@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Finlandica:wght@600&display=swap');

/* CSS Document */
* {
  margin: 0;
  padding: 0;
}
body {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR",
    "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 13px;
  word-break: keep-all;
  letter-spacing: -0.025em;
}
img {
  border: 0;
}
#wrap {
  width: 100%;
  padding: 0px;
  margin: 0 auto;
  width: 100%;
  padding: 0px;
  margin: 0 auto;
  position: relative;

}
#header {
  border-bottom: 1px solid #e8e8e8;
}
.t_menu {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
}
.logo {
  height: 100%;
  float: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 0 10px 16px;
  z-index: 1;
}
.logo a {
  height:60px;
}
.logo img {
  display:block;
  height:100%;
  object-fit:contain
}
#toggle-sidebar {
  display: flex;
  justify-content: center;
  align-items: center;
  /* background: #005aab; */
  height: 64px;
  width: 66px;
  float: right;
  color: #fff;
  font: 20px "Nanum Gothic", arial;
}
#toggle-sidebar img{
  width:66px;
  height: 57px;
}
#main {
  margin: 0 auto;
  margin-top: 29px;
  width: 1250px;
  min-height: 500px;
}
.main_top {
  height: 45px;
  background-color: #eff3f6;
  border-bottom: 1px solid #d9dee2;
  clear: both;
  border-top: 1px solid #0b4da2;
}
#left_main {
  width: 240px;
  margin-right: 40px;
  float: left;
}
.l_menu {
  width: 240px;
}
#right_main {
  width: 970px;
  float: left;
  margin-bottom: 8%;
}
.sub_tit {
  height: 34px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}
#footer {
  padding: 44px 12px 64px 12px;
  box-sizing: border-box;
  min-height: 200px;
  border-top: 1px solid var(--footer-border-top-color);
  background: var(--footer-bg);
}
#copy {
  max-width: 1330px;
  width: 100%;
  padding-top: 20px;
  font-size: 12px;
  color: #999;
  text-align: left;
  margin: 0 auto;
  line-height: 149%;
}
#copy:after {
  content: "";
  display: block;
  clear: both;
}
.nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  width: 100%;
  padding: 0 calc(50% - 673px);
  background: var(--gnb-bg);
}
/*main*/
.main_img {
  width: 100%;
  height: 388px;
  background: url(/img/index/main_img.jpg);
  margin-bottom: 60px;
}
.main_txt {
  width: 1250px;
  margin: 0 auto;
  padding-top: 100px;
}
.main_txt h3 {
  color: #70b5ff;
  font-size: 20px;
}
.main_txt h1 {
  font-size: 80px;
  color: #fff;
  margin-bottom: 10px;
}
.main_txt span {
  font-size: 18px;
  color: #fff;
  line-height: 149%;
}
.continer1 {
  width: 1250px;
  margin: 0 auto;
  height: 234px;
}
.continer1 .board_wp {
  width: 598px;
  float: left;
  margin-right: 23px;
  border: 1px solid #a7aab0;
}
.continer1 .q_menu {
  width: 288px;
  height: 100px;
  float: left;
  margin-right: 23px;
}
.continer1 .center {
  width: 314px;
  height: 100px;
  float: left;
}
.continer1 .center ul .centere_tel {
  border: 1px solid #a7aab0;
  background: #f7f7f7;
  padding: 20px 0 20px 30px;
}
.continer1 .center ul .centere_tel p {
  color: #1a54aa;
  font-size: 30px;
  font-weight: 700;
  padding: 10px 0 6px 0;
}
.continer1 .center ul .centere_tel .tel_icon {
  top: 13px;
  height: 45px;
  background-image: url("/img/index/tel_icon.png");
  background-repeat: no-repeat;
  display: block;
  float: right;
  padding-right: 80px;
}
.continer1 .center ul .main_bn {
  background: #ffffff;
}
.continer1 .center ul .main_bn ul li a {
  color: #000000;
}
.continer1 .center ul .main_bn ul li a:hover {
  background: #1a54aa;
  color: #ffffff;
}
.continer1 .center ul .main_bn ul .main_bn1 {
  float: left;
  border: 1px solid #a7aab0;
  border-top: none;
  border-right: none;
  display: block;
  width: 155px;
  line-height: 36px;
  text-align: center;
}
.continer1 .center ul .main_bn ul .main_bn2 {
  float: left;
  border: 1px solid #a7aab0;
  border-top: none;
  display: block;
  width: 156px;
  line-height: 36px;
  text-align: center;
}
.continer1 .center ul .main_bn ul .main_bn3 {
  float: left;
  border: 1px solid #a7aab0;
  border-top: none;
  border-right: none;
  display: block;
  width: 155px;
  line-height: 36px;
  text-align: center;
}
.continer1 .center ul .main_bn ul .main_bn4 {
  float: left;
  border: 1px solid #a7aab0;
  border-top: none;
  display: block;
  width: 156px;
  line-height: 36px;
  text-align: center;
}
.continer2 {
  width: 1250px;
  margin: 0 auto; /*height:234px;*/
  margin-bottom: 60px;
}
.continer2 .icon_box {
  border: 1px solid #a7aab0;
  border-top: 2px solid #000;
  margin-top: 16px;
  padding: 50px 34px;
}
.continer3 {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #f7f7f9;
  padding: 60px 0 60px 0;
  margin-bottom: 60px;
}
.continer3 .main_board {
  width: 1250px;
  margin: 0 auto;
}
.continer3 .main_board .main_board1 {
  width: 600px;
  margin-right: 49px;
  float: left;
}
.continer3 .main_board .main_board2 {
  width: 600px;
  float: left;
}
/*4*/
.continer4 {
  width: 100%;
  height: 342px;
  margin-bottom: 60px;
}
.continer4 .continer4_wp {
  width: 1250px;
  margin: 0 auto;
}
.continer4 .continer4_1 {
  widht: 556px;
  float: left;
}
.continer4_2 {
  width: 598px;
  float: left;
}
.continer4 .continer4_1 .con4_tea {
  width: 598px;
  margin-right: 49px;
  border: 1px solid #a7aab0;
  height: 340px;
}
.continer4 .continer4_1 .con4_tea .tea_title {
  border-bottom: 1px solid #2365b3;
  padding: 20px 0px 20px 24px;
}
.continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo {
  width: 182px;
  height: 244px;
  margin-right: 14px;
  float: left;
  overflow: hidden;
}
.continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo_of {
  width: 182px;
  height: 244px;
  margin-right: 0px;
  float: left;
  overflow: hidden;
}
.continer4 .continer4_1 .con4_tea .tea_photo .tea_name {
  font-size: 15px;
  text-align: center;
  height: 35px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  width: 100%;
  position: relative;
  bottom: -208px;
}
.continer4 .continer4_1 .con4_tea .tea_photo .tea_name .t_name {
  position: relative;
  top: -234px;
}
.continer4 .continer4_1 .con4_tea .tea_photo {
  padding: 20px;
}
.continer4 .continer4_1 .con4_tea .tea_photo > ul:after {
  content: "";
  display: block;
  clear: both;
}
.continer4 .continer4_1 .con4_tea .tea_photo ul li:last-child > div ul .photo {
  margin-right: 0;
}
.continer4 .continer4_1 h2 a {
  display: block;
  float: right;
  background-color: #fff;
  border: 1px solid #a7aab0;
  padding: 1px 6px;
  margin-right: 20px;
}
/*5*/
.continer5 .continer5_wp {
  width: 1250px;
  margin: 0 auto;
}
.continer5_1 {
  widht: 556px;
  float: left;
}
.continer5 .continer5_2 {
  width: 598px;
  float: left;
  border: 1px solid #a7aab0;
}
.continer5_1 .con5_gallery {
  width: 598px;
  margin-right: 49px;
  border: 1px solid #a7aab0;
}
.continer5_1 .con5_gallery ul:after {
  content: "";
  display: block;
  clear: both;
}
.continer5_1 .con5_gallery .gallery_title {
  border-bottom: 1px solid #2365b3;
  margin-bottom: 20px;
  padding: 20px 0px 20px 24px;
}
.continer5_1 .con5_gallery .gallery_photo ul li div ul .photo {
  width: 260px;
  margin-right: 20px;
  overflow: hidden;
}
.continer5_1 .con5_gallery .gallery_photo ul li div ul .photo .img {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.26%;
}
.continer5_1 .con5_gallery .gallery_photo ul li div ul .photo .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.continer5_1 .con5_gallery .gallery_photo ul li:last-child div ul .photo {
  margin-right: 0;
}
.continer5_1 .con5_gallery .gallery_photo .pho_name {
  font-size: 15px;
  text-align: left;
  height: 30px;
  line-height: 40px;
  color: #000;
  width: 280px;
}
.continer5_1 .con5_gallery .gallery_photo ul li div {
  float: left;
  position: relative;
}
.continer5_1 .con5_gallery .gallery_photo ul li div ul .photo img {
  width: 100%;
}
.continer5_1 .con5_gallery .gallery_photo ul li div ul .photo_of img {
  width: 100%;
}
.continer5_1 .con5_gallery .gallery_photo {
  padding: 0 18px 18px 18px;
}
/*5-1*/
.continer5-1 .continer5-1_wp {
  width: 1250px;
  margin: 0 auto;
}
.continer5-1_1 {
  widht: 556px;
  float: left;
}
.continer5-1 .continer5-1_2 {
  width: 598px;
  float: left;
  border: 1px solid #a7aab0;
}
.continer5-1_1 .con5_gallery {
  width: 598px;
  margin-right: 49px;
  border: 1px solid #a7aab0;
}
.continer5-1_1 .con5_gallery ul:after {
  content: "";
  display: block;
  clear: both;
}
.continer5-1_1 .con5_gallery .gallery_title {
  border-bottom: 1px solid #2365b3;
  margin-bottom: 20px;
  padding: 20px 0px 20px 24px;
}
.continer5-1_1 .con5_gallery .gallery_photo ul li div ul .photo {
  width: 270px;
  margin-right: 20px;
  overflow: hidden;
}
.continer5-1_1 .con5_gallery .gallery_photo ul li div ul .photo .img {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.26%;
}
.continer5-1_1 .con5_gallery .gallery_photo ul li div ul .photo .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.continer5-1_1 .con5_gallery .gallery_photo ul li:last-child div ul .photo {
  margin-right: 0;
}
.continer5-1_1 .con5_gallery .gallery_photo .pho_name {
  font-size: 15px;
  text-align: left;
  height: 30px;
  line-height: 40px;
  color: #000;
  width: 280px;
}
.continer5-1_1 .con5_gallery .gallery_photo ul li div {
  float: left;
  position: relative;
}
.continer5-1_1 .con5_gallery .gallery_photo ul li div ul .photo img {
  width: 100%;
}
.continer5-1_1 .con5_gallery .gallery_photo ul li div ul .photo_of img {
  width: 100%;
}
.continer5-1_1 .con5_gallery .gallery_photo {
  padding: 0 18px 18px 18px;
}
.continer5-1_2 .con5_gallery {
  width: 598px;
  margin-right: 49px;
  border: 1px solid #a7aab0;
}
.continer5-1_2 .con5_gallery ul:after {
  content: "";
  display: block;
  clear: both;
}
.continer5-1_2 .con5_gallery .gallery_title {
  border-bottom: 1px solid #2365b3;
  margin-bottom: 20px;
  padding: 20px 0px 20px 24px;
}
.continer5-1_2 .con5_gallery .gallery_photo ul li div ul .photo {
  width: 270px;
  margin-right: 20px;
  overflow: hidden;
}
.continer5-1_2 .con5_gallery .gallery_photo ul li div ul .photo .img {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.26%;
}
.continer5-1_2 .con5_gallery .gallery_photo ul li div ul .photo .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.continer5-1_2 .con5_gallery .gallery_photo ul li:last-child div ul .photo {
  margin-right: 0;
}
.continer5-1_2 .con5_gallery .gallery_photo .pho_name {
  font-size: 15px;
  text-align: left;
  height: 30px;
  line-height: 40px;
  color: #000;
  width: 280px;
}
.continer5-1_2 .con5_gallery .gallery_photo ul li div {
  float: left;
  position: relative;
}
.continer5-1_2 .con5_gallery .gallery_photo ul li div ul .photo img {
  width: 100%;
}
.continer5-1_2 .con5_gallery .gallery_photo ul li div ul .photo_of img {
  width: 100%;
}
.continer5-1_2 .con5_gallery .gallery_photo {
  padding: 0 18px 18px 18px;
}
/*6*/
.continer6 .continer6_wp {
  width: 1250px;
  margin: 0 auto;
  background-image: url("/img/index/main_bottom_bn_bg.jpg");
  background-repeat: no-repeat;
  padding: 20px 0 20px 0;
}
.continer6 .continer6_wp .con6_bn_line {
  line-height: 164px;
  width: 1203px;
  height: 162px;
  margin: 0 auto;
}
.continer6 .continer6_wp .con6_bn_line ul .con_bn_txt {
  width: 80%;
  float: left;
  display: block;
  line-height: 42px;
  padding: 34px 0 0 60px;
}
.continer6 .continer6_wp .con6_bn_line ul .con_bn_txt p {
  color: #fff;
  font-size: 20px;
}
.continer6 .continer6_wp .con6_bn_line ul .con_bn_txt span {
  color: #fff;
  font-size: 40px;
  font-weight: 600;
}
.continer6 .continer6_wp .con6_bn_line ul .con_bn_btn {
  widht: 20%;
  display: block;
}
.continer6 .continer6_wp .con6_bn_line ul .con_bn_btn span {
  background: #184488;
  border: 1px solid #fff;
  width: 155px;
  height: 84px;
  position: absolute;
  margin-top: 38px;
}
.continer6 .continer6_wp .con6_bn_line ul .con_bn_btn p {
  width: 155px;
  height: 84px;
  line-height: 84px;
  text-align: center;
  color: #fff;
}
/*7사이트맵*/
.continer7 {
  background: #f7f7f9;
}
.continer7 .continer7_wp {
  width: 1250px;
  height: 218px;
  margin: 0 auto;
  padding: 55px 0 55px 0;
}
.continer7 .continer7_wp .site_map:after {
  content: "";
  display: block;
  clear: both;
}
.continer7 .continer7_wp .site_map .site_map1 {
  width: 240px;
  margin-right: 10px;
  text-align: center;
  float: left;
}
.continer7 .continer7_wp .site_map .site_map1 .map1_tit {
  border: 1px solid #caccd0;
  font-size: 18px;
  color: 000;
  font-weight: 600;
  border-bottom: 2px solid #1a54aa;
  margin-bottom: 9px;
  line-height: 40px;
  background: #fff;
}
.continer7 .continer7_wp .site_map .site_map1 .map_m {
  border: 1px solid #caccd0;
  line-height: 30px;
  margin-bottom: 4px;
  background: #fff;
}
.continer7 .continer7_wp .site_map .site_map1 a .map_m {
  color: #000;
}
.continer7 .continer7_wp .site_map .site_map1 a .map_m:hover {
  color: #000;
  background: #f7f7f9;
}
.continer7 .continer7_wp .site_map .site_map2 {
  width: 240px;
  margin-right: 10px;
  text-align: center;
  float: left;
}
.continer7 .continer7_wp .site_map .site_map2 .map1_tit {
  border: 1px solid #caccd0;
  font-size: 18px;
  color: 000;
  font-weight: 600;
  border-bottom: 2px solid #1a54aa;
  margin-bottom: 9px;
  line-height: 40px;
  background: #fff;
}
.continer7 .continer7_wp .site_map .site_map2 .map_m {
  border: 1px solid #caccd0;
  line-height: 30px;
  margin-bottom: 4px;
  background: #fff;
}
.continer7 .continer7_wp .site_map .site_map2 a .map_m {
  color: #000;
}
.continer7 .continer7_wp .site_map .site_map2 a .map_m:hover {
  color: #000;
  background: #f7f7f9;
}
.continer7 .continer7_wp .site_map .site_map3 {
  width: 240px;
  margin-right: 10px;
  text-align: center;
  float: left;
}
.continer7 .continer7_wp .site_map .site_map3 .map1_tit {
  border: 1px solid #caccd0;
  font-size: 18px;
  color: 000;
  font-weight: 600;
  border-bottom: 2px solid #1a54aa;
  margin-bottom: 9px;
  line-height: 40px;
  background: #fff;
}
.continer7 .continer7_wp .site_map .site_map3 .map_m {
  border: 1px solid #caccd0;
  line-height: 30px;
  margin-bottom: 4px;
  background: #fff;
}
.continer7 .continer7_wp .site_map .site_map3 a .map_m {
  color: #000;
}
.continer7 .continer7_wp .site_map .site_map3 a .map_m:hover {
  color: #000;
  background: #f7f7f9;
}
.continer7 .continer7_wp .site_map .site_map4 {
  width: 240px;
  margin-right: 10px;
  text-align: center;
  float: left;
}
.continer7 .continer7_wp .site_map .site_map4 .map1_tit {
  border: 1px solid #caccd0;
  font-size: 18px;
  color: #333;
  font-weight: 600;
  border-bottom: 2px solid #1a54aa;
  margin-bottom: 9px;
  line-height: 40px;
  background: #fff;
}
.continer7 .continer7_wp .site_map .site_map4 .map_m {
  border: 1px solid #caccd0;
  line-height: 30px;
  margin-bottom: 4px;
  background: #fff;
}
.continer7 .continer7_wp .site_map .site_map4 a .map_m {
  color: #000;
}
.continer7 .continer7_wp .site_map .site_map4 a .map_m:hover {
  color: #000;
  background: #f7f7f9;
}
.continer7 .continer7_wp .site_map .site_map5 {
  width: 240px;
  text-align: center;
  float: left;
}
.continer7 .continer7_wp .site_map .site_map5 .map1_tit {
  border: 1px solid #caccd0;
  font-size: 18px;
  color: 000;
  font-weight: 600;
  border-bottom: 2px solid #1a54aa;
  margin-bottom: 9px;
  line-height: 40px;
  background: #fff;
}
.continer7 .continer7_wp .site_map .site_map5 .map_m {
  border: 1px solid #caccd0;
  line-height: 30px;
  margin-bottom: 4px;
  background: #fff;
}
.continer7 .continer7_wp .site_map .site_map5 a .map_m {
  color: #000;
}
.continer7 .continer7_wp .site_map .site_map5 a .map_m:hover {
  color: #000;
  background: #f7f7f9;
}
.continer7_wp .site_map .map1_tit {
  border: 1px solid #caccd0;
  font-size: 18px;
  color: #333;
  font-weight: 600;
  border-bottom: 2px solid #1a54aa;
  margin-bottom: 9px;
  line-height: 40px;
  background: #fff;
}
/*행사및이벤트배너*/
.continer4_2 .con4_2_bn ul .con4_2_bn1_wp .con4_2_bn1 h3 {
  color: #000000;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 0 6px 0;
}
.continer4_2 .con4_2_bn ul .con4_2_bn1_wp .con4_2_bn1 p {
  color: #000000;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 0 6px 0;
}
.continer4_2 .con4_2_bn ul .con4_2_bn1_wp .con4_2_bn1 .bn_icon {
  top: 13px;
  height: 62px;
  background-image: url("/img/index/bn_go_icon1.png");
  background-repeat: no-repeat;
  display: block;
  float: right;
  padding-right: 70px;
  position: relative;
}
.continer4_2 .con4_2_bn ul .con4_2_bn1 .bn_co {
  top: 6px;
  height: 12px;
  background-image: url("/img/index/bn_go_icon.png");
  background-repeat: no-repeat;
  display: block;
  float: right;
  padding-right: 269px;
  position: relative;
}
/*어학연수/캠프*/
.continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 h3 {
  color: #000000;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 0 6px 0;
}
.continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 p {
  color: #000000;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 0 6px 0;
}
.continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 .bn_icon2 {
  top: 13px;
  height: 62px;
  background-image: url("/img/index/bn_go_icon2.png");
  background-repeat: no-repeat;
  display: block;
  float: right;
  padding-right: 70px;
  position: relative;
}
.continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 .bn_co {
  top: 6px;
  height: 12px;
  background-image: url("/img/index/bn_go_icon.png");
  background-repeat: no-repeat;
  display: block;
  float: right;
  padding-right: 269px;
  position: relative;
}
/* 공지사항 */
.continer1 .board_wp .board {
  position: relative;
  width: 550px;
  height: 202px;
  background-color: #fff;
  left: 25px;
}
.continer1 .board_wp .board .list {
}
.continer1 .board_wp .board .list > li {
  float: left;
  width: 100%;
}
.continer1 .board_wp .board .tab_btn {
  display: block;
  position: relative;
  width: 100%;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  color: #636363;
  text-align: center;
}
.continer1 .board_wp .board .tab_btn i {
  display: none;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background-color: #a7aab0;
}
.continer1 .board_wp .board .tab_btn .line {
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 20%;
  height: 4px;
  background-color: #1a54aa;
}
.continer1 .board_wp .board .active .tab_btn {
  color: #2e3192;
  font-weight: 600;
  text-align: left;
}
.continer1 .board_wp .board .active .tab_btn i {
  display: block;
}
.continer1 .board_wp .board .tabcontent {
  display: none;
  position: absolute;
  top: 52px;
  left: 0;
  width: 100%;
  padding-top: 16px;
}
.continer1 .board_wp .board .list > li:first-child .tabcontent {
  display: block;
}
.continer1 .board_wp .board .list ul {
  overflow: hidden;
  height: 113px;
}
.continer1 .board_wp .board .list ul li {
  margin-top: 4px;
  background: url("../images/main/board_bu.png") no-repeat 0 10px;
}
.continer1 .board_wp .board .list ul li:first-child {
  margin: 0;
}
.continer1 .board_wp .board .list ul li a {
  display: block;
  padding: 0;
  font-size: 14px;
  color: #333;
  line-height: 1.8em;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.continer1 .board_wp .board .more {
  position: absolute;
  top: -36px;
  right: 0px;
  width: 24px;
  height: 24px;
}
.continer1 .board_wp .board .more a {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #a7aab0;
}
.continer1 .board_wp .board .more a span {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  padding-left: 5px;
}
.board_wp .board .tabcontent .list_box {
}
.continer1 .board_wp .board .tabcontent .list_box li {
  position: relative;
  padding-bottom: 10px;
}
.continer1 .board_wp .board .tabcontent .list_box li a {
  position: relative;
  display: block;
  width: 78%;
  padding-left: 12px;
  font-size: 15px;
  line-height: 17px;
  color: #363636;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.continer1 .board_wp .board .tabcontent .list_box li a:hover {
  color: #000;
}
.continer1 .board_wp .board .tabcontent .list_box li a:before {
  position: absolute;
  left: 0;
  top: 5px;
  display: inline-block;
  width: 4px;
  height: 4px;
  content: "";
  border-radius: 100%;
  background-color: #464646;
}
.continer1 .board_wp .board .tabcontent .list_box li .date {
  position: absolute;
  right: 30px;
  top: 2px;
  font-size: 13px;
  line-height: 14px;
  color: #7d7d7d;
  letter-spacing: -1px;
}
.board_wp .board .tabcontent .list_box {
}
.continer1 .board_wp .board .tabcontent .list_box li {
  position: relative;
  padding-bottom: 6px;
}
.continer1 .board_wp .board .tabcontent .list_box li a {
  position: relative;
  display: block;
  width: 78%;
  padding-left: 12px;
  font-size: 14px;
  line-height: 14px;
  color: #363636;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.continer1 .board_wp .board .tabcontent .list_box li a:hover {
  color: #000;
}
.continer1 .board_wp .board .tabcontent .list_box li a:before {
  position: absolute;
  left: 0;
  top: 5px;
  display: inline-block;
  width: 4px;
  height: 4px;
  content: "";
  border-radius: 100%;
  background-color: #464646;
}
.continer1 .board_wp .board .tabcontent .list_box li .date {
  position: absolute;
  right: 0px;
  top: 2px;
  font-size: 13px;
  line-height: 14px;
  color: #7d7d7d;
  letter-spacing: -1px;
}
/* 자료실 */
.continer5_2 .board_wp .board {
  position: relative;
  width: 550px;
  height: 230px;
  background-color: #fff;
  left: 25px;
} /*height:140px*/
.continer5_2 .board_wp .board .list {
}
.continer5_2 .board_wp .board .list > li {
  float: left;
  width: 100%;
}
.continer5_2 .board_wp .board .tab_btn {
  display: block;
  position: relative;
  width: 100%;
  height: 40px;
  font-size: 18px;
  line-height: 50px;
  color: #636363;
  text-align: center;
}
.continer5_2 .board_wp .board .tab_btn i {
  display: none;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background-color: #a7aab0;
}
.continer5_2 .board_wp .board .tab_btn .line {
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 20%;
  height: 0px;
  background-color: #1a54aa;
}
.continer5_2 .board_wp .board .active .tab_btn {
  color: #2e3192;
  font-weight: 600;
  text-align: left;
}
.continer5_2 .board_wp .board .active .tab_btn i {
  display: block;
}
.continer5_2 .board_wp .board .tabcontent {
  display: none;
  position: absolute;
  top: 52px;
  left: 0;
  width: 100%;
  padding-top: 12px;
}
.continer5_2 .board_wp .board .list > li:first-child .tabcontent {
  display: block;
}
.continer5_2 .board_wp .board .list ul {
  overflow: hidden;
}
.continer5_2 .board_wp .board .list ul li {
  margin-top: 4px;
  background: url("../images/main/board_bu.png") no-repeat 0 10px;
}
.continer5_2 .board_wp .board .list ul li:first-child {
  margin: 0;
}
.continer5_2 .board_wp .board .list ul li a {
  display: block;
  padding: 0;
  font-size: 14px;
  color: #333;
  line-height: 1.8em;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.continer5_2 .board_wp .board .more {
  position: absolute;
  top: -42px;
  right: 0px;
  width: 24px;
  height: 24px;
}
.continer5_2 .board_wp .board .more a {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #a7aab0;
}
.continer5_2 .board_wp .board .more a span {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  padding-left: 6.5px;
  line-height: 1;
} /*padding-left:5px;*/
.continer5_2 .board_wp .board .tabcontent .list_box li {
  position: relative;
  padding-bottom: 6px;
}
.continer5_2 .board_wp .board .tabcontent .list_box li a {
  position: relative;
  display: block;
  width: 78%;
  padding-left: 12px;
  font-size: 15px;
  line-height: 15px;
  color: #363636;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.continer5_2 .board_wp .board .tabcontent .list_box li a:hover {
  color: #000;
}
.continer5_2 .board_wp .board .tabcontent .list_box li a:before {
  position: absolute;
  left: 0;
  top: 5px;
  display: inline-block;
  width: 4px;
  height: 4px;
  content: "";
  border-radius: 100%;
  background-color: #464646;
}
.continer5_2 .board_wp .board .tabcontent .list_box li .date {
  position: absolute;
  right: 30px;
  top: 2px;
  font-size: 13px;
  line-height: 14px;
  color: #7d7d7d;
  letter-spacing: -1px;
}
.continer5_1 h2 a {
  display: block;
  float: right;
  background-color: #fff;
  border: 1px solid #a7aab0;
  padding: 1px 6px;
  margin-right: 20px;
}
/* main_board_list */
.continer3 .main_board .main_board1 .board_list table {
  width: 100%;
  border-top: 1px solid #a7aab0;
}
.continer3 .main_board .main_board1 .board_list table th {
  padding: 12px 0;
  font-size: 15px;
  line-height: 22px;
  color: #666;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
.continer3 .main_board .main_board1 .board_list table td {
  padding: 12px 0;
  font-size: 14px;
  line-height: 22px;
  color: #666;
  font-weight: normal;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  background: #fff;
}
.continer3 .main_board .main_board1 .board_list table th {
  background: #eff3f6;
}
.continer3 .main_board .main_board1 .board_list table td.subject {
  text-align: left;
  padding-left: 10px;
  background: #fff;
}
.continer3 .main_board .main_board1 .board_list table td.subject a {
  color: #555;
}
.continer3 .main_board .main_board1 .board_list table td.subject a:hover {
  color: #009;
  text-decoration: none;
}
.continer3 .main_board .main_board1 .board_list table td.subject img {
  vertical-align: middle;
}
.continer3 .main_board .main_board1 .board_list table td.name span {
  color: #333;
}
.continer3 .main_board .main_board1 .board_list .head .subject {
  border-bottom: 1px solid #e5e5e5;
  border-top: 2px solid #333;
}
.continer3 .main_board .main_board1 .board_list .head .tea {
  border-bottom: 1px solid #e5e5e5;
  border-top: 2px solid #333;
}
.continer3 .main_board .main_board1 .board_list .head .type {
  border-bottom: 1px solid #a7aab0;
}
.continer3 .main_board .main_board1 .board_list .head .period {
  border-bottom: 1px solid #a7aab0;
}
.continer3 .main_board h2 {
  margin-bottom: 20px;
}
.continer3 .main_board h2 a {
  display: block;
  float: right;
  background-color: #fff;
  border: 1px solid #a7aab0;
  padding: 1px 6px;
}
.continer3 .main_board .main_board2 .board_list .head .tea {
  border-bottom: 1px solid #e5e5e5;
  border-top: 2px solid #333;
}
/* main_board_list */
.continer3 .main_board .main_board2 .board_list table {
  width: 100%;
  border-top: 1px solid #a7aab0;
}
.continer3 .main_board .main_board2 .board_list table th {
  padding: 12px 0;
  font-size: 15px;
  line-height: 22px;
  color: #666;
  border-bottom: 1px solid #a7aab0;
  text-align: center;
}
.continer3 .main_board .main_board2 .board_list table td {
  padding: 12px 0;
  font-size: 14px;
  line-height: 22px;
  color: #666;
  font-weight: normal;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  background: #fff;
}
.continer3 .main_board .main_board2 .board_list table th {
  background: #eff3f6;
}
.continer3 .main_board .main_board2 .board_list table td.subject {
  text-align: left;
  padding-left: 10px;
}
.continer3 .main_board .main_board2 .board_list table td.subject a {
  color: #555;
}
.continer3 .main_board .main_board2 .board_list table td.subject a:hover {
  color: #009;
  text-decoration: none;
}
.continer3 .main_board .main_board2 .board_list table td.subject img {
  vertical-align: middle;
}
.continer3 .main_board .main_board2 .board_list table td.name span {
  color: #333;
}
.continer3 .main_board .main_board2 .board_list .head .subject {
  border-bottom: 1px solid #e5e5e5;
  border-top: 2px solid #333;
}
.continer3 .main_board .main_board2 .board_list .head .period {
  border-right: 1px solid #a7aab0;
  border-bottom: 1px solid #a7aab0;
}
.continer3 .main_board .main_board2 .board_list .head .type {
  border-bottom: 1px solid #a7aab0;
}
.continer3 .main_board .main_board2 .board_list .head .period {
  border-bottom: 1px solid #a7aab0;
}
/* 수강후기 */
.continer4_2 .board_list table {
  width: 100%;
  border-top: 1px solid #a7aab0;
}
.continer4_2 .board_list table th {
  padding: 12px 0;
  font-size: 15px;
  line-height: 16px;
  color: #666;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
.continer4_2 .board_list table td {
  padding: 12px 0;
  font-size: 14px;
  line-height: 16px;
  color: #666;
  font-weight: normal;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
.continer4_2 .board_list table th {
  background: #eff3f6;
}
.continer4_2 .board_list table td.subject {
  text-align: left;
  padding-left: 10px;
}
.continer4_2 .board_list table td.subject a {
  color: #555;
}
.continer4_2 .board_list table td.subject a:hover {
  color: #009;
  text-decoration: none;
}
.continer4_2 .board_list table td.subject img {
  vertical-align: middle;
}
.continer4_2 .board_list table td.name span {
  color: #333;
}
.continer4_2 .board_list .head .subject {
  border-bottom: 1px solid #e5e5e5;
  border-top: 2px solid #333;
}
.continer4_2 .board_list .head .tea {
  border-bottom: 1px solid #e5e5e5;
  border-top: 2px solid #333;
}
.continer4_2 .board_list .head .type {
  border-bottom: 1px solid #a7aab0;
}
.continer4_2 .board_list .head .period {
  border-bottom: 1px solid #a7aab0;
}
.continer4_2 h2 {
  margin-bottom: 20px;
}
.continer4_2 h2 a {
  display: block;
  float: right;
  background-color: #fff;
  border: 1px solid #a7aab0;
  padding: 1px 6px;
}
.continer4_2 .con4_2_bn {
  width: 600px;
  margin-top: 16px;
}
.continer4_2 .con4_2_bn ul:after {
  content: "";
  display: block;
  clear: both;
}
.continer4_2 .con4_2_bn .con4_2_bn1 {
  width: 270px;
  height: 100px;
  background: #f2f4f7;
  margin-right: 14px;
  float: left;
  border: 1px solid #d2d2d2;
  padding: 10px 0 10px 20px;
}
.continer4_2 .con4_2_bn .con4_2_bn2 {
  width: 270px;
  height: 100px;
  background: #f2f4f7;
  float: left;
}
.continer4_2 .con4_2_bn .con4_2_bn2 {
  width: 270px;
  height: 100px;
  background: #f2f4f7;
  float: left;
  border: 1px solid #d2d2d2;
  padding: 10px 0 10px 20px;
}
/**/
.skip {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  background: none;
  font-size: 3px;
  color: transparent;
  line-height: 0;
}
/* shortcut */
.q_menu .shortcut {
  width: 100%;
  background-color: #4982c9;
}
.q_menu .shortcut ul {
  overflow: hidden;
}
.q_menu .shortcut li {
  float: left;
  width: 50%;
  border-left: 1px solid #75a0d6;
  border-top: 1px solid #75a0d6;
  margin: -1px 0 0 -1px;
}
.q_menu .shortcut li a {
  display: block;
  position: relative;
  padding: 70px 0 14px;
  font-size: 15px;
  color: #ffffff;
  text-align: center;
}
.q_menu .shortcut a i {
  display: block;
  position: absolute;
  left: 50%;
  width: 48px;
  margin-left: -24px;
  background-repeat: no-repeat;
  background-position: center top;
}
.q_menu .shortcut .icon01 {
  top: 13px;
  height: 45px;
  background-image: url("/img/index/shortcut_icon01.png");
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
.q_menu .shortcut .icon02 {
  top: 12px;
  height: 39px;
  background-image: url("/img/index/shortcut_icon02.png");
}
.q_menu .shortcut .icon03 {
  top: 13px;
  height: 45px;
  background-image: url("/img/index/shortcut_icon03.png");
}
.q_menu .shortcut .icon04 {
  top: 13px;
  height: 45px;
  background-image: url("/img/index/shortcut_icon04.png");
}
/* shortcut2 */
.continer2 .shortcut2 {
  width: 100%;
}
.continer2 .shortcut2 ul {
  /*overflow:hidden;*/
}
.continer2 .shortcut2 ul:after {
  content: "";
  display: block;
  clear: both;
}
.continer2 .shortcut2 li {
  float: left;
  margin: 0 28px 0 28px;
  position: relative;
}
.continer2 .shortcut2 ul .icon_bg_on {
  float: left;
  text-align: center;
}
.continer2 .shortcut2 li a {
  display: block;
  position: relative;
  font-size: 15px;
  color: #000000;
  text-align: center;
  cursor: default;
  width: 111px;
  height: 111px;
  margin: -1px 0 0 -1px;
  background: #edeff1;
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
  border-radius: 70px;
}
.continer2 .shortcut2 a i {
  display: block;
  position: absolute;
  left: 50%;
  width: 60px;
  margin-left: -28px;
  background-repeat: no-repeat;
  background-position: center top;
}
.continer2 .shortcut2 ul li:after {
  content: "";
  display: block;
  position: absolute;
  top: 36px;
  left: -35px;
  width: 17px;
  height: 23px;
  background: url("/img/index/shortcut2_icon08.png") no-repeat;
}
.continer2 .shortcut2 ul li:first-child:after {
  display: none;
}
.continer2 .shortcut2 .icon01 {
  top: 36px;
  height: 58px;
  background-image: url("/img/index/shortcut2_icon01.png");
}
.continer2 .shortcut2 .icon02 {
  top: 30px;
  height: 48px;
  background-image: url("/img/index/shortcut2_icon02.png");
}
.continer2 .shortcut2 .icon03 {
  top: 36px;
  height: 49px;
  background-image: url("/img/index/shortcut2_icon03.png");
}
.continer2 .shortcut2 .icon04 {
  top: 30px;
  height: 52px;
  background-image: url("/img/index/shortcut2_icon04.png");
}
.continer2 .shortcut2 .icon05 {
  top: 30px;
  height: 52px;
  background-image: url("/img/index/shortcut2_icon05.png");
}
.continer2 .shortcut2 .icon06 {
  top: 30px;
  height: 52px;
  background-image: url("/img/index/shortcut2_icon06.png");
}
.continer2 .shortcut2 .icon07 {
  top: 36px;
  height: 45px;
  background-image: url("/img/index/shortcut2_icon07.png");
}
.continer2 .shortcut2 ul li a span {
  display: block;
  margin-top: 50px;
}
.continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo img {
  width: 100%;
}
.continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo_of img {
  width: 100%;
}
/*m_main*/
#m_main .m_continer1 {
  width: 1250px;
  margin: 0 auto;
}
#m_main .m_continer1 .board_wp {
  width: 598px;
  border: 1px solid #a7aab0;
}
#m_main .m_continer1 .q_menu {
  width: 288px; /*height:100px;*/
  float: left;
  margin-right: 23px;
}
#m_main .m_continer1 .center {
  width: 314px; /*height:100px;*/
  float: left;
}
#m_main .m_continer1 .center ul .centere_tel {
  border: 1px solid #a7aab0;
  background: #f7f7f7;
  padding: 20px 0 20px 30px;
}
#m_main .m_continer1 .center ul .centere_tel p {
  color: #1a54aa;
  font-size: 30px;
  font-weight: 700;
  padding: 10px 0 6px 0;
}
#m_main .m_continer1 .center ul .centere_tel .tel_icon {
  top: 13px;
  height: 45px;
  background-image: url("/img/index/tel_icon.png");
  background-repeat: no-repeat;
  display: block;
  float: right;
  padding-right: 80px;
}
#m_main .m_continer1 .center ul .main_bn {
  background: #ffffff;
}
#m_main .m_continer1 .center ul .main_bn ul li a {
  color: #000000;
}
#m_main .m_continer1 .center ul .main_bn ul li a:hover {
  background: #1a54aa;
  color: #ffffff;
}
#m_main .m_continer1 .center ul .main_bn ul .main_bn1 {
  float: left;
  border: 1px solid #a7aab0;
  border-top: none;
  border-right: none;
  display: block;
  width: 155px;
  line-height: 36px;
  text-align: center;
}
#m_main .m_continer1 .center ul .main_bn ul .main_bn2 {
  float: left;
  border: 1px solid #a7aab0;
  border-top: none;
  display: block;
  width: 156px;
  line-height: 36px;
  text-align: center;
}
#m_main .m_continer1 .center ul .main_bn ul .main_bn3 {
  float: left;
  border: 1px solid #a7aab0;
  border-top: none;
  border-right: none;
  display: block;
  width: 155px;
  line-height: 36px;
  text-align: center;
}
#m_main .m_continer1 .center ul .main_bn ul .main_bn4 {
  float: left;
  border: 1px solid #a7aab0;
  border-top: none;
  display: block;
  width: 156px;
  line-height: 36px;
  text-align: center;
}
/* m_공지사항 */
#m_main .m_continer1 .board_wp .board {
  position: relative;
  width: 550px;
  height: 202px;
  background-color: #fff; /*left:25px;*/
}
#m_main .m_continer1 .board_wp .board .list {
}
#m_main .m_continer1 .board_wp .board .list > li {
  float: left;
  width: 100%;
}
#m_main .m_continer1 .board_wp .board .tab_btn {
  display: block;
  position: relative;
  width: 100%;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  color: #636363;
  text-align: center;
}
#m_main .m_continer1 .board_wp .board .tab_btn i {
  display: none;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background-color: #a7aab0;
}
#m_main .m_continer1 .board_wp .board .tab_btn .line {
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 20%;
  height: 4px;
  background-color: #1a54aa;
}
#m_main .m_continer1 .board_wp .board .active .tab_btn {
  color: #2e3192;
  font-weight: 600;
  text-align: left;
}
#m_main .m_continer1 .board_wp .board .active .tab_btn i {
  display: block;
}
#m_main .m_continer1 .board_wp .board .tabcontent {
  display: none;
  position: absolute;
  top: 52px;
  left: 0;
  width: 100%;
}
#m_main .m_continer1 .board_wp .board .list > li:first-child .tabcontent {
  display: block;
}
#m_main .m_continer1 .board_wp .board .list ul {
  overflow: hidden;
  height: 113px;
}
#m_main .m_continer1 .board_wp .board .list ul li {
  margin-top: 4px;
  background: url("../images/main/board_bu.png") no-repeat 0 10px;
}
#m_main .m_continer1 .board_wp .board .list ul li:first-child {
  margin: 0;
}
#m_main .m_continer1 .board_wp .board .list ul li a {
  display: block;
  padding: 0;
  font-size: 14px;
  color: #333;
  line-height: 1.8em;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#m_main .m_continer1 .board_wp .board .more {
  position: absolute;
  top: -36px;
  right: 0px;
  width: 24px;
  height: 24px;
}
#m_main .m_continer1 .board_wp .board .more a {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #a7aab0;
}
#m_main .m_continer1 .board_wp .board .more a span {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  padding-left: 5px;
}
#m_main .m_continer1 .board_wp .board .tabcontent .list_box li {
  position: relative;
  padding-bottom: 10px;
}
#m_main .m_continer1 .board_wp .board .tabcontent .list_box li a {
  position: relative;
  display: block;
  width: 78%;
  padding-left: 12px;
  font-size: 15px;
  line-height: 17px;
  color: #363636;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#m_main .m_continer1 .board_wp .board .tabcontent .list_box li a:hover {
  color: #000;
}
#m_main .m_continer1 .board_wp .board .tabcontent .list_box li a:before {
  position: absolute;
  left: 0;
  top: 5px;
  display: inline-block;
  width: 4px;
  height: 4px;
  content: "";
  border-radius: 100%;
  background-color: #464646;
}
#m_main .m_continer1 .board_wp .board .tabcontent .list_box li .date {
  position: absolute;
  right: 30px;
  top: 2px;
  font-size: 13px;
  line-height: 14px;
  color: #7d7d7d;
  letter-spacing: -1px;
}
#m_main .m_continer1 .board_wp .board .tabcontent .list_box li {
  position: relative;
  padding-bottom: 6px;
}
#m_main .m_continer1 .board_wp .board .tabcontent .list_box li a {
  position: relative;
  display: block;
  width: 78%;
  padding-left: 12px;
  font-size: 14px;
  line-height: 14px;
  color: #363636;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#m_main .m_continer1 .board_wp .board .tabcontent .list_box li a:hover {
  color: #000;
}
#m_main .m_continer1 .board_wp .board .tabcontent .list_box li a:before {
  position: absolute;
  left: 0;
  top: 5px;
  display: inline-block;
  width: 4px;
  height: 4px;
  content: "";
  border-radius: 100%;
  background-color: #464646;
}
#m_main .m_continer1 .board_wp .board .tabcontent .list_box li .date {
  position: absolute;
  right: 0px;
  top: 2px;
  font-size: 13px;
  line-height: 14px;
  color: #7d7d7d;
  letter-spacing: -1px;
}
/*m_3*/
#m_main .m_continer3 {
  width: 100%;
  height: 300px;
  background-color: #f7f7f9;
  padding: 60px 0 0px 0;
}
#m_main .m_continer3 .main_board {
  width: 1250px;
  margin: 0 auto;
}
#m_main .m_continer3 .main_board .main_board1 {
  width: 600px;
  margin-right: 49px;
  float: left;
}
#m_main .m_continer3 .main_board .main_board2 {
  width: 600px;
  float: left;
}
/* m_cotiner3_main_board_list */
#m_main .m_continer3 .main_board .main_board1 .board_list table {
  width: 100%;
  border-top: 1px solid #a7aab0;
}
#m_main .m_continer3 .main_board .main_board1 .board_list table th {
  padding: 12px 0;
  font-size: 15px;
  line-height: 22px;
  color: #666;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
