@charset "utf-8";
body {background:#f0f0f0 url(/open_content/festival/img/main/bg.png) left top no-repeat;}
header .gnb {position:absolute; left:35px; top:30px; width:96%;}
header .gnb li {display:inline-block; text-align:center; font-weight:bold; border:2px solid #000; box-shadow:0 1px 3px rgba(0,0,0,.2);}
header .gnb li a {display:block; padding-top:60px; padding-bottom:10px; width:120px; color:#fff;}
header .gnb .schedule {background:#514bb9 url(/open_content/festival/img/main/schedule.gif) center 20px	no-repeat;}
header .gnb .publicity {background:#3c64d0 url(/open_content/festival/img/main/publicity.gif) center 20px no-repeat;}
header .gnb .sport {background:#814bb9 url(/open_content/festival/img/main/sport.gif) center 20px	no-repeat;}
header .gnb .allmenu {position:absolute; right:0; background:#363636 url(/open_content/festival/img/main/allmenu.gif) center 20px no-repeat;}

section h3,
section h3 * {color:#222; font-size:60px; font-weight:400; font-family:'Nanum Myeongjo','나눔명조','Batang','바탕'; line-height:60px; letter-spacing:-.5px;}

#event>#poster>ul:nth-child(2) {margin-bottom:40px; margin-top:50px; margin-left:17%; width:66.6%;}
#event>#poster>ul {overflow:hidden; padding-top:20px; width:100%;}
#event>#poster>ul>li {float:left; width:33.3%; margin-bottom:60px;}
#event>#poster>ul>li:nth-child(4) {margin-left:15%;}
#event .more {position:absolute; right:3%; bottom:12%; text-align:center; width:170px;}
#event .more a {position:relative; display:block; padding-top:200px;color:#666; font-size:16px;}
#event .more a:before {position:absolute; left:85px; top:0; width:1px; height:171px; background-color:#000; content:'';}
#event .more a:after {position:absolute; left:0; top:85px; width:171px; height:1px; background-color:#000; content:'';}
#event>.control {text-align:center; margin-bottom:60px;}
#event>.control p {display:inline-block; overflow:hidden; height:23px;}
#event>.control a {vertical-align:middle; height:100%; font-size:0; text-indent:-5000px; box-sizing:border-box;}
#event>.control .dot a {display:inline-block; margin-right:2px; width:23px; border:1px solid rgba(0,0,0,.2); border-radius:100%;}
#event>.control .dot a.on {border-color:#495980; background-color:#495980;}
#event>.control .btn {position:relative; margin-left:3px; width:50px; background-color:#ff67b4; border-radius:30px;}
#event>.control .btn:before {position:absolute; left:50%; top:7px; width:1px; height:10px; border-right:1px solid #ff85c3; background-color:#e55ca2; content:'';}
#event>.control .btn a {float:left; display:block; width:50%;}
#event>.control .btn .play {background:url(/open_content/festival/img/main/event_play.gif) 12px center no-repeat;}
#event>.control .btn .stop {background:url(/open_content/festival/img/main/event_stop.gif) right 10px center no-repeat;}

#link {position:relative; background-color:#5049c8;}
#link:before {position:absolute; left:0; top:0; width:100%; height:100%; content:''; opacity:.15;
background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */}
#link ul {overflow:hidden;}
#link ul li {position:relative; float:left; text-align:center; margin-top:40px; margin-bottom:40px; width:12.5%;}
#link ul .link01:after {background:none; border:none;}
#link ul li a {display:block; padding-top:135px; padding-bottom:10px; color:#fff; font-size:18px; background-repeat:no-repeat; background-position:center 15px;}
#link ul .link01 a {background-image:url(/open_content/festival/img/main/link01.gif);}
#link ul .link02 a {background-image:url(/open_content/festival/img/main/link02.gif);}
#link ul .link03 a {background-image:url(/open_content/festival/img/main/link03.gif);}
#link ul .link04 a {background-image:url(/open_content/festival/img/main/link04.gif);}
#link ul .link05 a {background-image:url(/open_content/festival/img/main/link05.gif);}
#link ul .link06 a {background-image:url(/open_content/festival/img/main/link06.gif);}
#link ul .link07 a {background-image:url(/open_content/festival/img/main/link07.gif);}
#link ul .link08 a {background-image:url(/open_content/festival/img/main/link08.gif);}

#festival h3 {text-align:center; margin-top:80px; margin-bottom:45px;}
#festival ul {overflow:hidden;}
#festival ul li {overflow:hidden; text-align:center; float:left; width:16.6%; height:358px; background-repeat:no-repeat; background-position:center top; -webkit-background-size:auto 358px; background-size:auto 358px;}
#festival ul .festival01 {background-image:url(/open_content/festival/img/main/festival01.jpg);}
#festival ul .festival02 {background-image:url(/open_content/festival/img/main/festival02.jpg);}
#festival ul .festival03 {background-image:url(/open_content/festival/img/main/festival03.jpg);}
#festival ul .festival04 {background-image:url(/open_content/festival/img/main/festival04.jpg);}
#festival ul .festival05 {background-image:url(/open_content/festival/img/main/festival05.jpg);}
#festival ul .festival06 {background-image:url(/open_content/festival/img/main/festival06.jpg);}
#festival ul .festival07 {background-image:url(/open_content/festival/img/main/festival07.jpg);}
#festival ul li a {display:block; padding-top:155px; padding-bottom:180px; color:#fff; font-size:23px; font-weight:600; text-shadow:0 0 5px rgba(0,0,0,.75); text-decoration:none;}
#festival ul li a .mon {display:block; margin:20px auto; padding-top:5px; padding-bottom:5px; width:125px; font-size:15px; border-radius:30px; background-color:rgba(0,0,0,.7);}

#schedule {overflow:hidden; padding-bottom:5px; padding-bottom:120px; background-color:#f8f8f8;}
#schedule>div {margin-top:130px;}
#schedule h3 {text-align:center; padding-bottom:30px;}
#schedule h3>span {display:inline-block; margin-left:50px; padding-left:50px; padding-top:20px; background:url(/open_content/festival/img/main/schedule_tit.gif) 0 0 no-repeat;}
#schedule .calender {float:right; margin-top:-30px; width:726px; z-index:9; background:url(/open_content/festival/img/main/calender_bg.gif) right 10px top 30px no-repeat;}
#schedule .calender .box {box-shadow:0 2px 4px rgba(0,0,0,.3);}
#schedule .calender .tit {position:relative; overflow:hidden; height:100px; background:url(/open_content/festival/img/main/calender_tit.gif) no-repeat; -webkit-background-size:100% 100%; background-size:100% 100%; box-shadow:0 4px rgba(0,0,0,.08); z-index:10;}
#schedule .calender .tit .date {text-align:center; padding-top:25px; color:#fff; font-size:36px; font-weight:600; text-shadow:0 0 4px rgba(0,0,0,.4);}
#schedule .calender .tit>a {position:absolute; top:0; display:block; width:100px; height:100px; font-size:0; text-indent:-5000px; background-position:center; background-repeat:no-repeat;}
#schedule .calender .tit .prev {background-image:url(/open_content/festival/img/main/calender_prev.gif); background-color:#f273b3;}
#schedule .calender .tit .next {right:0; background-color:#968ce7; background-image:url(/open_content/festival/img/main/calender_next.gif);}
#schedule .calender .list {position:relative; overflow:hidden; padding:5% 1% 5% 5%; height:375px; background-color:#fff; box-sizing:border-box; z-index:9;}
#schedule .calender .list ol {position:absolute; top:5%; overflow-x:hidden; overflow-y:auto; width:94%; height:90%;}
#schedule .calender .list>ol>li {position:relative; display:table; padding-left:42px; padding-top:11px; margin-top:11px; width:97%; border-top:1px dashed #b2b2b2; counter-increment:li; box-sizing:border-box;}
#schedule .calender .list>ol>li:first-child {border-top:none;}
#schedule .calender .list>ol>li:before {position:absolute; left:0; top:7px; text-align:center; width:28px; height:28px; font-size:16px; color:#fff; line-height:28px; background-color:#c094d7; border-radius:100%; content:counter(li);}
#schedule .calender .list>ol>li>p {display:table-cell; vertical-align:top; color:#84529f;}
#schedule .calender .list>ol>li>div {display:table-cell; vertical-align:top; width:85%;}
#schedule .calender .list>ol>li>div>a {padding-left:15px;}
#schedule .calender .list>ol>li>div ul {display:none; margin-left:15px;}
#schedule .calender .list>ol>li>div ul {margin-top:10px; margin-bottom:15px;}
#schedule .calender .list>ol>li>div ul li {position:relative; padding-left:8px; font-size:14px; margin-bottom:5px;}
#schedule .calender .list>ol>li>div ul li:before {position:absolute; left:0; top:8px; width:3px; height:3px; background-color:#84529f; content:'';}
#schedule .calender .list>ol>li:hover p,
#schedule .calender .list>ol>li:hover a,
#schedule .calender .list>ol>li.select p,
#schedule .calender .list>ol>li.select a {font-weight:600; text-decoration:none;}
#schedule .calender .list>ol>li dd {display:none; }
#schedule .calender .more {position:absolute; right:0; bottom:-18px; display:inline-block; padding:15px 30px; color:#fff; font-size:18px; background-color:#514bb9; z-index:1;}
#schedule .calender .more span {position:relative; padding-right:30px;}
#schedule .calender .more span:after,
#schedule .calender .more span:before {position:absolute; background-color:#fff; content:'';}
#schedule .calender .more span:after {right:0; top:10.5px; width:15px; height:1px;}
#schedule .calender .more span:before {right:7.5px; top:3px; height:15px; width:1px;}
#schedule .map {position:relative; width:60%; max-width:950px; height:590px; background-color:#fff; box-shadow:0 1px 2px rgba(0,0,0,.5);}
#schedule #map {position:absolute !important; margin:1% !important; width:98% !important; height:97% !important; box-sizing:border-box;}

@media all and (max-width:1400px) {
	body {background-position:-40% top;}
	header .gnb {top:-40px; left:10px;}
	header h1 {margin-top:60px;}
	#poster>ul>li .con .cate {padding-top:20px;}
	#event>#poster>ul:nth-child(2)>li .img,
	#event>#poster>ul:nth-child(2)>li .con {margin-left:0;}
	#event>#poster>ul:nth-child(2) {margin-left:10%;}
	#link ul li a {margin:0 10px;}
	#festival ul li a {line-height:150%;}
	#festival ul li a .block {display:block;}
	#schedule h3 {margin-right:50px;}
	#schedule .calender {width:60%;}
	#schedule .map {width:52%;}
}
@media all and (max-width:1200px) {
	body {background-position:left top; -webkit-background-size:auto 600px; background-size:auto 600px;}
	#schedule h3 {text-align:left;}
	#schedule .calender,
	#schedule .map {float:none; margin-left:5%; width:90%;}
	#schedule .map {margin-top:20px; height:300px;}
	#schedule .calender .more {right:5%; bottom:-53px;}
}
/*PC*/
@media all and (min-width:801px) {
	#link ul li:after {position:absolute; left:0; top:0; width:1px; height:100%; background-color:#3a34a2; border-right:1px solid #6562cf; content:'';}
}
/*태블릿포함(이하)*/
@media all and (max-width:800px) {
	body {padding-right:0; background-position:-50px 220px; -webkit-background-size:auto 500px; background-size:auto 500px;}
	header .gnb {display:none;}
	section h3,
	section h3 * {font-size:40px; line-height:40px;}
	#event {overflow:hidden;}
	#event:after {position:absolute; right:-100px; bottom:-30px; width:300px; height:100%; background:url(/open_content/festival/img/header_bg.png) no-repeat; -webkit-background-size:auto 200px; background-size:auto 200px; content:''; transform:scaleY(-1);}
	#event>#poster {overflow:hidden; height:500px; padding-bottom:180px;}
	#event>#poster>ul {display:inline-block; height:500px;}
	#event>#poster>ul>li {display:inline-block; width:100%;}
	#event>#poster>ul>li .img {overflow:hidden; margin-top:0; height:500px;}	
	#event>#poster .more {left:10%; bottom:40px; width:80%; background-color:rgba(59,66,202,.8); z-index:9;}
	#event>#poster .more a {display:block; padding:30px 20px; color:#fff;}
	#event .more a:before {position:absolute; left:20%; top:30px; width:1px; height:20px; background-color:#fff;}
	#event .more a:after {position:absolute; left:20%; top:40px; margin-left:-10px; width:20px; height:1px; background-color:#fff;}

	#event>.control .btn {display:none;}
	#event>.control {margin-bottom:30px;}
	#event>.control .dot {height:15px; line-height:15px;}
	#event>.control .dot a {vertical-align:top; width:15px;}
	#link ul {padding:20px;}
	#link ul li {margin-top:10px; margin-bottom:10px; width:25%;}
	#link ul li a {padding-top:70px; font-size:15px; background-position:center 0; -webkit-background-size:auto 60px; background-size:auto 60px;}
	#festival {overflow:hidden;}
	#festival h3 {margin-top:50px; margin-bottom:30px;}
	#festival div {overflow-x:auto;}
	#festival div::-webkit-scrollbar {height:3px;}
	#festival div::-webkit-scrollbar-thumb {background:#333;}
	#festival ul {width:1300px;}
	#festival ul li {height:300px; -webkit-background-size:auto 300px; background-size:auto 300px;}
	#festival ul li a {padding-top:120px;}
	#festival ul li a .block {display:inline;}
	#festival ul li a .mon {padding:0;}
	#schedule>div {margin-top:50px;}
	#schedule .calender {margin-left:0; width:100%;}
	#schedule .calender .tit {height:60px;}
	#schedule .calender .tit .date {padding-top:8px; font-size:30px;}
	#schedule .calender .tit>a {width:60px; height:60px; -webkit-background-size:15px; background-size:15px;}
	#schedule .calender .list {height:260px;}
	#schedule .calender .list>ol>li.select>div ul {display:none;}
	#schedule .calender .more {right:0;}
	#schedule .calender .list>ol>li.select p, #schedule .calender .list>ol>li.select a {font-weight:normal;}
	#schedule .calender .list>ol>li>div>a {overflow:hidden; white-space:nowrap;}
	#schedule .map {display:none;}
}
/*mobile_min*/
@media all and (max-width:480px) {
	header .top_box .top_search {margin-bottom:0;}
	#event .more a:before,
	#event .more a:after {background:none;}
	#schedule h3>span {padding-left:0; text-align:center; font-size:35px; background:none;}
	#schedule .calender .list>ol>li>p,
	#schedule .calender .list>ol>li>div {display:block; width:100%;}
	#schedule .calender .list>ol>li>div>a {padding-left:0;}
	#schedule .calender .list>ol>li>div ul {margin-left:0;}
}