@charset "utf-8";

body {background-color:#d3bb90;}
article{background:none;}


/* 레이아웃_마이페이지
-------------------------------------------------------------------- */
/* Width_Size */
#wrapTown {position:relative;background:url(/images/mypage/bg_mypage.gif) repeat 0 0;}
#Contents {width:1104px;padding-bottom:53px;margin:0 auto;}
#Contents .layer_design {position:relative;width:1104px;margin:0 auto;}
#Contents .layer_design .design1 {position:absolute;left:-329px;top:322px;width:311px;height:146px;background:url(/images/mypage/img_contents_design1.png) no-repeat 0 0;}

/* Layout_BG */
.mypage_bottom {padding-bottom:80px;background:url(/images/mypage/bg_contents_bottom.png) no-repeat 0 100%;}
.mypage_top {padding-top:126px;background:url(/images/mypage/bg_contents_top_v2.png) no-repeat 0 0;}
.mypage_middle {overflow:hidden;width:1008px;padding:0 44px 0 52px;background:url(/images/mypage/bg_contents_middle.png) repeat-y 0 0;}
.top_logo {position:relative;width:1104px;margin:0 auto;}
.top_logo .title {position:absolute;top:0;left:52px;width:201px;height:127px;background:url(/images/common/bg_toplogo.png) no-repeat 0 0;}
.top_logo .title .link {display:block;width:166px;height:76px;margin:30px 14px 14px 14px;}
.top_logo .title img {width:166px;height:76px;}

/* Footer */
#Footer {height:167px;background:url(/images/mypage/bg_footer_repeat.gif) repeat-x 0 0;}
#Footer .inner_footer {width:100%;background:url(/images/mypage/bg_footer.gif) no-repeat 50% 0;}
#Footer .layer_design {display:block;position:relative;width:1104px;margin:0 auto 0;}
#Footer .design1 {position:absolute;left:-113px;bottom:-10px;width:217px;height:236px;background:url(/images/mypage/img_footer_design1.png) no-repeat 0 0;}
#Footer .design2 {position:absolute;right:-58px;bottom:-24px;width:136px;height:154px;background:url(/images/mypage/img_footer_design2.png) no-repeat 0 0;}
#Footer .footer_info {width:1101px;height:59px;padding:85px 1px 25px 2px;background:url(/images/mypage/bg_footer.gif) no-repeat 50% 0;}
#Footer .logo {padding-top:4px;}
#Footer .menu .fst {padding-right:0;}
#Footer .menu .lst {padding:10px 1px 0 0;}
#Footer .info p {color:#fff;}
#Footer .menu a {color:#fff;}






/* 공통_마이페이지
-------------------------------------------------------------------- */
/* 공통_제목+텍스트 */
.tit_type {overflow:hidden;width:100%;height:36px;}
.tit_type h5.tit {overflow:hidden;float:left;width:100%;height:32px;margin-top:4px;background:url(/images/mypage/tit_mypage.gif) no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;}
.tit_type .txt {float:left;padding:3px 0 0 15px;font-size:12px;color:#999;line-height:16px;}

/* 공통_제목+버튼타입 */
.tit_type .btn_type {float:right;height:36px;}
.tit_type .btn_type .inp {float:left;margin:1px 5px 0 0;}
.tit_type .btn_type button {float:left;font-size:0;line-height:0;text-indent:-9999px;}
.tit_type .btn_type a {overflow:hidden;float:right;font-size:0;line-height:0;text-indent:-9999px;}

/* 공통_검색박스 */
.search_box {overflow:hidden;width:720px;height:50px;padding:20px 0 0 10px;}
.search_box .tit {float:left;width:82px;padding-top:4px;font-size:13px;color:#666;text-align:center;}
.search_box select {float:left;margin-right:5px;}
.search_box .btn_search {display:block;overflow:hidden;width:71px;height:30px;font-size:0;line-height:0;text-indent:-9999px;}

/* 공통_책에마스크씌우기 */
.thumb_mask {display:block;overflow:hidden;position:relative;width:164px;height:200px;}
.thumb_mask .img {display:block;overflow:hidden;width:160px;height:200px;}
.thumb_mask .img img {width:160px;height:200px;}
.thumb_mask .mask {position:absolute;left:0;top:0;width:164px;height:200px;background:url(/images/mypage/book_border.png) no-repeat 0 0;}
.thumb_mask .hover {display:none;position:absolute;left:0;top:0;width:164px;height:200px;background:url(/images/mypage/book_border.png) no-repeat -200px 0;}
a.thumb_mask.on .hover,
a.thumb_mask:hover .hover {display:block;}

/* 공용_테이블 */
.area_tbl {padding-top:1px;background:url(/images/mypage/bg_tbl_th_thead.gif) no-repeat 0 0;}
.area_tbl th {height:39px;background:url(/images/mypage/bg_tbl_th_line.gif) repeat-y 0 0;font-size:13px;line-height:18px;color:#666;}
.area_tbl th:first-child {background:none;}
.area_tbl td {padding:8px 0 11px;background:url(/images/mypage/bg_tbl_td_line.gif) repeat-x 0 100%;font-family:'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';font-size:13px;color:#666;line-height:18px;text-align:center;}
.area_tbl td span {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.area_tbl td.left {padding-left:11px;text-align:left;}
.area_tbl td.em {font-size:12px;}
.area_tbl td.time {font-size:12px;letter-spacing:-1px;}
.area_tbl td .subject {display:block;height:18px;white-space:normal;}
.area_tbl td .subject a {color:#333;}
.area_tbl td .subject a.on,
.area_tbl td .subject a:hover {font-weight:bold;}
.area_tbl td .subject img {margin-left:5px;vertical-align:middle;}
.area_tbl tr.view td {padding:0;background:none;}
.area_tbl tr.view td div {display:none;padding:18px 22px 20px;background:#f4f4f4 url(/images/mypage/bg_tbl_td_line.gif) repeat-x 0 100%;color:#333;text-align:left;}
.area_tbl tr.no_data td {padding:27px 0 28px;border-bottom:1px solid #ddd;background:none;}





/* Left_유저정보
-------------------------------------------------------------------- */
.section_user {float:left;width:198px;}
.section_user .user_info {float:left;padding-top:26px;text-align:center;}
.section_user .inner_info {overflow:hidden;width:188px;height:204px;padding:3px;background:url(/images/mypage/bg_user_info.png) no-repeat 0 0;}
.section_user .class {position:relative;width:74px;height:77px;padding:24px 3px 0;margin:0 auto;}
.section_user .class .img {display:block;overflow:hidden;width:74px;height:74px;}
.section_user .class .mask {position:absolute;left:0;top:20px;width:80px;height:81px;background:url(/images/mypage/img_user_class.png) no-repeat 0 0;}
.section_user .class .design1 {position:absolute;left:-13px;top:0;width:146px;height:46px;background:url(/images/mypage/img_user_class_deco.png) no-repeat 0 0;}
.section_user .info {overflow:hidden;width:100%;height:29px;padding:16px 0 3px;line-height:20px;}
.section_user .info .inner_center {display:inline-block;}
.section_user .info .name {float:left;padding:1px 6px 0 0;font-size:16px;color:#fffd53;}
.section_user .info .name .es {color:#fff;}
.section_user .info .alarm {float:left;width:21px;height:18px;padding:6px 0 0 12px;background:url(/images/mypage/bg_user_alarm.png) no-repeat 0 0;font:10px 'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';color:#fff;}
.section_user .belong .txt {display:none;overflow:hidden;width:135px;margin:-3px auto 0;font-size:12px;color:#fff;line-height:16px;white-space:nowrap;text-overflow:ellipsis;}
.section_user .group_btn {overflow:hidden;width:165px;padding:12px 0 0 23px;}
.section_user .group_btn a {float:left;margin-right:2px;}
.section_user .user_book {float:left;padding:10px 0 10px;text-align:center;}
.section_user .inner_book {overflow:hidden;width:188px;height:193px;padding:54px 3px 3px;background:url(/images/mypage/bg_user_book_recent.png) no-repeat 0 0;}
.section_user .book_mask {overflow:hidden;position:relative;width:100%;height:159px;}
.section_user .book_mask img {width:128px;}
.section_user .book_mask .mask {position:absolute;left:29px;top:0;width:134px;height:159px;background:url(/images/mypage/img_user_book_mask.png) no-repeat 0 0;}
.section_user .book_no {padding-top:54px;font-size:13px;color:#6f4400;line-height:18px;}
.Group .section_user .info {padding:7px 0 0;}
.Group .section_user .belong .txt {display:block;}

/* 2차오픈전 추가적인CSS */
.tit_type .txt .snd {display:none;}
.section_user .user_test {display:none;}
.section_user .class {display:none;}
.section_user .inner_info {height:131px;background:url(/images/mypage/bg_user_info_short.png) no-repeat 0 0;}
.section_user .info {padding-top:36px;}
.Group .section_user .info {padding-top:26px;}


/* Right_컨텐츠
-------------------------------------------------------------------- */
.section_cont {float:right;width:800px;}
.section_cont .view_mypage {overflow:hidden;width:734px;padding:0 34px 0 32px;background:url(/images/mypage/bg_contents_white.png) repeat-y 0 -200px;}
.mypage_home {position:relative;z-index:1;width:1108px;margin:0 auto;}
.mypage_home a {overflow:hidden;position:absolute;left:948px;top:74px;width:85px;height:26px;}

/* Nav */
.menu_mypage {overflow:hidden;width:768px;;height:54px;padding-left:32px;background:url(/images/mypage/menu_mypage.gif) no-repeat 0 -200px;}
.menu_mypage li {float:left;padding-right:2px;}
.menu_mypage a {overflow:hidden;float:left;width:144px;height:39px;margin-top:15px;background:url(/images/common/bg_1_1.gif) repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;}
.menu_mypage a:hover,
.menu_mypage .on a {height:54px;margin-top:0;background-image:url(/images/mypage/menu_mypage.gif);background-repeat:no-repeat;}
.menu_mypage .menu1 {background-position:-32px -300px;}
.menu_mypage .menu2 {background-position:-178px -100px;}
.menu_mypage .menu3 {background-position:-324px -100px;}
.menu_mypage .menu4 {background-position:-470px -100px;}
.menu_mypage .menu5 {background-position:-616px -100px;}

.Group .menu_mypage {background-position:0 0;}
.Group .menu_mypage .menu1 {background-position:-32px -100px;}

/* 메인
-------------------------------------------------------------------- */
.Main .paging {padding:15px 0 8px 8px;border-bottom:1px solid #ddd;}

/* 최근 학습 교재 */
.Main .recent_book {width:734px;padding-top:36px;}
.Main .recent_book h5.tit {width:128px;background-position:0 0; }
.Main .recent_book .recent_info {position:relative;width:100%;height:74px;background:url(/images/mypage/bg_book_recent.gif) no-repeat 0 0;}
.Main .recent_book .recent_info .list {overflow:hidden;width:694px;padding:24px 0 0 40px;}
.Main .recent_book .recent_info dt {float:left;width:49px;height:15px;margin-top:3px;padding:3px 10px 0 0;background:url(/images/mypage/ico_book_recent.png ) no-repeat 0 0;font:bold 9px/13px 'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';color:#fff;text-align:center;}

/*교재 텍스트 길이 조정 [dinghoi20160429]*/
/*.Main .recent_book .recent_info dd {overflow:hidden;float:left;width:133px;padding:0 0 0 12px;font:bold 18px/22px 'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';color:#fff;white-space:nowrap;text-overflow:ellipsis;}*/
.Main .recent_book .recent_info dd {overflow:hidden;float:left;width:200px;padding:0 0 0 12px;font:bold 18px/22px 'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';color:#fff;white-space:nowrap;text-overflow:ellipsis;}

.Main .recent_book .recent_info .btn_learn {overflow:hidden;position:absolute;right:4px;top:0;width:260px;height:70px;background:url(/images/mypage/btn_book_recent.png) no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;}
.Main .recent_book .recent_info .recent_no {display:block;width:146px;height:42px;padding:25px 0 0 57px;margin-left:235px;background:url(/images/mypage/ico_mark.gif) no-repeat 0 13px;font-weight:bold;font-size:18px;color:#fff;line-height:22px;letter-spacing:-1px;}

/* 교재성적 */
.Main .report_graph {width:730px;padding-top:32px;}
.Main .report_graph h5.tit {width:92px;background-position:0 -50px;}
.Main .report_graph .bg_graph1 {padding-bottom:14px;background:url(/images/mypage/bg_book_report.gif) no-repeat -1000px 100%;}
.Main .report_graph .bg_graph2 {padding-top:14px;background:url(/images/mypage/bg_book_report.gif) no-repeat 0 0;}
.Main .report_graph .bg_graph3 {padding:31px 33px 37px 60px;background:url(/images/mypage/bg_book_report.gif) repeat-y -2000px 0}
.Main .report_graph .box_graph {position:relative;width:637px;height:290px;border-bottom:1px solid #eee;background:url(/images/mypage/bg_book_report_graph.gif) repeat 0 0;font:11px/14px 'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';color:#666;}
.Main .report_graph .box_graph .num {position:absolute;left:-40px;top:-7px;width:30px;}
.Main .report_graph .box_graph .num span {display:block;padding-bottom:15px;text-align:right;}
.Main .report_graph .box_graph .tbl td {height:290px;vertical-align:bottom;text-align:center;}
/*width 수정 [dinghoi20160224]*/
.Main .report_graph .box_graph .obj {position:relative;/*width:10px;*/width:20px;margin:0 auto;background-color:#4cb9b3;}
.Main .report_graph .box_graph .txt {position:absolute;left:-21px;bottom:-29px;width:50px;text-align:center;}
.Main .report_graph .box_graph .txt span {display:block;margin-bottom:-2px;}
.Main .report_graph .box_graph .score {position:absolute;left:-10px;top:-27px;width:30px;height:23px;padding-top:1px;background:url(/images/mypage/bg_book_report_graph_tooltip.gif) no-repeat 0 0;font:bold 11px/14px tahoma;;color:#fff;text-align:center;}
.Main .report_graph .box_graph .trd {background-color:#e64646;}
.Main .report_graph .box_graph .trd .score {background-position:-50px 0;}
.Main .report_graph .graph_no {display:block;padding:11px 32px 9px 0;font-size:18px;color:#666;line-height:24px;text-align:center;}

/* 이달의학습왕 */
.Main .month_rank {width:730px;padding-top:36px;}
.Main .month_rank h5.tit {background-position:0 -100px;}
.Main .month_rank .rank_cont {overflow:hidden;width:716px;height:188px;padding-left:14px;background:url(/images/mypage/bg_rank.gif) no-repeat 0 0;}
.Main .month_rank .inner_rank {overflow:hidden;position:relative;width:681px;padding-left:15px;}
.Main .month_rank .list {float:left;width:9999px;height:164px;white-space:nowrap;}
.Main .month_rank li {position:relative;float:left;width:231px;height:155px;background:url(/images/mypage/bg_rank_etc.png) no-repeat 0 19px;}
.Main .month_rank li div {float:left;width:220px;}
.Main .month_rank .rank1 {background:url(/images/mypage/bg_rank_best.png ) no-repeat 0 19px;}
.Main .month_rank span {display:block;text-align:center;}
.Main .month_rank .ico {overflow:hidden;position:absolute;left:8px;top:8px;width:51px;height:71px;font-size:0;line-height:0;text-indent:-9999px;}
.Main .month_rank .name {overflow:hidden;width:180px;margin:0 auto;padding-top:37px;font-weight:bold;font-size:18px;color:#666;line-height:22px;white-space:nowrap;text-overflow:ellipsis;}
.Main .month_rank .class {padding-top:9px;font-size:14px;color:#fff;line-height:20px;}
.Main .month_rank .id {padding-top:9px;font-size:12px;color:#999;line-height:16px;}
.Main .month_rank .grade {padding-top:2px;font-size:12px;color:#a0a0a0;line-height:16px;}
.Main .month_rank .rank1 .name {color:#d2930a;}
.Main .month_rank .rank1 .id {color:#666;}
.Main .month_rank .rank1 .grade {color:#d2930a;}
.Main .month_rank .rank1 .ico {left:-12px;top:6px;width:66px;height:92px;background:url(/images/mypage/ico_rank1.png) no-repeat 0 0;}
.Main .month_rank .rank2 .ico {background:url(/images/mypage/ico_rank2.png) no-repeat 0 0;}
.Main .month_rank .rank3 .ico {background:url(/images/mypage/ico_rank3.png) no-repeat 0 0;}
.Main .month_rank .rank4 .ico {background:url(/images/mypage/ico_rank4.png) no-repeat 0 0;}
.Main .month_rank .rank5 .ico {background:url(/images/mypage/ico_rank5.png) no-repeat 0 0;}
.Main .month_rank .rank6 .ico {background:url(/images/mypage/ico_rank6.png) no-repeat 0 0;}
.Main .month_rank .rank7 .ico {background:url(/images/mypage/ico_rank7.png) no-repeat 0 0;}
.Main .month_rank .rank8 .ico {background:url(/images/mypage/ico_rank8.png) no-repeat 0 0;}
.Main .month_rank .rank9 .ico {background:url(/images/mypage/ico_rank9.png) no-repeat 0 0;}
.Main .month_rank .paging_rank {overflow:hidden;width:54px;margin:0 auto;padding-left:10px;}
.Main .month_rank .paging_rank a {overflow:hidden;float:left;width:10px;height:18px;margin-right:8px;background:url(/images/mypage/ico_rank_paging.png) no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;}
.Main .month_rank .paging_rank a:hover,
.Main .month_rank .paging_rank a.on {background-position:0 -25px;}
.Main .month_rank .rank_no {display:block;padding:82px 16px 0 0;font-size:18px;color:#666;line-height:24px;text-align:center;}

/* 학습알림장 */
.Main .alarm_book {width:730px;padding-top:36px;}
.Main .alarm_book h5.tit {width:111px;background-position:0 -150px;}
.Main .alarm_book td.left {padding-left:12px;}
.Main .alarm_book td.td2 span {width:59px;}
.Main .alarm_book td.td3 span {width:68px;}
.Main .alarm_book td.td4 span {width:87px;}
.Main .alarm_book td.td5 span {width:160px;}
.Main .alarm_book td .subject img {margin-left:0;margin-right:5px;vertical-align:middle;}
.Main .alarm_book .btn_type .slt {float:left;height:26px;margin-right:4px;line-height:25px;}
.Main .alarm_book .btn_type .inp {width:118px;}
.Main .alarm_book .btn_type button {width:71px;height:26px;background:url(/images/mypage/btn_search.gif) no-repeat 0 0;}

/* 1:1문의 */
.Main .inquire_one {width:730px;padding:36px 0 23px;}
.Main .inquire_one h5.tit {width:83px;background-position:0 -200px;}
.Main .inquire_one .btn_type a {width:71px;height:26px;background:url(/images/mypage/btn_1on1_inquire.gif) no-repeat 0 0;}
.Main .inquire_one td.td5 span {width:107px;}
.Main .inquire_one td.left {padding:8px 0 9px 11px;}
.Main .inquire_one td .subject {width:255px;height:20px;line-height:20px;white-space:nowrap;}
.Main .inquire_one td .subject img {margin:0 5px 0 0;}




/* 교재정보+교재등록
-------------------------------------------------------------------- */
/* 교재검색 */
.Book .book_search {width:730px;padding-top:36px;}
.Book .book_search h5.tit {width:91px;background-position:0 -400px;}
.Book .book_search .search_box {width:730px;height:auto;padding:0 0 51px;background:url(/images/mypage/bg_book_search_box.gif) no-repeat -1000px 100%;}
.Book .book_search .inner_search {padding-top:14px;background:url(/images/mypage/bg_book_search_box.gif) no-repeat 0 0;}
.Book .book_search .list {overflow:hidden;width:719px;padding-top:6px;border-right:5px solid #f3a599;border-left:6px solid #f3a599;}
.Book .book_search .list dt {float:left;width:50px;height:35px;padding:5px 0 0 30px;}
.Book .book_search .list dt.fst {width:52px;}
.Book .book_search .list dd {float:left;width:269px;height:40px;}
.Book .book_search .list .inp {width:236px;height:28px;line-height:28px;}
.Book .book_search .group_btn {position:relative;width:100%;}
.Book .book_search .group_btn button {overflow:hidden;position:absolute;top:15px;height:26px;background:url(/images/mypage/btn_book.gif) no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;}
.Book .book_search .group_btn .btn_all {left:37px;width:113px;}
.Book .book_search .group_btn .btn_search {right:36px;width:71px;background-position:0 -50px;}

/* 교재리스트 */
.Book .book_reg {width:730px;padding-top:36px;}
.Book .book_reg h5.tit {width:108px;background-position:0 -450px;}
.Book .book_reg .list_sort {overflow:hidden;width:100%;height:54px;background:url(/images/mypage/bg_book_sort.gif) no-repeat 0 0;line-height:18px;}
.Book .book_reg .list_sort .total {float:left;padding:16px 0 0 20px;font-size:13px;color:#fff;}
.Book .book_reg .list_sort .total strong {color:#680c00;}
.Book .book_reg .list_sort .sort_slt {float:right;width:253px;padding:10px 23px 0 0;}
.Book .book_reg .list_sort .sort_slt .sort {float:left;width:178px;padding-top:5px;}
.Book .book_reg .list_sort .sort_slt .sort .bar {padding:0 4px 0 3px;color:#d9695b;}
.Book .book_reg .list_sort .sort_slt .sort a {font-weight:bold;color:#bc4545;}
.Book .book_reg .list_sort .sort_slt .sort a:hover,
.Book .book_reg .list_sort .sort_slt .sort a.on {color:#731205;}
.Book .book_reg .list_sort .sort_slt select {float:right;}
.Book .book_reg .list_book {overflow:hidden;width:665px;padding-left:65px;background:url(/images/mypage/bg_book_list.gif) repeat-y 0 0;}
.Book .book_reg .list_book li {float:left;width:164px;height:258px;padding:0 56px 16px 0;}
.Book .book_reg .list_book .no_data {position:relative;width:730px;height:auto;padding:54px 0 76px;margin-left:-65px;background:url(/images/mypage/bg_book_list.gif) no-repeat 0 100%;font-weight:bold;font-size:18px;color:#666;line-height:22px;text-align:center;}
.Book .book_reg .list_book .info {height:58px;}
.Book .book_reg .list_book .tit {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}
.Book .book_reg .list_book .txt {display:block;overflow:hidden;height:32px;padding:24px 4px 0 0;font-family:'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';color:#333;line-height:14px;text-align:center;word-break:break-all;}
.Book .book_reg .list_book .btn_reg {overflow:hidden;position:absolute;left:22px;top:160px;width:121px;height:40px;background:url(/images/mypage/btn_book_reg.png) no-repeat 0 -50px;font-size:0;line-height:0;text-indent:-9999px;}
.Book .book_reg .list_book button.btn_reg {background-position:0 0;}
.Book .book_reg .paging {padding:16px 0 17px;}
/* 교재리스트_단체 */
.Group .Book .book_reg {height:701px;}
.Group .Book .book_reg h5.tit {width:129px;background-position:0 -350px;}
.Group .Book .book_reg .list_sort .sort_slt {width:199px;}
.Group .Book .book_reg .list_sort .sort_slt .sort {width:124px;}
.Group .Book .book_reg .list_book .btn_reg {display:none;}


/* 성적표
-------------------------------------------------------------------- */
/* 탭메뉴 */
.Report .report_menu {width:730px;padding-top:40px;}
.Report .report_menu .menu {overflow:hidden;width:100%;height:64px;background:url(/images/mypage/menu_report.gif) no-repeat 0 0;}
.Report .report_menu .menu li {float:left;height:64px;}
.Report .report_menu .menu li span,
.Report .report_menu .menu li a {overflow:hidden;float:left;width:365px;height:46px;background:url(/images/mypage/menu_report.gif) no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;}
.Report .report_menu .menu li.lst span,
.Report .report_menu .menu li.lst a {background-position:-365px 0;}
.Report .report_menu .menu li a:hover,
.Report .report_menu .menu li.on a {height:100%;background-position:0 -100px;}
.Report .report_menu .menu li.lst a:hover,
.Report .report_menu .menu li.lst.on a {background-position:-365px -100px;}

/* 교재검색 */
.Report .report_search {width:730px;padding-top:11px;}
.Report .report_search h5.tit {width:91px;background-position:0 -250px;}
.Report .search_box {background:url(/images/mypage/bg_report_search_box.gif) no-repeat 0 0;}
.Report .search_box .btn_search {background:url(/images/mypage/btn_report_search.gif) no-repeat 0 0;}

/* 교재리스트 */
.Report .report_list {padding-top:36px;}
.Report .report_list h5.tit {width:111px;background-position:0 -300px;}
.Report .report_list .book_view .total {height:35px;padding:20px 0 0 25px;background:url(/images/mypage/bg_report_sort.gif) no-repeat 0 5px;font-weight:bold;font-size:13px;color:#fff;line-height:18px;}
.Report .report_list .book_view .total em {color:#179688;}
.Report .book_view .list_book {overflow:hidden;width:665px;padding-left:75px;}
.Report .book_view .list_book li {float:left;width:164px;height:262px;padding:0 46px 0 0;}
.Report .book_view li .class {display:none;overflow:hidden;width:100%;height:17px;padding-top:26px;}
.Report .book_view li .info {overflow:hidden;width:100%;height:37px;padding-top:25px;}
.Report .book_view li .tit {float:left;width:41px;padding:1px 0 0 4px;font:11px 'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';color:#af650f;}
.Report .book_view li .txt {float:left;width:115px;font-size:13px;color:#333;line-height:17px;word-break:break-all;}
.Report .book_view li .class .txt {font-weight:bold;font-size:13px;}
.Report .book_view li .info .tit {padding-top:2px;}
.Report .book_view li .info .txt {overflow:hidden;height:30px;padding-top:2px;font:12px/14px 'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';}
.Report .book_view li.no_data {position:relative;width:730px;height:auto;padding:54px 0 76px;margin:0 0 40px -75px;background:url(/images/mypage/bg_report_book.gif) no-repeat -2000px 100%;font-weight:bold;font-size:18px;color:#666;line-height:22px;text-align:center;}
.Report .paging_parent {position:relative;width:730px;height:0;}
.Report .paging_parent .paging {position:absolute;left:0;top:32px;}
.Group .Report .book_view li .class {display:block;}
.Group .Report .book_view li .info {padding-top:0;padding-bottom:2px;}
.Group .Report .book_view li .info .txt {height:30px;}
.Group .Report .book_view .list_book li {height:282px;}
.Group .Report .book_view .list_book li.no_data {height:auto;}
.Group .Report .book_view .list_book li.no_data span {display:block;padding-top:6px;font-weight:normal;font-size:14px;}

/* 성적표 - 학습성적 */
.Report .report_view {overflow:hidden;width:100%;padding:17px 0 100px;background:url(/images/mypage/bg_report_book.gif) no-repeat -2000px 0;}
.Report .report_view.on {padding-bottom:23px;background-position:0 0;}
.Report .report_view .bg_report {display:none;padding-bottom:17px;background:url(/images/mypage/bg_report_book.gif) no-repeat -1000px 100%;}
.Report .report_view.on .bg_report {display:block;}
.Report .report_view .inner_report {width:690px;padding:57px 20px 0 ;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.Report .report_view h6.tit {padding:0 0 13px 5px;font-weight:bold;font-size:16px;color:#7daa1e;line-height:20px;}
.Report .report_view .area_tbl {display:none;background:url(/images/mypage/bg_tbl_th_thead_688.gif) no-repeat 0 0;}
.Report .report_view th {height:30px;padding-top:10px;color:#848484;vertical-align:top;}
.Report .report_view th.fst {font:12px 'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';}
.Report .report_view td {padding:4px 0 7px;background:url(/images/mypage/bg_tbl_td_line.gif) repeat-x 0 100%;font:bold 13px 'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';color:#333;}
.Report .report_view td.fst {font-size:12px;color:#666;}
.Report .report_view .btn {display:block;overflow:hidden;margin:0 auto;background:url(/images/mypage/img_report_state_onoff.gif);background-repeat:no-repeat;font-size:0;line-height:0;text-indent:-9999px;}
.Report .report_view .btn_report {width:121px;height:26px;}
.Report .report_view .btn_answer {width:121px;height:26px;}
.Report .report_view a.btn_report {background-position:-150px 0;}
.Report .report_view a.btn_answer {background-position:-150px -50px;}
.Report .report_view span.btn_report {background-position:0 0;}
.Report .report_view span.btn_answer {background-position:0 -50px;}
.Report .report_view .card td {padding:7px 0 4px 4px;background:#f4f4f4;font:bold 16px "Nanum Gothic";}
.Report .report_view .card td.tit {padding:15px 0 0;vertical-align:top;text-align:left;text-indent:129px;}
.Report .report_view .card td .btn {width:300px;height:39px;}
.Report .report_view .term td {color:#6ca127;}
.Report .report_view .final td {color:#dd3b3e;}
.Report .report_view .term .btn {background-position:0 -150px;}
.Report .report_view .term span.btn {background-position:0 -100px;}
.Report .report_view .final .btn {background-position:0 -250px;}
.Report .report_view .final span.btn {background-position:0 -200px;}
.Report .report_view .notice {overflow:hidden;width:100%;padding:16px 0 12px;}
.Report .report_view .notice li {float:left;width:100%;color:#999;text-indent:5px;}
/* 성적표 - 레벨테스트 */
.Report .test_search {padding-top:11px;}
.Report .test_search h5.tit {width:140px;background-position:0 -700px;}
.Report .test_search strong {padding-right:4px;}
.Report .test_search strong.fst {width:66px;padding-right:0;}
.Report .test_search .calendar {float:left;padding-right:74px;}
.Report .test_search .ui-datepicker-trigger {margin-top:5px;cursor:pointer;}
.Report .test_search .inp {width:98px;height:28px;margin-right:-25px;line-height:28px;}
.Report .test_search .bar {padding:0 0 0 7px;}
.Report .report_test {/* padding:36px 0 23px; */padding:36px 0 137px;}
.Report .report_test h5.tit {width:161px;height:37px;background-position:0 -750px;}
.Report .report_test td {padding:5px 0 6px;}
.Report .report_test td.no_data {height:37px;padding:19px 0 17px;border-bottom:1px solid #ddd;background:none;line-height:17px;}
.Report .report_test td .btn {display:block;overflow:hidden;width:61px;height:26px;margin:0 auto;background:url(/images/mypage/btn_test_view.gif) no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;}
.Report .report_test .paging {width:730px;padding:15px 0 10px;border-bottom:1px solid #ddd;}
/* 2차에서 사용되므로 1차에서 display:none 처리 */
/*
.Report .report_menu {display:none;}
.Report .report_search {padding-top:40px;}
.Group.Report .book_view li .class {overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;}
*/





/* 학습하기
-------------------------------------------------------------------- */
/* 등록교재정보 */
.Learn .learn_book {width:730px;padding-top:36px;}
.Learn .learn_book h5.tit {width:130px;background-position:0 -500px;}
.Learn .learn_book .total {height:33px;padding:17px 0 0 20px;background:url(/images/mypage/bg_learn_all_class_book.gif) no-repeat 0 0;font-size:13px;color:#fff;line-height:18px;}
.Learn .learn_book .total strong {padding-left:2px;font:bold 13px 'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';color:#681403;}
.Learn .learn_book .total .bar {padding:0 5px 0 4px;color:#f8ca98;}
.Learn .learn_book .notice {padding:7px 0 0 6px;margin-bottom:-1px;color:#a0a0a0;line-height:16px;}
/* 2차오픈전 추가적인CSS
.Learn .learn_book .notice {display:none;}*/

/* 교재검색 */
.Learn .learn_search {width:730px;padding-top:36px;}
.Learn .learn_search h5.tit {width:128px;background-position:0 -550px;}
.Learn .learn_search .search_box {background:url(/images/mypage/bg_learn_search_box.gif) no-repeat 0 0;}
.Learn .learn_search .btn_search {background:url(/images/mypage/btn_learn.gif) no-repeat 0 0;}
.Learn .learn_search .search_box .check_rdo {float:left;padding-top:2px;}
.Learn .learn_search .search_box .check_rdo input {float:left;width:13px;height:13px;margin:5px 5px 0 0;}
.Learn .learn_search .search_box .check_rdo label {float:left;margin:2px 16px 0 0;font-size:13px;color:#333;}

/* 학습교제등록전 */
.Learn .learn_before {width:730px;padding:117px 0 185px;font-weight:bold;font-size:18px;color:#666;line-height:22px;text-align:center;}
.Learn .learn_before .btn {display:block;overflow:hidden;width:101px;height:36px;margin:18px auto 0;background:url(/images/mypage/btn_learn.gif) no-repeat 0 -50px;font-size:0;line-height:0;text-indent:-9999px;}

/* 소속학습교제_등록전 */
.Learn .learn_beforgroup {display:none;}
.Group.Learn .learn_beforgroup {display:block;width:730px;padding:266px 0 314px 0;font-size:13px;color:#666;line-height:28px;text-align:center;}
.Group .Learn .learn_beforgroup strong {display:block;padding-bottom:6px;font-weight:bold;font-size:24px;color:#333;}

/* 학습하기 */
.Learn .learn_select {width:730px;padding:25px 0 2px;background:url(/images/mypage/bg_learn_table.gif) repeat-x 0 20px;}
.Learn .learn_select .inner_select {padding-bottom:5px;background:url(/images/mypage/bg_learn_table.gif) repeat-x 0 100%;}
.Learn .learn_select .select_tit {overflow:hidden;width:678px;padding:25px 26px 0 26px;background-color:#f0f0f0;}
.Learn .learn_select .select_tit .subject {float:left;width:350px;padding:2px 0;}
.Learn .learn_select .select_tit .tit {font-weight:bold;font-size:16px;color:#db7c17;line-height:20px;}
.Learn .learn_select .select_tit .txt {padding-top:5px;color:#999;}
.Learn .learn_select .select_tit .book_name {float:right;width:260px;height:36px;padding:4px 20px 0;background:url(/images/mypage/bg_learn_book_subject.gif) no-repeat 0 0;}
.Learn .learn_select .select_tit .book_name span {display:block;overflow:hidden;width:100%;font:24px/28px 'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;}
.Learn .learn_select .select_tit .book_name2{float:right;width:260px;height:36px;padding:7px 20px 0;background:url(/images/mypage/bg_learn_book_subject.gif) no-repeat 0 0;}
.Learn .learn_select .select_tit .book_name2 span {display:block;overflow:hidden;width:100%;font:20px/24px 'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;}

.Learn .learn_select h5.tit_midterm {overflow:hidden;width:100%;height:76px;background:url(/images/mypage/tit_learn_mid_term.gif) no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;}
.Learn .learn_select .laern_midterm {padding:0 12px;background-color:#f0f0f0}
.Learn .learn_select h5.tit_final {overflow:hidden;width:100%;height:105px;background:url(/images/mypage/tit_learn_final.gif) no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;}
.Learn .learn_select .learn_final {padding:0 12px 25px;background-color:#ddd;}
/* 학습하기_테이블 */
.Learn .learn_tbl {background:url(/images/mypage/bg_learn_table_cell.gif) no-repeat 0 0;}
.Learn .learn_tbl th {width:79px;height:70px;font:bold 11px 'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';color:#666;}
.Learn .learn_tbl th span {display:block;font-size:18px;}
.Learn .learn_tbl td.learn {width:454px;}
.Learn .learn_tbl td.learn div {overflow:hidden;width:444px;padding-left:10px;}
.Learn .learn_tbl td.result {width:173px;}
.Learn .learn_tbl td.result div {overflow:hidden;width:156px;padding-left:17px;}
.Learn .learn_tbl td .btn {overflow:hidden;float:left;height:42px;margin-right:5px;background-image:url(/images/mypage/bg_learn_status.gif);background-repeat:no-repeat;font:bold 11px/1.1 'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';color:#37a874;text-align:center;}
.Learn .learn_tbl td .btn span {display:table-cell;height:39px;vertical-align:middle;text-align:center;}
/* 학습하기_버튼상태변화 */
.Learn .learn_tbl td.learn .btn {width:105px;background-position:0 0;}
.Learn .learn_tbl td.learn .btn.on:hover,
.Learn .learn_tbl td.learn .btn.on {background-position:0 -50px;color:#076f40;}
.Learn .learn_tbl td.learn .current .btn.on:hover,
.Learn .learn_tbl td.learn .btn:hover {background-position:0 -100px;color:#fff;}
.Learn .learn_tbl tr.bg td.learn .btn {width:105px;background-position:0 -150px;color:#e69021;}
.Learn .learn_tbl tr.bg td.learn .btn.on:hover,
.Learn .learn_tbl tr.bg td.learn .btn.on {background-position:0 -200px;color:#ac580d;}
.Learn .learn_tbl tr.bg td.learn .current .btn.on:hover,
.Learn .learn_tbl tr.bg td.learn .btn:hover {background-position:0 -250px;color:#fff;}
.Learn .learn_tbl td.learn .btn span {width:105px;}
/* 학습하기_버튼상태변화_TEST,성적표 */
.Learn .learn_tbl td.result .btn {width:71px;font-size:12px;background-position:0 -300px;color:#bbb;}
.Learn .learn_tbl td.result .lst {font:bold 13px/18px 'Nanum Gothic';color:#aaa;}
.Learn .learn_tbl td.result .btn.on {background-position:0 -350px;color:#666;}
.Learn .learn_tbl td.result .btn.on:hover {background-position:0 -400px;color:#37a874}
.Learn .learn_tbl td.result .btn span {width:71px;height:38px;}
.Learn .learn_tbl td.result .lst span {height:39px;}

/* 학습 하기 교재리스트 */
.Learn .book_reg {width:730px;padding-top:36px;}
.Learn .book_reg h5.tit {width:108px;background-position:0 -450px;}
.Learn .book_reg .list_sort {overflow:hidden;width:100%;height:54px;background:url(/images/mypage/bg_book_sort.gif) no-repeat 0 0;line-height:18px;}
.Learn .book_reg .list_sort .total {float:left;padding:16px 0 0 20px;font-size:13px;color:#fff;}
.Learn .book_reg .list_sort .total strong {color:#680c00;}
.Learn .book_reg .list_book {overflow:hidden;width:665px;padding-left:65px;background:url(/images/mypage/bg_book_list.gif) repeat-y 0 0;}
.Learn .book_reg .list_book li {float:left;width:164px;height:258px;padding:0 56px 16px 0;}
.Learn .book_reg .list_book .no_data {position:relative;width:730px;height:auto;padding:54px 0 76px;margin-left:-65px;background:url(/images/mypage/bg_book_list.gif) no-repeat 0 100%;font-weight:bold;font-size:18px;color:#666;line-height:22px;text-align:center;}
.Learn .book_reg .list_book .info {height:58px;}
.Learn .book_reg .list_book .tit {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}
.Learn .book_reg .list_book .txt {display:block;overflow:hidden;height:32px;padding:24px 4px 0 0;font-family:'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';color:#333;line-height:14px;text-align:center;word-break:break-all;}
.Learn .book_reg .list_book .btn_reg {overflow:hidden;position:absolute;left:22px;top:160px;width:121px;height:40px;background:url(/images/mypage/btn_book_reg.png) no-repeat 0 -50px;font-size:0;line-height:0;text-indent:-9999px;}
.Learn .book_reg .list_book button.btn_reg {background-position:0 0;}

/* 교재리스트_단체 */
.Group .Learn .book_reg {height:701px;}
.Group .Learn .book_reg h5.tit {width:129px;background-position:0 -350px;}
.Group .Learn .book_reg .list_book .btn_reg {display:none;}



/* 내정보
-------------------------------------------------------------------- */
.Myinfo .view_mypage .btn {display:block;overflow:hidden;background-image:url(/images/mypage/btn_myinfo.gif);background-repeat:no-repeat;font-size:0;line-height:0;text-indent:-9999px;}

/* 회원정보 */
.Myinfo .members_info {width:730px;padding-top:36px;}
.Myinfo .members_info h5.tit {width:92px;background-position:0 -600px;}
.Myinfo .member_tbl {border-bottom:1px solid #ddd;font-size:13px;line-height:18px;}
.Myinfo .member_tbl th {width:130px;height:35px;padding:15px 0 0 20px;border-top:1px solid #ddd;background-color:#f4f4f4;color:#666;text-align:left;vertical-align:top;}
.Myinfo .member_tbl .email th {height:57px;}
.Myinfo .member_tbl td {padding-left:20px;border-top:1px solid #ddd;color:#333;}
.Myinfo .member_tbl td select {margin-right:6px;}
.Myinfo .member_tbl td .inp {width:178px;height:28px;margin-right:6px;border:1px solid #ccc;line-height:28px;}
.Myinfo .member_tbl td .inp_info {font-size:12px;color:#999;}
.Myinfo .member_tbl .email td  {vertical-align:top;}
.Myinfo .member_tbl .email td div {overflow:hidden;width:100%;padding:10px 0 6px;}
.Myinfo .member_tbl .email td div .inp {float:left;}
.Myinfo .member_tbl .email td div .email_inp {width:78px;}
.Myinfo .member_tbl .email td div select {float:left;margin-right:5px;}
.Myinfo .member_tbl .email td div span {float:left;padding:6px 5px 0 0;color:#666;}
.Myinfo .member_tbl .email td div .btn {overflow:hidden;float:left;width:71px;height:26px;margin-top:2px;background-position:0 0;}

/* 회원소속 */
.Myinfo .members_belong {width:730px;padding:36px 0 24px;}
.Myinfo .members_belong h5.tit {width:92px;background-position:0 -650px;}
.Myinfo .members_belong .belong label {padding:0 11px 0 5px;}
.Myinfo .members_belong .search .name {float:left;padding-top:2px;}
.Myinfo .members_belong .search .name span {padding-right:8px;}
.Myinfo .members_belong .search .btn {float:left;width:71px;height:26px;background-position:0 -50px;}
.Myinfo .members_belong .search .btn_leave {background-position:0 -300px;}
.Myinfo .members_belong .agree {color:#dc661f;}
.Myinfo .members_belong .agree_conf {color:#226e77;}
.Myinfo .members_belong .class .bg_class {float:left;padding-right:16px;margin-right:5px;background:url(/images/mypage/bg_user_form_group_class.gif) no-repeat 100% -100px;}
.Myinfo .members_belong .class .inner_class {float:left;padding-left:16px;background:url(/images/mypage/bg_user_form_group_class.gif) no-repeat 0 0;}
.Myinfo .members_belong .class .in_class {float:left;height:24px;padding:7px 3px 0;background:url(/images/mypage/bg_user_form_group_class.gif) repeat-x 0 -50px;font-weight:bold;font-size:13px;color:#666;line-height:18px;}
.Myinfo .members_belong .info th {height:120px;background:#f4f4f4 url(/images/mypage/ico_exclamation_mark.gif) no-repeat 113px 12px;}
.Myinfo .members_belong .info .list {padding-bottom:6px;}
.Myinfo .members_belong .info li {padding:4px 0 0 11px;background:url(/images/mypage/bg_3_3_color999.gif) no-repeat 0 12px;font-size:12px;color:#999;line-height:18px;}
.Myinfo .members_belong .group_btn {overflow:hidden;width:100%;padding:20px 0 0;}
.Myinfo .members_belong .group_btn .btn {width:101px;height:36px;}
.Myinfo .members_belong .btn_leave {float:left;background-position:0 -100px;}
.Myinfo .members_belong .btn_save {float:right;background-position:0 -150px;}

/* 레이어팝업_단체검색 */
.layer_groupsearch {left:-393px;width:787px;padding-bottom:31px;background:url(/images/common/bg_layer_footer_787.png) no-repeat 0 100%;}
.layer_groupsearch .inner_popup {width:720px;padding:0 37px 6px 30px;background:url(/images/common/bg_layer_body_787.png) repeat-y 0 0;}
.layer_groupsearch .btn {display:block;overflow:hidden;background-image:url(/images/mypage/btn_myinfo.gif);background-repeat:no-repeat;font-size:0;line-height:0;text-indent:-9999px;}
.layer_groupsearch .layer_close {left:729px;}
.layer_groupsearch h2.tit {background:url(/images/common/bg_layer_head_787.png) no-repeat 0 0;}
.layer_groupsearch .search_box {overflow:hidden;width:702px;height:38px;padding:12px 0 0 18px;background:url(/images/mypage/bg_layer_group_seach.gif) no-repeat 0 0;}
.layer_groupsearch .search_box .rdo {float:left;padding-right:5px;}
.layer_groupsearch .search_box .rdo input {float:left;width:13px;height:13px;margin:5px 5px 0 0;}
.layer_groupsearch .search_box .rdo label {float:left;margin:2px 16px 0 0;font-size:13px;color:#333;}
.layer_groupsearch .search_box .inp {float:left;width:369px;height:24px;margin:1px 5px 0 0;border:1px solid #ccc;line-height:24px;}
.layer_groupsearch .search_box .btn {float:left;width:71px;height:26px;background-position:0 -200px;}
.layer_groupsearch .info {padding:25px 0 10px 4px;color:#999;}
.layer_groupsearch .seach_list .tbl_head {padding-top:20px;}
.layer_groupsearch .seach_list th {height:36px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f4f4f4;font-size:13px;color:#666;text-align:left;}
.layer_groupsearch .seach_list th.name {width:108px;padding-left:54px;}
.layer_groupsearch .seach_list th.id {width:122px;padding-left:54px;}
.layer_groupsearch .seach_list th.address {width:148px;padding-left:82px;}
.layer_groupsearch .seach_list .tbl_body {overflow:hidden;overflow-y:scroll;height:219px;border-bottom:1px solid #ddd;}
.layer_groupsearch .seach_list .tbl_body .tbl {width:703px;}
.layer_groupsearch .seach_list td {padding:9px 0 9px;border-top:1px solid #ddd;color:#333;line-height:18px;text-align:center;word-break:break-all;}
.layer_groupsearch .seach_list td.no_data {padding:89px 0;}
.layer_groupsearch .seach_list tr:first-child td {border-top:0 none;}
.layer_groupsearch .seach_list td.td1 {width:132px;padding-left:7px;}
.layer_groupsearch .seach_list td.td2 {width:150px;padding-left:23px;}
.layer_groupsearch .seach_list td.td3 {padding-left:27px;text-align:left;}
.layer_groupsearch .seach_list td.td4 {width:96px;padding-left:12px;}
.layer_groupsearch .seach_list td.td5 {width:61px;padding:5px 0;text-align:left;}
.layer_groupsearch .seach_list td .btn {width:51px;height:26px;background-position:0 -250px}


/* 자료실
-------------------------------------------------------------------- */
.Download .paging {width:730px;padding:16px 0 8px;border-bottom:1px solid #ddd;}

/* 자료구분아이콘 */
.Download .ico_book {background-position:0 -100px;}
.Download .ico_mp3 {background-position:0 -150px;}
.Download .ico_multi {background-position:0 -200px;}
.Download .ico_test {background-position:0 -250px;}
.Download .ico_key {background-position:0 -300px;}
.Download .ico_etc {background-position:0 -350px;}

/* 목록 */
/* 검색 */
.Download .down_search {padding-top:36px;}
.Download .down_search .tit_type h5.tit {background:url(/images/mypage/img_download.gif) no-repeat 0 0;}
.Download .down_search .search_box {overflow:hidden;width:711px;height:65px;padding:20px 0 0 19px;background:url(/images/mypage/bg_download_search_box.gif) no-repeat 0 0;}
.Download .down_search select {margin-right:10px;}
.Download .down_search select.off {background-color:#fff;color:#c1c1c1;}
.Download .down_search .inp {float:left;width:188px;height:28px;margin-right:5px;}
.Download .down_search .btn_search {width:71px;height:29px;background:url(/images/mypage/img_download.gif) no-repeat 0 -600px;}
/* 메뉴 */
.Download .menu_down {overflow:hidden;width:100%;padding:0 0 31px;}
.Download .menu_down .tab {overflow:hidden;width:100%;height:92px;background:url(/images/mypage/menu_download.jpg) no-repeat 0 0;}
.Download .menu_down li {float:left;padding-left:5px;}
.Download .menu_down li.tab_all {padding-left:0;}
.Download .menu_down a {overflow:hidden;float:left;width:100px;height:92px;font-size:0;line-height:0;text-indent:-9999px;}
.Download .menu_down a:hover,
.Download .menu_down a.on {background:url(/images/mypage/menu_download.jpg) no-repeat 0 0;}
.Download .menu_down li.tab_all a {background-position:0 -100px;}
.Download .menu_down li.tab_book a {background-position:-105px -100px;}
.Download .menu_down li.tab_mp3 a {background-position:-210px -100px;}
.Download .menu_down li.tab_multi a {background-position:-315px -100px;}
.Download .menu_down li.tab_test a {background-position:-420px -100px;}
.Download .menu_down li.tab_key a {background-position:-525px -100px;}
.Download .menu_down li.tab_etc a {background-position:-630px -100px;}
/* 검색결과갯수 */
.Download .search_result {padding:0 19px 14px 0;font-weight:bold;font-size:14px;color:#4e4e4e;line-height:18px;text-align:right;}
.Download .search_result .num {color:#1e7486;}
/* 검색결과목록 */
.Download .down_list {height:465px;padding-bottom:23px;}
.Download .down_list .area_tbl {width:730px;}
.Download .down_list th.th1 {text-indent:12px;}
.Download .down_list th.th4 {padding-left:96px;background:none;text-align:left;}
.Download .down_list td {height:37px;padding:0;line-height:17px;}
.Download .down_list td .curt {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
.Download .down_list td.td1 .curt {width:80px;padding-left:15px;}
.Download .down_list td.td2 {font-size:13px;}
.Download .down_list td.td2 .curt {width:100px;margin:0 auto;}
.Download .down_list td.td3 {text-align:left;}
.Download .down_list td.td3 .ico {display:block;overflow:hidden;width:74px;height:17px;margin-left:14px;background-image:url(/images/mypage/img_download.gif);background-repeat:no-repeat;font-size:0;line-height:0;text-indent:-9999px;}
.Download .down_list td.td4 .curt {width:310px;text-align:left;}
.Download .down_list td.td4 .subject a {color:#333;}
.Download .down_list td.td5 .btn {display:block;overflow:hidden;width:71px;height:26px;margin:0 auto;background:url(/images/mypage/img_download.gif) no-repeat 0 -50px;font-size:0;line-height:0;text-indent:-9999px;}
.Download .down_list td.no_data {padding:19px 0 17px;background:none;border-bottom:1px solid #ddd;}

/* 상세 */
/* 제목 */
.Download .view_detail {overflow:hidden;width:100%;padding:40px 0 15px;font-size:13px;line-height:15px;color:#333}
.Download .view_detail .view_subject {width:730px;padding-bottom:10px;background:url(/images/mypage/bg_download_view_tit.gif) no-repeat -1000px 100%;}
.Download .view_detail .view_subject .inner_subject {padding-top:10px;background:url(/images/mypage/bg_download_view_tit.gif) no-repeat 0 0;}
.Download .view_detail .view_subject .in_subject {overflow:hidden;width:670px;padding:9px 29px;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#efefef;}
.Download .view_detail .view_subject .ico {overflow:hidden;float:left;width:74px;height:17px;margin-top:3px;background-image:url(/images/mypage/img_download.gif);background-repeat:no-repeat;font-size:0;line-height:0;text-indent:-9999px;}
.Download .view_detail .view_subject .tit {float:right;width:587px;font-weight:bold;font-size:18px;color:#333;line-height:22px;word-break:break-all;}
/* 테이블 */
.Download .down_view {width:720px;padding:1px 0;margin:0 5px;border-bottom:1px solid #ccc;}
.Download .down_view .tbl {table-layout:fixed;}
.Download .down_view td {border-top:1px solid #ddd;font-size:13px;color:#333;line-height:18px;word-break:break-all;text-align:left;}
.Download .down_view tr.fst td {border-top:0 none;}
.Download .down_view td.tit {width:75px;height:35px;color:#666;text-indent:25px;}
.Download .down_view td.tit span {white-space:nowrap;}
.Download .down_view td.tit img {margin-left:3px;vertical-align:middle;}
.Download .down_view td.count {text-align:right;}
.Download .down_view td.count .tit {padding-right:7px;color:#666;}
.Download .down_view td .txt {padding-right:25px;}
.Download .down_view td .txt a {color:#333;}
.Download .down_view td .txt a:hover {font-weight:bold;}
.Download .down_view td.view {padding:34px 24px;line-height:23px;}
.Download .down_view td.view img {max-width:676px;}
/* 목록바로가기버튼 */
.Download .link_list {overflow:hidden;width:725px;padding:20px 0 40px;}
.Download .link_list .btn {overflow:hidden;float:right;width:91px;height:29px;background:url(/images/mypage/img_download.gif) no-repeat 0 -550px;font-size:0;line-height:0;text-indent:-9999px;}
/* 이전글다음글 */
.Download .another_list {width:730px;padding-bottom:7px;border-top:1px solid #ccc;}
.Download .another_list li {overflow:hidden;width:672px;padding:8px 29px 10px 29px;border-bottom:1px solid #ddd;font-size:13px;line-height:18px;}
.Download .another_list li.next {border-bottom:1px solid #ccc;}
.Download .another_list .ico {padding-right:30px;background:url(/images/mypage/img_download.gif) no-repeat 56px -444px;color:#666;}
.Download .another_list li.next .ico {background-position:56px -495px;}
.Download .another_list .tit {float:left;width:67px;color:#666;}
.Download .another_list .tit a {color:#666;}
.Download .another_list .txt {overflow:hidden;float:right;width:585px;color:#333;white-space:nowrap;text-overflow:ellipsis;}
.Download .another_list .txt a {color:#333;}
.Download .another_list .txt a:hover {font-weight:bold;}


/* 2015-11-09 추가*/
/* 2015-11-09 추가 여기서 부터 아래 끝까지*/
.Main .report_graph .bg_graph4 {width:630px; padding:71px 33px 87px 60px;border:3px solid #f7dc7a;border-radius:10px;overflow:hidden}
.Main .report_graph .bg_graph4 .box_graph {position:relative;width:637px;height:290px; border-bottom:1px solid #eee;font:11px/14px 'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';color:#666;}
.Main .report_graph .bg_graph4 .box_graph .num {position:absolute;left:-40px;top:-7px;width:30px;}
.Main .report_graph .bg_graph4 .box_graph .num span {display:block;padding-bottom:15px;text-align:right;}
.Main .report_graph .bg_graph4 .box_graph .tbl td {height:290px;vertical-align:bottom;text-align:center;}
.Main .report_graph .bg_graph4 .box_graph .obj {position:relative;;width:10px;margin:0 20px; background-color:#4cb9b3;}
.Main .report_graph .bg_graph4 .box_graph .txt {position:absolute;left:-21px;bottom:-29px;width:50px;text-align:center;}
.Main .report_graph .bg_graph4 .box_graph .txt span {display:block;margin-bottom:-2px;}
.Main .report_graph .bg_graph4 .box_graph .score {position:absolute;left:-10px;top:-27px;width:30px;height:23px;padding-top:1px;background:url(../images/mypage/bg_book_report_graph_tooltip.gif) no-repeat 0 0;font:bold 11px/14px tahoma;;color:#fff;text-align:center;}
.Main .report_graph .bg_graph4 .box_graph .trd {background-color:#e64646;}
.Main .report_graph .bg_graph4 .box_graph .trd .score {background-position:-50px 0;}


/* 학습하기_테이블 */
.Learn .learn_tbl_2 {border:2px solid #ccc;border-bottom-left-radius:30px;border-bottom-right-radius:30px;overflow:hidden}
.Learn .learn_tbl_2 .tbl {border-bottom:2px solid #ccc;}
.Learn .learn_tbl_2 .tbl:last-child {border-bottom:0 }
.Learn .learn_tbl_2 th {width:79px;height:70px;font:bold 11px 'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';color:#666;}
.Learn .learn_tbl_2 th span {display:block;font-size:18px;}
.Learn .learn_tbl_2 td.learn {width:454px;}
.Learn .learn_tbl_2 td.result {width:173px;}
.Learn .learn_tbl_2 th,
.Learn .learn_tbl_2 td {border-right:2px solid #ccc;background:#fff }
.Learn .learn_tbl_2 td:last-child {border-right:0 }

/* 학습하기_버튼상태변화 */
.Learn .learn_tbl_2 td.learn ul.btn {overflow:hidden;width:444px;padding:10px 4px 4px 10px;text-align:center;}
.Learn .learn_tbl_2 td.learn ul.btn li {overflow:hidden;float:left;margin:0px 4px 10px 0;vertical-align:middle;text-align:center; }
.Learn .learn_tbl_2 td.learn ul.btn li a{display:table-cell;*display:block;*padding-top:15px; vertical-align:middle;width: 106px;height:42px; background-image:url(../images/mypage/set_learnBtn.png);background-repeat:no-repeat;font:bold 11px/1.1 'Verdana','Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum'; }
.Learn .learn_tbl_2 td.learn ul.btn li.Phonics a {background-position: -10px -382px;color:#a28356}
.Learn .learn_tbl_2 td.learn ul.btn li.Phonics a.off,
.Learn .learn_tbl_2 td.learn ul.btn li.Phonics a.off:hover {background-position: -10px -444px;color:#7c6340}
.Learn .learn_tbl_2 td.learn ul.btn li.Phonics a:hover {background-position: -10px -506px;color:#fff }

.Learn .learn_tbl_2 td.learn ul.btn li.Vocabulary a {background-position: -10px -940px;color:#e69021}
.Learn .learn_tbl_2 td.learn ul.btn li.Vocabulary a.off,
.Learn .learn_tbl_2 td.learn ul.btn li.Vocabulary a.off:hover {background-position: -10px -1002px;color:#ac580d }
.Learn .learn_tbl_2 td.learn ul.btn li.Vocabulary a:hover {background-position: -10px -1064px;color:#fff  }

.Learn .learn_tbl_2 td.learn ul.btn li.listSpek a {background-position: -10px -196px;color:#37a874}
.Learn .learn_tbl_2 td.learn ul.btn li.listSpek a.off,
.Learn .learn_tbl_2 td.learn ul.btn li.listSpek a.off:hover {background-position: -10px -258px;color:#1b774d }
.Learn .learn_tbl_2 td.learn ul.btn li.listSpek a:hover {background-position: -10px -320px;color:#fff  }

.Learn .learn_tbl_2 td.learn ul.btn li.Listening a {background-position: -10px -10px;color:#79b13a}
.Learn .learn_tbl_2 td.learn ul.btn li.Listening a.off,
.Learn .learn_tbl_2 td.learn ul.btn li.Listening a.off:hover {background-position: -10px -72px;color:#548024}
.Learn .learn_tbl_2 td.learn ul.btn li.Listening a:hover {background-position: -10px -134px;color:#fff  }

.Learn .learn_tbl_2 td.learn ul.btn li.Speaking a {background-position: -10px -754px;color:#33b0c6}
.Learn .learn_tbl_2 td.learn ul.btn li.Speaking a.off,
.Learn .learn_tbl_2 td.learn ul.btn li.Speaking a.off:hover {background-position: -10px -816px;color:#067e93}
.Learn .learn_tbl_2 td.learn ul.btn li.Speaking a:hover {background-position: -10px -878px;color:#fff  }

.Learn .learn_tbl_2 td.learn ul.btn li.Reading a {background-position: -10px -568px;color:#b072e0}
.Learn .learn_tbl_2 td.learn ul.btn li.Reading a.off,
.Learn .learn_tbl_2 td.learn ul.btn li.Reading a.off:hover {background-position: -10px -630px;color:#7a39ae }
.Learn .learn_tbl_2 td.learn ul.btn li.Reading a:hover {background-position: -10px -692px;color:#fff  }

.Learn .learn_tbl_2 td.learn ul.btn li.Writing a {background-position: -10px -1126px;color:#e1768e}
.Learn .learn_tbl_2 td.learn ul.btn li.Writing a.off,
.Learn .learn_tbl_2 td.learn ul.btn li.Writing a.off:hover {background-position: -10px -1188px;color:#af3c56 }
.Learn .learn_tbl_2 td.learn ul.btn li.Writing a:hover {background-position: -10px -1250px;color:#fff  }

/* 학습하기_버튼상태변화_TEST,성적표 */
.Learn .learn_tbl_2 td.result ul.btn {overflow: hidden;width: 156px;padding-left: 17px}
.Learn .learn_tbl_2 td.result ul.btn li a{overflow:hidden;float:left;width:71px;height:42px;margin-right:5px;background-image:url(../images/mypage/bg_learn_status.gif);background-repeat:no-repeat;background-position:0 -300px;font:bold 12px/18px 'verdana';color:#aaa;}
.Learn .learn_tbl_2 td.result ul.btn li a.ov{background-position:0 -350px;color:#666}
.Learn .learn_tbl_2 td.result ul.btn li a.off{background-position:0 -300px;font:bold 13px/18px 'Nanum Gothic';color:#aaa;}
.Learn .learn_tbl_2 td.result ul.btn li a.off:hover {background-position:0 -300px;font:bold 13px/18px 'Nanum Gothic';color:#aaa; }
.Learn .learn_tbl_2 td.result ul.btn li a:hover {background-position:0 -400px;color:#37a874 }
.Learn .learn_tbl_2 td.result li span {display:table-cell;*display:block;*padding-top:15px; width:71px;height:39px;vertical-align:middle;text-align:center; }

.Learn .learn_select .learn_final { padding-bottom: 55px; }


/* Styled scrollbars */

.iScrollHorizontalScrollbar {
	position: absolute;
	z-index: 9999;
	height: 18px;
	left: 0px;
	right: 0px;
	bottom: 2px;
	overflow: hidden;
    background:#e5e5e5;
    border-radius:10px;
    width:100%;
}

.iScrollHorizontalScrollbar.iScrollBothScrollbars {right: 0px;}

.iScrollVerticalScrollbar {
	position: absolute;
	z-index: 9999;
	width: 16px;
	bottom: 2px;
	top: 2px;
	right: 2px;
	overflow: hidden;
}

.iScrollVerticalScrollbar.iScrollBothScrollbars {bottom: 18px;}

.iScrollIndicator {
	position: absolute;
    top:3px;
    left:7px;
	background: #eaae11;
	border: 1px solid #ffdc80;
	border-radius: 10px;
}

.iScrollHorizontalScrollbar .iScrollIndicator {
	height: 55%;
	background: -moz-linear-gradient(left,  #ffbe12 0%,#eaae11 100%);
	background: -webkit-linear-gradient(left,  #ffbe12 0%,#eaae11 100%);
	background: -o-linear-gradient(left,  #ffbe12 0%,#eaae11 100%);
	background: -ms-linear-gradient(left,  #ffbe12 0%,#eaae11 100%);
	background: linear-gradient(to right,  #ffbe12 0%,#eaae11 100%);
}

.iScrollVerticalScrollbar .iScrollIndicator {
	width: 100%;
	background: -moz-linear-gradient(top, #ffdc80 0%,#ffbe12 100%);
	background: -webkit-linear-gradient(top,  #ffdc80 0%,#ffbe12 100%);
	background: -o-linear-gradient(top, #ffdc80 0%,#ffbe12 100%);
	background: -ms-linear-gradient(top, #ffdc80 0%,#ffbe12 100%);
	background: linear-gradient(to bottom,  #ffdc80 0%,#ffbe12 100%);
}
/* end */
html {-ms-touch-action: none;}

#scroll_wrapper {
	position:absolute;
    top:-30px;
	width: 100%;
    height:357px;
    overflow-x:hidden;
    padding-top:30px;
    cursor:move;
}

#scroller {
	position:absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: auto;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
/* //2015-11-09 추가*/

/*교재정보 Tab 추가*/
.book_tab{margin:15px 0 10px; text-align:center;}
.book_tab *{box-sizing:border-box;}

.book_tab ul{display:inline-block;}
.book_tab ul:after{content:''; display:block; clear:both;}
.book_tab li{float:left; vertical-align:top; margin-left:-1px; position:relative; border:1px solid #dbdbdb; background:URL('/images/mypage/bg_book_tab.png');}
.book_tab li button{color:#525252; display:block; line-height:35px; text-align:center; font-size:14px; width:100%; padding:0 12px; font-weight:bold;}
.book_tab li.on{border:1px solid #9e2616;}
.book_tab li.on button{color:#FFF; background:URL('/images/mypage/bg_book_tab_on.png');}
.book_tab li.on button:after{content:''; display:block; width:18px; height:16px; background:URL('/images/mypage/bu_book_tab_on.png') no-repeat; position:absolute; left:50%; margin-left:-9px; bottom:-15px;}



/*알림장 추가*/
.alarm dl, .alarm dt, .alarm dd{padding:0; margin:0;}

.menu_mypage .menu6 a{background-position:-32px -15px; background-image:url(/images/mypage/menu_mypage.gif?ver=20200429);}
.menu_mypage a.menu6:hover, .menu_mypage .on a.menu6{background-position:-32px -100px;}

.alarm .tit_type{padding-top:36px;}
.alarm .tit_type h5.tit{background-position:0 -797px; width:71px; vertical-align:bottom}
.alarm .tit_type .txt{vertical-align:bottom; line-height:24px;}

.alarm .search_box{display:flex; display:-webkit-flex; display:-ms-flex; align-items:center; width:100%; line-height:24px; border:6px solid #f4a59b; box-sizing:border-box; border-radius:30px; min-height:60px; padding:10px 0 5px 5px; height:auto;}
.alarm .search_box:after{content:''; display:block; clear:both;}
.alarm .search_box .tit{padding-top:0;}
.alarm .search_box dt,.alarm .search_box dd{float:left; vertical-align:middle;}
.alarm .search_box dd.class_sel{width:380px; overflow:auto; max-height:7.8em;}

.alarm .search_box dd .name{font-size:17px; color:#333; font-weight:bold;}
.alarm .search_box dl{display:flex; display:-webkit-flex; display:-ms-flex; align-items:center; width:32%;}
.alarm .search_box dl + dl{margin-left:30px; width:68%;}
.alarm .search_box dl + dl:before{content:''; display:block; float:left; margin-top:5px; vertical-align:middle; width:1px; height:15px; background:#ffcdc7;}
.alarm .search_box button{display:inline-block; border-radius:13px; border:2px solid #CCC; box-shadow:0px 2px 0 0 #b5b5b5; padding:0 10px; min-width:50px; height:26px; line-height:24px; font-weight:bold; color:#FFF; background:#bfbfbf; margin-bottom:5px;}
.alarm .search_box button.on{background-color:#c73638; border-color:#da6658;}

.homework_box{margin:20px 0 20px; min-height:200px;}
.homework_box .on{padding-bottom:10px;}
.homework_box dl{border:1px solid #ddd; border-top:none; border-radius:20px; box-sizing:border-box; width:730px;}
.homework_box dl + dl{margin-top:10px;}
.homework_box dt{background:URL('/images/mypage/bg_alarm_hwtit.png') no-repeat; background-position:0 -50px; width:730px; height:50px; padding:0 70px 0 50px; box-sizing:border-box; color:#666; cursor:pointer;}
.homework_box dt:after{content:''; display:block; clear:both;}
.homework_box .on dt{background-position:0 0; color:#FFF; cursor:default;}

.homework_box .on dt .hw_date font{color:#ffc320}
.homework_box dt .hw_date font{color:#d8121;}

.homework_box dt h6{display:inline-block; font-size:16px; font-weight:bold; line-height:50px; max-width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align: middle;}
.homework_box dt .hw_no{margin-left:20px;}
.homework_box dt .hw_no strong{padding-right:5px;}
.homework_box dt .hw_date{float:right; margin-top:17px;}
.homework_box dt .hw_date strong{padding-right:15px;}

.homework_box .on dd{padding:25px 0; margin:0 30px; display:flex; display:-webkit-flex; display:-ms-flex; align-items:center;}
.homework_box dd{display:none; position:relative; max-height:10em;}
.homework_box dd:after{content:''; display:block; clear:both;}
.homework_box dd + dd{border-top:2px solid #ddd}
.homework_box dd span.hw_img{width:60px; height:75px; padding:0; display:flex; display:-webkit-flex; display:-ms-flex; align-items:center; justify-content:center; font-weight:bold;}
.homework_box dd span.hw_img > img{width:auto; height:auto; max-width:100%; max-height:95%; border-radius:5px; box-shadow:2px 2px 1px 0px #bdbdbd;}
.homework_box dd span{display:block; padding:0 20px; color:#838383; font-size:13px; overflow:auto; width:500px; max-height:10.5em;}
.homework_box dd button{background:URL('/images/mypage/bg_btn_hwchk.png') no-repeat;  background-position:0 -39px; width:39px; height:39px; font-size:0; display:block; position:absolute; top:50%; right:0; margin-top:-21px;}
.homework_box dd button:focus{outline:none;}
.homework_box dd button.chk{background-position:0 0;}

.homework_box .no_data{width:730px; padding:117px 0 185px; font-weight:bold; font-size:18px; color:#666; line-height:22px; text-align:center;}