#m_main .m_continer3 .main_board .main_board1 .board_list table td {
  padding: 12px 0;
  font-size: 14px;
  line-height: 22px;
  color: #666;
  font-weight: normal;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
#m_main .m_continer3 .main_board .main_board1 .board_list table th {
  background: #eff3f6;
}
#m_main .m_continer3 .main_board .main_board1 .board_list table td.subject {
  text-align: left;
}
#m_main .m_continer3 .main_board .main_board1 .board_list table td.subject a {
  color: #555;
  position: relative;
  display: block;
  width: 69%;
  font-size: 15px;
  line-height: 15px;
  color: #363636;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#m_main .m_continer3 .main_board .main_board1 .board_list table td.subject a:hover {
  color: #009;
  text-decoration: none;
}
#m_main .m_continer3 .main_board .main_board1 .board_list table td.subject img {
  vertical-align: middle;
}
#m_main .m_continer3 .main_board .main_board1 .board_list table td.name span {
  color: #333;
}
#m_main .m_continer3 .main_board .main_board1 .board_list .head .subject {
  border-top: 2px solid #333;
  border-bottom: 1px solid #e5e5e5;
}
#m_main .m_continer3 .main_board .main_board1 .board_list .head .tea {
  border-top: 2px solid #333;
  border-bottom: 1px solid #e5e5e5;
}
#m_main .m_continer3 .main_board .main_board1 .board_list .head .type {
  border-bottom: 1px solid #a7aab0;
}
#m_main .m_continer3 .main_board .main_board1 .board_list .head .period {
  border-bottom: 1px solid #a7aab0;
}
#m_main .m_continer3 .main_board h2 {
  margin-bottom: 20px;
}
#m_main .m_continer3 .main_board h2 a {
  display: block;
  float: right;
  background-color: #fff;
  border: 1px solid #a7aab0;
  padding: 1px 6px;
}
/* main_board_list */
#m_main .m_continer3 .main_board .main_board2 .board_list table {
  width: 100%;
  border-top: 1px solid #a7aab0;
}
#m_main .m_continer3 .main_board .main_board2 .board_list table th {
  padding: 12px 0;
  font-size: 15px;
  line-height: 22px;
  color: #666;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
#m_main .m_continer3 .main_board .main_board2 .board_list table td {
  padding: 12px 0;
  font-size: 14px;
  line-height: 22px;
  color: #666;
  font-weight: normal;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
#m_main .m_continer3 .main_board .main_board2 .board_list table th {
  background: #eff3f6;
}
#m_main .m_continer3 .main_board .main_board2 .board_list table td.subject {
  text-align: left;
}
#m_main .m_continer3 .main_board .main_board2 .board_list table td.subject a {
  color: #555;
  position: relative;
  display: block;
  width: 69%;
  font-size: 15px;
  line-height: 15px;
  color: #363636;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#m_main .m_continer3 .main_board .main_board2 .board_list table td.subject a:hover {
  color: #009;
  text-decoration: underline;
}
#m_main .m_continer3 .main_board .main_board2 .board_list table td.subject img {
  vertical-align: middle;
}
#m_main .m_continer3 .main_board .main_board2 .board_list table td.name span {
  color: #333;
}
#m_main .m_continer3 .main_board .main_board2 .board_list .head .subject {
  border-top: 2px solid #333;
  border-bottom: 1px solid #e5e5e5;
}
#m_main .m_continer3 .main_board .main_board2 .board_list .head .period {
  border-right: 1px solid #a7aab0;
  border-bottom: 1px solid #e5e5e5;
}
#m_main .m_continer3 .main_board .main_board2 .board_list .head .type {
  border-bottom: 1px solid #a7aab0;
}
#m_main .m_continer3 .main_board .main_board2 .board_list .head .period {
  border-bottom: 1px solid #a7aab0;
}
/*m_4*/
#m_main .m_continer4 {
  width: 100%;
  height: 342px;
  margin-bottom: 60px;
}
#m_main .m_continer4 .continer4_wp {
  width: 1250px;
  margin: 0 auto;
}
#m_main .m_continer4 .continer4_1 {
  widht: 556px;
  float: left;
}
.mob_continer4_2 {
  width: 600px;
  float: left;
}
.mob_continer4_2 ul:after {
  content: "";
  display: block;
  clear: both;
}
#m_main .m_continer4 .continer4_1 .con4_tea {
  width: 614px;
  margin-right: 34px;
  border: 1px solid #a7aab0;
  height: 354px;
}
#m_main .m_continer4 .continer4_1 .con4_tea .tea_title {
  border-bottom: 1px solid #2365b3;
  padding: 20px 0px 20px 24px;
}
#m_main .m_continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo {
}
#m_main .m_continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo_of {
  margin-right: 0px;
}
#m_main .m_continer4 .continer4_1 .con4_tea .tea_photo .tea_name {
  font-size: 15px;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  width: 182px;
  position: relative;
  bottom: -208px;
}
#m_main .m_continer4 .continer4_1 .con4_tea .tea_photo ul li div {
  position: relative;
}
#m_main .m_continer4 .continer4_1 .con4_tea .tea_photo .tea_name .t_name {
}
#m_main .m_continer4 .continer4_1 .con4_tea .tea_photo {
}
#m_main .m_continer4 .continer4_1 h2 a {
  display: block;
  float: right;
  background-color: #fff;
  border: 1px solid #a7aab0;
  padding: 1px 6px;
  margin-right: 20px;
}
/* m_4수강후기 */
.mob_continer4_2 .board_list table {
  width: 100%;
  border-top: 1px solid #a7aab0;
}
.mob_continer4_2 .board_list table th {
  padding: 12px 0;
  font-size: 15px;
  line-height: 16px;
  color: #666;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
.mob_continer4_2 .board_list table td {
  padding: 12px 0;
  font-size: 14px;
  line-height: 16px;
  color: #666;
  font-weight: normal;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
.mob_continer4_2 .board_list table th {
  background: #eff3f6;
}
.mob_continer4_2 .board_list table td.subject {
  text-align: left;
}
.mob_continer4_2 .board_list table td.subject a {
  color: #555;
  position: relative;
  display: block;
  width: 69%;
  font-size: 15px;
  line-height: 15px;
  color: #363636;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mob_continer4_2 .board_list table td.subject a:hover {
  color: #009;
  text-decoration: underline;
}
.mob_continer4_2 .board_list table td.subject img {
  vertical-align: middle;
}
.mob_continer4_2 .board_list table td.name span {
  color: #333;
}
.mob_continer4_2 .board_list .head .subject {
  border-top: 2px solid #333;
  border-bottom: 1px solid #e5e5e5;
}
.mob_continer4_2 .board_list .head .tea {
  border-top: 2px solid #333;
  border-bottom: 1px solid #e5e5e5;
}
.mob_continer4_2 .board_list .head .type {
  border-bottom: 1px solid #a7aab0;
}
.mob_continer4_2 .board_list .head .period {
  border-bottom: 1px solid #a7aab0;
}
.mob_continer4_2 h2 {
  margin-bottom: 20px;
}
.mob_continer4_2 h2 a {
  display: block;
  float: right;
  background-color: #fff;
  border: 1px solid #a7aab0;
  padding: 1px 6px;
}
.mob_continer4_2 .con4_2_bn .con4_2_bn1 {
  width: 270px;
  height: 100px;
  background: #f2f4f7;
  margin-right: 14px;
  float: left;
  border: 1px solid #d2d2d2;
}
.mob_continer4_2 .con4_2_bn .con4_2_bn2 {
  width: 270px;
  height: 100px;
  background: #f2f4f7;
  float: left;
}
.mob_continer4_2 .con4_2_bn .con4_2_bn2 {
  width: 270px;
  height: 100px;
  background: #f2f4f7;
  float: left;
  border: 1px solid #d2d2d2;
}
/*m_4행사및이벤트배너*/
.mob_continer4_2 .con4_2_bn ul .con4_2_bn1_wp .con4_2_bn1 h3 {
  color: #000000;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 0 6px 0;
}
.mob_continer4_2 .con4_2_bn ul .con4_2_bn1_wp .con4_2_bn1 p {
  color: #000000;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 0 6px 0;
}
.mob_continer4_2 .con4_2_bn ul .con4_2_bn1_wp .con4_2_bn1 .bn_icon {
  top: 13px;
  height: 62px;
  background-image: url("/img/index/bn_go_icon1.png");
  background-repeat: no-repeat;
  display: block;
  float: right;
  padding-right: 70px;
  position: relative;
}
.mob_continer4_2 .con4_2_bn ul .con4_2_bn1 .bn_co {
  top: 6px;
  height: 12px;
  background-image: url("/img/index/bn_go_icon.png");
  background-repeat: no-repeat;
  display: block;
  float: right;
  padding-right: 269px;
  position: relative;
}
/*m_4어학연수/캠프*/
.mob_continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 h3 {
  color: #000000;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 0 6px 0;
}
.mob_continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 p {
  color: #000000;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 0 6px 0;
}
.mob_continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 .bn_icon2 {
  top: 13px;
  height: 62px;
  background-image: url("/img/index/bn_go_icon2.png");
  background-repeat: no-repeat;
  display: block;
  float: right;
  padding-right: 70px;
  position: relative;
}
.mob_continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 .bn_co {
  top: 6px;
  height: 12px;
  background-image: url("/img/index/bn_go_icon.png");
  background-repeat: no-repeat;
  display: block;
  float: right;
  padding-right: 269px;
  position: relative;
}
/*m5*/
#m_main .m_continer5 .continer5_wp {
  width: 100%;
  margin: 0 auto;
}
#m_main .m_continer5 .continer5_1 {
  widht: 556px;
  float: left;
}
#m_main .m_continer5 .continer5_2 {
  width: 600px;
  float: left;
  border: 1px solid #a7aab0;
}
#m_main .m_continer5 .continer5_1 .con5_gallery {
  border: 1px solid #a7aab0;
  height: 300px;
}
#m_main .m_continer5 .continer5_1 .con5_gallery .gallery_title {
  border-bottom: 1px solid #2365b3;
  margin-bottom: 20px;
  padding: 20px 0px 20px 24px;
}
#m_main .m_continer5 .continer5_1 .con5_gallery .gallery_photo .pho_name {
  font-size: 15px;
  text-align: left;
  height: 35px;
  color: #000;
  width: 280px;
  margin-top: 8px;
}
#m_main .m_continer5 .continer5_1 .con5_gallery .gallery_photo ul li div {
  position: relative;
}
#m_main .m_continer5 .continer5_1 .con5_gallery .gallery_photo {
}
/* m_자료실 */
#m_main .m_continer5 .continer5_2 .board_wp .board {
  position: relative;
  width: 550px;
  background-color: #fff;
  left: 25px;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .list {
}
#m_main .m_continer5 .continer5_2 .board_wp .board .list > li {
  float: left;
  width: 100%;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .tab_btn {
  display: block;
  position: relative;
  width: 100%;
  height: 40px;
  font-size: 18px;
  line-height: 50px;
  color: #636363;
  text-align: center;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .tab_btn i {
  display: none;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background-color: #a7aab0;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .tab_btn .line {
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 20%;
  height: 0px;
  background-color: #1a54aa;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .active .tab_btn {
  color: #2e3192;
  font-weight: 600;
  text-align: left;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .active .tab_btn i {
  display: block;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .tabcontent {
  display: none;
  position: absolute;
  top: 52px;
  left: 0;
  width: 100%;
  padding-top: 12px;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .list > li:first-child .tabcontent {
  display: block;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .list ul {
  overflow: hidden;
  height: 113px;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .list ul li {
  margin-top: 4px;
  background: url("../images/main/board_bu.png") no-repeat 0 10px;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .list ul li:first-child {
  margin: 0;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .list ul li a {
  display: block;
  padding: 0;
  font-size: 14px;
  color: #333;
  line-height: 1.8em;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .more {
  position: absolute;
  top: -42px;
  right: 0px;
  width: 24px;
  height: 24px;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .more a {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #a7aab0;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .more a span {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  padding-left: 5px;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .tabcontent .list_box li {
  position: relative;
  padding-bottom: 6px;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .tabcontent .list_box li a {
  position: relative;
  display: block;
  width: 69%;
  padding-left: 12px;
  font-size: 15px;
  line-height: 15px;
  color: #363636;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .tabcontent .list_box li a:hover {
  color: #000;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .tabcontent .list_box li a:before {
  position: absolute;
  left: 0;
  top: 5px;
  display: inline-block;
  width: 4px;
  height: 4px;
  content: "";
  border-radius: 100%;
  background-color: #464646;
}
#m_main .m_continer5 .continer5_2 .board_wp .board .tabcontent .list_box li .date {
  position: absolute;
  right: 30px;
  top: 2px;
  font-size: 13px;
  line-height: 14px;
  color: #7d7d7d;
  letter-spacing: -1px;
}
.mob_continer5_1 h2 a {
  display: block;
  float: right;
  background-color: #fff;
  border: 1px solid #a7aab0;
  padding: 1px 6px;
  margin-right: 20px;
}
input,
select {
  vertical-align: middle;
}
ol,
ul {
  list-style: none;
}
a {
  outline: 0;
  text-decoration: none;
  color: #333;
}
num a {
  color: 333;
}
.table3 tr td {
  padding: 10px;
}
.table3 tr td a {
  color: #fe8517;
}
.table3 tr td a:hover {
  color: #000;
}
.font02 {
  color: #fe8517;
}
.font02 a {
  color: #fe8517;
}
.font02 a:hover {
  color: #000;
}
.font03 {
  color: #266fcc;
  font-weight: 600;
}
.table3 tr td {
  padding: 8px;
}
.table4 tr td {
  padding: 12px;
}
.table5 tr td {
  padding: 3px;
}
.table6 {
  font-size: 13px;
}
.table6 tr td {
  padding: 8px;
}
.table_p tr td {
  padding: 8px 0 8px 8px;
}
#layer {
  display: none;
  width: 200px;
  border: 1px solid #ccc;
}
#this_menu {
  font-size: 15px;
  font-weight: bold;
}
#navi {
  font-size: 12px;
  color: #999;
}
/*main nav*/
#topMenu {
}
#topMenu ul {
  /* 메인 메뉴 안의 ul을 설정함: 상위메뉴의 ul+하위 메뉴의 ul */
  list-style-type: none; /* 메인 메뉴 안의 ul 내부의 목록 표시를 없애줌 */
  margin: 0px; /* 메인 메뉴 안의 ul의 margin을 없앰 */
  padding: 0px; /* 메인 메뉴 안의 ul의 padding을 없앰 */
  z-index: 100;
}
#topMenu ul li {
  /* 메인 메뉴 안에 ul 태그 안에 있는 li 태그의 스타일 적용(상위/하위메뉴 모두) */
  color: #333; /* 글씨 색을 흰색으로 설정 */
  float: left; /* 왼쪽으로 나열되도록 설정 */
  line-height: 36px; /* 텍스트 한 줄의 높이를 30px로 설정 */
  vertical-align: middle; /* 세로 정렬을 가운데로 설정 */
  text-align: center; /* 텍스트를 가운데로 정렬 */
  position: relative; /* 해당 li 태그 내부의 top/left 포지션 초기화 */
}
.menuLink,
.submenuLink {
  /* 상위 메뉴와 하위 메뉴의 a 태그에 공통으로 설정할 스타일 */
  text-decoration: none; /* a 태그의 꾸밈 효과 제거 */
  display: block; /* a 태그의 클릭 범위를 넓힘 */
  width: 160px; /* 기본 넓이를 150px로 설정 */
  font-size: 17px; /* 폰트 사이즈를 12px로 설정 */
  /* 폰트를 굵게 설정 */
}
.menuLink {
  color: #333;
  font-weight: 600;
  line-height: 48px;
}
.topMenuLi .menuLink {
  height: auto;
}
.topMenuLi {
  position: relative;
}
#topMenu ul .topMenuLi .submenu {
  flex-direction: column;
  gap: 0;
  justify-content: normal;
}
.topMenuLi:nth-child(6):after,
.topMenuLi:nth-child(7):after {
  display: none;
}
.topMenuLi:hover .menuLink {
  color: #005bab;
}
.submenuLink {
  /* 하위 메뉴의 a 태그 스타일 설정 */
  color: #2d2d2d; /* 글씨 색을 RGB(2D2D2D)로 설정 */
  background-color: white; /* 배경색을 흰색으로 설정 */
  height: 30px;
  line-height: 30px;
  font-size: 13px;
}
.longLink {
  /* 좀 더 긴 메뉴 스타일 설정 */
  width: 190px; /* 넓이는 190px로 설정 */
}
.submenu {
  /* 하위 메뉴 스타일 설정 */
  position: absolute; /* html의 flow에 영향을 미치지 않게 absolute 설정 */
  height: 0px; /* 초기 높이는 0px로 설정 */
  overflow: hidden; /* 실 내용이 높이보다 커지면 해당 내용 감춤 */
  transition: height 0.2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(기본) */
  -webkit-transition: height 0.2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 크롬/사파라ㅣ) */
  -moz-transition: height 0.2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 파폭) */
  -o-transition: height 0.2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 오페라) */
}
.topMenuLi:hover .submenu {
  /* 상위 메뉴에 마우스 모버한 경우 그 안의 하위 메뉴 스타일 설정 */
  height: 300px; /* 높이를 93px로 설정 */
}
.submenuLink:hover {
  /* 하위 메뉴의 a 태그의 마우스 오버 스타일 설정 */
  color: #fff; /* 글씨색을 빨간색으로 설정 */
  background-color: #005bab; /* 배경을 RGB(DDDDDD)로 설정  */
}
ul.submenu {
  top: 61px;
} /*서브메뉴높이*/
#topMenu ul li {
  /* 메인 메뉴 안에 ul 태그 안에 있는 li 태그의 스타일 적용(상위/하위메뉴 모두) */
  color: #333; /* 글씨 색을 흰색으로 설정 */
  float: left; /* 왼쪽으로 나열되도록 설정 */
  line-height: 36px; /* 텍스트 한 줄의 높이를 30px로 설정 */
  vertical-align: middle; /* 세로 정렬을 가운데로 설정 */
  text-align: center; /* 텍스트를 가운데로 정렬 */
  position: relative; /* 해당 li 태그 내부의 top/left 포지션 초기화 */
}
.menuLink,
.submenuLink {
  /* 상위 메뉴와 하위 메뉴의 a 태그에 공통으로 설정할 스타일 */
  text-decoration: none; /* a 태그의 꾸밈 효과 제거 */
  display: block; /* a 태그의 클릭 범위를 넓힘 */
  width: 160px; /* 기본 넓이를 150px로 설정 */
  font-size: 17px; /* 폰트 사이즈를 12px로 설정 */
  /* 폰트를 굵게 설정 */
}
.menuLink {
  /* 상위 메뉴의 글씨색을 흰색으로 설정 */
  color: #333;
  font-weight: 600;
}
.topMenuLi:hover .menuLink {
  /* 상위 메뉴의 li에 마우스오버 되었을 때 스타일 설정 */
  color: #005bab; /* 글씨 색 빨간색 */
  /* 배경색을 밝은 회색으로 설정background-color: #4d4d4d; */
}
.submenuLink {
  /* 하위 메뉴의 a 태그 스타일 설정 */
  color: #fff; /* 글씨 색을 RGB(2D2D2D)로 설정 */
  background-color: #027de5; /* 배경색을 흰색으로 설정 */
  /*  border: solid 1px black;    테두리를 설정 */
  margin-top: -7px; /* 위 칸의 하단 테두리와 아래칸의 상단 테두리가 겹쳐지도록 설덩 */
  font-size: 13px;
  transition: all 0.35s;
}
.longLink {
  /* 좀 더 긴 메뉴 스타일 설정 */
  width: 190px; /* 넓이는 190px로 설정 */
}
.submenu {
  /* 하위 메뉴 스타일 설정 */
  position: absolute; /* html의 flow에 영향을 미치지 않게 absolute 설정 */
  height: 0px; /* 초기 높이는 0px로 설정 */
  overflow: hidden; /* 실 내용이 높이보다 커지면 해당 내용 감춤 */
  transition: height 0.2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(기본) */
  -webkit-transition: height 0.2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 크롬/사파라ㅣ) */
  -moz-transition: height 0.2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 파폭) */
  -o-transition: height 0.2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 오페라) */
}
.topMenuLi:hover .submenu {
  /* 상위 메뉴에 마우스 모버한 경우 그 안의 하위 메뉴 스타일 설정 */
  height: 300px; /* 높이를 93px로 설정 */
}
.submenuLink:hover {
  /* 하위 메뉴의 a 태그의 마우스 오버 스타일 설정 */
  color: fff; /* 글씨색을 빨간색으로 설정 */
  background-color: #0071d0; /* 배경을 RGB(DDDDDD)로 설정  */
}
ul.submenu {
  top: 54px;
} /*서브메뉴높이*/
.topMenuLi:hover::before {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-top: 15px solid none;
  border-bottom: 15px solid #027de5;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  top: 40px;
  left: 30px;
}
.l_menu_tit {
  height: 59px;
  background: #005bab;
  color: #fff;
  font-family: "Nanum Gothic";
  font-size: 22px;
  font-weight: 400;
  padding: 37px 0 0px 23px;
}
.gnb_sub {
  width: 240px;
  margin: auto;
  border: 1px solid #e0e0e0;
}
.gnb_sub ul ul {
  display: none;
  /*서브메뉴영역*/
}
.gnb_sub ul {
  width: 240px;
  margin: 0px;
  padding: 0;
}
.gnb_sub > ul > li {
  display: block;
  width: 240px;
  height: 50px;
  border-bottom: 1px solid #e9e9e9;
}
.gnb_sub li a {
  display: block;
  width: 100%;
  height: 100%;
  font: 15px/25px "Nanum Gothic", sans-serif;
  text-decoration: none;
  text-indent: 24px;
  line-height: 48px;
  color: #333;
  font-weight: 600;
}
.gnb_sub li a:hover {
  color: #266fcc;
  background: #f1f7ff;
  /*background:url(/img/other/l_menu_on.gif) no-repeat;*/
}
/*버튼*/
.order_bt {
  width: 100px;
  background-color: #999;
  border: none;
  color: #fff;
  padding: 8px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  cursor: pointer;
}
.order_bt a {
  color: #fff;
}
.order_bt:hover {
  background-color: #666;
}
.order_bt00 {
  width: 200px;
  background-color: #999;
  border: none;
  color: #fff;
  padding: 8px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  cursor: pointer;
}
.order_bt00 a {
  color: #fff;
}
.order_bt00:hover {
  background-color: #666;
}
.order_bt2 {
  width: 60px;
  background-color: #ccc;
  border: none;
  color: #fff;
  padding: 4px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-top: 3px;
  cursor: pointer;
}
.order_bt2 a {
  color: #333;
}
.order_bt2:hover a {
  color: #686868;
}
.order_bt3 {
  width: 50px;
  background-color: #999999;
  border: none;
  color: #fff;
  padding: 3px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-top: 2px;
  cursor: pointer;
  vertical-align: middle;
}
.order_bt3 a {
  color: #fff;
}
.order_bt3:hover {
  background-color: #666;
  color: #fff;
}
.tab_bt1 {
  background-color: #999999;
  color: #fff;
  padding: 4px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
}
.tab_bt1 a {
  color: #fff;
}
.tab_bt1:hover {
  background-color: #666;
  color: #fff;
}
.sut1_4_bt {
  background-color: #999999;
  color: #fff;
  padding: 4px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
}
.sut1_4_bt a {
  color: #fff;
}
.sut1_4_bt:hover {
  background-color: #666;
  color: #fff;
}
/**/
.cen_bt2 {
  background-color: #999999;
  color: #fff;
  width: 50px;
  padding: 8px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
}
.cen_bt2 a {
  color: #fff;
}
.cen_bt2:hover {
  background-color: #666;
  color: #fff;
}
.stu_bt2 {
  background-color: #999999;
  color: #fff;
  width: 120px;
  padding: 8px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
}
.stu_bt2 a {
  color: #fff;
}
.stu_bt2:hover {
  background-color: #666;
  color: #fff;
}
.stu_bt2_1 {
  background-color: #999999;
  color: #fff;
  width: 102px;
  height: 30px;
  padding: 16px 0 0 4px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
}
.stu_bt2_1 a {
  color: #fff;
}
.stu_bt2_1:hover {
  background-color: #666;
  color: #fff;
}
.stu_bt2_2 {
  background-color: #999999;
  color: #fff;
  width: 80px;
  height: 30px;
  padding: 8px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
}
.stu_bt2_2 a {
  color: #fff;
}
.stu_bt2_2:hover {
  background-color: #666;
  color: #fff;
}
.dele_bt1 {
  background-color: #999999;
  color: #fff;
  padding: 2px 3px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 8px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
}
.dele_bt1 a {
  color: #fff;
}
.dele_bt1:hover {
  background-color: #666;
  color: #fff;
}
.cen_bt1 {
  background-color: #999999;
  color: #fff;
  padding: 30px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: top;
  border-radius: 2px;
}
.cen_bt1 a {
  color: #fff;
}
.cen_bt1:hover {
  background-color: #666;
  color: #fff;
}
.order_bt5 {
  background-color: #999999;
  color: #fff;
  padding: 3px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-top: 2px;
  cursor: pointer;
  vertical-align: top;
  border-radius: 2px;
}
.order_bt5 a {
  color: #fff;
}
.order_bt5:hover {
  background-color: #666;
  color: #fff;
}
.stu_bt1_1 {
  background-color: #999999;
  color: #fff;
  padding: 2px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold; /*cursor: pointer;*/
  vertical-align: middle;
  border-radius: 2px;
}
.stu_bt1_2 {
  background-color: #999999;
  color: #fff;
  padding: 2px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold; /*cursor: pointer;*/
  vertical-align: middle;
  border-radius: 2px;
}
.stu_bt1_3 {
  background-color: #999999;
  color: #fff;
  padding: 2px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold; /*cursor: pointer;*/
  vertical-align: middle;
  border-radius: 2px;
}
.stu_bt1_4 {
  background-color: #999999;
  color: #fff;
  padding: 2px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold; /*cursor: pointer;*/
  vertical-align: middle;
  border-radius: 2px;
}
.stu_bt1_5 {
  background-color: #999999;
  color: #fff;
  padding: 2px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold; /*cursor: pointer;*/
  vertical-align: middle;
  border-radius: 2px;
}
/*.stu_bt1 a{color:#fff;}
.stu_bt1:hover{background-color:#666; color:#fff;}*/
.font01 {
  color: #fe8517;
}
.font4_2 {
  font-size: 11px;
  line-height: 20px;
}
.font4_2 span {
  font-size: 12px;
}
.font4_2 span a {
  color: #fe8517;
}
.font4_2 span a:hover {
  color: #000;
}
.font4_2 pop {
  color: #fe8517;
  font-weight: bold;
}
.edu2_1_tit {
  font-size: 13px;
  color: #333;
  font-weight: bold;
  padding-bottom: 10px;
}
.edu6_2_tit {
  font-size: 13px;
  color: #333;
  font-weight: bold;
}
.edu2_2_tit {
  font-size: 14px;
  color: #333;
}
.edi_box td {
  border-bottom: 1px solid #c7c7c7;
  padding: 10px 2px;
}
.edi_box td ul {
  text-align: center;
}
.edi_box td ul li {
  display: inline-block;
  color: rgba(162, 162, 255, 0.3);
} /**/
#right_main .sub_c ul.list {
  width: 100%;
  border-top: 2px solid #333;
  margin-top: 20px;
}
#right_main .sub_c ul.list:after {
  content: "";
  display: block;
  clear: both;
}
#right_main .sub_c ul.list li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  line-height: 44px;
}
#right_main .sub_c ul.list li span.t {
  display: inline-block;
  zoom: 1;
  width: 105px;
  background: #f7f7f7;
  color: #333;
  padding-left: 15px;
}
#right_main .sub_c ul.list li span.c {
  display: inline-block;
  zoom: 1;
  color: #777;
  padding-left: 15px;
}
#right_main .sub_c ul.list li.col {
  width: 33.3%;
}
input[type="text"],
input[type="password"] {
  height: auto;
  line-height: normal;
  padding: 0.5em 0.5em;
  background: #fff;
  border: 1px solid #dddddd;
}
select {
  width: 20%; /* 원하는 너비설정 */
  padding: 0.6em 0.5em; /* 여백으로 높이 설정 */
  font-family: inherit; /* 폰트 상속 */
  background: url(/img/other/mg_ico_sel.jpg) no-repeat 95% 50%; /* 네이티브 화살표 대체 */
  border: 1px solid #dddddd;
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display: none;
}
.tab_tit_top {
  width: 20%;
  background-color: #f8f8f8;
  padding: 15px 0;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
  border-top: 1px solid #151515;
  text-align: center;
}
.tab_c_top {
  background-color: #fff;
  padding-left: 15px;
  border-bottom: 1px solid #dedede;
  border-top: 1px solid #151515;
}
.tab_tit {
  width: 20%;
  background-color: #f8f8f8;
  padding: 15px 0 15px 0;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
}
.tab_c {
  background-color: #fff;
  padding-left: 15px;
  border-bottom: 1px solid #dedede;
}
.top_menubt {
  background-color: #2953c7;
  color: #fff;
  width: 160px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 0px;
}
.top_menubt a {
  color: #fff;
}
.top_menubt:hover {
  background-color: #666;
  color: #fff;
}
.tab_bt2 {
  background-color: #005bab;
  color: #fff;
  width: 130px;
  padding: 12px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
}
.tab_bt2#btnStudent,
.tab_bt2#btnfinStudent,
.tab_bt2#btnfinTutor,
.tab_bt2#btnfinAcademy,
.tab_bt2#btnfinCompany {
  background-color: var(--color-main);
}
.comm_bgcolor_main {
  color:#fff !important;
  background-color: var(--color-main) !important;
  border-color: var(--color-main) !important;
}
.comm_bgbdcolor_main{
  border: 1px solid var(--color-main) !important;
  background-color: var(--color-main) !important;
}
.comm_bdcolor_main {
  border: 1px solid var(--color-main) !important;
  color: var(--color-main) !important;
  background-color: #fff !important;
}
.comm_btncolor_normal{
  background-color: transparent !important;
  color: #989898 !important;
  border: 1px solid #c9c9c9 !important;
}

