body, h1, h2, h3, h4, h5, h6, p, ol, ul, input, button {
    margin: 0
}

article, aside, footer, header, hgroup, main, nav, section {
    display: block
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

a, button, input {
    color: inherit;
    font: inherit
}

.ja-JP a, .ja-JP button, .ja-JP input {
    font-family: "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif
}

ol, ul {
    list-style: none;
    padding: 0
}

a, button, label, [type='button'], [type='submit'] {
    cursor: pointer
}

img {
    border: 0
}

button {
    box-sizing: content-box;
    padding: 0
}

input {
    line-height: normal
}

table {
    border-collapse: collapse
}

th {
    font-weight: 400
}

@font-face {
    font-family: 'lzcon';
    src: url(../fonts/lzcon_ea498e75409e7182e77904ca7a61a83d-882adf87f08672daaabbbe052e68af27243bdf652119db5d09460b878f7454e2.eot);
    src: url(../fonts/lzcon_ea498e75409e7182e77904ca7a61a83d-882adf87f08672daaabbbe052e68af27243bdf652119db5d09460b878f7454e2.eot) format("embedded-opentype"), url(../fonts/lzcon_ea498e75409e7182e77904ca7a61a83d-e64e4175750cfea6dfb52e296a2ab39f9bccb9424993736f5af7c8f0204bfcb6.woff2) format("woff2"), url(../fonts/lzcon_ea498e75409e7182e77904ca7a61a83d-4502919e9852bad807fb196aeca8a61291fa0a268e483891e32f10aa2cf4af56.woff) format("woff"), url(../fonts/lzcon_ea498e75409e7182e77904ca7a61a83d-3375f916a4d4639726b3cfd529063a1b5877967260bfc92348d1aa5b1bccbc72.ttf) format("truetype"), url(../fonts/lzcon_ea498e75409e7182e77904ca7a61a83d-e055258f8d3f9dfcbb48a4e79e47861efad05f97aef42f24979a1c2c36a79444.svg#lzcon) format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'lzcon';
        src: url(../fonts/lzcon_ea498e75409e7182e77904ca7a61a83d-e055258f8d3f9dfcbb48a4e79e47861efad05f97aef42f24979a1c2c36a79444.svg) format("svg")
    }
}

[data-icon]:before {
    content: attr(data-icon)
}

[data-icon]:before, .lzcon-19:before, .lzcon-Bubble:before, .lzcon-Creditcard:before, .lzcon-MaleUser:before, .lzcon-Question:before, .lzcon-Wrench:before, .lzcon-add_friend:before, .lzcon-arrowBottom:before, .lzcon-arrowRight:before, .lzcon-arrowTop:before, .lzcon-bgm:before, .lzcon-bl:before, .lzcon-check:before, .lzcon-checkCross:before, .lzcon-cog:before, .lzcon-comic:before, .lzcon-comic2:before, .lzcon-deny:before, .lzcon-drama:before, .lzcon-fantasy:before, .lzcon-fb:before, .lzcon-fb2:before, .lzcon-fold:before, .lzcon-gag:before, .lzcon-home:before, .lzcon-lastseen:before, .lzcon-lib:before, .lzcon-lib2:before, .lzcon-link:before, .lzcon-menu:before, .lzcon-menu4:before, .lzcon-naver:before, .lzcon-notice:before, .lzcon-novel-badge:before, .lzcon-openbook:before, .lzcon-pageview:before, .lzcon-plus:before, .lzcon-rankcup:before, .lzcon-romance:before, .lzcon-scroll_view:before, .lzcon-search:before, .lzcon-search-h:before, .lzcon-share:before, .lzcon-sort:before, .lzcon-speaker:before, .lzcon-speech:before, .lzcon-star:before, .lzcon-star-solid:before, .lzcon-tooltip-close:before, .lzcon-twitter:before, .lzcon-updown:before, .lzcon-youtube:before {
    display: inline-block;
    font-family: 'lzcon';
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.lzcon-19:before {
    content: '\f100'
}

.lzcon-Bubble:before {
    content: '\f101'
}

.lzcon-Creditcard:before {
    content: '\f102'
}

.lzcon-MaleUser:before {
    content: '\f103'
}

.lzcon-Question:before {
    content: '\f104'
}

.lzcon-Wrench:before {
    content: '\f105'
}

.lzcon-add_friend:before {
    content: '\f106'
}

.lzcon-arrowBottom:before {
    content: '\f107'
}

.lzcon-arrowRight:before {
    content: '\f108'
}

.lzcon-arrowTop:before {
    content: '\f109'
}

.lzcon-bgm:before {
    content: '\f10a'
}

.lzcon-bl:before {
    content: '\f10b'
}

.lzcon-check:before {
    content: '\f10c'
}

.lzcon-checkCross:before {
    content: '\f10d'
}

.lzcon-cog:before {
    content: '\f10e'
}

.lzcon-comic:before {
    content: '\f10f'
}

.lzcon-comic2:before {
    content: '\f110'
}

.lzcon-deny:before {
    content: '\f130'
}

.lzcon-drama:before {
    content: '\f111'
}

.lzcon-fantasy:before {
    content: '\f112'
}

.lzcon-fb:before {
    content: '\f113'
}

.lzcon-fb2:before {
    content: '\f114'
}

.lzcon-fold:before {
    content: '\f115'
}

.lzcon-gag:before {
    content: '\f116'
}

.lzcon-home:before {
    content: '\f117'
}

.lzcon-lastseen:before {
    content: '\f118'
}

.lzcon-lib:before {
    content: '\f119'
}

.lzcon-lib2:before {
    content: '\f11a'
}

.lzcon-link:before {
    content: '\f11b'
}

.lzcon-menu:before {
    content: '\f11c'
}

.lzcon-menu4:before {
    content: '\f11d'
}

.lzcon-naver:before {
    content: '\f131'
}

.lzcon-notice:before {
    content: '\f11f'
}

.lzcon-novel-badge:before {
    content: '\f120'
}

.lzcon-openbook:before {
    content: '\f121'
}

.lzcon-pageview:before {
    content: '\f133'
}

.lzcon-plus:before {
    content: '\f122'
}

.lzcon-rankcup:before {
    content: '\f123'
}

.lzcon-romance:before {
    content: '\f124'
}

.lzcon-scroll_view:before {
    content: '\f134'
}

.lzcon-search:before {
    content: '\f125'
}

.lzcon-search-h:before {
    content: '\f126'
}

.lzcon-share:before {
    content: '\f127'
}

.lzcon-sort:before {
    content: '\f128'
}

.lzcon-speaker:before {
    content: '\f132'
}

.lzcon-speech:before {
    content: '\f129'
}

.lzcon-star:before {
    content: '\f12a'
}

.lzcon-star-solid:before {
    content: '\f12b'
}

.lzcon-tooltip-close:before {
    content: '\f12c'
}

.lzcon-twitter:before {
    content: '\f12d'
}

.lzcon-updown:before {
    content: '\f12e'
}

.lzcon-youtube:before {
    content: '\f12f'
}

html {
    box-sizing: border-box
}

*, *:before, *:after {
    box-sizing: inherit
}

html, body {
    height: 100%
}

body {
    overflow-y: scroll;
    background: #eff1f4;
    color: #333;
    font: 14px/2 "Apple SD Gothic Neo", NanumBarunGothic, NanumGothic, "Malgun Gothic", dotum, sans-serif;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-overflow-scrolling : touch;
    position: static;
}

body.ja-JP {
    font-family: "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif
}

.us-only, .us-only.mobile.mobile, .kr-only, .kr-only.mobile.mobile, .jp-only, .jp-only.mobile.mobile {
    display: none !important
}

.en-US .us-only, .ko-KR .kr-only, .ja-JP .jp-only {
    display: block !important
}

.mainwrapper {
    position: relative;
    width: 100%;
    /* min-height: 100%; */
    overflow: hidden;
    min-height: calc(100% + 1px);
}

a {
    text-decoration: none
}

h1, h2, h3, h4, h5, h6 {
    font-size: 14px
}

.link {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 0
}

.link:hover {
    border-color: #acacac
}

b {
    color: #f40a19
}

[type='email'], [type='password'], [type='text'], [type='tel'], [type='search'], textarea {
    border: 1px solid #d8d8d8;
    border-radius: 4px
}

[type='email'], [type='password'], [type='text'], [type='tel'], [type='search'] {
    -webkit-appearance: none;
    -moz-appearance: none
}

input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5)
}

input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.5)
}

input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5)
}

textarea {
    resize: vertical
}

button {
    background: transparent;
    border: 1px solid #d8d8d8;
    border-radius: 0
}

fieldset, legend {
    margin: 0;
    padding: 0;
    border: 0
}

form button, .button {
    border-radius: 2px;
    font-size: 14px;
    height: 48px;
    line-height: 46px;
    padding: 0;
    background: #FFF;
    border: solid 1px #dbdee3;
    box-sizing: border-box
}

form button:hover, .button:hover {
    background-color: #FFF;
    border: solid 1px #b9c0cc
}

form button:active, .button:active {
    background-color: #dbdee3;
    border: solid 1px #c5cbd3
}

[type='submit'], .button-primary {
    background-color: #e50020;
    border: solid 1px #e50020;
    color: #fff
}

[type='submit']:hover, .button-primary:hover {
    background-color: #d60015;
    border: solid 1px #d60015
}

[type='submit']:active, .button-primary:active {
    background-color: #c80101;
    border: solid 1px #c80101
}

.button {
    cursor: pointer;
    display: inline-block
}

button.is-loading, .button.is-loading {
    position: relative;
    color: transparent !important
}

button.is-loading:before, .button.is-loading:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25px;
    height: 25px;
    margin: -13px 0 0 -13px;
    background: url(../images/img-loader-red2.gif) no-repeat;
    background-size: 100% 100%
}

.page-heading {
    color: #333;
    line-height: 48px;
    text-align: center;
    margin-top: 20px
}

.page-heading__text {
    display: block;
    font-weight: 700;
    font-size: 24px
}

@media (max-width: 960px) {
    .page-heading__text {
        margin: 10px auto;
        font-size: 20px
    }
}

.page-heading--line {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border-bottom: 1px solid #d8d8d8
}

@media (max-width: 960px) {
    .page-heading--line {
        padding: 0 12px;
        border-bottom: 0
    }
}

.page-heading__subtext {
    display: block;
    font-weight: 400;
    line-height: 1.4
}

@media (min-width: 961px) {
    .page-heading__subtext {
        font-size: 18px
    }
}

@media (max-width: 960px) {
    .page-heading__subtext {
        font-size: 14px
    }
}

.wrap {
    position: relative;
    display: block;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 10px
}

.wrap:after {
    content: '';
    display: block;
    clear: both
}

.group {
    position: relative
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.inline-list>li {
    display: inline-block
}

.dense-list {
    font-size: 0
}

.dense-list>li {
    display: inline-block
}

[name='google_conversion_frame'] {
    left: -10000px;
    position: absolute;
    top: -10000px
}

.a11y {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0
}

.table {
    display: table;
    border-collapse: collapse;
    width: 100%
}

.tr {
    display: table-row
}

.td {
    display: table-cell
}

i.icon, [class^='lzcon-'], [class*=' lzcon-'] {
    font-family: 'lzcon';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img[height='1'][width='1'] {
    position: absolute;
    left: 0;
    visibility: hidden
}

.artist-link {
    cursor: pointer
}

.artist-link:hover {
    text-decoration: underline
}

.tt-menu .artist-link {
    cursor: auto
}

.tt-menu .artist-link:hover {
    text-decoration: none
}

.artist-delimiter {
    font-size: 12px;
    margin: 0 4px
}

.thumbnail+.artist-delimiter {
    display: none
}

.genre-delimiter {
    margin: 0 4px
}

.section-wrap {
    max-width: 960px !important;
    padding-bottom: 80px
}

@media (max-width: 960px) {
    .section-wrap {
        padding-bottom: 40px !important
    }
}

.translation_missing {
    background: red
}

[hidden] {
    display: none
}

.mobile, .phone, .tablet {
    display: none
}

#overlay {
    background: rgba(0, 0, 0, 0.6);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

#overlay .dialog, #overlay .popup {
    display: block
}

.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100
}

.popup-default {
    background: #fff;
    border: 1px solid #d8d8d8;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    margin: -125px 0 0 -225px;
    padding: 16px;
    width: 450px
}

@media (max-width: 960px) {
    .popup-default {
        margin: -125px 0 0 -47%;
        padding: 16px;
        width: 94%;
        box-sizing: border-box
    }
}

.popup-default a {
    border-bottom: 1px solid #333
}

.popup-default button {
    background-image: url(../images/button.png);
    background-repeat: repeat-x;
    background-color: #fcfcfc;
    border-radius: 5px;
    height: 43px;
    line-height: 43px;
    padding: 0;
    text-align: center;
    width: 130px
}

.popup-default button+button {
    margin-left: 15px
}

@media (max-width: 960px) {
    .popup-default button {
        width: 110px
    }

    .popup-default button+button {
        margin-left: 8px
    }
}

.popup-default button[type='button'] {
    background-position: 0 -338px
}

.popup-default button[type='button']:active {
    background-position: 0 -391px
}

.popup-default button[type='submit'] {
    background-position: 0 -232px;
    background-color: #d42627;
    color: #fff
}

.popup-default button[type='submit']:active {
    background-position: 0 -285px
}

.popup-default .popup-header {
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px
}

