@media screen and (max-width:1500px) {
    .inner_box { padding:0 10px; -webkit-box-sizing:border-box; box-sizing:border-box; }


    /*=== main ====*/
    #mainVisual li .txt { padding:0 10px; -webkit-box-sizing:border-box;
    box-sizing:border-box; }
    .mainCalen .inner_box { padding:0; }
    .mainCalen .list ul { margin-right:10px; }
    .main_board { padding:95px 10px 105px; }
    .main_banner .inner_box { padding:0 25px; }
    .main_banner .bx-wrapper { max-width:100% !important; }
    .main_banner .bx-controls a.bx-prev { left:5px; }
    .main_banner .bx-controls a.bx-next { right:5px; }

    /*=== sub ====*/
}

@media screen and (max-width:1300px) {
	#cont { }
	.inner1400 { padding:0 15px;}
	.tab_s1 .inner1300 { padding:0 0;}
}

@media screen and (max-width:1100px) {
    #wrap { min-width:inherit; }

    #mainHeader { border-bottom:1px solid rgba(255,255,255,.2); }
    .header .hSns, .header .hlink, #mainHeader nav { display:none; }
    #mainFooter .f_con address { clear:both; margin-left:0; padding:25px 0 0; }
    #mainFooter .f_bottom { text-align:center; }
    #mainFooter .f_bottom > div { float:none; }
    #mainFooter .f_bottom .copyright { float:none; margin-top:20px; }

    /*=== main ====*/
    #mainVisual li .txt { max-width:100%; }
    #mainCon .summary .inner_box { padding:0; }
    #mainCon .summary li { width:50%; }
    #mainCon .summary li:nth-child(1), #mainCon .summary li:nth-child(2) { border-bottom:1px solid rgba(255,255,255,.3); }
    #mainCon .summary li .num { left:5px; }
    .main_perform .list { height:auto; }
    .main_perform .slick-list { padding:0 !important; }
    .main_perform .slick-current + .slick-slide { margin-top:0; -webkit-box-shadow:none; box-shadow:none; }
    .main_perform li .ov { opacity:1; }
    .slick-arrow.slick-prev { left:-10px; }
    .slick-arrow.slick-next { right:-10px; }
    .mainCalen .calender { display:none; }
    .mainCalen .list { width:100%; padding-bottom:70px; }
    .main_video video { width:auto; min-width:100%; height:100%; }
    .main_video .txt p br { display:none; }
    .main_board li br { display:none; }

    /*=== sub ====*/
    #subVisual {/* height:455px;*/ }
    #subVisual h2 { padding-top:82px; }
    .lnb { display:none; }

	.lnb#lnb6 { display:block; }
	.lnb#lnb6 .btn_home { left:0; }
	.lnb#lnb6 nav { left:0; right:0; }
	.lnb#lnb6 nav li { width:25%; padding:0; text-align:center; }
	.lnb#lnb6 #btn_print { display:none; }
    /*
    .lnb .btn_home { left:0; border-left:none; }
    .lnb nav { display:none; }
    #btn_print { display:none; }
    */
    .subtitle { padding:50px 10px 20px; font-size:50px; }

    .infoTxt > div { padding-left:50px; }

    /* 티켓 리스트 */
    .reseveList dl { padding:0; }
    .reseveList dt { margin-bottom:50px; }
    .reseveList dd { padding-left:0; }
    .reseveList dd li.price { margin-bottom:10px; }
    .reseveList dd li strong em { margin-left:0; margin:0 10px 5px 0; }

    /* 티켓 뷰 */
    .ticketViewCon .tabStyle li { margin-right:0; }
    .ticketViewCon .detail .tit h3 { margin-left:10px; }
    .ticketViewCon .detail .sns { right:10px; }
    .ticketViewCon .detail .sns dd { left:auto; right:0; margin-left:0; }
    .ticketViewCon .detail .sns dd:before { right:28px; background-position:right bottom; }
    .ticketViewCon .detail .viewCon { padding:0 5%; }

    /* 지난 공연 상단 */
    .sortCon { padding:24px 10px 19px; }
    .sortCon .sWeek a { width:80px; }
    .sortCon ul { -webkit-width:calc(100% - 118px); -moz-width:calc(100% - 118px); -o-width:calc(100% - 118px); -ms-width:calc(100% - 118px); width:calc(100% - 118px); }

    /* calender */
    .calenderCon .tit { margin:95px 10px 80px; }
    .calenderCon .tit a:before { width:50px; }
    .calenderCon .tit a.prevMonth:before { right:-50px; }
    .calenderCon .tit a.nextMonth:before { left:-50px; }
    .calenderCon .pc { display:none; }
    .calenderCon .mobile { display:block; }

    /* 멤버십 */
    .mbsCon > section { padding:85px 10px 50px; }
    #mbs > div > dl { width:49%; }
    #mbs > div > dl:first-child { margin-right:2%; }
    #mbs .img { padding-bottom:45%; }
    #mbs .txt { padding:0 10px; }
    #mbs .txt dt { width:80px; }
    #mbs .txt dd { left:auto; padding:17px 0 17px 20px; }
    #mbs .txt dl:first-child dd:before { left:0; right:0; }
    #mbs .txt dd br { display:none; }
    #discount .con > div { display:block; }
    #discount .con .dotLst { padding-bottom:15px; }
    #discount .con tbody th { background:rgba(200,200,200,.5); }
    #joinInfo li:nth-child(1) { width:20%; }
    #joinInfo li dl { padding-left:0; }

    /* 예매 가이드 */
    .gdCon br { display:none; }
    .gdCon .br { display:block; }
    .gdCon .tabCon { padding:0 10px; }
    .gdCon .tit .sec_tit { width:auto; }
    .gdCon .tit .icons { display:block; margin-top:20px; }
    .gdCon .con dl { padding:50px 10px 45px; }
    .gdCon .con dt { margin-right:0; }
    .gdCon .box2colmns > div {  width:100%; }
    .gdCon .box2colmns .left { margin:0 0 50px; }
    .gdCon .box2colmns > div > div { height:auto; padding:30px 20px; }
    .gdCon .box2colmns .dotLst { position:static; min-height:125px; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
    #cancle .tbl1 { max-width:inherit; }


	/* 페스티벌 */
	.info_s1 > div { float:none; width:100% !important;}
	.info_s1 .txt_box { margin-top:30px;}
	.info_s1 { margin-top: 45px; padding:0;}
	.tit_s2 p { font-size:60px; line-height:1;}


	/* 주요 사업*/
	.tab_con_wrap .info { padding: 0 26px; margin-bottom:30px;  }
	.yoon_world .top_info {padding-top:55px;}
	.yoon_world .top_info .tit p { font-size:45px;}
	.tit_s3 h5, .tit_s3 .cate { padding-left: 26px;	}


	/* 꿈의오케스트라 */
	.txt_box_s2 .txt { font-size:22px; }
	.txt_box_s2 .txt br { display:none;}


	/* 윤이상의 삶*/
	.img_txt_box ul li.align_mid > div { text-align:center; }
	.img_txt_box ul li.align_mid > div, 
	.img_txt_box ul li.align_mid > p  { width:100% !important; display:block; }
	.img_txt_box ul li.align_mid > p  { padding:0; margin-top:18px;}
	.img_txt_box ul li.align_mid > p.pd_10 { margin-top:20px;}
	.tab_con_wrap .info > div {
		margin-bottom:20px;
	}
	.tab_con_wrap .txt p { font-size:11px; line-height:1.875em; margin-bottom:30px; }
	.tab_con_wrap .txt1 p { font-size:0.85em; line-height:1.875em; margin-bottom:30px; padding-top: 15px;}
	.translate_y_180,
	.translate_y_55 {
		transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
	}
	.translate_y_180 .img { 
		padding-top: 0;
	}
	.tab_s1 > div > ul > li > .tab_s2 > li { width:20%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:20px 0;}

	.top_txt_s1 { padding-left:0 !important;}
	.tab_con_wrap .txt .tit { font-size:20px;}
	.tab_con_wrap .txt .tit br { display:none;}
	.tab_con_wrap .left_img .img_tit { letter-spacing:-0.5px;}
	.yoon_world .top_info .tit p { font-size:40px;}
	.yoon_world .top_info dl dt span { font-size:24px;}
	.yoon_world .top_info dl dt { font-size:22px;}
	.tab_con_wrap .txt_box_s1 > .txt_s1.w838,
	.tab_con_wrap .txt_box_s2 > div,
	.tab_con_wrap .txt_box_s1 > div { width:100% !important; float:none; padding-left:0 !important;}
	.tab_con_wrap .txt_box_s2 .left_img,
	.tab_con_wrap .txt_box_s1 .left_img {  text-align:center; margin-bottom:30px; font-size:0; letter-spacing:-4px; }
	.tab_con_wrap .txt_box_s2 .left_img p,
	.tab_con_wrap .txt_box_s1 .left_img p { display:inline-block; letter-spacing:-0.5px; width:100%; margin-right:4%;}
	.tab_con_wrap .txt_box_s2 .left_img p:last-child,
	.tab_con_wrap .txt_box_s1 .left_img p:last-child { margin:0; }
	.tab_con_wrap .info { padding: 0 0; }
	.mt_70 { margin-top:0 !important; }
	.img_txt_box ul li.align_mid > p.pd_40 { padding-left:0;}
	.img_txt_box ul li.align_mid > div.img { margin-bottom:20px; padding-right:0;}
}

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

    /*=== main ====*/
    #mainVisual li .txt { width:auto; right:25px; }
    .mainVis .bx-pager { right:15px; }
    .main_perform li .ov { padding-bottom:50px; }
    .main_perform li .ov:before { bottom:-15px; width:36px; height:36px; }
    .main_iconLnk li { width:33.333%; margin-bottom:20px; }
    .main_board li { width:49%; margin:0 2% 10px 0; }
    .main_board li:nth-child(2n) { margin-right:0; }

    /*=== sub ====*/
    #subVisual { /*height:400px;*/ }
    .subtitle { font-size:40px; }
    .subtitle span { margin-left:15px; padding-left:20px; font-size:20px; }
    .tabStyle li { min-width:50px; margin-right:20px; }
    .tabStyle li a { line-height:50px; font-size:15px; }

    /* 티켓 리스트 */
    .reseveList dt { margin-bottom:30px; font-size:25px; }
    .reseveList dd ul { margin-bottom:25px; }
    .reseveList dd li > span { width:70px; padding-left:28px; font-size:15px; }
    .reseveList dd li > strong { font-size:16px; }
    .reseveList dd .btn_reserve { /*margin-left:98px;*/ width:150px; line-height:40px; font-size:18px; }

    /* 티켓 뷰 */
    .ticketViewCon .tabStyle li a { line-height:50px; }

    /* 지난 공연 상단 */
    .sortCon .sWeek a { width:118px; }
    .sortCon .sWeek { float:none; overflow:hidden; }
    .sortCon .sDate { float:none; overflow:hidden; margin-top:10px; }

    /* 멤버십 */
    #mbs > div > dl { width:100%; height:auto; padding-bottom:50px; }
    #mbs > div > dl:first-child { margin:0 0 20px; }
    #mbs .img { padding-bottom:30%; }
    #mbs .txt { padding:0 5%; }
    #joinInfo .con > div:before { left:60px; right:auto; top:0; bottom:150px; border-top:none; border-left:1px dashed #e1e1e1; }
    #joinInfo li { display:block; width:100% !important; padding-left:120px; min-height:120px; margin-bottom:20px; -webkit-box-sizing:border-box; box-sizing:border-box; }
    #joinInfo li h4 { position:absolute; left:0; top:0; }
    #joinInfo li:last-child h4 { margin:0 0 0 33px; }
    #joinInfo li dl { padding:51px 0 0 65px; }
    #joinInfo li:last-child dl { padding:17px 0 0 65px; }
    #joinInfo li dl:before { left:0; top:60px; width:42px; height:1px; }
    #joinInfo li dl:after { left:42px; top:55px; }
    #joinInfo li:last-child dl:before { left:-32px; width:83px; top:27px; }
    #joinInfo li:last-child dl:after { left:42px; top:22px; }

    /* 예매 가이드 */
    .gdCon .tit .icons p { padding-left:40px; }
    .gdCon .tit .icons p + p { margin-left:30px; }
    .gdCon .con dl { width:100%; margin:20px 0 0; padding:40px 5% 35px; height:auto !important; }
    .gdCon .con dl:first-child { margin-top:0; }


	/* 페스티벌 */
	.info_s1 .tit p { font-size:60px;}
	.info_s1 .txt_box dl dt { font-size:22px;}
	.info_s1 .txt_box dl dt br { display:none; }

	/* 주요 사업*/
	.tit_s3 { margin-bottom:36px; }
	.tit_s3 h5 { font-size:50px;}
	.tab_con_wrap section { padding-top: 55px; }
	.tab_con_wrap2 section,
	.tab_con_wrap1 section:nth-child(1) { padding-top:0px;}
	.tab_con_wrap .indent > div  { width:100% !important; }
	.tab_con_wrap .indent .img { text-align:center; margin-bottom:20px;}
	.tab_con_wrap .txt .img_txt_s1 > div { float:none; width:100% !important;}
	.tab_con_wrap .txt .img_txt_s1 .img { text-align:center; margin-bottom:20px;}


	/* 꿈의 오케스트라 */
	.txt_box_s2 > div { display:block; width:100% !important;}
	.txt_box_s2 .txt { margin-top:26px; font-size:20px;}


}