.tab_bt2 a {
  color: #fff;
}
.tab_bt2:hover {
  background-color: #007eec;
  color: #fff;
}
.tab_bt2-2 {
  background-color: #666;
  color: #fff;
  width: 130px;
  padding: 12px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
}
.tab_bt2-2 a {
  color: #fff;
}
.tab_bt2-2:hover {
  background-color: #333;
  color: #fff;
}
.tab_bt2_pop {
  background-color: #005bab;
  color: #fff;
  padding: 10px 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
  margin-top: 15px;
}
.tab_bt2_pop a {
  color: #fff;
}
.tab_bt2_pop:hover {
  background-color: #007eec;
  color: #fff;
}
.tab_bt2-2_pop {
  background-color: #666;
  color: #fff;
  padding: 10px 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
  margin-top: 15px;
}
.tab_bt2-2_pop a {
  color: #fff;
}
.tab_bt2-2_pop:hover {
  background-color: #333;
  color: #fff;
}
.tab_bt3 {
  background-color: #1591dc;
  color: #fff;
  width: 130px;
  padding: 12px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
}
.tab_bt3 a {
  color: #fff;
}
.tab_bt3:hover {
  background-color: #666;
  color: #fff;
}
.nb_mar {
  display: block;
  margin: 0 2%;
}
.logo2 {
  width: 160px;
  height: 100px;
  float: left;
}
.logo2 img {
}
.cp_txt span {
  font-size: 15px;
}
.cp_txt2 {
  display: flex;
  gap: 20px;
  margin-bottom: 32px;
}
.cp_txt2 span {
  color: #000;
  font-size: 12px;
  padding: 0;
  font-weight: 700;
}
.cp_txt2 a {
  color: var(--footer-menu-color);
  font-size: 14px;
  font-weight: 700;
}
.cp_txt2 a:hover {
  color: var(--footer-menu-hover-color);
  text-decoration: underline;
}
.cp_txt3 {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.4;
}
.cp_txt3 span {
  font-size: 12px;
  padding: 0 20px;
}
.c_tit {
  padding-bottom: 10px;
  font-size: 16px;
}
/*c_font*/
.font01 {
  font-family: "Nanum Gothic";
  font-size: 14px;
  color: #333;
  font-weight: 600;
  word-break: keep-all;
}
.font_sm01 {
  font-family: "Nanum Gothic";
  font-size: 12px;
  color: #333;
  font-weight: 600;
  word-break: keep-all;
  display: block;
  line-height: 149%;
}
.font_sm02 {
  font-family: "Nanum Gothic";
  font-size: 12px;
  color: #333;
  word-break: keep-all;
  display: block;
  margin-bottom: 2%;
}
/*join*/
.j_fom_tit {
  padding: 10px;
  text-align: center;
  background: #cdcdcd;
  font-size: 12px;
  word-break: keep-all;
  font-weight: 600;
}
.j_fom_tit2 {
  padding: 10px;
  text-align: center;
  background: #e6e6e6;
  font-size: 12px;
  word-break: keep-all;
  line-height: 149%;
}
.log_bt {
  background-color: var(--color-main);
  color: #fff;
  width: 200px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
}
.log_bt a {
  color: #fff;
}
.log_bt:hover {
  /* background-color: #1591dc; */
  /* color: #fff; */
}
.id_pw_bt {
  background-color: #999999;
  color: #fff;
  padding: 8px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-top: 2px;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
}
.id_pw_bt a {
  color: #fff;
}
.id_pw_bt:hover {
  background-color: #666;
  color: #fff;
}
.log_tit {
  width: 15%;
  background-color: #fff; /*padding:15px 0 15px 15px;*/
  font-size: 14px;
  font-weight: 600;
}
/* board_list */
#bs_b .board_list table {
  width: 100%;
  /* border-top: 2px solid #333; */
}
#bs_b .board_list table th {
  /* padding: 12px 0; */
  /* font-size: 13px;
  line-height: 22px;
  color: #666; */
  /* border-bottom: 1px solid #e5e5e5; */
  text-align: center;
}
#bs_b .board_list table td {
  /* padding: 12px 0; */
  font-size: 13px;
  line-height: 22px;
  /* color: #666; */
  font-weight: normal;
  /* border-bottom: 1px solid #e5e5e5; */
  /* text-align: center; */
}
#bs_b .board_list table th {
  /* background: #F8F8F8; */
}
#bs_b .board_list table td.subject {
  text-align: left;
}
#bs_b .board_list table td.subject a {
  color: #555;
}
#bs_b .board_list table td.subject a:hover {
  color: #009;
  text-decoration: underline;
}
#bs_b .board_list table td.subject img {
  vertical-align: middle;
}
#bs_b .board_list table td.name span {
  color: #333;
}
#bs_b .board_list_foot {
  position: relative;
  width: 100%;
  margin-top: 5%;
}
#bs_b .board_list_foot .btns {
  position: absolute;
  right: 0;
  top: -6px;
}
#bs_b .board_list_foot .btns a {
  display: inline-block;
  width: 120px;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  line-height: 38px;
  font-size: 16px;
  color: #fff;
  background-color: var(--color-main);
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
/* #bs_b .board_list_foot .btns a:hover {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #666;
} */
#bs_b .board_list_foot .search_box {
  text-align: center;
  margin: 20px 0 30px 0;
}
#bs_b .board_list_foot .search_box select {
  border: 1px solid #e5e5e5;
  font-size: 13px;
  color: #666;
  padding: 0.5em 30px 0.5em 6px;
  min-width: 100px;
}
#bs_b .board_list_foot .search_box input[type="text"] {
  border: 1px solid #e5e5e5;
  width: 150px;
  /* background: #f5f5f5; */
  padding: 0.5em 6px 0.5em 6px;
  font-size: 13px;
  color: #666;
}
#bs_b .board_list_foot .search_box input[type="submit"] {
  width: 50px;
  height: 27px;
  background: #aaa;
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 13px;
  cursor: pointer;
}
#bs_b .board_list_foot .search_box2 {
  text-align: center;
  margin-top: 20px;
}
#bs_b .board_list_foot .search_box2 select {
  border: 1px solid #e5e5e5;
  font-size: 13px;
  color: #666;
  padding: 4px 4px;
  width: 100px;
}
#bs_b .board_list_foot .search_box2 input[type="text"] {
  border: 1px solid #e5e5e5;
  height: 25px;
  line-height: 25px;
  width: 100px;
  background: #f5f5f5;
  padding: 0 5px;
  font-size: 13px;
  color: #666;
}
#bs_b .board_list_foot .search_box2 input[type="submit"] {
  width: 50px;
  height: 27px;
  background: #aaa;
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 13px;
  cursor: pointer;
}
#bs_b .notice td {
  background: #fafafa;
  font-weight: 600;
  color: #333;
}
#bs_b .notice a {
  font-weight: 600;
  color: #333;
}
#bs_b .notice a:hover {
  font-weight: 600;
  color: #333;
  text-decoration: underline;
}
/*리스트모바일*/
#bs_b .board_list_foot_m {
  position: relative;
  width: 100%;
  margin-top: 20px;
}
#bs_b .board_list_foot_m .btns_m {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
}
#bs_b .board_list_foot_m .btns_m a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #dd2a2d;
}
#bs_b .board_list_foot_m .btns_m a:hover {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #666;
}
/**/
#bs_b .board_list_foot_m2 {
  position: relative;
  width: 100%;
  margin-top: 20px;
}
#bs_b .board_list_foot_m2 .btns_m2 {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
}
#bs_b .board_list_foot_m2 .btns_m2 a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #dd2a2d;
}
/* common_m txt_btn0*/
#bs_b .paginate_m {
  width: 100%;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 15px;
}
#bs_b .paginate_m a.curr {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 6px;
  height: 19px;
  line-height: 19px;
  border: 1px solid #757575;
  font-size: 12px;
  color: #005bab;
  margin: 0 2px;
}
#bs_b .paginate_m a.curr:hover {
  background: #fff;
}
#bs_b .paginate_m a.link {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 6px;
  height: 19px;
  line-height: 19px;
  border: 1px solid #e6e6e6;
  font-size: 12px;
  color: #606060;
  margin: 0 2px;
}
#bs_b .paginate_m a.first {
  width: 20px;
  padding: 0;
  background: url(/img/other/ico_paginate_first.gif) 5px 5px no-repeat;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
#bs_b .paginate_m a.prev {
  width: 20px;
  padding: 0;
  background: url(/img/other/ico_paginate_prev.gif) 5px 5px no-repeat;
  margin-right: 6px;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
#bs_b .paginate_m a.next {
  width: 20px;
  padding: 0;
  background: url(/img/other/ico_paginate_next.gif) 5px 5px no-repeat;
  margin-left: 6px;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
#bs_b .paginate_m a.end {
  width: 20px;
  padding: 0;
  background: url(/img/other/ico_paginate_end.gif) 5px 5px no-repeat;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
#bs_b .paginate_m a:hover {
  border: 1px solid #757575;
}
#bs_b span.msg {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 12px;
  color: #e83e3e;
  margin-left: 10px;
}
#bs_b .board_list_foot .search_box_m {
  text-align: center;
  margin-top: 20px;
}
/* common_m txt_btnx*/
#bs_b .paginate_m2 {
  width: 100%;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 15px;
}
#bs_b .paginate_m2 a.curr {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 6px;
  height: 19px;
  line-height: 19px;
  border: 1px solid #757575;
  font-size: 12px;
  color: #005bab;
  margin: 0 2px;
}
#bs_b .paginate_m2 a.curr:hover {
  background: #fff;
}
#bs_b .paginate_m2 a.link {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 6px;
  height: 19px;
  line-height: 19px;
  border: 1px solid #e6e6e6;
  font-size: 12px;
  color: #606060;
  margin: 0 2px;
}
#bs_b .paginate_m2 a.first {
  width: 20px;
  padding: 0;
  background: url(/img/other/ico_paginate_first.gif) 5px 5px no-repeat;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
#bs_b .paginate_m2 a.prev {
  width: 20px;
  padding: 0;
  background: url(/img/other/ico_paginate_prev.gif) 5px 5px no-repeat;
  margin-right: 6px;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
#bs_b .paginate_m2 a.next {
  width: 20px;
  padding: 0;
  background: url(/img/other/ico_paginate_next.gif) 5px 5px no-repeat;
  margin-left: 6px;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
#bs_b .paginate_m2 a.end {
  width: 20px;
  padding: 0;
  background: url(/img/other/ico_paginate_end.gif) 5px 5px no-repeat;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
#bs_b .paginate_m2 a:hover {
  border: 1px solid #757575;
}
#bs_b span.msg {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 12px;
  color: #e83e3e;
  margin-left: 10px;
}
/* board_list */
#bs_b2 .board_list table {
  width: 100%;
  border-top: 2px solid #333;
}
#bs_b2 .board_list table th {
  padding: 12px 0;
  font-size: 15px;
  line-height: 22px;
  color: #666;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
#bs_b2 .board_list table td {
  padding: 12px 0;
  font-size: 14px;
  line-height: 22px;
  color: #666;
  font-weight: normal;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
#bs_b2 .board_list table th {
  background: #eff3f6;
}
#bs_b2 .board_list table td.subject {
  text-align: left;
}
#bs_b2 .board_list table td.subject a {
  color: #555;
}
#bs_b2 .board_list table td.subject a:hover {
  color: #009;
  text-decoration: underline;
}
#bs_b2 .board_list table td.subject img {
  vertical-align: middle;
}
#bs_b2 .board_list table td.name span {
  color: #333;
}
#bs_b2 .board_list_foot {
  position: relative;
  width: 100%;
  margin-top: 20px;
}
#bs_b2 .board_list_foot .btns {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
}
#bs_b2 .board_list_foot .btns a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #dd2a2d;
}
#bs_b2 .board_list_foot .btns a:hover {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #666;
}
#bs_b2 .board_list_foot .search_box {
  text-align: center;
  margin-top: 20px;
}
#bs_b2 .board_list_foot .search_box select {
  border: 1px solid #e5e5e5;
  font-size: 13px;
  color: #666;
  padding: 4px 4px;
  width: 100px;
}
#bs_b2 .board_list_foot .search_box input[type="text"] {
  border: 1px solid #e5e5e5;
  height: 25px;
  line-height: 25px;
  width: 150px;
  background: #f5f5f5;
  padding: 0 5px;
  font-size: 13px;
  color: #666;
}
#bs_b2 .board_list_foot .search_box input[type="submit"] {
  width: 50px;
  height: 27px;
  background: #aaa;
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 13px;
  cursor: pointer;
}
/* common */
#bs_b .paginate {
  width: 100%;
  text-align: center;
  margin-top: 5%;
}
#bs_b .paginate a.curr {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 6px;
  height: 19px;
  line-height: 19px;
  border: 1px solid #757575;
  font-size: 12px;
  color: #005bab;
  margin: 0 2px;
}
#bs_b .paginate strong {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 6px;
  height: 19px;
  line-height: 19px;
  border: 1px solid #757575;
  font-size: 12px;
  color: #005bab;
  margin: 0 2px;
}
#bs_b .paginate a.curr:hover {
  background: #fff;
}
#bs_b .paginate a.link {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 6px;
  height: 19px;
  line-height: 19px;
  border: 1px solid #e6e6e6;
  font-size: 12px;
  color: #606060;
  margin: 0 2px;
}
#bs_b .paginate a.first {
  width: 20px;
  padding: 0;
  background: url(/img/other/ico_paginate_first.gif) 5px 5px no-repeat;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
#bs_b .paginate a.prev {
  width: 20px;
  padding: 0;
  background: url(/img/other/ico_paginate_prev.gif) 5px 5px no-repeat;
  margin-right: 6px;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
#bs_b .paginate a.next {
  width: 20px;
  padding: 0;
  background: url(/img/other/ico_paginate_next.gif) 5px 5px no-repeat;
  margin-left: 6px;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
#bs_b .paginate a.end {
  width: 20px;
  padding: 0;
  background: url(/img/other/ico_paginate_end.gif) 5px 5px no-repeat;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
