@import url("sitemap.css");
.f16{font-size: 16px;font-size: 1rem;}
.f18{font-size: 18px;font-size: 1.125rem;}
.f20{font-size: 20px;font-size: 1.250rem;}
.f22{font-size: 22px;font-size: 1.375rem;}
.f24{font-size: 24px !important;font-size: 1.500rem !important;}
.f26{font-size: 26px;font-size: 1.625rem; letter-spacing:-.067em;}
.f38{font-size: 38px;font-size: 2.375rem;}
#sub_page{padding: 80px 0 115px 0}
#sub_page > .inner{position: relative;}

.mobile-txt{display:none;}

.color-purple2{color:#8936e0}
.color-purple3{color:#b725b2}
.color-navy{color: #AE4A00}
.color-blue{color: #0f218b}
.color-grey{color: #888}
.color-orange{color: #ff7200}
.color-white{color:#fff}
.color-yellow2{color: #ffb400}
.color-red{color: #d60000 !important}
.color-black{color: #000 !important}

/* ci변경 후 추가 */
.color-gold,.color-purple{color: #AE4A00}

.bg-purple{background: #000;color: #fff}
.bg-purple_r{border:1px solid #000;color: #000}
.bg-purple2_r{border:1px solid #b725b2;color: #b725b2}
.bg-orange_r{border:1px solid #fd9815;color: #fd9815}
.bg-green{background: #0c868f;color: #fff}
.bg-green2{background: #00a6bb;color: #fff}
.bg-black{background: #000;color: #fff}
.bg-black_r{border: 1px solid #000 !important;color: #000}
.bg-orange{background: #ff7200}
.bg-orange2{background: #ff2929}
.bg-purple2{background: #0097bd;border: 1px solid #000}
/* .bg-purple2{background: #8936e0} */
.bg-pink{background: #ff019a}
.bg-purple3{background: #000;color: #fff}
.bg-purple4{background: #8936e0;}
.bg-yellow{background: #EF6700}
.bg-blue{background: #0170ff}
.bg-blue2{background: #0198FF}
.bg-navy{background: #000;color:#fff}
.bg-grey_r{border:1px solid #cdcdcd}
.bg-brown{background: #c65c17}
.bg-yellow_r{background: #fee800; color: #000; border:1px solid #000}

.btn-st1{width: 200px;height: 53px;display: block;font-size: 17px;}
a.btn-st1{line-height: 50px;}
.btn-st2{height: 3.3em;font-size: 18px;font-size: 1.125rem;;display: block;font-weight: 400; width: 100%;text-align: center;}
a.btn-st2{line-height: 3.15em;}
.btn-st3{height: 4.286em;width:17.500em;display: block;font-size: 14px;font-weight: 500;text-align: center;font-size: 0.875rem;}
a.btn-st3{line-height: 4.286em;}
.btn-link{color:#0e0e71; border-bottom: 1px solid #0e0e71;font-size: 15px;font-size: .938rem;font-weight: 500;}

.tit-st1{font-size: 16px;;font-size: 1rem;text-align: center;line-height: 1.15;margin-bottom: 1.875em;padding-bottom:1.875em;border-bottom: 1px solid #ddd;}
.tit-st1 strong{font-size: 50px;font-size: 3.125rem;}
.tit-st1 span{display: block;letter-spacing: 0.08em;margin-top: 10px;}
.tit-st2{padding: 15px 20px;font-size: 1.625em; position: relative;color: #000;border-bottom: 1px solid #000;text-align: left;padding-right: 5em; word-break:keep-all}
.pop_gift_info .tit-st2{color: #fff;padding: 30px 40px;font-size: 1.875em;}
.pop_gift_info .tit-st2 button{right: 30px}
.tit-st2 .t{position: relative;padding-left: 50px;background: url('../img/common/pop-t.gif') left center no-repeat}
.tit-st2 button{position: absolute; right: 20px;top:50%;margin-top: -12px;margin-top: -0.750rem;}
.tit-st3{text-align: center;font-weight: 500;font-size: 1.25em;color:#000;padding: 0 10px;margin-bottom: 2.5em;}
.tit-st3 span{position: relative;display: inline-block;}
.tit-st3 span:after{position: absolute;left: 0;width: 100%;bottom: 0;height: 7px;background: #ffe800;content: ''}
.tit-st4{font-size: 38px;font-size: 2.375rem;line-height: 1.15;margin-bottom: .67em;font-weight: 300;letter-spacing: -0.03em;position: relative;}
.tit-st4 h3{font-weight: 300;}
.rel.tit-st4{margin-bottom: 1em;}
.rel.tit-st4 .ab{position: absolute;right: 0;bottom:0}
.tit-st4 .ab{font-size: 14px;font-size: 0.875rem;}
.tit-st4 button,.tit-st4 .btn{width: 9.500em;height: 3.143em;font-weight: 500; text-align: center;}
.tit-st4 button.big,.tit-st4 .btn.big{width: 11em}
.tit-st4 .btn{line-height: 3em;display: inline-block;}

.tit-st5{font-size: 24px;font-size: 1.500rem;line-height: 1.15;margin-bottom: .8em;font-weight: 500;letter-spacing: -0.03em;position: relative;}

.tit-st6{font-size: 22px;font-size: 1.375rem; display: block; margin-bottom: 1.364em; line-height: 1.15; font-weight: 700; color: #000}

.txt-link{color:#0b15db}
.txt-link:hover{text-decoration: underline}

.tbl-st1{width: 100%;border-top: 1px solid #000;border-left: 1px solid #000;word-break: break-word;}
.tbl-st1 th{background: #000;font-weight: 700;border-right: 1px solid #fff;border-bottom: 1px solid #fff; color: #fff;}
.tbl-st1 th:last-child{border-right: 1px solid #000;}
.tbl-st1 td{background: #fff;border-right: 1px solid #000;border-bottom: 1px solid #000}
.tbl-st1 th,.tbl-st1 td{padding: 1em;text-align: center}
.tbl-st1 .th{background: #f7f7f7;font-weight: 500;text-align: center;}

.tbl-st2{border:1px solid #000;border-bottom: 0; background: #fff}
.tbl-st2 .item{display: table;width: 100%;border-bottom: 1px solid #000;}
.tbl-st2 .item > *{display: table-cell;vertical-align: middle;}
.tbl-st2 .t{width: 300px;font-weight: 700;text-align: center;background: #f7f7f7;border-right: 1px solid #000;}
.tbl-st2 .cont{padding: 20px}
.tbl-st2 .tbl table{width: 100%}
.tbl-st2 .tbl th{background: #000;color:#fff;font-weight: 700;text-align: center;width:50%}
.tbl-st2 .tbl th,.tbl-st2 .tbl td{padding: 20px; border-left: 1px solid #000;}
.tbl-st2 .tbl th{border-left-color:#fff;}
.tbl-st2 .tbl td{border-top: 1px solid #000;}
.tbl-st2 .tbl th:first-child,.tbl-st2 .tbl td:first-child{border-left:0}
.tbl-st2 .border{border-top: 1px solid #000;}

.tbl-st3{position: relative; text-align: center;}
.tbl-st3:before{position: absolute;left: 0;top:0;width: 1px; height: 100%;content: ''; background: #fff}
.tbl-st3 table{width: 100%}
.tbl-st3 th{font-weight: 700; border-bottom: 1px solid #000; border-top: 1px solid #000; border-left: 1px solid #ddd; font-size: 16px;}
.tbl-st3 td{font-size: 14px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.tbl-st3 th,.tbl-st3 td{padding: 10px 5px}

.tbl-st4{position: relative; text-align: center;}
.tbl-st4:before{position: absolute;left: 0;top:0;width: 1px; height: 100%;content: ''; background: #fff}
.tbl-st4 table{width: 100%}
.tbl-st4 th{font-weight: 700; border-bottom: 1px solid #000; border-top: 1px solid #000; border-left: 1px solid #000}
.tbl-st4 td{border-bottom: 1px solid #000; border-left: 1px solid #000;}
.tbl-st4 th,.tbl-st4 td{padding: 10px 5px}

.caution-box{background: url('../img/common/pt.gif') center center no-repeat; padding: 10px;font-size: 15px;font-size: 0.938rem;}
.caution-box.mb{margin-bottom: 2em;}
.caution-box .in{background: #fff;padding: 30px}
.caution-box dt{font-weight: 500;margin-bottom: 8px; }
.caution-box dt > .i{background: url('../img/common/bul-caution_b.png') right center no-repeat;padding-right: 1.5em;background-size:16px;background-size:1rem}
.caution-box .bul-mark2{margin-top: 1.5em;}

.tabs-st1{font-size: 1.200em;margin-bottom: 2.500em;border: 1px solid #000;text-align: center;word-break: keep-all; line-height: 1.18;}
.tabs-st1 > li{float: left;width: 20%;position: relative; background: #fff}
.tabs-st1 > li:before{position: absolute;left: -1px;top:50%;width: 1px;height: 1.833em;margin-top: -0.918em;content: '';background: #000}
.tabs-st1 > li.active{background: #000;color: #fff}
.tabs-st1 > li.active + li:before{background: none}
.tabs-st1.li2 > li{width: 50%}
.tabs-st1.li3 > li{width: 33.3333333333%}
.tabs-st1.li4 > li{width: 25%;}
.tabs-st1.li5 > li{width: 20%}
.tabs-st1.li6 > li{width: 16.6666666667%}
.tabs-st1.li7 > li{width: 14.2857142857%}
.tabs-st1.li8 > li{width: 12.5%}
.tabs-st1 a{display: table;width: 100%;height:3.889em; padding: 0 5px}
.tabs-st1 a > span{display: table-cell;vertical-align: middle;}
.tabs-st2{text-align: center;margin-bottom: 4em;}
.tabs-st2 li {display: inline-block;position: relative;font-size: 20px;font-size: 1.333em;position: relative;margin: 0 0.5em;line-height: 1}
.tabs-st2 li a{display: block;padding: 0 .5em;z-index: 1;position: relative;}
.tabs-st2 .active{font-weight: 700;}
.tabs-st2 .active:after{left: 0; bottom: -3px;width: 100%;height:7px;background: #da7fc3;content: '';position: absolute;content: '';}

.tabs-st3{text-align: center;margin-bottom: 3em;color:#777}
.tabs-st3 li {display: inline-block;position: relative;font-size: 18px;font-size: 1.125rem;position: relative;margin: 0 0.5em 1.5em .5em;line-height: 1}
.tabs-st3 li a{display: block;z-index: 1;position: relative;}
.tabs-st3 .active{font-weight: 700;color:#000}
.tabs-st3 .active:after{left: 0; bottom: -0.833em;width: 100%;height:3px;background: #222;content: '';position: absolute;content: ''}

.tabs-st4{font-size: 1.200em;margin-bottom: 2.500em;border: 1px solid #000;text-align: center;word-break: keep-all; background: #fff; display: flex; flex-wrap: wrap; line-height: 1.15;}
.tabs-st4 > li{width: 20%;position: relative; background: #fff; color: #000; flex: 1;}
.tabs-st4 > li:before{position: absolute;left: -1px;top:50%;width: 1px;height: 1.833em;margin-top: -0.918em;content: '';background: #000}
.tabs-st4 > li.active{background: #000;color: #fff}
.tabs-st4 > li.active + li:before{background: none}
.tabs-st4.li2 > li{width: 50%}
.tabs-st4.li3 > li{width: 33.3333333333%}
.tabs-st4.li4 > li{width: 25%}
.tabs-st4.li5 > li{width: 20%}
.tabs-st4.li6 > li{width: 16.6666666667%}
.tabs-st4.li7 > li{width: 14.2857142857%}
.tabs-st4.li8 > li{width: 12.5%}
.tabs-st4 a{display: table;width: 100%;height:3.889em}
.tabs-st4 a > span{display: table-cell;vertical-align: middle;}

.bul-dash > li,.bul-dash > dd{position: relative;padding-left: .8em;margin-top: .3em;}
.bul-dash > li:before,.bul-dash > dd:before{position:absolute;left: 0;top:0;content:'-'}
.bul-dash > li:first-child,.bul-dash > dd:first-child{margin-top: 0 !important;}
.bul-mark > li{background: url('../img/common/bul-caution_yel.gif') left .3em no-repeat;padding-left: 1.5em;background-size:16px;background-size:1rem;margin-top: .3em;}
.bul-mark > li:first-child{margin-top: 0 !important;}

.bul-caution{background: url('../img/common/bul-mark.gif') left center no-repeat;padding-left: 35px;padding-left: 2.188rem;background-size:26px;background-size:1.625rem;display: block;}

.bul-mark.b{background: url('../img/common/bul-caution_yel.gif') left .3em no-repeat;padding-left: 1.5em;background-size:16px;background-size:1rem;margin-top: .3em;}
.bul-stars.b{padding-left: 1em;position: relative;display: block;}
.bul-stars.b:before{position: absolute;left: 0;top:0;content: '*'}

.bul-mark2 > li{margin-top: 0.3em;}
.bul-mark2 > li:first-child{margin-top: 0;}
.bul-mark2 > li,.bul-mark2.b{padding-left: 1.33em;position: relative;display: block;}
.bul-mark2 > li:before, .bul-mark2.b:before{position: absolute;left: 0;top:0;content: '※'}

.bul-stars > li{position: relative;padding-left: .67em;margin-top: .3em;}
.bul-stars > li:before{position: absolute;left: 0;top:0;content: '*'}
.bul-stars > li:first-child{margin-top: 0 !important;}

.bul-decimal{list-style: decimal;margin-left: 1em;}
.bul-decimal > li{margin-top: .3em;}
.bul-decimal > li:first-child{margin-top: 0 !important;}

.bul-dot > li,.bul-dot > dd{position: relative;padding-left: .78em;margin-top: .3em;}
.bul-dot > li:before,.bul-dot > dd:before{position: absolute;left: 0;top:.7em;width: 3px;height: 3px;;content: '';background: #000}
.bul-dot > li:first-child{margin-top: 0 !important;}

.bul-dot.b{position: relative;padding-left: .78em;}
.bul-dot.b:before{position: absolute;left: 0;top:.7em;width: 3px;height: 3px;;content: '';background: #000}

.bul-dot2 > li,.bul-dot2 > dd{position: relative;padding-left: .78em;margin-top: .3em;}
.bul-dot2 > li:before,.bul-dot2 > dd:before{position: absolute;left: 0;top:0;content: '·';}
.bul-dot2 > li:first-child{margin-top: 0 !important;}

.allmenu_bg,.sch_bg{background: rgba(0,0,0,.5);position: fixed;z-index: 9999;width: 100%;height: 100%;overflow: auto;left: 0;top:0}
.sch_bg{background: rgba(0,0,0,.7);position: fixed;z-index: 1;width: 100%;height: 100%;overflow: auto;left: 0;top:0}
.modal_w{display:none;position:relative;top:50%;max-width:525px;background: #fff;z-index: 10000;width: 97%;margin: auto;max-height: 97%;overflow-y: auto;}
.modal_w.wide{max-width:1024px;transform:translateY(-50%)}
.modal_w.wide2{max-width:870px}
.modal_w .firstClose,#top_sch .first{position:absolute;top:-999px;right:0px;}
.modal_w .firstClose:focus,.firstClose:active,#top_sch .first:focus,#top_sch .first:active{top:0px;}
.pop_close{width: 10em;height: 3em;background: #333;margin: 1.5em auto 0 auto;display: block;color:#fff;font-size: 1.067em;text-align: center;;line-height: 3em;}
.modal_w.transform{transform:translateY(-50%);}
.close-st1{background: url('../img/common/pop-close.png') center center no-repeat;width: 79px;width:4.938rem;height: 24px;height:1.500rem;display: block;white-space: nowrap;overflow: hidden;text-indent: -999px;background-size:100%}
.close-st1.w{background-image: url('../img/common/pop-close_w.png')}

.pop_com .cont{padding: 20px}
.pop_com .sch_area{background: #f8f8f8;border:1px solid #ddd;padding: .5em 1.5em;font-size: 0.875em;height: 25.714em;overflow-y: auto;margin:20px 0;}
.pop_com .sch_area li{border-bottom: 1px solid #ddd; padding: 10px}
.pop_com .btn-st1{margin: 25px auto 0;}
.pop_com .btns{margin: 20px auto 0 auto; max-width: 400px;font-size: 18px;;font-size: 1.125rem;font-weight: 500;}
.pop_com .btns button{float: right; width: 49%;height: 3.5em}
.pop_com .btns button:first-child{float: left;}

.pop_com .btns.w100{max-width: 200px}
.pop_com .btns.w100 button{width: 100%}

.pop-trans{transform: translateY(-50%);}
.pop-trans .tdu{text-decoration: underline;}
.pop-trans .bul-mark2.b{display: inline-block;}

.close-st1.ab{position: absolute;right: 1em;top:1em}
.lastClose{position:absolute;bottom:-999px;right:0px;}
.lastClose:focus,.lastClose:active{bottom:0px;}

.schedule_cont .sc:focus,.schedule_cont .sc:active{left:0px;padding: 8px 10px}

.pop_map img{display: block;}

/* .ck-st1 input{left:0;top:0;position: absolute;width: 100%;height: 100%}
.ck-st1 label{display: block;background: #fff;line-height: 33px;position: relative;}
.ck-st1 input:checked + label{background: #000;color:#fff} */

.ck-st1 input{margin-right: 5px;}
.ck-st1 label{line-height: 33px;}

.icon-st1{display: inline-block;width: 11px;height: 11px;white-space: nowrap;overflow: hidden;text-indent: -999px;margin-right: 3px;vertical-align: middle;}

.facility{font-weight: 300;}
.facility .flex{margin-left: -3%;-webkit-flex: 1;-ms-flex: 1; flex: 1;flex-wrap:wrap;display: flex;font-size: 1.125em;    word-break: keep-all;}
.facility .flex > li{width: 47%;margin: 0 0 3% 3%;float: left;}
.facility .flex img{display: block;width: 100%}
.facility .flex .cont{background: #fff;margin: -45px 40px 0;position: relative;padding: 30px}
.facility .flex .t{font-size: 2.111em;margin-bottom: .8em;}
.facility .flex .t > *{display: block;}
.facility .flex .t span{font-size: 0.368em;}
.facility .flex .t strong{font-weight: 300;color:#000}
.facility .flex p{margin-bottom: 1.667em;color:#000}
.facility .flex .txt{font-weight: 500;}
.facility .detail{font-size: 14px;font-size: 0.875rem;}
.facility .detail > li{position: relative;padding-left: 8.7em;margin-top: .5em;}
.facility .detail > li:first-child{margin-top: 0;}
.facility .detail span{position: absolute;left: 0;top:0;width: 6.7em}
.facility .detail span:after{right: 0;top:50%;width: 1px;height: 8px;margin-top: -4px;background: #ddd;content: '';position: absolute;}
.facility .detail .link{color:#0e0e71; border-bottom: 1px solid #0e0e71;word-break:break-all}
.facility .flex li .color-navy{font-weight: 300;margin-right: .3em;}
.facility .flex .bg-purple_r{display: block;font-size: 14px;font-size: 0.875rem;padding: 1.429em 0;text-align: center;font-weight: 500;margin-top: 4.286em;}
.facility .store .inner > ul{margin-left: -3%;-webkit-flex: 1;-ms-flex: 1; flex: 1;flex-wrap:wrap;display: flex}
.facility .store .inner > ul > li{width: 30.333333333333%;margin: 0 0 3% 3%;float: left;background: #fff}
.facility .store img{display: block;width: 100%}
.facility .store{background: #f1f1f1;padding: 100px 0}
.facility .store .top,.facility .store .bot{padding: 30px}
.facility .store .top .tit{font-size: 2em;letter-spacing: -0.05em;font-weight: 300;margin-bottom: .8em;line-height: 1.15;}
.facility .store .top .tit span{font-size: 16px;font-size: 1rem;display: inline-block; padding: 3px 10px 5px;margin-left: 10px;vertical-align: middle;margin-top: -.33em;}
.facility .store .bot{border-top: 1px dotted #000;color:#000}

.happy_call{font-size: 1.125em;font-weight: 300;}
.happy_call li{display: table;width: 100%;border-bottom: 1px solid #000;padding: 50px 0}
.happy_call li:first-child{padding-top: 0;}
.happy_call li > *{display: table-cell;vertical-align: top;}
.happy_call .l{width: 430px; background: url('../img/customer/h1.gif') right top no-repeat}
.happy_call .r{padding-left: 70px;}
.happy_call .tit{font-size: 2.111em;line-height: 1.15;}
.happy_call .i1 .l{background-image: url('../img/customer/h1.gif')}
.happy_call .i2 .l{background-image: url('../img/customer/h2.gif')}
.happy_call .i3 .l{background-image: url('../img/customer/h3.gif')}
.happy_call .i4 .l{background-image: url('../img/customer/h4.gif')}
.happy_call .i5 .l{background-image: url('../img/customer/h5.gif')}

.lost_article{font-weight: 300;font-size: 1.125em;}
.lost_article .top{margin-bottom: 3.889em;}
.lost_article .top p{margin-top: 1em;}
.lost_article .steps{margin-left: -2%;}
.lost_article .steps > li{float: left; width: 23%;margin-left: 2%;}
.lost_article .steps .w50{width: 46%}
.lost_article .steps .no{display: block;font-size: 3.333em; line-height: 1.15;padding-bottom: 10px;margin-bottom: .5em;border-bottom: 1px solid #000;color:#000}
.lost_article .steps .t{display: block;font-weight: 300;font-size: 2.111em;margin-bottom: 0.789em;line-height: 1.15;color:#000;letter-spacing: -0.03em}
.lost_article .steps dt{font-weight: 700;}
.lost_article .steps li li,.lost_article .steps li dd{margin: 0 0 1em;}
.ticket_com{font-size: 1.125em;font-weight: 300;}
.ticket_com .group{padding: 70px;margin-top: 20px; border:1px solid #000}
.ticket_com .group:first-child{margin-top: 0;}
.ticket_com .tit,.ticket_com .tit2{font-size: 2.111em;line-height: 1.15;margin-bottom: 1em;position: relative;font-weight: 300;}
.ticket_com .tit:before{position: absolute;left: -70px;top:8px;width: 4px;height:0.789em;background: #000;content: ''}
.ticket_com .tit span{display: block;font-size: 18px;font-size: 1.125rem;margin-top: 1em;}
.ticket_com .t1 dt{font-weight: 700;color:#000;margin-bottom: 10px;margin-top: 2em;}
.ticket_com .t1 dt:first-child{margin-top: 0;}
.ticket_com .t1 dd{margin-left: .67em;}
.ticket_com .t1 .bul-decimal > li{margin-top: 1.5em;}
.ticket_com h4.bul-dot{font-weight: 300;margin-bottom: .5em;}
.ticket_com .color-purple{color: #AE4A00}

.ticket_com .sect{margin-top: 1.8em;}
.ticket_com .sect2{margin-top: 3em;}

.ticket_com .sect:first-child{margin-top: 0;}
.ticket_com .bul-stars.b,.ticket_com .bul-stars > li{padding-left: .5em}
.ticket_com .bul-stars.mt{margin-top: 1.5em;}

.ticket_com .t{display: block;margin-bottom: .5em; font-size: 1.25em;}
.ticket_com .btn-link{margin-left: .3em;}
.ticket_com .t2 .bul-decimal{font-size: 16px;font-size: 1rem;margin-top: 1em;}
.ticket_com .t2.bul-dot > li{margin-top: 15px;}
.ticket_com .t2 .rel{position: relative;padding-left: 6.3em;}
.ticket_com .t2 .rel strong{position: absolute;left: .78em;top:0}
.ticket_com .txt{margin-bottom: 2.15em;font-weight: 700;}
.ticket_com .small{font-size: 16px;font-size: 1rem;margin-top:0.625em;}

.etq{font-weight: 300;font-size: 1.125em}
.etq .tit{margin-bottom: 3.889em;}
.etq .tit strong{color:#c36d15;}
.etq .tit p{margin-top: 10px;}
.etq > ul{margin: -6.3% 0 0 -3%;-webkit-flex: 1;-ms-flex: 1; flex: 1;flex-wrap:wrap;display: flex;font-size: 1.125em;}
.etq > ul > li{width: 47%;margin: 6.3% 0 0 3%;float: left;position: relative;padding-left: 205px;}
.etq .ico{position: absolute;left: 0;top:0}
.etq .t{font-size: 2em;font-weight: 300;letter-spacing: -0.03em;line-height: 1.15;word-break:keep-all}
.etq .bul-dot{margin-top: 1.667em;}

.tour{background: url('../img/space/tour_bg1.jpg') center top no-repeat;background-size: auto 694px}

.tour{font-size: 1.125em;font-weight: 300;}
.tour img{display: block;}
.tour .tit{color:#fff;padding: 160px 0 0;margin-bottom: 80px;}
.tour .tit .t{font-size:2.778em;line-height: 1.15;}
.tour .tit p{margin: 50px 0;}
.tour .tit .btns{font-weight: 500;color:#fff}
.tour .tit .btns a{display: inline-block;font-size: 14px;font-size: 0.875rem;;width: 17.714em;height: 4.286em;padding-right: 1.429em;line-height: 4.286em;background: rgba(255,255,255,.1) url('../img/space/arrow.png') 95% center no-repeat;text-align: center}
.tour .tit .btns a:hover{background-color:#000}
.tour .group .l{float: left;width: 54%}
.tour .group .r{float: right;width: 39.67%}
.tour .group.t2 .l{padding:50px 0 70px 40px;border-bottom: 1px solid #000;margin-bottom: 50px;}
.tour dt{font-weight: 700;margin-top: 2em;}
.tour dt:first-child{margin-top: 0;}
.tour dd{margin-top: 1em;}
.tour .group.t2 .l,.tour .caution{padding-left: 40px;}
.tour .caution{position: relative;}
.tour .caution .bul-caution{margin-bottom: 2em;}
.tour .caution .bul-dot > li{margin-top: 2em;}
.tour .small{font-size: 0.889em;margin-top: 0.3em;}
.tour .caution{position: relative;}
.tour .caution > *{}
.tour .caution .r{position: absolute;right: 0;bottom: 0;font-weight: 500}
.tour .caution .btns a{display: inline-block;font-size: 14px;;font-size: 0.875rem;width: 12.000em;height: 4.286em;margin-left: 10px;line-height: 4em;text-align: center;transition: all ease-in-out .3s}
.tour .caution .btns a:first-child{margin-left: 0;}
.tour .caution .btns a:hover{background: #fbedf6}

.citizen{font-size: 1.125em;font-weight: 300;}
.citizen .half > li{float: right;width: 47%}
.citizen .half > li:first-child{float: left;}
.citizen .tit{background: url('../img/space/intro.jpg') center center no-repeat;background-size:cover; padding: 2.143em;font-size: 1.556em;text-align: center;color:#fff;margin-bottom: 2.857em;}
.citizen .tit p{position: relative;}
.citizen .tit p:before,.citizen .tit p:after{display: block;width: 15px;height: 14px;width: 0.938rem;height: 0.875rem;content: '';position: relative;left:50%;margin-left: -7px;margin-left: -0.438rem;}
.citizen .tit p:before{background: url('../img/space/l.png') center center no-repeat; background-size:100%;margin-bottom: 30px;margin-bottom: 1.875rem;}
.citizen .tit p:after{background: url('../img/space/r.png') center center no-repeat; background-size:100%;margin-top: 30px;margin-top: 1.875rem;}
.citizen .group_w{margin-bottom: 80px;padding-bottom: 80px;border-bottom: 1px solid #d1d1d1;;}
.citizen .group_w:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}
.citizen .c3 .bul-dot > li{display: inline-block;margin: 0 0 0 1.5em;}
.citizen .c3 .bul-dot > li:first-child{margin-left: 0;}
.citizen .item{border-top: 1px solid #000;padding:1em 0;}
.citizen .item:first-child{padding-top: 0;border-top: 0;}
.citizen .item:last-child{padding-bottom: 0;}
.citizen .item .t{margin-bottom: 0.3em;}

.citizen_new{font-weight: 300;}
.citizen_new .tit{background: url('../img/space/intro.jpg') center center no-repeat;background-size:cover; padding: 88px 15px;font-size: 1.556em;text-align: center;color:#fff;line-height: 1.35;}
.citizen_new .tit .l{font-size: 1.154em;margin-bottom: 1em;}
.citizen_new .group{display: table;width: 100%;border-bottom: 1px solid #ddd; padding: 50px 0}
.citizen_new .group > *{display: table-cell;vertical-align: middle;}
.citizen_new .group .t{padding-left: 60px;width: 400px;font-weight: 300;line-height: 1.15;}

.location{font-size: 1.125em;font-weight: 300;}
.location .bg{background: #f1f1f1}
.location .area .active{display: block;}
.location .area li{display: none;}
.location .area img{display: block;}
.location .tit{padding: 60px 0;}
.location .tit:after{clear: both;display: block;content: ''}
.location .tit > *{}
.location .tit .t{width: 350px;float: left;}
.location .tit .t dl{margin-top: 2em;padding-right: 50px;word-break:keep-all}
.location .tit .t dt{font-size:2.111em;line-height: 1.15;font-weight: 700;}
.location .tit .t dt.color-navy{color: #000}
.location .tit .t dt span{display: block;}
.location .tit .t dd{margin-top: 2em;padding-top:2.5em;background: url('') left top no-repeat; background-size:1.500em;line-height: 1.35;}
.location .bul-dot .color-purple{color: #AE4A00}
.location .tit .t .add{background-image: url('../img/customer/loc/ico_add.png')}
.location .tit .t .tel{background-image: url('../img/customer/loc/ico_tel.png')}
.location .tit .t .link{padding-top: 0;}
.location .tit .t .link p{font-size: 16px;font-size: 1rem;margin-bottom: 2em;line-height: 1.5;}
.location .tit .t .link a{display: block;text-align: center;font-size: 14px;font-size: 0.875rem;font-weight: 500;width: 15.000em;height: 4.286em;line-height: 4em;background: #fff; border:1px solid #000; color: #000}
.location .tit .t .link span{padding-left: 2.5em;background: url('.') left center no-repeat;background-size:1.429em;}
.location .tit .t .naver{margin-top: 5px;}
.location .tit .t .daum span{background-image: url('../img/customer/loc/loc_d.png')}
.location .tit .t .naver span{background-image: url('../img/customer/loc/loc_n.png')}
.location .tit .area{width: 1050px;float: right;}
.loc_tabs{letter-spacing: -0.08em;padding-right: 95px;word-break:keep-all}
.loc_tabs .active{color:#fff;background: #000 url('../img/customer/loc/tabs_active.png') 95% center no-repeat;font-weight: 700; width: 100%}
.loc_tabs li{border:1px solid #000;border-top: 0; width: 87%;background: #fff}
.loc_tabs li:first-child{border-top: 1px solid #000;}
.loc_tabs a{height: 3.889em;display: table;width: 100%; padding: 0 1em}
.loc_tabs a span{display: table-cell;vertical-align: middle;}

.loc-map{position:relative;}
.loc-map *{transition:all .5s;}
.loc-map a{position:absolute; width:11px; height:11px; background:#fff; border:1px solid #a5a6a5; border-radius:100%;}
.loc-map a:hover{background:#861083; border:0;}
.loc-map a img{position:absolute; top:25px; left:50%; transform:translateX(-50%); max-height:0; max-width:inherit; z-index:3;}
.loc-map a:hover img{max-height:1000px;}
.loc-map a:nth-of-type(1){top:256px; right:261px;}
.loc-map a:nth-of-type(2){top:134px; right:338px;}
.loc-map a:nth-of-type(3){top:88px; left:262px;}
.loc-map a:nth-of-type(4){top:80px; left:360px;}
.loc-map a:nth-of-type(5){top:111px; left:375px;}

.tabs_map_w{padding-top: 30px}
.tabs_map_w > ul{margin-left: -2%;display: flex;flex-wrap:wrap}
.tabs_map_w > ul > li{float: left;width: 31.33333333333%;margin-left: 2%;padding: 50px;border:1px solid #000;}
.tabs_map_w .p_t{font-size: 2.111em;font-weight: 300;letter-spacing: -0.03em;line-height: 1.15;margin-bottom: 0.789em;}
.tabs_map{text-align: center;margin-left: -2%;display: flex;flex-wrap:wrap}
.tabs_map > li{float: left;width: 48%;margin: 0 0 2% 2%}
.tabs_map .w100{width: 98% !important}
.tabs_map > li > a{display: table;width: 100%;height: 3.333em;line-height: 1.15;border:1px solid #000;padding: 5px 10px}
.tabs_map span{display: table-cell;vertical-align: middle;}
.tabs_map .active{color:#000}
.tabs_map_w .t1 a.active{background: #fee800}
.tabs_map_w .t2 a.active{background: #53c8e9}
.tabs_map_w .t3 a.active{background: #AE4A00}

.location .cont_w{margin-top: 30px;}
.location .cont_w .bul-dot > li,.location .cont_w .bul-mark2{margin-top: 1.5em;}

.public_t > ul{border:1px solid #000;background: #fff;display: flex}
.public_t .group{float: left;width: 50%;padding: 50px;background: url('') 93% 45px no-repeat;background-size:129px;
    /* background-size:8.063rem */
}
.public_t .bus{background-image: url('../img/customer/loc/bg_b.png')}
.public_t .subway{background-image: url('../img/customer/loc/bg_s.png')}
.public_t > ul > li:first-child{border-right: 1px solid #000}
.public_t .ttt{font-size: 2.111em;line-height: 1.15;margin-bottom: 0.8em;}
.public_t .sect{margin-top:2em;}
.public_t .sect:first-child{margin-top: 0;}
.public_t dt{font-weight: 700;margin-bottom: 1em;}
.public_t dd{font-size: 16px;font-size: 1rem;position: relative;margin-top: 0.3em;}
.public_t .a{position: absolute;}
.public_t .bus .r{padding-left: 4.188em;}
.public_t .bus .a{left: 1.875em;top:0}
.public_t .bus dd{padding-left: 1.875em}
.public_t .icon{display: inline-block;font-weight: 700;font-size: 12px;;font-size: 0.750rem;width: 1.667em;height: 1.667em;border-radius:50%;color:#fff;text-align: center;line-height: 1.667em;position: absolute;left: 0;top:0.3em}
.public_t .blue{background: #0e0e71}
.public_t .blue2{background: #59c5f5}
.public_t .green{background: #67b33a}
.public_t .red{background: #db0908}
.public_t .grey{background: #444444}
.public_t .subway dl{padding-left: 1.5em;position: relative;}
.public_t .subway .icon{top:0.15em;font-size: 14px;font-size: 0.875rem;}
.public_t .subway .a{left: 0;top:0}
.public_t .subway .r1{padding-left: 6.3em}
.public_t .subway .r2{padding-left: 7.15em}
.public_t .subway .r3{padding-left: 7.3em}

.public_t .subway .r1_d .a{position: static;}
.public_t .subway .r2_d{padding-left: 7.7em}

.facility .s_com button{width: 52px;height: 52px;width: 3.3rem;height: 3.3rem;;background:rgba(0,0,0,.5) url('') center center no-repeat;top:50%;;margin-top: -26px;margin-top: -1.7rem;;position: absolute;z-index: 1}
.facility .s_com button.slick-prev{background-image:url('../img/common/prev.png');left:0}
.facility .s_com button.slick-next{background-image:url('../img/common/next.png');right:0}

.sv_top{background: #f7f7f7;border:1px solid #000;padding: 60px 70px;margin-bottom: 30px;}
.sv_top .in{position: relative; display: flex; flex-wrap: wrap;}
.sv_top .poster{width: 340px;box-shadow: 3px 7px 21px rgba(0,0,0,.13); background: #556080; height: 100%;}
.sv_top .poster img{width: 100%;display: block;}
.sv_top .poster_wrap{width: 30%;}
.sv_top .poster_new{box-shadow: 3px 7px 21px rgba(0,0,0,.13); background: #556080}
.sv_top .poster_new img{width: 100%;display: block;}
.sv_top .txt{min-height:350px; flex:1; margin-left: 50px}
.sv_top .tit{position: relative;padding-right: 187px;}
.sv_top .tit .t{font-size: 30px;;font-size: 1.875rem;display: block;margin-bottom: 1em;letter-spacing: -0.05em;line-height: 1.35;}
.sv_top .detail{font-size: 0.938em;}
.sv_top .detail > li{position: relative;border-bottom: 1px solid #ddd;;padding: 0.8em 0 0.8em 3.533em}
.sv_top .detail .dt{position: absolute;left: 0;top:0.8em}
.sv_top .sns{position: absolute;right: 0;top:0;text-align: right;}
.sv_top .sns button{margin-left: 3px;}
.sv_top .sns button img{display: block;}

.schedule_cont .w{width: 100%;position: relative;}
/* .schedule_cont .w:before{position: absolute;left: 58.5%;width: 1px;height: 100%;content: '';background: #ddd} */
.schedule_cont .w .editor{padding:50px}
.schedule_cont .w > .l{width: 58.5%;;border:1px solid #ddd;float: left;}
.schedule_cont .w > .r{width: 40%; float: right;}
.schedule_cont .w img{height: auto !important}
.cal-st1{text-align: center;}
.cal-select{margin-bottom: 5px;}
.cal-select strong{font-size: 1.125em;margin: 0 50px;}
.cal-select button{display: inline-block;white-space: nowrap;overflow: hidden;text-indent: -999px;background: url() center center no-repeat;background-size: 100%;width: 3.000em;height: 2.188em}
.cal-select .prev{background-image: url('../img/common/cal-p.gif')}
.cal-select .next{background-image: url('../img/common/cal-n.gif')}

.schedule_cont .editor{padding:50px;}
.schedule_cont.new .editor{padding:50px 0; width: 950px; margin: 0 auto;}
.schedule_cont .tab_detail .editor{text-align: center;}
.schedule_cont .tab_detail .editor img{height: auto !important}
.schedule_cont.new .editor div{margin-bottom: 30px;}
.schedule_cont.new .editor div:last-child{margin-bottom: 0;}
.schedule_cont.new .editor div a{display: block;}

.video_w{position: relative;width: 100%;padding-bottom: 56%;overflow: hidden;}
.video_w iframe{position: absolute;left: 0;top:0;width: 100%; height: 100%; display: block;}

.tbl-cal{width: 100%;letter-spacing: 0}
.tbl-cal .sun{color: #d10202}
.tbl-cal .sat{color: #1f2de2}
.tbl-cal th{padding: 8px 5px}
.tbl-cal td{text-align: center}
.tbl-cal a{display: block;width: 100%;padding: 10px 0}
.tbl-cal .active{background: #f3e4f1;color: #930c71;font-weight: 700}

.schedule_t,.schedule_com .tbl th{font-size: 16px;font-size: 1rem;;text-align: center;color: #000;padding: 	1.15em 0 1.3em 0;font-weight: 700;background: #fff;border-bottom: 1px solid #ddd;line-height: 1;}
strong.schedule_t{display: block;}
.schedule_com{border:1px solid #ddd;margin-bottom: 20px;}
.schedule_com .bg{background: #f8f8f8;padding: 10px;}
.schedule_com .half_w .r{text-align: center;}
.schedule_com .seat,.schedule_com .dis{font-size: 0.938em;padding: 1em 10px}

.schedule_com .tbl td,.schedule_cont .half_w .r .dis{font-size: 0.938em;}
.schedule_com .tbl table{width: 100%}
.schedule_com .tbl td{padding: 2px 1em;text-align: right;letter-spacing: 0}
.schedule_com .tbl tbody>tr:first-child>td{padding-top: 1em;}
.schedule_com .tbl tbody>tr:last-child>td{padding-bottom: 1em;}

.schedule_cont .half_w{    display: flex;
    justify-content: space-between;margin: 1.333em 0;width: 103%}
.schedule_cont .half_w > li{background: #f7f7f7}
.schedule_cont .half_w .l{float: left; width: 63%;}
.schedule_cont .half_w .r{float: right;width: 32.5%;text-align: center;word-break:keep-all}
.schedule_cont .half_w .dis_w{border:1px solid #ddd;height: 100%}
.schedule_cont .half_w .r .dis{padding: 10px;text-align: center;padding-top: 2.8em;}

.tbl .icon-st1{margin-right: 8px;}
.ico-stars{display: inline-block;padding-left: 30px; padding-left:1.875rem;background: url('../img/common/ico-stars_renew.png') left center no-repeat;
    /* backround-size:20%; */
    background-size:1.250rem
}
.schedule_btn button,.schedule_btn a{float: left;margin-bottom: 2%;}
.schedule_btn .w1{width: 48.5%;margin-right: 2%;}
.schedule_btn .w2{width: 49.5%}
.schedule_btn .w3{margin-bottom: 0;}

/* .schedule_btn2{position: absolute; left: 0; width: 100%;} */
.schedule_btn2 button,
.schedule_btn2 a,
.bbs-view_schedule .open_timer{float: left;margin-bottom: 2%;}
.schedule_btn2 .w1{width: 24%; margin-right: 1%;}
.schedule_btn2 .w2{width: 49%; margin-left: 1%;}
.schedule_btn2 .w3{width: 24%; margin-left: 1%;}

.cut_w{background: url('../img/common/slider.jpg') center center no-repeat;background-size:cover;padding: 40px 100px}
.cut_w .pd{border:3px solid #fff;box-shadow:5px 5px 10px rgba(0,0,0,.6)}
.cut_w .pd_txt{color:#fff; text-align:center; margin:10px 0 0; font-size:1rem;}
.cut_w img{display: block;width: 100%}
.cut_w .slick-arrow{width: 3.938em;height: 3.938em;top:50%;margin-top: -1.938em; background: url('') center center no-repeat; background-size:100%;position: absolute;z-index: 1}
.cut_w .slick-prev{left: -1.8em;background-image: url('../img/common/prev-st1.png')}
.cut_w .slick-next{right: -1.8em;background-image: url('../img/common/next-st1.png')}
.cut_w .ifr{position: relative;width: 100%;padding-bottom: 50%;overflow: hidden;}
.cut_w .ifr #mediaplayer,
.cut_w .ifr iframe,#mediaplayer_displayarea{position: absolute !important;left: 0;top:0;min-width: 100% !important;min-height: 100% !important;display: block;right: 0;bottom: 0;margin: auto; width: 100% !important}

.cut_thumb{background: #f7f7f7;padding: 20px 30px}
.cut_thumb .s{margin-left: -2%;}
.cut_thumb button{float: left; width: 23%;margin-left: 2%;}
.cut_thumb img{display: block;width: 100%}

.schedule_cont .tab_cont{position: relative;}
.schedule_cont .tab_cont:first-child{margin-top: 0;}
.schedule_cont .tab_cont2{position: relative;}
.schedule_cont .tab_cont2 >*{display: none; border: 1px solid #000;}
.schedule_cont .tab_cont2 >*.on{display: block;}

.review{position: relative;padding: 20px;border: 1px solid #d5d5d5;border-top: 3px solid #930c71;margin-bottom: 2.3em;padding-left: 240px;background-image: url('../img/perform/review.png');background-repeat: no-repeat;background-position: left 60px center; transition: 0.2s ease;}
.review_tit{color: #333;font-size: 1.25em;color: #930c71;font-weight: 600;margin-bottom: 5px;}
.review_txt{color: #666;position: relative;line-height: 1.6em;}

.mypage_top_w{background: #fafafa;border-bottom:1px solid #000;margin-bottom: 30px;padding: 45px 0;}
.mypage_top{font-weight: 300; position: relative;color:#000}
.mypage_top .card{    padding: 24px 0 5px 330px;; background: url('../img/mypage/card_normal.png') left top no-repeat;min-height: 89px; position: relative;}
.mypage_top .card dt img{vertical-align: middle;
    margin-right: 1em;
    position: absolute;
    left: 5.5em;
    top: 0;}
.mypage_top .l dt{font-size: 1.875em;letter-spacing: -0.07em;line-height: 1.15;}
.mypage_top .l dt img{display: inline-block;vertical-align: middle; margin-right: 10px;}
.mypage_top .l dt .grade{display: inline-block; font-size: 1.125rem; color:#000; margin-left: 10px;}
.mypage_top .l dt .txt{display: inline-block; vertical-align: middle;}
.mypage_top .l dd{margin-top: 1.25em;font-weight: 400}
.mypage_top .l dd .dd span{color:#aaa;margin-right: .3em;}
.mypage_top .l dd .dd{display: inline-block; margin-left:1.5em}
.mypage_top .l dd .dd:first-child{margin-left: 0;}
.mypage_top .label{font-size: 14px;font-size: 0.875rem;;border-radius:30px;background: #fff;padding: 5px 10px;display: inline-block;line-height: 1;margin-left: 1em;font-weight: 400;border:1px solid #c3bcbc;color:#8f8f8f;letter-spacing: 0;}
/* .mypage_top .card_6001{background-image: url('../img/mypage/card_6001.png')}
.mypage_top .card_6005{background-image: url('../img/mypage/card_6005.png')}
.mypage_top .card_7001{background-image: url('../img/mypage/card_7001.png')}
.mypage_top .card_7003{background-image: url('../img/mypage/card_7003.png')}
.mypage_top .card_0000{background-image: url('../img/mypage/card_0000.png')}
.mypage_top .card_0001{background-image: url('../img/mypage/card_0001.png')}
.mypage_top .card_0002{background-image: url('../img/mypage/card_0002.png')}
.mypage_top .card_0003{background-image: url('../img/mypage/card_0003.png')} */
.mypage_top .card_6001 .label{color:#ee8b00;border-color:#ee8b00}
.mypage_top .card_6003 .label{color:#f01830;border-color:#f01830}
.mypage_top .card_6005 .label{color:#1e6dd7;border-color:#1e6dd7}
.mypage_top .card_6009 .label{color:#00b9b2;border-color:#00b9b2}
.mypage_top .card_6009 .label,.mypage_top .card_6009 .label,.mypage_top .card_6009 .label{color:#a0b326;border-color:#a0b326}
.mypage_top .card_9001 .label{color:#930f8f;border-color:#930f8f}
.mypage_top .card_9002 .label{color:#725d39;border-color:#725d39}
.mypage_top .card img{vertical-align:middle; margin-right:1em}

.mypage_top .r{text-align: right; position: absolute;right: 0;top:0;font-weight:400}
.mypage_top .r a{display: inline-block;margin-left: 30px;}
.mypage_top .r a:first-child{margin-left: 0;}
.mypage_top .r a.btn{background: url('../img/mypage/btn.png') right center no-repeat;padding-right: 1.25em;}
.mypage_top .r a.logout{background: url('../img/mypage/logout.png') right center no-repeat;padding-right: 2.3em;}
/* .mypage_top .wel{display: inline-block;background: url('../img/mypage/welcome.png') left center no-repeat;padding-left: 50px;font-size: 1.182em;}
.mypage_top .label{font-size: 14px;font-size: 0.875rem;;border-radius:30px;background: #fff;padding: 5px 10px;display: inline-block;line-height: 1;margin-left: 1em;font-weight: 400;}
.mypage_top .btn{color:#000;}
.mypage_top .date{color:#a2a2a2;margin-left: 2em;} */

.bbs-mypage{word-break:keep-all}
.bbs-mypage .in{position: relative; margin: 0 15px; border:1px solid #ddd;padding: 20px}
.bbs-mypage.inner{max-width:1430px}
.bbs-mypage .img{position: relative;padding-bottom: 135%;overflow: hidden;background: #000}
.bbs-mypage .img img{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;}
.bbs-mypage .hover{position: absolute;left: 0;top:0;width: 100%;height: 100%;text-align: center;font-size: 0.875em;background: rgba(0,0,0,.7);color:#fff;font-size: 18px;;font-size: 1.125rem;display: none;}
.bbs-mypage a{width: 5.111em;height: 5.111em;border-radius:50%;text-align: center;line-height: 5em;font-weight: 500;display: inline-block;margin: 0.07em;font-weight: 400;}
.bbs-mypage .r{color:#fff;background: #930f8f}
.bbs-mypage .d{color:#930f8f;background: #fff}
.bbs-mypage .hover .t,.bbs-mypage .info{font-weight: normal;}
.bbs-mypage .hover .t{font-size: 1.222em;padding: 0 1em;}
.bbs-mypage .info{font-size: 1.111em;margin: 1.5em 0 2em 0;padding: 0 1.5em;color:#1ad569;}
.bbs-mypage .slick-arrow{position: absolute;top:50%;width: 69px;height: 55px;background: url('') center center no-repeat;background-size:100%;margin-top: -30px;z-index: 1;width: 4.313rem; height: 3.438rem;margin-top: -1.875rem; background-size:100%}
.bbs-mypage .slick-prev{background-image: url('../img/mypage/prev.png');left:-30px}
.bbs-mypage .slick-next{background-image: url('../img/mypage/next.png');right:-30px}
.bbs-mypage .cont{padding: 20px 0;color:#a2a2a2}
.bbs-mypage .cont .t{display: block;margin-bottom: 1em;font-size: 1.25em;font-weight: 500;color:#000;line-height: 1.15;}
.bbs-mypage .cont .etc{letter-spacing: -0.05em}
.bbs-mypage .cont .etc > *{display: block;}
.bbs-mypage .cont .etc .place{margin-top: .5em;}

.pop_settings{font-weight: 300;}
.pop_settings > li{display: table;width:100%;border-bottom: 1px solid #ddd;}
.pop_settings > .group > *{display: table-cell;vertical-align: middle;}
.pop_settings .t{font-weight: 400;padding-left: 20px;width:13em}
.pop_settings .ck{padding: 20px 0}
.pop_settings .ck ul{margin-left:-1%;}
.pop_settings .ck li{float: left; width: 32.3333333333333333333%;margin: 0 0 1% 1%;}
.pop_settings .small{color:#777;margin-bottom: 1em;}
.pop_settings label{margin-left: 3px;}
.mp .tit-st2 h2{font-weight: 300;}

.mypage_confirm{font-weight: 300;}
.mypage_confirm .section{margin-top: 50px;border-top: 1px solid #000;border-bottom: 1px solid #000;position: relative; padding: 60px 0;text-align: center;}
.mypage_confirm .section > li{float: left;width: 50%;position: relative;padding: 0 1em}
.mypage_confirm .section:before{position: absolute;left:50%;width: 1px;height: 175px;content: '';top:50%;margin-top: -87px;background: #000}
.mypage_confirm .item span{padding-bottom: 140px;background: url('') bottom center no-repeat;line-height: 1.15;}
.mypage_confirm .l span{background-image: url('../img/mypage/c1.gif')}
.mypage_confirm .r span{background-image: url('../img/mypage/c2.gif')}
.mypage_confirm .section .item *{display: block;}
.mypage_confirm .section .pop{max-width:318px;margin: 50px auto 0 auto;font-size: 14px;font-size: 0.875rem;;font-weight: 500; padding: 1.429em 1em}

.modal_w.mp .pop_com .btns{padding:25px 0 50px 0}
.modal_w .pop_com .btns.mt{padding-top: 1.5em;}
.modal_w .pop_com .btns.small{font-size: 16px;font-size: 1rem;}

.pop_confirm{text-align: left; font-size: 16px;font-size: 1rem;}
.pop_confirm dt{font-weight: 700;margin: 2em 0 1.15em 0;}
.pop_confirm dd{margin-top:.8em;}
.pop_confirm .btns{text-align: center;}
.pop_confirm .btns p{margin-bottom: 1em;font-size: 16px;font-size: 1rem;font-weight: 300;}
.pop_confirm .btns button{width: 100%;float: none;max-width:215px;margin: 1.5em auto 0;}

.mypage_gift .item_w{border-top: 1px solid #000;}
.mypage_gift .item_w .item{border-bottom: 1px solid #000;padding: 40px}
.mypage_gift .txt{text-align: right;margin-top: 1.429em;font-size: 14px;font-size: 0.875rem;font-weight: 300;}
.mypage_gift .link{display: block;font-size: 14px;font-size: 0.875rem;padding: 20px 10px;max-width:330px;margin-top:30px;text-align: center;font-weight: 500;}
.mypage_gift .t a:hover{text-decoration: underline;}

.mypage_gift .item_w_radio{border-top: 1px solid #000;border-bottom: 1px solid #000;}
.mypage_gift .item_w_radio .item{border-top: 1px solid #ddd;padding:20px 20px 20px 45px;position: relative;}
.mypage_gift .item_w_radio .item input{position: absolute;left: 20px;top:28px}
.mypage_gift .item_w_radio .item:first-child{border-top: 0;}
.mypage_gift .group{margin-top: 40px;}
.mypage_gift .group:first-child{margin-top: 0;}
.mypage_gift .bbs-btn_w,.bbs-btn_w.mt{margin-top: 50px;}

.mypage_sns{font-weight: 300;}
.mypage_sns .tit-st4{margin-bottom: 1em;}
.mypage_sns .group{display: table;width: 100%;padding: 20px 20px 20px 30px;border:1px solid #282828;margin-top: 10px;}
.mypage_sns .group:first-child{margin-top: 0;}
.mypage_sns dl > *{display: table-cell;vertical-align: middle;}
.mypage_sns dd{text-align: right;}
.mypage_sns .group a{display: inline-block;width: 7.778em;height: 2.444em;line-height: 2.4em;text-align: center;background: #000;color:#fff}
.mypage_sns .active{border-color:#d5d5d5;color:#888}
.mypage_sns .active a{background: #fff;border:1px solid #bababa;color:#888;margin-left: 1.5em;}
.mypage_sns dt{background: url('') left center no-repeat;padding-left: 4em;}
.mypage_sns .naver{background-image:url('../img/mypage/naver.gif')}
.mypage_sns .kakao{background-image:url('../img/mypage/kakao.gif')}
.mypage_sns .google{background-image:url('../img/mypage/google.gif')}
.mypage_perform .del_w{padding: 0 10px}
.mypage_perform .del{width: 5em;height: 2.4em}

.paid_top{text-align: center;font-weight: 300;line-height: 1.5;}
.paid_top .underline{margin-top: 2em;font-size: 0.889em;color:#666;border-bottom: 1px solid #888;padding-bottom: 0.15em;}
.paid3{font-weight: 300;}
.paid3 .group{padding-top: 30px;margin-top: 30px;border-top: 1px solid #ddd;}
.paid3 .group:first-child{border-top: 0}
.paid3 .img{float: left; width: 37%;    padding-bottom: 20%;position: relative;background: #556080;overflow: hidden;}
.paid3 .img img{display: block;position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;width:100%}
.paid3 .cont{float: right; width: 60%}
.paid3 .box{margin: 1.667em 0;border:1px solid #000;padding: 1.389em;}
.paid3 .box dt{font-weight: 700;margin-bottom: .8em;}
.paid3 .name{font-weight: 300;list-style: none;line-height: 1.15;}
.paid3 dd{color:#AE4A00}
.paid3 dd .bul-mark2{display: block;color:#000;font-size: 0.778em;margin-top: .3em;}
.paid3 .info,.paid3 .group .txt{font-size: 14px;font-size: 0.875rem;color:#666}
.paid3 .info li{position: relative;padding-left: 6.3em;margin-top: 0.5em;}
.paid3 .info li:first-child{margin-top: 0;}
.paid3 .info span{position: absolute;left: 0;top:0;width: 5em}
.paid3 .info span:after{position: absolute;right: 0;top:50%;width: 1px;height: 10px;content: '';background: #c3c3c3;margin-top: -5px;}
.paid3 .group .txt{margin-top: 2em;}

.login{font-weight: 300;word-break:keep-all}
.login .half_w{position: relative;}
.login .half_w:before{position: absolute;left: 50%;width: 1px;height: 100%;content: '';background: #000}
.login .half_w > li{float: right; width: 47%}
.login .half_w > li:first-child{float: left;}
.login .form_w{max-width:518px}
.login .tit-st4{text-align: center;}
.login .tit-st4 strong{font-weight: 300;font-size: .8em;display: block;margin-top: 1em;}
.login .form{margin-bottom: 1em;}
.login .form li{position: relative;margin-top: 10px;}
.login .form li:first-child{margin-top: 0;}
.login .form li:before{background: url('') center center no-repeat;background-size:100%;width: 1.250em;height: 1.300em;left: 1.500em;top:50%;margin-top: -0.65em; content: '';z-index: 1;position: absolute;}
.login .form .id:before{background-image: url('../img/member/id.png')}
.login .form .pw:before{background-image: url('../img/member/pw.png')}
.login .form li input{width: 100%;height: 3.5em;padding: 0 1.500em 0 3.650em;border:1px solid #000;line-height: 1;}
.login .remember label{margin-left: 3px;}
.btn-login{display: block;height: 4.700em;font-weight: 700;width: 100%;margin: 1.5em 0 10px 0;}
.login .etc{text-align: center;font-size: 0;margin-top: 30px;margin-top: 1.875rem;}
.login .etc span{display: inline-block;font-size: 16px;font-size: 1rem;padding-left: 1em;margin-left: 1em;position: relative;}
.login .etc span:before{position: absolute;left: 0;top:50%;width: 1px;height: 10px;content: '';background: #ddd;margin-top: -5px;}
.login .etc span:first-child{margin-left: 0;padding-left: 0;}
.login .etc span:first-child:before{background: none}

.sns_join li{float: left; width: 50%;position: relative;margin-top: 20px;}
.sns_join a{display: block;position: relative;padding: 30px 0 30px 110px;}
.sns_join .icon{display: inline-block; width: 94px;height: 94px;border-radius:50%;margin-right: 20px; position: absolute;left: 0;top:50%;margin-top: -47px}
.sns_join span.naver{background: #02cf5c url('../img/member/naver.png') center center no-repeat}
.sns_join span.google{background: #f7f7f7 url('../img/member/google.png') center center no-repeat;border:1px solid #e4e4e4}
.sns_join span.kakao{background: #ffcc00 url('../img/member/kakao.png') center center no-repeat}
.sns_join span.sejong{background: #000 url('../img/member/sejong1.png') center center no-repeat}

.join_ok{font-weight: 300;text-align: center;}
.join_ok .txt{line-height: 1.5}
.join_ok .box{background: #f7f7f7;max-width:737px;margin: 30px auto 50px auto;padding: 40px 67px}
.join_ok .box > li{display: table;width: 100%;border-top: 1px solid #ddd; padding: 10px 0}
.join_ok .box > li:first-child{border-top: 0;}
.join_ok .box > li > *{display: table-cell;vertical-align: middle;}
.join_ok .box > li .t{width: 180px}

.join_agree{font-weight: 300;}
.join_agree .tit{text-align: center;line-height: 1.15;}
.join_agree .tit .t{display: block;margin-bottom: 0.600em;font-size: 3.125em;line-height: 1.15;}
.join_agree .tit p{margin-bottom: 0.526em;}
.join_agree .tit .ck{display: inline-block;padding: 1em;font-size: 1.125em;border:1px solid #000;
    /* border-radius:5px */
}
.join_agree label{margin-left: 3px;}

.join_agree .group:first-child{margin-top: 0;}
.join_agree .group{position: relative;margin-top: 80px;}
.join_agree .group .t{font-size: 1.625em;font-weight: 300;}
.join_agree .group .ck{position: absolute;right: 0;top:.3em;font-weight: 400;}
.join_agree .group .t{margin-bottom: 1.15em;}
.join_agree .box{border:1px solid #000;padding: 40px 50px;height: 15.625em;overflow-y:auto}
.join_agree.info_t{font-weight: 300;}
.join_agree.info_t .box{height: 35em}

.join_type{font-weight: 300;}
.join_type .group_w a{display: table;width: 100%;height: 100%;padding-left: 270px;}
.join_type > ul > li{float: right; width: 47%;height: 405px;border:1px solid #000;border-radius:5px}
.join_type > ul > li.active,
.join_type > ul > li:hover{background-color:#fee800;box-shadow:5px 5px 5px rgba(0,0,0,.2)}
.join_type > ul > li:first-child{float: left;}
.join_type .group_w .in{display: table-cell;vertical-align: middle;}
.join_type .group_w{font-size: 1.375em;}
.join_type .group_w .t{font-size: 1.727em;margin-bottom: .5em;}
.join_type .group_w .t span{background: url('../img/member/type.png') right center no-repeat;transition:all ease-in-out .3s;padding-right: 1.184em;background-size:0.578em}
.join_type .bul-dot > li{margin-top: 0;}
.join_type .group_w > li{background: url('') 115px center no-repeat;transition:all ease-in-out .3s}
.join_type .group_w .type1{background-image: url('../img/member/type1.png')}
.join_type .group_w .type2{background-image: url('../img/member/type2.png')}
.join_type .group_w .type1:hover{background-image: url('../img/member/type1_on.png')}
.join_type .group_w .type2:hover{background-image: url('../img/member/type2_on.png')}
.join_type li.active .t span,
.join_type li:hover .t span{background-image: url('../img/member/type_on.png')}

.find_confirm .box{border:1px solid #000;padding: 60px 80px;text-align: center;}
.find_confirm .bg{max-width:790px;margin: 45px auto 0 auto;background: #f7f7f7; padding: 60px 30px}
.find_confirm .t{font-size:1.625em;font-weight: 300;}
.find_confirm .in{position: relative;max-width:553px;margin: 0 auto;padding:0 140px 0 4.5em}
.find_confirm .in label{position: absolute;left: 0;top:0;line-height: 3.750em;}
.find_confirm .in input{width: 100%;height: 3.750em;border:1px solid #000;text-align: left; padding: 0 10px}
.find_confirm .in > *{text-align: center;}
.find_confirm .in button{width: 140px;margin-left: -4px;position: absolute;right: 0;top:0;height: 100%}

.find_confirm .select{position: relative;max-width:553px;margin: 0 auto;text-align: left;}
.find_confirm .select li{margin-top: 1em;}
.find_confirm .select li:first-child{margin-top: 0;}
.find_confirm .select label{margin-left: 3px;}
.find_confirm .select label span{margin-left: .5em;color:#666}

.find_member{font-weight: 300;}
.find_member .group{margin-top: 70px;}
.find_member .group:first-child{margin-top: 0;}
.find_member .top{text-align: center;background: #f7f7f7;padding: 1.875em;border-bottom: 1px solid #000;}
.find_member .t{text-align: center;font-size: 1.625em;margin-bottom: 1.5em;font-weight: 300;}

.find_member .box{border:1px solid #000}
.find_member .top span{margin-left: 3em;}
.find_member .top span:first-child{margin-left: 0;}
.find_member .top label{margin-left: 3px;}
.find_member .form_w{padding: 50px}
.find_member .form{max-width:880px;margin: 0 auto;}
.find_member .form > li{border-top: 1px solid #ddd;position: relative;display: table;width: 100%}
.find_member .form > li > *{display: table-cell;vertical-align: middle;padding: 20px 10px}
.find_member .form > li:first-child{border-top: 0;}
.find_member input[type="text"]{padding: 0 10px}
.find_member select{padding-left: 10px;}
.find_member input[type="text"],.find_member select{border:1px solid #000;height: 3.750em;width: 100%}

.find_member .form .tt{width: 180px;text-align: center;font-weight: 400;}
.find_member .tel_w{position: relative;padding-right: 153px;}
.find_member .tel{margin-left: -2%;}
.find_member .tel > li{float: left;width: 31.3333333333333%;margin-left: 2%;}
.find_member .form button{width: 140px;height: 100%;}
.find_member .tel_w button,.find_member .tel_confirm button{position: absolute;right: 0;top:0}
.find_member .tel_confirm{margin-top: 10px; position: relative;padding-right: 140px;}

.btn-form{width: 140px;height: 3.75em;margin: 0 auto;display: block;}
.form.confirm{display: none;}
.form_w.active .entry{display: none;}
.form_w.active .confirm{display: block;}

.hire_top{font-weight: 300;margin-bottom: 2.778em;font-size: 20px;;font-size: 1.25rem;letter-spacing: -0.07em;}
.hire_top .txt{margin-bottom: 2em;}
.hire_top .txt dt{font-weight: 700;font-size: 1.111em;margin-bottom: 1em;}
.hire_top ol{margin-left: -2%;line-height: 1.15;}
.hire_top ol > li{float: left; width: 18%;margin-left: 2%;border:1px solid #ccc;border-radius:3px;position: relative;padding: 20px}
.hire_top ol > li:before{position: absolute;left: -8%;top:50%;content:'';background:url('../img/hall/arrow.gif') center center no-repeat;display: block;width: 6px;height: 9px;margin-top: -5px;}
.hire_top ol > li:first-child:before{background: none}
.hire_top .no{font-weight: 700;     color: #fff;
    border-radius: 50%;
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.25rem;
    font-size: .938rem;
    text-align: center; vertical-align: middle; background: #000; display: inline-block; font-weight: 400;}
.hire_top .cont{display: inline-block;margin-left: 3px;}
.hire_top .cont strong{font-weight: 500;}
.hire_top .cont > *{}

.total-sch .top{margin-bottom: 3.889em;}
.total-sch .form{position: relative; padding: 0 70px 0 310px;height: 70px;margin-bottom: 1.667em;}
.total-sch .form select{width: 300px;position: absolute;left: 0;top:0;padding-left: 1.111em;}
.total-sch .form .btn{position: absolute;right:0;top:0;width: 70px;background:#930c71 url('../../commons/img/common/btn-sch_w.png') center center no-repeat;background-size:1.438em;display: block;white-space: nowrap;overflow: hidden;text-indent: -999px}
.total-sch .form select,.total-sch .form input{border:2px solid #930c71;}
.total-sch .form select,.total-sch .form input,.total-sch .form button{height: 100%}
.total-sch .form input{width: 100%;padding: 0 1.111em}

.total-sch .group{margin-top: 60px; margin-top: 3.750rem;}
.total-sch .group:first-child{margin-top: 0;}

.total-sch .word{position: relative;padding-left:124px}
.total-sch .word .t{position: absolute;left: 0;top:0;width: 100px}
.total-sch .word .t:after{position: absolute;right: 0;top:50%;width: 1px;height: 10px;background: #ccc;content: '';margin-top: -5px;}
.total-sch .word .cont{font-size: 14px;font-size: 0.875rem;}
.total-sch .word .cont > a{display: inline-block;padding: 3px 1em 5px 1em;margin-right:5px;border:1px solid #777;border-radius:30px;color:#666}
.total-sch .word .cont > a:last-child{margin-right: 0;}
.bbs-total{border:1px solid #000;padding: 1.5em}
.bbs-total > li{display: table;width: 100%;margin-top: 1.5em;text-align: center;}
.bbs-total > li:first-child{margin-top: 0;}
.bbs-total > li > *{display: table-cell;vertical-align: middle; padding: 0 1em}
.bbs-total .date{width: 5em}
.bbs-total .hit{width: 10em}
.bbs-total .tit{text-align: left;}

.total-sch .more{text-align: right;margin-top: 10px;font-size: 18px;font-size: 1.125rem;color:#777;font-weight: 300;}
.total-sch .layer_w{left: 0;width: 100%;z-index: 1;position: absolute;font-size: 16px;font-size: 1rem;display: none;}
.total-sch .layer_w .in{margin-left: 310px;border:1px solid #930c71;margin-top: -1px;}
.total-sch .layer{position: relative;padding-top: 3.750em;background: #fff}
.total-sch .layer .tit{position: absolute;width: 50%;height: 3.75em;line-height: 3.75em;top:0;text-align: center;background: #f9f9f9;font-weight: 500;border-bottom: 1px solid #d1d1d1;}
.total-sch .layer > li:first-child .tit{left: 0;border-right: 1px solid #d1d1d1;}
.total-sch .layer > #tab2 .tit{left: 50%}
.total-sch .layer .active .tit{color:#930c71;border-bottom: 0;background: #fff}
.total-sch .layer_w .foot{background: #fafafa;color:#777;padding: 0 20px;font-weight: 300;border-top: 1px solid #d1d1d1;}
.total-sch .layer_w .foot .l{float: left;}
.total-sch .layer_w .foot .r{float: right;}
.total-sch .layer_w .foot .l,.total-sch .layer_w .foot .r > *{padding: 10px 0}
.total-sch .layer_w .foot .r > *{margin-left: 10px;}
.total-sch .layer_w .foot .r > *:first-child{margin-left: 0;}
.total-sch .layer .sect{display: none;}
.total-sch .layer .sect li:first-child{padding-top: 13px;}
.total-sch .layer .sect li:last-child{padding-bottom: 13px;}
.total-sch .layer .sect.no_data{padding: 2.5em 0}
.total-sch .layer .sect a{display: block;line-height: 1.15;padding: 8px 20px; position: relative;}
.total-sch .layer .sect .active{background: #eee}
.total-sch .layer .active .sect{display: block;}
.total-sch .layer .sect .date{position: absolute;right: 20px;top:8px;color: #888}

.hall-btn_w{margin-top: 70px;}
.hall-btn_w .sect{position: relative;background: #f7f7f7;margin-top: 10px;padding-left: 210px;}
.hall-btn_w .sect:first-child{margin-top: 0;}
/* .hall-btn_w .sect > *{display: table-cell;vertical-align: middle; padding: 30px} */
.hall-btn_w .sect dt{font-weight: 500;text-align: center;position: absolute;left: 0;top:0;text-align: center;width: 210px;padding-top: 2.5%;}
.hall-btn_w .sect dd{border-left: 1px solid #d1d1d1;padding: 2.5%;min-height: 108px}
.hall-btn_w .sect dd span{margin: 0 0 1.8em 1.8em;display: inline-block;}
.hall-btn_w .sect dd span:last-child{margin-right: 0;}

.hall-btn_w .sect .float_w{padding: 2.5% 0 .8% 0;}
.hall-btn_w .sect .float_w > div{display: flex;flex-wrap:wrap}
.hall-btn_w .sect .float_w span{float: left; width: 31.333333333333333%;margin: 0 0 2% 2%;}

.ico-down{display: inline-block;padding-left: 1.25em; background: url('../img/common/ico-down.png') left center no-repeat}
a.ico-down:hover{background-image: url('../img/common/ico-down_yel.png');color:#000;text-decoration:underline;}

.t_steps{font-weight: 300;}
.t_steps > li{padding-top: 50px;margin-top: 50px;border-top: 1px solid #000;display: table; width: 100%}
.t_steps > li:first-child{margin-top: 0;padding-top:0;border-top: 0}
.t_steps > li > *{display: table-cell;vertical-align: top;}
.t_steps .tit{font-size: 2.111em;width: 320px;letter-spacing: -0.03em;line-height: 1.15;}
.t_steps .tit strong{font-size: 1.211em;display: block;margin-bottom: .13em;}
.t_steps .cont{position: relative;padding-left: 150px;background: url('') left top no-repeat;}
.t_steps .h1 .cont{background-image: url('../img/hall/h1.gif')}
.t_steps .h2 .cont{background-image: url('../img/hall/h2.gif')}
.t_steps .h3 .cont{background-image: url('../img/hall/h3.gif')}
.t_steps .h4 .cont{background-image: url('../img/hall/h4.gif')}
.t_steps .h5 .cont{background-image: url('../img/hall/h5.gif')}
.t_steps .sect{margin-top: 1.5em;}
.t_steps .sect:first-child{margin-top: 0;}
.t_steps .t{display: block;margin-bottom: .3em;}
.t_steps .btn-st3{margin-top: 1em;}
.t_steps.etc .cont{padding-left: 0;}

.tbl-st1.w333 th{width: 33.3333333333333%}
.fee .time{width: 10em}
.fee .etc{width: 8em}
.bul-dot.mg .tbl-st1,.bul-dot.mg ul,.bul-dot.mg p{margin-top: .8em;}

.ticket_com .float .l{float: left;}
.ticket_com .float .r{float: right;}
.ticket_com .bul-mark2.b{margin-top: .8em;}

.info_fee{background: #f7f7f7; padding: 45px 0;}
.info_fee > li{float: left; width: 50%;padding-left: 96px; background: url('') 96px center no-repeat;padding-left: 175px;}
.info_fee > .if1{background-image: url('../img/hall/if1_b.png')}
.info_fee > .if2{background-image: url('../img/hall/if2_b.png');border-left: 1px solid #d1d1d1;}

.steps-st1_w{margin-top: 3em;text-align: center;}
.steps-st1{margin: 0 0 -40px -70px;text-align: center;font-size: 16px;font-size: 1rem;word-break:keep-all;font-weight: 400; max-width:1000px;display: inline-block;}
.steps-st1 > li{float: left; width: 160px;margin: 0 0 40px 70px;border:1px solid #000;border-radius:50%;position: relative;height: 160px;display: table;}
.steps-st1 .c_w{display: table-cell;vertical-align: middle;}
.steps-st1 > li:before{position: absolute;left:-35px;top:50%;content:'';background:url('../img/hall/arrow.gif') center center no-repeat;display: block;width: 6px;height: 9px}
.steps-st1 > li:first-child:before,.steps-st1 > li.n5:before{background: none}
.steps-st1 strong{position: absolute;top:-.5em;width: 100%;text-align: center;left: 0;font-size: 2.500em;line-height: 1.15;}
.steps-st1 strong span{background: #fff;position: relative;z-index: 1;padding: 0 5px}
.steps-st1 .c{padding: 10px;letter-spacing:-0.03em}

.btn-arrow{display: inline-block;font-size: 14px;font-size: 0.875rem;;width: 17.714em;height: 4.286em;padding-right: 1.429em;line-height: 4.286em;background: #000 url('../img/space/arrow.png') 93% center no-repeat;text-align: center;transition:all ease-in-out .3s;font-weight: 500;position: relative;}
.bbs-btn-st1.bg-purple,.bbs-btn-st1.bg-purple3{transition:all ease-in-out .3s}
.btn-arrow:hover,.bbs-btn-st1.bg-purple:hover,.bbs-btn-st1.bg-purple3:hover{background-color: #2a2a2a}
.btn-arrow:active{top:1px}

.hall_perform{word-break:keep-all;font-weight: 300;}
.hall_perform .bg{padding: 170px 0 270px 0;color:#fff;background: url('') center center no-repeat; background-size:cover}
.hall_perform.m .bg{background-image: url('../img/hall/m/bg-1.jpg')}
.hall_perform.s .bg{background-image: url('../img/hall/s/bg-s-1.jpg')}
.hall_perform.t .bg{background-image: url('../img/hall/t/bg1.jpg')}
.hall_perform.c .bg{background-image: url('../img/hall/c/bg-c-1.jpg')}
.hall_perform.a1 .bg{background-image: url('../img/hall/a1/bg-01.jpg')}
.hall_perform.a2 .bg{background-image: url('../img/hall/a2/bg-a2.jpg')}
.hall_perform.k .bg{background-image: url('../img/hall/k/bg-k.jpg')}
.hall_perform.info .bg{background-image: url('../img/hall/info/bg.jpg')}
.hall_perform.outside .bg{background-image: url('../img/hall/outside/bg.jpg')}
.hall_perform.d1 .bg{background-image: url('../img/hall/d/d1.jpg')}
.hall_perform.d2 .bg{background-image: url('../img/hall/d/d2.jpg')}
.hall_perform.d3 .bg{background-image: url('../img/hall/d/d3.jpg')}
.hall_perform.d4 .bg{background-image: url('../img/hall/d/d4.jpg')}
.hall_perform.d5 .bg{background-image: url('../img/hall/d/d5.jpg')}
.hall_perform.d6 .bg{background-image: url('../img/hall/d/d6.jpg')}
.hall_perform.d7 .bg{background-image: url('../img/hall/d/d7.jpg')}
.hall_perform.d8 .bg{background-image: url('../img/hall/d/d8.jpg')}
.hall_perform .btn-arrow{margin-top: 60px;display: block;background: #2a2a2a;}
.hall_perform .bg .t{font-size: 2.778em;;line-height: 1.15;margin-bottom: .8em;}
.hall_perform .bg .t .l{font-weight: 300;}

.hall_perform .imgs{margin-top: -205px;}
.hall_perform .imgs .l{float: left;width: 54%}
.hall_perform .imgs .r{float: right;width: 45%}
.hall_perform.outside .imgs{margin-left: -2%;}
.hall_perform.outside .imgs > li{width: 31.333333333333333%;margin: 0 0 2% 2%;float: left;}
.hall_perform .imgs img{display: block;}
.hall_perform.outside .imgs img{width: 100%}
.hall_perform .ticket_com{margin-top: 80px;}

.outside .top{text-align: center;font-weight: 300;margin-bottom: 3em;line-height: 1.15;}
.outside .top .f38{font-weight: 300;margin-bottom: 0.789em;}
.outside .imgs{margin: -.5% 0 0 -.5%;}
.outside .imgs > li{float: left;width: 49.5%;margin: .5% 0 0 .5%;}
.outside .imgs img{width: 100%;display: block;}

.img_half > li{float: right; width: 49%}
.img_half > li:first-child{float: left}
.img_half .img img{display: block; width: 100%}

.join_index .top{text-align: center;margin-bottom: 3em;font-weight: 300;}
.join_index .top .tit-st4{margin-bottom: .35em;}
.join_index .sns_join{max-width:640px;margin: 0 auto;}
.join_index .sns_join li{float: none; padding: 1em 1.5em;margin-top: 1em;border:1px solid #000;width: 100%;border-radius:5px}
.join_index .sns_join li:first-child{margin-top: 0;}

.privacy_com .top{margin-bottom: 3em;}
.privacy_com .type1{border:1px solid #ccc;padding: 2em;border-radius:1em;margin-bottom: 3em;}
.privacy_com .type1 .bul-dot{margin: 1.5em 0;}
.privacy_com a:hover{text-decoration: underline;}
.privacy_com .tit-st5{display: block;}
.privacy_com strong{font-weight: 500;}
.privacy_com .tbl-st1{margin: 1em 0;}
.privacy_com .t_steps{margin: 3em 0;}
.privacy_com .t_steps .tit{width: 3em}
.privacy_com .t_steps > li > *{}

.charge{text-align: center;font-weight: 300;}
.charge .top{margin-bottom: 50px;}
.charge .top .underline{color:#666;border-bottom: 1px solid #8c8c8c;}
.charge .cont{background: url('../img/customer/charge.jpg') left top no-repeat}
.charge .cont{padding-top: 70px;}
.charge .cont .in{background: #fff;border-radius:30px 30px 0 0;padding: 80px 0 0 0}
.charge .card{margin: 60px 0 70px 0;}
.charge .card > li{display: inline-block;margin: 0 20px;}
.charge .card .img{box-shadow:10px 10px 30px rgba(0,0,0,.3);margin-bottom: 3em;}
.charge .card img{display: block;margin: 0 auto; width: 100%}
.charge .card .txt strong{display: block;margin-bottom: .67em;font-size: 1.444em;}
.charge .bul-dot > li{margin-top: .8em;}
.charge .link{color:#95096c; border-bottom: 1px solid #95096c;}
.charge .bot{margin-top: 1em;}
.fixed #schedule_tab{position: fixed;
    left: 0;top:0;
    padding-top: 10px;
    width: 100%;
    z-index: 1;background: #fff;
}
.fixed .tabs-st1{margin-bottom: 0;}
.fixed .bbs-view_schedule{}
/* .fixed .schedule_cont .w > .r{position: fixed;
    left: 50%;
    top: 6.3em;
    max-width: 560px;
    margin-left: 140px;
    background: #fff;overflow-y:auto;max-height: 87%;z-index: 999;height: 100%;transition:all ease-in-out;
} */

.tab_cont .sc{position: absolute;
    left: -300px;
    overflow: hidden;
}
.tab_cont .sc:focus,.tab_cont .sc:active{width: auto;height: auto}
.location .area li{position: relative;}
.location .sc:focus,.location .sc:active{width: auto;height: auto;line-height: 1;background: #000;color:#fff;left: 0}

.seat .sc{position: absolute;
    left: -999px;
    overflow: hidden;
}
.seat .sc:focus,.seat .sc:active{left: 1em}
.iframe_space{overflow: auto;}
.iframe_space iframe{display: block;width: 737px;margin: 0 auto; height: 1049px}

.schedule_cont .group_w{margin-top: 8em;}
.schedule_cont .group_w:first-child{margin-top: 0;}
.schedule_cont .tabs-st1{margin: -1px 0 10px !important;font-size: 14px;font-size: 0.875rem; border-left: 0; border-right: 0;}
.schedule_cont .tabs-st4{margin: -1px 0 10px !important;font-size: 14px;font-size: 0.875rem;}

.member_com{padding-top: 1.5em;}

.sound_intro{text-align: center;font-weight: 300;}
.sound_intro .tit{word-break:break-word;margin-bottom: 50px; color: #000}
.sound_intro .tit > *{display: block;}
.sound_intro .tit .small{margin-top: 1.5em;}
.sound_intro ul{margin-left: -3%;}
.sound_intro li{float: left; width: 30.33333333333333%;margin-left: 3%;border:1px solid #000}
.sound_intro li:hover{background:#ffe800;color:#000; font-weight: 700;}
.sound_intro ul a{display: block; padding: 50px 30px 30px}
.sound_intro img{display: block;margin: 0 auto 40px auto; max-width:87%}

.pop_map .sc.hide{display: none;}

.bbs-view_schedule .bg-black_r{background: #fff}

/* 티켓오픈 타이머 버튼 */
.bbs-view_schedule .open_timer{background: #0097bd; border: 1px solid #000; text-align: center; line-height: 3.3em; width: calc(100% - 25%);}
.bbs-view_schedule .open_timer .time_tit{padding-left: 1.875rem; background: url(../img/common/time_icon.png) no-repeat center left;}
.bbs-view_schedule .open_timer .time_tit:after{width: 1px; height: 16px; background: #000; content: ""; display: inline-block; margin: 0 20px -2px;}

/* 티켓 판매 절차 안내 */
.c200172{font-size:1.125em;}
.c200172 h2{font-size:2rem;margin-bottom:35px;line-height:1;}
.c200172 h3{
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -1.4px;
    margin-bottom:35px;
}
.c200172 h4{
    height: 19px;
    font-size:1.11em;
    font-weight: 500;
    letter-spacing: -1px;
    color: #000;
}
.c200172 p{}
.step{margin-bottom:26px;margin-top:20px;}
.step ul {overflow:hidden;}
.step ul li{
    position:relative;
    float:left;
    width:calc(20% - 2px);
    margin-right:2px;
    height: 77px;
    border-radius: 4px;
    background-color: #e7e7e7;
    padding:16px 0 0 19px;
    line-height:1;
    margin-bottom:2px;
}


.t_steps .color-purple,.hall-btn_w .color-purple,.ticket_com .color-navy,.c200172 .link span,.color-reddish-purple,
.location .cont_w .color-navy,.facility .flex .color-purple,.facility .flex .color-navy{color: #AE4A00}
.ticket_com strong.color-navy{color: #000}

.inro-top{display: flex;justify-content: center;padding: 85px 0;transition: width 0.5s;}
.inro-top .bg{margin: 0 30px;position: relative;}
.inro-bottom{background: #000;text-align: center;padding: 1.6em 0;}
.intro-r .text{position: absolute;text-align: center;top: 37%;right: 0;width: 58%;color: #fff;font-size: 1.375em; line-height: 1.18;}
.intro-r .text li:nth-child(2){margin-top: 24.5%;}
.intro-r .btns{position: absolute;bottom: 9.8%;left: 50%;transform: translateX(-50%);display: flex;justify-content: center;}
.intro-r .btns .butt{width: 135px;height: 135px;border-radius: 100%;text-align: center;line-height: 130px;margin: 0 18px;position: relative;}
.intro-r .btns .butt > div{font-size: 21px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;font-weight: 500; line-height: 1; padding-top: 40px;}
.intro-r .btns .butt.res{color: #fff;background: #ff060c url(/static/portal/img/perform/intro/plus_w.png) center 70px no-repeat;}
.intro-r .btns .butt.res a{}
.intro-r .btns .butt.det{color: #000;background: #fff url(/static/portal/img/perform/intro/plus_b.png) center 70px no-repeat;}
.intro-r .notice{position: absolute; bottom: 20px;left: 0;width: 100%;text-align: center;padding: 0 1rem;}
.intro-r .notice >span{color: #ff1619; text-decoration: underline;}

.intro-l .baru{}
.intro-l .baru a{font-size: 28px;position: absolute;bottom: 6%;left: 50%;transform: translateX(-50%);color: #fff;padding: 20px 30px 20px 50px;border-radius: 50px;background: #000 url(/static/portal/img/perform/intro/plus_y.png) calc(100% - 45px) center no-repeat;width: 350px; line-height: 1;}


@media (max-width:1200px){.step ul li{width:calc(33.33% - 2px)}}
@media (max-width:767px) {.step ul li{width:calc(50% - 2px)}}
.step ul li:last-child:before{display:none;}
.step ul li:before{
    content: '';
    background:url(/static/portal/img/common/step-arr@2x.png) 0 0 no-repeat;
    -webkit-background-size:5px 9px;
    background-size:5px 9px;
    width:5px;
    height:9px;
    position:absolute;
    right:30px;
    top:calc(50% - 4.5px);
}
.step ul li span{display:block;}
.step ul li span.s{
    font-size:13px;
    font-weight:bold;
    color: #000;
    margin-bottom:9px;
}
.step ul li span.txt{}
.c200172 .table{text-align:center;margin-top:40px;display:block;}
.c200172 .table table{width:100%;}
.c200172 .table th,
.c200172 .table td{padding:20px 0;border:1px solid #000;}
.c200172 .table th{color:#fff;background-color:#262626;border-right: 1px solid #fff !important;}
.c200172 .table th:last-child{border-right: 1px solid #000 !important;}
.c200172 .table th:first-child,
.c200172 .table th+th{border-color:#000;}
.c200172 .table td{}
.c200172 .ov_w{overflow-x:auto;max-width:100%;}
.c200172 .ov_w table{min-width:33em;}
.c200172 .table-bottom-deco{margin-top:27px;font-size:1rem;text-indent:-1rem;padding-left:1rem;}
.c200172 .table.type-2{}
.c200172 .table.type-2 th{border-color:#000 !important;border-top-color:#000 !important;background-color:#000;color:#fff;}
.c200172 .table.type-2 th:nth-child(1){border-right: 1px solid #fff !important;}
.c200172 .table.type-2 td.tal{padding-left:2.1%;}

/*@media (max-width:1200px){.step ul li{width:calc(33.33% - 2px)}}*/
@media (max-width:767px) {
    .c200172 .table th,
    .c200172 .table td{padding: 10px 5px;}
    .c200172 .table th{font-weight:normal;}
}


ul.list{margin:28px 0;line-height:1.56;}
ul.list li{text-indent:-8px;padding-left:8px;}
ul.list li:before{content: '- '}
ul.list li.star{
    font-size:0.89em;
    color:#AE4A00;
    margin-top:23px;
}
ul.list li.star:before{display:none}
li+li.point{margin-top:30px;}
ul.list li.point{
    color:#AE4A00;
    padding-left:17px;
    position:relative;
    margin-bottom:10px;
    text-indent:0;
}
ul.list li.point:before{
    content: '';
    height:10px;
    width:10px;
    position:absolute;
    left:0;
    top:9px;
    border-radius:50%;
    background-color:#AE4A00;
}
.color-blue{color:#000;}
hr.line{border:none;border-top:1px solid #000;margin:68px 0;}

.tbl-cal .today{position: relative;}
.tbl-cal .today:after{border:2px solid #930c71; color:#930c71 !important; left:-2px;right: -2px;top:-2px;bottom: -2px;margin: auto;position: absolute;content: ''}
.schedule_t{position: relative;}
.schedule_t .label_w{position: absolute;right: 10px;top:50%;margin-top: -.5em;font-size: 14px;font-size: 0.875rem; font-weight: 300;}
.schedule_t .label_w .label{margin-left: 10px;}
.schedule_t .label_w .label:first-child{margin-left: 0;}
.schedule_t .label_w .label span{display: inline-block;width: 1em;height: 1em;margin-right: 5px;vertical-align: middle;line-height: 1;}
.schedule_t .label_w .label.t1 span{border:2px solid #930c71}
.schedule_t .label_w .label.t2 span{background: #f3e4f1}

.pop_gift .bul-dash > li{margin-top: .8em;}
.pop_gift .bul-dash > li:first-child{margin-top: 0;}
.pop_gift.pop_confirm .btns button{margin-top: .8em;}

.myapge_customer .steps{margin: 50px 0}
.myapge_customer .steps .group{position: relative;border:1px solid #000;padding-left: 380px;margin-top: 20px;}
.myapge_customer .steps .group:first-child{margin-top: 0;}
.myapge_customer .steps .group .bg{position: absolute;left: 0;top:0;width: 380px;height: 100%;border-right: 1px solid #000;background: url('') center center no-repeat;background-size:cover}
.myapge_customer .steps .group.c1 .bg{background-image: url('../img/mypage/c1.jpg')}
.myapge_customer .steps .group.c2 .bg{background-image: url('../img/mypage/c2.jpg')}
.myapge_customer .steps .group.c3 .bg{background-image: url('../img/mypage/c3.jpg')}
.myapge_customer .steps .group.c4 .bg{background-image: url('../img/mypage/c4.jpg')}
.myapge_customer .steps .group.c5 .bg{background-image: url('../img/mypage/c5.jpg')}
.myapge_customer .steps .group.c6 .bg{background-image: url('../img/mypage/c6.jpg')}
.myapge_customer .steps .cont{padding: 77px;font-weight: 300;}
.myapge_customer .steps .cont .tit{display: block;font-size: 1.154em;margin-bottom: .8em;line-height: 1.15;}
.myapge_customer .foot{text-align: center;font-weight: 300;}

.tit-gift{background: url('../img/mypage/gift.png') left center no-repeat; background-size:1.100em;padding-left: 1.5em;font-weight: 300;}
.pop_gift_info{text-align: center;}
.pop_gift_info .cont{padding: 50px 40px}
.pop_gift_info .steps{font-size: 1.500em;letter-spacing: -0.07em;line-height: 1.15;}
.pop_gift_info .steps > li{border-top: 1px solid #eee;padding-top: 40px;margin-top: 40px;}
.pop_gift_info .steps > li > strong{display: block;margin-bottom:.5em;}
.pop_gift_info .top{color:#888;font-weight: 400;}
.pop_gift_info .bul-mark2{font-size: 14px;font-size: 0.875rem;text-align: left; color:#666;margin-top: 2em;}
.pop_gift_info .bul-mark2 > li{margin-top: 1.15em;}
.pop_gift_info .bul-mark2 > li:first-child{margin-top: 0;}
.pop_gift_info .bul-mark2 .tdu{text-decoration: underline;}
.pop_gift_info .steps p{font-weight: 300;}
.pop_gift_info .foot{background: #373946;padding: 40px 40px 87px;color:#fefefe}
.pop_gift_info .steps img{display: block;margin: 1.5em auto 0;}
.pop_gift_info .foot{background: #373946;color:#fefefe}
.pop_gift_info .foot button{background: #303240;color:#fff;width: 100%;display: block;margin: 0 auto;width: 100%;max-width:330px;border:1px solid #6e7188;height: 3.333em}
.pop_gift_info .foot p{margin-top: 30px;}

.service_join{font-weight: 300;}
.steps_service{margin: 30px 0 0 -2%;}
.steps_service > li{float: left; width: 23%;margin-left: 2%;border:1px solid #000;padding: 30px;border-radius:3px;height: 530px}
.steps_service .tit{max-width:197px;line-height: 1.15;font-weight: 300;margin-bottom: 50px;}
.steps_service .tit strong{display: block;border-bottom: 1px solid #000;margin-bottom: 30px;padding-bottom: 10px;font-size: 1.211em;}
.steps_service .bul-dash{margin-top: 1.15em;}
.steps_service .bul-dash dt{font-weight: 700;}
.steps_service .link{color:#2e13d3;word-break:break-word}

#remainpop{padding: 15px}
#remainpop .tit{font-size: 1.8em; margin-bottom: .8em;}
#remainpop table{width: 100%}
#remainpop .btn_bottom{margin-top: 3em;}
#remainpop .btn_bottom a{margin: 0 auto; font-size: 1em;}

#pop-join .form{position: relative; padding: 0 4.7em;margin-bottom: 15px;}
#pop-join .form select,#pop-join .form button{position: absolute;height: 100%}
#pop-join .form input{width: 100%;padding: 0 10px; height:3em}
#pop-join .form select{width: 4.7em;left: 0;border-right: 0;}
#pop-join .form button{width: 5em;right: 0}
#pop-join .bul-mark{margin-bottom: 5px;}
.tabs_width{    max-width: 720px;
    margin: 0 auto;}

.inner_loc{max-width:700px;margin: 0 auto; padding: 70px .938rem 0}
.inner_loc .tabs-st1{font-size: 18px; font-size: 1.25rem; background: #fff; margin-bottom: 0;}

/* ------------------------------------------------------ */
/* 티켓수령방법 */
.mobile-ticket_title{display:flex; margin-bottom:80px;}
.mobile-ticket_title .title{font-size:2.375rem; color:#222; font-weight:600; line-height:1;}
.mobile-ticket_title .txt{font-size:1.125rem; color:#222; font-weight:300; margin:0 0 0 100px; flex:1; word-break:keep-all;}

.mobile-ticket_title + .ticket_com > ul > li.group{position:relative; padding:0;}
.mobile-ticket_title + .ticket_com > ul > li.group .tit{margin:70px;}

.mobile-ticket_list{margin:70px;}
.mobile-ticket_list li{position:relative; _padding-right:144px; padding-right:7.5vw;}
.mobile-ticket_list li .title{font-size:1.375rem; color:#222; font-weight:600; line-height:1; margin:0 0 20px;}
.mobile-ticket_list li .title span{font-size:1.125rem; color:#ffe800; font-weight:inherit; display:inline-block; width:40px; height:40px; border-radius:100%; margin:0 20px 0 0; text-align:center; line-height:40px;}
.mobile-ticket_list li img{margin:0 0 30px;}
.mobile-ticket_list li .txt{font-size:1rem; color:#666; font-weight:300; letter-spacing:-0.06em; margin-bottom:0;}
.mobile-ticket_list li .txt strong{font-weight:600; color:#222;}
.mobile-ticket_list li::after{content:''; display:block; width:50px; height:33px; background:url('../img/customer/subpage_mobile_ticket_11.jpg') no-repeat 0 0; position:absolute; _right:50px; right:2.6042vw; top:50%; transform:translateY(-50%);}

.mobile-ticket_list.st1{display:flex; flex-wrap:wrap;}
.mobile-ticket_list .title span{background:#000; color: #ffe800;}
.mobile-ticket_list.st1 li:not(:nth-child(-n + 3)){margin-top:65px;}
.mobile-ticket_list.st1 li:nth-child(3),
.mobile-ticket_list.st1 li:nth-child(5),
.mobile-ticket_list.st1 li:nth-child(7){padding-right:0;}
.mobile-ticket_list.st1 li:nth-child(5){padding-top:60px;}
.mobile-ticket_list.st1 li:nth-child(7){padding-top:160px;}
.mobile-ticket_list.st1 li:nth-child(3)::after,
.mobile-ticket_list.st1 li:nth-child(5)::after,
.mobile-ticket_list.st1 li:nth-child(7)::after{display:none;}
.mobile-ticket_list.st1 li .img{font-size:0;}
.mobile-ticket_list.st1 li .img img:first-child{margin-right:10px;}

.mobile-ticket_list.st2{display:flex;}
.mobile-ticket_list.st2 .title span{background:#0e0e71;}
.mobile-ticket_list.st2 li:last-child{padding:0;}
.mobile-ticket_list.st2 li:last-child::after{display:none;}

.mobile-ticket_list.st3{display:flex;}
.mobile-ticket_list.st3 .title span{background:#000;}
.mobile-ticket_list.st3 li:nth-child(2),
.mobile-ticket_list.st3 li:last-child{padding:0;}
.mobile-ticket_list.st3 li:nth-child(2)::after,
.mobile-ticket_list.st3 li:last-child::after{display:none;}
.mobile-ticket_list.st3 li .wrap{padding-left:145px; position:relative;}
.mobile-ticket_list.st3 li .wrap:last-child{margin-top:60px;}
.mobile-ticket_list.st3 li .wrap::before{content:''; display:block; width:50px; height:33px; background:url('../img/customer/subpage_mobile_ticket_11.jpg') no-repeat 0 0; position:absolute; left:50px; top:50%; transform:translateY(-50%);}
.mobile-ticket_list.st3 li .wrap:last-child::before{top:30px; transform:none;}

.mobile-ticket_guide{background:#f4f4f4; display:flex; align-items:center; padding:50px 70px;}
.mobile-ticket_guide p{font-size:1rem; color:#666; font-weight:500; width:140px; height:140px; background:#fff; border:1px solid #bdbdbd; border-radius:100%; text-align:center; padding:36px 0 0; line-height:1;}
.mobile-ticket_guide p::before{content:'!'; font-size:3.188rem; font-weight:600; display:block;}
.mobile-ticket_guide ul{margin-left:50px; flex:1;}
.mobile-ticket_guide ul li{font-size:1rem; color:#666; font-weight:300; line-height:1.3; word-break:keep-all; position:relative; padding-left:15px;}
.mobile-ticket_guide ul li::before{content:''; display:block; width:3px; height:3px; background:#000; margin:0 10px 0 0; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.mobile-ticket_guide ul li:not(:last-child){margin:0 0 10px;}

.octagon_w{width: 27px; height: 27px; font-size: 13px; font-weight: 700; color:#fff; position: relative; display: inline-block; letter-spacing: 0; vertical-align: text-bottom;}
.octagon_w .ttt{position: absolute;left:0; width: 100%; text-align: center; transform:translateY(-50%);top:50%;z-index: 3}
.octagon {
    overflow: hidden; width: 100%; height: 100%;transform: rotate(23deg); display: block; position: relative;z-index: 1
}

.octagon .in {
    transform: rotate(45deg);
    background: #bcbdc0; width: 100%; height: 100%; display: block;
}
.we .octagon .in{background: #fff;}
.we .octagon.border{transform: rotate(23deg) scale(1.05); z-index: 0; position: absolute;left: 0;top:0}
.we .octagon.border .in{background: #949494}
.st .octagon .in{background: #787878}
.sp .octagon .in{background: #57585a}
.si .octagon .in{background: #231f20}
.we .octagon_w,.we.octagon_w{color: #7b7b7b}

.grade_graph .graph{width: 100%; height: 2px; background: #dedede; position: relative;}
.grade_graph .graph:before{position: absolute;left: 0;top:0; height: 100%; background: #000; content: ''}
.grade_graph.per15 .graph:before{width: 15%}
.grade_graph.per40 .graph:before{width: 40%}
.grade_graph.per65 .graph:before{width: 65%}
.grade_graph.per80 .graph:before{width: 80%}
.grade_graph .graph:after{width: 12px; height: 23px; top:-25px; position: absolute; background: url('../img/mypage/percent.gif') center center no-repeat; content: ''; margin-left: -6px;}

.grade_graph.per15 .graph:after{left: 15%}
.grade_graph.per40 .graph:after{left: 40%}
.grade_graph.per65 .graph:after{left: 65%}
.grade_graph.per80 .graph:after{left: 80%}

.grade_graph .add{display: none;     top: -81px;     left: -30px;
    position: absolute; font-weight: 500; line-height: 1.35;}
.grade_graph.per80 .add{display: block;}

.grade_graph ul{margin-top: 20px;}
.grade_graph li{float: left; width: 25%; position: relative;}
.grade_graph .c{color: #666; margin-top:10px; padding-left: 35px;}
.grade_graph .t{font-weight: 700; font-size: 1.125em; color: #000}
.grade_graph .t strong{margin-left: 3px;}

.my_state_renew{font-weight: 300; color: #000; padding-top: 67px;}
.my_state_renew .dev{margin-left : -3%; display:flex; flex-wrap:wrap; font-size: 1.125rem; text-align: center;}
.my_state_renew .dev > li{float: left; width: 30.33333333333%; margin-left: 3%; background: #f1f1f1; padding: 30px}
.my_state_renew .dev > li > *{display: inline-block; vertical-align: middle;}
.my_state_renew .dev dl{text-align: left; margin-left: 30px;}
.my_state_renew .dev dt{font-weight: 300;}
.my_state_renew .dev dd{font-size: 1.667em; font-weight: 700;}
.my_state_renew .dev dd *{display: inline-block; vertical-align: middle;}
.my_state_renew .grade_txt{margin: 30px 0 40px; text-align: center; font-size: 1.25rem;}
.my_state_renew .dec{border-bottom: 1px solid #d60000}

.ico-s{background: #000; color: #fff; font-weight: 700; display: inline-block; border-radius:50%; text-align: center;vertical-align: unset; position: relative;}
.ico-s.large{font-size: 50px; font-size: 3.125rem; width: 1.400em; height: 1.400em; line-height: 1.340em;}
.ico-s.mid{font-size: 20px; font-size: 1.25rem; width: 1.650em; height: 1.650em; line-height: 1.500em;}
.ico-s.small{font-size: 13px; width: 17px; height: 17px; line-height: 17px; top:-1px}
.ico-s.size30{font-size: 1.875rem; width: 1.267em; height: 1.267em; line-height: 1.267em;}
.ico-s.size13{font-size: 13px; width: 20px; height: 20px; line-height: 20px; top:-3px}

.my_point_renew{margin-top: 80px;}
.my_sch{background: #f5f5f5; padding: 15px; margin-bottom: 30px;}
.my_sch > ul > li{float: left;}
.my_sch .l{position: relative; padding-left: 7em;}
.my_sch .l .t{color: #666; font-weight: 300; padding: 0 30px; position: absolute;left: 0;top:0}
.my_sch .r{margin-left: 20px;}
.my_sch .btns{width:400px; border-radius:3px; border:1px solid #ddd; overflow: hidden;}
.my_sch .btns > button{float: left; width: 25%; background: #fff; border-left: 1px solid #ddd;}
.my_sch .btns > button:first-child{border-left: 0;}
.my_sch .btns .active{background: #262626; color: #fff}
.my_sch .btns > button,.my_sch .datepick input{height: 40px;height: 40px}
.my_sch .l .t,.my_sch .datepick .dash{line-height: 40px;}
.my_sch .datepick .dash{line-height: 40px; font-weight: 700;}
.my_sch .datepick li{float: left;width: 47%; position: relative;}
.my_sch .datepick .dash{width: 6%;text-align: center; color: #d1d1d1; font-size: 20px;}
.my_sch .datepick input{width: 100%; padding-left: 45px; border-color: #ddd;  border-radius:3px}
.my_sch .datepick li button{position: absolute;left: 0;top:0; width: 45px; height: 100%}
.my_sch .datepick{position: relative; padding-right: 110px; max-width:439px}
.my_sch .datepick .view{position: absolute;right: 0;top:0;width: 100px; height: 100%; border-radius:3px; background: #333; color: #fff}

.mem-steps{font-size: 1.125rem}
.mem-steps li{border:1px solid #000; border-radius:3px; padding: 20px 40px; margin-top: 10px;}
.mem-steps li:first-child{margin-top: 0;}
.mem-steps li > span{display: inline-block; margin-right: 30px; padding-right: 30px; background: url('../img/customer/ico-arrow.gif') right center no-repeat;}
.mem-steps li > span:last-child{padding-right: 0; margin-right: 0; background: none;}

.membership_new .tit{font-size: 14px; text-align: center; color: #000; font-weight: 300;}
.membership_new .tit > *{display: block;}
.membership_new .tit .t{    font-size: 50px;
    font-size: 3.125rem; line-height: 1.15; margin: 0.600em 0; word-break:keep-all}
.membership_new .tit .t .ico-s{line-height: 1.67;}
.membership_new .tit .small_eng{font-weight: 400;}
.membership_new .tit .small_eng .ico-s{width: 15px; height: 15px; line-height: 15px; font-size: 11px; font-weight: 700;}

.membership_new .info{margin: 40px auto 100px;text-align: center; max-width:1000px; padding: 40px 0; border:1px solid #ccc; border-left: 0;; border-right: 0;}
.membership_new .info p{margin-top: 1.111em;}

.cont-st1{display: table; width: 100%}
.cont-st1 > *{display: table-cell; vertical-align: top;}
.cont-st1 .l{width: 377px; padding-right: 30px;}
.cont-st1 .l .t{display: block; font-weight: 700; line-height: 1.15;}
.cont-st1 .l .txt{margin-top: 50px; color: #666; font-weight: 300;}
.cont-st1 .r{}

.membership_new .group{margin-top: 100px;}
.membership_new .group:first-child{margin-top: 0;}

.membership_new .mt{margin-top: 50px;}

.grade_box{margin-left: -0.5%; display:flex; flex-wrap:wrap; text-align: center; font-weight: 300;}
.grade_box > li{float: left; width: 24.5%; margin-left: .5%; background: #f6f6f6}
.grade_box > li.sp{background: #efefef}
.grade_box > li.si{background: #e8e8e8}
.grade_box .t{color: #fff; font-weight: 500; padding: 10px}
.grade_box .we .t{background: #949494;}
.grade_box .st .t{background: #787878;}
.grade_box .sp .t{background: #57585a}
.grade_box .si .t{background: #231f20}
.grade_box .box{padding: 20px}
.grade_box .x1{padding: 20px 0 40px}
.grade_box .x1 .octagon_w{width: 2.667em; height: 2.667em; font-size: 1.875rem;}
.grade_box .x1 > div{margin-top: 30px; height: 3em; font-weight: 500;}
.grade_box .x{border-bottom: 1px solid #ddd; padding: 20px 0}
.grade_box .x6{border-bottom: 0;}
.grade_box .add{display: block; margin-top: 1.25em; font-size: 1rem;}

.mem4 .grade_box .x{border-bottom: 0;}
.grade_2021{background: url('../img/customer/ico-arrow2.gif') center top no-repeat; padding-top: 30px; margin-top: 20px;}
.grade_2021 strong{font-weight: 500;}

.box_foot{background: #f4f4f4; padding: 30px; margin-top: 20px; display: table; width: 100%; color: #666}
.box_foot > *{display: table-cell; vertical-align: top;}
.box_foot .ico{width: 170px; font-weight: 500; line-height: 1.15;}
.box_foot .ico .in{display: table; width:140px; height: 140px;; border-radius:50%; border:2px solid #ccc; background: #fff; text-align: center;}
.box_foot .ico .in > *{display: table-cell;vertical-align: middle;}
.box_foot .ico strong strong{font-size: 3.125rem; font-weight: 700; margin-bottom: 10px;display: block;}

.mypage_top_w .inner{position: relative;}
.btn-grade{position: absolute;right: 0;bottom: 0; display: inline-block;    background: #fff;
    border: 1px solid #000;
    border-radius: 3px;
    padding: 5px 10px;
    font-weight: 500;
    color: #000;}



/* 210325 mypage */
.mypage-pagination{display:flex; justify-content:center; align-items:center; width:100%; margin:20px 0 0;}
.mypage-pagination__arrow{display:block; text-indent:-9999px; overflow:hidden; width:14px; height:11px; background-repeat:no-repeat; background-position:0 0;}
.mypage-pagination__arrow.active{}
.mypage-pagination__arrow.first{background-image: url(../../commons/img/bbs/first.gif); margin-right:10px;}
.mypage-pagination__arrow.prev{background-image: url(../../commons/img/bbs/prev.gif);}
.mypage-pagination__arrow.next{background-image: url(../../commons/img/bbs/next.gif);}
.mypage-pagination__arrow.last{background-image: url(../../commons/img/bbs/last.gif); margin-left:10px;}
.mypage-pagination ul{display:flex; align-items:center; margin:0 20px;}
.mypage-pagination ul li{margin:0 10px;}
.mypage-pagination ul li a{font-size: 1.25rem; color:#000; line-height:1;}
.mypage-pagination ul li a.active{color:#061029; font-weight:600;}

.tour_on{width: 100%; position: relative; overflow: hidden; padding-bottom: 50%;}
.tour_on iframe{display: block; width: 100%; height: 100%; position: absolute;left: 0;top:0}

.perform_line{border: 1px solid #000; border-left: 0; border-right: 0; padding: 15px 0; margin-bottom: 50px; display: flex; align-items: center;}
.perform_line .t{width: 340px; text-align: center; font-size: 1.25em; margin-top:-3px; margin-left: 70px;}
.perform_line .txt{font-size: 1.875rem; /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ flex: 1; font-family: 'sc_m','Noto Sans KR','Malgun Gothic','Dotum'; transform : rotate(0.04deg); text-align: center; padding-left: 50px; border-left: 1px solid #000;}

.ticket_info{display: flex;flex-wrap: wrap;padding-bottom: 4em; font-size: 1rem; font-weight: 300;}
.ticket_info .tit{width: 20%;font-size: 1.625em;font-weight: 700;}
.tit-per{font-size: 1.625em;font-weight: 700; color: #333; margin-bottom: 1.25rem; display: block; line-height: 1.15;}
.ticket_info .cont{width: 80%;border-top: 1px solid #333;padding-top: 2em;}
.ticket_info._part1 .cont{border-top: 0; padding-top: 0;}
.ticket_info .btn{font-size: 0.875em;display: block;margin: 10px 0; padding: 8px 0;width: 8em;text-align: center;font-weight: 500;}
.ticket_info .bul-dot > li{margin-top: 15px}
.ticket_info .bul-dot > li >strong{margin-bottom: 5px;display: block;}


.facility_org{word-break:keep-all; font-weight: 300;}
.facility_org .bg .item{background: url('') center top no-repeat;background-size:cover;height: 410px}
.facility_org .in{position: relative;margin-top: -167px;background: #fff;padding: 50px}
.facility_org .btns{position: absolute;right: 0;top:0}
.facility_org .in .t{margin-bottom: 20px;line-height: 1.15;font-weight: 500;font-size: 1.444em;}
.facility_org .btn{margin-top: 30px;}
.facility_org .group{margin-top: 50px;}
.facility_org .group:first-child{margin-top: 0;}
.facility_org .group > li{width: 50%}
.facility_org .group .l{float: left;}
.facility_org .group .r{float: right;}
.facility_org .box-st2{margin-top: 30px;}
.facility_org .group .l.txt{padding: 60px 60px 0 0}
.facility_org .group .r.txt{padding: 60px 0 0 60px}
.facility_org .txt .t{display: block;font-size: 1.444em;margin-bottom: .5em;line-height: 1.15;}
.facility_org .tit{margin-bottom: 1.5em;}
.facility_org .tit .top{margin-bottom: 10px;}
.facility_org .tit .top strong{margin-right: 10px;}
.facility_org .tit .top img{vertical-align: middle;}

.com_s .slick-arrow{width: 80px;height: 60px;background: #fff url('') center center no-repeat;position: absolute;bottom: 0;z-index: 1;width: 5.000rem;height: 3.750rem;}
.com_s .slick-prev{background-image: url('/static/organization/img/common/prev.gif');right: 80px;right: 5rem}
.com_s .slick-prev:after{position: absolute;right: 0;top:50%;width: 1px;height: 20px;height:1.25rem;background: #ccc;margin-top: -10px;margin-top: -0.625rem;content: ''}
.com_s .slick-next{background-image: url('/static/organization/img/common/next.gif');right: 0}
.com_s img{display: block;}

/* sub renew tab */
.sub-renewTab{display:flex; flex-wrap:wrap; border-width:1px 0 0 1px; border-style:solid; border-color:#d5d5d5;}
.sub-renewTab a{min-width:25%; display:flex; align-items:center; justify-content:center; height:70px; flex:1; font-size:18px; color:#000; border-width:0 1px 1px 0; border-style:solid; border-color:#d5d5d5;}
.sub-renewTab a.active{background:#282828; color:#fff;}

/* performance calendar */
.performanceCalendar__category{display:flex;}
.performanceCalendar__category li{font-size:14px; font-weight: 500; color:#000; display:flex; align-items:center;}
.performanceCalendar__category li:not(:last-child){margin-right:30px;}
.performanceCalendar__category li::before{display:flex; width:28px; height:28px; border-radius:100%; justify-content:center; align-items:center; font-size:12px; font-weight:500; margin-right:10px;}
.performanceCalendar__category li.g::before{content:'G'; color:#fff; background:#ea4b47;}
.performanceCalendar__category li.m::before{content:'M'; color:#fff; background:#0097bd;}
.performanceCalendar__category li.ch::before{content:'CH'; color:#fff; background:#c36d15;}
.performanceCalendar__category li.s::before{content:'S'; color:#fff; background:#0a9e45;}
.performanceCalendar__category li.e::before{content:'E'; color:#fff; background:#191919;}

.performanceCalendar__category li.n::before{content:'N'; color:#fff; background:#8c29d8;}
.performanceCalendar__category li.l::before{content:'L'; color:#fff; background:#2832cc;}
.performanceCalendar__category li.g2::before{content:'G'; color:#fff; background:#00DAFF;}
.performanceCalendar__category li.lg::before{content:'LG'; color:#fff; background:#A50034;}

.performanceCalendar__category li.c::before{content:'C'; color:#fff; background:#f421a2;}
.performanceCalendar__category li.p::before{content:'P'; color:#fff; background:#930d71;}
.performanceCalendar__category li.s2::before{content:'S'; color:#fff; background:#0e0e71;}
.performanceCalendar__category li.d::before{content:'D'; color:#fff; background:#a286d9;}

.performanceCalendar__category li.a::before{content:'A'; color:#fff; background:#5087ba;}
.performanceCalendar__category li.a1::before{content:'A1'; color:#fff; background:#0c868f;}
.performanceCalendar__category li.a2::before{content:'A2'; color:#fff; background:#06a177;}
.performanceCalendar__category li.cs::before{content:'CS'; color:#fff; background:#752620;}
.performanceCalendar__category li.ss::before{content:'SS'; color:#fff; background:#cc5550;}
.performanceCalendar__category li.ac::before{content:'AC'; color:#fff; background:#0c6318;}
.performanceCalendar__category li.os::before{content:'OS'; color:#fff; background:#f39c20;}
.performanceCalendar__category li.oe::before{content:'OE'; color:#fff; background:#626262;}

.yellow-info {border-top: 1px solid #000; border-bottom: 1px solid #000; background-color: #ffe800; font-size: 14px; font-weight: 600; padding: 8px 0; margin-bottom: 35px !important;}

.performanceCalendar__info{margin-bottom: 65px; display:flex; justify-content:center; align-items:center;}
.performanceCalendar__info button{display:block; text-indent:-9999px; overflow:hidden; width: 60px; height: 60px; border: 2px solid #000; border-radius: 0; background: center / 30px auto #ffea00 no-repeat;}
.performanceCalendar__info button.prev{margin-right:40px; background-image:url('../img/content/calendar_prev.png');}
.performanceCalendar__info button.next{margin-left:40px; background-image:url('../img/content/calendar_next.png');}
.performanceCalendar__info select{font-size:44px; color:#000; font-weight:500; border: none; background: url('../img/content/calendar_select.png') calc(100% - 5px) center / 21px auto no-repeat; padding: 0 35px 0 5px;}
.performanceCalendar__info select:nth-of-type(1){margin-right:20px;}
.performanceCalendar__info option {font-size: 17px;}

.performanceCalendar__info2 {display: flex; justify-content: space-between; margin-bottom: 15px;}

.performanceCalendar__table{width:calc(100% + 13px); margin-left: -13px; table-layout:fixed;}
.performanceCalendar__table thead th{font-size:18px; color:#000; font-weight:500; line-height:1; padding:10px 13px 30px; border-top: 2px solid #000; border-bottom: 1px solid #000; text-align: left; position: relative;}
.performanceCalendar__table thead th:nth-child(1){color:#f14627;}
.performanceCalendar__table tbody td{padding:15px 13px; vertical-align:top; height:195px; border-style:solid; border-color: #000; position: relative;}
.performanceCalendar__table tbody td:not(:last-child){border-width:1px 1px 1px 0;}
.performanceCalendar__table tbody td:nth-last-of-type(1){border-width:1px 0;}
.performanceCalendar__table tbody td .day{font-size:17px; color:#000; font-weight:500;}
.performanceCalendar__table tbody td:nth-child(1) .day{color:#ef0000;}
.performanceCalendar__table tbody td .icon {min-height: 23px;}
.performanceCalendar__table tbody td .icon span {width: 6px; height: 6px; border-radius: 50%; display: inline-block; text-indent: -9999px; overflow: hidden; display: none;}
.performanceCalendar__table tbody td .icon .g {background: #ea4b47;}
.performanceCalendar__table tbody td .icon .m {background: #0097bd;}
.performanceCalendar__table tbody td .icon .ch {background: #c36d15;}
.performanceCalendar__table tbody td .icon .s {background: #0a9e45;}
.performanceCalendar__table tbody td .icon .e {background: #010101;}

.performanceCalendar__table tbody td .icon .n {background: #8c29d8;}
.performanceCalendar__table tbody td .icon .l {background: #2832cc;}
.performanceCalendar__table tbody td .icon .g2 {background: #00daff;}
.performanceCalendar__table tbody td .icon .lg {background: #A50034;}

.performanceCalendar__table tbody td .icon .c {background: #f421a2;}
.performanceCalendar__table tbody td .icon .p {background: #930d71;}
.performanceCalendar__table tbody td .icon .s2 {background: #0e0e71;}
.performanceCalendar__table tbody td .icon .d {background: #a286d9;}

.performanceCalendar__table tbody td .icon .a {background:#5087ba;}
.performanceCalendar__table tbody td .icon .a1 {background: #0c868f;}
.performanceCalendar__table tbody td .icon .a2 {background: #06a177;}
.performanceCalendar__table tbody td .icon .cs {background: #752620;}
.performanceCalendar__table tbody td .icon .ss {background: #cc5550;}
.performanceCalendar__table tbody td .icon .ac {background: #0c6318;}
.performanceCalendar__table tbody td .icon .os {background: #f39c20;}
.performanceCalendar__table tbody td .icon .oe {background:#626262;}

.performanceCalendar__table thead th::before,
.performanceCalendar__table thead th::after,
.performanceCalendar__table tbody td::after {content: ''; width: 26px; height: 10px; background-color: #fff; display: block; position: absolute; bottom: -5px; left: -13px;}
.performanceCalendar__table thead th::before {bottom: auto; top: -5px;}

.performanceCalendar__item .item {margin-top:8px;}
.performanceCalendar__item .item li{display:flex; align-items:center; position:relative; padding: 6px 0;}
.performanceCalendar__item .item li + li {border-top: 1px solid #9f9f9f;}
.performanceCalendar__item .item li::before{display:flex; min-width:20px; height:20px; border-radius:100%; justify-content:center; align-items:center; font-size:12px; font-weight: 500; margin-right:10px;}
.performanceCalendar__item .item li.g::before{content:'G'; color:#fff; background:#ea4b47;}
.performanceCalendar__item .item li.m::before{content:'M'; color:#fff; background:#0097bd;}
.performanceCalendar__item .item li.ch::before{content:'CH'; color:#fff; background:#c36d15;}
.performanceCalendar__item .item li.s::before{content:'S'; color:#fff; background:#0a9e45;}
.performanceCalendar__item .item li.e::before{content:'E'; color:#fff; background:#010101;}

.performanceCalendar__item .item li.n::before{content:'N'; color:#fff; background:#8c29d8;}
.performanceCalendar__item .item li.l::before{content:'L'; color:#fff; background:#2832cc;}
.performanceCalendar__item .item li.g2::before{content:'G'; color:#fff; background:#00daff;}
.performanceCalendar__item .item li.lg::before{content:'LG'; color:#fff; background:#A50034;}

.performanceCalendar__item .item li.c::before{content:'C'; color:#fff; background:#f421a2;}
.performanceCalendar__item .item li.p::before{content:'P'; color:#fff; background:#930d71;}
.performanceCalendar__item .item li.s2::before{content:'S'; color:#fff; background:#0e0e71;}
.performanceCalendar__item .item li.d::before{content:'D'; color:#fff; background:#a286d9;}

.performanceCalendar__item .item li.a::before{content:'A'; color:#fff; background:#5087ba;}
.performanceCalendar__item .item li.a1::before{content:'A1'; color:#fff; background:#0c868f;}
.performanceCalendar__item .item li.a2::before{content:'A2'; color:#fff; background:#06a177;}
.performanceCalendar__item .item li.cs::before{content:'CS'; color:#fff; background:#752620;}
.performanceCalendar__item .item li.ss::before{content:'SS'; color:#fff; background:#cc5550;}
.performanceCalendar__item .item li.ac::before{content:'AC'; color:#fff; background:#0c6318;}
.performanceCalendar__item .item li.os::before{content:'OS'; color:#fff; background:#f39c20;}
.performanceCalendar__item .item li.oe::before{content:'OE'; color:#fff; background:#626262;}

.performanceCalendar__item .item li > a{white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis; font-size:14px; font-weight: 500; color:#000;}

.performanceCalendar__item .item li > a.active + .itemLayer{opacity:1; visibility:visible;}
.performanceCalendar__table .itemLayer{position:absolute; opacity:0; visibility:hidden; transition:all .4s; top:50px; left:0; z-index:10; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); border:2px solid #000; padding:25px; width:460px; display:flex; flex-direction:column;}

.performanceCalendar__table td:nth-child(4) .itemLayer{left:-150px; right:0px;}
.performanceCalendar__table td:nth-child(n + 5) .itemLayer{left:auto; right:0;}

.performanceCalendar__table .itemLayer__close{margin-left:auto; display:block; width:20px; height:20px; background:url('../img/content/calendar_pop_close.png') center / 16px no-repeat; text-indent:-9999px; overflow:hidden; position:absolute; top:18px; right:18px;}
.performanceCalendar__table .itemLayer__wrap{display:flex;}
.performanceCalendar__table .itemLayer__img{width:200px; line-height:1;}
.performanceCalendar__table .itemLayer__cont{flex:1; margin-left:25px; display:flex; flex-direction:column;}

.performanceCalendar__table .itemLayer__cont .category{display:flex; align-items:center; position:relative; font-size: 15px; font-weight: 600; margin-bottom: 8px;}
.performanceCalendar__table .itemLayer__cont .category::before{display:flex; min-width:20px; height:20px; border-radius:100%; justify-content:center; align-items:center; font-size:12px; font-weight: 500; margin-right:8px;}
.performanceCalendar__table .g .itemLayer__cont .category::before{content:'G'; color:#fff; background:#ea4b47;}
.performanceCalendar__table .m .itemLayer__cont .category::before{content:'M'; color:#fff; background:#0097bd;}
.performanceCalendar__table .ch .itemLayer__cont .category::before{content:'CH'; color:#fff; background:#c36d15;}
.performanceCalendar__table .s .itemLayer__cont .category::before{content:'S'; color:#fff; background:#0a9e45;}
.performanceCalendar__table .e .itemLayer__cont .category::before{content:'E'; color:#fff; background:#010101;}

.performanceCalendar__table .n .itemLayer__cont .category::before{content:'N'; color:#fff; background:#8c29d8;}
.performanceCalendar__table .l .itemLayer__cont .category::before{content:'L'; color:#fff; background:#2832cc;}
.performanceCalendar__table .g2 .itemLayer__cont .category::before{content:'G'; color:#fff; background:#00daff;}
.performanceCalendar__table .lg .itemLayer__cont .category::before{content:'LG'; color:#fff; background:#A50034;}

.performanceCalendar__table .c .itemLayer__cont .category::before{content:'C'; color:#fff; background:#f421a2;}
.performanceCalendar__table .p .itemLayer__cont .category::before{content:'P'; color:#fff; background:#930d71;}
.performanceCalendar__table .s2 .itemLayer__cont .category::before{content:'S'; color:#fff; background:#0e0e71;}
.performanceCalendar__table .d .itemLayer__cont .category::before{content:'D'; color:#fff; background:#a286d9;}

.performanceCalendar__table .a .itemLayer__cont .category::before{content:'A'; color:#fff; background:#5087ba;}
.performanceCalendar__table .a1 .itemLayer__cont .category::before{content:'A1'; color:#fff; background:#0c868f;}
.performanceCalendar__table .a2 .itemLayer__cont .category::before{content:'A2'; color:#fff; background:#06a177;}
.performanceCalendar__table .cs .itemLayer__cont .category::before{content:'CS'; color:#fff; background:#752620;}
.performanceCalendar__table .ss .itemLayer__cont .category::before{content:'SS'; color:#fff; background:#cc5550;}
.performanceCalendar__table .ac .itemLayer__cont .category::before{content:'AC'; color:#fff; background:#0c6318;}
.performanceCalendar__table .os .itemLayer__cont .category::before{content:'OS'; color:#fff; background:#f39c20;}
.performanceCalendar__table .oe .itemLayer__cont .category::before{content:'OE'; color:#fff; background:#626262;}

.performanceCalendar__table .itemLayer__cont .subject{font-size:22px; color:#000; font-weight:600; line-height: 135%;}
.performanceCalendar__table .itemLayer__cont .date{font-size:17px; color:#000; font-weight:500; margin-top: 15px;}
.performanceCalendar__table .itemLayer__cont a{margin-top: auto; line-height:38px; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2); padding: 0 35px 0 15px; width: fit-content; background: url('../img/content/btn_pop_add.png') calc(100% - 15px) center / 6px auto #ffea00 no-repeat; border:2px solid #000; font-size:15px; color:#000; font-weight: 600;}

.performanceCalendar__list {border-top: 2px solid #000; margin-top:20px; display:none;}
.performanceCalendar__list li{border-bottom: 1px solid #000; padding-bottom: 5px;}
.performanceCalendar__list li a {display: block; font-size: 15px; font-weight: 500; padding: 12px 10px 12px 40px; background-color: #ebebeb; position: relative;}
.performanceCalendar__list li a::before{display:flex; width: 20px; height: 20px; border-radius:100%; justify-content:center; align-items:center; font-size:12px; font-weight:500; margin-right:10px; position: absolute; left: 10px; top: 13px;}
.performanceCalendar__list li.g a::before{content:'G'; color:#fff; background:#ea4b47;}
.performanceCalendar__list li.m a::before{content:'M'; color:#fff; background:#0097bd;}
.performanceCalendar__list li.ch a::before{content:'CH'; color:#fff; background:#c36d15;}
.performanceCalendar__list li.s a::before{content:'S'; color:#fff; background:#0a9e45;}
.performanceCalendar__list li.e a::before{content:'E'; color:#fff; background:#010101;}

.performanceCalendar__list li.n a::before{content:'N'; color:#fff; background:#8c29d8;}
.performanceCalendar__list li.l a::before{content:'L'; color:#fff; background:#2832cc;}
.performanceCalendar__list li.g2 a::before{content:'G'; color:#fff; background:#00daff;}
.performanceCalendar__list li.lg a::before{content:'G'; color:#fff; background:#00daff;}

.performanceCalendar__list li.c a::before{content:'C'; color:#fff; background:#f421a2;}
.performanceCalendar__list li.p a::before{content:'P'; color:#fff; background:#930d71;}
.performanceCalendar__list li.s2 a::before{content:'S'; color:#fff; background:#0e0e71;}
.performanceCalendar__list li.d a::before{content:'D'; color:#fff; background:#a286d9;}

.performanceCalendar__list li.a a::before{content:'A'; color:#fff; background:#5087ba;}
.performanceCalendar__list li.a1 a::before{content:'A1'; color:#fff; background:#0c868f;}
.performanceCalendar__list li.a2 a::before{content:'A2'; color:#fff; background:#06a177;}
.performanceCalendar__list li.cs a::before{content:'CS'; color:#fff; background:#752620;}
.performanceCalendar__list li.ss a::before{content:'SS'; color:#fff; background:#cc5550;}
.performanceCalendar__list li.ac a::before{content:'AC'; color:#fff; background:#0c6318;}
.performanceCalendar__list li.os a::before{content:'OS'; color:#fff; background:#f39c20;}
.performanceCalendar__list li.oe a::before{content:'OE'; color:#fff; background:#626262;}

.performanceCalendar__list li .itemLayer{display:none;}

.performanceCalendar .tabs-st1.li4{display: flex;}
.performanceCalendar .tabs-st1.li4 > li{word-break: break-word;}

.youtubImgDiv{ left: 33%; top: 70%; transform: translate(-25%, -74%); position: absolute; }

/* 230310 고객의 소리 버튼 추가 */
.sound{position: relative;}
.sound .item4, .faq .item4{position: absolute; right:0; top: 6px; display: flex; gap: 5px;}
.sound .item4 > a, .faq .item4 > a{min-width: 8em; height: 3em; line-height: 3em;}
.btn_w_in{margin-top:0 !important;}

/* 230310 faq 버튼 추가 */
.bbs-category.faq{display: flex; justify-content: space-between; align-items: center; margin-bottom: 3em}
.faq .item4{position: relative; top: auto; order: 2;}
.faq .bbs-sch_w-st1{margin-bottom: 0; order: 3;}

/* 230626 모바일 설문조사 추가 */
#mobile_survey{margin: 0 auto; background-image: none; color: #333; max-width: 720px;}
#mobile_survey .inner{padding-right:1rem; padding-left: 1rem;}
#mobile_survey .top{height:5.00rem; position: relative; padding: 20px 0;}
#mobile_survey .top #logo{left: 0; transform: translateY(-50%);display: block; width: 210px; height: 45px; background: url(../../commons/img/common/logo_new.png) center center no-repeat; background-size: 100%; white-space: nowrap; overflow: hidden; text-indent: -999px}
#mobile_survey h2{background: #000; padding: 20px 0; color: #fff; font-size: 20px; font-weight: 400}
#mobile_survey .close {width: 30px; height: 30px; position: absolute; right: 0; top: 50%;    transform: translateY(-50%);}
#mobile_survey .close:before, #mobile_survey .close:after {position: absolute; content: ' ';    height: 1px; width: 100%; background-color: #000; right: 0;}
#mobile_survey .close:before {transform: rotate(45deg);}
#mobile_survey .close:after {transform: rotate(-45deg);}
#mobile_survey .notice{padding: 30px 0; color: #565656; border-bottom: 1px solid #ddd;}

#survey-modal .item{opacity: 0; visibility: hidden; height: 0; position: absolute; top: 0; overflow: hidden;}
#survey-modal .item.show{opacity: 1; visibility: visible; height: auto; position: relative;}

#survey-modal h3.tit{position: relative; font-size: 22px; margin: 25px 0 15px; padding-left: 15px;}
#survey-modal h3.tit::before{position: absolute; width: 8px; height: 8px; background: #333; content: ''; display: block; top: 13px; left: 0;}
#survey-modal .q1 .survey-list{border-top: 2px solid #333;}
#survey-modal .survey-list > li{display: flex; border-bottom: 1px solid #ddd; }
#survey-modal .survey-list > li .tit , #survey-modal .survey-list > li .radiobox_w{padding: 20px 10px;}
#survey-modal .survey-list > li .tit{width: 120px; background: #f4f4f4; text-align: center;}
#survey-modal .radiobox_w{display: flex; gap: 30px; flex-wrap: wrap; width: calc(100% - 120px); row-gap: 5px;}
#survey-modal .radiobox_w > li{display: flex; align-items: center; gap: 6px; flex-wrap: wrap;}

#survey-modal .q_tit{border-top: 2px solid #333; background: #f4f4f4; padding: 20px 10px; position: relative; color: #ae4a00; font-weight: 500; padding-left: 70px; font-size: 18px;}
#survey-modal .q_tit .num{display: block; content: ''; position: absolute; width: 40px; height: 40px; background: #ae4a00; border-radius: 100%; left: 15px; top: 50%; transform: translateY(-50%); color: #fff;text-align: center; line-height: 37px;}

#survey-modal .radiobox_w input[type="radio"]{position: absolute; left: -9999px;}
#survey-modal .cont textarea{min-height: 200px; resize: none; width: 100%; border: none; padding: 10px; background-color: #fafafa;}
#survey-modal .radiobox_w label{font-size: 18px}
#survey-modal .radiobox_w label:before{width: 17px; height: 17px; background: #f4f4f4; border: 1px solid #ddd; border-radius: 100%; text-align: center; line-height: 17px; display: inline-block; top: 0; position: relative; color: #787878; font-size: 13px; margin-right: 6px}
#survey-modal .radiobox_w input:checked + label:before{background: #ae4a00; border-color: transparent; color: #fff;}

#survey-modal .survey-list .survey_item > .tit {font-size: 18px;}

@media screen and (max-width:500px){
    #survey-modal .radiobox_w.line1 > li {display: block;}
}

.radiobox_w > li:nth-child(1) label:before{content: '1'}
.radiobox_w > li:nth-child(2) label:before{content: '2'}
.radiobox_w > li:nth-child(3) label:before{content: '3'}
.radiobox_w > li:nth-child(4) label:before{content: '4'}
.radiobox_w > li:nth-child(5) label:before{content: '5'}
.radiobox_w > li:nth-child(6) label:before{content: '6'}
.radiobox_w > li:nth-child(7) label:before{content: '7'}
.radiobox_w > li:nth-child(8) label:before{content: '8'}
.radiobox_w > li:nth-child(9) label:before{content: '9'}
.radiobox_w > li:nth-child(10) label:before{content: '10'}
.radiobox_w > li:nth-child(11) label:before{content: '11'}
.radiobox_w > li:nth-child(12) label:before{content: '12'}

.radiobox_w.reverse > li:nth-child(1) label:before{content: '5'}
.radiobox_w.reverse > li:nth-child(2) label:before{content: '4'}
.radiobox_w.reverse > li:nth-child(3) label:before{content: '3'}
.radiobox_w.reverse > li:nth-child(4) label:before{content: '2'}
.radiobox_w.reverse > li:nth-child(5) label:before{content: '1'}


.survey-list-st2 > li, #survey-modal .item .cont .radiobox_w{border-bottom: 1px solid #ddd; padding: 20px 10px; width: 100%;}
.survey-list-st2 > li .tit{font-weight: 500; margin-bottom: 10px;}

#survey-modal .item .cont:not(:last-child){margin-bottom: 30px;}

#mobile_survey .btn-wrap{margin-top: 30px; display: flex; gap: 20px;}
#mobile_survey .btn-wrap > button{flex:1; background: #000; color: #fff;padding: 15px 10px; border-radius: 10px;}
#mobile_survey .prev-btn{background: #fff !important; color: #000 !important; border: 1px solid #000; display: none;}
#mobile_survey .prev-btn.active{display: block;}
#mobile_survey .next-btn.active{display: block;}
#mobile_survey .next-btn{display: none;}
#mobile_survey .submitBtn{display: none;}
#mobile_survey .submitBtn.active{display: block;}

#mobile_survey .sns{padding: 30px 10px; text-align: center; border-top: 2px solid #333; background: #f4f4f4; border-bottom: 1px solid #ddd;}
#mobile_survey .sns .tit{font-size: 22px; font-weight: 700; word-break: keep-all;}
#mobile_survey .sns_w{display: flex; gap: 30px; justify-content: center;}


/* 230926 개인정보처리방침 수정 */
.tbl-st_op{width: 100%; border-top: 1px solid #767676; border-bottom: 1px solid #767676; margin-bottom: 50px;}
.tbl-st_op th{padding: 7px 10px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; color: #222; vertical-align: middle; line-height: 1.4; text-align: center; font-weight: 700; background: #f4f6f7;}
.tbl-st_op th:first-child, .tbl-st_op td:first-child{border-left: 0}
.tbl-st_op th:last-child, .tbl-st_op td:last-child{border-right: 0}
.tbl-st_op td{text-align: center; padding: 7px 0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.tbl-st_op td > img{display: block; margin: 10px auto;}
.tbl-st_op._list td{line-height: 2.3; padding: 15px 20px; text-align: left;}
.op_simg{position: relative; margin-left: 5px; top: 7px;}


/* 240327 개인정보처리방침 수정 */
.img_box{
    border: #dddddd solid 1px;
    padding: 60px 10px;
    text-align: center;
}
.personal_info_area .tit_main{
    margin:6rem 0 1.5rem 0;
    font-size: 22px;
    font-weight: 700;
    color: #000;
}
.tit_main:nth-of-type(1){margin:5rem 0 1.5rem 0;}
.txtc{text-align: center;}
.label_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    position: relative;
}
.label_box{
    width: calc((100% / 3) - 20px);
    height: 210px;
    padding: 2rem 3rem;
    border: #c3c3c3 solid 1px;
    display: flex;
    flex-flow:column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-bottom: 2rem;
    background: #fff;
    position: relative;
}
.label_box:hover{
    border: 1px solid #000000;
    box-shadow: rgba(0,0,0,0.15) 5px 5px 8px;
}
.label_box:hover::after{content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    background: #fff;
    transform:rotate(45deg);
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    position: absolute;
    left:50%;
    top:calc(100% - .45rem);
}
.label_box div[id^="label_layer_"]{display: none; }
.label_box:hover div[id^="label_layer_"],
.label_box:focus div[id^="label_layer_"]{display: block; }
.label_cnt {
    font-size: 18px;
    margin-top: 2rem;
    color: #111;
}
.label_layer{
    position: absolute;
    background: #fff;
    border: 1px solid #000;
    width: calc(100vw - 0.938rem - 0.938rem);
    max-width: 1400px;
    z-index: 1;
    box-shadow: rgba(0,0,0,0.15) 5px 5px 8px;
}
.label_layer.num0, .label_layer.num3 {left:-2px;}
.label_layer.num0, .label_layer.num4{top:110%;}
.label_layer.num1, .label_layer.num3{top:110%;}
.label_layer.num2, .label_layer.num5{top:110%;right: -1px;}
.label_desc_top{
    width: 100%;
    padding: 10px;
    background: #e6e6e6;
    color: #000;
    font-size: 20px;
    border-bottom: #000 solid 1px;
}
.label_desc_btm{
    width: 100%;
    padding: 30px 40px 40px;
}
.label_desc_btm > p{
    font-size: 18px;
}
.label_desc_btm > p + *{
    margin-top: 30px !important;
}
.desc_wrap{
    display: flex;
    flex-wrap:wrap;
}
@media screen and (max-width: 768px) {
    .personal_info_area {display: none;}
}


@media screen and (max-width: 1440px) {
    .performanceCalendar__table {width: calc(100% + 10px); margin-left: -10px;}
    .performanceCalendar__table thead th {padding: 10px 10px 30px;}
    .performanceCalendar__table thead th::before,
    .performanceCalendar__table thead th::after,
    .performanceCalendar__table tbody td::after {width: 20px; left: -10px;}
}
@media screen and (max-width:1400px){
    .mobile-ticket_list li{padding-right:20px;}
    .mobile-ticket_list li::after{display:none;}

    .btn-grade{right: .938rem}

    .bbs-category.faq{display: block; margin-bottom: 8em}
    .faq .item4{position: absolute; bottom: 0; width: 100%; bottom: -5em; width: 100%;}
}
@media screen and (max-width:1200px){
    .mobile-ticket_list{flex-wrap:wrap;}
    .mobile-ticket_list li{width:100%; padding-right:0; margin-bottom:30px;}
    .mobile-ticket_list.st1 li:nth-child(-n + 3){margin-bottom:30px;}
    .mobile-ticket_list.st1 li:not(:nth-child(-n + 3)){margin-top:0;}
    .mobile-ticket_list.st1 li:nth-child(5),
    .mobile-ticket_list.st1 li:nth-child(7){padding-top:0;}
}
@media screen and (max-width:1350px){
    .sound .item4{position: relative; right:auto; top: auto;margin-top: 1.429em;}
}
@media screen and (max-width:1024px){
    .mobile-ticket_list{margin:1rem;}
    .mobile-ticket_title + .ticket_com > ul > li.group .tit{margin:1rem 1rem 2rem;}
    .my_state_renew{padding-top: 1.5rem;}
    .btn-grade{position: static; float: right; margin-top: 1.5em;}
    .grade_graph.per80{margin-top: 80px;}
    .performanceCalendar__category{flex-wrap:wrap;}
}
@media screen and (max-width:768px){
    .mobile-txt{display:block; margin:0 0 20px 0; font-size: 13px;}
    .mobile-ticket_title{flex-wrap:wrap;}
    .mobile-ticket_title .title{width:100%;}
    .mobile-ticket_title .title br{display:none;}
    .mobile-ticket_list li .title span{margin:0 10px 0 0;}
    .mobile-ticket_title .txt{width:100%; margin:20px 0 0;}

    .mobile-ticket_list.st3 li .wrap{padding-left:0px;}
    .mobile-ticket_list.st3 li .wrap::before{display:none;}

    .mobile-ticket_guide{flex-wrap:wrap; padding:20px 1rem; height:auto;}
    .mobile-ticket_guide p{width:auto; height:auto; background:transparent; border:0; border-radius:0; padding:0;}
    .mobile-ticket_guide p::before{display:none;}
    .mobile-ticket_guide ul{width:100%; flex:auto; margin:20px 0 0;}

    .grade_box > li{width: 49.5%; margin-bottom: .5%;}
    .mem-steps li{padding: 1.5rem}
    .membership_new .tit .t{font-size: 2.8rem;margin: 15px 0;}
    .membership_new .info{margin: 30px 0 50px; padding: 1.5rem 0}
    .grade_box .box{padding: 15px}
    .grade_box .x{padding: 10px 0}
    .grade_box .x1 > div{margin-top: 15px;}
    .grade_box .add{margin-top: 10px;}
    .box_foot{display: block; padding: 1.5rem}
    .box_foot > *{display: block; width: 100% !important}
    .box_foot .ico{padding: 0; margin-bottom: 1.5em;}
    .box_foot .ico .in{width: 8rem; height: 8rem; margin: 0 auto;}

    .performanceCalendar__info2 {display: block;}
    .performanceCalendar__info2 .performanceCalendar__category {justify-content: center; gap: 10px 0; flex-wrap: wrap; margin: 0 auto; max-width: 290px; width: 85%;}
    .performanceCalendar__info2 .list_type {float: right; margin: 15px 0 10px;}
    .performanceCalendar__info2 > div {margin-top: 20px; text-align: center;}

    .performanceCalendar__table {width: calc(100% + 5px); margin-left: -5px;}
    .performanceCalendar__table thead th {font-size: 17px; text-align: center; border-top: none;}
    .performanceCalendar__table thead th span {display: none;}
    .performanceCalendar__table tbody td{border-left: none; border-right: none; padding: 8px 0; text-align: center; height: auto;}
    .performanceCalendar__table tbody td .icon span {display: inline-block;}

    .performanceCalendar__item .item {width:20px; height:20px; display:flex; align-items:center; justify-content:center; overflow:hidden; margin: 0;}
    .performanceCalendar__item .item li{display:none;}

    .performanceCalendar__list.active{display:block;}

    .performanceCalendar__category li{font-size: 14px; width: 50%;}
    .performanceCalendar__category li::before {width: 26px; height: 26px; margin-right: 8px;}
    .performanceCalendar__category li:not(:last-child){margin-right: 0;}
    .performanceCalendar__table .item{height: auto; width: auto}
    .performanceCalendar__table .item::before{margin: 0 auto;}
    .performanceCalendar__table tbody td .day{line-height: 1; font-size: 14px;}
    .performanceCalendar__info{margin-bottom: 20px;}
    .performanceCalendar__info select{font-size: 24px; background-size: 11px auto; padding-right: 20px;}
    .performanceCalendar__info select:nth-of-type(1) {margin-right: 15px;}
    .performanceCalendar__info select option {font-size: 15px;}
    .performanceCalendar__info button{width: 32px; height: 32px; border-width: 1px; background-size: 15px auto;}
    .performanceCalendar__info button.prev{margin-right: 15px;}
    .performanceCalendar__info button.next{margin-left: 15px;}
    .performanceCalendar__table thead th{padding-bottom: 15px;}

    .performanceCalendar__table thead th::before,
    .performanceCalendar__table thead th::after,
    .performanceCalendar__table tbody td::after {width: 10px; left: -5px;}
}
@media screen and (max-width:720px){
    .mypage_top_w .inner{text-align: center;}
    .btn-grade{float: none}
    .grade_graph .add{top: -95px; word-break:keep-all;;}

    .grade_graph.per15 .graph:before{width: 12%}
    .grade_graph.per40 .graph:before{width: 37%}
    .grade_graph.per65 .graph:before{width: 62%}
    .grade_graph.per80 .graph:before{width: 87%}

    .grade_graph.per15 .graph:after{left: 12%}
    .grade_graph.per40 .graph:after{left: 37%}
    .grade_graph.per65 .graph:after{left: 62%}
    .grade_graph.per80 .graph:after{left: 87%;}

    .sound .item4{flex-wrap: wrap;}

    .faq .item4 > a{width: 25%; min-width: auto;}
}

.ovx-auto{overflow-x: auto;}
.ovx-auto th,.ovx-auto td{white-space: nowrap;}
.ovx-auto .block-mob{display: none;}

@media screen and (max-width:480px){
    .faq .item4{flex-wrap: wrap; justify-content: space-between;bottom: -7.3em;}
    .faq .item4 > a{width: calc(50% - 5px);}

    /* 230626 모바일 설문조사 추가 */
    #mobile_survey .top #logo{width: 170px;}
    #survey-modal .radiobox_w{width: 100%;}
    #survey-modal .survey-list > li .tit{text-align: left;}
    #survey-modal .survey-list > li{flex-direction: column;}
    #survey-modal .survey-list > li .tit, #survey-modal .survey-list > li .radiobox_w{width: 100%;}
}
@media screen and (max-width: 425px) {
    .performanceCalendar__info2 .performanceCalendar__category {justify-content: flex-start;}
}
@media screen and (max-width: 375px) {
    .performanceCalendar__info button.prev {margin-right: 10px;}
    .performanceCalendar__info button.next {margin-left: 10px;}
    .performanceCalendar__info select {font-size: 20px;}
    .performanceCalendar__info select:nth-of-type(1) {margin-right: 10px;}
    .performanceCalendar__table tbody td .icon {min-height: 21px;}
    .performanceCalendar__table tbody td .icon span {width: 4px; height: 4px;}
}

.performanceCalendar__table tbody td{position: relative;}
.sch-etc_w{position: absolute; left: 0; bottom: 0; width: 100%;}
.sch-etc_w button{width: 100%; height: 30px; border-top: 1px solid #e2e2e2; font-size: 0;}
.sch-etc_w button .ico{position: relative;}
.sch-etc_w button .ico,
.sch-etc_w button .ico:before,
.sch-etc_w button .ico:after{width: 4px; height: 4px; background: #727272; border-radius:50%; display: inline-block;}
.sch-etc_w button .ico:before,
.sch-etc_w button .ico:after{content: ''; position: absolute;}
.sch-etc_w button .ico:before{left: -7px}
.sch-etc_w button .ico:after{right: -7px}
.sch-etc{position: absolute; left: 0; top:calc(100% + 5px); border:1px solid #000; width: 496px; box-shadow:3px 3px 5px rgba(0,0,0,.15); background: #fff; display: none;}
.sch-etc .item{margin-top: 0;}
.sch-etc .item li{width:100%; border-top: 1px solid #e2e2e2; margin: 0 !important;padding: 10px 20px;}
.sch-etc .item li:first-child{border-top: 0;}
.sch-etc .item li:hover{background: #f5f5f5}
.sch-etc .item > li > a{flex:1}

.performanceCalendar__table tr td:nth-child(n+5) .sch-etc{left: auto; right: 0}
.performanceCalendar__table tr td:nth-child(n+5) .sch-etc:after{left: auto; right: 25px}
.performanceCalendar__table .sch-etc .itemLayer{left: 50%; margin-top: -1px;}
.performanceCalendar__table .sch-etc td:nth-child(n + 5) .itemLayer{}

.sch-etc:after{
    content: '';
    position: absolute;
    top: 0;
    left: 25px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #000;
    border-top: 0;
    margin-top: -6px;
}

.spon-top{border:1px solid #000; display: flex; font-size: 1.125rem; word-break:keep-all}
.spon-top .txt{width:45%; padding: 60px}
.spon-top .map{width: 55%}
.spon-top .in{min-height: 100%}
.spon-top #map{height: 100%; width: 100%}
.spon-top .c{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; line-height: 1.15; color: #777; line-height: 1.5;}
.spon-top .t{font-size: 38px; font-weight: 700; color: #111; line-height: 1.15; margin-bottom: 25px;}
.spon-top .t strong{background: #000; color: #fff; width: 38px; height: 38px; font-size: 30px; font-weight: 700; border-radius:50%;     align-items: center;  justify-content: center;display: inline-flex}
.spon-top .caution{display: flex}
.spon-top .caution .l{width: 97px; color: #333; font-weight: 700;}
.spon-top .caution .ico{font-size: 30px;; width: 50px; height: 50px; border-radius:50%; display: flex; color: #666; font-weight: 700; align-items: center;  justify-content: center; border:1px solid #bdbdbd; margin-top: 10px;}
.spon-top .caution .r{flex:1; color: #666; font-size: 1rem;}

.facility .underline{background: linear-gradient(to top, #ffe800 20%, transparent 20%);}

.map-info{padding: 5px; white-space: nowrap; padding: 5px 10px; text-align: center; font-weight: 500; font-size: 1rem;}


/* ------------------------------------------------------ */
/* 티켓수령방법 */
.digital-ticket_title{display:flex; margin-bottom:80px;}
.digital-ticket_title .title{font-size:2.375rem; color:#222; font-weight:600; line-height:1;}
.digital-ticket_title .txt{font-size:1.125rem; color:#222; font-weight:300; margin:0 0 0 100px; flex:1; word-break:keep-all;}

.digital-ticket_title + .ticket_com > ul > li.group{position:relative; padding:0;}
.digital-ticket_title + .ticket_com > ul > li.group .tit{margin:70px;}

.digital-ticket_list{margin:-25px 70px 75px;}
.digital-ticket_list li{position: relative; width: 416px; margin: 25px 0;}
.digital-ticket_list li ~ li {margin-left: 64px;}
.digital-ticket_list li .title{font-size:1.375rem; color:#222; font-weight:600; line-height:1; margin:0 0 30px;}
.digital-ticket_list li .title span{font-size:1.125rem; color:#ffe800; font-weight:inherit; display:inline-block; width:40px; height:40px; border-radius:100%; margin:0 20px 0 0; text-align:center; line-height:40px;}
.digital-ticket_list li img{ margin:0 0 30px; max-width: 300px; width: 100%;}
.digital-ticket_list li .txt{font-size:1rem; color:#666; font-weight:300; letter-spacing:-0.06em; margin-bottom:0; max-width: 300px; width: 100%;}
.digital-ticket_list li .txt strong{font-weight:600; color:#222;}
.digital-ticket_list li::after{content:''; position: absolute; right: 0; top: 0; width:52px; height:755px; background:url('../image/digital_ticket_arrow.svg') no-repeat center/cover;}
.digital-ticket_list li:nth-child(3n) {width: 300px;}
.digital-ticket_list li:nth-child(3n):after {display: none;}
.digital-ticket_list li:nth-child(3n+1) {margin-left: 0;}
.digital-ticket_list li.full {display: flex; width: 100%;}
.digital-ticket_list li.full img {margin-right: 53px; margin-bottom: 0; max-width: 778px;}
.digital-ticket_list li.full:after {display: none;}
.digital-ticket_list li.full .txt {width: 100%;}


.digital-ticket_list.st1{display:flex; flex-wrap:wrap; width: calc(100% - 138px);}
.digital-ticket_list .title span{background:#000; color: #ffe800;}

.digital-ticket_list.st1 li .img{font-size:0;}
.digital-ticket_list.st1 li .img img:first-child{margin-right:10px;}


.digital-ticket_list.st2{display:flex; flex-wrap:wrap; width: calc(100% - 138px);}
.digital-ticket_list.st2 li .img{font-size:0;border: 1px solid #000000;}
.digital-ticket_list.st2 li .img img:first-child{margin-right:10px;}
.digital-ticket_list.st2 li:last-child:after {display: none;}


.digital-ticket_list.st3{display:flex; flex-wrap:wrap; width: calc(100% - 138px);}
.digital-ticket_list.st3 li .img{font-size:0;border: 1px solid #000000;}
.digital-ticket_list.st3 li .img img:first-child{margin-right:10px;}
.digital-ticket_list.st3 li:last-child:after {display: none;}


.digital-ticket_list.st4{display:flex; flex-wrap:wrap; width: calc(100% - 138px);}
.digital-ticket_list.st4 li .img{font-size:0;border: 1px solid #000000;}
.digital-ticket_list.st4 li .img img:first-child{margin-right:10px;}
.digital-ticket_list.st4 li:last-child:after {display: none;}


.digital-ticket_list.st5{display:flex; flex-wrap:wrap; width: calc(100% - 138px);}
.digital-ticket_list.st5 li .img{font-size:0;border: 1px solid #000000;}
.digital-ticket_list.st5 li .img img:first-child{margin-right:10px;}
.digital-ticket_list.st5 li:last-child:after {display: none;}



.digital-ticket_guide{background:#f4f4f4; display:flex; align-items:center; padding:50px 70px;}
.digital-ticket_guide p{font-size:1rem; color:#666; font-weight:500; width:140px; height:140px; background:#fff; border:1px solid #bdbdbd; border-radius:100%; text-align:center; padding:36px 0 0; line-height:1;}
.digital-ticket_guide p::before{content:'!'; font-size:3.188rem; font-weight:600; display:block;}
.digital-ticket_guide ul{margin-left:50px; flex:1;}
.digital-ticket_guide ul li{font-size:1rem; color:#666; font-weight:300; line-height:1.3; word-break:keep-all; position:relative; padding-left:15px;}
.digital-ticket_guide ul li::before{content:''; display:block; width:3px; height:3px; background:#000; margin:0 10px 0 0; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.digital-ticket_guide ul li:not(:last-child){margin:0 0 10px;}



/* 서울시발레단 */
.ballet > div {margin-bottom: 40px; position: relative; font-size: 16px;}
.ballet > div > *:last-child {padding: 0 10px; font-size: 19px;}
.ballet > div > *:last-child::after {content: ""; display: block; clear: both;}
.ballet .tit {font-size: 24px; font-weight: 500; padding: 10px; border-bottom: 4px solid #000;}
.ballet .tit p {font-size: 16px; padding: 4px 0 6px;}
.ballet p.desc {font-size: 36px; font-weight: 500; margin: 40px auto; text-align: center; word-break: keep-all; max-width: 1000px;}
.ballet p.desc + video {float: left; margin-right: 20px; max-width: 600px; width: 100%; height: auto;}
.ballet p.desc + video + div {float: right; width: calc((100% - 620px));}

@media screen and (max-width: 1024px) {
    .ballet p.desc + video {max-width: 400px;}
    .ballet p.desc + video + div {width: calc((100% - 420px));}
}
@media screen and (max-width: 768px) {
    .ballet .tit {font-size: 20px;}
    .ballet .tit p {font-size: 15px;}
    .ballet p.desc {font-size: 30px; margin: 30px 0;}
    .ballet p.desc + video {display: block; float: none; margin: 0 auto 30px;}
    .ballet p.desc + video + div {width: 100%; float: none;}
}

.dropLst {position: absolute; top: 0; right: 10px; min-width: 200px;}
.dropLst .txt {
    position: relative;
    display: block;
    height: 45px;
    padding: 6px 40px 6px 10px;
}
.dropLst .txt:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 10px;
    margin-top: -5px;
    top: 50%;
    right: 15px;
    background: url('../img/ballet/ballet_select.png') center / 18px auto no-repeat;
}
.dropLst .txt.active:after, .dropLst .txt.on:after {transform: rotate(180deg);}
.dropLst .hidradio {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: -1;
    top: 5px;
    left: 5px;
}
.dropLst .dlst {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 9;
    min-width: 100%;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
}
.dropLst ul {
    margin-top: -1px;
    background-color: #fff;
    max-height: 460px;
    padding: 5px 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
}
.dropLst ul > li {position: relative;}
.dropLst ul > li > label {display: block; position: relative; cursor: pointer;}
.dropLst ul > li > label > span {display: block;}
.dropLst ul > li > a:hover,
.dropLst ul > li > label:hover > span,
.dropLst ul > li > label.hover > span {background-color: #f3f3f3;}

.dropLst .txt, .dropLst ul {border: 1px solid #d7d7d7;}
.dropLst .txt, .dropLst li span, .dropLst li a {line-height: 33px; white-space: nowrap;}
.dropLst li span, .dropLst li a {padding: 0 14px; display: block;}
.dropLst li a.selected, .dropLst li a.on, .dropLst li label.on span {background-color: #f3f3f3; color: #000; font-weight: bold;}

@media screen and (max-width: 768px) {
    .dropLst {min-width: 160px;}
}
@media screen and (max-width: 425px) {
    .ballet .tit.select {padding-bottom: 70px;}
    .dropLst {width: calc(100% - 20px); top: 50px;}
}

.member_list .list {margin: 0 auto; max-width: 1238px; position: relative; overflow: hidden;}
.member_list .list:after {content: ""; display: block; clear: both;}
.member_list .list + .list {border-top: 1px solid #000;}
.member_list .list > li {
    display: inline-block;
    padding: 40px 9px 30px;
    box-sizing: border-box;
    width: 174px;
    text-indent: 0;
    vertical-align: top;
}
.member_list .list > li:before {
    content: "";
    margin-top: 285px;
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    background-color: #dad7e4;
}
.member_list .list > li > p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
}

.member_list .list .info {position: relative;}
.member_list .figure {
    border: 1px solid #dad7e4;
    width: 154px;
    height: 189px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.member_list .figure img {width: 100%;}
.member_list .figure .btn_info {
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    color: #ccc;
    font-size: 14px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.member_list .figure .btn_info > em:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    top: -1px;
    position: relative;
    background: url('../img/ballet/prop.png') no-repeat 0 0;
    width: 12px;
    height: 12px;
    margin-left: 6px;
}
.member_list .name {padding-top: 20px; font-weight: bold; color: #333;}
.member_list .work {padding-top: 3px; color: #727272; font-size: 14px;}
.member_list .work + p {padding-top: 3px; color: #727272; font-size: 12px;}

@media screen and (max-width: 1024px) {
    .member_list .list {max-width: 883px;}
}
@media screen and (max-width: 768px) {
    .member_list .list {max-width: none; display: flex; overflow-x: auto;}
    .member_list .list::-webkit-scrollbar {width: 12px; height: 12px;}
    .member_list .list::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 10px;
        background-clip : padding-box;
        border: 3px solid transparent;
    }
}
@media screen and (max-width: 426px) {
    .mhide {display: none;}
}

.dimm {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
}
.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}
.popup .btn_popup_close {
    position: absolute;
    width: 30px;
    height: 30px;
    background: url('../img/ballet/popup_close.png') center / 20px no-repeat;
    z-index: 1;
    top: 25px;
    right: 25px;
}
.popup .btn_popup_close em {
    position: absolute;
    z-index: -1;
    overflow: hidden;
    text-indent: -999px;
}
.popup_content {
    padding: 30px;
    background-color: #fff;
    position: relative;
    box-shadow: 0 0 2px rgba(0,0,0,.4);
    display: inline-block;
}

.member_summary {position: relative; width: 540px; box-sizing: border-box;}
.member_summary:after {content: ""; display: block; clear: both;}
.member_summary .figure {
    border: 1px solid #dad7e4;
    width: 154px;
    min-height: 158px;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
}
.member_summary .figure img {width: 100%; position: absolute; top: 0; left: 0;}
.member_summary .detail {float: right; width: 360px;}
.member_summary .detail .info {padding-right: 40px; line-height: 22px; padding-bottom: 15px;}
.member_summary .detail .info > li {display: inline-block; vertical-align: middle; color: #727272;}
.member_summary .detail .info .name {font-size: 18px; color: #333; font-weight: bold; margin-right: 5px;}
.member_summary .scroll_area {
    position: relative;
    overflow-y: auto;
    height: 116px;
    padding: 14px;
    box-sizing: border-box;
    border: 1px solid #ebeaf0;
}
.member_summary .scroll_area .desc {
    line-height: 1.7;
    font-size: 14px;
    color: #666;
    word-break: keep-all;
    padding-right: 15px;
}
.member_summary .scroll_area .desc > p + p {margin-top: 5px;}

.ballet .intro {display: flex; justify-content: center; gap: 30px; padding: 30px 10px !important; max-width: 1238px; margin: 0 auto;}
.ballet .intro::after {display: none !important;}
.ballet .intro > li {width: 30%;}
.ballet .intro > li img {width: 100%;}
.ballet .intro p {font-size: 24px; margin-top: 10px; font-weight: 500; padding: 0 5px;}
.ballet .intro span {color: #b3b2b2; display: block; padding: 3px 5px;}

@media screen and (max-width: 768px) {
    .popup_content {padding: 30px 25px;}
    .popup .btn_popup_close {top: 15px; right: 15px;}
    .member_summary {width: 100%; min-width: 240px;}
    .member_summary .figure {float: none; margin: 0 auto 15px;}
    .member_summary .detail {float: none; width: 100%;}

    .ballet .intro {gap: 15px; flex-wrap: wrap;}
    .ballet .intro li {width: 50%;}
    .ballet .intro p {font-size: 20px; padding: 0;}
    .ballet .intro span {font-size: 15px; padding: 3px 0;}
}
@media screen and (max-width: 425px) {
    .ballet .intro li {width: 100%;}
}

.ballet .mov {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; padding: 30px 10px !important;}
.ballet .mov::after {display: none !important;}
.ballet .mov li {width: calc((100% / 3) - 20px);}
.ballet .mov li video {width: 100%;}
.ballet .mov li video[poster] {width: 100%;}
.ballet .mov li p {
    font-size: 24px;
    margin-top: 10px;
    font-weight: 500;
    padding: 0 5px;
}

html[xmlns*=""] .ballet .mov li video {height: auto;}
html[xmlns*=""] .ballet .mov li video[poster] {height: auto;}

@media screen and (max-width: 1024px) {
    .ballet .mov li {width: calc(50% - 15px);}
}
@media screen and (max-width: 768px) {
    .ballet .mov {flex-wrap: wrap; padding: 30px 0 !important;}
    .ballet .mov li {width: calc(100% - 30px); margin: 0 15px 15px;}
    .ballet .mov li p {font-size: 20px; padding: 0;}
}
/* 2024.03.27 모든 누구나 추가 */
.everything {
    padding: 0 45px;
}
.everything .movie {
    width: calc(100% - 80px);
    margin: 0 auto;
}
.everything .movie video{width: 100%;}
.everything > ul .cont {
    display: flex;
    justify-content: space-between;
    padding: 35px 40px;
}
.everything > ul .cont > *:nth-child(1){
    width: 465px;
}
.everything > ul .cont > *:nth-child(2){
    width: calc(100% - 490px);
    padding: 20px 0;
}
.everything > ul .cont > *:nth-child(2) p{
    padding: 35px 0 0;
}
.everything > ul .tit {
    border-bottom: #000 solid 4px;
    font-size: 24px;
    padding: 0 10px 10px 10px;
}
.everything > ul a {
    display: block;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 19px 10px;
    margin-top: 15px;
    font-size: 23px;
}
@media screen and (max-width: 1439px) {
    .everything > ul .cont > *:nth-child(1){width: 400px;}
    .everything > ul .cont > *:nth-child(2){width: calc(100% - 425px);}
}
@media screen and (max-width: 1023px) {
    .everything {padding: 0;}
    .everything > ul .cont {
        display: block;
        padding: 35px 0;
    }
    .everything > ul .cont > *:nth-child(1) img,
    .everything .movie,
    .everything > ul .cont > *:nth-child(1),
    .everything > ul .cont > *:nth-child(2){width: 100%;}
}
/*-- 2024.03.27 모든 누구나 추가  */