@charset "utf-8";

/*레이어팝업*/
#m_conts .popup {position: absolute; top:200px; z-index: 999999;} /*border:1px solid #555;*/
#m_conts .popup .btn_close { display: inline-block; width:45px; height:45px; background:url('../img/main/btn_close_box.png') 0 0 no-repeat; text-indent:-9999px; position: absolute; right:0px; top:0px;}
#m_conts .popup .btn_close2 { display: inline-block; width:45px; height:45px; background:url('../img/main/btn_close_box.png') 0 0 no-repeat; text-indent:-9999px; position: absolute; right:-40px; top:0px;}

/* #m_conts .pop01{top:10%; width:600px; height:400px;}
#m_conts .pop01 img{width:100%;}
#m_conts .pop02{top:130%; width:400px; height:auto;}
#m_conts .pop02 img{width:100%;}
#m_conts .pop03{top:130%; left:34%; right:0;width:400px;height:auto;}
#m_conts .pop03 img{width:100%;}
#m_conts .pop04{top:10%; left:43%;width:300px;height:auto;}
#m_conts .pop04 img{width:100%;}
#m_conts .pop05{top:10%; left:70%;width:300px;height:auto;}
#m_conts .pop05 img{width:100%;} */

#m_conts .pop01{}
#m_conts .pop01 .btn_more,
#m_conts .pop02 .btn_more{width:70px; height:70px; background:#fff; border-radius:50px; position:absolute; text-align:center; font-weight:600; padding-top:20px; box-sizing:border-box; top:210px; ; right:40px; ; line-height:17px; color:#ed4766; box-shadow:1px 1px 4px rgb(237, 71, 102); }
#m_conts .pop02{height:auto;}
#m_conts .pop03{right:0;width:400px;height:auto;}
#m_conts .popup img{width:100%; display:block;}

#m_conts .popup .pop_foooter {display:block; height:35px; width:100%; background-color:#31312f; color:#ffffff;}
#m_conts .popup .pop_foooter .btn_close3 { position:relative; float:right; margin:3px 10px 3px 0; border:1px solid #ffffff; color:#ffffff; padding:3px 5px; cursor:pointer;}
#m_conts .popup .pop_foooter .pop_check_box { position:relative; float:left; margin-left:10px; line-height:35px; }

@media screen and (max-width:1440px){
	.popup.pop01{position:relative;  left: 2%!important;}
	.popup.pop02{position:relative;  /*left: 70%!important;*/}
	.popup.pop03{position:relative;  /*left: 40%!important;*/}
	.popup.pop04{position:relative;  left: 2%!important;}
	.popup.pop05{position:relative;  left: 20%!important;}
	.popup.pop06{position:relative;  left: 40%!important;}
	.popup.pop07{position:relative;  left: 40%!important;}
}

@media screen and (max-width:1024px){
	.popup.pop01{position:relative;  top:8% !important; left: 2%!important;}
	.popup.pop02{position:relative;top:8% !important;left: 0!important;/}
	.popup.pop03{position:relative;left: 0!important;/* top:25% !important; */}
	.popup.pop04{position:relative;  left: 2%!important;}
	.popup.pop05{position:relative;  left: 20%!important;}
	.popup.pop06{position:relative;  left: 40%!important;}
	.popup.pop07{position:relative;  left: 40%!important;}
}

@media screen and (max-width:800px){
	#m_conts{position:relative;}
	#m_conts .popup .pop_foooter .pop_check_box{display:none;}
	#m_conts .popup {width:auto;max-width:100%;height:auto;top:0 !important;/* left:10% !important; */margin-left:0;display:block;}
}

@media screen and (max-width:768px){
	/*팝업*/
	#m_conts .pop01 .btn_more,
	#m_conts .pop02 .btn_more{font-size:0; top:20px; left:20px; width:30px; height:30px;  }
	#m_conts .pop01 .btn_more::after,
	#m_conts .pop02 .btn_more::after{content:'+'; font-size:20px;position:absolute; top:50%; margin-top:-8px; left:50%; margin-left:-6px;}
}



	
@media screen and (max-width:425px){
	#m_conts .popup {top:0 !important; left: 0 !important;}
}


