@charset "utf-8";

/* onkepco */
.onkepco_img{ padding:0 9em; }
.onkepco_img2{ margin:70px 0 0 0; padding:0 6em; }

.sub_defi .col_3{  column-count: 5;}

/* news */
#sub section .img-box.newimgbox img{ width:auto; }

/* keeper */
#sub section .img-box.kprimg{ margin: 1rem 0 0 0; }

/* kcreator */
#sub section .kcreator_bg h1{ margin-bottom:0; }
.kcreator_bg .content{ padding:90px 90px 0 90px; background: url('../../img/k-creator/kcerator_00.png') no-repeat left top; background-size: 100% auto; }
p.kcreator_txt{ text-align: center; font-weight: 800; color:#ea5539; }
.kcreator_tit{ margin-top:50px; color:#ea5539; }
.fontc7_7{ color: #ca3a28 !important; }

/* curation */
ul.curation4{ display: flex; flex-wrap: wrap; margin-bottom:100px; }
ul.curation4 li{ width:50%;  font-size: 1.3rem; }
ul.curation4 li:nth-child(1){ padding-right:20px; }
ul.curation4 li:nth-child(3){ padding-right:20px; }
ul.curation4 li strong{ display: block; position: relative; margin-bottom:15px; padding:65px 0 10px 0; border-bottom:1px solid #21a5c3; font-weight: 800; font-size: 1.8rem; color: #21a5c3; }
ul.curation4 li strong img{ position: absolute; bottom:5px; right:0; width:85px; }
ul.curation4 li:nth-child(2) strong img{ width:65px; }
ul.curation4 li p{ line-height: 30px; }

.curation3 { padding:40px 10px 30px 20px; background: #21a5c3; border-radius: 20px; }
.curation3 strong.curation3_tit{ display: block; margin-bottom:40px; font-weight: 800; font-size: 1.8rem; color: #fff; }
.curation3 strong.curation3_tit span{ display: inline-block; margin-right:30px; padding:10px 20px; background: #e0a137; border-radius: 20px; font-weight: 800; font-size: 1.2rem; color: #fff; }
.curation3 ul{ display: flex; flex-wrap: wrap; }
.curation3 ul li{ width:30.5%; margin-right: 30px; color: #fff; }
.curation3 ul li:last-child{ margin-right: 0; padding-right: 0; }
.curation3 ul li strong{ display: block; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #fff; font-weight: 800; font-size: 1.3rem; color: #fff; }
.curation3 ul li img{ width:70px; float: left; margin-right: 20px; }
.curation3 ul li:nth-child(2) img{ width:120px; }
.curation3 ul li:nth-child(3) img{ width:65px; }

.fl3n.flex_3line .flexbox .txt3{ /* border-bottom: 0; */ font-weight: 800; font-size: 1.5rem !important;}
.fl3n.flex_3line .flexbox .txt4{ line-height: 30px; }
.fl3n.flex_3line .flexbox .img-box img{ height:300px; }

.cur768{ display: none; }

/* mindu */
.mindu_list{ display: flex; align-items: flex-start; gap: 1.5%; padding: 15px 0;  border-top: 1px dashed #ed6c00;  }
.mindu_list span{ display: block; width:30%; font-weight: 600; font-size: 1.25rem; color: #ed6c00; }
.mindu_list p{ width:100%; margin-bottom:0 !important; }
.mindu_list.ml01{ background: url('../../img/mindu/mindu_03.png') no-repeat right top 75px; }
.mindu_list.ml02{ background: url('../../img/mindu/mindu_04.png') no-repeat left top 75px; }
.mindu_list.ml03{ background: url('../../img/mindu/mindu_05.png') no-repeat right bottom 75px; }

/* magazine-p */
#sub section h2.mp_h2{ margin:50px 0 30px 0; padding-bottom:15px; border-bottom:2px solid #ed6c00; font-size: 26px; color: #ed6c00; }
#sub section h3.mp_h3{ margin-bottom:10px; font-size:20px; }

.mptimg{ margin:30px 0; }
.mptimg ul{ display: flex; gap: 1.5%; }
#sub section p.annotation{ margin-bottom:0; line-height: normal; font-size: 1rem; color: #9b9b9b; }

.add_box{ margin-bottom:90px; padding:20px 15px; background:#fbfcf6; border-radius: 15px; }
.add_box strong{ display: block; margin-bottom:8px; font-size: 1.1rem; font-weight: 800; color:#008000; }
.add_box ul{  }
.add_box ul li{ margin-bottom:8px; text-align: justify; }
.add_box ul li:last-child{ margin-bottom:0; }
.add_box ul li span{ display: inline-block; width:60px; font-weight:800; }

.tip_box{ margin-bottom:90px; padding:20px 15px; background:#000; border-radius: 15px; color:#fff; }
.tip_box strong{ display: block; margin-bottom:15px; font-size: 1.5rem; font-weight: 800; }
.tip_box ol{  }
.tip_box ol li{ margin-bottom:8px; font-size: 1.2rem; }
.tip_box ol li:last-child{ margin-bottom:0;  }


.coverswiper { margin-top:10px; }
.coverswiper .swiper { width: 100%; height: 100%; }
.coverswiper .swiper-slide {  display: flex;  justify-content: center;  align-items: center; text-align: center;  font-size: 18px;  background: #fff;  }
.coverswiper .swiper-slide img {  display: block;  width: 100%;  height: 100%;  object-fit: cover;}
.coverswiper .swiper-pagination-progressbar { height: var(--swiper-pagination-progressbar-size,12px) !important;  }
.coverswiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #000; }
.coverswiper .swiper-button-next, .coverswiper .swiper-button-prev{ color:#000 ; }
.coverswiper .swiper-button-next::before {
  content: 'next';
  font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
}



.fontc8_11{ color:#69a997; }
.gs_tip08 span{ background: #69a997; }
.gs_box08{ margin-top:-1px !important; border:1px solid #69a997; }
.sub_line2_08{ display: block;  width: 100%;  height: 1px; margin-bottom:20px; background: #69a997; }

@media (max-width: 790px) {
  .curation3 ul li{ width:30%; }
}
@media (max-width: 768px) {
  .curation3{ padding:30px; }
  .curation3 ul{ display: inline-flex; }
  .curation3 ul li{ width:100%; margin-right:0; }
  ul.curation4{ display: inline-flex; }
  ul.curation4 li{ width:100%; }
  .mindu_list{ display: flow; }
  .mindu_list span{ width:100%; margin-bottom: 15px; font-size: 1.5rem; line-height:22px; }
  .mindu_list.ml01{ background-position: right bottom; }
  .mindu_list.ml02{ background-position: right bottom; }
  .mindu_list.ml03{ background-position: right bottom; }
  .mptimg ul{ display: flow; }
  .mptimg ul li{  }
  .mptimg ul li img{ width:100%; }
  .add_box{ margin-bottom:50px; }
  .add_box ul li{ font-size: 1.2rem; }
  .curation3 strong.curation3_tit span{ margin-right:0; margin-bottom:20px; }
  .cur768{ display:block; }
  .fl3n.flex_3line .flexbox .img-box img{ height:100%; }
  .sub_defi .col_3{ column-count: 2; }
}