@charset "UTF-8";
.mt_60 {
  margin-top: 60px;
}

.board__column.fontSz .item .txtbox .tit .maintit {
  font-size: 18px;
}

/* 탭메뉴 */
.ui-tab_group .ui-tab_content .tab__body.active {
  display: block;
}

.ui-tab_group .ui-tab_content .tab__body {
  display: none;
}

/* 리스트스타일_보더형 */
.hlist__bodo.type3 .obj > .item.long {
  width: 100%;
}

/* s0101 비전·전략 */
.vision_strategy {
  margin: 0 auto;
  text-align: center;
}
.vision_strategy .title {
  display: inline-flex;
  margin-bottom: 20px;
  color: #222;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 9px;
  font-weight: bold;
  font-family: "score-dream-bold";
  text-transform: uppercase;
}
.vision_strategy .vision .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 150px;
  border-radius: 150px;
  background: #F6FAFD;
}
.vision_strategy .vision .inner .txt {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  border-radius: 150px;
  background-color: #fff;
  box-shadow: 0px 10px 20px 0px rgba(0, 87, 167, 0.1);
}
.vision_strategy .vision .inner .txt p {
  margin: 0;
  color: #222;
  font-size: 28px;
  line-height: 1.2;
  font-weight: bold;
  font-family: "score-dream";
}
.vision_strategy .vision .inner .txt p em {
  display: inline-block;
  color: #1A59C0;
  font-weight: bold;
  font-family: "score-dream-heavy";
}
.vision_strategy .goal {
  position: relative;
  margin-top: 78px;
}
.vision_strategy .goal .title {
  position: absolute;
  left: 50%;
  top: -37px;
  transform: translateX(-50%);
  padding: 10px 12px 10px 20px;
  border: 18px solid #fff;
  border-radius: 37px;
  background: #0090AF;
  color: #fff;
}
.vision_strategy .goal .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 30px;
  padding: 35px 20px 27px;
  width: 100%;
  border: 1px solid #DDD;
  border-radius: 150px;
}
.vision_strategy .goal .inner .box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.vision_strategy .goal .inner .box .photo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 118px;
  height: 118px;
  border-radius: 50%;
  background: #F6F6F6;
}
.vision_strategy .goal .inner .box .txt {
  color: #222;
  line-height: 1.2;
  text-align: left;
}
.vision_strategy .strategy {
  margin-top: 60px;
}
.vision_strategy .strategy .con1 {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
}
.vision_strategy .strategy .con1 .box {
  overflow: hidden;
  width: calc(25% - 15px);
  border-radius: 10px;
}
.vision_strategy .strategy .con1 .box .top {
  padding: 18px 20px;
  min-height: 65px;
  background: #ddd;
  color: #fff;
  font-weight: bold;
}
.vision_strategy .strategy .con1 .box .bottom {
  padding: 20px 10px;
  min-height: 220px;
  border: 1px solid #DDD;
  border-top: none;
  border-radius: 0 0 10px 10px;
}
.vision_strategy .strategy .con1 .box .bottom .b_title {
  display: inline-flex;
  padding: 7px 15px;
  border-radius: 30px;
  background: #F6F6F6;
  color: #222;
  font-size: 17px;
  line-height: 1;
  font-weight: bold;
  font-family: "score-dream";
}
.vision_strategy .strategy .con1 .box .bottom .b_txt {
  margin-top: 18px;
}
.vision_strategy .strategy .con1 .box .bottom .b_txt ul {
  margin: 0;
  font-size: 17px;
  line-height: 1.2;
}
.vision_strategy .strategy .con1 .box .bottom .b_txt ul li:not(:last-child) {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ddd;
}
.vision_strategy .strategy .con1 .box:nth-child(1) .top {
  background: #0F2F82;
}
.vision_strategy .strategy .con1 .box:nth-child(2) .top {
  background: #1A88BF;
}
.vision_strategy .strategy .con1 .box:nth-child(3) .top {
  background: #2152B5;
}
.vision_strategy .strategy .con1 .box:nth-child(4) .top {
  background: #1887A5;
}
.vision_strategy .strategy .con2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  padding: 65px 20px;
  width: 100%;
  background: #F6FAFD;
}
.vision_strategy .strategy .con2 .title {
  letter-spacing: normal;
  font-family: "score-dream-bold";
}
.vision_strategy .strategy .con2 .circle_wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.vision_strategy .strategy .con2 .circle_wrap .circle {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 35px;
  width: 250px;
  height: 250px;
  border: 1px solid #2392D2;
}
.vision_strategy .strategy .con2 .circle_wrap .circle .icon {
  margin-bottom: 34px;
}
.vision_strategy .strategy .con2 .circle_wrap .circle .txt {
  color: #222;
}
.vision_strategy .strategy .con2 .circle_wrap .circle .txt p {
  color: #222;
}
.vision_strategy .strategy .con2 .circle_wrap .circle + .circle {
  margin-left: -40px;
}
.vision_strategy .strategy .con2 .circle_wrap .circle:nth-child(odd) {
  background: #fff;
}
.vision_strategy .strategy .con2 .circle_wrap .circle:nth-child(even) {
  background: #2392D2;
}
.vision_strategy .strategy .con2 .circle_wrap .circle:nth-child(even) .txt {
  color: #fff;
}
.vision_strategy .strategy .con2 .circle_wrap .circle:nth-child(even) .txt p {
  color: #fff;
}

