/* �쇰컲 pc */
@media screen and (max-width:1980px) {

  .main-board__review .review-list .review-item .review-img {
    float: none;
    margin: 0.625rem 0;
    width: 5.25rem;
    margin: 0 auto;
  }

  .main-board__review .review-list .review-item .review-img .review-img-bg-01 {
    margin: 0 0.625rem 0 0;
    background: url(../img/main/icon_01x2.png) no-repeat center;
    width: 5.25rem;
    height: 6rem;
  }

  .main-board__review .review-list .review-item .review-img .review-img-bg-02 {
    margin: 0 0.625rem 0 0;
    background: url(../img/main/icon_02x2.png) no-repeat center;
    width: 5.25rem;
    height: 6rem;
  }

  .main-board__review .review-list .review-item .review-img .review-img-bg-03 {
    margin: 0 0.625rem 0 0;
    background: url(../img/main/icon_03x2.png) no-repeat center;
    width: 5.25rem;
    height: 6rem;
  }

}

/* ~480源뚯� */
@media screen and (max-width:480px) {
  .main-board__review .review-list .review-item .review-img {
    float: right;
    margin: 0.563rem 0.625rem 0 0;
    width: 2.625rem;
  }

  .main-board__review .review-list .review-item .review-img .review-img-bg-01 {
    margin: 0 0.625rem 0 0;
    background: url(../img/main/icon_01.png) no-repeat center;
    width: 2.625rem;
    height: 2.625rem;
  }

  .main-board__review .review-list .review-item .review-img .review-img-bg-02 {
    margin: 0 0.625rem 0 0;
    background: url(../img/main/icon_02.png) no-repeat center;
    width: 2.625rem;
    height: 2.625rem;
  }

  .main-board__review .review-list .review-item .review-img .review-img-bg-03 {
    margin: 0 0.625rem 0 0;
    background: url(../img/main/icon_03.png) no-repeat center;
    width: 2.625rem;
    height: 2.625rem;
  }

}


/* 理쒖냼 �ъ씠利� 泥섎━  320源뚯� */
@media screen and (max-width:320px) {
  .main-board__review .review-list .review-item .review-img {
    float: right;
    margin: 0.563rem 0.625rem 0 0;
    width: 2.625rem;
  }

  .main-board__review .review-list .review-item .review-img .review-img-bg-01 {
    margin: 0 0.625rem 0 0;
    background: url(../img/main/icon_01.png) no-repeat center;
    width: 2.625rem;
    height: 2.625rem;
  }

  .main-board__review .review-list .review-item .review-img .review-img-bg-02 {
    margin: 0 0.625rem 0 0;
    background: url(../img/main/icon_02.png) no-repeat center;
    width: 2.625rem;
    height: 2.625rem;
  }

  .main-board__review .review-list .review-item .review-img .review-img-bg-03 {
    margin: 0 0.625rem 0 0;
    background: url(../img/main/icon_03.png) no-repeat center;
    width: 2.625rem;
    height: 2.625rem;
  }

  .review-dd:nth-of-type(2) {
    width: 100%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: .625rem 0 .625rem;
    font-size: 0.688rem;
  }

}




