@charset "utf-8";
@media screen and (min-width:1025px){
	/* common */
	.open_kw, .menu-btn-outer { display: none; }
	#container, .gnb_inner, .rolling_poster .mask, .favorite_wrap > div, .cont_wrap > div, .ban_inner, footer > div { width: 1200px; }
	.gnb_wrap, .header_wrap, .rolling_poster, .favorite_wrap, .cont_wrap, .ban_wrap, footer { min-width:1500px; }
	.foot_menu { width: 920px;}
	/* main */
	.rolling_poster > div { width: 1250px; }
	.favorite_menu { width: 730px; }
	.cal_mob, .ctrl_fm { display: none; }
	/* board */
	.btnMonth a:nth-child(n+2):nth-child(-n+12) { margin-left:-1px;}
	.tableSt_list .bg-primary .wp15 { width: 14%;}
	.tableSt_list .bg-primary .wp25 { width: 20%;}
}
@media screen and (max-width:1024px){
	/* common */
	#wrap { overflow: hidden; background: #f6f8fa;}
	#conts { float: none !important; width: 100% !important; padding: 10px 20px; box-sizing: border-box; }
	.gnb_wrap, .rolling_poster, .ban_wrap, footer > div { width: 100%; }
	.gnb_wrap { border-bottom: 3px solid #ed4766; }
	.gnb_option, .header_wrap, .ad_search, .snb_wrap { display: none; }
	.ad_search { display: none; margin-left: 0; left: 0; top: 93px; height: 59px; z-index: 9999; width: 100%; border-radius: 0; box-sizing: border-box; background-color: #fff;}
	#wrap .main_ser { width: 80% !important; padding: 7px; border: none;}
	.search_select { height: 32px; margin: 12px 0 0 30px; background-position: 80px 9px; }
	.gnb_inner { padding-bottom: 16px; padding-top: 22px; }
	.gnb_inner h1 { text-align: center; }
	.open_kw { position: absolute;left:auto; right: 20px!important; top: 50%!important; margin-top: -20px; width: 40px; height: 40px; border: 1px solid #c7c7cd; border-radius: 3px; background: #fff url('../img/common/spr_ico_common.png') 6px -18px no-repeat; text-indent:-9999px; transition:all 1s;}
	.open_kw:hover, .menu-btn-outer:hover { border: 1px solid #ed4766;}
	.ban_inner, footer > div { width: 94%; margin: 0 auto; padding-bottom:10px;}
	.ban_box { width: 84%; }
	.foot_logo {position: absolute;left: -10px;top: 83px;margin: 0 0 0 20px;}
	.foot_logo + .fL { width: 100%; }
	.foot_menu { margin-top: 20px; }
	address { margin-left: 242px; }
	/* 메뉴버튼 */
	.menu-btn-outer { /*z-index:2001;*/width:40px; height:40px; position: absolute; left: 20px; top: 50%; margin-top: -20px; border: 1px solid #c7c7cd; border-radius: 3px; transition:all 1s; background: #fff;}
    .menu-btn { width:40px; height:40px; display:inline-block; vertical-align:middle; position:relative; /* -webkit-transform:translateZ(0);-webkit-backface-visibility:hidden */}
    .menu-btn .bar { transition:.24s cubic-bezier(.3,.74,.5,.93); display:inline-block; position:absolute; top:7px; left:0;
    				 width:28px; height:5px; border-radius: 15px; background-color:#ed4766; transform-origin:50%; }
    .menu-btn .bar--01 {top:8px; left: 5px;}
    .menu-btn .bar--02 {top:17px; left: 5px;}
    .menu-btn .bar--03 {top:26px; left: 5px;}
    .menu-btn.open .bar--01{top:11px; transform:rotate(45deg)}
    .menu-btn.open .bar--02{opacity:0.0;}
    .menu-btn.open .bar--03{top:11px; transform:rotate(-45deg)}
    /* side menu */
	nav.side_menu { display: none; position: absolute; right: 0; top: 0; z-index:99; }
	.side_menu > h2 { background:#fff url('/arts/img/common/logo.gif') no-repeat center; padding:29px 0px 42px 0; text-align:center;
	text-indent:100%; overflow:hidden; white-space:nowrap; }
	.side_menu ul > li > a { display:block; padding-left:3px; padding-right:10px; color:#fff; }
	.side_menu > ul > li > a {
	background:#e55d87;
	font-weight:600;
	font-size:16px;
	padding-top:11px;
	padding-bottom:10px;
	border-bottom:1px solid #e28da8;
	position: relative;
	padding-left: 33px;
	}
	.side_menu > ul > li > a:before {
	    content: '';
	    position: absolute;
	    width: 15px;
	    height: 15px;
	    left: 14px;
	    top: 14px;
	    border-radius: 50%;
	    background: #fff url(../img/common/spr_ico_common.png) 4px -150px no-repeat;
	}
	.side_menu > ul > li:first-child > a { border-top:0px; }
	.side_menu > ul > li > ul { background: #ec9bb5; padding:10px; }
	.side_menu > ul > li > ul > li > a {
		font-weight:normal;
		font-size:15px;
		padding-top:5px;
		padding-bottom:5px;
		color: #fff;
		}
	.btn_snb_open { display:none; }
	.side_menu > ul > li > ul > li > ul { background: #fff; border-radius: 6px; padding: 7px 0; margin: 3px 0 5px;}
	.side_menu > ul > li > ul > li > ul a { color: #9a9a9a; padding: 4px 0 4px 27px; position: relative; }
	.side_menu > ul > li > ul > li > ul a:before { content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 12px;
    top: 8px;
    border-radius: 50%;
    background: #c5c5c5 url(../img/common/spr_ico_common.png) -18px -153px no-repeat; }
    /* 패널슬라이드 */
	.slideout-menu {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 0;
		width: 256px;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		display: none;
		}
	.slideout-panel {
		position:relative;
		z-index: 100;
		}
	.slideout-open,
	.slideout-open body,
	.slideout-open .slideout-panel {
		overflow: hidden;
		}
	.slideout-open .slideout-menu {
		display: block;
		}

    /* main */
    .favorite_wrap > div, .cont_wrap { width: 100%; }
    .rolling_poster > div { width: 98%; margin: 0 auto; }
    .rolling_poster .mask { width: 95%; margin: 0 auto; }
    .favorite_wrap {background-image: none;height: auto;}
    .favorite_wrap dl {float: none;background-color: #21243a;border: 1px dashed #3d445c;display: table;width: 100%;/* height: 95px; *//* margin-top: 29px; */padding: 20px 40px; box-sizing:border-box;}
    .favorite_wrap h3 { left: 40px;}
    .favorite_menu { margin-left: 19%; width: 730px; }
    .favorite_wrap dt {margin: 20px 0 0 35px;vertical-align: middle;}
/*     .favorite_wrap dd li { float: left; margin-left:20px;} 
    .favorite_wrap dd li:first-child {margin-left:0;}*/
    /* .favorite_wrap dd li:first-child { margin: 0 100px 0 20px; } */
    /* .operating_hour { margin-top: 30px;} */
    .cont_wrap > div { width: 94%; }
    .calendar_wrap { height: 140px; }
    .cal_mob, .ctrl_fm { display: none; }
    .calendar { margin-left: 15.48%;}
    .ctrl_cal { width: 15%; }
    .calendar li:nth-child(n+11):nth-child(-n+15) .cal_detail,
    .calendar li:nth-child(n+25):nth-child(-n+31) .cal_detail { left: -146px; }
    .calendar li:nth-child(n+11):nth-child(-n+15) .cal_detail:before,
    .calendar li:nth-child(n+25):nth-child(-n+31) .cal_detail:before { left: 153px;}
    .calendar li:nth-child(n+16):nth-child(-n+20) .cal_detail { left: -335px; }
    .calendar li:nth-child(n+16):nth-child(-n+20) .cal_detail:before { left: 343px;}
    .calendar li:nth-child(n+21):nth-child(-n+24) .cal_detail { left: -455px; }
    .calendar li:nth-child(n+21):nth-child(-n+24) .cal_detail:before { left: 90.7%;}
    .main_notice { width: 62%; margin-left: 3%; margin-right: 3%; }
    .main_popzone { width: 31%; margin-right: 0 !important; }
    .main_reservation { border: none; width: 33%; position: relative; margin:6px 0 15px 0 !important; float: right !important; }
    .main_reservation:before { content: ''; display: block; clear: both;}
    .main_reservation ul { margin: 40px 0 0 24px; }
    .main_reservation ul li { margin: 26px 0 !important; }
    .main_reservation ul li:first-child { margin-right: 30px; }
    .main_sns { width: 100%; margin-top: 6px; }
    .main_sns ul { width: 100%; margin-left: 0; }
    .main_sns ul li { width: 20%; border: none; }
    .main_sns ul li a { display: block; width: 98%; margin: 0 auto; background:rgba(255, 255, 255, 0.5); border: 1px dashed #d9dadc; border-radius: 5px; box-sizing: border-box; text-align:center;}
    .main_sns .ico {margin: 2px 0px 2px 2px;}
    .main_sns .txt > span { display: inline-block; }
    .main_sns h3 { display: none; }
    .direct_menu { width: 64%; float: left; margin: -247px 0 0 10px; }
    .direct_menu li{width:22%;}
    .direct_menu li a{width:120px; height:120px;}
    .dm_tit { left: 30px; top: 446px; font-size: 20px; color: #00a0b8; width:130px; height:20px; overflow: visible !important; }
    .dm_tit:before { content: ''; position: absolute; width: 38px; height: 1px; top: -16px; left: 0; background: #00adc4;}
    /* board */
    .btnYear { float: none; left: 50%; margin: 0 0 10px -83px; }
	.btnMonth { float: none; width: 673px; margin: 0 auto; }
	.btnMonth a:nth-child(n+2):nth-child(-n+12) { margin-left:-1px;}
	.tableSt_list .bg-primary .wp15 { width: 16%;}

	/* 전당소개 - 연혁 */
	.history > ul > li:nth-child(even) .year{
	margin:0 0 0 77%;
	}
}
@media screen and (max-width:950px){
	/* 지휘자소개 */
	.conductor{
	width:100%;
	height:auto;
	background:url(../img/content/sub07/bg_conductor_header.jpg) center 35px no-repeat;
	border:10px solid #d1b295;
	padding: 100px 60px 190px 60px;
	}
	/* .favorite_wrap dd li {margin-left:10px;} */
}
@media screen and (max-width:900px){
	/* 전당소개 - 연혁 */
	.history > ul > li:nth-child(even) .year{
	margin:0 0 0 76%;
	}
	.history_director{
	width:100%;
	}
	.history_director li{
	width:33.33333333333333%;
	margin:0;
	}
	.history_director .director{
	margin:0 auto;
	width:90%;
	}
	.main_notice .tit a { width: 90%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.favorite_wrap dd li:first-child {float: none;}
	/* .operating_hour {margin-top:20px;} */
	.favorite_wrap dd li:nth-child(2) {margin-left:0;}
}

@media screen and (max-width:870px){
	/* main - reservation */
	.main_reservation li:first-child .ico.tel, .main_reservation .ticketlink{display: none;}
}


@media screen and (max-width:850px){
	/* 전당소개 - 연혁 */
	.history > ul > li:nth-child(even) .year{
	margin:0 0 0 74%;
	}
}
@media screen and (max-width:820px){
	/* 전당소개 - 연혁 */
	.history_director{
	position:relative;
	height: auto;
	}
	.history_director li{
	width:50%;
	margin-bottom:10px;
	}

}
@media screen and (max-width:806px){
	/* 전당소개 - 연혁 */
	.history{
	background:url(../img/content/bg_dashed.gif) center 25px no-repeat;
	}
}
@media screen and (max-width:800px){
	/* 지휘자소개 */
	.conductor{
	padding: 100px 40px 200px 40px;
	}
	.conductor h4{
	width:100%;
	}

	/* 전당소개 - 연혁 */
	.history > ul > li:nth-child(even) .year{
	margin:0 0 0 72%;
	}
}
@media screen and (max-width:768px){
	#conts { padding: 0 20px;}
	.path_wrap > ul > li { padding: 0 8px;}
	#wrap .main_ser { width: 73% !important; }
	.foot_logo { display: none; }
	.ban_box { width: 79%; }
	.foot_menu li { padding: 0 7px 0 8px; }
	#container { margin: 30px auto 0px; }
	address { margin-left: 0; }
	address p:nth-of-type(2) { display: none;  }
	address p:nth-of-type(3) { clear: both; display: block; }
	/* main */
	.ctrl_cal { width: 21%; }
	.calendar { margin-left: 23.48%; }
	.rolling_poster .list li { margin: 0 12px 0 0;}
	.rolling_poster .popup { margin-right: -8px; } /* 레이어 팝업 */
	.cont_wrap > div { width: 92%; padding-bottom: 130px; }
	.favorite_menu { width: 77%; }
	/* .favorite_wrap dd {width: 70%;}
	.favorite_wrap dd li:first-child {float:left;}
	.favorite_wrap dd li:nth-child(2) {margin-left:10px;}
	.favorite_wrap dd li:nth-child(3) {float:none;}
	.favorite_wrap dd li:nth-child(4) {margin-left:0;} */
	.main_notice { width: 96%; margin-bottom: 20px; }
	.main_notice .date { text-align: right; }
	.main_popzone { width: 43%; margin: 191px 0 0 3%; }
	.main_reservation { width: 47%; border-left: 1px solid #e6e7e7; margin: 160px 0 15px 0 !important;}
	.main_reservation ul { margin: 0 0 0 37px; }
	.main_reservation ul li { margin: 25px 0 !important; }
	.main_reservation li:first-child .ico.tel, .main_reservation .ticketlink{display: block;}
	.main_sns { top: 880px; float: none !important; position: absolute !important; }
	.dm_tit { left: 20px; top: 690px; }
	.direct_menu { width: 100%; margin: 560px 0 0 35px; float: none !important;}
	.calendar .cal_detail,
	.calendar li:nth-child(n+17):nth-child(-n+20) .cal_detail { left: -139px; }
	.calendar .cal_detail:before,
	.calendar li:nth-child(n+17):nth-child(-n+20) .cal_detail:before { left: 146px;}
	.calendar li:nth-child(n+6):nth-child(-n+8) .cal_detail,
	.calendar li:nth-child(n+21):nth-child(-n+23) .cal_detail { left: -221px; }
	.calendar li:nth-child(n+6):nth-child(-n+8) .cal_detail:before,
	.calendar li:nth-child(n+21):nth-child(-n+23) .cal_detail:before { left:228px; }
	.calendar li:nth-child(n+9):nth-child(-n+12) .cal_detail,
	.calendar li:nth-child(n+24):nth-child(-n+26) .cal_detail { left: -333px; }
	.calendar li:nth-child(n+9):nth-child(-n+12) .cal_detail:before,
	.calendar li:nth-child(n+24):nth-child(-n+26) .cal_detail:before { left:340px; }
	.calendar li:nth-child(n+13):nth-child(-n+16) .cal_detail,
	.calendar li:nth-child(n+27):nth-child(-n+31) .cal_detail { left: -454px; }
	.calendar li:nth-child(n+13):nth-child(-n+16) .cal_detail:before,
	.calendar li:nth-child(n+27):nth-child(-n+31) .cal_detail:before { left:461px; }
	/* 공연안내 > 목록 */
	.btnMonth { max-width: 673px; overflow:hidden; width:100%;}
	.btnMonth a {display:block; width:8.47%; box-sizing:border-box;}
	.tbl_wrap { width: 100%; overflow: hidden; overflow-x: scroll; }
	.tbl_wrap .tbl_guide { display: block; padding: 20px 0 10px 28px; color: #e55d87; font-size: 13px; font-weight: 600;
     line-height: 130%; position: relative;}
    .tbl_guide + .tableSt_list, .tbl_guide + .tbl_st { width: 800px; margin-bottom: 20px; }
    .tbl_wrap .tbl_guide:before { content: ''; width: 22px; height: 22px; position: absolute; left: 0; top: 16px; background: url('../img/common/spr_ico_common.png') -59px -328px no-repeat; }
	.btnWrap { margin-bottom: 15px; }
	/* 공연안내 > 뷰 */
	.detail_top dl { width: 338px;}
	.detail_top ul li span.th { width: 30%;}
	.detail_top ul li span.td { width: 70%;}
}
@media screen and (max-width:736px){
	#wrap .main_ser { width: 71% !important; }
	.foot_menu li { padding: 0 16px 0 14px; }
	.foot_menu li:last-child { padding-left: 0; margin-top: 5px;}
	/* main */
	.rolling_poster > div { width: 90%; }
	.rolling_poster .mask { width: 74%; }
	.rolling_poster .list li { margin: 0 30px 0 0;}
	.rolling_poster .popup, .cal { display: none;}
	.cal_mob, .main_sns .txt > span { display: block; }
	.cal_mob .btn_more { top: 11px; right: 20px; }
	.main_notice { margin-left: 0; width: 97%; }
	.main_sns { top: 900px;}
	.dm_tit { top: 710px; }
	.today_list > ul {height: 100px; overflow-y: auto;}
	.today_list > ul > li > a { display: block;}
}
@media screen and (max-width:732px){
	.foot_menu li:nth-child(5) { margin-top: 5px; padding-left: 0; float: none;}
}
@media screen and (max-width:723px){
	/* 전당소개 - 연혁 */
	.history{
	background:url(../img/content/bg_dashed.gif) 5px -8px no-repeat;
	margin-top:20px;
	margin-left:5px;
	min-height:auto;
	height:100%;
	}
	.history > ul > li:nth-child(odd){
	width:100%;
	margin-bottom:60px;
	}
	.history > ul > li{
	width:100%;
	margin-bottom:60px;
	}
	.history > ul > li:nth-child(even) .spot,
	.history > ul > li:nth-child(even) > ul{
	float:none;
	margin:0 10px -3px -5px;
	}
	.history > ul > li:nth-child(even) .year{
	margin:0;
	}
	.history .year{
	display:inline-block;
	}
	.history > ul > li:nth-child(odd) > ul,
	.history > ul > li:nth-child(even) > ul{
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 39px;
	}
}
@media screen and (max-width:700px){
	/* 지휘자소개 */
	.conductor{
	padding: 100px 30px 180px 30px;
	}
	.conductor h4 span{
	display:block;
	margin-top:10px;
	}
	.photo_conductor img{
	margin:55px 0 0 20px;
	}
}
@media screen and (max-width:667px){
	#wrap .main_ser { width: 68% !important; }
	.foot_menu li:nth-child(5) { float: left; padding-left: 0; margin-top: 5px; }
	.foot_menu li:last-child { padding-left: 14px; }
	.foot_menu li:last-child:after { top: 9px !important;}
	/* main */
	.rolling_poster .mask { width: 81%; }
	.favorite_wrap h3 { left: 28px; }
	.favorite_menu { width: 76%; margin-left: 21%; }
	.favorite_wrap dt { margin-left: 54px; }
	.main_popzone { width: 47%; margin: 191px 0 0 1%; }
	.main_reservation li:first-child .ico.tel, .main_reservation .ticketlink{display:none;}
	.dm_tit { left: 7px; top: 704px;}
	.direct_menu { margin: 560px 0 0 7px;}
	.ban_inner div { position: relative; height:15px; float: none; margin-left: -15px; }
	.ban_box { width: 100%; padding: 7px 0;}
	/* 공연안내 > 목록 */
	/* .btnMonth { height: 96px;} */
	.btnMonth a:last-child {  }
	/* 공연안내 > 뷰 */
	.detail_top p { width: 302px; }
	.detail_top dl { width: 298px; }
	.detail_top dt { line-height: 120%; }
	/* content */
	.box_inner li { width: 100%; float: none;}
}
@media screen and (max-width:640px){
	#wrap .main_ser { width: 67% !important; }
	/* main */
	.rolling_poster .mask { width: 85%; }
	.main_popzone { width: 49%; }
	.main_reservation ul { margin: 0 0 0 27px; }
	/* 공연안내 > 목록 */

	/* 공연안내 > 뷰 */
	.detail_top p { width: 282px; }
}
@media screen and (max-width:624px){
	/* 지휘자소개 */
	.conductor .name{
	padding:5px 20px;
	}
	.favorite_menu .tit {font-size:13px;}
	.favorite_wrap dd {width:80%;}
	.favorite_wrap dt {margin-left: 24px;}
	.main_notice .date{display: none;}
}
@media screen and (max-width:587px){
	/* 전당소개 - 연혁 */
	.history{
	background:none;
	border-radius:10px;
    background:rgba(255, 255, 255, 0.8);
    border:1px dashed #e0e0e0;
    padding:35px;
	}
	.history > ul > li:nth-child(odd) > ul,
	.history > ul > li:nth-child(even) > ul{
	display:block;
	margin-left:26px;
	margin-top:10px;
	}
	.history .spot{
	background: url(../img/content/spr_ico_cont.png) 0 -32px no-repeat !important;
	border-radius:0;
	width:14px;
	height:14px;
	margin:0 !important;
	}
	.history .year{
	font-size:22px;
	padding-left:5px;
	}
	.history > ul > li:nth-child(odd),
	.history > ul > li{
	margin-bottom:30px;
	height:auto;
	}
}
@media screen and (max-width:584px){
	/* 지휘자소개 */
	.conductor{
	padding:100px 25px 170px 25px;
	}
	.conductor .photo_conductor{
	text-align:center;
	}
	.photo_conductor img{
	margin:40px 0 0 0;
	float:none;
	}
	.conductor .name{
	display:block;
	margin-top:20px !important;
	text-align:center;
	margin:0 auto;
	}
}
@media screen and (max-width:568px){
	#wrap .main_ser { width: 63% !important; }
	.foot_menu li:nth-child(4) { padding-left: 0; margin-top: 5px; }
	.foot_menu li:nth-child(5) { padding-left: 14px; }
	.foot_menu li:nth-child(5):after { top: 5px !important;}
	/* main */
	.rolling_poster .mask { width: 45%; }
	.favorite_wrap h3 { display: none; }
	.favorite_menu { width: 90%; margin: 0 auto; float: none; }
/* 	.favorite_wrap dd {width:75%;} */
	/* .favorite_wrap dd li:first-child {}
	.favorite_wrap dd li:nth-child(3) {float:left;}
	.favorite_wrap dd li:nth-child(4) {margin-left:10px;} */
	.operating_hour {margin-top:10px;}
	.main_notice { margin-top: 25px; }
	.main_notice .tit a { width: 100%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.main_popzone { width: 97%; }
	.main_popzone .list { width: 288px; margin: 20px auto 0;}
	.main_reservation { width: 86%; border: none; margin: 17px 0 15px 0 !important; position: absolute; top: -10px; left: -29px;}
	.main_reservation ul { margin-left: 0;}
	.main_reservation ul li {width: 100%; float:none; padding-bottom: 25px;}
	.main_reservation ul li:first-child { border-bottom: 1px dashed #c6d2e0;}
	.main_reservation .ico { margin-right: 12px; }
	.main_reservation li:first-child .ico.tel, .main_reservation .ticketlink{display: block;}
	.dm_tit { top: 933px; }
	.direct_menu {top: 960px; position: absolute; margin: 0;}
	.direct_menu li { width: 50%; margin-right: 0;}
	.direct_menu li a { transform:scale(0.9); margin: 0 auto; width:136px; height:136px;}
	.main_sns .txt > span { display: inline-block;}
	.main_sns { top: 1260px }
	.main_sns ul li { width: 50%; margin-bottom: 10px; text-align:left;}
	.main_sns ul li a {text-align:left;}
	.main_sns .ico {margin-left:20px;}

	.cont_wrap > div { padding-bottom: 545px; }

	/* 공연안내 > 목록 */
	.btnMonth a {width:16.666%; margin-left:0 !important;}
	.btnMonth a + a {border-left-width:0;}
	.btnMonth > a:nth-child(7) {border-left-width:1px;}
	.btnMonth > a:nth-child(7),
	.btnMonth > a:nth-child(7) ~ * {border-top-width:0px;}

	/* 공연안내 > 뷰 */
	.detail_top p { display: none; }
	.detail_top dl { float: left; width: 100%; }
	.detail_top ul { width: 100%; }
	.detail_tab dt a, .detail_tab dt.on a { width: 145px; }
	.detail_tab dt.on a { background:url('../img/common/concert_tab_on_mob.gif') 0 0 no-repeat;}
	.detail_tab .tabImg dt { left: 145px; }
	.detail_tab dt.on span:before { left: -4px !important; }
	.detail_tab dt.on span { padding-left: 29px; }
	/* content */
	#content h6, #pop_container h6 { margin: 5px 0 0 6px; }
	.list_ul_h6, .list_num_h6 { margin: 15px 0 0 20px !important;}
	ul[class^="list_ul"] > li { padding-left: 17px; }
	ul[class^="list_ul"] > li > ul > li > ul > li { margin-left: 0; padding-left: 0; }
	/* 유료회원 안내 */
	.special, .vip { display: none; }
	.special + div, .vip + div { width: 100%; }
}
@media screen and (max-width:500px){
	/* 전당소개 - 연혁 */
	.history_director{
	height:auto;
	}
	.history_director li{
	width:100%;
	margin-top:20px;
	}
	.history_director li:first-child{
	margin-top:0;
	}
	.history_director li:last-child{
	position:relative;
	margin-left:0;
	left:0;
	}

	.favorite_wrap dt {marign-left:24px;}
}
@media screen and (max-width:414px){
	.search_select { display: none; }
	#wrap .main_ser { width: 78% !important; margin-left: 5%; }
	.foot_menu li:last-child { padding-left: 0;}
	/* main */
	.rolling_poster .mask { width: 62%; }
/* 	.favorite_wrap { height: 124px; } */
	.favorite_wrap dl {margin-top: 0;padding: 20px;}
	.favorite_wrap dt {margin-left: 18px;width:67px;}
/* 	.favorite_wrap dd {width:70%; margin-top: 15px;} */
	.favorite_wrap dd li { float: none; font-size:13px; margin-left: 0px;}
	.favorite_wrap dd li:first-child { margin: 0; }
	.favorite_menu { width: 800px; }
	.favorite_menu li { width: 100px; }
	.favorite_menu .ico { margin-top: 20px; }
	.operating_hour { margin-top: 0px; }
	.ctrl_fm { width: 100%; position: absolute; top:53px; display: block;}
	.ctrl_fm li { position: absolute; }
	.ctrl_fm li a { display: inline-block; width: 22px; height: 22px; border-radius: 3px; background:#161826 url('../img/main/spr_ico_main.png') -91px -97px no-repeat; text-indent:-9999px; transition:background-color 1s;}
	.ctrl_fm li a:hover { background-color: rgba(38, 43, 61, 0.9);}
	.ctrl_fm li.prev { left: 15px; }
	.ctrl_fm li.next { right: 15px; }
	.ctrl_fm li.next a { background-position: -107px -97px;}
	.mask_fm { width: 74%; height: 122px; margin: 0 auto; overflow: hidden; }

	/* board */

	.btnYear { margin: 0 0 10px -100px;}
	/* content */
	.tab_depth04 .list04 > li { width: 33.33333333333333%;}
	.tab_depth04 > ul > li > a.on:after { left: 45%; }
	.tbl_wrap .tbl_guide { padding: 20px 0 10px 24px;}
	.tbl_wrap .tbl_guide:before { transform:scale(0.9); top: 17px; }

	/* 지휘자소개 */
	.conductor h4 span{
	line-height:26px;
	}
}
@media screen and (max-width:412px){
	.foot_menu li:nth-child(5):after { top: 4px !important;}
	.ctrl_fm li.prev { left: 20px; }
	.ctrl_fm li.next { right: 20px; }
}
@media screen and (max-width:375px){
	#wrap .main_ser { width: 76% !important; }
	.foot_menu li { padding: 0 10px 0 10px; }
	/* main */
	.rolling_poster .mask { width: 69%; }
	.mask_fm { width: 79%; }
	/* .favorite_wrap dl {height:170px;} */
	.favorite_wrap dt {margin: 10px auto;float:none;/* padding-top: 10px; */padding-right: 20px;}
	.favorite_wrap dd {width:100%; margin-top: 0px;}
	/* .favorite_wrap dd li {float:left;} */
	.operating_hour {/* width: 80%; *//* margin: 0px auto; *//* text-align:center; */}
	.main_reservation { width: 88%; left: -25px;}
	.foot_menu li { padding: 0 14px 0 14px; }
	/* board */
	/* .btnMonth a {width:25%;} */
	.btnMonth > a:nth-child(7) {border-left-width:0;}
	.btnYear { margin: 0 0 10px -98px;}
	.btnMonth > a:nth-child(5) {border-left-width:1px;}
	.btnMonth > a:nth-child(5),
	.btnMonth > a:nth-child(5) ~ * {border-top-width:0px;}

	/* content */
	.box_scroll { padding: 5px; }
}
@media screen and (max-width:360px){
	.foot_menu li { padding: 0 11px 0 11px; }
	/* main */
	.rolling_poster .mask { width: 75%; }
	.mask_fm { width: 83%; }
	/*.favorite_wrap dt { margin: 20px 10px 0 55px; }*/
	.main_sns { top: 1250px; }
	.main_sns ul li { width: 100%; float: none; height: 52px; line-height: 55px;}
	.main_sns li .ico { margin: 0 23px 0 38px; }
	.main_sns ul li:nth-child(3) { margin-bottom: 10px; }
	.cont_wrap > div { padding-bottom: 587px; }
	/* content */
	#tit_wrap > h3 { font-size: 28px;}
	#content { padding: 0 0px 50px;}
}
@media screen and (max-width:335px){
	/* 지휘자소개 */
	.conductor{
	padding:100px 10px;
	}
}
@media screen and (max-width:320px){
	#wrap .main_ser { width: 73% !important; }
	.gnb_inner { padding-top: 29px; }
	.foot_menu li { padding: 0 7px 0 7px; }
	.foot_menu li a { font-size:14px; }
	address { margin-top: 10px; }
	/* main */
	.rolling_poster .mask { width: 82%; }
	.mask_fm { width: 84%; }
	.ctrl_fm li.prev { left: 15px; }
	.ctrl_fm li.next { right: 15px; }
	.favorite_wrap dt { margin: 20px 10px 0 43px; }
	.favorite_menu li { width: 90px; }
	.today_list > ul > li > a { width: 96%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.today_list > ul { height: 110px; }
	.main_notice .tabs > li > h3 > a { padding: 0 17px; }
	.gnb_inner h1 img { width: 170px; }
	/* board */
	.btnWrap { width: 101%;}
}