@charset "utf-8";

@import url("style.css");
@import url("fontface.css");

#header {position:fixed; top:0; left:auto; width:100%; min-width:1200px; height:85px; background:url('../images/bg_header.png') repeat-x 0 0; z-index:999;}
#header .menus {position:relative; display:block; width:1200px; height:75px; margin:0 auto;}
#header:after {content:""; clear:both; display:block; height:0;}
h1 {padding-top:7px; padding-left:6px; float:left;}
#header .menus ul {display:block; float:left; margin-left:38px;}
#header .menus ul:after {content:""; clear:both; display:block; height:0;}
#header .menus ul li {float:left;}
#header .menus ul li a {display:block; width:200px; height:75px;}
#header .menus ul li a img {padding-top:28px;}
#header .menus a.ticket {float:left; display:block; padding-top:18px; margin-left:64px;}
#header .menus a.facebook {float:left; display:block; margin-left:49px;}
#header .menus a.naverblog {float:left; display:block; margin-left:1px;}

#content {position:relative; width:100%; min-width:1200px; padding-top:75px; overflow:hidden;}
#content.on {background:url('../images/bg_type3.gif') no-repeat center bottom;}
.text_area {position:relative;}
.text_area.area_01 {height:781px;}
.titleSeason {position:absolute; left:50%; margin-left:-1000px; width:2000px; height:781px; }
.text_area.area_02 {height:147px;}
.titleTicket {position:absolute; left:50%; margin-left:-1000px; width:2000px; height:147px; }
.text_area.area_03 {height:1514px;}
.title2016 {position:absolute; left:50%; margin-left:-1000px; width:2000px; height:1589px; }

