@charset "utf-8";

/* 타이틀 */
#container .content h3.ttl{background:url(../image/blt.gif) no-repeat left 3px; padding-left:15px; font-size:15px; color:#5e676e; height:30px;}
#container .content h3.tip{color:#ff0000; font-size:13px; text-align:center; margin-top:-20px;}

/* 들어가기 */
.week{background:url(../image/week_bg.png) no-repeat center top;  width:705px; height:478px; margin:0 auto; text-align:left; line-height:150%; padding-left:35px;}
.week ul{margin:25px 15px 0 0; float:left; height:315px;}
.week ul li{width:315px; height:26px; padding-top:3px; margin:8px 0; font-size:13px; color:#fff; white-space:nowrap; overflow-x:hidden; } 
.week ul li h4{background-color:#fcc277; color:#111; text-align:center; font-size:14px; width:45px; float:left; margin-right:7px; border-radius:5px;}
.week ul li.test{border:2px solid #fcc277; color:#fff; text-align:center; font-size:14px; height:23px; border-radius:5px;}
.week ul li.on{background-color:#fcc277; color:#111; border-radius:5px; font-weight:bold;}
.week .text{clear:both; color:#fff; font-size:14px; width:470px; margin-left:100px;}
.week .text p{color:#fff799; font-weight:bold;}
/* 다음시간 */
#d_nexttimeEndText{font-weight:bold; font-size:25px; padding-top:25px;}

/* 주요용어 */
.word{width:750px; margin:0 auto; text-align:left; line-height:150%; }
.word .bg{background:url(../image/word_bg.png) no-repeat center top; margin:0 auto; width:700px; height:493px; margin-top:-45px;}
.word .bg ul{float:left; width:320px; margin-top:110px;}
.word .bg ul li{width:250px; margin:0 auto; height:33px; margin-bottom:10px; text-align:center; border-bottom:1px solid #d7d5d5;}
.word .bg ul li a{font-size:14px; font-weight:bold; display:block;}
.word .bg ul li a:hover{color:#f2655b;}
.word .bg .for{float:left; width:320px; margin:90px 0 0 26px; font-size:15px; border:2px solid #d7d5d5; background-color:#fff; padding:15px; border-radius:10px;}
.word .bg .for h3{text-align:center; border-bottom:1px solid #d7d5d5; font-size:20px; color:#f2655b; padding-top:4px; height:33px; margin-bottom:25px;}
.word .bg .for p{width:310px; height:280px; overflow:auto; color:#555; line-height:160%; padding-right:10px;}

/* 학습내용&목표 */
.lessonaim{width:750px; height:515px; margin:0 auto; text-align:left; line-height:150%; background:url(../image/lessonaim_bg.png) no-repeat center 30px;}
.lessonaim .topic{float:left; width:280px; margin:14px 0 0 80px;}
.lessonaim .topic p.click{background:url(../image/lessonaim_topic_ttl.gif) no-repeat center 70px; width:277px; height:100px; cursor:pointer;}
.lessonaim .topic p.click:hover{background:url(../image/lessonaim_topic_ttl_on.gif) no-repeat center 69px;}
.lessonaim .goal{float:left; width:280px; margin:14px 0 0 38px;}
.lessonaim .goal p.click{background:url(../image/lessonaim_goal_ttl.gif) no-repeat center 70px; width:277px; height:100px; margin:0 auto; cursor:pointer;}
.lessonaim .goal p.click:hover{background:url(../image/lessonaim_goal_ttl_on.gif) no-repeat center 69px;}
.lessonaim ul{width:270px; height:250px; padding-left:10px; margin-top:24px; overflow:auto;}
.lessonaim ul li{line-height:200%; font-size:14px; color:#555;}

/* 학습하기 */
.study{width:830px; margin:0 auto; padding-left:5px; margin-top:-33px;}
/* .study .mov_area{background:url(../image/mov_frame.gif) no-repeat left top; width:822px; height:473px; padding:11px 0 0 11px;} */
.study .mov_area{border:1px solid #ccc; width:800px; height:450px; margin:1px 0 0 11px;}
.study .mov_area .mov{background:url(../image/mov.gif) no-repeat left top; width:800px; height:450px;}
.study .btn_index{background:url(../image/btn_index.gif) no-repeat left top; width:32px; height:84px; right:15px; top:130px; position:absolute; cursor:pointer;}
.study .btn_interview{background:url(../image/btn_interview.gif) no-repeat left top; width:32px; height:33px; right:15px; top:220px; position:absolute; cursor:pointer;}
.study .btn_read{background:url(../image/btn_read.gif) no-repeat left top; width:32px; height:33px; right:15px; top:260px; position:absolute; cursor:pointer;}
.study .btn_online{background:url(../image/btn_online.gif) no-repeat left top; width:32px; height:33px; right:15px; top:300px; position:absolute; cursor:pointer;}
/* 인덱스메뉴 */
.study .index_on{height:64px; background-color:#5faee3; right:15px; top:130px; position:absolute; padding:10px;}
.study .index_on li{color:#fff; text-align:left; line-height:150%;}
.study .index_on li:hover{cursor:pointer; color:#000;}

/*자막*/
#d_subtitles{width:780px; height:36px; position:relative; top:5px; left:11px; padding:10px; border:1px solid #ccc; background-color:#fff; border-radius:10px;}
#d_subtitles p{width:670px; font-size:15px; text-align:left; color:#111; letter-spacing:1px;}
#d_subtitles_button{position:absolute; top:547px; left:845px; cursor:pointer;}
#d_subtitles_button .on{background-image:url(../image/btn_mov01.gif); width:106px; height:26px; display:block;}
#d_subtitles_button .off{background-image:url(../image/btn_mov02.gif); width:106px; height:26px; display:block;}

/* 생각해보기 */
.comment{background:url(../image/comment_bg.png) no-repeat center top; width:700px; height:350px; margin:0 auto; text-align:left;}
.comment .ttl{padding:50px 0 0 140px; font-size:13px; color:#fff; line-height:140%; font-weight:bold; height:110px; border-bottom:1px dotted #fff;}
.comment .theme{font-size:14px; width:400px; height:90px; line-height:150%; font-weight:bold; color:#fff799; margin:0 auto; text-align:center; overflow:auto;}
#d_thinkabout {margin-top:30px;}
.comment .btn{width:670px; font-size:14px; font-weight:bold; top:460px; position:absolute;}
a.btn_write{float:left; background:url(../image/comment_btn01.gif) no-repeat center top; width:95px; margin-left:200px; padding-top:80px; text-align:center; color:#f37854;}
a.btn_write:hover{color:#fba187;}
a.btn_ex{float:right; background:url(../image/comment_btn02.gif) no-repeat center top; width:120px; margin-right:170px; padding-top:80px; text-align:center; color:#2e2e2e;}
a.btn_ex:hover{color:#6a6a6a;}
/* 생각해보기리뷰 */
.comment_review{background:url(../image/comment_bg.png) no-repeat center top; width:700px; height:350px; margin:0 auto; text-align:left;}
.comment_review .ttl{padding:60px 0 0 140px; font-size:13px; color:#fff; line-height:160%; font-weight:bold; height:100px; border-bottom:1px dotted #fff;}
.comment_review .theme{font-size:14px; width:400px; height:90px; line-height:150%; font-weight:bold; color:#fff799; margin:0 auto; text-align:center; overflow:auto;}
.comment_review .btn{width:670px; font-size:14px; font-weight:bold; top:470px; position:absolute;}

/* 문제풀기 */
.quiz{width:750px; margin:0 auto; text-align:left; line-height:150%;}
.quiz .bg{background:url(../image/quiz_bg.gif) no-repeat left top; width:710px; height:415px; margin:0 auto;}
.quiz .bg .set01{font-size:14px; padding:40px 0 0 70px; height:140px;}
.quiz .bg .set02{font-size:14px; padding:60px 0 0 70px; height:130px;}
.quiz .bg .q{height:60px; margin-left:85px; width:500px; overflow:auto;}
.quiz .bg .in{background-color:#fff; width:560px; height:33px; padding:12px 0 0 20px; border-radius:10px; margin-top:20px;}
.quiz .bg .in input{float:left; border:none; border-bottom:1px solid #f2655b; background:none; color:#f2655b; width:470px; height:20px;}
.quiz .bg .a{margin:7px 0 0 20px; color:#111; font-weight:bold;}
.quiz .btn_quiz{background-color:#f2655b; border-radius:5px; border:0; color:#fff; font-size:12px; width:65px; height:20px; font-weight:bold; cursor:pointer; float:right; text-align:center; margin-right:20px;}
.quiz .btn_quiz:hover{background-color:#c13228;}

/* 정리하기 */
.keypoint{width:750px; margin:0 auto; text-align:left; line-height:150%;}
.keypoint .text{background:url(../image/keypoint_bg.png) no-repeat center 11px;  width:750px; height:496px;}
.keypoint .text p.click{background:url(../image/keypoint_ttl.gif) no-repeat center 80px; width:277px; height:110px; margin:0 auto; cursor:pointer;}
.keypoint .text p.click:hover{background:url(../image/keypoint_ttl_on.gif) no-repeat center 79px;}
.keypoint .text ul{width:580px; height:280px; margin:0 auto; margin-top:15px; overflow:auto;}
.keypoint .text ul li{line-height:150%; font-size:14px; font-weight:bold; color:#555; margin-bottom:30px;}
.keypoint .text ul li div.sort{line-height:150%; background-color:#fef1e0; font-weight:normal; padding:5px 10px; margin:5px 10px;}
.keypoint .text ul .title{display:none;}
.keypoint .text .btn_print{background:url(../image/btn_print.gif) no-repeat left top; width:88px; height:32px; right:380px; top:525px; position:absolute; cursor:pointer;}
/* 정리하기인쇄용 */
#d_keypoint{width:580px; height:280px; margin:0 auto; margin-top:15px;}
#d_keypoint li{line-height:150%; font-size:14px; font-weight:bold; color:#555;}
#d_keypoint li div.sort{line-height:150%; background-color:#fef1e0; font-weight:normal; padding:5px 10px; margin:5px 10px;}
#d_keypoint .title{color:#f2655b; list-style:none;}