@charset "utf-8";
/**/
.hide-text {font-size: 1px; height: 1px; left: -9999px; line-height: 0; position: absolute; width: 1px;}
#wrap_frame {width:1131px; padding:20px; color:#333;}
.fr_head {width:100%; overflow:hidden; margin-bottom:30px;}
.fr_head h1 {float:left;}
.fr_head .fr_gnb {float:left; margin-left:20px;}
.fr_container {overflow:hidden;}
.fr_container h4 {font-size:100%}
.fr_container .lnb {float:left; width:133px;}
.fr_container .lnb .br {width:133px; height:280px; margin-bottom:21px;}
.fr_container .mv_area {float:right; width:978px;}
.fr_container #play_area {width:978px; background:#cacaca; margin-bottom:20px;}
.fr_container .btm_br {overflow:hidden;}
.fr_container .btm_br li {float:left;}
.fr_container .btm_br li:first-child {margin-right:18px;}


.fr_head .fr_gnb li  {float:left;}
.fr_head .fr_gnb li a {display:inline-block; width:121px; height:46px; background:url("//image.hackers.co.kr/img/mv_templete/btn_gnb.gif") no-repeat -122px 0;}
.fr_head .fr_gnb li a:hover {background-position:-122px -47px;}
.fr_head .fr_gnb li:first-child a {background-position:0 0; width:122px;}
.fr_head .fr_gnb li:first-child a:hover {background-position:0 -47px;}
.fr_head .fr_gnb li.m3 a {background-position:-243px 0; width:122px;}
.fr_head .fr_gnb li.m3 a:hover {background-position:-243px -47px;}
.fr_head .fr_gnb li.m4 a {background-position:-365px 0; }
.fr_head .fr_gnb li.m4 a:hover {background-position:-365px -47px; }
.fr_head .fr_gnb li.m5 a {background-position:-486px 0; width:122px;}
.fr_head .fr_gnb li.m5 a:hover {background-position:-486px -47px; }
.fr_head .fr_gnb li.m6 a {background-position:-608px 0;}
.fr_head .fr_gnb li.m6 a:hover {background-position:-608px -47px; }
.fr_head .fr_gnb li.m7 a {background-position:-729px 0; width:122px;}
.fr_head .fr_gnb li.m7 a:hover {background-position:-729px -47px; }
.fr_head .fr_gnb li.m8 a {background-position:-851px 0; width:127px;}
.fr_head .fr_gnb li.m8 a:hover {background-position:-851px -47px; }

