@charset "utf-8";



/* s_visual */
#sub_top_Wrap {}

.s_visual {
    position: relative;
    width: 100%;
    height: 250px;
    box-sizing: border-box;
    overflow: hidden;
}

.s_visual .s_visual_in {
    position: relative;
    display: table;
    width: 95%;
    height: 100%;
    z-index: 2;
    max-width: 1600px;
    margin: 0 auto;
}

.s_visual .sv_tit {
    display: table-cell;
    box-sizing: border-box;
    color: #fff;
    vertical-align: middle;
    text-align: center;

}

.s_visual .sv_tit h2 {
    font-size: 4rem;
    font-family: 'GmarketSans';
    margin-bottom: 1em;
    border: 0px solid red;
    text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

.s_visual .sv_tit p {
    font-size: 1.5rem;
    line-height: 1em;
}

.sbg01 {
    background: url('/images/subbg01.jpg') no-repeat top !important;
    background-size: cover;
}

.sbg02 {
    background: url('/images/subbg02.jpg') no-repeat top !important;
    background-size: cover;
}

.sbg03 {
    background: url('/images/subbg03.jpg') no-repeat top !important;
    background-size: cover;
}

.sbg04 {
    background: url('/images/subbg04.jpg') no-repeat top !important;
    background-size: cover;
}

.sbg05 {
    background: url('/images/subbg05.jpg') no-repeat top !important;
    background-size: cover;
}

.sbg06 {
    background: url('/images/subbg06.jpg') no-repeat top !important;
    background-size: cover;
}

.sbg08 {
    background: url('/images/subbg08.jpg') no-repeat top !important;
    background-size: cover;
}

.sbg09 {
    background: url('/images/subbg09.jpg') no-repeat top !important;
    background-size: cover;
}

.bg05 {
    background: url('/images/membg.jpg') no-repeat top !important;
    background-size: cover;
}

.clear {
    clear: both;
}

/*
@media all and (max-width: 1480px){
  .s_visual { height: 25vw; }
}

@media all and (max-width: 1280px){
  .s_visual { height:25vw; }
  .s_visual .sv_tit h2 { font-size: 5.5rem; }
  .s_visual .sv_tit p { font-size: 2rem; }
}

@media all and (max-width: 860px){
  .s_visual { height: 40vw; }
  .s_visual .sv_tit h2 { font-size: 5.2rem; }
}
*/
@media all and (max-width: 480px) {
    .s_visual {
        height: 230px;
    }

    .sbg05 {
        background-position: right;
    }

}




/* Sub-Menu */

.sub_menu_wrap {
    position: relative;
    width: 100%;
    max-width: 1200px;
    height: 90px;
    line-height: 88px;
    margin: -45px auto 0;
    padding: 0;
    font-weight: 400;
    box-sizing: border-box;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
}

.sub_menu_wrap .m_home {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 90px;
    height: 90px;
    float: left;
    background: #333 url("/images/ico_home.png");
    border: 0;
    border-right: 1px solid #dedede;
}

.sub_menu_wrap .pc_submenu {
    background: #fff;
    border: 1px solid #dedede;
    text-align: center;
}

.sub_menu_wrap .pc_submenu .smenu1 {
    position: relative;
    margin: 0 auto;
}

.sub_menu_wrap .pc_submenu .smenu1 ul {
    width: auto;
    margin: 0 auto;
}

.sub_menu_wrap .pc_submenu .smenu1 ul li {
    display: inline-block !important;
}

.sub_menu_wrap .pc_submenu .smenu1 ul li a {
    border: 0px solid red;
    font-size: 18.5px;
    color: #000;
    padding: 0px 15px;
}

.sub_menu_wrap .pc_submenu .smenu1 ul li:hover a {
    font-weight: 600;
    color: #0066cc;
}


.sub_menu_wrap .pc_submenu .smenu1 .active {
    font-weight: 600;
    color: #0066cc;
}


.loca {
    position: absolute;
    right: 15px;
    top: 0px;
    height: 90px;
    line-height: 90px;
    border: 0px solid #dedede;
}

.sub_menu_wrap .m_dep_box {
    position: relative;
    display: none;
    width: 280px;
    float: left;
    text-align: left;
    cursor: pointer;
    border-right: 1px solid #dedede;
    font-size: 17px;
}

.sub_menu_wrap .m_dep_tit {
    display: block;
    background: url('/images/arrow.png') no-repeat right; background-position-x:108%;
    box-sizing: border-box;
    padding: 0 0.5em;
    cursor: pointer;
}

.sub_menu_wrap .m_dep_box .smenu {
    position: absolute;
    display: none;
    width: calc(100% + 2px);
    margin-left: -1px;
    background: #f5f5f5;
    box-sizing: Border-box;
    border: 1px solid #ddd;
    border-top: 0;
}

.sub_menu_wrap .m_dep_box .smenu ul {}

.sub_menu_wrap .m_dep_box .smenu li {
    margin: 0;
    width: 100%;
    display: block;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    padding: 0;
}

.sub_menu_wrap .m_dep_box .smenu li:hover {
    background: #ccc;
    color: #fff !important;
}

.sub_menu_wrap .m_dep_box .smenu li:hover a {
    border: 0;
    font-weight: 500;
}

.sub_menu_wrap .m_dep_box .smenu li a.on {
    background: #f15a25;
    color: #fff;
    border: 0;
}

.sub_menu_wrap .m_dep_box .smenu li:first-child {
    border-top: 0;
}

.sub_menu_wrap .m_dep_box .smenu a {
    color: #333;
    display: block;
    width: 100%;
    padding: 1em 1.5em;
    box-sizing: border-box;
    line-height: normal;
    font-size: 17px;
}

.sub_menu_wrap .m_dep_box .smenu a br {
    display: none;
}

.sub_menu_wrap .m_2dep_box li:before {
    display: none;
}


@media all and (max-width: 1189px) {
    .sub_menu_wrap .pc_submenu {
        display: none;
    }

    .sub_menu_wrap {
        border-top: 1px solid #ddd;
    }

    .sub_menu_wrap .m_dep_box {
        display: block;
        z-index: 5555;
    }

    .sub_menu_wrap .m_home {
        position: relative;
        width: 80px;
        height: 80px;
        background-size: 100% auto;
    }
}



@media all and (max-width: 1080px) {
    .sub_menu_wrap {
        height: 80px;
        line-height: 80px;
        margin-top: -40px;
    }

    .sub_menu_wrap .m_home {
        position: relative;
        width: 80px;
        height: 80px;
        background-size: 100% auto;
    }
}

@media all and (max-width: 767px) {
    .sub_menu_wrap {
        height: 70px;
        line-height: 70px;
        margin-top: -35px;
    }

    .sub_menu_wrap .m_home {
        width: 70px;
        height: 70px;
    }

    .sub_menu_wrap .m_dep_box {
        width: calc(50% - 35px);
    }

    .sub_menu_wrap .m_2dep_box {
        border-right: 0;
    }
}

@media all and (max-width: 640px) {
    .sub_menu_wrap {
        height: 60px;
        line-height: 60px;
        margin-top: -30px;
    }

    .sub_menu_wrap .m_home {
        width: 60px;
        height: 60px;
    }

    .sub_menu_wrap .m_dep_box {
        width: calc(50% - 30px);
    }
}


@media all and (max-width: 480px) {
    .sub_menu_wrap {
        width: 100%;
        height: 50px;
        line-height: 50px;
        margin-top: -30px;
    }

    .sub_menu_wrap .m_home {
        width: 50px;
        height: 50px;
    }

    .sub_menu_wrap .m_dep_box {
        width: calc(50% - 25px);
        font-size: 15.5px; font-weight:500;
    }

    .sub_menu_wrap .m_dep_box .smenu a {
        padding: 0.8em 0.5em;
         font-size: 15px; font-weight:500;
    }
}




#subTitle {
    text-align: center;
    font-family: 'GmarketSans';
    color: #212121;
    font-size: 3.8rem;
    line-height: 1.2em;
    padding: 4% 0 0;
    letter-spacing: -0.04em;
}

#pageCont {
    width: 100%;
    max-width: 1200px;
    border: 0px solid red;
    overflow: hidden;
    margin: 0 auto;
    padding: 3% 0%;
    box-sizing: border-box;
}




@media all and (max-width:1080px) {
    #subTitle {
        padding-top: 6%;
    }
}

@media all and (max-width:640px) {
    #subTitle {
        padding-top: 8%;
    }

    #pageCont {
        padding: ;
    }
}

@media all and (max-width:568px) {
    #subTitle {
        font-size: 3.5rem;
    }

    #pageCont {}
}

@media all and (max-width:480px) {
    #subTitle {
        padding-top: 10%;
    }

    #pageCont {}
}




.tabmenu {
    text-align: center;
    width: 100%;
    max-width: 1600px;
    margin: -3% auto 4%;
    overflow: hidden;
    font-size: 0;
    padding-top: 1px;
    padding-left: 1px;
}

.tabmenu li {
    position: relative;
    display: inline-block;
    width: calc(100% / 4);
    max-width: 250px;
    margin-top: -1px;
    margin-left: -1px;
    border: 1px solid #dee6e9;
    text-align: center;
}