@media (max-width: 1400px) and (min-width: 1279px) {
  .vision_strategy .strategy .con1 {
    gap: 20px;
  }
  .vision_strategy .strategy .con1 .box {
    width: calc(50% - 10px);
  }
  .vision_strategy .strategy .con2 .circle_wrap {
    position: relative;
    width: 460px;
    height: 460px;
  }
  .vision_strategy .strategy .con2 .circle_wrap .circle {
    position: absolute;
  }
  .vision_strategy .strategy .con2 .circle_wrap .circle:nth-child(1) {
    left: 0;
    top: 0;
  }
  .vision_strategy .strategy .con2 .circle_wrap .circle:nth-child(2) {
    right: 0;
    top: 0;
  }
  .vision_strategy .strategy .con2 .circle_wrap .circle:nth-child(3) {
    left: 0;
    bottom: 0;
  }
  .vision_strategy .strategy .con2 .circle_wrap .circle:nth-child(4) {
    right: 0;
    bottom: 0;
  }
  .vision_strategy .strategy .con2 .circle_wrap .circle + .circle {
    margin-left: 0;
  }
  .vision_strategy .goal .inner {
    gap: 50px;
  }
  .vision_strategy .goal .inner .box {
    flex-direction: column;
  }
  .vision_strategy .goal .inner .box .txt {
    text-align: center;
  }
}
@media (max-width: 1035px) {
  .vision_strategy .strategy .con1 {
    gap: 20px;
  }
  .vision_strategy .strategy .con1 .box {
    width: calc(50% - 10px);
  }
  .vision_strategy .strategy .con1 .box .bottom {
    min-height: auto;
  }
  .vision_strategy .strategy .con2 {
    margin-top: 60px;
  }
  .vision_strategy .strategy .con2 .circle_wrap {
    position: relative;
    width: 460px;
    height: 460px;
  }
  .vision_strategy .strategy .con2 .circle_wrap .circle {
    position: absolute;
  }
  .vision_strategy .strategy .con2 .circle_wrap .circle:nth-child(1) {
    left: 0;
    top: 0;
  }
  .vision_strategy .strategy .con2 .circle_wrap .circle:nth-child(2) {
    right: 0;
    top: 0;
  }
  .vision_strategy .strategy .con2 .circle_wrap .circle:nth-child(3) {
    left: 0;
    bottom: 0;
  }
  .vision_strategy .strategy .con2 .circle_wrap .circle:nth-child(4) {
    right: 0;
    bottom: 0;
  }
  .vision_strategy .strategy .con2 .circle_wrap .circle + .circle {
    margin-left: 0;
  }
  .vision_strategy .goal .inner {
    gap: 50px;
  }
  .vision_strategy .goal .inner .box {
    flex-direction: column;
  }
  .vision_strategy .goal .inner .box .txt {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .vision_strategy .vision .inner .txt p {
    font-size: 24px;
  }
  .vision_strategy .goal .inner {
    gap: 10px;
    border-radius: 50px;
  }
  .vision_strategy .goal .inner .box {
    width: 100%;
  }
  .vision_strategy .goal .inner .box .photo {
    display: none;
  }
  .vision_strategy .goal .inner .box .txt {
    padding: 20px 30px;
    width: 100%;
    border-radius: 30px;
    background: #F6F6F6;
    text-align: center;
  }
  .vision_strategy .goal .inner .box .txt br {
    display: none;
  }
  .vision_strategy .strategy .con1 .box {
    width: 100%;
  }
}
@media (max-width: 590px) {
  .vision_strategy .vision .inner .txt {
    border-radius: 100px;
  }
  .vision_strategy .vision .inner .txt p {
    font-size: 21px;
  }
  .vision_strategy .strategy .con2 .circle_wrap {
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .vision_strategy .strategy .con2 .circle_wrap .circle {
    position: relative;
  }
  .vision_strategy .strategy .con2 .circle_wrap .circle + .circle {
    margin-top: -40px;
  }
}
/* s0101 비전·전략 End */
/* s0102 브랜드 */
.brand .egg {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  margin-top: 180px;
  padding: 192px 20px 67px;
  background: #F6FAFD;
  text-align: center;
}
.brand .egg .egg_logo {
  position: absolute;
  left: 50%;
  top: -142.5px;
  transform: translateX(-50%);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 285px;
  height: 285px;
  border-radius: 50%;
  background: #FFF;
  box-shadow: 0px 10px 20px 0px rgba(0, 87, 167, 0.1);
}
.brand .egg .inner {
  width: 100%;
}
.brand .egg .inner .title {
  color: #222;
  font-size: 30px;
  line-height: 1;
  font-weight: bold;
  font-family: "score-dream-bold";
}
.brand .egg .inner p {
  margin-top: 18px;
  color: #555;
  font-size: 18px;
  font-family: "score-dream";
}
.brand .egg .inner p em {
  font-family: "score-dream-bold";
}
.brand .egg .inner p em:nth-child(1) {
  color: #2392D2;
}
.brand .egg .inner p em:nth-child(2) {
  color: #2152B5;
}
.brand .egg .inner p em:nth-child(3) {
  color: #1887A5;
}
.brand .egg .inner .box_wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 30px;
  margin-top: 45px;
}
.brand .egg .inner .box_wrap::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% + 40px);
  height: 8px;
  background: #EBF4FB;
}
.brand .egg .inner .box_wrap .box {
  z-index: 2;
  padding: 60px 20px 45px;
  width: 250px;
  height: 230px;
  border-radius: 10px;
  background: #fff;
}
.brand .egg .inner .box_wrap .box p {
  margin: 0;
  line-height: 1;
}
.brand .egg .inner .box_wrap .box .title {
  margin-bottom: 28px;
  font-size: 30px;
  font-weight: bold;
  font-family: "score-dream-bold";
}
.brand .egg .inner .box_wrap .box .subtitle {
  color: #222;
  font-size: 18px;
  font-weight: bold;
}
.brand .egg .inner .box_wrap .box .txt {
  margin-top: 9px;
  color: #666;
  font-size: 17px;
  line-height: 1.2;
}
.brand .egg .inner .box_wrap .box:nth-child(1) {
  border: 2px solid #2392D2;
}
.brand .egg .inner .box_wrap .box:nth-child(1) .title {
  color: #2392D2;
}
.brand .egg .inner .box_wrap .box:nth-child(2) {
  border: 2px solid #2152B5;
}
.brand .egg .inner .box_wrap .box:nth-child(2) .title {
  color: #2152B5;
}
.brand .egg .inner .box_wrap .box:nth-child(3) {
  border: 2px solid #1887A5;
}
.brand .egg .inner .box_wrap .box:nth-child(3) .title {
  color: #1887A5;
}

@media (max-width: 1325px) and (min-width: 1279px) {
  .brand .egg .inner .box_wrap .box {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 980px) {
  .brand .egg .inner .box_wrap .box {
    width: calc(33.33% - 20px);
    padding: 40px 20px;
  }
}
@media (max-width: 767px) {
  .brand .egg .inner .box_wrap {
    gap: 20px 0;
  }
  .brand .egg .inner .box_wrap::before {
    display: none;
  }
  .brand .egg .inner .box_wrap .box {
    width: 100%;
  }
  .brand .egg .inner .box_wrap .box {
    padding: 30px;
    height: auto;
  }
  .brand .egg .inner .box_wrap .box .txt br {
    display: none;
  }
}
/* s0102 브랜드 End */
/* s0103 연혁 */
.history {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  padding-bottom: 288px;
  background: linear-gradient(360deg, #f5f8fb, #fff);
}
.history::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 387px;
  background: url(/lly/images/lly/content/sub01/sub0103_historyimg01.png) center/cover no-repeat;
}
.history .top {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  width: 174px;
  height: 174px;
  border-radius: 50%;
  background: #E6EBF4;
}
.history .top::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -33px;
  z-index: 2;
  transform: translateX(-50%);
  width: 1px;
  height: 45px;
  background: #5C7DA0;
}
.history .top .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #00318F;
}
.history .top .inner .subtitle {
  opacity: 0.7;
  color: #FFF;
  font-size: 17px;
  line-height: 1;
  letter-spacing: 4.32px;
  font-family: "score-dream";
  text-transform: uppercase;
}
.history .top .inner .title {
  color: #FFF;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -1.68px;
  font-weight: bold;
  font-family: "score-dream";
}
.history .middle {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 0 45px;
  width: 100%;
}
.history .middle::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background: #C5D9E7;
}
.history .middle .item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: flex-end;
  width: 100%;
}
.history .middle .item .inner {
  position: relative;
  padding: 0 0 0 90px;
  width: 50%;
}
.history .middle .item .inner::before {
  content: "";
  position: absolute;
  left: -6.5px;
  top: 11px;
  z-index: 3;
  width: 7px;
  height: 7px;
  border: 3px solid #1959BF;
  border-radius: 50%;
  background: #fff;
}
.history .middle .item .inner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 45px;
  height: 1px;
  background: #C5D9E7;
}
.history .middle .item .inner.first::after {
  z-index: 2;
  background: #5C7DA0;
}
.history .middle .item .inner .year {
  margin-bottom: 16px;
  color: #1959BF;
  font-size: 30px;
  line-height: 1;
  letter-spacing: -0.75px;
  font-weight: bold;
}
.history .middle .item .inner .con ul {
  min-height: 70px;
}
.history .middle .item .inner .con ul li {
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 0 73px;
  font-size: 17px;
  line-height: 1.7;
}
.history .middle .item .inner .con ul li em {
  position: absolute;
  left: 0;
  top: 5px;
  color: #222;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.45px;
  font-weight: bold;
}
.history .middle .item.left {
  align-content: flex-start;
}
.history .middle .item.left .inner {
  padding: 0 90px 0 0;
  text-align: end;
}
.history .middle .item.left .inner::before {
  left: auto;
  right: -6.5px;
}
.history .middle .item.left .inner::after {
  left: auto;
  right: 0;
}
.history .middle .item.left .inner .con ul li {
  padding: 0 73px 0 0;
  text-align: end;
}
.history .middle .item.left .inner .con ul li em {
  left: auto;
  right: 0;
}
.history .bottom {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
.history .bottom .cicle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #7486A0;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -1.44px;
  font-weight: bold;
}
.history .bottom p {
  text-align: center;
}

@media (max-width: 1500px) {
  .history .middle {
    padding: 0 10px;
  }
}
@media (max-width: 850px) {
  .history .top::after {
    display: none;
  }
  .history .middle::before {
    display: none;
  }
  .history .middle .item {
    align-content: center;
  }
  .history .middle .item .inner {
    display: block;
    padding: 0;
    width: 90%;
  }
  .history .middle .item .inner .year {
    text-align: center;
  }
  .history .middle .item .inner .con ul {
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 10px;
    background: #fff;
  }
  .history .middle .item .inner .con ul li {
    padding: 0;
    padding: 0 0 0 65px;
  }
  .history .middle .item .inner .con ul li em {
    left: 0;
    top: 0;
  }
  .history .middle .item.left {
    align-content: center;
  }
  .history .middle .item.left .inner {
    padding: 0;
  }
  .history .middle .item.left .inner .con ul li {
    padding: 0;
    padding: 0 0 0 65px;
    text-align: left;
  }
  .history .middle .item.left .inner .con ul li em {
    left: 0;
    right: auto;
  }
  .history .middle .item .inner::before {
    display: none;
  }
  .history .middle .item .inner::after {
    left: 50%;
    top: -30px;
    transform: translateX(-50%);
    width: 1px;
    height: 30px;
  }
  .history .middle .item.left .inner::before {
    display: none;
  }
  .history .middle .item.left .inner::after {
    left: 50%;
  }
  .history .bottom .cicle {
    position: relative;
  }
  .history .bottom .cicle::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -30px;
    transform: translateX(-50%);
    width: 1px;
    height: 30px;
    background: #C5D9E7;
  }
}
@media (max-width: 450px) {
  .history .middle .item .inner .con ul li em {
    position: relative;
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }
  .history .middle .item .inner .con ul li {
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
  }
  .history .middle .item.left .inner .con ul li {
    padding: 0;
    text-align: center;
  }
}
/* s0103 연혁 End */
/* s010402 별별 인문학 */
.humanities .content_box .item {
  display: none;
}

