.pd-box{
    padding: 40px;
    background: #1c1c1c;
    border-radius: 20px;
}

.login{
    padding: 200px 0;
}

.login .tbox{
    position: relative;
    text-align: center;
    margin: 0 auto 100px auto;
}

.login .login-p{
    margin-top: 40px;
    text-align: center;
    font-size: 20px;
}
.login .tbox .logo{
    margin: 20px auto 0 auto;
}

.login .tbox .dc-1{
    bottom: -7rem;
    left: 0;
}

.login .tbox .dc-2{
    top: -5rem;
    right: 0;
}

.login .btn-wrap{
    width: 500px;
    margin: 0 auto;
}

.login .btn-wrap button{
    width: 100%;
    height: 60px;
    border-radius: 10px;

}

.login .btn-wrap button:not(:last-child){
    margin-bottom: 20px;
}

.login .btn-wrap button span{
    font-family: 'NexonFootballGothic';
    display: block;
    width: 90%;
    margin: 0 auto;
    background-position: left center;
    background-repeat: no-repeat;
    font-weight: bolder;
    padding-top: 6px;
}

.login .btn-wrap button.iden{
    background: linear-gradient(to right top, #2b7db7, #8dbf60);
}

.login .btn-wrap button.kko{
    background: #fae100;
}

.login .btn-wrap button.kko span{
    color: #371d1e;
    background-image: url("../images/sub/kko.png");
}

.login .btn-wrap button.nv{
    background: #06be34;
}

.login .btn-wrap button.nv span{
    background-image: url("../images/sub/nv.png");
}

.login .btn-wrap button.gg{
    background: #fff;
}

.login .btn-wrap button.gg span{
    color: #111;
    background-image: url("../images/sub/gg.png");
}

.agree-wrap{
    margin: 100px auto 0 auto;
    width: 550px;
}

.agree-wrap .list-wrap .item{
    border-radius: 10px;
    overflow: hidden;
}

.agree-wrap .list-wrap .item:not(:last-child){
    margin-bottom: 20px;
}

.agree-wrap .list-wrap .item .tit{
    background: #3d3d3d;
    display: flex;
    align-items: center;
}

.agree-wrap .list-wrap .item .tit .txt {
    width: calc(100% - 100px);
    transform: translateY(5px);
}

.agree-wrap .list-wrap .item .tit button{
    justify-content: flex-end;
    margin-left: auto;
    width: 80px;
    height: 36px;
    border-radius: 20px;
    font-size: 14px;
    background: #1c1c1c;
}

.agree-wrap .list-wrap .item .tit,
.agree-wrap .list-wrap .item .cbox{
    padding: 20px;
}

.agree-wrap .list-wrap .item .cbox{
    background: #2c2c2c;
}

.agree-wrap .list-wrap .item .info{
    display: none;
}

.agree-wrap .list-wrap .item.on .info{
    display: block;
}

.agree-wrap .list-wrap .item .info > p{
    height: 150px;
    overflow-y: scroll;
}

.agree-wrap .btn-wrap{
    width: 100%;
    display: flex;
    gap: 0 10px;
    margin-top: 30px;
}

.agree-wrap .btn-wrap button{
    color: #fff;
    font-family: 'NexonFootballGothic';
    padding-top: 5px;
}

.agree-wrap.phone,
.agree-wrap.cmp {
    text-align: center;
    padding: 100px 40px;
}

.agree-wrap.cmp h4 {
    background: url("../images/sub/cmp.png") top center / auto no-repeat;
    padding-top: 150px;
}

.agree-wrap.phone h4 {
    background: url("../images/sub/phone.png") top center / auto no-repeat;
    padding-top: 150px;
}


.cal-wrap .month {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    align-items: center;
    justify-content: center;
}

.cal-wrap .month button{
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}

.cal-wrap .month button.prv{
    background-image: url("../images/common/arr-pre-b.png");
}

.cal-wrap .month h4{
    font-family: 'NexonFootballGothic';
    margin: 0 20px;
    padding-top: 10px;
}

.cal-wrap .month button.nxt{
    background-image: url("../images/common/arr-nxt-b.png");
}

.cal-wrap .cal{
    border:1px solid #1c1c1c;
    border-bottom: 0;
}

.cal-wrap .cal .cbox{
    margin-bottom: 50px;
}

.cal-wrap .cal .tit,
.cal-wrap .cal .week{
    display: flex;
    flex-wrap: wrap;
}

.cal-wrap .cal .tit li:first-child b{
    color: #f95e5e;
}

.cal-wrap .cal .week li.sunday b{
    color: #f95e5e;
}

.cal-wrap .cal .tit li:nth-child(7) b{
    color: #75a3d1;
}

.cal-wrap .cal .week li.saturday b{
    color: #75a3d1;
}

.cal-wrap .cal .tit > li,
.cal-wrap .cal .week > li{
    width: calc(100% / 7);
    border-bottom: 1px solid #1c1c1c;
    border-right: 1px solid #1c1c1c;
    padding: 10px 15px;
}

.cal-wrap .cal .tit > li:nth-child(7),
.cal-wrap .cal .week > li:nth-child(7){
   border-right: 0;
}

.cal-wrap .cal .tit li b,
.cal-wrap .cal .cbox li b{
    font-family: 'NexonFootballGothic';
}

.cal-wrap .cal .cbox .list li {
    cursor: pointer;
    position: relative;
    background: #2a245d;
    border-radius: 5px;
    padding: 0px 2px 0px 18px;
    overflow: hidden;
}

.cal-wrap .cal .week .today {
    background: #070f17;
}

.cal-wrap .cal .cbox .list li.sold-out{
    background: #222222 !important;
}


.cal-wrap .cal .cbox .list li.sold-out span{
    color: #cacaca;
}

.cal-wrap .cal .cbox .list li:hover{
    background: #963e66;
    transition: 0.1s;
}

.cal-wrap .cal .cbox .list li.on{
    background: #963e66;
}

.cal-wrap .cal .cbox .list li::before{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "";
    width: 5px;
    height: 100%;
    background-color: rgba(255 255 255 / 20%);
}

.cal-wrap .cal .cbox .list li:not(:last-child){
    margin-bottom: 3px;
}   

.cal-wrap .cal .cbox .list li span{
    font-size: 13px;
}

.cal-wrap .cal .cbox .list li span:last-child{
    margin-left: 10px;
}

.res-selct{
    display: flex;
    flex-wrap: wrap;
}

.res-selct .cbox-wrap.n-1{
    width: 60%;
}

.res-selct .cbox-wrap.n-2 {
    width: 38%;
    margin-left: auto;
    padding: 40px !important;
    background: #1c1c1c !important;
}
.res-selct .pd-box.n-2{
    border-radius: 10px;
    padding: 20px;
    background: #3c3c3c;
}

.res-selct .pd-box.n-2:not(:last-child){
    margin-bottom: 20px;
}

.res-selct .pd-box.n-2 .chk input+label{
    padding-left: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 20px;
    background-image: url(../images/sub/check-off.png);
}
.res-selct .pd-box.n-2 .chk input:checked+label{
    background-image: url(../images/sub/check-on.png);
}
.res-selct .item .top{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.res-selct .time.item .top,
.res-selct .num.item .top{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #8b8b8b;
}

.res-selct .item .top .tit{
    width: 200px;
}

.res-selct .item .top .tit b{
    font-family: 'NexonFootballGothic';
}
.res-selct .item.day .top{
    align-items: center;
}
.res-selct .item.day .top .tit b{
    font-size: 24px;
}

.res-selct .item .top > .cbox{
    display: flex;
    width: calc(100% - 200px);
    margin-left: auto;
    justify-content: flex-end;
}


/*체크*/

.check-form > div:not(:last-child){
    margin-bottom: 20px;
}

.check-form > div > b {
    display: block;
    margin-bottom: 20px;
}

.check-form .ck-wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.check-form .cbox{
    cursor: pointer;
    width: calc((100% - 50px) / 6);
    background: #565656;
    border-radius: 5px;
    overflow: hidden;
    margin: 0;
}

.check-form.type-2 .inner{
    padding: 20px;
}

.check-form .inner{
    text-align: center;
    line-height: 1.2em;
    padding: 5px 10px;
    width: 100%;
    color: #fff;
}

.check-form .sold-out .inner{
    background: #181818;
    color: #aaaaaa;
    border: 1px solid #181818 !important;
}

.check-form.type-01 .sold-out .inner{
    background: #ddd;
}
.check-form .sold-out .inner p{
    color: #8b8a8a;
}

.check-form .sold-out{
    position: relative;
}

.check-form .sold-out::after {
    position: absolute;
    top: 25px;
    left: 0;
    display: block;
    content: "";
    background: rgba( 255 255 255 / 30%);
    width: 100%;
    height: 1px;
    transform: rotate(30deg);
}

.check-form .inner p{
    display: block;
    font-size: 14px;
    margin: 0;
}

.check-form .inner p{
    width: 100%;
}

.check-form .cbox input {
    display: none;
}

.check-form .cbox.sold-out .sold-out{
    color: #d71f1f;
}

.check-form .cbox input:checked + .inner{
    color: #5fdd61 !important;
    background: #ebffeb;
    border:1px solid #29d52d;
}

.check-form .cbox input:checked + .inner{
    color: #34a26c;
}


.res-selct .num.item .top .cbox button,
.res-selct .num.item .top .cbox > div{
    width: 40px;
    height: 40px;
    border-radius: 0;
}

.res-selct .num.item .top .cbox button{
    background: #141414;
}

.res-selct .num.item .top .cbox > div{
    background: #565656;
    line-height: 40px;
    text-align: center;
}

.res-selct .pd-box.n-2 .cbox-wrap{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.res-selct .num.item .list{
    width: 100%;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.res-selct .num.item .list .inputBox{
    width: 100%;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.res-selct .num.item .tt{
    width: 100%;
}
.res-selct .num.item .tt .noticeBox{
    position: relative;
}
.res-selct .num.item .tt .noticeBox.n-1{
    margin-top: 10px;
}
.res-selct .num.item .tt .noticeBox .pop{
    display: none;
    position: absolute;
    background-color: #1c1c1c;
    padding: 20px;
    border-radius: 20px;
    width: 400px;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
}
.res-selct .num.item .tt .noticeBox .pop::before{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-color: #1c1c1c;
    left: -5px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
.res-selct .num.item .tt .noticeBox.n-1 .pop{
    left: 250px;
}
.res-selct .num.item .tt .noticeBox.n-2 .pop{
    left: 240px;
}
.res-selct .num.item .tt .noticeBox.n-3 .pop{
    left: 370px;
    padding: 15px 20px;
}
.res-selct .num.item .tt .noticeBox .pop img{
    width: 100%;
    border-radius: 10px;
}
.res-selct .num.item .tt .noticeBox .pop p{
    font-size: 14px;
    word-break: keep-all;
    margin-top: 10px;
}
.res-selct .num.item .tt .noticeBox.n-3 .pop p{
    margin-top: 0;
}
.res-selct .num.item .tt .notice-p{
    word-break: keep-all;
    font-size: 16px;
    display: flex;
    align-items: center;
}
.res-selct .num.item .tt .notice-p svg{
    width: 16px;
    height: 16px;
    margin-left: 5px;
    color: #89d14a;
}

.res-selct .num.item .list input{
    padding: 10px;
    width: calc((100% - 110px)/2);
    background: #565656;
    border:none;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
}

.res-selct .cbox-wrap.n-2 .item,
.res-selct .cbox-wrap.n-2 .item.num .list > div{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.res-selct .cbox-wrap.n-2 .item.num .list{
    width: 100%;
    position: relative;
    height: 220px;
    overflow: hidden;
}
.res-selct .cbox-wrap.n-2 .item.num .list.open{
    height: auto;
}
.res-selct .cbox-wrap.n-2 .item.num .list .greyBox{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 80px;
    background: rgb(60,60,60);
    background: linear-gradient(180deg, rgba(60,60,60,0.2) 0%, rgba(60,60,60,1) 100%);
    z-index: 3;
}
.res-selct .cbox-wrap.n-2 .item.num .list.open .greyBox{
    display: none;
}
.res-selct .cbox-wrap.n-2 .item.num .list .view-more{
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 240px;
    background-color: transparent;
    transform: translateX(-50%);
    z-index: 3;
    outline: none;
}
.res-selct .cbox-wrap.n-2 .item.num .list .view-more img{
    margin: 5px auto;
}
.res-selct .cbox-wrap.n-2 .item.num .list .view-more .up{
    display: none;
}
.res-selct .cbox-wrap.n-2 .item.num .list .view-more.open{
    color: rgba(255, 255, 255, 0.3) !important;
    bottom: -10px;
}
.res-selct .cbox-wrap.n-2 .item.num .list .view-more.open .up{
    display: block;
    margin: 0 auto 10px;
}
.res-selct .cbox-wrap.n-2 .item.num .list .view-more.open .down{
    display: none;
}
.res-selct .cbox-wrap.n-2 .item:not(:last-child){
    margin-bottom: 10px;
}

.res-selct .cbox-wrap.n-2 .item b,
.res-selct .cbox-wrap.n-2 .item.num .list > div b{
    width: 150px;
    font-family: 'NexonFootballGothic';
}

.res-selct .cbox-wrap.n-2 .item .txt,
.res-selct .cbox-wrap.n-2 .item.num .list > div .txt{
    margin-left: auto;
}

.res-selct .cbox-wrap.n-2 .item .txt p{
    display: block;
    text-align: right;
}
.res-selct .cbox-wrap.n-2 .item .txt h5{
    text-align: right;
}

.res-selct .cbox-wrap.n-2 .item.ntc b::before {
    display: inline-block;
    content: "!";
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    border-radius: 18px;
    font-size: 8px;
    margin-right: 10px;
    text-align: center;
    line-height: 21px;
}

.res-selct .cbox-wrap.n-2 button{
    width: 100%;
    margin-top: 20px;
}

.res-selct.mypage .info{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.res-selct.mypage.new:not(:last-child){
    margin-bottom: 20px;
}

.res-selct.mypage.new .cbox-wrap.n-2{
    width: 100%;
}
.res-selct.mypage.new .cbox-wrap.n-2 h4{
    position: relative;
}
.res-selct.mypage.new .cbox-wrap.n-2 h4 span{
    font-size: 20px;
    font-weight: 300;
    margin-left: 20px;
}
.res-selct.mypage.new .cbox-wrap.n-2 h4 button{
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    font-size: 16px;
    background-color: transparent;
}
.res-selct.mypage.new .cbox-wrap.n-2 h4 button img{
    display: inline-block;
    margin-left: 10px;
    transition: all 0.4s;
}
.res-selct.mypage.new .cbox-wrap.n-2 .res-detail{
    display: none;
}
.res-selct.mypage.new .cbox-wrap.n-2.on .res-detail{
    display: block;
    margin-top: 30px;
}
.res-selct.mypage.new .cbox-wrap.n-2.on h4 button img{
    rotate: 180deg;
}
.res-selct.mypage .info.item .cbox{
    width: 60%;
}

.res-selct.mypage .info.item .cbox h5{
    border-bottom: 1px solid #929292;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.res-selct.mypage .info.item .btn-wrap{
    width: 30%;
    gap: 0 10px !important;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
}

.res-selct.mypage .info.item .btn-wrap button{
    width: calc((100% - 10px)/2);
}

.res-selct.mypage .info.item .btn-wrap button.n-1{
    background: #515151;
}

.res-selct.mypage .info.item .btn-wrap button.n-2{
    background: #141414;
}

.res-selct.mypage .cbox.n-2{
    margin-top: 30px;
}

.res-selct.mypage .video.item .top{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.res-selct.mypage .video.item .top .btn-wrap {
    width: 50%;
    gap: 0 10px;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    justify-content: flex-end;
}
.res-selct.mypage .video.item .top .btn-wrapp button{
    width: auto;
}

.res-selct.mypage .video.item .top .btn-wrap button.n-1{
    background: #515151;
}

.res-selct.mypage .video.item .top .btn-wrap button.n-1 span{
    background: url("../images/sub/delete.png") left center / auto no-repeat;
    padding-left: 20px;
}

.res-selct.mypage .video.item .top .btn-wrap button.n-2{
    width: auto;
    background: #141414;
    padding: 0 20px;
}

.res-selct.mypage .video.item .top .btn-wrap button.n-2 span{
    background: url("../images/sub/down-w.png") left center / auto no-repeat;
    padding-left: 20px;
}


.res-selct.mypage .video.item .list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.res-selct.mypage .video.item .list .item{
    width: calc((100% - 20px) / 2);
    border-radius: 10px;
    overflow: hidden;
}

.res-selct.mypage .video.item .list .item .img{
    height: 270px;
    background: #2b7db7;
}

.res-selct.mypage .video.item .list .item .img img{
    width: 100%;
}

.res-selct.mypage .video.item .list .item .txt-wrap{
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    background: #3c3c3c;
    padding: 20px;
    margin-left: auto;
}

.res-selct.mypage .video.item .list .item .txt-wrap button{
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background: url("../images/sub/down-b.png") center / auto no-repeat;
    background-color: #fff;
    margin-left: auto;
}

.res-selct.mypage .pd-box.n-2 .btn-wrap{
    display: flex;
    gap: 0 20px;
}

.exelBtn{
    display: flex;
    margin-bottom: 20px;
}
.exelBtn > div{
    display: flex;
    gap: 10px;
    margin-left: auto;
}
.exelBtn > div button{
    width: auto;
    height: auto;
    padding: 5px 15px;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.exelBtn > div button svg{
    width: 13px;
    margin-left: 5px;
}
.exelBtn > div .exelDown{
    background-color: #5b9b23;
}
.exelBtn > div .exelUp{
    background-color: #963e66;
}
.paymentBtn{
    margin-top: 30px;
    display: flex;
    gap: 20px;
}
.paymentBtn>button{
    width: calc((100% - 40px) / 2);
}
.paymentBtn .now{
    background-color: #963e66;
}
.paymentBtn .place{
    background-color: #34a26c;
}
.paymentBtn .later{
    background-color: #0f7fcf;
}
.login.admin h4{
    margin: 0 auto 30px auto;
    text-align: center;
}

.login.admin .pd-box{
    width: 500px;
    margin: 0 auto;
}

.login.admin .btn-wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
    margin-top: 20px;
}

.login.admin .btn-wrap button{
    width: calc((100% - 20px)/2);
}

.login.admin > div .item{
    display: flex;
    background: #3d3d3d;
    padding: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.login.admin > div .item:not(:last-child){
    margin-bottom: 20px;
}

.login.admin > div .item b{
    padding-top: 5px;
    width: 80px;
}

.login.admin > div .item input{
    background: #3d3d3d;
    border:none;
    color: #fff;
    width: calc(100% - 80px);
}


@media screen and (max-width: 1024px){
    .cal-wrap .cal .tit {
        display: none;
    }
    .cal-wrap .cal .week:nth-child(n+3){
        display: none;
    }
    .check-form .inner{
        height: 100%;
    }
}

@media screen and (max-width: 768px){
    .cal-wrap .cal .week > li{
        width: calc(100% / 2);
    }
    .res-selct .cbox-wrap.n-1{
        width: 100%;
    }
    .res-selct .item .top .tit{
        width: 100%;
    }
    .res-selct .item .top > .cbox{
        width: 100%;
    }
    .check-form .cbox {
        cursor: pointer;
        width: calc((100% - 20px) / 3);
    }
    .pd-box{
        padding: 20px;
    }
    .res-selct .cbox-wrap.n-1 h4{
        font-size: 24px;
        width: 100%;
        gap: 0 10px;
    }

    .res-selct .cbox-wrap.n-1 button{
        width: calc((100% - 10px)/2) !important;
    }

    .res-selct.mypage .video.item .top .btn-wrap{
        width: 100%;
        margin-bottom: 20px;
    }

    .res-selct.mypage .video.item .top .btn-wrap span{
        font-size: 14px;
    }
    .res-selct .item.day .top .tit b{
        font-size: 20px;
    }
    .res-selct .item .top > .cbox{
        justify-content: unset;
        margin-top: 10px;
    }
    .res-selct .cbox-wrap.n-2{
        margin-left: unset;
        width: 100%;
        margin-top: 20px;
        border-radius: 20px;
    }
    .res-selct .cbox-wrap.n-2{
        padding: 20px !important;
    }
    .res-selct .cbox-wrap.n-2 h4{
        font-size: 24px;
    }
    .paymentBtn{
        gap: 0 10px;
    }
    .paymentBtn>button{
        font-size: 14px;
        width: calc((100% - 20px) / 3);
    }
    .faq-question .arr{
        top: 20px;
    }
    .res-selct.mypage.new .cbox-wrap.n-2{
        margin-top: 0;
    }
    .res-selct.mypage.new .cbox-wrap.n-2 h4{
        display: flex;
        align-items: center;
        font-size: 20px;
    }
    .res-selct.mypage.new .cbox-wrap.n-2 h4 span{
        font-size: 16px;
    }
    .res-selct.mypage.new .cbox-wrap.n-2 h4 button{
        margin-top: 0;
        position: unset;
        margin-left: auto;
        height: auto;;
    }
    .res-wrap .sub-vs h2{
        font-size: 40px;
    }
    .boardGallery.myVideo .list .item{
        width: 100%;
    }
    .boardGallery.myVideo .btnBox{
        margin-bottom: 40px;
        justify-content: center;
    }
    .boardGallery.myVideo .btnBox button{
        width: calc((100% - 20px) / 3);
        font-size: 13px;
        height: 42px;
    }
    .boardGallery.myVideo .list .item .img{
        height: calc((100vw - 40px) * 0.75);
    }
    .boardGallery.myVideo .list .item .badge{
        font-size: 13px;
    }
    .boardGallery.myVideo .list .item .playBtn{
        padding: 0;
        width: 30px;
    }
    .boardGallery.myVideo .list .item p{
        font-size: 14px;
    }
    .login.admin h4{
        font-size: 24px;
    }
    .login.admin .pd-box{
        width: 100%;
        margin-top: 30px;
    }
    .login .tbox .logo{
        width: 100%;
    }
    .login .tbox .dc-1{
        width: 60%;
        bottom: -5rem;
    }
    .login .tbox .dc-2{
        width: 60%;
    }
    .login .btn-wrap{
        width: 100%;
        margin-top: 30px;
    }
    .login .login-p{
        font-size: 16px;
    }
    .agree-wrap{
        width: 100%;
    }
    .agree-wrap h4{
        font-size: 24px;
    }
    .ready .pd-box{
        width: 100%;
    }
    .exelBtn{
        flex-wrap: wrap;
    }
    .exelBtn p{
        font-size: 14px;
    }
    .exelBtn>div{
        margin-top: 10px;
        width: 100%;
    }
    .exelBtn>div button{
        width: calc((100% - 10px) / 2);
        justify-content: center;
    }
    .res-selct .num.item.pd-box.n-2 .cbox-wrap{
        flex-wrap: wrap;
    }
    .res-selct .num.item .tt{
        width: 100%;
    }
    .res-selct .num.item .list{
        width: 100%;
    }
    .res-selct .num.item .list input{
        font-size: 12px;
    }

    .res-selct .num.item .tt .noticeBox .pop{
        width: 100%;
        max-width: 500px;
        left: 50% !important;
        transform: translate(-50%,-50%);
    }
    .res-selct .num.item .tt .noticeBox .pop::before{
        display: none;
    }

    .login{
        padding: 100px 0 0px 0 !important;  
    }

    .login .tbox{
        margin: 0 30px 0 auto;
    }

    .agree-wrap{
        margin: 30px auto;
    }

    .agree-wrap.phone, .agree-wrap.cmp {
        text-align: center;
        padding: 50px 40px;
    }

    .login label {
        flex-wrap: wrap;
    }

    label p {
        margin-left: 10px;
        width: calc(100% - 40px);
    }

    .res-selct.mypage .info.item .cbox{
        width: 100%;
    }

    .res-selct.mypage .info.item .btn-wrap{
        width: 100%;
        margin-top: 20px;
    }

    .res-selct.mypage .video.item .list .item .img{
        height: 120px;
    }

    .res-selct.mypage .item .txt{
        width: 100%;
    }

    .res-selct.mypage .video.item .list .item .txt-wrap{
        padding: 10px;
    }

    .res-selct .num.item .top .cbox button,
    .res-selct .num.item .top .cbox > div{
        width: 33% !important;
    }
    .res-selct .num.item .tt .notice-p{
        font-size: 14px;
        display: block;
    }
    .res-selct .num.item .tt .notice-p svg{
        width: 14px;
        height: 14px;
        vertical-align: middle;
        margin-top: -3px;
        margin-left: 2px;
    }
}

@media screen and (max-width: 320px){
    .agree-wrap .list-wrap .item .tit,
    .agree-wrap .list-wrap .item .cbox {
        padding: 20px;
        flex-wrap: wrap;
    }

    .agree-wrap .list-wrap .item .tit .txt,
    .agree-wrap .list-wrap .item .tit button,
    .res-selct .cbox-wrap.n-1 button,
    .res-selct.mypage .video.item .list .item{
        width: 100% !important;
    }

    .res-selct .cbox-wrap.n-1 button:first-child{
        margin-bottom: 10px;
    }

}