@charset "utf-8";

.lecture_ing_wrap {margin:45px 0 10px 0;}
.courses_lecture_align {margin-bottom:13px; overflow:hidden;}
.courses_lecture_align>ul {margin-top:11px; float:left}
.courses_lecture_align>select {float:right;}

.courses_lecture_align02 {margin-bottom:13px; overflow:hidden;}
.courses_lecture_align02>ul {float:left}
.courses_lecture_align02>span {float:right;}

.lecture_detail02_wrap {margin-top:70px;}
.lecture_detail02_align {margin-bottom:20px; overflow:hidden;}
.lecture_detail02_align img {vertical-align:bottom;}
.lecture_detail02_tit {float:left; font-size:14px; font-weight:bold; color:#000;}
.btn_more {float:right; font-size:11px;}

.lecture_detail_wrap{position:relative; width:702px; height:177px; padding:26px 0 0 40px; background:url(../images/my_class_room/bg_lecture_list01.gif) no-repeat 0 0; color:#fff;}

.lecture_btn_wrap {margin-bottom:20px; height:64px; line-height:64px; background:#f6f6f6; border-top:2px solid #000; border-bottom:1px solid #000; overflow:hidden;}
.lecture_btn01 {margin-left:18px; float:left;}
.lecture_btn02 {margin-right:15px; float:right;}

/* package_point */
.package_point {height:100px; position:relative; background:url("../images/my_class_room/package_point_img.gif") left top no-repeat; border-bottom:1px solid #000;}
.point_txt_wrap {padding:29px 0 0 175px; font-size:16px; color:#222; font-weight:bold;}
.point_tit {display:block;}
.point_txt {margin-top:10px; display:block;}
.point_txt>img {vertical-align:top;}

.sticker_info_wrap {width:240px; height:28px; position:absolute; right:15px; top:35px; background:#fff; border:1px solid #dcdcdc;}
.sticker_info_tit {padding-left:19px; height:28px; line-height:28px; display:block; position:relative;}
.sticker_info_txt {width:175px; height:28px; display:block; color:#333;}
.btn_select {position:absolute; right:0; top:0;}
.btn_select>img {vertical-align:top;}


.sticker_info_con_wrap {width:240px; position:absolute; left:-1px; top:28px; background:#fff; border:1px solid #dcdcdc; z-index:1;}
.sticker_info_con {margin:0 auto; width:202px;;}
.sticker_info_con>li:first-child {border-top:none;}
.sticker_info_con>li {height:79px; border-top:1px solid #dcdcdc; overflow:hidden;}
.icon_sticker01 {margin-top:9px; width:59px; float:left;}
.sticker_info_etc {margin-top:10px; width:143px; float:left;}
.sticker_info_etc>span {display:block;}
.sticker_date {color:#b3b3b3;}
.sticker_name {margin-top:3px; color:#858585;}
.sticker_name>strong {color:#333;}
.sticker_txt {margin-top:1px; color:#858585;}
.sticker_txt>strong {color:#333; font-weight:normal;}

.sticker_info02_con_wrap {width:245px; height:269px; position:absolute; left:-246px; top:0; background:#4e4e4e; z-index:1;}
.sticker_info02_close {position:absolute; right:10px; top:10px;}
.sticker_info02_tit {margin:20px 0 0 34px; color:#fff; display:block;}
.sticker_info02_con {margin-top:20px; height:174px; position:relative;}
.sticker_prev {margin-top:-8px; width:8px; height:16px; position:absolute; left:10px; top:50%;}
.sticker_next {margin-top:-8px; width:8px; height:16px; position:absolute; right:10px; top:50%;}
.sticker_acq {margin:0 auto; width:179px; height:174px;}
.sticker_acq>ul {margin:-9px 0 0 -15px; width:195px; height:177px; overflow:hidden;}
.sticker_acq>ul>li {margin:9px 0 0 15px; width:50px; height:50px; float:left;}
.sticker_acq>ul>li>img {width:50px; height:50px;}

/* package_wrap */
.package_wrap_bg {min-height:600px; padding:20px 0 20px 0; background:url("../images/my_class_room/package_bg01.gif") left top repeat; border-bottom:1px solid #000;}
.package_wrap {margin:0 auto; padding-top:13px; width:702px; position:relative; overflow:hidden;}
.no_img01_wrap {width:702px; height:447px; display:none; position:absolute; left:0; top:33px; z-index:2;}
.btn_click {position:absolute; right:0; bottom:51px;}
.package_layout01 {width:307px; min-height:447px; float:left; background:#468da2;}
.package_list_tit {margin-left:20px; padding-top:25px; height:28px; font-size:16px; color:#fff; font-weight:bold;}
.package_list {height:345px;}
.package_list>li:first-child {border-top:none;}
.package_list>li {height:57px; vertical-align:middle; color:#bef1ff; border-top:1px solid #267990; overflow:hidden;}
.package_list>li>span {margin:15px 0 0 20px; line-height:1.3; font-size:13px; display:block;}
.package_list>li:hover {color:#fff; background:#22778e;}
.package_list>li.on {color:#fff; background:#22778e;}
.package_btn_wrap {margin-top:9px; display:block; overflow:hidden;}
.package_btn_wrap>a {float:left;}

.package_layout02 {width:395px; min-height:447px; float:left; background:#22778e;}
.percent_wrap_bg {margin:0 auto; margin-top:-8px; width:363px; min-height:183px; background:url("../images/my_class_room/percent_bg02.png") left top repeat; overflow:hidden;}
.percent_wrap {margin:0 auto; margin-top:33px; width:315px;}
.percent_tit {font-size:14px; color:#fff; font-weight:bold;}
.percent_bg {margin-top:30px; width:315px; height:24px; background:#70c0d7;}
.percent_bg02 {width:38%; height:24px; display:block; background:url("../images/my_class_room/percent_bg.gif") left top repeat-x;}
.percent_txt_wrap {margin-top:15px; overflow:hidden;}
.percent_txt_btn {float:left;}
.percent_txt {float:right; color:#fff;}
.percent_txt>strong {font-size:24px; font-weight:bold;}

.timeline_wrap {margin:0 auto; margin-top:30px; width:325px;}
.timeline_tit {font-size:14px; color:#fff; font-weight:bold;}
.timeline_con_wrap {margin-top:15px;}
.timeline_time_wrap {background:url("../images/my_class_room/today_bg.png") 66px 20px no-repeat;}
.timeline_time_wrap>li {overflow:hidden;}
.timeline_time_wrap>li.ht01 {height:51px;}
.timeline_time_wrap>li.ht02 {height:85px;}
.timeline_time_wrap>li.ht01>.timeline_time {line-height:51px;}
.timeline_time_wrap>li .timeline_time.ht02 {height:85px;}
.timeline_time_wrap>li .timeline_time .img_middle {width:0; height:100%; display:inline-block; vertical-align:middle;}
.timeline_time_wrap>li .timeline_time img {margin-top:-2px; vertical-align:middle;}
.timeline_time {width:75px; float:left; display:block; color:#bef1ff;}
.timeline_con {margin:12px 0 0 15px; width:235px; float:left; color:#bef1ff;}
.timeline_con>strong {color:#fff;}
.timeline_con_btn {margin-top:10px;}

/* dday */
.dday_wrap {margin:0 auto; width:700px; height:128px; position:relative; background:#fff; border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; border-left:1px solid #c2c2c2; overflow:hidden;}
.no_img02_wrap {display:none; position:absolute; left:0; top:0; z-index:2;}
.dday_wrap02 {width:393px; float:left; overflow:hidden;}
.dday_layout {margin:0 auto; margin-top:19px; width:355px; position:relative;}
.dday_tit {text-align:left; font-size:16px; color:#000; font-weight:bold;}
.btn_set {position:absolute; right:0; top:0;}
.dday_num_wrap {margin-top:20px; clear:both; overflow:hidden;}
.dday_num {float:left; overflow:hidden;}
.dday_num>li:first-child {margin-left:0;}
.dday_num>li {margin-left:2px; float:left;}
.dday_con {margin-left:20px; width:223px; float:left;}
.dday_con_txt {margin-top:10px; color:#000;}

.my_sticker_wrap {width:306px; height:128px; float:left; border-left:1px solid #c2c2c2;}
.my_sticker_wrap02 {margin:0 auto; margin-top:19px; width:273px; height:63px; position:relative; border-bottom:1px solid #ddd;}
.my_sticker_txt {display:block; font-size:16px; color:#333; font-weight:bold;}
.my_sticker_num {margin-top:5px; display:block; font-size:16px; color:#333; font-weight:bold;}
.my_sticker {position:absolute; right:0; top:0;}
.my_sticker_gallery_wrap {margin:0 auto; margin-top:18px; width:273px; height:16px; position:relative;}
.btn_sticker_prev {margin-top:-8px; width:8px; height:16px; display:block; position:absolute; left:0; top:50%;}
.btn_sticker_next {margin-top:-8px; width:8px; height:16px; display:block; position:absolute; right:0; top:50%;}
.my_sticker_gallery {margin:0 auto; width:224px; overflow:hidden;}
.my_sticker_gallery>li:first-child {margin-left:0;}
.my_sticker_gallery>li {margin-left:10px; width:16px; float:left;}
.packabg_logo {margin-top:25px; text-align:center;}

/* planner */
.planner_tab_menu {margin-top:10px; overflow:hidden;}
.planner_tab_menu>li:first-child {margin-left:0;}
.planner_tab_menu>li {margin-left:1px; float:left;}

.planner_con_wrap {margin-top:40px;}
.planner_month_wrap {height:32px; position:relative;}
.planner_select01 {position:absolute; left:0; top:5px;}
.planner_select02 {position:absolute; right:0; top:5px;}
.planner_month {text-align:center; font-size:24px; color:#333; font-weight:bold;}
.planner_month img {vertical-align:bottom;}
.planner_prev {margin-right:29px;}
.planner_next {margin-left:29px;}

.planner_table {margin-top:10px; width:100%;}
.planner_table th {height:30px; text-align:center; color:#c2c2c2; font-weight:normal; background:#333 url("../images/my_class_room/planner_tit_line.gif") left center no-repeat;}
.planner_table tr>th:first-child {background-image:none;}
.planner_table tr>th.sun {color:#858585;}
.planner_table tr>th.sat {color:#858585;}
.planner_table tr>td {padding:5px; height:110px; text-align:left; vertical-align:top; position:relative; background:url("../images/my_class_room/planner_table_line.gif") center bottom no-repeat;}
.planner_table tr>td.sun {background:url("../images/my_class_room/planner_table_line.gif") left bottom no-repeat;}
.planner_table tr>td.sat {background:url("../images/my_class_room/planner_table_line.gif") right bottom no-repeat;}
.planner_table tr>td.on {background-color:#f3f3f3;}
.planner_num {color:#000; position:absolute; right:5px; top:5px;}
.planner_num>img {margin-top:-2px; vertical-align:middle;}
.planner_info {margin-top:9px;}
.planner_info>.sche_txt01:first-child {margin-top:0;}
.planner_info>.last_num:first-child {margin-top:0;}
.last_num {margin-top:1px; padding:2px 4px 2px 4px; display:inline-block; color:#fff; position:relative; background:#673f9e;}
.talk_box_wrap {position:absolute; left:0; bottom:20px; background:url("../images/my_class_room/talk_box_bg.png") 5px bottom no-repeat; z-index:3;}
.talk_box_wrap.on .talk_box {display:block;}
.talk_box {margin-bottom:5px; padding:20px; width:260px; display:none; background:#000;}
.talk_box>li:first-child {margin-top:0;}
.talk_box>li {margin-top:8px; color:#c2c2c2; width:260px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.dday_num02_wrap {margin-top:1px; color:#da2b89;}
.dday_num02 {padding:2px 4px 2px 4px; display:inline-block; color:#fff; background:#da2b89;}
.sche_txt01 {margin-top:10px; color:#da2b89;}
.sche_txt02 {margin-top:5px; color:#000;}
.planner_info_txt {margin-top:12px; text-align:right;}
.planner_info_txt>li {margin-left:5px; display:inline-block; *display:inline;}
.planner_btn_wrap {margin-top:40px; position:relative;}
.planner_info_list {text-align:left;}
.planner_info_list>li:first-child {margin-top:0;}
.planner_info_list>li {margin-top:8px; font-size:11px; color:#9e9e9e;}
.btn_sche {position:absolute; right:0; top:0;}

/* dday */
.dday_select {margin-bottom:15px; text-align:right;}
.dday_table {width:100%; border-bottom:1px solid #000;}
.dday_table tr.dday_table_cr01 {background:#eae9f2;}
.dday_table tr.dday_table_cr01>td {border-bottom:1px solid #000;}
.dday_table tr.dday_table_cr03>td {border-top:none;}
.dday_table tr.dday_table_cr02 {background:#f3f3f3;}
.dday_table tr>th {height:30px; text-align:center; color:#c2c2c2; font-weight:normal; background:#333 url("../images/my_class_room/planner_tit_line.gif") left center no-repeat;}
.dday_table tr>th:first-child {background-image:none;}
.dday_table tr>td {padding:20px 0 20px 15px; position:relative; border-top:1px solid #dadade; border-left:1px solid #dadade; z-index:2;}
.dday_table tr>td:first-child {border-left:none;}
.dday_table tr>td.align_ct {padding-left:0; text-align:center;}
.dday_table tr>td.on .color_select_wrap {display:block;}
.dday_table tr>td.on~td {z-index:1;}
.dday_table_btn>li:first-child {margin-top:0;}
.dday_table_btn>li {margin-top:2px;}
.color_select_wrap {width:125px; height:78px; text-align:left; display:none; position:absolute; left:-1px; bottom:0px; background:#fff; border:1px solid #000; z-index:1;}
.color_select_tit {margin:7px 0 0 13px; font-size:11px; color:#000;}
.btn_color_close {position:absolute; right:4px; top:3px;}
.color_select {margin:0 auto; margin-top:7px; width:104px; overflow:hidden;}
.color_select ul {margin:-1px 0 0 -1px; width:105px;}
.color_select li {margin:1px 0 0 1px; width:20px; height:20px; float:left;}

.time_table_wrap {margin-top:70px; padding:2px 0 2px 0; border-top:2px solid #000; border-bottom:2px solid #000; overflow:hidden;}
.time_table {width:100%; height:720px;}
.time_table tr>td {height:30px; text-align:center;}
.time_table tr>td.ap {font-weight:bold; background:#f3f3f3;}
.time_table tr>td.bgc {background:#fff;}
.time_table tr>td.tt {padding-left:6px; text-align:left; color:#fff; background:#8e8e8e url("../images/my_class_room/planner_time_line.gif") right bottom no-repeat;}
.time_table tr>td.sc {font-size:12px; color:#000; font-weight:bold;}
.time_table tr>td.tt_cr01 {background:#9fe5e5; border-top:1px solid #fff;}
.time_table tr>td.tt_cr02 {background:#5db7f3; border-top:1px solid #fff;}
.time_table tr>td.tt_cr03 {background:#fceb8f; border-top:1px solid #fff;}
.time_table tr>td.tt_cr04 {background:#fdc923; border-top:1px solid #fff;}
.time_table tr>td.tt_cr05 {background:#feb0da; border-top:1px solid #fff;}
.time_table tr>td.tt_cr06 {background:#f565ad; border-top:1px solid #fff;}
.time_table tr>td.tt_cr07 {background:#b1e5a9; border-top:1px solid #fff;}
.time_table tr>td.tt_cr08 {background:#86e07e; border-top:1px solid #fff;}
.time_table tr>td.tt_cr09 {background:#ba9afd; border-top:1px solid #fff;}
.time_table tr>td.tt_cr10 {background:#8966e8; border-top:1px solid #fff;}
.time_table tr:first-child>td {border-top:none;}

/* 강좌안내 */
.lecture_info_wrap {overflow:hidden;}
.lecture_info{float:left; width:520px; border-bottom:1px solid #8463b0;}
.lecture_info dt{float:left; width:72px; color:#d9beff; padding:9px 0;}
.lecture_info dd{float:left; width:448px; padding:9px 0;}
.lecture_info dd.txtbold{font-weight:bold;}
.teacher_home{display:inline-block; vertical-align:top; width:10px; height:11px; margin-top:1px; background:url(../images/common/icon_home03.gif) no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px;}

/* 진도율 그래프 */
.progress_wrap{clear:left; width:520px; height:24px; padding-top:20px;}
.graph_bg{float:left; width:400px; height:24px; background:#9b70d7;}
.graph_bar{display:block; width:38%; height:24px; background:#fff;}
.percentage{float:right; width:110px; padding-top:6px; vertical-align:top;}
.percentage span{float:right; display:inline-block; width:55%; margin-top:-10px; text-align:right; font-size:24px;}

/* 학습시작 */
.start_date_wrap{position:absolute; right:39px; top:58px; width:108px; height:105px; background:url(../images/my_class_room/class_start_calendar.png) no-repeat 0 0;}
.start_date_wrap dt{height:42px; font-size:0; line-height:0; text-indent:-99999px;}
.start_date_wrap dd{float:left; display:block; width:49%;font-family:"돋움", Dotum; font-size:30px; font-weight:bold; color:#37353a;}
.start_date_wrap dd.stsart_mon{width:35%; text-align:right; padding-right:14%;}

/* 기간 버튼 (나의 강의실 > 결제정보와 동일)*/
.term_wrap{background:#f6f6f6; min-height:24px; padding:20px 15px; border-bottom:1px solid #000;}
.term_btn_wrap{float:left; display:inline-block; width:236px; height:22px; margin-right:19px; border:1px solid #cbcbcb; border-right:0; background:#fff;}
.term_btn_wrap li{float:left; width:58px; height:22px; border-right:1px solid #cbcbcb;}
.term_btn_wrap li a{display:block; width:100%; height:17px; padding-top:5px; text-align:center; color:#747474; font-size:11px;}
.term_btn_wrap li a:hover{text-decoration:none; background:#4e4e4e; color:#fff;}
.term_btn_wrap li a.on{text-decoration:none; background:#4e4e4e; color:#fff;}

/* 달력인풋 (나의 강의실 > 결제정보와 동일)*/
.term_input_wrap{float:left; width:450px; height:24px; vertical-align:top; background:url(../images/common/tilde.gif) no-repeat 137px center;}
.input_text{float:left; padding:0 4px 0 4px; height:22px; line-height:1.8; margin-right:-1px; width:84px; font-size:12px; text-align:center; color:#858585; vertical-align:top; border:1px solid #cbcbcb; }
.icon_calendar{float:left; display:inline-block; width:25px; height:22px; margin-right:17px; cursor:pointer; border:1px solid #cbcbcb; background:#fff url(../images/common/icon_calendar.gif) no-repeat center 45%; text-indent:-9999px; font-size:0; line-height:0;}
.btn_reset{float:left; display:inline-block; width:58px; padding:6px 0 5px; margin-left:-10px; vertical-align: top; text-align:center; color:#fff; background:#4e4e4e; font-size:11px;}
.btn_reset:hover{text-decoration:none; color:#fff;}

/* 강좌,조건검색 */
.term_search_wrap{display:inline-block; width:100%; margin-top:-1px; border-bottom:1px solid #000;}
.term_search_wrap dt{float:left; width:88px; height:38px; padding:26px 0 0 15px; color:#000; border-top:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}
.term_search_wrap dd{float:left; width:623px; height:44px; padding:20px 0 0 15px; border-top:1px solid #d8d8d8;}
.term_search_wrap select{height:24px; padding-left:12px; color:#858585; border:1px solid #cbcbcb;}
.term_search_wrap select.select_class{width:398px; margin:0;}
.term_search_wrap select.select_search{float:left; width:162px; margin-right:9px;}
.term_search_wrap .input_text{width:162px; margin-right:9px;}
.term_search_wrap .btn_term_search{float:left; display:block; width:85px; height:17px; padding-top:7px; font-size:11px; color:#fff; background:#673f9e; text-align:center;}
.term_search_wrap .btn_term_search:hover{text-decoration:none;}

/* 기간 버튼 (나의 강의실 > 나의 Q&A와 동일)*/
.term_wrap{background:#f6f6f6; min-height:24px; padding:20px 15px; border-bottom:1px solid #000;}
.term_btn_wrap{float:left; display:inline-block; width:236px; height:22px; margin-right:19px; border:1px solid #cbcbcb; border-right:0; background:#fff;}
.term_btn_wrap li{float:left; width:58px; height:22px; border-right:1px solid #cbcbcb;}
.term_btn_wrap li a{display:block; width:100%; height:17px; padding-top:5px; text-align:center; color:#747474; font-size:11px;}
.term_btn_wrap li a:hover{text-decoration:none; background:#4e4e4e; color:#fff;}
.term_btn_wrap li a.on{text-decoration:none; background:#4e4e4e; color:#fff;}

/* 달력인풋 (나의 강의실 > 나의 Q&A와 동일)
.term_input_wrap{float:left; width:450px; height:24px; vertical-align:top; background:url(../images/common/tilde.gif) no-repeat 137px center;}
.input_text{float:left; padding:4px 10px; margin-right:-1px; width:84px; font-size:12px; text-align:center; color:#858585; vertical-align:top; border:1px solid #cbcbcb; }
.icon_calendar{float:left; display:inline-block; width:25px; height:22px; margin-right:17px; cursor:pointer; border:1px solid #cbcbcb; background:#fff url(../images/common/icon_calendar.gif) no-repeat center 45%; text-indent:-9999px; font-size:0; line-height:0;}
.btn_reset{float:left; display:inline-block; width:58px; padding:6px 0 5px; margin-left:-10px; vertical-align: top; text-align:center; color:#fff; background:#4e4e4e; font-size:11px;}
.btn_reset:hover{text-decoration:none; color:#fff;}*/

/* 검색버튼(결제정보에서만) */
.term_input_wrap .btn_term_search{float:right; display:block; width:85px; height:17px; padding-top:7px; font-size:11px; color:#fff; background:#673f9e; text-align:center;}
.term_input_wrap .btn_term_search:hover{text-decoration:none;}

.price_view_tit {margin:47px 0 17px 0; font-size:12px; color:#000;}
.price_view_tit>s