@charset "utf-8";

/* 타이틀 */
#container .content h3.ttl{background:url(../image/blt.gif) no-repeat left 3px; padding-left:15px; font-size:15px; color:#e6332a; height:30px;}
#container .content h3.tip{color:#e6332a; font-size:12px; margin-top:-10px;}

/* 들어가기 */
.week{width:750px; height:480px; margin:0 auto; text-align:left; line-height:150%;}
.week ul{height:260px; overflow:auto; margin-top:10px; position:relative; }
.week ul li{float:left; width:354px; height:30px; border:1px solid #999; background-color:#f9f9f9; padding-top:10px; margin:0 10px 10px 0; white-space:nowrap; overflow-x:hidden;} 
.week ul li h4{text-align:center; width:60px; float:left;}
.week ul li.test{font-weight:bold; color:#e6332a; border:1px solid #e6332a; text-align:center;}
.week ul li.on{background-color:#111; color:#fff; font-weight:bold;}
.week .text{clear:both; background:url(../image/week_bg.png) no-repeat left bottom; width:720px; height:230px; padding-top:20px; text-align:center; font-size:15px; line-height:160%;}
.week .text p{color:#e6332a; margin:5px 0;}
/* 다음시간 */
#d_nexttimeEndText{font-size:60px;}

/* 주요용어 */
.word{width:750px; margin:0 auto; text-align:left; line-height:150%;}
.word .bg{background:url(../image/word_bg.png) no-repeat center bottom; width:750px; height:511px;}
.word .bg ul{float:left; width:200px; margin:85px 0 0 72px;}
.word .bg ul li{height:30px; padding-top:10px; margin:10px 0; text-align:center; border:1px solid #999; font-size:13px;}
.word .bg ul li a{display:block;}
.word .bg ul li a:hover{color:#e6332a; text-decoration:underline;}
.word .bg .for{float:left;}
.word .bg .for h3{width:228px; text-align:center; font-size:25px; margin:70px 0 0 208px; line-height:120%; color:#fff; transform: translate(-50%, -50%);}
.word .bg .for p{width:290px; height:240px; overflow:auto; line-height:160%; font-size:13px; padding-right:10px; position:absolute; top:280px; right:50px;}

/* 학습내용&목표 */
.lessonaim{width:750px; height:530px; margin:0 auto; line-height:150%; background:url(../image/lessonaim_bg.png) no-repeat center bottom;}
.lessonaim_vod{width:200px; height:300px; position:absolute; top:140px; left:195px; text-align:center;}
.lessonaim_vod_prof{background:url(../image/professor.png) no-repeat center bottom;}
.lessonaim .topic{float:right; width:420px; height:200px; margin:40px 20px 0 0;}
.lessonaim .topic p.click{background:url(../image/lessonaim_topic_ttl.png) no-repeat left top; height:30px; cursor:pointer;}
.lessonaim .topic p.click:hover{background:url(../image/lessonaim_topic_ttl_on.png) no-repeat left top;}
.lessonaim .goal{float:right; width:420px; height:200px; margin:0 20px 0 0;}
.lessonaim .goal p.click{background:url(../image/lessonaim_goal_ttl.png) no-repeat left top; height:30px; cursor:pointer;}
.lessonaim .goal p.click:hover{background:url(../image/lessonaim_goal_ttl_on.png) no-repeat left top;}
.lessonaim ul{height:150px; padding:10px 10px 0 0; overflow:auto;}

/* 학습하기 */
.study{width:820px; margin:0 auto; margin-top:-15px;}
.study .mov_area{margin:0 auto; width:800px; height:450px;}
.study .mov_area .mov{background:url(../image/mov.gif) no-repeat left top; width:800px; height:450px;}
/* 자막 */
#d_subtitles{width:778px; height:35px; position:relative; left:10px; padding:10px; border:1px solid #999; line-height:130%; }
#d_subtitles p{width:700px; letter-spacing:1px;}
#d_subtitles_button{position:absolute; top:551px; right:35px; cursor:pointer;}
#d_subtitles_button .on{background-image:url(../image/btn_mov01.png); width:45px; height:45px; display:block;}
#d_subtitles_button .off{background-image:url(../image/btn_mov02.png); width:45px; height:45px; display:block;}

/* 생각해보기 */
.comment{background:url(../image/comment_bg.png) no-repeat center bottom; width:670px; height:520px; margin:0 auto; text-align:center; line-height:150%;}
.comment .ttl{padding-top:60px; height:110px; color:#e6332a;}
.comment .theme{font-size:13px; font-weight:bold; width:470px; height:75px; margin:0 auto; padding:20px; overflow:auto; background-color:#fff;}
.comment .btn{width:250px; font-weight:bold; margin:0 auto;}
a.btn_write{float:left; background:url(../image/comment_btn01.png) no-repeat center top; width:75px; padding-top:30px; margin-top:20px; color:#111;}
a.btn_write:hover{color:#e6332a;}
a.btn_ex{float:right; background:url(../image/comment_btn02.png) no-repeat center top; width:75px; padding-top:30px; margin-top:20px; color:#111;}
a.btn_ex:hover{color:#e6332a;}
/* 생각해보기리뷰 */
.comment_review{background:url(../image/comment_bg.png) no-repeat center bottom; width:770px; height:520px; margin:0 auto; text-align:center; line-height:150%;}
.comment_review .ttl{padding-top:80px; height:90px; color:#e6332a;}
.comment_review .theme{font-size:13px; font-weight:bold; width:470px; height:75px; margin:0 auto; padding:20px; overflow:auto; background-color:#fff;}
.comment_review .btn{width:250px; font-weight:bold; margin:0 auto;}

/* 문제풀기 */
.quiz{width:750px; margin:0 auto; line-height:150%;}
.quiz .bg{background:url(../image/quiz_bg.png) no-repeat center bottom; height:511px;}
.quiz .bg .set01{float:left; margin:155px 0 0 30px;}
.quiz .bg .set02{float:right; margin:155px 30px 0 0;}
.quiz .bg .q{width:330px; height:150px; overflow:auto;}
.quiz .bg .in{background-color:#fff; margin-top:20px; height:80px; border:1px solid #111;}
.quiz .bg .in input{float:left; background:none; border:none; border-bottom:1px solid #111; width:200px; height:30px; margin:20px 0 0 20px;}
.quiz .bg .a{margin-top:20px; height:40px; border-bottom:1px solid #111; font-size:18px; font-weight:bold; text-align:center;}
.quiz .btn_quiz{float:right; background-color:#111; color:#fff; width:70px; height:26px; font-weight:bold; cursor:pointer; text-align:center; margin:20px 20px 0 0; padding-top:6px;}
.quiz .btn_quiz:hover{background-color:#e6332a;} .quiz .btn_quiz:focus{background-color:#fff; color:#000;}

/* 정리하기 */
.keypoint{width:750px; height:530px; margin:0 auto; background:url(../image/keypoint_bg.png) no-repeat center bottom;}
.keypoint_vod{width:200px; height:300px; position:absolute; top:140px; left:195px; text-align:center;}
.keypoint_vod_prof{background:url(../image/professor.png) no-repeat center bottom;}
.keypoint .text{float:right; width:420px; margin:40px 20px 0 0;}
.keypoint .text p.click{background:url(../image/keypoint_ttl.png) no-repeat left top; height:30px; cursor:pointer;}
.keypoint .text p.click:hover{background:url(../image/keypoint_ttl_on.png) no-repeat left top;}
.keypoint .text ul{height:340px; margin-top:20px; padding-right:10px; overflow:auto; line-height:150%;}
.keypoint .text ul li{padding-bottom:10px;}
.keypoint .text ul li div.sort{background-color:#fff; padding:5px 10px; margin:5px 0;}
.keypoint .text ul .title{display:none;}
.keypoint .text .btn_print{background:url(../image/btn_print.png) no-repeat right top; width:40px; height:40px; right:70px; top:155px; position:absolute; cursor:pointer;}
/* 정리하기인쇄용 */
#d_keypoint{height:340px; margin-top:20px; line-height:150%;}
#d_keypoint li{}
#d_keypoint li div.sort{background-color:#feffed; padding:5px 10px; margin:5px 0;}
#d_keypoint .title{color:#e6332a; list-style:none; height:25px;}

/* 인트로 */
#intro_lessonName { position:absolute; left:90px; top:130px; font-size:50px; font-weight:bold; color:#fff; display:none; }
#intro_weekTitle { position:absolute; left:430px; top:260px; font-size:20px; font-weight:bold; color:#fff; width:500px; height:60px; line-height:140%; display:none; }
#intro_periodTitle { position:absolute; left:430px; top:340px; font-size:20px; font-weight:bold; color:#fff; width:500px; height:200px; line-height:140%; display:none; }
#intro_professorName { position:absolute; left:500px; top:460px; font-size:20px; font-weight:bold; color:#fff; display:none; }
#intro_startbutton { position:absolute; right:20px; bottom:30px; font-size:24px; font-weight:bold; cursor:pointer; display:none; }

/* 위클리썰 */
.weekly_story{width:750px; height:530px; margin:0 auto; background:url(../image/weekly_bg.png) no-repeat center bottom;}
.weekly_story .weekly_title{width:700px; margin:110px 0 0 20px; font-size:33px; text-align:center; white-space:nowrap; overflow-x:hidden;}
.weekly_story .text{width:700px; margin:30px 0 0 20px;}
.weekly_story .text ul{height:300px; padding-right:10px; overflow:auto; line-height:150%;}
.weekly_story .text ul li{padding-bottom:10px;}
.weekly_story .text ul li div.sort{background-color:#fff; padding:10px; margin:5px 0;}