.tabmenu li a {
    text-decoration: none;
    width: 100%;
    height: 60px;
    line-height: 60px;
    display: block;
    background: #fff;
    color: #525252;
    font-size: 1.7rem;
    font-weight: 600;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tabmenu li a:hover {
    color: #3a76ff;
}

.tabmenu.fs-s li a {
    font-size: 1.5rem;
}

.tabmenu.col5 li {
    width: calc(100% / 5);
    max-width: 280px;
}

.tabmenu.col6 li {
    width: calc(100% / 6);
    max-width: 280px;
}

.tabmenu.col7 li {
    width: calc(100% / 7);
    float: left;
}


.tabmenu.floor.floor li a {
    height: 80px;
    line-height: 80px;
    font-size: 1.5rem;
    font-weight: 400;
}

.tabmenu.floor.floor li a p {
    display: inline-block;
    line-height: 1.3em;
    vertical-align: middle;
}

.tabmenu.floor.floor li a p span {
    font-size: 2.1rem;
    font-weight: 900;
    color: #3a76ff;
}


/* 페이지 인식을 위한 부분 */
.tab01 .tabmenu a.menu1,
.tab02 .tabmenu a.menu2,
.tab03 .tabmenu a.menu3,
.tab04 .tabmenu a.menu4,
.tab05 .tabmenu a.menu5,
.tab06 .tabmenu a.menu6,
.tab07 .tabmenu a.menu7,
.tab08 .tabmenu a.menu8,
.tab09 .tabmenu a.menu9,
.tab10 .tabmenu a.menu10,
.tab11 .tabmenu a.menu11,
.tab12 .tabmenu a.menu12 {
    color: #fff;
    background: #3a76ff;
    font-weight: 600;
    border-color: #3a76ff !important;
    z-index: 98;
}


.tab01 .tabmenu.floor a.menu1,
.tab02 .tabmenu.floor a.menu2,
.tab03 .tabmenu.floor a.menu3,
.tab04 .tabmenu.floor a.menu4,
.tab05 .tabmenu.floor a.menu5,
.tab06 .tabmenu.floor a.menu6,
.tab07 .tabmenu.floor a.menu7,
.tab08 .tabmenu.floor a.menu8,
.tab09 .tabmenu.floor a.menu9,
.tab10 .tabmenu.floor a.menu10,
.tab11 .tabmenu.floor a.menu11,
.tab12 .tabmenu.floor a.menu12 p span {
    color: #fff !important;
}

@media all and (max-width:1280px) {
    .tabmenu.col6 li {
        width: calc(100% / 4);
    }
}

@media all and (max-width:1080px) {
    .tabmenu {
        margin-top: 0;
        margin-bottom: 5%;
    }

    .tabmenu li a {
        height: 55px;
        line-height: 55px;
    }
}


@media all and (max-width:976px) {
    .tabmenu li {
        width: calc(100% / 5);
    }

    .tabmenu li a {
        font-size: 1.6rem;
    }

    .tabmenu.col3 li {
        width: calc(100% / 3);
        float: inherit;
    }

    .tabmenu.col5 li {
        width: calc(100% / 3);
    }

    .tabmenu.col6 li {
        width: calc(100% / 3);
    }
}

@media all and (max-width:767px) {
    .tabmenu li {
        width: calc(100% / 4);
    }

}

@media all and (max-width:640px) {
    .tabmenu li a {
        height: 50px;
        line-height: 50px;
    }
}

@media all and (max-width:568px) {
    .tabmenu li {
        width: calc(100% / 2);
    }

    .tabmenu li a {
        height: 40px;
        line-height: 40px;
    }

    .tabmenu.fs-s li a {
        font-size: 1.5rem;
    }

    .tabmenu.col5 li {
        width: calc(100% / 2);
    }

    .tabmenu.col6 li {
        width: calc(100% / 2);
    }
}

@media all and (max-width:480px) {
    .tabmenu {
        text-align: left;
    }

    .tabmenu li {
        width: calc(100% / 2) !important;
    }
}




.tabmenu2 {
    text-align: center;
    width: 100%;
    max-width: 1600px;
    margin: -2% auto 4%;
    overflow: hidden;
    border-radius: 5px;
    padding: 1.5em;
    background: #f6f7f9;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tabmenu2 li {
    position: relative;
    display: inline-block;
    width: calc((100% - 30px) / 6);
    margin: 2.5px;
    border: 1px solid #dee6e9;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
}

.tabmenu2 li a {
    text-decoration: none;
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: block;
    color: #7b8795;
    font-size: 1.5rem;
    background: #fff;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tabmenu2 li a:hover {
    color: #3ac0ff;
}

@media all and (max-width:767px) {
    .tabmenu2 li {
        width: calc((100% - 15px) / 3);
    }

    .tabmenu2 li a {
        height: 3em;
        line-height: 3em;
    }
}

@media all and (max-width:480px) {
    .tabmenu2 {
        padding: 1em;
        margin-top: 0;
    }

    .tabmenu2 li {
        width: calc((100% - 9px) / 3);
        margin: 1.5px;
    }
}

@media all and (max-width:360px) {
    .tabmenu2 li {
        width: calc((100% - 6px) / 2);
    }
}

.tabmenu3 {
    display: flex;
    margin-bottom: 30px;
    justify-content: space-between;
    text-align: center;
    margin-top: -20px;
}

.tabmenu3 li {}

.tabmenu3 li a {}

.tabmenu3 li a p {
    padding: 10px 0px;
    margin: 0 20px;
    font-weight: 500;
    color: #bbb;
    word-break: keep-all;
}

@media all and (max-width:767px) {
    .tabmenu3 {
        flex-wrap: wrap;
        margin-top: 0;
        justify-content: flex-start
    }

    .tabmenu3 li {
        width: calc((100% - 15px) / 3);
    }

    .tabmenu li a {
        height: 3em;
        line-height: 3em;
    }
}

@media all and (max-width:480px) {
    .tabmenu3 {
        padding: 1em;
        margin-top: 0;
    }

    .tabmenu3 li {
        width: calc((100% - 9px) / 3);
        margin: 1.5px;
    }
}

@media all and (max-width:360px) {
    .tabmenu3 li {
        width: calc((100% - 6px) / 2);
    }
}


/* 페이지 인식을 위한 부분 */
.tab01 .tabmenu2 a.menu1,
.tab02 .tabmenu2 a.menu2,
.tab03 .tabmenu2 a.menu3,
.tab04 .tabmenu2 a.menu4,
.tab05 .tabmenu2 a.menu5,
.tab06 .tabmenu2 a.menu6,
.tab07 .tabmenu2 a.menu7,
.tab08 .tabmenu2 a.menu8,
.tab09 .tabmenu2 a.menu9,
.tab10 .tabmenu2 a.menu10,
.tab11 .tabmenu2 a.menu11,
.tab12 .tabmenu2 a.menu12 {
    color: #fff;
    background: #3ac0ff;
    font-weight: 600;
    border-color: #3ac0ff !important;
    z-index: 98;
}

.tab01 .tabmenu3 a.menu1 p,
.tab02 .tabmenu3 a.menu2 p,
.tab03 .tabmenu3 a.menu3 p,
.tab04 .tabmenu3 a.menu4 p,
.tab05 .tabmenu3 a.menu5 p,
.tab06 .tabmenu3 a.menu6 p,
.tab07 .tabmenu3 a.menu7 p,
.tab08 .tabmenu3 a.menu8 p,
.tab09 .tabmenu3 a.menu9 p,
.tab10 .tabmenu3 a.menu10 p,
.tab11 .tabmenu3 a.menu11 p,
.tab12 .tabmenu3 a.menu12 p {
    color: #3ac0ff;
    font-weight: 700;
    border-bottom: 2px solid #3ac0ff;
}



.clinic_tab {
    position: relative;
    width: 100%;
    display: flex;
    align-items: stretch;
    text-align: center;
    flex-wrap: wrap;
    padding-left: 1px;
    padding-top: 1px;
}

.clinic_tab li {
    width: calc(100% / 8);
    border: 1px solid #d7dde8;
    margin-left: -1px;
    margin-top: -1px;
}

.clinic_tab li a {
    display: block;
    padding: 1.2em 1em;
    color: #7b8795;
}

.clinic_tab li a:hover {
    background: #6076a4;
    color: #fff;
}

.clinic_tab li img {
    max-width: 70%;
}

.clinic_tab li p {
    margin-top: 1em;
    font-size: 1.5rem;
}

@media all and (max-width:1080px) {
    .clinic_tab li {
        width: calc(100% / 6);
    }

    .clinic_tab li a {
        padding: 1em 0.5em;
    }
}

@media all and (max-width:640px) {
    .clinic_tab li {
        width: calc(100% / 5);
    }
}

@media all and (max-width:480px) {
    .clinic_tab li {
        width: calc(100% / 4);
    }
}

@media all and (max-width:380px) {
    .clinic_tab li {
        width: calc(100% / 3);
    }
}


/* 페이지 인식을 위한 부분 */
.tab01 .clinic_tab a.menu1,
.tab02 .clinic_tab a.menu2,
.tab03 .clinic_tab a.menu3,
.tab04 .clinic_tab a.menu4,
.tab05 .clinic_tab a.menu5,
.tab06 .clinic_tab a.menu6,
.tab07 .clinic_tab a.menu7,
.tab08 .clinic_tab a.menu8,
.tab09 .clinic_tab a.menu9,
.tab10 .clinic_tab a.menu10,
.tab11 .clinic_tab a.menu11,
.tab12 .clinic_tab a.menu12,
.tab12 .clinic_tab a.menu12,
.tab12 .clinic_tab a.menu12,
.tab12 .clinic_tab a.menu12,
.tab12 .clinic_tab a.menu12,
+.tab12 .clinic_tab a.menu12,
.tab12 .clinic_tab a.menu12,
.tab12 .clinic_tab a.menu12,
.tab12 .clinic_tab a.menu12,
.tab12 .clinic_tab a.menu12,
.tab12 .clinic_tab a.menu12,
.tab13 .clinic_tab a.menu13,
.tab14 .clinic_tab a.menu14,
.tab15 .clinic_tab a.menu15,
.tab16 .clinic_tab a.menu16,
.tab17 .clinic_tab a.menu17,
.tab18 .clinic_tab a.menu18,
.tab19 .clinic_tab a.menu19,
.tab20 .clinic_tab a.menu20,
.tab21 .clinic_tab a.menu21,
.tab22 .clinic_tab a.menu22,
.tab23 .clinic_tab a.menu23,
.tab24 .clinic_tab a.menu24,
.tab25 .clinic_tab a.menu25 {
    background: #6076a4;
    color: #fff;
}



/*** BTN STYLE ***/

.btnst01 {
    display: inline-block;
    padding: 7px;
    font-size: 14px;
    border-radius: 3px;
    color: #fff;
    background: #999;
}

.btnst02 {
    display: inline-block;
    padding: 7px;
    font-size: 14px;
    border-radius: 3px;
    color: #fff;
    background: #0066ff;
}

.btnst03 {
    display: inline-block;
    padding: 7px;
    font-size: 14px;
    border-radius: 3px;
    color: #fff;
    background: #ff6600;
}

.btnst04 {
    display: inline-block;
    padding: 7px;
    font-size: 14px;
    border-radius: 3px;
    color: #fff;
    background: #000;
}

.datest {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #333;
    border-radius: 3px;
    background: none;
    margin: 2px;
}



/***오시는 길**/
#map {
    width: 100%;
    position: relative;
    height: 650px;
    border: 0px solid #ccc;
}

