@charset "utf-8";
/* CSS Document */
/* CSS Document */
/* * { margin: 0; padding: 0; } */

/* body, h1, h2, h3, h4, th, td, input, select, button { color: #676767; font-family: '맑은고딕', Malgun gothic, 돋움, 'Dotum'; font-size: 12px; font-weight: normal; line-height: 18px; } */
/* h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } */
hr { display: none; }
img, fieldset { border: 0; }
ul, ol, li { list-style: none; padding: 0; margin: 0; }
img, input, select, textarea { vertical-align: ; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
address, caption, cite, code, dfn, em, th, var {
    /*font-style: normal; */
    font-weight: normal; 
}
abbr, acronym { border: 0; }
strong { font-weight: bold; }
button { cursor: pointer; }
a, a:active, a:visited { color: #fff; text-decoration: none; cursor: pointer; select-dummy: expression(this.hideFocus=true); }
a:hover {color: #004dcd; text-decoration: none; }
a { text-decoration: none; }
section { width: 100%;  background:#fff; padding:30px 0 60px 0;}

.mtit { border-left: 4px solid #007145; padding-left: 10px; font-size: 14px; font-family: "S-Core", sans-serif; font-weight: 600; color: #333; margin-bottom: 5px; line-height: center; letter-spacing:-1px;}

#wrap { width: 100%; margin: 0 auto; }



#top_menu { width: 1000px; margin: 0 auto; height: 50px; padding: 0px 0px 15px 0; position:relative;}
.logo { width: 160px; display: inline-block;}
.mini_tip { width: 275px; margin-left: 20px; position:absolute; top:-10px; left:350px;}
.top_btn { width: 180px; display: inline-block;  text-align: right;}
.top_btn ul li { display: inline-block; margin: 0 2px; }
/*.top_btn .left_btn { padding-left: 35px; } */
/*.right_btn { float: right; padding-right: 15px; margin-bottom: 5px; }*/

.field { background: white; display: inline-block; }
/*field_set*/
.field form { display: inline-block; }
.field fieldset { margin: 0; padding: 5px; border: 0; }
.field legend { display: none; }
.field caption { display: none; }
.field input { padding: 1px; }
.field td { width: 100px; padding: 20px 5px; }
.join { display: inline-block; margin-left: 20px; }
.join li { margin: 1px; color: #676767; font-family: "S-Core", sans-serif;  font-size: 12px;  line-height: 18px; }
.join li input { padding: 3px; color: #676767; font-family: "S-Core", sans-serif;  font-size: 12px; line-height: 18px; }
.join li { display: inline-block; font-weight: 400; }
.join li a, a:active, .join li a, a:visited { color: #000; }
.join li a:hover {color: #007145 }



#m_menubg { background-color: #2b2b2b; height: 45px; position:relative;}
#m_menu { clear: both; width: 1000px;  background: #2b2b2b; margin: 0 auto; z-index: 9999; text-align:center; line-height:18px; vertical-align: middle; }
#m_menu > ul { text-align: left; }
#m_menu > ul > li { display: inline-block; padding-right:52px;  line-height: 45px; }

#m_menu > ul > li .menu { display: inline-block; color: #fff; font-size: 16px; letter-spacing:-1px; !important; }
#m_menu > ul > li > a, #m_menu > ul > li > a:active, #m_menu > ul > li > a:visited { color: #FFF; font-family: "S-Core", sans-serif; font-size: 16px; font-weight:500;}
#m_menu > ul > li > a:hover { color: #37ff90;}

.sub { display: none; background: #fff; opacity:0.9; position: absolute; top: 33px; left: 87px; width: 110px; padding: 0 15px; z-index: 999; font-weight:bold; border: 5px solid #2b2b2b }
.sub > li > a { display: block; padding: 5px 0px; text-align: center; color: #000000; font-family: "S-Core", sans-serif; font-weight:400; font-size: 13px; border-bottom: 1px solid #b5b5b5; height: 20px; line-height: 20px;; }
.sub > li > a:hover { color: #008e2b; }
.main {padding-left:125px; position: relative; }
.main:hover .sub { display: block; }


.sub01 { display: none; background: #fff; opacity:0.9; position: absolute; top: 33px; left: -30px; width: 110px; padding: 0 15px; z-index: 999; font-weight:bold; border: 5px solid #2b2b2b }
.sub01 > li > a { display: block; padding: 5px 0px; text-align: center; color: #000000; font-family: "S-Core", sans-serif; font-weight:400; font-size: 13px; border-bottom: 1px solid #b5b5b5; height: 20px; line-height: 20px;; }
.sub01 > li > a:hover { color: #008e2b; }
.main01 {padding-left:0px; position: relative; }
.main01:hover .sub01 { display: block; }


.sub02 { display: none; background: #fff; opacity:0.9; position: absolute; top: 33px; width: 110px; padding: 0 15px; z-index: 999; font-weight:bold; border: 5px solid #2b2b2b }
.sub02 > li > a { display: block; padding: 5px 0px; text-align: center; color: #000000; font-family: "S-Core", sans-serif; font-weight:400; font-size: 13px; border-bottom: 1px solid #b5b5b5; height: 20px; line-height: 20px;; }
.sub02 > li > a:hover { color: #008e2b; }
.main02 {padding-left:0px; position: relative; }
.main02:hover .sub02 { display: block; }




#m_slide { margin: 0 auto; width: 1272px; position: relative; }
#m_bg { background-color: black; width:100%; height:332px; position:relative; }

#bg { background: #ededed; width:100%; padding: 20px 0; }
#bn { width: 1000px; margin:0 auto; }
#bn li{ display: inline; z-index: 1000; margin:0 auto; }

#btn_bn { width: 1000px; margin: 20px auto; }
#btn_bn ul li { margin:0 auto; display: inline; }

/*게시판 레이아웃영역*/
#board { width: 1100px; margin: 0 auto; float: none; }

.gosi_board1 {float:left; width:1100px; padding-top:60px;}
.gosi_board1 li { padding-bottom: 5px; }

.gosi_board2 { float: left; width: 465px; margin-bottom: 5px; border: 1px solid #fff; background:#fff; padding: 25px 15px;}
.gosi_board2 li { padding-bottom: 5px; }

.gosi_board3 { float: left; width: 465px; border: 1px solid #fff; background:#fff; padding: 25px 15px;}
.gosi_board3 li { padding-bottom: 5px; }

.gosi_board4 { float: left; width: 465px; padding-left: 5px; z-index: 1000; height: 260px; }

.button_01 { display: inline-block; width: 240px; clear: left; }
.button_01 li { float: left; }
.button_01 li img { width: 120px; }
.button_02 { display: inline-block; width: 200px; clear: left; }
.button_02 li { float: left; }
.button_02 li img { width: 240px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


.location { width:455px; }

/*중간배너*/
.sub_banner_wrap {width:100%; height:auto; padding:60px 0 0 0; background:#fff; min-width:1280px;}
.sub_banner {width:1100px; margin:0 auto; position:relative}
.sub_banner li{ /*display: inline;*/ z-index: 1000; margin: 0 -2px; }


/*float*/
.float{

    -webkit-animation: float 1s;
            animation: float 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes float{

    0%, 100%{ transform: translateY(0); }
    50%{ transform: translateY(-4px); }
}

@-webkit-keyframes float{

    0%, 100%{ -webkit-transform: translateY(0); }

    50%{ -webkit-transform: translateY(-4px); }
}


.float01{

    -webkit-animation: float01 1s;
            animation: float01 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes float01{

    0%, 100%{ transform: translateY(0); }
    50%{ transform: translateY(-20px); }
}

@-webkit-keyframes float01{

    0%, 100%{ -webkit-transform: translateY(0); }

    50%{ -webkit-transform: translateY(-20px); }
}



.shake{

    -webkit-animation: shake 7s;
            animation: shake 7s;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes shake{

    0%, 100%{
        transform: translateX(0px);
    }

    12.5%, 37.5%, 62.5%, 87.5%{
        transform: translateX(10px);
    }

    25%, 50%, 75%{
        transform: translateX(-10px);
    }
}

@-webkit-keyframes shake{

    0%, 100%{
        -webkit-transform: translateX(0px);
    }

    12.5%, 37.5%, 62.5%, 87.5%{
        -webkit-transform: translateX(10px);
    }

    25%, 50%, 75%{
        -webkit-transform: translateX(-10px);
    }
}



#bottom_bg { width: 100%; height:290px; background-color: #bfbec7; padding: 40px 0; }

#bottom_menu { width:1000px; margin:0 auto; }
#bottom_menu ul li img { margin: 0 auto; }

#btn_academy {width:1000px; margin:0 auto;}
#btn_academy ul {padding-left:20px}
#btn_academy ul li { position:relative; bottom:286px}

#table01 {width:100%;margin:auto;}


#table01 th{border-bottom:1px dotted #ccc;font-weight:bold;padding:2px 3px 3px 3px;color:#333;font-size:12px; text-align:left;}
#table01 td{border-bottom:1px dotted #ccc;/*font-weight:bold;*/padding:2px 3px 3px 3px;color:#333;font-size:12px; text-align:right;}
#table01 th a:hover { color: #000; text-decoration: underline; }

#bottom_menu #table02 {width:100%;margin:auto;}
#bottom_menu #table02 a {color:#000}
#bottom_menu #table02 a, #bottom_menu #table02 a:active, #bottom_menu #table02 a:visited { color: #000; }
#bottom_menu #table02 a:hover { color: #d00; }
#bottom_menu #table02 th{border-bottom:1px solid #000;font-weight:bold;padding:2px 3px 3px 3px;color:#333;font-size:12px; text-align:left;}
#bottom_menu #table02 td{border-bottom:1px solid #000;font-weight:bold;padding:2px 3px 3px 3px;color:#333;font-size:12px; text-align:right;}

#flash {
    animation-name: flash;
    animation-duration:5s;
    animation-iteration-count:infinite;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

/*좌측고정 직렬구분*/
.gubun_warp {
    position:fixed; 
    left:0px;
    top:115px;
    width:105px;
    z-index:99;
}

.gubun_warp ul li a.btn {
    background: #fff;
    color: #505050;
    border:1px solid #c4c4c4;
    position: relative;
    font-size: 20px;
    font-weight:bold;
    line-height:4.7;
    text-align:center;
    width:105px;
    height:93px;
    transition: 800ms ease all;
    display: inline-block;
    text-decoration: none;
    margin-bottom:-1px;
    border-radius:5px; 
}
.gubun_warp ul li a.btn:hover {
    background: #fff;
    color: #05974d;
    border:1px solid #c4c4c4;
}
.gubun_warp ul li a.btn:before,
.gubun_warp ul li a.btn::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 5px;
    width: 0;
    background: #05974d;
    transition: 800ms ease all;
    margin-right: 0;
}
.gubun_warp ul li a.btn::after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0;
}
.gubun_warp ul li a.btn:hover:before,
.gubun_warp ul li a.btn:hover::after {
    width: 105px;
    transition: 800ms ease all;
}

.gubun_warp ul li a.btn.now {
     color:#fff;
     background:#05974d;
     text-decoration:none;
     border:1px solid #05974d;
}



/*강사채용 레이어 팝업*/
.pop-layer {
  display: none;
  position: absolute;
  top: 40%;
  left: 50%;
  width: 1000px;
  height: auto;
  z-index: 10;
  background:#fff;
}

.dim-layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: .7;
  filter: alpha(opacity=70);
}

.dim-layer .pop-layer {
  display: block;
}
/*강사채용 레이어 팝업*/





/* 하단고객센터*/
.speed-big-menu {margin:0 auto; width:1100px; overflow:hidden;}
.speed-big-menu > li {float:left; width:25%;}
.speed-big-menu > li > a {position:relative; display:block; height:160px; padding:25px; margin-left:1px; background-repeat:no-repeat; background-position:center center; background-size:cover; box-sizing: border-box;}
.speed-big-menu > li:first-child > a {margin-left:0;}
.speed-big-menu > li > a > span {display:block;}
.speed-big-menu > li > a:hover .icon {top:40px;}
.speed-big-menu .txt {position:absolute; top:57px; left:25px; color:#fff; font-size:14px; line-height:20px;}
.speed-big-menu .icon {position:absolute; top:50px; -webkit-transition: top 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: top 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275);}

.speed-big-menu .menu-01 {background-color:#1e3932;}
.speed-big-menu .menu-02 {background-color:#af8b51;}
.speed-big-menu .menu-03 {background-color:#434343;}
.speed-big-menu .menu-04 {background-color:#93b69e;}

.speed-big-menu .menu-01 .icon {top:45px;right:35px;}
.speed-big-menu .menu-02 .icon {right:35px;}
.speed-big-menu .menu-03 .icon {right:25px;}
.speed-big-menu .menu-04 .icon {top:45px; right:35px;}