@charset "utf-8";

body {
   background-color: var(--theme-color);
}

strong *,
strong {
   font-family: var(--theme-font-700) !important;
   font-weight: normal;
}

.copyright {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 98px;
   color: #fff;
   font-size: 1rem;
}

.information {
   padding-top: 188px;
   padding-bottom: 80px;
   background: no-repeat 50% 0% / cover, var(--theme-color);
}
.information:not(.noBlending) {
   background-blend-mode: multiply;
}
.cnMid .information {
   background-image: url(../images/cn/cate1/img_bg_information.png);
}
.cnHigh .information {
   background-image: url(../images/cn/cate2/img_bg_information.png);
}
.cnHigh_culture .information {
   background-image: url(../images/cn/cate3/img_bg_information.png);
}

.jpMid .information {
   background-image: url(../images/jp/cate1/img_bg_information.png);
}
.jpHigh .information {
   background-image: url(../images/jp/cate2/img_bg_information.png);
}
.jpHigh_culture .information {
   background-image: url(../images/jp/cate3/img_bg_information.png);
}
.jpHigh_tour .information {
   background-image: url(../images/jp/cate4/img_bg_information.png);
}

.lnb,
.section > *,
.information > * {
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
}
.sub {
   width: 100%;
   min-width: 1200px;
}

.lnb {
   display: flex;
   position: fixed;
   top: 40px;
   left: 50%;
   transform: translateX(-50%);
   background: rgba(0, 0, 0, 0.1);
   border: 1px solid rgba(255, 255, 255, 0.6);
   border-radius: 20px;
   overflow: hidden;
   z-index: 11;
}
.lnb > a {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   width: calc(100% / 3);
   padding: 20px;
   color: #fff;
   font-size: 24px;
   opacity: 0.6;
}
.lnb .current {
   color: #d63a3a;
   font-family: var(--theme-font-700);
   background: #fff;
   border-radius: 20px;
   opacity: 1;
}

.lnb.jp > a {
   width: calc(100% / 4);
}
.lnb.jp .current {
   color: #034c9d;
}

.snb {
   position: fixed;
   top: 140px;
   right: 20px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.4);
   border: 1px solid rgba(255, 255, 255, 0.6);
   border-radius: 80px;

   display: flex;
   flex-flow: column wrap;
   z-index: 11;
}
.snb > a {
   display: flex;
   align-items: center;
   justify-content: center;
   width: calc(100px + (20px * 2));
   height: calc(100px + (20px * 2));
   color: rgba(255, 255, 255, 0.6);
   font-size: 20px;
   line-height: 1.2;
   text-align: center;
   border-radius: calc(100px + (20px * 2));
}
.snb > a:last-child {
   flex-flow: column nowrap;
   gap: 10px;
}
.snb > a:last-child:before {
   content: '';
   border: 10px solid transparent;
   border-bottom-color: rgba(255, 255, 255, 0.6);
}
.snb .current {
   color: #b23030;
   font-family: var(--theme-font-700);
   background: #fff;
   opacity: 1;
}
.snb.jp .current {
   color: #034590;
}

.information .title {
   color: #fff;
   font-weight: 400;
   font-size: 3.5rem;
   font-style: normal;
   line-height: 1.2;
   text-align: center;
}
.information .title strong,
.information .title span {
   display: block;
}
.information .title strong {
   font-size: 5rem;
}
.information .title strong em {
   color: #ffe390;
}

.information .visual {
   position: relative;
   margin-top: 60px;
   text-align: center;
}
.information .visual .download {
   position: absolute;
   top: 50%;
   right: 100px;
   transform: translateY(-50%);
}
.information .visual .download img {
   filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
}
.information .visual .download:hover {
   top: calc(50% + 4px);
   right: calc(100px - 4px);
}
.information .visual .download:hover img {
   filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.25));
}

.information .text {
   margin-top: 20px;
   color: #fff;
   text-align: center;
   font-size: 2.25rem;
   font-weight: 400;
   font-family: var(--theme-font);
   line-height: 1.2;
}
.information .text strong {
   display: block;
}

.information .point {
   margin-top: 40px;
}
.information .point li {
   display: flex;
}
.information .point li span {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   position: relative;
   width: 120px;
   color: #fff;
   font-weight: 700;
   font-size: 32px;
}
.information .point li span:before {
   content: '';
   display: block;
   width: 10px;
   height: 10px;
   margin-right: 14px;
   border-radius: 10px;
   background: #fff;
}
.information .point li span:after {
   content: '';
   display: block;
   width: 2px;
   height: calc(100% + 20px);
   background: #fff;
   position: absolute;
   top: -20px;
   left: calc((10px - 2px) / 2);
}
.information .point li:first-child span:after {
   height: calc(50% + 20px);
   top: 50%;
}
.information .point li:last-child span:after {
   height: calc(50% + 20px);
}
.information .point li dl {
   flex-grow: 1;
   flex-shrink: 1;
   display: grid;
   grid-template-columns: 1fr 2fr;
}
.information .point li dt {
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 100px;
   padding: 0 30px;
   color: #fff;
   font-weight: 700;
   font-size: 24px;
   border-radius: 100px 0 0 100px;
}
.information .point li dd {
   display: flex;
   align-items: center;
   padding: 20px;
   font-size: 24px;
   line-height: 1.2;
   background: #ffe5e5;
   border-radius: 0 10px 10px 0;
}