.mapinfo {
    position: absolute;
    bottom: 0px;
    lefT: 0px;
    z-indeX: 5;
    background: #0066cc;
    padding: 25px;
    box-sizing: border-box;
    width: 550px;
}

.mapinfo1 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-indeX: 5;
    background: #0066cc;
    padding: 25px;
    box-sizing: border-box;
    width: 550px;
}

.col-sm-12 {
    position: relative;
    width: 100%;
    height: 650px;
}

.mapinfo ul {
    width: 100%;
}

.mapinfo ul li {
    color: #fff;
    width: 100%;
    border-bottom: 1px solid rgba(250, 250, 250, 0.2);
    padding: 13px 0px;
    overflow: hidden;
}

.mapinfo ul li:last-child {
    border-bottom: 0px solid rgba(250, 250, 250, 0);
}

.mapinfo ul li a {
    color: #fff;
}

.mapinfo ul li dl {
    width: 100%;
    float: left;
}

.mapinfo ul li dl dt {
    width: 22%;
    float: left;
    font-size: 15px;
}

.mapinfo ul li dl dd {
    width: 78%;
    float: left;
    font-size: 15px;
}

.mapinfo ul li dl dd span {
    color: #fff;
}


.mapinfo1 ul {
    width: 100%;
}

.mapinfo1 ul li {
    color: #fff;
    width: 100%;
    border-bottom: 1px solid rgba(250, 250, 250, 0.2);
    padding: 13px 0px;
    overflow: hidden;
}

.mapinfo1 ul li:last-child {
    border-bottom: 0px solid rgba(250, 250, 250, 0);
}

.mapinfo1 ul li a {
    color: #fff;
}

.mapinfo1 ul li dl {
    width: 100%;
    float: left;
}

.mapinfo1 ul li dl dt {
    width: 22%;
    float: left;
    font-size: 15px;
}

.mapinfo1 ul li dl dd {
    width: 78%;
    float: left;
    font-size: 15px;
}

.mapinfo1 ul li dl dd span {
    color: #fff;
}




.maptt {
    background: url('/images/icon01.png')no-repeat left;
    padding-left: 30px;
}

.maptt1 {
    background: url('/images/icon02.png')no-repeat left;
    padding-left: 30px;
}

.maptt2 {
    background: url('/images/icon03.png')no-repeat left;
    padding-left: 30px;
}

.maptt3 {
    background: url('/images/icon04.png')no-repeat left;
    padding-left: 30px;
}


@media all and (max-width: 767px) {

    .mapinfo {
        width: 100%;
    }

    .mapinfo ul li dl dt {
        width: 30%;
    }

    .mapinfo ul li dl dd {
        width: 70%;
    }


    .mapinfo1 {
        width: 100%;
    }

    .mapinfo1 ul li dl dt {
        width: 30%;
    }

    .mapinfo1 ul li dl dd {
        width: 70%;
    }

}




/**교육검색**/
.edu_search {
    width: 100%;
    float: left;
    position: relative;
    padding: 25px;
    background: #f1f1f1;
}

.edu_search ul {
    width: 100%;
}

.edu_search ul li {
    display: inline-block;
    float: left;
    height: 61px;
    line-height: 61px;
}

.edu_search ul li:nth-child(1) {
    width: 20%;
}

.edu_search ul li:nth-child(2) {
    width: 60%;
}

.edu_search ul li:nth-child(3) {
    width: 10%;
}
.edu_search ul li:nth-child(4) {
    width: 10%;
}

.edu_search .btn-search {
    margin-top: 1px;
    height: 61px;
    width: 100%;
    background-size: auto 40%;
    font-size: 0px;
    float: right;
    background: #f15a25 url('/images/board/search.png') no-repeat center center;
    width: 100%;
    background-size: auto 40%;
    border: 2px solid #f15a25;
}


.edu_search .all-search {
    margin-top: 1px;
    height: 61px;
    width: 100%;
    background-size: auto 40%;
    font-size: 18px;
    float: right;
    color:#fff;
    background: #000;
    width: 100%;
    background-size: auto 40%;
    border: 2px solid #000;
}

.txtBox {
    height: 61px !important;
    width: 100%;
    bordeR: 1px solid #ccc;
    padding-left:10px;
    font-size:19px;
}



@media all and (max-width: 1089px) {
    .edu_search ul li {
        display: inline-block;
        float: left;
        height: 45px;
        line-height: 45px;
    }

    .edu_search ul li:nth-child(1) {
        display: none;
    }

    .edu_search ul li:nth-child(2) {
        width: 70%;
    }

    .edu_search ul li:nth-child(3) {
        width: 15%;
    }
     .edu_search ul li:nth-child(4) {
        width: 15%; 

    }

    .edu_search .btn-search {
        height: 45px;
    }

    .txtBox {
        height: 45px !important;
         padding-left:10px;
    font-size:15px;
    }

    .edu_search .all-search {
 height: 45px; font-size:14px;
    }
}





.edu_list {
    width: 100%;
    float: left;
    position: relative;
    padding: 25px 0px;
    border: 0px solid red;
}

.edu_list ul {
    width: 100%;
    float: left;
}

.edu_list ul li {
    margin-bottom: 25px;
    width: 33.3333333333%;
    float: left;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;

}

.edu_list ul li dl {
    padding: 15px;
    overflow: hidden;
    box-sizing: border-box;
    width: 92%;
    margin: 0 auto;
    border: 1px solid #ccc;
    min-height: 460px;
}

.edu_list ul li dl dt {
    width: 100%;
    float: left;
}

.edu_list ul li dl dt img {
    width: 100%;
    height: 300px;
}

.edu_list ul li dl dd {
    width: 100%;
    float: left;
    padding: 15px 0px;
}

.edutt {
    font-size: 19px;
    color: #000;
    line-height: 24px;
    font-weight: 600;
	margin-left: 7px;
    margin-top: 7px;
    margin-bottom: 7px;
    height: 110px;
    border: 0px solid red;
}

.edutt1 {
    margin-left: 7px;
    font-size: 17px;
    color: #999;
}

.edutt2 {
    margin-left: 7px;
    font-size: 15px;
    color: red;
		height: 30px;
}

.edutt3 {
    font-size: 19px;
    color: #000;
    line-height: 24px;
    font-weight: 600;
	margin-left: 7px;
    margin-top: 7px;
    margin-bottom: 7px;
    height: 70px;
    border: 0px solid red;
}

.edutt4 {
    font-size: 15px;
	margin-left: 7px;
    color: #5D5D5D;
	height: 30px;
}

.btnarea {
    width: 100%;
    text-align: center;
    padding-top: 30px;
}

.button_edu {
    border: 0;
    background: #ff5105;
    padding: 7px 15px;
    text-align: center;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    color: #fff;
    -o-border-radius: 35px;
    -m-border-radius: 35px;
    box-sizing: border-box;
    display: inline-block;
}

.button_edu1 {
    border: 0;
    background: #36bcd4;
    padding: 7px 15px;
    text-align: center;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    color: #fff;
    -o-border-radius: 35px;
    -m-border-radius: 35px;
}


.button_edu2 {
    border: 0;
    background: #ff9900;
    padding: 7px 15px;
    text-align: center;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    color: #fff;
    -o-border-radius: 35px;
    -m-border-radius: 35px;
}


.button_edu3 {
    border: 0;
    background: #999;
    padding: 7px 15px;
    text-align: center;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    color: #fff;
    -o-border-radius: 35px;
    -m-border-radius: 35px;
}


.button_edu4 {
    border: 0;
    background: #999;
    padding: 7px 15px;
    text-align: center;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    color: #fff;
    -o-border-radius: 35px;
    -m-border-radius: 35px;
}




@media all and (max-width: 1089px) {

    .edu_list ul li {
        width: 50%;
    }


}

@media all and (max-width: 689px) {

    .edu_list ul li {
        width: 100%;
    }

    .edu_list ul li dl {
        height: auto !important;
        min-height: auto;
    }

    .btnarea {
        padding-top: 10px;
    }

    .edutt {
        font-size: 17px;
        height: auto;
    }

}




.edu_view {
    width: 100%;
    float: left;
    position: relative;
    padding: 25px 0px;
    border: 0px solid red;
}

.edu_view ul {
    width: 100%;
    float: left;
}

.edu_view ul li {
    margin-bottom: 25px;
    width: 100%;
    float: left;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}

.edu_view ul li dl {
    padding: 15px;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #ccc;
}

.edu_view ul li dl dt {
    width: 45%;
    float: left;
}

.edu_view ul li dl dt img {
    width: 100%;
}