.humanities .content_box .item.on {
  display: block;
}

.humanities .tab_box .form-control {
  display: none;
  margin-bottom: 15px;
  padding: 10px 25px;
  height: 50px;
  border: 1px solid #1959BF;
  background: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0.671875L4 6L0 0.671875H8Z' fill='%231959BF'/%3E%3C/svg%3E%0A") 95% 50% no-repeat;
  color: #1959BF;
  font-size: 17px;
  letter-spacing: -0.8px;
}

.humanities .tab_box .form-control option {
  color: #555;
  font-size: 17px;
  letter-spacing: -0.8px;
}

@media (max-width: 767px) {
  .humanities .tab-ul.type3 {
    display: none;
  }
  .humanities .tab_box .form-control {
    display: block;
  }
}
/* s010402 별별 인문학 End */
/* s010502 배움사랑방 */
.learning_room .section01 .box {
  position: relative;
}
.learning_room .section01 .box .title_box {
  padding: 70px 20px 0;
  width: 100%;
  height: 230px;
  border-radius: 30px 30px 0px 0px;
  background: #1959BF;
}
.learning_room .section01 .box .title_box p {
  margin: 0;
  color: #FFF;
  font-size: 30px;
  line-height: 1;
  font-weight: 600;
  font-family: "score-dream";
  text-align: center;
}
.learning_room .section01 .box .con {
  position: absolute;
  left: 50%;
  top: 130px;
  transform: translateX(-50%);
  padding: 70px 20px 20px;
  width: calc(100% - 120px);
  min-height: 500px;
  background: #FFF;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
}
.learning_room .section01 .box .con .txt {
  padding: 20px;
  color: #444;
  font-size: 17px;
  line-height: 1.2;
  text-align: center;
}
.learning_room .section01 .box .bg {
  min-height: 463px;
  background: #F9F9F9;
}
.learning_room .section02 {
  margin-top: 50px;
}
.learning_room .section02 .inner {
  padding: 75px 20px;
  background: #F6FAFD;
}
.learning_room .section02 .inner .txt {
  margin-bottom: 55px;
}
.learning_room .section02 .inner .txt .title {
  color: #00318F;
  font-size: 26px;
  font-weight: 600;
  font-family: "score-dream-bold";
  text-align: center;
}
.learning_room .section02 .inner .txt p {
  color: #444;
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0.16px;
  font-weight: 400;
  text-align: center;
}
.learning_room .section02 .inner .txt p span {
  display: block;
  letter-spacing: 0.18px;
  font-weight: 700;
  text-align: center;
}
.learning_room .section02 .inner .circle_box .sub_title {
  margin: 0;
  color: #222;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  font-family: "score-dream-bold";
  text-align: center;
}
.learning_room .section02 .inner .circle_box span {
  color: #555;
  font-size: 17px;
  line-height: 1;
  font-weight: 500;
  text-align: center;
}
.learning_room .section02 .inner .circle_box .circle_wrap {
  display: flex;
  justify-content: center;
  margin-top: 35px;
}
.learning_room .section02 .inner .circle_box .circle_wrap .circle {
  width: 270px;
  min-height: 370px;
}
.learning_room .section02 .inner .circle_box .circle_wrap .circle .top {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 270px;
  height: 270px;
  border: 1px solid #2392D2;
  border: 1px solid #2392D2;
  border-radius: 50%;
  background: #FFF;
}
.learning_room .section02 .inner .circle_box .circle_wrap .circle .top .ico {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  width: 42px;
  height: 44px;
}
.learning_room .section02 .inner .circle_box .circle_wrap .circle .top p {
  margin: 0 0 10px 0;
  color: #222;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
.learning_room .section02 .inner .circle_box .circle_wrap .circle .top::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -50px;
  transform: translateX(-50%);
  width: 1px;
  height: 50px;
  background: #2392D2;
}
.learning_room .section02 .inner .circle_box .circle_wrap .circle .top::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -50px;
  transform: translateX(-50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2392D2;
}
.learning_room .section02 .inner .circle_box .circle_wrap .circle .bottom {
  margin-top: 63px;
}
.learning_room .section02 .inner .circle_box .circle_wrap .circle .bottom p {
  margin: 0;
  text-align: center;
}
.learning_room .section02 .inner .circle_box .circle_wrap .circle + .circle {
  margin-left: -60px;
}
.learning_room .section02 .inner .circle_box .circle_wrap .circle:nth-child(2) .top {
  background: #2392D2;
}
.learning_room .section02 .inner .circle_box .circle_wrap .circle:nth-child(2) .top p {
  color: #fff;
}
.learning_room .section02 .inner .circle_box .circle_wrap .circle:nth-child(2) .top span {
  color: #fff;
}
.learning_room .hlist__bodo.num .obj .item .inner .number {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: #00318F;
}
.learning_room .hlist__bodo.num .obj .item .inner .number span {
  color: #FFF;
  font-size: 26px;
  font-weight: 700;
  text-align: center;
}
.learning_room .hlist__bodo.num .obj > .item .inner .ui-bodo__summary {
  min-height: 125px;
}
.learning_room .hlist__bodo.num .obj > .item .inner .ui-bodo__summary .text_box p {
  font-size: 17px;
}

.lly_content .preview {
  margin-top: 30px;
  margin-top: 30px;
  padding: 19px 20px;
  border: 1px solid #DBDBDB;
  border-radius: 5px;
  text-align: center;
}

.lly_content .preview strong {
  color: #222;
  font-size: 20px;
  font-weight: bold;
}

@media (max-width: 850px) {
  .learning_room .section02 .inner .circle_box .circle_wrap .circle {
    width: 230px;
  }
  .learning_room .section02 .inner .circle_box .circle_wrap .circle .top {
    width: 230px;
    height: 230px;
  }
  .learning_room .section02 .inner .circle_box .circle_wrap .circle + .circle {
    margin-left: -40px;
  }
}
@media (max-width: 767px) {
  .learning_room .section02 .inner {
    padding: 50px 20px;
  }
  .learning_room .section02 .inner .circle_box .circle_wrap {
    flex-direction: column;
    align-items: center;
    gap: 15px 0;
  }
  .learning_room .section02 .inner .circle_box .circle_wrap .circle {
    padding: 30px 40px;
    width: 380px;
    min-height: 260px;
    border: 1px solid #2392D2;
    border-radius: 20px;
    background: #fff;
  }
  .learning_room .section02 .inner .circle_box .circle_wrap .circle:nth-child(2) {
    background: #2392D2;
  }
  .learning_room .section02 .inner .circle_box .circle_wrap .circle + .circle {
    margin-left: 0;
  }
  .learning_room .section02 .inner .circle_box .circle_wrap .circle .top {
    margin-bottom: 40px;
    width: auto;
    height: auto;
    border: none;
    background: transparent;
  }
  .learning_room .section02 .inner .circle_box .circle_wrap .circle .top::before {
    bottom: -20px;
    width: 100%;
    border-bottom: 1px dashed #ddd;
    background: transparent;
  }
  .learning_room .section02 .inner .circle_box .circle_wrap .circle .top::after {
    display: none;
  }
  .learning_room .section02 .inner .circle_box .circle_wrap .circle:nth-child(2) .top {
    background: transparent;
  }
  .learning_room .section02 .inner .circle_box .circle_wrap .circle .bottom {
    margin-top: 0;
  }
  .learning_room .section02 .inner .circle_box .circle_wrap .circle:nth-child(2) .bottom p {
    color: #fff;
  }
  .learning_room .section01 .box .con {
    top: 110px;
    padding: 50px 10px 10px;
    width: calc(100% - 30px);
    min-height: auto;
  }
  .learning_room .section01 .box .title_box {
    padding: 50px 20px 0;
  }
  .learning_room .section01 .box .title_box p {
    font-size: 28px;
  }
  .learning_room .section01 .box .bg {
    min-height: 380px;
  }
  .learning_room .hlist__bodo.num .obj > .item .inner {
    transform: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    padding: 0;
    padding: 30px 20px;
  }
  .learning_room .hlist__bodo.num .obj .item .inner .number {
    position: relative;
    left: 0;
    top: 0;
    transform: none;
  }
  .learning_room .hlist__bodo.num .obj .item .inner .ui-bodo__summary .text_box {
    margin-top: 15px;
  }
  .learning_room .hlist__bodo.num .obj > .item .inner .ui-bodo__summary {
    min-height: auto;
  }
}
@media (max-width: 490px) {
  .learning_room .section02 .inner .circle_box .circle_wrap .circle {
    padding: 30px 20px;
    width: 100%;
  }
}
/* s010502 배움사랑방 End */
/* s010503 사과나무아카데미 */
.board__column.full .item {
  width: 100%;
}

