@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

body, table, div, p, a, dd, ul, li, table, th, td{font-family:'Nanum Gothic';}

#scrollRight{width:200px; height:100px; background:#f00; position:absolute; top:500px; right:0px;}
#scrollRight.fixed {position:fixed; top:200px; } 
.cursor{cursor:pointer;}



/*컨테이너*/
#container{width:100%; text-align:center;}


#container #stepWrap{}
#container #step1{padding-top:46px; background:url(../image/titlebg.png) repeat-x;}
#container #step1 .content{text-align:left; padding-left:52px; padding-bottom:47px;}
#container #step1 .selectSubject{width:980px; margin:0 auto;}
#container #step1 .selectSubject ul{margin-left:20px;  float:left; border:2px solid #000; background:#edef2c;}
#container #step1 .selectSubject li{  width:237px; height:49px; border-right:1px solid #878b2a; }
#container #step1 .selectSubject li img{margin-top:16px;}
#container #step1 .selectSubject{}
#container .selectArea{ margin:0 auto; margin-left:16px; border:2px solid #000; margin-bottom:66px; }
#container .selectArea label{font-size:13px;}

#container #selectPosition{float:left; width:237px; height:275px; background:#fff; border-right:1px solid #939393;}
#container #selectPosition label{vertical-align:middle;}
#container #selectPosition ul{padding-left:15px; padding-top:18px; width:237px; height:200px;}
#container #selectPosition li{width:100px; height:20px; padding-bottom:12px; padding-right:5px; text-align:left;}
#container #selectPosition {font-size:12px; }

#container #necSubject{float:left; width:237px; height:275px; background:#fff; border-right:1px solid #939393; }
#container #necSubject ul{padding-left:20%; padding-top:18px; width:237px; height:200px;}
#container #necSubject li{padding-left:20%; width:200px; height:20px; padding-bottom:12px; padding-right:5px; text-align:left;}