.edu_view ul li dl dd {
    width: 55%;
    text-align: left;
    float: left;
    padding: 15px 40px;
}

.edutt_v {
    font-size: 29px;
    color: #000;
    line-height: 37px;
    font-weight: 600;
    padding: 20px 0px;
}

.edutt1_v {
    text-align: left;
    margin-bottom: 10px;
    font-size: 18px;
    color: #999;
}

.edutt1_v span {
    display: inline-block;
    font-size: 13px;
    border-radius: 25px;
    background: #999;
    color: #fff;
    padding: 5px 10px;
}

.edutt2_v {
    font-size: 18px;
    color: red;
}

.edutt3_v {
    font-size: 17px;
    color: #999;
    line-height: 25px;
}

.btnarea1 {
    width: 100%;
    text-align: LEFT;
    padding-top: 30px;
}

.eduviewtt {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    line-height: 55px;
    height: 55px;
    width: 100%;
    text-align: left;
    bordeR-bottom: 1px solid #ccc;
    background: url('/images/dotbg.jpg')no-repeat;
    padding-left: 55px;
}


@media all and (max-width: 689px) {


    .edu_view ul li dl dt {
        width: 100%;
    }

    .edu_view ul li dl dd {
        width: 100%;
        padding: 5px;
    }

    .edutt1_v {
        font-size: 15px;
    }

    .edutt1_v span {
        margin-bottom: 5px;
    }

    .edutt_v {
        font-size: 21px;
        line-height: 30px;
    }

    .eduviewtt {
        font-size: 18px;
    }
}






.educon {
    width: 100%;
    padding: 15px 10px;
    bordeR: 0px solid red;
}

.edutb_01 {
    width: 100%;
    border-top: 2px solid #000;
    border-bottom: 1px solid #ccc;
    margin-top: 15px;
    font-size:15px;
}

.edutb_01 tr th {
    padding: 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #000;
    background: #fbf4f2;
}

.edutb_01 tr th:last-child {
    border-right: 0px solid #ccc;
}

.edutb_01 tr th.nbline {
    border-bottom: 0px solid #ccc;
}

.edutb_01 tr td {
    padding: 15px;
    text-align: center;
    border-right: 1px solid #ccc;
}

.edutb_01 tr td:last-child {
    padding: 15px;
    text-align: center;
    border-right: 0px solid #ccc;
}

.edutb_01 tr td.tline {
    padding: 15px;
    text-align: center;
    border-top: 1px solid #ccc !important;
}

.edutb_01 tr td.rline {
    padding: 15px;
    text-align: center;
    border-right: 1px solid #ccc !important;
}

.edutb_01 tr td.bline {
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #ccc !important;
}

.mobileshow1 {
    display: none;
}

@media all and (max-width: 989px) {

    .edutb_01 tr th {
        padding: 13px 5px;
    }

    .edutb_01 tr td {
        padding: 13px 5px;
    }

    .edutb_01 tr td:last-child {
        padding: 13px 5px;
    }

    .edutb_01 tr td.tline {
        padding: 13px 5px;
    }

    .edutb_01 tr td.rline {
        padding: 13px 5px;
    }

    .edutb_01 tr td.bline {
        padding: 13px 5px;
    }

    .mobileshow1 {
        display: block;
    }
}






.tbstyle01 {
    width: 100%;
}

.tbstyle01 thead th {
    padding: 20px;
    bordeR-bottom: 1px solid #000;
    text-align: center;
    color: #000;
    font-weight: 600;
}

.tbstyle01 tbody td {
    padding: 20px;
    bordeR-bottom: 1px solid #ccc;
    text-align: center;
}

.tbstyle01 tbody td .left {
    text-align: left !important;
}

.tbstyle01 tbody td .vt {
    display: block;
    vertical-align: top !important;
}

.lecsubj {
    font-size: 17px;
    line-height: 30px;
}


.boardcate {
    width: 100%;
    float: left;
    border: 0px solid red;
    margin: 25px 0px;
}

.boardcate ul {
    width: 100%;
    float: left;
    position: relative;
}

.boardcate ul li {
    width: 20%;
    float: left;
    display: inline-block;
    border: 1px solid #fff;
    text-align: center;
}

.boardcate ul li a {
    background: #f9f9f9;
    display: block;
    padding: 15px 0px;
}

.boardcate ul li a:hover {
    background: #ff6600 !important;
    color: #fff;
}

.boardcate-active {
    background: #ff6600 !important;
    color: #fff;
}


@media all and (max-width: 977px) {
    .tbstyle01 thead th {
        padding: 15px 5px;
        font-size: 15px;
    }

    .tbstyle01 tbody td {
        padding: 15px 5px;
        font-size: 15px !important;
    }

    .date {
        font-weight: 500;
        color: #000;
    }

    .boardcate ul li {
        width: 33.333%;
        float: left;
        display: inline-block;
        border: 1px solid #fff;
        text-align: center;
    }
    .boardcate ul li a  {font-weight:600;
font-size:15px;
    }

    .lecsubj {
        line-height: 23px;
        font-size: 16px;
    }
}





.hugicon {
    width: 100%;
    padding: 15px 10px;
    bordeR: 0px solid red;
}

.hugicon ul {
    /*border-top: 1px solid #ccc;*/
}

.hugicon ul li {
    border-bottom: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
}

.hugiw {
    width: 100%;
    padding: 15px 10px;
}

.hugiw ul {
    width: 100%;
    float: left;
}

.hugiw ul li {
    display: inline-block;
    float: left;
}

.hugiw ul li:first-child {
    width: 90%;
}

.hugiw ul li:last-child {
    width: 10%;
}

@media all and (max-width: 977px) {
    .ht60 {
        height: 52px !important;
    }

    .hugiw ul li:first-child {
        width: 75%;
    }

    .hugiw ul li:last-child {
        width: 25%;
    }

}

.tbstyle04 {
    width: 100%;
    bordeR: 0px solid red;
}

.tbstyle04 thead th {
    padding: 10px;
    bordeR-bottom: 1px solid #000;
    text-align: center;
    color: #000;
    font-weight: 600;
}

.tbstyle04 tbody td {
    padding: 10px;
    bordeR-bottom: 0px solid #ccc;
    text-align: center;
}

.tbstyle04 tbody td .left {
    text-align: left !important;
}

.tbstyle04 tbody td.idtd {
    width: 10%;
    float: left;
    background: #f5f5f5;
}

.tbstyle04 tbody td.subjtd {
    width: 90%;
    float: left;
    text-align: left !important;
    padding-left: 15px;
}

.tbstyle04 tbody td.datetd {
    width: 15%;
    float: left;
    text-align: right !important;
}



@media all and (max-width: 977px) {
    .tbstyle04 tbody td.idtd {
        width: 30%;
    }

    .tbstyle04 tbody td.subjtd {
        width: 70%;
    }

}






#m_board2 {

    position: relative;
    width: 100%;
    margin-right: 0;
    position: relative;

    margin: 0 auto;
    border: 0px solid #ddd;
}

#m_board2 .tabs2 {
    height: 50px;
    width: 100%;
    border: 1px solid #ddd;
}

#m_board2 .tabs2 li {
    float: left;
    font-size: 17px;
    width: 33.333333%;
    text-align: center;
    color: #999;
    border-right: 1px solid #ddd;
}

#m_board2 .tabs2 li:first-child {

    line-height: 43px;
}

#m_board2 .tabs2 li:last-child {
    border-right: 0px solid #ddd;
}

#m_board2 .tabs2 li a {
    display: block;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    font-size: 17px;
    color: #999;
}

#m_board2 .tabs2 li a:hover {
    color: #000;
    height: 50px;
    line-height: 48px;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
}

#m_board2 .tabs2 .active a {

    color: #000;
    height: 50px;
    line-height: 48px;
    box-sizing: border-box;
    font-size: 17px;
    border: 3px solid #ff0646;
    font-weight: 600;
}

#m_board2 .more {
    position: absolute;
    right: 17px;
    top: 16px;
}

#m_board2 .more a {
    display: block;
    padding: 5px;
    border: 1px solid #ddd
}

#m_board2 .more a:hover {
    border: 1px solid #1e83eb
}

#m_board2 .tab_container2 {
    margin-top: 15px;
    padding: 0px;

    text-align: left;
    border-top: 0px solid #000;
}

/*
#m_board2 .tab_content2 ul li {
    display: inline-block;
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px;
    font-size: 15px;
}

#m_board2 .tab_content2 ul li.last-child {}

#m_board2 .tab_content2 ul a {
    line-height: 24px;
    font-size: 15px;
}*/

#m_board2 .tab_content2 ul li .b_tit {
    border-radius: 10px;
    text-align: center;
    width: 50px;
    color: #fff;
    display: inline-block;
    margin-right: 7px
}

#m_board2 .tab_content2 ul li .date {
    text-align: right ! important;
    width: 20%;
    border: 1px solid #ddd;
    text-align: right;
    float: right;
    color: #bcbcbc;
    padding-right: 30px;
}

/*
#m_board2 .tab_content2 ul li dt,
#m_board2 .tab_content2 ul li dd {
    list-style: none;
    height: 25px;
    color: #fff;
}

#m_board2 .tab_content2 ul li dt {
    width: 80%;
    float: left;
}
*/


@media all and (max-width: 689px) {
    #m_board2 .tabs2 li a {
        font-size: 14px;
    }

    #m_board2 .tabs2 li a:hover {
        font-size: 14px;
    }

    #m_board2 .tabs2 .active a {
        font-size: 14px;
    }


}









/***학습중인과정****/
.mywrap {
    width: 100%;
    border: 0px solid red;
    overflow: hidden;
    position: relative;
    margin-top: 25px;
}

.myleft {
    width: 48%;
    float: left;
    position: relative;
    padding: 25px;
    box-sizing: order-box;
    border: 1px solid #ccc;
    margin: 1%;
}