/* s010503 사과나무아카데미 End */
/* s010601 학습동아리 */
.learning_club {
  margin-bottom: 130px;
}
.learning_club .section_wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  margin-top: 90px;
}
.learning_club .section_wrap .section01 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.learning_club .section_wrap .section01 .title {
  position: relative;
  margin-bottom: 20px;
  color: #1A59C0;
  font-size: 32px;
  line-height: 1;
  font-weight: bold;
  font-family: "score-dream-heavy";
  text-align: center;
}
.learning_club .section_wrap .section01 .title::before {
  content: "";
  position: absolute;
  left: -38px;
  top: -23px;
  width: 22px;
  height: 23px;
  background: url(/lly/images/lly/content/sub01/sub010601_txtdeco.png) center/cover no-repeat;
}
.learning_club .section_wrap .section01 .title::after {
  content: "";
  position: absolute;
  right: -38px;
  top: -23px;
  transform: rotate(180deg);
  width: 22px;
  height: 23px;
  background: url(/lly/images/lly/content/sub01/sub010601_txtdeco.png) center/cover no-repeat;
}
.learning_club .section_wrap .section01 .txt {
  color: #444;
  font-size: 18px;
  line-height: 1.2;
  text-align: center;
}
.learning_club .section_wrap .section02 {
  position: relative;
  top: 0;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 60px;
  padding: 0 120px 0;
  width: 100%;
}
.learning_club .section_wrap .section02::before {
  content: "";
  position: absolute;
  left: 0;
  top: 75px;
  width: 100%;
  min-height: 460px;
  background: #F6FAFD url(/lly/images/lly/content/sub01/sub010601.png) -76px -129px/75% no-repeat;
}
.learning_club .section_wrap .section02 .inner {
  position: relative;
  z-index: 2;
}
.learning_club .section_wrap .section02 .inner .box_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 35px;
  width: 760px;
}
.learning_club .section_wrap .section02 .inner .box_wrap .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 37px 20px 30px;
  width: calc(33.33% - 23.33px);
  height: 200px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 8px 24px 0px rgba(0, 4, 90, 0.1);
}
.learning_club .section_wrap .section02 .inner .box_wrap .box .icon {
  margin-bottom: 23px;
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml,%3Csvg width='200' height='40' viewBox='0 0 200 40' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='200' height='40' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_3493_4953' transform='scale(0.005 0.025)'/%3E%3C/pattern%3E%3Cimage id='image0_3493_4953' width='200' height='40' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAoCAYAAAC7HLUcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM3RDlEOTJEMzdFNTExRUU5Mzk0OTQwMDRENjkwNjUwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM3RDlEOTJFMzdFNTExRUU5Mzk0OTQwMDRENjkwNjUwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzdEOUQ5MkIzN0U1MTFFRTkzOTQ5NDAwNEQ2OTA2NTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzdEOUQ5MkMzN0U1MTFFRTkzOTQ5NDAwNEQ2OTA2NTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4EGdw3AAAUtklEQVR42uxdXWwc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'/%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat;
}
.learning_club .section_wrap .section02 .inner .box_wrap .box .icon.ico01 {
  background-position: 0 0;
}
.learning_club .section_wrap .section02 .inner .box_wrap .box .icon.ico02 {
  background-position: -40px 0;
}
.learning_club .section_wrap .section02 .inner .box_wrap .box .icon.ico03 {
  background-position: -80px 0;
}
.learning_club .section_wrap .section02 .inner .box_wrap .box .icon.ico04 {
  background-position: -120px 0;
}
.learning_club .section_wrap .section02 .inner .box_wrap .box .icon.ico05 {
  background-position: -160px 0;
}
.learning_club .section_wrap .section02 .inner .box_wrap .box p {
  margin: 0;
  margin-bottom: 10px;
  color: #222;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
}
.learning_club .section_wrap .section02 .inner .box_wrap .box span {
  color: #555;
  font-size: 17px;
  line-height: 1.2;
  text-align: center;
}

@media (max-width: 900px) {
  .learning_club .section_wrap .section02 {
    padding: 0 20px 0;
  }
  .learning_club .section_wrap .section02 .inner .box_wrap {
    width: 100%;
  }
  .learning_club .section_wrap .section02::before {
    background: #F6FAFD url(/lly/images/lly/content/sub01/sub010601.png) 125% 105%/138% no-repeat;
  }
}
@media (max-width: 767px) {
  .learning_club {
    margin-bottom: 70px;
  }
  .learning_club .section_wrap .section01 {
    margin-bottom: 40px;
  }
  .learning_club .section_wrap .section02 {
    margin-top: 80px;
  }
  .learning_club .section_wrap .section02 .inner {
    position: relative;
    z-index: 2;
  }
  .learning_club .section_wrap .section02::before {
    top: 50%;
    transform: translateY(-50%);
    padding: 40px 0;
    min-height: 100%;
  }
  .learning_club .section_wrap .section02 .inner .box_wrap {
    gap: 30px 0;
    margin-top: -100px;
  }
  .learning_club .section_wrap .section02 .inner .box_wrap .box {
    padding: 20px 30px;
    width: 100%;
    height: auto;
  }
}
/* s010601 학습동아리 End */
/* s010603 평생학습성과공유 */
.vod_wrap {
  margin: 30px 0 10px;
}

.vod_wrap .vod_box .vod_view {
  line-height: 0;
}

.vod_wrap .subtit {
  padding: 35px 65px;
  border: 1px solid #dcdcdc;
  border-top: 0;
  background: #fbfbfb;
}

.vod_wrap .subtit strong {
  position: relative;
  float: left;
  margin-top: 10px;
  padding-bottom: 20px;
  width: 15%;
  color: #237ab2;
  font-size: 17px;
  font-weight: 700;
}

.vod_wrap .subtit strong:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 45px;
  height: 2px;
  background: #237ab2;
}

.vod_wrap .subtit strong:after {
  content: "";
  position: absolute;
  left: 25px;
  bottom: -8px;
  transform: rotate(315deg);
  width: 15px;
  height: 15px;
  border: 1px solid #237ab2;
  border-width: 0 2px 2px 0;
  background: transparent;
}

.vod_wrap .subtit .subtit_txt {
  float: right;
  padding: 10px;
  width: calc(83% - 10px);
}

.vod_wrap .subtit .subtit_txt .txtwrap {
  overflow-y: scroll;
  width: 100%;
  height: 100px;
}

.vod_wrap .subtit .subtit_txt pre {
  width: 100%;
  font-family: "nsk", "sans-serif";
  white-space: pre-line;
  word-wrap: break-word;
  word-break: keep-all;
}

.vod_wrap .subtit:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
}

@media only screen and (max-width: 767px) {
  .vod_wrap .subtit strong {
    padding-bottom: 0;
  }
  .vod_wrap .subtit strong:before,
  .vod_wrap .subtit strong:after {
    display: none;
  }
  .vod_wrap .subtit strong, .vod_wrap .subtit .subtit_txt {
    float: none;
    width: 100%;
  }
  .vod_wrap .subtit h4 {
    margin-bottom: 15px;
    padding: 0;
    background: none;
  }
  .vod_wrap .subtit {
    padding: 20px;
  }
  .vod_wrap .subtit .subtit_txt {
    margin-top: 15px;
    padding: 0;
  }
}
/* s010603 평생학습성과공유 End */
/* s010604 스튜디오egg */
.studioegg .process_wrap .prc > li {
  min-height: 190px;
}

