.member {
    width: 100%;
    z-index: 10;
    background: #1b1b1b;
    overflow: hidden
}

.step-bar {
    width: 100%;
    height: 5px;
    background: #e5e5e5;
    position: absolute;
    top: 0;
    left: 0
}

.step-bar span {
    height: 5px;
    display: block;
    text-indent: -9999px
}

.idpw-find {
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    top: 0;
    left: 0
}

.idpw-find,.idpw-find ul {
    width: 100%;
    height: 59px
}

.idpw-find ul li {
    text-align: center;
    width: 50%;
    float: left
}

.idpw-find ul li a {
    display: inline-block;
    line-height: 58px;
    position: relative;
    top: -1px;
    color: #212121;
    font-size: 16px;
    letter-spacing: -.3px;
    font-weight: 700
}

.idpw-find ul li a.on {
    border-bottom: 3px solid #1351f9
}

.login {
    width: 560px
}

.login ul.input-wrap01 li {
    margin: 0 0 10px
}

.login ul.input-wrap01 li:last-child {
    margin: 0
}

.login ul.checkbox-wrap01 {
    margin: 14px 0 33px;
    overflow: hidden
}

.login ul.checkbox-wrap01 li {
    float: left;
    margin-right: 15px;
    font-size: 14px
}

.login ul.checkbox-wrap01 li:last-child {
    margin: 0
}

.login ul.checkbox-wrap01 label {
    padding: 10px 0
}

.login ul.join-find {
    margin: 10px auto 30px;
    font-size: 0;
    text-align: center
}

.login ul.join-find li {
    display: inline-block;
    position: relative
}

.login ul.join-find li a {
    display: block;
    padding: 10px 14px;
    font-size: 14px;
    color: #a5a5a5
}

.login ul.join-find li:after {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: #a5a5a5
}

.login ul.join-find li:last-child:after {
    background-color: transparent
}

.member .member-layout {
    margin: 80px auto
}

.member-layout {
    padding: 40px 0;
    margin: 0 auto;
    overflow: hidden;
    background: #252525
}

.member-layout h1 {
    margin: 0 0 40px;
    font-weight: 400;
    font-size: 32px;
    text-align: center;
    color: #fff
}

.member-layout h2 span {
    font-weight: 700
}

.member-layout h2 img {
    position: relative;
    top: 3px;
    left: -2px
}

.member-layout .certi-txt {
    font-weight: 400;
    font-size: 20px;
    border-bottom: 2px solid #e5e5e5;
    padding: 0 0 30px;
    line-height: 1.4
}

.member-layout .certi-txt p {
    font-size: 16px;
    margin: 30px 0 0;
    line-height: 24px
}

.member-layout .certi-txt01 {
    font-size: 18px;
    margin: -20px 0 40px;
    line-height: 1.56;
    text-align: center
}

.member-layout .certi-txt02 {
    font-size: 24px;
    margin: 70px 0 50px;
    line-height: 1.5;
    text-align: center;
    letter-spacing: -.4px;
    font-weight: 400
}

.member-layout input[type=password].input-style01,.member-layout input[type=text].input-style01 {
    width: 100%;
    font-size: 15px;
    height: 53px;
    color: #fff;
    background-color: #2f2f2f;
    border: 0
}

.member-layout input[type=text].input-style02 {
    padding: 0 90px 0 20px;
    width: calc(100% - 112px)
}

.member-layout input[type=text].input-style05 {
    padding: 0 120px 0 20px;
    width: calc(100% - 142px)
}

.member-layout input[type=password].input-style03 {
    width: calc(100% - 42px);
    border-bottom: 0;
    border-radius: 5px 5px 0 0
}

.member-layout input[type=password].input-style04 {
    width: calc(100% - 42px);
    border-radius: 0 0 5px 5px
}

.member-layout input[type=checkbox].check-blue-dark+label:before {
    border: 1px solid #a5a5a5
}

.member-layout .width-100 {
    width: 100%!important
}

.member-layout p.login-error-red {
    color: #ff27a3;
    font-size: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAW1JREFUOBHNVDtOw0AQfWMgTUq4AAUQmjSkoeECtChIEfScgIbGDQ0noA+KRETLBWhokoaGX8EFSEkTwMPM7K69NpZQUIqMZM969s3b3Zm3BhbVqG5jnHKC60EXnPUA6ghmVZ4JwCNQMsBhb0gpZdXcX2TcHq5jOr2RRJLEC2TJHZaX3vH1vYYk25MFTmUBRqNxQA/dt5iwROaJ7oXoEs3tcxp3PmOwjnlntIKPxzMhPBHC3Sqh4fVo3Loac6ufWuCPl+IMryXxlg+sRno02VGYDF6SXsI494YTvNbWW0GmxZYa1R0NzBshIXjDaU2tSS5akGnXtNizmOGt25YVkUn7tWuzmMOrbMxisom1P8zEnug1/szHKhfTn4tEZCJI1VGN0dPRZk0YDi953goyVbYI0nQUZr3nrf5tJeT0pgLWPG8FmVwRU7YJMkw7T8/H++WIfDnhsl6tMDfXG1Ai0xXmdjfDdv/71wj5i+d/AEudrdvpOu94AAAAAElFTkSuQmCC) no-repeat left 2px;
    margin-top: 14px;
    padding-left: 25px
}

.login-popup .member-layout h2 {
    margin: 0 0 40px;
    font-weight: 400;
    font-size: 32px;
    text-align: center;
    color: #fff
}

.login-sns {
    width: 364px;
    margin: 20px auto 40px
}

.login-sns li+li {
    margin-left: 16px
}

.join-sns-box,.sns-box {
    float: left;
    width: 560px;
    padding: 0 40px
}

.or-bar-box {
    position: relative
}

.or-bar {
    position: absolute;
    top: 14px;
    display: block;
    width: 21%;
    border-bottom: 1px solid #2f2f2f
}

.or-bar-left {
    left: 0
}

.or-bar-right {
    right: 0
}

.login-box-hd {
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #a5a5a5
}

.login-box-hd.wavve-hd {
    margin-bottom: 28px
}

.login-box-hd span {
    color: #1351f9
}

.login-sns-each {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 100px
}

.login-sns-each a {
    display: block;
    padding: 14px 0;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 20px
}

.facebook {
    background-color: #3b5998
}

.kakao {
    background-color: #ffec00
}

.kakao a {
    color: #212121
}

.naver {
    background-color: #23b909
}

.tworld {
    background-color: #3617ce
}

.tworld a {
    color: #212121
}

.apple {
    background-color: #fff
}

.icon-sns {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px
}

.icon-facebook {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABFElEQVRYCWNgGAWjIUBmCPz//58RiCOB+BAQvwJidNBHjNEsxChCVwO0iREoNhuIk9HlSOUzkaoBqj4MSFNsOcgsch1QCHUI/Slg8PMC8T/0CAfy64BYAYjFoZiXJq4DGq4LxOjgCrmWkRMFbFgsu4VFjCghchxAlMHEKhpwB4DyM0EAjPB3SIpAZQd6AvsNFPuCpAbENGBkZHyEJobBJdYB/zF04hf4DpTmATrgH35l5JcDhMy9QYzlIENolQauE3IhSfLANCCGhF3RCwEgfxWSPEgtD7EWEFUZAYPzFcxAoOHICRIm/ANZDUyQGJpWUUCM3WA1ow4YDYHREBgNAaJKQrRS5SGQn44mdhuNP8odOiEAAEOuqjiSqWt+AAAAAElFTkSuQmCC)
}

.icon-facebook,.icon-kakao {
    background-repeat: no-repeat;
    background-size: 32px 32px
}

.icon-kakao {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAACTklEQVRYCe1WTUsbURR9d2bQKC6SUihESEjc9C+kVRsoBfciIrgSP3Br+zdcFIQuWlxU6EZpt1ahjIkfuFAQSZBAHBMxWhpECqVQTF7PC1rwvTeZMR0olDyYDPfOOeeeufM+wlh7tDvwjztAfuun02nr+vh4iBGlQXrCGetlnD9s8ImqyJ0ht42cbSWTq7ZtX/vR9jQwkkp1fa1UXtY5n4Vg1I8oMBWD6M2jaHR+eWfnZzNOUwODicRgvVZbhEBfM5Emz4qGaU5kHCfjhnE1MBCPD6OlH9DSDjeyrzzRL4OxsUyp9FGH1xoYiMWeArwBA6aOdN8citTAeZYtl7dkLszdHeKbY6ItBVVcqAstXO8b2nfLMcXAxfn5KOc8IeGCCJNCWxZSDOCbj8ugwGKNtmIAb/84sIKSkE5bMYAJE5Z4QYYPZDHFACZgQQYFFRPRqaylGuD8QAYFGO/KWooBLJcFGRRUbBjGW1lLMbBZLu+hVSsy8K9jok8bjpOVdRQDAtDd0zODyXgog1uN8UKO1dk5reNrDXzO5S47TPMFCDkd6T45FM+HQqF+u1Co6niue71zdfUjGYksYu2a6EYKZK1ZnehNrg7e665weGw9n790wwHjPXAyzsPInDcSCKLv+F2yiBbsk5MjL47lBbh5Lk7HPwNt/YLgANu22Fg4ilZxneHaNuPxfb//hoSgZwf6Y7EIQN8apyPejjh/hWNVWU5CrJXh2QEUfy6K475GljWZKRaV3ayVwrccTwMARtDyqWyp9O6W1L63O/BfdeA3G6OjNkWwE8gAAAAASUVORK5CYII=)
}

.icon-naver {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABIElEQVRYCWNgGAWjITAaAoM1BP7jBr+BUmbY3A0Uv4RLGzb1IDEmXBJ4xFmAcouBFnHhUUO0FDkOABmuBsS9RNuCRyG5DgAZmQEMBS88ZhMlRYkDQBbMBTpChCibcCii1AESQHNn4TCbKGFKHQCyJBAYCglE2YZFETUcADJ2EtARCljMJyhELQfwAm1aDMTMBG1EU8CIxodzgT76D+egMq4BuW+B2BZVGD+PEQiwqSAnBP4CDYoD4s/YDCRVjBwHMAA98wBoUR6plmFTT5YDQAYBHbEASK0DsSkBZDsAamk6kH4xYA4AhsIboOVJA+YAkMVAR2wHUtPJdQSlUQCztwTIuAXjkEJTxQHAUPgGtDQGiP+QYvmo2tEQGA2BQRECAL7YYewVRr/jAAAAAElFTkSuQmCC)
}

.icon-naver,.icon-tworld {
    background-repeat: no-repeat;
    background-size: 32px 32px
}

.icon-tworld {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTkwLCAyMDIxLzEyLzE1LTIxOjI1OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2ODU5RDg4NzlCQzMxMUVEQkU0QTgwNDcyNDE1REJGOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2ODU5RDg4ODlCQzMxMUVEQkU0QTgwNDcyNDE1REJGOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY4NTlEODg1OUJDMzExRURCRTRBODA0NzI0MTVEQkY4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY4NTlEODg2OUJDMzExRURCRTRBODA0NzI0MTVEQkY4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XlloVwAAAItJREFUeNpi/P//P8NAAiaGAQajDsDmAAcg/k8jHDgaBaMOQAcsWMTeAPFGGtn3HF2AEb0kZGRkpKmP0e1jIsMATSA2HMg0oA7E54CO2ADExlQJEmRMhPqA/6hgBxBbkG0fFRyA7BB5Uh1AzWzoDsSGowXRqANGHTDqgFEHjDqAVMA42jcc8Q4ACDAAxqqX1WaZnUQAAAAASUVORK5CYII=)
}

.icon-apple {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABnElEQVRYCe2WSysGYRTHXZJiRZFc826ULGwtlAVFpJSFUlasKBYWPgYfwJaytsJCsbAg2YhIKWLBRiHJ5fevd2qaOPPMPBrRe+rXXM7lf57zzExTVPSPLMdaVuHoN9bUi+g9fMBG1g20IPiYF1cDC1k3sBISv+K8IssGihELVn/JeWeW4tKqhANYhFpIbFqBi9UTNA1dUAaHoNHvgawJxqEPmuEOtmEJbsHLhslWQT1gUS64tw9vX/gUq+0ZgtQ2SGZUNOn1EzU0ocRWTsY5JBUMx7+TP5FYOZ8w5ymuRpbTiitvC8KrSXPe4NPAjWcD1y7iJUZQteFzcZ25BFkN6BXysRqfZOWeQJp9D3L0BjSqkGXWBI6tRAefvrL6RJtWanjr8PUbfhdXO0EvsOsSHI1p40YwTt/jWrR4cG1twSlBO0Gg59HSMUuP4vVdvfK7TZUYp/bPp4n1mPqx7g4inlM28UBeLlbBIWAqRQP6Dow51HYOmSfyFbQdKr4JMzACsxDeKk1sEn7c9GMxAN/9YLTi64EqKFhhAn9jAp9S2e9U6ft/9QAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 32px 32px
}

.sns-exclamation {
    position: relative;
    padding-left: 12px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
    color: #717171
}

.sns-exclamation span {
    display: block
}

.sns-exclamation:before {
    position: absolute;
    top: 3px;
    left: 0;
    content: "*"
}

.join {
    width: 1121px;
    position: relative
}

.join ul.btn-wrap01 {
    width: 100%;
    overflow: hidden
}

.join ul.btn-wrap01 li {
    width: calc(50% - 4px);
    float: left
}

.join ul.btn-wrap01 li:first-child {
    margin-right: 8px
}

.join ul.input-wrap02 {
    margin: 0 0 20px;
    overflow: hidden
}

.join ul.input-wrap02 li {
    margin: 0 0 20px;
    position: relative
}

.join ul.input-wrap02 li a {
    position: absolute;
    top: 54px;
    right: 20px;
    font-size: 15px
}

.join h4 {
    font-size: 16px;
    color: #a5a5a5;
    margin: 0 0 16px
}

.join h5 {
    font-size: 20px;
    color: #212121;
    margin: 0 0 10px
}

.join p.find-txt01 {
    font-size: 14px;
    color: #666;
    margin: 0 0 25px;
    line-height: 1.57;
    letter-spacing: -.2px
}

.join .password-line {
    height: 1px;
    background: #1351f9;
    width: 100%;
    text-indent: -9999px;
    opacity: 0;
    position: absolute;
    bottom: 54px;
    left: 0
}

.join p.login-error-purple,.join p.login-error-red {
    padding-bottom: 3px
}

.join ul.checkbox-wrap02 {
    margin: 0 16px 27px
}

.join ul.checkbox-wrap03 {
    margin: 0 0 40px;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    border-radius: 6px
}

.join ul.checkbox-wrap03 li {
    border-bottom: 1px solid #e5e5e5
}

.join ul.checkbox-wrap03 li .check-style {
    text-indent: 16px;
    position: relative;
    padding: 24px 0
}

.join ul.checkbox-wrap03 li span {
    color: #666;
    font-size: 16px;
    margin: 0 7px;
    display: inline-block;
    text-indent: 0
}

.join ul.checkbox-wrap03 li .join-all-txt {
    color: #1351f9;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    top: -3px
}

.join ul.checkbox-wrap03 li .join-all-img {
    float: right;
    margin: 0 16px 0 0
}

.join ul.checkbox-wrap03 li .rota {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.join ul.checkbox-wrap03 li .join-terms {
    font-size: 12px;
    color: #666;
    line-height: 18px;
    text-indent: 0;
    padding: 23px;
    border-top: 1px solid #e5e5e5;
    max-height: 180px;
    display: none;
    overflow: hidden
}

.join ul.checkbox-wrap03 li .join-terms pre {
    white-space: pre-wrap;
    max-height: 180px;
    overflow: hidden
}

.join ul.radio-wrap01 {
    margin: 26px auto;
    overflow: hidden;
    width: 200px
}

.join ul.radio-wrap01 li {
    float: left
}

.join ul.radio-wrap01 li:first-child {
    margin-right: 23px
}

.join .radio-style input[type=radio].radio-purple:checked+label {
    color: #1351f9
}

.join ul.join-wrap01 {
    width: 100%;
    overflow: hidden;
    margin: 0 0 13px
}

.join ul.join-wrap01 li {
    float: left;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    text-align: center;
    position: relative;
    width: calc(50% - 6px);
    padding: 41px 0 36px
}

.join ul.join-wrap01 li a {
    display: block
}

.join ul.join-wrap01 li.join-choose {
    border: 1px solid #1351f9
}

.join ul.join-wrap01 li:first-child {
    margin-right: 8px
}

.join ul.join-wrap01 li strong {
    margin: 13px 0 0;
    font-size: 16px;
    color: #a5a5a5;
    font-weight: 400;
    display: block
}

.join ul.join-wrap01 li .choose-img {
    position: absolute;
    top: 12px;
    right: 12px
}

.join ul.join-wrap01 li strong.silver {
    color: #d8d8d8
}

.join .txt-type01 {
    margin: 13px 0 40px;
    font-size: 14px;
    color: #666;
    line-height: 1.57;
    padding-left: 11px;
    text-indent: -11px
}

.join .txt-type01 span {
    width: 3px;
    height: 3px;
    background: #888;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -3px
}

.join a.txt-type02 {
    font-size: 16px;
    line-height: 1.75;
    color: #666;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAYAAAAPFIbmAAAAAXNSR0IArs4c6QAAAPdJREFUKBVjYCACMIPUNDQ0sGhoaCQbGRndOHv27G90fUwggWfPngn8//+/j5GRcWtaWhoXVkWzZs16A1TkCZQ0waaQEVkX0BQboKLtQLEzQE3eQM3fQPJg62AKgYJHkExcB3QrWB5FEUgxSCHQNH+gYnegWyNAYhiKQIIzZszYB1R4AIiDcSoCSQDBFyAG+xSrSUAPKAOtcwEq2g1SjaGosLBQCGjNBiC+x8vLOxOkCCUIQAq+ffu2B2iKLFDOFuiJGyBFcJOQFTAzMzvDFIAUgU3Kzc1l//Xr13GQCSAF06dPvwSShAGwSX/+/AH54jk2BTCF1KEBvOFnotcZUvIAAAAASUVORK5CYII=) no-repeat top 6px right;
    padding-right: 15px;
    margin: 0 auto;
    width: 78px;
    display: block
}

.join ul.join-wrap02 {
    width: auto;
    border-radius: 6px;
    background: #f6f6f6;
    padding: 17px 30px 10px;
    margin: 0 0 10px;
    overflow: hidden
}

.join ul.join-wrap02 li {
    font-size: 16px;
    line-height: 2;
    margin: 0 0 7px
}

.join ul.join-wrap02 li b {
    font-size: 14px;
    float: left;
    width: 160px;
    display: inline-block;
    position: relative;
    top: 3px
}

.join .join-gender {
    width: 100%;
    overflow: hidden
}

.join .join-gender span {
    width: calc(50% - 6px);
    border: 1px solid #e5e5e5;
    height: 54px;
    font-size: 16px;
    color: #a5a5a5;
    display: inline-block;
    text-align: center;
    line-height: 54px;
    text-indent: 11px;
    cursor: pointer;
    border-radius: 6px
}

.join .join-gender .gender-man {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAATCAYAAACgADyUAAAAAXNSR0IArs4c6QAAApBJREFUOBGNU+tLFFEUP3Pnjq80LdY2I7XdmW13dnckdw1fWRA9/ZA9MCIxiOhTfag+JFFiJPT4Lwr6YJSoSJnfFgm3IHogiLqPWjR6gEKu4+7OzM5t7sAMBGodmHvO+Z3f78yZ4VwW/tO8fODgVsf26qWlXykqwf/SCULj5qIi/UpGlu+Dnqd0hh62UBDqmkqKC/s1VWvWNK2AYcw6QSgHzU0t+cpKh/py9PUAFdm221XXxrv85NnAi/zi4hJRFIVkMhmSzWaJ0YTIskxoXRCC3bZIkqQtFJyYeEM2stmZORIQQ6rfF+ozxYIgHTh25IS6kciqpZfT5pt9bklCLBBnLBbHuVzOnmKtwBgZSstKob396HKe0cOYAHIEJVE1xuAePOwHwcODqqoQm4tDIpGEudkYWVj4BhizcOnyRajaUbXJaNzM8O7Ao56eGzd9ohcGnw/B9x8/AbMsuNwu8BhNamtroLpmJ2RWM3Cy46w5DEIoihEhiEEI2tpazWetMS3s/YdJaAi1ABBSjizQ8rK8auDESk2/kl4xfUVFOfTdvQ0Is5G/hPTb9u87BL137tnCJ4+fQkO4FebnF2yMBlhnGJ3ouglyHAfdF85DKLzHJjU27YWurnPgdG4zMToNMRQYc/hLPJ5cNdASWrl2/apJsA6fzwu9fbesFBLxZJYwJIYKEfvpbfSdub12dYNgcjKqFLHFn02K31cfpXtqbch6fnhoVA+I9R/tviJfFwz4w79HhkfXFY+9GtcpRxTDISo07w4NPJ6gyGFujHe7K06f6ShzuXYherW+plJkaHBk2diklbyiHZ9JTk1Rvi2kSWdnJzs9nTisKuop4w/ztK4qWqKA40YczrLxSCSiUR61P9necd5/2I3BAAAAAElFTkSuQmCC) no-repeat top 17px left 89px
}

.join .join-gender .gender-man.on {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAATCAYAAACgADyUAAAAAXNSR0IArs4c6QAAApBJREFUOBGNU+tLFFEUP3Pnjq80LdY2I7XdmW13dnckdw1fWRA9/ZA9MCIxiOhTfag+JFFiJPT4Lwr6YJSoSJnfFgm3IHogiLqPWjR6gEKu4+7OzM5t7sAMBGodmHvO+Z3f78yZ4VwW/tO8fODgVsf26qWlXykqwf/SCULj5qIi/UpGlu+Dnqd0hh62UBDqmkqKC/s1VWvWNK2AYcw6QSgHzU0t+cpKh/py9PUAFdm221XXxrv85NnAi/zi4hJRFIVkMhmSzWaJ0YTIskxoXRCC3bZIkqQtFJyYeEM2stmZORIQQ6rfF+ozxYIgHTh25IS6kciqpZfT5pt9bklCLBBnLBbHuVzOnmKtwBgZSstKob396HKe0cOYAHIEJVE1xuAePOwHwcODqqoQm4tDIpGEudkYWVj4BhizcOnyRajaUbXJaNzM8O7Ao56eGzd9ohcGnw/B9x8/AbMsuNwu8BhNamtroLpmJ2RWM3Cy46w5DEIoihEhiEEI2tpazWetMS3s/YdJaAi1ABBSjizQ8rK8auDESk2/kl4xfUVFOfTdvQ0Is5G/hPTb9u87BL137tnCJ4+fQkO4FebnF2yMBlhnGJ3ouglyHAfdF85DKLzHJjU27YWurnPgdG4zMToNMRQYc/hLPJ5cNdASWrl2/apJsA6fzwu9fbesFBLxZJYwJIYKEfvpbfSdub12dYNgcjKqFLHFn02K31cfpXtqbch6fnhoVA+I9R/tviJfFwz4w79HhkfXFY+9GtcpRxTDISo07w4NPJ6gyGFujHe7K06f6ShzuXYherW+plJkaHBk2diklbyiHZ9JTk1Rvi2kSWdnJzs9nTisKuop4w/ztK4qWqKA40YczrLxSCSiUR61P9necd5/2I3BAAAAAElFTkSuQmCC) no-repeat top 17px left 89px #1351f9;
    border: 1px solid #1351f9;
    color: #fff
}

