@charset "utf-8";
#wrap header {position:absolute; top:100vh;}
#wrap.topHeaderFix header {position:fixed; top:0 !important;}

.ani_scrollDown {position:absolute; bottom:115px; left:50%; padding:99px 0 7px 0; color:rgba(255,255,255,0.5); font-size:11px; line-height:33px; z-index:1;}
.ani_scrollDown:before {content:""; position:absolute; left:50%; top:0; width:1px; height:99px; border-left:1px solid #fff;}
.ani_scrollDown:after {content:""; position:absolute; left:50%; top:0; width:1px; height:0; border-left:1px solid #e72231; animation:sdb 4s infinite;}

.m_visual_wrap {position:relative; width:100%; min-height:100vh; overflow:hidden;}
.m_visual_wrap .visualBtnNext, .m_visual_wrap .visualBtnPrev {width:300px; height:100%; position:absolute; top:0; opacity:0; transition:opacity .3s; color:#fff; font-size:12px; z-index:1; box-sizing:border-box;}
.m_visual_wrap .visualBtnNext {right:0px; background:url(../../images/common/btn_slide_next01.png) no-repeat 0 50%; padding-left:83px; text-align:left;}
.m_visual_wrap .visualBtnPrev {left:0px; background:url(../../images/common/btn_slide_prev01.png) no-repeat 100% 50%; padding-right:83px; text-align:right;}
.m_visual_wrap .visualBtnNext:hover, .m_visual_wrap .visualBtnPrev:hover, .m_visual_wrap .visualBtnNext:focus, .m_visual_wrap .visualBtnPrev:focus {opacity: 1; outline:none;}
.m_visual_wrap .visualBtnNext.swiper-button-disabled:hover, .m_visual_wrap .visualBtnPrev.swiper-button-disabled:hover, .m_visual_wrap .visualBtnNext.swiper-button-disabled:focus, .m_visual_wrap .visualBtnPrev.swiper-button-disabled:focus {opacity:0; cursor:default}

.visual_slide {position:relative; overflow:hidden;}
.visual_slide .thumb {height:100%; min-height:805px; height:calc(100vh - 115px); overflow:hidden; transform:scale(1.2); transition:transform 3s .25s ease; background-color:#000;}
/* .visual_slide .thumb img {width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);} */
.visual_slide .thumb img {width:100%; height:100%; object-fit:cover; object-position:center;}


.visual_slide .thumb video {width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.visual_slide .thumb iframe {width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.visual_slide .thumb a {display:block; width:100%; height:100%}
.visual_slide.swiper-slide.swiper-slide-active .thumb {transform:scale(1);}
.visual_slide .prd_info {position:absolute; left:50%; top:50%; color:#fff; text-align:center;}
.visual_slide.videoBox.swiper-slide .thumb, .visual_slide.videoBox.swiper-slide.swiper-slide-active .thumb {transform:scale(1);}
.visual_slide.videoBox .prd_info {opacity:0; transition: all .3s;}
.visual_slide.videoBox:hover .prd_info {opacity:1;}
.visual_slide .prd_info .s_info {padding:0 0 10px 0; font-size:0; text-align:center;}
.visual_slide .prd_info .s_info > p {display:inline-block; font-size:14px; font-weight:500;}
.visual_slide .prd_info .s_info > p:before {content:'/'; display:inline-block; width:20px; text-align:center;}
.visual_slide .prd_info .s_info > p:first-child:before {display:none;}
.visual_slide .prd_info .s_title {padding:0 0 30px 0;}
.visual_slide .prd_info .s_title h3 {color:#fff; font-size:80px; font-weight:700; text-align:center; letter-spacing:-0.05em; line-height:90px;}
.visual_slide .prd_info .s_title > p {padding:18px 0 0 0; text-align:center;}
.visual_slide .prd_info > button {width:215px; height:48px; background:url(../../images/common/bg_btn01.png) no-repeat 50% 50%;}
.visual_slide .prd_info > button span {display:inline-block; padding-right:55px; background:url(../../images/common/arr_detail01.png) no-repeat 100% 50%; color:#fff; font-size:15px; font-weight:700;}

.m_whatsOn_wrap {width:100%; padding:115px 0 0 0; overflow:hidden}
.m_whatsOn_wrap .m_whatOn_title {position:relative; }
.m_whatsOn_wrap .curve {z-index:1000; position:fixed; top:115px; opacity:1; width:0; height:195px; background:#c80000 url(../../images/contents/tit_m_whatsOn.png) no-repeat 50.3% 212px; background-attachment:fixed; overflow:hidden;}
.m_whatsOn_wrap.boxOn .curve {z-index:10;}
.m_whatsOn_wrap.boxOn .curve span {display:none}
.m_whatsOn_wrap .curve > span {display:block; transform:rotate(-90deg); position:absolute; left:50%; top:50%; width:100px; margin:0 0 0 -50px; color:#fff;}
.m_whatsOn_wrap .curve > span span {font-style:italic; font-weight:300; font-size:20px;}
.m_whatsOn_wrap .curve > span strong {font-size:18px; font-weight:400;}
.m_whatsOn_wrap h2 {padding:75px 0 0; line-height:109px; text-align:center;}
.m_whatsOn_wrap h2 span {display:inline-block; font-style:italic; font-size:82px; letter-spacing:-0.05em;}
.m_whatsOn_wrap h2 strong {display:inline-block; padding-left:20px; font-weight:700; font-size:77px; letter-spacing:-0.05em;}

.m_whatsOn_nav {width:1590px; margin:0 auto; padding:13px 0 49px 0;}
.m_whatsOn_nav ul {text-align:center; font-size:0;}
.m_whatsOn_nav ul li {display:inline-block;}
.m_whatsOn_nav ul li a {position:relative; display:block; padding:0 38px 0 15px; font-size:14px; font-weight:300; line-height:24px; letter-spacing:0.05em;}
.m_whatsOn_nav ul li a span {display:inline-block; padding-left:23px;}
.m_whatsOn_nav ul li a:before {content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background-color:#c80000; transition:all .3s;}
.m_whatsOn_nav ul li.active a:before, .m_whatsOn_nav ul li a:hover:before {width:100%;}
.m_whatsOn_nav ul li.active a span, .m_whatsOn_nav ul li a:hover span {background:url(../../images/common/arr_nav_on01.png) no-repeat 0 50%;}
.m_whatsOn_list {width:1590px; margin:0 auto;}
.m_whatsOn_wrap .m_whatsOn_content .noData {position:relative; width:100%; font-size:30px; text-align:center;}
/*.m_whatsOn_wrap .m_whatsOn_content .noData:before {content:"We're preparing for a good performance."; position:absolute; left:50%; top:50%; width:2000%; z-index:-1; color:#ededed; font-size:171px; text-transform:uppercase; font-weight:800; transform:translate(-50%,-50%); text-align:center;}*/
.m_whatsOn_wrap .m_whatsOn_content .noData > span {display:none; margin-top:11px; color:#bdbdbd; font-size:14px; text-align:center; line-height:21px;}
.m_whatsOn_wrap .m_whatsOn_content .noData > em {display:block; width:367px; padding:204px 0; margin:0 auto; border:2px solid #e4e4e4; background-color:#fff; font-size:20px; font-weight:700; line-height:35px; text-align:center; box-sizing:border-box;}
.m_whatsOn_wrap .m_whatsOn_content .whatsOn_slide {width:367px;}
.m_whatsOn_wrap .m_whatsOn_content .whatsOn_slide .thumb {width:367px; height:482px; overflow:hidden;}
.m_whatsOn_wrap .m_whatsOn_content .whatsOn_slide .thumb img {max-width:100%; height:100%; max-height:100%; transform:scale(1); transition:transform 3s .25s ease;}
.m_whatsOn_wrap .m_whatsOn_content .whatsOn_slide .prd_info h3 {margin:23px 0; font-size:30px; font-weight:700; line-height:40px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.m_whatsOn_wrap .m_whatsOn_content .whatsOn_slide .prd_info .s_info {min-height:21px; padding:15px 0; border-top:1px solid #080808; font-size:0;}
.m_whatsOn_wrap .m_whatsOn_content .whatsOn_slide .prd_info .s_info > p {display:inline-block; width:50%; font-size:15px; vertical-align:top;}
.m_whatsOn_wrap .m_whatsOn_content .whatsOn_slide .prd_info .s_info > p.place {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.m_whatsOn_wrap .m_whatsOn_content .whatsOn_slide .prd_info .p_info {min-height:21px; padding:15px 0; border-top:1px solid #080808; font-size:0;}
.m_whatsOn_wrap .m_whatsOn_content .whatsOn_slide .prd_info .p_info > p {display:inline-block; width:100%; font-size:15px; vertical-align:top;}
.m_whatsOn_wrap .m_whatsOn_content .whatsOn_slide .prd_info > button {width:165px; height:44px; background:url(../../images/common/bg_btn02.png) no-repeat 50% 50%; color:#fff; font-size:15px; font-weight:700;}
.m_whatsOn_wrap .m_whatsOn_content .whatsOn_slide:hover .prd_info > button {background:url(../../images/common/bg_btn03.png) no-repeat 50% 50%;}
.m_whatsOn_wrap .m_whatsOn_content .whatsOn_slide:hover .thumb img {transform:scale(1.2);}

.m_board_wrap {position:relative; width:1590px; margin:0 auto; padding:228px 0 0 635px; box-sizing:border-box;}
.m_video_wrap {position:absolute; left:0; top:228px; width:467px; height:649px;}
.m_video_wrap .video {height:649px; border-top-left-radius:250px; border-top-right-radius:250px; overflow:hidden;}
.m_video_wrap .video a {display:block; position:relative;}
.m_video_wrap .video a > img {height:649px; margin-left:-50%;}
.m_video_wrap .video a video {width:100%; height:649px; object-fit:cover;}
.m_video_wrap .video a p {position:absolute; left:50%; top:50%; width:100%; color:#fff; font-size:50px; letter-spacing:-0.025em; text-align:center;}

.m_notice_wrap {position:relative; width:925px;}
.m_notice_wrap .btn_more {position:absolute; top:60px; right:627px; width:43px; height:43px; border:1px solid #dedede; border-radius:23px;}
.m_notice_wrap .btn_more:before {content:""; position:absolute; left:50%; top:50%; margin-top:-8px; width:1px; height:17px; background-color:#7f7f7f;}
.m_notice_wrap .btn_more:after {content:""; position:absolute; left:50%; top:50%; margin-top:-1px; margin-left:-8px; width:17px; height:1px; background-color:#7f7f7f;}
.m_notice_wrap h2 {padding:0 0 9px 0; font-size:77px; font-style:italic; line-height:143px;}
.m_notice_wrap .m_notice_list {padding:0 0 106px;}
.m_notice_wrap .m_notice_list ul li {height:60px; position:relative; padding:0 95px 0 0; border-bottom:1px solid #666;}
.m_notice_wrap .m_notice_list ul li a {line-height:60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.m_notice_wrap .m_notice_list ul li a:hover {font-weight:500;}
.m_notice_wrap .m_notice_list ul li .write_date {position:absolute; right:0; top:0; color:666; font-size:15px; line-height:60px;}

.m_backstage_wrap {background-color:#232221;}
.m_backstage_box {width:1590px; margin:0 auto;}
.m_backstage_box h2 {position:absolute; top:0; left:0; right:0; width:1590px; margin:0 auto; height:100%; padding:429px 1083px 0 0; color:#fff; line-height:82px; box-sizing:border-box;}
.m_backstage_wrap.topTitleFix .m_backstage_box h2 {position:fixed;}
.m_backstage_box h2 em {display:block; font-size:75px; text-align:right;}
.m_backstage_box h2 em.notoSerif {font-size:85px; font-style:italic; text-align:left;}
.m_backstage_box .m_backstage_list {padding:0 0 119px 590px;}
.m_backstage_box .m_backstage_list ul {width:970px; padding:256px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
.m_backstage_box .m_backstage_list ul li {position:relative; width:457px; height:650px; margin-bottom:65px; background-color:#fff;}
.m_backstage_box .m_backstage_list ul li:nth-child(2n+1) {margin-top:-152px;}
.m_backstage_box .m_backstage_list ul li .sns {position:absolute; left:20px; top:19px; width:48px; height:48px;}
.m_backstage_box .m_backstage_list ul li .thumb {width:457px; height:325px; overflow:hidden;}
.m_backstage_box .m_backstage_list ul li .thumb img {max-width:100%; height:100%; max-height:100%;}
.m_backstage_box .m_backstage_list ul li .bs_info {position:relative; height:246px; padding:46px 48px 33px;}
.m_backstage_box .m_backstage_list ul li .bs_info .title {font-size:24px; line-height:30px; letter-spacing:-1px; word-break:keep-all; text-indent:-21px;}
.m_backstage_box .m_backstage_list ul li .bs_info .title:before, .m_backstage_box .m_backstage_list ul li .bs_info .title:after {content:""; display:inline-block; width:14px; height:10px; vertical-align:11px;}
.m_backstage_box .m_backstage_list ul li .bs_info .title:before {margin-right:7px;}
.m_backstage_box .m_backstage_list ul li .bs_info .title:after {margin-left:7px;}
.m_backstage_box .m_backstage_list ul li .bs_info .txt {padding:12px 0 0 0; color:#444; font-size:15px; line-height:21px; letter-spacing:-1px;}
.m_backstage_box .m_backstage_list ul li .bs_info > a {position:absolute; left:48px; bottom:33px; display:inline-block; width:104px; height:21px; font-size:17px; font-weight:700; line-height:21px; letter-spacing:-0.05em;}
.m_backstage_box .m_backstage_list ul li .bs_info > a:before {content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background-color:#000; transition:all .3s;}
.m_backstage_box .m_backstage_list ul li:hover .bs_info > a:before {width:100%;}

.m_membership_wrap {position:relative;}
.m_membership_wrap:before {content:''; position:absolute; left:0; right:50%; top:0; bottom:0; background-color:#000; z-index:-1;}
.m_membership_wrap:after {content:''; position:absolute; left:50%; right:0; top:0; bottom:0; background:url(../../images/contents/bg_membership_r.png) repeat-x 0 0; z-index:-1;}
.m_membership_wrap .membership_box {position:relative; width:1800px; height:307px; margin:0 auto; background:url(../../images/contents/bg_membership.png) no-repeat 50% 0;}
.m_membership_wrap .membership_box h2 {height:74px; padding:97px 0 0 271px; color:#fff; font-size:51px; font-style:italic; line-height:42px;}
.m_membership_wrap .membership_box p {padding:0 0 0 325px; color:rgba(209,206,206,0.5); font-size:14px; font-weight:100; line-height:25px; letter-spacing:-0.025em;}
.m_membership_wrap .membership_box > a {position:absolute; left:750px; top:147px; padding:24px 0 25px 21px; color:#fff; font-size:15px;}
.m_membership_wrap .membership_box > a:before {content:""; position:absolute; left:0; top:0; width:74px; height:74px; background-color:#353535; border-radius:74px;}
.m_membership_wrap .membership_box > a span {position:relative; display:block; height:25px; z-index:1; padding:0 0 0 30px; background:url(../../images/common/arr_more01.png) no-repeat 0 50%; line-height:23px;}
.m_membership_wrap .membership_box:after {content:""; position:absolute; right:243px; top:-69px; width:468px; height:343px; background:url(../../images/contents/img_membership_card.png) no-repeat 0 0;}


.visitGuide_wrap {display:none; position:fixed; left:0; top:0; right:0; bottom:0; z-index:1000; background:url(../../images/contents/bg_m_visitGuide.png) repeat 50% 0;}
.visitGuide_contents {position:absolute; left:50%; top:288px; width:1435px; transform:translate(-50%, 0);}
.visitGuide_contents .visit_title {position:relative; height:160px; text-align:center;}
.visitGuide_contents .visit_title h1 {display:none; position:absolute; left:497px; top:0; color:#fff; font-family: 'Noto Serif KR', sans-serif; font-size:50px; letter-spacing:-0.025em; font-weight:300; line-height:;}
.visitGuide_contents .visit_title h2 {/*position:absolute; left:654px; top:46px;*/ color:#fff; font-size:50px; letter-spacing:-0.025em; font-weight:300;}
.visitGuide_contents .visit_nav ul {display:flex; flex-wrap:wrap; justify-content:space-between; background:url(../../images/contents/bg_m_visitGuide_nav.png) no-repeat 0 0;}
.visitGuide_contents .visit_nav ul li {width:355px; height:113px;}
.visitGuide_contents .visit_nav ul li a {display:block; width:355px; height:113px; color:#fff; font-size:25px; font-weight:500; text-align:center; line-height:113px; letter-spacing:-0.05em;}
.visitGuide_contents .visit_nav ul li a:hover {background-color:#fff; color:#000;}
.visitGuide_contents .btn_close {position:absolute; right:0; top:34px; padding:0 0 0 26px;}
.visitGuide_contents .btn_close::before {content:""; position:absolute; left:0; top:-27px; width:74px; height:74px; background-color:#353535; border-radius:74px; transition:all .3s;}
.visitGuide_contents .btn_close:hover::before {background-color:#c80000; transform:scale(1.5);}
.visitGuide_contents .btn_close span {position:relative; display:inline-block; padding:0 25px 0 30px; background:url(../../images/common/btn_closed04.png) no-repeat 0 50%; color:#fff; font-size:15px; line-height:23px;}

/* scrollDown motion */
@-webkit-keyframes sdb {
    0%   {height:0; opacity:0;}
    40%  {opacity:1;}
    80%  {height:99px; opacity:0;}
    100% {opacity:0;}
}
@keyframes sdb {
    0%   {height:0; opacity:0;}
    40%  {opacity:1;}
    80%  {height:99px; opacity:0;}
    100% {opacity:0;}
}