/* Overlay */
#popupContent-overlay { background-color: #ddd; cursor: wait; }

/* Container */
#popupContent-container { width: 684px; }

#popupContent-container .popupContent-top { width: 684px; height: 40px; background: url('/imgs/system/layer/bg_top.png') no-repeat; overflow: hidden; }
#popupContent-container .popupContent-top .titleBar { margin: 10px; padding: 0px; width: 660px; height: 30px; background: url('/imgs/system/layer/bg_titlebar.gif') no-repeat; }
#popupContent-container .popupContent-top .titleBar h1 { margin: 0px; padding: 6px 0px 0px 12px; font: 900 11pt dotum; color: #fff; }
#popupContent-container .popupContent-top .titleBar h1 img { vertical-align: middle; }

#popupContent-container .popupContent-middle { padding: 10px; 10px 10px 10px; width: 664px; height: 40px; font: 9pt dotum; line-height: 140%; background: url('/imgs/system/layer/bg_middle.png') repeat-y; overflow: hidden; }
#popupContent-container .popupContent-middle .content { 
   margin-right: 5px;
   height: 426px; 
   overflow: auto;
   scrollbar-3dlight-color: #e0e0e0;
   scrollbar-arrow-color: #e0e0e0;
   scrollbar-base-color: #e0e0e0;
   scrollbar-darkshadow-color: #fff;
   scrollbar-face-color: #fff;
   scrollbar-highlight-color: #fff;
   scrollbar-shadow-color: #e0e0e0;
}

#popupContent-container .popupContent-bottom { padding-right: 20px; padding-top: 5px; width: 664px; height: 36px; text-align: right; background: url('/imgs/system/layer/bg_bottom.png') no-repeat; }

#popupContent-container .popupContent-loading { position: absolute; z-index: 8000; width: 54px; height: 55px; margin: -14px 0px 0px 170px; padding: 0px; background: url('/imgs/system/layer/loading.gif') no-repeat; }
#popupContent-container a.modalCloseX { position: absolute; top: 15px; right: 23px; font: 900 12pt dotum; color: #fff; text-decoration: none; }


.viewImgArea { margin-right: 15px; padding-top: 5px; width: 150px; height: 156px; text-align: center; border: 1px solid #bcbcbc; }
.viewImgArea img { width: 138px; border: 1px solid #e9e9e9; }
.viewImgArea p { margin-top: 3px; }
.viewImgArea p img.searchBt { float: left; margin-left: 5px; width:67px; height: 20px; border: 0px; }

.viewAcademyImgArea { margin-right: 15px; margin-top: 30px; padding-top: 5px; width: 150px; height: 110px; text-align: center; }
.viewAcademyImgArea img { width: 100px; height: 80px; border: 1px solid #e9e9e9; }
.viewAcademyImgArea p { margin-top: 10px; }
.viewAcademyImgArea p img.searchBt { float: left; margin-left: 5px; width:67px; height: 20px; border: 0px; }

table.viewProfile { width: 463px; border: 0px; background-color: #f6783d; }
table.viewProfile tr { height: 26px; background-color: #fff; }
table.viewProfile td.title { width: 100px; border: 0px; font-weight: 900; color: #fff; text-align: center; background-color: #fd9b6d; }
table.viewProfile td.info { padding-left: 10px; color: #7f7f7f; border: 0px; }
table.viewProfile td.info .avg { float: left; padding-top: 2px; width: 30px; font-weight: 900; }
table.viewProfile td.info .percent { float: left; margin-left: 3px; margin-top: 3px; width: 200px; height: 10px; background-color: #ffd69b; border: 1px solid #febc5e; }

h3.viewTitle { clear: both; margin: 0px; margin-top: 10px; padding: 0px; height: 24px; }
table.viewDetail { width: 630px; border: 0px; background-color: #d9d9d9; }
table.viewDetail tr { background-color: #f9f9f9; }
table.viewDetail td.title { padding-top: 5px; padding-bottom: 5px; width: 160px; border: 0px; font-weight: 900; color: #666; text-align: center; background-color: #fff; }
table.viewDetail td.info { padding-top: 5px; padding-bottom: 5px;  padding-left: 10px; color: #7f7f7f; border: 0px; }