.join .join-gender .gender-woman {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAw5JREFUOBHVUktMU0EUvfPaalAxcYEtUkNqW6Wl/IoiJYiKiRpxRWiwgMrCBKPRuBEWkohCiHFhWPiNEf8QDeBCxSjhE4lRIqVQtKRQCAWK1AUaavp7n3He0wJFbVzqJG/m3nvuOXPvmwvwry/R3xRoMBiioqOlMTt3ZvtsNhuOxEGRQF2Cfj9GUOv3+3VRUSsCwWBALBKLOjjMnbTbrfZI3DAMY4wSNqXUZxl2eDrau7DH842EMHa7P+MH9xtZXWK6R61OKgsjRXI2qZNPGwuKPD6fTxBaurlc01ifmvlNo9FnRtIRMI0mLZ6vYHr6U5jO3Nwcrq6+gLs6XwvxtrYOnKjRO5YKUksDLM3kZ2dncbGxsnmou/sN5O3Lh7h1sXD+XC1UlFfCsH0YACG5VpuSNp9IDPFih7fJ9Xvcbnf0ndv3YXzcCeZeC1AUgpqas5CzPRtKDpqg/tZd8Hq9IJXGwJRrxkBolpBOmKDRaBQN9A/nqNQqRP4TbFAqYF/eXsjI2BzKB4lEAmVHjwj+2JgTXBNTxcS5GkoIa9liGdqFAHszt26BM5UVUFhYQLpamCyO46Cn5z3wJ79I5QwZq2SlUrf+F0G+OmBxHVGwhsDW1pdgKjwEMzNuIWTp64diUymYzfMdEj3qJWDutsDnLwmRLWabn9huhqYHJyddLB/PI+02tTSCTCYV0vTpafC46SGkk5NfznEng8TiBvI6/j7zx8tVVVU/9JQKLeY/PpCgTio1HTj8NWxmfuOwLIu1CakBfswIjJSKxFmlUntCUESAZvlWG+4152JqdfPgwGDQ3NsnVPGn7fq1mzSprJOmZTNqpe4SmY81CImfCIJpm7VryWNc5ICtY+kvb2mGbjl+7JRvZGT0t3ptr9rhypUbgSAdnADWOQYIVq2kxFKHwzq18IQ/qRsVydtYYEsoRO2WLJfEF5mMYMjKRHJ5HNjJMD972sq96X6Hg0zAjjE8kiBRy9Co9UPo5l8EQwB/qlTJcsQy5ZLly3IRRa3hGG6SwexzjOUXHY4XgcW5/4/9HRl2g4aca8YGAAAAAElFTkSuQmCC) no-repeat top 17px left 89px;
    text-indent: 22px
}

.join .join-gender .gender-woman.on {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAw5JREFUOBHVUktMU0EUvfPaalAxcYEtUkNqW6Wl/IoiJYiKiRpxRWiwgMrCBKPRuBEWkohCiHFhWPiNEf8QDeBCxSjhE4lRIqVQtKRQCAWK1AUaavp7n3He0wJFbVzqJG/m3nvuOXPvmwvwry/R3xRoMBiioqOlMTt3ZvtsNhuOxEGRQF2Cfj9GUOv3+3VRUSsCwWBALBKLOjjMnbTbrfZI3DAMY4wSNqXUZxl2eDrau7DH842EMHa7P+MH9xtZXWK6R61OKgsjRXI2qZNPGwuKPD6fTxBaurlc01ifmvlNo9FnRtIRMI0mLZ6vYHr6U5jO3Nwcrq6+gLs6XwvxtrYOnKjRO5YKUksDLM3kZ2dncbGxsnmou/sN5O3Lh7h1sXD+XC1UlFfCsH0YACG5VpuSNp9IDPFih7fJ9Xvcbnf0ndv3YXzcCeZeC1AUgpqas5CzPRtKDpqg/tZd8Hq9IJXGwJRrxkBolpBOmKDRaBQN9A/nqNQqRP4TbFAqYF/eXsjI2BzKB4lEAmVHjwj+2JgTXBNTxcS5GkoIa9liGdqFAHszt26BM5UVUFhYQLpamCyO46Cn5z3wJ79I5QwZq2SlUrf+F0G+OmBxHVGwhsDW1pdgKjwEMzNuIWTp64diUymYzfMdEj3qJWDutsDnLwmRLWabn9huhqYHJyddLB/PI+02tTSCTCYV0vTpafC46SGkk5NfznEng8TiBvI6/j7zx8tVVVU/9JQKLeY/PpCgTio1HTj8NWxmfuOwLIu1CakBfswIjJSKxFmlUntCUESAZvlWG+4152JqdfPgwGDQ3NsnVPGn7fq1mzSprJOmZTNqpe4SmY81CImfCIJpm7VryWNc5ICtY+kvb2mGbjl+7JRvZGT0t3ptr9rhypUbgSAdnADWOQYIVq2kxFKHwzq18IQ/qRsVydtYYEsoRO2WLJfEF5mMYMjKRHJ5HNjJMD972sq96X6Hg0zAjjE8kiBRy9Co9UPo5l8EQwB/qlTJcsQy5ZLly3IRRa3hGG6SwexzjOUXHY4XgcW5/4/9HRl2g4aca8YGAAAAAElFTkSuQmCC) no-repeat top 17px left 89px #1351f9;
    border: 1px solid #1351f9;
    color: #fff
}

.join ul.join-wrap03 {
    width: 100%;
    overflow: hidden
}

.join ul.join-wrap03 li {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    height: 112px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAiCAYAAABStIn6AAAAAXNSR0IArs4c6QAAAe5JREFUSA3tlD1Iw1AQx5PaNpBJHOygi5NfUFB0cRAUh06OgoODi6WthRZxL4KDUwuln6uTTt2rFaeOgiIugri00KE42LTWkvo/kleSNI1JR/Egeffeu/+Pu8sRjvuzxmsri8Vik+12u9yHeTyew0wm86y9t/Jd2ktANsBYw9l6r9erRCKRZe29la8Deb3eW57nH0gA4LQTmA6UTqe/RFHcGQem6xFLPR6PT0mSdIOsVugM4Ibb7d626pkpiMROYSNBTmGWIDMYzpoYjU1jmb+CGKzVapXhr9Ie9oae+bPZ7Key5TjdV2OHxjWZTDYFQdjC+aN6N4fRONPG2cqICcLh8CIAT9hP4JEwKjOpVOqD7m1lRIFkKOUFo3Cp7Dix0+kEVN8ZSBXdMTHmzM98RxmpogYTA+Rl/jigeSZGme/MdwRKJBIUfzQQu1z3A585dtZ6vX6KcpYoFtlUc7kcGwf7zQ6FQruAnKsQGesJ+cxslRYMBgOyLF9DRPNDdlEoFKqKq7x/HUiCILSEbASSoKSrfD6/j7WvIJS3ZUZGCCQEPDBCCDUyIzMI4veKxeI3CY1mCnIKIegQaBzIECgajc52u91X1lgElPCMLIcAzHTNxi9iYRwIwdyMSKvP56vUarVj9Qx9NW+sVvPv2+/AD6xA7T12V2CEAAAAAElFTkSuQmCC) no-repeat top 45px right 36px;
    background-size: 12px;
    letter-spacing: -.3px;
    margin: 0 0 11px
}

.join ul.join-wrap03 li a {
    font-size: 16px;
    color: #666;
    display: inline-block;
    padding: 33px 0 0 17px;
    float: left
}

.join ul.join-wrap03 li strong {
    font-size: 20px;
    color: #1351f9;
    display: block;
    margin: 0 0 5px;
    font-weight: 700
}

.join ul.join-wrap03 li img {
    float: left;
    margin: 16px 0 0 53px
}

.join .join-wrap04 {
    width: 100%;
    background: #f7f7f7;
    color: #212121;
    text-align: center;
    letter-spacing: -.3px;
    font-size: 16px;
    line-height: 1.63;
    padding: 25px 0;
    border-radius: 6px;
    margin: 0 0 50px
}

.join ul.sns-wrap01 {
    width: 100%;
    overflow: hidden
}

.join ul.sns-wrap01 li {
    margin: 0 0 10px
}

.join ul.sns-wrap01 li img.sns-profile {
    margin: 0 0 20px;
    width: 120px;
    height: 120px;
    border-radius: 50%
}

.join ul.sns-wrap01 li:last-child {
    margin: 0
}

.join ul.find-wrap01 {
    width: 100%;
    margin: 0 0 16px;
    overflow: hidden
}

.join ul.find-wrap01 li {
    float: left;
    font-size: 16px;
    letter-spacing: -.3px;
    color: #212121
}

.join ul.find-wrap01 li:first-child {
    margin-right: 30px
}

.join .find-wrap02 {
    position: relative;
    margin: 20px 0 0;
    overflow: hidden
}

.join .find-wrap02 a {
    position: absolute;
    top: 19px;
    right: 20px;
    font-size: 16px;
    letter-spacing: -.3px;
    color: #1351f9
}

.join .input-link01 {
    position: relative
}

.join .marT40 {
    margin: 40px 0 0
}

.join .marT40-B28 {
    margin: 40px 0 28px
}

.join .marB0 {
    margin-bottom: 0!important
}

.join .marB50 {
    margin: 0 0 50px!important
}

.join .marB16 {
    margin: 0 0 16px
}

.login ul.checkbox-wrap01 li {
    font-size: 0
}

.login ul.join-find {
    margin: 20px auto 50px
}

.login ul.join-find li a {
    padding: 0 14px
}

.login ul.join-find li:first-child a {
    padding-left: 0
}

.login ul.join-find li:last-child a {
    padding-right: 0
}

.login-popup .popup {
    margin-top: -383px;
    margin-left: -280px
}

.popup-button-close a {
    display: block
}

.loginPopup-enter-active,.loginPopup-leave-active {
    transition: opacity .3s
}

.loginPopup-enter,.loginPopup-leave-to {
    opacity: 0
}

body {
    color: #a5a5a5
}

input[type=number] {
    -webkit-text-security: disc
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.full-layer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #1c1c1c;
    z-index: 100
}

.adult-password-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    margin: 0 auto;
    text-align: center
}

.button-item button {
    width: 236px;
    padding: 17px 0;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    border-radius: 26px
}

.button-box {
    display: inline-block;
    width: 480px;
    margin-top: 60px;
    font-size: 0
}

.button-box.button-unique {
    width: 560px
}

.button-box.button-unique .button-item button:last-child {
    width: 316px
}

.setting-button-box {
    width: 1240px;
    margin-top: 28px;
    font-size: 0
}

.popup-button-box {
    width: 520px;
    margin-top: 40px
}

.password-child button,.password-reset button,.password-setting button {
    display: block;
    font-size: 14px;
    line-height: 20px;
    text-decoration: underline;
    color: #a5a5a5
}

.password-child button,.password-reset button {
    margin: 0 auto 28px
}

.password-setting button {
    margin-left: auto
}

.button-cancel {
    margin-right: 8px;
    background-color: #5e5e5e
}

.button-confirm {
    background-color: #1351f9
}

.popup-button-close {
    right: -35px
}

.adult-icon {
    width: 94px
}

.adult-explain-box {
    margin-top: 40px
}

.adult-title {
    font-weight: 400;
    font-size: 36px;
    line-height: 54px;
    color: #fff
}

.adult-title span {
    display: block
}

.adult-explain {
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px
}

.adult-explain span {
    display: block
}

.adult-pin-box {
    width: 219px;
    margin: 40px auto 0;
    background-color: #1abc9c
}

.adult-pin-item input {
    display: block;
    width: 54px;
    height: 52px;
    font-size: 16px;
    line-height: 24px;
    background-color: #2f2f2f;
    border: none
}

.adult-pin-item+.adult-pin-item {
    margin-top: 10px
}

.adult-notice {
    display: block;
    width: 480px;
    margin: 20px auto 0;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #5e5e5e
}

.adult-notice:before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    content: "";
    width: 4px;
    height: 4px;
    background-color: #5e5e5e;
    border-radius: 2px
}

.adult-date {
    display: block;
    margin: 20px auto 0;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.adult-password-wrap.adult-05 {
    padding: 230px 0
}

.adult-password-wrap.adult-06 {
    padding: 252px 0
}

.adult-password-wrap.adult-09 {
    padding: 231px 0
}

.adult-password-wrap .pw-each {
    position: relative;
    display: inline-block;
    font-size: medium;
    margin-right: 1px
}

.adult-password-wrap .pw-each:last-child {
    margin-right: 0
}

.adult-password-wrap .pw-inputs {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 54px;
    text-align: center;
    color: #fff;
    background-color: #2f2f2f;
    border: 0;
    border-radius: 4px
}

.adult-password-wrap .pw-inputs.on {
    background-color: #1351f9
}

.adult-password-wrap .pw-inputs::-moz-placeholder {
    color: #fff
}

.adult-password-wrap .pw-inputs::placeholder {
    color: #fff
}

.adult-password-wrap .pw-inputs:active,.adult-password-wrap .pw-inputs:focus {
    color: #fff;
    background-color: #1351f9
}

.adult-password-wrap .pw-img {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 0;
    left: 0;
    border-radius: 2px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAAXNSR0IArs4c6QAAAN9JREFUOBG1lUEOgjAQRa0LL+CeDQfQS7BgzzHlBFxCr8CexK3GpL5PJGAD2uI4yU9pO30M03ZwmwXz3h+YqlCBMrRHHWpRg07OuQvtdwOWoxrFmPzyj1QcSnSNoU185F/OgjWBHhPnlEetewczoE9OjTB8qdaPqaATm8MQFPZrpcExql0+z+Zk3eBxyzodG0urBNU5tLRCUB1sS8uU0xvEnSH1rkh19SytE7S1JIonqIqDpTV/Oad9hGyW6Y0aoPZ3X2Sita1SfbgjOLVaLdfTCfjnyu8GWNi+qteqf9QTk6qpxIUVojYAAAAASUVORK5CYII=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 7px;
    background-color: #2f2f2f
}

.adult-password-wrap .password {
    margin-top: 40px;
    text-align: center;
    font-size: 0
}

.adult-password-wrap .password .on .pw-img {
    background-color: #1351f9
}

.multiband-header {
    min-width: 1240px;
    height: auto;
    margin: 0 auto 40px;
    padding: 40px 0;
    background-color: #252525;
    text-align: center
}

.multiband-title {
    display: block;
    font-weight: 400;
    font-size: 28px;
    line-height: 41px;
    color: #fff
}

.adult-setting-wrap {
    width: 1240px;
    margin: 0 auto;
    padding-bottom: 80px
}

.adult-setting-wrap h3 {
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    font-weight: 400
}

.adult-setting-wrap h3+ul {
    margin-top: 20px
}

.adult-setting-wrap li {
    padding: 28px 0;
    border-bottom: 1px solid #2f2f2f
}

.adult-title-box {
    position: relative;
    font-size: 0
}

.adult-title-box input {
    position: absolute;
    clip: rect(0,0,0,0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.adult-title-box input[type=radio]+label:before {
    background: url(data:image/png;base64,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) 50%/23px 23px no-repeat
}

.adult-title-box input[type=radio]:checked+label:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAALqADAAQAAAABAAAALgAAAABSkiQEAAAD+ElEQVRoBdWaz2sTQRTH522SLQpKrdZ6VJRi1aioh94sWLRUpEIUrP4LPXhQC9pDDqL4A/TgvyAVNGAPLYgV9GQPIoraSFH0aK0/ggWl+bHj+06zyzbNJrvZzSaZSyY78977zMvsm7dvQ8Jn60vK6Lv3+cNUMI4JErtYXbeU1MH9dUq1FItE8hf354QUszKiPYnvib54nqS8H9NUi/Du01L/ns8OSaIhKcVxIWS7Nz2UIRKTJOXE5qg+8eEhZb3JC/aLhybZlZ2J7DCLXGXgbR5EHafyAr7w4NhCSh8n/mkcJ5YMuAbfeCp3hAx5k+EPlOgI5CtDv5YaXfr5KPbMjUKt2qRkUmqbEku3RMGYrhc0GJRutgFbsFmNq6LHd5yT6zP/suO8LQarKQpynLfPVPsaffjTffrjpNcRfMsZuTW3lJ1iwR4n4TpfT8fa9MFvD+hrOTtlweHp33+zMyzQKGiTNb1hrd5bzvOr9hL2F7ZHE0ADvgcs5fb8Ko/j5pCGuGAuuRk+SRO3f6TaLtpZVoB3JXL9ecN4ap/QNP2I1m8PldZWweFSkPJG04CWgBTPEMvRFjhOxHrG6RIOz1/BVjy1laxaAXKP+UL2Y1DHuGcqlwJID7oi+k7kNsrjKmEKKPdwyVDTNDgWrBBW4MjyatLUACGTlfqQT7/NLXhPTRtArUxSJr4v1knI+pBANQqjJrscGqMkjQHXSbALK709JEZORsT+7cuR681nKe49LoiZdHBW8LQV5cepwPKR8wlNXDkbEZxbW0sc6CBx9CCJa+MFcTdlWNd9dfgRETdnty8lRWF4+vLwSmhTr6Ytj2FOQK1bUw+2AWjD9gCgU8MY5gTRwKxZT+M+NZp7upIaN3MqyVtjXEGwjnzrYot0NL45F4NgRfSo1tzMqaZDjTOzVizWuJpfaRJCnmE4w2MMc4JoYMZWmQtCGeL0dQ555eBxDeEwwFg+hzg+y+BcjfLf7nCcfjkr634Agbllj3wNBUiuxGX8+zssDZxkMbOGqimf0JNhmfVrB6xgVnEcVVO/CsOSN1kVOEq9eCwKy3itdsAIVsgr8GJ9eqxWhSHKjZm1dCsrQnmiM5F71axP+ihDL6Rih8wauvI4PIYLEaLREL3nyRRq5yY0BC1wfJlPxaZR7kK/mRqY7FUssK0Ax4WRuD7KNwHKy03RwAKmUhhrj9sHWrLMjAWgHo2iOnfT9gWF3FeF/XK1cXCs2iomHN4EoKjeiG0Dm7Dt9DaiIjgGsdqRvfqJMG9Y2IJNJ0+bji27x81B+ydq5yhD1yvOI04jHCOy2e069V2DQ8HyIdViL2jtK2+5V+J2eLOviqb4EwKX8opVsVD+hPAfM9Gy9/hQ+2gAAAAASUVORK5CYII=) 50%/23px 23px no-repeat
}

.adult-title-box label {
    padding-left: 31px
}

.adult-title-box label:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 23px;
    height: 23px
}

.adult-title-button {
    width: 23px;
    height: 23px;
    background-color: #1abc9c
}

.adult-setting-title,.adult-title-button {
    display: inline-block;
    vertical-align: middle
}

.adult-setting-title {
    margin-right: 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff
}

.adult-title-img {
    display: inline-block;
    width: 16px;
    max-width: 100%;
    vertical-align: middle
}

.adult-setting-notice {
    padding-left: 31px;
    font-size: 14px;
    line-height: 20px;
    color: #a5a5a5
}

.adult-password-pin {
    width: 100%
}

.adult-popup-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -135px;
    margin-left: -260px;
    width: 520px;
    padding: 40px 0;
    text-align: center;
    background-color: #252525;
    border-radius: 8px
}

.adult-popup-title {
    font-size: 24px;
    line-height: 36px;
    color: #fff
}

.adult-popup-notice {
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px;
    color: #a5a5a5
}

.adult-popup-notice span {
    display: block
}

.pop-intro {
    width: 340px;
    height: 400px;
    margin: -200px 0 0 -170px;
    background-color: #1b1b1b
}

.pop-intro .pop-con {
    width: 100%;
    overflow: hidden;
    text-align: center
}

.pop-intro .pop-con strong {
    font-weight: 700;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    margin-top: 52px;
    display: block
}

.pop-intro .pop-con p {
    margin: 10px 0 65px;
    color: #fff;
    opacity: .7;
    font-weight: 400;
    font-size: 14px
}

.pop-intro .pop-con ul {
    width: 227px;
    margin: 0 auto;
    overflow: hidden
}

.pop-intro .pop-con ul li {
    float: left;
    margin-right: 25px;
    text-align: center;
    width: 38px
}

.pop-intro .pop-con ul li:last-child {
    margin-right: 0
}

.pop-intro .pop-con ul li em {
    display: block;
    width: 4px;
    height: 4px;
    border: 1px solid hsla(0,0%,100%,.5);
    border-radius: 50%;
    text-indent: -9999px;
    margin: 0 0 12px;
    margin-left: 16px
}

.pop-intro .pop-con ul li em.on {
    width: 6px;
    height: 6px;
    border: 0;
    background: #fff
}

.pop-intro .pop-con ul li input[type=text] {
    border: 0;
    border-bottom: 2px solid #fff;
    width: 38px;
    border-radius: 0;
    padding: 0 0 9px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 30px
}

.pop-intro .pop-con .pop-btn {
    overflow: hidden;
    text-align: center;
    margin: 90px 0 0
}

.pop-intro .pop-con a {
    display: inline-block;
    border-radius: 50px;
    width: 89px;
    height: 46px;
    color: #fff;
    line-height: 46px;
    font-size: 16px;
    font-weight: 700;
    margin-right: 6px;
    background-color: #252525
}

.pop-intro .pop-con a.btn-confirm {
    background-color: #1351f9
}

* {
    word-break: break-all;
    word-wrap: break-word
}

*,body,html {
    box-sizing: border-box
}

body,html {
    height: 100%;
    background-color: #1b1b1b;
    scrollbar-face-color:#a5a5a5;scrollbar-track-color:#1b1b1b;scrollbar-arrow-color:#a5a5a5;scrollbar-3dlight-color: none;
    scrollbar-shadow-color:#a5a5a5;scrollbar-darkshadow-color: none;
    scrollbar-color: #a5a5a5 #1b1b1b;
    font-family: NotoSans,sans-serif
}

body,button,dd,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,table,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

a {
    font-weight: 400
}

a,a:active,a:hover,a:link,a:visited {
    text-decoration: none
}

a:active,a:hover {
    cursor: pointer
}

table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0
}

abbr,acronym,fieldset,iframe,img,td,th {
    border: 0
}

dd,dl,dt,ol,pre,ul {
    list-style: none
}

caption,legend {
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    height: 0;
    width: 0;
    text-indent: -999em
}

img {
    vertical-align: middle
}

address,em,i,p,span {
    font-style: normal
}

button,input,select {
    font-family: NotoSans,sans-serif
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent
}

::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: transparent
}

::-webkit-scrollbar-thumb {
    height: 8px;
    border-radius: 0;
    background-color: #a5a5a5
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/noto-sans-kr-regular.56403fb8.eot);
    src: local("Noto Sans KR Regular"),local("NotoSansKR-Regular"),url(../fonts/noto-sans-kr-regular.56403fb8.eot?#iefix) format("embedded-opentype"),url(../fonts/noto-sans-kr-regular.7b91af55.woff2) format("woff2"),url(../fonts/noto-sans-kr-regular.231ef826.woff) format("woff")
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/noto-sans-kr-medium.57efe8ce.eot);
    src: local("Noto Sans KR Medium"),local("NotoSansKR-Bold"),url(../fonts/noto-sans-kr-medium.57efe8ce.eot?#iefix) format("embedded-opentype"),url(../fonts/noto-sans-kr-medium.eb76c060.woff2) format("woff2"),url(../fonts/noto-sans-kr-medium.024dc32a.woff) format("woff")
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/noto-sans-kr-bold.3837a40c.eot);
    src: local("Noto Sans KR Bold"),local("NotoSansKR-Bold"),url(../fonts/noto-sans-kr-bold.3837a40c.eot?#iefix) format("embedded-opentype"),url(../fonts/noto-sans-kr-bold.c8f6d525.woff2) format("woff2"),url(../fonts/noto-sans-kr-bold.87b144da.woff) format("woff")
}

.top-padding-dark {
    background-color: #1b1b1b
}

.fc-black {
    color: #a5a5a5!important
}

.fc-white {
    color: #fff!important
}

.fc-purple {
    color: #1351f9!important
}

.fc-blue {
    color: #1da8ee
}

.fc-red {
    color: #f73d3c
}

.fc-green {
    color: #00b3b4
}

.fc-ccc {
    color: #ccc!important
}

.fc-pink {
    color: #f66ca7
}

.col-white {
    color: #fff!important
}

.col-purple {
    color: #3887ff!important
}

