@charset "utf-8";

*{margin:0; padding:0; -webkit-text-size-adjust:none;}
body,input,textarea,select,table,button{font-size:14px;line-height:1.25em; font-family:"나눔고딕",NanumGothic,AppleGothic,"돋움",Dotum,"굴림",Gulim,Helvetica,Sans-serif; height:25px;}
h2{font-size:14px; font-weight:bold;}
body{min-width:320px;}
img,fieldset{border:0}
ul,ol{list-style:none;}
a{text-decoration:none; cursor:pointer; color:#000;}
em,address{font-style:normal}
table{border-collapse:collapse;}
.blind, legend{display:none; visibility:hidden;}http://www.yj.co.kr/m/no_index.html#
label{cursor:pointer;}

#wrapper {width:100%;}



/* 메인 헤더 */
#header{position:relative; float:left; width:100%; height:50px; text-align:center; background:url(../image/header_bg.gif) repeat-x;}
#header h1 {position:relative; float:left; margin:0px; padding:0 5px;}
#header ul {position:fixed; float:right; margin:0px; padding:0px; right:3px; z-index: 100;}
#header ul li {position:relative; float:left; margin:12px 5px 0 0px; padding:3px; border:1px #bdbdbd solid; background:#dcdcdc;}

/* 네비게이션 */
#nav {position:relative; float:left; width:100%; height:37px; text-align:center; background:url(../image/nav_bg.gif) repeat-x;}
#nav ul {width:100%; margin:0px; padding:0px;}
#nav ul li {position:relative; width:24.9%; float:left; list-style:none; display:inline; margin-top:4px; padding-top:5px; padding-bottom:6px; text-align:center; color:#fff; font-size:12px; background:url(../image/nav_menu_bg.gif) repeat-x;}
#nav ul li.on {position:relative; width:24.9%; float:left; list-style:none; display:inline; margin-top:4px; padding-top:5px; padding-bottom:6px; text-align:center; color:#fff; font-size:12px; background:url(../image/nav_menu_bg_on.gif) repeat-x;}
#nav ul li a {color:#fff;}

/* 페이지 타이틀 */
#page_title {position:relative; float:left; width:100%; height:55px; background:#5e6470;}
#page_title .pt_login {position:relative; float:left; width:100%; height:55px; background:url(../image/pt_login_bg.gif) no-repeat 15px 10px;}
#page_title .pt_login span {position:relative; float:left; z-index:-1; display:none;}
#page_title .pt_counsel {position:relative; float:left; width:100%; height:55px; background:url(../image/pt_counsel_bg.gif) no-repeat 15px 10px;}
#page_title .pt_counsel span {position:relative; float:left; z-index:-1; display:none;}
#page_title .pt_myclass {position:relative; float:left; width:100%; height:55px; background:url(../image/pt_myclass_bg.gif) no-repeat 15px 10px;}
#page_title .pt_myclass span {position:relative; float:left; z-index:-1; display:none;}
#page_title .pt_notice {position:relative; float:left; width:100%; height:55px; background:url(../image/pt_notice_bg.gif) no-repeat 15px 10px;}
#page_title .pt_notice span {position:relative; float:left; z-index:-1; display:none;}
#page_title .pt_yjnews {position:relative; float:left; width:100%; height:55px; background:url(../image/pt_yjnews_bg.gif) no-repeat 15px 10px;}
#page_title .pt_yjnews span {position:relative; float:left; z-index:-1; display:none;}
#page_title .pt_company {position:relative; float:left; width:100%; height:55px; background:url(../image/pt_company_bg.gif) no-repeat 15px 10px;}
#page_title .pt_company span {position:relative; float:left; z-index:-1; display:none;}
#page_title .pt_intro {position:relative; float:left; width:100%; height:55px; background:url(../image/pt_intro_bg.gif) no-repeat 15px 10px;}
#page_title .pt_intro span {position:relative; float:left; z-index:-1; display:none;}
#page_title .pt_sample {position:relative; float:left; width:100%; height:55px; background:url(../image/pt_sample_bg.gif) no-repeat 15px 10px;}
#page_title .pt_sample span {position:relative; float:left; z-index:-1; display:none;}
#page_title .pt_pass {position:relative; float:left; width:100%; height:55px; background:url(../image/pt_pass_bg.gif) no-repeat 15px 10px;}
#page_title .pt_pass span {position:relative; float:left; z-index:-1; display:none;}


/* 로케이션 */
#location {position:relative; float:left; width:100%; height:25px;}
#location .lc_txt {position:relative; float:right; padding:10px 5px 5px 5px; font-size:11px; color:#666;}
#location .lc_txt_select {font-size:11px; color:#065fc5; font-weight:bold;}

/* 내용 컨테이너 */
#container {position:relative; float:left; width:100%; padding-top:5px; clear:both;}

/* 메인화면 */
#container #main_year {position:relative; float:left; width:100%; clear:both; text-align:center; margin-bottom:10px;} 
#container #main_year .main_img {position:relative; float:left; width:100%; background:url(../image/main_img.jpg) no-repeat center; height:132px; border-top:1px #d5d5d5 solid; border-bottom:1px #d5d5d5 solid; margin:5px 0px; /* background-color:#eef3fc */ background-color: #ffffff;}
#container #main_year h2 {position:relative; float:left; width:100%; font-size:13px; line-height:1.25em; padding:10px 0 5px 0px; font-family:"나눔고딕",NanumGothic,AppleGothic,"돋움",Dotum,"굴림",Gulim,Helvetica,Sans-serif; text-align:center; color:#055fc6;}
#container #main_year ul {position:relative; float:left; width:100%; margin:0px; clear:both;}
#container #main_year ul li {list-style:none; font-size:12px; color:#333;}

#container #main_btn {position:relative; width:100%; text-align:center; margin:10px 0 10px 0px;}
#container #main_btn ul {width:100%; padding:0px;}
#container #main_btn ul li {padding:0 15px; display:inline-block;}
#container #main_btn ul li a {position:relative; display:inline-block; margin-bottom:6px; width:72px; height:0px; background:url(../image/main_btn.png) no-repeat; overflow:hidden; text-align:center; padding-top:75px; padding-bottom:20px; color:#666; font-size:12px;}
#container #main_btn ul li a.ic_01 {background-position:0 0px;}
#container #main_btn ul li a.ic_02 {background-position:0 -95px;}
#container #main_btn ul li a.ic_03 {background-position:0 -190px;}
#container #main_btn ul li a.ic_04 {background-position:0 -285px;}
#container #main_btn ul li a.ic_05 {background-position:0 -380px;}
#container #main_btn ul li a.ic_06 {background-position:0 -475px;}

#container #tab {position:relative; float:left; width:100%; border-bottom:1px #e7e7e7 solid;}
#container #tab ul {position:relative; float:left; margin:0 0 0 5px; padding:0px;}
#container #tab ul li {position:relative; float:left; list-style:none; width:100px; font-size:12px; color:#666; display:inline; text-align:center; border-top:1px #e7e7e7 solid;}
#container #tab ul li a {list-style:none; width:100px; height:10px; padding:7px 0 15px 0px; font-size:12px; color:#666; display:block; text-align:center;}
#container #tab ul li.select {list-style:none; width:100px; font-size:12px; color:#666; display:inline; text-align:center; background:#368cdb; color:#fff;}
#container #tab ul li.select a {color:#fff;}
#container #tab ul li.bar {border-right:1px #e7e7e7 solid;}

#container #myclass_tab {position:relative; float:left; width:100%; border-bottom:1px #e7e7e7 solid;}
#container #myclass_tab ul {position:relative; float:left; margin:0 0 0 5px; padding:0px;}
#container #myclass_tab ul li {position:relative; float:left; list-style:none; width:100px; font-size:12px; color:#666; display:inline; text-align:center; border-top:1px #e7e7e7 solid;}
#container #myclass_tab ul li a {list-style:none; width:100px; height:10px; padding:7px 0 15px 0px; font-size:12px; color:#666; display:block; text-align:center;}
#container #myclass_tab ul li.select {list-style:none; width:100px; font-size:12px; color:#666; display:inline; text-align:center; background:#368cdb; color:#fff;}
#container #myclass_tab ul li.select a {color:#fff;}
#container #myclass_tab ul li.bar {border-right:1px #e7e7e7 solid;}

#container #tab_notice {position:relative; float:left; width:100%; border-bottom:1px #e7e7e7 solid; margin:0 0 10px 0px; padding:0 0 10px 0px;}
#container #tab_notice ul {margin:5px 0 0 10px; padding:0 0 0 0px;}
#container #tab_notice ul li {position:relative; float:left; width:100%; font-size:11px; margin:3px 0px; padding:2px 0px; color:#666; height: 19px;}
/*#container #tab_notice ul li span {color:#2c77bc; float:right; padding-right:10px; border: 1px solid #000000;}*/
.nTitle {float:left;}
.nTitle2 {float:right; padding-right:10px; color:#2c77bc;}

#container #tab_yjnews {position:relative; float:left; width:100%; border-bottom:1px #e7e7e7 solid; margin:0 0 10px 0px; padding:0 0 10px 0px;}
#container #tab_yjnews ul {margin:5px 0 0 10px; padding:0 0 0 0px;}
#container #tab_yjnews ul li {position:relative; float:left; width:100%; font-size:11px; margin:3px 0px; padding:2px 0px; color:#666; height: 19px;}
/*#container #tab_yjnews ul li span {color:#2c77bc; float:right; padding-right:10px;}*/


/* 독학사란? */
#container #intro {position:relative; float:left; width:100%;}
#container #intro h2 {position:relative; float:left; width:90%; padding:0 0 10px 15px; margin:0px; color:#0052e5;}
#container #intro p {position:relative; float:left; text-align:justify; color:#666; padding:5px 0 5px 15px; width:90%;}
#container #intro p.photo {position:relative; float:left; text-align:center; padding:5px 0 5px 15px; width:90%;}
#container #intro .answer .block {position:relative; float:left; width:100%;}
#container #intro .answer h3 {position:relative; float:left; width:90%; padding:0 0 0px 15px; margin:0px; color:#0052e5; font-size:14px; margin-top:15px;}
#container #intro .answer p {position:relative; float:left; font-weight:bold; color:#666;}
#container #intro .answer ul {position:relative; float:left; width:90%; margin:0 0 0 27px; padding:0px;}
#container #intro .answer ul li {position:relative; float:left; list-style:none; display:block; padding:5px; color:#666;}
#container #intro .answer p.month {position:relative; float:left; color:#666; font-size:12px;}
#container #intro .answer p.warning {position:relative; float:left; color:#8a00ff; font-size:14px;}

/* 독학사 합격수기 */
#container #pass {position:relative; float:left; width:100%;}
#container #pass .pass_img {position:relative; float:left; text-align:center; width:100%; background:url(../image/pass_bg.gif) repeat-x; margin-bottom:10px;}
#container #pass .event {position:relative; float:left; width:100%; border-bottom:1px #dedede solid; margin-bottom:10px;}
#container #pass .event h3 {font-size:13px; padding:5px 0px; color:#fff; width:80px; margin:0 0 10px 10px; text-align:center; background:#1271dc; clear:both;}
#container #pass .event p {font-size:15px; padding:0 0 0 15px; color:#ff0048; font-weight:bold;}
#container #pass .event ul {position:relative; float:left; width:100%; margin:0 0 20px 0px; padding:0px;}
#container #pass .event ul li {list-style:none; padding:5px 0 0 20px; font-size:12px;}
#container #pass .title {}
#container #pass .title p {position:relative; float:left; clear:both; margin-top:10px;}
#container #pass .title dl.title_contents {position:relative; float:left; width:285px; margin:0 0 10px 6px; padding:10px 10px; border:1px #bdbdbd solid; font-size:13px; clear:both;}
#container #pass .title dl.title_contents dd {position:relative; float:left; color:#0200fe;} 
#container #pass .title dl.title_contents dd a {position:relative; float:left; color:#0200fe;} 



#container #pass .pass_year {position:relative; float:left; width:100%; clear:both; text-align:center; margin-bottom:10px;} 
#container #pass .pass_year h2 {position:relative; float:left; width:100%; font-size:13px; line-height:1.25em; padding:10px 0 5px 0px; font-family:"나눔고딕",NanumGothic,AppleGothic,"돋움",Dotum,"굴림",Gulim,Helvetica,Sans-serif; text-align:center; color:#055fc6;}
#container #pass .pass_year ul {position:relative; float:left; width:100%; margin:0px; clear:both;}
#container #pass .pass_year ul li {list-style:none; font-size:12px; color:#333;}
#container #pass .pass_year ul li span {color:blue;}


#container #pass .prize {position:relative; float:left; width:100%; padding-bottom:5px; margin-bottom:10px; background:#d3e9fd; border-top:1px #7399bc solid; border-bottom:1px #7399bc solid;}
#container #pass .prize p {position:relative; float:left; clear:both; margin:10px 0 5px 3px;}
#container #pass .prize dl.title_contents {position:relative; float:left; width:285px; margin:0 0 10px 6px; padding:10px 10px; border:1px #bdbdbd solid; font-size:13px; clear:both; background:#fff;}
#container #pass .prize dl.title_contents a {font-size:13px;}
#container #pass .prize dl.title_contents dd {position:relative; float:left; color:#0200fe;}
#container #pass .prize dl.title_contents dd a {color:#0200fe;} 

/* 샘플강의 */
#container #sample {position:relative; float:left; width:100%;}
#container #sample h3 {position:relative; float:left; color:#0d1479; font-size:15px; width:97%; padding:10px 0 10px 10px;}
#container #sample h4 {position:relative; float:left; color:#1827df; font-size:14px; width:97%; padding:5px 0 0 15px; font-weight:normal;}
#container #sample ul {position:relative; float:left; margin:0px; padding:0px;}

#container #sample ul.basic {position:relative; float:left; margin:0 0 0 0px; padding:0px;}
#container #sample ul.basic li {position:relative; float:left; list-style:none; display:inline;}
#container #sample ul.basic li ul.subject1 {position:relative; float:left; width:97%; margin:0 0 0px 10px; padding:0 0 10px 0px;}
#container #sample ul.basic li ul.subject1 li {position:relative; float:left; list-style:none; display:inline; font-size:13px;}
#container #sample ul.basic li ul.subject1 li a {position:relative; float:left; list-style:none; display:block; font-size:13px; padding:5px;}

#container #sample ul.dept {position:relative; float:left; margin:0 0 20px 0px; padding:0px;}
#container #sample ul.dept li {position:relative; float:left; list-style:none; display:inline;}
#container #sample ul.dept li ul.subject {position:relative; float:left; width:97%; margin:0 0 0 10px; padding:0px;}
#container #sample ul.dept li ul.subject li {position:relative; float:left; list-style:none; display:inline; font-size:13px;}
#container #sample ul.dept li ul.subject li a {position:relative; float:left; list-style:none; display:block; font-size:13px; padding:5px;}
#container #sample ul li ul {position:relative; float:left; margin:0 0 0 10px; padding:0 0 10px 0px;}
#container #sample ul li ul li {position:relative; float:left; list-style:none; display:inline; margin:0px;}

/* 회사소개 */
#container #company {position:relative; float:left; width:100%;}
#container .company_img {position:relative; float:left; width:100%; background:url(../image/company_bg.jpg) repeat-x center; height:170px; border-top:1px #d5d5d5 solid; margin:5px 0px; background-color:#eef3fc; text-align:center;}
#container #company p {position:relative; float:left; padding:10px 15px; clear:both; text-align:justify; color:#666;}
#container #company p.title {position:relative; float:left; padding:10px 15px; clear:both; text-align:justify; color:#006dd2; font-weight:bold;}
#container #company p.photo {position:relative; float:left; width:100%; background:url(../image/company_photo.jpg) no-repeat center; height:415px; padding:0px;}
#container #company p.photo2 {position:relative; float:left; width:100%; background:url(../image/company_photo2.jpg) no-repeat center; height:233px; padding:0px;}
#container #company .autograph {position:relative; float:left; padding:10px 15px; clear:both;}
#container #company .autograph span {color:#006dd2;}

/* YJ뉴스 */
#container #yjnewsList {position:relative; float:left; width:100%; text-align:center;}
#container #yjnewsList ul {position:relative; float:left; width:100%; text-align:left;}
#container #yjnewsList ul li {padding:7px 0px; border-bottom:1px #bdbdbd solid; text-indent:10px; background:url(../image/btn_next.gif) no-repeat 98% 50%;}
#container #yjnewsList ul li span {color:#006dd2; font-size:11px;}

#container #yjnewsView dl{position:relative; float:left; width:100%; padding:5px 0px; border-bottom:1px solid #ddd;}
#container #yjnewsView dt{display:inline; float:left; line-height:16px; padding-left:10px; padding-right:10px; font-weight:bold; border-right:1px solid #ddd;}
#container #yjnewsView dd{display:inline; float:left; padding-left:15px; line-height:16px;}
#container #yjnewsView .viewContents {position:relative; float:left; padding:10px;}


/* 질문하기 */
#container #qnaList {position:relative; float:left; width:100%;}
#container #qnaList dl{position:relative; height:55px; border-bottom:1px solid #ddd;}
#container #qnaList dl.question{height:45px; padding-top:10px;}
#container #qnaList .question dt{position:absolute; top:33px; left:8px;}
#container #qnaList dd{margin-left:8px; font-size:12px;}
#container #qnaList .answer dt{margin-left:8px; height:14px; padding:8px 0 0 40px; margin-bottom:10px; background:url(../image/bg_answer.gif) no-repeat;}
#container #qnaList .answer dd{padding-left:40px;}
#container #qnaList dl span{color:#285ca1;}

#container #qnaView dl{position:relative; float:left; width:100%; padding:5px 0px; border-bottom:1px solid #ddd;}
#container #qnaView dt{display:inline; float:left; line-height:16px; padding-left:10px; padding-right:10px; font-weight:bold; border-right:1px solid #ddd;}
#container #qnaView dd{display:inline; float:left; padding-left:15px; line-height:16px;}
#container #qnaView .viewContents {position:relative; float:left; padding:10px;}

#container #qnaWrite fieldset{clear:both; width:100%; margin:0 auto; padding-bottom:20px;}
#container #qnaWrite .formField{width:100%; border-top:1px solid #ddd;}
#container #qnaWrite .formField li{height:30px; border-bottom:1px solid #ddd;}
#container #qnaWrite .formField .h160{height:160px; line-height:50px;}
#container #qnaWrite .inputText{float:left; width:90%; height:16px; padding-top:2px; margin:5px 0 0 7px; border:1px solid #bcbcbc;}
#container #qnaWrite select{float:left; width:90%; height:20px; margin:5px 0 0 7px; }
#container #qnaWrite .formField label{display:block; float:left; width:70px; height:30px; line-height:30px; padding-left:10px; background:#ededed;}
#container #qnaWrite .formField textarea{float:left; width:90%; height:147px; padding-top:2px; margin:5px 0 0 7px; line-height:14px; border:1px solid #bcbcbc;}

/* 수기 */
#container #soogi {position:relative; float:left; width:100%;}
#container #soogi h3 {position:relative; float:left; font-size:15px; margin:20px 0 0 15px; clear:both; color:#006dd2;}
#container #soogi h4 {position:relative; float:right; font-size:13px; margin:0 0 0 15px; clear:both; padding:10px 15px 0 0;}
#container #soogi h4 span.name {color:#006dd2;}
#container #soogi h4 span.dept {color:#f00;}
#container #soogi p {position:relative; float:left; margin:0px; padding:10px 15px; clear:both; text-align:justify;}



/* 상담하기 */
#container #counsel {position:relative; float:left; width:100%; text-align:center;}
#container #counsel p {position:relative; float:left; width:100%; text-align:center; background:#ecedef; margin:10px 0 20px 0px; border-top:1px #bdbdbd solid; border-bottom:1px #bdbdbd solid;}
#container #counsel form {position:relative; float:left; width:100%; margin:10px 0 0 0px;}
#container #counsel form table {position:relative; margin:0px auto; text-align:center;}
#container #counsel .counsel_img {position:relative; float:left; width:100%; background:url(../image/counsel_img.jpg) no-repeat center; height:132px; background-color:#ebedee; border-top:1px #d5d5d5 solid; border-bottom:1px #d5d5d5 solid; margin:5px 0px;}
#container #counsel .inputText {float:left; width:150px; height:20px; padding-top:2px; margin:0px; font-size:12px; color:#666; border:1px solid #bcbcbc;}
#container #counsel .content {float:left; width:100%; height:100px; padding-top:2px; margin:0px; font-size:12px; color:#666; border:1px solid #bcbcbc;}
#container #counsel .inputEtc {width:100px; height:20px; padding-top:2px; margin:0px; font-size:12px; color:#666; border:1px solid #bcbcbc;}
#container #counsel select{float:left; width:150px; height:20px; margin:0px; }
#container #counsel th {text-align:center; padding:5px 0px; line-height:160%; font-size:13px; border-bottom:1px #e7e7e7 solid;}
#container #counsel td {text-align:left; padding:5px 0px; line-height:160%; font-size:13px; border-bottom:1px #e7e7e7 solid;}
#container #counsel .visitRoot {float:left; width:150px; height:24px; padding:1px 0 2px 0px; margin:0px; font-size:12px; color:#666; border:1px solid #bcbcbc;}
#container #counsel .visitEtc {float:left; width:150px; height:20px; padding-top:2px; margin-top:5px; font-size:12px; color:#666; border:1px solid #bcbcbc;}



/* 나의강의실 */
#container #myclass {position:relative; float:left;  width:100%;}
#container #myclass dl {overflow:hidden; position:relative; float:left; width:100%; height:60px; border-bottom:1px solid #ddd; font-size:14px;}
#container #myclass dt {display:inline; float:left; margin-left:10px; padding:10px 10px 0px 0; color:#006dd2; font-size:12px;}
#container #myclass dd {display:inline; float:left; width:100%; margin-left:10px; padding-right:10px; clear:both;}
#container #myclass dd span {float:left; padding-right:10px; clear:both;}
#container #myclass dd span.step {float:left; padding-right:10px; clear:both; padding:16px 0 0 0px; }
#container #myclass .movie_btn {text-align:right; padding-right:0px;}
#container #myclass .movie_btn a {margin-left:5px;}

#container #myclass2 {position:relative; float:left;  width:100%;}
#container #myclass2 dl {overflow:hidden; position:relative; float:left; width:100%; height:60px; border-bottom:1px solid #ddd; font-size:14px;}
#container #myclass2 dt {display:inline; float:left; margin-left:10px; padding:10px 10px 0px 0; color:#006dd2; font-size:12px;}
#container #myclass2 dd {display:inline; float:left; width:100%; margin-left:10px; padding-right:10px; clear:both;}
#container #myclass2 dd span {float:left; padding-right:10px; clear:both;}
#container #myclass2 dd span.step {float:left; padding-right:10px; clear:both; padding:16px 0 0 0px; }
#container #myclass2 .movie_btn {text-align:right; padding-right:20px;}
#container #myclass2 .movie_btn a {margin-left:5px;}

#container #myclass_list .myclass_status {position:relative; float:left;  margin:30px 0 0 10px;}
#container #myclass_list .myclass_status span {position:relative; float:left;  margin:10px 0 0 10px;}
#container #myclass_list {position:relative; float:left;  width:100%;}
#container #myclass_list dl {overflow:hidden; position:relative; float:left; width:100%; height:60px; border-bottom:1px solid #ddd; font-size:14px;}
#container #myclass_list dt {display:inline; float:left; margin-left:10px; padding:10px 10px 0px 0; color:#006dd2; font-size:12px;}
#container #myclass_list dd {display:inline; float:left; width:100%; margin-left:10px; padding-right:10px; clear:both;}
#container #myclass_list dd span {float:left; padding-right:10px; clear:both;}
#container #myclass_list dd span.step {float:left; padding-right:10px; clear:both; padding:16px 0 0 0px; }
#container #myclass_list .movie_btn {text-align:right; padding-right:20px;}
#container #myclass_list .movie_btn a {margin-left:5px;}

#container #myclass_movie {position:relative; float:left;  width:100%;}
#container #myclass_movie dl {overflow:hidden; position:relative; float:left; width:100%; height:60px; border-bottom:1px solid #ddd; font-size:14px;}
#container #myclass_movie dt {display:inline; float:left; margin-left:10px; padding:10px 10px 0px 0; color:#006dd2; font-size:12px;}
#container #myclass_movie dd {display:inline; float:left; width:100%; margin-left:10px; padding-right:10px; clear:both;}
#container #myclass_movie dd span {float:left; padding-right:10px; clear:both;}
#container #myclass_movie dd span.step {float:left; padding-right:10px; clear:both; padding:16px 0 0 0px; }
#container #myclass_movie .movie_btn {text-align:right; padding-right:20px;}
#container #myclass_movie .movie_btn a {margin-left:5px;}

#container #teacher_wrap {position:relative; float:left; width:100%; padding: 0 0 20px 0px;border:1px #e7e7e7 solid;}
#container #teacher_wrap .photo {position:relative; float:left; margin:10px 0 0 5px; }
#container #teacher_wrap .photo img {position:relative; float:left; padding:5px; border:1px #e7e7e7 solid;}
#container #teacher_wrap .profile {position:relative; float:left; font-size:13px; clear:both; padding:10px 0 0 10px;}
#container #teacher_wrap ul {margin:0px; padding:0px;}
#container #teacher_wrap ul li  {list-style:none; padding:3px 0 3px 0px;}

/* 모의고사 */
#container #myclass .mock_test {position:relative; float:left; width:100%;}
#container #myclass .mock_test ul {position:relative; float:left; margin:0px; padding:0px;}
#container #myclass .mock_test ul li {position:relative; float:left; margin:0px; padding:0px; clear:both;}
#container #myclass .mock_test ul li h2 {position:relative; float:left; width:97%; margin:0px; padding:20px 0 0 10px; clear:both; color:#006dd2;}
#container #myclass .mock_test ul li p.dept {position:relative; float:left; width:97%; margin:0px; padding:10px 0 0 10px; clear:both; color:#666; font-size:14px; font-weight:bold;}
#container #myclass .mock_test ul li ul {position:relative; float:left; padding:0px; margin:5px 0 0 10px;}
#container #myclass .mock_test ul li ul li {position:relative; float:left; margin:0px; padding:0px; clear:none;}
#container #myclass .mock_test ul li ul li a {position:relative; float:left; margin:5px 5px 0 0px; padding:5px; border:1px #bdbdbd solid; clear:none; font-size:12px; background:#f4f4f4;}

#container #myclass h3 {position:relative; float:left; color:#f00; padding:20px 0 0 10px;}
#container #myclass p {position:relative; float:left; padding:10px 10px; clear:both; color:#666; text-align:justify;}

/* 로그인 */
#container #login {position:relative; float:left; width:100%; text-align:center;}
#container #login fieldset {position:relative; width:90%; margin:0px auto; border:1px #bdbdbd solid; padding:10px;}
#container #login fieldset .loginForm_wrap {position:relative; float:left; width:100%;}
#container #login fieldset .loginForm_wrap table td .inputText {position:relative; float:right; width:100%; height:35px;}
#container #login fieldset .loginForm_wrap ul li label {position:relative; float:left; display:inline; border:1px #f00 solid; width:65px;}
#container #login fieldset .loginForm_wrap .btnLogin {position:relative; float:right; width:67px; text-align:right;}


/* 공지사항 */
#container #noticeList {position:relative; float:left; width:100%; text-align:center;}
#container #noticeList ul {position:relative; float:left; width:100%; text-align:left;}
#container #noticeList ul li {padding:7px 0px; border-bottom:1px #bdbdbd solid; text-indent:10px; background:url(../image/btn_next.gif) no-repeat 98% 50%;}
#container #noticeList ul li span {color:#006dd2; font-size:11px;}

#container .pageNum {position:relative; float:left; width:100%; text-align:center;}
#container .pageNum ul {position:relative; float:left; width:100%; margin:20px 0 15px 0px;}
#container .pageNum li {display:inline-block; margin-right:5px; background:url(../image/pageNum_bg.gif) repeat-x; border:1px solid #ddd; width:25px; height:25px; line-height:25px;}
#container .pageNum li.last {margin-right:0;}
#container .pageNum a {display:inline-block; width:25px; height:25px; line-height:25px; text-align:center; background:url(../image/pageNum_bg.gif) repeat-x;}
#container .pageNum a:hover {color:#285ca1; border-color:#285ca1;}

#container .noticeView dl{position:relative; float:left; width:100%; padding:5px 0px; border-bottom:1px solid #ddd;}
#container .noticeView dt{display:inline; float:left; line-height:16px; padding-left:10px; padding-right:10px; font-weight:bold; border-right:1px solid #ddd;}
#container .noticeView dd{display:inline; float:left; padding-left:15px; line-height:16px;}
#container .noticeView .viewContents {position:relative; float:left; padding:10px;}

#container .boardBtn {position:relative; float:left; width:100%; border-top:1px #ddd solid; padding-top:10px;}
#container .boardBtn ul {position:relative; float:right;}
#container .boardBtn li {float:left;}
#container .boardBtn li.last {margin-right:0;}
#container .boardBtn a {display:block; padding:0px 10px; margin-right:5px; line-height:25px; background:url(../image/pageNum_bg.gif) repeat-x; text-align:center; border:1px solid #ddd; font-size:12px;}

/* 푸터 */
#footer {position:relative; float:left; width:100%; text-align:center; color:#666; font-size:12px; clear:both; padding:10px 0 10px 0px;}
#footer ul {margin:0px auto;}
#footer ul li {list-style:none; display:inline; margin-bottom:10px; padding:0px 7px 0 5px; background:url(../image/footer_bar.gif) no-repeat right 3px;}
#footer ul li.none {list-style:none; display:inline; margin-bottom:10px; padding:0px 7px 0 5px; background:none;}
#footer address {position:relative; float:left; width:100%; text-align:center; padding:10px 0 10px 0;}



@media screen and (min-width : 1000px){
	
	#container #main_year {position:relative; float:left; width:100%; clear:both; text-align:center; margin-bottom:10px;} 
	#container #main_year .main_img {position:relative; float:left; width:100%; background:url(../image/main_img.jpg) no-repeat center; height:132px; border-top:1px #d5d5d5 solid; border-bottom:1px #d5d5d5 solid; margin:5px 0px; /* background-color:#eef3fc */ background-color: #ffffff;}
	#container #main_year h2 {position:relative; float:left; width:100%; font-size:13px; line-height:1.25em; padding:10px 0 5px 0px; font-family:"나눔고딕",NanumGothic,AppleGothic,"돋움",Dotum,"굴림",Gulim,Helvetica,Sans-serif; text-align:center; color:#055fc6;}
	#container #main_year ul {position:relative; float:left; width:100%; margin:0px; clear:both;}
	#container #main_year ul li {list-style:none; font-size:12px; color:#333;}
	
	#container #main_btn {position:relative; float:left; width:100%; left:-50%; text-align:center; margin:10px 0 10px 90%;}
	#container #main_btn ul {/* width:100%;  */ padding:0px; float: left; }
	#container #main_btn ul li {padding:0 15px; display:inline-block; float: left;}
	#container #main_btn ul li a {position:relative; display:inline-block; margin-bottom:6px; width:72px; height:0px; background:url(../image/main_btn.png) no-repeat; overflow:hidden; text-align:center; padding-top:75px; padding-bottom:20px; color:#666; font-size:12px;}
	
	/* 
	#container #main_btn ul li a.ic_01 {background-position:0 0px;}
	#container #main_btn ul li a.ic_02 {background-position:0 -95px;}
	#container #main_btn ul li a.ic_03 {background-position:0 -190px;}
	#container #main_btn ul li a.ic_04 {background-position:0 -285px;}
	#container #main_btn ul li a.ic_05 {background-position:0 -380px;}
	#container #main_btn ul li a.ic_06 {background-position:0 -475px;} 
	*/
	
	
	}