@charset "utf-8";

/* 메인 페이지 동영상 팝업 */
#main-media{display:none;opacity:0;}
.layer-wrap{
    z-index: 9000;
	display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}
.layer-wrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em;
}
.pop-layer {
	box-sizing:border-box;
    display: inline-block;
    vertical-align: middle;
    width:53vw;
    height: auto;
    background-color: #fff;
    z-index: 10;
    background:rgba(0,0,0,.85);
}
.pop-container{position: relative;}
.pop-container .skip{position:absolute;left:-9999px; width:1px; height:1px;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.pop-container .frame{z-index:9999;position:relative;margin:0;width:100%;height:100%;}
#yt .pop-container .frame {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
/* popup */
/* .pop-container{z-index:9999;position:absolute;top:120%;left: 50%;margin-left:-30vw;width:60vw;} */
.pop-container .skip{position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

.pop-container #close{display:inline-block;z-index:9999; position:absolute;top:-60px;top:-3.75rem;right:0px;width:40px;width:2.5rem;height:40px;height:2.5rem;background:url('/static/images/main/pop_close_on.png') center no-repeat; background-size:contain;transition:transform .4s ease .1s;text-indent:-9999px;}
.pop-container #close:hover{background:url('/static/images/main/pop_close.png') 0 0 no-repeat;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;-webkit-transition:0.6s;transition:0.6s;}
#yt .pop-container .close{display:inline-block;z-index:9999; position:absolute;top:-60px;top:-3.75rem;right:0px;width:40px;width:2.5rem;height:40px;height:2.5rem;background:url('/static/images/main/pop_close_on.png') center no-repeat; background-size:contain;transition:transform .4s ease .1s;text-indent:-9999px;}
#yt .pop-container .close:hover{background:url('/static/images/main/pop_close.png') 0 0 no-repeat;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;-webkit-transition:0.6s;transition:0.6s;}
/* .pop-container .frame{position:relative; overflow:hidden; margin:0; padding:0; box-sizing:border-box; width:100%; height:100%;box-shadow:0px 5px 20px rgba(0,0,0,0.5);} */
.pop-container .frame .media-video{box-sizing:border-box;width:100%;height:100%;border:3px solid rgba(223,129,4,0.5);margin:0;padding:0;}

/* 유튜브 추가 */
#yt {display:none;opacity:0;}
#yt .pop-container .frame{padding-bottom:56.25%}
#yt .pop-container .frame iframe,
#yt .pop-container .frame object,
#yt .pop-container .frame embed{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border:3px solid rgba(223,129,4,0.5);margin:0;padding:0;}

/*팝업 BG*/
.shadow{display:none; width:100%; height:100%; position:fixed; padding-bottom:0px;top:0; left:0; z-index:9998; background-size:cover;background:rgba(0,0,0,0.70);}

/* 오늘하루창닫기 있을 때만 사용*/
.pop-container  .today-close{display:inline-block; position:absolute; top:-40px; left:0;width:calc(100% - 80px);height:40px;line-height:30px;font-size: 16px; color:#fff;text-shadow:0px 1px #000;text-align:left;text-decoration:none;font-family:'Notokr','Titillium Web',AppleSDGothicNeo,'Dotum',Sans-serif;
    font-weight:300;
    font-style: normal;}
.pop-container .today-close:hover{color:#F46032;}

@media screen and (max-width:1024px) {
	.pop-layer {
    	width:90vw;
	}	
	
   #main-media{margin-left:-45vw;width:90vw;}
   /* .pop-container{z-index:9999;position:absolute;top:unset;margin-left:-45vw;width:90vw;} */
}


/* 
#artworks .pop-layer {width:53vw;}

.pop-container{position: relative;}
.pop-container .skip{position:absolute;left:-9999px; width:1px; height:1px;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.pop-container .frame{z-index:9999;position:relative;margin:0;width:100%;height:100%;}


.pop-container .close{display:inline-block;z-index:9999; position:absolute;top:-60px;top:-3.75rem;right:0px;width:40px;width:2.5rem;height:40px;height:2.5rem;background:url('/static/images/main/pop_close_on.png') center no-repeat; background-size:contain;transition:transform .4s ease .1s;text-indent:-9999px;}
.pop-container .close:hover{background:url('/static/images/main/pop_close.png') center no-repeat;background-size:contain;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;-webkit-transition:0.6s;transition:0.6s;}

.pop-container .caption{position:absolute;top:2.5rem;right:2rem;text-align:right;font-size:1.25rem;color:#fff;width:100%;height:3.75rem;}


.shadow{display:none;opacity:0;width:100%; height:100%; position:fixed; padding-bottom:0px;top:0; left:0; z-index:9998; background-size:cover;background:rgba(0,0,0,0.70);}


#media {display:none;opacity:0;}
.pop-container .frame .media-video{box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;border:3px solid rgba(223,129,4,0.5);}

#yt {display:none;opacity:0;}
#yt .pop-container .frame{position: relative;
	padding-bottom: 56.25%; 16:9
	padding-top: 25px;
	height: 0;}



#artworks {display:none;opacity:0;}

@media screen and (max-width:1024px){
	.pop-layer {
    	width:90vw;
	}	
	#artworks .pop-layer {width:90vw;}
}
*/