/* 메인 */
/*20240401*/
/*.main_contentLayout {
  margin: 80px 0 70px
}*/
.main_contentLayout {
  margin: 170px 0 70px
}

.fix_hd_main_contentLayout_theme1 {
	margin-top: 140px !important; 
}

.fix_hd_main_contentLayout_theme2 {
	margin-top: 160px !important; 
}


#theme1 .theme .main-banner .swiper-wrapper img{
	height: 410px !important;
}

#theme2 .main-banner .swiper-wrapper img{
	height: 385px !important;
}
/*20240401*/
.mainBannerBox {
  position: relative;
  max-height: 515px;
}
.mainBanner {
  position: relative
}
.mainBanner .BannerBox>div>a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  cursor: pointer
}
.mainBanner .BannerBox>div img {
  width: 100%;
  max-width: 1920px;
  max-height: 520px;
}
.mainBanner .slick-prev {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 50px;
  height: 50px;
  background: url("../../../images/template9/resp/default/button/main_banner_arrow.png") no-repeat 0 0;
  padding: 0;
  border: 0;
  margin: -25px 0 0 -700px;
  cursor: pointer;
  text-indent: -50px;
  overflow: hidden;
  transition: 0.3s all ease;
}
.mainBanner .slick-prev:hover {
  background: url("../../../images/template9/resp/default/button/main_banner_arrow_hover.png") no-repeat 0 0;
}
.mainBanner .slick-next {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 50px;
  height: 50px;
  background: url("../../../images/template9/resp/default/button/main_banner_arrow.png") no-repeat -50px 0;
  padding: 0;
  border: 0;
  margin: -25px 0 0 700px;
  cursor: pointer;
  text-indent: -50px;
  overflow: hidden;
  transition: 0.3s all ease
}
.mainBanner .slick-next:hover {
  background: url("../../../images/template9/resp/default/button/main_banner_arrow_hover.png") no-repeat -50px 0;
}
.mainBannerBox .pagination {
  position: absolute;
  top: 50%;
  margin: -25px 0 0 -50%;
  left: 50%;
  right: 0;
  z-index: 3;
}
.mainBannerBox .paginationIn {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.mainBannerBox .paginationIn .main_paging {
  position: absolute;
  top: -155px;
  left: 0
}
.mainBannerBox .paginationIn .main_paging>li {
  display: none
}
.mainBannerBox .paginationIn .main_paging>li.slick-active {
  display: inline-block;
}
.mainBannerBox .paginationIn .main_paging>li>span {
  margin: 0 4px;
  text-align: center;
  display: inline-block;
  color: #666;
  font-size: 16px;
}
.mainBannerBox .paginationIn .main_paging>li>span.now_num {
  color: #026c8a;
  font-weight: 500
}
.mainBannerBox .paginationIn .controlBox {
  position: absolute;
  top: -160px;
  left: 4%
}
.mainBannerBox .paginationIn .controlBox .btn_pause {
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  font-size: 0;
  background: url(../../../images/template9/resp/default/button/main_banner_control_btn.png) no-repeat 0 0;
}
.mainBannerBox .paginationIn .controlBox .btn_play {
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  font-size: 0;
  background: url(../../../images/template9/resp/default/button/main_banner_control_btn.png) no-repeat -18px 0;
}
.process_content {
  padding: 50px 0 65px;
  background-color: #ebeff2;
  overflow: hidden
}
.ProcessBox {
  margin: 10px 0 0;
  height: 410px;
  overflow: hidden
}
.ProcessBox.double {
  height: 815px
}
.ProcessBox .mCSB_container .ProcessBoxIn>ul {
  overflow: hidden;
  margin: -20px 0 0 -20px;
  padding: 0 0 5px
}
.ProcessBox .mCSB_container .ProcessBoxIn>ul>li {
  float: left;
  margin: 20px 0 0 20px
}
.ProcessBox .thumBox {
  position: relative;
  display: inline-block;
  width: 260px;
  height: 379px;
  overflow: hidden;
  background-color: white;
  transition: 0.3s all cubic-bezier(0.4, 0, 1, 1);
  vertical-align: top;
}
.ProcessBox .thumBox:hover {
  box-shadow: 5px 5px #d5d5d5;
}
.ProcessBox .thumBox .imgBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 166px;
  transition: 0.3s all ease
}
.ProcessBox .thumBox .contentBox {
  position: absolute;
  top: 166px;
  left: 0;
  right: 0;
  height: 173px;
  padding: 20px 30px;
  transition: 0.3s all ease
}
.ProcessBox .thumBox .contentBox .btn_like {
  position: absolute;
  top: -20px;
  right: 20px;
  display: inline-block;
  background: #d7d7d7;
  border-radius: 50%;
  padding: 12px;
  z-index: 1
}
.ProcessBox .thumBox .contentBox .btn_like.active {
  background: #0d7fa0;
  animation: size .4s;
}
@keyframes size {
  0% {
    padding: 12px
  }
  50% {
    padding: 14px;
    right: 18px;
    margin-top: -6px;
  }
  100% {
    padding: 12px
  }
}
.ProcessBox .btn_like {
  position: absolute;
  top: 145px;
  right: 20px;
  display: inline-block;
  border: 0;
  background-color: #d7d7d7;
  background-image: url('../../../images/template9/resp/default/button/btn_like_pattern.png');
  border-radius: 50%;
  padding: 12px 12px 9px;
  z-index: 1;
  transition: 0.3s all ease;
}
.ProcessBox .btn_like.active {
  background: #f66800;
  animation: size .4s;
}
.ProcessBox .btn_like .icon_heart {
  display: inline-block;
  width: 16px;
  height: 15px;
  background: url("../../../images/template9/resp/default/icon/icon_heart.png") no-repeat;
  background-size: cover
}
.ProcessBox .thumBox .contentBox .thum_label {
  font-size: 14px;
  color: #026c8a
}
.ProcessBox .thumBox .contentBox .thum_tit {
  display: block;
  display: -webkit-box;
  white-space: normal;
  line-height: 1.3;
  margin: 17px 0 0;
  font-size: 20px;
  color: #222;
  transition: 0.3s all ease;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 53px;
  min-height: 53px
}
.ProcessBox .thumBox .contentBox .thum_tit:hover {
  color: #026c8a;
  text-decoration: underline
}
.ProcessBox .thumBox .thum_date {
  margin: 9px 0 0
}
.ProcessBox .thumBox .thum_date>ul>li {
  margin-top: 9px;
  font-size: 14px;
  color: #666;
}
.ProcessBox .thumBox .thum_date>ul>li:first-child {
  margin-top: 0;
}
.ProcessBox .thumBox .thum_date .t {
  display: inline-block;
  width: 46px;
  vertical-align: baseline;
}
.ProcessBox .thumBox .thum_date .price {
  color: #026c8a;
  font-weight: 400;
}
.ProcessBox .thumBox .thum_tag {
  margin: 15px 0 0
}
.ProcessBox .thumBox .thum_tag>ul {
  overflow: hidden;
  max-height: 60px;
}
.ProcessBox .thumBox .thum_tag>ul>li {
  float: left;
  margin: 5px 5px 0 0
}
.ProcessBox .thumBox .thum_tag>ul>li span {
  display: inline-block;
  font-size: 14px;
  color: #666;
  padding: 4px 5px;
  border: 1px solid #d7d7d7;
  overflow: hidden
}
.ProcessBox .thumBox .thum_tag>ul>li span:before {
  content: "#"
}
.ProcessBox .serviceBox {
  position: absolute;
  bottom: -60px;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #0d7fa0;
  transition: 0.3s all ease;
}
.ProcessBox .serviceBox .star_service {
  float: left;
  width: calc(100% - 115px);
  height: 20px;
  padding: 20px 0;
  text-align: center;
  background-color: #0d7fa0;
}
.ProcessBox .serviceBox .star_service .star_score {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 130px;
  height: 20px;
  background: url("../../../images/template9/resp/blue/icon/icon_star_score.png") 0 0 repeat-x
}
.ProcessBox .serviceBox .star_service .star_score .point {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  height: 20px;
  background: url("../../../images/template9/resp/blue/icon/icon_star_score.png") 0 -20px repeat-x
}





.lms_apply_notiBox.slick-slider {margin:0 0 0 -20px; height:400px}
.lms_apply_notiBox.slick-slider .slick-slide {margin:0 0 0 20px}

.lms_apply_noti {padding:30px; background:#f5f7f9; border-top:1px solid #555; border-bottom:1px solid #d7d7d7; text-align: left !important;}
.lms_apply_noti p { line-height:1.6; margin:10px 0 0 0; font-size:16px; }
.lms_apply_noti p.txt_bullet { margin:0; }
.lms_apply_noti p.txt_bullet:first-child { margin:10px 0 0 0; }
.lms_apply_noti .txt_alert:before { top:3px; }
.lms_apply_noti .tit { margin:0; font-size:20px; font-weight:500; line-height:1.3;  overflow: hidden;	text-overflow: ellipsis; -webkit-line-clamp: 2;	-webkit-box-orient: vertical; min-height: 55px; max-height: 55px;}
.lms_apply_empty {text-align: center; padding:75px 0}
.lms_apply_empty p {font-size:18px; margin:25px 0 0}

.lms_apply_notiB {text-align:center; margin:30px 0 0}
.lms_apply_notiB button br {display: none}
.lms_apply_notiBox.slick-slider .lms_apply_noti {text-align: left !important; vertical-align: top !important;}
.lms_apply_notiBox.slick-slider .lms_apply_notiB button {line-height: 1.4; padding:10px 40px; border:0}
.lms_apply_notiBox.slick-slider .lms_apply_notiB button br {display: block}

.lms_apply_TxtArea {background:white; height:140px; overflow-x: hidden; overflow-y: auto;	margin:10px 0 0; padding:10px; font-size: 16px; line-height: 1.6;     border: 1px solid #d7d7d7;	border-radius: 3px;}


.pagination.lms_apply {margin: 20px 0 0; display: none}
.pagination.lms_apply .paging {display:inline-block;line-height:40px;margin:10px 23px;border: 1px solid #d8d8d8;border-radius: 20px;padding: 0 20px;}
.pagination.lms_apply .paging > li {display:none}
.pagination.lms_apply .paging > li.slick-active {display: inline-block;}
.pagination.lms_apply .paging > li > span {margin: 0px 4px;text-align: center;display: inline-block;color: #666;font-size: 16px;}
.pagination.lms_apply .paging > li > span.now_num {color:#026c8a}


.lms_apply_info { display:table; width:100%; table-layout:fixed; padding:30px 0; background:#f5f7f9; border-top:1px solid #555; border-bottom:1px solid #d7d7d7; }
.lms_apply_info .lms_apply_infoL { display:table-cell; vertical-align: top; padding:0 30px; word-wrap: break-word; word-break: keep-all; -ms-word-break: break-all; overflow-wrap: break-word;}
.lms_apply_info .lms_apply_infoR { display:table-cell; vertical-align:middle; width:300px; text-align:center; padding:0 10px 0 0; }
.lms_apply_info .lms_apply_infoR .h_file ~ .h_file{margin-top: 15px;}
.lms_apply_infoR .btn_m_blue_gra { line-height:1.3; height:inherit; padding:15px 41px; margin:15px 0 0 0; }
.lms_apply_info p { line-height:1.6; margin:10px 0 0 0; font-size:16px; }
.lms_apply_info p.txt_bullet { margin:0; }
.lms_apply_info p.txt_bullet:first-child { margin:10px 0 0 0; }
.lms_apply_info .txt_alert:before { top:3px; }
.lms_apply_info .tit { margin:0; font-size:20px; font-weight:500; line-height:1.4; }

.lms_apply_mob { max-height:122px; overflow-x:hidden; overflow-y:auto; padding-top: 10px; font-size: 16px; line-height: 1.6;}

.lms_apply_info.type02 .lms_apply_infoR { padding:0 30px 0 0; width:360px; text-align:left; }
.lms_apply_admin { margin:5px 0 0 0; max-height:95px; overflow-x:hidden; overflow-y:auto; padding:10px 15px; background:#fff; min-height:95px; border:1px solid #d7d7d7; border-radius:3px; }
.lms_apply_admin ul li { margin:8px 0 0 0; }
.lms_apply_admin ul li:first-child { margin:0; }
.lms_apply_admin ul li .reple { margin:0; font-size:16px; color:#222; }
.lms_apply_admin ul li .date { display:inline-block; margin:0 15px 0 0; font-size:14px; color:#999; }
.lms_apply_admin .h_file { margin:0 15px 0 0; }
.btn_s_blue.apply { position:relative; top:-3px; margin:0 0 -10px 15px; }
.inputBox.apply textarea { height:88px; }
.lms_apply_url input { width:140px; }
.lms_apply_url span { padding:0 25px 0 8px; position:relative; top:1px; }
.lms_apply_url button { position:relative; top:2px; }


.ProcessBox .serviceBox .demo_service {
  float: right;
  width: 115px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #026c8a;
  font-size: 20px;
  color: white;
}
.ProcessBox .thumBox:hover .btn_like {
  top: 86px;
}
.ProcessBox .thumBox:hover .imgBox {
  top: -60px
}
.ProcessBox .thumBox:hover .contentBox {
  top: 106px;
}
.ProcessBox .thumBox:hover .serviceBox {
  bottom: 0;
}
.process_content .ProcessBox .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: 1200px;
  margin-left: -600px;
  left: 50%;
  right: auto
}
.ProcessBox_mob {
  display: none
}
.main_process {
  position: relative
}
.content_menuBox {
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
}
.content_menuBoxIn {
  position: relative
}
.content_menuBoxIn:before {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  height: 120px;
  width: 50%;
  background: #026c8a;
  background: linear-gradient(90deg, rgba(13, 127, 96, 1) 8%, rgba(13, 127, 160, 1) 91%);
  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.12);
  z-index: 2;
}
.content_menu {
  display: inline-block;
  position: relative;
  height: 120px;
  z-index: 2
}
.content_menu>ul {
  float: left;
  display: inline-block;
  height: 100%;
}
.content_menu>ul>li {
  float: left;
  width: 120px;
  height: 100%;
  display: table
}
.content_menu>ul>li>a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: white;
  transition: 0.3s all ease
}
.content_menu>ul>li>a:hover {
  background-color: #026c8a
}
.content_menu>ul>li p {
  margin: 12px 0 0;
  font-size: 16px;
}
.content_menu .ico_chart, .content_menu .ico_lecture, .content_menu .ico_book_heart, .content_menu .ico_book_question, .content_menu .ico_certi {
  display: inline-block;
  width: 42px;
  height: 42px
}
.content_menu .ico_chart {
  background: url("../../../images/template9/resp/default/icon/icon_content_menu.png") no-repeat 0 0
}
.content_menu .ico_lecture {
  background: url("../../../images/template9/resp/default/icon/icon_content_menu.png") no-repeat -42px 0;
}
.content_menu .ico_book_heart {
  background: url("../../../images/template9/resp/default/icon/icon_content_menu.png") no-repeat -84px 0;
}
.content_menu .ico_book_question {
  display: inline-block;
  width: 46px;
  height: 42px;
  background: url("../../../images/template9/resp/default/icon/icon_content_menu.png") no-repeat -126px 0;
}
.content_menu .ico_certi {
  background: url("../../../images/template9/resp/default/icon/icon_content_menu.png") no-repeat -172px 0;
}
.content_menu .familysite {
  position: relative;
  float: left;
  width: 305px;
  padding-top: 36px;
  background: #026c8a;
}
.content_menu .familysite .t {
  position: absolute;
  left: 30px;
  top: 17px;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  z-index: 3;
}
.content_menu .logo_slider {
  position: relative;
  height: 84px;
  font-size: 24px;
  color: #fff;
  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.12);
}
.content_menu .familysite .pagination {
  position: absolute;
  right: 20px;
  top: 17px;
  margin: 0;
  z-index: 3;
}
.content_menu .familysite .pagination .btn_pagination {
  width: 7px;
  height: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: url("../../../images/template9/resp/default/icon/icon_familysite_arrow.png") no-repeat;
  line-height: 1;
  vertical-align: middle;
}
.content_menu .familysite .pagination .prevBtn {
  background-position: 0 0;
}
.content_menu .familysite .pagination .nextBtn {
  background-position: 100% 0;
}
.content_menu .familysite .pagination .btn_control {
  overflow: hidden;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  background: url("../../../images/template9/resp/default/button/top_banner_control_btn.png") no-repeat;
  text-indent: -9999px;
}
.content_menu .familysite .pagination .btn_pause {
  background-position: 0 0;
}
.content_menu .familysite .pagination .btn_play {
  background-position: 100% 0;
}
.content_menu .familysite .pagination .paginationIn {
  position: relative;
  height: 18px;
  padding-right: 38px;
  font-size: 0;
}
.content_menu .familysite .pagination .controlBox {
  position: absolute;
  right: 0;
  top: 0;
}
.content_menu .familysite .pagination .control_paging {
  display: inline-block;
  margin: 0 10px;
  font-size: 14px;
  color: #a4a4a4;
  vertical-align: top;
  line-height: 18px;
  vertical-align: middle;
}
.content_menu .familysite .pagination .control_paging li {
  display: none;
}
.content_menu .familysite .pagination .control_paging .now_num {
  margin-right: 3px;
}
.content_menu .familysite .pagination .control_paging .all_num {
  margin-left: 3px;
}
.content_menu .familysite .pagination .control_paging .slick-active {
  display: inline-block;
  vertical-align: top;
}
.content_menu .familysite .pagination .control_paging .slick-active .now_num {
  color: #fff;
  font-weight: 500;
}
.content_menu .logo_slider a {
  max-width: 170px;
  margin: 0 auto;
  display: block;
  display: -webkit-box !important;
  white-space: normal;
  line-height: 1.1;
  transition: 0.3s all ease;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 55px;
  color: white;
  font-size: 26px;
}
.content_menu .logo_slider a img {
  max-width: 100%
}
.notice_content {
  margin: 70px 0
}
.notice_content .content_wrap>ul {
  margin: 0 0 0 -60px;
  overflow: hidden
}
.notice_content .content_wrap>ul>li {
  float: left;
  width: 50%;
}
.notice_content .content_wrap>ul>li>div {
  margin: 0 0 0 60px;
}
.notice_content .content_wrap .tit_area {
  margin: 0
}
.main_notice {
  margin: 12px 0 0
}
.main_notice>ul {
  overflow: hidden;
  border-top: 1px solid #555
}
.main_notice>ul>li {
  position: relative;
  line-height: 1.4;
  border-bottom: 1px solid #d7d7d7
}
.main_notice>ul>li.no_data {
  display: table;
  width: 100%;
  height: 203px;
  text-align: center;
  background-color: #f5f7f9
}
.main_notice>ul>li.no_data .txt {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  font-size: 16px;
  color: #222;
}
.main_notice .tit {
  overflow: hidden;
  position: relative;
  display: block;
  padding: 13px 80px 13px 0;
  font-weight: 500;
}
.main_notice .tit .txtBox {
  margin: 0 40px 0 0;
  display: block;
}
.main_notice .tit .txt {
  position: relative;
  overflow: hidden;
  float: left;
  max-width: 100%;
  font-size: 16px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  vertical-align: middle;
  transition: 0.3s all ease;
  min-height: 24px;
}
.main_notice .tit .txt:hover {
  color: #026c8a
}
.main_notice .tit .txt:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  width: 1px;
  transition: width .6s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;
  background: #026c8a;
}
.main_notice .tit .txt:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  transition: width .3s cubic-bezier(0.29, 0.18, 0.26, 0.83);
  background: #026c8a;
}
.main_notice .tit .txt:hover:before, .main_notice .tit .txt:hover:after {
  width: 100%;
  left: 0;
}
.main_notice .tit .icon_new {
  float: left;
}
.main_notice .tit .date {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 14px;
  color: #666;
  margin: -9px 0 0;
}
.customerBox {
  display: table;
  position: relative;
  margin: 12px 0 0;
  width: 100%;
  height: 205px;
}
.customerBoxIn {
  display: table-cell;
  vertical-align: middle;
  border: 1px solid #d7d7d7;
  border-top: 1px solid #555;
}
.customerBox .imgBox {
  position: absolute;
  top: 50%;
  left: 40px;
  margin: -50px 0 0
}
.customerBox .imgBox .icon_tel {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: url("../../../images/template9/resp/blue/icon/icon_main_customer.png") no-repeat;
  background-size: cover
}
.customerBox .txtBox {
  padding: 0 0 0 180px
}
.customerBox .txtBox .num {
  font-size: 46px;
  font-weight: bold;
  color: #026c8a;
  margin: 0
}
.customerBox .txtBox .num+.num {
  color: #0d7f72
}
.customerBox .txtBox .mail {
  font-size: 18px;
  color: #0d7fa0;
  margin: 15px 0 0
}
.customerBox .txtBox .time {
  font-size: 16px;
  color: #666;
  margin: 10px 0 0
}
.customerBox .txtBox .time>li {
  position: relative;
  float: left;
  padding: 0 12px
}
.customerBox .txtBox .time>li:first-child {
  padding-left: 0
}
.customerBox .txtBox .time>li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 14px;
  margin: -7px 0 0;
  background-color: #d7d7d7;
}
.customerBox .txtBox .time>li:first-child:before {
  display: none
}
.intro_content {
  position: relative;
  overflow: hidden;
  background-color: #d3e8ea;
}
.intro_content:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 134px;
  background-color: white;
}
.intro_content .content_wrap {
  position: relative
}
.intro_content .tit_area {
  margin: 50px 0 0;
  min-height: auto
}
.intro_content .tit_area .tit {
  margin: 0
}
.intro_content .process {
  width: 100%;
  display: flex;
  margin-top: 25px;
}
.intro_content .process .process_box {
  width: 33.333333%;
  background-color: #fff;
  border-radius: 0 34px 0 34px;
  border: 1px solid #dfdfdf;
  margin-right: 31px;
  box-shadow: 0 5px 16px rgb(177 177 177 / 10%);
  overflow: hidden;
  height: 310px;
}
.intro_content .process .process_box:last-child {
  margin-right: 0;
}
.intro_content .process .process_box.mb23 {
  margin-top: 23px;
}
.intro_content .process .process_box .process_area {
  text-align: center;
  padding: 0 15px;
  word-break: keep-all;
  letter-spacing: -1px;
}
.intro_content .process .process_box .process_area .process_tit {
  font-size: 20px;
  font-weight: 600;
  color: #222;
}
.intro_content .process .process_box .process_area .process_txt {
  line-height: 23px;
  color: #434343;
  font-size: 15px;
}
.intro_slider_mainBox {
  margin: 30px 0 0;
  position: relative
}
.intro_slider_main .slick-track .slick-slide>div>div>a {
  width: 530px;
  height: 310px
}
.intro_slider_main .slick-track .slick-slide>div>div .txtBox {
  position: absolute;
  top: 0;
  left: 580px;
  text-align: left;
}
.intro_slider_main .slick-track .slick-slide>div>div .txtBox .tit {
  font-size: 30px;
  color: #222;
  margin: 0
}
.intro_slider_main .slick-track .slick-slide>div>div .txtBox .content_txt {
  font-size: 16px;
  color: #222;
  line-height: 1.5;
  margin: 20px 0 0
}
.intro_slider_main .slick-track .slick-slide>div>div .txtBox a {
  position: relative;
  font-size: 20px;
  color: #026c8a;
  display: inline-block;
  margin: 20px 0 0;
  padding: 0 0 7px
}
.intro_slider_main .slick-track .slick-slide>div>div .txtBox a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -50px;
  right: -62px;
  border-bottom: 2px solid #026c8a;
  transition: 0.3s all ease;
}
.intro_slider_main .slick-track .slick-slide>div>div .txtBox a:before {
  content: "";
  position: absolute;
  bottom: 2px;
  right: -62px;
  display: inline-block;
  width: 19px;
  height: 17px;
  background: url("../../../images/template9/resp/blue/icon/icon_intro_detail_arrow.png") no-repeat;
  transition: 0.3s all ease;
}
.intro_slider_main .slick-track .slick-slide>div>div .txtBox a:hover:after, .intro_slider_main .slick-track .slick-slide>div>div .txtBox a:hover:before {
  right: -72px
}
.intro_slider_main .slick-track .slick-slide>div .cropBox {
  transition: 0.3s ease all
}
.intro_slider_main .slick-track .slick-slide>div>div>a:hover .cropBox {
  transform: scale(1.1)
}
.intro_slider_navBox {
  position: absolute;
  bottom: 0;
  right: 0;
}
.intro_slider_nav {
  width: 620px;
  overflow: hidden
}
.intro_slider_nav .slick-list {
  margin: 0 0 0 -40px;
  padding: 0 !important;
}
.intro_slider_nav .slick-slide {
  margin: 0 0 0 40px
}
.intro_slider_nav .slick-track .slick-slide>div .imgBox {
  width: 180px;
  height: 100px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  transition: 0.3s all ease
}
.intro_slider_nav .slick-track .slick-slide>div .imgBox:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url("../../../images/template9/resp/default/bg/bg_trans_50.png");
  transition: 0.3s all ease;
  z-index: 1;
}
.intro_slider_nav .slick-track .slick-slide>div .cropBox {
  transition: 0.3s ease all
}
.intro_slider_nav .slick-track .slick-slide>div>div>a {
  position: relative;
}
.intro_slider_nav .slick-track .slick-slide>div>div>a:hover .cropBox {
  transform: scale(1.1)
}
.intro_slider_nav .slick-track .slick-slide>div .labelBox {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.intro_slider_nav .slick-track .slick-slide>div .labelBox br {
  display: none
}
.intro_slider_nav .slick-track .slick-slide>div .label {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  font-size: 20px;
  font-weight: 500;
  color: white;
  line-height: 1.2
}
.intro_slider_nav .slick-track .slick_slide>div .imgBox {
  border: 2px solid white
}
.intro_slider_nav .slick-track .slick-slide.slick-current>div .imgBox {
  border: 2px solid #026c8a
}
.intro_slider_nav .slick-track .slick-slide.slick-current>div .imgBox:after {
  background: url("../../../images/template9/resp/default/bg/bg_trans_white_80.png");
}
.intro_slider_nav .slick-track .slick-slide.slick-current>div .label {
  color: #026c8a
}
.intro_slider_navBtn {
  position: absolute;
  top: 55px;
  right: 0;
  z-index: 3;
}
.intro_slider_navBtnIn {
  position: relative
}
.intro_slider_inavBtn .prevBtn {
  position: absolute;
  right: 50px;
  z-index: 1;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../../../images/template9/resp/default/button/common_page_arrow.png") no-repeat 0 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  text-indent: 100px;
  overflow: hidden;
  transition: 0.3s all ease;
  border-radius: 50%
}
.intro_slider_navBtn .prevBtn:hover {
  background: url("../../../images/template9/resp/default/button/common_page_arrow_hover.png") no-repeat 0 0;
  box-shadow: 0 0 5px 1px #bbb;
}
.intro_slider_navBtn .nextBtn {
  position: absolute;
  right: 0;
  z-index: 1;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../../../images/template9/resp/default/button/common_page_arrow.png") no-repeat -40px 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  text-indent: 100px;
  overflow: hidden;
  transition: 0.3s all ease;
  border-radius: 50%
}
.intro_slider_navBtn .nextBtn:hover {
  background: url("../../../images/template9/resp/default/button/common_page_arrow_hover.png") no-repeat -40px 0;
  box-shadow: 0 0 5px 1px #bbb;
}
.main_Pop_wrap {
  display: none;
}
.main_Pop_wrap.top {
  top: 0;
  left: 0;
}
.main_Pop_area {
  max-width: 1200px;
  margin: 0 auto;
}
.main_Pop_area>ul {
  overflow: hidden
}
.main_Pop_area>ul>li {
  float: left;
  margin: 10px 10px 0 0;
}
.main_layer_area {
  position: fixed;
  /* 20240329 hwosn 반응형 시 팝업 뒤로 가서 z-indx 24에서 99999999999 로 변경 */
  z-index: 99999999999;
  /* 20240329 hwosn 반응형 시 팝업 뒤로 가서 z-indx 24에서 9999999 로 변경 끝 */
  top: 0;
  left: 0;
}
.main_modal_area {
  position: fixed;
  z-index: 25;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url('../../../images/template9/resp/default/bg/bg_trans_70.png');
}
.main_Pop {
  position: absolute;
  z-index: 10;
  background: var(--skin01);
  height: auto !important;
  padding: 0 8px;
}
.main_Pop .main_PopH {
  position: relative;
  color: white;
  font-size: 20px;
  padding: 20px 50px 20px 30px;
  line-height: 1.2
}
.main_Pop .main_PopH .btn_close {
  position: absolute;
  top: 50%;
  margin: -8px 0 0;
  right: 18px;
  width: 15px;
  height: 15px;
}
.main_Pop .main_PopC {
  margin: 0 auto;
  background-color: #ffffff;
/*   border: 5px solid var(--skin-bg); */
  width: 100% !important;
  height: 100% !important;
}
.main_Pop .main_PopC a {
  display: block
}
.main_Pop .main_PopC p {
  margin: 0 0 25px;
  line-height: 1.2
}
.main_Pop .main_PopC img {
  max-width: 100%
}
.main_Pop .main_PopF {
  position: absolute;
  height: 40px;
  bottom: 0;
  left: 0;
  right: 0;
}
.main_Pop.window .main_PopF {
  position: fixed;
}
.main_Pop .main_PopF_L {
  height: 100%;
  background-color: var(--skin02);
}
.main_Pop .main_PopF_L .checkBox {
  display: flex;
  align-items: center;
  height: 100%;
}
.main_Pop .main_PopF_L label input[type=checkbox] {
  margin: 0;
}
.main_Pop .main_PopF_L label {
  display: inline-block;
  color: white;
  font-size: 16px;
  font-weight: 400
}
.main_Pop .main_PopF_R {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 87px;
}
.main_Pop .main_PopF_R .btn_close {
  width: 100%;
  height: 100%;
  background-color: var(--skin02);
  border: 0;
  padding: 0;
  font-size: 16px;
  color: white
}
.main_Pop.window {
  position: relative;
  padding: 0 8px;
}
/* Main Css */
/* main-top */
.icon_main {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../img/main/board_icon1.png)no-repeat center;
}
.icon_main02 {
  background-image: url(../img/main/board_icon2.png);
}
.icon_main03 {
  background-image: url(../img/main/board_icon3.png);
}
.icon_main04 {
  background-image: url(../img/main/board_icon4.png);
}
.main-layer {
  max-width: 1600px;
  margin: 0 auto;
}
/* 문의해야함 
	배너 사이즈 고정값을 위해 max-height 주석하고, height 걸었는데 하단 과정소개 이미가 깨져서 일단 원복
	문의 필 hwsonhwson
*/
/*20240401*/
/*#theme2 .main_layer .swiper-wrapper img{
	height: 495px !important; 
}*/
#theme2 .main_layer .main-banner .swiper-wrapper img{
	/* height: 495px !important; */ 
}

