@charset "utf-8"; /* ---------------------------------------------------------------------------------------------------- * Daonsoft Publishing.Div * Author : 2009-12-18 by 2dea * Descript : 경기영어마을 Main Page CSS * Location : http://www.english-village.or.kr * Last Edit+ : 2009-12-18 by 2dea * Comment : Modified Line- ---------------------------------------------------------------------------------------------------- */ /* Import Rules */ @import url("/www/resource/css/default.css"); @import url("/www/resource/css/layout.css"); @import url("/www/resource/css/assist.css"); /* Global Selector */ body {background: #FFF url("/www/resource/images/main/bg_body.jpg") repeat-x; } /* Layout Selector */ #dobody {background: url("/www/resource/images/main/bg_dobody.jpg") no-repeat 50% 0%; } #footer {position: static !important; } /* Page Main Selector */ #main {position: static; width: 100%; height: 501px; margin-top: 77px; } #main .container {position: relative; width: 984px; margin: 0px auto; } #main .area-visual_main {position: absolute; left: 314px; top: 0px; width: 357px; height: 319px; } #main #information {position: absolute; left: 702px; top: 71px; width: 248px; height: 62px; } #main #information .information {display: inline; float: left; } #main #latest .latest h4 {height: 12px; } #main #information .information .content {position: absolute; left: 0px; width: 248px; } #main #latest {position: absolute; left: 20px; top: 71px; width: 265px; height: 100px; } #main #latest .latest {} #main #latest .latest h4 {display: inline; float: left; height: 13px; } #main #latest .latest .content {position: absolute; left: 0px; top: 18px; width: 265px; } #main #latest .latest .content ul {padding-left: 2px; } #main #latest .latest .content ul li {display: inline-block; margin-top: 3px; padding-left: 8px; background: url("/www/resource/images/main/latest_bul_list.gif") no-repeat 0px 5px; } #main #latest .latest .content ul li strong.subject {display: block; float: left; width: 223px; height: 14px; overflow: hidden; font-weight: normal; word-spacing: -2px; } #main #latest .latest .content ul li span.date {display: block; float: right; width: 32px; text-align: right; font-size: .9em; } #main #latest .latest .content .btn-more {position: absolute; right: -5px; top: -18px; } #main #program {padding: 145px 0px 0px 689px; } #main #program .content {width: 361px; height: 360px; background: url("/www/resource/images/main/bg_programbox.gif") no-repeat; } #main #program .content #program_research {padding-top: 60px; color: #FFF; } #main #program .content #program_research ol {width: 321px; height: 230px; overflow: auto; padding: 12px; } #main #program .content #program_research ol li {padding-top: 24px; } #main #program .content #program_research ol li.first-child {padding-top: 0px; } #main #program .content #program_research ol li dl {display: inline-block; padding-left: 10px; } #main #program .content #program_research ol li dl dt {clear: both; padding-bottom: 5px; } #main #program .content #program_research ol li dl dd {display: inline; float: left; width: 83px; margin: 6px 0px 0px 14px; } #main #program .content #program_research ol li dl dd.line2 {width: 180px; } #main #program .content #program_research ol li dl dd input.cbr-type {margin-right: 5px; } #main #program .content #program_result {padding-top: 66px; } #main #program .content #program_result ol {width: 306px; height: 250px; overflow: auto; margin: 0px auto; padding: 0px 14px; } #main #program .content #program_result ol li {display: inline-block; padding: 8px 0px; background: url("/www/resource/images/main/program_h-dot.gif") repeat-x 0% 100%; } #main #program .content #program_result ol li .spotlight {display: inline; float: left; width: 101px; } #main #program .content #program_result ol li .spotlight img {display: block; width: 86px; height: 59px; padding: 3px; background: url("/www/resource/images/main/program_bg_thumb.gif") no-repeat; } #main #program .content #program_result ol li .explain {display: inline; float: left; width: 188px; padding-top: 2px; font-size: 0.9em; font-family: "돋움", Dotum, AppleGothic, sans-serif; } #main #program .content #program_result ol li .explain strong {display: block; padding-bottom: 2px; color: #fbd800; } #main #program .content #program_result ol li .explain p {line-height: 1.168em; color: #ece6d8; } #main #program .content #program_result ol li .explain .launch-button {text-align: right; margin-top: 2px; padding-right: 2px; } #main #program .content #program_result .program_error {text-align: center; padding-top: 66px; } #main #program .content #program_result .program_error p {font-size: 0.9em; font-family: "돋움", Dotum, AppleGothic, sans-serif; color: #e9e8d9; } #main #program .content #program_result .program_error .back-button {margin-top: 18px; } #main #program .content #program_research .area-button {text-align: center; margin-top: 0px; } #main #experience {position: absolute; left: 16px; top: 186px; width: 280px; height: 131px; padding: 0px 4px 5px 0px; background: url("/www/resource/images/main/experience_box.gif") no-repeat; } #main #experience .content {padding: 32px 0px 0px 123px; } #main #experience .content ul {width: 147px; height: 87px; overflow: auto; } #main #experience .content ul li {margin-top: 1px; } #main #schedule {position: absolute; left: 688px; top: 186px; width: 280px; height: 131px; padding: 0px 4px 5px 0px; background: url("/www/resource/images/main/schedule_box.gif") no-repeat; } #main #schedule .content {} #main #schedule .content dl {} #main #schedule .content dl dt {position: absolute; left: 12px; top: 45px; width: 60px; height: 63px; text-align: center; } #main #schedule .content dl dt strong {display: block; padding-top: 10px; font-size: 40px; line-height: 1em; font-family: "Century Gothic", Tahoma, Arial, AppleGothic, sans-serif; color: #563f20; } #main #schedule .content dl dd {} #main #schedule .content dl ul {padding: 42px 0px 0px 84px; } #main #schedule .content dl ul li {height: 14px; overflow: hidden; margin-top: 3px; } #main #schedule .content dl dd em {display: block; float: left; width: 30px; font-weight: normal; font-size: 0.9em; } #main #schedule .content dl dd span {display: block; float: left; width: 160px; overflow: hidden; letter-spacing: -1px; } #main #afternote {position: absolute; left: 688px; top: 326px; width: 280px; height: 131px; padding: 0px 4px 5px 0px; background: url("/www/resource/images/main/afternote_box.gif") no-repeat; } #main #afternote .content {padding: 40px 0px 0px 25px; } #main #afternote .content ul {width: 240px; height: 78px; overflow: hidden; } #main #afternote .content ul li {display: inline; float: left; margin-right: 11px; } #main #afternote .content ul li img {display: block; width: 99px; height: 68px; padding: 4px; border: 1px solid #c5bdb3; } /*#main #afternote .content .control-button {position: relative; width: 255px; } #main #afternote .content .control-button button.prev {position: absolute; left: -25px; top: -51px; width: 14px; height: 26px; background: url("/www/resource/images/main/afternote_btn_prev.gif") no-repeat; } #main #afternote .content .control-button button.next {position: absolute; right: 0px; top: -51px; width: 14px; height: 26px; background: url("/www/resource/images/main/afternote_btn_next.gif") no-repeat; }*/ #main #afternote .content .control-button {position: absolute; right: 30px; top: 16px; } #main #afternote .content .control-button button.prev {display: inline; float: left; width: 12px; height: 12px; background: url("/www/resource/images/main/popupzone_btn_prev.gif") no-repeat; } #main #afternote .content .control-button button.pause {display: inline; float: left; width: 13px; height: 12px; background: url("/www/resource/images/main/popupzone_btn_pause.gif") no-repeat; } #main #afternote .content .control-button button.next {display: inline; float: left; width: 12px; height: 12px; background: url("/www/resource/images/main/popupzone_btn_next.gif") no-repeat; } #main #service {position: absolute; left: 306px; top: 326px; width: 372px; height: 131px; padding: 0px 4px 5px 0px; background: url("/www/resource/images/main/service_box.gif") no-repeat; } #main #service #application {position: absolute; left: 1px; top: 1px; width: 182px; height: 130px; } #main #service #application .area-button {position: absolute; left: 16px; top: 82px; } #main #service #popupzone {position: absolute; left: 183px; top: 1px; width: 188px; height: 70px; padding: 60px 11px 0px 15px; } #main #service #popupzone ul {width: 162px; height: 52px; overflow: hidden; } #main #service #popupzone ul li {display: inline; float: left; width: 162px; height: 52px; overflow: hidden; white-space: nowrap; } #main #service #popupzone ul li img {display: block; margin: 0px auto; border: 1px solid #c5bdb3; } #main #service #popupzone .control-button {position: absolute; right: 39px; top: 16px; } #main #service #popupzone .control-button button.prev {display: inline; float: left; width: 12px; height: 12px; background: url("/www/resource/images/main/popupzone_btn_prev.gif") no-repeat; } #main #service #popupzone .control-button button.pause {display: inline; float: left; width: 13px; height: 12px; background: url("/www/resource/images/main/popupzone_btn_pause.gif") no-repeat; } #main #service #popupzone .control-button button.next {display: inline; float: left; width: 12px; height: 12px; background: url("/www/resource/images/main/popupzone_btn_next.gif") no-repeat; } #main #service #popupzone .select-button {position: absolute; left: 16px; top: 36px; } #main #service #popupzone .select-button img {display: inline; float: left; margin-right: 2px; } #main #study {position: absolute; left: 16px; top: 326px; width: 280px; height: 131px; padding: 0px 4px 5px 0px; background: url("/www/resource/images/main/study_box.gif") no-repeat; } #main #study .content {padding: 32px 0px 0px 123px; } #main #study .content ul {width: 147px; height: 87px; overflow: auto; } #main #study .content ul li {margin-top: 1px; } #main .indexbox {position: absolute; left: 296px; top: -65px; width: 361px; height: 360px; padding: 12px 17px 18px 15px; background: url("/www/resource/images/common/bg_indexbox.png") no-repeat; } #main .close-button {position: absolute; right: 35px; bottom: 33px; } #main .close-button button {position: relative; width: 38px; height: 15px; } /* For Pages Print */ @media print { * {font-family: "맑은 고딕", "Malgun Gothic", MG, "돋움", Dotum, AppleGothic, sans-serif !important; color: #000 !important; } body, #dobody {background: transparent none; } #dobody #header, #dobody #tail, #dobody #footer, #dobody #carpet {display: none; } #dobody, #dobody #main {height: auto; margin: 0px; padding: 0px; } }