@media (max-width: 767px) {
  .studioegg .process_wrap .prc > li {
    min-height: auto;
  }
}
/* s020201 신청 안내 */
.aspplication_class .process_wrap .prc.height_custom > li {
  min-height: 170px;
}
.aspplication_class .font_custom {
  color: #00318F;
  font-family: "score-dream-heavy";
}
.aspplication_class .h3_btn {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 25px 0 10px;
}
.aspplication_class .h3_btn .h2 {
  margin: 0;
}
.aspplication_class .h3_btn .h3 {
  margin: 0;
}

@media (max-width: 767px) {
  .aspplication_class .process_wrap .prc > li {
    min-height: auto;
  }
  .aspplication_class .h3_btn {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px 0;
  }
}
/* s0305 생활체육강좌 */
.sports_class .box_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 50px 50px 153px;
  background: url(/lly/images/lly/content/sub03/sport_bg.png) no-repeat center/cover;
}
.sports_class .box_wrap a {
  width: calc(33.33% - 13.33px);
  border-radius: 7px;
  background: #0090AF;
}
.sports_class .box_wrap a:hover .box, .sports_class .box_wrap a:focus .box {
  left: -10px;
  top: -10px;
}
.sports_class .box_wrap a .box {
  position: relative;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 15px;
  width: 100%;
  height: 100%;
  border: 1px solid #EAEBEF;
  border-radius: 5px;
  background: #fff;
  transition: 0.3s ease;
}
.sports_class .box_wrap a .box .title {
  color: #222;
  font-size: 17px;
  letter-spacing: 0.17px;
  font-weight: bold;
  text-align: center;
}
.sports_class .box_wrap a .box .number {
  margin-top: 5px;
  color: #444;
  font-size: 17px;
  line-height: 1.2;
  letter-spacing: 0.15px;
}

@media (max-width: 767px) {
  .sports_class .box_wrap {
    padding: 40px 20px;
  }
  .sports_class .box_wrap a {
    width: calc(50% - 10px);
  }
}
@media (max-width: 500px) {
  .sports_class .box_wrap a {
    width: 100%;
  }
}
/* s0305 생활체육강좌 End */
/* s0501 인사말 */
.greeting {
  position: relative;
}
.greeting::after {
  content: "";
  position: absolute;
  right: -110px;
  top: 150px;
  z-index: -1;
  width: 542px;
  height: 543px;
  background: url(/lly/images/lly/content/sub05/sub0501_bg.png) center/cover no-repeat;
}
.greeting .top .top_img {
  padding-top: 37.256%;
  width: 100%;
  min-height: 200px;
  background: url(/lly/images/lly/content/sub05/sub0501_topimg01.png) center/cover no-repeat;
}
.greeting .top .top_txt {
  position: relative;
  margin-top: 10px;
}
.greeting .top .top_txt::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 15px;
  transform: translateY(-50%);
  width: 52.6%;
  height: 1px;
  background: #D9E4F9;
}
.greeting .top .top_txt span {
  position: relative;
  z-index: 2;
  padding-right: 14px;
  background: #fff;
  color: #C6D5EF;
  font-size: 17px;
  letter-spacing: 6px;
  text-transform: uppercase;
}
.greeting .txt {
  margin-top: 50px;
}
.greeting .txt .sub_title {
  margin-bottom: 10px;
  color: #222;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: -1.4px;
  font-weight: bold;
  font-family: "score-dream";
}
.greeting .txt .title {
  margin-bottom: 40px;
  color: #222;
  font-size: 37px;
  line-height: 1.29;
  letter-spacing: -1.85px;
  font-weight: bold;
  font-family: "score-dream-heavy";
}
.greeting .txt .title em {
  color: #1A59BF;
  font-family: "score-dream-heavy";
}
.greeting .txt .intro {
  margin-bottom: 25px;
  color: #002E78;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.44px;
  font-weight: bold;
}
.greeting .txt p {
  margin: 0 0 30px;
  color: #555;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: -0.36px;
}
.greeting .txt p:last-child {
  margin: 0;
}

@media (max-width: 1370px) and (min-width: 1279px) {
  .greeting .top .top_txt::after {
    display: none;
  }
  .greeting .top .top_txt span {
    background: transparent;
  }
}
@media (max-width: 1020px) {
  .greeting .top .top_txt::after {
    display: none;
  }
  .greeting .top .top_txt span {
    background: transparent;
  }
}
@media (max-width: 767px) {
  .greeting::after {
    right: -130px;
    top: 50px;
    background: url(/lly/images/lly/content/sub05/sub0501_bg.png) center/70% no-repeat;
  }
  .greeting .txt {
    margin-top: 40px;
  }
  .greeting .txt .title {
    font-size: 30px;
  }
  .greeting .top .top_txt span {
    padding-right: 0;
  }
}
@media (max-width: 530px) {
  .greeting .top .top_txt span {
    letter-spacing: 0.03rem;
  }
  .greeting .txt .sub_title {
    font-size: 26px;
    text-align: center;
  }
  .greeting .txt .title {
    font-size: 27px;
    text-align: center;
  }
  .greeting .txt .intro {
    text-align: center;
  }
  .greeting .txt p {
    text-align: center;
  }
}
/* s0501 인사말 End */
/* s0502 조직도 */
.orgContent .tab-inner {
  display: none;
}

.orgContent .tab-inner.active {
  display: block;
}

.organization {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 70px 20px 93px;
  background: #F6FAFD;
  text-align: center;
}
.organization ul {
  position: relative;
}
.organization ul::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -31px;
  transform: translateX(-50%);
  height: 1px;
  background: #C5D9E7;
}
.organization ul li {
  position: relative;
}
.organization ul li::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -31px;
  transform: translateX(-50%);
  width: 1px;
  height: 31px;
  background: #C5D9E7;
}
.organization ul li span {
  display: block;
  padding: 16px 30px;
  width: 230px;
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #222;
  font-size: 17px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
}
.organization .lv01 {
  position: relative;
}
.organization .lv01::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -166px;
  transform: translateX(-50%);
  width: 1px;
  height: 178px;
  background: #C5D9E7;
}
.organization .lv01 .cicle {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  border-radius: 50%;
}
.organization .lv01 .cicle::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 183px;
  height: 183px;
  background: url(/lly/images/lly/content/sub05/organization_top.png) 21px -26px/cover no-repeat;
}
.organization .lv01 .cicle .inner {
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 176px;
  height: 176px;
  border-radius: 50%;
  background: #1A5ABE;
}
.organization .lv01 .cicle .inner::before {
  content: "";
  position: absolute;
  opacity: 0;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: rgba(26, 90, 190, 0.1);
}
.organization .lv01 .cicle .inner p {
  z-index: 2;
  margin: 0;
  color: #FFF;
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  font-family: "score-dream";
  text-align: center;
}
.organization .lv01 .cicle .inner:hover::before, .organization .lv01 .cicle .inner:focus::before {
  opacity: 1;
  animation: tabWave 1.3s ease-in-out infinite both;
}
.organization .lv01 .cicle.active .inner::before {
  opacity: 1;
  animation: tabWave 1.3s ease-in-out infinite both;
}
.organization .lv02 {
  margin-top: 60px;
  width: 100%;
}
.organization .lv02 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 40px;
  margin-left: 270px;
}
.organization .lv02 ul::before {
  width: 271px;
}
.organization .lv02 ul li span {
  color: #FFF;
}
.organization .lv02 ul li:nth-child(1) span {
  border: 2px solid #0090AF;
  background: #0090AF;
  transition: background 0.3s;
}
.organization .lv02 ul li:nth-child(2) span {
  border: 2px solid #545B68;
  background: #545B68;
  transition: background 0.3s;
}
.organization .lv03 {
  margin-top: 60px;
  width: 100%;
}
.organization .lv03 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 40px;
}
.organization .lv03 ul::before {
  width: 541px;
}
.organization .lv03 ul li span {
  border: 1px solid #C5D9E7;
  background: #FFF;
  transition: background 0.3s;
}