@media screen and (max-width:640px) {
    #mainFooter .f_con { padding:30px 0; text-align:center; }
    #mainFooter .f_con > img { float:none; display:block; margin:0 auto; }
    #mainFooter .f_con .f_tel { float:none; margin-top:25px; display:inline-block; }
    #mainFooter .f_con .f_tel p { font-size:20px; }
    #mainFooter .f_con .f_tel p strong { font-size:26px; }
    #mainFooter .f_con .f_tel p span { font-size:16px; }
    #mainFooter .f_con address p { line-height:1.5em; }
    #mainFooter .f_con address p + p { margin-top:8px; }
    #mainFooter .f_con address span { margin:0 10px !important; }
    #mainFooter .f_con address span:before { content:''; display:none; }
    #mainFooter .f_bottom div a { margin-left:20px; }
    #mainFooter .f_bottom div a:before { left:-13px; }

    /*=== main ====*/
    #mainVisual li { height:650px; }
    #mainVisual li .txt .tit .date { margin-bottom:15px; }
    #mainVisual li .txt .tit .sub_tit { font-size:22px; }
    #mainVisual li .txt .tit h3 { font-size:35px; }
    #mainVisual li .txt > p { font-size:16px; }
    #mainVisual li .txt .btns { margin-top:30px; }
    #mainVisual li .txt .btns a { width:120px; line-height:35px; font-size:13px; }
    .mainVis .bx-pager { left:0; right:0; top:auto; bottom:20px; text-align:center; }
    .mainVis .bx-pager div { display:inline-block; margin:0 10px; }
    #mainCon .summary li { width:100%; padding:30px 10px 30px 40px; }
    #mainCon .summary li:nth-child(3) { border-bottom:1px solid rgba(255,255,255,.3); }
    #mainCon .summary li .num { padding:30px 5px 0 0; }
    #mainCon .summary li .date { margin-bottom:10px; font-size:13px; }
    #mainCon .summary li p { margin-bottom:20px; font-size:20px; }
    .main_perform { padding:60px 0; }
    .main_perform h3 { margin-bottom:50px; font-size:18px; }
    .main_perform h3 strong { font-size:40px; }
    .main_perform h3 a { bottom:7px; padding-left:20px; }
    .main_perform li .ov { padding-bottom:60px; }
    .main_perform li .ov:before { bottom:-25px; width:56px; height:56px; }
    .mainCalen .list { padding-bottom:50px; }
    .mainCalen .list .date { padding:50px 10px; }
    .mainCalen .list .date em { margin-right:20px; font-size:40px; }
    .mainCalen .list .date span { font-size:20px; }
    .mainCalen .list ul { padding:0; height:auto; }
    .mainCalen .list li { padding:20px 10px 20px; }
    .mainCalen .list li h4 { font-size:18px; }
    .mainCalen .list li h4 .icon_loca { margin-right:15px; }
    .mainCalen .list li p { padding-left:28px; margin-top:10px; }
    .mainCalen .list li p span {  padding-left:30px; line-height:20px; }
    .mainCalen .list li .btns { margin-top:15px; padding-left:28px; }
    .main_video .tit span { margin-bottom:10px; font-size:15px; }
    .main_video .tit h3 { font-size:40px; line-height:1.2em; }
    .main_video .tit h3 strong { display:inline; }
    .main_video .txt p + p { margin-top:15px; }
    .main_board { padding:50px 10px; }
    .main_board .tit { margin-bottom:30px; }
    .main_board .tit h3 { font-size:35px; }
    .main_board .tit p { font-size:14px; }
    .main_board li .cate { margin-bottom:15px; font-size:14px; }
    .main_board li dt { height:65px; font-size:17px; }
    .main_board li dd { height:120px; font-size:14px; }

    /*=== sub ====*/
    #subVisual {/* height:350px;*/ }
    #subVisual h2 { font-size:35px; }
    .subtitle { font-size:37px; }
    .subtitle span { display:block; margin:5px 0 0; padding-left:0; }
    .subtitle span:before { content:''; display:none; }

	.lnb#lnb6 { height:50px; margin-bottom:0; }
	.lnb#lnb6 .btn_home { display:none; }
	.lnb#lnb6 nav { margin-left:0; }
	.lnb#lnb6 nav li { line-height:50px; }
	.lnb#lnb6 nav li a { font-size:14px; }

	.tabStyle li { min-width:inherit; margin-right:10px; }

    .sec_tit { margin-bottom:20px; font-size:22px; }
    .dotLst p { padding-left:10px; }
    .dotLst p + p { margin-top:5px; }
    .dotLst p:before { width:5px; height:5px; }
    .dotLst.b p:before { width:6px; height:6px; }

    .infoTxt > div { padding-left:50px; font-size:15px; }

    .tbl1 th, .tbl1 td { padding:.7em .5em; font-size:14px; }
    .tbl1 thead th { font-size:16px; }


    /* 티켓 리스트 */
    .reseveList .img { width:100px; padding:0 10px; vertical-align:top; }
    .reseveList dl { padding:0 10px; }
    .reseveList dt { font-size:20px; }
    .reseveList dd li strong em { display:block; }
    .reseveList dd .btn_reserve { margin-left:0; width:47%; font-size:17px; }

    /* 지난 공연 상단 */
    .sortCon .sWeek a { width:32%; margin:0 0 0 2%; }
    .sortCon .sWeek a:first-child { margin-left:0; }
    .sortCon .sDate { font-size:15px; }
    .sortCon .sDate label { width:auto; padding-left:10px; }
    .sortCon .sDate input { width:140px; font-size:15px; }
    .sortCon .sYear { width:32%; }
    .sortCon ul { width:68% !important; }
    .sortCon li { width:62px; font-size:15px; }

    /* calender */
    .calenderCon .tit { margin:50px 10px 30px; }
    .calenderCon .tit h3 { font-size:45px; }
    .calenderCon .tit a { width:40px; height:40px; margin-top:-20px; }
    .calenderCon .tit a:before { display:none; }

    /* 멤버십 */
    .mbsCon > section { padding:50px 10px; }
    #mbs > div > dl { padding-bottom:30px; }
    #mbs > div > dl > dt { padding:30px 0 20px; font-size:20px; }
    #mbs > div > dl > dt span { font-size:12px; }
    #mbs .img { padding-bottom:45%; }
    #mbs .txt dt { padding:13px 0 10px; text-indent:5px; font-size:15px; }
    #mbs .txt dd { padding:13px 0 10px; }
    #mbs .txt dl:first-child dd { font-size:16px; }
    #discount .con .dotLst { font-size:15px; }
    #joinInfo .con { padding:50px 5% 20px; }
    #joinInfo .con > div { padding-bottom:0; }
    #joinInfo .con > div:before { left:40px; bottom:80px; }
    #joinInfo li { padding-left:80px; min-height:80px; }
    #joinInfo li h4 { width:80px; line-height:80px; font-size:18px; }
    #joinInfo li:last-child h4 { width:40px; height:40px; margin:0 0 0 20px; }
    #joinInfo li dl { padding:30px 0 0 50px; }
    #joinInfo li:last-child dl { padding:11px 0 0 50px; }
    #joinInfo li dl:before { left:0; top:40px; width:30px; height:1px; }
    #joinInfo li dl:after { left:30px; top:35px; }
    #joinInfo li:last-child dl:before { width:63px; top:20px; }
    #joinInfo li:last-child dl:after { left:30px; top:16px; }

    /* 예매 가이드 */
    .gdCon .tit .icons p { display:block; font-size:15px; }
    .gdCon .tit .icons p + p { margin:20px 0 0; }
    .gdCon .con dt { padding:120px 0 20px; font-size:20px; }
    .gdCon .con dd { font-size:15px; }
    .gdCon .con dd p:before { top:8px; }
    .gdCon .infoTxt > div { display:block; text-align:left; }
    .gdCon .box2colmns .dotLst { font-size:15px; }
    .gdCon .box2colmns dl { padding-left:125px; background-position:0 30px; }
    .gdCon .box2colmns dt { margin-bottom:15px; font-size:20px; }
    .gdCon .box2colmns .dotLst p:before { top:8px; }
    .gdCon .box2colmns .dotLst dd strong { width:40px; }
    .gdCon .box2colmns .dotLst dd p:last-child strong { width:45px; }
    #cancle .box2colmns dl { padding-left:130px; background-position:0 15px; }

	/* 교육사업 */
	.tabStyle.edutab li { margin-right:8px; }
	.tabStyle.edutab li a { font-size:13px; }


	/* 주요 사업*/
	.yoon_world .top_info .tit p { font-size: 36px; }
	.tab_s1 ul li a { font-size:14px !important;}
	.tit_s3 h5 { font-size:42px;}

	/* 꿈의 오케스트라 */
	.txt_box_s2 .txt { font-size:18px;}
	.table_s1 table td { font-size:14px;}
	.table_s1 table td strong { font-size:16px;}
	.table_s1 table th  { font-size:16px;}

	.history_s1 .list ul li dl dt, 
	.history_s1 .list ul li dl dd { float:none; width:100% !important;}
	.history_s1 .list ul li dl dd { border-top:none;}

	.table_s2 table td:first-child,
	.table_s2 table th { font-size:16px;}


	/* 윤이상의 삶*/
	.img_txt_box ul li { float:none; width:100% !important;}
	.img_txt_box ul li img { width:100%;}

}

@media screen and (max-width:480px) {
	#mobileCate .hlink p { margin-right:5%; }
	
    /*=== main ====*/

    /*=== sub ====*/
    /* 지난 공연 상단 */
    .sortCon .sDate { padding-right:10px; }
    .sortCon .sDate input { width:130px; margin-left:5px; }
    .sortCon .sDate span { margin:0 5px; }


	/* 페스티벌 */
	.info_s1 .tit p { font-size:54px; line-height:1;}
	.info_s1 .txt_box dl dt { font-size:20px; }


	/* 양상블*/
	.link_btn a { font-size:18px;}

	/* 교육사업*/
	.table_s2 table td,
	.table_s2 table th { font-size:14px !important;}


	/* 윤이상의 삶*/
	.img_box.img_s2 ul li { width:49% !important; margin-right:2%; !important; margin-bottom:10px;}
	.img_box.img_s2 ul li:nth-child(2n) { margin-right:0 !important;}
	.img_box.img_s2 ul li img { max-height:120px; width:100%;}
}