@charset "utf-8";

/* 
 * layout CSS Document
 */

.body_bg{}
#header ul {
    margin-bottom: 0 !important;
}
/* selection */
::selection{background:#95b3f9; color:#fff; text-shadow:none;}
::-moz-selection{background:#95b3f9; color:#fff; text-shadow:none;}
::-webkit-selection{background:#95b3f9; color:#fff; text-shadow:none;}

.ticket_reservation .list::-webkit-scrollbar{width:8px;}
.ticket_reservation .list::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.2); border-radius:10px;}

/* skip navigation */
#jump_menu{position:relative; height:0px; z-index:9999;}
#jump_menu > ul > li{text-align:center;}
#jump_menu > h3{width:0; height:0; text-indent:100%; overflow:hidden; white-space:nowrap;}
#jump_menu > ul > li > a{display:block; position:absolute; top:-10000px; left:0px; z-index:9999; border:2px solid #262626; border-top-width:0px; color:#555; font-weight:bold; font-size:14px;}
#jump_menu > ul > li > a:hover,
#jump_menu > ul > li > a:focus,
#jump_menu > ul > li > a:active{position:absolute; top:0px; z-index:9999; height:7px; padding:0 10px 20px 10px; background:#fcfcfc;}

/* en font default medium */
html *[lang="en"]{font-family:'Barlow Condensed', Montserrat, Noto Sans KR , sans-serif; font-weight:500;}
html *[lang="kor"]{font-family:Montserrat, Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}

/* common */
body{overflow:inherit; position:relative; }
body.active{overflow:hidden; position:fixed; width:100%;}
#wrap{position:relative;}
#wrap:after,
#wrap:before{content:''; opacity:0.1; display:block; position:absolute; top:148px; width:1px; height:calc(100% - 148px); background:#000;}
#wrap:after{right:5.625rem;}
#wrap:before{left:5.625rem;}

.ie #wrap:after,
.ie #wrap:before{top:147px; height:calc(100% - 147px);}

/* header */
#header {
    position: relative;
}

/* 메인페이지에서만 header sticky */
body.main #header {
    position: sticky;
    top: 0;
    z-index: 1000;
}
#header:after{content:''; display:none; position:absolute; bottom:0; left:0px; z-index:-1; width:100%; height:1px; background:#c6c6c6;}
#header .inr{position:relative; padding:0 5.625rem;}
#header .allMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;

    background: #fff;
    z-index: 9999;
}
#header h1{position:absolute; top:50%; left:5.625rem; z-index:86; transform:translateY(-20%);}


/*#header h1 .logo{width:125px; height:74px; background-image:url(/images/website/common/logo_20y.jpg);}*/
/*#header h1 .un{width:162px; height:78px; background-image:url(/images/website/common/logo_un.png);}*/
#header h1 .logo{display: none;}
/*#header h1 .un{width:286px; height:75px; background-image:url(/images/website/common/logo.png);}*/


#header nav .gnb{padding-top:0.625rem; text-align:center;}
#header nav .gnb > li{display:inline-block; position:relative;}
#header nav .gnb > li > a{display:block;padding: 1.5rem 2.7rem 2.5rem;color:#000;font-size:1.18rem;text-align:left;}
#header nav .gnb > li > a span{display:block; margin-top:5px; margin-left:2px; font-size:0.87rem; color:#444; text-transform:uppercase; letter-spacing:0.07rem;}
#header nav .gnb > li > ul{display:none; position:absolute; top:4.375rem; left:0; z-index:81; width:100%; box-sizing:border-box; padding:20px 10px; background:#fff; border:1px solid #dadada; box-shadow:0 25px 30px rgba(0,0,0,0.15);}
#header nav .gnb > li > ul > li{text-align:left;}
#header nav .gnb > li > ul > li > a{display:block; padding:7px 5px; color:#222; font-weight:300; word-break:keep-all; transition:0.3s ease; -webkit-transition:0.3s ease;}
#header nav .gnb > li > ul > li > a:hover,
#header nav .gnb > li > ul > li > a:focus{background:#f0f3fb; color:#2e51a2;}
/*
#header nav .gnb > li > ul{opacity:0; visibility:hidden; position:absolute; top:4.375rem; left:0; z-index:10; width:100%; box-sizing:border-box; padding:20px 10px; background:#fff; border:1px solid #dadada; box-shadow:0 25px 30px rgba(0,0,0,0.15); transform:translateY(20px); -webkit-transform:translateY(20px); transition:opacity 0.3s linear, visibility 0.3s linear, transform 0.5s ease; -webkit-transition:opacity 0.3s linear, visibility 0.3s linear, transform 0.5s ease;}
#header nav .gnb > li > ul.active{opacity:1; visibility:visible; transform:translateY(0px); -webkit-transform:translateY(0px);}
*/
#header nav .gnb.doh > li{margin:0 30px;}
.ie #header{line-height:1.3;}
.ie #header nav .gnb > li > a span{font-weight:400;}
.ie #header nav .gnb > li > ul > li > a{font-size:0.937rem;}
html[lang="en"] #header nav .gnb > li > a{font-family:'Barlow Condensed', Montserrat, Noto Sans KR , sans-serif; font-weight:500; letter-spacing:1px;}
html[lang="en"] #header nav .gnb > li > ul > li > a{font-size:0.9375rem;}