.organization .lv02 ul li:nth-child(1).active a span,
.organization .lv02 ul li:nth-child(1) a:hover span,
.organization .lv02 ul li:nth-child(1) a:focus span {
  background: #fff;
  color: #000;
}

.organization .lv02 ul li:nth-child(2).active a span,
.organization .lv02 ul li:nth-child(2) a:hover span,
.organization .lv02 ul li:nth-child(2) a:focus span {
  background: #fff;
  color: #000;
}

.organization .lv03 ul li.active a span,
.organization .lv03 ul li a:hover span,
.organization .lv03 ul li a:focus span {
  background: #C5D9E7;
}

.orgTab_wrap .orgContent {
  margin-top: 30px;
}

@keyframes tabWave {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}
@media (max-width: 950px) {
  .organization ul li span {
    width: 190px;
  }
  .organization .lv02 ul {
    margin-left: 230px;
  }
  .organization .lv02 ul::before {
    width: 231px;
  }
  .organization .lv03 ul::before {
    width: 461px;
  }
}
@media (max-width: 830px) {
  .organization ul li span {
    width: 100%;
  }
  .organization ul li::before {
    display: none;
  }
  .organization .lv02 {
    margin-top: 30px;
  }
  .organization .lv03 {
    margin-top: 0;
  }
  .organization .lv01::after {
    display: none;
  }
  .organization .lv02 ul {
    flex-direction: column-reverse;
    gap: 30px 0;
    margin-left: 0;
  }
  .organization .lv03 ul {
    flex-direction: column;
    gap: 5px 0;
    padding: 7.5px 20px 20px;
    border: 1px solid #C5D9E7;
    border-top: 0;
  }
  .organization .lv02 ul li {
    padding: 20px;
    border: 1px solid #C5D9E7;
  }
  .organization .lv02 ul li:nth-child(1) {
    padding: 20px 20px 7.5px;
    border-bottom: 0;
  }
  .organization .lv02 ul li:nth-child(2) {
    position: relative;
  }
  .organization .lv02 ul li:nth-child(2):after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
    width: 1px;
    height: 30px;
    background: #C5D9E7;
  }
  .organization .lv02 ul::before {
    top: -43px;
    width: 1px;
    height: 42px;
  }
  .organization .lv03 ul::before {
    display: none;
  }
}
/* s0502 조직도 End */
/* s050301, s050302 구암, 전민평생학습센터 */
.center_tab .con_wrap .center_con.active {
  display: block;
}

.center_tab .con_wrap .center_con {
  display: none;
}

.center_tab .tab_box {
  display: flex;
  flex-wrap: wrap;
  padding: 36px 60px;
  border-radius: 20px 20px 0px 0px;
  background: #1959BF;
}
.center_tab .tab_box li {
  position: relative;
  width: 16.66%;
  height: 48px;
}
.center_tab .tab_box li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #6E96D6;
}
.center_tab .tab_box li:first-child a {
  border-radius: 10px 0 0 10px;
}
.center_tab .tab_box li:last-child a {
  border-radius: 0 10px 10px 0;
}
.center_tab .tab_box li:last-child::after {
  display: none;
}
.center_tab .tab_box li.active a::after {
  display: block;
}
.center_tab .tab_box li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #3069c5;
  color: #fff;
  text-align: center;
}
.center_tab .tab_box li a span {
  z-index: 3;
}
.center_tab .tab_box li a:hover::after {
  display: block;
}
.center_tab .tab_box li a:focus::after {
  display: block;
}
.center_tab .tab_box li a::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  display: none;
  width: calc(100% + 3px);
  height: calc(100% + 7px);
  border-radius: 10px;
  background: #00318F;
}
.center_tab .con_wrap .center_con .map_box {
  position: relative;
}
.center_tab .con_wrap .center_con .map_box::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid #ddd;
}
.center_tab .con_wrap .center_con .map_box .txt {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 35px 10px 35px 50px;
  width: 100%;
  background: #F6FAFD;
}
.center_tab .con_wrap .center_con .map_box .txt .title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 80px;
  border-radius: 10px;
  background: #E7F1F9;
  color: #222;
  font-size: 17px;
  line-height: 1;
  font-weight: 700;
}
.center_tab .con_wrap .center_con .map_box .txt ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px 5px;
  padding: 15px 0;
  width: calc(100% - 150px);
}
.center_tab .con_wrap .center_con .map_box .txt ul.col3 li {
  width: calc(33.33% - 3.33px);
}
.center_tab .con_wrap .center_con .map_box .txt ul li {
  position: relative;
  padding: 0 5px 0 11px;
  width: calc(20% - 4px);
  color: #555;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 400;
}
.center_tab .con_wrap .center_con .map_box .txt ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #222;
}
.center_tab .con_wrap .center_con .map_box .img {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 562px;
}

@media (max-width: 1380px) {
  .center_tab .con_wrap .center_con .map_box .txt ul {
    padding: 0;
  }
  .center_tab .con_wrap .center_con .map_box .txt ul li {
    width: calc(25% - 3.75px);
  }
}
@media (max-width: 895px) {
  .center_tab .con_wrap .center_con .map_box .img {
    min-height: auto;
  }
  .center_tab .con_wrap .center_con .map_box .txt {
    padding: 30px;
  }
  .center_tab .con_wrap .center_con .map_box .txt ul li {
    width: calc(33.33% - 3.33px);
  }
}
@media (max-width: 767px) {
  .center_tab .tab_box {
    padding: 20px;
  }
  .center_tab .tab_box li {
    width: 33.33%;
  }
  .center_tab .tab_box li:nth-child(3)::after {
    display: none;
  }
  .center_tab .tab_box li:first-child a {
    border-radius: 10px 0 0 0;
  }
  .center_tab .tab_box li:nth-child(3) a {
    border-radius: 0 10px 0 0;
  }
  .center_tab .tab_box li:nth-child(4) a {
    border-radius: 0 0 0 10px;
  }
  .center_tab .tab_box li:last-child a {
    border-radius: 0 0 10px 0;
  }
  .center_tab .tab_box li a span {
    font-size: 17px;
  }
  .center_tab .con_wrap .center_con .map_box .txt {
    flex-direction: column;
  }
  .center_tab .con_wrap .center_con .map_box .txt .title {
    padding: 10px 30px;
    width: auto;
    width: 100%;
    height: auto;
  }
  .center_tab .con_wrap .center_con .map_box .txt ul {
    margin-top: 20px;
    width: 100%;
  }
}
@media (max-width: 660px) {
  .center_tab .con_wrap .center_con .map_box .txt {
    padding: 30px 20px;
  }
  .center_tab .con_wrap .center_con .map_box .txt ul li {
    width: calc(50% - 2.5px);
    font-size: 14px;
  }
  .center_tab .con_wrap .center_con .map_box .txt ul.col3 li {
    width: calc(50% - 2.5px);
  }
}
.center_tab.jeonmincenter .tab_box li {
  width: 20%;
}

@media (max-width: 895px) {
  .center_tab.jeonmincenter .tab_box li {
    width: 33.33%;
  }
}
/* s050301, s050302 구암, 전민평생학습센터 End */
/* s0504 대관안내 */
.rental_information .process_wrap .prc > li:nth-child(1), .rental_information .process_wrap .prc > li:nth-child(2), .rental_information .process_wrap .prc > li:nth-child(3) {
  min-height: 210px;
}
.rental_information .txt-check {
  font-size: 0.9em;
}

@media (max-width: 767px) {
  .rental_information .process_wrap .prc > li:nth-child(1), .rental_information .process_wrap .prc > li:nth-child(2), .rental_information .process_wrap .prc > li:nth-child(3) {
    min-height: auto;
  }
}
/* s050501, s050502 찾아오시는 길 */
.location_se04b .map_box {
  overflow: hidden;
  border: 1px solid transparent;
}

.location_se04b .map_box .map {
  width: 100%;
  height: 500px;
}

.location_se04b .map_box .map_info {
  position: relative;
  gap: 0 40px;
  padding: 48px 50px;
  border-top: 1px solid #1959BF;
  background: #1959BF;
}
.location_se04b .map_box .map_info::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 717px;
  height: 717px;
  background: url(/lly/images/lly/content/sub05/loca_deco.png) -64px -277px/cover no-repeat;
}

