/* common */
.sub { width:100%; max-width:1530px; margin: 50px auto 150px; overflow: hidden; box-sizing:border-box; padding:0 15px; }
#lnb { float: left; width: 210px; }
#lnb h2 { color: #000; font-size:32px; line-height: 100%; /* text-transform: uppercase;  */font-weight: 300;  }
#lnb ul { margin-top: 40px; width: 100%; }
#lnb li { border-bottom:1px solid #dde1e5; overflow: hidden;  }
#lnb li a { display: block; width: 100%; height: 55px; line-height:55px; color: #424242; font-size:16px; font-weight: 300; position: relative; }
#lnb li.on a { text-indent:18px; }
#lnb li.on a:before { content: ""; display: block; width: 7px; height: 2px; background: #424242; position: absolute; top: 28px; left: 0; }
#subCon { float: right; width:calc(100% - 280px); }
#subCon > .title { overflow: hidden; border-bottom:5px solid #e3e5e4; padding-bottom: 15px; }
#subCon > .title h2 { float: left; color: #231f20; font-size:24px; font-weight: 500; line-height: 100%; }
#subCon .navi { float: right; font-size:13px; margin-top: 5px;}
#subCon .navi li { float: left; color: #818181; }
#subCon .navi li img { vertical-align: top; margin-top: 5px;  }
#subCon .navi li:last-child { color: #414141; }
#subCon .navi li:not(:first-child):before { content: ">"; display: block; font-family:"Nanum Gothic"; color: #b7b7b7 !important; float: left; margin:0 10px; }
#cont { margin-top: 45px; overflow: hidden; box-sizing:border-box; padding:0 20px; }