<!-- 동영상 단과 별개 -->
.short_lecture_subject{float:left; width:237px; height:275px; background:#fff; border-right:1px solid #939393; }
.short_lecture_subject{overflow-y:scroll !important; overflow-x:hidden;}
.short_lecture_subject ul{ padding-left:15px !important; padding-top:18px !important; width:237px !important; height:200px !important; }
.short_lecture_subject li{padding:0 !important;width:100px !important; height:20px !important; padding-bottom:12px !important; padding-right:5px !important; text-align:left !important;}
.short_lecture_subject li p{width:237px; margin-left:50%;}

#container #selectionSubject{float:left; width:237px; height:275px; background:#fff; border-right:1px solid #939393; }
#container #selectionSubject ul{padding-left:20%; padding-top:18px; width:237px; height:200px;}
#container #selectionSubject li{padding-left:20%; width:200px; height:20px; padding-bottom:12px; padding-right:5px; text-align:left;}

<!-- 동영상 단과 별개 -->

.short_lecture_professor{float:left; width:237px; height:275px; background:#fff; border-right:1px solid #939393; }
.short_lecture_professor{overflow-y:scroll !important; overflow-x:hidden !important;}
.short_lecture_professor ul{ padding-left:15px !important; padding-top:18px !important; width:237px !important; height:200px !important;}
.short_lecture_professor li{padding:0 !important;width:100px !important; height:20px !important; padding-bottom:12px !important; padding-right:5px !important; text-align:left !important;}
.short_lecture_professor li p{width:237px; margin-left:50%;}

#container #selectionSubject .selectPositionSubject{display:none;}
#container #selectCourse{float:left; width:237px; height:275px; background:#fff;}

#container #selectCourse{float:left; width:237px; height:275px; background:#fff;border-right:1px solid #939393;}
#container #selectCourse ul{padding-left:15%; padding-top:18px; width:237px; height:200px;}
#container #selectCourse li{padding-left:20%; width:200px; height:20px; padding-bottom:12px; padding-right:5px; text-align:left;}
.non_checked_position{vertical-align:middle; margin-left:-35px;}


.all_view{width:120px !important; padding:10px 50px; margin-top:-20px !important; font-size:16px !important; margin:0 auto; }
.short_lecture_subject .all_view,
.short_lecture_professor .all_view{width:200px !important; padding:10px 0; padding-left:20% !important; margin-top:-10px !important; font-size:16px !important; margin:0 auto; }
.all_view label{width:150px !important; font-size:16px; padding-right:30px;}
.all_view .all_view_bg{width:150px !important;}

/* 모의고사 별개 */

.mock_test_subject ul{width:958px !important; margin-left:18px !important;}
.mock_test_subject ul li{border:0 !important;}
.mock_test_position{width:255px !important;}
.mock_test_position ul{width:250px !important;}
.mock_test{width:956px !important; padding-left:2px;}

.mock_test .mock_test_title{float:right;}

#container .selectArea{display:inline-block;}
#container .lecture_list{text-align:left; padding:30px 0;}
#container .lecture_list h4{font-size:24px; font-weight:bold; padding-bottom:12px;}
.select_lecture_list table{width:980px; height:100%; text-align:left; border-top:3px solid #000;}
.select_lecture_list table{border-collapse: separate; border-spacing: 1px; text-align:center; line-height: 1.5; font-size:14px;}
.select_lecture_list table td {height:100px; vertical-align: middle; font-size:12px; padding:10px 0; border-bottom: 1px solid #ccc; margin:0 auto;}
.select_lecture_list table input[type="checkbox"]{margin-top:2px;}
.select_lecture_list table td li span{padding:3px 5px;  color:#434343;vertical-align:middle; float:left;}
.select_lecture_list table td li p{float:right; padding-left:3px; margin-top:2px;}
.select_lecture_list table tr{border-bottom:1px solid #ccc;}
.select_lecture_list table td ul{padding-left:10px; float:left; padding-bottom:5px;}
.select_lecture_list table td ul li{ padding-right:5px; float:left;}

.support_icon{padding-top: 10px;}
.total_lecture{font-size:14px; font-weight:bold; padding: 3px 0}
.lecture_sample_video{padding: 3px 0; clear: both;}

.lecture_name{width:100px; height: 150px; vertical-align: middle; }
.lecture_name label{width:100px; padding-left:10px; font-size: 20px; font-family: nanum;}
.lecture_name2 label{width:80px !important; font-size:12px !important;}
.lecture_name3{width:230px; height: 150px; vertical-align: middle; }
.lecture_name3 label{width:230px; padding-left:10px; font-size: 17px; font-family: nanum;}
.lecture_name .lecture_name_check input{top: 120px;}
.lecture_progress{}
.lecture_progress li{width:170px;}
.lecture_progress li img{float:right;}

.total_lecture p{margin-top:3px;}
.pass_button_wrap{float:right; padding:15px 0;}
.button_area{padding-right:10px;}
.button_area li{padding:0 5px;}
.select_lecture_list{display:inline-block;}
.lecture_title{width:200px;}
#container #step7{background:url(../image/step_05BG.png) no-repeat; background-size:100% 100%; }
#container .content{width:980px; margin:0 auto;}

.clear{clear:both;margin:0;padding:0;border:0}
.clear_padding{clear:both;padding-top:15px}
.clear_padding5{clear:both;padding-top:5px}
.clear_padding10{clear:both;padding-top:10px}
.clear_padding20{clear:both;padding-top:20px}
.clear_padding30{clear:both;padding-top:30px}
.clear_padding40{clear:both;padding-top:30px}
.clear_padding50{clear:both;padding-top:50px}
.clear_padding100{clear:both;padding-top:100px}
.ie7padding50{*padding-top:20px}
.padding0{padding:0}
.margin0{margin:0}
.border0{border:0}