a.btn_intro,
.btn_intro{display:none; position:absolute; bottom:-1px; left:0px; width:5.625rem; padding:0.625rem 0px; background:#1c356f; color:#fff; font-size:0.81rem; text-align:center;}

html[lang="en"] a.btn_intro i,
html[lang="en"] .btn_intro i{display:none;}

.area_util_top{padding-top:0.625rem; padding-right:3.625rem; text-align:right;}
.area_util_top > ul{display:inline-block; vertical-align:middle;}
.area_util_top > ul > li{display:inline-block;padding-left:33px;position: relative;}
.area_util_top > ul > li a{color:#222;}
.area_util_top > ul > li a[lang="ko"]{font-weight:600;font-size: 13px;letter-spacing: -0.5px;}
.area_util_top > ul > li:first-child{padding-left:0px;}
.area_util_top > ul > li a[data-util="home"]{color:white;}
.area_util_top > ul > li a[data-util="search"]:before{content:'';display:block;width: 23px;height: 19px;background-repeat:no-repeat;background-position:50% 0;background-size:auto 100%;position: absolute;left: 0;top: 1px;}
.area_util_top > ul > li a[data-util="search"]{font-size:0;/* position: relative; */padding-left: 13px;display: inline-block;}
.area_util_top > ul > li a[data-util="search"]:before{background-image:url(/images/website/common/icon_search.svg);}

.area_util_top .lang{display:inline-block; position:relative; min-width:95px; margin-left:33px; vertical-align:middle;}
.area_util_top .lang button{position:relative; width:100%; box-sizing:border-box; padding:0.5rem 1.25rem 0.5rem 0.8rem; background:transparent; border:1px solid #c7c7c7; text-align:left;}
.area_util_top .lang button span{position:relative; color:#284ca0;}
.area_util_top .lang button:after{content:''; display:block; position:absolute; top:50%; right:0.8rem; margin-top:-3px; border-top:6px solid #919191; border-left:3px solid transparent; border-right:3px solid transparent; transform:rotate(0deg); transition:0.3s ease;}
.area_util_top .lang button:focus{outline:none;}
.area_util_top .lang button.active:after{border-top-color:#2b4278; transform:rotate(180deg);}
.area_util_top .lang ul{display:none; position:absolute; left:0px; z-index:10; width:100%; box-sizing:border-box; padding:0.5rem 0.8rem; background:#fff; border:1px solid #c7c7c7; border-top-width:0px;}
.area_util_top .lang ul li a{display:block; text-align:left; color:#666; transition:0.3s ease;}
.area_util_top .lang ul li a:hover{color:#222;}
html[lang="en"] .area_util_top > ul > li:first-child a{color:#222;}

/* .area_util_bottom{position:absolute;right:3.025rem;top:7%;margin-top: 0;background:#1d2944;padding: 8px 25px;}*/
 .area_util_bottom{position:absolute;right:5.625rem;top:50%;margin-top: 0;background:#1d2944;padding: 13px 15px;}

.area_util_bottom > ul,
.area_util_bottom > ul > li{display:inline-block;}
.area_util_bottom > ul > li:first-child{margin-left:10px;}
.area_util_bottom > ul > li{margin-right: 30px;}
.area_util_bottom > ul > li > a{opacity:1;display:block;height:23px;font-size: 13px;transition:opacity 0.3s ease 0s;text-align: center;color: #fff;}
.area_util_bottom > ul > li > a:before{content:'';display:block;width:28px;height:23px;background-repeat:no-repeat;background-position:50% 0;background-size:auto 100%;margin: 0 auto 5px auto;}
.area_util_bottom > ul > li > a[data-util="schedule"]:before{background-image:url(/images/website/common/icon_schedule_w.svg);}
.area_util_bottom > ul > li > a[data-util="inquiry"]:before{background-image:url(/images/website/common/icon_inquiry.svg);}
.area_util_bottom > ul > li > a[data-util="ticket"]:before{background-image:url(/images/website/common/icon_ticket_w.svg);}

.area_util_bottom > ul > li > a:hover{opacity:0.5;}
.area_util_bottom .btn_menu{display:inline-block;position:relative;width:23px;height:23px;vertical-align:top;background:transparent;top: 10px;}
.area_util_bottom .btn_menu span{overflow:hidden;display:block;position:absolute;top:5%;width:20px;height:18px;margin:0 auto;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% + 0.5px));}
.area_util_bottom .btn_menu span i,
.area_util_bottom .btn_menu span:before,
.area_util_bottom .btn_menu span:after{display:block;content:'';position:absolute;width:100%;height:2px;background: #fff;transform:translateX(0px);}
.area_util_bottom .btn_menu span:before{right:0px; top:0px; transition:transform 0.5s ease 1.2s;}
.area_util_bottom .btn_menu span:after{left:0px; bottom:0px; transition:transform 0.5s ease 1s;}
.area_util_bottom .btn_menu span i{opacity:1; left:0px; top:8px; width:20px; font-size:0px; transition:opacity 0.3s ease 0s, transform 0.5s ease 1.1s;}
.area_util_bottom .btn_menu em{display:block; overflow:hidden; position:absolute; top:50%; left:50%; width:100%; height:100%; margin:-10px 0 0 -10px; transform:translateX(20px); transition:transform 0.5s ease 0.5s;}
.area_util_bottom .btn_menu em i{display:block; position:absolute; width:0px; height:2px; background:#4d4d4d; transform:rotate(0);}
.area_util_bottom .btn_menu em i:nth-of-type(1){top:0px; left:0px; transition:width 0.5s ease 0.5s, transform 0.5s ease 0s, top 0.5s ease 0s;}
.area_util_bottom .btn_menu em i:nth-of-type(2){bottom:0px; left:0px; transition:width 0.5s ease 0.5s, transform 0.5s ease 0s, bottom 0.5s ease 0s;}
.area_util_bottom .btn_menu:focus{outline:none;}
.area_util_bottom .btn_menu:hover span i{opacity:0;}
.area_util_bottom .btn_menu.active span i,
.area_util_bottom .btn_menu.active span:before,
.area_util_bottom .btn_menu.active span:after{transform:translateX(-20px);}
.area_util_bottom .btn_menu.active span:before{transition-property:transform; transition-delay:0s;}
.area_util_bottom .btn_menu.active span i{transition-property:transform; transition-delay:0.1s;}
.area_util_bottom .btn_menu.active span:after{transition-property:transform; transition-delay:0.2s;}
.area_util_bottom .btn_menu.active em{transform:translateX(0); transition-duration:0s; transition-delay:0s;}
.area_util_bottom .btn_menu.active em i:nth-of-type(1){top:10px; width:100%; transform:rotate(45deg) perspective(500px); transition-delay:0.5s, 1s, 1s;}
.area_util_bottom .btn_menu.active em i:nth-of-type(2){bottom:11px; width:100%; transform:rotate(-45deg) perspective(500px); transition-delay:0.5s, 1s, 1s;}

/* search */
#header .area_util_search .inr{padding:6.25rem 0.625rem;}
.area_util_search{position:fixed; top:-100vw; left:0px; z-index:90; width:100%; background:#1c356f; color:#fff; transition:top 1s cubic-bezier(0.6, 0.24, 0.39, 1.02) 0.7s;}
.area_util_search .inr{opacity:0; visibility:hidden; width:calc(100% / 5 *3); box-sizing:border-box; margin:0 auto; transform:translateY(-30px) rotate(.001deg); transition:opacity 0.4s linear 0s, visibility 0s linear 0.6s, transform 0.6s cubic-bezier(0.6, 0.24, 0.39, 1.02) 0s;}
.area_util_search em{display:block; padding-top:25px; font-size:1.25rem; letter-spacing:0.375rem; font-weight:400;}
.area_util_search em + p{margin-top:1.563rem; margin-bottom:3.125rem; font-size:1.875rem; font-weight:200;}
.area_util_search em + p i{font-weight:500;}
.area_util_search .designRadio.btn input[type="radio"] + label{min-width:9.688rem; height:3.125rem; line-height:3.125rem; box-sizing:border-box; padding:0px 0.937rem; margin-right:1.875rem; font-size:1.125rem; font-weight:200; text-align:center; transition:0.3s ease;}
.area_util_search .designRadio.btn input[type="radio"] + label:before{display:none;}
.area_util_search .designRadio.btn input[type="radio"]:checked + label{background:#2e4e9a; box-shadow:0 26px 30px rgba(18,72,195,0.2);}
.area_util_search .input{position:relative; margin-top:1.875rem; margin-bottom:1.875rem}
.area_util_search .input:after{content:''; opacity:0.3; display:block; width:100%; height:1px; background:#fff; transition:0.3s ease;}
.area_util_search .input input{margin-top:0px; margin-bottom:0px;}
.area_util_search .input input[type="text"]{width:100%; height:6.25rem; padding-left:1.563rem; padding-right:5rem; font-size:1.563rem; color:#fff; font-weight:200; background:transparent; border:0px;}
.area_util_search .input input[type="text"]:focus{outline:none;}
.area_util_search .input input::placeholder{color:rgba(255,255,255,0.6);}
.area_util_search .input input::placeholder{color:#fff; opacity:0.6;}
.area_util_search .input input:-ms-input-placeholder{color:rgba(255,255,255,0.6);}
.area_util_search .input input::-ms-input-placeholder{color:rgba(255,255,255,0.6);}
.area_util_search .input input[type="text"]:-ms-clear{display:none;}
.area_util_search .input .btn{opacity:0.7; position:absolute; right:0px; top:0px; width:4.375rem; height:6.25rem; background:transparent url(/images/website/common/icon_search_w.svg) no-repeat 50% 50%; background-size:auto 24px; border:0px; transition:0.3s ease;}
.area_util_search .input.in:after{opacity:0.6;}
.area_util_search .input.active:after,
.area_util_search .input.active .btn{opacity:1;}
.area_util_search .close{position:absolute; right:0px; top:2.5rem; width:55px; height:55px; background:transparent; font-size:0px;}
.area_util_search .close:focus{outline:none;}
.area_util_search .close span{display:block; position:relative; height:100%;}
.area_util_search .close span:before,
.area_util_search .close span:after{content:''; display:block; position:absolute; top:50%; left:0; width:100%; height:1px; background:#fff; transition:0.4s ease-in-out;}
.area_util_search .close span:before{transform:rotate(-45deg);}
.area_util_search .close span:after{transform:rotate(45deg);}
.area_util_search .close:hover span:after{transform:rotate(-45deg);}
.area_util_search.active{top:0px; transition-delay:0s;}
.area_util_search.active .inr{opacity:1; visibility:visible; transform:translateY(0px) rotate(.001deg); transition-duration:0.4s, 0s, 0.7s; transition-delay:0.6s, 0.6s, 0.7s;}

/* all menu */
.area_all_menu{opacity:0; visibility:hidden; position:fixed; top:-100%; right:0px; z-index:85; width:100%; height:100%; background:#fff url(/reservation/images/website/common/img_allmenuBg.jpg) no-repeat 100% 100%; transition:top 0.5s cubic-bezier(0.6, 0.24, 0.39, 1.02) 0.6s, opacity 0.6s linear 0s, visibility 0s linear 0.6s;}
.area_all_menu .inr{overflow-y:auto !important; height:100%; box-sizing:border-box;}
.area_all_menu [data-obj="line"],
.ie .area_all_menu [data-obj="line"]{height:0; transition:0.7s cubic-bezier(0.6, 0.24, 0.39, 1.02) 0.6s;}
.area_all_menu .close{position:fixed; right:5.625rem; top:2.5rem; width:55px; height:55px; background:transparent; font-size:17px; color:white;}
.area_all_menu .close:focus{outline:none;}
.area_all_menu .close span{display:block; position:relative; height:100%;}
.area_all_menu .close span:before,
.area_all_menu .close span:after{content:''; opacity:0.5; display:block; position:absolute; top:50%; left:0; width:100%; height:1px; background:#000; transition:0.4s ease-in-out;}
.area_all_menu .close span:before{transform:rotate(-45deg);}
.area_all_menu .close span:after{transform:rotate(45deg);}
.area_all_menu .close:hover span:before,
.area_all_menu .close:hover span:after{opacity:1;}
.area_all_menu .close:hover span:after{transform:rotate(-45deg);}
.area_all_menu.active{top:0px; opacity:1; visibility:visible; transition-duration:1s, 0.4s, 0s; transition-delay:0s, 0.4s, 0s;}
.area_all_menu.active [data-obj="line"],
.ie .area_all_menu.active [data-obj="line"]{height:100%; transition-delay:0.8s;}

.area_all_menu .obj_txt{opacity:0.25; position:absolute; bottom:2.5rem; left:5.625rem; font-size:1.25rem; color:#000; letter-spacing:0.625rem; transform:rotate(-90deg); transform-origin:0% 0%;}
.area_all_menu div[class^="obj_img"]{overflow:hidden; position:absolute; width:280px; padding-top:18%; background:#f0f0f0; transform:scaleX(0); transform-origin:0 0; transition:transform 0.6s cubic-bezier(0.6, 0.24, 0.39, 1.02) 0.6s;}
.area_all_menu div[class^="obj_img"] > span{display:block; position:absolute; top:0px; left:-100%; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:left 0.8s cubic-bezier(0.6, 0.24, 0.39, 1.02) 0.6s;}
.area_all_menu .obj_img01{top:9.375rem; left:-2.5rem;}
/*.area_all_menu .obj_img01 > span{background-image:url(/reservation/images/website/main/visual-img-01.png);}*/
.area_all_menu .obj_img02{bottom:0px; left:calc((100% - 11.25rem) / 5 * 1 - 2.8rem);}
/*.area_all_menu .obj_img02 > span{background-image:url(/reservation/images/website/main/visual-img-01.png);}*/
.area_all_menu.active div[class^="obj_img"]{transform:scaleX(1); transition-delay:0.8s;}
.area_all_menu.active div[class^="obj_img"] > span{left:0; transition-delay:1s;}

.area_all_menu [data-menu-all]{overflow:hidden;}
.area_all_menu [data-menu-all] > ul > li{transform:translateX(-100%); transition:0.5s ease 0.6s;}
.area_all_menu [data-menu-all] > ul > li > a{display:block; position:relative; padding-top:1rem; color:#868e96; transition:0.3s ease;}
.area_all_menu [data-menu-all] > ul > li > a span{opacity:0.3; display:block; position:absolute; top:0px; left:0px; font-size:1.25rem; color:#222; letter-spacing:0.125rem; transition:0.3s ease;}
.area_all_menu.active [data-menu-all] > ul > li{transform:translateX(0); transition-duration:1s;}
.area_all_menu.active [data-menu-all] > ul > li:nth-of-type(1){transition-delay:1s;}
.area_all_menu.active [data-menu-all] > ul > li:nth-of-type(2){transition-delay:1.1s;}
.area_all_menu.active [data-menu-all] > ul > li:nth-of-type(3){transition-delay:1.2s;}
.area_all_menu.active [data-menu-all] > ul > li:nth-of-type(4){transition-delay:1.3s;}
.area_all_menu.active [data-menu-all] > ul > li:nth-of-type(5){transition-delay:1.4s;}
.area_all_menu.active [data-menu-all] > ul > li:nth-of-type(6){transition-delay:1.5s;}

.area_all_menu [data-menu-all="01"]{height:100%; min-height:900px; box-sizing:border-box; padding-top:5rem; margin-left:calc(100% / 5 * 2); width:calc(100% / 5 * 2);}
.area_all_menu [data-menu-all="01"] .siteMenu > li{position:relative;padding-bottom: 1.1rem;}
.area_all_menu [data-menu-all="01"] .siteMenu > li:last-child{padding-bottom:0px;}
.area_all_menu [data-menu-all="01"] .siteMenu > li > a{width:50%;font-size: 2.3rem;font-weight:700;}
.area_all_menu [data-menu-all="01"] .siteMenu > li > a span{font-size:1.25rem;}
.area_all_menu [data-menu-all="01"] .siteMenu.show > li > a{color:rgba(51,51,51,0.3);}
.area_all_menu [data-menu-all="01"] .siteMenu.show > li > a.active,
.area_all_menu [data-menu-all="01"] .siteMenu > li > a.active{color:#1e3770;}
.area_all_menu [data-menu-all="01"] .siteMenu.show > li > a.active span{opacity:1;}
.area_all_menu [data-menu-all="01"] .siteMenu > li > ul{position:absolute; top:0px; left:calc(100% / 2 * 1 + 2px); width:calc(50% - 1px);}
.area_all_menu [data-menu-all="01"] .siteMenu > li.active,
.area_all_menu [data-menu-all="01"] .siteMenu > li.active > ul{z-index:10;}
.area_all_menu [data-menu-all="01"] .siteMenu > li:nth-child(3) ~ li > ul{top:auto; bottom:0px;}
.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li{padding-bottom:1.5rem;}
.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li:last-child{padding-bottom:0px;}
.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > a{display:inline-block; position:relative; font-size:1.563rem; font-weight:300; color:#000; letter-spacing:-0.063rem; word-break:keep-all; transition:0.3s ease;}
.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > a.sub:before,
.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > a.sub:after{content:''; display:inline-block; background:#979797; transition:0.3s ease;}
.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > a.sub:before{position:absolute; top:50%; right:5px; width:2px; height:12px; margin-top:-7px; transform:rotate(0deg);}
.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > a.sub:after{width:12px; height:2px; margin-left:30px; margin-top:-6px; vertical-align:middle;}
.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > a.active{color:#1e3770;}
.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > a.active.sub:before,
.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > a.active.sub:after{background:#284995;}
.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > a.active.sub:before{transform:rotate(-90deg);}
.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > ul{width:100%; box-sizing:border-box; padding:25px 30px; margin-top:10px; background:#f5f8ff;}
.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > ul > li{margin-top:0.4375rem;}
.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > ul > li:first-child{margin-top:0px;} 
.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > ul > li > a{display:inline-block; font-size:1.125rem; font-weight:300; color:#444; transition:0.3s eaes;}
.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > ul > li > a:hover{color:#284995;} 
.ie .area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > ul > li > a{font-weight:200;}
.ie .area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > a.sub:after{margin-top:-8px;}
html[lang="en"] .area_all_menu [data-menu-all="01"] .siteMenu > li > a{font-size:2.25rem;}
html[lang="en"] .area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > a{font-size:1.25rem; letter-spacing:0px;}
html[lang="en"] .area_all_menu [data-menu-all="01"] .siteMenu > li:nth-child(3) ~ li > ul{bottom:10px;}

.area_all_menu [data-menu-all="02"]{position:absolute; left:calc(100% / 5 * 4 - 3.2rem); bottom:9.375rem;}
.area_all_menu [data-menu-all="02"] .siteMenu > li{padding-bottom:2.125rem;}
.area_all_menu [data-menu-all="02"] .siteMenu > li > a{font-size:1.875rem; font-weight:500;}
.area_all_menu [data-menu-all="02"] .siteMenu > li > a span{font-size:1rem;}
.area_all_menu [data-menu-all="02"] .siteMenu.show > li > a{color:rgba(51,51,51,0.3);}
.area_all_menu [data-menu-all="02"] .siteMenu > li > a.active,
.area_all_menu [data-menu-all="02"] .siteMenu.show > li > a.active{color:#1e3770;}
.area_all_menu [data-menu-all="02"] .siteMenu.show > li > a.active span{opacity:1;}
.area_all_menu [data-menu-all="02"] .siteMenu > li > ul{margin-top:10px;}
.area_all_menu [data-menu-all="02"] .siteMenu > li > ul > li{margin-top:0.625rem;}
.area_all_menu [data-menu-all="02"] .siteMenu > li > ul > li:first-child{margin-top:0px;} 
.area_all_menu [data-menu-all="02"] .siteMenu > li > ul > li > a{display:inline-block; position:relative; font-size:1rem; font-weight:300; color:#444; transition:0.3s ease;}
.area_all_menu [data-menu-all="02"] .siteMenu > li > ul > li > a:hover{color:#284995;}
.area_all_menu [data-menu-all="02"] .siteMenu > li > ul > li > ul{display:none !important;}

.area_all_menu .util{display:none;}
.area_all_menu .util > li{display:inline-block; padding:15px 0px; margin-left:20px;}
.area_all_menu .util > li:first-child{margin-left:0px;}
.area_all_menu .util > li > a{display:inline-block;}
.area_all_menu .util > li a[data-util="search"]:before{content:'';display:block;position: absolute;left: 0;top: 15px; width: 23px;height: 19px;background-repeat:no-repeat;background-position:50% 0;background-size:auto 100%;}
.area_all_menu .util > li a[data-util="search"]{font-size:0;/* position: relative; */padding-left: 13px;display: inline-block;}
.area_all_menu .util > li a[data-util="search"]:before{background-image:url(/images/website/common/icon_search.svg);}

/* 티켓예매 */ 
.ticket_reservation{opacity:0;visibility: hidden;position:fixed;right:-100%; bottom:0; z-index:80;width:768px;height:calc(100% - 148px);box-sizing:border-box;padding:70px 5rem;background: #1d2944;color:#fff;transition:1.5s}
.ticket_reservation.active{opacity: 1; visibility: visible; right:0;transition-delay: 0s; transition:1.5s}
.ticket_reservation.active .close{left: 0;opacity: 1;}
.ticket_reservation .close{position:absolute;left:0;top: 0;z-index: -1;width: 80px;height: 80px;margin-top: 0;background: #1d2944;transition:left 0.5s ease 0s;opacity: 0;/* font-size: 0; */}
.ticket_reservation .closefocus{outline:none;}
.ticket_reservation .close span{display:block;position:relative;padding-top: 23px;font-size: 0;color:#fff;letter-spacing:0.187rem;}
.ticket_reservation .close span:before,
.ticket_reservation .close span:after{content:''; opacity:0.8; display:block; position:absolute; top:5px; left:50%; width:20px; height:2px; margin-left:-12px; background:#fff; transition:0.4s ease-in-out;}
.ticket_reservation .close span:before{transform:rotate(-45deg);}
.ticket_reservation .close span:after{transform:rotate(45deg);}
.ticket_reservation .close:hover span:before,
.ticket_reservation .close:hover span:after{opacity:1;}

.ticket_reservation h3{position:relative; margin-bottom: 1.2rem;font-size:2.188rem;color:#fff;font-weight:500;}
.ticket_reservation .list{overflow-y: auto;width:100%;height: calc(100% - 100px);border-top: 1px solid rgba(255,255,255,0.5);}
.ticket_reservation .list ul{}
.ticket_reservation .list li{overflow: hidden;position:relative;padding: 25px 0;border-bottom: 1px dashed rgba(255,255,255,0.2);}
.ticket_reservation .list li > span{padding:25px; border-right:1px solid rgba(255,255,255,0.4);}
.ticket_reservation .list li > div{width:100%;overflow: hidden;padding-right: 100px;box-sizing: border-box;}
.ticket_reservation .list li > div h4{overflow:hidden;margin-bottom:7px;font-size: 1.2rem;text-overflow: ellipsis;white-space: nowrap;font-weight: 500;}
.ticket_reservation .list li > div p{display:flex;}
.ticket_reservation .list li > div p span{overflow:hidden; float:left;position:relative;padding:0 15px;opacity: 0.9;font-weight: 300;text-overflow: ellipsis; white-space: nowrap;}
.ticket_reservation .list li > div p span:after{content: ""; display: block; position: absolute; width:1px; height: 12px; left:0; top: 5px; background: rgba(255, 255, 255, 0.5);}
.ticket_reservation .list li > div p span:first-child{padding-left:0;min-width: 180px;max-width: 195px;}
.ticket_reservation .list li > div p span:first-child:after{display:none;}
.ticket_reservation .list li a.go_ticket{line-height: 1;position:absolute;color: #1e3770;right: 0;top:50%;background: #fff;/* border:1px solid #fff; */border-radius: 20px;padding: 11px 20px;font-size: 14px;transition:0.5s;transform: translateY(-50%);}
.ticket_reservation .list li a.go_ticket:hover{background: #284ca0;color:#fff;transition:0.5s;/* border-color: rgba(255,255,255,0.5); */}
.ticket_reservation .more{display:inline-block; position:absolute; top:15px; right:0; font-size:1.063rem; font-weight:400; color:#fff; letter-spacing:1.5px;}
.ticket_reservation .more:after{content:''; display:block; position:absolute; left:0px; width:0; height:1px; background:#fff; transition:0.3s ease;}
.ticket_reservation .more:hover:after{width:100%; transition:0.5s}

/* aside */
[data-layout="sns"]{position:absolute; right:0px; width:5.625rem; min-height:640px;}
[data-layout="sns"] ul{padding-top:50px;}
[data-layout="sns"] .scroll{opacity:1; visibility:visible; display:block; position:absolute; bottom:30px; width:100%; transition:all 0.5s ease-out 0s;}
[data-layout="sns"] .scroll span{display:block; font-weight:400; color:#404040; text-align:center; letter-spacing:0.125rem;}
[data-layout="sns"] .scroll span:after{content:''; display:block; width:1px; height:100px; margin:20px auto 0; background:#a4a4a4; vertical-align:middle;}
[data-layout="sns"] .scroll:after{content:''; opacity:0; display:block; position:absolute; left:50%; top:115px; width:50px; height:50px; margin:0 0 0 -25px; background:#000; border-radius:100%; transform:translateY(100px) scale(.1); -webkit-transform:translateY(100px) scale(.1); animation:pagedownFillarc 1.5s linear 0s infinite; -webkit-animation:pagedownFillarc 1.5s linear 0s infinite;}
a[data-sns]{display:block; position:relative; width:40px; height:40px; margin:2.8rem auto 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
a[data-sns]:before{content:''; opacity:1; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%;background-repeat:no-repeat; background-size:100%; background-position:50%; transition:opacity 0.3s ease;}

/*a[data-sns="quick_top"]:before{background-image:url(/images/website/main/icon_quick_top.png);}
a[data-sns="quick_bottom"]:before{background-image:url(/images/website/main/icon_quick_bottom.png);}*/

a[data-sns="blog"]:before{background-image:url(/images/website/main/icon_blog2.svg);}
a[data-sns="face"]:before{background-image:url(/images/website/main/icon_facebook.svg);}
a[data-sns="instar"]:before{background-image:url(/images/website/main/icon_insta.svg);}
a[data-sns="youtube"]:before{background-image:url(/images/website/main/icon_youtube.svg);}
a[data-sns="ch"]:before{background-position:-92px 0;}
a[data-sns="navertv"]:before{background-position:-69px 0;}
a[data-sns="photo"]:before{background-position:0 -24px;}
a[data-sns]:hover:before{opacity:0.6;}

[data-layout="guide"] .btn{display:none; overflow:hidden;position:absolute;right:0px;z-index:70;width:5.625rem;min-height:640px;}
[data-layout="guide"] .open{position:absolute; top:50%; right:0px; width:100%; background:transparent; vertical-align:middle; transform:translateY(-50%);}
[data-layout="guide"] .open:focus{outline:none;}
[data-layout="guide"] .open span{display:block; position:relative; padding-top:1.875rem; font-size:1.063rem; color:#333; letter-spacing:0.187rem; line-height:1.5em;}
[data-layout="guide"] .open span:before,
[data-layout="guide"] .open span:after{content:''; opacity:0.8; display:block; position:absolute; left:50%; width:20px; height:2px; margin-left:-10px; background:#4d4d4d; transform:rotate(0deg); transform-origin:50% 100%; transition:0.4s ease-in-out;}
[data-layout="guide"] .open span:before{top:0px;}
[data-layout="guide"] .open span:after{top:6px;}
[data-layout="guide"] .open:hover span:before{top:6px;}
[data-layout="guide"] .open:hover span:before,
[data-layout="guide"] .open:hover span:after{transform:rotate(-45deg);}
[data-layout="guide"] .box{display:none; display:flex; flex-direction:column; justify-content:center; position:fixed; right:-100%; z-index:80; width:768px; height:calc(100% - 148px); box-sizing:border-box; padding:0 5.625rem; background:#1e3770; background-image:linear-gradient(45deg, #294788, #1e3770); background-image:-ms-linear-gradient(45deg, #294788, #1e3770); background-image:-webkit-linear-gradient(45deg, #294788, #1e3770); background-image:-moz-linear-gradient(45deg, #294788, #1e3770); background-image:-o-linear-gradient(45deg, #294788, #1e3770); color:#fff; transition:right 1.5s cubic-bezier(0.6, 0.24, 0.39, 1.02) 0.4s}
[data-layout="guide"] .box:after{content:''; display:block; position:absolute; bottom:0px; right:0px; z-index:-1; width:100%; height:100%; background:url(/images/website/common/bg_guide.png) no-repeat 50% 100%;}
[data-layout="guide"] .box:before{content:''; display:block; position:absolute; left:0; top:50%; z-index:2; width:100px; height:100px; margin-top:-50px; background:#254280;}
[data-layout="guide"] .box.fix{height:100%;}
[data-layout="guide"] .box .close{position:absolute; left:0; top:50%; z-index:1; width:100px; height:100px; margin-top:-50px; background:#264382; transition:left 0.5s ease 0s;}
[data-layout="guide"] .box .close:focus{outline:none;}
[data-layout="guide"] .box .close span{display:block; position:relative; padding-top:30px; font-size:1.063rem; color:#fff; letter-spacing:0.187rem;}
[data-layout="guide"] .box .close span:before,
[data-layout="guide"] .box .close span:after{content:''; opacity:0.8; display:block; position:absolute; top:5px; left:50%; width:20px; height:2px; margin-left:-12px; background:#fff; transition:0.4s ease-in-out;}
[data-layout="guide"] .box .close span:before{transform:rotate(-45deg);}
[data-layout="guide"] .box .close span:after{transform:rotate(45deg);}
[data-layout="guide"] .box .close:hover span:after{transform:rotate(-45deg);}
[data-layout="guide"] .box p{opacity:0; font-size:2.813rem; font-weight:100; line-height:1.6em; transform:translateX(30px) rotate(.001deg); transition:0.5s ease 0.3s;}
[data-layout="guide"] .box p em{display:block; font-weight:300;}
[data-layout="guide"] .box small{opacity:0.8; position:absolute; bottom:5.625rem; right:5.625rem; font-size:1.25rem; font-weight:300; letter-spacing:0.125rem;}
[data-layout="guide"] .box ul:after{content:''; display:block; clear:both;}
[data-layout="guide"] .box ul{margin-left:-1.875rem; padding-top:5.625rem;}
[data-layout="guide"] .box ul > li{opacity:0; float:left; width:calc(100% / 5 - 0.937rem - 0.1px); margin-left:0.937rem; margin-bottom:2.188rem; text-align:center; transform:translateX(20px) rotate(.001deg); transition:0.5s ease 0.4s;}
[data-layout="guide"] .box ul > li:nth-child(5n+1){clear:left;}
[data-layout="guide"] .box a[data-guide]{opacity:0.8; display:inline-block; color:#fff; font-weight:300; transition:opacity 0.3s ease;}
[data-layout="guide"] .box a[data-guide]:before{content:''; display:block; width:63px; height:46px; margin:0 auto 0.937rem; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%;}
[data-layout="guide"] .box a[data-guide="icon01"]:before{background-image:url(/images/website/common/icon_guide01.svg);}
[data-layout="guide"] .box a[data-guide="icon02"]:before{background-image:url(/images/website/common/icon_guide02.svg);}
[data-layout="guide"] .box a[data-guide="icon03"]:before{background-image:url(/images/website/common/icon_guide03.svg);}
[data-layout="guide"] .box a[data-guide="icon04"]:before{background-image:url(/images/website/common/icon_guide04.svg);}
[data-layout="guide"] .box a[data-guide="icon05"]:before{background-image:url(/images/website/common/icon_guide05.svg);}
[data-layout="guide"] .box a[data-guide="icon06"]:before{background-image:url(/images/website/common/icon_guide06.svg);}
[data-layout="guide"] .box a[data-guide="icon07"]:before{width:55px; background-size:100% auto; background-image:url(/images/website/common/icon_guide07.svg);}
[data-layout="guide"] .box a[data-guide="icon08"]:before{height:40px; margin-top:3px; margin-bottom:1.125rem; background-image:url(/images/website/common/icon_guide08.svg);}
[data-layout="guide"] .box a[data-guide="icon09"]:before{width:73px; background-image:url(/images/website/common/icon_guide09.svg);}
[data-layout="guide"] .box a[data-guide="icon10"]:before{background-image:url(/images/website/common/icon_guide10.png);}
[data-layout="guide"] .box a[data-guide="icon11"]:before{background-image:url(/images/website/common/icon_guide11.svg);}
[data-layout="guide"] .box a[data-guide]:hover{opacity:0.4;}
[data-layout="guide"] .box.active{display:none; right:0px; transition-delay:0s;}
[data-layout="guide"] .box.active p{opacity:1; transform:translateX(0px); transition-delay:1.2s;}
[data-layout="guide"] .box.active ul > li{opacity:1; transform:translateX(0px); transition-delay:1.3s;}
[data-layout="guide"] .box.active .close{left:-100px; transition-delay:1.5s;}

.scrollQuick.fix{position:fixed;}

.ie [data-layout="guide"] .box{height:calc(100% - 147px)}
.ie [data-layout="guide"] .box.fix{height:100%;}
.ie [data-layout="guide"] .box a[data-guide="icon05"]:before{height:47px; margin-bottom:0.875rem;}
.ie [data-layout="guide"] .box a[data-guide="icon08"]:before{height:36px; margin-bottom:1.25rem;}

/* sub visual */
[data-layout="visual"]{display:none; overflow:hidden; position:relative; height:327px; background-repeat:no-repeat; background-position:50% 0; background-attachment:fixed; color:#fff;}
[data-layout="visual"].sub01{background-image:url(/images/website/common/img_subVisual01.jpg);}
[data-layout="visual"].sub02{background-image:url(/images/website/common/img_subVisual02.jpg);}
[data-layout="visual"].sub03{background-image:url(/images/website/common/img_subVisual03.jpg);}
[data-layout="visual"].sub04{background-image:url(/images/website/common/img_subVisual04.jpg);}
[data-layout="visual"].sub05{background-image:url(/images/website/common/img_subVisual05.jpg);}
[data-layout="visual"].sub06{background-image:url(/images/website/common/img_subVisual06.jpg);}
[data-layout="visual"].doh_sub01{background-image:url(/images/website/common/img_doh_subVisual01.jpg);}
[data-layout="visual"].doh_sub02{background-image:url(/images/website/common/img_doh_subVisual02.jpg);}
[data-layout="visual"].doh_sub03{background-image:url(/images/website/common/img_doh_subVisual03.jpg);}
/* [data-layout="visual"] > div{height:100%;} */
[data-layout="visual"] .txt{display:flex; flex-direction:column; justify-content:center; height:100%;}
[data-layout="visual"] .txt em{display:block; margin-left:0.187rem; margin-top:1.25rem; font-size:1.063rem; letter-spacing:0.437rem;}
[data-layout="visual"] .txt p{font-weight:200; font-size:1.563rem;}
[data-layout="visual"] .txt strong{display:block; font-size:2.5rem; font-weight:300;}
html[lang="en"] [data-layout="visual"] .txt strong{font-size:2.813rem; letter-spacing:3px;}

/* lnb */
[data-layout="lnb"]{position:absolute; left:5.625rem; z-index:10; width:calc(100% - 11.25rem); background:#999999;}
[data-layout="lnb"] .inr_box:after{content:''; display:block; clear:both;}
[data-layout="lnb"] .inr_box > *{float:left; position:relative;}
[data-layout="lnb"] .inr_box > * > ul{display:none; position:absolute; top:4.063rem; left:0px; z-index:10; width:100%; box-sizing:border-box; padding:0.625rem 1.875rem 1.875rem 1.875rem; background:#fff; border:1px solid #dadada; border-top-width:0px;}
[data-layout="lnb"] .inr_box > * > ul > li{padding-top:0.625rem;}
[data-layout="lnb"] .inr_box > * > ul > li a{display:inline-block; color:#222; font-weight:300; transition:0.3s ease;}
[data-layout="lnb"] .inr_box > * > ul > li a:hover{color:#1c356f; box-shadow:0px 1px 0px #7188be;}
[data-layout="lnb"] .inr_box button,
[data-lnb="home"]{display:block; position:relative; height:4.063rem; line-height:4.063rem; border-right:1px solid rgba(255,255,255,0.1); color:#fff; font-size:1.063rem; transition:height 0.3s ease;}
[data-layout="lnb"] .inr_box button{min-width:250px; box-sizing:border-box; padding:0 3.125rem 0 1.875rem; background:transparent; font-weight:200; text-align:left;}
[data-layout="lnb"] .inr_box button span{display:block; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
[data-layout="lnb"] .inr_box button:focus{outline:none;}
[data-layout="lnb"] .inr_box button:after{content:''; opacity:0.8; display:block; position:absolute; right:20px; top:50%; width:20px; height:20px; margin-top:-12px; background:url(/reservation/images/website/common/icon_arrow.png) no-repeat 50% 50%; background-size:100%; transform:rotate(0deg); transform-origin:50% 50%; transition:opacity 0.3s ease, transform 0.3s ease;}
[data-layout="lnb"] .inr_box button:hover:after,
[data-layout="lnb"] .inr_box button.active:after{opacity:1;}
[data-layout="lnb"] .inr_box button.active:after{transform:rotate(90deg);}
[data-layout="lnb"] .inr_box button.active{background:#14295b;}
[data-lnb="home"]{padding-left:2.813rem; font-size:0px;}
[data-lnb="home"]:before{content:''; opacity:0.8; display:block; position:absolute; top:50%; left:0; width:16px; height:16px; margin-top:-3px; background:url(/reservation/images/website/common/icon_home.png) no-repeat 50% 50%; background-size:100%; transform:translateY(-50%); transition:opacity 0.3s ease 0s;}
[data-lnb="home"]:hover:before{opacity:1;}
[data-layout="lnb"].fix{position:fixed; top:0px;}
[data-layout="lnb"].fix .inr_box button,
[data-layout="lnb"].fix [data-lnb="home"]{height:3.438rem; line-height:3.438rem;}
[data-layout="lnb"].fix .inr_box > * > ul{top:3.438rem;}
.ie [data-layout="lnb"] .inr_box > * > ul > li a{font-size:0.937rem;}
html[lang="en"] [data-layout="lnb"] .inr_box > * > ul > li a{font-size:0.937rem;}

/* snb */
[data-layout="snb"]{margin-bottom:35px;}
[data-layout="snb"] ul{display:table; width:100%; table-layout:fixed; margin-left:-0.625rem;}
[data-layout="snb"] ul > li{display:table-cell; height:3.5rem; box-sizing:border-box; padding-left:0.625rem; vertical-align:middle;}
[data-layout="snb"] ul > li > a{display:block; display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; box-sizing:border-box; border:1px solid #e0e0e0; vertical-align:middle; font-size:1.063rem; color:#666; text-align:center; font-weight:300; transition:0.3s ease;}
[data-layout="snb"] ul > li > a.on{background:#fff;border-color:#14295a;color:#14295a;box-shadow: 0 15px 17px rgb(0 0 0 / 15%);}
[data-layout="snb"] ul > li > a:hover{color:#2e51a2;}
html[lang="en"] [data-layout="snb"] ul > li > a{line-height: 1.1; font-weight: 500;}

/* tab */
[data-layout="tab"]{margin-top:35px; margin-bottom:1.375rem;}
[data-layout="tab"] ul{display:inline-block; position:relative; padding:0 30px; background:#27272f;}
[data-layout="tab"] ul:after{content:''; display:block; position:absolute; top:0px; right:-18px; border-left:18px solid #17171e; border-top:22px solid transparent;}
[data-layout="tab"] ul > li{display:inline-block; line-height:1.5;}
[data-layout="tab"] ul > li > a{display:inline-block; position:relative; padding:15px 15px 20px 15px; color:#fff; font-size:0.937rem; font-weight:300; transition:0.3s ease;}
[data-layout="tab"] ul > li > a:after{content:''; opacity:0; display:block; position:absolute; bottom:10px; left:50%; width:7px; height:7px; margin-left:-3.5px; background:#ffcc66; border-radius:100%; transition:0.3s ease;}
[data-layout="tab"] ul > li > a.on,
[data-layout="tab"] ul > li > a:hover{color:#ffcc66;}
[data-layout="tab"] ul > li > a.on:after{opacity:1;}

/* footer */
#footer .inr{position:relative; width:calc(100% - 11.25rem); margin:0 auto; padding:3.125rem 0 4.688rem;}
#footer .inr:after{content:''; display:block; clear:both;}
#footer .inr > div{float:left; width:calc(100% / 5); box-sizing:border-box; font-size:0.875rem; font-weight:300;}
#footer .inr > div.col{width:calc(100% / 5 * 2);}
#footer .inr > div:not(.col) ul > li{margin-top:0.8125rem;}
#footer .inr > div:not(.col) ul > li:first-child{margin-top:0px;}
#footer .inr > div:not(.col) ul > li > a{display:inline-block;}
#footer .inr > div:not(.col) ul > li:first-child > a{color:#20408a;}
#footer .inr .addr .logo{display:block; width:127px; height:59px; margin-bottom:0.9375rem; background:url(/images/website/common/logo_f.svg) no-repeat 50% 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
#footer .inr .addr .tel{margin-top:0.4375rem;}
#footer .inr .addr .tel > *{display:inline-block; margin-left:0.937rem; font-weight:500;}
#footer .inr .addr .tel a{margin-left:0px; color:#20408a;}
#footer .inr .col .site{display:inline-block; position:relative;}
#footer .inr .col .site button{position:relative; min-width:220px; box-sizing:border-box; padding:0.437rem 0.937rem; background:#fff; border:1px solid #d2d2d2; line-height:1.25rem; text-align:left; transition:0.3s ease;}
#footer .inr .col .site button span{position:relative; font-size:0.875rem; font-weight:300;}
#footer .inr .col .site button:before{content:''; display:block; position:absolute; right:38px; top:0px; width:1px; height:100%; background:#e2e2e2;}
#footer .inr .col .site button:after{content:''; display:block; position:absolute; top:50%; right:15px; margin-top:-3px; border-top:6px solid #294788; border-left:4px solid transparent; border-right:4px solid transparent; transform:rotate(0deg); transition:transform 0.3s ease;}
#footer .inr .col .site button:focus{outline:none;}
#footer .inr .col .site button.active{color:#20408a;}
#footer .inr .col .site button.active:after{transform:rotate(-180deg);}
#footer .inr .col .site ul{display:none; position:absolute; bottom:2.25rem; left:0px; z-index:10; width:100%; box-sizing:border-box; padding:0.9rem 0.8rem 0.6rem; background:#fff; border:1px solid #c7c7c7; border-bottom-width:0px;}
#footer .inr .col .site ul li a{display:block; padding:2px 0px; text-align:left; color:#666; font-size:0.812rem; transition:0.3s ease;}
#footer .inr .col .site ul li a:hover{color:#000;}
#footer .inr .col p{margin-top:1rem; word-break:keep-all;}
#footer .inr .col p:nth-of-type(2){margin-top:0.4375rem; word-break:break-all; font-size:0.812rem;}
#footer .inr .obj{opacity:0.7; display:block; position:absolute; bottom:11.825rem; left: 50%; font-size:1.063rem; color:#999; letter-spacing:0.312rem;}
#footer .btn_top{display:block; position:absolute; bottom:0px; right:0px; width:75px; height:75px; background:#222; font-size:0px;}
#footer .btn_top:before{content:''; display:block; width:1px; height:34px; margin:25px auto 0; background:#fff;}
#footer .btn_top:after{content:''; display:block; position:absolute; top:24px; left:50%; margin-left:-8px; border-bottom:8px solid #fff; border-left:8px solid transparent;}
#footer .sns{display:none; margin-bottom:15px;}
#footer .sns > li{display:inline-block; padding-left:0.9375rem;}
#footer .sns > li a[data-sns]{margin-top:0px;}
.ie #footer .inr .col p{font-weight:200;}
.ie #footer .inr .col p:nth-of-type(2){font-weight:400;}
html[lang="en"] #footer .inr > div.col address{padding-top:35px;}

/* content */
#container{margin:0 5.625rem; }
[data-layout="title"]{padding:1rem 0 2.5rem;}
[data-layout="title"] h2{font-size:2.5rem; color:#222; font-weight:300; text-align:center; word-break:keep-all;}
#content h2 { };
/* obj */
[data-obj="line"]{overflow:hidden; position:fixed; bottom:0; left:50%; width:calc(100% - 11.25rem); height:calc(100% - 148px); z-index:-1; transform:translateX(-50%); -webkit-transform:translateX(calc(-50% + 0.5px));}
[data-obj="line"] > span{display:block; opacity:0.07; float:left; width:calc(100% / 5); height:100%; box-sizing:border-box; border-left:1px solid #000;}
[data-obj="line"] > span:nth-of-type(1){border-left-width:0px;}
[data-obj="line"].fix{height:100%;}

.ie [data-obj="line"]{height:calc(100% - 147px);}
.ie [data-obj="line"].fix{height:100%;}

/* 비밀번호변경 */
.area_password > em{display:block; margin-bottom:10px; text-align:center; font-size:1.875rem; font-weight:500; color:#1c356f; letter-spacing:-1px;}
.area_password .txt_info{margin-bottom:20px; font-size:0.9375rem;}
.area_password table{max-width:600px; margin:0 auto;}
.area_password table input[type="text"],
.area_password table input[type="password"]{width:100%;}
.area_password .bul_list li{font-size:0.875rem;}
.area_password .bul_list > li:before{top:7px;}
.area_password ~ .btn_close{display:none;}

@keyframes pagedownFillarc{
	0%{opacity:0; -webkit-transform:translateY(-100px) scale(.1); transform:translateY(-100px) scale(.1);}
	10%{opacity:1; -webkit-transform:translateY(-100px) scale( .1 ); transform:translateY(-100px) scale( .1 );}
	50%{-webkit-transform:translateY(0) scale( .1 ); transform:translateY(0) scale( .1 );}
	55%{opacity:1; -webkit-transform:scale( .1 ); transform:scale( .1 );}
	60%{opacity:.5;}
	80%{opacity:0; -webkit-transform:scale(1); transform:scale(1);}
	100%{opacity:0; -webkit-transform:scale(1); transform:scale(1);}
}

@media screen and (max-width:2000px){
	#footer .inr .obj{left: 48.5%; letter-spacing:0.212rem;}
}

@media screen and (max-width:1850px){
	#footer .inr .col p:nth-of-type(1){word-break:keep-all;}
	#footer .inr .col p br{display:none;}	
}

@media screen and (max-width:1700px){
	#wrap:before{left:4.375rem;}
	#wrap:after{right:4.375rem;}
	#header .inr{padding:0 4.375rem;}
	#header h1{left:4.375rem;}
	.area_util_bottom{right:4.375rem; margin-top:-5px;}
	a.btn_intro,
	.btn_intro,
	[data-layout="sns"],
	[data-layout="guide"] .btn{width:4.375rem;}
	[data-layout="lnb"]{left:4.375rem; width:calc(100% - 8.75rem);}
	#container{margin:0 4.375rem;}
	#footer .inr{width:calc(100% - 8.75rem);}
	
	#header nav .gnb > li > a{padding-right:2rem; padding-left:2rem;}
	#header nav .gnb > li > ul > li > a{font-size:0.937rem;}
	
	.area_all_menu .close{right:4.375rem;}
	.area_all_menu [data-menu-all="02"]{left:calc(100% / 5 * 4 - 2.5rem)}
	
	[data-obj="line"]{width:calc(100% - 8.75rem);}
	
	html[lang="en"] a.btn_intro, 
	html[lang="en"] .btn_intro{font-size:0.6rem;}
	html[lang="en"] #header nav .gnb > li:first-child > a{padding-left:3rem;}
	html[lang="en"] #header nav .gnb > li > a{padding-left:2rem; padding-right:2rem;}
	#header nav .gnb > li:first-child{margin-left:5rem;}
	
	.myinfo-right-span {margin-top: 0.1525rem; margin-right: 1rem;}
}

@media screen and (max-width:1560px){
	#header{height:140px;}
	#header nav .gnb{text-align:left;}
	#header nav .gnb > li:first-child{margin-left:18rem;}
	#header nav .gnb > li > a{padding-top:0.938rem;}
	#header nav .gnb > li > a span{display:none;}
	#header nav .gnb > li > ul{left:50%; top:4.063rem; width:150px; margin-left:-75px;}
	html[lang="en"] #header nav .gnb > li:first-child > a{padding-left:6rem;}
	html[lang="en"] #header nav .gnb > li > ul > li > a{font-size:0.875rem;}

	.ticket_reservation{height: calc(100% - 140px);}
	
	#footer .inr > div{width:17%;}
	#footer .inr > div.addr{width:24%;}
	#footer .inr > div.col{width:42%;}
	
	#container [data-layout="visual"] > div{padding-left:5.625rem;}
	
	.area_all_menu div[class^="obj_img"]{padding-top:23%;}
	
	#wrap:after,
	#wrap:before{top:139px; height:calc(100% - 139px);}
	.ie #wrap:after,
	.ie #wrap:before{top:138px; height:calc(100% - 138px);}
	
	[data-obj="line"]{height:calc(100% - 139px);}
	.ie [data-obj="line"]{height:calc(100% - 138px);}
	
	#footer .inr .obj{left: 45%; letter-spacing:0.1rem;}
}

@media screen and (max-width:1470px){
	[data-lnb="home"]:before{left:50%; margin-left:-16px;}
}

@media screen and (max-width:1400px){
    .body_bg{}
    
	#header nav .gnb > li > a{padding-right:1.6rem; padding-left:1.6rem; font-size:1.125rem;}
	html[lang="en"] #header nav .gnb > li > a{padding-left:1.5rem; padding-right:1.5rem;}
	.area_util_bottom > ul > li{margin-right:30px}

	.area_all_menu [data-menu-all="01"]{padding-top:9.375rem;}
	.area_all_menu [data-menu-all="01"] .siteMenu > li > a{font-size:2.188rem;}
	.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > a{font-size:1.25rem;}
	.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > ul > li > a{font-size:1rem;}
	.area_all_menu [data-menu-all="02"] .siteMenu > li > a{font-size:1.438rem;}
	.ie .area_all_menu [data-menu-all='01'] .siteMenu > li > ul > li > a.sub::after{margin-top:-6px;}
	
	#footer .inr > div{float:left; display:block; width:auto; padding-left:0.9375rem;}
	#footer .inr > div:not(.col) ul > li{display:inline-block; margin:0 0.9375rem;}
	#footer .inr > div:not(.col) ul > li:first-child{margin-left:0px;}
	#footer .inr > div.addr,
	#footer .inr > div.col{clear:both; float:none; width:auto;}
	#footer .inr > div.addr{position:relative; min-height:85px; padding-top:0.9375rem;}
	#footer .inr .addr .logo,
	#footer .inr .addr > *{display:inline-block; vertical-align:middle;}
	#footer .inr .addr .tel{margin-top:0px;}
	#footer .inr .addr .logo,
	#footer .inr .addr address{margin-right:30px;}
	#footer .inr .col .site{position:absolute; right:0.9375rem; top:3.125rem; margin-top:-0.5625rem;}	
	#footer .inr .obj{bottom:15rem; left: 10.825rem; letter-spacing:0rem;}
}

@media screen and (max-width:1330px){
	#footer .inr > div{float:none;}
	#footer .inr > div:nth-of-type(2){margin-top:0.625rem;}
}

@media screen and (max-width:1300px){
	#header h1 .logo{display: none;}

	#header h1 .un{width:250px; height:75px; background-image:url(/images/website/common/logo.png);}
	#header nav .gnb > li > a{padding-bottom:2.188rem;}
	#header nav .gnb > li > ul{top:3.438rem;}
	#header nav .gnb > li > ul > li > a{font-size:0.875rem;}
	
	#wrap:after,
	#wrap:before{top:133px; height:calc(100% - 133px);}
	.ie #wrap:after,
	.ie #wrap:before{top:132px; height:calc(100% - 132px);}
	
	[data-obj="line"]{height:calc(100% - 133px);}
	.ie [data-obj="line"]{height:calc(100% - 132px);}

	#header nav .gnb > li > a{padding-right:1.4rem; padding-left:1.4rem; font-size:1rem;}
	.area_util_bottom{margin-top:0}
}

@media screen and (max-width:1250px){
	.area_util_bottom > ul > li{margin-right:20px;}
	.area_util_search .inr{width:calc(100% / 5 * 4);}
	
	[data-layout="guide"] .box{width:50%; padding:0 4.375rem;}
	[data-layout="guide"] .box ul{position:relative; z-index:10;}
	[data-layout="guide"] .box p{font-size:2rem;}
}

@media screen and (max-width:1200px){
	#header{height:126px;}
	#header .inr{overflow:hidden; padding:1.95rem 0.9375rem 1.95rem 3.75rem;}
	.ticket_reservation{height: calc(100% - 126px);}
	
	#header h1 .logo{display: none;}
	#header h1 .un{width:250px; height:75px; background-image:url(/images/website/common/logo.png);}
.area_util_bottom {
        top: 50px !important;   /* ← 여기서 조절 */
        bottom: auto !important;
        transform: none !important;
    }
/*	.area_util_bottom{right:0; top:auto; bottom:0.5rem;}*/
	a.btn_intro,
	.btn_intro,
	[data-layout="sns"]{width:3.75rem;}
	[data-layout="guide"] .btn{display:none;}
	[data-layout="lnb"]{left:3.75rem; width:calc(100% - 3.75rem);}
	#container{margin:0;}
	#footer .inr{width:calc(100% - 3.75rem); margin:0 0 0 3.75rem;}
	
	#header nav{display:none;}
	#header h1{display:inline-block; position:static; top:auto; left:auto; z-index:74; transform:translateY(0);}
	.area_util_top{position:absolute; top:0.625rem; right:0.9375rem; padding-top:0px;}
	.area_util_top > ul > li{padding-left:1.563rem;}
	.area_util_top > ul > li a{font-size:0.875rem;}
	.area_util_top .lang button{padding-top:0.3125rem; padding-bottom:0.3125rem;}
	.area_util_top .lang ul li a,
	.area_util_top .lang button span{font-size:0.875rem;}
	.area_util_bottom > ul > li{margin-right:40px;}
	
	#wrap:before{left:3.75rem;}
	#wrap:after{display:none;}
	#wrap:after,
	#wrap:before{top:126px; height:calc(100% - 126px);}
	.ie #wrap:after,
	.ie #wrap:before{top:125px; height:calc(100% - 125px);}
	
	[data-obj="line"]{left:3.75rem; width:calc(100% - 3.75rem); height:calc(100% - 126px); transform:translateX(0); -webkit-transform:translateX(0);}
	.ie [data-obj="line"]{height:calc(100% - 125px);}
	
	.area_all_menu .inr{min-height:inherit;}
	.area_all_menu [data-obj="line"]{display:none;}
	.area_all_menu .util{display:block; padding-right:100px; text-align:right;}
	.area_all_menu .close{top:1.8rem; right:1.5rem;}
	.area_all_menu .obj_txt{left:3.75rem; letter-spacing:0.3125rem; transform:rotate(0);}
	.area_all_menu [data-menu-all="01"]{padding-top:0; margin-left:0;}
	.area_all_menu [data-menu-all="02"]{bottom:3.125rem;}
	.area_all_menu div[class^="obj_img"]{width:220px; padding-top:25%;}
	.area_all_menu .obj_img01{left:50%; top:auto; bottom:50%;}
	.area_all_menu .obj_img02{left:50%; bottom:3.125rem;}

	html[lang="en"] a.btn_intro i,
	html[lang="en"] .btn_intro i{display:block;}
	html[lang="en"] a.btn_intro span,
	html[lang="en"] .btn_intro span{display:none;}
	
	/* display: block !important; */
	.gn-weather-div-top{ text-align: center; position: absolute; top: 50%; left: 78%; z-index: 80; transform: translateY(-20%);}
	.gn-weather-div{display: none;}
	
	.scrollQuick{display: none;}
	
	.myinfo-btn {
			    display: none !important;
			    justify-content: center;			    
			    background: #27272f;
			    border: none;
			    color: white !important;
			    width: 60px !important;
			    height: 48px !important;
			    text-indent: 0 !important;
			    text-align: center;
			    padding-top: 25%;			    
			}
			
			.myinfo-top-div {
				display: block;
				position: absolute;
			    top: 52%;
			    left: 88%;
			    transform: translateY(-50%);
			    z-index: 80;
			}
}

@media screen and (max-width:1024px){
	html,body{font-size:15px;}
	.layerPop{top:105px !important;}
	#header h1 .logo{display: none;}
	#header h1 .un{width:250px; height:75px; background-image:url(/images/website/common/logo.png);}
/*	#header h1 .un{background-image:url(/images/website/common/logo_un@x2.png);}*/
	.area_util_search .inr{width:90%; padding-right:0.9375rem; padding-left:0.9375rem;}
	.area_util_top > ul > li a,
	.area_util_top .lang ul li a,
	.area_util_top .lang button span{font-size:0.9375rem;}
    
	a[data-sns="face"]{width:22px;}
	[data-layout="visual"]{background-size:cover; background-position:50% 50% !important; background-attachment:inherit;}
	[data-lnb="home"]:before{margin-left:-14px; margin-top:-2px; background-image:url(/images/website/common/icon_home@x2.png);}
	[data-layout="lnb"] .inr_box button:after{margin-top:-10px; background-image:url(/images/website/common/icon_arrow@x2.png);}
	
	.area_all_menu{background-position-x:0; background-size:cover;}
	.area_all_menu .util{position:fixed; right:100px; top:1.875rem; padding-right:0px;}
	.area_all_menu .obj_img01{display:none;}
	.area_all_menu .obj_img02{right:1.5rem; left:auto;}
	.area_all_menu div[class^="obj_img"]{padding-top:35%;}
	.area_all_menu .inr:after{conent:''; display:block; clear:both;}
	.area_all_menu [data-menu-all]{float:left; width:calc(100% / 5 * 2); padding-top:4.375rem;}
	.area_all_menu [data-menu-all="01"]{height:auto; min-height:inherit;}
	.area_all_menu [data-menu-all="01"] .siteMenu > li > ul{position:static; width:100%; margin-top:10px;}
	.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li{padding-bottom:0.625rem;}
	.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > a{font-size:1.125rem;}
	.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > a.sub:after{margin-top:-4px;}
	.area_all_menu [data-menu-all="02"]{position:static; padding-left:1.25rem;}
	
	#footer .inr > div.addr{min-height:inherit;}
	#footer .inr > div:nth-of-type(2){margin-top:0.5rem;}
	#footer .inr > div.col{padding-right:0.9375rem;}
	#footer .inr .addr .logo{display:none;}
	#footer .inr .col p{margin-top:0.3rem;}

	[data-layout="tab"] ul{padding-top:5px; padding-bottom:5px;}
	[data-layout="tab"] ul > li > a{padding:10px 15px;}
	[data-layout="tab"] ul > li > a:after{bottom:3px;}
	
	#footer .inr .obj{bottom:19.825rem; left: 0.825rem;}
	
	.ticket_reservation .list li > div p span:first-child{min-width: 160px; max-width: 175px;}
	
	.myinfo-btn {				
			    display: none !important;
			    justify-content: center;			    
			    background: #27272f;
			    border: none;
			    color: white !important;
			    width: 60px !important;
			    height: 48px !important;
			    text-indent: 0 !important;
			    text-align: center;
			    padding-top: 25%;
			}
			
	.myinfo-top-div {
		display: block;
		position: absolute;
	    top: 52%;
	    left: 87%;
	    transform: translateY(-50%);
	}
	
	.gn-weather-div-top{left: 77.5%;}
}

@media screen and (max-width:959px){	
	.ticket_reservation{width:100%; padding: 70px 30px;}
	.ticket_reservation.active .close{margin-top:0; left:auto; right:0; top:0; width:80px; height:80px;}
	.ticket_reservation .close span:before, .ticket_reservation .close span:after{top:0}
	.ticket_reservation .close span{font-size:0; padding:0}
	
	.myinfo-btn {				
			    display: none !important;
			    justify-content: center;			    
			    background: #27272f;
			    border: none;
			    color: white !important;
			    width: 60px !important;
			    height: 48px !important;
			    text-indent: 0 !important;
			    text-align: center;
			    padding-top: 25%;
			}
			
	.myinfo-top-div {
		display: block;
		position: absolute;
	    top: 52%;
	    left: 86%;;
	    transform: translateY(-50%);
	}
	
	.gn-weather-div-top{left: 75.5%;}
}

@media screen and (max-width:840px){
	
	.myinfo-top-div {
	    top: 52%;
	    left: 85%;
	    transform: translateY(-49%);
	}
	.gn-weather-div-top{left: 73.5%;}
}

@media screen and (max-width:768px){
	html,body{font-size:14px;}
	
	#header .inr{padding-top:1.5rem; padding-bottom:1.5rem;}
	#header .area_util_search .inr{padding-top:4.375rem; padding-bottom:4.375rem;}
	.area_util_search{top:-500px;}
	
	[data-layout="visual"]{height:280px;}
	#container [data-layout="visual"] > div{padding-left:3.438rem;}
	
	[data-layout="lnb"] .inr_box button{min-width:220px;}

	.area_all_menu [data-menu-all]{width:calc(100% / 5 * 2.5); box-sizing:border-box; padding-top:5.5rem;}
	.area_all_menu [data-menu-all="01"]{padding-right:2rem;}
	.area_all_menu [data-menu-all="02"]{padding-left:2rem;}
	.area_all_menu [data-menu-all="01"] .siteMenu > li,
	.area_all_menu [data-menu-all="02"] .siteMenu > li{padding-bottom:2.5rem;}
	.area_all_menu [data-menu-all="01"] .siteMenu > li > a,
	.area_all_menu [data-menu-all="02"] .siteMenu > li > a{width: 100%; font-size:1.5rem; font-weight:700;}
	.area_all_menu [data-menu-all="01"] .siteMenu > li > a span,
	.area_all_menu [data-menu-all="02"] .siteMenu > li > a span{font-size:1.063rem;}
	.area_all_menu [data-menu-all="01"] .siteMenu > li > ul{margin-top:20px;}
	.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > a{display:block;}
	.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > a.sub:after{position:absolute; right:0px; top:50%; margin-top:-2px; margin-left:0px;}
	.area_all_menu [data-menu-all="01"] .siteMenu > li > ul > li > ul{padding:20px 25px;}
	.area_all_menu .obj_img02{display:none;}
	
	#footer .inr > div,
	#footer .inr .col .site button span,
	#footer .inr .col .site ul li a,
	#footer .inr .col p:nth-of-type(2){font-size:0.9375rem;}
	#footer .inr .col .site button{min-width:180px;}
	#footer .inr > div:nth-of-type(2){margin-top:0px;}
	#footer .inr > div:not(.col) ul > li{margin:0 1.143rem 0.3rem 0;}
	#footer .inr .col .site{top:0px; margin-top:0.5625rem;}
	#footer .inr .obj{bottom:21rem;}
	
	#wrap:after,
	#wrap:before{top:118px; height:calc(100% - 118px);}
	.ie #wrap:after,
	.ie #wrap:before{top:117px; height:calc(100% - 117px);}
	
	[data-obj="line"]{height:calc(100% - 118px);}
	.ie [data-obj="line"]{height:calc(100% - 117px);}
	
	.myinfo-btn {				
			    display: none !important;
			    justify-content: center;			    
			    background: #27272f;
			    border: none;
			    color: white !important;
			    width: 60px !important;
			    height: 48px !important;
			    text-indent: 0 !important;
			    text-align: center;
			    padding-top: 25%;
			}
			
	.myinfo-top-div {
		display: block;
		position: absolute;
	    top: 52%;
	    left: 82%;
	    transform: translateY(-47%);
	}
	.gn-weather-div-top{left: 69%;}
}

@media screen and (max-width:640px){
    
	#wrap:before{display:none;}
	#header .inr{padding-left:0.9375rem;}
	a.btn_intro,
	.btn_intro{display:none;}
	.area_util_bottom > ul > li{margin-right:30px;}
	.area_util_top > ul{display:none;}
	.area_util_top > ul > li{padding-left:1.25rem;}
	.area_util_top .lang{margin-left:1.25rem;}
	
	.area_util_search{top:-420px;}
	.area_util_search em{padding-top:0px;}
	.area_util_search em + p{font-size:1.429rem;}
	.area_util_search .designRadio.btn input[type="radio"] + label{min-width:8rem; margin-right:1.071rem;}
	.area_util_search .input{margin-top:1.5rem; margin-bottom:1.5rem;}
	.area_util_search .input input[type="text"]{height:5rem; font-size:1.429rem;}
	.area_util_search .input .btn{height:5rem;}
	.area_util_search .close{width:45px; height:45px;}
	
	[data-layout="sns"]{display:none;}
	
	[data-layout="snb"]{margin-bottom:20px;}
	[data-layout="tab"]{margin-top:20px; text-align:center;}
	[data-layout="tab"] ul{padding:0 15px; margin-right:18px;}
	[data-layout="tab"] ul > li > a{padding-left:10px; padding-right:10px;}
	
	[data-lnb="home"]{width:40px; box-sizing:border-box; padding-left:0px;}
	[data-lnb="home"]:before{width:14px; height:14px;}
	[data-layout="lnb"]{left:0px; width:100%;}
	[data-layout="lnb"] .inr_box [data-lnb="depth01"]{width:150px;}
	[data-layout="lnb"] .inr_box button{min-width:inherit; width:100%; padding-left:1.3rem; padding-right:2.6rem;}
	[data-layout="lnb"] .inr_box button:after{right:13px; margin-top:-9px; width:18px; height:18px;}
	[data-layout="lnb"] .inr_box > * > ul{padding:0.625rem 1.3rem 1.3rem 1.3rem;}
	[data-layout="lnb"] .inr_box .lnb{width:calc(100% - 190px);}
	
	[data-layout="snb"]{overflow-x:auto; position:relative; width:100%; height:3.15rem;}
	[data-layout="snb"] ul.full{position:absolute; margin:0;}
	[data-layout="snb"] ul{width:auto; margin:0 auto; table-layout:inherit;}
	[data-layout="snb"] ul > li{height:3.15rem; padding-right:0px; padding-left:0px;}
	[data-layout="snb"] ul > li > a{width:auto; margin:0 2px; padding-right:1rem; padding-left:1rem; white-space:nowrap;}
	[data-layout="snb"] ul > li > a.on{box-shadow:none;}
	
	[data-layout="title"]{padding-top:2rem; padding-bottom:1.5rem;}
	[data-layout="title"] h2{font-size:2.2rem;}
	
	#container{margin:0px; padding:10px;}
	
	#container [data-layout="visual"] > div{padding-left:2.143rem;}
	[data-layout="visual"]{height:250px;}
	[data-layout="visual"] .txt strong{font-size:2rem;}
	[data-layout="visual"] .txt p{font-size:1.3rem;}
	
	#header .area_all_menu .inr{padding-right:1.858rem; padding-left:1.858rem;}
	.area_all_menu .obj_txt{left:1.858rem;}
	
	/* #footer .sns{display:block;} */
	#footer .inr{width:100%; margin:0px;}
	#footer .btn_top{width:65px; height:65px;}
	#footer .btn_top:before{height:30px; margin-top:20px;}
	#footer .btn_top:after{top:19px;}
	#footer .inr .obj{right:100px;}
	#footer .inr > div{font-size:0.9286rem;}
	#footer .inr .col .site{top:3.125rem;/* margin-top:-0.2rem; */position: static;margin: 10px 0;}
	#footer .inr > div:nth-of-type(2){display:none;}
	#footer .inr > div.addr{padding-top:0.5rem;}
	#footer .inr .obj{bottom:18.525rem;}
	
	.ticket_reservation{padding:50px 30px}
	.ticket_reservation.active .close{height:60px;}
	.ticket_reservation h3{font-size:1.8rem}
	.ticket_reservation .list li{padding:20px 0}
	.ticket_reservation .list li > div h4{font-size:1rem}
	.ticket_reservation .list li > div p{display:block;}
	.ticket_reservation .list li > div p span{line-height: 1.6; display:block; float:none; padding:0 0 0 10px;}
	.ticket_reservation .list li > div p span:after{top: 9px; width:3px; height:3px; border-radius:50%;}
	.ticket_reservation .list li > div p span:first-child:after{display:block;}
	.ticket_reservation .list li > div p span:first-child{min-width:inherit; max-width:inherit; padding-left:10px;}
	.ticket_reservation .list li a.go_ticket{font-size:12px;}
	
	.myinfo-btn {				
			    display: none !important;
			    justify-content: center;			    
			    background: #27272f;
			    border: none;
			    color: white !important;
			    width: 60px !important;
			    height: 48px !important;
			    text-indent: 0 !important;
			    text-align: center;
			    padding-top: 25%;
			}
			
			.myinfo-top-div {
				display: block;
				position: absolute;
			    top: 52%;
			    left: 80%;
			    transform: translateY(-47%);
			}
			.gn-weather-div-top{left: 65%;}
}

@media screen and (max-width:600px){
	#header{height:105px;}
	#header .inr{padding-top:1.5rem; padding-bottom:1.5rem;}
	.area_util_bottom {
        top: 30px !important;   /* ← 여기서 조절 */
        bottom: auto !important;
        transform: none !important;
        right: 20px !important;   /* ← 더 오른쪽 */
    }


	.ticket_reservation{height: calc(100% - 95px);}
	
	#header .area_util_search .inr{padding-top:4rem; padding-bottom:3.5rem;}
	
	[data-layout="tab"] ul > li > a:after{width:5px; height:5px; margin-left:-2.5px;}
	
	[data-obj="line"]{height:calc(100% - 95px);}
	.ie [data-obj="line"]{height:calc(100% - 94px);}
	
	.myinfo-btn {				
			    display: none !important;		    
			    background: #27272f;
			    border: none;
			    color: white !important;
			    width: 60px !important;
			    height: 48px !important;
			    text-indent: 0 !important;
			    text-align: center;
			    padding-top: 25%;
			}
			
			.myinfo-top-div {
				display: block;
				position: absolute;
			    top: 52%;
			    left: 78%;
			    transform: translateY(-74%);
			}
			
			.gn-weather-div-top{left: 61%; transform: translateY(-52%);}


}

@media screen and (max-width:480px){
	
	#header h1 .logo{display: none;}
	#header h1 .un{width:225px; height:75px; background-image:url(/images/website/common/logo.png);}
	
	.ticket_reservation .list{height: calc(100% - 60px);}

	.area_util_search em + p{margin-bottom:2em; word-break:keep-all;}
	.area_util_search .input input[type="text"]{height:4.5rem; padding-left:1rem; font-size:1.3rem;}
	.area_util_search .input .btn{height:4.5rem; background-size:auto 20px;}
	
	.area_util_bottom > ul > li{margin-right:20px; bottom: 115rem;}
	.area_util_bottom {bottom: 1.995rem;}
	
	#header .area_all_menu .inr{padding-bottom:4.5rem;}
	.area_all_menu{background-size:auto 80%;}
	.area_all_menu [data-menu-all]{float:none; width:100%;}
	.area_all_menu [data-menu-all] .siteMenu > li > ul > li > a{padding-top:0.25rem; padding-bottom:0.25rem;}
	.area_all_menu [data-menu-all="02"]{padding-left:0px; padding-top:2rem;}
	.area_all_menu [data-menu-all="01"] .siteMenu > li,
	.area_all_menu [data-menu-all="02"] .siteMenu > li{padding-bottom:2rem;}
	
	.area_all_menu.active [data-menu-all="01"] > ul > li:nth-of-type(1){transition-delay:1s;}
	.area_all_menu.active [data-menu-all="01"] > ul > li:nth-of-type(2){transition-delay:1.1s;}
	.area_all_menu.active [data-menu-all="01"] > ul > li:nth-of-type(3){transition-delay:1.2s;}
	.area_all_menu.active [data-menu-all="01"] > ul > li:nth-of-type(4){transition-delay:1.3s;}
	.area_all_menu.active [data-menu-all="01"] > ul > li:nth-of-type(5){transition-delay:1.4s;}
	.area_all_menu.active [data-menu-all="01"] > ul > li:nth-of-type(6){transition-delay:1.5s;}
	.area_all_menu.active [data-menu-all="02"] > ul > li:nth-of-type(1){transition-delay:1.6s;}
	.area_all_menu.active [data-menu-all="02"] > ul > li:nth-of-type(2){transition-delay:1.7s;}
	.area_all_menu.active [data-menu-all="02"] > ul > li:nth-of-type(3){transition-delay:1.8s;}
	
	[data-layout="visual"]{height:230px;}
	[data-layout="visual"] .txt p{font-size:1.2rem; line-height:1.3;}
	[data-layout="visual"] .txt strong{font-size:1.9rem;}
	
	[data-layout="title"]{padding-top:2rem; padding-bottom:1.2rem;}
	[data-layout="title"] h2{font-size:2rem; line-height:1.2;}
	html[lang="en"] [data-layout="title"] h2{font-size:1.8rem;}
	
	[data-layout="snb"]{margin-bottom:15px;}
	[data-layout="tab"]{margin-top:15px;}
	[data-layout="tab"] ul{display:block; margin-right:0; padding:5px 8px; text-align:left;}
	[data-layout="tab"] ul:after{display:none;}
	[data-layout="tab"] ul > li > a{padding-left:5px; padding-right:5px;}
	[data-layout="tab"] ul > li > a:after{bottom:2px;}
	
	#footer .inr{padding-bottom:4rem;}
	#footer .inr .addr .tel{display:block; margin-top:0.4rem; margin-right:0px;}
	#footer .btn_top{width:50px; height:50px;}
	#footer .btn_top:before{height:25px; margin-top:15px;}
	#footer .btn_top:after{top:14px;}
	#footer .inr .obj{bottom:16.825rem;}
			
			.myinfo-top-div {
				display: block;
				position: absolute;
			    top: 52%;
			    left: 74%;
			    transform: translateY(-75%);
			}
			
			.gn-weather-div-top{left: 55%;}
}

@media screen and (max-width:420px){
    .body_bg{background:url(/images/website/common/bg_body02_m01.png)no-repeat 70% -50%;}
    
	[data-layout="lnb"] .inr_box [data-lnb="depth01"]{width:130px;}
	[data-layout="lnb"] .inr_box .lnb{width:calc(100% - 170px);}
	
	.myinfo-top-div {left: 70%;}
	.gn-weather-div-top{left: 47%; transform: translateY(-55%);}
	#footer .inr .obj{bottom:17.825rem;}
}

@media screen and (max-width:400px){
	.area_util_bottom > ul > li{margin-right:10px;}
	
	.area_all_menu .close{right:0.9375rem; width:45px; height:45px;}
	.area_all_menu .util > li{padding:10px 0px;}
	.area_all_menu .util > li a[data-util="search"]:before{top:10px;}
	.area_all_menu .obj_txt{display:none;}
	.area_all_menu [data-menu-all="01"]{padding-right:0px;}
	.area_all_menu [data-menu-all="02"]{margin-top:2rem; border-top:1px dashed #cfcece;}
	
	[data-layout="lnb"] .inr_box [data-lnb="depth01"]{width:110px;}
	[data-layout="lnb"] .inr_box .lnb{width:calc(100% - 150px);}
	[data-layout="lnb"] .inr_box button{padding-left:1rem; padding-right:2.2rem;}
	[data-layout="lnb"] .inr_box button:after{right:8px;}
	[data-layout="lnb"] .inr_box > * > ul{padding:0.625rem 1rem 1rem 1rem;}
	html[lang="en"] [data-layout="lnb"] .inr_box [data-lnb="depth01"]{width:130px;}
	html[lang="en"] [data-layout="lnb"] .inr_box .lnb{width:calc(100% - 170px);}
	html[lang="en"] [data-layout="lnb"] .inr_box button span{font-size:1rem;}
	
	[data-layout="snb"] ul > li > a{padding-right:0.7rem; padding-left:0.7rem; font-size:1rem;}
	html[lang="en"] [data-layout="snb"] ul > li > a{font-size:0.9375rem;}
	
	[data-layout="tab"] ul > li > a{padding-left:4px; padding-right:4px;}
	
	#footer .sns{margin-top:0;}
	#footer .inr .col .site{top:1.2rem; width:calc(100% - 1.875rem); margin-top:0px;}
	#footer .inr .col .site button{min-width:inherit; width:100%; padding-top:0.7rem; padding-bottom:0.7rem; line-height:1.5;}
	#footer .inr .col .site ul{bottom:3rem;}
	#footer .inr .col p:nth-of-type(1){margin-top:0.5rem;}
	.ie #footer .inr .col .site ul{bottom:2.95rem;}
}

@media screen and (max-width:370px){
	#header{height:90px}
	#header h1 .logo{display: none;}
	#header h1 .un{width:200px; height:55px; background-image:url(/images/website/common/logo.png);}
	
	#header .area_util_search .inr{padding-top:3rem; padding-bottom:4.7rem;}
	.area_util_search.active{box-shadow:0 20px 30px rgba(0,0,0,0.2);}
	.area_util_search .input{margin-bottom:0px;}
	.area_util_search .input input[type="text"]{padding-right:4.3rem; font-size:1.2rem;}
	.area_util_search .input .btn{width:4rem;}
	.area_util_search .designRadio.btn input[type="radio"] + label{width:7rem; font-size:1rem;}
	.area_util_search em + p{margin-bottom:1.5rem;}

	[data-layout="lnb"] .inr_box > * > ul > li a{line-height:1.5;}
	
	[data-obj="line"]{height:calc(100% - 84px);}
	.ie [data-obj="line"]{height:calc(100% - 93px);}
			
	.myinfo-top-div {left: 67%;}
	.gn-weather-div-top{left: 42.5%;}

}
@media screen and (max-width:364px){
	.area_all_menu .util > li{margin-left:10px;}
}

@media screen and (max-width:340px){
    .body_bg{background:url(/images/website/common/bg_body02_m01.png)no-repeat 10% -200%;}
    
	#header .area_util_search .inr{padding-bottom:4rem;}
	.area_util_search .close{top:1rem;}
	.area_util_search em{font-size:1rem;}
	.area_util_search em + p{font-size:1.3rem;}

	.area_util_bottom > ul > li > a{font-size:0}
	
	.myinfo-top-div {left: 65%;}
	.gn-weather-div-top{left: 40%;}
	#footer .inr .obj{bottom:21rem;}
}

.head-btn {
	border: 1px solid #002060;
	background-color: #e2e7f1;
	padding: 10px 3px;
	width: 80px;
	font-size: 0.8rem
}

.head-btn:hover {
     background-color:#002060;
     color: white;
     transition: 0.7s;
}

.notice-title-inline {
	display: flex;
	align-items: center;
}

@media screen and (max-width:320px){
	.myinfo-top-div {left: 63%;}
	.gn-weather-div-top{left: 37%;}    
}


/* =========================================================
   HEADER SAFE MODERN LAYER (NO LAYOUT TOUCH)
========================================================= */

/* 헤더 질감만 개선 */
#header {
  background: #fff;
  box-shadow: 0 2px 14px rgba(0,0,0,0.06);
}


/* =========================
   GNB 메뉴 텍스트 질감
========================= */

#header nav .gnb > li > a {
  font-weight: 500;
  transition: color .2s ease;
}

#header nav .gnb > li > a:hover {
  color: #2f6db5;
}

/* 기존 span은 유지하되 톤다운 */
#header nav .gnb > li > a span {
  opacity: .45;
  font-size: 0.78rem;
}

/* =========================
   드롭다운 카드화 (안전)
========================= */

#header nav .gnb > li > ul {
  border-radius: 14px;
  border-color: #e5e8ef;
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

/* 2차 메뉴 hover만 정리 */
#header nav .gnb > li > ul > li > a {
  border-radius: 8px;
  transition: background .2s ease, color .2s ease;
}

#header nav .gnb > li > ul > li > a:hover {
  background: #f2f6ff;
  color: #2f6db5;
}

/* =========================
   유틸 영역 정리
========================= */

.area_util_top > ul > li a {
  transition: opacity .2s ease;
}

.area_util_top > ul > li a:hover {
  opacity: .85;
}

/* =========================
   메뉴 전체 공통 transition
========================= */

#header nav .gnb > li,
#header nav .gnb > li * {
  transition: background-color .2s ease,
              color .2s ease,
              box-shadow .2s ease;
}
/* 2차 메뉴 폭 자동화 */
#header nav .gnb > li > ul {
  width: auto;
  min-width: 200px;
  max-width: 320px;
}

/* 기본적으로 caret 제거 */
body {
    caret-color: transparent;
}

/* 일반 영역 텍스트 선택 방지 */
#container,
#content,
article,
section,
div,
footer,
header {
    user-select: none;
}

/* 입력 요소만 예외 */
input,
textarea,
select,
[contenteditable="true"] {
    user-select: text;
    caret-color: auto;
}

/* ===============================
   📱 모바일 / 태블릿에서 aside 완전 제거
=============================== */
@media (max-width: 1024px){

    /* SNS / 퀵 / 가이드 aside 전부 제거 */
    [data-layout="sns"],
    [data-layout="guide"],
    .scrollQuick,
    .scrollQuick.fix {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        position: static !important;
        overflow: hidden !important;
    }

    /* footer 폭 계산 원복 */
    #footer .inr{
        width: 100% !important;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* lnb도 좌우 aside 기준 제거 */
    [data-layout="lnb"]{
        left: 0 !important;
        width: 100% !important;
    }
}
/* ===============================
   FOOTER 기본 안정화
=============================== */
#footer {
    position: relative;
    z-index: 1;
    background: #fff;
}

/* footer 위 섹션과 간격 명확히 */
#content + #footer,
#container > #footer {
    margin-top: 0px;
}