/*common*/

strong {font-weight:600;}
/****************소개*********************/
.month_box {position:relative; display:flex; justify-content:space-between; flex-flow:row wrap;}
.month_box:after {content:''; height:100%; width:2px; position:absolute; top:0; left:calc(50% - 1px); border-left:2px dashed #dedede;}
.month_box .month_con {width:calc(50% - 30px); margin-bottom:50px;}
.month_box .month_con p.tit {padding:15px 30px; background:#f5f5f5; font-size:2.8rem; font-weight:600; color:#333; margin-bottom:20px;}
.month_box .month_con ul li {padding:10px 30px; position:relative; display:flex; font-size:2.0rem; justify-content:space-between;}
.month_box .month_con ul li p.day {width:160px; font-size: 18px; color: #888;}
.month_box .month_con ul li p.day strong {font-size:3.6rem; font-weight:600; margin-right: 6px; color: #333;}
.month_box .month_con ul li p.day_con {width:calc(100% - 230px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.month_box .month_con ul li p.day_btn {width:110px; text-align:right; }
.month_box .month_con ul li p.day_btn a {display:inline-block; border-radius:50px; border:1px solid #dedede; font-size:1.5rem; padding:0 30px 0 15px; position:relative; line-height:30px; transition:all .2s;}
.month_box .month_con ul li p.day_btn a::after {content:'\EA6C'; color:#ff0000; font-family: remixicon!important; position:absolute; top:0; right:10px; transition:all .2s;}
.month_box .month_con ul li p.day_btn a:hover {background:#fa3c5d; color:#fff; border:1px solid #fa3c5d;}
.month_box .month_con ul li p.day_btn a:hover::after {color:#fff;}

@media screen and (max-width:860px) {
	.month_box .month_con {width:100%;}
	.month_box:after {display:none;}
	.month_box .month_con p.tit {padding:15px 20px; }	
	.month_box .month_con ul li {padding:10px 20px;}
	.month_box .month_con ul li p.day {width:134px; }
	.month_box .month_con ul li p.day_con {width:calc(100% - 145px);}
	.month_box .month_con ul li p.day_btn {width:35px;}
	.month_box .month_con ul li p.day_btn a {padding:0 20px 0 10px;}
	.month_box .month_con ul li p.day_btn a::after {right:7px;}
	.month_box .month_con ul li p.day_btn span {opacity:0; width:0; display:inline-block;}
	.month_box .month_con ul li p.day strong{font-size: 2.8rem;}
}


/****************개폐막*********************/
.opentopbox {position:relative; border-radius:5.0rem; background-color: #fff; border:5px solid #dedede; padding:5.0rem; display:flex; justify-content:space-between; flex-flow:row wrap;}
.opentopbox > div.opentopbox_con {width:65%; word-break:keep-all;}
.opentopbox > div.img {width:25%; position: relative;}
.opentopbox > div.img a{display: block; position: absolute; top: 0px; right: 0px; background: #fa3c5d; padding: 5px 10px; color: #fff; font-weight: 400; font-size: 14px;}
.opentopbox > div.img img {border-radius:20px; width:100%;}
.opentopbox > div p.title {font-size:4.2rem; line-height:5.0rem; font-weight:400; align-items:center; margin-bottom:4.0rem; word-break:break-all; /*display:flex; flex-flow:row wrap;*/}
.opentopbox > div p.title em {color:#333;}
.opentopbox > div p.title strong {font-weight:800;}
.opentopbox > div p.title span {display:inline-block; font-size:1.4rem; border-radius:30px; border:1px solid #dedede; line-height:1.8rem; padding:3px 10px;}
.opentopbox > div p.title span.off {border:1px solid #ff3c5b; color:#ff3c5b;}
.opentopbox > div p.copy {font-size:1.8rem; margin-bottom:4.0rem;}
.opentopbox > div ul li {position:relative; margin-bottom:5px;}
.opentopbox > div ul li .btn-link{color: #4c3e89;border: 1px solid #4c3e89;background-color: #fff;padding: 5px 13px;margin-left: 9px;font-size: 15px;font-weight: bold;border-radius: 20px;}
.opentopbox > div ul li .btn-link:hover{color: #fff;background-color: #4c3e89;;}
.opentopbox > div ul li strong {display:inline-block; width:120px; font-weight:600; position:relative; padding-left:30px;}
.opentopbox > div ul li strong:before {content:''; display:inline-block; width:2.2rem; height:2.2rem; background:#4c3e89; border-radius:50%; position:absolute; top:4px; left:0;color:#fff; font-family: remixicon!important; font-size:1.4rem; line-height:2.2rem;text-align:center;}
.opentopbox > div ul li.period strong:before {content:'\EB27'; }
.opentopbox > div ul li.place strong:before {content:'\ED39'; }
.opentopbox > div ul li.host strong:before {content:'\EF84';}



@media screen and (max-width:768px) {
	.opentopbox {padding:3.0rem; border-radius:3.0rem;}
	.opentopbox > div p.title {font-size:4.0rem; line-height:4.6rem;}
}
@media screen and (max-width:480px) {
	.opentopbox {flex-direction: column-reverse; border-radius:0; border:0; padding:0; }
	.opentopbox > div.opentopbox_con {width:100%;}
	.opentopbox > div.img {width:100%; }
}
.box {border:1px solid #dedede; padding:3.0rem;}
@media screen and (max-width:768px) {
	.box {border:1px solid #dedede; padding:1.0rem;}
}
.movie {position:relative; margin-top:3.0rem;}
.movie >div {position:relative; padding:7.0rem;}
.movie >div:before {content:''; display:block; width:100%; height:calc(100% - 150px); background:#f2f2f2 url(/bussa/images/sub/patten.png) no-repeat 50% 50%; position:absolute; top:0; left:0; z-index:0;}
.movie >div iframe {width:100%; aspect-ratio: 16 / 9; background:#333; border:15px solid #fff; position:relative; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); box-sizing:border-box;}
body.iever .movie >div iframe {height:500px; }
.movie >div video {height:500px; width:100%; background:#333; border:15px solid #fff; position:relative; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); box-sizing:border-box;}
@media screen and (max-width:768px) {
	.movie >div {position:relative; padding:3.0rem;}
	body.iever .movie >div iframe {height:300px; }	
}


.festval_search {position:relative; border:1px solid #dedede; text-align:center; text-align:center; margin-bottom:24px;}
.festval_search div.gate {position:relative;   }
.festval_search div.gate .pcver-busking {display:flex; justify-content:center; flex-flow:row wrap; border-bottom:1px solid #dedede;}
.festval_search div.gate .pcver-busking a {padding:20px 30px 10px 30px; box-sizing:border-box; font-size:1.8rem;}
.festval_search div.gate .pcver-busking a.on {border-bottom:4px solid #fa3c5d;}

.festval_search div.gate .pcver-main {display:flex; justify-content:center; flex-flow:row wrap; border-bottom:1px solid #dedede;}
.festval_search div.gate .pcver-main a {padding:20px 30px 10px 30px; box-sizing:border-box; font-size:1.8rem;}
.festval_search div.gate .pcver-main a.on {border-bottom:4px solid #fa3c5d;}
.festval_search div.gate .mover {display:none;}
@media screen and (max-width:1300px) {
	.festval_search div.gate .pcver-busking a {padding:20px 20px 10px 20px;}
	.festval_search div.gate .pcver-main a {padding:20px 20px 10px 20px;}
}
@media screen and (max-width:980px) {
	.festval_search div.gate .pcver-busking	{display:none;}
	.festval_search div.gate .pcver-main	{display:block; height: 43px; line-height: 43px;}
	.festval_search div.gate .mover {display:block; width:100%; border:none; font-size:2.0rem; font-weight:800; height:60px; padding:0 20px; border-bottom:1px solid #dedede;}
}

.festval_search div.sear {padding:30px 20px;}
.festval_search div.sear select {border: 1px solid #cfcfcf; padding:0 30px 0 20px; position:relative; border-radius:30px; height:5.0rem;min-width:100px; margin-bottom:5px;}
.festval_search div.sear input {height:5.0rem; border-radius:30px; margin-bottom:5px;}
.festval_search div.sear input[type="text"] {border: 1px solid #cfcfcf; padding: 0 25px; min-width:300px;}
.festval_search div.sear input[type="submit"] {padding:0 50px 0 30px; background:#ff3c5b url(/bussa/images/common/topsearbtn.png) no-repeat 10rem 50%; border:0; text-align:left;}
.festval_search div.sear a.btn-down {font-weight: 500; line-height:4.6rem; padding:0 20px;  display:inline-block; border-radius:30px; position:relative; color: #ff3c5b; border:2px solid #ff3c5b; box-sizing:border-box;}
.festval_search div.sear a.btn-down:hover {background:#ff3c5b; color:#fff; }
.festval_search div.sear a.btn-down:after {content:'\EC54'; font-family: remixicon!important; font-size:1.6rem; margin-left:10px;}
.festval_search div.sear a.btn-open {font-weight: 500; line-height:4.6rem; padding:0 20px;  display:inline-block; border-radius:30px; position:relative; color: #4c3e89; border:2px solid #4c3e89; box-sizing:border-box;}
.festval_search div.sear a.btn-open:hover {background:#4c3e89; color:#fff; }
.festval_search div.sear a.btn-open:after {content:'\EB87'; font-family: remixicon!important; font-size:1.6rem; margin-left:10px;  }

.festval_list ul {position:relative; display:flex; flex-flow:row wrap; justify-content: flex-start;}
/*.festval_list ul li:nth-child(3n){margin-right: 0px;}*/
.festval_list ul li {width:33.3%; margin-bottom:80px; padding: 0 8px;}
.festval_list ul li:nth-child(3n) {padding-right: 0;padding-left: 16px;}
.festval_list ul li:nth-child(3n+1) {padding-left: 0;padding-right: 16px;}
.festval_list ul li a .thum {position:relative;}
.festval_list ul li a .thum img {position:relative; z-index:9; transition:all .2s; padding:0; margin:0;}
.festval_list ul li a .thum em {position:absolute; bottom:-5px; right:0; padding:5px 20px; background:#333; color:#fff; font-size:1.8rem; z-index:11;}
.festval_list ul li a .thum em.type00 {background:#333;}	/* multi */
.festval_list ul li a .thum em.type01 {background:#855964;}	/* 음악 | A스팟 */
.festval_list ul li a .thum em.type02 {background:#349982;}	/* 무용 | B스팟 */
.festval_list ul li a .thum em.type03 {background:#00a0ba;}	/* 뮤지컬 | C스팟 */
.festval_list ul li a .thum em.type04 {background:#786bc0;}	/* 다원 | D스팟 */
.festval_list ul li a .thum em.type05 {background:#3c66a3;}	/* 전통 | E스팟 */
.festval_list ul li a .thum em.type06 {background:#d87500;}	/* 음악 | F스팟 */


.festval_list ul li a p.title {font-size:2.6rem; color:#000; margin-top:10px;}
.festval_list ul li a p.f_time,
.festval_list ul li a p.f_loca,
.festval_list ul li a p.f_cast,
.festval_list ul li a p.f_con,
.festval_list ul li a p.f_instar,
.festval_list ul li a p.f_face,
.festval_list ul li a p.f_utube,
.festval_list ul li a p.f_show {display:none;}



.festval_list ul li a .thum:before {transition:all .3s;  content:''; width:1px; height:0; background:#fff; position:absolute; top:20px; left:20px; z-index:10;}
.festval_list ul li a .thum:after {transition:all .3s; content:''; width:0; height:1px; background:#fff; position:absolute; top:20px; left:20px;  z-index:10;}
.festval_list ul li a .thum div:before {transition:all .3s;  content:''; width:1px; height:0; background:#fff; position:absolute; bottom:29px; right:20px; z-index:10;}
.festval_list ul li a .thum div:after {transition:all .3s; content:''; width:0; height:1px; background:#fff; position:absolute; bottom:29px; right:20px;  z-index:10;}
.festval_list ul li a .thum i {width:46px; height:46px; position:absolute; top:calc(50% - 23px); left:calc(50% - 23px); z-index:10; transition:all .3s; opacity:0;}
.festval_list ul li a .thum i:before {content:''; display:block; width:100%; height:1px; position:absolute; top:50%; left:0; background:#fff;}
.festval_list ul li a .thum i:after {content:''; display:block; width:1px; height:100%; position:absolute; top:0; left:50%; background:#fff;}

.festval_list ul li a:hover .thum img{box-shadow:3px 3px 15px rgba(0,0,0,0.2);}
.festval_list ul li a:hover .thum:before {height:calc(70% - 40px);}
.festval_list ul li a:hover .thum:after {width:calc(70% - 40px);}
.festval_list ul li a:hover .thum div:before {height:calc(70% - 40px);}
.festval_list ul li a:hover .thum div:after {width:calc(70% - 40px);}
.festval_list ul li a:hover .thum i {opacity:1;}

.festval_list .f_more {text-align:center;}
.festval_list .f_more a {display:inline-block; padding:10px 40px; border-radius:40px; border:1px solid #666;}
.festval_list .f_more a:hover {color:#ff3c5b;}
.festval_list .f_more a:after {content:'+';display:inline-block; margin-left:10px; font-size:22px; color:#ff0000;}

@media screen and (max-width:768px) {
	.festval_list ul li {width:48%;  margin-bottom:40px; padding: 0;}	
	.festval_list ul {justify-content: space-between;}
	.festval_list ul li:nth-child(3n) {padding: 0;}
	.festval_list ul li:nth-child(3n+1) {padding: 0;}
	.festval_list ul li a p.title{font-size: 2rem; width: 154px; overflow: hidden; text-overflow: ellipsis;}
	.festval_search div.sear input[type="text"]{width: 100%; min-width: 260px;}
	.festval_search div.sear input[type="submit"]{width: 100%; background: #ff3c5b url(/bussa/images/common/topsearbtn.png) no-repeat 90% 50%;}
	.festval_search div.sear select{width: 49%;}
	.festval_search div.sear a.btn-down{width: 100%; margin-top: 5px;}
	.festval_search div.sear a.btn-open{width: 100%; margin-top: 10px;}
}



.f_modal {position:fixed; background:rgba(0,0,0,0.5); top:0; left:0; width:100%; height:100vh; z-index:100000; }
.f_modal > div {width:800px; max-height:calc(100vh - 100px); overflow-y:auto; background:#fff; margin:50px auto 0; box-sizing:border-box; padding:30px; position:relative;}
.f_modal > div > a.close {position:absolute; top:0; right:0; text-indent:-9999px; background:#333; width:45px; height:45px;}
.f_modal > div > a.close:after {content:'\EB99'; font-family: remixicon!important; color:#fff; font-size:2.7rem; position:absolute; top:8px; left:10px; text-indent:0;}

.f_modal > div .thum {position:relative; background-position:50% 50%; height:350px; background-size:cover; margin-bottom:24px;}
.f_modal > div .thum em {position:absolute; top:0; left:0; padding:5px 20px; background:#333; color:#fff; font-size:1.8rem; z-index:11;}
.f_modal > div .thum em.type00 {background:#333;}	/* multi */
.f_modal > div .thum em.type01 {background:#855964;}/* 음악 | A스팟 */
.f_modal > div .thum em.type02 {background:#349982;}/* 무용 | B스팟 */
.f_modal > div .thum em.type03 {background:#00a0ba;}/* 뮤지컬 | C스팟 */
.f_modal > div .thum em.type04 {background:#786bc0;}/* 다원 | D스팟 */
.f_modal > div .thum em.type05 {background:#3c66a3;}/* 전통 | E스팟 */
.f_modal > div .thum em.type06 {background:#d87500;}/* 음악 | F스팟 */


.f_modal > div .title {margin-bottom:20px;}
.f_modal > div .title strong {font-weight:800; font-size:3.8rem; font-family: 'SBAggro'; margin-right: 10px;}
.f_modal > div .title span {font-size:2.0rem;}
.f_modal > div h3 {margin:10px 0 10px 0; border-top:3px solid #333; border-bottom:1px solid #dedede; padding:20px 30px 20px 40px; font-size: 2rem;}
.f_modal > div h3:before {display:none;}
.f_modal > div h3:after {content:'\EA99'; width:30px; height:30px; background-color:#666; font-family: remixicon!important; color:#fff; font-size:1.6rem; border-radius:50%; position:absolute; top:calc(50% - 17px); left:0; text-align:center; line-height:3rem;}
.f_modal > div ul {border-bottom:1px solid #dedede; padding-bottom:10px;}
.f_modal > div ul li {display:flex; justify-content:space-between; }
.f_modal > div ul li strong {display:inline-block; width:80px;}
.f_modal > div ul li span {display:inline-block; width:calc(100% - 80px);}

.f_modal > div p{margin: 20px 0 20px 0; line-height: 1.4;}

.f_modal .f_btn {display:flex; flex-direction: row; flex-flow:row wrap; margin-top:15px;}
.f_modal .f_btn a{margin-left: 10px;}
.f_modal .f_btn a:nth-child(1){margin-left: 0;}

.f_modal .f_btn a {width:32%; box-sizing:border-box; border-radius:3px; border:1px solid #dedede; padding:7px 10px 7px 40px; position:relative; transition:all .3s;}
.f_modal .f_btn a:before {font-family: remixicon!important; font-size:2.2rem;  position:absolute; top:7px; left:12px;}
.f_modal .f_btn a.f_instar:before {content: "\EE66"; font-family: remixicon!important; color:#ee335f;}
.f_modal .f_btn a.f_face:before {content: "\ECBC"; font-family: remixicon!important; color:#3b5a9a;}
.f_modal .f_btn a.f_utube:before {content: "\F2D4"; font-family: remixicon!important; color:#e70a03;}


.f_modal .f_btn a.f_instar:hover {background: -webkit-gradient(linear, left top, right top, color-stop(0.44, #ed3362), color-stop(1, #6e54a4));
	background: -moz-linear-gradient(left, #ed3362 44%, #6e54a4 100%);
	background: -webkit-linear-gradient(left,  #ed3362 44%, #6e54a4 100%);
	background: -o-linear-gradient(left,  #ed3362 44%, #6e54a4 100%);
	background: -ms-linear-gradient(left,  #ed3362 44%, #6e54a4 100%);
	background: linear-gradient(left,  #ed3362 44%, #6e54a4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed3362', endColorstr='#6e54a4', gradientType=1);}
.f_modal .f_btn a.f_face:hover {background:#3b5a9a;}
.f_modal .f_btn a.f_utube:hover {background:#e70a03;}
.f_modal .f_btn a:hover {color:#fff; }
.f_modal .f_btn a:hover:before {color:#fff!important;}

@media screen and (max-width:820px) {
	.f_modal > div {width:100%; max-height:100vh;  margin:0; padding:0px;}
	.f_modal > div .thum {height:250px;}
	.f_modal > div > div.mcon {padding:0 20px;}
	.f_modal .mcon .f_btn { margin-bottom:25px;}
}
@media screen and (max-width:580px) {
	.f_modal .f_btn a {width:100%; margin-bottom:5px;}
	.f_modal .f_btn a{margin-left: 0;}
	.f_modal > div .title strong{font-size: 2.8rem;}
	.f_modal > div .title span{display: block; margin-top: 3px;}
	}

.openmap{display:none; position:fixed; top:0; left:0; text-align:center; padding:50px 30px; z-index:100; width:100%; }
.openmap:before {content:''; display:block; background:rgba(0,0,0,0.5); width:100vw; height:100vh; position:absolute; top:0; left:0; z-index:0;}
.openmap img,
.openmap a {position:relative; z-index:1;}

.openmap img{max-width:800px!important;}
.openmap a {display:inline-block; max-width: 800px; width: 100%; background:#333; color:#fff; border-radius:5px; padding:5px; transition:all .2s;}
.openmap a:hover {background:#fa3c5d; color:#fff;}
@media screen and (max-width:860px) {
	.openmap img{width:100%;}
}

/*초청공연*/
.type-w{ display: block; background-color: #f5f5f5; padding: 10px 15px; margin-bottom: 20px;}
.type-m{ display: none;}
@media screen and (max-width:860px) {
	.type-w{ display: none;}
	.type-m{ display: block; background-color: #f5f5f5; padding: 10px 15px; margin-bottom: 20px;}
}


/*국제교류세미나*/
.seminar{margin-top: 30px; background-color: #f0f1f7; border: none;}
.seminar h5 {margin-top: 0; color: #4c3e89;}
.seminar p{font-weight: 300;}

.profile .block{display:flex; align-items:center;padding:35px 10px 35px 35px;border-bottom:1px solid #ddd}
.profile .icon{width:15%}
.profile .block div.tinfo{width:80%; padding-left: 30px;}
.profile .block div.tinfo p {font-size:2.0rem; font-family: 'GmarketSans'; font-weight:600; margin-bottom:10px;}
.profile .block div.tinfo ul li {position:relative; padding-left:10px; font-size:1.8rem; line-height: 2;}
.profile .block div.tinfo ul li::before {content:''; display:block; width:4px; height:4px; background:#666; position:absolute; top:13px; left:0; border-radius:50%;}

.profile .block .red{background-color:#990000; }
.profile .block .redf{color:#990000; }
.profile .block .blue{background-color:#013aae;}
.profile .block .red,
.profile .block .blue{color:#fff; display:inline-block; padding:0px 10px; margin-bottom:5px}

@media screen and (max-width: 1024px){
	.profile .block {padding: 30px 10px 30px 0px;}
}

@media screen and (max-width:768px){
	.seminar{padding: 20px;}
	
	.profile .block {display: block;}
	.profile .icon,
	.profile .block div.tinfo{width:100%; padding-left: 0px;}
	.profile .block {padding: 20px 10px 20px 0px;}
	.profile .icon, 
	.profile .block div.tinfo p{text-align:center;}

}