/* 메인 중간영역 css */ #middleArea { clear: both; float: left; margin: 5px 0px 0px 0px; padding: 0px; width: 910px; height: 100%; overflow: hidden; } /* 메인 중간 왼쪽 영역 css */ #middleArea .leftArea { float: left; margin: 0px; padding: 0px; width: 190px; height: 100%; overflow: hidden; } #middleArea .leftArea .bannerArea { margin-top: 10px; width: 190px; height: 120px; overflow: hidden; } #middleArea .rightArea .bannerArea { margin-bottom: 10px; width: 190px; height: 120px; overflow: hidden; } #middleArea .leftArea .subMenu { margin-top: 10px; width: 190px; height: 100%; } /* 공지사항 영역 css */ #middleArea .leftArea .notice { margin-top: 10px; width: 190px; height: 103px; overflow: hidden; } #middleArea .leftArea .notice .noticeTop { height: 23px; background: url('/app/views/main/imgs/notice_bg_top.gif') left top no-repeat; } #middleArea .leftArea .notice .noticeTop h2 { float: left; margin: 4px 0px 0px 5px; padding: 0px; } #middleArea .leftArea .notice .noticeTop .more { float: right; margin: 8px 7px 0px 0px; padding: 0px; } #middleArea .leftArea .notice ul { margin: 0px; padding: 10px 0px 0px 0px; height: 65px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; list-style: none; overflow: hidden; } #middleArea .leftArea .notice ul li { padding-left: 10px; width: 170px; height: 22px; background: url('/app/views/main/imgs/notice_list_icon.gif') 5px 9px no-repeat; overflow: hidden; white-space: nowrap; } #middleArea .leftArea .notice ul li a { text-decoration: none; font: 9pt gulim; color: #666; } #middleArea .leftArea .notice ul li a:hover { text-decoration: underline; } #middleArea .leftArea .notice .noticeBottom { margin: 0px; padding: 0px; height: 6px; background: url('/app/views/main/imgs/notice_bg_bottom.gif') left top no-repeat; } /* 블로그 영역 css */ #middleArea .leftArea .blogLatest { margin-top: 10px; width: 190px; height: 123px; overflow: hidden; } #middleArea .leftArea .blogLatest .blogLatestTop { height: 23px; background: url('/app/views/main/imgs/notice_bg_top.gif') left top no-repeat; } #middleArea .leftArea .blogLatest .blogLatestTop h2 { float: left; margin: 4px 0px 0px 5px; padding: 0px; } #middleArea .leftArea .blogLatest .blogLatestTop .more { float: right; margin: 8px 7px 0px 0px; padding: 0px; } #middleArea .leftArea .blogLatest ul.contents { margin: 0px; padding: 5px 0px 0px 0px; height: 90px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; list-style: none; overflow: hidden; } #middleArea .leftArea .blogLatest ul.contents li { margin: 0px; padding: 10px 0px 10px 0px; width: 188px; height: 100%; border-bottom: 1px solid #e5e5e5; overflow: hidden; } #middleArea .leftArea .blogLatest ul.contents li.borderNone { border-bottom: 0px; overflow: hidden; } #middleArea .leftArea .blogLatest ul.contents li .imgBox { float: left; margin-left: 5px; _margin-left: 5px; width: 70px; height: 70px; background-color: #fff; border: 1px solid #e6e7e2; } #middleArea .leftArea .blogLatest ul.contents li .imgBox img { width: 70px; height: 70px; } #middleArea .leftArea .blogLatest ul.contents li a:hover { text-decoration: underline; } #middleArea .leftArea .blogLatest ul.contents li p { float: left; margin: 0px; padding: 0px; margin-left: 5px; width: 100px; line-height: 1.3em; } #middleArea .leftArea .blogLatest ul.contents li p span.subject { display: block; margin-bottom: -7px; letter-spacing: -1px; color: #242424; } #middleArea .leftArea .blogLatest ul.contents li p span.content { font-size: 0.92em; color: #666; line-height: 1.5em; } #middleArea .leftArea .blogLatest .blogLatestBottom { margin: 0px; padding: 0px; height: 6px; background: url('/app/views/main/imgs/notice_bg_bottom.gif') left top no-repeat; } /* 지식나누기 영역 css */ #middleArea .leftArea .kin { margin-top: 10px; width: 190px; height: 73px; overflow: hidden; } #middleArea .leftArea .kin .kinTop { height: 23px; background: url('/app/views/main/imgs/notice_bg_top.gif') left top no-repeat; } #middleArea .leftArea .kin .kinTop h2 { float: left; margin: 4px 0px 0px 5px; padding: 0px; } #middleArea .leftArea .kin .kinTop .more { float: right; margin: 8px 7px 0px 0px; padding: 0px; } #middleArea .leftArea .kin ul { margin: 0px; padding: 5px 0px 0px 0px; height: 40px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; list-style: none; overflow: hidden; } #middleArea .leftArea .kin ul li { padding-left: 10px; width: 170px; height: 22px; background: url('/app/views/main/imgs/notice_list_icon.gif') 5px 9px no-repeat; overflow: hidden; white-space: nowrap; } #middleArea .leftArea .kin ul li a { text-decoration: none; font: 9pt gulim; color: #666; } #middleArea .leftArea .kin ul li a:hover { text-decoration: underline; } #middleArea .leftArea .kin .kinBottom { margin: 0px; padding: 0px; height: 6px; background: url('/app/views/main/imgs/notice_bg_bottom.gif') left top no-repeat; } /* 셀프자료실 영역 css */ #middleArea .leftArea .pds { margin-top: 10px; width: 190px; height: 73px; overflow: hidden; } #middleArea .leftArea .pds .pdsTop { height: 23px; background: url('/app/views/main/imgs/notice_bg_top.gif') left top no-repeat; } #middleArea .leftArea .pds .pdsTop h2 { float: left; margin: 4px 0px 0px 5px; padding: 0px; } #middleArea .leftArea .pds .pdsTop .more { float: right; margin: 8px 7px 0px 0px; padding: 0px; } #middleArea .leftArea .pds ul { margin: 0px; padding: 5px 0px 0px 0px; height: 40px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; list-style: none; overflow: hidden; } #middleArea .leftArea .pds ul li { padding-left: 10px; width: 170px; height: 22px; background: url('/app/views/main/imgs/notice_list_icon.gif') 5px 9px no-repeat; overflow: hidden; white-space: nowrap; } #middleArea .leftArea .pds ul li a { text-decoration: none; font: 9pt gulim; color: #666; } #middleArea .leftArea .pds ul li a:hover { text-decoration: underline; } #middleArea .leftArea .pds .pdsBottom { margin: 0px; padding: 0px; height: 6px; background: url('/app/views/main/imgs/notice_bg_bottom.gif') left top no-repeat; } /* 과외체험사례 영역 css */ #middleArea .leftArea .postscript { margin-top: 10px; width: 190px; height: 123px; overflow: hidden; } #middleArea .leftArea .postscript .postscriptTop { height: 23px; background: url('/app/views/main/imgs/notice_bg_top.gif') left top no-repeat; } #middleArea .leftArea .postscript .postscriptTop h2 { float: left; margin: 4px 0px 0px 5px; padding: 0px; } #middleArea .leftArea .postscript .postscriptTop .more { float: right; margin: 8px 7px 0px 0px; padding: 0px; } #middleArea .leftArea .postscript ul { margin: 0px; padding: 5px 0px 0px 0px; height: 90px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; list-style: none; overflow: hidden; } #middleArea .leftArea .postscript ul li { padding-left: 10px; width: 170px; height: 22px; background: url('/app/views/main/imgs/notice_list_icon.gif') 5px 9px no-repeat; overflow: hidden; white-space: nowrap; } #middleArea .leftArea .postscript ul li a { text-decoration: none; font: 9pt gulim; color: #666; } #middleArea .leftArea .postscript ul li a:hover { text-decoration: underline; } #middleArea .leftArea .postscript .postscriptBottom { margin: 0px; padding: 0px; height: 6px; background: url('/app/views/main/imgs/notice_bg_bottom.gif') left top no-repeat; } /* 고객센터 영역 css */ #middleArea .leftArea .customer { margin-top: 10px; width: 190px; height: 135px; overflow: hidden; } /* 메인버튼 영역 css */ #middleArea .leftArea .linkBt { margin-top: 15px; width: 190px; height: 62px; overflow: hidden; } #middleArea .leftArea .linkBt .btTop { height: 29px; } #middleArea .leftArea .linkBt .btTop a.application { float: left; } #middleArea .leftArea .linkBt .btTop a.guide { float: right; } #middleArea .leftArea .linkBt .btBottom { margin-top: 4px; height: 29px; } #middleArea .leftArea .linkBt .btBottom a.premiumBt { float: left; } #middleArea .leftArea .linkBt .btBottom a.pic { float: right; } /* 학적증명서 영역 css */ #middleArea .leftArea .warrant { margin-top: 14px; width: 190px; height: 69px; overflow: hidden; } /* 메인 중간 오른쪽 영역 css */ #middleArea .rightArea { float: left; margin: 0px 0px 0px 10px; padding: 0px; width: 710px; height: 100%; overflow: hidden; } /* 메인 중간 상단 플래시 영역 css */ #middleArea .rightArea .contentsTop { margin-bottom: 10px; width: 710px; height: 166px; overflow: hidden; } /* 컨텐츠 왼쪽 영역 css */ #middleArea .rightArea .contentsArea .contentsLeft { float: left; width: 510px; height: 100%; } /* 검색박스 영역 css */ #middleArea .rightArea .contentsArea .contentsLeft .searchBox { margin: 0px; padding: 0px; width: 510px; height: 100px; background: url('/app/views/main/imgs/main_search_bg.gif') no-repeat; } /* tab 부분 */ #middleArea .rightArea .contentsArea .contentsLeft .searchBox .searchTop { height: 25px; width: 240px; } #middleArea .rightArea .contentsArea .contentsLeft .searchBox .searchTop p.tab { float: left; margin: 0px; margin-left: 9px; padding: 0px; height: 25px; font-size: 1pt; overflow: hidden; } #middleArea .rightArea .contentsArea .contentsLeft .searchBox .searchTop p.tab img { margin-left: 0px; overflow: hidden; } *:first-child+html #middleArea .rightArea .contentsArea .contentsLeft .searchBox .searchTop p.tab img { margin-left: -1px; } *html #middleArea .rightArea .contentsArea .contentsLeft .searchBox .searchTop p.tab img { margin-left: -1px; } /* contents 부분 */ .connect #connectContents1 { height: 70px; } .connect #connectContents2 { height: 70px; } .formSearch { margin: 0px; margin-left: 90px; padding: 0px; } fieldset.memberSearch { margin: 0px; padding: 0px; width: 410px; height: 70px; border: 0px; } fieldset.memberSearch .search { margin-top: 12px; color: #686763; } fieldset.memberSearch .search p.line { clear: both; padding-bottom: 10px; } fieldset.memberSearch .search .line2 { margin-top: 10px; padding-top: 10px; } *html fieldset.memberSearch .search .line2 { margin-top: 0px; } *:first-child+html fieldset.memberSearch .search .line2 { margin-top: 0px; } fieldset.memberSearch .search span.txt { float: left; padding-top: 4px; width: 35px; text-align: right; } fieldset.memberSearch .search input { float: left; margin-left: 5px; border: 1px solid #dad9d2; } fieldset.memberSearch .search select { float: left; margin-left: 5px; border: 1px solid #dad9d2; } /* 전문과외 영역 css */ #middleArea .rightArea .contentsArea .contentsLeft .proTeacher { margin-top: 10px; width: 510px; height: 235px; overflow: hidden; } #middleArea .rightArea .contentsArea .contentsLeft .proTeacher .proTop { height: 25px; background: url('/app/views/main/imgs/pro_bg_top.gif') left top no-repeat; overflow: hidden; } #middleArea .rightArea .contentsArea .contentsLeft .proTeacher .proTop h2 { margin: 0px; padding: 7px 0px 0px 10px; } #middleArea .rightArea .contentsArea .contentsLeft .proTeacher .proMiddle { height: 205px; background: url('/app/views/main/imgs/pro_bg_middle.gif') left top repeat-y; } #middleArea .rightArea .contentsArea .contentsLeft .proTeacher .proMiddle p.prev { float: left; margin: 0px; margin-right: 14px; padding: 0px; padding-top: 63px; } #middleArea .rightArea .contentsArea .contentsLeft .proTeacher .proMiddle p.prev a { display: block; width: 14px; height: 53px; background: url('/app/views/main/imgs/pro_bt_left.gif') no-repeat; } #middleArea .rightArea .contentsArea .contentsLeft .proTeacher .proMiddle p.next { float: left; margin: 0px; margin-left: 3px; padding: 0px; padding-top: 63px; } #middleArea .rightArea .contentsArea .contentsLeft .proTeacher .proMiddle p.next a { display: block; width: 14px; height: 53px; background: url('/app/views/main/imgs/pro_bt_right.gif') no-repeat; } #middleArea .rightArea .contentsArea .contentsLeft .proTeacher .proMiddle ul#list { float: left; margin: 0px; padding: 0px; padding-top: 6px; width: 465px; height: 194px; list-style: none; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .proTeacher .proMiddle ul#list li { float: left; margin: 0px; padding: 0px; width: 465px; height: 194px; overflow: hidden; } #middleArea .rightArea .contentsArea .contentsLeft .proTeacher .proMiddle ul#list li ul { margin: 0px; padding: 0px; list-style: none; } #middleArea .rightArea .contentsArea .contentsLeft .proTeacher .proMiddle ul#list li ul li { float: left; margin: 0px 0px 12px 0px; padding: 0px; width: 83px; height: 91px; margin-right: 10px; white-space: nowrap; text-align: center; overflow: hidden; } #middleArea .rightArea .contentsArea .contentsLeft .proTeacher .proMiddle ul#list li ul li a { display: block; margin-top: 0px; width: 83px; font: 9pt dotum; color: #6c6c6c; text-decoration: none; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .proTeacher .proMiddle ul#list li ul li a:hover { text-decoration: underline; } #middleArea .rightArea .contentsArea .contentsLeft .proTeacher .proMiddle ul#list li ul li a img { margin: 0px; margin-bottom: 4px; padding: 0px; width: 79px; height: 71px; border: 2px solid #c1c1c1; } #middleArea .rightArea .contentsArea .contentsLeft .proTeacher .proBottom { height: 5px; background: url('/app/views/main/imgs/pro_bg_bottom.gif') left top no-repeat; } /* 최근로그인 영역 css */ #middleArea .rightArea .contentsArea .contentsLeft .connect { clear: both; float: left; margin-top: 10px; margin-bottom: 0px; width: 254px; height: 129px; border-right: 1px solid #d6d6d6; overflow: hidden; } /* tab 부분 */ #middleArea .rightArea .contentsArea .contentsLeft .connect .connectTop { height: 25px; width: 240px; background: url('/app/views/main/imgs/connect_bg_line.gif') left bottom no-repeat; } #middleArea .rightArea .contentsArea .contentsLeft .connect .connectTop h2 { float: left; margin: 4px 0px 0px 5px; padding: 0px; } #middleArea .rightArea .contentsArea .contentsLeft .connect .connectTop p.tab { float: right; margin: 0px; padding: 0px; height: 25px; font-size: 0pt; } #middleArea .rightArea .contentsArea .contentsLeft .connect .connectTop p.tab img { margin-left: 3px; } /* contents 부분 */ .connect #connectContents1 { height: 100px; } .connect #connectContents2 { height: 100px; } #middleArea .rightArea .contentsArea .contentsLeft .connect ul.list { margin: 0px; padding: 0px; margin-top: 8px; height: 96px; list-style: none; overflow: hidden; font-size: 0pt; } #middleArea .rightArea .contentsArea .contentsLeft .connect ul.list li { padding-left: 8px;height: 20px; background: url('/app/views/main/imgs/notice_list_icon.gif') 2px 5px no-repeat; font: 9pt gulim; color: #666; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .connect ul.list li .name { float: left; width: 45px; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .connect ul.list li .name a { font: 9pt gulim; color: #666; text-decoration: none; } #middleArea .rightArea .contentsArea .contentsLeft .connect ul.list li .name a:hover { text-decoration: underline; } #middleArea .rightArea .contentsArea .contentsLeft .connect ul.list li .univ { float: left; width: 100px; text-align: center; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .connect ul.list li .local { float: left; width: 48px; text-align: center; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .connect ul.list li .subject { float: left; width: 33px; text-align: right; overflow: hidden; white-space: nowrap; } /* 프리미엄전환선생님 영역 css */ #middleArea .rightArea .contentsArea .contentsLeft .premium { float: left; margin-top: 14px; margin-left: 15px; width: 240px; height: 129px; overflow: hidden; } #middleArea .rightArea .contentsArea .contentsLeft .premium .premiumTop { height: 25px; width: 240px; background: url('/app/views/main/imgs/connect_bg_line.gif') left bottom no-repeat; } #middleArea .rightArea .contentsArea .contentsLeft .premium .premiumTop h2 { margin: 0px; padding: 4px 0px 0px 5px; } #middleArea .rightArea .contentsArea .contentsLeft .premium ul { margin: 0px; padding: 8px 0px 0px 0px; height: 96px; list-style: none; overflow: hidden; font-size: 0pt; } #middleArea .rightArea .contentsArea .contentsLeft .premium ul li {padding-left: 8px; width: 230px; height: 20px; background: url('/app/views/main/imgs/notice_list_icon.gif') 2px 5px no-repeat; font: 9pt gulim; color: #666; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .premium ul li .name { margin: 0px; padding: 0px; float: left; width: 45px; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .premium ul li .name a { font: 9pt gulim; color: #666; text-decoration: none; } #middleArea .rightArea .contentsArea .contentsLeft .premium ul li .name a:hover { text-decoration: underline; } #middleArea .rightArea .contentsArea .contentsLeft .premium ul li .univ { float: left; width: 100px; text-align: center; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .premium ul li .local { float: left; width: 48px; text-align: center; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .premium ul li .subject { float: left; width: 33px; text-align: right; overflow: hidden; white-space: nowrap; } /* 일반과외 영역 css */ #middleArea .rightArea .contentsArea .contentsLeft .normalTeacher { clear: both; width: 504px; height: 131px; overflow: hidden; border: 3px solid #dcdcdc; } #middleArea .rightArea .contentsArea .contentsLeft .normalTeacher h2 { margin: 0px; padding: 7px 0px 0px 10px; } #middleArea .rightArea .contentsArea .contentsLeft .normalTeacher p.prev { float: left; margin: 20px 10px 0px 0px; padding: 0px 0px 0px 5px; } #middleArea .rightArea .contentsArea .contentsLeft .normalTeacher p.prev a { display: block; width: 12px; height: 47px; background: url('/app/views/main/imgs/normal_bt_left.gif') no-repeat; } #middleArea .rightArea .contentsArea .contentsLeft .normalTeacher p.next { float: left; margin: 20px 0px 0px 0px; padding: 0px; } #middleArea .rightArea .contentsArea .contentsLeft .normalTeacher p.next a { display: block; width: 12px; height: 47px; background: url('/app/views/main/imgs/normal_bt_right.gif') no-repeat; } #middleArea .rightArea .contentsArea .contentsLeft .normalTeacher ul#normalList { float: left; margin: 0px; padding: 0px; padding-top: 8px; width: 460px; height: 90px; list-style: none; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .normalTeacher ul#normalList li { float: left; margin: 0px; padding: 0px; overflow: hidden; } #middleArea .rightArea .contentsArea .contentsLeft .normalTeacher ul#normalList li ul { margin: 0px; padding: 0px; list-style: none; } #middleArea .rightArea .contentsArea .contentsLeft .normalTeacher ul#normalList li ul li { float: left; margin: 0px 0px 10px 0px; padding: 0px; width: 81px; height: 91px; margin-right: 11px; overflow: hidden; white-space: nowrap; text-align: center; } #middleArea .rightArea .contentsArea .contentsLeft .normalTeacher ul#normalList li ul li a img { margin: 0px; margin-bottom: 4px; padding: 0px; width: 79px; height: 71px; border: 1px solid #c1c1c1; } #middleArea .rightArea .contentsArea .contentsLeft .normalTeacher ul#normalList li ul li a { display: block; margin-top: 0px; width: 81px; font: 9pt dotum; color: #6c6c6c; text-decoration: none; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .normalTeacher ul#normalList li ul li a:hover { text-decoration: underline; } /* 새로운선생님 영역 css */ #middleArea .rightArea .contentsArea .contentsLeft .newTeacher { float: left; margin-top: 15px; width: 255px; height: 155px; } #middleArea .rightArea .contentsArea .contentsLeft .newTeacher .newTeacherTop { height: 27px; width: 255px; background: url('/app/views/main/imgs/newteacher_bg_top.gif') left bottom no-repeat; } #middleArea .rightArea .contentsArea .contentsLeft .newTeacher .newTeacherTop h2 { margin: 0px; padding: 5px 0px 0px 7px; } #middleArea .rightArea .contentsArea .contentsLeft .newTeacher ul { margin: 0px; padding: 7px 0px 0px 0px; width: 253px; height: 122px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; list-style: none; overflow: hidden; font-size: 0pt; } #middleArea .rightArea .contentsArea .contentsLeft .newTeacher ul li { padding-left: 12px; width: 230px; height: 21px; background: url('/app/views/main/imgs/notice_list_icon.gif') 6px 5px no-repeat; font: 9pt gulim; color: #666; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .newTeacher ul li .name { margin: 0px; padding: 0px; float: left; width: 45px; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .newTeacher ul li .name a { font: 9pt gulim; color: #666; text-decoration: none; } #middleArea .rightArea .contentsArea .contentsLeft .newTeacher ul li .name a:hover { text-decoration: underline; } #middleArea .rightArea .contentsArea .contentsLeft .newTeacher ul li .univ { float: left; width: 100px; text-align: center; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .newTeacher ul li .local { float: left; width: 48px; text-align: center; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .newTeacher ul li .subject { float: left; width: 31px; text-align: right; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .newTeacher .newTeacherBottom { height: 5px; width: 255px; background: url('/app/views/main/imgs/newteacher_bg_bottom.gif') left bottom no-repeat; font-size: 0pt; } /* 새로운학생 영역 css */ #middleArea .rightArea .contentsArea .contentsLeft .newStudent { float: left; margin-top: 15px; width: 255px; height: 155px; } #middleArea .rightArea .contentsArea .contentsLeft .newStudent .newStudentTop { height: 27px; width: 255px; background: url('/app/views/main/imgs/newstudent_bg_top.gif') left bottom no-repeat; } #middleArea .rightArea .contentsArea .contentsLeft .newStudent .newStudentTop h2 { margin: 0px; padding: 5px 0px 0px 7px; } #middleArea .rightArea .contentsArea .contentsLeft .newStudent ul { margin: 0px; padding: 7px 0px 0px 6px; width: 248px; height: 122px; border-right: 1px solid #dcdcdc; list-style: none; overflow: hidden; font-size: 0pt; } #middleArea .rightArea .contentsArea .contentsLeft .newStudent ul li { padding-left: 12px; width: 230px; height: 21px; background: url('/app/views/main/imgs/notice_list_icon.gif') 6px 5px no-repeat; font: 9pt gulim; color: #666; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .newStudent ul li .name { margin: 0px; padding: 0px; float: left; width: 45px; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .newStudent ul li .name a { font: 9pt gulim; color: #666; text-decoration: none; } #middleArea .rightArea .contentsArea .contentsLeft .newStudent ul li .name a:hover { text-decoration: underline; } #middleArea .rightArea .contentsArea .contentsLeft .newStudent ul li .univ { float: left; width: 100px; text-align: center; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .newStudent ul li .local { float: left; width: 48px; text-align: center; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .newStudent ul li .subject { float: left; width: 31px; text-align: right; overflow: hidden; white-space: nowrap; } #middleArea .rightArea .contentsArea .contentsLeft .newStudent .newStudentBottom { height: 5px; width: 255px; background: url('/app/views/main/imgs/newstudent_bg_bottom.gif') left bottom no-repeat; font-size: 0pt; } /* 오른쪽 영역 css */ #middleArea .rightArea .contentsArea .contentsRight { float: left; margin-left: 10px; padding: 0px; width: 190px; height: 100%; overflow: hidden; } /* 지역공부방 영역 css */ #middleArea .rightArea .contentsArea .contentsRight .localEdu { clear: both; width: 190px; height: 412px; overflow: hidden; } #middleArea .rightArea .contentsArea .contentsRight .localEdu .localEduTop { height: 33px; background: url('/app/views/main/imgs/local_bg_top.gif') left top no-repeat; } #middleArea .rightArea .contentsArea .contentsRight .localEdu .localEduTop h2 { float: left; margin: 0px; padding: 12px 0px 0px 8px; } #middleArea .rightArea .contentsArea .contentsRight .localEdu .localEduTop span.more { float: right; margin: 13px 8px 0px 0px; width: 57px; height: 16px; } #middleArea .rightArea .contentsArea .contentsRight .localEdu .localEduTop p.prev { float: left; margin: 13px 4px 0px 15px; padding: 0px; } #middleArea .rightArea .contentsArea .contentsRight .localEdu .localEduTop p.prev a { display: block; width: 14px; height: 14px; background: url('/app/views/main/imgs/local_bt_left.gif') no-repeat; } #middleArea .rightArea .contentsArea .contentsRight .localEdu .localEduTop p.next { float: left; margin: 13px 0px 0px 0px; padding: 0px; } #middleArea .rightArea .contentsArea .contentsRight .localEdu .localEduTop p.next a { display: block; width: 14px; height: 14px; background: url('/app/views/main/imgs/local_bt_right.gif') no-repeat; } #middleArea .rightArea .contentsArea .contentsRight .localEdu ul#localList { margin: 0px; padding: 7px 0px 0px 7px; width: 190px; height: 365px; background: url('/app/views/main/imgs/local_bg_middle.gif') left top repeat-y; list-style: none; overflow: hidden; font-size: 0pt; } #middleArea .rightArea .contentsArea .contentsRight .localEdu ul#localList li { margin: 0px; padding: 0px; overflow: hidden; } #middleArea .rightArea .contentsArea .contentsRight .localEdu ul#localList li ul { margin: 0px; padding: 0px; list-style: none; } #middleArea .rightArea .contentsArea .contentsRight .localEdu ul#localList li ul li { clear: both; margin: 0px 11px 10px 0px; padding: 0px; width: 176px; height: 83px; background: url('/app/views/main/imgs/local_bg_list.gif') left top no-repeat; } #middleArea .rightArea .contentsArea .contentsRight .localEdu ul#localList li ul li img { float: left; margin: 4px 0px 0px 4px; padding: 0px; width: 78px; height: 68px; border: 1px solid #b6b6b6; } #middleArea .rightArea .contentsArea .contentsRight .localEdu ul#localList li ul li .textArea { float: left; margin: 5px 0px 0px 7px; width: 80px; } #middleArea .rightArea .contentsArea .contentsRight .localEdu ul#localList li ul li .textArea a.subject { display: block; width: 80px; height: 40px; font: 900 9pt dotum; color: #fff; text-decoration: none; line-height: 140%; overflow: hidden; } #middleArea .rightArea .contentsArea .contentsRight .localEdu ul#localList li ul li .textArea a.subject:hover { text-decoration: underline; } #middleArea .rightArea .contentsArea .contentsRight .localEdu ul#localList li ul li .textArea span.contents { display: block; margin-top: 0px; height: 32px; font: 8.5pt dotum; color: #666; line-height: 140%; overflow: hidden; } #middleArea .rightArea .contentsArea .contentsRight .localEdu .localEduBottom { height: 6px; background: url('/app/views/main/imgs/local_bg_bottom.gif') left top no-repeat; } /* 배너1 영역 css */ #middleArea .rightArea .contentsArea .contentsRight .bannerArea1 { margin-top: 6px; _margin-top: 8px; padding: 0px; width: 190px; height: 100%; } #middleArea .rightArea .contentsArea .contentsRight .bannerArea1 .top { margin: 0px; padding: 0px; width: 190px; height: 35px; background: url('/app/views/common/imgs/common/banner_bg_title.gif') no-repeat; } #middleArea .rightArea .contentsArea .contentsRight .bannerArea1 .top span.more { float: right; margin: 9px 8px 0px 0px; } #middleArea .rightArea .contentsArea .contentsRight .bannerArea1 ul { margin: 0px; padding: 0px 6px 0px 6px; width: 176px; height: 100%; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; list-style: none; overflow: hidden; } #middleArea .rightArea .contentsArea .contentsRight .bannerArea1 ul li { margin-top: 5px; } #middleArea .rightArea .contentsArea .contentsRight .bannerArea1 .bottom { margin: 0px; padding: 0px; width: 190px; height: 5px; background: url('/app/views/common/imgs/common/banner_bg_bottom.gif') no-repeat; overflow: hidden; } /* 배너2 영역 css */ #middleArea .rightArea .contentsArea .contentsRight .bannerArea2 { margin-top: 6px; _margin-top: 8px; padding: 0px; width: 190px; height: 100%; } #middleArea .rightArea .contentsArea .contentsRight .bannerArea2 .top { margin: 0px; padding: 0px; width: 190px; height: 35px; background: url('/app/views/common/imgs/common/banner_bg_title2.gif') no-repeat; } #middleArea .rightArea .contentsArea .contentsRight .bannerArea2 .top span.more { float: right; margin: 9px 8px 0px 0px; } #middleArea .rightArea .contentsArea .contentsRight .bannerArea2 ul { margin: 0px; padding: 0px 6px 0px 6px; width: 176px; height: 100%; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; list-style: none; overflow: hidden; } #middleArea .rightArea .contentsArea .contentsRight .bannerArea2 ul li { margin-top: 5px; } #middleArea .rightArea .contentsArea .contentsRight .bannerArea2 .bottom { margin: 0px; padding: 0px; width: 190px; height: 5px; background: url('/app/views/common/imgs/common/banner_bg_bottom.gif') no-repeat; overflow: hidden; } /* 포인트랭킹 영역 css */ #middleArea .leftArea .pointRank { clear: both; margin-top: 8px; _margin-top: 12px; width: 190px; height: 140px; overflow: hidden; } #middleArea .leftArea .pointRank .pointTop { height: 27px; background: url('/app/views/main/imgs/point_bg_top.gif') left top no-repeat; } #middleArea .leftArea .pointRank .pointTop h2 { margin: 0px; padding: 6px 0px 0px 6px; } #middleArea .leftArea .pointRank ul { margin: 0px; padding: 8px 0px 0px 6px; width: 182px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; list-style: none; overflow: hidden; font-size: 0pt; } #middleArea .leftArea .pointRank ul li { width: 170px; height: 20px; font: 9pt dotum; color: #666; } #middleArea .leftArea .pointRank ul li img { float: left; vertical-align: middle; } #middleArea .leftArea .pointRank ul li a.name { float: left; margin-left: 5px; width: 90px; font: 900 9pt dotum; color: #7d7d7d; text-decoration: none; overflow: hidden; } #middleArea .leftArea .pointRank ul li a.name:hover { text-decoration: underline; } #middleArea .leftArea .pointRank ul li span.point { float: right; width: 55px; text-align: right; overflow: hidden; } #middleArea .leftArea .pointRank .pointBottom { height: 5px; background: url('/app/views/main/imgs/point_bg_bottom.gif') left top no-repeat; }