@import url('/css/font-09c805f354eee1d962a4513a9c366735.css');

/*
::-webkit-scrollbar{width:2px; height:2px;}
::-webkit-scrollbar-button{width:2px; height:2px;}
*/

* {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    line-height: 1.3em;
    font-family: 'Noto Sans KR', sans-serif;
    box-sizing: border-box;
    font-weight: 400;
    position: relative;
    -webkit-overflow-scrolling: touch;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

html, body {position: relative;}
a, a:hover, a:active, a:visited {text-decoration: none; color: inherit; font-weight: inherit;}

/* font size */
.font_size_12 {font-size: 12px;}
.font_size_14 {font-size: 14px;}
.font_size_16 {font-size: 16px;}
.font_size_18 {font-size: 18px;}
.font_size_24 {font-size: 24px;}

/* font weight */
.font_weight_800 {font-weight: 800;}
.font_weight_600 {font-weight: 600;}
.font_weight_500 {font-weight: 500;}
.font_weight_400 {font-weight: 400;}
.font_weight_200 {font-weight: 200;}

/* content */
content {position: relative;}

/* home */
content .home {padding-bottom: 36px;}
content .home * {letter-spacing: -0.02em; box-sizing: border-box;}
content .home i {display: block; background-repeat: no-repeat; background-size: contain; background-position: center;}
content .home > div > .title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;}
content .home > div > .title > h6 {font-size: 18px; font-weight: 500;}
content .home > div > .title > i {width: 20px; height: 20px; margin-left: 4px; background-image: url(/img/btn-main-arrow@2x-dd1030ce529544a9b71dfe7a8f16ff65.png);}