.information .point li + li {
   margin-top: 20px;
}
.information .point li:nth-child(odd) dt {
   background: #ff7373;
}
.information .point li:nth-child(even) dt {
   background: #e88c3c;
}
.sub[class*='jp'] .information .point li:nth-child(odd) dt {
   background: #2e85e8;
}

.sub > .section {
   position: relative;
   padding-top: 120px;
   padding-bottom: 120px;
}
.writer_info {
   background: url(../images/cn/img_bg_writer_info.png) no-repeat 50% 50%/1920px auto, #312929;
}
.sub > .section .title {
   font-weight: 400;
   font-size: 3rem;
   line-height: 1.2;
   text-align: center;
}
.writer_info .title {
   color: #fff;
}
.writer_info .title strong,
.writer_info .title span {
   display: block;
}
.writer_info .title span {
   line-height: 1.2;
}
.writer_info .title strong em {
   color: #ffb71d;
}

.bookmark {
   position: absolute;
   top: 0;
   right: calc(50% + (1200px / 2) + 120px);
   width: auto;
}

.writer_info [class*='list'] {
   display: flex;
   margin-top: calc(50px - 30px);
}
.writer_info [class*='list'] dl {
   width: calc((100% - (30px * 3)) / 4);
   margin-top: 30px;
   margin-left: 30px;
   border: 4px solid #e6e6e6;
   border-radius: 40px;
   overflow: hidden;
}
.jpHigh_tour .writer_info .list1 dl:nth-child(5),
.jpHigh_culture .writer_info .list1 dl:nth-child(5),
.jpHigh .writer_info .list1 dl:nth-child(5),
.jpMid .writer_info .list1 dl:nth-child(5),
.cnHigh .writer_info .list2 dl:nth-child(4n + 1),
.writer_info [class*='list'] dl:first-child,
.cnMid .writer_info [class*='list'] dl:nth-child(4n + 1) {
   margin-left: 0;
}

.cnHigh_culture .writer_info .list2 dl:nth-child(4),
.cnHigh .writer_info .list1 dl:nth-child(4) {
   margin-left: 0;
}
.writer_info [class*='list'] dt {
   height: 68px;
   background: #e6e6e6;
}
.writer_info [class*='list'] dd {
   height: 100px;
}

.writer_info .list1 dl:nth-child(odd) {
   border-color: #ffdede;
}
.writer_info .list1 dl:nth-child(odd) dt {
   background-color: #ffdede;
}

.sub[class*='jp'] .writer_info .list1 dl:nth-child(odd),
.writer_info .list1 dl:nth-child(even) {
   border-color: #fff4d3;
}
.sub[class*='jp'] .writer_info .list1 dl:nth-child(odd) dt,
.writer_info .list1 dl:nth-child(even) dt {
   background: #fff4d3;
}

.sub[class*='jp'] .writer_info .list1 dl:nth-child(even) {
   border-color: #c0d4eb;
}
.sub[class*='jp'] .writer_info .list1 dl:nth-child(even) dt {
   background: #c0d4eb;
}

.writer_info [class*='list'] dd,
.writer_info [class*='list'] dt {
   display: flex;
   justify-content: center;
   align-items: center;
}
.writer_info [class*='list'] dt {
   font-size: 1.5rem;
   font-weight: 700;
}
.writer_info [class*='list'] dd {
   flex-wrap: wrap;
   font-size: 1.5rem;
   background-color: #fff;
}
.writer_info [class*='list'] dd strong {
   font-size: 2.25rem;
   margin-right: 10px;
}

.writer_info .text {
   margin-top: 90px;
   color: #fff;
   font-weight: 400;
   font-size: 32px;
   line-height: 1.2;
   text-align: center;
}
.writer_info .text strong {
   color: #ffb71d;
}

.writer_info [class*='list'].multyLine {
   flex-wrap: wrap;
}
.writer_info [class*='list'].multyLine dl:nth-child(n + 5) {
   width: calc((100% - (30px * 2)) / 3);
}

.sample_book {
   background: #f9e3e3;
}

.sample_book .slide_bx {
   position: relative;
   padding: 30px;
   margin-top: 35px;
   background-color: #fff4d3;
   border: 1px solid #000;
   border-radius: 20px;
}

.sample_book .slide_bx h5 {
   font-size: 24px;
   text-align: center;
   margin-bottom: 20px;
}
.sample_book .slide_bx .tabBtns h5.active,
.sample_book .slide_bx > h5 {
   font-family: var(--theme-font-700);
}
.sample_book .slide_bx .tabBtns {
   display: flex;
   justify-content: center;
   gap: 40px;
}
.sample_book .slide_bx .tabBtns h5 {
   border: 0 none;
   font-weight: 400;
   cursor: pointer;
}

