@charset "UTF-8";

#container { position:relative; width: 100%; }
.container:after { clear:both; float:none; content:""; display:block; height:0;}
#container .contents { background:none; min-height:827px;}
.hrline {clear:both; content:""; display:block; float:none;}
.inner {min-width:360px; width:1400px; margin:0 auto} /* Default :1400px */


.contents01 { position:relative; background:#f4f4f4;}
.contents02 { position:relative; background:#fff;}

/* 홍보이미지 메인 비주얼 */
.contents01 .c1m1  { position:relative; width:840px; height:640px;float:left;}
.contents01 .c1m1vis { position:relative; width:560px; height:640px; float:left;  }

#c1m1vis .control {position:absolute;left:0;bottom:0;width:100%;height:60px;margin:0px;background:url(../../images/main/mc_vis_control2.png) repeat-x 0 0;text-align:center}
#c1m1vis .control button {display:block;position:absolute;top:15px;float:none;width:31px;height:31px;background:url(../../images/main/img_main_tiny.png) no-repeat 0 -380px;font-size:0;vertical-align:top; }
#c1m1vis .control .btn_prev {left:406px;background-position:0 -300px}
#c1m1vis .control .btn_next {right:30px;background-position:0 -340px}
#c1m1vis .control .btn_stop {right:75px;background-position:0 -610px}
#c1m1vis .control .btn_play {display:none;right:75px;background-position:0 -650px}
#c1m1vis .bx-controls {position:absolute;bottom:0px;left:70px;width:100px;height:40px;background:none;color:#fff;line-height:40px;text-align:left;} 

#c1m1vis .control .bx-pager {	position: absolute;	bottom: 7px;	width: 100%; left: -70px;}
#c1m1vis .control .bx-pager {	text-align: center;	font-size: 1.25em;	font-family: Arial;	font-weight: bold;	color: #fff; }
#c1m1vis .control .bx-pager .bx-pager-item,
#c1m1vis .control .bx-controls-auto .bx-controls-auto-item {	display: inline-block;	/**zoom: 1;	*display: inline;*/ }
#c1m1vis .control .bx-pager.bx-default-pager a {	background: #666;	text-indent: -9999px;	display: block;	width: 9px;	height: 9px;	margin: 0 3px;	padding:0px;	outline: 0;	border:solid 1px #fff; /*	-moz-border-radius: 50%;	-webkit-border-radius: 50%;*/	border-radius: 50%;	background:transparent; }
#c1m1vis .control .bx-pager.bx-default-pager a.active { background:#fff;}

.contents01 .c1m1 #slider_visual li a img { width:100%; }

/* 이달의 공연전시 */
.contents01 .c1m1cal {width:280px; height:640px; float:right;  background:#3b3b3b;  }
.contents01 .c1m1cal .caltop { background:url(../../images/main/caltopbg.png); height:227pxpx;  text-align:center; color:#fff; } 
.contents01 .c1m1cal .caltop h3 {font-size:1.385em; padding:20px 0 0; }
.contents01 .c1m1cal .caltop p {font-size:1.231em; padding:0; }
.contents01 .c1m1cal .calBox  {height:275px; border-bottom:solid 1px #454545; padding:0 10px;  }
.contents01 .c1m1cal .calBox  table { }
.contents01 .c1m1cal .calBox  thead th { color:#ec5644; font-size:0.923em; height:45px;}
.contents01 .c1m1cal .calBox  tbody td  {color:#fff; font-size:1.154em; text-align:center; height:32px;line-height:25px; padding:5px 0 0}
.contents01 .c1m1cal .calBox  tbody td a {color:#fff;}
.contents01 .c1m1cal .calBox  tbody td.on{ background:url(../../images/main/img_main_tiny.png)  no-repeat 17px -847px; }
.contents01 .c1m1cal .calBox  tbody td.active {background:#ea5b49;}
.contents01 .c1m1cal .calList { height:305px; padding:20px 0 0 10px; color:#fff; font-size:0.923em; border-bottom:solid 1px #454545;}
.contents01 .c1m1cal .calList li {padding:33px 10px 33px 15px; box-sizing: border-box; }
.contents01 .c1m1cal .calList a {color:#fff; font-size:1.154em;}
.contents01 .c1m1cal .calList .placeTypeA {display:inline-block; margin-right:7px; background:#4864dc; text-align:center; width:15px; line-height:15px; height:14px; padding:1px 0 0;}
.contents01 .c1m1cal .calList .placeTypeB {display:inline-block; margin-right:7px; background:#62c162; text-align:center; width:15px; line-height:15px; height:14px; padding:1px 0 0;}
.contents01 .c1m1cal .calList .placeTypeC {display:inline-block; margin-right:7px; background:#8c48dc; text-align:center; width:15px; line-height:15px; height:14px; padding:1px 0 0;}
.contents01 .c1m1cal .calList .placeTypeD {display:inline-block; margin-right:7px; background:#16a074; text-align:center; width:15px; line-height:15px; height:14px; padding:1px 0 0;}
.contents01 .c1m1cal .calList .placeTypeG {display:inline-block; margin-right:7px; background:#ff0066; text-align:center; width:15px; line-height:15px; height:14px; padding:1px 0 0;}
.contents01 .c1m1cal .calList .placeTypeH {display:inline-block; margin-right:7px; background:#ff9933; text-align:center; width:15px; line-height:15px; height:14px; padding:1px 0 0;}
.contents01 .c1m1cal .more { color:#fff; line-height:60px; display:block; text-align:center; background:url(../../images/main/img_main_tiny.png)  no-repeat 50% -873px; font-size:0.846em;}

/* 게시판 */
.contents01 .c1m2  { width:470px; height:320px;position:relative; float:right; background:#fff; padding:40px 45px 0;}
.contents01 .c1m2 h3 { display:inline-block; height:34px; padding:0 17px; margin-bottom:10px; font-size:1.231em; color:#fff; background:#7E7057; line-height:34px; }
.contents01 .c1m2 .topnotice {border-bottom:solid 1px #e6e6e6; padding: 15px 0; }
.contents01 .c1m2 .topnoticetitle { font-size:24px; }
.contents01 .c1m2 .topnoticetitle a { color:#222; display: block; overflow: hidden; font-weight:300; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.contents01 .c1m2 .topnoticecont { display: none; color:#666; height: 20px; line-height: 1.4em; overflow: hidden; font-weight:300; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.contents01 .c1m2 .nt_list { margin:10px 0 0 ; }
.nt_list li {position:relative;  padding-bottom: 1px; width:100%; background:url(../../images/main/img_main_tiny.png) no-repeat 0 -809px; height:26px; line-height: 26px; list-style:none}
.nt_list li a {display: block; float: none !important; width: 100% !important; color:#1b1b1b;font-size:1.076em;line-height:2.142;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.nt_list li a:hover, .nt_list li a:active, .nt_list li a:focus {color:#3cb896;text-decoration:underline}
.nt_list li .subject {display: block; text-align: left; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-left:10px;margin-right: 80px;}
.nt_list li .date {position: absolute;top:0;right:0;color:#7c7c7c;font-size:11px;line-height:2.142;text-align: right}
.nt_list li .date span {display:none}
/*#mc_notice .nt_list li:first-child {padding-bottom:10px}*/
.c1m2 .more { position: absolute;    top: 45px;    right: 40px;    display: block;    width: 45px;    height: 30px;    padding-right: 15px;    background: url(../../images/main/notice_more.png) no-repeat 100% 50%;    color: #888;    line-height: 31px;    text-decoration: none; }


/*공연예매*/
.contents01 .c1m3  { width:280px; height:280px;position:relative; float:left; background:url(../../images/main/c103bg.png) no-repeat; }
.c1m3 h3 { font-size:1.846em; padding:40px 0 0 50px; color:#fff }
.c1m3 h3.TypeB { font-size:1.846em; padding:60px 0 0 0px; color:#444; line-height:1.1; }
.c1m3 p { font-size:1.077em; color:#fff; padding:0 50px; }

/*유튜브*/
.contents01 .c1m4  { width:280px; height:280px;position:relative; float:right; background:url(../../images/main/c104bg_2020.jpg) no-repeat; }
.c1m4 h3 { font-size:1.846em; padding:120px 0 0 0px; color:#fff; text-align: center; }
.c1m4 h3.TypeB { font-size:1.846em; padding:60px 0 0 0px; color:#444; line-height:1.1; text-align: center; }
.c1m4 p { font-size:1.077em; color:#fff; padding:0 0 0 0px; text-align: center; }
.c1m4 .lineTypeA { margin: 0 auto 0; text-align: center; }
.c1m4 .btnTypeA { margin-left: 0; }

/*공연시설*/
.contents02 .c2m1  { width:840px; height:280px;position:relative; float:left; background:#f0f0f0; }
#c2m1 ul {margin:auto; width:100%;}
#c2m1 ul li {width:25%; float:left; padding:40px 0 0;  text-align:center;}
#c2m1 ul li span.icon { background:url(../../images/main/icon_c20101.png) no-repeat; width:127px; height:140px; margin:auto; display:block; }
#c2m1 ul li a { background:url(../../images/main/img_main_tiny.png) no-repeat 50% -940px; display:block;}
#c2m1 ul li a .titkor { color:#454545; font-size:1.385em; display:block; line-height:1.2; padding:10px 0 0; }
#c2m1 ul li a img {margin-left:7px; margin-top:-2px;}
#c2m1 ul li:nth-child(2) span.icon {background:url(../../images/main/icon_c20102.png) no-repeat; }
#c2m1 ul li:nth-child(3) span.icon {background:url(../../images/main/icon_c20103.png) no-repeat; }
#c2m1 ul li:nth-child(4) span.icon {background:url(../../images/main/icon_c20104.png) no-repeat; }

/* 배너존 */
.contents01 .c1m2 #slider_visual li a img { width:100%; }
.contents02 .c2m2  { width:560px; height:280px;position:relative; float:right; }
#c2m2 .control {position:absolute;left:0;top:25px;width:100%;height:40px;margin:0px;text-align:center}
#c2m2 .control button {display:block;position:absolute;top:8px;float:none; width:37px;height:37px;background:url(../../images/main/img_main_tiny.png) no-repeat 0 -380px;font-size:0;vertical-align:top; }
#c2m2 .control .btn_prev {right:103px;background-position:0 -140px}
#c2m2 .control .btn_next {right:25px;background-position:0 -190px}
#c2m2 .control .btn_stop {right:64px;background-position:0 -420px}
#c2m2 .control .btn_play {display:none;right:64px;background-position:0 -470px}
#c2m2 .bx-controls {position:absolute;bottom:0px;left:25px; margin-left:-50px;width:100px;height:40px;background:none;color:#fff;line-height:40px;text-align:center;}

#c2m2 .control .bx-pager {	position: absolute;	bottom: 4px;	width: 100%; }
#c2m2 .control .bx-pager {	text-align: center;	font-size: .85em;	font-family: Arial;	font-weight: bold;	color: #666; }
#c2m2 .control .bx-pager .bx-pager-item,
#c2m2 .control .bx-controls-auto .bx-controls-auto-item {	display: inline-block;	*zoom: 1;	*display: inline; }
#c2m2 .control .bx-pager.bx-default-pager a {	background: #666;	text-indent: -9999px;	display: block;	width: 6px;	height: 6px;	margin: 0 3px;	padding:0px;	outline: 0;	border:solid 1px #fff; 	-moz-border-radius: 50%;	-webkit-border-radius: 50%;	border-radius: 50%;	background:transparent; }
#c2m2 .control .bx-pager.bx-default-pager a.active { background:#fff;}

/* 관람예절 */
.contents02 .c2m3  { width:280px; height:280px;position:relative; float:left; background:url(../../images/main/c203bg.png) no-repeat;}
.c2m3 h3 { font-size:1.846em; padding:40px 0 0 50px; color:#555 }
.c2m3 h3.TypeB { font-size:1.846em; padding:60px 0 0 0px; color:#444; line-height:1.1; }
.c2m3 p { color:#555; padding:0 50px; line-height:1.3; }

/* 대관안내 */
.contents02 .c2m4  { width:560px; height:280px;position:relative; float:left; background:url(../../images/main/c204bg.png) no-repeat;}
#c2m4 h3 { padding:30px 0 10px; color:#3f3a6b; font-size:1.769em;  letter-spacing:7px; text-align:center; padding-left:20px;}
#c2m4 ul {margin:auto; width:100%;}
#c2m4 ul li {width:33.33%; float:left; padding:0 0;  text-align:center;}
#c2m4 ul li:nth-child(2)  {width:33.34%;  }
#c2m4 ul li span.icon { background:url(../../images/main/icon_c20401.png) no-repeat; width:101px; height:110px; margin:auto; display:block; }
#c2m4 ul li p { color:#454545; font-size:1.154em; display:block; line-height:1.2; padding:10px 0 5px; }
#c2m4 ul li a { display:inline-block; padding:0px 15px; border:solid 1px #bebed6;  margin-top:-2px; color:#8585b1;}
#c2m4 ul li:nth-child(2) span.icon {background:url(../../images/main/icon_c20402.png) no-repeat; }
#c2m4 ul li:nth-child(3) span.icon {background:url(../../images/main/icon_c20403.png) no-repeat; }

/* 고객상담 */
.contents02 .c2m5  { width:280px; height:280px;position:relative; float:left; background:url(../../images/main/c205bg.png) no-repeat;}
.c2m5 h3 { font-size:1.846em; padding:35px 0 0 0; color:#fff; text-align:center; font-weight:normal; letter-spacing:4px; line-height:1.2;}
.c2m5 h3.TypeB { font-size:1.846em; padding:60px 0 0 0px; color:#444; line-height:1.1; }
.c2m5 .icons { background:url(../../images/main/icon_c20501.png) no-repeat; width:69px; height:69px; margin:auto; padding:0 0 15px;}
.c2m5 p { font-size:1.077em; color:#fff; padding:0 20px 0 35px; line-height: 1.6em; }

/* 신청서 다운로드 */
.contents02 .c2m6  { width:279px; height:280px;position:relative; float:left; background:#fff; border-right:solid 1px #f5f5f5; }
.c2m6 h3 { font-size:1.846em; padding:35px 0 0 0; color:#555555; text-align:center; font-weight:normal; letter-spacing:4px; line-height:1.2;}
.c2m6 h3.TypeB { font-size:1.846em; padding:60px 0 0 0px; color:#444; line-height:1.1; }
.c2m6 .icon { background:url(../../images/main/icon_c20601.png) no-repeat; width:139px; height:139px; margin:auto; padding:0 0 15px;}
.c2m6 p {  color:#777; padding:0 41px; text-align:center;  }

.lineTypeA { width:22px; height:1px; background:#fff; margin: 5px 0 10px 51px; padding:0 !important; }
.lineTypeA.t2 { background:#bbbbbb;}
.lineTypeB { width:22px; height:1px; background:#fff; margin: 14px auto; padding:0 !important; }

.btnTypeA { color:#fff !important; font-size:1.077em;line-height:32px; height:32px; padding:0 23px; border:solid 1px #fff; display:inline-block; margin: 14px 0 14px 51px; }
.btnTypeA span{ background:url(../../images/main/btnTypeDarr.png) no-repeat; display:inline-block; width:5px; height:7px; margin-left:12px;}
.btnTypeC { color:#de7647 !important; font-size:0em;line-height:31px; height:31px; width:31px; padding:0; border:none; display:block; background:url(../../images/main/btnTypeCarr.png) no-repeat; margin: 10px 0 0 49px; }




@media (max-width:1420px) {

	.inner { padding:0; width:840px;}
	#foot_util .inner { position: relative; min-width: 960px;  width:100%; }
	#headertop .inner { position: relative; min-width: 960px;  width:100%; }
	
	.contents01 .c1m2  { width:840px; height:260px;position:relative; float:left; background:#fff; padding:20px 45px 0; box-sizing: border-box; }
	.contents01 .c1m2 h3 { margin-bottom:10px;}
	.contents01 .c1m2 .topnotice {border-bottom:solid 1px #e6e6e6; padding-bottom:10px; }
	.contents01 .c1m2 .topnoticetitle { font-size:1.846em; }
	.contents01 .c1m2 .topnoticetitle a { color:#222; display: block;    overflow: hidden;  font-weight:300;   text-overflow: ellipsis;    white-space: nowrap;    word-wrap: normal;}
	
	.contents01 .c1m3 { width:560px; overflow:hidden;}
	
	.contents02 .c2m2  { position:relative; float:left;}
	.contents02 .c2m3  { position:relative; float:left;}
	
	
	.contents02 .c2m4  { width:280px; height:280px;position:relative; float:left; background:url(../../images/main/c204bg.png) no-repeat;}
	#c2m4 h3 { padding:30px 0 10px; color:#3f3a6b; font-size:1.769em;  letter-spacing:7px; text-align:center; padding-left:20px;}
	#c2m4 ul {margin:auto; width:100%;}
	#c2m4 ul li {width:100%; float:left; padding:0 0;  text-align:left; }
	#c2m4 ul li:nth-child(2)  {width:100%;  }
	#c2m4 ul li span.icon { background:url(../../images/main/icon_c20401.png) no-repeat; width:57px; height:57px; margin:0 10px 7px 30px; display:inline-block; background-size:57px 57px; vertical-align:middle; }
	#c2m4 ul li p { color:#454545; font-size:1.154em; display:inline-block; line-height:1.2; padding:10px 0 5px; }
	#c2m4 ul li a { display:inline-block; padding:0px 15px; border:solid 1px #bebed6;  margin-left:10px; color:#8585b1;}
	#c2m4 ul li:nth-child(2) span.icon {background:url(../../images/main/icon_c20402.png) no-repeat;  background-size:57px 57px;}
	#c2m4 ul li:nth-child(3) span.icon {background:url(../../images/main/icon_c20403.png) no-repeat;  background-size:57px 57px;}



}





@media (min-width:600px) and (max-width:799px) {

	.inner { padding:0; width:560px; position:relative;}	
	#foot_util .inner { position: relative; min-width: 640px;  width:100%; }
	.contents01 .c1m1  { width:560px; height:1280px;}
	.contents01 .c1m1 .c1m1cal {float:left;}
	.contents01 .c1m2  { position:absolute; top:640px; left:280px; width:280px; height:640px; background:#fff; padding:40px 18px 0; box-sizing: border-box; }
	.c1m2 .more { right: 18px; }
	.contents01 .c1m3 { width:280px; overflow:hidden; float: left;}
	
	.contents02 .c2m1  { width:560px; height:280px;position:relative; float:left; background:#f0f0f0; }
	#c2m1 ul {margin:auto; width:100%;}
	#c2m1 ul li {width:50%; float:left; padding:40px 0 0;  text-align:left;}
	#c2m1 ul li span.icon { margin-left:25px; background:url(../../images/main/icon_c20101.png) no-repeat; width:84px; height:84px; display:inline-block; background-size:84px 84px;}
	#c2m1 ul li a { width:160px; text-align:center;background:url(../../images/main/img_main_tiny.png) no-repeat 50% -940px; display:inline-block; vertical-align:top; margin-top:15px;}
	#c2m1 ul li a .titkor { color:#454545; font-size:1.385em; display:block; line-height:1.2; padding:10px 0 0; }
	#c2m1 ul li a img {margin-left:7px; margin-top:-2px;}
	#c2m1 ul li:nth-child(2) span.icon {background:url(../../images/main/icon_c20102.png) no-repeat;  background-size:84px 84px;}
	#c2m1 ul li:nth-child(3) span.icon {background:url(../../images/main/icon_c20103.png) no-repeat;  background-size:84px 84px;}
	#c2m1 ul li:nth-child(4) span.icon {background:url(../../images/main/icon_c20104.png) no-repeat;  background-size:84px 84px;}
	
	.contents02 .c2m4  { width:280px; height:280px;position:relative; float:left; background:url(../../images/main/c204bg.png) no-repeat;}
	#c2m4 h3 { padding:30px 0 10px; color:#3f3a6b; font-size:1.769em;  letter-spacing:7px; text-align:center; padding-left:20px;}
	#c2m4 ul {margin:auto; width:100%;}
	#c2m4 ul li {width:100%; float:left; padding:0 0;  text-align:left; }
	#c2m4 ul li:nth-child(2)  {width:100%;  }
	#c2m4 ul li span.icon { background:url(../../images/main/icon_c20401.png) no-repeat; width:57px; height:57px; margin:0 10px 7px 30px; display:inline-block; background-size:57px 57px; vertical-align:middle; }
	#c2m4 ul li p { color:#454545; font-size:1.154em; display:inline-block; line-height:1.2; padding:10px 0 5px; }
	#c2m4 ul li a { display:inline-block; padding:0px 15px; border:solid 1px #bebed6;  margin-left:10px; color:#8585b1;}
	#c2m4 ul li:nth-child(2) span.icon {background:url(../../images/main/icon_c20402.png) no-repeat;  background-size:57px 57px;}
	#c2m4 ul li:nth-child(3) span.icon {background:url(../../images/main/icon_c20403.png) no-repeat;  background-size:57px 57px;}



}




@media (max-width:599px) {

	.inner { padding:0; min-width: 280px;  width:280px; position:relative;}	
	#foot_util .inner { position: relative; min-width: 360px;  width:360px; }
	.contents02 .c2m2  { width:280px; height:140px;position:relative; float:right; }
	.contents01 .c1m1  { width:280px; height:960px;}
	.contents01 .c1m1vis { width:280px; height:320px;}
	.contents01 .c1m1vis #slider_visual li img {width:100%;}
	.contents02 .c2m2 #slider_popup li img { width:100%; }
	
	.contents01 .c1m2  { width:280px; height:320px;position:relative; float:right; background:#fff; padding:40px 18px 0; box-sizing: border-box; }
	.c1m2 .more { right: 18px; }
	.contents01 .c1m3 { width:280px; overflow:hidden;}
	
	.contents02 .c2m1  { width:280px; height:560px;position:relative; float:left; background:#f0f0f0; }
	#c2m1 ul {margin:auto; width:100%;}
	#c2m1 ul li {width:100%; float:left; padding:40px 0 0;  text-align:left;}
	#c2m1 ul li span.icon { margin-left:25px; background:url(../../images/main/icon_c20101.png) no-repeat; width:84px; height:84px; display:inline-block; background-size:84px 84px;}
	#c2m1 ul li a { width:160px; text-align:center;background:url(../../images/main/img_main_tiny.png) no-repeat 50% -940px; display:inline-block; vertical-align:top; margin-top:15px;}
	#c2m1 ul li a .titkor { color:#454545; font-size:1.385em; display:block; line-height:1.2; padding:10px 0 0; }
	#c2m1 ul li a img {margin-left:7px; margin-top:-2px;}
	#c2m1 ul li:nth-child(2) span.icon {background:url(../../images/main/icon_c20102.png) no-repeat;  background-size:84px 84px;}
	#c2m1 ul li:nth-child(3) span.icon {background:url(../../images/main/icon_c20103.png) no-repeat;  background-size:84px 84px;}
	#c2m1 ul li:nth-child(4) span.icon {background:url(../../images/main/icon_c20104.png) no-repeat;  background-size:84px 84px;}
	
	
	
	.contents02 .c2m4  { width:280px; height:280px;position:relative; float:left; background:url(../../images/main/c204bg.png) no-repeat;}
	#c2m4 h3 { padding:30px 0 10px; color:#3f3a6b; font-size:1.769em;  letter-spacing:7px; text-align:center; padding-left:20px;}
	#c2m4 ul {margin:auto; width:100%;}
	#c2m4 ul li {width:100%; float:left; padding:0 0;  text-align:left; }
	#c2m4 ul li:nth-child(2)  {width:100%;  }
	#c2m4 ul li span.icon { background:url(../../images/main/icon_c20401.png) no-repeat; width:57px; height:57px; margin:0 10px 7px 30px; display:inline-block; background-size:57px 57px; vertical-align:middle; }
	#c2m4 ul li p { color:#454545; font-size:1.154em; display:inline-block; line-height:1.2; padding:10px 0 5px; }
	#c2m4 ul li a { display:inline-block; padding:0px 15px; border:solid 1px #bebed6;  margin-left:10px; color:#8585b1;}
	#c2m4 ul li:nth-child(2) span.icon {background:url(../../images/main/icon_c20402.png) no-repeat;  background-size:57px 57px;}
	#c2m4 ul li:nth-child(3) span.icon {background:url(../../images/main/icon_c20403.png) no-repeat;  background-size:57px 57px;}
	
	.contents02 .c2m6  { width:278px; height:280px;position:relative; float:left; background:#fff; border-right:solid 1px #f5f5f5; border-left:solid 1px #f5f5f5; }
}