@charset "utf-8"; 

/*********************************************
*  공통
*********************************************/   
.wrap_Sam a  { cursor:pointer; } 
.wrap_Sam button { background-color:transparent; border:none; display:inline-block; cursor:pointer; }

.wrap_Sam   { min-width: 1000px; background: url(../images/bg.jpg) repeat-x #4f5868; }
.wrap_Sam .wrap_head  { position: relative; padding: 20px 0 0 25px; }
.wrap_Sam .wrap_head .bt_guide    { position: absolute; top: 25px; right: 25px; z-index: 10; }

#sam_container    { width: 870px; min-height: 680px; padding-top: 33px; margin: 30px auto 0; position: relative; background: url(../images/pad.png) no-repeat; text-align: left;  } 
#sam_container .description_txt   { margin-left: 25px; } 

#main_container   { width: 690px; min-height: 435px; margin: 0 90px 65px; position: relative; }

.lesson_click   { width: 200px; height: 130px; overflow: hidden; background: url(../images/bt_lesson.png) no-repeat; display: block; position: absolute; z-index: 20; }  
.twinkle   {  width: 30px; height: 30px; overflow: hidden; display: inline-block; background: url(../images/twinkle.png) no-repeat; position: absolute; z-index: 5; }
.ico_click   {  width: 55px; height: 85px; overflow: hidden; display: inline-block; background: url(../images/ico_click.png) no-repeat; position: absolute; z-index: 5; }

.swiper-scrollbar {
    border-radius: 5px;
    background: rgba(0,0,0,0);
    width: 5px; 
    position: absolute; 
    z-index: 1;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,0.1);
    border-radius: 5px;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px 0px rgba(255, 255, 255, .7);
}