.myleft1 {
    width: 100%;
    float: left;
    position: relative;
    padding: 25px;
    box-sizing: order-box;
    border: 1px solid #ccc;
}


.ingstate {
    margin: 15px 0px;
    background: #efefef;
    color: #000;
    width: 100%;
    padding: 15px 10px;
    box-sizing: order-box;
    text-align: center;
}

.ingstate span {
    padding-right: 15px;
    color: red;
}


.myright {
    width: 45%;
    float: left;
    position: relative;
    padding: 36px 35px 36px 35px;
    box-sizing: order-box;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.myright>ul {
    width: 100%;
    position: relative;
}

.myright>ul>li {
    float: left;
    display: inline-block;
    line-height: 26px !important;
}

.myright>ul>li.wd30per {
    font-weight: 600;
    color: #000;
    width: 25%;
    margin-bottom: 33px;
    border-right: 1px solid #ccc;
    margin-top: 0px !important;
}

.myright>ul>li.wd70per {
    width: 75%;
    margin-bottom: 33px !important;
    padding-left: 20px;
    margin-top: 0px !important;
    color: red;
}

.mytt {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    padding: 15px 0px;
    bordeR-bottom: 0px solid #ccc;
    margin-bottom: 0px;
}

.mytt span {
    padding: 5px;
    text-align: center;
    background: #999;
    font-weight: 600;
    color: #fff;
    margin-right: 10px;
    font-size: 15px;
}


.myttul ul {
    width: 100%;
    float: left;
    height: 90px;
    border: 0px solid red;
}

.myttul ul li {
    display: inline-block;
    float: left;
    font-size: 20px !important;
    font-weight: 600;
    color: #000;
}

.myttul ul li span {
    padding: 6px;
    text-align: center;
    background: #999;
    font-weight: 600;
    color: #fff;
    border-radius: 3px;
    margin-right: 10px;
    font-size: 15px;
}

.myttul ul li:first-child {
    width: 15%;
}

.myttul ul li:last-child {
    width: 85%;
}




.myttul1 ul {
    width: 100%;
    float: left;
    height: auto;
    border: 0px solid red;
    margin-bottom: 10px;
}

.myttul1 ul li {
    display: inline-block;
    float: left;
    font-size: 20px !important;
    font-weight: 600;
    color: #000;
}

.myttul1 ul li span {
    padding: 6px;
    text-align: center;
    background: #999;
    font-weight: 600;
    color: #fff;
    border-radius: 3px;
    margin-right: 10px;
    font-size: 15px;
}

.myttul1 ul li:first-child {
    width: 7%;
}

.myttul1 ul li:last-child {
    width: 92%;
}




.mytt1 {
    font-size: 15px;
    color: #000;
    line-height: 30px;
    background: url(/images/dotbg02.jpg)no-repeat;
    padding-left: 25px;
}

.mytt1_1 {
    font-size: 15px;
    color: #000;
    line-height: 30px;
    background: url(/images/dotbg02.jpg)no-repeat;
    padding-left: 25px;
}


.mytt2 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    padding: 15px 0px;
    bordeR-bottom: 0px solid #ccc;
    margin-bottom: 0px;
}

.mytt2 span {
    padding: 5px;
    text-align: center;

    font-weight: 600;
    color: #999;
    margin-right: 10px;
    font-size: 15px;
}


@media all and (max-width: 977px) {
    .myleft {
        width: 100%;
        float: left;
        position: relative;
        padding: 20px;
        box-sizing: order-box;
        border: 1px solid #ccc;
        margin: 2% 0%;
    }

    .mytt {
        font-size: 17px;
        font-weight: 600;
        color: #000;
        padding: 15px 0px;
        bordeR-bottom: 0px solid #ccc;
        margin-bottom: 0px;
    }


    .mytt span {
        display: inline-block;
        padding: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }



    .myttul ul {
        width: 100%;
        float: left;
        height: auto;
        border: 0px solid red;
        padding: 10px;
    }

    .myttul ul li {
        display: inline-block;
        float: left;
        font-size: 17px !important;
        font-weight: 600;
        color: #000;
    }

    .myttul ul li span {
        padding: 6px;
        text-align: center;
        background: #999;
        font-weight: 600;
        color: #fff;
        border-radius: 3px;
        margin-right: 10px;
        font-size: 15px;
    }

    .myttul ul li:first-child {
        width: 100%;
    }

    .myttul ul li:last-child {
        width: 100%;
        margin-bottom: 10px;
    }




    .myttul1 ul {
        width: 100%;
        float: left;
        height: auto;
        border: 0px solid red;
        margin-bottom: 10px;
        padding: 10px;
    }

    .myttul1 ul li {
        display: inline-block;
        float: left;
        font-size: 17px !important;
        font-weight: 600;
        color: #000;
    }

    .myttul1 ul li span {
        padding: 6px;
        text-align: center;
        background: #999;
        font-weight: 600;
        color: #fff;
        border-radius: 3px;
        margin-right: 10px;
        font-size: 15px;
    }

    .myttul1 ul li:first-child {
        width: 100%;
        margin-bottom: 10px;
    }

    .myttul1 ul li:last-child {
        width: 100%;
    }






    .mytt2 {
        font-size: 17px;
        font-weight: 600;
        color: #000;
        padding: 5px 0px;
        bordeR-bottom: 0px solid #ccc;
        margin-bottom: 0px;
    }

    .mytt2 span {
        padding: 5px;
        text-align: center;

        font-weight: 600;
        color: #999;
        margin-right: 10px;
        font-size: 15px;
    }

    .mytt1_1 {
        font-size: 14px;
        color: #000;
        line-height: 23px;
        background: none;
        padding-left: 0px;
        padding: 10px;
        background: #efefef;
    }



    .ingstate {
        line-height: 22px;
        text-align: left;
    }



    .myleft1 {
        width: 100%;
        float: left;
        position: relative;
        padding: 10px;
        box-sizing: order-box;
        border: 1px solid #ccc;
    }


}

@media all and (max-width: 567px) {

    .myleft {
        padding: 7px 5px 15px 5px;
    }

    .mytt {
        font-size: 18px;
        width: 98%;
        text-align: left;
    }

}


.btnarea2 {
    width: 100%;
    text-align: right;
    position: relative;
}

.tbstyle03 {
    width: 100%;
    border-top: 2px solid #000;
    margin-top: 25px;
}

.tbstyle03 th {
    width: 10%;
    background: #f5f5f5;
    padding: 15px;
    bordeR-bottom: 1px solid #ccc;
    text-align: center;
    color: #000;
    font-weight: 600;
}

.tbstyle03 td {
    padding: 15px;
    bordeR-bottom: 1px solid #ccc;
    text-align: center;
}

.tbstyle03 td .left {
    text-align: left !important;
}

.tbstyle03 td div {
    width: 100%;
}

.tbstyle03 td div ul li {
    display: inline-block;
    float: left;
}

.tbstyle03 td div ul li:nth-child(1) {
    width: 60%;
    text-align: left;
    padding-left: 15px;
    box-sizing: border-box;
}

.tbstyle03 td div ul li:nth-child(2) {
    width: 20%;
    position: relative;
}

.tbstyle03 td div ul li:nth-child(3) {
    width: 20%;
}

.tbstyle03 td div ul li span {
    padding: 0px 10px;
}

.tbstyle03 td.bg01 {
    background: #fff;
    line-height: 26px;
}

.tbstyle03 td.bg02 {
    background: #fff5ef;
    color: #ff6600;
    font-weight: 600;
    font-size: 18px;
}

.tbstyle03 td.rline {
    bordeR-right: 1px solid #ccc;
}

.red {
    color: red;
}

.view-ms {
    display: none;
}

.center {
    text-align: center;
}

@media all and (max-width: 977px) {
    .tbstyle03 th {
        padding: 7px;
    }

    .tbstyle03 td {
        padding: 7px;
    }

    .tbstyle03 td.bg02 {
        font-size: 15.5px;
    }



    .btnarea2 {
        text-align: center;
    }

    .hidden-ms {
        display: none;
    }

    .view-ms {
        display: block;
    }



}


@media all and (max-width: 489px) {

    .tbstyle03 tr td.mleft {
        text-align: left;
    }

}



.btncolor01 {
    background: #999;
}

.btncolor02 {
    background: #003399;
}

.btncolor03 {
    background: #003366;
}

.btncolor04 {
    background: #333333;
}


.btncolor05 {
    background: #003366;
}

.btncolor06 {
    background: #999;
}

.btncolor07 {
    background: #efefef;
    color: red;
}

.btncolor08 {
    background: #009999;
}

.btncolor09 {
    background: #000;
}


/***인사말***/
.greetingarea {
    width: 1250px;
    margin: 0 auto;
    border: 0px solid red;
    text-align: center;
    padding-bottom: 75px;
    overflow: hidden;
}

.greeting {
    float: right;
    width: 60%;
    padding-top: 55px;
    padding-bottom: 55px;
    text-align: left;
}

.greetingtt {
    font-family: 'Noto Serif KR', serif;
    font-size: 24px;
    line-height: 33px;
    color: #000;
    font-weight: 600;
}

.greetingtt span {
    color: #0033cc;
}

.greetingtt1{font-size:22px; line-height:30px;}


.friinfo {
    width: 80%;
    border: 0px solid red;
    margin: 0 auto;
    padding-top: 35px;
    overflow: hidden;
}

.infoleft {
    float: left;
    width: 40%;
    bordeR:0px solid red;
}

.infoleft img {
    width: 50%;
    padding-top: 4%;
}

.inforight {
    float: left;
    width:60%;
    text-align: left;
    box-siizng: border-box;
}

.inforight dl {
    width: 100%;
    float: left;
    border-top: 2px solid #26933a;
}