.popup-default .popup-body {
    background: #f1f0ef;
    border: 1px solid #d8d8d8;
    padding: 16px;
    text-align: center
}

.popup-default .popup-message {
    font-size: 15px;
    margin-bottom: 16px;
    word-break: keep-all;
    word-wrap: break-word
}

.popup-default .popup-close {
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 24px;
    padding: 0;
    border: 0;
    right: 16px;
    top: 16px;
    color: #747474;
    background: transparent;
    cursor: pointer
}

.popup-default .popup-close:hover, .popup-default .popup-close:focus {
    color: #333333
}

.dialog {
    display: none;
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    box-sizing: border-box
}

.dialog-default {
    background: #fff;
    border: 1px solid #d8d8d8;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    margin: -125px 0 0 -190px;
    padding: 0;
    width: 380px
}

@media (max-width: 960px) {
    .dialog-default {
        margin: -125px 0 0 -47%;
        padding: 0;
        width: 94%;
        box-sizing: border-box
    }
}

.dialog-default p {
    font-size: 0
}

.dialog-default button {
    width: 90px;
    height: 36px;
    line-height: 34px;
    padding: 0;
    color: #e60012;
    font-size: 12px;
    text-align: center;
    border-radius: 0;
    border: solid 1px #e60012
}

.dialog-default button+button {
    margin-left: 10px
}

.dialog-default button[type='button'] {
    background: #fff
}

.dialog-default button[type='submit'] {
    color: #fff;
    background: #e60012
}

.dialog-default .dialog-header {
    height: 50px;
    padding: 0 20px;
    line-height: 50px
}

.dialog-default .dialog-body {
    padding: 0 20px 12px 20px;
    text-align: center;
    background: #f7f8fa;
    border-top: 1px solid #e2e5e9
}

.dialog-default .dialog-message {
    font-size: 14px;
    margin: 16px 0;
    line-height: 1.5;
    word-wrap: break-word;
    word-break: keep-all
}

.dialog-default .dialog-message button {
    display: inline;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: underline;
    background: none;
    border: 0
}

.dialog-default .dialog-close {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    color: #747474;
    font-size: 24px;
    background: none
}

.dialog-default .dialog-close:hover {
    color: #333
}

.dialog-default.dialog-privacy {
    width: 780px;
    margin-left: -390px;
    text-align: left
}

@media (max-width: 960px) {
    .dialog-default.dialog-privacy {
        margin: 0 0 0 -47%;
        width: 94%;
        height: calc(100% - 40px);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .dialog-default.dialog-privacy .dialog-body {
        height: calc(100% - 50px);
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }
}

.dialog-default.dialog-privacy table {
    font-size: 12px;
    line-height: 1.5;
    table-layout: fixed
}

.ko-KR .dialog-default.dialog-privacy table {
    word-break: keep-all;
    word-wrap: break-word
}

.dialog-default.dialog-privacy table th, .dialog-default.dialog-privacy table td {
    padding: 20px 10px;
    vertical-align: top;
    border: 1px solid #d8d8d8
}

.dialog-default.dialog-privacy table th {
    white-space: nowrap;
    background: #eff1f4
}

.dialog-default.dialog-privacy table td {
    text-align: left;
    background: #FFF
}

@media (max-width: 960px) {
    .dialog-default.dialog-privacy table {
        table-layout: auto
    }

    .dialog-default.dialog-privacy table th, .dialog-default.dialog-privacy table td {
        padding: 9px 5px;
        border: 1px solid #d8d8d8
    }

    .dialog-default.dialog-privacy table th {
        white-space: normal
    }

    .dialog-default.dialog-privacy table td {
        text-align: left
    }
}

.dialog-default.dialog-privacy .dialog-message {
    text-align: left
}

.dialog-radio-wrap {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-top: -16px
}

.dialog-radio-wrap label {
    display: table-row
}

.dialog-radio-wrap span {
    display: table-cell;
    padding: 18px 0;
    vertical-align: middle
}

.dialog-radio-wrap .dialog-bulk-radio {
    width: 30px;
    text-align: left;
    border-bottom: 1px solid #e2e5e9
}

.dialog-radio-wrap .dialog-bulk-radio input {
    width: 16px;
    height: 16px
}

.dialog-radio-wrap .dialog-bulk-message {
    text-align: left;
    line-height: 1.4;
    border-bottom: 1px solid #e2e5e9
}

.dialog-radio-wrap .dialog-bulk-message b {
    display: block;
    font-size: 12px;
    font-weight: 400
}

.dialog-radio-wrap .dialog-bulk-coin {
    width: 70px;
    color: #e50020;
    white-space: nowrap;
    text-align: right;
    border-bottom: 1px solid #e2e5e9
}

.dropdown {
    cursor: pointer;
    position: relative
}

.dropdown:hover .dropdown-menu, .dropdown:focus .dropdown-menu {
    display: block
}

.dropdown-icon {
    background: url(../images/dropdown-hdpi.png) no-repeat 100% 50%;
    padding-right: 24px
}

.dropdown-menu {
    display: none;
    top: 100%;
    position: absolute;
    z-index: 900
}

.homelist-wrap {
    position: relative
}

.homelist {
    position: relative;
    display: block;
    margin-left: -1.6666666667%;
    font-size: 0
}

.homelist:after {
    content: '';
    display: block;
    clear: both
}

@media (max-width: 960px) {
    .homelist {
        margin: 0
    }
}

.homelist>li {
    position: relative;
    display: inline-block;
    width: 10.8333333333%;
    margin-bottom: 15px;
    margin-left: 1.6666666667%;
    vertical-align: top;
    font-size: 14px
}

@media (max-width: 960px) {
    .homelist>li {
        float: none;
        display: block;
        width: 100% !important;
        margin: 0 !important;
        border-bottom: 1px solid #DDD
    }

    .homelist>li:last-child {
        border-bottom: 0
    }
}

.homelist>li>a {
    position: relative;
    z-index: 5;
    display: block
}

@media (max-width: 960px) {
    .homelist>li>a {
        position: relative;
        padding: 10px 5px 10px 10px;
        height: 85px
    }
}

.homelist>li.homelist__empty {
    display: block;
    width: 100% !important;
    color: #999999;
    text-align: center
}

@media (min-width: 961px) {
    .homelist>li.homelist__empty {
        padding: 280px 0;
        font-size: 20px
    }
}

@media (max-width: 960px) {
    .homelist>li.homelist__empty {
        margin: 0 !important;
        padding: 120px 0;
        padding-right: 3.5%;
        font-size: 18px
    }
}

.homelist>li.is-double {
    width: 23.3333333333%
}

.homelist>li.is-double .homelist-title {
    font-size: 16px;
    line-height: 1.1
}

.homelist>li.is-huge.is-card {
    width: 48.3333333333%
}

.homelist>li.is-huge.is-card .homelist-title {
    font-size: 28px;
    line-height: 1.4;
    padding: 3px 15px 0 21px
}

.homelist>li.is-huge.is-card .homelist-type, .homelist>li.is-huge.is-card .homelist-author {
    display: block;
    font-size: 14px;
    padding: 10px 15px 0 21px
}

.homelist>li.is-huge.is-card .homelist-genre {
    font-size: 14px;
    padding: 11px 15px 0 21px
}

.homelist>li.is-huge.is-card>a {
    height: 466.6px !important
}

.homelist>li.is-card .homelist-image, .homelist>li.is-card .homelist-thumb {
    padding-bottom: 50%
}

.homelist>li.is-new .homelist-icon:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 64px;
    height: 64px;
    background: url("../images/ico-new.png") no-repeat;
    background-size: 64px 64px
}

@media (max-width: 960px) {
    .homelist>li.is-new .homelist-icon:after {
        content: none
    }

    .homelist>li.is-new .homelist-title span {
        display: inline-block;
        max-width: calc(100% - 36px);
        vertical-align: middle
    }

    .homelist>li.is-new .homelist-title:after {
        content: 'NEW';
        display: inline-block;
        line-height: 1;
        margin-left: 5px;
        padding: 3px 3px 2px;
        font-size: 10px;
        color: #06a7b5;
        border-radius: 2px;
        border: 1px solid #06a7b5;
        vertical-align: middle;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

.homelist>li.is-adult .homelist-image:after, .homelist>li.is-adult .homelist-thumb:after {
    position: absolute;
    z-index: 1;
    bottom: 5px;
    top: auto;
    right: 4px;
    width: 18px;
    height: 18px;
    line-height: 20px;
    color: #FFF;
    font-size: 11px;
    text-align: center;
    background: #acb3bd;
    background: rgba(160, 169, 175, 0.8);
    border-radius: 100%;
    white-space: nowrap
}

@media (max-width: 960px) {
    .homelist>li.is-adult .homelist-image:after, .homelist>li.is-adult .homelist-thumb:after {
        right: 2px;
        bottom: 3px;
        width: 16px;
        height: 16px;
        line-height: 18px;
        font-size: 9px
    }
}

.ko-KR .homelist>li.is-adult .homelist-image:after, .ko-KR .homelist>li.is-adult .homelist-thumb:after {
    content: '19'
}

.en-US .homelist>li.is-adult .homelist-image:after, .en-US .homelist>li.is-adult .homelist-thumb:after {
    content: 'R'
}

.ja-JP .homelist>li.is-adult .homelist-image:after, .ja-JP .homelist>li.is-adult .homelist-thumb:after {
    content: none
}

.homelist>li.is-up .homelist-icon:before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    content: 'UP';
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #FFF;
    font-size: 13px;
    text-align: center;
    background: #e50020;
    background: rgba(229, 0, 32, 0.7);
    white-space: nowrap
}

@media (max-width: 960px) {
    .homelist>li.is-up .homelist-icon:before {
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 9px
    }
}

.homelist>li.is-hold .homelist-icon:before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    content: attr(data-holdtext);
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #FFF;
    font-size: 13px;
    text-align: center;
    background: #26242f;
    background: rgba(0, 0, 0, 0.5);
    white-space: nowrap
}

@media (max-width: 960px) {
    .homelist>li.is-hold .homelist-icon:before {
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 9px
    }
}

.en-US .homelist>li.is-hold .homelist-icon:before {
    min-width: 24px;
    width: auto;
    padding: 0 3px
}

.homelist>li.is-more~li {
    display: none
}

@media (max-width: 960px) {
    .homelist>li.is-more~li {
        display: inline-block
    }
}

.homelist>li.is-more:before {
    content: attr(data-moretext);
    pointer-events: none;
    -ms-pointer-events: none;
    position: absolute;
    z-index: 6;
    top: 50%;
    left: 50%;
    width: 120px;
    line-height: 1;
    margin: 6px 0 0 -60px;
    color: #0bb1c0;
    font-size: 14px;
    text-align: center;
    white-space: nowrap
}

@media (max-width: 960px) {
    .homelist>li.is-more:before {
        content: none;
        top: 60px !important
    }
}

.homelist>li.is-more .homelist-genre, .homelist>li.is-more .homelist-title, .homelist>li.is-more .homelist-type, .homelist>li.is-more .homelist-author {
    visibility: hidden
}

@media (max-width: 960px) {
    .homelist>li.is-more .homelist-genre, .homelist>li.is-more .homelist-title, .homelist>li.is-more .homelist-type, .homelist>li.is-more .homelist-author {
        visibility: visible
    }
}

.homelist>li.is-more .homelist-image:after, .homelist>li.is-more .homelist-thumb:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    opacity: .9;
    border-radius: 0 !important
}

@media (max-width: 960px) {
    .homelist>li.is-more .homelist-image:after, .homelist>li.is-more .homelist-thumb:after {
        content: none
    }
}

.ja-JP .homelist>li.is-more .homelist-thumb:after {
    content: '' !important
}

.homelist>li.is-more>a:before {
    content: "+"attr(data-more);
    position: absolute;
    z-index: 7;
    top: 0;
    margin-top: 27.6923076923%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin-left: -24px;
    line-height: 48px;
    color: #0bb1c0;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
    border: 0
}

.homelist>li.is-more>a:hover:before, .homelist>li.is-more>a:focus:before {
    color: #FFF
}

.homelist>li.is-more>a:after {
    content: '';
    position: absolute;
    z-index: 6;
    top: 0;
    margin-top: 27.6923076923%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin-left: -24px;
    border: 2px solid #0bb1c0;
    border-radius: 100%;
    background: #FFF
}

.homelist>li.is-more>a:hover:after, .homelist>li.is-more>a:focus:after {
    background: #0bb1c0
}

@media (max-width: 960px) {
    .homelist>li.is-more>a:before, .homelist>li.is-more>a:after {
        content: none;
        margin-top: 10px !important
    }
}

.homelist>li.is-more.is-card:after {
    content: '';
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #c5cbd3;
    pointer-events: none
}

.homelist>li.is-more.is-card>a .homelist-thumb:before {
    content: none
}

.homelist>li.is-card>a {
    background: #FFF;
    padding-bottom: 10px
}

.homelist>li.is-card>a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: 1px solid #c5cbd3;
    pointer-events: none
}

.homelist>li.is-card .homelist-image, .homelist>li.is-card .homelist-thumb {
    margin-bottom: 7px
}

