.isotope-item{ z-index:2}
.isotope-hidden.isotope-item{ pointer-events:none; z-index:1}
.isotope,.isotope .isotope-item{ -webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -ms-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s}
.isotope{ -webkit-transition-property:height, width; -moz-transition-property:height, width; -ms-transition-property:height, width; -o-transition-property:height, width; transition-property:height, width}
.isotope .isotope-item{ -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property:transform, opacity}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{ -webkit-transition-duration:0s; -moz-transition-duration:0s; -ms-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s}
.isotope.infinite-scrolling{ -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none}

.main_element{width:100%}
.main_element .list_element{max-width:1785px; margin:0 auto}
.main_element .list_element .element{position:relative; margin:7px; float:left; overflow:hidden; position:relative}
.main_element .list_element .element.m2x2{width:578px; height:578px;}
.main_element .list_element .element.m2x1{width:578px; height:282px;}
.main_element .list_element .element.m1x2{width:282px; height:578px;}
.main_element .list_element .element.m1x1{width:282px; height:282px;}
.main_element .list_element .element span{display:block; position:relative; width: 100%; height: 100%; text-align: center;}
.main_element .list_element .element img{display:block; width:100%; height: 100%;position:relative}
.main_element .list_element .element .cover{position:absolute; width:100%; height:100%}

.element .cover{ display: flex; display: -webkit-flex; align-items: center; flex-flow: column; justify-content: center;}
.element .cover .txt{ font-size: 20px; color: #fff; font-weight: normal;}
/*.element .cover .btnDownloadIos,
.element .cover .btnDownloadAndroid{ display: block; margin: 0 auto; width: 234px; height: 66px; background-repeat: no-repeat;}
.element .cover .btnDownloadIos{ margin-top: 10%; margin-bottom: 2%; background-image: url(..///png.pook.com/new_net/btn_download_app_01_01.png);}
.element .cover .btnDownloadIos:hover{  background-image: url(..///png.pook.com/new_net/btn_download_app_01_02.png);}
.element .cover .btnDownloadAndroid{ background-image: url(..///png.pook.com/new_net/btn_download_apk_01_01.png);}
.element .cover .btnDownloadAndroid:hover{  background-image: url(..///png.pook.com/new_net/btn_download_apk_01_02.png);}*/
.element .cover .btnList{ display: flex; display: -webkit-flex; margin-top: 10%; width: 100%; text-align: center; align-items: center; justify-content:center;}
.element .cover .btnList a{ display: inline-block; margin-right: 10%; width: 62px; height: 62px; border: 2px #fff solid; border-radius: 50px; animation: 1s all;}
.element .cover .btnList a:hover{ background: #3789C4; border: 2px #3789C4 solid;}
.element .cover .btnList a:last-child{ margin-right: 0;}
.element .cover .btnList .btnTry{ }
.element .cover .btnList .btnTry .icoTry{ position: relative; top: -70px; right: -28px; width: 49px; height: 17px;}
.element .cover.txtShowCover{ background: #baa77d; font-weight: normal; font-size: 18px;}
.element .cover .cover-item {width: 100%;}
.main_element .list_element .element.hide{ display: none; height: 0!important; margin:0!important}
.main_element .list_element .element .imgCode{display: none; position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; width: 184px; height: 184px; margin: auto;}
/* .element .cover .btnCode:hover .imgCode{ opacity: 1;} */
#gameLess,
#gameMore{ cursor:  pointer;}

.movie_popup{width:100%; height:100%; position:fixed; top:0; z-index:99999; background:url(//png.pook.com/new_net/bg_main_popup.png); display:none}
.movie_popup table{width:100%; height:100%}
.movie_popup table td{width:100%; height:100%; text-align:center; vertical-align:middle}
.movie_popup .movie_popup_elementList{margin:0 auto; width:860px; height:484px; position:relative}
.movie_popup .movie_popup_elementList iframe{width:860px; height:484px}
.movie_popup .elementList_extend{position:relative; top:0px; left:0px; overflow:hidden}
.movie_popup .movie_popup_content, .movie_popup .movie_popup_content a{font-family:'Nanum Gothic', dotum, sans-serif; font-weight:700; font-size:20px; color:#fff}
.movie_popup .movie_popup_elementList .btn_close{position:absolute; top:0; right:-30px}

.element{ background: #000;}
.element .imgShow,
.element .cover{ display: flex; display: -webkit-flex; width: 100%; height: 100%; align-items: center; justify-content: center; letter-spacing: 1px;}
.element .cover{ background: rgba(0,0,0,.7); font-size: 24px; font-weight: bold;}
.element:first-child .cover{ font-size: 30px; }
.element .fa{ color: #fff; line-height: 62px; font-size: 30px; }
.element .txtShow{ background: #3786be; cursor: pointer;}

@media all and (max-width:1785px){.main_element .list_element{max-width:1530px; margin:0 auto}
}
@media all and (max-width:1550px){.main_element .list_element{max-width:1275px; margin:0 auto}
}
@media all and (max-width:1400px){
.main_element .list_element{max-width:1010px; margin:0 auto}
.main_element .list_element .element.m2x2{width:478px; height:478px;}
.main_element .list_element .element.m2x1{width:478px; height:232px;}
.main_element .list_element .element.m1x2{width:232px; height:478px;}
.main_element .list_element .element.m1x1{width:232px; height:232px;}	
}
@media all and (max-width:1290px){.main_element .list_element{max-width:1020px; margin:0 auto}
}
@media all and (max-width:1035px){.main_element .list_element{max-width:765px; margin:0 auto}
.movie_popup .movie_popup_elementList{margin:0 auto; width:765px; height:430px; position:relative}
.movie_popup .movie_popup_elementList iframe{width:765px; height:430px}
.movie_popup .movie_popup_elementList .btn_close{position:absolute; width:30px; height:30px; top:0px; right:-40px}
}
@media all and (max-width:780px){.main_element .list_element{max-width:510px; margin:0 auto}

.movie_popup .movie_popup_elementList{margin:0 auto; width:480px; height:260px; position:relative}
.movie_popup .movie_popup_elementList iframe{width:480px; height:260px}
}
@media all and (max-width:550px){.main_element .list_element{max-width:480px; margin:0 auto}
.main_element .list_element .element.m2x2{width:470px; height:470px}
.main_element .list_element .element.m2x1{width:470px; height:230px}
.main_element .list_element .element.m1x2{width:230px; height:470px}
.main_element .list_element .element.m1x1{width:230px; height:230px}
.movie_popup .movie_popup_elementList{margin:0 auto; width:430px; height:260px; position:relative}
.movie_popup .movie_popup_elementList iframe{width:430px; height:260px}
}
@media all and (max-width:500px){.main_element .list_element{min-width:320px; max-width:320px; margin:0 auto}

.movie_popup .movie_popup_elementList{margin:0 auto; width:320px; height:179px; position:relative}
.movie_popup .movie_popup_elementList iframe{width:320px; height:179px}
.movie_popup .movie_popup_elementList .btn_close{position:absolute; width:30px; height:30px; top:-40px; right:0px}

.main_element .list_element .element{margin:3px;}
.main_element .list_element .element.m2x2{width:310px; height:310px}
.main_element .list_element .element.m2x1{width:310px; height:152px}
.main_element .list_element .element.m1x2{width:152px; height:306px}
.main_element .list_element .element.m1x1{width:152px; height:150px}
.element .cover{ font-size: 16px;}
}