.inforight dl dt {
    width: 20%;
    font-weight: 600;
    color: #26933a;
    float: left;
    text-align: center;
    padding: 15px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    box-siizng: border-box;
}

.inforight dl dd {
    width: 80%;
    float: left;
    color: #000;
    padding: 15px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    box-siizng: border-box;
}


.greetingtt1 {
    font-size: 18px;
    line-height: 33px;
    color: #000;
}

.greetingtt1 span {
    color: #50c40a;
}

.greetingtt2 {
    font-family: 'Noto Serif KR', serif;
    width: 100%;
    text-align: center;
    font-size: 35px;
    line-height: 33px;
    color: #5cbc00;
    font-weight: 300;
    padding: 2% 0%;
}

.greetingtt2 span {
    font-weight: 600;
}


@media all and (max-width: 1199px) {
    .greetingarea {
        width: 100%;
    }

    .greeting {
        width: 100%;
        font-size: 16px;
    }

    .greetingtt {
        font-size: 16px;
        line-height: 27px;
    }

    .greetingtt1 {
        font-size: 16px;
        line-height: 27px;
    }
}


@media all and (max-width: 977px) {
    .mwd100per {
        width: 100%;
    }

    .greeting {
        width: 100%;
        font-size: 16px;
        text-align: center !important;
        border: 0px solid red;
    }

    .greetingtt2 {
        font-size: 25px;
        font-weight: 600;
        margin-top: 10px;
    }

    .friinfo {
        width: 90%;
        border: 0px solid red;
        margin: 0 auto;
        padding-top: 0px;
        overflow: hidden;
    }

    .infoleft {
        width: 100%;
        text-align: center;
    }

    .infoleft img {
        width: 40%;
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .inforight {
        width: 100%;
    }



}





.titsty01 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #000;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    width: 100%;
    background: url('/images/titlbg.jpg')no-repeat left;
    text-align: left;
    padding-left: 39px;
    font-weight: 600;
}

.titsty01 span {
    font-weight: 600;
    color: #ff6633;
    font-size: 20px;
}

.titsty02 {
    font-size: 19px;
    line-height: 44px;
    border: 0px solid red;
    text-align: left;
    margin-top: 25px;
    background: url('/images/dotbg04.jpg')no-repeat left;
    padding-left: 30px;
}

.titsty03 {
    float: right;
    color: red !important;
    font-size: 14px !important;
    font-weight: 600;
}

.infott {
    overflow: hidden;
    margin-top: 25px;
    margin-bottom: 25px;
    width: 100%;
    line-height: 27px;
    text-align: left;
    padding: 25px;
    background: #f5f5f5;
    box-sizing: border-box;
}

.infott1 {
    border-radius: 25px;
    padding: 5px 10px;
    display: inline-block;
    background: #ff6600;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}


@media all and (max-width: 977px) {
    .titsty01 {
        font-size: 17px;
        letter-spacing: -0.5px;
        padding-left: 30px;
        height: auto;
        line-height: 23px;
        padding-top: 10px;
        padding-bottom: 10px;
        background: url('/images/titlbg.jpg')no-repeat top left;
    }

    .infott {
        padding: 15px;
        line-height: 24px;
        font-size: 15.5px;
    }

    .infott1 {
        padding: 7px 15px;
        font-size: 17px;
    }

}






/**훈련진행절차**/
.process {
    width: 70%;
    margin: 0 auto;
    position: relative;
    border: 0px solid red;
    overflow: hidden;
}

.process ul {
    margin-top: 25px;
}

.process ul li {
    display: inline-block;
    float: left;
    width: 97%;
    padding: 30px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-siizng: border-box;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
    margin: 10px;
    border-radius: 25px;
    font-size: 18px !important;
}

.process ul li:nth-child(2) {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 20px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0);
    background-color: none;
}

.process ul li:nth-child(4) {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 20px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0);
    background-color: none;
}

.process ul li:nth-child(6) {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 20px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0);
    background-color: none;
}

.process ul li:nth-child(8) {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 20px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0);
    background-color: none;
}

.process ul li:nth-child(10) {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 20px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0);
    background-color: none;
}

.process ul li SPAN {
    margin-bottom: 15px;
    padding: 5px 10px;
    display: inline-block;
    background-color: #ff6600;
    color: #fff;
    font-weight: 600;
    border-radius: 20px;

}

.line {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    margin: 3px;
    font-size: 20px;
}


@media all and (max-width: 977px) {
    .process {
        width: 100%;
    }

    .process ul li {
        font-size: 16px !important;
        width: 94%;
    }

    .process ul li:nth-child(even) {
        border: 0px solid red;
        padding: 0px !important;
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0);
        background-color: none;
    }

    .process ul li:nth-child(even) img {
        width: 6%;
    }

}








/**추가서브메뉴**/
.add_submenu {
    width: 100%;
    float: left;
    border: 0px solid red;
    margin-top: 25px;
}

.lec_selecsty01 {
    heigth: 100px !important;
    line-height: 100px !important;
    border: 1px solid #ccc;
    width: 100%;
}

.mlectt {
    color: red;
    display: inline-block;
    line-height: 25px !important;
    width: 100%;
    text-align: Center;
    font-size: 16px;
}

.add_submenu select {
    height: 45px !important;
    line-height: 45px !important;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 0px;
    font-size: 16px;
    color: #000;
}

.add_submenu2 {
    width: 100%;
    position: relative;
}

.add_submenu2 ul {
    width: 100%;
    position: relative;
    margin-top: 2%;
}

.add_submenu2>ul>li {
    line-height: 30px;
    display: inlien-block;
    float: left;
    width: 25%;
    box-sizing: border-box;
    bordeR: 0px solid red;
    text-align: center;
    padding: 0px !important;
    font-size: 15.5px;
}


#m_board_s {

    position: relative;
    width: 100%;
    margin-right: 0;
    position: relative;

    margin: 0 auto;
    border: 0px solid red;
    margin-top: 25px;

}


#m_board_s .tabs_s {
    height: 50px;

    margin: 0 auto;


}

#m_board_s .tabs_s li {
    float: left;
    font-size: 17px;
    width: 20%;
    text-align: center;
    color: #999;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-right: 0px !important;
    height: 50px;
    line-height: 50px;

}

#m_board_s .tabs_s li a {
    display: block;
}

#m_board_S .tabs_s li :last-child {}


#m_board_s .tabs_s li:last-child {
    display: block;

    box-sizing: border-box;
    font-size: 17px;
    color: #999;
    border-right: 1px solid #ddd !important;
}

#m_board_s .tabs_s li.rnone {}


#m_board_s .tabs_s li a:hover {
    color: #000;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
}

#m_board_s .tabs_s .active a {
    color: #000;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    font-size: 17px;
    border: 3px solid #ff0646;
    font-weight: 600;
    display: block;
}

#m_board_s .more {
    position: absolute;
    right: 17px;
    top: 16px;
}

#m_board_s .more a {
    display: block;
    padding: 5px;
    border: 1px solid #ddd
}

#m_board_S .more a:hover {
    border: 1px solid #1e83eb
}

#m_board_s .tab_container_s {
    margin-top: 0px;
    padding: 0px;

    text-align: center;

    background: #f9f9f9;

}

#m_board_s .tab_container_s span {
    border: 0px solid red;
    padding: 0px 20px;
    font-size: 16px;
    color: #000;
}

.default_active {
    color: #cc0000 !important;

}

#m_board_s .tab_content_s ul li {
    display: inline-block;
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px;
    font-size: 15px;
}


#m_board_s .tab_content_s ul li.last-child {}

#m_board_s .tab_content ul a {

    font-size: 15px;
}

#m_board_s .tab_content_s ul li .b_tit {
    border-radius: 10px;
    text-align: center;
    width: 50px;
    color: #fff;
    display: inline-block;
    margin-right: 7px
}

#m_board_s .tab_content_S ul li .date {
    text-align: right ! important;
    width: 20%;
    border: 1px solid #ddd;
    text-align: right;
    float: right;
    color: #bcbcbc;
    padding-right: 30px;
}

#m_board_s .tab_content_s ul li dt,
#m_boar_s .tab_content_s ul li dd {
    list-style: none;
    height: 25px;
    color: #fff;
}

#m_board_s .tab_content_s ul li dt {
    width: 80%;
    float: left;
}


@media all and (max-width: 579px) {
    #m_board_s {
        width: 98%;
        margin: 0 auto;
    }

    #m_board_s .tabs_s li a {
        font-size: 14px;
    }

    #m_board_s .tabs_s li a:hover {
        font-size: 14px;
    }

    #m_board_s .tabs_s .active a {
        font-size: 14px;
    }

    #m_board_s .tab_container_s span {
        padding: 0px 5px;
        font-size: 14px;
        color: #000;
    }


}



.global-active {
    font-weight: 600;
    color: #f15a25 !important;
}

.div-answer {
    margin-bottom: 20px;
    background: #f3f3f3;
    border: 1px solid #d6d6d6;
}



.tb_lecview {
    border-top: 1px solid #000;
    width: 100%;
}

.tb_lecview tr td.subj1 {
    color: #000;
    font-weight: 600;
}

.tb_lecview tr td {
    padding: 12px;
    border-bottom: 1px solid #ccc;
}

@media all and (max-width: 689px) {
    .tb_lecview tr td {
        padding: 7px;
        line-height: 22px;
    }

    .tb_lecview tr td.subj1 {
        width: 30% !important;
        color: #000;
        padding: 7px;
        font-weight: 600;

    }

}





.tb_lecview1 {
    width: 100%;
    margin-bottom: 25px;
}

.tb_lecview1 tr td.subj1 {
    color: #000;
    background: #f8f7f7;
    font-weight: 600;
    text-align: center;
}