.homelist>li.is-card .homelist-image:before, .homelist>li.is-card .homelist-thumb:before {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.homelist>li.is-card .homelist-genre, .homelist>li.is-card .homelist-title, .homelist>li.is-card .homelist-type, .homelist>li.is-card .homelist-author {
    padding-left: 11px;
    padding-right: 11px
}

.homelist>li.is-card .homelist-type, .homelist>li.is-card .homelist-author {
    position: relative;
    z-index: 3
}

.homelist>li.is-card.is-double>a {
    height: auto;
    padding-bottom: 10px;
    margin-top: 4px
}

.homelist>li.is-card.is-double .homelist-title>span {
    display: block;
    height: auto;
    white-space: nowrap
}

.homelist>li .homelist-title>span:empty:before, .homelist>li .homelist-title:empty:before, .homelist>li .homelist-author>span:empty:before, .homelist>li .homelist-author:empty:before, .homelist>li .homelist-genre>span:empty:before, .homelist>li .homelist-genre:empty:before {
    content: '.';
    color: transparent;
    visibility: hidden
}

.homelist.is-rank li {
    float: left
}

.homelist.is-cover>li .homelist-thumb {
    padding-bottom: 133.3333333333% !important
}

.homelist.is-cover>li>a {
    padding-bottom: 10px
}

@media (max-width: 960px) {
    .homelist.is-card>li, .homelist>li.is-card {
        float: left;
        width: 50% !important;
        padding: 10px 10px 0 0;
        border-bottom: 0
    }

    .homelist.is-card>li a, .homelist>li.is-card a {
        height: auto;
        padding-bottom: 10px;
        padding: 0
    }

    .homelist.is-card>li .homelist-image, .homelist.is-card>li .homelist-thumb, .homelist>li.is-card .homelist-image, .homelist>li.is-card .homelist-thumb {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: 100%;
        height: 0
    }

    .homelist.is-card>li .homelist-title, .homelist>li.is-card .homelist-title {
        position: static
    }

    .homelist.is-card>li .homelist-title-cut, .homelist>li.is-card .homelist-title-cut {
        white-space: normal
    }
}

.homelist[data-cols='8']>li .homelist-type, .homelist[data-cols='8']>li .homelist-author {
    display: none
}

.homelist[data-cols='8']>li.is-double .homelist-type, .homelist[data-cols='8']>li.is-double .homelist-author, .homelist[data-cols='8']>li.is-huge .homelist-type, .homelist[data-cols='8']>li.is-huge .homelist-author {
    display: block
}

.homelist[data-cols='4']>li {
    width: 23.3333333333%
}

.homelist[data-cols='4']>li .homelist-type, .homelist[data-cols='4']>li .homelist-author {
    display: block
}

.homelist[data-cols='4']>li.is-card>a {
    height: 215px
}

.homelist[data-cols='5']>li {
    width: 18.3333333333%
}

.homelist[data-cols='5']>li.is-card .homelist-image, .homelist[data-cols='5']>li.is-card .homelist-thumb {
    padding-bottom: 100%
}

.homelist[data-cols='5']>li.is-card .homelist-image:before, .homelist[data-cols='5']>li.is-card .homelist-thumb:before {
    border: 1px solid #c5cbd3
}

@media (min-width: 961px) {
    .homelist[data-cols='5'].homelist--free {
        margin-left: -5.9322033898%
    }

    .homelist[data-cols='5'].homelist--free>li {
        width: 14.4%;
        margin-left: 5.6%
    }
}

.homelist[data-cols='5'].is-square>li>a {
    height: auto;
    padding-bottom: 10px
}

.homelist[data-cols='5'].is-square>li .homelist-type, .homelist[data-cols='5'].is-square>li .homelist-author {
    display: block
}

.homelist[data-cols='5'].is-square>li .homelist-image, .homelist[data-cols='5'].is-square>li .homelist-thumb {
    padding-bottom: 100%
}

.homelist[data-cols='6']>li {
    width: 15%
}

.homelist[data-cols='6']>li.is-card .homelist-image, .homelist[data-cols='6']>li.is-card .homelist-thumb {
    padding-bottom: 100%
}

.homelist[data-cols='6']>li.is-card .homelist-image:before, .homelist[data-cols='6']>li.is-card .homelist-thumb:before {
    border: 1px solid #c5cbd3
}

@media (min-width: 961px) {
    .homelist[data-cols='6']#home-lastseen-comic-list>li:nth-of-type(12)~li {
        display: none
    }
}

@media (max-width: 960px) {
    .homelist[data-cols='6'].is-cover>li>a {
        padding-bottom: 0
    }
}

@media (max-width: 960px) {
    .homelist .empty-set {
        margin-top: 10%;
        width: 100% !important;
        padding-bottom: 80px;
        text-align: center;
        border: none !important
    }

    .homelist .empty-set .empty-image {
        display: inline-block;
        width: 210px;
        height: 210px;
        background-color: #E0E0E0;
        background-color: rgba(0, 0, 0, 0.1);
        background-image: url(../images/img-fail.png);
        background-repeat: no-repeat;
        background-size: 50% auto;
        background-position: 50% 50%;
        border-radius: 10px
    }

    .homelist .empty-set .empty-text {
        margin-top: 10px;
        font-size: 16px
    }
}

#home-sale-list .is-double {
    width: 31.6666666667%
}

.homelist.is-rank>li.is-adult.is-card .homelist-image:after, .homelist.is-rank>li.is-adult.is-card .homelist-thumb:after {
    content: none
}

.homelist.is-rank>li.is-adult.is-card .homelist-genre span {
    display: inline-block;
    vertical-align: middle
}

.homelist.is-rank>li.is-adult.is-card .homelist-genre:after {
    display: inline-block;
    vertical-align: middle;
    min-width: 18px;
    height: 18px;
    line-height: 20px;
    margin-left: 4px;
    color: #FFF;
    font-size: 11px;
    text-align: center;
    background: #acb3bd;
    background: rgba(160, 169, 175, 0.8);
    border-radius: 20px;
    white-space: nowrap;
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

.ko-KR .homelist.is-rank>li.is-adult.is-card .homelist-genre:after {
    content: '19'
}

.en-US .homelist.is-rank>li.is-adult.is-card .homelist-genre:after {
    content: 'R'
}

.ja-JP .homelist.is-rank>li.is-adult.is-card .homelist-genre:after {
    content: none
}

.homelist-updown {
    display: none
}

.homelist-image, .homelist-thumb {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-position: 50% 50%;
    background-size: 100%;
    background-size: cover;
    background-color: #d1d5dc
}

.homelist-image:before, .homelist-thumb:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: 1px solid #c5cbd3;
    pointer-events: none
}

@media (max-width: 960px) {
    .homelist-icon, .homelist-image, .homelist-thumb {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 65px;
        padding-bottom: 65px
    }

    .homelist-icon {
        z-index: 1
    }

    .homelist-image:before, .homelist-thumb:before {
        content: none
    }
}

.homelist-genre {
    padding-top: 3px;
    padding-bottom: 7px;
    line-height: 1.4;
    font-size: 13px;
    color: #8fa6c0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 960px) {
    .homelist-genre {
        font-size: 12px
    }
}

.homelist-title {
    font-size: 14px;
    color: #000;
    line-height: 1.2;
    margin-top: 6px
}

.homelist-title>span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 3px
}

@media (max-width: 960px) {
    .homelist-title {
        padding-top: 0;
        font-size: 15px
    }

    .homelist-title span {
        padding-top: 3px
    }
}

.homelist-type, .homelist-author {
    font-size: 12px;
    color: #777;
    line-height: 1.2;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 960px) {
    .homelist-type, .homelist-author {
        display: block;
        top: 24px;
        font-size: 12px;
        color: #999 !important
    }

    .is-rank .homelist-type, .is-rank .homelist-author {
        display: none !important
    }
}

.homelist-duration {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-bottom: 50%
}

.homelist-duration span {
    position: absolute;
    bottom: 7.1428571429%;
    right: 10px;
    width: 60px;
    height: 20px;
    line-height: 20px;
    color: #FFF;
    font-size: 11px;
    text-align: center;
    background: #000;
    background: rgba(0, 0, 0, 0.5)
}

@media (max-width: 960px) {
    .homelist-duration {
        padding-bottom: 0;
        height: auto;
        font-size: 12px;
        line-height: 1
    }

    .homelist-duration span {
        position: static;
        background: none;
        color: #999
    }
}

@media (max-width: 960px) {
    .homelist-title, .homelist-type, .homelist-author, .homelist-genre, .homelist-duration {
        width: 100%;
        padding: 3px 0 0 75px;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #000
    }
}

.homelist.is-rank>li.is-card.is-double>a {
    height: 224px
}

@media (max-width: 960px) {
    .homelist.is-rank>li.is-adult.is-huge .homelist-image:after, .homelist.is-rank>li.is-adult.is-huge .homelist-thumb:after {
        content: none
    }

    .homelist.is-rank>li.is-adult.is-huge .homelist-genre span {
        display: inline-block;
        vertical-align: middle
    }

    .homelist.is-rank>li.is-adult.is-huge .homelist-genre:after {
        display: inline-block;
        vertical-align: middle;
        min-width: 18px;
        height: 18px;
        line-height: 20px;
        margin-left: 4px;
        color: #FFF;
        font-size: 11px;
        text-align: center;
        background: #acb3bd;
        background: rgba(160, 169, 175, 0.8);
        border-radius: 20px;
        white-space: nowrap;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    .ko-KR .homelist.is-rank>li.is-adult.is-huge .homelist-genre:after {
        content: '19'
    }

    .en-US .homelist.is-rank>li.is-adult.is-huge .homelist-genre:after {
        content: 'R'
    }

    .ja-JP .homelist.is-rank>li.is-adult.is-huge .homelist-genre:after {
        content: none
    }
}

.msg-fail {
    margin-top: 10%;
    text-align: center
}

.msg-fail:before {
    content: '';
    display: block;
    width: 115px;
    height: 86px;
    margin: auto;
    background-image: url(../images/img-msg-fail.png);
    background-size: 100% auto;
    background-repeat: no-repeat
}

.msg-fail span {
    display: block;
    margin: 35px 0 40px;
    font-size: 18px;
    line-height: 1.8;
    font-weight: 500
}

.btn-msg {
    display: inline-block;
    min-width: 220px;
    height: 50px;
    line-height: 50px;
    margin: auto;
    background: #e50020;
    color: #FFF;
    font-size: 18px
}

.pagination {
    margin: 19px 0 9px;
    font-size: 0;
    text-align: center
}

.pagination a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 5px;
    font-size: 14px;
    color: #666;
    text-align: center;
    background: #FFF
}

.pagination a.is-on {
    color: #FFF;
    background: #e4213b
}

.reco-badge-novel {
    display: none
}

.coach-tooltip {
    position: absolute;
    z-index: 1;
    padding: 14px 16px;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.3;
    text-align: center;
    background: #363a47;
    border-radius: 2px
}

.coach-tooltip.is-hide {
    display: none !important
}

.coach-tooltip:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0
}

@media (min-width: 1281px) {
    [data-screen] .wrap {
        max-width: 1200px
    }
}

.paging {
    font-size: 0;
    text-align: center
}

.paging__btn {
    line-height: 1;
    margin-top: 20px;
    background: #FFF;
    border: solid 1px #dbdee3;
    box-sizing: border-box
}