#bs_b .paginate a:hover {
  border: 1px solid #757575;
}
#bs_b span.msg {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 12px;
  color: #e83e3e;
  margin-left: 10px;
}
/*0624추가 게시판 가로사이즈*/
.no {
  width: 10%;
}
.name {
  width: 10%;
}
.signdate {
  width: 15%;
}
.view {
  width: 10%;
}
.subject {
  width: 55%;
}
/*20191031*/
.item_area .item .subject {
  width: 100%;
  font-weight: bold;
}
.item_area .item .signdate {
  width: 100%;
}
.item_area .item .view {
  width: 100%;
}
fieldset {
  display: block;
  -webkit-margin-start: 2px;
  -webkit-margin-end: 2px;
  -webkit-padding-before: 0.35em;
  -webkit-padding-start: 0.75em;
  -webkit-padding-end: 0.75em;
  -webkit-padding-after: 0.625em;
  min-width: -webkit-min-content;
  border-width: 2px;
  border-style: groove;
  border-color: threedface;
  border-image: initial;
  border: none;
} /**/
.search_bt {
  background-color: #999999;
  color: #fff;
  padding: 0.5em 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  cursor: pointer;
  vertical-align: top;
}
.search_bt a {
  color: #fff;
}
.search_bt:hover {
  background-color: #666;
  color: #fff;
}
/*모바일검색버튼*/
.search_bt_m {
  background-color: #999999;
  color: #fff;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  cursor: pointer;
  vertical-align: top;
}
.search_bt_m a {
  color: #fff;
}
.search_bt_m:hover {
  background-color: #666;
  color: #fff;
}
.search_bt2 {
  background-color: #999999;
  color: #fff;
  float: right;
  padding: 6px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: top;
}
.search_bt2 a {
  color: #fff;
}
.search_bt2:hover {
  background-color: #666;
  color: #fff;
}
.bs_b1 .b_line {
  border-bottom: 1px solid #ccc;
  font-size: 13px;
}
.b_line td a {
  color: #555;
  font-size: 12px;
}
.b_line td a:hover {
  color: #009;
  text-decoration: underline;
}
/**/
.cen_tab_tit_top {
  width: 20%;
  padding: 15px 0 15px 40px;
  font-size: 12px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
  border-top: 2px solid #151515;
  background: url(/img/other/ico_move_prev.gif) 16px 18px no-repeat #f8f8f8;
}
.cen_tab_c_top {
  background-color: #fff;
  padding-left: 15px;
  border-bottom: 1px solid #dedede;
  border-top: 2px solid #151515;
  font-size: 13px;
}
.cen_tab_tit {
  width: 20%;
  background-color: #f8f8f8;
  padding: 15px 0 15px 15px;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
}
.cen_tab_c {
  background-color: #fff;
  padding-left: 15px;
  border-bottom: 1px solid #dedede;
}
.cen_tab_tit_top_next {
  width: 20%;
  padding: 15px 0 15px 40px;
  font-size: 12px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
  background: url(/img/other/ico_move_next.gif) 16px 18px no-repeat #f8f8f8;
}
.cen_tab_c_top {
  background-color: #fff;
  padding-left: 15px;
  border-bottom: 1px solid #dedede;
  border-top: 2px solid #151515;
}
.cen_tab_tit {
  width: 20%;
  background-color: #f8f8f8;
  padding: 15px 0 15px 15px;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
}
.cen_tab_c {
  background-color: #fff;
  padding-left: 15px;
  border-bottom: 1px solid #dedede;
}
.bs_b1 .b_line .b1_tab_tit_top {
  width: 10%;
  background-color: #f8f8f8;
  padding: 15px 0 15px 0px;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
  border-top: 1px solid #151515;
  text-align: center;
}
.bs_b1 .b_line .b1_tab_c_top {
  background-color: #fff;
  padding-left: 15px;
  border-bottom: 1px solid #dedede;
  border-top: 1px solid #151515;
}
.bs_b1 .b_line .b1_tab_tit {
  width: 10%;
  background-color: #f8f8f8;
  padding: 15px 0 15px 0px;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
  text-align: center;
}
.bs_b1 .b_line .b1_tab_c {
  background-color: #fff;
  padding-left: 15px;
  border-bottom: 1px solid #dedede;
}
.bs_b2 .b_line2 .b2_tab_tit_top {
  width: 10%;
  background-color: #f8f8f8;
  padding: 15px 0 15px 0px;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
  border-top: 2px solid #151515;
  text-align: center;
}
.bs_b2 .b_line2 .b2_tab_c_top {
  background-color: #fff;
  padding-left: 15px;
  border-bottom: 1px solid #dedede;
  border-top: 2px solid #151515;
}
.bs_b2 .b_line2 .b2_tab_tit {
  width: 10%;
  background-color: #f8f8f8;
  padding: 4px 0 4px 0px;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
  text-align: center;
}
.bs_b2 .b_line2 .b2_tab_c {
  background-color: #fff;
  padding-left: 15px;
  border-bottom: 1px solid #dedede;
}
/*교육안내 고용보험환급제도*/
.app_tab_tit_top {
  width: 20%;
  padding: 2% 2% 2% 3%;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
  border-top: 2px solid #151515;
  background: #f8f8f8;
}
.app_tab_c_top {
  background-color: #fff;
  padding-left: 15px;
  border-bottom: 1px solid #dedede;
  border-top: 2px solid #151515;
  font-size: 13px;
}
.app_tab_tit {
  width: 20%;
  background-color: #f8f8f8;
  padding: 15px 0 15px 15px;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
}
.app_tab_c {
  background-color: #fff;
  padding-left: 15px;
  border-bottom: 1px solid #dedede;
}
.app_tab_c1 {
  background-color: #fff;
  padding-left: 15px;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
.app_tab_tit_top_next {
  width: 20%;
  padding: 2% 2% 2% 3%;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
  background: #f8f8f8;
}
.app_tab_c_top {
  background-color: #eff3f6;
  padding-left: 15px;
  border-bottom: 1px solid #dedede;
  border-top: 2px solid #151515;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.app_tab_tit {
  width: 20%;
  background-color: #f8f8f8;
  padding: 15px 0 15px 15px;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
}
.app_tab_c {
  width: 40%;
  background-color: #fff;
  padding-left: 15px;
  border-bottom: 1px solid #dedede;
  line-height: 149%;
}
/*교육안내 훈련과정 개발절차*/
.app4_tab_tit_top {
  width: 25%;
  padding: 4% 2% 4% 3%;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
  border-top: 2px solid #151515;
  background: #f8f8f8;
}
.app4_tab_c_top {
  background-color: #fff;
  border-bottom: 1px solid #dedede;
  border-top: 2px solid #151515;
  font-size: 13px;
  line-height: 149%;
}
.app4_tab_tit {
  width: 20%;
  background-color: #f8f8f8;
  padding: 15px 0 15px 15px;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
}
.app4_tab_c {
  background-color: #fff;
  padding-left: 15px;
  border-bottom: 1px solid #dedede;
}
.app4_tab_c1 {
  width: 25%;
  background-color: #fff;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  text-align: center;
}
.app4_tab_tit_top_next {
  padding: 2%;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
  text-align: center;
  background: #f8f8f8;
}
.app4_tab_c_top {
  background-color: #eff3f6;
  border-bottom: 1px solid #dedede;
  border-top: 2px solid #151515;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.app4_tab_tit {
  width: 20%;
  background-color: #f8f8f8;
  padding: 15px 0 15px 15px;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #dedede;
}
.app4_tab_c {
  width: 25%;
  background-color: #fff;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  line-height: 149%;
  text-align: center;
}
.app4_tab_c3 {
  width: 25%;
  background-color: #fff;
  border-bottom: 1px solid #dedede;
  line-height: 149%;
  text-align: center;
}
.app4_tab_c_top span {
  font-size: 13px;
  color: #838383;
}
.app4_tab_tit_top_next span {
  font-size: 13px;
  color: #838383;
}
.app4_tab_tit_top_next ul li {
  width: 50%;
  float: left;
  box-sizing: border-box;
}
/* board_gallery_list
#bs_b .board_gallery_list{position:relative; width:100%; border-top:2px solid #333;}
#bs_b .board_gallery_list .item_area{position:relative; left:; top:0; width:100%; padding:24px 0; border-bottom:1px solid #e5e5e5}
#bs_b .board_gallery_list .item_area ul.item{width:102%}
#bs_b .board_gallery_list .item_area ul.item:after{content:''; display:block; clear:both}
#bs_b .board_gallery_list .item_area ul.item li{visibility:hidden; position:relative; float:left; width:24%; margin-right:1%}
#bs_b .board_gallery_list .item_area ul.item li .img{position:relative; overflow:hidden}
#bs_b .board_gallery_list .item_area ul.item li .img img{position:absolute; left:0; top:0; max-width:none}
#bs_b .board_gallery_list .item_area ul.item li .subject{margin-top:5px; margin-bottom:5px; overflow:hidden}
#bs_b .board_gallery_list .item_area ul.item li .subject a{font-size:13px; line-height:20px; color:#666}
#bs_b .board_gallery_list .item_area ul.item li .subject span.comment{font-size:12px; line-height:20px; color:#999}
#bs_b .board_gallery_list .item_area ul.item li .subject img{vertical-align:middle}
#bs_b .board_gallery_list .item_area ul.item li .signdate{margin-top:0px}
#bs_b .board_gallery_list .item_area ul.item li .signdate,
#bs_b .board_gallery_list .item_area ul.item li .view{font-size:11px; line-height:16px; color:#999}*/
/**/
#bs_b .board_gallery_list .item_area ul.item li .subject {
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: hidden;
}
#bs_b .board_gallery_list .item_area ul.item li .subject a {
  font-size: 14px;
  line-height: 20px;
  color: #666;
}
#bs_b .board_gallery_list .item_area ul.item li .subject span.comment {
  font-size: 12px;
  line-height: 20px;
  color: #999;
}
#bs_b .board_gallery_list .item_area ul.item li .subject img {
  vertical-align: middle;
}
#bs_b .board_gallery_list .item_area ul.item li .signdate {
  margin-top: 0px;
}
#bs_b .board_gallery_list .item_area ul.item li .signdate,
#bs_b .board_gallery_list .item_area ul.item li .view {
  font-size: 12px;
  line-height: 16px;
  color: #999;
}
#bs_b .board_gallery_list .item_area ul.item li .price {
  margin-top: 5px;
  font-size: 14px;
}
#bs_b .board_gallery_list .item_area ul.item li .stu_icon_img {
  margin: 4px 0 4px 0;
}
#bs_b .board_gallery_list .item_area ul.item li {
  width: 23.2%;
  float: left;
  margin-right: 2.2%;
  margin-bottom: 2%;
}
/* board_stu_list
#bs_b .board_stu_list{position:relative; width:100%; border-top:2px solid #333;}
#bs_b .board_stu_list .item_area{position:relative; left:; top:0; width:100%; padding:24px 0; border-bottom:1px solid #e5e5e5}
#bs_b .board_stu_list .item_area ul.item{width:102%}
#bs_b .board_stu_list .item_area ul.item:after{content:''; display:block; clear:both}
#bs_b .board_stu_list .item_area ul.item li{visibility:hidden; position:relative; float:left; width:24.9%;}
#bs_b .board_stu_list .item_area ul.item li .img{position:relative; overflow:hidden}
#bs_b .board_stu_list .item_area ul.item li .img img{position:absolute; left:0; top:0; max-width:none}*/
#bs_b .board_stu_list .item_area ul.item li .subject {
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: hidden;
}
#bs_b .board_stu_list .item_area ul.item li .subject a {
  font-size: 14px;
  line-height: 20px;
  color: #666;
}
#bs_b .board_stu_list .item_area ul.item li .subject span.comment {
  font-size: 12px;
  line-height: 20px;
  color: #999;
}
#bs_b .board_stu_list .item_area ul.item li .subject img {
  vertical-align: middle;
}
#bs_b .board_stu_list .item_area ul.item li .signdate {
  margin-top: 0px;
}
#bs_b .board_stu_list .item_area ul.item li .signdate,
#bs_b .board_stu_list .item_area ul.item li .view {
  font-size: 12px;
  line-height: 16px;
  color: #999;
}
#bs_b .board_stu_list .item_area ul.item li .price {
  margin-top: 5px;
  font-size: 12px;
}
#bs_b .board_stu_list .item_area ul.item li .stu_icon_img {
  margin: 4px 0 4px 0;
}
#bs_b .board_stu_list .item_area ul.item {
  margin-bottom: 4%;
}
#bs_b .board_stu_list .item_area ul.item:after {
  content: "";
  display: block;
  clear: both;
}
#bs_b .board_stu_list .item_area ul.item li {
  width: 220px;
  float: left;
  margin-right: 2.2%;
}
/*my3_1*/
#bs_b .board_my_list .item_area ul.item li .subject {
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: hidden;
}
#bs_b .board_my_list .item_area ul.item li .subject a {
  font-size: 14px;
  line-height: 20px;
  color: #666;
}
#bs_b .board_my_list .item_area ul.item li .subject span.comment {
  font-size: 12px;
  line-height: 20px;
  color: #999;
}
#bs_b .board_my_list .item_area ul.item li .subject img {
  vertical-align: middle;
}
#bs_b .board_my_list .item_area ul.item li .signdate {
  margin-top: 0px;
}
#bs_b .board_my_list .item_area ul.item li .signdate,
#bs_b .board_my_list .item_area ul.item li .view {
  font-size: 12px;
  line-height: 16px;
  color: #999;
}
#bs_b .board_my_list .item_area ul.item li .signdate2 {
  font-size: 12px;
  line-height: 16px;
  color: #999;
}
#bs_b .board_my_list .item_area ul.item li .price {
  margin-top: 5px;
  font-size: 14px;
}
#bs_b .board_my_list .item_area ul.item li .stu_icon_img {
  margin: 4px 0 4px 0;
}
.font5_2 {
  font-size: 14px;
  line-height: 20px;
}
.font5_2 a {
  color: #fe8517;
}
.font5_2 a:hover {
  color: #000;
}
/**/
.font6 {
  font-size: 14px;
  line-height: 20px;
}
.font6 a {
  color: #555;
}
.font6 a:hover {
  color: #009;
}
/*채점*/
.mar1 {
  width: 20px;
  height: 20px;
  background: red;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.mar2 {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid red;
}
.mar3 {
  font-size: 34px;
  font-weight: 900;
  color: red;
}
#bs_b .board_list_foot .btns2 {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
}
#bs_b .board_list_foot .btns btns22 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #818181;
}
#bs_b .board_list_foot .btns btns22:hover {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #666;
}
#bs_b .board_list_foot .btns_m {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
}
#bs_b .board_list_foot .btns_m a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #dd2a2d;
}
#bs_b .board_list_foot .btns_m a:hover {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #666;
}
.my4_4_bt {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #999;
}
.my4_4_bt a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #999;
}
.my4_4_bt:hover {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #666;
}
.my4_4_bt2 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #dd2a2d;
}
.my4_4_bt2 a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #dd2a2d;
}
.my4_4_bt2:hover {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #666;
}
.my4_4_bt3 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #dd2a2d;
}
.my4_4_bt3 a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #999;
}
.my4_4_bt3:hover {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #666;
}
#bs_b .board_list_foot .btns btns22 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #818181;
}
#bs_b .board_list_foot .btns btns22:hover {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  background: #666;
}
/* Horizontal Bar Graph */
.hGraph ul {
  margin: 0 50px 0 50px;
  padding: 1px 0 0 0;
  border: 1px solid #ddd;
  border-top: 0;
  border-right: 0;
  font-size: 11px;
  font-family: Tahoma, Geneva, sans-serif;
  list-style: none;
}
.hGraph li {
  position: relative;
  margin: 10px 0;
  white-space: nowrap;
  vertical-align: top;
}
.hGraph .gTerm {
  position: absolute;
  width: 40px;
  top: 0;
  left: -50px;
  line-height: 20px;
  text-align: left;
  color: #767676;
  font-weight: bold;
}
.hGraph .gBar {
  position: relative;
  display: inline-block;
  height: 20px;
  border: 1px solid #ccc;
  border-left: 0;
  background: #e9e9e9;
}
.hGraph .gBar span {
  position: absolute;
  width: 40px;
  line-height: 20px;
  top: 0;
  right: -50px;
  color: #767676;
}
.hGraph .gBar .ppppp {
  width: 100%;
  position: absolute;
  margin-left: -5px;
  top: 36px;
}
.hGraph_num {
  width: 100%;
}
.hGraph_num ul {
  margin: 0 50px 0 50px;
  padding: 1px 0 0 0;
}
.hGraph_num ul li {
  width: 20%;
  float: left;
}
.hGraph_num::after {
  content: "";
  display: block;
  clear: both (left or right);
}
.id_p1 {
  width: 30%;
}
.cer_1 {
  margin-right: 20px;
}
.join_f_1 {
  width: 40%;
}
.join_f_2 {
  width: 20%;
}
.join_f_3 {
  width: 30%;
}
.join_f_4 {
  width: 20%;
}
.join_f_5 {
  width: 20%;
}
.cen1_3_f {
  width: 98%;
  verflow: visible;
  text-overflow: ellipsis;
}
.cen_f1 {
  width: 90%;
}
.cen_f2 {
  width: 20%;
}
.cen_f3 {
  width: 40%;
}
.join_f_6 {
  width: 20%;
}
.join_f_10 {
  width: 100%;
}
.cen_txt1 {
  width: 20%;
}
.cen_txt1_m {
  width: 40%;
}
.cen1_3_f_main {
  width: 100%;
}
.cen1_3_f_main ul .cen1_3_f_1 {
  width: 90%;
  float: left;
}
.cen1_3_f_main ul .cen1_3_f_2 {
  width: 10%;
  float: left;
}
.stu1_2_top ul:after {
  content: "";
  display: block;
  clear: both;
}
.stu1_2_top ul .stu1_2_img {
  width: 40%;
  float: left;
  margin-right: 10px;
  box-sizing: border-box;
}
.stu1_2_top ul .stu1_2_txt {
  width: 58%;
  float: right;
  box-sizing: border-box;
}
.stu1_2_btn {
  width: 100%;
}
/*.stu1_2_btn ul .stu1_2_btn1{width:48%; float:left; text-align:right; margin-right:4px;}*/
.stu1_2_btn ul .stu1_2_btn1 {
  width: 100%;
  float: left;
  text-align: center;
}
.stu1_2_btn ul .stu1_2_btn2 {
  width: 48%;
  float: left;
}
.m_stu1_3_3 {
  display: none;
}
.m_join1 {
  display: none;
}
.m_stu1_3 {
  display: none;
}
.m_my3_2 {
  display: none;
}
.board_list_foot_m {
  display: none;
}
.search_box_m {
  text-align: center;
  padding-top: 10px;
}
.my3_2_tb1 {
  padding: 10px 0 10px 0;
  color: #fff;
}
.board_list_foot_m2 {
  display: none;
}
.my4_3_tab {
  width: 100%;
  box-sizing: border-box;
}
.my4_3_tab table td {
  padding: 12px 4px;
}
.my4_3_tab .stu1_2_top .stu1_2_txt .table4 {
  width: 100%;
  table-layout: fixed;
}
.my4_3_tab .stu1_2_top .stu1_2_txt .table4 .b2_tab_tit {
  width: 24%;
}
.m_my3_1_3 {
  display: none;
}
.m_my3_2_2 {
  display: none;
}
.m_my3_1_2 {
  display: none;
}
.stu1_1_top_btn {
  display: none;
}
.m_my3_1 {
  display: none;
}
.my3_2_bt {
  background-color: #999999;
  color: #fff;
  padding: 12px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
}
.my3_2_bt a {
  color: #fff;
}
.my3_2_bt:hover {
  background-color: #666;
  color: #fff;
}
.my3_2_bt2 {
  background-color: #999999;
  color: #fff;
  padding: 4px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
}
.my3_2_bt2 a {
  color: #fff;
}
.my3_2_bt2:hover {
  background-color: #666;
  color: #fff;
}
.m_comm5_3 {
  display: none;
}
.m_cen1_3 {
  display: none;
}
.m_my1_1_2 {
  display: none;
}
.m_my1_1_1 {
  display: none;
}
.m_my_4_4_2 {
  display: none;
}
.my3_1_2_f {
  width: 50%;
}
#m_main {
  display: none;
}
.m_topMenu {
  display: none;
}
/*bar_graph_0329추가*/
.bar_graph {
  border: 1px solid #dedede;
  padding: 4% 2% 6% 2%;
  border-top: 2px solid #151515;
  height: auto;
  overflow: hidden;
}
/*circle_graph*/
.circle_graph {
  border: 1px solid #dedede;
  padding: 2%;
  height: auto;
  overflow: hidden;
  border-top: 2px solid #151515;
}
.c_graph ul li {
  float: left;
  width: 18%;
  margin: 0 1%;
}
.c_graph ul .tit {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10%;
}
.c_graph ul .graph_img {
  text-align: center;
  margin-bottom: 10%;
}
.c_graph ul .per {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10%;
}
.c_graph ul .c_g_ip {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.c_graph ul .total_score {
  color: #f00;
}
.c_graph ul {
  width: 102%;
  margin-left: -1%;
}
/*1119*/
.c_graph1 .graph_img {
  background: url(/img/my/pro_icon1.png) no-repeat center center;
}
.c_graph2 .graph_img {
  background: url(/img/my/pro_icon2.png) no-repeat center center;
}
.c_graph3 .graph_img {
  background: url(/img/my/pro_icon3.png) no-repeat center center;
}
.c_graph4 .graph_img {
  background: url(/img/my/pro_icon4.png) no-repeat center center;
}
.c_graph5 .graph_img {
  background: url(/img/my/pro_icon5.png) no-repeat center center;
}
.circle_graph_ip {
  padding: 2%;
  height: auto;
  overflow: hidden;
}
.c_graph_ip ul li {
  float: left;
  width: 18%;
  margin: 0 1%;
}
.c_graph_ip ul .c_g_ip {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10%;
}
#per_list_wp {
  width: 105%;
  height: 20px;
  margin: 0 auto;
  padding-left: 7%;
}
#per_list_wp ul {
  width: 100%;
}
#per_list_wp ul .per_list {
  float: left;
  width: 16.66666666667%;
  height: 20px;
  font-size: 12px;
}
/* Horizontal Bar Graph */
.hGraph ul {
  margin: 0 40px 0 70px;
  padding: 1px 0 0 0;
  border: 1px solid #ddd;
  border-top: 0;
  border-right: 0;
  font-size: 12px;
  list-style: none;
}
.hGraph li {
  position: relative;
  margin: 10px 0;
  white-space: nowrap;
  vertical-align: top;
}
.hGraph .gTerm {
  position: absolute;
  width: 40px;
  top: 0;
  left: -67px;
  line-height: 20px;
  text-align: right;
  color: #767676;
  font-weight: bold;
}
.hGraph .gBar {
  position: relative;
  display: inline-block;
  height: 20px;
  border: 1px solid #ccc;
  border-left: 0;
  background: #3f54c1;
}
.hGraph .gBar span {
  position: absolute;
  width: 40px;
  line-height: 20px;
  top: 0;
  right: -6px;
  color: #fff;
}
/*0330*/
.my_btn_1 {
  background-color: #94d65e;
  color: #fff;
  padding: 4px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
}
.my_btn_1 a {
  color: #fff;
}
.my_btn_1:hover {
  background-color: #7eb651;
  color: #fff;
}
.my_btn_2 {
  background-color: #58d592;
  color: #fff;
  padding: 4px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
}
.my_btn_2 a {
  color: #fff;
}
.my_btn_2:hover {
  background-color: #4dbd81;
  color: #fff;
}
/*훈련생유의사항*/
.notice_top {
  position: relative;
  margin: 20px 0 30px;
  padding: 30px 30px 30px 190px;
  border: 1px solid #d2d2d2;
  border-top: 3px solid #007fd8;
  box-sizing: border-box;
  word-break: keep-all;
}
.notice_top .not_top_txt {
  line-height: 149%;
  min-height: 80px;
  padding-left: 40px;
  border-left: 1px dashed #b2b2b2;
}
.notice_top .notice_icon {
  position: absolute;
  left: 10px;
  top: 30px;
  width: 185px;
  min-height: 91px;
  background-image: url("/img/app/notice_icon1.jpg");
  background-position: center;
  background-repeat: no-repeat;
}
.notice_top_c {
  border: 1px solid #eeeeee;
  background-color: #f8f8f8;
  padding: 2.74914089347%;
  margin-bottom: 50px;
}
.tit_line {
  height: 1px;
  margin: 0 auto;
  background: url("/img/app/d_line.png");
  margin-bottom: 26px;
}
.notice_c {
  width: 100%;
}
.notice_1 {
  position: relative;
}
.notice_bg_icon {
  position: absolute;
  top: -8px;
  left: 49%;
}
.notice_1 .notice_1_tit {
  background-color: #eff3f6;
  border: 1px solid #0b4da2;
  height: 60px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 18px;
  color: #005bab;
  line-height: 60px;
}
.notice_1 .notice_1_txt {
  border: 2px solid #d9d9d9;
  padding: 24px;
  font-size: 14px;
  line-height: 149%;
  margin-bottom: 30px;
}
/*훈련진행방법*/
.way_box .list_target {
  width: 100%;
}
.way_box .list_target .circle_target1 {
  width: 124px;
  height: 137px;
  background: url(/img/app/text_title1.jpg) center center no-repeat;
  float: left;
}
.way_box .list_target .circle_target1 h4 {
  text-align: center;
  line-height: 1.3;
  padding: 40px 0 0 0;
}
.way_box .list_target .circle_target1 h4 span {
  font-size: 26px;
  color: 333333;
  font-weight: 600;
}
.way_box .list_target .circle_target2 {
  width: 124px;
  height: 137px;
  background: url(/img/app/text_title3.jpg) center center no-repeat;
  float: left;
}
.way_box .list_target .circle_target2 h4 {
  text-align: center;
  line-height: 1.3;
  padding: 40px 0 0 0;
}
.way_box .list_target .circle_target2 h4 span {
  font-size: 26px;
  color: 333333;
  font-weight: 600;
}
.way_box .list_target .desc_target {
  background: url(/img/app/text_title2.jpg) left top no-repeat;
  padding: 23px 0 0 90px;
  width: 706px;
  height: 129px;
  margin-left: 126px;
}
.way_box .list_target .desc_target em {
  font-size: 18px;
  color: #005bab;
  margin-bottom: 10px;
  font-style: normal;
  font-weight: 600;
  display: block;
}
.way_box .list_target .desc_target p {
  line-height: 149%;
}
.circle_target1_m {
  display: none;
}
/*map*/
#map_tit {
  margin-bottom: 10px;
}
/*
.history table {width:100%; margin:60px 0 100px; font-size:14px; border-bottom:1px solid #d8d8d8;}
.history table .pdt20 {padding-top:20px;}
.history table .pdb20 {padding-bottom:20px;}
.history table th {text-align:left; line-height:0.8; border-top:2px solid #0069c1; color:#0069c1; font-family: 'Titillium Web', sans-serif; font-weight:400; font-size:30px; vertical-align:top;}
.history table td {color:#666; line-height:1.2; padding-bottom:10px; padding-left:10px; vertical-align:top;}
.history table td.align_left {text-align:left; padding-left:20px;}
.history table td.bt {border-top:1px solid #d8d8d8;}
.history table td img {padding-right:10px; padding-bottom:10px;}
.history table .day{font-weight:600;}
*/
.history_blue {
  position: relative;
}
.history_blue:after {
  display: block;
  clear: both;
  content: "";
  position: absolute;
  top: 0px;
  left: 60px;
  width: 1px;
  height: 100%;
  background: #dfe3e6;
  z-index: 1;
}
.history_blue .title {
  background: #fff !important;
  margin: 0 !important;
  position: relative;
  z-index: 99;
  padding: 80px 0 30px;
}
.history_blue .title:after {
  display: block;
  clear: both;
  content: "";
  position: absolute;
  bottom: -11px;
  left: 0;
  width: 100%;
  height: 10px;
  background: #fff;
}
.history_blue .history_list {
  position: relative;
  min-height: 92px;
  width: auto;
  margin-top: 10px;
  padding: 0 43px;
}
.history_blue .history_list h3 {
  position: absolute;
  top: 0;
  width: 92px;
  height: 92px;
}
.history_blue .history_list h3 span {
  position: relative;
  z-index: 70;
  width: 92px;
  display: block;
  font-family: "NBL";
  font-size: 24px;
  color: #fff;
  text-align: center;
  padding-top: 30px;
}
.history_blue .history_list h3 span em {
  margin-top: -20px;
  display: block;
  font-size: 15px;
  margin-bottom: 8px;
  font-style: normal;
  color: #fff;
  font-family: "NBL";
}
.history_blue .history_list h3:after {
  display: block;
  clear: both;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 92px;
  height: 92px;
  background: #0075c2;
  border-radius: 50px;
  z-index: 10;
}
.history_blue .history_list ul {
  padding-top: 33px;
}
.history_blue .history_list ul li {
  line-height: 28px;
}
.history_blue .history_list ul li span {
  font-weight: 600;
  margin-right: 6px;
}
.history_blue .history_list ul:after {
  display: block;
  clear: both;
  content: "";
  position: absolute;
  top: 42px;
  width: 40px;
  height: 9px;
  z-index: 10;
}
.history_blue .history_list ul.line2 {
  padding-top: 19px;
}
.history_blue .history_list ul.line3 {
  padding-top: 5px;
}
.history_blue .history_list ul.line4 {
  padding-top: 0;
}
.history_blue .history_list {
  margin-left: 60px;
  text-align: left;
}
.history_blue .history_list ul {
  margin: 0px 0 0 60px;
}
.history_blue .history_list ul:after {
  left: 46px;
  background: url(/img/int/history_right_dot.gif) no-repeat 0 0;
}
.history_blue .history_list h3 {
  left: -46px;
}
.history_blue .history_list:after {
  display: block;
  clear: both;
  content: "";
  position: absolute;
  top: 0;
  width: 208px;
  height: 109px;
}
.history_blue .history_list.img01:after {
  right: 0;
  background: url(../images/history_01.gif) no-repeat 0 0;
}
.history_blue .history_list.img02:after {
  left: -572px;
  background: url(../images/history_02.gif) no-repeat 0 0;
}
.history_blue .history_list.img03:after {
  right: -572px;
  background: url(../images/history_03.gif) no-repeat 0 0;
}
.history_blue .history_list.img04:after {
  right: -572px;
  background: url(../images/history_04.gif) no-repeat 0 0;
}
.history_blue .history_list.img05:after {
  right: -572px;
  background: url(../images/history_05.gif) no-repeat 0 0;
}
.history_blue .history_list.img06:after {
  left: -572px;
  background: url(../images/history_06.gif) no-repeat 0 0;
}
.history_blue .history_list.img07:after {
  right: -572px;
  background: url(../images/history_07.gif) no-repeat 0 0;
}
.history_blue .history_list.img08:after {
  left: -572px;
  background: url(../images/history_08.gif) no-repeat 0 0;
}
.history_blue .history_list.img09:after {
  left: -572px;
  background: url(../images/history_09.gif) no-repeat 0 0;
}
.history_blue .history_list.img10:after {
  right: -572px;
  background: url(../images/history_10.gif) no-repeat 0 0;
}
.history_blue .history_list.img11:after {
  right: -572px;
  background: url(../images/history_11.gif) no-repeat 0 0;
} /*조직도*/
.organ {
  position: relative;
  text-align: center;
  max-width: 1160px;
  margin: 0 auto;
}
.organ {
  width: 100%;
  margin: 0 auto;
}
.organ > ul {
  margin: 0 auto;
}
.organ > ul > li {
  text-align: center;
  position: relative;
}
.organ > ul > li > span {
  display: block;
  width: 150px;
  height: 150px;
  line-height: 140px;
  margin: 0 auto;
  border-radius: 100px;
  border: #e5e5e5 8px solid;
  background: #fff;
  color: #005bab;
  font-size: 22px;
  font-weight: 600;
}
.organ > ul > li:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: 358px;
  background: #d1d1d1;
  z-index: -1;
}
.organ > ul > li:first-child:after {
  content: "";
  width: 1px;
  height: 1px;
}
.organ > ul > li:last-child:after {
  content: "";
  width: 1px;
  height: 1px;
}
.organ > ul > li > ul {
  position: relative;
}
.organ > ul > li > ul.top:after {
  content: "";
  position: absolute;
  left: 25%;
  width: 800px;
  margin-left: -100px;
  height: 1px;
  top: 60px;
  background: #d1d1d1;
  z-index: -1;
}
.organ > ul > li > ul.bottom:after {
  content: "";
  position: absolute;
  left: 38%;
  width: 87.6%;
  margin-left: -31.1%;
  height: 1px;
  top: 358px;
  background: #d1d1d1;
  z-index: -1;
}
.organ > ul > li > ul > li {
  float: left;
  width: 50%;
  margin: 30px 0;
}
.organ > ul > li > ul.top > li.left > span {
  margin-right: 10%;
}
.organ > ul > li > ul.top > li.right > span {
  margin-left: 10%;
}
.organ > ul > li > ul.top > li > span {
  display: block;
  width: 40%;
  height: 58px;
  line-height: 58px;
  margin: 0 auto;
  border-radius: 10px;
  background: #454953;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  float: left;
}
.organ > ul > li > ul.middle > li {
  width: 100%;
}
.organ > ul > li > ul.middle > li.left > span {
  margin-left: 40%;
}
.organ > ul > li > ul.middle > li.right > span {
  margin-left: 10%;
}
.organ > ul > li > ul.middle > li > span {
  display: block;
  width: 20%;
  height: 58px;
  line-height: 58px;
  margin: 0 auto;
  border-radius: 10px;
  background: #454953;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  float: left;
}
.organ > ul > li > ul.middle2 > li.left > span {
  margin-right: 10%;
}
.organ > ul > li > ul.middle2 > li.right > span {
  margin-left: 10%;
}
.organ > ul > li > ul.middle2 > li > span {
  display: block;
  width: 40%;
  height: 58px;
  line-height: 58px;
  margin: 0 auto;
  border-radius: 10px;
  background: #454953;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
.organ > ul > li > ul.bottom {
  width: 100%;
  position: relative;
}
.organ > ul > li > ul.bottom > li {
  position: relative;
  width: 50%;
}
.organ > ul > li > ul.bottom > li.botLeft {
  width: 40%;
}
.organ > ul > li > ul.bottom > li.botLeft:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: 100px;
  top: -27px;
  background: #d1d1d1;
  z-index: -1;
}
.organ > ul > li > ul.bottom > li.botLeft span {
  width: 72.5%;
  margin: 0 auto;
}
.organ > ul > li > ul.bottom > li.botRight {
  margin-left: 2%;
  width: 58%;
}
.organ > ul > li > ul.bottom > li.botRight:before {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: 86px;
  top: -27px;
  background: #d1d1d1;
  z-index: -1;
}
.organ > ul > li > ul.bottom > li.botRight span {
  width: 50%;
  margin: 0 25%;
}
.organ > ul > li > ul.bottom > li > span {
  display: block;
  height: 48px;
  line-height: 48px;
  margin: 0 auto;
  border-radius: 10px;
  background: #949494;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  float: left;
  width: 23%;
  margin: 1%;
}
.organ > ul > li > ul.bottom > li.botLeft > ul {
  margin: 20px auto;
  position: relative;
  width: 72.5%;
  border-radius: 10px;
  border: 2px solid #d1d1d1;
  background: #fff;
  padding: 10px 0;
}
.organ > ul > li > ul.bottom > li.botLeft > ul li {
  list-style: square;
  margin-left: 20%;
  width: 50%;
}
.organ > ul > li > ul.bottom > li.botLeft > ul li span {
  display: block;
  width: 80%;
  height: 32px;
  line-height: 32px;
  margin: 0 auto;
  font-size: 16px;
  text-align: left;
}
.organ > ul > li > ul > li.ul3 {
  position: relative;
}
.organ > ul > li > ul > li.ul3:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 66.5%;
  margin-left: -33.2%;
  height: 1px;
  top: 58px;
  background: #d1d1d1;
  z-index: -1;
}
.organ > ul > li > ul > li.ul3.botRight > div {
  width: 31.333%;
  margin: 20px 1%;
  float: left;
  position: relative;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul {
  border-radius: 10px;
  border: 2px solid #d1d1d1;
  background: #fff;
  padding: 10px 0;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul.ul3Bot {
  margin: 10px 1%;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul.delete:after {
  width: 31.333%;
  float: left;
  margin: 20px 1%;
  border-radius: 10px;
  border: 2px solid #fff;
  background: #fff;
  padding: 10px 0;
}
.organ > ul > li > ul > li.ul3.botRight > div:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: 50px;
  top: -10px;
  padding-bottom: 0;
  background: #d1d1d1;
  z-index: -1;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul.officeline:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: 120%;
  top: -50px;
  padding-bottom: 0;
  background: #d1d1d1;
  z-index: -1;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul.center:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: 100%;
  top: -12px;
  padding-bottom: 80px;
  background: #d1d1d1;
  z-index: -1;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul > li {
  list-style: square;
  margin-left: 20%;
  width: 80%;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul > li > span {
  display: block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  margin: 0 auto;
  font-size: 16px;
  text-align: left;
}
.organ > ul > li > ul > li.ul3.botRight > div > ul > li > span br {
  display: none;
}
.organ > ul > li > ul.middle2:after {
  content: "";
  position: absolute;
  left: 68%;
  width: 25%;
  margin-left: -30%;
  height: 1px;
  top: 294px;
  background: #d1d1d1;
  z-index: -1;
}
.organ > ul > li > ul.bottom > li > span:after {
  content: "";
  position: absolute;
  margin-left: -6%;
  width: 1px;
  height: 50px;
  top: -25px;
  padding-bottom: 0;
  background: #d1d1d1;
  z-index: -1;
} /*인사말*/
.greetings {
  position: relative;
  background: #ececec;
  padding: 4%;
}
.greetings .ceo {
  position: absolute;
  right: 5%;
  top: 29px;
}
.greetings .ceo > ul > li:first-child {
  margin-top: 59%;
}
.greetings .ceo > ul > li {
  float: left;
  text-align: right;
}
.greetings p {
  font-size: 32px;
  color: #959595;
  letter-spacing: -2px;
  line-height: 120%;
  padding-left: 4%;
  padding-bottom: 3%;
}
.greetings .txt1 {
  font-size: 14px;
  color: #a68b6e;
  letter-spacing: 0px;
}
.greetings .greetingcon {
  font-size: 14px;
  line-height: 149%;
  color: #666;
  background: #fff;
  padding: 4%;
}
.greetings .ceo_mm {
  display: none;
}
.m_line {
  display: none;
}
.bot_mm {
  display: none;
}
/*1227추가*/
.mem_btn1 {
  margin-right: 20px;
}
.mem_txt {
  font-size: 15px;
  line-height: 149%;
  display: block;
  margin-bottom: 20px;
}
.bottom_nb {
  clear: both;
  margin-bottom: 50px;
}
#main {
  /* overflow: hidden; */
}
#main:after {
  content: "";
  display: block;
  clear: both;
}
.login_wwp {
  padding: 10% 0;
}
.login_wp {
  width: 72%;
  margin-bottom: 5%;
}
.log_input {
  width: 90%;
  margin-bottom: 2%;
}
.table4 {
  font-size: 13px;
}
/* 마이페이지쪽지함 탭메뉴 */
#bs_b .snb_area {
  width: 100%;
  height: 46px;
  background: url(/img/tab_bg.gif) repeat-x;
  text-align: left;
  margin: 19px 0 40px 0;
}
#bs_b .snb_area ul.snb {
  width: auto;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-right: 1px solid #e2e4e6;
}
#bs_b .snb_area ul.snb:after {
  content: "";
  display: block;
  clear: both;
}
#bs_b .snb_area ul.snb li {
  float: left;
}
#bs_b .snb_area ul.snb li a {
  display: block;
  width: auto;
  height: 46px;
  font-size: 14px;
  line-height: 44px;
  color: #888;
  font-weight: normal;
  padding: 0 40px 0 20px;
  background: url(/img/snb_point.gif) right 19px no-repeat #fbfbfb;
  border: 1px solid #e2e4e6;
  border-right: 0;
}
#bs_b .snb_area ul.snb li a:hover {
  color: #181818;
}
#bs_b .snb_area ul.snb li a.on {
  background: url(/img/snb_point_on.gif) right 19px no-repeat #fff;
  border-bottom: 1px solid #fff;
  color: #181818;
  font-weight: bold;
}
#bs_b .content {
  width: 1200px;
  margin: 50px auto 80px;
}
#bs_b .content:after {
  content: "";
  display: block;
  clear: both;
}
.tab_ty_a {
  width: 100%;
  border: 1px solid #e0e0e0;
  border-collapse: collapse;
}
.tab_ty_a th {
  border: 1px solid #e0e0e0;
  padding: 10px 4px;
  background-color: #f5f5f5;
}
.tab_ty_a td {
  border: 1px solid #e0e0e0;
  padding: 10px 4px;
  text-align: center;
}
.tab_ty_a td a {
  color: #333;
}
.tab_ty_a .letter_view {
  text-align: left;
}
.tab_ty_a .leeter_day {
  display: inline-block;
  margin-right: 10px;
}
.leeter_icon {
  vertical-align: middle;
  margin-left: 6px;
}
.letter_txtarea {
  width: 100%;
  min-height: 300px;
  /* margin: 15px 0; */
  padding: 10px;
  box-sizing: border-box;
  border: 0;
}
.letter_btn {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.letter_d_btn {
  position: absolute;
  left: 0;
  top: 0;
}
.member_search {
  margin-left: 4px;
  padding: 3px 14px;
  margin-top: -2px;
}
/*쪽지보내기검색레이어창*/
.search_leyers {
  width: 520px;
  height: 470px;
  padding: 10px;
  box-sizing: border-box;
}
.search_leyers .leyers_tit {
  font-size: 20px;
  margin-bottom: 20px;
  display: block;
  position: relative;
}
.se_leyers_close_btn {
  position: absolute;
  right: 10px;
  top: 0;
  cursor: pointer;
}
/* common */
.search_leyers .paginate {
  width: 100%;
  text-align: center;
  margin-top: 5%;
}
.search_leyers .paginate a.curr {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 6px;
  height: 19px;
  line-height: 19px;
  border: 1px solid #757575;
  font-size: 12px;
  color: #005bab;
  margin: 0 2px;
}
.search_leyers .paginate strong {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 6px;
  height: 19px;
  line-height: 19px;
  border: 1px solid #757575;
  font-size: 12px;
  color: #005bab;
  margin: 0 2px;
}
.search_leyers .paginate a.curr:hover {
  background: #fff;
}
.search_leyers .paginate a.link {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 6px;
  height: 19px;
  line-height: 19px;
  border: 1px solid #e6e6e6;
  font-size: 12px;
  color: #606060;
  margin: 0 2px;
}
.search_leyers .paginate a.first {
  width: 20px;
  padding: 0;
  background: url(/img/other/ico_paginate_first.gif) 5px 5px no-repeat;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
.search_leyers .paginate a.prev {
  width: 20px;
  padding: 0;
  background: url(/img/other/ico_paginate_prev.gif) 5px 5px no-repeat;
  margin-right: 6px;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
.search_leyers .paginate a.next {
  width: 20px;
  padding: 0;
  background: url(/img/other/ico_paginate_next.gif) 5px 5px no-repeat;
  margin-left: 6px;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
.search_leyers .paginate a.end {
  width: 20px;
  padding: 0;
  background: url(/img/other/ico_paginate_end.gif) 5px 5px no-repeat;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
.search_leyers .paginate a:hover {
  border: 1px solid #757575;
}
.search_leyers span.msg {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 12px;
  color: #e83e3e;
  margin-left: 10px;
}
.mar_top {
  margin-top: 40px;
}
/*퀵메뉴*/
.quick_open {
  z-index: 10000;
  position: absolute;
  cursor: pointer;
  left: -27px;
  top: 326px;
}
.quick_close {
  z-index: 10000;
  position: relative;
  cursor: pointer;
  left: -27px;
  top: 326px;
  display: none;
}
#q_box ul li {
  width: 116px;
  height: 120px;
  position: relative;
  text-align: center;
  cursor: pointer;
  border: solid #b4b4b4;
  border-width: 1px 0 0 1px;
}
#q_box ul li span {
  display: block;
  position: absolute;
  bottom: 26px;
  width: 100%;
}
#q_box ul li:nth-child(1) {
  background: url(/img/index/q_menu_logo.png) no-repeat center top 28px #fff;
  height: 134px;
}
#q_box ul li:nth-child(2) {
  background: url(/img/index/q_menu_icon5.png) no-repeat center top 30px #fff;
  position: relative;
}
.new_letter_num {
  position: absolute;
  right: 10px;
  top: 46px;
  color: #e60000;
}
#q_box ul li:nth-child(3) {
  background: url(/img/index/q_menu_icon1.png) no-repeat center top 20px #fff;
}
#q_box ul li:nth-child(4) {
  background: url(/img/index/q_menu_icon2.png) no-repeat center top 20px #fff;
}
#q_box ul li:nth-child(5) {
  background: url(/img/index/q_menu_icon3.png) no-repeat center top 20px #fff;
}
#q_box ul li:nth-child(6) {
  background: url(/img/index/q_menu_icon4.png) no-repeat center top 20px #fff;
}
#q_box ul .top_btn {
  background-color: #5282ce;
  height: 40px;
  line-height: 40px;
}
#m_footer {
  display: none;
}
/*1203*/
.stu1_2_top ul .stu1_2_img {
  width: 40.16913319239%;
}
.stu1_2_img .img {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.26%;
}
.stu1_2_img .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
}
/*탭메뉴*/
.wolfharu_tabmenu_menu {
}
.wolfharu_tabmenu_menu:before,
.wolfharu_tabmenu_menu:after {
  content: "";
  display: table;
}
.wolfharu_tabmenu_menu:after {
  clear: both;
}
* html .wolfharu_tabmenu_menu {
  zoom: 1;
}
.wolfharu_tabmenu_menu {
  zoom: 1;
}
.wolfharu_tabmenu_menu select {
  width: 100%;
  padding: 8px 45px 8px 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 15px;
  color: #777;
  border: 1px solid #cecece;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: normal;
  -webkit-tab-highright-color: transparent;
  background: url(/img/mo_icon_tabmenu01.gif) no-repeat right center, #eeeeee;
  background: url(/img/mo_icon_tabmenu01.gif) no-repeat right center, -moz-linear-gradient(top, #eeeeee 0%, #f9f9f9 10%, #ffffff 20%, #ffffff 100%);
  background: url(/img/mo_icon_tabmenu01.gif) no-repeat right center,
    -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(10%, #f9f9f9), color-stop(20%, #ffffff), color-stop(100%, #ffffff));
  background: url(/img/mo_icon_tabmenu01.gif) no-repeat right center, -webkit-linear-gradient(top, #eeeeee 0%, #f9f9f9 10%, #ffffff 20%, #ffffff 100%);
  background: url(/img/mo_icon_tabmenu01.gif) no-repeat right center, -o-linear-gradient(top, #eeeeee 0%, #f9f9f9 10%, #ffffff 20%, #ffffff 100%);
  background: url(/img/mo_icon_tabmenu01.gif) no-repeat right center, -ms-linear-gradient(top, #eeeeee 0%, #f9f9f9 10%, #ffffff 20%, #ffffff 100%);
  background: url(/img/mo_icon_tabmenu01.gif) no-repeat right center, linear-gradient(top, #eeeeee 0%, #f9f9f9 10%, #ffffff 20%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
}
.wolfharu_tabmenu_menu select {
  display: none;
}
.wolfharu_tabmenu_menu ul {
}
.wolfharu_tabmenu_menu ul li {
  float: left;
  position: relative;
  margin: 0 -1px -1px 0;
  width: 20%;
}
.wolfharu_tabmenu_menu ul li a {
  margin-top: 4px;
  padding: 12px 16px 12px 16px;
  border: 1px solid #cecece;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
  display: inline-block;
}
.wolfharu_tabmenu_menu ul li a {
  color: #777;
  text-decoration: none;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
}
.wolfharu_tabmenu_menu ul li a.current {
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 11px;
  border-bottom: 0 none;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.wolfharu_tabmenu_menu ul li a.current {
  font-weight: bold;
  color: #005bab;
  text-shadow: 1px 1px 2px rgba(0, 132, 080, 0.1);
}
.wolfharu_tabmenu_menu ul li a span {
}
.wolfharu_tabmenu_content {
  padding: 20px 0;
}
.wolfharu_tabmenu_content h2 {
  font-weight: bold;
}
.board_top_bn {
  width: 970px;
  height: 200px;
  overflow: hidden;
  margin-bottom: 40px;
}
.corre_sc {
  width: 100%;
}
.my_infotxt {
  display: none;
}
.my4_3_tab .padd_no {
  padding: 0;
}
/*1224정보수정*/
input[type="text"],
input[type="password"] {
  min-width: 200px;
  height: auto;
  line-height: normal;
  padding: 0.5em 0.5em;
  background: #fff;
  border: 1px solid #dddddd;
  box-sizing: border-box;
}
select {
  width: auto; /* 원하는 너비설정 */
  padding: 0.5em 30px 0.5em 6px; /* 여백으로 높이 설정 */
  font-family: inherit; /* 폰트 상속 */
  background: url(/img/other/mg_ico_sel.jpg) no-repeat 95% 50%; /* 네이티브 화살표 대체 */
  border: 1px solid #dddddd;
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}
.tab_c div p {
  line-height: 149%;
  font-size: 12px;
}
.join_f_1,
.join_f_3 {
  width: 210px;
}
.join_f_6 {
  width: 80px;
}
#Phone2,
#Phone3,
#Mobile2,
#Mobile3 {
  width: 50px;
}
.join_f_4 {
  width: auto;
  padding: 7px 30px 7px 10px;
}
.join_f_5 {
  width: auto;
  padding: 7px 30px 7px 10px;
}
.tab_c {
  background-color: #fff;
  padding-left: 15px;
  border-bottom: 1px solid #dedede;
  padding: 6px 0 6px 15px;
}
#Addr1 {
  display: block;
  width: 400px;
  margin: 1% 0;
}
#Addr2 {
  display: block;
  width: 400px;
}
#newEditorBox {
  background: #f5f5f5;
}
.tab_bt1 {
  background-color: #999999;
  color: #fff;
  padding: 6px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
}
.scroll_searchbox_wp {
  width: 100%;
  position: relative;
}
/*1230*/
.item li .img {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.26%;
}
.item li .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*0205진도율그래프*/
.hGraph .gTerm {
  position: absolute;
  width: auto;
  top: 0;
  left: -67px;
  line-height: 20px;
  text-align: right;
  color: #767676;
  font-weight: bold;
}
.hGraph .gBar {
  position: static;
  display: inline-block;
  height: 20px;
  border: 1px solid #ccc;
  border-left: 0;
  background: #3f54c1;
  text-align: right;
}
.hGraph .gBar span {
  position: static;
  width: 40px;
  line-height: 20px;
  top: 0;
  right: -6px;
  color: #3f54c1;
}
.gra_num {
  color: #3f54c1;
  vertical-align: top;
  height: 20px;
  line-height: 20px;
}
.continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo .img {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 143.56%;
}
.continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} /*0105강사소개 수정*/
.continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo {
  width: 124px;
  height: auto;
  margin-right: 20px;
  float: left;
  overflow: hidden;
}
.continer4 .continer4_1 .con4_tea .tea_photo .tea_name .t_name {
  position: relative;
  top: 9px;
}
.tea_photo ul .photo {
  float: left;
  width: 170px;
  height: 230px;
  position: relative;
  margin-right: 20px;
}
.tea_photo ul .photo:last-child {
  margin-right: 0;
}
.tea_photo ul .photo .img img {
  width: 100%;
}
/*--모바일메뉴바--*/
#main-sidebar {
  position: fixed;
  top: 0px;
  bottom: 0px;
  width: 200px;
  right: -200px;
  z-index: 3000;
}
#manu_top {
  /*width:300px;*/
  width: 100%;
  height: 50px;
  background-color: var(--color-main);
  padding-right: 50px;
  box-sizing: border-box;
  position: relative;
} /*sso width수정*/
#manu_top .mob_top_menu li {
  float: left;
  width: 50%;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