.col-purple-program {
    color: #1351f9!important
}

.col-purple-dark {
    color: #3887ff
}

.col-black {
    color: #1351f9!important
}

.col-vari-blue {
    color: #3887ff
}

.tAc {
    text-align: center
}

.tAr {
    text-align: right
}

.tAl {
    text-align: left
}

.v-gap5 {
    height: 5px
}

.v-gap5,.v-gap7 {
    display: block;
    text-indent: -9999px
}

.v-gap7 {
    height: 7px
}

.v-gap10 {
    height: 10px
}

.v-gap10,.v-gap20 {
    display: block;
    text-indent: -9999px
}

.v-gap20 {
    height: 20px
}

.v-gap26 {
    height: 26px
}

.v-gap26,.v-gap30 {
    display: block;
    text-indent: -9999px
}

.v-gap30 {
    height: 30px
}

.v-gap35 {
    height: 35px;
    display: block
}

.h-gap5,.v-gap35 {
    text-indent: -9999px
}

.h-gap5 {
    width: 5px;
    display: inline-block
}

.opa1 {
    opacity: 1!important
}

.ftl {
    float: left
}

.ftr {
    float: right
}

.dsn {
    display: none
}

.ir {
    font-size: 0;
    text-indent: -999999px
}

.mr0 {
    margin-right: 0!important
}

.mr50 {
    margin-right: 50px!important
}

.bg-gray {
    background-color: #f7f7f7
}

.wi100-per {
    width: 100%!important
}

input[type=checkbox] {
    position: absolute;
    clip: rect(0,0,0,0);
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none
}

.check-style input[type=checkbox]+label {
    font-size: 13px;
    color: #a5a5a5
}

.check-style input[type=checkbox]+label:before {
    width: 22px;
    height: 22px
}

.check-style input[type=checkbox].check-blue-dark+label:before {
    border: 1px solid #d9d9d9;
    vertical-align: middle
}

.check-style input[type=checkbox].check-blue-dark:focus+label:before {
    border: 1px solid #1351f9
}

.check-style input[type=checkbox].check-blue-dark:checked+label:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAAXNSR0IArs4c6QAAAO9JREFUSA1jFA78+Z+BRoCJRuaCjR01HGvoDv5gYWTE6nAGil3ekcLMcGYaK1bTKTK8J52ZIcWLmWHlgX/UNRxkcII7M0Pfmr8MXSv/Us9wZIPblmE3GGQb1mBZUMbCMLOQmYGFGdNBxBqM0/B95/8xBNsyM8wtZkGxgBSDcRq+aPc/hvLZfxi8LZjgFpBqMMhwRnylYrInE0NnKgvDw5f/GeTFGcGRhy+MQQYiAxZkDjp77vZ/DDycfxhqopkZFu36y0CKwSCz8LocZpm4AAPDyw8wHvE01tSCrp0cg0FmEGU4umXE8kcNxxpSNA0WAAXETbeav2oDAAAAAElFTkSuQmCC) #1351f9 no-repeat 50%;
    background-size: 22px;
    border: 1px solid #1351f9
}

.radio-style>span {
    margin-right: 15px
}

.radio-style input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0)
}

.radio-style input[type=radio]+label {
    position: relative;
    font-size: 14px;
    letter-spacing: -.3px;
    color: #a5a5a5
}

.radio-style input[type=radio]+label:before {
    content: " ";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 7px;
    border-radius: 50%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAAXNSR0IArs4c6QAAAlFJREFUSA21lbFr20AUxqOT7CnQwWMgY+eOXZwp2VIaQjGuPXYNJRDwHxEIhNK1o13blJDSbslkL+lQ6JwxkDFDoJNtSfl+4qSeLm5rp6lAeu/d+953797dPQUrv3nSNA2Gw2E9juOXgmzIXguCoCZ5I3mtsVEYhp8bjcZYdjqPJpg32O12NxVwKJ+R/CR5Vq1WrzTRjQhrk8lkXWNbmuiVZCLZabfb59JLT4lcmYaz2exIiG1jTKfZbJ6U0HOMfr+/myQJiXyNouhAK4lzWEEO8XQ6PZUjrFQqrwW6zUF/k4p9otiPwsWK3cknMHmgzRjiF8sQEw+eOKn5yjPajJway9q2GRfLyhALfsiWeHgs34rRZmjPgkNqvGzG/rzEwwNfxjsYDDZ0Ct61Wq1nPvihdq/X+6FT9dao1jv2uD2U614cfNyPSEpd3r17CGdAp2Fdp+GDsM+13AvV9o1KcOVAfPVMA++p+RoXxPe6NsSyN4VdRVrbhZR0+ODlBta4eSWvZ5CxO+Tbrg8dPnjJPLvSPsC1hbn4k+360GkR8JL5te0VPqawqbGMc2F/Iq1d+H0FPngjOUZ6t/R+80G5bTcPzKIP2JGhbWoJdLdHe+CD1yirsVgTuttjsFueBF5qronSDm2T7vYvExAPD3zwFi1XV/ZYg0+1WXTFpZuXiGnZX0R6qVayT5JZV0Sh0UvEAJZdAXjiiLc8UP4iJ1tlTZ+5VL/5vugegANPHPHuqouyZFPZz3/5h7oTqP7Z3992zbrs0t9f9lglOOVUsHlubK7fAU6ATt5OOBbFAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 22px;
    border: none
}

.radio-style input[type=radio].radio-purple+label:before {
    border: 1px solid #d9d9d9;
    vertical-align: middle
}

.radio-style input[type=radio].radio-purple:focus+label:before {
    border: 1px solid #1351f9
}

.radio-style input[type=radio].radio-purple:checked+label:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAAXNSR0IArs4c6QAAAd1JREFUSA21lT1LA0EQhmc2F0Gw02iR3lYktklQtBMUQ36FoIVgK7aCRQR/glUIRLBTlJg6iK2VTQq/OkEwlxv33eSSy3HJniZuMzu7M8/u3u28yzSkiQjPF9ystlvElCOStBDPMskHETdJ6J6ZL18rTl1bicJw1OBCobXeFjnR4OWo+eCYBj8kmA9fKsmb4Dj6A/BiURK3butU73I/HGj3ubTmJA/KZW77sT04wHfud1Wfb9Of/K3VsKtVZ2rbX0D5AOx4HDA4yO+cvEM1O8c3dj3v2l9oXOsotYF/oHAr8PPGBQbzu5eBObXTynni1YKTk+grVnklLNuTgIUZqA+l/0I2PBH203NElSOHni+SxsK3Nl14+rZI2hZ4tutQfknRzDQbC9/eJK1Q0rbAzGKvHExo2I/KB1d1tCJquj/WeBqUjrDfj+z3wNWfRYuQpe2du1R79OjzS4yFb2/cdKBuOnBlVHDznahwHAcYoGiugmwGhibWBZdRoalCqxFHXuOuDBl+qyQz2LlAj+MmxokDD1yjih2h51KcRHsMl/yHw8CRAKGHHtuTh0cgHxw/ogeHwEPo9dX84wm4FHwosMBg6XWX/Jc31D8OLG6Ref2hmkbcQq8/U52Fq6Ne/x/t4ca316XBOgAAAABJRU5ErkJggg==) #1351f9 no-repeat 50%;
    background-size: 22px;
    border: 1px solid #1351f9
}

.radio-style input[type=radio].radio-pink+label:before {
    border: 1px solid #d9d9d9;
    vertical-align: middle
}

.radio-style input[type=radio].radio-pink:focus+label:before {
    border: 1px solid #f66ca7
}

.radio-style input[type=radio].radio-pink:checked+label:before {
    background: url(data:image/png;base64,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) #f66ca7 no-repeat 50%;
    background-size: 22px;
    border: 1px solid #f66ca7
}

.check-like input[type=checkbox]+label:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAAAg1JREFUWAntlk0oBGEYx3fkI19hi7Dl4CIicZCDxQ0nZ1FOcnBzkZuTk4PioMSFlIMbJ2lL+biQKIrDKpHI91eI8Xu2nW03+04zY7cc5qlf7+zz/P/P++6z28x4PG64E3An4E7gbxPQrNh1XW9F1wNeuIBZTdN2WX8F2maSveCDO5hHu8LqPGiaB4sgcQtb8ABfMAlZRneuvbAAEjcQgHOQmIN0Q2trxZgKq/AOw5AmDVjzYRzkMMfQCO1wAaIdgeywVuNavN8wbusAhhhjH0h0GbnolXwzBEE2kdiH2miNcU1+TAREtZGzvGIKwJ6ZgXouDEI/ZKi01GSKHzCq0ijzmC5hQimwWaDXNiyrbCmqAnn5I76b1O2WnjDkqUxmBznDVK4yOsiX4LlS+cwOsonJzzhTVWareXrIJCphx6onosPcBhIDkaTDC3oMhTrpep2jFpjlPvIE8m0cBd4aeIUlRw3EhLkUruAICuw2wuODYJhCu/4YPU0a4Bk2IDOmaPIBbSHIF7iHKhOp9RKNOuAT1iB0+zZzoymCA3iBFjOt7RoNe0CeL+uQo2pArQQOQaaY2EMYm9K4G2Qy8hSWV4KYIFcGJ/AI/phioj+wQSe8gfz+kRse1xVwCnfQmOh94/ZjoyaQ9xP5D8zAFMgU5PlUH9eUrCQbFsM0XIMcSl5+ipO1n9vXnYA7gX87gR8Rv/tf8b+UEAAAAABJRU5ErkJggg==) no-repeat 50%/24px 24px
}

.check-like input[type=checkbox]+label:checked+label:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAAAX5JREFUWAntlj9LA0EQxXNBLGwCASHoJ1CChYWk8F+plb0GrPw+FnaCjSIIWoqFvZ1+ABsLIUgEI6JYiJ6/haws6866t5cDix147Ny7eW8mw12SWi1F2kDaQNpAuQ1kIfI8z1ep64Im6IGDLMtuOH8FtcuQ22AaDMARteec8YFpA5wAOz4h9sCEdidvgmPgikPIcV1b6EQ4Bi5drgZ3S94Ba6Bn8K50t9AAuhinHZebg/tycBLV1v72WbcJ43rTyH1p0HM2NBA9fYPM+LpH3puTdL5Bfh5ESRzBNySNb5B7SVSC70ta3yBXkqgEfy1pfYOcSqIS/EWUlnfwr+8R6TV18WdRQygRblOg73ItyN1RPxk9yHCYBUxeCzY2y5+5mC01hBZjtA4+TPfA/I26Fe0zkhPDLlA/dqGhtjjaIfQnwXgLhGzmhbolravkpMEGeAdSDLjRqaS5bUqjRfDkmOQBbt6ur/Sahi2wDx6BGkr9+WlV2jSZpw2kDfzHDXwD7U7aXrin60IAAAAASUVORK5CYII=) no-repeat 50%/24px 24px
}

.dot-text {
    font-size: 14px;
    line-height: 24px;
    color: #7e7e7e
}

.dot-text>span {
    width: calc(100% - 10px)
}

.dot-text:before,.dot-text>span {
    display: inline-block;
    vertical-align: top
}

.dot-text:before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 100px;
    background-color: #717171;
    margin-top: 10px;
    margin-right: 6px
}

.dot-text02 {
    font-size: 14px;
    letter-spacing: -.2px;
    line-height: 1.71em;
    color: #666
}

.dot-text02>span {
    width: calc(100% - 12px)
}

.dot-text02:before,.dot-text02>span {
    display: inline-block;
    vertical-align: top
}

.dot-text02:before {
    content: "-";
    margin-right: 6px
}

.dot-text03 {
    font-size: 16px;
    letter-spacing: -.2px;
    line-height: 1.37;
    color: #666
}

.dot-text03>span {
    width: calc(100% - 10px)
}

.dot-text03:before,.dot-text03>span {
    display: inline-block;
    vertical-align: top
}

.dot-text03:before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 100px;
    background-color: #888;
    margin-top: 10px;
    margin-right: 6px
}

.dot-text04 {
    font-size: 14px;
    letter-spacing: -.2px;
    line-height: 1.57;
    color: #666;
    margin: 14px 0 0;
    text-align: left
}

.dot-text04>span {
    width: calc(100% - 10px)
}

.dot-text04:before,.dot-text04>span {
    display: inline-block;
    vertical-align: top
}

.dot-text04:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 100px;
    background-color: #ccc;
    margin-top: 10px;
    margin-right: 6px
}

.a11y-hidden {
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    position: absolute;
    width: 1px;
    height: 1px
}

.blind {
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999999px
}

.select-style,.select-style .select-button {
    position: relative;
    height: 48px
}

.select-style .select-button {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    width: 100%;
    box-sizing: border-box;
    padding: 0 44px 0 20px;
    border: 1px solid #717171;
    border-radius: 12px;
    font-size: 16px;
    color: #fff;
    text-align: left;
    line-height: 24px;
    z-index: 10
}

.select-style .select-button:after {
    position: absolute;
    top: 50%;
    right: 0;
    background-image: url(../img/element-icons-38-x-38-btn-list-arrow-down-38.917d3a92.svg);
    width: 38px;
    height: 38px;
    transform: translateY(-50%);
    content: ""
}

.select-style select {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

.select-style .select-list-scroll {
    position: absolute;
    top: 52px;
    right: 0;
    left: 0;
    display: none;
    padding: 10px 0;
    border: 1px solid #717171;
    border-radius: 12px;
    background-color: #1b1b1b;
    z-index: 20
}

.select-style .select-list-box {
    overflow: auto;
    background-color: #1b1b1b;
    z-index: 10
}

.select-style .select-list-box .list li:hover {
    background-color: hsla(0,0%,93.3%,.15)
}

.select-style .select-list-box .list .list-item-button {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 0 20px;
    font-size: 16px;
    color: #fff;
    text-align: left;
    white-space: nowrap;
    line-height: 24px
}

.select-style .select-list-box::-webkit-scrollbar,.select-style .select-list-box::-webkit-scrollbar-track {
    width: 4px
}

.select-style .select-list-box::-webkit-scrollbar-thumb {
    border-radius: 12px
}

.select-style.active .select-button:after {
    transform: rotate(180deg) translateY(50%)
}

.select-style.active .select-list-scroll {
    display: block
}

.basic-detail-button-style {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    padding: 0 40px;
    border-radius: 12px;
    background-color: #1351f9;
    font-size: 16px;
    color: #fff
}

.basic-detail-button-style:disabled {
    background-color: #2f2f2f
}

.badge {
    display: inline-block;
    height: 24px;
    padding: 0 8px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle
}

.badge.artwork {
    border-color: rgba(0,0,0,.8);
    background-color: rgba(0,0,0,.8);
    color: #3887ff
}

.badge.artwork.quick-vod {
    color: #dd0797
}

.badge.ui {
    border-color: #3887ff;
    background-color: #101010;
    color: #3887ff
}

.badge.ui.expire {
    border-color: #a5a5a5;
    color: #a5a5a5
}

.badge.ui.warning {
    border-color: #ffb256;
    color: #ffb256
}

.badge.ui.negative {
    border-color: #ff6060;
    color: #ff6060
}

.badge.ui.positive {
    border-color: #56d1a5;
    color: #56d1a5
}

.brand {
    display: inline-block;
    width: 44px;
    height: 44px;
    background-image: url();
    background-color: transparent;
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.brand.wavve {
    background-image: url(../img/element-icons-tag-ic-brand-wavve.3546d071.svg)
}

.brand.hbo {
    background-image: url(../img/element-icons-tag-ic-brand-hbo.edb5fcd1.svg)
}

.brand.hbomax {
    background-image: url(../img/element-icons-tag-ic-brand-hbo-max.33bbdf61.svg)
}

.brand.bbc {
    background-image: url(../img/element-icons-tag-ic-brand-bbc.28c9021b.svg)
}

.brand.original {
    background-image: url(../img/element-icons-100-x-32-ic-wavve-originals.2460172a.svg)
}

.brand.exclusive,.brand.original {
    width: 80px;
    height: 32px;
    margin: 8px 8px 0 0;
    background-size: 80px auto
}

.brand.exclusive {
    background-image: url(../img/element-icons-100-x-32-ic-wavve-exclusive.1afa524e.svg)
}

.brand.firstrun {
    width: 80px;
    height: 32px;
    margin: 8px 8px 0 0;
    background-image: url(../img/element-icons-100-x-32-ic-wavve-first.b6e37714.svg);
    background-size: 80px auto
}

.badge-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    font-size: 0
}

.badge-list .left-top-area {
    position: absolute;
    top: 8px;
    left: 8px
}

.badge-list .left-top-area li+li {
    margin-top: 4px
}

.badge-list .right-top-area {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right
}

.badge-list .center-bottom-area {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%)
}

.badge-list .center-bottom-area .badge.artwork {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    max-width: 200px;
    color: #fff
}

.badge-group {
    font-size: 0
}

.badge-group .badge+.badge {
    margin-left: 4px
}

.player-contents {
    position: relative;
    width: 1240px;
    margin: 0 auto
}

.player-bottom-contents {
    position: relative;
    margin-top: 40px;
    z-index: 20
}

.player-bottom-contents .player-nav {
    margin-bottom: 40px
}

.player-bottom-contents .player-nav~.player-component01 {
    margin-top: -20px
}

.player-bottom-contents.z-index-default {
    z-index: auto
}

.player-area {
    position: relative;
    width: 1240px
}

.player-area .poster-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.player-area .poster-box,.player-area .poster-box .poster-thumb {
    width: 1240px;
    height: 698px
}

.player-area .poster-box:before {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/detail_gra_bg.093ce6cc.png);
    background-size: 1240px auto;
    background-repeat: no-repeat;
    width: 1240px;
    height: 698px;
    z-index: 10;
    content: ""
}

.player-area .poster-box:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    background-color: #1b1b1b;
    content: ""
}

.player-area .poster-box.vertical-type {
    overflow: hidden
}

.player-area .poster-box.vertical-type .thumb-box {
    position: absolute;
    top: 120px;
    right: 80px;
    overflow: hidden;
    width: 240px;
    height: 360px;
    border-radius: 12px;
    z-index: 10
}

.player-area .poster-box.vertical-type .thumb-box .no-thumb {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    background-color: #252525;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    z-index: 10
}

.player-area .poster-box.vertical-type .thumb-box .no-thumb .alt-text {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 29px;
    white-space: inherit
}

.player-area .poster-box.vertical-type:after {
    background-color: rgba(27,27,27,.4);
    content: ""
}

.player-area .poster-box.vertical-type:after,.player-area .video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 1240px;
    height: 698px
}

.player-area .video-container.active {
    z-index: 20
}

.player-area .video-container:before {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/detail_gra_bg.093ce6cc.png);
    background-size: 1240px auto;
    background-repeat: no-repeat;
    width: 1240px;
    height: 698px;
    z-index: 10;
    content: ""
}

.volume-button {
    position: absolute;
    top: 598px;
    right: 20px;
    background-image: url(data:image/png;base64,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);
    background-size: 30px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    padding: 10px;
    box-sizing: content-box;
    cursor: pointer;
    z-index: 50
}

.volume-button.on {
    background-image: url(data:image/png;base64,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)
}

.video-detail-area {
    position: relative;
    padding-top: 350px;
    z-index: 40
}

.video-detail-area .logo-box {
    position: relative
}

.video-detail-area .logo {
    display: block;
    width: 100%;
    height: 120px;
    color:#fff;
}

.video-detail-area .logo img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.video-detail-area .logo:before {
    display: inline-block;
    width: 1px;
    height: 100%;
    margin-left: -1px;
    vertical-align: middle;
    content: ""
}

.video-detail-area {
    height: 700px;
    display: grid;
    align-items: end; /* 아래쪽 정렬 */
}
.video-detail-area .logo-box {
    position: absolute;
    top: 0px;
}
.video-detail-area .logo-box .logo {
    color:#fff;
    width: 1200px;
    font-size: 145px;
    line-height: 140px;
    display: grid;
    align-items: end; /* 아래쪽 정렬 */
    height: 550px;
}

.video-detail-area .title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    width: 520px;
    max-height: 116px;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    line-height: 58px
}

.video-detail-area .brand-badge {
    position: absolute;
    bottom: 100%;
    left: 0;
    height: 24px;
    box-sizing: content-box;
    padding-bottom: 12px
}

.video-detail-area .brand-badge img {
    vertical-align: top
}

.video-detail-area .metadata-list {
    overflow: hidden;
    margin-top: 12px
}

.video-detail-area .metadata-list .dot-item {
    float: left;
    font-size: 16px;
    color: #a5a5a5;
    line-height: 24px
}

.video-detail-area .metadata-list .dot-item:before {
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: 10px 4px 0;
    border-radius: 50%;
    background-color: #a5a5a5;
    vertical-align: top;
    content: ""
}

.video-detail-area .metadata-list .dot-item:first-of-type:before {
    display: none
}

.video-detail-area .metadata-list .tag-item {
    float: left;
    margin-left: 4px
}

.video-detail-area .metadata-list img {
    vertical-align: top
}

.video-detail-area .comment-list {
    margin-top: 24px;
    max-width: 780px;
    font-size: 16px;
    color: #fff;
    line-height: 24px
}

.video-detail-area .comment-list li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word
}

.video-detail-area .essential-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px
}

.video-detail-area .essential-box .select-box {
    position: relative;
    width: 240px
}

.video-detail-area .essential-box .play-button-box {
    width: 360px
}

.video-detail-area .essential-box .icon-box .icon-item {
    width: 56px
}

.video-detail-area .essential-box .icon-box .icon-item .icon-txt {
    line-height: 12px
}

.video-detail-area .essential-box .icon-box .icon-item .check-like.movie .a11y-hidden {
    position: static;
    width: auto;
    height: auto;
    clip: auto
}

.video-detail-area .essential-box .select-box+.play-button-box {
    margin-left: 8px
}

.video-detail-area .essential-box .play-button-box+.icon-box,.video-detail-area .essential-box .select-box+.icon-box {
    margin-left: 20px
}

.video-detail-area .essential-box:after {
    display: block;
    clear: both;
    content: ""
}

.video-detail-area .detail-info-box {
    width: 780px;
    margin-top: 24px
}

.video-detail-area .detail-info-box .sjt {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 24px
}

.video-detail-area .detail-info-box .time-bar {
    display: flex;
    flex-wrap: wrap;
    height: 24px;
    align-items: center
}

.video-detail-area .detail-info-box .time-bar .graph {
    flex: 1;
    position: relative;
    height: 4px;
    border-radius: 2px;
    background-color: hsla(0,0%,100%,.15)
}

.video-detail-area .detail-info-box .time-bar .graph .inner {
    display: block;
    height: 4px;
    border-radius: 2px;
    background-color: #1351f9
}

.video-detail-area .detail-info-box .time-bar .text {
    padding-left: 12px;
    font-size: 14px;
    color: #a5a5a5;
    line-height: 18px
}

.video-detail-area .detail-info-box .content-preview-box {
    font-size: 16px;
    color: #a5a5a5;
    line-height: 24px;
    word-break: break-all
}

.video-detail-area .detail-info-box .content-preview-box .comment {
    display: block;
    font-weight: 700;
    color: #fff
}

.video-detail-area .detail-info-box .content-preview-box .text {
    padding-right: 4px
}

.video-detail-area .detail-info-box .content-preview-box .more {
    display: inline-block;
    color: #fff;
    vertical-align: top
}

.video-detail-area .detail-info-box .content-actor-box {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word
}

.video-detail-area .detail-info-box .content-actor-box strong {
    margin-right: 12px;
    font-weight: 400
}

.video-detail-area .detail-info-box .content-preview-box+.content-actor-box,.video-detail-area .detail-info-box .sjt+.content-actor-box,.video-detail-area .detail-info-box .sjt+.content-preview-box,.video-detail-area .detail-info-box .sjt+.time-bar,.video-detail-area .detail-info-box .time-bar+.content-actor-box,.video-detail-area .detail-info-box .time-bar+.content-preview-box {
    margin-top: 8px
}

