@import url(notosanstc.css);
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
.selected-swiper-wrap,
.writer-swiper-wrap {
  width: 1350px;
  margin: auto; }

.selected-wrap {
  padding: 3rem 0;
  overflow: hidden;
  background: #eeeeee; }

.selected-swiper-wrap {
  position: relative; }
  .selected-swiper-wrap .card-wrapper {
    padding: 1.5rem 0 2rem 0; }
  .selected-swiper-wrap .card-container {
    padding: 0; }
  .selected-swiper-wrap .card-slide {
    box-shadow: none;
    background: none; }
    .selected-swiper-wrap .card-slide::after {
      display: none; }
    .selected-swiper-wrap .card-slide .card-img-outer {
      z-index: 1;
      position: relative;
      border-radius: 10px;
      -ms-border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      -o-border-radius: 10px;
      overflow: hidden; }
    .selected-swiper-wrap .card-slide article {
      padding: 1rem 0.5rem 1rem 0.5rem;
      background: none; }
  .selected-swiper-wrap .swiper-pagination-bullet {
    background: #333333; }

.selected-category-wrap {
  text-align: center;
  margin-bottom: 5rem; }
  .selected-category-wrap .selected-category-more-btn {
    display: inline-block;
    margin-top: 1.5rem;
    color: #333333;
    border: 1px solid #333333;
    font-size: 1rem;
    padding: 0.5rem 3rem;
    border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    text-align: center;
    transition: color 0.5s, background 0.5s, border 0.5s; }
    @media only screen and (min-width: 1025px) {
      .selected-category-wrap .selected-category-more-btn:hover {
        cursor: pointer;
        background: #07B53B;
        color: #FFF;
        border-color: #07B53B; } }
  .selected-category-wrap .card-container-noswiper .card-wrapper {
    margin-top: 2.5rem;
    justify-content: flex-start; }

.column-tag-wrap {
  margin: 0 auto 5rem auto; }
  .column-tag-wrap p {
    color: #07B53B;
    font-size: 2.375rem; }
  .column-tag-wrap div {
    margin: 1rem 0;
    padding: 0 0.5rem; }
    .column-tag-wrap div a {
      display: inline-block;
      margin: 0.5rem 0;
      margin-right: 1.5%;
      color: #838383;
      transition: color 0.5s; }
      .column-tag-wrap div a::before {
        content: "#"; }

.selected-select-wrap {
  text-align: right;
  margin: 3rem auto 1.5rem auto; }
  .selected-select-wrap .selected-select {
    display: inline-block;
    min-width: 12rem;
    margin-left: 1%; }

.seminar-swiper-wrap {
  position: relative;
  overflow: hidden; }
  .seminar-swiper-wrap .swiper-slide .card-img-outer {
    float: right;
    width: 50%;
    height: 100%; }
    .seminar-swiper-wrap .swiper-slide .card-img-outer .card-img {
      height: 100%;
      padding: 0; }
  .seminar-swiper-wrap .swiper-slide article {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    float: left;
    width: 50%;
    height: 100%;
    padding: 1rem 8%;
    padding-left: calc(50% - 1350px/2);
    box-sizing: border-box;
    background: #ebebeb; }
    .seminar-swiper-wrap .swiper-slide article h2 {
      font-size: 2rem;
      font-weight: normal;
      color: #07B53B; }
    .seminar-swiper-wrap .swiper-slide article p {
      font-size: 1.375rem;
      line-height: 150%;
      height: 100px;
      margin: 2rem 0 5rem 0; }
    .seminar-swiper-wrap .swiper-slide article a {
      display: inline-block;
      color: #333333;
      border: 1px solid #333333;
      font-size: 1rem;
      padding: 0.5rem 3rem;
      border-radius: 5px;
      -ms-border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px;
      text-align: center;
      transition: color 0.5s, background 0.5s, border 0.5s; }
      @media only screen and (min-width: 1025px) {
        .seminar-swiper-wrap .swiper-slide article a:hover {
          cursor: pointer;
          background: #07B53B;
          color: #FFF;
          border-color: #07B53B; } }

.writer-swiper-wrap {
  position: relative;
  margin: 1.5rem auto 3rem auto; }
  .writer-swiper-wrap .writer-swiper-container {
    width: calc(100% - 7rem);
    margin: auto; }
  .writer-swiper-wrap .swiper-button-prev {
    left: 0; }
  .writer-swiper-wrap .swiper-button-next {
    right: 0; }
  .writer-swiper-wrap .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center; }
    .writer-swiper-wrap .swiper-slide .writer-img-block {
      width: 7rem;
      height: 7rem;
      border-radius: 50%;
      -ms-border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      -o-border-radius: 50%;
      overflow: hidden;
      background-position: center center !important;
      background-repeat: no-repeat !important;
      background-size: cover !important; }
    .writer-swiper-wrap .swiper-slide .writer-content-block {
      flex: 1 0 0;
      margin-left: 5%; }
      .writer-swiper-wrap .swiper-slide .writer-content-block h4 {
        font-size: 1rem;
        transition: color 0.5s; }
      .writer-swiper-wrap .swiper-slide .writer-content-block article {
        color: #838383;
        margin: 0.5rem 0 1rem 0; }
      .writer-swiper-wrap .swiper-slide .writer-content-block p {
        display: inline-block;
        position: relative;
        font-size: 0.8rem; }
        .writer-swiper-wrap .swiper-slide .writer-content-block p::after {
          position: absolute;
          display: block;
          content: "";
          left: calc(100% + 1rem);
          bottom: 0;
          width: 1.25rem;
          height: 1.25rem;
          background: url("../img/icon/icon-arrow-more.png") no-repeat center center;
          background-size: contain;
          transition: transform 0.5s; }

@media only screen and (min-width: 1025px) {
  .seminar-swiper-wrap .card-wrapper {
    padding: 1rem 0 3rem 0; }
  .seminar-swiper-wrap .swiper-slide {
    height: 500px !important;
    border-radius: 0px;
    -ms-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    box-shadow: none; }
  .seminar-swiper-wrap .swiper-button-prev {
    left: 3rem; }
  .seminar-swiper-wrap .swiper-button-next {
    right: 3rem; }

  .column-tag-wrap a:hover {
    color: #07B53B; }

  .seminar-swiper-wrap .card-container .card-slide:hover article p {
    text-decoration: none; }
  .seminar-swiper-wrap .card-container .card-slide:hover .card-img {
    transform: none; }

  .writer-swiper-wrap .swiper-slide:hover .writer-content-block h4 {
    color: #07B53B; }
  .writer-swiper-wrap .swiper-slide:hover .writer-content-block p::after {
    transform: translateX(0.75rem); } }
@media only screen and (max-width: 1440px) {
  .selected-swiper-wrap,
  .writer-swiper-wrap {
    width: 1024px; }

  .seminar-swiper-wrap .swiper-slide {
    height: 400px !important; }
    .seminar-swiper-wrap .swiper-slide article {
      padding: 1rem 8%;
      padding-left: calc(50% - 1024px/2); }
      .seminar-swiper-wrap .swiper-slide article p {
        height: 85px; } }
@media only screen and (max-width: 1024px) {
  .selected-swiper-wrap,
  .seminar-swiper-wrap,
  .writer-swiper-wrap {
    width: 100%; }

  .seminar-wrap {
    background: #ebebeb;
    padding: 2rem 0; }

  .seminar-swiper-wrap .card-container {
    padding: 0.5rem 0 3rem 0; }
  .seminar-swiper-wrap .swiper-slide {
    height: auto !important; }
    .seminar-swiper-wrap .swiper-slide .card-img-outer,
    .seminar-swiper-wrap .swiper-slide article {
      clear: both;
      float: none;
      width: 100%;
      height: auto; }
    .seminar-swiper-wrap .swiper-slide article {
      display: block;
      padding: 1rem 2rem 4rem 2rem;
      background: #FFF; }
      .seminar-swiper-wrap .swiper-slide article h2 {
        font-size: 1rem; }
      .seminar-swiper-wrap .swiper-slide article p {
        font-size: 1rem;
        height: auto;
        margin: 1rem auto 2rem auto;
        line-height: 180%; }
    .seminar-swiper-wrap .swiper-slide .card-img-outer .card-img {
      padding-top: 67%; }

  .selected-category-wrap .card-container-noswiper {
    padding-top: 0; }
    .selected-category-wrap .card-container-noswiper .card-wrapper {
      margin-top: 1rem; }
  .selected-category-wrap .selected-category-more-btn {
    margin-top: 0rem; }

  .selected-swiper-wrap .swiper-button-next,
  .writer-swiper-wrap .swiper-button-next {
    right: 0; }
  .selected-swiper-wrap .swiper-button-prev,
  .writer-swiper-wrap .swiper-button-prev {
    left: 0; }

  .column-tag-wrap div {
    max-width: 100%; } }

/*# sourceMappingURL=column.css.map */