@charset "utf-8";


@font-face {
    font-family:'Pretendard';
    src:url('/font/Pretendard-Light.woff2') format('woff2');
    font-weight:300;
    font-style:normal;
}

@font-face {
    font-family:'Pretendard';
    src:url('/font/Pretendard-Regular.woff2') format('woff2');
    font-weight:400;
    font-style:normal;
}

@font-face {
    font-family:'Pretendard';
    src:url('/font/Pretendard-Medium.woff2') format('woff2');
    font-weight:500;
    font-style:normal;
}

@font-face {
    font-family:'Pretendard';
    src:url('/font/Pretendard-SemiBold.woff2') format('woff2');
    font-weight:600;
    font-style:normal;
}

@font-face {
    font-family:'Pretendard';
    src:url('/font/Pretendard-Bold.woff2') format('woff2');
    font-weight:700;
    font-style:normal;
}


/* 초기화 */
html{scroll-behavior: smooth;}
body {margin:0;padding:0;font-size:0.75em;font-family:'Pretendard', dotum, sans-serif;background:#fff; overflow-x:hidden; overflow:auto; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Pretendard', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
    -webkit-transition:all 0.30s ease-in-out;
    -moz-transition:all 0.30s ease-in-out;
    -ms-transition:all 0.30s ease-in-out;
    -o-transition:all 0.30s ease-in-out;
    outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
    -webkit-box-shadow:0 0 5px #9ed4ff;
    -moz-box-shadow:0 0 5px #9ed4ff;
    box-shadow:0 0 5px #9ed4ff;
    border:1px solid #558ab7 !important;
}


/* 
	center box style 
*/
.inner__box{position:relative; width:100%; margin: 0 auto;}
.inner__full{position:relative; width:100%; margin: 0 auto;}

.inner__cen768{position:relative; width:90%; max-width:768px; margin: 0 auto;}
.inner__cen860{position:relative; width:90%; max-width:860px; margin: 0 auto;}
.inner__cen980{position:relative; width:90%; max-width:980px; margin: 0 auto;}
.inner__cen1024{position:relative; width:100%; max-width:480px; margin: 0 auto; padding:17px 16px;}
.inner__cen1320{position:relative; width:90%; max-width:1320px; margin: 0 auto;}
.inner__cen1440{position:relative; width:90%; max-width:1440px; margin: 0 auto;}
.inner__cen1420{position:relative; width:90%; max-width:1420px; margin: 0 auto;}
.inner__cen1590{position:relative; width:90%; max-width:1590px; margin: 0 auto;}
.inner__cen1670{position:relative; width:90%; max-width:1670px; margin: 0 auto;}
.inner__cen1750{position:relative; width:95%; max-width:1750px; margin: 0 auto;}
.inner__cen1800{position:relative; width:90%; max-width:1800px; margin: 0 auto;}




.m20{margin:20px 0;}
.mt08{margin-top: 8px;}
.mt16{margin-top: 16px;}
.mb08{margin-bottom: 8px;}
.mb12{margin-bottom: 12px;}
.mb16{margin-bottom: 16px;}
.mb20{margin-bottom: 20px;}
.flex__style{display:flex; align-items:center;}
.flex__style.flex__style02{justify-content: space-between;}
.ta__center{text-align: center;}
/******************************************************************************
******************************************************************************* 공통 {
*******************************************************************************/


body{letter-spacing:-0.2px;}
#wrap{max-width:480px; width:100%; margin:0 auto;}
#wrap .container{overflow-y:auto; overflow-x:hidden; width:100%; min-height:100vh; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); position:relative;}
#header{height:56px; line-height: 56px;}
#header .hd__top__wr{display:flex; justify-content: space-between; position:relative; }

.logo{display:block; text-align: center; margin: 20px 0 0;}
.logo > img{max-width:84px;}