.content-actor-box {
    margin-top: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #a5a5a5
}

.content-actor-box strong {
    margin-right: 12px;
    font-weight: 400
}

.content-actor-list a {
    color: #a5a5a5
}

.content-actor-list a:hover {
    text-decoration: underline
}

.player-notice-box {
    margin-top: 40px;
    border-top: 1px solid #2f2f2f;
    border-bottom: 1px solid #2f2f2f
}

.player-notice-box .player-notice-content {
    padding-bottom: 20px;
    color: #a5a5a5
}

.player-notice-button {
    display: block;
    width: 100%;
    padding: 20px 0;
    color: #fff;
    text-align: left
}

.player-notice-button .inner {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.player-notice-button .badge-cell {
    flex: none
}

.player-notice-button .player-notice-icon {
    padding: 2px 7px;
    border: 1px solid #3887ff;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #3887ff
}

.player-notice-button .player-notice-title-text {
    flex: 0 1 auto;
    padding: 0 38px 0 12px;
    vertical-align: top;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background-position: 100% -7px;
    background-repeat: no-repeat
}

.player-notice-button .player-notice-title-text:after {
    display: inline-block;
    vertical-align: top;
    content: "";
    width: 4px;
    height: 4px;
    margin-left: 4px;
    background-color: #ff27a3;
    border-radius: 2px
}

.player-notice-button.player-notice-open .player-notice-title-text {
    background-image: url(../img/element-icons-38-x-38-btn-list-arrow-down-38.917d3a92.svg)
}

.player-notice-button.player-notice-close .player-notice-title-text {
    background-image: url(../img/element-icons-38-x-38-btn-list-arrow-up-38.5681df80.svg)
}

.player-notice-button:focus {
    outline: 0
}

.player-nav {
    position: relative;
    overflow: hidden;
    width: 1240px;
    margin: 0 auto 20px
}

.player-nav ul {
    width: 100%;
    border-bottom: 1px solid #2f2f2f;
    font-size: 0
}

.player-nav ul li {
    display: inline-block;
    vertical-align: middle
}

.player-nav ul li+li {
    margin-left: 20px
}

.player-nav ul li button {
    display: inline-block;
    padding: 0 10px;
    border-bottom: 4px solid transparent;
    font-size: 18px;
    color: #a5a5a5;
    line-height: 63px;
    text-align: center;
    cursor: pointer
}

.player-nav ul li button.on {
    border-bottom-color: #1351f9;
    color: #fff
}

.player-nav+div {
    position: relative;
}

.player-nav~.vod-related-list-box {
    margin-top: -40px
}

.player-nav~.series-list-box {
    margin-top: -20px;
    font-family: -apple-system,BlinkMacSystemFont,Microsoft YaHei,simsun,ヒラギノ角ゴ ProN,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif
}

.filter-box {
    text-align: right
}

.filter-box .button {
    height: 24px;
    font-size: 16px;
    color: #a5a5a5;
    line-height: 24px
}

.filter-box .button:before {
    background-image: url(../img/element-icons-20-x-20-ic-sort.c1d7aae1.svg);
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 2px 4px 0 0;
    vertical-align: top;
    content: ""
}

.episode-list {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin-bottom: -20px
}

.episode-list .vod-all-list-item {
    float: none;
    position: relative;
    border: 0;
    border-top: 1px solid #2f2f2f
}

.episode-list .vod-all-list-item .download {
    position: absolute;
    top: 67px;
    right: 0;
    z-index: 10
}

.episode-list .vod-all-list-item:first-of-type,.episode-list .vod-all-list-item:nth-of-type(2) {
    border-top: 0
}

.episode-list .vod-all-list-item:nth-of-type(odd) .download {
    right: 20px
}

.episode-list .vod-all-list-link {
    display: block;
    overflow: hidden
}

.episode-list .vod-all-list-link .vod-all-list-image {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.episode-list .vod-all-list-link .vod-all-list-subject {
    display: inline-block;
    vertical-align: middle;
    width: 360px;
    padding: 0 58px 0 20px
}

.episode-list .vod-all-list-link .vod-all-list-subject .title-box .cell-title:first-of-type .title1 {
    color: #fff
}

.episode-list .vod-all-list-link .vod-all-list-subject .wavve-lite-badge {
    display: block;
    margin-top: 8px
}

.episode-list .vod-all-list-link .vod-all-list-subject .wavve-lite-badge img {
    vertical-align: top
}

.episode-list .vod-all-list-link .vod-all-list-dsc-box {
    overflow: hidden;
    margin-top: 8px;
    font-size: 16px;
    color: #a5a5a5;
    line-height: 24px
}

.episode-list .vod-all-list-link .vod-all-list-dsc-box .dsc {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.episode-list .vod-all-list-link .vod-all-list-dsc-box .dsc br {
    display: none
}

.episode-list .vod-all-list-link .vod-all-list-dsc-box .actor {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    display: block
}

.detail-view-content-area {
    width: 1240px;
    margin: 0 auto;
    padding-bottom: 60px
}

.detail-view-content-area .preview-detail-box {
    padding-bottom: 20px
}

.detail-view-content-area .preview-detail-box+.detail-view-box {
    padding-top: 20px;
    border-top: 1px solid #2f2f2f
}

.detail-view-content-area .preview-title {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: 30px
}

.detail-view-content-area .preview-title+.preview-subtitle {
    margin-top: 20px
}

.detail-view-content-area .preview-subtitle {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 24px
}

.detail-view-content-area .preview-dsc {
    margin-top: 8px;
    font-size: 16px;
    color: #a5a5a5;
    line-height: 24px
}

.detail-view-content-area .content-actor-box {
    margin-top: 8px
}

.detail-view-content-area .content-actor-list {
    display: inline-block;
    vertical-align: top
}

.detail-view-content-area .detail-view-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
    color: #a5a5a5
}

.detail-view-content-area .detail-view-box .thumb-box {
    flex: none;
    position: relative;
    overflow: hidden;
    width: 185px;
    height: 278px;
    border-radius: 12px
}

.detail-view-content-area .detail-view-box .thumb-box .no-thumb {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    background-color: #252525;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    z-index: 10
}

.detail-view-content-area .detail-view-box .thumb-box .no-thumb .alt-text {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 29px;
    white-space: inherit
}

.detail-view-content-area .detail-view-box .detail-info-box {
    flex: 1;
    margin-left: 24px;
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 24px
}

.detail-view-content-area .detail-view-box .detail-info-box .detail-dsc {
    color: #a5a5a5
}

.detail-view-content-area .detail-view-box .detail-info-table {
    margin-top: 24px;
    width: 100%
}

.detail-view-content-area .detail-view-box .detail-info-table .img-box {
    display: inline-block;
    margin-left: 16px;
    vertical-align: top
}

.detail-view-content-area .detail-view-box .detail-info-table .img-box:first-of-type {
    margin-left: 0
}

.detail-view-content-area .detail-view-box .detail-info-table .img-box .text {
    display: block;
    margin-top: 2px;
    font-size: 14px;
    color: #a5a5a5;
    text-align: center;
    line-height: 18px
}

.detail-view-content-area .detail-view-box .detail-info-table tr:first-of-type td,.detail-view-content-area .detail-view-box .detail-info-table tr:first-of-type th {
    padding-top: 0
}

.detail-view-content-area .detail-view-box .detail-info-table td,.detail-view-content-area .detail-view-box .detail-info-table th {
    padding-top: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    vertical-align: top
}

.detail-view-content-area .detail-view-box .detail-info-table .genre {
    display: inline-block;
    color: #fff;
    vertical-align: top
}

.detail-view-content-area .detail-view-box .detail-info-table .genre:hover {
    text-decoration: underline
}

.detail-view-content-area .detail-view-box .detail-info-table img {
    vertical-align: top
}

.vod-related-list-box {
    width: 1240px;
    margin: 0 auto;
    padding-bottom: 80px
}

.vod-related-list-box .related-list {
    display: flex;
    flex-wrap: wrap
}

.vod-related-list-box .related-list .item {
    width: 406px;
    margin: 40px 0 0 11px
}

.vod-related-list-box .related-list .item:nth-of-type(3n - 2) {
    margin-left: 0
}

.vod-related-list-box .related-list .item .link {
    display: block
}

.vod-related-list-box .related-list .thumb-box {
    position: relative;
    overflow: hidden;
    height: 229px;
    background-color: #252525;
    border-radius: 12px
}

.vod-related-list-box .related-list .thumb-box .no-thumb {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    background-color: #252525;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    z-index: 10
}

.vod-related-list-box .related-list .thumb-box .no-thumb .alt-text {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 29px;
    white-space: inherit
}

.vod-related-list-box .related-list .sub-title {
    padding-right: 0
}

.vod-related-list-box .related-list .cell-title .title1 {
    color: #fff
}

.vod-related-list-box .related-list .cell-title .title2 {
    font-size: 16px
}

.vod-related-list-box .related-list .cell-title+.cell-title {
    margin-top: 4px
}

.series-list-box {
    width: 1240px;
    margin: 0 auto;
    padding-bottom: 80px
}

.series-list-box .series-list {
    display: flex;
    flex-wrap: wrap
}

.series-list-box .series-list .item {
    width: 600px;
    box-sizing: content-box;
    padding: 20px 0 20px 40px;
    border-top: 1px solid #2f2f2f
}

.series-list-box .series-list .item .link {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.series-list-box .series-list .item:nth-of-type(odd) {
    padding-left: 0
}

.series-list-box .series-list .item:first-of-type,.series-list-box .series-list .item:nth-of-type(2) {
    border-top: 0
}

.series-list-box .series-list .thumb-box {
    flex: none;
    position: relative;
    overflow: hidden;
    width: 185px;
    height: 278px;
    background-color: #252525;
    border-radius: 12px
}

.series-list-box .series-list .thumb-box .no-thumb {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    background-color: #252525;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    z-index: 10
}

.series-list-box .series-list .thumb-box .no-thumb .alt-text {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 29px;
    white-space: inherit
}

.series-list-box .series-list .thumb-box img {
    width: 100%
}

.series-list-box .series-list .detail-info-box {
    max-width: 395px;
    margin-left: 20px
}

.series-list-box .series-list .detail-info-box .subject {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 24px
}

.series-list-box .series-list .detail-info-box .meta-list {
    margin-top: 4px;
    font-size: 14px;
    color: #a5a5a5;
    line-height: 18px
}

.series-list-box .series-list .detail-info-box .meta-list .meta {
    display: inline-block;
    vertical-align: top
}

.series-list-box .series-list .detail-info-box .meta-list .meta:before {
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    margin: 8px 4px 0;
    background-color: #a5a5a5;
    vertical-align: top;
    content: ""
}

.series-list-box .series-list .detail-info-box .meta-list .meta:first-of-type:before {
    display: none
}

.series-list-box .series-list .detail-info-box .dsc {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    margin-top: 16px;
    font-size: 16px;
    color: #a5a5a5;
    line-height: 24px
}

.series-list-box .paging-type01 {
    margin-top: 40px;
    padding: 0
}

.detail-event {
    z-index: 10;
    position: relative;
    width: 1240px;
    overflow: hidden;
    margin: 40px auto 0;
    border-radius: 12px
}

.detail-event .banner-type {
    height: auto;
    width: auto;
    border-radius: 8px;
    color: #fff
}

.detail-event .banner-type a {
    display: block
}

.detail-event .banner-type .ico-event {
    margin: 0 0 10px;
    display: block
}

.detail-event .banner-type h2 {
    font-size: 32px;
    font-weight: 400
}

.detail-event .banner-type .event-text01 {
    font-size: 16px;
    line-height: 1.13;
    margin: 10px 0 18px
}

.detail-event .banner-type .event-text01 strong {
    display: inline-block;
    font-weight: 400;
    margin-right: 6px
}

.detail-event .banner-type .event-text01 p {
    display: inline-block
}

.detail-event .banner-type .event-text01 em {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    margin: 0 15px;
    border-radius: 50%;
    border: 1px solid #fff;
    text-indent: -9999px
}

.detail-event .banner-type .btn-white-line a {
    width: 117px;
    height: 44px;
    line-height: 44px;
    font-size: 16px
}

.detail-event .buy-box {
    position: relative;
    margin-bottom: 20px;
    padding: 20px 20px 20px 40px;
    border-radius: 8px;
    background-color: #252525
}

.detail-event .buy-box .left-text {
    float: left;
    max-width: 850px
}

.detail-event .buy-box .left-text .tag-top-detail {
    margin-bottom: 10px;
    font-size: 0
}

.detail-event .buy-box .left-text .tag-top i {
    display: inline-block;
    margin: 0;
    padding: 0 13px;
    font-size: 12px;
    line-height: 22px;
    color: #1351f9
}

.detail-event .buy-box .left-text p {
    font-size: 20px;
    line-height: 29px;
    color: #fff
}

.detail-event .buy-box .left-text p img {
    margin-left: 3px
}

.detail-event .buy-box .left-text span {
    display: block;
    margin-top: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #a5a5a5
}

.detail-event .buy-box .left-text .all {
    display: inline-block;
    margin-top: 4px;
    padding-right: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAYAAACQN/8FAAAAAXNSR0IArs4c6QAAAQ9JREFUKBVtkatOxFAQhtuT2ipU3b7HJpvUgNmazdKmqULgkUAIhpvF4cn2toIEs8hqBE+wBgyO4FjTC980OU037SQnM/3n6z9nWsMg0jQ95Vw1TWPK81goEQEO6rq+AX4uisIaAzuHOI4vAe5M09xYlrX0fX/Xf6EDRZQr4P5E+U6eR1H0q+E9UMQsyxZcI6Hc4n4UhuG36ANQxDzP3bIsXwF/cD7EedsuI81+BEFQKKXOgCbAL2Q1Cooj4x+BPoEW5HoAyh2rqnqj+cWZyliZtgfK1jit0T9wmulFBOyWSZLkguY9Lhvbto89z/sTQEcLAp0DPQCtHMc5cV231IDO7e8CkM9wzahb6kY3+/kf+HN8PGwG8L4AAAAASUVORK5CYII=) no-repeat 100%;
    color: #a5a5a5
}

.detail-event .buy-box .right-text {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
}

.detail-event .buy-box .right-text strong {
    display: inline-block;
    font-size: 20px;
    line-height: 29px;
    color: #a5a5a5;
    font-weight: 400;
    vertical-align: middle
}

.detail-event .buy-box .right-text strong.type03 {
    padding-right: 20px
}

.detail-event .buy-box .right-text strong.type03 em {
    width: 4px;
    height: 4px;
    border: 1px solid #888;
    border-radius: 50%;
    text-indent: -9999px;
    display: inline-block;
    vertical-align: middle
}

.detail-event .buy-box .right-text .btn-purple {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle
}

.detail-event .buy-box .right-text .btn-purple a {
    width: 119px;
    height: 46px;
    border: 1px solid #a5a5a5;
    background-color: transparent;
    font-size: 16px;
    line-height: 44px;
    color: #a5a5a5
}

.detail-event .buy-box .right-text p {
    font-size: 18px;
    color: #a5a5a5;
    display: inline-block;
    margin-right: 24px
}

.detail-event .buy-box .right-text p.type01 {
    color: #777;
    text-decoration: line-through;
    font-size: 20px;
    opacity: .7;
    vertical-align: middle
}

.detail-event .buy-box:after {
    content: "";
    display: table;
    clear: both
}

.detail-event h3.buy-text {
    margin-bottom: 10px;
    font-size: 24px;
    color: #fff;
    font-weight: 400
}

.detail-event .pop-movie01 .pop-contents {
    height: auto
}

.detail-event .pop-movie02 .pop-contents {
    height: 372px
}

.detail-event+.detail-event {
    padding-top: 10px
}

.detail-event+.gradation-purple {
    margin-top: 10px
}

.header {
    position: fixed;
    z-index: 1750;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1240px;
    background-color: #1b1b1b
}

.header .notice-area {
    position: relative;
    height: 100px;
    padding: 27px 0;
    background-color: #2f2f2f;
    font-size: 0
}

.header .notice-area p,.header .notice-area p+span {
    max-width: 60%
}

.header .notice-area p+span {
    margin-top: 4px
}

.header .notice-area p:focus,.header .notice-area span:focus {
    outline: 0
}

.header .notice-area p {
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.header .notice-area span {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #a5a5a5
}

.header .browser-link-list {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 0
}

.header .browser-link-list li {
    display: inline-block;
    vertical-align: middle
}

.header .browser-link-list li+li {
    margin-left: 20px
}

.header .browser-link-list a {
    display: inline-block;
    height: 36px;
    padding: 0 20px;
    border: 1px solid #a5a5a5;
    border-radius: 36px
}

.header .browser-link-list a:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 4px;
    background: url(../img/icon-12-12-ic-next-s-b.f01b5cf6.svg) no-repeat 50%/cover;
    vertical-align: middle
}

.header .browser-link-list a span {
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    vertical-align: middle
}

.header.hd-pooqzone h2:not([tabindex]) {
    display: inline-block;
    float: left;
    height: 34px;
    line-height: 34px;
    font-weight: 400;
    font-size: 12px;
    color: #a5a5a5
}

.header.tag-layer-open {
    z-index: 10000
}

.header.tag-layer-open .search-box {
    display: none
}

.header-nav {
    border-bottom: 1px solid #2f2f2f;
    height: 34px
}

.header-nav .wrap:after {
    content: "";
    display: table;
    clear: both
}

.header-nav ul.nav {
    float: right
}

.header-nav ul.nav>li {
    position: relative;
    float: left;
    padding-right: 2px
}

.header-nav ul.nav>li:after {
    position: absolute;
    top: 12px;
    right: 0;
    content: "";
    width: 1px;
    height: 10px;
    background-color: #2f2f2f
}

.header-nav ul.nav>li:last-child {
    padding-right: 0;
    background: none
}

.header-nav ul.nav>li:last-child:after {
    background-color: transparent
}

.header-nav ul.nav>li>a,.header-nav ul.nav>li>button {
    height: 34px;
    padding: 0 11px;
    font-size: 12px;
    line-height: 34px;
    color: #a5a5a5
}

.header-nav ul.nav>li:last-child>a {
    padding-right: 0
}

.header-nav ul.nav>li>.arrow {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAH1JREFUKBVjYBj6gBHmhe3btzv8//9/JZBv5eXldRckvnPnTsW/f/+eZGRkDPP09DwAEoNrAHG2bt2aAaTy+fn5zX7//v3/+/fvIMVTgYqngeRBAEUDSABo0xSgTUpA5l8g/dTb2xtkCG4AVMQEtOnMtm3brgLZzLhVDl0ZANeHNOWoHfwJAAAAAElFTkSuQmCC) no-repeat top 12px right 0;
    padding-right: 15px;
    margin-right: 6px
}

.header-nav ul.nav li.over-parent-1depth {
    position: relative
}

.header-nav .header-over-1depth.on,.header-nav ul.nav>li.over-parent-1depth:hover .header-over-1depth {
    visibility: visible;
    opacity: 1;
    z-index: 1200;
    transform: translateY(0);
    transition-delay: 0s,0s,.3s
}

.header-nav .header-over-1depth {
    position: absolute;
    top: 30px;
    right: -44px;
    width: 158px;
    background-color: #101010;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-.5em);
    z-index: 1100;
    transition: all .3s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s;
    font-size: 0
}

.header-nav .header-over-1depth .profile-image-area {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    margin: 16px auto 10px;
    overflow: hidden
}

.header-nav .header-over-1depth .profile-image-area>a {
    display: block
}

.header-nav .header-over-1depth .profile-image-area img {
    width: 86px;
    height: 86px
}

.header-nav .header-over-1depth span:not(.alarm-count) {
    display: block;
    width: 100%;
    min-width: 0;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    cursor: pointer
}

.header-nav .header-over-1depth span>a {
    display: block;
    color: #a5a5a5
}

.header-nav .header-over-1depth span:hover>a {
    color: #fff
}

.header-nav .header-over-1depth span>button {
    display: block;
    width: 100%;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    color: #a5a5a5
}

.header-nav .header-over-1depth span>a:hover,.header-nav .header-over-1depth span>button:hover {
    color: #fff
}

.header-nav .header-over-1depth span.name {
    display: -webkit-box;
    width: 136px;
    margin: 0 auto;
    max-height: 40px;
    height: auto;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
    cursor: text;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: normal
}

.header-nav .header-over-1depth span.name:hover {
    background: none
}

.header-nav .header-over-1depth .alarm-count {
    margin-left: 4px;
    color: #e938c6
}

.header-nav .header-over-1depth>a.change {
    display: inline-block;
    padding-right: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAHlJREFUKBVjYKA7mDdvnj0+S5nQJf/+/btm7ty5nujiMD6GBkZGRu////8vBNoUAlOETGNoSElJOcXMzOwMtGk1skIYG0MDSAKoGKc/WGA6YfScOXMqgU5KBjpNASaGTGNoAErGsLCw2CQmJr5AVoiTDbRBCKckXSQAzXshhmTYmiYAAAAASUVORK5CYII=) no-repeat 100%;
    font-size: 12px;
    line-height: 34px;
    color: #a5a5a5
}

.header-nav .header-over-2depth {
    display: none
}

.over-parent-1depth.ticket-util-menu .header-over-1depth {
    width: 87px;
    top: 34px;
    right: 0
}

.over-parent-1depth.ticket-util-menu .header-over-1depth .profile-menu-list {
    margin-top: 0
}

.over-parent-1depth.ticket-util-menu .header-over-1depth .profile-menu-list li+li {
    border-top: 1px solid #1b1b1b
}

.over-parent-1depth.ticket-util-menu .header-over-1depth .profile-menu-list a {
    font-size: 12px;
    color: #a5a5a5
}

.over-parent-1depth.ticket-util-menu .header-over-1depth .profile-menu-list a:active,.over-parent-1depth.ticket-util-menu .header-over-1depth .profile-menu-list a:hover {
    color: #fff
}

.profile-menu-list {
    margin-top: 20px
}

.profile-menu-list a,.profile-menu-list button {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    line-height: 34px;
    color: #a5a5a5;
    text-align: center
}

.profile-menu-list a:hover,.profile-menu-list button:hover {
    color: #fff
}

a+.profile-menu-list {
    margin-top: 10px
}

.header-gnb {
    position: relative;
    width: 1240px;
    height: 74px;
    margin: 0 auto;
    font-size: 0;
    z-index: 10
}

.header-gnb h1 {
    display: inline-block;
    height: 100%;
    margin-right: 78px;
    line-height: 74px;
    vertical-align: middle
}

.header-gnb h1 a {
    display: block;
    width: 100%;
    height: 100%
}

.header-gnb h1 img {
    display: inline-block
}

.header-gnb .gnb-left {
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.header-gnb .gnb-left>ul>li {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle
}

.header-gnb .gnb-left>ul>li:first-child {
    margin-left: 0
}

.header-gnb .gnb-left>ul>li>a,.header-gnb .gnb-left>ul>li>button {
    display: block;
    padding: 0 10px;
    font-size: 20px;
    line-height: 74px;
    color: #a5a5a5
}

.header-gnb .gnb-left>ul>li>span {
    cursor: pointer
}

.header-gnb .gnb-left>ul>li>span.on,.header-gnb .gnb-left>ul>li>span:hover,.header-gnb .gnb-left>ul li a.on,.header-gnb .gnb-left>ul li a:hover {
    color: #fff
}

.header-gnb.hd-pooqzone h1 img {
    width: 143px;
    height: 20px
}

.header-gnb:after {
    content: "";
    display: table;
    clear: both
}

.header-gnb .search-box {
    position: absolute;
    top: 18px;
    right: -9px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    transition: width .2s ease-out
}

.header-gnb .search-box .btn-search {
    position: absolute;
    top: 0;
    left: 0;
    padding: 9px;
    z-index: 10
}

.header-gnb .search-box .btn-search:before {
    background-image: url(../img/icon-search-22.704db5c8.svg);
    background-size: 22px auto;
    display: block;
    width: 22px;
    height: 22px;
    content: ""
}

.header-gnb .search-box .search-inpt {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 40px;
    padding: 0;
    opacity: 0;
    background-color: #000;
    border: 1px solid #232323;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    transition: width .2s ease-out,opacity .2s ease-out
}

.header-gnb .search-box .search-inpt::-moz-placeholder {
    color: #a5a5a5
}

.header-gnb .search-box .search-inpt::placeholder {
    color: #a5a5a5
}

.header-gnb .search-box .btn-del {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px;
    opacity: 0;
    transform: scale(0);
    transition: opacity .2s ease-out,transform .2s ease-out
}

.header-gnb .search-box .btn-del:before {
    background-image: url(../img/icon-search-del-24.9793303c.svg);
    background-size: 24px auto;
    display: block;
    width: 24px;
    height: 24px;
    content: ""
}

.header-gnb .search-box.active,.header-gnb .search-box.result {
    width: 360px;
    right: 0
}

.header-gnb .search-box.active .search-inpt,.header-gnb .search-box.result .search-inpt {
    width: 360px;
    padding: 0 40px;
    opacity: 1
}

.header-gnb .search-box.active .btn-search,.header-gnb .search-box.result .btn-search {
    cursor: default
}

.header-gnb .search-box.active .btn-del:active,.header-gnb .search-box.active .btn-del:focus,.header-gnb .search-box.active .search-inpt:active+.btn-del,.header-gnb .search-box.active .search-inpt:focus+.btn-del,.header-gnb .search-box.result .btn-del:active,.header-gnb .search-box.result .btn-del:focus,.header-gnb .search-box.result .search-inpt:active+.btn-del,.header-gnb .search-box.result .search-inpt:focus+.btn-del {
    transform: scale(1);
    opacity: 1;
    z-index: 5
}

.header-gnb .search-box.result,.header-gnb .search-box.result .search-inpt {
    transition: none
}

.footer {
    background-color: #1b1b1b;
    border-top: 1px solid #2f2f2f;
    min-width: 1240px;
    overflow: hidden
}

.footer-notice {
    border-bottom: 1px solid #2f2f2f
}

.footer-notice .swiper-container {
    height: 50px
}

.footer-notice .swiper-container li {
    float: left;
    vertical-align: middle
}

.footer-notice .footer-notice-link {
    font-size: 16px;
    color: #a5a5a5
}

.footer-notice .swiper-button-next,.footer-notice .swiper-button-prev {
    display: block
}

.footer-notice .swiper-button-next img,.footer-notice .swiper-button-prev img {
    vertical-align: top
}

.footer-notice .footer-arrow-left,.footer-notice .footer-arrow-right {
    position: absolute;
    top: 0;
    border-right: 1px solid #2f2f2f;
    border-left: 1px solid #2f2f2f;
    height: 50px
}

.footer-notice .footer-arrow-left:hover img,.footer-notice .footer-arrow-right:hover img {
    opacity: .3
}

.footer-notice .footer-arrow-left {
    right: 54px;
    border-right: 0
}

.footer-notice .footer-arrow-right {
    right: 0
}

.footer-notice-inner {
    width: 1240px;
    margin: 0 auto;
    position: relative;
    height: 50px;
    line-height: 50px;
    z-index: 1000
}

.footer-notice-hd {
    margin-right: 23px;
    float: left;
    vertical-align: middle
}

.footer-notice-hd a {
    display: block;
    font-size: 18px;
    color: #a5a5a5
}

.footer-menu {
    width: 1240px;
    margin: 0 auto;
    padding: 0 0 100px;
    position: relative;
    overflow: hidden;
    color: #717171
}

.footer-menu .footer-wavveon {
    position: absolute;
    right: 0;
    top: 20px;
    height: 40px;
    font-size: 0
}

.footer-menu .footer-wavveon select {
    display: inline-block;
    vertical-align: middle;
    width: 225px;
    height: 38px;
    padding-left: 13px;
    margin-right: 10px;
    line-height: 32px;
    color: #a5a5a5;
    border: 1px solid #252525;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADfSURBVDhPYxgFo4AKICMjowyIpaFcnCA3N1cGpBbKhQMmKA0H////vwTE59LT07WgQhgAJPfr16+zILVQIThghtJwcPbs2TsmJiZPgczFxsbGa4D8jxAZCEhLS5NjZGQ8AGQWz5w5cwNEFAEwDAQBoCFXgIb+BmqcCjR0OZD/DSQONEwESB1iYmLqBRo2DySGDhihNFYANKAJSHmzsLDYg/h///4FuWw70LBaEB8bwGsgCADDazowrDSBzH9AF98GGpYOkcEOMCIFHUhKSmYDqVdA/A7IzgQLjoIRDRgYAMM3S1P54/NdAAAAAElFTkSuQmCC) #252525 96% 50% no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.footer-info-area a {
    color: #717171
}

.footer-info-area a.on,.footer-info-area a:hover {
    color: #1351f9
}

.footer-info-link-all {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px
}

.footer-info-link-all ul:after {
    display: block;
    clear: both;
    content: ""
}

.footer-info-link-all li {
    float: left;
    margin-right: 24px
}

.footer-info-link-all a {
    display: block;
    padding: 10px 0
}

.footer-info-link-all .footer-privacy a {
    font-weight: 700;
    color: #a5a5a5
}

.footer-info-copyright {
    font-size: 12px;
    line-height: 20px
}

.footer-info-copyright .info-link {
    text-decoration: underline
}

.footer-info-copyright address,.footer-info-copyright span {
    display: inline-block;
    border-right: 1px solid #717171;
    padding-right: 6px;
    margin-right: 6px;
    line-height: 11px
}

.footer-info-copyright address {
    margin-left: 0;
    font-style: normal
}

.footer-info-copyright .last {
    border: 0
}

.footer-info-copyright .copyright {
    display: block;
    margin-top: 10px;
    border: 0
}

.wavveon-footer-logo {
    width: 94px;
    height: 38px;
    margin-right: 1px;
    font-size: 0;
    line-height: 38px;
    text-align: center;
    background-color: #252525
}

.footer-sns,.wavveon-footer-logo {
    display: inline-block;
    vertical-align: middle
}

.footer-sns a {
    display: inline-block;
    width: 34px;
    padding: 1px 1px
}

.footer-sns a+a {
    margin-left: 5px
}

.footer-sns img {
    display: block;
    max-width: 100%
}

.footer-company {
    background: #f8f8f8;
    text-align: center
}

body {
    opacity: 1;
    transition: opacity .7s ease-in
}

body.fade-out {
    opacity: 0
}

.body {
    width: 100%;
    z-index: 1;
    position: relative;
    min-height: 100%
}

.min-h-screen {
    min-height: calc(100vh - 303px)
}

#app {
    height: 100%
}

.wrap {
    width: 1240px;
    margin: 0 auto;
    position: relative
}

.skipNavigation {
    position: relative;
    z-index: 2147483647
}

.skipNavigation a,.skipNavigation button {
    position: fixed;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.skipNavigation button {
    opacity: 0
}

.skipNavigation a:active,.skipNavigation a:focus {
    width: 200px;
    height: 34px;
    background: #1351f9;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    line-height: 34px
}

.first-multi {
    margin-top: -50px
}

.category-list-item {
    position: relative
}

.category-list-item.on .category-list-layer {
    display: block
}

.category-list-layer {
    display: none;
    position: absolute;
    top: 74px;
    left: 10px;
    z-index: 1;
    min-width: 210px;
    padding: 20px;
    background-color: #101010
}

.category-list-layer a,.category-list-layer strong {
    font-family: NotoSans,sans-serif;
    font-size: 14px;
    line-height: 34px;
    color: #a5a5a5
}

.category-list-layer a {
    display: block
}

.category-list-wrap {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #2f2f2f
}

.category-list-wrap span {
    display: block
}

.category-list-wrap .cell-title .title1:hover,.category-list-wrap strong {
    color: #fff
}

.category-list-wrap .cell-title .title1 {
    font-family: NotoSans,sans-serif
}

.btn-all-category,.category-list-wrap .cell-title .title1,.category-list-wrap .no-data p {
    font-size: 14px;
    line-height: 34px;
    color: #a5a5a5
}

.btn-all-category {
    font-family: NotoSans,sans-serif
}

.btn-all-category:hover {
    color: #fff
}

.category-search {
    position: relative
}

.category-search:hover>button>span {
    color: #fff
}

.category-search:hover .category-search-layer {
    visibility: visible;
    opacity: 1;
    z-index: 1200;
    top: 36px
}

.category-search-layer {
    position: absolute;
    top: 30px;
    right: 0;
    padding-top: 19px;
    visibility: hidden;
    opacity: 0;
    z-index: 1100;
    transition: all .3s linear
}

.category-search-layer .inner-wrap {
    width: auto;
    min-width: 381px;
    margin: 0;
    padding: 20px;
    background-color: #101010
}

.category-search-layer .tab-area {
    font-size: 0
}

.category-search-layer .tab-area ul {
    display: inline-block;
    position: relative;
    font-size: 14px;
    vertical-align: top
}

.category-search-layer .tab-area ul+ul:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #2f2f2f
}

.category-search-layer .tabs {
    width: 100px
}

.category-search-layer .tabs a {
    display: inline-block;
    line-height: 34px;
    color: #a5a5a5;
    font-weight: 700
}

.category-search-layer .tabs li.on a {
    color: #fff
}

.category-search-layer .tab-contents {
    width: 240px
}

.category-search-layer .tab-contents>li {
    display: none
}

.category-search-layer .tab-contents>li.active {
    display: block
}

.category-search-layer .category-list {
    font-size: 0
}

.category-search-layer .category-list li {
    display: inline-block;
    width: 100px;
    margin-left: 20px;
    vertical-align: middle
}

.category-search-layer .category-list a {
    display: inline-block;
    line-height: 34px;
    color: #a5a5a5
}

.category-search-layer .category-list a:active,.category-search-layer .category-list a:hover,.category-search-layer .category-list li.on a {
    color: #fff
}

.background-color {
    width: auto;
    min-width: 1240px
}

.btn-float-box {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1200
}

.btn-float {
    position: absolute;
    bottom: 20px
}

.btn-float button {
    display: block;
    width: 60px;
    height: 60px
}

.btn-float.btn-voucher-float {
    bottom: 116px
}

.btn-kakao,.btn-top {
    right: 20px
}

.btn-kakao button,.btn-top button {
    background-position: 100% 100%;
    background-repeat: no-repeat
}

.btn-kakao button {
    background-image: url(data:image/png;base64,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)
}

.btn-top button {
    background-image: url(data:image/png;base64,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)
}

.button-top-enter-active,.button-top-leave-active {
    transition: opacity .3s
}

.button-top-enter,.button-top-leave-to {
    opacity: 0
}

.popup-back {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    z-index: 2000
}

.popup-back .popup {
    position: absolute;
    z-index: 2200;
    left: 50%;
    top: 50%;
    border-radius: 8px
}

.popup-back .popup .popup-title {
    height: auto;
    margin: 0;
    font-size: 0;
    line-height: normal;
    text-indent: -99999px
}

.popup-back .popup.main-notice-popup {
    width: 508px;
    height: 633px;
    margin: -316px 0 0 -254px;
    color: #fff
}

.popup-back .main-notice-popup .swiper-wrapper {
    margin-left: 44px
}

.popup-back .main-notice-popup .swiper-slide {
    width: 420px;
    height: 600px;
    overflow: hidden
}

.popup-back .main-notice-popup .swiper-slide .popup-component01-list {
    float: left
}

.popup-back .main-notice-popup .swiper-slide .popup-component01-list img {
    float: left;
    width: 420px;
    height: 600px;
    border-radius: 16px
}

.popup-back .main-notice-popup .swiper-button-next,.popup-back .main-notice-popup .swiper-button-prev {
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 278px
}

.popup-back .main-notice-popup .swiper-button-prev {
    left: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUVEODE0OTZDQjZFMTFFN0I3OTg4QUI3MUMyQUI0NTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUVEODE0OTdDQjZFMTFFN0I3OTg4QUI3MUMyQUI0NTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRUQ4MTQ5NENCNkUxMUU3Qjc5ODhBQjcxQzJBQjQ1MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRUQ4MTQ5NUNCNkUxMUU3Qjc5ODhBQjcxQzJBQjQ1MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pja+NVEAAAH+SURBVHja7No9KEVhHMdx11sMDFIYkJJJBomQ6BISkZJSSillkDIogwwGpQxKyaCUDFJK3pKU100yyUqxIK955/j985O74jzn+HOe+pTpnL6u89z7fy6fZVlBf2EFB/2R5YV4IV7I7wxJgC2Y1xySDOuQB9FaQ9JgA1JhG2o0hmTwlUhkTDGcaQvJgVWIgyUohytb7yAfUQwrgmvrfU1DuIn7mI6ogDtGjEOIqXuZjKiDR0YMg8/kL83UhZvgmRH9Dvz5Gglpg1dGdDsRYSKkiwES0u5UhN0hfYx4gWYnI+wKkYd4iBHycNc7HWFHiGynY4yQbbbSjYifhoTBFCNuwO9WxE9CImGBEeeQ62aECP3Gp5oomIVCOIFS2HV7sPpqSAwsQjYcQQnsa5wQ5dWI5c/npHLUPYAC2IP0gPlC5cx+zOdjhxPfJic+lYcPp+DnAUISJ750racol9yxliEe1iBL63HQLVTBDHe0FT5Dzi+b3pBCYYJvkLdQpvFD44dgGGHMA9RqDfkwwBiZEBs1h4iegAGrVXOI6LA+V6fmENHCiVFWr+YQ0QBPjBk0dSzk1K5SDfeMGeUOpzJElHCSlDXJCVNliMiHC8bMQYTWEJEJJwGH2rZc141vrHY4BhxCil0X9bn4nw8yZvvgSXuI9/W0F+KFeCH/OORNgAEA2WZFoQe8G90AAAAASUVORK5CYII=)
}

.popup-back .main-notice-popup .swiper-button-next {
    right: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTVDRjI2RDVDQjZFMTFFNzlGNUZFNzI3OUI2RjU1NTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTVDRjI2RDZDQjZFMTFFNzlGNUZFNzI3OUI2RjU1NTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNUNGMjZEM0NCNkUxMUU3OUY1RkU3Mjc5QjZGNTU1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNUNGMjZENENCNkUxMUU3OUY1RkU3Mjc5QjZGNTU1NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqzPaOwAAAH6SURBVHja7NlLKERhFAfwucOIBQsRElKSxSRJCYmGvCJSUkoppSykLJSFLCyUslBKFkrJQkoplFd5bqRZ2rOw8RiMxmu4/ifnYqXozueecU/9tt/0b/q+OeeMpuu6IxzK6QiTsoPYQewg6oKswAGkSA8SB8WwCxmSgzTBEWTBHmRLDXIJFRwijb+ZXKmX/RZqYA2SYBsKlSShFiUEomBRfy8/lIfocz6E8vAImOUw91AnNQjRYJLDPEGL1CCGUQ4ThA7JQcggh3mFHslBSC8HoRqQHIR0wguHGZEchLTy5aea4EdBZBBSz88y1Qw/1yKDEA/ccZgFcEkNQorAx2FWIeY352gW2aLkwTokwg40gP8nB2gWWgflwCakwiHUwpXEUdfHqBIgVuLMbswvbjiGUjiRFoQmyn2eKL1QBmfStihunijTeXHhgQtp66ACfqGSYQOq4EbaXovuwBbEwxI/twErjrrfqYYA/wDOQaTEprEZHjnEFDgldr/tPCFSjUkdrLq/DFRDUkfdfv2z+qQuH4Y5AE2EXRLXQdSMjnOIZ2iTuKCjl2iaQzxAo4p7aPaBNOHNcwia/CpVvYpmHhYNyxziGkpU/kaZeZixtD6HfNUdg5m9ViacchvuVd28mTnquqh1g+BfdKFWmtntv6ftIHYQO8g/CvImwAA+BkyVG4ucCgAAAABJRU5ErkJggg==)
}

