@charset "UTF-8";

@import url(/src/css/notosanskr.css);
@import url(/src/css/common.css);


/* ==================================================================
  sub 공통
================================================================== */
.content .tit_box {
  margin-top: 85px;
  margin-bottom: 70px;
  height: 31px;
  border-left: 5px solid #0c8ef0;
}
.content .tit_box .subject {
  display: block;
  margin-left: 13px;
  font-size: 30px;
  font-weight: bold;
  line-height: 28px;
  font-family: 'NanumSquareAc', sans-serif;
}

/* Mobile Device */
@media (max-width : 767px) {
  .content .tit_box {
    margin-top: 50px;
    margin-bottom: 40px;
  }
  .content .tit_box .subject {
    font-size: 27px;
  }
}

/* ==================================================================
  sub 공통 - 게시판
================================================================== */
/* 게시판 - 리스트 */
.board_list_top,
.board_list_body {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 16px;
}
.board_list_top ul,
.board_list_body ul {
  width: 100%;
}
.board_list_top {
  background-color: #0c8ef0;
  color: #fff;
}
.board_list_top li {
  text-align: center;
  padding: 16px 10px;
  font-weight: 700;
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.board_list_top li:last-child {
  border-right: 0;
}
.board_list_item ul {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eaeaea;
  text-align: center;
}
.board_list_item li {
  padding: 18px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-right: 1px solid #eaeaea;
}
.board_list_item li:last-child {
  border-right: 0;
}
.board_no {
  width: 10%;
  min-width: 10%;
}
.board_title {
  flex-grow: 0;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 1;
  width: 100%;
}
.board_title > a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
}
.board_writer {
  width: 15%;
  min-width: 15%;
}
.board_date {
  width: 13%;
  min-width: 13%;
}
.board_count {
  width: 10%;
  min-width: 10%;
}
.board_item_title_m {
  display: none;
}

