.sl_kr{width:50%;float:left;margin:0px auto;}
.kr_bx{width:100%;height:558px;margin:1.50% 3% 0% 0%;}
.sl_kn{width:50%;float:right;margin:0px auto;}
ul.rig{width:100%; margin-left:0px;}
ul.rig li{float:left;width:48.50%;height:277px;margin:1% 0% 0% 1.50%;-webkit-transition:0.5s;transition:0.5s;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.swiper-container{width:100%;}
.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.sw_img{width:100%;max-width:1000px;height:558px;}
.sw_img1{width:100%;max-width:1000px;height:400px;}
.sw_a{cursor:pointer;}
.sw_div{background:linear-gradient(90deg,rgba(17,146,226,0.72) 10%,rgba(253,79,72,0.55) 100%);backdrop-filter:blur(2px);width:100%;height:60px;padding:30px 10px;position:absolute;bottom:0px;display:block;-webkit-transition:0.5s;transition:0.5s;}
.sw_h3{width:90%;font:15px fn3;color:#fff;margin-top:-14px;line-height:17px;text-shadow:none;vertical-align:middle;}
.sw_p{max-width:120px;background:linear-gradient(90deg,#1c78ea 10%,#df3c13 100%);position:absolute;right:15px;top:8px;color:#fff;text-align:center;padding:2px 5px;font:11px fn3;text-transform:uppercase;border-radius:3px;}
.sw_div1{background:linear-gradient(90deg,rgba(17,146,226,0.72) 10%,rgba(253,79,72,0.55) 100%);backdrop-filter:blur(2px);width:100%;height:60px;padding:8px 6px; position:absolute;bottom:0px;display:block;-webkit-transition:0.5s;transition:0.5s;}
.sw_div2{background:linear-gradient(90deg,rgba(17,146,226,0.72) 10%,rgba(253,79,72,0.55) 100%);backdrop-filter:blur(2px);width:100%;height:60px;padding:8px 6px; position:absolute;bottom:0px;display:block;-webkit-transition:0.5s;transition:0.5s;}
.sw_h31{width:90%;font:13px fn3;color:#fff;line-height:15px;padding:0px 5px;text-shadow:none;}
.sw_p1{max-width:130px;background:linear-gradient(90deg,#1c78ea 10%,#df3c13 100%);position:absolute;right:8px;top:8px;color:#fff;font:11px fn3;text-transform:uppercase;padding:2px 5px;display:inline;border-radius:3px;}

ul.vd{width:100%;margin:0px 0px 25px 1.40%;}
ul.vd li{float:left;width:23%;margin:0% 1.80% 0% 0%;border-radius:5px;}
ul.vd li .bx_vt{width:100%;max-width:600px;position:relative;}
ul.vd li .sp{background:rgba(253,79,72,0.70);font:11px fn1;color:#fff;text-align:center;position:absolute;top:8px;right:8px;padding:2px 5px;z-index:10;border-radius:3px;}
ul.vd li .vt_div{background:linear-gradient(90deg,rgba(17,146,226,0.82) 10%, rgba(253,79,72,0.80) 100%);backdrop-filter:blur(2px);width:100%;padding:2% 4%;position:absolute;height:55px;bottom:0px;z-index:10;-webkit-transition:0.5s;
transition:0.5s;border-bottom-left-radius:5px;border-bottom-right-radius:4px;z-index:1;font-size:12px;}
ul.vd li .vt_div:hover{height:55px;background:rgba(17,146,226,0.82);}
ul.vd li a{color:#fff;font:14px fn1;line-height:16px;text-shadow:none;}

.youtube{background:#000;width:100%;max-width:1200px;margin:0 auto;height:265px;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;transition:all 200ms ease-out;cursor:pointer;border-radius:5px;}
.youtube .ftv{width:100%;max-width:1000px;margin:0 auto;opacity:.9;filter:alpha(opacity=10)}
.youtube .play{background:url(../../../img/bb/ytb.png)no-repeat center center; background-size:40px 40px;position:absolute;height:100%;width:100%;transition: all 0.2s ease-out;}
.youtube .play:hover{opacity:1;filter:alpha(opacity=100);}
ul.tk{width:100%;margin:0px 0px 25px 1.50%;}
ul.tk li{float:left;width:22.50%;margin:0% 2.50% 0% 0%;font-size:12px;border-radius:5px;}


@media screen And (max-width:1800px){
	.kr_bx{height:472px;}
	.sw_img{height:472px;}
	ul.rig li{height:233px;margin:1.10% 0% 0% 1.50%;}
	.sw_img1{height:233px;}
	.youtube{height:230px;}
}
@media screen And (max-width:1490px){
	.kr_bx{height:446px;}
	.sw_img{height:446px;}
	ul.rig li{height:220px;}
	.sw_img1{height:220px;}
	.youtube{height:200px;}
}
@media screen And (max-width:1360px){
	.kr_bx{height:395px;}
	.sw_img{height:395px;}
	ul.rig li{height:195px;}
	.sw_img1{height:195px;}
	.youtube{height:180px;}
}
@media screen And (max-width:1160px){
	.kr_bx{height:375px;}
	.sw_img{height:375px;}
	ul.rig li{height:185px;}
	.sw_img1{height:185px;}
	.youtube{height:150px;}
}

@media screen And (max-width:955px){
	.kr_bx{height:334px;}
	.sw_img{height:334px;}
	ul.rig li{height:165px;}
	.sw_img1{height:165px;}
	
	.sw_div{height:50px;padding:8px 8px;}
	.sw_div1{height:50px;padding:2px 3px;}
	.sw_div2{height:50px;padding:2px 3px;}
	.sw_h3{width:100%;font:14px fn1;color:#e8e8e8;margin-top:-4px;line-height:16px;}
	.sw_h31{font:10px fn1;line-height:11px;}
	
	ul.vd{width:100%;margin:0px 0px 25px 0.50%;}
	ul.vd li{float:left;width:47%;margin:3% 1.50% 0% 1.50%;border-radius:5px;}
	ul.vd li a{font:12px fn1;line-height:14px;}
	.youtube{height:270px;}
}

@media screen And (max-width:800px){
	.kr_bx{height:290px;}
	.sw_img{height:290px;}
	ul.rig li{height:144px;}
	.sw_img1{height:144px;}
	.sw_div{height:45px;padding:8px 8px;}
	.sw_div1{height:45px;padding:2px 3px;}
	.sw_div2{height:45px;padding:2px 3px;}
	.youtube{height:230px;}
}
/* ini lagi setkan */
@media screen And (max-width:650px){
	ul.rig{width:100%;margin:0px 0px 10px -3px;}
	ul.rig li{width:48.54%;height:190px;margin:5px 0px 0px 5px;}
	.sl_kr{width:98.50%;margin:5px 0px 0px 2px;}
	.sl_kn{width:100%;}
	.kr_bx{height:400px;}
	.sw_img{height:400px;}
	.sw_img1{height:190px;}
	.sw_div{padding:10px 10px;}
	.sw_div1{height:38px;padding:2px 3px;}
	.sw_div2{height:44px;padding:2px 3px;}
	.sw_h3{font:15px fn1;margin-top:-3px;line-height:16px;text-align:center;}
	.mmb{display:inline;}
	.nmb{height:7px;}
	.youtube{height:190px;}
	.sw_p,.sw_p1{right:8px;top:8px;}
	ul.tk li{float:left;width:99%;margin:2% 0% 2% 0%;}
}


@media screen And (max-width:500px){
	ul.rig{width:100%;margin:2px 0px 10px -3px;}
	ul.rig li{width:48.50%;height:140px;margin:4px 0px 4px 5px;}
	.sl_kr{width:98.50%;margin:5px 0px 0px 2px;}
	.sl_kn{width:100%;}
	.kr_bx{height:250px;}
	.sw_img{height:250px;}
	.sw_img1{height:140px;}
	.sw_div{padding:10px 10px;}
	.sw_div1{height:38px;padding:2px 3px;}
	.sw_div2{height:44px;padding:2px 3px;}
	.mmb{display:inline;}
	.nmb{height:7px;}
	.youtube{height:145px;}
	.sw_p,.sw_p1{right:8px;top:8px;}
}

@media screen And (max-width:395px){
	.sw_h3{font:17px fn1;margin-top:-3px;line-height:18px;text-align:center;}
	.sw_h31{font:11px fn1;line-height:11px;}
}

@media screen And (max-width:350px){
	.kr_bx{height:230px;}
	.sw_img{height:230px;}
	ul.rig li{width:48.34%;height:125px;margin:10px 0px 10px 5px;}
	.sw_img1{height:125px;}
}