.tb_lecview1 tr td {
    padding: 15px;
    line-height: 25px;
}

.tb_lecview1 tr td.bline {
    border-bottom: 5px solid #fff;
}


.tb_lecview2 {
    width: 100%;
    margin-bottom: 25px;
}

.tb_lecview2 tr td.subj1 {
    width: 30%;
    color: #000;
    background: #f8f7f7;
    font-weight: 300;
    font-size: 17px;
    text-align: center;
}

.tb_lecview2 tr td.subj1 span {
    font-weight: 600;
    font-size: 20px;
}

.tb_lecview2 tr td {
    padding: 15px;
    line-height: 25px;
}

.tb_lecview2 tr td.bline {
    border-bottom: 2px solid #fff;
}


@media all and (max-width: 689px) {

    .tb_lecview2 tr td.subj1 {
        font-size: 15px;
    }

    .tb_lecview2 tr td.subj1 span {
        font-weight: 600;
        font-size: 16px;
    }

}




.tb_lecview3 {
    width: 100%;
    margin-bottom: 25px;
}

.tb_lecview3 tr td.subj1 {
    color: #000;
    background: #f8f7f7;
    font-weight: 600;
    text-align: center;
}

.tb_lecview3 tr td {
    padding: 10px;
}

.tb_lecview3 tr td.bline {
    border-bottom: 2px solid #fff;
}

.teacher_list {
    width: 100%;
    position: relative;
}

.teacher_list>ul {
    width: 100%;
    margin-top: 20px
}

.teacher_list>ul li {
    display: inline-block;
    width: 50%;
    float: left;
    overflow: hidden;
}

.teacher_list>ul>li>dl {
    width: 100%;
    float: left;
}

.teacher_list>ul>li>dl>dt {
    width: 30% !important;
    text-align: center;
    height: 100%;
    display: table-cell;
    float: left;
    color: #000 !important;
    font-weight: 600;
    font-size: 19px;
    padding: 15px;
}

.teacher_list>ul>li>dl>dd {
    border-left: 1px solid #e9e9e9;
    padding-left: 5%;
    box-sizing: border-box;
    width: 70% !important;
    float: left;
    padding: 0 30px;
}



.edu_lecture_price_print_message{width:100%; border:10px solid #efefef; padding:15px 15px 30px 15px; text-align:center; 
font-size:22px;  font-weight:600; 
}



/**나의수강관리 리스트**/
.div_tester {
    width: 100%;
    background: #f7f7f7;
    border-radius: 10px;
    text-align: center;
    padding: 20px;
    margin-top: 20px;
}

.mylectlist {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 35px;
    border-top: 2px solid #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.mylect {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.mylect ul {
    width: 100%;
    float: left;
    border: 0px solid red;
}

.mylect ul li {
    disply: inline-block;
    float: left;
    padding: 20px 0px;
}

.mylect ul li:nth-child(1) {
    width: 80%;
}

.mylect ul li:nth-child(2) {
    width: 10%;
    vertical-align: middle;
    padding-top: 4%;
    text-align: right;
}

.mylect ul li:nth-child(3) {
    width: 10%;
    vertical-align: middle;
    padding-top: 4%;
    text-align: Center;
}

.myleft_ok {
    border: 0;
    background: red;
    padding: 7px 15px;
    text-align: center;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    color: #fff;
    -o-border-radius: 35px;
    -m-border-radius: 35px;
    box-sizing: border-box;
    display: inline-block;
}

.myleftspan {
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    background: #999;
    font-weight: 600;
    color: #fff;
    margin-right: 10px;
    font-size: 15px;
    border-radius: 20px;
}


.myleftspan1 {
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    background: none;
    border: 1px solid #ccc;
    font-weight: 600;
    color: #333;
    margin-right: 10px;
    font-size: 15px;
    border-radius: 5px;
}


.myleftspan1_1 {
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    background: none;
    border: 0px solid #ccc;
    background: #ff9900;
    font-weight: 600;
    color: #fff;
    margin-right: 10px;
    font-size: 15px;
    border-radius: 5px;
}



@media all and (max-width: 789px) {
    .mylect {
        padding: 10px 0px;
    }

    .mylect ul li {
        disply: inline-block;
        float: left;
        padding: 5px 4px;
    }

    .mylect ul li:nth-child(1) {
        width: 100%;
    }

    .mylect ul li:nth-child(2) {
        width: auto;
        vertical-align: middle;
        padding-top: 0%;
        text-align: left;
    }

    .mylect ul li:nth-child(3) {
        width: auto;
        vertical-align: middle;
        padding-top: 0%;
        text-align: left;
    }

    .lectureview {
        width: 100% !important; border:$px solid #000;
    }
    /*.lectureview  video{transform: scale(1.0);}*/
    .lectureview_r {
        width: 30%;
        display: none;
    }
}
}


/**과제제출 추가 css **/
.btn_close2 {
    position: absolute;
    display: inline-block !important;
    width: 50px;
    height: 50px;
    text-align: right;
    font-weight: 300;
}

.btn_close2 a {
    color: #fff;
    font-size: 17px;
    right: 0px !important;
    text-align: right;
    background: #999;
    line-height: 50px;
    top: -20px;
    padding: 10px 15px;
    display: inline-block;
    border: 0px solid red;
    float: right;
    transform: scale(1, 0.6);
    text-decoration: none;
}





.allmenubg {
    background: #fff;
    height: auto !impotrant;
    margin: 0px !important;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    box-sizing: border-box;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-color: #ddd #aaa #888 #ddd;
    width: 1300px;
    padding: 20px;
    box-shadow: 2px 5px 17px rgba(0, 0, 0, 0.4);
    display: none;
    min-height: 600px;
}


.datechbg {
    background: #fff;
    height: auto !impotrant;
    margin: 0px !important;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    box-sizing: border-box;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-color: #ddd #aaa #888 #ddd;
    width: 500px;
    padding: 20px;
    box-shadow: 2px 5px 17px rgba(0, 0, 0, 0.4);
    display: none;
    min-height: 400px;
}

.chanett {
    width: 100%;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    line-height: 65px;
    border-bottom: 1px solid #999;
}

.chanett1 {
    background: #f9f9f9;
    margin-top: 25px;
    padding: 25px;
    text-align: Center;
    box-sizing: border-box;
    width: 100%;
}

.personok_bg {
    background: #fff;
    height: auto !impotrant;
    margin: 0px !important;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    box-sizing: border-box;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-color: #ddd #aaa #888 #ddd;
    width: 600px;
    padding: 0px;
    box-shadow: 2px 5px 17px rgba(0, 0, 0, 0.4);
    display: none;
}


.btn_close {
    display: inline-block;
    right: 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #999;
    text-align: center;
    color: #fff;
    font-weight: 600;
}

.btn_close a {
    color: #fff;
}

/**
.lectuertit_time a{display: inline-block;
    padding:0px 10px;
    text-align: center;
    background: #333;
    font-weight: 600;
    color: #fff;
    margin-right: 10px;
    font-size: 15px;
    border-radius:20px;} **/


.button_edu10 {
    border: 0;
    background: #ff5105;
    padding: 0px 15px;
    text-align: center;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    color: #fff;
    -o-border-radius: 35px;
    -m-border-radius: 35px;
    box-sizing: border-box;
    display: inline-block;
}


/**학습유의사앟**/
.guide01 {
    width: 100%;
    float: left;
    position: relative;
    padding: 10px 30px;
    box-sizing: border-box;
}

.guide01 ul {
    width: 100%;
    float: left;
    position: relative;
    padding-bottom: 35px;
    padding-top: 35px;
    border-bottom: 1px solid #e8e7e7;
}

.guide01 ul li {
    display: inline-block;
    float: left;
    heght: 100%;
}

.guide01 ul li:first-child {
    width: 20%;
    background: #f9f9f9;
}

.guide01 ul li:last-child {
    width: 80%;
    background: #fff;
    padding-lefT: 35px;
}



.guidett {
    font-weight: 600;
    font-size: 20px;
    color: #000;
    line-height: 35px;
}

.guidett_1 {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
}

.guidett_1 span {
    color: red;
}

.guide01tb {
    width: 100%;
    float: left;
    border-top: 2px solid #000;
}

.guide01tb tr th {
    width: 20%;
    padding: 35px;
    border-bottom: 1px solid #e8e7e7;
    background: #f9f9f9;
}

.guide01tb tr td {
    width: 80%;
    padding: 35px;
    border-bottom: 1px solid #e8e7e7;
}



@media all and (max-width: 789px) {
    .guide01 {
        width: 100%;
        float: left;
        position: relative;
        padding: 10px 10px;
        box-sizing: border-box;
    }

    .guide01tb tr th {
        display: none;
    }

    .guide01tb tr td {
        width: 100%;
        padding: 15px 5px;
    }

    .guidett {
        font-size: 18px;
        line-height: 25px;
    }

    .guidett_1 {
        font-weight: 500;
        font-size: 15px;
        line-height: 25px;
    }

}



/****검색결과****/
.searchcon {
    width: 97%;
    margin: 0 auto;
    position: relative;
    bordeR: 0px solid red;
    overflow: hidden;
}

.searchcon ul {
    width: 100%;
}

.searchcon ul li {
    width: 100%;
    float: left;
    padding: 30px 20px;
    box-sizing: border-box;
    border-radius: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0%;
}

.searchtotal {
    width: 97%;
    background: #f9f9f9;
    padding: 20px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
}

.searchtotal span {
    color: red;
}

.searchsubj {
    font-size: 16px;
    font-weight: 600;
    line-height: 27px;
}

.searchsubj span {
    color: red;
}

.searchsubcon {
    font-size: 15px;
}

.searchsubt {
    padding: 0px;
    line-height: 30px;
    border: 0px solid #999;
    text-align: center;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
}


