@charset "utf-8";

/* NotoSefif KR (국문) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
/* NanumSquareNeo (국문) */
@import url('/include/css/font.css');


* {margin:0; padding:0; -webkit-font-smoothing:antialiased;}
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, 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; letter-spacing:-1px;}
html, body, main {width:100%; min-width:320px; min-height:100%; box-sizing:border-box;}
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, 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, textarea {zoom:1; font-family:'NanumSquareNeo','Malgun Gothic','맑은 고딕','돋음','Dotum','Apple SD Gothic Neo',Arial,Helvetica,sans-serif; font-weight:400; color:#1C171D; word-break:keep-all; word-wrap:break-word;}
body {background-color:#fff;}

legend, caption, .skip, .hide {position:absolute !important; width:1px; height:1px; overflow:hidden;clip:rect(1px 1px 1px 1px); /* IE6, IE7 */clip:rect(1px, 1px, 1px, 1px);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, main, section, caption {display:block;}
ul, ol {list-style-type:none;}
blockquote, q {quotes:none;}
a {text-decoration:none; color:inherit;}
table {border-collapse:collapse; border-spacing:0;}
colgroup {display:table-column-group;}
col {display:table-column;}
img {max-width:100%; max-height:100%; vertical-align:top;}

button, input[type="submit"], input[type="button"] {cursor:pointer; display:inline-block; border:none; margin:0; padding:0; width:auto; overflow:visible; background:transparent; box-shadow:none; color:inherit; font:inherit; line-height:normal; letter-spacing:inherit; -webkit-font-smoothing:inherit; -moz-osx-font-smoothing:inherit; -webkit-appearance:none; cursor:pointer;}

select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand {display:none;}

/* 폰트설정 */

::-webkit-input-placeholder{color:#151516; letter-spacing:-1px;}
:-moz-placeholder{color:#151516; letter-spacing:-1px;}
::-moz-placeholder{color:#151516; letter-spacing:-1px;}
:-ms-input-placeholder{color:#151516; letter-spacing:-1px;}
::placeholder{color:#89898D; letter-spacing:-1px;}
a {cursor:pointer;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.fl {float:left;}
.fr {float:right;}
.dpYes {display:block !important;}
.dpNo {display:none !important;}
.clfix{*zoom:1}
.clfix:after,.clfix:before{display:table;line-height:0;content:""}
.clfix:after{clear:both}
.wrapHidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
/* layout */
#skipnavi {width:100%; position:relative; z-index:99999;}
#skipnavi a {position:absolute; left:0; top:-40px; display:block; width:100%; background:#1C171D; color:#fff; text-align:center; outline:none; line-height:40px;}
#skipnavi a:active, #skipnavi a:focus {top:0; text-decoration:none; cursor:pointer; zoom:1}

html, body {width:100%; height:100%;}
#wrap ,#wrap > section {height:100%;}

/* basic */
.ly_dim {display:none; position:fixed; z-index:888; width:100%; height:100%; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.7);}
.ly_dim2 {display:none; position:fixed; z-index:999; width:100%; height:100%; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.7);}
.noImg {display:inline-block; width:100%; height:100%; background:#fff url(/images/mTicket/noImage.svg) no-repeat 50% 50%; background-size:100% auto;}
.not_scroll {position:fixed; overflow:hidden; width:100%; height:100%;}

#mTwrap {position:relative; width:100%; height:100%; box-sizing:border-box; overflow:hidden; background:#260D36 url(/images/mTicket/mt_bg.gif) no-repeat 50% 0; background-size:100%;}
#mTheader {position:absolute; left:0; top:0; right:0; z-index:100;}
#mTheader h1 {padding:25px 0 0 23px;}
#mTheader h1 a {display:block; width:71px; height:21px;}
#mTheader h1 a img {max-width:100%; max-height:100%; vertical-align:top;}

/* 펼처보기 */
.btn_allTk  {position:absolute; right:24px; top:25px; width:30px; height:28px; background:url(/images/mTicket/btn_mticket_open.svg) no-repeat 0 0; background-size:30px auto;}
.ly_mTicket_box {position:fixed; left:0; top:0; right:0; bottom:0; display:none; background:#280F31 linear-gradient(-35deg, rgb(37 9 77),rgb(40 15 49), rgb(74 41 107 / 90%)); background-size:100% auto;}
.ly_mTicket_box .btn_close {position:absolute; right:5px; top:10px; width:53px; height:53px; background-color:#fff; mask:url(/images/mTicket/ico_close01.svg) no-repeat 50% 50%; mask-size:22px; z-index:110;}
.ly_mTicket_box h1 {position:absolute; left:0; top:0; right:0; z-index:100;}

.ly_mTicket_allBox {position:relative; height:100%; margin:0 auto; padding:53px 0 0 0; box-sizing:border-box;}
/* .ly_mTicket_allBox:after {content:''; position:absolute; left:0; top:140px; right:0; height:277px; background:url(/images/mTicket/bg_mTicket_back.png) no-repeat 0 0; background-size:100% 100%; z-index:2;} */
.ly_mTicket_allBox .mTicketBg {display:none; position:absolute; left:-5%; top:-5%; right:-5%; height:420px; opacity:0.6; background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; filter: blur(13px); -webkit-filter: blur(13px); -moz-filter: blur(13px); -o-filter: blur(13px);}
.ly_mTicket_allBox .mTicket_thumbWrap {position:relative; padding:18px 30px 0; z-index:10; overflow:hidden;}
.ly_mTicket_allBox .mTicket_thumbWrap .thumb {float:left; width:66px; height:85px; margin:0 auto; overflow:hidden;}
.ly_mTicket_allBox .mTicket_thumbWrap .thumb a {display:block; width:100%; height:100%; overflow:hidden;}
.ly_mTicket_allBox .mTicket_thumbWrap .thumb img {width:100%;}
.ly_mTicket_allBox .mTicket_thumbWrap .prd_info {overflow:hidden; display:block; padding:0 0 0 24px;}
.ly_mTicket_allBox .mTicket_thumbWrap .prd_info .sTitle {color:#fff; font-size:15px; font-weight:600; line-height:21px; display:block; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.ly_mTicket_allBox .mTicket_thumbWrap .prd_info .sTime {padding:8px 0 0 0; color:#fff; font-size:15px; font-weight:600; line-height:21px; word-break:keep-all;}
.ly_mTicket_allBox .mTicket_thumbWrap .prd_info .sPlace {color:#fff; font-size:15px; font-weight:600; line-height:23px;}
.ly_mTicket_list {position:absolute; left:10px; right:10px; top:0; bottom:15px; z-index:10; margin:197px 0 0; border-radius:4px; background-color:#fff; overflow:auto;}
.buyer_info {padding:20px 25px 18px 28px; overflow:hidden;}
.buyer_info span {display:inline-block; margin-right:5px; color:#1C171D; font-size:13px;}
.buyer_info strong {display:inline-block; color:#1C171D; font-size:15px; font-weight:700;}
.buyer_info strong a {color:#1C171D; border-bottom:1px solid #1C171D; font-weight:700;}
.buyer_info em {display:inline-block; margin-left:5px; color:#1C171D; font-size:13px; font-style:normal;}
.buyer_info em strong {font-weight:400;}
.buyer_info .buyer {float:left;}
.buyer_info .perf_number {float:right;}
.ly_mTicket_list ul {padding:0 28px 23px;}
.ly_mTicket_list ul li {margin-top:13px;}
.ly_mTicket_list ul li:first-child {margin-top:0;}
.ly_mTicket_list ul li .ly_mTicketBox {display:flex; min-height:112px; border:2px solid #1C171D; background-color:#fff; border-radius:3px; box-sizing:border-box;}
/*.ly_mTicket_list ul li .ly_mTicketBox {display:block; position:relative; min-height:92px; border:2px solid #1C171D; background-color:#fff; border-radius:3px; box-sizing:border-box;}*/
.ly_mTicket_list ul li .ly_mTicketBox.complet {border:1px dotted #D4D8DA; background-color:#E7EAEC}
.ly_mTicket_list ul li .ly_mTicketBox.undelivery {border:1px dotted #D4D8DA; background-color:#E7EAEC}
.ly_mTicket_list ul li .ly_mTicketBox.useComplet {border:1px dotted #D4D8DA; background-color:#E7EAEC}
.ly_mTicket_list ul li .ly_mTicketBox.standby {border:1px solid #1C171D;}
.ly_mTicket_list ul li .ly_mTicketBox > .mTk_info {width:calc(100% - 90px); padding:23px 10px 23px 20px; text-align:left; box-sizing:border-box;}
.ly_mTicket_list ul li .ly_mTicketBox > .mTk_info span {display:block; color:#ADADB4; font-size:18px; font-weight:700; line-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.ly_mTicket_list ul li .ly_mTicketBox > .mTk_info strong {display:block; max-height:44px; margin:6px 0 0; color:#ADADB4; font-size:13px; font-weight:normal; line-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ly_mTicket_list ul li .ly_mTicketBox.possible .mTk_info span,
.ly_mTicket_list ul li .ly_mTicketBox.possible .mTk_info strong,
.ly_mTicket_list ul li .ly_mTicketBox.takeBack .mTk_info span,
.ly_mTicket_list ul li .ly_mTicketBox.takeBack .mTk_info strong,
.ly_mTicket_list ul li .ly_mTicketBox.standby .mTk_info span,
.ly_mTicket_list ul li .ly_mTicketBox.standby .mTk_info strong {color:#1C171D;}
.ly_mTicket_list ul li .ly_mTicketBox > .mTk_info .discount_info {margin-top:7px;}
.ly_mTicket_list ul li .ly_mTicketBox > .mTk_info .discount_info > em {display:block; color:#1C171D; font-size:13px; font-family:NanumSquareNeoExtraBold}
.ly_mTicket_list ul li .ly_mTicketBox > .mTk_info .discount_info .tkboxCheck {overflow:hidden; padding-bottom:10px; color:#1C171D; font-size:13px; font-weight:500; font-style:normal;}
.ly_mTicket_list ul li .ly_mTicketBox > .mTk_info .discount_info .tkboxCheck em {display:inline-block; height:18px; padding:0 8px 0 19px; background:#1C171D url(/images/mTicket/ico_people.svg) no-repeat 6px 50%; border-radius:18px; color:#fff; font-size:10px; line-height:18px; font-style:normal; vertical-align:1px;}
.ly_mTicket_list ul li .ly_mTicketBox.complet .mTk_info .discount_info em,
.ly_mTicket_list ul li .ly_mTicketBox.useComplet .mTk_info .discount_info em,
.ly_mTicket_list ul li .ly_mTicketBox.undelivery .mTk_info .discount_info em {color:#9FA1A6;}
.ly_mTicket_list ul li .ly_mTicketBox.complet > .mTk_info .discount_info .tkboxCheck em,
.ly_mTicket_list ul li .ly_mTicketBox.useComplet > .mTk_info .discount_info .tkboxCheck em,
.ly_mTicket_list ul li .ly_mTicketBox.undelivery > .mTk_info .discount_info .tkboxCheck em {background-color:#9FA1A6;; color:#fff;}
.ly_mTicket_list ul li .ly_mTicketBox.possible > .mTk_info .discount_info .tkboxCheck em,
.ly_mTicket_list ul li .ly_mTicketBox.standby > .mTk_info .discount_info .tkboxCheck em {background-color:#1C171D;}


.ly_mTicket_list ul li .ly_mTicketBox > .state {width:90px;}
/*.ly_mTicket_list ul li .ly_mTicketBox > .state {position:absolute; right:22px; top:15px;}*/
.ly_mTicket_list ul li .ly_mTicketBox > .state em {position:relative; display:flex; justify-content:center; align-items:center; width:70px; height:70px; border-radius:70px; box-sizing:border-box; font-size:15px; line-height:18px; font-weight:700; font-style:normal; text-align:center;}
.ly_mTicket_list ul li .ly_mTicketBox.possible > .state em {border:2px dotted #1C171D; color:#1C171D;}
.ly_mTicket_list ul li .ly_mTicketBox.possible > .state em:before {content:""; position:absolute; right:-13px; bottom:-8px; width:28px; height:28px; border-radius:28px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); background:#1C171D url(/images/mTicket/ico_arr_sand_back.svg) no-repeat 50% 50%;}
.ly_mTicket_list ul li .ly_mTicketBox.takeBack > .state em {border:2px dotted #1C171D; color:#1C171D;}
.ly_mTicket_list ul li .ly_mTicketBox.takeBack > .state em:before {content:""; position:absolute; right:-13px; bottom:-8px; width:28px; height:28px; border-radius:28px; box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.16); background:#1C171D url(/images/mTicket/ico_arr_sand_back.svg) no-repeat 50% 50%; transform:rotate(-180deg);}
.ly_mTicket_list ul li .ly_mTicketBox.complet > .state em {border:2px dotted #ADADB4; background-color:#fff; color:#ADADB4}
.ly_mTicket_list ul li .ly_mTicketBox.standby > .state em {background:url(/images/mTicket/wait_circle.svg) no-repeat 100% 100%; color:#1C171D;}
.ly_mTicket_list ul li .ly_mTicketBox.useComplet > .state em {border:2px dotted #ADADB4; background-color:#fff; color:#ADADB4}
.ly_mTicket_list ul li .ly_mTicketBox.undelivery > .state em {border:2px dotted #ADADB4; background-color:#fff; color:#ADADB4}


#mTcts {height:100%;}

.mTicket_wrap, .mTicket_wrap ul, .mTicket_wrap ul li {height:100%;}
.mTicket_wrap ul li {width:100%;}
.mTicket_wrap .pagination {position:absolute; height:9px; bottom:434px; text-align:center;}
.mTicket_wrap .pagination .swiper-pagination-bullet {width:9px; height:9px; margin:0 1px 0 2px; background: rgba(256,256,256,0.4); opacity:1; vertical-align:top;}
.mTicket_wrap .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#ffffff; box-shadow:0px 2px 2px rgba(0, 0, 0, 0.2);}
.mTicket_box {width:100%; height:100%; position:relative; padding:0 0 428px 0; box-sizing:border-box; overflow:hidden;}
.mTicket_box .mTicket_info {position:absolute; left:0; bottom:0; right:0; z-index:10;}
/* 
.mTicket_box.ty01 .mTicket_info {background-color:#342A50;}
.mTicket_box.ty02 .mTicket_info {background-color:#502ABD;}
.mTicket_box.ty03 .mTicket_info {background-color:#A4003B;}
 */
/* 모바일티켓 상단 공연정보 */
.mTshow_info {position:relative; height:100%; margin:0 auto; padding:25px 0 32px 0; box-sizing:border-box;}
/* .mTshow_info:after {content:''; position:absolute; left:0; bottom:0; right:0; height:277px; background:url(/images/mTicket/bg_mTicket_back.png) repeat-x 0 100%; background-size:100% 277px; z-index:2;} */
.mTshow_info .mTicketBg {display:none; position:absolute; left:-5%; top:-5%; right:-5%; bottom:-5px; opacity:0.6; background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; filter: blur(13px); -webkit-filter: blur(13px); -moz-filter: blur(13px); -o-filter: blur(13px); z-index:1;}
.mTshow_info .mTicket_thumbWrap {position:relative; width:100%; height:271px; margin:0 auto;  /* background:url(/images/mTicket/bg_mTicket_show_info.png) no-repeat 0 0; background-size:100% auto; */ box-sizing:border-box; z-index:10; padding:0 20px;}
.mTshow_info .mTicket_thumbWrap .thumb {width:88px; height:113px; margin:0 auto; overflow:hidden;}
.mTshow_info .mTicket_thumbWrap .thumb a {display:block; width:100%; height:100%; overflow:hidden;}
.mTshow_info .mTicket_thumbWrap .thumb img {width:100%;}
.mTshow_info .mTicket_thumbWrap .sTitle {padding:15px 0 0 0; color:#fff; font-size:15px; line-height:21px; font-weight:400; text-align:center; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; letter-spacing:0;}
.mTshow_info .mTicket_thumbWrap .sTime {padding:8px 0 0 0; color:#fff; font-size:15px; font-weight:700; line-height:21px; text-align:center; letter-spacing:0;}
.mTshow_info .mTicket_thumbWrap .sPlace {padding:8px 0 0 0; color:#fff; font-size:15px; font-weight:700; line-height:21px; text-align:center; letter-spacing:0;}
.mTicket_info {position:relative; height:368px; margin:0 10px 44px; background-color:#fff; border-radius:4px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);}
.mTicket_info .mTicket_code {padding:20px 0 0 0}
.mTicket_info .mTicket_code:first-child {padding:70px 0 0 0;}
.mTicket_btn_wrap {padding:32px 0 13px 0; text-align:center;}
.mTicket_btn_wrap .btn_sand, .mTicket_btn_wrap .btn_return, .mTicket_btn_wrap .btn_reclaim {z-index:10; position:absolute; left:50%; bottom:-22px; width:160px; height:50px; border-radius:0 0 25px 25px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); transform:translate(-50%, 0);}
.mTicket_btn_wrap .btn_sand span, .mTicket_btn_wrap .btn_return span, .mTicket_btn_wrap .btn_reclaim span {display:inline-block; color:#fff; font-size:18px; font-weight:400; line-height:50px;}
.mTicket_btn_wrap .btn_sand, .mTicket_btn_wrap .btn_return {background:#1C171D;}
.mTicket_btn_wrap .btn_sand span, .mTicket_btn_wrap .btn_return span {padding:0 0 0 26px; background:url(/images/mTicket/ico_sand.svg) no-repeat 0 50%; background-size:23px auto;}
.mTicket_btn_wrap .btn_reclaim {background:#1C171D;}
.mTicket_btn_wrap .btn_reclaim span {padding:0 26px 0 0; background:url(/images/mTicket/ico_return.svg) no-repeat 100% 50%; background-size:25px auto;}
.mTicket_btn_wrap .mTicket_seatInfo {position:relative; display:inline-block; max-width:100%; padding:0 18px; box-sizing:border-box; line-height:22px;}
.mTicket_btn_wrap .mTicket_seatInfo.notSelect {padding:0 18px;}
.mTicket_btn_wrap .mTicket_seatInfo.notSelect em {font-size: 18px;color: #4D1598;font-weight:400}
.mTicket_btn_wrap .mTicket_seatInfo em {display:inline-block; font-size:13px; font-style:normal; text-align:center; font-weight:700;}
.mTicket_seat {text-align:center; padding:0 0 24px 0; border-bottom:2px dashed #D4D8DA;}
.mTicket_seat .btn_seat_check {display:inline-block; width:25px; height:25px; margin-top:3px; background:#1C171D url(/images/mTicket/ico_seat_zone.svg) no-repeat 50% 50%; border-radius:25px; vertical-align:top;}
.mTicket_seat .btn_seat_check span {font-size:0;}
.mTckiet_gate {display:flex; margin-top:10px; justify-content:center; width:100%; height:26px; box-sizing:border-box; margin-top:8px;}
.mTckiet_gate > span {padding:0 13px; border:1px solid #1C171D; border-radius:20px 0px 0px 20px; background-color:#1C171D; color:#fff; font-size:13px; font-weight:700; vertical-align:top; line-height:24px;}
.mTckiet_gate > p {border:1px solid #1C171D; border-radius:0px 20px 20px 0px; padding:0 10px; vertical-align:top; line-height:24px; box-sizing:border-box;}
.mTckiet_gate > p em {display:inline-block; font-style:normal; font-size:13px; font-weight:700; vertical-align:top;}
.mTicket_btn_wrap .btn_mTicket {position:absolute; top:-13px; right:10px; padding:0 13px; line-height:24px; background-color:#6E1670; border-radius:15px;}
.mTicket_btn_wrap .btn_mTicket span {display:block; color:#fff; font-size:12px;}
.mTseat_info {display:flex; flex-wrap:wrap; justify-content:center;}
.mTseat_info strong {display:inline-block; padding:0 10px; color:#1C171D; font-size:18px;  line-height:30px; font-family:NanumSquareNeoHeavy}
.barcode_wrap {position:relative; width:295px; height:75px; margin:0 auto;}
.barcode_wrap .barcode {width:295px; height:75px; padding:0 10px; background-color:#fff; box-sizing:border-box;}
.barcode_wrap .barcode img {width:275px; height:75px;}
.barcode_wrap .mTopen_before {position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(255, 255, 255, 0.9); text-align:center;}
.barcode_wrap .mTopen_before:before {content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.barcode_wrap .mTopen_before.discountBg {top:0; right:0; bottom:0; left:0; background-color:#fff; padding:0 !important;}
.barcode_wrap .mTopen_before.discountBg:before {display:none;} 
.barcode_wrap .mTopen_before.discountBg > div {padding:7px;}
.barcode_wrap .mTopen_before.discountBg > div img {width:295px; height:81px;}
.barcode_wrap .mTopen_before > div {display:inline-block; vertical-align:middle;}
.barcode_wrap .mTopen_before > div p {line-height:25px;}
.barcode_wrap .mTopen_before > div span {display:inline-block; color:#1C171D; font-size:15px; font-weight:700; vertical-align:top;}
.barcode_wrap .mTopen_before > div strong {display:inline-block; color:#1C171D; font-size:18px; font-weight:700; vertical-align:top;}
.barcode_wrap .mTopen_before > div em {display:inline-block; color:#1C171D; font-size:15px; font-weight:700; letter-spacing:-1px; vertical-align:top; font-style:normal;}
.barcode_wrap.disctOn .mTopen_before {padding-bottom:27px}
/*.barcode_wrap.barcode_timeOut {margin-bottom:57px;}*/
.barcode_info {position:relative; padding:20px 0 0; width:295px; margin:0 auto;}
.barcode_info .barcodeNumber {color:#fff; font-size:12px; font-weight:700; line-height:28px; text-align:center;}
.barcode_info .nonCapture {color:#1C171D; font-size:13px; line-height:22px; text-align:center; }
.barcode_info .nonCapture span{font-family:NanumSquareBold}
.barcode_info .nonCapture em {display:inline-block; font-size:13px; font-style:normal; font-weight:600;}
.barcode_info .timeOut {position:absolute; right:0; bottom:-3px; width:45px; height:24px; border:2px solid #1C171D; border-radius:21px; color:#1C171D; font-size:13px; font-weight:700; line-height:22px; letter-spacing:-0.42px; text-align:center;}
.barcode_info .position_check {position:absolute; right:0; top:-3px; padding:3px 7px 3px 9px; border:2px solid #1C171D; border-radius:24px; line-height:18px;text-align:center;}
/*.barcode_info .position_check::after {content:''; display:inline-block; width:18px; height:18px; border-radius:18px; background:#1C171D url(/images/mTicket/ico_chk_admission.svg) no-repeat 50% 50%; vertical-align:top;}*/
.barcode_info .position_check span {display:inline-block; padding-right:4px; color:#1C171D; font-size:13px; font-weight:700; vertical-align:top;}

.mTdiscountType {position:absolute; left:0; bottom:0; right:0; height:27px; background-color:#E8ECEF; color:#1C171D; font-size:12px; font-weight:400; line-height:27px; text-align:center; box-sizing:border-box;}
.mTdiscountType_after {height:27px; width: 295px; margin: 0 auto; background-color:#F3EAFC; color:#1C171D; font-size:12px; font-weight:400; line-height:27px; text-align:center; box-sizing:border-box;}
.mT_note_txt {padding:20px 0 0;}
.mT_note_txt p {color:#1C171D; font-size:13px; line-height:22px; text-align:center; font-weight:700;}
.mT_note_txt p strong {display:inline-block;font-size:13px; font-weight:700;}
.mT_note_txt p em {display:inline-block; font-size:13px; font-style:normal; font-weight:700;}
.mT_note_txt p.note02:before {content:""; display:inline-block; width:24px; height:24px; margin:0 7px 0 0; background:url(/images/mTicket/ico_smile.svg) no-repeat 0 50%; background-size:24px auto; vertical-align:top;}
.mT_note_txt p.note02 strong,.mT_note_txt p.note03 strong  {color:#1C171D;}
.mT_note_txt p.note03 em {display:inline-block; width:26px; height:26px; margin:0 5px; background:url(/images/mTicket/ico_mticket_open.svg) no-repeat 0 0; background-size:26px auto; text-indent:-999px; overflow:hidden; vertical-align:middle;}
.mT_note_txt .barcode_info {padding:0;}

.gradient_loadingBar {position:absolute; left:-10px; right:-10px; bottom:-44px; height:10px; background:repeating-linear-gradient(to right, #FB00F3 0%, rgba(0, 0, 0, 0.75) 30%, #1C171D 70%, #FB00F3 100%); background-size: 200% auto; background-position: 0 100%; animation: gradient 2s infinite; animation-fill-mode: forwards; animation-timing-function: linear;}

/* 티켓도착 */
.mTicket_arrival_wrap {position:fixed; left:0; top:0; right:0; bottom:0; z-index:100; padding:0 18px 55px 18px; background:#260D36 url(/images/mTicket/mt_bg.gif) no-repeat 50% 0; background-size:100% auto; background-attachment:local; overflow:hidden; overflow-y:auto;}
.mTicket_arrival_wrap > h1 {padding:28px 0 0 0;}
.mTicket_arrival_wrap > h1 a {display:block; width:71px; height:21px;}
.mTicket_arrival_wrap > h1 a img {max-width:100%; max-height:100%; vertical-align:top;}
.mTicket_arrival_wrap .tit_arrival {padding:20px 0 78px;}
.mTicket_arrival_wrap .tit_arrival p {color:#AFA3BC; font-size:56px; font-weight:700; line-height:65px; letter-spacing:-4.2px; padding:0 0 93px 20px; background:url(/images/mTicket/img_ticket.png) no-repeat 0 100%}

.mTicket_arrival_wrap .tit_arrival p strong {color:#fff; font-size:56px; font-weight:700; letter-spacing:-4.2px; }
.mTicket_arrival_wrap .tit_arrival > span {color:#fff; font-size:18px; font-weight:700; line-height:29px; padding:0 0 0 20px;}
.accept_wrap {position:relative; padding:0 0 24px; background-color:#fff; border-radius:20px;}
.accept_wrap .mTicket_thumbWrap {position:relative; padding:83px 24px 50px; border-bottom:2px dashed #D4D8DA;}
.accept_wrap .mTicket_thumbWrap .thumb {position:absolute; left:50%; top:-49px; margin:0 0 0 -44px; width:88px; height:113px; overflow:hidden;}
.accept_wrap .mTicket_thumbWrap .thumb img {width:100%; height:auto;}
.accept_wrap .mTicket_thumbWrap .sTitle {color:#1C171D; font-size:15px; font-weight:700; text-align:center; line-height:28px;}
.accept_wrap .mTicket_thumbWrap .prd_info {font-size:0; text-align:center;}
.accept_wrap .mTicket_thumbWrap .prd_info .sTime {display:inline-block; font-size:13px; line-height:22px;}
.accept_wrap .mTicket_thumbWrap .prd_info .sPlace {display:inline-block; font-size:13px; line-height:22px;}
.accept_wrap .mTicket_thumbWrap .prd_info .sPlace:before {content:"|"; display:inline-block; padding:0 10px; color:#C7CBD3;}
.accept_area {text-align:center; position:relative;}
.accept_area > p {position:absolute; top:-25px; left:50%; display:inline-block; width:260px; padding:13px 28px; margin:0 0 0 -130px; background-color:#1C171D; border-radius: 100px; color:#fff; font-size:16px; font-weight:700; box-sizing:border-box;}
.accept_area .btn_area {font-size:0;}
.accept_area .btn_area > button {width:115px; height:55px; box-sizing:border-box;  font-size:15px; font-weight:700; margin:0 5px;}
.accept_area .btn_area > button.btn_complete {background: #1C171D; color:#fff;}
.accept_area .btn_area > button.btn_cancel {background:#fff; color:#1C171D; border:1px solid #1C171D;}

.accept_area .chkBox {display:inline-block; min-height:29px; margin:42px 0 15px; position:relative; vertical-align:middle; line-height:29px;}
.accept_area .chkBox input {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;} 
.accept_area .chkBox input + label {display:inline-block; padding:0 0 0 26px; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; color:#1C171D; font-size:13px; line-height:29px; vertical-align:top;}
.accept_area .chkBox input + label:before {content:''; position:absolute; left:0; top:5px; width:18px; height:18px; background:url(/images/mTicket/ico_chek02.svg) no-repeat 0 0; background-size:18px auto;}
.accept_area .chkBox input:checked + label:before {background-position:0 -34px;}
.accept_area .chkBox button {display:inline-block; width:29px; height:29px; background:url(/images/mTicket/ico_agreement.svg) no-repeat 50% 50%; background-size:15px 15px; vertical-align:top;}
/* popup */
.ly_popup_wrap {position:fixed; left:0; top:0; right:0; bottom:0; z-index:100;}
.ly_popup_wrap .ly_popup.puDepth01 {z-index:1000;}
.ly_popup_wrap .ly_dim, .ly_popup_wrap .ly_dim2 {display:block;}
.ly_popup_wrap .ly_popup {position:absolute; left:18px; right:18px; bottom:45px; padding:24px; background-color:#fff; z-index:999; border-radius:4px;}

.ly_tit{width: 100%; height: 30px; border-bottom: 1px solid #C4C6C9; margin-bottom: 30px; font-size: 18px; font-weight: 700;}

.btn_p_close{
    display: inline-block;
    width: 20px;
    height: 20px;
float:right;
    background: url(/images/mTicket/ico_close01.png) no-repeat 50% 50%;
}



.ly_popup .txt_note01 {color:#1C171D; font-size:15px; text-align:center; line-height:21px; font-weight:500;}
.ly_popup .txt_note02 {padding-bottom:11px; color:#1C171D; font-size:15px; text-align:center; line-height:21px }
/* .ly_popup .txt_note02::before {content:"!"; display:inline-block; width:15px; height:15px; margin-right:3px; border-radius:8px; background-color:#1C171D; color:#fff; font-size:12px; font-weight:700; line-height:15px; text-indent:-1px;} */
.ly_popup .txt_note02 em {color:#D30379; font-style:normal; font-weight:800;}
.ly_popup .btn_area {padding:13px 0 0 0; font-size:0; text-align:center;}
.ly_popup .btn_area > button {width:105px; height:55px; box-sizing:border-box;  font-size:15px; font-weight:500; margin:0 5px;}
.ly_popup .btn_area > button.btn_reclaim,.ly_popup .btn_area > button.btn_complete {background-color: #1C171D; color:#fff; font-weight: 700;}
.ly_popup .btn_area > button.btn_cancel {background-color: #fff; border:1px solid #1C171D; color:#1C171D; font-weight: 700;}

.ly_popup .btn_me_sand {padding:15px 0 0 0; text-align:center;}
.ly_popup .btn_me_sand > button {border:0 none; background-color:#fff;}
.ly_popup .btn_me_sand > button span {display:block; padding:2PX 32px 0 0; background:url(/images/mTicket/ico_file.png) no-repeat 99% 50%; background-size:23px auto; color:#1C171D; font-size:15px; font-weight:500;}
.ly_popup .txt_reclaim {padding:18px 0; color:#1C171D; font-size:15px; font-weight:500; text-align:center; line-height:23px;}
.ly_popup .tit_reclaim {padding:0 0 96px 0; background:url(/images/mTicket/ico_pu_reclaim.svg) no-repeat 50% 49px; background-size:57px auto; color:#1C171D; font-size:22px; text-align:center; line-height:23px; font-weight:700; letter-spacing:-1.65px;}
.ly_popup .txt_return {padding:18px 0 5px; color:#1C171D; font-size:22px; font-weight:700; text-align:center; line-height:23px;}
.ly_popup .tit_return {padding:0 0 82px 0; background:url(/images/mTicket/ico_pu_return.svg) no-repeat 50% 39px; background-size:57px auto; color:#1C171D; font-size:20px; text-align:center; line-height:23px; font-weight:700;}
.ly_popup .tit_return em, .ly_popup .tit_reclaim em, .ly_popup .mTicket_delivery .tit em {color:#1C171D; font-weight:700; font-style:normal; letter-spacing:-1.65px;}
.ly_popup .mTicket_delivery {}
.ly_popup .mTicket_delivery p {color:#1C171D; font-size:13px; text-align:center; line-height:18px; font-weight:500;}
.ly_popup .mTicket_delivery .tit {padding:6px 0 11px 0; color:#1C171D; font-size:22px; text-align:center; line-height:23px; font-weight:700;}
.ly_popup .mTicket_delivery dl {overflow:hidden;}
.ly_popup .mTicket_delivery dl dt {float:left; width:88px; padding:0 0 3px 0; color:#1C171D; font-size:15px; font-weight:500; line-height:35px;}
.ly_popup .mTicket_delivery dl dd {display:block; overflow:hidden; padding:0 0 3px 0;}
.ly_popup .mTicket_delivery dl dd input{width:100%; height:40px; padding:5px 10px; border: 1px solid #E6E6E6; color:#1C171D; font-size:13px; line-height:25px; box-sizing:border-box;}

.ly_popup .mTicket_notice p {padding:0 0 15px 0; color:#1C171D; font-size:15px; font-weight:500; text-align:center; line-height:24px;}
.ly_popup .mTicket_notice p em {color:#1C171D; font-style:normal; font-weight:700;}
.ly_popup .mTicket_notice p strong {font-weight:500;}
.ly_popup .mTicket_notice p span {display:block; padding-top:6px; font-size:15px; font-weight:500;}
.ly_popup .mTicket_notice .tit {padding:6px 0 25px 0; color:#1C171D; font-size:15px; text-align:center; line-height:23px; font-weight:700;}

.ly_popup_expired {position:fixed; left:0; top:0; right:0; bottom:0; z-index:100; padding:126px 0 0 0; background-color:#fff;}
.ly_popup_expired p {padding:81px 0 0 0; background:url(/images/mTicket/bg_expired.png) no-repeat 50% 0; background-size:57px 57px; font-size:20px; font-weight:700; text-align:center;}

.ly_popyp_guide {background-color:#fff; border-bottom:1px solid #1C171D; }
.ly_popyp_guide h1 {padding:30px 0 13px 0; font-size:25px; font-weight:300; font-family: "Noto Serif KR", serif; letter-spacing: -3px; text-align:center;}
.ly_popyp_guide h1 + p {font-size:13px; text-align:center;}
.ly_popyp_guide .btn_area {position:absolute; left:0; bottom:0; right:0; padding:13px 0; font-size:0; text-align:center; background-color:#fff;}
.ly_popyp_guide .btn_area > button {width:50%;}
.ly_popyp_guide .btn_area > button.btn_closed {padding:10px 0; border:0 none; background-color: #fff; border:1px solid #1C171D; color:#1C171D; font-size:15px; line-height:30px; font-weight:700;}
.ly_popyp_guide .ly_popup_content .mtGuide_tab {max-width:720px; margin:0 auto; margin-top:60px; padding:0 15px; overflow:hidden;}
.ly_popyp_guide .ly_popup_content .mtGuide_tab li {width:50%; float:left;}
.ly_popyp_guide .ly_popup_content .mtGuide_tab li a {display:block; padding:20px 0; border:1px solid #B2B2B2; border-left:0 none; color:#9A9A9A; font-size:18px; text-align:center; box-sizing:border-box;}
.ly_popyp_guide .ly_popup_content .mtGuide_tab li:first-child a {border-left:1px solid #b2b2b2; border-right:0 none;}
.ly_popyp_guide .ly_popup_content .mtGuide_tab li.active a {background:#1C171D; border-bottom:1px solid #1C171D; color:#fff;}
.ly_popyp_guide .ly_popup_content .mTicket_guide_wrap {position:absolute; left:0; right:0; top:0; bottom:0; margin:240px 0 76px; overflow-y:auto; overflow-x:hidden; background-color:#fff;}
.ly_popyp_guide .ly_popup_content .mtGuide_slide {position:relative; max-width:720px; margin:0 auto; overflow:hidden;}
.ly_popyp_guide .ly_popup_content .mtGuide_slide .btn_prev {position:absolute; left:20px; top:50%; z-index:10; width:13px; height:26px; background:url(/images/mTicket/btn_prev.png) no-repeat 50% 50%; background-size:13px auto;}
.ly_popyp_guide .ly_popup_content .mtGuide_slide .btn_next {position:absolute; right:20px; top:50%; z-index:10; width:13px; height:26px; background:url(/images/mTicket/btn_next.png) no-repeat 50% 50%; background-size:13px auto;}
.ly_popyp_guide .ly_popup_content .mtGuide_slide .title {padding:0 15px; text-align:center;}
.ly_popyp_guide .ly_popup_content .mtGuide_slide .title em {display:inline-block; padding: 15px 30px 15px 30px;; border-radius:50px; border:1px solid #1C171D; font-size:15px; font-weight:700}
.ly_popyp_guide .ly_popup_content .mtGuide_slide .title h2 {padding:24px 0 30px 0; font-size:35px; font-weight:700;}
.ly_popyp_guide .ly_popup_content .mtGuide_slide .title h2 strong {font-size:15px; line-height:32px; font-weight:normal;}
.ly_popyp_guide .ly_popup_content .mtGuide_slide .img {text-align:center;}
.ly_popyp_guide .ly_popup_content .mtGuide_slide .img img {max-width:100%;}
.ly_popyp_guide .ly_popup_content .mtGuide_slide .txt {padding:33px 15px 20px 15px; font-size:15px; font-weight:300; text-align:center; line-height:24px;}
.ly_popyp_guide .ly_popup_content .mtGuide_slide .txt em {color:#1C171D; font-style:normal;}
.ly_popyp_guide .ly_popup_content .mtGuide_slide .txt strong{font-weight:600}
.ly_popyp_guide .ly_popup_content .tab_content {display:none;}
.ly_popyp_guide .ly_popup_content .tab_content.active {display:block;}
.ly_popyp_guide .ly_popup_content .tab_content .guideBox {padding:80px 0 120px 0; border-top:10px solid #EEEEEE; letter-spacing:-0.05em;}
.ly_popyp_guide .ly_popup_content .tab_content .guideBox:first-child {border-top:0 none;}
.ly_popyp_guide .ly_popup_content .tab_content .guideBox .guide_tit {max-width:720px; margin:0 auto; padding:53px 0 60px 0; text-align:center;}
.ly_popyp_guide .ly_popup_content .tab_content .guideBox .guide_tit h2 {font-size:35px; font-weight:700; text-align:center;}
.ly_popyp_guide .ly_popup_content .tab_content .guideBox .guide_tit p {padding:15px 0 0 15px; font-size:15px; line-height:24px;}
.ly_popyp_guide .ly_popup_content .tab_content .guideBox .guide_txt {max-width:720px; margin:0 auto; padding:0 15px; text-align:center;}
.ly_popyp_guide .ly_popup_content .tab_content .guideBox .guide_txt h3 {font-size:18px; font-weight:700; margin-top:40px}
.ly_popyp_guide .ly_popup_content .tab_content .guideBox .guide_txt p {padding:7px 0 0 0; font-size:15px; line-height:32px;}
.ly_popyp_guide .ly_popup_content .tab_content .guideBox .guide_txt .list_txt li {text-align:left; padding-left:13px; font-size:15px; text-indent:-6px; line-height:32px;}
.ly_popyp_guide .ly_popup_content .tab_content .guideBox .guide_txt .list_txt li:before {content:"•"; display:inline-block; padding-right:5px;}
.ly_popyp_guide .ly_popup_content .tab_content .guideBox.gd01 .guide_txt {padding-top:96px; background:url(/images/mTicket/ico_gd01.png) no-repeat 50% 0; background-size:auto 106px;}
.ly_popyp_guide .ly_popup_content .tab_content .guideBox.gd02 .guide_txt {padding-top:92px; background:url(/images/mTicket/ico_gd02.png) no-repeat 50% 0; background-size:auto 106px;}
.ly_popyp_guide .ly_popup_content .tab_content .guideBox.gd02 .guide_txt.none {padding-top:0; background:none;}
.ly_popyp_guide .ly_popup_content .tab_content .guideBox.gd03 .guide_txt {padding-top:123px; background:url(/images/mTicket/ico_gd03.png) no-repeat 50% 0; background-size:auto 100px;}
.ly_popyp_guide .ly_popup_content .tab_content .guideBox.gd04 .guide_txt {padding-top:96px; background:url(/images/mTicket/ico_gd04.png) no-repeat 50% 0; background-size:auto 106px;}

.ly_popyp_guide .ly_popup_content .tab_content .guideBox .guide_img {max-width:720px; margin:0 auto; padding:33px 23px; text-align:center;}
.ly_popyp_guide .ly_popup_content .tab_content .guideBox .guide_img img {max-width:100%;}
.ly_popyp_guide .ly_popup_content .tab_content .guideBox .guide_img:last-child {padding-bottom:0;}

.ly_popyp_guide02 {position:absolute; left:0; top:40px; right:0; bottom:0; z-index:999; background-color:#fff; border-radius:30px 30px 0 0;}
.ly_popyp_guide02 h1 {padding:40px 0 30px; color:#1C171D; font-size:20px; font-weight:800; text-align:center;}
.ly_popyp_guide02 .btn_area {position:absolute; left:0; bottom:0; right:0; padding:13px 0; font-size:0; text-align:center;}
.ly_popyp_guide02 .btn_area > button {width:40%;}
.ly_popyp_guide02 .btn_area > button.btn_closed {padding:12px 0; border:0 none; background-color:#fff; border:1px solid #1C171D; color:#1C171D; font-size:15px; line-height:30px; font-weight:700;}
.ly_popyp_guide02 .ly_popup_content {position:absolute; left:0; right:0; top:0; bottom:0; margin:93px 0 76px; overflow:auto;}
.ly_popyp_guide02 .ly_popup_content .guide_txt01 {padding:0 24px 50px 24px; text-align:center;}
.ly_popyp_guide02 .ly_popup_content .guide_txt02 {padding:50px 24px; background-color:#F9F9FA;}
.ly_popyp_guide02 .ly_popup_content .guide_txt01 > p {padding:50px 0 0 0; color:#1C171D; font-size:13px; line-height:23px;}
.ly_popyp_guide02 .ly_popup_content .guide_txt01 > p:first-child {padding-top:0;}
.ly_popyp_guide02 .ly_popup_content .guide_txt01 > p.tit {padding-top:108px; background:url(/images/mTicket/ico_gd01.png) no-repeat 50% 0; background-size:auto 88px;}
.ly_popyp_guide02 .ly_popup_content .guide_txt01 em {color:#1C171D; font-style:normal; font-weight: 700;}
.ly_popyp_guide02 .ly_popup_content .guide_txt01 strong, .ly_popyp_guide .ly_popup_content .guide_txt02 strong {display:inline-block; padding:0 0 10px 0; color:#1C171D; font-size:15px; line-height:23px; font-weight:800;}
.ly_popyp_guide02 .ly_popup_content .guide_txt01 ul li {padding:0 0 0 8px; text-indent:-8px; color:#1C171D; font-size:13px; line-height:23px; text-align:left; letter-spacing:-0.05em;}


/* 예매자확인 */
.mTicket_identification_wrap {position:fixed; left:0; top:0; right:0; bottom:0; z-index:100; padding:0 24px 55px 24px; background:url(/images/mTicket/mt_bg.gif) no-repeat 50% 0; background-size:100%; overflow:hidden; overflow-y:auto;}
.mTicket_identification_wrap > h1 {padding: 80px 0;}
.mTicket_identification_wrap > h1 a {display:block; width:96px; height:28px; text-align: center; margin:0 auto;}
.mTicket_identification_wrap > h1 a img {max-width:100%; max-height:100%; vertical-align:top;}
.mTicket_identification_wrap .tit_arrival {padding:90px 0 30px;}
.mTicket_identification_wrap .tit_arrival p {color:#fff; font-size:30px; font-weight:700; line-height:44px; letter-spacing:-1.5px; text-align:center;}
.bookerInfo_wrap {max-width:327px; height: 476px; margin:0 auto; text-align: center; background:url(/images/mTicket/bg.png) no-repeat 50% 0; background-size:100%;}
.bookerInfo_wrap .bookerInfo_write {width:210px; margin:0 auto;}

.bookerInfo_wrap .bookerInfo_write p {padding:0 0 24px 0; font-size:18px; text-align:center;  color:#fff}
.bookerInfo_wrap .bookerInfo_write p strong {font-weight:700; font-size:18px; color:#fff; line-height:40px;}
.bookerInfo_wrap .bookerInfo_write input {width:100%; height:51px; border:2px solid #fff; color:#fff; background:none; box-sizing:border-box; text-align:center; font-size:15px;}
.bookerInfo_wrap .bookerInfo_write input::placeholder {color:#fff; font-weight: 700;}
.bookerInfo_wrap .bookerInfo_write .btn_area {padding:24px 0 0 0; text-align:center;}
.bookerInfo_wrap .bookerInfo_write .btn_area button {width:100%; height: 55px; border:0 none; background-color:#fff; color:#1C171D; font-size:15px; line-height:55px; font-weight:700;}


@keyframes gradient { 
    0%   { background-position: 0 0; }
    100% { background-position: -200% 0; }
}


@media only screen and (max-width:750px) {

}
@media only screen and (min-height :736px) {
    .mTshow_info .mTicket_thumbWrap {width:325px; height:251px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
    
}
@media screen and (max-width:375px), (min-width:640px), (orientation: landscape) {
    html, body {width:100%; height:auto;}
    .mTicket_box {padding:0;}
    .mTicket_box .mTicket_info {position:relative;}
    .mTshow_info {height:auto; padding:25px 0 32px;}
    .mTshow_info .mTicket_thumbWrap {top:0; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}
    .buyer_info {padding:20px 25px 18px 28px;}
    .ly_popup .mTicket_notice {max-height:230px; overflow:auto;}
}
@media screen and (max-width:375px) {
    .buyer_info .buyer,
    .buyer_info .perf_number {float:none;}
}