.location_se04b .map_box .map_info .map_title strong {
  display: block;
  color: #FFF;
  font-size: 20px;
  font-size: 28px;
  line-height: 1.2;
  font-weight: bold;
}

.location_se04b .map_box .map_info .map_lst {
  position: relative;
  z-index: 2;
  padding-left: 25px;
}
.location_se04b .map_box .map_info .map_lst::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #fff;
}

.location_se04b .map_box .map_info .map_lst ul li {
  position: relative;
  padding-left: 100px;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
}

.location_se04b .map_box .map_info .map_lst ul li + li {
  margin-top: 15px;
}

.location_se04b .map_box .map_info .map_lst ul li b {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 30px;
  font-weight: 700;
}

.location_se04b .map_box .map_info .map_lst ul li b::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-block;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background: #fff url(/lly/images/lly/content/sub05/loca_ico.png) no-repeat;
}

.location_se04b .map_box .map_info .map_lst ul li.address b::before {
  background-position: 0 0;
}

.location_se04b .map_box .map_info .map_lst ul li.date b::before {
  background-position: -22px 0px;
}

.location_se04b .map_box .map_info .map_button {
  position: absolute;
  right: 44px;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}

.location_se04b .map_box .map_info .map_button a {
  width: 100px;
  height: 100px;
  border: none;
  border-radius: 10px;
  background: #00318F;
  color: #fff;
  font-size: 17px;
  transition: 0.5s;
  text-align: center;
  box-shadow: 0px 8px 12px 0px rgba(0, 4, 90, 0.2);
}

.location_se04b .map_box .map_info .map_button a span {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  font-size: 17px;
  font-weight: normal;
}

.location_se04b .map_box .map_info .map_button a span em {
  display: block;
  margin: 0 auto 10px;
  width: 46px;
  height: 36px;
  background: url() no-repeat;
}

.location_se04b .map_box .map_info .map_button a:hover,
.location_se04b .map_box .map_info .map_button a:focus {
  border-color: #00318F;
  background: #fff;
  color: #00318F;
  font-weight: bold;
}

.location_se04b .map_box .map_info .map_button a:hover span em,
.location_se04b .map_box .map_info .map_button a:focus span em {
  background: url();
}

.location_se04b .map_box .map_info .map_button a .icon {
  margin: 0 auto 5px;
  background: url(/lly/images/lly/content/sub05/loca_btn.png) center/cover no-repeat;
}

.location_se04b .map_box .map_info .map_button a:hover .icon,
.location_se04b .map_box .map_info .map_button a:focus .icon {
  margin: 0 auto 5px;
  background: url(/lly/images/lly/content/sub05/loca_btnhover.png) center/cover no-repeat;
}

@media (max-width: 950px) {
  .location_se04b .map_box .map_info {
    flex-direction: column;
    align-items: initial;
    padding: 40px;
  }
  .location_se04b .map_box .map_info .map_lst {
    margin-top: 20px;
    padding-left: 0;
  }
  .location_se04b .map_box .map_info .map_lst::after {
    display: none;
  }
  .location_se04b .map_box .map_info .map_lst ul li {
    padding-left: 80px;
  }
  .location_se04b .map_box .map_info .map_button a .icon {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 640px) {
  .location_se04b .map_box .map {
    height: 0;
  }
  .location_se04b .map_box .map_info {
    padding: 30px;
  }
  .location_se04b .map_box .map_info .map_button a {
    padding: 10px;
    height: auto;
  }
  .location_se04b .map_box .map_info .map_button a .icon {
    margin: 0;
    width: 22px;
    height: 22px;
  }
  .location_se04b .map_box .map_info .map_button a:hover .icon,
  .location_se04b .map_box .map_info .map_button a:focus .icon {
    margin: 0;
  }
  .location_se04b .map_box .map_info .map_lst ul li {
    padding-left: 0;
    font-size: 14px;
  }
  .location_se04b .map_box .map_info .map_lst ul li b {
    position: relative;
    display: block;
  }
  .location_se04b .map_box .map_info .map_button {
    position: relative;
    right: auto;
    top: auto;
    transform: none;
  }
  .location_se04b .map_box .map_info .map_button a {
    width: 100%;
  }
}
.traffic_guidance .inner {
  position: relative;
  padding: 50px 20px 50px 190px;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
.traffic_guidance .inner .circle {
  position: absolute;
  left: 44px;
  top: 50%;
  transform: translateY(-50%);
  width: 86px;
  height: 86px;
  border-radius: 30px;
  background: #f6f9fc;
}
.traffic_guidance .inner .circle .ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.traffic_guidance .inner .info .txt + .txt {
  margin-top: 24px;
}
.traffic_guidance .inner .info .txt .bus_title {
  margin-bottom: 16px;
  font-size: 17px;
  line-height: 1;
  font-weight: 700;
}
.traffic_guidance .inner .info .txt .blue_title {
  color: #1851AF;
}
.traffic_guidance .inner .info .txt .green_title {
  color: #0D9295;
}
.traffic_guidance .inner .info .txt .bus {
  display: inline-flex;
  align-items: center;
  margin-right: 24px;
  color: #505050;
  font-size: 17px;
  line-height: 1;
  font-style: normal;
}
.traffic_guidance .inner .info .txt .bus span {
  margin-right: 12px;
  padding: 10px;
  border: 1px solid #142950;
  color: #505050;
  font-size: 17px;
  line-height: 1;
  font-weight: 700;
}
.traffic_guidance .inner .info .txt .bus span + span {
  margin-left: -4px;
}

@media (max-width: 767px) {
  .traffic_guidance .inner {
    padding: 50px 0;
  }
  .traffic_guidance .inner .circle {
    position: relative;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    margin-bottom: 20px;
  }
}
@media (max-width: 500px) {
  .traffic_guidance .inner .info .txt .bus + .bus {
    margin-top: 10px;
  }
  .traffic_guidance .inner .info .txt .bus span {
    margin-right: 4px;
  }
  .traffic_guidance .inner .info .txt .bus span + span {
    margin-left: 0px;
  }
  .s050502 .traffic_guidance .inner .info .txt .bus {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px 0;
  }
  .traffic_guidance .inner .info .txt .bus span {
    display: inline-block;
    padding: 10px 9px;
  }
  .s050502 .traffic_guidance .inner .info .txt .bus div {
    margin-top: 5px;
  }
}
/* s050501, s050502 찾아오시는 길 End */
/* sitemap_01 개인정보처리방침 */
.yslife_privacy_index {
  margin-top: 30px;
  padding: 40px 5%;
  border: 1px solid #dbdbdb;
  background: #fff;
}

.yslife_privacy_index ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 50px;
}

.yslife_privacy_index ul li {
  position: relative;
  padding-left: 33px;
  width: calc(50% - 25px);
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: -0.04em;
}

.yslife_privacy_index ul li .labeling {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 28px;
  height: 28px;
}

.yslife_privacy_index ul li a {
  background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.3) 50%);
  background-position: 0 1em;
  background-repeat: repeat-x;
  background-size: 200%;
  transition: 0.5s ease-in-out;
}

.yslife_privacy_index ul li a:hover,
.yslife_privacy_index ul li a:focus {
  background-position: -100% 1em;
}

.yslife_privacy .privacy_title .labeling {
  display: inline-block;
  width: 40px;
}

.yslife_privacy .privacy_title .labeling img {
  width: 30px;
}

.privacy_1st li {
  position: relative;
  padding-left: 20px;
  color: #444;
  font-size: 17px;
  line-height: 1.375;
}

.privacy_3st li {
  padding-left: 12px;
}

.privacy_1st > li + li {
  margin-top: 3px;
}

.privacy_2st > li, .privacy_3st > li {
  margin: 3px 0;
}

.privacy_1st li em {
  position: absolute;
  left: 0;
  top: 0;
}

.privacy_1st li p {
  margin: 0;
}

.privacy_1st li p + p {
  margin-top: 5px;
}

.label_wrap {
  position: relative;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  flex-flow: row wrap;
}

.label_box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px;
  margin-bottom: 20px;
  padding: 20px 30px;
  width: calc(20% - 20px);
  border: 1px solid #fff;
  border-radius: 10px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0 0.2rem 0.8rem rgba(22, 71, 170, 0.2);
  flex-flow: column;
  cursor: pointer;
}

.label_box:hover {
  border: 1px solid #1647aa;
  transition: 0.2s;
}

.label_cnt {
  margin-top: 20px;
  color: #111;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
}