.searchsubj1 {
    font-size: 15px;
    line-height: 30px;
    color: #999;
}


@media all and (max-width: 789px) {
    .searchsubj {
        font-size: 17px;
        font-weight: 600;
    }
}


.otpwrea {
    width: 100%;
    max-width: 600px;
    border: 0px solid #efefef;
    padding-bottom: 30px;
    text-align: center;
}

.otpcon {
    width: 90%;
    text-align: left;
    line-height: 25px;
    margin: 0 auto;
    font-size: 14px;
}

.input-div {
    width: 90%;
    padding: 30px 20px;
    background: #f9f9f9;
    margin: 0 auto;
}

.inputst01 {
    border: 1px solid #cccccc;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}

.otpbtn01 {
    background: #ff6600;
    color: #fff;
    height: 35px;
    line-height: 35px;
    padding: 0px 15px;
    margin-bottom: 3px;
}

.otpbtn02 {
    background: #333;
    color: #fff;
    height: 35px;
    line-height: 35px;
    padding: 0px 15px;
    margin-bottom: 3px;
}

.otpbtn03 {
    background: red;
    border-radius: 25px;
    color: #fff;
    height: 35px;
    line-height: 35px;
    padding: 0px 15px;
    margin-top: 15px;
}

.otpbtn04 {
    background: blue;
    border-radius: 25px;
    color: #fff;
    height: 35px;
    line-height: 35px;
    padding: 0px 15px;
    margin-top: 15px;
}

.otpbtn05 {
    width: 32.5%;
    text-align: center;
    background: #1769e0;
    display: inline-block;
    border-radius: 20px;
    color: #fff;
    overflow: hidden;
    padding: 0px 3px;
    margin-top: 0px;
}

.otpbtn05 img {
    width: 80%;
}

.otpbtn06 {
    width: 32.5%;
    text-align: center;
    background: #000;
    display: inline-block;
    border-radius: 20px;
    color: #fff;
    overflow: hidden;
    padding: 0px 3px;
    margin-top: 0px;
}

.otpbtn06 img {
    width: 80%;
}

.otpbtn07 {
    width: 32.5%;
    text-align: center;
    background: #efefef;
    display: inline-block;
    border-radius: 20px;
    color: #000;
    overflow: hidden;
    padding: 5px 25px;
    margin-top: 0px;
}

.pt25 {
    padding-top: 25px;
}

.pb15 {
    padding-bottom: 15px;
}

.otpbtn08 {
    background: #000;
    border-radius: 25px;
    color: #fff;
    height: 35px;
    line-height: 35px;
    padding: 0px 15px;
    margin-top: 15px;
}

.opttt {
    width: 100%;
    height: 150px;
    background: url('/images/optbg.jpg')center;
    background-size: cover;
    margin-bottom: 25px;
}


@media all and (max-width: 599px) {
    .otpwrea {
        width: 100%;
    }

    .input-div {
        width: 100%;
        padding: 10px 20px;
        background: #f9f9f9;
        margin: 0 auto;
    }

    .inputst01 {
        border: 1px solid #cccccc;
        height: 35px;
        line-height: 35px;
        padding-left: 5px;
        width: 100%;
        margin-bottom: 10px;
    }

}


@media all and (max-width: 389px) {

    .otpbtn05 {
        width: 100%;
    }

    .otpbtn06 {
        width: 100%;
    }

    .otpbtn07 {
        width: 100%;
    }

}


.button_refund {
    border: 0;
    background: #36bcd4;
    padding: 2px 10px;
    text-align: center;
    font-size: 11px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    color: #fff;
    -o-border-radius: 35px;
    -m-border-radius: 35px;
}

.button_no_refund {
    border: 0;
    background: #afafaf;
    padding: 2px 10px;
    text-align: center;
    font-size: 11px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    color: #fff;
    -o-border-radius: 35px;
    -m-border-radius: 35px;
}



.moptw {
    width: 600px;
    border: 0px solid red;
    background: #0066cc;
}

.moptsub {
    position: relative;
    height: 150px;
    background: url('/images/moptbg.png')right no-repeat;
}

.moptsub p {
    font-size: 38px;
    font-weight: 600;
    color: #fff;
    padding-top: 15px;
    padding-left: 25px;
}

.moptcon1 {
    width: 97%;
    margin: 0 auto;
    background: #fff;
    padding: 5%;
    overflow: hidden;
}

.moptcon1 ul {
    width: 100%;
    position: relative;
}

.moptcon1 ul li {
    display: inline-block;
    float: left;
    padding: 5px;
}

.moptcon1 ul li:first-child {
    width: 70%;
}

.moptcon1 ul li:last-child {
    width: 30%;
}

.m_inpust {
    height: 70px;
    line-height: 70px;
    background: #efeeee;
    bordeR: 0px solid red;
    border-radius: 7px;
    width: 100%;
}

.okbtn1 {
    display: inline-block;
    height: 70px;
    text-align: center;
    line-height: 70px;
    width: 100%;
    border-radius: 7px;
    background: #ff6600;
    color: #fff;
    font-weight: 600;
    font-size: 22px;
}

.moptt {
    line-height: 68px;
    font-size: 22px;
}

.moptt span {
    color: red;
    font-weight: 600;
}

.moptt1 {
    height: 25px;
    line-height: 25px;
    color: #000;
    font-size: 15px;
}

.blue {
    color: blue;
    font-weight: 600;
}

.red {
    color: red;
    font-weight: 600;
}

.moptcon2 {
    width: 97%;
    margin: 0 auto;
    background: #fff;
    padding: 5%;
    overflow: hidden;
}

.moptcon2 span {
    width: 100%;
    position: relative;
    font-size: 16px;
}

.moptbtn1 {
    display: inline-block;
    height: 45px;
    text-align: center;
    line-height: 45px;
    width: 49.5%;
    border-radius: 0x;
    background: #efefef;
    color: #000;
    font-weight: 600;
    font-size: 17px;
    border-right: 1px solid #fff;
}

.moptbtn2 {
    display: inline-block;
    height: 45px;
    text-align: center;
    line-height: 45px;
    width: 49.5%;
    border-radius: 0x;
    background: #FF5E00;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    border-right: 1px solid #0054FF;
}

.moptcon3 {
    width: 97%;
    margin: 0 auto;
    background: #fff;
    padding: 0%;
    overflow: hidden;
}

.moptcon4 {
    width: 97%;
    margin: 0 auto;
    background: #0054FF;
    padding: 0%;
    overflow: hidden;
}



@media all and (max-width: 599px) {

   .personok_bg {
    background: #fff;
    height: auto !impotrant;
    margin: 0px !important;
    top: 50%;
    transform: translate(-50%, -50%);
    left:5%;
    box-sizing: border-box;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-color: #ddd #aaa #888 #ddd;
    width:90%;
    padding: 0px;
    box-shadow: 2px 5px 17px rgba(0, 0, 0, 0.4);
    display: none;
}

    .moptw {
        width: 100% !important;
        border: 0px solid red;
        background: #0066cc;
    }

    .moptsub {
        position: relative;
        height: 150px;
        background: url('/images/moptbg_1.png')right no-repeat;
    }

    .moptsub p {
        font-size: 25px;
        font-weight: 600;
        color: #fff;
        padding-top: 35px;
        padding-left: 25px;
    }

    .moptcon1 {
        position: relative;
        width: 98%;
        padding: 3%;
        overflow: hidden;
        box-sizing: border-box;
    }

    .moptt {
        line-height: 50px;
        font-size: 18px;
    }

    .moptt img {
        height: 50px;
    }

    .okbtn1 {
        display: inline-block;
        height: 70px;
        text-align: center;
        line-height: 70px;
        width: 100%;
        border-radius: 7px;
        background: #ff6600;
        color: #fff;
        font-weight: 600;
        font-size: 15px;
    }

    .moptt1 {
        height: auto;
        margin: 2% 0px;
        line-height: 15px;
        color: #000;
        font-size: 14px;
    }

    .moptcon2 {
        width: 98%;
        margin: 0 auto;
        background: #fff;
        padding: 4% 3%;
        overflow: hidden;
    }

    .moptcon2 span {
        font-size: 14px !important;
    }

    .wd80per {
        width: 90% !important;
    }

    .moptbtn1 {
        font-size: 14px !important;
    }

}



.mopttt {
    overflow: hidden;
    margin-top: 25px;
    margin-bottom: 25px;
    width: 100%;
    line-height: 35px;
    text-align: center;
    padding: 25px;
    font-size: 20px;
    background: #f5f5f5;
    box-sizing: border-box;
}

.mopttt span {
    color: red;
    font-weight: 600;
}

.moptinfo {
    overflow: hidden;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
    width: 100%;
    line-height: 27px;

    padding: 25px;
    background: #f5f5f5;
    box-sizing: border-box;
}

.moptinfo1 {
    width: 100%;
    background: #fff;
    padding: 15px;
    font-size: 19px;
    margin-top: 25px;
}

.moptnum {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 35px;
    background: #ff6600;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    margin: 2px;
    text-align: left;
}




@media all and (max-width: 1025px) {

    .m100per {
        width: 100%;
    }

    .mopttt {
        overflow: hidden;
        margin-top: 25px;
        margin-bottom: 25px;
        width: 100%;
        line-height: 30px;
        text-align: center;
        padding: 17px;
        font-size: 18px;
        background: #f5f5f5;
        box-sizing: border-box;
    }


}




.showmobile {
    display: none;
}

@media all and (max-width: 415px) {
    .nonemobile {
        display: none;
    }

    .showmobile {
        display: block;
    }
}


@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

.text-blink {
  animation: blink-effect 1s step-end infinite;

  /*
  animation-name: blink-effect;
  animation-duration: 1s;
  animation-iteration-count:infinite;
  animation-timing-function:step-end;
  */
}