.media { clear:both; padding:18px 0; height:516px; overflow:auto; border-bottom:1px solid #12110c; }

.media-info { position:absolute; left:21px; bottom:46px; padding:0px; }
.media-info a { display:block; font-family:'Roboto','Nanum Gothic',dotum,sans-serif; font-size:11px; color:#777; line-height:22px; }


.media-thumbbox { float:right; height:516px; }
.media-thumbbox ul { margin:32px 0 0; font-size:0; line-height:0; }
.media-thumbbox li { float:left; margin:0 7px 0 0; }
.media-thumbbox li p { margin:0; padding:0 0 7px; }


/**/

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 80px;
    left: 50%;
	margin-left:-410px;
    width: 820px;
    height: 516px;
    background:transparent; 
}

.mfp-menu { position: absolute; left: 0; top: 0; z-index:99998; width:51px; height:51px; background:url('/suhon_studio/images/modal-menu.jpg') 22px 18px no-repeat; }
.mfp-iframe-holder .mfp-close { top:0; right:15px; z-index:99999; display:block; width:; height:51px; padding:51px 0 0; margin:0; overflow:hidden !important; background:transparent url('/new/media/images/media_pop_close.jpg') right 15px no-repeat !important; opacity:1 !important; color:#000; }

.media-view { position:absolute; left:0; top:0; width:100%; height:516px; overflow:hidden; }

.media-view .imgbox { float:left; width:450px; }
.media-view .imgbox img { max-width:100%; }

.media-view .txtbox { float:right; width:330px; height:516px; overflow:auto; line-height:180%; }
.media-view .txtbox h2 { padding:0 0 10px; font-size:14px; color:#000; font-weight:normal; font-family:'Nanum Gothic',sans-serif; }
.media-view .txtbox strong { display:block; font-size:12px; color:#000; font-weight:normal; font-family:'Nanum Gothic',sans-serif; }
.media-view .txtbox p { padding:20px 0 0; font-size:11px; color:#959595; letter-spacing:0; font-family:dotum,sans-serif; }