@charset "utf-8"; /* ---------------------------------------------------------------------------------------------------- * Daonsoft Publishing.Div * Author : 2009-07-21 by 2dea * Descript : 국립극장 Main Page CSS * Location : http://www.ntok.go.kr * Last Edit+ : 2009-07-21 by 2dea * Comment : Modified Line- ---------------------------------------------------------------------------------------------------- */ /* Import Rules */ @import url("/www/resource/css/default.css"); @import url("/www/resource/css/layout_1230.css"); @import url("/www/resource/css/assist.css"); @import url("/www/resource/css/tabular.css"); /* Global Selector */ html {overflow-y: scroll; } /* Layout Selector */ #auditorium {background: url("/www/resource/images/main/bg_main.jpg") no-repeat 50% 75px; } #footer {position: static !important; } /* Page Main Selector */ #main {position: static; width: 100%; margin-top: -13px; } #main h2 {position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden; visibility: hidden; font-size: 0em; line-height: 0em; } #main #performance {width: 780px; height: 310px; margin: 0px auto; } #main .container {position: relative; width: 970px; height: 289px; margin: 45px auto 0px auto; padding: 30px 13px; } #main #popup {position: absolute; left: 23px; top: 30px; width: 247px; height: 131px; background: url("/www/resource/images/main/bg_ntok.gif") no-repeat; } #main #popup h3 {height: 15px; padding: 9px 0px 0px 34px; } #main #popup .content {padding: 4px; border: 1px solid #e0e0dd; } #main #popup .content div {width: 237px; height: 96px; overflow: hidden; margin: auto; } #main #popup .content div img {display: block; width: 237px; height: 96px; } #main #popup .button {position: absolute; right: -2px; top: 7px; } #main #popup .button a {display: block; float: left; width: 11px; height: 15px; text-align: center; padding: 0px 2px; font-weight: bold; font-size: 0.8em; font-family: Verdana, Tahoma, AppleGothic, sans-serif; color: #FFF; background: url("/www/resource/images/main/popup_bg_order.gif") no-repeat 50% 50%; } #main #popup .button a:hover {text-decoration: none; background: url("/www/resource/images/main/popup_bg_order_on.gif") no-repeat 50% 50%; } #main #popup .button a.focus {text-decoration: none; background: url("/www/resource/images/main/popup_bg_order_on.gif") no-repeat 50% 50%; } #main #news {position: absolute; left: 317px; top: 30px; width: 352px; height: 131px; } #main #news ul {width: 100%; overflow: hidden; padding: 4px 0px 0px 0px; background: url("/www/resource/images/main/bg_tab.gif") repeat-x 0px 25px; } #main #news ul li {display: inline; float: left; } #main #news ul li:first-child, #main #news ul li.first-child {margin-left: 1px; } #main #news ul li img.tab-type {display: block; } #main #news ul li .latest {position: absolute; left: 0px; width: 352px; margin-top: 8px; } #main #news ul li .latest dl {height: 14px; overflow: hidden; margin: 6px 0px 0px 4px; padding-left: 6px; background: url("/www/resource/images/main/bul_latest.gif") no-repeat 0px 4px; zoom: 1; } html>body #main #news ul li .latest dl:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #main #news ul li .latest dl dt {display: inline; float: left; width: 280px; overflow: hidden; color: #555555; } #main #news ul li .latest dl dt a {color: #555555; } #main #news ul li .latest dl dt img {margin: 1px 0px 0px 0px; } #main #news ul li .latest dl dd {display: inline; float: right; padding: 0px 2px; font-size: 0.9em; color: #888888; } #main #news ul li .latest .btn-more {position: absolute; right: 0px; top: -25px; } #main #news ul li .btn-more img {display: block; padding: 5px 1px; } #main #launch {position: absolute; left: 706px; top: 30px; width: 277px; height: 106px; padding-top: 25px; } #main #schedule {position: absolute; left: 23px; top: 192px; width: 247px; height: 127px; background: url("/www/resource/images/main/bg_ntok.gif") no-repeat; } #main #schedule ul {width: 100%; overflow: hidden; padding: 2px 0px 0px 0px; background: url("/www/resource/images/main/bg_tab.gif") repeat-x 0px 23px; } #main #schedule ul li {display: inline; float: left; } #main #schedule ul li:first-child, #main #schedule ul li.first-child {margin-left: 45px; } #main #schedule ul li img.tab-type {display: block; } #main #schedule ul li div.calendar {position: absolute; left: 0px; width: 247px; _height: 103px; min-height: 103px; background: url("/www/resource/images/main/bg_calendar.gif") no-repeat 0px 32px; } #main #schedule ul li div.calendar .annual {display: inline; float: left; width: 91px; padding-top: 16px; } #main #schedule ul li div.calendar .annual div {position: relative; width: 71px; text-align: center; margin: -4px 0px 0px 7px; } #main #schedule ul li div.calendar .annual div.month {position: static; } #main #schedule ul li div.calendar .annual div em {font-family: "Century Gothic", Tahoma, Arial, AppleGothic, sans-serif; color: #afafaf; } #main #schedule ul li div.calendar .annual div strong {font-weight: normal; font-size: 5em; line-height: 1em; font-family: "Century Gothic", Tahoma, Arial, AppleGothic, sans-serif; color: #ff6600; } #main #schedule ul li div.calendar .annual div button.prev {width: 10px; height: 9px; margin: -2px 6px 0px 0px; *margin-top: 0px; background: url("/www/resource/images/main/btn_calendar_prev.gif") no-repeat; } #main #schedule ul li div.calendar .annual div button.next {width: 10px; height: 9px; margin: -2px 0px 0px 6px; *margin-top: 0px; *margin-left: 10px; background: url("/www/resource/images/main/btn_calendar_next.gif") no-repeat; } #main #schedule ul li div.calendar .daily {display: inline; float: right; width: 154px; padding: 10px 1px 0px 1px; } #main #schedule ul li div.calendar div table.calendar {width: 154px; } #main #schedule ul li div.calendar div table.calendar col {width: 22px; } #main #schedule ul li div.calendar div table.calendar th {height: 18px; font-weight: normal; font-size: 0.9em; font-family: Verdana, Tahoma, AppleGothic, sans-serif; color: #858585; border-bottom: 1px solid #e0e0dd; } #main #schedule ul li div.calendar div table.calendar td {height: 15px; text-align: center; font-size: 0.8em; font-family: Tahoma, Verdana, AppleGothic, sans-serif; color: #666666; } #main #schedule ul li div.calendar div table.calendar td span {display: block; width: 18px; text-align: right; margin: 0px auto; } #main #schedule ul li div.calendar div table.calendar td span.today {background: #dcdcdc; } #main #schedule ul li div.calendar div table.calendar td a {display: block; width: 11px; text-align: right; margin: 0px auto; padding-right: 1px; text-decoration: none; color: #666666; } #main #schedule ul li div.calendar div table.calendar td a:hover {background: #eaeaea; } #main #schedule ul li div.calendar div table.calendar td.holiday {color: #f3a672; } #main #schedule ul li div.calendar div table.calendar td.holiday a {color: #f3a672; } #main #event {position: absolute; left: 317px; top: 192px; width: 352px; height: 127px; background: url("/www/resource/images/main/bg_ntok.gif") no-repeat; } #main #event h3 {height: 15px; padding: 9px 0px 7px 34px; } #main #magazine {position: absolute; left: 706px; top: 192px; width: 257px; height: 127px; padding: 0px 10px; background: url("/www/resource/images/main/bg_ntok.gif") no-repeat 10px 0px; } #main #magazine h3 {height: 14px; padding: 9px 0px 0px 34px; } #main #magazine .wrap {zoom: 1; } html>body #main #magazine .wrap:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #main #magazine .wrap .mirror {display: inline; float: left; width: 101px; height: 108px; overflow: hidden; border: 1px solid #e0e0dd; } #main #magazine .wrap .mirror img {display: block; width: 70px; height: 89px; margin: 8px auto 0px auto; border: 1px solid #a6a6a6; } #main #magazine .wrap .guide {display: inline; float: right; width: 145px; height: 110px; overflow: hidden; } #main #magazine .wrap .guide ul {width: 154px; height: 110px; overflow: hidden; margin: 0px -9px -8px 0px; } #main #magazine .wrap .guide ul li {display: inline; float: left; width: 68px; height: 51px; margin: 0px 9px 8px 0px; } #main #magazine .wrap .guide ul li img {display: block; width: 64px; height: 47px; padding: 1px; border: 1px solid #e0e0dd; } /* For Pages Print */ @media print { * {font-family: "맑은 고딕", "Malgun Gothic", MG, 돋움, Dotum, AppleGothic, sans-serif !important; color: #000 !important; } body, #auditorium {background: transparent none; } #auditorium #header, #auditorium #tail, #auditorium #footer, #auditorium #carpet {display: none; } #auditorium, #auditorium #main {height: auto; margin: 0px; padding: 0px; } }