@charset "UTF-8";

/* 웹 시작 */
@media screen and (min-width: 1280px) {
  .wrapper {
    position: relative;
    width: 100%;
  }
  .m-only {
    display: none;
  }
  .w-only {
    display: block;
  }

  /* Layout */
  header {
    z-index: 10;
    position: fixed;
    width: 100%;
    height: 80px;
    background: #fff;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid #e7eaee;
  }
  header > .inner-wrap {
    position: relative;
    width: 100%;
    height: 100%;
  }
  header.active > .inner-wrap {
    width: calc(100% - 248px);
    margin-left: 248px;
  }
  header .open-drawer-menu {
    cursor: pointer;
    position: fixed;
    top: 16px;
    left: 16px;
    width: 48px;
    height: 48px;
    background: url(../../image/icon_drawer_menu.png) no-repeat 0 0;
    background-size: contain;
  }
  header .logo {
    position: fixed;
    top: 12px;
    left: 68px;
    width: 180px;
    height: 56px;
  }
  header .logo img {
    width: 100%;
    height: 100%;
  }
  header .header-wrap {
    width: 1240px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  /* gnb */
  .gnb {
    padding: 0 16px;
  }
  .gnb hr {
    margin: 16px 0 24px;
    border: 0;
    border-top: 1px solid rgba(30, 34, 41, 0.04);
  }
  .gnb h4 {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }
  .gnb ul {
    margin: 16px 0 0;
  }
  .gnb li > a {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
	  transition: all 0.3s;  
  }
  .gnb li > a span {
    width: 150px; 
    word-wrap: break-word;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }
  .gnb li > a img {
    width: 28px;
    height: 28px;
  }
  .gnb li > a.active,
  .gnb li > a:hover {
    border-radius: 8px;
    background: #f0f9fc;
    font-weight: 700;
  }

  main {
    /* display: flex; */
    padding-top: 80px;
    width: 100%;
    min-height: 640px;
  }
  main > aside.drawer-menu {
    display: none;
    position: fixed;
    width: 248px;
    height: 100%;
    border-right: 1px solid var(--Border-Tertiary, #e7eaee);
	overflow-y: scroll;
	padding-bottom: 120px;
  }
  main > aside.drawer-menu::scrollbar { 
    display: none;
  }
  main > aside.drawer-menu::-webkit-scrollbar { 
    display: none;
  }
  main > aside.drawer-menu.active {
    display: block;
  }
  main > section.container {
    height: 100%;
  }
  main > section.container {
    width: 100%;
    height: 800px;
  }
  main > aside.drawer-menu.active + section.container {
    width: calc(100% - 248px);
    margin-left: 248px;
  }
  main > section.container > section.content {
    width: 1240px;
    min-height: 400px;
    margin: 0 auto;
    border: 0;
    padding: 0 0 120px;
  }
  main > section.container > section.content.width-web-only {
    width: 820px;
  }
  main > section.container > footer {
    width: 100%;
    height: 340px;
    background: var(--Background-Lower-Secondary, #f8f9fa);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 32px;
  }

  /* fnb */
  footer .fnb {
    order: 1;
    white-space: normal;
    word-wrap: break-word;
    display: flex;
    align-items: center;
    gap: 24px;
  }
  footer .fnb a {
    color: var(--Text-Sub-Primary, #686e7b);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }

  /* info */
  footer .info {
    order: 0;
    white-space: normal;
    word-wrap: break-word;
  }
  footer .info h4 {
    color: var(--Text-Sub-Primary, #686e7b);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }
  footer .info ul {
    margin: 24px 0 0;
  }
  footer .info li {
    margin: 8px 0 0;
    display: flex;
    align-items: flex-start;
  }
  footer .info li .tit {
    width: 120px;
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
  }
  footer .info li .con {
    width: calc(100% - 120px);
    color: var(--Text-Sub-Primary, #686e7b);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
  }
  footer .info .copyright {
    margin: 32px 0 0;
    color: var(--Text-Sub-Tertiary, #bac1cb);
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }

  /*****/
  hr {
    margin: 24px 0;
    border: 0;
    border-top: 1px solid rgba(30, 34, 41, 0.04);
  }

  /* search-medium */
  .search-medium {
    position: relative;
    margin: 0 0 0 472px;
    width: 560px;
    height: 48px;
    padding: 0;
    border-radius: 60px;
    border: 2px solid transparent;
    background-image: var(
      --Gradient-Horizontal,
      linear-gradient(90deg, #4bc8ea 0%, #fec261 74.37%),
      linear-gradient(
        90deg,
        rgba(72, 200, 234, 1) 0%,
        rgba(255, 185, 71, 99) 100%
      )
    );
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-color: #ffffff;
  }
  .search-medium input {
    display: inline-block;
    border-radius: 60px;
    width: 100%;
    padding: 0 48px 0 18px;
    font-size: 15px;
    letter-spacing: -0.7px;
    text-align: left;
    color: #353C46;
    line-height: 44px;
    transition: all 0.5s;
    font-weight: 400;
  }
  .search-medium > .btn-medium {
    position: absolute;
    display: inline-block;
    width: 28px;
    height: 28px;
    text-indent: -9999px;
    padding: 0;
    min-width: auto;
    border: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    background: url(../../image/icon_search.png) no-repeat 0 0;
    background-size: contain;
  }
  .search-medium > input[type="search"]::-webkit-search-cancel-button {
    margin-right: 24px;
  }

  /* popup-recommended-search-terms */
  .popup-recommended-search-terms {
    display: none;
    position: absolute;
    top: 54px;
    left: 0;
    width: 560px;
	height: auto;
    flex-shrink: 0;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid var(--Border-Tertiary, #e7eaee);
    background: var(--Background, #fff);
    box-shadow: 0px 2px 6px 0px rgba(30, 34, 41, 0.04);
  }
  .search-medium.active .popup-recommended-search-terms {
    display: block;
  }
  .popup-recommended-search-terms h4 {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.042px;
  }
  .popup-recommended-search-terms .list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 8px 0 0;
  }
  .popup-recommended-search-terms .list a {
    display: inline-flex;
    height: 28px;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 50px;
    border: 1px solid var(--Border-Tertiary, #e7eaee);
    background: var(--Background, #fff);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
	transition: all 0.3s;
  }
  .popup-recommended-search-terms .list a:hover {
    border: 1px solid var(--Border-Primary, #C8CFD6);
  }
  .popup-recommended-search-terms .list a span {
    color: var(--Primary-Darkened, #2eb9df);
	display:none;
  }
  .popup-recommended-search-terms hr {
    margin: 24px 0;
  }

  /* popular-searches */
  .popular-searches {
    margin: 0 0 0 88px;
    position: relative;
    width: 335px;
  }
  .popular-searches > .btn {
    display: flex;
    align-items: center;
    padding: 0 0 0 16px;
    cursor: pointer;
    background: url(../../image/icon_arrow_down.png) no-repeat right center;
    background-size: contain;
  }
  .popular-searches > .btn .tit {
    display: inline-flex;
    height: 24px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid var(--Primary-Lightened, #f0f9fc);
    background: var(--Primary-Lightened, #f0f9fc);
    color: var(--Primary-Darkened, #2eb9df);
    text-align: center;
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }
  .popular-searches > .btn .ranking {
    margin: 0 16px 0 12px;
    color: var(--Text-Sub-Tertiary, #bac1cb);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px; /* 118.75% */
    letter-spacing: -0.048px;
  }
  .popular-searches > .btn .ranking.blue {
    color: var(--Primary-Darkened, #2eb9df);
  }
  .popular-searches > .btn .keyword {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px; /* 118.75% */
    letter-spacing: -0.048px;
  }
  .popular-searches > ul {
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    width: 335px;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid var(--Border-Tertiary, #e7eaee);
    background: var(--Background, #fff);
    box-shadow: 0px 2px 6px 0px rgba(30, 34, 41, 0.04);
  }
  .popular-searches.active > ul {
    display: block;
  }
  .popular-searches > ul > li + li {
    margin: 12px 0 0;
  }
  .popular-searches > ul .ranking {
	display:inline-block;
	width:24px;
    margin: 0 6px 0 0;
    color: var(--Text-Sub-Tertiary, #bac1cb);
    text-align: center;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.042px;
  }
  .popular-searches > ul .ranking.blue {
    color: var(--Primary-Darkened, #2eb9df);
  }
  .popular-searches > ul .keyword {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.042px;
  }

  .popular-searches > ul > li a:hover .keyword {
    text-decoration: underline;
  }
  .swiper-container.marquee {
    width: 500px;
    height: 20px;
  }

  /* main-slide */
  .main-slide {
    width: 100%;
  }
  .main-slide .swiper-slide {
    width: 100%!important;
    height: 248px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
    .main-slide .swiper-slide {
    width: 100%!important;
    height: 248px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
   .main-slide .swiper-slide > a { display:block; width:100%; height:100%; }
   .main-slide .swiper-slide > a > img { display:block; width:100%; height:100%; object-fit:cover; }

  
  .main-slide .swiper-slide > a { 
    display: block;
	width: 100%;
	height: 100%;
  }
  
  .main-slide .swiper-slide > a > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
  }

  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom {
    bottom: 12px !important;
  }
  .swiper-pagination-bullet.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    opacity: 0.4;
  }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
  }
  .swiper-container-horizontal
    > .swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 2px;
  }

  .slider-btn-prev {
    z-index: 10;
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
    background: url(../../image/icon_arrow_left.png) no-repeat center center;
    background-size: contain;
  }
  .slider-btn-next {
    z-index: 10;
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    right: 5%;
    background: url(../../image/icon_arrow_right.png) no-repeat center center;
    background-size: contain;
  }

  /* video-wrap */
  .video-wrap {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 56.28%;
    height: 0;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid var(--Dimed-4, rgba(30, 34, 41, 0.04));
  }
  .video-wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* main-index */
  .main-index {
    margin: 32px 0 0;
  }

  /* main-video-wrap */
  .main-video-wrap {
    padding: 0 0 40px;
    display: flex;
    justify-content: space-between;
  }
  .main-video-wrap .video-view {
    width: 860px;
  }
  .main-video-wrap .video-list {
    width: 356px;
  }

  /* cate-date-subject-btn */
  .cate-date-subject-btn {
    margin: 16px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .cate-date-subject-btn .cate-date-subject {
    width: 700px;
  }
  .cate-date-subject-btn .btn {
    max-width: 160px;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
  }
  .cate-date-subject-btn .cate-date {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .cate-date-subject-btn .cate-date .cate {
    color: var(--Primary-Darkened, #2eb9df);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }
  .cate-date-subject-btn .cate-date .date {
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
	display:none;
  }
  .cate-date-subject-btn .subject {
    margin: 12px 0 0;
    color: var(--Text-Primary, #1e2229);
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 120% */
    letter-spacing: -0.06px;
  }

  /* btn-heart */
  .btn-heart {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: 66px;
    height: 40px;
    padding: 0px 8px 0px 4px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 1px solid var(--Border-Secondary, #d8dde2);
    background: var(--Background, #fff);
	transition:all 0.3s;
	color: var(--Text-Secondary, #353C46);
  }
  .btn-heart:hover {
	border:1px solid #FF9E9E;
  }
  .btn-heart:hover:before {
    transform:scale(1.1);
  }
  
  .btn-heart:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../../image/icon_heart_active.png) no-repeat;
    background-size: contain;
	transform:scale(1.0);
	transition:all 0.3s;
  }
  .btn-heart span {
    color: var(--Text-Secondary, #353c46);
    text-align: center;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }

  /* btn-download */
  .btn-download {
    display: inline-flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 1px solid var(--Border-Secondary, #d8dde2);
    background: var(--Background, #fff);
	transition: all 0.3s;
  }
  .btn-download:hover {
	border: 1px solid var(--Border-Primary, #C8CFD6);
	  
  }
  .btn-download:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../../image/icon_upload.png) no-repeat;
    background-size: contain;
  }

  /* btn-more */
  .btn-more {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--Text-Sub-Primary, #686e7b);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }

  /* update-event-news */
  .update-event-news {
    position: relative;
    margin: 24px 0 0;
    padding: 16px 86px 40px 16px;
    border-radius: 12px;
    background: var(--Background-Lower-Secondary, #f8f9fa);
    height: 95px;
    overflow: hidden;
  }
  .update-event-news.active {
	  min-height:95px;
  }
  
  .update-event-news:before {
	  display:block;
	  position:absolute;
	  content:'';
	  width:100%;
	  height:24px;
	  background: linear-gradient(180deg, rgba(248, 249, 250, 0.00) 0%, #F8F9FA 50%);
	  left:0;
	  bottom:0;
	  z-index:0;
  }
  
  .update-event-news .tit {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 140% */
    letter-spacing: -0.045px;
  }
  .update-event-news .con {
    margin: 4px 0 0;
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 140% */
    letter-spacing: -0.045px;
    white-space: pre-line;
  }
  .update-event-news .con > br {
	  display:none!important;
  }
  
  .update-event-news .btn-more {
    position: absolute;
    bottom: 16px;
    right: 16px;
  }
  .update-event-news .btn-more:before {
    content: "더보기";
    display: block;
    color: var(--Text-Sub-Primary, #686e7b);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }
  .update-event-news .btn-more::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../image/icon_arrow_down.png) no-repeat;
    background-size: contain;
  }
  /* active */
  .update-event-news.active {
    height: auto;
  }
  .update-event-news.active .btn-more:before {
    content: "접기";
    display: block;
    color: var(--Text-Sub-Primary, #686e7b);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }
  .update-event-news.active .btn-more::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../image/icon_arrow_up.png) no-repeat;
    background-size: contain;
  }

  .tag-list {
    margin: 16px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .tag-list a {
    display: flex;
    height: 28px;
    padding: 0px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 1px solid var(--Border-Tertiary, #e7eaee);
    background: var(--Background, #fff);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
    transition:all 0.3s;
  }
  .tag-list a:hover {
	border: 1px solid var(--Border-Primary, #C8CFD6);  
  }
  /* category-slider */
  .category-slider {
    position: relative;
    width: 100%;
    height: 28px;
  }
  .category-slider .swiper-container .swiper-wrapper .swiper-slide {
    width: auto;
    margin: 0 6px 0 0;
  }
  .category-slider .swiper-container .swiper-wrapper .swiper-slide .category {
    display: flex;
    height: 28px;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Background-Lower-Primary, #f3f5f6);
    background: var(--Background-Lower-Primary, #f3f5f6);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
  }
  .category-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .category.active {
    border: 1px solid var(--Gray-900, #1e2229);
    background: var(--Gray-900, #1e2229);
    color: var(--Background-Dark-Inverted, #fff);
    font-weight: 700;
  }

  /* item-list */
  .item-list {
    margin: 24px 0 0;
  }
  .item-list > ul > li {
    margin: 16px 0 0;
    position: relative;
  }
  .item-list > ul > li a {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
  }
  .item-list .img {
    position: relative;
    width: 171px;
    height: 96px;
    border-radius: 8px;
    border: 1px solid var(--Dimed-4, rgba(30, 34, 41, 0.04));
    background: url(../../image/bg_no_img.png) no-repeat center center;
    background-size: cover;
	overflow: hidden;
	box-sizing: border-box;
  }
  .item-list .img img {
    width: 100%;
    height: 100%;
  }
  .item-list .img span {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: inline-flex;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--Dimed-40, rgba(30, 34, 41, 0.4));
    color: var(--White, #fff);
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 127.273% */
    letter-spacing: -0.033px;
  }
  .item-list .info {
    width: calc(100% - 171px);
    padding: 0 0 0 16px;
    white-space: normal;
    word-wrap: break-word;
  }
  .item-list .subject {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.042px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }
  .item-list .date {
    margin: 8px 0 0;
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
	display:none;
  }
  .item-list .tag {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 187px);
  }
  .item-list .tag > div {
	width: 100%;
	height: 28px;
	overflow: hidden;
  }
  .item-list .tag a {
    display: block;
	float: left;
    height: 24px;
    padding: 0px 8px;
	margin-right:4px;
	margin-bottom:8px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 1px solid var(--Border-Tertiary, #e7eaee);
    background: var(--Background, #fff);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 127.273% */
    letter-spacing: -0.033px;
	transition: all 0.3s;
  }
  .item-list .tag a:hover {
	border: 1px solid var(--Border-Primary, #C8CFD6); 
  }
  hr.large {
    margin: 40px 0;
  }

  /* main-group-title-btn */
  .main-group-title-btn {
    margin: 40px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .main-group-title-btn h4 {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 121.739% */
    letter-spacing: -0.069px;
  }
  .main-group-title-btn .more {
    background: #fff;
    padding:6px 12px;
	border: 1px solid var(--Primary-Darkened, #2eb9df);
	color:var(--Primary-Darkened, #2eb9df);
	border-radius:50vh;
	text-align: center;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.042px;
	transition:all 0.5s;
  }
  .main-group-title-btn .more:hover {
    background: var(--Primary-Darkened, #2eb9df);
	color:#fff;
  }

  /* slide-item-list-1 */
  .item-list.slide-item-list-1 > ul {
    display: flex;
  }
  .item-list.slide-item-list-1 > ul > li {
    display: block;
    width: 392px;
    margin: 0 32px 0 0;
  }
  .item-list.slide-item-list-1 > ul > li > a {
    display: block;
  }
  .item-list.slide-item-list-1 .img {
    width: 392px;
    height: 220.5px;
  }
  .item-list.slide-item-list-1 .img span {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: inline-flex;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--Dimed-40, rgba(30, 34, 41, 0.4));
    color: var(--White, #fff);
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }
  .item-list.slide-item-list-1 .info {
    width: 100%;
    padding: 12px 0 40px;
  }
  .item-list.slide-item-list-1 .subject {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
	min-height:44px;
  }
  .item-list.slide-item-list-1 .date {
    margin: 6px 0 0;
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
	display:none;
  }
  .item-list.slide-item-list-1 .tag {
    position: absolute;
    bottom: 0;
    right: auto;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
	width: 100%;
  }

  /* slide-item-list-2 */
  .item-list.slide-item-list-2 > ul {
    display: flex;
  }
  .item-list.slide-item-list-2 > ul > li {
    display: block;
    width: 292px;
    margin: 0 24px 0 0;
  }
  .item-list.slide-item-list-2 > ul > li > a {
    display: block;
  }
  .item-list.slide-item-list-2 .img {
    width: 292px;
    height: 164.25px;
  }
  .item-list.slide-item-list-2 .info {
    width: 100%;
    padding: 12px 0 42px;
  }
  .item-list.slide-item-list-2 .subject {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
	min-height:44px;
  }
  .item-list.slide-item-list-2 .date {
    margin: 6px 0 0;
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
	display:none;
  }
  .item-list.slide-item-list-2 .tag {
    position: absolute;
    bottom: 0;
    right: auto;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
  }
  .item-list.slide-item-list-2 .tag > div {
	  width:100%;
	  height:28px;
	  overflow:hidden;
  }

  /* slide-item-list-3 */
  .item-list.slide-item-list-3 > ul {
    display: flex;
  }
  .item-list.slide-item-list-3 > ul > li {
    display: block;
    width: 232px;
    margin: 0 20px 0 0;
  }
  .item-list.slide-item-list-3 > ul > li > a {
    display: block;
  }
  .item-list.slide-item-list-3 .img {
    width: 232px;
    height: 130px;
  }
  .item-list.slide-item-list-3 .info {
    width: 100%;
    padding: 12px 0 40px;
  }
  .item-list.slide-item-list-3 .subject {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
	min-height:44px;
  }
  .item-list.slide-item-list-3 .date {
    margin: 6px 0 0;
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
	display:none;
  }
  .item-list.slide-item-list-3 .tag {
    position: absolute;
    bottom: 0;
    right: auto;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
  }

  /* slide-item-list-4 */
  .item-list.slide-item-list-4 > ul {
    display: flex;
  }
  .item-list.slide-item-list-4 > ul > li {
    display: block;
    width: 232px;
    margin: 0 20px 0 0;
  }
  .item-list.slide-item-list-4 > ul > li > a {
    display: block;
  }
  .item-list.slide-item-list-4 .img {
    width: 232px;
    height: 412.444px;
    background: url(../../image/bg_no_img_h.png) no-repeat center center;
    background-size: contain;
  }
  .item-list.slide-item-list-4 .info {
    width: 100%;
    padding: 12px 0 40px;
  }
  .item-list.slide-item-list-4 .subject {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }
  .item-list.slide-item-list-4 .date {
    margin: 6px 0 0;
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
	display:none;
  }
  .item-list.slide-item-list-4 .tag {
    position: absolute;
    bottom: 0;
    right: auto;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
  }

  .sub-title {
    margin: 40px 0 0;
    padding: 0 0 24px;
    border-bottom: 1px solid rgba(30, 34, 41, 0.08);
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 121.739% */
    letter-spacing: -0.069px;
  }

  /* list-empty */
  .list-empty {
    padding: 200px 0;
    color: var(--Text-Sub-Tertiary, #bac1cb);
    text-align: center;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.042px;
  }
  .list-empty img {
    width: 72px;
    height: 72px;
  }
  .list-empty pre {
    margin: 8px 0 0;
    color: var(--Text-Sub-Tertiary, #bac1cb);
    text-align: center;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.042px;
  }

   .sub-v { width:100%; height:248px; }
 .sub-v > a { display:block; width:100%; height:100%; }
  .sub-v > a > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* video-list-2depth */
  .video-list-2depth > ul {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin-top: -8px;
  }
  .video-list-2depth > ul > li {
    position: relative;
    width: calc((100% - 72px) / 4);
    margin: 24px 24px 0 0;
  }
  .video-list-2depth > ul > li:nth-child(4n) {
    margin-right: 0;
  }
  .video-list-2depth > ul > li > a {
    display: block;
  }
  .video-list-2depth .img {
    position: relative;
    width: 292px;
    height: 164.25px;
    background: url(../../image/bg_no_img.png) no-repeat center center;
    background-size: cover;
    border-radius: 8px;
	overflow:hidden;
    border: 1px solid var(--Dimed-4, rgba(30, 34, 41, 0.04));
  }
  .video-list-2depth .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .video-list-2depth .img span {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: inline-flex;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--Dimed-40, rgba(30, 34, 41, 0.4));
    color: var(--White, #fff);
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }
  .video-list-2depth .info {
    width: 100%;
    padding: 12px 0 40px;
  }
  .video-list-2depth .subject {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
	min-height:44px;
  }
  .video-list-2depth .date {
    margin: 6px 0 0;
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
	display:none;
  }
  .video-list-2depth .tag {
    position: absolute;
    bottom: 0;
    right: auto;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  
  .video-list-2depth .tag {
	  width:100%;
	  height:28px;
	  overflow:hidden;
  }
  
  .video-list-2depth .tag a {
    display: inline-flex;
    height: 24px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 1px solid var(--Border-Tertiary, #e7eaee);
    background: var(--Background, #fff);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }

  /* radio-order-by */
  .radio-order-by {
    margin: 16px 0 0;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .radio-order-by label input {
    display: none;
  }
  .radio-order-by label span {
    display: flex;
    display: flex;
    height: 28px;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Background-Lower-Primary, #f3f5f6);
    background: var(--Background-Lower-Primary, #f3f5f6);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
	cursor: pointer;
  }
  .radio-order-by label input:checked + span {
    border: 1px solid var(--Gray-800, #1e2229);
    background: var(--Gray-800, #1e2229);
    color: var(--Text-Dark-Inverted, #fff);
	font-weight: 700;
  }

  /*■■■페이지네이션*/
  .paginate-area {
    display: block;
    margin: 32px auto 0;
  }
  .paginate-area ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .paginate-area:after {
    content: "";
    display: block;
    clear: both;
  }
  .paginate-area ul li {
    float: left;
    margin: 0 2px;
  }
  .paginate-area ul li a {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    text-decoration: none;
    transition: all 0.5s;
    color: var(--Text-Sub-Primary, #464646);
    text-align: center;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.039px;
  }
  .paginate-area ul .dir.prev a {
    background: url(../../image/icon_arrow_left2.png) center center no-repeat;
    background-size: 18px;
    border-radius: 6px;
    opacity: 0.7;
    border-radius: 6px;
    border: 1px solid var(--Border-Tertiary, #e7eaee);
  }
  .paginate-area ul .dir.next a {
    background: url(../../image/icon_arrow_right2.png) center center no-repeat;
    background-size: 18px;
    border-radius: 6px;
    opacity: 0.7;
    border-radius: 6px;
    border: 1px solid var(--Border-Tertiary, #e7eaee);
  }
  .paginate-area ul li.on a {
    font-weight: 400;
    background: #4bc8ea;
    color: #fff;
    border: 1px solid #4bc8ea;
    border-radius: 6px;
  }
  .paginate-area ul li.on a:hover {
    background: #4bc8ea;
    color: #fff;
    border: 1px solid #4bc8ea;
  }
  .paginate-area ul li a:hover {
    background: #fff;
  }

  .video-view-state {
    padding: 40px 0;
    margin: 0 0 40px;
    border-bottom: 1px solid rgba(30, 34, 41, 0.04);
  }

  /* banner-slide */
  .banner-slide {
    width: 100%;
    margin: 0 0 60px;
  }
  .banner-slide .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
	width:100%;
	heigh:220px;
  }
  .banner-slide .swiper-slide > a {
    display: block;
    width: 100%;
    height: 100%;
  }
  
    .banner-slide .swiper-slide > a > img {
    width: 100%;
    height: 100%;
	object-fit:cover;
  }
  

  /* board-list */
  .board-list > ul > li {
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    align-items: center;
    padding: 16px 0;
  }
  .board-list > ul > li.out:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
  }
  .board-list a {
    display: block;
    width: 100%;
    background: url(../../image/mobile/icon_arrow_right.png) no-repeat right
      center;
    background-size: 20px;
    padding: 0 32px 0 0;
  }
  .board-list.inactive-arrow a {
    background: url();
    padding: 0;
  }
  .board-list .datetime {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #a6a6a6;
  }
  .board-list .subject {
    color: var(--light-semantic-text-primary, #262626);
    font-family: "Pretendard";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px; /* 153.333% */
    letter-spacing: -0.045px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
  }
  .board-list .date-state {
    display: flex;
    align-items: center;
    margin: 4px 0 0;
  }
  .board-list .date-state .date {
    color: var(--light-semantic-text-sub-secondary, #868686);
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 154.545% */
    letter-spacing: -0.033px;
  }
  .board-list .date-state span + span {
    margin-left: 8px;
  }
  .board-list .date-state .state {
    display: flex;
    padding: 4px 6px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Light-Basic-Gray-150, #f2f2f2);
    background: var(--Light-Basic-Gray-150, #f2f2f2);
    color: var(--Light-Semantic-Text-Sub-Secondary, #868686);
    text-align: center;
    font-family: "Pretendard";
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px; /* 130% */
    letter-spacing: -0.03px;
  }
  .board-list .date-state .state.complete {
    color: var(--Light-Basic-Blue, #067df4);
  }
  .board-list .notice {
    display: flex;
    height: 20px;
    padding: 0px 6px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 4px;
    border: 1px solid var(--Background-Lower-Primary, #f3f5f6);
    background: var(--Border-Quaternary, #f3f5f6);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px; /* 130% */
    letter-spacing: -0.03px;
  }
  .board-list > ul > li.noti {
    background: var(--Light-Basic-Gray-100, #f6f6f6);
    padding: 10px 12px;
  }
  .board-list > ul > li.event {
    background: var(--Light-Basic-Gray-100, #f6f6f6);
    padding: 10px 12px;
  }
  .board-list > ul > li.noti a,
  .board-list > ul > li.event a {
    background: url();
    padding-right: 16px;
    display: flex;
    align-items: center;
  }
  .board-list > ul > li.noti a span {
    margin: 0 8px 0 0;
    width: 36px;
    padding: 4px 6px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--light-semantic-fill-reverse-secondary, #262626);
    background: var(--light-semantic-fill-reverse-secondary, #262626);
    color: var(--light-basic-white, #fff);
    text-align: center;
    font-family: "Pretendard";
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px; /* 130% */
    letter-spacing: -0.03px;
  }
  .board-list > ul > li.event a span {
    margin: 0 8px 0 0;
    width: 38px;
    padding: 4px 6px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Light-Pink, #fde6f2);
    background: var(--Light-Pink, #fde6f2);
    color: var(--Primary, #121212);
    text-align: center;
    font-family: "Pretendard";
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px; /* 130% */
    letter-spacing: -0.03px;
  }
  .board-list > ul > li.noti .subject,
  .board-list > ul > li.event .subject {
    width: 100%;
    font-size: 14px;
  }

  /* board-view */
  .board-view {
    background: #fff;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
  }
  .board-view .header {
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 16px 0;
  }
  .board-view .header .couple {
    margin: 0 0 8px;
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }
  .board-view .header h1 {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 120% */
    letter-spacing: -0.06px;
    word-break: break-all;
  }
  .board-view .header h1 .cate {
    min-width: 54px;
    height: 22px;
    line-height: 20px;
    padding: 0 8px;
    border: solid 1px #ff416f;
    background-color: #fff;
    font-size: 11px;
    color: #ff416f;
    text-align: center;
    margin: -2px 16px 0 0;
  }
  .board-view .header .info {
    margin: 8px 0 0;
  }
  .board-view .header .info ul {
    display: flex;
    align-items: center;
  }
  .board-view .header .info > ul > li {
    float: left;
    font-size: 12px;
    color: #868686;
    margin: 0 16px 0 0;
  }
  .board-view .header .info > ul > li a {
    font-size: 12px;
    color: #868686;
    text-decoration: underline;
  }
  .board-view .header .info > ul > li.writer {
    font-weight: 500;
    color: #565656;
  }
  .board-view .header .info > ul > li.hit {
    position: absolute;
    top: 0;
    right: 0;
    color: #a6a6a6;
  }
  .board-view .header .info > ul > li.hit:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    width: 24px;
    height: 24px;
    background: url(../../image/icon_hit.png);
    background-size: contain;
  }
  .board-view .header .notice {
    display: inline-flex;
    height: 20px;
    padding: 0px 6px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 4px;
    border: 1px solid var(--Background-Lower-Primary, #f3f5f6);
    background: var(--Border-Quaternary, #f3f5f6);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px; /* 130% */
    letter-spacing: -0.03px;
  }
  .board-view .header .ing {
    display: inline-flex;
    height: 24px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--Blue-Lightened, #e5effd);
    background: var(--Blue-Lightened, #e5effd);
    color: var(--Blue-Darkened, #2876e7);
    text-align: center;
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }
  .board-view .header .more-layer {
    position: absolute;
    bottom: 16px;
    right: 0;
  }
  .board-view .header .more-layer > ul {
    right: 8px;
  }
  .board-view .content {
    padding: 16px 0;
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
  }
  .board-view .content.small {
    min-height: 250px;
  }
  .board-view .content img {
    display: block;
    max-width: 100%;
    margin: 40px 0 0;
  }
  .board-view .swiper-container {
    margin: 16px 0 0;
  }
  .board-view .swiper-container .swiper-slide {
    position: relative;
    width: 100px !important;
    padding-bottom: 100px !important;
    height: 0;
    overflow: hidden;
    border-radius: 8px;
  }
  .board-view .swiper-container .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
  }

  /* board-file */
  .board-file {
    padding: 20px 0;
  }
  .board-file a {
    display: inline-block;
    height: 32px;
    margin: 0 16px 0 0;
    padding: 4px 8px;
    border-radius: 4px;
    border: solid 2px #e9e9e9;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: -0.55px;
    text-align: left;
    color: #868686;
  }
  .board-file a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: -3px 8px 0 0;
    background: url(../../image/icon_download.png);
    background-size: contain;
  }

  /*board-re*/
  .board-re {
    margin: 16px 0 0;
    padding: 16px;
    border-radius: 8px;
    background: var(--light-basic-gray-150, #f6f6f6);
  }
  .board-re > h1 {
    display: flex;
    align-items: center;
    color: var(--light-semantic-text-secondary, #868686);
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 154.545% */
    letter-spacing: -0.042px;
  }
  .board-re > h1 strong {
    margin: 0 8px 0 0;
    display: block;
    color: var(--light-semantic-text-sub-secondary, #464646);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.033px;
  }
  .board-re > div {
    color: var(--light-semantic-text-secondary, #464646);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 150% */
    letter-spacing: -0.042px;
    margin: 8px 0 0;
  }
  .board-re .answer {
    display: flex;
    height: 20px;
    padding: 0px 6px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Blue, #2c81fb);
    background: var(--Blue, #2c81fb);
    color: var(--Text-Dark-Inverted, #fff);
    text-align: center;
    font-family: Pretendard;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px; /* 130% */
    letter-spacing: -0.03px;
    margin-right: 8px;
  }

  .btn-group {
    margin: 24px 0 0;
  }

  .btn-regular {
    display: inline-flex;
    height: 40px;
    padding: 0px 16px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid var(--Border-Secondary, #d8dde2);
    background: var(--Background, #fff);
    color: var(--Text-Secondary, #353c46);
    text-align: center;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }

  /* tab-menu */
  .tab-menu {
    width: 100%;
    height: auto;
    display: block;
  }
  .tab-menu .inner-wrap {
    width: 100%;
    height: auto;
    display: block;
  }
  .tab-menu .inner-wrap .tab-header {
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 46px;
    background: #fff;
    border: 1px solid #d6d6d6;
  }
  .tab-menu .inner-wrap .tab-header li {
    transition: all 0.5s;
    display: table-cell;
    border-left: 1px solid #d6d6d6;
    color: #353C46;
    font-size: 13px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
  }
  .tab-menu .inner-wrap .tab-header li:first-child {
    border-left: none;
  }

  .tab-menu .inner-wrap .tab-header li.active {
    background: #353C46;
    color: #fff;
    border: 1px solid #353C46;
  }
  .tab-menu .inner-wrap .tab-header li.active:hover {
    background: #4bc8ea;
    color: #fff;
    border: 1px solid #4bc8ea;
  }
  .tab-menu .inner-wrap .tab-content {
    width: 100%;
    height: 400px;
    background: #fff;
    margin-top: 16px;
    border: 1px solid #d6d6d6;
    padding: 24px;
  }
  .tab-menu .inner-wrap .tab-content > div {
    display: none;
    font-size: 13px;
  }
  .tab-menu .inner-wrap .tab-content > div.active {
    display: block;
  }

  /* type-c */
  .tab-menu.type-c > .inner-wrap > .tab-header {
    border: 0 !important;
    margin: 0;
    border-radius: 0;
    border: 1px solid var(--Light-Basic-Gray-150, #f2f2f2);
    background: #fff;
    padding: 0;
  }
  .tab-menu.type-c > .inner-wrap > .tab-header li {
    color: var(--Text-Sub-Tertiary, #bac1cb);
    text-align: center;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.042px;
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0;
  }
  .tab-menu.type-c > .inner-wrap > .tab-header li.active {
    position: relative;
    border: 0;
    background-color: #fff;
    color: var(--Text-Primary, #1e2229);
    text-align: center;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.042px;
  }
  .tab-menu.type-c > .inner-wrap > .tab-header li.active::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #4bc8ea;
  }

  /* event-list */
  .event-list > ul > li {
    padding: 24px 0 0;
  }
  .event-list > ul > li > a {
    display: flex;
    align-items: flex-start;
  }
  .event-list .img {
    width: 343px;
    height: 193px;
    border-radius: 12px;
    background: url(../../image/bg_no_img.png) no-repeat center center;
    background-size: cover;
    overflow: hidden;
  }
  .event-list .info {
    width: calc(100% - 343px);
    padding: 0 0 0 24px;
  }
  .event-list .subject {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
  }
  .event-list .state-date {
    margin: 8px 0 0;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .event-list .state-date .state {
    display: flex;
    height: 24px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--Border-Quaternary, #f3f5f6);
    background: var(--Background-Lower-Primary, #f3f5f6);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }
  .event-list .state-date .state.ing {
    color: var(--Blue-Darkened, #2876e7);
    border: 1px solid var(--Blue-Lightened, #e5effd);
    background: var(--Blue-Lightened, #e5effd);
  }
  .event-list .state-date .date {
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
  }

  /* BTT */
  .BTT > .title {
    margin: 32px 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 4px;
    color: #262626;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.051px;
  }
  .BTT > .title:first-child {
    margin-top: 24px;
  }
  .BTT .guide-txt {
    margin: 8px 16px 0;
    color: var(--Dark-Gray, #3f3f3d);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    letter-spacing: -0.039px;
  }
  .BTT .guide-txt2 {
    margin: 8px 16px 0;
    color: var(--light-semantic-text-secondary, #464646);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    letter-spacing: -0.039px;
  }
  .BTT > .title-center {
    color: var(--light-semantic-text-primary, #262626);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.054px;
    padding: 28px 0 0;
  }
  .BTT > ul {
    background: #fff;
    text-align: left;
  }
  .BTT > ul > li {
    margin: 24px 0 0;
  }
  .BTT > .title + ul > li:first-child {
    margin: 16px 0 0;
  }
  .BTT > ul > li > .tit {
    display: flex;
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }
  .BTT > ul > li > .tit.map-pin {
    align-items: center;
  }
  .BTT > ul > li > .tit.map-pin:before {
    content: "";
    width: 24px;
    height: 24px;
    margin: 0 4px 0 0;
    background: url(../../image/mobile/icon_map_pin.png) no-repeat center center;
    background-size: contain;
  }
  .BTT > ul > li > .tit.law {
    align-items: center;
  }
  .BTT > ul > li > .tit.law:before {
    content: "";
    width: 24px;
    height: 24px;
    margin: 0 4px 0 0;
    background: url(../../image/mobile/icon_law2.png) no-repeat center center;
    background-size: contain;
  }
  .BTT > ul > li > .tit.clock {
    align-items: center;
  }
  .BTT > ul > li > .tit.clock:before {
    content: "";
    width: 24px;
    height: 24px;
    margin: 0 4px 0 0;
    background: url(../../image/mobile/icon_clock.png) no-repeat center center;
    background-size: contain;
  }
  .BTT > ul > li > .tit.required.space-between::after {
    display: none;
  }
  .BTT > ul > li > .tit.required.space-between > div {
    display: flex;
    align-items: center;
    font-weight: 600;
  }
  .BTT > ul > li > .tit.required.space-between > div::after {
    content: "";
    width: 3.7px;
    height: 3.7px;
    background-color: #ff223c;
    border-radius: 50%;
    margin: -3px 0 0 4px;
  }
  .BTT > ul > li > .icon-tit-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .BTT > ul > li > .icon-tit-btn > div {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .BTT > ul > li > .icon-tit-btn > div > img {
    width: 24px;
    height: 24px;
  }
  .BTT > ul > li > .icon-tit-btn > div > div {
    color: var(--Light-Semantic-Text-Primary, #262626);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 123.077% */
    letter-spacing: -0.039px;
  }
  .BTT > ul > li > .icon-tit-btn .input-small {
    width: 120px;
  }
  .BTT > ul > li > .icon-tit-btn + .con + hr {
    margin-top: 24px !important;
  }
  .BTT > ul > li > .con {
    margin: 8px 0 0;
    font-size: 14px;
    color: #565656;
  }
  .BTT > ul > li > .con.space-between .unit-wrap {
    width: calc((100% - 24px) / 2);
  }
  .BTT > ul > li > .con .input-medium {
    width: 100%;
    border-radius: 8px;
  }
  .BTT > ul > li > .con .input-medium + textarea.input-medium {
    margin-top: 8px;
  }
  .BTT > ul > li > .con textarea.input-medium {
    font-size: 15px !important;
  }
  .BTT > ul > li > .con input[type="radio"],
  .BTT > ul > li > .con input[type="checkbox"] {
    margin: 0 4px 0 0;
  }
  .BTT .input-medium.btn-add {
    width: calc(100% - 74px) !important;
  }
  .BTT .input-medium.btn-add2 {
    width: calc(100% - 104px) !important;
  }
  .BTT .input-medium.btn-add + button {
    min-width: auto;
    width: 66px !important;
    margin-left: 8px;
    padding: 0 12px;
  }
  .BTT .input-medium.btn-add2 + button {
    min-width: auto;
    width: 96px !important;
    margin-left: 8px;
    padding: 0 12px;
  }
  .BTT .input-medium.btn-add + button + .input-medium {
    margin: 8px 0 0;
  }
  .BTT .input-medium.unit-add {
    width: calc(100% - 32px);
  }
  .BTT .con textarea.input-medium {
    width: 100%;
    height: auto;
  }
  .BTT > ul > li > .con > label {
    margin: 8px 24px 0 0;
    display: inline-block;
  }

  /* required */
  .required {
    display: flex;
  }
  .required::after {
    content: "";
    width: 3.7px;
    height: 3.7px;
    background-color: #ff223c;
    border-radius: 50%;
    margin: 4px 0 0 4px;
  }

  .input-medium {
    display: inline-block;
    width: 200px;
    height: 48px;
    padding: 0 20px;
    border: solid 1px #e9e9e9;
    background-color: #ffffff;
    color: #353C46;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 140% */
    letter-spacing: -0.045px;
  }
  textarea.input-medium {
    padding: 20px;
  }

  .btn-large {
    margin: 0 auto;
    display: flex;
    width: 343px;
    height: 48px;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid var(--Primary, #4bc8ea);
    background: var(--Primary, #4bc8ea);
    color: var(--Background-Dark-Inverted, #fff);
    text-align: center;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; /* 140% */
    letter-spacing: -0.045px;
  }

  .align-left {
    text-align: left !important;
  }
  .align-right {
    text-align: right !important;
  }
  .align-center {
    text-align: center !important;
  }

  .pre-line {
    white-space: pre-line !important;
  }

  .terms-n-conditions {
    display: flex;
    padding: 16px;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--Border-Disabled-Primary, #e7eaee);
    background: var(--Background-Disabled-Secondary, #f8f9fa);
    overflow-x: hidden;
    overflow-y: auto;
    height: 100px;
    color: var(--Text-Disabled-Primary, #353c46);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }

  /*■■■인풋checkbox*/
  input[type="checkbox"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-appearance: none;
    cursor: pointer;
    border: 1px solid #d6d6d6;
    background: #fff url(../../image/icon_check_completed.png) center center
      no-repeat;
    background-size: contain;
  }
  input[type="checkbox"]:checked {
    background: #4bc8ea url(../../image/icon_check_completed.png) center center
      no-repeat;
    background-size: contain;
    border: 1px solid #4bc8ea;
  }
  input[type="checkbox"]:disabled {
    background: #f6f6f6;
    cursor: not-allowed;
  }

  .chk-wrap {
    margin: 24px 0 0;
	
  }
  .chk-wrap > label { cursor:pointer;}

  /*terms-of*/
  .terms-of {
    padding: 16px 0;
  }
  .terms-of pre {
    height: 600px;
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: pre-line;
  }
  .terms-of pre::-webkit-scrollbar {
    width: 8px;
    background: #fff;
  }
  .terms-of pre::-webkit-scrollbar-thumb {
    background: #ff7193;
    border-radius: 4px;
  }
  .terms-of.type-b {
    padding: 16px;
  }
  .terms-of.type-b pre {
    height: 600px;
    padding: 0;
  }
}

/*************************************************************************************************************************************************************************************************************************************************************************************************************/

/* 모바일 시작 */
@media screen and (max-width: 1279px) {
  .wrapper {
    position: relative;
    width: 100%;
  }
  .w-only {
    display: none;
  }
  .m-only {
    display: block;
  }

  /* Layout */
  header {
    z-index: 10;
    position: fixed;
    width: 100%;
    height: 116px;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid #e7eaee;
  }
  header > .inner-wrap {
    position: relative;
    width: 100%;
    height: 100%;
  }
  header > .inner-wrap > .open-drawer-menu {
    cursor: pointer;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 44px;
    height: 44px;
    background: url(../../image/icon_drawer_menu.png) no-repeat 0 0;
    background-size: contain;
  }
  header .logo {
    position: fixed;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 146px;
    height: 44px;
  }
  header .logo img {
    width: 100%;
    height: 100%;
  }

  main {
    display: flex;
    padding-top: 116px;
    width: 100%;
    min-height: 640px;
  }
  main > section.container {
    width: 100%;
    height: 100%;
  }
  main > section.container > section.content {
    width: 100%;
	margin-bottom:60px;
    /*padding: 16px 16px 32px;*/
  }
  main > section.container > footer {
    display: none;
  }
  body.active-footer main > section.container > footer {
    display: block;
    width: 100%;
    height: 340px;
    background: var(--Background-Lower-Secondary, #f8f9fa);
    padding: 24px 16px;
  }

  /* fnb */
  footer .fnb {
    order: 0;
    white-space: normal;
    word-wrap: break-word;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
  }
  footer .fnb a {
    color: var(--Text-Sub-Primary, #686e7b);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }

  /* info */
  footer .info {
    margin: 40px 0 0;
    order: 1;
    white-space: normal;
    word-wrap: break-word;
  }
  footer .info h4 {
    color: var(--Text-Sub-Primary, #686e7b);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }
  footer .info ul {
    margin: 24px 0 0;
  }
  footer .info li {
    margin: 8px 0 0;
    display: flex;
    align-items: flex-start;
  }
  footer .info li .tit {
    width: 120px;
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
  }
  footer .info li .con {
    width: calc(100% - 120px);
    color: var(--Text-Sub-Primary, #686e7b);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
  }
  footer .info .copyright {
    margin: 32px 0 0;
    color: var(--Text-Sub-Tertiary, #bac1cb);
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }

  main > aside.drawer-menu {
    display: none !important;
  }

  aside.drawer-menu {
    display: none;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    width: 248px;
    height: 100%;
    background: #fff;
    box-shadow: 4px 0 12px rgba(0, 0, 0, 0.1);
	overflow-y: scroll;
	padding-bottom: 120px;
  }
  aside.drawer-menu.active {
    display: block;
  }
  aside.drawer-menu > .inner-wrap {
    width: 100%;
    height: auto;
    position: relative;
  }
  aside.drawer-menu > .inner-wrap > .gnb-header {
    position: relative;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #e7eaee;
    display: flex;
    align-items: center;
  }
  aside.drawer-menu > .inner-wrap > .gnb-header .logo {
    width: 146px;
    height: 44px;
    margin: 0 0 0 60px;
  }
  aside.drawer-menu > .inner-wrap > .gnb-header .logo img {
    width: 100%;
    height: 100%;
  }
  aside.drawer-menu > .inner-wrap > .gnb-header > .open-drawer-menu {
    cursor: pointer;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 44px;
    height: 44px;
    background: url(../../image/icon_drawer_menu.png) no-repeat 0 0;
    background-size: contain;
  }

  hr {
    margin: 24px 0;
    border: 0;
    border-top: 1px solid rgba(30, 34, 41, 0.04);
  }

  /* gnb */
  .gnb {
    padding: 0 16px;
  }
  .gnb hr {
    margin: 16px 0 24px;
    border: 0;
    border-top: 1px solid rgba(30, 34, 41, 0.04);
  }
  .gnb h4 {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }
  .gnb ul {
    margin: 16px 0 0;
  }
  .gnb li > a {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
  }
  .gnb li > a span {
    width: 150px; 
    word-wrap: break-word;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }
  .gnb li > a img {
    width: 28px;
    height: 28px;
  }
  .gnb li > a.active,
  .gnb li > a:hover {
    border-radius: 8px;
    background: #f0f9fc;
    font-weight: 700;
  }

  .popular-searches {
    display: none;
  }

  header .header-wrap {
    width: 100%;
    height: 100%;
  }

  /* search-medium */
  .search-medium {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 32px);
    height: 44px;
    padding: 0;
    border-radius: 60px;
    border: 2px solid transparent;
    background-image: var(
      --Gradient-Horizontal,
      linear-gradient(90deg, #4bc8ea 0%, #fec261 74.37%),
      linear-gradient(
        90deg,
        rgba(72, 200, 234, 1) 0%,
        rgba(255, 185, 71, 99) 100%
      )
    );
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-color: #ffffff;
  }
  .search-medium input {
    display: inline-block;
    border-radius: 60px;
    width: 100%;
    padding: 0 48px 0 16px;
    font-size: 14px;
    letter-spacing: -0.7px;
    text-align: left;
    color: #353C46;
    line-height: 40px;
    transition: all 0.5s;
    font-weight: 400;
	background: #fff;
  }
  .search-medium > .btn-medium {
    position: absolute;
    display: inline-block;
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    padding: 0;
    min-width: auto;
    border: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background: url(../../image/icon_search.png) no-repeat 0 0;
    background-size: contain;
  }
  .search-medium > input[type="search"]::-webkit-search-cancel-button {
    margin-right: 24px;
  }

  /* popup-recommended-search-terms */
  .popup-recommended-search-terms {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
	height: auto;
    flex-shrink: 0;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid var(--Border-Tertiary, #e7eaee);
    background: var(--Background, #fff);
    box-shadow: 0px 2px 6px 0px rgba(30, 34, 41, 0.04);
  }
  .search-medium.active .popup-recommended-search-terms {
    display: block;
  }
  .popup-recommended-search-terms h4 {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.042px;
  }
  .popup-recommended-search-terms .list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 8px 0 0;
  }
  .popup-recommended-search-terms .list a {
    display: inline-flex;
    height: 28px;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 50px;
    border: 1px solid var(--Border-Tertiary, #e7eaee);
    background: var(--Background, #fff);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
  }
  .popup-recommended-search-terms .list a:hover {
    background-color: #f9f9f9;
  }
  .popup-recommended-search-terms .list a span {
    color: var(--Primary-Darkened, #2eb9df);
	display:none;
  }
  .popup-recommended-search-terms hr {
    margin: 16px 0;
  }

  /* main-slide */
  .main-slide {
    width: 100%;
  }
  .main-slide .swiper-slide {
    width: 100%!important;
    height: auto;
	min-height:120px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
   .main-slide .swiper-slide > a { display:block; width:100%; height:100%; }
   .main-slide .swiper-slide > a > img { display:block; width:100%; height:100%; object-fit:cover; }

  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom {
    bottom: 12px !important;
  }
  .swiper-pagination-bullet.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    opacity: 0.4;
  }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
  }
  .swiper-container-horizontal
    > .swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 2px;
  }

  /* main-index */
  .main-index {
	  
  }

  /* main-video-wrap */
  .main-video-wrap {
    display: block;
  }
  .main-video-wrap .video-view {
    padding: 0 0 24px;
    margin: 16px 16px 24px;
    border-bottom: 1px solid var(--Border-Tertiary, #e7eaee);
  }

  /* video-wrap */
  .video-wrap {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 56.28%;
    height: 0;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--Dimed-4, rgba(30, 34, 41, 0.04));
  }
  .video-wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* cate-date-subject-btn */
  .cate-date-subject-btn {
    margin: 16px 0 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .cate-date-subject-btn .cate-date-subject {
    width: 100%;
  }
  .cate-date-subject-btn .btn {
    position: absolute;
    top: -8px;
    right: 0;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
  }
  .cate-date-subject-btn .cate-date {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .cate-date-subject-btn .cate-date .cate {
    color: var(--Primary-Darkened, #2eb9df);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }
  .cate-date-subject-btn .cate-date .date {
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
	display:none;
  }
  .cate-date-subject-btn .subject {
    margin: 8px 0 0;
    color: var(--Text-Primary, #1e2229);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px; /* 118.75% */
    letter-spacing: -0.048px;
  }

  /* btn-heart */
  .btn-heart {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: 53px;
    height: 28px;
    padding: 0px 8px 0px 4px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 1px solid var(--Border-Secondary, #d8dde2);
    background: var(--Background, #fff);
	color: var(--Text-Secondary, #353C46);
	font-size:12px;
	transition: all 0.3s;
  }
   .btn-heart:hover {
    border:1px solid #FF9E9E;
   }
  .btn-heart:before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../image/icon_heart_active.png) no-repeat;
    background-size: contain;
	transform:scale(1.0);
	transition: all 0.3s;
  }
  .btn-heart:hover:before {
	transform:scale(1.1);  
  }
  
  .btn-heart span {
    color: var(--Text-Secondary, #353c46);
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
  }

  /* btn-download */
  .btn-download {
    display: inline-flex;
    width: 28px;
    height: 28px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 1px solid var(--Border-Secondary, #d8dde2);
    background: var(--Background, #fff);
  }
  .btn-download:before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../image/icon_upload.png) no-repeat;
    background-size: contain;
  }

  /* btn-more */
  .btn-more {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--Text-Sub-Primary, #686e7b);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
  }

  /* update-event-news */
  .update-event-news {
    position: relative;
    margin: 16px 0 0;
    padding: 16px 16px 40px;
    border-radius: 12px;
    background: var(--Background-Lower-Secondary, #f8f9fa);
    height: 108px;
    overflow: hidden;
  }
  .update-event-news.active {
	  min-height:100px;
	  
  }
    .update-event-news:before {
	  display:block;
	  position:absolute;
	  content:'';
	  width:100%;
	  height:36px;
	  background: linear-gradient(180deg, rgba(248, 249, 250, 0.00) 0%, #F8F9FA 24%);
	  left:0;
	  bottom:0;
	  z-index:0;
  }
  .update-event-news .tit {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.042px;
  }
  .update-event-news .con {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.042px;
  }
  .update-event-news .btn-more {
    position: absolute;
    bottom: 12px;
    right: 14px;
  }
  .update-event-news .btn-more:before {
    content: "더보기";
    display: block;
    color: var(--Text-Sub-Primary, #686e7b);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
  }
  .update-event-news .btn-more::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../image/icon_arrow_down.png) no-repeat;
    background-size: contain;
  }
  /* active */
  .update-event-news.active {
    height: auto;
  }
  .update-event-news.active .btn-more:before {
    content: "접기";
    display: block;
    color: var(--Text-Sub-Primary, #686e7b);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
  }
  .update-event-news.active .btn-more::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../image/icon_arrow_up.png) no-repeat;
    background-size: contain;
  }

  .tag-list {
    margin: 16px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .tag-list a {
    display: flex;
    height: 28px;
    padding: 0px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 1px solid var(--Border-Tertiary, #e7eaee);
    background: var(--Background, #fff);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
  }

  /* category-slider */
  .category-slider {
    position: relative;
    width: 100%;
    height: 28px;
	margin-left:16px;
  }
  .category-slider .swiper-container .swiper-wrapper .swiper-slide {
    width: auto;
    margin: 0 6px 0 0;
  }
  .category-slider .swiper-container .swiper-wrapper .swiper-slide .category {
    display: flex;
    height: 28px;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Background-Lower-Primary, #f3f5f6);
    background: var(--Background-Lower-Primary, #f3f5f6);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
  }
  .category-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .category.active {
    border: 1px solid var(--Gray-900, #1e2229);
    background: var(--Gray-900, #1e2229);
    color: var(--Background-Dark-Inverted, #fff);
    font-weight: 700;
  }

  /* item-list */
  .item-list {
    margin: 16px 0 0 16px;
  }
  .item-list > ul > li {
    margin: 16px 0 0;
    position: relative;
  }
  .item-list > ul > li a {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
  }
  .item-list .img {
    position: relative;
    width: 171px;
    height: 96px;
    border-radius: 8px;
    border: 1px solid var(--Dimed-4, rgba(30, 34, 41, 0.04));
    background: url(../../image/bg_no_img.png) no-repeat center center;
    background-size: cover;
	overflow:hidden;
  }
  .item-list .img img {
    width: 100%;
    height: 100%;
  }
  .item-list .img span {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: inline-flex;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--Dimed-40, rgba(30, 34, 41, 0.4));
    color: var(--White, #fff);
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }
  .item-list .info {
    width: calc(100% - 171px);
    padding: 0 0 0 16px;
    white-space: normal;
    word-wrap: break-word;
  }
  .item-list .subject {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.042px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }
  .item-list .date {
    margin: 8px 0 0;
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
	display:none;
  }
  .item-list .tag {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 187px);
	height:28px;
	overflow:hidden;
  }
  .item-list .tag > div {
    height:28px;
	overflow:hidden;
	width:100%;
  }
  .item-list .tag a {
    display: block;
	float: left;
    height: 24px;
    padding: 0px 8px;
	margin-right:4px;
	margin-bottom:8px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 1px solid var(--Border-Tertiary, #e7eaee);
    background: var(--Background, #fff);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 127.273% */
    letter-spacing: -0.033px;
  }

  /* main-group-title-btn */
  .main-group-title-btn {
    margin: 24px 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .main-group-title-btn h4 {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 117.647% */
    letter-spacing: -0.051px;
  }
  .main-group-title-btn .more {
    color: var(--Primary-Darkened, #2eb9df);
    text-align: right;
	padding:4px 10px;
	border: 1px solid var(--Primary-Darkened, #2eb9df);
	background:#fff;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
	transition:all 0.5s;
	border-radius:50vh;
  }
  
  .main-group-title-btn .more:hover { 
  background: var(--Primary-Darkened, #2eb9df);
  color: #fff;
  
  }
 
  

  /* slide-item-list-1 */
  .item-list.slide-item-list-1 > ul {
    display: flex;
  }
  .item-list.slide-item-list-1 > ul > li {
    display: block;
    width: 304px;
    margin: 0 16px 0 0;
  }
  .item-list.slide-item-list-1 > ul > li > a {
    display: block;
  }
  .item-list.slide-item-list-1 .img {
    width: 100%;
    height: 171px;
  }
  .item-list.slide-item-list-1 .img span {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: inline-flex;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--Dimed-40, rgba(30, 34, 41, 0.4));
    color: var(--White, #fff);
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }
  .item-list.slide-item-list-1 .info {
    width: 100%;
    padding: 12px 0 40px;
  }
  .item-list.slide-item-list-1 .subject {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
	min-height:44px;
  }
  .item-list.slide-item-list-1 .date {
    margin: 6px 0 0;
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
	display:none;
  }
  .item-list.slide-item-list-1 .tag {
    position: absolute;
    bottom: 0;
    right: auto;
    left: 0;
    width: 100%;
  }
  .item-list.slide-item-list-1 .tag div {
    width: 100%;
  }

  /* slide-item-list-2 */
  .item-list.slide-item-list-2 > ul {
    display: flex;
  }
  .item-list.slide-item-list-2 > ul > li {
    display: block;
    width: 304px;
    margin: 0 16px 0 0;
  }
  .item-list.slide-item-list-2 > ul > li > a {
    display: block;
  }
  .item-list.slide-item-list-2 .img {
    width: 304px;
    height: 171px;
  }
  .item-list.slide-item-list-2 .img span {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: inline-flex;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--Dimed-40, rgba(30, 34, 41, 0.4));
    color: var(--White, #fff);
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }
  .item-list.slide-item-list-2 .info {
    width: 100%;
    padding: 12px 0 40px;
  }
  .item-list.slide-item-list-2 .subject {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
	min-height:44px;
  }
  .item-list.slide-item-list-2 .date {
    margin: 6px 0 0;
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
	display:none;
  }
  .item-list.slide-item-list-2 .tag {
    position: absolute;
    bottom: 0;
    right: auto;
    left: 0;
    width: 100%;
  }
  .item-list.slide-item-list-1 .tag div {
    width: 100%;
	height: 28px;
	overflow:hidden;
  }

  /* slide-item-list-3 */
  .item-list.slide-item-list-3 > ul {
    display: flex;
  }
  .item-list.slide-item-list-3 > ul > li {
    display: block;
    width: 232px;
    margin: 0 16px 0 0;
  }
  .item-list.slide-item-list-3 > ul > li > a {
    display: block;
  }
  .item-list.slide-item-list-3 .img {
    width: 232px;
    height: 130px;
  }
  .item-list.slide-item-list-3 .img span {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: inline-flex;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--Dimed-40, rgba(30, 34, 41, 0.4));
    color: var(--White, #fff);
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }
  .item-list.slide-item-list-3 .info {
    width: 100%;
    padding: 12px 0 40px;
  }
  .item-list.slide-item-list-3 .subject {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
	min-height:44px;
  }
  .item-list.slide-item-list-3 .date {
    margin: 6px 0 0;
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
	display:none;
  }
  .item-list.slide-item-list-3 .tag {
    position: absolute;
    bottom: 0;
    right: auto;
    left: 0;
    width: 100%;
  }
  .item-list.slide-item-list-3 .tag div {
	width:100%;
	height:28px;
	overflow:hidden;
  }

  /* slide-item-list-4 */
  .item-list.slide-item-list-4 > ul {
    display: flex;
  }
  .item-list.slide-item-list-4 > ul > li {
    display: block;
    width: 160px;
    margin: 0 16px 0 0;
  }
  .item-list.slide-item-list-4 > ul > li > a {
    display: block;
  }
  .item-list.slide-item-list-4 .img {
    width: 160px;
    height: 284.444px;
    background: url(../../image/bg_no_img_h.png) no-repeat center center;
    background-size: contain;
  }
  .item-list.slide-item-list-4 .info {
    width: 100%;
    padding: 12px 0 40px;
  }
  .item-list.slide-item-list-4 .subject {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }
  .item-list.slide-item-list-4 .date {
    margin: 6px 0 0;
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
	display:none;
  }
  .item-list.slide-item-list-4 .tag {
    position: absolute;
    bottom: 0;
    right: auto;
    left: 0;
    width: 100%;
  }
  .item-list.slide-item-list-4 .tag div {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .sub-title {
    margin: 16px 16px 0;
    padding: 0 0 16px;
    border-bottom: 1px solid rgba(30, 34, 41, 0.08);
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 117.647% */
    letter-spacing: -0.051px;
  }

  /* list-empty */
  .list-empty {
    padding: 200px 0;
    color: var(--Text-Sub-Tertiary, #bac1cb);
    text-align: center;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.042px;
  }
  .list-empty img {
    width: 72px;
    height: 72px;
  }
  .list-empty pre {
    margin: 8px 0 0;
    color: var(--Text-Sub-Tertiary, #bac1cb);
    text-align: center;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.042px;
  }

 .sub-v { width:100%; height:auto; min-height:120px; }
 .sub-v > a { display:block; width:100%; height:100%; }
  .sub-v > a > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* video-list-2depth */
  
  .video-list-2depth { 
    margin:0 16px;
  }
  
  .video-list-2depth > ul {
    overflow: hidden;
    margin-top: -8px;
  }
  .video-list-2depth > ul > li {
    position: relative;
    margin: 24px 0 0;
  }
  .video-list-2depth > ul > li > a {
    display: block;
  }
  .video-list-2depth .img {
    position: relative;
    width: 100%;
    padding-bottom: 56.26%;
    height: 0;
    border-radius: 8px;
    overflow: hidden;
    background: url(../../image/bg_no_img.png) no-repeat center center;
    background-size: cover;
    border-radius: 8px;
    border: 1px solid var(--Dimed-4, rgba(30, 34, 41, 0.04));
  }
  .video-list-2depth .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
  }
  .video-list-2depth .img span {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: inline-flex;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--Dimed-40, rgba(30, 34, 41, 0.4));
    color: var(--White, #fff);
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }
  .video-list-2depth .info {
    width: 100%;
    padding: 12px 0 40px;
  }
  .video-list-2depth .subject {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
	min-height: 44px;
  }
  .video-list-2depth .date {
    margin: 6px 0 0;
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
	display:none;
  }
  .video-list-2depth .tag {
    position: absolute;
    bottom: 0;
    right: auto;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .video-list-2depth .tag > div {
	  width:100%;
	  height:24px;
	  overflow:hidden;
  }
  
  .video-list-2depth .tag a {
    display: inline-flex;
    height: 24px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 1px solid var(--Border-Tertiary, #e7eaee);
    background: var(--Background, #fff);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }

  /* radio-order-by */
  .radio-order-by {
    margin: 16px 0 0 16px;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .radio-order-by label input {
    display: none;
  }
  .radio-order-by label span {
    display: flex;
    display: flex;
    height: 28px;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Background-Lower-Primary, #f3f5f6);
    background: var(--Background-Lower-Primary, #f3f5f6);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
  }
  .radio-order-by label input:checked + span {
    border: 1px solid var(--Gray-800, #1e2229);
    background: var(--Gray-800, #1e2229);
    color: var(--Text-Dark-Inverted, #fff);
	font-weight: 700;
  }

  /*■■■페이지네이션*/
  .paginate-area {
    display: block;
    margin: 32px auto 0;
  }
  .paginate-area ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .paginate-area:after {
    content: "";
    display: block;
    clear: both;
  }
  .paginate-area ul li {
    float: left;
    margin: 0 2px;
  }
  .paginate-area ul li a {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    text-decoration: none;
    transition: all 0.5s;
    color: var(--Text-Sub-Primary, #464646);
    text-align: center;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.039px;
  }
  .paginate-area ul .dir.prev a {
    background: url(../../image/icon_arrow_left2.png) center center no-repeat;
    background-size: 18px;
    border-radius: 6px;
    opacity: 0.7;
    border-radius: 6px;
    border: 1px solid var(--Border-Tertiary, #e7eaee);
  }
  .paginate-area ul .dir.next a {
    background: url(../../image/icon_arrow_right2.png) center center no-repeat;
    background-size: 18px;
    border-radius: 6px;
    opacity: 0.7;
    border-radius: 6px;
    border: 1px solid var(--Border-Tertiary, #e7eaee);
  }
  .paginate-area ul li.on a {
    font-weight: 400;
    background: #4bc8ea;
    color: #fff;
    border: 1px solid #4bc8ea;
    border-radius: 6px;
  }
  .paginate-area ul li.on a:hover {
    background: #4bc8ea;
    color: #fff;
    border: 1px solid #4bc8ea;
  }
  .paginate-area ul li a:hover {
    background: #fff;
  }

  .video-view-state {
    padding: 0 0 24px;
    margin: 16px 16px 24px;
    border-bottom: 1px solid rgba(30, 34, 41, 0.04);
  }

  /* banner-slide */
  .banner-slide {
    width: calc(100% - 32px);
    margin: 0 16px 60px;
  }
  .banner-slide .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
	width:100%;
	height:auto;
	min-height:120px;
	
  }
  .banner-slide .swiper-slide > a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .banner-slide .swiper-slide > a > img {
	  width:100%; height:100%; object-fit:cover; 
  }
  

  /* board-list */
  .board-list > ul > li {
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    padding: 16px 0;
  }
  .board-list > ul > li.out:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
  }
  .board-list a {
    position: relative;
    isolation: isolate;
    display: block;
    width: 100%;
  }
  .board-list a::after {
    content: "";
    position: absolute;
    background: white;
    z-index: -1;
    inset: 0;
    opacity: 0.4;
  }
  .board-list.inactive-arrow a {
    background: url();
    padding: 0;
  }
  .board-list .datetime {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #a6a6a6;
  }
  .board-list .subject {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 140% */
    letter-spacing: -0.045px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
  }
  .board-list .date-state {
    display: flex;
    align-items: center;
    margin: 4px 0 0;
  }
  .board-list .date-state .date {
    color: var(--light-semantic-text-sub-secondary, #868686);
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 154.545% */
    letter-spacing: -0.033px;
  }
  .board-list .date-state span + span {
    margin-left: 8px;
  }
  .board-list .date-state .state {
    display: flex;
    height: 20px;
    padding: 0px 6px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--Background-Lower-Primary, #f3f5f6);
    background: var(--Border-Quaternary, #f3f5f6);
    color: var(--Text-Sub-Primary, #868686);
    text-align: center;
    font-family: Pretendard;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px; /* 130% */
    letter-spacing: -0.03px;
  }
  .board-list .date-state .state.complete {
    border-radius: 4px;
    border: 1px solid var(--Blue-Lightened, #e5effd);
    background: var(--Blue-Lightened, #e5effd);
    color: var(--Blue-Darkened, #2876e7);
    text-align: center;
    font-family: Pretendard;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px; /* 130% */
    letter-spacing: -0.03px;
    color: var(--Blue-Darkened, #2876e7);
  }
  .board-list .notice {
    display: flex;
    height: 20px;
    padding: 0px 6px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 4px;
    border: 1px solid var(--Background-Lower-Primary, #f3f5f6);
    background: var(--Border-Quaternary, #f3f5f6);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px; /* 130% */
    letter-spacing: -0.03px;
  }
  .board-list > ul > li.noti {
    background: var(--Light-Basic-Gray-100, #f6f6f6);
    padding: 10px 12px;
  }
  .board-list > ul > li.event {
    background: var(--Light-Basic-Gray-100, #f6f6f6);
    padding: 10px 12px;
  }
  .board-list > ul > li.noti a,
  .board-list > ul > li.event a {
    background: url();
    padding-right: 16px;
    display: flex;
    align-items: center;
  }
  .board-list > ul > li.noti a span {
    margin: 0 8px 0 0;
    width: 36px;
    padding: 4px 6px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--light-semantic-fill-reverse-secondary, #262626);
    background: var(--light-semantic-fill-reverse-secondary, #262626);
    color: var(--light-basic-white, #fff);
    text-align: center;
    font-family: Pretendard;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px; /* 130% */
    letter-spacing: -0.03px;
  }
  .board-list > ul > li.event a span {
    margin: 0 8px 0 0;
    width: 38px;
    padding: 4px 6px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Light-Pink, #fde6f2);
    background: var(--Light-Pink, #fde6f2);
    color: var(--Primary, #1b2222);
    text-align: center;
    font-family: Pretendard;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px; /* 130% */
    letter-spacing: -0.03px;
  }
  .board-list > ul > li.noti .subject,
  .board-list > ul > li.event .subject {
    width: 100%;
    font-size: 14px;
  }
  .board-list .parking {
    margin: 0 0 8px;
    color: var(--Light-Semantic-Text-Primary, #262626);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 123.077% */
    letter-spacing: -0.039px;
  }
  .board-list .cont {
    margin: 0 0 8px;
    color: var(--Light-Semantic-Text-Secondary, #464646);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
    letter-spacing: -0.036px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }

  /* board-view */
  .board-view {
    border-bottom: 1px solid rgba(30, 34, 41, 0.08);
  }

  .board-view .header {
    position: relative;
    border-bottom: 1px solid rgba(30, 34, 41, 0.08);
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 16px 0;
  }
  .board-view .header .couple {
    margin: 0 0 8px;
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }
  .board-view .header .cate {
    margin: 0 0 4px;
    color: var(--Primary, #1b2222);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 150% */
    letter-spacing: -0.036px;
  }
  .board-view .header h1 {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 117.647% */
    letter-spacing: -0.051px;
    word-break: break-all;
  }
  .board-view .header .info {
    margin: 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .board-view .header .info ul {
    display: flex;
    align-items: center;
  }
  .board-view .header .info li {
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
    margin: 0 8px 0 0;
  }
  .board-view .header .info li a {
    font-size: 11px;
    color: #868686;
    text-decoration: underline;
  }
  .board-view .header .info li.secret {
    width: 18px;
    height: 16px;
    background: url(../../image/mobile/icon_secret.png) no-repeat center center;
    background-size: contain;
  }
  .board-view .header .info .name-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .board-view .header .info .name-btn .name {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #909094;
  }
  .board-view .header .info .name-btn .btn-regular {
    height: 35px;
    line-height: 33px;
    margin-left: 8px;
  }
  .board-view .header .notice {
    margin: 0 4px 0 0;
    display: inline-flex;
    height: 20px;
    padding: 0px 6px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 4px;
    border: 1px solid var(--Background-Lower-Primary, #f3f5f6);
    background: var(--Border-Quaternary, #f3f5f6);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px; /* 130% */
    letter-spacing: -0.03px;
  }
  .board-view .header .ing {
    display: inline-flex;
    height: 24px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--Blue-Lightened, #e5effd);
    background: var(--Blue-Lightened, #e5effd);
    color: var(--Blue-Darkened, #2876e7);
    text-align: center;
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }
  .board-view .header .ongoing {
    display: inline-flex;
    margin: 0 4px 0 0;
    padding: 4px 6px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Light-Basic-Gray-150, #f2f2f2);
    background: var(--Light-Basic-Gray-150, #f2f2f2);
    color: var(--Light-Basic-Blue, #067df4);
    text-align: center;
    font-family: Pretendard;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px; /* 130% */
    letter-spacing: -0.03px;
  }
  .board-view .header .ended {
    display: inline-flex;
    margin: 0 4px 0 0;
    padding: 4px 6px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Light-Basic-Gray-150, #f2f2f2);
    background: var(--Light-Basic-Gray-150, #f2f2f2);
    color: var(--Light-Basic-Blue, #868686);
    text-align: center;
    font-family: Pretendard;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px; /* 130% */
    letter-spacing: -0.03px;
  }
  .board-view .header .state {
    display: flex;
    height: 20px;
    padding: 0px 6px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--Background-Lower-Primary, #f3f5f6);
    background: var(--Border-Quaternary, #f3f5f6);
    color: var(--Text-Sub-Primary, #868686);
    text-align: center;
    font-family: Pretendard;
    font-size: 10px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 13px !important; /* 130% */
    letter-spacing: -0.03px;
  }
  .board-view .header .state.complete {
    border-radius: 4px;
    border: 1px solid var(--Blue-Lightened, #e5effd);
    background: var(--Blue-Lightened, #e5effd);
    color: var(--Blue-Darkened, #2876e7);
    font-weight: 700;
  }
  .board-view .header .more-layer {
    position: absolute;
    bottom: 16px;
    right: 0;
  }
  .board-view .header .more-layer > ul {
    right: 8px;
  }
  .board-view .content {
    padding: 16px 0;
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
    word-break: break-all;
  }
  .board-view .content.small {
    min-height: 100px;
  }
  .board-view .content img {
    display: block;
    width: 100%;
  }
  .board-view .editor-input {
    color: var(--light-semantic-text-secondary, #262626);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 150% */
    letter-spacing: -0.042px;
    border: 0;
    padding: 0;
  }
  .board-view .img img {
    max-width: 100%;
    height: auto;
  }
  /* pimg-name-tit */
  .board-view .pimg-name-tit {
    display: flex;
    align-items: center;
    margin: 16px 0 0;
  }
  .board-view .pimg img {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid var(--color-gray-200, #e6e6e6);
    object-fit: cover;
  }
  /* name-tit-date */
  .board-view .name-tit-date {
    display: flex;
    flex-direction: column;
  }
  .board-view .name {
    margin: 0 0 0 12px;
    color: var(--color-gray-700, #262626);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }
  .board-view .tit {
    margin: 0 0 0 4px;
    color: var(--color-gray-700, #262626);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }
  .board-view .date {
    margin: 0 0 0 12px;
    color: var(--color-gray-600, #868686);
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 154.545% */
    letter-spacing: -0.033px;
  }

  /*board-re*/
  .board-re {
    padding: 16px;
    border-radius: 12px;
    background: var(--Background-Lower-Secondary, #f8f9fa);
  }
  .board-re > h1 {
    display: flex;
    align-items: center;
    color: var(--light-semantic-text-secondary, #868686);
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 154.545% */
    letter-spacing: -0.042px;
  }
  .board-re > h1 strong {
    margin: 0 8px 0 0;
    display: block;
    color: var(--light-semantic-text-sub-secondary, #464646);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.033px;
  }
  .board-re > div {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
    margin: 8px 0 0;
    white-space: pre-line;
  }
  .board-re .answer {
    display: flex;
    height: 20px;
    padding: 0px 6px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Blue, #2c81fb);
    background: var(--Blue, #2c81fb);
    color: var(--Text-Dark-Inverted, #fff);
    text-align: center;
    font-family: Pretendard;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px; /* 130% */
    letter-spacing: -0.03px;
    margin-right: 8px;
  }

  .btn-group {
    margin: 24px 0 0;
  }

  .btn-regular {
    display: inline-flex;
    height: 40px;
    padding: 0px 16px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid var(--Border-Secondary, #d8dde2);
    background: var(--Background, #fff);
    color: var(--Text-Secondary, #353c46);
    text-align: center;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }

  /* tab-menu */
  .tab-menu {
    width: 100%;
    height: auto;
    display: block;
	padding:0 16px;
  }
  .tab-menu .inner-wrap {
    width: 100%;
    height: auto;
    display: block;
  }
  .tab-menu .inner-wrap .tab-header {
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 46px;
    background: #fff;
    border: 1px solid #d6d6d6;
  }
  .tab-menu .inner-wrap .tab-header li {
    transition: all 0.5s;
    display: table-cell;
    border-left: 1px solid #d6d6d6;
    color: #353C46;
    font-size: 13px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
  }
  .tab-menu .inner-wrap .tab-header li:first-child {
    border-left: none;
  }
  .tab-menu .inner-wrap .tab-header li:hover {
    background: #f6f6f6;
  }
  .tab-menu .inner-wrap .tab-header li.active {
    background: #353C46;
    color: #fff;
    border: 1px solid #353C46;
  }
  .tab-menu .inner-wrap .tab-header li.active:hover {
    background: #4bc8ea;
    color: #fff;
    border: 1px solid #4bc8ea;
  }
  .tab-menu .inner-wrap .tab-content {
    width: 100%;
    height: 400px;
    background: #fff;
    margin-top: 16px;
    border: 1px solid #d6d6d6;
    padding: 24px;
  }
  .tab-menu .inner-wrap .tab-content > div {
    display: none;
    font-size: 13px;
  }
  .tab-menu .inner-wrap .tab-content > div.active {
    display: block;
  }

  /* type-c */
  .tab-menu.type-c > .inner-wrap > .tab-header {
    border: 0 !important;
    margin: 0;
    border-radius: 0;
    border: 1px solid var(--Light-Basic-Gray-150, #f2f2f2);
    background: #fff;
    padding: 0;
  }
  .tab-menu.type-c > .inner-wrap > .tab-header li {
    color: var(--Text-Sub-Tertiary, #bac1cb);
    text-align: center;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.042px;
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0;
  }
  .tab-menu.type-c > .inner-wrap > .tab-header li.active {
    position: relative;
    border: 0;
    background-color: #fff;
    color: var(--Text-Primary, #1e2229);
    text-align: center;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.042px;
  }
  .tab-menu.type-c > .inner-wrap > .tab-header li.active::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #4bc8ea;
  }

  /* event-list */
  .event-list > ul > li {
    padding: 16px 0 0;
  }
  .event-list > ul > li > a {
    display: block;
  }
  .event-list .img {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background: url(../../image/bg_no_img.png) no-repeat center center;
    background-size: cover;
  }
  .event-list .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
  }
  .event-list .info {
    padding: 16px 0 0;
  }
  .event-list .subject {
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
  }
  .event-list .state-date {
    margin: 8px 0 0;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .event-list .state-date .state {
    display: flex;
    height: 24px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--Border-Quaternary, #f3f5f6);
    background: var(--Background-Lower-Primary, #f3f5f6);
    color: var(--Text-Sub-Primary, #686e7b);
    text-align: center;
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px; /* 127.273% */
    letter-spacing: -0.033px;
  }
  .event-list .state-date .state.ing {
    color: var(--Blue-Darkened, #2876e7);
    border: 1px solid var(--Blue-Lightened, #e5effd);
    background: var(--Blue-Lightened, #e5effd);
  }
  .event-list .state-date .date {
    color: var(--Text-Sub-Secondary, #8f95a1);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.036px;
  }

  /* BTT */
  .BTT > .title {
    margin: 32px 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 4px;
    color: #262626;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.051px;
  }
  .BTT > .title:first-child {
    margin-top: 24px;
  }
  .BTT .guide-txt {
    margin: 8px 16px 0;
    color: var(--Dark-Gray, #3f3f3d);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    letter-spacing: -0.039px;
  }
  .BTT .guide-txt2 {
    margin: 8px 16px 0;
    color: var(--light-semantic-text-secondary, #464646);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    letter-spacing: -0.039px;
  }
  .BTT > .title-center {
    color: var(--light-semantic-text-primary, #262626);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.054px;
    padding: 28px 0 0;
  }
  .BTT > ul {
    background: #fff;
    text-align: left;
  }
  .BTT > ul > li {
    margin: 24px 0 0;
  }
  .BTT > .title + ul > li:first-child {
    margin: 16px 0 0;
  }
  .BTT > ul > li > .tit {
    display: flex;
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }
  .BTT > ul > li > .tit.map-pin {
    align-items: center;
  }
  .BTT > ul > li > .tit.map-pin:before {
    content: "";
    width: 24px;
    height: 24px;
    margin: 0 4px 0 0;
    background: url(../../image/mobile/icon_map_pin.png) no-repeat center center;
    background-size: contain;
  }
  .BTT > ul > li > .tit.law {
    align-items: center;
  }
  .BTT > ul > li > .tit.law:before {
    content: "";
    width: 24px;
    height: 24px;
    margin: 0 4px 0 0;
    background: url(../../image/mobile/icon_law2.png) no-repeat center center;
    background-size: contain;
  }
  .BTT > ul > li > .tit.clock {
    align-items: center;
  }
  .BTT > ul > li > .tit.clock:before {
    content: "";
    width: 24px;
    height: 24px;
    margin: 0 4px 0 0;
    background: url(../../image/mobile/icon_clock.png) no-repeat center center;
    background-size: contain;
  }
  .BTT > ul > li > .tit.required.space-between::after {
    display: none;
  }
  .BTT > ul > li > .tit.required.space-between > div {
    display: flex;
    align-items: center;
    font-weight: 600;
  }
  .BTT > ul > li > .tit.required.space-between > div::after {
    content: "";
    width: 3.7px;
    height: 3.7px;
    background-color: #ff223c;
    border-radius: 50%;
    margin: -3px 0 0 4px;
  }
  .BTT > ul > li > .icon-tit-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .BTT > ul > li > .icon-tit-btn > div {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .BTT > ul > li > .icon-tit-btn > div > img {
    width: 24px;
    height: 24px;
  }
  .BTT > ul > li > .icon-tit-btn > div > div {
    color: var(--Light-Semantic-Text-Primary, #262626);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 123.077% */
    letter-spacing: -0.039px;
  }
  .BTT > ul > li > .icon-tit-btn .input-small {
    width: 120px;
  }
  .BTT > ul > li > .icon-tit-btn + .con + hr {
    margin-top: 24px !important;
  }
  .BTT > ul > li > .con {
    margin: 8px 0 0;
    font-size: 14px;
    color: #565656;
  }
  .BTT > ul > li > .con.space-between .unit-wrap {
    width: calc((100% - 24px) / 2);
  }
  .BTT > ul > li > .con .input-medium {
    width: 100%;
    border-radius: 8px;
  }
  .BTT > ul > li > .con .input-medium + textarea.input-medium {
    margin-top: 8px;
  }
  .BTT > ul > li > .con textarea.input-medium {
    font-size: 15px !important;
  }
  .BTT > ul > li > .con input[type="radio"],
  .BTT > ul > li > .con input[type="checkbox"] {
    margin: 0 4px 0 0;
  }
  .BTT .input-medium.btn-add {
    width: calc(100% - 74px) !important;
  }
  .BTT .input-medium.btn-add2 {
    width: calc(100% - 104px) !important;
  }
  .BTT .input-medium.btn-add + button {
    min-width: auto;
    width: 66px !important;
    margin-left: 8px;
    padding: 0 12px;
  }
  .BTT .input-medium.btn-add2 + button {
    min-width: auto;
    width: 96px !important;
    margin-left: 8px;
    padding: 0 12px;
  }
  .BTT .input-medium.btn-add + button + .input-medium {
    margin: 8px 0 0;
  }
  .BTT .input-medium.unit-add {
    width: calc(100% - 32px);
  }
  .BTT .con textarea.input-medium {
    width: 100%;
    height: auto;
  }
  .BTT > ul > li > .con > label {
    margin: 8px 24px 0 0;
    display: inline-block;
  }

  /* required */
  .required {
    display: flex;
  }
  .required::after {
    content: "";
    width: 3.7px;
    height: 3.7px;
    background-color: #ff223c;
    border-radius: 50%;
    margin: 4px 0 0 4px;
  }

  .input-medium {
    display: inline-block;
    width: 200px;
    height: 48px;
    padding: 0 20px;
    border: solid 1px #e9e9e9;
    background-color: #ffffff;
    color: #353C46;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 140% */
    letter-spacing: -0.045px;
  }
  textarea.input-medium {
    padding: 20px;
  }

  .btn-large {
    margin: 0 auto;
    display: flex;
    width: 343px;
    height: 48px;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid var(--Primary, #4bc8ea);
    background: var(--Primary, #4bc8ea);
    color: var(--Background-Dark-Inverted, #fff);
    text-align: center;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; /* 140% */
    letter-spacing: -0.045px;
  }

  .align-left {
    text-align: left !important;
  }
  .align-right {
    text-align: right !important;
  }
  .align-center {
    text-align: center !important;
  }

  .pre-line {
    white-space: pre-line !important;
  }

  .terms-n-conditions {
    display: flex;
    padding: 16px;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--Border-Disabled-Primary, #e7eaee);
    background: var(--Background-Disabled-Secondary, #f8f9fa);
    overflow-x: hidden;
    overflow-y: auto;
    height: 100px;
    color: var(--Text-Disabled-Primary, #353c46);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: -0.039px;
  }

  /*■■■인풋checkbox*/
  input[type="checkbox"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-appearance: none;
    cursor: pointer;
    border: 1px solid #d6d6d6;
    background: #fff url(../../image/icon_check_completed.png) center center
      no-repeat;
    background-size: contain;
  }
  input[type="checkbox"]:checked {
    background: #4bc8ea url(../../image/icon_check_completed.png) center center
      no-repeat;
    background-size: contain;
    border: 1px solid #4bc8ea;
  }
  input[type="checkbox"]:disabled {
    background: #f6f6f6;
    cursor: not-allowed;
  }

  .chk-wrap {
    margin: 24px 0 0;
  }

  /*terms-of*/
  .terms-of {
    padding: 16px 0;
  }
  .terms-of pre {
    height: 600px;
    color: var(--Text-Secondary, #353c46);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.048px;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: pre-line;
  }
  .terms-of pre::-webkit-scrollbar {
    width: 8px;
    background: #fff;
  }
  .terms-of pre::-webkit-scrollbar-thumb {
    background: #ff7193;
    border-radius: 4px;
  }
  .terms-of.type-b {
    padding: 16px;
  }
  .terms-of.type-b pre {
    height: 600px;
    padding: 0;
  }
  
  .board-list { margin:0 16px; }
  .board-view { margin:0 16px; }
  .event-list { margin:0 16px; }
  .event-view { margin:0 16px; }
  .BTT { margin:0 16px; }

}


.img > img { transform:scale(1.0); transition: all 0.5s; }
.img:hover > img { transform:scale(1.05); }

.video-list { overflow:hidden; }