@import 'base.css';

h3.tit {height:30px;padding-left:10px;background:url('/Images/common/bul_h3_ora.gif') no-repeat left 1px;*text-align:left;}

/* layout */
body {width:100%;min-height:100%;height:100%;background:url('/Images/common/bg_page.gif') repeat center top;*text-align:center;}
#wrap {width:100%;min-height:100%;height:100%;background:url('/Images/common/bg_body.jpg') no-repeat center top;}
#wrap_error {width:100%;min-height:100%;height:100%;background:url('/Images/common/bg_error.jpg') no-repeat center top;}
#error {width:760px;height:403px;margin:0 auto;margin-top:170px;margin-bottom:400px;background:#ffffff;text-align:center;padding-top:85px;position:relative;}
	#error .logo{position:absolute;left:0px;top:-57px;}
#contain {width:981px;min-height:100%;height:100%;margin:0 auto;padding-right:13px;_padding-right:7px;position:relative;}
	#contain #quick{position:absolute;z-index:100;margin-top:210px;width:77px;height:375px;}
		#contain #quick div{}
		*html #contain #quick div{margin-left:-25px;}
	#contain #top {height:131px}
	#contain #lnb {float:left;width:226px;min-height:500px;position:relative;}
	#contain #lnb .swf{width:569px;text-align:right;position:absolute;right:0px;top:0px;}
	#contain #contents {float:right;width:704px;min-height:500px;_height:500px;padding:24px 26px 50px 25px;position:relative;background:#ffffff;color:#494949;z-index:50;}
	#contain #contents .location{width:409px;height:20px;padding-left:4px;text-align:right;position:absolute;right:0px;top:-20px;font:11px/1.3 dotum;color:#818181;}
	#contain #footer {clear:both;height:73px;text-align:right;}

