@charset "utf-8";
input[type=submit], input[type=text] {-webkit-appearance:none; border-radius:0;}
select {border-radius:0;}
body {background-color:#f0f0f0; padding-right:110px;}
.wrap {position:relative; margin:0 auto;}
header {position:relative; background:url(/open_content/festival/img/header_bg.png) right -110px top no-repeat;}
header .top_box {text-align:center; margin:0 auto; padding-bottom:5%; max-width:910px; background:url(/open_content/festival/img/logo_bg.png) right 14px no-repeat;}
header .top_box h1 {padding-top:104px; padding-bottom:30px;}
header .top_box h1 a img {max-width:100%;}
header .top_box .top_search {position:relative; margin:0 auto; padding-left:20px; padding-right:20px; max-width:450px; color:#fff;}
header .top_box .top_search input[type=text] {padding:15px 70px 15px 5%; width:100%; color:#fff; font-size:21px; background-color:#f47190; border:2px solid #000; border-radius:30px; box-sizing:border-box;}
input::-ms-input-placeholder {color:#fff;}
input::-webkit-input-placeholder {color:#fff;}
input::-moz-placeholder {color:#fff;}
header .top_box .top_search input[type=image] {position:absolute; top:15px; right:45px; border:0px;}  

header nav {position:fixed; right:0; top:0; width:110px; height:100%; background-color:#fff; box-shadow:0 0 4px rgba(0,0,0,.25); z-index:99;}
header nav>div {height:100%;}
header nav h2 {position:relative; width:100%; height:100%; background-color:#fff; z-index:99;}
header nav h2 a, header nav .home a, header nav .con_top a {display:block; text-align:center; width:100%; height:100%;}
header nav .home {position:relative; height:120px; background-color:#fff; z-index:99;}
header nav .home a span {display:block; padding-top:65px; background:url(/open_content/festival/img/home_ic.gif ) center 33px no-repeat; color:#000; font-size:14px; font-weight:bold;}
header nav h2 {font-size:18px;}
header nav h2 a {position:relative; text-align:center;}
header nav h2 a span {position:absolute; top:30%; left:0; text-align:center; padding-top:35px; width:100%;} 
header nav h2 a.menu span {background:url(/open_content/festival/img/menu_ic.gif) center top no-repeat;}
header nav h2 a.close span {background:url(/open_content/festival/img/close_ic.gif) center top no-repeat;}
header nav .con_top a {position:absolute; left:50%; bottom:55px; margin-left:-23px; padding-top:10px; width:48px; height:48px; color:#000; font-size:14px; font-weight:bold; border:3px solid #000; border-radius:100%; background-color:#fff; box-sizing:border-box; z-index:99;}

header nav #nav {position:fixed; background:#f0f0f0 url(/open_content/festival/img/header_bg.png) right -110px top no-repeat; box-sizing:border-box;}
header nav #nav>div {padding-left:90px; padding-right:90px;}
header nav #nav h3 {display:inline-block; margin-top:75px; margin-bottom:90px; padding-left:100px; color:#222; font-size:38px; background:url(/open_content/festival/img/menu_logo.png) 0 0 no-repeat;}
header nav #nav h3 span {font-weight:normal;}
header nav #lnb {width:100%; border-bottom:1px solid #d3d3d3;}
header nav #lnb>li>p {padding-top:10px; padding-bottom:10px; margin-left:15px; margin-right:15px; color:#333; font-size:21px; font-weight:600; border-top:2px solid #333; border-bottom:1px solid #000; background-color:#f0f0f0;}
header nav #lnb>li>ul {text-align:left; padding:30px 0 70px 10px; margin-left:15px; margin-right:15px; background-color:#f0f0f0;}
header nav #lnb>li>ul>li {position:relative; padding-left:8px; margin-bottom:15px;}
header nav #lnb>li>ul>li:after {position:absolute; left:0; top:8px; width:3px; height:3px; background-color:#333; content:'';}
header nav #lnb>li>ul>li>a {display:block; color:#333; font-size:16px;}
header nav #lnb>li>ul>li.group span {position:relative; display:block; padding-right:22px;}
header nav #lnb>li>ul>li.group span:after,
header nav #lnb>li>ul>li.group span:before {position:absolute; background-color:#333; content:'';}
header nav #lnb>li>ul>li.group span:after {top:8px; right:0; width:13px; height:1px;}
header nav #lnb>li>ul>li.group span:before {top:2px; right:6px; width:1px; height:13px; transition:.3s;}
header nav #lnb>li>ul>li.group.on span:before {width:0; transition:.3s;}
header nav #lnb>li>ul>li.group ul {display:none; margin:10px 0;}
header nav #lnb>li>ul>li.group ul li {position:relative; padding-left:10px; margin-top:2px; margin-bottom:2px; color:#333; font-size:14px;}
header nav #lnb>li>ul>li.group ul li:after {position:absolute; left:0; top:9px; width:6px; height:1px; background-color:#a4a4a4; content:'';}
header nav .link {text-align:center; margin-bottom:60px;}
header nav .link>li {display:inline-block; margin-left:2px; margin-right:2px; width:170px; font-size:16px; font-weight:bold; border:1px solid #ddd; background-color:#fff; background-position:center 15px; background-repeat:no-repeat; box-shadow:1px 0 2px rgba(0,0,0,.05);}
header nav .link>li a {display:block; padding-top:60px; padding-bottom:15px; width:100%;}
header nav .link>li.schedule {background-image:url(/open_content/festival/img/menu_schedule.gif);}
header nav .link>li.publicity {background-image:url(/open_content/festival/img/menu_publicity.gif);}
header nav .link>li.info {background-image:url(/open_content/festival/img/menu_info.gif);}

footer {overflow:hidden; padding-top:3%; padding-bottom:3%; background-color:#77829e;}
footer .btm_con *,
footer .btm_link li a {color:#dee1e9;}

footer .btm_con {overflow:hidden; float:left; width:50%;}
footer .btm_con .logo {padding:8px 0 8px 60px; margin-bottom:20px; font-size:25px; font-weight:bold; background:url(/open_content/festival/img/btm_logo.gif) left 4px no-repeat;}
footer .btm_con li {float:left; width:45%;}
footer .btm_con li:first-child {width:55%;}
footer .btm_link {overflow:hidden; float:right; text-align:right; width:40%;}
footer .btm_link li {display:inline-block; text-align:center; width:18%; background-repeat:no-repeat; background-position:center 0;}
footer .btm_link li.btm_link01 {background-image:url(/open_content/festival/img/btm_link01.gif);}
footer .btm_link li.btm_link02 {background-image:url(/open_content/festival/img/btm_link02.gif);}
footer .btm_link li.btm_link03 {background-image:url(/open_content/festival/img/btm_link03.gif);}
footer .btm_link li.btm_link04 {background-image:url(/open_content/festival/img/btm_link04.gif);}
footer .btm_link li a {display:block; font-weight:bold; padding-top:90px;}

/*공연안내-포스터*/
#poster {position:relative;}
#poster>ul {width:100%;}
#poster>ul>li {position:relative;}
#poster>ul>li:after {position:absolute; right:3%; bottom:0; width:97%; height:100%; background-color:#fff; box-shadow:0 1px 2px rgba(0,0,0,.3); content:''; z-index:-1;}
#poster>ul>li .img {position:relative; overflow:hidden; margin-top:-20px; width:260px; height:350px; box-shadow:6px 0 rgba(0,0,0,.1); z-index:9;}
#poster>ul>li .img img {position:absolute; left:0; top:0; width:100%; min-height:100%;}
#poster>ul>li .con {position:absolute; top:5px; left:270px; margin-right:3%; padding:20px; box-sizing:border-box;}
#poster>ul>li .con .cate {margin-bottom:15px; color:#666; font-size:14px;}
#poster>ul>li .con .tit {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc;}
#poster>ul>li .con .tit a {display:block; min-height:48px; color:#333; font-size:18px;}
#poster>ul>li .con>ul>li {position:relative; margin-bottom:5px; margin-top:5px; padding-left:10px;}
#poster>ul>li .con>ul>li:before {position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#ccc; content:'';}
#poster>ul>li .con>ul>li>a {color:#888; letter-spacing:-.25px;}


@media all and (max-width:1700px) {
	header {background-position:left 120% top; }
	footer .btm_link li {width:22%;}
	#poster>ul>li .img {float:left; width:50%;}
	#poster>ul>li .con {position:static; float:right; width:47%;}
}

@media all and (max-width:1400px) {
	header {background:none; }
	header nav #nav {width:90%;}
	header nav #nav>div {padding-right:30px; padding-left:30px;}
	footer .btm_link {width:50%;}
	#poster>ul>li:after,
	#poster>ul>li .con {display:none; position:absolute; left:0; top:-20px; width:80%; height:350px; background-color:rgba(0,0,0,.7); z-index:99;}
	#poster>ul>li .con * {color:#fff !important;}
	#poster>ul>li .img {width:80%; box-shadow:none;}
	#poster>ul>li .img,
	#poster>ul>li .con {margin-left:10%;}
}

@media all and (max-width:1200px) {
	header {background:none; }
	header nav #nav {width:90%;}
	header nav #nav>div {padding-right:30px; padding-left:30px;}
	footer .btm_con {float:none; margin-left:5%; width:90%;}
	footer .btm_link {margin-top:50px; width:80%;}
	header nav #lnb {clear:both;}
	header nav #lnb>li {display:block !important; float:left; width:33.3% !important;}
}
/*PC*/
@media all and (min-width:801px) {
	.wrap {max-width:1580px;}
	footer .btm_con span {display:block;}
	header nav #nav {display:none; top:0; right:-100%; text-align:center; width:80%; height:100%; }
	header nav.bg:after {position:fixed; left:0; top:0; width:100%; height:100%; background:url(/open_content/festival/img/nav_bg.jpg) 0 0 no-repeat; content:''; z-index:-1;}
	header nav #nav>div {overflow-y:auto; height:100%;}
	header nav #lnb {display:table; margin-bottom:60px;}
	header nav #lnb>li {display:table-cell; width:16.6%;}
	.scrollY {display:none;}
}
/*mobile*/
@media all and (max-width:800px) {
	body {padding-right:0;}
	header {background:none;}
	header .top_box {-webkit-background-size:auto 50%; background-size:auto 50%; background-position:right 40px;}
	header .top_box h1 {margin:0 auto; padding-top:130px; width:65%;}
	header .top_box .top_search {margin-bottom:50px; width:60%;}
	header .top_box .top_search input[type=text] {font-size:16px;}
	header nav {position:absolute; left:0; top:0; width:100%; height:70px; box-shadow:0 0 4px rgba(0,0,0,.25);}
	header nav .home,
	header nav h2 {position:absolute; overflow:hidden; width:100px; height:70px; background-color:transparent;}
	header nav .home span,
	header nav h2 span {font-size:0; text-indent:-500px;}
	header nav .home {left:0;}
	header nav .home a span {padding-top:22px; padding-bottom:10px; background-position:10px 20px;}
	header nav h2 {right:0;}
	header nav h2 a span {background-position:right 10px top !important;}
	header nav .con_top {display:none;}
	header nav #nav {position:static; background:none; width:100%; z-index:999;}
	header nav #nav>div {padding:0; height:70px;}
	header nav #nav h3 {position:absolute; left:50%; top:-60px; margin-left:-127px; padding-left:65px; padding-bottom:5px; width:253px; font-size:25px; -webkit-background-size:60px; background-size:60px;}
	header nav #nav h3 span {font-weight:bold;}
	header nav #nav .lnb_box {position:absolute; top:70px; display:none; width:100%; height:100%; background:#f0f0f0; z-index:999;}
	header nav #lnb>li {float:none; width:100% !important;}
	header nav #lnb>li>p {border-bottom:none; border-top-width:1px; border-color:#ccc; cursor:pointer;}
	header nav #lnb>li>ul {display:none; padding-bottom:20px;}
	header nav #lnb>li>p {margin-left:0; margin-right:0; padding-left:15px; padding-right:15px; background-color:#fff;}
	header nav #lnb>li>ul {margin-left:0; margin-right:0; padding:15px 25px; border-top:1px solid #ccc;}
	header nav #lnb>li>ul>li {margin-bottom:5px; margin-top:5px;}
	header nav .link {display:none;}
	footer {padding:20px 30px;}
	footer .btm_con {padding-top:180px; }
	footer .btm_con .logo {display:none;}
	footer .btm_con li {float:none; text-align:center; width:100% !important;}
	footer .btm_link {position:absolute; top:20px; float:none; text-align:center; margin-top:0; padding-bottom:30px; width:100%;}
	footer .btm_link:after {position:absolute; left:0; bottom:0; width:100%; height:1px; border-bottom:1px solid #939bb2; background-color:#60687f; content:'';}
	footer .btm_link {overflow:hidden;}
	footer .btm_link li {float:left; display:block; width:33.3%;}
	/* footer .btm_link li.btm_link04 {width:28%;} */
	#poster>ul>li:after, #poster>ul>li .con {margin-top:0;}
	#poster>ul>li .con {top:auto; bottom:0; display:block !important; height:auto; margin-bottom:0; padding:5%; z-index:9;}
	#poster>ul>li .con .cate {padding-top:0;}
	#poster>ul>li .con .tit {border-bottom:none; margin-bottom:0; padding-bottom:0;}
	#poster>ul>li .con .tit a {min-height:auto;}
	#poster>ul>li .con ul>li:first-child {display:block; padding-left:0; opacity:.8;}
	#poster>ul>li .con>ul>li:before {background:none;}
	#poster>ul>li .con ul>li {display:none;}
	.scrollY { position:absolute; left:50%; top:30%; display:block; text-align:center; margin-top:-105px; margin-left:-105px; width:210px; height:210px; border-radius:100%; background-color:rgba(0,0,0,.7); z-index:99; text-decoration:none; }
	.scrollY  span { display:block; padding-top:30px; height:180px; color:#fff; font-size:15px; background:url(/open_content/festival/img/scrollY.png) center bottom 20px no-repeat; }
	
	.mb_select{margin-right: 10px;}
}
/*mobile_min*/
@media all and (max-width:480px) {
	body {overflow-x:hidden; width:100%;}
	header nav #nav h3 {margin-left:0; padding-top:2px; width:215px; font-size:19px; background-position:15px 0; -webkit-background-size:45px; background-size:45px; transform:translateX(-50%); box-sizing:border-box;}
	footer {padding:20px 10px;}
	footer .btm_link li {-webkit-background-size:60px; background-size:60px;}
	footer .btm_link li a {padding-top:70px;}
}

@keyframes opa {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes opa {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes opa {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes opa {
	0% {opacity:0;}
	100% {opacity:1;}
}