body{background: #000;color:#fff;}
.noticeFlex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.noticeFlex .noticeBox{width: calc((100% - 80px) / 2);}
.noticeFlex .noticeBox .tit-main{margin-bottom: 0.5em;border-bottom: 1px solid #565656;font-size: 1.875rem;}
.tit-main .moreBtn{display: block;width: 25px;height:25px;line-height: 0;position: absolute;top: 50%; right: 0;transform: translateY(-50%);}
.m_list_type li{color:#aaa;}
.m_list_type li a {display: block; padding: 0.5em 0; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#m_video{background: #282828 url("../img/main/video.jpg") 50% top no-repeat; position: relative;}
#m_video .m_pd{padding-bottom: 160px;}
#m_video .tit-main{margin: 0;}
#m_video .m-video-top{ position: relative; width: 60%; max-width: 855px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.videoFlex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.videoFlex .videoBox {width: 60%;max-width: 855px;overflow: hidden;}
.videoFlex .videoBox .swiper-slide iframe{width: 100%;height: 480px;}
.videoFlex .videoThumb{position: relative; width: calc(40% - 120px);margin-bottom: -26px;max-width: 425px;height: 550px;overflow: hidden;}

/* .videoFlex .videoThumb1::-webkit-scrollbar {background: #000;padding: 3px;width: 3px;border-radius: 30px;height: 3px;}
.videoFlex .videoThumb1::-webkit-scrollbar-thumb {background: #303030;border-radius: 30px;} 
.videoFlex .video-list{height: 550px;}
.videoFlex .video-item{height: 110px;display: flex;gap: 20px;}
.videoFlex .video-item img{width: 140px;max-width: none;} */
.videoFlex .videoThumb .swiper-slide{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(255,255,255,0.1);cursor: pointer;height: 110px;}
.videoFlex .videoThumb .swiper-slide .thumbs{width: 140px;}
.videoFlex .videoThumb .swiper-slide:last-child{border-bottom: none;}
.videoFlex .videoThumb .swiper-slide .img{font-size: 0;}
.videoFlex .videoThumb .swiper-slide .txt{width: calc(100% - 160px);word-break: keep-all;min-height: 78px;padding-right: 10px;}
.videoFlex .videoThumb .swiper-slide .txt p{margin-top: 10px;font-size: 14px;}
.videoFlex .videoThumb .swiper-scrollbar-drag {background: #ffffff5b;}




#m_letter{background: #000 url("../img/main/news_letter.jpg") left top no-repeat;position: relative;}
#m_letter .m_pd{padding-top: 40px;padding-bottom: 40px;}
#m_letter .tit-main{margin-bottom: 0.5em;text-transform: capitalize;font-weight: 400;}
#m_letter .tit-main .ff-pd{font-weight: 400;}
#m_letter .tit-main .subTxt{margin-top: 15px;font-size: 1rem;line-height: 1.6;}
#m_letter .tit-main .subTxt span{color:#a3acab;}
.letterJoinBox .inputBox{display: flex;flex-wrap: wrap;}
.letterJoinBox .inputBox input[type="text"]{width: 345px;height:40px;padding: 5px 10px;background: none;border:1px solid #fff;color: #fff;}
.letterJoinBox .inputBox input[type="text"]:focus{box-shadow: 0 0 5px #eee;border: 1px solid #eee !important;}
.letterJoinBox .inputBox .joinBtn{display: block;font-family: 'Playfair Display', serif;width: 100px;height:40px;background: #fff;color:#000;font-size: 18px;}
.letterJoinBox .checkBox{margin-top: 25px;}
.letterJoinBox .checkBox #letterAgree{display: none;}
.letterJoinBox .checkBox #letterAgree + label{display: inline-block;vertical-align: middle;}
.letterJoinBox .checkBox #letterAgree + label span{display: inline-block;width: 13px;height:13px;border: 1px solid #fff;border-radius: 1px;background: none;}
.letterJoinBox .checkBox #letterAgree:checked + label span{background: url("../img/main/ic_check.png") no-repeat 50% 50% #fff;}
.letterJoinBox .checkBox #letterAgree + label em{display: inline-block;padding-left: 5px;}
.otherBottom{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 80px;}
.otherBottom .followBox{display: flex;flex-wrap: wrap;align-items: center;}
.otherBottom .followBox p{padding-right: 30px;background: url("../img/main/ic_arrow.png") no-repeat right center;letter-spacing: 0;}
.otherBottom .followBox .snsUl{display: flex;flex-wrap: wrap;}
.otherBottom .followBox .snsUl li{margin: 0 30px;}
.otherBottom .followBox .snsUl li a{display: block;width: 22px;height:22px;text-indent: -9999px;}
.otherBottom .followBox .snsUl li:nth-child(1) a{background: url("../img/main/ic_sns_instagram.png") no-repeat right center;}
.otherBottom .followBox .snsUl li:nth-child(2) a{background: url("../img/main/ic_sns_facebook.png") no-repeat right center;}
.otherBottom .followBox .snsUl li:nth-child(3) a{background: url("../img/main/ic_sns_youtube.png") no-repeat right center;}
.otherBottom .followBox .snsUl li:nth-child(4) a{background: url("../img/main/ic_sns_naver_tv.png") no-repeat right center;}
.otherBottom .termsBox .termsUl{display: flex;flex-wrap: wrap;}
.otherBottom .termsBox .termsUl li{padding: 0 20px;position: relative;}
.otherBottom .termsBox .termsUl li:first-child{padding-left: 0;}
.otherBottom .termsBox .termsUl li:last-child{padding-right: 0;}
.otherBottom .termsBox .termsUl li::after{content:"";display: block;width: 1px;height: 16px;background: #434343;position: absolute;top:7px;right:0;}
.otherBottom .termsBox .termsUl li:last-child::after{display: none;}
.otherBottom .termsBox .termsUl li a{color:#a3acab;}

@media screen and (max-width:1380px) {
  #m_video{background: #282828 url("../img/main/video.jpg") 55% top no-repeat;}
  .videoFlex .videoBox .swiper-slide iframe{height:33vw;}
  .videoFlex .videoThumb{width: calc(40% - 80px);}
  #m_letter{background: #000 url("../img/main/news_letter.jpg") center top no-repeat;}
}
@media screen and (max-width:1200px) {
  .noticeFlex .noticeBox{width: calc((100% - 40px) / 2);}
  #m_video{background: #282828 url("../img/main/video.jpg") left top no-repeat;}
  #m_video .m_pd{padding-bottom: 100px;}
  #m_video .m-video-top{width: 100%; max-width: initial; }
  .videoFlex{display: block;}
  .videoFlex .videoBox{width: 90%;max-width:none;margin: 0 auto;}
  .videoFlex .videoBox .swiper-slide iframe{height:50vw;}
  .videoFlex .videoThumb{width: 90%;max-width:none;margin: 20px auto 0;}
  .videoFlex .videoThumb .swiper-slide{flex-direction: column;justify-content: start;align-items: start; padding: 0;border-bottom: none;width: calc((100% - 40px) / 3);height: auto;}
  .videoFlex .videoThumb .swiper-slide .thumbs img{width: 100%;}
  .videoFlex .videoThumb .swiper-slide .txt{width: 100%;margin-top: 15px;}
  .videoFlex .videoThumb .swiper-slide .txt p{margin-top: 5px;}
  .videoFlex .videoThumb .swiper-slide .thumbs{width: 100%;}
  .videoFlex .videoThumb{height: auto;}
  /* .videoFlex .swiper-wrapper{display: flex;gap: 20px;width: 100%;} */
  /* .videoFlex .videoThumb1{width: 100%; max-width: none;height: auto;margin-top: 20px;}
.videoFlex .video-list{height: auto;display: -webkit-box;}
.videoFlex .video-item{width: calc((100% - 40px) / 3);flex-direction: column;height: auto;}
.videoFlex .video-item+.video-item{margin-left: 20px;}
.videoFlex .video-item img{width: 100%;} */

  
}
@media screen and (max-width:1024px) {
  #m_letter{background: #000 url("../img/main/news_letter.jpg") 60% top no-repeat;}
  .otherBottom{display: block;margin-top: 50px;}
  .otherBottom .termsBox .termsUl{margin-top: 20px;}
  .otherBottom .termsBox .termsUl li::after{height:14px;top:5px;}
}
@media screen and (max-width:720px) {
  .noticeFlex{display: block;}
  .noticeFlex .noticeBox{width: 100%;}
  .noticeFlex .noticeBox:last-child{margin-top: 40px;}
  #m_video{background: #282828 url("../img/main/video.jpg") left 5% no-repeat;}
  #m_video .m_pd{padding-bottom: 4em;}
  .videoFlex .videoBox{width: 100%;}
  .videoFlex .videoBox .swiper-slide iframe{height:55vw;}
  .videoFlex .videoThumb{width: 100%;}
  #m_letter{background: none;}
}
@media screen and (max-width:650px) {
  #m_video{background: #282828 url("../img/main/video.jpg") left 10% no-repeat;}
  .videoFlex .videoThumb .swiper-slide .txt{display: none;}
  /* .videoFlex .video-item .txt{display: none;} */
}
@media screen and (max-width:500px) {
  .letterJoinBox .inputBox input[type="text"]{width: calc(100% - 100px);}
}
@media screen and (max-width:480px) {
  .videoFlex .videoThumb1{margin-top: 5px;}
  .letterJoinBox .inputBox input[type="text"]{width: calc(100% - 80px);}
  .letterJoinBox .inputBox .joinBtn{width: 80px;}
  .otherBottom .followBox p{width: 100px;padding-right:20px;}
  .otherBottom .followBox .snsUl{width: calc(100% - 100px);}
  .otherBottom .followBox .snsUl li{width: 25%;margin: 0;}
  .otherBottom .followBox .snsUl li a{margin: 0 auto;}
  /* .otherBottom .termsBox .termsUl li{width: 50%;padding: 0 10px;text-align: center;}
  .otherBottom .termsBox .termsUl li:nth-child(2n)::after{display: none;} */
}