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

    #header .header_wrap h1 {display:block;top: 15px;}
    #header .header_wrap h1 img {height:30px;}
    .hidePc.nav_my {display:none;}
	.hidePc.nav_setting { right:0px;}
}


.main .inner {max-width:1500px; margin:0 auto;}
.main .inner2 {max-width:1230px; margin:0 auto;}

/* bannerWrap */
.bannerWrap {position:relative;}
.bannerWrap .bx-prev {position:absolute; z-index:100; top:50%; left:1%; width:47px; height:88px; margin-top:-44px; background:url('../images/main/banner_prev.png') left 0 no-repeat; text-indent:-9999px;}
.bannerWrap .bx-next {position:absolute; z-index:100; top:50%; right:1%; width:47px; height:88px; margin-top:-44px; background:url('../images/main/banner_next.png') right 0 no-repeat; text-indent:-9999px;}

/* 정지,재생 버튼 */
.bx-controls {position:absolute; left:50%; bottom:60px; margin-left:-23px; color:#fff;}
.bx-controls-auto-item {display:inline-block;}
.bx-controls-auto-item > a {display:inline-block; position:relative; z-index:100; width:14px; height:14px; margin:0 3px; background:url('../images/main/banner_ctrl.png') no-repeat; font-size:0; text-indent:-9999px;}
.bx-controls-auto-item > a.bx-start {background-position:50% -136px;}
.bx-controls-auto-item > a.bx-stop {background-position:50% -91px;}
.bx-controls-auto-item > a.bx-stop.active {background-position:50% -191px;}
.bx-controls-auto-item > a.bx-start.active {background-position:50% -236px;}
.bannerWrap .img_area li {position:relative; height:580px;}
.bannerWrap .img_area li .main_txt{position:absolute;top:0;left:50%;transform:translateX(-50%);margin-top:232px;width:100%;text-align:center;text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);}
.bannerWrap .img_area li .main_txt p{font-size:36px;font-weight:500;color:#fff;text-align:center;padding-bottom:20px;}
.bannerWrap .img_area li .main_txt span{font-size:70px;font-weight:500;color:#fff;text-align:center;padding-top:20px;display:block;/*line-height:80px;*/}


.bannerWrap .img_area li .txt {position:absolute; bottom:0; width:100%; padding:22px; background:rgba(0,0,0,0.7); color:#fff; text-align:center; box-sizing:border-box;}
.bannerWrap .img_area li .txt a {display:inline-block; margin-bottom:12px; color:#d0cfd2; font-size:24px; font-weight:300;}
.bannerWrap .img_area li .txt a:hover {text-decoration:underline;}
.bannerWrap .img_area li .txt a span {display:inline-block; margin-right:5px; padding:3px 10px; border-radius:30px; color:#fff; font-size:15px; vertical-align:middle;}
.bannerWrap .img_area li .txt a span.performance {background:#e4487b;}
.bannerWrap .img_area li .txt a span.exhibition {background:#dd910d;}
.bannerWrap .img_area li .txt p {color:#a5a3ad; font-size:15px;}
.bannerWrap .ctrl_area {position:absolute; z-index:100; left:0; right:0; text-align:center; bottom:40px; color:#cdcdcd;}
.bannerWrap .ctrl_area .bnbtn {display:inline-block; width:14px; height:14px; margin:0 3px; background:url('../images/main/banner_ctrl.png') center -45px no-repeat; vertical-align:middle; cursor:pointer;}
.bannerWrap .ctrl_area .bnbtn.active {background-position:50% 0;}
.bannerWrap .ctrl_area p {display:inline-block; padding-left:8px; color:#fff; text-shadow:1px 1px 2px #757575;}

@media all and (max-width:1024px) {
    .bannerWrap .img_area li .txt strong span {display:none;}
    .bannerWrap {}
    .bannerWrap .img_area li .txt strong {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}

/* 공연·전시, 영화 공통 */
.ctrlForm {position:absolute; top:70px; left:0; text-align:center;}
.ctrlForm > span {display:block; margin-bottom:15px; font-size:22px;}
.ctrlForm > strong {display:block; padding-bottom:30px; font-size:30px;}
.ctrlForm .more a {display:block; margin-bottom:8px; padding:10px 45px 10px 12px; border:1px solid #616161; background:url('../images/main/more.png') 90% center no-repeat; font-weight:600; transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out;}
.ctrlForm .more a:hover, .ctrlForm .more a:focus {background-color:#616161; background-image:url('../images/main/more_w.png'); color:#fff;}

/* 화살표 있을때 */
.ctrlForm.st {top:60px;}
.ctrlForm.st > strong {margin-bottom:50px;}

@media all and (max-width:1024px) {
    .ctrlForm {position:static; text-align:left;}
    .ctrlForm > strong {margin-bottom:0; padding-bottom:0; font-size:17px;}
    .ctrlForm.st > strong {margin-bottom:0;}
    .ctrlForm > span, .ctrlForm > strong {display:inline-block; margin-bottom:8px; color:#000; font-size:16px; font-weight:bold;}
    .ctrlForm .ctrl {display:none;}

    .ctrlForm .more {position:absolute; top:-3px; right:5px;}
    .ctrlForm .more a {display:inline-block; font-size:12px; padding:2px 15px 1px 5px; margin-bottom:0; background-position:right 3px top 50%; background-size:8px auto; margin-top:0 !important;}

    /* .ctrlForm .more {position:absolute; bottom:-10px; right:3%; left:0; }
    .ctrlForm .more a {padding:6px; border:1px solid #ddd;  background-color:rgba(255, 255, 255, 0.5);font-size:13px; background-position:right 10px top 50%; margin-bottom:0;margin-top:4px; text-align:center;}
    .ctrlForm .more a:active {background:#666 !important; border-color:#666 !important;}

    .performWrap .inner {padding-bottom:35px;}
    .movieWrap .inner {padding-bottom:35px;}
    .performWrap .ctrlForm .more a {float:left; width:49.5%;}
    .performWrap .ctrlForm .more a:last-child {float:right;}

    .movieWrap .ctrlForm .more a {background-color:#f2f2f2;} */
}

@media all and (max-width:680px) {
	.bannerWrap .img_area li{ height:350px; background-size: cover !important}
.bannerWrap .img_area li .main_txt{position:absolute;top:0;left:50%;transform:translateX(-50%);margin-top:132px;}
.bannerWrap .img_area li .main_txt p{font-size:18px;font-weight:500;color:#fff;text-align:center;padding-bottom:10px;}
.bannerWrap .img_area li .main_txt span{font-size:25px;font-weight:500;color:#fff;text-align:center;padding-top:0px;}	
.bannerWrap	.bn_ctrl{ display:none;}
}


@media all and (max-width:380px) {
	.bannerWrap .img_area li{ height:250px; background-size: cover !important}	
	.bannerWrap .img_area li .main_txt{margin-top:82px;}
	.bannerWrap .ctrl_area{ bottom:20px;}
    .ctrlForm .more a {letter-spacing:-0.5px;}

}
.main_work{ margin:50px 0; overflow:hidden;}
.main_work .inner{ width:1200px; margin:0 auto;}
.main_work .lt{ float:left; width:50%; border:10px solid rgba(228,228,228,.3); border-right:none; padding:50px;height: 480px;}
.main_work .rt{float:left; width:50%; overflow:hidden;height: 480px;}
.main_work .lt .tit{ font-size:20px; font-weight:500;color:#a7a7a7; margin-bottom:20px}
.main_work .lt strong{ font-size:28px; font-weight:500;color:#000;margin-bottom:30px; display:block; line-height:1.3;}
.main_work .lt p{ font-size:16px; font-weight:300; color:#666; line-height:1.2; display:block; margin-bottom:100px;}
.main_work .rt .worklist{ position:relative; width:600px;}

.work-lst-slide{position:relative;width:600px;}
.work-lst .img{display:block;position:relative;width:600px;height:480px;;}
.work-lst .img:before{position:absolute;top:0;right:0%;width:100%;height:100%;background:url(../images/main/pic_work_01.jpg)no-repeat center/cover;content:'';}
.work-lst .work-lst-slide2 .img:before{background-image:url(../images/main/pic_work_02.jpg);}
.work-lst .work-lst-slide3 .img:before{background-image:url(../images/main/pic_work_03.jpg);}
.work-lst .work-lst-slide4 .img:before{background-image:url(../images/main/pic_work_04.jpg);}
.work-lst .work-lst-slide5 .img:before{background-image:url(../images/main/pic_work_05.jpg);}
.work-lst .txt{position: absolute; bottom:50px; left:30px;z-index:5;display: block;vertical-align:middle;width:100%;color:#fff;}
.work-lst .txt > em{display:block;font-weight:700;font-size:60px;color:rgba(255,255,255,.08);line-height:1;}
.work-lst .txt > em.num{font-size:45px;color:rgba(255,255,255,.2);margin-bottom:20px;}
.work-lst .txt > strong{display:block;font-size:30px;font-weight:500;}
.work-lst .txt > span{display:block;margin-top:10px;font-weight:300;line-height:1.5;padding-right:20%;word-break:keep-all;}


.main_work .lt .slick-btn{position:relative;z-index:1;float:right;margin-right:0px;}
.main_work .lt .slick-arrow-btn{position:relative;display:inline-block;float:left;width:40px;height:40px;border-color:#e4e4e4;border-style:solid;border-width:1px 0 1px 1px;background:#fafafa;-webkit-transition:background .3s;transition:background .3s;}
.main_work .lt .slick-arrow-btn:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-family:'xeicon';font-size:.9rem;color:#555;text-align:center;content:'\e93c';-webkit-transition:color .3s;transition:color .3s;}
.main_work .lt .slick-next-btn.slick-arrow-btn{border-width:1px;}
.main_work .lt .slick-next-btn.slick-arrow-btn:before{content:'\e93f';}
.main_work .lt .slick-arrow-btn:hover,
.main_work .lt .slick-arrow-btn:focus{background:#000;border-color:#000;}
.main_work .lt .slick-arrow-btn:hover:before,
.main_work .lt .slick-arrow-btn:focus:before{color:#fff;}





@media all and (max-width:1280px) {
	

}
@media all and (max-width:1024px) {
.main_work{ margin:50px 0; overflow:hidden;}
.main_work .inner{ width:100%; margin:0 auto;}
.main_work .lt{ float:none; width:100%; border:10px solid rgba(228,228,228,.3); border-right:none; padding:20px;height: 300px;}
.main_work .rt{float:none; width:100%; overflow:hidden;height: auto;}
.main_work .lt .tit{ font-size:18px; font-weight:500;color:#a7a7a7; margin-bottom:20px}
.main_work .lt strong{ font-size:20px; font-weight:500;color:#000;margin-bottom:30px; display:block; line-height:1.3;}
.main_work .lt p{ display:none;}
.main_work .rt .worklist{ position:relative; width:100%;}

.work-lst-slide{position:relative;width:100%;}
.work-lst .img{display:block;position:relative;width:100%;height:320px;}
.work-lst .img:before{position:absolute;top:0;right:0%;width:100%;height:100%;background:url(../images/main/pic_work_01.jpg)no-repeat center/cover;content:'';}
.work-lst .txt{position: absolute; bottom:50px; left:30px;z-index:5;display: block;vertical-align:middle;width:100%;color:#fff;}
.work-lst .txt > em{display:block;font-weight:700;font-size:40px;color:rgba(255,255,255,.08);line-height:1;}
.work-lst .txt > em.num{font-size:25px;color:rgba(255,255,255,.2);margin-bottom:20px;}
.work-lst .txt > strong{display:block;font-size:20px;font-weight:500;}
.work-lst .txt > span{display:block;margin-top:10px;font-weight:300;line-height:1.5;padding-right:20%;word-break:keep-all;}


}
@media all and (max-width:620px) {

}

.busiWrap{ height:500px; background:url(../images/main/bg_busi.jpg) no-repeat 50% 50%; overflow:hidden;}
.busiWrap .inner{width:1200px; margin:0 auto;}
.busiWrap .tit{ font-size:30px; font-weight:500; margin:70px 0 30px 0; text-align:center; color:#fff;}
.busiWrap .tit_txt{ font-size:25px; font-weight:300; margin:20px 0 30px 0; text-align:center; color:#fff;}

.mbui-lst{width:100%;overflow:hidden;margin:0 0 0 -15px;}
.mbui-lst > li{width:16.666%;float:left;padding:1.5rem 0 0 15px;}
.mbui-lst > li > a{display:block;width:140px;height:140px;background:rgba(255, 255, 255, 0.1);color:#fff;font-weight:300;text-align:center;-webkit-transition:background .3s;transition:background .3s;margin: 0 auto; border-radius:90px;}
.mbui-lst > li > a > span{position:relative;display:block;padding-top:80px;}
.mbui-lst > li > a > span:before{position:absolute;top:.7rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:url(../images/main/busi_icon.png)no-repeat 0 0/cover;width:70px;height:70px;content:'';}
.mbui-lst > li:nth-of-type(2) > a > span:before{background-position:-70px 0;}
.mbui-lst > li:nth-of-type(3) > a > span:before{background-position:-140px 0;}
.mbui-lst > li:nth-of-type(4) > a > span:before{background-position:-210px 0;}
.mbui-lst > li:nth-of-type(5) > a > span:before{background-position:-280px 0;}
.mbui-lst > li:nth-of-type(6) > a > span:before{background-position:-350px 0;}
.mbui-lst > li:nth-of-type(7) > a > span:before{background-position:-420px 0;}
.mbui-lst > li:nth-of-type(8) > a > span:before{background-position:-490px 0;}
.mbui-lst > li:nth-of-type(9) > a > span:before{background-position:-560px 0;}
.mbui-lst > li:nth-of-type(10) > a > span:before{background-position:-630px 0;}
.mbui-lst > li:nth-of-type(11) > a > span:before{background-position:-700px 0;}
.mbui-lst > li:nth-of-type(12) > a > span:before{background-position:-770px 0;}
.mbui-lst > li > a:hover,
.mbui-lst > li > a:focus{background:#777;}




/* slick arrow */
.m_con .slick-list {overflow:hidden;}
.m_con .slick-prev, .m_con .slick-next {position:absolute; z-index:1; top:145px; width:30px; height:28px; background:center center no-repeat; text-indent:-9999px;}
.m_con .slick-prev {left:15px; background-image:url('../images/main/poster_prev.png');}
.m_con .slick-next {left:95px; background-image:url('../images/main/poster_next.png');}
.lectureWrap .slick-prev {background-image:url('../images/main/lecture_prev.png');}
.lectureWrap .slick-next {background-image:url('../images/main/lecture_next.png');}

.m_con .slick-dots {position:absolute; top:155px; left:0; width:140px; text-align:center;}

.m_con .slick-dots li span {display:inline-block; width:10px; height:10px; border-radius:5px; background:#ccc; text-indent:-9999px;}
.m_con .slick-dots li.slick-active span {background:#575b88;}



@media all and (max-width:480px) {
    .m_con .slick-prev, .m_con .slick-next {top:47px;}
    .m_con .slick-prev {left:50%; margin-left:-60px;}
    .m_con .slick-next {left:auto; right:50%; margin-right:-60px;}
}


/* movieWrap */


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

.busiWrap{ height:500px; background:url(../images/main/bg_busi.jpg) no-repeat 50% 50%; overflow:hidden;}
.busiWrap .inner{width:100%; margin:0 auto;}
.busiWrap .tit{ font-size:30px; font-weight:500; margin:70px 0 30px 0; text-align:center; color:#fff;}
.busiWrap .tit_txt{ font-size:25px; font-weight:300; margin:20px 0 30px 0; text-align:center; color:#fff;}

.mbui-lst{width:100%;overflow:hidden;margin:0 0 0 -5px;}
.mbui-lst > li{width:16.666%;float:left;padding:1.5rem 0 0 5px;}
.mbui-lst > li > a{display:block;width:100%;height:120px;background:rgba(255, 255, 255, 0.1);color:#fff;font-weight:300;text-align:center;-webkit-transition:background .3s;transition:background .3s;margin: 0 auto; border-radius:0px;}
.mbui-lst > li > a > span{position:relative;display:block;padding-top:80px;}
.mbui-lst > li > a > span:before{position:absolute;top:.7rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:url(../images/main/busi_icon.png)no-repeat 0 0/cover;width:70px;height:70px;content:'';}

}



@media all and (max-width:620px) {
.busiWrap{ height:450px; background:url(../images/main/bg_busi.jpg) no-repeat 50% 50%; overflow:hidden;}
.busiWrap .inner{width:100%; margin:0 auto;}
.busiWrap .tit{ font-size:20px; font-weight:500; margin:30px 0 20px 0; text-align:center; color:#fff;}
.busiWrap .tit_txt{ font-size:15px; font-weight:300; margin:0px 0 20px 0; text-align:center; color:#fff;}

.mbui-lst{width:100%;overflow:hidden;margin:0 0 0 0;}
.mbui-lst > li{width:33.333%;float:left;padding:1rem .5rem 0;;}
.mbui-lst > li > a{display:block;width:100%;height:120px;background:rgba(255, 255, 255, 0.1);color:#fff;font-weight:300;text-align:center;-webkit-transition:background .3s;transition:background .3s;margin: 0 auto; border-radius:0px;}
.mbui-lst > li > a > span{position:relative;display:block;padding-top:80px;}
.mbui-lst > li > a > span:before{position:absolute;top:.7rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:url(../images/main/busi_icon.png)no-repeat 0 0/cover;width:70px;height:70px;content:'';}

}

/* mlastWrap */
.mlastWrap {padding:3%;}
.mlastWrap:after {display:block; clear:both; content:"";}
.mlastWrap .link {float:left; width:58%; padding-right:30px;}
.mlastWrap .link:after {display:block; clear:both; content:"";}
.mlastWrap .link li {float:left; width:33.333%; padding:48px 25px; border-left:1px solid #e2e2e2;}
.mlastWrap .link li:first-child {border-left:none;}
.mlastWrap .link li a {display:block;}
.mlastWrap .link li a:hover, .mlastWrap .link li a:focus {cursor:pointer;}
.mlastWrap .link li a strong {display:block; position:relative; margin-bottom:15px; color:#1c1c1c; font-size:25px;}
.mlastWrap .link li a span {display:block; color:#717171; word-break:keep-all;}
.mlastWrap .link li a i {display:block; height:75px; background:url('../images/main/qick_icon1.png') 96% 0 no-repeat; text-align:right;}
.mlastWrap .link li a i.bg1 {background-image:url('../images/main/qick_icon2.png');}
.mlastWrap .link li a i.bg2 {background-image:url('../images/main/qick_icon3.png');}

.mlastWrap .notice_main {position:relative; float:left; width:42%;padding:20px 30px; border:1px solid #ddd; overflow:hidden; height:230px;}

.notice_main h3.tit{color:#000;font-size:25px; font-weight:600;  margin:0 0 20px 0;}
.notice_main ul li{position:relative;margin:0 0 8px 0;}
.notice_main  li a{ display:block;color:#666;font-weight:300;font-size:14px; width:80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; background:url(../images/main/bg_dot.gif) no-repeat 0 50%; padding-left:8px;}
.notice_main  a:hover,
.notice_main  a:active,
.notice_main  a:focus{color:#029bcf !important;}
.notice_main  li .time{position:absolute;top:2px;right:0;color:#a7a7a7; font-size:14px;}
.notice_main .more {position:absolute; top:20px; right:20px; padding-right:18px; background:url('../images/main/more.png') 96% 5px no-repeat;}





@media all and (max-width:1300px) {
    .mlastWrap .link li {padding:25px 25px 10px 25px;}
}
@media all and (max-width:1200px) {
    .mlastWrap .link {padding-right:0;}
    .mlastWrap .link li {padding:15px;}
    .mlastWrap .link li a strong {font-size:21px;}

}
@media all and (max-width:1024px) {
    .mlastWrap .link li a span {display:none;}
}
@media all and (max-width:880px) {
    .mlastWrap .link {float:none; width:100%; margin-bottom:20px;}
    .mlastWrap .link li {padding:5px; border-left:none;}
    .mlastWrap .link li a {padding:15px; border:1px solid #e2e2e2; text-align:center;}
    .mlastWrap .link li a strong {font-size:19px;}
    .mlastWrap .link li a strong:after {left:50%; margin-left:-12px;}
    .mlastWrap .link li a:hover strong:after, .mlastWrap .link li a:focus strong:after {width:25px;}
    .mlastWrap .link li a i {background-position:50% center;}
    .mlastWrap .notice_main {float:none; width:100%;}
	.mlastWrap .notice_main h3.tit{color:#000;font-size:19px;  margin:0 0 10px 0;}
}
@media all and (max-width:480px) {
    .mlastWrap .link {margin-bottom:10px;}
    .mlastWrap .link li {padding:5px 0;}
    .mlastWrap .link li a {padding:15px 5px; border-left:none;}
    .mlastWrap .link li:first-child a {border-left:1px solid #e2e2e2;}
    .mlastWrap .link li a strong {font-size:16px;}
    .mlastWrap .link li a i {height:70px; background-size:60%;}
    .mlastWrap .notice_main { position:relative;padding:10px 20px; border:1px solid #ddd; overflow:hidden; height:200px;}
	.mlastWrap .notice_main h3.tit{color:#000;font-size:16px;  margin:0 0 10px 0;}
	.mlastWrap .notice_main .more {position:absolute; top:10px; right:10px; padding-right:18px; background:url('../images/main/more.png') 96% 5px no-repeat;}
	
}



@media all and (max-width:1024px) {
    .mlastWrap {padding-right:3%;}



}
@media all and (max-width:620px) {

}