/* 공통 */
.contents__wr{width:95%; max-width:480px; margin:20px auto 0; position:relative;}
.input__box__wr .tit{font-size:14px; color:#1C1C1D; font-weight: 500; margin-bottom: 8px;}
.input__box__wr .input__wr{width:100%; height:50px; border:1px solid #E5E5EC; line-height: 50px; border-radius:8px; padding:0 8px; font-size:16px; font-weight: 400;}
.container .w50{width:50%;}
.contents__wr .flex__w50{width:calc(50% - 4px);}
.input__box__wr input::placeholder{color:#7E8389; font-weight: 400; font-size:16px;}
.login__btn__wr{padding:10px 0; width:100%; max-width: 480px; margin-top: 40px;}
.login__btn__wr .login__btn{margin:0 auto;}
.login__btn{display:block; max-width:480px; width:100%; height:52px; line-height: 52px; background:#F1F1F5; text-align: center; color:#9BA3AF; font-weight:600; font-size:16px; border-radius:8px;}
.login__btn__c{background:#004AAD; color:#fff;}
.login__info__wr{justify-content: center;}
.login__info__wr li a{font-size:14px; color:#7E8389; font-weight: 400; display:block;}
.login__info__wr span{background:#E5E5EC; display:block; margin:0 8px; width:1px; height:20px;}

.login__title__wr .title{color:#1C1C1D; font-size:20px; font-weight: 700; margin-bottom: 8px; line-height: 140%;}
.login__title__wr .text{color:#7E8389; font-size:14px; font-weight: 500; line-height: 1.6;}
.login__title__wr .tx{color:#7E8389; font-size:14px; font-weight: 600; margin-bottom: 6px;}

.contents__wr .sub__text{color:#7E8389; font-size:14px; font-weight: 400;}

/* 회원가*/
.agency__input{background: url(images/down_icon.png) no-repeat;background-position: 99% 50%;
    padding: 0 16px;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.input__style02 .circle{display:block; background:#000; width:8px; height:8px; border-radius:50%; margin-right: 8px;}
.input__style02 .circle:last-child{margin-right: 0;}
.input__style02 .input__wr.input__wr01{width:42px; margin-right: 8px; text-align: center;}
.hyphen{color:#7E8389; font-size:14px; font-weight: 400; margin:0 8px;}

/* ID,PW 찾기 */
.find__box__wr{height:48px; border-radius:8px; background:#F3F4F6; padding:4px;}
.find__box__wr li{text-align: center; }
.find__box__wr li a{height:40px; line-height: 40px; color:#1C1C1D; font-size:16px; font-weight: 500; width:100%; border-radius:8px; display:block; }
.find__box__wr li.on a{font-weight: 600; background:#fff; border:1px solid #E5E5EC;}

/* 내 이용권 */
.hd__title{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:18px; color:#1C1C1D; font-weight: 600;}

/* 하단 메뉴바 */
.fixed__mnav__wr{background:#fff; position:fixed; width:100%; bottom:0; left:50%; transform:translateX(-50%); max-width:480px; border-top: 1px solid #E5E5EC;}
.fixed__mnav__wr ul{padding:10px 0;}
.fixed__mnav__wr ul li{width:20%; text-align: center;}
.fixed__mnav__wr ul li a{ display:block; }
.fixed__mnav__wr ul li a > p{color:#767676; font-size:10px; font-weight: 500; margin-top: 4px;}
.fixed__mnav__wr ul li a.on > p{color:#004AAD;}

.detail__text__wr ul > li{justify-content: space-between; align-items: flex-start; margin-bottom: 12px;}
.detail__text__wr ul > li:last-child{margin-bottom: 0;}
.detail__text__wr ul > li .tx01{line-height: 24px; font-size:15px; color:#7E8389; font-weight: 500;}
.detail__text__wr ul > li .tx02{line-height: 24px; font-size:15px; color:#1C1C1D; font-weight: 500; text-align: right;}

#m__header{background:#004AAD;}
.sub__header{height:56px; line-height: 56px;}
.sub__header .inner__cen1024{display:flex; justify-content: space-between;}
.sub__header .right__mnav__wr{display:flex; gap:12px;}

#wrap #main__container{height:initial; padding:0 0 100px;}
.con__tit__wr{margin-bottom: 16px; display:flex; justify-content: space-between; align-items: center;}
.con__tit__wr .sub__tit{font-size:18px; color:#1C1C1D; font-weight:600;}
.con__tit__wr .sub__tit span{color:#004AAD;}
.con__tit__wr .more__btn{color:#7E8389; font-size:12px; font-weight: 500; display:flex; align-items:center; gap:4px;}
#main__container{background: linear-gradient(to bottom, #fff, #F1F1F5);}
.main__contents__wr .list__box{background:#fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04); border-radius:12px; padding:20px; overflow:hidden;}
.con__box img{width:100%;}
.main__contents__wr00 .con__box img{box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.16);}
.m__login__title__boxwr.login__title__boxwr{background:#004AAD;}
.m__login__title__boxwr.login__title__boxwr .login__title__wr{background:#fff;width:100%; margin:0 auto; border-radius:20px 20px 0 0; padding:20px 0 0;}
.m__login__title__boxwr.login__title__boxwr .login__title__wr p{padding:0 20px;}

.con__box > ul > li{}
.con__box > ul > li > a{position:relative; display:block; padding:16px; border-radius:8px; background:#F8F8FA; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04); margin-bottom: 8px;}
.con__box > ul > li:last-child{margin-bottom: 0;}
.con__box .subject{font-size:15px; font-weight: 600; color:#1C1C1D;  margin-bottom:4px; line-height: 21px;}
.con__box .time__tx{color:#7E8389; font-size:14px; font-weight: 500; line-height: 20px;}
.main__color01{color:#004AAD; font-weight: 600;}

.ticket__detail__wr .login__title__boxwr{align-items:flex-start; justify-content: space-between;}
.tiket__info__boxwr .tx{font-size:16px; font-weight: 500; color:#7E8389;}
.ticket__detail__wr .flex__style02 a{height:48px; line-height: 48px; background:#fff; border-radius:8px; border:1px solid #E5E5EC; color:#1C1C1D; font-weight: 600; font-size:16px; text-align: center;}
.ticket__detail__wr .flex__style02 a.on{border:1px solid #004AAD; background:#004AAD; color:#fff;}
.sub__tx01{color:#9BA3AF; font-size:13px; font-weight: 500; text-align: center;}
.sub__tx02{width:100%; text-align: center; font-size:14px; font-weight: 600; display:inline-block; color:#7E8389;}
.sub__tx02 > span{border-bottom: 1px solid #7E8389; height:21px; line-height: 21px; display:inline-block;}
.tab__btn__wr a{width:33%; height:62px;line-height: 62px; text-align: center; display:block; color:#9BA3AF; font-size:16px; font-weight: 600;}
.tab__btn__wr a.on{color:#1C1C1D; border-bottom: 2px solid #1c1c1d;}


#buy__history__wr01 .subject{font-size:14px; line-height: 20px;}
#buy__history__wr01 .time__tx{font-size:12px; display:flex; align-items:center; gap:4px; line-height: 17px;}
#buy__history__wr01 .time__tx > img{width:16px;}
.con__box .live{font-size:12px; color:#0059FF; margin-bottom: 4px; font-weight: 500; display:inline-block; border-radius:4px; background:#EAF0FC; text-align: center; height:24px; line-height: 24px; padding:0 8px;}
.con__box .live__off{font-size:12px; color:#9BA3AF; margin-bottom: 4px; font-weight: 500; display:inline-block; border-radius:4px; background:#F1F1F5; text-align: center; height:24px; line-height: 24px; padding:0 8px;}

.con__box .price{font-size:16px; color:#1c1c1d; font-weight: 600; line-height: 22px; margin-bottom: 12px;}
#buy__history__wr01 .con__box > ul > li > a{background:#fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);}
#buy__history__wr00 .login__title__wr .title{margin-bottom: 0; font-size:24px;}

.ticket__season__wr .login__title__wr > img{margin-bottom: 16px;}
.ticket__season__wr .login__title__wr .text{font-size:16px; line-height: 1.38;}

.key__number__box{margin-top: 24px; background:#F8F8FA; padding:16px 0; border-radius:8px;  text-align: center;}
.key__number__box .tx01{color:#7E8389; font-size:14px; font-weight: 500; line-height: 20px; margin-bottom: 4px;}
.key__number__box .tx02{color:#1C1C1D; font-size:24px; line-height: 34px; font-weight: 700;}

.right__img__box{position:absolute; top:16px; right:16px; overflow:hidden; border-radius:8px; width:56px; height:56px;}
.right__img__box > img{width:100%; height:100%; object-fit:cover;}




.login__btn.active{background:#004AAD; color:#fff;}