@charset "utf-8"; /* ---------------------------------------------------------------------------------------------------- * Daonsoft Publishing.Div * Author : 2009-07-21 by 2dea * Descript : 국립극장 Performance Category 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.css"); @import url("/www/resource/css/assist.css"); @import url("/www/resource/css/tabular.css"); /* Page Play Selector */ #heart h4 img.heading4-theater_sky {position: relative; margin-top: -4px; } #heart .play_monthinfo {padding: 2px; border: 3px solid #b7bfdb; } #heart .play_monthinfo .select_month {height: 76px; *height: 80px; text-align: center; padding-top: 10px; *padding-top: 6px; } #heart .play_monthinfo .select_month strong {font-weight: normal; font-size: 5em; line-height: 1em; font-family: "Century Gothic", Tahoma, Arial, AppleGothic, sans-serif; color: #ff6600; } #heart .play_monthinfo .select_month button.prev {width: 44px; height: 15px; margin-right: 30px; background: url("/www/resource/images/playinfo/btn_month_prev.gif") no-repeat; } #heart .play_monthinfo .select_month button.next {width: 44px; height: 15px; margin-left: 30px; *margin-left: 34px; background: url("/www/resource/images/playinfo/btn_month_next.gif") no-repeat; } #heart .play_monthinfo .select_day {padding: 2px; background: #f0f0f0; zoom: 1; } html>body #heart .play_monthinfo .select_day:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .play_monthinfo .select_day button {float: left; width: 22px; height: 17px; margin-left: 1px; font-size: 0.9em; line-height: 17px; font-family: Tahoma, Verdana, AppleGothic, sans-serif; } #heart .play_monthinfo .select_day button.holiday {color: #F00; } #heart .play_monthinfo .select_day button.focus {background: #FFF; } #heart .play_monthinfo .confirm_day {position: absolute; width: 706px; text-align: right; margin-top: -45px; padding-right: 12px; } #heart .play_monthinfo .confirm_day em {color: #ff6600; } #heart .play_monthinfo_else {padding: 2px; border: 3px solid #b7bfdb; } #heart .play_monthinfo_else .select_month {height: 76px; *height: 80px; text-align: center; padding-top: 10px; *padding-top: 6px; } #heart .play_monthinfo_else .select_month strong {font-weight: normal; font-size: 5em; line-height: 1em; font-family: "Century Gothic", Tahoma, Arial, AppleGothic, sans-serif; color: #ff6600; } #heart .play_monthinfo_else .select_month button.prev {width: 44px; height: 15px; margin-right: 30px; background: url("/www/resource/images/playinfo/btn_month_prev.gif") no-repeat; } #heart .play_monthinfo_else .select_month button.next {width: 44px; height: 15px; margin-left: 30px; *margin-left: 34px; background: url("/www/resource/images/playinfo/btn_month_next.gif") no-repeat; } #heart .play_monthinfo_else .select_month_quick {padding: 3px 7px; background: #f0f0f0; zoom: 1; } html>body #heart .play_monthinfo_else .select_month_quick:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .play_monthinfo_else .select_month_quick div {display: inline; float: left; } #heart .play_monthinfo_else .select_month_quick div img {vertical-align: middle; } #heart .play_monthinfo_else .select_month_quick div select {margin-left: 4px; } #heart .play_monthinfo_else .select_month_quick .confirm_day {float: right; padding: 4px 5px 0px 0px; } #heart .play_monthinfo_else .select_month_quick .confirm_day em {color: #ff6600; } #heart .play_monthinfo_calendar {padding: 9px; } #heart .play_monthinfo_calendar .define {margin-bottom: 7px; background: #f0f0f0; } #heart .play_monthinfo_calendar .define dl {height: 17px; padding: 4px 0px 0px 16px; zoom: 1; } html>body #heart .play_monthinfo_calendar .define dl:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .play_monthinfo_calendar .define dl dt {display: inline; float: left; width: 30px; } #heart .play_monthinfo_calendar .define dl dd {display: inline; float: left; padding: 1px 21px 0px 0px; font-size: 0.9em; font-family: 돋움, Dotum, AppleGothic, sans-serif; color: #545454; } #heart .play_monthinfo_calendar .ctype1 table td {height: 138px; } #heart .play_monthinfo_calendar .ctype1 table td dl {width: 100%; overflow: hidden; *margin: -2px 0px; zoom: 1; } html>body #heart .play_monthinfo_calendar .ctype1 table td dl:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .play_monthinfo_calendar .ctype1 table td dl dt {display: inline; float: left; width: 28%; } #heart .play_monthinfo_calendar .ctype1 table td dl dd {display: inline; float: left; width: 72%; padding-top: 2px; } #heart .play_annualinfo {margin-top: 12px; padding: 2px; border: 3px solid #b7bfdb; } #heart .play_annualinfo .select_year {height: 76px; *height: 80px; text-align: center; padding-top: 10px; *padding-top: 6px; } #heart .play_annualinfo .select_year strong {font-weight: normal; font-size: 5em; line-height: 1em; font-family: "Century Gothic", Tahoma, Arial, AppleGothic, sans-serif; color: #ff6600; } #heart .play_annualinfo .select_year button.prev {width: 44px; height: 15px; margin-right: 30px; background: url("/www/resource/images/playinfo/btn_year_prev.gif") no-repeat; } #heart .play_annualinfo .select_year button.next {width: 44px; height: 15px; margin-left: 30px; *margin-left: 34px; background: url("/www/resource/images/playinfo/btn_year_next.gif") no-repeat; } #heart .play_annualinfo .select_month {padding: 2px 4px; background: #f0f0f0; zoom: 1; } html>body #heart .play_annualinfo .select_month:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .play_annualinfo .select_month button {float: left; width: 58px; height: 17px; margin-left: 1px; font-size: 0.9em; line-height: 17px; font-family: Tahoma, Verdana, AppleGothic, sans-serif; } #heart .play_annualinfo .select_month button.focus {font-weight: bold; color: #ff6600; background: #FFF; } #heart .play_annualinfo .confirm_month {position: absolute; width: 706px; text-align: right; margin-top: -45px; padding-right: 12px; } #heart .play_annualinfo .confirm_month em {color: #ff6600; } #heart .play_view {padding: 17px; zoom: 1; } html>body #heart .play_view:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .play_view dl {display: inline; float: left; width: 255px; } #heart .play_view dl dt {padding: 3px; border: 3px solid #e0e0dd; } #heart .play_view dl dt img#play_view_img {display: block; width: 241px; height: 324px; border: 1px solid #d9d9d9; } #heart .play_view dl dd {width: 255px; overflow: hidden; padding-top: 2px; } #heart .play_view dl dd ul {margin-left: -5px; zoom: 1; } html>body #heart .play_view dl dd ul:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .play_view dl dd ul li {display: inline; float: left; width: 45px height: 45px; margin: 5px 0px 0px 5px; white-space: nowrap; border: 1px solid #464645; } #heart .play_view dl dd ul li img {display: block; *display: inline; width: 45px; height: 45px; } #heart .play_view .play_view_image {display: none; position: absolute; z-index: 50; margin: -487px 0px 0px -18px; } #heart .play_view .play_view_image h4 img {display: block; padding-right: 30px; background: #FFF; } #heart .play_view .play_view_image .content {position: relative; width: 678px; padding: 22px; border: 3px solid #1c71f7; background: #1c1c1c; } #heart .play_view .play_view_image .content .image {text-align: center; } #heart .play_view .play_view_image .content .image img {border: 1px solid #6c6c6c; } #heart .play_view .play_view_image .content .button {position: absolute; right: -3px; top: -20px; } #heart .play_view .play_view_image .content .button img {border: 1px solid #1c71f7; } #heart .play_view .dtype3 {display: inline; float: right; width: 420px; margin-left: 17px; } #heart .play_view .dtype3 .button {text-align: center; margin-top: 18px; } #heart .play_view .dtype3 .button img {margin: 0px 2px; } #heart .play_view_detail {padding: 14px 17px; line-height: 1.5em; border: 3px solid #e0e0dd; } #heart .play_view_detail strong {color: #284192; } #heart .play_view_comment {margin-top: 36px; } #heart .play_view_comment .entry {width: 711px; height: 46px; *height: 47px; margin: 0px auto; padding: 11px 0px 0px 13px; *padding-top: 10px; background: url("/www/resource/images/playinfo/play_view_box_comment-entry.gif") no-repeat; } #heart .play_view_comment .entry textarea {width: 614px; height: 32px; margin-right: 12px; padding: 1px 0px 0px 0px; line-height: 1.3em; background: #FFF url("/www/resource/images/playinfo/play_view_txt_comment-limit.gif") no-repeat 15px 11px; } #heart .play_view_comment .commenting {margin: 24px 0px 10px 0px; } #heart .play_view_comment .searching {display: block; float: none; clear: both; } /* Page Group Selector */ #heart .group_annualinfo {padding: 2px; border: 3px solid #b7bfdb; } #heart .group_annualinfo .select_year {height: 76px; *height: 80px; text-align: center; padding-top: 10px; *padding-top: 6px; } #heart .group_annualinfo .select_year strong {font-weight: normal; font-size: 5em; line-height: 1em; font-family: "Century Gothic", Tahoma, Arial, AppleGothic, sans-serif; color: #ff6600; } #heart .group_annualinfo .select_year button.prev {width: 44px; height: 15px; margin-right: 30px; background: url("/www/resource/images/playinfo/btn_year_prev.gif") no-repeat; } #heart .group_annualinfo .select_year button.next {width: 44px; height: 15px; margin-left: 30px; *margin-left: 34px; background: url("/www/resource/images/playinfo/btn_year_next.gif") no-repeat; } #heart .group_annualinfo .select_month {padding: 2px 4px; background: #f0f0f0; zoom: 1; } html>body #heart .group_annualinfo .select_month:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .group_annualinfo .select_month button {float: left; width: 58px; height: 17px; margin-left: 1px; font-size: 0.9em; line-height: 17px; font-family: Tahoma, Verdana, AppleGothic, sans-serif; } #heart .group_annualinfo .select_month button.focus {font-weight: bold; color: #ff6600; background: #FFF; } #heart .group_annualinfo .confirm_month {position: absolute; width: 706px; text-align: right; margin-top: -45px; padding-right: 12px; } #heart .group_annualinfo .confirm_month em {color: #ff6600; } /* Page Ticket-Reservation Selector */ #heart .ticket_reservation .ticket_reservation_list {padding-top: 5px; } #heart .ticket_reservation .ticket_reservation_list ul {width: 716px; margin: 0px auto; zoom: 1; } html>body #heart .ticket_reservation .ticket_reservation_list ul:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .ticket_reservation .ticket_reservation_list ul li {display: inline; float: left; margin: 8px; } #heart .ticket_reservation .ticket_reservation_explain {padding: 15px 12px 15px 18px; } #heart .ticket_reservation .ticket_reservation_explain strong.subject {display: block; } #heart .ticket_reservation .ticket_reservation_explain ol {width: 692px; margin:10px 0px; } #heart .ticket_reservation .ticket_reservation_explain ol li {padding: 0px 0px 7px 20px; font-size: 0.9em; font-family: 돋움, Dotum, AppleGothic, sans-serif; color:#474747; } #heart .ticket_reservation .ticket_reservation_explain ol li img {margin: 0px 5px 0px -17px;} /* 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 #chest .area-snb, #auditorium #chest .area-cnt .area-path, #auditorium #chest #heart .performing, #auditorium #chest #heart .ordering, #auditorium #chest .area-cnt .area-poll, #auditorium #tail, #auditorium #footer, #auditorium #carpet {display: none; } #auditorium, #auditorium #chest, #auditorium #chest #heart {height: auto; margin: 0px; padding: 0px; } }