@charset "utf-8";
.edu_search.open form {
  background: #fff;
  border-color: #333;
  box-shadow: 0 0.1rem 0.8rem rgba(0,0,0,.3)
}

.edu_search .search_word {
  text-align: center;
  margin-top: -1px;
  padding: 3.5%;
}

.edu_search .search_word>p {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 64rem
}

.edu_search.open .search_word input[type=text] {
  background: #f5f5f5
}

.edu_search .search_word input.btn_edusearch {
  position: absolute;
  right: 0;
  border-radius: 0;
}

.edu_search .search_detail {
  display: none;
  padding: 0 5%;
  background: #fff;
}

.edu_search .search_detail ul.chkboxList {
  display: flex;
  flex-wrap: wrap;
  font-size: 0;
  overflow: hidden
}

.edu_search .search_detail ul.chkboxList>li {
  padding: 0.2rem;
  width: 20%;
}

.edu_search .search_detail ul.chkboxList>li input[type=checkbox] {
  opacity: 0;
  position: absolute;
}

.edu_search .search_detail ul.chkboxList>li label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0.8rem 0.5rem;
  height: 100%;
  text-align: center;
  font-size: 1em;
  border: 1px solid rgba(0,0,0,.2);
  background: #fff;
  border-radius: 0.3rem;
  cursor: pointer;
}

/* .edu_search .search_detail ul.chkboxList>li:first-child label{padding:31px 0px} */
.edu_search .search_detail ul.chkboxList>li input:checked+label {
  background: #e43d3d;
  color: #fff
}

.edu_search .search_detail ul.chkboxList.tabKeydown>li {
  position: relative;
}

.edu_search .search_detail ul.chkboxList.tabKeydown>li input {
  opacity: 1;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  z-index: 2;
}

.edu_search .search_detail ul.chkboxList.tabKeydown>li label {
  padding-left: 1.5rem;
}

.edu_search .search_detail ul.chkboxList.tabKeydown>li input:focus+label {
  border-color: #e43d3d;
}

.edu_search .search_detail .search_btnBox {
  text-align: center;
  padding: 4rem 0;
  border-top: 1px solid #ddd
}

.edu_search .search_detail input.btn_edusearch {
  width: 18rem;
  height: 5rem;
  line-height: 4.6rem;
  background-color: #447CFC;
  background-position: 3.5rem 1.5rem;
  font-size: 1.125em
}

.edu_search .tgl {
  position: absolute;
  bottom: -3.8rem;
  left: -0.2rem
}

.edu_search .tgl a {
  display: block;
  padding: 0.5rem 1.6rem 0.7rem 2.2rem;
  height: 3.6rem;
  background: #e5e5e5;
  border-radius: 0 0 0.5rem 1.2rem;
  color: #333;
  transition: all ease .2s
}

.edu_search .tgl a:After {
  display: inline;
  content: ' ▼';
  position: relative;
  margin-left: 0.5rem;
  top: -0.3rem;
  font-size: 1.1rem
}

.edu_search.open .tgl a {
  background: #333;
  color: #fff
}

.edu_search.open .tgl a:After {
  content: ' ▲'
}

.edu_array {
  margin: 5rem 0 1.5rem
}

.edu_array:After {
  display: block;
  content: '';
  clear: both
}

.edu_array .edu_state {
  float: left;
}

.edu_array .edu_state a {
  display: inline-block;
  position: relative;
  padding: 0 5.7rem 0.3rem 1.5rem;
  border: 1px solid #aaa;
  border-radius: 10rem;
  text-decoration: none;
  transition: all ease .2s
}

.edu_array .edu_state.on a {
  padding: 0 1.5rem 0.3rem 5.7rem;
  border-color: #e43d3d;
  color: #e43d3d;
  font-weight: 500
}