#theme1 .main_layer .swiper-wrapper img {
	height: 410px !important;
	/* 2024-04-30 hwson 410에서 사이즈 에서 385로 수정 */
}
/*20240401*/
.main_layer .swiper-wrapper img {
  width: 100%;
  height: 100%;
  /*29249326*/

  /*20240401*/
  max-height:410px;
  /*height: 385px;*/
  /*20240401*/
  /*29249326*/
  
}

.main_layer .event-box .swiper-wrapper img{
	aspect-ratio: 2 / 1;
    object-position: center;
    object-fit: cover;
    max-height:none;
    height:auto;
}

#theme2 .main-banner .swiper-wrapper img {
	height:385px !important;
}

#theme1 .main-banner .swiper-wrapper img {
	height:550px !important;
	max-height: 550px !important;
}

#theme1 .theme .main-banner .swiper-wrapper img{
	height: 410px !important;
}
#theme2 .main-banner .swiper-wrapper img{
	height: 410px !important;
}

#theme1 .main_layer .swiper-wrapper img {
  width: 100%;
  height: 100%;
  /*29249326*/
/*   max-height:385px; */
  height: 400px !important;
  /*29249326*/
}

#theme1 .main_layer .swiper-wrapper img {
	max-height:385px;
}
/*20240401*/
/*#theme2 .main_layer .swiper-wrapper img{
	height: 495px !important; 
}*/
#theme2 .main_layer .main-banner .swiper-wrapper img{
	height: 495px !important; 
}
/*20240401*/
.main_top {
  background-color: var(--skin-bg2);
  padding: 20px 0px;
}
.main_top_box {
  display: flex;
  justify-content: space-between;
}
.main_t_left {
  width: 31.875%;
}
.main_t_left>* {
  background-color: #fff;
  border-radius: 10px;
}
.m_l_main_notice {
  padding: 25px 37px 20px;
  margin-bottom: 10px;
  min-height: 248px;
}
.m_l_main_notice .main_n_title {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-size: 24px;
}
.main_t_left .m_l_main_notice .main_notice_list>li>a {
  display: flex;
  align-items: center;
  height: 48px;
}
.main_t_left .m_l_main_notice .txt-tit {
  margin-right: 8px;
  font-size: 20px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}
