@charset "UTF-8";
/* ==========================================================================================
공통
========================================================================================== */
:root {
  --color1: #002E5B;
  --color2: #FDE434;
  --color3: #133460;
  --scolor1: #128BBF;
  --scolor2: #EFCBA6;
  --scolor3: #CFD1F2;
  --btn1: var(--color1);
  --btn1Ov: #353540;
  --btn2: #4F5472;
  --btn2Ov: #262837;
  --btn3: #353540;
  --btn3Ov: var(--color1);
  --btn4: #D46300;
  --btn5: #EFF3F6;
}

/* ==========================================================================================
header
=========================================================================================== */
.header {
  border-bottom: 1px solid #E1E7EB;
}


.topmenu > li .submenu {
  display: none !important;
}
.topmenu > li.active .submenu {
  display: block !important;
}

.header .gnb_wrap .logo img {width:141px !important}
.header .gnb_wrap .logo a {width: 14.1rem;}


/* 헬스 리터러시 메뉴 가운데 정렬 */
.topmenu > li.lnb4 .submenu {margin-left:55px}

/* ==========================================================================================
main
=========================================================================================== */

/* 로딩 스피너 */
.spinner{width:50px;height:50px;border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius: 50%;animation:spin 1s linear infinite;margin: 0 auto}
/* 로딩 애니메이션 */
@keyframes spin {
    0% {transform:rotate(0deg)}
    100% {transform:rotate(360deg)}
}
/* 건강정보 콘텐츠 */
#movie_section {background: #fff; background-image: url(../img/main/main_bg.png); background-position: center; background-size: cover; width: 100%; height: 100%;}
#movie_section .movie_link{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
#movie_section .item{flex:1 1 50%; max-width:25%; padding: 0 20px 20px;}
#movie_section .video-info {padding: 5px;}
#movie_section .video-title {font-size: 20px; font-weight: bold; margin: 5px 0; color: #252525; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#movie_section .video-meta {display: flex; justify-content: space-between; font-size: 14px; color: #777; margin-top: 10px;}
#movie_section .btn_more{position: absolute;right: 25px;top: 20px;color: inherit;}
#movie_section .btn_more i{margin-left: 10px;}
#movie_section .img{display: inline-block; overflow:hidden; border-radius: 2rem; position: relative;border:1px solid #ddd}
#movie_section img{vertical-align: top;transition:.3s;}
#movie_section a:hover img{transform:scale(1.1);}
#movie_section a:hover .refer{text-decoration:underline;}
/* ==========================================================================================
footer
=========================================================================================== */
.footer .footer_link .fnb li:first-child a {
  color: #FDE434;
}
.footer .mark{margin-top:1rem; }
@media (max-width: 767.98px) {
  .gnb2 .topmenu_all {
    background: none;
  }
}/*# sourceMappingURL=layout.css.map */