#manu_top .mob_top_menu li a {
  color: #fff;
  height: 50px;
  line-height: 50px;
  font-size:14px;
}
.mob_close_btn_wp {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
}
.mob_close_btn {
  position: absolute;
  right: 0;
  width: 50px;
  height: 50px;
  /* background: var(--color-main); */
}
.mob_close_btn:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: var(--color-main);
  filter: brightness(68%);
}
.mob_menu {
  width: 300px;
}
.mob_menu dt {
  font-size: 14px;
  text-indent: 1em;
  font-weight: bold;
  color: var(--color-main);
  background-color: #fff;
  border-bottom: 1px solid #eaeaea;
  padding: 15px 0;
}
.mob_menu dt a {
  color: var(--color-main);
  display: block;
}
.mob_menu dd {
  height: auto;
  background: #eeeeee;
  color: #333;
  padding: 0;
}
.mob_menu .dd2 {
  height: 100px;
  background: #f3f3f3;
}
.mob_menu .dd4 {
  height: 120px;
  background: #f3f3f3;
}
.mob_menu .dd5 {
  height: 100px;
  background: #f3f3f3;
}
.mob_menu .dd6 {
  height: 300px;
  background: #f3f3f3;
}
.mob_menu .dd7 {
  height: 100px;
  background: #f3f3f3;
}
.mob_menu dd p {
  text-indent: 1em;
  font-size: 14px;
  border-bottom: 1px solid #e1e1e1;
}
.mob_menu dd p a {
  display: block;
  padding: 15px 0;
  color: #333;
}
.m_menu_close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
  overflow: hidden;
}
.m_menu_close::before,
.m_menu_close::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
}
.m_menu_close.thick::before {
  height: 2px;
  margin-top: -2px;
}
.m_menu_close.thick::after {
  height: 2px;
  margin-top: -2px;
}
.m_menu_close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.m_menu_close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (max-width: 1600px) {
  #main {
    width: 1250px;
    padding: 10px;
    box-sizing: border-box;
  }
  #right_main {
    width: 77.6%;
  }
  #left_main {
    width: 19.2%;
    margin-right: 3.2%;
  }
  .home_tit {
    width: 97%;
  }
  #copy {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
  }
  .board_top_bn {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 40px;
  }
  .board_top_bn img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 1200px) {
  #topMenu {
    display: none;
  }
  .t_menu {
    display: none;
  }
  .m_topMenu {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  /* m_shortcut2 */
  #m_main .m_continer2 {
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
  }
  #m_main .m_continer2 .icon_box {
    border-bottom: 1px solid #a7aab0;
    margin-top: 16px;
    height: auto;
    overflow: hidden;
    padding-bottom: 20px;
  }
  #m_main .m_continer2 .shortcut2 {
    width: 100%;
    background: #edeff1;
    padding-bottom: 15px;
  }
  #m_main .m_continer2 .shortcut2 ul {
    /*overflow:hidden;*/
  }
  #m_main .m_continer2 .shortcut2 ul:after {
    content: "";
    display: block;
    clear: both;
  }
  #m_main .m_continer2 .shortcut2 li {
    float: left;
    width: 14%;
    position: relative;
  }
  #m_main .m_continer2 .shortcut2 ul .icon_bg_on {
    float: left;
    text-align: center;
  }
  #m_main .m_continer2 .shortcut2 li a {
    display: block;
    position: relative;
    font-size: 15px;
    color: #000000;
    text-align: center;
    cursor: default;
    width: 80px;
    height: 80px;
    margin-bottom: 5px;
  }
  #m_main .m_continer2 .shortcut2 a i {
    display: block;
    position: absolute;
    left: 50%;
    width: 60px;
    margin-left: -28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
  }
  #m_main .m_continer2 .shortcut2 a span {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 80px;
    left: 0;
    font-size: 13px;
    margin-top: 5px;
  }
  #m_main .m_continer2 .shortcut2 ul li:after {
    content: "";
    display: block;
    position: absolute;
    top: 36px;
    left: -15px;
    width: 17px;
    height: 23px;
    background: url("/img/index/shortcut2_icon08.png") no-repeat;
    background-size: 60%;
  }
  #m_main .m_continer2 .shortcut2 ul li:first-child:after {
    display: none;
  }
  #m_main .m_continer2 .shortcut2 .icon01 {
    top: 12px;
    height: 58px;
    background-image: url("/img/index/shortcut2_icon01.png");
  }
  #m_main .m_continer2 .shortcut2 .icon02 {
    top: 12px;
    height: 48px;
    background-image: url("/img/index/shortcut2_icon02.png");
  }
  #m_main .m_continer2 .shortcut2 .icon03 {
    top: 12px;
    height: 49px;
    background-image: url("/img/index/shortcut2_icon03.png");
  }
  #m_main .m_continer2 .shortcut2 .icon04 {
    top: 12px;
    height: 52px;
    background-image: url("/img/index/shortcut2_icon04.png");
  }
  #m_main .m_continer2 .shortcut2 .icon05 {
    top: 12px;
    height: 52px;
    background-image: url("/img/index/shortcut2_icon05.png");
  }
  #m_main .m_continer2 .shortcut2 .icon06 {
    top: 12px;
    height: 52px;
    background-image: url("/img/index/shortcut2_icon06.png");
  }
  #m_main .m_continer2 .shortcut2 .icon07 {
    top: 12px;
    height: 45px;
    background-image: url("/img/index/shortcut2_icon07.png");
  }
  /*강사소개0106*/
  .tea_photo ul .photo {
    float: left;
    width: 31%;
    height: 280px;
    position: relative;
    margin-right: 3%;
  }
  #t_ban_box {
    display: none;
  }
  #quick1 {
    display: none;
  }
  #main {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  #left_main {
    display: none;
    float: none;
  }
  #right_main {
    float: none;
    width: 100%;
    font-size: 1em;
  }
  .no {
    display: none;
  }
  .name {
    display: none;
  }
  .view {
    display: none;
  }
  .logo2 {
    display: none;
  }
  body {
    font-size: 13px;
  }
  .cer_1 {
    width: 48%;
    margin-right: 4px;
  }
  .cer_2 {
    width: 48%;
  }
  .subject {
    width: 50%;
  }
  .signdate {
  }
  .edi_i1 {
    display: none;
  }
  .edi_i2 {
    display: none;
  }
  .edi_box td {
    display: none;
  }
  .cen1_3_f_main {
    width: 90%;
  }
  #bs_b .board_stu_list .item_area ul.item li {
    float: left;
    width: 48%;
    margin: 0 1%;
  }
  #bs_b .board_stu_list .item_area ul.item li:nth-child(2n) {
    margin-right: 0;
  }
  .tab_c {
    padding: 10px 0 10px 10px;
  }
  .tab_c input {
    /*width:90%;*/
  }
  .log_bt {
    color: #fff;
    padding: 0;
    width: 80px;
    height: 66px;
    border-radius: 4px;
    line-height: 66px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
  }
  .m_stu1_3_3 {
    display: block;
  }
  .p_stu1_3_3 {
    display: none;
  }
  .m_join1 {
    display: block;
  }
  .p_join1 {
    display: none;
  }
  .t_btn11 {
    display: none;
  }
  .m_stu1_3 {
    display: block;
  }
  .p_stu1_3 {
    display: none;
  }
  .p_my3_2 {
    display: none;
  }
  .m_my3_2 {
    display: block;
  }
  .my3_1_no {
    display: none;
  }
  .p_my3_1_3 {
    display: none;
  }
  .m_my3_1_3 {
    display: block;
  }
  .p_my3_2_2 {
    display: none;
  }
  .m_my3_2_2 {
    display: block;
  }
  .p_my3_1_2 {
    display: none;
  }
  .m_my3_1_2 {
    display: block;
  }
  #bs_b .board_gallery_list .item_area ul.item li {
    float: left;
    width: 48.5%;
    margin: 1.5%;
  }
  #bs_b .board_gallery_list .item_area ul.item li:nth-last-child(even) {
    margin-left: 0;
  }
  #bs_b .board_gallery_list .item_area ul.item li:nth-last-child(odd) {
    margin-right: 0;
  }
  .p_my3_1 {
    /* display: none; */
  }
  .m_my3_1 {
    display: block;
  }
  .item_area ul.item li {
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 10%;
  }
  #bs_b .board_my_list .item_area ul.item li:nth-child(2n) {
    margin-right: 0;
  }
  /**/
  #m_main {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
  }
  #m_main #m_main_container {
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
  }
  #pc_main {
    display: none;
  }
  #main_container {
    margin: 0 auto;
  }

  /**/
  #m_main .m_continer1 {
    width: 100%;
    margin: 0 auto;
  }
  #m_main .m_continer1 .board_wp {
    width: 50%;
    margin: 0 auto;
    float: left;
    box-sizing: border-box;
  }
  #m_main .m_continer1 .q_menu {
    width: 50%;
    margin: 0 auto;
  }
  #m_main .m_continer1 .center {
    width: 50%;
    float: left;
  }
  /**/
  #m_main .m_continer1 .board_wp .board {
    position: relative;
    width: 94%;
    height: 221px;
    background-color: #fff;
    margin: 0 auto;
  }
  #m_main .m_continer1 .board_wp .board .tabcontent {
    display: none;
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
    padding-top: 6%;
  }
  #m_main .m_continer1 .center ul .main_bn ul .main_bn1 {
    float: left;
    border: 1px solid #a7aab0;
    border-top: none;
    border-left: none;
    display: block;
    width: 50%;
    line-height: 36px;
    text-align: center;
    box-sizing: border-box;
  }
  #m_main .m_continer1 .center ul .main_bn ul .main_bn2 {
    float: left;
    border: 1px solid #a7aab0;
    border-top: none;
    border-left: none;
    display: block;
    width: 50%;
    line-height: 36px;
    text-align: center;
    box-sizing: border-box;
  }
  #m_main .m_continer1 .center ul .main_bn ul .main_bn3 {
    float: left;
    border: 1px solid #a7aab0;
    border-top: none;
    border-left: none;
    display: block;
    width: 50%;
    line-height: 36px;
    text-align: center;
    box-sizing: border-box;
  }
  #m_main .m_continer1 .center ul .main_bn ul .main_bn4 {
    float: left;
    border: 1px solid #a7aab0;
    border-top: none;
    border-left: none;
    display: block;
    width: 50%;
    line-height: 36px;
    text-align: center;
    box-sizing: border-box;
  }
  #m_main .m_continer1 .q_menu .shortcut li a {
    display: block;
    position: relative; /*padding: 106px 0 14px;*/
    font-size: 15px;
    color: #ffffff;
    text-align: center;
  }
  .main_img {
    width: 100%;
    height: 388px;
    background: url(/img/index/main_img.jpg);
    background-position: 50%;
    background-size: cover;
    margin-bottom: 22px;
  }
  .main_txt {
    width: 1000px;
    margin: 0 auto;
    padding-top: 100px;
    padding-left: 10px;
  }
  #m_main .m_continer1 .center ul .centere_tel {
    border-left: none;
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding: 32px 0 32px 30px;
  }
  #m_main .m_continer1 .center ul .main_bn {
    background: #ffffff;
    width: 100%;
    float: left;
    box-sizing: border-box;
  }
  #m_main .m_continer3 {
    width: 100%;
    height: auto;
    overflow: hidden; /*height:544px;*/
  }
  #m_main .m_continer3 .main_board {
    width: auto;
    padding-top: 40px;
  }
  #m_main .m_continer3 .main_board .main_board1 {
    width: 49%;
    margin-right: 2%;
  }
  #m_main .m_continer3 .main_board .main_board2 {
    width: 49%;
  }
  #m_main .m_continer4 {
    width: 100%;
    margin: 0 auto;
    height: auto;
    margin-bottom: 40px;
    margin-top: 40px;
  }
  #m_main .m_continer4 .continer4_wp {
    width: 100%;
  }
  #m_main .m_continer4 .continer4_1 {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  #m_main .m_continer4 .continer4_1 .con4_tea {
    width: 100%;
    height: 300px;
    margin-right: 0px;
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
  }
  #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo {
    /*padding-left: 68px;*/
  }
  .mob_continer4_2 {
    width: 100%;
    float: none;
    margin-top: 40px;
  }
  .mob_continer4_2 .con4_2_bn {
    width: auto;
  }
  .mob_continer4_2 .con4_2_bn .con4_2_bn1 {
    width: 100%;
  }
  .mob_continer4_2 .con4_2_bn .con4_2_bn2 {
    width: 100%;
  }
  .mob_continer4_2 .con4_2_bn ul .con4_2_bn1 .bn_co {
    top: 6px;
    height: 12px;
    background-image: url(/img/index/bn_go_icon.png);
    background-repeat: no-repeat;
    display: block;
    position: relative;
    left: 29px;
  }
  .mob_continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 .bn_co {
    top: 6px;
    height: 12px;
    background-image: url(/img/index/bn_go_icon.png);
    background-repeat: no-repeat;
    display: block;
    position: relative;
    left: 29px;
  }
  #m_main .m_continer1 .q_menu {
    width: 100%;
    margin: 0 auto;
  }
  #m_main .m_continer1 .q_menu .shortcut li {
    float: left;
    width: 25%;
    border-left: 1px solid #75a0d6;
    border-top: 1px solid #75a0d6;
    margin: -1px 0 0 -1px;
  }
  .main_txt {
    width: auto;
  }
  #m_main .m_continer3 {
    width: 100%;
    background-color: #f7f7f9;
    padding: 0;
  }
  #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo {
  }
  #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo_of {
    margin-right: 0px;
  }
  #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo .tea_name .t_name {
    position: relative;
  }
  #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo img {
    width: 100%;
  }
  #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo_of img {
    width: 100%;
  }
  #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo .tea_name {
    font-size: 15px;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    width: 100%;
    position: relative;
    bottom: 34px;
    padding: 6% 0% 6% 0%;
  }
  .mob_continer5_1 {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  .mob_continer5_1 .con5_gallery {
    border: 1px solid #a7aab0;
  }
  .mob_continer5_1 .con5_gallery .gallery_photo {
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    padding: 20px 1%;
    box-sizing: border-box;
  }
  .mob_continer5_1 .con5_gallery .gallery_photo .gallery_pho_wp {
    width: 48%;
    float: left;
    margin: 0 1%;
  }
  .mob_continer5_1 .con5_gallery .gallery_photo .img {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.26%;
  }
  .mob_continer5_1 .con5_gallery .gallery_photo .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .mob_continer5_1 .con5_gallery .gallery_photo .pho_name {
    font-size: 15px;
    text-align: left;
    height: 30px;
    line-height: 40px;
    color: #000;
    width: 280px;
  }
  .mob_continer5_1 .con5_gallery .gallery_title {
    border-bottom: 1px solid #2365b3;
    padding: 20px 0px 20px 24px;
  }
  /* m_4수강후기 */
  #m_main .m_continer5 .continer4_2 .board_list table {
    width: 100%;
    border-top: 1px solid #a7aab0;
  }
  #m_main .m_continer5 .continer4_2 .board_list table th {
    padding: 12px 0;
    font-size: 15px;
    line-height: 16px;
    color: #666;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
  }
  #m_main .m_continer5 .continer4_2 .board_list table td {
    padding: 12px 0;
    font-size: 14px;
    line-height: 16px;
    color: #666;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
  }
  #m_main .m_continer5 .continer4_2 .board_list table th {
    background: #eff3f6;
  }
  #m_main .m_continer5 .continer4_2 .board_list table td.subject {
    text-align: left;
    padding-left: 10px;
  }
  #m_main .m_continer5 .continer4_2 .board_list table td.subject a {
    color: #555;
  }
  #m_main .m_continer5 .continer4_2 .board_list table td.subject a:hover {
    color: #009;
    text-decoration: underline;
  }
  #m_main .m_continer5 .continer4_2 .board_list table td.subject img {
    vertical-align: middle;
  }
  #m_main .m_continer5 .continer4_2 .board_list table td.name span {
    color: #333;
  }
  #m_main .m_continer5 .continer4_2 .board_list .head .subject {
    border-left: 1px solid #a7aab0;
    border-bottom: 1px solid #a7aab0;
  }
  #m_main .m_continer5 .continer4_2 .board_list .head .tea {
    border-right: 1px solid #a7aab0;
    border-bottom: 1px solid #a7aab0;
  }
  #m_main .m_continer5 .continer4_2 .board_list .head .type {
    border-bottom: 1px solid #a7aab0;
  }
  #m_main .m_continer5 .continer4_2 .board_list .head .period {
    border-bottom: 1px solid #a7aab0;
  }
  #m_main .m_continer5 .continer4_2 h2 {
    margin-bottom: 20px;
  }
  #m_main .m_continer5 .continer4_2 h2 a {
    display: block;
    float: right;
    background-color: #fff;
    border: 1px solid #a7aab0;
    padding: 1px 6px;
  }
  #m_main .m_continer5 .continer4_2 {
    width: 49%;
    float: left;
    margin-right: 2%;
    box-sizing: border-box;
  }
  #m_main .m_continer5 .continer5_2 {
    width: 100%;
    float: none;
    box-sizing: border-box;
    margin-top: 40px;
  }
  #m_main .m_continer5 .continer5_2 .board_wp .board {
    position: relative;
    width: 92%;
    height: 160px;
    background-color: #fff;
    left: 0;
    margin: 0 auto;
  }
  .mob_continer4_2 .con4_2_bn .con4_2_bn1_wp {
    width: 49%;
    float: left;
    margin-right: 2%;
  }
  .mob_continer4_2 .con4_2_bn .con4_2_bn1_wp img {
    width: 100%;
  }
  .mob_continer4_2 .con4_2_bn .con4_2_bn2_wp {
    width: 49%;
    float: left;
  }
  .mob_continer4_2 .con4_2_bn .con4_2_bn2_wp img {
    width: 100%;
  }
  .continer5_2 .board_wp .board {
    left: 0;
  }
  #m_main .m_continer3 {
    background-color: #ffffff;
    margin-bottom: 40px;
  }
  #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo {
    width: 94%;
    margin: 0 auto;
    height: auto;
    padding: 20px 0;
    overflow: hidden;
  }
  #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo .tea_photo_wp {
    float: left;
    position: relative;
    width: 31.333%;
    margin: 0 1%;
    margin-bottom: 3%;
  }
  #m_main .m_continer5 {
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
  }
  .mob_continer4_2 .con4_2_bn {
    margin-top: 3.4%;
  }
  #m_main .m_continer5 .continer5_2 .board_wp .board {
    position: relative;
    width: 92%;
    height: 150px;
    background-color: #fff;
    left: 0;
    margin: 0 auto;
  }
  #m_main .m_continer3 .main_board .main_board2 .board_list .head .tea {
    border-top: 2px solid #333;
    border-bottom: 1px solid #e5e5e5;
  }
  /* .m_topMenu {
    display: block;
  } */
  .m_topMenu .logo {
    float: none;
    position: absolute;
    left: 10px;
    top: 10px;
    width: auto;
  }
  .m_topMenu .ham {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 50px;
    height: 50px;
    cursor: pointer; /*  background: rgba(255,255,255,0.3); */
  }
  .m_topMenu .ham span {
    display: block;
    background: #333;
    width: 42px;
    height: 4px;
    border-radius: 3px;
    transition: margin 0.25s 0.25s, transform 0.25s;
  }
  .m_topMenu .ham .bar1 {
    margin-bottom: 8px;
  }
  .m_topMenu .ham .bar2 {
  }
  .m_topMenu .ham .bar3 {
    margin-top: 8px;
  }
  .m_topMenu .ham.active span {
    transition: margin 0.25s, transform 0.25s 0.25s;
  }
  .m_topMenu .ham.active .bar1 {
    margin-top: 8px;
    margin-bottom: -4px;
    transform: rotate(45deg);
  }
  .m_topMenu .ham.active .bar2 {
    transform: rotate(45deg);
  }
  .m_topMenu .ham.active .bar3 {
    margin-top: -4px;
    transform: rotate(135deg);
  }
  /* #topMenu {
    display: none;
  } */
  /* .t_menu {
    display: none;
  } */
  .ing_img {
    max-width: 100%;
  }
  .app4_tab_tit_top {
    width: 25%;
    padding: 4% 2% 4% 3%;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
    background: #f8f8f8;
  }
  .app4_tab_c_top {
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
    font-size: 13px;
    line-height: 149%;
  }
  .app4_tab_tit {
    width: 20%;
    background-color: #f8f8f8;
    padding: 15px 0 15px 15px;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
  }
  .app4_tab_c {
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
  }
  .app4_tab_c1 {
    width: 25%;
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    text-align: center;
  }
  .app4_tab_tit_top_next {
    padding: 2%;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
    text-align: center;
    background: #f8f8f8;
  }
  .app4_tab_c_top {
    background-color: #eff3f6;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
  }
  .app4_tab_tit {
    width: 20%;
    background-color: #f8f8f8;
    padding: 15px 0 15px 15px;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
  }
  .app4_tab_c {
    width: 25%;
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    line-height: 149%;
    text-align: center;
  }
  .app4_tab_c3 {
    width: 25%;
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    line-height: 149%;
    text-align: center;
  }
  .app4_tab_c_top span {
    font-size: 12px;
    color: #838383;
  }
  .app4_tab_tit_top_next span {
    font-size: 12px;
    color: #838383;
  }
  .app4_tab_tit_top_next ul li {
    width: 100%;
    float: none;
    box-sizing: border-box;
  }
  .way_box .list_target .circle_target1 {
    width: 124px;
    height: 122px;
    background: url(/img/app/text_title1.jpg) center center no-repeat;
    float: left;
  }
  .way_box .list_target .circle_target2 {
    width: 124px;
    height: 122px;
    background: url(/img/app/text_title1.jpg) center center no-repeat;
    float: left;
  }
  .way_box .list_target .desc_target {
    background: url(/img/app/text_title2.jpg) left top no-repeat;
    padding: 15px 0 0 74px;
    width: 706px;
    height: 129px;
    margin-left: 117px;
    background-size: 80%;
  }
  .organ > ul > li > ul.bottom:after {
    content: "";
    position: absolute;
    left: 38%;
    width: 87.6%;
    margin-left: -31.6%;
    height: 1px;
    top: 358px;
    background: #d1d1d1;
    z-index: -1;
  }
  .organ > ul > li > ul.bottom > li > span:after {
    content: "";
    position: absolute;
    margin-left: -9%;
    width: 1px;
    height: 50px;
    top: -25px;
    padding-bottom: 0;
    background: #d1d1d1;
    z-index: -1;
  }
  .greetings > p {
    font-size: 27px;
    letter-spacing: -1px;
    line-height: 120%;
    padding-left: 2%;
    padding-bottom: 3%;
  }
  .greetings .ceo .photo img {
    width: 120px;
  }
  .greetings .txt1 {
    font-size: 11px;
    color: #a68b6e;
    letter-spacing: 0px;
  }
  .greetings .ceo_mm {
    display: none;
  }
  .greetings .ceo > ul > li:first-child {
    margin-top: 49%;
    padding-right: 10px;
  }
  .bot_mm {
    display: none;
  }
  .main_top {
    height: 45px;
    background-color: #eff3f6;
    border-bottom: 1px solid #d9dee2;
    clear: both;
    margin-top: 23px;
  }
  .c_graph ul .c_g_ip {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
  }
  .c_graph ul li {
    float: left;
    width: 48%;
    margin: 0 1% 40px 0;
  }
  .c_graph ul .tit {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0%;
  }
  .c_graph ul .graph_img {
    text-align: center;
    margin-bottom: 4%;
  }
  .c_graph ul .per {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2%;
  }
  .circle_graph {
    border: 1px solid #dedede;
    padding: 4% 0;
    height: auto;
    overflow: hidden;
    border-top: 2px solid #151515;
  }
  #wrap {
    width: 100%;
    padding: 0px;
    margin: 0 auto;
    position: relative;
    min-height: 0;
    min-width: 100%;
  }
  #footer {
    /* display: none; */
  }
  #m_footer {
    display: block;
    padding: 3%;
    border-top: 1px solid #ccc;
    margin-top: 30px;
  }
  .board_top_bn {
    display: none;
  }
  #t_ban_box2 {
    display: none;
  }
  /*1224*/
  .tab_c_top {
    padding: 10px 0 10px 10px;
  }
  .t_ban_box {
    display: none;
  }
  .item li .img {
    height: auto;
    overflow: hidden;
  }
  .item li .img img {
    width: 100%;
    height: 100%;
  }
}
@media all and (max-width: 760px) {
  html,
  body {
    -webkit-text-size-adjust: none;
  }
  .wrap {
    width: auto;
    margin: 0 10px;
  }
  .wolfharu_tabmenu_menu ul {
    display: none;
  }
  .wolfharu_tabmenu_menu select {
    font-size: 1em;
    display: block;
  }
  .wolfharu_tabmenu_content {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  /* m_shortcut2 */
  #m_main .m_continer2 {
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
  }
  #m_main .m_continer2 .icon_box {
    border-bottom: 0;
    margin-top: 16px;
    height: auto;
    overflow: hidden;
    padding-bottom: 20px;
  }
  #m_main .m_continer2 .shortcut2 {
    width: 100%;
    background: #fff;
    padding-bottom: 0px;
  }
  #m_main .m_continer2 .shortcut2 ul {
    /*overflow:hidden;*/
  }
  #m_main .m_continer2 .shortcut2 ul:after {
    content: "";
    display: block;
    clear: both;
  }
  #m_main .m_continer2 .shortcut2 li {
    float: none;
    width: 100%;
    position: relative;
    background: #edeff1;
    margin: 2px 0;
  }
  #m_main .m_continer2 .shortcut2 ul .icon_bg_on {
    float: left;
    text-align: center;
  }
  #m_main .m_continer2 .shortcut2 li a {
    display: block;
    position: relative;
    font-size: 15px;
    color: #000000;
    text-align: center;
    cursor: default;
    width: 80px;
    height: 40px;
    margin-bottom: 0px;
  }
  #m_main .m_continer2 .shortcut2 a i {
    display: block;
    position: absolute;
    left: 50%;
    width: 60px;
    margin-left: -28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
  }
  #m_main .m_continer2 .shortcut2 a span {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 80px;
    left: 60px;
    top: 13px;
    font-size: 13px;
    margin-top: 0px;
  }
  #m_main .m_continer2 .shortcut2 ul li:before {
    content: "▼";
    display: block;
    position: absolute;
    top: 11px;
    right: 15px;
    font-size: 13px;
    font-weight: bold;
  }
  #m_main .m_continer2 .shortcut2 ul li:first-child:after {
    display: none;
  }
  #m_main .m_continer2 .shortcut2 .icon01 {
    top: 0px;
    height: 40px;
    background-image: url("/img/index/shortcut2_icon01.png");
  }
  #m_main .m_continer2 .shortcut2 .icon02 {
    top: 0px;
    height: 40px;
    background-image: url("/img/index/shortcut2_icon02.png");
  }
  #m_main .m_continer2 .shortcut2 .icon03 {
    top: 0px;
    height: 40px;
    background-image: url("/img/index/shortcut2_icon03.png");
  }
  #m_main .m_continer2 .shortcut2 .icon04 {
    top: 0px;
    height: 40px;
    background-image: url("/img/index/shortcut2_icon04.png");
  }
  #m_main .m_continer2 .shortcut2 .icon05 {
    top: 0px;
    height: 40px;
    background-image: url("/img/index/shortcut2_icon05.png");
  }
  #m_main .m_continer2 .shortcut2 .icon06 {
    top: 0px;
    height: 40px;
    background-image: url("/img/index/shortcut2_icon06.png");
  }
  #m_main .m_continer2 .shortcut2 .icon07 {
    top: 0px;
    height: 40px;
    background-image: url("/img/index/shortcut2_icon07.png");
  }
}
@media screen and (max-width: 640px) {
  .tea_photo ul .photo {
    float: left;
    width: 30%;
    height: 150px;
    position: relative;
    margin-right: 5%;
  }
  .main_img {
    width: 100%;
    height: 300px;
    background: url(/img/index/main_img.jpg);
    background-position: 57%;
    background-size: cover;
    margin-bottom: 22px;
  }
  #m_main .m_continer1 {
    width: 100%;
    margin: 0 auto;
  }
  #m_main .m_continer1 .board_wp {
    width: 100%;
    margin: 0 auto;
  }
  #m_main .m_continer1 .q_menu {
    width: 100%;
    margin: 0 auto;
  }
  #m_main .m_continer1 .center {
    width: 100%;
    float: left;
  }
  #m_main .m_continer1 .center ul .main_bn ul .main_bn1 {
    float: left;
    border: 1px solid #a7aab0;
    border-top: none;
    display: block;
    width: 100%;
    line-height: 36px;
    text-align: center;
    box-sizing: border-box;
  }
  #m_main .m_continer1 .center ul .main_bn ul .main_bn2 {
    float: left;
    border: 1px solid #a7aab0;
    border-top: none;
    display: block;
    width: 100%;
    line-height: 36px;
    text-align: center;
    box-sizing: border-box;
  }
  #m_main .m_continer1 .center ul .main_bn ul .main_bn3 {
    float: left;
    border: 1px solid #a7aab0;
    border-top: none;
    display: block;
    width: 100%;
    line-height: 36px;
    text-align: center;
    box-sizing: border-box;
  }
  #m_main .m_continer1 .center ul .main_bn ul .main_bn4 {
    float: left;
    border: 1px solid #a7aab0;
    border-top: none;
    display: block;
    width: 100%;
    line-height: 36px;
    text-align: center;
    box-sizing: border-box;
  }
  #p_main {
    display: none;
  }
  #m_main {
    display: block;
    box-sizing: border-box;
  }
  .main_txt {
    width: auto;
  }
  .main_txt h1 {
    font-size: 60px;
  }
  #m_main .m_continer4 {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  #m_main .m_continer4 .continer4_wp {
    width: 100%;
  }
  #m_main .m_continer4 .continer4_1 {
    float: none;
  }
  #m_main .m_continer4 .continer4_1 .con4_tea {
    width: auto;
    margin-right: 0px;
  }
  #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo {
    /*padding-left: 68px;*/
  }
  .mob_continer4_2 {
    width: 100%;
    margin-top: 40px;
    float: none;
  }
  .mob_continer4_2 .con4_2_bn {
    width: auto;
  }
  .mob_continer4_2 .con4_2_bn .con4_2_bn1 {
    width: 48%;
    padding: 0px;
  }
  .mob_continer4_2 .con4_2_bn .con4_2_bn2 {
    width: 48%;
    padding: 0px;
    float: right;
  }
  .mob_continer4_2 .con4_2_bn ul .con4_2_bn1 .bn_co {
    top: 6px;
    height: 12px;
    background-image: url(/img/index/bn_go_icon.png);
    background-repeat: no-repeat;
    display: block;
    float: right;
    padding-left: 208px;
    position: relative;
  }
  .mob_continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 .bn_co {
    top: 6px;
    height: 12px;
    background-image: url(/img/index/bn_go_icon.png);
    background-repeat: no-repeat;
    display: block;
    float: right;
    padding-left: 208px;
    position: relative;
  }
  .mob_continer4_2 .con4_2_bn ul .con4_2_bn1_wp .con4_2_bn1 h3 {
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    padding: 20px 0 6px 20px;
  }
  .mob_continer4_2 .con4_2_bn ul .con4_2_bn1_wp .con4_2_bn1 p {
    color: #000000;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 0 6px 20px;
  }
  #m_main .m_continer1 .center ul .centere_tel .centere_tel_wp {
    width: auto;
    overflow: hidden;
  }
  #m_main .m_continer3 .main_board .main_board1 {
    width: 100%;
    margin-right: 0;
  }
  #m_main .m_continer4 .continer4_1 {
    width: 100%;
    float: left;
    margin-right: 0;
    margin-bottom: 40px;
  }
  #m_main .m_continer3 .main_board .main_board2 {
    width: 100%;
    margin-top: 8%;
  }
  .mob_continer5_1 {
    width: 100%;
    float: left;
  }
  #m_main .m_continer5 .continer4_2 {
    width: 100%;
    float: left;
    margin-right: 0;
    box-sizing: border-box;
  }
  #m_main .m_continer5 .continer5_2 .board_wp .board .more {
    position: absolute;
    top: -42px;
    right: 15px;
    width: 24px;
    height: 24px;
  }
  #m_main .m_continer5 .continer5_2 {
    width: 100%;
    float: left;
    box-sizing: border-box;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  #m_main .m_continer5 .continer5_2 .board_wp .board .tabcontent .list_box li .date {
    position: absolute;
    right: 16px;
    top: 2px;
    font-size: 13px;
    line-height: 14px;
    color: #7d7d7d;
    letter-spacing: -1px;
  }
  #m_main .m_continer5 .continer5_2 .board_wp .board .active .tab_btn {
    color: #2e3192;
    font-weight: 600;
    text-align: left;
    padding-left: 3%;
  }
  #m_main .m_continer1 .center ul .centere_tel {
    border-left: 1px solid #a7aab0;
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding: 32px 0 32px 30px;
  }
  .ing_img {
    max-width: 100%;
  }
  .c_graph ul li {
    float: left;
    width: 48%;
    margin: 0 1% 40px 0;
  }
  .c_graph ul .tit {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0%;
  }
  .c_graph ul .c_g_ip {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
  }
  .circle_graph {
    border: 1px solid #dedede;
    padding: 4% 0;
    height: auto;
    overflow: hidden;
    border-top: 2px solid #151515;
  }
  /*0402*/
  .way_box .list_target {
    width: 100%;
  }
  .way_box .list_target .circle_target1 {
    width: auto;
    height: auto;
    background: #eff3f6;
    float: none;
    border: 2px solid #005bab;
    border-radius: 100px;
    margin-bottom: 10px;
  }
  .way_box .list_target .circle_target1 h4 {
    text-align: center;
    line-height: 1.3;
    padding: 6px 0 6px 0;
  }
  .way_box .list_target .circle_target1 h4 span {
    font-size: 26px;
    color: 333333;
    font-weight: 600;
  }
  .way_box .list_target .circle_target2 {
    width: auto;
    height: auto;
    background: #eff3f6;
    float: none;
    border: 2px solid #4982c9;
    border-radius: 100px;
    margin-bottom: 10px;
  }
  .way_box .list_target .circle_target2 h4 {
    text-align: center;
    line-height: 1.3;
    padding: 6px 0 6px 0;
  }
  .way_box .list_target .circle_target2 h4 span {
    font-size: 26px;
    color: 333333;
    font-weight: 600;
  }
  .way_box .list_target .desc_target {
    background: #fff;
    border: 2px solid #cac8c9;
    border-radius: 10px;
    padding: 24px 40px 40px 40px;
    width: auto;
    height: auto;
    margin-left: 0px;
    margin-bottom: 30px;
  }
  .way_box .list_target .desc_target em {
    font-size: 18px;
    color: #005bab;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 600;
    display: block;
  }
  .way_box .list_target .desc_target p {
    line-height: 149%;
  }
  .circle_target1_m {
    display: block;
  }
  .circle_target1_p {
    display: none;
  }
  /*훈련생유의사항*/
  .notice_top {
    position: inherit;
    margin: 20px 0 30px;
    padding: 30px 30px 30px 30px;
    border: 1px solid #d2d2d2;
    border-top: 3px solid #007fd8;
    box-sizing: border-box;
    word-break: keep-all;
  }
  .notice_top .not_top_txt {
    line-height: 149%;
    min-height: 80px;
    padding-left: 0px;
    border-left: none;
    border-top: 1px dashed #b2b2b2;
    padding-top: 15px;
    margin-top: 15px;
  }
  .notice_top .notice_icon {
    position: inherit;
    left: 10px;
    top: 30px;
    width: 100%;
    min-height: 91px;
    background-image: url("/img/app/notice_icon1.jpg");
    background-position: center;
    background-repeat: no-repeat;
  }
  .notice_top_c {
    border: 1px solid #eeeeee;
    background-color: #f8f8f8;
    padding: 2.74914089347%;
    margin-bottom: 50px;
  }
  .tit_line {
    height: 1px;
    margin: 0 auto;
    background: url("/img/app/d_line.png");
    margin-bottom: 26px;
  }
  .notice_c {
    width: 100%;
  }
  .notice_1 {
    position: relative;
  }
  .notice_bg_icon {
    position: absolute;
    top: -8px;
    left: 49%;
  }
  .notice_1 .notice_1_tit {
    background-color: #eff3f6;
    border: 1px solid #0b4da2;
    height: 60px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    color: #005bab;
    line-height: 60px;
  }
  .notice_1 .notice_1_txt {
    border: 2px solid #d9d9d9;
    padding: 24px;
    font-size: 14px;
    line-height: 149%;
    margin-bottom: 30px;
  }
  .organ > ul > li > ul.bottom:after {
    content: "";
    position: absolute;
    left: 44%;
    width: 78.4%;
    margin-left: -31.6%;
    height: 1px;
    top: 358px;
    background: #d1d1d1;
    z-index: -1;
  }
  .organ > ul > li > ul.bottom > li > span:after {
    content: "";
    position: absolute;
    margin-left: -8%;
    width: 1px;
    height: 50px;
    top: -25px;
    padding-bottom: 0;
    background: #d1d1d1;
    z-index: -1;
  }
  .organ > ul > li > ul.bottom > li {
    position: relative;
    width: 100%;
  }
  .greetings .txt1 {
    display: none;
  }
  .greetings > p {
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 120%;
    padding-left: 2%;
    padding-bottom: 11%;
  }
  .greetings .ceo .photo img {
    width: 87px;
  }
  .greetings .greetingcon {
    font-size: 12px;
    line-height: 149%;
    color: #666;
    background: #fff;
    padding: 14% 4% 4% 4%;
  }
  .greetings .ceo > ul > li:first-child {
    margin-top: -29%;
  }
  .greetings .ceo {
    position: absolute;
    right: 3%;
    top: 10px;
  }
  .greetings .ceo_mm {
    display: block;
  }
  .greetings .ceo_p {
    display: none;
  }
  .greetings .ceo .ceo_name {
    float: none;
    text-align: left;
  }
  .organ > ul > li > ul.top > li > span {
    display: block;
    width: 40%;
    height: 58px;
    line-height: 58px;
    margin: 0 auto;
    border-radius: 10px;
    background: #454953;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    float: left;
  }
  .organ > ul > li > ul.middle > li > span {
    display: block;
    width: 20%;
    height: 58px;
    line-height: 58px;
    margin: 0 auto;
    border-radius: 10px;
    background: #454953;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    float: left;
  }
  .organ > ul > li > ul.middle2 > li > span {
    display: block;
    width: 40%;
    height: 58px;
    line-height: 58px;
    margin: 0 auto;
    border-radius: 10px;
    background: #454953;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
  }
  .organ > ul > li > ul.top:after {
    content: "";
    position: absolute;
    left: 25%;
    width: 366px;
    margin-left: -100px;
    height: 1px;
    top: 60px;
    background: #d1d1d1;
    z-index: -1;
  }
  .organ > ul > li > ul.bottom > li > span {
    display: block;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    border-radius: 10px;
    background: #949494;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    float: left;
    width: 23%;
    margin: 1%;
  }
  .organ > ul > li > ul.bottom:after {
    content: "";
    position: absolute;
    left: 44%;
    width: 78.4%;
    margin-left: -31.6%;
    height: 1px;
    top: 358px;
    background: #d1d1d1;
    z-index: -1;
  }
  .m_line {
    display: block;
    margin: 0px 0px;
  }
  .bot_mm {
    display: block;
  }
  .organ > ul > li > ul.bottom > li > span:after {
    content: "";
    position: absolute;
    margin-left: -8%;
    width: 1px;
    height: 50px;
    top: -25px;
    padding-bottom: 0;
    background: #d1d1d1;
    z-index: -1;
  }
  .organ > ul > li > ul.bottom > li > .line_no:after {
    content: "";
    position: absolute;
    margin-left: -8%;
    width: 0px;
    height: 0px;
    top: -25px;
    padding-bottom: 0;
    background: #d1d1d1;
    z-index: -1;
  }
  .organ > ul > li > ul.bottom > .right {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .stu1_2_top ul .stu1_2_img {
    width: 100%;
    height: 100%;
    background-color: #fff;
    float: none;
    margin-right: 0px;
    box-sizing: border-box;
  }
  .stu1_2_top ul .stu1_2_txt {
    width: 100%;
    float: none;
    box-sizing: border-box;
    margin-top: 4%;
  }
  .mem_btn1 {
    margin: 4%;
  }
  .mem_txt {
    display: block;
    margin-bottom: 2%;
  }
  .log_tit {
    background-color: #fff; /*padding:15px 0 15px 15px;*/
    font-size: 14px;
    font-weight: 600;
  }
  .login_wp {
    width: 90%;
  }
  .log_tit {
    width: 20%;
    background-color: #fff; /*padding:15px 0 15px 15px;*/
    font-size: 14px;
    font-weight: 600;
  }
  .stu1_2_btn ul .stu1_2_btn1 {
    width: 100%;
    float: none;
    text-align: center;
    margin-right: 0px;
    margin-bottom: 2%;
  }
  .stu1_2_btn ul .stu1_2_btn2 {
    width: 100%;
    float: none;
    text-align: center;
  }
  .item_area ul.item li {
    float: inherit;
    width: 100%;
    margin: 0;
    margin-bottom: 10%;
  }
  #m_main .m_continer2 .shortcut2 {
    height: auto;
    overflow: hidden;
    width: 100%;
    padding: 0;
  }
  #bs_b .board_list_foot .search_box2 input[type="text"] {
    border: 1px solid #e5e5e5;
    height: 25px;
    line-height: 25px;
    width: 25%;
    background: #f5f5f5;
    padding: 0 5px;
    font-size: 13px;
    color: #666;
  } /* 마이페이지쪽지함 탭메뉴 */
  #bs_b .snb_area {
    width: 100%;
    height: 35px;
    background: url(/img/tab_bg.gif) repeat-x;
    text-align: left;
    margin: 19px 0 4% 0;
  }
  #bs_b .snb_area ul.snb {
    width: 100%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    border-right: 1px solid #e2e4e6;
  }
  #bs_b .snb_area ul.snb:after {
    content: "";
    display: block;
    clear: both;
  }
  #bs_b .snb_area ul.snb li {
    float: left;
    width: 33.33%;
    text-align: center;
  }
  #bs_b .snb_area ul.snb li a {
    display: block;
    width: auto;
    height: 33px;
    font-size: 13px;
    line-height: 33px;
    color: #888;
    font-weight: normal;
    padding: 0;
    background: none #fbfbfb;
    border: 1px solid #e2e4e6;
    border-right: 0;
  }
  #bs_b .snb_area ul.snb li a:hover {
    color: #181818;
  }
  #bs_b .snb_area ul.snb li a.on {
    background: none #fff;
    border-bottom: 1px solid #fff;
    color: #181818;
    font-weight: bold;
  }
  #bs_b .content {
    width: 1200px;
    margin: 50px auto 80px;
  }
  #bs_b .content:after {
    content: "";
    display: block;
    clear: both;
  }
  .letter_d_btn {
    position: absolute;
    left: 0;
    top: 0;
  }
  #bs_b .board_list_foot {
    position: relative;
    width: 100%;
    margin-top: 15%;
  }
  .search_leyers {
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
  }
  .tab_tit_top {
    width: 20%;
    background-color: #f8f8f8;
    padding: 10px 0;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #151515;
  }
  .edu_sel select {
    padding: 0.6em 0.5em;
    font-family: inherit;
    background: url(/img/other/mg_ico_sel.jpg) no-repeat 95% 50%;
    border: 1px solid #dddddd;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    margin: 1% 0;
  }
  .stu1_2_img .img {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.26%;
  }
  .corre_sc {
    width: 100%;
    overflow-x: scroll;
  }
  .corre_sc table {
    width: 760px;
  }
  .my_infotxt {
    display: block;
    background-color: #eff3f6;
    padding: 10px;
    margin: 20px 0;
    width: 760px;
    box-sizing: border-box;
  }
  /*1224정보수정*/
  .join_f_1 {
    width: 210px;
  }
  join_f_6 {
    width: 80px;
  }
  #Addr1 {
    display: block;
    width: 90%;
    margin: 1% 0;
  }
  #Addr2 {
    display: block;
    width: 90%;
    margin: 1% 0;
  }
  #Email1 {
    /* display: inline-block;
    width: 50%;
    margin: 1% 0; */
  }
  #Email2 {
    /* display: inline-block;
    width: 50%;
    margin: 1% 0; */
  }
  #domain {
    /* width: auto;
    padding: 7px 30px 7px 10px; */
  }
  #newEditorBox {
    background: #fff;
  }
  .tab_tit_top {
    width: 25%;
    background-color: #f8f8f8;
    padding: 10px 0;
    font-size: 12px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #151515;
  }
  .tab_tit {
    width: 20%;
    background-color: #f8f8f8;
    padding: 15px 0 15px 0;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
  }
  .font_sm01 {
    font-size: 12px;
    color: #333;
    font-weight: 600;
    word-break: keep-all;
    display: block;
    line-height: 149%;
    margin-top: 1%;
  }
  #Zipcode {
    width: 184px;
  }
  #bs_b .board_list_foot .search_box input[type="text"] {
    border: 1px solid #e5e5e5;
    width: 120px;
    background: #f5f5f5;
    padding: 0.5em 6px 0.5em 6px;
    font-size: 13px;
    color: #666;
  }
  .scroll_searchbox_wp {
    width: 765px;
  }
  #bs_b .board_list_foot .search_box {
    text-align: center;
    margin-top: 20px;
    position: relative;
  }
  .m_btn_ty_1 {
    display: block;
    text-align: center;
  }
  .m_btn_ty_1 .sut1_4_bt {
    background-color: #999999;
    color: #fff;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
    margin-bottom: 0 !important;
  }
  .item li .img {
    height: auto;
    overflow: hidden;
  }
  .tab_tit_top table tbody tr td ul li:first-child {
    text-align: left;
  }
  .tab_tit_top table tbody tr td ul li:last-child {
    margin-right: 0 !important;
  }
  #bs_b .board_list_foot .btns {
    position: initial;
    right: 0;
    top: 0;
    text-align: center;
  }
} /* 1026강사소개 */
.flex_containter {
  display: flex;
  justify-content: space-between;
}
.tutor_list {
  /*240115강사두줄*/
  display: flex;
  justify-content: space-around;
  gap: 20px;
}
.introducation_bx {
  border: 2px solid #cacaca;
  margin-bottom: 20px;
  display: flex;
  padding: 20px;
  width: 50%; /*240115강사두줄*/
}
.introducation_bx img {
  width: 170px;
  height: 230px;
}
.introducation_bx .introdu_txtbx {
  margin-left: 5%;
}
.introducation_bx .introdu_txtbx .intoro_txt {
  margin-bottom: 30px;
}
.introducation_bx .introdu_txtbx .intoro_txt span {
  background: #949494;
  color: #fff;
  padding: 5px 25px;
  font-size: 18px;
  display: inline-block;
}
.introducation_bx .introdu_txtbx .intoro_txt ul {
  margin-top: 20px;
}
.introducation_bx .introdu_txtbx .intoro_txt ul li {
  position: relative;
  font-size: 15px;
  padding-left: 10px;
  margin: 10px 0px;
}
.introducation_bx .introdu_txtbx .intoro_txt ul li:before {
  content: "";
  position: absolute;
  border-left: 3px solid #424242;
  height: 7px;
  left: 0;
  top: 6px;
}
@media screen and (max-width: 1024px) {
  #header {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999;
    left:0 !important;
    right:0 !important;
  }
  .tutor_list {
    /*240115강사두줄*/
    display: block;
    justify-content: unset;
    gap: unset;
  }
  .introducation_bx {
    width: unset; /*240115강사두줄*/
  }
}
@media screen and (max-width: 450px) {
  .my4_3_tab table td {
    font-size: 12px;
  }
  /* 1026강사소개 */
  .flex_containter {
    display: flex;
    justify-content: space-between;
  }
  .introducation_bx {
    display: block;
    text-align: center;
  }
  .introducation_bx img {
    margin: 0 auto;
    text-align: center;
  }
  .introducation_bx .introdu_txtbx {
    margin-left: 0;
    margin-top: 20px;
    text-align: left;
  }
  .introducation_bx .introdu_txtbx .intoro_txt span {
    background: #949494;
    color: #fff;
    padding: 5px 25px;
    font-size: 15px;
    display: inline-block;
  }
  .introducation_bx .introdu_txtbx .intoro_txt ul {
    margin-top: 20px;
  }
  .introducation_bx .introdu_txtbx .intoro_txt ul li {
    font-size: 13px;
  }
} /*온오프라인 추가*/
@media screen and (max-width: 450px) {
  /* 1026강사소개 */
  .flex_containter {
    display: flex;
    justify-content: space-between;
  }
  .introducation_bx {
    display: block;
    text-align: center;
  }
  .introducation_bx img {
    margin: 0 auto;
    text-align: center;
  }
  .introducation_bx .introdu_txtbx {
    margin-left: 0;
    margin-top: 20px;
    text-align: left;
  }
  .introducation_bx .introdu_txtbx .intoro_txt span {
    background: #949494;
    color: #fff;
    padding: 5px 25px;
    font-size: 15px;
    display: inline-block;
  }
  .introducation_bx .introdu_txtbx .intoro_txt ul {
    margin-top: 20px;
  }
  .introducation_bx .introdu_txtbx .intoro_txt ul li {
    font-size: 13px;
  }
} /* 시험 일정 */
.wrap_test_schedule {
  position: relative;
}
.wrap_test_schedule .img_schedule {
  position: absolute;
  top: 0;
  right: 0;
}
.wrap_test_schedule .area_schedule {
  margin-top: 40px;
}
.wrap_test_schedule .area_schedule ~ .area_schedule {
  margin-top: 60px;
}
.wrap_test_schedule .area_schedule.center .wrap_tit {
  text-align: center;
}
.wrap_test_schedule .area_schedule.center .wrap_tit .txt_tit:after {
  left: 50%;
  margin-left: -20px;
}
.wrap_test_schedule .wrap_tit .txt_tit {
  display: inline-block;
  position: relative;
  font-size: 22px;
  font-weight: 700;
  color: #222222;
  letter-spacing: -0.025em;
  line-height: 26px;
}
.wrap_test_schedule .wrap_tit .txt_tit:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -21px;
  width: 40px;
  height: 4px;
  background: #002a74;
}
.wrap_test_schedule .wrap_tit {
  padding-bottom: 45px;
}
.wrap_test_schedule .wrap_desc {
  font-size: 18px;
  color: #222;
  line-height: 32px;
}
.wrap_test_schedule .list_desc {
  margin-top: 8px;
  background: #f6f7f9;
  border-radius: 4px;
  padding: 24px 20px;
}
.wrap_test_schedule .list_desc ul {
  padding-left: 10px;
}
.screen_out {
  position: absolute;
  width: 1px;
  height: 1px;
  color: #fff;
  clip: rect(0, 0, 0, 0);
  margin: -1px;
  overflow: hidden;
}
.wrap_test_schedule .table_schedule {
  width: 100%;
  margin-top: 16px;
  text-align: center;
  border-collapse: collapse;
  font-size: 18px;
  line-height: 26px;
  word-break: break-all;
}
.wrap_test_schedule .table_schedule th {
  background: #f8f8f8;
  padding: 17px 8px;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #ddd;
}
.wrap_test_schedule .table_schedule th:last-child {
  border-right: 1px solid #dddddd;
}
.wrap_test_schedule .table_schedule td {
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #ddd;
  padding: 11px;
}
.wrap_test_schedule .table_schedule td:last-child {
  border-right: 1px solid #dddddd;
}
@media screen and (max-width: 1024px) {
  .wrap_test_schedule .wrap_tit .txt_tit {
    font-size: 20px;
  }
  .wrap_test_schedule .wrap_desc {
    font-size: 16px;
  }
  .wrap_test_schedule .table_schedule {
    font-size: 16px;
    line-height: 24px;
  }
  .wrap_test_schedule .txt_desc {
    padding-right: 60px;
  }
  .wrap_test_schedule .area_schedule ~ .area_schedule {
    margin-top: 50px;
  }
}
@media screen and (max-width: 640px) {
  .wrap_test_schedule .area_schedule {
    margin-top: 0;
  }
  .wrap_test_schedule .area_schedule ~ .area_schedule {
    margin-top: 40px;
  }
  .wrap_test_schedule .wrap_tit .txt_tit {
    font-size: 18px;
  }
  .wrap_test_schedule .wrap_desc {
    font-size: 14px;
    line-height: 28px;
  }
  .wrap_test_schedule .table_schedule {
    font-size: 14px;
    line-height: 20px;
  }
  .wrap_test_schedule .txt_desc {
    padding-right: 100px;
  }
  .wrap_test_schedule .img_schedule {
    width: 80px;
    height: 80px;
  }
} /* 교육원 소개 */
.wrap_intro_institute {
  padding-top: 20px;
}
.wrap_intro_institute .area_banner_tit img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.wrap_intro_institute .area_detail {
  position: relative;
  padding-bottom: 133px;
  padding-top: 32px;
  font-size: 18px;
  line-height: 30px;
  color: #222222;
}
.wrap_intro_institute .area_detail .txt_stress {
  color: #0092e5;
}
.wrap_intro_institute .area_detail em {
  font-weight: 700;
  font-style: normal;
}
.wrap_intro_institute .img_institute {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.wrap_intro_institute .img_institute_logo {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .wrap_intro_institute .img_institute {
    width: 300px;
  }
}
@media screen and (max-width: 640px) {
  .wrap_intro_institute {
    padding-top: 0;
  }
  .wrap_intro_institute .area_detail {
    font-size: 16px;
    line-height: 27px;
    padding-top: 21px;
  }
  .wrap_intro_institute .img_institute {
    width: 280px;
  }
  .wrap_intro_institute .img_institute_logo {
    width: 100px;
  }
} /* 환불 규정 */
.wrap_info_refund {
  position: relative;
  padding-top: 20px;
}
.wrap_info_refund .img_refund {
  position: absolute;
  top: 20px;
  right: 0;
  z-index: -1;
}
.wrap_info_refund .list_desc {
  list-style-type: decimal;
  padding-left: 16px;
  list-style-position: inside;
  text-indent: -14px;
}
.wrap_info_refund .list_desc ol {
  text-indent: 0;
}
.wrap_info_refund .area_list {
  margin-top: 32px;
  padding: 24px 20px;
  background: #f6f7f9;
  border-radius: 4px;
  font-size: 16px;
  color: #222222;
  line-height: 30px;
}
.wrap_info_refund .txt_desc {
  line-height: 32px;
  font-size: 18px;
  color: #222;
  padding-right: 130px;
}
.wrap_info_refund .wrap_tit {
  padding-bottom: 45px;
}
.wrap_info_refund .wrap_tit .txt_tit {
  display: inline-block;
  position: relative;
  font-size: 22px;
  font-weight: 700;
  color: #222222;
  letter-spacing: -0.025em;
  line-height: 26px;
}
.wrap_info_refund .wrap_tit .txt_tit:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -21px;
  width: 40px;
  height: 4px;
  background: #002a74;
}
@media screen and (max-width: 1024px) {
  .wrap_info_refund .txt_desc {
    padding-right: 200px;
  }
}
@media screen and (max-width: 640px) {
  .wrap_info_refund .txt_desc {
    line-height: 24px;
    font-size: 16px;
  }
  .wrap_info_refund .area_list {
    margin-top: 22px;
    padding: 22px 18px;
    font-size: 14px;
    line-height: 24px;
  }
  .wrap_info_refund .img_refund {
    width: 146px;
  }
  .wrap_info_refund {
    padding-top: 0;
  }
  .wrap_info_refund .wrap_tit .txt_tit {
    font-size: 18px;
    line-height: 24px;
  }
} /* 오시는 길 */
.wrap_info_location {
  padding-top: 20px;
}
.wrap_info_location .box_info_map {
  margin-top: 16px;
  background: #f6f7f9;
  border-radius: 8px;
  padding: 24px 40px;
  line-height: 26px;
}
.wrap_info_location .box_info_map .list_info {
  overflow: hidden;
  color: #222222;
  font-size: 16px;
}
.wrap_info_location .box_info_map .txt_type {
  width: 100px;
  margin-right: 15px;
  float: left;
  font-weight: 700;
}
.wrap_info_location .box_info_map .desc_type {
  float: none;
  overflow: hidden;
}
.wrap_info_location .box_info_map .list_info > li + li {
  margin-top: 12px;
}
.wrap_info_location .box_info_map .list_locate {
  overflow: hidden;
}
.wrap_info_location .box_info_map .list_locate li {
  float: left;
  position: relative;
}
.wrap_info_location .box_info_map .list_locate li + li {
  margin-left: 33px;
}
.wrap_info_location .box_info_map .list_locate li + li::before {
  position: absolute;
  content: "";
  background: #363636;
  width: 1px;
  height: 14px;
  left: -16px;
  top: 50%;
  margin-top: -7px;
}
.wrap_info_location .list_info_way {
  margin-top: 48px;
}
.wrap_info_location .list_info_way > li {
  padding-left: 76px;
  position: relative;
}
.wrap_info_location .list_info_way > li + li {
  margin-top: 50px;
}
.wrap_info_location .list_info_way img {
  position: absolute;
  top: 0;
  left: 0;
}
.wrap_info_location .list_info_way .tit_type {
  float: left;
  width: 129px;
  margin-top: 18px;
  font-size: 16px;
  color: #222222;
}
.wrap_info_location .list_info_way .desc_type {
  float: none;
  overflow: hidden;
  font-size: 18px;
  color: #222222;
  line-height: 30px;
  font-weight: 500;
}
.wrap_info_location .list_info_way .line_subway {
  line-height: 24px;
  color: #fff;
  padding: 0 7px;
  display: inline-block;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 500;
}
.wrap_info_location .list_info_way .line2 {
  background: #208d17;
}
.wrap_info_location .list_info_way .line4 {
  background: #1ebff2;
}
.wrap_info_location .list_info_way .detail_way {
  margin-top: 6px;
}
@media screen and (max-width: 1024px) {
  .wrap_info_location .box_info_map .list_locate li {
    float: none;
  }
  .wrap_info_location .box_info_map .list_locate li + li {
    margin-left: 0;
    margin-top: 5px;
  }
}
@media screen and (max-width: 640px) {
  .wrap_info_location {
    padding-top: 0;
  }
  .wrap_info_location .box_info_map {
    font-size: 14px;
    padding: 18px 19px;
    line-height: 22px;
  }
  .wrap_info_location .list_info_way .tit_type {
    font-size: 15px;
    margin-top: 19px;
    width: 116px;
  }
  .wrap_info_location .list_info_way .desc_type {
    font-size: 15px;
    line-height: 25px;
  }
  .wrap_info_location .list_info_way .desc_type br {
    display: none;
  }
  .wrap_info_location .list_info_way {
    margin-top: 34px;
  }
  .wrap_info_location .list_info_way > li + li {
    margin-top: 37px;
  }
}
.section_certifi {
  padding-bottom: 100px;
}
.section_certifi .list_lecture {
  overflow: hidden;
  margin-top: 40px;
}
.section_certifi .list_lecture * {
  word-break: break-all;
}
.section_certifi .list_lecture li {
  float: left;
  margin: 0 20px 20px 0;
  width: calc((100% - 60px) / 4);
  list-style: none;
}
.section_certifi .list_lecture li:nth-child(4n) {
  margin-right: 0;
}
.section_certifi .list_lecture li:nth-child(4n + 1) {
  clear: both;
}
.section_certifi .list_lecture .link_area {
  display: block;
}
.section_certifi .list_lecture .thumb_area {
  display: block;
  position: relative;
  overflow: hidden;
  height: 0;
  width: 100%;
  padding-bottom: 56.26%;
}
.section_certifi .list_lecture .thumb_area img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.section_certifi .list_lecture .desc_item {
  margin-top: 5px;
}
.section_certifi .list_lecture .row_item {
  overflow: hidden;
}
.section_certifi .list_lecture .badge {
  display: block;
  float: left;
  padding: 0 6px;
  margin-right: 3px;
  line-height: 18px;
  font-size: 12px;
  font-weight: bold;
  background-color: #999999;
  color: #fff;
  border-radius: 2px;
}
.section_certifi .list_lecture .badge.on {
  background-color: #002a74;
}
.section_certifi .list_lecture .badge.off {
  background-color: #cf181d;
}
.section_certifi .list_lecture .price_item {
  float: right;
  font-size: 14px;
  line-height: 18px;
}
.section_certifi .list_lecture .txt_name {
  display: block;
  margin: 4px 0;
  font-size: 14px;
  line-height: 20px;
  color: #666;
}
.section_certifi .list_lecture .txt_loc,
.section_certifi .list_lecture .txt_add,
.section_certifi .list_lecture .txt_lecturer {
  display: block;
  font-size: 13px;
  line-height: 18px;
  color: #999;
}
.section_certifi .list_menu {
  text-align: center;
  font-size: 0;
}
.section_certifi .list_menu li {
  display: inline-block;
  margin: 2px;
}
.section_certifi .list_menu .link_area {
  display: block;
  min-width: 106px;
  height: 46px;
  padding: 0 10px;
  text-align: center;
  font-size: 13px;
  line-height: 46px;
  font-weight: bold;
  background-color: #999999;
  color: #fff;
  border-radius: 2px;
  box-sizing: border-box;
}
.section_certifi .list_menu .link_area:hover {
  background-color: #666;
  color: #fff;
}
.section_certifi .tbl_sorting {
  width: 100%;
  bottom: 0;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  border-collapse: collapse;
  table-layout: fixed;
}
.section_certifi .tbl_sorting th,
.section_certifi .tbl_sorting td {
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.section_certifi .tbl_sorting th {
  padding: 12px;
  background: #f5f5f5;
}
.section_certifi .tbl_sorting td {
  padding: 12px 0 4px 12px;
  border-right: 1px solid #e0e0e0;
}
.section_certifi .tbl_sorting tr:last-child th,
.section_certifi .tbl_sorting tr:last-child td {
  border-bottom: 1px solid #e0e0e0;
}
.section_certifi .tbl_sorting .wrap_choice {
  overflow: hidden;
}
.section_certifi .tbl_sorting .wrap_choice .item_choice {
  float: left;
  margin: 0 12px 8px 0;
}
.section_certifi .tbl_sorting .wrap_choice .item_choice input {
  float: left;
  margin-top: 4px;
}
.section_certifi .tbl_sorting .wrap_choice .item_choice label {
  float: left;
  padding-left: 5px;
}
@media screen and (max-width: 1024px) {
  .section_certifi .list_lecture li {
    margin: 0 16px 15px 0;
    width: calc((100% - 16px) / 2);
  }
  .section_certifi .list_lecture li:nth-child(2n) {
    margin-right: 0;
  }
  .section_certifi .list_lecture li:nth-child(2n + 1) {
    clear: both;
  }
  .section_certifi .list_lecture li:nth-child(4n + 1) {
    clear: none;
  }
  .section_certifi .list_lecture {
    margin-top: 20px;
  }
  .section_certifi {
    padding-bottom: 40px;
  }
}
@media screen and (max-width:360px){
  .section_certifi .tbl_sorting .module_searchbox .box_tf{
    max-width:100%;
    width:auto;
  }
}
.wrap_banner_fixed {
  position: absolute;
  top: -40px;
  left: calc(100% + 20px);
}
.wrap_banner_fixed img {
  display: block;
}
@media all and (max-width: 1400px) {
  .wrap_banner_fixed {
    display: none;
  }
} /* 서브페이지 - 탭 */
.wrap_tabmenu .list_tab {
  display: flex;
}
.wrap_tabmenu .list_tab li {
  flex: 1 1 50%;
  border: 1px solid #dddddd;
  border-right: 0;
  width: 50%;
}
.wrap_tabmenu .list_tab li:first-child {
  border-radius: 8px 0 0 8px;
}
.wrap_tabmenu .list_tab li:last-child {
  border-radius: 0 8px 8px 0;
  border-right: 1px solid #dddddd;
}
.wrap_tabmenu .list_tab li + li {
  border-left: 1px solid #dddddd;
}
.wrap_tabmenu .list_tab .link_tab {
  display: block;
  line-height: 58px;
  text-align: center;
  color: #1d1d1d;
  font-size: 18px;
  font-weight: 500;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
.wrap_tabmenu .list_tab .on {
  color: #fff;
  background-color: #008ad1;
  border-color: #008ad1;
}
.wrap_tabmenu .list_tab .on + li {
  border-left-color: #008ad1;
}
.wrap_tabmenu .list_tab .on .link_tab {
  color: #fff;
}
.list_event li {
  padding: 32px 0;
  border-bottom: 1px solid #eeeeee;
}
.list_event .link_item {
  display: block;
  overflow: hidden;
  position: relative;
  padding-right: 80px;
  box-sizing: border-box;
}
.list_event .link_item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background: transparent url(/img/other/ico_arr_right.png) 0 0 no-repeat;
  background-size: contain;
}
.list_event .wrap_thumb {
  float: left;
  position: relative;
  display: block;
  width: 240px;
  height: 140px;
  margin-right: 24px;
  overflow: hidden;
  border: 1px solid #eeeeee;
  border-radius: 10px;
}
.list_event .wrap_thumb .img_thumb {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.list_event .wrap_detail {
  overflow: hidden;
}
.list_event .wrap_detail .tit_event {
  display: block;
  font-size: 22px;
  font-weight: bold;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #363636;
}
.list_event .wrap_detail .info_event {
  display: block;
  margin-top: 15px;
  overflow: hidden;
  font-size: 16px;
}
.list_event .wrap_detail .info_event .tit_info {
  float: left;
  display: block;
  width: 106px;
  margin-top: 6px;
  clear: both;
  font-weight: 500;
}
.list_event .wrap_detail .info_event .desc_info {
  display: block;
  margin-top: 6px;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .list_event .link_item {
    padding-right: 0;
  }
  .list_event .wrap_thumb {
    float: none;
    width: 100%;
    height: 0;
    margin-right: 0;
    overflow: hidden;
    padding-bottom: 58.8888%;
  }
  .list_event li {
    padding: 20px 0;
  }
  .list_event .wrap_detail {
    padding: 12px 8px 0;
  }
  .list_event .wrap_detail .info_event {
    display: block;
    margin-top: 7px;
    overflow: hidden;
    font-size: 16px;
  }
  .list_event .wrap_detail .tit_event {
    font-size: 18px;
    white-space: unset;
    text-overflow: unset;
  }
  .list_event .link_item::after {
    display: none;
  }
  .wrap_tabmenu .list_tab .link_tab {
    line-height: 46px;
    font-size: 15px;
  }
  .list_event .wrap_detail .info_event .desc_info {
    white-space: unset;
    text-overflow: unset;
  }
} /* sns 로그인 */
.login_wwp.wrap_loginsns {
  padding: 40px 0 10px;
}
.wrap_loginsns .inner_loginsns {
  width: 320px;
  margin: 0 auto;
}
.wrap_loginsns .txt_lbl {
  display: block;
  text-align: left;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #363636;
}
.wrap_loginsns .row_tfl {
  margin-bottom: 20px;
}
.wrap_loginsns .row_tfl input {
  width: 100%;
  height: 40px;
  margin: 0;
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  background-color: #fff;
}
.wrap_loginsns .log_bt {
  width: 100%;
  background: #002d84;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  border-radius: 2px;
  font-weight: 500;
}
.wrap_loginsns .list_sublink {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.wrap_loginsns .list_sublink li + li {
  position: relative;
  margin-left: 36px;
}
.wrap_loginsns .list_sublink li + li:before {
  position: absolute;
  content: "";
  left: -18px;
  top: 2px;
  width: 1px;
  height: 12px;
  background-color: #bbb;
}
.wrap_loginsns .list_sublink a {
  display: block;
  font-size: 14px;
  color: #363636;
  font-weight: 500;
}
.wrap_loginsns .wrap_sns {
  margin-top: 24px;
}
.wrap_loginsns .wrap_sns .tit_sns {
  display: block;
  position: relative;
  text-align: center;
}
.wrap_loginsns .wrap_sns .tit_sns:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #dddddd;
  z-index: -1;
}
.wrap_loginsns .wrap_sns .tit_sns .txt_sns {
  background-color: #fff;
  display: inline-block;
  padding: 0 14px;
  font-size: 14px;
  font-weight: bold;
  color: #888888;
  line-height: 20px;
}
.wrap_loginsns .list_sns {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.wrap_loginsns .list_sns li {
  width: 64px;
}
.wrap_loginsns .list_sns li + li {
  margin-left: 36px;
}
.wrap_loginsns .list_sns a {
  display: block;
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 100%;
}
.wrap_loginsns .list_sns img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .login_wwp.wrap_loginsns {
    padding: 30px 0 10px;
  }
  .wrap_loginsns .inner_loginsns {
    width: 100%;
  }
}
.wrap_joinsns {
  padding: 60px 0 10px;
}
.wrap_joinsns .inner_joinsns {
  width: 320px;
  margin: 0 auto;
}
.wrap_joinsns .link_join {
  display: block;
  position: relative;
  height: 40px;
  padding: 0 50px;
  border-radius: 2px;
  font-size: 16px;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #002d84;
  box-sizing: border-box;
}
.wrap_joinsns .link_join.link_kakao {
  color: #2d1010;
  background-color: #fae300;
}
.wrap_joinsns .link_join.link_naver {
  background-color: #00b900;
}
.wrap_joinsns .link_join img {
  position: absolute;
  left: 10px;
  top: 0;
  width: 40px;
  height: 40px;
}
.wrap_joinsns .wrap_sns .tit_sns {
  display: block;
  position: relative;
  text-align: center;
  margin: 24px 0;
}
.wrap_joinsns .wrap_sns .tit_sns:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #dddddd;
  z-index: -1;
}
.wrap_joinsns .wrap_sns .tit_sns .txt_sns {
  background-color: #fff;
  display: inline-block;
  padding: 0 14px;
  font-size: 14px;
  font-weight: bold;
  color: #888888;
  line-height: 20px;
}
.wrap_joinsns .wrap_sns .list_sns li + li {
  margin-top: 10px;
}
@media screen and (max-width: 640px) {
  .wrap_joinsns {
    padding: 90px 0 0;
  }
  .wrap_joinsns .inner_joinsns {
    width: 100%;
  }
} /* 메인 롤링 배너 */
.m_img1_1 {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  z-index: 1;
}
.visual_item {
  overflow: hidden;
  max-width: 1920px;
  margin: 0 auto;
}
.visual_item img {
  display: block;
  width: 100%;
}
.main_visual_wpap_controls_wrap {
  width: 100%;
  height: 45px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
}
.main_visual_wpap_controls_wrap .inner {
  /*width:942px;*/
  height: 45px;
  margin: 0 auto;
}
.main_visual_wpap_controls_wrap .inner ul:after {
  content: "";
  display: block;
  clear: both;
}
.main_visual_wpap_controls_wrap .inner ul li {
  float: left;
  text-align: center;
  color: #8b8b8b;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  height: 45px;
  line-height: 45px;
  position: relative;
}
.main_visual_wpap_controls_wrap .inner ul li:hover {
  color: #8b5dd0;
}
.main_visual_wpap_controls_wrap .inner ul.main_visual_wpap_controls li.active {
  color: #8b5dd0;
  font-weight: 500;
}
.main_visual_wpap_controls_wrap .inner ul.main_visual_wpap_controls li.active {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #8b5dd0;
  top: -2px;
  left: 0;
}
/* 메인 */
.section_intro_lecture {
  position: relative;
}
.section_intro_lecture .wrap_section {
  width: 1250px;
  margin: 0 auto;
  padding: 92px 0 94px;
}
.section_intro_lecture .inner_section {
  position: relative;
}
.section_intro_lecture .head_title .tit_g {
  font-size: 32px;
}
.section_intro_lecture .list_lecture {
  display: flex;
  margin-top: 32px;
}
.section_intro_lecture .list_lecture li {
  width: calc((100% - 120px) / 4);
}
.section_intro_lecture .list_lecture li + li {
  margin-left: 40px;
}
.section_intro_lecture .list_lecture .link_item {
  display: block;
}
.section_intro_lecture .list_lecture .wrap_thumb {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 180px;
  position: relative;
  overflow: hidden;
}
.section_intro_lecture .list_lecture .inner_thumb {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: 15px;
  overflow: hidden;
}
.section_intro_lecture .list_lecture .inner_thumb:hover .img_g {
  transform: scale(1.08);
}
.section_intro_lecture .list_lecture .img_g {
  display: block;
  width: 100%;
  transition: all 0.2s;
}
.section_intro_lecture .list_lecture .info_lecture {
  display: block;
  margin-top: 12px;
}
.section_intro_lecture .list_lecture .group_tag {
  display: block;
  display: flex;
}
.section_intro_lecture .list_lecture .group_tag .txt_tag {
  line-height: 24px;
  font-size: 11px;
  font-weight: bold;
  padding: 0 10px;
  border-radius: 12px;
  background-color: #ed5a5a;
  color: #fff;
  margin-right: 6px;
}
.section_intro_lecture .list_lecture .group_tag .txt_tag.tag_new {
  background-color: #ed5a5a;
}
.section_intro_lecture .list_lecture .group_tag .txt_tag.tag_hot {
  background-color: #008ad1;
}
.section_intro_lecture .list_lecture .group_tag .txt_tag.tag_type1 {
  background-color: #1fc100;
}
.section_intro_lecture .list_lecture .group_tag .txt_tag.tag_type2 {
  background-color: #00e1b5;
}
.section_intro_lecture .list_lecture .group_tag .txt_tag.tag_type3 {
  background-color: #7a00e5;
}
.section_intro_lecture .list_lecture .group_tag .txt_tag.tag_type4 {
  background-color: #d92cc8;
}
.section_intro_lecture .list_lecture .tit_lecture {
  display: block;
  margin-top: 8px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.group_sub {
  display: block;
  margin-top: 3px;
  color: #002d84;
  font-size: 12px;
  line-height: 28px;
}
.link_more {
  position: absolute;
  font-size: 24px;
  font-weight: bold;
  color: #003f86;
  top: 6px;
  right: 0;
}
.link_more .ico_arr {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-top: 6px;
  margin-left: 3px;
}
.section_intro_lecture.hot_lecture {
  background-color: rgba(154, 215, 247, 0.15);
}
.section_intro_lecture.hot_lecture .wrap_section::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
  background: transparent url("/img/index/bg_lecture_hot.png") 0 0 no-repeat;
} /* faq */
.wrap_faq_accordion {
  margin-top: 32px;
  border-top: 1px solid #eeeeee;
}
.wrap_faq_accordion .list_accordion {
  border-bottom: 1px solid #eeeeee;
}
.wrap_faq_accordion .accordion_head {
  position: relative;
  padding: 25px 40px 26px 34px;
  cursor: pointer;
}
.wrap_faq_accordion .accordion_head .ico_q {
  position: absolute;
  top: 22px;
  left: 8px;
  font-size: 24px;
  font-family: "Finlandica", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: var(--color-main);
}
.wrap_faq_accordion .accordion_head .tit_txt {
  display: block;
  font-size: 20px;
  font-weight: bold;
  word-break: break-all;
}
.wrap_faq_accordion .accordion_head .ico_arr {
  position: absolute;
  top: 28px;
  right: 9px;
}
.wrap_faq_accordion .accordion_body .box_desc {
  background-color: #f6f7f9;
  padding: 25px 40px 26px 52px;
  position: relative;
}
.wrap_faq_accordion .accordion_body .box_desc * {
  word-break: break-all;
}
.wrap_faq_accordion .accordion_body .ico_a {
  position: absolute;
  top: 26px;
  left: 20px;
}
.wrap_faq_accordion .accordion_body .txt_desc {
  word-break: break-all;
  font-size: 16px;
  line-height: 24px;
  color: #363636;
}
.wrap_faq_accordion .list_accordion.on {
  border: none;
}
.wrap_faq_accordion .list_accordion.on .accordion_head .ico_arr {
  transform: rotate(180deg);
}
.wrap_faq_accordion .list_accordion.on .accordion_body {
  display: block;
}
.wrap_faq_accordion .accordion_body {
  display: none;
}
@media all and (max-width: 640px) {
  .wrap_faq_accordion {
    margin-top: 26px;
  }
  .wrap_faq_accordion .accordion_head {
    padding: 19px 40px 18px 34px;
  }
  .wrap_faq_accordion .accordion_head .ico_q {
      top: 16px;
      left: 11px;
      font-size: 22px;
  }
  .wrap_faq_accordion .accordion_head .tit_txt {
    font-size: 16px;
    font-weight: 500;
  }
  .wrap_faq_accordion .accordion_head .ico_arr {
    top: 17px;
  }
  .wrap_faq_accordion .accordion_body .box_desc {
    padding: 20px 26px 21px 44px;
  }
  .wrap_faq_accordion .accordion_body .ico_a {
    top: 22px;
    left: 15px;
  }
  .wrap_faq_accordion .accordion_body .txt_desc {
    font-size: 15px;
    line-height: 22px;
  }
  .sub_tit.no_line {
    margin-bottom: 20px;
  }
} /* 결제 완료 */
.wrap_payment_complete {
  margin-top: 80px;
}
.wrap_payment_complete .img_complete {
  display: block;
  margin: 0 auto;
  width: 240px;
}
.wrap_payment_complete .tit_complete {
  display: block;
  margin-top: 54px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: #222;
}
.wrap_payment_complete .txt_sub {
  margin-top: 17px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #005bab;
  text-align: center;
}
.wrap_payment_complete .tbl_comm {
  width: 480px;
  margin: 60px auto 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.wrap_payment_complete .tbl_comm tr:first-child th,
.wrap_payment_complete .tbl_comm tr:first-child td {
  border-top: 1px solid #dddddd;
}
.wrap_payment_complete .tbl_comm th,
.wrap_payment_complete .tbl_comm td {
  padding: 8px 20px 11px;
  font-size: 16px;
  line-height: 21px;
  border-bottom: 1px solid #dddddd;
  word-break: break-all;
}
.wrap_payment_complete .tbl_comm th {
  font-weight: 500;
  text-align: center;
  background: #f6f6f6;
}
@media all and (max-width: 640px) {
  .wrap_payment_complete {
    margin: 50px 0;
  }
  .wrap_payment_complete .img_complete {
    margin: 0 auto;
    width: 180px;
  }
  .wrap_payment_complete .tit_complete {
    margin-top: 34px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
  }
  .wrap_payment_complete .txt_sub {
    margin-top: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
  }
  .wrap_payment_complete .tbl_comm {
    width: 100%;
    margin: 36px auto 0;
  }
  .wrap_payment_complete .tbl_comm th,
  .wrap_payment_complete .tbl_comm td {
    padding: 8px 16px 11px;
    font-size: 14px;
    line-height: 18px;
  }
} /* 토론게시판 */
.wrap_discusstion_board {
  border-top: 2px solid #000;
}
.wrap_discusstion_board .tbl_discussion {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.wrap_discusstion_board .tbl_discussion th,
.wrap_discusstion_board .tbl_discussion td {
  padding: 15px 13px 14px;
  font-size: 13px;
  line-height: 19px;
  color: #000;
  word-break: break-all;
  border-bottom: 1px solid #dddddd;
  font-weight: normal;
}
.wrap_discusstion_board .tbl_discussion th {
  text-align: center;
  background-color: #f5f5f5;
}
.wrap_discusstion_board .tbl_discussion td {
  text-align: left;
}
.wrap_discusstion_board .wrap_chatting {
  overflow-y: auto;
  min-height: 520px;
  padding: 0 12px;
  border: 1px solid #e3e3e3;
  border-top: 0;
  box-sizing: border-box;
}
.wrap_discusstion_board .list_msg {
  padding: 20px 0 22px;
}
.wrap_discusstion_board .list_msg li {
  overflow: hidden;
}
.wrap_discusstion_board .list_msg li + li {
  margin-top: 17px;
}
.wrap_discusstion_board .list_msg .area_msg {
  max-width: 564px;
}
.wrap_discusstion_board .list_msg .box_msg {
  padding: 14px 12px;
  box-sizing: border-box;
  border-radius: 16px;
  border-bottom-left-radius: 0;
  background-color: #f4f4f4;
  color: #000;
}
.wrap_discusstion_board .list_msg .txt_msg {
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.5px;
  word-break: break-all;
}
.wrap_discusstion_board .list_msg .box_reply {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.wrap_discusstion_board .list_msg .tit_reply {
  display: block;
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
}
.wrap_discusstion_board .list_msg .txt_reply {
  width: 220px;
  margin-top: 2px;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  line-height: 15px;
  /*color:rgba(255,255,255,0.8);*/
}
.wrap_discusstion_board .list_msg .info_sub {
  margin-top: 4px;
}
.wrap_discusstion_board .list_msg .info_sub .txt_sub {
  display: inline-block;
  position: relative;
  font-size: 12px;
  line-height: 17px;
}
.wrap_discusstion_board .list_msg .info_sub .txt_sub ~ .txt_sub {
  margin-left: 17px;
}
.wrap_discusstion_board .list_msg .info_sub .txt_sub ~ .txt_sub::before {
  position: absolute;
  top: 50%;
  left: -10px;
  width: 1px;
  height: 10px;
  margin-top: -5px;
  background-color: #bbb;
  content: "";
}
.wrap_discusstion_board .list_msg .info_sub .btn_reply {
  border: none;
  background-color: transparent;
  cursor: pointer;
  font-size: 12px;
  line-height: 17px;
  padding: 0;
  font-weight: 500;
}
.wrap_discusstion_board .list_msg .msg_teacher .area_msg {
  max-width: 466px;
}
.wrap_discusstion_board .list_msg .msg_teacher .box_msg {
  background-color: #2389e2;
  color: #fff;
}
.wrap_discusstion_board .list_msg .msg_me .area_msg {
  float: right;
}
.wrap_discusstion_board .list_msg .msg_me .box_msg {
  border-radius: 16px 16px 0 16px;
}
.wrap_discusstion_board .list_msg .msg_me .info_sub {
  text-align: right;
}
.wrap_discusstion_board .form_writemsg {
  margin-top: 10px;
}
.wrap_discusstion_board .form_writemsg fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
.wrap_discusstion_board .form_writemsg .box_writemsg {
  position: relative;
  height: 100px;
  border-radius: 2px;
  border: 1px solid #e3e3e3;
}
.wrap_discusstion_board .form_writemsg .tf_msg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 12px;
  border-radius: 2px;
  border: 0;
  resize: none;
  font-size: 13px;
  box-sizing: border-box;
}
.wrap_discusstion_board .form_writemsg .tf_msg::-webkit-input-placeholder {
  font-size: 13px;
  color: #888;
}
.wrap_discusstion_board .form_writemsg .btn_register {
  display: block;
  margin-top: 8px;
  margin-left: auto;
  min-width: 100px;
  height: 32px;
  padding: 0 12px;
  border-radius: 2px;
  border: none;
  background-color: #222;
  font-size: 12px;
  line-height: 32px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
}
@media all and (max-width: 640px) {
  .wrap_discusstion_board .tbl_discussion th,
  .wrap_discusstion_board .tbl_discussion td {
    padding: 10px 5px;
    font-size: 12px;
    line-height: 16px;
  }
  .wrap_discusstion_board .list_msg .box_msg {
    padding: 12px;
  }
  .wrap_discusstion_board .list_msg .area_msg {
    max-width: 90%;
  }
  .wrap_discusstion_board .list_msg .msg_teacher .area_msg {
    max-width: 80%;
  }
}
@media all and (max-width: 360px) {
  .wrap_discusstion_board .tbl_discussion th {
    padding: 10px 0;
  }
  .wrap_discusstion_board .tbl_discussion td {
    padding: 10px 3px;
  }
}
#bs_b .wrap_discusstion_board .board_list_foot {
  margin-top: 40px;
}
#bs_b .wrap_discusstion_board .board_list_foot .search_box {
  margin: 0;
}
#bs_b .wrap_discusstion_board .board_list_foot fieldset {
  display: flex;
  justify-content: center;
  padding: 0;
}
#bs_b .wrap_discusstion_board .board_list_foot .search_box select {
  height: 32px;
}
#bs_b .wrap_discusstion_board .board_list_foot .search_box input[type="text"] {
  flex: 1 1 320px;
  max-width: 320px;
  min-width: auto;
  height: 32px;
  margin: 0 4px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  background-color: #f5f5f5;
}
#bs_b .wrap_discusstion_board .board_list_foot .search_bt {
  border-radius: 2px;
  font-size: 12px;
  height: 32px;
  box-sizing: border-box;
} /* 답글쓰기 팝업 */
.wrap_layerpopup {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  padding: 10px;
  box-sizing: border-box;
}
.wrap_layerpopup.open_popup {
  display: flex;
}
.wrap_layerpopup .inner_popup {
  position: relative;
  width: 400px;
  padding: 18px 20px 20px;
  border: 1px solid #dddddd;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
}
.wrap_layerpopup fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.wrap_layerpopup .head_popup {
  padding: 0 54px;
}
.wrap_layerpopup .head_popup .tit_popup {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  color: #222;
}
.wrap_layerpopup .cont_popup {
  margin-top: 18px;
}
.wrap_layerpopup .cont_popup .box_textarea {
  position: relative;
  height: 228px;
  border: 1px solid #ddd;
  border-radius: 2px;
  box-sizing: border-box;
}
.wrap_layerpopup .cont_popup .box_textarea textarea {
  position: absolute;
  background-color: #f8f8f8;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  resize: none;
  border: none;
  padding: 12px;
  margin: 0;
  box-sizing: border-box;
}
.wrap_layerpopup .cont_popup .box_textarea textarea::-webkit-input-placeholder {
  color: #888;
}
.wrap_layerpopup .foot_popup {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.wrap_layerpopup .foot_popup .btn_pop {
  min-width: 80px;
  margin: 0 4px;
  line-height: 32px;
  font-size: 12px;
  border-radius: 2px;
  color: #fff;
  background-color: #bbbbbb;
  border: none;
  cursor: pointer;
}
.wrap_layerpopup .foot_popup .btn_pop.btn_dark {
  background-color: #000;
}
.wrap_layerpopup .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 23px 20px 10px 10px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.wrap_layerpopup .btn_close .img_g {
  display: block;
  width: 16px;
  height: 16px;
} /* 스크랩 */
.wrap_scrapbook .list_tab {
  display: flex;
}
.wrap_scrapbook .list_tab li {
  flex: 0 0 12.5%;
  width: 12.5%;
}
.wrap_scrapbook .list_tab .link_tab {
  display: block;
  border: 1px solid #dddddd;
  line-height: 38px;
  text-align: center;
  font-size: 13px;
  color: #6c727a;
  background-color: #ebeff2;
}
.wrap_scrapbook .list_tab li + li .link_tab {
  border-left: 0;
}
.wrap_scrapbook .list_tab .link_tab[aria-selected="true"] {
  border-color: var(--color-main);
  color: #fff;
  background-color: var(--color-main);
}
.wrap_scrapbook .tbl_scrapbook {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin-top: 29px;
}
.wrap_scrapbook .tbl_scrapbook th,
.wrap_scrapbook .tbl_scrapbook td {
  font-size: 13px;
  text-align: center;
  line-height: 19px;
  letter-spacing: -0.5px;
  color: #000;
  word-break: break-all;
}
.wrap_scrapbook .tbl_scrapbook th {
  border: 1px solid #e3e3e3;
  padding: 11px 5px 10px;
  font-weight: normal;
  text-align: center;
  background-color: #f5f5f5;
}
.wrap_scrapbook .tbl_scrapbook td {
  padding: 12px 9px 11px;
  border: 1px solid #e3e3e3;
  border-top: 0;
}
.wrap_scrapbook .tbl_scrapbook tbody td:nth-child(3) {
  text-align: left;
}
.wrap_scrapbook .tbl_scrapbook .txt_g {
  display: block;
  word-break: break-all;
}
.wrap_scrapbook .tbl_scrapbook .txt_g ~ .txt_g {
  margin-top: 4px;
}
.wrap_scrapbook .tbl_scrapbook .txt_g ~ .emph_txt {
  margin-top: 6px;
}
.wrap_scrapbook .tbl_scrapbook .txt_g.emph_txt {
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
}
.wrap_scrapbook .tbl_scrapbook .link_player {
  display: block;
  max-width: 30px;
  margin: 0 auto;
}
.wrap_scrapbook .tbl_scrapbook .link_player .img_g {
  display: block;
  width: 100%;
  max-width: 100%;
}
.wrap_scrapbook .tbl_scrapbook .link_memo {
  display: block;
  text-align: left;
  word-break: break-all;
}
.wrap_scrapbook .tbl_scrapbook .btn_edit {
  width: 100%;
  text-align: center;
  background-color: var(--color-main);
  border-radius: 2px;
  line-height: 29px;
  color: #fff;
  font-size: 12px;
  border: none;
  cursor: pointer;
}
.wrap_scrapbook .tbl_scrapbook .btn_edit ~ .btn_edit {
  margin-top: 4px;
}
.wrap_scrapbook .tbl_scrapbook .btn_edit.btn_disabled {
  border: 1px solid var(--color-main);
  color: var(--color-main);
  background-color: #fff;
  line-height: 27px;
}
.wrap_scrapbook .tbl_scrapbook .for_mo {
  display: none;
}
@media all and (max-width: 760px) {
  .wrap_scrapbook .list_tab {
    flex-wrap: wrap;
  }
  .wrap_scrapbook .list_tab li {
    flex: 0 0 25%;
    width: 25%;
  }
  .wrap_scrapbook .list_tab li:nth-child(n + 5) .link_tab {
    border-top: 0;
  }
  .wrap_scrapbook .list_tab li:nth-child(4n + 5) .link_tab {
    border-left: 1px solid #dddddd;
  }
  .wrap_scrapbook .list_tab li:nth-child(4n + 5) .link_tab[aria-selected="true"] {
    border-color: #005bab;
  }
  .wrap_scrapbook .tbl_scrapbook td {
    padding: 10px 4px 9px;
  }
}
@media all and (max-width: 640px) {
  .wrap_scrapbook .tbl_scrapbook {
    display: block;
  }
  .wrap_scrapbook .tbl_scrapbook .for_mo {
    display: inline-block;
  }
  .wrap_scrapbook .tbl_scrapbook colgroup {
    display: none;
  }
  .wrap_scrapbook .tbl_scrapbook thead {
    display: block;
  }
  .wrap_scrapbook .tbl_scrapbook thead tr {
    display: block;
  }
  .wrap_scrapbook .tbl_scrapbook thead th {
    display: none;
    text-align: left;
    padding: 10px 16px;
    box-sizing: border-box;
    font-size: 15px;
  }
  .wrap_scrapbook .tbl_scrapbook thead th:first-child {
    display: block;
    width: 100%;
    border-width: 1px 0px;
  }
  .wrap_scrapbook .tbl_scrapbook thead th .for_mo {
    padding-left: 10px;
  }
  .wrap_scrapbook .tbl_scrapbook tbody {
    display: block;
  }
  .wrap_scrapbook .tbl_scrapbook tbody tr {
    display: block;
    padding-left: 43px;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
  }
  .wrap_scrapbook .tbl_scrapbook tbody td {
    display: block;
    overflow: hidden;
    text-align: left;
    padding: 12px 16px 4px 3px;
    border: none;
  }
  .wrap_scrapbook .tbl_scrapbook .for_mo,
  .wrap_scrapbook .tbl_scrapbook .txt_g,
  .wrap_scrapbook .tbl_scrapbook .txt_g.emph_txt,
  .wrap_scrapbook .tbl_scrapbook .link_memo {
    line-height: 24px;
    font-size: 15px;
    font-weight: normal;
    vertical-align: top;
    margin: 0;
  }
  .wrap_scrapbook .tbl_scrapbook tbody .for_mo {
    float: left;
    clear: both;
    margin-right: 10px;
  }
  .wrap_scrapbook .tbl_scrapbook .cell_chk {
    position: absolute;
    top: 0;
    left: 0;
    padding: 13px 17px;
  }
  .wrap_scrapbook .tbl_scrapbook .cell_num {
    display: none;
  }
  .wrap_scrapbook .tbl_scrapbook .cell_name {
    margin-bottom: -5px;
  }
  .wrap_scrapbook .tbl_scrapbook .cell_name .for_mo,
  .wrap_scrapbook .tbl_scrapbook .cell_name .txt_g {
    margin-bottom: 5px;
    font-weight: normal;
  }
  .wrap_scrapbook .tbl_scrapbook .cell_name .txt_g {
    overflow: hidden;
    margin: 0;
    margin-bottom: 5px;
  }
  .wrap_scrapbook .tbl_scrapbook .cell_time {
    float: left;
    padding-right: 0;
  }
  .wrap_scrapbook .tbl_scrapbook .cell_time .for_mo,
  .wrap_scrapbook .tbl_scrapbook .cell_time .txt_g {
    display: inline-block;
    margin: 0 10px 0 0;
  }
  .wrap_scrapbook .tbl_scrapbook .cell_player {
    overflow: hidden;
    padding-top: 10px;
  }
  .wrap_scrapbook .tbl_scrapbook .cell_player .link_player {
    width: 30px;
    margin: 0;
  }
  .wrap_scrapbook .tbl_scrapbook .cell_memo {
    clear: both;
  }
  .wrap_scrapbook .tbl_scrapbook .cell_memo .link_memo {
    overflow: hidden;
  }
  .wrap_scrapbook .tbl_scrapbook .cell_btn {
    padding-bottom: 12px;
  }
  .wrap_scrapbook .tbl_scrapbook .cell_btn .inner_cell {
    text-align: right;
  }
  .wrap_scrapbook .tbl_scrapbook .cell_btn .btn_edit {
    display: inline-block;
    max-width: 80px;
    margin: 0 2px;
  }
}
#bs_b .wrap_scrapbook .board_list_foot {
  margin-top: 20px;
  text-align: left;
}
#bs_b .wrap_scrapbook .board_list_foot .search_box {
  display: inline-block;
  margin: 0 9px 0 0;
}
#bs_b .wrap_scrapbook .board_list_foot .search_box select {
  width: 124px;
  padding-right: 22px;
  background: url(/img/other/ico_arr_down.png) no-repeat 94% 50%;
}
#bs_b .wrap_scrapbook .board_list_foot .search_box select option {
  color: #000000;
}
#bs_b .wrap_scrapbook .board_list_foot .search_box select option:checked {
  background-color: #f5f5f5;
}
@media all and (max-width: 1700px) {
  .section_intro_lecture.hot_lecture .wrap_section {
    position: relative;
  }
  .section_intro_lecture.hot_lecture .wrap_section::after {
    content: "";
    position: absolute;
    left: -220px;
    top: 0;
    width: 200px;
    height: 200px;
  }
}
@media all and (max-width: 1024px) {
  .section_intro_lecture .wrap_section {
    width: 100%;
    padding: 40px 15px 60px;
    box-sizing: border-box;
  }
  .section_intro_lecture .head_title .tit_g {
    font-size: 24px;
  }
  .section_intro_lecture .list_lecture {
    margin-top: 26px;
  }
  .section_intro_lecture .list_lecture li {
    width: calc((100% - 120px) / 4);
  }
  .section_intro_lecture .list_lecture .wrap_thumb {
    padding-bottom: 63.829%;
  }
  .section_intro_lecture .list_lecture .tit_lecture {
    margin-top: 7px;
    font-size: 17px;
    line-height: 22px;
  }
  .section_intro_lecture .list_lecture .group_tag .txt_tag {
    line-height: 22px;
  }
  .link_more {
    font-size: 20px;
    top: 2px;
  }
  .link_more .ico_arr {
    width: 20px;
    height: 20px;
    margin-top: 5px;
  }
  .section_intro_lecture.hot_lecture .wrap_section::after {
    display: none;
  }
}
@media all and (max-width: 640px) {
  /* 메인 리스트 4개*/
  .section_intro_lecture .list_lecture {
    flex-wrap: wrap;
  }
  .section_intro_lecture .list_lecture li {
    width: calc((100% - 20px) / 2);
  }
  .section_intro_lecture .list_lecture li,
  .section_intro_lecture .list_lecture li + li {
    margin: 0;
  }
  .section_intro_lecture .list_lecture li:nth-child(2n) {
    margin-left: 20px;
  }
  .section_intro_lecture .list_lecture li:nth-child(n + 3) {
    margin-top: 20px;
  }
  /*.section_intro_lecture .list_lecture .info_lecture{
		margin-top: 0;
	}*/
  .section_intro_lecture .list_lecture .tit_lecture {
    font-size: 16px;
  }
  .group_sub {
    margin-top: 5px;
    font-size: 12px;
    line-height: 15px;
  }
}
#main_container {
  padding: 75px 15px 85px;
}

