/* BASIC css start */
.bbs-title {width:100%; height:393px; margin-bottom:50px; background:url('/design/xexymix/image/webzine.jpg') no-repeat center top; text-align:center; }
.bbs-title h2 {padding:58px 0 72px; color:#fff; font-family:'Roboto'; font-size:24px; font-weight:400;}
.bbs-title .summary {padding-bottom:63px; color:#fff; font-size:16px; font-weight:300; letter-spacing:-0.03em;}
.bbs-title .cate {font-size:0; text-align:center;}
.bbs-title .cate li {display:inline-block; border:1px solid #c6c6c6; border-left:0;}
.bbs-title .cate li:first-child {border-left:1px solid #c6c6c6;}
.bbs-title .cate li a {display:inline-block; position:relative; width:238px; height:68px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.bbs-title .cate li a p {position:absolute; top:50%; left:50%; z-index:1; color:#fff; font-size:15px; font-weight:300; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.bbs-title .cate li a:hover,
.bbs-title .cate li.check a {background:#fff;}
.bbs-title .cate li a:hover p,
.bbs-title .cate li.check a p {color:#161616;}

.mv_tab { text-align: center; overflow:hidden; }
.mv_tab li { display: inline-block; width: auto; height: 40px; line-height: 40px; font-size: 14px; font-weight: 400; margin: 0 5px; padding: 0 25px; border: 1px solid #dfdfdf; border-radius: 20px; background: #f8f8f8; color: #777; }
.mv_tab li.on { background: #000; color: #fff; border: 1px solid #000; }
.mv_tab_con { clear:both; }
.mv_tab_con .video { display:none; height:100%; text-align:center; }

.video { max-width: 1400px; width: 100%; margin: 50px auto; }
.video h2 { text-align: left; font-size: 36px; font-weight: bold; color: #000000; border-bottom: 2px solid #000000; padding-bottom: 20px;}
.video ul { display: grid; grid-template-columns: repeat(3, minmax(calc(33.3% - 40px), 1fr)); gap: 80px 40px; }
.video ul li { }
.video ul li iframe,
.video ul li video { width: 100%; height: 225px; }
.video ul li p { display: block; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 20px 0px; text-align: center; font-size: 15px; font-weight: 500; color: #404040;  }
/* BASIC css end */