@charset "UTF-8";

/************************************************************
    layout
*************************************************************/
[class^='Wrapper']   { width: 100%; min-width: 990px; margin: 0 auto; position: relative; background-color: #fff; }
body a , 
body button  { background-color:transparent; border:none; cursor:pointer; } 
body button:focus  { outline: none; } 

[class^='Wrapper'] footer  { text-align: center; width: 100%; text-transform: uppercase; padding-bottom: 50px; }
.Wrapper_login footer   { position: fixed; bottom: 50px; left: 0; padding-bottom: 0; }

#container   { min-width: 990px; max-width: 1100px; margin: 0 auto; position: relative; padding-bottom: 50px; }

/*    header    */
#header_manager    { width: 100%; background: url(../../images/contents/header_bg.gif) repeat-x 0 100%; border-bottom: 6px solid #2b96d9; }
#header_manager .header  { min-width: 990px; max-width: 1100px; min-height: 75px; margin: 0 auto; position: relative; }  
#header_manager .header h1 { position: absolute; top: 15px; left: 0; font-size: 1.4em; color: #000; }  
#header_manager .header h1 * { vertical-align: middle; }  
#header_manager .header h1 img  { max-width: 110px; max-height: 50px; -ms-interpolation-mode:bicubic !important; } 
#header_manager .header h1 em  { display: inline-block; margin-left: 7px; } 
#header_manager .user_info   { min-height: 40px; position: absolute; bottom: 2px; right: 0; padding-top: 10px;  } 
#header_manager .user_info *   { vertical-align: middle; } 
#header_manager .user_info .user   { float: left; width: 40px; height: 40px; overflow: hidden; border-radius: 50%; margin: -7px 7px 0 0; }
#header_manager .user_info .user img  { width: 100%; }
#header_manager .user_info .name   { float: left; line-height: 20px; font-size: 1.2em; background: url(../../images/ico/ico_corner.gif) no-repeat 100% 100%; padding-right: 12px; }
#header_manager .user_info .bt_logout   { margin-left: 20px; } 


/*    tab gnb    */
.gnb_manager  { position: absolute; bottom: 0; left: 150px; z-index: 10; }
.gnb_manager li  {float: left; position: relative; margin-left: -10px; text-align: center;  background: url(../../images/contents/tabNav_bg.png) no-repeat 0 0; }
.gnb_manager li:nth-child(1)  { z-index: 5; }
.gnb_manager li:nth-child(2)  { z-index: 4; }
.gnb_manager li:nth-child(3)  { z-index: 3; }
.gnb_manager li:nth-child(4)  { z-index: 2; }
.gnb_manager li:nth-child(5)  { z-index: 1; }
.gnb_manager li.current  { z-index: 10; background-position: 0 -45px; }
.gnb_manager li a  { width: 140px; height: 45px; line-height: 50px; overflow: hidden; display: block; font-size: 1.5em; color: #fff; } 


/*    Gnb    */
.gnb_Campus   { width: 100%; height: 48px; background-color: #2b97da; position: relative; z-index: 20; margin-top: -6px; }
.gnb_Campus nav  { min-width: 990px; max-width: 1100px; margin: 0 auto; position: relative; }  
/*    IMS    */
.gnb_Campus .gnb_Ims  { }
.gnb_Campus .gnb_Ims li  { float: left; position: relative; border: 1px solid #69b7e8; border-width: 0 1px; text-align: center; margin-right: -1px; }
.gnb_Campus .gnb_Ims li a  { min-width: 70px; height: 48px; line-height: 48px; padding: 0 15px; display: block; color: #fff; font-size: 1.3em; font-weight: bold; }
.gnb_Campus .gnb_Ims li.current   { background-color: #fff; }
.gnb_Campus .gnb_Ims li.current a  { color: #0075be; }
.gnb_Campus .utile    { position: absolute; top: 8px; right: 0; z-index: 5; text-align: center; }
.gnb_Campus .utile li    { float: left; border: 1px solid #2686c2; border-radius: 3px; margin: 0 1px; } 
.gnb_Campus .utile li a   { min-width: 80px; height: 30px; line-height: 30px; padding: 0 10px; display: block; color: #fff; font-size: 1.2em; font-weight: bold; }
.gnb_Campus .utile li.current    { background-color: #fff; }
.gnb_Campus .utile li.current a   { color: #000; }
/*    LCMS    */
.gnb_Campus .gnb_Lcms  { padding-top: 12px;} /* margin-left: -40px;  text-align: center; */
.gnb_Campus .gnb_Lcms li  { display:inline-block; *display:inline; *zoom:1; position: relative; }
.gnb_Campus .gnb_Lcms li a  { height: 23px; line-height: 20px; display: block; color: #fff; font-size: 1.2em; padding: 0 15px 0 12px; }
.gnb_Campus .gnb_Lcms li a p  { background:url(../../images/contents/bullet_gnb.png) no-repeat 0 12px; padding-left: 7px; }
.gnb_Campus .gnb_Lcms li.current a  { background-color: #1f6b9c; border-radius: 15px; } 


/*    3depth - tab gnb    */
#tabGnb   { width: 100%; display: table; border-bottom: 2px solid #a9b1b7; margin-bottom: 5px; }    
#tabGnb.div   { border-top: 1px solid #c2c7cb; padding-top: 10px; }    
#tabGnb li   { float: left; margin-right: 1px; background-color: #d3d9de; border-radius: 10px 10px 0 0; text-align: center; }    
#tabGnb li.current   { background-color: #a9b1b7; }    
#tabGnb li a  { min-width: 90px; line-height: 48px; display: block; padding: 0 20px; color: #fff; font-size: 1.4em; font-weight: bold; }    



/************************************************************
    공통
*************************************************************/
/*  ico Type  */  
[class^='ico_Type_'] ,
[class^='btn_icoType_']  { width: 30px; height: 30px; display: inline-block; background-image: url('../../images/ico/ico_mark.png'); background-repeat: no-repeat; display: inline-block; text-indent: -999999px; }
.current [class^='btn_icoType_']  { background-position-y: -30px;  }
.btn_icoType_thumb  { background-position: 0 0; }
.btn_icoType_list  { background-position: -30px 0; }
.btn_icoType_make  { background-position: -90px 0; }
.btn_icoType_delete  { background-position: -120px 0; }
.btn_icoType_up  { background-position: -150px 0; }
.btn_icoType_down  { background-position: -180px 0; }
.btn_icoType_remove  { background-position: -210px 0; }
.btn_icoType_copy  { background-position: -240px 0; }
.ico_Type_add  { background-position: -60px 0; } 

/*    btn Type   */
[class^='btnType_']   { height: 35px; line-height: 35px; padding: 0 13px; display: inline-block; text-align: center; color: #fff; border-radius: 10px; font-size: 1.1em; }
.btnType_gray   { background-color: #a9b1b7 !important; }
.btnType_grayLight   { background-color: #c5ced5 !important; }

/*    btn area   */
.btnArea_center   { text-align: center; margin: 10px 0; }
.btnArea_center *   { margin: 0 2px; }
.btnArea_right   { text-align: right; margin: 10px 0; position: relative; } 
.btnArea_rightDiv   { text-align: right; margin: 10px 0 5px; border-top: 1px solid #c2c7cb; padding-top: 7px; }

.noList   { text-align: center !important; border: none !important; color: #999; padding: 80px 0 !important; background: none !important; } 

/*    타이틀    */
.header_cont   { position: relative; margin: 20px 0 15px; text-align: left; }
.header_cont h2  { color: #4c4c4c; font-size: 1.5em; font-weight: bold; } 
.title_h3   { background-color: #f2f2f2; border: 1px solid #dde0e3; padding: 15px; color: #4c4c4c; font-size: 1.3em; font-weight: bold; margin-bottom: 5px; }
.title_h3   { background-color: #f2f2f2; border: 1px solid #dde0e3; padding: 15px; color: #4c4c4c; font-size: 1.3em; font-weight: bold; margin-bottom: 5px; }
div.title_h3   { background: none; border: none; padding: 0; font-weight: normal; margin-bottom: 10px; position: relative; }

/*    페이지 경로     */
.path_area   { min-height: 20px; text-align: right; position: absolute; top: -5px; right: 0; }
*+html .path_area  {min-height:1px; } 
.path_area *   { vertical-align:middle; }
.path_area li   { float: left; padding:0 7px 0 12px; color:#999;  font-size:1.1em; background:url(../../images/contents/path_bar.png) no-repeat 0 48%; } 
.path_area li:first-child   { background:none; margin-top: -1px; }
.path_area li a   { color: #999; display: inline-block; background: none !important; } 
.path_area li a:hover   { color: #2d9de2; }
.path_area .path_page   { color: #000; }   

/*  목록넘기기    */
.pagenum_area *   { vertical-align:middle; } 
.pagenum_area {  position:relative; text-align:center; margin:25px auto ; font-size:10px; }
.pagenum_area li {display:inline-block;*display:inline;*zoom:1; margin:0 2px; letter-spacing:-1px;  }
.pagenum_area a   {min-width:15px; color:#666;text-decoration:none; display:block; padding:0 5px; height:25px; line-height:25px; font-size:12px; background:#fff; border:1px solid #ddd; }
.pagenum_area a:hover   {color:#656565; border-color:#656565; text-decoration:none !important; }
.pagenum_area .point a  {color:#fff; border-color:#a9b1b7; background:#a9b1b7; display:block; } 
.pagenum_area .pagen_btn   {  border:1px solid #ddd; margin:0 2px; background-color:#fff; } 
.pagenum_area .pagen_btn button  { display: block; padding:0 7px; height:25px; min-width:13px; *min-width:30px; }   
.pagenum_area .pagen_btn button img  { margin-top: -3px; }   

/*   오름/내림차순 토글   */
.bt_orderToggle   { min-height: 30px; display: inline-block; background: url(../../images/ico/ico_descend.png) no-repeat 100% 52%; padding: 0 18px 0 10px; }
.bt_orderToggle.ascend   { background-image: url(../../images/ico/ico_ascend.png); } 



/************************************************************
   Form Tag
*************************************************************/ 
.inputForm   { position: relative; }
.inputForm *  { vertical-align: middle; }
.inputForm input[type='radio'] ,
.inputForm input[type='checkbox']  { background-color: transparent; position: relative; z-index: 5; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity:0; }
/*   radio    */
.inputForm input[type='radio']  { width: 20px; height: 20px; margin-right: -20px; }
.inputForm input[type='radio'] + label  { min-width: 20px; height: 20px; line-height: 20px; display: inline-block; background: url(../../images/ico/ico_radiobox.png) no-repeat 0 0; padding-left: 25px; }
.inputForm input[type='radio']:checked + label  { background-position: 0 -20px; } 
/*    checkbox    */
.inputForm input[type='checkbox']  { width: 30px; height: 30px; margin-right: -30px; }
.inputForm input[type='checkbox'] + label  { min-width: 30px; height: 30px; line-height: 30px; display: inline-block; background: url(../../images/ico/ico_checkbox_s.png) no-repeat 0 0; padding-left: 35px; }
.inputForm input[type='checkbox']:checked + label  { background-position: 0 -30px; }

/*    input type - file   */
.file_input    { position: relative; }
.file_input input[type='file']  { width: 130px; height: 35px; position: absolute; top: 0; left: 0; z-index: 5; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity:0; } 

.inputForm label.btnType_gray  { width: 100px; height: 35px; position: absolute; top: 0px; right: 0px; z-index: 5; font-size: 1.1em;  }
.inputForm input[type='file']  { height: 35px; line-height: 35px; text-align: left;background-color: #fff; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .inputForm input[type='file']    { height: 33px; background-color: #fff; border: 1px solid #cbcfd2; border-radius: 10px; padding: 0 5px; }
    .inputForm input[type='file']::-webkit-file-upload-button { float: right; position: relative; top: 0px; right: 0px; }
}
@-moz-document url-prefix() { 
    .inputForm input[type='file']    { height: 33px; background-color: #fff; border: 1px solid #cbcfd2; border-radius: 10px; padding: 0 5px; } 
} 
@media \0screen {   /*    ie8 대응   */
    .inputForm input[type='file']    { height: 35px; background-color: #fff; border: 1px solid #cbcfd2; border-radius: 10px; padding: 0 5px; }
}
.inputForm input[type='file']::-ms-value   { background-color: #fff; border: 1px solid #cbcfd2; border-radius: 10px; padding: 0 5px; }
.inputForm input[type='file']::-ms-browse  { background-color: #fff; border: none; color: transparent; }  


/*    Datepicker    */
.ui-datepicker .ui-state-highlight   { background: #fff !important; border: 1px solid #b4b4b4 !important; }
.periodDate   { position: relative; }
.periodDate input[type='text']   { padding: 0 5px; background-color: #fff; border: 1px solid #cbcfd2; border-radius: 10px; font-size: 1.2em; margin-right: 3px; }
.periodDate .ui-datepicker-trigger  { cursor: pointer; margin-left: 5px; }


/*     jquery-ui search setup  */
.select_overflow    { height: 200px; }
.form_container  { position: relative; }
.form_container .ui-state-hover ,
.form_container .ui-state-focus  { font-weight: normal; color: inherit; }
.ui-selectmenu-menu .ui-widget-content .ui-state-hover,
.ui-selectmenu-menu .ui-widget-header .ui-state-hover, 
.ui-selectmenu-menu .ui-widget-content .ui-state-focus  { border: none; background: #2c99de; font-weight: normal; color: #fff; } 
.ui-selectmenu-menu .ui-menu   { padding: 5px 0 !important; }
.ui-selectmenu-menu .ui-menu .ui-menu-item  { padding: 5px 10px; }
.ui-selectmenu-menu .ui-widget-content   { background: #fff; border: 1px solid #cbcfd2; border-top-color: #fff; }  
.form_container .ui-state-default  { background: #fff; border: 1px solid #cbcfd2; font-weight: normal; color: inherit; } 
.form_container .ui-selectmenu-button span.ui-selectmenu-text  { padding: 0.48em 2.1em 0.48em 1em; } 
.form_container .ui-state-default .ui-icon { background: url(../../images/ico/ico_search.png) no-repeat 50% 50%; } 
.form_container .ui-state-default.ui-state-disabled   { background: #ececec; } 
.form_container .ui-selectmenu-button:focus { outline: none; } 
.ui-selectmenu-menu .ui-widget ,
.form_container .ui-widget  { font-family: inherit !important; }  


/*   search  */
.search_Wrap   { background-color: #eef3f7; border: 1px solid #dde0e3; border-top-color: #c2c7cb; position: relative; z-index: 30; padding: 15px 10px; margin-bottom: 10px; }
.search_Wrap *  { vertical-align: middle; }
.search_Wrap input[type='text']   { height: 37px; line-height: 37px; padding: 0 5px; background-color: #fff; border: 1px solid #cbcfd2; border-radius: 10px; font-size: 1.2em; margin-right: 3px; }
.search_Wrap input::-webkit-input-placeholder  { color: #c0c7cc; }
.search_Wrap input::-moz-placeholder  { color: #c0c7cc; }
.search_Wrap input:-ms-input-placeholder  { color: #c0c7cc; }
.search_Wrap .periodDate  { display: inline-block; *display:inline; *zoom:1; background:url(../../images/contents/bar.gif) no-repeat 100% 50%; padding-right: 10px; margin-right: 5px; }
.search_Wrap .periodDate input  { width: 80px; } 
.search_Wrap .periodDate label  { font-size: 1.3em; margin-right: 5px; } 
.search_Wrap .periodDate .ui-datepicker-trigger  { margin-left: 0; }  
.search_Wrap .bt_newAdd ,
.search_Wrap .bt_popupFrame  { position: absolute; top: 50%; right: 10px; margin-top: -18px; z-index: 5; }
.search_Wrap .form_container  { display: inline-block; *display:inline; *zoom:1; margin-right: 4px; font-size: 1.2em; }
.search_Wrap .form_container .jqTransformSelectWrapper > div > span  { width: 80%; }
.search_Wrap .divForm  { margin: -5px 10px; }
.search_Wrap .divForm > div  { margin: 7px 0; position: relative; }
.search_Wrap .divForm > div .tit   { display: inline-block; min-width: 140px; line-height: 39px; font-size: 1.3em; }
.search_Wrap .divForm .periodDate input  { width: 110px; }
.search_Wrap .divForm .inputForm  { display:inline-block; *display:inline; *zoom:1; }
.search_Wrap .divForm .inputForm label  { margin-right: 15px; font-size: 1.3em; }
.search_Wrap .divForm .inputForm .etc_input  { background-color: #ececec; }
.search_Wrap .divForm .bt_newAdd  { top: auto; margin-top: 0; bottom: 20px;  } 



/************************************************************
   Table List 타입 
*************************************************************/  
.table_listType table   { width: 100%; }
.table_listType table caption   { height: 0; overflow: hidden; font-size: 0; }
.table_listType table thead th   { background-color: #f2f2f2; border: 1px solid #dde0e3; color: #2f2f2f; font-size: 1.2em; vertical-align: middle; text-align: center; padding: 10px; }
.table_listType table td   { min-height: 30px; border: 1px solid #dde0e3; text-align: center; padding: 7px;  }  
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .table_listType table td   { height: 30px;  }
}
@-moz-document url-prefix() { 
    .table_listType table td   { height: 30px;  }
}
.table_listType .info ,
.table_listType .person  { position: relative; text-align: left; font-size: 1.2em; color: #a7a7a7;  }
.table_listType .info * ,
.table_listType .person *  { vertical-align: middle; }
.table_listType .info img ,
.table_listType .person img  { border: 1px solid #dde0e3; border-radius: 3px; margin-right: 5px;-ms-interpolation-mode:bicubic !important; background-color: #fff; } 
.table_listType .info img  { width: 45px; height: 45px; } 
.table_listType .person img  { width: 45px; height: 60px;  }
.table_listType .active  { color: #f67617; } 
.table_listType table tr:hover td    { background-color: #f6fcff; } 
.table_listType table tr:hover .info ,
.table_listType table tr:hover .person    { color: #5f5f5f; } 
.table_listType .nonHover tr:hover td    { background-color: transparent !important; }  
.table_listType .className    { margin-bottom: 10px; } 
.table_listType input[type='text'] ,
.table_listType input[type='password'] ,
.table_listType textarea   { background-color: #fff; border: 1px solid #cbcfd2; border-radius: 10px; font-size: 1.15em; color: #4c4c4c; }
.table_listType input[type='text'] ,
.table_listType input[type='password']   { height: 37px; line-height: 37px; padding: 0 5px; }

.table_listType .momentClass td   { font-weight: bold; background-color: #fff5d2 !important; }  /*     [현재 수강중] 일때     */
.table_listType .momentClass td:first-child   { background:url(../../images/contents/bullet_stress.png) no-repeat 0 50%; }  
/*   Badge & point    */
.table_listType.Badge   { }
.table_listType.Badge td:nth-child(3) ,
.table_listType.Badge td:nth-child(4)   { text-align: left; }
.table_listType.Badge td:last-child   { text-align: right; }
/*   LCMS - Book   */
.table_listType.BookL   { }    /*    Book   */
.table_listType.BookL tr:hover td    { background-color: transparent !important; }
.table_listType.BookL .book img  { width: 75px; height: 100px; -ms-interpolation-mode:bicubic !important; border: 1px solid #dde0e3; }
.table_listType.BookL .level   { color: #a9b1b7; text-align: left; }
.table_listType.BookT    {  }    /*    Book - Lesson Title    */
.table_listType.BookT tr:hover td    { background-color: transparent !important; }
.table_listType.BookT tbody td:first-child   { text-align: left; }
.table_listType.BookT .inputForm label  { padding: 0; }
.table_listType.BookLI    {  }    /*   Book - Lesson List & Info    */
.table_listType.BookLI tr:hover td    { background-color: transparent !important; }
.table_listType.BookLI tbody td    { height: auto; min-height: auto; }




.className     { font-size: 1.4em; font-weight: bold; color: #2c99de; } 
.unassing_msg    { margin: 0 10px; color: #f67617; background-color: #f2f2f2 !important; }
.table_listType .nonHover tr:hover .unassing_msg  { background-color: #f2f2f2 !important; }
.unassing_msg strong    { border-bottom: 1px solid #f67617; padding-bottom: .05em; }




/************************************************************
   Table View 타입 
*************************************************************/  
.table_viewType    { font-size: 1.2em; text-align: left; }
.table_viewType table   { width: 100%; }
.table_viewType table caption   { height: 0; overflow: hidden; font-size: 0; }
.table_viewType tbody th   { background-color: #eef3f7; vertical-align: top; }
.table_viewType tbody th ,
.table_viewType tbody td   { border: 1px solid #dde0e3;  text-align: left; }
.table_viewType tbody th   { padding: 20px 30px; color: #2f2f2f; }  
.table_viewType .exp:before   { content: "* "; color: #ff7113; font-size: 1.3em; font-weight: bold; margin-left: -13px; }
.table_viewType td span.exp   { margin:0 10px 0 50px; display: inline-block; }
.table_viewType tbody td   { padding: 10px 20px; line-height: 1.4em; }
.table_viewType tbody td a  { color: #2d9de3; text-decoration: underline; }
.table_viewType input[type='text'] ,
.table_viewType input[type='password'] ,
.table_viewType textarea   { background-color: #fff; border: 1px solid #cbcfd2; border-radius: 10px; font-size: 1.15em; color: #4c4c4c; }
.table_viewType input[type='text'] ,
.table_viewType input[type='password']   { height: 37px; line-height: 37px; padding: 0 5px; }
.table_viewType textarea   { height: 150px; padding: 5px; line-height: 1.3em; resize: none; overflow: auto; }  
.table_viewType .inputForm *  { vertical-align: middle; }
.table_viewType .inputForm .btnType_gray  { margin-left: 5px; }
.table_viewType .inputForm label   { margin-right: 15px; }
.table_viewType .form_container  { display:inline-block; *display:inline; *zoom:1; margin-right: 4px; }
.table_viewType .form_container .jqTransformSelectWrapper > div > span  { width: 90%; }
.table_viewType .thumb   { width: 100%; min-height: 100px; display: table-row; }
.table_viewType .thumb *  { vertical-align: bottom; display: table-cell; }
.table_viewType .thumb img   { width: 100px; height: 100px; -ms-interpolation-mode:bicubic !important; }
.table_viewType .thumb.person img   { width: 120px; height: 160px; }
.table_viewType .thumb .img    { float: left; margin-right: 10px; }
.table_viewType .thumb .img img   { border: 1px solid #dde0e3; }
.table_viewType .thumb .btnType_gray   { min-width: 90px; }
.table_viewType .thumb small   { display: block; font-size: 12px; color: #c0c7cc; margin-bottom: 3px; } 
@-moz-document url-prefix() { 
    .table_viewType .thumb small   { margin-bottom: -15px; }
}
.table_viewType .thumb input   { position: relative; margin-bottom: -35px; } 
.table_viewType .periodDate  { z-index: 15; } 
.table_viewType .weekTime_setup  { margin-top: 20px; } 
.table_viewType .teacher span  { display: inline-block; background:url(../../images/contents/bar.gif) no-repeat 0 50%; padding-left: 15px; margin-left: 10px; } 
.table_viewType .teacher span:first-child  { background:none; padding-left: 0; margin-left: 0; } 
.table_viewType .idView  { display: inline-block; margin-right: 70px; } 
.table_viewType .aTxt   { color: #a9b1b7; margin-top: 5px; } 
/*    table in table     */
.table_viewType .depthTable   { margin: -11px -21px; }
.table_viewType .depthTable table thead th ,
.table_viewType .depthTable table tbody td { padding: 10px; text-align: center;  }


/*    item 배치    */
.item_arrangeWrap    { min-height: 100px; padding: 20px; border: 1px solid #dde0e3; position: relative; }
.item_arrangeWrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.item_arrangeWrap .btnarea  { width: 10%; text-align: center; position: absolute; top: 50%; left: 41%; margin-top: -35px; z-index: 10; line-height: 0;  }
.item_arrangeWrap .btnarea button  { margin-bottom: 10px; }
.item_arrangeWrap [class^='itemPanel_']   { width: 40%; position: relative;  }
.item_arrangeWrap [class^='itemPanel_'] h5  { font-size: 1.2em; font-weight: bold; margin-bottom: 8px; }
.item_arrangeWrap [class^='itemPanel_'] h5 em  { color: #2d9de3; }
.item_arrangeWrap [class^='itemPanel_'] .sortTab  { width: 100%; display: table; font-size: 1.2em; text-align: center; margin-bottom: 5px; }
.item_arrangeWrap [class^='itemPanel_'] .sortTab li  { float: left; height: 26px; line-height: 24px; margin-right: 2px; background-color: #a9b1b7; border-radius: 10px 10px 10px 0; }
.item_arrangeWrap [class^='itemPanel_'] .sortTab li a  { min-width: 50px; padding: 0 10px; display: block; color: #fff; }
.item_arrangeWrap [class^='itemPanel_'] .sortTab li.current  { background-color: #2d9de3; }
.item_arrangeWrap [class^='itemPanel_'] .item     { height: 320px; padding: 5px 0; overflow-y: scroll; border: 1px solid #dde0e3; border-radius: 10px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .item_arrangeWrap [class^='itemPanel_'] .item    { height: 310px; }
}
.item_arrangeWrap [class^='itemPanel_'] .item ul li   { display: block; padding: 6px 15px; font-size: 1.2em; }
.item_arrangeWrap [class^='itemPanel_'] .item a:hover    { background-color: #eef3f7; color: #000; }
.item_arrangeWrap [class^='itemPanel_'] .item ul li.on    { background-color: #eef3f7; color: #000; }
.item_arrangeWrap .itemPanel_total    { float: left; }
.item_arrangeWrap .itemPanel_select  { margin: 31px 0 0 52%; }
.item_arrangeWrap .itemPanel_program .item a   { cursor: default; }


/*     Class - 요일별 시간 선택    */
.weekTime_setup   { }
.weekTime_setup li   { min-height: 35px; margin: 7px 0; position: relative; } 
.weekTime_setup li .week   { float: left; min-width: 100px; min-height: 30px; line-height: 30px; background: url(../../images/ico/ico_checkbox_s.png) no-repeat 0 -30px; padding-left: 35px; font-size: 1.1em; }  
.weekTime_setup li.inactive .week   { background-position: 0 0; } 
.weekTime_setup .form_container  { font-size: 14px; }   
.weekTime   { margin-top: 15px; }
.weekTime li   { margin: 7px 0; }
.weekTime li span  { float: left; min-width: 80px; display: inline-block; }


/*     Registration    */
.register_txt   { background-color: #f2f2f2; border: 1px solid #dde0e3; padding: 15px; margin-top: 30px; }
.register_txt h5  { color: #4c4c4c; font-size: 1.3em; font-weight: bold; margin-bottom: 10px; }
.register_txt p  { font-size: 1.2em; margin: 5px 0; }
.register_txt p:before  { content: "- "; }
.register_txt p time  { color: #a9b1b7; }
/*    학생 정보     */
.studentInfo_head   { color: #2c99de; font-size: 1.3em; margin: -30px 130px 20px 0; }
.studentInfo_head:before   { content: "* "; }


/************************************************************
    달력 - Attendance
*************************************************************/
.calendar_Attendance   { position: relative; border-top: 1px solid #dde0e3; }

/*     년/월 선택      */
.periodSeason    { min-height: 60px; text-align: center; position: relative; z-index: 30; }
.periodSeason .period   { min-width: 160px; padding: 0 40px; display:inline-block; *display:inline; *zoom:1; position: relative; }
.periodSeason .period *   { vertical-align: middle; }
.periodSeason .period .seasonSwitch   { font-weight: bold; font-size: 1.5em; color: #4c4c4c; line-height: 60px; display: inline-block; background: url(../../images/ico/ico_search.png) no-repeat 100% 50%; padding: 0 25px 0 10px; cursor: pointer; }
.periodSeason .period button   { width: 40px; height: 60px; line-height: 60px; overflow: hidden; display: inline-block; position: absolute; top: 0; background-repeat: no-repeat; background-position: 50% 50%; }
.periodSeason .period .prev   { left: 0; background-image: url(../../images/btn/btn_arrowPrev.gif); }
.periodSeason .period .next   { right: -5px; background-image: url(../../images/btn/btn_arrowNext.gif); } 
/*     달력 변경      */
.calendarSwitch   { width: 220px; height: 200px; position: absolute; top: 45px; left: 50%; z-index: 20; margin-left: 40px;  background-color: #f3f3f3; padding: 10px 5px; border: 1px solid #dde0e3; text-align: left; -webkit-box-shadow: 7px 7px 10px 0 rgba(0, 0, 0, .2); box-shadow: 7px 7px 10px 0 rgba(0, 0, 0, .2); }
.calendarSwitch h6   { font-size: 1.2em; color: #222; font-weight: bold; margin:0 7px 5px; }
.calendarSwitch .bt_calendarSwitch_close  { width: 20px; height: 20px; position: absolute; top: 7px; right: 10px; z-index: 20; background: url(../../images/btn/btn_close_s.png) no-repeat;  }
.calendarSwitch .panel  { width: 42%; height: 160px; float: left; margin: 5px 3.5%; overflow: auto;  background-color: #fff; border: 1px solid #d3d7db; padding: 5px 0; }
.calendarSwitch .panel a { display: block; padding: 5px; color: #a2a9ae; margin: 1px 0; }
.calendarSwitch .panel a.current , 
.calendarSwitch .panel a:hover { color: #000; background-color: #eef3f7; }   


/*    프로그램 별 차시 정보     */ 
.calendar_Attendance .programInfo   { font-size: 1.1em; margin-bottom: 20px; }
.calendar_Attendance .programInfo table   { width: 100%; }
.calendar_Attendance .programInfo table caption   { height: 0; overflow: hidden; font-size: 0; }
.calendar_Attendance .programInfo thead th   { text-align: center; background-color: #f2f2f2; padding: 20px 0; border: 1px solid #d3d7db; font-weight: bold; } 
.calendar_Attendance .programInfo tbody td   { text-align: center; padding: 20px; border: 1px solid #d3d7db; font-weight: bold; }
.calendar_Attendance .programInfo tbody td:nth-child(1)   { text-align: left; }
.calendar_Attendance .programInfo tbody td:nth-child(3)   { color: #2d9de3; }
.calendar_Attendance .programInfo tbody td:nth-child(4)   { color: #f35151; }
.calendar_Attendance .programInfo .absent   { height: 20px; line-height: 16px; display: inline-block; margin-left: 5px; text-align: center; background-color: #fff; padding: 0 10px; border: 1px solid #d9dcdf; border-radius: 10px; color: #6d6d6d; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .calendar_Attendance .programInfo .absent   { line-height: 20px; }
}
@-moz-document url-prefix() { 
    .calendar_Attendance .programInfo .absent   { line-height: 20px; }
}
.calendar_Attendance .programInfo .absent em  { color: #f35151; }
.calendar_Attendance .programInfo .absent em:after  { content: " / "; color: #afb6bc; font-size: .9em; }

/*   calendar    */
.calendar_Attendance .calendar { }
.calendar_Attendance .calendar table   { width: 100%; }
.calendar_Attendance .calendar table caption   { height: 0; overflow: hidden; font-size: 0; }
.calendar_Attendance .calendar thead th   { text-align: center; background-color: #f2f2f2; padding: 15px 0; border: 1px solid #d3d7db; font-weight: bold; font-size: 1.2em; color: #666; text-transform: uppercase; } 
.calendar_Attendance .calendar thead th:first-child   { color: #f35151; } 
.calendar_Attendance .calendar thead th:last-child   { color: #2d9de3; } 
.calendar_Attendance .calendar tbody td   { border: 1px solid #d3d7db; background-color: #f9f9f9; }
.calendar_Attendance .calendar tbody td > div   { height: 110px; padding: 5px 10px; background-color: #fff; position: relative; font-weight: bold; color: #6d6d6d; }
.calendar_Attendance .calendar tbody .holiday > div ,
.calendar_Attendance .calendar tbody td:first-child > div   { color: #f35151 !important; background-color: #f9f9f9; } 
.calendar_Attendance .calendar tbody td:last-child > div   { color: #2d9de3; } 
.calendar_Attendance .calendar .date   { display: inline-block; } 
.calendar_Attendance .calendar .program   { width: 100%; max-height: 78px; overflow: hidden; position: absolute; left: 0; bottom: 0; }  
.calendar_Attendance .calendar .program.auto   { max-height: auto; overflow: visible; } 
.calendar_Attendance .calendar .program li   { height: 25px; line-height: 25px; padding: 0 25px 0 7px; border-top: 1px solid #fff; position: relative; background: url(../../images/ico/ico_attend.png) no-repeat 200% 200%; color: #000; font-weight: bold; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;  } 
.calendar_Attendance .calendar .program li:before     { width: 100%; height: 25px; display: inline-block; opacity: .5; position: absolute; top: 0; left: 0; } 
.calendar_Attendance .calendar .program li:nth-child(5n+1)  { background-color: #b6c7f6; } 
.calendar_Attendance .calendar .program li:nth-child(5n+2)  { background-color: #99d1f2; } 
.calendar_Attendance .calendar .program li:nth-child(5n+3)  { background-color: #f9bdae; } 
.calendar_Attendance .calendar .program li:nth-child(5n+4)  { background-color: #fce09d; } 
.calendar_Attendance .calendar .program li:nth-child(5n+5)  { background-color: #e7f49a; } 
.calendar_Attendance .calendar .program li.attend   { background-position: 100% 0; } 
.calendar_Attendance .calendar .program li.absent   { background-position: 100% -25px; } 
.calendar_Attendance .calendar .moreProgram      { width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; color: #2d9de3; font-weight: bold; font-size: 1.1em; position: absolute; top: 0; right: 0; } 
.calendar_Attendance .calendar .moreProgram:before   { content: "+"; font-size: 1.2em; } 


/************************************************************
    Badge & point
*************************************************************/ 
.badge_edit   { border-top: 1px solid #dde0e3; position: relative; padding-top: 20px; margin-bottom: 10px; }
.badge_edit h4  { color: #4c4c4c; font-size: 1.3em; } 
.badge_edit .edit    { position: absolute; top: 10px; right: 0; z-index: 10; }
.badge_edit .edit *  { vertical-align: middle; }
.badge_edit .edit .win  { display: inline-block; border-right: 1px solid #dde0e3; padding: 0 7px; margin-right: 5px;  background: url(../../images/contents/bullet_01.gif) no-repeat 0 50%; font-size: 1.1em; }
.badge_edit .edit button  { margin: 0 1px; }

.Badge_Slide   { width: 100%; height: 200px; padding: 20px 0; overflow: hidden; position: relative;border: 1px solid #dde0e3; margin-bottom: 25px; } 
.Badge_Slide .sliderkit-nav  { width: 100%; height: 200px; position: absolute; left: 0; bottom: 0;  z-index: 10; }
.Badge_Slide .sliderkit-nav-clip   { min-height: 180px; overflow:hidden; margin: 0 auto; position:relative; }
.Badge_Slide .sliderkit-nav-clip ul  { width: 100%; display: table; position: relative; top: 0; }
.Badge_Slide .sliderkit-nav-clip ul li  { float: left; width: 17%; margin: 0 5px; text-align: center; font-size: 1.1em; position: relative; }
.Badge_Slide .sliderkit-nav-clip ul li .badge  {  }
.Badge_Slide .sliderkit-nav-clip ul li .badge img  { width: 100px; height: 100px; -ms-interpolation-mode:bicubic !important; }
.Badge_Slide .sliderkit-nav-clip ul li h6  { font-size: 1.1em; }
.Badge_Slide .sliderkit-nav-clip ul li h6 ,
.Badge_Slide .sliderkit-nav-clip ul li .sub  { white-space:nowrap; overflow: hidden; text-overflow: ellipsis; } 
.Badge_Slide .sliderkit-nav-clip ul li time  { display: block; color: #a9b1b7; font-size: .9em; }
.Badge_Slide .sliderkit-nav-clip ul li .inputForm  {position: absolute; top: 0; left: 10px; z-index: 10; }
.Badge_Slide .sliderkit-nav-btn { width: 50px; height: 100px; position: absolute; top: 50%; z-index: 20; margin-top: -70px; background-position: 50% 50%; background-repeat: no-repeat; background-color: #fff; }
.Badge_Slide .sliderkit-nav-btn a { display: block; width: 100%; height: 100%; }
.Badge_Slide .sliderkit-nav-prev { left: 10px; background-image: url(../../images/btn/btn_arrowPrev.gif); }
.Badge_Slide .sliderkit-nav-next { right: 10px; background-image: url(../../images/btn/btn_arrowNext.gif); }
.Badge_Slide .sliderkit-btn-disable { opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity:.3; }
.Badge_Slide .sliderkit-btn-disable a { cursor: default; }


/************************************************************
    Students Portfolio
*************************************************************/
.students_Portfolio   { position: relative; border-top: 1px solid #dde0e3; }

.Portfolio_panel   { background-color: #edf0f3; border-bottom: 1px solid #dde0e3; }
.Portfolio_panel > article  { min-height: 320px; position: relative; background-color: #fff; border: 1px solid #dde0e3; border-width: 1px 0; padding-left: 215px; text-align: left; margin-bottom: 3px; }  
.Portfolio_panel figure  { position: absolute; top: 10px; left: 0; }
.Portfolio_panel figure > img  { width: 190px; height: 260px; -ms-interpolation-mode:bicubic !important; border: 1px solid #dde0e3; }
.Portfolio_panel figcaption p  { font-size: 1.3em; margin-top: 5px;  }
.Portfolio_panel figcaption time  { display: block; color: #a9b1b7; }

.Portfolio_panel .attending_Date  { }
.Portfolio_panel .attending_Date > li  { width: 100%; min-height: 130px; position: relative; border-bottom: 1px solid #dde0e3; display: table; }
.Portfolio_panel .attending_Date > li:last-child  { border-bottom: none; }
.Portfolio_panel .attending_Date .dayInfo  { float: left; width: 300px; min-height: 130px; background: url(../../images/contents/bar.gif) no-repeat 100% 0; position: relative; }
.Portfolio_panel .attending_Date .bt_download  { width: 40px; height: 40px; display: inline-block; background: url(../../images/btn/btn_download.png) no-repeat; position: absolute; right: 10px; bottom: 10px; z-index: 5; }
.Portfolio_panel .attending_Date time  { min-height: 20px; line-height: 18px; display: block; background: url(../../images/btn/btn_datepicker.png) no-repeat 0 0; font-size: 1.2em; padding-left: 23px; font-weight: bold; margin-top: 15px; }
.Portfolio_panel .attending_Date h6  { font-size: 1.3em; color: #a9b1b7; padding: 3px 10px 0 23px; }
.Portfolio_panel li .thumb   { padding: 15px 0; margin-left: 210px; }
.Portfolio_panel li .thumb li  { float: left; width: 150px; height: 100px; overflow: hidden; margin: 0 5px; border: 1px solid #dde0e3; position: relative; cursor: pointer; }
.Portfolio_panel li .thumb img  { width: 100%; height: 100%; -ms-interpolation-mode:bicubic !important; }   
.Portfolio_panel li .thumb .more   { width: 100%; height: 100%; line-height: 100px; display: block; background: url(../../images/contents/opacity_black_30.png) repeat; color: #fff; font-size: 1.6em; text-align: center; position: absolute; top: 0; left: 0; z-index: 5; } 
.Portfolio_panel li .thumb .more em:before   { content: '+'; font-weight: normal; }
.Portfolio_panel li .thumb .absent  { cursor: default; }
.Portfolio_panel li .thumb .absent .more { background-image: url(../../images/contents/default_absent.gif); }


/************************************************************
    LCMS - Book
*************************************************************/
.bookInfo_head   { min-height: 100px; border-top: 1px solid #c2c7cb; padding-top: 10px; position: relative; margin-bottom: 10px; }
.bookInfo_head .bt  { position: absolute; top: 10px; right: 0; z-index: 10; }
.bookInfo_head figure  { margin-right: 130px; padding-left: 90px; position: relative; }
.bookInfo_head figure img  { width: 75px; height: 100px; -ms-interpolation-mode: bicubic !important; border: 1px solid #dde0e3; position: absolute; top: 0; left: 0; }
.bookInfo_head figcaption  { font-size: 1.3em; padding-top: 5px; }


/************************************************************
    LCMS - Client Program
*************************************************************/
.release_Edit    { background-color: #eef3f7; border: 1px solid #dde0e3; padding: 5px 20px; position: relative; margin-bottom: 10px; }
.release_Edit > div   { margin: 10px 0; }
.release_Edit > div *  { vertical-align: middle; }
.release_Edit > div .form_container ,
.release_Edit > div .periodDate  { display:inline-block; *display:inline; *zoom:1; } 
.release_Edit > div input[type='text']   { height: 37px; line-height: 37px; padding: 0 10px; background-color: #fff; border: 1px solid #cbcfd2; border-radius: 10px; font-size: 1.2em; margin-right: 3px; }
.release_Edit textarea   { height: 150px; background-color: #fff; border: 1px solid #cbcfd2; border-radius: 10px; font-size: 1.15em; color: #4c4c4c; resize:none; padding: 10px;  line-height: 1.3em; overflow: auto; }
.release_Edit .form_container .ui-selectmenu-button span.ui-selectmenu-text { padding: 0.7em 2.1em 0.7em 1em; }
.release_Edit > div .periodDate input  { margin: 1px 0 0; } 
.release_Edit > div .periodDate .ui-datepicker-trigger  { margin-left: -25px; } 
.release_Edit .bt_add  { position: absolute; bottom: 10px; right: 10px; z-index: 10; } 
@-moz-document url-prefix() { 
    .release_Edit > div .periodDate input  { margin-right: 5px; }
    .release_Edit > div .periodDate .ui-datepicker-trigger  { left: -5px; position: relative; }
}

.release_listWrap  { }
.release_listWrap > article  { min-height: 125px; background-color: #f7f7f7; border: 1px solid #dde0e3; position: relative; padding: 20px 290px 20px 20px; }
.release_listWrap .releasePanel  { }
.release_listWrap .releasePanel .info  { width: 100%; display: table; font-size: 1.2em; }
.release_listWrap .releasePanel .info li  {float: left; border-left: 1px solid #d6d6d6; padding: 0 10px; }
.release_listWrap .releasePanel .info li:first-child  { border-left: none; padding-left: 0; }
.release_listWrap .releasePanel .history  { min-height: 80px; padding: 15px; background-color: #fff; border: 1px solid #d2d2d2; margin-top: 7px; line-height: 1.5em; } 

.release_listWrap .releaseState { width: 270px; height: 100%; border-left: 1px solid #dde0e3; position: absolute; top: 0; right: 0; text-align: center; }
.release_listWrap .releaseState > div  { width: 135px; margin: 20px auto; font-size: 1.2em; }
.release_listWrap .releaseState .state  { font-weight: bold; }
.release_listWrap .releaseState .download  { height: 40px; line-height: 40px; border: 1px solid #ececec; border-width: 1px 0; margin: 10px 0; color: #2c99de; font-weight: bold; text-align: right; background: url(../../images/ico/ico_download.png) no-repeat 3px 55%;  }
.release_listWrap .releaseState .bt_toggleRelease  { width: 120px; height: 30px; background: url(../../images/btn/btn_release_2.png) no-repeat; display: inline-block; } 
.release_listWrap .releaseState .bt_toggleRelease.stop  { background-image: url(../../images/btn/btn_close.png); } 

.bt_moreView   { width: 100%; height: 60px; line-height: 65px; text-align: center; margin: 10px 0; background-color: #f7f7f7; border: 1px solid #dde0e3; -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05) inset; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05) inset; }


/************************************************************
    popup
*************************************************************/
.bt_popFrameclose  { width: 30px; height: 30px; display: inline-block; background: url(../../images/btn/btn_popClose.png) no-repeat; position: absolute; top: 50%; right: 15px; z-index: 10; margin-top: -15px; }
[id^='popupWrap_']   { margin: 0 auto; }
[id^='popupWrap_'] header  { min-height: 20px; padding: 20px; background-color: #0075be; position: relative; }
[id^='popupWrap_'] header h3  {/* color: #bcdcf6;*/ color: #fff; font-size: 1.8em; }
[id^='popupWrap_'] header h3 em  { color: #fff; background: url(../../images/contents/tit_bar.png) no-repeat 0 12px; padding-left: 13px; margin-left: 7px; }
[id^='popupWrap_'] .pop_container  { padding: 25px; background-color: #fff; }
[id^='popupWrap_'] .pop_container:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } 
[id^='popupWrap_'] .pop_container .addtxt   { font-size: 1.3em; color: #979797; line-height: 1.4em; }
[id^='popupWrap_'] .pop_container .addtxt a  { color: #2c99de; border-bottom: 1px solid #2c99de; padding-bottom: .05em; }
[id^='popupWrap_'] .pop_container .pop_inputSearch   { background-color: #eef3f7; border: 1px solid #dde0e3; padding: 15px; color: #979797; margin: 10px 0; position: relative; } 


.pop_inputSearch .btnType_grayLight { width: 75px; height: 35px; position: absolute; top: 15px; right: 15px; z-index: 5; font-size: 1.3em;  }
.pop_inputSearch input[type='file']  { width: 97%; height: 35px; line-height: 35px;  font-size: 1.2em; text-align: left; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .pop_inputSearch input[type='file']    { height: 33px; background-color: #fff; border: 1px solid #cbcfd2; border-radius: 10px; padding: 0 5px; }
    .pop_inputSearch input[type='file']::-webkit-file-upload-button { float: right; position: relative; top: 0px; right: 0px; }
}
@-moz-document url-prefix() { 
    .pop_inputSearch input[type='file']    { height: 33px; background-color: #fff; border: 1px solid #cbcfd2; border-radius: 10px; padding: 0 5px; } 
} 
@media \0screen {   /*    ie8 대응   */
    .pop_inputSearch input[type='file']    { height: 35px; background-color: #fff; border: 1px solid #cbcfd2; border-radius: 10px; padding: 0 5px; }
}
.pop_inputSearch input[type='file']::-ms-value   { background-color: #fff; border: 1px solid #cbcfd2; border-radius: 10px; padding: 0 5px;  }
.pop_inputSearch input[type='file']::-ms-browse  { background-color: transparent; border: none; } 


/*     Layer iframe popup     */
.popupFrame    { position: relative; opacity: 0; }    

/*   Excel Import    */
#popupWrap_excel    { width: 500px; }   

/*   class 미배정 학생    */
#popupWrap_unassign    { width: 500px; }   
#popupWrap_unassign .table_listType   { height: 520px; overflow: auto; padding-right: 5px; margin-right: -5px;  }  
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #popupWrap_unassign .table_listType   { height: 507px; }  
} 
#popupWrap_unassign .table_listType thead th   { background-color: #eef3f7; padding: 5px; }  
[id^='popupWrap_'] .table_listType  { 
    scrollbar-highlight-color: #fff;
    scrollbar-face-color: #e5e5e5;
    scrollbar-track-color: #fff;
    scrollbar-shadow-color: #fff; 
    scrollbar-arrow-color: #e5e5e5; 
}  
[id^='popupWrap_'] .table_listType::-webkit-scrollbar { width: 10px; height: 5px; }  
[id^='popupWrap_'] .table_listType::-webkit-scrollbar-track { background: #fff; }
[id^='popupWrap_'] .table_listType::-webkit-scrollbar-thumb {width: 10px; height: 5px; background:#e5e5e5; border-radius: 10px; } 

/*   Class Setting     */
#popupWrap_classSetting    { width: 980px; }  
#popupWrap_classSetting .addtxt    { font-size: 1.3em; color: #a7a7a7; margin-bottom: 10px; }  
.classAssign_Wrap   { position: relative; }
.classAssign_Wrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.classAssign_Wrap .btnarea  { width: 8%; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -15px; z-index: 10; line-height: 0;  }
.classAssign_Wrap .btnarea button  { margin-bottom: 10px; }
.classAssign_Wrap [class^='assignPanel_']   { position: relative; }
.classAssign_Wrap .assignPanel_left   { width: 49%; float: left; }
.classAssign_Wrap .assignPanel_right   { margin-left: 59%; }
.classAssign_Wrap .search_Wrap   { border-color: #dde0e3; }
.classAssign_Wrap .table_listType    { overflow: auto; overflow-x: hidden; padding-right: 5px; margin-right: -5px; }
.classAssign_Wrap .assignPanel_left .table_listType   { height: 452px; }
.classAssign_Wrap .assignPanel_right .table_listType   { height: 370px; } 
.classAssign_Wrap .table_listType thead th   { background-color: #eef3f7; padding: 5px; font-size: 1em; } 
.classAssign_Wrap .table_listType tbody td  { min-height: 30px; padding: 5px; } 
.classAssign_Wrap .table_listType tbody td p  { min-height: 30px; } 
.classAssign_Wrap .inputForm input[type='checkbox'] + label   { padding-left: 0; } 
.classAssign_Wrap .class_info   { height: 41px; border: 1px solid #dde0e3; background-color: #eef3f7; padding: 15px 10px; margin-bottom: 10px; } 
.classAssign_Wrap .class_info .className   { font-size: 1.6em; margin-bottom: 7px; } 
.classAssign_Wrap .class_info .info   { line-height: 14px; } 
.classAssign_Wrap .class_info .info time  { display: inline-block; border-left: 1px solid #ccc;  padding-left: 10px; margin-left: 5px; } 
.classAssign_Wrap .comment   { padding-right: 120px; position: relative; color: #a7a7a7; font-size: 1.2em; line-height: 1.3em; margin-top: 15px; } 
.classAssign_Wrap .comment em  { color: #2d9be1; border-bottom: 1px solid #2d9be1; padding-bottom: .05em; } 
.classAssign_Wrap .comment a   { position: absolute; top: 5px; right: 0; z-index: 5; } 

/*   Students Portfolio    */
#popupWrap_portfolio    { width: 800px; }  
#popupWrap_portfolio .pop_container    { padding: 25px 0; }  
.portfolio_slideView   { width:100%; min-height:580px; position:relative; } 
.portfolio_slideView .progInfo  { min-height: 40px; position: relative; margin: 0 20px 15px; } 
.portfolio_slideView .progInfo .book  { font-size: 1.3em;  }
.portfolio_slideView .progInfo .book *  { display:inline-block;  } 
.portfolio_slideView .progInfo .book time  { font-size: .8em; color: #a9b1b7; margin-left: 5px;  }  
.portfolio_slideView .progInfo .tit   { font-size: 1.1em; margin-top: 5px; }
.portfolio_slideView .progInfo .tit time  { min-height: 20px; line-height: 18px; display: inline-block; background: url(../../images/btn/btn_datepicker.png) no-repeat 0 0; padding-left: 23px; font-weight: bold; }
.portfolio_slideView .progInfo .tit span  { display: inline-block; font-size: 1.1em; } 
.portfolio_slideView .progInfo .tit span:before  { content: " - " } 
.portfolio_slideView .progInfo .bt_download  { width: 40px; height: 40px; display: inline-block; background: url(../../images/btn/btn_download.png) no-repeat; position: absolute; right: 50px; top: 30px; z-index: 20; } 

.portfolio_slideView .sliderkit-panels  { width: 700px; height:450px; margin: 0 auto; position: relative; overflow: hidden; }
.portfolio_slideView .sliderkit-panel    { width:100%; height:450px; overflow: hidden; text-align: center; position: absolute; }
.portfolio_slideView .sliderkit-panel p   { width: 700px; height:450px; display: table-cell; vertical-align: middle; }
.portfolio_slideView .sliderkit-panel p img  { max-width:100%; max-height:100%; -ms-interpolation-mode:bicubic !important;  }

.portfolio_slideView .sliderkit-nav  { width: 100%; text-align: center; position: relative; left: 0; bottom: 0; z-index: 10; margin-bottom: 15px; }
.portfolio_slideView .sliderkit-nav .sliderkit-nav-clip  { width: 100%; overflow:hidden; margin: 0 auto; position:relative; }
.portfolio_slideView .sliderkit-nav .sliderkit-nav-clip li   { float: left; width: 18px; }
.portfolio_slideView .sliderkit-nav .sliderkit-nav-clip li a   { width: 8px; height: 8px; display: block; border-radius: 50%; background-color: #d3d9de; }
.portfolio_slideView .sliderkit-nav .sliderkit-nav-clip .sliderkit-selected a   { background-color: #2c9adf; }  

.portfolio_slideView .sliderkit-btn   { width: 40px; height: 100px; position: absolute; top: 50%; z-index: 30; margin-top: -70px; background-repeat: no-repeat; background-position: 50% 50%; }
.portfolio_slideView .sliderkit-btn a   { display: block; width: 100%; height: 100%; }
.portfolio_slideView .sliderkit-go-prev { left: 10px; background-image: url(../../images/btn/btn_arrowPrev_v.png); }
.portfolio_slideView .sliderkit-go-next { right: 10px; background-image: url(../../images/btn/btn_arrowNext_v.png); }
.portfolio_slideView .sliderkit-btn-disable { opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity:.3; }
.portfolio_slideView .sliderkit-btn-disable a { cursor: default; }

.portfolio_slideView .sliderkit-count { position: relative; text-align: center; font-size: 1.3em; margin-top: 10px; } 
.portfolio_slideView .sliderkit-count .file   { display: inline-block; }
.portfolio_slideView .sliderkit-count .sliderkit-count-current   { color: #028be1; font-weight: bold; }
.portfolio_slideView .sliderkit-count .sliderkit-count-sep   { color: #cdd2d7; } 

/*   LCMS - Lesson List & Info   */
#popupWrap_lessonList    { width: 980px; }  
.form_lessonDepth   {  }
.form_lessonDepth .btnEdit  { text-align: right; background-color: #f8f8f8; border: 1px solid #dde0e3; padding: 7px 10px 5px; -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1) inset; margin-bottom: 10px; }
.form_lessonDepth tbody th  { padding: 10px 15px; font-size: .9em; background-color: #f8f8f8; } 
.form_lessonDepth .inputForm label  { padding: 0 !important; margin: 0 !important; }
.form_lessonDepth .formAdd    { margin-top: 10px; } 
.form_lessonDepth .formAdd img   { width: 75px; height: 100px; }
.form_lessonDepth .txt    {  } 
#popupWrap_lessonList .table_viewType .txt .btnType_gray   { min-width: 100px; margin-left: 10px; }  



/*    [ie8] 이하 버전 접속 체크 안내문 popup     */
#BrowserCheck_pop    { width: 100%; height: 100%; background: url(../../images/contents/opacity_black_80.png) repeat; text-align: center; position: absolute; top: 0; right: 0; z-index: 100; }
#BrowserCheck_pop > div   { margin: -110px auto 0; position: relative; top: 50%; }
#BrowserCheck_pop .btn_close   {  position: absolute; top: 40px; right: 50px; z-index: 10; }
#BrowserCheck_pop p    { color: #fff; font-size: 2em; line-height: 1.8em; margin-bottom: 20px; }
#BrowserCheck_pop p em   { color: #ffe56e; border-bottom: 1px solid #ffe56e; padding-bottom: .08em; }



/************************************************************
    Login
*************************************************************/
#login_wrap    { width: 420px; margin-top: -60px; }
#login_wrap h1    { text-align: center; margin-bottom: 15px; }
#login_wrap .input    { position: relative; }
#login_wrap .input input   { width: 270px; height: 60px; line-height: 60px; padding: 0 15px; background-color: #f1f1f1; border-radius: 5px; border: 1px solid #cdcdcd; border-width: 1px 0 0 1px; font-size: 1.9em; margin-bottom: 10px; } 
#login_wrap .input .placeholder   { color: #aeaeae; }
#login_wrap .input input::-webkit-input-placeholder  { color: #aeaeae; }
#login_wrap .input input::-moz-placeholder  { color: #aeaeae; }
#login_wrap .input input:-ms-input-placeholder  { color: #aeaeae; }
#login_wrap .input input:focus   { background-color: #e4e4e4; }
#login_wrap .input .bt_login   { position: absolute; top: 0; right: 0; z-index: 5; display: inline-block; }
#login_wrap .logKeep   { font-size: 1.45em; position: relative; }
#login_wrap .logKeep *   { vertical-align: middle; }
#login_wrap .logKeep input  { width: 40px; height: 40px; background-color: transparent; position: absolute; top: 10px; left: 0; z-index: 5; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity:0; }
#login_wrap .logKeep label  { min-width: 40px; height: 40px; line-height: 40px; display: inline-block; background: transparent url(../../images/ico/ico_checkbox.png) no-repeat 0 0; padding-left: 45px; }
#login_wrap .logKeep input:checked + label  { background-position: 0 -40px; } 



/************************************************************
    Index
*************************************************************/  
.viewOption   { margin: 30px 20px 20px; text-align: right; } 

/*   기관 리스트 - 썸네일 Type   */
.campus_thumbList   { width: 100%; display: table; }
.campus_thumbList li   { float: left; width: 150px; min-height: 250px; margin: 0 15px; text-align: center; }
.campus_thumbList li a   { display: block; font-size: 1.2em; color: #aaa;  line-height: 1.3em; } 
.campus_thumbList .campus   { width: 150px; height: 150px; line-height: 0; overflow: hidden; display: table-cell; vertical-align: middle; border: 1px solid #dde0e3; border-radius: 5px; }
.campus_thumbList .campus img   { width: 100%; max-height: 100%; -ms-interpolation-mode:bicubic !important; }
.campus_thumbList .sub   { margin-top: 5px; }
.campus_thumbList li a:hover .campus  { border-color: #2d9de3; }
.campus_thumbList li a:hover .sub   { color: #666; }
.campus_thumbList .addCampus   { width: 150px; height: 150px; line-height: 160px; border-radius: 5px; border: 2px dashed #c0c7cc; }