.edu_array .edu_state a:after {
  position: absolute;
  margin: auto;
  top: 0.2rem;
  bottom: 0.2rem;
  text-align: center;
  padding: 0 1rem;
  line-height: 2.3rem;
  width: 4.5rem;
  border-radius: 10rem;
  font-size: .875em;
  box-sizing: border-box;
  transition: all ease .2s
}

.edu_array .edu_state.off a:after {
  right: 0.2rem;
  background: #ddd;
  content: 'OFF'
}

.edu_array .edu_state.on a:after {
  left: 0.2rem;
  background: #e43d3d;
  color: #fff;
  content: 'ON'
}

.edu_array .edu_order {
  float: left;
  margin-left: 1rem
}

.edu_array .edu_order>li {
  position: relative;
  float: left;
  padding: 0 1.3rem
}

.edu_array .edu_order>li+li:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 1px;
  height: 1.4rem;
  background: #ddd;
}

.edu_array .edu_order>li a {
  position: relative;
}

.edu_array .edu_order>li.select a {
  padding-right: 1.4rem;
  font-weight: 500;
  color: #222
}

.edu_array .edu_order>li.select a:After {
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: 0.5rem;
  width: 0.5rem;
  height: 0.6rem;
  border: 0 solid #333;
  border-width: 0px 1px 1px 0px;
  transform: rotate(45deg)
}

.edu_array .num {
  position: relative;
  margin-left: 2rem;
  padding-left: 1rem;
  float: right;
}

.edu_array .num::before {
  content: '';
  position: absolute;
  left: 0;
  top: 1.1rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #999
}

.edu_list ul.list {
  display: flex;
  flex-wrap: wrap;
  border-top: 0.2rem solid
}

.edu_list ul.list>li {
  flex-basis: 50%;
  padding: 3.5rem 0.3rem 4rem;
  padding-right: 5%;
  border-bottom: 1px solid #ddd
}

.edu_list ul.list>li p.cate {
  margin-bottom: 0.5rem;
  color: #666;
  font-size: .875em
}

.edu_list ul.list>li p.cate span {
  display: inline-block;
  position: relative;
}

/* .edu_list ul.list>li p.cate span+span{padding-left:10px; margin-left:10px} */
.edu_list ul.list>li p.cate span:after {
  display: inline-block;
  content: '';
  margin: 0 0.5rem;
  width: 1px;
  height: 1.2rem;
  background: #ddd;
}

.edu_list ul.list>li p.cate span:last-child:after {
  display: none;
}

.edu_list ul.list>li p.cate span.dong:before {
  content: '# ';
}

.edu_list ul.list>li p.cate span.dong1 {
  color: red
}

.edu_list ul.list>li p.cate span.dong2 {
  color: orange
}

.edu_list ul.list>li p.cate span.dong3 {
  color: yellow
}

.edu_list ul.list>li p.cate span.dong4 {
  color: green
}

.edu_list ul.list>li p.cate span.dong5 {
  color: blue
}

.edu_list ul.list>li p.cate span.dong6 {
  color: navy
}

.edu_list ul.list>li p.cate span.dong7 {
  color: purple
}

.edu_list ul.list>li p.cate span.dong8 {
  color: violet
}

.edu_list ul.list>li p.cate span.dong9 {
  color: brown
}

.edu_list ul.list>li dl dt {
  color: #222;
  font-size: 1.25em;
  font-weight: 600
}

.edu_list ul.list>li dl dd {
  position: relative;
  margin-top: 2rem;
  padding-bottom: 5.5rem;
  padding-left: 42%;
  min-height: 15rem
}

.edu_list ul.list>li dl dd p.img {
  position: absolute;
  left: 0;
  width: 36%;
  max-width: 25rem;
  max-height: 15rem;
  border-radius: 0.7rem;
  overflow: hidden
}

.edu_list ul.list>li dl dd p.img a img {
  transition: all ease .4s
}

.edu_list ul.list>li dl dd p.img a:hover img {
  transform: scale(1.1)
}