content .home .welcome {padding: 16px 20px; background-image: url(/img/dandi-fe0d80d3a03d4df31bfd172b92c3a66c.jpg); background-repeat: no-repeat; background-size: 220px auto; background-position: top 4px right;}
content .home .welcome .pre_ticket {width: fit-content; height: 15px; line-height: 15px; padding: 0 2px; font-weight: 500; font-size: 10px; color: #fff; background-color: #5c8ebb; display: inline-block;}
content .home .welcome .season_ticket_year {width: fit-content; height: 15px; line-height: 15px; padding: 0 2px; font-weight: 500; font-size: 10px; color: #fff; background-color: #C79F79; display: inline-block;}
content .home .welcome .say_hello {font-size: 24px; font-weight: 300; line-height: 1.4; margin-bottom: 24px;}
content .home .welcome .say_hello > span {font-weight: 500;}
content .home .welcome .reservation {display: flex; align-items: center;}
content .home .welcome .reservation > span {font-size: 18px; font-weight: 700;}
content .home .welcome .reservation > i {width: 20px; height: 20px; margin-left: 4px; background-image: url(/img/btn-main-arrow@2x-dd1030ce529544a9b71dfe7a8f16ff65.png);}

content .home .reservation_list {position: relative; padding: 0 20px; display: flex; flex-flow: column; row-gap: 12px;}
content .home .reservation_list .pre_ticket {display: flex; flex-flow: column; justify-content: center; width: 100%; height: 68px; padding: 0 20px; margin-bottom: 12px; border-radius: 8px; background-image: url(/img/pre_ticket_icon-03721bb4169bf1910b0f002013bba19e.jpg); background-repeat: no-repeat; background-size: auto 100%; background-position: right center; background-color: #1E457C;}
content .home .reservation_list .pre_ticket .title {font-size: 14px; font-weight: 00; color: #fff;}
content .home .reservation_list .pre_ticket .date {font-weight: 300; color:rgba(255, 255, 255, 0.6); font-size: 11px; margin-top: 2px;}
content .home .reservation_list .pre_ticket_series {display: flex; flex-flow: column; justify-content: center; width: 100%; height: 68px; margin-top: 12px; padding: 0 20px; border-radius: 8px; background-image: url(/img/img_banner_series_ticket-c21d4a9f909b5a905f3ef47f5405e27a.jpg); background-repeat: no-repeat; background-size: auto 100%; background-position: right center; background-color: #C79F79;}
content .home .reservation_list .pre_ticket_series .title {font-size: 14px; font-weight: 500; color: #fff;}
content .home .reservation_list .pre_ticket_series .date {color:rgba(255, 255, 255, 0.6); font-size: 11px; margin-top: 2px;}

content .home .reservation_list .list {display: flex; align-items: center; width: 100%; height: 18vw; padding: 12px 20px; background-color: #4ac7d5; border-radius: 8px;}
content .home .reservation_list .list:nth-child(2n) {background-color: #5c8ebb;}
content .home .reservation_list .list-img {width: 100%; height: 18vw; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 8px; overflow: hidden;}
content .home .reservation_list .list-img img {width: 100%;}

content .home .reservation_list .list .emblem {width: 44px; height: 44px; margin-right: 8px; border-radius: 100%; background-color: #fff; background-repeat: no-repeat; background-size: 90%; background-position: center;}
content .home .reservation_list .list .team {width: calc(100% - 104px); display: flex; flex-flow: column;}
content .home .reservation_list .list .team .vs {font-size: 14px; font-weight: 500; color: #fff;}
content .home .reservation_list .list .team .date {font-size: 11px; margin-top: 2px; color:rgba(255, 255, 255, 0.6);}
content .home .reservation_list .list .reservation {width: 52px; text-align: right; font-size: 14px; font-weight: 500; color: #fff;}

content .home .home_event_list {margin-top: 36px; padding: 0 20px;}
content .home .home_event_list .mySwiper {margin: 0 -20px; padding: 0 20px;}
content .home .home_event_list .mySwiper .swiper-slide {width: fit-content;}
content .home .home_event_list .mySwiper .img {width: 240px; height: 240px; margin-bottom: 8px; background-repeat: no-repeat; background-size: cover; background-position: center;}
content .home .home_event_list .mySwiper .title {font-size: 15px; font-weight: 500; width: 240px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
content .home .home_event_list .mySwiper .date {font-size: 11px; color: #777; margin-top: 4px;}

content .home .youtube {margin-top: 36px; padding: 36px 20px; background-color: #071d3d; color: #fff;}
content .home .youtube .mySwiper2 .img {position: relative; width: 100%; height: calc(60.8vw - 40px); margin-bottom: 8px; overflow: hidden;}
content .home .youtube .mySwiper2 .img::before {content: ''; display: block; width: 100%; height: 100%;  background-image: url(/img/ic-play-wh-9c69016eb5578b9a15691b67a927392f.png); background-repeat: no-repeat; background-size: 48px; background-position: center; z-index: 2; position: absolute; top: 0; left: 0; z-index: 2;}
content .home .youtube .mySwiper2 .img::after {content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; z-index: 1;}
content .home .youtube .mySwiper2 .img > img {width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
content .home .youtube .mySwiper2 .title {font-size: 16px; font-weight: 500; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
content .home .youtube .mySwiper2 .date {font-size: 11px; margin-top: 4px; color:rgba(255, 255, 255, 0.6);}
content .home .youtube .mySwiper2 .swiper-pagination-bullets.swiper-pagination-horizontal {position: relative; margin: 12px 0 0; bottom: auto; height: 6px; display: flex; align-items: center; justify-content: center;}
content .home .youtube .mySwiper2 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {width: 6px; height: 6px; margin: 0 3px; background-color: rgba(255, 255, 255, 0.2); border-radius: 0; opacity: 1;}
content .home .youtube .mySwiper2 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #c7a079;}

content .home .photo {margin-top: 36px; padding: 0 20px;}
content .home .photo .mySwiper5 .img {width: 100%; height: calc(68.267vw - 40px); margin-bottom: 12px; background-repeat: no-repeat; background-size: cover; background-position: center;}
content .home .photo .mySwiper5 .title {font-size: 16px; font-weight: 500; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
content .home .photo .mySwiper5 .date {font-size: 11px; margin-top: 4px; color:#747474;}
content .home .photo .mySwiper5 .swiper-pagination-bullets.swiper-pagination-horizontal {position: relative; margin: 12px 0 0; bottom: auto; height: 6px; display: flex; align-items: center; justify-content: center;}
content .home .photo .mySwiper5 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {width: 6px; height: 6px; margin: 0 3px; background-color: #eee; border-radius: 0; opacity: 1;}
content .home .photo .mySwiper5 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #c7a079;}

content .home .shop {padding: 0 20px; margin-top: 36px;}
content .home .shop .mySwiper3 {margin-bottom: 12px;}
content .home .shop .mySwiper3 .img {position: relative; width: 100%; height: calc(58.667vw - 40px); background-repeat: no-repeat; background-size: cover; background-position: center;}
content .home .shop .mySwiper3 .swiper-pagination-fraction {width: fit-content; margin: 0!important; bottom: 20px; left: 20px; font-size: 11px; color: rgba(255, 255, 255, 0.6); z-index: 1;}
content .home .shop .mySwiper3 .swiper-pagination-fraction .swiper-pagination-current {font-weight: 700; color: #fff;}

content .home .shop .item_list .list + .list {margin-top: 12px;}
content .home .shop .item_list .list {display: flex; align-items: center;}
content .home .shop .item_list .list .img {width: 72px; height: 72px; margin-right: 12px; border: 1px solid #dbdbdb; background-color: #fff; background-repeat: no-repeat; background-size: 90%; background-position: center;}
content .home .shop .item_list .list .info {width: calc(100% - 84px); display: flex; flex-flow: column;}
content .home .shop .item_list .list .info > h6 {font-size: 14px; font-weight: 500; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
content .home .shop .item_list .list .info > div {font-size: 16px; font-weight: 500; margin-top: 12px; display: flex; align-items: flex-end;}
content .home .shop .item_list .list .info > div > span {font-size: 11px; color: #747474; font-weight: initial; display: block; margin-left: 2px;}
content .home .shop .item_list .list .info > span {display: block; width: fit-content; min-width: 33px; height: 15px; line-height: 15px; padding: 0 2px; margin: 4px 4px 0 0; text-align: center; font-size: 10px; color: #fff; background-color: #5c8ebb;}

content .home .notice {padding: 0 20px; margin-top: 36px;}
content .home .notice .mySwiper4 {margin: 0 -20px; padding: 0 20px;}
content .home .notice .mySwiper4 .swiper-slide {height: 78px; background-color: #fff; border: 1px solid #eee; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.04); padding: 20px;}
content .home .notice .mySwiper4 .swiper-slide .title {display: flex; align-items: center;}
content .home .notice .mySwiper4 .swiper-slide .title > i {width: 16px; height: 16px; margin-right: 4px; background-image: url(/img/ic-notice-16@2x-18b90faf492bfb1248f7ce4235e4421a.png);}
content .home .notice .mySwiper4 .swiper-slide .title > h6 {width: calc(100% - 20px); font-size: 14px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
content .home .notice .mySwiper4 .swiper-slide .date {font-size: 11px; margin-top: 4px; color: #747474;}
content .home .notice .mySwiper4 .swiper-pagination-bullets.swiper-pagination-horizontal {position: relative; margin: 12px 0 0; bottom: auto; height: 6px; display: flex; align-items: center; justify-content: center;}
content .home .notice .mySwiper4 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {width: 6px; height: 6px; margin: 0 3px; background-color: #eee; border-radius: 0; opacity: 1;}
content .home .notice .mySwiper4 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #c7a079;}

content .home .footer_event_list {margin-top: 36px; padding: 0 20px;}
content .home .footer_event_list + .footer_event_list {margin-top: 12px;}
content .home .footer_event_list .item img {width: 100%;}

/* schedule_list */
content .calendar_date {font-size: 18px; font-weight: 500; position: relative; text-align: center; background-color: #f8f8f8; height: 60px; line-height: 60px;}
content .calendar_date .calendar_today {position: absolute; top: 50%; left: 20px; width: 38px; height: 16px; line-height: 13px; text-transform: uppercase; border: solid 1px #a4a4a4; color: #a4a4a4; font-size: 9px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
content .calendar_date .calendar_prev {position: absolute; left: 50%; margin-left: -70px; top: 21px;}
content .calendar_date .calendar_prev img {height: 20px;}
content .calendar_date .calendar_next {position: absolute; left: 50%; margin-left: 50px; top: 21px;}
content .calendar_date .calendar_next img {height: 20px;}
content .calendar_date .calendar_cal {position: absolute; top: 0; right: 15px; margin-top: 10px; padding: 10px; height: 20px;}
content .calendar_date .calendar_list {position: absolute; top: 0; right: 40px; margin-top: 10px; padding: 10px; height: 20px;}

/* 일정 리스트 추가 */
.game-list {list-style: none;}
.game-list > li {padding: 16px 20px;}
.game-list > li + li {border-top: 8px solid #f8f8f8;}
.game-list > li .game-info {display: grid; grid-template-columns: calc(100% - 48px) 48px;}
.game-list > li .game-info .tit {display: flex; align-items: center;}
.game-list > li .game-info .tit .label {display: block; width: fit-content; padding: 0 3px; height: 16px; line-height: 14px; color: #fff; font-weight: 500; font-size: 10px; text-align: center; margin-right: 6px;}
.game-list > li .game-info .tit .label.blue {background-color: #1d467d;}
.game-list > li .game-info .tit .label.red {background-color: #ee2529;}
.game-list > li .game-info .tit .label.gray01 {background-color: #ccc;}
.game-list > li .game-info .tit .label.gray02 {background-color: #747474;}
.game-list > li .game-info .tit ul {display: flex; list-style: none; vertical-align: middle;}
.game-list > li .game-info .tit ul > li {font-size: 14px; font-weight: 500; vertical-align: middle; width: fit-content;}
.game-list > li .game-info .tit ul > li span {font-weight: 700;}
.game-list > li .game-info .tit ul > li + li::before {content: 'VS'; font-size: 14px; color: #ccc; font-weight: 500; vertical-align: middle; padding: 0 6px; position: relative; top: -1.5px;}
.game-list > li .game-info .tit ul.game-result > li + li::before {content: ':'; top: -1px;}
.game-list > li .game-info > ul {grid-row: 2; grid-column: 1; list-style: none; display: flex; margin-top: 4px;}
.game-list > li .game-info > ul > li {font-size: 12.5px; color: #747474; letter-spacing: 0;}
.game-list > li .game-info > ul > li:nth-child(1) {width: 68px;}
.game-list > li .game-info > ul > li + li::before {content: '·'; padding: 0 4px; color: #747474;}
.game-list > li .game-info > ul > li.btn {color: initial; cursor: pointer;}
.game-list > li .game-info > ul > li.btn::after {content: ''; width: 10px; height: 10px; display: inline-block; background-image: url(/img/arrow_right-6e1b1708b28466a4d11d0a10367592ba.png); background-repeat: no-repeat; background-position: center; background-size: contain; position: relative; top: 1px;}
.game-list > li .game-info > ul > li.btn.live {color: #C7A079;}
.game-list > li .game-info > ul > li.btn.live::after {background-image: url(/img/ico/ic-arrow-right-br-962f765554e7c1d1e88f89fa2e933d64.svg);}
.game-list > li .game-info .uniform {grid-row: 1 / span 2; grid-column: 2; width: 48px; height: 48px; border-radius: 100%; display: block; background-position: center; background-repeat: no-repeat; background-size: contain;}
.game-list > li .game-info .uniform.uniform-type01 {background-image: url(/img/img-uniform-01@2x-fe314db8e0b263ad16e05b43205ccbe9.png);}
.game-list > li .game-info .uniform.uniform-type02 {background-image: url(/img/img-uniform-02@2x-182659525b3ad1f33965ca20ee64b9d8.png);}
.game-list > li .game-info .uniform.uniform-type03 {background-image: url(/img/img-uniform-03@2x-b94c9b0b30220d29cc92e47caa2f3ffe.png);}
.game-list > li .game-info .uniform.uniform-type04 {background-image: url(/img/img-uniform-04@2x-4a0db819d3d99285e7a91a45030a5263.png);}
.game-list > li .game-info .uniform.uniform-type05 {background-image: url(/img/img-uniform-05@2x-8bb3c3c21e61b33ba012e10e0a757397.png);}
.game-list > li .game-event {border-top: 1px solid #eee; padding-top: 16px; margin-top: 16px;}
.game-list > li .game-event .tit {display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;}
.game-list > li .game-event .tit > h6 {font-size: 16px; font-weight: 500;}
.game-list > li .game-event .tit > span {font-size: 12px; padding-right: 11px; background-image: url(/img/arrow_right-6e1b1708b28466a4d11d0a10367592ba.png); background-repeat: no-repeat; background-position: center right; background-size: 10px; position: relative; top: 1px; cursor: pointer;}
.game-list > li .game-event > ul {list-style: none; /*display: flex;*/ flex-flow: column; flex-wrap: wrap; align-content: flex-start;/* height: 76px;*/}
.game-list > li .game-event > ul > li {font-size: 14px; line-height: 1.8; /*width: 140px; white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; margin-right: 24px;}
.game-list > li .game-event > span {font-size: 14px; color: #747474; line-height: 1.6; display: block; margin-top: 8px;}
.game-list > li .game-info .tit .label > span {vertical-align: top; position: relative; top: 1px;}

content .game_list {padding: 0 15px 0 15px;}
content .game_list .list {border-bottom: 1px solid #eee; padding-bottom: 15px; padding-top: 15px; position: relative;}
content .game_list .list .vs {font-size: 14px; font-weight: 500;}
content .game_list .list .vs span {font-size: 11px; font-weight: bold; color: #ccc;}
content .game_list .list .vs .button_win {border: 0; background-color: #1d467d; width: 14px; height: 14px; color: #fff; font-size: 10px; font-weight: 500;vertical-align: middle;}
content .game_list .list .vs .button_lose {border: 0; background-color: #ee2529; width: 14px; height: 14px; color: #fff; font-size: 10px; font-weight: 500;vertical-align: middle;}
content .game_list .list .vs .button_draw {border: 0; background-color: #848484; width: 14px; height: 14px; color: #fff; font-size: 10px; font-weight: 500;vertical-align: middle;}
content .game_list .list .date {font-size: 12px; color: #747474; margin-top: 5px;}
content .game_list .list .record {font-weight: 500; font-size: 12px; color: black; margin-top: 10px;}
content .game_list .list .record img {height: 15px;vertical-align: middle;}
content .game_list .list .emblem {position: absolute; right: 0; top: 20px; font-size: 18px; font-weight: 500; height: 36px;}
content .game_list .list .emblem span {color: #ccc;}
content .game_list .list .emblem img {height: 50px;vertical-align: middle;}

content .event_list_tab {padding-top: 15px; padding-bottom: 15px; color: #747474; border-bottom: 10px solid #f8f8f8;}
content .event_list_tab::after {clear: both; content: ''; display: block;}
content .event_list_tab .active {color: black; font-weight: 500;}
content .event_list_tab .ing_event {width: 49%; font-size: 15px; font-weight: 400; text-align: center; border-right: 1px solid #eee; float: left;}
content .event_list_tab .end_event {width: 50%; font-size: 15px; font-weight: 400; text-align: center; float: left;}

content .event_date {font-size: 18px; font-weight: 500; position: relative; text-align: center; background-color: #fff; height: 40px; line-height: 60px;}
content .event_date .calendar_cal {position: absolute; top: 0; right: 15px; margin-top: 0; padding: 10px; height: 20px;}
content .event_date .calendar_list {position: absolute; top: 0; right: 40px; margin-top: 0; padding: 10px; height: 20px;}

.event_list_content {padding-left: 15px; padding-right: 15px; margin-top: 30px;}
.event_list_content .section_title {font-size: 18px; font-weight: 500; margin-bottom: 10px;}
.event_list_content::after {clear: both; content: ''; display: block;}

.event_list_content .event_list_wrap {list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 16px; row-gap: 24px;}

.event_list_content .list .img {width: 100%; height: 160px; overflow: hidden; position: relative;}
.event_list_content .list .img > img {width: 100%; position: absolute;  top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.event_list_content .list .title {font-size: 14px; color: black; font-weight: 500; width: 160px; margin-top: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.event_list_content .list .date {color: #747474; font-size: 12px; margin-top: 4px;}
.event_list_content .list .status {width: 100px; height: 40px; position: absolute; right: 0; margin-top: 8px;}
.event_list_content .list .status::after {clear: both; content: ''; display: block;}

.event_list_content .list .status .ing ,
.event_list_content .list .status .end {width: 40px; color: #fff; font-size: 10px; font-weight: 500; text-align: center; float: right; margin-right: 10px; height: 18px; line-height: 18px;}
.event_list_content .list .status .ing {background-color: #c7a079;}
.event_list_content .list .status .end {background-color: #747474;}
.event_list_content .list .status .participation {width: 50px; color: #fff; font-size: 10px; font-weight: 500; text-align: center; background-color: #5c8ebb; float: right; height: 18px; line-height: 18px;}

content .event_view_content {color: black; font-size: 14px; font-weight: 500; padding: 15px; position: relative; width: 100%;}
content .event_view_content .title {font-size: 14px; color: black; font-weight: 500; width: calc(100% - 120px); margin-top: 5px;}
content .event_view_content .date {color: #747474; font-size: 12px; margin-top: 5px;}
content .event_view_content .status {width: 100px; height: 40px; position: absolute; right: 15px; margin-top: 8px;}
content .event_view_content .status::after {clear: both; content: ''; display: block;}

content .event_view_content .status .ing,
content .event_view_content .status .end {width: 40px; color: #fff; font-size: 10px; font-weight: 500; text-align: center; float: right; margin-right: 10px; height: 18px; line-height: 18px;}
content .event_view_content .status .ing {background-color: #c7a079;}
content .event_view_content .status .end {background-color: #747474;}
content .event_view_content .status .participation {width: 50px; color: #fff; font-size: 10px; font-weight: 500; text-align: center; background-color: #5c8ebb; float: right; height: 18px; line-height: 18px;}

content .event_view_content .detail {color: #747474; font-size: 14px; font-weight: 400; width: 100%; line-height: 20px; margin-top: 15px; padding-bottom: 100px;}
content .event_view_content .detail img {width: 100%; height: auto;}

content .btn_centification,
content .btn_myinfo_modify,
content .btn_paricipation {padding: 0 0 20px 0; color: #fff; font-size: 18px; font-weight: 500; background-color: #071d3d; position: fixed; bottom: 0; left: 0; width: 100%; height: 80px; text-align: center; border: 0;}
content .btn_cancelStarEvent {padding: 0 0 20px 0; color: #fff; font-size: 18px; font-weight: 500; background-color: lightpink; position: fixed; bottom: 0; left: 0; width: 100%; height: 80px; text-align: center; border: 0;}

content .btn_end {padding: 0 0 20px 0; color: #fff; font-size: 18px; font-weight: 500; background-color: #747474; position: fixed; bottom: 0; left: 0; width: 100%; height: 80px; text-align: center; border: 0;}


.event_list_notice .title {font-size: 18px; font-weight: 500; padding: 15px;}

.event_list_notice .list {border-bottom: 10px solid #eee; padding: 10px 15px 10px 15px; border-bottom: 1px solid #eee;}
.event_list_notice .list .list_title {font-size: 14px; font-weight: 500; color: black; width: calc(100% - 20px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.event_list_notice .list .list_date {font-size: 12px; font-weight: 400; color: #747474;}
.event_list_notice .list .arrow {position: absolute; right: 15px; top: 15px; height: 20px; width: 20px;}
.event_list_notice .list .arrow img {width: 100%; height: 100%;}

/*  my */
content .my {position: relative;}
content .my .top_background {background-color: #1d467d; width: 100%; height: 120px; position: absolute; left: 0; top: 0;}

content .my .name {display: flex; align-items: flex-end; justify-content: space-between; padding: 30px 20px 15px; margin-top: 0; position: relative;}
content .my .name > div {display: flex; align-items: center; flex-flow: column; row-gap: 6px;}
content .my .name .emblem {list-style: none; display: flex; align-items: center; margin-right: 4px;}
content .my .name .emblem > li > div {width: 28px; height: 28px; background-repeat: no-repeat; background-size: contain; background-position: center;}
content .my .name .emblem > li + li {margin-left: 2px;}
content .my .name a {display: flex; align-items: center; font-size: 16px; font-weight: 700; color: #fff;}
content .my .name a > span {font-weight: 400;}
content .my .name a > img {height: 16px; margin-left: 4px;}
content .my .name .point {color: #c7a079; font-weight: 700; margin-top: 0;}
content .my .name .point span {color: #fff; font-weight: 500;}

content .my .barcode {background-color: #fff; padding: 32px 70px; margin: 0 20px; font-size: 10px; text-align: center; color: black; font-weight: 500; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background-image: url(/img/bg-my@3x-7eb85241784b4e3d85a304c84b3ef4d6.png); background-repeat: no-repeat; background-size: 100% auto; background-position: right bottom; display: flex; flex-flow: column; row-gap: 10px; align-items: center; justify-content: center;}
content .my .barcode img {width: 100%;}
content .my .barcode svg {width: 100%;}
content .my .barcode #barcodeText {font-size: 14px;}

content .my .shortcut {display: flex; align-items: center; padding: 16px 0; column-gap: 20px; justify-content: center;}
content .my .shortcut .list {width: 60px; display: flex; flex-flow: column; align-items: center; justify-content: center; row-gap: 6px; font-size: 12px; font-weight: 500;}
content .my .shortcut .list > img {width: 28px; height: 28px;}

content .my .menu_list {padding: 6px 20px; font-size: 14px; font-weight: 400;}
content .my .menu_list .list {border-bottom: 1px solid #eee; padding: 14px 0;}
content .my .menu_list .list a {display: flex; align-items: center;}
content .my .menu_list .list img {width: 16px; height: 16px; margin-right: 8px;}
content .my .menu_list .list button {float: right; margin: 18px 15px 0 0; height: 20px; width: 50px; background-color: #071d3d; color: #fff; font-size: 10px; font-weight: 500; border: 0;}

content .my .banner {width: 100%; padding: 0;}
content .my .banner::after {clear: both; content: ''; display: block;}
content .my .banner img {width: 100%; float: left;}

content .my .banner2 .list::after {clear: both; content: ''; display: block;}
content .my .banner2 .list img {width: 100%; float: left;}

/* my_info */
content .my_info {padding-bottom: 100px;}
content .my_info .name {border-bottom: 10px solid #eee;}
content .my_info .name::after {clear: both; content: ''; display: block;}
content .my_info .name .title {font-size: 18px; font-weight: 500; padding-left: 15px; float: left; width: 120px; height: 50px; line-height: 50px;}
content .my_info .name .title span {font-size: 16px; font-weight: 400; width: 100px;}
content .my_info .name .value {float: left; width: calc(100% - 120px); text-align: right; padding-right: 15px; height: 50px; line-height: 50px; color: #747474; font-size: 14px; background-color: #fff;}

content .my_info .list {padding: 0 15px 0 15px;}
content .my_info .list::after {clear: both; content: ''; display: block; border-bottom: 1px solid #ddd;}
content .my_info .list:last-child {margin-bottom: 80px;}

content .my_info .list span {float: right; margin-left: 10px; margin-top: 17px; font-size: 12px; font-weight: 500; border-bottom: 1px solid #747474; color: #747474;}
content .my_info .list .title {font-size: 14px; font-weight: 500; float: left; width: 90px; height: 50px; line-height: 50px;}
content .my_info .list .value {font-size: 14px; font-weight: 400; float: right; width: calc(100% - 170px); text-align: right; height: 50px; line-height: 50px; border: 0; color: black;}
content .my_info .list .agreement {width: 200px; margin: 0; padding: 0; box-shadow: none;}
content .my_info .list .agreement_value {width: 20px; height: 20px; border: 1px solid #eee; margin-top: 15px;}
content .my_info .list .agreement_value:checked {background-image: url(/img/ic-checkbox-ov@3x-08300bc1bbcd6826a713b879acc7fbe1.png); background-repeat: no-repeat; background-size: 20px 20px;}

content .my_info .list .section {width: 100%; float: left; position: relative; padding: 0; margin: 0; font-size: 12px;}
content .my_info .list .section::after {clear: both; content: ''; display: block;}
content .my_info .list .section input {height: 40px; width: 100%; border: 1px solid #eee; color: black; font-size: 12px; float: left; margin-bottom: 10px; padding-left: 10px; padding-right: 10px;}
content .my_info .list .section input[type='checkbox'] {border: 1px solid #eee; width: 20px; height: 20px; float: left;}
content .my_info .list .section input[type='checkbox']:checked {background-image: url(/img/ic-checkbox-ov@3x-08300bc1bbcd6826a713b879acc7fbe1.png); background-repeat: no-repeat; background-size: 20px 20px;}
content .my_info .list .section p {margin-bottom: 5px;}
content .my_info .list .section p::after {clear: both; content: ''; display: block;}
content .my_info .list .section p span {float: left; margin-top: 0;}
content .my_info .list .section .search {position: absolute; margin-top: 0; right: 0; top: 0;}
content .my_info .list .section .width70 {width: 70%;}
content .my_info .list .section .width30 {width: 30%; background-color: #071d3d; color: #fff; font-size: 14px; font-weight: 500; height: 40px; border: 0;}

content .my_info .list button {background-color: #071d3d; color: #fff; font-size: 12px; font-weight: bold; float: right; width: 70px; height: 30px; margin-top: 10px; border: 0; margin-left: 10px;}

content .my_info .list .team {font-size: 14px; font-weight: 400; float: right; width: calc(100% - 120px); text-align: right; height: 50px; line-height: 50px; border: 0; background-color: #fff; color: black; text-align-last: right; direction: rtl;}
content .my_info .list .team option {direction: rtl;}
content .my_info .list .pass {font-weight: 400; float: right; width: 180px; text-align: right; font-size: 12px; border: 0; color: black; height: 30px; margin-top: 10px; background-color: #eee; padding-right: 15px;}

content .my_info .error {color: #ee2529; font-size: 12px; font-weight: bold; padding: 15px; border-bottom: 1px solid #eee;}
content .my_info .success {color: #5c8ebb; font-size: 12px; font-weight: bold; padding: 15px; border-bottom: 1px solid #eee;}
content .my_info .exit {color: #747474; font-size: 14px; padding: 15px;}
content .my_info .exit span {border-bottom: 1px solid #747474;}

/* certification */
content .certification .findid_menu {border-bottom: 1px solid #eee;}
content .certification .findid_menu::after {clear: both; content: ''; display: block;}
content .certification .findid_menu div {float: left; width: 50%; font-size: 16px; font-weight: 400; color: #747474; text-align: center; height: 50px; line-height: 50px;}
content .certification .findid_menu .active {font-size: 16px; font-weight: 500; color: black; border-bottom: 2px solid black;}

content .certification .find_id_input {padding: 15px;}
content .certification .find_id_input .list {margin-bottom: 20px;}
content .certification .find_id_input .list .title {font-size: 12px; color: black; font-weight: 500; margin-bottom: 5px;}
content .certification .find_id_input .list .input input {width: 100%; height: 50px; border: 1px solid #eee; -webkit-appearance: none; padding: 0 15px 0 15px; font-size: 14px; font-weight: 500; border-radius: 0;}

content .certification .welcome_txt {font-size: 16px; font-weight: 300; padding: 15px;}
content .certification .welcome_txt span {font-size: 16px; font-weight: 500; color: #5c8ebb;}
content .certification .welcome_txt .info {color: #747474; font-size: 12px; font-weight: 400;}
content .certification .welcome_txt_info {font-size: 14px; color: #747474; font-weight: 400; margin-bottom: 20px; padding: 15px;}

content .certification .cert_box {padding: 30px 0 0 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin: 10px 15px 0; background-color: #fff; text-align: center; font-size: 14px; font-weight: 500; border-top: 2px solid #071d3d;}
content .certification .cert_box .line {border-bottom: 1px solid #eee; margin-top: 15px;}
content .certification .cert_box .year14 {padding: 15px; color: #747474; font-size: 12px;}

content .certification .info_txt {color: #747474; font-size: 12px; padding: 30px; line-height: 18px;}
content .certification .info_txt ul li {line-height: 1.5em;}
content .certification .id_input_14year_title {font-size: 14px; font-weight: 500; color: black; padding-left: 15px;}
content .certification .id_input_14year_input {padding: 5px 15px;}
content .certification .id_input_14year_input input {width: 100%; height: 50px; border: 1px solid #eee; -webkit-appearance: none; padding: 0 15px ; font-size: 14px; font-weight: 500; border-radius: 0;}
content .certification .id_input_14year_input_error {color: #ee2529; font-size: 12px; font-weight: 500; margin-top: 5px; padding-left: 15px; padding-right: 15px; margin-bottom: 30px;}

content .certification .popup {position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 999; top: 0; left: 0;}
content .certification .popup .detail {width: calc(100% - 30px); height: auto; margin-left: 15px; margin-top: 15px; background-color: #fff; padding: 30px;}
content .certification .popup .title {font-size: 18px; font-weight: 300; color: black;}
content .certification .popup .title span {font-weight: 500; color: #5c8ebb;}
content .certification .popup .agreement {margin-top: 20px;}
content .certification .popup .agreement input[type='checkbox'] {width: 20px; height: 20px; padding: 0; margin-top: 0; margin-right: 5px; border: 1px solid #eee;}
content .certification .popup .agreement input[type='checkbox']:checked {background-image: url(/img/ic-checkbox-ov@3x-08300bc1bbcd6826a713b879acc7fbe1.png); background-repeat: no-repeat; background-size: 20px 20px;}
content .certification .popup .agreement div {height: auto; width: calc(100% - 30px); margin-bottom: 10px; font-size: 14px; color: black; font-weight: 500; float: right;}

content .certification .popup ul {font-size: 12px; color: #747474; font-weight: 400; padding: 15px;}
content .certification .popup ul li {line-height: 20px;}
content .certification .popup button {width: 45%; height: 50px; font-weight: 500; font-size: 16px; color: #fff; background-color: #071d3d; border: 0; margin-top: 15px;}
content .certification .popup .cancle {background-color: #747474; margin-right: 5%;}

content .btn_centification {z-index: 999;}

/* findid */
content .findid_result {position: fixed; top: 50%; margin-top: -100px; font-size: 14px; color: #747474; text-align: center; width: 100%;}
content .findid_result span {color: #c7a079;}

.customer_info {color: #747474; font-size: 12px; position: fixed; width: 100%; height: auto; left: 0; bottom: 80px; padding: 30px; text-align: left}
.customer_info ul li {line-height: 20px;}

/* register */
content .register {padding-bottom: 100px;}
content .register .register_input {padding: 15px;}
content .register .register_input .list {margin-bottom: 30px;}
content .register .register_input .list .title {font-size: 14px; color: black; font-weight: 500; margin-bottom: 10px;}
content .register .register_input .list .sex {width: 50%; height: 50px; border: 1px solid #eee; text-align: center; background-color: #fff; color: #747474; font-size: 14px; font-weight: 400;}
content .register .register_input .list .active {border: 2px solid #c7a079; color: black; font-size: 14px; font-weight: 500;}
content .register .register_input .list .error {color: #ee2529; font-size: 12px; font-weight: 500; margin-top: 10px;}
content .register .register_input .list .success {color: #5c8ebb; font-size: 12px; font-weight: 500; margin-top: 10px;}
content .register .register_input .list .input {font-size: 12px;}
content .register .register_input .list .input input {width: 100%; height: 50px; border: 1px solid #eee; -webkit-appearance: none; padding: 0 15px 0 15px; font-size: 14px; font-weight: 500; border-radius: 0;}
content .register .register_input .list .input .width70 {width: 70%;}
content .register .register_input .list .input .width30 {width: 30%; background-color: #071d3d; color: #fff; font-size: 14px; font-weight: 500; height: 50px; border: 0;}
content .register .register_input .list .input .swiper {width: 100%; padding: 10px;}
content .register .register_input .list .input .swiper-slide {height: 110px; width: 30px; line-height: 20px; text-align: center; color: black; font-size: 10px; font-weight: 500; margin-left: 10px;}
content .register .register_input .list .input .swiper-slide div {background-color: #fff; border-radius: 40px; height: 80px; width: 80px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); text-align: left; margin-bottom: 8px;}
content .register .register_input .list .input .swiper-slide div img {margin-top: 10px; margin-left: 10px;}
content .register .register_input .list .input .swiper-slide .check {background: rgba(29, 70, 125, 0.6); position: absolute; top: 0; left: 0; border: solid 2px #1d467d;}
content .register .register_input .list .input .swiper-slide .check img {margin-top: 30px; margin-left: 25px;}

content .register .register_input .list .input input[type='checkbox'] {border: 1px solid #eee; width: 20px; height: 20px; -webkit-appearance: none; padding: 0; float: left; margin-right: 10px;}
content .register .register_input .list .input input[type='checkbox']:checked {background-color: #c7a079;}
content .register .register_input .list .input div {margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 10px;}
content .register .register_input .list .input div::after {clear: both; content: ''; display: block;}
content .register .register_input .list .input div .arrow {width: 20px; height: 20px; float: right; margin-top: 0;}
content .register .register_input .list .input div .item {float: left; padding: 0; margin: 0 0 0 10px;}
content .register .register_input .list .input div .section {padding-top: 20px; padding-left: 30px; border: 0;}
content .register .register_input .list .input div .section input {float: none;vertical-align: middle;}
content .register .register_input .list .input div .section label {margin-right: 20px;}
content .register .register_input .list .input div .section p {margin-bottom: 10px;}

content .register_complete {position: fixed; top: 50%; margin-top: -150px; font-size: 14px; font-weight: 400; color: black; text-align: center; width: 100%;}
content .register_complete span {color: black; font-weight: 500; font-size: 18px;}
content .register_complete div {margin-top: 30px; font-size: 12px; color: #747474;}

/* password_reset */
content .password_reset_complete {position: fixed; top: 50%; margin-top: -150px; font-size: 14px; font-weight: 400; color: black; text-align: center; width: 100%;}
content .password_reset_complete span {color: black; font-weight: 500; font-size: 18px;}
content .password_reset_complete div {margin-top: 30px; font-size: 12px; color: #747474;}

/* coupon */
content .coupon_list .coupon_menu {border-bottom: 10px solid #eee;}
content .coupon_list .coupon_menu::after {clear: both; content: ''; display: block;}
content .coupon_list .coupon_menu .active {font-size: 16px; font-weight: 500; color: black;}
content .coupon_list .coupon_menu div {float: left; width: 50%; font-size: 16px; font-weight: 400; color: #747474; text-align: center; height: 50px; line-height: 50px;}

content .coupon_list .coupon_menu .list {margin-bottom: 20px;}
content .coupon_list .coupon_menu .list .title {font-size: 12px; color: black; font-weight: 500; margin-bottom: 5px;}
content .coupon_list .coupon_menu .list .input input {width: 100%; height: 50px; border: 1px solid #eee; -webkit-appearance: none; padding: 0 15px 0 15px; font-size: 14px; font-weight: 500; border-radius: 0;}

content .coupon_list .list {margin: 15px; box-shadow: 0 0 10px rgba(0, 10, 10, 0.1); position: relative; height: 100px;}
content .coupon_list .list::after {clear: both; content: ''; display: block;}
content .coupon_list .list img {float: right;}
content .coupon_list .list .title {position: absolute; top: 20px; left: 20px; font-size: 14px; color: black; font-weight: 500; width: calc(100% - 150px);}
content .coupon_list .list .date {position: absolute; top: 65px; left: 20px; font-size: 12px; color: #747474; font-weight: 400; width: calc(100% - 150px);}
content .coupon_list .list .flag {position: absolute; top: 40px; right: 20px; font-size: 10px; color: #fff; background-color: #c7a079; font-weight: 500; width: 60px; height: 20px; text-align: center; line-height: 20px;}
content .coupon_list .list .used {background-color: #747474;}

content .coupon_list .no_coupon {position: fixed; top: 50%; margin-top: -150px; font-size: 14px; font-weight: 400; color: #747474; text-align: center; width: 100%;}
content .coupon_list .no_coupon span {color: black; font-weight: 500; font-size: 18px;}
content .coupon_list .no_coupon div {margin-top: 30px; font-size: 12px; color: #747474;}

content .coupon_view {margin: 15px; box-shadow: 4px 4px 10px 0 rgba(7, 29, 61, 0.1); border: 1px solid #eee;}
content .coupon_view .barcode {background: transparent; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 40px; display: flex; flex-flow: column; row-gap: 12px; align-items: center;  justify-content: center; background-color: #eee;}
content .coupon_view .barcode .barcode_img {display: flex; align-items: center; justify-content: center; flex-flow: column; row-gap: 12px;}
content .coupon_view .barcode .barcode_img img {height: 40px;}
content .coupon_view .barcode .barcode_number {font-size: 12px; font-weight: 500; color: black;}
content .coupon_view .barcode p {font-size: 16px; text-align: center; color: #747474;}
content .coupon_view .barcode > button {width: 120px; height: 40px; font-size: 14px; font-weight: initial; color: #fff; background-color: #c79f7b; display: flex; align-items: center; justify-content: center; margin: 0 auto; border: 0; line-height: 1;}
content .coupon_view .barcode input[type="text"] {text-align: center; border: 1px solid #dbdbdb;}

content .coupon_view .coupon_detail {position: relative; height: auto; padding: 30px 15px 30px 15px;}
content .coupon_view .coupon_detail img {position: absolute; right: 15px; bottom: 0;}
content .coupon_view .coupon_detail .name {font-size: 16px; font-weight: 500; width: calc(100% - 80px);}
content .coupon_view .coupon_detail .info {font-size: 12px; font-weight: 400; color: #747474; padding: 0; margin-top: 5px;}
content .coupon_view .coupon_detail .date {margin-top: 5px; font-size: 12px; font-weight: 400; color: #747474;}
content .coupon_view .coupon_detail .status {color: #fff; font-size: 10px; font-weight: bold; background-color: #c7a079; height: 20px; width: 60px; text-align: center; line-height: 20px; float: right; margin-top: -30px; position: absolute; right: 15px; top: 60px;}
content .coupon_view .coupon_detail .red {background: #ee2529;}

content .coupon_view .info {padding: 15px;}
content .coupon_view .info .title div {border-radius: 8px; border: 1px solid black; width: 16px; height: 16px; text-align: center; font-weight: bold; font-size: 10px; float: left; margin-top: 5px;}
content .coupon_view .info .title span {font-size: 14px; font-weight: 500;vertical-align: middle; margin-left: 5px;}

content .coupon_view .info ul {padding: 15px 15px 15px 20px;}
content .coupon_view .info ul li {font-size: 12px; color: #747474; line-height: 20px;}

content .conpon_view_info {background-color: #eee; padding: 15px; margin-top: 100px;}
content .conpon_view_info ul {padding: 15px 15px 15px 20px; font-size: 12px; color: #747474;}
content .conpon_view_info ul li {font-size: 12px; color: #747474; line-height: 20px;}

/* alarm */
content .no_alarm {position: fixed; top: 50%; margin-top: -150px; font-size: 14px; font-weight: 400; color: #747474; text-align: center; width: 100%;}
content .no_alarm span {color: black; font-weight: 500; font-size: 18px;}
content .no_alarm div {margin-top: 30px; font-size: 12px; color: #747474;}

content .alarm_list .list {border-bottom: 1px solid #eee; padding: 15px;}
content .alarm_list .list .category {font-size: 12px; font-weight: 500;}
content .alarm_list .list .notice {color: #1d467d;}
content .alarm_list .list .event {color: #b08e60;}
content .alarm_list .list .checkin {color: #4ac7d5;}
content .alarm_list .list .title {font-size: 14px; font-weight: 500; color: black; margin-top: 5px;}
content .alarm_list .list .date {font-size: 12px; font-weight: 400; color: #747474; margin-top: 10px;}

/* point */
content .point {margin-top: 15px;}
content .point .name {font-size: 18px; font-weight: 500; padding-left: 15px;}
content .point .name span {font-weight: 300;}

content .point .my_point {margin-top: 5px; font-size: 24px; color: #c7a079; font-weight: 500; border-bottom: 10px solid #ddd; padding-bottom: 15px; padding-left: 15px;}
content .point .my_point span {font-size: 20px; color: black}

content .point .season_point {padding: 15px; font-size: 14px; font-weight: 500; border-bottom: 1px solid #eee;}
content .point .season_point span {vertical-align: middle;}
content .point .season_point span:nth-child(3) {float: right;}
content .point .season_point img {vertical-align: middle;}

content .point .end_point {padding: 15px; font-size: 14px; font-weight: 500; border-bottom: 1px solid #eee;}
content .point .end_point span {vertical-align: middle;}
content .point .end_point span:nth-child(3) {float: right;}
content .point .end_point img {vertical-align: middle;}

content .point .info ul {padding: 10px 30px;}
content .point .info ul li {font-size: 12px; color: #747474;}

content .point .btn_area {padding: 15px;}
content .point .btn_point {border: 1px solid #747474; font-size: 14px; color: #747474; font-weight: 500; height: 40px; width: 100%; background-color: #fff;}

content .point .point_list_title {font-size: 18px; font-weight: bold; color: black; padding: 15px;}

content .point .list {border-bottom: 1px solid #eee; padding-left: 15px; padding-right: 15px; position: relative;}
content .point .list .title {font-size: 14px; width: 250px; height: 40px; line-height: 40px;}
content .point .list .point_plus {font-size: 14px; color: #5c8ebb; height: 40px; position: absolute; right: 0; top: 0; line-height: 40px; padding-right: 15px;}
content .point .list .minus_plus {font-size: 14px; color: #ee2529; height: 40px; position: absolute; right: 0; top: 0; line-height: 40px; padding-right: 15px;}

/* 1:1 write */
content .question_list .question_menu {border-bottom: 10px solid #eee;}
content .question_list .question_menu::after {clear: both; content: ''; display: block;}
content .question_list .question_menu .active {font-size: 16px; font-weight: 500; color: black;}
content .question_list .question_menu div {float: left; width: 50%; font-size: 16px; font-weight: 400; color: #747474; text-align: center; height: 50px; line-height: 50px;}

content .question_list .question_input {padding: 15px;}
content .question_list .question_input .list {margin-bottom: 30px;}
content .question_list .question_input .list .active {border: 2px solid #c7a079; color: black; font-size: 14px; font-weight: 500;}
content .question_list .question_input .list .title {font-size: 14px; color: black; font-weight: 500; margin-bottom: 10px;}
content .question_list .question_input .list .error {color: #ee2529; font-size: 12px; font-weight: 500; margin-top: 10px;}

content .question_list .question_input .list .input {font-size: 12px;}
content .question_list .question_input .list .input input {width: 100%; height: 50px; border: 1px solid #eee; -webkit-appearance: none; padding: 0 15px 0 15px; font-size: 14px; font-weight: 500; border-radius: 0;}
content .question_list .question_input .list .input textarea {width: 100%; height: 200px; border: 1px solid #eee; -webkit-appearance: none; padding: 0 15px 0 15px; font-size: 14px; font-weight: 500; border-radius: 0;}
content .question_list .question_input .list .input select {width: 100%; height: 50px; border: 1px solid #eee; -webkit-appearance: none; padding: 0 15px 0 15px; font-size: 14px; font-weight: 500; border-radius: 0;}
content .question_list .question_input .list .input .height200 {height: 200px;}

content .question_list .question_answer .list {padding: 15px; border-bottom: 1px solid #eee; position: relative;}
content .question_list .question_answer .list::after {clear: both; content: ''; display: block;}
content .question_list .question_answer .list .title {font-size: 14px; font-weight: 500; float: left; max-width: calc(100% - 130px);}
content .question_list .question_answer .list .flag {font-size: 10px; font-weight: 500; float: left; width: 60px; background-color: #5c8ebb; color: #fff; text-align: center; margin-left: 10px; height: 20px; line-height: 20px;}
content .question_list .question_answer .list .date {font-size: 12px; font-weight: 400; float: left; width: 100%; padding-left: 20px; margin-top: 5px; color: #747474; margin-bottom: 15px;}
content .question_list .question_answer .list .arrow {position: absolute; right: 15px; top: 15px;}
content .question_list .question_answer .list .Q {font-size: 18px; font-weight: 500; float: left;}
content .question_list .question_answer .list .question_content {border-top: 1px solid #eee; width: 100%; float: left; font-size: 14px; line-height: 20px; padding: 15px;}
content .question_list .question_answer .list .answer {width: 100%; float: left; font-size: 14px; line-height: 20px; padding: 15px; background-color: #eee;}
content .question_list .question_answer .list .answer span {color: #c7a079; font-size: 18px; font-weight: bold;}

/* checkin */
content .checkin_list .name {font-size: 18px; font-weight: 300; padding: 15px;}
content .checkin_list .name span {font-weight: 500;}
content .checkin_list .name img {width: 212px; height: 160px; position: absolute; right: 0; top: 0;}

content .checkin_list .name .box {border: 1px solid #eee; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin-top: 20px; background-color: #fff;}
content .checkin_list .name .box::after {clear: both; content: ''; display: block;}
content .checkin_list .name .box div {float: left; margin: 0%; text-align: center; width: 50%; font-size: 14px; font-weight: 500; padding: 20px;}
content .checkin_list .name .box div:first-child {border-right: 1px solid #eee;}
content .checkin_list .name .box div span {color: #c7a079; font-size: 20px;}

content .checkin_list .list_title {padding: 15px 20px; display: flex; align-items: center; justify-content: space-between;}
content .checkin_list .list_title > h6 {font-size: 18px; font-weight: 700;}
content .checkin_list .list_title > span {font-size: 12px; color: #747474; cursor: pointer;}
content .checkin_list .list_title > span > i {width: 14px; height: 14px; display: inline-block; background-image: url(/img/ic-notice-line@2x-8005fa933510650a7f992beeed7a09de.png); background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: middle; position: relative; top: -1px;}
content .checkin_list .list_all {list-style: none; padding: 0 20px 15px; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px;}
content .checkin_list .list_all > li {position: relative; width: 68px; height: 68px; display: block; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url(/img/img-stamp@2x-806eecd795a06f1e332905d508439310.png);}
content .checkin_list .list_all > li > span {font-size: 10px; color: #fff; text-align: center; width: 44px; height: 16px; line-height: 16px; position: absolute; bottom: -2px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
content .checkin_list .list_all > li.unable > span {background-color: #a4a4a4;}
content .checkin_list .list_all > li.reward > span {background-color: #c7a079; background-image: url(/img/ic-arrow-next-8@2x-e6353e138adc621a1985d2ea00c15882.png); background-repeat: no-repeat; background-size: 8px; background-position: center right 4px; padding-right: 6px; cursor: pointer;}

content .checkin_list .info {background-color: #eee;}
content .checkin_list .info ul {color: #747474; padding: 30px; font-size: 12px;}
content .checkin_list .info ul li {line-height: 20px;}

content .checkin-reward-img {width: 100%; height: 100%;}

/* nc_pay */
content .nc_pay {padding: 15px;}
content .nc_pay .title {font-size: 18px; font-weight: 500;}
content .nc_pay .card_list {margin-top: 15px;}
content .nc_pay .card_list .list {background-color: #fff; height: 140px; font-size: 14px; color: black; padding: 20px; box-shadow: 4px 4px 12px 0 rgba(7, 29, 61, 0.1); border: solid 1px #eee;}
content .nc_pay .card_list .list .logo {margin-bottom: 10px;}
content .nc_pay .card_list .list .card_name {font-size: 14px; font-weight: 400; margin-bottom: 10px; margin-top: 20px;}
content .nc_pay .card_list .list .card_number {font-size: 14px; font-weight: 500; margin-top: 10px;}
content .nc_pay .card_list .list .delete {position: absolute; right: 20px; top: 20px; color: #a4a4a4;}
content .nc_pay .card_list .list .delete img {vertical-align: middle;}
content .nc_pay .card_list .list .delete span {vertical-align: middle;}

content .card_register {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 999; padding: 15px; overflow: scroll;}
content .card_register .title {font-size: 18px; font-weight: 500; margin-bottom: 10px;}
content .card_register .title p {font-size: 14px; color: #747474; font-weight: 400; line-height: 20px; margin-top: 20px;}
content .card_register .title p span {color: #ee2529; font-size: 12px; font-weight: 500;}

content .card_register .card_number::after {clear: both; content: ''; display: block;}
content .card_register .card_number select {width: 95%; height: 50px; border: 1px solid #eee; -webkit-appearance: none; padding: 0 15px 0 15px; font-size: 14px; font-weight: 500; border-radius: 0; margin-bottom: 15px;}
content .card_register .card_number input {width: 20%; height: 50px; border: 1px solid #eee; -webkit-appearance: none; padding: 0 15px 0 15px; font-size: 14px; font-weight: 500; border-radius: 0; float: left; margin-right: 5%; margin-bottom: 15px;}
content .card_register .card_number .period {width: 45%;}
content .card_register .card_number .password {width: 95%;}
content .card_register .card_number .submit {float: left; background-color: #071d3d; color: #fff; font-size: 16px; font-weight: bold; width: 45%; height: 50px; border: 0; margin-left: 5%; margin-top: 50px;}
content .card_register .card_number .cancle {float: left; background-color: #747474; color: #fff; font-size: 16px; font-weight: bold; width: 45%; height: 50px; border: 0; margin-left: 0%; margin-top: 50px;}
content .card_register .card_number .all {font-weight: 500; font-size: 16px;}

content .card_register .card_number .policy {height: auto; float: left; width: 95%; border-bottom: 1px solid #eee; font-size: 14px; font-weight: 400; min-height: 50px;}
content .card_register .card_number .policy::after {clear: both; content: ''; display: block;}
content .card_register .card_number .policy label {margin-top: 10px; float: left; height: auto; width: calc(100% - 50px); margin-bottom: 10px;}
content .card_register .card_number .policy button {float: right; margin-top: 10px; margin-left: 10px; border: 0; color: #1d467d; background: transparent; font-weight: 500; text-decoration: underline;}
content .card_register .card_number .policy input[type='checkbox'] {width: 20px; height: 20px; padding: 0; margin-top: 0; margin-right: 5px;}
content .card_register .card_number .policy input[type='checkbox']:checked {background-image: url(/img/ic-checkbox-ov@3x-08300bc1bbcd6826a713b879acc7fbe1.png); background-repeat: no-repeat; background-size: 20px 20px;}

content .pass_register {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 1000; padding: 15px; overflow: scroll;}
content .pass_register .title {margin-top: 30px; font-weight: 500; font-size: 18px; color: black; text-align: center;}
content .pass_register .sub_title {margin-top: 10px; font-weight: 400; font-size: 14px; color: black; text-align: center;}
content .pass_register .pass {margin-top: 30px; text-align: center;}
content .pass_register .pass input {padding: 0; margin: 0 10px; height: 30px; width: 30px; background-color: #eee; text-align: center; font-size: 20px; font-weight: bold; border: 0; border-radius: 15px; line-height: 30px;}
content .pass_register .keypad {position: fixed; bottom: 0; left: 0; width: 100%; height: 320px; border-top: 1px solid #eee;}
content .pass_register .keypad button {width: 33%; height: 60px; border: 0; border-bottom: 1px solid #eee; background-color: #fff; border-right: 1px solid #eee; font-size: 16px; font-weight: 400; color: black;}
content .pass_register .keypad .btn_add_pass {padding: 0 0 20px 0; color: #fff; font-size: 18px; font-weight: 500; background-color: #071d3d; width: 100%; height: 80px; text-align: center; border: 0;}

/* point policy */
content .point_policy {padding: 15px; line-height: 20px; font-size: 14px;}
content .point_policy ul {padding: 15px 0 15px 15px; font-size: 12px;}
content .point_policy ul li {line-height: 20px;}

content .personal_policy {padding: 15px; line-height: 24px; font-size: 12px;}
content .personal_policy ul {padding: 15px 0 15px 15px; font-size: 12px;}
content .personal_policy ul li {line-height: 20px;}

content .personal_policy table {width: 100%; border-top: 1px solid #eee;}
content .personal_policy table tr th {border-right: 1px solid #eee; padding: 10px; border-bottom: 1px solid #eee; font-weight: 500;}
content .personal_policy table tr td {border-right: 1px solid #eee; padding: 10px; border-bottom: 1px solid #eee;}

/* ticket */
content .ticket .ticket_menu {border-bottom: 1px solid #eee;}
content .ticket .ticket_menu::after {clear: both; content: ''; display: block;}
content .ticket .ticket_menu .active {font-size: 16px; font-weight: 500; color: black; border-bottom: 2px solid black;}
content .ticket .ticket_menu div {float: left; width: 50%; font-size: 16px; font-weight: 400; color: #747474; text-align: center; height: 50px; line-height: 50px;}

content .ticket .ticket_list {padding: 15px;}
content .ticket .ticket_list .list {position: relative; width: 100%; height: 100px; box-shadow: 4px 4px 10px 0 rgba(7, 29, 61, 0.1); border: solid 1px #eee; margin-bottom: 15px;}
content .ticket .ticket_list .list .info {padding: 15px; width: calc(100% - 80px); height: 100px;}
content .ticket .ticket_list .list .info .team {font-size: 14px; font-weight: 500; color: black;}
content .ticket .ticket_list .list .info .date {font-size: 12px; font-weight: 400; color: #747474; margin-top: 5px;}
content .ticket .ticket_list .list .info .count {font-size: 12px; font-weight: 500; color: #5c8ebb; margin-top: 5px;}
content .ticket .ticket_list .list .info .emblem {position: absolute; right: 20px; bottom: 15px;}

content .ticket .ticket_list .list .status {position: absolute; right: 0; top: 0; background: transparent}
content .ticket .ticket_list .list .status .bg {background: transparent;}
content .ticket .ticket_list .list .status .bg::after {clear: both; content: ''; display: block;}
content .ticket .ticket_list .list .status .bg img {float: left;}
content .ticket .ticket_list .list .status .present {position: absolute; left: 50%; margin-left: -12px; top: 50%; margin-top: -12px;}
content .ticket .ticket_list .list .status .present::after {clear: both; content: ''; display: block;}
content .ticket .ticket_list .list .status .present img {float: left;}
content .ticket .ticket_list .list .status .before {height: 20px; width: 50px; padding-top: 2px; color: #fff; font-size: 10px; font-weight: 500; line-height: normal; text-align: center; background-color: #5c8ebb; position: absolute; left: 50%; margin-left: -25px; top: 50%; margin-top: -10px;}
content .ticket .ticket_list .list .status .used {height: 20px; width: 50px; padding-top: 2px; color: #fff; font-size: 10px; font-weight: 500; line-height: normal; text-align: center; background-color: #747474; position: absolute; left: 50%; margin-left: -25px; top: 50%; margin-top: -10px;}
content .ticket .ticket_list .list .status .nottransfer,
content .ticket .ticket_list .list .status .cancle {height: 20px; width: 50px; padding-top: 2px; color: #fff; font-size: 10px; font-weight: 500; line-height: normal; text-align: center; background-color: #c51415; position: absolute; left: 50%; margin-left: -25px; top: 50%; margin-top: -10px;}

content .ticket .ticket_list .get_ticket {margin-bottom: 20px;}
content .ticket .ticket_list .get_ticket .title {font-size: 14px; font-weight: bold; color: black;}
content .ticket .ticket_list .get_ticket .input {margin-top: 5px;}
content .ticket .ticket_list .get_ticket .input::after {clear: both; content: ''; display: block;}
content .ticket .ticket_list .get_ticket .input input {height: 40px; width: calc(100% - 80px); border: 1px solid #ddd; background-color: #eee; padding: 0 15px 0 15px; float: left; border-radius: 0;}
content .ticket .ticket_list .get_ticket .input button {height: 40px; color: #fff; font-size: 14px; font-weight: 500; text-align: center; background-color: #071d3d; width: 80px; border: 0; float: right;}

content .ticket .ticket_view .info {border-bottom: 1px solid #f4f4f4; padding: 20px; box-sizing: border-box;}
content .ticket .ticket_view .info .team {font-size: 14px; font-weight: 500; color: black;}
content .ticket .ticket_view .info .date {font-size: 12px; font-weight: 400; color: #747474; margin-top: 5px;}
content .ticket .ticket_view .info .count {font-size: 12px; font-weight: 500; color: #5c8ebb; margin-top: 5px;}
content .ticket .ticket_view .info .emblem {width: fit-content; height: 60px; line-height: 24px; position: absolute; right: 20px;  top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: flex; align-items: center;}
content .ticket .ticket_view .info .emblem span {vertical-align: middle;}
content .ticket .ticket_view .info .emblem img {vertical-align: middle; width: 60px; height: 60px; margin-left: 12px;}

content .ticket .ticket_view .ticket_view_list {padding: 15px;}
content .ticket .ticket_view .ticket_view_list .catch::after {clear: both; content: ''; display: block;}
content .ticket .ticket_view .ticket_view_list .catch img {width: 100%; float: left;}

content .ticket .ticket_view .ticket_view_list .ticket_info {border: 1px solid #ddd; padding-top: 20px;}
content .ticket .ticket_view .ticket_view_list .ticket_info .title {font-size: 14px; color: #747474; font-weight: 400; margin-left: 15px;}
content .ticket .ticket_view .ticket_view_list .ticket_info .value {font-size: 14px; color: black; font-weight: 500; margin-bottom: 20px; margin-left: 15px;}
content .ticket .ticket_view .ticket_view_list .ticket_info .line {border-bottom: 1px solid #eee; margin: 20px 0;}
content .ticket .ticket_view .ticket_view_list .ticket_info .qr {position: relative; text-align: center; background-color: #eee; padding: 30px;}
content .ticket .ticket_view .ticket_view_list .ticket_info .qr img {width: 100px; height: 100px;}
content .ticket .ticket_view .ticket_view_list .ticket_info .qr .enter {position: absolute; width: 60px; height: 20px; color: #fff; background-color: #5c8ebb; font-size: 12px; font-weight: 500; line-height: 20px; left: 15px; top: 15px;}
content .ticket .ticket_view .ticket_view_list .ticket_info .pin_cancle {padding: 20px;}
content .ticket .ticket_view .ticket_view_list .ticket_info .pin_cancle .pin_title {font-weight: 500; font-size: 14px;}
content .ticket .ticket_view .ticket_view_list .ticket_info .pin_cancle .pin_desc {font-weight: 400; font-size: 12px; color: #747474; margin-top: 5px; width: calc(100% - 80px);}
content .ticket .ticket_view .ticket_view_list .ticket_info .pin_cancle .pin_value {font-size: 16px; font-weight: 500; margin-top: 5px;}
content .ticket .ticket_view .ticket_view_list .ticket_info .pin_cancle .copy {position: absolute; top: 20px; right: 20px; background-color: #071d3d; font-weight: 500; text-align: center; color: #fff; height: 30px; width: 60px; border: 0; font-size: 12px;}
content .ticket .ticket_view .ticket_view_list .ticket_info .pin_cancle .cancle {background-color: #a4a4a4; height: 50px; color: #fff; font-size: 16px; font-weight: 500; border: 0;}
content .ticket .ticket_view .ticket_view_list .ticket_info .pin_cancle .present {background-color: #c7a079; height: 50px; color: #fff; font-size: 16px; font-weight: 500; border: 0;}

content .ticket .ticket_view .ticket_view_list .ticket_info .season-title {margin-left: 20px; font-size: 14px; color: #c7a079; font-weight: 500; display: flex; align-items: center;}
content .ticket .ticket_view .ticket_view_list .ticket_info .season-cont {padding: 20px; list-style: none;}
content .ticket .ticket_view .ticket_view_list .ticket_info .season-cont {display: grid; grid-template-columns: 2fr 1fr; grid-gap: 16px; flex-direction: column;}
content .ticket .ticket_view .ticket_view_list .ticket_info .season-cont > li:nth-child(2) {grid-column: 1; grid-row: 2;}
content .ticket .ticket_view .ticket_view_list .ticket_info .season-cont > li h6 {font-size: 12px; color: #747474;}
content .ticket .ticket_view .ticket_view_list .ticket_info .season-cont > li p {font-size: 14px; margin-top: 4px;}

content .ticket .ticket_view .ticket_view_list .ticket_info .qr .label-wrap { position: absolute; top: 20px; left: 20px; width: calc(100% - 40px); display: flex; justify-content: space-between;}
content .ticket .ticket_view .ticket_view_list .ticket_info .qr .label-wrap > ul {display: flex; flex-flow: column; list-style: none;}
content .ticket .ticket_view .ticket_view_list .ticket_info .qr .label-wrap > ul > li {display: block; width: 44px; height: 16px; line-height: 15px; font-size: 10px; color: #fff; font-weight: initial;}
content .ticket .ticket_view .ticket_view_list .ticket_info .qr .label-wrap > ul > li + li {margin-top: 4px;}
content .ticket .ticket_view .ticket_view_list .ticket_info .qr .label-wrap > ul > li.gold {background-color: #c7a079;}
content .ticket .ticket_view .ticket_view_list .ticket_info .qr .label-wrap > ul > li.blue {background-color: #5c8ebb;}
content .ticket .ticket_view .ticket_view_list .ticket_info .qr .label-wrap > ul > li.navy {background-color: #071d3d;}
content .ticket .ticket_view .ticket_view_list .ticket_info .pin_cancle p > button {width: 100%;}
content .ticket .ticket_view .ticket_view_list .ticket_info .pin_cancle p > button + button {margin-left: 16px;}
content .ticket .ticket_view .ticket_view_list .ticket_info .pin_cancle p > button:nth-child(1):nth-last-child(2),
content .ticket .ticket_view .ticket_view_list .ticket_info .pin_cancle p > button:nth-child(1):nth-last-child(2) ~ button {width: calc((100% - 16px) / 2);}
i.ic-mycheck-g-16 {width: 16px; height: 16px; background-image: url(/img/ic-mycheck-g-16@2x-8011d3c94b5566c3929543c70e8fd7f3.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-right: 8px;}

content .ticket .ticket_view .ticket_view_list .swiper {width: 100%; padding: 0;}
content .ticket .ticket_view .ticket_view_list .swiper .swiper-slide {padding-top: 20px;}
content .ticket .ticket_view .ticket_view_list .swiper-pagination {position: relative; width: auto!important; left: auto!important; margin: 15px 0 0;}

content .ticket .ticket_view .ticket_view_list .cancle_all button {background-color: #071d3d; color: #fff; font-size: 16px; font-weight: 500; border: 0; width: 100%; height: 50px; margin-bottom: 20px; margin-top: 30px;}
content .ticket .ticket_view .ticket_view_list .cancle_desc {padding: 0; margin: 15px 0 0;}
content .ticket .ticket_view .ticket_view_list .cancle_desc .title {padding: 0; margin: 0; color: black; font-size: 14px; font-weight: 500;}
content .ticket .ticket_view .ticket_view_list .cancle_desc .desc {color: #747474; font-weight: 400; font-size: 12px; margin-top: 3px;}
content .ticket .ticket_view .ticket_view_list .cancle_desc .desc ul {margin-left: 15px;}
content .ticket .ticket_view .ticket_view_list .cancle_desc .desc ul li {line-height: 18px;}

/* set_pass */
content .set_pass {padding-bottom: 100px;}
content .set_pass .welcome_txt {font-size: 16px; font-weight: 300; padding: 15px;}
content .set_pass .welcome_txt span {font-size: 16px; font-weight: 500; color: #5c8ebb;}

content .set_pass .register_input {padding: 15px;}
content .set_pass .register_input .list {margin-bottom: 30px;}
content .set_pass .register_input .list .title {font-size: 14px; color: black; font-weight: 500; margin-bottom: 10px;}
content .set_pass .register_input .list .input {font-size: 12px;}
content .set_pass .register_input .list .input input {width: 100%; height: 50px; border: 1px solid #eee; -webkit-appearance: none; padding: 0 15px 0 15px; font-size: 14px; font-weight: 500; border-radius: 0;}
content .set_pass .register_input .list .error {color: #ee2529; font-size: 12px; font-weight: 500; margin-top: 10px;}
content .set_pass .register_input .list .success {color: #5c8ebb; font-size: 12px; font-weight: 500; margin-top: 10px;}

content .set_pass .btn_area {padding: 15px;}
content .set_pass .btn_area button {color: #fff; border: 0; width: 48%; height: 50px; background-color: #071d3d;}
content .set_pass .btn_area button:first-child {background-color: #747474; margin-right: 4%;}

/* calendar */
#calendar {width: 100%; margin: 20px auto; font-size: 10px; background-color: #fff; -webkit-overflow-scrolling: touch; overflow-y: scroll; position: relative;}
#calendar .fc-scroller {overflow-x: hidden!important; overflow-y: hidden!important;}

.calendar_control {position: absolute; background: #ee2529; z-index: 99999; width: 100%;}
.calendar_control #calendar_next {position: absolute; width: 30px; height: 30px; left: 50%; margin-left: 58px; margin-top: 34px;}
.calendar_control #calendar_prev {position: absolute; width: 30px; height: 30px; left: 50%; margin-left: -80px; margin-top: 34px}
.calendar_control #calendar_next img, #calendar_prev img {width: 25px;}
.calendar_control #calendar_today {position: absolute; top: 35px; left: 30px; width: auto; padding: 3px 10px 3px 10px; border: solid 1px #999; color: #999; font-size: 10px;}

.schedule_cal{position: relative;}
.schedule_cal #calendar_prev{position: absolute;width:30px;height:30px;left:50%;top:12px; margin-left:-80px;}
.schedule_cal #calendar_prev img{width:25px;}
.schedule_cal #calendar_next{position: absolute;width:30px;height:30px;left:50%;top:12px; margin-left:60px;}
.schedule_cal #calendar_next img{width:25px;}
.schedule_cal #calendar_today{
	position:absolute;
	top:14px;left:30px;
	padding:3px 10px 3px 10px;
	border: solid 1px #999;
	color:#999;
	font-size:10px;
	}
.schedule_cal #calendar_cal{position: absolute;top:0;right:50px;margin-top:5px;padding:10px;}
.schedule_cal #calendar_list{position: absolute;top:0;right:15px;margin-top:5px;padding:10px;}

.banner_area {width: 100%; padding: 0 15px 15px 15px;}
.banner_area .list {margin-bottom: 10px;}
.banner_area .list img {width: 100%;}

.schedule_cal .reservation_list {padding: 0 15px 0 15px;}
.schedule_cal .reservation_list .list {width: 100%; background-color: #49c7d5; border-radius: 10px; padding: 15px; margin-bottom: 10px;}
.schedule_cal .reservation_list .list:nth-child(2n) {background-color: #5b8ebb;}
.schedule_cal .reservation_list .list .emblem {background-color: #fff; text-align: center; width: 40px; border-radius: 20px; height: 40px;}
.schedule_cal .reservation_list .list .emblem img {height: 40px;}
.schedule_cal .reservation_list .list .team {position: absolute; left: 70px; top: 20px; color: #fff;}
.schedule_cal .reservation_list .list .team .vs {font-size: 14px; font-weight: 500;}
.schedule_cal .reservation_list .list .team .date {font-size: 12px; font-weight: 300;}
.schedule_cal .reservation_list .list .reservation {float: right; font-size: 16px; font-weight: 500; color: #fff; margin-top: -30px;}

.schedule_cal .home_event_list {margin-top: 30px;}
.schedule_cal .home_event_list .title {padding: 0 15px 10px 15px; font-size: 18px; font-weight: 500;}
.schedule_cal .home_event_list .title img {vertical-align: middle; float: right;}
.schedule_cal .home_event_list .title span {vertical-align: middle; font-weight: 500;}

/* withdrawal_policy */
content .withdrawal_policy {padding: 15px;}
content .withdrawal_policy ul {font-size: 12px; color: #747474; padding: 15px; line-height: 20px;}
content .withdrawal_policy ul li {line-height: 20px;}
content .withdrawal_policy .agreement {border-top: 1px solid #eee; padding: 15px 0 15px 0;}
content .withdrawal_policy .agreement::after {clear: both; content: ''; display: block;}
content .withdrawal_policy .agreement div {height: auto; width: calc(100% - 30px); margin-bottom: 10px; font-size: 14px; color: black; font-weight: 500; float: right;}
content .withdrawal_policy .agreement input[type='password'] {width: 100%; border: 1px solid #eee; font-size: 14px; color: black; height: 40px; padding: 15px; margin-top: 30px;}
content .withdrawal_policy .agreement input[type='checkbox'] {width: 20px; height: 20px; padding: 0; margin-top: 5px; margin-right: 5px; border: 1px solid #eee;}
content .withdrawal_policy .agreement input[type='checkbox']:checked {background-image: url(/img/ic-checkbox-ov@3x-08300bc1bbcd6826a713b879acc7fbe1.png); background-repeat: no-repeat; background-size: 20px 20px;}
content .withdrawal_policy .agreement button {width: 100%; height: 50px; font-weight: 500; font-size: 16px; color: #fff; background-color: #071d3d; border: 0; margin-top: 15px;}

/* agreement */
content .agreement {margin: 15px 15px 15px 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); padding: 15px;}
content .agreement .list {margin-bottom: 0;}
content .agreement .list .title {font-size: 14px; color: black; font-weight: 500; border-bottom: 1px solid #eee; padding-bottom: 15px;}
content .agreement .list .input {font-size: 12px; padding: 15px 0 15px 0;}
content .agreement .list .input div {margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 10px;}
content .agreement .list .input div::after {clear: both; content: ''; display: block;}
content .agreement .list .input div label {width: calc(100% - 30px);}
content .agreement .list .input div .arrow {width: 30px; float: right; margin-top: 0; position: absolute; right: 0; font-size: 12px; font-weight: 500; color: #5c8ebb;}
content .agreement .list .input div .item {float: left; padding: 0; margin: 0 0 0 10px;}
content .agreement .list .input div .section {border: 0; padding: 0; position: relative; margin-top: 10px;}
content .agreement .list .input div .section::after {clear: both; content: ''; display: block;}
content .agreement .list .input input {width: 100%; height: 50px; border: 1px solid #eee; -webkit-appearance: none; padding: 0 15px 0 15px; font-size: 14px; font-weight: 500; border-radius: 0;}
content .agreement .list .input input[type='checkbox'] {border: 1px solid #eee; width: 20px; height: 20px; -webkit-appearance: none; padding: 0; float: left; margin-right: 10px;}
content .agreement .list .input input[type='checkbox']:checked {background-image: url(/img/ic-checkbox-ov@3x-08300bc1bbcd6826a713b879acc7fbe1.png); background-repeat: no-repeat; background-size: 20px 20px;}

content .agreement .list .input .item .all {font-size: 14px; font-weight: 500;}
content .agreement .list .input .item .section p {width: 100%; float: left; padding: 10px 5px 5px 25px;}
content .agreement .list .input .item .section p label {margin: 0;}

/* 220401 popup 추가 */
.popup {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5); z-index: 9999;}
.pop-wrap {width: 90vw; padding: 16px; background-color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.pop-wrap .pop-cont {text-align: center; padding: 20px 0;}
.pop-wrap .pop-cont > i {margin-bottom: 14px;}
.pop-wrap .pop-cont h6 {font-size: 14px; line-height: 1.6; font-weight: 500;}
.pop-wrap .pop-cont h6 .brown {color: #c7a079; font-weight: 500;}
.pop-wrap .pop-cont h6 + p {margin-top: 16px;}
.pop-wrap .pop-cont p {font-size: 13px; line-height: 1.6;}
.pop-wrap .pop-cont p + p {margin-top: 8px;}
.pop-wrap .pop-btn {margin-top: 20px; display: flex; align-items: center;}
.pop-wrap .pop-btn button {height: 52px; border: 0; font-size: 14px; color: #fff; font-weight: 500; background-color: #071d3d; width: 100%;}
.pop-wrap .pop-btn button.gray {background-color: #a4a4a4;}
.pop-wrap .pop-btn button + button {margin-left: 8px;}
.pop-wrap .pop-btn button:first-child:nth-last-child(2), .pop-wrap .pop-btn button:first-child:nth-last-child(2) ~ button {width: calc((100% - 8px) / 2);}

.img-reward-52 {width: 52px; height: 52px; background-image: url(/img/img-reward-52@2x-e693f9f9ea5458522ae837efd509122d.png); background-repeat: no-repeat; background-size: contain; background-position: center; display: block; margin: 0 auto;}
.img-jrCoupon-52 {width: 52px; height: 52px; background-image: url(/img/ic-coupon-32@3x-a3fec48a3510c39246a8b9647ef10ecd.png); background-repeat: no-repeat; background-size: contain; background-position: center; display: block; margin: 0 auto;}

/* 220401 라이브퀴즈 */
.live-quiz {padding: 16px 20px 0; height: 100%; position: relative;}
.live-quiz .quiz-q {padding-bottom: 24px;}
.live-quiz .quiz-q .label {background-color: #5c8ebb; padding: 0 4px; height: 16px; line-height: 16px; font-size: 10px; color: #fff;}
.live-quiz .quiz-q > h6 {font-size: 18px; font-weight: 700; margin-top: 8px;}
.live-quiz > p {font-size: 12px; color: #747474; vertical-align: middle; margin-bottom: 16px; word-break: keep-all; text-indent: -18px; padding-left: 18px;}
.live-quiz > p i {display: inline-block; vertical-align: middle; position: relative; top: -2px; width: 16px; height: 16px; background-repeat: no-repeat; background-size: contain; background-position: center;}
.live-quiz > p .ic-time-16 {background-image: url(/img/ic-time-16@2x-8596c70987ade15b5ead09b706773a1f.png);}
.live-quiz > p .ic-time-red-16 {background-image: url(/img/ic-time-red-16@2x-ede64597ea88f2e71e146747ff197e3c.png);}
.live-quiz .red {color: #ee2526;}
.live-quiz ul:not(.time-count) {list-style: none; width: 100%;}
.live-quiz ul:not(.time-count) > li {width: 100%; background-color: #f8f8f8; height: 48px; display: table; position: relative;}
.live-quiz ul:not(.time-count) > li + li {margin-top: 8px;}
.live-quiz ul:not(.time-count) > li input[type='radio'] {display: none;}
.live-quiz ul:not(.time-count) > li input[type='radio'] + label {display: table-cell; vertical-align: middle; padding: 0 16px; font-size: 12px; font-weight: 500; line-height: 1.4;}
.live-quiz ul:not(.time-count) > li input[type='radio'] + label::after {content: ''; width: 20px; height: 20px; display: block; background-image: url(/img/ic-radio-20@2x-0e508e29e3f0aceabb1d19543f1eeec3.png); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; right: 16px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.live-quiz ul:not(.time-count) > li input[type='radio']:checked + label > span {font-weight: 700; color: #c7a079;}
.live-quiz ul:not(.time-count) > li input[type='radio']:checked + label::after {background-image: url(/img/ic-radio-20-ov@2x-dc6b87de58659b89683f554bd06c5426.png);}
.live-quiz ul:not(.time-count) > li input[type='radio']:checked + label::before {width: 100%; height: 100%; content: ''; display: block; position: absolute; top: 0; left: 0; background-color: #F9F5F1; box-sizing: border-box; border: 1px solid #c7a079;}
.live-quiz ul:not(.time-count) > li input[type='radio']:disabled + label::after {background-image: url(/img/ic-radio-20-no@2x-490efa3f796fc7fd5443d8eb6fd1775e.png);}
.live-quiz ul:not(.time-count) > li input[type='radio']:disabled + label::before {width: 100%; height: 100%; content: ''; display: block; position: absolute; top: 0; left: 0; background-color: #dbdbdb; box-sizing: border-box; border: 1px solid #dbdbdb;}
.live-quiz ul.result > li input[type='radio'] + label::after {content: none;}
.live-quiz ul.result > li label::before {background-repeat: no-repeat; background-size: 20px; background-position: center right 20px; background-size: 20px;}
.live-quiz ul.result > li.answer label::before {width: 100%; height: 100%; content: ''; display: block; position: absolute; top: 0; left: 0; background-image: url(/img/ic-checking01@2x-39b2f7d674ccc5a79c40a3930b6dc232.png); background-color: #DEE8F1; box-sizing: border-box; border: 1px solid #5c8ebb;}
.live-quiz ul.result > li.answer label > span {font-weight: 700; color: #5c8ebb;}
.live-quiz ul.result > li.wrong label::before {width: 100%; height: 100%; content: ''; display: block; position: absolute; top: 0; left: 0; background-image: url(/img/ic-checking02@2x-d46b2a2f22165bffa240820b60e2737a.png);}
.live-quiz ul.result > li.wrong label > span {font-weight: 700; color: #ee2529;}
.live-quiz .time-count {list-style: none; margin-top: 12px; display: flex; align-items: center;}
.live-quiz .time-count > li {color: #ee2529; font-size: 13px;}
.live-quiz .time-count > li + li::before {content: ':'; padding: 0 2px;}
.live-quiz .time-count > li:nth-child(1) {font-weight: 500; margin-right: 6px;}
.live-quiz .time-count > li:nth-child(2)::before {content: none;}

.live-quiz-desc {text-align: center; margin-top: 100px;}
.live-quiz-desc img {width: 52px; height: 52px; margin: 0 auto 4px;}
.live-quiz-desc h6 {font-size: 18px; color: #a4a4a4;}
.live-quiz-desc h6.blue {color: #5c8ebb;}
.live-quiz-desc p {font-size: 14px; line-height: 1.6; padding: 0; margin: 8px 0 0; text-align: center;}

.live-quiz .finish {padding-top: 200px; text-align: center;}
.live-quiz .finish img {width: 66px; height: 66px; margin: 0 auto;}
.live-quiz .finish h6 {font-size: 18px; font-weight: 500; margin-top: 16px;}
.live-quiz .finish p {font-size: 14px; margin-top: 6px;}

.live-quiz-combo { height: 100%;}

.my-combo-wrap {padding: 16px 20px;}
.my-combo {display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px;}
.my-combo .txt .label {display: block; width: fit-content; margin-bottom: 6px; padding: 1px 4px 2px; background-color: #5c8ebb; font-size: 10px; color: #fff;}
.my-combo .txt > h4 {font-size: 18px; font-weight: 300; line-height: 1.4;}
.my-combo .txt > h4 > span {font-weight: 700;}
.my-combo .img {position: relative; width: 76px; height: 76px; border-radius: 100%; box-shadow: 4px 0 12px 0 rgba(7, 29, 61, 0.12); background-repeat: no-repeat; background-position: center; background-size: contain;}
.my-combo .img.white {background-image: url(/img/img-combo-wh-76@2x-10142985d0410ecdcbfafb23083cbe8f.png);}
.my-combo .img.gray {background-image: url(/img/img-combo-gy-76@2x-86b03182040ec8504694e35726ec98bb.png);}
.my-combo .img.blue {background-image: url(/img/img-combo-blue-76@2x-10910b4e1de1cbc760a51d273b020d0a.png);}
.my-combo .img.brown {background-image: url(/img/img-combo-gold-76@2x-50f7a63bf192a3a9cdd5c3096a9b00c0.png);}
.my-combo .img.bluegreen {background-image: url(/img/img-combo-bluegreen-76@2x-ec81ce25b719ff31afe827fbecccb8e8.png);}
.my-combo .img > span {font-size: 24px; color: #fff; font-weight: 700; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.my-combo .img .label {background-color: #071d3d; width: fit-content; height: 16px; line-height: 16px; padding: 0 4px; font-size: 10px; color: #fff; position: absolute; left: 50%; bottom: -4px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.my-combo .img.white > span {color: initial;}
.my-combo-rank {list-style: none;}
.my-combo-rank > li {display: flex; align-items: center; justify-content: space-between; padding: 12px 0;}
.my-combo-rank > li + li {border-top: 1px solid #eee;}
.my-combo-rank > li > h6 {font-size: 14px; font-weight: 500;}
.my-combo-rank > li > div {font-size: 14px; font-weight: 400;}
.my-combo-rank > li > div > span {font-size: 15px; font-weight: 500; color: #c7a079; display: inline-block; margin-right: 4px;}

.combo-detail-wrap {border-top: 8px solid #f8f8f8; padding: 16px 20px;}

.combo-desc {font-size: 12px; line-height: 1.6; margin-bottom: 14px; text-align: right; color: #071d3d;}
.combo-tab {display: flex; align-items: center; border: 1px solid #eee; list-style: none; margin-bottom: 20px;}
.combo-tab > li {position: relative; font-size: 14px; color: #ccc; text-align: center; height: 48px; line-height: 48px;}
.combo-tab > li.active {font-weight: 700; color: #c7a079;}
.combo-tab > li.active::before {content: ''; display: block; width: calc(100% - 2px); height: calc(100% - 2px); position: absolute; top: -1px; left: -1px; border: 2px solid #c7a079; z-index: 99;}
.combo-tab > li + li {border-left: 1px solid #eee;}
.combo-tab > li:first-child:nth-last-child(2), .combo-tab > li:first-child:nth-last-child(2) ~ li {width: calc(100% / 2);}
.combo-tab > li:first-child:nth-last-child(3), .combo-tab > li:first-child:nth-last-child(3) ~ li {width: calc(100% / 3);}
.combo-tab > li:first-child:nth-last-child(4), .combo-tab > li:first-child:nth-last-child(4) ~ li {width: calc(100% / 4);}

.combo-cont table {width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #071d3d;}
.combo-cont table th {background-color: #f8f8f8; text-align: center; height: 40px; vertical-align: middle; line-height: 1.4; font-size: 12px; color: #747474; padding: 12px;}
.combo-cont table td {text-align: center; height: 40px; vertical-align: middle; line-height: 1.4; font-size: 12px; border-bottom: 1px solid #eee; padding: 12px;}
.combo-cont table td.brown {color: #c7a079;}

.combo-sticker {list-style: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.combo-sticker > li {width: 38px; height: 38px; background-repeat: no-repeat; background-size: contain; background-position: center;}
.combo-sticker > li.combo100 {background-image: url(/img/img-combo-x-100-38@2x-931aeb85015836cfdf75519a4108647b.png);}
.combo-sticker > li.combo90 {background-image: url(/img/img-combo-x-90-38@2x-8158cc5c38909ca9c92bfe3fd06a22d1.png);}
.combo-sticker > li.combo80 {background-image: url(/img/img-combo-x-80-38@2x-699e425288ff7ea37efd16c4106f2852.png);}
.combo-sticker > li.combo70 {background-image: url(/img/img-combo-x-70-38@2x-210eeb381ca06a23efceb2cc4b87db5b.png);}
.combo-sticker > li.combo60 {background-image: url(/img/img-combo-x-60-38@2x-ad4629e383e4f0ba4bdf228c9f74801b.png);}
.combo-sticker > li.combo50 {background-image: url(/img/img-combo-x-50-38@2x-5fb2c79a977f06bb7daf22b63a87141b.png);}
.combo-sticker > li.combo40 {background-image: url(/img/img-combo-x-40-38@2x-86b8c5bdb979ea4d2d8ea3ff65b756c2.png);}
.combo-sticker > li.combo30 {background-image: url(/img/img-combo-x-30-38@2x-246a1f1b6e943e024e5fb161657be5e0.png);}
.combo-sticker > li.combo20 {background-image: url(/img/img-combo-x-20-38@2x-937a72fab35bbc010b720ad0617b7428.png);}
.combo-sticker > li.combo10 {background-image: url(/img/img-combo-x-10-38@2x-744726e26bd888c1c3a0d5db08bd283a.png);}
.combo-sticker > li.combo5 {background-image: url(/img/img-combo-x-5-38@2x-b7be6c71e87419b61250cc7152c7ce26.png);}
.combo-sticker > li.combo1 {background-image: url(/img/img-combo-x-1-38@2x-3eadb74c5cb05f3005e1ea6d95fab3bb.png);}

.combo-cont .game-list {border-top: 1px solid #071d3d; border-bottom: 1px solid #071d3d;}
.combo-cont .game-list > li {padding: 16px 0; cursor: pointer;}
.combo-cont .game-list > li + li {border-top: 1px solid #eee;}

.combo-cont .empty {padding-top: 100px;}
.combo-cont .empty > i {width: 72px; height: 72px; display: block; margin: 0 auto; background-image: url(/img/img-no-alarm-72@2x-2f07dc0799c09bacb5073cc02ea251a7.png); background-repeat: no-repeat; background-size: contain; background-position: center;}
.combo-cont .empty > p {font-size: 14px; color: #747474; margin-top: 12px; text-align: center;}

.enevt-check {list-style: none; margin: 8px 0;}
.enevt-check li + li {margin-top: 4px;}
.enevt-check input[type='checkbox'] {display: none;}
.enevt-check input[type='checkbox'] + label {cursor: pointer;}
.enevt-check input[type='checkbox'] + label::before {content: ''; width: 16px; height: 16px; display: inline-block; background-image: url(/img/ic-checkbox-20@2x-c9f76666d794b48c6af3cd1a73ad31d4.png); background-repeat: no-repeat; background-position: center; background-size: contain; vertical-align: middle; margin-right: 4px;}
.enevt-check input[type='checkbox'] + label > span {vertical-align: middle; font-size: 14px; color: #222;}
.enevt-check input[type='checkbox']:checked + label::before {background-image: url(/img/ic-checkbox-20-ov@2x-a298990df122d7853c683e585c6d37b6.png);}

.personalPolisy-tit {display: flex; align-items: center; justify-content: space-between; padding: 15px 15px 0;}
.personalPolisy-tit h4 {font-size: 16px; font-weight: 500;}
.personalPolisy-tit select {border: 1px solid #eee; height: 24px; padding: 0 20px 0 8px; font-size: 12px; background-image: url(/img/ic-arrow-down-16@2x-4c8150aa384696c923786837f566996e.png); box-sizing: border-box; background-repeat: no-repeat; background-size: 8px auto; background-position: right 6px center; -webkit-appearance: none; appearance: none;}
.personalPolisy-tit select::-ms-expand {display: none;/*for IE10,11*/}

.group-wrap {padding: 12px 20px;}
.group-wrap.btn {padding-bottom: 116px;}
.group-wrap .notice {font-size: 13px; font-weight: 500; display: flex; align-items: center; margin-bottom: 20px;}
.group-wrap .notice > i {display: inline-block; margin-right: 4px; width: 16px; height: 16px; background-image: url(/img/ic-notice-line@2x-8005fa933510650a7f992beeed7a09de.png); background-repeat: no-repeat; background-size: contain; background-position: center;}

.cont-box h3 {font-size: 18px; font-weight: 500; margin-bottom: 18px; display: flex; align-items: center; justify-content: space-between;}
.cont-box h3 > button {background-color: #fff; border: 1px solid #dbdbdb; font-size: 10px; height: 26px; padding: 0 8px; color: #747474;}
.cont-box h4 {font-size: 16px; font-weight: 500; margin-bottom: 10px;}

.cont-box + .cont-box {margin-top: 36px;}
.cont-box > .box + .box {margin-top: 30px;}
.cont-box > p {font-size: 12px; color: #747474; margin-bottom: 12px;}

.cont-desc {margin-top: 20px;}
.cont-desc > p {font-size: 13px; color: #ee2529; font-weight: 500; margin-bottom: 12px;}
.cont-desc > ul {list-style: none;}
.cont-desc > ul > li {font-size: 12px; line-height: 1.6; color: #747474; text-indent: -8px; padding-left: 8px; word-break: keep-all;}
.cont-desc > ul > li::before {content: '-'; margin-right: 6px;}
.cont-desc > ul > li + li {margin-top: 8px;}

.scroll-x {width: 100%; overflow-x: scroll;}

.table-style01 {width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #071d3d;}
.table-style01 th {border-bottom: 1px solid #eee; background-color: #f8f8f8; font-size: 11px; color: #747474; padding: 12px 10px;}
.table-style01 td {border-bottom: 1px solid #eee; font-size: 12px; padding: 12px 10px; line-height: 1.6; text-align: center; word-break: keep-all;}
.table-style01 th + th, .table-style01 td + td {border-left: 1px solid #eee;}
.table-style01 .border {border-left: 1px solid #eee;}
.table-style01 .align-left {text-align: left;}

.drop-table .drop td {text-align: left;}
.drop-table .drop.blue td {background-color: #eef3f8;}
.drop-table .point {font-weight: 700; color: #071d3d; display: inline-block; margin-right: 4px; margin-top: 0;}
.drop-table .align-left {padding-right: 32px; position: relative;}
.drop-table .align-left > i {position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.ic-arrow-down-gy-16 {width: 16px; height: 16px; background-image: url(/img/ic-arrow-down-gy-16@2x-9f30f6c0c27da32ec13de338550d756e.png); background-repeat: no-repeat; background-size: contain; background-position: center;}
.ic-arrow-up-gy-16 {width: 16px; height: 16px; background-image: url(/img/ic-arrow-up-gy-16@2x-6442aac3590ab274d9d9cbf51c794456.png); background-repeat: no-repeat; background-size: contain; background-position: center;}

.input-table th, .input-table td {text-align: left;}
.input-table td ul {list-style: none;}
.input-table td ul > li {display: flex; align-items: center; margin-right: 20px;}
.input-table td ul > li > span {display: inline-block; width: 45px;}
.input-table td ul > li + li {margin-top: 8px;}
.input-table td input[type='text'].sm {width: 67px;}
.input-table td .phone {flex-flow: initial; width: 100%;}
.input-table td .phone > li {margin-right: 0; margin-top: 0!important;}
.input-table td .phone > li + li {margin-left: 0;}
.input-table td .phone > li + li::before {content: '-'; padding: 0 3px;}

.sub-chk {margin-top: 20px; list-style: none;}
.sub-chk > li + li {margin-top: 16px;}

input[type='radio'].radio-new {display: none;}
input[type='radio'].radio-new + label {width: initial; height: initial; display: flex; align-items: center; background-image: initial; text-indent: initial; cursor: pointer;}
input[type='radio'].radio-new + label::before {content: ''; width: 20px; height: 20px; display: inline-block; background-image: url(/img/ic-radio@2x-0e508e29e3f0aceabb1d19543f1eeec3.png); background-repeat: no-repeat; background-size: contain; background-position: center;}
input[type='radio'].radio-new:checked + label::before {background-image: url(/img/ic-radio-ov@2x-dc6b87de58659b89683f554bd06c5426.png);}
input[type='radio'].radio-new + label > span {margin-left: 4px; color: initial;}

input[type='checkbox'].chk-new {display: none;}
input[type='checkbox'].chk-new + label {width: initial; height: initial; display: flex; align-items: flex-start; background-image: initial; text-indent: initial; cursor: pointer;}
input[type='checkbox'].chk-new + label::before {content: ''; width: 20px; height: 20px; display: inline-block; background-image: url(/img/ic-checkbox-20@2x-c9f76666d794b48c6af3cd1a73ad31d4.png); background-repeat: no-repeat; background-size: contain; background-position: center;}
input[type='checkbox'].chk-new:checked + label::before {background-image: url(/img/ic-checkbox-ov@2x-1d270a3fd69818ede57235e82fb60749.png);}
input[type='checkbox'].chk-new + label > span {margin-left: 8px; width: calc(100% - 28px); line-height: 1.6; font-size: 14px;}
input[type='checkbox'].chk-new + label > span > a {color: #747474; text-decoration: underline; margin-left: 2px; font-weight: initial; font-size: 12px;}

input[type='date'] {border: 1px solid #eee; height: 40px; padding: 0 12px; width: 100%;}
input[type='text'] {border: 1px solid #eee; height: 40px; padding: 0 12px; width: 100%;}
textarea {width: 100%; min-height: 100px; border: .071rem solid #eee; padding: 12px; line-height: 1.6;}

/* 알림 화면 수정 */
.notify-wrap .notify-fixed {border-bottom: 8px solid #f8f8f8;}
.notify-wrap .notify-fixed > li {padding: 20px;}
.notify-wrap .notify-fixed > li + li {border-top: 1px solid #eee;}
.notify-wrap .notify-fixed > li .label {width: 40px; height: 16px; line-height: 16px; display: table-cell; vertical-align: middle; text-align: center; font-size: 10px; color: #fff; background-color: #5C8EBB;}
.notify-wrap .notify-fixed > li .label.red {background-color: #ee2529;}
.notify-wrap .notify-fixed > li > h4 {font-size: 14px; line-height: 1.4; margin-top: 4px;}
.notify-wrap .notify-fixed > li .date {display: flex; align-items: center; list-style: none; margin-top: 8px;}
.notify-wrap .notify-fixed > li .date > li {position: relative; font-size: 11px; color: #747474;}
.notify-wrap .notify-fixed > li .date > li + li {margin-left: 10px;}
.notify-wrap .notify-fixed > li .date > li + li::before {content: ''; width: 2px; height: 2px; border-radius: 10px; background-color: #dbdbdb; position: absolute; left: -6px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}

.notify-wrap .notify-cont > li {padding: 20px; border-bottom: 1px solid #eee;}
.notify-wrap .notify-cont > li .label {width: 40px; height: 16px; line-height: 16px; display: table-cell; vertical-align: middle; text-align: center; font-size: 10px; color: #fff; background-color: #5C8EBB;}
.notify-wrap .notify-cont > li .label.red {background-color: #ee2529;}
.notify-wrap .notify-cont > li > h4 {font-size: 14px; line-height: 1.4; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;}
.notify-wrap .notify-cont > li > p {margin-top: 8px; font-size: 13px; color: #747474; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;}
.notify-wrap .notify-cont > li > span {font-size: 11px; color: #747474; display: block; margin-top: 10px;}
.notify-wrap .notify-cont > li > button {display: flex; align-items: center; justify-content: center; margin-top: 12px; width: 100%; border: 1px solid #dbdbdb; background-color: #fff; height: 48px; font-size: 14px; color: #747474; cursor: pointer;}
.notify-wrap .notify-cont > li > button > i {width: 16px; height: 16px; margin-left: 8px; background-image: url(/img/ic-arrow-down-gy-16@2x-9f30f6c0c27da32ec13de338550d756e.png); background-repeat: no-repeat; background-size: contain; background-position: center;}

.notify-wrap .notify-cont > li.active > h4,
.notify-wrap .notify-cont > li.active > p {overflow: initial; text-overflow: initial; white-space: initial;}
.notify-wrap .notify-cont > li.active > button > i {background-image: url(/img/ic-arrow-up-gy-16@2x-6442aac3590ab274d9d9cbf51c794456.png);}


/* error --------------------------- */
.position-center {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

#error {width: 100vw; height: 100vh; text-align: center; background-color: #fff;}
#error > div {width: 100%;}
#error .error-num {font-size: 100px; font-weight: 900; color: #eef3f8;}
#error h4 {font-size: 20px; font-weight: 700; color: #071d3d; margin-top: 24px;}
#error p {font-weight: 500; line-height: 1.6; margin-top: 20px; font-size: 14px;}
#error button {width: 300px; height: 60px; line-height: 58px; font-size: 16px; font-weight: 700; background-color: #071d3d; margin-top: 60px; color: #fff; border: 0;}

/* 220627 수정 및 추가사항 */
.font-red {color: #ee2526!important;}
.font-black {color: #121212!important;}
.bold {font-weight: 700!important;}

i.img-won-seat {width: 54px; height: 54px; margin-right: 8px; display: block; background-image: url(/img/img-won-seat@2x-5252fd5e7f3ae73ce040a305203bc425.png); background-repeat: no-repeat; background-size: contain; background-position: center;}

/* 시즌권 구매 */
.season-ticket-wrap {border-bottom: 8px solid #f8f8f8; padding: 20px;}
.season-ticket-wrap .title {margin-bottom: 20px;}
.season-ticket-wrap .title h4 {font-size: 16px;}
.season-ticket-wrap .title h4 > span {font-weight: 700;}
.season-ticket-wrap .title p {font-size: 20px; color: #c7a079; margin-top: 4px;}
.season-ticket-wrap .title p > span {font-weight: 700; font-size: 24px;}
.season-ticket-wrap > ul {list-style: none;}
.season-ticket-wrap > ul + p {margin-top: 20px; font-size: 12px; color: #747474; line-height: 1.6;}
.season-ticket-wrap > ul > li {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; padding-bottom: 14px; font-size: 15px; font-weight: 500;}
.season-ticket-wrap > ul > li h6 {font-size: 14px; font-weight: 500;}
.season-ticket-wrap > ul > li + li {padding-top: 14px;}
.season-ticket-wrap .desc {margin-top: 24px;}
.season-ticket-wrap .desc h6 {font-size: 13px; font-weight: 500;}
.season-ticket-wrap .desc ul > li {font-size: 12px; color: #747474; margin-top: 8px; margin-left: 14px; line-height: 1.6;}

.ticket-reserve {padding: 20px;}
.ticket-reserve > h4 {font-size: 16px; font-weight: 700; margin-bottom: 16px;}
.ticket-reserve .reserve-list {border: 1px solid #eee; box-shadow: 4px 4px 12px 0 rgba(7, 29, 61, 0.08); padding: 20px 16px;}
.ticket-reserve .reserve-list .title {display: flex; align-items: center; margin-bottom: 20px;}
.ticket-reserve .reserve-list .title div > span {font-size: 11px;}
.ticket-reserve .reserve-list .title div > h6 {margin-top: 4px; font-size: 14px; font-weight: 500;}
.ticket-reserve .reserve-list ul {list-style: none;}
.ticket-reserve .reserve-list > ul > li {background-color: #f8f8f8; border-bottom: 1px solid #fff; padding: 16px;}
.ticket-reserve .reserve-list > ul > li input[type="radio"] + label > span {font-size: 13px; margin-left: 4px;}
.ticket-reserve .reserve-list > ul > li > ul {margin-top: 20px;}
.ticket-reserve .reserve-list > ul > li > ul > li {display: flex; align-items: center; justify-content: space-between;}
.ticket-reserve .reserve-list > ul > li > ul > li + li {margin-top: 4px;}
.ticket-reserve .reserve-list > ul > li > ul > li > p {font-size: 12px;}
.ticket-reserve .reserve-list > ul > li > ul > li > span {font-size: 13px; text-decoration: line-through; color: #747474;}
.ticket-reserve .reserve-list > ul > li > ul > li.sale > p {color: #ee2529;}
.ticket-reserve .reserve-list > ul > li > ul > li.sale > span {font-size: 15px; font-weight: 500; color: initial; text-decoration: initial;}
.ticket-reserve .reserve-chk {list-style: none; margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; display: flex; align-items: center; justify-content: space-between;}
.ticket-reserve .reserve-chk > li:nth-child(1) {width: calc(100% - 80px);}
.ticket-reserve .reserve-chk > li:nth-child(2) {width: 80px; text-align: right;}
.ticket-reserve .reserve-chk > li input[type="checkbox"] + label > span {font-size: 14px; line-height: 1.6; word-break: keep-all; margin-top: -2px;}
.ticket-reserve .reserve-chk > li a {font-size: 12px; color: #747474; text-decoration: underline; cursor: pointer;}

.bottom-wrap::before {content: ''; width: 100%; height: 138px; display: block;}
.bottom-wrap > div {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 100;}
.bottom-wrap .total-price {width: 100%; height: 58px; border-top: 2px solid #071d3d; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; background-color: #fff;}
.bottom-wrap .total-price > h6 {font-size: 14px;}
.bottom-wrap .total-price > p {font-size: 16px; font-weight: 500; color: #c7a079;}
.bottom-wrap .btn-wrap {display: flex; align-items: center;}
.bottom-wrap .btn-wrap > button {padding: 0 0 20px 0; color: #fff; font-size: 18px; font-weight: 500; background-color: #071d3d; width: 100%; height: 80px; text-align: center; border: 0;}
.bottom-wrap .btn-wrap > button:nth-child(1):nth-last-child(2), .bottom-wrap .btn-wrap > button:nth-child(1):nth-last-child(2) ~ button {width: 50%;}
.bottom-wrap .btn-wrap > button.gray {background-color: #a4a4a4;}

/* 예매하기 */
.season-ticket-guide {padding: 20px; border-bottom: 8px solid #f8f8f8;}
.season-ticket-guide > ul {margin-left: 16px;}
.season-ticket-guide > ul > li {font-size: 12px; color: #747474; line-height: 1.6;}
.season-ticket-guide > ul > li + li {margin-top: 8px;}

.season-ticket-guide .ticket {display: flex; align-items: center; padding: 20px 16px; border: 1px solid #eee; box-shadow: 4px 4px 12px 0 rgba(7, 29, 61, 0.08); margin-top: 24px;}
.season-ticket-guide .ticket i {margin-right: 8px;}
.season-ticket-guide .ticket span {font-size: 11px;}
.season-ticket-guide .ticket p {font-size: 14px; font-weight: 500; margin-top: 6px;}

.user-info {padding: 20px; border-bottom: 8px solid #f8f8f8;}
.user-info > h4 {font-size: 16px; font-weight: 700; margin-bottom: 4px;}
.user-info > h4 + span {display: block; font-size: 12px; color: #747474; margin-bottom: 24px;}
.user-info ul {list-style: none;}
.user-info > ul > li {font-size: 13px; font-weight: 500;}
.user-info > ul > li + li {margin-top: 8px;}
.user-info > ul > li > input[type="text"] {margin-bottom: 8px;}
.user-info > ul > li .address > li + li {margin-top: 8px;}
.user-info > ul > li .address > li:nth-child(1) {display: flex; align-items: center;}
.user-info > ul > li .address > li:nth-child(1) input[type="text"] {width: calc(100% - 100px);}
.user-info > ul > li .address > li:nth-child(1) button {width: 100px; height: 40px; background-color: #a4a4a4; font-size: 14px; color: #fff; text-align: center; border: 0; margin: 0;}
.user-info > ul > li .address > li:nth-last-child(1) input[type="text"] {margin-bottom: 8px;}

.season-ticket-pay {padding: 20px; border-bottom: 8px solid #f8f8f8;}
.season-ticket-pay > h4 {font-size: 16px; font-weight: 700; margin-bottom: 16px;}
.season-ticket-pay > ul {list-style: none;}
.season-ticket-pay > ul > li {font-size: 14px;}
.season-ticket-pay > ul > li + li {margin-top: 10px;}

.dinos-pay-wrap {border-top: 1px solid #eee; margin-top: 30px; padding-top: 30px;}
.dinos-pay-wrap > h4 {font-size: 16px; font-weight: 700; margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between;}
.dinos-pay-wrap > h4 > span {font-size: 12px; color: #747474; text-decoration: underline;}

.swiper.dinos-pay-swiper {padding-bottom: 30px;}
.swiper.dinos-pay-swiper .swiper-pagination-bullets {bottom: 0; padding-bottom: 0;}
.swiper.dinos-pay-swiper .swiper-pagination-bullets .swiper-pagination-bullet {border-radius: 0; background-color: #eee; opacity: 1;}
.swiper.dinos-pay-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #c7a079;}

.card-pay {position: relative; width: 100%; height: 140px; margin: 0 auto; padding: 30px 20px; border: 1px solid #e4e4e4; cursor: pointer; background-image: url(/img/img-card-reader@2x-98806d38e0a8be01cae99f2b8e2494f6.png); background-repeat: no-repeat; background-size: 36px auto; background-position: right 30px center; border: 1px solid #eee;}
.card-pay > i {display: block; width: 72px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: left center;}
.card-pay > h6 {margin-top: 20px; font-size: 14px; font-weight: 500;}
.card-pay > p {font-weight: 700;}

.card-pay.no-card {cursor: default; background: none;line-height: 80px;color:#747474;text-align:center;border:1px dashed #e4e4e4; font-size: 14px;}

.card-pay.ncdinos {border-color: #e4e4e4; background-color: #fff;}
.card-pay.ncdinos > span {color: #747474;}
.card-pay.ncdinos > i {background-image: url(/img/card/ic-logo-nc@2x-061f905f25ab1518789035146f015b99.png);}
.card-pay.ncdinos > h6, .card-pay.ncdinos > p {color: initial;}
.card-pay.shinhan {border-color: #59a6eb; background-color: #59a6eb;}
.card-pay.shinhan > i {background-image: url(/img/card/img-logo-shinhan@2x-c276bf3eb25c43664bdcfb87089d28ee.png);}
.card-pay.samsung {border-color: #316bdb; background-color: #316bdb;}
.card-pay.samsung > i {background-image: url(/img/card/img-logo-samsung@2x-caad8a66419a199b22a355ebda61e7eb.png);}
.card-pay.hyundai {border-color: #222; background-color: #222;}
.card-pay.hyundai > i {background-image: url(/img/card/img-logo-hyundai@2x-47fe5a6eaff3c05afa5e25c40962cae1.png);}
.card-pay.woori {border-color: #1ca6e6; background-color: #1ca6e6;}
.card-pay.woori > i {background-image: url(/img/card/img-logo-woori@2x-8b1c34af2b0db3498903a87e9620be83.png);}
.card-pay.kb {border-color: #fcc867; background-color: #fcc867;}
.card-pay.kb > i {background-image: url(/img/card/img-logo-kb@2x-6e558fe7806666a26607ea3ea569b964.png);}
.card-pay.nh {border-color: #438ad6; background-color: #438ad6;}
.card-pay.nh > i {background-image: url(/img/card/img-logo-nh@2x-11d600178b61d4478f649479fe9e88eb.png);}
.card-pay.bc {border-color: #ed6973; background-color: #ed6973;}
.card-pay.bc > i {background-image: url(/img/card/img-logo-bc@2x-2bbd06a7f74d8623e93d8a4b5c1f6bb1.png);}
.card-pay.kakao {border-color: #ffcb40; background-color: #ffcb40;}
.card-pay.kakao > i {background-image: url(/img/card/img-logo-kakao@2x-6f0d4907cabd0a6ab5bd0129916f6cf6.png);}
.card-pay.lotte {border-color: #e54c55; background-color: #e54c55;}
.card-pay.lotte > i {background-image: url(/img/card/img-logo-lotte@2x-1718929d761ceacea94846eb52b88436.png);}
.card-pay.kbank {border-color: #28323c; background-color: #28323c;}
.card-pay.kbank > i {background-image: url(/img/card/img-logo-kbank@2x-e2931c294b43f9f9b783257642ba0db4.png);}
.card-pay.city {border-color: #134f9f; background-color: #134f9f;}
.card-pay.city > i {background-image: url(/img/card/img-logo-city@2x-103d2b0bde9a3612d2c98ac1e47a5afc.png);}
.card-pay.sin {border-color: #4a86bf; background-color: #4a86bf;}
.card-pay.sin > i {background-image: url(/img/card/img-logo-sin@2x-4caa03edcbd53bd7f5c3a3ccaaa37261.png);}
.card-pay.hana {border-color: #33ac9d; background-color: #33ac9d;}
.card-pay.hana > i {background-image: url(/img/card/img-logo-hana@2x-69c65c681433e8ff5d039986007e664a.png);}
.card-pay.suhyup {border-color: #4194d3; background-color: #4194d3;}
.card-pay.suhyup > i {background-image: url(/img/card/img-logo-city@2x-103d2b0bde9a3612d2c98ac1e47a5afc.png);}
.card-pay.jeonbuk {border-color: #1166b2; background-color: #1166b2;}
.card-pay.jeonbuk > i {background-image: url(/img/card/img-logo-jeonbuk@2x-7009b3a3fc3adf77db4614361af5c6be.png);}
.card-pay.jeju {border-color: #1da9e7; background-color: #1da9e7;}
.card-pay.jeju > i {background-image: url(/img/card/img-logo-jeju@2x-29d4bf9478ee36a52d51f5cb7f9a549c.png);}
.card-pay.kdb {border-color: #1166b2; background-color: #1166b2;}
.card-pay.kdb > i {background-image: url(/img/card/img-logo-kdb@2x-1de79d1b5c352d6e83e64c78c216165a.png);}

.season-ticket-price {padding: 20px;}
.season-ticket-price > h4 {font-size: 16px; font-weight: 700; margin-bottom: 16px;}
.season-ticket-price > ul {list-style: none;}
.season-ticket-price > ul > li {display: flex; align-items: center; justify-content: space-between;}
.season-ticket-price > ul > li + li {margin-top: 10px;}
.season-ticket-price > ul > li > span {font-size: 14px; color: #747474; }
.season-ticket-price > ul > li > p {font-size: 15px; font-weight: 700;}
.season-ticket-price > ul > li > p > span {font-weight: initial;}
.season-ticket-price > ul > li.total {background-color: #f8f8f8; padding: 14px 12px; margin-top: 20px;}
.season-ticket-price > ul > li.total > span {font-weight: 500;}
.season-ticket-price > ul > li.total > p {color: #c7a079;}

.season-ticket-price .terms {border-top: 1px solid #eee; margin-top: 20px; padding-top: 20px;}
.season-ticket-price .terms .title {display: flex; align-items: center; justify-content: space-between;}
.season-ticket-price .terms .title > h6 {font-size: 16px; font-weight: 500;}
.season-ticket-price .terms .title input[type="checkbox"] + label > span {font-size: 12px;}
.season-ticket-price .terms > ul {list-style: none; margin-top: 16px;}
.season-ticket-price .terms > ul > li {display: flex; align-items: center; justify-content: space-between;}
.season-ticket-price .terms > ul > li + li {margin-top: 12px;}
.season-ticket-price .terms > ul > li label > span {font-size: 14px; line-height: 1.4;}
.season-ticket-price .terms > ul > li a {box-sizing: border-box; width: fit-content; white-space: nowrap; margin-left: 30px; text-align: right; font-size: 12px; color: #747474; text-decoration: underline; cursor: pointer;}

/* 시즌권 구매 완료 */
.season-ticket-end {padding: 150px 20px 0; text-align: center;}
.img-won-complete {width: 66px; height: 66px; display: block; margin: 0 auto; background-image: url(/img/img-won-complete@2x-47a55a271fe61e1cd93372102b5bee36.png); background-repeat: no-repeat; background-size: contain; background-position: center;}
.img-no-ticket {width: 66px; height: 66px; display: block; margin: 0 auto; background-image: url(/img/img-no-ticket@2x-e386493ec4c2062777783605e646dc13.png); background-repeat: no-repeat; background-size: contain; background-position: center;}
.season-ticket-end > p {font-size: 18px; margin-top: 12px; font-weight: 500;}
.season-ticket-end > div {margin-top: 36px;}
.season-ticket-end > div > h6 {font-size: 14px; font-weight: 500;}
.season-ticket-end > div > p {font-size: 12px; color: #747474; line-height: 1.6; margin-top: 8px;}
.season-ticket-end > div > p + p {margin-top: 8px;}


/* 23.03.17 */
ul, li {list-style: none;}

.ticket-pin {display: flex; flex-flow: column; row-gap: 8px; padding-bottom: 20px;}
.ticket-pin > h6 {font-size: 13px; font-weight: 500;}
.ticket-pin > div {display: flex; align-items: center;}
.ticket-pin > div > input {width: calc(100% - 80px); height: 48px;}
.ticket-pin > div > button {width: 80px; height: 48px; display: flex; align-items: center;  justify-content: center; background-color: #a4a4a4; color: #fff; font-size: 14px; letter-spacing: -.02em; border: 0;}

.ticket-wrap {background-color: #f8f8f8; margin: 0 -15px -15px; padding: 15px 20px;}
.ticket-sort {display: flex; align-items: center; column-gap: 6px; overflow-x: auto; margin: 0 -15px 20px; padding: 0 15px;}
.ticket-sort > li {height: 30px; padding: 0 10px; border: 1px solid #dbdbdb; border-radius: 15px; font-size: 12px; color: #a4a4a4; font-weight: 500; background-color: #fff; white-space: nowrap; display: flex; align-items: center; justify-content: center;}
.ticket-sort > li.active {background-color: #c7a079; border-color: #c7a079; color: #fff;}

.ticket-sort::-webkit-scrollbar {width: 1px; height: 1px; background-color: transparent;}
.ticket-sort::-webkit-scrollbar-thumb {background-color: transparent; background-clip: padding-box;}
.ticket-sort::-webkit-scrollbar-track {background-color: transparent;}

.ticket-list-new {display: flex; flex-flow: column; row-gap: 12px;}
.ticket-list-new > li {border: 1px solid #eee; background-color: #fff; display: flex; justify-content: space-between; box-shadow: 4px 4px 10px 0 rgba(7, 29, 61, 0.1); position: relative;}
.ticket-list-new > li::before {content: ''; width: 4px; height: 100%; background-color: #071d3d; position: absolute; top: 0; left: 0;}
.ticket-list-new > li .ticket-info {width: calc(100% - 88px); padding: 20px 12px 20px 20px;}
.ticket-list-new > li .ticket-info > .label {display: block; margin-bottom: 4px; height: 16px; display: flex; align-items: center; justify-content: center; padding: 0 4px; font-size: 10px; color: #fff; background-color: #071d3d; width: fit-content; line-height: 1;}
.ticket-list-new > li .ticket-info > h4 {font-size: 14px; font-weight: 500; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ticket-list-new > li .ticket-info > div {display: flex; align-items: center; justify-content: space-between; margin-top: 10px;}
.ticket-list-new > li .ticket-info > div > ul {display: flex; align-items: center; column-gap: 4px;}
.ticket-list-new > li .ticket-info > div > ul > li {font-size: 12px; color: #747474; display: flex; align-items: center; column-gap: 4px;}
.ticket-list-new > li .ticket-info > div > ul > li + li::before {content: '·';}
.ticket-list-new > li .ticket-info > div > span {font-size: 12px; color: #747474;}
.ticket-list-new > li .ticket-ico {width: 88px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; position: relative;}
.ticket-list-new > li .ticket-ico::after {background: linear-gradient(-45deg, #f8f8f8 8px, transparent 0),linear-gradient(-135deg, #f8f8f8 8px, transparent 0); background-color: white; background-position: top left - 8px; background-repeat: repeat-y; background-size: 16px 16px; content: ''; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 100%;}
.ticket-list-new > li .ic-ticket-list {width: 24px;  height: 24px; background-image: url(/img/ic-ticket-list@2x-ba4b17451e2aa6b2991e0d9a04c65d7a.png); background-repeat: no-repeat; background-size: contain; background-position: center;}

.ticket-list-new > li.season {border-color: #c7a079; background-color: #c7a079;}
.ticket-list-new > li.season::before {background-color: #7b5c3e;}
.ticket-list-new > li.season .ticket-info > .label {background-color: #fff; color: #c7a079; }
.ticket-list-new > li.season .ticket-info > h4 {color: #fff;}
.ticket-list-new > li.season .ticket-info > div > ul > li {color: rgba(255, 255, 255, 0.6);}
.ticket-list-new > li.season .ticket-info > div > span {color: #fff;}
.ticket-list-new > li.season .ticket-ico {background-color: #D2B395;}
.ticket-list-new > li.season .ticket-ico::after {background: linear-gradient(-45deg, #D2B395 8px, transparent 0),linear-gradient(-135deg, #D2B395 8px, transparent 0); background-color: #c7a079; background-position: top left - 8px; background-repeat: repeat-y; background-size: 16px 16px; content: ''; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 100%;}
.ticket-list-new > li.season .ic-ticket-list {filter: invert(1);}

.ticket-list-new > li.team {border-color: #5c8ebb; background-color: #5c8ebb;}
.ticket-list-new > li.team::before {background-color: #1d467d;}
.ticket-list-new > li.team .ticket-info > .label {background-color: #fff; color: #5c8ebb; }
.ticket-list-new > li.team .ticket-info > h4 {color: #fff;}
.ticket-list-new > li.team .ticket-info > div > ul > li {color: rgba(255, 255, 255, 0.6);}
.ticket-list-new > li.team .ticket-info > div > span {color: #fff;}
.ticket-list-new > li.team .ticket-ico {background-color: #7CA5C9;}
.ticket-list-new > li.team .ticket-ico::after {background: linear-gradient(-45deg, #7CA5C9 8px, transparent 0),linear-gradient(-135deg, #7CA5C9 8px, transparent 0); background-color: #5c8ebb; background-position: top left - 8px; background-repeat: repeat-y; background-size: 16px 16px; content: ''; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 100%;}
.ticket-list-new > li.team .ic-ticket-list {filter: invert(1);}

.ticket-list-new > li.month {border-color: #1d467d; background-color: #1d467d;}
.ticket-list-new > li.month::before {background-color: #071d3d;}
.ticket-list-new > li.month .ticket-info > .label {background-color: #fff; color: #1d467d; }
.ticket-list-new > li.month .ticket-info > h4 {color: #fff;}
.ticket-list-new > li.month .ticket-info > div > ul > li {color: rgba(255, 255, 255, 0.6);}
.ticket-list-new > li.month .ticket-info > div > span {color: #fff;}
.ticket-list-new > li.month .ticket-ico {background-color: #556B91;}
.ticket-list-new > li.month .ticket-ico::after {background: linear-gradient(-45deg, #556B91 8px, transparent 0),linear-gradient(-135deg, #556B91 8px, transparent 0); background-color: #1d467d; background-position: top left - 8px; background-repeat: repeat-y; background-size: 16px 16px; content: ''; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 100%;}
.ticket-list-new > li.month .ic-ticket-list {filter: invert(1);}

.ticket-list-new > li.single {border-color: #4ac7d5; background-color: #4ac7d5;}
.ticket-list-new > li.single::before {background-color: #1d99a7;}
.ticket-list-new > li.single .ticket-info > .label {background-color: #fff; color: #4ac7d5; }
.ticket-list-new > li.single .ticket-info > h4 {color: #fff;}
.ticket-list-new > li.single .ticket-info > div > ul > li {color: rgba(255, 255, 255, 0.6);}
.ticket-list-new > li.single .ticket-info > div > span {color: #fff;}
.ticket-list-new > li.single .ticket-ico {background-color: #6FD2DE;}
.ticket-list-new > li.single .ticket-ico::after {background: linear-gradient(-45deg, #6FD2DE 8px, transparent 0),linear-gradient(-135deg, #6FD2DE 8px, transparent 0); background-color: #4ac7d5; background-position: top left - 8px; background-repeat: repeat-y; background-size: 16px 16px; content: ''; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 100%;}
.ticket-list-new > li.single .ic-ticket-list {filter: invert(1);}

/* 23.03.23 */
.event-list-wrap {display: flex; flex-flow: column; row-gap: 16px;}
.event-list-wrap > li {display: flex; align-items: start; column-gap: 12px;}
.event-list-wrap > li .img {width: 100px; height: 100px; border-radius: 4px; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center;}
.event-list-wrap > li .info {width: calc(100% - 100px - 12px); display: flex; flex-flow: column; row-gap: 6px;}
.event-list-wrap > li .info > h6 {font-size: 16px; font-weight: 500; color: var(--gray900); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.event-list-wrap > li .info > p {font-size: 12px; color: var(--gray500);}
.event-list-wrap > li .info > span {display: flex; align-items: center; font-size: 12px; font-weight: 500; color: var(--light-blue600); margin-top: 10px;}

.my-info-num {display: flex; align-items: center; padding: 16px 20px; column-gap: 40px;  border-bottom: 8px solid #f8f8f8;}
.my-info-num > li {width: 50%; display: flex; flex-flow: column; row-gap: 4px; position: relative;}
.my-info-num > li > h6 {font-size: 12px; font-weight: 500; color: #747474;}
.my-info-num > li > p {text-align: right; font-size: 18px; font-weight: 700;}
.my-info-num > li + li::before {content: ''; width: 1px; height: 36px; display: block; background-color: #E5E5E5; position: absolute; left: -20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}


/* 24.08.26 */
.ic-arrow-drop-down-24 {width: 24px; height: 24px; background-image: url(/img/ico/ic-arrow-drop-down-24-b233bf8565b1b24f361704b875917a54.svg);}
.ic-arrow-drop-up-24 {width: 24px; height: 24px; background-image: url(/img/ico/ic-arrow-drop-up-24-8db198b5da67b5abedbfd14576eaf103.svg);}

.ticket-list-wrap {padding: 20px; display: flex; flex-flow: column; row-gap: 20px;}
.ticket-list-wrap .ticket-list {display: flex; flex-flow: column; row-gap: 8px;}
.ticket-list-wrap .ticket-list > li > a {cursor: pointer; display: block; margin: 0; padding: 0; line-height: 1; cursor: pointer;}
.ticket-list-wrap .ticket-list > li > a > img {width: 100%;}
.ticket-list-wrap .ticket-list-desc {box-shadow: 2px 2px 12px 0px rgba(7, 29, 61, 0.08); border-radius: 8px; border: 1px solid #F8F8F8; background-color: #fff;}
.ticket-list-wrap .ticket-list-desc > li > div {height: 50px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between;}
.ticket-list-wrap .ticket-list-desc > li:not(:last-child) > div {border-bottom: 1px solid #E5E5E5;}
.ticket-list-wrap .ticket-list-desc > li:not(:last-child) > ul {border-bottom: 1px solid #E5E5E5;}
.ticket-list-wrap .ticket-list-desc > li > div {height: 50px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between;}
.ticket-list-wrap .ticket-list-desc > li > div > a {font-size: 14px; font-weight: 500;}
.ticket-list-wrap .ticket-list-desc > li > ul {display: none; padding: 16px; flex-flow: column; row-gap: 5px;}
.ticket-list-wrap .ticket-list-desc > li > ul > li {height: 42px; display: flex; align-items: center; padding: 0 16px; background-color: #F8F8F8; border-radius: 4px;}
.ticket-list-wrap .ticket-list-desc > li > ul > li > a {font-size: 12px;}
.ticket-list-wrap .ticket-list-desc > li.active > div > a {color: #C7A079;}
.ticket-list-wrap .ticket-list-desc > li.active > div > i {background-image: url(/img/ico/ic-arrow-drop-up-24-8db198b5da67b5abedbfd14576eaf103.svg);}
.ticket-list-wrap .ticket-list-desc > li.active > ul {display: flex;}

.button-bottom::before {content: ''; height: 102px;  display: block; opacity: 0;}
.button-bottom > div {position: fixed; bottom: 0; left: 0; padding: 20px 20px 34px; width: 100%; background-color: #fff;}
.button-bottom button {width: 100%; height: 48px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; background-color: #071D3D; border: 0;}

.ticket-prod-intro {padding: 20px 20px 32px; border-bottom: 8px solid #F8F8F8; position: relative; display: flex; flex-flow: column; align-items: center; justify-content: center; row-gap: 12px;}
.ticket-prod-intro::after {content: ''; width: 100%; height: 1px; background-color: #E5E5E5; position: absolute; left: 0; bottom: 0;}
.ticket-prod-intro > h3 {text-align: center; font-size: 16px; font-weight: 500;}
.ticket-prod-intro > p {text-align: center; font-size: 12px; line-height: 1.6; color: #747474; word-break: keep-all;}
.ticket-prod-intro > p > span {font-weight: 600; color: #121212;}

.ticket-prod-detail {padding: 20px;}
.ticket-prod-detail img {width: 100%;}

.brandpay-wrap .payment{
    position: relative;
}

.brandpay-wrap .payment .dim{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 68px;
    background-color: #FFFFFF;
    z-index: 10;
}
.brandpay-wrap .payment .payment-container{
    min-height: 180px !important;
}