@charset "utf-8";

/* 학년별강좌 */
.wrap_textbook {position: relative; width:800px; margin-top:20px;}
.inner_textbook {padding:31px 35px 57px; border:2px solid #ff742f;}
.inner_textbook > ul > li + li {padding-top: 38px; margin-top: 28px; border-top: 1px dotted #d3d3d3;}
.title_textbook {display: block; margin-bottom: 19px;font-family: ntsk; font-size: 21px; color:#444;}
.title_textbook:before {display: inline-block;width: 5px;height: 5px;background-color:#555; margin: -4px 7px 0 0; border-radius: 50%;vertical-align: middle;content: ' ';}
.list_text_book {margin: -25px 0 0 -24px;overflow: hidden;}
.list_text_book > li {float: left; width: 124px; margin: 25px 0 0 24px;}
.list_text_book > li > a {position: relative; display: block; text-align: center;}
.list_text_book > li > a span {display: block;}
.list_text_book > li .thumb_textbook {position: relative; width: 119px; height: 164px; margin: 0 auto;}
.list_text_book > li .thumb_textbook:before, 
.list_text_book > li .thumb_textbook:after {position: absolute; content: '';}
.list_text_book > li .thumb_textbook:before {top: 0;right: 0;bottom: 0;left: 0; z-index: 1;border: 1px solid #ccc;}
.list_text_book > li .thumb_textbook:after { top: -6px; left: 5px; z-index: 2; width: 25px; height: 24px; background-repeat: no-repeat;}
.list_text_book > li .thumb_textbook.label_new:after {background-image: url('/html/images/icon/label_new_blue.png');}
.list_text_book > li .thumb_textbook.label_revised:after {background-image: url('/html/images/icon/label_revised_red.png');}
.list_text_book > li > a:hover .thumb_textbook:before {border:2px solid #ff742f;}
.list_text_book > li .thumb_textbook img {width: 100%; height: auto;}
.name_textbook {margin-top:10px; color:#444; font-size:12px; font-weight:bold;}
.ctg_textbook {font-size: 12px; color: #666;}

/* 탭 디자인 */
.tab_title1 {height:32px; background:#ffab1b; border-radius:10px 10px 0 0;}
.tab_title1 strong {font-size:1.2em; color:#fff; letter-spacing:-0.1em; padding-left:9px; line-height:2.2em;}
.tab_title1 img {padding:9px;}
.tab_title1 span.tit_r {position:absolute;float:right; right:100px;z-index:9999}
.tab_title1 span.tit_r img {padding:6px 9px 9px 9px}
.tab_title1 .ques_help {float:right; padding:6px 100px 9px 0; cursor:pointer;}

.tab_title2 {height:32px; background:#68C34E; border-radius:10px 10px 0 0;}
.tab_title2 strong {font-size:1.2em; color:#fff; letter-spacing:-0.1em; padding-left:9px; line-height:2.2em;}
.tab_title2 img {padding:9px;}
.tab_title2 span.tit_r {position:relative; right:-210px; }

.r_box01 { background: url("../../images/s/mystudy/rbox01_bgL.gif") repeat-y scroll left top #FFFFFF; clear:both; width:100%;}
.r_box01_con {width:100%;background:url("../../images/s/mystudy/rbox01_bgR.gif") repeat-y right top;padding:0;margin:0;}
.r_box01_con .line_topL {background:url("../../images/s/mystudy/rbox01_topL.gif") no-repeat left top;height:5px;width:100%;margin:0;padding:0;	font-size:0;}
.r_box01_con .line_topL span {float:right;width:5px;height:5px;	background:url("../../images/s/mystudy/rbox01_topR.gif") no-repeat;	margin:0;padding:0;}
.r_box01_con .line_bottomL {clear:both;	background:url("../../images/s/mystudy/rbox01_bottomL.gif") no-repeat left bottom;height:5px;margin:0;padding:0;font-size:0;}
.r_box01_con .line_bottomL span {float:right;width:5px;	height:5px;	background:url("../../images/s/mystudy/rbox01_bottomR.gif") no-repeat right bottom;	margin:0;padding:0;}

.item_list{display:block; overflow:hidden; margin-left:15px;}
.item_list li.of{display:inline; float:left; height:23px; margin:0 2px 8px 2px; padding-right:4px; background:#dfdfdf;}
.item_list li.of2{font-size:1.0em;display:inline; float:left; width:65px; height:23px; margin:0 2px 8px 2px; background:url('../../images/s/mystudy/bg_item_of2.gif') no-repeat;}
.item_list li.of3{display:inline; float:left; text-align:left;width:145px; height:23px; margin:0 2px 8px 2px;letter-spacing:-1px; background:url('../../images/s/mystudy/bg_item_of3.gif') no-repeat;}
.item_list li.ov{display:inline; float:left; height:23px; margin:0 2px 8px 2px;color:#fff; padding-right:4px; background:#424652;}
.item_list li.ov2{display:inline; float:left; width:65px; height:23px; margin:0 2px 8px 2px;color:#fff; background:url('../../images/s/mystudy/bg_item_ov2.gif') no-repeat;}
.item_list li.ov3{display:inline; float:left; text-align:left;width:145px; height:23px; margin:0 2px 8px 2px; color:#fff; letter-spacing:-1px;background:url('../../images/s/mystudy/bg_item_ov3.gif') no-repeat;}
.item_list li.last{margin-right:0;}
.item_list li span{display:block; padding:6px 0 0 1px; }
.item_list li.ov3 span{display:block; padding:6px 0 0 1px;text-align:left;margin-left:7px; }
.item_list li.of3 span{display:block; padding:6px 0 0 1px;text-align:left;margin-left:7px; }
.item_list li span input{ *height:13px; *width:13px;}
.item_list li span label{margin-left:-4px;}

/* 동영상 SOS */
.movie_sos ul.menu li a{color:#888}
.movie_sos ul.menu li.on a{color:#ffa101; font-weight:bold;}

/* 평가관리 */
.exam_main {position:relative; width:1000px; height:820px; overflow:hidden; background:url('../../images/s/etc/bg_exam_main.gif') no-repeat 0 0;}
.exam_main .exam_main_top{margin:54px 0 0 52px; height:100px; background:url('../../images/s/etc/bg_exam_top.gif') no-repeat 0 0;}
.exam_main .exam_main_top h2{padding:28px 0 10px 129px;}
.exam_main .exam_main_top p{padding-left:129px; color:#707070; font-size:1.3em; letter-spacing:-0.1em; font-weight:bold;}
.exam_main .exam_main_con{margin-top:58px; margin-left:43px; overflow:hidden; height:356px;}
.exam_main .exam_main_con .test_area{position:relative; float:left; width:294px; height:356px; margin-right:16px; overflow:hidden; background:url('../../images/s/etc/bg_exam_test.gif') no-repeat 0 0;}
.exam_main .exam_main_con .test_area h3{padding:26px 0 8px 0;text-align:center;}
.exam_main .exam_main_con .test_area p.txt{text-align:center;}
.exam_main .exam_main_con .test_area .ex_test{position:relative; left:28px; top:0; width:240px; height:156px; padding-bottom:20px; margin-bottom:20px;}
.exam_main .exam_main_con .test_area .ex_test .test_btn{padding:90px 0 0 68px;}
.exam_main .exam_main_con .test_area .ex_test .level_tit{padding-top:41px; line-height:1.6em; color:#636363; font-weight:bold; letter-spacing:-0.1em;}
.exam_main .exam_main_con .test_area .ex_test .level{position:relative; width:240px; height:46px; overflow:hidden; background:url('../../images/s/etc/bg_level.gif') no-repeat 0 0;}
.exam_main .exam_main_con .test_area .ex_test .level li{float:left; padding:14px 0 0 11px; font-weight:bold; }
.exam_main .exam_main_con .test_area .ex_test .level li.first{padding-left:20px;}
.exam_main .exam_main_con .test_area .ex_test .level li select {font-size:0.9em; margin-top:-1px; width:45px;}
.exam_main .exam_main_con .test_area .ex_test .level_btn{padding:10px 0 0 68px;}
.exam_main .exam_main_con .test_area table{width:240px; margin-left:28px;}

.exam_main .exam_main_con2 {margin-top:58px; width:1000px; height:356px;}
.exam_main .exam_main_con2 .test_area{position:relative; width:494px; height:356px; margin:0 auto; overflow:hidden; background:url('../../images/s/etc/bg_exam_test2.gif') no-repeat 0 0;}
.exam_main .exam_main_con2 .test_area h3{padding:26px 0 8px 0;text-align:center;}
.exam_main .exam_main_con2 .test_area p.txt{text-align:center;}
.exam_main .exam_main_con2 .test_area .ex_test{position:relative; left:28px; top:0; width:440px; height:156px; padding-bottom:20px; margin-bottom:20px; background:url('../../images/s/etc/dot_line.gif') repeat-x 0 bottom;}
.exam_main .exam_main_con2 .test_area .ex_test .test_btn{padding:90px 0 0 172px;}
.exam_main .exam_main_con2 .test_area .ex_test .level_tit{padding-top:41px; padding-left:100px; line-height:1.6em; color:#636363; font-weight:bold; letter-spacing:-0.1em;}
.exam_main .exam_main_con2 .test_area .ex_test .level{position:relative; width:240px; height:46px; margin-left:100px; overflow:hidden; background:url('../../images/s/etc/bg_level.gif') no-repeat 0 0;}
.exam_main .exam_main_con2 .test_area .ex_test .level li{float:left; padding:14px 0 0 11px; font-weight:bold; }
.exam_main .exam_main_con2 .test_area .ex_test .level li.first{padding-left:20px;}
.exam_main .exam_main_con2 .test_area .ex_test .level li select {font-size:0.9em; margin-top:-1px; width:45px;}
.exam_main .exam_main_con2 .test_area .ex_test .level_btn{padding:10px 0 0 170px;}
.exam_main .exam_main_con2 .test_area table{width:240px; margin-left:127px;}

.exam_main .exam_main_con2 {margin-top:8px; width:1000px; height:406px;}
.exam_main .exam_main_con2 .test_area2{position:relative; width:914px; height:287px; padding-top: 120px;margin:0 auto; overflow:hidden; background:url('../../images/m/etc/bg_exam_test4.jpg') no-repeat 0 0;}
.exam_main .exam_main_con2 .test_area2 .info_txt {float:right;margin-top:10px;letter-spacing:-1px;margin-right:55px}
.exam_main .exam_main_con2 .test_area2 li {line-height:190%;}
.exam_main .exam_main_con2 .test_area2 li .type_name {border:1px solid #DBD9CD;background-color:#FBFDF0;color:#464648;font-size:11px;letter-spacing:-1px;padding: 0px 5px; margin: 0px 7px;}

.exam_main .exam_main_con2 {margin-top:8px; width:1000px; height:406px;}
.exam_main .exam_main_con2 .test_area3{position:relative; width:914px; height:406px; margin:0 auto; overflow:hidden; background:url('../../images/m/etc/bg_exam_test5.jpg') no-repeat 0 0;}

.exam_main .exam_main_con3 {margin:85px 0 0 53px; position:relative; width:894px; height:356px; overflow:hidden; background:url('../../images/s/etc/bg_exam_test3.gif') no-repeat 0 0;}
.exam_main .exam_main_con3 .test_area{padding:48px;}
.exam_main .exam_main_con3 .test_area table {margin:0;font-size:0.9em;}
.exam_main .exam_main_con3 .test_area table  th{padding:3px 5px; line-height:1.5em; font-weight:normal; color:#474747; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background-color:#f7f7f7;}
.exam_main .exam_main_con3 .test_area table .last{border-right:none;}
.exam_main .exam_main_con3 .test_area table td{padding:3px 5px; height:105px; font-size:1.1em; text-align:center; color:#878787; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.exam_main .exam_main_con3 .test_area table td.tit{text-align:left;}
.exam_main .exam_main_con3 .test_area table td p{font-weight:bold; padding-bottom:3px;}
.exam_main .exam_main_con3 .test_area .btn{padding:16px 0 0 0; text-align:center;}

.exam_main .exam_main_btm{margin:72px 0 0 29px;}
.exam_main .exam_main_btm .tit{padding-bottom:11px;}

/* 교재별강좌 */
.course_wrap {width:800px;}
.bannertop {margin-top:20px;}

.course_wrap .tabarea .tab {display:table; width:100%; table-layout:fixed; margin-top:15px;}
.course_wrap .tabarea .tab li {display:table-cell; text-align:center; position:relative;}
.course_wrap .tabarea .tab li a {display:block; padding:8px 0; font-family:ntsk, sans-serif; font-weight:500; font-size:15px; color:#333; background:#f0f0f0;}
.course_wrap .tabarea .tab li.on a {background:#ff742f; color:#fff; border-color:#ff742f #ff742f transparent #ff742f;}
.course_wrap .tabarea .tab li a:before {position:absolute; top:0; right:0; bottom:0; left:0; border-width:1px 0 0 1px; border-style:solid; border-color:#d3d3d3 #d3d3d3 transparent #d3d3d3; content: '';}
.course_wrap .tabarea .tab li.on a:before {border-width:2px 2px 0 2px; border-style:solid; border-color:#ff742f #ff742f transparent #ff742f;}
.course_wrap .tabarea .tab li:last-child a:before {border-width:1px 1px 2px 1px;}
.course_wrap .tabarea .tab li:last-child.on a:before {border-width:2px 2px 0 2px;}

.course_wrap .tabarea .hiddenarea {overflow:hidden; display:none;}
.course_wrap .tabarea .hiddenarea.on {display:block; padding:50px 20px 35px; border:2px solid #ff742f;}

.course_wrap .tabarea .book_tit {text-align:center; font-family:ntsk !important;}
.course_wrap .tabarea .book_tit strong {display: block; font-family:ntsk !important; font-size: 26px; color: #444; }
.course_wrap .tabarea .book_tit strong span {font-family:ntsk !important; color: #ff742f;}
.course_wrap .tabarea .book_tit .txt_book_info {font-family:ntsk !important; font-size:16px; font-weight:400; color:#444;}

.course_wrap .tabarea .tab_booklist { margin-top: 15px; font-size: 0;  text-align:left;}
.course_wrap .tabarea .tab_booklist.st02 {text-align:center;}
.course_wrap .tabarea .tab_booklist li {display: inline-block; width: 16.66%; text-align: center; margin-top: 20px; vertical-align: top;}
.course_wrap .tabarea .tab_booklist li a {display:block; position:relative; width:111px; height:153px; margin: 0 auto; box-sizing: border-box;}
.course_wrap .tabarea .tab_booklist li a:before { position: absolute;top: 0;right: 0; bottom:0; left: 0; z-index: 1; border:1px solid #ccc; content: '';}
.course_wrap .tabarea .tab_booklist li a:hover:before {border:2px solid #ff742f;}
.course_wrap .tabarea .tab_booklist li a:after {position: absolute; top: -6px; left: 5px; z-index: 2; width: 25px; height: 24px; content: ' '; background-repeat: no-repeat;}
.course_wrap .tabarea .tab_booklist li a.label_revised:after {background-image: url('/html/images/icon/label_revised_red.png');}
.course_wrap .tabarea .tab_booklist li a.label_new:after {background-image: url('/html/images/icon/label_new_blue.png');}
.course_wrap .tabarea .tab_booklist li a img {width: 100%;}
.course_wrap .tabarea .tab_booklist li .name_book {display:block; margin-top:10px; text-align:center; color:#444; font-size:12px; font-weight:bold; line-height:16px;}
.course_wrap .tabarea .tab_booklist li .book_target { font-size: 12px; color: #666;}