@charset "utf-8"; /* ---------------------------------------------------------------------------------------------------- * Daonsoft Publishing.Div * Author : 2009-07-21 by 2dea * Descript : 국립극장 NTOK 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 Intro Selector */ #heart .history_past {_height: 311px; min-height: 311px; background: url("/www/resource/images/ntok/history_bg_past.gif") no-repeat; } #heart .history_past .content {float: right; _width: 60%; padding: 20px 20px 0px 25px; *padding-top: 30px; } #heart .history_past .content dl {margin-top: 10px; zoom: 1; } html>body #heart .history_past .content dl:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .history_past .content dl dt {display: inline; float: left; width: 96px; } #heart .history_past .content dl dd {display: inline; float: left; } #heart .history_present {_height: 311px; min-height: 311px; margin-top: 24px; background: url("/www/resource/images/ntok/history_bg_present.gif") no-repeat 100% 0%; } #heart .history_present .content {padding: 20px 20px 0px 25px; *padding-top: 30px; } #heart .history_present .content dl {margin-top: 10px; zoom: 1; } html>body #heart .history_present .content dl:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .history_present .content dl dt {display: inline; float: left; width: 96px; } #heart .history_present .content dl dd {display: inline; float: left; } #heart .ntok_chronicle {padding-bottom: 36px; color: #000 !important; zoom: 1; } html>body #heart .ntok_chronicle:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .ntok_chronicle img {display: block; float: right; margin: 8px 0px 0px 16px; } #heart .ntok_chronicle p {margin-top: 18px; } #heart .pr_movie {padding: 11px; zoom: 1; } html>body #heart .pr_movie:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .pr_movie .spotlight {display: inline; float: left; width: 500px; height: 440px; padding: 14px; background: url("/www/resource/images/ntok/bg_pr_movie.gif") no-repeat; } #heart .pr_movie .thumb_list {display: inline; float: left; width: 176px; } #heart .pr_movie .thumb_list ul {width: 163px; margin: 0px auto; } #heart .pr_movie .thumb_list ul li {padding: 19px 0px 9px 0px; background: url("/www/resource/images/common/dot_h.gif") repeat-x; } #heart .pr_movie .thumb_list ul li:first-child, #heart .pr_movie .thumb_list ul li.first-child {background: none; } #heart .pr_movie .thumb_list ul li strong {display: block; width: 163px; height: 30px; text-align: center; padding-top: 4px; background: url("/www/resource/images/ntok/pr_movie_bg_list.gif") no-repeat; } #heart .pr_movie .thumb_list ul li em {display: block; text-align: center; } #heart .pr_movie .thumb_list ul li em img {border: 1px solid #130f0e; } #heart .pr_movie .thumb_list ul li span {display: block; text-align: center; margin-top: 5px; font-size: 0.9em; font-family: 돋움, Dotum, AppleGothic, sans-serif; color: #474747; } #heart .ci_symbol-mark {height: 190px; padding: 28px 18px 0px 18px; zoom: 1; } html>body #heart .ci_symbol-mark:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .ci_symbol-mark .image {display: inline; float: left; width: 235px; } #heart .ci_symbol-mark .content {display: inline; float: right; width: 455px; line-height: 1.5em; } #heart .ci_symbol-mark .content strong {display: block; margin-bottom: 12px; } #heart .ci_logo-type {height: 190px; margin-top: 24px; padding: 28px 18px 0px 18px; zoom: 1; } html>body #heart .ci_logo-type:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .ci_logo-type .image {display: inline; float: right; width: 360px; text-align: right; padding-top: 18px; } #heart .ci_logo-type .content {display: inline; float: left; width: 330px; line-height: 1.5em; } #heart .ci_logo-type .content strong {display: block; margin-bottom: 12px; } #heart .ntok_fund {position: relative; _height: 113px; min-height: 113px; margin-bottom: 30px; } #heart .ntok_fund .button {position: absolute; right: 7px; bottom: 11px; } #heart .ntok_fund .button img {position: relative; vertical-align: middle; margin: 0px 1px 0px 2px; } /* Page Main-Business Selector */ #heart .main_business ol {width: 686px; margin: 0px auto; } #heart .main_business ol li {height: 77px; padding-top: 32px; background: url("/www/resource/images/common/dot_h.gif") repeat-x; } #heart .main_business ol li:first-child, #heart .main_business ol li.first-child {background: none; } /* Page Theaters Selector */ #heart .ntok_theaters {position: relative; padding: 20px; line-height: 1.5em; } #heart .ntok_theaters .image {zoom: 1; } html>body #heart .ntok_theaters .image:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .ntok_theaters .image img {float: left; margin-bottom: 18px; border: 3px solid #c1c1c1; } #heart .ntok_theaters .image img.second {float: right; } #heart .ntok_theaters .theater_facil {display: none; position: absolute; left: -1px; top: -26px; width: 728px; text-align: left; _margin: 2px 0px 0px -20px; } #heart .ntok_theaters .theater_facil h4 {width: 728px; background-color: #FFF; } #heart .ntok_theaters .theater_facil .content {width: 684px; height: 440px; *overflow-x: hidden; overflow-y: scroll; padding: 20px; border: 2px solid #c7c3c3; background: #FFF; } #heart .ntok_theaters .theater_facil .content .button {position: absolute; right: -2px; top: 7px; _margin-right: 18px; } #heart .ntok_theaters .theater_facil .content .button img {display: block; border: 1px solid #1c71f7; } #heart .ntok_theaters .theater_facil .content .facil {margin-top: 8px; padding-left: 10px; zoom: 1; } html>body #heart .ntok_theaters .theater_facil .content .facil:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .ntok_theaters .theater_facil .content .facil p {display: inline; float: left; width: 200px; } /* Page Groups Selector */ #heart .groups_intro {position: relative; padding: 20px; line-height: 1.5em; zoom: 1; } html>body #heart .groups_intro:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .groups_intro img.spotlight {display: block; float: left; margin: 0px 20px 0px 0px; } #heart .groups_intro .ntok_view_video {display: none; position: absolute; left: -1px; top: -26px; z-index: 50; text-align: left; } #heart .groups_intro .ntok_view_video h4 {width: 728px; background-color: #FFF; } #heart .groups_intro .ntok_view_video .content {position: relative; width: 678px; text-align: center; padding: 22px; border: 3px solid #1c71f7; background: #1c1c1c; } #heart .groups_intro .ntok_view_video .content span.image {display: -moz-inline-box; display: inline-block; width: 510px; vertical-align: middle; overflow: hidden; padding: 0px 61px; } /*width: 632px; */ #heart .groups_intro .ntok_view_video .content span.image div {width: 610px; overflow: hidden; } #heart .groups_intro .ntok_view_video .content span.image img {margin: 0px 18px; border: 1px solid #6c6c6c; } #heart .groups_intro .ntok_view_video .content span.image object {margin: 0px auto; } #heart .groups_intro .ntok_view_video .content span.image span.text {display: -moz-inline-box; display: inline-block; text-align: left; margin: 18px 0px -4px 0px; font-weight: bold; line-height: 1.5em; color: #FFF; } #heart .groups_intro .ntok_view_video .content button.prev {width: 19px; height: 37px; background: url("/www/resource/images/common/button/btn_view_pic_prev.gif") no-repeat; } #heart .groups_intro .ntok_view_video .content button.next {width: 19px; height: 37px; *margin-left: 4px; background: url("/www/resource/images/common/button/btn_view_pic_next.gif") no-repeat; } #heart .groups_intro .ntok_view_video .content .button {position: absolute; right: -3px; top: -20px; } #heart .groups_intro .ntok_view_video .content .button img {border: 1px solid #1c71f7; } #heart .groups_director {margin-top: 20px; padding: 20px; line-height: 1.333em; color: #474747; zoom: 1; } html>body #heart .groups_director:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .groups_director strong.subject {display: block; margin-bottom: 12px; } #heart .groups_director img.portrait {display: block; float: right; margin: -26px 0px 0px 20px; border: 3px solid #c1c1c1; } /* Page Museum Selector */ #heart .museum_intro {position: relative; height: 395px; } #heart .museum_intro .btn-vod {position: absolute; right: 19px; bottom: 17px; } #heart .museum_intro .ntok_view_video {display: none; position: absolute; left: 0px; top: 0px; z-index: 50; text-align: left; } #heart .museum_intro .ntok_view_video h4 {width: 728px; background-color: #FFF; } #heart .museum_intro .ntok_view_video .content {position: relative; width: 678px; text-align: center; padding: 22px; border: 3px solid #1c71f7; background: #1c1c1c; } #heart .museum_intro .ntok_view_video .content span.image {display: -moz-inline-box; display: inline-block; width: 510px; vertical-align: middle; overflow: hidden; padding: 0px 61px; } /*width: 632px; */ #heart .museum_intro .ntok_view_video .content span.image div {width: 610px; overflow: hidden; } #heart .museum_intro .ntok_view_video .content span.image img {margin: 0px 18px; border: 1px solid #6c6c6c; } #heart .museum_intro .ntok_view_video .content span.image object {margin: 0px auto; } #heart .museum_intro .ntok_view_video .content span.image span.text {display: -moz-inline-box; display: inline-block; text-align: left; margin: 18px 0px -4px 0px; font-weight: bold; line-height: 1.5em; color: #FFF; } #heart .museum_intro .ntok_view_video .content button.prev {width: 19px; height: 37px; background: url("/www/resource/images/common/button/btn_view_pic_prev.gif") no-repeat; } #heart .museum_intro .ntok_view_video .content button.next {width: 19px; height: 37px; *margin-left: 4px; background: url("/www/resource/images/common/button/btn_view_pic_next.gif") no-repeat; } #heart .museum_intro .ntok_view_video .content .button {position: absolute; right: -3px; top: -20px; } #heart .museum_intro .ntok_view_video .content .button img {border: 1px solid #1c71f7; } #heart .museum_campaign_scope {padding-left: 10px; zoom: 1; } html>body #heart .museum_campaign_scope:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .museum_campaign_scope p {display: inline; float: left; width: 193px; } #heart .museum_campaign_scope p.parag2 {width: 279px; } #heart .exhibit_view {width: 698px; margin: 0px auto; overflow: hidden; } /*width: 698px; */ #heart .exhibit_view div.subject {margin-top: 36px; } #heart .exhibit_view div.subject:first-child, #heart .exhibit_view div.subject.first-child {margin-top: 0px; } #heart .exhibit_view .subject img {display: block; } #heart .exhibit_view .image-subject {margin: 20px 0px 15px 0px; padding-left: 5px; } #heart .exhibit_view .image-view {width: 698px; margin: 0px auto; zoom: 1; } html>body #heart .exhibit_view .image-view:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .exhibit_view .image-view div.spotlight {display: inline; float: left; width: 423px; overflow: hidden; text-align: center; } #heart .exhibit_view .image-view div.spotlight img {display: block; width: 421px; height: 282px; border: 1px solid #000; } #heart .exhibit_view .image-view div.spotlight dd {text-align: center; padding-top: 10px; line-height: 1.5em; color: #474747; } #heart .exhibit_view .image-view div.thumbnail {display: inline; float: left; width: 264px; overflow: hidden; margin: 0px -3px 0px 11px; } #heart .exhibit_view .image-view div.thumbnail ul {width: 276px; margin: -10px 0px 0px -12px; zoom: 1; } html>body #heart .exhibit_view .image-view div.thumbnail ul:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .exhibit_view .image-view div.thumbnail ul li {display: inline; float: left; width: 126px; height: 88px; margin: 10px 0px 0px 12px; white-space: nowrap; } #heart .exhibit_view .image-view div.thumbnail ul li img {display: block; width: 124px; height: 86px; border: 1px solid #000; } #heart .exhibit_view .exhibit_thumb_photo {padding: 8px 0px 7px 6px; background: #ccc; } #heart .exhibit_view .exhibit_thumb_photo ul {margin: 0px auto; zoom: 1; } html>body #heart .exhibit_view .exhibit_thumb_photo ul:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .exhibit_view .exhibit_thumb_photo ul li {display: inline; float: left; margin: 0px 3px 0px 2px; } #heart .exhibit_view .exhibit_thumb_photo ul li img {display: block; border: 1px solid #999; } #heart .exhibit_view .exhibit_thumb_explain {margin-top: 10px; padding: 15px 14px; zoom: 1; } html>body #heart .exhibit_view .exhibit_thumb_explain:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .exhibit_view .exhibit_thumb_explain strong.subject {display: block; float: left; width: 106px; padding-top: 2px; } #heart .exhibit_view .exhibit_thumb_explain ol {float: left; line-height: 1.5em; color: #474747; } #heart .exhibit_view .exhibit_otherwise {margin-top: 36px; line-height: 1.5em; zoom: 1; } html>body #heart .exhibit_view .exhibit_otherwise:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .exhibit_view .exhibit_otherwise img.spotlight {display: block; float: left; margin: 0px 13px 0px 0px; } /* 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; } }