@charset "utf-8";

.main_column { padding: 20px 0; }

.main_column .d-flex { height: 100%; }

.main_column .d-flex .left_box {width: 40%; background-color: #FDB812; border-radius: 0 0 50px 0; position: relative;}

.main_column .d-flex .left_box .left_box_wrapper { position: relative; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-flex: 1;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center; height: 100%; display: inline-flex; left: 50%; transform: translateX(-50%); }

.main_column .d-flex .left_box .title {margin-bottom: auto;letter-spacing: -1.5px;margin-right: auto; }

.main_column .d-flex .left_box .swiper-navigation {position: absolute;bottom: 100px;display: inline-flex;right: 0;width: 170px;}

.main_column .d-flex .left_box .swiper-button-prev {background-color: #fff;border-radius: 50%;width: 70px;height: 70px;border: 1px solid #000;position: relative;overflow:hidden;}

.main_column .d-flex .left_box .swiper-button-next {background-color: #fff;border-radius: 50%;width: 70px;height: 70px;border: 1px solid #000;position: relative;overflow:hidden;left: 30px;}

.main_column .d-flex .left_box .swiper-button-prev:after {font-size: 24px;color: #000;font-weight: 700;position: relative;z-index: 10;}

.main_column .d-flex .left_box .swiper-button-next:after { font-size: 24px; color: #000; font-weight: 700;position: relative;z-index: 10;}

.main_column .d-flex .left_box .fill_border:active { border-color: #F5821F; }
.main_column .d-flex .left_box .fill_border:active:after { color: #F5821F; }
.main_column .d-flex .left_box .fill_border:active span { color: #F5821F; }

.main_column .d-flex .right_box {width: 60%; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;}

.main_column ._tv_title .mont { margin-bottom: 10px; margin-left: 20px; }

.main_column .swiper-container {padding: 80px 0;margin-left: -100px;}

.main_column .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.main_column .swiper-slide { overflow: hidden; padding: 10px; }

.main_column .swiper-slide .link_wrapper { box-shadow: 2.5px 4.33px 15px 0px rgba(173, 173, 173, 0.25); }

.main_column .swiper-slide .slide_top img { width: 100%; -o-object-fit: cover; object-fit: cover; }

.main_column .swiper-slide .view_count { border-bottom: 1px solid #E4E4E4; margin-bottom: 10px; padding-bottom: 10px; display: flex; align-items: center; justify-content: flex-end; }

.main_column .swiper-slide .view_count img { width: 25px; }

.main_column .swiper-slide .slide_bottom { padding: 26px; background: #fff; color: #000; font-size: 16px; -webkit-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }

.main_column .swiper-slide .slide_bottom h1 { -webkit-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; font-size: 20px; }

.main_column .swiper-slide .slide_bottom p { line-height: 150%; -webkit-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }

.main_column .swiper-slide > a { display: block; }

@media (max-width: 1400px) {
  .main_column .d-flex .left_box .title { margin-left: 20px; }
  .main_column .d-flex .left_box .left_box_wrapper { left: 20px; transform: none; }
  .main_column .d-flex .left_box .swiper-navigation {right: auto;left: 10px;width:140px;}
  .main_column .d-flex .left_box .swiper-button-prev { width: 60px; height: 60px; }
  .main_column .d-flex .left_box .swiper-button-next { width: 60px; height: 60px; }
  .main_column .swiper-slide .slide_bottom h1 { font-size: 16px; }
}

@media (max-width: 992px) {
  .main_column .swiper-container { padding: 50px 0; }
  .main_column .swiper-slide .slide_bottom {padding: 10px 16px;}
  /* .main_column .d-flex .swiper_btn_fill span { width: 60px; height: 60px; padding: 0; } */
  .main_column .d-flex .left_box .swiper-navigation { bottom: 50px; }
}

@media (max-width: 768px) {
  .main_column .d-flex { flex-direction: column; position: relative;  }
  .main_column .d-flex .left_box {width: 80%;height: 150vw;max-height: 690px;background-color: transparent;}
  .main_column .d-flex .left_box .swiper-navigation { display: none; }
  .main_column .d-flex .left_box .swiper-button-prev { width: 50px; height: 50px; }
  .main_column .d-flex .left_box .swiper-button-next { width: 50px; height: 50px; }
  /* .main_column .d-flex .swiper_btn_fill span { width: 50px; height: 50px; } */
  .main_column .d-flex .left_box .title { padding-bottom: 20px; }
  .main_column .d-flex .right_box {width: calc(100% - 20px);left: 20px;position: absolute;bottom: auto;top: 28%;}
  .main_column .swiper-slide .view_count span { margin-top: 0px; }
  .main_column .swiper-slide .slide_bottom h1 { font-size: 14px; }
  .main_column .swiper-container { margin-left: 0; padding: 40px 0; }
  .main_column .d-flex .left_box .left_box_wrapper { width: 100%; left: 0; height: 60%; background-color: #FDB812; border-radius: 0 0 50px 0; 
}

@media (max-width: 500px) {
  .main_column .d-flex .right_box {top: 32%;}
}