.rolling_poster { height: 373px; background: #5b5b6b url('../img/main/bg_rolling_poster.jpg') center 0 no-repeat; }
.rolling_poster > div { margin: 0 auto; position: relative;}
.rolling_poster .ctrl_list { width: 100%; position: absolute; top: 150px; }
.rolling_poster .ctrl_list li { position: absolute; }
.rolling_poster .ctrl_list li a { display: inline-block; width: 21px; height: 57px; border-radius: 10px; background:rgba(66, 71, 85, 0.9) url('../img/main/spr_ico_main.png') 7px 23px no-repeat; text-indent:-9999px; transition:background-color 1s;}
.rolling_poster .ctrl_list li a:hover { background-color: rgba(38, 43, 61, 0.9);}
.rolling_poster .ctrl_list li.prev { left: 0; }
.rolling_poster .ctrl_list li.next { right: 0; }
.rolling_poster .ctrl_list li.next a { background-position: -17px 23px;}
.rolling_poster .mask { height: 350px; margin: 0 auto; overflow: hidden; }
.rolling_poster .list { width: 3000px; padding-top: 32px; margin-left: 5px;}
.rolling_poster .list li {  float: left; margin: 0 14px 0 0; }
.rolling_poster .list li a { display: block; margin-top: 20px; overflow: hidden; border-radius: 20px; position: relative; border: 1px solid #6e6673; box-sizing: border-box; }
.rolling_poster .list li a img { display: inline-block; width: 224px; height: 283px; vertical-align: bottom; }
.rolling_poster .list li a.on { margin-top: 0; border: 1px solid #e24a6a; box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.8); }
.rolling_poster .list li a .info { display: none; position: absolute; z-index: 9; left: 0; top: 0; width: 100%; height: 100%; border-radius: 10px; background: rgba(240, 81, 115, 0.95); text-align: center; }
.rolling_poster .list li a .info.on { display: block; }
.rolling_poster .list li a .info .type { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 30px 0 20px; background: #000; color: #e64563; font-size: 16px; font-weight: 600; border-radius: 50%; }
.rolling_poster .list li a .info .tit { color: #fff; font-size: 19px; font-weight: 600; letter-spacing: -1pt; line-height: 120%; padding: 0 20px; margin-bottom: 20px; box-sizing: border-box;}
.rolling_poster .list li a .info .date { color: #000; font-size: 15px; font-weight: 600; text-align: center; letter-spacing: -1pt; }
.rolling_poster .list li a .info .btn_more { display: block; color: rgba(255, 255, 255, 0.59); font-size: 38px; font-weight: 800; padding-top: 50px; }
.rolling_poster .list li a.on img { width: 224px; height: 303px; }
.rolling_poster .list .mask_dark { width: 100%; height: 100%; /*background: rgba(0, 0, 0, 0.3); */position: absolute; left: 0; top: 0;}

.favorite_wrap { height: 148px; background-color: #2d314d; background-image: url('../img/main/bg_favorite_l.png'), url('../img/main/bg_favorite_r.gif'); background-position: left top, right top; background-repeat: no-repeat;}
.favorite_wrap > div { width: 1200px; margin: 0 auto; position: relative;}
.favorite_wrap h3 { position: absolute; left: 0; top: -14px; width: 115px; height: 139px; background: url('../img/main/spr_ico_main.png') 0 -400px no-repeat; text-align: center !important;}
.favorite_wrap h3 span { display: block; position: absolute; left: 50%; width: 73px; height: 67px; color: #fff; font-weight: 600; font-size: 17px; }
.favorite_wrap h3 .ico { width: 17px; height: 15px; top: 15px; background: url('../img/main/spr_ico_main.png') -43px 0 no-repeat; margin-left: -14px; }
.favorite_wrap h3 .tit { width: 73px; top: 35px; margin-left: -41px; line-height: 120%;}
.favorite_menu { float: left; margin-left: 147px;}
.favorite_menu li { float: left; width: 16.66666666666667%; }
.favorite_menu li a { display: block; text-align: center !important;}
.favorite_menu span { display: inline-block; }
.favorite_menu .ico { width: 43px; height: 47px; background: url('../img/main/spr_ico_main.png') 0 0 no-repeat; margin: 35px auto 10px;}
.favorite_menu .tit { width: 90%; text-align: center; color: #aaa; font-weight: 600;}
.favorite_menu li a:hover .tit { color: #3dbbdf;}
.favorite_menu .facility { background-position: 4px -35px;}
.favorite_menu li a:hover .facility { background-position: -39px -35px;}
.favorite_menu .ticket {  background-position: 0 -88px;}
.favorite_menu li a:hover .ticket {  background-position: -43px -88px;}
.favorite_menu .performance { background-position: 4px -146px;}
.favorite_menu li a:hover .performance { background-position: -39px -146px;}
.favorite_menu .qna { background-position: 2px -207px;}
.favorite_menu li a:hover .qna { background-position: -41px -207px;}
.favorite_menu .letter { background-position: 3px -266px;}
.favorite_menu li a:hover .letter { background-position: -40px -266px;}
.favorite_menu .rental { background-position: 4px -329px;}
.favorite_menu li a:hover .rental { background-position: -39px -329px;}

.favorite_wrap dl {display:table; float: right; width: 280px; margin-top: 10px; }
.favorite_wrap dt { width: 75px;}
.favorite_wrap dt .ico { display: inline-block; width: 56px; height: 56px; border-radius: 50%; background: #1fbeb1 url('../img/main/spr_ico_main.png') -85px -24px; text-indent:-9999px;}
.favorite_wrap dt, .favorite_wrap dd {display:table-cell;  color: #fff; margin-top:33px;}
.favorite_wrap dd {margin-top: 10px;}

.cont_wrap { background: #f4f6f9; overflow: hidden; }
.cont_wrap:after, .cont_wrap > div:after { content: ''; display: block; clear: both;}
.cont_wrap > div { margin: 0 auto; padding: 24px 0 50px; position: relative; box-sizing: border-box; }
.calendar_wrap { width: 100%; height: 70px; background: #fff; border: 1px solid #d3d4dc; border-radius: 10px;}
.ctrl_cal { width: 12%; margin: 0 5px; position: relative;}
.ctrl_cal li { position: absolute; top: 30px; }
.ctrl_cal li a { display: inline-block; width: 11px; height: 14px; background: url('../img/main/spr_ico_main.png') -87px 0 no-repeat; text-indent:-9999px;}
.ctrl_cal .date { top: 25px; color: #000; font-weight: 700; font-size: 18px; letter-spacing: -1pt; margin-left: 42px;}
.ctrl_cal li:nth-child(2) { left: 15px; }
.ctrl_cal li:nth-child(3) { right: 10px; }
.ctrl_cal .btn_prev:hover { background-position: -119px 0;}
.ctrl_cal .btn_next { background-position: -104px 0; }
.ctrl_cal .btn_next:hover { background-position: -137px 0;}
.calendar { float: left; margin-left: 12.48%; position: relative; }
.calendar > li { float: left; position: relative; }
.calendar > li > a { display: block; padding: 25px 0 24px; width: 33px; box-sizing: border-box; color: #666; font-weight: 600; font-size: 16px; letter-spacing: -1.5pt; text-align: center;}
.calendar > li > a.be { background: url('../img/main/bu_arrw.gif') 55% 18px no-repeat;}
.calendar > li > a.today { background: #ef6781 url('../img/main/bu_arrw_on.gif') 55% 18px no-repeat !important; color: #fff;}
.calendar > li > a:hover, .calendar > li > a.on { background-color: #bfc3c9 !important; color: #fff;}
.calendar > li > a.be:hover, .calendar > li > a.be.on { background: #bfc3c9 url('../img/main/bu_arrw_on.gif') 55% 18px no-repeat; }
.calendar .on { color: #e9474b;}
.calendar .cal_detail { position: absolute; top: 63px; left: -16px; width: 510px; min-height: 30px; background: #ef6781; border-radius: 6px; z-index: 999; padding: 15px 20px; box-sizing: border-box; box-shadow:4px 4px 10px 0px rgba(50, 50, 50, 0.5); display: none;}
.calendar .cal_detail:before { content: ""; border-color: transparent transparent #ef6781 transparent; border-style: solid; border-width: 0px 10px 10px 10px; height: 0px; width: 0px; position:absolute; left: 23px; top: -7px; }
.calendar .cal_detail.on { display: block; }
.calendar li:nth-child(n+16):nth-child(-n+26) .cal_detail { left: -310px; }
.calendar li:nth-child(n+27):nth-child(-n+29) .cal_detail { left: -411px; }
.calendar li:nth-child(n+30):nth-child(-n+31) .cal_detail { left: -461px; }
.calendar li:nth-child(n+16):nth-child(-n+26) .cal_detail:before { left: 62.2%; }
.calendar li:nth-child(n+27):nth-child(-n+29) .cal_detail:before { left: 82%; }
.calendar li:nth-child(n+30):nth-child(-n+31) .cal_detail:before { left: 92%; }
.calendar .cal_inner { width: 100%; max-height: 233px; overflow-y: auto; }
.calendar .cal_inner a { color: #fff; }
.calendar .cal_inner a:hover { text-decoration: underline; font-weight: 600;}
.calendar .cal_inner a .type { display: inline-block; width: 40px; height: 40px; font-weight: 600; line-height: 40px; background: #2d314d; border-radius: 50%; text-align: center; margin-right: 12px; font-size: 13px;}
.calendar .cal_inner li, .today_list > ul > li { margin: 7px 0; }
.calendar .cal_inner li:after { content: ''; display: block; clear: both;}
.calendar .cal_inner .exhibition { background-color: #fff !important; color: #ef6781;}
.calendar .cal_detail .btn_close { display: inline-block; position: absolute; right: 15px; top: 15px; width: 20px; height: 20px; background: rgba(255, 255, 255, 0.2) url('../img/main/spr_ico_main.png') 4px -560px no-repeat; border-radius: 5px; text-indent:-9999px; }
.cal_mob { width: 100%; background: #fff; border: 1px solid #d3d4dc; padding: 15px 20px 5px; border-radius: 10px; box-sizing: border-box; position: relative; }
.cal_mob .tit { top: 25px; color: #ef6781; font-weight: 700; font-size: 20px; letter-spacing: -1pt; border-bottom: 1px solid #e9e9ed; }
.today_list:after { content: ''; display: block; clear: both; }
.today_list > ul { margin-top: 7px; }
.today_list > ul > li > a { color: #333;}
.today_list > ul > li > a > .type  { display: inline-block; width: 40px; height: 40px; font-weight: 600; line-height: 40px; color: #fff; background: #2d314d; border-radius: 50%; text-align: center; margin-right: 12px; font-size: 13px;}
.today_list > ul > li > a > .exhibition { background-color: #ed516f !important; }
.today_list > ul > li:last-child > span { display: inline-block; vertical-align: middle;}
.today_list .no_schedule { text-align: center; color: #9496ab; font-size: 19px; font-weight: 600; margin: 25px 0;}
.today_list .no_schedule .ico { width: 55px; height: 55px; background: #d3d4dc url('../img/main/spr_ico_main.png') no-repeat -232px -534px; border-radius: 50%; margin-right: 8px; }

div[class^="main_"] { float: left; position: relative; }
.cont_wrap:after, .cont_wrap > div:after, div[class^="main_"]:after { content: ''; display: block; clear: both;}
.main_notice { width: 43.41666666666667%; margin: 35px 4% 0 0; position: relative; } /* 521 1200, 48 1200 */
.main_notice .tabs > li { float: left; margin-right: 5px;}
.main_notice .tabs > li > h3 > a { display: block; cursor: pointer; padding: 0 21px; border-radius: 10px; height: 40px; line-height: 40px; font-size: 19px; color: #9eabba; border: 2px solid #d3dbe4; font-weight: 600; text-align: center;}
.main_notice .tabs > li > h3.on > a { background: #00bace; border: 2px solid transparent; }
.main_notice .tabs > li > h3.on > a  { color: #fff;}
.main_notice .tabs > li > h3:before { display: none; }
.main_notice .tabs > li ul > li { width: 100%; margin: 7px 0; }
.main_popzone h3 { font-size: 20px; color: #00a0b8;  }
.main_notice h3:before, .main_popzone h3:before { content: ''; position: absolute; width: 38px; height: 1px; top: -16px; left: 0; background: #00adc4; }
.main_notice h3 + ul { margin-top: 25px;}
.main_notice li { /* margin: 14px 0; */ float: left;}
.main_notice span { display: inline-block; font-size: 15px; letter-spacing: -0.5pt;}
.main_notice .tit  { width: 79%; display: inline-block; font-size: 15px; }
.main_notice .tit a { color: #666; padding-left: 9px; }
.main_notice .tit a:hover { color: #333; font-weight: 600; text-decoration: underline;}
.ico_new { background: #00adc4 url('../img/main/spr_ico_main.png') -189px -80px no-repeat; width: 14px; height: 13px; color: #fff; text-indent:-9999px; border-radius: 2px; margin: 0 0 3px 8px; vertical-align: middle;}
.main_notice .date { width: 20%; color: #888; text-align:right;}
.main_notice .btn_more, .cal_mob .btn_more { position: absolute; top: 6px; right: 0; width: 33px; height: 33px; border-radius: 50%; background: #fff url('../img/main/spr_ico_main.png') -147px 8px no-repeat; border: 1px solid #ddd; text-indent:-9999px; box-sizing: border-box;}
.main_notice .btn_more:hover { background-position: -176px 8px; }
.main_notice .tab-content { width: 100%; position: absolute; left: 0; top: 57px; overflow: hidden; display: none; }
.main_notice .tabs > li > h3.on + .tab-content { display: block; }
.main_popzone { width: 24%; margin: 50px 2.833333333333333% 0 0; } /* 288 1200, 34 1200 */
.ctrl_popzone { position: absolute; right: 0; top: 0; height: 20px; }
.ctrl_popzone li { float: left; border: 1px solid #e8e8e8; margin-left: -1px;}
.ctrl_popzone li a { display: block; width: 19px; text-indent:-9999px; background: #fff url('../img/main/spr_ico_main.png') -92px -76px no-repeat;}
.ctrl_popzone li .btn_prev:hover { background-position: -92px -97px;}
.ctrl_popzone li .btn_stop { background-position: -125px -76px;}
.ctrl_popzone li .btn_stop:hover { background-position: -125px -97px;}
.ctrl_popzone li .btn_play { background-position: -142px -76px;}
.ctrl_popzone li .btn_play:hover { background-position: -142px -97px;}
.ctrl_popzone li .btn_next { background-position: -109px -76px;}
.ctrl_popzone li .btn_next:hover { background-position: -109px -97px;}
.ctrl_popzone li .btn_list { background-position: -162px -76px;}
.ctrl_popzone li .btn_list:hover { background-position: -162px -97px;}
.main_popzone .list { margin-top: 20px; height: 138px; overflow: hidden;}
.main_popzone .list img { width: 288px; height: 138px; border: 1px solid #fff; box-sizing: border-box;}

.main_reservation { width: 25.75%; border-left: 1px solid #e6e7e7; box-sizing: border-box; margin: 50px 0 40px 0;}
.main_reservation ul { margin-left: 33px; }
.main_reservation ul li { margin: 33px 0;}
.main_reservation ul li:after { content: ''; display: block; clear: both;}
.main_reservation ul li:first-child { margin-top: 0;}
.main_reservation ul li:last-child { margin-bottom: 0;}
.main_reservation .ico { float: left; display: inline-block; width: 72px; height: 72px; border-radius: 50%; background: #c6d2e0 url('../img/main/spr_ico_main.png') -91px -115px no-repeat; margin-right: 25px; transition:background-color 1s;}
.main_reservation .ico:hover { background-color: #eab6ba;}
.main_reservation .ticketlink { background-position: -88px -183px;}
.main_reservation .info { float: left;  }
.main_reservation .info span { display: block; font-weight: 700;}
.main_reservation li:first-child .tit { color: #0d121e; font-size: 15px; padding: 8px 0; }
.main_reservation li:first-child .tel { color: #e47a2d; font-size: 21px; letter-spacing: -0.5pt;}
.main_reservation li:last-child .tit { width: 90px; height: 34px; background: url('../img/main/spr_ico_main.png') -99px -272px no-repeat; text-indent:-9999px; margin-top: 5px;}
.main_reservation li:last-child .tel > span { display: inline-block; color: #0d121e; font-size: 15px; padding: 8px 0; }
.main_reservation li:last-child .tel .num { color: #37aa01; margin-left: 3px; font-size: 16px;}

.main_sns:after { content: ''; display: block; clear: both;}
.main_sns h3 { width: 139px; height: 132px; background: #546b9d url('../img/main/bg_h3_sns.png'); color: #fff; font-size: 20px; padding: 29px 0 0 21px; box-sizing: border-box; position: relative;}
.main_sns h3 span  { display: block; margin: 4px 0;}
.main_sns h3, .main_sns ul { float: left; }


/*
.main_sns ul { margin-left: 8px; width: 350px; }
.main_sns ul li { float: left; width: 34%; height: 67px; line-height: 67px; border: 1px dashed #d9dadc; box-sizing: border-box; margin-right:-3px;}
.main_sns ul li:first-child { border-top: none; border-bottom: none; border-left: none;}
.main_sns ul li:nth-child(2){ border-top: none; border-left:none;}
.main_sns ul li:nth-child(3) { border-left: none; border-top: none; border-right:none; }
.main_sns ul li:nth-child(4) { border-left: none; border-bottom: none;}
.main_sns ul li:last-child { border-left: none; border-bottom: none; }
.main_sns span { display: inline-block; vertical-align: middle;}

.main_sns .ico { width: 44px; height: 44px; background: url('../img/main/spr_ico_main.png') -130px -321px no-repeat; margin: 2px 13px 0 13px; margin-right:0px; }

.main_sns .txt { color: #888; font-size: 13px; font-weight: 600; margin-top: 0;}
.main_sns .txt:hover { color: #333;}
.main_sns .cafe { background-position: -128px -313px; }
.main_sns .twitter { background-position: -128px -350px; }

.main_sns .instagram { background-position: -128px -350px; }
.main_sns .blog { background-position: -128px -390px; }
.main_sns .facebook { background-position: -128px -428px; }
.main_sns .kakao { background-position: -128px -467px; }
*/

.main_sns ul { margin-left: 20px; width: 360px; }
.main_sns ul li { float: left; width: 33.33%; height: 67px; line-height: 67px; border: 1px dashed #d9dadc; box-sizing: border-box;}
.main_sns ul li:first-child{border-top: none; border-left: none;}
.main_sns ul li:nth-child(2){border-top: none;}
.main_sns ul li:nth-child(3){border-top: none; border-left: none; border-right: none;}
.main_sns ul li:nth-child(4){border-bottom: none;border-left: none;}
.main_sns ul li:nth-child(5){border-bottom: none;}

.main_sns span { display: inline-block; vertical-align: middle; }
.main_sns .ico {width: 40px;height:44px;background: url(../img/main/spr_ico_main.png) -130px -321px no-repeat;margin: 2px 5px 0 7px;}
.main_sns .txt { color: #888; font-size: 16px; font-weight: 600; margin-top: 0;}
.main_sns .txt:hover { color: #333;}

.main_sns .blog { background-position: -128px -391px; }
.main_sns .instagram { background-position: -128px -350px; }
.main_sns .facebook { background-position: -128px -426px; }
.main_sns .kakao { background-position: -128px -467px; }
.main_sns .youtube {background-position: -128px -504px;}



.main_sns .txt > span { display: block; margin: 0;}

.direct_menu { width: 52.58333333333333%; float: right;} /* 631 1200 */
.direct_menu li { float: left; margin-right: 3%; }
.direct_menu li:last-child {margin-right: 0;}
.direct_menu li a { position: relative; display: block; width: 136px; height: 136px; border-radius: 50%; color: #888; font-size: 15px; background-color: #fff;font-weight: 600; text-align: center; border: 4px solid #e8ebef; box-sizing: border-box; transition:box-shadow 1s;}
.direct_menu li a:hover { color: #00adc4; font-weight: 700; border: 4px solid transparent; background-color: #fff; box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.4); }
.direct_menu li .tit { margin-top: 20px; display: inline-block; }
.direct_menu li .map { background-image: url('../img/main/spr_ico_main.png'), url('../img/main/bg_dm.gif'); background-position: -211px 50px, 0 0; background-repeat: no-repeat, repeat;}
.direct_menu li .seat { background-image: url('../img/main/spr_ico_main.png'), url('../img/main/bg_dm.gif'); background-position: -214px -74px, 0 0; background-repeat: no-repeat, repeat; }
.direct_menu li .membership { background-image: url('../img/main/spr_ico_main.png'), url('../img/main/bg_dm.gif'); background-position: -215px -214px, 0 0; background-repeat: no-repeat, repeat;}
.direct_menu li .membership .tit { margin-top: 14px;}
.direct_menu li .membership .tit > span { display: block; margin: -4px 0 0 0; }
.direct_menu li .complaint { background-image: url('../img/main/spr_ico_main.png'), url('../img/main/bg_dm.gif'); background-position: -215px -351px, 0 0; background-repeat: no-repeat, repeat;}
.direct_menu li .map:hover, .direct_menu li .seat:hover, .direct_menu li .membership:hover, .direct_menu li .complaint:hover
{ background-image:url('../img/main/spr_ico_main.png'), none; }

.ban_wrap { clear: both; background: #fff; border-top: 1px solid #ededed; }
.ban_inner { margin: 0 auto; min-height:54px; padding: 0; position: relative;}
.ban_inner h3 { float: left; margin-top: 17px;}
.ban_inner h3 a { font-size: 17px; color: #333;}
.ban_control { float:left; width:83px; height:22px; margin:17px 0 0 20px; padding:0;}
.ban_control li {float:left; width:20px; height:20px; margin:0 1px 0 0;}
.ban_control li:last-child { margin-right: 0;}
.ban_control li a {display:inline-block; width:20px; height:20px; background:url('../img/main/spr_ico_main.png') -92px -76px no-repeat; overflow:hidden; text-indent:-9999px; white-space:nowrap;}
.ban_control li .prev {background-position:-92px -76px;}
.ban_control li .prev:hover {background-position:-92px -97px;}
.ban_control li .stop {background-position:-125px -76px;}
.ban_control li .stop:hover { background-position: -125px -97px;}
.ban_control li .play {background-position:-142px -76px;}
.ban_control li .play:hover { background-position: -142px -97px;}
.ban_control li .next {background-position:-109px -76px;}
.ban_control li .next:hover { background-position: -109px -97px;}
.ban_control li .list {background-position:-162px -76px;}
.ban_control li .list:hover {background-position:-162px -97px;}
.ban_box {overflow:hidden; width:86%; height:25px; padding:0; margin-top: 17px; float:left;position:relative; }
.ban_list { position: relative; width: 3000px; }
.ban_inner div{position: absolute; top:0px; right:0px;}
.ban_list li {float:left; position: relative;}
.ban_list li:after { content: ''; position: absolute; right: 0; top: 10px; width: 3px; height: 3px; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; background:#eaeaea; }
.ban_list li > a {display:block; padding:0 15px;color: #888; font-size: 15px; letter-spacing: -0.5pt;}
.ban_list li > a:hover { color: #333;}
.ban_list li > a img {width:142px; height:38px;}


/*
.main_container {
	width:100%;

}

.main_content {
	width:1100px;
	margin:0 auto;
	position:relative;
}

비쥬얼

.visual_warp {
	width:100%;
	min-height:395px;
	background:url(../images/main/bg_visual.jpg) no-repeat center top;
	background-size:cover;
	position:relative;
}

.visual_container {
	width:1100px;
	margin:0 auto;
	position:relative;
    text-align: center;
    padding-top:360px;
}

.visual_container li {
	display:inline;
}
.visual_container span[class^="visual"]{
	display:block;
	width:100%;
	position:absolute;
	top:0px;
	z-index:20;
	}
.visual_container li a{
	width:14px;
	height:14px;
	overflow:hidden;
	position:relative;
	display:inline-block;
	z-index:30;
	text-indent:-999px;
	white-space:nowrap;
	background:url(../images/main/indi_visual_off.png) no-repeat center top;
}
.visual_container li a.on{
	width:49px;
	height:14px;
	background:url(../images/main/indi_visual_on.png) no-repeat center top;
}

.visual_container span.visual01 {
	width:100%;
	display:block;
	min-height:395px;
	background:url(../images/main/visual_01.jpg) no-repeat center top;
	background-size:cover;
}
.visual_container span.visual02 {
	width:100%;
	display:block;
	min-height:395px;
	background:url(../images/main/visual_02.jpg) no-repeat center top;
	background-size:cover;
}
.visual_container span.visual03 {
	width:100%;
	display:block;
	min-height:395px;
	background:url(../images/main/visual_03.jpg) no-repeat center top;
	background-size:cover;
}


.visual_control  {
	display:block;
	text-indent:-999px;
	overflow:hidden;
	position:relative;
	z-index:30;
	white-space:nowrap;
}

.visual_container li a.play{
	width:14px;
	height:14px;
	background:url(../images/main/bt_visual_play.png) no-repeat center center;
}

.visual_container li a.stop{
	width:14px;
	height:14px;
	background:url(../images/main/bt_visual_stop.png) no-repeat center center;
}



바로가기

.quickLink {
	width:622px;
	height:88px;
	position:absolute;
}

.quickLink li {
	float:left;
}

.quickLink li a{
	width:103px;
	height:88px;
	text-align:center;
	display:block;
	color:#fff;
	line-height:16px;
	font-family:'NanumGothicWebB';
}

.quickLink li.icon01 a{
	width:105px;
}
.quickLink li.icon06 a{
	width:105px;
}

.quickLink li.icon01 a{
	background-color:#0072bc;
}

.quickLink li.icon01 a span{
	width:103px;
	height:60px;
	display:block;
	background:url(../images/main/img_quickLink_01.png) no-repeat center 15px;
}
.quickLink li.icon01 {
	content:"";
	border-bottom:5px solid #005d99;
}

.quickLink li.icon02 a{
	background-color:#00a2d3;
}


.quickLink li.icon02 a span{
	width:103px;
	height:60px;
	display:block;
	background:url(../images/main/img_quickLink_02.png) no-repeat center 10px;
}
.quickLink li.icon02 {
	content:"";
	border-bottom:5px solid #0084ab;
}


.quickLink li.icon03 a{
	background-color:#ff9620;
}


.quickLink li.icon03 a span{
	width:103px;
	height:60px;
	display:block;
	background:url(../images/main/img_quickLink_03.png) no-repeat center 10px;
}
.quickLink li.icon03 {
	border-bottom:5px solid #cf7a1a;
}

.quickLink li.icon04 a{
	background-color:#ffb817;
}


.quickLink li.icon04 a span{
	width:103px;
	height:60px;
	display:block;
	background:url(../images/main/img_quickLink_04.png) no-repeat center 10px;
}
.quickLink li.icon04 {
	border-bottom:5px solid #cf9612;
}


.quickLink li.icon05 a{
	background-color:#ff6d5f;
}


.quickLink li.icon05 a span{
	width:103px;
	height:60px;
	display:block;
	background:url(../images/main/img_quickLink_05.png) no-repeat center top;
}
.quickLink li.icon05 {
	border-bottom:5px solid #cf594d;
}

.quickLink li.icon06 a{
	background-color:#59d6b4;
}


.quickLink li.icon06 a span{
	width:103px;
	height:55px;
	display:block;
	background:url(../images/main/img_quickLink_06.png) no-repeat center 10px;
}
.quickLink li.icon06 {
	border-bottom:5px solid #48ae92;
}

새소식

.news {
	width:622px;
	min-height:230px;
	margin-top:93px;
	position:relative;
}

.news h2 {
	line-height:45px;
	display:inline-block;
}

 .news h2.notice a{
  padding:0 15px;
  background:url(../images/main/ln_notice_h2.gif) no-repeat right center;
 }

 .news h2 a.on{
 	display:block;
	color:#888;
	font-size:21px;
	font-family:'NanumGothicWebB';
 }
 .news h2 a.on span {
 	color:#0072bc;
 }

 .news h2 a{
 	display:block;
	color:#888;
	font-size:18px;
	line-heihgt:45px;
	font-family:'NanumGothicWebB';
 }

  .news h2.photo {
   	position:absolute;
  	left:120px;
  	top:0px;
  }
  .news h2.photo li a span{
 	display:block;
	color:#888;
	font-size:18px;
	line-heihgt:45px;
	font-family:'NanumGothicWebB';
 }

 .news ul.notice_list {
	width:582px;
 	margin:0 10px;
  	padding:20px 10px 0 10px;
	border-top:1px dashed #ccc;
 }

 .news ul.notice_list a {
	display:block;
 	color:#666;
   	line-height:40px;
 	font-size:14px;
 	font-family:'NanumGothicWeb';
 	background:url(../images/main/bul_notice.gif) no-repeat left 20px;;
 	padding-left:15px;
 }

  .news ul.notice_list li {
  	width:100%;
  }

  .news ul.notice_list li span.title {
  	width:80%;
  	color:#555;
   	font-family:'NanumGothicWebB';
  	display:inline-block;
   	overflow:hidden;
   	vertical-align:middle;
    text-overflow: ellipsis;
	white-space:nowrap;
  }

  .news ul.notice_list li span.date {
  	width:20%;
  	color:#888;
  	font-size:13px;
  	text-align:right;
  	 display:inline-block;
  }


  .news a.btn_more {
  	width:40px;
  	height:40px;
  	position:absolute;
  	right:20px;
  	top:0px;
  	display:block;
  	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
 	background:url(../images/main/bt_plus_news.gif) no-repeat center center;
  }

  .news ul.photo_list li {
  	width:33%;
  	float:left;
  	text-align:center;
  }

 .news ul.photo_list a span {
	display:block;
 	font-size:14px;
 	margin-top:10px;
 	color:#333;
 	font-family:'NanumGothicWeb';
 	padding-left:15px;
    overflow:hidden;
	white-space:nowrap;
    text-overflow: ellipsis;
 }



 .first_group {
 	width:622px;
	 float:left;
 }




  팝업존

  .popupzone {
    min-height: 333px;
    position: absolute;
    right: 0;
    top:0;
  }
  .popupzone .h2_box {
  	width:199px;
  	min-height:303px;
  	float:left;
  	padding:20px 20px 0 20px;
  	background-color:#ffcb08;
  	position:relative;
  }

 .popupzone .h2_box:after{
	content: '';
	border-left: 13px solid #ffcb08;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    right:-13px;
   	top:35%;
    margin-left: -8px;
    z-index: 80;
 }

    .popupzone h2 {
    font-size:18px;
   	font-family:'NanumGothicWeb';
    color:#a18005;
    }

   	.popupzone h2 span {
   	display:block;
    font-size:21px;
   	font-family:'NanumGothicWebB';
    color:#fff;
    margin-top:10px;
   	}

   	.popupzone .h2_box  > dl {
   	min-height:130px;
   	padding-bottom:50px;
   	margin-top:30px;
   	color:#7d6a23;
    font-family:'NanumGothicWebB';
   	}

   	.popupzone .h2_box  > dl > dt {
   	font-size:16px;
   	margin-bottom:10px;
  	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
   	}


  .popupzone .control_box {
  width:100%;
  min-height:34px;
  padding-top:10px;
  position:absolute;
  bottom:0;
  left:0;
  background-color:#ffeda9;
  }
   .popupzone .control_box h2 {
  	width:45%;
	float:left;
   }




 .popupzone .control_box h2 a,
 .popupzone .control_box dt {
 	font-size:13px;
    color:#312700;
    margin-left:20px;
    font-family:'NanumGothicWebB';
 }

   .popupzone .control_box dl {
   width:55%;
   float:left;
   margin-top:2px;
   }

  .popupzone .control_box dt {
  float:left;
  padding-left:10px;
  }

  .popupzone .control_box dd {
	float:right;
	padding-right:10px;
  }

    .popupzone .control_box dd a{
  	width:20px;
  	height:20px;
  	display:block;
  	text-indent:-999px;
	overflow:hidden;
	white-space:nowrap;
	float:left;

  }

.popupzone .control_box dd a.prev {
 	background:url(../images/main/bt_popupzone_prev.png) no-repeat center center;
}
.popupzone .control_box dd a.stop {
 	background:url(../images/main/bt_popupzone_stop.png) no-repeat center center;
}
.popupzone .control_box dd a.play {
 	background:url(../images/main/bt_popupzone_play.png) no-repeat center center;
}
.popupzone .control_box dd a.next {
 	background:url(../images/main/bt_popupzone_next.png) no-repeat center center;
}

 .popupzone > ul {
 	float:left;
 }

 .popupzone li a {
 	display:block;
 	height:333px;
 }

 .popupzone li img{
 	width:239px;
 	height:333px;
 }


전시안내

.exhibition {
	width:622px;
	height:257px;
	float:left;
}

.exhibition > ul {
	float:left;
}

.exhibition li img{
	width:311px;
	height:257px;
}

.exhibition .h2_box {
  	width:271px;
  	min-height:237px;
  	float:left;
  	padding:20px 20px 0 20px;
  	position:relative;
 	background:url(../images/main/bg_exhibition.png) no-repeat right top;
  }

.exhibition .h2_box:after{
	content: '';
	border-right: 13px solid #00a2d3;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    left:-3px;
   	top:45%;
    margin-left: -8px;
    z-index: 80;
 }

 .exhibition h2 {
 	font-size:18px;
 	padding-bottom:20px;
    color:#bbefff;
    font-family:'NanumGothicWeb';
 }
  .exhibition h2 span {
  	display:block;
 	font-size:30px;
 	color:#fff;
 	margin-top:10px;
    font-family:'NanumGothicWebB';
  }
   .exhibition dl {
   width:100%;
   margin-top:15px;
   float:left;
   }

   .exhibition dt a{
   width:40%;
   font-size:24px;
   line-height:28px;
   float:left;
   color:#bbefff;
   font-family:'NanumGothicWebB';
   }

   .exhibition dt a:hover{
   color:#024067;
   }

   .exhibition dd{
   width:60%;
   font-size:12px;
   line-height:14px;
   float:left;
   color:#08485c;
   font-family:'NanumGothicWebB';
   }


   행사계획

   .year_event {
   	width:438px;
	height:237px;
  	padding:20px 20px 0 20px;
  	position:relative;
	float:left;
	background:url(../images/main/bg_event.png) no-repeat right top;
	}

   .year_event h2 {
 	font-size:30px;
 	color:#fff;
    font-family:'NanumGothicWebB';
   }
    .year_event h2 span {
    padding-left:10px;
    font-size:18px;
    color:#992014;
    }

    .year_event  a.btn_more {
  	width:40px;
  	height:40px;
  	position:absolute;
  	right:20px;
  	top:15px;
  	display:block;
  	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
 	background:url(../images/main/bt_plus_event.gif) no-repeat center center;
  }

.scrollbox{
	background:url(../images/main/bg_event_news.png) repeat center center;
	overflow: auto;
	height:160px;
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 0 none;
    border-left: 0 none;
    margin-top: 20px;
	}

    .year_event  ul a {
	width:95%;
	display:block;
 	color:#666;
   	line-height:32px;
 	font-size:14px;
 	font-family:'NanumGothicWeb';
 	background:url(../images/main/bul_event.png) no-repeat left 5px;
 	padding-left:5%;
 }

    .year_event  ul li {
  	padding:0 3%;
  }

    .year_event  ul li span.title {
  	width:70%;
  	color:#333;
   	font-family:'NanumGothicWebB';
  	display:inline-block;
  	overflow:hidden;
    text-overflow: ellipsis;
	white-space:nowrap;
  }

    .year_event  ul li span.date {
  	width:30%;
  	color:#c16e66;
  	font-size:13px;
  	text-align:right;
  	 display:inline-block;
  }

  베너모음

  .banner_wrap {
  width:100%;
  min-height:43px;
  padding:20px 0;
  position:relative;
  background-color:#e9e9e9;
  }
  .banner_wrap > div {
  width:1100px;
  margin:0 auto;
  position:relative;
  }

  .box_banner {
	position: relative;
	margin-left: 177px;
	width: 895px;
	height: 45px;
	overflow: hidden;
}


   .banner_wrap ul {
   position:relative;
   height: 45px;
   float:left;
   overflow: hidden;
   }
  .banner_wrap ul li {
  	float:left;
  	margin-left:20px;
  }

   .banner_wrap h2 {
  	width:97px;
  	font-size:13px;
 	color:#333;
	position:absolute;
	top:0px;
	left:20px;
    font-family:'NanumGothicWebB';
   }

   .banner_control  {
   width:97px;
	position:absolute;
	top:23px;
	left:20px;
   }

   .banner_control a {
    float:left;
  	overflow:hidden;
	display:block;
	text-indent:-999px;
	white-space:nowrap;
   }

   .banner_control a.all {
    width:30px;
    height:21px;
   	background:url(../images/main/bt_banner_all.png) no-repeat left top;
   }

    .banner_control a.left {
    width:23px;
    height:21px;
   	background:url(../images/main/bt_banner_left.png) no-repeat left top;
   }
    .banner_control a.right {
    width:22px;
    height:21px;
   	background:url(../images/main/bt_banner_right.png) no-repeat left top;
   }
    .banner_control a.stop {
    width:22px;
    height:21px;
   	background:url(../images/main/bt_banner_stop.png) no-repeat left top;
   }
    .banner_control a.play {
    width:22px;
    height:21px;
   	background:url(../images/main/bt_banner_play.png) no-repeat left top;
   }





   @media screen and (max-width:1024px){


.visual_warp {
	width:100%;
	min-height:295px;
}

.visual_container {
    padding-top:260px;
}

 .visual_container span {
 	width:80% !important;
	margin: 0 10%;
 	min-height:295px !important;
 }

   	.banner_wrap {
	display:none;
	}

	.visual_container {
	width:auto;
	}


	.quickLink,
	.popupzone {
		float:none;
	}

	.popupzone {
	margin-top:93px;
	min-height:282px;
	}


	.first_group{
	width:100%;
	}
 	.main_content{
 	width:auto;
 	}

	 .quickLink {
	 width:100%;
	 position:absolute;
	 left:0;
	 top:0;
	 }
	 .quickLink li{
	 width:16.6%;
	 text-align:center;
	 }

	 .quickLink li.icon01,
	 .quickLink li.icon06{
	width:16.8%;
	}

	 .quickLink li a {
	 width:100% !important;
	 font-size:12px;
	 }


	.quickLink li a span{
	  width:100% !important;
	  background-size:80%;
	  }

	 .news {
	 width:50%;
	 margin-top:93px;
	 min-height:282px;
	 }

	.news ul {
	width:96%;
	padding:2%;
	}
	.news ul li span.date {
	display:none;
	}

	 .news ul.photo_list li {
	 width:50%;
	 }

	 .news ul.photo_list li:last-child {
	 display:none;
	 }

	 .popupzone {
	width: 50%;
	}

	.popupzone .h2_box {
	width:40%;
	padding:20px 5% 0 5% !important;
	min-height:auto;
	}

	.popupzone h2,
	.popupzone h2 span {
	font-size:17px;
	letter-spacing:-1px;
	}
	.popupzone ul {
	width:50%;
	}

	.popupzone li img {
		width:100%;
	}

	.popupzone .h2_box  > dl > dd {
   	font-size:12px;
   	}

	.popupzone .control_box h2 a,
 	.popupzone .control_box dt {
 	font-size:12px;
    color:#312700;
    margin-left:0px;
    font-family:'NanumGothicWebB';
	 }

	.popupzone .control_box dd {
	float:right;
	padding-right:0px;
  }
	 .popupzone .control_box h2 {
  	width:40%;
  	padding-left:5%;
  	float:left;
  	}

   .popupzone .control_box dl {
   width:50%;
   padding-right:5%;
   float:left;
   margin-top:2px;
   }

	.exhibition dd{
	display:none;
	}


	.second_group {
	width:100%;
	float:left;
}


	.exhibition {
	width:50%;
	float:left;
	}
	.exhibition > ul{
	width:50%;
	}
	.exhibition li img{
	width:100% !important;
	}
	.exhibition .h2_box {
	width:40%;
	padding:20px 5% 0 5% !important;
	background-size:cover;
	}
	.exhibition .h2_box dt a{
	width:100% !important;
	}

	.year_event {
	float:left;
	width:44%;
	padding:20px 3% 0 3% !important;
	background-size:cover;
	}

	.year_event ul {
	width:100%;
	}


   }



   @media screen and (max-width:767px){


	.visual_warp {
	width:100%;
	min-height:190px;
}

.visual_container {
    padding-top:155px;
}

 .visual_container span {
 	width:100% !important;
 	margin:0 !important;;
 	min-height:190px !important;
 }

   	.banner_wrap {
	display:none;
	}

	.visual_container {
	width:auto;
	}


	.news,
	.popupzone {
	   width:100%;
	   float:none;
	   position:relative !important;
	}

	.news {
	min-height:200px;
	}
	.news ul.photo_list li {
	 width:33%;
	 padding-bottom:10px;
	 }

	.news ul.photo_list li img {
	width:80%;
	}

	 .news ul.photo_list li:last-child {
	 display:block;
	 }

	.popupzone{
	margin-top:0;
	}
	.popupzone .h2_box{
	min-height: 313px;
	}

	.exhibition{
	   width:100%;
	   float:none;
	   position:relative !important;
	}

	.exhibition li {
	height:257px;
	}

	.year_event {
	width:94%;
	padding: 20px 3% 0 3% !important;
	}
	.year_event  ul {
  	background-size:cover;
 }
  .news ul.notice_list {
	width:90%;
 	margin:0 10px;
  	padding:2%;
	border-top:1px dashed #ccc;
 }

} */

/*bxslider*/
.bx-wrapper {border:0; box-shadow:none;}
.bx-pager {display:none;}
.bx-controls-auto {display:none;}
@media screen and (max-width: 1024px){
 .rolling_poster > div {width:100% !important; height:100%;}
 .bx-wrapper {height:100%;}
 .bx-wrapper img {height:100%; max-width:none; position:relative; left:50%; margin-left:-625px;}
}
 
 /* 공연 포스터 임시 고정 */
 .fixed_poster {position:absolute; height:283px; top:258px; left:calc(50% - 355px); overflow: hidden; border-radius: 20px; border: 1px solid #6e6673; box-sizing: border-box; z-index:100;}
 .fixed_poster img {width:224px; height:100%;}
 
 .fixed_poster2 {left:calc(50% - 115px);}
 
 @media screen and (max-width: 1024px){
 .fixed_poster { top:59px; left:calc(50% - 112px);}
}

/* VR투어 팝업 */
.vr-pop {position:fixed;bottom:10%;right:80px;}
.vr-pop a.link-btn {display:block;width:224px;height:283px;background-color:#9773fb;border-radius:15px;text-align:center;}
.vr-pop span.title {display:block;padding-top:30px;}
.vr-pop span.obj {position:absolute;bottom:-20px;left:-20px;display:block;width:270px;height:195px;}
.vr-pop .popup_close_btn {position:absolute;top:-20px;right:-20px;width:40px;height:40px;text-indent:-99999px;background:#000 url(../img/main/vr_pop_close.svg) no-repeat 50% 50%;border-radius:50%;}


@media screen and (max-width:768px){
	/* VR투어 팝업 */
	
	.vr-pop {bottom:5%;right:30px;}
	.vr-pop a.link-btn{width:150px;height:200px;}
	.vr-pop a.link-btn img {width:100%;}
	.vr-pop span.title {width:100%;}
	.vr-pop span.obj {bottom:0;left:-15px;width:180px;height:110px;}
	.vr-pop .popup_close_btn {top:-15px;right:-15px;width:30px;height:30px;background-size:24px;}
}