@media (min-width: 961px) {
    .paging__btn {
        height: 48px;
        width: 48px
    }

    .paging__btn:before {
        content: "";
        font-family: 'lzcon';
        font-size: 14px;
        color: #000;
        margin-right: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

@media (max-width: 960px) {
    .paging__btn {
        height: 40px;
        width: 40px;
        border: solid 1px #747474
    }

    .paging__btn:before {
        content: "";
        font-family: 'lzcon';
        font-size: 12px;
        color: #000;
        margin-right: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

.paging__btn:disabled {
    background: transparent;
    border: solid 1px #dbdee3 !important
}

.paging__btn:disabled:before {
    color: #c5cbd3 !important
}

.paging__btn:hover {
    border: solid 1px #747474
}

.paging__btn--prev {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.paging__page {
    display: inline-block;
    width: 90px;
    font-size: 14px
}

.is-loading--fixed:before {
    content: '';
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    margin-left: -24px;
    border-radius: 6px;
    background-color: rgba(54, 58, 71, 0.6)
}

.is-loading--fixed:after {
    content: '';
    position: fixed;
    z-index: 1001;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 100%;
    border: 3px solid rgba(255, 255, 255, 0.4);
    border-top-color: #FFF;
    -webkit-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite;
    box-sizing: border-box
}

label.checkbox {
    position: relative;
    display: inline-block;
    padding-left: 29px;
    line-height: 1.6
}

label.checkbox input[type='checkbox'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    -webkit-appearance: none
}

label.checkbox input[type='checkbox']+i {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url(../images/img-bulk-checkbox.png);
    background-size: 40px 40px;
    vertical-align: middle;
    pointer-events: none
}

label.checkbox input[type='checkbox']+i.gray {
    background-image: url("../images/img-bulk-checkbox-gray.png")
}

label.checkbox input[type='checkbox']:checked+i {
    background-position: -20px -20px
}

.is-preloader {
    position: relative
}

.is-preloader:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 28px;
    margin: -14px 0 0 -14px;
    background: url(../images/loader-red.svg) no-repeat 50% 50%;
    will-change: transform;
    -webkit-animation: rotating 1s linear infinite;
    -moz-animation: rotating 1s linear infinite;
    -ms-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite;
    z-index: 100
}

.is-preloader--spread:before {
    width: 26px;
    height: 26px;
    border: 2px solid #e50f24;
    border-radius: 50%;
    background: none;
    display: block;
    will-change: opacity, transform;
    -webkit-animation: spread 1s ease-out infinite;
    -moz-animation: spread 1s ease-out infinite;
    -ms-animation: spread 1s ease-out infinite;
    animation: spread 1s ease-out infinite
}

.is-preloader--big:before {
    width: 46px;
    height: 46px;
    margin: -23px 0 0 -23px
}

.is-preloader--big.is-preloader--spread:before {
    width: 42px;
    height: 42px;
    border: 4px solid #e50f24
}

.is-preloader--white:before {
    background-image: url(../fonts/loader-white.svg)
}

.is-preloader--white.is-preloader--spread:before {
    background-image: none;
    border-color: #fff
}

button.is-preloader {
    color: transparent !important
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fade {

    0%,
    100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes fade {

    0%,
    100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes spread {
    0% {
        transform: scale(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes spread {
    0% {
        transform: scale(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

.toast {
    display: none;
    position: fixed;
    z-index: 901;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    white-space: nowrap;
    font-size: 0
}

.is-loading--fixed .toast {
    z-index: 1001
}

.toast:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.toast__wrap {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
    white-space: normal;
    border-radius: 6px;
    background-color: rgba(54, 58, 71, 0.95)
}

@media (min-width: 961px) {
    .toast__wrap {
        max-width: 368px;
        padding: 20px
    }
}

@media (max-width: 960px) {
    .toast__wrap {
        width: 76%;
        padding: 16px 20px
    }
}

.ko-KR .toast__wrap {
    word-break: keep-all;
    word-wrap: break-word
}

.toast__subject {
    margin-bottom: 1em;
    font-weight: 600;
    line-height: 1.3
}

@media (min-width: 961px) {
    .toast__subject {
        font-size: 18px
    }
}

@media (max-width: 960px) {
    .toast__subject {
        font-size: 14px
    }
}

.toast__subject:empty {
    display: none
}

.toast__message {
    line-height: 1.7;
    font-weight: 300
}

@media (min-width: 961px) {
    .toast__message {
        font-size: 14px
    }
}

@media (max-width: 960px) {
    .toast__message {
        font-size: 13px
    }
}

@media (max-width: 960px) {
    button, textarea, [type='email'], [type='password'], [type='text'], [type='tel'], [type='search'] {
        box-sizing: border-box;
        -webkit-appearance: none
    }

    .en-US .us-only.mobile, .ko-KR .kr-only.mobile, .ja-JP .jp-only.mobile {
        display: block !important
    }

    .mobile-hide, .phone-hide, .tablet-hide {
        display: none !important
    }

    .mobile, .phone, .tablet {
        display: block
    }

    .wrap {
        padding: 0;
        width: auto !important
    }
}

@media (max-width: 960px) and (orientation: landscape) {
    .tt-dropdown-menu {
        max-height: 183px
    }
}

@media (max-width: 960px) {
    #comic-completed-list, #comic-printed-list, #free-genre {
        background: transparent;
        border: 0;
        padding-bottom: 50px
    }

    .homelist--inline {
        padding-left: 3.125%;
        padding-right: 3.125%
    }

    .homelist--inline>li {
        display: inline-block;
        width: 43.3333333333% !important;
        margin-top: 10px !important;
        margin-left: 3.3333333333% !important;
        margin-right: 3.3333333333% !important;
        border: 0
    }

    .homelist--inline>li a {
        padding: 0;
        height: auto
    }

    .homelist--inline>li.is-up .homelist-icon:before {
        top: 1px;
        right: 1px;
        width: 22px;
        height: 22px;
        line-height: 22px
    }

    .homelist--inline>li.is-new .homelist-title:after {
        display: none
    }

    .homelist--inline>li.is-new .homelist-icon:after {
        content: '';
        width: 48px;
        height: 48px;
        background-size: 100% 100%;
        top: 1px;
        left: 1px
    }

    .homelist--inline .homelist-icon {
        left: 0;
        top: 0;
        width: 100%
    }

    .homelist--inline .homelist-thumb {
        position: relative;
        width: auto;
        left: auto;
        top: auto;
        border: solid 1px #c5cbd3
    }

    .homelist--inline .homelist-title {
        padding: 7px 0;
        font-size: 13px
    }

    .homelist--inline .homelist-genre {
        padding: 0;
        font-size: 12px
    }

    .homelist--inline .homelist-author {
        padding: 8px 0;
        font-size: 11px
    }

    .homelist--free {
        margin-top: 7px;
        padding-left: 3.4375%;
        padding-right: 0
    }

    .homelist--free>li {
        width: 38.8% !important;
        margin-top: 10px !important;
        margin-left: 4.6875% !important;
        margin-right: 4.6875% !important
    }
}

.mainwrapper {
    padding-top: 60px;
    -webkit-transition: padding-top .4s;
    -moz-transition: padding-top .4s;
    -ms-transition: padding-top .4s;
    transition: padding-top .4s
}

.topBanner--on .mainwrapper {
    padding-top: 128px
}

.topBanner--on .mainwrapper .mainheader, .topBanner--on .mainwrapper .search, .topBanner--on .mainwrapper .sidenav {
    top: 68px
}

#mainheader-subtabs {
    display: none
}

.ko-KR .mainwrapper {
    padding-top: 60px
}

.ko-KR .mainwrapper .search, .ko-KR .mainwrapper .sidenav {
    top: 0px
}

.ko-KR.topBanner--on .mainwrapper {
    padding-top: 178px
}

.ko-KR.topBanner--on .mainwrapper .search, .ko-KR.topBanner--on .mainwrapper .sidenav {
    top: 118px
}

@media (max-width: 960px) {
    .ko-KR .mainwrapper, .mainwrapper {
        padding-top: 95px
    }

    .ko-KR .mainwrapper .mainheader, .ko-KR .mainwrapper .search, .ko-KR .mainwrapper .sidenav, .mainwrapper .mainheader, .mainwrapper .search, .mainwrapper .sidenav {
        top: 0
    }

    .topBanner--on.ko-KR .ko-KR .mainwrapper, .topBanner--on .ko-KR .mainwrapper, .topBanner--on.ko-KR .mainwrapper, .topBanner--on .mainwrapper {
        padding-top: 155px
    }

    .topBanner--on.ko-KR .ko-KR .mainwrapper .mainheader, .topBanner--on.ko-KR .ko-KR .mainwrapper .search, .topBanner--on.ko-KR .ko-KR .mainwrapper .sidenav, .topBanner--on .ko-KR .mainwrapper .mainheader, .topBanner--on .ko-KR .mainwrapper .search, .topBanner--on .ko-KR .mainwrapper .sidenav, .topBanner--on.ko-KR .mainwrapper .mainheader, .topBanner--on.ko-KR .mainwrapper .search, .topBanner--on.ko-KR .mainwrapper .sidenav, .topBanner--on .mainwrapper .mainheader, .topBanner--on .mainwrapper .search, .topBanner--on .mainwrapper .sidenav {
        top: 60px
    }
}

@media (min-width: 961px) and (max-width: 1280px) {
    .ko-KR.topBanner--on .mainwrapper {
        padding-top: 103px
    }

    .ko-KR.topBanner--on .mainwrapper .search, .ko-KR.topBanner--on .mainwrapper .sidenav {
        top: 53px !important
    }
}

@media (min-width: 1281px) {
    .ko-KR.topBanner--on .mainwrapper {
        padding-top: 140px
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .topBanner, .mainheader, .search, .sidenav {
        -ms-transition: initial !important
    }
}

.mainheader {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    box-sizing: content-box;
    -webkit-transition: top .4s;
    -moz-transition: top .4s;
    -ms-transition: top .4s;
    transition: top .4s;
    will-change: top
}

@media (max-width: 960px) {
    .mainheader {
        border: 0
    }

    .is-side-open .mainheader {
        z-index: 88
    }

    .is-searching .mainheader {
        z-index: 91
    }
}

@media screen and (max-width: 320px), screen and (max-width: 960px) and (orientation: landscape) {
    .mainheader {
        position: absolute
    }
}

.mainheader-top {
    box-sizing: border-box
}

@media (max-width: 960px) {
    .mainheader-top {
        float: none;
        height: auto;
        text-align: left;
        font-size: 0;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
        background-color: #c62828;
        color: #FFF
    }
}

.mainheader-logo {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #e50020
}

@media (max-width: 960px) {
    .mainheader-logo {
        position: relative;
        z-index: 5;
        float: none;
        margin: 0;
        width: 70px;
        height: 50px;
        line-height: 50px;
        padding-left: 20px;
        text-align: left;
        background-color: transparent
    }
}

.mainheader-logo i {
    display: inline-block;
    width: 38px;
    height: 42px;
    vertical-align: middle;
    background: url("../images/lzlogo_30.png") no-repeat;
    margin-top: -3px;
    background-size: 100% auto
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .mainheader-logo i {
        background-image: url("../images/lzlogo_60.png")
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2.5) {
    .mainheader-logo i {
        background-image: url("../images/lzlogo_90.png")
    }
}

.mainheader-logo .a11y {
    left: auto
}

@media (min-width: 961px) {
    .is-dark {
        border-bottom: 0
    }

    .is-dark .mainheader-top {
        background: #1a1d24
    }

    .is-dark .nav-main__link {
        color: #FFF !important
    }

    .is-red {
        border-bottom: 0
    }

    .is-red .mainheader-top {
        background: #c62828
    }

    .is-red .nav-main__link {
        color: #FFF !important
    }
}

.mainheader.is-dark~.main #comic-top100-tabs, .mainheader.is-red~.main #comic-top100-tabs {
    display: none
}

.search {
    position: fixed;
    z-index: 93;
    top: 0;
    right: 0;
    width: 100%;
    box-sizing: border-box;
    -webkit-transition: top .4s;
    -moz-transition: top .4s;
    -ms-transition: top .4s;
    transition: top .4s
}

.search input {
    display: none
}

@media screen and (max-width: 320px), screen and (max-width: 960px) and (orientation: landscape) {
    .search {
        position: absolute
    }
}

@media (max-width: 960px) {
    .is-side-open .search {
        z-index: 88
    }
}

.search .twitter-typeahead {
    position: absolute !important;
    top: 10px;
    right: 60px
}

.search .twitter-typeahead:before {
    content: "";
    font-family: 'lzcon';
    font-size: 17px;
    color: #c5cbd3;
    margin-right: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width: 960px) {
    .search .twitter-typeahead {
        top: 50px;
        right: 0;
        width: 100%;
        background: #FFF
    }
}

.search .twitter-typeahead:before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 8px
}

@media (max-width: 960px) {
    .search .twitter-typeahead:before {
        display: none;
        pointer-events: none;
        z-index: 10;
        color: #FFF;
        height: 50px;
        line-height: 50px;
        right: 11px
    }
}

.search .twitter-typeahead:hover:before {
    color: #9da4ae
}

@media (max-width: 960px) {
    .search .twitter-typeahead:hover:before {
        color: #FFF
    }
}

.search .twitter-typeahead:hover .tt-hint {
    background-color: #FFF !important
}

.search .twitter-typeahead input {
    display: inline-block;
    width: 130px;
    height: 36px;
    line-height: 20px;
    padding: 8px 30px 8px 17px;
    border-radius: 36px;
    border: 1px solid #dbdee3;
    color: #000;
    font-size: 14px;
    vertical-align: middle;
    transition: all .2s;
    outline: none;
    -webkit-appearance: none
}

.search .twitter-typeahead input::-webkit-input-placeholder {
    color: transparent;
    font-weight: 100;
    font-size: 1em
}

.search .twitter-typeahead input::-moz-placeholder {
    color: transparent;
    font-weight: 100;
    font-size: 1em
}

.search .twitter-typeahead input:-ms-input-placeholder {
    color: transparent;
    font-weight: 100;
    font-size: 1em
}

.search .twitter-typeahead input:hover {
    width: 240px
}

.search .twitter-typeahead input:hover::-webkit-input-placeholder {
    color: #999;
    font-weight: 100;
    font-size: 1em
}

.search .twitter-typeahead input:hover::-moz-placeholder {
    color: #999;
    font-weight: 100;
    font-size: 1em
}

.search .twitter-typeahead input:hover:-ms-input-placeholder {
    color: #999;
    font-weight: 100;
    font-size: 1em
}

.search .twitter-typeahead input:focus, .search .twitter-typeahead input:active {
    width: 240px;
    border: 1px solid #c5cbd3
}

@media (max-width: 960px) {
    .search .twitter-typeahead input {
        display: none;
        position: absolute;
        z-index: 5;
        top: 0;
        right: 0;
        width: 100%;
        height: 50px;
        line-height: 30px;
        padding: 5px 5px 5px 12px;
        border-radius: 0;
        background-color: #c62828;
        border: 5px solid #b71c1c;
        color: #000;
        font-weight: 300;
        font-size: 16px;
        background: #FFF
    }

    .search .twitter-typeahead input:hover {
        width: 100%
    }

    .search .twitter-typeahead input:active, .search .twitter-typeahead input:focus {
        border: 5px solid #b71c1c
    }

    .search .twitter-typeahead input:focus {
        width: 100% !important
    }
}

.search .twitter-typeahead input.tt-hint {
    width: 100%;
    background-color: #eff1f4 !important
}

.search .twitter-typeahead input.tt-hint:focus, .search .twitter-typeahead input.tt-hint:active {
    width: 240px;
    background-color: #FFF;
    border: 1px solid #c5cbd3;
    background-color: #FFF !important
}

@media (max-width: 960px) {
    .is-searching .twitter-typeahead input {
        display: block
    }
}

@media (max-width: 960px) {
    .btn-search {
        position: absolute;
        top: 0;
        right: 43px;
        width: 43px;
        height: 50px;
        line-height: 50px;
        border: 0
    }

    .btn-search:before {
        content: "";
        font-family: 'lzcon';
        font-size: 16px;
        color: #FFF;
        margin-right: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .btn-search:before {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center
    }
}

.tt-menu {
    background: #fff;
    position: absolute;
    top: 50px !important;
    left: auto !important;
    right: 0 !important;
    overflow-y: auto;
    z-index: 100;
    display: block;
    box-shadow: 0 1px 2px rgba(128, 128, 128, 0.6)
}

@media (max-width: 960px) {
    .tt-menu {
        display: block;
        width: 100%;
        background: #FFF;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media screen and (max-width: 320px), screen and (max-width: 960px) and (orientation: landscape) {
    .tt-menu {
        height: auto !important;
        overflow: hidden;
        max-height: none
    }
}

@media (min-width: 640px) and (max-width: 960px) {
    .tt-menu {
        max-height: 305px
    }
}

.tt-heading {
    height: 33px;
    line-height: 33px;
    padding-left: 10px;
    color: #888;
    font-size: 13px;
    text-align: left;
    background: #f7f7f7;
    border-top: 1px solid #eff1f4;
    border-bottom: 1px solid #eff1f4
}

@media (max-width: 960px) {
    .tt-heading {
        padding-left: 17px
    }
}

.tt-dataset {
    background: #fff;
    width: 240px
}

@media (max-width: 960px) {
    .tt-dataset {
        width: 100%;
        overflow: hidden
    }
}

.tt-notfound {
    height: 60px;
    line-height: 60px;
    padding: 0 10px
}

.tt-suggestion {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    cursor: pointer;
    height: 58px;
    margin: 0;
    padding: 4px 10px;
    position: relative
}

@media (max-width: 960px) {
    .tt-suggestion {
        border-bottom: 1px solid #DDD;
        height: 60px;
        padding: 10px 10px 10px 17px
    }
}

@media (min-width: 640px) and (max-width: 960px) {
    .tt-suggestion {
        float: left;
        width: 50%
    }
}

.tt-suggestion .comic-artist, .tt-suggestion .comic-title {
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    padding-right: 50px
}

.tt-suggestion .comic-artist {
    color: #666;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 960px) {
    .tt-suggestion .comic-artist, .tt-suggestion .comic-genre {
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        font-weight: 100
    }
}

.tt-suggestion .comic-title {
    font-weight: 700;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 960px) {
    .tt-suggestion .comic-title {
        height: 20px;
        line-height: 20px;
        font-size: 16px;
        font-weight: 100
    }
}

.tt-suggestion .comic-thumb {
    position: absolute;
    right: 4px;
    top: 4px;
    width: 50px;
    height: 50px;
    background-size: 50px 50px
}

.tt-cursor {
    background: #f5f5f5
}

.mainheader-logo {
    float: left
}

.mainheader {
    background-color: #FFF;
    z-index: 90
}

.nav-main {
    float: left;
    margin-left: 30px;
    font-size: 0;
    line-height: 0;
    white-space: nowrap
}

@media (max-width: 960px) {
    .nav-main {
        float: none;
        position: static;
        width: 100%;
        padding: 0 2%;
        margin: 0;
        background-color: #FFF;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .nav-main__list {
        white-space: nowrap
    }

    .ja-JP .nav-main__list, .en-US .nav-main__list {
        min-width: 100%;
        display: table
    }
}

.nav-main__list-sub {
    position: absolute;
    width: 160px;
    border: 1px solid #dbdee3;
    border-top: 0;
    background: #fff
}

@media (max-width: 960px) {
    .nav-main__list-sub {
        position: static;
        width: auto;
        display: inline-block;
        white-space: nowrap;
        border: 0
    }
}

.nav-main__item {
    position: relative;
    display: inline-block;
    margin-right: 10px
}

.nav-main__item--sub {
    display: block;
    margin: 0
}

.nav-main__item--show {
    display: inline-block
}

@media (max-width: 960px) {
    .nav-main__item {
        display: inline-block;
        margin: 0
    }

    .ja-JP .nav-main__item, .en-US .nav-main__item {
        display: table-cell
    }
}

.nav-main__link {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0 16px;
    height: 60px;
    line-height: 64px;
    font-size: 16px;
    text-align: center;
    border: 0
}

.en-US .nav-main__link {
    text-transform: uppercase
}

.nav-main__link--sub {
    padding: 0 20px;
    text-align: left;
    border-top: 1px solid #dbdee3
}

@media (min-width: 961px) {
    .nav-main__link--sub {
        border-bottom: 0 !important
    }
}

@media (max-width: 960px) {
    .nav-main__link--sub {
        border: 0;
        text-align: center
    }
}

.nav-main__link:empty {
    display: none
}

.nav-main__link:hover, .nav-main__link:focus {
    color: #f1272b
}

.nav-main__link:hover i, .nav-main__link:focus i {
    display: block
}

.nav-main__link--more:after {
    content: '';
    display: inline-block;
    border-style: solid;
    border-color: #333 transparent transparent;
    border-width: 6px 4px 3px;
    margin-left: 8px
}

.nav-main__link--more:hover:after, .nav-main__link--more:focus:after {
    border-top-color: #f1272b
}

@media (max-width: 960px) {
    .nav-main__link--more {
        display: none
    }
}

.nav-main__link.is-new:after, .nav-main__link.is-up:after {
    position: relative;
    top: auto;
    right: auto;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    border-radius: 100%;
    color: #FFF;
    font-size: 11px;
    line-height: 18px;
    display: inline-block;
    vertical-align: 8px;
    background: #e60000
}

@media (max-width: 960px) {
    .nav-main__link.is-new:after, .nav-main__link.is-up:after {
        margin-left: 2px
    }
}

.nav-main__link.is-new:after {
    content: 'N'
}

.nav-main__link.is-up:after {
    content: 'up'
}

@media (max-width: 960px) {
    .nav-main__link {
        height: 45px;
        line-height: 39px;
        min-width: 0;
        padding: 4px 16px 0;
        color: #333;
        font-size: 15px;
        border-bottom: 4px solid transparent
    }

    .en-US .nav-main__link {
        padding: 4px 0 0
    }

    .ja-JP .nav-main__link {
        padding: 4px 8px 0
    }

    .nav-main__link _:-ms-input-placeholder, :root .nav-main__link {
        display: table-cell
    }

    .nav-main__link.is-on {
        color: #e4213b
    }

    .nav-main__link.desktop-only {
        display: none
    }

    .nav-main__link i {
        display: none !important
    }

    .nav-main__link.is-new:before, .nav-main__link.is-up:before {
        content: ''
    }

    .nav-main__link.is-new:after, .nav-main__link.is-up:after {
        width: 15px;
        height: 15px;
        font-size: 10px;
        line-height: 15px;
        letter-spacing: 0
    }

    .nav-main__link.is-new:before {
        content: ''
    }

    .nav-main__link.is-new:after {
        content: 'N'
    }

    .ja-JP .nav-main__link[data-subtabname='otona'] {
        min-width: 36px;
        color: #FFF !important;
        font-size: 11px;
        letter-spacing: -.15em;
        line-height: 37px;
        background: url("../images/img-bl-bg.png") no-repeat 50% 80%;
        background-size: 36px 36px
    }

    .ja-JP .nav-main__link[data-subtabname='otona']:before, .ja-JP .nav-main__link[data-subtabname='otona']:after {
        content: none
    }
}

.nav-main i {
    display: none;
    position: absolute;
    left: 51px;
    top: 38px;
    width: 128px;
    height: 30px;
    padding-left: 10px;
    line-height: 30px;
    font-size: 12px;
    color: #9d9fb1;
    text-align: center;
    font-style: normal;
    background: url(../images/bg_theme_btn.png) no-repeat
}

.nav-main__link.is-on, [data-tab='home'] .nav-main__link[data-tabname='home'], [data-tab='comic'] .nav-main__link[data-tabname='comic'], [data-tab='ranking'] .nav-main__link[data-tabname='ranking'], [data-subtab='scheduled'] .nav-main__link[data-subtabname='scheduled'], [data-subtab='free'] .nav-main__link[data-subtabname='free'], [data-subtab='completed'] .nav-main__link[data-subtabname='completed'], [data-subtab='printed'] .nav-main__link[data-subtabname='printed'], [data-subtab='top100'] .nav-main__link[data-subtabname='top100'], [data-subtab='sale'] .nav-main__link[data-subtabname='sale'], [data-subtab='otona'] .nav-main__link[data-subtabname='otona'], [data-subtab='bl'] .nav-main__link[data-subtabname='bl'] {
    color: #f1272b;
    border-bottom: 4px solid #f1272b
}

@media (max-width: 960px) {
    .ja-JP [data-subtabname='top100'], .ja-JP [data-subtabname='sale'], .ja-JP [data-subtabname='printed'] {
        letter-spacing: -.075em
    }

    .ja-JP [data-subtabname='sale'] {
        left: -2px
    }
}

@media (min-width: 961px) {
    [data-subtab='completed'] .nav-main__link--sub[data-subtabname='completed'], [data-subtab='printed'] .nav-main__link--sub[data-subtabname='printed'] {
        background: #eff1f4
    }
}

.mainheader-logins {
    float: right;
    margin-top: 12px;
    padding: 0 10px;
    line-height: 36px;
    border-radius: 18px;
    background-color: #eff1f4
}

@media (max-width: 960px) {
    .mainheader-logins {
        display: none
    }
}

.mainheader-logins a {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    font-size: 12px;
    color: #777
}

.mainheader-logins a+a:before {
    content: '';
    position: absolute;
    top: 12px;
    left: -2px;
    width: 0;
    height: 11px;
    border-left: 1px solid #aaa
}

.sidenav {
    position: fixed;
    z-index: 93;
    top: 0;
    right: 0;
    width: 100%;
    box-sizing: border-box;
    -webkit-transition: top .4s;
    -moz-transition: top .4s;
    -ms-transition: top .4s;
    transition: top .4s
}

@media screen and (max-width: 320px), screen and (max-width: 960px) and (orientation: landscape) {
    .sidenav {
        position: absolute
    }
}

.btn-menu {
    position: absolute;
    overflow: visible;
    top: 8px;
    right: 10px;
    width: 40px;
    height: 40px;
    padding: 2px;
    line-height: 36px;
    text-align: center;
    border: 0;
    box-sizing: border-box
}

.btn-menu:before {
    content: "";
    font-family: 'lzcon';
    font-size: 14px;
    color: #FFF;
    margin-right: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn-menu:before {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #c5cbd3;
    border-radius: 100%;
    text-align: center
}

@media (max-width: 960px) {
    .btn-menu {
        top: 0;
        right: 0;
        width: 43px;
        height: 50px;
        padding: 0;
        line-height: 50px;
        background-color: transparent;
        border-radius: none;
        text-align: center
    }

    .btn-menu:before {
        content: "";
        font-family: 'lzcon';
        font-size: 14px;
        color: #FFF;
        margin-right: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .btn-menu:before {
        background: none
    }
}

.sidenav[data-logged='0'].is-on .sidenav-login, .sidenav[data-logged='1'].is-on .sidenav-wrap {
    display: block
}

.logged, .unlogged {
    display: none !important
}

.sidenav[data-logged='0'] .unlogged, .sidenav[data-logged='1'] .logged {
    display: block !important
}

.sidenav-login, .sidenav-wrap {
    display: none;
    position: absolute;
    top: 47px;
    right: -10px;
    width: 262px;
    padding: 13px 10px 10px
}

@media (max-width: 960px) {
    .sidenav-wrap {
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }
}

.sidenav-wrap:before {
    content: '';
    position: absolute;
    top: 3px;
    right: 34px;
    width: 0;
    height: 0;
    border-bottom: 11px solid #373f4e;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent
}

@media (max-width: 960px) {
    .sidenav-wrap:before {
        display: none
    }
}

.sidenav-top {
    color: #FFF;
    line-height: 1.6;
    background: #373f4e;
    border: 1px solid #373f4e
}

@media (max-width: 960px) {
    .sidenav-top {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 212px;
        height: 76px;
        font-size: 12px;
        background: #212025;
        border: 0
    }

    .is-logged .sidenav-top {
        display: block
    }

    .is-logged .sidenav-top+.sidenav-bottom {
        top: 76px;
        height: auto
    }

    .is-logged [data-attend='active'] .sidenav-top {
        height: 116px
    }

    .sidenav-top .sidenav-coin {
        font-size: 12px
    }
}

.sidenav-bottom {
    background: #FFF;
    border: 1px solid #dee0e3;
    border-top: 0
}

@media (max-width: 960px) {
    .sidenav-bottom {
        position: absolute;
        top: 0;
        right: 0;
        width: 212px;
        height: 100%;
        min-height: calc(100% - 76px);
        background: #212025;
        border: 0
    }

    .ko-KR.is-android .sidenav-bottom, .ja-JP.is-android .sidenav-bottom {
        padding-bottom: 70px
    }

    .is-logged [data-attend='active'] .sidenav-bottom {
        top: 116px;
        min-height: calc(100% - 116px)
    }
}

.sidenav-bottom>a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 20px;
    border-top: 1px solid #dbdee3
}

@media (max-width: 960px) {
    .sidenav-bottom>a {
        padding: 0 0 0 25px;
        color: #a9a9aa;
        background: #212025;
        border-top: 1px solid #18181b
    }
}

.sidenav-law {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 0
}

.sidenav-law a {
    display: inline-block;
    padding-left: 25px;
    height: 40px;
    line-height: 40px;
    color: rgba(169, 169, 169, 0.7);
    font-size: 11px
}

.sidenav-law .lezhinplus {
    display: none;
    position: relative;
    padding-left: 54px;
    height: 54px;
    color: #000;
    font-size: 14px;
    line-height: 1;
    background: #FFF;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.ko-KR .sidenav-law .lezhinplus {
    word-break: keep-all
}

.ja-JP .sidenav-law .lezhinplus {
    font-size: 12px
}

.is-android .sidenav-law .lezhinplus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sidenav-law .lezhinplus:before {
    content: '';
    position: absolute;
    left: 7px;
    top: 7px;
    width: 40px;
    height: 40px;
    background: url("../images/ico-lezhinplus.png") no-repeat 50% 50%;
    background-size: 100% auto
}

.sidenav-user {
    margin: 25px 0 0 100px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sidenav-coinwrap {
    padding: 0 0 34px 100px;
    font-size: 0;
    text-align: left;
    line-height: 2.2;
    font-weight: 100
}

.sidenav-coinwrap .sidenav-platform, .sidenav-coinwrap .sidenav-coin {
    color: #c5cbd3;
    display: inline-block;
    font-size: 14px;
    padding-right: 18px
}

.sidenav-coinwrap .sidenav-platform.m--bonus, .sidenav-coinwrap .sidenav-coin.m--bonus {
    display: block;
    margin-top: -10px
}

.sidenav-coinwrap .sidenav-platform {
    float: left;
    margin-left: 20px;
    text-align: left
}

.badge-attend {
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-left: 5px;
    color: #FFF;
    font-size: 10px;
    font-family: sans-serif;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
    background: #ff2e4b;
    border-radius: 100%
}

.badge-attend:empty {
    display: none
}

.btn-menu .badge-attend {
    position: absolute;
    z-index: 1;
    top: -4px;
    right: -9px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4)
}

@media (max-width: 960px) {
    .btn-menu .badge-attend {
        right: auto;
        left: 5px;
        top: 8px;
        width: 18px;
        height: 18px;
        margin: 0;
        line-height: 18px;
        box-shadow: none
    }
}

.sidenav-jointab, .sidenav-logintab {
    display: none;
    background-color: #FFF;
    border: 1px solid #dbdee3
}

[data-logintab='0'] .sidenav-logintab, [data-logintab='1'] .sidenav-jointab {
    display: block
}

.sidenav-login {
    width: 300px;
    padding: 13px 0 0
}

@media (max-width: 960px) {
    .sidenav-login {
        display: none !important
    }
}

@media (max-width: 960px) {
    body.is-side-open .comic-top100 .homelist, body.is-side-open .homelist-category, body.is-searching .comic-top100 .homelist, body.is-searching .homelist-category {
        z-index: 10
    }

    body.is-side-open #overlay, body.is-searching #overlay {
        display: block;
        z-index: 91
    }

    body.is-side-open #overlay>*, body.is-searching #overlay>* {
        display: none
    }

    body.is-side-open.is-searching .sidenav {
        z-index: 95
    }

    body.is-side-open.is-searching #overlay {
        z-index: 93
    }

    body.is-side-open .sidenav-wrap {
        display: block
    }
}

.sidenav-heading {
    padding: 19px 20px 0;
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.account-form {
    max-width: 300px;
    margin: auto;
    line-height: 0;
    padding: 40px 0
}

@media (max-width: 960px) {
    .account-form {
        padding: 15px 0
    }
}

.sidenav-login .account-form {
    padding: 23px 20px 20px
}

.account-form .login-input {
    width: 100%;
    height: 33px;
    margin: 20px 0 7px;
    line-height: 32px;
    padding: 0 2px;
    font-size: 16px;
    -webkit-appearance: none;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #c5cbd3;
    box-sizing: border-box
}

.account-form .login-input:focus {
    position: relative;
    z-index: 1
}

.account-form .login-input::-webkit-inner-spin-button, .account-form .login-input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.account-form .btn-findpassword {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    font-size: 12px;
    color: #333
}

@media (max-width: 960px) {
    .account-form .btn-findpassword {
        font-size: 16px
    }
}

.account-form .btn-findpassword+span {
    vertical-align: middle
}

.account-form button {
    width: 100%;
    box-sizing: border-box
}

.account-form .login-checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    line-height: 1.5;
    vertical-align: top
}

.account-form .login-checkbox+label {
    display: inline-block;
    width: 90%;
    width: calc(100% - 25px);
    white-space: normal;
    line-height: 1.5;
    word-break: keep-all;
    vertical-align: top
}

.account-form label {
    display: inline-block;
    font-size: 12px;
    color: #777;
    line-height: 1.5;
    vertical-align: middle;
    white-space: nowrap
}

@media (max-width: 960px) {
    .ja-JP .account-form label {
        font-size: 14px
    }
}

.sidenav-logintab .account-form label {
    white-space: normal;
    display: inline !important;
    line-height: 1.5
}

.account-form .login-label {
    position: absolute;
    top: 28px;
    left: 0;
    z-index: 2;
    width: 100%;
    line-height: 16px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    pointer-events: none
}

.sidenav-logintab .account-form .login-label {
    color: #999
}

.account-form .login-label__up {
    top: 0;
    color: #7d95b3;
    font-size: 12px;
    font-weight: 400
}

.account-form .login-label__up .login-sublabel {
    opacity: 1
}

.account-form .login-fixlabel {
    line-height: 32px;
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.account-form input:focus~.login-label, .account-form input.is-valid~.login-label {
    top: 0;
    color: #7d95b3;
    font-size: 12px;
    font-weight: 400
}

.account-form input:focus~.login-label .login-sublabel, .account-form input.is-valid~.login-label .login-sublabel {
    opacity: 1
}

.account-form input:focus~.login-label .login-optionlabel, .account-form input.is-valid~.login-label .login-optionlabel {
    display: none
}

.account-form input:focus+.login-password-toggle, .account-form input.is-valid+.login-password-toggle {
    pointer-events: auto
}

.account-form input:focus+.login-password-toggle i, .account-form input.is-valid+.login-password-toggle i {
    opacity: 1
}

.account-form input:-webkit-autofill~.login-label {
    top: 0;
    color: #7d95b3;
    font-size: 12px;
    font-weight: 400
}

.account-form input:-webkit-autofill~.login-label .login-sublabel {
    opacity: 1
}

.account-form input:-webkit-autofill~.login-label .login-optionlabel {
    display: none
}

.account-form input:-webkit-autofill+.login-password-toggle {
    pointer-events: auto
}

.account-form input:-webkit-autofill+.login-password-toggle i {
    opacity: 1
}

.account-form input:-moz-autofill~.login-label {
    top: 0;
    color: #7d95b3;
    font-size: 12px;
    font-weight: 400
}

.account-form input:-moz-autofill~.login-label .login-sublabel {
    opacity: 1
}

.account-form input:-moz-autofill~.login-label .login-optionlabel {
    display: none
}

.account-form input:-moz-autofill+.login-password-toggle {
    pointer-events: auto
}

.account-form input:-moz-autofill+.login-password-toggle i {
    opacity: 1
}

@media (max-width: 960px) {
    .account-form input {
        background: transparent
    }
}

@media screen and (min-width: 0\0) {
    .account-form .login-label {
        top: 0;
        color: #7d95b3;
        font-size: 12px;
        line-height: 16px
    }

    .account-form .login-input {
        border: 1px solid #c5cbd3
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .account-form .login-label {
        top: 20px;
        color: #999;
        font-size: 14px;
        line-height: 32px
    }

    .account-form .login-input {
        border: 0;
        border-bottom: 1px solid #c5cbd3
    }

    .account-form input:focus~.login-label, .account-form input.is-valid~.login-label {
        top: 0;
        color: #7d95b3;
        font-size: 12px;
        line-height: 16px
    }
}

.reset-form .login-password, .signup-form .login-password {
    width: calc(100% - 30px)
}

.reset-form .login-password::-ms-reveal, .reset-form .login-password::-ms-clear, .signup-form .login-password::-ms-reveal, .signup-form .login-password::-ms-clear {
    display: none
}

.reset-form label, .signup-form label {
    white-space: normal
}

.en-US .reset-form .login-password, .ja-JP .reset-form .login-password, .en-US .signup-form .login-password, .ja-JP .signup-form .login-password {
    margin-top: 36px
}

.en-US .reset-form .login-password-toggle, .ja-JP .reset-form .login-password-toggle, .en-US .signup-form .login-password-toggle, .ja-JP .signup-form .login-password-toggle {
    top: 36px
}

.en-US .reset-form [for='login-password'], .ja-JP .reset-form [for='login-password'], .en-US .signup-form [for='login-password'], .ja-JP .signup-form [for='login-password'] {
    top: 44px
}

.ja-JP .reset-form .login-sublabel, .ja-JP .signup-form .login-sublabel {
    display: inline-block;
    white-space: nowrap
}

.reset-form {
    line-height: 2
}

.reset-form .login-password {
    width: 100%
}

.mobile-header {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 64px;
    text-align: left;
    color: #FFF;
    font-size: 16px
}

.ko-KR .mobile-header {
    display: none
}

.login-links {
    margin: -5px 0;
    padding: 5px 0;
    color: #999;
    font-size: 12px;
    line-height: 1.5;
    text-align: right
}

@media (max-width: 960px) {
    .login-links {
        margin: 0;
        color: #333;
        font-size: 16px;
        text-align: center
    }

    .ja-JP .login-links {
        font-size: 14px
    }
}

.login-item {
    position: relative;
    font-size: 0
}

.login-password-toggle {
    position: absolute;
    z-index: 5;
    top: 20px;
    right: 0;
    width: 30px;
    height: 33px;
    line-height: 33px;
    text-align: right;
    border-bottom: 1px solid #c5cbd3
}

.login-password-toggle .login-checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0
}

.login-password-toggle .login-checkbox:checked+i {
    background-position: 0 -24px
}

.login-password-toggle i {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: url("../images/btn-eye.png") no-repeat;
    background-size: 24px auto;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.login-sublabel {
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    letter-spacing: -.025em
}

.login-optionlabel {
    color: #666;
    font-weight: 400
}

.login-select {
    position: relative
}

.login-select .login-sex {
    position: relative;
    height: 45px;
    line-height: 45px;
    background-color: #f7f8f9;
    text-align: center
}

.login-select .login-sex label {
    display: inline-block;
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.login-select .login-sex label+label {
    margin-left: 20px
}

.login-select input {
    margin-right: 5px
}

.login-select .login-msg {
    bottom: -25px
}

.btn-form-reset {
    display: none;
    position: absolute;
    top: 50%;
    right: 6px;
    width: 34px !important;
    height: 34px !important;
    margin-top: -17px;
    background: transparent url("../images/btn-sex-reset.png") no-repeat 50% 50% !important;
    background-size: 20px auto !important;
    border: none !important
}

.btn-form-reset:hover, .btn-form-reset:focus {
    border: none !important;
    background-color: transparent !important
}

.login-subheading {
    padding: 25px 0 10px;
    line-height: 1;
    color: #d46d60;
    font-size: 12px
}

.login-msg {
    position: absolute;
    left: 0;
    bottom: 5px;
    z-index: 1;
    font-size: 12px;
    line-height: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.login-msg.login-msg--sit {
    position: static;
    padding: 5px 0;
    min-height: 27px;
    line-height: 1.4;
    opacity: 0
}

.login-msg.is-on {
    color: #e60012;
    opacity: 1
}

.login-msg a {
    text-decoration: underline
}

.login-msg button {
    display: inline;
    width: auto;
    height: auto;
    font-size: inherit;
    line-height: 1.25;
    border: none !important;
    background: none;
    text-decoration: underline
}

.login-spacer {
    padding: 0 1em
}

.login-devider {
    position: relative;
    height: 40px
}

.login-devider:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    border-top: 1px solid #c5cbd3
}

.login-devider span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 42px;
    margin-left: -21px;
    margin-top: -6px;
    color: #434343;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    background: #FFF
}

@media (max-width: 960px) {
    .login-devider span {
        background: #eff1f4
    }

    .wrap-episode .login-devider span {
        background: #FFF
    }
}

.login-helptext {
    padding-top: 11px;
    color: #434343;
    font-size: 12px;
    line-height: 1;
    text-align: center
}

.login-helptext a {
    color: #f40a19;
    font-weight: 700
}

.btn-email, .btn-facebook, .btn-naver, .btn-twitter, .btn-yahoo {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 48px;
    margin: 10px auto;
    background: #e50020;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    text-align: center;
    box-sizing: border-box
}

.btn-facebook, .btn-naver, .btn-twitter, .btn-yahoo {
    padding-left: 35px
}

.btn-facebook:before, .btn-naver:before, .btn-twitter:before, .btn-yahoo:before {
    position: absolute;
    left: 12px;
    top: 0;
    width: 36px;
    text-align: center
}

.ja-JP .sidenav-logintab .btn-facebook, .ja-JP .sidenav-logintab .btn-naver, .ja-JP .sidenav-logintab .btn-twitter, .ja-JP .sidenav-logintab .btn-yahoo {
    font-size: 12px
}

.btn-yahoo:before {
    left: 18px
}

.btn-facebook {
    margin-top: 0;
    background: #3b5998
}

form .btn-facebook:hover {
    background: #3b5998
}

.btn-facebook:before {
    content: "";
    font-family: 'lzcon';
    font-size: 26px;
    color: #FFF;
    margin-right: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn-naver {
    background: #23b300
}

form .btn-naver:hover {
    background: #23b300
}

.btn-naver:before {
    content: "";
    font-family: 'lzcon';
    font-size: 22px;
    color: #FFF;
    margin-right: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn-twitter {
    background: #55acee
}

form .btn-twitter:hover {
    background: #55acee
}

.btn-twitter:before {
    content: "";
    font-family: 'lzcon';
    font-size: 22px;
    color: #FFF;
    margin-right: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn-yahoo {
    background: #ce1423
}

form .btn-yahoo:hover {
    background: #ce1423
}

.btn-yahoo:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 100%;
    background: url("../images/yahoo_red.png") no-repeat 50% 50%;
    background-size: 100% auto;
    vertical-align: middle
}

.login-info {
    padding: 20px 10px;
    color: #535353;
    font-size: 12px;
    line-height: 1.7;
    text-align: center;
    background-color: #f7f8fa;
    word-break: keep-all;
    word-wrap: break-word
}

.login-info a {
    color: #f40a19
}

.rating {
    display: none;
    height: 50px;
    font-size: 0;
    text-align: center
}

@media (min-width: 961px) {
    .rating {
        background: #2c3036
    }
}

@media (max-width: 960px) {
    .rating {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 50%;
        width: 140px;
        margin-left: -70px;
        background: none
    }
}

.ko-KR .rating {
    display: block
}

.rating__link {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap
}

@media (min-width: 961px) {
    .rating__link {
        height: 30px;
        border-radius: 15px;
        padding: 0 13px 0 23px;
        font-size: 14px;
        margin-top: 10px;
        margin-right: 10px;
        line-height: 26px;
        color: #6c6f73;
        border: 2px solid #6c6f73
    }
}

@media (max-width: 960px) {
    .rating__link {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-top: 5px;
        margin-right: 5px;
        padding: 0;
        line-height: 40px;
        font-size: 11px;
        color: rgba(255, 255, 255, 0.5);
        border: 1px solid rgba(255, 255, 255, 0.2)
    }
}

.rating__link:last-child {
    margin-right: 0
}

.rating__link:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    background: #6c6f73;
    border-radius: 100%
}

@media (max-width: 960px) {
    .rating__link:before {
        content: none
    }
}

@media (min-width: 961px) {
    .rating__link:hover, .rating__link:focus {
        color: #c5cbd3;
        border: 2px solid
    }

    .rating__link:hover:before, .rating__link:focus:before {
        background: #c5cbd3
    }
}

@media (min-width: 961px) {
    .rating__link--on {
        color: #FFF !important;
        border: 2px solid #FFF !important
    }
}

@media (max-width: 960px) {
    .rating__link--on {
        color: #c62828;
        border: 1px solid #FFF;
        background: #FFF
    }
}

.rating__link--on:before {
    background: #ff2e4b !important
}

@media (max-width: 960px) {
    .is-searching .coach-tooltip {
        display: none !important
    }
}

body.is-headless .mainwrapper {
    padding-top: 0
}

body.is-headless #main-menu-side, body.is-headless .search, body.is-headless #mainheader {
    display: none
}

@media (max-width: 960px) {
    .topBanner--on[data-subtab='top100'] .homelist {
        top: 155px;
        height: calc(100% - 155px)
    }
}

@media (min-width: 961px) and (max-width: 1280px) {
    .topBanner--on .mainwrapper {
        padding-top: 113px
    }

    .topBanner--on .mainwrapper .mainheader, .topBanner--on .mainwrapper .search, .topBanner--on .mainwrapper .sidenav {
        top: 53px !important
    }
}

@media (min-width: 1281px) {
    .topBanner--on .mainwrapper {
        padding-top: 140px
    }

    .topBanner--on .mainwrapper .mainheader, .topBanner--on .mainwrapper .search, .topBanner--on .mainwrapper .sidenav {
        top: 80px !important
    }
}

.appInstall {
    position: relative;
    font-size: 0;
    line-height: 0;
    color: transparent
}

@media (min-width: 961px) {
    .appInstall {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 auto;
        padding: 140px 10px 60px;
        background: #fff;
        box-shadow: -1024px 0 0 #fff, 1024px 0 0 #fff
    }
}

@media (min-width: 1281px) {
    .appInstall {
        width: 1200px
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .appInstall {
        width: 1024px
    }
}

@media (max-width: 960px) {
    .appInstall {
        margin: 10px 10px 20px
    }

    .appInstall:after {
        content: '';
        display: block;
        clear: both
    }
}

.appInstall__heading {
    background-position: center;
    background-repeat: no-repeat
}

@media (min-width: 961px) {
    .appInstall__heading {
        position: absolute;
        top: 32px;
        height: 100px;
        left: 0;
        right: 0
    }

    .appInstall__heading--ko {
        background-image: url("../images/app_banner_desktop_title_ko.png")
    }

    .appInstall__heading--en {
        background-image: url("../images/app_banner_desktop_title_en.png")
    }

    .appInstall__heading--ja {
        background-image: url("../images/app_banner_desktop_title_ja.png")
    }
}

@media (max-width: 960px) {
    .appInstall__heading {
        height: 50px
    }

    .appInstall__heading--ko {
        background-image: url("../images/app_banner_mobile_title_ko.png");
        background-size: 243px
    }

    .appInstall__heading--en {
        background-image: url("../images/app_banner_mobile_title_en.png");
        background-size: 246px
    }

    .appInstall__heading--ja {
        background-image: url("../images/app_banner_mobile_title_ja.png");
        background-size: 285px
    }
}

.appInstall__link {
    display: block;
    overflow: hidden;
    border: 1px solid #dbdee3;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}

.appInstall__link:after {
    content: '';
    display: block
}

@media (min-width: 961px) {
    .appInstall__link {
        width: 31.8%
    }

    .appInstall__link:after {
        padding-top: 57.89%
    }

    .appInstall__link--plusKo {
        background-image: url("../images/app_banner_desktop_plus_ko.png")
    }

    .appInstall__link--plusEn {
        background-image: url("../images/app_banner_desktop_plus_en.png")
    }

    .appInstall__link--plusJa {
        background-image: url("../images/app_banner_desktop_plus_ja.png")
    }

    .appInstall__link--androidKo {
        background-image: url("../images/app_banner_desktop_android_ko.png")
    }

    .appInstall__link--androidEn {
        background-image: url("../images/app_banner_desktop_android_en.png")
    }

    .appInstall__link--androidJa {
        background-image: url("../images/app_banner_desktop_android_ja.png")
    }

    .appInstall__link--iosKo {
        background-image: url("../images/app_banner_desktop_ios_ko.png")
    }

    .appInstall__link--iosEn {
        background-image: url("../images/app_banner_desktop_ios_en.png")
    }

    .appInstall__link--iosJa {
        background-image: url("../images/app_banner_desktop_ios_ja.png")
    }
}

@media (max-width: 960px) {
    .appInstall__link {
        white-space: nowrap
    }

    .appInstall__link--plus {
        margin-bottom: 10px
    }

    .appInstall__link--plus:after {
        padding-top: 33.11%
    }

    .appInstall__link--android, .appInstall__link--ios {
        width: 48.5%;
        width: calc(50% - 5px)
    }

    .appInstall__link--android:after, .appInstall__link--ios:after {
        padding-top: 34.48%
    }

    .appInstall__link--plusKo {
        background-image: url("../images/app_banner_mobile_plus_ko.png")
    }

    .appInstall__link--plusEn {
        background-image: url("../images/app_banner_mobile_plus_en.png")
    }

    .appInstall__link--plusJa {
        background-image: url("../images/app_banner_mobile_plus_ja.png")
    }

    .appInstall__link--android {
        float: right;
        background-image: url("../images/app_banner_mobile_android.png")
    }

    .appInstall__link--ios {
        float: left;
        background-image: url("../images/app_banner_mobile_ios.png")
    }
}

#main-footer {
    background: #3a3a3a;
    color: #a3a3a3;
    width: 100%
}

@media (max-width: 960px) {
    #main-footer {
        padding: 30px 0 33px;
        color: #adb2b9;
        text-align: center;
        background-color: #f7f8f9
    }

    [data-subtab='top100'] #main-footer {
        display: none
    }
}

@media (min-width: 961px) and (max-width: 1280px) {
    #main-footer {
        padding: 0 10px
    }
}

.viewer-footer {
    background: #fff;
    border-top: 1px solid #d8d8d8;
    bottom: -62px;
    height: 60px;
    left: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 900
}

.viewer-footer.active {
    bottom: 0
}

@media (min-width: 961px) {
    #contact-info {
        padding-left: 200px
    }

    #contact-info li {
        margin-right: 20px
    }

    #contact-info .inline-list {
        padding-right: 280px
    }

    .en-US #contact-info .inline-list {
        padding-right: 330px
    }
}

@media (min-width: 961px) {
    .company-info__link:hover, .company-info__link:focus {
        color: #eee
    }
}

@media (min-width: 961px) {
    #company-info {
        padding: 30px 0 30px
    }

    #company-info .ja-JP, .en-US #company-info {
        padding: 60px 0 100px
    }
}

@media (min-width: 961px) {
    #company-address {
        color: #555;
        font-size: 14px;
        outline: 0;
        -webkit-transition: color .4s;
        transition: color .4s
    }

    #company-address:hover, #company-address:focus {
        color: #a3a3a3
    }
}

@media (max-width: 960px) {
    #company-address {
        width: 240px;
        margin: auto;
        padding: 25px 0 33px;
        font-size: 12px;
        line-height: 1.6
    }
}

@media (min-width: 961px) {
    #company-address i {
        font-style: normal
    }
}

@media (max-width: 960px) {
    #company-address i {
        display: block;
        color: transparent;
        font-size: 0
    }
}

