@charset "utf-8";
/* ----------------------------------------------------------------------------------------------------
 *	Daonsoft Publishing.Div
 * Author	: 2009-07-21 by 2dea
 * Descript	: 국립극장 Popup Pages 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/assist.css");
@import url("/www/resource/css/tabular.css");

/* Global Selector */
html {overflow: auto; }

/* Layout Selector */
html, body {height: 100%; }
#popwrap {padding: 0px; border: 0px none; }
	#popwrap .container {padding: 7px; }

/* Page Join-Zipcode Selector */
#popbody div.pop-cnt.search_zipcode {width: 308px; }
	#popbody div.pop-cnt.search_zipcode .message {width: 270px; height: 25px; margin: 0px auto; padding-top: 18px; }
	#popbody div.pop-cnt.search_zipcode .form {text-align: center; }
		#popbody div.pop-cnt.search_zipcode .form input.txt-type {width: 208px; margin-right: 6px; }
	#popbody div.pop-cnt.search_zipcode #result_zipcode {margin-top: 25px; padding-top: 10px; background: url("/www/resource/images/common/dot_h_popup.gif") repeat-x; }
		#popbody div.pop-cnt.search_zipcode #result_zipcode .result {height: 115px; overflow-y: auto; color: #4c4c4c; border: 1px solid #e2e2e2; background: #ededed; }
			#popbody div.pop-cnt.search_zipcode #result_zipcode .result ul {padding: 0px 15px 8px 15px; }
				#popbody div.pop-cnt.search_zipcode #result_zipcode .result ul li {margin-top: 8px; }
					#popbody div.pop-cnt.search_zipcode #result_zipcode .result ul li a {color: #4c4c4c; }

/* Page Modify-Info Selector */
#popbody div.pop-cnt.modify_info {width: 400px; }
	#popbody div.pop-cnt.modify_info .message {padding: 17px 4px 13px 4px; line-height: 1.333em; background: url("/www/resource/images/mypage/bg_popup_modify_info.gif") no-repeat 98% 50%; }
	#popbody div.pop-cnt.modify_info .button {padding-bottom: 5px; background: url("/www/resource/images/common/dot_h_popup.gif") repeat-x 0% 100%; }
		#popbody div.pop-cnt.modify_info .button div {padding-top: 5px; text-align: center; background: url("/www/resource/images/common/dot_h_popup.gif") repeat-x; }
		#popbody div.pop-cnt.modify_info .button div span {margin-right: 22px; padding-left: 15px; font-size: 0.9em; font-family: 돋움, Dotum, AppleGothic, sans-serif; color: #ff6600; background: url("/www/resource/images/bbs/skin/default/bul_descripting.gif") no-repeat 0px 1px; }

/* Page Cyber Selector */
#cyber {width: 800px; margin: 0px auto; }

/* Page Digital Selector */
#digital_popup {position: absolute; left: 50%; top: 305px; width: 493px; margin-left: -246px; }
#digital {width: 730px; margin: 0px auto; }
	#digital .dgthead {height: 140px; overflow: hidden; }
		#digital .dgthead h1 {height: 103px; overflow: hidden; }
			#digital .dgthead h1 img {display: block; }
		#digital .dgthead ul {height: 35px; overflow: hidden; padding: 2px 0px 0px 55px; background: url("/www/resource/images/digital/digital_bg_menu.gif") no-repeat; zoom: 1; }
		html>body #digital .dgthead ul:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; }
			#digital .dgthead ul li {display: inline; float: left; margin-left: 0px; white-space: nowrap; }
			#digital .dgthead ul li.first-child {margin-left: 0px; }
				#digital .dgthead ul li img {display: block; }
	#digital .dgtbody {width: 730px; height: 560px; overflow: hidden; }

/* Page History Selector */
#history_popup {position: absolute; left: 40px; top: 205px; width: 493px; }

/* Page Digital Selector */
/* Page Digital Selector */
.total-banner {background: url("/www/resource/images/common/bg_total-banner.gif") repeat-x; }
	.total-banner .title {width: 697px; margin: 0px auto; padding: 5px 0px; }
	.total-banner .content {width: 697px; margin: 0px auto; padding: 12px 0px; }
		.total-banner .content .ntok-banner img {display: block; width: 120px; height: 30px; border: 1px solid #cbcbcb; }
			.total-banner .content .ntok-banner {width: 650px; margin: 0px auto; padding: 12px 5px; }
		.total-banner .content ul {width: 660px; margin: 0px auto; zoom: 1; }
		html>body .total-banner .content ul:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; }
			.total-banner .content ul li {display: inline; float: left; margin: 12px 5px; }
				.total-banner .content ul li img {display: block; width: 120px; height: 30px; border: 1px solid #cbcbcb; }

/* For Pages Print */
@media print {
	* {font-family: "맑은 고딕", "Malgun Gothic", MG, 돋움, Dotum, AppleGothic, sans-serif !important; color: #000 !important; }
	body, #popwrap {background: transparent none; }
	#popwrap #pophead, #popwrap #popfoot {display: none; }
	#popwrap, #popwrap #popbody {height: auto; margin: 0px; padding: 0px; }
}