.main_t_left .m_l_main_notice .date {
  color: #999;
  margin-left: auto;
  min-width: 100px;
  text-align: right;
}
.main_t_left .main_board_list {
/*   padding: 30px 5px; */
  padding: 42px 5px; 
}
.main_t_left .main_board_list li {
  flex: 1;
  border-right: 1px solid #dcdcdc;
}
.main_t_left .main_board_list li:last-of-type {
  border-right: 0;
}
.main_t_left .main_board_list li>a {
  display: block;
  text-align: center;
}
.main_t_left .main_board_list li>a>span {
  display: block;
  color: #363c4b;
  font-size: 18px;
  margin-top: 7px;
  /* 2024-05-04 hwson 볼드 처리 */
  font-weight: bold;
  /* 2024-05-04 hwson 볼드 처리 */
}
.main_t_right {
  width: 67.5%;
  border-radius: 10px;
  overflow: hidden;
}
.main_t_right img {
  width: 100%;
  height: 100%;
}
.main_t_right_box {
  width: 100%;
  height: 100%;
  position: relative;
}
.main_t_right_box .swiper-pagination {
  position: absolute;
  bottom: 30px;
  right: 65px;
  display: inline-block;
  width: auto;
  left: auto;
  z-index: 5;
}
.main_t_right_box .swiper-pagination-bullet.swiper-pagination-bullet-active {
  font-size: 24px;
  color: #fff;
}
.main_t_right_box .swiper-pagination-bullet {
  width: 35px;
  height: 30px;
  display: inline-block;
  margin-right: 20px;
  opacity: 1;
  vertical-align: top;
  position: relative;
  background-color: transparent;
  font-size: 0;
}
.main_t_right_box .swiper-pagination-bullet:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 10px;
  position: absolute;
  left: 15px;
  top: 10px;
}
.main_t_right_box .swiper-pagination-bullet-active::after {
  display: none;
}
.main_t_right_box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {}
.main_t_right_box .slide_stop_btn {
  position: absolute;
  width: 15px;
  height: 15px;
  background-position: center;
  background-repeat: no-repeat;
  bottom: 37px;
  right: 36px;
  z-index: 5;
}
.main_t_right_box .slide_stop_btn.stop {
  background-image: url('../img/main/stop.png');
  background-color: transparent;
}
.main_t_right_box .slide_stop_btn.start {
  background-image: url('../img/main/play.png');
}
.main_thumbnail_layer {
  padding: 55px 0px 70px;
}
.main_thumbnail_cate>ul {
  flex-wrap: wrap;
}
.main_thumbnail_cate>ul>li {
  margin: 0 7px 7px 0;
}
.main_thumbnail_cate>ul>li:last-child {
  margin-right: 0px;
}
.main_thumbnail_cate>ul>li>a {
  padding: 10px 22px;
  background-color: #eeeeee;
  color: #666;
  font-size: 18px;
  border-radius: 20px;
  display: block;
  /*20240411 hwson */
  font-weight : bold;
  /*20240411 hwson */
}
.main_thumbnail_cate>ul>li>a.active {
  background-color: #363c4b;
  color: #fff;
}
.main_thumbnail_list>ul {
  flex-wrap: wrap;
}
.main_thumbnail_list>ul>li {
  margin-right: 2.5%;
  width: 23.125%;
  margin-bottom: 40px;
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 8px;
}
.main_thumbnail_list>ul>li:hover {
  border: 2px solid var(--skin01);
}
.main_thumbnail_list>ul>li.no_data {
  width: 100%;
  background: url(../img/service/no_list.png)no-repeat center 80px, #f5f5f5;
  padding: 160px 0 80px 0;
  font-size: 30px;
  color: #ccc;
  text-align: center;
  border-radius: 0;
  margin: 0;
  border: none;
}
.main_thumbnail_list>ul>li>a {
  display: block;
  width: 100%;
  height: 100%;
}
.main_thumbnail_list>ul>li:nth-child(4n) {
  margin-right: 0px;
}
.main_thumbnail_list>ul>li .thum_img {
  margin-bottom: 13px;
  width: 100%;
  height: 220px;
  position: relative;
}
.main_thumbnail_list>ul>li .thum_img:after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
  background-image: url('../img/common/play_btn.png');
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
}
.main_thumbnail_list>ul>li .thum_img img {
  border-radius: 10px;
  height: 100%;
  width: 100%;
}
.main_thumbnail_list>ul>li .thum_star {
  font-size: 24px;
  color: var(--skin01);
  padding-left: 3px;
  margin-bottom: 15px;
}
.main_thumbnail_list>ul>li .thum_title {
  display: flex;
  margin-bottom: 18px;
  align-items: center;
}
.main_thumbnail_list .thum_title>.thum_icon button {
  width: 58px;
  height: 58px;
  background-color: transparent;
  border: 1px solid #dcdcdc;
  font-size: 0;
}
.main_thumbnail_list .thum_title .thum_txt {
  flex: 1;
  padding-left: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 20px;
  color: #0d0d0d;
  line-height: 1.2;
  font-weight: 700;
}
.main_thumbnail_list .thum_info {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px 0px;
}
.main_thumbnail_list .thum_info>div {
  width: 100%;
}
.main_thumbnail_list .thum_info strong {
  font-size: 14px;
  color: #0d1324;
  width: 65px;
}
.main_thumbnail_list .thum_info_line {
  display: flex;
  padding: 5px;
  flex: 1;
}
.main_thumbnail_list .thum_info span {
  color: #999;
  font-size: 14px;
  flex: 1;
}
.main_thumbnail_list .thum_tag {
  padding: 10px 0px;
  color: #999;
  font-size: 14px;
}
.main_thumbnail_more {
  text-align: center;
}
.main_thumbnail_more button {
  background-color: var(--skin02);
  font-size: 24px;
  padding: 0 40px;
  width: 300px;
  height: 60px;
  color: #fff;
  position: relative;
  text-align: left;
  border-radius: 5px;
  box-sizing: border-box;
}
.main_thumbnail_more button:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../img/common/thumbnail_more_btn.png');
  width: 22px;
  height: 22px;
}
.main_bottom_banner_layer {
  background-color: #f5f5f5;
}
.main_bottom_banner_box {
  text-align: center;
  overflow: hidden;
  position: relative;
}
.main_bottom_banner_box_btns>button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background-position: center;
  width: 29px;
  height: 58px;
  background: url('../img/main/main_b_arrow.png') no-repeat center/100%;
}
.main_bottom_banner_box_btns>button.silde_prev_btn {
  transform: scaleX(-1) translateY(-50%);
  left: 0px;
}
.main_bottom_banner_box_btns>button.slide_next_btn {
  right: 0px;
}
.main_bottom_banner_box .swiper-slide a {
  display: inline-block;
  padding-top: 16.25%;
  width: 100%;
  background: url(../img/main/main_b_banner1.png) no-repeat center/auto 100%;
}
.main_bottom_banner_box .swiper-slide .main_b_banner2 {
  background-image: url(../img/main/main_b_banner2.png);
}
.main_bottom_banner_box .swiper-slide .main_b_banner3 {
  background-image: url(../img/main/main_b_banner3.png);
}
/* EOD : 메인 */
/* 교육원 소개 */
/* 교육기관 소개 */
.eduinfo_wrap p img {
  width: 100%;
}
/* EOD : 교육기관 소개 */
/* 인사말 */
.txt_greeting {
  font-size: 40px;
  text-align: center;
  line-height: 1.2;
  margin: 20px 0 0
}
.txt_greeting strong {
  font-weight: 500
}
.greetingBox {
  display: table;
  width: 100%;
  margin: 70px 0 0
}
.greetingBoxL {
  display: table-cell;
  vertical-align: top;
  width: 430px
}
.greetingBoxR {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 70px;
}
.greetingBoxR .txt_default {
  margin: 40px 0 0
}
.txt_signature {
  font-size: 18px;
  color: #222;
  margin: 75px 0 0
}
.txt_signature span {
  vertical-align: middle;
  margin: 0 20px 0 0
}
.txt_signature img {
  vertical-align: middle
}
/* EOD : 인사말 */
/* 연혁 */
.historyBox {
  overflow: hidden;
  padding-top: 40px;
  margin-bottom: 40px;
}
.historyBox li {
  position: relative;
  display: flex;
  padding-top: 50px;
}
.historyBox li:first-of-type {
  padding-top: 0;
}
.historyBox li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 169px;
  width: 3px;
  height: 100%;
  background-color: #e5e5e5;
  z-index: 0;
}
.historyBox li:first-of-type::before {
  content: "";
  position: absolute;
  top: calc(-100% + 10px);
  left: 169px;
  width: 3px;
  height: 100%;
  border-left: 3px dotted #e5e5e5;
  background-color: #fff;
  z-index: 1;
}
.historyBox li:last-of-type::after {
  content: "";
  position: absolute;
  left: 169px;
  bottom: 25px;
}
.history_year {
  min-width: 169px;
  font-size: 40px;
  color: #85add6;
}
.historyBox li:nth-of-type(2n) .history_year {
  color: #66cccc;
}
.history_txtBoxIn {
  position: relative;
  display: inline-block;
  line-height: 1.3;
  min-height: 40px;
  padding-left: 45px;
}
.history_txtBoxIn:before {
  content: "";
  position: absolute;
  top: 7px;
  left: -3px;
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #317abe;
  z-index: 2;
}
.historyBox li:nth-of-type(2n) .history_txtBoxIn:before {
  background-color: #009999;
}
.history_txtBoxIn .txt {
  position: relative;
  font-size: 20px;
  margin: 0 0 10px 0;
  padding-left: 24px;
  color: #000;
}
.history_txtBoxIn .txt:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 14px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 4px solid #85add6;
}
.historyBox li:nth-of-type(2n) .history_txtBoxIn .txt:before {
  border-color: #66cccc;
}
.history_txtBoxIn .txt_hyphen {
  position: relative;
  font-size: 16px;
  color: #666;
  margin: -10px 0 0 24px;
}
.history_txtBoxIn .txt_hyphen:before {
  content: '-';
}
.history_txtBoxIn .txt_hyphen:first-child {
  margin: 0 25px 0 0
}
/* EOD :  연혁 */
/* 찾아오시는길 */
.direction_wrap h3 {
  text-align: left;
  margin-bottom: 20px;
}
.direction_map {
  height: 348px;
  border: 1px solid #d7d7d7;
}
.direction_map_info {
  padding: 20px;
  border-radius: 10px;
  background-color: #f0f1f6;
  margin-bottom: 10px;
  margin-top: 30px;
}
.direction_map_info .map_name {
  font-size: 20px;
  margin: 0
}
.direction_map_info .map_data {
  font-size: 16px;
  line-height: 1.5
}
.direction_map_info .map_data>li {
  flex: 1;
  background: url('../img/address.png')no-repeat left center;
  margin: 0 3%;
  padding: 10px 0 10px 70px;
}
.direction_map_info .map_data .phone_num .map_label {
  display: inline-block;
  margin-right: 10px;
}
.direction_map_info .map_data>li:nth-of-type(2) {
  background-image: url('../img/call.png');
}
.direction_map_info .map_data>li:last-of-type {
  margin-right: 0;
  background-image: url('../img/email.png');
}
.direction_map_info .map_data .map_label {
  color: #000;
  display: block;
}
.direction_map_info .map_data .map_txt {
  color: #666
}
.mapinfo_ui .list img {
  width: 100%;
}
.direction-box li {
  display: flex;
  border-radius: 5px;
  border: 1px solid #dcdcdc;
  padding: 5px;
  align-items: center;
  margin-bottom: 5px;
  line-height: 1.5;
}
.direction-box .dir-left {
  background-color: #f0f1f6;
  font-weight: 700;
  padding: 20px 18px;
  min-width: 270px;
  font-size: 16px;
  color: #000;
  border-radius: 5px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.direction-box .dir-left .txt_point {
  font-size: 20px;
}
.direction-box .dir-right {
  flex: 1;
  padding: 20px 10px 20px 30px;
  color: #666;
  font-size: 18px;
}
.direction-box .dir-right .start {
  color: #000;
  font-weight: 700;
}
/* EOD :  찾아오시는길 */
/* EOD :  교육원 소개 */
/* 훈련 안내 */
/* 고용보험 환급제도 */
.eduinfo_wrap h4 {
  font-size: 28px;
  font-weight: 700;
  margin: 70px 0 20px 0;
}
.eduinfo_wrap h5 {
  margin-bottom: 10px;
}
.eduinfo_wrap .txt_list {
  padding-left: 18px;
  margin-top: 0;
}
.eduinfo_wrap .txt_list li {
  margin: 0;
  line-height: 1.5;
  font-size: 18px;
}
.refuBox {
  background-color: #f5f7f9;
  border: 1px solid #dadada;
  margin: 20px 0 0;
  padding: 60px 30px 30px;
  text-align: center
}
.refuBoxIn {
  display: inline-block
}
.refu_list {
  display: table;
}
.refu_list>li {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px
}
.refu_circle {
  display: table;
  width: 180px;
  height: 180px;
  margin: 0 auto;
  background-color: #0d7f6e;
  border-radius: 50%;
  text-align: center;
  font-size: 24px;
  color: white
}
.refu_circle.color02 {
  background-color: #0d7fa0
}
.refu_circle.color03 {
  background-color: #026c8a
}
.refu_circleIn {
  display: table-cell;
  width: 100%;
  height: 100%;
  line-height: 1.5;
  vertical-align: middle
}
.refu_arrow {
  display: inline-block;
  width: 30px;
  height: 50px;
  margin: 0 0 16px;
  background: url("../../../images/template9/resp/default/icon/icon_refu_arrow.png") no-repeat
}
.refu_list .txt {
  margin: 10px 0 0;
  font-size: 16px;
  color: #222
}
/* EOD : 고용보험 환급제도 */
/* 훈련비 환급방법 & 훈련 진행절차 */
.guide_processBox li {
  border: 1px solid #e5e5e5;
  padding: 30px 20px 30px 35px;
  margin-bottom: 43px;
  position: relative;
}
.guide_processBox li::after {
  content: '';
  width: 14px;
  height: 28px;
  background: url(../img/guide/arrow.png) no-repeat center/100%;
  position: absolute;
  transform: rotate(90deg);
  bottom: -36px;
  right: 50%;
}
.guide_processBox li:last-of-type:after {
  display: none;
}
.guide_processBox .processBoxIn {
  display: flex;
  align-items: center;
}
.guide_processBox .processBoxIn img {
  margin: 0 2.5%;
}
.guide_processBox .guide_pro_num {
  color: var(--skin01);
  font-size: 36px;
  margin: 0 10px 0 0;
  min-width: 79px;
}
.guide_processBox .guide_pro_num .Stxt {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 5px;
}
.guide_processBox .txt_point {
  font-size: 24px;
  margin: 0;
  min-width: 320px;
}
.guide_processBox .txt_content {
  color: #666;
  line-height: 1.3;
  margin: 0;
}
.guide_processBox.type02 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.guide_processBox.type02 li {
  width: 21.935987509758%;
  padding: 0;
}
.guide_processBox.type02 li::after {
  transform: none;
  right: -13%;
  top: calc(50% - 14px);
}
.guide_processBox.type02 .txt_point {
  margin: 20px 0;
}
.guide_processBox.type02 .txt_content {
  width: 100%;
  margin-top: 20px;
}
.guide_processBox.type02 .processBoxIn {
  flex-direction: column;
  padding: 10% 0;
  text-align: center;
  word-break: keep-all;
}
.guide_processBox.type02 .guide_pro_num {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--skin01);
  color: #fff;
  font-size: 20px;
  line-height: 43px;
  text-align: center;
  min-width: auto;
}
/* EOD : 훈련비 환급방법 & 훈련 진행절차 */
/* 모사답안 처리기준 */
.grayBox {
  padding: 50px 20px;
  background-color: #f5f7f9;
  border-top: 1px solid #555;
  text-align: center
}
.grayBoxIn {
  display: inline-block
}
.grayBoxIn .txt_alert {
  display: inline-block;
  margin: 0;
  font-weight: 500
}
/* EOD : 모사답안 처리기준 */
/* 국민내일배움카드 */
.next_grayBox {
  background-color: #f2f2f2;
  padding: 20px
}
.guide_processBox.type03 li {
  padding: 30px 20px 30px 35px;
}
.guide_processBox.type03 .txt_point {
  min-width: 300px;
  flex: none;
}
.guide_processBox.type03 .txt_content {
  width: auto;
  flex: 1;
}
.guide_processBox.type03 .txt_hyphen {
  font-size: 16px;
}
/* EOD : 국민내일배움카드 */
/* EOD :  훈련 안내 */
/* 훈련과정 */
/* 훈련 일정 */
.schedule_wrap #listform {
  margin-top: 0;
}
.planLinkBox.type02 {
  position: static;
  overflow: hidden
}
.planLinkBox>ul {
  display: flex;
  justify-content: flex-end;
}
.planLinkBox>ul>li:not(:last-of-type) {
  margin-right: 5px;
}
.planLinkBox a {
  display: inline-block;
  width: 38px;
  height: 38px;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
}
.planLinkBox a.link_calender {
  background: white url("../../../images/template9/resp/default/icon/icon_datepicker.png") no-repeat center;
}
.planLinkBox a.link_list {
  background: white url("../../../images/template9/resp/default/icon/icon_list.png") no-repeat center;
}
.planLinkBox>ul>li.active a {
  border: 1px solid var(--skin03);
}
.planLinkBox>ul>li.active a.link_calender {
  background: var(--skin03) url("../../../images/template9/resp/default/icon/icon_datepicker_active.png") no-repeat center;
}
.planLinkBox>ul>li.active a.link_list {
  background: var(--skin03) url("../../../images/template9/resp/default/icon/icon_list_active.png") no-repeat center;
}
.table_normal.cal {
  table-layout: fixed;
  border: none;
  margin: 0
}
.table_normal.cal tbody tr td {
  position: relative;
  height: 90px;
  padding: 42px 0 17px;
  border-left: none;
  border-bottom: 1px solid #d7d7d7;
  text-align: left;
  vertical-align: top
}
.table_normal.cal tbody tr td:before {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  border-right: 1px solid #d7d7d7;
  z-index: 1;
}
.table_normal.cal thead tr th {
  border-left: 1px solid #d7d7d7;
  border-top: 0;
  font-weight: 500;
}
.table_normal.cal thead tr:first-child th:first-child {
  border-left: 0;
}
.table_normal.cal tbody tr:last-child td {
  border-bottom: 0
}
.table_normal.cal tbody tr td:last-child:before {
  display: none
}
.table_normal.cal tbody tr:last-child td:before {
  display: block
}
.table_normal.cal .dateNo {
  position: absolute;
  top: 15px;
  right: 20px;
  color: #222;
  font-weight: 500
}
.table_normal.cal .dateNo.txt_red {
  color: #c12121
}
.table_normal.cal .dateNo.txt_blue {
  color: #2f4c9b;
}
.table_normal.cal .dataBox {
  display: none;
}
.table_normal.cal .dataClass {
  margin: 1px 0 0;
  white-space: nowrap;
  height: 24px;
  line-height: 24px;
  margin: 1px 0 0;
  background-color: #d04040;
  text-indent: 10px;
  color: white;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  position: relative;
  z-index: 2;
  width: 100%;
}
.table_normal.cal .dataClass.begin {
  z-index: 3;
}
.table_normal.cal .dataClass.clear {
  background: transparent !important;
}
.table_normal.cal .dataClass.color01 {
  background-color: #d04040
}
.table_normal.cal .dataClass.color02 {
  background-color: #0d7fa0
}
.table_normal.cal .dataClass.color03 {
  background-color: #3c5bb2
}
.table_normal.cal .dataClass.color04 {
  background-color: gray
}
.table_normal.cal .dataClass.color05 {
  background-color: blueviolet
}
.table_normal.cal .dataClass.color06 {
  background-color: pink
}
.table_normal.cal .link_more {
  margin: 9px 0 0 18px;
  display: inline-block;
  font-size: 14px;
  color: #0d7fa0;
  text-decoration: underline;
  position: relative;
}
.list_plan {
  font-size: 16px;
  color: #222;
  overflow: hidden;
  border-top: 1px solid #555
}
.list_plan>li {
  border-bottom: 1px solid #d7d7d7;
  padding: 22px 0;
}
/* EOD :  훈련과정 */
/* 전체 훈련과정 */
.training_radio {
  display: flex;
  border-radius: 5px;
  border: 1px solid #d2d2d2;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.training_radio li {
  margin: 0;
  border-right: 1px solid #d2d2d2;
}
.training_radio li:last-of-type {
  border-right: 0;
}
.training_radio input[type="radio"] {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  height: 0;
}
.training_radio input[type="radio"]::after {
  display: none;
}
.training_radio input[type="radio"]+label {
  width: 100%;
  padding: 10px 20px;
  color: #999999;
}
.training_radio input[type="radio"]:checked+label {
  background: var(--skin03);
  color: #fff;
}
/* EOD : 전체 훈련과정 */
/* 원격 훈련과정 */
/* 목록 */
.section_hd {
  margin-top: 45px;
  margin-bottom: 10px;
}
.section_hd .tit {
  color: #666;
}
.section_hd .sub {
  font-size: 16px;
  color: #666;
  margin: 0 0 0 10px;
  vertical-align: bottom
}
.section_hd .sub strong {
  font-weight: 500;
  color: #222;
  font-size: 24px;
}
.section_hd .area {
  margin-left: auto;
}
.process_searchBox .typeBox_Top {
  background-color: var(--skin-bg2);
  padding: 10px;
  border-radius: 10px;
}
.process_searchBox .typeBox+.typeBox {
  border-bottom: 0;
  display: none;
}
.process_searchBox .typeBox .list, .process_searchBox .typeBox .divi {
  width: 100%;
  padding: 20px;
  border-radius: 8px;
  background: #fff;
}
.process_searchBox .typeBox .list>li {
  display: flex;
  align-items: center;
  margin: 20px 0 0;
  min-height: 40px
}
.process_searchBox .typeBox .list>li:first-child {
  margin: 0
}
.process_searchBox .typeBox .label {
  width: 130px;
  padding-left: 20px;
}
.process_searchBox .typeBox .dataBox {
  flex: 1;
}
.process_searchBox .typeBox .dataBox .radioList {
  line-height: 40px
}
.process_searchBox .typeBox .dataBox .radioList input[type="radio"] {
  top: 15px;
  left: 7px
}
.process_searchBox .typeBox .dataBox .radioList .Box {
  float: left;
  margin: 0 20px 0 0
}
.process_searchBox .process_search {
  display: flex;
}
.process_searchBox .search-comm {
  display: none;
  position: absolute;
  top: 42px;
  left: 0;
  right: 125px;
  background: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
  box-sizing: border-box;
  border: 1px solid #d5d5d5;
  z-index: 5
}
.process_searchBox .search-comm .search-list-contents>li {
  background: url("../../../images/template11/resp/default/icon/icon_search_small.png") no-repeat 24px 50%
}
.process_searchBox .search-comm .search-list-contents>li.active {
  background: #f5f7f9
}
.process_searchBox .search-comm .search-list-contents>li:hover {
  background: #f5f7f9 url("../../../images/template11/resp/default/icon/icon_search_small.png") no-repeat 24px 50%
}
.process_searchBox .search-comm .search-list-contents {
  margin-top: 1px;
}
.process_searchBox .search-comm .search-list-contents:before {
  display: none
}
.process_searchBox .search-comm .btn-search-clse {
  display: none;
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: 0;
  background: url("../../../images/template9/resp/default/icon/icon_clse_12.png") no-repeat 50% 50%;
}
.process_searchBox .typeBox .process_search .detail_btn {
  height: auto;
  margin: 0 0 0 5px;
  border-radius: 5px;
}
.process_searchBox .typeBox .process_search .detail_btn:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 0 0 10px;
  background: url("../../../images/template9/resp/default/icon/icon_plus_white.png") no-repeat;
}
.process_searchBox .typeBox .select_list>li {
  display: flex;
}
.process_searchBox .typeBox .select_list .selectBox {
  width: 25%;
  max-width: 248px;
  margin-right: 5px;
}
.process_searchBox .typeBox .select_list .selectBox:last-of-type {
  margin-right: 0;
}
.process_searchBox .typeBox .divi {
  background: #fff;
}
.process_searchBox .typeBox .divi>li {
  display: flex;
}
.process_searchBox .typeBox .divi>li>.area {
  display: flex;
  align-items: center;
  flex: 6;
  margin-bottom: 10px;
}
.process_searchBox .typeBox .divi>li>.area:first-child {
  flex: 4;
}
.process_searchBox .typeBox .area {
  position: relative
}
.process_searchBox .typeBox .dayBox {
  overflow: hidden;
  margin: -5px 0 0
}
.process_searchBox .typeBox .dayBox>li {
  float: left
}
.process_searchBox .typeBox .dayBox .btn_s_white:hover {
  background-color: #666;
  border-color: #666;
  color: white
}
.process_searchBox .buttonBox .mobBox {
  display: none
}
.process_searchBox.active .typeBox+.typeBox {
  display: block;
  margin-top: 10px;
}
.process_searchBox.active .typeBox .process_search .detail_btn:after {
  background: url("../../../images/template9/resp/default/icon/icon_minus.png") no-repeat;
}
.process_searchBox .buttonBox {
  position: relative;
  padding: 25px 0
}
.process_searchBox .search-comm {
  display: none !important;
}
.process_searchBox .search-comm .btn-search-clse {
  display: block;
}
.process_listBox>ul {
  display: flex;
  flex-wrap: wrap;
  border-top: 2px solid #000;
}
.process_listBox>ul>li {
  width: 30.83333333333333%;
  margin: 40px 3.75% 0 0;
  padding: 10px;
  border-radius: 15px;
  border: 2px solid #fff;
}
.process_listBox>ul>li:hover {
  border: 2px solid var(--skin01);
}
.process_listBox>ul>li:nth-of-type(3n) {
  margin-right: 0;
}
.process_listBox>ul>li .thum_img {
  width: 100%;
  padding-top: 62.85714285714286%;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.process_listBox>ul>li .thum_img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.process_listBox>ul>li .thum_star {
  font-size: 24px;
  color: var(--skin01);
  margin: 12px 0;
}
.process_listBox>ul>li .thum_star2 {
  font-size: 24px;
  color: var(--skin01);
}
.process_listBox>ul>li .thum_title .thum_icon {
  margin-right: 10px;
}
.process_listBox>ul>li .thum_title .thum_icon button {
  width: 58px;
  height: 58px;
  border: 1px solid #dcdcdc;
  background-color: transparent;
  font-size: 0;
}
.process_listBox>ul>li .thum_title .thum_txt {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.process_listBox>ul>li:hover .thum_title .thum_txt {
  color: var(--skin01);
}
.process_listBox>ul>li .thum_info, .process_listBox>ul>li .thum_tag {
  font-size: 14px;
  line-height: 1.5;
}
.process_listBox>ul>li .thum_info {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 15px 0 8px 0;
  padding: 10px 0;
}
.process_listBox>ul>li .thum_info_line {
  display: flex;
  padding: 0 5px;
}
.process_listBox>ul>li .thum_info_line p {
  margin: 0;
  flex: 1;
}
.process_listBox>ul>li .thum_info_line strong {
  display: inline-block;
  width: 65px;
}
.process_listBox>ul>li .thum_tag, .process_listBox>ul>li .thum_info_line span {
  color: #999;
}
.process_listBox>ul>li.no_data {
  width: 100%;
  background: url(../img/service/no_list.png)no-repeat center 80px, #f5f5f5;
  padding: 160px 0 80px 0;
  font-size: 40px;
  color: #ccc;
  text-align: center;
  border-radius: 0;
  margin: 0;
  border: none;
}
.process_listBox>ul>li.no_data .txt {
  margin: 25px 0 0;
  line-height: 1
}
/* EOD : 목록 */
/* 상세 */
.lectureT {
  background-color: var(--skin-bg2);
  border-radius: 10px;
  padding: 10px;
}
.lectureBox {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
}
.lectureBoxL {
  width: 42.3728813559322%;
  margin-right: 3.3%;
}
.lectureBoxL .thumBox {
  height: 100%;
  max-height: 350px;
  min-height: 350px;
}
.lectureBoxL .thumBox img {
  object-fit: contain;
}
.lectureLayout .buttonBox {
  margin-top: 25px;
}
.lectureLayout .buttonBox button, .lectureLayout .buttonBox .btn_m_black {
  width: 200px;
  height: 48px;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  margin: 0 2.5px;
}
.lectureLayout .btn_white {
  background: #000;
  position: relative;
}
.lectureLayout .btn_blue {
  background: var(--skin01);
  transition: 0.3s all ease;
}
.lectureLayout .btn_blue:hover {
  background: var(--skin02);
}
.lectureLayout .icon_play {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 15px;
  background: url("../../../images/template9/resp/default/icon/icon_lc_play.png")
}
.lectureLayout .btn_white .icon_heart {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 4px;
  left: 4px;
  line-height: 40px;
  border-radius: 50%;
  background-size: 20px;
  background-color: #fff;
}
.lectureBoxR {
  flex: 1;
}
.lectureBoxR .listBtnBox {
  text-align: right;
  margin: 0 -10px 0 0;
}
.lectureBoxR .listBtnBox button {
  font-size: 16px;
  color: #666;
  background-color: white;
  border: 1px solid #d7d7d7;
  padding: 3px 5px
}
.lectureBoxR .lectureInfo {}
.lectureBoxR .lectureInfoT .tit {
  font-size: 32px;
  font-weight: 700;
  padding-top: 10px;
  padding-bottom: 30px;
  margin: 0;
  line-height: 1.2;
  border-bottom: 1px solid #ccc;
}
.lectureBoxR .lectureInfoT .tag {
  display: flex;
  margin-top: 10px;
}
.lectureBoxR .lectureInfoT .tag>li {
  border: 1px solid #d2d2d2;
  background-color: #fff;
  padding: 2px 4px;
  margin-right: 6px;
}
.lectureBoxR .lectureInfoB {
  padding-top: 25px;
  color: #333;
  font-weight: 500;
  font-size: 20px;
}
.lectureBoxR .lectureInfoB .list>li {
  display: flex;
  align-items: center;
  min-height: 41px;
  margin-bottom: 10px;
  padding-left: 16px;
  background: url(../img/circle.png) no-repeat 0 center;
}
.lectureBoxR .lectureInfoB .list>li select, .lectureBoxR .lectureInfoB .selectBox label {
  height: 41px;
  font-size: 18px;
  font-weight: normal;
}
.lectureBoxR .lectureInfoB .label span {
  display: inline-block;
  width: 90px;
}
.lectureBoxR .lectureInfoB .dataBox {
  flex: 1;
  margin-left: 10px;
}
.lectureBoxR .lectureInfoB .dataBox .selectBox {
  width: 100%
}
.lectureB {
  position: relative;
  table-layout: fixed;
  width: 100%;
  margin: 80px 0 0;
}
.lectureB .lectureContent {}
.lectureB .lectureContentIn {}
.tab_Content {
  margin: 40px 0 0
}
.tab_Content h4 {
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.tab_Content h4:first-child {
  margin-top: 0;
}
.lecture_grayBox {
  padding: 30px;
  font-size: 16px;
  background-color: #f5f7f9;
  border: 1px solid #d9d9d9
}
.lecture_grayBox p {
  margin: 20px 0 0;
  line-height: 1.5;
  width: 100%;
}
.lecture_grayBox p:first-child {
  margin: 0
}
.lecture_grayBox p strong {
  font-weight: 500;
  margin: 0 20px 0 0;
  word-break: keep-all;
  width: 80px
}
.lecture_grayBox p span {}
.lectureDeInfo {}
.lectureDeInfo .table_hori {
  margin: 0
}
.lectureDeInfo .table_hori tbody tr th {
  padding: 15px 20px
}
.lectureDeInfo .table_hori tbody tr td {
  padding: 10px 20px
}
.list_contents>ul>li {
  position: relative;
  display: table;
  width: 100%;
  margin: 10px 0 0;
  border: 1px solid #e7e7e7
}
.list_contents>ul>li:first-child {
  margin: 0
}
.list_contents>ul>li>.class {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 95px;
  padding: 17px 0;
  background-color: #f5f7f9;
  color: #026c8a;
  font-size: 16px;
  font-weight: 500
}
.list_contents>ul>li>.tit {
  display: table-cell;
  vertical-align: middle;
  padding: 17px 0;
}
.list_contents>ul>li>.tit span {
  display: inline-block;
  margin: 0 120px 0 30px;
  line-height: 1.2;
}
.list_contents>ul>li .btn_s_blue {
  position: absolute;
  top: 50%;
  right: 10px;
  margin: -20px 0 0
}
.list_review>ul>li {
  border: 1px solid #d7d7d7;
  margin: 10px 0 0
}
.list_review>ul>li:first-child {
  margin: 0
}
.list_review .info {
  padding: 8px 30px;
  background-color: #f5f7f9;
}
.list_review .info>ul {
  overflow: hidden;
}
.list_review .info>ul>li {
  position: relative;
  float: left;
  padding: 0 20px 0 0;
  font-size: 14px;
  color: #666;
  margin: 5px 0;
}
.list_review .info>ul>li strong {
  margin: 0 10px 0 0
}
.list_review .info>ul>li:after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  width: 1px;
  height: 100%;
  background-color: #d7d7d7;
}
.list_review .info>ul>li:first-child {
  padding-left: 0
}
.list_review .info>ul>li:last-child:after {
  display: none
}
.list_review>ul>li.no_data {
  background: #f5f7f9;
  padding: 60px 15px;
  font-size: 18px;
  color: #222;
  text-align: center;
}
.list_review>ul>li.no_data .txt {
  margin: 25px 0 0;
  line-height: 1;
}
.list_review .contents {
  background-color: white;
  padding: 15px 30px;
  line-height: 1.5;
  font-size: 16px;
  color: #222;
}
.list_contents_dpeth>.list {
  border: 1px solid #d7d7d7;
  margin: 10px 0 0;
}
.list_contents_dpeth>.list:first-child {
  border-top: 1px solid #d7d7d7;
}
.list_contents_dpeth>.list .titBox {
  padding: 10px;
  transition: 0.45s ease;
  background-color: white
}
.list_contents_dpeth>.list .titBox>a {
  position: relative;
  display: block;
  padding: 9px 50px 9px 20px;
  font-size: 16px;
  font-weight: 400;
  transition: 0.45s ease;
  line-height: 1.3;
}
.list_contents_dpeth>.list .titBox>a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 18px;
  margin: -5px 0 0 0;
  width: 16px;
  height: 9px;
  background: url(../../../images/template9/resp/default/icon/icon_faq_arrow.png) no-repeat;
}
.list_contents_dpeth>.list.active {
  border: 1px solid #555
}
.list_contents_dpeth>.list.active a {
  color: #026c8a;
}
.list_contents_dpeth>.list.active a:after {
  background: url(../../../images/template9/resp/default/icon/icon_faq_arrow_active.png) no-repeat;
}
.list_contents_dpeth>.list.active .faqBox>a {
  padding: 9px 50px
}
.list_contents_dpeth .contentsBox {
  display: none;
  position: relative;
  background: #f5f7f9;
  margin: 9px 0 0;
  padding: 30px;
  font-weight: 400;
  font-size: 16px;
}
.list_contents_dpeth .contentsBox ul>li {
  margin: 12px 0 0
}
.list_contents_dpeth .contentsBox ul>li:first-child {
  margin: 0
}
.list_contents_dpeth .contentsBox ul>li span {
  position: relative;
  margin: 10px 0 0 0;
  padding: 0 0 0 18px;
  line-height: 26px;
  font-size: 16px;
  color: #222
}
.list_contents_dpeth .contentsBox ul>li span:before {
  content: '';
  position: absolute;
  top: 12px;
  left: 5px;
  width: 4px;
  height: 4px;
  background: #555;
  border-radius: 50%;
}
/* EOD : 상세 */
/* EOD :  원격훈련과정 */
/* 혼합훈련과정 */
/* 상세 */
.list_study>ul>li {
  border: 1px solid #d7d7d7;
  margin: 10px 0 0;
  transition: 0.3s all ease
}
.list_study>ul>li:first-child {
  margin: 0
}
.list_study>ul>li.active {
  border: 1px solid #555
}
.list_study .studyBox {
  position: relative;
  display: block;
  min-height: 110px;
  position: relative;
  padding: 4px;
}
.list_study .studyBox:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 30px;
  margin: -5px 0 0 0;
  width: 16px;
  height: 9px;
  background: url(../../../images/template9/resp/default/icon/icon_faq_arrow.png) no-repeat;
}
.list_study>ul>li.active .studyBox:after {
  background: url(../../../images/template9/resp/default/icon/icon_faq_arrow_active.png) no-repeat;
  ;
}
.list_study .imgBox {
  position: absolute;
  top: 50%;
  left: 4px;
  width: 188px;
  height: 108px;
  margin: -55px 0 0;
  border: 1px solid #d7d7d7
}
.list_study .txtBox {
  margin: 15px 70px 15px 210px
}
.list_study .txtBox .label {
  font-size: 14px;
  color: #026c8a;
  margin: 0
}
.list_study .txtBox .tit {
  font-size: 18px;
  color: #222;
  font-weight: bold;
  line-height: 1.2;
  margin: 10px 0 0
}
.list_study .txtBox .info {
  font-size: 14px;
  color: #666;
  margin: 20px 0 0
}
.list_study .txtBox .info strong {
  margin: 0 7px 0 0
}
.list_study .contents {
  display: none;
  background-color: #f5f7f9;
  padding: 30px;
  line-height: 1.5;
}
/* EOD : 상세 */
/* EOD :  혼합훈련과정 */
/* 수강신청 팝업 */
.join_write_process {
  background: var(--skin-bg);
  border: 1px solid var(--skin01);
  border-radius: 10px;
  padding: 20px 0;
}
.join_write_process .step-line p {
  width: 26%;
  background: url(../img/line.png)no-repeat 0 center;
  text-align: left;
  font-size: 0;
}
.join_write_process .step-line p:last-child {
  text-align: right;
}
.join_write_process .step-line .step-icon {
  display: inline-block;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background-image: url(../img/step_ico.png);
  background-repeat: no-repeat;
  background-position: center;
}
.join_write_process .step-line .step-icon.active {
  width: 35px;
  height: 35px;
  background-image: url(../img/step_on.png);
  background-color: var(--skin01);
}
.join_write_process .step-line .step-icon.complete {
  width: 35px;
  height: 35px;
  background-image: url(../img/step_check.png);
  background-color: #ccc;
}
.join_write_process>ul {
  display: flex;
  justify-content: center;
  color: #999;
}
.join_write_process>ul>li {
  flex: 1;
  text-align: center;
}
.join_write_process .step {}
.join_write_process .stepIn {}
.join_write_process .stepIn strong {
  font-size: 24px;
  font-weight: 700;
}
.join_write_process>ul>li.active .stepIn {
  color: var(--skin01);
}
.step_agreeBox {
  border: 1px solid #d7d7d7;
  border-top: 2px solid #000
}
.step_agreeBox .contentBox {
  position: relative;
  background: #f5f7f9;
  padding: 15px 20px;
  font-weight: 400;
  max-height: 180px;
  overflow-y: auto;
}
.step_agreeBox .contentBox .tit {
  margin: 20px 0 0;
}
.step_agreeBox .contentBox .txt_editer p {
  font-size: 16px;
  line-height: 1.6;
  margin: 5px 0
}
.step_agreeBox .contentBox .content:first-child .tit {
  margin-top: 0
}
.step_agreeBox .btnBox {
  margin: 0;
  line-height: 2;
  padding-left: 20px;
}
.join_write_comp {
  margin: 40px 0 0;
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 30px 0;
}
.join_write_comp .circle .icon {
  display: inline-block;
  width: 100%;
  height: 60px;
  background: url("../img/b_logo.png") no-repeat center/190px auto;
}
.join_write_comp p {
  margin: 0;
  font-size: 20px;
  color: var(--skin01);
}
/* EOD : 수강신청 팝업  */
/* 고객지원센터  */
/* FAQ */
.faq {
  margin: 20px 0 0;
  border-top: 2px solid #000;
}
.faq_list li {
  border-bottom: 1px solid #bfbfbf;
}
.faq_list li:first-child {
  margin: 0;
}
.faq_list li .faqBox {
  transition: 0.45s ease;
}
.faq_list li .faqBox>a {
  position: relative;
  display: block;
  padding: 20px 50px;
  font-size: 18px;
  font-weight: 400;
  transition: 0.45s ease;
  line-height: 1.3;
}
.faq_list li .faqBox>a:before {
  content: 'Q';
  position: absolute;
  top: 18px;
  left: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  color: var(--skin01);
}
.faq_list li .faqBox>a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 18px;
  margin: -5px 0 0 0;
  width: 16px;
  height: 9px;
  background: url(../../../images/template9/resp/default/icon/icon_faq_arrow.png) no-repeat;
}
.faq_list li.active {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.faq_list li.active a {
  color: var(--skin01);
}
.faq_list li.active a:after {
  background: url(../../../images/template9/resp/default/icon/icon_faq_arrow_active.png) no-repeat;
}
.faq_list li .faq_contents {
  display: none;
  position: relative;
  background: #f5f7f5;
  padding: 30px 30px 30px 50px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  overflow-x: auto;
}
.faq_list li .faq_contents:after {
  content: 'A';
  position: absolute;
  top: 28px;
  left: 22px;
  text-align: center;
  color: #999;
  font-weight: bold;
  font-size: 20px;
}
.faq_list li .faq_contents p {
  line-height: 1.6;
  margin: 0;
}
.faq_list li.no_data {
  background: url(../img/service/no_list.png) no-repeat center 80px #f5f5f5;
  padding: 160px 0 80px 0;
  font-size: 40px;
  color: #ccc;
}
.faq_list li.no_data .txt {
  margin: 25px 0 0;
  line-height: 1
}
/* EOD : FAQ */
/* EOD : 고객지원센터  */
/* 마이페이지 */
/* 마이 홈 */
.myH_InfoBox {
  margin-top: 20px;
  border-radius: 10px;
  padding: 10px;
  background: var(--skin-bg2);
}
.myH_chartBox {
  padding: 50px 20px;
  background-color: #fff;
  border-radius: 8px;
}
.myH_Chart_Select {
  display: flex;
  justify-content: center;
}
/* .myH_Chart_Select .bs3.bootstrap-select .dropdown-toggle .filter-option {
  display: none;
} */
.myH_Chart_Select .selectBox {
  width: 200px;
  margin-right: 5px;
}
.myH_Chart_Select button {
  margin: 0;
}
.myH_Status {
  text-align: center;
  background-color: #ebeff2;
  padding: 30px
}
.myH_Status>ul {
  margin: -10px 0 0 -26px;
  display: inline-block;
}
.myH_Status>ul>li {
  display: inline-block;
  margin: 10px 0 0 26px
}
.myH_Status .circle {
  position: relative;
  display: table;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background-color: #0d7fa0;
  color: white
}
.myH_Status .circle.color01 {
  background: #0d7fa0;
}
.myH_Status .circle.color02 {
  background: #aa6412;
}
.myH_Status .circle.color03 {
  background: #5e45af;
}
.myH_Status .circle.color04 {
  background: #d04040;
}
.myH_Status .circle.color05 {
  background: #448405;
}
.myH_Status .circle.color06 {
  background: #3c5bb2;
}
.myH_Status .circle.color07 {
  background: #555555;
}
.myH_Status .circle.color04:before, .myH_Status .circle.color05:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -19px;
  display: inline-block;
  width: 9px;
  height: 16px;
  margin: -8px 0 0;
  background: url("../../../images/template9/resp/default/icon/icon_next_btn.png")
}
.myH_Status .circleIn {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.myH_Status .circleIn .num {
  font-size: 30px;
  font-weight: bold;
  margin: 0
}
.myH_Status .circleIn .txt {
  font-size: 14px;
  margin: 15px 0 0
}
.processSliderBox {
  min-height: 335px
}
.processSlider {
  border: 1px solid #d7d7d7;
  border-top: 1px solid #555;
  margin: 10px 0 0
}
.processSlider .no_data {
  background: #f5f7f9;
  padding: 80px 15px;
  font-size: 18px;
  color: #222;
  text-align: center
}
.processSlider .no_data .txt {
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin: 30px 0 0
}
.processSlider .slick-list .slick-track .slick-slide>div, .processSlider .slick-list .slick-track .slick-slide>div>div {
  display: block !important
}
.processSlider .wgBox {
  border: 0;
  margin: 0
}
.sub_content {
  margin: 30px 0 0
}
.sub_content>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sub_content>ul>li {
  width: 49.5%;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 20px;
  margin-top: 20px;
}
.sub_contentBox .pagination {
  margin: 0;
  border: 1px solid #d7d7d7;
  border-top: 0;
}
.sub_contentBox .pagination .paging {
  display: inline-block;
  line-height: 40px;
  margin: 10px 23px;
}
.sub_contentBox .pagination .paging>li {
  display: none
}
.sub_contentBox .pagination .paging>li.slick-active {
  display: inline-block;
}
.sub_contentBox .pagination .paging>li>span {
  margin: 0px 7px;
  text-align: center;
  display: inline-block;
  color: #666;
  font-size: 16px;
}
.sub_contentBox .pagination .paging>li>span.now_num {
  color: #026c8a
}
.pagination .slick-dots {
  display: inline-block
}
.pagination .slick-dots>li {
  float: left;
  margin: 5px 0 5px 10px;
}
.pagination .slick-dots button {
  display: inline-block;
  background-color: white;
  width: 38px;
  height: 38px;
  line-height: 38px;
  color: #222;
  font-size: 16px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  transition: all 0.3s ease;
  border: 1px solid #dddddd;
}
.pagination .slick-dots li.slick-active button {
  background: #0d7fa0;
  color: #fff;
}
.pagination .prevBtn {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../../../images/template9/resp/default/button/common_page_arrow.png") no-repeat 0 0;
  background-size: cover;
  margin: 10px -4px 10px 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  text-indent: 100px;
  overflow: hidden;
  vertical-align: top;
  transition: 0.3s all ease
}
.pagination .prevBtn:hover {
  background: url("../../../images/template9/resp/default/button/common_page_arrow_hover.png") no-repeat 0 0;
  background-size: cover;
}
.pagination .nextBtn {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../../../images/template9/resp/default/button/common_page_arrow.png") no-repeat -40px 0;
  background-size: cover;
  padding: 0;
  border: 0;
  margin: 10px 0;
  cursor: pointer;
  text-indent: 100px;
  overflow: hidden;
  vertical-align: top;
  transition: 0.3s all ease
}
.pagination .nextBtn:hover {
  background: url("../../../images/template9/resp/default/button/common_page_arrow_hover.png") no-repeat -40px 0;
  background-size: cover;
}
.pagination .prevBtn.slick-hidden, .pagination .nextBtn.slick-hidden {
  display: none
}
.sub_contentBox .list_area {
  margin: 10px 0 0;
  border-top: 2px solid #000;
  min-height: 194px;
}

#theme2 .theme #list02 online-list2 .no_data {
	background: url(../img/service/no_list.png)no-repeat center 50px/38%, #f5f5f5;
}