@media (min-width: 961px) {
    #company-address a {
        color: #a3a3a3
    }

    #company-address a:hover, #company-address a:focus {
        color: #ccc
    }

    .ko-KR #company-address a {
        margin: 0 5px
    }
}

@media (max-width: 960px) {
    .en-US #company-address {
        width: 100%
    }
}

.ko-KR .inline-list:first-child li:nth-child(3) a {
    color: #ccc
}

@media (max-width: 960px) {
    .ko-KR .inline-list:first-child li:nth-child(3) a {
        color: #2ba38a
    }
}

@media (max-width: 960px) {
    .inline-list a {
        display: inline-block;
        margin: 0 10px;
        text-decoration: underline
    }
}

#copyright {
    font-size: 12px;
    margin: 20px 0
}

#prize-list {
    background: #313131;
    color: #717171;
    padding: 20px;
    text-align: center;
    outline: 0;
    -webkit-transition: color .4s;
    transition: color .4s
}

@media (min-width: 961px) and (max-width: 1280px) {
    #prize-list {
        margin: 0 -10px
    }
}

#prize-list:hover, #prize-list:focus {
    color: #a3a3a3
}

#prize-list .prize {
    background-image: url("../images/company-prize-h.png");
    background-repeat: no-repeat;
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    margin-left: 20px
}