.edu_list ul.list>li dl dd ul.edu_info {
}

.edu_list ul.list>li dl dd ul.edu_info li {
  position: relative;
  padding-left: 1.3rem;
  font-size: .95em
}

.edu_list ul.list>li dl dd ul.edu_info li:before {
  display: block;
  content: '';
  position: absolute;
  top: 1.1rem;
  left: 0;
  width: 0.6rem;
  height: 1px;
  background: #aaa;
}

.edu_list ul.list>li dl dd ul.edu_info li.term {
  font-weight: 500
}

.edu_list ul.list>li dl dd p.edu_btn {
  position: absolute;
  left: 42%;
  width: 58%;
  ;bottom: 0
}

.myBtn {
  position: relative;
  margin: 1rem 0;
  text-align: right;
}

.myBtn>p {
  position: absolute;
  right: 0;
  top: -5rem;
}

.myBtn a.btn_ok {
  background: #e43d3d;
  border-color: rgba(0,0,0,.2);
  border-radius: 0.4rem;
}

/* 교육신청 환불규정 */
.edu_refund {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.7);
  z-index: 9001
}

.edu_refund .close {
  position: absolute;
  right: 2rem;
  top: 2rem;
}

.edu_refund .close a {
  display: block;
  width: 5rem;
  height: 5rem;
  text-indent: -50000px;
}

.edu_refund .close a:before, .edu_refund .close a:after {
  display: block;
  content: '';
  position: absolute;
  left: 10%;
  top: 50%;
  width: 80%;
  height: 0.2rem;
  background: #222;
  transform: rotate(45deg)
}

.edu_refund .close a:after {
  transform: rotate(-45deg)
}

.edu_refund>div {
  position: relative;
  margin: 4% auto;
  padding: 2%;
  max-width: 140rem;
  height: 85%;
  overflow-y: auto;
  background: #fff;
  border: 0.2rem solid #222;
  border-radius: 2rem
}

.edu_refund>div>h4:first-child {
  margin-top: 0
}

.edu_search.fix .search_detail {
  display: block;
}

.edu_search.fix {
  height: auto;
}

.edu_search.fix.open form {
  position: relative;
  border-radius: 1rem;
  box-shadow: none;
  background: #F0F2F8;
}

.edu_search.fix.open .search_word input[type=text] {
  background: #fff;
}

.edu_search.fix .search_detail {
  background: #F0F2F8;
}

.edu_search .search_detail dl {
  padding: 3rem 0;
  border-top: 1px dashed #bbb
}

.edu_search .search_detail dl dt {
  display: none
}

