@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, button,samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;/*font:inherit;*/vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

body {
    font-family:'Noto Sans KR','Apple SD Gothic Neo','나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic','Nanum Barun Gothic',sans-serif;
    font-size:14px;
    overflow-y:auto;
    line-height:1;
    font-weight: 400; /* 900 / 700 / 500 / 400 / 300*/
    letter-spacing: -0.5px;
}
/* 다국어 */
/*:lang(ko) {font-family:'Noto Sans KR', 'Apple SD Gothic Neo','나눔고딕','Nanum Gothic', sans-serif;}*/ /* 2020-09-01 */
:lang(en) {font-family:'helvetica neue', sans-serif;}
:lang(zh) {font-family:'SimSun', 'MingLiU', 'Microsoft JhengHei', sans-serif;}
:lang(ja) {font-family: "MS PGothic", "MS PMincho", 'Meiryo', sans-serif;}

ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
input,select,textarea,button,label {border:none;}
.clear:after {content:"";display:block;clear:both;*zoom:1;}
a, a:hover, a:active {text-decoration:none;}
input, select {margin:0;padding:0;}
.hide {overflow: hidden; display:block; position:absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
.point_col {color:#d71343} /* 빨간색 */

/* float */
.float-l{float: left;}
.float-r{float: right;}

/* 마진 */
.mgr-t30 {margin-top: 30px;}
.mt-10 {margin-top: 10px}
.mt-20 {margin-top: 20px}

/* 숨기기 */
.display_none{display: none;}

/* 너비 */
.w500{width:500px !important;}
.w650{width:650px !important;}
.w950{width:950px !important;}
.w1000{width:1000px !important;}


/* 스크롤 - 크롬,사파리 */
.scroll_s::-webkit-scrollbar {width: 3px; height: 3px; margin-left: 5px;}
.scroll_s::-webkit-scrollbar-thumb {background-color: #d71343; border-radius: 10px;}
.scroll_s::-webkit-scrollbar-track {background-color: #e6e6e6; border-radius: 10px;}

/* 스크롤 - 파이어폭스 */
.scroll_s {
    scrollbar-width: thin;
    scrollbar-border-radius: 10px;
    scrollbar-color: #d71343 transparent;
    scrollbar-background-color: blue;
}

/* 스크롤 - IE */
.scroll_s {
    scrollbar-face-color: #e0e0e0;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: none;
    scrollbar-highlight-color: #e0e0e0;
    scrollbar-3dlight-color: none;
    scrollbar-shadow-color: #e0e0e0;
    scrollbar-darkshadow-color: none;
}


/*selectbox style*/
.selectbox {position:relative;display:inline-block;padding-left:15px;border:1px solid #d6d6d6;border-radius:5px;background: transparent url('/images/ico_dropdown.gif') 96% 50% no-repeat;text-align:left;cursor:pointer;}
/* .selectbox .ico {position:absolute;top:18px;right:17px;width:18px;height:10px;background:transparent url('/images/ico_dropdown.gif') 0 0 no-repeat;} */
.selectbox .placeholder {display:block;color:#000;font-weight:700;line-height:38px;z-index:1;cursor:pointer;}
.selectbox ul, .selectbox .inner_area {display:none;position:absolute;top:-1px;left:-1px;width:100%;height:auto;padding:0;background:#fff;box-shadow:0 2px 7px 0 rgba(0, 0, 0, 0.2);border:1px solid #d6d6d6;border-radius:5px;z-index:100;}
.selectbox li {padding-left:15px;border-top:1px solid #d6d6d6;text-align:left;line-height:38px;cursor:pointer;}
.selectbox li:first-child {border-top:none;border-radius:8px 8px 0 0;}
.selectbox li:last-child {border-radius:0 0 8px 8px;}
.selectbox li:hover {background:#f5f5f5;font-weight: 700;}
.selectbox.is-open ul, .selectbox.is-open .inner_area {display:block;}
.selectbox.is-open .inner_area { overflow-x:hidden;overflow-y:auto;}


/* ****************************** layout ****************************** */
.wrapper {position:relative;width:100%;}
.wrapper .inner {position:relative;width:1140px;height: 100%;margin:0 auto;}
.wrapper .inner2 {position:relative;width:1140px;margin:0 auto;padding:40px 0;}
.wrapper .header {position:relative;height:100px;border-bottom:1px solid #d9d9d9;z-index:2;}
.wrapper .header .logo {position:absolute;top:30px;left:0;}
.wrapper .header .logo2 {position:absolute;top:0;right:0;}
.wrapper .header .logo3 {position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); z-index: 10;}
.wrapper .header .logo3 a{display: block;}
.wrapper .header .logo3 img {width: 194px !important; height: 32px !important; object-fit: cover;}
.wrapper .header h1 {/*padding:36px 0 0 230px;*/margin-left:230px; color: #000;font-weight: 700;font-size: 24px;width: 550px;position: absolute;top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 28px; overflow: hidden;white-space: normal;word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wrapper .header .profile {position:absolute; top:56px; right:18px;}
.wrapper .header .profile .btn {display:inline-block; height:38px; padding:0 28px 0 48px; color:#fff; border-radius:19px; line-height:36px;}
.wrapper .header .profile .btn_logout {background:#d71343 url('/images/bg_logout_ok.png') 10px 50% no-repeat;}
.wrapper .header .profile .btn_check {background:#d71343 url('/images/ico_profile_check.png') 10px 50% no-repeat;}
.wrapper .header .profile .btn:hover {background-color:#a81738;}
.wrapper .container {position:relative;background:#f8f8f8;z-index:1;}
.wrapper .container .aside {float:left;width:200px;margin-right:30px;padding:40px 0;}
.wrapper .container .aside .pic {position:relative;margin-bottom:41px;}
.wrapper .container .aside .pic:after {content:'';position:absolute;top:0;left:0;width:200px;height:200px;background:url('/images/bg_info_photo.png') left top no-repeat;}
.wrapper .container .aside h2 {margin-bottom:20px;font-size:13px;font-weight:700;line-height:30px;}
.wrapper .container .aside .desc {margin-bottom:19px;color:#444;line-height:22px;}
.wrapper .container .aside .btn {display:inline-block;height:38px;padding:0 20px;border:1px solid #d71343;border-radius:19px;color:#d71343;line-height:36px;}
.wrapper .container .aside .btn:hover {background-color:#d71343;color:#fff;}
.wrapper .container .aside .info {position:relative;margin-top:40px;padding-top:42px;font-size:12px;line-height:20px;}
.wrapper .container .aside .info:before {content:'';position:absolute;top:0;left:18px;width:32px;height:2px;background:#444;}
.wrapper .container .aside .info li {margin-bottom:13px;padding-left:18px;}
.wrapper .container .aside .info li.address {background:url('/images/bg_info_address.gif') 0 5px no-repeat;}
.wrapper .container .aside .info li.tel {background:url('/images/bg_info_tel.gif') 0 5px no-repeat;}
.wrapper .container .aside .info li.web {background:url('/images/bg_info_web.gif') 0 5px no-repeat;}
.wrapper .container .aside .info li.web a {position:relative;display:inline-block;color:#d71243;}
.wrapper .container .aside .info li.web a:hover:after {content:'';position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:#e69ba7;}
.wrapper .container .contents {float:left;width:900px;padding:20px 0 40px 0;}
.wrapper .footer {height:71px;border-top:1px solid #d9d9d9}
.wrapper .footer .address {height:53px;color:#888;font-size:12px;text-align:center;line-height:53px;}
.wrapper .footer .copyright {width:239px;height:18px;background:url('/images/bg_copyright.gif') left top no-repeat;color:#f3b8c7;font-size:10px;text-align:center;line-height:18px;}

/* tab */
/*.wrapper .step {width:858px;height:50px;margin:0 auto 40px auto;background:#444;border:1px solid #444;border-radius:25px;line-height:50px;}
.wrapper .step li {float:left;width:33.33%;color:#fff;font-size:16px;text-align:center;}
.wrapper .step li.on {background:#fff;color:#444;border-radius:25px;}
.wrapper .step li strong {margin-left:20px;font-weight:700;}
*/
.wrapper .step2 {width:100%;height:50px;margin:0 auto 40px auto;background:#ececec;border-radius:25px;line-height:50px;}
.wrapper .step2 li {float:left; width:50%; color:#d71343; font-size:20px; text-align:center; font-weight: 700;}
.wrapper .step2 li a {display: inline-block; width: 100%; height: 100%; color:#222;}
.wrapper .step2 li.on {background:#d71343; color:#fff;}
.wrapper .step2 li.on a {color:#fff;}
.wrapper .step2 #tabsdiv1li.on {border-radius:25px 0 0 25px;}
.wrapper .step2 #tabsdiv2li.on {border-radius:0 25px 25px 0;}

.wrapper .fcopy {padding:10px 0;font-size:35px;font-weight:700;text-align:center;color:#d71343;}
/*.wrapper .fcopy span {position:relative;padding-left:40px;}
.wrapper .fcopy span:before {content:'';position:absolute;top:4px;left:0;width:20px;height:16px;background:url('/images/bg_button_pay.png') left top no-repeat;}*/


/* 달력 */
.wrapper .calendar {position:relative;padding:20px;border:1px solid #e3e3e3;background:#fff;}
.wrapper .calendar table {width:100%;}
.wrapper .calendar caption {padding:11px 0 31px 0;border-bottom:1px solid #e3e3e3;font-size:24px;font-weight:700;}
.wrapper .calendar th {position:relative;height:57px;color:#909090;font-size:11px;text-align:left;line-height:56px;}
.wrapper .calendar th:after {content:'';position:absolute;bottom:0;left:1px;width:108px;height:1px;background:#7a7a7a;}
.wrapper .calendar th.sun:after {background:#d6d6d6;}
.wrapper .calendar td {height:150px;padding-top:30px;font-size:12px;}
.wrapper .calendar td strong {position:relative;display:block;height:31px;margin-bottom:10px;color:#c5c5c5;font-size:22px;}
.wrapper .calendar td strong:after {content:'';position:absolute;bottom:0;left:1px;width:10px;height:1px;background:#d6d6d6;}
.wrapper .calendar td.active strong {color:#d71343;}
.wrapper .calendar td.soldout strong {color:#444;}
.wrapper .calendar td.active strong:after, .wrapper .calendar td.soldout strong:after {background:#7a7a7a;}
.wrapper .calendar td.active li {margin-bottom:2px;}
.wrapper .calendar td.active li a {display:block;width:108px;height:20px;padding:4px;border-radius:14px;color:#444;}
.wrapper .calendar td.active li a:hover {background:#ececec;color:#d71343;}
.wrapper .calendar td.active li span {display:inline-block;width:20px;height:20px;margin-right:2px;border-radius:10px;color:#fff;text-align:center;line-height:18px;}
.wrapper .calendar td.active li.s1 span {background:#00807f;}
.wrapper .calendar td.active li.s2 span {background:#fcd901;}
.wrapper .calendar td.active li.s3 span {background:#fd7672;}
.wrapper .calendar td.active li.s4 span {background:#afe2e5;}
.wrapper .calendar td.active li.zero {padding:4px;color:#d9d9d9 !important;}
.wrapper .calendar td.active li.zero span {background:#d9d9d9 !important;}
.wrapper .calendar td.active li.sel a {background:#d71343;color:#fff;}
.wrapper .calendar td.soldout p {display:inline-block;height:20px;padding:0 9px;background:#d9d9d9;border-radius:10px;color:#fff;line-height:18px;}
.wrapper .calendar-title {position:relative;padding:30px 0;border-top:1px solid #e3e3e3;color:#434953;font-size:24px;text-align:center;}
.wrapper .calendar-title .prev {position:absolute;top:35px;left:19px;padding-left:14px;background:url('/images/bg_month_past.png') left 0 no-repeat;font-size:12px;color:#444;}
.wrapper .calendar-title .next {position:absolute;top:35px;right:19px;padding-right:14px;background:url('/images/bg_month_next.png') right 0 no-repeat;font-size:12px;color:#444;}
.wrapper .calendar-title > span{letter-spacing: -1px;}
.wrapper .calendar-data {padding:13px 11px 18px 11px; font-weight: 700;}
.wrapper .calendar-data table {width:100%;}
.wrapper .calendar-data th {padding-bottom:25px;color:#909090;font-size:11px;font-weight: 400;letter-spacing: 1px;}
.wrapper .calendar-data td {padding:5px 0;text-align:center;vertical-align: middle;}
.wrapper .calendar-data td a {display:block;width:44px;height:44px;margin:0 auto;color:#c5c5c5;font-size:16px;line-height:42px;text-align:center; font-weight: 400;}
.wrapper .calendar-data td a.live_red {color:#d71343;}
.wrapper .calendar-data td a.live_blue {color:#0054FF;}
.wrapper .calendar-data td a.on {background:#d71343;border-radius:22px;box-shadow:inset 0 0 10px rgba(0,0,0,.25);color:#fff;}
.wrapper .calendar-data td a.end {color:#444;}

.wrapper .during-select {margin-bottom:10px;padding:20px 0;background:#fff;border:1px solid #e3e3e3;text-align:center;}
.wrapper .during-select .selectbox {width:225px;margin-left:19px;border:1px solid #d71343;background: transparent url(/images/ico_dropdown.gif) 96% 50% no-repeat;}
.wrapper .map-select {padding:20px 19px 0 19px;background:#fff;border:1px solid #e3e3e3;}
.wrapper .map-select .count {width:276px;height:40px;margin:0 auto 20px auto;background:#f5f5f5;border-radius:20px;color:#444;text-align:center;line-height:38px;}
.wrapper .map-select .stage {position:relative;}
.wrapper .map-select .stage ul {display:none;}
.wrapper .map-select .stage ul.active {display:block;}
.wrapper .map-select .stage li {position:absolute;font-size:9px;}
.wrapper .map-select .stage li a {display:block;width:18px;height:18px;background:url('/images/ico_select_seat.png') 0 0 no-repeat;font-size:0;text-indent:-9999px;}
.wrapper .map-select .info {position:absolute;bottom:22px;width:100%;text-align:center;}
.wrapper .map-select .info span {position:relative;display:inline-block;margin:0 20px;padding:2px 0 0 26px;}
.wrapper .map-select .info span:before {content:'';position:absolute;top:0;left:0;width:18px;height:18px;background:url('/images/ico_select_seat.png') 0 0 no-repeat;}
.wrapper .map-select .stage li a.dis, .wrapper .map-select .info span.dis:before {background-position:-36px 0;}
.wrapper .map-select .stage li a.sel, .wrapper .map-select .info span.sel:before {background-position:-18px 0;}
.wrapper .map-select .seat {}
.wrapper .map-select .seat h3 {float:left;width:189px;font-size:16px;font-weight:700;line-height:113px;}
.wrapper .map-select .seat>ul {float:left;width:671px;}
.wrapper .map-select .seat>ul>li {height:56px;border-top:1px solid #e3e3e3;line-height:56px;}
.wrapper .map-select .seat li:first-child {border-top:none;}
.wrapper .map-select .seat li strong {position:relative;padding-left:29px;color:#828282;}
.wrapper .map-select .seat li strong:before {content:'';position:absolute;top:2px;left:0;width:18px;height:18px;background:url('/images/ico_select_seat.png') -54px 0 no-repeat;}
.wrapper .map-select .seat li.on strong {position:relative;display:inline-block;width:180px;padding-left:29px;color:#444;}
.wrapper .map-select .seat li.on strong:before {content:'';position:absolute;top:20px;left:0;width:18px;height:18px;background:url('/images/ico_select_seat.png') -18px 0 no-repeat;}
.wrapper .map-select .seat li.on h4 {display:inline-block;}
.wrapper .map-select .seat li.on .selectbox {width:90px;margin-left:11px;}
.wrapper .map-select .seat li.on span.price {display:inline-block;width:91px;margin-left:10px;text-align:right;}
.wrapper .map-select .seat li.on a.btn-detail {position:relative;display:inline-block;margin:0 26px 0 22px;color:#d71343;font-size:12px;}
.wrapper .map-select .seat li.on a.btn-detail:hover:after {content:'';position:absolute;top:38px;left:0;width:100%;height:1px;background:#e69ba7;}
.wrapper .map-select .seat li.on a.btn-cancel {display:inline-block;padding-right:16px;background:url('/images/bg_cancel_seat.gif') right 23px no-repeat;color:#000;font-size:12px;}
.wrapper .total-price {height:58px;border:1px solid #e3e3e3;border-top:none;line-height:58px;}
.wrapper .total-price h3 {display:inline-block;width:441px;color:#444;font-size:12px;text-align:center;}
.wrapper .total-price .price {display:inline-block;width:248px;color:#d71343;font-size:18px;font-weight:700;text-align:right;}

.wrapper .box {position:relative;margin-bottom:10px;border:1px solid #e3e3e3;background:#fff;}
.wrapper .section .left {float:left;width:445px;margin-right:10px;}
.wrapper .section .right {float:left;width:445px;}
.wrapper .section h3 {padding-left:19px;border-bottom:1px solid #e3e3e3;font-size:16px;font-weight:700;line-height:56px;}
.wrapper .section h3.ico1 {display:inline-block;padding-left:52px;background:url('/images/bg_h3_calendar.gif') 19px 16px no-repeat;border-bottom:none;}
.wrapper .section h3.ico2 {padding-left:53px;background:url('/images/bg_h3_seat.gif') 19px 17px no-repeat;}
.wrapper .section h3.ico3 {padding-left:53px;background:url('/images/bg_h3_person.gif') 19px 17px no-repeat;}
.wrapper .section h3.ico4 {padding-left:53px;background:url('/images/bg_h3_i.gif') 19px 17px no-repeat;}
.wrapper .section h3.ico5 {padding-left:52px;background:url('/images/bg_h3_ticket.gif') 19px 17px no-repeat;}
.wrapper .section h3.ico6 {padding-left:53px;background:url('/images/bg_h3_time.gif') 19px 17px no-repeat;}
.wrapper .section h3.ico7 {overflow: hidden; padding-left:52px; background:url('/mobile/ticket/images/bg_h3_addinfo.gif') 19px 17px no-repeat;}
.wrapper .section h3 .info {display: inline-block; font-size: 14px; line-height: 18px !important;} /* h3 옆에 문의내용 추가시 */

.wrapper .section h3.bs {line-height:80px;}
.wrapper .section h3 input[type='checkbox'],.wrapper .section .agree-list li input[type='checkbox'] {display:none;}
.wrapper .section h3 input[type='checkbox'] + label {display:inline-block;padding-left:34px;background:url('/images/bg_checkbox_off.png') left 17px no-repeat;cursor:pointer;}
.wrapper .section h3 input[type='checkbox']:checked + label {background:url('/images/bg_checkbox_on.png') left 17px no-repeat;}
.wrapper .section .agree-list li .note {padding-left: 5px;color: #7b7b7b;}
.wrapper .section .agree-list li input[type='checkbox'] + label {display:inline-block;padding-left:30px;background:url('/images/bg_checkbox_off.png') left 50% no-repeat;background-size: 18px 18px;cursor:pointer;}
.wrapper .section .agree-list li input[type='checkbox']:checked + label {background:url('/images/bg_checkbox_on.png') left 50% no-repeat;background-size: 20px 20px;}
.wrapper .section h3 span.note {float:right;padding-right:20px;color:#7b7b7b;font-size:12px;font-weight:500;}
.wrapper .section h3.bs strong.price {float:right;padding-right:19px;color:#d71343;font-size:24px;text-align:right;}
.wrapper .section h4 {padding-left:18px;font-size:12px;line-height:48px;}
.wrapper .section .date {float:right;padding-right:20px;color:#444;font-size:16px;font-weight:700;text-align:right;line-height:56px;}
.wrapper .section .seat-list {width:405px;margin:0 auto;}
.wrapper .section .seat-list li {border-top:1px solid #e3e3e3;color:#444;font-size:12px;line-height:48px;}
.wrapper .section .seat-list li:first-child {border-top:none;}
.wrapper .section .seat-list li .price {float:right;font-size:14px;text-align:right;}
.wrapper .section .total {padding:0 21px 0 19px;background:#f8f8f8;border-top:1px solid #e3e3e3;color:#444;line-height:56px;}
.wrapper .section .total .price {float:right;color:#d71343;font-size:18px;font-weight:700;text-align:right;}
.wrapper .section .notice {margin:19px 20px 10px 20px;}
.wrapper .section .notice li {padding:0 0 9px 23px;color:#444;font-size:12px;line-height:15px;text-indent:-23px;}
.wrapper .section .notice li span {margin-right:10px;}

.wrapper .section .person {margin:10px 20px;}
.wrapper .section .person li {padding:5px 0;line-height:40px;}
.wrapper .section .person li h4{float: left; width:86px; font-size:12px; line-height:38px;}
.wrapper .section .person li label{display:inline-block;width:86px;padding-left:23px;font-size:12px;line-height:38px;}
.wrapper .section .person li h4.ico1 {background:url('/images/bg_h4_person.gif') 1px 13px no-repeat;}
.wrapper .section .person li h4.ico2 {background:url('/images/bg_h4_phone.gif') 2px 13px no-repeat;}
.wrapper .section .person li h4.ico3 {background:url('/images/bg_h4_email.gif') 0 16px no-repeat;}
.wrapper .section .person li h4.ico4 {background:url('/images/bg_th_password.gif') 0 19px no-repeat;}
.wrapper .section .person li input{float: left;width:244px;height:38px;padding:0 24px;border:1px solid #d6d6d6;border-radius:4px;/*color:#959595;*/font-size:14px;line-height:36px !important;vertical-align:top;}
.wrapper .section .person li input.mobile_input {width: 96px; margin-left:0; padding: 0;text-align: center;}
.wrapper .section .person li input#mobile1{border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.wrapper .section .person li input#mobile2{border-radius: 0;}
.wrapper .section .person li input#mobile3{border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 98px;}

.wrapper .section .agree-list {/*width:405px;*/width:90%;margin:0 auto;}
.wrapper .section .agree-list>li {border-top:1px solid #e3e3e3;color:#000;font-size:12px;line-height:40px;}
.wrapper .section .agree-list>li:first-child {border-top:none;}
.wrapper .section .agree-list>li span {margin-right:21px;}
.wrapper .section .agree-list .list-style {margin:15px 0;}
.wrapper .section .agree-cont {display:none;padding:20px 13px;border-top:1px solid #e3e3e3;/*color:#838383;*/font-size:12px;line-height:16px;}
.wrapper .section .agree-cont2 {font-size:12px;line-height:16px;}
.wrapper .section .agree-cont_1 {padding:20px 13px;border-top:1px solid #e3e3e3;color:#838383;font-size:12px;line-height:16px;}
.wrapper .section .agree-cont p {margin-bottom:10px;}
.wrapper .section .agree-cont p.note {margin-top:20px;margin-bottom:0;padding-top:20px;border-top:1px solid #e3e3e3;}
.wrapper .section .agree-cont .bu{position: absolute; left: 0;}

.wrapper .section .bu2_wrap li{position: relative; padding: 5px 0 5px 20px!important;}
.wrapper .section .bu2_wrap li .bu2{position: absolute; left: 0;}

.wrapper .section .list-style {padding:15px 20px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;}
.wrapper .section .list-style li {padding:5px 0 5px 7px;font-size:12px;text-indent:-7px;line-height:16px; line-height: 160%;word-break: auto-phrase;}
.wrapper .section .list-style li strong {font-weight:700;}
.wrapper .section h3.ico4 + .list-style li span{color: #e52525; font-weight: 600;}
.wrapper .section .list-style.nobd {border:none;}
.wrapper .section .list-style2 {margin:12px 18px;}
.wrapper .section .list-style2 li {padding:6px 0;color:#444;font-size:12px;}
.wrapper .section .list-style3,
.wrapper .section .list-style4{border:1px solid #e3e3e3;}
.wrapper .section .list-style3 > li {display:table;width:100%;border-top:1px solid #e3e3e3;}
.wrapper .section .list-style3 > li:first-child,
.wrapper .section .list-style4 > li:first-child{border-top:none;}
.wrapper .section .list-style3 > li > span{display:table-cell;padding: 10px 6px;}
.wrapper .section .list-style3 > li > .tit{width:32%;padding-left:5px;background-color: #f8f8f8;border-right:1px solid #e3e3e3;}

.wrapper .section .list-style4 > li {display: table;width: 100%;border-top: 1px solid #e3e3e3;padding: 0;}
.wrapper .section .list-style4 > li.thead {background-color: #f8f8f8;font-weight: 500;}
.wrapper .section .list-style4 > li > span {display: table-cell;padding: 10px 6px;text-align: center;width: 50%;}
.wrapper .section .list-style4 > li > span:last-child{border-left: 1px solid #e3e3e3;}
.wrapper .section #refundRuleArea{margin-bottom: 10px;}

.wrapper .section .extra_info2 {padding-top:10px;}
.wrapper .section .summary {padding:13px 18px;background:#f8f8f8;color:#7b7b7b;font-size:12px;line-height:22px;}
.wrapper .section .summary strong {color:#444;font-size:14px;font-weight:700;}

/* 패키지 시간선택 매진됐을 때 */
.wrapper .section .soldout {color: #FF0000;}

/* 시간선택 - 패키지 */
.wrapper .section .time_group{margin: 20px 19px; /*padding: 20px 0; border-bottom: 1px solid #e3e3e3;*/}
.wrapper .section .time_group:last-child{border-bottom: 0;}
.wrapper .section .time_group .selectbox_tit {padding: 0 0 10px 0;}
.wrapper .section .time_group .time-select {width:389px; border:1px solid #d71343;}

.wrapper .section .pay-select {margin:20px 19px;width:389px;border:1px solid #d71343;}
.wrapper .section .pay-account {display:none;padding:15px 0;border-top:1px solid #d9d9d9;}
.wrapper .section .pay-account>li {padding:5px 0;}
.wrapper .section .pay-account>li.extra_info{margin:10px 0 0 20px;font-size: 12px;line-height: 20px;}
.wrapper .section .pay-account>li h4 {display:inline-block;width:111px;padding-left:20px;font-size:12px;line-height:38px;}
.wrapper .section .pay-account>li input[type="text"] {width:262px;height:38px;padding:0 15px;border:1px solid #d6d6d6;border-radius:4px;color:#959595;font-size:14px;line-height:36px !important;vertical-align:top;}
.wrapper .section .pay-account>li input.focus {color:#000;}
.wrapper .section .pay-account .selectbox {width:279px;margin-left:-4px;}
.wrapper .section .pay-account .inner_area {height: 233px;}
.wrapper .section .pay-account> .paytit {padding: 10px 20px;font-weight: 600;}


/* 결제수단을 선택 해주세요. - 환불계좌 정보/현금영수증 발행 */
.pay_info{padding:20px;border-top: 1px solid #e3e3e3;}
.pay_info .h4{padding-bottom:20px;font-weight:700;}
.pay_info table{width:100%;text-align: left;}
.pay_info table tr{height: 46px;line-height: 46px;}
.pay_info table tr th{font-size: 12px;}
.pay_info table input[type="text"], .pay_info table input[type="tel"]{width: calc(100% - 20px);height:38px;padding-left:15px;border: 1px solid #d6d6d6;border-radius: 4px;}
.pay_info .table_refund .pay-select{width: calc(100% - 20px);margin:0;border: 1px solid #d6d6d6;}
.pay_info .table_refund .placeholder {color: #7b7b7b;font-weight: 500 !important;}
.pay_info .refund_info{padding-top:20px;}
.pay_info .refund_info li{color: #444;font-size: 12px;text-indent: -7px;line-height: 20px;}
.pay_info.p2{padding:4px 20px 20px 20px !important;}
.pay_info .table_receipt .radio_form label{padding: 10px 40px 10px 0;cursor: pointer;font-size: 12px;}
.pay_info .table_receipt input[type='checkbox']{display: none;}
.pay_info .table_receipt input[type='checkbox'] + label {display:inline-block;padding-left:30px;background:url('/images/bg_checkbox_off.png') left 50% no-repeat;background-size: 18px 18px;font-weight:700;cursor:pointer;}
.pay_info .table_receipt input[type='checkbox']:checked + label {background:url('/images/bg_checkbox_on.png') left 50% no-repeat;background-size: 20px 20px;}

.wrapper .section .cash-receipts-account {display:none; padding:0 0 15px 0; border-top:1px solid #d9d9d9;}
.wrapper .section .cash-receipts-account > li {padding:5px 0;line-height:40px;}
.wrapper .section .cash-receipts-account > li h4 {display:inline-block;width:111px;padding-left:20px;font-size:12px;line-height:38px;}
.wrapper .section .cash-receipts-account > li label,
.wrapper .section .cash-receipts-account > li label input[type="radio"]{vertical-align: middle;}
.wrapper .section .cash-receipts-account > li label{cursor: pointer;}
.wrapper .section .cash-receipts-account > li label input[type="radio"] {margin-right: 5px;cursor: pointer;}
.wrapper .section .cash-receipts-account > li input[type="text"] {width:262px;height:38px;padding:0 15px;border:1px solid #d6d6d6;border-radius:4px;color:#959595;font-size:14px;line-height:36px !important;vertical-align:top;}
.wrapper .section .cash-receipts-account > li input.focus {color:#000;}
.wrapper .section .cash-receipts-account > li #expense {margin-left: 20px;}
.wrapper .section .cash-receipts-account .selectbox {width:279px;margin-left:-4px;}


/* 결제수단을 선택 해주세요. - 이용권 */
.wrapper .section .advance_tk{}
.wrapper .section .advance_tk .advance_tk_tit{width: 100%; padding:0 19px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; font-size: 16px;font-weight: 700;line-height: 56px;box-sizing: border-box;}
.wrapper .section .advance_tk .advance_tk_tit label{display: inline-block; width: 111px;}
.wrapper .section .advance_tk .advance_tk_tit input[type="text"]{width: 200px;height: 38px;padding: -1 15px;border: 1px solid #d6d6d6;border-radius: 4px;font-size: 14px;line-height: 36px !important;}
.wrapper .section .advance_tk .advance_tk_tit .btn_reg{float: right; height: 40px; line-height: 40px; margin-top: 9px; padding:0 10px; border:1px solid #d71343;background-color:#d71343;color: #fff;border-radius: 10px;font-size: 14px;box-sizing: border-box;cursor: pointer;}
.wrapper .section .advance_tk .advance_tk_tit .btn_reg:hover {border:1px solid #a81738;background-color:#a81738;}

.wrapper .section .advance_tk .advance_tk_list{width: 90%; margin: 0 auto; line-height: 16px;}
.wrapper .section .advance_tk .advance_tk_list li{display: table; width: 100%; border-top: 1px solid #e3e3e3;color: #000; font-size: 12px; padding: 16px 0;}
.wrapper .section .advance_tk .advance_tk_list li:first-child{border-top: none;}
.wrapper .section .advance_tk .advance_tk_list li strong{display: table-cell; width: 111px;vertical-align: middle;}
.wrapper .section .advance_tk .advance_tk_list li span{display: table-cell; overflow: hidden;white-space: normal;word-wrap: break-word;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


/* 권종선택 */
#reserve4Box{height: auto !important;}
/*#mCSB_1_container{height: 100%;}
.wrapper .section .ticket_list {height: auto !important;}*/
.wrapper .section .ticket_list li {clear:both;border-top:1px solid #e3e3e3;/*overflow:hidden;*/position: relative;width: 90%;margin: -1px auto 0; padding: 10px 0;}
.wrapper .section .ticket_list li>div {display:table-cell;vertical-align:middle;}
.wrapper .section .ticket_list li .txt {width:170px;line-height:16px;}
.wrapper .section .ticket_list li .txt2 {width:180px;padding:17px 0;line-height:17px;}
.wrapper .section .ticket_list li .txt2 p {margin-top:4px;color:#7b7b7b;font-size:12px;}
.wrapper .section .ticket_list li .price {width:86px;color:#444;text-align:right; font-weight: 700;}
.wrapper .section .ticket_list li .price p {margin-top:2px;color:#7b7b7b;font-size:12px;text-decoration:line-through;}
.wrapper .section .ticket_list li .num {clear:both;width:118px;padding-left:21px;overflow:hidden;line-height:40px;}
.wrapper .section .ticket_list li .num input[type="text"] {float:left;display:block;width:38px;height:38px;padding:0;border:none;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;color:#d71343;font-size:14px;font-weight:700;text-align:center;line-height:38px;}
.wrapper .section .ticket_list li .num input.zero {color:#7b7b7b;}
.wrapper .section .ticket_list li .num .minus {float:left;display:block;width:40px;height:40px;background:url('/images/bg_ticket_count.gif') -40px 0 no-repeat;font-size:0px;text-align:left;text-indent:-9999px;vertical-align:middle;cursor:pointer;}
.wrapper .section .ticket_list li .num .minus.zero {background-position:0 0;}
.wrapper .section .ticket_list li .num .plus {float:left;display:block;width:40px;height:40px;background:url('/images/bg_ticket_count.gif') -80px 0 no-repeat;font-size:0px;text-align:left;text-indent:-9999px;vertical-align:middle;cursor: pointer;}

.wrapper .section .select-price {padding:14px 19px;background:#f8f8f8;border-top:1px solid #e3e3e3;}
.wrapper .section .select-price>div {display:table-cell;vertical-align:middle;}
.wrapper .section .select-price .txt {width:285px;color:#444;font-weight:700;}
.wrapper .section .select-price .txt strong {color:#d71343;}
.wrapper .section .select-price .txt p {margin-top:5px;color:#7b7b7b;font-size:12px;font-weight:500;line-height: 16px;}
.wrapper .section .select-price .price {width:120px;color:#d71343;font-size:18px;font-weight:700;text-align:right;}

.wrapper .finish {position:relative;padding:20px 39px;border:1px solid #e3e3e3;background:#fff;}
.wrapper .finish h2 {padding-left:80px;font-size:18px;font-weight:700;line-height:120px;}
.wrapper .finish h2 .pic {display:inline-block;position:absolute;top:30px;left:40px;height:60px;line-height:60px;}
.wrapper .finish h2 .pic:after {content:'';position:absolute;top:0;left:0;width:60px;height:60px;background:url('/images/bg_info_photo2.png') left top no-repeat;}
.wrapper .finish .notice {float:left;width:315px;border-top:1px solid #808080;}
.wrapper .finish h3 {padding-left:34px;background:url('/images/bg_h3_i.gif') 0 13px no-repeat;border-bottom:1px solid #e3e3e3;font-size:16px;font-weight:700;line-height:48px;}
.wrapper .finish .list-style {padding:13px 0;}
.wrapper .finish .list-style li {padding:5px 0 5px 7px;color:#444;font-size:12px;text-indent:-7px;line-height:16px;}
.wrapper .finish .list-style li strong {font-weight:700;}

.wrapper .extra_info {padding-top:20px;color:#757575;}
.wrapper .extra_info > li{line-height: 20px;}

.wrapper .draw {background:#fff;border:1px solid #e3e3e3;}
.wrapper .draw>div {float:left;width:248px;height:548px;border-left:1px solid #e3e3e3;}
.wrapper .draw h2 {font-weight:700;padding-left:20px;line-height:51px;}
.wrapper .draw h2 span {margin-right:14px;}
.wrapper .draw .draw-calendar {float:left;width:391px;border:none;}
.wrapper .draw .calendar-title {padding:18px 0 39px 0;border-top:none;}
.wrapper .draw .calendar-title .prev {top:25px;left:20px;}
.wrapper .draw .calendar-title .next {top:25px;right:20px;}
.wrapper .draw .calendar-data {margin-bottom:21px;padding:0 20px;}
.wrapper .draw .calendar-data td {padding:2px 0;}
.wrapper .draw .draw-calendar .selectbox {width:338px;margin-left:20px;border:1px solid #d71343;}
.wrapper .draw .seat .scroll {height:490px;margin-top:8px;}
.wrapper .draw .area ul {margin-top:8px;}
.wrapper .draw .area li, .wrapper .draw .seat li {border-top:1px solid #e3e3e3;}
.wrapper .draw .area li:first-child, .wrapper .draw .seat li:first-child {border-top:none;}
.wrapper .draw input[type='radio'] {display:none;}
.wrapper .draw input[type='radio'] + label {display:block;height:48px;padding-left:22px;background:url('/images/bg_checkbox_off.png') 204px 12px no-repeat;color:#444;line-height:46px;cursor:pointer;}
.wrapper .draw input[type='radio']:checked + label {background:#f8f8f8 url('/images/bg_checkbox_on.png') 204px 12px no-repeat;color:#d71243;font-weight:700;}
.wrapper .draw .person {}
.wrapper .draw .person .limit {margin-top:8px;padding-left:20px;color:#444;line-height:52px;}
.wrapper .draw .person .limit strong {font-weight:700;}
.wrapper .draw .person .selectbox {width:191px;margin:0 0 40px 20px;border:1px solid #d71343;}
.wrapper .draw .person .note {position:relative;margin:0 20px;padding:40px 0 0 20px;background:url('/images/ico_result_note.gif') 0 44px no-repeat;background-size:16px 15px;color:#444;line-height:20px;}
.wrapper .draw .person .note:before {content:'';position:absolute;top:0;left:20px;width:32px;height:2px;background:#7a7a7a;}

.wrapper .result-table {width:100%;border:1px solid #d9d9d9;background-color:#fff;font-size:14px;}
.wrapper .result-table thead tr {height:55px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;background-color:#ececec;}
.wrapper .result-table thead tr th {font-weight:700;}
.wrapper .result-table thead tr th, .wrapper .result-table tbody tr td {border-right: 1px solid #d9d9d9;vertical-align: middle;}
.wrapper .result-table thead tr th:last-child, .wrapper .result-table tbody tr td:last-child {border-right:0;}
.wrapper .result-table > tbody > tr {height:127px;border-bottom:1px solid #d9d9d9;line-height:1.5;letter-spacing:-0.5px;}
.wrapper .result-table > tbody > tr:last-child {border-bottom:0;}
.wrapper .result-table > tbody > tr > td {height:127px;padding:10px 6px;text-align:center;}
.wrapper .result-table > tbody > tr > td .pay_txt {height: 50px;}
.paydate{font-size: 12px; letter-spacing: -1px;}

/* 권종선택상세설명 popup */
.plDescLayer {z-index: 3; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 360px; background-color: #fff; padding: 10px; border: 1px solid #d71343; line-height: 1.3; box-shadow: 0px 3px 20px rgba(0,0,0,.3);}
.plDescLayer > .btn_close {position: absolute; top: 10px; right: 10px; cursor: pointer;}
.plDescLayer img{max-width: 100%;object-fit: cover;}
/*.plDescLayer > p {padding-top: 10px;}*/
.desc_icon {position: relative; top: 3px; /*left: 4px;*/}/* 권종상세보기 icon */

/* 테이블 안에 테이블 */
.wrapper .result-table > tbody > tr > td .table-in-table {width: 100%;}
.wrapper .result-table > tbody > tr > td .table-in-table th {text-align: left; vertical-align: top; font-weight: normal;}
.wrapper .result-table > tbody > tr > td .table-in-table td {text-align: right; font-weight:700;}

.wrapper .result-table tbody tr td .pay_txt {height: 50px;}
.wrapper .result-table tbody tr .td_info {padding:0 20px;}
.wrapper .result-table tbody tr .td_info ul li {display:table;width:100%;}
.wrapper .result-table tbody tr .td_info ul li span {display:table-cell;width:20%;text-align:left;}
.wrapper .result-table tbody tr .td_info ul li strong {display:table-cell;width:80%;text-align:right;font-weight:700;}

.wrapper .result-table2 {width:100%;}
.wrapper .result-table2 tbody tr {height: 50px; border-top: 1px solid #d9d9d9; line-height: 20px;}
.wrapper .result-table2 tbody tr:first-child {border-top: 0;}
.wrapper .result-table2 tbody tr th {text-align: left; vertical-align: middle;}
.wrapper .result-table2 tbody tr td {padding: 10px 0; text-align: right; font-weight:700; vertical-align: middle;}
.wrapper .paging {display: block;height: 56px;border: 1px solid #e3e3e3;color: #d61243;font-size: 16px;line-height: 54px;text-align: center;}
.wrapper .paging p {display:inline-block;height:32px;margin-right:17px;padding:0 16px;background:#d71343;border-radius:16px;color:#fff;font-size:14px;line-height:30px;}
.wrapper .paging a {position:relative;color:#d71343;font-size:16px;}
.wrapper .paging a:hover:after {content:'';position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:#e69ba7;}

.pad-t10 th,.pad-t10 td{padding-top: 10px;}

/* 마이페이지  - 이용가능상품 스크롤 */
.p_url{word-break: break-word; max-height: 141px; overflow: auto;}
.p_url li{padding-bottom: 3px;}
.p_url li a{font-weight: normal; font-size: 12px;}


/* ****************************** button ****************************** */
.wrapper .btn-area {margin-top:20px;/*padding-right:15px;*/text-align:right;}
.wrapper .btn-area.center {padding-right:0;text-align:center;}
.wrapper .btn-area.left {text-align:left;}
.wrapper .btn-area a {position:relative;display:inline-block;height:48px;margin:0 5px;font-size:20px;font-weight: 700; text-align:center;}
.wrapper .btn-area .btn1 {width:280px;border: 1px solid #d9d9d9;border-radius:25px;color:#fff;line-height:48px;}
.wrapper .btn-area .btn1.on {border: 1px solid #d71343 !important;background-color: #d71343;/*box-shadow:0 2px 4px rgba(0,0,0,.3);*/}
.wrapper .btn-area .btn1.on:hover {border: 1px solid #a81738 !important;background-color:#a81738;}
.wrapper .btn-area .btn1.ico1 {margin:0;border: 1px solid #d9d9d9}
/* .wrapper .btn-area a.btn1.ico2 {border: 1px solid #d71343;background-image:url('/images/bg_button_ok.png');background-position:13px 13px;} */
.wrapper .btn-area .btn2 {width:167px;height:48px;border: 1px solid #ececec;border-radius:25px;background-color:#ececec;line-height:46px;color:#222;}
.wrapper .btn-area .btn2:hover {background-color: transparent;color:#d71343;border: 1px solid #d71343;}
.wrapper .btn-area a.big {width:410px;background-position:368px 17px;}
.wrapper .section .btn-open {float:right;position:relative;color:#d71343;font-size:12px;}
.wrapper .section .btn-open.mg {position:absolute;top:22px;right:20px;}
.wrapper .section .btn-open:hover:after {content:'';position:absolute;top:34px;left:0;width:100%;height:1px;background:#e69ba7;}
.wrapper .section .btn-open.mg:hover:after {top:15px;}
/* .wrapper .btn3 {display:inline-block;width:198px;height:38px;margin-bottom:10px;background:url('/images/bg_cancel_off.png') 10px 9px no-repeat;border:1px solid #d71343;border-radius:19px;color:#d71343;line-height:36px;text-align:center;}
.wrapper .btn3:hover {background:#d71343 url('/images/bg_cancel_on.png') 10px 9px no-repeat;color:#fff;} */
.wrapper .btn4 {display:inline-block;width:118px;height:38px;margin-bottom:10px;border:1px solid #7a7a7a;border-radius:19px;color:#d71343;line-height:36px;text-align:center;}
.wrapper .btn4:hover {border:1px solid #d71343;}
.wrapper .btn5 {display:inline-block;width:198px;height:40px;margin-bottom:10px;background:#d71343 url('/images/bg_button_pay.png') 8px 12px no-repeat;border-radius:19px;color:#fff;line-height:36px;text-align:center;}
.wrapper .btn5:hover {background-color:#a81738;}
.wrapper .btn6 {display:inline-block;width:200px;height:38px;margin-bottom:10px;border:1px solid #7a7a7a;border-radius:19px;color:#d71343;line-height:36px;text-align:center;}
.wrapper .table_btn {width:100px; min-height:30px;border:1px solid #ececec;border-radius:15px;background-color:#ececec;letter-spacing: -1px;cursor:pointer; line-height: 1; font-size: 13px;}
.wrapper .table_btn:hover {border:1px solid #d71343;background-color:transparent;color:#d71343;}
.result_wrap .btn-area{margin-top: 40px;}
.popwrap_2 a {display:inline-block;height:40px;margin:0 5px;border-radius: 24px;font-size:18px;line-height:38px;box-sizing:border-box;}
.popwrap_2 .btn-close {font-weight:700;width:120px;border:1px solid #ececec;background-color:#ececec;color:#222;}
.popwrap_2 .btn-close:hover {border:1px solid #d71343;background-color:transparent;color:#d71343;border:1px solid #d71343;}
.popwrap_2 .btn-confirm {padding:0 20px;border:1px solid #d71343;background-color:#d71343;color: #fff;}
.popwrap_2 .btn-confirm:hover {border:1px solid #a81738;background-color:#a81738;}
.wrapper .reserve_list .btn_more {width:167px;height:45px;margin:40px auto;border:1px solid #d9d9d9;border-radius:24px;background-color:#fff;color:#222;font-size:20px;font-weight: 700; line-height:45px;text-align:center;cursor:pointer;}
.wrapper .reserve_list .btn_more:hover {border:1px solid #d71343;background-color:#d71343;color:#fff;}

.popup-btn-area .btn-close {font-weight:700;width:120px;border:1px solid #ececec;background-color:#ececec;color:#222;}
.popup-btn-area .btn-close:hover {border:1px solid #d71343;background-color:transparent;color:#d71343;border:1px solid #d71343;}
.popup-btn-area .btn-confirm {padding:0 20px;border:1px solid #d71343;background-color:#d71343;color: #fff;}
.popup-btn-area .btn-confirm:hover {border:1px solid #a81738;background-color:#a81738;}
.popwrap_2 .popup-btn-area a,

.popwrap_3 .popup-btn-area a {position: relative; display:inline-block;;width:167px;height:40px;margin:0 5px;line-height:38px;font-size:18px;font-weight: 700;text-align:center;border-radius: 25px;box-sizing: border-box;}
.btn-cancel {border: 1px solid #d71343;background-color:#d71343;color:#fff;width: 120px;}
.btn-cancel:hover {border:1px solid #a81738;background-color:#a81738;}
.btn-close2 {border: 1px solid #ececec;background-color: #ececec;color:#222;}
.btn-close2:hover {border:1px solid #d71343;background-color:transparent;color:#d71343;}


/* ****************************** map ****************************** */
.map-select .stage li.SA1 {left:247px;top:149px;}.map-select .stage li.SA2 {left:272px;top:198px;}.map-select .stage li.SA3 {left:224px;top:224px;}.map-select .stage li.SA4 {left:245px;top:243px;}.map-select .stage li.SA5 {left:290px;top:234px;}.map-select .stage li.SA6 {left:305px;top:301px;}.map-select .stage li.SA7 {left:329px;top:301px;}.map-select .stage li.SA8 {left:313px;top:154px;}.map-select .stage li.SA9 {left:358px;top:171px;}.map-select .stage li.SA10 {left:323px;top:188px;}.map-select .stage li.SA11 {left:333px;top:212px;}.map-select .stage li.SA12 {left:386px;top:217px;}.map-select .stage li.SA13 {left:349px;top:269px;}
.map-select .stage li.SB1 {left:371px;top:322px;}.map-select .stage li.SB2 {left:393px;top:304px;}.map-select .stage li.SB3 {left:441px;top:289px;}.map-select .stage li.SB4 {left:378px;top:367px;}.map-select .stage li.SB5 {left:396px;top:353px;}.map-select .stage li.SB6 {left:413px;top:338px;}.map-select .stage li.SB7 {left:429px;top:324px;}.map-select .stage li.SB8 {left:416px;top:394px;}.map-select .stage li.SB9 {left:434px;top:380px;}.map-select .stage li.SB10 {left:458px;top:359px;}.map-select .stage li.SB11 {left:475px;top:337px;}.map-select .stage li.SB12 {left:448px;top:394px;}.map-select .stage li.SB13 {left:493px;top:359px;}.map-select .stage li.SB14 {left:462px;top:410px;}.map-select .stage li.SB15 {left:510px;top:380px;}.map-select .stage li.SB16 {left:519px;top:402px;}.map-select .stage li.SB17 {left:502px;top:287px;}.map-select .stage li.SB18 {left:524px;top:312px;}.map-select .stage li.SB19 {left:541px;top:332px;}.map-select .stage li.SB20 {left:556px;top:350px;}
.map-select .stage li.SC1 {left:480px;top:428px;}.map-select .stage li.SC2 {left:493px;top:413px;}.map-select .stage li.SC3 {left:512px;top:425px;}.map-select .stage li.SC4 {left:515px;top:452px;}.map-select .stage li.SC5 {left:534px;top:442px;}.map-select .stage li.SC6 {left:540px;top:424px;}.map-select .stage li.SC7 {left:559px;top:421px;}.map-select .stage li.SC8 {left:533px;top:465px;}.map-select .stage li.SC9 {left:558px;top:447px;}.map-select .stage li.SC10 {left:572px;top:435px;}.map-select .stage li.SC11 {left:564px;top:463px;}.map-select .stage li.SC12 {left:587px;top:446px;}.map-select .stage li.SC13 {left:580px;top:471px;}.map-select .stage li.SC14 {left:589px;top:486px;}.map-select .stage li.SC15 {left:606px;top:468px;}.map-select .stage li.SC16 {left:606px;top:493px;}.map-select .stage li.SC17 {left:622px;top:481px;}.map-select .stage li.SC18 {left:619px;top:505px;}.map-select .stage li.SC19 {left:638px;top:496px;}


/* ****************************** popup ****************************** */
/* 상세보기 팝업 */
.popwrap {position: relative; height: 800px; background: #fff;}
/*.popwrap  #data-gdDesc{line-height: 1.4;}*/
/*.popwrap h1 {overflow:hidden;width:90%;white-space:nowrap;text-overflow:ellipsis;width:100%;padding: 60px 0 50px;font-size:40px;font-weight:700;text-align:center;} */
.popwrap .tab {margin: 0 auto; padding: 80px 0 45px; width:90%; height:50px;}
.popwrap .tab li {float:left;width:50%;line-height:50px;text-align:center;background:#ececec;}
.popwrap .tab li a {display:block;color:#222;font-size:20px;font-weight:700;}
.popwrap .tab li.on {background:#d71343;}
.popwrap .tab li.on a {color:#fff;}
.popwrap .tab #tabsdiv1li{border-radius:25px 0 0 25px;}
.popwrap .tab #tabsdiv2li{border-radius:0 25px 25px 0;}
.popwrap .tabsdiv {margin: 0 auto; width:90%; height:490px; /*overflow-y:auto;*/}
.popwrap .map {float:left;width:440px;margin-right:30px;}
.popwrap .info {float:left;line-height:20px;}
.popwrap .info h2 {position:relative;margin-bottom:40px;font-size:20px;font-weight:700;text-align:left;}
.popwrap .info li {margin-bottom:13px;padding-left:18px;text-align:left;}
.popwrap .info li.address {background:url('/images/bg_info_address.gif') 0 5px no-repeat;}
.popwrap .info li.tel {background:url('/images/bg_info_tel.gif') 0 5px no-repeat;}
.popwrap .info li.web {background:url('/images/bg_info_web.gif') 0 5px no-repeat;}
.popwrap .info li.web a {position:relative;display:inline-block;color:#d71243;}
.popwrap .info li.web a:hover:after {content:'';position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:#e69ba7;}
.popwrap .info a.btn {display:block;width:130px;height:35px;margin-top:35px;border-radius:18px;background-color:#d71343;color:#fff;line-height:35px;text-align: center;}
.popwrap .info a.btn:hover {background-color:#a81738;}
.popwrap .btn-close {display:block;text-align: center;width:220px;height:48px;border-radius:24px;border:1px solid #ececec;background-color:#ececec;color:#222;font-size:18px;font-weight:700;line-height:46px;position: absolute;bottom: 40px;left: 50%;margin-left: -110px;}
.popwrap .btn-close:hover {border:1px solid #d71343;color:#d71343;background-color:transparent;}

/* 예약취소하기 팝업 */
.popwrap_3 {padding: 40px 30px;border-radius: 4px;background: #fff; text-align: center; color:#222; box-sizing: border-box;}
.popwrap_3 h1 {padding-bottom: 30px; font-size:24px; font-weight:700; text-align:center;}
.popwrap_3 .section {width: calc(50% - 10px);text-align:left;}
.popwrap_3 .section:first-child {margin-right:20px;}
.popwrap_3 .c_box3 {margin: 10px 0;}
.popwrap_3 .baseH {float: left;}
.popwrap_3 .actH {float: right;}
.popwrap_3 .baseH .box {height:736px;}
.popwrap_3 .box {border:1px solid #d9d9d9;font-size:12px;}
.popwrap_3 .scroll_2{height: 600px; overflow: auto;}
.popwrap_3 .section h3 {padding:0 20px;height:48px;border-bottom:1px solid #d9d9d9;line-height:48px;font-weight:700; font-size: 12px;}
.popwrap_3 .section h3 span {margin-right:14px;}
.popwrap_3 .section h3.ico {padding-left:48px;background:url('/images/ico_result_note.gif') 20px 50% no-repeat;background-size:16px 15px;}
.popwrap_3 .section table {width:90%;margin:10px auto;}
.popwrap_3 .section table tr{height: 46px; line-height: 46px;}
.popwrap_3 .section table tr th{color:#7b7b7b;}
.popwrap_3 .section input[type='checkbox'] {display:none;}
.popwrap_3 .section input[type='checkbox'] + label {display:inline-block;height:24px;margin-right: 20px;padding-left:42px;background:url('/images/bg_checkbox_off.png') left top no-repeat;vertical-align: middle;cursor:pointer;}
.popwrap_3 .section input[type='checkbox']:checked + label {background:url('/images/bg_checkbox_on.png') left top no-repeat;}
.popwrap_3 .section .table-st1 thead tr{border-bottom: 1px solid #7b7b7b;}
.popwrap_3 .section .table-st1 tr td, .popwrap_3 .section .table-st2 tr td{font-weight:700;}
.popwrap_3 .section .table-st1 td.total input[type='checkbox'] + label, .popwrap .section .table-st1 td.total input[type='checkbox']:checked + label {height:36px;background-position:0 12px;}
.popwrap_3 .section label.hidden {padding-left:24px !important;font-size:0;text-indent:-9999px;}
.popwrap_3 .section .table-st2 td,.popwrap_3 .section .table-st3 td {text-align:right;}
.popwrap_3 .section .table-st2 td.blue {color:#0f7bd7;}
.popwrap_3 .section .table-st2 td.red {color:#d71343;}
.popwrap_3 .section .table-st2 .total{border-top: 1px solid #7b7b7b;background: none;}
.popwrap_3 .section .table-st3 input[type="text"], .popwrap_3 .table-st3 .bankbook_select{width: 240px;height:38px;padding:0 24px;border: 1px solid #d6d6d6;border-radius: 4px;}
.popwrap_3 .section .table-st3 .bankbook_select{position: relative;margin: 0; background: transparent url(/images/ico_dropdown.gif) 96% 50% no-repeat;text-align: left;cursor: pointer;line-height: 38px;}
.popwrap_3 .section .table-st3 .bankbook_select .placeholder {color:#7b7b7b;}
.popwrap_3 .section .table-st3 .bankbook_select li{padding-left: 15px; border-top: 1px solid #d6d6d6; text-align: left; cursor: pointer;line-height: 38px;}
.popwrap_3 .section .table-st3 .bankbook_select li:first-child{border-radius: 8px 8px 0 0;}
.popwrap_3 .section .table-st3 .bankbook_select li:hover{background: #f5f5f5;}
.popwrap_3 .section .scroll {height:468px;padding:20px 0;background:#f8f8f8}
.popwrap_3 .section .scroll .list-style2{padding-top:20px;}
.popwrap_3 .section .scroll ul{padding:0 20px;margin: 0;border: 0;}
.popwrap_3 .section .scroll ul li{line-height:1.5;padding: 0;text-indent: initial;color: #222;}
.popwrap_3 .section .scroll ul.list-style2 li{text-indent: -8px;}
.popwrap_3 .section .scroll {height: 150px !important;}


/* 무통장 입금계좌  */
.popwrap_2 {padding:40px 30px;border-radius:4px;background: #fff;text-align: center;color:#222; box-sizing: border-box;}
.popwrap_2 h1{padding-bottom: 30px; font-size:24px; font-weight:700; text-align:center;}
.popwrap_2 .bankbook_info {width: 100%; border: 1px solid #d9d9d9;}
.popwrap_2 .bankbook_info li {display: table; width: 100%; padding: 17px 0; border-top: 1px solid #d9d9d9;font-size:15px; line-height: 1.2;}
.popwrap_2 .bankbook_info li:first-child {border-top:0;}
.popwrap_2 .bankbook_info li span {display: table-cell; padding: 0 20px;}
.popwrap_2 .bankbook_info li .b_tit {width: 30%; text-align: left;}
.popwrap_2 .bankbook_info li .b_info {width: 70%; text-align: right;font-weight:700;}
.popwrap_2 .bankbook_guide, .popwrap_2 .receipt_guide{padding: 6px 7px 23px; text-align: left;color:#757575;}
.popwrap_2 .bankbook_guide li {line-height: 30px; letter-spacing: -0.5px;}

/* 현금영수증 발행 팝업 */
.popwrap_2 table{width: 100%; text-align: left;font-size: 15px;}
.popwrap_2 table tr{height: 50px; line-height: 50px;}
.popwrap_2 table tr .radio_form label{padding: 10px 40px 10px 0;cursor: pointer;}
.popwrap_2 table td input[type="tel"],.popwrap_2 table td input[type="text"]{width: calc(100% - 24px); height: 35px; padding-left: 24px; border: 1px solid #d9d9d9; border-radius: 4px;}
.popwrap_2 .receipt_guide li {padding-top: 10px; line-height: 1.3;letter-spacing: -0.5px;text-indent: -8px;}

/* 검표이력 팝업 */
.popwrap_2 .ck_ticket_table{width: 99.9%; margin-bottom: 30px; /*border: 1px solid #d9d9d9; */ text-align: center;}
.popwrap_2 .ck_ticket_table tr {border-bottom: 1px solid #d9d9d9;}
.popwrap_2 .ck_ticket_table th, .popwrap_2 .ck_ticket_table td {padding: 5px; border: 1px solid #d9d9d9; vertical-align: middle; line-height: 1.5;}
.popwrap_2 .ck_ticket_table thead tr {height: 39px;line-height: 39px;background-color: #ececec;font-weight:700;}
.popwrap_2 .ck_ticket_table tbody tr {height: 49px;line-height: 49px;}

/* 패키지 검표이력 팝업 */
.popwrap_2 .ck_ticket_table_wrap{/*overflow-x: hidden;*/ overflow-y: auto; max-height: 450px;}
.popwrap_2 .ck_ticket_table_wrap .ck_ticket_table{margin-bottom: 0;}

/* payment invite css add (2018-04-09) Raul */
.wrapper .section .pay-rsvno {display:none;padding:15px 0;border-top:1px solid #d9d9d9;}
.wrapper .section .pay-rsvno>li {padding:5px 0;line-height:40px;}
.wrapper .section .pay-rsvno>li h4 {display:inline-block;width:111px;padding-left:20px;font-size:12px;line-height:38px;}
.wrapper .section .pay-rsvno>li input[type="text"] {width:262px;height:38px;padding:0 15px;border:1px solid #d6d6d6;border-radius:4px;color:#959595;font-size:14px;line-height:36px !important;vertical-align:top;}
.wrapper .section .pay-rsvno>li input.focus {color:#000;font-weight:700;}
.wrapper .section .pay-rsvno .selectbox {width:279px;margin-left:-4px;}

/* 180430 타이틀 add style :: start */
.wrapper .header .title-select {margin:30px 0px 30px 215px;width:595px;border: 0;}
.wrapper .header .title-box {position:relative; height: 100px;}
/*.wrapper .header .selectbox {position:relative;display:inline-block;padding-left:15px;border:1px solid #d6d6d6;border-radius:5px;background: transparent url('/images/ico_dropdown.gif') 96% 50% no-repeat;text-align:left;cursor:pointer;}*/
.wrapper .header .selectbox {background: transparent url('/images/ico_dropdown.gif') 96% 50% no-repeat;}
.wrapper .header .selectbox .placeholder {display:block;color:#000;font-weight:700;line-height:38px;z-index:1;cursor:pointer;}
.wrapper .header .title-select.selectbox .placeholder {display:block;color:#000;font-weight:700;line-height:38px;z-index:1;font-size: 24px;cursor:pointer;}
.wrapper .header .title-select.selectbox ul {display:none;position:absolute;top:55px;left:13px;width:100%;height:auto;padding:0;background:#fff;box-shadow:0 2px 7px 0 rgba(0, 0, 0, 0.2);border:1px solid #d6d6d6;border-radius:5px;z-index:100;}
.wrapper .header .title-select.selectbox li {padding-left:15px;border-top:1px solid #d6d6d6;text-align:left;line-height:38px;cursor:pointer;}
.wrapper .header .title-select.selectbox li:first-child {border-top:none;border-radius:8px 8px 0 0;}
.wrapper .header .title-select.selectbox li:last-child {border-radius:0 0 8px 8px;}
.wrapper .header .title-select.selectbox li:hover {background:#f5f5f5;font-weight: 700;}
.wrapper .header .title-select.selectbox.is-open ul {display:block;}
/* 180430 타이틀 add style :: END */

/* payment payco css add (2018-04-09) Raul */
.wrapper .section .pay-payco {display:none;padding:15px 0;border-top:1px solid #d9d9d9;}
.wrapper .section .pay-payco>li {padding:5px 0;line-height:40px;}
.wrapper .section .pay-payco>li h4 {display:inline-block;padding-left:20px;font-size:12px;line-height:28px;}
.wrapper .section .pay-payco>li input[type="text"] {width:262px;height:38px;padding:0 15px;border:1px solid #d6d6d6;border-radius:4px;color:#959595;font-size:14px;line-height:36px !important;vertical-align:top;}
.wrapper .section .pay-payco>li input.focus {color:#000;font-weight:700;}
.wrapper .section .pay-payco .selectbox {width:279px;margin-left:-4px;}


/* 예매 진행 중 로딩 */
.loading{z-index: 999; position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;}
.loading .dim{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:0.7;}
.loading  p{display:block;width:200px;height:55px;position: absolute;top:50%;left:50%;margin:-100px 0 0 -100px;padding-top:100px;text-align:center;font-size:20px;font-weight:500; color:#fff;z-index: 1;background:url('/images/loading.gif')no-repeat 50% 30% / 50px 50px}


/* 추가정보 */
.add_info {margin: 0 20px;}
.add_info > li {padding: 10px 0;}
.add_info li .add_tit{font-size: 12px; padding-left: 3px; line-height: 30px;}
.add_info li .necessary:before{content: '*'; display: inline-block; text-indent: -8px; color: #d71343;} /* 필수입력일 때 "*" 표시 */
.add_info li input { width: calc(100% - 15px); height: 38px; padding-left: 15px; border: 1px solid #d6d6d6; border-radius: 4px; color: #959595; font-size: 14px;}
.add_info li .pay-select{margin: 0 !important;}
.add_info li .add_ckbox li {line-height: 30px;}
.add_info li .add_ckbox li input[type='checkbox']{display: none;}
.add_info li .add_ckbox li input[type='checkbox'] + label {display:inline-block; width: calc(100% - 30px); padding-left:30px; background:url('/images/bg_checkbox_off.png') left 50% no-repeat; background-size: 18px 18px; font-size: 12px; color: #444; cursor:pointer;}
.add_info li .add_ckbox li input[type='checkbox']:checked + label {background:url('/images/bg_checkbox_on.png') left 50% no-repeat; background-size: 18px 18px;}


/* ****************************** mCustomScrollbar custom ****************************** */
.mCSB_inside>.mCSB_container {margin-right:0;}
.mCSB_scrollTools {width:3px;opacity:1;}
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {transition:none;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:3px;background:#d71343;transition:none;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background:#d71343;}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:#d71343;}
.mCSB_scrollTools .mCSB_draggerRail {width:3px;background:#e6e6e6;}


/* ****************************** Colorbox Core Style: The following CSS is consistent between example themes and should not be altered.****************************** */
#colorbox,#cboxWrapper,#cboxContent,#cboxLoadedContent {outline: 0; width:1000px !important; height:800px !important;}
#colorbox {position:absolute; top:40px !important; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;overflow:hidden;}
#cboxContent {position:relative;border-radius:4px;overflow:hidden;}
.cboxIframe {display:block;width:100%;height:100%;border:0;padding:0;margin:0;}
#cboxClose {position:absolute; top:22px;right:30px;width:37px;height:37px;background:url('/images/btn_close.png') 50% no-repeat;text-indent:-9999px;overflow:visible;cursor:pointer;}

/*#data-gdDesc img{display: block; margin: 0 auto;}*/

/*
 #colorbox {position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#cboxOverlay {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;overflow:hidden;}
#cboxWrapper {position:absolute;top:0;left:0;max-width:none;z-index:9999;overflow:hidden;}
#cboxContent {position:relative;border-radius:4px;overflow:hidden;}
.cboxIframe {display:block;width:100%;height:100%;border:0;padding:0;margin:0;}
#cboxClose {position:absolute;top:18px;right:18px;width:20px;height:20px;margin:0;padding:0;border:0;background:url('/front/event/yongin/images/bg_cbox_close.gif') left top no-repeat;text-indent:-9999px;cursor:pointer;overflow:visible;}
*/

/* ****************************** Modal(mypage.html popup) ****************************** */
.close {float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2}
.close:focus,.close:hover {color: #000;text-decoration: none;cursor: pointer;filter: alpha(opacity=50);opacity: .5}
button.close {padding: 0;cursor: pointer;background: 0 0;border: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none}

.modal-open {overflow: hidden}
.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0}
.modal.fade .modal-dialog {-webkit-transform: translate(0, -25%);-ms-transform: translate(0, -25%);-o-transform: translate(0, -25%);transform: translate(0, -25%);-webkit-transition: -webkit-transform .3s ease-out;-o-transition: -o-transform .3s ease-out;transition: -webkit-transform .3s ease-out;transition: transform .3s ease-out;transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out}
.modal.in .modal-dialog {-webkit-transform: translate(-50%,-50%);;-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position: absolute;top: 50%;left: 50%;}
.modal-open .modal {overflow-x: hidden;overflow-y: auto}
.modal-dialog {position: relative;width: auto;margin: 10px}
.modal-content {position: relative;background-color: #fff;background-clip: padding-box;border: 1px solid #999;border: 1px solid rgba(0, 0, 0, .2);border-radius: 6px;-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .2);box-shadow: 0 3px 10px rgba(0, 0, 0, .2);outline: 0}
.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000}
.modal-backdrop.fade {filter: alpha(opacity=0);opacity: 0}
.modal-backdrop.in {filter: alpha(opacity=50);opacity: .7}
.modal-header {padding: 15px;border-bottom: 1px solid #e5e5e5}
.modal-header .close {margin-top: -2px}
.modal-title {margin: 0;line-height: 1.42857143}
.modal-body {position: relative;padding: 15px}
.modal-footer {padding: 15px;text-align: right;border-top: 1px solid #e5e5e5}
.modal-footer .btn + .btn {margin-bottom: 0;margin-left: 5px}
.modal-footer .btn-group .btn + .btn {margin-left: -1px}
.modal-footer .btn-block + .btn-block {margin-left: 0}
.modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll}
.modal-footer:after,.modal-header:after{clear: both}

.col-black{color:#000;}


/* 예매내역 기간 설정 */
.d-flex {display: flex !important;}
.pd-20px {padding: 20px !important;}

.form-label {font-size: 14px;
    color: #0c0c0c;
    line-height: 35px;
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.searchDate {
    overflow: hidden;
}
.searchDate li {
    position: relative;
    float: left;
}
.searchDate li:first-child {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}
.searchDate li .chkbox2 {
    display: block;
    text-align: center;
}
.searchDate li .chkbox2 input {
    position: absolute;
    z-index: -1;
}
.searchDate:after {
    display: block;
    clear: both;
    content: '';
}

.searchDate li .chkbox2 label {
    display: block;
    width: 72px;
    height: 36px;
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 35px;
    text-decoration: none;
    cursor: pointer;
    background: #ececec;
}
.searchDate li .chkbox2.on label {
    background: #d71343;
    color: #fff;
}

input[type="radio"], input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

.ml-auto {
    margin-left: auto !important;
}

.inpType {
    padding-left: 6px;
    height: 36px;
    line-height: 35px;
    border: 1px solid #dbdbdb;
}

.btncalendar {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/icon_calender.png) center center no-repeat;
    text-indent: -999em;
}

.demi {
    display: inline-block;
    margin: 0 1px;
    vertical-align: middle;
}

.wrapper .btn1 {
    display: inline-block;
    padding: 0px 15px;
    height: 36px;
    border-radius: 6px;
    background: #d71343;
    color: #fff;
    line-height: 36px;
    text-align: center;
}
.gdPackageGuideTipArea{
    padding: 20px;
    word-break: auto-phrase;
    line-height: 140%;
}
.gdPackageGuideTipArea p {
    font-size: 13px;
}