.label_layer {
  position: absolute;
  z-index: 999;
  display: none;
  width: 400px;
  border: 1px solid #eee;
  border-radius: 10px;
  background-color: #fff;
  box-sizing: border-box;
}

.label_desc_top {
  padding: 10px;
  width: 100%;
  background-color: #1647aa;
  box-sizing: border-box;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.label_desc_top p {
  margin-top: 0;
  color: #fff;
}

.label_desc_btm {
  padding: 15px 20px;
  width: 100%;
  box-sizing: border-box;
}

.label_desc_btm p {
  margin-top: 0;
}

.label_layer.num1,
.label_layer.num2,
.label_layer.num3,
.label_layer.num6,
.label_layer.num7,
.label_layer.num8,
.label_layer.num11,
.label_layer.num12,
.label_layer.num13 {
  left: 110%;
  top: 0;
}

.label_layer.num4,
.label_layer.num5,
.label_layer.num9,
.label_layer.num10,
.label_layer.num14 {
  right: 110%;
  top: 0;
}

.panel_box {
  position: relative;
  float: none;
  margin: 20px 0 20px 0;
  padding: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  background-color: #fafafa;
  color: #333;
  word-break: keep-all;
}

.panel_box.pds {
  padding: 10px 20px;
}

.panel_box.pdm {
  padding: 20px 25px;
}

.panel_box .tit_panel {
  margin: 0;
  margin-bottom: 15px;
  color: #165e9b;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.panel_box .tit_f17 {
  font-size: 17px;
  font-weight: 500;
}

.panel_box .tit_f17 > * {
  font-size: 17px;
  font-weight: 500;
}

.panel_box .tit_f17 strong {
  color: #4374ac;
}

.panel_box.panel_step .tit_panel {
  color: #111;
  font-weight: 300;
  text-align: center;
}

.panel_box.panel_white {
  border: 1px solid #d9d9d9;
  background-color: #fff;
}

.panel_box .lineHeights li {
  margin-bottom: 5px;
}

.list_icon {
  vertical-align: middle;
  margin-right: 10px;
}

.h2 .title-label {
  vertical-align: middle;
  width: 45px;
}

@media (max-width: 1024px) {
  .label_box {
    width: calc(25% - 20px);
  }
  .label_layer.num1,
  .label_layer.num2,
  .label_layer.num5,
  .label_layer.num6,
  .label_layer.num9,
  .label_layer.num10,
  .label_layer.num13,
  .label_layer.num14 {
    left: 110%;
    right: auto;
  }
  .label_layer.num3,
  .label_layer.num4,
  .label_layer.num7,
  .label_layer.num8,
  .label_layer.num11,
  .label_layer.num12 {
    left: auto;
    right: 110%;
  }
}
@media (max-width: 920px) {
  .label_box {
    width: calc(33.3333% - 20px);
  }
  .label_layer {
    width: 100%;
  }
  .label_layer.num1,
  .label_layer.num2,
  .label_layer.num4,
  .label_layer.num5,
  .label_layer.num7,
  .label_layer.num8,
  .label_layer.num10,
  .label_layer.num11,
  .label_layer.num13,
  .label_layer.num14 {
    left: 110%;
    right: auto;
  }
  .label_layer.num3,
  .label_layer.num6,
  .label_layer.num9,
  .label_layer.num12 {
    left: auto;
    right: 110%;
  }
}
@media (max-width: 640px) {
  .label_box {
    padding: 20px 5px;
    width: calc(50% - 20px);
  }
  .label_desc_btm {
    padding: 15px 10px;
  }
  .label_desc_btm p {
    font-size: 13px;
  }
  .label_layer.num1,
  .label_layer.num3,
  .label_layer.num5,
  .label_layer.num7,
  .label_layer.num9,
  .label_layer.num11,
  .label_layer.num13 {
    left: 110%;
    right: auto;
  }
  .label_layer.num2,
  .label_layer.num4,
  .label_layer.num6,
  .label_layer.num8,
  .label_layer.num10,
  .label_layer.num12,
  .label_layer.num14 {
    left: auto;
    right: 110%;
  }
  .yslife_privacy_index ul li {
    width: 100%;
  }
}
/* sitemap_01 개인정보처리방침 End */
/* 장애인 평생학습도시 */
.s010405 .vision_strategy .title {
  color: #0090AF;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 5px;
}
.s010405 .vision_strategy .subtit {
  color: #222;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 20px;
}
.s010405 .vision_strategy .vision .inner {
  background: none;
}
.s010405 .vision_strategy .vision .inner .txt {
  border: 10px solid #005798;
  box-shadow: none;
}
.s010405 .vision_strategy .vision .inner .txt img {
  vertical-align: middle;
}
.s010405 .vision_strategy .vision .inner .txt p em.color2 {
  color: #1887A5;
}
.s010405 .vision_strategy .goal .title {
  color: #fff;
}
.s010405 .vision_strategy .goal .inner .box .photo {
  background: none;
  width: 100px;
  height: 100px;
}
.s010405 .vision_strategy .goal .inner .box .txt {
  display: flex;
  flex-direction: column;
}
.s010405 .vision_strategy .goal .inner .box .txt strong {
  display: block;
  color: #0F2F82;
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 10px;
}
.s010405 .vision_strategy .strategy .title {
  margin-bottom: 10px;
}
.s010405 .vision_strategy .strategy .con1 .box .top {
  position: relative;
}
.s010405 .vision_strategy .strategy .con1 .box .top:before {
  content: "";
  display: block;
  width: 33px;
  height: 52px;
  background: url(/lly/images/lly/content/sub01/s010405_num_1.png) no-repeat;
  position: absolute;
  bottom: 0;
  left: 11px;
}
.s010405 .vision_strategy .strategy .con1 .box:nth-child(2) .top:before {
  background: url(/lly/images/lly/content/sub01/s010405_num_2.png) no-repeat;
}
.s010405 .vision_strategy .strategy .con1 .box:nth-child(3) .top:before {
  background: url(/lly/images/lly/content/sub01/s010405_num_3.png) no-repeat;
}
.s010405 .vision_strategy .strategy .con1 .box:nth-child(4) .top:before {
  background: url(/lly/images/lly/content/sub01/s010405_num_4.png) no-repeat;
}
.s010405 .vision_strategy .strategy .con1 .box .bottom {
  min-height: 265px;
  padding: 20px;
}
.s010405 .vision_strategy .strategy .con1 .box .bottom .b_txt {
  margin-top: 0;
}
.s010405 .vision_strategy .strategy .con1 .box .bottom .b_txt ul {
  text-align: left;
}
.s010405 .vision_strategy .strategy .con2 {
  background: none;
  margin-top: 20px;
}
.s010405 .vision_strategy .strategy .con2 .brand_wrap {
  background: #F6FAFD;
  padding: 30px;
  display: flex;
  gap: 30px;
  align-items: center;
  margin-top: 10px;
}
.s010405 .vision_strategy .strategy .con2 .brand_wrap .txt {
  width: calc(70% - 10px);
  text-align: left;
}
.s010405 .vision_strategy .strategy .con2 .brand_wrap .txt p {
  color: #666;
  font-size: 16px;
}

@media (max-width: 1400px) and (min-width: 1279px) {
  .s010405 .vision_strategy .goal .inner {
    gap: 20px;
  }
  .s010405 .vision_strategy .goal .inner .box {
    flex-direction: inherit;
  }
}
@media (max-width: 1035px) {
  .s010405 .vision_strategy .goal .inner .box {
    flex-direction: inherit;
  }
}
@media (max-width: 860px) {
  .s010405 .vision_strategy .vision .inner .txt {
    height: auto;
  }
  .s010405 .vision_strategy .strategy .con2 .brand_wrap {
    flex-direction: column;
  }
  .s010405 .vision_strategy .strategy .con2 .brand_wrap .txt {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .s010405 .vision_strategy .strategy .con1 .box .bottom {
    min-height: auto;
  }
  .s010405 .vision_strategy .strategy .con2 {
    margin-top: 0px;
    padding: 50px 0 0;
  }
}
@media (max-width: 450px) {
  .s010405 .vision_strategy .vision .inner {
    height: auto;
    border-radius: 0;
  }
  .s010405 .vision_strategy .vision .inner .txt {
    border-radius: 10px;
    border-width: 5px;
  }
}/*# sourceMappingURL=content.css.map */