/* topBanner */
.top_banner {
  width: 100%;
  height: 40px;
  background-color: #fff;
  border-bottom:1px solid rgb(217 217 217);
  position: relative;
  /*z-index: 10000;*/
}

.top_cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 40px;
  color: #222;
  letter-spacing: -0.2px;
}

.top_desc p {margin: 0}

.top_list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top_list ul li {
  transition: all .3s;
  cursor: pointer;
}
.top_list ul li:hover {color: #00a59b}

.top_list ul li::before {
  content: "";
  width: 1px;
  height: 10px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  background-color: #ccc;
}

.top_list ul li:first-child::before {display: none}
.top_list ul li + li {padding-left: 10px}

/* header */
.header {
  height: 95px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

.header.sticky_cont {
  background-color: #fff;
  position: sticky;
  top: 0;
  /*box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.3);*/
  /*z-index: 10000;*/
  /*transition: all .3s ease;*/
}

.header a,
.header a:active,
.header a:hover {
  color: inherit;
  font-weight: 600;
  /*font-family: 'Pretendard-ExtraBold', sans-serif !important;*/
  line-height: 1.6;
	letter-spacing: -0.025em;
}

.header_cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header_cont .logo_img,
.header_cont .logo {
  margin: 0 !important;
  font-size: 1.3rem;
  max-width: 210px;
  /*font-weight: bold;*/
  color: #00a59b;
  font-weight: 700;
  /*font-family: 'Pretendard-ExtraBold', sans-serif !important;*/
letter-spacing:-0.1px; 
}


.header_cont .logo_img img,
.header_cont .logo img {vertical-align: middle; width: 90%}

/*모바일에서 로고*/
@media (max-width: 768px){.header_cont .logo_img img {width: 70%}}
/*모바일에서 로고끝*/

.header_cont .ham {display: none}
.header_cont .ham_menu {display: none}

.header_cont .main_menu,
.header_cont .sub_menu {
  margin: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
}

.gate_header .main_menu > li {
  padding: 15px 20px !important;
  font-size: 1.2rem !important;
}

.header_cont .main_menu li {
  /*margin: 0 30px;*/
  padding: 15px 30px;

  font-size: 1.3rem;
  font-weight: 600;
  color: #111;
  position: relative; 
  letter-spacing: 0.5px;
  cursor: pointer;
}


.header_cont .main_menu > li:hover {color: #00a59b}
.header_cont .main_menu > li:hover > a {color: #00a59b}

/*.header_cont .main_menu li:nth-child(1) .main_under_menu {width: 500px}*/
/*.header_cont .main_menu li:nth-child(2) .main_under_menu {width: 400px}*/
/*.header_cont .main_menu li:nth-child(2) .main_under_menu::before {left: 65px}*/

.header_cont .main_menu li:nth-child(3) .main_under_menu {
  /*width: 600px;*/
  /*right: -160px;*/
  /*left: auto;*/
}

.header_cont .main_menu li:nth-child(3) .main_under_menu::before {
  /*left: auto;*/
  /*right: 225px;*/
}

.header_cont .main_menu li:nth-child(4) .main_under_menu {
  /*width: 440px;*/
  /*right: -20px;*/
  /*left: auto;*/
}

.header_cont .main_menu li:nth-child(4) .main_under_menu::before {
  /*left: auto;*/
  /*right: 75px;*/
}

.header_cont .main_menu li .main_under_menu {
  padding: 12px 30px !important;
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  position: absolute;
  /*left: -20px;*/
  left: 50%;
  bottom: 0;
  background-color: #00a59b;
  border: 3px solid #00a59b;
  border-radius: 10px;
  box-shadow: 5px 10px 10px 2px rgba(0, 0, 0, 0.3);
  transition: all 0.35s ease-out;
  transform: translate(-50%, 100px);
  z-index: 100;
}

.header_cont .main_menu li .main_under_menu::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  top: -10px;
  transform: translateX(-50%);
  border: 10px solid transparent;
  border-top-width: 0;
  border-bottom-color: #00a59b;
}

.header_cont .main_menu li .main_under_menu li {
  margin: 0;

  padding: 0;
  font-size: 16px;
  font-weight: 400;
  /*line-height: 1.8;*/
  color: #fff;
  white-space: nowrap;
}

.header_cont .main_menu li .main_under_menu li + li {margin-left: 20px}

.header_cont .main_menu li .plus_icon {
  width: 30px;
  /*vertical-align: text-top;*/
  /*vertical-align: top;*/
  vertical-align: middle;
}

.header_cont .main_menu a.active {
  color: #00a59b;
}

.header_cont .main_menu li:hover .main_under_menu {
  opacity: 1;
  visibility: visible;
  /*transform: translate(-50%, 65px);*/
  transform: translate(-50%, 45px);
}

.header .header_cont .sub_menu li {
  margin: 0 10px;
  position: relative;
  cursor: pointer;
}

.header .header_cont .sub_menu li:hover span {
  opacity: 1;
  visibility: visible;
}

.header .header_cont .sub_menu li img {vertical-align: middle}

.header .header_cont .sub_menu li span {
  width: 110px;
  height: 40px;
  padding: 0 10px;
  opacity: 0;
  visibility: hidden;
  font-size: 15px;
  font-weight: 300;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background-color: #00a59b;
  position: absolute;
  left: 50%;
  bottom: -50px;
  transform: translate(-50%, 0);
  transition: all 0.3s;
  box-shadow: 17px 0 24px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

/* Quick */
/*.quick {display: none}*/

/* Footer */
.footer {
  padding: 50px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #feffff;
}

.footer address {
  margin: 0;
  font-style: normal;
  font-size: 0.8rem;
}

.footer .footer_cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.7rem;
	letter-spacing: 0.2px;;color:#ffffff9c; 
}

.footer .footer_cont .policy_btn {
  color: #fff;
  cursor: pointer;
  padding: 0 0;
 /* border: 1px  solid #ffffff;
	border-radius: 100px;*/
	margin-top: -50px;
	font-size:0.8rem;
  font-weight: 800;
	/*font-family:'Pretendard-ExtraBold', sans-serif !important; */
}


/*축산물 품질 평가원*/
.footer .footer_cont .ekap_copy {

	margin-top: -50px;
	max-width: 70px;
}


@media (max-width: 61.9em) {
  .footer .footer_cont .ekap_copy { margin-top: 60px }}

 /*축산물 품질 평가원끝*/
 
 /*한국장애인개발원*/
.footer .footer_agency { text-align: right; }  
.footer .footer_agency select {
	 padding: 6px 54px;
	 font-size: 14px; 
	 font-weight: 500;
	 color: #fff;
	 background-color: #00a59b;
	 border: 1px solid #007f77;
	 border-radius: 5px;
	 outline: none; 
  }
.footer .footer_agency select option{text-align: center;}
 /*한국장애인개발원*/



.quick {
  position: fixed;
  right: 40px;
  bottom: 40px;
  z-index: 10000;
}

.quick ul {
  list-style: none;
}

.quick ul li {
  margin: 10px 0 1rem;
}

.quick ul li.not_width:hover .quick_btn,
.quick ul li.not_width:active .quick_btn {
  width: 50px;
}

.quick ul li:hover .quick_btn,
.quick ul li.active .quick_btn {
  width: auto;
  padding: 0 20px;
}

.quick ul li:hover .quick_btn strong,
.quick ul li.active .quick_btn strong {
  width: auto;
  padding-right: 10px;
  opacity: 1;
}

.quick ul li .quick_btn {
  width: 50px;
  height: 50px;
  margin: 0 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: none;
  outline: none;
  border-radius: 25px;
  transition: all 0.3s ease;
  box-shadow: 0 7px 20px 0 rgb(49 101 95 / 25%);
}

.quick ul li .quick_btn svg {
  font-size: 24px;
  color: #00a59b;
  vertical-align: middle;
}

.quick ul li .quick_btn strong {
  width: 0;
  overflow: hidden;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 28px;
  color: #00a59b;
  letter-spacing: 0;
  /*font-family: "Noto sans KR", sans-serif;*/
  white-space: nowrap;
  opacity: 0;
  transition: all 0.3s ease;
}

.quick ul li .quick_btn span {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Main Cont */
.main_cont {
  width: 100%;
  background-color: #00a59b;
  /*box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.7);*/
}

.main_cont.koddi_cont{
 background-image: url("../images/koddi_gate/sub_koddi_back.png");
background-repeat: no-repeat;	
 background-position: center 25px;	
}

.main_cont.mabi_home:not(.home){
 background:#130627  url("../images/mabi_gate/sub_mabi_back2.png");
background-repeat: no-repeat;	
 background-position: center 0px;	
}


@media (max-width: 61.9em){.course_svg,
.main_cont.koddi_cont {
   background-image: none;
  }
.main_cont.mabi_cont {
   background-image: none;
 }
}



.main_cont.home {
  background-image: url("../images/main_bg.png");
  background-position: 0 0;
}


.main_cont.home.mabi_home {
  background-image: url("../images/mabi_gate/main_bg_02.png");
  background-position: 0 0;
}


.main_notice {
  width: 50%;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.notice_cont {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.notice_tit {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #fff;
}

.notice_tit h3 {
  margin: 0 0 0 5px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 800;
  line-height: 45px;
  letter-spacing: -0.5px;
  white-space: nowrap;
  /*font-family: 'Pretendard-ExtraBold', sans-serif !important;*/
}

.notice_tit img {width: 18px}
.notice_tit svg {
  margin-right: 5px;
  font-size: 18px;
  stroke-width: 30px;
  vertical-align: middle;
}

.noticeSwiper {
  width: 100%;
  height: 45px;
  margin: 0;
  display: flex !important;
  justify-content: space-between;
  align-items: flex-start;
}

.noticeSwiper .swiper-slide  {
  height: 45px;
  justify-content: flex-start;
}

.noticeSwiper .swiper-button-prev:after,
.noticeSwiper .swiper-button-next:after {
  width: 45px;
  padding: 0;
  margin: 0;
  display: block;
  font-weight: bold;
  color: #fff;
  transform: rotate(-90deg);
}

.notice_desc {
  height: 45px;
  margin: 0 !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 45px;
  color: #fff;
}

.notice_desc dt {
  margin: 0 20px 0 25px;
  font-weight: 400;
letter-spacing: 0.5px;
	/*font-family: 'Pretendard-ExtraBold', sans-serif !important*/
}

.notice_desc dd {margin: 0}
.notice_btn button {
  font-size: 20px;
  color: #fff;
  background: none;
  border: none;
  outline: none;
}

.notice_btn button svg {
  stroke-width: 20px;
  vertical-align: middle;
}

/* Left Card */
.main_card {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.main_card article > div {
  box-shadow: 10px 20px 40px rgba(0, 0, 0, 0.3);
 /*border-radius: 12px;*/
}

.main_card.cdns_cont .top_card {
  width: 100%;
  margin-bottom: 40px;
}

.main_card .left_card {
  width: 67%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.main_card .right_card {
  width: 30%;
  /*margin-left: 40px;*/
 background-color: #fff;
	/*background-image: linear-gradient(200deg, #2f10ad, #753cc4, #ab66da, #df92f0);*/
 border-radius: 20px;
}

/* 충남도청 slide */
.cdns_cont .top_card {
  background-color: #ffffff;
  border-radius: 20px;
  background-image: url('../images/cdns_book.png');
  background-repeat: no-repeat;
  background-position: 120px bottom;
}

.cdns_card {
  padding: 30px 15px 30px 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.cdns_card .tit {padding: 35px 0}

.cdns_card .tit strong {
  padding: 10px 5px;
  margin-bottom: 20px;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: #00a59b;
  border-top: 1px solid #00a59b;
  border-bottom: 1px solid #00a59b;
}

.cdns_card .tit h3 {
  font-size: 35px;
  font-weight: 800;
  line-height: 1.2;
  color: #333;
  /*font-family: 'Pretendard-ExtraBold', sans-serif !important;*/
	
}

.cdns_card .tit h3 span {color: #00a59b}

.book_desc {width: 65%}

.book_desc .sub_tit {
  padding: 0 15px 0 25px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.book_desc .sub_tit h5 {
  margin: 0;
  font-size: 19px;
  font-weight: 800;
  color: #262626;
  /*font-family: 'Pretendard-ExtraBold', sans-serif !important;*/
}

.book_desc .sub_tit h5 span {color: #00a59b}
.book_desc .sub_tit button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #484648;
  cursor: pointer;
}

.book_desc .sub_tit button svg {
  margin-left: 5px;
  font-size: 18px;
  transition: all 0.3s;
}

.book_desc .sub_tit button:hover svg {transform: translateX(30%)}

.book_desc .book_cont {
  text-align: center;
}

.book_desc .swiper {padding: 0 25px}
.book_desc .swiper-slide:not(.swiper-slide-prev) {
  box-shadow: 7px 8px 24px rgba(0,0,0,0.135);
  border-radius: 20px;
  border:solid 1px rgba(0, 0, 0, 0.075);
}

.book_desc .book_cont .imageBox {
  width: 100%;
}

.book_desc .book_cont .imageBox img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  object-position: 0 -10px;
  border-radius: 20px 20px 0 0
}

.book_desc .book_cont .contBox {
  padding: 20px 15px;
  text-align: center;
  background-color: #fff;
  border-radius:0 0 20px 20px
}

.book_desc .book_cont .contBox dt {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 400;
  color: #00a59b;
}

.book_desc .book_cont .contBox dd {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: #666;
}

.book_desc .book_cont .swiper-button-prev,
.book_desc .book_cont .swiper-button-next {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute !important;
  top: calc(50% - 25px);
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  transform: translate(0, -50%);
  z-index: 1000;
}
.book_desc .book_cont .swiper-button-prev i,
.book_desc .book_cont .swiper-button-next i {color: #000}
.book_desc .book_cont .swiper-button-prev::after,
.book_desc .book_cont .swiper-button-next::after {display: none}
.book_desc .book_cont .swiper-button-prev {left: 5px}
.book_desc .book_cont .swiper-button-next {right: 5px}
.book_desc .book_cont .swiper-pagination {margin-top: 15px}
.book_desc .book_cont .swiper-pagination-bullet-active {background: #00a59b}

.course_card h3, .course_card h5, .course_card p, .course_card dl, .course_card dd,
.sugang_card h3,
.sugang_card h5,
.sugang_card p,
.sugang_card dl,
.sugang_card dd,
.customer_center_card h3,
.customer_center_card h5,
.customer_center_card p,
.customer_center_card dl,
.customer_center_card dd,
.customer_service_card h3,
.customer_service_card h5,
.customer_service_card p,
.customer_service_card dl,
.customer_service_card dd {
  margin: 0;
}

.course_card,
.sugang_card,
.customer_center_card,
.customer_service_card {
  width: calc(50% - 20px);
  padding: 30px;
  background-color: #fff;
  border-radius: 20px;
}

/*.course_card h3, .course_card h5, .course_card p, .course_card dl, .course_card dd,*/
/*.sugang_card h3,*/
/*.sugang_card h5,*/
/*.sugang_card p,*/
/*.sugang_card dl,*/
/*.sugang_card dd,*/
/*.customer_center_card h3,*/
/*.customer_center_card h5,*/
/*.customer_center_card p,*/
/*.customer_center_card dl,*/
/*.customer_center_card dd,*/
/*.customer_service_card h3,*/
/*.customer_service_card h5,*/
/*.customer_service_card p,*/
/*.customer_service_card dl,*/
/*.customer_service_card dd {*/
/*  margin: 0;*/
/*}*/

.course_card,
.sugang_card {
  height: 290px;
  padding: 40px 30px;
  margin-bottom: 40px;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
}

.course_card:hover,
.sugang_card:hover {transform: scale(1.05)}

/*추가*/
@media (max-width: 61.9em) {.course_card,
.sugang_card {margin-bottom: 20px;}}
/*추가끝*/

.course_svg,
.sugang_svg {
  width: 120px;
  margin: 0 auto 20px;
}

@media (max-width: 61.9em){.course_svg,
.sugang_svg {
  width: 120px;
  margin: 0 auto 0px;
}}



.course_card .tit strong,
.sugang_card .tit strong {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  color: #00a59b;
	letter-spacing: -0.5px;
	
}

.course_card .tit h3,
.sugang_card .tit h3 {
  font-size: 2.1rem;
  font-weight: 800;
  line-height: 1.2;
  color: #333333;
  letter-spacing: 0;
  /*font-family:'Pretendard-ExtraBold', sans-serif !important;*/
	
}



.course_card .desc,
.sugang_card .desc {
  font-size: 15px;
  /*font-weight: 300;*/
  line-height: 1.8;
  color: #9E9E9E;
  letter-spacing:-0.5px; 
}

@media (max-width: 61.9em) {.course_card .desc,
.sugang_card .desc {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.8;
  color: #9E9E9E;
  letter-spacing:-0.5px; 
}
}


.customer_center_card,
.customer_service_card {
  height: 345px;
}

.customer_tit {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.customer_tit h3 {
  font-size: 21px;
  font-weight: 900;
  line-height: 1.8;
  color: #03a198;
	/*font-family:'Pretendard-Black', sans-serif !important;*/
}

.customer_tit p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  font-weight: 400;
  color: #171a19;
}

.customer_tit p i {
  margin-left: 5px;
  font-size: 25px;
  color: #86ecd1;
  vertical-align: middle;
  transition: all .3s;
}

.customer_tit p:hover i {
  transform: rotate(45deg);
}

.customer_cont {
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  list-style: none;
}

.service_cont_menu li {
  width: 50%;
  text-align: center;
  cursor: pointer;
}

.service_cont_menu li:nth-child(1),
.service_cont_menu li:nth-child(2) {margin-bottom: 40px}
.service_cont_menu li:hover img {
  animation: aniDongDong ease-in-out 1s both;
  animation-iteration-count: 2;
}

@keyframes aniDongDong {
  0%, 100% {transform: translateY(0)}
  50% {transform: translateY(4px)}
}

.service_cont_menu li img {
  width: 60px;
  display: block;
  margin: 0 auto 10px;
}

.service_cont_menu li strong {
  font-size: 16px;
  font-weight: 800;
  color: #333;letter-spacing:-0.5px; 
}

.center_cont li {width: 100%}
.center_cont li:first-child {margin-bottom: 24px}

.center_cont li:first-child dl,
.center_cont li:first-child dl dd {width: auto}

.center_cont li h5 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.center_cont li h5 img {
  width: 25px;
  margin-right: 12px;
}

.center_cont li h5 strong {
  margin: 5px 0;
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.center_cont li > strong {
  margin: 5px 0;
  display: block;
  font-weight: bolder;
  letter-spacing: 0.5px;
  font-size:18px;
}


/*모바일에서*/

@media (max-width: 1440px){
  .cdns_card {
    padding: 30px 15px;
    flex-wrap: wrap;
  }

  .cdns_card .tit {
    width: 100%;
    padding: 0 25px;
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .cdns_card .tit strong {margin: 0}
  .cdns_card .tit h3 {
    margin-bottom: 0;
    font-size: 25px;
    order: -1;
  }

  .cdns_card .tit h3 br {display: none}
  .book_desc {width: 100%}
}

@media (max-width: 768px){
  .center_cont li > strong {
    margin: 0 0;
    display: block;
    font-weight: bolder;
    letter-spacing: 0.5px;
    font-size:15px;
  }
}

/*모바일에서끝*/

.center_cont li dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8;
  color: #666;
}

@media (max-width: 61.9em) {.center_cont li dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #666;
}}

.center_cont li dl span {color: #00a59b}
.center_cont li dd {width: 100%}

.center_cont li dd::before {
  content: "";
  width: 3px;
  height: 3px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  background-color: #666;
  border-radius: 50%;
}

.knowledge_cont_card {
  height: 675px;
  position: relative;
  border-radius: 20px;
}
.knowledge_cont_card .swiper{
  overflow: visible;
}
.knowledge_cont_card.arkow_cont_card.card_1 .know_header {display: none !important}
.knowledge_cont_card.arkow_cont_card.card_2 .know_header,
.knowledge_cont_card.arkow_cont_card.card_3 .know_header {display: block}

.know_header {
  position: absolute;
  right: 5px;
  z-index: 2;
  animation: up-down 1s infinite cubic-bezier(0.57, 0.13, 0.25, 1) alternate
}

@keyframes up-down{
  from{top: 25px}
  to{top: 5px}
}

/*추가*/
.know_header img {
  max-width: 150px;
 /*padding: 15px 10px 0px 0px;*/
}

@media (max-width: 61.9em) {
  /*.know_header {*/
  /*  position: absolute;*/
  /*  right: -70px;*/
  /*  top: 0;*/
  /*  z-index: 2;*/
  /*}*/

  /*.know_header img {*/
  /* padding: 0px 20px 0px 0px;*/
  /* width: 60%;*/
  /*}*/
}

/*추가*/

.know_tit_cont {
  text-align: center;
  cursor: pointer;
}

.know_tit_cont .mb_roll {display: none}

.know_tit_cont .btn_wrap {
  position: absolute;
  left: 40px;
}
.know_tit_cont .know_bg img{
  border-radius: 20px;
}
.know_tit_cont .know_bg .pc_roll{
  width: 100%;
  height: 676px;
  object-fit: cover;
  object-position: 0 0;
}
.know_tit_cont .btn_wrap.gallery_btn {top: 300px}
.know_tit_cont .btn_wrap.cardnews_btn,
.know_tit_cont .btn_wrap.psybooks_btn {top: 270px}
.know_tit_cont .btn_wrap.interview_btn {top: 280px}
.know_tit_cont .btn_wrap.oil_btn {top: 365px}
.know_tit_cont .btn_wrap.koddi_01_btn {top: 325px}
.know_tit_cont .btn_wrap.koddi_02_btn {top: 285px}
.know_tit_cont .btn_wrap.mabi_01_btn {top: 300px}


/* 한국문화예술위원회 */
.know_tit_cont .btn_wrap.arkow_btn {
  left: 25px;
  top: 25px;
}

.know_tit_cont .btn_wrap button {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  /*font-family: inherit;*/
  padding: 11px 31px;
  /*border: 2px solid #00a59b;*/
  border-radius: 100px;
  background-color: #ffffff;
  box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.12);
}

.know_tit_cont .btn_wrap button svg {
  margin-left: 3px;
  font-size: 25px;
  vertical-align: middle;
  transition: all 0.3s;
}

.know_tit_cont .btn_wrap button:hover svg {transform: translateX(30%)}




/*롤링배경추가
 @media (max-width: 61.9em) {
.know_tit_cont .gallery {background-color:#583372}
.know_tit_cont .cardnews {background-color:#40957e}
.know_tit_cont .interview {background-color:#252323}
.know_tit_cont .psybooks {background-color:#83aaa0}}
롤링배경추가끝*/

.know_tit_cont .know_box {
  margin: 25px 0 0;
}

.know_tit_cont .know_box img {
  width: 80%;
  margin: 0 auto;
}

.know_slide_dot {
  width: 70%;
  position: absolute;
  left: 50%;
  bottom: 33px;
  transform: translateX(-50%);
  z-index: 1;
  /*background:#3a414054;
  border-radius:50px;*/
}

.know_slide_dot ul {
  padding: 5px 12px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  border-radius: 50px;
}

.know_slide_dot li {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  color: #00a59b;
}

.know_slide_dot ul li + li {
  margin-left: 15px;
}

.know_slide_dot li div:not(.swiper-pagination) {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #00a59b;
  border-radius: 50%;
  background-color:#fffc; 
}

.know_slide_dot ul li svg {
  font-size: 20px;
  vertical-align: middle;
}

.swiper-button-next,
.swiper-pagination,
.swiper-button-prev {position: static !important}

.swiper-button-next,
.swiper-button-prev {
  margin: 0 !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 15px !important;
  color: #00a59b;
}

.swiper-button-next:after {margin-left: 3px}
.swiper-button-prev:after {margin-right: 3px}

.play_btn {display: none}
.play_btn.active {display: block}

.pause_btn {display: none}
.pause_btn.active {display: block}


@media (max-width: 1200px) {
  .top_banner {display: none}
  .header {height: 85px}

  .header_cont .ham {
    display: block;
    cursor: pointer;
  }

  .header_cont .main_menu,
  .header_cont .sub_menu {display: none}

  .header_cont .ham_menu {
    width: 300px;
    height: 100vh;
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
    background-color: #fff;
    transform: translateX(100%);
    transition: all 0.5s ease;
  }

  .ham_menu.active {
    transform: translate(0);
    box-shadow: 3px 0 57px rgba(0, 0, 0, 0.35);
  }

  .mobile_nav .mobile_top_cont {
    padding: 20px;
    background-color: #00a59b;
  }

  .mobile_nav .mobile_top_cont .close {
    display: inline-block;
    cursor: pointer;
  }

  .mobile_nav .mobile_top_cont .login_menu {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }

   .mobile_nav .mobile_top_cont .login_menu p {
    margin-bottom: 0.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
  }

  .mobile_nav .mobile_top_cont .login_menu p:hover svg {
    transform: translateX(15%);
  }

  .mobile_nav .mobile_top_cont .login_menu p svg {
    margin: 0 0 0 5px;
    stroke-width: 25px;
    transition: all 0.2s;
  }

  .mobile_nav .mobile_top_cont .login_menu .mobile_top_menu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
  }
  .mobile_nav .mobile_top_cont .login_menu .mobile_top_menu li {cursor: pointer}
  .mobile_nav .mobile_top_cont .login_menu .mobile_top_menu li:first-child {margin-right: 15px}


 .mobile_nav .accordion_menu {
    background-color: #fff;
  }

  .mobile_nav .accordion_menu .accordion-item {
    border: none;
  }

  .mobile_nav .accordion_menu .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
  }

  .mobile_nav .accordion_menu .accordion-header .accordion-button {
    max-height: 61.4px;
    padding: 20px;
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    color: #1c1c1c;
    letter-spacing: 0;
    border-bottom: 1px solid #d8d8d8;
	/*font-family: 'Pretendard-ExtraBold', sans-serif !important;*/
  }
  .mobile_nav .accordion_menu .accordion-header .accordion-button img {width: 30px}


  .mobile_nav .accordion_menu .accordion-header .accordion-button::after {
    background-image: url('../images/main/NavHamArrow.png');
  }

  .mobile_nav .accordion_menu .accordion-header .accordion-button:not(.collapsed) {
    color: #00a59b;
    background-color: rgba(0, 165, 155, 0.1019607843);
    box-shadow: none;
  }

  .accordion_menu .accordion-header .accordion-button:not(.collapsed) h3 {
    color: inherit;
  }

  .mobile_nav .accordion_menu .accordion-header .accordion-button:not(.collapsed):after {
    transform: rotate(90deg);
  }

  .mobile_nav .accordion_menu .accordion-body {
    padding: 15px 20px;
    border-bottom: 1px solid #d8d8d8;
  }

  .mobile_nav .accordion_menu .accordion-body .accor_under_menu li a {
    font-size: 15px;
    font-weight: 300;
    color: #666;
    line-height: 40px;
    transition: all .3s;
  }

  .mobile_nav .accordion_menu .accordion-body .accor_under_menu li a:hover {color: #00a59b}
  .mobile_nav .accordion_menu .shop_ham_menu {
    width: 100%;
    padding: 15px;
  }

  .quick {display: none}
}

/* right_card slide */
@media(max-width: 990px){
  /* 20240308 */
  .know_slide_dot {
    width: auto;
    left: 25px;
    bottom: 25px;
    transform: translate(0, 0);
  }

  .know_slide_dot ul {padding: 0 !important}
  .know_slide_dot li div:not(.swiper-pagination) {
    width: 35px;
    height: 35px;
  }

  .swiper-button-next::after,
  .swiper-button-prev::after {font-size: 13px !important}

  .know_slide_dot ul li + li {margin-left: 8px}

  .know_tit_cont .btn_wrap {
    top: auto !important;
    bottom: 25px;
    left: auto;
    right: 25px;
    transform: translate(0, 0);
  }

  .know_tit_cont .btn_wrap.arkow_btn {
    left: auto;
  }

  .know_tit_cont .pc_roll {display: none}
  .know_tit_cont .mb_roll {
    width: 100%;
    display: block;
  }

  /*.know_tit_cont .btn_wrap {*/
  /*  left: 50%;*/
  /*  transform: translateX(-50%);*/
  /*}*/

  /*.know_tit_cont .btn_wrap.gallery_btn {top: 330px}*/
  /*.know_tit_cont .btn_wrap.cardnews_btn,*/
  /*.know_tit_cont .btn_wrap.interview_btn {top: 285px}*/
  /*.know_tit_cont .btn_wrap.psybooks_btn {top: 270px}*/
}

@media(max-width: 768px) {
  /*.know_tit_cont .btn_wrap {*/
  /*  transform: translate(-50%, -50%);*/
  /*}*/

  /*.know_tit_cont .btn_wrap.gallery_btn,*/
  /*.know_tit_cont .btn_wrap.cardnews_btn,*/
  /*.know_tit_cont .btn_wrap.interview_btn,*/
  /*.know_tit_cont .btn_wrap.psybooks_btn {top: 50%}*/
  .know_tit_cont .btn_wrap button {
    padding: 10px 25px;
    font-size: 13px;
  }

  .know_tit_cont .btn_wrap button svg {font-size: 20px}
}

/* right_card slide */

@media (max-width: 990px) {
  .main_notice {width: 100%}
  .main_card {flex-wrap: wrap}
  .main_card .left_card {width: 100%}
  .main_card .right_card {
    width: 100%;
    margin: 20px 0 0 0;
  }

  .course_card,
  .sugang_card {
    height: 280px;
    padding: 30px;
  }

  .course_card .tit h3,
  .sugang_card .tit h3 {font-size: 30px}

  .knowledge_cont_card {height: auto}
  .know_tit_cont .desc br {display: none}
  .know_tit_cont .know_box img {width: 30%}
}

@media (max-width: 768px){
  /* Footer */
  .footer {font-size: 13px}

  .footer .footer_cont {flex-wrap: wrap}
  .footer .footer_cont .copy {width: 100%}
  .footer .footer_cont .policy_btn {margin-top: 15px}

  .course_card,
  .sugang_card,
  .customer_center_card,
  .customer_service_card {width: 100%}

  .course_card,
  .sugang_card {height: auto}

  .course_card:hover,
  .sugang_card:hover {transform: scale(1)}

  .customer_center_card {margin-top: 20px}
  .customer_center_card,
  .customer_service_card {height: auto}

  .center_cont li {width: 50%}
  .center_cont li:first-child {margin-bottom: 0}

  .center_cont li:first-child dl,
  .center_cont li:first-child dl dd {width: 100%}
}

@media (max-width: 580px){
  .main_notice {padding: 3px 0}
  /*.notice_cont {flex-wrap: wrap}*/
  .notice_tit {margin-right: 10px}
  .notice_desc dt {margin: 0 20px 0 0}

  .cdns_card .tit {
    justify-content: center;
    flex-wrap: wrap;
  }

  .cdns_card .tit strong {
    width: 100%;
    text-align: center;
  }

  .cdns_card .tit h3 {
    margin-top: 5px;
    order: 0;
  }

  .course_card .tit strong,
  .sugang_card .tit strong {font-size: 16px}

  .course_card .tit h3,
  .sugang_card .tit h3 {font-size: 25px}

  .customer_tit {
    /*justify-content: center;*/
    flex-wrap: wrap;
	  margin-bottom:0;
  }

  .customer_tit p {
    width: 100%;
    justify-content: flex-end;
    margin-top: -45px;
    position: relative;
    z-index: 100;
  }

  .center_cont li {text-align: center}
  .center_cont li h5 {justify-content: center}
  .know_tit_cont .know_box img {width: 50%}
}

@media (max-width: 420px){
  .notice_desc dt {
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .center_cont li {width: 100%}
  .center_cont li:first-child {margin-bottom: 35px}
}