.link_list {border:1px solid #d5d5d5; line-height:19px;}
.link_list  h4 {background:#0668a9; color:#fff; text-align:center; line-height:27px;}
.link_list ol {padding:19px 8px 0px;}
.link_list .rank {font-weight:bold; color:#0668a9; display:block; position:absolute; top:0; left:0;}
.link_list ol li {padding-left:22px; margin-bottom:12px; position:relative;}
/* .link_list ol li:first-child {margin-bottom:18px;} */
.link_list ol p {width:85px; display:inline-block;}
.link_list ul {padding:19px 0; text-align:center;}
.link_list ul li {margin-top:7px;}
.link_list ul li:first-child {margin-top:0;}
.link_list .more_list{ margin-bottom:19px; }
.link_list .more_list .btn_more{ height:17px; line-height:17px; text-align:right; padding-right:12px; }
.link_list .more_list .btn_more img{ vertical-align:middle; }

#play_area {padding:16px 19px; overflow:hidden;}
#play_area .cont_01, #play_area .cont_02 {float:left;}
#play_area .cont_01 {margin-right:10px; width:640px;}
#mv_player {margin:10px 0;}
#play_area ul { overflow:hidden;}
#play_area ul li {float:left;}
#play_area ul.btm_br li:first-child {margin-right:16px;}
#play_area ul.btm_br li a img {width:312px; height:112px;}
#play_area .ply_btns {margin-top:8px; overflow:hidden; background:url("//image.hackers.co.kr/img/mv_templete/btn_player.gif") no-repeat 0 0; width:640px; height:18px;}
#play_area .ply_btns ul {float:left}
#play_area .ply_btns ul li {float:left; width:39px; margin-left:3px; height:18px;}
#play_area .ply_btns ul li:first-child {width:41px; margin-left:0; margin-right:0;}
#play_area .ply_btns ul li a {display:block; width:100%; height:100%;}
#play_area .ply_btns ul.btn_02 {float:right; margin-right:57px;}
#play_area .ply_btns ul.btn_02 .full {display:block; width:39px; margin-left:18px; }
#play_area .ply_btns ul.btn_02 li {width:29px; height:18px; margin-left:3px;}
#play_area .ply_btns ul.btn_02 li:first-child {margin-left:0;}
#play_area .ply_btns ul.btn_02 li a {display:block; width:100%; height:100%;}
#play_area .cont_02 {width:291px; position:relative;}
.cont_02 .t_br {margin-bottom:10px}
.btn_class {overflow:hidden; width:291px; margin-top:10px;}
.btn_class li {float:left; margin-bottom:4px; margin-left:4px;}
.btn_class li:first-child {margin-right:0;}
.btn_class li.ml0 {margin-left:0;}

.lf_br li {margin-bottom:10px;}
.br480_130 img{width:480px; height:130px;}
.br290_298 img{width:290px; height:298px;}
.br290_66 img{width:290px; height:66px;}
.br133_280 img {width:133px; height:280px;}

#dwn_layer {background:#fff; width:288px; height:459px; border:1px solid #9d9c9c; position:absolute; top:51px; right:1px; display:none;}
#dwn_layer a.close {display:block; position:absolute; bottom:12px; right:17px;}

/*2014-02-28*/
#play_area .pg_tab {width:288px; height:50px; border:1px solid #9d9c9c; background:#fff; margin-bottom:10px; text-align:center;}
#play_area .pg_tab li {float:none; display:inline-block; *display:inline;*zoom:1; width:auto; height:40px; padding-top:10px; background:url("//image.hackers.co.kr/img/mv_templete/bg_tab.gif") no-repeat 0 50%; text-align:center;}
#play_area .pg_tab.list_02 li {width:49%;}
#play_area .pg_tab.list_03 li {width:32%;}
#play_area .pg_tab.list_04 li {width:23%;}
#play_area .pg_tab.list_05 li {width:18%;}
#play_area .pg_tab.list_06 li {padding:10px 5px 0 5px;}
#play_area .pg_tab li:first-child {background:none;}
#play_area .pg_tab li a {display:inline-block;*display:inline;*zoom:1; width:auto; font-size:11px; color:#333; text-align:center; height:16px; padding-top:10px;}
#play_area .pg_tab li.active a {font-weight:bold; color:#0768a9; background:url("//image.hackers.co.kr/img/mv_templete/bg_tab_on.gif") no-repeat 50% 0; letter-spacing:-1px;}
#play_area .pg_tab li a:hover {font-weight:bold; color:#0768a9; background:url("//image.hackers.co.kr/img/mv_templete/bg_tab_on.gif") no-repeat 50% 0; letter-spacing:-1px;}


#dwn_layer_area li{background:#fff; width:288px; height:425px; padding-bottom:30px; border:1px solid #9d9c9c; position:absolute; top:51px; right:1px; display:none; overflow:hidden;}
#dwn_layer_area li a.close {display:block; position:absolute; bottom:6px; right:17px;}
#dwn_layer_area li .note_txt {width:264px; height:411px; overflow-y:auto; margin:0 auto; padding:3px; margin-top:5px; line-height:1.7; }


/*2014-02-27*/
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
/*2014-02-28*/
#play_area .ply_btns {margin-top:8px; overflow:hidden; background:url("//image.hackers.co.kr/img/mv_templete/btn_player_chrome.gif") no-repeat 0 0; width:640px; height:18px;}
#play_area .ply_btns ul.btn_02 {margin-right:0;}
#play_area .ply_btns li.full {margin-left:18px; width:39px;}


/**/
.hide-text {font-size: 1px; height: 1px; left: -9999px; line-height: 0; position: absolute; width: 1px;}
.bdl0 {border-left:none !important; }
/**/
.mv_list {width:750px; overflow:hidden;}
.mv_list li {float:left; margin-left:3px; margin-bottom:24px;}
.mv_list li:first-child, .mv_list li.ml0 {margin-left:0;}
.mv_list li a img {width:185px; height:55px;}

/**/
.table-base{border-bottom:1px solid #ececec;border-top:1px solid #c1c1c1; width:750px; zoom:1}
.table-base table {width:100%;border-collapse:collapse;#border-collapse:separate;table-layout:fixed}

.table-base thead {background:#f5f6f8}
.table-base thead th {padding:14px 0;vertical-align:top; background:#f5f6f8 url("//gscdn.hackers.co.kr/hackers/images/layout/common/bg_list_th.gif") no-repeat 0 50%; border:none; line-height:15px; ;border-bottom:1px solid #ececec}
.table-base thead tr th:first-child {background-image:none;}
.table-base thead th p {color:#444;font-weight:bold;padding:5px 0 5px 0;}
.table-base tbody td {padding:14px 0;border-bottom:1px solid #ececec; border-left:1px solid #ececec; text-align:center;}
.table-base tbody tr.last td {border-bottom:none;}
.table-base tr th:first-child,
.table-base tbody td:first-child {border-left:0;}
.table-base tbody td.class_name {text-align:left; padding-left:16px;}
.table-base tbody td strong {color:#777777}

.table-base.type_2 tbody td {padding:8px 0;}
.table-base.type_2 tbody td.them_tr img{width:60px; height:60px;}
.table-base.type_2 tbody td.class_name {padding-left:16px;}
/**/

/* UI Object */
.paginate_complex{padding:15px 0;line-height:normal;text-align:center; width:750px;}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;background-color:#fff;font:bold 12px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#f8f8f8}
.paginate_complex a {color:#777777; font-weight:normal;}
.paginate_complex strong{color:#000; }
.paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1; width:9px; height:9px; top:3px;}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;background-color:#fff}
.paginate_complex .prev{border-left:0; background:url("//image.hackers.co.kr/img/class_list/btn_prev.gif") no-repeat 0 50%;}
.paginate_complex .next{border-right:0; background:url("//image.hackers.co.kr/img/class_list/btn_next.gif") no-repeat 0 50%; margin-left:5px;}
.paginate_complex .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate_complex .prev span{*left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
.paginate_complex .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0}
/* //UI Object */


/** sub �������� **/
.notibox{position:relative; margin:0 0 20px 0; padding: 18px 23px; border:1px solid #d4d4d4;}
.notibox .tit{margin:0 0 10px 0; padding: 0 0 6px 0; border-bottom:1px solid #e9e9e9;}
.notibox .more{position:absolute; right:24px; top:24px;}
.notibox .list li{overflow:hidden;padding-left:8px;margin-bottom:8px;background:url("//gscdn.hackers.co.kr/hackers/images/layout/main/dot_main_list.gif") no-repeat 0 6px;}
.notibox .list li a{color:#858080;letter-spacing:-1px;display:block;float:left;}
.notibox .list li a:hover{color:#000;}
.notibox .list li span{width:60px;font-size:11px;color:#b0afaf;display:block;float:right;}

/** �˾� �������� **/
.pop_noti{padding: 30px 40px 0}
.pop_noti > .titbox{position:relative; margin:0 0 24px 0}
.pop_noti > .titbox .txt{position:absolute; right:0; top:0;}
.pop_noti table{width:100%;}
.pop_noti table thead{border:1px solid #d0d0d0}
.pop_noti table th{height:35px; background:#f7f7f7;}
.pop_noti table th.tit{padding: 0 0 0 20px; text-align:left;}
.pop_noti table td{height:32px; text-align:center; border-bottom:1px solid #e9e9e9;}
.pop_noti table td.txt{text-align:left;}
.pop_noti table td.txtbox{padding: 20px 20px; text-align:left; line-height:20px; word-break:break-all;}
.pop_noti .searchbox{margin:10px 0; text-align:center;}
.pop_noti .searchbox img{vertical-align:bottom;}
.pop_noti .page{margin:10px 0; text-align:center; color:#999999;}
.pop_noti .page .on{font-weight:bold; color:#425831}



.jihye { } /* 동영상 와이드 변경건 */
.jihye .mv_area {float:right; width:978px;}
.jihye #play_area { /* width:978px; */ background:#cacaca; margin-bottom:20px;}

.jihye #play_area {padding:7px 7px; overflow:hidden;} /*140806*/
.jihye #play_area .cont_01_renewal, .jihye #play_area .cont_02 { /* float:left; */}
.jihye #play_area .cont_01_renewal { width:964px;  }
.jihye #play_area .cont_02_renewal {width:964px; position:relative; overflow:hidden; }


.jihye #play_area ul { overflow:hidden; }
.jihye #play_area ul li { float:left;}
.jihye #play_area ul.btm_br li:first-child {margin-right:16px;}
.jihye #play_area ul.btm_br li a img {width:312px; height:112px;}
.jihye #play_area .ply_btns_renewal {width:964px; padding:4px 0 5px 0; background:none; /* overflow:hidden; */ /*background:url("//image.hackers.co.kr/img/mv_templete/btn_player.gif") no-repeat 0 0; */ }
.jihye #play_area .ply_btns_renewal { *zoom:1; }
.jihye #play_area .ply_btns_renewal:after{ content:""; display:block; clear:both;  }
.jihye #play_area .ply_btns_renewal .inside { height:26px;  *zoom:1;  /* overflow:hidden; */ }
.jihye #play_area .ply_btns_renewal .inside:after{ content:""; display:block; clear:both;  }
.jihye #play_area .mv_player_box{ width:100%;  }

/* .jihye #play_area .ply_btns_renewal ul {float:left}
.jihye #play_area .ply_btns_renewal ul li {float:left; width:39px; margin-left:3px; height:18px;}
.jihye #play_area .ply_btns_renewal ul li:first-child {width:41px; margin-left:0; margin-right:0;}
.jihye #play_area .ply_btns_renewal ul li a {display:block; width:100%; height:100%;} */

.jihye #play_area .pg_tab_renewal {width:82px; height:169px; border:1px solid #9d9c9c; background:#fff;  text-align:center;  float:left; }
.jihye #play_area .pg_tab_renewal li { float:none;  width:auto;  border-top:solid 1px #bbb;  }
.jihye #play_area .pg_tab_renewal li:first-child {background:none; border-top:solid 1px #fff; }
.jihye #play_area .pg_tab_renewal li a {display:inline-block;*display:inline;*zoom:1; width:auto; font-size:11px; color:#333; text-align:center; height:33px; line-height:33px; }
.jihye #play_area .pg_tab_renewal.type2 li a{  height:84px; line-height:84px;  }
.jihye #play_area .pg_tab_renewal.type4 li a{  height:41px; line-height:41px;  }
.jihye #play_area .pg_tab_renewal.type5 li a{  height:33px; line-height:33px;  }
.jihye #play_area .pg_tab_renewal.type6 li a{  height:27px; line-height:27px; }
.jihye #play_area .pg_tab_renewal li.active a {font-weight:bold; color:#0768a9; background:url("//image.hackers.co.kr/img/mv_templete/bg_tab_on.gif") no-repeat 50% 0; letter-spacing:-1px;}
.jihye #play_area .pg_tab_renewal li a:hover {font-weight:bold; color:#0768a9; background:url("//image.hackers.co.kr/img/mv_templete/bg_tab_on.gif") no-repeat 50% 0; letter-spacing:-1px;}


.jihye #play_area .pg_banner { float:left; width:589px; height:169px; }
.jihye #play_area .pg_banner img { width:589px; height:169px;  }


.jihye #play_area .ply_btns_renewal ul.btn_01_renewal { float:left; }
.jihye #play_area .ply_btns_renewal ul.btn_01_renewal li {float:left; width:46px; margin-left:2px; overflow:hidden;}
.jihye #play_area .ply_btns_renewal ul.btn_01_renewal li:first-child {margin-left:0;}
.jihye #play_area .ply_btns_renewal ul.btn_01_renewal li a {display:block; width:46px;  height:26px; line-height:27px; text-align:center; font-size:11px; color:#444444; letter-spacing:-1px;
background:url('//gscdn.hackers.co.kr/hackers/images/movie/lecture/ex16.jpg') no-repeat 0 0; }
.jihye #play_area .ply_btns_renewal ul.btn_01_renewal li a.f2 { background-position-x:-48px;  } 
.jihye #play_area .ply_btns_renewal ul.btn_01_renewal li a.f3 { background-position-x:-96px;  }
.jihye #play_area .ply_btns_renewal ul.btn_01_renewal li a.f4 { background-position-x:-144px; }
.jihye #play_area .ply_btns_renewal ul.btn_01_renewal li a.f1 span,.jihye #play_area .ply_btns_renewal ul.btn_01_renewal li a.f2 span{ margin-left:12px; }
.jihye #play_area .ply_btns_renewal ul.btn_01_renewal li a.f3 span,.jihye #play_area .ply_btns_renewal ul.btn_01_renewal li a.f4 span{ margin-right:12px  }

.jihye #play_area .ply_btns_renewal ul.btn_02_renewal {float:left; margin-left:5px; }
.jihye #play_area .ply_btns_renewal ul.btn_02_renewal li {width:28px; height:26px; margin-left:0; }
.jihye #play_area .ply_btns_renewal ul.btn_02_renewal li:first-child { width:34px; margin-left:0; }
.jihye #play_area .ply_btns_renewal ul.btn_02_renewal li a {display:block; width:28px; height:26px;
background:url('//gscdn.hackers.co.kr/hackers/images/movie/lecture/ex27.jpg') no-repeat 0 0;}
.jihye #play_area .ply_btns_renewal ul.btn_02_renewal li:first-child a { width:34px; }
.jihye #play_area .ply_btns_renewal ul.btn_02_renewal li a.f2 { background-position:-34px -26px; }
.jihye #play_area .ply_btns_renewal ul.btn_02_renewal li a.f3 { background-position:-62px -26px; }
.jihye #play_area .ply_btns_renewal ul.btn_02_renewal li a.f4 { background-position:-90px -26px; }
.jihye #play_area .ply_btns_renewal ul.btn_02_renewal li a.f5 { background-position:-118px -26px; }
.jihye #play_area .ply_btns_renewal ul.btn_02_renewal li a.f6 { background-position:-146px -26px; }
.jihye #play_area .ply_btns_renewal ul.btn_02_renewal li a.f7 { background-position:-174px -26px; } 

.jihye #play_area .ply_btns_renewal ul.btn_02_renewal li a:hover { background-position-y:0px; }
.jihye #play_area .ply_btns_renewal ul.btn_02_renewal li a.active { background-position-y:0px; }

.jihye #play_area .ply_btns_renewal .full {float:left;  margin-left:5px;  }

.jihye #play_area .ply_btns_renewal .sns_box { float:left;  margin-left:111px; position:relative;   }
.jihye #play_area .ply_btns_renewal .sns_box ul { }
.jihye #play_area .ply_btns_renewal .sns_box li { margin-left:3px; }
.jihye #play_area .ply_btns_renewal .sns_box li:first-child { margin-left:0px; }
.jihye #play_area .ply_btns_renewal .sns_box li.facebook { }
.jihye #play_area .ply_btns_renewal .sns_box li.twitter { }
.jihye #play_area .ply_btns_renewal .sns_box li.cafe_naver { }
.jihye #play_area .ply_btns_renewal .sns_box li.cafe_daum { }
.jihye #play_area .ply_btns_renewal .sns_box li a { }
.jihye #play_area .ply_btns_renewal .sns_box .help { width:114px; height:18px; position:absolute; left:0px; top:-25px; background:#000; text-align:center;  }
.jihye #play_area .ply_btns_renewal .sns_box .help .inside {color:#fff; line-height:18px; font-size:11px; position:relative; }
.jihye #play_area .ply_btns_renewal .sns_box .help .inside p.text { }
.jihye #play_area .ply_btns_renewal .sns_box .help .inside .arrow { position:absolute; left:8px; top:16px;  }

.jihye #play_area .ply_btns_renewal .lecture_select { float:left;  margin-left:5px;  }


.jihye .btn_class {overflow:hidden; width:287px; float:left; margin-left:4px; margin-top:0px; }
.jihye .btn_class li {float:left; width:141px;  margin-bottom:6px; margin-left:3px;}
.jihye .btn_class li:first-child {margin-left:0;}
.jihye .btn_class li.ml0 {margin-left:0; }
.jihye .btn_class li a { display:block; width:141px; height:52px; text-align:center; }
.jihye .btn_class li.listen { width:287px;  }
.jihye .btn_class li.listen a{ width:287px; height:54px;  }

.jihye #dwn_layer_area li{ background:#fff; width:587px; height:169px; /* padding-bottom:30px; */
border:1px solid #9d9c9c; position:absolute; top:0px; left:84px; display:none; overflow:hidden; text-align:left; }
.jihye #dwn_layer_area li a.close {display:block; position:absolute; bottom:30px; right:30px; }
.jihye #dwn_layer_area li .note_txt {width:575px; height:157px; overflow-y:auto; /* margin:0 auto; */ margin:6px; line-height:1.7;}

/* 강의 상단에 강의 명 150306 */
#play_area p.slogun_txt {  }
#play_area p.slogun_txt .txt { font-family:'NanumGothic',나눔고딕,'dotum',돋움,Arial,sans-serif; text-align:center; line-height:20px; font-size:20px; color:#fff;
width:100%;   display:block; padding:17px 0px;  }