@charset "utf-8";

/* 181017 퀵메뉴 */
.quickLinks {position: fixed; width: 92px; top: 35%; right: 25px; text-align: center; z-index: 9999;}
.quickLinks li {margin: 5px 0; cursor: pointer;}
.quickLinks li:first-child, .quickLinks li:last-child {margin: 0;}
.quickLinks .qm1:hover a {content: url(/images/quick_1_hover.png); box-sizing: content-box;}
.quickLinks .qm2:hover a {content: url(/images/quick_7_hover.png); box-sizing: content-box;}
.quickh {display: inline-block; padding: 8px 24px; font-weight: 500; font-size: 15px; color: #fff; cursor: inherit !important;}
.quicktop {display: inline-block; padding: 8px 32px; font-weight: 500; font-size: 15px; color: #fff; background-color: #cecece;}
.quickMenu {border: 1px solid #ddd; background-color: #fff; box-sizing: border-box;}
.atop {color: #fff;}
.cmTopScroll {display: none;}

#container {width: 100%;}

/* section0 */
/* 180418 수정 (S) */
.section0 {width: 1280px; margin: 0 auto;}
#main_visual {float: left; width: 1038px;}
/* //180418 수정 (E) */

/* 180424 추가 (S) */
#vdo {position: relative; width: 1038px; height: 460px; background: #fff; box-sizing: border-box;}
/* //180424 추가 (E) */
/* 180425 추가 (S) */
#vdo iframe {width: 100%; height: 100%;}
/* //180425 추가 (E) */

/* 180417 수정 (S) */
#visual_slider {position: relative; height: 460px; overflow: hidden;}
/* //180417 수정 (E) */
#visual_slider .visual_slider_box a {display: block;}
#visual_slider .visual_slider_box img {width: 100%; height: 100%;}
/* 메인배너 버튼 */
#visual_slider .bx-controls-direction {position: absolute; width: 100%; bottom:45%; left: 0; }
#visual_slider .bx-controls-direction a {-webkit-box-shadow: 18px 20px 21px -1px rgba(0,0,0,0.05);
-moz-box-shadow: 18px 20px 21px -1px rgba(0,0,0,0.05);
box-shadow: 18px 20px 21px -1px rgba(0,0,0,0.05);}
#visual_slider .bx-pager {display: inline-block; margin: 0 auto; text-align: center;}
#visual_slider .bx-pager-item {display:inline-block; zoom:1; *display:inline; padding: 0 1px; vertical-align: middle;}
#visual_slider .bx-pager-link {display: block; width: 12px; height: 12px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; border: 3px solid #b1b1b1; text-indent: -9999px;}
#visual_slider .bx-pager-link.active {width: 18px; height: 18px; border: none;}
#visual_slider .bx-wrapper .bx-controls {position: absolute; width: 100%; bottom: 4%; text-align: center;}
#visual_slider .bx-wrapper .bx-controls-auto {display: inline-block; position: absolute; top: 2px; text-align: center; margin: 0 auto;}
#visual_slider .bx-wrapper .bx-controls-auto .bx-start {display:block; text-indent:-9999px;width:7px; height:13px; background: url(/images/main/main_b/visPager-play.png) no-repeat;margin: 0 3px;}
#visual_slider .bx-wrapper .bx-controls-auto .bx-stop {display:block; text-indent:-9999px;width:10px; height:13px; background: url(/images/main/main_b/visPager-stop.png) no-repeat;margin: 0 3px;}
/* 메인배너 방향버튼 */
#visual_slider .direct_wrp {position:absolute; top:45%; width:100%; z-index:9;}
#visual_slider .direct_wrp ul {position:relative; margin:0 auto;}
#visual_slider .direct_wrp li {position:absolute; top:0;}
#visual_slider .direct_wrp .bpl {left:0;}
#visual_slider .direct_wrp .bpl a {background:url(/images/main/main_b/visuprev.png) no-repeat 0 0}
#visual_slider .direct_wrp .bpr {right:0;}
#visual_slider .direct_wrp .bpr a {background:url(/images/main/main_b/visunext.png) no-repeat 0 0;}
#visual_slider .direct_wrp a {display:block; padding:0; width:45px; height:45px; text-indent:9999em; opacity: 0.7;}
/* 퀵메뉴 */
.quickwrap {float: right;}
/* 180418 수정 (S) */
.quick li {position: relative; width: 242px; height: 115px; border: 1px solid #d1d1d1; border-top: none; box-sizing:border-box;}
/* //180418 수정 (E) */
.quick li a {display: block; height: 100%; font-weight: bold; font-size: 22px;}
/* 180529 수정 (S) */
.quick li a span {position: absolute; display: inline-block; max-width: 80%; top: 43px; left: 20px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.quick li a img {position: absolute; top: 42px; right: 20px;}
/* //180529 수정 (E) */
.quick li:hover a {background: url(/images/main/main_b/onbg.png) 0 0 repeat; color:#fff;}
.quick li:hover a i {background: url(/images/main/main_b/quickggon.png) 0 0 no-repeat;}
.quick li i {display: block; position: absolute; top: 42px; right: 20px; width: 33px; height: 20px; background: url(/images/main/main_b/quickgg.png) 0 0 no-repeat; text-indent: -9999em;}

/* section1 탭메뉴 */
.section1 {width: 100%; margin-top: 30px; margin-bottom: 25px;}
/* 180418 수정 (S) */
.scn1inner {width: 1280px; margin: 0 auto;}
/* //180418 수정 (E) */
.taplistwrap {position: relative;}
.taplistwrap .taplist {padding: 20px 0; border: 1px solid #000; text-align: center; font-weight: bold; font-size: 22px;}
.taplistwrap .taplist a {display: block;}
.taplistwrap .taplist:nth-of-type(1) {float: left; width: 100%; box-sizing:border-box;}
/* .taplistwrap .taplist:nth-of-type(2) {float: right; width: 50%; box-sizing:border-box;} */
.taplistwrap li.on a {color:#fff;}


/* section2 교육 · 대여 */
.section2 {width: 100%;}
/* 180418 수정 (S) */
.scn2inner {width: 1280px; margin: 0 auto;}
/* //180418 수정 (E) */
/* 미디어교육 */
/* 180424 수정 (S) */
.mediaedu {position: relative; float: left; width: 407px; height: 380px; margin-right: 29px; border: 1px solid #d1d1d1; box-sizing:border-box; overflow: hidden;}
/* //180424 수정 (E) */
/* 180424 수정 (S) */
.mediaedu h2 {padding: 17px; border-bottom: 1px solid #d1d1d1; font-weight: bold; font-size: 22px;}
/* //180424 수정 (E) */
.mediaedu .lftbar {position: absolute; height: 60px;}

.edubtn {position: absolute; top:0; right: 0; padding: 0}
.edubtn a {display:block; width:60px; height:60px; text-align: center; border-left: 1px solid #e7e7e7;}
.edubtn a.lft {float: left;}
.edubtn a.rgt {float: right;}
.edubtn span{position: relative; float: left; display: block; width:60px;height: 60px;text-align: center;border-left: 1px solid #e7e7e7;font-size: 12px;font-weight: 600;color: #101010;}
.edubtn span em{position: absolute; top: 24px; left: 20px; font-size: 14px; font-weight: 600;}
.edubtn a img{display: block; text-align: center; margin: 22px auto;}
.eduslider .btn {position: absolute; top:0; right: 0; padding: 0}
.eduslider .btn a {display:block; width:60px; height:60px; text-align: center; border-left: 1px solid #e7e7e7;}
.eduslider .btn a.lft {float: left;}
.eduslider .btn a.rgt {float: right;}
.eduslider .btn span{position: relative; float: left; display: block; width:60px;height: 60px;text-align: center;border-left: 1px solid #e7e7e7;font-size: 12px;font-weight: 600;color: #101010;}
.eduslider .btn span em{position: absolute; top: 24px; left: 20px; font-size: 14px; font-weight: 600;}
.eduslider .btn a img{display: block; text-align: center; margin: 22px auto;}

/* 180419 수정 (S) */
.eduslider li a {display: block; position: relative; height: 319px;}
.eduslider .sltxt {position: absolute; width: 100%; bottom: 0; padding: 13px; background: #000; color: #fff; opacity: 0.8;}
/* //180419 수정 (E) */
.eduslider .sltxt i {font-weight: bold; font-size: 16px;}
.eduslider {position: absolute; bottom: 0; width: 100%; height: 22%;}
.eduslider .tit {padding: 60px 50px 30px 50px;text-align: center;font-size: 19px;font-weight: bold;word-break: keep-all;color: #fff; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 150%;}
.eduslider span {display: block; padding-bottom: 3px; color:#fff; font-size: 16px;}
.eduslider p {display: inline-block; max-width: 90%; max-height: 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color:#fff; font-weight: bold; font-size: 18px;}
/* 미디어교육 슬라이더 */
/* 180424 수정 (S) */
.mediaedu .bx-default-pager {display: inline-block; float: left; width: 60px; padding: 22px 0; border-left: 1px solid #d1d1d1; text-align: center; font-weight: bold;}
/* //180424 수정 (E) */
.mediaedu .bx-controls-direction {display: inline-block;}
.mediaedu .bx-controls-direction .bx-prev {display: inline-block; width: 60px; height: 60px; float: left; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; background: url(/images/main/main_b/btn_arr_prev.png) center no-repeat; text-indent: -9999em;}
.mediaedu .bx-controls-direction .bx-next {display: inline-block; width: 60px; height: 60px; float: right; background: url(/images/main/main_b/btn_arr_next.png) center no-repeat; text-indent: -9999em;}
.mediaedu .bx-controls {position: absolute; top: 0; right: 0;}

/*180423 (S) 전예림*/
/*.bx-clone{display:none;}*/
.mediaedu .eduslider li a img{width:100%;height:100%;}
/*180423 (E) 전예림*/
/* 장비공간대여 */
/* 180424 수정 (S) */
.rental {position: relative; float: left; width: 407px; height: 380px; margin-right: 30px; border: 1px solid #d1d1d1; box-sizing:border-box; overflow: hidden;}
/* //180424 수정 (E) */
/* 180424 수정 (S) */
.rental h2 {padding: 17px; border-bottom: 1px solid #d1d1d1; font-weight: bold; font-size: 22px;}
.rental .lftbar {position: absolute; height: 60px; /*border-left: 5px solid #116681;*/}
/* //180424 수정 (E) */
.rentslider li a {display: block; position: relative; height: 319px;}
/* //180419 수정 (E) */
.rentslider li a img {width: 100%; height: 100%;}
.rentslider .slback {height: 100%; background-color: #000; opacity: 0.7;}
/* 180419 수정 (S) */
.rentslider .sltxt {position: absolute; width: 100%; bottom: 0; padding: 15px; background: #000; opacity: 0.8; color: #fff;}
/* //180419 수정 (E) */
.rentslider .sltxt i {color:#ddd; font-size: 16px;}
.rentslider {position: absolute; bottom: 0; width: 100%; height: 28%;}
.rentslider .tit {padding: 60px 50px 30px 50px;text-align: center;font-size: 19px;font-weight: bold;word-break: keep-all;color: #fff; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 150%;}
.rentslider span {display: inline-block; padding-bottom: 3px; color:#ddd; font-size: 16px;}
.rentslider p {display: block; max-width: 90%; max-height: 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color:#fff; font-weight: bold; font-size: 18px;}
/* 장비공간대여 슬라이더 */
/* 180424 수정 (S) */
.rental .bx-default-pager {display: inline-block; float: left; width: 60px; padding: 22px 0; border-left: 1px solid #d1d1d1; text-align: center; font-weight: bold;}
/* //180424 수정 (E) */
.rental .bx-controls-direction {display: inline-block;}
.rental .bx-controls-direction .bx-prev {display: inline-block; width: 60px; height: 60px; float: left; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; background: url(/images/main/main_b/btn_arr_prev.png) center no-repeat; text-indent: -9999em;}
.rental .bx-controls-direction .bx-next {display: inline-block; width: 60px; height: 60px; float: right; background: url(/images/main/main_b/btn_arr_next.png) center no-repeat; text-indent: -9999em;}
.rental .bx-controls {position: absolute; top: 0; right: 0;}

/* 센터소식 */
/* 180619 수정 (S) */
.ctnotice {position: relative; float: left; width: 407px; margin-right: 29px;height: 380px; border: 1px solid #d1d1d1; box-sizing:border-box; overflow: hidden;}
/* //180419 수정 (E) */
/* 180424 수정 (S) */
.ctnotice h2 {position: relative; padding: 17px; border-bottom: 1px solid #d1d1d1; font-weight: bold; font-size: 22px;}
/* //180424 수정 (E) */
.ctnotice h2 a {position: absolute; width: 60px; height: 60px; top: 0; right: 0; border-left: 1px solid #d1d1d1;}
.ctnotice h2 a img {display: block; margin: 22px auto; text-align: center;}
.ctnotice .lftbar {position: absolute; height: 60px; border-left: 5px solid #116681;}
/* 180419 수정 (S) */
.ctnotice .ntc {position: relative; padding: 25px; border-bottom: 1px dotted #d1d1d1;}
.ctnotice ul {padding: 18px 20px;}
/* //180419 수정 (E) */
.ctnotice li {padding-left: 8px; line-height: 32px; background: url(/images/main/main_b/dot.png) 0 14px no-repeat;}
.ctnotice li  a:hover {font-weight: bold;}
.ctnotice ul  .day {float: right; font-size: 14px; color: #777;}
.ctnotice ul li a {display: inline-block; height: 22px; max-width: 60%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ntc .date {position: relative; display: inline-block; padding-right: 18px; border-right: 1px solid #d1d1d1; text-align: center;}
.ntc .date p {font-weight: bold; font-size: 22px;}
.ntc .date span {font-size: 14px; color:#888;}
/* 180419 수정 (S) */
.ntc .datetit {position: absolute; top: 35px; display: inline-block; height: 18px; padding-left: 18px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; max-width: 60%; font-size: 18px; font-weight: bold;}
/* //180419 수정 (E) */
.ntc .datetxt {display: inline-block; height: 40px; margin-top: 20px; overflow: hidden; text-overflow:ellipsis; white-space: pre-wrap; line-height: 21px; font-size: 14px; color:#333;}


/* section3 센터안내 · 소식  */
.section3 {width: 100%; margin-top: 40px;}
/* 180418 수정 (S) */
.scn3inner {width: 1280px; margin: 0 auto;}
.scn3inner .intro {display: inline-block; width: 680px; height: 211px; background: url(/images/main/main_b/scn3bg.gif) 0 0 no-repeat}
.inrtxt {padding: 25px 50px;}
/* //180418 수정 (E) */
.inrtxt img {margin-right: 10px;}
.inrtxt h2 {display: inline-block; font-size: 26px; font-weight: bold; color: #fff;}
.inrtxt p {display: inline-block; margin-top: 20px; font-size: 14px; line-height: 24px; color: #fff;}
.contact {float: right;}
.contact h2 {display: inline-block; font-size: 21px;}
/* 이용안내 */
/* 180611 수정 (S) */
.contact .ct1 {float: left; width: 300px; height: 211px; padding: 25px 30px; border:1px solid #d1d1d1; background-color: #efeff6; box-sizing:border-box; overflow: hidden;}
/* //180611 수정 (E) */
.contact .ct1 ul {margin: 10px 0;}
.contact .ct1 li {padding-left: 10px; line-height: 20px; background: url(/images/main/main_b/dot.png) 0 10px no-repeat;}
.contact .ct1 li strong {padding-right: 8px;}
.contact .ct1 li span {border-left: 1px solid #bbbbbb; padding-left: 8px; color:#333;}
.contact .ct1 p {display: inline-block; margin-bottom: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; font-size: 13px; color:#555;}
/* 찾아오시는길 */
/* 180418 수정 (S) */
.contact .ct2 {float: right; width: 300px; height: 211px; padding: 25px 30px; border:1px solid #d1d1d1; box-sizing:border-box; background: url(/images/main/main_b/locbg.png) 130% 170% no-repeat;}
/* //180418 수정 (E) */
/* 180612 수정 (S) */
.contact .ct2 p {display: inline-block; width:100%; max-width: 100%; max-height: 55px; padding: 27px 0; text-overflow: ellipsis; white-space: normal; word-break: break-all; overflow: hidden; font-size: 14px; line-height: 26px;}
/* //180612 수정 (E) */
.contact .ct1 a span, .contact .ct2 span {display: inline-block; width: 55%; padding:7px 0; border: 1px solid #000; text-align: center;}
.contact .ct1 a .use span {border: 0;width:auto;display: inline;}
.contact .ct2 a {position: relative;}


/* 180517slick 추가 (S) */
.slick-track {height: auto !important; overflow: hidden;}
.slick-slide img {width: 100%; height: 100%;}
/* //180517slick 추가 (E) */


/* 함께하는 미디어 */
#togetherCon{background:#ecf0f1;}
/* 180425 (S) 전예림 width:1200->1280*/
.together_wrp{width:1280px; margin: 0 auto; text-align: center;}
/* 180425 (E) 전예림 width:1200->1280*/
.together_wrp .ttitle{border-bottom: 1px solid #d1d1d1;}
.ttitle h2{text-align: left; color:#333; font-weight: bold; padding-left: 15px; margin-bottom: 12px; border-left: 5px solid #f5852f; font-size: 25px;}
/* 180207-2 수정 (S) */
.together_wrp .media_wrp {position: relative; width: 100%; text-align: left;}
.media_wrp > div{box-sizing: border-box;display: none}
.tlist, .tlist li {display: inline-block;}
.tlist {margin-bottom: 40px;}
.tlist #media3_list {border-left:none;}
.tlist li {height: 20px; border-left: 2px solid #d3d3d3;}
/* //180207-2 수정 (E) */
.media_wrp .mbblock {display: none}
/* 180521slick 수정 (S) */
.media_wrp .commtit {display: inline-block; max-width: 100%; /*padding:15px 15px 0;*/ font-size: 18px; font-weight: bold; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-decoration:none; vertical-align: middle;}
.media_wrp .cmtit_two {max-width: 70%;}
.media_wrp .commtxt {/*display: inline-block;*/ max-width: 100%; padding: 15px 0 0; font-size: 13px; color: #828282; text-overflow: ellipsis; overflow:hidden;}
.media_wrp .cmtxt_two {display: block; padding: 5px 0;}
/* //180521slick 수정 (E) */
.media_wrp .oritit {font-size: 13px; color: #828282; display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


/* 미디어 갤러리 탭메뉴 */
.tlist li span{color:#828282; font-weight:bold; padding:8px 20px; font-size:22px; cursor:pointer}
.tlist li span:active{box-sizing: border-box;}
.tlist li.on span {box-sizing: border-box;}
.tlist li a{position: absolute; top:11px; right:30px; color: #555; font-weight: bold; font-size:12px; text-decoration:none;}

/* 미디어 갤러리 */
/* 180517slick 수정 (S) */
.media_wrp #media1 {float:left; width: 100%; height: 427px;}
/* //180517slick 수정 (E) */
#media1 .m_more{display: none;}
/* 180411 수정 (S) */
/* 180517slick 수정 (S) */
#media1 .gallery {position: relative; float:left; margin: 0 72px; background: #fff; width: 77%; border: 1px solid #d1d1d1;}
#media1 .gallery .bar {display: inline-block; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px;}
#media1 .gallery .commright {float: right; font-size: 13px;}
/* //180517slick 수정 (E) */
#media1 .gallery >a {display:block; border-bottom: 1px solid #d1d1d1; height: 296px;}
/* //180411 수정 (E) */
/* 170707 수정 (s) */
.gallery .gal_top{width:100%;}
.gal_top a{position: relative;display: block;}
.gal_top a img{display: block;width: 100%;height: 100%;}
/* 170707 수정 (e) */
.gal_top a div{position: absolute; bottom:0; right:0; width:100%;/*  height:;  */background: rgba(0,0,0,0.6);}
.gal_top a ul{float:right; margin:0 15px 0 0; line-height:35px; letter-spacing: 0.5px;}
.gal_top a ul .view{background:url(/images/common/view.png)no-repeat 10px 8px;}
.gal_top a ul .good{background:url(/images/common/good.png)no-repeat 10px 12px;}
.gal_top a ul li{float:left; color: #fff; font-size: 14px; padding:0 5px 0 35px;}
/* 180521slick 수정 (S) */
.gallery .gal_bottom{padding: 15px; text-align: left;}
.gal_bottom img{display: block; float: left; width: auto; margin-right: 5px;}
/* //180521slick 수정 (E) */
.gal_bottom div ul li{float:left; padding:0 8px;}
.gal_bottom div ul li p {font-size: 13px;}
/* 180521slick 수정 (S) */
.gal_bottom div ul .first{padding:0 8px 0 0; border-right:1px solid #d1d1d1; font-size: 13px;}
/* //180521slick 수정 (E) */
/* 180517slick 수정 (S) */
/*#media1 .gallery .commtit {padding: 15px 15px 0 140px;}*/
#media1 .owl-carousel .gallery .m_center {margin-right: 5px; padding:5px 5px 5px 5px; border-radius:4px; color:#fff; font-size:13px;}
#media1 .slick-dots {padding: 20px 0; text-align: center;}
#media1 .slick-dots li {display: inline-block;}
#media1 .slick-dots li button {display: inline-block; width: 14px; height:14px; margin-right: 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #868686; text-indent: -9999em;}
#media1 .slick-dots .slick-active button {width: 14px; height:14px; margin-right: 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: 999;}
#media1 .slick-prev {position: absolute; width: 20px; height: 33px; top:40%; left: 0px; background: url(/images/main/prev_btn.png) no-repeat 0 0;text-indent: -9999em; z-index: 999;}
#media1 .slick-next {position: absolute; width: 20px; height: 33px; top: 40%; right: 0px; background: url(/images/main/next_btn.png) no-repeat 0 0;text-indent: -9999em; z-index: 999;}
/* //180517slick 수정 (E) */
.wrap_tit {display: block;}

/* 상영회 180208 수정 */
#media2 .m_more {display: none;}
/* 180521slick 수정 (S) */
/* 180528slick 수정 (S) */
#media2 .slick-track {height: 498px; overflow: hidden;}
.media_wrp #media2 {float:left; width: 100%; height: 498px;}
#media2 .movie {margin: 0 32px; border: 1px solid #d1d1d1;}
#media2 .movie .hoverfx {display: block; height: 360px; border-bottom: 1px solid #d1d1d1; box-sizing: border-box;}
/* //180528slick 수정 (E) */
/* //180521slick 수정 (E) */
.moviewrp .movie {float: left;}
/* 180521slick 수정 (S) */
.movie_bottom {padding: 15px; background-color: #fff;}
/* //180521slick 수정 (E) */
/*.movie_bottom div>a {padding: 10px 15px 0 15px !important; font-size: 14px !important;}
.movie_bottom div>span {padding: 5px 15px !important; max-width: 80%; font-size: 13px !important; white-space: nowrap; text-overflow:ellipsis;}
.movie_bottom div>p {padding-left: 15px; font-size: 12px !important; font-weight: bold; color: #ff8c00 !important;}*/
/* 180517slick 수정 (S) */
#media2 .owl-carousel .gallery .m_center {margin-right: 5px; padding:5px 5px 5px 5px; border-radius:4px; color:#fff; font-size:13px;}
#media2 .slick-dots {padding: 20px 0; text-align: center;}
#media2 .slick-dots li {display: inline-block;}
#media2 .slick-dots li button {display: inline-block; width: 14px; height:14px; margin-right: 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #868686; text-indent: -9999em;}
#media2 .slick-dots .slick-active button {width: 14px; height:14px; margin-right: 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: 999;}
#media2 .slick-prev {position: absolute; width: 20px; height: 33px; top:40%; left: -20px; background: url(/images/main/prev_btn.png) no-repeat 0 0;text-indent: -9999em; z-index: 999;}
#media2 .slick-next {position: absolute; width: 20px; height: 33px; top: 40%; right: -20px; background: url(/images/main/next_btn.png) no-repeat 0 0;text-indent: -9999em; z-index: 999;}
/* //180517slick 수정 (E) */

/* 미디어스코프 */
/* 180517slick 수정 (S) */
#media3 .m_more{display: none;}
/* //180517slick 수정 (E) */
/* 180207 수정 (S) */
/* 180517slick 수정 (S) */
/* 180529 수정 (S) */
.media_wrp #media3 {float:left; width: 100%; height: 427px;}
#media3 .item {margin: 0 15px; background: #fff; border: 1px solid #d1d1d1;}
/* //180529 수정 (E) */
#media3 .item .hoverfx {display:block; height: 191px; border-bottom: 1px solid #d1d1d1;}
/* //180517slick 수정 (E) */
.item .scp_top{position: relative; width:100%;}
/* //180207 수정 (E) */
.scp_top a img{display: block; width: 100%;}
/* 180521slick 수정 (S) */
.item .scp_btm{padding: 15px;}
/* //180521slick 수정 (E) */
/* 180207 수정 (S) */
.scp_btm p {max-width: 90%; height:63px; margin-bottom: 19px; line-height: 23px;}
/* 180517slick 수정 (S) */
.scp_btm span {border-top: 1px solid #d1d1d1; /*margin: 0 15px;*/ padding:15px 0 0;}
.scp_cate {padding: 0 20px; position: absolute; margin-left: -10px; border-top-right-radius:10px; border-bottom-right-radius:10px; top: 20px; opacity: 0.9; text-align: center; line-height: 38px;}
/* //180517slick 수정 (E) */
.scp_cate span {font-weight: bold; font-size: 18px; color: #fff;}
/* 180517slick 수정 (S) */
#media3 .slick-dots {padding: 20px 0; text-align: center;}
#media3 .slick-dots li {display: inline-block;}
#media3 .slick-dots li button {display: inline-block; width: 14px; height:14px; margin-right: 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #868686; text-indent: -9999em;}
#media3 .slick-dots .slick-active button {width: 14px; height:14px; margin-right: 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: 999;}
/* 180529 수정 (S) */
#media3 .slick-prev {position: absolute; width: 20px; height: 33px; top: 40%; left: -10px; background: url(/images/main/prev_btn.png) no-repeat 0 0;text-indent: -9999em; z-index: 999;}
#media3 .slick-next {position: absolute; width: 20px; height: 33px; top: 40%; right: -10px; background: url(/images/main/next_btn.png) no-repeat 0 0;text-indent: -9999em; z-index: 999;}
/* //180529 수정 (E) */
/* //180517slick 수정 (E) */


/* 공통커뮤니티 */
/* 180517slick 수정 (S) */
.media_wrp #media4 {float:left; width: 100%; height: 427px;}
/* //180517slick 수정 (E) */
#media4 .m_more {display: none;}
#media4 .owl-carousel {overflow:hidden;}
/* 180521slick 수정 (S) */
#media4 .owl-carousel li {position: relative;}
#media4 .owl-carousel li > div {margin: 11px 0; padding:15px; height: 135px; position: relative; background-color: #fff; border:1px solid #d1d1d1;}
/* //180521slick 수정 (E) */
#media4 .owl-carousel li > div .m_center {color:#fff; font-size:13px; padding:5px 5px 5px 5px; border-radius:4px; display: inline-block;}
#media4 .owl-carousel li > div h4 a {display:block;}
#media4 .owl-carousel li > div p {width: 99%; height:37px; padding: 0 !important; line-height: 150%;}
#media4 .owl-carousel li > div .cmu_d {font-size: 13px;color: #828282;letter-spacing: 0.5px;padding: 15px 0;display: block;}
#media4 .owl-carousel li > div > a img {display: block; position: absolute; bottom:-2px; right:0;}
#media4 .owl-carousel .commtit {padding: 13px 0 !important;}
/* 180517slick 수정 (S) */
#media4 .slick-slide {margin: 0 35px;}
#media4 .slick-dots {padding: 20px 0; text-align: center;}
#media4 .slick-dots li {display: inline-block;}
#media4 .slick-dots li button {display: inline-block; width: 14px; height:14px; margin-right: 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #868686; text-indent: -9999em;}
#media4 .slick-dots .slick-active button {width: 14px; height:14px; margin-right: 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: 999;}
#media4 .slick-prev {position: absolute; width: 20px; height: 33px; top: 40%; left: 0px; background: url(/images/main/prev_btn.png) no-repeat 0 0;text-indent: -9999em; z-index: 999;}
#media4 .slick-next {position: absolute; width: 20px; height: 33px; top: 40%; right: 0px; background: url(/images/main/next_btn.png) no-repeat 0 0;text-indent: -9999em; z-index: 999;}
/* //180517slick 수정 (E) */

/* 광고 팝업 */
/* 170818 수정추가 (s) */
#mainPopupWrp {position:absolute;left: 8%;top: 210px;z-index:9999999;}
.mainPopup {float: left;margin:0 10px 10px 0;background-color: #fff;border: 3px solid #000000; box-sizing: border-box;}
.mainPopup .closebtn{padding: 9px 5px;background-color: #000000;text-align:right;color: #fff;}
.mainPopup .closebtn span {padding-left: 13px;}
.mainPopup .closebtn span input{margin-left: 3px}
.txtR{background-color: #000;height: 40px;line-height: 40px;box-sizing:border-box;font-size: 16px;font-weight: 600;}
.txtR p{display: inline-block; margin: 0 0 0 10px;color: #fff}
.txtR a{float: right;  margin:-2px 10px 0 0;}
.popimg{border-bottom: 1px dashed #999;}
.popimg img {width: 100%; height:100%;}
/* 170818 수정추가 (e) */


/* 180423 추가 (S) */
@media all and (max-width: 1400px) {
#visual_slider {height: 460px;}
}
/* //180423 추가 (E) */

@media all and (max-width: 1280px) {
#main_visual {width: 75%;}
/* 180509 수정 (S) */
#visual_slider {height: 100%; max-height: 460px;}
#visual_slider .visual_slider_box img {height: 409px;}
/* //180509 수정 (E) */
.quickwrap {width: 25%;}
.quick li {width: 100%; height: 102px;}
/* 180423 추가 (S) */
/*#visual_slider {height: 426px;}*/
/* //180423 추가 (E) */
.section0,.scn1inner,.scn2inner,.scn3inner {width: 100%;}
.scn3inner .contact {width: 50%;}
.scn3inner .intro,.contact .ct1,.contact .ct2 {width: 50%;}
.eduslider li a,.rentslider li a {height: 301px;}

/* 함께하는 미디어 */
#togetherCon{width: 100%; max-width: 1280px;}
.together_wrp{width:97%;}

/* 미디어 갤러리 탭메뉴 */
.media_wrp .tlist{width:16%; height:100%;}
.tlist li a{top:35%; right:5px; font-size:12px;}

/* //180518slick 미디어 갤러리 */
/* 180524slick 수정 (S) */
.media_wrp #media1 {height: 422px;}
/* //180524slick 수정 (E) */
#media1 .gallery >a {height: 285px;}
#media1 .owl-carousel .gallery .m_center {left: 13px; bottom: 53px;}
#media1 .row {position: relative;}
/* 170707 추가 (s) */
.gal_top a{height: 270px}
/* 170707 추가 (e) */
.gal_top a ul{margin:0 3% 0 0;}
/*.gal_bottom .bt_right {padding: 16px 15px 0 0;}*/
.gal_bottom div ul .bar {max-width: 40%;}
.media_wrp .commtit {font-size: 17px;}
.media_wrp .cmtit_two {max-width: 60%;}

/* 상영회 */
/* 180524slick 수정 (S) */
#media2 {height: 557px;}
/* //180524slick 수정 (E) */
#media2 .movie{width: 96%;}
.m_pst{float: left; width:36.3%; height: 100%}
.m_ex{position: absolute; top:25%; left:40%; width: 55%;}
/* 180524slick 수정 (S) */
#media2 .movie .hoverfx {height: 349px;}
/* //180524slick 수정 (E) */


/* 상영회 리스트 */
#media2 .movies{width: 30.5%;height:100%;padding: 0 3% 0 3%;}
.movies .mv_list{width: 100%;height:100%;}
.movies .mv_list > li{float: left; height:100%; width: 47.5% ; position: relative; cursor: pointer;}
.movies .mv_list > li.rm{margin: 0 5% 0 0;}
.movies .mv_list > li.bm{margin: 0 0 5% 0;}
.movies .mv_list > li p{display: none; position: absolute; bottom: 0; top:0; width: 100%;  color: #fff; line-height:190%; padding: 50% 0 0 0; font-size:11px; text-align: center;background-image: url(/images/main/madefilmback.png);background-position: 0 0;background-repeat:repeat;}
.movies .mv_list > li p span{display: block;}

/* 미디어스코프 */
/* 180524slick 수정 (S) */
.media_wrp #media3 {height: 422px;}
/* //180524slick 수정 (E) */
#media3 .scope{margin: 0 3% 0 0; width: 30.3%; height:100%;}
.scope .scp_top{width:100%;height: 151px;}
.scp_top a img{width: 100%;}
.scope .scp_bottom{width: 96%;  padding: 0 2%; word-break: normal;}
.scope .scp_bottom > div{margin:3% 3%; width:94%;}

/* 공통커뮤니티 */
/* 180524slick 수정 (S) */
.media_wrp #media4 {height: 422px;}
/* //180524slick 수정 (E) */
#media4 .cmu .cmu_t{margin: 0 3% 3% 0;}
.cmu li > div{width:88%;}
/* 180521slick 수정 (S) */
#media4 .slick-slide {margin: 0 30px;}
/* //180521slick 수정 (E) */

.mediaedu,.rental,.ctnotice {width: 30%; height: 363px;}
.ctnotice li {line-height: 19px; background-position: 0 6px;}
.onetwoBox {margin-right: 60px;}

}


@media all and (max-width: 1220px){
.scn1inner,.scn2inner,.scn3inner {width: 100%;}
/* 180509 수정 (S) */
#main_visual .bx-viewport {height: 100% !important; max-height: 460px;}
/*#visual_slider .visual_slider_box img {height: 409px;}*/
/* //180509 수정 (E) */
/* 180424 추가 (S) */
#vdo {width: 100%;}
/* //180424 추가 (E) */
/* 180425 추가 (S) */
#vdo iframe {width: 100%;}
/* //180425 추가 (E) */
/*#visual_slider {height: auto;}*/
/* 퀵메뉴 */
/*.quickwrap {float: none;}*/
.quick li {float: left; width: 100%;}
.quick li:hover {background-repeat: repeat;}
/* 교육 대여 */
/* 180419 수정 (S) */
.rentslider li a,.eduslider li a {height: 287px;}
/* //180419 수정 (E) */
.mediaedu, .rental, .ctnotice {height: 343px;}
/*.mediaedu,.rental {width: 100%; height: 100%; margin-bottom: 20px;}*/
.mediaedu .bx-viewport,.rental .bx-viewport {height: 100% !important;}
.eduslider li a img,.rentslider li a img {width: 100%; height: 100%;}
/*.rentslider .sltxt,.eduslider .sltxt {padding:25px; bottom: 0;}*/
.mediaedu h2,.rental h2,.ctnotice h2 {font-size: 17px;}
.mediaedu .bx-default-pager,.rental .bx-default-pager {width: 54px; padding: 18px 0;}
.mediaedu .bx-controls-direction .bx-prev,.mediaedu .bx-controls-direction .bx-next,.rental .bx-controls-direction .bx-prev,.rental .bx-controls-direction .bx-next,.ctnotice h2 a {width: 54px; height: 54px;}
.ctnotice h2 a img {margin: 18px auto;}
.ctnotice .lftbar {height: 54px;}

/* 센터안내 · 소식 */
.inrtxt {padding: 15px 50px;}
.inrtxt p {margin-top: 10px; font-size: 15px;}
.contact  {width: 100%;}
.contact .ct1,.contact .ct2 {width: 50%;}
/*.ctnotice {width: 100%;}*/

/* 180423 (S) 전예림*/
/* .mediaedu,.eduslider, */
/*.rental, .rentslider{height:1005px;}*/
/*.rentslider li a, .rentslider li a img, .eduslider li a{height:945px;}*/
/* 180423 (E) 전예림*/

}



@media all and (max-width: 1200px){
/* 함께하는 미디어 */
.together_wrp {padding: 0;}

.onetwoBox {margin-right: 50px;}

/* 센터안내 · 소식 */
.section3 {margin-top: 40px;}
.contact .ct2 {background-position: 110% 180%;}
}

@media all and (max-width: 1100px){
/* 미디어스코프 */
.commtit {max-width: 83%;}
}

@media all and (max-width: 1024px){
/* 181017 퀵메뉴 (S) */
.quickLinks {display: none;}
.cmTopScroll {display: block;}
/* //181017 퀵메뉴 (E) */

#main_visual,.quickwrap {width: 100% ;}
.visual_slider_box {display: inline-block; height: 100% !important;}
#visual_slider .visual_slider_box img {height: 100%;}
.quick li {width: 25%; border-top: 1px solid #d1d1d1; border-right: none;}
.quick li:last-child {border-right: 1px solid #d1d1d1; }

.mediaedu, .rental, .ctnotice {height: 296px;}
.rentslider li a, .eduslider li a {height: 240px;}
.ctnotice .ntc,.ctnotice ul {padding: 15px 15px 5px 15px;}

.ntc .date p {font-size: 18px;}
.ntc .datetit {top: 26px; font-size: 15px;}
.ntc .datetxt {margin-top: 15px;}
.ctnotice ul li a {height: auto; font-size: 13px;}
.ntc .datetxt,.ctnotice ul  .day {font-size: 13px;}

/* 180611 추가 (S) */
.contact h2 {font-size: 18px;}
.contact .ct1 li {font-size: 13px;}
/* //180611 추가 (E) */


/* 미디어 갤러리 탭메뉴 */
.tlist li span{font-size:20px;}
.tlist li a{top:30%;}

/* 미디어스코프 */
/* 180517slick 수정 (S) */
.media_wrp #media3 {height: 378px;}
.scp_cate span {font-size: 16px;}
#media3 .item .hoverfx {height: 145px;}
/* //180517slick 수정 (E) */

/* 180518slick 미디어 갤러리 */
.media_wrp #media1 {height: 351px;}
/* 170707 추가 (s) */
.gal_top a{height: 250px}
/* 170707 추가 (e) */
.gal_bottom div a{ font-size: 15px; font-weight: bold;}
.gal_bottom div ul {font-size: 13px;}
.gal_bottom div ul li {padding: 0 5px;}
#media1 .gallery >a {height: 211px;}
#media1 .gallery .bar {max-width: 30%;}

/* 상영회 */
/* 180523slick 수정 (S) */
.media_wrp #media2 {height: 510px;}
#media2 .movie .hoverfx {height: 377px;}
#media4 .slick-slide {margin: 0 25px;}
/* 180529 수정 (S) */
#media2 .slick-prev {left: 0;}
#media2 .slick-next {right: 0;}
/* //180529 수정 (E) */
/* //180523slick 수정 (E) */

/* 공동커뮤니티 */
/* 180523slick 추가 (S) */
.media_wrp #media4 {height: 378px;}
#media4 .owl-carousel li > div {height: 113px;}
#media4 .owl-carousel .commtit {font-size: 16px;}
#media4 .owl-carousel .commtit,#media4 .owl-carousel li > div .cmu_d {padding: 8px 0 !important;}
/* //180523slick 추가 (E) */
}

@media all and (max-width: 1023px){
	.mediaedu,.eduslider,.rental, .rentslider{width: 100%; height:848px;}
	.mediaedu,.rental,.ctnotice {width: 100%; margin-top: 40px;}
	.rentslider li a, .rentslider li a img, .eduslider li a{height:788px;}
	.mediaedu h2,.rental h2,.ctnotice h2 {font-size: 22px;}
	.mediaedu .bx-default-pager,.rental .bx-default-pager {width: 60px; padding: 22px 0;}
	.mediaedu .bx-controls-direction .bx-prev,.mediaedu .bx-controls-direction .bx-next,.rental .bx-controls-direction .bx-prev,.rental .bx-controls-direction .bx-next,.ctnotice h2 a {width: 60px; height: 60px;}
	.ctnotice h2 a img {margin: 22px auto;}
	.ctnotice .lftbar {height: 60px;}
}

@media all and (max-width: 999px) {
/* 미디어 갤러리 */
/* 180521slick 수정 (S) */
#media1 .gallery .bar {max-width: 30%;}
/* //180521slick 수정 (E) */

/* 180611 추가 (S) */
.contact .ct1 a span, .contact .ct2 span {font-size: 12px;}
/* //180611 추가 (E) */
}

/* 180425 수정 (S) */
@media all and (max-width: 940px){
.topinner {padding: 0;}

/* 미디어 갤러리 */
.gal_bottom .bt_right .like {margin-left: 10px;}
.gal_bottom div ul .bar {max-width: 20%;}
}
/* //180425 수정 (E) */

@media all and (max-width: 900px){
/* 미디어 갤러리 탭메뉴 */
.tlist li a{right:0; font-size:11px;}

/* 180521slick 미디어 갤러리 */
.gal_bottom div a{font-size: 14px;}
.gal_bottom div ul{font-size: 13px;}
.media_wrp .cmtit_two {max-width: 50%;}


/* 상영회 */
.m_ex p{font-size: 14px;}
.m_ex .mv_basic{font-size: 13px; line-height: 140%;}
.mv_basic li span{padding:0 5px;}
.m_ex .mv_imp{font-size: 13px; line-height: 140%;}

/* 미디어스코프 */
.scp_bottom > div a{font-size: 14px;}
.scp_bottom > div > div p{font-size: 13px;}
.scp_bottom > div > div span{font-size: 12px;}

/* 공동커뮤니티 */
.cmu li > div h4 a{font-size: 14px;}
.cmu li > div p{font-size: 13px;}
.cmu li > div .cmu_d{font-size: 12px;}
}


@media all and (max-width: 768px){
#vdo,#vdo iframe {height: 334px;}
/* 180509 수정 (S) */
/*#visual_slider {height: 340px;}*/
.quick li a {font-size: 18px;}
#visual_slider .direct_wrp {top: 42%;}
#visual_slider .bx-wrapper .bx-controls {bottom: 8%;}
/* //180509 수정 (E) */
 .mediaedu,.eduslider,
 .rental, .rentslider{height:671px;}
 .rentslider li a, .rentslider li a img, .eduslider li a{height:611px;}

/* 180611 추가 (S)  */
.scn3inner .intro, .contact .ct1, .contact .ct2 {width: 100%;}
.scn3inner .contact {width: 100%;}
.scn3inner .intro {background-size: 100%;}

.contact h2 {font-size: 22px;}
.contact .ct1,.contact .ct2 {padding: 15px 30px;}
.contact .ct1 li,.contact .ct2 p {display: block; font-size: 15px; line-height: 25px;}
.contact .ct1 p {display: block;}
.contact .ct2 p {padding: 25px 0 27px 0;}
/* //180611 추가 (E)  */

 #main_visual{width:100%;}
/* 퀵메뉴 */
.quick li {width: 50%;}
.quick li:nth-of-type(1),.quick li:nth-of-type(2) {border-bottom: none;}
.quick li:nth-of-type(2) {border-right: 1px solid #d1d1d1;}

/* 함께하는 미디어 */
#togetherCon{width: 100%;}
.together_wrp{width:96%;}
.ttitle h2{font-size:22px;}
.ttitle span{width:65px;}
.media_wrp .commtit {font-size: 16px;}
.media_wrp .tlist {display:none;}
.media_wrp .mbblock {display: block !important;}
.tlist {display: none;}

/* 180518slick 미디어 갤러리 */
.media_wrp #media1{display: block; position: relative; width: 100%; height: auto; border:none; padding: 0 0 20px 0;}
#media1.mbblock .bt_wrap .m_center {color:#fff; font-size:13px; padding:5px 5px 5px 5px; border-radius:4px; display: inline-block; position: absolute; left: 13px; bottom: 89px;}
#media1 .m_more{display: block; margin:0 0 12px 0; overflow: hidden; }
#media1 .m_more h3{font-size: 18px; font-weight: bold; float: left;}
#media1 .m_more a{display: block; float: right;}
#media1 .m_more a img{width: 80%;}
/* 180529 수정 (S) */
#media1 .gallery {margin: 0 30px;}
/* //180529 수정 (E) */
#media1 .gallery>a {height: 406px;}
/* 170707 추가 (s) */
.gal_top a{height: 380px}
/* 170707 추가 (e) */
.gal_top a ul{margin:0 3% 0 0;}
.gal_bottom div a{font-size: 16px;}
.gal_bottom div ul{font-size: 14px;}
/* 180529 수정 (S) */
/*#media1 .slick-prev {left: -10px;}
#media1 .slick-next {right: -10px;}*/
/* //180529 수정 (E) */

/* 상영회 */
/* 180528 추가 (S) */
.media_wrp .mbblockmv {display: block;}
.media_wrp .pcblockmv {display: none !important;}
/* //180528 추가 (E) */
.media_wrp #media2 {display: block !important; width: 100%; border:none; padding: 0 0 30px 0;}
/* 180523slick 추가 (S) */
/* 180529 수정 (S) */
#media2 .movie {margin: 0 30px;}
#media2 .movie .hoverfx {height: 436px;}
/* //180529 수정 (E) */
/* //180523slick 추가 (E) */
#media2 .m_more{display: block; margin:0 0 12px 0; overflow: hidden; }
#media2 .m_more h3{font-size: 18px; font-weight: bold; float: left;}
#media2 .m_more a{display: block; float: right;}
#media2 .m_more a img{width: 80%; margin: 0 0 2px 0;}
.media_wrp #media2 {left: 0;}
#media2 .mbrow {position: relative;}
#media2 .mbrow .commtit {max-width: 45%;}
#media2 .mbrow .hoverfx {display: block; height: 407px;}
#media2 .mbrow .movie img {width: 100%; height: 100%;}
/* 180523slick 수정 (S) */
.media_wrp #media2 {height: auto;}
/* 180529 수정 (S) */
/*#media2 .slick-prev {left: -10px;}
#media2 .slick-next {right: -10px;}*/
/* //180529 수정 (E) */
/* //180523slick 수정 (E) */

/* 상영회 리스트 */
#media2 .movies{display: none;}


/* 미디어스코프 */
/* 180517slick 수정 (S) */
.media_wrp #media3 {display: block; width: 100%; height: auto; border:none; padding: 0 0 20px 0; display: block;}
#media3 .item {margin : 0 30px;}
#media3 .item .hoverfx {height: 342px;}
/* //180517slick 수정 (E) */
#media3 .m_more{display: block; margin:0 0 12px 0; overflow: hidden; }
#media3 .m_more h3{font-size: 18px; font-weight: bold; float: left;}
#media3 .m_more a{display: block; float: right;}
#media3 .m_more a img{width: 80%; margin: 0 0 2px 0;}
#media3 .scope{clear:both; margin: 0 0 4% 0; width: 100%; height:100%;}
.scope .scp_top{height: 360px;}
.scope .scp_bottom > div{ width: 98%; margin: 3% 1%;  word-break: keep-all;}
.scp_bottom > div a{font-size: 16px;}
.scp_bottom > div > div p{font-size: 15px; height:88px;}
.scp_bottom > div > div span{font-size: 14px;}
/* 180411 추가 (S) */
#media3 .hoverfx {display: block;}
/* //180411 추가 (E) */
#media3 .slick-prev {left: 0;}
#media3 .slick-next {right: 0;}

/* 공동커뮤니티 */
/* 180524slick 수정 (S) */
.media_wrp .pcblock_4 {display: none !important;}
.media_wrp #media4{display: none; width: 100%; height: auto; border:none; padding: 0 0 20px 0;}
/* //180524slick 수정 (E) */
#media4 .m_more{display: block; margin:0 0 12px 0; overflow: hidden; padding:0 0 1px 0}
#media4 .m_more h3{font-size: 18px; font-weight: bold; float: left;}
#media4 .m_more a{display: block; float: right;}
#media4 .m_more a img{width: 80%;}
#media4 .mbrow .m_center {position: absolute; color:#fff;font-size:13px;padding:5px 5px 5px 5px;border-radius:4px;display: inline-block;}
#media4 .mbrow ul {border-bottom: 2px solid #ccc; background-color: #fff;}
.media_wrp #media4 .mbrow li {position: relative; width: 100%; border-top: 1px solid #d1d1d1; overflow: hidden;}
.media_wrp #media4 .mbrow li div {padding: 10px 15px;}
.media_wrp #media4 .mbrow h4 {display: inline-block; max-width: 80%;}
.media_wrp #media4 .mbrow .commtit {max-width: 100%; display: inline-block; padding: 0; height: 100%; margin-top: 35px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.media_wrp #media4 .mbrow .cmu_d {float: right; display: block; height: 100%; margin-top: 37px;}
}

@media all and (min-width: 768px) and (max-width: 1024px) {
.onetwoBox {margin-right: 50px;}
}

@media all and (max-width: 640px) {
/* 170707 추가 (s) */
.gal_top a{height: 320px}
/* 170707 추가 (e) */
.gal_bottom div a{font-size: 14px;}
.gal_bottom div ul{font-size: 13px;}

/* 미디어스코프 */
.scope .scp_top{height: 287px;}
.scp_bottom > div a{font-size: 14px;}
.scp_bottom > div > div p{font-size: 13px; height:78px;}
.scp_bottom > div > div span{font-size: 12px;}

/* 공통커뮤니티 */
.cmu li > div{width:85%;}
.cmu li > div h4 a{font-size: 14px;}
.cmu li > div p{font-size: 13px; height: 35px;}
.cmu li > div .cmu_d{font-size: 13px;}
}

@media all and (max-width: 640px){
/* 180425 추가 (S) */
#vdo,#vdo iframe {height: 278px;}
/* //180425 추가 (E) */
/* 180509 수정 (S) */
/*#visual_slider {height: 284px;}*/
/* //180509 수정 (E) */

/* 미디어 갤러리 */
#media1 .gallery>a {height: 332px;}
/* 170707 추가 (s) */
.gal_top a{height: 320px}
/* 170707 추가 (e) */

/* 상영회 모바일 슬라이드 */
#media2 .mbrow .hoverfx {height: 348px;}
.wrapBox2 .m_mv_ex{ margin: 60px 0 0 0;}
.wrapBox2 .bx-controls{top: 8%;right: 1%;}
.m_mv_ex p{font-size: 15px;}
.m_mv_ex .m_mv_basic{font-size: 13px;}
.m_mv_ex .m_mv_imp{font-size: 13px;}

/* 미디어스코프 */
.scope .scp_top{height: 287px;}
.scp_bottom > div a{font-size: 14px;}
.scp_bottom > div > div p{font-size: 13px; height:78px;}
.scp_bottom > div > div span{font-size: 12px;}

/* 공통커뮤니티 */
.cmu li > div{width:85%;}
.cmu li > div h4 a{font-size: 14px;}
.cmu li > div p{font-size: 13px; height: 35px;}
.cmu li > div .cmu_d{font-size: 13px;}

/* 센터안내 · 소식 */
.scn3inner .intro {height: 100%; background-size: 150%;}
.contact .ct2 p {font-size: 14px;}
.inrtxt p {max-height: 120px; overflow: hidden; text-overflow: ellipsis;}

/*180423 (S) 전예림*/
.mediaedu,.eduslider,
.rental, .rentslider{height:549px;}
.rentslider li a, .rentslider li a img, .eduslider li a{height:489px;}
/*180423 (E) 전예림*/

#mainPopupWrp{top: 150px; left: 0;right: 0;width: 90%;margin: 0 auto;}
.mainPopup{width:100%}
.popimg img{width: 100%; max-width: 100% !important; max-height: inherit !important;}
}

@media all and (max-width: 580px) {
/* 센터안내 · 소식 */
.contact .ct2 {background-position: 143% 206%;}
}

@media all and (max-width: 550px) {
/* 센터안내 · 소식 */
.scn3inner .intro {background-size: 190%;}
}


@media all and (max-width: 530px) {
/* 미디어스코프 */
.scope .scp_top{height: 260px;}

/* 170707 추가 (s) */
/* 미디어 갤러리 */
.gal_top a{height: 270px}
/* 170707 추가 (e) */

/* 170707 추가 (s) */
/*최신 미디어교육*/
.lesson a > div{height:350px;}

/*180423 (S) 전예림*/
.mediaedu,.eduslider,
.rental, .rentslider{height:462px;}
.rentslider li a, .rentslider li a img, .eduslider li a{height:402px;}
/*180423 (E) 전예림*/
}

@media all and (max-width: 500px) {
/* 미디어갤러리 */
#media1.mbblock .bt_wrap .m_center {bottom: 88px;}

/*180423 (S) 전예림*/
.mediaedu,.eduslider,
.rental, .rentslider{height:438px;}
.rentslider li a, .rentslider li a img, .eduslider li a{height:378px;}
/*180423 (E) 전예림*/
}

/* 180517slick 추가 (S) */
@media all and (max-width: 480px) {
/* 미디어갤러리 */
#media1 .gallery>a {height: 239px;}

/* 미디어스코프 */
#media3 .item .hoverfx {height: 208px;}
}
/* //180517slick 추가 (E) */

@media all and (max-width: 460px) {
/* 180508 수정 (S) */
/*#visual_slider {height: 201px;}*/
/* //180508 수정 (E) */
/* 180425 추가 (S) */
#vdo,#vdo iframe {height: 197px;}
/* 180425 추가 (E) */

/* 퀵메뉴 */
.quick li a {font-size: 18px;}
.taplistwrap .taplist {font-size: 16px;}
.taplistwrap .taplist a {max-width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; font-size: 17px;}

/* 미디어스코프 */
.scope .scp_top{height: 230px;}

/* 미디어 갤러리 */
.gal_top a{height: 250px;}

/* 180523slick 상영회 */
#media2 .commtxt,#media2 .oritit {font-size: 12px;}
.movie_bottom {padding: 10px 15px;}

/* 180523slick 공동커뮤니티 */
.media_wrp #media4 .mbrow h4 {max-width: 70%;}

/* 센터안내 소식 */
.contact .ct1, .contact .ct2 {width: 100%;}
.contact .ct2 {background-position: 108% 155%;}
.scn3inner .intro {background-size: 500%;}
.inrtxt h2 {font-size: 18px;}
.inrtxt p {font-size: 14px;}


.rentslider .sltxt,.eduslider .sltxt {padding:15px;}
/*180423 (S) 전예림*/
.mediaedu,.eduslider,
.rental, .rentslider{height:389px;}
.rentslider li a, .rentslider li a img, .eduslider li a{height:329px;}
}
/*180423 (E) 전예림*/

@media all and (max-width: 420px) {
/* 미디어스코프 */
/* 180523slick 수정 (S) */
#media3 .item .hoverfx {height: 180px;}
#media3 .slick-prev {left: -7px;}
#media3 .slick-next {right: -7px;}
/* //180523slick 수정 (E) */

/* 미디어 갤러리 */
#media1 .gallery>a {height: 241px;}
/* 180524slick 수정 (S) */
.commtxt li,.gal_bottom div ul .first ,.gal_bottom div ul li p {font-size: 11px;}
/* //180524slick 수정 (E) */
.gallery .gal_bottom {padding: 15px 10px;}

/* 상영회 */
/* 180517slick 수정 (S) */
#media2 .movie .hoverfx {height: 484px;}
/* //180517slick 수정 (E) */
}

/* 180620 추가 (S) */
@media all and (max-width: 400px) {
	/* 바로가기 */
	.quick li a span {top: 25px;}
	.quick li i {top: 65px;}
}
/* //180620 추가 (E) */

@media all and (max-width: 375px) {
/* 180423 추가 (S) */
#visual_slider {height: 164px;}
/* //180423 추가 (E) */
 /* 탭메뉴 */
/* 180620 수정 (S) */
.taplistwrap .taplist {padding: 15px 0;}
/* //180620 수정 (E) */

/* 장비공간대여 */
.mediaedu h2,.rental h2,.ctnotice h2 {padding:15px; font-size: 17px;}
.mediaedu .bx-controls-direction .bx-prev,.mediaedu .bx-controls-direction .bx-next,.rental .bx-controls-direction .bx-prev,.rental .bx-controls-direction .bx-next {width: 49px; height: 49px;}
.mediaedu .bx-default-pager,.rental .bx-default-pager {width: 49px; padding:17px 0;}
.ctnotice h2 a {width: 49px; height: 49px;}
.ctnotice h2 a img {margin: 15px auto;}
.ctnotice .lftbar {height: 49px;}

/* 미디어스코프 */
/* 180517slick 수정 (S) */
#media3 .item .hoverfx {height: 159px;}
/* //180517slick 수정 (E) */

/* 미디어 갤러리 */
#media1.mbblock .bt_wrap .m_center {bottom: 78px;}
.gal_top a{height: 230px}
.gal_bottom .bt_right {padding: 3px 15px;}
.gal_bottom .bt_right .hits img {margin-right: 4px;}
.gal_bottom .bt_right .like {margin-left: 15px;}
#media1 .gallery>a {height: 179px;}

/* 상영회 */
/* 180524slick 추가 (S) */
#media2 .movie .hoverfx {height: 423px;}
/* //180524slick 추가 (E) */

/*180423 (S) 전예림*/
.mediaedu,.eduslider,
.rental, .rentslider{height:333px;}
.rentslider li a, .rentslider li a img, .eduslider li a{height:281px;}
/*180423 (E) 전예림*/
}

@media all and (max-width: 360px) {
/* 180420 추가 (S) */
.eduslider .sltxt {bottom: -37px;}
/* //180420 추가 (E) */
}

@media all and (max-width: 320px) {
/* 미디어스코프 */
#media3 .item .hoverfx {height: 133px;}

/* 미디어갤러리 */
#media1 .gallery>a {height: 147px;}
#media1 .gallery .bar {max-width: 17%;}
.media_wrp .cmtit_two {max-width: 40%;}

/* 상영회 */
#media2 .movie .hoverfx {height: 347px;}
}