/* 수강신청 */
.form_regitclass .app1_8_table {
  margin-top: 6px;
  width: 100%;
  border: 1px solid #dadada;
  border-collapse: collapse;
  font-size: 12px;
  color: #787777;
}
.form_regitclass .app1_8_table tr {
  border-bottom: 1px solid #dadada;
}
.form_regitclass .app1_8_table th {
  background-color: #f9f9f9;
  font-size: 13px;
  text-align: center;
  padding: 5px;
  color: #333333;
}
.form_regitclass .app1_8_table td {
  padding: 10px;
  height: 27px;
}
.form_regitclass .app_list_btn_ty01 {
  height: 24px;
  border: 1px solid #bbbbbb;
  display: inline-block;
  color: #333333;
  font-size: 12px;
  margin: 0 1px;
  text-align: center;
  cursor: pointer;
}
.form_regitclass .app_list_btn_ty01:hover {
  background-color: var(--color-sub);
}
.form_regitclass .app_list_btn_ty01 a {
  display: block;
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
}
.form_regitclass .app_list_btn_ty01 a:hover {
  color: #ffffff;
}
.form_regitclass .app_list_btn_wp .on {
  display: block;
  height: 24px;
  background-color:  var(--color-sub);
  border: 0;
  display: inline-block;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}