.popup-back .main-notice-popup .popup-button-close {
    right: 0!important
}

.popup-back .main-notice-popup .swiper-button-close:hover,.popup-back .main-notice-popup .swiper-button-next:hover,.popup-back .main-notice-popup .swiper-button-prev:hover {
    opacity: .4
}

.popup-back .main-notice-popup .swiper-pagination {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center
}

.popup-back .main-notice-popup .swiper-pagination .swiper-pagination-bullet {
    background: #000;
    opacity: .3
}

.popup-back .main-notice-popup .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1
}

.popup-back .main-notice-popup .swiper-pagination span {
    margin: 0 2px
}

.popup-back .main-notice-popup .popup-checkbox {
    width: 420px;
    margin: 10px auto 0;
    position: relative
}

.popup-back .main-notice-popup .popup-checkbox label {
    color: #a5a5a5;
    font-size: 16px
}

.popup-back .main-notice-popup .popup-checkbox .check-blue-dark+label:before {
    background: transparent;
    border: 1px solid #a5a5a5
}

.p-back-07 {
    background: rgba(0,0,0,.7)
}

.modal-mask .modal-wrapper .popup-title {
    height: auto;
    margin: 0;
    font-size: 0;
    line-height: normal;
    text-indent: -99999px
}

.popup-close {
    display: block;
    position: absolute;
    top: -8px;
    right: -36px;
    width: 30px;
    height: 30px;
    background-image: url(../img/btn-popup-close.1b1a67e7.svg);
    background-size: 30px auto;
    background-repeat: no-repeat
}

.popup h2 {
    margin: 0 0 28px;
    font-size: 24px;
    color: #fff;
    font-weight: 400
}

.movie-tutorial-popup {
    width: 480px;
    margin: -313px 0 0 -240px;
    text-align: center;
    color: #fff;
    background-color: #1b1b1b;
    border-radius: 8px
}

.movie-tutorial-wrap {
    padding: 40px 0
}

.movie-tutorial-hd {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px
}

.movie-tutorial-hd span {
    display: inline-block
}

.movie-tip {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 24px;
    color: #a5a5a5
}

.movie-tip span {
    display: block
}

.movie-tip strong {
    font-weight: 400;
    color: #3787ff
}

.movie-tutorial-img {
    width: 345px
}

.movie-tutorial-list {
    width: 322px;
    margin: 0 auto
}

.movie-tutorial-list li {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
    text-align: left
}

.movie-tutorial-list li:last-child {
    margin-bottom: 0
}

.movie-tutorial-list img {
    margin-right: 10px
}

.movie-tutorial-list span {
    font-size: 14px;
    line-height: 20px
}

.movie-tutorial-exclamation {
    padding: 20px 40px;
    background-color: #101010;
    border-radius: 0 0 8px 8px
}

.movie-tutorial-exclamation li {
    position: relative;
    padding-left: 6px;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    color: #5e5e5e
}

.movie-tutorial-exclamation li:before {
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 1px;
    background-color: #5e5e5e
}

.popup-button-close {
    position: absolute;
    top: 0;
    right: -38px;
    z-index: 1300
}

.popup-button-close:hover {
    opacity: .4
}

.all-category-list-layer {
    width: 820px;
    height: 548px;
    transform: translate(-50%,-50%);
    padding: 72px 70px 0;
    background-color: #252525
}

.all-category-list-layer .cell-title .title1:hover {
    color: #fff
}

.all-category-list-layer .all-category-list-wrap {
    height: 100%
}

.all-category-list-layer .all-category-list-wrap h2 {
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    font-weight: 400
}

.all-category-list-layer .all-category-list-wrap>div {
    position: relative;
    margin-top: 24px;
    padding-top: 40px;
    height: 100%
}

.all-category-list-layer .all-category-list {
    height: calc(100% - 60px);
    overflow-y: auto;
    font-size: 0
}

.all-category-list-layer .all-category-list a,.all-category-list-layer .all-category-list li {
    display: inline-block;
    font-size: 14px;
    line-height: 40px;
    color: #a5a5a5
}

.all-category-list-layer .all-category-list li {
    width: 100%
}

.all-category-list-layer .all-category-list a {
    position: relative
}

.all-category-list-layer .all-category-list>li {
    width: 100%;
    vertical-align: top
}

.all-category-list-layer .all-category-list.column-2>li {
    width: 50%
}

.all-category-list-layer .all-category-list.column-3>li {
    width: 33.3333%
}

.all-category-list-layer .all-category-list.column-4>li {
    width: 25%
}

.all-category-list-layer .all-category-list.column-5>li {
    width: 20%
}

.all-category-list-layer .category-title {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 140px;
    background-color: #252525;
    font-size: 16px;
    color: #fff
}

.all-category-list-layer .genre-list .emphasis a:after {
    content: "Wavve recommend";
    display: block;
    position: absolute;
    top: 50%;
    right: -8px;
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    border: 1px solid #ff27a3;
    border-radius: 50%;
    background-color: #ff27a3;
    font-size: 0
}

.pop-common-share {
    width: auto;
    height: auto;
    margin: -160px 0 0 -210px;
    background: #252525;
    padding: 40px;
    position: relative;
    text-align: center
}

.pop-common-share ul.sns-share {
    width: 216px;
    margin: 0 auto;
    overflow: hidden
}

.pop-common-share ul.sns-share li {
    width: 80px;
    float: left;
    margin: 0 14px
}

.pop-common-share ul.sns-share li .sns-img {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    line-height: 76px
}

.pop-common-share ul.sns-share li .sns-img>img {
    width: 100%;
    height: 100%
}

.pop-common-share ul.sns-share li strong {
    font-size: 16px;
    color: #a5a5a5;
    margin: 11px 0 0;
    display: block;
    font-weight: 400
}

.pop-common-share ul.share-link {
    overflow: hidden;
    width: 100%;
    margin: 36px 0 0
}

.pop-common-share ul.share-link li {
    float: left
}

.pop-common-share ul.share-link li input[type=text] {
    width: 255px;
    padding: 9px 14px;
    font-size: 14px;
    color: #a5a5a5;
    border: none;
    background-color: #2f2f2f
}

.pop-common-share ul.share-link li button {
    width: 79px;
    height: 37px;
    margin-left: 6px;
    font-weight: 700;
    font-size: 14px;
    line-height: 37px;
    border-radius: 28px;
    color: #fff;
    background-color: #1351f9
}

.pop-common-down {
    position: relative;
    width: 520px;
    height: auto;
    padding: 40px 60px;
    margin-top: -121px;
    margin-left: -260px;
    text-align: center;
    color: #666;
    background: #252525
}

.pop-common-down h1 {
    font-size: 24px;
    color: #fff;
    margin: 0 0 26px
}

.pop-common-down ul.pop-down {
    display: inline-block;
    margin: 0 0 38px;
    overflow: hidden
}

.pop-common-down ul.pop-down li {
    float: left;
    margin-right: 48px;
    font-size: 16px;
    text-transform: uppercase
}

.pop-common-down ul.pop-down li:last-child {
    margin-right: 0
}

.pop-common-down ul.pop-down .radio-style input[type=radio]+label {
    color: #a5a5a5
}

.pop-common-down ul.pop-down:after {
    display: block;
    clear: both;
    content: ""
}

.pop-common-down .btn-purple a {
    padding: 0 50px;
    height: 46px;
    font-size: 16px;
    line-height: 46px;
    margin: 0 auto;
    display: inline-block
}

.pop-common-down p {
    font-size: 16px;
    line-height: 1.63;
    margin: 0 0 36px;
    color: #a5a5a5
}