.sample_book .list.swiper-container {
   border-top: 1px solid #000;
}
.sample_book .tabArea .list.swiper-container {
   padding-top: 20px;
}
.sample_book .list.swiper-container p {
   padding: 20px 0;
   text-align: center;
}
.sample_book .tabArea .tabContent {
   display: none;
}
.sample_book .tabArea .tabContent.view {
   display: block;
}

.sample_book .list ul {
   list-style: none;
}
.sample_book [class*='slideBtn-'] {
   font-size: 0;
   background: transparent;
   border: 0 none;
   top: 50%;
}
.sample_book .swiper-slide > div {
   font-size: 0;
}
.sample_book .slideBtn-prev {
   left: 0;
}
.sample_book .slideBtn-next {
   right: 0;
}
.sample_book .swiper-button-prev:after,
.sample_book .swiper-rtl .swiper-button-next:after,
.sample_book .swiper-button-next:after,
.sample_book .swiper-rtl .swiper-button-prev:after {
   display: none;
}
.sample_book .swiper .swiper-pagination {
   background: #fff4d3;
   max-width: 120px;
   border-radius: 20px;
   margin: 0 auto;
   left: 50%;
   transform: translateX(-50%);
}
.sample_book .swiper .swiper-pagination span:first-child {
   font-size: 1.25rem;
   font-family: var(--theme-font-700);
   font-weight: 700;
}
.sample_book .swiper-pagination-lock {
   display: block;
}

.custom_data {
   background: #9b1111;
}
.sub[class*='jp'] .custom_data {
   background: #00346d;
}
.custom_data .title {
   color: #fff;
}
.custom_data .lists {
   display: flex;
   flex-wrap: wrap;
   margin-top: calc(50px - 30px);
}
.custom_data .lists dl {
   width: calc((100% - (30px * 3)) / 4);
   padding: 20px;
   margin-top: 30px;
   margin-left: 30px;
   text-align: center;
   background-color: #fff;
   border: 4px solid #e6e6e6;
   border-radius: 20px;
   overflow: hidden;

   display: flex;
   flex-flow: column wrap;
   justify-content: space-between;
   gap: 20px;
}
.sub.jpHigh_culture .custom_data .lists dl {
   width: calc((100% - (30px * 2)) / 3);
}
.custom_data .lists dl:nth-child(8),
.custom_data .lists dl:nth-child(5),
.custom_data .lists dl:nth-child(1) {
   margin-left: 0;
}
.custom_data .lists dl:nth-child(n + 5) {
   width: calc((100% - (30px * 2)) / 3);
}

.custom_data .lists dt {
   color: #fa5353;
   font-size: 24px;
   font-family: var(--theme-font-700);
   padding-bottom: 10px;
   border-bottom: 1px solid #acb0c1;
}
.sub[class*='jp'] .custom_data .lists dt {
   color: #2886ef;
}
.custom_data .lists dd.thumbnail {
   font-size: 0;
}
.custom_data .lists dd.more,
.custom_data .lists dd.text {
   max-width: 268px;
   margin: 0 auto;
}
.custom_data .lists dd.text {
   font-size: 20px;
   line-height: 1.2;
}
.custom_data .lists dd.more {
   width: 100%;
   height: 60px;
   background: #ffb71d;
   border: 2px solid #000;
   border-radius: 16px;
   box-shadow: 0px 5px 5px #000;
   overflow: hidden;
}
.custom_data .lists dd.more:hover {
   transform: translateY(3px);
   box-shadow: 0px 1px 3px #000;
}
.custom_data .lists dd.more button,
.custom_data .lists dd.more a {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   color: #fff;
   font-size: 20px;
   font-family: var(--theme-font-700);
   background: transparent;
   border-radius: 16px;
   border: 0 none;
}
.custom_data .lists dd.more button:after,
.custom_data .lists dd.more a:after {
   content: '▶';
   line-height: 1;
   margin-left: 10px;
   font-size: 10px;
}

/* 고등학교 중국어 */
.cnHigh .writer_info .list1 {
   flex-wrap: wrap;
   justify-content: center;
}
.cnHigh .writer_info .list1 dl {
   width: calc((100% - (30px * 2)) / 3);
}

/* 고등학교 중국어 */
.cnHigh_culture .writer_info .list2 dl {
   width: calc((100% - (30px * 2)) / 3);
}

/* 모바일 */
@media screen and (max-width: 768px) {
}

/* 데스크탑 */
@media screen and (min-width: 769px) {
}
@media screen and (min-width: 1440px) {
   .snb {
      top: 40px;
   }

   .sample_book .slideBtn-prev {
      transform: translateX(-50%);
   }
   .sample_book .slideBtn-next {
      transform: translateX(50%);
   }
}