.sub_head    { height: 40px; line-height: 40px; background: url(../images/top_bar_1.jpg) no-repeat; color: #fff; font-size: 1.3em; text-align: center; position: relative; }
.sub_head a     { display: inline-block; position: absolute; left: 10px; top: 7px; z-index: 5; }
.sub_head .close    { left: auto; right: 5px; top: 4px;  }


.sub_planCnt    { width: 670px; margin: 0 auto; } 
.sub_planCnt h3    { height: 45px; font-size: 1.3em; color: #000; position: relative; } 
.sub_planCnt h3 em   { display: inline-block; padding-top: 19px; font-family:NanumGothicWebBold; } 
.sub_planCnt h3 em.txt   { color: #777; } 
.sub_planCnt h3 .link   { display: inline-block; position: absolute; top: 7px; right: 0px; z-index: 5; } 
.sub_planCnt h3 .link *  { display: inline-block; margin: 0 1px; }  
.sub_planCnt h3 [class^='bt_select']   { min-width: 80px; height: 30px; line-height: 30px; padding: 0 10px; display: inline-block; color: #fff; text-align: center; background-color: #15a0d9; font-size: .9em; } 
.sub_planCnt h3 [class^='bt_select'] *  {vertical-align: middle; } 
.sub_planCnt h3 .bt_select_All   { background-color: #b2c3ca; } 
.sub_planCnt h3 .bt_select_All i  { width: 22px; height: 22px; display: inline-block; background:url(../images/ico_checkbox.jpg) no-repeat; margin:-2px 3px 0 -3px; } 
.sub_planCnt h3 .bt_select_All.check i  { background-position: 0 -22px; } 
.sub_planCnt h3 .bt_select_lesson   { min-width: 100px; } 
.sub_planCnt h3 .bt_select_lesson small  { min-width: 10px; height: 15px; line-height: 17px; padding: 0 5px; display: inline-block; background-color: #f25d32; font-size: 9px; border-radius: 15px; margin: -2px -3px 0 3px; } 
.sub_planCnt h3 .bt_select_lesson:disabled  { background-color: #b2c3ca; } 



/*********************************************
*  intro
*********************************************/ 
.samNote_Main  { margin-top: 30px; }
.samNote_Main > .sliderkit-go-btn {position:absolute;top:50%;z-index:10; width:60px;height:60px; margin-top:-70px; text-align:center; }
.samNote_Main > .sliderkit-go-prev {left:10px;}
.samNote_Main > .sliderkit-go-next{right:10px;} 
.samNote_Main > .sliderkit-go-btn a {display:block; margin:0 auto; width:60px;height:60px; overflow:hidden; background-repeat:no-repeat; background-image:url(../images/btn_arrow.png); } 
.samNote_Main > .sliderkit-go-prev a  {background-position:0 -60px; }
.samNote_Main > .sliderkit-go-next a  {background-position:0 0; }
.samNote_Main > .sliderkit-btn-disable a {opacity:0 ;cursor:default;}
.samNote_Main > .sliderkit-go-btn span  {display:none;}
.samNote_Main .sliderkit-panels     { width: 100%; height: 685px; overflow: hidden; position: relative;  margin: 0 auto; text-align: center; }
.samNote_Main .sliderkit-panels .sam_Cnt   { width: 870px; margin: 0 auto; }
.samNote_Main .sliderkit-panels .sliderkit-panel   { width: 870px; height: 685px; position: absolute; background: url(../images/pad.png) no-repeat; text-align: left; }
.samNote_Main .sliderkit-panels .sliderkit-panel .img   { min-height: 435px; margin-bottom: 70px; padding: 33px 90px 0;   }
.samNote_Main .sliderkit-panels .sliderkit-panel .img img   { max-width: 100%; -ms-interpolation-mode:bicubic !important; }
.samNote_Main .sliderkit-panels .sliderkit-panel .txt   { margin-left: 20px; }
.samNote_Main .sliderkit-panels .sliderkit-panel [class*='slide_next_']   { position: absolute; z-index: 10; cursor: pointer; overflow: hidden;  } 
.samNote_Main .sliderkit-panels .sliderkit-panel .slide_next_1   { width: 410px; height: 170px; top: 225px; left: 410px; background: url(../images/step01_next.png) no-repeat; } 
.samNote_Main .sliderkit-panels .sliderkit-panel .slide_next_2   {width: 105px; height: 85px;  top: 410px; right: 100px;  background: url(../images/step02_next.png) no-repeat;  } 
.samNote_Main .sliderkit-panels .sliderkit-panel .slide_next_2_1  { top: 630px; right: 25px;  }
.samNote_Main .sliderkit-panels .sliderkit-panel .slide_next_3   { width: 155px; height: 80px;  top: 410px; right: 110px; background: url(../images/step03_next.png) no-repeat;  }
.samNote_Main .sliderkit-panels .sliderkit-panel .slide_next_3_login   { width: 375px; height: 85px;  top:260px; left: 335px; background: url(../images/step03_login.png) no-repeat;  }



/*********************************************
* main
*********************************************/ 
.mainImg   {  }
.mainImg #main_container    {  background: url(../images/main_img.jpg) no-repeat; }
.mainImg #main_container .lesson_click   { top: 330px; right: 20px; } 

.bottom_blur   { width: 100%; height: 35px; background: url(../images/bottom_blur.png) repeat-x bottom left; position: absolute; bottom: 0; left: 0; z-index: 2; } 

[class^='main_link_']    { position: absolute; z-index: 20; }
.main_link_1    { top: 165px; left: 19px; }
.main_link_2    { top: 54px; right: 18px; }  
.main_link_3    { top: 70px; right: 5px; }  
.main_link_1 .twinkle    { top: 10px; left: -15px; }
.main_link_2 .twinkle   { top: 10px; right: -15px; }

.main_planCnt   { width: 420px; margin: 0 0 0 135px; padding-top: 53px; position: relative; }
.main_planCnt .twinkle   { top: 40px; right: 35px; }
.main_planCnt h3   { color: #fff; font-size: 1.3em; margin: 15px 0 5px 10px; line-height: 1.2em; }
.main_planCnt h3 a   { color: #fff; display: block; }
.main_planCnt h3 time   {display: block; color: #c1c2c5; font-size: .9em; } 

.main_planCnt .plan_table   { height: 298px; background-color: #fff;font-size: 1.1em;   }
.main_planCnt .plan_table table th,
.main_planCnt .plan_table table td  { padding: 10px 5px; } 
.main_planCnt .plan_table .blank   { background-color: #323a45 !important; } 
.main_planCnt .plan_table .swiper-slide   { padding-bottom: 20px;} 

.go_intro_prev   { position: absolute; top: 50%; left: 10px; z-index: 10;  margin-top: -70px; text-align: center; z-index: 50; } 
.go_intro_prev a  { display:block; width:60px;height:60px; overflow:hidden; background-repeat:no-repeat; background:url(../images/btn_arrow.png) no-repeat 0 -60px; } 



/*********************************************
*  교육계획안
*********************************************/ 
.PlanCnt     {   }
.PlanCnt #main_container   { background-color: #e8ebf0; }
.PlanCnt #main_container .lesson_click   { bottom: -40px; right: -110px; }
.PlanCnt .sub_head a   { height: 24px; }
.PlanCnt .sub_planCnt h3 .link .ico_click  { top: 0px; right: 50px; } 

/*    교육계획안 table     */
mark.multi    { height: 18px; line-height: 18px; display: inline-block; text-align: center; color: #fff; font-size:9px; padding: 0 5px; background-color: #5babe0; margin-right: 2px; border-radius: 3px; }
.plan_table   { position: relative; overflow: hidden; color: #444;  }
.plan_table table  { width: 100%;  }
.plan_table table th  { background-color: #fafafa; }
.plan_table table th.tit  { background-color: #fff; text-align: center; }  
.plan_table table td  { background-color: #fff; }
.plan_table table th,
.plan_table table td  { padding: 10px 5px; border: 1px solid #dee0e2; vertical-align: middle; } 
.plan_table table td:hover  { background-color: #e5e8ef; } 
.plan_table .swiper-scrollbar  { height: 300px; right: 3px;  top: 10px; }
.plan_table .blank    { height: 7px;border: none; padding: 0 !important; } 

.sub_planCnt .plan_table   { height: 350px; font-size: 1.2em; } 
.sub_planCnt .plan_table table th,
.sub_planCnt .plan_table table td  { padding: 10px; } 
.sub_planCnt .plan_table .blank   { background-color: #e8ebf0 !important; } 
.sub_planCnt .plan_table .swiper-slide   { padding-bottom: 10px;} 



/*********************************************
*  교육계획안 - 활동안 상세보기
*********************************************/ 
.Detail #main_container   { background-color: #fff; }
.Detail .lesson_click   { bottom: -40px; right: -110px;  }
.Detail .sub_planCnt   { width: 690px; margin-top: 10px; }
.Detail .sub_head a  { line-height: 0; }

.plan_activeLeft   { float: left; width: 150px; height: 385px; margin-left: 10px; position: relative; z-index: 20; overflow: hidden; }
.side_active_tab   { height: 35px; line-height: 35px; color: #fff; font-size: 1.3em; background: url(../images/bullet.gif) no-repeat 92% 48% #b2c3ca; padding:0 20px 0 12px; cursor: pointer; margin-bottom: 5px; }
.side_active_tab.on   { background-color: #5babe0; }

.side_active_list   { background-color: #fafafa; border: 1px solid #e8ecf1; }
.side_active_list h4  { background: url(../images/line.gif) no-repeat bottom center; padding: 10px; font-size: 1.1em; color: #888; position: relative;  }
.side_active_list h4 em { min-width: 10px; height: 15px; line-height: 15px; padding: 0 5px; display: inline-block; text-align: center; font-size: 10px; color: #fff; background-color: #d2d2d2; border-radius: 10px; position: absolute; top: 10px; right: 10px; }
.side_active_list h4.on    { color: #000; }
.side_active_list h4.on em  { background-color: #5babe0; }
.plan_activeLeft .plan_activeSide_scroll    { width: 145px; height: 307px; overflow: hidden; position: relative; margin: 0 auto; padding-right:5px;  }
.plan_activeLeft .plan_activeSide_scroll .swiper-scrollbar  { height: 150px; right: 5px;  top: 5px; } 


.plan_activeSide_scroll   { width: 505px; height: 385px; overflow: hidden; margin-left: 170px; position: relative; padding-right: 15px; }
.plan_activeSide_scroll .swiper-scrollbar  { height: 380px; right: 5px;  top: 5px; }
.plan_activeSide_scroll .swiper-slide  { padding-bottom: 10px; }
.plan_activeSide_scroll table  { width: 100%; min-width: 505px; }
.plan_activeSide_scroll table th  { background-color: #fafafa; text-align: center; color: #000; }
.plan_activeSide_scroll table td  {  }
.plan_activeSide_scroll table th,
.plan_activeSide_scroll table td  { padding: 10px 5px; border: 1px solid #dee0e2; vertical-align: middle; }  

.plan_activeSide_view   { width: 520px; height: 385px; overflow: hidden; margin-left: 170px; position: relative; } 
.plan_activeSide_view .Detail_viewWrap { width: 510px; height: 385px;  padding-top: 0px; }
.plan_activeSide_view .Detail_viewWrap iframe  { width: 510px; height: 385px;  } 

.plan_activeSide_view .video .mejs-container.mejs-video .mejs-time-rail { width:400px !important; }   /*   비디오일 경우    */ 
.plan_activeSide_view .video .mejs-container.mejs-video .mejs-time-total {width:390px !important; } 



/*********************************************
*  수업모드
*********************************************/ 
.LessonCnt    {  }
.LessonCnt #main_container    { background-color: #fff;  overflow: hidden;  }
.LessonCnt .description_txt    { height: 120px; overflow: hidden; }
.LessonCnt .description_txt.aside img ,
.LessonCnt .description_txt.aside.play img   {margin-top: -120px; }
.LessonCnt .description_txt.play img   {margin-top: -240px; }
.LessonCnt .description_txt.blind img   {margin-top: -360px; }

.lesson_head    { width: 100%; height: 40px; line-height: 40px; background:#0d1a2a; color: #cacaca; font-size: 1em; text-align: center; position: absolute; top: 0; left: 0; z-index: 50; }
[class^='btn_Cont_']    {  display: inline-block; position: absolute;  z-index: 5; line-height: 0; }
.lesson_head .btn_Cont_list    { left: 5px; top: 2px; }
.lesson_head .btn_Cont_close    { right: 5px; top: 2px; }
.lesson_head .btn_Cont_dim    { right: 40px; top: 2px; } 


/*   left 활동자료 리스트    */
#aside_dataWrap    {  width: 160px; height: 405px; position: absolute; top: 25px; left: -200px;  z-index: 40; padding-top: 10px;  background:#fff;  } 
#aside_dataWrap .shadow    { width: 15px; height: 100%; padding-top: 10px; background:url(../images/aside_shadow.png) repeat-y; position: absolute; top: 0px; right: -15px;  } 
#aside_dataWrap .tab_bottom    {  position: absolute; bottom: 0px; left:0px; z-index: 10; } 
.aside_dataCnt   {  height:370px; position: relative; overflow: hidden; top: 0px; left: 5px;padding-bottom: 10px; }
.aside_dataCnt .swiper-wrapper { width:100%; position:relative; }
.aside_dataCnt .swiper-slide  {  }
.aside_dataCnt .swiper-scrollbar  { height: 360px; right: 7px;  top: 15px; }

.aside_dataCnt dl  { width: 145px;  background:#fff; padding: 10px 5px 5px 0; }
.aside_dataCnt dt  { background:#c9d5e5; margin:0 0 5px 0; cursor: pointer; position: relative;  }
.aside_dataCnt dt p  {min-height: 14px; padding: 7px 20px 6px 5px; line-height: 1.2em; background-image:url(../images/ico_up.gif); background-repeat: no-repeat; background-position: 100% 48%; color: #000;  text-align: left; font-size: 1em; vertical-align: middle;  }
.aside_dataCnt dt.off p  { background-image: url(../images/ico_down.gif); } 
.aside_dataCnt dt .ico_click  { top:-2px; right: -19px; } 

.data_aside  { width: 125px; position: relative; text-align: center; margin: 10px auto 15px; } 
.data_aside > img   { width: 100%; height:95px; -ms-interpolation-mode:bicubic !important; border-radius: 5px; border: 1px solid #e4e4e4; cursor: pointer; }  
.data_aside h6   { color: #777; overflow:hidden; text-align: left; font-size: 1em; } 
.data_aside.current > img   { border-color:#00aacb; -webkit-box-shadow: 0px 0px 7px 1px rgba(0,170,203,.8);  box-shadow: 0px 0px 7px 1px rgba(0,170,203,.8); }
.data_aside mark   { position: absolute; top: 0; left: 0; z-index: 5; }
.data_aside mark img  {border-radius: 3px; } 

/*    상세보기    */
#main_container .mejs-overlay-loading {background: none; }  
#main_container .mejs-overlay-button  { width: 230px; height: 130px; background-image:url(../images/play_click.png); } 
.lesson_video {width: 690px; height:395px; position: absolute; top: 40px; left: 0; z-index: 20;  }   

[class^='btn_arrow_']   { display: inline-block; width: 45px; height: 45px; overflow: hidden; background-image:url(../images/btn_arrow_view.png); background-repeat: no-repeat; position: absolute; z-index: 30; top: 50%; margin-top: -10px; }
.btn_arrow_prev    { left:10px; background-position: 0 0; }
.btn_arrow_next    { right:10px; background-position: 0 -45px; }

.Detail_viewWrap    { width: 690px; height: 395px; position: relative; overflow: hidden; padding-top: 40px; z-index: 5;  }
.Detail_viewWrap > .swiper-wrapper   { width: 100%; position: relative; }
.Detail_viewWrap > .swiper-wrapper > .swiper-slide  { float: left; width: 100%; text-align: center;  } 
.Detail_viewWrap .swiper-slide .img  { height: 395px;  vertical-align: middle; cursor: move; cursor: -webkit-grab; }
.Detail_viewWrap .swiper-slide .img img  { max-width: 100%; max-height: 100%; vertical-align: middle;  } 
.Detail_viewWrap .video  {width: 100%; height:395px; position: relative; }   

.Detail_viewWrap [class^='poster_']  { text-align: center; position: relative; } 
.Detail_viewWrap [class^='poster_'] img  { width: 100%; height:395px; -ms-interpolation-mode:bicubic !important;  cursor: pointer; } 
.Detail_viewWrap [class^='poster_'] .play_click  { width: 230px; height: 130px; background:url(../images/play_click.png) no-repeat; display: inline-block; position: absolute; top: 50%;left: 50%; margin: -44px 0 0 -47px; cursor: pointer; } 

/*.Detail_viewWrap > .swiper-wrapper > .swiper-slide .img  { height: 395px;  vertical-align: middle; cursor: move; }
.Detail_viewWrap > .swiper-wrapper > .swiper-slide .img img  { max-width: 100%; max-height: 100%; vertical-align: middle;  }

.Detail_viewWrap > .swiper-wrapper > .swiper-slide > .swiper-container    {width: 560px; height: 395px; position: relative; overflow: hidden; margin: 0 auto; }
.Detail_viewWrap > .swiper-wrapper > .swiper-slide > .swiper-container .swiper-wrapper   { width: 100%; position: relative; }
.Detail_viewWrap > .swiper-wrapper > .swiper-slide > .swiper-container .swiper-wrapper .swiper-slide  { float: left; width: 100%; text-align: center;  }  */  

.Detail_viewWrap iframe  { width: 560px; height: 395px; overflow: hidden; margin: 0 auto; } 

.iFrame   { position: relative; }
.Detail_Content   {width: 100%; height: 395px; overflow: hidden; position: relative; }
.Detail_Content .swiper-wrapper { position:relative; width:100%; }
.Detail_Content .swiper-slide   { float: left; text-align: center;   }  
.Detail_Content .swiper-slide .img  { height: 395px;  vertical-align: middle; cursor: move; cursor: -webkit-grab; }
.Detail_Content .swiper-slide .img img  { max-width: 100%; max-height: 100%; vertical-align: middle;  } 
.Detail_Content .swiper-slide .swiper-container    {width: 100%; height: 395px; position: relative; overflow: hidden; margin: 0 auto; }
.Detail_Content .swiper-slide .swiper-container .swiper-wrapper   { width: 100%; position: relative; }
.Detail_Content .swiper-slide .swiper-container .swiper-wrapper .swiper-slide  { float: left; width: 100%; text-align: center;  } 
.Detail_Content .counter  { position: absolute;  bottom:15px; left: 50%; margin-left: -25px ; width: 45px; height: 20px; line-height: 20px; z-index: 20; padding: 0 10px; text-align: center; color: #fff; background:url(../images/opacity_black.png) repeat;  border-radius: 20px; border: 1px solid #6a6c77; }  
.Detail_Content .counter *  {display: inline-block; margin: 0 2px; }  
.Detail_Content .counter span {font-weight: bold; color: #fff; }  

#dim_wrap_board   { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background:url(../images/opacity_black02.png) repeat; z-index: 100; text-align: center; }
#dim_wrap_board p  { padding-top: 100px; }
#dim_wrap_board .btn_close  { position: absolute; top: 3px; right: 5px; z-index: 5; }


/*********************************************
*  활동자료
*********************************************/ 
.ActiveCnt  {   }
.ActiveCnt #main_container  { background-color: #e8ebf0; }
.ActiveCnt .description_txt    { height: 120px; overflow: hidden; }
.ActiveCnt .description_txt.lesson img   {margin-top: -120px; }

.active_head    { width: 100%; height: 40px; line-height: 40px; background:#0d1a2a; color: #fff; font-size: 1em; text-align: center; position: relative; }
.active_head a   { position: absolute; top: 3px; right: 5px; z-index: 5; line-height: 0;  } 

/*    left 구분   */
.aside_Active_wrap   { float: left; width: 130px; height: 350px; overflow: hidden; position: relative; overflow: hidden;   }
.aside_Active_wrap .swiper-wrapper { width:100%; position:relative; }
.aside_Active_wrap .swiper-slide  { padding-bottom: 10px; }
.aside_Active_wrap .swiper-scrollbar  { height: 300px; right: 0px;  top: 15px; }

.aside_Active_wrap dl  { position: relative; color: #000; margin-bottom:7px; font-size: 1.1em; } 
.aside_Active_wrap dl dt  { width: 40px; height: 100%; text-align: center; background-color: #f5f5f5; border: 1px solid #d9dcde; position: absolute; top: 0; left: 0; } 
.aside_Active_wrap dl[class^='tit_'] dt   {  display: table; } 
.aside_Active_wrap dl[class^='tit_'] dt p  {  vertical-align: middle; display: table-cell; } 
.aside_Active_wrap dl.tit_1 dt p  { height: 264px;  } 
.aside_Active_wrap dl.tit_2 dt p  { height: 110px;  } 
@media screen and (-webkit-min-device-pixel-ratio:0) {
.aside_Active_wrap dl.tit_1 dt p  { height: 258px;  } 
.aside_Active_wrap dl.tit_2 dt p  { height: 109px;  } 
}

.aside_Active_wrap dl.tit_2 dd  {  padding: 19px 7px;  } 
.aside_Active_wrap dl.extend dd  { padding: 10px; margin-left: 0;  }
.aside_Active_wrap dl dd  { padding: 10px 7px; background-color: #efefef;  border: 1px solid #d9dcde; cursor: pointer; margin:0 0 -1px 40px; }
.aside_Active_wrap dl dd.on  {  background-color: #fff;  }

/*    right 리스트      */ 
.aside_Active_Cnt    { margin-left: 129px; height: 350px;  }
.aside_Active_list    { padding:15px 20px; background-color: #fff; border: 1px solid #c5ccd0; }
.aside_Active_list h4   { font-size: 1.3em; font-family:NanumGothicWebBold; margin-bottom: 15px; color: #333; margin-left: 10px; } 
.aside_Active_list h4 *  { vertical-align: middle; margin-right: 5px; }

.aside_Active_list ul  { width: 100%; display: table;  }
.aside_Active_list ul li  { float: left; position: relative; margin: 0 10px; }
.aside_Active_list ul li .data_aside  { width: 110px; margin: 0px; }
.aside_Active_list ul li .data_aside > img  { height: 85px; }
.aside_Active_list ul li .data_aside h6  { margin-top: 3px; }
.aside_Active_list ul li .check  { display: none; width: 22px; height: 22px; background:url(../images/ico_checkbox.jpg) no-repeat; position: absolute; top: 10px; right: 10px; z-index: 5;  }
.aside_Active_list li .non .check  { display: inline-block; } 
.aside_Active_list li .current .check  { background-position: 0 -22px; } 



/*********************************************
* 교육 프로그램
*********************************************/ 
.ProgramMain   {  }
.ProgramMain #main_container    {  background: url(../images/program_img.jpg) no-repeat; }  

[class^='program_link_']    { position: absolute; z-index: 20; }
.program_link_1    { top: 243px; left: 9px; } 
.program_link_1 .twinkle    { top: 10px; left: -15px; } 
.program_link_2    { top: 5px; left: 10px; }

.ProgramCnt   { } 
.ProgramCnt #main_container    {  background: #e8ebf0; } 
.ProgramCnt .sub_head   { background-image: url(../images/top_bar_3.jpg); }
.ProgramCnt .sub_head a   { top: 0; padding-top: 7px; line-height: 0; }

.program_list_wrap    { height: 380px; overflow: hidden; padding: 10px 15px 5px 10px; position: relative; }
.program_list_wrap .swiper-scrollbar  { height: 200px; right: 5px; top: 10px; }  
.program_list_wrap .swiper-slide    { padding-bottom: 10px; }
.program_list_wrap article   { min-height: 75px; background-color: #fff; border: 1px solid #dbdbdb; padding: 15px; margin: 5px 0; position: relative; }
.program_list_wrap article.thisWeek   {  z-index: 5; box-shadow: 5px 8px 8px 1px rgba(0, 0, 0, .2); }
.program_list_wrap article > a  { display: block; }
.program_list_wrap article h5  { font-size: 1.3em; color: #333; margin-bottom: 10px; }
.program_list_wrap article h5 *  { vertical-align: middle; margin-right: 3px; }
.program_list_wrap article h5 .week  { min-width: 25px; height: 17px; line-height: 18px; padding: 0 5px; display: inline-block; background-color: #f5766e; text-align: center; color: #fff; font-size: 10px; border-radius: 4px; margin-top: -2px; }
.program_list_wrap article h5 mark  { min-width: 25px; height: 17px; line-height: 18px; padding: 0 5px; display: inline-block; background-color: #b9c4c9; text-align: center; color: #fff; font-size: 10px; border-radius: 4px; margin-top: -2px; }
.program_list_wrap article .cont .sort  { color: #4fc0e8 ; font-family:NanumGothicWebBold; background: url(../images/bullet_sub.gif) no-repeat 0 2px; padding-left: 15px; margin-bottom: 5px; }
.program_list_wrap article .refer_data  { position: absolute; top: 5px; right: 10px; z-index: 10; }
.program_list_wrap article .refer_data li   { float: left; margin: 0 7px; }
.program_list_wrap article .refer_data li .data_aside  { width: 100px; }
.program_list_wrap article .refer_data li .data_aside > img  { height: 80px; }



/*********************************************
* 테마별 자료실 
*********************************************/ 
.ThemeMain   {  }
.ThemeMain #main_container    {  background: url(../images/theme_img.jpg) no-repeat; }  

[class^='theme_link_']    { position: absolute; z-index: 20; }
.theme_link_1    { top: 51px; left: 10px; } 
.theme_link_1 .twinkle    { top: 10px; left: -15px; } 
.theme_link_2    { top: 5px; left: 10px; } 

.ThemeCnt   { } 
.ThemeCnt #main_container    {  background: url(../images/theme_listBg.jpg) no-repeat bottom center #fefefe; } 
.ThemeCnt .sub_head   { background-image: url(../images/top_bar_2.jpg); }
.ThemeCnt .sub_head a   { top: 0; padding-top: 7px; line-height: 0;  }

.theme_video_list    { }
.theme_video_list   { margin: 25px 0 0 55px; }
.theme_video_list li   { float: left; width: 160px;  position: relative; cursor: pointer; margin: 15px; }
.theme_video_list li h6  { text-align: left; font-size: 1.3em; color: #000; margin-top: 5px; }
.theme_video_list li .img   { line-height: 0; padding-bottom: 10px; background: url(../images/theme_book_mark.png) no-repeat bottom left; }
.theme_video_list li .img img  { width: 100%; height: 110px; -ms-interpolation-mode:bicubic !important; border-radius: 0 5px 5px 0; box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .2); border: 1px solid #aaa; }
.theme_video_list li mark  { position: absolute; top: 75px;left: 1px; z-index: 5; } 
.theme_video_list li .new   {width: 27px; height: 27px; display: inline-block; background: url(../images/ico_new.png) no-repeat; position: absolute; top: -8px; right: -11px; z-index: 5; }

#theme_video    {width: 690px; min-height: 435px; margin: 0 90px 65px; position: relative;   z-index: 50; background-color: #fff; }
#theme_video .head  { height: 40px; line-height: 40px; background: url(../images/top_bar_1.jpg) no-repeat; color: #fff; font-size: 1.3em; text-align: center; position: relative; }
#theme_video .head .btn_themeVideo_close     { display: inline-block; position: absolute; right: 5px; top: 4px; z-index: 5; }  
.theme_video .mejs-container .mejs-overlay-loading  {background:none; } 



/*********************************************
*  layer popup
*********************************************/ 
[id^='popWrap_']     { width: 100%; height: 100%; min-height: 800px; position: absolute; top: -2000px; left: 0; z-index: 100; text-align: center; background: url(../images/popupBg.jpg) repeat-x #fff; }
[id^='popWrap_'] .bt_close    {  position: absolute; top: 25px; right: 30px; z-index: 20; }
[id^='popWrap_'] p   { line-height: 0; }

#popWrap_upDate     { min-height: 1400px; }

#BrowserCheck_pop    { width: 100%; height: 100%; background: url(../images/opacity_black02.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; }