@charset "utf-8";

/*
 * File : main.css
 */

/* **************************************** *
 * COMMON
 * **************************************** */
/* SECTION */
#container.home {padding-bottom:0; padding-top:0;}
.main-section { padding:120rem 0; }
.main-section__head {position:relative; margin-bottom:30rem;}
.main-section__title {font-size: 34rem;font-weight: 600;line-height: 1.2;}
.main-section__desc {margin-top:18rem;font-size:20rem; line-height:1.4;}



/* **************************************** *
 * VISUAL
 * **************************************** */
.main-visual {width:100%;background:#E5F1F9; padding:60rem 0 72rem; position: relative;}
.main-visual__inner {display:flex;align-items: center;}
.main-visual__inner form {width:100%;}
.main-visual__search {max-width:414rem; width:100%;}
.main-visual__title {font-size:30rem; font-weight:600;}
.main-visual__desc {font-size:18rem; margin-top:12rem;}
.main-visual__select {margin-top:40rem; display:flex; gap:14rem}
.main-visual__select > .selectric-wrapper { width:50%; flex-grow: 1;}
.main-visual .selectric {border:none;}
.main-visual .selectric-items { border: none; box-shadow: 0 3rem 6rem rgba(0,0,0,0.05);}
.main-visual .search-input {display:block; margin-top:14rem;}
.main-visual .search-submit {display:block;margin: 0;margin-top:30rem;width: 100%;height: 64rem;}

.main-visual__slider-warp {position:relative; margin-left:auto; max-width:883rem; box-shadow:0 18rem 20rem rgba(57,111,149,0.2); flex-shrink: 0;}
.main-visual__slider-warp img {display:block; max-width:100%; width:100%;}
.main-visual__state {position:absolute;bottom:74rem;left:70rem;z-index:10;display: flex;align-items: center;}
.main-visual__state .swiper-navigation {display:flex;}
.main-visual__state .swiper-navigation > button:before {font-size:10rem; color:#444;}
.main-visual__state .swiper-navigation > button:before {color:#444}
.main-visual__state .swiper-navigation > .swiper-button-prev:before {content:'\e908'}
.main-visual__state .swiper-navigation > .swiper-button-next:before {content:'\e909';}
.main-visual__slider .swiper-play__state {width:22rem;height:22rem;margin-left: 8rem;border:none;background:rgba(255,255,255,0.8);}
.main-visual__slider .swiper-navigation > button {width:22rem;height:22rem;line-height: 24rem;border:none;background:rgba(255,255,255,0.8);border-radius:50%;}
.main-visual__slider .swiper-play__state-btn:after {line-height:22rem; transform: translateX(-0.5rem) scale(0.9);}
.main-visual__slider .swiper-play__state-btn.swiper-play__state--play:after {transform: translateX(0) scale(0.9);}
.main-visual__slider .swiper-play__state button:after {color:#444;}
.main-visual__slider .swiper-play__state:hover button:after {color:#444}
.swiper-navigation > button:hover:before

/* **************************************** *
 * MAIN LECTURE
 * **************************************** */
.main-lecture {background:#FAFAFA;}
.main-lecture .swiper-navigation {position:absolute;top: 50%;transform:translateY(-50%);width: 100%;z-index: 10;}
.main-lecture .swiper-navigation > button {border:none;background: none;position: absolute;}
.main-lecture .swiper-navigation > button:before { font-size:28rem;}
.main-lecture .swiper-navigation > .swiper-button-prev {left: -50rem;}
.main-lecture .swiper-navigation > .swiper-button-next {right: -50rem;margin-left: 0;}
.main-lecture .swiper-button-prev.swiper-button-disabled, .main-lecture .swiper-button-next.swiper-button-disabled {opacity:0;}
.main-lecture .lecture-item__detail li:nth-child(1):after {display:none;} 

/* new lecture */
.main-lecture {background:#fafafa}
.main-new-lecture .main-section__head {text-align:center;}
.main-lecture__slider-wrap {position:relative;}
.main-lecture__slider {margin:0 -10rem;}
.main-new-lecture .lecture-item {width: calc(33.33% - 20rem);margin:0 10rem;}
.main-new-lecture .lecture-item figure { position: relative;padding-top: 53.921%;}
.main-new-lecture .lecture-item img {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; display: block;}

/* one week popular lecture */
.main-week-popular-lecture {margin-top: 150rem;position: relative;}
.main-week-popular-lecture .main-section__head {width:450rem;height:590rem;background:#004EA1;padding: 108rem 50rem;color:#fff; }
.main-week-popular-lecture .main-section__head:before {content:''; display:block; position:absolute; right:7rem; top:12rem;width:250rem; height:178rem; background:url(../images/main/week-popular-lecture-pattern.svg) no-repeat;}
.main-week-popular-lecture .main-section__title {font-size:32rem; font-weight:normal;}
.main-week-popular-lecture .main-section__title span {display:block;}
.main-week-popular-lecture .main-section__head > a {margin-top: 158rem;background:#232527;color:#fff;display: inline-block;padding: 19rem 38rem;box-shadow: 0 12rem 16rem rgba(5,48,93,0.74);}
.main-week-popular-lecture .main-section__head > a > span {position:relative;padding-right: 30rem;}
.main-week-popular-lecture .main-section__head > a > span:after  {position:absolute;right: 0;top:50%;transform:translateY(-50%);content: '\e901';font-family: 'academy';font-size: 20rem;font-weight:normal;display: inline-block;}

.main-week-popular-lecture .main-lecture__slider-wrap {position:absolute;top: 50%;right: 0;width:100%;max-width: 1075rem;transform: translateY(-50%);}
.main-week-popular-lecture .lecture-item {width:calc(33.33% - 20rem);margin: 0 10rem;}
.main-week-popular-lecture .lecture-item figure { position: relative;padding-top: 57%;}
.main-week-popular-lecture .lecture-item img {display:block; max-width:100%;}
.main-week-popular-lecture .swiper-navigation > button.swiper-button-prev:before {color:#fff;}



/* **************************************** *
 * POPULAR LECTURE
 * **************************************** */
.main-field-popular-lecture {background:#EEF1FF;}
.main-field-popular-lecture .tabs-basic li a {font-size:20rem; border-color:transparent; color:#777;}
.main-field-popular-lecture .tabs-basic li.active a {color:#fff;}

.field-popular-lecture__list {display: grid;grid-template-columns: 647rem 758rem;grid-gap: 40rem;grid-template-columns: 647rem repeat(1, 1fr);max-width: 1440rem;}
.field-popular-lecture__item {position:relative;background: #fff;}
.field-popular-lecture__item:nth-child(1) {grid-area: 1 / 1 / span 2 / span 1;max-width: 642rem;}
.field-popular-lecture__item:nth-child(2) {grid-area: 1 / 2 / span 1 / span 1;max-width: 758rem;width: 100%;}
.field-popular-lecture__item:nth-child(3) {grid-column: 2 / 2;grid-area: 2 / 2 / span 1 / span 1;max-width: 758rem;width: 100%;} 
.field-popular-lecture__item .field-popular-lecture__img { flex-shrink: 1; max-width: 297rem; width: 100%;}
.field-popular-lecture__item figure { position: relative; padding-top:73.065%;}
.field-popular-lecture__item img {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; display: block;}
.field-popular-lecture__num span {position:relative;padding-bottom:6rem;font-size:30rem;display: inline-block;}
.field-popular-lecture__num span:after {width:100%; height:3rem; background:#292C3D; content:''; display:block; position:absolute; bottom:0;}
.field-popular-lecture__item:first-child .field-popular-lecture__num {background:#000;padding: 14rem 27rem 23rem;position:absolute;left:20rem;top:0;}
.field-popular-lecture__item:first-child .field-popular-lecture__num span {font-size:36rem;color:#fff;}
.field-popular-lecture__item:first-child .field-popular-lecture__num span:after {background:#fff;}
.field-popular-lecture__text {padding: 18rem 30rem 20rem;}
.field-popular-lecture__text-inner {margin-top: 29rem;}
.field-popular-lecture__category {font-size:16rem;color: #004EA1;}
.field-popular-lecture__tit {margin-top:8rem;font-size:22rem;font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.field-popular-lecture__text time {display:block;margin-top: 8rem;font-size:16rem;opacity:0.6;}
.field-popular-lecture__item:nth-child(1) figure {padding-top: 73.21%;}

.field-popular-lecture__item a {display:flex;align-items: center;}
.field-popular-lecture__item:nth-child(1) a {display:block;}
.field-popular-lecture__item:nth-child(1) .field-popular-lecture__img {max-width:100%;}
.field-popular-lecture__item:nth-child(1) .field-popular-lecture__text {padding:0;}
.field-popular-lecture__item:nth-child(1) .field-popular-lecture__text-inner {position:absolute;bottom:0;width:100%;margin-top: 0;padding: 60rem 30rem 40rem;background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;}
.field-popular-lecture__item:nth-child(1) .field-popular-lecture__category {font-size:20rem; color:#fff;}
.field-popular-lecture__item:nth-child(1) .field-popular-lecture__tit { font-size:26rem; color:#fff;}
.field-popular-lecture__item:nth-child(1) .field-popular-lecture__text time { margin-top:14rem; font-size:18rem; color:#fff;}



/* **************************************** *
 * ALL LECTURE
 * **************************************** */
.main-all-lecture {background:#FAFAFA;}
.main-all-lecture .main-section__title {text-align:center;}
.main-all-lecture .lecture-list {margin: -20rem -15rem -20rem;font-size: 0;}
.main-all-lecture .lecture-item {box-shadow:none;width: calc(33.33% - 30rem);margin: 20rem 15rem;display: inline-block;}


/* **************************************** *
 * BOARD LIST
 * **************************************** */
.main-board-list .main-section__title {text-align:center;}