#prize-list .prize:first-child {
    margin: 0
}

#prize-list .prize-1 {
    background-position: 0 0;
    padding-left: 50px
}

#prize-list .prize-2 {
    background-position: 0 -50px;
    padding-left: 56px
}

#prize-list .prize-3 {
    background-position: 0 -100px;
    padding-left: 122px
}

#prize-list .prize-4 {
    background-position: 0 -150px;
    padding-left: 64px
}

#company {
    position: absolute;
    top: 30px;
    left: 0;
    width: 128px;
    padding-top: 64px;
    font-size: 12px;
    line-height: 1.5em;
    background: url("../images/logo_lezhin_ent.png") no-repeat 0 6px;
    background-size: 127px auto
}

@media (max-width: 960px) {
    #company {
        display: none
    }
}

#company p {
    white-space: nowrap
}

.footer-locale {
    position: absolute;
    top: 60px;
    right: 0
}

@media (max-width: 960px) {
    .footer-locale {
        display: none
    }
}

.footer-locale-title {
    position: relative;
    z-index: 1;
    float: left;
    padding: 0 15px 0 13px
}

.footer-locale-title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-radius: 3px;
    background: #999
}

.footer-locale-main {
    float: left;
    min-width: 150px
}

.btn-locale-select {
    position: relative;
    width: 100%;
    padding-left: 12px;
    border: 1px solid #222;
    height: 30px;
    line-height: 28px;
    text-align: left;
    background-color: #313131;
    box-sizing: border-box
}