/* board style */
table.list_st01 {clear:both;width:704px;background:url('/Images/common/bg_tbl_top.gif') no-repeat left top;}
	table.list_st01 thead th{height:24px;background:url('/Images/common/th_line.gif') no-repeat left 50%;}
	table.list_st01 thead th.no{height:24px;background:none;}
	table.list_st01 tbody td{height:28px;background:none;border-bottom:1px solid #E9E9E9;font:11px/1.3 dotum;color:#494949;text-align:center;}
	table.list_st01 tbody td.subject{padding:3px 0 3px 10px;text-align:left;}
	table.list_st01 tbody td.subject a{text-align:left;color:#494949;}
	table.list_st01 tbody td.date{font:10px/1.3 Arial;color:#949494;}
	table.list_st01 tbody td.writer{font:11px/1.3 dotum;color:#949494;}
	table.list_st01 tbody td.txt{font:11px/1.3 dotum;color:#949494;}
	table.list_st01 tbody tr.on{}
	table.list_st01 tbody tr.on td{height:28px;background:#FDF5EA;border-bottom:1px solid #E9E9E9;font:11px/1.3 dotum;color:#DE5D01;text-align:center;}
	table.list_st01 tbody tr.on td.subject{padding:3px 0 3px 10px;text-align:left;}
	table.list_st01 tbody tr.on td.subject a{text-align:left;color:#DE5D01;text-decoration:none;}
	table.list_st01 tbody tr.on td.date{font:10px/1.3 Arial;color:#DE5D01;}
	table.list_st01 tbody tr.on td.writer{font:11px/1.3 dotum;color:#DE5D01;}
	table.list_st01 tbody tr.on td.txt{font:11px/1.3 dotum;color:#DE5D01;}
	

table.view_st01 {clear:both;width:704px;background:url('/Images/common/bg_tbl_view.gif') no-repeat left top;}
	table.view_st01 thead th{height:30px;border-bottom:1px solid #F0F0F0;background:url('');padding-top:5px;}
	table.view_st01 thead th.subject {padding-left:20px;background:url('/Images/common/th_line_w.gif') no-repeat left 10px;font:11px dotum;color:#494949;text-align:left;}
	table.view_st01 thead th.txt_C {background:url('/Images/common/th_line_w.gif') no-repeat left 10px;font:11px dotum;color:#494949;text-align:center;}
		:root table.view_st01 thead th.subject {height:30px;padding-left:20px;background:url('/Images/common/th_line_w.gif') no-repeat left 10px;font:11px dotum;color:#494949;text-align:left;}
		table.view_st01 thead th.subject span{font:11px dotum;color:#DF5E00;}
	table.view_st01 thead th.date{font:normal 10px/1.3 Arial;color:#949494;text-align:right;padding-right:12px;}
		table.view_st01 thead th.date span{font:normal 11px/1.3 dotum;color:#949494;}
	table.view_st01 thead th.date_C{background:url('/Images/common/th_line_w.gif') no-repeat left 10px;font:normal 10px/1.3 Arial;color:#949494;text-align:center;}
	table.view_st01 tbody td{background:none;padding:0px 15px 0px 15px;height:0px;min-height:0px;font:11px dotum;color:#494949;vertical-align:top;}
	table.view_st01 tbody td p.file{text-align:right;margin-bottom:20px;font:11px/1.3 dotum;color:##2C2C2C}
		table.view_st01 tbody td p.file img{margin:1px 3px 0 0;vertical-align:top}
		
table.write_st01 {clear:both;width:704px;background:url('/Images/common/bg_tbl_view.gif') no-repeat left top;}
	table.write_st01 tbody th{height:30px;padding:8px 0 0 20px;border-bottom:1px solid #F0F0F0;background:url('');text-align:left;vertical-align:top;}
	table.write_st01 tbody th.first{padding:10px 0 0 20px;}
	table.write_st01 tbody td{background:none;border-bottom:1px solid #F0F0F0;font:11px dotum;color:#494949;}
	table.write_st01 tbody td.doc {padding:5px 0}
	table.write_st01 tbody td img{vertical-align:top;}
	table.write_st01 tbody td .inSt01 {width:185px;height:18px;padding:2px 4px 0px 4px;border:1px solid #EAEAEA;background:#F3F3F3;margin-right:1px;}	
	table.write_st01 tbody td.first{padding-top:5px}
	
div.small_list {clear:both;width:704px;height:52px;background:url('/Images/common/bg_smallList.jpg') no-repeat left top;padding-top:2px;}
	div.small_list div{background:none;font:11px dotum;color:#494949;text-align:left;margin-left:86px;}
	div.small_list div a{font:11px dotum;color:#494949;}
	div.small_list div span{font:11px dotum;color:#DF5E00;}
	div.small_list .prev{margin-top:9px;*margin-top:10px;}
	div.small_list .next{margin-top:9px;*margin-top:10px;}

/* page sort */
.sorting {width:704px;text-align:right;margin-bottom:5px;}
	.sorting select{width:94px;font-size:11px;}
	
/* subtitle */	
.subtitle {width:704px;height:70px;margin-top:-11px;} 
    .subtitle h3{float:left;width:580px;text-align:left;} 
    .subtitle select{float:right;width:94px;margin-top:42px;} 
    
.subtitle2 {width:704px;height:25px;} 
    .subtitle2 h3{float:left;padding-left:10px;background:url('/Images/common/bul_h3_ora.gif') no-repeat left 1px;*text-align:left} 
    .subtitle2 p{float:right;margin-top:7px;}     

.subtitle_bg {width:704px;height:15px;margin-top:-15px;padding:50px 0 5px 0;background:url('/Images/artclass/h3_txt_artclass.gif') no-repeat left 1px;text-align:right;} 
    .subtitle_bg select{width:160px;} 


/* page search */
.search {width:704px;text-align:center;margin-bottom:5px;}
	.search select{width:80px;font-size:11px;margin-right:2px;}
	.search input {width:185px;height:16px;padding:2px 4px 0px 4px;border:1px solid #E1E1E1;margin-right:1px;}
	.search img {vertical-align:top;margin-top:1px;}

/* paging */
.paging { width:704px; height:27px; position:relative; clear:both; text-align:center;}
	.paging .l-btn { position:absolute; top:15px; left:0; }
	.paging .r-btn { position:absolute; top:15px; right:0; }
	.paging .pg { width:100%; color:#939393; font:12px/1.3 gulim; text-align:center; position:relative; top:0; left:0;}
	.paging .pg strong { color:#DF5E02; padding:0 8px; }
	.paging .pg img { border:0; margin:0 1px; vertical-align:top;}
	.paging .pg a.txt { text-decoration:none; color:#939393; padding:0 7px;}
	.paging .pg a.txt:hover { text-decoration:underline; color:#4d4d4d; }

.paging2 { width:512px; height:27px; position:relative; clear:both; text-align:center;}
	.paging2 .l-btn { position:absolute; top:15px; left:0; }
	.paging2 .r-btn { position:absolute; top:15px; right:0; }
	.paging2 .pg { width:100%; color:#939393; font:12px/1.3 gulim; text-align:center; position:relative; top:0; left:0;}
	.paging2 .pg strong { color:#DF5E02; padding:0 8px; }
	.paging2 .pg img { border:0; margin:0 1px; vertical-align:top;}
	.paging2 .pg a.txt { text-decoration:none; color:#939393; padding:0 7px;}
	.paging2 .pg a.txt:hover { text-decoration:underline; color:#4d4d4d; }


/* btn_style */
p.btn_r{width:704px;text-align:right;}

ul.btn_st {width:704px;}
	ul.btn_st li{float:left;margin-right:2px;}
	ul.btn_st li.r{float:right;}

/* 달력 */
.calenTit {width:704px;height:96px;position:relative;background:url('/Images/common/bg_calen_bar.jpg') no-repeat left bottom;}
	.calenTit .group{position:absolute;right:3px;top:77px;}
	.calenTit .btn{position:absolute;right:3px;top:10px;}
	.calenTit .year{text-align:center;height:32px;}
		.calenTit .year img{vertical-align:middle;}
		.calenTit .year .btn_L{margin-right:25px;}
		.calenTit .year .btn_R{margin-left:25px;}	
	.calenTit .month{height:40px;position:absolute;left:12px;top:30px;}
		.calenTit .month ul{}
		.calenTit .month ul li{float:left;}

.calendar {clear:both;height:600px;position:relative;}
/* 월별bg */
.mm1 {background:url('/Images/common/bg_mm1.gif') no-repeat 50% 60px;}
.mm2 {background:url('/Images/common/bg_mm2.gif') no-repeat 50% 60px;}
.mm3 {background:url('/Images/common/bg_mm3.gif') no-repeat 50% 60px;}
.mm4 {background:url('/Images/common/bg_mm4.gif') no-repeat 50% 60px;}
.mm5 {background:url('/Images/common/bg_mm5.gif') no-repeat 50% 60px;}
.mm6 {background:url('/Images/common/bg_mm6.gif') no-repeat 50% 60px;}
.mm7 {background:url('/Images/common/bg_mm7.gif') no-repeat 50% 60px;}
.mm8 {background:url('/Images/common/bg_mm8.gif') no-repeat 50% 60px;}
.mm9 {background:url('/Images/common/bg_mm9.gif') no-repeat 50% 60px;}
.mm10 {background:url('/Images/common/bg_mm10.gif') no-repeat 50% 60px;}
.mm11 {background:url('/Images/common/bg_mm11.gif') no-repeat 50% 60px;}
.mm12 {background:url('/Images/common/bg_mm12.gif') no-repeat 50% 60px;}

	.calendar table {clear:both;width:704px;background:url('/Images/common/bg_tbl_top.gif') no-repeat left top;}
	.calendar table thead th{height:24px;background:none;}
	.calendar table tbody td{height:80px;min-height:80px;background:none;padding:5px 6px;vertical-align:top;border:1px solid #E9E9E9;*text-align:left}
		.calendar table tbody td div.ico {float:left;}
			.calendar table tbody td div.ico img{margin:0 2px 3px 0;}
		.calendar table tbody td div.date {float:right;font:bold 11px dotum;color:#ADADAD;}
			.calendar table tbody td div.date_r {float:right;font:bold 11px dotum;color:#EF6B69;}
			.calendar table tbody td div.date_b {float:right;font:bold 11px dotum;color:#56A8D0;}
		.calendar table tbody td div.txt1 {clear:both;margin-top:1px;font:normal 11px/1.2 dotum;color:#494949;}
			.calendar table tbody td div.txt1 a{display:block;margin:-2px 0 3px 0;}
			.calendar table tbody td div.txt1 a:hover {text-decoration:none; color:#E05D02;}
	
/* 달력 layer popup */
.ly_calen {display:none;position:absolute;left:196px;top:117px;width:320px;height:178px;overflow:hidden;*text-align:left;}
    .ly_calen div.doc{float:left;width:313px;height:171px;background:url('/Images/common/bg_detailLayer.jpg') no-repeat left top;}
        .ly_calen div.doc .tit{height:27px;margin:0 0 0 7px;padding:5px 0 0 0;font:11px/1.3 dotum;color:#ffffff;}
            .ly_calen div.doc .tit img{vertical-align:middle;position:relative;margin-right:3px;}
        .ly_calen div.doc .information {height:104px;width:286px;margin:22px 0 0 13px;_margin:26px 0 0 13px;}
        .ly_calen div.doc .information dt{float:left;width:93px;height:100px;margin-right:16px;}
        .ly_calen div.doc .information dt img{width:93px;height:62px;vertical-align:top;}
        .ly_calen div.doc .information dd{float:left;width:170px;margin-bottom:5px;padding-left:7px;background:url('/Images/common/bul_dot_red.gif') no-repeat left 50%;font:11px/1.3 dotum;color:#000;}
        .ly_calen div.doc .btn_c {text-align:center;_margin-top:1px;}    
        .ly_calen div.doc img{vertical-align:top;}    
    .ly_calen p.sh_R{float:right;width:7px;height:171px;}
        .ly_calen p.sh_R img{vertical-align:top;}    
    .ly_calen p.sh_B{clear:both;width:320px;height:8px;}
        .ly_calen p.sh_B img{vertical-align:top;}    
	

/* 올림푸스홀 > 프로그램 목록 */		
.program {width:581px;_width:704px;min-height:292px;_height:292px;padding:0 0 50px 123px;background:url('/Images/common/img_program.gif') no-repeat left top;*text-align:left;}    
    .program dl.info {clear:both;}
    .program dl.info dt {float:left;width:139px;height:196px;position:relative;padding:0 20px 0 3px;background:url('/Images/common/bg_list_bottom.gif') no-repeat left bottom;border-bottom:1px solid #EAEAEA;margin-bottom:30px;}
        .program dl.info dt img{width:133px;height:165px;vertical-align:top;}
        .program dl.info dt img.play_wmark {width:133px;height:165px;vertical-align:top;position:absolute; top:0; left:0;}
    .program dl.info dd {float:left;width:415px;height:196px;margin-bottom:30px;border-bottom:1px solid #EAEAEA;}
        .program dl.info dd p.tit {height:33px;font:bold 15px/1.3 dotum;color:#000;padding-top:2px;}
			.program dl.info dd p.tit a{font:bold 15px/1.3 dotum;color:#000;text-decoration:none;}
            .program dl.info dd p.tit img{vertical-align:top;margin:1px 3px 0 0;}
        .program dl.info dd p.tit2 {font:bold 15px/1.3 dotum;color:#000;padding-top:2px;}
			.program dl.info dd p.tit2 a{font:bold 15px/1.3 dotum;color:#000;text-decoration:none;}
            .program dl.info dd p.tit2 img{vertical-align:top;margin:1px 3px 0 0;}    
        .program dl.info dd p.artist {font:bold 11px/1.3 dotum;color:#000;padding:5px 0 15px 43px;}    
        .program dl.info dd ul.fid {margin-left:17px;}
            .program dl.info dd ul.fid li{height:18px;padding-left:7px;background:url('/Images/common/bul_dot_red.gif') no-repeat left 4px;font:11px/1.3 dotum;color:#3A3939;}
            .program dl.info dd ul.fid li img {vertical-align:middle;margin-right:13px;}
            .program dl.info dd ul.fid li.date {font:11px/1.3 dotum;color:#FF6900;}
        .program dl.info dd p.btn {height:20px;padding-top:10px;}
            .program dl.info dd p.btn img{vertical-align:top;margin-left:7px;}

/* 프로그램 상세페이지 */            
.detail {width:704px;min-height:292px;*text-align:left;}    
    /* 상세페이지 가격,공연정보 */
    .detail dl.info {clear:both;}
    .detail dl.info dt {float:left;width:233px;height:313px;padding:0 20px 0 1px;background:url('/Images/common/bg_detail_bottom.gif') no-repeat left bottom;margin-bottom:15px;}
        .detail dl.info dt img{width:233px;height:290px;vertical-align:top;margin:2px 3px 0 0}
    .detail dl.info dd {float:left;width:441px;vertical-align:top;padding:0px;}
        /* 제목,출연자일경우 height:고정값이 변하기에 class로 구분 */
        .detail dl.info dd.tit {font:bold 15px dotum;color:#000;padding:2px 0 7px 8px;}
            .detail dl.info dd.tit img{vertical-align:top;margin:1px 3px 0 0;}
        .detail dl.info dd.artist {width:390px;font:bold 11px dotum;color:#000;padding:0 0 15px 53px;}
        .detail dl.info dd.fid {height:220px;}
        /* 제목일경우 height:고정값이 변하기에 class로 구분 */
        .detail dl.info dd.tit2 {font:bold 15px dotum;color:#000;padding-top:2px;padding-bottom:15px;}
            .detail dl.info dd.tit2 img{vertical-align:top;margin:1px 3px 0 0;}
        .detail dl.info dd.fid2 {height:230px;}
            .detail dl.info dd ul.basic{margin-left:10px;}
            .detail dl.info dd ul.basic li{height:19px;padding-left:8px;background:url('/Images/common/bul_dot_red.gif') no-repeat left 4px;font:11px/1.3 dotum;color:#3A3939;}
            .detail dl.info dd ul.basic li img {vertical-align:middle;margin-right:13px;}
            .detail dl.info dd ul.basic li.date {font:11px/1.3 dotum;color:#FF6900;}
            .detail dl.info dd div.add {margin:5px 0 0 0px;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;background:#F3F3F3;padding:4px 0 2px 0;}
            .detail dl.info dd div.add ul li{height:17px;padding-left:16px;background:url('/Images/common/bul_dot_red.gif') no-repeat 10px 5px;font:11px/1.3 dotum;color:#3A3939;}
            .detail dl.info dd div.add ul li span{font:bold 11px/1.3 dotum;color:#3A3939;padding-right:7px;}
        .detail dl.info dd.btn {height:20px;padding:3px 0 0 0;text-align:left;}
            .detail dl.info dd.btn img{vertical-align:top}            
            .detail dl.info dd.btn ul{width:100%}
            .detail dl.info dd.btn ul li{float:left;margin-right:4px;}
            .detail dl.info dd.btn ul li.r{float:right;margin-right:0px;}
    
    /* 상세페이지 작품 소개,출연자 소개 */
    .detail .introduce {clear:both;width:695px;}
    .detail .introduce h3{height:30px;padding-left:10px;background:url('/Images/common/bul_h3_ora.gif') no-repeat left 1px;}
    .detail .introduce ul.item {margin-left:5px;}
    .detail .introduce ul.item li{margin-bottom:3px;;padding-left:10px;background:url('/Images/common/bul_dot_gr.gif') no-repeat 4px 7px;font:11px/1.5 dotum;color:#5B5B5B;}
    .detail .introduce div.viewitem_box{width:694px;overflow:hidden;margin:0 0 15px 10px;}
    .detail .introduce ul.viewitem{width:704px;}
    .detail .introduce ul.viewitem li{float:left;width:175px;height:174px;}
	.detail .introduce ul.viewitem li p.img img{width:160px;height:129px;vertical-align:top;margin-bottom:10px;}
	.detail .introduce ul.viewitem li p.txt {font:bold 12px/1.2 dotum;color:#2B2B2B;width:160px;text-align:center;}
		.detail .introduce ul.viewitem li p.txt a{font:bold 12px/1.2 dotum;color:#2B2B2B;}
	.detail .introduce dl.artist {clear:both;margin-left:10px;margin-bottom:30px;min-height:150px;_height:150px;}
		.detail .introduce dl.artist dt{float:left;width:125px;}
			.detail .introduce dl.artist dt img{width:125px;height:149px;}
		.detail .introduce dl.artist dd{float:right;width:545px;vertical-align:top;padding:1px;}
			.detail .introduce dl.artist dd h4{margin-top:20px;height:18px;padding-left:7px;font:bold 12px/1.3 dotum;}
			.detail .introduce dl.artist dd p.tit{height:22px;margin-top:2px;padding-left:8px;background:url('/Images/common/bul_artist.gif') no-repeat left 7px;font:bold 13px/1.3	dotum;color:#3A3939;}
			.detail .introduce dl.artist dd p.txtD{margin-top:15px;font:normal 11px/1.7 dotum;color:#5B5B5B;letter-spacing:normal;}
		    .detail .introduce dl.artist dd ul li{margin-bottom:3px;;padding-left:10px;background:url('/Images/common/bul_dot_gr.gif') no-repeat 4px 7px;font:11px/1.5 dotum;color:#5B5B5B;}
		    .detail .introduce dl.artist dd ul li.noneB{margin-bottom:3px;;padding-left:10px;background:none;font:bold 11px/1.5 dotum;color:#5B5B5B;}
		    
		.detail .introduce dl.artist dd dl.pen_pro {clear:both;margin-top:3px;width:526px;}
			.detail .introduce dl.artist dd dl.pen_pro dt{float:left;width:42px;margin-bottom:3px;padding:1px 0 0 10px;background:url('/Images/common/bul_dot_gr.gif') no-repeat 4px 7px;font:11px/1.5 dotum;color:#5B5B5B;}
			.detail .introduce dl.artist dd dl.pen_pro dd{float:right;width:480px;font:11px/1.5 dotum;color:#5B5B5B;}

/* page 준비중 */		  
.none_page {text-align:left;width:704px;height:252px;background:url('/Images/common/bg_page.jpg') no-repeat left top;}
	.none_page img{vertical-align:top;}
	.none_page .txt{padding:78px 0 0 318px;}
	.none_page .btn{padding:15px 0 0 318px;}
  
/* 대관서식 */
.rental_doc{width:704px;height:566px;background:url(/images/rental/img_visual.jpg) no-repeat right top;*text-align:left;}
	.rental_doc h3{height:30px;padding-left:10px;background:url('/Images/common/bul_h3_ora.gif') no-repeat left 1px;}
	.rental_doc .txt{margin-left:10px;}
	.rental_doc .btn{margin:15px 0 40px 10px;}
		.rental_doc .btn a{margin-right:5px;}
		
/* introduction > 공간안내 */		
div.tab {width:704px;height:18px;background:url('/images/introduction/bg_tab.gif') repeat-x left bottom;}
	div.tab ul{}
	div.tab ul li{float:left;width:103px;}
	div.tab ul li img{vertical-align:top;}

div.tab1 {width:704px;height:18px;background:url('/images/introduction/bg_tab.gif') repeat-x left bottom;}
	div.tab1 ul{}
	div.tab1 ul li{float:left;width:182px;}
	div.tab1 ul li img{vertical-align:top;}	

div.tab2 {width:704px;height:16px;background:url('/images/introduction/bg_tab.gif') repeat-x left bottom;}
	div.tab2 ul li{float:left;width:83px;}
	div.tab2 ul li img{vertical-align:top;}	
	
div.space{clear:both;width:704px;height:580px;margin:0 10px;}	
	
	/* 2010-12-30 */
	.new_seatInfo {display:none;position:absolute;left:152px;top:490px;width:560px;height:585px;*text-align:left;}
		.new_seatInfo div.doc{float:left;width:553px;height:434px;background:url('/images/common/bg_seatLayer.jpg') no-repeat left top;position:relative;}
		.new_seatInfo div.doc .sh_B{clear:both;position:absolute;left:0px;bottom:-7px;*bottom:-11px;}	
		.new_seatInfo div.doc .sh_B img{vertical-align:top;}
		.new_seatInfo div.doc .tit{height:50px;margin:0 0 0 7px;padding:7px 0 0 0;font:bold 11px/1.3 dotum;color:#ffffff;}
		.new_seatInfo div.doc p.img {margin-bottom:27px;*margin-bottom:34px;text-align:center;}
		.new_seatInfo div.doc .btn_c {text-align:center;margin-bottom:0px;}    
		.new_seatInfo div.doc img{vertical-align:top;}    
		.new_seatInfo .sh_R{float:right;width:7px;height:579px;}
		.new_seatInfo .sh_R img{vertical-align:top;}    
		
	.seatInfo {display:none;position:absolute;left:80px;top:85px;width:560px;height:585px;*text-align:left;}
		.seatInfo div.doc{float:left;width:553px;height:434px;background:url('/images/common/bg_seatLayer.jpg') no-repeat left top;position:relative;}
		.seatInfo div.doc .sh_B{clear:both;position:absolute;left:0px;bottom:-7px;*bottom:-11px;}	
		.seatInfo div.doc .sh_B img{vertical-align:top;}
		.seatInfo div.doc .tit{height:50px;margin:0 0 0 7px;padding:7px 0 0 0;font:bold 11px/1.3 dotum;color:#ffffff;}
		.seatInfo div.doc p.img {margin-bottom:27px;*margin-bottom:34px;text-align:center;}
		.seatInfo div.doc .btn_c {text-align:center;margin-bottom:0px;}    
		.seatInfo div.doc img{vertical-align:top;}    
		.seatInfo .sh_R{float:right;width:7px;height:579px;}
		.seatInfo .sh_R img{vertical-align:top;}  


	.seatInfo1 {display:none;position:absolute;left:100px;top:120px;margin-left:0px;width:560px;height:585px;*text-align:left;z-index:100;}
		.seatInfo1 div.doc{float:left;width:553px;height:434px;background:url('/images/common/bg_seatLayer.jpg') no-repeat left top;position:relative;}
			.seatInfo1 div.doc .sh_B{clear:both;position:absolute;left:0px;bottom:-7px;*bottom:-11px;}
			.seatInfo1 div.doc .sh_B img{vertical-align:top;}
		.seatInfo1 div.doc .tit{height:45px;margin:0 0 0 7px;padding:7px 0 0 0;font:bold 11px/1.3 dotum;color:#ffffff;}
		.seatInfo1 div.doc p.img {height:368px;*height:375px;text-align:center;}
		.seatInfo1 div.doc .btn_c {text-align:center;margin-bottom:0px;}    
		.seatInfo div.doc img{vertical-align:top;}    
		.seatInfo1 .sh_R{float:right;width:7px;height:579px;}
		.seatInfo1 .sh_R img{vertical-align:top;}   
		
	.reservationInfo1 {display:none;position:absolute;left:13px;top:120px;margin-left:0px;width:724px;height:600px;*text-align:left;z-index:100; border:solid 1px #000000;}
		.reservationInfo1 div.doc{float:left;width:717px;height:600px;position:relative;}
			.reservationInfo1 div.doc .sh_B{clear:both;position:absolute;left:0px;bottom:-7px;*bottom:-11px; background-color:#000000;}
			.reservationInfo1 div.doc .sh_B img{vertical-align:top;}
		.reservationInfo1 div.doc .tit{height:45px;margin:0 0 0 7px;padding:7px 0 0 0;font:bold 11px/1.3 dotum;color:#ffffff;}
		.reservationInfo1 div.doc p.img {height:587px;*height:587px;text-align:center;}
		.reservationInfo1 div.doc .btn_c {text-align:center;margin-bottom:0px;}    
		.reservationInfo1 div.doc img{vertical-align:top;}    
		.reservationInfo1 .sh_R{float:right;width:720px;height:587px;}
		.reservationInfo1 .sh_R img{vertical-align:top;} 		
		
	.itemInfo {display:none;position:absolute;left:80px;top:18px;width:560px;height:644px;*text-align:left;}
		.itemInfo div.doc{float:left;width:553px;height:644px;background:url('/images/common/bg_itemLayer.jpg') no-repeat left top;position:relative;}
		.itemInfo div.doc .sh_B{clear:both;position:absolute;left:0px;bottom:-7px;*bottom:-11px;}	
		.itemInfo div.doc .sh_B img{vertical-align:top;}
		.itemInfo div.doc .tit{height:19px;*height:26px;margin:0 0 0 7px;padding:7px 0 0 0;font:bold 11px/1.3 dotum;color:#ffffff;}
		.itemInfo div.doc .tbl_item {height:605px;}
		.itemInfo div.doc .tbl_item table{width:549px;border-top:2px solid #575A5A;background:url('/Images/common/bg_tbl_top2.gif') no-repeat left top;margin-left:2px;}
		.itemInfo div.doc .tbl_item table th{height:27px;border-bottom:1px solid #E1E1E1;border-right:1px solid #E1E1E1;text-align:center;}
		.itemInfo div.doc .tbl_item table th img{margin-top:3px;}
		.itemInfo div.doc .tbl_item table td{height:24px;padding:2px 0;background:#FFFFFF;text-align:center;border-bottom:1px solid #E1E1E1;border-right:1px solid #E1E1E1;text-align:center;font:normal 11px/1.4 dotum;color:#575757;}
		.itemInfo div.doc .tbl_item table td.txt{border-right:0px;text-align:left;padding-left:10px;}
		.itemInfo div.doc .tbl_item table td.txt span{width:84px}
		.itemInfo div.doc .tbl_item table .none{border-right:0px}
		.itemInfo div.doc .btn_c {text-align:center;margin-bottom:0px;}    
		.itemInfo div.doc img{vertical-align:top;}    
		.itemInfo .sh_R{float:right;width:7px;height:579px;}
		.itemInfo .sh_R img{vertical-align:top;}    
/*2010-12-30*/
	.new_itemInfo {display:none;position:absolute;left:152px;top:220px;width:560px;height:704px;*text-align:left;}
		.new_itemInfo div.doc{float:left;width:553px;height:704px;background:url('/images/common/bg_itemLayer2.jpg') no-repeat left top;position:relative;}
		.new_itemInfo div.doc .sh_B{clear:both;position:absolute;left:0px;bottom:-7px;*bottom:-11px;}	
		.new_itemInfo div.doc .sh_B img{vertical-align:top;}
		.new_itemInfo div.doc .tit{height:19px;*height:26px;margin:0 0 0 7px;padding:7px 0 0 0;font:bold 11px/1.3 dotum;color:#ffffff;}
		.new_itemInfo div.doc .tbl_item {height:678px;}
		.new_itemInfo div.doc .tbl_item table{width:549px;border-top:2px solid #575A5A;background:url('/Images/common/bg_tbl_top2.gif') no-repeat left top;margin-left:2px;}
		.new_itemInfo div.doc .tbl_item table th{height:27px;border-bottom:1px solid #E1E1E1;border-right:1px solid #E1E1E1;text-align:center;}
		.new_itemInfo div.doc .tbl_item table th img{margin-top:3px;}
		.new_itemInfo div.doc .tbl_item table td{height:24px;padding:2px 0;background:#FFFFFF;text-align:center;border-bottom:1px solid #E1E1E1;border-right:1px solid #E1E1E1;text-align:center;font:normal 11px/1.4 dotum;color:#575757;}
		.new_itemInfo div.doc .tbl_item table td.txt{border-right:0px;text-align:left;padding-left:10px;}
		.new_itemInfo div.doc .tbl_item table td.txt span{width:84px}
		.new_itemInfo div.doc .tbl_item table .none{border-right:0px}
		.new_itemInfo div.doc .btn_c {text-align:center;margin-bottom:0px;}    
		.new_itemInfo div.doc img{vertical-align:top;}    
		.new_itemInfo .sh_R{float:right;width:7px;height:579px;}
		.new_itemInfo .sh_R img{vertical-align:top;}   

/* sitemap */		 
ul.frame {width:704px;}
	ul.frame li{float:left;width:153px;height:264px;margin-right:30px;}
	ul.frame li.r{float:left;width:153px;height:264px;margin-right:0px;}
ul.link {width:153px;}
	ul.link li{float:none;width:153px;height:25px;margin-right:0px;}
	ul.link li.top{float:none;width:153px;height:37px;margin-right:0px;}
	ul.link li img{vertical-align:top;}

/* contract us */		
table.contract {width:704px;border-top:2px solid #EAEAEA;}
	table.contract th{width:125px;height:20px;padding:10px 0 0 10px;text-align:left;vertical-align:top;border-bottom:1px solid #F0F0F0;}	
	table.contract td{height:28px;padding:2px 0;vertical-align:middle;text-align:left;border-bottom:1px solid #F0F0F0;color:#ACACAC;font:11px dotum;}	
	table.contract td img{vertical-align:top;}
	table.contract td .txt{border:1px solid #EAEAEA;background:#F3F3F3;font:11px dotum;color:#3A3939;text-align:left;padding:3px 3px 0 3px;height:18px;margin:0 1px;}	
	table.contract td .txt2{border:1px solid #EAEAEA;background:#F3F3F3;font:11px dotum;color:#3A3939;text-align:left;padding:5px;margin:5px 1px;}	
	table.contract td select{font:11px dotum;color:#A6A6A6;}
	
div.btn_box {width:704px;height:18px;background:#F3F3F3;border:1px solid #EBEBEB;padding:15px 0;text-align:center;}	
	div.btn_box img{margin:0 2px;} 


/* rental */	
table.fee_tbl {clear:both;width:684px;border-top:2px solid #575A5A;background:url('/Images/common/bg_tbl_top2.gif') no-repeat left top;}
	table.fee_tbl th{height:27px;border-bottom:1px solid #E1E1E1;border-right:1px solid #E1E1E1;text-align:center;}
	table.fee_tbl td{height:29px;padding:3px 0;background:none;text-align:center;border-bottom:1px solid #E1E1E1;border-right:1px solid #E1E1E1;text-align:center;font:normal 11px/1.4 dotum;color:#575757;}
	table.fee_tbl td.bl2{border-bottom:2px solid #575A5A;border-right:1px solid #E1E1E1;text-align:center;font:normal 11px/1.4 dotum;color:#575757;}
	table.fee_tbl td.bl3{border-bottom:2px solid #575A5A;border-right:0px;text-align:center;font:normal 11px/1.4 dotum;color:#575757;}
	table.fee_tbl td.b{font:bold 11px/1.3 dotum;color:#575757;}
	table.fee_tbl .none{border-right:0px}
	table.fee_tbl .bg_r{background:#F8F4F2}
	table.fee_tbl .bg_g{background:#F8F8F8}
	table.fee_tbl td.etc{border-right:0px;text-align:left;padding-left:10px;}
	table.fee_tbl td.txt{text-align:left;padding-left:10px;}

/* join */
div.join02 {width:704px;min-height:100px;padding:15px 0px;border-top:2px solid #EAEAEA;border-bottom:1px solid #EAEAEA;margin-bottom:10px;}
	
div.join01 {width:704px;padding:10px 0px;border-top:2px solid #EAEAEA;border-bottom:1px solid #EAEAEA;margin-bottom:10px;text-align:left;}	
	div.join01 .scroll{float:right;width:694px;height:110px;overflow-x:hidden;overflow-y:scroll;margin:0 auto;font:11px/1.5 dotum;color:#9A9A99;padding-right:10px;}
	div.join01 .scroll p.top{font:bold 11px/1.7 dotum;color:#696969;margin-bottom:20px}
	div.join01 .scroll p.ora{font:bold 11px/1.7 dotum;color:#FF6900;margin-bottom:5px}
	div.join01 .scroll a:link{color:#777777;text-decoration:none;}
	div.join01 .scroll a:hover{color:#FF6900;text-decoration:none;}
	div.join01 .scroll ul.list{margin-bottom:15px;}
	div.join01 .scroll ul.list li{font:normal 11px/1.5 dotum;color:#9A9A99;margin-bottom:3px;}
	div.join01 .scroll ul.list li a{font:normal 11px/1.5 dotum;color:#9A9A99;}
	div.join01 .scroll ul.list ol{font:normal 11px/1.5 dotum;color:#9A9A99;margin:4px 0 0 10px;}
	div.join01 .tbl_join{width:704px;}
		div.join01 .tbl_join td{color:#E2E2E2}
		div.join01 .tbl_join td .btn{margin:0 0 0 3px;vertical-align:top;}
	div.join01 .inSt01 {width:185px;height:18px;padding:2px 4px 0px 4px;border:1px solid #EAEAEA;background:#F3F3F3;margin-right:1px;}	
	
.in_join {width:704px;border-top:2px solid #EAEAEA;margin-bottom:40px;}
	.in_join th {height:18px;padding:5px 0 5px 18px;background:url('/Images/common/bul_dot_gr.gif') no-repeat 10px 14px;text-align:left;border-bottom:1px solid #EAEAEA;vertical-align:top;}
	.in_join th img{margin-top:4px;}
	.in_join td {padding:5px 0;font:11px/1.4 dotum;color:#A6A6A6;text-align:left;border-bottom:1px solid #EAEAEA;}
	.in_join td img{vertical-align:top;margin-top:1px}
	.in_join td .inSt01 {height:18px;padding:2px 4px 0px 4px;border:1px solid #EAEAEA;background:#F3F3F3;margin-right:1px;font:11px/1.4 dotum;color:#3A3939}	
ul.kind{clear:both;}
	ul.kind li{float:left;width:65px;margin-bottom:4px;}
	ul.kind li.wid{float:left;width:85px;}
	ul.kind li.wid2{float:left;width:150px;}
ul.kind2{clear:both;width:550px}
	ul.kind2 li{float:left;;margin:0 15px 4px 0;}
	
ul.reason{clear:both;}
	ul.reason li{float:left;margin:0 10px 0 4px;color:#3A3939}
	ul.reason li input{margin-left:-4px;}	
	
/* member_agree 
<!-- box sample
<div class="box_m"><div class="box_t"><div class="box_b">
</div></div></div>
 -->
*/	
.box_t {width:704px;background:url('/images/common/bg_box_t.gif') no-repeat left top;padding-top:3px;}
.box_m {width:704px;min-height:30px;background:url('/images/common/bg_box_m.gif') repeat-y left top;}
.box_b {width:704px;background:url('/images/common/bg_box_b.gif') no-repeat left bottom;padding-bottom:3px;}
	.box_b .txt p{font:normal 11px/1.6 dotum;color:#9A9A99;}
	.box_b .txt{text-align:left;padding:20px}
	.box_b .txt p.top{font:bold 11px/1.7 dotum;color:#696969;margin-bottom:20px}
	.box_b .txt p.ora{font:bold 11px/1.7 dotum;color:#FF6900;margin-bottom:5px}
	.box_b .txt a:link{color:#777777;text-decoration:none;}
	.box_b .txt a:hover{color:#FF6900;text-decoration:none;}
	.box_b .txt ul.list{margin-bottom:15px;}
	.box_b .txt ul.list li{font:normal 11px/1.5 dotum;color:#9A9A99;margin-bottom:3px;}
	.box_b .txt ul.list li a{font:normal 11px/1.5 dotum;color:#9A9A99;}
	.box_b .txt ul.list ol{font:normal 11px/1.5 dotum;color:#9A9A99;margin:4px 0 0 10px;}
	
/* login */	
dl.login {width:704px;margin-top:40px;text-align:left}
	dl.login dt{float:left;width:233px;}
	dl.login dd{float:right;width:470px;}
		dl.login dd .inBox{width:427px;min-height:100px;padding:15px 0px;border-top:2px solid #EAEAEA;border-bottom:1px solid #EAEAEA;margin-bottom:7px;text-align:left}
		dl.login dd .inBox .tbl_st {width:308px;margin-left:10px;}
		dl.login dd .inBox .tbl_st td{text-align:left;height:22px;vertical-align:middle}
		dl.login dd .inBox .tbl_st2 {width:308px;margin-left:10px;}
		dl.login dd .inBox .tbl_st2 td{text-align:left;height:22px;}
		dl.login dd .inSt01 {height:18px;padding:2px 4px 0px 4px;border:1px solid #EAEAEA;background:#F3F3F3;margin-right:1px;}	
	dl.login dd p.notice{margin-bottom:2px}
	dl.login dd p.btn{width:427px;text-align:right}
	dl.login dd p.notice img{vertical-align:middle}
	dl.login dd p.bul_arr{padding-left:8px;margin:5px 0 0 10px;background:url('/images/common/bul_arr_ora.gif') no-repeat left 5px;font:normal 11px/1.5 dotum;color:#484848;}
		dl.login dd p.bul_arr span {font:bold 11px/1.5 dotum;color:#DF5E00;}
	
/* convention */	
.conbox_t {width:512px;background:url('/images/convention/bg_conbox_t.gif') no-repeat left top;padding-top:60px;}
.conbox_m {width:512px;min-height:30px;_height:30px;background:url('/images/convention/bg_conbox_m.gif') repeat-y left top;}
.conbox_b {width:512px;background:url('/images/convention/bg_conbox_b.gif') no-repeat left bottom;padding-bottom:15px;}

dl.con01 {clear:both;width:704px;position:relative;}
dl.con01 dt{float:left;width:190px;padding:0 0 0 0;margin:0 0 0 0;*text-align:left;}
	dl.con01 dt div.title{float:left;width:190px;height:30px;*text-align:left;}
	dl.con01 dt td.space{border-bottom:1px solid #cecece;}


dl.con01 dd{float:right;width:512px;text-align:left}

dl.con04 {clear:both;width:704px;position:relative;}
dl.con04 dt{float:left;width:185px}
	dl.con04 dt div.title{float:left;height:30px;padding-left:10px;background:url('/Images/common/bul_h3_ora.gif') no-repeat left 1px;*text-align:left;}
dl.con04 dd{float:right;width:515px;text-align:left}

dl.con01 dd .in_join {width:512px;border-top:2px solid #EAEAEA;margin-bottom:5px;}
	dl.con01 dd .in_join th {height:18px;padding:5px 0 5px 10px;text-align:left;border-bottom:1px solid #EAEAEA;border-right:1px solid #EAEAEA;vertical-align:top;}
	dl.con01 dd .in_join th img{margin-top:4px;}
	dl.con01 dd .in_join td {padding:5px 0 5px 10px;;font:11px/1.4 dotum;color:#A6A6A6;text-align:left;border-bottom:1px solid #EAEAEA;}
	dl.con01 dd .in_join td img{vertical-align:top;margin-top:1px}
	dl.con01 dd .in_join td .inSt01 {height:18px;padding:2px 4px 0px 4px;border:1px solid #EAEAEA;background:#F3F3F3;margin-right:1px;font:11px/1.4 dotum;color:#3A3939}	
	dl.con01 dd .in_join td table.no_border {}
	dl.con01 dd .in_join td table.no_border td{border:0px;text-align:left}
	
dl.con01 dd ul.item {width:512px}
	dl.con01 dd ul.item li.box1{float:left;width:164px;height:160px;margin-right:9px;}
	dl.con01 dd ul.item li.box2{float:left;width:165px;height:160px;}
	dl.con01 dd ul.item li.box3{float:right;width:164px;height:160px;}
dl.con01 dd ul.chk {margin:62px 0 0 10px;width:140px;}
	dl.con01 dd ul.chk li{font:11px/1.4 dotum;color:#575757;margin-bottom:2px;}
	dl.con01 dd ul.chk li .inSt01 {height:18px;padding:1px 4px 0px 4px;border:1px solid #EAEAEA;background:#F3F3F3;margin-right:1px;font:11px/1.4 dotum;color:#3A3939}	
	dl.con01 dd ul.chk li.w80{float:left;width:70px;}
	
/* Art Class */	

div.tab_art {width:704px;height:16px;background:url('/images/introduction/bg_tab.gif') repeat-x left bottom;}
	div.tab_art ul{}
	div.tab_art ul li{float:left;width:133px;}
	div.tab_art ul li img{vertical-align:top;}	



dl.con02 {clear:both;width:704px;position:relative;}
dl.con02 dt.bg{float:left;width:192px;min-height:300px;_height:300px;background:url('/images/artclass/bg_left.jpg') no-repeat left 60px;}
dl.con02 dd.txt{float:right;width:512px;text-align:left}

dl.con03 {clear:both;width:512px;background:url('/images/artclass/bg_dot3.gif') repeat-x left bottom;;text-align:left}
dl.con03 dt{float:left;width:315px;padding:27px 0;text-align:left}
	dl.con03 dt p.className{width:287px;height:37px; margin:0 0 0 0;padding-left:8px; padding-top: 9px;font-weight: bold;font:13pt;font-family:dotum;color:#FF5A00;letter-spacing:-0.12em;background:url('/Images/artclass/tit_bg.jpg') no-repeat;}
	dl.con03 dt p.className a{font:13pt;font-family:dotum;color:#ff5a00;letter-spacing:-0.12em;text-decoration:none; font-weight: bold;}
	dl.con03 dt table {}
		dl.con03 dt table th{vertical-align:top;width:50px;height:24px;padding:5px 0 0 8px;background:url('/images/common/bul_dot_red.gif') no-repeat 2px 8px;text-align:left;}
		dl.con03 dt table td{vertical-align:top;height:24px;padding:2px 0 4px 4px;font:11px/1.5 dotum;color:#757575}
		dl.con03 dt table td img{vertical-align:middle;margin-top:-1px;position:relative;}
dl.con03 dd{float:right;width:197px;padding:30px 0;}
	dl.con03 dd p.ArtPhoto{width:196px;height:117px;margin-bottom:7px;padding:4px 0 0 4px;background:url('/images/artclass/bg_class_photo_s.gif') no-repeat left top;}
	dl.con03 dd p.ArtPhoto img{width:188px;height:109px;}
	
/* 아트클래스 상세페이지 */            
.detail_class {width:704px;min-height:292px;*text-align:left;}    
    /* 상세페이지 가격,공연정보 */
    .detail_class dl.info {clear:both;}
    .detail_class dl.info dt {float:left;width:243px;height:151px;padding:9px 0 0 4px;background:url('/Images/artclass/bg_class_photo_b.gif') no-repeat -5px bottom;margin-bottom:15px;}
        .detail_class dl.info dt img{width:225px;height:133px;vertical-align:top;}
    .detail_class dl.info dd {float:right;width:441px;vertical-align:top;margin-right:10px;}	
	.detail_class dl.info dd.tit {height:33px;font:bold 15px dotum;color:#FF5A00;padding-top:10px;}
            .detail_class dl.info dd.tit img{vertical-align:top;}
        .detail_class dl.info dd.fid {height:85px;padding-bottom:20px}
			.detail_class dl.info dd.fid table {}
			.detail_class dl.info dd.fid table th{vertical-align:top;width:50px;height:20px;padding:5px 0 0 8px;background:url('/images/common/bul_dot_red.gif') no-repeat 2px 8px;text-align:left;}
			.detail_class dl.info dd.fid table td{vertical-align:top;height:20px;padding:2px 0 4px 4px;font:11px/1.5 dotum;color:#757575}
			.detail_class dl.info dd.fid table td img{vertical-align:middle;margin-top:-1px;position:relative;}	
        .detail_class dl.info dd.btn {height:18px;text-align:right;margin-bottom:30px;}

/* 상세페이지 작품 소개,출연자 소개 */
.detail_class .introduce {clear:both;margin-left:10px;width:684px;}
	.detail_class .introduce h3{height:30px;padding-left:10px;background:url('/Images/common/bul_h3_ora.gif') no-repeat left 1px;}        
	.detail_class .introduce p.txt17{font:11px/1.7 dotum;color:#5B5B5B}
	.detail_class .introduce ul.list{width:673px;margin-left:10px;}
	.detail_class .introduce ul.list li{margin-bottom:5px;padding-left:10px;background:url('/Images/common/bul_dot_ora.gif') no-repeat left 5px;font:normal 11px/1.5 dotum;color:#5B5B5B;}

.detail_class .introduce dl.artist {clear:both;width:673px;margin-left:10px;margin-bottom:30px;min-height:150px;_height:150px;}
	.detail_class .introduce dl.artist dt{float:left;width:125px;}
		.detail_class .introduce dl.artist dt img{width:125px;height:149px;}
	.detail_class .introduce dl.artist dd{float:right;width:521px;vertical-align:top;padding:1px;}
		.detail_class .introduce dl.artist dd h4{margin-top:20px;height:18px;padding-left:7px;font:bold 12px/1.3 dotum;}
		.detail_class .introduce dl.artist dd p.tit{height:22px;margin-top:2px;padding-left:8px;background:url('/Images/common/bul_artist.gif') no-repeat left 7px;font:bold 13px/1.3	dotum;color:#3A3939;}
		.detail_class .introduce dl.artist dd p.txtD{margin-top:15px;font:normal 11px/1.7 dotum;color:#5B5B5B;letter-spacing:normal;}
	    .detail_class .introduce dl.artist dd ul li{margin-bottom:3px;;padding-left:10px;background:url('/Images/common/bul_dot_gr.gif') no-repeat 4px 7px;font:11px/1.5 dotum;color:#5B5B5B;}
	    .detail_class .introduce dl.artist dd ul li.noneB{margin-bottom:3px;;padding-left:10px;background:none;font:bold 11px/1.5 dotum;color:#5B5B5B;}	
	    
p.notice_txt {width:694px;font:11px/1.6 dotum;color:#FF6900;}

/* ul-style */	    
ul.pro_list{}
	ul.pro_list li{margin-bottom:2px;font:11px/1.6 dotum;color:#5B5B5B}
	ul.pro_list li.tit{margin-bottom:8px;font:bold 13px/1.6 dotum;color:#3A3939}