.pop-common-down>.file-down {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAAXNSR0IArs4c6QAAAZtJREFUSA3tVD1Iw0AU/u6aFix2cHC04OCoOLZFO4hdBBehOjmJf6OIcdRJ06KLi7S4OAkKLk66OFk6iAg6KoK4SRHEorShz1doIDmS1DgpNHC8u+993/uS944AnedfdyBp0EEyR/mgH6EFFAwSoRJQAxlU8Bt+xyRQ13zblc7TQMqgea+Ko3vUyzcu5ZW3cF8Tk5BoEIrJbdqyBFYcMShuVlEG4dDCvKLwSlg4G+wTsCQFVjnO8KpIDcsNE5cs7mE8c7Uuri2+W2xrskkkz3M44uJZJj9xfBaEfgjESCJT1sWNW2E71takSc4eU+TlEWdskOHiNW7RhwxhvKSLW3sxr71jJpMFiqbyNKyST6ZFLaZhig3uOVcJaxhzM0jvUl9zqXrHb+X1DXP8ljsLBeouLoq6nXyxJqp8HrJj6r5WR6GFTdhzDhNOdPGK3FXRxB0mdpHXnmcVdcs5THhAfGMBqkNPGPTpJvDDWBvn/IPKcZiECKcmMMst2+D1o0uhFHyXErqCuRfimYRbLVP5vufSCr6E4KZ1nj/fgW94EXgxP9fOyQAAAABJRU5ErkJggg==) no-repeat right 5px;
    text-decoration: underline;
    color: #3887ff;
    font-size: 20px;
    padding-right: 25px;
    margin-top: -14px
}

.pop-common-adult h1 {
    font-size: 24px;
    color: #fff;
    margin: 0 0 26px
}

.pop-common-adult .btn-purple a {
    padding: 0 50px;
    height: 46px;
    font-size: 16px;
    line-height: 46px;
    margin: 0 auto;
    display: inline-block
}

.tooltip {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.85);
    z-index: 2000
}

.tooltip .tt-wrap {
    width: 1440px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -720px;
    height: 900px
}

.tooltip .tt-wrap .tt-close {
    position: absolute;
    top: 60px;
    right: 80px
}

.tooltip .tt-wrap .btn-start {
    position: absolute;
    left: 641px;
    bottom: 310px;
    z-index: 10;
    text-indent: -9999px;
    width: 159px;
    height: 46px;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    cursor: pointer
}

.tooltip-like {
    position: fixed;
    top: 88px;
    right: 50%;
    z-index: 2000;
    margin-right: -645px
}

.tooltip-like .tt-like-text {
    padding: 14px 21px;
    border-radius: 50px;
    background-color: rgba(0,0,0,.85);
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    color: #fff
}