.sub_contentBox .list_area .no_data {
  background: url(../img/service/no_list.png)no-repeat center 50px/38%, #f5f5f5;
  border: 1px solid #d7d7d7;
  padding: 120px 0 50px 0;
  font-size: 18px;
  color: #222;
  text-align: center;
  /* 20240409 hwson 공간 100%로 변경 */
	width: 100%;
    height: 100%;
  /* 20240409 hwson 공간 100%로 변경 */
}
.sub_contentBox .list_area .no_data .txt {
  font-size: 24px;
  font-weight: 500;
  color: #ccc;
  line-height: 1;
}
.sub_contentBox .listBox {
  border: 1px solid #bfbfbf;
  border-top: 0;
}
.sub_contentBox .listBoxIn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: calc(194px / 4);
  padding: 0 10px;
}
.sub_contentBox .listBoxIn .txt {
  font-size: 18px;
  color: #000;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  flex: 1;
  margin-right: 10px;
}
.sub_contentBox .listBoxIn .label_white {
  display: inline-block;
  font-size: 14px;
  background-color: white;
  color: #666;
  padding: 4px 5px;
  border: 1px solid #d7d7d7;
  position: absolute;
  top: 50%;
  margin: -12px 0 0
}
.sub_contentBox .listBoxIn a.txt:hover {
  color: var(--skin01);
  text-decoration: underline;
}
.sub_contentBox .listBoxIn .txtBox {
  flex: 1;
  font-size: 18px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sub_contentBox .listBoxIn .txtBox a {
  display: block;
}
.sub_contentBox .listBoxIn .txtBox a:hover {
  color: var(--skin01);
  text-decoration: underline;
}
.sub_contentBox .listBoxIn .txtBox span {
  font-size: 14px;
}
.sub_contentBox .listBoxIn .label_gray {
  font-size: 14px;
  color: #666666;
}
.sub_contentBox .listBoxIn .label_red {
  font-size: 14px;
  color: #990000;
}
.wgBox .labelBox {
  display: block;
  max-height: 24px;
  overflow: hidden
}
.wgBox .labelBox>li {
  float: left;
  margin: 0px 5px 5px 0
}
.wgBox .labelBox>li .label_blue {
  display: inline-block;
  font-size: 14px;
  background-color: #0d7fa0;
  color: white;
  padding: 4px 5px;
  border: 1px solid #0d7fa0;
}
.wgBox .labelBox>li .label_white {
  display: inline-block;
  font-size: 14px;
  background-color: white;
  color: #666;
  padding: 4px 5px;
  border: 1px solid #d7d7d7;
}
.wgBox .labelBox>li .label_gray {
  display: inline-block;
  font-size: 14px;
  background-color: #555555;
  color: white;
  padding: 4px 5px;
  border: 1px solid #555555;
}
.wgBox {
  border: 1px solid #bfbfbf;
  margin: 10px 0 0;
}
.wgBoxIn>.tit {
  display: inline-block;
  font-size: 24px;
  color: #000;
  font-weight: bold;
  margin: 0;
  padding: 0 0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%
}
.wgBox .infoBox {
  overflow: hidden;
  margin: 15px 0 0
}
.wgBox .infoBox .leftBox {
  float: left;
  font-size: 16px;
  color: #222;
}
.wgBox .infoBox .leftBox .label {
  display: inline-block;
  margin: 0 18px 0 0;
  font-weight: bold;
}
.wgBox .infoBox .dateBox {
  float: right;
  font-size: 16px;
  color: #222
}
.wgBox .infoBox .dateBox .label {
  font-weight: bold
}
.wgBox .infoBox .dateBox .data strong {
  font-size: 20px;
  color: #026c8a
}
.wgBox .thumBox {
  display: flex;
  align-items: center;
}
.wgBox .imgBox {
  width: 150px;
  height: 86px;
  overflow: hidden;
}
.wgBox .txtBox {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-left: 10px;
  flex: 1;
}
.wgBox .txtBox>p:first-child, .wgBox .txtBox>a:first-child {
  margin: 0
}
.wgBox .txtBox .label {
  font-size: 14px;
  color: #026c8a;
  margin: 0
}
.wgBox .txtBox .tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  font-size: 22px;
  color: #000;
  margin: 10px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-all;
}
.wgBox .txtBox a.tit:hover {
  color: var(--skin01);
  text-decoration: underline
}
.wgBox .txtBox .sub_infoBox {
  margin: 15px 137px 0 0
}
.wgBox .txtBox .sub_infoBox .info {
  margin: 12px 0 0;
  font-size: 14px;
  color: #666;
  white-space: nowrap;
  min-height: 15px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wgBox .txtBox .sub_infoBox .info:first-child {
  margin: 0
}
.wgBox .txtBox .sub_infoBox .info strong {
  margin: 0 10px 0 0
}
.wgBox .txtBox .sub_infoBox .info.comp {
  color: #026c8a
}
.wgBox .progressBox {
  margin: 10px 0 0
}
.wgBox .progressBoxIn {
  display: table;
  width: 100%;
}
.wgBox .progresLabel {
  display: table-cell;
  width: 80px;
  font-size: 16px;
  color: #222;
  font-weight: bold;
}
.wgBox .progressBar {
  display: table-cell
}
.wgBox .progressBarIn {
  position: relative;
  height: 12px;
}
.wgBox .progressBarIn:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #d7d7d7;
  border-radius: 4px
}
.wgBox .progressBarIn .bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 12px;
  border-radius: 6px;
  background-color: #0d7fa0;
  z-index: 2;
}
.wgBox .progressPer {
  display: table-cell;
  width: 80px;
  text-align: right
}
.wgBox .progressPer .text:after {
  content: "%"
}
.wgBox .progressPer .num {
  font-size: 20px;
  color: #026c8a
}
.wgBox .buttonBox {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px
}
.wgBox .buttonBox>a, .wgBox .buttonBox>button {
  display: inline-block;
  min-width: 38px;
  height: 48px;
  line-height: 48px;
  background: #0d7fa0;
  background: linear-gradient(90deg, rgba(13, 127, 96, 1) 8%, rgba(13, 127, 160, 1) 91%);
  border: 0;
  text-align: center;
  font-size: 16px;
  color: white;
  transition: 0.3s all ease;
  width: 100%;
  padding: 0;
  margin: 0;
}
.wgBox .buttonBox>a:hover, .wgBox .buttonBox>button:hover {
  background: #0d7f6e;
  background: linear-gradient(90deg, rgba(13, 127, 110, 1) 8%, rgba(13, 127, 110, 1) 91%);
}
.wgBox.type02 {
  height: 301px
}
.wgBox.type03, .wgBox.type04 {
  margin: 0;
  border-top: 0
}
.wgBox.type03:after, .wgBox.type04:after {
  height: 40px
}
.wgBox.type03 .wgBoxIn, .wgBox.type04 .wgBoxIn {
  padding: 5px
}
.wgBox.type03 .buttonBox {
  left: auto;
  right: 20px;
  width: 100px
}
.wgBox.type03 .buttonBox>a, .wgBox.type04 .buttonBox>button {
  background: #0d7fa0;
  height: 38px;
  line-height: 38px;
}
.wgBox.type03 .buttonBox>a:hover, wgBox.type03 .buttonBox>button:hover {
  background: #026c8a
}
.wgBox.type04 .tag {
  margin: 5px 0 0;
  max-height: 58px
}
.list_area .surveyBox {
  border: 1px solid #bfbfbf;
}
.list_survey.list_area .surveyHeader .titBox {
  font-size: 22px;
  font-weight: normal;
}
/* EOD : 나의 홈 */
/* 나의 학습 */
.ThumBox {
  position: relative;
  padding: 15px 0;
  display: flex;
}
.ThumBox .infoBox {
  text-align: left;
  margin-left: 15px;
}
.ThumBox .dayBox {
  position: absolute;
  top: 15px;
  left: 0;
  color: white;
  background-color: #555;
  font-size: 16px;
  z-index: 1;
  display: inline-block;
  padding: 2px 4px;
}
.ThumBox .imgBox {
  min-width: 217px;
  height: 126px;
  overflow: hidden;
}
.ThumBox .txtBox .label {
  display: inline-block;
  border-radius: 30px;
  padding: 2px 10px;
  font-size: 14px;
  color: var(--skin01);
  margin: 5px 0;
  border: 1px solid var(--skin01);
}
.ThumBox .txtBox .tit {
  display: inline-block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 1.2;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin: 5px 0 0;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.ThumBox .txtBox a.tit:hover {
  color: var(--skin01);
  text-decoration: underline;
}
.ThumBox .tag {
  overflow: hidden;
  display: flex;
  margin-top: 15px;
  white-space: nowrap;
}
.ThumBox .tag>li {
  margin-right: 5px;
  font-size: 14px;
}
.ThumBox .tag>li span:before {
  content: "#"
}
.ThumBox .likeBox {
  margin: 20px 0 0;
}
.ThumBox .likeBox span {
  font-size: 18px;
  color: var(--skin01);
  font-weight: bold;
  vertical-align: bottom
}
.table_detail tr.detail td {
  background: #f5f7f9
}
.table_detail tr.detail .ThumBox:before {
  content: "";
  position: absolute;
  top: -18px;
  left: 20px;
  bottom: -18px;
  border-left: 1px dashed #a4a4a4
}
.table_detail tr.detail .ThumBox:after {
  content: "";
  position: absolute;
  top: 34px;
  left: 20px;
  width: 30px;
  border-top: 1px dashed #a4a4a4
}
/* .table_detail tr.detail.first .ThumBox:before {top:-37px} */
.table_detail tr.detail.last .ThumBox:before {
  bottom: auto;
  height: 52px;
}
.table_detail tr.detail .ThumBox .infoBox {
  margin: 0 0 0 75px
}
.progressWrap .progressPer .text:after {
  content: "%"
}
.progressWrap .progressPer .num {
  font-size: 20px;
  color: var(--skin01);
}
.progressWrap .progressBar{
  padding: 0 10px;
  margin-top: 10px;
}
.progressWrap .progressBarIn {
  background:#d2d2d2;
  height: 12px;
  border-radius: 6px;
  width: 100%;
  position: relative;
}
.progressWrap .progressBarIn .bar {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  width: 0;
  height: 12px;
  border-radius: 6px;
  background-color: var(--skin01);
  z-index: 2;
  margin: 0 !important;
  
}
.blockTable {
  display: table;
  width: 100%;
  text-align: left;
  font-size: 14px;
}
.blockTable .tr {
  display: table-row
}
.blockTable .th {
  display: table-cell;
  vertical-align: middle;
  padding: 4px 10px 4px 0;
  font-weight: bold;
  white-space: nowrap
}
.blockTable .td {
  display: table-cell;
  vertical-align: middle;
  word-break: break-word;
  width: 100%;
  padding: 4px 0
}
/* 수강 후기 팝업 */
.star_review {
  margin: 10px 0 40px;
  text-align: center;
  border: 1px solid var(--skin01);
  background-color: var(--skin-bg);
  border-radius: 10px;
  padding: 30px 0;
}
.star_review .txt_default {
  font-size: 22px;
  font-weight: bold;
}
.star_review .starList {
  position: relative;
  display: inline-block;
  margin: 15px 0 0;
  direction: rtl;
}
.star_review .starList input[type="radio"] {
  margin: 0;
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.star_review .starList input[type="radio"]+label {
  padding: 0;
  font-size: 30px;
  color: #d2d2d2;
  margin: 0 3px;
}
.star_review .starList input[type="radio"]:checked~label, .starList input[type="radio"]:hover~label {
  color: var(--skin01);
}
.star_review .review_txt {
  display: none;
}
#reviewPopup01 textarea {
  border-top: 2px solid #000;
}
/* EOD : 수강 후기 팝업 */
/* EOD : 나의 학습 */
/* 학습메모/북마크 */
.Listinfo {
  overflow: hidden;
  text-align: left;
  font-size: 16px
}
.Listinfo>li:first-child {
  margin: 0
}
.Listinfo>li {
  margin: 10px 0 0
}
/* 학습 창 */
.learning {
  position: relative;
  overflow: hidden;
  display: table;
  width: 100%;
  margin: 60px 0 0;
  background: #676767;
}
.learning .contents {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle
}
.learningHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.learningHeader .title {
  position: relative;
  height: 60px;
  line-height: 60px;
  background: #1d2430;
}
.learningHeader .title h2 {
  margin: 0 330px 0 30px;
  font-size: 24px;
  color: #ffffff;
  overflow: hidden;
}
.learningHeader .title h2 span {
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  overflow: hidden;
  max-width: 100%
}
.learningHeader .title .title_btnBox {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.learningHeader .title .title_btnBox a {
  position: relative;
  color: #ccc;
  font-size: 18px;
  padding: 0 30px;
  transition: 0.3s all ease
}
.learningHeader .title .title_btnBox a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 18px;
  margin: -9px 0 0;
  background: #636a75;
}
.learningHeader .title .title_btnBox a:first-child:before {
  display: none
}
.learningHeader .title .title_btnBox a:hover {
  color: white
}
.learningHeader .title .title_btnBox span {
  vertical-align: middle
}
.learning .icon_bell, .learning_menu .icon_bell {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 18px;
  margin: 0 8px 0 0;
  background: url('../../../images/template9/resp/default/icon/icon_window_bell.png') no-repeat;
  transition: 0.3s all ease
}
.learning .icon_bell:after, .learning_menu .icon_bell:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 18px;
  background: url('../../../images/template9/resp/default/icon/icon_window_bell_light.png') no-repeat;
}
.learningHeader .title .title_btnBox .menu_error:hover .icon_bell:after, .learning_menu_Header a:hover .icon_bell:after {
  display: none
}
.learningHeader .title .title_btnBox .menu_error:hover .icon_bell:before, .learning_menu_Header a:hover .icon_bell:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 18px;
  background: url('../../../images/template9/resp/default/icon/icon_window_bell_light_hover.png') no-repeat;
  animation: flash 1s infinite;
}
.learningHeader .icon_list {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  margin: 0 8px 0 0;
  background: url('../../../images/template9/resp/default/icon/icon_window_list.png') no-repeat;
  transition: 0.3s all ease
}
.learning_menu .icon_close {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  margin: 0 8px 0 0;
  background: url('../../../images/template9/resp/default/icon/icon_window_close.png') no-repeat;
  transition: 0.3s all ease
}
.learningHeader .title .title_btnBox .menu_error:hover .icon_bell {
  background: url('../../../images/template9/resp/default/icon/icon_window_bell_hover.png') no-repeat;
}
.learningHeader .title .title_btnBox .menu_btn:hover .icon_list {
  background: url('../../../images/template9/resp/default/icon/icon_window_list_hover.png') no-repeat;
}
@keyframes flash {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.learning_menu {
  background: #2c323b;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -350px;
  width: 350px;
  z-index: 10;
  transition: 0.3s all ease;
}
.learning_menu.active {
  right: 0
}
.learning_menu_Header {
  display: table;
  width: 100%;
  height: 59px;
  border-bottom: 1px solid #1d2430;
  text-align: center;
}
.learning_menu_Header>li {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.learning_menu_Header>li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 18px;
  margin: -9px 0 0;
  background: #636a75;
}
.learning_menu_Header>li:first-child:before {
  display: none
}
.learning_menu_Header a {
  display: block;
  color: #ccc;
  font-size: 18px;
  padding: 0 30px;
  transition: 0.3s all ease
}
.learning_menu_Header a:hover {
  color: white
}
.learning_menu_Header a span {
  display: inline-block;
  vertical-align: middle
}
.learning_menu_Header .menu_btn:hover .icon_close {
  transform: rotate(180deg)
}
.learning_menu_Header .menu_error:hover .icon_bell {
  background: url('../../../images/template9/resp/default/icon/icon_window_bell_hover.png') no-repeat;
}
.learning_menu_List {
  color: white;
  overflow: auto
}
.learning_menu_List>li {
  border-bottom: 1px solid #1d2430;
}
.learning_menu_List table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
}
.learning_menu_List table tr td {
  padding: 0;
  position: relative;
}
.learningBox {
  padding: 30px;
  border-bottom: 1px solid #49505a;
}
.learningBox .info {
  overflow: hidden
}
.learningBox .infoL {
  float: left
}
.learningBox .infoR {
  float: right
}
.learningBox .infoR .download {
  position: absolute;
  top: 31px;
  right: 30px;
}
.learningBox .infoR .download .icon_memo {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 23px;
  background: url('../../../images/template9/resp/default/icon/icon_window_memo.png') no-repeat;
}
.learningBox .infoR .download .icon_memo:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 6px;
  width: 7px;
  height: 2px;
  background-color: #747b85;
  transition: 0.3s all ease;
}
.learningBox .infoR .download .icon_memo:after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 6px;
  width: 10px;
  height: 2px;
  background-color: #747b85;
  transition: 0.3s all ease;
}
.learningBox .infoR .download.active .icon_memo {
  background: url('../../../images/template9/resp/default/icon/icon_window_memo_active.png') no-repeat;
}
.learningBox .infoR .download.active .icon_memo:before {
  background-color: white;
}
.learningBox .infoR .download.active .icon_memo:after {
  background-color: white;
}
.learningBox .infoR .download:hover .icon_memo:before {
  width: 10px
}
.learningBox .infoR .download:hover .icon_memo:after {
  width: 5px
}
.learningBox .tit {
  line-height: 1.3;
  font-size: 20px;
  margin: 10px 0 0
}
.learningBox .le_class {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 58px;
  height: 23px;
  line-height: 23px;
  margin: 0 5px 0 0;
  border: 1px solid #7d8692;
  color: white;
}
.learningBox .le_state {
  display: inline-block;
  vertical-align: top;
  width: 82px;
  height: 25px;
  line-height: 25px;
  border-radius: 3px;
  background-color: #0d7fa0;
  font-size: 16px;
  text-align: center;
}
.learningBox .le_state.complete {
  background-color: #0d7fa0
}
.learningBox .le_state.ing {
  background-color: #ff7971
}
.learningBox .le_state.wait {
  background-color: #747b85
}
.learning_dep2 {
  padding: 11px 30px;
  background: #161c27;
  /*border-bottom: 1px solid #49505a;*/
  font-size: 18px;
  position: relative;
}
.learning_dep2 .tit {
  position: relative;
  display: block;
  color: white;
  margin: 0 40px 0 0;
  padding: 0 0 0 30px;
  line-height: 1.2;
  overflow: hidden
}
.learning_dep2 .tit:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #747b85
}
.learning_dep2 .tit.complete:before {
  background-color: #0d7fa0;
}
.learning_dep2 .tit.ing:before {
  background-color: #ff7971;
}
/* .learning_dep2 .tit .tit_name {position:relative; overflow: hidden;	text-overflow: ellipsis; white-space: nowrap; float: left;max-width: 100%;} */
.learning_dep2 .tit .tit_name {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  max-width: 100%;
}
.learning_dep2 .tit .tit_name:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 1px;
  transition: width .6s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;
  background: white;
}
.learning_dep2 .tit .tit_name:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  transition: width .3s cubic-bezier(0.29, 0.18, 0.26, 0.83);
  background: white;
}
.learning_dep2 .tit .tit_name:hover:before, .learning_dep2 .tit .ellipsis:hover:after {
  width: 100%;
  left: 0;
}
.learning_dep2 .le_bookmark {
  position: absolute;
  top: 10px;
  right: 30px;
}
.learning_dep2 .le_bookmark:hover .icon_bookmark:before {
  animation: pen_move 1s;
}
.learning_dep2 .icon_bookmark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 22px;
  background: url('../../../images/template9/resp/default/icon/icon_window_bookmark.png') no-repeat;
}
.learning_dep2 .icon_bookmark:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 1px;
  right: -7px;
  width: 15px;
  height: 15px;
  background: url('../../../images/template9/resp/default/icon/icon_window_pen.png') no-repeat;
}
.learning_dep2 .le_bookmark.active .icon_bookmark {
  background: url('../../../images/template9/resp/default/icon/icon_window_bookmark_active.png') no-repeat;
}
.learning_dep2 .le_bookmark.active .icon_bookmark:before {
  background: url('../../../images/template9/resp/default/icon/icon_window_pen_active.png') no-repeat;
}
@keyframes pen_move {
  0% {
    right: -7px;
  }
  25% {
    right: -5px;
  }
  50% {
    right: -7px;
  }
  75% {
    right: -5px;
  }
  100% {
    right: -7px;
  }
}
.videoBtnBox {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  z-index: 9;
  background-color: white;
}
.videoPaging {
  background-color: #ff7971;
  font-size: 18px;
  color: white;
  display: inline-block;
  width: 100px;
  height: 40px;
  line-height: 40px;
  margin: 0 13px;
  border-radius: 20px;
  vertical-align: middle
}
.videoPaging span {
  display: inline-block;
  vertical-align: middle
}
.btnVideoPrev {
  background: none;
  border: 0;
  height: auto;
  color: #2a3340;
  font-size: 18px;
  font-style: italic;
  display: inline-block;
  vertical-align: middle
}
.btnVideoPrev .circle {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 33px;
  height: 33px;
  margin: 0 5px 0 0;
  background-color: #2a3340;
  border-radius: 50%
}
.btnVideoPrev .icon_prev_arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 15px;
  margin: -7px 0 0 -8px;
  background: url(../../../images/template9/resp/default/icon/icon_window_prev.png) no-repeat;
  transition: 0.3s all ease;
}
.btnVideoPrev:hover .icon_prev_arrow {
  animation: icon_prev_move 0.8s infinite;
}
.btnVideoPrev .txt {
  display: inline-block;
  vertical-align: middle
}
.btnVideoNext {
  background: none;
  border: 0;
  height: auto;
  color: #2a3340;
  font-size: 18px;
  font-style: italic;
  display: inline-block;
  vertical-align: middle
}
.btnVideoNext .circle {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 33px;
  height: 33px;
  margin: 0 0 0 10px;
  background-color: #298ae5;
  border-radius: 50%
}
.btnVideoNext .icon_next_arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 15px;
  margin: -7px 0 0 -8px;
  background: url(../../../images/template9/resp/default/icon/icon_window_next.png) no-repeat;
  transition: 0.3s all ease;
}
.btnVideoNext:hover .icon_next_arrow {
  animation: icon_next_move 0.8s infinite;
}
.btnVideoNext .txt {
  display: inline-block;
  vertical-align: middle
}
@keyframes icon_prev_move {
  0% {
    margin: -7px 0 0 -8px;
  }
  50% {
    margin: -7px 0 0 -10px
  }
  100% {
    margin: -7px 0 0 -8px;
  }
}
@keyframes icon_next_move {
  0% {
    margin: -7px 0 0 -8px;
  }
  50% {
    margin: -7px 0 0 -6px
  }
  100% {
    margin: -7px 0 0 -8px;
  }
}
/* EOD : 학습 창 */
/* EOD : 학습메모/북마크 */
/* 교재 배송현황 */
.ThumBox .infoBox.vertical {
  display: table
}
.ThumBox .infoBox.vertical .txtBox {
  display: table-cell;
  height: 100%;
  vertical-align: middle
}
/* EOD : 교재 배송현황 */
/* 나의 설문 */
/* 목록 */
.list_survey>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.list_survey>ul>li {
  width: 49.5%;
  border: 1px solid #d7d7d7;
  border-top: 1px solid #555;
  margin-bottom: 20px;
}
.list_survey .surveyHeader {
  padding: 20px;
  background-color: #f5f7f9;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.list_survey .surveyHeader .labelBox {
  text-align: center;
  margin-left: 20px;
}
.list_survey .surveyHeader .titBox {
  font-size: 22px;
  color: #000;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.list_survey .surveyContent {
  padding: 19px;
  display: flex;
}
.list_survey .surveyContent .content {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
  margin: 0 0 10px;
  display: -webkit-box;
  max-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-all;
}
.list_survey .surveyContent .blockTable {
  font-size: 16px;
}
.list_survey .surveyContent .blockTable .th {
  padding-right: 18px;
}
.list_survey .surveyContent .blockTable .td {
  padding: 6px 0
}
.list_survey .surveyContent .blockTable .td .txt_green {
  font-weight: bold
}
.list_survey .surveyContent .btnBox button {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  margin: 0;
  padding: 0 20px;
  box-sizing: border-box;
}
.list_survey .surveyBox.comp .surveyHeader {
  background-color: #ebeff2
}
.list_survey .surveyBox.comp .surveyContent {
  background-color: #f5f7f9
}
.list_survey>ul>li.no_data {
  width: 100%;
  margin: 40px 0 0
}
.list_survey>ul>li.no_data .no_dataBox {
  background: url(../img/service/no_list.png) no-repeat center 80px, #f5f5f5;
  padding: 160px 0 80px 0;
  font-size: 40px;
  color: #ccc;
  text-align: center;
}
/* EOD : 목록 */
/* 팝업 */
.list_test {
  margin: 30px 0 0;
  border-bottom: 1px solid #d7d7d7
}
.list_test .txt_num {
  width: 100%;
  border: 1px solid #bfbfbf;
  border-bottom: 0;
  border-top: 2px solid #000;
  padding: 20px;
  background: #f6f6f6;
}
.list_test .txt_num .num {
  position: static;
  display: table-cell;
  vertical-align: top;
  white-space: nowrap;
  text-align: left
}
.list_test>li .txt_num .txt {
  display: table-cell;
  width: 100%;
  vertical-align: top;
  padding: 0 0 0 5px
}
.list_test>li .txt_num .txt p {
  margin: 0;
}
.list_test>li .txt_num img {
  display: block;
  margin: 20px 0 0;
  width: 100%;
  border: 1px solid #d7d7d7
}
.list_test>li .txt_num pre {
  display: inline-block;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-all
}
.list_test>li.answerOk:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  display: inline-block;
  width: 120px;
  height: 92px;
  background: url(../../../images/template9/resp/default/usr/exam_answer_o.png) no-repeat;
  z-index: 10
}
.list_test>li.answerNo,.list_test>li.answerOk {
  position: relative;
}
.list_test>li.answerNo:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  display: inline-block;
  width: 120px;
  height: 103px;
  background: url(../../../images/template9/resp/default/usr/exam_answer_n.png) no-repeat;
  z-index: 10
}
.list_test .textBox {
  padding: 20px;
  border: 1px solid #bfbfbf;
  border-top: 0;
}
.list_test .radioList, .list_test .checkList, .list_test .thumBox_exam {
  border: 1px solid #bfbfbf;
  border-top: none;
  padding: 20px;
}
.list_test .thumBox_exam {
  border-bottom: 0;
  max-height: 300px;
  overflow: hidden;
  min-height: 200px;
}
.test_label {
  display: block;
  overflow: hidden;
  margin: 40px 0 10px;
}
.test_label li {
  position: relative;
  float: left;
  margin: 0 10px;
  font-size: 16px;
  color: #666;
}
.test_label li:first-child {
  margin-left: 0
}
.test_label li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  width: 1px;
  height: 14px;
  margin: -6px 0 0;
  background-color: #d7d7d7;
}
.test_label li:first-child:before {
  display: none
}
/* EOD : 팝업 */
/* EOD : 나의 설문 */
/* 훈련비 결제내역 */
.date_searchBox {
  background-color: var(--skin-bg2);
  padding: 10px;
  border-radius: 10px;
}
.date_searchBox .date_searchBoxIn {
  border-radius: 8px;
  background-color: #fff;
  padding: 20px 0;
}
.content_Listed {
  display: flex;
}
.content_Listed>li {
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-right: 1px solid var(--skin-bg2);
}
.content_Listed>li .label {
  min-width: 88px;
  line-height: 1.5;
}
.content_Listed>li:last-child {
  border: none;
  flex: 1;
}
.date_searchBoxIn .radioList {
  padding: 0;
}
.date_searchBoxIn .radioList input[type="radio"]::after {
  display: none;
}
.dateBox {
  display: inline-block;
  vertical-align: middle;
}
.dateBoxIn {
  display: flex;
}
.dateBoxIn .inputBox.Full {
  margin: 0;
}
.dateBoxIn .inputBox input {
  padding: 0;
  border-radius: 50px;
}
.wave {
  width: 20px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
}
.search_area {
  width: 100%;
}
.search_area>label {
  display: none;
}
.search_area .dropdown {
  flex: 1;
}
.search_area .btn_s_blue {
  margin-left: 5px;
}
/* 나의 문의내역 */
.date_searchBox .selectList, .date_searchBox .textBoxIn {
  display: flex;
}
.date_searchBox .date_searchBoxIn.type02 {
  justify-content: center;
}
.date_searchBox .selectList li, .date_searchBox .inputBox {
  margin-right: 5px;
  flex: 1;
}
/* EDO :  훈련비 결제내역 */
/* EOD :  마이페이지 */
/* Membership */
/* 강사신청 */
/* 작성하기 */
.tc_terms_list .list {
  margin: 10px 0 0
}
.tc_terms_list .list:first-child {
  margin: 0
}
.tc_terms_list .list:first-child .stepBox {
  border-top: 1px solid #d7d7d7;
  margin: 0;
}
.tc_terms_list .list.active .stepBox {
  border: 1px solid #d2d2d2;
  border-top: 2px solid #000;
}
.tc_terms_list .list.active .stepBox>a {
  background-color: white;
  color: var(--skin01)
}
.tc_terms_list .stepBox {
  transition: 0.45s ease;
  margin: 10px 0 0;
}
.tc_terms_list .stepBox>a {
  position: relative;
  display: block;
  background-color: var(--skin01);
  padding: 19px 50px 19px 30px;
  font-size: 16px;
  color: white;
  font-weight: 400;
  transition: 0.45s ease;
  line-height: 1.3;
}
.tc_terms_list .stepBox>a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 18px;
  margin: -5px 0 0 0;
  width: 16px;
  height: 9px;
  background: url(../../../images/template9/resp/default/icon/icon_join_arrow.png) no-repeat 0 0;
}
.tc_terms_list .stepBox>a>strong {
  margin: 0 10px 0 0
}
.tc_terms_list .list.active .active a {
  color: var(--skin01);
}
.tc_terms_list .list.active .stepBox>a:after {
  background: url(../../../images/template9/resp/default/icon/icon_join_arrow.png) no-repeat 0 -9px;
}
.tc_terms_list .list.active .terms_contents>a {
  padding: 9px 50px
}
.tc_terms_list .terms_contents {
  display: none;
  position: relative;
  background: #f5f7f9;
  padding: 25px 30px;
  font-weight: 400;
  font-size: 16px;
}
.tc_terms_list .terms_contents h4 {
  margin: 20px 0;
  text-align: center
}
.tc_terms_list .terms_contents p {
  margin: 5px 0;
  line-height: 1.6;
}
.tc_terms_list .terms_contents .table_hori {
  margin: 0
}
.tc_terms_list .terms_contentsIn {
  max-height: 450px;
  overflow: auto
}
.tc_terms_list .terms_contents textarea {
  height: 98px
}
.tc_terms_list .input_bank {
  width: 138px
}
.tc_terms_list .input_ac_number {
  width: 248px
}
.tc_terms_list .stepBox .btnBox {
  display: none;
  text-align: right;
  margin: 0;
  padding: 20px 30px;
}
.tc_terms_list .stepBox .btnBox button {
  margin: 0
}
.tc_terms_list .inputList {
  /* overflow: hidden */
  display: flex;
  align-items: center;
}
.tc_terms_list .inputBox .bootstrap-select {
  max-width: 300px;
}
.tc_terms_list .inputList>li {
  display: flex;
  align-items: center;
  margin: 5px 0 5px 20px;
  flex: 3;
}
.tc_terms_list .inputList>li:first-child {
  margin-left: 0;
  flex: 2;
}
.tc_terms_list .inputList>li .inputBox {
  display: flex;
  align-items: center;
}
.tc_terms_list .inputList .label {
  margin: 0 10px 0 0;
  vertical-align: middle
}
.tc_terms .txt_default {
  display: block;
  margin: 20px 0
}
.tc_terms .txt_default:first-child {
  margin-top: 0
}
/* NCS 분류 팝업 */
.ncsTypeBox {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid #555;
}
.ncsTypeBox .typeBox {
  display: table-cell;
}
.ncsTypeBox .tit {
  background-color: var(--skin01);
  line-height: 40px;
  height: 40px;
  color: white;
  font-size: 16px;
  text-align: center
}
.ncsTypeBox .typeBox:first-child .list_type {
  border-left: 1px solid #555
}
.ncsTypeBox .list_type {
  border-right: 1px solid #555;
  height: 248px;
  overflow: hidden;
  overflow-y: auto;
}
.ncsTypeBox .list_type a {
  display: block;
  padding: 11px;
  font-size: 16px;
  color: #666
}
.ncsTypeBox .list_type li.active {
  background-color: var(--skin-bg)
}
.ncsTypeBox .list_type li.active a {
  color: var(--skin01)
}
.ncsTypeList {
  display: block;
  overflow: hidden;
  padding: 15px 0;
  border-bottom: 1px solid #d7d7d7
}
.ncsTypeList>li {
  float: left;
  margin: 5px 5px 5px 0
}
.ncsTypeList .type {
  position: relative;
  background-color: white;
  border: 1px solid #555;
  padding: 6px 30px 6px 10px
}
.ncsTypeList .type_del {
  position: absolute;
  top: 50%;
  right: 9px;
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: -5px 0 0;
  background: url(../../../images/template9/resp/default/icon/icon_close_black.png) no-repeat;
}
/* EOD : NCS 분류 팝업 */
/* EOD : 작성하기 */
/* 심사중 & 심사완료 */
.ms_procees {
  text-align: center;
  margin: 100px 0 0
}
.ms_procees>ul {
  display: inline-block;
  margin: 0 0 0 -100px
}
.ms_procees>ul>li {
  position: relative;
  float: left;
  margin: 0 0 0 100px
}
.ms_procees>ul>li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -50%;
  display: inline-block;
  width: 14px;
  height: 26px;
  margin: -13px 0 0 43px;
  background: url("../../../images/template9/resp/default/icon/icon_ms_arrow.png") no-repeat;
  background-size: cover !important;
}
.ms_procees>ul>li:first-child:before {
  display: none
}
.ms_Circle {
  display: table;
  width: 196px;
  height: 196px;
  background-color: white;
  border: 2px solid #555;
  border-radius: 50%
}
.ms_CircleIn {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle
}
.ms_Circle .icon {
  display: inline-block;
  width: 70px;
  height: 60px;
  background: url("../../../images/template9/resp/default/icon/icon_ms_process01.png") no-repeat;
  background-size: cover !important;
}
.ms_Circle .txt {
  font-size: 18px;
  color: #222;
  margin: 23px 0 0
}
.ms_Circle.type02 .icon {
  background: url("../../../images/template9/resp/default/icon/icon_ms_process02.png") no-repeat
}
.ms_Circle.type03 .icon {
  background: url("../../../images/template9/resp/default/icon/icon_ms_process03.png") no-repeat
}
.ms_procees>ul>li.active .ms_Circle {
  background-color: var(--skin01);
  border: 2px solid var(--skin01);
}
.ms_procees>ul>li.active .ms_Circle .txt {
  color: white
}
.ms_procees>ul>li.disabled .ms_Circle {
  background-color: #d7d7d7;
  border: 2px solid #d7d7d7
}
.ms_procees>ul>li.disabled .ms_Circle .txt {
  color: #666
}
.ms_procees>ul>li.disabled:before {
  background: url("../../../images/template9/resp/default/icon/icon_ms_arrow.png") no-repeat -14px 0;
}
.ms_procees>ul>li.active .ms_Circle.type02 .icon {
  background: url("../../../images/template9/resp/default/icon/icon_ms_process02_active.png") no-repeat
}
.ms_procees>ul>li.active .ms_Circle.type03 .icon {
  background: url("../../../images/template9/resp/default/icon/icon_ms_process03_active.png") no-repeat
}
.ms_txtBox {
  margin: 100px 0 0;
  text-align: center;
  color: #222;
}
.ms_txtBox strong {
  font-size: 24px;
  font-weight: 500;
}
.ms_txtBox p {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
}
.ms_txtBox p:first-child {
  margin: 0
}
.ms_txtBox button {
  margin: 40px 0 0
}
/* EOD :  심사중 & 심사완료 */
/* EOD : 강사신청 */
/* 개인정보처리방침 */
.borderBox {
  padding: 20px;
  border: 1px solid #d7d7d7
}
.link_download {
  color: #026c8a;
  display: inline-block;
  margin: 10px 0 0 20px;
  text-decoration: underline
}
/* EOD : 개인정보처리방침 */
/* 원격지원서비스 */
.remote_wrap .remote_tit {
  display: inline-block;
  padding: 10px 40px;
  background-color: #000;
  color: #fff;
  font-size: 24px;
  border-radius: 5px;
  position: relative;
  margin-top: 70px;
  margin-bottom: 30px;
}
.remote_wrap .remote_tit::after {
  content: '';
  border-top: 20px solid #000;
  border-left: 20px solid #000;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.remote_wrap .remote_txt {
  font-size: 22px;
  line-height: 1.8;
  margin: 0;
  word-break: keep-all;
}
.remote_wrap .remote_bold {
  color: var(--skin01);
  border-bottom: 1px solid var(--skin01);
  font-weight: 700;
}
.remote_wrap .remote_txt strong {
  font-family: 'NanumBarunGothicBold';
  font-weight: 700 !important;
}
.remote_wrap .remote-method {
  margin-top: 20px;
}
.remote_wrap .remote-method>div.left, .remote_wrap .remote-method>div.right {
  flex: 1;
}
.remote_wrap .remote-method>div.right {
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.remote_wrap .remote-method>div.right::after {
  content: "or";
  position: absolute;
  padding: 9px 29px;
  border-radius: 50px;
  color: #fff;
  background: #000;
  font-weight: 700;
  /*20240424*/
  /*top: 50%;*/
  bottom: 55px;
  /*20240424*/
  left: 50%;
  font-size: 20px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.remote_wrap .remote-method>div.arrow-r {
  width: 60px;
  background: url(../img/service/right.png)no-repeat center;
}
.remote_wrap .remote-method p {
  margin: 0;
}
.remote_wrap .remote-method .box {
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  position: relative;
}
.remote_wrap .remote-method .box1 {
  height: 100%;
  padding: 50px 80px 50px 50px;
  line-height: 1.5;
  background: url(../img/service/service01.png)no-repeat right 8% center;
}
.remote_wrap .remote-method .box2 {
  /*20240424*/
  /*padding: 20px 70px;*/
  padding: 20px 145px 20px 70px;
  /*20240424*/
  flex: 1;
  line-height: 1.2;
  flex-direction: column;
  justify-content: center;
  background: url(../img/service/service02.png)no-repeat right 8% center;
}
.remote_wrap .remote-method .box3 {
  margin-top: 5px;
  background: url(../img/service/service03.png)no-repeat right 8% center;
  /*20240424*/
  min-height: 89px;
  /*20240424*/
}
.remote_wrap .remote-method .box .num {
  position: absolute;
  left: -1px;
  top: -1px;
  border-radius: 10px 0 10px 0;
  padding: 7px 14px;
  background-color: #999;
  color: #fff;
}
.remote_wrap .remote-method .box1 .txt {
  font-size: 24px;
}
.remote_wrap .remote-method .box1 .txt-str {
  font-size: 30px;
  font-weight: 700;
}
.remote_wrap .remote-method .box2 .txt {
  font-size: 20px;
  font-weight: 700;
}
.remote_wrap .remote-method .box2 .txt span {
  color: var(--skin01);
}
.remote_wrap .remote-method .box2 .txt-grey {
  color: #666;
}
.remote_wrap .remote_btn {
  text-align: center;
  margin-top: 40px;
}
.remote_wrap .remote_btn .btn_m_blue {
  border-radius: 30px;
  background-image: url(../img/service/btn_bg.png);
  background-repeat: no-repeat;
  background-position: 60px;
  height: 70px;
  line-height: 68px;
  border-radius: 70px;
  padding-left: 130px;
  font-size: 24px;
}
/* EOD : 원격지원서비스 */
/* EOD : Membership */
/* 통합검색 */
.search_wrap {
  padding: 60px 0 0;
}
.search_wrap form, .search_wrap fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.search_wrap legend span {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  width: 1%;
  height: 1%;
  font-size: 1%;
  z-index: -9999;
}
.search_wrap .search_top {
  padding: 40px 40px 30px;
  border-bottom: 1px solid #f5f5f5;
  background: #f5f7f9;
  border-radius: 10px;
}
.search_wrap .search_top .search_total {
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #666;
}
.search_wrap .search_top .search_total .keyword,
.search_wrap .search_top .search_total .cnt {
  font-size: 20px;
  color: var(--skin01);
  font-weight: 500;
}
.search_wrap .search_top .search_input {
  margin-top: 20px;
  font-size: 0;
}
.search_wrap .search_top .t {
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
  vertical-align: middle;
  cursor: pointer;
}
.search_wrap .search_top .selectBox {
  width: 100%;
  max-width: 180px;
  margin-right: 10px;
  vertical-align: middle;
}
.search_wrap .search_top .istyle {
  width: 100%;
  max-width: 450px;
  margin-right: 10px;
}
.search_wrap .search_top .btn_s_blue {
  margin: 0;
  vertical-align: middle;
  height: 44px;
}
.search_wrap .search_result {
  margin-top: 40px;
}
.search_wrap .search_list {
  margin-top: 40px;
}
.search_wrap .search_list .tabBox.active {
  margin-top: 40px;
}
.search_wrap .search_list .tabBox.active+.tabBox.active {
  margin-top: 60px;
}
.search_wrap .search_list .tabBox.active:first-child {
  margin-top: 0;
}
.search_wrap .search_result .tit-h3 {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  margin-bottom: 20px;
}
.search_wrap .search_result .tit-h3 .cnt {
  font-size: 16px;
  color: #666;
  font-weight: 400;
}
.search_wrap .search_result .tit-h3 .cnt em {
  color: #222;
  font-style: normal;
}
.search_wrap .contents_list {
  margin-top: 20px;
  border-top: 2px solid #000;
}
.search_wrap .contents_list li {
  position: relative;
  padding: 18px 120px 18px 0;
  border-bottom: 1px solid #d7d7d7;
  font-size: 0;
  line-height: 24px;
}
.search_wrap .contents_list .txtBox {
  display: inline-block;
  max-width: calc(100% - 34px);
  vertical-align: middle;
}
.search_wrap .contents_list a {
  overflow: hidden;
  display: inline-block;
  position: relative;
  max-width: 100%;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
  transition: .3s width ease;
}
.search_wrap .contents_list a:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 1px;
  transition: width .6s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;
  background: #026c8a;
}
.search_wrap .contents_list a:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 1px;
  transition: width .3s cubic-bezier(0.29, 0.18, 0.26, 0.83);
  background: #026c8a;
}
.search_wrap .contents_list a:hover {
  color: #026c8a;
}
.search_wrap .contents_list a:hover:before,
.search_wrap .contents_list a:hover:after {
  left: 0;
  width: 100%;
}
.search_wrap .contents_list .date {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -12px;
  font-size: 16px;
  color: #666;
}
.search_wrap .contents_list .no_data {
  width: 100%;
  background: url(../img/service/no_list.png)no-repeat center 80px, #f5f5f5;
  padding: 160px 0 80px 0;
  font-size: 40px;
  color: #ccc;
  text-align: center;
  border-radius: 0;
  margin: 0;
}
.search_wrap .contents_list .no_data .txt {
  margin: 25px 0 0;
  line-height: 1;
}
/* EOD : 통합검색 */
.app-download {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99999;
}
.app-downloadWrap {
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
}
.app-downloadImg {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}
.app-downloadImg .goAppBanner {
  position: relative;
  z-index: 2;
  display: block
}
.app-downloadImg .closeBanner {
  position: relative;
  z-index: 2;
  color: white;
  display: inline-block;
  margin: 20px 0 0;
  font-size: 12px
}
.app-downloadImg .closeBanner:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #acadad
}
.app-downloadBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}
/*20240424*/
.remote_wrap .remote-method .arrow-r-wrap {
	text-align: center;
    width: 50px;
}
.remote_wrap .remote-method .arrow-r {
	    display: inline-block;
    width: 35px;
    height: 100%;
        background-position: 90% 50%;
    background-repeat: no-repeat;
    background-image: url(../img/service/right.png);
}
/*20240424*/
@media only all and (max-width: 1600px) {
	/*20240424*/
.remote_wrap .remote-method .arrow-r-wrap {
	text-align: center;
    width: 100%;
    height: 55px;
}
.remote_wrap .remote-method .arrow-r {
	transform: rotate(90deg);
}
/*20240424*/
  .remote_wrap .remote-method {
    flex-direction: column;
  }
  .remote_wrap .remote-method>div.arrow-r {
    height: 56px;
    width: 100%;
    transform: rotate(90deg);
  }
  .remote_wrap .remote-method .box2 {
    flex: auto;
    /*20240424*/
    padding: 45px 180px 45px 50px;
    min-height: 130px;
    /*padding: 0 50px;
    height: 130px;*/
    /*20240424*/
  }
  .main-layer {
    margin: 0 20px;
  }
  /*20240424*/
  .remote_wrap .remote-method>div.right::after {
  	bottom: 95px;
  }
  /*20240424*/
}
@media only all and (max-width: 1400px) {
	.main_layer .swiper-wrapper img {
     max-height: 385px;
	}
	
	.main_t_left .main_board_list {
/*   padding: 30px 5px; */
  padding: 30px 5px; 
}
	
	#theme4 .main-step1 .main-banner img {
     max-height: 385px;
     height: 385px;
	}
	#theme2 .main-banner .swiper-wrapper img {
     height: 385px !important;
	}
	
	#theme2 .theme .main_layer .swiper-wrapper img {
    	background-color: white;
	}
	
	#theme2 .theme .main_layer .swiper-wrapper img {
		height: 385px; 
	}
}
@media only all and (max-width: 1550px) and (min-width:1200px) {

  .mainBanner .slick-prev {
    left: 20px;
    margin: -25px 0 0
  }
  .mainBanner .slick-next {
    left: auto;
    right: 20px;
    margin: -25px 0 0
  }
  .mainBannerBox .paginationIn .main_paging {
    top: 0;
    left: 100px;
    margin: -10% 0 0;
  }
  .mainBannerBox .paginationIn .controlBox {
    top: -6px;
    left: 150px;
    margin: -10% 0 0;
  }
}
@media only all and (max-width: 1199px) {
  /* tablet */
  /* 메인 */
  /*20240401*/
.main_contentLayout {
  margin: 80px 0 70px;
}
.fix_hd_main_contentLayout_theme2{
	margin-top: 65px !important;
}
.fix_hd_main_contentLayout_theme4 {
  margin: 90px 0 70px !important;
}
.fix_hd_main_contentLayout_theme1{
	margin-top: 0px !important;
}

/*.main_contentLayout {
  margin: 60px 0 70px
}*/
/*20240401*/
  .process_content .content_wrap, .notice_content .content_wrap, .intro_content .content_wrap {
    margin: 0 20px
  }
  .mainBanner .slick-prev {
    left: 20px;
    margin: -25px 0 0
  }
  .mainBanner .slick-next {
    left: auto;
    right: 20px;
    margin: -25px 0 0
  }
  .mainBannerBox .pagination {
    position: static;
    background: #f5f7f9;
    height: 32px;
    overflow: hidden;
    top: 0;
    margin: 0
  }
  .mainBannerBox .paginationIn .main_paging {
    position: static;
    display: inline-block !important;
    vertical-align: middle;
    margin: 4px 2px 0 0
  }
  .mainBannerBox .paginationIn .controlBox {
    position: static;
    display: inline-block;
    vertical-align: middle
  }
  .main_Pop_wrap {
    top: 90px;
    margin: 0;
    left: 5%;
  }
  .content_menuBox {
    position: static
  }
  .content_menu {
    height: auto
  }
  .content_menu .familysite {
    float: none;
    width: 100%;
    padding-top: 30px;
    height: 80px
  }
  .content_menu .familysite .t {
    top: 12px;
    left: 15px;
  }
  .content_menu .familysite .pagination {
    top: 12px;
  }
  .content_menu .familysite .logo_slider {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: 80px;
  }
  .content_menu>ul {
    float: none;
    width: 100%;
    height: 120px;
    display: table;
    table-layout: fixed;
  }
  .content_menu>ul>li {
    width: auto;
    display: table-cell;
    text-align: center;
    float: none;
    vertical-align: middle;
  }
  .content_menu>ul>li>a {
    display: block;
    text-align: center
  }
  .content_menu>ul>li>a:hover {
    background-color: transparent;
  }
  .content_menu .logo_slider a {
    max-width: 250px
  }
  .content_menuBoxIn:before {
    right: 0;
    width: 100%
  }
  .process_content {
    padding: 0 0 70px
  }
  .ProcessBox {
    height: auto;
    margin: 10px 20px 0
  }
  .ProcessBox.double {
    height: 380px
  }
  .process_content .ProcessBox .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    max-width: 100%;
    margin: 10px 0;
    left: 0;
    bottom: -40px
  }
  .notice_content {
    margin: 0 0 40px
  }
  .notice_content .content_wrap>ul>li {
    float: none;
    width: 100%;
    margin: 30px 0 0
  }
  .intro_content .tit_area {
    margin: 30px 0 0
  }
  .intro_content:before {
    height: 134px
  }
  .intro_content .process .process_box {
    height: 100%;
  }
  .intro_slider_navBtn {
    top: 325px
  }
  .intro_slider_main {
    margin: 0 auto;
  }
  .intro_slider_main .slick-track .slick-slide>div>div>a {
    width: 460px;
    height: 270px;
    margin: 0 auto;
  }
  .intro_slider_main .slick-track .slick-slide>div>div>a img {
    width: 100%
  }
  .intro_slider_main .slick-track .slick-slide>div>div .txtBox {
    position: static;
    left: 0;
    margin: 25px 0 0
  }
  .intro_slider_main .slick-track .slick-slide>div>div .txtBox .tit {
    font-size: 20px
  }
  .intro_slider_main .slick-track .slick-slide>div>div .txtBox .content_txt {
    font-size: 14px;
    margin: 20px 0 0
  }
  .intro_slider_main .slick-track .slick-slide>div>div .txtBox a {
    font-size: 14px
  }
  .intro_slider_mainBox {
    margin: 20px 0 0
  }
  .intro_slider_navBox {
    position: static;
    margin: 20px 0 0
  }
  .intro_slider_nav {
    width: auto
  }
  .intro_slider_nav .slick-list {
    margin: 0 0 0 -10px
  }
  .intro_slider_nav .slick-slide {
    margin: 0 0 0 10px
  }
  .intro_slider_nav .slick-track .slick-slide>div .imgBox, .intro_slider_nav .slick-track .slick-slide>div .labelBox {
    margin: 0 auto
  }
  .intro_slider_nav .slick-track .slick-slide>div .labelBox br {
    display: block
  }
  .main_top_box {
    flex-direction: column-reverse;
  }
  .main_t_left, .main_t_right {
    width: 100%;
  }
  .main_t_left {
    margin-top: 10px;
  }
  .main_thumbnail_list>ul {
    justify-content: space-between;
  }
  .main_thumbnail_list>ul>li {
    width: 49%;
    margin-right: 0;
  }
  .main_t_right .swiper-slide {
    height: auto;
  }
  /* EOD : 메인 */
  /* 교육원 소개 */
  /* 교육기관 소개 */
  /* EOD : 교육기관 소개 */
  /* 인사말 */
  .txt_greeting {
    font-size: 30px
  }
  .greetingBox {
    margin: 40px 0 0
  }
  .greetingBoxL {
    width: 200px
  }
  .greetingBoxR {
    padding: 0 0 0 30px
  }
  /* EOD :  인사말 */
  /* EOD : 교육원 소개 */
  /* 훈련 안내 */
  /* 고용보험 환급제도 */
  .refuBox {
    padding: 30px 10px
  }
  .refu_circle {
    width: 100px;
    height: 100px;
    font-size: 16px
  }
  .refu_list>li {
    padding: 0 10px
  }
  .refu_list .txt {
    font-size: 14px
  }
  /* EOD : 고용보험 환급제도 */
  /* 훈련비 환급방법 & 훈련 진행절차 */
  /* EOD : 훈련비 환급방법 & 훈련 진행절차 */
  /* 국민내일배움카드 */
  .next_cardBox>div.icon {
    padding: 0 15px
  }
  /* EOD : 국민내일배움카드 */
  /* EOD : 훈련 안내 */
  /* 훈련 과정 */
  /* 원격 훈련과정 */
  /* 목록 */
  .process_listBox .thumBox:hover .imgBox {
    top: 0
  }
  .process_listBox .thumBox .imgBox {
    position: static;
    height: 160px;
  }
  .process_listBox .thumBox .contentBox, .process_listBox .thumBox:hover .contentBox {
    position: static
  }
  .process_listBox .thumBox .btn_like, .process_listBox .thumBox:hover .btn_like {
    top: 140px;
  }
  .process_listBox .thumBox .contentBox {
    display: block;
    padding: 20px 10px
  }
  .process_listBox .thumBox .contentBox .thum_tit {
    font-size: 18px;
    min-height: 48px;
    max-height: 48px
  }
  .process_listBox .thumBox .thum_date>ul>li {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
  }
  .process_listBox .thumBox .thum_tag>ul>li span {
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .process_listBox .serviceBox {
    display: none
  }
  /* EOD : 목록 */
  /* 상세 */
  .lectureBox {
    flex-direction: column;
  }
  .lectureBoxL {
    width: 100%;
    margin: 0;
  }
  .lectureBoxR .listBtnBox {
    display: none
  }
  .lectureBoxR .lectureInfoT .tit {
    font-size: 30px
  }
  .lectureB {
    display: block;
    margin: 40px 0 0;
  }
  .lectureB .lectureContent {
    display: block
  }
  .lectureB .lectureContentIn {
    margin: 0
  }
  .lectureDeInfo .table_hori {
    display: none
  }
  .lectureDeInfo {
    display: block;
    width: 100%
  }
  .lecture_mob_btnBox {
    position: relative;
    margin: 15px 0 30px;
    min-height: 50px;
  }
  .lecture_mob_btnBox .Apply_btnBox {
    margin: 0 157px 0 0
  }
  .lecture_mob_btnBox .Apply_btnBox .btn_m_blue_gra {
    width: 100%;
    padding: 0;
    margin: 0
  }
  .lecture_mob_btnBox .btn_m_black {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 40px;
    margin: 0
  }
  /* EOD : 상세 */
  /* EOD :  원격 훈련과정 */
  /* EOD : 훈련과정 */
  /* 고객지원센터  */
  /* EOD : 고객지원센터  */
  /* 마이페이지 */
  /* 마이 홈 */
  .processSliderBox {
    min-height: auto
  }
  .sub_content>ul>li {
    width: 100%
  }
  .sub_contentBox .list_area {
    min-height: auto
  }
  .myH_Status .circle {
    width: 90px;
    height: 90px
  }
  .myH_Status .circleIn .txt {
    font-size: 13px;
    margin: 10px 0 0
  }
  .myH_Status .circle.color04:before, .myH_Status .circle.color05:before {
    display: none
  }
  /* EOD : 마이 홈 */
  /* 나의 학습 */
  .ThumBox .dayBox {
    font-size: 13px;
  }
  .ThumBox .likeBox {
    display: none
  }
  .table_detail tr.detail .ThumBox .infoBox {
    margin: 0
  }
  .table_detail tr.detail .ThumBox .txtBox, .table_detail tr.detail .ThumBox .tag {
    margin: 0 0 0 70px
  }
  .ThumBox .infoBox.vertical, .ThumBox .infoBox.vertical .txtBox {
    display: block;
  }
  /* 차수 팝업 */
  .windowPopBox .lectureBoxR {
    margin: 280px 0 0
  }
  /* EOD : 차수 팝업 */
  /* EOD : 나의 학습 */
  /* 학습메모/북마크 */
  .Listinfo {
    font-size: 14px
  }
  .Listinfo>li {
    margin: 5px 0 0
  }
  /* EOD : 학습메모/북마크 */
  /* 나의 설문 */
  .list_survey .surveyHeader {
    font-size: 18px;
  }
  /* EOD : 나의 설문 */
  /* 훈련비 결제내역 */
  .content_Listed {
    flex-direction: column;
  }
  .content_Listed>li {
    padding: 5px 20px;
    border: none;
  }
  /* EDO :  훈련비 결제내역 */
  /* EOD :  마이페이지 */
  /* 강의실 */
  /* EOD : 강의실 */
  /* Membership */
  /* 강사 신청 */
  /*  심사중 & 심사완료 */
  .ms_procees>ul {
    margin: 0 0 0 -50px
  }
  .ms_procees>ul>li {
    margin: 0 0 0 50px
  }
  .ms_Circle {
    width: 148px;
    height: 148px
  }
  .ms_Circle .txt {
    font-size: 16px;
    margin: 15px 0 0
  }
  .ms_txtBox {
    margin: 50px 0 0
  }
  /* EOD :  심사중 & 심사완료 */
  /* EOD : 강사 신청 */
  /* EOD : Membership */
  /* 원격지원서비스 */
  .remote_bg {
    margin: 80px 0 0 0;
  }
  .remote_bg:before {
    left: 0;
    width: 190px;
    background-size: 100% auto;
    bottom: -210px;
  }
  .remote_bg:after {
    width: 197px;
    background-size: 100% auto;
    bottom: -200px;
  }
  .remote_bg .remote_line01 {
    left: 150px;
    right: 141px;
  }
  .remote_bg .remote_line02 {
    left: 157px;
    right: 134px;
  }
  /* EOD : 원격지원서비스 */
  /* 통합검색 */
  .search_wrap {
    padding: 40px 0 0;
    margin: 0 20px;
  }
  .search_wrap .search_top {
    padding: 20px 15px 15px;
  }
  .search_wrap .search_top .search_total {
    font-size: 14px;
  }
  .search_wrap .search_top .t {
    margin-right: 15px;
    font-size: 14px;
  }
  .search_wrap .search_top .selectBox {
    max-width: 150px;
  }
  .search_wrap .search_top .istyle {
    width: calc(100% - 36px - 80px);
    max-width: none;
    margin-top: 10px;
  }
  .search_wrap .search_top .btn_s_blue {
    margin-top: 10px;
  }
  .search_wrap .search_result {
    margin-top: 30px;
  }
  .search_wrap .search_list {
    margin-top: 30px;
  }
  .search_wrap .search_list .tabBox.active {
    margin-top: 30px;
  }
  .search_wrap .search_list .tabBox.active+.tabBox.active {
    margin-top: 40px;
  }
  .search_wrap .search_result .tit-h3 {
    font-size: 20px;
  }
  .search_wrap .search_result .tit-h3 .cnt {
    font-size: 14px
  }
  /* EOD : 통합검색 */
  /*20240123수정*/
.lecture_mob_btnBox .Apply_btnBox {
    margin: 0;
    display: flex;
    justify-content: center;
}
.lecture_mob_btnBox .Apply_btnBox li{
	width: 100px;
	min-width: 100px;
}
.lecture_mob_btnBox .Apply_btnBox li+li {
	margin-left: 10px;
}
.lectureLayout .btn_white {
    background: #000;
    width: 100%;
    max-width: 100px;
    border-radius: 100px;
    height: 48px;
    display: inline-flex;
    align-items: center;
}
.lectureLayout .icon_play {
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center;
}
.lecture_mob_btnBox .Apply_btnBox .btn_m_blue_gra {
    width: 100%;
    padding: 0;
    margin: 0;
    max-width: 100px;
    font-size: 14px;
}
.lectureLayout .btn_white span{
	color: #fff;
	padding-left: 4px;
}

.lecture_mob_btnBox .btn_m_black {
    position: unset !important;
    margin: 0;
    max-width: 100px;
    padding: 0;
    width: 100%;
    font-size: 14px;
}
.lectureLayout .btn_white .icon_heart {
    display: block;
    position: unset;
    width: 35px;
    height: 35px;
    top: 4px;
    left: 4px;
    line-height: 35px;
    border-radius: 50%;
    background-size: 20px;
    background-color: #fff;
}
.headerLayout{
	height: 70px;
}
.mob_topLayout{
	height: 100%;
}
.mob_topLayout .logo {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    transform: translate(-50%, -50%);
}
.mob_topLayout .logo img {
    max-width: 100%;
    max-height: 70px;
    vertical-align: middle;
    display: inline-block;
    width: 126px;
}
.mob_topLayout .mob_menu {

    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 14px;
    padding: 15px;
    cursor: pointer;
    z-index: 101;
    -webkit-transition: 0.3s;
    transition: 0.3s;

  }

.mob_topLayout .mob_menu .bar:nth-of-type(1) {
    margin-top: 0px;
  }

.mob_topLayout .mob_menu .bar:nth-of-type(3) {
    margin-bottom: 0px;
  }

  .bar {
    position: relative;
    display: block;

    width: 20px;
    height: 1.5px;

    margin: 6px auto;
    background-color: #317abe;

    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
/*20240123수정*/
}
@media only all and (max-width: 1000px) {
  /* tablet */
  /* 메인 */
  /*20240401*/
.main_contentLayout {
  margin: 60px 0 70px
}
/*20240401*/
.main_contentLayout_theme4 {
  margin: 30px 0 70px !important;
}
}

@media only all and (max-width:640px) {
	/*20240123 수정*/
.topLayout02 .learnInfoR{
	width: 100%;
    justify-content: center;
    margin-top: 30px;
}
.topLayout02 .learnInfoR .btn_learning {
    width: 245px;
    }
    /*20240123 수정*/
  /* mobile */
  .process_content .content_wrap, .notice_content .content_wrap, .intro_content .content_wrap, .main-layer {
    margin: 0 15px
  }
  /*20240401*/
  /*.main_contentLayout {
    margin: 20px 0 36px
  }*/
   /*20240401*/
  .content_menuBox {
    position: static
  }
  .content_menu {
    height: auto
  }
  .content_menu .familysite {
    float: none;
    width: 100%;
    padding-top: 30px;
    height: 80px
  }
  .content_menu .familysite .t {
    top: 12px;
    left: 15px;
  }
  .content_menu .familysite .pagination {
    top: 12px;
  }
  .content_menu .familysite .logo_slider {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: 80px;
  }
  .content_menu>ul {
    float: none;
    width: 100%;
    height: 100px;
    display: table;
    table-layout: fixed;
  }
  .content_menu>ul>li {
    width: auto;
    display: table-cell;
    text-align: center;
    float: none;
    vertical-align: middle;
  }
  .content_menu>ul>li p {
    font-size: 13px
  }
  .content_menu>ul>li>a {
    display: block;
    text-align: center
  }
  .content_menu>ul>li>a:hover {
    background-color: transparent;
  }
  .content_menu .logo_slider a {
    max-width: 210px;
    font-size: 20px;
  }
  .content_menuBoxIn:before {
    right: 0;
    width: 100%
  }
  .content_menu .ico_chart, .content_menu .ico_lecture, .content_menu .ico_book_heart, .content_menu .ico_book_question, .content_menu .ico_certi {
    width: 30px;
    height: 30px
  }
  .content_menu .ico_chart {
    background: url("../../../images/template9/resp/default/icon/icon_content_menu_mob.png") no-repeat 0 0
  }
  .content_menu .ico_lecture {
    background: url("../../../images/template9/resp/default/icon/icon_content_menu_mob.png") no-repeat -30px 0;
  }
  .content_menu .ico_book_heart {
    background: url("../../../images/template9/resp/default/icon/icon_content_menu_mob.png") no-repeat -60px 0;
  }
  .content_menu .ico_book_question {
    background: url("../../../images/template9/resp/default/icon/icon_content_menu_mob.png") no-repeat -90px 0;
  }
  .content_menu .ico_certi {
    background: url("../../../images/template9/resp/default/icon/icon_content_menu_mob.png") no-repeat -120px 0;
  }
  .process_content {
    padding: 0 0 20px
  }
  .process_content .tit_area {
    margin: 30px 0 0
  }
  .process_content .ProcessBox .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    margin: 0;
    left: 0
  }
  .mainBanner .slick-prev {
    left: 10px;
    margin: -25px 0 0
  }
  .mainBanner .slick-next {
    left: auto;
    right: 10px;
    margin: -25px 0 0
  }
  .mainBannerBox .pagination {
    position: static;
    background: #f5f7f9;
    height: 32px;
    overflow: hidden;
    top: 0;
    margin: 0
  }
  .mainBannerBox .paginationIn .main_paging {
    position: static;
    display: inline-block !important;
    vertical-align: middle;
    margin: 4px 2px 0 0
  }
  .mainBannerBox .paginationIn .controlBox {
    position: static;
    display: inline-block;
    vertical-align: middle
  }
  .main_Pop_wrap {
    top: 50px;
    margin: 0;
    left: 0;
    right: 0
  }
  .main_Pop_area>ul>li {
    margin: 10px 0 0
  }
  /* .main_Pop {width: 100% !important; max-height: none; top: 0 !important; left: 0 !important;} */
  .main_Pop {
    width: 100% !important;
    max-height: none;
  }
  .main_Pop.window {
    margin: 0;
  }
  /* .main_Pop_area .main_Pop {max-width:none; padding-bottom: 0;} */
  .main_Pop_area .main_Pop {
    padding-bottom: 0;
    position: inherit;
    max-width: 90%
  }
  .main_Pop .main_PopH {
    font-size: 18px;
    padding: 15px 50px 15px 30px
  }
  .main_Pop .main_PopC a {
    text-align: center
  }
  .main_Pop .main_PopC img {
    display: inline-block
  }
  .main_Pop .main_PopC p {
    font-size: 14px;
    margin: 0 0 15px
  }
  .main_Pop .main_PopC p:first-child {
    margin: 0
  }
  .notice_content {
    margin: 0 0 40px
  }
  .notice_content .content_wrap>ul>li {
    float: none;
    width: 100%;
    margin: 30px 0 0
  }
  .customerBox {
    height: auto
  }
  .customerBoxIn {
    padding: 20px 0
  }
  .customerBox .imgBox {
    margin: -40px 0 0;
    left: 20px;
  }
  .customerBox .imgBox .icon_tel {
    width: 80px;
    height: 80px;
  }
  .customerBox .txtBox {
    padding: 0 0 0 120px
  }
  .customerBox .txtBox .num {
    font-size: 28px
  }
  .customerBox .txtBox .mail {
    font-size: 13px
  }
  .customerBox .txtBox .time {
    font-size: 13px
  }
  .customerBox .txtBox .time>li {
    float: none;
    display: block;
    margin: 7px 0 0;
    padding: 0
  }
  .customerBox .txtBox .time>li:before {
    display: none
  }
  .ProcessBox {
    display: none
  }
  .ProcessBox_mob {
    display: block;
    margin: 0 15px;
  }
  .ProcessBox_mob .process_listBox>ul>li.no_data {
    margin: 20px 0 0;
    border: 1px solid #d7d7d7;
  }
  .main_notice .tit {
    padding: 13px 0
  }
  .main_notice .tit .date {
    position: static;
    float: left;
    width: 100%;
    margin: 8px 0 0
  }
  .intro_content .tit_area {
    margin: 30px 0 0
  }
  .intro_content:before {
    height: 460px
  }
  .intro_content .process {
    display: block;
  }
  .intro_content .process .process_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    height: 100%;
  }
  .intro_content .process .process_box.mb23 {
    margin-top: 0;
  }
  .intro_content .process .process_box .process_area .process_tit {
    font-size: 18px;
  }
  .intro_content .process .process_box .process_area .process_txt {
    font-size: 15px;
  }
  .intro_slider_navBtn {
    top: auto;
    left: 10px;
    right: 10px;
    bottom: 55px
  }
  .intro_slider_navBtn .prevBtn {
    left: -20px
  }
  .intro_slider_navBtn .nextBtn {
    right: -20px
  }
  .intro_slider_main {
    margin: 0 auto;
  }
  .intro_slider_main .slick-track .slick-slide>div>div>a {
    width: 290px;
    height: 170px;
    margin: 0 auto;
  }
  .intro_slider_main .slick-track .slick-slide>div>div>a img {
    width: 100%
  }
  .intro_slider_main .slick-track .slick-slide>div>div .txtBox {
    position: static;
    left: 0;
    margin: 20px 0 0
  }
  .intro_slider_main .slick-track .slick-slide>div>div .txtBox .tit {
    font-size: 18px
  }
  .intro_slider_main .slick-track .slick-slide>div>div .txtBox a {
    font-size: 14px;
    margin: 10px 0 0
  }
  .intro_slider_mainBox {
    margin: 20px 0 0
  }
  .intro_slider_navBox {
    position: static;
    margin: 20px 10px 0
  }
  .intro_slider_nav {
    width: auto
  }
  .intro_slider_nav .slick-list {
    margin: 0 0 0 -5px
  }
  .intro_slider_nav .slick-slide {
    margin: 0 0 0 5px
  }
  .intro_slider_nav .slick-track .slick-slide>div .imgBox, .intro_slider_nav .slick-track .slick-slide>div .labelBox {
    width: 100%;
    height: 70px
  }
  .intro_slider_nav .slick-track .slick-slide>div .labelBox br {
    display: block
  }
  .intro_slider_nav .slick-track .slick-slide>div .label {
    font-size: 16px;
  }
  .intro_slider_main .slick-track .slick-slide>div>div .txtBox a:after {
    right: -32px
  }
  .intro_slider_main .slick-track .slick-slide>div>div .txtBox a:before {
    right: -32px
  }
  .intro_slider_main .slick-track .slick-slide>div>div .txtBox a:hover:after, .intro_slider_main .slick-track .slick-slide>div>div .txtBox a:hover:before {
    right: -42px
  }
  .main_t_left .main_board_list {
    flex-wrap: wrap;
    padding: 10px;
  }
  .main_t_left .main_board_list li {
    min-width: 50%;
    padding: 20px 0;
  }
  .main_t_left .main_board_list li:nth-child(-n+2) {
    border-bottom: 1px solid #d2d2d2;
  }
  .main_t_left .main_board_list li:nth-child(2) {
    border-right: 0;
  }
  .main_thumbnail_list>ul>li {
    width: 100%;
    padding: 0;
    border: 0;
  }
  .main_thumbnail_cate>ul>li>a {
    padding: 8px 14px;
    font-size: 16px;
  }
  .main_thumbnail_more button {
    font-size: 22px;
    height: 54px;
  }
  .main_bottom_banner_box_btns {
    display: none;
  }
  /* EOD : 메인 */
  /* 교육원 소개 */
  /* 교육기관 소개 */
  /* EOD : 교육기관 소개 */
  /* 인사말 */
  .txt_greeting {
    font-size: 22px
  }
  .greetingBox {
    margin: 20px 0 0
  }
  .greetingBoxL {
    display: block;
    text-align: center;
    width: 100%
  }
  .greetingBoxR {
    display: block;
    padding: 0
  }
  .txt_signature {
    margin: 40px 0 0
  }
  .txt_signature img {
    display: block;
    margin: 5px 0 0
  }
  /* EOD :  인사말 */
  /* 연혁 */
  .historyBox li {
    flex-direction: column;
  }
  .historyBox li:after, .history_txtBoxIn:before, .historyBox li::before {
    display: none;
  }
  .history_year {
    font-size: 36px;
    margin-bottom: 10px;
  }
  .history_txtBoxIn {
    padding-left: 0;
  }
  .history_txtBoxIn .txt {
    font-size: 18px;
  }
  /* EOD : 연혁 */
  .history_txtBoxIn .txt:before {
    top: 3px;
  }
  /* 찾아오시는길 */
  .direction_map_info {
    padding: 10px 20px;
  }
  .direction_map_info .map_data {
    flex-direction: column;
    align-items: stretch;
    font-size: 14px;
  }
  .direction_map_info .map_data>li {
    margin: 5px 0;
  }
  .direction-box li {
    flex-direction: column;
    align-items: start;
  }
  .direction-box .dir-left {
    align-items: center;
  }
  .direction-box .dir-right {
    padding: 10px 5px;
  }
  /* EOD :  찾아오시는길 */
  /* EOD : 교육원 소개 */
  /* 훈련 안내 */
  /* 고용보험 환급제도 */
  .refuBox {
    padding: 40px 20px
  }
  .refu_circle {
    width: 150px;
    height: 150px;
    font-size: 22px
  }
  .refu_arrow {
    width: 50px;
    height: 30px;
    margin: 0;
    background: url("../../../images/template9/resp/default/icon/icon_refu_arrow_mob.png") no-repeat
  }
  .refu_list>li {
    display: block;
    padding: 10px 0
  }
  .refu_list .txt {
    font-size: 14px
  }
  /* EOD : 고용보험 환급제도 */
  /* 훈련비 환급방법 & 훈련 진행절차 */
  .guide_processBox>ul>li, .guide_processBox.type02>ul>li {
    width: 100%
  }
  .guide_processBox li {
    padding: 0;
  }
  .guide_processBox .processBox {
    height: auto
  }
  .guide_processBox .processBox:after {
    display: none
  }
  .guide_processBox>ul>li:last-child .processBox:before {
    display: none
  }
  .guide_processBox .processBoxIn {
    flex-direction: column;
    text-align: left;
    align-items: start;
    padding: 20px;
  }
  .guide_processBox img {
    display: none;
  }
  .guide_processBox .guide_pro_num {
    font-size: 14px;
    margin: 0;
  }
  .guide_processBox .txt_point {
    margin: 10px 0;
  }
  .guide_processBox .txt_content {
    width: 100%;
    padding: 0;
  }
  .guide_processBox.type02 .processBoxIn {
    text-align: left;
    padding: 20px;
    position: relative;
  }
  .guide_processBox.type02 img {
    display: inline-block;
    position: absolute;
    right: 20px;
    bottom: 40px;
    margin: 0;
  }
  .guide_processBox.type03 li {
    padding: 0;
  }
  .guide_processBox.type03 .guide_pro_num .Stxt {
    display: none;
  }
  .guide_processBox.type03 .guide_pro_num {
    font-size: 36px;
  }
  /* EOD : 훈련비 환급방법 & 훈련 진행절차 */
  /* 국민내일배움카드 */
  .next_cardBox {
    display: block
  }
  .next_cardBox>div.icon {
    display: block;
    padding: 15px 0
  }
  /* EOD : 국민내일배움카드 */
  /* 모사답안 처리기준 */
  .next_grayBox {
    padding: 30px 20px;
    margin-left: 0;
  }
  /* EOD : 모사답안 처리기준 */
  /* EOD : 훈련 안내 */
  /* 훈련 과정 */
  /* 훈련 일정 */
  .calender_date {
    text-align: left
  }
  .calender_date p {
    font-size: 20px;
    margin: 0 20px
  }
  .planLinkBox a {
    width: 38px
  }
  .table_normal.cal thead tr th {
    padding: 15px 10px
  }
  .table_normal.cal tbody tr td {
    padding: 20px 0
  }
  .table_normal.cal .dateNo {
    top: 5px;
    right: 5px;
    font-size: 12px
  }
  .fc-toolbar.fc-header-toolbar {
    margin-bottom: 40px !important;
  }
  #calendar .fc-day-grid-event .fc-content .fc-title span {
    padding: 0 3px;
  }
  /* EOD : 훈련 일정 */
  /* 원격 훈련과정 */
  .process_searchBox .typeBox .list, .process_searchBox .typeBox .divi {
    padding: 10px;
  }
  /* 목록 */
  .section_hd .tit {
    font-size: 20px
  }
  .section_hd .sub {
    font-size: 14px
  }
  .inputBox.Full {
    margin-right: 0;
  }
  .process_searchBox .search-comm {
    display: none !important;
  }
  .process_searchBox .search-comm .btn-search-clse {
    display: block;
  }
  .process_searchBox .typeBox .select_list {
    margin: 0
  }
  .process_searchBox .typeBox .list>li {
    align-items: stretch;
    flex-direction: column;
  }
  .process_searchBox .typeBox .select_list>li {
    flex-direction: column;
    width: 100%;
  }
  .process_searchBox .typeBox .select_list .selectBox {
    width: 100%;
    max-width: none;
    margin: 5px 0 0;
  }
  .process_searchBox .typeBox .select_list .selectBox:first-of-type {
    margin-top: 0px;
  }
  .process_searchBox .typeBox .label {
    padding: 0;
    width: 90px;
    line-height: 1.5;
    font-size: 15px;
  }
  .process_searchBox .typeBox .dataBox {
    margin-right: 0;
  }
  .process_searchBox .process_search {
    padding: 0
  }
  .process_searchBox .typeBox .process_search .detail_btn {
    display: none
  }
  .process_searchBox .typeBox .divi>li {
    display: block;
  }
  .process_searchBox .typeBox .divi>li>.area {
    margin-bottom: 10px;
    flex-direction: column;
    align-items: stretch;
  }
  .process_searchBox .typeBox .dataBox .radioList .Box {
    margin: 0 10px 0 0
  }
  .process_searchBox .mobC {
    display: none
  }
  .process_searchBox.active .mobC {
    display: block
  }
  .process_searchBox.active .buttonBox .mobBox .icon_arrow {
    margin: 1px 0 0;
    background: url("../../../images/template9/resp/default/icon/icon_detail_arrow.png") no-repeat 0 0;
  }
  .process_searchBox .buttonBox {
    padding: 10px 0 35px
  }
  .process_searchBox .buttonBox .mobBox {
    display: block;
    margin-bottom: 20px;
    text-align: right;
  }
  .process_searchBox .buttonBox .mobBox .btn_mob_detail {
    display: inline-block;
    width: 120px;
    height: 38px;
    padding: 0;
    color: white;
    font-size: 16px;
    background-color: var(--skin01);
    border: none;
    border-radius: 25px;
  }
  .process_searchBox .buttonBox .mobBox .txt {
    margin: 0 10px 0 0
  }
  .process_searchBox .buttonBox .mobBox .icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("../../../images/template9/resp/default/icon/icon_detail_btn.png") no-repeat
  }
  .process_searchBox.active .buttonBox .mobBox .icon {
    background-position-x: -14px
  }
  .process_listBox>ul {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .process_listBox>ul>li {
    margin: 20px 0 0;
    width: 100%;
  }
  .process_listBox>ul>li.no_data {
    padding: 80px 15px 20px;
    font-size: 20px;
    background-position: center 39%;
    background-size: 30%;
  }
  .process_listBox .serviceBox {
    display: none
  }
  @keyframes size {
    0% {
      padding: 12px 12px 9px;
      padding: 7px 9px 4px 8px
    }
    50% {
      padding: 11px 13px 8px 12px;
      right: 6px;
      margin-top: -4px;
    }
    100% {
      padding: 12px 12px 9px;
      padding: 7px 9px 4px 8px
    }
  }
  /* EOD : 목록 */
  /* 상세 */
  .lectureBoxL .thumBox {
    max-height: 200px;
    min-height: 200px;
  }
  .lectureBoxR .listBtnBox {
    display: none
  }
  .lectureBoxR .lectureInfo {
    margin: 0;
    border: 0
  }
  .lectureBoxR .lectureInfoT .tit {
    font-size: 22px;
    padding-bottom: 20px;
  }
  .lectureBoxR .lectureInfoB {
    font-size: 16px;
    padding-top: 15px;
  }
  .lectureBoxR .lectureInfoB .dataBox .selectBox label {
    font-size: 14px
  }
  .lectureB {
    display: block;
    margin: 40px 0 0;
  }
  .lectureB .lectureContent {
    display: block
  }
  .lectureB .lectureContentIn {
    margin: 0
  }
  .lectureDeInfo .table_hori {
    display: none
  }
  .lectureDeInfo {
    display: block;
    width: 100%
  }
  
  .lecture_mob_btnBox .Apply_btnBox .btn_m_blue_gra {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .lecture_mob_btnBox .btn_m_black {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 30px;
    margin: 0;
  }
  .lecture_grayBox {
    padding: 20px;
    font-size: 15px;
  }
  .lecture_grayBox p {
    margin: 10px 0 0;
    line-height: 1.3
  }
  .list_review .info {
    padding: 8px 18px
  }
  .list_review .info>ul>li {
    font-size: 13px;
  }
  .list_review .contents {
    padding: 15px 18px;
    font-size: 14px
  }
  .list_contents>ul>li>.class {
    width: 72px;
    font-size: 14px;
    font-weight: 400;
    padding: 21px 0
  }
  .list_contents>ul>li>.tit {
    padding: 21px 0
  }
  .list_contents>ul>li>.tit span {
    word-break: break-all;
    font-size: 14px;
    margin: 0 120px 0 20px;
  }
  .list_contents_dpeth .contentsBox {
    padding: 20px
  }
  .list_contents_dpeth .titBox>a {
    padding: 9px 50px 9px 10px
  }
  .list_contents_dpeth .contentsBox ul>li span {
    font-size: 14px;
    line-height: 1.2;
    padding: 0 0 0 14px;
  }
  .list_contents_dpeth .contentsBox ul>li span:before {
    top: 9px
  }
  /* EOD : 상세 */
  /* EOD :  원격훈련과정 */
  /* 혼합훈련과정 */
  /* 상세 */
  .list_study .imgBox {
    width: 98px;
    height: 58px;
    margin: -29px 0 0;
  }
  .list_study .txtBox {
    margin: 15px 30px 15px 115px
  }
  .list_study .txtBox .label {
    font-size: 13px
  }
  .list_study .txtBox .tit {
    font-size: 16px;
    margin: 10px 0 0
  }
  .list_study .txtBox .info {
    font-size: 12px;
    margin: 10px 0 0;
    letter-spacing: -0.2px;
  }
  .list_study .studyBox:after {
    right: 9px
  }
  .list_study .contents {
    padding: 20px 10px
  }
  .training_radio input[type="radio"]+label {
    padding: 5px 10px;
  }
  /* EOD : 상세 */
  /* EOD : 혼합훈련과정 */
  /* 수강신청 팝업 */
  /* EOD : 수강신청 팝업  */
  /* EOD : 훈련과정 */
  /* 고객지원센터 */
  /* faq */
  .faq_list li .faqBox>a, .faq_list li.active .faqBox>a {
    padding: 16px 50px 16px 20px
  }
  .faq_list li .faqBox>a:before {
    left: 0;
    font-size: 16px;
  }
  .faq_list li .faqBox>a:after {
    right: 0;
  }
  .faq_list li .faq_contents {
    padding: 20px 30px 20px 50px
  }
  .faq_list li .faq_contents:after {
    font-size: 16px;
    top: 16px;
  }
  /* EOD : faq */
  /* EOD :  고객지원센터 */
  /* 마이페이지 */
  /* 마이 홈 */
  .processSliderBox {
    min-height: auto
  }
  .processSlider .no_data {
    padding: 65px 15px
  }
  .sub_content>ul>li {
    width: 100%
  }
  .sub_contentBox .listBoxIn {
    padding: 21px 18px
  }
  .sub_contentBox .listBoxIn .txt {
    font-size: 16px
  }
  .sub_contentBox .listBoxIn .txtBox a {
    font-size: 16px;
    max-height: 32px;
  }
  .sub_contentBox .listBoxIn .label_gray, .sub_contentBox .listBoxIn .label_white {
    font-size: 13px;
    padding: 3px 2px;
    margin: -10px 0 0
  }
  .sub_contentBox .list_area {
    min-height: auto
  }
  .myH_chartBox {
    padding: 10px 10px 20px;
  }
  .myH_Chart_Select .selectBox {
    width: 110px
  }
  .myH_Status {
    margin: 0 -15px;
    padding: 20px 15px
  }
  .myH_Status>ul {
    margin: -10px 0 0 -6px
  }
  .myH_Status>ul>li {
    margin: 10px 0 0 6px
  }
  .myH_Status .circle {
    width: 80px;
    height: 80px
  }
  .myH_Status .circleIn .num {
    font-size: 26px
  }
  .myH_Status .circleIn .txt {
    font-size: 13px;
    margin: 6px 0 0
  }
  .myH_Status .circle.color04:before, .myH_Status .circle.color05:before {
    display: none
  }
  .wgBox {
    height: auto;
  }
  .wgBox .txtBox .sub_infoBox {
    margin: 10px 0 0
  }
  .wgBox .txtBox .sub_infoBox .info {
    font-size: 13px
  }
  .wgBox .txtBox .tit {
    margin: 5px 0 0;
    font-size: 16px;
    line-height: 1.2
  }
  .wgBox.type03 {
    height: 150px
  }
  .wgBox.type03:after {
    height: 80px
  }
  .wgBox.type03 .txtBox {
    margin: 0
  }
  .wgBox.type03 .tit, .wgBox.type03 .txtBox>p:first-child {
    margin: 0 0 0 115px;
    min-height: 38px;
    max-height: 38px;
  }
  .wgBox.type03 .sub_infoBox {
    margin: 35px 120px 0 0
  }
  .wgBox.type04:after {
    height: 30px
  }
  .wgBox.type04 .tag {
    max-height: 29px;
    margin: 3px 0 0
  }
  .wgBoxIn {
    padding: 20px
  }
  .wgBoxIn>.tit {
    font-size: 18px
  }
  .wgBox .infoBox {
    margin: 5px 0 0
  }
  .wgBox .infoBox .leftBox .label, .wgBox .infoBox .dateBox .label {
    margin: 0 5px 0 0;
  }
  .wgBox .infoBox .leftBox, .wgBox .infoBox .dateBox {
    float: none;
    font-size: 14px
  }
  .wgBox .infoBox .dateBox {
    margin: 10px 0 0
  }
  .wgBox .progresLabel {
    width: 60px
  }
  /* EOD : 마이 홈 */
  /* 나의 학습 */
  .ThumBox {
    flex-direction: column;
    padding: 0;
  }
  .ThumBox .infoBox {
    margin: 0;
    min-height: auto
  }
  .ThumBox .dayBox {
    font-size: 13px;
    padding: 2px 5px
  }
  .ThumBox .imgBox {
    width: 100%;
    height: 250px;
  }
  .ThumBox .txtBox .label {
    font-size: 13px
  }
  .ThumBox .txtBox .tit {
    margin-top: 10px;
  }
  .ThumBox .tag {
    margin-top: 10px;
  }
  .ThumBox .likeBox {
    display: none
  }
  .table_detail tr.detail td {
    position: relative
  }
  .table_detail tr.detail .ThumBox {
    position: static;
    margin: 10px 0 0
  }
  .table_detail tr.detail .ThumBox .infoBox {
    margin: 0
  }
  .table_detail tr.detail .ThumBox .txtBox, .table_detail tr.detail .ThumBox .tag {
    margin: 0 0 0 30px
  }
  .table_detail tr.detail .ThumBox:before {
    bottom: 0;
  }
  .table_detail tr.detail.first .ThumBox:before {
    top: 0
  }
  .table_detail tr.detail .ThumBox:after {
    width: 12px;
    top: 50px;
    left: 21px
  }
  .table_detail tr.detail.last .ThumBox:before {
    top: 0;
    height: 51px
  }
  .w.table_detail tbody tr.detail td .mobBox {
    margin: 8px 0 0 30px;
  }
  .progressWrap.mob {
    display: table;
    word-break: normal;
  }
  .progressWrap.mob .progressPer {
    display: table-cell;
    padding: 0 15px 0 0
  }
  .progressWrap.mob .progressBar {
    display: table-cell;
    width: 100%;
    font-size: 16px;
    padding: 6px 0 0
  }
  .progressWrap.mob .progressPer .num {
    font-size: 18px
  }
  /* EOD : 나의 학습 */
  /* 학습 창 */
  .learningHeader .title h2 {
    margin: 0 170px 0 20px;
    font-size: 18px;
  }
  .learningHeader .title .title_btnBox a {
    font-size: 16px;
    padding: 0 10px
  }
  .learningHeader .title .title_btnBox a.menu_btn {
    display: none
  }
  .learningBox .infoR .download {
    top: 21px;
  }
  .videoBtnBox {
    position: static
  }
  .learning_menu {
    position: static;
    width: 100%
  }
  .learning_menu_List {
    overflow: hidden;
    height: auto !important
  }
  .learning_menu_Header>li:first-child, .learning_menu_Header>li:before, .learning_menu .icon_close {
    display: none
  }
  .learningBox {
    padding: 20px
  }
  .learningBox .tit {
    font-size: 18px
  }
  .learning_dep2 .tit:before {
    top: 1px
  }
  .learning_dep2 {
    padding: 11px 20px
  }
  .learning_dep2 .tit {
    font-size: 16px
  }
  /* EOD : 학습 창 */
  /* 교재 배송현황 */
  .ThumBox .infoBox.vertical, .ThumBox .infoBox.vertical .txtBox {
    display: block
  }
  /* EOD : 교재 배송현황 */
  /* 나의 설문 */
  .list_survey>ul>li {
    width: 100%;
  }
  .list_survey .surveyHeader {
    padding: 16px 14px
  }
  .list_survey .surveyHeader .tit {
    font-size: 16px
  }
  .list_survey .surveyContent {
    flex-direction: column;
    padding: 19px 14px
  }
  .list_survey .surveyContent .content {
    font-size: 14px;
    max-height: 42px;
  }
  .list_survey .surveyContent .blockTable {
    font-size: 14px;
  }
  .list_survey .surveyContent .blockTable .th {
    padding: 5px 10px 5px 0
  }
  .list_survey .surveyContent .btnBox {
    margin: 15px 0 0
  }
  .list_survey>ul>li.no_data .no_dataBox {
    padding: 80px 15px 20px;
    font-size: 20px;
    background-position: center 39%;
    background-size: 30%;
  }
  .test_label li {
    font-size: 14px
  }
  /* EOD : 나의 설문 */
  /* 훈련비 결제내역 */
  .content_Listed>li {
    flex-wrap: wrap;
  }
  /* EDO :  훈련비 결제내역 */
  /* EOD : 마이페이지 */
  /* 강의실 */
  .score_num {
    font-size: 20px;
  }
  .exam_scoreBox {
    font-size: 16px
  }
  /* EOD : 강의실 */
  /* Membership */
  /* 강사 신청 */
  .tc_terms_list .terms_contents {
    padding: 13px 9px;
    font-size: 14px
  }
  .tc_terms_list .table_veti thead tr td {
    font-size: 14px;
    padding: 10px 5px
  }
  .tc_terms_list .table_veti tbody tr td {
    font-size: 14px;
    padding: 10px
  }
  .tc_terms_list .table_veti tbody tr td {
    font-size: 14px;
    padding: 10px 5px
  }
  .tc_terms_list .table_hori tbody tr th, .tc_terms_list .table_hori tbody tr td {
    display: block
  }
  .tc_terms_list .table_hori tbody tr td inputBox {
    margin: 5px 0
  }
  .tc_terms_list .input_bank, .tc_terms_list .input_ac_number {
    width: 110px
  }
  .tc_terms_list .terms_contents textarea {
    height: 48px
  }
  .tc_terms_list .stepBox .btnBox {
    padding: 9px
  }
  .tc_terms_list .stepBox>a {
    padding: 19px 50px 19px 9px
  }
  .tc_terms_list .inputList {
    flex-direction: column;
  }
  .tc_terms_list .inputBox .bootstrap-select {
    max-width: none;
  }
  .tc_terms_list .inputList>li {
    margin-left: 0;
    width: 100%;
  }
  .tc_terms_list .inputList .label {
    width: 40px;
  }
  .tc_terms .txt_default {
    margin: 15px 0
  }
  /* NCS 분류 팝업 */
  .ncsTypeBox {
    display: block;
    border-top: 0;
  }
  .ncsTypeBox .typeBox {
    display: block;
  }
  .ncsTypeBox .tit {
    position: relative;
    height: 30px;
    line-height: 30px;
    border-top: 0;
  }
  .ncsTypeBox .typeBox.active .tit {
    background: linear-gradient(90deg, rgba(13, 127, 96, 1) 8%, rgba(13, 127, 160, 1) 91%);
    color: white
  }
  .ncsTypeBox .list_type {
    border: 0;
    height: auto;
    min-height: 158px;
    max-height: 158px;
    border-right: 1px solid #555;
    border-left: 1px solid #555;
  }
  .ncsTypeBox .list_type a {
    font-size: 14px;
    padding: 13px 20px
  }
  /* EOD : NCS 분류 팝업 */
  /* EOD : 강사 신청 */
  /*  심사중 & 심사완료 */
  .ms_procees {
    margin: 80px 0 0
  }
  .ms_procees>ul {
    margin: 0 0 0 -30px
  }
  .ms_procees>ul>li {
    margin: 0 0 0 30px
  }
  .ms_procees>ul>li:before {
    width: 10px;
    height: 18px;
    margin: -9px 0 0 25px;
  }
  .ms_procees>ul>li.disabled:before {
    background: url("../../../images/template9/resp/default/icon/icon_ms_arrow.png") no-repeat -9px 0
  }
  .ms_Circle {
    width: 88px;
    height: 88px;
    border: 1px solid #555;
  }
  .ms_Circle .txt {
    font-size: 13px;
    margin: 9px 0 0
  }
  .ms_Circle .icon {
    width: 40px;
    height: 35px
  }
  .ms_Circle.type02 .icon, .ms_Circle.type03 .icon {
    height: 34px
  }
  .ms_txtBox {
    margin: 50px 0 0
  }
  /* EOD :  심사중 & 심사완료 */
  /* EOD : Membership */
  /* 원격지원서비스 */
  .remote_wrap .remote-method .box {
    background: none;
  }
  .remote_wrap .remote_txt {
    font-size: 18px;
  }
  /* EOD : 원격지원서비스 */
  /* 통합검색 */
  .search_wrap {
    padding: 30px 0 0;
    margin: 0 15px;
  }
  .search_wrap .search_top {
    padding: 20px 15px 15px;
  }
  .search_wrap .search_top .search_total {
    font-size: 14px;
  }
  .search_wrap .search_top .t {
    margin-right: 15px;
    font-size: 14px;
  }
  .search_wrap .search_top .selectBox {
    max-width: 150px;
  }
  .search_wrap .search_top .istyle {
    width: calc(100% - 36px - 80px);
    max-width: none;
    margin-top: 10px;
  }
  .search_wrap .search_top .btn_s_blue {
    margin-top: 10px;
  }
  .search_wrap .search_result {
    margin-top: 30px;
  }
  .search_wrap .search_list {
    margin-top: 30px;
  }
  .search_wrap .search_list .tabBox.active {
    margin-top: 30px;
  }
  .search_wrap .search_list .tabBox.active+.tabBox.active {
    margin-top: 40px;
  }
  .search_wrap .search_result .tit-h3 {
    font-size: 20px;
  }
  .search_wrap .search_result .tit-h3 .cnt {
    font-size: 14px
  }
  /* .search_wrap .contents_list .no_data {font-size: 16px} */
  .search_wrap .contents_list {
    margin-top: 20px;
    border-top: 1px solid #555;
  }
  .search_wrap .contents_list li {
    padding: 14px 15px;
    line-height: 1;
  }
  .search_wrap .contents_list .no_data {
    padding: 80px 15px 20px;
    font-size: 20px;
    background-position: center 39%;
    background-size: 30%;
  }
  .search_wrap .contents_list li a {
    font-size: 16px;
    white-space: normal;
    text-overflow: unset;
    line-height: 1.3;
  }
  .search_wrap .contents_list .date {
    display: block;
    position: static;
    margin: 8px 0 0 0;
    font-size: 13px;
  }
  /* EOD : 통합검색 */
  /* 나의 문의내역 */
  .date_searchBox .date_searchBoxIn.type02 {
    padding: 10px;
    flex-direction: column;
  }
  .date_searchBox .selectList {
    margin-bottom: 5px;
  }
  .date_searchBoxIn.type02 .selectBox {
    width: 100%;
  }
  .date_searchBox .selectList li:last-of-type {
    margin-right: 0;
  }
}
@media only all and (max-width:500px) {
.remote_wrap .remote-method .box2{
	padding: 45px 35px;
}
}
@media only all and (max-width:420px) {
/*20240123 수정*/
	.lecture_mob_btnBox .Apply_btnBox {
    flex-wrap: wrap;
}
.lecture_mob_btnBox .Apply_btnBox li{
	width: 100px;
    min-width: 100px;
    flex: 1 1 40%;
}
.lecture_mob_btnBox .Apply_btnBox li:nth-of-type(odd){
	margin-right: 15px;
	text-align: right;
}
.lecture_mob_btnBox .Apply_btnBox li+li {
	margin-left: 0;
}
.lecture_mob_btnBox .Apply_btnBox li {
	margin-bottom: 10px;
}

/*20240123 수정*/
  .process_listBox .thumBox {
    height: 292px;
  }
  .process_listBox .thumBox .contentBox {
    height: 172px;
  }
}
a.imp_download_btn:hover {
  color: darkslateblue
}