@charset "utf-8";

/* light */
.light_img{ width: 65px;  margin-right: 25px;  vertical-align: -21px; }
.w15 img{ width:15%; }
.w60 img{ width:60%; }
.w70 img{ width:70%; }

/* essential */
#sub .wrap.essential_wrap{ width:1200px; }
#sub .wrap.essential_wrap section h1{ margin-bottom:0; }

.essential_con_ty01{ display: flex; margin-bottom:100px; background: #f9e400; text-align: center;  }
.essential_con_ty01 .ecbox{ width:24%; margin-right:15px; }
.essential_con_ty01 .ecbox.ty01{ padding:120px 15px 15px 15px; background: url('../../img/essential/bg_essential01.png') no-repeat 0 0; background-size: 100% auto; }
.essential_con_ty01 .ecbox.ty01 h2{ margin-bottom:90px !important; line-height:28px !important; color:#0b3190; }
.essential_con_ty01 .ecbox.ty01 h2 strong{ display: block; font-weight: bold; font-size:40px; line-height: 44px; }
.essential_con_ty01 .ecbox.ty02{ padding:15px; background: url('../../img/essential/bg_essential02.png') no-repeat 0 bottom; background-size: 98% auto; }
.essential_con_ty01 .ecbox.ty03{ padding:15px; background: url('../../img/essential/bg_essential01.png') no-repeat 0 0; background-size: 100% auto; }
.essential_con_ty01 .ecbox.ty04{ margin-right:0; padding:15px; background: url('../../img/essential/bg_essential03.png') no-repeat 0 bottom; background-size: 106% auto; }
.ecty_con{  }
.ecty_con img{ display: inline-block; margin-bottom:10px; }
.essential_con_ty01 .ecty_con strong{ display: block; margin-bottom: 10px; padding-bottom:10px; border-bottom: 1px solid #0b3190; font-weight: bold; font-size: 15px; color:#0b3190; }

#sub section .essential_con_ty01 .ecty_con p{ margin-bottom:0; text-align: left; font-size: 14px; line-height: 25px; font-weight: 600; color:#0b3190; }
#sub section .essential_con_ty02 .ecty_con p{ margin-bottom:0; text-align: left; font-size: 14px; line-height: 25px; font-weight: 600; color:#47277d; }

.essential_con_ty02{ display: flex; background: #85cbbf; text-align: center; }
.essential_con_ty02 .ecbox{ width:24%; margin-right:15px; }
.essential_con_ty02 .ecbox.ty01{ padding:120px 15px 15px 15px; background: url('../../img/essential/bg_essential04.png') no-repeat 0 0; background-size: 100% auto; }
.essential_con_ty02 .ecbox.ty01 h2{ margin-left:75px; margin-bottom:90px !important; line-height:28px !important; text-align: left; color:#47277d; }
.essential_con_ty02 .ecbox.ty01 h2 strong{ display: block; font-weight: 800; font-size:40px; line-height: 44px; }
.essential_con_ty02 .ecbox.ty02{ padding:15px; background: url('../../img/essential/bg_essential05.png') no-repeat 0 0; background-size: 98% auto; }
.essential_con_ty02 .ecbox.ty03{ width:48%; margin-right:0; padding:15px; background: url('../../img/essential/bg_essential06.png') no-repeat 0 bottom; background-size: 100% auto; }
.essential_con_ty02 .ecty_con strong{ display: block; margin-bottom: 10px; padding-bottom:10px; font-weight: 800; font-size: 15px; color:#47277d; }
.essential_con_ty02 .ecty_con p span{ display: block; font-weight: 800; }



/* greensight */
.gs_tip10 span{ background: #7eba27; }
#sub section .gs_box10{ margin-top:-1px;  border: 1px solid #7eba27; }
#sub section .gs_box10 h2{ position: relative; padding-bottom:20px; border-bottom: 1px solid #7eba27; color: #7eba27; }
#sub section .gs_box10 h2 img{ position: absolute; top:-15px; right:0; }
#sub section .gs_box10 p{ margin-bottom:0; color: #7eba27; }


/* wide */
#sub section .wide_inner h1{ margin-bottom:0; }
#sub section p.wide_con_txt{ margin-bottom: 10rem; font-size: 1.25rem;  font-weight: 700; line-height: 2.1875rem; text-align: justify; }
h2.wide_tit{ color:#ea5504; }
h2.wide_tit img{ margin-right:10px; vertical-align: -10px; }

#sub section .wide_inner .content{ background: url('../../img/wide/bg_wide.png') no-repeat right bottom 15%; }

span.wide_point{ display: block; font-size:15px; font-weight:800; }

/* curation */
#sub section .curation h1{ margin-bottom:0; }

.curation_infobox{ margin-bottom:50px; }
.curation_infobox strong{ display: block; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #000; font-size: 18px; font-weight:800; }
.curation_infobox strong img{ display: inline-block; margin-right:10px; vertical-align: -8px; }
.curation_img{ margin-bottom:50px; text-align: center; }
.curation_img span{ display: block;  color: #727171; }

.curation_list{ display:flex; margin-bottom:50px; }
.curation_list ol{ width:50%; padding-left:60px; background: url('../../img/curation/curation_ico01.png') no-repeat left top; }
.curation_list ol li{ margin-bottom:10px; font-size: 14px; font-weight: 600; }
.curation_list ol li span{ font-size: 16px; font-weight: 800; }
.curation_list ol:last-child{ background: url('../../img/curation/curation_ico02.png') no-repeat left top; }
.curation_list ol:last-child li{ color:#ea5520; }




/* mindu */
.minducon{ padding: 0 0 30px 0; background: url('../../img/mindu/bg_mindu.png') no-repeat left top; }
.minducon .boximg{  margin: 0 0 -6px 0; text-align: right; }
.minducon .boximg img{ display: inline-block; }

ul.minducon_list{ margin:0 30px; padding:80px 60px 30px 60px; background: url('../../img/mindu/bg_mindu_con.png') no-repeat center top; background-size: 100% auto; }
ul.minducon_list li{ margin-bottom:70px; line-height:28px; font-size: 18px;  }
ul.minducon_list li:last-child{ margin-bottom:0; }
ul.minducon_list li span{ display: block; margin-bottom:15px; font-size: 22px; font-weight:bold;  }
ul.minducon_list li span img{ display: inline-block; margin-right:30px; }
ul.minducon_list li:nth-child(1) span img{ vertical-align: -44px; }
ul.minducon_list li:nth-child(2) span img{ vertical-align: -25px; }
ul.minducon_list li:nth-child(3) span img{ vertical-align: -40px; }

/*  talk */
#sub.sub_talk section h1{ margin-bottom:0; }
.talkcon { background: url('../../img/talk/bg_talk01.jpg') repeat left top; background-size: 100% auto; }
.talkcon img{ display: block; }
.talkcon .talk_movie_box{ background: url('../../img/talk/bg_talk01.jpg') repeat left top; background-size: 100% auto; }
.fontc8_7{ color: #02489d; }
.sub_talk .talkcon .linegreen{ border-top: 1px solid #02489d !important; }

#sub section .talkcon h3{ margin-bottom:0; padding:20px 20px 0 20px; color: #000; }
.talkcon .talk_fl01{ margin:0; padding:20px; }
.talk_boxs{ padding:0 20px 20px 20px; background:url('../../img/talk/bg_talk01.jpg') repeat left top; background-size: 100% auto; }

#sub section .talk_boxs p.point_text01{ display: inline-block; margin-bottom:12px !important; border-bottom:1px solid #02489d; }

#sub section .talkcon .talk_fl02 .talk_fl_left strong.talk_left_tit{ display: block; margin-bottom:20px; font-size: 24px; line-height: 36px; font-weight: 900; }
#sub section .talkcon .talk_fl02 .talk_fl_left strong.talk_left_tit span{ font-weight: 900; color:#02489d; }
#sub section .talkcon .talk_fl02 .talk_fl_left p.talk_left_txt{ font-style: italic; font-weight: 600; }
#sub section .talkcon .talk_fl02 .talk_fl_left p.talk_left_txt span{ display: block; font-size: 15px; font-weight: 600; color:#02489d; }

#sub section .talkcon .talk_movie_box.tmb_btm{ }
#sub section .talkcon .talk_movie_box.tmb_btm h2{ position: relative; font-size:28px; font-weight: 900; }
#sub section .talkcon .talk_movie_box.tmb_btm h2 img{ position: absolute; top:-40px; right:0; }
#sub section .talkcon .talk_movie_box.tmb_btm .talk_fl01{ padding:0; }
#sub section .talkcon .talk_movie_box.tmb_btm p.point_text01, .sub_talk section .talkcon .talk_movie_box.tmb_btm p.point_text01{ margin-bottom:0 !important; border-bottom:0; font-size: 16px !important; line-height:24px; }
#sub section .talkcon .talk_movie_box.tmb_btm p.point_text01.textspace4{ margin-bottom:7px !important; }
#sub section .talkcon .talk_movie_box.tmb_btm .talk_fBox{ width:25%; }
#sub section .talkcon .talk_movie_box.tmb_btm .talk_fBox div{ line-height:24px; font-size: 15px; }

/* kcreator */
#sub section .kcreator_bg h1{ margin-bottom:0; }
#sub section p.kcreator_txt{ margin-bottom:5rem; text-align: center; font-weight: 800; color:#213b78; }

#sub section .kcreator_bg .content{ padding:0 0 20px 0;  background: #ffffe0; }
#sub section .kcreator_bg .content .boximg.bigc{ padding:0 20px; }

.kcerator_info{ display: flex; margin-bottom:70px; padding:0 20px; }
.kcerator_info .kcerator_img{ width: 23%; }
#sub section .kcerator_info p{ width: 77%; margin-bottom:0; }
.kcerator_info p strong{ display: block; font-size: 18px; font-weight: 800; color:#213b78;  }

.kcerator_explanation{ margin:0 20px 50px; padding:20px 30px; background: #213b78; border-radius: 10px; }
.kcerator_explanation strong{ display: block; margin-bottom:15px; padding-bottom:15px; border-bottom: 1px solid #00afec; font-size: 20px; font-weight: bold; color:#fff; }
.kcerator_explanation ol{  }
.kcerator_explanation ol li{ margin-bottom:20px; font-size: 1.25rem; color:#fff; }
.kcerator_explanation ol li:last-child{ margin-bottom:0; }
.kcerator_explanation ol li span{ display: block; margin-bottom:10px; font-size: 17px; font-weight: 500; }
.kcerator_explanation ol li span em{ display: inline-block;  width: 25px; margin-right:9px; padding:2px 8px; background: #00afec; border-radius: 15px; font-style: normal; font-size: 15px;  vertical-align: 1px;     text-align: center; }
#sub section .kcerator_explanation ol li p{ line-height: 22px; }


/* magazinep */
.magazinepsub{ display: block; font-size: 16px;  font-family: 'notokr-regular', sans-serif; }
.flex3{ align-items: flex-start; flex-wrap: wrap; }
.flex3 .img-box{ width:49%; }


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

/* instagram */
.insta_4 ul li{ color:#004ea2; }



/* news */
#sub section .img-box.newimgbox img{ width:auto; }
.new_img{ margin: 4rem 0; text-align: center; }
.new_img img{ width:40%; }

#sub section p.new_numtxt{ margin-left:10px; margin-bottom:0; text-indent: -10px; color:#c57f2d; }
span.uptxt{ font-size: 11px; vertical-align: 8px; color:#c57f2d; }

/* onkepco */
.onkepco_img{ padding:0 9em; text-align: center; }
.onkepco_img img{ width:65% !important; }
.onkepco_img2{ margin:70px 0 0 0; padding:0 6em; }

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


/* 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; }


.tip_box02{ margin-bottom:90px; padding:25px; background:#00afec; border-radius: 15px; color:#fff; }
.tip_box02 strong.tip_ttits{ display: block; margin-bottom:6px; font-size: 1.6rem; font-weight: 800; }
#sub section .tip_box02 p.tip_tit_txt{ margin-bottom:50px; }
.tip_box02 h4{ margin-bottom:18px; padding-bottom:10px; border-bottom:1px solid #fff; font-size: 1.4rem; font-weight: 800; }
.tip_box02 strong.sub_tit{ font-size: 1.3rem; font-weight: 600; }

ul.tip_imgbox{ display: flex; justify-content: center; }
ul.tip_imgbox li{margin-right: 10px;}
ul.tip_imgbox li:last-child{margin-right: 0;}

span.img_txt{ display: block; margin-bottom:20px; text-align: center; }
ul.info_list{ margin-bottom:40px;  }
ul.info_list li{ margin-bottom:7px; font-size: 1.1rem; }
ul.info_list li span{ display: inline-block; }
ul.info_list li:last-child{ margin-bottom:0; }


img.img100{ width:100%; }


/* cover interview */
.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 */
@media (max-width: 1200px) {
  #sub .wrap.essential_wrap{width: 100%;  padding: 0 1.5rem; }
}

@media (max-width: 768px) {
  /* magazine-p */
  ul.tip_imgbox{ display: flow; }
  ul.tip_imgbox li { margin-right:0; }
  ul.tip_imgbox li img{ width:100%; }

  /* curation */
  .curation_img{ margin-bottom:25px; }
  .mdaimg img{ width:60%; }
  .curation_infobox{ margin-bottom:25px; }

  /* essential */
  .essential_con_ty01{ flex-wrap: wrap; }f
  .essential_con_ty01 .ecbox{ flex: 1 1 40%; }

  .essential_con_ty02{ flex-wrap: wrap;  }
  .essential_con_ty02 .ecbox{ flex: 1 1 40%; }
  .essential_con_ty02 .ecbox.ty01, .essential_con_ty02 .ecbox.ty02, .essential_con_ty02 .ecbox.ty03{ background-size: 100% 100%; }

  /* mindu */
  ul.minducon_list{ padding: 40px 30px 15px 30px; }
  ul.minducon_list li span img{ display: block; margin-bottom:10px; }

  /* talk */
  #sub section .talkcon .talk_movie_box.tmb_btm .talk_fBox{ width:100%; }

  /* k-creator */
  #sub section p.kcreator_txt{
    padding:0 20px;
  }
  #sub section .kcerator_info p{ width:100%; }
  .kcerator_info{ display: block; margin-bottom:50px; }
  .kcerator_info .kcerator_img{ margin-bottom:15px; }
  .kcerator_info p{ width: 100%; }

  /* wide */
  #sub section .wide_inner .content{ background-size: 35% auto; background-position: right bottom 40%; }
  .boximg02{ display: block; }
  .boximg02 .boximgcon:first-child{ margin:0 0 20px 0;}
  .boximg02 .boximgcon:last-child{ margin-bottom:35px; }
  .talk_boxs{ padding:0 30px 20px 30px; }
  .ml200{ margin:0 }
  .mr200{ margin:0 }
  .mb80 { margin-bottom:40px !important; }
  
  .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:nth-child(1){margin-right: 0px;}
  .mptimg ul li:nth-child(2){margin-left: 0px;}
  .mptimg ul li img{ width:100%; }
  .add_box{ margin-bottom:50px; }
  .add_box ul li{ font-size: 1.2rem; }

  .fl3n.flex_3line .flexbox .img-box img{ height:100%; }
  .sub_defi .col_3{ column-count: 2; }
  .flex3 .img-box{ width:100%; }

  .w15 img{ width: 30%; }
  .w60 img{ width: inherit; }
  .w70 img{ width: inherit; }
}
@media (max-width: 495px) {
 /* essential */
 .essential_con_ty01{ flex-direction: column; }
 .essential_con_ty01 .ecbox{ width:100%; background-size: 100% 100%; }
 .essential_con_ty02{ flex-direction: column; }
 .essential_con_ty02 .ecbox{ width:100% !important; }
 #sub section .talkcon .talk_movie_box.tmb_btm h2 img{ display: none; }
}