/* swiper.css */
.welcome-area{padding:20px; background-color:#272a3b;  color:#fff;}
.welcome-area .label-top{color:#fff;  font-family: 'Nanum Gothic', '�섎닎怨좊뵓';}


.swiper-container {
  width: 100%;
  height: 100%;

}

.swiper-slide {
  text-align: center;
  font-size: 1.125rem;
  border-radius: 1.250rem;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/*媛곹깭洹� 怨듯넻*/

.content {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
}

.lnb {
  overflow: hidden;
  width: 100%;
  
}

.lnb ul {
  display: flex;
  overflow-x: scroll;
  align-items: center;
  padding: 0 10px 0 10px ;
  margin-bottom: 15px;
  margin-top: 79px;
}

.lnb ul::-webkit-scrollbar {
  width: 0;
}

.lnb ul li {
  font-size: 0.875rem;
  padding: 0.125rem .188rem;
  justify-content: space-between;
  min-width: 5rem;
  text-align: center;
  padding: 0;
}


.lnb ul li:last-of-type {
  padding-right: 1.250rem;
}

.lnb ul li a {
  display: block;
  width: 80px;
  height: 20px;
  background-color: #fff;
  color: #333;
  box-shadow: none;
  font:14px 'Noto Sans KR', sans-serif; 
  margin: 0;
  padding-bottom: 0.438rem;
  border-bottom: 0px solid #10798C;

}



/* .top-menu .menu-list .active a{
font-weight: bold;
border-bottom: 0.063rem solid #10798C ;
padding-bottom: 0.438rem;
}

.top-menu .menu-list a:hover {
  border-bottom: 0.063rem solid #10798C ;
  width: 100%;
} */


/* 
.menu-list .menu-item a { 
  display: block;
  padding-bottom: 0.438rem;
} */

.menu-list .menu-item a>p {
  padding-bottom: 0.438rem;
  width: 100%
}

/* .menu-list .menu-item a>p:hover {
  padding-bottom: 0.438rem;
  font-weight: bold;
  border-bottom: 1px solid #10798C;
  width: 100%;
}

 */

.visual {
  margin: 0 0;
  position: relative;

}

.visual-text-box {

  transform: translate(1.250rem, -6.25rem);
  text-align: left;
}

.visual .visual-text-box .visual-text:nth-of-type(1) {
  font-size: 0.875rem;
  color: rgb(0, 0, 0);
  font-weight: 400;
  margin-bottom: -0.188rem;
}

.visual .visual-text-box .visual-text:nth-of-type(2) {
  font-size: 1.875rem;
  color: rgb(0, 0, 0);
  font-weight: bold;
}


.visual .swiper-slide img {
  width: 100%;
}

.wrap .visual .swiper-slide .txt {
  position: absolute;
  color: #333;
  display: block;
  width: 100%;
  text-align: center;
  top: 60.188rem;
}

.visual__sub-btn {
  display: block;
  background-color: #10798C;
  width: calc(100% - 2.5rem);
  margin: 1.875rem auto;
  text-align: center;
  border-radius: 0.313rem;
  border: none;
  animation-name: btnAnimation;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
}


@keyframes btnAnimation {
  0% {
    background-color: #10798C
  }

  50% {
    background-color: #46B3C6
  }

  100% {
    background-color: #10798C
  }
}




.visual__sub-btn a {
  display: block;
  padding: 0.938rem 0;
  color: #fff;
  font-size: 1.125rem;
}

.main-board__review {
  background-color: #EEEEEE;
  border-radius: .625rem;
  font-family: 'NanumSquare', sans-serif;
}

.review-subtitle {
  font-weight: 400;
  padding: 1.375rem 0 .625rem;
  text-align: center;
}

.review-title {
  font-weight: bold;
  font-size: 1.375rem;
  text-align: center;
  margin-bottom: 2.813rem;
}

.review-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  margin: 0 0.938rem;

}

.review-item {
  box-sizing: border-box;
  width: calc(1/3*100% - (1 - 1/3)*15px);
  border-radius: .625rem;
}


.review-img {
  float: right;
  margin: 0.563rem 0.625rem 0 0;
  width: 50px;

}

.review-item:nth-of-type(odd) {
  background-color: #FFF6CC;

}

.review-item:nth-of-type(even) {
  transform: translateY(1.875rem);
  background-color: #FFE2CC;
}

.review-img-bg {
  background: url(../img/main/icon_01.png) no-repeat center;
  width: 2.625rem;
  height: 2.625rem;
}

.review-img {
  float: right;
  margin: 0.563rem 0.625rem 0 0;
  width: 2.625rem;
}



.review-dl {
  position: relative;
  padding: 0.375rem .5rem 0.438rem 0.625rem;
}

.review-dt {
  font-weight: bold;
  font-size: .75rem;
  padding-bottom: .438rem;
}


.review-dd {
  font-size: .688rem;
  line-height: 1.125rem;
}

.review-dd:nth-of-type(1) {
  display: block;
  font-weight: 400;
  color: #10798C;
  font-size: .688rem;
  padding-bottom: .625rem;
  border-bottom: 0.063rem solid rgb(255, 255, 255);
}

.review-dd:nth-of-type(2) {
  padding: .625rem 0 .625rem;
  font-size: 0.688rem;
}

.clearboth {
  clear: both;
}

.review-btn {
  font-size: .813rem;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 400;
  margin-top: 1.875rem;
  text-align: center;
}

.review-btn a {
  display: block;
  padding: 1.938rem 0 2.125rem;
  color: #424242;

}


.review-btn a i {
  display: inline-block;
  font-size: 0.750rem;
  vertical-align: auto
}


.main-board__common {
  margin-bottom: 2.313rem;
}

/* notice */

.notice-title {
  color: #424242;
  font-weight: bold;
  font-size: 1.375rem;
  text-align: center;
  font-family: 'Noto Sans KR', sans-serif;
  margin: 2.688rem 0 1.438rem
}

.notice-list {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 1.250rem ;
  
}

.notice-item {
  padding: .625rem 0;
  border-bottom: 1px solid #e2e2e2;
}

.notice-list a {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.notice-text {
  display: flex;
  flex-wrap: nowrap;
  font-size: 0.875rem;
}

.notice-text .notice-p {
  width: 12rem;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.notice-new {
  color: #F56565;
  font-size: 0.688rem;
}

.notice-date {
  font-size: 0.875rem;
}

.notice-btn {
  font-weight: 400;
  font-size: .75rem;
  text-align: center;
  font-family: 'Noto Sans KR', sans-serif;
  
}

.notice-btn a {
  display: block;
  color: #BDBDBD;
  padding:   1.250rem 0 ;
  
}

/* mid-banner */

.main-board__mid-banner {
    margin: 0 1.125rem;
}

  .mid-banner {
    display: block;
    background: url(../img/main/middle_bannerx2.png) no-repeat center/cover;
    box-sizing: border-box;
    height: calc(32vw - 1.25rem);
    border-radius: 0.313rem;
  }

/* file */

.file-title {
  color: #424242;
  font-weight: bold;
  font-size: 1.375rem;
  text-align: center;
  font-family: 'Noto Sans KR', sans-serif;
  margin: 2.688rem 0 1.438rem
}

.file-list {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 1.250rem ;
  clear: both;
}

.file-item {
  padding: .625rem 0;
  border-bottom: 1px solid #e2e2e2;
}

.file-list a {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.file-text {
  display: flex;
  flex-wrap: nowrap;
  font-size: 0.875rem;
}

.file-text .file-p {
  width: 20rem;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.file-new {
  color: #F56565;
  font-size: 0.688rem;
}

.file-date {
  font-size: 0.875rem;
}

.file-btn {
  font-weight: 400;
  font-size: .75rem;
  text-align: center;
  font-family: 'Noto Sans KR', sans-serif;

}

.file-btn a {
  display: block;
  color: #BDBDBD;
  padding:   1.250rem 0 ;
}

.main_board__dday {
  background-color: #F5F5F5;
  text-align: center;
  font-family: 'Noto Sans KR', sans-serif;
  border-radius: 0.625rem;
  padding: 0 1.250rem;

}

.dday-subtitle {
  font-size: .875rem;
  padding-top: 1.5rem;
}

.dday-title {
  color: #111;
  font-size: 1.5rem;
  font-weight: bold;
  word-break: keep-all;
  margin-bottom: 10px;
}



.dday-content .text_1 {
  color: #10798C;
  font-size: 2.25rem;
  font-weight: bold;
  display: inline;
}

.dday-content .text_2 {
  display: inline;
  color: #10798C;
  font-size: 2.25rem;
  font-weight: bold;
  padding-top:50px;

}

.dday-content .text_3 {
  font-size: .875rem;
  padding-top:20px;
 
}

.dday-content .text_4 {
  font-size: .875rem;
  font-weight: bold;
  padding-bottom: 1.563rem;
}

.dday-content .text_4 strong {
  font-size: 1.5rem;
}

.dday-content .text_4 span {
  font-size: .875rem;
  font-weight: 400;

}

.dday-content .text_5 {
  color: #111;
  font-size: .75rem;
  padding: 20px 0 1.5rem;
  border-top: 0.063rem solid #E0E0E0;
  letter-spacing: .5px;
}


.main_board__info {
  text-align: center;
}

.info-bold {
  padding: 2.625rem 0 1.5rem;
  font-size: 1.5rem;

}

.info-title {
  color: #111;
  font-weight: bold;
  padding-bottom: .5rem;
}

.info-bold .info-num {
  display: block;
  color: #10798C;
  font-weight: 500;
}

.num {
    display: block;
    font-weight: 500;
  }

.num a {
    color: #10798C;
}

.info-hours {
  color: #757575;
  
  line-height: 1.563rem;
  padding-bottom: 1.625rem;
  font-size: 13px;
  letter-spacing: 0;
}