/* 교육강좌 */
.board_list ul.eduList{overflow:hidden;/* padding-top:1px; */display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;border-top: 2px solid #222;}
.board_list ul.eduList:after{display:block; content:''; position:absolute; bottom:0px; width:100%; height:1px; background:#ddd;}
.board_list ul.eduList>li{position:relative;width: 50%;box-sizing:border-box;border-bottom: 1px solid #ddd;padding: 3rem 0 2.7rem 3rem;}
/*.board_list ul.eduList>li:nth-child(odd){padding-right:3%;}
.board_list ul.lecList>li:nth-child(even){padding-left:3%}
.board_list ul.eduList>li:nth-child(even){float:right}
.board_list ul.eduList>li:nth-child(1):after{display:block; content:''; position:absolute; top:-1px; left:0; width:100%; height:0.2rem;background:#333}*/
.board_list ul.lecList>li {flex-shrink: 0; flex-grow: 0; overflow: hidden;}
.board_list ul.lecList>li p.tit {padding-right: 0;}
.board_list ul.eduList>li.close *{color:#888; font-weight:normal}
.board_list ul.eduList>li.close p.tit a{color:#888; font-weight:normal}
.board_list ul.eduList>li>div{padding:3rem 3rem 2.7rem; border-bottom:1px solid #ddd; }
.board_list ul.eduList>li>a{display:flex;justify-content:space-between;/* padding:3rem 3rem 2.7rem; *//* border-bottom:1px solid #ddd; */}
.board_list ul.eduList>li:nth-child(odd)>a{border-right:1px dashed #ddd;}
.board_list ul.eduList>li p.img{display: flex; margin-right:2rem; width:25rem; height: 25rem; background:#f5f5f5 url(/img/edu/noimg-small.png) no-repeat center center; overflow: hidden; }
.board_list ul.eduList>li p.img img{width:100%;}
.board_list ul.eduList>li>a>div{position:relative; width: 100%;}
.board_list ul.eduList>li .edutit{margin-top:1rem; }
.board_list ul.eduList>li p.tit{color:#111; font-size:1.4em; font-weight:bold; display: inline-block;}
.board_list ul.eduList>li p.tit a{color:#333; font-size:1.4em; font-weight:bold;}
.board_list ul.eduList>li p.spot{color:#666;display: inline-block;}
.board_list ul.eduList>li .tag_state{font-size:0.9em;}
.board_list ul.eduList>li ul{overflow:hidden;margin-top: 1.3rem;}
.board_list ul.eduList>li ul>li{position:relative;padding-left:0.8rem;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-size:1.5rem}
.board_list ul.eduList>li ul.col2{display: flex; flex-wrap: wrap; gap: 0 2rem;}
.board_list ul.eduList>li ul.col2>li{flex-basis: calc(50% - 1rem);}
.board_list ul.eduList>li ul>li:after{display:block; content:''; position:absolute; left:0; top:1rem; width:0.3rem; height:0.3rem; background:#5b5b5b;}
.board_list ul.eduList>li ul>li.long{clear:both; float:none; width:100%; }
.board_list ul.eduList>li ul>li .q{display:inline-block; /* width:61px; */ padding-right:1px; text-align:justify; text-align-last:justify;}
.board_list ul.eduList>li .btn_receive {display:inline-block; background-color:var(--main); border-radius:0.4rem; color:#fff; font-weight:500; }

.btn_edusearch{width: 4.4rem;  height: 4.4rem; font-size: 0; border: none; border-radius: 0.6rem; background: #394055 url(/share/images/program/search.png) no-repeat center / 1.9rem;}
.edu_search{position:relative; height:12.3rem}
.edu_search form{position:absolute;width:100%;background:#F0F2F8; border-radius:1rem 1rem 0 0; z-index:1; transition:all ease .2s;}
.edu_search:has(form .search_word:only-child) {height: 8.6rem;}
.edu_search form:has(.search_word:only-child) {border-radius: 1rem;}
.edu_search.open form{background:#fff; border-color:#333; box-shadow:0 0.1rem 0.8rem rgba(0,0,0,.3)}

.edu_search .search_word{text-align:center; margin-top:-1px; padding:2rem;}
.edu_search .search_word>p{display:inline-block; position:relative; width:100%; max-width:64rem}
.edu_search .search_word input[type=text]{padding: 1rem 5.4rem 1rem 1rem; width:100%; height:4.4rem; background:#fff; border:1px solid #C7CDDE; color: #444; font-size:1.6rem; line-height: normal; border-radius: 0.6rem;}
.edu_search.open .search_word input[type=text]{background:#f5f5f5}

.edu_search .search_word input.btn_edusearch{position:absolute; right:0; border-radius:0.6rem;}
.edu_search .search_detail{display:none; padding:0 5%; background:#fff; }
.edu_search .search_detail dl{padding:3rem 0; border-top:1px dashed #bbb}
.edu_search .search_detail dl dt{display:none}
.edu_search .search_detail ul.chkboxList{display:flex; flex-wrap:wrap; font-size:0; overflow:hidden}
.edu_search .search_detail ul.chkboxList>li{padding:0.2rem; width:20%;}
.edu_search .search_detail ul.chkboxList>li input[type=checkbox]{ opacity:0; position:absolute; }
.edu_search .search_detail ul.chkboxList>li label{display:flex; align-items:center; justify-content:center; position:relative; padding:0.8rem 0.5rem; height:100%; text-align:center; font-size:1em; border:1px solid rgba(0,0,0,.2); background:#fff; border-radius:0.3rem; cursor:pointer; }
/* .edu_search .search_detail ul.chkboxList>li:first-child label{padding:31px 0px} */
.edu_search .search_detail ul.chkboxList>li input:checked+label{background:#e43d3d; color:#fff}
.edu_search .search_detail ul.chkboxList.tabKeydown>li {position:relative;}
.edu_search .search_detail ul.chkboxList.tabKeydown>li input {opacity:1; top:50%; left:1rem; transform:translateY(-50%); z-index:2;}
.edu_search .search_detail ul.chkboxList.tabKeydown>li label {padding-left:1.5rem;}
.edu_search .search_detail ul.chkboxList.tabKeydown>li input:focus+label {border-color:#e43d3d;}
.edu_search .search_detail .search_btnBox{text-align:center; padding:4rem 0; border-top:1px solid #ddd}
.edu_search .search_detail input.btn_edusearch{ padding-left: 3rem; width:18rem; height:5rem; line-height:4.6rem; color: #fff; background:#447CFC url(/img/edu/ic_search_edu.png) no-repeat 3.5rem 1.5rem/2.6rem;}
.edu_search .tgl{position:absolute; bottom:-3.6rem; left:-0;}
.edu_search .tgl a{display:block; padding:0.5rem 1.6rem 0.7rem 2.2rem; height:3.6rem; background:#e1e4e9; border-radius:0 0 0.5rem 1.2rem; color:#333; transition:all ease .2s}
.edu_search .tgl a:After{display:inline; content:' ▼'; position:relative; margin-left:0.5rem; top:-0.3rem; font-size:1.1rem}
.edu_search.open .tgl a{background:#333; color:#fff}
.edu_search.open .tgl a:After{content:' ▲'}

.edu_array{margin:5rem 0 1.5rem}
.edu_array:After{display:block; content:''; clear:both}
.edu_array .edu_state{float:left;  }
.edu_array .edu_state a{display:inline-block; position:relative; padding:0 5.7rem 0.3rem 1.5rem; border:1px solid #aaa; border-radius:10rem; text-decoration:none; transition:all ease .2s}
.edu_array .edu_state.on a{padding:0 1.5rem 0.3rem 5.7rem; border-color:#e43d3d; color:#e43d3d; font-weight:500}
.edu_array .edu_state a:after{position:absolute; margin:auto; top:0.2rem; bottom:0.2rem; text-align:center; padding:0 1rem; line-height:2.3rem; width:4.5rem; border-radius:10rem; font-size:.875em; box-sizing:border-box; transition:all ease .2s}
.edu_array .edu_state.off a:after{right:0.2rem; background:#ddd; content:'OFF'}
.edu_array .edu_state.on a:after{left:0.2rem; background:#e43d3d; color:#fff; content:'ON'}
.edu_array .edu_order{float:left; margin-left:1rem}
.edu_array .edu_order>li{position:relative; float:left; padding:0 1.3rem}
.edu_array .edu_order>li+li:before{display:block; content:''; position:absolute; left:0; top:0.6rem; width:1px; height:1.4rem; background:#ddd;}
.edu_array .edu_order>li a{position:relative;}
.edu_array .edu_order>li.select a{padding-right:1.4rem; font-weight:500; color:#222}
.edu_array .edu_order>li.select a:After{display:block; content:''; position:absolute; right:0; top:0.5rem; width:0.5rem; height:0.6rem; border:0 solid #333; border-width:0px 1px 1px 0px; transform:rotate(45deg)}

.edu_list ul.list{display:flex; flex-wrap:wrap; border-top:0.2rem solid}
.edu_list ul.list>li{flex-basis:50%; padding:3.5rem 0.3rem 4rem; padding-right:5%; border-bottom:1px solid #ddd}
.edu_list ul.list>li p.cate{margin-bottom:0.5rem; color:#666; font-size:.875em}
.edu_list ul.list>li p.cate span{display:inline-block; position:relative; }
/* .edu_list ul.list>li p.cate span+span{padding-left:10px; margin-left:10px} */
.edu_list ul.list>li p.cate span:after{display:inline-block; content:''; margin:0 0.5rem; width:1px; height:1.2rem; background:#ddd;}
.edu_list ul.list>li p.cate span:last-child:after{display:none;}
.edu_list ul.list>li p.cate span.dong:before{content:'# ';}
.edu_list ul.list>li p.cate span.dong1{color:red}
.edu_list ul.list>li p.cate span.dong2{color:orange}
.edu_list ul.list>li p.cate span.dong3{color:yellow}
.edu_list ul.list>li p.cate span.dong4{color:green}
.edu_list ul.list>li p.cate span.dong5{color:blue}
.edu_list ul.list>li p.cate span.dong6{color:navy}
.edu_list ul.list>li p.cate span.dong7{color:purple}
.edu_list ul.list>li p.cate span.dong8{color:violet}
.edu_list ul.list>li p.cate span.dong9{color:brown}
.edu_list ul.list>li dl dt{color:#222; font-size:1.25em; font-weight:600}
.edu_list ul.list>li dl dd{position:relative; margin-top:2rem; padding-bottom:5.5rem; padding-left:42%; min-height:15rem}
.edu_list ul.list>li dl dd p.img{position:absolute; left:0; width:36%; max-width:25rem; max-height:15rem; border-radius:0.7rem; overflow:hidden}
.edu_list ul.list>li dl dd p.img a img{transition:all ease .4s}
.edu_list ul.list>li dl dd p.img a:hover img{transform:scale(1.1)}
.edu_list ul.list>li dl dd ul.edu_info{}
.edu_list ul.list>li dl dd ul.edu_info li{position:relative; padding-left:1.3rem; font-size:.95em}
.edu_list ul.list>li dl dd ul.edu_info li:before{display:block; content:''; position:absolute; top:1.1rem; left:0; width:0.6rem; height:1px; background:#aaa;}
.edu_list ul.list>li dl dd ul.edu_info li.term{font-weight:500}
.edu_list ul.list>li dl dd p.edu_btn{position:absolute; left:42%; width:58%; ;bottom:0}
.myBtn{position:relative; margin:1rem 0; text-align:right;}
.myBtn>p{position:absolute; right:0; top:-5rem;}
.myBtn a.btn_ok{background:#e43d3d; border-color:rgba(0,0,0,.2); border-radius:0.4rem;}

/* 교육신청 환불규정 */
.edu_refund{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:9001}
.edu_refund .close{position:absolute; right:2rem; top:2rem; }
.edu_refund .close a{display:block; width:5rem; height:5rem; text-indent:-50000px; }
.edu_refund .close a:before,
.edu_refund .close a:after{display:block; content:''; position:absolute; left:10%; top:50%; width:80%; height:0.2rem; background:#222; transform:rotate(45deg)}
.edu_refund .close a:after{transform:rotate(-45deg)}
.edu_refund>div{position:relative; margin:4% auto; padding:2%; max-width:140rem; height:85%; overflow-y:auto; background:#fff; border:0.2rem solid #222; border-radius:2rem}
.edu_refund>div>h4:first-child{margin-top:0}



@media screen and (max-width:1024px) {
  .board_list ul.eduList>li{width: 100%; padding: 20px 10px !important;}
  .board_list ul.eduList>li:nth-child(odd)>a{border-right:none;}
  .board_list ul.lecList>li {flex-basis: 100%;}
}