header{background-color: #fff;height: 65px;padding: 0 20px;position: fixed;top: 0;left: 0;width: 100%;z-index: 10;}
.new-icon{background-image: url('../img/icon.png');}
header nav{position: relative;width: 100%;max-width: 1200px;display: block;margin: 0 auto;height: 100%;}
header .pos{position: absolute;}
header .a1{width: 160px;height: 29px;background-position: -160px -89px;left: 0;top:15px;}
header .a2{width: 119px;height: 33px;background-position: -413px -89px;left: 190px;top:16px;}

header .div{position: absolute;right: 0;height: 100%;display: none;}
header .doc-a{color: #8a8a8a;display: inline-block;margin-left: 50px;font-size: 18px;font-weight: bold;margin-top: 22px;}    
header .doc-a-on{color: #000;}   

#m_menu_btn{display: none;width: 35px;height: 29px;background-position: -161px -229px;left: 0;top: 18px;}
#m_counse_btn{display: none;width: 48px;height: 42px;background-position: -320px -225px;right: 0;top: 12px;}
#m_menu_div{width: 60%;}
#m_menu_div_close{left: 62%;}
#m_menu_div .doc-a{display: block;font-size: 18px;font-weight: bold;color: #848484;margin:40px auto 0 20px;}
#m_menu_div .doc-a-on{color: #3066b0;}

#paging{text-align: center;margin-top: 20px;}
#paging span{cursor: pointer;border: 1px solid #ddd;padding: 0 5px;margin: 0 2px;}
#paging span:hover{opacity:0.5}
#paging .selected{font-weight: bold;border-color: #000;}


.banner-div{background-repeat: no-repeat;height: 300px;width: 100%;max-width: 1920px;background-position: 50%;background-size: cover;margin: 0 auto;
position: relative;}
.banner-div img{display: none;}

.banner-div .a{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}

.body-div{max-width: 1240px;width: 100%;margin: 0 auto;padding: 40px 20px 90px 20px;position: relative;}




#top-mv-icon{background-position: -744px -89px;width: 56px;height: 72px;position: absolute;bottom: 25px;right: 0;cursor: pointer;}

.cat-ul li{display: inline-block;vertical-align: middle;width: 126px;height: 46px;border-radius: 30px;background-color: #ebebeb;
line-height: 46px;margin-right: 10px;}
.cat-ul li a{display: block;text-align: center;font-size: 18px;font-weight: bold;color: #111;}
.cat-ul .on{background-color: #111;color: #fff;}
.cat-ul .on a{color: #fff;}


.l_check{position: relative;}

.list-div{margin: 30px auto 60px auto;}
.list-div .ul li { width: 23.05%; margin-right: 2.6%; margin-bottom: 20px;}
.list-div .ul li a{display: block;max-width: 280px;width: 100%;}
.list-div .ul li:nth-child(4n) {  margin-right: 0; }
.list-div .ul li .d2{margin-top: 8px;}
.list-div .ul li .d2 p{color: #818181;height: 48px;overflow: hidden;}

.list-div .shorts-ul li{width: 15%; margin-right: 2%;}
.list-div .shorts-ul li:nth-child(4n) {  margin-right: 2%; }
.list-div .shorts-ul li:nth-child(6n) {  margin-right: 0; }


#check_gng_tv_url{position: fixed;top: 50%;left: 0;height: auto;width: 100%;margin-top: -185px;z-index: 999999;display: none;}
#check_gng_tv_url .gng_tv_div{position: relative;max-width: 660px;margin: 0 auto;}
#check_gng_tv_url iframe{display: block;margin: 0 auto;width: 100%;border: 2px solid #000;}
#check_gng_tv_url .close_check_tv{    width: 26px;height: 25px;position: absolute;background-position: -6px -858px;
    top: -28px;right: 2px;cursor: pointer;}
    
#gngtv_code_send{display: none;}

.shorts-icon{max-width: 144px;margin: 30px 0 20px 0;}

.all-ul-2{margin-top: 40px;}


@media only screen and (max-width: 1200px) {
    
    header .doc-a{margin-left: 30px;}
   

    
    #top-mv-icon{bottom: 25px;right: 20px;}
}

@media only screen and (max-width: 1023px) {
    header nav{max-width: 640px;}
	header .div, header .a2{display: none;}
    header .a1{left: 50%;margin-left: -80px;}
    /* #m_menu_btn{display: block;} */
    #m_counse_btn{display: block;}

    .banner-div{background-image: none !important;height: auto;max-width: 640px;}
    .banner-div img{display: block;}
    
    .body-div{max-width: 640px;padding: 30px 20px 40px 20px;}
    .cat-ul{text-align: center;}
    .cat-ul li{width: 21%;height: 36px;line-height: 37px;}
    .cat-ul li a{font-size: 14px;}
    .cat-ul .li3{margin-right: 0;}
    .list-div .ul li { width: 49%; margin-right: 2%; }
    .list-div .ul li:nth-child(2n) {  margin-right: 0; }

    .shorts-icon{max-width: 110px;}
}


@media only screen and (max-width: 640px) {
	.youtube_div iframe{height: 250px;}

    
}

@media only screen and (max-width: 440px) {
	#check_gng_tv_url{margin-top: -115px;}
	#check_gng_tv_url iframe{height: 230px;}
}