.form_regitclass .app_list_btn_wp .on a {
  color: #ffffff;
}
.form_regitclass .app_list_btn_wp li {
  margin: 3px 2px;
}
.form_regitclass .app_list_btn_ty02 {
  height: 24px;
  background-color: #828384;
  display: inline-block;
  color: #ffffff;
  font-size: 12px;
  margin: 0 1px;
  text-align: center;
}
.form_regitclass .inp01_1 {
  border: 1px solid #dbdbdb;
  background-color: #f3f4f5;
  padding: 10px 10px;
  width: 40%;
}
.form_regitclass .book2_select {
  min-width: 100px;
  height: auto;
  padding: 5px 25px 5px 6px;
  font-family: inherit;
  background: url(/img/app/sel_icon.png) no-repeat right 8px center;
  border: 1px solid #dddddd;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form_regitclass .book2_select::-ms-expand {
  display: none;
}
.form_regitclass .file_wp {
  height: 40px;
}
.form_regitclass .file_chek {
  position: relative;
  height: 30px;
}
.form_regitclass .ch_box_wp {
  text-align: left;
}
.form_regitclass .check_ty2 {
  display: block;
  position: relative;
  padding-left: 25px;
  font-size: 15px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.form_regitclass .check_ty2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.form_regitclass .check_ty2:hover input ~ .checkmark_ty2 {
  /*background-color:#ccc;*/
}
.form_regitclass .check_ty2 input:checked ~ .checkmark_ty2 {
  background-color: #2f62cb;
}
.form_regitclass .check_ty2 input:checked ~ .checkmark_ty2:after {
  display: block;
}
.form_regitclass .check_ty2 .checkmark_ty2:after {
  top: 2px;
  left: 7px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.form_regitclass .checkmark_ty2 {
  position: absolute;
  top: 0;
  left: 0px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.form_regitclass .checkmark_ty2:after {
  display: none;
  position: absolute;
  content: "";
}
.form_regitclass .app1_8_day_wp li {
  float: left;
  width: 70px;
}
.form_regitclass .app1_8_day {
  padding-left: 26px;
  line-height: 18px;
}
.form_regitclass .app1_8_pay_wp li {
  float: left;
  margin-right: 25px;
}
.form_regitclass .app1_8_pay_wp input[type="radio"] {
  margin: 0px 3px 0px 5px;
}
.form_regitclass .blue_btn {
  display: block;
  background: #2565d0;
  text-align: center;
  text-decoration: none;
  margin: 18px auto;
  font-size: 15px;
  color: #fff;
  width: 200px;
  height: 49px;
  line-height: 49px;
  border: 0;
}

/* 캘린더 */
.monthly_calendar .tbl_calendar {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.monthly_calendar .tbl_calendar th,
.monthly_calendar .tbl_calendar td {
  text-align: center;
  color: #1d1d1d;
}
.monthly_calendar .tbl_calendar th {
  font-size: 16px;
  font-weight: 500;
}
.monthly_calendar .tbl_calendar td {
  font-size: 14px;
  font-weight: 500;
}
.monthly_calendar .head_calendar .tbl_calendar th {
  border: 1px solid #dddddd;
  font-size: 16px;
  font-weight: 700;
  line-height: 38px;
  background-color: #f4f4f4;
}
.monthly_calendar .head_calendar .tbl_calendar th ~ th {
  border-left: none;
}
.monthly_calendar .row_month {
  position: relative;
  min-height: 138px;
}
.monthly_calendar .row_month .tbl_grid tbody,
.monthly_calendar .row_month .tbl_grid tr,
.monthly_calendar .row_month .tbl_grid td {
  height: 100%;
}
.monthly_calendar .row_month .calendar_grid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.monthly_calendar .row_month .tbl_grid td {
  border: 1px solid #dddddd;
  border-top: none;
  height: 100%;
  vertical-align: top;
}
.monthly_calendar .row_month .tbl_grid td ~ td {
  border-left: none;
}
.monthly_calendar .calendar_data {
  position: relative;
  z-index: 10;
}
.monthly_calendar .tbl_data .date td {
  padding: 6px 0 8px;
  line-height: 20px;
}
.monthly_calendar .tbl_data .date td.disabled {
  color: #bbbbbb;
}
.monthly_calendar .tbl_data .box_data {
  margin: 0 5px 4px;
  border-radius: 20px;
  font-size: 12px;
  display: block;
  font-weight: 500;
  line-height: 25px;
  padding: 3px 3px 4px;
  background-color: #d0efff;
  word-break: break-all;
}
.monthly_calendar .tbl_data .box_data.box_type1 {
  background-color: #d0efff;
}
.monthly_calendar .tbl_data .box_data.box_type2 {
  background-color: #ffedd0;
}
.monthly_calendar .tbl_data .box_data.box_type3 {
  background-color: #ffe2ee;
}
.monthly_calendar .tbl_data .box_data.box_type4 {
  background-color: #e2fff4;
}
.monthly_calendar .tbl_data .box_data.box_type5 {
  background-color: #e2ebff;
}
.monthly_calendar .tbl_data .box_data.box_type6 {
  background-color: #fffdd1;
}
@media all and (max-width: 640px) {
  .monthly_calendar .row_month {
    min-height: 80px;
  }
}
.wrap_schedule {
  margin-top: 50px;
}
.wrap_schedule .title_calendar {
  overflow: hidden;
  margin-bottom: 33px;
}
.wrap_schedule .title_calendar .wrap_controller {
  float: left;
  display: flex;
}
.wrap_schedule .title_calendar .wrap_controller .txt_date {
  width: 210px;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
.wrap_schedule .title_calendar .wrap_controller .btn_calendar {
  border: 0;
  background: 0;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.wrap_schedule .title_calendar .group_btn .btn_download,
.wrap_schedule .title_calendar .group_btn .btn_print {
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  border-radius: 2px;
  padding: 8px 10px 8px 8px;
  vertical-align: middle;
}
.wrap_schedule .title_calendar .group_btn .btn_download {
  background-color: var(--color-main);
}
.wrap_schedule .title_calendar .group_btn .btn_print {
  background-color: #313131;
  margin-left: 4px;
}
.wrap_schedule .title_calendar .group_btn img,
.wrap_schedule .title_calendar .group_btn img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  display: inline-block;
}
.wrap_schedule .title_calendar .group_btn {
  float: right;
}
.wrap_schedule .title_calendar .group_btn span {
  line-height: 16px;
  vertical-align: top;
}

/* 탭메뉴 */
.wrap_tabmenu .list_tab {
  display: flex;
}
.wrap_tabmenu .list_tab li {
  flex: 1 1 50%;
  border: 1px solid #dddddd;
  border-right: 0;
  width: 50%;
  box-sizing: border-box;
}
.wrap_tabmenu .list_tab li:first-child {
  border-radius: 8px 0 0 8px;
}
.wrap_tabmenu .list_tab li:last-child {
  border-radius: 0 8px 8px 0;
  border-right: 1px solid #dddddd;
}
.wrap_tabmenu .list_tab li + li {
  border-left: 1px solid #dddddd;
}
.wrap_tabmenu .list_tab .link_tab {
  display: block;
  line-height: 46px;
  text-align: center;
  color: #1d1d1d;
  font-size: 18px;
  font-weight: 500;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
.wrap_tabmenu .list_tab .on {
  color: #fff;
  background-color: var(--color-sub);
  border-color: var(--color-sub);
}
.wrap_tabmenu .list_tab .on + li {
  border-left-color: var(--color-sub);
}
.wrap_tabmenu .list_tab .on .link_tab {
  color: #fff;
}

@media all and (max-width: 1024px) {
  .wrap_tabmenu .list_tab .link_tab {
    line-height: 40px;
    font-size: 16px;
  }
  .wrap_schedule .title_calendar .wrap_controller .txt_date {
    width: 170px;
  }
  .wrap_schedule {
    margin-top: 45px;
  }
}
@media all and (max-width: 640px) {
  .wrap_tabmenu .list_tab {
    flex-wrap: wrap;
  }
  .wrap_tabmenu .list_tab li {
    flex: 1 1 33%;
    width: 33%;
    border-right: 1px solid #dddddd;
  }
  .wrap_tabmenu .list_tab li:first-child {
    border-radius: 0;
    width: 100%;
    flex: 1 1 100%;
  }
  .wrap_tabmenu .list_tab li:last-child {
    border-radius: 0;
  }
  .wrap_tabmenu .list_tab .on + li {
    border-left-color: #dddddd;
  }
  .wrap_tabmenu .list_tab .link_tab {
    line-height: 32px;
    font-size: 14px;
  }
  .wrap_tabmenu .list_tab li:nth-child(3n + 3) {
    border-left: none;
    /* border-right: none; */
  }
  .wrap_tabmenu .list_tab li:nth-child(n + 2) {
    border-top: none;
  }
  .wrap_schedule {
    margin-top: 38px;
  }

  .wrap_schedule .title_calendar .wrap_controller .btn_calendar {
    width: 30px;
    height: 30px;
  }
  .wrap_schedule .title_calendar .wrap_controller .btn_calendar img {
    display: block;
    width: 100%;
  }
  .wrap_schedule .title_calendar .wrap_controller .txt_date {
    width: 110px;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
  }
  .wrap_schedule .title_calendar {
    overflow: hidden;
    margin-bottom: 16px;
  }
  .box_info_terms .txt_alert {
    margin-top: 14px;
    padding: 9px 16px 9px;
    font-size: 15px;
    line-height: 22px;
    margin-left: -14px;
  }
  .wrap_schedule .title_calendar .group_btn .btn_print {
    margin-left: 1px;
  }
}

/* live 강의 스케줄 */
.wrap_regit_schedule * {
  font-size: 12px;
  color: #787777;
}
.wrap_regit_schedule .tbl_schedule {
  font-size: 11px;
  border-collapse: collapse;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.wrap_regit_schedule .tbl_schedule th {
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  background-color: #9e9e9e;
}
.wrap_regit_schedule .tbl_schedule br {
  line-height: 12px;
}
.wrap_regit_schedule .t_sch2 {
  text-align: right;
  font-size: 14px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
.wrap_regit_schedule .tab_sch2 {
  padding-left: 5px;
  border-collapse: collapse;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.wrap_regit_schedule .tbl_info {
  margin-top: 20px;
}
.wrap_regit_schedule .tbl_info th {
  font-weight: bold;
}
.wrap_regit_schedule .tbl_info .only_mo {
  display: none;
}
@media all and (max-width: 440px) {
  .wrap_regit_schedule .tbl_info th {
    padding: 0 5px;
  }
  .wrap_regit_schedule .tbl_info td {
    padding: 5px 2px;
  }
  .wrap_regit_schedule .tbl_info .only_mo {
    display: block;
  }
}
.wrap_regit_schedule select {
  border: 1px solid #d9d9d9;
  height: 28px;
  min-width: 100px;
  height: auto;
  padding: 5px 25px 5px 6px;
  font-family: inherit;
  background: url(/img/app/sel_icon.png) no-repeat right 8px center #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.layer_schedule .text3_1 {
  font-size: 11px;
  color: #888888;
  text-decoration: none;
}
.layer_schedule .inner_cell {
  overflow: hidden;
  padding: 5px 0;
}
.layer_schedule .inner_cell .text1_1 {
  float: left;
  margin-right: 5px;
}
.layer_schedule .inner_cell .box_check {
  display: block;
  overflow: hidden;
}
.layer_schedule .inner_cell .box_check .ico_circle {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 4px 1px 3px 3px;
  border-radius: 50%;
  border: 1px solid #888;
  vertical-align: top;
}
.layer_schedule .inner_cell .box_check .ico_circle.on {
  background-color: #888;
}
.layer_schedule .inner_cell .box_check .list_person {
  overflow: hidden auto;
  max-height: 118px;
  margin-top: 4px;
}
.layer_schedule .btn_g {
  display: block;
  margin: 0 auto;
  min-width: 45px;
  height: 24px;
  padding: 0 10px;
  border: 0;
  border-radius: 2px;
  line-height: 23px;
  font-weight: bold;
  background-color: #999999;
  color: #fff;
  box-sizing: border-box;
}

/* 메인 공통 */
.section_main {
  padding: 100px 0;
}
.section_main .inner_section {
  position: relative;
  width: 1250px;
  margin: 0 auto;
}
.section_main .head_title {
  position: relative;
  margin-bottom: 24px;
}
.section_main .head_title .tit_section {
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  color: #1a1818;
}
.section_main .btn_moreview {
  position: absolute;
  top: 7px;
  right: 0;
  padding: 2px 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #1a1818;
}
.section_main .btn_moreview img {
  display: inline-block;
  vertical-align: top;
  margin: 4px 0 0 4px;
}
.wrap_prdcmp {
  position: relative;
}
.wrap_prdcmp .list_prdcmp::after {
  content: "";
  display: table;
  clear: both;
}
.wrap_prdcmp .list_prdcmp li {
  float: left;
  width: calc((100% - 72px) / 4);
  vertical-align: top;
}
.wrap_prdcmp .list_prdcmp .thumb_prd {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 68.027%;
}
.wrap_prdcmp .list_prdcmp .thumb_prd .inner_thumb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  overflow: hidden;
}
.wrap_prdcmp .list_prdcmp .thumb_prd .img_g {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s;
}
.wrap_prdcmp .list_prdcmp .thumb_prd:hover .img_g {
  transform: scale(1.08);
}
.wrap_prdcmp .list_prdcmp li + li {
  margin-left: 24px;
}
.wrap_prdcmp .list_prdcmp .link_prd {
  display: block;
}
.wrap_prdcmp .list_prdcmp .info_prd {
  margin-top: 12px;
}
.wrap_prdcmp .list_prdcmp .tit_prd {
  display: block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.25px;
  line-height: 26px;
  color: #222;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wrap_prdcmp .list_prdcmp .row_sub {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.wrap_prdcmp .list_prdcmp .txt_tag {
  padding: 2px 10px 3px;
  border-radius: 4px;
  line-height: 17px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.25px;
  color: #fff;
  background-color: #005bab;
}
.wrap_prdcmp .list_prdcmp .num_price {
  margin-left: auto;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.25px;
  line-height: 26px;
  color: #2859ce;
  font-style: normal;
}
.wrap_prdcmp .wrap_paging {
  position: absolute;
  top: -60px;
  right: 0;
}
.wrap_prdcmp .wrap_paging .btn_page {
  display: inline-block;
  vertical-align: top;
  width: 36px;
  height: 36px;
  background-color: transparent;
  border: none;
}
.wrap_prdcmp .wrap_paging .btn_page:hover {
  cursor: pointer;
}
.wrap_prdcmp .wrap_paging .btn_page ~ .btn_page {
  margin-left: 6px;
}
.wrap_prdcmp .wrap_paging img {
  display: block;
  width: 100%;
}
.wrap_prdcmp .swiper-wrapper {
  height: auto;
}
.wrap_prdcmp .wrap_paging .swiper-button-disabled {
  opacity: 0.4;
}
/* 무료 강의 */
.section_free_class .list_prdcmp .thumb_prd {
  padding-bottom: 61.22%;
}
.section_free_class .list_prdcmp li:first-child {
  width: calc((100% - 24px) / 2);
}
.section_free_class .list_prdcmp li:first-child .thumb_prd {
  padding-bottom: 71.452%;
}
.section_free_class .list_prdcmp li:nth-child(n + 4) {
  margin-top: 38px;
}
/* 뉴스레터 */
.section_newsletter {
  background-color: #f7f9fc;
}
.section_newsletter .list_prdcmp li:nth-child(4n + 1) {
  margin-left: 0;
}
.section_newsletter .list_prdcmp li:nth-child(n + 5) {
  margin-top: 40px;
}
.section_newsletter .list_prdcmp .txt_tag {
  color: #fff;
  background-color: #ff5a98;
}
.section_newsletter .list_prdcmp .tit_prd {
  margin-top: 6px;
}
.section_newsletter .list_prdcmp .desc_prd {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  max-height: 48px;
  text-overflow: ellipsis;
  margin-top: 6px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #888;
  word-break: break-all;
}
.section_newsletter .list_prdcmp .row_sub {
  margin-top: 6px;
}
.section_newsletter .list_prdcmp .txt_date,
.section_newsletter .list_prdcmp .txt_count {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #222;
}
.section_newsletter .list_prdcmp .txt_count {
  position: relative;
  margin-left: 21px;
}
.section_newsletter .list_prdcmp .txt_count:before {
  position: absolute;
  content: "";
  left: -10px;
  top: 50%;
  width: 1px;
  height: 14px;
  transform: translateY(-50%);
  background-color: #222;
}
@media all and (max-width: 1024px) {
  .section_main {
    padding: 80px 16px;
  }
  .section_main .inner_section {
    width: 100%;
  }
  .section_main .head_title {
    margin-bottom: 20px;
  }
  .section_main .head_title .tit_section {
    font-size: 22px;
  }
  .wrap_prdcmp .list_prdcmp li {
    width: calc((100% - 24px) / 4);
  }
  .wrap_prdcmp .list_prdcmp li + li {
    margin-left: 8px;
  }
  .wrap_prdcmp .list_prdcmp .info_prd {
    margin-top: 10px;
  }
  .wrap_prdcmp .list_prdcmp .tit_prd {
    font-size: 16px;
    line-height: 23px;
  }
  .wrap_prdcmp .list_prdcmp .row_sub {
    margin-top: 6px;
  }
  .wrap_prdcmp .list_prdcmp .txt_tag {
    line-height: 14px;
    padding: 2px 6px 3px;
  }
  .wrap_prdcmp .list_prdcmp .num_price {
    font-size: 16px;
    line-height: 24px;
  }
  .wrap_prdcmp .wrap_paging {
    top: -56px;
  }
  .section_free_class .list_prdcmp li:nth-child(n + 4) {
    margin-top: 26px;
  }
  .section_newsletter .list_prdcmp .desc_prd {
    max-height: 40px;
    margin-top: 3px;
    font-size: 14px;
    line-height: 20px;
  }
  .wrap_prdcmp .list_prdcmp .row_sub {
    flex-wrap: wrap;
  }
  .section_newsletter .list_prdcmp .txt_date,
  .section_newsletter .list_prdcmp .txt_count {
    width: 100%;
    font-size: 14px;
    line-height: 23px;
  }
  .section_newsletter .list_prdcmp .txt_count {
    margin-left: 0;
  }
  .section_newsletter .list_prdcmp .txt_count:before {
    display: none;
  }
}
@media all and (max-width: 720px) {
  .section_main {
    padding: 60px 9px;
  }
  .section_main .head_title {
    margin-bottom: 18px;
  }
  .section_main .head_title .tit_section {
    font-size: 20px;
  }
  .wrap_prdcmp .list_prdcmp li {
    width: calc((100% - 8px) / 2);
  }
  .wrap_prdcmp .list_prdcmp li:nth-child(2n + 1) {
    margin-left: 0;
  }
  .wrap_prdcmp .list_prdcmp li:nth-child(n + 3) {
    margin-top: 20px;
  }
  .wrap_prdcmp .list_prdcmp .tit_prd {
    font-size: 14px;
    line-height: 20px;
  }
  .wrap_prdcmp .list_prdcmp .txt_tag {
    line-height: 13px;
    padding: 2px 5px 3px;
    font-size: 10px;
  }
  .wrap_prdcmp .list_prdcmp .num_price {
    font-size: 14px;
    line-height: 20px;
  }
  .wrap_prdcmp .wrap_paging {
    top: -52px;
  }
  .wrap_prdcmp .wrap_paging .btn_page {
    width: 32px;
    height: 32px;
  }
  .wrap_prdcmp .wrap_paging .btn_page ~ .btn_page {
    margin-left: 5px;
  }
  .section_free_class .list_prdcmp li:first-child {
    width: 100%;
  }
  .section_free_class .list_prdcmp li:nth-child(n + 2) {
    margin: 20px 0 0;
  }
  .section_free_class .list_prdcmp li:nth-child(2n + 3) {
    margin-left: 8px;
  }
  .section_newsletter .list_prdcmp .txt_date,
  .section_newsletter .list_prdcmp .txt_count {
    font-size: 12px;
    line-height: 18px;
  }
  .section_main .btn_moreview {
    top: 4px;
    font-size: 16px;
    line-height: 26px;
  }
  .section_main .btn_moreview img {
    margin: 6px 0 0 2px;
    width: 16px;
    height: 16px;
  }
  .section_main .wrap_cont {
    flex-wrap: wrap;
    gap: 20px;
  }
  .section_main .wrap_cont .box_board {
    width: 100%;
    padding: 20px;
  }
  .section_main .box_board .tit_board {
    padding-bottom: 14px;
    line-height: 29px;
    font-size: 16px;
  }
  .section_main .box_board .list_board {
    margin-top: 18px;
  }
  .section_main .box_board .btn_moreview.btn_small {
    top: 19px;
    right: 20px;
    font-size: 14px;
    line-height: 24px;
  }
  .section_main .box_board .btn_moreview.btn_small img {
    margin: 5px 0 0 1px;
  }
}

#t_ban_box2 .t_banner2 {
  max-width: 1920px;
}

.group_managebtn{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px;
}
.group_managebtn a{
  display: inline-block;
}
.group_managebtn .search_bt{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 80px;
  height: 50px;
  padding: 0;
  vertical-align: middle;
}
@media all and (max-width:768px) {
  .group_managebtn{
    flex-direction: column;
    justify-content: center;
  }

}