.board_num{
  text-align: center;
  margin-top: 40px;
}
.board_num a{display: inline-block; font-size: 18px; color: #333; margin:0 10px; line-height: 35px}
.board_num a.page_arrow img{vertical-align: middle;}
.board_num a.page_arrow:hover{border-bottom:none;}
.board_num a.active {
  font-weight: 500;
  border-bottom: 2px solid #0c8ef0;
}

.board_search {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.board_search select {
  width: 100px;
  border: 1px solid #b3b3b3;
}
.board_search input {
  width: 300px;
  height: 39px;
  padding: 5px 10px;
  margin-left: 10px;
  border: 1px solid #b3b3b3;
  margin-right: 4px;
}
.board_search_btn {
  background-color: #0c8ef0;
  color: #fff;
  padding: 0 20px;
}
/* Mobile Device */
@media (max-width : 767px) {
  .board_list_top {
    display: none;
  }
  .board_list_item {
    border: 1px solid #eaeaea;
    border-radius: 4px;
    margin-bottom: 14px;
    padding: 14px;
  }
  .board_list_item ul {
    flex-wrap: wrap;
    border-bottom: 0;
  }
  .board_list_item li {
    padding: 0 10px;
    text-align: left;
    color: #555;
    border-right: 0;
  }
  .board_list_item li.board_title {
    width: 100%;
    padding: 10px 0;
  }
  .board_list_item li.board_title a {
    white-space: pre-wrap;
    line-height: 20px;
    font-weight: 700;
  }
  .board_list_item li.board_no {
    position: relative;
    width: 100%;
    padding: 4px 0;
    font-size: 12px;
    color: #999;
    border-right: 0;
  }
  .board_list_item li.board_title::after,
  .board_list_item li.board_no::after {
    content: none;
  }
  .board_list_item li.board_no::before {
    content: "No. ";
    display: inline-block;
    top: 0;
    left: 0;
  }
  .board_list_item li.board_writer,
  .board_list_item li.board_date,
  .board_list_item li.board_count {
    position: relative;
    width: fit-content;
    min-width: fit-content;
    padding: 0;
    padding-right: 10px;
    margin-top: 10px;
    margin-right: 10px;
    font-size: 14px;
    color: #999;
  }
  .board_list_item li.board_writer::before,
  .board_list_item li.board_date::before,
  .board_list_item li.board_count::before {
    display: inline-block;
    padding-right: 4px;
  }
  .board_list_item li.board_writer::before {
    content: "작성자 :";
  }
  .board_list_item li.board_date::before {
    content: "작성일자 :";
  }
  .board_list_item li.board_count::before {
    content: "조회수 :";
  }
  .board_list_item li::after {
    content: "/";
    position: absolute;
    top: 0;
    right: 0;
  }
  .board_list_item li:last-child::after {
    content: none;
  }
  .board_item_title_m {
    display: inline-block;
  }
}
@media (max-width :426px) {
  .board_search input {
    width: fit-content;
  }
  .board_search_btn {
    padding: 0 10px;
  }
}

/* 게시판 - 보기 */
.board_view_top {
  border-top: 2px solid #0c8ef0;
  border-bottom: 1px solid #d9d9d9;
  padding: 20px;
}
.board_view_top .row {
  display: flex;
}
.board_view_title_wrap {
  margin-bottom: 26px;
}
.board_view_title {
  font-size: 20px;
  font-weight: 500;
}
.board_view_info_wrap {
  font-size: 16px;
  color: #999;
}
.board_info_item {
  position: relative;
  margin-right: 20px;
  padding-right: 20px;
  letter-spacing: normal;
}
.board_info_item::after {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 0;
  content: "";
  width: 1px;
  height: 14px;
  background-color: #d9d9d9;
}
.board_info_item:last-child:after {
  content: none;
}
.board_view_con {
  padding: 30px 20px;
  border-bottom: 1px solid #d9d9d9;
  min-height: 400px;
  font-size: 16px;
}
.board_view_page {
  width: 100%;
}
.board_view_page li {
  border-bottom: 1px solid #d9d9d9;
  font-size: 16px;
}
.board_view_page li a {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 20px 10px;
}
.board_view_page_left {
  position: relative;
  margin-right: 12px;
  padding-right: 12px;
}
.board_view_page_left::after {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 0;
  content: "";
  width: 1px;
  height: 16px;
  background-color: #d9d9d9;
}
.board_view_arr_prev,
.board_view_arr_next {
  margin-right: 16px;
  width: 14px;
  height: 8px;
} 
.board_view_button_wrap {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.board_button {
  display: inline-block;
  font-size: 20px;
  color: #fff;
  padding: 0 20px;
  min-width: 130px;
  height: 53px;
  text-align: center;
  line-height: 51px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  background: #0c8ef0;
  border: 1px solid #0c8ef0;
  font-weight: 500;
}
.board_view_page_title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Mobile Device */
@media (max-width : 767px) {
  .board_view_top {
    padding: 14px 10px;
  }
  .board_view_con {
    padding: 18px 10px;
  }
  .board_info_item {
    font-size: 14px;
  }
  .board_view_title_wrap {
    margin-bottom: 16px;
  }
  .board_view_title {
    font-size: 18px;
  }
  .board_button {
    font-size: 16px;
    height: 46px;
    line-height: 44px;
    min-width: 100px;
  }
}
@media (max-width :500px) {
  .board_view_top .row {
    flex-wrap: wrap;
  }
  .board_info_item {
    margin-right: 0;
    padding-right: 0;
    margin-bottom: 4px;
    width: 100%;
  }
  .board_info_item::after {
    content: none;
  }
}


.board_write_footer {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}

/* Mobile Device */
@media (max-width : 767px) {
  .board_write_footer {
    padding-top: 0;
  }
}



/* 게시판 - 비밀글 */
.board_secure_wrap {
  text-align: center;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 16px;
  border: 1px solid #eaeaea;
  padding: 130px 50px;
  background-color: #fcfcfc;
}
.board_secure_top {
  margin-bottom: 30px;
}
.board_secure_top_title {
  font-weight: 400;
  margin-bottom: 6px;
  font-size: 17px;
}
.board_secure_con {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.board_secure_input_title {
  margin-right: 20px;
  font-weight: normal;
  font-size: 15px;
}
.board_secure_list_btn {
  color: #777;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  padding: 0 20px;
  font-size: 16px;
  height: 40px;
  line-height: 38px;
  margin-right: 4px;
  font-weight: normal;
}
.board_secure_submit_btn {
  background-color: #0c8ef0;
  color: #fff;
  padding: 0 20px;
  font-size: 16px;
  height: 40px;
  line-height: 38px;
  margin-left: 4px;
}
.board_secure_footer {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width :768px) {
  .board_secure_input_title {
    margin-right: 10px;
    font-size: 14px;
  }
}

@media (max-width :426px) {
  /* .board_secure_list_btn,
  .board_secure_submit_btn {
    padding: 0 10px;
  } */
  .board_secure_wrap {
    padding: 100px 20px;
  }
}


/* 입력폼 */
.input_form_wrap table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 30px;
  border: 1px solid #d9d9d9;
}
.input_form_wrap table tr{border-bottom: 1px solid #d9d9d9;}
.input_form_wrap table th{
  width: 16%;
  font-size: 16px;
  color: #000;
  background: #f5f5f5;
  text-align: left;
  padding-left: 20px;
  vertical-align: middle;
  font-weight: normal;
}
.input_form_style,
.input_form_wrap table input{height: 39px; border: 1px solid #b3b3b3; padding:5px 10px; width: 500px;}
.input_form_wrap table td{
  padding:12px 20px;
}

.input_form_wrap table span{display: inline-block;width:20px; line-height: 39px; margin: 0 10px; vertical-align: middle; font-size:22px;text-align: center;}
.input_form_wrap table .input-wd1{width: 230px	;}
.input_form_wrap table .input-wd2{width: 140px	;}
.input-wd3{width: 280px	;}
.input_form_wrap table .input-wd100{
  width: 100%;
}
.input_form_wrap table textarea{ 
  width: 100%;
  padding: 10px;
  border: 1px solid #b3b3b3;
  font-weight: 300;
  line-height: normal;
  font-size: 14px;
  resize: none;
}

.input_form_wrap .agree_box{ border: 1px solid #d9d9d9; padding: 20px 30px; margin-bottom:20px;}
.input_form_wrap .agree_box dt{font-size: 18px; color: #777; font-weight: 500; line-height:41px; }
.input_form_wrap .agree_box dd{font-size: 18px; color: #777; line-height: 33px;}
.input_form_wrap .chk_span{display: block;	font-size: 20px; color: #555;	margin-bottom: 	50px;}
.input_form_wrap .chk_span input[type="checkbox"]{width: 	20px; height: 20px; border:1px solid #d9d9d9; }
.input_form_wrap .chk_span label{display: inline-block;	 vertical-align: 	middle; margin-left: 	10px;}

/* Mobile Device */
@media (max-width : 767px) {
  .input_form_wrap table {
    border: 0;
    margin-bottom: 10px;
  }
  .input_form_wrap table tr, .input_form_wrap table tr th, .input_form_wrap table tr td{display: block;	 width: 	100%;}
  .input_form_wrap table tr th{
    border-right: none;
    padding: 14px;
    font-size: 17px;
  }
  .input_form_wrap table tr {
    margin-bottom: 20px;
    border: 0;
  }
  .input_form_wrap table td{
    padding:14px;
  }
  .input_form_wrap table td:last-child {
    padding-bottom: 0;
  }
  .input_form_wrap table input{width: 100%	;}
  .input_form_wrap table .input-wd1{width: 45%;}
  .input_form_wrap table .input-wd2{width: 26%;}
  .input-wd3 {
    width: 100%;
  }
  .input_form_wrap table span{width: 2%	; font-size: 15px;}

  .input_form_wrap table textarea{width:100%;}
  .input_form_wrap .agree_box dt{font-size: 16px; line-height:28px; }
  .input_form_wrap .agree_box dd{font-size: 14px; line-height:22px; }
  .input_form_wrap .agree_box { padding: 10px 3%; margin-bottom: 15px; }

  .input_form_wrap .chk_span{font-size: 17px; }
  .input_form_wrap .chk_span input[type="checkbox"]{width: 17px; height: 17px;}
}


/* ==================================================================
  sub01-01 사업취지
================================================================== */
.sub01_content {
  padding-bottom: 80px;
}
.sub01_content .cont_box {
  text-align: center;
  font-family: 'NanumSquareAc', sans-serif;
  font-weight: 400;
}

.sub01_top_wrap {
  margin-top: 100px;
  margin-bottom: 150px;
}
.sub01_top_title {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 95px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.sub01_top_title .point,
.sub01_bot_info02 .point {
  font-weight: 800;
  color: #0c8ef0;
}
.sub01_top_info01 {
  line-height: 31px;
  font-size: 21px;
  margin-bottom: 60px;
}

.sub01_top_info02 {
  font-size: 21px;
  margin-bottom: 90px;
}
.sub01_top_image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 90px;
  flex-wrap: wrap;
}
.sub01_top_image > img {
  max-width: 501px;
  height: auto;
  padding: 0 15px 30px 15px;
  width: 50%;
}
.sub01_top_info03 {
  font-size: 30px;
}


.sub01_mid_wrap {
  margin-bottom: 10px;
}
.sub01_mid_title {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 80px;
  color: #0c8ef0;
}
.sub01_mid_info01 {
  font-size: 24px;
  margin-bottom: 120px;
}
.sub01_mid_img {
  margin-bottom: 100px;
}
.sub01_mid_img > img {
  max-width: 1206px;
  height: auto;
}
.sub01_mid_img_m {
  display: none;
}
.sub01_mid_info02 {
  font-size: 32px;
  font-weight: 700;
  color: #0c8ef0;
  margin-bottom: 22px;
}
.sub01_mid_info03 {
  font-size: 27px;
  margin-bottom: 30px;
}
.sub01_mid_info04 {
  font-size: 18px;
  color: #555555;
  margin-bottom: 180px;
}
.sub01_mid_info05 {
  font-size: 30px;
  margin-bottom: 20px;
}
.sub01_bot_wrap > img {
  max-width: 777px;
  height: auto;
  margin-bottom: 54px;
}

.sub01_bot_info01 {
  font-size: 26px;
  margin-bottom: 200px;
}
.sub01_bot_info01 > p {
  margin-bottom: 10px;
}
.sub01_bot_info02 {
  font-size: 40px;
  line-height: 59px;
  font-weight: 700;
}

.sub01_bot_info02 > img {
  max-width: 450px;
  height: auto;
  margin-bottom: 140px; 
}
.sub01_bot_info03 {
  font-size: 36px;
  color: #0c8ef0;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: 700;
}

.edu_q {
  position: fixed;
  width: 150px;
  right: 20px;
  bottom: 40px;
  z-index: 1000;
}
.edu_q a {  display: inline-block; background: url('/img/sub/edu_q.png') no-repeat;  font-size: 0;   width: 150px;   height: 51px;} 
@media screen and (max-width :1340px) {
.sub01#container .sub_inn{width: 100%;} 
}


/* Tablet Device */
@media (max-width : 1024px) {
  /* .content .tit_box{
    margin-bottom: 60px;
  } */
  .sub01#container .vis_box .sub_inn {
    margin-bottom: 0;
  }
  #container .sub_inn {
    padding: 0 14px;
  }
  .sub01_top_title {
    font-size: 33px;
    margin-bottom: 50px;
  }
  .sub01_top_info01 {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 26px;
  }
  .sub01_top_info02 {
    margin-bottom: 80px;
    font-size: 18px;
    line-height: 26px;
  }
  .sub01_top_image {
    margin-bottom: 60px;
  }
  .sub01_top_info03 {
    font-size: 25px;  
  }
  .sub01_mid_wrap {
    margin-bottom: 10px;
  }
  .mid_img_row01,
  .mid_img_row02,
  .mid_img_row03 {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .mid_img_item {
    display: flex;
    flex-direction: column;
  }
  .mid_img_item:first-child {
    padding: 0 5px 14px 0;
  }
  .mid_img_item:last-child {
    padding: 0 0 14px 5px;
  }
  .mid_img_text {
    display: flex;
    flex-direction: column;
    font-size: 17px;
    margin-top: 14px;
    margin-bottom: 8px;
    align-items: center;
  }
  .mid_img_text .point {
    color: #327bc6;
    font-weight: 700;
  }
  .mid_img_text .sm_info {
    font-size: 14px;
  }
  .mid_img_row01 img {
    width: 50%;
    height: auto;
  }
  .sub01_mid_title {
    font-size: 33px;
    margin-bottom: 40px;
  }
  .sub01_mid_info02 {
    font-size: 24px;
        margin: 60px 0 30px 0;
  }
  .sub01_mid_info03 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .sub01_mid_info04 {
    font-size: 16px;
    margin-bottom: 100px;
  }
  .sub01_mid_info05 {
    font-size: 25px;
  }
  .sub01_bot_info01 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 80px;
  }
  .sub01_bot_info02 {
    font-size: 26px;
    line-height: 42px;
  }
  .sub01_bot_info02 > img {
    max-width: 300px;
  }
  .sub01#container .sub_inn {
    margin-bottom: 100px;
  }
}

/* Mobile Device */
@media (max-width : 767px) {
  .sub01_top_wrap {
    margin-top: 40px;
    margin-bottom: 110px;
  }
  .sub01_top_image > img {
    width: 100%;
    padding: 0 0 30px 0;
  }
  .sub01_mid_img {
    display: none;
  }
  .sub01_mid_img_m {
    display: block;
  }
  .sub01_mid_img_m_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .sub01_mid_img_m_wrap img {
    max-width: 206px;
  }
  .sub01_top_info01,
  .sub01_bot_info01 {
    font-family: 'Noto Sans KR';
    font-weight: 300;
  }
  .sub01_bot_info01 {
    font-size: 20px;
  }
}

@media (max-width :426px) {
  .sub01_bot_info01 {
    font-size: 17px;
  }
}


/* ==================================================================
  sub01-02 CI 소개
================================================================== */
.sub0102_content .cont_box {
  text-align: center;
  font-family: 'NanumSquareAc', sans-serif;
  font-weight: 400;
}
.sub0102_top {
  color: #fff;
  font-size: 30px;
  width: 100%;
  max-width: 660px;
  padding: 18px 10px;
  border-radius: 100px;
  margin: 100px auto 150px auto;
  background: linear-gradient(90deg, #0c8ef0, #299ffa);
}
.sub0102_con_wrap {
  max-width: 1100px;
  margin: 0 auto 140px auto;
}
.sub0102_con_wrap {
  width: 100%;
  height: auto;
}
.sub0102_con_wrap_m {
  display: none;
}
.sub0102_info_wrap {
  font-size: 22px;
  color: #555555;
  padding: 24px 10px;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
}


/* Desktop Device */
@media screen and (max-width :1299px) {

}


/* Tablet Device */
@media (max-width : 1024px) {
  .sub0102_top {
    font-size: 24px;
    padding: 14px;
  }
  .sub0102_info_wrap {
    font-size: 18px;
    line-height: 28px;
  }
}

/* Mobile Device */
@media (max-width : 767px) {
  .sub0102_top {
    font-size: 18px;
    padding: 14px;
    margin-top: 40px;
    margin-bottom: 80px;
  }
  .sub0102_con_wrap {
    display: none;
  }
  .sub0102_con_wrap_m {
    display: block;
  }
  .sub0102_con_m_logo {
    max-width: 380px;
    width: 90%;
    margin-bottom: 70px;
  }

  .sub0102_con_m_text {
    font-size: 16px;
  }

  .sub0102_con_m_text01,
  .sub0102_con_m_text02,
  .sub0102_con_m_text03 {
    font-size: 18px;
    margin-bottom: 26px;
    display: flex;
    flex-direction: column;
    border: 1px solid #eaeaea;
    padding: 24px 14px;
    border-radius: 100px;
  }
  .sub0102_con_m_text01 .point,
  .sub0102_con_m_text02 .point,
  .sub0102_con_m_text03 .point {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 10px;
  }
  .sub0102_con_m_text01 .point1 {
    color: #7ac943;
  }
  .sub0102_con_m_text01 .point2 {
    color: #54b8e2;
  }
  .sub0102_con_m_text02 .point {
    color: #ff7bac;
  }
  .sub0102_con_m_text03 .point {
    color: #e35489;
  }
  .sub0102_info_wrap {
    font-size: 16px;
    line-height: 25px;
    padding: 12px 4px;
    margin-top: 80px;
  }
}

@media (max-width :426px) {

}


/* ==================================================================
  sub01-03 강의소개
================================================================== */

/* sub01-03 */
.sub0103_con {
  margin-top: 90px;
}
.sub0103_item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 60px;
  border-bottom: 1px dashed #eaeaea;
  padding-bottom: 60px;
}
.sub0103_item:last-child {
  border-bottom: 0;
}
.sub0103_title {
  position: relative;
  font-size: 28px;
  padding-left: 30px;
  margin-bottom: 30px;
  font-family: 'NanumSquareAc', sans-serif;
  font-weight: 700;
  line-height: 1;
}
.sub0103_title::after {
  content: " ";
  width: 14px;
  height: 14px;
  position: absolute;
  top: 7px;
  left: 0;
  background-image: url('/img/sub/tit_deco_2.png');
  background-size: 14px 13px;
  background-repeat: no-repeat;
}
.sub0103_desc {
  margin-left: 30px;
  padding-right: 40px;
}
.sub0103_desc li {
  color: #777;
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 26px;
}
.sub0103_img {
  width: 100%;
  max-width: 415px;
  height: auto;
}
.sub0103_img {
  width: 100%;
  height: auto;
}

/* Desktop Device */
@media screen and (max-width :1299px) {

}

/* Tablet Device */
@media (max-width : 1024px) {
  /* .sub0103_item {
    flex-direction: column;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .sub0103_img {
    padding-left: 30px;
    margin-top: 20px;
  }
  .sub0103_title {
    font-size: 26px;
  } */
}

/* Mobile Device */
@media (max-width : 767px) {
  .sub0103_con {
    margin-top: 50px;
  }
  .sub0103_item {
    flex-direction: column;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .sub0103_title::after {
    background-size: 12px 11px;
    background-repeat: no-repeat;
  }
  .sub0103_img {
    max-width: 360px;
    width: 100%;
    height: auto;
    padding-left: 0;
    margin: 20px auto 10px auto;
  }
  .sub0103_title {
    padding-left: 0;
    font-size: 24px;
    margin-bottom: 20px;
    padding-left: 20px;
  }
  .sub0103_desc {
    margin-left: 0;
    padding-right: 0;
  }
  .sub0103_desc li {
    margin-bottom: 10px;
    /* line-height: 22px;
    font-size: 14px; */
  }
}




/* ==================================================================
  sub02 교육신청
================================================================== */

.empoly_con{background: url(/img/sub/sub0102_con_bg.jpg) no-repeat left top; width: 100%; background-size: cover; -webkit-background-size:contain ; -moz-background-size: contain;  }

.empoly_con .general_box{ padding:109px 0 150px; ; } 
.tit_box_top {text-align: center; }
.tit_box_top h3{
  font-size: 40px;
  margin-bottom: 10px;
  font-family: 'NanumSquareAc', sans-serif;
  font-weight: 700;
}
.tit_box_top p{font-size: 25px; line-height: 35px; font-weight: 500;}

.sub_titTxt{font-size: 25px; line-height: 35px; font-weight: 500; text-align: center;}

.empoly_con .tit_box_top  {width: 810px; margin:0 auto 52px;}

.arrow_img {display: block; text-align: center; margin-bottom: 84px}
.refund_list{margin-bottom: 115px;}
.refund_list li{float: left; width: 32.666%; margin-left:1%;}
.refund_list li:first-child{margin-left: 0;}
.refund_list li img{width: 100%;}

.empoly_area {text-align: center; margin:30px 0 0 0 ;}
.empoly_area .txt_orang{font-size: 35px; line-height: 45px; font-weight: 500; color: #ff6c13; margin-bottom: 65px;}
.empoly_area .refund_process {padding:0 240px; margin-bottom: 120px;}
.empoly_area .refund_process li{float: left; width: 26%; margin-left: 11%; }
.empoly_area .refund_process li:first-child{margin-left: 0}

.reinfo {position: relative; text-align: center; margin-bottom: 100px; }
.reinfo p{border-bottom: 1px solid #333; font-size:30px; line-height:86px;   font-weight: 700; margin-bottom: 50px; }

.refund_target p{font-size: 22px; font-weight: 500; background:#efefef; color: #333; line-height: 60px;}
.refund_target {border: 1px solid #efefef;}
.refund_target li{float: left;width: 33.3333%; border-left: 1px solid #efefef; }
.refund_target li:first-child{border-left: none;}

/* Desktop Device */
@media screen and (max-width :1299px) {

.arrow_img img{width: 54px;}
}


/* Tablet Device */
@media (max-width : 1024px) {

.empoly_con .tit_box_top{width: 100%; padding:0 5%;}
.tit_box_top h3{font-size: 38px;}
.tit_box_top p{font-size: 20px; line-height: 30px;}

.empoly_area{padding:0 3%;}
.empoly_area .refund_process{padding:0 10%;}


}

/* Mobile Device */
@media (max-width : 767px) {

.empoly_con .general_box { padding: 54px 0 75px;}
.tit_box_top h3{font-size: 26px; }
.tit_box_top p{font-size: 16px; line-height: 26px;}
.arrow_img{margin-bottom: 42px;}
.refund_list li{width: 100%; margin-left: 0 ;margin-bottom:  15px;}

.refund_list{margin-bottom: 57px;}
.sub_titTxt{padding:0 7%; font-size: 15px; line-height: 25px;}

.empoly_area .txt_orang{font-size: 24px; line-height: 34px; margin-bottom: 34px; }
.empoly_area .refund_process{padding:0; margin-bottom: 90px}

.reinfo{margin-bottom: 50px;}
.reinfo p{ font-size: 20px; line-height: 46px; margin-bottom: 25px;}
.refund_target p{font-size: 17px; line-height: 48px;}

.refund_target li{width: 100%; border-left: none; border-top:1px solid #efefef;}
.refund_target li:first-child{border-top: none; }
}


/* ==================================================================
  sub03 온라인강의
================================================================== */
#container.sub03{position: relative;}


/* ==================================================================
  sub03/sub0402 온라인강의/교육현황 공통(썸네일)
================================================================== */
.thumblist{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 -16px;
}
.thumblist li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  width: 33.3%;
  height: auto;
  margin-bottom: 32px;
  padding: 0 16px;
  text-align: center;
}
.thumblist li img {
  width: 100%;
  height: 100%;
  border: 1px solid #eaeaea;
}
.thumblist li a {
  position: relative;
}
.thumblist li a.view_btn {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 0;
  bottom: 0;
  background: #000;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity = 00);
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  margin-bottom: 30px;
}
.thumblist li a.view_btn i{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: url(/img/sub/btn_more.png) no-repeat;
  background-position: cover;
  width: 42px;
  height: 42px;
}
/*.section3 .vd_box_bot .vd_play a.play_btn img{width: 34px;;}*/
.thumblist li:hover .view_btn {
  opacity:0.7;
  filter:alpha(opacity=70);
  transition: 0.5s all; 
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all
}
.thumblist_title {
  font-size: 20px;
  margin: 16px 10px 14px 10px;
  font-family: 'NanumSquareAc', sans-serif;
  font-weight: 700;line-height: normal;

}


/* Desktop Device */
@media screen and (max-width :1299px) {

}


/* Tablet Device */
@media (max-width : 1024px) {
  .thumblist li{
    width: 50%;
  }
  .thumblist li:hover .view_btn,
  .thumblist li:active .view_btn,
  .thumblist li:focus .view_btn,
  .thumblist li:visited .view_btn {
    opacity: 0;
  }
}

/* Mobile Device */
@media (max-width : 767px) {
  .thumblist {
    margin: 0 -10px;
}
  .thumblist li {
    padding: 0 10px;
    margin-bottom: 20px;
  }
  .thumblist_title {
    font-size: 16px;
    margin: 14px 10px 10px 10px;
  }
  
}
@media (max-width :426px) {
  .thumblist li{
    width: 100%;
  }
  .thumblist_title {
    font-size: 16px;
    margin: 10px;
  }
} 




/* ==================================================================
  sub04 교육신청
================================================================== */

.consul_box {
  margin-top: 30px;
}
.consul_box .tit_box_top{
  padding-bottom: 40px;
}
.eduinfo_wrap {
  margin-bottom: 60px;
  border-top: 1px solid #000000;
}
.eduinfo_item {
  display: flex;
  font-size: 15px;
  margin-bottom: 0;
  line-height: 24px;
  border-bottom: 1px solid #eaeaea;
  align-items: stretch;
}
.eduinfo_title {
  position: relative;
  min-width: 90px;
  padding-right: 14px;
  font-weight: 500;
  padding: 12px 12px;
}
.eduinfo_title::before {
  position: absolute;
  content: "";
  right: 0;
  font-weight: 00;
  font-size: 16px;
  width: 1px;
  height: 16px;
  top: 16px;
  background-color: #d9d9d9;
}
.eduinfo_text {
  color: #555;
  padding: 12px 0;
  margin-left: 20px;
}

.btn_st { position: relative;	 text-align: center;	 }
.btn_st button {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  line-height: 58px;
  padding: 0 50px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  background: #0c8ef0;
}
.btn_bg_point {
  color: #fff;
  background: #0c8ef0;
  border: 1px solid #0c8ef0;
}
.btn_text_point {
  color: #0c8ef0;
  background: #fff;
  border: 1px solid #0c8ef0;
}

.faq_box{padding:100px 0 140px;}

.search_sec{background:#efefef; text-align: center; padding:30px 0; margin-bottom: 50px; }
.select-box{position: relative; width: 187px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.select-box p{position: relative; width: 100% ; height: 40px; line-height: 40px; border: 1px solid #d8d8d8;padding-right:40px; padding-left: 20px; font-size:18px; color: #999; background: #fff; text-align: left; cursor: pointer;}
.select-box p:after{position: absolute; width:38px; height: 38px; background: url("/img/sub/sel_ico.jpg")no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;content: ""; right:0; top:0; border-left:1px solid #d8d8d8;}

.select-box .select_list{display: none;position: absolute; background: #fff; left:0; right:0; top: 38px; border: 1px solid #d8d8d8; padding: 10px 0; z-index: 	10;}
.select-box .select_list li{font-size: 15px;color: #999;  line-height: 35px; cursor: pointer; text-align: left; padding-left: 20px;cursor: pointer;}
.select-box .select_list li:hover{opacity: 0.7;}

.search-box {position: relative; display: inline-block; vertical-align: middle;}
.search-box input[type="text"]{width: 450px; border: 1px solid #d8d8d8; padding:10px 20px; height: 40px;}
.search-box button{background: #555; color: #fff; font-size:18px; height: 39px; width:70px; ; }

.faq_article .tab{margin-bottom: 20px;}
.faq_article .tab ul li{float: left; width:200px; height: 55px; line-height: 55px; border:1px solid #999; margin-left: -1px; transition: all 0.5s ease-in-out; }
.faq_article .tab ul li a{display: block; font-size: 25px; text-align: center;}
.faq_article .tab ul li.on , .faq_article .tab ul li:hover {border:1px solid #333; background: #333; }
.faq_article .tab ul li.on a, .faq_article .tab ul li:hover a{color: #fff;}

.faq_list{border:1px solid #555;}
.faq_list li{border-bottom:1px solid #555;	}
.faq_list li:last-child{border-bottom:none;}
.faq_list .faq_subject{position: relative;	width: 100%; font-size: 20px; line-height: 32px; padding:16px 10px 16px 30px; color: #333;  cursor: 	pointer;}
.faq_list .faq_subject.active{border-bottom:1px solid #555;}
.faq_list .faq_cont{display: none; background: #efefef; padding:16px 10px 16px 30px; /*min-height:200px; */line-height: 32px; font-size: 20px; color: #555;}
.faq_subject .subjectbtn{position: absolute; top:50%; margin-top:-6px; right: 10px; background: url(/img/sub/faq_arrow.png) no-repeat; width: 	23px; height: 12px;	-webkit-background-size: 	cover; background-size: 	cover;  cursor: 	pointer;}
.faq_list .faq_subject.active .subjectbtn{ transform: rotate(-180deg); }

.layer_wrap{position: absolute; left:0; right:0; top:0; bottom:0; background:rgba(255,255,255,0.9) ; z-index: 	30; }
.newletter_layer{position: absolute;	 width: 	900px; top:20px; left:50%; transform: translate(-50%, 0); z-index: 	29;}
.ly_in{position: relative; background: 	#fff;	}
.pop_top{position: relative;	background: #555; height:52px; }
.pop_top a{position: absolute; width:15px; height:15px; right:10px; top:50%; margin-top: 	-8px;}

.pop_con{padding: 42px 25px 50px; border:1px solid #555;  border-top: none; }
.pop_con .ly_tit{font-size: 30px; font-weight:700; color: #333; text-align: center; line-height: 	42px; margin-bottom: 	25px;	}
.pop_con .ly_titS{font-size:18px; font-weight:500; color: #333; text-align: center;  line-height: 30px; 	}

.pop_con .email_area{border: 1px solid #ddd; margin-bottom:10px; height: 	56px; }
.pop_con .email_area p{float: left; background:#ddd; color: #444; font-size:20px; line-height: 	54px; width: 	190px; padding-left: 	20px;	}
.pop_con .email_area .email-box{float: left; padding:12px 20px;}
.pop_con .email_area .email-box input{width: 	170px; border: 	1px solid #ddd; height: 31px; }
.pop_con .email_area .email-box span{display: inline-block;	 color: #444; font-size:20px; width: 	37px; text-align: center; vertical-align: 	middle; height: 20px;	}

.policy{border: 1px solid #ddd;padding: 24px 30px; margin-bottom: 	15px;}
.policy p{font-size: 	15px; font-weight:500; color: #777	;}
.policy dt{font-size:15px; color: #777; line-height:27px 	}
.policy dd{font-size:15px; color: #777; line-height: 	21px; margin-bottom: 5px; 	}

.pop_con_checkbox input{width: 	16px; height: 	16px; }
.pop_con_checkbox label{font-size: 	15px; color: #555; }

.btn_area{ position: relative;	 text-align: center; margin-top: 30px;	}
.btn_area a{ display: inline-block;padding: 0 35px;   height: 43px; line-height: 43px; font-size: 18px; font-weight: 700; color: #fff; background: #555; 
    border-radius: 60px;}
.btn_area .cls2_btn{ position: absolute; right: 0; bottom: 0;padding: 0 27px; height: 41px; line-height: 41px; color: #555; background: #fff;  border: 1px solid #555;}

/* Desktop Device */
@media screen and (max-width :1299px) {

}


/* Tablet Device */
@media (max-width : 1024px) {


.faq_box{padding:140px 2% 100px;}
.newletter_layer{width: 100%; padding: 0 20%;}
.pop_con .email_area p{width: 22%;}
.pop_con .email_area .email-box{width: 	77%;}
.pop_con .email_area .email-box input{width: 	43%;}
.pop_con .email_area .email-box span{width: 	7%;}

}

/* Mobile Device */
@media (max-width : 767px) {
  .btn_st button{font-size: 18px; line-height:50px;}

  .faq_box{padding: 64px 3% 74px;}
  .search_sec{ padding:15px 2%; }
  .select-box{ width: 100%; margin-left: 0; margin-bottom:10px;}
  .select-box p{font-size: 	14px;}
  .search-box{display: block;}
  .search-box input[type="text"]{width: 73%;}
  .search-box button{width:26%; font-size: 14px ; height: 40px;	}

  .faq_article .tab ul li{width: 	33.3333%; height: 	40px; line-height: 	40px;}
  .faq_article .tab ul li a{font-size:14px;	}

  .faq_list .faq_subject{font-size: 16px; line-height: 25px; padding: 12px 37px 12px 15px;}
  .faq_list .faq_cont{font-size: 	14px; padding: 12px 10px 12px 15px;}

  .newletter_layer{ padding: 0 3%; top:30px;}
  .pop_con { padding: 25px 4% 30px;}
  .pop_con .ly_titS{font-size: 14px;}
  .pop_con .ly_tit{font-size: 25px;}
  .pop_con .email_area p{font-size: 14px; padding-left: 3%;}
  .pop_con .email_area .email-box{padding:12px 2%;}

  .pop_con .email_area .email-box span{font-size: 12px; height: 14px;}
  .pop_con .email_area .email-box input{width: 	45%;}

  .policy{padding:15px 3%;}
  .btn_area a{display: block;  }
  .btn_area .cls2_btn{position: static; margin-top: 	10px}
}




/* sub05_intro */
.intro_fullCon .sec_inn{position:relative; width: 1300px;	margin:0 auto;	}
.intro_fullCon .sectionWrap{width: 	100%; } 
.intro_fullCon .section1{background: url("/img/sub/intro_sec01_bg.jpg") no-repeat; -webkit-background-size: 	cover; background-size: 	cover;  }
.intro_fullCon .section2{background: url("/img/sub/intro_sec02_bg.jpg") no-repeat; -webkit-background-size: 	cover; background-size: 	cover;}
.intro_fullCon .section3{background: url("/img/sub/intro_sec03_bg.jpg") no-repeat; -webkit-background-size: 	cover; background-size: 	cover;}
.intro_fullCon .section4{background: url("/img/main_sec4_bg.jpg") no-repeat; -webkit-background-size: 	cover; background-size: 	cover;}
.intro_fullCon .section5{background: url("/img/sub/intro_sec05_bg.jpg") no-repeat; -webkit-background-size: 	cover; background-size: 	cover;}
/*.intro_fullCon .section6{background: url("/img/sub/intro_sec06_bg.jpg") no-repeat; -webkit-background-size: 	cover; background-size: 	cover;}*/


.intro_fullCon .intro_box{ text-align: center; }
.intro_fullCon .intro_box span.top_txt{display: block;	position: relative;	 	}
.intro_fullCon .intro_box span.top_txt .txt1{display: block; font-size: 60px; font-weight: 700; color: #333; line-height: 102px;}
.intro_fullCon .intro_box span.top_txt:after{position: absolute;
	width:50px; height: 	3px; background: 	#fff; left:50%;  transform: translate(-50%,0 ); content: ""; bottom:0;}
.intro_fullCon .intro_box p{font-weight:500; }
.intro_fullCon .intro_box h3{font-size:34px; font-weight:700; color: #fff	; line-height: 	48px; 	}

.intro_fullCon .section1 .intro_box span.top_txt{padding-bottom: 50px;	margin-bottom: 43px;}
.intro_fullCon .section1 .intro_box p{font-size:22px;  color: #fff; line-height: 	34px;}
.intro_fullCon .section1 .intro_box h3{font-size:34px; color: #fff	; line-height: 	48px; 	}

.intro_fullCon .section1.active .intro_box .top_txt.fadeIn{ -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
    -webkit-animation-duration:5s;
  animation-duration: 5s;}
  .intro_fullCon .section1.active .intro_box .txt_box.fadeIn{ -webkit-animation-name: fadeIn;
  animation-name: fadeIn; -webkit-animation-duration:5s;
  animation-duration: 5s; animation-delay: 1s; opacity:0;}


.intro_fullCon .section2 .intro_box span.top_txt{padding-bottom:30px; margin-bottom:45px; } 
.intro_fullCon .section2 .intro_box span.top_txt:after{height: 1px; background:#333; }
.intro_fullCon .section2 .intro_box p{font-size:25px; font-weight:500; color: #333; line-height: 	35px;}
.intro_fullCon .section2 .intro_box h3{font-size:34px; font-weight:700; color: #333	; line-height: 	74px; 	}

.intro_fullCon .section3 span{display: block; padding: 100px 0 0;width: 80%; margin:0 auto;}

.intro_fullCon .section2.active .intro_box .top_txt.fadeIn{ -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
    -webkit-animation-duration:5s;
  animation-duration: 5s;}
  .intro_fullCon .section2.active .intro_box .txt_box.fadeIn{ -webkit-animation-name: fadeIn;
  animation-name: fadeIn; -webkit-animation-duration:5s;
  animation-duration: 5s; animation-delay: 1s; opacity:0;}


.intro_fullCon .section3.active .slideInUp{ 
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
    -webkit-animation-duration: 2s;
  animation-duration: 2s;}


.intro_fullCon .section4.active .bounceIn {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;

}

.intro_fullCon .section5.active .slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
    -webkit-animation-duration: 2s;
  animation-duration: 2s;
}



.intro_fullCon .section4{text-align: center; }
.intro_fullCon .section4 .sec_inn {position: relative; z-index: 3; }
.intro_fullCon .business_area{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 67%; z-index: -1;}
.intro_fullCon .section4 .sec_subtit{font-size: 25px; line-height:35px; color: #fff; font-weight: 500; color: #fff; margin-bottom: 38px; padding:0 26%;} 
.intro_fullCon .section4 h3{font-size: 60px; font-weight: 700;margin-bottom: 25px; color: #fff; line-height: 100%; }

.intro_fullCon .section4 .mo{display: none;}
.intro_fullCon .section4 p{width: 67%; margin:0 auto;}

.intro_fullCon .history_box{padding:100px 0 60px; width: 67%; margin:0 auto;}

.intro_fullCon .section6 h3{text-align: center; font-size: 60px; font-weight: 700; color: #333; line-height:116px; background: #fff; }
.intro_fullCon .section6 p.intro_add{text-align: center; font-size: 25px; line-height: 35px; color: #333; padding:44px 0 45px; border-bottom: 1px solid #ddd;}
.intro_fullCon .section6 span{display:block; background: #efefef;}
.intro_fullCon .section6 span img{display: block;margin:0 auto; height:480px;}

.intro_fullCon .section6 ul li{float: left; width: 50%;padding-top:30px; padding-bottom: 60px;}
.intro_fullCon .section6 ul li dl{position: relative; }
.intro_fullCon .section6 ul li dd{font-size: 18px;line-height: 24px; color:#333;   }
.intro_fullCon .section6 ul li dt{font-size:20px; line-height: 35px; color: #333; font-weight: 500; }

.intro_fullCon .section6 ul li.subway {padding-left: 290px; padding-right: 60px;border-right: 1px solid #ddd;  }
.intro_fullCon .section6 ul li dl{padding-left: 100px;}
.intro_fullCon .section6 ul li.bus {padding-left: 38px; padding-right: 220px;}
.intro_fullCon .section6 ul li i{display: inline-block; vertical-align: middle; }
.intro_fullCon .section6 ul li.subway dl:after{position: absolute; left:0; top:0; content: ""; width: 84px; height: 84px; background: url("/img/sub/intro_sec06_ico.png")no-repeat; -webkit-background-size: cover; background-size: cover;}
.intro_fullCon .section6 ul li.bus dl:after{position: absolute; left:0; top:0; content: ""; width: 81px; height: 81px; background: url("/img/sub/intro_sec06_ico1.png")no-repeat; -webkit-background-size: cover; background-size: cover;}


/* Desktop Device */
@media screen and (max-width :1299px) {
.sectionWrap .sec_inn{width: 100%; padding:100px 2%; }
.intro_fullCon .section1 .intro_box span.top_txt img,.intro_fullCon .section2 .intro_box span.top_txt img{width: auto;}
}
.intro_fullCon .section6 ul li.subway{padding-left: 95px; } 
.intro_fullCon .section6 ul li.bus{padding-left: 2%; padding-right: 2%; }

/* Tablet Device */
@media (max-width : 1024px) {

.intro_fullCon .section6 ul li.subway, .intro_fullCon .section6 ul li.bus{padding-left: 2%; padding-right: 2%; }
.intro_fullCon .section6 span img{height: auto;}
.intro_fullCon .history_box{padding:0;}
.intro_fullCon .section3 span{padding:0;}
.sectionWrap .sec_inn{padding:0 2%;}
}

/* Mobile Device */
@media (max-width : 767px) {

.intro_fullCon .section1 .intro_box span.top_txt img{width: 240px;}
.intro_fullCon .section1 .intro_box span.top_txt{padding-bottom: 23px; margin-bottom: 22px;}
.intro_fullCon .section1 .intro_box p,.intro_fullCon .section2 .intro_box p{font-size: 17px}
.intro_fullCon .section1 .intro_box h3,.intro_fullCon .section2 .intro_box h3{font-size: 22px; line-height: 36px;}

.intro_fullCon .section2 .intro_box span.top_txt img{width: 240px;}
.intro_fullCon .section2 .intro_box span.top_txt{padding-bottom: 23px; margin-bottom: 22px;}
.intro_fullCon .intro_box span.top_txt .txt1{ font-size: 30px; line-height: 50px;
  margin-top: 19px; }
.intro_fullCon .section4 .busi h3{ font-size: 28px;  margin-bottom: 30px}
.intro_fullCon .section4 .busi p.sec_subtit{font-size: 18px;line-height: 35px; letter-spacing: -1px; padding:0 ;}
.intro_fullCon .section4 .business_area{display: none;}
.intro_fullCon .history_box{padding:0;}

.intro_fullCon .section6 h3{font-size: 28px; line-height: 85px;}
.intro_fullCon .section6 p.intro_add { font-size: 18px; line-height: 28px; padding: 20px 2%;}
.intro_fullCon .section6 ul li{width: 100%; padding-top:15px; padding-bottom: 30px;}
.intro_fullCon .section6 ul li.subway, .intro_fullCon .section6 ul li.bus{border-right: none; }
.intro_fullCon .section6.sectionWrap .sec_inn{padding:10px 2%;}
.intro_fullCon .section6 ul li dl{padding-left: 70px;}
.intro_fullCon .section6 ul li dt{font-size: 15px; line-height: 25px;}
.intro_fullCon .section6 ul li dd{font-size: 15px; line-height: 24px;}
.intro_fullCon .section6 ul li.subway dl:after{width: 50px; height: 50px;}
.intro_fullCon .section6 ul li.bus dl:after{width: 50px; height: 50px;}

.intro_fullCon .section3 span{width: 100%;}
.intro_fullCon .section4 p{width: 100%;}
.intro_fullCon .history_box{width: 100%;}
}

.pc {display:block;}
.tablet {display:none;}
.mobile {display:none;}
.tab_mo {display:none;}

.bb0 {border-top:0px !important;}
.onfc {color:#ff6c13 !important;}
.onbg1 {background:#fff0e7 !important;}
.onbg2 {background:#ff6c13 !important;}


.txt1 {font-size:28px; line-height:38px; color:#fff;}
.txt2 {font-size:28px; line-height:38px; color:#fff; font-weight:bold;}
.txt3 {font-size:28px; letter-spacing: -1.7px; font-weight: normal;}
.lb01 {font-size:20px; line-height:38px; color:#ff6c13;}
.tit01 {display:inline-block; border-top:2px solid #ff6c13; font-size:20px; font-weight:bold; line-height:38px; color:#fff;}
.txt01 {margin-top:3px; width:100%; font-size:18px; line-height:30px; color:#fff; word-break:keep-all;}
.group01 .bundle {width:100%; font-size:18px; line-height:30px; color:#fff; word-break:keep-all;}

.content .list_box.onbg1 .mtit_box:after {content:''; position:absolute; top:-1px; left:0; right:0; width:171px; height:3px; background:#ff6c13;}


.top_cont{background: #efefef; padding-bottom: 100px;}
#container .list_tit {position:relative; padding-top:100px; margin-bottom:90px;}
#container .list_tit .ltxt01 {position:relative; font-size:45px; font-weight:bold; text-align:center; line-height:45px; color:#333;}
#container .list_tit:after {content:' ' ; position:absolute; left:50%; bottom:-40px; right:0; margin-left:-25px; width:50px; height:3px; background:#ff6c13;}

.content .table_box {border-top:2px solid #333; border-bottom:1px solid #333; background: #fff;}
.content .list_box {position:relative; overflow:hidden; display:table;}

.content .list_box:hover {background:#fff0e7;}
.content .list_box:hover .mtit_box:after {content:' '; position:absolute; top:-1px; left:0; width:171px; height:3px; background:#ff6c13; box-sizing:border-box;}
.content .list_box:nth-of-type(1):hover .mtit_box:after {display: none;}
.content .list_box:hover .mtit_box .tit {color:#ff6c13;}
.content .list_box:hover .mid_box .subject_box .title {background:#ff6c13;}
.content .list_box:hover .mid_box .subject_box .txt {color:#ff6c13;}

.content .list_box .mtit_box {position:relative; display:table-cell; padding-top:30px; width:171px; vertical-align:top; border-top:1px solid #333;}
.content .list_box .mtit_box .tit {font-size:30px; font-weight:bold; text-align:center; line-height:40px; color:#333;}

.content .list_box .mgb {display:table-cell; width:20px; height:100%;}

.content .list_box .rbox {display:table-cell; overflow:hidden; margin-left:20px; padding:30px 0; width:1109px; height:100%; border-top:1px solid #ddd;}
.content .list_box .mid_box {float:left; width:560px;}
.content .list_box .mid_box .subject_box {overflow:hidden; margin-left:19px; font-weight:bold;}
.content .list_box .mid_box .subject_box .title {float:left; width:99px; height:28px; background:#333; font-size:16px; text-align:center; line-height:28px; color:#fff;}
.content .list_box .mid_box .subject_box .txt {float:left; margin-left:15px; font-size:20px; line-height:28px; color:#333;}
.content .list_box .mid_box .txt_group {margin-top:14px; margin-left:19px;}
.content .list_box .mid_box .txt_group .bundle {position:relative; padding-left:10px; font-size:16px; font-weight:bold; line-height:25px; color:#333;}
.content .list_box .mid_box .txt_group .bundle:after {content:' '; position:absolute; top:13px; left:2px;  margin-top:-2px; width:3px; height:3px; background:#333;}

.content .list_box .group {float:left; width:549px; vertical-align:top;}
.content .list_box .group .bundle {position:relative; margin-left:23px; padding-right:50px; padding-left:6px; font-size:14px; line-height:20px; color:#333; word-break:keep-all;}
.content .list_box .group .bundle:after {content:' '; position:absolute; top:11px; left:0;  margin-top:-1px; width:2px; height:2px; background:#333;}

.bt_cont {overflow:hidden; margin-top:100px; width:100%;}
.bt_cont .bt_tit_box {text-align: center;}
.bt_cont .bt_tit_box .bt_tit {display:inline-block; padding:0 35px; height:40px; font-size:20px; text-align:center; line-height:40px; color:#fff; background:#ff6c13;}
.bt_cont .bt_tit_box .bt_subject {margin-top:19px; font-size:45px; font-weight:bold; line-height:45px; color:#333;}
.bt_cont .bt_tit_box .bt_txt {margin-top:17px; font-size:25px; font-weight:bold; line-height: 25px; color:#333;}

.bt_cont .bt_wbox {margin-top:50px; position: relative;}
.bt_cont .bt_wbox:after{content:' '; position:absolute; top:0; left:0; width:50%; bottom:0; background:url('/img/sub/sub_sec7.jpg')no-repeat center center; background-size:cover; z-index:-1;}
.bt_cont .bt_wbox:before{content:' '; position:absolute; top:0;  right:0; width:50%; height:100%; background:url('/img/sub/sub_sec8.jpg')no-repeat center center; background-size:cover; z-index:-1;}
.bt_cont .bt_wbox.edu02:after{background:url('/img/sub/sub_sec9.jpg')no-repeat center center; background-size:cover;}
.bt_cont .bt_wbox.edu02:before{background:url('/img/sub/sub_sec10.jpg')no-repeat center center; background-size:cover;}
.bt_cont .bt_wbox.edu03:after{background:url('/img/sub/sub_sec11.jpg')no-repeat center center; background-size:cover;}
.bt_cont .bt_wbox.edu03:before{background:url('/img/sub/sub_sec12.jpg')no-repeat center center; background-size:cover;}
.bt_cont .bt_wbox.edu04:after{background:url('/img/sub/sub_sec13.jpg')no-repeat center center; background-size:cover;}
.bt_cont .bt_wbox.edu04:before{background:url('/img/sub/sub_sec14.jpg')no-repeat center center; background-size:cover;}
.bt_cont .bt_wbox.edu05:after{background:url('/img/sub/sub_sec15.jpg')no-repeat center center; background-size:cover;}
.bt_cont .bt_wbox.edu05:before{background:url('/img/sub/sub_sec16.jpg')no-repeat center center; background-size:cover;}
.bt_cont .bt_box {float:left; position:relative; width:50%;}
.bt_cont .bt_box:nth-of-type(2) .bt_inbox {margin-left:100px;} 
.bt_cont .bt_box .bt_inbox {padding-right:10%;} /*수정 180624*/
.bt_cont .bt_box .bt_inbox .btb_tbox {margin-top:60px; padding:28px 29px; width:280px; height:100%; background:#333;}
.bt_wbox.edu02 .bt_box .bt_inbox .btb_tbox {min-height:208px;}
.bt_wbox.edu04 .bt_box .bt_inbox .btb_tbox {min-height:170px;}
.bt_wbox.edu05 .bt_box .bt_inbox .btb_tbox {min-height:246px;}
.bt_cont .bt_box .bt_inbox .btb_mbox {margin-top:50px; min-height:318px;}
.bt_cont .bt_box .bt_inbox .btb_bbox {min-height:340px;}
.bt_wbox.edu03 .bt_box .bt_inbox .btb_bbox {min-height:420px;}
.bt_wbox.edu05 .bt_box .bt_inbox .btb_bbox {min-height:400px;}

/* Tablet Device */
@media (max-width : 1024px) {
.pc {display:none;}
.tablet {display:block;}
.mobile {display:none;}
.tab_mo {display:block;} 

.txt01 {font-size:15px;}
.group01 .bundle {font-size:15px}

.content .list_box {display:block;}
.content .list_box .mtit_box {display:block; padding-top:0; width:100%; border-bottom:1px solid #ddd;}
.content .list_box.onbg1 .mtit_box:after {width:100%;}
.content .list_box .mtit_box .tit {line-height:70px;}
.content .list_box .rbox {display:block; margin-left:0; width:100%;}
.bt_cont {margin-top:50px;}
.bt_cont .bt_box:nth-of-type(2) .bt_inbox {margin-left:0px;} 
.bt_cont .bt_box .bt_inbox {padding:0 10%;}
.bt_cont .bt_box .bt_inbox .btb_mbox {min-height:400px;}
.bt_wbox.edu02 .bt_box .bt_inbox .btb_tbox {min-height:284px}
.bt_wbox.edu03 .bt_box .bt_inbox .btb_bbox {min-height:420px;}
}

/* Mobile Device */
@media (max-width : 767px) {
.pc {display:none;}
.tablet {display:none;}
.mobile {display:block;}

.txt1 {font-size:24px; line-height:34px;}
.txt2 {font-size:24px; line-height:34px;}
.txt3 {font-size:24px;}
.tit01 {font-size:18px;}
.txt01 {font-size:13px; line-height:23px;}

#container .list_tit {padding-top:80px; margin-bottom:60px; padding:0 5%;}
#container .list_tit:after {bottom:-20px;}
#container .list_tit .ltxt01 {font-size:38px; line-height:48px;}

.bt_cont {margin-top:40px;}
.bt_cont .bt_wbox {margin-top:40px;}
.bt_cont .bt_wbox:after,
.bt_cont .bt_wbox:before {display:none;}

.bt_cont .bt_tit_box .bt_subject {font-size:38px; line-height:38px;}
.bt_cont .bt_tit_box .bt_txt {margin-top:10px; line-height:35px;}
.bt_cont .bt_box .bt_inbox .btb_mbox {margin-top:30px;}
.bt_cont .bt_box .bt_inbox .btb_bbox {margin:30px 0 30px 0;}

.content .list_box .mtit_box .tit {font-size:26px; line-height:52px;}
.content .list_box.onbg1 .mtit_box:after {display:none;}
.content .list_box .rbox {padding:5% 5%;}
.content .list_box .mid_box {width:100%;}
.content .list_box .mid_box .subject_box {margin-left:0;}
.content .list_box .mid_box .txt_group {margin-left:0;}
.content .list_box .group {width:100%; margin-top:15px;}
.content .list_box .group .bundle {margin-left:0; padding-right:0; margin-top:5px;}

.bt_box.mbg01 {width:100%; height:100%; background:url('/img/sub/sub_sec7.jpg')no-repeat center center; background-size:cover;}
.bt_box.mbg02 {width:100%; height:100%; background:url('/img/sub/sub_sec8.jpg')no-repeat center center; background-size:cover;}
.bt_wbox.edu02 .bt_box.mbg01 {width:100%; height:100%; background:url('/img/sub/sub_sec9.jpg')no-repeat center center; background-size:cover;}
.bt_wbox.edu02 .bt_box.mbg02 {width:100%; height:100%; background:url('/img/sub/sub_sec10.jpg')no-repeat center center; background-size:cover;}
.bt_wbox.edu03 .bt_box.mbg01 {width:100%; height:100%; background:url('/img/sub/sub_sec11.jpg')no-repeat center center; background-size:cover;}
.bt_wbox.edu03 .bt_box.mbg02 {width:100%; height:100%; background:url('/img/sub/sub_sec12.jpg')no-repeat center center; background-size:cover;}
.bt_wbox.edu04 .bt_box.mbg01 {width:100%; height:100%; background:url('/img/sub/sub_sec13.jpg')no-repeat center center; background-size:cover;}
.bt_wbox.edu04 .bt_box.mbg02 {width:100%; height:100%; background:url('/img/sub/sub_sec14.jpg')no-repeat center center; background-size:cover;}
.bt_wbox.edu05 .bt_box.mbg01 {width:100%; height:100%; background:url('/img/sub/sub_sec15.jpg')no-repeat center center; background-size:cover;}
.bt_wbox.edu05 .bt_box.mbg02 {width:100%; height:100%; background:url('/img/sub/sub_sec16.jpg')no-repeat center center; background-size:cover;}

.bt_cont .bt_box .bt_inbox {padding:0 5%;}
.bt_cont .bt_box .bt_inbox .btb_tbox {margin-top:30px; padding:24px 25px; width:230px;}
.bt_wbox.edu02 .bt_box .bt_inbox .btb_tbox,
.bt_wbox.edu04 .bt_box .bt_inbox .btb_tbox,
.bt_wbox.edu05 .bt_box .bt_inbox .btb_tbox {min-height:100%;}

.bt_cont .bt_box .bt_inbox .btb_mbox {min-height:0;}
.bt_cont .bt_box .bt_inbox .btb_bbox {min-height:0; margin:60px 0 60px 0;}
.bt_wbox.edu03 .bt_box .bt_inbox .btb_bbox {min-height:132px;}
.bt_wbox.edu05 .bt_box .bt_inbox .btb_bbox {min-height:180px;}
.group01 .bundle {
  font-size:13px; 
  line-height:23px;
  }
}