@charset "utf-8"; /* ---------------------------------------------------------------------------------------------------- * Daonsoft Publishing.Div * Author : 2009-07-21 by 2dea * Descript : 국립극장 ETC 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 Member Selector */ #heart .join_agree_agreement {height: 318px; } #heart .join_agree_check {text-align: right; margin-top: 10px; padding: 0px 3px; } #heart .join_agree_check input.cbr-type {vertical-align: text-top; margin-right: 8px; } #heart .join_agree_check label {vertical-align: text-top; } #heart .join_agree_auth {padding: 35px 0px; } #heart .join_agree_auth input.txt-type.name {width: 98px; } #heart .join_agree_auth input.txt-type.ssnumber {width: 65px; } #heart .join_agree_auth .dtype3 td {padding: 5px 9px 5px 11px; background: #FFF url("/www/resource/images/common/dot_h.gif") repeat-x 0% 100%; } #heart .join_agree_auth .button {text-align: center; } #heart .join_agree_auth .descripting {} #heart .join_agree_auth .descripting span.parag {margin-top: 8px !important; } #heart .join_agree_auth #join_agree_auth1 {width: 566px; margin: 0px auto; } #heart #join_form_id_check {display: none; position: absolute; z-index: 120; margin: -67px 0px 0px 172px; *margin-left: 0px; width: 328px; height: 134px; } #heart #join_form_id_check .join_form_id_check {width: 308px; } #heart #join_form_id_check .join_form_id_check .message {width: 270px; height: 25px; margin: 0px auto; padding-top: 18px; } #heart #join_form_id_check .join_form_id_check .form {text-align: center; } #heart #join_form_id_check .join_form_id_check .form input.txt-type {width: 184px; margin-right: 6px; } #heart #join_form_id_check .join_form_id_check .form img {vertical-align: middle; } #heart #join_form_id_check_false {display: none; position: absolute; z-index: 120; margin: -67px 0px 0px 172px; *margin-left: 0px; width: 328px; height: 134px; } #heart #join_form_id_check_false .join_form_id_check {width: 308px; } #heart #join_form_id_check_false .join_form_id_check .message {width: 270px; height: 25px; margin: 0px auto; padding-top: 18px; } #heart #join_form_id_check_false .join_form_id_check .form {text-align: center; } #heart #join_form_id_check_false .join_form_id_check .form input.txt-type {width: 184px; margin-right: 6px; } #heart #join_form_id_check_false .join_form_id_check .form img {vertical-align: middle; } #heart .member_login {padding: 48px 64px 32px 64px; background: #FFF url("/www/resource/images/common/bg_gradation.gif") no-repeat 2px 2px; } #heart .member_login .welcome {height: 98px; } #heart .member_login .content {height: 86px; padding-top: 27px; background: #FFF url("/www/resource/images/common/dot_h.gif") repeat-x; } #heart .member_login .content fieldset {width: 390px; margin: 0px auto; } #heart .member_login .content div.form {display: inline; float: left; width: 245px; } #heart .member_login .content div dl {clear: both; height: 24px; margin-top: 6px; } #heart .member_login .content div dl:first-child, #heart .member_login .content div dl.first-child {margin-top: 3px; } #heart .member_login .content div dl dt {display: inline; float: left; width: 70px; height: 24px; } #heart .member_login .content div dl dt img {display: block; } #heart .member_login .content div dl dd {display: inline; float: left; height: 24px; } #heart .member_login .content div dl dd input.txt-type {width: 148px; height: 17px; font-weight: bold; font-family: Tahoma, Verdana, AppleGothic, sans-serif; border: 2px solid #d8d8d8; } #heart .member_login .content div.button {display: inline; float: left; width: 117px; } #heart .member_login .findidpw {text-align: center; padding-top: 32px; background: #FFF url("/www/resource/images/common/dot_h.gif") repeat-x; } #heart .member_login .findidpw img.txt-findid {margin: 0px 14px 0px 0px; } #heart .member_login .findidpw img.txt-findpw {margin: 0px 14px 0px 48px; } #heart .member_login .findidpw a {vertical-align: text-top; } #heart .member_idpwsearch {padding: 5px; } #heart .member_idpwsearch .wrap {width: 566px; margin: 0px auto; padding: 30px 0px; } #heart .member_idpwsearch #member_idpwsearch2 .wrap {width: 389px; } #heart .member_idpwsearch .wrap input.txt-type.userid {width: 148px; } #heart .member_idpwsearch .wrap input.txt-type.ssnumber {width: 65px; } #heart .member_idpwsearch .wrap .dtype3 td {padding: 5px 9px 5px 11px; background: #FFF url("/www/resource/images/common/dot_h.gif") repeat-x 0% 100%; } #heart .member_idpwsearch .wrap .message {text-align: center; color: #474747; } #heart .member_idpwsearch .wrap .button {text-align: center; } #heart .member_idpwsearch .descripting span.parag {margin-top: 8px !important; } #heart .member_idpwsearch .result {text-align: center; padding: 20px 0px; color: #474747; background: #edf3fd; } #heart .member_idpwsearch .result span.join_date {margin: 0px 52px 0px 20px; } #heart .member_idpwsearch .result img.btn-type {vertical-align: middle; } /* Page Mypage Selector */ #heart .secession {height: 168px; padding-left: 250px; background: #FFF url("/www/resource/images/mypage/bg_secession.gif") no-repeat 2px 2px; } #heart .secession .message {margin-top: 57px; } #heart .secession .form {margin-top: 18px; } #heart .secession .form input.cbr-type {margin-right: 10px; } #heart .secession .form label {margin-right: 40px; } #heart .secession .secession_cause {margin-top: 15px; } #heart .secession .secession_cause .descripting span.parag {background-position: 0px 4px; } #heart .secession .secession_cause input.txt-type {position: relative; width: 250px; } /* Page Ecivil Selector */ #heart .report_center {margin-bottom: 30px; } #heart .report_center blockquote {text-align: right; padding: 11px 0px 9px 0px; } #heart .openinfo_text {padding: 15px 30px 0px 30px; text-align: left; font-size: 0.9em; font-family: 돋움, Dotum, AppleGothic, sans-serif; color: #000000; } #heart .openinfo_img {padding: 0px 30px 10px 0px; text-align: right;} #heart .data_text {padding: 15px 30px 15px 30px; text-align: left; font-size: 0.9em; font-family: 돋움, Dotum, AppleGothic, sans-serif; color: #000000; } #heart .openinfo_section {margin: 12px 0px 15px 0px; } #heart .openinfo_section .article .scope {padding-right: 10px; } #heart .openinfo_section1 {margin: 4px 0px 0px 0px; } #heart .individual_section {margin: 6px 0px 24px 0px; } #heart .individual_section.text {margin: 6px 0px 24px 0px; } #heart .openinfo_list {width: 100%; overflow: hidden; margin-top: 32px; } #heart .openinfo_list ol {clear:both; width: 645px; margin: -12px auto 0px auto; zoom: 1; } html>body #heart .openinfo_list ol:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .openinfo_list ol li {display: inline; float:left; width:215px; margin-top: 12px; white-space: nowrap; } #heart .openinfo_list ol li img {margin: 0px 7px 0px 0px;} #heart .openinfo_list ol li a {vertical-align: text-top; } #heart .openinfo_list1 {width: 100%; overflow: hidden; } #heart .openinfo_list1 ol {clear:both; width: 660px; margin: -6px auto 0px auto; zoom: 1; text-align: center;} html>body #heart .openinfo_list1 ol:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .openinfo_list1 ol li {display: inline; float:left; width:165px; margin-top: 10px; white-space: nowrap; } #heart .openinfo_list1 ol li img {margin: -1px 7px 0px 0px;} .dtype_openinfo table.col thead th {padding: 6px 0px 4px 0px; color: #707999; border: 1px solid #b5c8dc; background: #dde2f0; } .dtype_openinfo table.col tbody th {text-align: center; color: #707999; padding: 6px 10px 4px 10px; border: 1px solid #d2deea; background: #f7f7f7; } .dtype_openinfo table.col tbody td {padding: 6px 10px 4px 10px; text-align: left; border: 1px solid #d2deea; } .dtype_openinfo table.col tr.first-child th, .dtype1 table.col tr.first-child td {border-top: 0px none; } .color-openinfo {color: #284192; } /* Page Guide Selector */ #heart .view_image_rolling {width: 706px; margin: 8px auto; } #heart .view_image_rolling .content {position: relative; width: 656px; text-align: center; padding: 22px; border: 3px solid #1c71f7; background: #1c1c1c; } #heart .view_image_rolling .content span.image {display: -moz-inline-box; display: inline-block; width: 610px; vertical-align: middle; overflow: hidden; } #heart .view_image_rolling .content span.image div {width: 590px; *width: 586px; overflow: hidden; } #heart .view_image_rolling .content span.image img {margin: 0px 4px; border: 1px solid #6c6c6c; } #heart .view_image_rolling .content button.prev {width: 19px; height: 37px; background: url("/www/resource/images/common/button/btn_view_pic_prev.gif") no-repeat; } #heart .view_image_rolling .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 .suttle_bus {margin-top: 20px; zoom: 1; } #heart .suttle_bus:first-child, #heart .suttle_bus.first-child {margin-top: 0px; } html>body #heart .suttle_bus:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .suttle_bus .image {display: inline; float: left; } #heart .suttle_bus .image img {display: block; border: 1px solid #575757; } #heart .suttle_bus .content {display: inline; float: left; padding: 2px 0px 0px 10px; } #heart .suttle_bus .content strong.subject {display: block; margin-bottom: 8px; } #heart .public_transport {width: 706px; margin: 0px auto; padding: 40px 0px; background: #FFF url("/www/resource/images/common/dot_h.gif") repeat-x; zoom: 1; } #heart .public_transport:first-child, #heart .public_transport.first-child {background: none; } html>body #heart .public_transport:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; } #heart .public_transport .image {display: inline; float: left; width: 144px; } #heart .public_transport .image img {display: block; } #heart .public_transport .content {display: inline; float: left; } #heart .public_transport .content .contents {margin-top: 15px; } #heart .public_transport .content .contents:first-child, #heart .public_transport .content .contents.first-child {margin-top: 0px; } #heart .public_transport .content .contents em {font-weight: normal; color: #ff6600; } #heart .public_transport .content .contents strong {color: #474747; } #heart .public_transport .content .contents strong.subject {display: block; margin-bottom: 8px; } #heart .public_transport .content .contents .images {margin-top: 12px; padding-left: 10px; } #heart .public_transport .content .contents .images img {margin-right: 12px; border: 1px solid #575757; } /* 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; } }