.btn-locale-select:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -2px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #666
}

.btn-locale-select:hover, .btn-locale-select:focus {
    color: #CCC
}

.btn-locale-select:hover:after, .btn-locale-select:focus:after {
    border-top: 4px solid #ccc
}

.footer-locale-select {
    display: none;
    width: 100%;
    padding-top: 2px;
    border: 1px solid #222;
    background-color: #222
}

.footer-locale-select li {
    margin: 0 !important;
    height: 40px;
    line-height: 40px
}

.footer-locale-select a {
    display: block;
    padding-left: 14px
}

.footer-locale-select a.is-on {
    color: #CCC
}

.footer-locale-select a.is-on:after {
    content: "";
    font-family: 'lzcon';
    font-size: 14px;
    color: #CCC;
    margin-left: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.footer-locale-select a:hover, .footer-locale-select a:focus {
    color: #CCC
}

body.is-headless #main-footer {
    display: none
}

.hey-modal, .dialog {
    display: none;
    z-index: 10;
    padding: 0;
    background: #f7f8fa;
    box-sizing: border-box
}

.hey-modal a img, .dialog a img {
    display: block;
    max-width: 100%;
    margin: auto
}

.hey-modal__tab-wrap, .dialog__tab-wrap {
    font-size: 0;
    background: #FFF;
    text-align: left;
    padding: 40px 20px 0
}