/*게시판 공통*/
.boardCon { overflow: hidden; }
.boardCon > p.right_t { text-align: left; margin-top: 10px; color: #8a8a8a; float:right; }
.boardCon .top { overflow: hidden; border-bottom:1px solid #999; padding-bottom: 10px; margin-bottom: 40px; }
.boardCon .top > p { float: left; font-size:14px; color: #353535; margin-top: 14px;  }
.boardCon .sch { float: right;  height: 35px; width: auto;	}
.boardCon .sch select { float: left; width: 94px; height: 35px; padding-left:10px; font-size:13px; color: #929292; box-sizing:border-box; background:url(/img/sub/bullet_select.gif) no-repeat 90% center; border:1px solid #e2e2e2; border-radius:4px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position: relative; }
.boardCon .sch select:not(:last-of-type){ margin-right: 5px; }
.boardCon .sch select::-ms-expand { display: none; }
.boardCon .sch input[type='text'] { float: left; display: block; margin-left: 5px; width: 215px; height: 35px; box-sizing:border-box; border:1px solid #e2e2e2; border-radius:4px; text-indent:5px; font-size:13px; color: #929292; }
.boardCon .sch .btn { float: left; margin-left: 5px; }
.boardCon .sch .btn input { width: 75px; height: 35px; line-height: 35px; text-align: center; background: #6f6f6f; color: #fff; cursor:pointer; border-radius:4px; border:none; font-size:13px; }

/* 게시판 - (PROJECT > 연간공연일정) */
.boardCon { overflow: hidden; }
.boardCon > p.right_t { text-align: left; margin-top: 10px; color: #8a8a8a; float:right; }
.boardCon .top { overflow: hidden; border-bottom:1px solid #999; padding-bottom: 10px; margin-bottom: 40px; }
.boardCon .top > p { float: left; font-size:14px; color: #353535; margin-top: 14px;  }
.schedule .boardCon .sch, 
.schedule .boardCon .sch select, 
.schedule .boardCon .sch input[type='text'], 
.schedule .boardCon .sch .btn{ float: unset; }
.schedule .boardCon .sch{ margin-bottom: 16px; }
.schedule .boardCon .sch > *{ display: flex; justify-content: center; }

/*paging*/
.page{padding-bottom:40px;position:relative;margin-top:30px}
.page ul{text-align:center;}
.page ul li{display:inline;}
.page ul li a{display:inline-block;zoom:1;*display:inline;color:#808080;border:1px solid #dbdbdb;padding:8px 13px}
.page ul li a:hover, .page ul li.on a{display:inline-block;zoom:1;*display:inline;color:#fff;border:1px solid #676767;background:#676767;}

/*게시판 상단메뉴*/
.boardM { width: 100%; overflow: hidden; height:60px; margin-bottom: 30px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; position: relative; }
#countrySelection-wrapper { overflow: hidden;  height: 60px; }
#countrySelection-items { margin: 0 20px; padding: 3px 0;  white-space: nowrap;  overflow-x: auto;  -webkit-overflow-scrolling: touch; }
.boardM ul { text-align: center; font-size:0; }
.boardM ul li { display: inline-block; margin: 16px 1.4%; }
.boardM ul li a { display: block; width: 65px; height: 25px; background: #fff; text-align: center; line-height:25px; font-size:14px; color: #727171; }
.boardM ul li.active a { color: #fff; background: #da0b85; border-radius:12px; }
.countrySelection-paddle-left, .countrySelection-paddle-right { cursor: pointer; border: none; position: absolute; top: 21px; width: 20px; height: 20px; background-size:12px !important; opacity:.5; }
.slick-prev, .countrySelection-paddle-left { left: 0; background: url(/img/sub/menu_prev.png) no-repeat center;  }
.slick-next, .countrySelection-paddle-right { right: 0; background: url(/img/sub/menu_next.png) no-repeat center;  }

/*단원리스트*/
.memberList ul { width: 100%; overflow: hidden; }
.memberList li { float: left; width: 49%; height: 235px; overflow: hidden; box-sizing:border-box; border:1px solid #dedede; margin:2% 0 0 2%; }
.memberList li:first-child,
.memberList li:nth-child(2) { margin-top: 0; }
.memberList li:nth-child(odd) { margin-left: 0; } 
.memberList li a { display: block; width: 100%; height: 100%; overflow: hidden; box-sizing:border-box; padding:23px 35px;  }
.memberList li .img { float: left; width: 188px; height: 188px; border-radius:50%; overflow: hidden; position: relative; }
.memberList li .img img { position: absolute; top: -10%; margin: auto; width: 100%; transition:all .3s; -webkit-transition:all .3s;  }
.memberList li:hover .img  img { transform:scale(1.1); -webkit-transform:scale(1.1); }
.memberList dl { float: left; margin:40px 0 0 7%; color: #323232; width:calc(90% - 220px); }
.memberList dt { font-size:18px; font-weight: 300;  }
.memberList dd { font-size:21px; font-weight: 500; line-height: 100%; margin-top: 10px; }
.memberList dd span { color: #afafaf; font-size:15px; margin-top: 5px; display: block; word-break:keep-all; line-height: 120%; }
.memberList li p { float: right; width: 43px; height: 43px; box-sizing:border-box; border:5px solid #eaeaea; margin-top: 70px; font-size:0; position: relative; }
.memberList li p:before { content: ""; display: block; width: 15px; height: 1px; background: #4a4a4a; margin:15px auto 0; }
.memberList li p:after { content: ""; display: block; width: 9px; height: 9px; border-top:1px solid #4a4a4a; border-right:1px solid #4a4a4a; transform:rotate(45deg); -webkit-transform:rotate(45deg); position: absolute; top: 10px; right: 10px; }
.memberList > p { text-align: right; margin-top: 10px; color: #8a8a8a;  }

/*단원상세*/
.memberView .title { overflow: hidden; height: 350px; position: relative; }
.memberView .title:after { content: ""; display: block; width: 100%; height: 25px; background: #f7f7f7; position: absolute; bottom: 0; left: 0; z-index:-1; }
.memberView .title div { float: left; width: 230px; height: 350px; position: relative; overflow: hidden;  } 
.memberView .title div img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; max-height: 100%; }
.memberView .title dl { float: left; margin-left: 55px; color: #323232;  }
.memberView .title dt { font-size:35px; font-weight: 300; line-height: 100%;  }
.memberView .title dd { font-size:42px; font-weight: 700; line-height: 100%;  margin-top: 20px;}
.memberView .title dd span { color: #9f9f9f; font-size:28px; font-weight: 500; display: block; margin-top:8px; }
.memberView .title .btn { position: absolute; bottom: 75px; right: 0; }
.memberView .title .btn a { display: block; width: 150px; height: 45px; line-height: 45px; background: #4a4a4a; color: #fff; font-size:13px; text-indent:80px; position: relative; }
.memberView .title .btn a:before { content: "<"; font-family:"Nanum Gothic"; position: absolute; top: 0; left: 25px;; text-indent:0; transition:all .3s; -webkit-transition:all .3s; }
.memberView .title .btn:hover a:before { left:15px; }
.memberView .content { margin-top: 50px; overflow: hidden; word-break:keep-all;  }
.memberView .content p { color: #929499; font-weight: 300; line-height: 170%; }

/*레퍼토리*/
.cpsTab {  width: 100%; text-align: center; overflow: hidden; margin-bottom: 25px; }
.cpsTab li { display: inline-block; vertical-align: top; margin:0 2px; width: 225px;  }
.cpsTab li a { display: block; width: 100%; height: 50px; box-sizing:border-box; line-height: 48px; background: #a5a5a5; border:1px solid transparent;	font-size:16px; font-weight: 300; color: #fff; }
.cpsTab li.on a { border-color:#221e1f; background: #fff; color: #221e1f; font-weight: 500; }	

.rptList { overflow: hidden; margin-top: -40px; }
.rptList li { border-bottom:1px solid #e9e9e9; overflow: hidden; width: 100%; display: table; color: #333; font-weight:300; }
.rptList li > p { display: table-cell; vertical-align: middle; height: 100%; border-right:1px solid #e9e9e9; padding:10px; text-align: center; line-height:120%;  }
.rptList li > p:first-child { width: 15%; }
.rptList li > p:nth-child(2) { width: 25%; }
.rptList li b { font-weight: 700; }
.rptList li > div { display: table-cell; vertical-align: middle; height: 100%; padding:10px;  }
.rptList li > div p { padding-left:10px; position: relative; line-height:120%; margin-top: 4px;  }
.rptList li > div p:first-child { margin-top: 0; }
.rptList li > div p:before { content: "·"; position: absolute; top: 0; left: 0; }


/*공연일정*/
.yearTit { text-align: center; overflow: hidden; margin-bottom: 30px;	 }
.yearTit h3 { display: inline-block; vertical-align: middle;  width: auto; color: #4a4a4a; font-size:35px; font-weight: 500; line-height: 100%;  margin:0 20px; }
.yearTit p { display: inline-block; vertical-align: middle; margin:2px 20px 0; }
.yearTit a { display: block; width: 39px; height: 39px; border:1px solid #cfcfcf; border-radius:3px; background: #f5f5f5; position: relative; }
.yearTit a img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; }	

.shdList { overflow: hidden; }
.shdList li { overflow: hidden; border-bottom:1px dashed #d4d4d4; padding:40px; box-sizing:border-box; }
.shdList li:first-child { padding-top: 0; }
.shdList .img { float: left; border:1px solid #c5c5c5; width: 258px; height: 365px; overflow: hidden; position: relative; }
.shdList .img img {  position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; height:100%; }
.shdList .txt { float: left; margin-left: 40px; overflow: hidden; width:calc(100% - 300px); 	}
.shdList .txt dt { margin-top: 20px; color: #323232; font-size:24px; font-weight: 500; line-height: 120%;  }
.shdList .txt dt+dd { margin-top: 30px; }
.shdList .txt dd { display: flex; overflow: hidden; font-size:16px; color: #586074; line-height: 120%; margin-top: 18px;  }
.shdList .txt dd p { /* float: left; */ color: #333;   line-height: 130%;	 }
.shdList .txt dd span { display: block; /* float: left; */ margin-left: 5px; width:calc(100% - 60px);  line-height: 130%;	}
.shdList .txt dd:last-child span { width:calc(100% - 85px);  }
.shdList .txt dd.letter4 span{ width: calc(100% - 85px); }
.shdList .btn { margin-top: 30px; }
.shdList .btn a { display: block; width: 150px; height: 45px; line-height: 45px; background: #4a4a4a; color: #fff; font-size:13px; text-indent:25px; position: relative;  }
.shdList .btn a:before { content: ">"; font-family:"Nanum Gothic"; position: absolute; top: 0; left: 120px; text-indent:0; transition:all .3s; -webkit-transition:all .3s; }
.shdList .btn:hover a:before { left:125px; }


/*공연일정상세*/
.schdView .subject { overflow: hidden; background: #f9f9f9; border:1px solid #e2e2e2; box-sizing:border-box; padding:50px;  }
.schdView .subject .img { float: left; border:1px solid #c5c5c5; width: 258px; height: 365px; overflow: hidden; position: relative; }
.schdView .subject .img img {  position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; height:100%; }
.schdView .subject .txt { float: left; margin-left: 40px; overflow: hidden; width:calc(100% - 300px); 	}
.schdView .subject .txt dt { margin-top: 20px; color: #323232; font-size:24px; font-weight: 500; line-height: 120%;  }
.schdView .subject .txt dt+dd { margin-top: 30px; }
.schdView .subject .txt dd { display: flex; overflow: hidden; font-size:16px; color: #586074; line-height: 120%; margin-top: 18px;  }
.schdView .subject .txt dd p { /* float: left; */ color: #333; line-height: 130%; }
.schdView .subject .txt dd span { display: block; /* float: left; */ margin-left: 5px; width:calc(100% - 60px); line-height: 130%; }
.schdView .subject .txt dd:last-child span { width:calc(100% - 85px); }
.schdView .subject .txt dd.letter4 span{ width: calc(100% - 85px); }
.schdView .subject .btn { margin-top: 30px; float:left; }
.schdView .subject .btn a { float: left; margin-right: 10px; display: block; width: 150px; height: 45px; line-height: 45px; background: #4a4a4a; color: #fff; font-size:13px; text-indent:80px; position: relative;  }
.schdView .subject .btn a:before { content: "<"; font-family:"Nanum Gothic"; position: absolute; top: 0; left: 25px;; text-indent:0; transition:all .3s; -webkit-transition:all .3s; }
.schdView .subject .btn:hover a:before { left:15px; }
.schdView .subject .btn a.res { background: #da0b85;  text-indent:0; text-align: center; }
.schdView .subject .btn a.res:before { display: none; }
/* .schdView .subject .btn_res a { display: block; width: 150px; height: 45px; line-height: 45px; background: #da0b85; color: #fff; font-size:13px; text-indent:80px; position: relative;  } */
.schdView .bd_content { margin-top: 40px; overflow: hidden; text-align: center;  }
.schdView .bd_content  img { max-width:100%; width:auto; }





/*섭스크립션*/
.scriptBox { width: 100%; background: url(/img/sub/dot_support.gif) repeat; box-sizing:border-box; padding:10px; overflow: hidden; word-break:keep-all; }
.scriptBox > div { width: 100%; overflow: hidden; background: #fff; box-sizing:border-box; padding:50px; color: #323232; }
.scriptBox .left { float: left; width: 42%; height: 225px; border-right:1px solid #ededed; box-sizing:border-box; }
.scriptBox .left h3 { font-size:30px; line-height: 120%; font-weight: 700; color: #333; }
.scriptBox .left h3 span { display: block; font-size:17px; color: #afafaf; font-weight: 500; line-height: 130%; margin-top: 15px; }
.scriptBox .left p { margin-top: 40px; }
.scriptBox .left p a { display: block; margin-top: 40px; width: 210px; height: 45px; line-height: 45px; background: #da0b85; border-radius:22.5px; color: #fff; font-weight: 300; font-size:16px; position: relative; text-align: center; text-indent:-15px; }
.scriptBox .left p a:after { content: ""; display: block; width: 8px; height: 8px; box-sizing:border-box; border-top:1px solid #fff; border-right:1px solid #fff; position: absolute; top: 19px; right: 27px; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.scriptBox .right { float: right; width: 58%; box-sizing:border-box; padding-left:30px; }
.scriptBox .right p { color: #323232; font-size:18px; font-weight: 300; line-height: 150%; }
.scriptBox .right p.infoTxt { margin-top: 30px; font-weight: 500; line-height:140%; color: #959595; }
.scriptBox .right p.infoTxt i { display: inline-block;  font-style:normal; margin:0 5px; }
.scriptBox .right p.infoTxt span { display: inline-block; }
.scriptBox .right dl { margin-top: 50px; font-size:21px; font-weight: 500; overflow: hidden; }
.scriptBox .right dt { position: relative; float: left; padding:0 35px 0 15px; background:url(/img/sub/icon_scription.gif) no-repeat right center; margin-top: 5px; }
.scriptBox .right dt:before { content: ""; display: block; width: 6px; height: 6px; border-radius:50%; background: #da0b85; position: absolute; top: 10px; left: 0; }
.scriptBox .right dt s { font-weight: 300;  }
.scriptBox .right dd { float: left; color: #323232; line-height:150%; margin-left: 15px; }
.imgScription { text-align: center; margin: 70px auto 0; max-width: 900px; width: 100%; display: block; }



/*후원*/
.suppBox { width: 100%; background: url(/img/sub/dot_support.gif) repeat; box-sizing:border-box; padding:10px; overflow: hidden; word-break:keep-all; }
.suppBox > div { width: 100%; overflow: hidden; background: #fff; box-sizing:border-box; padding:70px; color: #323232; }
.suppBox dl { text-align: center; border-bottom:1px solid #ececec; padding-bottom: 35px;  }
.suppBox dt { color: #323232; font-size:34px; font-weight: 700; line-height: 120%; }
.suppBox dd { margin-top: 20px; font-size:30px; color: #f0f0f0; font-weight: 900; line-height: 130%; }
.suppBox p { margin-top: 30px; line-height:160%; font-size:18px; font-weight: 300; }
.suppBox p b { font-weight: 700; }
.suppBox p.bank { font-weight: 500; line-height:140%; color: #959595; }
.suppBox > div > ul { margin-top: 30px; }
.suppBox > div > ul li { font-size:21px; line-height:130%; font-weight: 500; margin-top: 15px; position: relative;  padding-left: 15px; }
.suppBox > div > ul li:before { content: ""; display: block; width: 6px; height: 6px; border-radius:50%; background: #da0b85; position: absolute; top: 10px; left: 0; }
.suppBox a { display: block; margin:70px auto 0; width: 210px; height: 45px; line-height: 45px; background: #da0b85; border-radius:22.5px; color: #fff; font-weight: 300; font-size:16px; position: relative; text-align: center; text-indent:-15px; }
.suppBox a:after { content: ""; display: block; width: 8px; height: 8px; box-sizing:border-box; border-top:1px solid #fff; border-right:1px solid #fff; position: absolute; top: 19px; right: 27px; transform:rotate(45deg); -webkit-transform:rotate(45deg); }

.spBox { margin-top: 65px; overflow: hidden; }
.spBox h3 { position: relative; color: #323232; font-size:21px; font-weight: 500; line-height: 120%; padding-left:15px; }
.spBox h3:before { content: ""; display: block; width: 6px; height: 6px; border-radius:50%; background: #da0b85; position: absolute; top: 9px; left: 0; }
.spBox ul { margin-top: 15px; overflow: hidden; }
.spBox li { float: left; margin:0 9px 5px 0; }

/*게시판타이틀*/
.bdCon { font-weight: 300; font-size:16px; line-height: 120%; color: #323232; }
.bdCon .title { overflow: hidden; background: #f6f6f6; width: 100%; height: auto; box-sizing:border-box; padding:25px 30px; }
.bdCon .title h3 { position: relative; padding-left:10px; }	
.bdCon .title h3:before { content: ""; display: block; width: 4px; height: 16px; border-radius:2px; background: #da0b85; position: absolute; top: 2px; left: 0; }
.bdCon .title+p { text-align: right; margin: 10px 0;  }



/*조직*/
.officeCon .member { overflow: hidden; }
.officeCon .member li { float: left; margin:0 0 1% 1%; width: 13.42%; height: 180px; display: table; background: #dcdcdc; box-sizing:border-box; padding:0 1.2%;  color: #323232; }
.officeCon .member li:nth-child(7n+1) { margin-left: 0; }
.officeCon .member li.no1 { background: #6c6c6c; color: #fff; }
.officeCon .member li.no3 { background: #e8e8e8; }
.officeCon .member li.no4 { background: #f1f1f1; }
.officeCon .member li.no5 { background: #f9f9f9; }
.officeCon .member dl { display: table-cell; vertical-align: middle; 	 }
.officeCon .member dt { font-size:15px; line-height: 120%; }
.officeCon .member dd { margin-top: 10px; font-size:20px; font-weight: 500; line-height: 120%; }
.officeCon .member dd span { display: block; color: #afafaf; font-size:13px; margin-top: 3px; line-height: 120%;  }
.map { width: 100%; height:530px; overflow: hidden; position: relative;  margin-top: 75px; }	
.map iframe { width: 100%; height: 100%;  }
.officeCon article { margin-top: 12px; background: #f7f7f7; width: 100%; overflow: hidden; box-sizing:border-box; padding:50px; }
.officeCon h3 { float: left; font-size:30px; font-weight: 700; line-height: 100%; color: #323232; width: 180px; margin-top: 10px; }
.mapTxt { float: left; width:calc(100% - 180px); }
.mapTxt li { overflow: hidden; border-bottom:1px solid #e3e3e3; color: #6c6c6c; font-size:15px; height: 53px; }
.mapTxt li dl { display: table; float: left; width: 50%; }
.mapTxt li dt { color: #323232; display: table-cell; vertical-align: middle; line-height: 53px; padding-left:20px; position: relative; width: 125px; box-sizing:border-box; }
.mapTxt li dt:before { content: ""; display: block; width: 3px; height: 14px; background: #000; position: absolute; top: 19px; left: 0;  }
.mapTxt li dt:after { content: ""; display: block; width: 1px; height: 14px; background: #6a6a6a; position: absolute; top: 19px; right: 0; }
.mapTxt li dd { display: table-cell; vertical-align: middle; padding-left: 10px; box-sizing:border-box; }
.mapTxt li:first-child dl { width: 100%; }


/*TIMF앙상블*/
.timfCon .imgBox { width: 100%; height: 530px; overflow: hidden; background: #f7f7f7; }
.timfCon .img_Big { float: left; width: 65%; height: 100%; overflow: hidden; }
.timfCon .img_Big .img { height: 530px; position: relative;  overflow: hidden;  }
.timfCon .img_Big img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%; }
.timfCon .right { float: right; width:35%; overflow: hidden; box-sizing:border-box; padding:0 3%; }
.timfCon .right dl { overflow: hidden; border-bottom:1px solid #e3e3e3; margin-top: 90px; padding-bottom: 40px; }
.timfCon .right dt { color: #323232; font-size:26px; font-weight: 700; line-height: 120%;  }
.timfCon .right dd { color: #9f9f9f; font-size:15px; font-weight: 500; line-height: 100%; margin-top: 20px; }
.timfCon .right .btn { margin-top: 40px; overflow: hidden; position: relative; width: 80px; height: 17px;  }
.timfCon .right .btn:before { content: ""; display: block; width: 1px; height: 100%; background: #d0c7c4; position: absolute; top: 0; left: 50%; } 
.timfCon .right .btn p { float: left; }
.timfCon .right .btn p:last-child { float: right; }
.timfCon .thumbnail { margin: 135px 0 0 0; width: 300px; }
.timfCon .thumbnail .img { display: block; width: 90px; height: 60px; float: left; position: relative; overflow: hidden; }
.timfCon .thumbnail .img img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; height: 100%; cursor:pointer; }
.timfCon .txt { overflow: hidden; margin-top: 50px; }
.timfCon .txt p { margin-bottom: 30px; font-size:15px; line-height:160%; color: #929499; font-weight: 300;  }


@media screen and (max-width:1200px) {
	/* common */
	#lnb { display: none; }
	#subCon { float: none; width:100%; }
	#cont { padding:0; }

	/*단원리스트*/
	.memberList li { height: auto;  }
	.memberList li a { padding:5%; position: relative;  }
	.memberList li .img { width: 140px; height: 140px; }
	.memberList dl { margin:5% 0 0 7%; width:calc(90% - 150px); }
	.memberList dd { margin-top: 5px; }
	.memberList li p { position: absolute; top: 0; right:5%;}
	.memberList > p { text-align: right; margin-top: 10px; color: #8a8a8a;  }

	/*단원상세*/
	.memberView .title dl { margin-left: 30px; }
	
	/*공연일정*/
	.shdList li { padding:30px 20px; }


	/*공연일정상세*/
	.schdView .subject { padding:30px 20px;  }



	/*섭스크립션*/
	.scriptBox > div { padding:30px;  }
	.scriptBox .left { float: none; width: 100%; height: auto; border-bottom:1px solid #ededed; border-right:none; padding-bottom:30px; }
	.scriptBox .left h3 br { display: none; }
	.scriptBox .right { float: none; width: 100%; padding:0; margin-top: 30px; }
	.scriptBox .right p.infoTxt { margin-top: 20px; }
	.scriptBox .right dl { margin-top: 20px; }




	/*후원*/
	.suppBox > div { padding:30px; }





	/*조직*/
	.officeCon .member li { width: 24%; height: 180px; }
	.officeCon .member li:nth-child(7n+1) { margin-left: 1%; }
	.officeCon .member li:nth-child(4n+1) { margin-left: 0; }
	.map { height:50vw; margin-top: 35px; }	
	.officeCon article { padding:30px; }
	.officeCon h3 { float: none; width: auto; }
	.mapTxt { float: none; width:100%; }
	.mapTxt li { height: auto; border-bottom:none; }
	.mapTxt li dl { display: table; float: none; width: 100%;  border-bottom:1px solid #e3e3e3;}





	/*TIMF앙상블*/
	.timfCon .imgBox { height: auto; }
	.timfCon .img_Big { float: none; width: 100%; height: auto; }
	.timfCon .img_Big .img { height: 60vw;  }
	.timfCon .img_Big img { width: 100%; min-height: auto; }
	.timfCon .right { float: none; width:100%; padding:30px 15px; }
	.timfCon .right dl { margin-top: 0; padding-bottom: 20px; }
	.timfCon .right dd { margin-top: 10px; }
	.timfCon .right .btn { margin-top: 20px;  }
	.timfCon .thumbnail { margin: 30px 0 0 0 }



}

@media screen and (max-width:770px) {
	/*단원리스트*/
	.memberList li p { top: inherit; bottom:5%; right:5%;  }
}



@media screen and (max-width:650px) {
	/* common */
	.sub { margin: 20px auto 50px; }
	#subCon > .title { overflow: hidden; border-bottom:5px solid #e3e5e4; padding-bottom: 10px; }
	#subCon .navi { font-size:12px; margin-top: 0; }
	#subCon .navi li img { height:10px; margin-top: 7px; }
	#subCon .navi li:not(:first-child):before { margin:0 5px; }
	#subCon > .title h2 { clear:right; float: none; padding-top: 8px; }
	#cont { margin-top: 20px;  }
	
	/*게시판 공통*/
	.boardCon .sch:not(.none) { float: none; width: 100%;	}
	.boardCon .sch input[type='text'] { width: calc(100% - 160px); }
	.boardCon .sch .btn input { width: 55px; }

	/* 게시판 - (PROJECT > 연간공연일정) */
	.schedule .boardCon .sch{ height: 75px; margin-bottom: 6px; }
	.schedule .boardCon .sch > *{ flex-wrap: wrap; }
	.schedule .boardCon .sch select{ width: calc((100% - 5px) / 2); height: 35px; margin-bottom: 5px; }
	.schedule .boardCon .sch input[type='text']{ width: calc(100% - 60px); margin-left: 0; }

	/*단원리스트*/
	.memberList li .img { float: none; margin: 0 auto;  width: 85%; height:auto; padding-bottom:85%; }
	.memberList dl { float: none; margin:20px auto 0; text-align: center; width: 100%; }
	.memberList dt { font-size:16px; line-height: 120%;  }
	.memberList li p { position: relative; top: inherit; left: inherit; right: inherit; bottom: inherit; float: none; margin:15px auto 0; }

	/*단원상세*/
	.memberView .title {  height: auto; }
	.memberView .title div { float:none; margin: 0 auto; width: 230px;   } 
	.memberView .title dl { float: none; margin:20px 0; text-align: center; }
	.memberView .title dt { font-size:25px; }
	.memberView .title dd { font-size:35px; margin-top: 10px;}
	.memberView .title dd span { font-size:20px; }
	.memberView .title .btn { position: static; float: right; margin:25px 0; }

	/*레퍼토리*/
	.cpsTab li { width: 120px;  }
	.cpsTab li a { height: 45px; line-height: 43px; }

	.rptList li { display: block; }
	.rptList li > p { display: block; float: left; height: auto; border-right:none; padding:10px 5px 10px 10px; text-align: center; line-height:120%; width:auto !important; }
	.rptList li > p:nth-child(2) { padding:10px 0 10px 5px;  }
	.rptList li > div { clear:both; display: block; padding:0 15px 10px; }

	/*공연일정*/
	.yearTit { margin-bottom: 20px; }
	.yearTit h3 { font-size:30px; margin:0 10px; }
	.yearTit p { margin:0 10px; }
	.yearTit a { width: 30px; height: 30px; }
	.yearTit a img { height: 15px; }

	.shdList li { padding:20px 0; }
	.shdList .img { float: none; margin: 0 auto; width: 40%; height: auto; padding-bottom: 57%; }
	.shdList .txt { float: none; width:100%; margin:20px 0 0;  }
	.shdList .txt dt { margin-top: 0; }
	.shdList .txt dt+dd { margin-top: 20px; }
	.shdList .txt dd { font-size:15px; margin-top: 10px;  }




	/*공연일정상세*/
	.schdView .subject .img { float: none; margin: 0 auto; width: 58%; height: auto; padding-bottom: 80%; }
	.schdView .subject .txt { float: none; width:100%; margin:20px 0 0; }
	.schdView .subject .txt dt { margin-top: 0;}
	.schdView .subject .txt dt+dd { margin-top: 20px; }
	.schdView .subject .txt dd { font-size:15px; margin-top: 10px;}





	/*섭스크립션*/
	.scriptBox > div { padding:20px; }
	.scriptBox .left h3 { font-size:28px; }
	.scriptBox .left h3 span { margin-top: 10px; font-size:16px; }
	.scriptBox .left p { margin-top: 20px; }
	.scriptBox .right p { font-size:16px; }
	.scriptBox .right p.infoTxt i { display: none; }
	.scriptBox .right p.infoTxt span { display: block; word-break:break-all; line-height: 120%; font-size:15px; margin-top: 5px; }
	.scriptBox .right dl { margin: 20px auto 0; font-size:18px; width: 300px; }
	.scriptBox .right dt { padding:0 40px 0 10px; margin-top: 0; }
	.scriptBox .right dt s { display: block; font-weight: 300;  }
	.imgScription { margin: 30px auto 0; }


	/*후원*/
	.suppBox dl { padding-bottom: 25px;  }
	.suppBox dt { font-size:28px; }
	.suppBox dd { margin-top: 15px; font-size:20px; }
	.suppBox p { margin-top: 20px; font-size:16px; }
	.suppBox > div > ul { margin-top: 20px; }
	.suppBox > div > ul li { font-size:18px; }
	.suppBox > div > ul li:before { top: 9px; }
	.suppBox a { margin-top: 40px; }



	/*게시판타이틀*/
	.bdCon .title { padding:15px; }
	.bdCon .title h3:before {  top: 3px; }
	.bdCon .title+p { font-size:15px;  }




	/*조직*/
	.officeCon .member li { width: 32.3%; height: 110px; }
	.officeCon .member li:nth-child(4n+1) { margin-left: 1%; }
	.officeCon .member li:nth-child(3n+1) { margin-left: 0; }	
	.officeCon .member dd { font-size:18px; }
	.officeCon article { padding:20px; }
	.officeCon h3 { font-size:28px; }

	.mapTxt  { margin-top: 20px; }
	.mapTxt li dl { display: block; margin-top: 10px; padding-bottom: 10px; }
	.mapTxt li dt { line-height: 120%; padding-left: 10px; }
	.mapTxt li dt:before { top: 3px; }
	.mapTxt li dt:after { display: none; }
	.mapTxt li dd { display: block; padding-left: 10px; margin-top: 2px; word-break:break-all; line-height: 120%; }



	/*TIMF앙상블*/
	.timfCon .right { padding:20px 15px; }
	.timfCon .right dt { font-size:24px;  }
	.timfCon .right .btn { width: 60px; }
	.timfCon .txt {  margin-top: 30px; }
	.timfCon .txt p { margin-bottom: 20px; }


}


@media screen and (max-width:450px) {
	/*단원리스트*/
	.memberList dl { height:90px; }
}
@media screen and (max-width:380px) {
	/*섭스크립션*/
	.scriptBox .right dl {  width: 120px; }
	.scriptBox .right dt { float: none; background:none; padding:0 0 30px 12px; }
	.scriptBox .right dt:after { content: ""; display: block; width: 27px; height: 19px; background: url(/img/sub/icon_scription.gif) no-repeat; position: absolute; bottom: 0;	left: 45px;  transform:rotate(90deg); -webkit-transform:rotate(90deg); }
	.scriptBox .right dd { float: none; margin:5px 0 0; }
	
}