@charset "utf-8";
@import "reset.css";

/* layout */
html, body {font-size:62.5%;}
#wrap {width:100%; padding:0 0 6.78rem 0; overflow-x:hidden;}
#cts {}
header .hdTop {position:fixed; z-index:100; left:0; top:0; right:0; transition:all .3s ease-in;}
header .hdTop.navUp {top:-80px;}
header .hdTop.navDown {top:0;}
header .hdTop:after {content:''; background-color:#fff; height:7rem; width:100%; position:absolute; z-index:-1; opacity:0; transition:opacity .3s ease-in;}
header .hdTop.hdBg:after {opacity:1;}
header h1 {position:absolute; left:1.56rem; top:2.2rem; width:2.4rem; height:2.7rem;}
header h1 a {display:block;}
header h1 a img {width:100%; height:100%; vertical-align:top;}
header #header {position:fixed; left:0; bottom:0; right:0; z-index:100;}
header #header .nav_wrap {display:flex;justify-content:space-between; background-color:#000;}
header #header .nav_wrap > div {width:20%;}
header #header .nav_wrap > div > a {display:block; height:100%; position:relative; z-index:2; padding:4.1rem 0 0.96rem; text-align:center; box-sizing:border-box;}
header #header .nav_wrap > div > a span {display:block; font-size:1rem; color:#888; font-family:Helvetica, sans-serif; font-weight:700; line-height:1.73rem;}
header #header .nav_wrap > div.nav01 > a {background:url(/images/common/ico_hd_menu.png) no-repeat 50% 2.06rem; background-size:2.4rem auto;}
header #header .nav_wrap > div.nav02 > a {background:url(/images/common/ico_hd_search.png) no-repeat 50% 1.96rem; background-size:1.63rem auto;}
header #header .nav_wrap > div.nav02.active > a {background:url(/images/common/ico_hd_searchOn.png) no-repeat 50% 1.96rem; background-size:1.63rem auto;}
header #header .nav_wrap > div.nav02.active > a span {color:#fff;}
header #header .nav_wrap > div.nav03 > a {background:url(/images/common/ico_hd_ticket.png) no-repeat 50% 1.66rem; background-size:1.73rem auto;}
header #header .nav_wrap > div.nav04 > a {background:url(/images/common/ico_hd_member.png) no-repeat 50% 1.9rem; background-size:1.73rem auto;}
header #header .nav_wrap > div.nav05 > a {background:url(/images/common/ico_hd_member.png) no-repeat 50% 1.9rem; background-size:1.73rem auto;}
header #header .nav_wrap > div.nav06 > a {background:#c80000 url(/images/common/ico_hd_whatsOn.png) no-repeat 50% 2.33rem; background-size:3.66rem auto;}
header #header .nav_wrap > div.nav06 span {width:1px; height:1px; position:absolute; overflow:hidden; clip: rect(1px 1px 1px 1px); margin:0;}
header #header .nav_wrap.loginBefore > .nav05 {display:none;}
header #header .nav_wrap.loginAfter > .nav04 {display:none;}
header .mTicketGo {z-index:10; position:absolute; right:1.33rem; top:1.33rem; width:2.2rem; height:4.46rem; background:url(/images/common/btn_ticket.png) no-repeat 0 0; background-size:2.2rem auto;}

.hd_nav_wrap {display:none; position:fixed; left:-100%; top:0; bottom:0; z-index:110; width:0; padding:7.96rem 0 21.278rem; background-color:#000; box-sizing:border-box;}
.hd_nav_wrap #gnbWrap {margin:0 1.66rem; border-bottom:1px solid #373737; max-height:100%; overflow:auto;}
.hd_nav_wrap #gnbWrap > ul {padding:0 2rem 1.8rem;}
.hd_nav_wrap #gnbWrap > ul > li > a {display:inline-block; color:#fff; font-weight:700; font-size:2.33rem; line-height:5.4rem;}
.hd_nav_wrap #gnbWrap > ul > li > ul {height:0; overflow:hidden; display:flex; flex-wrap:wrap; transition:all .3s;}
.hd_nav_wrap #gnbWrap > ul.navOn > li > a {color:#666; font-size:2.33rem; line-height:4.5rem;}
.hd_nav_wrap #gnbWrap > ul.navOn > li.active > a, .hd_nav_wrap #gnbWrap > ul > li.active > a {color:#fff; line-height:5.4rem;}
.hd_nav_wrap #gnbWrap > ul > li.active > ul {height:auto; overflow:visible; padding:0.53rem 0 2.16rem 0;}
.hd_nav_wrap #gnbWrap > ul > li > ul > li {width:50%;}
.hd_nav_wrap #gnbWrap > ul > li > ul > li a {display:inline-block; color:#fff; font-size:1.43rem; line-height:4.16rem;}
.hd_nav_wrap #gnbWrap > ul > li:nth-child(2) > ul > li:nth-child(3) {width:100%;}
.hd_nav_wrap .btn_nav_closed {position:absolute; right:0; top:0.56rem; padding:1.66rem; color:#fff; font-size:1.13rem; font-weight:700; line-height:1.66rem;}
.hd_nav_wrap .btn_nav_closed span {display:inline-block; height:1.66rem; padding-right:2.2rem; background:url(/images/common/btn_nav_closed01.png) no-repeat 100% 50%; background-size:1.2rem auto;}

.hd_sch_wrap {display:none; position:fixed; left:0; top:0; right:0; bottom:6.789rem; z-index:10;}
.hd_sch_wrap .ly_dim {display:block; z-index:-1; bottom:6.789rem; height:auto;}
.hd_schFormBox {height:100%; position:relative;}
.hd_schFormBox .schForm_wrap {position:absolute; left:0; bottom:-100%; right:0; border-bottom:1px solid #8f8f8f;}
.hd_schFormBox .schForm_wrap h2 {padding:0 0 0 1.66rem; color:#fff; font-weight:700; font-size:1.2rem; line-height:3.3rem;}
.schForm_content {padding:2.26rem 1.66rem 2.73rem; background-color:#Fff}
.schForm_content .input_sch_wrap {padding-right:5.5rem; position:relative; border-bottom:2px solid #000;}
.schForm_content .input_sch_wrap > input[type="text"] {width:100%; height:3.6rem; border:0 none; font-size:1.76rem; line-height:3.6rem;}
.schForm_content .input_sch_wrap .btn_area {position:absolute; right:0; top:0; font-size:0;}
.schForm_content .input_sch_wrap .btn_area .btn_search {width:2.8rem; height:3.6rem; background:url(/images/common/ico_hd_search02.png) no-repeat 0 50%; background-size:1.36rem auto;}
.schForm_content .input_sch_wrap .btn_area .btn_reset {width:2.6rem; height:3.6rem; background:url(/images/common/btn_seardh_reset.png) no-repeat 100% 50%; background-size:1.2rem auto;}
.schForm_content .input_sch_wrap .btn_area .bar {display:inline-block; width:0.1rem; height:1rem; background-color:#616161; vertical-align:middle;}

.hd_sns_wrap {display:flex; padding:1.86rem 0 1.9rem;}
.hd_sns_wrap li {width:25%; height:5.8rem;}
.hd_sns_wrap li a {display:block; max-width:8.93rem; height:5.8rem;}
.hd_sns_wrap li.sns01 a {background:url(/images/common/ico_sns01.png) no-repeat 50% 50%; background-size:2.86rem auto;}
.hd_sns_wrap li.sns02 a {background:url(/images/common/ico_sns02.png) no-repeat 50% 50%; background-size:2.86rem auto;}
.hd_sns_wrap li.sns03 a {background:url(/images/common/ico_sns03.png) no-repeat 50% 50%; background-size:2.86rem auto;}
.hd_sns_wrap li.sns04 a {background:url(/images/common/ico_sns04.png) no-repeat 50% 50%; background-size:2.86rem auto;}
.hd_utill_wrap {position:absolute; left:0; bottom:0; right:0;}
.hd_utill_wrap .lang {font-size:0; padding:0 3.66rem;}
.hd_utill_wrap .lang a {display:inline-block; width:3.9rem; color:#666; font-size:1.06rem; font-weight:700; line-height:4.4rem;}
.hd_utill_wrap .lang a.active {color:#fff;}
.hd_utill_wrap .hd_member {padding:0 3.66rem;}
.hd_utill_wrap .hd_member li {padding:0 0 0.63rem 0;}
.hd_utill_wrap .hd_member li > a {display:inline-block; width:13rem; height:3.03rem; font-size:1.2rem; font-weight:700; line-height:3.03rem; text-align:center;}
.hd_utill_wrap .hd_member li > a span {display:inline-block;}
.hd_utill_wrap .hd_member li > a.btn_member {background-color:#fff;}
.hd_utill_wrap .hd_member li > a.btn_mypage {background-color:#666; color:#fff;}
.hd_utill_wrap .hd_member li > a.btn_member span {padding-left:2.3rem; background:url(/images/common/ico_hd_member02.png) no-repeat 0 50%; background-size:1.36rem auto;}

#footer {padding:0 0 3.83rem 0; background-color:#232221;}
.f_sns_wrap {display:flex; padding:0 1.7rem; border-top:1px solid rgba(255,255,255,0.11); border-bottom:1px solid rgba(255,255,255,0.11);}
.f_sns_wrap li {width:25%; height:5.8rem;;}
.f_sns_wrap li a {display:block; height:5.8rem;}
.f_sns_wrap li.sns01 a {background:url(/images/common/ico_sns01.png) no-repeat 50% 50%; background-size:2.86rem auto;}
.f_sns_wrap li.sns02 a {background:url(/images/common/ico_sns02.png) no-repeat 50% 50%; background-size:2.86rem auto;}
.f_sns_wrap li.sns03 a {background:url(/images/common/ico_sns03.png) no-repeat 50% 50%; background-size:2.86rem auto;}
.f_sns_wrap li.sns04 a {background:url(/images/common/ico_sns04.png) no-repeat 50% 50%; background-size:2.86rem auto;}
.f_etc_nav {display:flex; padding:1.16rem 0 2.1rem; justify-content:center;}
.f_etc_nav li::before {content:"·"; display:inline-block; width:1.2rem; text-align:center; color:#737373;}
.f_etc_nav li:first-child::before {display:none;}
.f_etc_nav li a {display:inline-block; color:#737373; font-size:1.3rem;}

.f_famSite_wrap {position:relative; width:21.46rem; height:4.53rem; margin:0 auto;}
.f_famSite_wrap > button {width:21.46rem; height:4.53rem; padding:0 1.33rem 0 1.9rem; border:1px solid #464646; color:#fff; font-size:1.06rem; font-weight:500; text-align:left;}
.f_famSite_wrap > button span {display:block; position:relative;}
.f_famSite_wrap > button span:after{content:""; position:absolute; right:0; top:50%; width:0.73rem; height:0.53rem; margin-top:-4px; background:url(/images/common/ico_sel01.png) no-repeat 50% 50%; background-size:0.73rem auto; transition:transform .3s; -webkit-transition:transform .3s; -ms-transition:transform .3s;}
.f_famSite_wrap.active > button span:after {transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.f_famSite_wrap > ul {display:none; position:absolute; left:0; right:0; bottom:4.43rem; background-color:#1b1b1b; border:1px solid #464646;}
.f_famSite_wrap.active > ul {display:block;}
.f_famSite_wrap > ul li {border-top:1px solid #464646;}
.f_famSite_wrap > ul li:first-child {border-top:0 none;}
.f_famSite_wrap > ul li a {display:block;  padding:0 1.33rem 0 1.9rem; color:#fff; font-size:1.06rem; line-height:3.8rem;}

.address_box {text-align:center;}
.address_box h1 {padding:1.63rem 0 0.96rem; width:9.33rem; height:4.26rem; margin:0 auto;}
.address_box h1 img {max-width:100%;}
.address_txt {text-align:center; color:rgba(133,133,133,0.3); font-size:1.2rem; line-height:2rem;}
.address_txt p, .address_txt p a {display:inline-block; color:rgba(133,133,133,0.3); white-space:nowrap;}
.address_txt .txtadd {width:100%; color:rgba(133,133,133,0.3);}

/* popup */
.pu_wrap {position:fixed; left:0; top:0; right:0; bottom:0; z-index:1000;}
.pu_wrap .ly_dim {display:block;}
.pu_wrap .puBox {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background-color:#fff; z-index:10;}
.pu_wrap h1 {font-size:2rem; font-weight:700; line-height:3.3rem;}
.pu_wrap .btn_closed {position:absolute; right:1.2rem; top:1.9rem; width:3.3rem; height:3.3rem; background:url(/images/common/btn_pu_closed01.png) no-repeat 50% 50%; background-size:auto 2.3rem;}

.pu_full_wrap {position:fixed; left:0; top:0; right:0; bottom:0; z-index:1000; background-color:#fff;}
.pu_full_wrap .puBox {width:100%; height:100%; padding:0 1.7rem; box-sizing:border-box;}
.pu_full_wrap .puBox h1 {padding:4.66rem 0 4rem 0; font-size:2.16rem; line-height:4rem; text-align:center; font-weight:700; letter-spacing:-1px;}
.pu_full_wrap .btn_closed {position:absolute; right:0; top:0.56rem; padding:1.66rem; font-size:1.13rem; font-weight:700; line-height:1.66rem;}
.pu_full_wrap .btn_closed span {display:inline-block; height:1.66rem; padding-right:2.2rem; background:url(/images/common/btn_closed01.png) no-repeat 100% 50%; background-size:1.2rem auto;}


/* 게시판 paging */
.paging {text-align:center; padding-top:50px; font-size:0; line-height:0;}
.paging > a {display:inline-block; width:3.23rem; height:3.13rem; border:1px solid #cacaca; border-radius:3.13rem; overflow:hidden; line-height:999px; vertical-align:middle; color:transparent; margin-left:2px;}
.paging > a.prev {background:url(/images/common/arr_prev02.png) no-repeat 50% 50%; background-size:1.46rem auto;}
.paging > a.next {background:url(/images/common/arr_next02.png) no-repeat 50% 50%; background-size:1.46rem auto; margin-left:0;}
.paging .page_num {display:inline-block; margin:0 1.65rem; vertical-align:middle;}
.paging .page_num li {float:left; margin:0 0.55rem;}
.paging .page_num li a {display:inline-block; width:3.23rem; height:3.13rem; color:#555555; font-size:1.5rem; line-height:3.13rem; text-align:center; box-sizing:border-box;}
.paging .page_num li.active > a {border-bottom:2px solid #000; color:#000; font-weight:700;}

.noImg {display:inline-block; width:100%; height:100%; background:#fff url(/images/common/noImg.png) no-repeat 50% 50%; background-size:auto 100%; box-sizing:border-box;}

/* button */
.btn01 {display:inline-block; padding:0 3rem; border:1px solid #000; background-color:#000; color:#fff; font-size:1rem; line-height:3.26rem; box-sizing:border-box; text-align:center;}
.btn02 {display:inline-block; padding:0 3rem; border:1px solid #000; background-color:#fff; color:#000; font-size:1rem; line-height:3.26rem; box-sizing:border-box; text-align:center;}
.btn03 {display:inline-block; width:14.76rem; border:1px solid #000; background-color:#000; color:#fff; font-size:1.36rem; line-height:3.93rem; box-sizing:border-box; text-align:center;}
.btn04 {display:inline-block; padding:0 1.3rem; border:1px solid #000; background-color:#000; color:#fff; font-size:1.36rem; line-height:2.13rem; box-sizing:border-box; text-align:center;}
.btn05 {display:inline-block; width:14.76rem; border:1px solid #000; background-color:#fff; color:#000; font-size:1.36rem; line-height:3.93rem; box-sizing:border-box; text-align:center;}
.btn06 {display:inline-block; width:14.76rem; border:1px solid #c80000; background-color:#c80000; color:#fff; font-size:1.36rem; line-height:3.93rem; box-sizing:border-box; text-align:center;}
.btn07 {display:inline-block; width:14.43rem; border:1px solid #000; background-color:#000; color:#fff; font-size:1.2rem; line-height:2.23rem; box-sizing:border-box; text-align:center;}
.btn08 {display:inline-block; width:7.13rem; border:1px solid #000; background-color:#000; color:#fff; font-size:1.43rem; line-height:3.16rem; box-sizing:border-box; text-align:center;}
.btn09 {display:inline-block; width:7.13rem; border:1px solid #000; background-color:#fff; color:#000; font-size:1.43rem; line-height:3.16rem; box-sizing:border-box; text-align:center;}
.btn10 {display:inline-block; width:18.63rem; border:1px solid #cf1461; background-color:#cf1461; color:#fff; font-size:1.43rem; line-height:4.06rem; box-sizing:border-box; text-align:center;}
.btn11 {display:inline-block; width:18.63rem; border:1px solid #000; background-color:#000; color:#fff; font-size:1.43rem; line-height:4.06rem; box-sizing:border-box; text-align:center;}
.btn12 {display:inline-block; width:18.63rem; border:1px solid #000; background-color:#000; color:#fff; font-size:1.2rem; line-height:3.06rem; box-sizing:border-box; text-align:center;}
.btn13 {display:inline-block; width:9.83rem; border:1px solid #9a9a9a; background-color:#9a9a9a; color:#fff; font-size:1.2rem; line-height:2.93rem; box-sizing:border-box; text-align:center;}
.btn14 {display:inline-block; width:9.83rem; border:1px solid #000; background-color:#000; color:#fff; font-size:1.2rem; line-height:2.93rem; box-sizing:border-box; text-align:center;}
.btn15 {display:inline-block; width:18.63rem; border:1px solid #a6a6a6; background-color:#a6a6a6; color:#fff; font-size:1.43rem; line-height:4.06rem; box-sizing:border-box; text-align:center;}
.btn16 {display:inline-block; width:18.63rem; border:1px solid #000; background-color:#fff; color:#000; font-size:1.43rem; line-height:4.06rem; box-sizing:border-box; text-align:center;}
.btn17 {display:inline-block; border:1px solid #9a9a9a; background-color:#9a9a9a; color:#fff; font-size:1.43rem; line-height:3.93rem; box-sizing:border-box; text-align:center;}
.btn18 {display:inline-block; border:1px solid #000; background-color:#000; color:#fff; font-size:1.43rem; line-height:3.93rem; box-sizing:border-box; text-align:center;}
.btn19 {display:inline-block; padding:0 3rem; border:1px solid #000; background-color:#000; color:#fff; font-size:1.43rem; line-height:3.26rem; box-sizing:border-box; text-align:center;}
.btn20 {display:inline-block; padding:0 3rem; border:1px solid #000; background-color:#fff; color:#000; font-size:1.43rem; line-height:3.26rem; box-sizing:border-box; text-align:center;}
.btn21 {display:inline-block; padding:0 1.3rem; border:1px solid #000; background-color:#fff; color:#000; font-size:1.2rem; line-height:2rem; box-sizing:border-box; text-align:center;}

/* form */
.btn_chk01 {display:inline-block; position:relative; vertical-align:middle; min-height:2.4rem; line-height:2.4rem;}
.btn_chk01 input {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;} 
.btn_chk01 input + label {display:block; height:2.4rem; padding:0 15px 0 26px; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; border:1px solid #fff; color:#000; font-size:1.43rem; line-height:2.2rem; box-sizing:border-box;}
.btn_chk01 input + label:before {content:''; position:absolute; left:8px; top:8px; width:12px; height:12px;}
.btn_chk01 input:checked + label {color:#e1001a; border:1px solid #e1001a; border-radius:20px; box-shadow:3px 3px 3px rgba(0,0,0,0.14);}
.btn_chk01 input:checked + label:before {background:url(/images/common/ico_chk01.png) no-repeat 0 0; background-size:0.73rem;}



@media  all and (max-width:359px) {
    .f_etc_nav li a {font-size:1.1rem}
    .paging .page_num {margin:0 1rem}
}