.tooltip-like .tt-like-tra {
    position: absolute;
    bottom: -14px;
    right: 55px;
    width: 0;
    height: 0;
    border-top: 7px solid rgba(0,0,0,.85);
    border-bottom: 7px solid transparent;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    text-indent: -9999px
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: -1000
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s,top .2s
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
    touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    z-index: 50;
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .3;
    cursor: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination .swiper-pagination-bullet {
    background: #e8e8e8
}

.swiper-pagination .swiper-pagination-bullet-active {
    background: #1351f9;
    opacity: 1
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
    cursor: pointer
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    opacity: 1;
    background: #007aff;
    cursor: pointer
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.common-page {
    position: relative;
    min-width: 1240px;
    max-width: 100%;
    min-height: 800px;
    height: 100vh;
    margin: 0 auto;
    padding: 50px 0;
    overflow: hidden;
    background-color: #fff
}

.common-page.dark-theme {
    background-color: #1b1b1b
}

.common-page h1 {
    margin: 0;
    font-size: 0
}

.common-page h2 {
    margin: 0 0 12px;
    font-size: 36px;
    text-align: center;
    color: #fff;
    font-weight: 400
}

.common-page h3 {
    font-size: 20px;
    color: #a5a5a5;
    font-weight: 400
}

.common-page .tAc {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.common-page .user-wrap01 {
    width: 1240px;
    margin: 60px auto 0;
    text-align: center;
    overflow: hidden
}

.common-page .user-wrap01 .user-style {
    display: inline-block;
    width: 160px;
    margin-right: 65px
}

.common-page .user-wrap01 .user-style:last-child {
    margin-right: 0
}

.common-page .user-wrap01 .user-style a {
    display: block
}

.common-page .user-wrap01 .user-style a+a {
    margin-top: 16px
}

.common-page .user-wrap01 .user-style a:last-child {
    padding: 5px 0
}

.common-page .user-wrap01 .user-style .user-img {
    width: 160px;
    height: 160px;
    overflow: hidden;
    border-radius: 50%
}

.common-page .user-wrap01 .user-style .user-img img {
    width: 100%;
    min-height: 100%
}

.common-page .user-wrap01 .user-style .user-none {
    width: 160px;
    height: 160px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAhCAYAAABZTbwAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3M0U4RjAwMzVEQ0ZFNzExQUYxNjgzRTJGQjczOTJGOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQzUyRTI5QkQwMjkxMUU3QTgzQjlFRjAzMTE5NzA5OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQzUyRTI5QUQwMjkxMUU3QTgzQjlFRjAzMTE5NzA5OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjczRThGMDAzNURDRkU3MTFBRjE2ODNFMkZCNzM5MkY5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjczRThGMDAzNURDRkU3MTFBRjE2ODNFMkZCNzM5MkY5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PLpsjAAABFBJREFUeNrsmltIFFEYx9tNXUvNVDKyLLuTL120qOiGFQVRRhA9FBrRawVFL0FFPSRY+dZDREESRBQFmqGERjfL2sguRmimpWjeKtduGrr9D3wLw8c5Z2bH9RLOB7+HPfPtf+b858w535ldl9/vH+XEwIfLMdox2jHaCcdox2jHaMfo/8boDLAZLAdJIAJ8Ac/AbVAAzE6yAmSCVSAZjAZtwAvugFvgrwWNrWAlmArCSeMFKAI3QbeJxkKwDawGM0ijFbwljULQacslYbRNJoMr4K9fHyUgVaGRAC6BPyYaj8AShUY8uGhBoxwsUGhEgdOg00SjEmyw45ddk1PAO7/1aAJpTGMSeB6ERgdY00+NZolGNCgMQkPc0O2DYXQkKJVcQB+ophvQIzku2mNJww2uKzpRAR6AFsnxz2Su0Bit0BDn9oKHCo1GMMXQnzyFofXgDeiSHPuueTpCZvROyYnFiFgGEmk6mA8uS/IOk8Z6ybFikE6PsQdMA7mgl+XlksY6urn8OhaCGIPGccmNzyONVMmU8xZsAUkgDswGJ0E3y7sx0EYXsBOWUadkuVdZ7itqv8DavWSwTOMsy60D4eA8a38Cxio0clhuAwgDRySjfapC4yDL/a3JDYnRn9kJMzW5S9iIbKfH9inT2KnREKPSZ8j9CebS1GCMLI2GMOSXIVeMzlmSqSdHoxFLN8gYm6z65rZRqIxnn99rcltYOSTKtgQwjuXVazS6QDvTGC+5jjqNRieVnIFw0/djWV6VRuMX+Mja4q2a5g5BLa6rkSeCaMPnHtAMvrK8RRqNJMKo0QQ6WF66icYkw+deMr6V5aXq9hygT9I2aEarThYGjlHRH4hq6lwFyz3AzDSO3qPAw0ZuA3jCcg/SJkN2HadApKGtFjRKNPaCeTb6OiAbFh+bp2ZQ+xhapZPBSlAkqSyyKTdNsorXgN1gHpgJ1koWXhH7SGO+pGIQJdkeMAdMp5q5RKJxyDD/t0lKyGyqNhKoggn0/V4Q60K/F0Mfq50zwAnwmOrOJkVdWkw1eEAnV5EnbsA3xbEyVlmcUuR10QZHFhXMvP2KPB/V/i+oeloF7g+V0YEqwCzKacvONz75QezIvFQpGDUiaAtvNaqoYjEr//yKjVDPUBqtC7EzO8NGkJEwqk8/mWicM+wqOWKHeICmDVV8o7p7gqZfu+hGBBOWjbbz9s4HYiTtH2iR+k1VwUtwF9RY0BQVwQawGKTQAtZCGoWkbRaJYCNpTDO8easEpeC1BY1ouo6lYBb1M44WyDGS/GyQP1iL4Vewg+ZOMbpc/XgjOIq+7x4GGoGnxUPvNSr6M6JDUd6J0ukaFfS9Ft49W6nL+4aBRqDe7qanIgv8sCsUCqOLR8iPJLUmO8cBN7p7hBjtovVn0IyOlOzeRorRHrt9D7NxwvsgiuZBN83NIyH8VAW5af53sRdVzq/gzt8NHKOdcIx2jHZCF/8EGAB5gdcJBzLK7AAAAABJRU5ErkJggg==) no-repeat 50% #e0e1e5;
    border-radius: 50%;
    text-indent: -999999px
}

.common-page .user-wrap01 .user-style .profile-list-name {
    margin: 21px 0 0;
    font-size: 16px
}

.common-page .user-wrap01 .user-style .profile-change-name,.common-page .user-wrap01 .user-style .profile-list-name {
    display: inline-block;
    max-width: 130px;
    color: #a5a5a5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal
}

.common-page .user-wrap01 .user-style .profile-change-name {
    padding: 2px 28px 0 0;
    font-size: 18px;
    line-height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAc9JREFUOBHl1M9KAkEcB/D9a8omXbp47NKl6GIRREXSG3jYdKHIqAfoEEGHHqBXiCAKFCRQo0S8eKmbdegSeqpOXgQPrsriun1/4sputLZqnRqYGXec32dnZn8Mw/xRYcdxk8kkr+v6LoygYRivgUDgPBQKtcgcGc5kMv56vX4HYx1VRZVQn0RRXJFlWePwMHTpoXmPx7PKcVwM2BTLsgeAgtiBQuDQMKGqquaALWqaxvl8vkOC0N8Ax4kYM/QsUOO2mCiCl7AyWZKkZbzkGP1zs9m8xTjL8/wjea5hK4rtb0Wj0RTiU+l0miHc6/UutFqty0gkkifY1VE4oBTPNBqNKo6FabfbD+j3u4NofoQHofF4/AjbPwOawPluIBt0Ex6Ybm5QgAlBELatKOGO8DioIzwu+i38GyjBto9XKBQEpM495aklpWgeY34opzPtTrI0tjyuVCoxoGtAd3p52p06LEpBthV3Op1NrOgN6LX58lFQirWtGOg8xl7oj2w2O1Gr1U6wg1O326c4s/TTrVgsiqVSia6/d0BV9HNAJ/H7Cnm69zVPTcCp76+4XC7PYpIIyA+Q8AvUnKIoOafgQeN9GDfUB26s6XA4TKv9h+UTgFQ208JGvJwAAAAASUVORK5CYII=) no-repeat 100%
}

.common-page .user-wrap01+.profile-wrap01 {
    margin-top: 50px
}

.common-page .profile-wrap01 {
    width: 960px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.common-page .profile-wrap01 .profile-style {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 10px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.common-page .profile-wrap01 .profile-style.selected {
    border: 4px solid #1351f9;
    border-radius: 50%
}

.common-page .profile-wrap01 .profile-style.selected img {
    width: 92px;
    height: 92px
}

.common-page .profile-wrap01 .profile-style a {
    display: block
}

.common-page .profile-wrap01 .profile-style img {
    width: 100px;
    height: 100px;
    z-index: 50
}

.common-page .profile-wrap01 .profile-style span {
    position: absolute;
    z-index: -1
}

.common-page .profile-wrap01 .profile-style:last-child {
    margin-right: 0
}

.common-page .profile-wrap01 .profile-style .profile-none {
    width: 60px;
    height: 60px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAhCAYAAABZTbwAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3M0U4RjAwMzVEQ0ZFNzExQUYxNjgzRTJGQjczOTJGOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQzUyRTI5QkQwMjkxMUU3QTgzQjlFRjAzMTE5NzA5OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQzUyRTI5QUQwMjkxMUU3QTgzQjlFRjAzMTE5NzA5OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjczRThGMDAzNURDRkU3MTFBRjE2ODNFMkZCNzM5MkY5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjczRThGMDAzNURDRkU3MTFBRjE2ODNFMkZCNzM5MkY5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PLpsjAAABFBJREFUeNrsmltIFFEYx9tNXUvNVDKyLLuTL120qOiGFQVRRhA9FBrRawVFL0FFPSRY+dZDREESRBQFmqGERjfL2sguRmimpWjeKtduGrr9D3wLw8c5Z2bH9RLOB7+HPfPtf+b858w535ldl9/vH+XEwIfLMdox2jHaCcdox2jHaMfo/8boDLAZLAdJIAJ8Ac/AbVAAzE6yAmSCVSAZjAZtwAvugFvgrwWNrWAlmArCSeMFKAI3QbeJxkKwDawGM0ijFbwljULQacslYbRNJoMr4K9fHyUgVaGRAC6BPyYaj8AShUY8uGhBoxwsUGhEgdOg00SjEmyw45ddk1PAO7/1aAJpTGMSeB6ERgdY00+NZolGNCgMQkPc0O2DYXQkKJVcQB+ophvQIzku2mNJww2uKzpRAR6AFsnxz2Su0Bit0BDn9oKHCo1GMMXQnzyFofXgDeiSHPuueTpCZvROyYnFiFgGEmk6mA8uS/IOk8Z6ybFikE6PsQdMA7mgl+XlksY6urn8OhaCGIPGccmNzyONVMmU8xZsAUkgDswGJ0E3y7sx0EYXsBOWUadkuVdZ7itqv8DavWSwTOMsy60D4eA8a38Cxio0clhuAwgDRySjfapC4yDL/a3JDYnRn9kJMzW5S9iIbKfH9inT2KnREKPSZ8j9CebS1GCMLI2GMOSXIVeMzlmSqSdHoxFLN8gYm6z65rZRqIxnn99rcltYOSTKtgQwjuXVazS6QDvTGC+5jjqNRieVnIFw0/djWV6VRuMX+Mja4q2a5g5BLa6rkSeCaMPnHtAMvrK8RRqNJMKo0QQ6WF66icYkw+deMr6V5aXq9hygT9I2aEarThYGjlHRH4hq6lwFyz3AzDSO3qPAw0ZuA3jCcg/SJkN2HadApKGtFjRKNPaCeTb6OiAbFh+bp2ZQ+xhapZPBSlAkqSyyKTdNsorXgN1gHpgJ1koWXhH7SGO+pGIQJdkeMAdMp5q5RKJxyDD/t0lKyGyqNhKoggn0/V4Q60K/F0Mfq50zwAnwmOrOJkVdWkw1eEAnV5EnbsA3xbEyVlmcUuR10QZHFhXMvP2KPB/V/i+oeloF7g+V0YEqwCzKacvONz75QezIvFQpGDUiaAtvNaqoYjEr//yKjVDPUBqtC7EzO8NGkJEwqk8/mWicM+wqOWKHeICmDVV8o7p7gqZfu+hGBBOWjbbz9s4HYiTtH2iR+k1VwUtwF9RY0BQVwQawGKTQAtZCGoWkbRaJYCNpTDO8easEpeC1BY1ouo6lYBb1M44WyDGS/GyQP1iL4Vewg+ZOMbpc/XgjOIq+7x4GGoGnxUPvNSr6M6JDUd6J0ukaFfS9Ft49W6nL+4aBRqDe7qanIgv8sCsUCqOLR8iPJLUmO8cBN7p7hBjtovVn0IyOlOzeRorRHrt9D7NxwvsgiuZBN83NIyH8VAW5af53sRdVzq/gzt8NHKOdcIx2jHZCF/8EGAB5gdcJBzLK7AAAAABJRU5ErkJggg==) no-repeat 50% #e0e1e5;
    background-size: contain;
    text-indent: -999999px
}

.common-page .profile-wrap01 .profile-style .check-on {
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    border: 4px solid #1351f9;
    border-radius: 50%;
    text-indent: -999999px
}

.common-page .profile-wrap02 {
    margin: 0 auto;
    padding: 10px 0;
    color: #a5a5a5
}

.common-page .profile-wrap02 input[type=text].input-style01 {
    width: 393px;
    height: 54px;
    font-size: 18px;
    color: #a5a5a5;
    margin-left: 20px;
    padding: 0 20px;
    background: #252525;
    border: none;
    vertical-align: middle
}

.common-page .profile-wrap02 input[type=text].input-style01:focus {
    background: #252525
}

.common-page .profile-wrap02.marT40 {
    margin-top: 40px
}

.common-page .common-btn-wrap {
    overflow: hidden;
    width: 100%;
    margin-top: 60px
}

.common-page .common-btn-wrap .btn-gray-line,.common-page .common-btn-wrap .btn-purple {
    display: inline-block
}

.common-page .common-btn-wrap .btn-gray-line a,.common-page .common-btn-wrap .btn-purple a {
    width: 236px;
    height: 52px;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    border: none
}

.common-page .common-btn-wrap .btn-gray-line a {
    background-color: #5e5e5e
}

.common-page .common-btn-wrap .btn-purple a {
    background-color: #1351f9
}

.common-page .common-btn-wrap div:first-child {
    margin-right: 8px
}

.common-page .img-edit {
    display: inline-block;
    margin: 24px auto 0;
    padding: 10px 18px 10px 0;
    font-size: 16px;
    color: #a5a5a5;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAQlJREFUOBFjYKA1WL58eerSpUuriLWHCZfCf//+iQLlWpctW9aPSw2yOCMyB50NMuT///8FjIyME6KiogrR5ZH5eA0CKYQZBmT2R0dHFyFrRmbj9BpMEcglIBcB+YXAMGuGiaPTBF0E0wB02VQgO5OFhcUoLCzsAkwcRhN0EUwh0IByYHh9+PPnTwZMDJkm2iCgK74AvXgbqFkW2QAYm2iDtm3bxgfUpAvEV2GakWmiDfrw4cMMoNeAPmRZjGwAjM0CY+CjgQHdBTQkEui1QqAXL2NTSzDWoIaUMjExTYmMjMzFZghIDK9BxBqC1yBg4isHKugg5BKQISCAL7A/AcOkHp93IEYMVhIAwIhZ9DIKJl8AAAAASUVORK5CYII=) no-repeat top 14px right
}

.common-page .txt-dotted {
    margin: 0 auto;
    font-size: 14px;
    color: #5e5e5e;
    line-height: 1.57;
    padding-left: 11px;
    text-indent: -11px;
    width: 469px;
    text-align: left
}

.common-page .txt-dotted span {
    width: 3px;
    height: 3px;
    background: #5e5e5e;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -1px;
    text-indent: -9999px;
    vertical-align: middle
}

.common-page .error-page {
    text-align: center;
    margin: 192px auto 0;
    width: 1240px;
    color: #a5a5a5
}

.common-page .browser-error {
    text-align: center;
    margin: 40px auto 0;
    width: 1240px;
    color: #a5a5a5
}

.common-page .browser-error .txt-dotted {
    width: auto;
    text-align: center;
    line-height: 1.57;
    margin: 0 0 4px
}

.common-page .browser-list {
    margin: 40px auto 60px;
    width: 732px;
    overflow: hidden
}

.common-page .browser-list li {
    margin: 0 48px;
    width: 148px;
    float: left
}

.common-page .browser-list li p {
    color: #666;
    font-size: 18px;
    margin: 16px 0 20px;
    font-weight: 700
}

.common-page .browser-list li .btn-purple a {
    width: 79px;
    height: 34px;
    line-height: 34px;
    font-size: 14px
}

.common-page .error-txt01 {
    font-size: 36px;
    line-height: .94;
    font-weight: 700;
    margin: 46px 0 0;
    color: #fff
}

.common-page .error-txt02 {
    font-size: 16px;
    line-height: 1.5;
    margin: 32px 0 60px;
    color: #a5a5a5
}

.common-page .error-txt02 span {
    display: block;
    margin: 18px 0 0
}

.common-page .btn-purple a {
    width: 177px;
    height: 46px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 46px
}

.common-page .password-page {
    margin: 20px auto 0;
    width: 1240px;
    text-align: center;
    color: #a5a5a5
}

.common-page .password-page .pw-txt01 {
    font-size: 36px;
    line-height: .94;
    font-weight: 700;
    margin: 0 0 32px
}

.common-page .password-page .pw-txt02 {
    font-size: 16px;
    line-height: 1.5;
    color: #1351f9;
    margin: 0 0 12px
}

.common-page .password-page .pw-txt03 {
    font-size: 14px;
    line-height: 1.57;
    margin: 0 0 40px
}

.common-page .password-page input[type=password].input-style02 {
    display: block;
    margin: 0 auto;
    width: 438px;
    height: 52px;
    font-size: 16px;
    letter-spacing: -.3px;
    line-height: 54px
}

.common-page .password-page .btn-purple a {
    width: 480px;
    height: 60px;
    margin: 40px auto 28px;
    line-height: 60px
}

.common-page .password-page .txt-type02 {
    color: #1351f9;
    background: url(data:image/png;base64,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) no-repeat
}

.common-page .password-page .txt-type02,.common-page .password-page .txt-type03 {
    width: 434px;
    text-align: left;
    padding: 0 23px;
    margin: 14px auto 20px;
    font-size: 14px;
    line-height: 1.57
}

.common-page .password-page .txt-type03 {
    color: #f73d3c;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAW1JREFUOBHNVDtOw0AQfWMgTUq4AAUQmjSkoeECtChIEfScgIbGDQ0noA+KRETLBWhokoaGX8EFSEkTwMPM7K69NpZQUIqMZM969s3b3Zm3BhbVqG5jnHKC60EXnPUA6ghmVZ4JwCNQMsBhb0gpZdXcX2TcHq5jOr2RRJLEC2TJHZaX3vH1vYYk25MFTmUBRqNxQA/dt5iwROaJ7oXoEs3tcxp3PmOwjnlntIKPxzMhPBHC3Sqh4fVo3Loac6ufWuCPl+IMryXxlg+sRno02VGYDF6SXsI494YTvNbWW0GmxZYa1R0NzBshIXjDaU2tSS5akGnXtNizmOGt25YVkUn7tWuzmMOrbMxisom1P8zEnug1/szHKhfTn4tEZCJI1VGN0dPRZk0YDi953goyVbYI0nQUZr3nrf5tJeT0pgLWPG8FmVwRU7YJMkw7T8/H++WIfDnhsl6tMDfXG1Ai0xXmdjfDdv/71wj5i+d/AEudrdvpOu94AAAAAElFTkSuQmCC) no-repeat
}

.common-page .txt-type01 {
    font-size: 16px;
    line-height: 28px;
    color: #a5a5a5;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAYAAAAPFIbmAAAAAXNSR0IArs4c6QAAAPpJREFUKBVjYCACMILU7N+/n+XFixeJPDw8S319fb+h62MCCTx//lzg////fZ8/f966efNmLqyKoqKi3gAlPIHYBJtCsHUwncuWLbMBsrcD8RleXl5vmNVg62CKgCYeAbJhJq4DOgEsj6IIpBiq0B+owH3FihURIDEMRVCF+xgZGQ/8+/cvGKcikATQpC9AhWCfYjUJaI0yUJ0LEO8GacBQtGrVKiGgNRuAcveEhYVnghSxgAgYACn48+fPHiBfAmiVrbu7+1eQHNwkJAWyQHFnoC9vgBSAAFjRtm3b2KEmwBRcgkhDSLCi9+/fg3zxHIhBJqAoQFZMORsAPwhlECxlMqgAAAAASUVORK5CYII=) no-repeat top 6px right;
    padding-right: 15px;
    margin: 0 auto;
    display: inline-block
}

.common-page .adult {
    background-color: #1b1b1b
}

.common-page .adult .btn-purple a {
    padding: 0 50px;
    width: auto;
    display: inline-block
}

.common-page ul.adult-confirm {
    overflow: hidden;
    width: 480px;
    margin: 0 auto
}

.common-page ul.adult-confirm li {
    float: left;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    text-align: center;
    position: relative;
    width: 234px;
    padding: 32px 0
}

.common-page ul.adult-confirm li:last-child {
    float: right
}

.common-page ul.adult-confirm li a {
    display: block
}

.common-page ul.adult-confirm li strong {
    margin: 13px 0 0;
    font-size: 16px;
    color: #a5a5a5;
    display: block;
    font-weight: 400
}

.dim {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.7);
    width: 100%;
    height: 100%
}

.air-time {
    background-color: rgba(0,0,0,.5);
    color: #fff;
    font-size: 11px;
    width: 37px;
    height: 15px;
    text-align: center;
    line-height: 15px
}

.more-arrow-purple {
    font-size: 13px;
    color: #a5a5a5;
    position: absolute;
    right: 0
}

.more-arrow-purple>img {
    width: 11px;
    vertical-align: middle;
    margin-top: -2px
}

.more-normal {
    width: 36px
}

.list-empty-text {
    font-size: 22px;
    color: #a5a5a5;
    line-height: 1.55;
    margin: 12px 0 0
}

input::-webkit-input-placeholder {
    color: #d9d9d9
}

input:-moz-placeholder {
    color: #d9d9d9
}

input:-ms-input-placeholder {
    color: #d9d9d9!important
}

label {
    margin: 0;
    padding: 0;
    vertical-align: middle
}

button,label {
    cursor: pointer
}

button {
    border: 0
}

button,input,textarea {
    margin: 0;
    background: transparent
}

input[type=tel],input[type=text],pre,textarea {
    font-weight: 400
}

input[type=password],input[type=tel],input[type=text],textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    padding: 0 20px;
    margin: 0;
    color: #a5a5a5
}

input[type=password]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder {
    color: #888
}

input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus {
    border: 1px solid #1351f9;
    outline: none
}

input.dark-theme[type=password]:focus,input.dark-theme[type=tel]:focus,input.dark-theme[type=text]:focus,textarea.dark-theme:focus {
    border: 1px solid #1351f9
}

::-ms-clear,::-ms-reveal {
    display: none
}

::-ms-expand {
    display: none
}

.check-style input[type=checkbox] {
    position: absolute;
    clip: rect(0,0,0,0)
}

.check-style input[type=checkbox]+label {
    position: relative;
    letter-spacing: -.2px
}

.check-style input[type=checkbox]+label:before {
    content: " ";
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-right: 8px
}

.check-style input[type=checkbox].check-green+label:before {
    background: #fff;
    border: 1px solid #d9d9d9;
    vertical-align: middle
}

.check-style input[type=checkbox].check-green:focus+label:before {
    border: 1px solid #0fe85c
}

.check-style input[type=checkbox].check-green:checked+label:before {
    background-size: 22px;
    border: 1px solid #0fe85c
}

.join-sns-box .check-style-dark input[type=checkbox]+label {
    color: #a5a5a5
}

.check-style02 input[type=checkbox] {
    position: absolute;
    clip: rect(0,0,0,0)
}

.check-style02 input[type=checkbox]+label {
    position: relative
}

.check-style02 input[type=checkbox]+label:before {
    content: " ";
    display: inline-block;
    width: 36px;
    height: 36px
}

.check-style02 input[type=checkbox].check-like+label:before,.check-style02 input[type=checkbox].check-like:checked+label:before,.check-style02 input[type=checkbox].check-notice+:checked+label:before,.check-style02 input[type=checkbox].check-notice+label:before {
    background-size: 36px
}

.check-style02 input[type=checkbox].check-time+label:before,.check-style02 input[type=checkbox].check-time:checked+label:before {
    background-size: 22px
}

.my-pop-setting-list .radio-style input[type=radio].radio-purple+label:before,.pop-down .radio-style input[type=radio].radio-purple+label:before {
    border: none
}

.switch-btn {
    position: relative;
    display: inline-block;
    width: 88px;
    height: 55px;
    border-radius: 50px;
    cursor: pointer
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    background: #eceeef;
    border-radius: inherit;
    transition: .15s ease-out
}

.switch-handle {
    position: absolute;
    top: 6px;
    left: 4px;
    width: 43px;
    height: 43px;
    background: #fff;
    border-radius: 50%;
    transition: left .15s ease-out
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.switch-input:checked~.switch-label {
    background: #7d45de
}

.switch-input:checked~.switch-handle {
    height: 40px
}

.gradation-blue {
    background: linear-gradient(90deg,#5654e1,#8d4fe3 32%,#2ac5fe);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5654e1",endColorstr="#2ac5fe",gradientType=1)
}

.gradation-red {
    background: linear-gradient(-45deg,#aa0bca,#e82493 48%,#e82493 0,#f95b4d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aa0bca",endColorstr="#f95b4d",gradientType=1)
}

.back-purple,.back-purple-dark,.gradation-purple {
    background-color: #1351f9
}

.back-blue {
    background: #1da8ee
}

.back-red {
    background: #f73d3c
}

.back-green {
    background: #00b3b4
}

.back-ccc {
    background: #ccc
}

.btn-purple,.btn-purple>a {
    text-align: center
}

.btn-purple>a {
    display: block;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    font-size: 18px;
    color: #fff
}

.btn-purple-dark>a,.btn-purple>a {
    background: #1351f9
}

.btn-gray,.btn-gray>a {
    text-align: center
}

.btn-gray>a {
    display: block;
    background: #666;
    border-radius: 30px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #fff
}

.btn-gray-line,.btn-gray-line>a {
    text-align: center
}

.btn-gray-line>a {
    display: block;
    border: 1px solid #a5a5a5;
    border-radius: 30px;
    height: 58px;
    line-height: 60px;
    font-size: 18px;
    color: #a5a5a5
}

.btn-purple-line {
    text-align: center
}

.btn-purple-line>a {
    display: block;
    border: 1px solid #1351f9;
    border-radius: 30px;
    height: 58px;
    line-height: 60px;
    font-size: 18px;
    color: #1351f9;
    text-align: center
}

.btn-white-line {
    text-align: center
}

.btn-white-line>a {
    display: block;
    border: 1px solid #fff;
    border-radius: 30px;
    height: 58px;
    line-height: 60px;
    font-size: 18px;
    color: #fff;
    text-align: center
}

.btn-pink,.btn-pink>a {
    text-align: center
}

.btn-pink>a {
    display: block;
    background: #f66ca7;
    border-radius: 30px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #fff;
    letter-spacing: -.3px
}

.thumb-movie .thumb-top-left {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 800
}

.thumb-movie .thumb-top-left img {
    display: block;
    margin: 0 0 4px
}

.thumb-movie .thumb-top-right {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 800
}

.thumb-movie .thumb-bottom-left {
    position: absolute;
    bottom: 4px;
    left: 4px;
    z-index: 800
}

.thumb-movie .thumb-bottom-left img {
    display: inline-block
}

.multi-theme-movie .swiper-slide .component-list {
    width: 185px;
    margin-right: 12px;
    text-align: center;
    float: left
}

.arrow-back-left,.arrow-back-right {
    width: 60px;
    height: 270px;
    position: absolute;
    bottom: 0;
    z-index: 10
}

.arrow-back-left {
    left: 0
}

.arrow-back-right {
    right: 0
}

.loading-progress {
    width: 60px;
    margin: 110px auto 0;
    text-align: center
}

.loading-progress .loading {
    width: 60px;
    height: 60px;
    background: url(../img/loading.a7f7163c.png) no-repeat 0 0;
    animation: box 1s steps(12) infinite
}

.loading-progress .loading-schedule {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZjAyOWU4NS1lZjNiLTQwODItODQwYS05MjA2ZTJmZDA0MzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODQxQUZCNkFCNDRGMTFFQUExM0JDREE5RjdBNjAwOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODQxQUZCNjlCNDRGMTFFQUExM0JDREE5RjdBNjAwOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0REQ0NTEwM0JGRkExMUU5ODZFNUYzRDdBQUYzOTFGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0REQ0NTEwNEJGRkExMUU5ODZFNUYzRDdBQUYzOTFGMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrpUV40AAATTSURBVHja5JtbiFVVGMe/M47OpdEZNStNtPGhlOzBkrxg6lgPCllYXkClHkqLFAkj8kFDfUl0LFDQUushL0GSQRLqQxdFm0lUAnsYFFJGTRnzNo2QqTP9P/d/w/aw1zr7nNmn2WvPBz/P4Fp77f3f6/Z9a62dGftRhxTJqsE4MBo8CWrBo6AGVDHPbdCDv9vAB+Af0A5if7CGZSKlMZc5GMwBr4AxFGOznvwtA4tAG1gmRbSSmMqZCPaCs6AejI8gNswWSJGtszU8GawGz4kjVqjggWAdmBfz82xLouBZYCsHpc6YPzBpt7oLNoEVSRLcC6wHi/O4pgX8DBpBE/gDXAY3KfgOyAReQGKadG/wLXg+Qt5rYCfYRaG5ppeOpPXhAWAfeCZHvkscoT/j9OLkoKX9dD942pJHm+VG8GGShUYRrH12Tw6xTRypT7gyLdkcj0/AFEv6XnpTzoi1Cdap5x3LdZ+DGaBVHLOwJq0O/hbLNV/QBewQBy2shjcyogmz78BCV8WGCa5jUw0zdRpeo1ckaRG82jL1zAY3xHEryQrxJhjybQDHJQUWFPy+xYNaKSkxX/BDYKohjwYMf6dN8FzDFHUVfCopMl/wq4b07S74x/kK9lcXw2ynpMxUsGnBTQP1Y2kUbIqGfnTZo7IJfsqQ1igpNBVca0g7lVbBg7qbYFNk1JJWwVWGtNa0Cu5WVmLxpHqnVfB1Q9rDaRX8pyHt8bQKPtPdBP9uSBvruK4e/M0EuBcDm5ZupjCTi/60H9vrs7cH/u7QN/CLhK9E6ibaaAfFas2Wi7dV1JP4tX3vH12JbDBcPM9BwTqdVoIKCi8jpUHH4xvDxfMtnliSY4MaCn+A4suzPS3dvL4TUkB/8LZDgoeAR0A/UhOo8X+DgjVQOGAo5D1Haln76hiOPQ8GBFdz8G3P9qXXGgrSN7bKAcE6qzwm3pLzALZOn2thwcMhcNhQ2BIwKsFih4IXs0RqDfcV71jjDVO0tNIyr+1KaEBRwW7Xl024D5txH9JkCw9/EO+0TpgNBzuksCOFxRyVl4MnWBnVWaJ1m+hCrnh4iSWCekm8nYhMAsRmKPYF1nIlB1dftDoe+6MsAJwHb1lu9KZ4J/G6sqb13mvoJ1SGoLX9tYRs75pWPDTzZssN32DT74o+rbX4pXib82V0KioCVLJrNua7xPOueMcGTTYdHBX7saa4TWeKI+BlCi0PCPbdySaxbADaBKtnMhOctOTRgexX8U7gVRW5Vuv5gkeyf/YKEX1OvFP1twsRrHaFg8JvOUIxnRZOg6UxC69imad5j1I+c2mIaF3IeN0y4EYS7Ludk8BPOfKpR6ab583inQQaV+BonmFY+jHLWs+ys/P4orUf66bfDFZQpEA5l+ka9TTefFGOvOoALCYtfFH+8eEz/L+2QA2qGziM3UNXWeroHkadhzez9m/lszIQxW5RxEGJfkBcH3wOidtaOUXuztdTydf0BiPoanaVfcUWsTvfCwvdebjI1ZA6S8BRDDvCqGgun0H+L8G+6TytX7RMBt9LcY7xt7NsvceECINnbH3YZgeJrjjoiT39UOvZTrifdznn7qHX1xzX24v7y7RmOgj1cv+neHrKoJYrEcFP8do4b/7FEfwkp5gGKdIxx/8EGAD279mlNYjJEgAAAABJRU5ErkJggg==) no-repeat 0 0;
    animation: schedule 1s linear infinite
}

@keyframes box {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -720px 0
    }
}

@keyframes schedule {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.list-view {
    width: 100%;
    min-width: 1240px;
    height: 100%;
    min-height: 550px;
    overflow: hidden;
    z-index: 10;
    margin: 0 auto;
    background-color: #1b1b1b
}

.list-sub-menu {
    position: relative;
    width: 1240px;
    margin: 76px auto 20px
}

.list-sub-menu .title h1 {
    display: inline-block;
    font-size: 24px;
    line-height: 40px;
    color: #fff
}

.list-sub-menu .title h1 strong {
    font-weight: 400
}

.live.player-wrap .filter-wrap {
    margin-bottom: 20px
}

.player-wrap .filter-wrap {
    position: static;
    top: auto;
    right: auto;
    text-align: right
}

.filter-wrap {
    position: absolute;
    top: 0;
    right: 0
}

.filter-wrap .filter-item {
    display: inline-block;
    font-size: 0
}

.filter-wrap .filter-item+.filter-item {
    margin-left: 10px
}

.filter-wrap .filter-item>span {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.filter-wrap .filter-item>span+span {
    margin-left: 10px
}

.filter-item select {
    width: 210px;
    padding: 8px 60px 8px 20px;
    border: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAdVJREFUWAntUj1Lw1AUNWmgFAsqWRwcBSdnwU1Bi6hDAoa2i6OLOCrorKCjOLnp0I9gkkml6qiCW8E/4RLUQdpK2ngu+iCUlCR+YIcbeH3v3XPPvafnvoEB/tgBdoAdYAfYAXaAHWAH/tABKW5t0zSH2u22kU6nbV3X3bi8YJ5t22qr1dJTqZRpGMZrEOt1lnsB3XES1+l0jhuNxp1lWWPdeNSdOMSlGlQrKl/gsQXiX1sg1bEmms3mLRwdF0WidsolDnGx6hB5FsUReOwRE8FxnGG4cO77/rQkSU+KosxjVI+iWNgOcZOe512BMwrOfSaTWdQ07SUsNyyWSCAVqNVqg67rOmg4h+uzLMsLhULhIax4uVyegluXwEYg7lpVVS2Xy72F5faKxR6xKEAN4NwSGjrUGEJvqtXqjMDFXiqVZgmjHMolTlJxVCuxQCJhrO9ouILGpxCRxQgvIGiZMProjDg9hSzlUC5xPtFkv4lHHCwPAVKlUjnEGNchxMNaJRzxEywF4z/K5/MbiPtBXpLzjwSKRnhruxC5jXvnKwZt8h7e5o7I+e7+KwKpOca6Cdf26QzHtorF4gGd++qDyDVafSWKxbAD7AA7wA6wA+wAO/CvDnwAuQW7n/HzK20AAAAASUVORK5CYII=) #252525 100% 50% no-repeat;
    font-size: 16px;
    color: #a5a5a5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.list-view-detail {
    position: relative;
    width: 1240px;
    overflow: hidden;
    margin: 0 auto
}

.list-view-detail .landscape {
    margin-bottom: 40px
}

.list-view-detail .landscape a {
    display: block
}

.list-view-detail .portrait {
    margin: 0 10px 40px 0
}

.list-view-detail .thumb:nth-child(5n) {
    margin-right: 0
}

.list-view-detail .thumb .thumb-image {
    border: 0
}

.list-view-detail .inner-box {
    float: left;
    margin: 0 10px 40px 0
}

.list-view-detail .inner-box .landscape,.list-view-detail .inner-box .portrait {
    margin: 0
}

.list-view-detail .inner-box:last-child,.list-view-detail .inner-box:nth-child(5n) {
    margin-right: 0
}

.list-view-detail .landscape.playnow .thumb-image:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: transparent url(../img/element-icons-60-x-60-ic-now-play.c245daa8.svg) 50% no-repeat
}

.swiper.landscape-cell .landscape.playnow .thumb-image:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: transparent url(../img/ic-now-play.fefd901e.svg) 50% no-repeat
}

.nav-2depth-wrap {
    width: 100%;
    border-bottom: 1px solid #2f2f2f;
    font-size: 0;
    text-align: center
}

.nav-2depth-wrap .inner-wrap {
    width: 1240px;
    margin: 0 auto;
    padding-bottom: 0;
    text-align: left
}

.nav-2depth-wrap ul {
    display: inline-block
}

.nav-2depth-wrap ul:after {
    content: "";
    display: table;
    clear: both
}

.nav-2depth-wrap li {
    position: relative;
    float: left;
    margin-right: 20px
}

.nav-2depth-wrap li:last-child {
    margin-right: 0
}

.nav-2depth-wrap li.nav-depth-on a,.nav-2depth-wrap li.nav-depth-on button {
    border-bottom: 4px solid #1351f9;
    color: #fff
}

.nav-2depth-wrap>div>ul>li>a,.nav-2depth-wrap div>ul>li>button {
    display: block;
    padding: 0 10px;
    height: 67px;
    font-size: 18px;
    line-height: 67px;
    color: #a5a5a5
}

.vod-player {
    width: 1240px;
    width: 100%;
    margin: 0 auto
}

.vod-player .info-bar {
    position: relative;
    overflow: hidden;
    width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
    color: #fff
}

.vod-player .info-bar .logo {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 82%;
    background-position: 50%;
    border-radius: 50%;
    text-indent: -9999px;
    vertical-align: middle
}

.vod-player .info-bar h2 {
    display: inline-block;
    overflow: hidden;
    max-width: 750px;
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.vod-player .info-bar h2 img {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 8px
}

.vod-player .info-bar .logo+h2 {
    margin-left: 10px
}

.vod-player .info-bar>ul {
    display: inline-block;
    vertical-align: middle
}

.vod-player .info-bar ul.info-type01 {
    padding: 0 10px;
    font-size: 0
}

.vod-player .info-bar ul.info-type01 li {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.vod-player .info-bar ul.info-type01 .icon-dotted {
    border: 1px solid #fff
}

.vod-player .info-bar ul.info-type01 span {
    font-size: 16px;
    line-height: 24px;
    vertical-align: middle
}

.vod-player .info-bar ul.info-type02 {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
}

.vod-player .info-bar ul.info-type02 li {
    float: left;
    font-size: 0
}

.vod-player .info-bar ul.info-type02 li+li {
    margin-left: 4px
}

.vod-player .info-bar ul.info-type02 .home-go,.vod-player .info-bar ul.info-type02 .livego {
    display: block;
    margin: 2px 8px 0 0
}

.vod-player .info-bar ul.info-type02 .btn-livego {
    display: block;
    height: 32px;
    padding: 0 20px;
    border: 1px solid hsla(0,0%,100%,.7);
    border-radius: 100px
}

.vod-player .info-bar ul.info-type02 .btn-livego img,.vod-player .info-bar ul.info-type02 .btn-livego span {
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    vertical-align: middle
}

.vod-player .info-bar ul.info-type02 .btn-livego img {
    width: 4px;
    height: 12px;
    margin-left: 5px
}

.vod-player .video-wrap {
    position: relative;
    width: 100%;
    background-color: #1b1b1b
}

.vod-player .video-wrap .video-container {
    position: relative;
    width: 1240px;
    height: 698px;
    margin: 0 auto
}

.vod-player .video-wrap .video-container:-webkit-full-screen {
    width: 100%!important;
    height: 100%!important
}

.vod-player .video-wrap .player-top-contents {
    width: 100%;
    height: 698px;
    background-color: #000
}

.vod-player .video-wrap .player-bottom-contents {
    position: relative;
    overflow-y: auto;
    width: 1240px;
    padding: 40px 0;
    margin: 0 auto;
    font-size: 16px;
    line-height: 24px
}

.vod-player .video-wrap .player-bottom-contents .tag-top-detail {
    width: 100%;
    font-size: 0
}

.vod-player .video-wrap .player-bottom-contents .tag-top-detail li {
    display: inline-block;
    vertical-align: middle
}

.vod-player .video-wrap .player-bottom-contents .tag-top-detail li span {
    font-size: 12px
}

.vod-player .video-wrap .player-bottom-contents .tag-top-detail i,.vod-player .video-wrap .player-bottom-contents .tag-top-detail img {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 20px;
    vertical-align: middle
}

.vod-player .video-wrap .player-bottom-contents ul.hash-tag {
    width: 100%;
    margin: 4px 0 20px;
    font-size: 0
}

.vod-player .video-wrap .player-bottom-contents ul.hash-tag li {
    display: inline-block;
    margin-right: 8px;
    line-height: 1;
    vertical-align: middle
}

.vod-player .video-wrap .player-bottom-contents ul.hash-tag li:last-child {
    margin-right: 0
}

.vod-player .video-wrap .player-bottom-contents ul.hash-tag li a {
    font-size: 14px;
    line-height: 20px;
    color: #a5a5a5
}

.vod-player .video-wrap .player-bottom-contents ul.hash-tag li a:hover {
    color: #fff
}

.vod-player .video-wrap .player-bottom-contents .player-scroll p:last-child {
    padding-bottom: 20px;
    border: 1px solid #bc404c
}

.vod-player .video-wrap .player-bottom-contents h1 {
    margin-bottom: 2px;
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    font-weight: 400
}

.vod-player .video-wrap .player-bottom-contents .live-schedule-box h1 {
    margin-bottom: 20px
}

.vod-player .video-wrap .player-bottom-contents .episode-number {
    display: inline-block;
    display: -webkit-box;
    width: calc(100% - 200px);
    font-size: 28px;
    line-height: 42px;
    color: #fff;
    vertical-align: middle;
    white-space: normal;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.player-bottom-utils {
    position: absolute;
    top: 40px;
    right: 0;
    display: flex;
    flex-direction: row
}

.filter-subtitle-wrap {
    margin-right: 20px
}

.filter-subtitle-wrap .filter-item select {
    width: 242px;
    padding: 12px 42px 12px 20px;
    border-radius: 24px;
    border: 1px solid #717171;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAByBAMAAAB985hOAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURUdwTGZmZmdnZ2xsbGZmZmlpaWdnZ2dnZ2dnZ2ZmZkGcjJwAAAAJdFJOUwDoPg+xI12HzUAI5bkAAADxSURBVFjD7ZWxDoIwFEUbEd01DmwQJzcnw2jc2PAPWN1YnY2Do8So929tSFEoSl67mdyzQJu8nvblUpQihBBCCCF/zSjvTQVLUWX26E0l11iiBEprKoywlVXa0j1ElSoDiu4pI0CyW5UCd3uiEnUouHSl9nhYWg3t4Tdh51xBJlbWvZy9B+N+rwel17zV6lIewARYmNepi7JOQyM9ClPQsALOjfLm9r0Az7WPUqkDcNKPSbOCHFNiFnCi3qaH0rRGN2rufqlo6Q6tRDhJ8QmEEzp2Xso66q3gu0pjv8pUeIl8u1YKz0q14Q+PEEIIIYS8AFbAUEFLWMgTAAAAAElFTkSuQmCC) no-repeat #1b1b1b right 4px center/38px 38px;
    outline: none
}

.player-button {
    display: block;
    padding: 12px 40px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background-color: #1351f9;
    border-radius: 23px
}

.program-info-box {
    margin-bottom: 15px;
    font-size: 0
}

.program-info-box span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 24px;
    color: #a5a5a5;
    white-space: nowrap
}

.icon-box:after {
    display: block;
    clear: both;
    content: ""
}

.icon-box .icon-item {
    float: left;
    width: 60px;
    margin-right: 20px;
    text-align: center;
    font-size: 0
}

.icon-box .icon-item a,.icon-box .icon-item button {
    font-size: 0
}

.icon-box .icon-item a {
    display: block
}

.icon-box .icon-item img {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px
}

.icon-box .icon-item .icon-txt {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
    color: #a5a5a5
}

.recommend-empty,.vod-list-empty {
    padding-top: 132px;
    text-align: center
}

.recommend-empty p,.vod-list-empty p {
    margin-top: 12px;
    font-size: 18px;
    line-height: 1.55em;
    color: #a5a5a5
}

.movie .vod-player .video-wrap .player-bottom-contents h2 .episode-number {
    width: calc(100% - 402px)
}

.live .vod-player .video-wrap .player-bottom-contents h3 {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #fff
}

.live-schedule-box {
    padding-top: 40px;
    min-height: 177px
}

.live-schedule-hd {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #fff
}

.vod-form {
    width: 1240px;
    margin: 0 auto 60px
}

.vod-form .title {
    margin: 0 0 20px
}

.vod-form .title h2 {
    display: inline-block;
    margin-right: 10px;
    font-size: 24px;
    line-height: 40px;
    color: #fff;
    font-weight: 400
}

.cell-title .title1,.cell-title .title2,.cell-title .title3 {
    display: block;
    -webkit-box-orient: vertical;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #a5a5a5;
    word-wrap: normal;
    overflow: hidden
}

.cell-title .title1.line1,.cell-title .title2.line1,.cell-title .title3.line1 {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1
}

.cell-title .title1 {
    font-size: 16px;
    line-height: 24px
}

.cell-title .title1.line2 {
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.cell-title:last-child span {
    margin-bottom: 0
}

.icon-dotted {
    width: 4px;
    height: 4px;
    margin: 0 4px;
    border-radius: 50%;
    border: 1px solid #a5a5a5;
    text-indent: -9999px
}

.icon-dotted,.title-area {
    display: inline-block;
    vertical-align: middle
}

.title-area {
    font-size: 0;
    font-weight: 400
}

.title-area span {
    font-size: 24px;
    line-height: 36px
}

.title-area .label {
    color: #fff
}

.title-area .count,.title-area .label {
    display: inline-block;
    vertical-align: middle
}

.title-area .count {
    margin-left: 4px;
    color: #3887ff
}

.title-area+.btn-more {
    margin-left: 11px
}

.btn-more {
    display: inline-block;
    font-size: 0;
    vertical-align: bottom
}

.btn-more span {
    font-size: 16px;
    line-height: 24px;
    color: #a5a5a5;
    font-weight: 400
}

.btn-more i,.btn-more span {
    display: inline-block;
    vertical-align: middle
}

.btn-more i {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAOhJREFUOBFjYBi0IDMz054YxzHhUvT37981QEM8ccnDxHEawMTE5A00ZGF6enoITDE2mhmbIEjszJkzT42NjXcAmctMTU3fAvkXsKnFaQBI8dmzZ19ZWFhs/vfv33ygIb+BhpxCNwSnF2AKp06deuv///82QEMmw8SQaYIGgBQzMjJmAKl3yBphbLxeANrM+Pz588lAAxy4ubnNTpw48R2mEUYzwhjo9KpVq5j37t07ByiuysbG5jV58uRP6GpAfJwuEBQUXAe0WZiLi8tr4sSJX7FpBonhDQNJSUmf/v5+DGfjMmyIigMAGiZHYa7JYEEAAAAASUVORK5CYII=) no-repeat 50%;
    font-size: 0;
    text-indent: -9999px
}

.epg-title-line1 {
    word-wrap: normal
}

.movie-lock-21,.vod-lock-21 {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    z-index: 801;
    display: block;
    width: 100%;
    height: 100%
}

.vod-lock-21 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAYAAACOqiAdAAAAAXNSR0IArs4c6QAACnpJREFUeAHtXG1sHEcZntm7c50P4zZNQcXnOHFFHWocC4UiPgqiRkoKqtJKBYmqQqoohUpUolDxA9RKVUv5g1CAH/yhRZWgiTCpCP1DQ6UQqYWGioicUxe7KE1IXAVB3MQ9O3F8vhueZ25mb/duz7nz7p7PvhvpvZmbz/d99p3PnXeFaLs2Ao1EQDayMW9baufO1InM+Y8plR8UUgwIpbYLJfuUUF1gqksICaJTWSVEVgqZFVL9W0g5IZSYlDIxPjS8+e/y2LFcMV9jfxsKXOaabQMyl7u7IMUIgLoNoq4PKe4lAPmqo8RhlUodHL5yajJkfTUXjx24f3Ztvz43N3svwPoqwPq45QwNQ5HkOLToGDVISTmZdNTJRCI1I1Kd2cKWRJZ5nTP5LpGb78rnc92LBXmTVGqgqKFyJ6oYZCW2ToD4OkD8dWrDxv0fzk5Mu/ExBEqNRlz55Lp0z3xOfE8V1IOo2miWnHGkeKEg5J/kuo4/D8+e/G+YZjMbb3q/urxwuyPUroIS9wDIblPfJenIX3amxI8HLk+9E6aNamUjB26y6+bN85fmnsJ49TWMVx1as6R8yRHOcxt7nRe3nT49X42ZMPGntm7tnD1b2FMQhfuh2XdQEzEuLkCjf9W5fsPjA9m3zoepP7ay6oknnLFE+hsZJz193OlRGacnn0n07B/rSA/F1miVitkm2yYPRV7S0+SNPFYpUnd0JBo31rmlX+UKzyulPkEOpJSHRDL17UYO1kGSczISi7mfga/dhq+jMuXct2P+zNtB+euJCw1cJpG+RynxLMcXdI0pdI3vDOffOVAPE3HnhfZ9CUPHXgwdaTzWGfThB4bzUy/E3W5g/VT7TLJ3L7uC7g6J9IGT1/XbwTmwzEpGkjc85AMuv+A9yq5bk2zjg4MdeIqjZvyYH3N6v1VTwSbINOakH8Y4PF982D2jlGU5bNXdVcdvGNy4+O7MHzBujEDtL2La3zO8ePaV5TS+UmXQUz6DZdKLGF6uxXh8OLmp+67B/43P1sNPXbMMn44HtHNOUnx2tYFGcMgzeceDP0cFoEz1al7NwHE8WJy4+BujaedkR+LTOxamTtTzlJopL3l3Ohxs+wx4lC3C5Yora2kiSF9YibWZy0jEAcpy3Elf0GMeJoxIq+eSw04EHB8irbwJKqNMpQkjja1bBI6LWzyRiwRuNc2e9YpO2SgjZaXM9Zb35ddrtUT6Na1tWAP5EtfgH7vOg/9aqPFuzOn5pumiZ5t5cRvVM9SLZCd9Vvcu7G2XVS9POdwNO8a4ZVWyCgtxe2aUZZoYVBOh6nKER0PY223ihn3F9nXVuI4xnvtsykzZ9fFYlbYCgeMhJM/TsK0o8JSjStm1Gw2ZtezAQGMRIGkgcPrkFoeQOJQeXemjoQCeY4/SMkN2HsQSi6AGK4DjOwIedwNxJRPyR0GFWiGOshMDYkFMymWuAI4vVpBpPU4jX1rNW6pyQev9r2UHBsTCYOKrogI4/TYKWfiOwJezBf9YDCwmXgh8wOmjZv0KT87wxYo3YyuGixjIGb7W1Nh4QPABx5fFTOMrvLjeRnnabvogMSAWZNRiY5n2AQeVHNGZhHPIZmh1XxosLDYWDxc43uWASt7GmaSwLnXEZmiEjzO+W0FfBH1wqfaQvgH0edAjoEdBu0CblioTNo1YEBNiozEqr/BEsu9TZqvRsMNJCN0POgiyjjN6oEOGu0FTNqPHfxfhLwcWiigSW88Tev+a7PukrbKkcbw1RMe7HDE7CErN+SGaeRN019WaQ95dyPN7UA9oDPQT0NOgv4CuA40iT3z7aYOJvlmFxuiSRY+rXVxmwb0BXoCxcXH4EBBn/eJ5EN5xavdb/PJJbin+9f8ifwIxz5hY+g9hL5m3uZD+FMKPgZ5G+KA3zeYJ7VtMJK6iGedqHAAbYBxvDdnEmHxegrkB9Abodgj6Ffjvgaq5m5HQC1oEfTcAmCcR/x8Q+Xe7EsKRORcTgxEr9gAn+xjBq1b043IQnPWPgD6K8JEa2hkyeU4if7Y8P+J4sTBj4vvL06P472KCi4+2Phc4TBtdjNT302xqTD6E/SuIGlSLu2IyLXUJMWXyxAKcxcRixLZc4DDlauB4qc8w0SweJwO6Xoxh7LY+hzh2+1tN5Pt8iVH9MZi4GKFeFzhMpxo4exMyqjYjqOc06viHqWcfgHK1CmHOsqOg4kMXIpa7dyVM7L1kz6xqGGs6D10a+Kj7wdjfQDtBE/g/Ab8AugXELv8v0IdAc6CGOI/GKd1F9Z3bhjRdeyMAj911GPSyKTUEn7PoUdAI6AyILtTV2GIVlb8lTIoYMUdpHYcr8fh/PS8qw59mYjM5gPcW+OEWqwP+NtApxC2QR8RtpQ8Xz1KqiAmXue747wJHOwLMGoK3u4s8NOevAcsFCKBxx8NxbwZ0LA6uLSbEyNZf6qo0voDjlXib2Ew+AOos5wdx5P9JECY88RxAjWWMczExGJEPV+PQ9CQU7k5tR8CUJnKmKx6Hvx9svQI6DeIW7UHQCIgTxS9AsThiwt0oXidwUtKuBJxiJJJpHtR8bg9Y4hDykCEvh7yGf68ZA73x0YW1yRSqs3tWBF3gHJl4M68wsytarDTc7UOLN4I4AVQ4gPJzaNsRJNwH4iL4AyBu3cZB+5B+Bn58TmOioHAJtud3PKTDmdMcbAMKtFjxp7buP2JBTIiN9yCTg6t22goPBmXsrDTzsfGt7hMLPYABG6+logscAaIVnvZhG9XqgFn5aSemMTHYlOJtCD5NF/mXBmWnYBvlSWrJIDEoGteVsLFA+DSueGdCvo5s3TQos5la1S9iAItEmHOW36HxAUeAaO9JX1vhMdDCzmJgMfFCUQEcjWSR4RI2gHespdvlXqFrCWvZgQGxMJj4ilUAR8tiGsnq2TWvfuDL3UJ/FGQnBsQiyNqae7wKp62br4i3MdYlRarjlvL+XVFgjUXoeyK5Bby6lIud14j+ICvrCo0jBjojLIuBuEN7zzWGy9XFoY0rZQcGQaCxgkDgmEBzbByj8C35bm3vycgWcJSVMlN2YlBN5KrA0YYdBrHf1wVhJNsq1/WxV99LmSn7Unb8VYFj4aHHv/4MNtBHccCZnn1v4VnGrWVHGSkrZabsoWRtHZOk9MO8WBOJSZJFvG0EZ5FYht82u/SDtuQY582647EHHsWA+Tus7a4tLIpDmc6+bd701RjmMERZKBNlo4y1yhG4AK5WWJuWT8z8EdP1COYdmpbvXq1X+rmlMqDdiMngcHJ79xcGx8f168Zq8nvj6wKOBSc2D3RduTDHW5QEr/0xAy+aS4W3n5/M8unYbovDu5dXkwGw5hU82+6pNa3OL0Ashc9V07QRcAt/sKXurlqOKJcq/k8EiUeazUyTPOLV3k+5uMXwEskngkIDRyA5O7XaR6nKFWjZ/9l1aYruWlU322fQwFsoO/syZCLROG+drfLhvciBsyAu9alHmvnQYiWKTz06l3OfU6Kwe9V/6tECZ/32x0UtEiF8Hkm3P2cbAkAW5T0MfkBZqPxHjFUPLHtq+YAyPp6sYMQiE2+s5AeUQ4rfLt5GoE4E/g8vfjllc1uEywAAAABJRU5ErkJggg==) rgba(0,0,0,.8) no-repeat 50%
}

.movie-lock-21 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAYAAACOqiAdAAAAAXNSR0IArs4c6QAADHNJREFUeAHtXHuMXFUZP+fOzj7abrq0pZadbbtdjC1ssdDdAqYVgcQWIuIDGtT6IEpFRQJG/EOlSiAaE6IFTQxRXtES0pdg1diVpBrFUNhdYYXVlliBPthG+tiy2+52Z3eOv9+599y5M3Pv7Mzcu6/OnuSbc+Y7z+93v3PueX1XiGk3jcB4IiDHszJvXR0tLXGr62hrSslmIcVSodQyocRiIVStErIWDatleiVEnxSqTwjZh3RvCSn3gbnfkqo7tWJBR2tnZ9Jb7niFxxW4rqr6pcmk9XEhU9dC+DUAZUYYQdH4MwDzeaGsPfF46tkVZ9/eH6a8YvKOOXD/rk3M7T8tPy2l+pxS6nLTOFSsoFndUopOapCUcr+01AEZi5+qjif7UovqoGVCWAd7aweT8Vo1kpytUvJClLGUGorMLdDEZoDvyoAyXlJK/nrWTPX0RX1Hjpu6xsJ3K4268FdqGhLDSfUtkVIbjWZJIU8pKXdaIvWnipqaP6/oP/C/MPV2zbpw/vDAwDUpYa2VSt2khJrN8iDUGWHJX1bE5YOXDhw+EqaOoLyRA9dR+7554szpB6BFX4QglagASiB3W0I8OWdhfNeSN98cDGpMGP4bjY3VJw4lb0wJcStAvI6aiAc1BBQfFzNmbmrte/1YmPLHLK+67z6rM9bw5XYrcbzdqlcdVv1IeyzxdEdlwyVjVmlAwaxT1802oC1sE9vGNgZkKZodicb9s3pR01By5CmMP1eyBXjUbfEKcdd4DtZ+kuuX0bB4GOPhOrtdcm9lPLbh/YMH/+uXvhheaOD+EWu4KaXUY/b4Ig+ja3xj1ciRHcU0YqzTQvtuxtCxGaNGA8dZS8ovrRw5vDNMvSWrLtW+vSKxeUSldmjQMOjL2VXLJxtoBIdtYtvQFXayrWwz2x5l1y3oIXQ3N1d2xBLb7LEsMdhp1d9RUMZJkKjdavh6h5UY1G2HDJSllGYV3VW7z2+eNXCi97cYz66F2vdKy7qxZfjQ30qpfKLydFYs/KBKpXZB++ow99tTM6fuY83vdPcX056iuiqfjge0HlEhr5pqoBEc3Wa0HQ++hwpAmYrVvIKB43gwsK93i6NpPfHKitWtQ4dfLeYpTaa0bHtlZWyNCx5li3C64srKwdQZ005OxNzMbUjEAcqCMe+knu9BxkiL55TDfRFgfIi08ElQGMc888KgrJE0iZNbFNpL4KbS27NY4Smboxy9lLnY/Bnp2ecx7XhBq3EsMakmtRkNjegPJso7NHiQOdR4hzXe7Ro0K3Go47wmvfMQURsnZTGUETIfosxc2+ZrZOA8jrsc6vRpbAyqOTFp3Rx2iZKvEZMpzl6eqe1YcZ+QM2cuDdpVCZ6OcGsIoHHBXi6g8QHq5Rlkpux6eyzgqfpqnN6EPKuwg6Aq4nFx8UTvcgS0fczY9ha/+Be0briiSjb5bYb6ahx3brEcqcQG5LZyA41PgzJTdmKgd7F9HlEOcDwj4HY3VFHJmPyhT56yYFF2YkAsNCZZUucAx4MVnhFwu3sqL6my5Cz6L2UnBsSCmGQXkAMcT6OYCBFPZicut/8GA4OJV/4M4DgoYhF/OXdJebDiTViOYWJALIgJsfFikAGcPixGLFR0Z1SnUaj0E6ANoIXeir1hxNWDWkFLvHxvGHE4vFK+swBvOoaRrsqhgtJn5zf/iQGx4H+DjYnLAE6fsCPGEgrzmMjcwyhpC6glT4lfRVw7CHPHXAcQmsDFyR+GaqXiuSnSHMRzR5dHkKRGUCjnYsHbBx7nAse7HHiHYH8Kk7ea6r940pR1kFgQE2KjMXLQcIGLdfWs0m9TXEso9YQdT/tq0GkvoZ4Gp66tXj7Ct5X4RN5B3t4gQpmhbgdkt4lY8KoGseElIRNfYQIpZTWzN+i7HIZZvD+CLPrOhydrNcIcawZA3lP8Um8ZHUI5kCPQsa5INySICc5ml+ubVUK8wJpd4DD04qoVOLgAw4hSHA4+eGizwJsXmsHLL3NAdyD+KW9cieGVKCcQdNTHMe5siWX7ZzOYSFxFc5wLHADTr1s0qmTgTKHGhxDzESZodI36Fz/gL4J3j/kP/0pPeLTgZuTniyLIxYIiSuUTE9RJpXKnJF7gFrNgXrUS7HDRuM94ivkaKn8EjaAGvgd0pyeumOC4n+G6mOiLj3ZT08DhJiRZvJ8mAjtC4fIBJA6kP3Jy9MKvB/0O/PXwXwd9FGTcZxG4xfzx8d8G7xof/misntESFBKvMRkZQlIbI+ZxgeP1UeoiL/VlDOGFlJyVBuBcD9ZWUBXoD6C7QM+BPgB6GbQBmvd7+Noh/RUm7PXB/yT+n+/lFRnmSohZjqO+krf+iUk/cLMxymoBDmTOcsu42INZbzFopAX6HmgYRLcNRPA4rs0DtYHoRkDfNXkRfoBMuC2G5+Rpt9mhf1/xlltsmJjoswhgZPK6GmcYIf2fID+1axh0D57yj015CB+D+NTEe0HfB50wcXl8bmvl07gNiL8K9HfQr0BB7nhQRKl8FzgoNOdfc3nnFn6pFT2IvBTkbgD1V/gZDjy+De8HgM8g/KonkqMq53kcSFyHNM+4f3wCKOcysFnfPqT9hU+SSFgOJuiq6TmqCxyvxCNiLi8qo7aSgEPjjyDvyuzWQkCuUD4C4hjHxf588DjD52R2L+gHyHs/fF+HtBwDt/tEnufwPoU0a33iV6Nc1hHK2ZjwVizNBmznAof3KZhYkuF2t4mMwodAH0Y51IbGPOW9hXS3Q8i2gDRcDfjNz94Fn0Tnja+3WemXn/O/JC+NCTGyXRo4Gl8ocQmvxCOqyyQI4wOMVci/C8Rl1/Ogn4L4VqW2cXJ8KehOELsbr459COC9iHCGA49amchg5vmDctB5onM2JiiSGDnOC9x+AHcD6nRnxyZRCP/zyEvQdoNuAADeqTU15T+o7zfwCS678hdAOcAhDZdxT4AmxLmY0KrHcWngFJka1SiBe69Tz+4s0Ez92FSQ3GMjsATOpHfjncAM+NdlM8ftvzaZQm1mzYogB23tYjKFc0TOt/JuONqJC/99zUm6HuBQ83Kcw1/vRJj0Oek8DC7iCyI8lDc8+UoOGkxoP2YK4aCrnd6ke7mHS6Oa+IyaBaXuyTnFaQ+gXIwA51h1IKr5IyAzxnF+xunEV0AXgU6B1kDYHPBQThPiDoDofmZ7Bf1ymvLzglIGJKL1TvLMwFFED4jLLqjzNbrriNW32RdO6vOtGwOq8GdD6BbQi6B8DjZY+kXiWwjimvJlzhMX9Jb2rceP2Rmrv0WvGoCNNz49xpELKzxsZq6lbRT+bfUmLDWMJ96JvFdAuBb47jwOYXcehzQdo5TP+aHvenaUfNTiUM7GIuVgky7K7apk8QhsKIlZOI7E5i6KL4jqpCtd3dQK0T7s+MHkUcxuZ1fGxTLvdRD35UCRGIGn/xIT0qBsaokZfWuJAbEgJl7QWFMGcGTQ3pM+lPNW+uXsDAYGEy8WOcDRSBb99wxNF8+l2+VeoQsJU3ZiQCyISXaeHOC0ZTGMZDkVxq7Zd7IzlMt/yq6XA8DCz9o64+VgQJm+WMhvB5RwsVDfQIRlMRC3krD3NICWi0+ZKTsW9Y/73cYkDjld1QUH5tjorSew3FinLxS7Eed2gLJSZspOk/QgaQOB421rGMR+W2eEkWy5XNfHQn4zZabsQTfOdbwGJuBn5abbHsUcZi8mKQ3q3bOPBSQ7Z9i2jLCihsyUPZRg5WKSRANg5yQrvEmSQXzaCM4gkfYDx7h0Epy+0PDfkg9h+VFFy+JzaWJMWRxr6SrKWKgxTEHAEcTWezd+E31/O8CrE8Oqrat68RIvuFMxrK0EIQtlomyUsVA5fCfAQZm1afm+3j9ii4j2+DQtXzdVr/TrXmODdgFA21OzrO765u7uoSDZs/lFAcfM++Ytre0/2f+sA970xwyyEQ36v+zY/j4+HdNtMT48N5UMgNlWttl0T61pRX4BIgibgvg0hDV2+nyN00h2Mk+StS2qY8ir2xvygy1Fd9VsVLM/ERST8u5C30zZZY3Vf7YR16Me4kSeu9tRfCIoNHAUlm+ncvsoVcHTkXzawK9jtWzauBoLYxz12RsD3JZB953Qz6CxDe6CHW1jG6P4khexiETjvKCWy4f3IgfOgJj/U4+qjRYrYQ+97U89Dl4N64x12Oae2p96NMAZf/rjogaJEL5t6z79OdsQEAphPqCMo7fljlUPLXsWY8owygeU8elbhU/fSvXaRH5AOZTw05mnESgagf8DhhTQ/YnBbuwAAAAASUVORK5CYII=) rgba(0,0,0,.8) no-repeat 50%
}

.page-top {
    margin-bottom: 40px;
    padding: 40px 0;
    background-color: #252525
}

.page-top.editor-pick {
    background-color: #1b1b1b
}

.page-top .btn-wrap {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
    padding: 0;
    text-align: left
}

.page-top .btn-wrap a,.page-top .btn-wrap button {
    padding: 5px 0 5px 32px;
    font-size: 16px;
    line-height: 24px;
    color: #a5a5a5
}

.page-top .btn-wrap button+a {
    margin-left: 20px
}

.page-top .btn-wrap .btn-reservation {
    background: url(../img/icon-alart-off.d0007c58.svg) no-repeat 0/24px
}

.page-top .btn-wrap .btn-schedule {
    background: url(../img/ic-detail-schd-off.4b017899.svg) no-repeat 0/24px
}

.page-top .btn-wrap .btn {
    display: inline-block;
    padding: 0;
    color: #fff;
    cursor: pointer;
    font-weight: 400;
    text-align: center
}

.page-top .btn-wrap .btn-large {
    width: 187px;
    height: 48px;
    font-size: 16px;
    line-height: 44px
}

.page-top .btn-wrap .btn-radius {
    border: 1px solid transparent;
    border-radius: 23px
}

.page-top .btn-wrap .btn-positive {
    border-color: #1351f9;
    background-color: #1351f9
}

.page-top .btn-wrap .check-like.editorpick {
    width: auto;
    height: auto;
    font-size: 0
}

.page-top .btn-wrap .check-like.editorpick input[type=checkbox]+label:before,.page-top .btn-wrap .check-like.editorpick input[type=checkbox]+label>span {
    display: inline-block;
    vertical-align: middle
}

.page-top .btn-wrap .check-like.editorpick input[type=checkbox]+label>span {
    margin-left: 3px;
    font-size: 16px;
    line-height: 24px;
    color: #a5a5a5
}

.page-top .btn-wrap .check-like.editorpick input[type=checkbox]+label:before {
    width: 34px;
    height: 34px;
    background: url(../img/like-vod-top-icon-heart-off.af62bb75.svg) no-repeat 50%/24px
}

.page-top .btn-wrap .check-like.editorpick input[type=checkbox]:checked+label:before {
    background: url(../img/like-vod-top-icon-heart-on.c84670e1.svg) no-repeat 50%/24px
}

.page-top-inner-wrap {
    position: relative;
    max-width: 1240px;
    margin: 0 auto;
    text-align: left
}

.page-title {
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    font-weight: 400
}

.page-title:focus {
    outline: 0 none
}

.page-title+.page-text {
    margin-top: 2px
}

.page-text {
    font-size: 16px;
    line-height: 24px;
    color: #a5a5a5;
    font-weight: 400
}

.ppv-wrap {
    position: relative;
    padding: 40px 0 0;
    margin: 0 auto
}

.picture-area img,.ppv-wrap {
    width: 100%
}

.picture-area .banner-title,.picture-area .big-banner {
    width: 1240px;
    height: 508px
}

.picture-area .banner-title {
    position: absolute;
    left: 0;
    top: 0
}