@media (max-width: 960px) {
    .hey-modal__tab-wrap, .dialog__tab-wrap {
        padding: 34px 11px 0
    }
}

.hey-modal__tabbtn, .dialog__tabbtn {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 110px;
    height: 50px;
    line-height: 50px;
    margin-bottom: -1px;
    background: #FFF;
    border: solid 1px #e2e5e9;
    font-size: 14px
}

@media (max-width: 960px) {
    .hey-modal__tabbtn, .dialog__tabbtn {
        width: 98px;
        height: 46px;
        line-height: 46px
    }
}

.hey-modal__tabbtn+.hey-modal__tabbtn, .dialog__tabbtn+.hey-modal__tabbtn, .hey-modal__tabbtn+.dialog__tabbtn, .dialog__tabbtn+.dialog__tabbtn {
    margin-left: -1px
}

.hey-modal__tabbtn.is-on, .dialog__tabbtn.is-on {
    color: #e50020;
    background: #f7f8fa;
    border-bottom: 1px solid transparent
}

.hey-modal__tabbtn.is-on:before, .dialog__tabbtn.is-on:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #e50020
}

@media (max-width: 960px) {
    .hey-modal__tabbtn.is-on:before, .dialog__tabbtn.is-on:before {
        height: 2px
    }
}

.hey-modal__tabbody, .dialog__tabbody {
    display: none;
    font-size: 0
}

.hey-modal__tabbody.is-on, .dialog__tabbody.is-on {
    display: block
}

.hey-modal__btn-wrap, .dialog__btn-wrap {
    font-size: 0;
    padding: 25px 0
}

@media (max-width: 960px) {
    .hey-modal__btn-wrap, .dialog__btn-wrap {
        padding: 10px 0
    }
}

.hey-modal__btn, .dialog__btn {
    width: 120px;
    height: 36px;
    line-height: 34px;
    padding: 0;
    color: #e60012;
    font-size: 12px;
    text-align: center;
    background: #fff;
    border-radius: 0;
    border: solid 1px #e60012
}

@media (max-width: 960px) {
    .hey-modal__btn, .dialog__btn {
        width: calc(50% - 5px);
        height: 46px;
        line-height: 44px
    }
}

.hey-modal__btn+.hey-modal__btn, .dialog__btn+.hey-modal__btn, .hey-modal__btn+.dialog__btn, .dialog__btn+.dialog__btn {
    margin-left: 10px
}

.hey-modal__btn--primary, .dialog__btn--primary {
    color: #fff;
    background: #e60012
}

.hey-modal__header, .dialog__header {
    background: #FFF
}

.hey-modal__body, .dialog__body {
    padding: 0 20px;
    text-align: center;
    background: #f7f8fa;
    border-top: 1px solid #e2e5e9
}

@media (max-width: 960px) {
    .hey-modal__body, .dialog__body {
        padding: 0 10px
    }
}

.hey-modal__message, .dialog__message {
    padding: 35px 0;
    line-height: 1.5;
    font-size: 14px;
    word-wrap: break-word;
    word-break: keep-all;
    border-bottom: 1px solid #e2e5e9
}

@media (max-width: 960px) {
    .hey-modal__message, .dialog__message {
        padding: 35px 0;
        font-size: 14px
    }
}

.hey-modal__close, .dialog__close {
    display: block;
    background: transparent;
    border: 0;
    color: #747474;
    cursor: pointer;
    font-size: 24px;
    height: auto;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 0;
    width: auto
}

.hey-modal__close:hover, .dialog__close:hover {
    color: #333
}

.hey-modal__radio-wrap, .dialog__radio-wrap {
    display: table;
    width: 100%;
    border-collapse: collapse;
    font-size: 15px
}

.hey-modal__radio-wrap label, .dialog__radio-wrap label {
    display: table-row;
    -webkit-user-select: none;
    user-select: none
}

.hey-modal__radio-wrap span, .dialog__radio-wrap span {
    display: table-cell;
    padding: 18px 0;
    vertical-align: middle
}

.hey-modal__check-wrap, .dialog__check-wrap {
    margin: 0 -11px;
    padding: 0 11px;
    text-align: left;
    font-size: 12px;
    line-height: 45px;
    color: #666;
    background-color: #eff1f4
}

@media (min-width: 961px) {
    .hey-modal__check-wrap, .dialog__check-wrap {
        margin: 0 -20px;
        padding: 0 20px
    }
}

.hey-modal__subscribe, .dialog__subscribe {
    display: none
}

.hey-modal__subscribe.show, .dialog__subscribe.show {
    display: block
}

[data-bulk='false'] .hey-modal__radio-wrap, [data-bulk='true'] [data-tab='purchase'] .hey-modal__message {
    display: none
}

.hey-modal .dialog-purchase, .dialog .dialog-purchase {
    width: 480px;
    min-height: 260px;
    margin-top: -150px;
    margin-left: -240px
}

@media (max-width: 960px) {
    .hey-modal .dialog-purchase, .dialog .dialog-purchase {
        width: 300px;
        min-height: 230px;
        margin-top: -170px;
        margin-left: -150px
    }
}

.hey-modal .hey-modal__bulk__radio, .hey-modal .dialog-bulk__radio, .dialog .hey-modal__bulk__radio, .dialog .dialog-bulk__radio {
    width: 30px;
    text-align: left;
    border-bottom: 1px solid #e2e5e9
}

.hey-modal .hey-modal__bulk__radio input, .hey-modal .dialog-bulk__radio input, .dialog .hey-modal__bulk__radio input, .dialog .dialog-bulk__radio input {
    width: 16px;
    height: 16px
}

.hey-modal .hey-modal__bulk__message, .hey-modal .dialog-bulk__message, .dialog .hey-modal__bulk__message, .dialog .dialog-bulk__message {
    text-align: left;
    line-height: 1.4;
    font-weight: 400;
    border-bottom: 1px solid #e2e5e9;
    word-wrap: break-word
}

.ko-KR .hey-modal .hey-modal__bulk__message, .ko-KR .hey-modal .dialog-bulk__message, .ko-KR .dialog .hey-modal__bulk__message, .ko-KR .dialog .dialog-bulk__message {
    word-break: keep-all
}

.hey-modal .hey-modal__bulk__message b, .hey-modal .dialog-bulk__message b, .dialog .hey-modal__bulk__message b, .dialog .dialog-bulk__message b {
    display: block;
    font-size: 12px;
    font-weight: 400
}

.hey-modal .hey-modal__bulk__coin, .hey-modal .dialog-bulk__coin, .dialog .hey-modal__bulk__coin, .dialog .dialog-bulk__coin {
    color: #e50020;
    white-space: nowrap;
    text-align: right;
    border-bottom: 1px solid #e2e5e9
}

.hey-modal .hey-modal__bulk, .hey-modal .dialog-bulk__coin, .dialog .hey-modal__bulk, .dialog .dialog-bulk__coin {
    width: 70px
}

.hey-modal__contents--split, .dialog__contents--split {
    display: inline-block;
    width: 50%;
    margin-top: 45px;
    margin-bottom: 50px;
    padding: 4px 0 20px;
    vertical-align: top
}

@media (max-width: 960px) {
    .hey-modal__contents--split, .dialog__contents--split {
        margin-top: 40px;
        margin-bottom: 10px;
        padding: 4px 0 0
    }
}

.hey-modal__contents--split+.hey-modal__contents--split, .dialog__contents--split+.hey-modal__contents--split, .hey-modal__contents--split+.dialog__contents--split, .dialog__contents--split+.dialog__contents--split {
    border-left: 1px solid #e2e5e9
}

@media (max-width: 960px) {
    .hey-modal__contents--split+.hey-modal__contents--split .hey-modal__btn, .dialog__contents--split+.hey-modal__contents--split .hey-modal__btn, .hey-modal__contents--split+.dialog__contents--split .hey-modal__btn, .dialog__contents--split+.dialog__contents--split .hey-modal__btn {
        float: right
    }
}

.hey-modal__contents--split .hey-modal__message, .dialog__contents--split .hey-modal__message {
    padding: 0;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    word-wrap: break-word;
    word-break: keep-all;
    border-bottom: 0
}

@media (max-width: 960px) {
    .hey-modal__contents--split .hey-modal__message, .dialog__contents--split .hey-modal__message {
        height: 80px;
        padding: 0 10px
    }
}

.hey-modal__contents--split .hey-modal__btn, .dialog__contents--split .hey-modal__btn {
    display: inline-block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    color: #FFF;
    font-size: 12px;
    border: 0;
    border-radius: 2px
}

@media (max-width: 960px) {
    .hey-modal__contents--split .hey-modal__btn, .dialog__contents--split .hey-modal__btn {
        float: left;
        width: calc(100% - 5px);
        height: 40px;
        line-height: 40px;
        margin-top: 20px
    }
}

.hey-modal__contents--split .hey-modal__btn--free, .dialog__contents--split .hey-modal__btn--free {
    background-color: #0bb1c0
}

.hey-modal__contents--split .hey-modal__btn--invite, .dialog__contents--split .hey-modal__btn--invite {
    background-color: #e50020
}

.hey-modal {
    position: fixed;
    display: none;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    box-sizing: border-box
}

@media (max-width: 960px) {
    .hey-modal {
        padding: 0 15px
    }
}

.hey-modal__inner {
    position: absolute;
    top: 50%;
    font-size: 14px;
    background: #fff;
    border: 1px solid #d8d8d8
}

@media (min-width: 961px) {
    .hey-modal__inner {
        min-width: 380px;
        max-width: 480px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .hey-modal--purchases .hey-modal__inner {
        min-width: 480px
    }
}

@media (max-width: 960px) {
    .hey-modal__inner {
        min-width: 290px;
        left: 15px;
        right: 15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.hey-modal__banner {
    display: none;
    margin: -1px
}

.hey-modal__banner img {
    display: block;
    width: 100%;
    height: auto
}

.hey-modal__title {
    height: 50px;
    padding: 0 40px 0 20px;
    line-height: 50px;
    font-weight: 700;
    text-align: left;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 960px) {
    .hey-modal__title {
        padding: 0 20px
    }
}

.hey-modal--tab .hey-modal__title {
    display: none
}

.hey-modal__btn-close {
    position: absolute;
    right: 5px;
    top: 8px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 24px;
    color: #747474;
    background: transparent;
    border: 0;
    cursor: pointer
}

.hey-modal__btn-close:before {
    content: '\00d7'
}

.hey-modal__body {
    padding: 0 20px;
    background: #f7f8fa;
    border-top: 1px solid #e2e5e9;
    line-height: 2
}

.ko-KR .hey-modal__body {
    word-break: keep-all;
    word-wrap: break-word
}

.hey-modal__contents {
    font-size: 15px
}

.hey-modal__heading {
    font-weight: 700
}

.hey-modal__message {
    line-height: 1.5
}

.hey-modal__btn+.hey-modal__btn {
    margin-left: 10px
}

.hey-modal__form {
    text-align: left
}

.hey-modal__formGroup {
    margin: 8px 0;
    font-size: 0;
    line-height: 2
}

.hey-modal__formGroup:last-child {
    margin-bottom: 0
}

.hey-modal__helpText {
    display: inline-block;
    margin-left: 10px;
    color: #6E6E6E;
    font-size: 12px
}

.hey-modal__inputBlock {
    display: block;
    width: 100%;
    padding: 7px 5px;
    line-height: 1;
    border-radius: 0;
    font-size: 16px
}

.hey-modal__checkboxGroup {
    position: relative;
    margin: 8px 0;
    padding-left: 20px;
    font-size: 13px;
    line-height: 1.6
}

.hey-modal__checkboxGroup:last-child {
    margin-bottom: 0
}

.hey-modal__checkbox {
    position: absolute;
    top: 1px;
    left: 0;
    display: inline-block;
    width: 16px;
    height: 16px
}

.hey-modal__agreement {
    min-height: 60px;
    margin-top: 15px;
    padding: 10px;
    font-size: 12px;
    line-height: 1.4;
    background: #FFF;
    border: 1px solid #d8d8d8;
    overflow-y: scroll
}

@media (min-width: 961px) {
    .hey-modal__agreement {
        max-height: 120px;
        resize: vertical
    }
}

@media (max-width: 960px) {
    .hey-modal__agreement {
        max-height: 100px
    }
}

.homelist-thumb {
    position: relative;
}

.homelist-thumb>.new {
    position: absolute;
    bottom: 0;
    left: 0px;
    z-index: 999;
    /* border-radius: 20px; */
    background-color: #e70000cc;
    border: 1px solid #000000;
    color: #fbff00;
    text-align: center;
    padding: 0 19px;
    display: block;
    margin: 0;
    font-size: 14px;
    line-height: 32px;
    width: 100%;
    height: 35px;
    font-weight: bold;
    vertical-align: middle;
}

.homelist-thumb>.new>strong {
    color: #fff;
}