.tabBox {position:relative; width:100%; height:109px; margin-bottom:54px;  min-width:1200px; background-color:#e00039;}
.tabBox ul.tabs {position:relative; width:1200px; margin:0 auto;}
.tabBox ul.tabs li {float:left; width:240px; display:block; position:relative;}
.tabBox ul.tabs li a {display:block; text-indent:-999em; width:300px; height:109px;}
.tabBox ul.tabs li.on {z-index:1;}
.tabBox ul.tabs li.tab01 a {background:url('../images/tab_01_off.gif') no-repeat 0 0;}
.tabBox ul.tabs li.tab02 a {background:url('../images/tab_02_off.gif') no-repeat 0 0;}
.tabBox ul.tabs li.tab03 a {background:url('../images/tab_03_off.gif') no-repeat 0 0;}
.tabBox ul.tabs li.tab04 a {background:url('../images/tab_04_off.gif') no-repeat 0 0;}
.tabBox ul.tabs li.tab05 a {background:url('../images/tab_05_off.gif') no-repeat 0 0;}
.tabBox ul.tabs li.tab01.on a {width:277px; background:url('../images/tab_01_on.gif') no-repeat 0 0;}
.tabBox ul.tabs li.tab02.on a {width:277px; background:url('../images/tab_02_on.gif') no-repeat 0 0;}
.tabBox ul.tabs li.tab03.on a {width:277px; background:url('../images/tab_03_on.png') no-repeat 0 0;}
.tabBox ul.tabs li.tab04.on a {width:240px; background:url('../images/tab_04_on.gif') no-repeat 0 0;}

.packageArea {position:relative; width:1200px; padding:0; margin:0 auto;}
.packageArea .textArea {padding-bottom:70px;}
.packageArea .textArea.off {display:none;}
.packageArea p.title {margin-bottom:92px;}

.packageType {display:none; padding-bottom:200px; background:url('../images/bg_liner_02.gif') no-repeat 160px bottom;}
.packageType.type_03 {background:none; padding-bottom:100px;}
.packageType.on {display:block;}
.packageType .packageBox {position:relative; padding-left:228px; width:972px; min-height:420px; padding-bottom:80px;}

#sec02 {padding-top:75px;}
.packageBox .titleBox {position:absolute; top:0; left:0; width:228px;}
.packageBox .titleBox p.sTitle {padding-left:10px;}
.packageBox .titleBox a.btn {display:block; margin-left:-20px; padding-top:35px; }
.packageBox .titleBoxi {position:absolute; top:0; left:0; width:228px;}
.packageBox .titleBoxi p.sTitle {padding-left:10px;}
.packageBox .titleBoxi a.btn {display:block; margin-left:-20px; padding-top:35px; }
.packageBox .packages {margin-left:-11px;}
.packageBox .packages:after {content:""; clear:both; display:block; height:0;}
.packageBox .packages .performance {float:left; width:184px; margin-left:11px; height:420px;}
.packageBox .packages .performance.typeL {height:440px;}
.packageBox .packages .performance a {display:block; border:1px solid #dedede;}
.packageBox .packages .performance a img {width:182px; height:259px;}
.packageBox .packages .performance p {text-align:center; font-size:14px; line-height:25px; color:#666666;}
.packageBox .packages .performance p.name {font-size:16px; padding-bottom:5px; font-weight:bold; color:#333333; padding-top:14px; word-break:keep-all;}
.packageBox .packages .performance p.age { color:#e83439; word-break:keep-all;}
.packageBox .packages .performance p.price { word-break:keep-all;font-weight:bold;}
.packageBox .packages .performance p em { color:#e83439; text-decoration:line-through; word-break:keep-all;}

.type_03 .packageBox {padding-left:0; width:1200px;}
.type_03 .packageBox .titleBox {position:relative; float:left; width:600px;}
.type_03 .packageBox .titleBox a.btn {position:absolute; top:0; left:247px; padding:0; margin:0; margin-top:-26px;}

.type_05 .text {padding-top:40px; padding-bottom:80px;}

.quickMenu {position:absolute; top:0; left:1210px; padding:34px 23px 20px; width:101px; background:url('../images/bg_stick.gif') no-repeat 0 0;}
.quickMenu ul li {margin-bottom:17px;}
.moving_tab {position:absolute; bottom:50px; width:100%; text-align:center;}

p.sp_desc {padding-left:228px; margin-bottom:17px; font-size:14px; line-height:20px; font-weight:bold; color:#333333;}

#footer {width:100%; min-width:1200px; height:137px; background-color:#212121;}
#footer .foot_con {position:relative; width:1200px; padding:0; margin:0 auto; padding-top:27px;}
#footer .foot_con p {font-size:12px; color:#ffffff; line-height:25px;}
#footer .foot_con p.tel {position:absolute; top:27px; right:5px;}
#footer .foot_con p.copyright {margin-top:10px;}
#footer .foot_con a.btn {display:block; position:absolute; top:54px; left:190px; width:95px; font-size:12px; color:#ffffff; height:21px; line-height:21px; text-align:center; background-color:#555555;}

@media all and (max-width: 1500px) {
	#content {min-width:1360px;}
	.tabBox ul.tabs {margin:0;}
	.packageArea {margin:0;}
	.quickMenu {right:0;}
}
@media all and (max-width: 1200px) {
	#header .menus {margin:0;}
}

.popup {display:none; width:auto; height:auto;}
.popup.on {display:block;}
.popup .popup_box {display:block; width:900px; height:780px; background-color:#ffffff;}
.popup .head {position:relative; top:0; width:100%; height:60px; background-color:#e7141a;}
.popup .head p.title {text-align:center; padding-top:20px;}
.popup .head a.btn_close {display:block; position:absolute; top:10px; right:11px;}
.popup .text_area {padding:37px 30px 0;}
.popup .text_area dl {margin-bottom:22px; letter-spacing:-1px;}
.popup .text_area dl dt {font-size:18px; font-weight:bold; line-height:24px; color:#333333; margin-bottom:8px;}
.popup .text_area dl dd {font-size:14px; line-height:24px; color:#333333;}
.popup .text_area dl dd em {color:#e00039;}