@charset "utf-8";

@import url(/_static/web/css/materialdesignicons.css);
@import url(/_static/web/css/font_experience.css);

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
rt,
samp,
section,
small,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
ul,
var,
video {
    margin: 0;
    padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
    display: block
}

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

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
em,
strong,
th {
    font-style: normal;
    font-weight: 400
}

li,
ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-size: 100%
}

q:after,
q:before {
    content: ""
}

input {
    vertical-align: middle
}

abbr,
acronym {
    border: none
}

hr {
    display: none
}

#skipNavi,
.blind,
hr {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
    visibility: hidden
}

dd img,
li img {
    vertical-align: top
}

img {
    max-width: 100%
}

@font-face {
    font-family: HGGGothicssi;
    src: url(/_static/font/HGGGothicssi-40g.otf) format('embedded-opentype'), url(/_static/font/HGGGothicssi-40g.woff) format('woff'), url(/_static/font/HGGGothicssi-40g.ttf) format('truetype'), url(/_static/font/HGGGothicssi-40g.woff) format('woff');
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Roboto;
    src: url(/_static/font/Roboto-Medium.otf) format('embedded-opentype'), url(/_static/font/Roboto-Medium.woff) format('woff'), url(/_static/font/Roboto-Medium.ttf) format('truetype'), url(/_static/font/Roboto-Medium.woff) format('woff');
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: GmarketSansLight;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: GmarketSansBold;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

* {
    box-sizing: border-box
}
html, body {
    overflow-x: hidden;
    background-color: #f9f9f9;
}
body {
    font-size: 16px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    background: #f9f9f9;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
}

body.white {
    background: #fff
}

body.page-modal {
    overflow: hidden
}

a {
    text-decoration: none;
    color: #ff4444;
}

button.btn_submit {
    border: none
}

input.read-only {
    border-color: #6c757d;
    opacity: .65;
    color: #000;
    background-color: #e4dfdf
}

input:-moz-read-only {
    border-color: #6c757d;
    opacity: .65;
    color: #000;
    background-color: #e4dfdf
}

input:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.input_style.disabled,
input:disabled {
    color: #333;
    background: #e6e6e6
}

h2 {
    font-size: 15px
}

.hand {
    cursor: pointer
}

.text-muted {
    color: #6c757d !important
}

.small-font {
    font-size: 12px
}

.user-login-checker {
    display: none
}

.user-login-checker.active {
    display: block
}

.top_line {
    position: relative;
    font-size: 13px;
    color: #55a7d4;
    height: 1px;
    background-color: #e1e1e1
}

.full_page.fix_style.scroll_fix_style {
    padding-top: 95px
}

.cate_box.channel-cate-box {
    margin-bottom: 0
}

.horizontal-scroll {
    -webkit-overflow-scrolling: touch
}

.container,
.non-container,
.wrap {
    background: #f9f9f9
}

.blocker {
    z-index: 999
}

.blocker.common-modal-blocker {
    padding: 15px;
}

.loading-holder {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 10000;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0);
    text-align: center
}

.loading-holder.active {
    display: block
}

.sk-fading-circle {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 70% auto
}

.sk-fading-circle .sk-circle {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    width: 16%;
    height: 16%;
    margin: 0 auto;
    border-radius: 100%;
    background-color: #3d8eee;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {

    0%,
    100%,
    39% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {

    0%,
    100%,
    39% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

.modal {
    z-index: 1000;
    padding: 5px 15px 0 15px;
    box-shadow: none;
    background: 0 0
}

.modal.event {
    box-shadow: none;
    background: 0 0
}

.modal.event .modal-dialog .modal-content {
    border-radius: 15px;
    box-shadow: 0 0 10px #000
}

.modal.alert-modal {
    margin-top: -59%
}

.modal.common-modal {
    padding: 0;
    margin-top: 10%;
    vertical-align: top
}

.modal.common-modal .modal-dialog {
    padding-top: 0
}

.modal.common-modal a.close-modal {
    position: absolute;
    top: 17px;
    right: 15px;
    display: block;
    width: 15px;
    height: 15px;
    background: url(/_static/mobile/images/common/btn_close_white.png) no-repeat 0 0;
    background-size: 15px 15px
}

.modal-content.child_protect {
    width: 100%;
    border-radius: 8px
}

.ambiance {
    padding: 12px 1.25rem;
    margin-bottom: 16px;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: 13px
}

.ambiance:hover {
    border: 1px solid #000
}

.ambiance-close {
    color: inherit
}

.ambiance-close:hover {
    color: #000
}

.ambiance-alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.ambiance-alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.ambiance-alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.ambiance-alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.ambiance-alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.ambiance-alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.ambiance-alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.ambiance-alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.ambiance-alert-err {
    width: 97%;
    min-width: 300px;
    border-color: #ffeeba;
    color: #856404;
    background-color: #fff3cd
}

.header {
    width: 100%;
    min-height: 56px;
    background: #fff
}

.header .h_top {
    position: relative;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    background-size: contain;
}

.header .h_top .logo {
    width: 160px;
}

.header .h_top .logo a div {
    height: 58px;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/top_logo.png) no-repeat 20px 17px #fff;
    background-size: 120px 23px;
}

.header .search_bar_wrap .s_logo a div {
    position: absolute;
    top: 0;
    left: 0px;
    width: 50px;
    height: 58px;
    border: none;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/top_s_logo.png) no-repeat 20px 17px ;
    background-size: 25px
}

.header .h_top .btn_s_menu {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 50px;
    height: 58px;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/btn_menu.png) no-repeat 25% 50%;
    background-size: 24px 20px
}

.header .h_top .btn_s_serch {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 50px;
    height: 58px;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/btn_sr.png) no-repeat 50%;
    background-size: 25px;
}

.header .h_top .btn_search {
    position: absolute;
    top: 23px;
    right: 16px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(/_static/mobile/images/common/btn_search.png) no-repeat 0 0;
    background-size: 20px 20px
}

.header .h_top .btn_s_menu_box, .header .h_top .btn_s_serch_box {
    position: absolute;
    top: 0px;
    display: block;
    width: 50px;
    height: 58px
}

.header .h_top .btn_s_menu_box {
    right: 0px;
}

.header .h_top .btn_s_serch_box {
    right: 50px;
}

.header .h_top .btn_s_menu_box .btn_s_menu,
.header .h_top .btn_s_serch_box .btn_s_serch {
    position: relative
}

.header .h_top .btn_search_box {
    position: absolute;
    top: 0;
    right: 12px;
    display: block;
    width: 48px;
    height: 100%
}

.header .h_top .btn_search_box .btn_search {
    position: relative;
    float: right;
    right: 0
}

.header .btn_close {
    position: absolute;
    top: 23px;
    right: 16px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(/_static/mobile/images/common/btn_delete.png) no-repeat 0 0;
    background-size: 20px 20px
}

.header.fix_style {
    padding-top: 58px
}

.header.fix_style .h_top {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 7%);
}

.header.fixed .search_top {
    z-index: 3;
    position: fixed;
    top: 0;
    left: 0
}

.header.fixed.menu {
    margin-top: 44px
}

.header.fixed.menu .gnb_wrap {
    z-index: 5;
    position: fixed;
    top: 0;
    left: 0;
    margin-bottom: 0;
    background: #fff;
    border-bottom: 1px solid #4fbc2d;
    transition: background-color .5s linear, color .5s linear
}

.header.fixed.menu .bg_grd {
    position: fixed;
    top: -1px
}

.header.fixed.menu .gnb {
    border-bottom: none
}

.header.fixed.menu .gnb ul li {
    color: #000;
    line-height: 47px
}

.header.fixed.menu .gnb .active {
    color: #4fbc2d
}

.header.fixed.menu .line {
    background: #4fbc2d
}

.header.fixed.menu .btn_m_open {
    z-index: 3;
    border-color: #e5eaf0
}

.header.fixed.menu .btn_m_open .ico_arrow {
    background-image: url(/_static/mobile/images/ico/ico_arrow_fixed_style2.png)
}

.header.fixed.menu .menu_open .btn_m_open .ico_arrow {
    background-position: 0 0;
    transform: rotate(180deg)
}

.header.fixed.menu .all_menu_wrap {
    top: 51px
}

.mobile-header {
    display: none
}

.mobile-header.show {
    display: block
}

.mobile-header.mobile-fixed-title-header {
    width: 100%;
    height: 50px;
    min-height: 50px;
    border-bottom: 1px solid #ddd;
    line-height: 51px;
    background: #fff
}

.mobile-fixed-title-header .h_top {
    width: 100%;
    height: 50px;
    padding: 0;
    border-bottom: 1px solid #ddd;
    line-height: 51px;
    background: #fff
}

.mobile-fixed-title-header .h_top .inner {
    position: relative;
    width: 100%;
    max-width: 768px;
    margin: 0 auto
}

.mobile-fixed-title-header .h_top .inner .f_tit {
    width: 100%;
    padding-top: 2px;
    text-align: center;
    font-size: 18px;
    letter-spacing: -1px;
    color: #333;
    font-weight: 700
}

.mobile-fixed-title-header .h_top .btn_back {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 50px;
    background: url(/_static/mobile/images/common/btn_back.png) no-repeat center center;
    background-size: 21px auto
}

.header.mobile-fixed-title-header.fix_style {
    padding-top: 49px
}

.gnb_wrap {
    clear: both;
    position: relative;
    width: 100%;
    background: #fff
}

.gnb_wrap .bg_grd {
    z-index: 3;
    position: absolute;
    top: 0;
    display: block;
    height: 49px
}

.gnb_wrap .bg_grd.left {
    left: 0;
    width: 15px;
    background: -webkit-gradient(linear, left top, right top, color-stop(16.66%, #fff), color-stop(100%, rgba(255, 255, 255, 0)))
}

.gnb_wrap .bg_grd.right {
    width: 26px;
    right: 42px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(60%, #fff))
}

.gnb_wrap .gnb {
    clear: both;
    overflow-x: scroll;
    width: 100%;
    height: 50px;
    padding-left: 6px;
    border-bottom: 1px solid #dbdbdb
}

.gnb_wrap .gnb ul {
    width: 500px
}

.gnb_wrap .gnb ul:after {
    content: '';
    display: block;
    clear: both
}

.gnb_wrap .gnb ul li {
    position: relative;
    float: left;
    width: 52px;
    height: 50px;
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    color: #000
}

.gnb_wrap .gnb ul li.cate-30200 {
    display: none
}

.gnb_wrap .gnb ul li .line {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    display: none;
    width: calc(100% - 16px);
    height: 3px;
    background: #4fbc2d;
    transform: translate(-50%, 0)
}

.gnb_wrap .gnb ul li.active {
    font-weight: 700;
    color: #4fbc2d
}

.gnb_wrap .gnb ul li.active .line {
    display: block
}

.gnb_wrap .gnb ul li>span {
    display: block
}

.gnb_wrap .gnb ul li.empty {
    width: 84px
}

.gnb_wrap .gnb ul li.len_2 {
    width: 52px
}

.gnb_wrap .gnb ul li.len_3 {
    width: 70px
}

.gnb_wrap .gnb ul li.len_4 {
    width: 84px
}

.gnb_wrap .gnb ul li.len_5 {
    width: 96px
}

.gnb_wrap .gnb ul li.ca30200::after {
    content: "인기"
}

.gnb_wrap .gnb .mobile-adult-menu span {
    color: #f0458d
}

.gnb_wrap .gnb .ico_19 {
    position: relative;
    top: 4px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/_static/mobile/images/ico/adult_thumb_v2.png) no-repeat 0 0;
    background-size: auto 16px
}

.gnb_wrap.search .gnb {
    overflow: hidden;
    height: 50px;
    padding-left: 0;
    margin-bottom: 8px;
    border-bottom: none
}

.gnb_wrap.search .gnb ul {
    width: 100%
}

.gnb_wrap.search .gnb li {
    width: 25%;
    height: 50px;
    line-height: 50px;
    padding-left: 5px;
    text-align: left;
    letter-spacing: -1px
}

.gnb_wrap.search .gnb li>span {
    display: block;
    line-height: 50px
}

.gnb_wrap.search .gnb .num {
    display: inline-block;
    font-size: 12px
}

.gnb_wrap.search .gnb .active {
    color: #3d8eee
}

.gnb_wrap.search .gnb .active .cate-cnt {
    font-weight: 400
}

.search-result-container .gnb_wrap .gnb ul li {
    width: 25%;
    height: 50px;
    padding-top: 0;
    font-size: 15px
}

.search-result-container .gnb_wrap.search .gnb ul {
    width: 90%;
    margin: auto
}

.search-result-container .gnb_wrap.search .gnb li .cate-cnt {
    font-size: 12px;
    color: #9e9e9e
}

.gnb_wrap .btn_m_open {
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 49px;
    height: 50px;
    border-left: 1px solid #ebebeb;
    background: #fff
}

.gnb_wrap .btn_m_open .ico_arrow {
    position: absolute;
    top: 23px;
    left: 17px;
    display: block;
    width: 14px;
    height: 7px;
    background: url(/_static/mobile/images/common/ico_arrow.png) no-repeat 0 0;
    background-size: 14px auto
}

.gnb_wrap.search .btn_m_open {
    display: none
}

.all_menu_wrap {
    z-index: 10;
    position: absolute;
    display: none;
    top: 50px;
    width: 100%;
    background: #fff;
    box-shadow: 0px 2px 5px rgba(0,0,0,.2);
}

.all_menu_wrap .menu {
    overflow: hidden;
    width: 100%;
    padding: 12px 0 0 12px
}

.all_menu_wrap .menu .m_btn {
    display: block;
    float: left;
    width: 21.5%;
    height: 34px;
    margin: 0 12px 8px 0;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    text-align: center;
    line-height: 32px;
    font-size: 13px
}

.all_menu_wrap .menu .m_btn:nth-child(4n+1) {
    margin-right: 0
}

.all_menu_wrap .menu .m_btn[data-cate="30200"] {
    display: none
}

.all_menu_wrap .a_btm {
    position: relative;
    width: 100%;
    min-height: 60px;
    padding: 12px 0 12px 4%;
    background: #f8f8f8
}

.all_menu_wrap .a_btm .txt {
    width: 60%;
    font-size: 12px;
    letter-spacing: -.5px;
    color: #a9a9a9
}

.all_menu_wrap .a_btm.edit {
    display: none
}

.all_menu_wrap .btn_m_edit {
    position: absolute;
    top: 15px;
    right: 2%;
    display: inline-block;
    height: 26px;
    padding: 0 8px;
    border-radius: 3px;
    line-height: 26px;
    font-size: 12px;
    font-weight: 400;
    background: #86bccc;
    color: #fff;
    letter-spacing: -1px
}

.all_menu_wrap .btn_m_edit .ico {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    background: url(/_static/mobile/images/ico/ico_menu_edit.png) no-repeat 0 0;
    background-size: 12px 12px;
    vertical-align: middle
}

.all_menu_wrap .btn_wrap {
    display: none;
    position: absolute;
    top: 15px;
    right: 2%
}

.all_menu_wrap .btn_wrap .btn {
    display: inline-block;
    width: 60px;
    height: 26px;
    border-radius: 3px;
    line-height: 26px;
    font-size: 12px;
    text-align: center
}

.all_menu_wrap .btn_wrap .btn.cancel {
    margin-right: 4px;
    background: #e9e2e9;
    color: #a39ba3
}

.all_menu_wrap .btn_wrap .btn.submit {
    background: #feb434;
    color: #fff
}

.all_menu_wrap.edit .a_btm.nomal {
    display: none
}

.all_menu_wrap.edit .a_btm.edit {
    display: block
}

.all_menu_wrap.edit .btn_m_edit {
    display: none
}

.all_menu_wrap.edit .btn_wrap {
    display: block
}

.all_menu_wrap.edit .m_btn {
    border-style: dashed;
    border-color: #cfcfcf;
    color: #cfcfcf
}

.all_menu_wrap.edit .m_btn.active {
    border: 1px solid #feb434;
    color: #feb434
}

.all_menu_wrap.edit .m_btn.disable {
    border-color: #cfcfcf;
    color: #cfcfcf
}

.all_menu_wrap.edit .m_btn.def {
    border: 1px solid #e6e6e6;
    color: #000
}

.gnb_wrap.menu_open .btn_m_open .ico_arrow {
    background-position: 0 -7px
}

.gnb_wrap.menu_open .all_menu_wrap {
    display: block
}

.cate_box {
    position: relative;
    width: 100%;
    background: #fff
}

.cate_box .now_cate {
    width: 100%;
    height: 44px;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    font-size: 14px;
    line-height: 44px;
    color: #333;
    letter-spacing: -1px
}

.cate_box .now_cate .arrow {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 4px;
    margin-left: 5px;
    vertical-align: middle;
    background: url(/_static/mobile/images/ico/ico_arrow.png) no-repeat 0 0;
    background-size: 8px 8px
}

.depth_choice {
    display: none;
    padding: 10px 0px;
    z-index: 3;
    position: absolute;
    top: 44px;
    width: 100%;
    text-align: center;
    background: rgba(248, 248, 247);
    box-shadow: 3px 3px 3px #ccc;
}

.depth_choice li {
    font-size: 12px;
    line-height: 24px;
    color: #666;
    border-right: 1px solid #e9e9e9;
}

.depth_choice li:last-child {
    border-bottom: none
}
/*
.depth_choice .depth2 {
    position: relative;
    display: block;
    width: 92%;
    margin: 0 auto;
    line-height: 44px
}

.depth_choice .depth2:last-child {
    border-bottom: none
}
*/
.depth_choice .s_section.style1 {
    display: none;
    margin: 0;
    border: none
}

.depth_choice .arrow {
    position: absolute;
    top: 20px;
    right: 12px;
    display: inline-block;
    width: 12px;
    height: 6px;
    margin-left: 8px;
    background: url(/_static/mobile/images/common/ico_arrow.png) no-repeat 0 0;
    background-size: 12px auto
}
/*
.depth_choice li.active .depth2 {
    background: #fff
}
*/
.depth_choice .active .s_section.style1 {
    display: block
}

.depth_choice .active .depth2 .arrow {
    transform: rotate(-180deg)
}

.depth_choice.v2 {
    overflow: hidden;
    display: block;
    z-index: 3;
    position: relative;
    top: 0;
    width: 100%;
    padding: 0;
    box-shadow: none;
}

.depth_choice.v2 ul {
    display: block;
    overflow: hidden;
    background-color: #f7f7f7;
}
/*
.depth_choice.v2 li.active .depth2 {
    background: #f8f8f8
}
*/
.depth_choice.v2 li {
    display: block;
    float: left;
    width: 20%;
    text-align: center;
    letter-spacing: -1px;
    color: #666;
    font-size: 13px;
    padding: 10px 5px;
    border-bottom: 1px solid #e9e9e9;
}
.depth_choice.v2 li span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    font-weight: 300;

}
/*
.depth_choice.v2 li:first-child {
    margin-left: 0;
    padding-left: 2px
}
*/
/*
.depth_choice.v2 .depth2 {
    display: block;
    width: auto;
    padding: 0;
    line-height: 50px;
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: 400
}
*/
.depth_choice.v2 li.active .depth2 {
    color: #ff4444;
    font-weight: 500;
}

.depth_choice.v2 li.adult .depth2 {
   color: #ff4444;
    font-weight: 500;
}

.depth_choice.v2.active li:first-child .depth2 {
    color: #ff4444;
}

.cate_box.active .now_cate .arrow {
    background-position: 0 -4px
}

.cate_box.active .depth_choice {
    display: block
}

.gnb_depth2 {
    width: 100%;
    background: #f8f8f8
}

.gnb_depth2 .depth2 {
    overflow: hidden;
    display: block;
    z-index: 3;
    position: relative;
    top: 0;
    width: 100%;
    padding: 0;
    box-shadow: none;
}

.depth2 ul {
    display: block;
    overflow: hidden;
    background-color: #ff4444;
}

.depth2 ul li {
    display: block;
    float: left;
    width: 25%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    letter-spacing: -1px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-left: 1px solid #ff6d6d;
    border-top: 1px solid #ff6d6d;
    border-bottom: 1px solid #dc1d1d;
    border-right: 1px solid #dc1d1d;
}

.depth2 ul li.active {
    background: #fff;
    color: #ff4444;
}

.depth2 ul li:last-child {
    margin-right: 0
}

.gnb_depth2.v2 {
    background: #f8f8f8
}

.container {
    background: #f9f9f9
}

.container.channel {
    padding-bottom: 50px
}

.mobile-container {
    display: none
}

.mobile-container.show {
    display: block
}

.mobile-container.modal-page-container {
    z-index: 700;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 0;
    box-sizing: border-box;
    background: #fff
}

.mobile-container.modal-page-container.fix_style {
    padding-top: 65px
}

.mobile-container.animated.fadeInLeftBig,
.mobile-container.animated.fadeInRightBig {
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.mobile-container.animated.fadeInDownBig,
.mobile-container.animated.fadeInUpBig {
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.mobile-container.animated.fadeInDown {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.mobile-contents-list.active {
    background-color: #f9f9f9
}

.page_move_btn_wrap {
    display: block;
    width: 100%;
    padding: 8px 0;
    text-align: center
}

.page_move_btn_wrap .btn {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(/_static/mobile/images/common/move_btn_img.png) no-repeat;
    background-size: auto 60px
}

.page_move_btn_wrap .btn.next {
    background-position: -30px 0
}

.page_move_btn_wrap .btn {
    width: 26px;
    height: 26px;
    vertical-align: middle
}

.page_move_btn_wrap .btn.next {
    background-position: -32px -32px
}

.page_move_btn_wrap .btn.prev {
    background-position: 0 -32px
}

.page_move_btn_wrap .btn.next.disabled {
    background-position: -32px 0
}

.page_move_btn_wrap .btn.prev.disabled {
    background-position: 0 0
}

.page_move_btn_wrap .num_btn {
    display: inline-block;
    font-weight: 400;
    font-size: 15px;
    color: #3d8eee;
    text-align: center;
    line-height: 22px;
    vertical-align: middle
}

.page_move_btn_wrap .num_btn.has-num {
    min-width: 20px
}

.g_btn_more {
    position: relative;
    top: -1px;
    display: block;
    width: 100%;
    height: 42px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    line-height: 42px;
    text-align: center;
    background: #fff;
    font-size: 14px;
    color: #333
}

.g_btn_more .ico {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 13px;
    height: 7px;
    margin-left: 2px;
    background: url(/_static/mobile/images/common/ico_arrow.png) no-repeat 0 0;
    background-size: 13px auto
}

.g_btn_all {
    position: relative;
    top: -1px;
    display: block;
    width: 100%;
    height: 38px;
    border-top: 1px solid #f7f7f7;
    line-height: 38px;
    text-align: center;
    background: #fff;
    font-size: 14px;
    color: #333
}

.g_btn_all .ico_arrow {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 7px;
    height: 13px;
    margin-left: 5px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 13px
}

.m_banner_wrap {
    position: relative;
    width: 100%;
    margin-bottom: 10px
}

.m_banner_wrap .banner_list {
    overflow-y: scroll;
    position: relative;
    width: 100%
}

.m_banner_wrap .banner_list .b_inner {
    overflow: hidden;
    width: auto
}

.m_banner_wrap .banner_list .b_inner::after {
    content: '';
    display: block;
    clear: both
}

.m_banner_wrap .banner_list .key_item {
    position: relative;
    float: left;
    width: 100%
}

.m_banner_wrap .banner_list .k_img {
    display: block;
    width: 100%;
    max-width: 768px;
    margin: 0 auto
}

.m_banner_wrap .banner_list .active {
    display: block;
    width: 100%
}

.m_banner_wrap .banner_list .disk_slick::after {
    content: '';
    display: block;
    clear: both
}

.m_banner_wrap .banner_list .disk_slick .disk_slick_item {
    float: left;
    display: inline-block;
    width: 100%
}

.m_banner_wrap .banner_list .disk_slick .disk_slick_item img {
    display: block;
    width: 100%;
    max-width: 768px;
    margin: 0 auto
}

.m_banner_wrap .disk_slick ul.good_dots {
    z-index: 3;
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    right: 12px;
    opacity: .7
}

.m_banner_wrap .disk_slick ul.good_dots li {
    display: inline-block;
    float: inherit;
    width: auto
}

.m_banner_wrap .disk_slick ul.good_dots li button {
    display: block;
    float: left;
    width: 8px;
    height: 8px;
    margin-left: 5px;
    padding: 0;
    border: none;
    border-radius: 4px;
    line-height: 0;
    text-indent: -10000px;
    background: rgba(255, 255, 255, .6)
}

.m_banner_wrap .disk_slick ul.good_dots li.slick-active button {
    width: 12px;
    background: #3e8cec
}

.m_banner_wrap .b1 {
    background: #e2e5ec
}

.m_banner_wrap .b_btn_wrap {
    z-index: 3;
    overflow: hidden;
    position: absolute;
    bottom: 12px;
    right: 12px
}

.m_banner_wrap .b_btn_wrap .b_btn {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 8px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .6)
}

.m_banner_wrap .b_btn_wrap .b_btn.active {
    width: 20px;
    background: #ff2c54
}

.m_banner_wrap .key_item .click_area {
    position: relative;
    display: block;
    width: 100%;
    max-width: 768px;
    margin: 0 auto
}

.m_banner_wrap .txt_area {
    position: absolute;
    bottom: 12px;
    left: 12px;
    color: #fff;
    text-shadow: 0 0 10px rgba(44, 44, 44, .5)
}

.m_banner_wrap .txt_area .sub_txt {
    font-size: 14px;
    letter-spacing: -.5px;
    line-height: 18px
}

.m_banner_wrap .txt_area .tit {
    margin-top: 5px;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -1px
}



/* 내가구매한 콘텐츠 다시보기박스 추가  */
.c_rebox {
    clear: both;
	width: 100%;
	background: #f9f9f9;
	border:1px solid #ddd;
	margin-bottom: 20px;
	display: block;
	padding:5px 10px;
}
.c_rebox.hide{ display:none}

.c_rebox .c_rebox_redw{ 
	display: flex;
    align-items: center;
    justify-content: space-between;
	border-bottom:1px #ccc dotted;
	padding:4px 0;
}


.c_rebox .c_rebox_redw:last-child {
	border-bottom:0px #ccc dotted;
}


.c_rebox_redw .c_date{
	 line-height: 17px;
    font-size: .8rem;
    color: #333;
    letter-spacing: -1px;
	 text-align: center;
}


.c_rebox_redw .re_tit {
	width: 100%;
}

.c_rebox_redw .re_tit dt{
	overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
    line-height: 130%;
   font-size: .9rem;
    color: #666;
    letter-spacing: -1px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis
	}

.c_rebox_redw .re_tit dd{
	font-size: .8rem;
	color: #333;
	display: block;
	line-height: 180%;
}

.c_rebox_redw .font_r{
    color: #ff4444;
}

.c_rebox_redw .font_b{
    color: #0447ab;
}


.c_rebox_redw .c_btn{
    display: block;
	min-width: 70px;
	padding-left:5px;
	text-align: center;
	font-size: .7rem;
	line-height: 18px;
}

.c_rebox_redw .c_btn .c_btn_replay{
	width: 100%;
	 display: block;
	color: #fff;
	margin-bottom:3px;
	letter-spacing: -1px;
	padding:5px 10px;
	background: #ff4444;
	-webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius:5px; 
}

.c_rebox_redw .c_btn .c_btn_redown{
	width: 100%;
	 display: block;
	color: #fff;
	letter-spacing: -1px;
	padding:5px 10px;
	background: #14477e;
	-webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius:5px; 
}





.content_slide_wrap.ver2.broad {
    padding: 20px 0px 10px;
    border-radius: 7px;
    background: #1f1f27;
}

.content_slide_wrap {
    position: relative;
    width: 100%;
    padding: 30px 0 15px 0;
    margin-bottom: 10px;
    background: #fff
}

.content_slide_wrap .tit {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 10px 12px;
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: 500;
    color: #333
}

.content_slide_wrap .tit p {
    font-size: 14px
}

.content_slide_wrap .c_more {
    position: absolute;
    top: 17px;
    right: 16px;
    color: #999;
    font-size: 12px
}

.content_slide_wrap .c_more .ico_arrow {
    display: inline-block;
    width: 5px;
    height: 10px;
    margin-left: 5px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 10px
}

.content_slide_wrap .b_style {
    display: block;
    width: 94%;
    height: 1px;
    margin: 0 auto;
    background: #f9f9f9
}

.content_slide_wrap .content_top {
    overflow: hidden;
    width: 100%;
    padding: 10px 2%;
    height: 40px;
    border-bottom: 1px solid #e3e3e3
}

.content_slide_wrap .c_box_style {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 17px;
    height: 17px;
    border: none;
    margin-right: 5px;
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat 0 0;
    background-size: 34px auto;
    vertical-align: middle
}

.content_slide_wrap .c_box_style:checked {
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat -17px 0;
    background-size: 34px auto
}

.content_slide_wrap .c_box_style+.label_style {
    display: inline-block;
    margin-right: 12px;
    font-size: 12.5px
}

.content_slide_wrap .c_box_area {
    position: relative;
    top: -2px;
    float: left;
    font-size: 12px;
    color: #919191
}

.content_slide_wrap .sort_type {
    float: right
}

.content_slide_wrap .sort_type .s_btn {
    display: inline-block;
    padding-top: 2px;
    margin-left: 15px;
    color: #999;
    font-size: 12px;
    vertical-align: top
}

.content_slide_wrap .sort_type .s_btn.active {
    color: #3d8eee
}

.content_slide_wrap .c_list {
    overflow-x: scroll;
    width: 100%;
    padding-left: 16px;
    -webkit-overflow-scrolling: touch
}

.content_slide_wrap .c_list ul:after {
    content: '';
    display: block;
    clear: both
}

.content_slide_wrap .c_list ul li {
    float: left;
    width: 128px;
    margin-right: 12px
}

.content_slide_wrap .c_img {
    overflow: hidden;
    position: relative;
    width: 130px;
    height: 70px;
    margin-bottom: 5px;
    background: #000;
}

.content_slide_wrap .c_img .img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    transform: translate(-50%, -50%)
}

.content_slide_wrap .c_img .img.no_img {
    width: calc(100% + 3px);
    max-width: 102%;
    height: 100%;
    transform: translate(-51%, -50%)
}

.content_slide_wrap .c_img .rank {
    position: absolute;
    top: 2px;
    left: 5px;
    font-size: 18px;
    font-family: DIN_pro, DIN_pro, sans-serif;
    color: #ffec1e;
    font-style: italic;
    text-shadow: 0 0 3px #999
}

.content_slide_wrap .c_img .ico {
    z-index: 2;
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
    width: 32px;
    height: 20px;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/hd_ico_img02.png) no-repeat -35px 0px;
    background-size: 100px auto;
}

.content_slide_wrap .c_img .ico.fhd {
    background-position: 0 0
}

.content_slide_wrap .c_img .ico.hd {
    background-position: -68px 0px;
}

.content_slide_wrap .c_img .time {
    position: absolute;
    bottom: 5px;
    right: 5px;
    height: 12px;
    padding: 0 3px;
    line-height: 11px;
    font-size: 10px;
    text-align: center;
    color: #fff;
    /*background: rgba(0, 0, 0, .7);*/
    font-family: DIN_pro, DIN_pro, sans-serif
}

.content_slide_wrap .c_img .end_img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    display: none;
    width: 100%;
    height: 100%;
    padding-top: 42px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    background: rgba(0, 0, 0, .75) url(/_static/mobile/images/ico/ico_time.png) no-repeat center 30%;
    background-size: 20px auto
}

.content_slide_wrap .end_time .end_img {
    display: block
}

.content_slide_wrap .end_time .r_time {
    color: #f80112;
    font-weight: 700
}

.content_slide_wrap .btn_preview_area {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 129px;
    height: 74px;
    background: rgba(0, 0, 0, .5) url(/_static/mobile/images/common/btn_play_img.png) no-repeat center center;
    background-size: 32px 32px
}

.content_slide_wrap .c_tit {
   overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
	font-size:.9em; 
	line-height: 1.3em;
    color: #333;
    letter-spacing: -1px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis;
}

.content_slide_wrap .c_tit .t_green {
    display: inline-block;
    margin-right: 2px;
    color: #4fbc2d;
    letter-spacing: -.5px
}

.content_slide_wrap .info {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    letter-spacing: -.5px;
    color: #999
}

.content_slide_wrap .info .p_ico {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    background: url(/_static/mobile/images/ico/ico_all_point.png) no-repeat 0 0;
    background-size: auto 15px;
    vertical-align: middle
}

.content_slide_wrap .info .p_ico.v2 {
    background: url(/_static/mobile/images/ico/p_ico_v2.png) no-repeat 0 0;
    background-size: auto 12px
}

.content_slide_wrap .info .t_green {
    color: #ff4444;
}

.content_slide_wrap .bar {
    display: inline-block;
    margin: 0 2px;
    color: #e6e6e6
}

.content_slide_wrap .btn_clear {
    position: relative;
    top: -1px;
    display: inline-block;
    padding: 0 3px;
    margin-left: 10px;
    border: 1px solid #c5c5c5;
    font-size: 10px;
    font-weight: 400;
    color: #888;
    background: #fff
}

.content_slide_wrap .c_info>span {
    display: inline-block;
    font-size: 12px;
    letter-spacing: -.5px
}

.content_slide_wrap .c_info .num {
    color: #7eca6b
}

.content_slide_wrap .c_info>span.num {
    float: left
}

.content_slide_wrap .c_info>span.date {
    float: right;
    font-size: 12px
}

.content_slide_wrap .btn_play {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 129px;
    height: 74px;
    background: url(/_static/mobile/images/common/btn_play_img.png) no-repeat center center;
    background-size: 32px 32px
}

.content_slide_wrap .c_list .num_more {
    width: 80px;
    padding-top: 30px;
    text-align: center
}

.content_slide_wrap .num_more .ico {
    z-index: 10;
    display: block;
    width: 43px;
    height: 43px;
    margin: 0 auto;
    background: url(/_static/mobile/images/common/move_btn_img_2.png) no-repeat 0 0;
    background-size: auto 44px
}

.content_slide_wrap .num_more .txt {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    color: #333;
    line-height: 18px
}

.content_slide_wrap .swipe_wrap .btn_menu {
    display: none
}

.content_slide_wrap.txt_style.mobile-channel-view-broadcast-chapter-wrap {
    padding: 0
}

.content_slide_wrap.one_line .c_tit {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 32px;
    margin-bottom: 5px;
    letter-spacing: -1px;
    line-height: 16px;
    font-size: 12px;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    letter-spacing: -1px;
    text-overflow: ellipsis
}

.content_slide_wrap.one_line .info {
    display: block
}

.content_slide_wrap.txt_style {
    padding-bottom: 5px
}

.content_slide_wrap.txt_style .c_list {
    overflow: hidden;
    width: calc(100% - 32px);
    margin: 0 auto;
    padding: 0;
    border-top: 1px solid #f2f2f2
}

.content_slide_wrap.txt_style .c_list ul {
    width: 100%
}

.content_slide_wrap.txt_style .c_list ul li {
    position: relative;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    border-bottom: 1px solid #f2f2f2
}

.content_slide_wrap.txt_style .c_list ul li:last-child {
    border: none
}

.content_slide_wrap.txt_style .c_list ul li.mobile-contents-list-channel_on .c_tit {
    margin-bottom: 2px
}

.content_slide_wrap.txt_style .c_img {
    overflow: hidden;
    float: left;
    position: relative;
    margin: 0;
    border-radius: 7px;
}

.content_slide_wrap.txt_style .c_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: calc(100% + 40px);
    max-width: 130%;
    transform: translate(-50%, -50%)
}

.content_slide_wrap.txt_style .btn_play {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 129px;
    height: 74px;
    background: rgba(0, 0, 0, .1) url(/_static/mobile/images/common/btn_play_img.png) no-repeat center center;
    background-size: 32px 32px
}

.content_slide_wrap.txt_style .c_txt_area {
    position: absolute;
    left: 132px;
    width: calc(100% - 145px);
    top: 12px
}

.content_slide_wrap.txt_style .c_txt_area.seller-area {
    top: 70px
}

.content_slide_wrap.txt_style .pt_2 .-rank .c_txt_area {
    left: 130px;
    top: 17px;
    width: calc(100% - 135px);
    padding-left: 12px
}

.content_slide_wrap.txt_style .-rank .c_txt_area {
    left: 135px;
    top: 17px;
    width: calc(100% - 150px)
}
.content_slide_wrap.txt_style.broad .c_tit  {
    color: #d5d5d5;
    padding-right: 1px;
}
.content_slide_wrap.txt_style .c_tit {
    position: relative;
    width: 100%;
    margin-bottom: 8px;
    letter-spacing: -.5px;
    font-size: 15px
}

.content_slide_wrap.txt_style .info {
    display: block;
    margin: 0;
    letter-spacing: 0;
    line-height: 16px
}

.content_slide_wrap.txt_style .info .bar {
    position: relative;
    top: -1px;
    font-size: 11px;
    margin: 0 6px 0 4px
}

.content_slide_wrap.txt_style .reply .ico {
    display: inline-block;
    width: 15px;
    height: 13px;
    background: url(/_static/mobile/images/ico/ico_reply_1.png) no-repeat 0 0;
    background-size: auto 13px
}


/*###서치 리스트 가격지원 아이콘   ###*/
.content_slide_wrap.txt_style .evt {
    letter-spacing: -1px;
    display: inline-block;
	text-align: center;
	font-size: .575rem;
	color:#fff;
    border-radius: 1rem;
    white-space: nowrap;
	padding:0 6px;
 
}
/*### 가격지원  ###*/
.content_slide_wrap.txt_style .evt.Licon1 {
    background-color: #5db6d3; 
}

/*### 무료이용 ###*/
.content_slide_wrap.txt_style .evt.Licon2 {
    background-color: #e8492a;  

}

/*### 반값 할인 퍼플 ###*/
.content_slide_wrap.txt_style .evt.Licon3 {
    background-color: #8e56c3;
}

/*### 페이백 ###*/
.content_slide_wrap.txt_style .evt.Licon4 {
    background-color: #8643c0;
}


.content_slide_wrap.txt_style .c_list.channel-new-content-list .c_txt_area {
    top: 14px
}

.content_slide_wrap.txt_style .c_list.channel-new-content-list .c_txt_area.seller-area {
    top: 70px
}

.content_slide_wrap .btn_menu {
    z-index: 5;
    position: absolute;
    bottom: 10px;
    right: 5px
}

.content_slide_wrap .btn_menu .b_dot {
    display: block;
    width: 3px;
    height: 3px;
    margin-bottom: 3px;
    border-radius: 50%;
    background: #666
}

.content_slide_wrap.txt_style .menu_wrap {
    z-index: 10;
    position: absolute;
    bottom: -90px;
    right: 5px;
    width: 130px;
    box-shadow: -3px 0 10px #ccc;
    background: #fff
}

.content_slide_wrap.txt_style .menu_wrap .menu {
    height: 40px;
    padding: 0 0 0 8px;
    border-bottom: 1px solid #f3f3f3;
    line-height: 40px;
    font-size: 12.5px
}

.content_slide_wrap.admin {
    padding-top: none;
    margin-bottom: 0;
    border-bottom: 1px solid #f2f2f2
}

.content_slide_wrap.admin .c_list {
    border-top: none
}

.content_slide_wrap.admin+.pagnation {
    margin-bottom: 8px;
    background: #fff
}

.content_slide_wrap.detail {
    padding-bottom: 8px
}

.content_slide_wrap.detail .c_tit {
    height: 20px
}

.content_slide_wrap.detail .c_txt_area {
    top: 8px
}

.content_slide_wrap .tab_btn_wrap {
    z-index: 3;
    overflow: hidden;
    width: 100%;
    height: 30px;
    text-align: center
}

.content_slide_wrap .tab_btn_wrap .t_btn {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 3px;
    border-radius: 5px;
    background: #cecece
}

.content_slide_wrap .tab_btn_wrap .t_btn.active {
    background: #ff2c54
}

.content_slide_wrap .mypage-contents-buy_list .c_tit {
    margin-bottom: 1px
}

.content_slide_wrap .search_txt {
    background: #dbefff
}

.swipe_wrap {
    overflow: hidden;
    width: 100%
}

.swipe_area {
    width: 100%
}

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

.swipe_wrap .c_list.top_100 {
    float: left;
    width: 100%;
    min-width: 340px;
    padding: 12px;
    padding-top: 0;
    border-top: none
}

.swipe_wrap .c_list.top_100 ul li {
    min-width: 300px
}

.swipe_wrap .c_list.top_100 .c_txt_area {
    top: 17px
}

.content_slide_wrap.txt_style .top_100 .rank_wrap {
    position: relative;
    float: left;
    width: 32px;
    padding-left: 3px;
    line-height: 73px
}

.content_slide_wrap.txt_style .top_100 .rank_wrap .num {
    display: inline-block;
    width: 15px;
    text-align: center;
    color: #333;
    font-style: italic;
    font-size: 15px;
    letter-spacing: -1px
}

.content_slide_wrap.txt_style .top_100 .rank_wrap .num.top {
    color: #4fbc2d
}

.content_slide_wrap.txt_style .top_100 .rank_wrap .bar {
    position: absolute;
    top: 70%;
    left: 7px;
    width: 11px;
    height: 1px;
    margin: 0;
    background: #e1e1e1
}

.content_slide_wrap.txt_style .top_100 .c_txt_area {
    left: 162px;
    width: calc(100% - 175px)
}

.content_slide_wrap.txt_style .top_100 .c_txt_area .name {
    color: #3d8eee
}

.content_slide_wrap.txt_style .btn_menu {
    right: 0
}

.on_channel .content_slide_wrap {
    padding-top: 0;
    padding-bottom: 60px
}

.on_channel .content_slide_wrap .c_list {
    width: 100%;
    border-top: none
}

.on_channel .content_slide_wrap .c_tit {
    color: #000
}

.on_channel .content_slide_wrap .top_100 .rank_wrap {
    width: 45px;
    padding-left: 15px;
    font-style: italic
}

.on_channel .content_slide_wrap .top_100 .c_txt_area {
    left: 185px;
    width: calc(100% - 185px)
}

.on_channel .content_slide_wrap .stats {
    font-size: 11px;
    color: #7d7d7d
}

.on_channel .content_slide_wrap .stats .ico {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/_static/mobile/images/ico/ico_view_top.png) no-repeat 0 0;
    background-size: auto 17px;
    vertical-align: middle
}

.on_channel .content_slide_wrap .stats .like .ico {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 13px;
    background: url(/_static/mobile/images/ico/ico_like_img.png) no-repeat 0 0;
    background-size: auto 13px
}

.on_channel .content_slide_wrap .stats .good .ico {
    background-position: -21px 0
}

.on_channel .content_slide_wrap .stats .bad .ico {
    background-position: -42px 0
}

.on_channel .content_slide_wrap .top_100 .rank_wrap .num.top {
    color: #3d8eee
}

.content_slide_wrap.sub_list {
    padding: 0 0 50px 0
}

.content_slide_wrap.sub_list.type1 {
    padding-bottom: 0
}

.content_slide_wrap.sub_list .c_list {
    width: 100%;
    padding: 0 12px;
    border: none
}

.content_slide_wrap.sub_list .c_list.pt_2 {
    padding: 10px 16px
}

.content_slide_wrap.sub_list .c_list ul {
    margin: 0 auto
}

.content_slide_wrap.broad.sub_list .c_list ul li {
    padding: 10px 0;
    cursor: pointer;
}

.content_slide_wrap.sub_list .c_list ul li {
    width: 100%;
    padding: 10px 0
}

.content_slide_wrap.ver2.sub_list.broad .c_list ul li.active .c_tit {
    color: #fff;
}

.content_slide_wrap.sub_list .c_list ul li.active {
    background-color: #f2f2f2
}

.content_slide_wrap.sub_list .c_list.content_i_style ul {
    width: 100%;
    background: #f2f2f2
}

.content_slide_wrap.sub_list .c_list.content_i_style ul li {
    padding: 0;
    margin-bottom: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.content_slide_wrap.sub_list.card_style .c_list {
    padding-top: 12px
}

.content_slide_wrap.sub_list.card_style .c_list li {
    width: 100%;
    padding: 10px 0;
    margin: 0 auto
}

.content_slide_wrap.sub_list.card_style .c_list li:after {
    content: '';
    display: block;
    clear: both
}

.content_slide_wrap.sub_list.card_style .c_list .name {
    color: #3d8eee
}

.content_slide_wrap.sub_list.card_style .c_list .c_tit {
    width: 85%
}


.content_slide_wrap.sub_list.card_style .c_list .btn_menu {
    width: 10%;
    height: 100%;
    top: 0;
    right: 0;
    padding: 16px 0 0 5%
}


.content_slide_wrap.sub_list.card_style .c_list .c_txt_area {
    top: 10px
}

.content_slide_wrap.sub_list.card_style .c_list .mobile-contents-list-buy_list .c_txt_area {
    left: 135px
}

.content_slide_wrap.sub_list.card_style .c_list .mobile-contents-list-buy_list .c_tit {
    width: 85%
}

.content_slide_wrap.rank_search_contents {
    padding: 0;
    margin-bottom: 50px
}

.content_slide_wrap.txt_style.rank_search_contents .c_list {
    border-top: none
}

.content_slide_wrap.rank_search_contents .tit_s {
    height: 27px;
    line-height: 27px;
    font-size: 15px
}

.swipe_wrap .c_list.broad_num {
    float: left;
    width: 100%;
    padding: 0 16px 15px 16px;
    border-top: none
}

.swipe_wrap .c_list.broad_num .c_txt_area {
    left: 132px;
    top: 16px
}

.swipe_wrap .c_list.broad_num .num_info {
    padding-bottom: 3px;
    font-size: 13px;
    color: #000
}

.swipe_wrap .c_list.broad_num .num_info .num {
    color: #4fbc2d
}

.swipe_wrap .c_list.broad_num .c_tit {
    width: 100%;
    margin-right: 0;
    font-size: 13px
}

.notice_section {
    position: relative;
    width: 100%;
    padding: 15px 0 0;
    margin-bottom: 12px;
    background: #fff
}

.notice_section .tit {
    width: 92%;
    margin: 0 auto;
    padding-bottom: 13px;
    font-size: 15px;
    font-weight: 500
}

.notice_section .btn_more {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 12px;
    color: #919191
}

.notice_section .btn_more .ico_arrow {
    display: inline-block;
    width: 5px;
    height: 10px;
    margin-left: 5px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 10px
}

.notice_section ul {
    width: 100%;
    border-top: 1px solid #f2f2f2
}

.notice_section li {
    width: 100%;
    padding: 14px 12px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 14px
}

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

.notice_section .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: -1px
}

.notice_section .type {
    color: #ff4444;
}

.slide_banner_wrap {
    position: relative;
    width: 100%;
    padding: 15px 0;
    /*margin-bottom: 10px;*/
    background: #fff
}

.slide_banner_wrap .tit {
    width: 92%;
    margin: 0 auto;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 500
}

.slide_banner_wrap .tab_btn_wrap {
    z-index: 3;
    overflow: hidden;
    position: absolute;
    top: 14px;
    right: 12px;
    width: 100px;
    height: 14px
}

.slide_banner_wrap .tab_btn_wrap .t_btn {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 8px;
    border-radius: 5px;
    background: #e8e8e8
}

.slide_banner_wrap .tab_btn_wrap .t_btn.active {
    width: 20px;
    background: #ff2c54
}

.slide_banner_wrap .t_banner_wrap {
    width: 100%
}

.slide_banner_wrap .t_banner_wrap ul {
    overflow: hidden;
    width: auto
}

.slide_banner_wrap .t_banner_wrap ul::after {
    content: '';
    display: block;
    clear: both
}

.slide_banner_wrap .t_banner_wrap ul li {
    float: left;
    display: none;
    width: 100%
}

.slide_banner_wrap .t_banner_wrap ul li img {
    display: block;
    width: 100%;
    max-width: 768px;
    margin: 0 auto
}

.slide_banner_wrap .t_banner_wrap .active {
    display: block
}

.slide_banner_wrap .t_banner_wrap .m1 {
    background: #f6f6f6
}

.slide_banner_wrap .t_banner_wrap .m2 {
    background: #fbe43c
}

.slide_banner_wrap .t_banner_wrap .disk_slick {
    overflow: hidden;
    width: auto
}

.slide_banner_wrap .t_banner_wrap .disk_slick::after {
    content: '';
    display: block;
    clear: both
}

.slide_banner_wrap .t_banner_wrap .disk_slick .disk_slick_item {
    float: left;
    display: block;
    width: 100%;
}

.slide_banner_wrap .t_banner_wrap .disk_slick .disk_slick_item > a {
    display: block;
    /*margin: 0 -150px;*/
}

.slide_banner_wrap .t_banner_wrap .disk_slick .disk_slick_item img {
    display: block;
    width: 100%;
    max-width: 768px;
    margin: 0 auto
}

.disk-slick ul.good_dots,
.slide_banner_wrap .t_banner_wrap .disk_slick ul.good_dots {
    z-index: 3;
    overflow: hidden;
    position: absolute;
    top: 14px;
    right: 4%;
    width: 200px;
    height: 14px
}

.disk-slick ul.good_dots li,
.slide_banner_wrap .t_banner_wrap .disk_slick ul.good_dots li {
    display: inline-block;
    float: right;
    width: auto;
    height: 15px
}

.disk-slick ul.good_dots li button,
.slide_banner_wrap .t_banner_wrap .disk_slick ul.good_dots li button {
    display: block;
    float: right;
    width: 10px;
    height: 10px;
    margin-left: 6px;
    border: none;
    border-radius: 5px;
    background: rgba(255, 255, 255, .6);
    background: #e8e8e8;
    text-indent: -10000px
}

.disk-slick ul.good_dots li.slick-active button,
.slide_banner_wrap .t_banner_wrap .disk_slick ul.good_dots li.slick-active button {
    width: 20px;
    background: #ff2c54
}

.slide_banner_wrap .t_banner_wrap .swipe-banner {
    overflow: hidden;
    width: auto
}

.slide_banner_wrap .t_banner_wrap .swipe-banner .swipe-banner-item {
    float: left;
    display: block;
    width: 100%
}

.slide_banner_wrap .t_banner_wrap .swipe-banner .swipe-banner-item img {
    display: block;
    width: 100%;
    max-width: 768px;
    margin: 0 auto
}

.slide_banner_wrap.event {
    padding: 0
}

.slide_banner_wrap.event .tab_btn_wrap {
    left: 50%;
    top: unset;
    bottom: 6px;
    margin-left: -3px;
    transform: translate(-50%, 0);
    text-align: center
}

.slide_banner_wrap.event .tab_btn_wrap .t_btn {
    background: #fdf4b1
}

.slide_banner_wrap.event .tab_btn_wrap .t_btn.active {
    background: #ff2c54
}

.slide_banner_wrap.event .t_banner_wrap .disk_slick ul.good_dots {
    z-index: 3;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: unset;
    right: auto;
    bottom: 0;
    width: auto;
    text-align: center;
    transform: translate(-50%, 0)
}

.slide_banner_wrap.event .t_banner_wrap .disk_slick ul.good_dots li {
    float: left;
    display: inline-block;
    width: auto
}

.slide_banner_wrap.event .t_banner_wrap .disk_slick ul.good_dots li button {
    float: left
}

.slide_banner_wrap .t_banner_wrap img {
    display: block
}

.mobile-contents-slick .good_dots {
    z-index: 3;
    width: 70%;
    height: 35px;
    margin-left: 15%;
    padding: 8px 0 0 0;
    text-align: center
}

.mobile-contents-slick .good_dots li {
    display: inline-block;
    width: auto;
    height: 15px
}

.mobile-contents-slick .good_dots li button {
    display: block;
    float: right;
    width: 10px;
    height: 10px;
    margin-left: 8px;
    border: none;
    border-radius: 5px;
    background: rgba(255, 255, 255, .6);
    background: #e8e8e8;
    text-indent: -10000px
}

.mobile-contents-slick .good_dots li.slick-active button {
    width: 20px;
    background: #ff2c54
}

.disk_slick_item .inner {
    display: block;
    width: 100%
}

.disk_slick_item .inner img {
    display: block;
    max-width: 500px;
    margin: 0 auto
}

.on_content_list {
    position: relative;
    width: 100%;
    padding: 15px 0;
    margin-bottom: 10px
}

.on_content_list .tit {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 15px 16px;
    font-size: 16px;
    color: #58646d;
    color: #000;
    font-weight: 600;
    letter-spacing: -1px
}

.on_content_list .tit .t_green {
    color: #4fbc2d
}

.on_content_list .c_more {
    position: absolute;
    top: 17px;
    right: 16px;
    color: #999;
    font-size: 12px
}

.on_content_list .c_more .ico_arrow {
    display: inline-block;
    width: 5px;
    height: 10px;
    margin-left: 5px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 10px
}

.on_content_list .poster_list {
    overflow: inherit;
    overflow-x: scroll;
    padding-left: 16px
}

.on_content_list .poster_list ul {
    overflow: hidden;
    width: 2000px
}

.on_content_list .poster_list ul li {
    float: left;
    width: 128px;
    margin-right: 11px
}

.on_content_list .poster_list ul li img {
    display: block;
    height: 181px
}

.on_content_list .poster_list .p_img {
    display: block;
    margin-bottom: 5px
}

.on_content_list .poster_list .p_tit {
    overflow: hidden;
    display: block;
    width: 100%;
    padding: 0 3px;
    margin-top: 5px;
    font-size: 14px;
    text-align: center;
    text-overflow: ellipsis;
    letter-spacing: -1px;
    white-space: nowrap
}

.b_img_list_wrap {
    position: relative;
    width: 100%;
    padding: 15px 0 5px 0;
    margin-bottom: 10px;
    background: #fff
}

.b_img_list_wrap .tit {
    width: calc(100% - 24px);
    margin: 0 auto;
    padding-bottom: 15px;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    letter-spacing: -1px
}

.b_img_list_wrap .c_more {
    position: absolute;
    top: 15px;
    right: 12px;
    color: #999;
    font-size: 12px
}

.b_img_list_wrap .c_more .ico_arrow {
    display: inline-block;
    width: 5px;
    height: 10px;
    margin-left: 5px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 10px
}

.b_img_list_wrap .b_img_list {
    width: 100%;
    margin: 0 auto
}

.b_img_list_wrap .b_img_list ul {
    overflow: hidden;
    padding: 0 6px
}

.b_img_list_wrap .b_img_list ul li {
    float: left;
    width: 50%;
    padding: 0 6px;
    margin: 0 0 12px 0
}

.b_img_list_wrap .b_img_list .b_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 90px;
    margin-bottom: 5px;
    border-radius: 2.5px
}

.b_img_list_wrap .b_img_list .b_img img {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(0, -45%)
}

.b_img_list_wrap .b_tit {
    overflow: hidden;
    width: 100%;
    height: 20px;
    margin-bottom: 5px;
    line-height: 20px;
    font-size: 14px;
    color: #6e6e6e;
    white-space: nowrap;
    text-overflow: ellipsis
}

.b_img_list_wrap .b_tit .t_green {
    color: #4fbc2d
}

.b_img_list_wrap.ani .b_tit {
    height: 40px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis
}

.b_img_list_wrap.movie .b_img_list .b_img {
    padding-top: 142%
}

.b_img_list_wrap.movie .b_img_list .b_img img {
    transform: translate(0, -50%)
}

.b_img_list_wrap.movie .b_tit {
    letter-spacing: -1px;
    font-size: 13px
}

.b_img_list_wrap.movie .b_tit .t_green {
    margin-right: 5px;
    font-size: 14px
}

.btm_menu_wrap {
    width: 100%;
    border-top: 1px solid #dedede;
    background: #fff
}

.btm_menu_wrap ul {
    overflow: hidden
}

.btm_menu_wrap ul li {
    float: left;
    width: 33.3%;
    text-align: center;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 39px
}

.top_btn {
    z-index: 10;
    position: fixed;
    bottom: 65px;
    right: 10px;
    display: block;
    width: 43px;
    height: 43px;
    background: url(/_static/mobile/images/common/move_btn_img_2.png) no-repeat -44px 0;
    background-size: auto 44px
}

.footer {
    width: 100%;
    padding-bottom: 70px;
    background: #f9f9f9;
    text-align: center
}

.top_txt {
    padding: 18px 0 30px 0;
    font-size: 13px
}

.top_txt>p {
    width: 92%;
    margin: 0 auto;
    border-radius: 15px;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    background: #e3e3e3;
    color: #333
}

.top_txt>p .t_blue {
    color: #3d8eee
}

.footer .foot_menu {
    width: 92%;
    padding: 40px 0 10px 0;
    margin: 0 auto;
    letter-spacing: -1px;
    font-size: 12px;
    color: #666
}

.footer .foot_menu p {
    font-size: 12px
}

.footer .foot_menu a {
    color: #666
}

.footer .foot_menu .bar {
    display: inline-block;
    margin: 0 2px;
    color: #ccc
}

.footer .center {
    margin: 12px 0;
    font-size: 15px;
    color: #666
}

.footer .center a {
    color: #666
}

.footer .copy {
    font-size: 11px;
    color: #ccc;
    font-family: 'NotoSans';
}

.addr {
    font-size: 11px;
    line-height: 16px;
    color: #888;
    padding: 0 10px;
    font-family: 'NotoSans';
    font-weight: normal;
}

.addr .bar {
    display: inline-block;
    margin: 0 2px;
    /*color: #.footer .copy*/
}

.mobile-footer {
    display: none
}

.mobile-footer.show {
    display: block
}

.mobile-bottom-navs {
    display: none
}

.mobile-bottom-navs.show {
    z-index: 800;
    display: flex;
}

.mobile-bottom-top-btn {
    display: none
}

.mobile-bottom-top-btn.show {
    display: none
}

.mobile-bottom-top-btn.show.open {
    z-index: 501;
    display: block
}

.scroll_menu {
    z-index: 10;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    height: 57px;
    border-top: 1px solid #eee;
    background: #fff;
}

.scroll_menu .s_btn {
    flex: 1;
    /*width: 20%;*/
    padding: 10px 0;
    text-align: center;
}
.scroll_menu .s_btn.dermi {
    flex: 1;
}
/*
.scroll_menu .s_btn .ico {
    display: block;
    width: 25px;
    height: 20px;
    margin: 0 auto 1px auto;
    background: url(/_static/mobile/images/ico/scroll_menu_ico_1.png) no-repeat;
    background-size: auto 40px
}
*/
.scroll_menu .s_btn .ico {
    display: block;
    padding: 0 10px;
}
.scroll_menu .s_btn .ico::before {
    font-family: "Material Design Icons";
    content: "\F04CE";
    line-height: 37px;
    font-size: 31px;
    color: #ddd;
}
.scroll_menu .s_btn:active .ico::before {
    color: #ff4444;
}
.scroll_menu .s_btn .name {
    display: none;
    font-size: 11px;
    line-height: 16px
}

.scroll_menu .s_btn.active .name {
    color: #58bf37
}

.scroll_menu .s_btn.type1 .ico::before {
    content: "\F09A8";
}

.scroll_menu .s_btn.type2 .ico::before {
    content: "\F09A8";
}

.scroll_menu .s_btn.type3 .ico::before {
    content: "\F08D0";
}

.scroll_menu .s_btn.type4 .ico::before {
    content: "\F0B55";
}

.scroll_menu .active .ico::before {
    color: #ff4444;
}

.scroll_menu .s_btn.type5 .ico::before {
    content: "\F0957";
}

.scroll_menu .s_btn.type1.active .ico {
    background-position: 0 -20px
}

.scroll_menu .s_btn.type2.active .ico {
    background-position: -25px -20px
}

.scroll_menu .s_btn.type3.active .ico {
    background-position: -50px -20px
}

.scroll_menu .s_btn.type4.active .ico {
    background-position: -75px -20px
}

.scroll_menu .s_btn.type5.active .ico {
    background-position: -100px -20px
}
/*
.scroll_menu .s_btn.home {
    width: 70px;
    flex: none;
    padding-left: 16px;
    text-align: left
}
*/
/*
.scroll_menu .s_btn.type5 {
}

.scroll_menu .s_btn.type5 .ico {
    position: relative;
    right: -2px;
    display: inline-block;
    margin: 0
}

.scroll_menu .s_btn.type5 .name {
    position: relative;
    top: -4px
}

.scroll_menu .s_btn.type2,
.scroll_menu .s_btn.type3,
.scroll_menu .s_btn.type4 {
    width: calc(33.3% - 41.3px)
}
*/
.new_content_list {
    position: relative;
    width: 100%;
    padding: 12px 0;
    margin-bottom: 10px;
    background: #fff
}

.new_content_list .sub_tit {
    padding: 0 0 10px 16px;
    font-size: 13px;
    color: #333
}

.new_content_list .btn_more {
    position: absolute;
    top: 11px;
    right: 12PX;
    font-size: 12px;
    color: #919191
}

.movie_list {
    padding-bottom: 10px;
    background: #fff
}

.movie_list .tit {
    width: calc(100% - 32px);
    padding-top: 15px;
    margin: 0 auto;
    padding-bottom: 13px;
    font-size: 15px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500
}

.movie_list.detail {
    margin-bottom: 8px
}

.movie_list ul {
    padding: 0 8px
}

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

.movie_list li {
    float: left;
    width: 33.3%;
    padding: 0 8px
}

.movie_list li img {
    display: block;
    width: 100%;
    height: 100%
}

.movie_list li.active {
    border: solid 1px #ffc107
}

.movie_list .m_img {
    overflow: hidden;
    position: relative;
    display: block;
    margin: 0 auto;
    border: 1px solid #f4f4f4
}

.movie_list .ico_19 {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    width: 18px;
    height: 18px;
    background: url(/_static/mobile/images/ico/ico_adult.png) no-repeat 0 0;
    background-size: 18px 18px
}

.movie_list .no_img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: calc(100% + 2px);
    background: #e5e5e5 url(/_static/mobile/images/common/no_poster_logo.png) no-repeat center center;
    background-size: 60% auto;
    opacity: 0
}

.movie_list .m_img.no_poster .no_img {
    opacity: 1
}

.movie_list .m_tit {
    overflow: hidden;
    display: block;
    width: 100%;
    margin-top: 7px;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    font-size: 14.5px;
    line-height: 18px;
    letter-spacing: -1px;
    color: #333
}

.movie_list.on_channel li {
    width: 50%
}

.movie_list.detail .m_img {
    height: 177px
}

.swipe_wrap.theme {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.swipe_wrap.theme .swipe_left {
    float: left;
    width: 100%;
    padding: 0 0 0 18px
}

.swipe_wrap .swipe_left li {
    width: 145px;
    padding: 0 12px 0 0
}

.content_50_list {
    position: relative;
    width: 100%;
    padding: 12px 0;
    margin-bottom: 10px;
    background: #fff
}

.content_50_list.broad {
    background: #1f1f27;
    padding: 0px 0px 80px;
    margin-bottom: 0px;
    min-height: 500px;
}

.content_50_list.broad_list {
    background: #1f1f27;
}

.content_50_list.seller {
    padding-bottom: 48px
}

.content_50_list .btn_close {
    position: absolute;
    top: 13px;
    right: 16px;
    display: block;
    width: 13px;
    height: 13px;
    opacity: .6;
    background: url(/_static/mobile/images/common/btn_delete.png) no-repeat 0 0;
    background-size: 13px 13px
}

.content_50_list .sub_tit {
    width: calc(100% - 32px);
    padding: 0 0 10px 0;
    margin: 0 auto;
    border-bottom: 1px solid #ededed;
    font-size: 15px;
    color: #333;
    font-weight: 600
}

.content_50_list .ico_ad {
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-right: 3px;
    line-height: 18px;
    border: 1px solid #ffa200;
    text-align: center;
    font-weight: 700;
    font-size: 11px;
    color: #ffa200
}

.content_50_list .content_top {
    overflow: hidden;
    width: calc(100% - 32px);
    height: 40px;
    margin: 0 auto;
    padding: 10px 0;
    border-bottom: 1px solid #e3e3e3
}

.content_50_list .c_box_style {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 17px;
    height: 17px;
    border: none;
    border-radius: 0;
    margin-right: 5px;
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat 0 0;
    background-size: 34px auto;
    vertical-align: middle
}

.content_50_list .c_box_style:checked {
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat -17px 0;
    background-size: 34px auto
}

.content_50_list .c_box_style+.label_style {
    display: inline-block;
    margin-right: 12px;
    font-size: 12.5px
}

.content_50_list .c_box_area {
    position: relative;
    top: -2px;
    float: left;
    font-size: 12px;
    color: #919191
}

.content_50_list .sort_type {
    float: right;
    letter-spacing: -1px
}

.content_50_list .sort_type .s_btn {
    display: inline-block;
    margin-left: 15px;
    color: #999;
    font-size: 12px;
    vertical-align: top
}

.content_50_list .sort_type .s_btn.active {
    color: #3d8eee
}

.content_50_list .c_list {
    clear: both
}

.content_50_list .c_list ul {
    padding: 0 8px
}

.content_50_list .c_list ul::after {
    content: '';
    display: block;
    clear: both
}

.content_50_list .c_list li {
    position: relative;
    float: left;
    width: 50%
}

.content_50_list .c_list li:nth-child(odd) {
    padding: 12px 6px 28px 8px
}

.content_50_list .c_list li:nth-child(even) {
    padding: 12px 8px 28px 6px
}

.content_50_list .c_img {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 8px;
    border-radius: 2.5px;
    background: #000
}

.content_50_list .c_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 2px);
    max-width: 102%;
    display: block;
    transform: translate(-50%, -50%)
}

.content_50_list .c_img .img.no_img {
    width: 102%;
    max-width: 102%;
    transform: translate(-51%, -51%)
}

.content_50_list .c_img .ico {
    z-index: 2;
    position: absolute;
    bottom: 5px;
    left: 5px;
    display: block;
    width: 22px;
    height: 12px;
    background: url(/_static/mobile/images/common/hd_ico_img.png) no-repeat 0 -35px;
    background-size: 22px auto
}

.content_50_list .c_img .ico.fhd {
    background-position: 0 0
}

.content_50_list .c_img .ico.hd {
    background-position: 0 -17.5px
}

.content_50_list .c_img .time {
    z-index: 2;
    position: absolute;
    bottom: 5px;
    right: 5px;
    height: 12px;
    padding: 0 3px;
    line-height: 11px;
    font-size: 10px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .7);
    font-family: DIN_pro, DIN_pro, sans-serif
}

.content_50_list .c_img .no_img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: calc(100% + 2px);
    background: #e5e5e5 url(/_static/mobile/images/common/no_poster_logo.png) no-repeat center center;
    background-size: 40% auto;
    opacity: 0
}

.content_50_list .c_img.no_poster .no_img {
    opacity: 1
}

.content_50_list .c_img img {
    width: 102%
}

.content_50_list .ico_adult {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 2px;
    background: url(/_static/mobile/images/ico/ico_19_list.png) no-repeat 0 0
}

.content_50_list .c_more {
    position: absolute;
    top: 18px;
    right: 12px;
    color: #999;
    font-size: 12px;
    letter-spacing: -1px
}

.content_50_list .c_more .ico_arrow {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 5px;
    height: 10px;
    margin-left: 5px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 10px
}

.content_50_list .c_txt_area.seller-area {
    position: absolute;
    z-index: 3;
    left: 6px;
    bottom: 6px
}

.content_50_list.broad .c_list li:nth-child(odd) {
    padding: 0px 6px 20px 8px;    
}

.content_50_list.broad .c_list li:nth-child(even) {
    padding: 0px 8px 20px 6px;  
}
.content_50_list.broad .c_img {
    margin-bottom: 10px;
    border-radius: 6px;
    padding-top: 100%;
    height: 230px;
}
.content_50_list.broad .off_broadcast,
.content_50_list.broad .on_broadcast {
    position: relative;
    top: -1px;
    font-size: 11px;
    font-weight: 400;
    border-radius: 50px;
    padding: 0px 6px 2px 5px;
    margin-right: 5px;
}
.content_50_list.broad .off_broadcast {
    color: #787878;
    border: 1px solid #666;
}
.content_50_list.broad .on_broadcast {
    color: #ff4444;
    border: 1px solid #ff4444;
}
.c_img .adult_area {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 8%;
    background: rgba(109, 109, 109, .9)
}

.c_img .adult_area .ico_19 {
    z-index: 3;
    display: block;
    width: 34px;
    height: 34px;
    border: none;
    margin: 0 auto;
    text-indent: -9999px;
    background: url(/_static/mobile/images/ico/adult_thumb_v3.png) no-repeat 0 0;
    background-size: auto 34px
}

.c_img .adult_area .a_txt {
    margin-top: 4px;
    text-align: center;
    font-size: 10px;
    color: #ccc;
    letter-spacing: -.5px
}

.c_img .adult_thumb {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6)
}

.c_img .adult_thumb .a_ico {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(/_static/mobile/images/ico/adult_thumb.png) no-repeat 0 0;
    background-size: 20px 20px
}

.content_50_list .c_tit {
    overflow: hidden;
    height: 40px;
    line-height: 20px;
    font-size: 15px;
    letter-spacing: -1px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 98%;
    margin: 0 0 5px 0;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis
}

.content_50_list.broad .c_tit {
    height: 22px;
    -webkit-line-clamp: 1;
    margin: 0px;    
    font-size: 14px;
    color: #eaeaea;
}

.content_50_list .info {
    color: #7d7d7d;
    font-size: 12px;
    margin-bottom: 3px
}

.content_50_list .info .bar {
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 0 3px 0 5px;
    border-radius: 50%;
    vertical-align: middle;
    background: #7d7d7d;
    text-indent: -9999px
}

.content_50_list .info .cate {
    letter-spacing: -1px
}



.content_50_list .info .evt {
    letter-spacing: -1px;
    display: inline-block;
	margin-right:5px;
	text-align: center;
	font-size: .575rem;
	color:#fff;
    border-radius: 1rem;
    white-space: nowrap;
	padding:0 6px;
 
}
/*### 가격지원  ###*/
.content_50_list .info .evt.Licon1 {
    background-color: #5db6d3; 
}

/*### 무료이용 ###*/
.content_50_list .info .evt.Licon2 {
    background-color: #e8492a;  

}

/*### 할인중 ###*/
.content_50_list .info .evt.Licon3 {
    background-color: #8e56c3;
}

/*### 페이백 ###*/
.content_50_list .info .evt.Licon4 {
    background-color: #8643c0;
}

.content_50_list .info .name.ad {
    float: right
}

.content_50_list .p_ico {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 3px;
    background: url(/_static/mobile/images/ico/ico_all_point.png) no-repeat 0 0;
    background-size: auto 15px;
    vertical-align: middle
}

.content_50_list .btn_menu {
    position: absolute;
    bottom: 15px;
    right: 10px
}

.content_50_list .btn_menu .b_dot {
    display: block;
    width: 3px;
    height: 3px;
    margin-bottom: 3px;
    border-radius: 50%;
    background: #e0e0e0
}

.content_50_list .ico_r {
    display: inline-block;
    width: 30px;
    height: 18px;
    margin-right: 3px;
    border: 1px solid #999;
    font-size: 11px;
    text-align: center;
    line-height: 18px;
    vertical-align: top;
    color: #999
}

.content_50_list .seller-area .info {
    height: 18px;
    color: #3d8eee
}

.content_50_list .search_txt {
    background: #fff1b2
}

.content_50_list.d2_style {
    padding-top: 16px
}

.content_50_list.d2_style .sub_tit {
    padding-bottom: 5px;
    border: none;
    letter-spacing: -1px
}

.content_50_list.d2_style .c_img {
    height: auto;
    padding-top: 56.25%
}

.content_50_list.d2_style .c_img img {
    width: 100%
}

.content_50_list.d2_style .c_list li {
    padding-bottom: 0
}

.content_50_list.d2_style .c_list .c_tit {
    width: 100%;
    height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #424242;
    white-space: nowrap;
    letter-spacing: -1px
}

.content_50_list.d2_style .c_list .date {
    float: right;
    color: #8a8a8a;
    font-size: 12px
}

.content_50_list.d2_style .c_list .bar {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 5px;
    background: #eee
}

.content_50_list.d100_style {
    padding-top: 16px
}

.content_50_list.d100_style .sub_tit {
    padding-bottom: 5px;
    border: none;
    letter-spacing: -1px
}

.content_50_list.d100_style .c_list ul {
    padding: 0 12px
}

.content_50_list.d100_style .c_list li {
    width: 100%;
    padding: 12px 0 8px 0;
    border-bottom: 1px solid #f2f2f2
}

.content_50_list.d100_style .c_list li:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.content_50_list.d100_style .c_img {
    height: auto;
    padding-top: 56.25%
}

.content_50_list.d100_style .c_img img {
    width: 100%
}

.content_50_list.d100_style .c_list .c_tit {
    position: relative;
    display: block;
    width: 100%;
    height: 20px;
    font-size: 14px;
    color: #424242;
    white-space: nowrap;
    letter-spacing: -1px
}

.content_50_list.d100_style .c_list .c_tit .txt {
    overflow: hidden;
    float: left;
    display: block;
    width: calc(100% - 45px);
    white-space: nowrap;
    text-overflow: ellipsis
}

.content_50_list.d100_style .c_list .t_green {
    margin-right: 8px;
    font-size: 14px
}

.content_50_list.d100_style .c_list .cate {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 3px;
    font-size: 12px;
    color: #777;
    background: #fff
}

.content_slide_wrap.txt_style.sub_list.type1 .c_list.my_d {
    padding: 0
}

.content_slide_wrap.txt_style.sub_list.type1 .c_list .inner {
    position: relative;
    width: calc(100% - 24px);
    height: 96px;
    padding: 12px 0 0 0;
    margin: 0 auto;
    border-bottom: 1px solid #f2f2f2
}

.content_slide_wrap.txt_style.sub_list.type1 .top_line {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 75px;
    height: 2px;
    background: #3d8eee
}

.content_slide_wrap.txt_style.sub_list.type1 .c_list ul li {
    border-bottom: none;
    padding: 0
}

.content_slide_wrap.txt_style.sub_list.type1 .c_list ul li.active {
    background-color: #e7f4fa
}

.content_slide_wrap.txt_style.sub_list.type1 .c_txt_area {
    top: 12px;
    left: 140px
}

.content_slide_wrap.txt_style.sub_list.type1 .active .c_txt_area {
    width: calc(100% - 175px)
}

.content_slide_wrap .my_d .btn_delete {
    position: absolute;
    top: 12px;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: url(/_static/mobile/images/ico/ico_delete.png) no-repeat center center;
    background-size: auto 18px
}

.content_slide_wrap.txt_style.sub_list.type1.my_content .c_list {
    padding-top: 0
}

.content_slide_wrap.txt_style.sub_list.type1.my_content .c_list ul li {
    padding: 10px 0;
    border-bottom: 1px solid #f2f2f2
}

.c_tit.tit_red {
    color: #f04f84
}

.c_tit.tit_blue {
    color: #2680ed
}

.c_tit.tit_green {
    color: #ff4444;
}

.c_tit .t_green {
    color: #ff4444;
}

.full_page {
    width: 100%;
    background: #f9f9f9
}

.full_page.event {
    padding-bottom: 65px
}

.full_page.list {
    padding-bottom: 65px
}

.full_page input {
    -webkit-appearance: none;
    -webkit-border-radius: 0
}

.full_page.fix_style {
    padding-top: 58px
}

.full_page.fix_style .f_top {
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0
}

.full_page.fix_style .f_tab_style.top_style {
    z-index: 5;
    position: fixed;
    top: 65px;
    left: 0
}

.full_page.fix_style.foryou {
    padding-top: 65px
}

.full_page.fix_style .f_content.has-sub-menu {
    margin-top: 45px
}

.full_page.scroll_fix_style .cate_box {
    z-index: 5;
    position: fixed;
    top: 65px
}

.full_page .f_top {
    width: 100%;
    height: 58px;
    line-height: 58px;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.full_page .f_top.charge_top {
    border-bottom: none;
}

.full_page .f_top .inner {
    position: relative;
    width: 100%;
    max-width: 768px;
    margin: 0 auto
}

.full_page .f_top .inner .f_tit {
    width: 100%;
    line-height: 58px;
    text-align: center;
    font-size: 18px;
    letter-spacing: -1px;
    color: #333;
    font-weight: 500
}

.full_page .f_top .inner .f_tit.event {
    overflow: hidden;
    width: 75%;
    margin: 0 auto;
    text-overflow: ellipsis;
    white-space: nowrap
}

.full_page .f_top .btn_back {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 58px;
    background: url(/_static/mobile/images/common/btn_back.png) no-repeat 75% 50%;
    background-size: auto 17px;
}

.f_content {
    width: 100%
}

.f_content .inner {
    width: 100%;
    max-width: 768px;
    margin: 0 auto
}

.f_content .inner.onetoone {
    padding-bottom: 40px
}

.f_content .input_wrap {
    padding: 20px 0;
    background: #fff
}

.f_content .input_style {
    float: left;
    display: block;
    width: 50%;
    height: 45px;
    padding: 0 0 0 15px;
    /*margin-right: 1.4%;*/
    border: 1px solid #cbcbcb;
    line-height: 43px;
    color: #b7b7b7
}

.f_content .input_style2 {
    float: left;
    display: block;
    height: 45px;
    padding: 0 0 0 15px;
    margin-right: 1.4%;
    border: 1px solid #cbcbcb;
    line-height: 43px;
}

.f_content .input_style.size2 {
    width: 100%
}

.f_content .input_style.size2.b_t_none {
    border-top: none
}

.f_content .input_style.full {
    width: 100%;
    color: #000
}

.f_content .input_style.full2 {
    color: #000
}

.f_content .input_style2.full2 {
    width: 100%;
}

.f_content .input_line {
    clear: both;
    padding: 0px 12px 5px 12px
}

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

.f_content .select_style {
    -webkit-appearance: none;
    display: block;
    border-radius: 0;
    width: 100%;
    height: 45px;
    padding: 0 0 0 15px;
    border: 1px solid #cbcbcb;
    line-height: 43px;
    color: #000;
    background: #fff
}

.f_content .select_input {
    display: none;
    float: left;
    position: relative;
    width: 48%
}

.f_content .select_input .arrow {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 45px;
    height: 45px;
    border: 1px solid #cbcbcb;
    background: #fff url(/_static/mobile/images/ico/ico_select_arrow.png) no-repeat center center;
    background-size: auto 8px
}

.f_content .select_input.active {
    display: block
}

.f_content .select_input .back_ico {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 44px;
    height: 44px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 32px
}

.f_content .protect_word {
    clear: both;
    padding: 20px 12px 0 12px
}

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

.f_content .protect_word .txt {
    margin-bottom: 10px;
    font-size: 12px
}

.f_content .img_wrap {
    overflow: hidden;
    width: 100%;
    margin-bottom: 8px;
    border: 1px solid #cbcbcb
}

.f_content .img_wrap .img_area {
    float: left;
    width: 68.6%;
    height: 60px;
    border-right: 1px solid #cbcbcb;
    background: #f2f2f2
}

.f_content .img_wrap .btn_refresh {
    float: left;
    display: block;
    width: 31.4%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #fff;
    color: #5d5d5d;
    font-size: 13px
}

.f_content .img_wrap .btn_refresh .ico {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/_static/mobile/images/common/btn_refresh.png) no-repeat 0 0;
    background-size: 14px auto;
    vertical-align: middle
}

.f_content .check_area {
    width: 40%;
    float: left;
    clear: both;
    padding: 0px 0px 0px 12px;
}

.f_content .check_area .c_box_style {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 17px;
    height: 17px;
    border: none;
    margin-right: 5px;
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat 0 0;
    background-size: 34px auto;
    vertical-align: middle
}

.f_content .check_area .c_box_style:checked {
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat -17px 0;
    background-size: 34px auto
}

.f_content .check_area .c_box_style+.label_style {
    display: inline-block;
    margin-right: 12px;
    font-size: 12.5px
}

.f_content .btn_submit {
    display: block;
    width: calc(100% - 24px);
    height: 50px;
    margin: 30px auto;
    text-align: center;
    font-weight: 700;
    line-height: 50px;
    font-size: 15px;
    background: #3d8eee;
    color: #fff
}

.f_content .login_menu {
    float: right;
    text-align: right;
    width: 60%;
    padding: 5px 18px 0px 0px;
    margin: 0 auto;
    border-bottom: 1px solid #d1d1d1;
    font-size: 12px;
    color: #333;
}

.f_content .login_menu .bar {
    display: inline-block;
    margin: 0 10px;
    color: #d1d1d1
}

.f_content .sns_login {
    width: 100%;
    padding: 30px 12px 80px 12px;
    text-align: center;
    background: #fff
}

.f_content .sns_login .s_tit {
    padding-bottom: 30px;
    font-size: 14px;
    color: #333
}

.f_content .sns_login .s_btn {
    display: inline-block;
    padding: 13px 15px;
    margin-right: 8px;
    border: 1px solid;
    border-radius: 50%
}

.f_content .sns_login .s_btn.naver {
    border-color: #43b123
}

.f_content .sns_login .s_btn.kakao {
    border-color: #ffe110
}

.f_content .sns_login .s_btn.google {
    border-color: #dd4e3d
}

.f_content .sns_login .s_btn.facebook {
    margin-right: 0;
    border-color: #435992
}

.f_content .sns_login .s_btn .ico {
    position: relative;
    top: 2px;
    display: block;
    width: 30px
}

.f_content .j_txt {
    clear: both;
    padding: 5px 12px 10px 12px;
    font-size: 12px;
    color: #888
}

.f_content .join_agree_wrap {
    width: calc(100% - 24px);
    margin: 0 auto;
    border: 1px solid #cbcbcb
}

.f_content .join_agree_wrap .all_agree {
    width: 100%;
    height: 45px;
    padding: 8px 0 0 10px;
    border-bottom: 1px solid #cbcbcb;
    background: #f3f3f3
}

.f_content .join_agree_wrap .c_box_style {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    border: none;
    margin-right: 10px;
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat 0 0;
    background-size: 40px auto
}

.f_content .join_agree_wrap .c_box_style.active,
.f_content .join_agree_wrap .c_box_style:checked {
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat -20px 0;
    background-size: 40px auto
}

.f_content .join_agree_wrap .label_style {
    display: inline-block;
    margin-right: 12px;
    font-size: 12px;
    letter-spacing: -1px;
    vertical-align: middle
}

.f_content .join_agree_wrap .each_agree {
    padding: 5px 0
}

.f_content .join_agree_wrap .line {
    position: relative;
    height: 40px;
    padding: 8px 0 0 10px
}

.f_content .join_agree_wrap .btn_view_all {
    position: absolute;
    top: 14px;
    right: 10px;
    font-size: 11px;
    text-decoration: underline;
    color: #848484
}

.f_content .id_check_wrap {
    overflow: hidden;
    width: calc(100% - 24px);
    height: 42px;
    padding: 14px 10px 0 10px;
    margin: 0 auto;
    background: #f3f3f3;
    font-size: 12px
}

.f_content .id_check_wrap .txt {
    float: left;
    color: #1d1d1d
}

.f_content .id_check_wrap .btn_login {
    float: right;
    color: #3d8eee;
    text-decoration: underline
}

.f_content .s_box_style {
    position: relative;
    float: left;
    margin-left: 2%;
}

.f_content .s_box_style .select_area {
    overflow-y: scroll;
    display: none;
    z-index: 2;
    position: absolute;
    top: 29px;
    width: 102px;
    max-height: 270px;
    border: 1px solid #d0d0d0;
    -webkit-overflow-scrolling: touch
}

.f_content .s_box_style .select_area span {
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-indent: 11px;
    font-size: .816px;
    background: #fff;
    cursor: pointer;
    color: #b7b7b7
}

.f_content .s_box_style .select_area li.active span {
    background: #e6e6e6
}

.f_content .s_box_style .select_area span:hover {
    background: #e6e6e6
}

.f_content .s_box_style .select_area2 {
    overflow-y: scroll;
    display: none;
    z-index: 2;
    position: absolute;
    top: 45px;
    width: 100%;
    max-height: 270px;
    border: 1px solid #d0d0d0;
    -webkit-overflow-scrolling: touch
}

.f_content .s_box_style .select_area2 span {
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-indent: 11px;
    font-size: 12.816px;
    background: #fff;
    cursor: pointer;
}

.f_content .s_box_style .select_area2 li.active span {
    background: #e6e6e6
}

.f_content .s_box_style .select_area2 span:hover {
    background: #e6e6e6
}

.f_content .s_box_style.m_none {
    margin-right: 0
}

.f_content .join_line .s_box_style {
    margin: 0
}

.f_content .protect_word {
    display: none
}

.f_content .protect_word.active {
    display: block
}

.f_content .img_wrap .img_area img {
    min-width: 100%;
    height: 100%
}

.f_content .contents_tit {
    line-height: 40px;
    font-size: 14px;
    font-weight: 600
}

.f_content.no-data .page_move_btn_wrap {
    display: none
}

.f_content .result-no-data {
    display: none
}

.f_content.no-data .result-no-data {
    display: block
}

.f_content.no-data .mypage-channel-list,
.f_content.no-data .mypage-community-list,
.f_content.no-data .mypage-contets-list,
.f_content.no-data .mypage-point-list,
.f_content.no-data .page-end-spy {
    display: none
}

.f_content.myseller {
    background: #f2f2f2
}

.f_content.myseller.no-data .sales-history-list {
    display: none
}

.f_content .company_view {
    padding: 15px 12px 9px 12px;
    font-size: 12.5px;
    color: #333
}

.f_content .notice_section {
    margin-top: 8px;
    margin-bottom: 0;
    padding: 0
}

.join_line .input_style.is-invalid {
    border-color: #dc3545
}

.join_line .input_style.is-valid {
    border-color: #00a0e9;
}

.join_line .s_box_style .select_area {
    top: 44px;
    width: 100%
}

.ask_input_wrap {
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #e1e1e1;
    background: #fff
}

.ask_input_wrap .ask_input_area {
    display: block;
    width: 92%;
    height: 200px;
    margin: 0 auto;
    border: 1px solid #bfbfbf;
    resize: none
}

.ask_input_wrap .btn_save {
    display: block;
    width: 92%;
    margin: 20px auto;
    text-align: center;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    font-weight: 700;
    background: #3d8eee
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    margin-left: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-feedback.active {
    display: block
}

form .input-err-msg {
    position: relative;
    float: left;
    display: none;
    width: 100%;
    padding: 5px 5px 5px 20px;
    color: #ff5722;
    font-size: 13px
}

form .input-err-msg.abs {
    position: absolute;
    margin-top: -24px;
    margin-left: 10px
}

form .input-err-msg.show {
    display: block
}

.sns_join_wrap {
    width: 100%;
    padding: 20px 12px 30px 12px;
    background: #fff
}

.sns_join_wrap .tit {
    font-size: 14.5px
}

.sns_join_wrap .txt {
    padding-bottom: 20px;
    font-size: 12px;
    color: #888
}

.sns_join_wrap .s_join_btn {
    display: block;
    width: 100%;
    height: 50px;
    margin-bottom: 8px;
    border: 1px solid;
    text-align: center;
    line-height: 52px;
    font-size: 12px
}

.sns_join_wrap .s_join_btn.naver {
    border-color: #1ec900;
    color: #1ec900
}

.sns_join_wrap .s_join_btn.kakao {
    border-color: #ffdf00;
    color: #ffba00
}

.sns_join_wrap .s_join_btn.google {
    border-color: #de4e42;
    color: #de4e42
}

.sns_join_wrap .s_join_btn.facebook {
    border-color: #3b5999;
    color: #3b5999
}

.sns_join_wrap .s_join_btn .logo {
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle
}

.sns_join_wrap .s_join_btn .logo img {
    display: block;
    height: 100%
}

.sns_join_wrap .s_join_btn.naver .logo {
    position: relative;
    top: -2px;
    height: 17px
}

.sns_join_wrap .s_join_btn.kakao .logo {
    position: relative;
    top: -4px;
    height: 23px
}

.sns_join_wrap .s_join_btn.google .logo {
    position: relative;
    top: -1px;
    height: 25px
}

.sns_join_wrap .s_join_btn.facebook .logo {
    position: relative;
    top: -2px;
    height: 19px
}

.or_wrap {
    position: relative;
    width: 92%;
    margin: 0 auto;
    border-top: 1px solid #d1d1d1;
    background: #fff
}

.or_wrap .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    padding: 0 15px;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    transform: translate(-50%, -50%);
    background: #fff
}

.join_btn_wrap {
    width: 100%;
    padding: 30px 12px 80px 12px;
    background: #fff
}

.join_btn_wrap .tit {
    font-size: 14.5px
}

.join_btn_wrap .txt {
    padding-bottom: 20px;
    font-size: 12px;
    color: #888
}

.join_btn_wrap .btn_join {
    display: block;
    width: 100%;
    height: 50px;
    border: none;
    text-align: center;
    line-height: 50px;
    background: #3d8eee;
    color: #fff
}

.txt_list_style {
    width: 100%;
    background: #fff
}

.txt_list_style .l_section {
    position: relative;
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px
}

.txt_list_style .l_section .tit_area {
    padding: 20px 16px
}

.txt_list_style .l_section .type {
    color: #ff4444;
    margin-right: 3px;
}

.txt_list_style .l_section.active .content_view {
    display: block;
    border-top: 1px solid #ddd;
    border-bottom: 0;
}

.txt_list_style .reply.ok {
    color: #fff;
    background: #299af0
}

.txt_list_style .txt_over {
    overflow: hidden;
    width: 95%;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: -1px
}

.txt_list_style .txt_over .txt {
    font-size: 14px
}

.txt_list_style .ico_arrow {
    position: absolute;
    right: 16px;
    top: 24px;
    display: block;
    width: 7px;
    height: 13px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 13px
}

.txt_list_style.faq .ico_arrow,
.txt_list_style.news .ico_arrow,
.txt_list_style.note .ico_arrow {
    width: 15px;
    height: 8px;
    background: url(/_static/mobile/images/ico/ico_select_arrow.png) no-repeat 0 0;
    background-size: auto 8px
}

.txt_list_style.note .ico_arrow {
    top: 34px
}

.txt_list_style.faq .ico_arrow {
    top: 26px
}

.txt_list_style.sale_list .txt_over {
    margin-top: 5px
}

.txt_list_style.sale_list .get_point {
    color: #58b5ee;
    font-weight: 700
}

.txt_list_style.sale_list .txt {
    font-size: 15px
}

.txt_list_style.news .tit_area {
    position: relative;
    padding: 20px 16px;
    border-bottom: 1px solid #e1e1e1
}

.txt_list_style.news .tit_area .type {
    color: #5c6bb8;
    font-size: 14px
}

.txt_list_style .content_view {
    width: 100%;
    border-bottom: 1px solid #e1e1e1
}

.txt_list_style .l_section .content_view {
    display: none
}

.txt_list_style .content_area {
    width: 100%;
    padding: 18px 16px 50px 16px;
    background: #f7f7f7;
    font-size: 12.5px;
    color: #333;
    line-height: 18px
}

.txt_list_style .content_area .tit {
    padding: 5px 0 5px;
    font-weight: 600
}

.txt_list_style .btn_wrap {
    overflow: hidden;
    width: 100%
}

.txt_list_style .btn_wrap .c_btn {
    position: relative;
    float: left;
    display: block;
    width: 50%;
    padding: 14px 0 12px 0;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    color: #666
}

.txt_list_style .btn_wrap .c_btn .ico {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/_static/mobile/images/ico/list_view_ico.png) no-repeat;
    background-size: auto 15px;
    vertical-align: top
}

.txt_list_style .btn_wrap .c_btn.edit .ico {
    background-position: 0 0
}

.txt_list_style .btn_wrap .c_btn.delete .ico {
    background-position: -15px 0
}

.txt_list_style .btn_wrap .c_btn.reply .ico {
    background-position: -30px 0
}

.txt_list_style .btn_wrap .c_btn .bar {
    display: block;
    position: absolute;
    right: 0;
    top: 15px;
    width: 1px;
    height: 14px;
    background: #e1e1e1
}

.top_btn_wrap {
    width: 100%;
    padding: 12px 12px;
    border-bottom: 1px solid #e7e7e7
}

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

.top_btn_wrap .btn_qna {
    float: right;
    display: block;
    width: 100px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    background: #43b2e7;
    color: #fff
}

.top_btn_wrap .btn_qna .ico {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    vertical-align: middle;
    background: url(/_static/mobile/images/ico/ico_write.png) no-repeat 0 0;
    background-size: 15px 15px
}

.pagnation {
    width: 100%;
    padding: 15px 0;
    margin-bottom: 12px;
    text-align: center;
    background: #fff
}

.pagnation .p_btn {
    display: inline-block;
    margin-right: 12px;
    line-height: 22px
}

.pagnation .p_btn.active {
    font-weight: 700;
    color: #3d8eee
}

.pagnation .p_btn:last-child {
    margin-right: 5px
}

.pagnation .m_btn {
    position: relative;
    top: 4px;
    display: inline-block;
    border: 1px solid #3d8eee;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background: url(/_static/mobile/images/common/btn_pagnation.png) no-repeat 0 0;
    background-size: auto 18px
}

.pagnation .m_btn.prev {
    margin-right: 10px;
    background-position: 0 0
}

.pagnation .m_btn.next {
    background-position: -18px 0
}

.notice_view {
    width: 100%;
    padding-bottom: 150px;
    border-bottom: 1px solid #e1e1e1;
    background: #fff
}

.notice_view .top {
    position: relative;
    padding: 18px 16px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px
}

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

.notice_view .top .type {
    color: #5c6bb8
}

.notice_view .top .txt_over {
    overflow: hidden;
    width: 100%
}

.notice_view .n_content {
    width: 100%;
    padding: 18px 16px 100px 16px;
    border-bottom: 1px solid #e1e1e1;
    background: #f7f7f7;
    font-size: 12.5px;
    color: #333
}

.f_search_input_wrap {
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px solid #e7e7e7;
    background: #eee
}

.f_search_input_wrap .input_area {
    overflow: hidden;
    display: block;
    width: calc(100% - 32px);
    height: 40px;
    margin: 0 auto;
    border: 1px solid #e6e6e6;
    border-radius: 18px;
    background: #fff
}

.f_search_input_wrap .s_input {
    overflow: hidden;
    display: block;
    float: left;
    width: 80%;
    height: 38px;
    padding-left: 15px;
    border: none
}

.f_search_input_wrap .s_input:focus {
    outline: 0
}

.f_search_input_wrap .btn_search {
    display: block;
    float: left;
    width: 20%;
    height: 40px;
    border: none;
    background: url(/_static/mobile/images/common/btn_search_list.png) no-repeat 60% center;
    background-size: 18px 18px
}

.cate_chioce_wrap {
    width: 100%;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
    background: #fff
}

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

.cate_chioce_wrap .choice_area {
    position: relative;
    width: 92%;
    margin: 0 auto;
    color: #333
}

.cate_chioce_wrap .choice_area .click_area {
    position: relative;
    width: 100%;
    height: 37px;
    padding-left: 16px;
    border: 1px solid #e6e6e6;
    line-height: 37px;
    font-size: 12px
}

.cate_chioce_wrap .choice_area .click_area .t_style {
    color: #5c6bb8
}

.cate_chioce_wrap .ico_arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    width: 15px;
    height: 8px;
    background: url(/_static/mobile/images/ico/ico_select_arrow.png) no-repeat 0 0;
    background-size: auto 8px;
    transform: translate(0, -50%)
}

.cate_chioce_wrap .list_area {
    display: none;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 36px;
    width: 100%;
    border: 1px solid #e6e6e6;
    border-bottom: none;
    background: #fff
}

.cate_chioce_wrap .list_area li {
    width: 100%;
    height: 36px;
    padding-left: 16px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 12px;
    line-height: 36px
}

.cate_chioce_wrap .choice_area.active .list_area {
    display: block
}

.cate_chioce_wrap.style1 {
    position: relative;
    padding: 12px 16px;
    background: #fff
}

.cate_chioce_wrap .choice_area.size1 {
    float: left;
    width: 41.4%;
    margin-right: 1.8%
}

.cate_chioce_wrap .choice_area.size2 {
    width: 28.5%
}

.cate_chioce_wrap .btn_up {
    float: right;
    display: block;
    width: 80px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    background: #43b2e7;
    color: #fff
}

.cate_chioce_wrap .btn_up .ico {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 13px;
    margin-right: 3px;
    vertical-align: middle;
    background: url(/_static/mobile/images/ico/ico_write.png) no-repeat 0 0;
    background-size: auto 13px
}

.cate_chioce_wrap .choice_area.size2 {
    float: left;
    width: 26.7%;
    margin-right: 2.2%
}

.cate_chioce_wrap .choice_area.size2 .click_area {
    border-color: #bfbfbf
}

.tit_input_wrap {
    overflow: hidden;
    float: left;
    width: 71%;
    height: 37px;
    border: 1px solid #bfbfbf
}

.tit_input_wrap .input_area {
    display: block;
    width: 100%;
    height: 35px;
    padding-left: 10px;
    line-height: 37px;
    border: none
}

.tit_input_wrap .input_area:focus {
    outline: 0
}

.f_content.request-write .cate_chioce_wrap .choice_area.size2 {
    width: 100%
}

.f_content.request-write .tit_input_wrap {
    width: 100%;
    margin-top: 12px
}

.content_input_wrap {
    width: 100%;
    padding: 12px 0 20px 0;
    background: #fff
}

.content_input_wrap .content_input {
    display: block;
    width: 92%;
    height: 220px;
    padding: 12px;
    margin: 0 auto 20px auto;
    border: 1px solid #bfbfbf;
    resize: none;
    font-family: 'Noto Sans KR', sans-serif
}

.content_input_wrap .btn_submit {
    margin: 0 auto;
    background: #ff4444;
}

.content_input_line {
    width: 100%;
    padding: 12px 12px 10px 12px;
    border-bottom: 1px solid #eee;
    background: #fff
}

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

.content_input_line .label_style {
    float: left;
    width: 21%;
    font-size: 14px;
    color: #333;
    font-weight: 700;
    line-height: 45px
}

.content_input_line .input_style {
    float: left;
    width: 79%;
    margin: 0;
    font-size: 14px
}

.content_input_line .input_style:disabled {
    color: #989898;
    background: #e6e6e6
}

.content_input_line .input_style:focus {
    outline: 0
}

.content_input_line .content_input {
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: block;
    width: 100%;
    height: 280px;
    font-size: 14px;
    padding: 12px;
    border: 1px solid #bfbfbf;
    border-radius: 0;
    resize: none;
    font-family: 'Noto Sans KR', sans-serif
}

.content_input_line .btn_submit {
    width: 100%;
    margin: 0 auto
}

.content_input_line .radio_wrap {
    float: left;
    width: 79%;
    padding-top: 6px
}

.content_input_line .radio_wrap .radio_style {
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: inline-block;
    width: 19px;
    height: 18px;
    border: none;
    border-radius: 0;
    background: url(/_static/mobile/images/common/bg_radio_btn.png) no-repeat 0 0;
    background-size: auto 18px
}

.content_input_line .radio_wrap .radio_style:checked {
    background-position: -17.5px 0
}

.content_input_line .radio_wrap .radio_style:focus {
    outline: 0;
    border: none
}

.content_input_line .radio_wrap .type {
    position: relative;
    top: 1px;
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    vertical-align: middle
}

.content_input_line .radio_wrap .type:last-child {
    margin-right: 0
}

.onplay_rating_wrap.is-invalid,
.radio_wrap.is-invalid {
    border: solid 1px #03a9f4
}

.f_tab_style {
    width: 100%;
    border-bottom: 1px solid #ddd;
    text-align: center;
    background: #fff
}

.f_tab_style .tab_btn {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 44px;
    margin: 0 12px;
    background: #fff;
    font-weight: 500
}

.f_tab_style .tab_btn .b_line {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    display: none;
    width: 100%;
    height: 2px;
    background: #ff4444;
}

.f_tab_style .tab_btn.active {
    color: #ff4444;
}

.f_tab_style .tab_btn.active .b_line {
    display: block;
    border-color: #ff4444;
}

.f_tab_style.content {
    overflow: hidden
}

.f_tab_style.content .tab_btn {
    float: left;
    width: 25%;
    margin: 0;
    color: #b3b3b3
}

.f_tab_style.content .tab_btn.active {
    color: #3d8eee
}

.f_tab_style.for_you {
    overflow: hidden;
    text-align: center
}

.f_tab_style.for_you .tab_btn {
    color: #b3b3b3
}

.f_tab_style.for_you .tab_btn.active {
    color: #3d8eee
}

.f_tab_style.for_you .tab_btn .b_line {
    border-bottom: none
}

.f_tab_style.mypage .tab_btn {
    font-size: 14px;
    font-weight: 400
}

.f_tab_style.c_admin {
    overflow-x: scroll
}

.f_tab_style.c_admin .inner:after {
    content: '';
    display: block;
    clear: both
}

.f_tab_style.c_admin .tab_btn {
    float: left;
    color: #a6a6a6
}

.f_tab_style.c_admin .tab_btn.active {
    color: #3d8eee
}

.f_tab_style.c_admin .tab_btn.active .b_line {
    display: block;
    background: #3d8eee
}

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

.f_tab_style.v2 .tab_btn {
    margin: 0
}

.f_tab_style.v2 .tab_btn.active {
    color: #ff4444;
}

.f_tab_style.v2 .tab_btn.active .b_line {
    display: block;
    border-color: #ff4444;
    background: #ff4444;
}

.f_tab_style.v2 .tab_area {
    float: left;
    width: 50%;
    text-align: center
}

/* 충전페이지 탑메뉴 START */

.charge_tab_style {
    position: relative;    
    width: 100%;
    text-align: center;
    background: #fff;
    /* box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 20%); */
}

.charge_tab_style .tab_btn {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 44px;
    margin: 0 12px;
    font-weight: 700
}

.charge_tab_style .tab_btn .b_line {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    display: none;
    width: 100%;
    height: 2px;
    background: #ff4444;
}

.charge_tab_style .tab_btn.active {
    color: #ff4444;
}

.charge_tab_style .tab_btn.active .b_line {
    display: block;
    border-color: #ff4444;
}

.charge_tab_style.content {
    overflow: hidden
}

.charge_tab_style.content .tab_btn {
    float: left;
    width: 25%;
    margin: 0;
    color: #b3b3b3
}

.charge_tab_style.content .tab_btn.active {
    color: #3d8eee
}

.charge_tab_style.for_you {
    overflow: hidden;
    text-align: center
}

.charge_tab_style.for_you .tab_btn {
    color: #b3b3b3
}

.charge_tab_style.for_you .tab_btn.active {
    color: #3d8eee
}

.charge_tab_style.for_you .tab_btn .b_line {
    border-bottom: none
}

.charge_tab_style.mypage .tab_btn {
    font-size: 14px;
    font-weight: 400
}

.charge_tab_style.c_admin {
    overflow-x: scroll
}

.charge_tab_style.c_admin .inner:after {
    content: '';
    display: block;
    clear: both
}

.charge_tab_style.c_admin .tab_btn {
    float: left;
    color: #a6a6a6
}

.charge_tab_style.c_admin .tab_btn.active {
    color: #3d8eee
}

.charge_tab_style.c_admin .tab_btn.active .b_line {
    display: block;
    background: #3d8eee
}

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

.charge_tab_style.v2 .tab_btn {
    margin: 0
}

.charge_tab_style.v2 .tab_btn.active {
    
}

.charge_tab_style.v2 .tab_btn.active .b_line {
    display: block;
    border-color: #ff4444;
    background: #ff4444;
}

/* 월정액 충전 메뉴 */
.charge_tab_style.v2 .tab_area {
    float: left;
    width: 50%;
    text-align: center;
    border-bottom: none;
    background: #e2e2e2;
    border-radius: 15px 15px 0px 0px ;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	}


.charge_tab_style.v2 .tab_area:last-child a { 
	       color: #717171 !important;
}

.charge_tab_style.v2 .tab_area.active {
color: #000000;
    background-color: #a6f2ff;
}

.charge_tab_style.v2 .tab_area.active a {
 /*  color: #000 !important;  */

}


/* 포인트 충전 메뉴 */
.charge_tab_style.v2 .tab_area:first-child {
	float: left;
	width: 50%;
	text-align: center;
	border-bottom: none;
	background: #e2e2e2;
	border-radius: 15px 15px 0px 0px;
}

.charge_tab_style.v2 .tab_area:first-child a {
   color: #000 !important ;
}
.charge_tab_style.v2 .tab_area:first-child.active {
     color: #000000;
    background-color: #a6f2ff;

}


.charge_notice ol li strong {
    font-weight: normal;
    font-family: 'NotoSansM';
    color: #ff4444;
    text-decoration: underline;
}


/* 충전페이지 탑메뉴 END */

.note_num_area {
    width: 100%;
    padding: 10px 16px 8px 16px;
    text-align: right;
    background: #deeaf7
}

.note_num_area .txt {
    font-size: 12px;
    color: #0f3261
}

.note_num_area .num_style {
    font-weight: 700;
    color: #248df7;
    font-size: 14.5px
}

.txt_list_style .l_info {
    font-size: 11px;
    color: #999
}

.txt_list_style .l_info .bar {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 8px;
    background: #e6e6e6
}

.txt_list_style .l_info .r_spen {
    float: left
}

.txt_list_style .l_info .num {
    min-width: 40px
}

.txt_list_style .btn_edit {
    position: absolute;
    right: 16px;
    top: 30%;
    display: block;
    padding: 3px 3px 2px 3px;
    border: 1px solid #4caf50;
    font-size: 11px;
    color: #4caf50;
    transform: translate(0, -50%)
}

.txt_list_style .btn_del {
    position: absolute;
    right: 16px;
    top: 70%;
    display: block;
    padding: 3px 3px 2px 3px;
    border: 1px solid #ff5722;
    font-size: 11px;
    color: #ff5722;
    transform: translate(0, -50%)
}

.txt_list_style .btn_go {
    position: absolute;
    right: 16px;
    top: 50%;
    display: block;
    padding: 3px 3px 2px 3px;
    border: 1px solid #2697cd;
    font-size: 11px;
    color: #2697cd;
    transform: translate(0, -50%)
}

.txt_list_style .btn_wrap .c_btn.up-file {
    width: 100%
}

.txt_list_style .condition.ok {
    color: #2697cd
}

.txt_list_style .mobile-cs-list-item.active_style.active,
.txt_list_style .req-board-list.active_style.active {
    background-color: #eee
}

.txt_list_style.request .txt_over {
    width: 80%
}

.txt_list_style.request .onetoone {
    width: 95%
}

.txt_list_style.onetoone .ico_arrow {
    top: 32px
}

.txt_list_style.onetoone .txt_over {
    position: relative
}

.txt_list_style.onetoone .one_num {
    position: absolute;
    font-size: 13px;
    color: #3d8eee
}

.txt_list_style.onetoone .f_list_info {
    border-bottom: 1px solid #ededed
}

.txt_list_style.onetoone .content_view {
    border: none
}

.txt_list_style.onetoone .reply_num {
    position: absolute;
    font-size: 11px;
    color: #3d8eee
}

.r_notice {
    width: 100%;
    padding: 15px 12px;
    background: #f5f5f5
}

.r_notice .tit {
    margin-bottom: 5px;
    color: #2697cd;
    font-size: 12.5px;
    font-weight: 700
}

.r_notice li {
    overflow: hidden
}

.r_notice .dot {
    float: left;
    position: relative;
    top: 8px;
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 2%;
    background: #2697cd;
    vertical-align: middle;
    line-height: 20px
}

.r_notice .txt {
    float: left;
    width: 95%;
    font-size: 12px
}

.f_list_tit {
    width: 100%;
    min-height: 50px;
    padding: 15px 12px;
    border-bottom: 1px solid #ddd;
    line-height: 51px;
    font-size: 14px
}

.f_list_tit>p {
    width: 100%;
    line-height: 18px
}

.f_list_info {
    padding: 12px 16px;
    font-size: 11px;
    color: #999
}

.f_list_info .bar {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 8px;
    background: #e6e6e6
}

.f_list_info .add {
    float: right
}

.f_list_sub_tit {
    width: 100%;
    min-height: 30px;
    padding: 15px 0 0 16px;
    border-bottom: 1px solid #ddd;
    line-height: 30px;
    font-size: 13px;
    font-weight: 600
}

.txt_list_style.view .content_area {
    padding: 18px 12px 50px 16px
}

.file_view_go {
    position: relative;
    padding: 22px 16px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px;
    color: #55a7d4
}

.file_view_go .ico {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 20px;
    height: 15px;
    vertical-align: middle;
    background: url(/_static/mobile/images/ico/ico_file.png) no-repeat 0 0;
    background-size: auto 15px
}

.no_channel {
    width: 100%;
    padding: 60px 0;
    margin-bottom: 12px;
    text-align: center;
    font-size: 13px;
    background: #fafafa;
    color: #b9b9b9
}

.no_channel .e_ico {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(/_static/mobile/images/ico/btn_e_ico.png) no-repeat 0 0;
    background-size: auto 15px
}

.view_wrap {
    position: relative;
    width: 100%;
    padding-top: 50px;
    background: #f5f5f5
}

.view_wrap.btn_fixed .v_btn_wrap {
    position: fixed;
    top: 49px;
    border-top: none
}

.view_wrap .v_top {
    z-index: 13;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #ddd;
    line-height: 58px;
    background: #fff
}

.view_wrap .v_top .inner {
    position: relative;
    width: 100%;
    max-width: 768px;
    margin: 0 auto
}

.view_wrap .v_top .inner .f_tit {
    overflow: hidden;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    line-height: 58px;
    text-overflow: ellipsis;
    letter-spacing: -1px;
    white-space: nowrap;
    font-weight: 500
}

.view_wrap .v_top .btn_back {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 50px;
    height: 58px;
    background: url(/_static/mobile/images/common/btn_back.png) no-repeat 75% 50%;
    background-size: auto 17px;
}

.view_wrap .v_top .btn_menu {
    position: absolute;
    bottom: 15px;
    right: 15px
}

.view_wrap .v_top .btn_menu .b_dot {
    display: block;
    width: 3px;
    height: 3px;
    margin-bottom: 3px;
    border-radius: 50%;
    background: #e0e0e0
}

.view_wrap .p_move_btn {
    z-index: 10;
    position: fixed;
    bottom: 115px;
    display: block;
    width: 43px;
    height: 43px;
    margin-top: -22px;
    background: url(/_static/mobile/images/common/move_btn_img_2.png) no-repeat;
    background-size: auto 44px
}

.view_wrap .p_move_btn.next {
    right: 10px;
    background-position: 0 0
}

.v_content_num {
    overflow: hidden;
    width: 100%;
    padding: 0 12px;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.v_content_num .v_num {
    float: left;
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    vertical-align: top
}

.v_content_num .v_num.like {
    border: none;
    color: #ff004e
}

.v_content_num .v_num.good {
    color: #ff9c00
}

.v_content_num .v_num.bad {
    color: #33687d
}

.v_content_num .ico {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    background: url(/_static/mobile/images/ico/ico_view_top.png) no-repeat 0 0;
    background-size: auto 17px;
    vertical-align: middle
}

.v_content_num .like .ico {
    width: 17px;
    background-image: url(/_static/mobile/images/ico/ico_like_img.png);
    background-size: auto 14px;
    background-position: -16px 0
}

.v_content_num .good .ico {
    background-position: -21px 0
}

.v_content_num .bad .ico {
    background-position: -42px 0
}

.v_content_num .like.active .ico {
    background-position: -16px 0
}

.v_content_num .bar {
    position: relative;
    top: 13px;
    float: left;
    display: block;
    width: 1px;
    height: 13px;
    margin: 0 8px;
    background: #e0e0e0
}

.v_content_num .link_area {
    float: right
}

.v_content_num .link_area .btn {
    float: left;
    display: block;
    font-size: 12px;
    letter-spacing: -1px;
    color: #777
}

.v_preview_area {
    position: relative;
    width: 100%;
    min-height: 188px;
    padding: 0
}

.v_preview_area .preview_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.v_preview_area .play {
    position: relative;
    display: block;
    height: 100%;
    margin: 0 auto
}

.v_preview_area .img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto
}

.v_preview_area .ico {
    position: absolute;
    top: 15px;
    left: 12px;
    display: block;
    width: 30px;
    height: 17px;
    background: url(/_static/mobile/images/common/hd_ico_img.png) no-repeat 0 -48px;
    background-size: 30px auto
}

.v_preview_area .ico.fhd {
    background-position: 0 0
}

.v_preview_area .ico.hd {
    background-position: 0 -24px
}

.v_preview_area .btn {
    z-index: 5;
    position: absolute;
    top: calc(50% + 12px);
    left: 50%;
    display: block;
    width: 100px;
    height: 100px;
    background: no-repeat 0 0;
    background-size: auto 100px;
    transform: translate(-50%, -50%)
}

.v_preview_area .btn.play {
    display: none
}

.v_preview_area .btn.play.active {
    display: block
}

.v_preview_area .btn.now {
    background-image: url(/_static/mobile/images/common/btn_play_now.png)
}

.v_preview_area .btn.replay {
    background-image: url(/_static/mobile/images/common/btn_play_now.png)
}

.v_preview_area .btn.preview {
    background-image: url(/_static/mobile/images/common/btn_play_now.png)
}

.v_preview_area .login_check_area {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mobile_view_wrap video {
    object-fit: cover
}

.mobile_view_wrap .mobile_preview_player {
    min-height: 100%;
    margin: auto
}

.mobile_view_wrap .onplay_preview {
    z-index: 10
}

.mobile_view_wrap .v_preview_area {
    overflow: hidden
}

.mobile_view_wrap .v_preview_area .prev_img {
    width: 100%;
    max-width: 902px;
    max-height: 460px
}

.mobile_view_wrap .v_preview_area .preview_err_msg {
    display: none
}

.mobile_view_wrap .v_preview_area .preview_err_msg.show {
    display: block
}

.mobile_view_wrap .login_txt .player_guide_show {
    display: none
}

.mobile_view_wrap.logined .login_txt .player_guide_show {
    display: block
}

.mobile_view_wrap.logined .login_txt .player_guide_login {
    display: none
}

.mobile_view_wrap .v_preview_area .login_check_area {
    cursor: pointer
}

.mobile_view_wrap.logined .v_preview_area .login_check_area {
    display: none
}

.mobile_view_wrap.btn_fixed {
    margin-top: 57px
}

.mobile_view_wrap.btn_fixed .v_btn_wrap {
    z-index: 9;
    position: fixed;
    top: 50px;
    border-top: none
}

.mobile_view_wrap.player_fixed.btn_fixed {
    margin-top: 272px
}

.mobile_view_wrap.player_fixed {
    margin-top: 215px
}

.mobile_view_wrap.player_fixed .v_preview_area {
    z-index: 10;
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: 215px;
    padding: 0
}

.mobile_view_wrap.player_fixed.btn_fixed .v_preview_area {
    top: 106px
}

.mobile_view_wrap .btn-more-comment .btn-info {
    display: none
}

.mobile_view_wrap .btn-more-comment.disabled .btn-last {
    display: block
}

.mobile_view_wrap .btn-more-comment .btn-more {
    display: block
}

.mobile_view_wrap .btn-more-comment.disabled .btn-more {
    display: none
}

.v_tit_area {
    width: 100%;
    padding: 10px 12px;
    background: #f9f9f9
}

.v_tit_area .v_tit {
    overflow: hidden;
    width: 100%;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -1px
}

.v_tit_area .info .sum {
    margin-left: 0
}

.v_tit_area .info .cate,
.v_tit_area .info .num,
.v_tit_area .info .sum {
    margin-left: -4px;
    font-size: 12px;
    color: #555
}

.v_tit_area .info .sum .s_ico {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #e9e9e9;
    vertical-align: middle
}

.point_ico {
    position: relative;
    top: 4px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/_static/mobile/images/ico/ico_all_point.png) no-repeat 0 0
}

.v_tit_area .info .bar {
    display: inline-block;
    margin: 0 8px;
    color: #ddd;
    font-size: 13px
}

.v_tit_area .info .ico {
    position: relative;
    top: 0;
    display: inline-block;
    display: none;
    padding: 1px 3px;
    border: 1px solid;
    border-radius: 2px;
    font-size: 10px;
    letter-spacing: -1px;
    background: #fff;
    vertical-align: middle
}

.v_tit_area .info .ico.promotion {
    display: inline-block;
    margin-right: 3px;
    border-color: #42b3ae;
    color: #42b3ae
}

.v_tit_area .info .ico.price {
    display: inline-block;
    border-color: #ee366e;
    color: #ee366e
}

.v_tit_area.new {
    position: relative;
    border-bottom: 1px solid #ddd
}

.v_tit_area .btn.seller {
    float: right
}

.v_tit_area .btn.seller a {
    font-size: 14px;
    color: #333
}

.v_tit_area .btn.seller .ico {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 14px;
    height: 11px;
    margin-right: 3px;
    background: url(/_static/mobile/images/ico/ico_home.png) no-repeat 0 0;
    background-size: auto 11px;
    border: none
}

.v_tit_area.new .ico_sale {
    margin-left: 0
}

.v_tit_area.new .e_arrow {
    margin-right: 6px
}

.v_tit_area.new .bar {
    margin: 0 6px
}

.v_tit_area .sum.event_10 {
    margin-left: -4px
}

.v_file_list_wrap.new {
    padding-top: 0
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 0px !important
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 0px !important
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    padding: 0 0 0 50px;
    height: 50px;
    text-indent: -9999px;
    content: '';
    background: url(/_static/mobile/images/ico/ico_prev_btn.png) no-repeat 0 0;
    background-size: auto 50px
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    padding: 0 0 0 50px;
    height: 50px;
    text-indent: -9999px;
    content: '';
    background: url(/_static/mobile/images/ico/ico_next_btn.png) no-repeat 0 0;
    background-size: auto 50px
}

.v_btn_wrap {
    z-index: 3;
    overflow: hidden;
    width: 100%;
    padding: 8px 12px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ededed;
    background: #fff
}

.v_btn_wrap .v_btn {
    display: block;
    float: left;
    width: 31.9%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -1px
}

.v_btn_wrap .v_btn.view {
    margin-right: 2%;
    background: #ff4444;
}

.v_btn_wrap .v_btn.down {
    margin-right: 2%;
    background: #212121;
    color: #fff;
}

.v_btn_wrap .v_btn.coupon {
    margin-right: 2%;
    background: #ffc332
}

.v_btn_wrap .v_btn.pay {
    background: #ffe110;
    color: #222;
}

.v_btn_wrap .v_btn .p_ico {
    display: inline-block;
    width: 16px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(/_static/mobile/images/ico/point_ico.png) no-repeat 0 0;
    background-size: 16px auto
}

.v_btn_wrap .txt {
    display: none;
    clear: both;
    float: left;
    width: 100%;
    margin-top: 5px;
    text-align: right;
    font-size: 10px;
    color: #555;
    letter-spacing: -1px
}

.v_btn_wrap.d_style .v_btn {
    width: 49%
}

.v_btn_wrap.d_style .v_btn.down {
    display: none
}

.v_btn_wrap.d_style .txt {
    display: block
}

.v_btn_hd_wrap {
    width: 100%;
    padding: 8px 12px;
    background: #fff;
    margin: 8px 0px;
}

.v_btn_hd_wrap .l_btn_wrap {
    position: relative;
    width: 100%;    
    text-align: center;
}

.v_btn_hd_wrap .l_btn_wrap .l_btn.down {
    width: 100%;
    height: 45px;
    line-height: 45px;
    border: 1px #0895b3;
    color: #fff;
    background: #19b2d3;
    font-size: 14px;
    font-weight: 500;
}

.v_btn_hd_wrap .l_btn_wrap .l_btn.down img {
    position: relative;
    top: 6px;
    left: 6px;
}


.v_btn_hd_wrap .select_input {
    display: none;
    float: left;
    position: relative;
    width: 100%;
    margin-top: 10px;

}

.v_btn_hd_wrap .select_input .arrow {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 60px;
    height: 65px;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/cont_select_arrow.png) no-repeat center center;
    background-size: auto 10px;
}
.v_btn_hd_wrap .select_input .arrow.select {
    transform: rotate(180deg);
}

.v_btn_hd_wrap .select_input.active {
    display: block
}

.v_btn_hd_wrap .s_box_style .select_area2 {
    overflow-y: scroll;
    display: none;
    width: 100%;
    max-height: 280px;
    /*box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%); */
    border: 1px solid #fff;
    -webkit-overflow-scrolling: touch;
}

/* .v_btn_hd_wrap .s_box_style .select_area2 {
    overflow-y: scroll;
    display: none;
    z-index: 3;
    position: absolute;
    /* top: 0px; 주석 없앨시 주석처리해야함
    transform: translate(0%, -50%);
    width: 100%;
    max-height: 580px;
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 75%);
    border: 1px solid #fff;
    -webkit-overflow-scrolling: touch;
}
*/
.v_btn_hd_wrap .s_box_style .select_area2 li.active span {
    background: #e6e6e6
}

.v_btn_hd_wrap .s_box_style .select_area2 span:hover {
    background: #e6e6e6
}


/* 모바일 뷰창 다시보기받기 추가 시작  */
.v_file_list_wrap {
    width: 100%;
    padding: 0px 0 8px;
    background: #e7e7e7;
}

.v_file_list {
    width: 100%;
    padding: 0px 6px;
    border: 1px solid #e5e5e5;
    background: #fff;
    /*box-shadow: 0px 0px 7px 0px inset rgb(0 0 0 / 7%);*/
}

.v_file_list.list {
    border: none;
    background: #333;
    box-shadow: none;

}

.v_file_list.only {
    padding: 5px ;
    border: none;
    background: #fff;
    box-shadow: none;
	border: 1px solid #e5e5e5;
	margin-top: 10px;
}

.v_file_list li {
    position: relative;
	display: flex;
    align-items: center;
	min-height:65px;
}

.v_file_list.list li {
      border-bottom: 1px solid #454545;
}


.v_file_list.list li .v_btn.view {
      background-color: transparent;
}

.v_file_list.list li .v_btn.view button{
	word-break: keep-all;
    letter-spacing: -1px;
    border: 0;
	text-align: center;
    font-size: .8rem;
    font-weight: 500;
	padding: 5px 9px;
    margin: 3px;
}

.v_file_list.list li .v_btn.view button.btn-down-f{
    color: #fff;
    background-color: #ff4444;
}

.v_file_list.list li .v_btn.view button.btn-down-redown{
    color: #fff;
    background-color: #ff4444;
}


.v_file_list.list li .v_btn.down {
   background-color: transparent;
}

.v_file_list.list li .v_btn.down button{
	word-break: keep-all;
    letter-spacing: -1px;
    border: 0;
	text-align: center;
    font-size: .8rem;
    font-weight: 500;
	padding: 5px 9px;
    margin: 3px;
}

.v_file_list.list li .v_btn.down button.btn-down-f{
    color: #fff;
    background-color: #7a7a7a;
}

.v_file_list.list li .v_btn.down button.btn-down-redown{
    color: #fff;
    background-color: #7a7a7a;
}



.v_file_list li:last-child {
	border: none;
}

.v_file_list.list li:last-child {
	min-height:65px;
}

.v_file_list.list li:first-child {
	min-height:65px;
	padding: 10px 0;
}

.v_file_list.list li:first-child .f_ico {
    top: 27px;
}

.v_file_list .f_ico {
    position: absolute;
    top: 17px;
    left: 0;
    display: block;
    width: 27px;
    height: 34px;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/f_list_img.png) no-repeat;
    background-size: auto 34px;
	display:none;
}

/* 모바일 뷰창 다시보기받기 추가 끝  */


.v_file_list .f_ico.mv {
    background-position: 0 0
}

.v_file_list .f_ico.jpg {
    background-position: -27px 0
}

.v_file_list .f_ico.pdf {
    background-position: -54px 0
}

.v_file_list .f_ico.mp3 {
    background-position: -82px 0
}

.v_file_list .f_ico.txt {
    background-position: -108px 0
}

.v_file_list .f_ico.zip {
    background-position: -136px 0
}

.v_file_list .f_ico.iso {
    background-position: -163px 0
}

.v_file_list .f_ico.exe {
    background-position: -191px 0
}

.v_file_list .f_ico.img {
    background-position: -219px 0
}

.v_file_list .f_ico.smi {
    background-position: -247px 0
}

.v_file_list .f_ico.srt {
    background-position: -275px 0
}

.v_file_list .f_ico.none {
    border: 1px solid #ccc;
    background: url(/_static/mobile/images/common/logo_new.png) no-repeat center center;
    background-size: 90% auto
}

.v_file_list .l_btn_wrap {
    position: absolute;
    width: 100%;    
    right: 0;
    top: 17px
}

.v_file_list .l_btn_wrap .l_btn {
    display: inline-block;
    width: 83px;
    height: 26px;
    line-height: 25px;
    border: 1px solid;
    text-align: center;
    font-size: 11px;
    background: #fff;
    letter-spacing: -1px;
}

.v_file_list .l_btn_wrap .l_btn.view {
    border-color: #448aca;
    color: #fff;
    width: 55px;
    background-color: #448aca;
}

.v_file_list .l_btn_wrap .l_btn.down {
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-color: #0895b3;
    color: #fff;
    background: #19b2d3;
    font-size: 14px;
    font-weight: 500;
}

.v_file_list .file_info {
    width: calc(100% - 60px);
    letter-spacing: 0px
}

.v_file_list.only .file_info {
    width: calc(100% - 0px);
}

.v_file_list.list .file_info {
    width: calc(100% - 15px);
}

.v_file_list .file_info .f_name {
	word-break:break-all;
	white-space:normal;
    color: #000;
    font-size: .8rem;
}

.v_file_list .file_info .f_name.bold {
	font-weight: bold;
	 font-size:1rem;
}



/* 모바일 뷰창  파일 리스트  제목란  */
.v_file_list.list .file_info .f_name {
    color: #fff;
	 font-size: .8rem;
	white-space:normal;
	word-break:break-all;
}

.v_file_list .file_info .f_info {
    font-size: 13px;
    color: #999
}

.v_file_list .file_info .f_info .bar {
    display: inline-block;
    margin: 0 3px;
    font-size: 11px;
    color: #565656;
}

.v_file_list.only .file_info .f_info .bar {
    color: #eaeaea;
}

.v_file_list_wrap .btn_fold,
.v_file_list_wrap .btn_more {
    width: 100%;
    height: 38px;
    border-bottom: 1px solid #ededed;
    text-align: center;
    line-height: 37px;
    background: #fff;
    font-size: 12px;
    color: #666
}

.v_file_list_wrap .ico_arrow {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 10px;
    height: 5.5px;
    background: url(/_static/mobile/images/common/ico_arrow.png) no-repeat 0 0;
    background-size: 10px auto
}

.v_file_list_wrap .btn_fold .ico_arrow {
    transform: rotate(180deg)
}

.v_file_list_wrap .file-list-over {
    display: none
}

.v_file_list_wrap .btn_more {
    display: block
}

.v_file_list_wrap .btn_fold {
    display: none
}

.v_file_list_wrap.full .btn_more {
    display: none
}

.v_file_list_wrap.full .file-list-over {
    display: block
}

.v_file_list_wrap.full .btn_fold {
    display: block
}

.view_wrap .content_slide_wrap {
    margin-bottom: 12px
}

.view_wrap .content_detail {
    width: 100%;
    margin-bottom: 12px;
    font-size: 13px;
    background: #fff
}

.view_wrap .content_detail .d_inner {
    width: 100%;
    min-height: 150px;
    padding: 12px 12px
}

.view_wrap .content_detail .d_inner img {
    width: 100%
}

.view_wrap .seller_name_wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 12px 12px 10px 12px;
    border-bottom: 1px solid #e4e4e4
}

.view_wrap .seller_name_wrap .tit {
    float: left
}

.view_wrap .seller_name_wrap .ico {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background: #e9e9e9
}

.seller_ico {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 20px;
    height: 16px;
    margin-right: 5px;
    background: url(/_static/mobile/images/ico/ico_seller_level.png) no-repeat
}

.seller_ico.type5 {
    background-position: 0 0
}

.seller_ico.type4 {
    background-position: -30px 0
}

.seller_ico.type3 {
    background-position: -60px 0
}

.seller_ico.type2 {
    background-position: -90px 0
}

.seller_ico.type1 {
    background-position: -120px 0
}

.seller_ico.type0 {
    background-position: -150px 0
}

.view_wrap .seller_name_wrap .name {
    float: right;
    color: #999;
    font-size: 12px
}

.view_wrap .seller_name_wrap .arrow {
    display: inline-block;
    width: 5px;
    height: 10px;
    margin-left: 5px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 10px
}

.view_wrap .tag_wrap {
    width: 100%;
    padding: 12px 12px 7px 12px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    background: #f9f9f9
}

.view_wrap .tag_wrap .tag {
    display: inline-block;
    margin: 0 8px 5px 0;
    color: #3d8eee;
    font-size: 13px
}

.view_wrap .kids_protect {
    width: 100%;
    padding: 12px 12px;
    margin-bottom: 12px;
    font-size: 13px;
    color: #333;
    background: #fff
}

.view_wrap .kids_protect p {
    font-size: 13px
}

.view_wrap .kids_protect .t_red {
    color: #ff6d6d
}

.view_wrap .kids_protect .btn_center {
    color: #64c7cf
}

.view_wrap .content_slide_wrap.txt_style.sub_list {
    position: relative;
    padding-top: 12px;
    padding-bottom: 5px
}

.view_wrap .content_slide_wrap.txt_style.sub_list .tit {
    padding-bottom: 10px
}

.view_wrap .content_slide_wrap.txt_style.sub_list .c_more {
    top: 14px;
    font-size: 12px;
    letter-spacing: -1px
}

.view_wrap .content_slide_wrap.txt_style.sub_list .c_tit {
    height: 40px;
    font-size: 14px;
    line-height: 20px
}

.view_wrap .content_slide_wrap.txt_style.sub_list .c_list li:first-child {
    border-top: 1px solid #e4e4e4
}

.view_wrap .content_slide_wrap.txt_style.sub_list .c_txt_area {
    top: 14px;
    left: 132px;
    width: calc(100% - 147px)
}

.view_wrap .content_slide_wrap .bar {
    margin: 0 5px
}

.view_wrap .content_slide_wrap .info .ico {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #ddd
}

.btn-fixed-section.scroll_style .c_btn_wrap {
    z-index: 6;
    position: fixed;
    top: 58px;
    padding: 10px 12px;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.btn-fixed-section.scroll_style {
    margin-top: 59px
}

.channel-view-contents-list-wrap .channel-new-content-list.no-list {
    display: none
}

.channel-view-contents-list-wrap .channel-new-content-list.no-list.show {
    display: block
}

.reply_list_wrap {
    width: 100%;
    background: #fff
}

.reply_list_wrap .top {
    overflow: hidden;
    width: 100%;
    padding: 10px 12px;
    background: #fff;
    font-size: 12.5px
}

.reply_list_wrap .top dl {
    float: left;
    line-height: 22px
}

.reply_list_wrap .top .bar {
    display: block;
    float: left;
    margin: 0 10px;
    color: #e6e6e6;
    line-height: 22px
}

.reply_list_wrap .top dd,
.reply_list_wrap .top dt {
    float: left
}

.reply_list_wrap .top dt {
    margin-right: 10px;
    color: #747474
}

.reply_list_wrap .top dd {
    color: #3d8eee
}

.reply_list_wrap .comment-guide {
    width: 100%;
    padding: 10px 0;
    font-size: 12.5px
}

.reply_list_wrap .comment-panation-wrap.no-data .btn_more.btn-more,
.reply_list_wrap .comment-panation-wrap.no-more .btn_more.btn-more {
    display: none
}

.reply_list_wrap .comment-panation-wrap .btn_more.btn-last {
    display: none
}

.reply_list_wrap .comment-panation-wrap.no-data .btn_more.btn-last,
.reply_list_wrap .comment-panation-wrap.no-more .btn_more.btn-last {
    display: block
}

.reply_list_wrap .btn-more-comment.ending .btn-more {
    display: none
}

.reply_list_wrap .btn-more-comment.ending .btn-last {
    display: block
}

.reply_list_wrap .btn-more-comment.loading .btn-more {
    display: block
}

.reply_list_wrap .btn-more-comment.loading .btn-last {
    display: none
}

.reply_input_wrap {
    width: 100%;
    padding: 15px 0;
    background: #f8f8f8
}

.reply_input_wrap .btn_wrap {
    padding: 0 5px;
    margin-bottom: 15px;
    text-align: center
}

.reply_input_wrap .r_btn {
    display: inline-block;
    font-size: 14px;
    letter-spacing: -1px;
    color: #7f7f7f
}

.reply_input_wrap .r_btn .ico {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 3px;
    background: rgba(255, 255, 255, .7) url(/_static/mobile/images/common/reply_face_img.png) no-repeat;
    background-size: auto 24px;
    vertical-align: middle
}

.reply_input_wrap .r_btn.good {
    margin-right: 15px
}

.reply_input_wrap .r_btn.good .ico {
    background-position: 0 0
}

.reply_input_wrap .r_btn.bad .ico {
    background-position: -48px 0
}

.reply_input_wrap .r_btn.active.good {
    color: #ffae00
}

.reply_input_wrap .r_btn.active.good .ico {
    background-position: -24px 0
}

.reply_input_wrap .r_btn.active.bad {
    color: #ff5722
}

.reply_input_wrap .r_btn.active.bad .ico {
    background-position: -72px 0
}

.reply_input_wrap .s_score_wrap {
    margin-bottom: 10px;
    text-align: center
}

.s_score_wrap .score_input {
    position: relative;
    display: inline-block;
    width: 123px;
    height: 22px;
    margin-right: 3px;
    background: #ccc
}

.s_score_wrap .score_input .up_img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 123px;
    height: 22px;
    background: url(/_static/mobile/images/common/s_score_bg_gray.png) no-repeat 0 0;
    background-size: auto 22px
}

.s_score_wrap .score_input .bar {
    display: block;
    width: 123px;
    height: 22px;
    margin: 0;
    background: #ffd200
}

.s_score_wrap .score {
    display: inline-block;
    font-size: 14.5px;
    color: #333;
    vertical-align: top;
    line-height: 22px
}

.reply_input_area {
    overflow: hidden;
    position: relative;
    width: calc(100% - 32px);
    height: 50px;
    margin: 0 auto;
    border: 1px solid #c7c7c7
}

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

.reply_input_area .r_input {
    appearance: none;
    -webkit-appearance: none;
    float: left;
    display: block;
    width: 80.3%;
    height: 50px;
    padding: 7px 10px;
    border: none;
    border-radius: 0;
    resize: none;
    font-size: 12.5px;
    font-family: 'Noto Sans KR', sans-serif
}

.reply_input_area .btn_submit {
    float: left;
    display: block;
    width: 19.7%;
    height: 50px;
    margin: 0;
    line-height: 50px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #3d8eee
}

.reply_input_wrap .login_check_area {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 100%;
    height: 50px;
    font-size: 12.5px;
    letter-spacing: -1px
}

.reply_input_wrap .login_check_area .txt_area {
    width: 80.3%;
    height: 50px;
    padding: 10px;
    color: #7f7f7f;
    background-color: #fff
}

.r_input_wrap {
    position: relative;
    padding: 12px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    background: #f9f9f9
}

.r_input_wrap .depth2 .bg_depth {
    position: absolute;
    top: 15px;
    left: 30px;
    display: block;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #a1a1a1;
    border-left: 1px solid #a1a1a1
}

.r_input_wrap .depth2.reply_input_area {
    width: 80%;
    margin: 0 0 0 13%;
    border: none
}

.r_input_wrap .depth2.reply_input_area .r_input {
    border: 1px solid #c7c7c7;
    border-right: none;
}

.r_input_wrap .depth2.reply_input_area .r_input:focus {
    outline: 0
}

.r_input_wrap .reply_auto_list {
    display: none;
    z-index: 4;
    position: absolute;
    left: 13%;
    top: 61px;
    width: calc(64.5% - 1px);
    border: 1px solid #c7c7c7;
    border-bottom: none;
    background: #fff
}

.r_input_wrap .reply_auto_list li {
    padding: 0 0 0 10px;
    height: 43px;
    line-height: 42px;
    border-bottom: 1px solid #c7c7c7;
    font-size: 13px
}

.r_input_wrap.active .reply_auto_list {
    display: block
}

.detail .reply_input_area .btn_submit {
    margin: 0
}

.reply_list {
    width: 100%;
    background: #fff
}

.reply_list.has-comment .no_content {
    display: none
}

.reply_list .no_content {
    width: 100%;
    height: 100px;
    padding-top: 22px;
    text-align: center
}

.reply_list .no_content .ico {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    background: url(/_static/mobile/images/ico/ico_no_reply.png) no-repeat 0 0;
    background-size: auto 25px
}

.reply_list .no_content .txt {
    padding-top: 8px;
    font-size: 14px
}

.reply_list .r_wrap {
    position: relative;
    width: 100%;
    padding: 15px 0 15px 48px;
    border-bottom: 1px solid #f2f2f2
}

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

.reply_list .r_wrap.depth2 {
    width: 100%;
    padding-left: 50px;
    background: #f9f9f9
}

.reply_list .btn_menu {
    position: absolute;
    top: 15px;
    right: 5px;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center
}

.reply_list .btn_menu .b_dot {
    display: block;
    width: 3px;
    height: 3px;
    margin: 0 auto 3px auto;
    border-radius: 50%;
    background: #e0e0e0
}

.reply_list .btn_like {
    float: right;
    display: block;
    min-width: 60px;
    padding: 2px 10px;
    border: 1px solid #d8d8d8;
    text-align: center;
    font-size: 12.5px
}

.reply_list .btn_like .ico {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 14px;
    height: 12px;
    margin-right: 3px;
    vertical-align: middle;
    background: url(/_static/mobile/images/common/btn_like_ico.png) no-repeat;
    background-size: auto 12px
}

.reply_list .btn_like.active {
    border-color: #f94f6b
}

.reply_list .btn_like.active .ico {
    background-position: -14px 0
}

.reply_list_wrap .btn_more {
    width: 100%;
    height: 38px;
    border-top: 1px solid #ededed;
    text-align: center;
    line-height: 37px;
    background: #fff;
    font-size: 12px;
    color: #666
}

.reply_list_wrap .btn_more .ico_arrow {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 10px;
    height: 5.5px;
    background: url(/_static/mobile/images/common/ico_arrow.png) no-repeat 0 0;
    background-size: 10px auto
}

.reply_list .name_area {
    height: 15px;
    margin-top: 2px;
    margin-bottom: 8px
}

.reply_list .name_area .b_ico {
    display: inline-block;
    width: 30px;
    height: 15px;
    margin-right: 2px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    background: #4fbc2d;
    vertical-align: top;
    line-height: 17px
}

.reply_list .name_area .id {
    display: inline-block;
    font-size: 12.5px;
    line-height: 17px;
    vertical-align: top
}

.reply_list .name_area .delete {
    display: inline-block;
    font-size: 12px;
    color: #a1a1a1;
    vertical-align: top
}

.reply_list .name_area .m_level {
    top: 0;
    margin-right: 2px;
    display: none;
}

.reply_list .ico_coupon {
    display: inline-block;
    width: 44px;
    height: 16px;
    text-align: center;
    font-size: 10px;
    color: #ffea00;
    line-height: 16px;
    background: #f8386a;
    vertical-align: top
}

.reply_list .bg_depth {
    position: absolute;
    top: 15px;
    left: 30px;
    display: block;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #a1a1a1;
    border-left: 1px solid #a1a1a1
}

.reply_list .r_txt {
    width: 100%;
    min-height: 38px;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -1px
}

.reply_list .info {
    height: 11px;
    font-size: 12px;
    color: #a1a1a1
}

.reply_list .info .bar {
    display: inline-block;
    margin: 0 2px;
    color: #d6d6d6
}

.reply_list .info .star_score {
    position: relative;
    display: inline-block;
    width: 61px;
    height: 11px;
    margin-right: 3px;
    background: #ccc
}

.reply_list .info .star_score .up_img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 61px;
    height: 11px;
    background: url(/_static/mobile/images/common/s_score_bg.png) no-repeat 0 0;
    background-size: auto 11px
}

.reply_list .info .star_score .s_size {
    display: block;
    width: 61px;
    height: 11px;
    background: #ffd200
}

.reply_list .info .btn_like.active {
    color: #e91e63
}

.reply_list .f_ico {
    position: absolute;
    top: 17px;
    left: 15px;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 3px;
    background: rgba(255, 255, 255, .7) url(/_static/mobile/images/common/reply_face_img.png) no-repeat;
    background-size: auto 24px
}

.reply_list .d_btn_wrap {
    position: absolute;
    bottom: 10px;
    right: 16px
}

.reply_list .d_btn_wrap .btn {
    display: inline-block;
    padding: 2px 8px 0 8px;
    text-align: center;
    border: 1px solid #d8d8d8;
    font-size: 12px;
    line-height: 20px
}

.reply_list .d_btn_wrap .like .ico {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 15px;
    height: 13px;
    margin-right: 3px;
    background: url(/_static/mobile/images/ico/ico_like_img.png) no-repeat 0 0;
    background-size: auto 13px
}

.reply_list .d_btn_wrap .like.active {
    border-color: #f94f6b
}

.reply_list .d_btn_wrap .like.active .ico {
    background-position: -15.5px 0
}

.reply_list .date {
    position: relative;
    top: 1px;
    display: inline-block;
    font-size: 12px;
    color: #999;
    vertical-align: top
}

.reply_list .r_like {
    text-align: left;
    padding-left: 0;
    color: #747474;
    font-weight: 700
}

.reply_list .r_like .ico {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 15px;
    height: 13px;
    margin-right: 3px;
    background: url(/_static/mobile/images/ico/ico_like_img.png) no-repeat 0 0;
    background-size: auto 13px
}

.reply_list .r_like.active .ico {
    background-position: -15.5px 0
}

.reply_list .r_like.active {
    color: #f84659
}

.reply_list .r_like .good-cnt {
    margin-left: -5px;
    letter-spacing: -1px;
    font-weight: 400
}

.reply_list .coupon {
    color: #888;
    font-weight: 700
}

.reply_list .bar_area {
    float: left;
    min-width: 3px
}

.reply_list .btn_area {
    float: left;
    min-width: 40px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px
}

.r_alim_txt {
    overflow: hidden;
    width: 100%;
    padding: 15px 12px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    font-size: 11px;
    letter-spacing: -1px;
    color: #758fae;
    background: #e3e9f2
}

.r_alim_txt .ico {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    background: url(/_static/mobile/images/ico/ico_reply.png) no-repeat 0 0;
    background-size: auto 40px
}

.r_alim_txt .txt_area {
    float: left;
    width: calc(100% - 40px);
    padding-left: 10px
}

.r_alim_txt .txt_area .b_txt {
    padding-top: 2px;
    margin-bottom: 1px;
    font-weight: 700;
    color: #304a69;
    font-size: 14px
}

.r_wrap.good .f_ico {
    background-position: -24px 0
}

.r_wrap.bad .f_ico {
    background-position: -72px 0
}

.r_wrap .r_txt_wrap {
    width: 98%
}

.r_wrap .r_txt_wrap .t_txt {
    overflow: hidden;
    width: 90%;
    height: 100%;
    min-height: 19px;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis
}

.reply_list.c_admin {
    padding: 0;
    background: #f4f4f4
}

.r_txt_wrap .top {
    margin-bottom: 5px;
    font-size: 13px
}

.r_txt_wrap .top .bar {
    display: inline-block;
    margin: 0 5px;
    color: #cecece
}

.r_txt_wrap .top .coupon,
.r_txt_wrap .top .reply {
    font-size: 12px
}

.r_txt_wrap .top .reply {
    color: #999
}

.r_txt_wrap .top .coupon {
    color: #888;
    font-weight: 700
}

.c_admin .r_wrap {
    padding: 15px 0 0 0;
    margin-bottom: 8px;
    background: #fff
}

.c_admin .r_wrap .r_txt_wrap {
    width: 87%;
    margin-left: calc(2% + 45px)
}

.c_admin .f_ico {
    left: calc(4% - 6px);
    top: 20px;
    width: 30px;
    height: 30px;
    background-size: auto 30px
}

.c_admin .r_wrap.good .f_ico {
    background-position: -30px 0
}

.c_admin .r_wrap.bad .f_ico {
    background-position: -90px 0
}

.c_admin .r_wrap .arrow {
    position: absolute;
    right: 10px;
    top: 32px;
    display: inline-block;
    width: 12px;
    height: 6px;
    background: url(/_static/mobile/images/common/ico_arrow.png) no-repeat 0 0;
    background-size: 12px auto
}

.c_admin .r_view_wrap {
    display: none;
    width: 100%;
    padding: 0 4% 15px calc(2% + 45px)
}

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

.c_admin .r_view_wrap .info {
    margin-bottom: 5px;
    font-size: 11px;
    color: #757575
}

.c_admin .r_view_wrap .info .bar {
    display: inline-block;
    margin: 0 3px;
    color: #f9f9f9
}

.c_admin .r_view_wrap .tit {
    float: left;
    overflow: hidden;
    display: block;
    width: calc(100% - 100px);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px
}

.c_admin .r_view_wrap .btn_gift {
    display: block;
    float: right;
    width: 70px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-size: 11px;
    color: #fff;
    background: #ff4a7d;
    letter-spacing: -1px
}

.c_admin .r_view_wrap .btn_gift .ico {
    position: relative;
    top: -1px;
    left: -1px;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    background: url(/_static/mobile/images/ico/ico_gift.png) no-repeat 0 0;
    background-size: 13px 13px;
    vertical-align: middle
}

.c_admin .btn_coupon {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 56px;
    height: 20px;
    margin-right: 5px;
    border: 1px solid #ff4a7d;
    color: #ff4a7d;
    text-align: center;
    line-height: 18px;
    font-size: 11px;
    background: #fff
}

.c_admin .reply_input_area {
    width: 100%;
    height: auto;
    padding: 12px;
    margin-top: 12px;
    border: none;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    background: #fff
}

.c_admin .reply_input_area .r_input {
    border: 1px solid #c7c7c7;
    border-right: none
}

.c_admin .btn_submit {
    margin: 0
}

.c_admin .r_wrap.active {
    background: #f9f9f9
}

.c_admin .r_wrap.active .t_txt {
    height: auto;
    -webkit-line-clamp: 3
}

.c_admin .r_wrap.active .r_view_wrap {
    display: block
}

.c_admin .r_wrap.active .reply_input_area {
    display: block
}

.c_admin .r_wrap.active .arrow {
    transform: rotate(180deg)
}

.c_admin .r_txt_wrap .p_tit {
    font-size: 12px;
    color: #999
}

.c_admin .btn_gift {
    position: absolute;
    right: 5%;
    display: inline-block;
    padding: 0 3px;
    text-align: center;
    border: 1px solid #ff4a7d;
    color: #ff4a7d;
    font-size: 11px;
    letter-spacing: -1px
}

.c_admin .t_txt .btn_gift {
    margin-right: 5px;
    border-radius: 3px;
    line-height: 16px;
    background: #f04474;
    color: #fff
}

.c_admin .date {
    color: #666
}

.c_admin .name {
    color: #222
}

.c_admin .r_depth2 {
    position: relative;
    width: 100%;
    padding: 12px 12px;
    margin-top: 12px;
    border-top: 1px solid #ececec;
    font-size: 12px;
    color: #222
}

.c_admin .r_depth2 .txt {
    margin-left: 38px
}

.c_admin .r_depth2 .bg {
    position: absolute;
    left: 30px;
    display: block;
    width: 8px;
    height: 10px;
    border-left: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3
}

.detail .reply_input_wrap {
    background: #f9f9f9
}

.detail .reply_list {
    padding-bottom: 0
}

.detail .reply_list .r_wrap {
    padding-left: 16px
}

.detail .reply_list .r_wrap:last-child {
    border: none
}

.detail .reply_list .r_txt {
    width: 100%;
    margin-right: 0
}

.detail .reply_list .name_area .bar {
    vertical-align: top;
    font-size: 12px;
    color: #d6d6d6
}

.detail .reply_list .date {
    font-size: 12px;
    color: #a1a1a1
}

.detail .btn_menu {
    top: 17px
}

.event-detail-modal-view-wrap .reply_list .r_wrap {
    padding-left: 16px
}

.event_list {
    width: 100%;
    padding: 15px 0;
    background: #f2f2f2
}

.event_list .e_section {
    width: 100%;
    margin-bottom: 12px;
    background: #fff
}

.event_list .e_section:last-child {
    margin-bottom: 0
}

.event_list .e_section.active {
    border: 2px solid #795548
}

.event_list .e_img {
    position: relative;
    display: block;
    width: 100%
}

.event_list .e_img img {
    display: block;
    width: 100%;
    max-width: 768px;
    margin: 0 auto
}

.event_list .e_img .img_blind {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .65)
}

.event_list .e_info,
.event_view .top {
    width: 100% !important;
    padding: 15px 16px 16px 16px;
}

.event_list .e_tit,
.event_view .e_tit {
    overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
    font-size: 14.5px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.event_list .e_period,
.event_view .e_period {
    font-size: 12px;
    letter-spacing: -.5px;
    color: #999
}

.event_view .e_content {
    width: 100%;
    padding: 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1
}

.event_view .e_content>img {
    display: block
}

.event .reply_input_area .btn_submit {
    margin: 0 auto
}

.event .r_wrap {
    padding: 10px 0
}

/* 이벤트 하단 댓글 추가  202502*/
.event_re_list {width: 100%;  padding:.5rem}
.event_re_list .bold { font-weight: bold;   }
.event_re_list h1{ font-size: 1.2rem; padding:1rem 0}
.event_re_list h1 .count { color: #ff4444; float: right; font-size: 1rem; font-weight: 400;} 
.event_re_list .er_bx { display: flex;  justify-content: space-between;}
.event_re_list .er_bx textarea {width:80%;height: 50px;    background: #FFF;    border: #CCCCCC 1px solid;    padding: 5px; resize: none;}
.event_re_list .er_bx textarea:focus {background-color: #fff4f4; }
.event_re_list .er_bx button {width: 19%; height: 50px;    line-height: 50px;    color: #fff;font-weight: bold;   text-align: center;
 background-color: #393939;   border: #000 1px solid;    cursor: pointer;  }
.event_re_list .er_bx button:hover {background-color: #ff4444;  color:#fff ; border: #ff4444 1px solid; }


.event_re_list .er_list {width: 100%;padding:1rem 0 ; }
.event_re_list .er_list .er_list_inner {width: 100%;  padding: .5rem 0;  border-bottom: 1px dotted #ccc; display: flex;    align-items: center;    flex-direction: column; }
.event_re_list .er_list .er_list_inner li { list-style:none; display: inline-block;  }
.event_re_list .er_list .er_list_inner .er_list_nic { width: 100%;   padding: .5rem 0; text-overflow: ellipsis; overflow: hidden; text-align: left;
     white-space: nowrap;font-size: .8rem;  text-align: left; color: #3366CC; font-weight: 400; }
.event_re_list .er_list .er_list_inner .er_list_nic .er_list_date { float:right;  text-align: right; display: inline-block;font-size: .8rem;color: #666;   box-sizing: border-box;}
.event_re_list .er_list .er_list_inner .er_list_txt {width: 100%; display: inline-block; font-size: .8rem;color: #666;  box-sizing: border-box;}

.event_re_list .er_list .er_list_inner .btn_x {  color: #666; word-break: break-all; margin-left:5px; font-size: .6rem; color: #ee4d4d; padding:0px 3px; border-radius: 3px; background-color: #ffe4e4; font-weight: 100;}

/*### 댓글 페이징  ###*/
.event_re_list .page_nom {  clear:both; width:100%; padding:3rem 0 ;   vertical-align:middle;  text-align:center; font-size:1rem; letter-spacing:-.2px; display:inline-block; } 
.event_re_list .page_nom span {  padding:.3rem .5rem ;  margin:0px; text-align:center;  cursor:pointer; border:#666 1px solid; color:#000; }
.event_re_list .page_nom span:hover { background-color:#000; border:#666 1px solid;color:#fff;}
.event_re_list .page_nom span.on {  background-color:#fff; border:#ff4444 1px solid; color:#ff4444; font-weight:bold;}






.search_input_area {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    background: #fff
}

.search_input_area .search_top {
    padding: 12px 0;
    border-bottom: 1px solid #e7e7e7
}

.search_top .s_wrap {
    position: relative;
    width: 92%;
    height: 58px;
    margin: 0 auto;
    line-height: 58px
}

.search_top .s_wrap .input_area {
    position: relative;
    width: calc(100% - 0px);
    height: 58px
}

.search_top .s_wrap .input_area .input_style {
    display: block;
    width: calc(100% - 54px);
    height: 40px;
    padding: 0 25px 0 0;
    margin-left: 54px;
    border: none;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    vertical-align: middle;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .1)
}

.search_top .s_wrap .input_area input::placeholder {
    color: #9e9e9e;
    font-weight: 500;
    font-size: 16px
}

.search_top .s_wrap .input_area input::-webkit-input-placeholder {
    color: #9e9e9e;
    font-weight: 500;
    font-size: 16px
}

.search_top .s_wrap .input_area input:-ms-input-placeholder {
    color: #9e9e9e;
    font-weight: 500;
    font-size: 16px
}

.search_top .s_wrap .input_area input:focus {
    outline: 0
}

.search_top .s_wrap .input_area .btn_t_delete {
    position: absolute;
    top: 13px;
    right: 10px;
    display: block;
    width: 14px;
    height: 14px;
    background: url(/_static/mobile/images/common/btn_delete.png) no-repeat 0 0;
    background-size: 14px auto
}

.search_top .btn_search {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    background: url(/_static/mobile/images/common/btn_search_2.png) no-repeat center center;
    background-size: 22px auto
}

.search_top .btn_prev {
    position: absolute;
    top: 12px;
    left: 10px;
    display: block;
    width: 20px;
    height: 15px;
    background: url(/_static/mobile/images/ico/ico_btn_prev.png) no-repeat 0 0;
    background-size: auto 15px
}

.search_top .btn_ico_s {
    position: absolute;
    top: 9px;
    left: 10px;
    display: block;
    width: 24px;
    height: 22px;
    background: url(/_static/mobile/images/ico/ico_btn_search.jpg) no-repeat 0 0;
    background-size: auto 22px
}

.auto_input_list {
    width: 100%;
    padding: 10px 0
}

.auto_input_list li {
    overflow: hidden;
    height: 35px;
    padding: 0 16px;
    line-height: 35px
}

.auto_input_list .word {
    display: block;
    float: left;
    font-size: 13px;
    letter-spacing: -1px
}

.auto_input_list .word .now_word {
    color: #3d8eee
}

.auto_input_list .selected .word {
    color: #2196f3
}

.auto_input_list .btn_input {
    float: right;
    display: block;
    width: 12px;
    height: 12px;
    margin: 12px 0 0 0;
    background: url(/_static/mobile/images/common/btn_chioce.png) no-repeat 0 0;
    background-size: 12px auto
}

.recent_search_list {
    width: 100%;
    padding: 10px 0
}

.recent_search_list .tit {
    height: 27px;
    padding-left: 16px;
    line-height: 27px;
    font-size: 13px;
    color: #999
}

.recent_search_list li {
    overflow: hidden;
    height: 35px;
    padding: 0 16px;
    line-height: 35px
}

.recent_search_list .word {
    display: block;
    float: left;
    font-size: 14px;
    letter-spacing: -1px
}

.recent_search_list .btn_delete {
    position: relative;
    top: 10px;
    float: right;
    display: block;
    width: 13px;
    height: 13px;
    opacity: .6;
    background: url(/_static/mobile/images/common/btn_delete.png) no-repeat 0 0;
    background-size: 13px 13px
}

.search_btn_wrap {
    overflow: hidden;
    width: 100%;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #ddd;
    background: #f9f9f9;
    font-size: 13px
}

.search_btn_wrap .l_area {
    float: left;
    padding: 10px 0 0 0;
    color: #999
}

.search_btn_wrap .l_area .bar {
    display: inline-block;
    margin: 0 5px;
    color: #ddd
}

.search_btn_wrap .btn_close {
    float: right;
    margin-top: 9px;
    color: #333
}

.best_search_word {
    display: none;
    position: relative;
    width: 100%;
    margin-bottom: 12px;
    background: #fff
}

.best_search_word.show {
    display: block
}

.best_search_word .m_top {
    width: 92%;
    padding: 13px 0 10px 0;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    color: #0f3261;
    font-size: 15px
}

.best_search_word .m_top p {
    font-size: 15px
}

.best_search_word .tag_area {
    padding: 16px
}

.best_search_word .tag_area .tag {
    height: 32px;
    padding-top: 0;
    margin-right: 7px;
    margin-bottom: 8px;
    line-height: 30px;
    font-size: 13px;
    border-color: #3d8eee;
    color: #3d8eee
}

.best_search_word .btm {
    width: 100%;
    height: 39px;
    padding: 0 16px;
    border-bottom: 1px solid #ddd;
    background: #f9f9f9
}

.best_search_word .btn_close {
    float: right;
    line-height: 39px;
    color: #333;
    font-size: 12.5px
}

.search_bar {
    display: block;
    width: 100%;
    height: 12px;
    background: #f2f2f2
}

.recent_search_wrap {
    position: relative
}

.recent_search_wrap .m_top {
    width: 92%;
    padding: 13px 0 10px 0;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    color: #0f3261
}

.recent_search_wrap .word_area {
    width: 92%;
    padding: 20px 0;
    margin: 0 auto
}

.recent_search_wrap .no_word {
    width: 100%;
    padding: 40px 0;
    text-align: center;
    font-size: 14px
}

.recent_search_wrap .word_area .word {
    display: inline-block;
    height: 30px;
    padding: 0 5px;
    margin: 0 3px 8px 0;
    border-radius: 3px;
    line-height: 30px;
    border: 1px solid #3d8eee;
    font-size: 13px;
    color: #3d8eee
}

.recent_search_wrap .btn_w {
    position: absolute;
    top: 14px;
    right: 12px;
    font-size: 13px;
    color: #999
}

.search-result-seller {
    display: block
}

.search-result-seller.broad {
    margin: 0px 16px;
    padding-bottom: 100px;
}

.search-result-seller.has-none {
    display: none
}

.search-result-recommendation {
    display: none
}

.search-result-recommendation.has-recom {
    display: block
}

.search-result-recommendation.has-recom.has-none {
    display: none
}

.search-non-result-container {
    display: none
}

.search-non-result-container.has-block,
.search-non-result-container.has-none {
    display: block
}

.search-non-result-container .no_result_wrap {
    display: none
}

.search-non-result-container.has-none .no_result_wrap.none {
    display: block
}

.search-non-result-container.has-block .no_result_wrap.block {
    display: block
}

.mobile-search-header .search_top .s_wrap .input_area .btn_t_delete {
    display: none
}

.mobile-search-header.has-keyword .search_top .s_wrap .input_area .btn_t_delete {
    display: block
}

.channel-search-no-result {
    display: none
}

.channel-search-no-result.no-data {
    display: block
}

.channel-theme-page-end-spy {
    background: #fff
}

.channel-theme-page-end-spy .ing_area {
    height: 35px;
    font-size: 14px;
    color: #333;
    background: #fff
}

.search-form-container .search-input-data,
.search-form-container .search_top {
    background-color: #fff
}

.search-form-container .autocomplete-search-keyword {
    position: relative;
    width: 100%;
    z-index: 10;
    background-color: #fff
}

.search-form-container .recent-search-keyword {
    display: none;
    margin-top: 370px
}

.search-form-container.clear .autocomplete-search-keyword {
    display: none;
    min-height: 370px
}

.search-form-container.clear .search_top .s_wrap .input_area .btn_t_delete {
    display: none
}

.search-form-container.clear .recent-search-keyword {
    margin-top: 0
}

.search-form-container.clear .recent-search-keyword.show.has-keyword {
    display: block
}

.easy-autocomplete {
    height: 40px
}

.easy-autocomplete-container ul li b {
    font-weight: 700
}

.rank_search_contents .m_top {
    width: calc(100% - 24px);
    padding: 13px 0 10px 0;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    color: #0f3261
}

.search_rank_wrap {
    width: 100%
}

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

.search_rank_wrap .c_list.top_100 {
    float: left;
    width: 100%;
    padding: 0 12px
}

.search_rank_wrap .c_list.broad_num {
    float: left;
    width: 25%;
    padding: 0 12px
}

.search_rank_wrap .c_list.broad_num .c_txt_area {
    padding-top: 10px
}

.search_rank_wrap .c_list.broad_num .num_info {
    padding-bottom: 3px;
    font-size: 14px;
    color: #000
}

.search_rank_wrap .c_list.broad_num .num_info .num {
    color: #4fbc2d
}

.search_rank_wrap .c_list.broad_num .c_tit {
    width: 100%;
    margin-right: 0
}

.recommend_word {
    width: 100%;
    height: 40px;
    padding: 10px 12px;
    margin-bottom: 8px;
    background: #fff
}

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

.recommend_word .tit {
    float: left;
    padding-top: 2px;
    margin-right: 15px;
    font-size: 13px;
    color: #333;
    font-weight: 700;
    vertical-align: top;
    line-height: 16px
}

.recommend_word .word_content {
    float: left;
    width: calc(100% - 80px);
    padding-top: 2px;
    font-size: 13px;
    color: grey;
    vertical-align: top;
    line-height: 16px
}

.recommend_word .word_content .word {
    color: #3d8eee
}

.no_result_wrap {
    width: 100%;
    margin-bottom: 8px;
    background: #fff
}

.no_result_wrap .txt_area {
    width: 100%;
    max-width: 768px;
    padding: 30px 0 10px 0;
    margin: 0 auto;
    text-align: center;
    color: #333
}

.no_result_wrap .txt_area .word {
    color: #f80112;
    font-weight: 700
}

.no_result_wrap .txt_area .num {
    color: #f80112;
    font-weight: 700
}

.no_result_wrap .ban_word_wrap {
    width: 100%;
    padding: 25px 0;
    max-width: 768px;
    margin: 0 auto;
    text-align: center;
    color: #333;
    letter-spacing: -1px
}

.no_result_wrap .ban_word_wrap.adult {
    background: url(/_static/mobile/images/common/bg_search_1.jpg) no-repeat 17% 20px;
    background-size: auto 80%
}

.no_result_wrap .ban_word_wrap.copyright {
    background: url(/_static/mobile/images/common/bg_search_2.jpg) no-repeat 17% 20px;
    background-size: auto 80%
}

.no_result_wrap .ban_word_wrap .b_txt {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500
}

.no_result_wrap .ban_word_wrap .txt {
    font-size: 13px;
    line-height: 18px
}

.no_result_wrap .ban_word_wrap .t_red {
    color: #f80112;
    font-weight: 700
}

.no_result_wrap .request_btn_wrap {
    width: 92%;
    max-width: 768px;
    padding: 10px 0 32px 0;
    margin: 0 auto;
    text-align: center
}

.no_result_wrap .request_btn_wrap .txt {
    margin-bottom: 12px;
    font-size: 13px;
    letter-spacing: -1px
}

.no_result_wrap .request_btn_wrap .btn_request {
    display: block;
    width: 235px;
    height: 46px;
    margin: 0 auto;
    border: 1px solid #bbb;
    text-align: center;
    color: #333;
    line-height: 43px;
    font-size: 14px;
    letter-spacing: -1px;
    background: #fcfcfc
}

.no_result_wrap .search_recommend {
    position: relative;
    width: 100%;
    height: 44px;
    border-top: 1px solid #e9e9e9;
    line-height: 44px;
    text-align: center;
    color: grey;
    font-size: 14px
}

.no_result_wrap .search_recommend .word {
    color: #3d8eee;
    font-weight: 700
}

.no_result_wrap .search_recommend .ico_arrow {
    position: absolute;
    right: 12px;
    top: 23px;
    display: block;
    width: 7px;
    height: 13px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 13px;
    transform: translate(0, -50%)
}

.no_result_wrap .b_btn {
    display: inline-block;
    width: 120px;
    height: 35px;
    padding-top: 2px;
    margin-top: 15px;
    color: #fff;
    line-height: 33px;
    text-align: center;
    font-size: 12px;
    letter-spacing: -1px
}

.no_result_wrap .b_btn.join {
    margin-right: 5px;
    background: #3d8eee
}

.no_result_wrap .b_btn.adult {
    background: #4fbc2d
}

.no_result_wrap .b_btn .arrow {
    display: inline-block;
    width: 6px;
    height: 9px;
    margin-left: 8px;
    background: url(/_static/mobile/images/ico/tit_arrow_ico.png) no-repeat 0 0;
    background-size: auto 9px
}

.no_s_content {
    width: 100%
}

.no_s_content .txt_area {
    width: 100%;
    padding: 100px 0;
    border-bottom: 1px solid #e9e9e9;
    background: #fafafa;
    text-align: center;
    font-size: 14px;
    color: #333
}

.no_s_content .txt_area .t_red {
    color: #f80112;
    font-weight: 700
}

.no_s_content .search_recommend {
    position: relative;
    width: 100%;
    height: 44px;
    border-bottom: 1px solid #e9e9e9;
    line-height: 44px;
    text-align: center;
    color: grey;
    font-size: 14px;
    background: #fff
}

.no_s_content .search_recommend .word {
    color: #3d8eee;
    font-weight: 700
}

.no_s_content .search_recommend .ico_arrow {
    position: absolute;
    right: 12px;
    top: 23px;
    display: block;
    width: 10px;
    height: 13px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 13px;
    transform: translate(0, -50%)
}

.news_contents_word .tag_area {
    width: 100%;
    padding: 0;
    border-bottom: none
}

.channel_search_wrap {
    background: #f2f2f2
}

.channel_search_wrap .channel-search-list {
    margin-bottom: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.on_recommand {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    background: #fff
}

.on_recommand .tit {
    width: 92%;
    padding: 13px 0 10px 0;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    color: #000
}

.r_list_style {
    width: 92%;
    margin: 0 auto
}

.r_list_style li {
    width: 100%;
    padding: 12px 0;
    border-bottom: 1px solid #f2f2f2
}

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

.r_list_style .rank_wrap {
    float: left;
    text-align: center;
    width: 40px;
    font-style: italic;
    line-height: 62px
}

.r_list_style .rank_wrap .top {
    color: #3d8eee
}

.r_list_style .c_txt_area {
    float: left;
    width: calc(100% - 40px)
}

.r_list_style .c_tit {
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
    line-height: 20px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis
}

.r_list_style .info {
    font-size: 12.5px;
    color: #999
}

.r_list_style .bar {
    display: inline-block;
    margin: 0 10px;
    color: #e6e6e6;
    vertical-align: top
}

.r_list_style .info .sum .ico {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-right: 5px;
    background: url(/_static/mobile/images/ico/ico_point_v2.png) no-repeat 0 0;
    background-size: 11px 11px;
    vertical-align: middle
}

.now_top_word_wrap {
    width: 100%;
    background: #fff
}

.now_top_word_wrap .word_tab {
    overflow: hidden;
    width: 100%;
    padding: 12px 8px;
    max-width: 768px;
    margin: 0 auto;
    border-bottom: 1px solid #ebf0f5;
    background: #f6f8fa
}

.now_top_word_wrap .word_tab .w_tab {
    position: relative;
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -1px
}

.now_top_word_wrap .word_tab .w_tab .t_area {
    display: inline-block;
    padding: 0 3px;
    color: #333
}

.now_top_word_wrap .word_tab .w_tab .bar {
    position: absolute;
    right: 0;
    color: #e1e1e1
}

.now_top_word_wrap .word_tab .w_tab.active .t_area {
    color: #222;
}

.now_top_word_wrap .word_content {
    display: none
}

.now_top_word_wrap.real .word_content.real-rank {
    display: block
}

.now_top_word_wrap.rating .word_content.bro-rating {
    display: block
}

.now_top_word_wrap.real .word_tab .w_tab .t_area.real {
    color: #222;
}

.now_top_word_wrap.rating .word_tab .w_tab .t_area.rating {
    color: #fff;
    background: #3c89e4
}

.word_content {
    overflow: hidden;
    width: 92%;
    margin: 0 auto;
    max-width: 704px
}

.word_content .word_list {
    float: left;
    width: 50%;
    padding: 10px 0
}

.word_content .word_list li {
    padding: 7px 0 5px 0;
    font-size: 14px;
    letter-spacing: -1px
}

.word_content .word_list .num {
    position: relative;
    top: 0;
    display: inline-block;
    width: 24px;
    font-size: 16px;
    text-align: center;
    font-family: DIN_pro, DIN_pro, sans-serif;
    color: #333;
    vertical-align: middle
}

.word_content .word_list .num.top {
    color: #3d8eee
}

.word_content .word_list .word {
    overflow: hidden;
    display: inline-block;
    width: calc(100% - 32px);
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.word_content .word_list a {
    color: #5d5d5d
}

.channel_seller_info {
    width: 100%;
    background: #fff
}

.channel_seller_info .top {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 12px 12px 5px 12px
}

.channel_seller_info .c_img {
    overflow: hidden;
    float: left;
    width: 130px;
    height: 97px;
    margin-right: 2%;
    border: 1px solid #e6e6e6
}

.channel_seller_info .c_img.no_img,
.channel_seller_info .my_page .c_img {
    background: #f3f3f3 url(/_static/mobile/images/common/no_img_channel_ver2.jpg) no-repeat center center;
    background-size: 100% auto
}

.channel_seller_info .my_page .c_img img {
    display: none
}

.channel_seller_info .no_img_b .c_img {
    display: none
}

.channel_seller_info .no_img_b .c_info {
    width: 100%
}

.channel_seller_info .c_info {
    float: left;
    width: calc(100% - (2% + 130px))
}

.channel_seller_info .c_info .c_id {
    padding-top: 3px;
    margin-bottom: 4px;
    font-size: 15px;
    color: #333;
    font-weight: 500
}

.channel_seller_info .c_info .c_txt {
    overflow: hidden;
    height: 40px;
    margin-bottom: 5px;
    line-height: 20px;
    font-size: 13px;
    letter-spacing: -1px;
    color: #555;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis
}

.channel_seller_info .c_info .v_num {
    font-size: 12px
}

.channel_seller_info .c_info .bar {
    display: inline-block;
    margin: 0 4px;
    color: #e6e6e6
}

.channel_seller_info .c_info .follower .num {
    color: #ffc66b
}

.channel_seller_info .c_info .today .num {
    color: #4472b0
}

.wrap-channel-seller-info-modal-view {
    background: #f2f2f2
}

.tag_area {
    width: 100%;
    padding: 10px 12px;
    border-bottom: 1px solid #ededed
}

.tag_area .tag {
    display: inline-block;
    padding: 4px 8px;
    margin: 0 3px 3px 0;
    border: 1px solid #2196f3;
    border-radius: 3px;
    color: #2196f3;
    font-size: 14px
}

.tag_area .tag.active {
    border: 1px solid #eb6877;
    color: #eb6877
}

.channel_seller_info .tag_area {
    padding-top: 5px
}

.channel_btn_wrap {
    overflow: hidden;
    padding: 12px 0
}

.channel_btn_wrap .c_btn {
    float: left;
    display: inline-block;
    width: 33.3%;
    border-left: 1px solid #e1e1e1;
    text-align: center;
    font-size: 14px
}

.channel_btn_wrap .c_btn.follow {
    border: none
}

.channel_btn_wrap .c_btn .ico {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 21px;
    height: 15px;
    background: url(/_static/mobile/images/common/channel_btn_ico.png) no-repeat;
    background-size: auto 30px
}

.channel_btn_wrap .c_btn.follow .ico {
    background-position: 0 0
}

.channel_btn_wrap .c_btn.note .ico {
    background-position: -30px 0
}

.channel_btn_wrap .c_btn.share .ico {
    background-position: -60px 0
}

.c_txt_area .info .num {
    display: inline-block;
    margin-right: 5px
}

.c_txt_area .info .good {
    color: #ffae00
}

.c_txt_area .info .bad {
    color: #597f8e
}

.c_txt_area .info .ico {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    background: url(/_static/mobile/images/ico/face_ico_list.png) no-repeat;
    background-size: auto 15px;
    vertical-align: middle
}

.c_txt_area .info .good .ico {
    background-position: 0 0
}

.c_txt_area .info .bad .ico {
    background-position: -25px 0
}

.menu_layer {
    z-index: 1;
    position: absolute;
    right: 10px;
    top: 220px;
    width: 70%;
    background: #fff;
    box-shadow: 0 0 10px #f0f0f0
}

.c_list .menu_layer .list {
    padding-top: 6px
}

.menu_layer .list>li {
    width: 100%;
    padding: 7px 0 7px 10px;
    margin-bottom: 5px;
    font-size: 12px
}

.menu_layer .list>li .ico {
    position: relative;
    display: inline-block;
    height: 12px;
    background: url(/_static/mobile/images/ico/channel_layer_ico.png) no-repeat;
    background-size: auto 14px;
    vertical-align: middle
}

.menu_layer .list .m1 .ico {
    width: 20px;
    background-position: 0 0
}

.menu_layer .list .m2 .ico {
    width: 22px;
    background-position: -23px 0
}

.menu_layer .list .m3 .ico {
    width: 22px;
    background-position: -45px 0
}

.end_area,
.ing_area {
    display: none;
    width: 100%;
    height: 47px;
    line-height: 47px;
    font-size: 14.5px;
    text-align: center;
    color: #787878
}

.ing_area .arrow {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 6px;
    background: url(/_static/mobile/images/common/ico_arrow.png) no-repeat 0 0;
    background-size: 12px auto
}

.ending .end_area {
    display: block
}

.loading .ing_area {
    display: block
}

.my_info_wrap {
    position: relative;
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    padding: 16px 12px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.my_info_wrap .btn_info {
    position: absolute;
    right: 12px;
    top: 14px;
    display: block;
    width: 80px;
    padding: 6px 0 4px 0;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #769ec3;
    color: #97b4d0;
    font-size: 12.5px
}

.my_info_wrap .txt {
    font-size: 14px;
    color: #666
}

.my_info_wrap .level {
    font-size: 14.5px
}

.my_info_wrap .level.vip {
    color: #855dd9
}

.my_info_wrap .level.vvip {
    color: #ffba00
}

.m_level {
    position: relative;
    top: 3px;
    display: none;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    background: url(/_static/mobile/images/common/m_level_img_ver2.png) no-repeat;
    vertical-align: top
}

.m_level.type0 {
    background-position: 0 -200px
}

.m_level.type1 {
    background-position: 0 0
}

.m_level.type2 {
    background-position: -20px 0
}

.m_level.type3 {
    background-position: -40px 0
}

.m_level.type4 {
    background-position: -60px 0
}

.m_level.type5 {
    background-position: -80px 0
}

.m_level.type6 {
    background-position: -100px 0
}

.m_level.type7 {
    background-position: -120px 0
}

.m_level.type8 {
    background-position: -140px 0
}

.m_level.type9 {
    background-position: -160px 0
}

.m_level.type10 {
    background-position: -180px 0
}

.m_level.type11 {
    background-position: 0 -20px
}

.m_level.type12 {
    background-position: -20px -20px
}

.m_level.type13 {
    background-position: -40px -20px
}

.m_level.type14 {
    background-position: -60px -20px
}

.m_level.type15 {
    background-position: -80px -20px
}

.m_level.type16 {
    background-position: -100px -20px
}

.m_level.type17 {
    background-position: -120px -20px
}

.m_level.type18 {
    background-position: -140px -20px
}

.m_level.type19 {
    background-position: -160px -20px
}

.m_level.type20 {
    background-position: -180px -20px
}

.m_level.type21 {
    background-position: 0 -40px
}

.m_level.type22 {
    background-position: -20px -40px
}

.m_level.type23 {
    background-position: -40px -40px
}

.m_level.type24 {
    background-position: -60px -40px
}

.m_level.type25 {
    background-position: -80px -40px
}

.m_level.type26 {
    background-position: -100px -40px
}

.m_level.type27 {
    background-position: -120px -40px
}

.m_level.type28 {
    background-position: -140px -40px
}

.m_level.type29 {
    background-position: -160px -40px
}

.m_level.type30 {
    background-position: -180px -40px
}

.m_level.type31 {
    background-position: 0 -60px
}

.m_level.type32 {
    background-position: -20px -60px
}

.m_level.type33 {
    background-position: -40px -60px
}

.m_level.type34 {
    background-position: -60px -60px
}

.m_level.type35 {
    background-position: -80px -60px
}

.m_level.type36 {
    background-position: -100px -60px
}

.m_level.type37 {
    background-position: -120px -60px
}

.m_level.type38 {
    background-position: -140px -60px
}

.m_level.type39 {
    background-position: -160px -60px
}

.m_level.type40 {
    background-position: -180px -60px
}

.m_level.type41 {
    background-position: 0 -80px
}

.m_level.type42 {
    background-position: -20px -80px
}

.m_level.type43 {
    background-position: -40px -80px
}

.m_level.type44 {
    background-position: -60px -80px
}

.m_level.type45 {
    background-position: -80px -80px
}

.m_level.type46 {
    background-position: -100px -80px
}

.m_level.type47 {
    background-position: -120px -80px
}

.m_level.type48 {
    background-position: -140px -80px
}

.m_level.type49 {
    background-position: -160px -80px
}

.m_level.type50 {
    background-position: -180px -80px
}

.m_level.type51 {
    background-position: 0 -100px
}

.m_level.type52 {
    background-position: -20px -100px
}

.m_level.type53 {
    background-position: -40px -100px
}

.m_level.type54 {
    background-position: -60px -100px
}

.m_level.type55 {
    background-position: -80px -100px
}

.m_level.type56 {
    background-position: -100px -100px
}

.m_level.type57 {
    background-position: -120px -100px
}

.m_level.type58 {
    background-position: -140px -100px
}

.m_level.type59 {
    background-position: -160px -100px
}

.m_level.type60 {
    background-position: -180px -100px
}

.m_level.type61 {
    background-position: 0 -120px
}

.m_level.type62 {
    background-position: -20px -120px
}

.m_level.type63 {
    background-position: -40px -120px
}

.m_level.type64 {
    background-position: -60px -120px
}

.m_level.type65 {
    background-position: -80px -120px
}

.m_level.type66 {
    background-position: -100px -120px
}

.m_level.type67 {
    background-position: -120px -120px
}

.m_level.type68 {
    background-position: -140px -120px
}

.m_level.type69 {
    background-position: -160px -120px
}

.m_level.type70 {
    background-position: -180px -120px
}

.m_level.type71 {
    background-position: 0 -140px
}

.m_level.type72 {
    background-position: -20px -140px
}

.m_level.type73 {
    background-position: -40px -140px
}

.m_level.type74 {
    background-position: -60px -140px
}

.m_level.type75 {
    background-position: -80px -140px
}

.m_level.type76 {
    background-position: -100px -140px
}

.m_level.type77 {
    background-position: -120px -140px
}

.m_level.type78 {
    background-position: -140px -140px
}

.m_level.type79 {
    background-position: -160px -140px
}

.m_level.type80 {
    background-position: -180px -140px
}

.m_level.type81 {
    background-position: 0 -160px
}

.m_level.type82 {
    background-position: -20px -160px
}

.m_level.type83 {
    background-position: -40px -160px
}

.m_level.type84 {
    background-position: -60px -160px
}

.m_level.type85 {
    background-position: -80px -160px
}

.m_level.type86 {
    background-position: -100px -160px
}

.m_level.type87 {
    background-position: -120px -160px
}

.m_level.type88 {
    background-position: -140px -160px
}

.m_level.type89 {
    background-position: -160px -160px
}

.m_level.type90 {
    background-position: -180px -160px
}

.m_level.type91 {
    background-position: 0 -180px
}

.m_level.type92 {
    background-position: -20px -180px
}

.m_level.type93 {
    background-position: -40px -180px
}

.m_level.type94 {
    background-position: -60px -180px
}

.m_level.type95 {
    background-position: -80px -180px
}

.m_level.type96 {
    background-position: -100px -180px
}

.m_level.type97 {
    background-position: -120px -180px
}

.m_level.type98 {
    background-position: -140px -180px
}

.m_level.type99 {
    background-position: -160px -180px
}

.m_level.type100 {
    background-position: -180px -180px
}

.my_info_wrap .name {
    font-size: 14.5px;
    color: #333
}

.my_info_wrap .ico_arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    display: block;
    width: 7px;
    height: 13px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 13px;
    transform: translate(0, -50%)
}

.my_info_wrap .e_adress {
    padding-left: 21px;
    font-size: 12.5px;
    color: #999
}

.my_info_wrap .i_btn {
    position: absolute;
    top: 15px;
    display: block;
    width: 50px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #cacaca;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    color: #4c5064;
    background: #fff
}

.my_info_wrap .i_btn.memo {
    right: 66px
}

.my_info_wrap .i_btn.alim {
    right: 12px
}

.my_info_wrap .i_btn .ico {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    vertical-align: middle;
    background: url(/_static/mobile/images/ico/mypage_top_ico.png) no-repeat;
    background-size: auto 15px
}

.my_info_wrap .i_btn.memo .ico {
    background-position: 0 0
}

.my_info_wrap .i_btn.alim .ico {
    background-position: -15px 0
}

.my_info_wrap .arrow {
    position: absolute;
    right: 12px;
    top: 29px;
    display: block;
    width: 7px;
    height: 13px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 13px;
    transform: translate(0, -50%)
}

.my_news_area {
    overflow: hidden;
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.my_news_area .n_info {
    float: left;
    width: 33.3%;
    height: 67px;
    padding: 12px 0;
    border-right: 1px solid #ddd;
    text-align: center
}

.my_news_area .n_info.b_none {
    border-right: none
}

.my_news_area .n_info .c_btn {
    display: block;
    width: 62px;
    height: 24px;
    margin: 0 auto;
    background: url(/_static/mobile/images/common/child_btn_img.png) no-repeat 0 -24px;
    background-size: auto 48px
}

.my_news_area .n_info .c_btn.on {
    background-position: 0 0
}

.my_news_area .n_info .num {
    display: block;
    padding-top: 1px;
    color: #66a1d7;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px
}

.my_news_area .n_info .txt {
    display: block;
    margin-top: 5px;
    color: #555;
    font-size: 12px;
    letter-spacing: -1px
}

.b_line {
    width: 100%;
    height: 8px;
    border-bottom: 1px solid #ddd;
    background: #f2f2f2
}

.cherge_btn_wrap {
    overflow: hidden;
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    background: #fff
}

.cherge_btn_wrap .c_btn {
    float: left;
    display: block;
    width: 50%;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -.5px
}

.cherge_btn_wrap .c_btn.point {
    background: #4689e3
}

.cherge_btn_wrap .c_btn.flat {
    background: #a15dc8
}

.cherge_btn_wrap .c_btn.login {
    background: #4fbc2d
}

.cherge_btn_wrap .c_btn.join {
    background: #3d8eee
}

.cherge_btn_wrap .c_btn.exchange {
    background: #13b5b1
}

.cherge_btn_wrap .c_btn.item {
    background: #448aca
}

.my_point_info {
    overflow: hidden;
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    background: #fff
}

.my_point_info .m_info {
    float: left;
    width: 33.3%;
    height: 63px;
    padding: 9px 0 12px 0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center
}

.my_point_info .m_info.b_none {
    border-right: none
}

.my_point_info .m_info dt {
    color: #aaa;
    font-size: 12px;
    letter-spacing: -1px
}

.my_point_info .m_info dd {
    font-size: 13px;
    color: #333
}

.my_point_info .m_info .num {
    font-size: 16px;
    font-weight: 700
}

.my_point_info .m_info .t_red {
    color: #ff265f
}

.my_point_info .m_info .t_blue {
    color: #448aca
}

.my_point_info .m_info .t_yellow {
    color: #ff9c00
}

.my_point_info.type_c .type1 {
    padding: 3px 0 0 0
}

.my_point_info.type_c .m_info dd {
    margin-bottom: 3px
}

.my_point_info .level .ico {
    display: inline-block;
    width: 16px;
    height: 12px;
    margin-right: 5px;
    background: url(/_static/mobile/images/ico/level_ico.png) no-repeat;
    background-size: auto 12px
}

.my_point_info .level.type1 .ico {
    background-position: 0 0
}

.my_point_info .level.type2 .ico {
    background-position: -17px 0
}

.my_point_info .level.type3 .ico {
    background-position: -34px 0
}

.my_point_info .m_info .type1 {
    color: #b0b1b1
}

.my_point_info .m_info .type2 {
    color: #6a39e5
}

.my_point_info .m_info .type3 {
    color: #ffb928
}

.top_banner_area img {
    display: block
}

.child_p_wrap {
    width: 100%;
    height: 57px;
    padding: 0 12px;
    border-bottom: 1px solid #ddd;
    background: #fff
}

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

.child_p_wrap .txt {
    float: left;
    display: block;
    line-height: 57px;
    font-size: 13px;
    color: #494949
}

.child_p_wrap .child_btn {
    display: block;
    float: right;
    width: 62px;
    height: 24px;
    margin: 16px 0 0 0;
    background: url(/_static/mobile/images/common/child_btn_img.png) no-repeat 0 -24px;
    background-size: auto 48px
}

.child_p_wrap .child_btn.on {
    background-position: 0 0
}

.my_menu_list {
    width: 100%;
    max-width: 768px;
    margin: 0 auto
}

.my_menu_list li {
    position: relative;
    width: 100%;
    height: 48px;
    padding: 0 12px;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.my_menu_list .ico {
    display: inline-block;
    width: 23px;
    height: 18px;
    margin-right: 3px;
    vertical-align: middle;
    background: url(/_static/mobile/images/ico/menu_list_ico.png) no-repeat;
    background-size: auto 18px
}

.my_menu_list .m1 .ico {
    background-position: 0 0
}

.my_menu_list .m2 .ico {
    background-position: -20px 0
}

.my_menu_list .m3 .ico {
    background-position: -40px 0
}

.my_menu_list .m4 .ico {
    background-position: -60px 0
}

.my_menu_list .m5 .ico {
    background-position: -80px 0
}

.my_menu_list .m6 .ico {
    background-position: -101px 0
}

.my_menu_list .m7 .ico {
    background-position: -122px 0
}

.my_menu_list .m8 .ico {
    background-position: -142px 0
}

.my_menu_list .m9 .ico {
    background-position: -163px 0
}

.my_menu_list .m10 .ico {
    background-position: -184px 0
}

.my_menu_list .m11 .ico {
    background-position: -205px 0
}

.my_menu_list .m12 .ico {
    background-position: -226px 0
}

.my_menu_list .m13 .ico {
    position: relative;
    left: 2px;
    width: 20px;
    margin-right: 6px;
    background-position: -247px 0
}

.my_menu_list .m14 .ico {
    background-position: -266px 0
}

.my_menu_list .m15 .ico {
    background-position: -287px 0
}

.my_menu_list .m16 .ico {
    background-position: -307px 0
}

.my_menu_list .m17 .ico {
    margin-right: 2px;
    margin-left: 1px;
    background-position: -327px 0
}

.my_menu_list .txt {
    display: inline-block;
    line-height: 48px;
    font-size: 14.5px;
    letter-spacing: -1px;
    color: #494949;
    vertical-align: middle
}

.my_menu_list .m13 .txt {
    color: #3995e9
}

.my_menu_list .m16 .txt {
    color: #ff9c00
}

.my_menu_list .arrow {
    position: absolute;
    right: 12px;
    top: 25px;
    display: block;
    width: 7px;
    height: 13px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 13px;
    transform: translate(0, -50%)
}

.my_menu_list .c_btn {
    float: right;
    display: block;
    width: 62px;
    height: 24px;
    margin: 11px 7px 0 0;
    background: url(/_static/mobile/images/common/child_btn_img.png) no-repeat 0 -24px;
    background-size: auto 48px
}

.my_menu_list .arrow_txt {
    position: absolute;
    right: 7%;
    top: 0;
    display: block;
    width: 30px;
    height: 48px;
    vertical-align: middle;
    line-height: 48px;
    font-size: 13px;
    letter-spacing: -1px;
    color: #9e9e9e
}

.my_menu_list .arrow_txt.on {
    color: #2196f3;
    font-weight: 600
}

.s_channel_btn_wrap {
    width: 100%;
    background: #fff
}

.s_channel_btn_wrap .top {
    position: relative;
    width: 100%;
    padding: 0 0 0 12px;
    border-bottom: 1px solid #ddd
}

.s_channel_btn_wrap .tit {
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #555
}

.s_channel_btn_wrap .ico_arrow {
    position: absolute;
    top: 17px;
    right: 12px;
    display: inline-block;
    width: 7px;
    height: 13px;
    margin-left: 5px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 13px
}

.s_channel_btn_wrap .btn_area {
    width: 100%;
    padding: 12px 12px
}

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

.s_channel_btn_wrap .btn_area .c_btn {
    float: left;
    display: block;
    width: 31.8%;
    height: 40px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    line-height: 40px;
    text-align: center
}

.s_channel_btn_wrap .btn_area .c_btn.current {
    margin-right: 2%;
    background: #80c269
}

.s_channel_btn_wrap .btn_area .c_btn.info {
    margin-right: 2%;
    background: #13b5b1
}

.s_channel_btn_wrap .btn_area .c_btn.guide {
    background: #448aca
}

.seller_info_wrap {
    position: relative;
    width: 100%;
    padding: 13px 12px;
    background: #fff
}

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

.seller_info_wrap .c_img {
    overflow: hidden;
    float: left;
    width: 45px;
    height: 45px;
    border-radius: 50%
}

.seller_info_wrap .c_img img {
    display: block;
    width: 100%;
    height: 100%
}

.seller_info_wrap .c_info {
    position: relative;
    float: left;
    width: calc(100% - 45px);
    padding-left: 12px;
    line-height: 22px
}

.seller_info_wrap .t_txt {
    overflow: hidden;
    width: 78%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.seller_info_wrap .name {
    font-weight: 700;
    color: #333;
    font-size: 14.5px
}

.seller_info_wrap .intro {
    color: #6fc659;
    font-size: 12.5px
}

.seller_info_wrap .intro-memo {
    color: #999;
    font-size: 12.5px
}

.seller_info_wrap .c_tag_area {
    color: #3d8eee;
    font-size: 12.5px;
    line-height: 22px
}

.seller_info_wrap .c_memo {
    position: relative;
    float: left;
    width: 100%;
    padding-left: 12px;
    line-height: 22px
}

.seller_info_wrap .btn_edit {
    position: absolute;
    top: 13px;
    right: 0;
    display: block;
    width: 55px;
    height: 24px;
    border: 1px solid #555;
    color: #333;
    letter-spacing: -1px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    background: #fff
}

.seller_btn_wrap {
    width: 100%
}

.seller_info_wrap.no_img_b .c_img {
    display: none
}

.seller_info_wrap.no_img_b .c_info {
    width: 100%
}

.total_num_area {
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    background: #f4f7fb
}

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

.total_num_area .type {
    display: block;
    float: left;
    width: 33.3%;
    height: 35px;
    text-align: center;
    font-size: 12.5px;
    color: #4c5064;
    line-height: 35px
}

.total_num_area .type .ico {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background: url(/_static/mobile/images/ico/ico_view_top.png) no-repeat 0 0;
    background-size: auto 17px;
    vertical-align: middle
}

.total_num_area .type.subs .ico {
    background-position: -63px 0
}

.total_num_area .type.good .ico {
    background-position: -21px 0
}

.total_num_area .type.bad .ico {
    background-position: -42px 0
}

.total_num_area .num {
    color: #646778
}

.center_area {
    width: 100%;
    padding: 19px 4%;
    margin-bottom: 12px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.center_area.type1 {
    border-top: none
}

.center_area .p_num {
    margin-bottom: 12px;
    text-align: center;
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    color: #3d8eee
}

.center_area .p_num a {
    color: #3d8eee
}

.center_area .p_ico {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    background: url(/_static/mobile/images/ico/m_c_ico_1.png) no-repeat 0 0;
    background-size: 22px 22px
}

.center_area .txt {
    margin-bottom: 20px;
    font-size: 13px;
    color: #555;
    text-align: center
}

.center_area .txt .bar {
    margin: 0 5px
}

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

.center_area .c_btn {
    display: inline-block;
    width: 48.5%;
    height: 45px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.center_area .c_btn.direct {
    padding-top: 11px;
    margin-right: 3%;
    color: #fff;
    background: #43b2e7
}

.center_area .c_btn.direct .ico {
    position: relative;
    top: 4px;
    display: inline-block;
    width: 16px;
    height: 17px;
    margin-right: 5px;
    background: url(/_static/mobile/images/ico/m_c_ico_2.png) no-repeat 0 0;
    background-size: 16px auto
}

.center_area .c_btn.kakao {
    padding-top: 14px;
    color: #3e2a2e;
    background: #ffeb00
}

.center_area .c_btn.kakao .ico {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 16px;
    height: 15px;
    margin-right: 5px;
    background: url(/_static/mobile/images/ico/m_c_ico_3.png) no-repeat 0 0;
    background-size: 16px auto
}

.center_area .c_btn.kakao a {
    color: #3e2a2e
}

.now_c_condition_area {
    width: 100%;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.now_c_condition_area .click_area {
    position: relative;
    padding: 12px 4%;
    font-size: 13px
}

.now_c_condition_area .condition {
    color: #f30c32
}

.now_c_condition_area .ico_arrow {
    display: inline-block;
    width: 12px;
    height: 6px;
    margin-left: 7px;
    background: url(/_static/mobile/images/common/ico_arrow.png) no-repeat 0 0;
    background-size: 12px auto
}

.now_c_condition_area .btn_ask {
    position: absolute;
    top: 9px;
    right: 4%;
    width: 100px;
    display: block;
    border: 1px solid #555;
    text-align: center;
    line-height: 22px;
    font-size: 12px
}

.now_c_condition_area .view_area {
    display: none;
    padding: 12px 4%
}

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

.now_c_condition_area .view_area .txt {
    margin-bottom: 10px;
    font-size: 13px
}

.now_c_condition_area .period {
    text-align: right;
    font-size: 12px;
    color: #777
}

.now_c_condition_area .condition-area-status {
    width: 60%
}

.now_c_condition_area.active .view_area {
    display: block;
    width: 92%;
    margin: auto;
    padding: 12px 0;
    border-top: 1px dotted #ddd
}

.manage_notice {
    width: 100%;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.manage_notice ul {
    padding: 0 4%
}

.manage_notice li {
    overflow: hidden;
    line-height: 42px;
    width: 100%;
    border-bottom: 1px solid #eee;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.manage_notice li:last-child {
    border: none
}

.manage_notice .dot {
    position: relative;
    top: 21px;
    display: inline-block;
    float: left;
    width: 3px;
    height: 3px;
    margin-right: 8px;
    background: #999
}

.manage_notice .txt {
    font-size: 13px;
    color: #777
}

.manage_notice .type {
    color: #3d8eee
}

.point_change_wrap {
    width: 100%;
    padding: 80px 0;
    background: #fff
}

.point_change_wrap .t_txt {
    text-align: center;
    font-size: 14px;
    color: #5d5d5d
}

.point_change_wrap .t_txt .num {
    font-family: DIN_pro, DIN_pro, sans-serif;
    color: #3d8eee;
    font-size: 16px
}

.point_change_wrap .p_c_notice {
    width: 92%;
    margin: 50px auto;
    padding: 30px 0 30px 4%;
    border: 1px dashed #6fc1e8;
    border-radius: 10px;
    background: #f4fbff
}

.point_change_wrap .txt {
    display: inline-block;
    vertical-align: top;
    font-size: 12.5px;
    line-height: 17px;
    color: #3f75ac
}

.point_change_wrap .ico {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 5px;
    background: url(/_static/mobile/images/ico/ico_point_c.png) no-repeat 0 0;
    background-size: auto 34px
}

.content_my_channel_wrap {
    clear: both;
    position: relative;
    width: 100%;
    padding: 15px 0;
    margin-bottom: 10px;
    background: #fff
}

.content_my_channel_wrap .tit {
    width: 92%;
    margin: 0 auto;
    padding-bottom: 0;
    font-size: 14.5px;
    font-family: NotoSansCJKkr_B, sans-serif;
    font-weight: 700
}

.content_my_channel_wrap .btn_clear {
    position: relative;
    top: -1px;
    display: inline-block;
    padding: 0 3px;
    margin-left: 10px;
    border: 1px solid #c5c5c5;
    font-size: 10px;
    font-weight: 400;
    color: #888;
    background: #fff
}

.content_my_channel_wrap .c_more {
    position: absolute;
    top: 15px;
    right: 4%;
    color: #999;
    font-size: 13px
}

.login_check_wrap {
    width: 100%
}

.login.none {
    position: relative;
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    background: #fcfcfc
}

.login.none .ico {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/_static/mobile/images/ico/ico_user.png) no-repeat 0 0;
    background-size: auto 20px;
    vertical-align: middle
}

.login.none .txt {
    width: 100%;
    height: 78px;
    padding-top: 27px;
    border-bottom: 1px solid #ddd;
    font-size: 14.5px;
    letter-spacing: -1px;
    text-align: center
}

.login.none .arrow {
    position: absolute;
    right: 4%;
    top: 40px;
    display: block;
    width: 7px;
    height: 13px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 13px;
    transform: translate(0, -50%)
}

.alim_wrap {
    position: relative;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 8px;
    background: #fff
}

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

.alim_wrap .a_btn {
    float: left;
    display: block;
    width: 50%;
    text-align: center;
    font-size: 13px;
    color: #7c7e8b
}

.alim_wrap .a_btn .ico {
    display: inline-block
}

.alim_wrap .a_btn .ico {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 3px;
    vertical-align: middle;
    background: url(/_static/mobile/images/ico/mypage_top_ico.png) no-repeat;
    background-size: auto 18px
}

.alim_wrap .a_btn.memo .ico {
    background-position: -36px 0
}

.alim_wrap .a_btn.alim .ico {
    background-position: -54px 0
}

.alim_wrap .a_btn.memo.active .ico {
    background-position: 0 0
}

.alim_wrap .a_btn.alim.active .ico {
    background-position: -18px 0
}

.alim_wrap .a_btn .num {
    display: none
}

.alim_wrap .a_btn.active .num {
    display: inline-block
}

.alim_wrap .bar {
    position: absolute;
    top: 8px;
    left: 50%;
    color: #e7e7e7
}

.btn_info_view {
    position: relative;
    display: block;
    width: 100%;
    height: 42px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    color: #333;
    font-size: 13px;
    line-height: 42px;
    letter-spacing: -1px;
    background: #fff
}

.btn_info_view .arrow {
    position: relative;
    top: 0;
    display: inline-block;
    width: 11px;
    height: 5px;
    margin-left: 5px;
    vertical-align: middle;
    background: url(/_static/mobile/images/ico/ico_arrow.png) no-repeat 0 0;
    background-size: auto 10px;
    vertical-align: middle
}

.s_info_wrap {
    margin-bottom: 8px
}

.s_info_wrap .my_point_info {
    display: none
}

.s_info_wrap .btn_info_view.active+.my_point_info {
    display: block
}

.s_info_wrap .child_p_wrap,
.s_info_wrap .my_news_area {
    display: none
}

.s_info_wrap.active .child_p_wrap,
.s_info_wrap.active .my_news_area,
.s_info_wrap.active .my_point_info {
    display: block
}

.s_info_wrap.active .btn_info_view .arrow {
    position: relative;
    top: 0;
    display: inline-block;
    width: 11px;
    height: 5px;
    margin-left: 5px;
    vertical-align: middle;
    background: url(/_static/mobile/images/ico/ico_arrow.png) no-repeat 0 -5px;
    background-size: auto 10px;
    vertical-align: middle
}

.s_section {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    border-bottom: 1px solid #ddd
}

.s_section .top {
    width: 100%;
    height: 45px;
    padding: 14px 0 0 12px;
    border-bottom: 1px solid #ddd;
    background: #f9f9f9;
    color: #555;
    font-size: 14px;
    font-weight: 700
}

.s_section.style1 {
    margin-bottom: 8px;
    border-bottom: none;
    border-top: 1px solid #e6e6e6
}

.s_content {
    width: 100%;
    padding: 10px 12px;
    background: #fff
}

.style1 .s_content {
    padding: 0
}

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

.s_content .cate_choice_wrap {
    position: relative;
    float: left;
    width: 42.2%;
    border: 1px solid #ddd
}

.s_content .cate_choice_wrap .click_area {
    position: relative;
    width: 100%;
    height: 40px;
    padding: 12px 0 0 15px;
    color: #494949;
    font-size: 13px;
    letter-spacing: -1px
}

.s_content .cate_choice_wrap .click_area .arrow {
    position: absolute;
    top: 20px;
    right: 15px;
    display: block;
    width: 12px;
    height: 6px;
    background: url(/_static/mobile/images/common/ico_arrow.png) no-repeat 0 0;
    background-size: 12px auto
}

.s_content .cate_choice_wrap .click_v_area {
    display: none;
    position: absolute;
    top: 41px;
    left: -1px;
    width: calc(100% + 2px);
    padding-bottom: 10px;
    border: 1px solid #ddd;
    border-top: none;
    background: #fff
}

.s_content .cate_choice_wrap .click_v_area.type1 {
    border-left: none
}

.s_content .cate_choice_wrap .click_v_area li {
    height: 39px;
    padding: 8px 0 0 15px;
    border-bottom: 1px solid #ddd;
    font-size: 12.5px;
    color: #555
}

.s_content .btn_go {
    display: block;
    float: left;
    width: 13.8%;
    height: 40px;
    padding-top: 9px;
    margin-left: 1.5%;
    border: 1px solid #638ab0;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #638ab0
}

.s_content .on_btn_wrap {
    width: 100%
}

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

.s_content .on_btn {
    float: left;
    display: block;
    width: 23.8%;
    height: 40px;
    line-height: 39px;
    margin-right: 1.6%;
    border: 1px solid #c6c6c6;
    color: #7c7c7c;
    text-align: center;
    font-size: 13px;
    font-weight: 500
}

.s_content .on_btn.movie,
.s_content .on_btn.movie_channel,
.s_content .on_btn.movie_latest {
    margin-bottom: 6px;
    border-color: #4892d6;
    color: #4892d6
}

.s_content .on_btn.broadcast,
.s_content .on_btn.broadcast_channel {
    margin-bottom: 6px;
    border-color: #3cb775;
    color: #3cb775
}

.s_content .on_btn.ani,
.s_content .on_btn.ani_channel {
    margin-bottom: 6px;
    border-color: #f17278;
    color: #f17278
}

.s_content .on_btn.theme {
    margin-bottom: 6px;
    border-color: #78c7ec;
    color: #78c7ec
}

.s_content .on_btn.m_none {
    margin-right: 0
}

.s_content .on_btn.event_list {
    padding: 0;
    background: #fff
}

.style1 .s_content .on_btn {
    width: 25%;
    height: 46px;
    line-height: 47px;
    margin: 0;
    border: none;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.style1 .s_content .on_btn:nth-child(4n) {
    border-right: none
}

.s_content .b_btn_wrap {
    width: 100%
}

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

.s_content .b_btn {
    float: left;
    overflow: hidden;
    display: block;
    width: 23.8%;
    height: 40px;
    margin-right: 1.6%;
    margin-bottom: 6px;
    border: 1px solid #c6c6c6;
    text-align: center;
    background: #fff
}

.s_content .b_btn.m_none {
    margin-right: 0
}

.s_content .b_btn .logo {
    display: inline-block;
    height: 100%
}

.s_content .b_btn .logo img {
    display: inline-block;
    height: 100%
}

.style1 .s_content .b_btn {
    width: 25%;
    height: 46px;
    line-height: 47px;
    margin: 0;
    border: none;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.side_banner_wrap {
    width: 100%;
    margin-bottom: 8px
}

.side_banner_wrap .b_img {
    display: block;
    width: 100%
}

.side_banner_wrap .b_img img {
    display: block;
    width: 100%;
    max-width: 768px;
    margin: 0 auto
}

.side_banner_wrap .style1 {
    background: #ffc600
}

.r_word_wrap {
    overflow: hidden;
    width: 100%;
    padding: 0 4%;
    margin: 8px 0;
    background: #fff;
    line-height: 40px
}

.r_word_wrap .tit {
    float: left;
    padding-top: 1px;
    margin-right: 15px;
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.r_word_wrap .word_swipe_wrap {
    position: relative;
    overflow-x: scroll;
    float: left;
    width: calc(100% - 80px);
    vertical-align: top
}

.r_word_wrap .bg_grd {
    z-index: 3;
    position: absolute;
    top: 0;
    display: block;
    height: 44px
}

.r_word_wrap .bg_grd.left {
    left: -8px;
    width: 15px;
    background: -webkit-gradient(linear, left top, right top, color-stop(16.66%, #fff), color-stop(100%, rgba(255, 255, 255, 0)))
}

.r_word_wrap .bg_grd.right {
    width: 26px;
    right: -10px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(60%, #fff))
}

.r_word_wrap .word_swipe_area {
    width: 600px
}

.r_word_wrap .word {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
    color: #999
}

.r_word_wrap .word:last-child {
    margin-right: 0
}

.r_section {
    position: relative;
    width: 100%;
    max-width: 768px;
    padding-bottom: 12px;
    margin: 0 auto 8px auto;
    background: #fff
}

.r_section .top {
    padding: 10px 12px
}

.r_section .top .s_tit {
    padding-top: 1px;
    font-size: 14px;
    color: #333;
    font-weight: 500
}

.r_section .top .s_tit .s_key {
    color: #0abe16
}

.r_section .btn_close {
    position: absolute;
    top: 13px;
    right: 16px;
    display: block;
    width: 13px;
    height: 13px;
    opacity: .6;
    background: url(/_static/mobile/images/common/btn_delete.png) no-repeat 0 0;
    background-size: 13px 13px
}

.r_section .tit_area {
    width: 100%;
    min-height: 38px;
    padding: 5px 0 2px 0;
    margin-bottom: 12px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500
}

.r_section .tit_area .link {
    position: relative;
    overflow: hidden;
    width: calc(100% - 32px);
    margin: 0 auto
}

.r_section .tit_area .ico_arrow {
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    width: 7px;
    height: 14px;
    background: url(/_static/mobile/images/ico/tit_arrow_ico.png) no-repeat 0 0;
    background-size: 7px auto;
    transform: translate(0, -50%)
}

.channel-view-container .r_section {
    margin: 0 auto
}

.r_section.theme .tit_area {
    background: #78c7ec
}

.r_section.movie .tit_area {
    background: #4892d6
}

.r_section.broad .tit_area {
    background: #3cb775
}

.r_section.ani .tit_area {
    background: #f17278
}

.r_section.detail .content_info {
    padding-top: 10px
}

.r_section.movie.detail .txt_area {
    padding-top: 0
}

.r_section.detail .img_area,
.r_section.detail .img_area .c_img {
    width: 132px;
    height: 189px
}

.r_section.detail .txt_area {
    width: calc(100% - 132px)
}

.r_section.detail.broad .img_area,
.r_section.detail.broad .img_area .c_img {
    width: 118px;
    height: 170px
}

.r_section.detail.broad .txt_area {
    width: calc(100% - 118px)
}

.r_section.detail .c_synopsis {
    clear: both;
    margin-bottom: 5px
}

.r_section.detail .c_synopsis.more-show .txt {
    text-overflow: clip
}

.r_section.detail .i_line dl {
    display: block
}

.r_section.detail .i_line dl+.bar {
    display: none
}

.r_section.detail.no_poster .img_area {
    display: none
}

.r_section.detail.no_poster .txt_area {
    width: 100%;
    padding: 0;
    margin-bottom: 10px
}

.r_section.detail.no_poster .i_line.type1 .bar {
    display: inline-block
}

.r_section.detail.no_poster .i_line dl {
    display: inline-block
}

.r_section.detail.no_poster .d_btn_wrap {
    padding-top: 10px
}

.r_section.detail.no_poster .c_synopsis {
    padding-top: 0
}

.r_section.detail.no_poster .c_synopsis .txt {
    display: block;
    width: calc(100% - 45px);
    height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.r_section .content_slide_wrap {
    border-top: 1px solid #f2f2f2
}

.r_section.broad .c_btn.detail {
    width: 100%
}

.r_section.broad .img_area {
    width: 90px;
    height: 90px;
    border-radius: 6px;
    border: 1px solid #ebebeb
}

.r_section.broad .img_area .c_img {
    overflow: hidden;
    position: relative;
    width: 90px;
    height: 90px
}

.r_section.broad .img_area .c_img img {
    position: absolute;
    top: 0;
    width: 100%
}

.r_section.broad .txt_area {
    padding-top: 14px
}

.r_section.detail.broad .txt_area {
    padding-top: 3px
}

.r_section.scroll_style .c_btn_wrap {
    z-index: 6;
    position: fixed;
    top: 50px;
    padding: 10px 4%;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.r_section .content_slide_wrap {
    padding: 0;
    margin: 0;
    border-top: none
}

.r_section .content_slide_wrap .t_line {
    display: block;
    width: calc(100% - 24px);
    margin: 0 auto;
    margin-bottom: 12px;
    border: .5px dashed #f2f2f2
}

.broad .content_info {
    margin-bottom: 15px
}

.content_info {
    width: 100%;
    padding: 0 16px;
    margin-bottom: 8px
}

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

.content_info .i_inner {
    margin-bottom: 10px
}

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

.detail .content_info .i_inner {
    margin-bottom: 15px
}

.content_info .img_area {
    overflow: hidden;
    float: left;
    width: 85px;
    height: 122px;
    border-radius: 3px
}

.content_info .img_area .c_img {
    display: block;
    width: 100%;
    height: 100%
}

.content_info .txt_area {
    float: left;
    width: calc(100% - 100px);
    padding: 8px 0 0 12px
}

.content_info .i_line {
    height: 18px;
    margin-bottom: 4px;
    font-size: 13px;
    color: #333;
    letter-spacing: -.5px;
    line-height: 18px
}

.content_info .i_line.type1 .bar {
    display: none
}

.content_info .i_line dl {
    height: 18px
}

.content_info .i_line dl:after {
    content: '';
    display: block;
    clear: both
}

.content_info .i_line dl.w100 {
    width: 100%;
    height: 16px
}

.content_info .i_line dd,
.content_info .i_line dl,
.content_info .i_line dt {
    display: inline-block;
    line-height: 18px
}

.content_info .i_line dt {
    float: left;
    width: 28px;
    color: #999
}

.content_info .i_line dd {
    overflow: hidden;
    float: left;
    width: calc(100% - 28px);
    color: #ff4444;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content_info .i_line .size1 dt {
    width: 55px
}

.content_info .i_line .size1 dd {
    width: calc(100% - 55px)
}

.content_info .i_line .size2 {
    margin-bottom: 4px
}

.content_info .i_line .size2 dt {
    width: 38px
}

.content_info .i_line .size2 dd {
    width: calc(100% - 38px)
}

.content_info .i_line .score {
    display: inline-block;
    margin-right: 3px;
    color: #333
}

.content_info .d_btn_wrap {
    clear: both;
    padding-top: 4px
}

.content_info .d_btn_wrap .btn {
    display: inline-block;
    padding: 2px 10px 0 10px;
    text-align: center;
    border: 1px solid #d8d8d8;
    font-size: 12px;
    line-height: 25px
}

.content_info .d_btn_wrap .btn.like {
    margin-right: 5px
}

.content_info .d_btn_wrap .btn.like.active {
    border-color: #f94f6b
}

.content_info .d_btn_wrap .btn.like.active .ico {
    background-position: -15.5px 0
}

.content_info .d_btn_wrap .like .ico {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 15px;
    height: 13px;
    margin-right: 3px;
    background: url(/_static/mobile/images/ico/ico_like_img.png) no-repeat 0 0;
    background-size: auto 13px
}

.content_info .d_btn_wrap .share .ico {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 17px;
    height: 15px;
    margin-right: 2px;
    background: url(/_static/mobile/images/ico/ico_share_img.png) no-repeat 0 0;
    background-size: auto 15px
}

.content_info .star_score {
    position: relative;
    display: inline-block;
    width: 61px;
    height: 11px;
    margin-right: 3px;
    background: #c6cbcd
}

.content_info .star_score .up_img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 61px;
    height: 11px;
    background: url(/_static/mobile/images/common/s_score_bg.png) no-repeat 0 0;
    background-size: auto 11px
}

.content_info .star_score .s_size {
    display: block;
    width: 61px;
    height: 11px;
    background: #ffd200
}

.content_info .star_score.naver .s_size {
    background: #ff9600
}

.content_info .naver .s_size {
    background: #ffd200
}

.content_info .onplay .s_size {
    background: #ff9600
}

.content_info .onplay .score {
    margin-right: 0
}

.content_info .bar {
    display: inline-block;
    margin: 0 7px;
    color: #e6e6e6
}

.content_info .c_synopsis {
    clear: both;
    position: relative;
    width: 100%
}

.content_info .c_synopsis .txt {
    overflow: hidden;
    width: 100%;
    font-size: 12px;
    color: #333;
    letter-spacing: -.5px;
    line-height: 18px;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis
}

.content_info .c_synopsis.search .txt {
    height: 36px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.broad .content_info .c_synopsis .txt {
    height: 18px;
    white-space: nowrap
}

.broad.detail .content_info .c_synopsis .txt {
    height: auto;
    white-space: normal
}

.content_info .c_synopsis .btn_more {
    position: absolute;
    bottom: 1px;
    right: 0;
    display: block;
    padding: 0 5px;
    font-size: 12px;
    color: #ff4444;
    letter-spacing: -1px;
    background: #fff
}

.content_info .c_synopsis .txt.more_txt {
    display: none
}

.content_info .c_synopsis.more-show .txt.more_txt {
    display: block
}

.content_info.no_poster .img_area {
    display: none
}

.content_info.no_poster .txt_area {
    width: 100%;
    padding: 0
}

.content_info.no_poster .txt {
    display: block;
    width: calc(100% - 45px);
    height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.c_btn_wrap {
    clear: both;
    overflow: hidden;
    width: 100%;
    height: auto
}

.c_btn_wrap.channel-view-btn-wrap {
    margin-bottom: 15px
}

.c_btn_wrap .c_btn {
    display: block;
    width: 49%;
    max-width: 170px;
    height: 38px;
    margin: 10px auto;
    padding: 10px 0 0 0;
    border: 1px solid;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -.5px
}

.c_btn_wrap .c_btn.detail {
    margin-right: 2%;
    border-color: #889eb3;
    color: #889eb3
}

.c_btn_wrap .c_btn.view {
    border-color: #448aca;
    color: #fff;
    background: #448aca
}

.c_btn_wrap .c_btn.view_now {
    border-color: #448aca;
    margin-right: 2%;
    color: #fff;
    background: #448aca
}

.c_btn_wrap .c_btn.down {
    border-color: #19bbd3;
    color: #fff;
    background: #19bbd3
}

.c_btn_wrap .c_btn .s_txt {
    font-size: 12px;
    letter-spacing: 0
}

.c_card_wrap {
    width: calc(100% - 24px);
    padding: 10px 0 0 0;
    margin: 0 auto;
    border-top: 1px solid #e3e3e3
}

.c_card_wrap ul {
    overflow: hidden
}

.c_card_wrap ul li {
    overflow: hidden;
    position: relative;
    float: left;
    display: table;
    width: calc(50% - 6px);
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 2.5px
}

.c_card_wrap ul li.m_right {
    margin-right: 12px
}

.c_card_wrap .no_poster .c_img {
    opacity: 0
}

.c_card_wrap .no_poster .c_txt {
    left: 10px;
    width: 100%
}

.c_card_wrap .c_img {
    display: table-cell;
    float: left;
    width: 32%;
    border-right: 1px solid #ddd
}

.c_card_wrap .c_txt {
    position: absolute;
    left: 32%;
    top: 50%;
    width: 65%;
    padding-left: 12px;
    font-size: 11px;
    letter-spacing: -1px;
    transform: translate(0, -50%)
}

.c_card_wrap .c_txt>p {
    margin-bottom: 2px
}

.c_card_wrap .c_txt .tit {
    position: relative;
    top: 2px;
    overflow: hidden;
    width: 100%;
    height: 32px;
    margin-bottom: 4px;
    color: #63a0f0;
    font-size: 13px;
    line-height: 16px
}

.c_card_wrap .c_txt .tit .txt_area {
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 90%;
    transform: translate(0, -50%);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis
}

.inner.one_to_one {
    padding-bottom: 40px
}

.one_to_one_input {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #e1e1e1;
    background: #f9f9f9
}

.one_to_one_input .input_line {
    position: relative;
    padding: 0 4%
}

.one_to_one_input .input_line.c_style {
    margin-bottom: 5px
}

.one_to_one_input .input_line.agree {
    height: 20px;
    margin-bottom: 0
}

.one_to_one_input .btn_q {
    position: absolute;
    top: 16px;
    right: calc(4% + 12px);
    display: block;
    width: 15px;
    height: 15px;
    background: #fff url(/_static/mobile/images/ico/btn_q_ico.png) no-repeat 0 0;
    background-size: auto 15px
}

.one_to_one_input .btn_m_d {
    position: absolute;
    top: 12px;
    right: calc(4% + 32px);
    padding: 2px 5px;
    text-align: center;
    font-size: 11px;
    line-height: 20px;
    color: #fff;
    background: #00a0e9
}

.one_to_one_input .choice_area {
    position: relative;
    width: 100%;
    margin: 0 auto;
    color: #333;
    background: #fff
}

.one_to_one_input .choice_area .click_area {
    position: relative;
    width: 100%;
    height: 45px;
    padding-left: 12px;
    border: 1px solid #bfbfbf;
    border-bottom: none;
    line-height: 45px;
    font-size: 12px;
    color: #b7b7b7
}

.one_to_one_input .ico_arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    width: 15px;
    height: 8px;
    background: url(/_static/mobile/images/ico/ico_select_arrow.png) no-repeat 0 0;
    background-size: auto 8px;
    transform: translate(0, -50%)
}

.one_to_one_input .list_area {
    display: none;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 45px;
    width: 100%;
    border: 1px solid #bfbfbf;
    border-bottom: none;
    background: #fff
}

.one_to_one_input .list_area li {
    width: 100%;
    height: 45px;
    padding-left: 12px;
    border-bottom: 1px solid #bfbfbf;
    font-size: 12px;
    line-height: 45px
}

.one_to_one_input .choice_area.active .list_area {
    display: block
}

.one_to_one_input .input_style {
    padding-left: 12px;
    font-size: 12px
}

.one_to_one_input .input_style {
    border-bottom: none;
    color: #333
}

.one_to_one_input .input_style::placeholder,
.one_to_one_input .t_a_style::placeholder {
    color: #b7b7b7
}

.one_to_one_input .input_style.size1 {
    width: 100%
}

.one_to_one_input .input_style.b_style {
    border-bottom: 1px solid #bfbfbf
}

.one_to_one_input .t_a_style {
    appearance: none;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    padding: 12px;
    border: 1px solid #bfbfbf;
    border-radius: 0;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 13px;
    color: #333;
    resize: none;
    height: 200px
}

.one_to_one_input .c_box_style {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: 0 5px 0 0;
    border: none;
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat 0 0;
    background-size: 34px auto;
    vertical-align: top
}

.one_to_one_input .c_box_style:checked {
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat -17px 0;
    background-size: 34px auto
}

.one_to_one_input .c_box_style+.label_style {
    display: inline-block;
    margin-right: 12px;
    font-size: 12px;
    vertical-align: top
}

.one_to_one_input .c_box_area {
    position: relative;
    top: -2px;
    float: left;
    font-size: 12px;
    color: #919191
}

.one_to_one_input .btn_view {
    position: relative;
    top: -4px;
    display: inline-block;
    width: 60px;
    height: 20px;
    border: 1px solid #bfbfbf;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: -1px;
    text-align: center;
    background: #fff
}

.one_to_one_input .btn_more_txt {
    position: relative;
    top: -4px;
    display: inline-block;
    width: 120px;
    height: 20px;
    text-decoration: underline;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: -1px;
    text-align: center;
    color: #2196f3
}

.one_to_one_input .content_view_area {
    display: none;
    width: 92%;
    padding: 12px;
    margin: 10px auto 0 auto;
    border: 1px solid #e1e1e1;
    background: #efefef
}

.one_to_one_input dl {
    margin-bottom: 15px;
    font-size: 12px;
    color: #454545
}

.one_to_one_input dl:last-child {
    margin-bottom: 0
}

.one_to_one_input dt {
    margin-bottom: 3px;
    font-weight: 700
}

.one_to_one_input dd {
    overflow: hidden
}

.one_to_one_input .dot {
    float: left;
    position: relative;
    top: 5px;
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 5px;
    background: #777;
    vertical-align: middle
}

.one_to_one_input .txt {
    float: left;
    display: inline-block;
    width: 95%;
    letter-spacing: -1px
}

.one_to_one_input .txt_list {
    clear: both;
    padding: 2px 0 0 15px;
    letter-spacing: -1px
}

.one_to_one_input.active .content_view_area {
    display: block
}

.one_to_one_input .one_my_list {
    display: none;
    width: 100%;
    padding: 0 4%
}

.one_to_one_input .one_my_list .content_slide_wrap.sub_list.card_style {
    margin: 0
}

.one_to_one_input .one_my_list .content_slide_wrap.sub_list.card_style .c_list {
    padding: 0 0 12px 0;
    border: 1px solid #bfbfbf;
    border-bottom: none
}

.one_to_one_input .one_my_list .g_btn_all {
    border-color: #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf
}

.one_to_one_input .input_line.active+.one_my_list {
    display: block
}

.one_to_one .content_input_wrap {
    padding: 12px 0;
    background: #f9f9f9
}

.f_content.qa-write .one_to_one_input {
    position: relative
}

.f_content.qa-write .one_to_one_input.input-err-msg {
    z-index: 2;
    position: absolute;
    right: 30px;
    width: 80%;
    margin-top: -20px;
    text-align: right
}

.f_content.qa-write .one_to_one_input .input-err-msg.qa_reply_email_agree {
    right: 0;
    width: 100%;
    margin-top: -50px;
    background-color: #fff
}

.one_to_one_reply_wrap {
    width: 100%
}

.one_to_one_reply_wrap .btn_submit {
    margin: 0
}

.one_to_one_reply_wrap .top_answer {
    width: 100%;
    border-top: 1px solid #d7e8f4;
    border-bottom: 1px solid #d7e8f4;
    background: #f2f8fd
}

.qna_area {
    width: 100%;
    padding: 12px 4%
}

.qna_area .info {
    margin-bottom: 5px
}

.qna_area .info .name {
    display: inline-block;
    margin-right: 10px;
    font-size: 12.5px;
    vertical-align: middle
}

.qna_area .info .date {
    display: inline-block;
    font-size: 12.5px;
    color: #999;
    vertical-align: middle
}

.qna_area .info .t_ico {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    vertical-align: middle;
    background: no-repeat 0 0;
    background-size: 13px 13px
}

.qna_area.style_q .info .name {
    color: #0c582f
}

.qna_area.style_a .info .name {
    color: #193d5f
}

.qna_area.style_q .info .t_ico {
    background-image: url(/_static/mobile/images/ico/ico_q.png)
}

.qna_area.style_a .info .t_ico {
    background-image: url(/_static/mobile/images/ico/ico_a.png)
}

.qna_area .txt {
    line-height: 18px;
    font-size: 12.5px;
    color: #333
}

.one_to_one_reply_wrap .reply_input_wrap {
    border-bottom: 1px solid #e8e8e8;
    background: #fff
}

.btm_qna_wrap {
    padding: 12px 0;
    background: #fff
}

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

.btm_qna_wrap .qna_area {
    clear: both;
    width: 85%;
    margin-bottom: 12px;
    border: 1px solid
}

.btm_qna_wrap .qna_area.style_q {
    float: left;
    padding-left: 6%;
    border-color: #eee;
    border-radius: 0 5px 5px 0;
    background: #f3f3f3
}

.btm_qna_wrap .qna_area.style_a {
    float: right;
    padding-right: 6%;
    border-radius: 5px 0 0 5px;
    border-color: #dfecf5;
    background: #eaf4fb
}

.coupon_section {
    width: 100%;
    padding: 5px 0 18px 0;
    margin-top: 8px;
    background: #fff
}

.coupon_section .coupon_name {
    width: 100%;
    max-width: 768px;
    height: 48px;
    margin: 0 auto;
    text-align: center;
    line-height: 48px;
    color: #0f3261;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: 700
}

.coupon_section .coupon_img {
    width: 92%;
    max-width: 300px;
    margin: 0 auto 10px auto;
    border: 3px solid #fff
}

.coupon_section .coupon_img img {
    display: block;
    margin: 0 auto
}

.coupon_section .coupon_input {
    overflow: hidden;
    width: calc(100% - 32px);
    max-width: 704px;
    height: 42px;
    margin: 0 auto;
    border: 1px solid #ff4444;
}

.coupon_section .coupon_input .input_style {
    float: left;
    display: block;
    width: 79.8%;
    height: 40px;
    margin: 0;
    border: none;
    font-size: 12px;
    line-height: 40px
}

.coupon_section .coupon_input .btn_ok {
    float: right;
    display: block;
    width: 20%;
    height: 40px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 12px;
    background: #ff4444;
}

.coupon_notice {
    width: 100%;
    padding: 12px 16px;
    background: #f9f9f9
}

.coupon_notice .tit {
    width: 100%;
    max-width: 768px;
    margin: 0 auto 5px auto;
    color: #0f3261;
    font-size: 12.5px;
    font-weight: 700
}

.coupon_notice .txt_list {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    font-size: 12.5px
}

.coupon_notice .txt_list li:after {
    content: '';
    display: block;
    clear: both
}

.coupon_notice .dot {
    float: left;
    position: relative;
    top: 7px;
    display: inline-block;
    width: 2px;
    height: 2px;
    margin-right: 5px;
    background: #777;
    vertical-align: middle
}

.coupon_notice .txt {
    float: left;
    display: inline-block;
    width: 96%;
    letter-spacing: -1px;
    color: #555
}

.steel_cut_area {
    overflow: hidden;
    position: relative;
    width: 100%
}

.steel_cut_area .img_area {
    position: relative;
    float: left;
    height: 300px;
    background: #f9f9f9
}

.steel_cut_area .img_area img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    max-height: 300px;
    margin: 0 auto;
    transform: translate(-50%, -50%)
}

.steel_cut_area .now_page_view {
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px 5px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-family: DIN_pro, DIN_pro, sans-serif;
    font-weight: 400;
    font-size: 12px
}

.steel_cut_area>.btn {
    z-index: 3;
    position: absolute;
    top: 50%;
    display: block;
    width: 25px;
    height: 44px;
    margin-top: -10px;
    background: url(/_static/mobile/images/common/btn_move_img_1.png) no-repeat;
    background-size: auto 44px
}

.steel_cut_area>.btn.prev {
    left: 0;
    background-position: 0 0
}

.steel_cut_area>.btn.next {
    right: 0;
    background-position: -21px 0
}

.review_list_wrap {
    width: 100%;
    margin-bottom: 8px;
    background: #fff
}

.review_list_wrap .tit {
    width: 92%;
    margin: 0 auto;
    padding: 13px 0;
    border-bottom: 1px solid #f2f2f2;
    font-size: 16px;
    font-weight: 700
}

.review_list_wrap .review_list {
    position: relative;
    width: 92%;
    max-width: 704px;
    height: 140px;
    margin: 0 auto
}

.review_list_wrap .review_list .ico_area {
    width: 40px;
    height: 140px;
    background: url(/_static/mobile/images/ico/ico_review_good.png) no-repeat 5px center
}

.review_list_wrap .review_list.good .ico_area {
    background-image: url(/_static/mobile/images/ico/ico_review_good.png) no-repeat 5px center;
    background-size: auto 35px
}

.review_list_wrap .review_list.bad .ico_area {
    background: url(/_static/mobile/images/ico/ico_review_bad.png) no-repeat 5px center;
    background-size: auto 32px
}

.review_list_wrap .review_list.good {
    border-bottom: 1px solid #f2f2f2
}

.review_list_wrap .txt_area {
    position: absolute;
    top: 0;
    left: 55px;
    width: calc(100% - 55px);
    padding-top: 14px
}

.review_list_wrap .txt_area .review {
    width: 100%;
    padding-bottom: 10px;
    font-size: 12.5px
}

.review_list_wrap .txt_area .review dt {
    overflow: hidden;
    color: #3d8eee;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700
}

.review_list_wrap .txt_area .review dd {
    overflow: hidden;
    width: 100%;
    color: #333;
    height: 36px;
    line-height: 18px;
    letter-spacing: -1px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis
}

.select_page_wrap {
    z-index: 5;
    width: 100%;
    text-align: center
}

.select_page_wrap .click_area {
    position: relative;
    width: 100%;
    height: 65px;
    color: #494949;
    font-size: 18px;
    font-weight: 600;
    line-height: 65px;
    font-family: 'Noto Sans KR', sans-serif
}

.select_page_wrap .click_area .arrow {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 6px;
    margin-left: 8px;
    background: url(/_static/mobile/images/common/ico_arrow.png) no-repeat 0 0;
    background-size: 12px auto
}

.select_page_wrap .click_v_area {
    z-index: 5;
    display: none;
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    border-top: none;
    opacity: 1;
    background: #f8f8f8
}

.select_page_wrap .click_v_area.type1 {
    border-left: none
}

.select_page_wrap .click_v_area li {
    height: 50px;
    padding: 0;
    line-height: 50px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 14px;
    font-weight: 400;
    color: #555
}

.select_page_wrap .click_v_area li.active {
    color: #9e9e9e
}

.select_page_wrap.active .click_area .arrow {
    transform: rotate(180deg)
}

.select_page_wrap.active .click_v_area {
    display: block
}

.on_channel .best_search_word {
    display: none;
    margin-bottom: 8px
}

.on_channel .best_search_word.has-keyword {
    display: block
}

.theme_wrap {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 12px
}

.theme_wrap.mobile-channel-wrap {
    margin-top: 8px
}

.theme_wrap.magazine {
    padding-bottom: 0
}

.theme_wrap .movie_list {
    padding-bottom: 13px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.theme_wrap .movie_list .theme-contents-list-wrap {
    overflow-x: scroll;
    overflow-y: hidden;
    max-height: 213px
}

.theme_wrap .movie_list .theme-contents-list-wrap ul {
    padding: 0 5px 0 10px
}

.theme_wrap .movie_list .theme-contents-list-wrap li {
    float: left;
    display: inline-block;
    width: 132px;
    padding: 0 6px;
    margin-right: 2px
}

.theme_wrap .movie_list.mobile-channel-theme-list.active {
    background-color: #f2f2f2
}

.theme_wrap .arrow {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 6px;
    margin-left: 8px;
    background: url(/_static/mobile/images/common/ico_arrow.png) no-repeat 0 0;
    background-size: 12px auto
}

.theme_wrap .btn_more {
    position: relative;
    top: -1px;
    display: block;
    width: 100%;
    height: 35px;
    border-top: 1px solid #e1e1e1;
    line-height: 35px;
    text-align: center;
    background: #fff;
    font-size: 14px;
    color: #333
}

.theme_wrap .btn_more .ico {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 13px;
    height: 7px;
    margin-left: 2px;
    background: url(/_static/mobile/images/common/ico_arrow.png) no-repeat 0 0;
    background-size: 13px auto
}

.movie_list.update {
    padding-bottom: 0
}

.movie_list.update li {
    padding-bottom: 15px
}

.movie_list .m_cate {
    overflow: hidden;
    display: block;
    margin-top: 3px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.movie_list .m_cate,
.movie_list .m_date {
    display: block;
    font-size: 12px;
    color: #777;
    text-align: center
}

.movie_list .score_wrap {
    width: 100%;
    text-align: center;
    padding-bottom: 10px
}

.movie_list .star_score {
    position: relative;
    display: inline-block;
    width: 61px;
    height: 11px;
    margin-right: 3px;
    background: #d8d8d8 url(/_static/mobile/images/common/s_score_bg.png) no-repeat 0 0;
    background-size: auto 11px
}

.movie_list .star_score .up_img {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 61px;
    height: 11px;
    background: url(/_static/mobile/images/common/s_score_bg.png) no-repeat 0 0;
    background-size: auto 11px
}

.movie_list .star_score .s_size {
    display: block;
    width: 61px;
    height: 11px;
    background: #ffd200
}

.movie_list .score {
    font-size: 12px;
    color: #333
}

.broad_list .tit {
    width: 100%;
    padding: 13px 16px;
    margin: 0 auto;
    border-bottom: 1px solid #e1e1e1;
    font-size: 16px;
    font-weight: 700
}

.broad_list ul {
    width: 100%;
    background: #fff
}

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

.broad_list li {
    width: 100%;
    padding: 12px 16px;
    border-bottom: 1px solid #e1e1e1
}

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

.broad_list li.active {
    background-color: #e8e8e8
}

.broad_list .img_area {
    position: relative;
    float: left;
    width: 120px;
    height: 172px
}

.broad_list .img_area .b_ico {
    z-index: 1;
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    width: 32px;
    height: 13px;
    background: url(/_static/mobile/images/ico/b_ico_img.png) no-repeat;
    background-size: auto 13px
}

.broad_list .img_area .b_ico.on {
    background-position: 0 0
}

.broad_list .img_area .b_ico.off {
    background-position: -51px 0
}

.broad_list .img_area .station_name {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 21px;
    line-height: 21px;
    text-align: center;
    color: #0f3261;
    font-size: 13px;
    font-weight: 700;
    background: rgba(255, 255, 255, .85)
}

.broad_list .txt_area {
    float: left;
    width: calc(100% - 120px);
    padding: 20px 0 0 12px
}

.broad_list .p_name {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
    font-size: 16px
}

.broad_list .i_line {
    margin-bottom: 6px;
    font-size: 14px;
    color: #333;
    letter-spacing: -.5px
}

.broad_list .i_line .bar {
    display: inline-block;
    margin: 0 7px;
    color: #e6e6e6
}

.broad_list .count {
    color: #999
}

.broad_list .t_red {
    display: inline-block;
    margin-left: 5px;
    font-size: 13px;
    color: #f80112
}

.broad_list .link {
    color: #ff4444;
}

.m_content_wrap {
    width: 100%;
    border-radius: 9px;
    background: #fff
}

.m_content_wrap .txt_area {
    width: 100%;
    padding: 30px 4%;
    border-bottom: 1px solid #d8d8d8;
    font-size: 14px
}

.m_content_wrap .btn_wrap {
    width: 100%
}

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

.m_content_wrap .btn_wrap .btn {
    float: left;
    display: block;
    height: 47px;
    line-height: 47px;
    text-align: center;
    color: #3d8eee;
    font-size: 14px
}

.m_content_wrap .btn_wrap .btn.check {
    width: 100%
}

.m_content_wrap .btn_wrap .btn.cancel {
    width: 50%;
    border-right: 1px solid #d8d8d8
}

.m_content_wrap .btn_wrap .btn.ok {
    width: 50%
}

.broad_content_wrap {
    background: #1f1f27;
    color: #fff;
}
.broad_content_wrap .tab_wrap {
    height: 204px;
    font-size: 15px;
}
.broad_content_wrap .tab_genre {
    height: 70px;
    line-height: 70px;
    margin: 0px 8px 0px 12px;
}
.broad_content_wrap .tab_btn {
    display: inline-block;
    position: relative;
    float: left;
    top: 20px;
    padding: 0px 15px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
}
.tab_genre .tab_btn.active {
    background: #ff4444;
    border-radius: 500px;
    box-shadow: 0px 2px 5px 0px inset rgb(0 0 0 / 35%);
}
.broad_content_wrap .tab_week {
    background: #000;  
    padding: 0px 8px; 
}
.broad_content_wrap .week {
    display: flex;
    width: 100%;
    height: 76px;
    text-align: center;
}
.broad_content_wrap .day {
    float: left;
    width: 100%;
    line-height: 76px;
    font-size: 16px;
    text-align: center;
    color: #b2b2b2;
    font-weight: 500;
    cursor: pointer;
    position: relative;
}
.broad_content_wrap .day.active {
    top: 15px;
    border-radius: 500px;
    max-width: 50px;
    height: 50px;
    line-height: 50px;
    color: #ff4444;
    background: #fff;
}
.broad_content_wrap .tab_box_area {
    height: 60px;
    padding: 0px 20px 0px 16px;  
    font-size: 14px; 
}
.broad_content_wrap .tab_box_area .tit {
    float: left;
    line-height: 75px;
    font-size: 14px;
    color: #b2b2b2;
    font-weight: 500;
}
.broad_content_wrap .tab_box {
    position: relative;
    top: 18px;
    float: right;
    width: 145px;
    height: 40px;
    line-height: 40px;
    background: #424249;
    border-radius: 3px;
}
.broad_content_wrap .s_box_style {
    text-align: center;
    float: none;
    margin: 0px;   
}
.broad_content_wrap .s_box_style:last-child {
    margin-right: 0;
}
.broad_content_wrap .s_box_style .v_area {
    position: relative;
    display: block;
    font-weight: 500;
    color: #fff;
    border: none;
    background: url(https://pic.filestar.co.kr/_img/common/b_arrow_down.png) no-repeat 85% 53%;
    text-align: center;
    padding-right: 25px;
    text-indent: 11px;
    cursor: pointer;
}
.broad_content_wrap .s_box_style .select_area {
    overflow-y: scroll;
    display: none;
    z-index: 2;
    position: absolute;    
    width: 145px;
    top: -1px;
    border-radius: 3px;
    max-height: 300px;
    border: 1px solid #d0d0d0;
    background: #000;
    -webkit-overflow-scrolling: touch;
}

.broad_content_wrap .s_box_style .select_area span {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #000;
    color: #fff;
    font-size: 14px;
    text-indent: 0px;
}
.broad_content_wrap .s_box_style .select_area span:active {
    background: #fff;
    color: #ff4444;
}
.broad_content_wrap .s_box_style li:last-child span {
    height: 45px;
}
.broad_content_wrap .broad_detail {
    position: relative;
    top: 16px;
    background: #fff;
    border-radius: 7px;
    padding-bottom: 30px;
    margin: 0px 16px 16px;
    color: #666;
}
.broad_content_wrap .d_top {
    position: relative;
    overflow: hidden;
    padding: 30px 24px 0px;
}
.broad_content_wrap .d_top .d_info {
    float: left;
    position: relative;
    width: 100%;
    height: 115px;
    padding: 0px;
}
.broad_content_wrap .d_top .d_info .top_ {
    float: left;
    width: calc(100% - 110px);    
}
.broad_content_wrap .d_top .d_info .top_ .name {
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    color: #000;
    padding: 0px;
    margin: 0px;
}
.broad_content_wrap .d_info .btm {
    clear: both;
    float: left;
    width: 100%;
}
.broad_content_wrap .info_line {
    width: auto;
    padding: 0px;
    font-size: 12px;
    line-height: 18px;    
}
.broad_content_wrap .info_line .bar {
    display: inline-block;
    margin: 0 5px;
    color: #454545;
}
.broad_content_wrap .d_info .btm .info_tit {
    font-size: 16px;
    line-height: 16px;
    color: #d5d5d5;
    margin: 45px 0px 25px;
}
.broad_content_wrap .d_info .btm .info_box {
    position: absolute;
    top: 60px;
}
.broad_content_wrap .d_info .btm .info_line dl {
    width: auto;    
}
.broad_content_wrap .d_info .btm .info_line dd, 
.broad_content_wrap .d_info .btm .info_line dt {
    float: left;
    display: block;
}
.broad_content_wrap .d_info .on_broadcast,
.broad_content_wrap .d_info .off_broadcast {
    margin-left: 1px;
    font-size: 11px;
    font-weight: 400;
    border-radius: 50px;
    padding: 0px 5px 1px 5px;
}
.broad_content_wrap .on_broadcast {
    color: #ff4444;
    border: 1px solid #ff4444;
}
.broad_content_wrap .off_broadcast {
    color: #787878;
    border: 1px solid #666;
}

.broad_content_wrap .broad_detail .btn_back {
    position: relative;
    top: 0px;
    right: 0px;
    float: right;
    color: #fff;
    line-height: 14px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 50px;
    padding: 13px 27px 13px 37px;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/broad_arrow_back.png) #ff4444 no-repeat 23% 55%;
    background-size: 8px;
    cursor: pointer;
    box-shadow: 3px 3px 3px 0px rgb(0 0 0 / 25%);    
}
.broad_content_wrap .btn_more {
    display: block;
    width: calc(100% - 0px);
    height: 50px;
    margin: 10px auto 0px;
    border: none;
    line-height: 50px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    background: #ff4444;
}







.movie_list.magazine {
    border-bottom: 1px solid #e1e1e1
}

.movie_list.magazine_list {
    padding-bottom: 0
}

.movie_list.magazine_list li {
    margin-bottom: 30px
}

.pw_check_wrap {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    padding: 20px 4%;
    background: #f9f9f9
}

.pw_check_wrap>.tit {
    font-size: 14px;
    color: #333
}

.pw_check_wrap>.txt {
    font-size: 11px;
    color: #888
}

.pw_check_wrap .input_wrap {
    background: #f9f9f9
}

.pw_check_wrap .input_wrap .input_line {
    padding: 0 0 8px 0
}

.pw_check_wrap .input_wrap .input_style {
    width: 100%;
    font-size: 12.5px
}

.pw_check_wrap .input_wrap .input_style:disabled {
    color: #333;
    background: #e6e6e6
}

.pw_check_wrap .input_wrap .btn_ok {
    display: block;
    width: 100%;
    height: 55px;
    text-align: center;
    line-height: 58px;
    color: #fff;
    background: #ff4444;
    font-size: 14.5px;
    font-weight: 700
}

.pw_check_wrap .pw_notice_area {
    width: 100%;
    padding: 20px 15px 10px 15px;
    margin-top: 150px;
    background: #f2f2f2
}

.pw_check_wrap .pw_notice_area.top-notice {
    padding: 2px 2px 2px 4px;
    margin-top: 0
}

.pw_check_wrap .pw_notice_area li {
    overflow: hidden;
    margin-bottom: 5px
}

.pw_check_wrap .pw_notice_area .dot {
    float: left;
    position: relative;
    top: 8px;
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 2%;
    background: #a3a3a3;
    vertical-align: middle;
    line-height: 20px
}

.pw_check_wrap .pw_notice_area .txt {
    float: left;
    width: 95%;
    font-size: 11px;
    color: #666
}

.i_section {
    width: 100%;
    padding: 12px 4%;
    margin-bottom: 8px;
    background: #fff
}

.i_section .tit {
    padding-bottom: 8px;
    font-weight: 700;
    font-size: 14px;
    color: #0f3261
}

.i_section .info_wrap {
    width: 100%;
    border: 1px solid #cbcbcb;
    background: #f9f9f9
}

.i_section .info_wrap dl {
    width: 100%;
    height: 46px
}

.i_section .info_wrap dl:after {
    content: '';
    display: block;
    clear: both
}

.i_section .info_wrap dl.my_info_wrap {
    padding: 0;
    border-bottom: none;
    background: 0 0
}

.i_section .info_wrap dt {
    float: left;
    width: 22%;
    padding-left: 7px;
    line-height: 46px;
    color: #666;
    font-size: 14px
}

.i_section .info_wrap dd {
    position: relative;
    float: left;
    width: 78%;
    padding-left: 10px;
    line-height: 46px;
    color: #5b5b5b;
    font-size: 14px
}

.i_section .info_wrap .btn {
    position: absolute;
    right: 7px;
    top: 4px;
    display: block;
    width: 60px;
    height: 36px;
    border: 1px solid #c5c5c5;
    line-height: 36px;
    font-size: 12.5px;
    color: #333;
    text-align: center;
    background: #fff
}

.i_section .info_wrap .e_txt {
    width: 100%;
    padding: 0 7px 7px 7px;
    font-size: 11px;
    color: #b0b0b0
}

.i_section .info_wrap .m_level {
    margin-top: 11px;
    margin-right: 3px
}

.i_section .info_area {
    width: 100%;
    margin-bottom: 8px;
    border: 1px solid #eee;
}

.i_section .info_area dl {
    width: 100%
}

.i_section .info_area dl:after {
    content: '';
    display: block;
    clear: both
}

.i_section .info_area dt {
    float: left;
    width: 50%;
    padding-left: 7px;
    line-height: 46px;
    color: grey;
    font-size: 14px
}

.i_section .info_area dd {
    position: relative;
    float: left;
    width: 50%;
    padding-left: 10px;
    line-height: 46px;
    color: #5b5b5b;
    font-size: 14px
}

.i_section .info_area .big dt {
    width: 35%
}

.i_section .info_area .big dd {
    width: 65%
}

.i_section .info_area .size1 dt {
    width: 20%
}

.i_section .info_area .size1 dd {
    width: 80%;
    padding: 0
}

.i_section .info_area .select_box_area {
    position: relative;
    float: left;
    width: 33%;
    text-align: center
}

.i_section .info_area .click_area {
    position: relative;
    padding-left: 10px
}

.i_section .info_area .select_box_area .arrow {
    position: absolute;
    top: 50%;
    right: 7px;
    display: block;
    width: 10px;
    height: 5px;
    background: url(/_static/mobile/images/common/ico_arrow.png) no-repeat 0 0;
    background-size: 10px auto;
    transform: translate(-50%, -50%)
}

.i_section .info_area .click_v_area {
    overflow-y: scroll;
    display: none;
    position: absolute;
    width: 100%;
    height: 152px;
    padding-left: 10px;
    border: 1px solid #cbcbcb;
    text-align: center;
    line-height: 25px;
    background: #fff
}

.i_section .info_area .select_box_area.active .click_v_area {
    display: block
}

.i_section .info_area .bar {
    float: left;
    display: block;
    width: .5%;
    color: #e1e1e1
}

.i_section .info_area .e_txt {
    width: 100%;
    padding: 0 7px 7px 7px;
    font-size: 11px;
    color: #b0b0b0
}

.i_section .info_area .c_btn {
    display: block;
    float: right;
    width: 62px;
    height: 24px;
    margin: 11px 7px 0 0;
    background: url(/_static/mobile/images/common/child_btn_img.png) no-repeat 0 -24px;
    background-size: auto 48px
}

.i_section .info_area .c_btn.on {
    background-position: 0 0
}

.i_section .info_area .s_ico {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%
}

.i_section .info_area .s_ico img {
    position: absolute;
    top: 50%;
    left: 10%;
    display: inline-block;
    width: 70px;
    transform: translate(0, -50%)
}

.i_section .info_area .msg {
    font-size: 12px;
    color: #03a9f4;
    text-align: left
}

.i_section.sns .info_area dt {
    position: relative;
    width: 30%;
    height: 46px
}

.i_section.sns .info_area dd {
    width: 70%;
    padding-left: 0;
    font-size: 12px;
    text-align: right
}

.i_section.sns .info_area .s_txt {
    display: inline-block;
    width: calc(100% - 80px);
    padding-right: 12px
}

.i_section .btn_save {
    display: block;
    width: 50%;
    height: 35px;
    margin: 15px auto;
    border: 1px solid #c5c5c5;
    text-align: center;
    font-size: 12px;
    line-height: 34px;
    background: #fff;
    color: #333
}

.i_section .s_box_style {
    appearance: none;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    height: 46px;
    padding: 0 28px 0 0;
    line-height: 46px;
    border: none;
    background: #fff url(/_static/mobile/images/common/ico_arrow_small.png) no-repeat 90% center;
    background-size: 10px auto;
    color: #666;
    font-size: 14px
}

.info_notice {
    width: 100%;
    padding: 12px 4%;
    background: #f9f9f9
}

.info_notice .tit {
    padding-bottom: 8px;
    font-weight: 700;
    font-size: 14px;
    color: #333
}

.info_notice li {
    overflow: hidden
}

.info_notice .dot {
    float: left;
    position: relative;
    top: 8px;
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 2%;
    background: #a3a3a3;
    vertical-align: middle;
    line-height: 20px
}

.info_notice .txt {
    float: left;
    width: 95%;
    font-size: 12px;
    color: #666
}

.info_notice .btn_leave {
    display: block;
    width: 100%;
    height: 35px;
    margin: 15px auto;
    border: 1px solid #cbcbcb;
    text-align: center;
    font-size: 12px;
    line-height: 34px;
    background: #fff
}

.cate_btn_wrap {
    position: relative;
    width: 100%;
    margin-bottom: 8px;
    background: #fff
}

.cate_btn_wrap .line {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #eee;
}

.cate_btn_wrap .line.top {
    top: 0
}

.cate_btn_wrap .line.btm {
    bottom: 0
}

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

.cate_btn_wrap .cate_btn {
    float: left;
    display: block;
    width: 25%;
    height: 90px;
    padding-top: 14px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: center;
    background: #fff;
    font-size: 14px
}

.cate_btn_wrap .cate_btn .ico {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 3px auto;
    background: url(/_static/mobile/images/ico/cate_ico_img.png) no-repeat;
    background-size: auto 160px
}

.cate_btn_wrap .cate_btn.type0 .ico {
    background-position: 0 0
}

.cate_btn_wrap .cate_btn.type11000 .ico {
    background-position: -40px 0
}

.cate_btn_wrap .cate_btn.type12000 .ico {
    background-position: -80px 0
}

.cate_btn_wrap .cate_btn.type13000 .ico {
    background-position: -120px 0
}

.cate_btn_wrap .cate_btn.type14000 .ico,
.cate_btn_wrap .cate_btn.type14100 .ico,
.cate_btn_wrap .cate_btn.type90004 .ico {
    background-position: 0 -40px
}

.cate_btn_wrap .cate_btn.type15000 .ico {
    background-position: -40px -40px
}

.cate_btn_wrap .cate_btn.type16000 .ico {
    background-position: -80px -40px
}

.cate_btn_wrap .cate_btn.type17000 .ico {
    background-position: -120px -40px
}

.cate_btn_wrap .cate_btn.type18000 .ico {
    background-position: 0 -80px
}

.cate_btn_wrap .cate_btn.type19000 .ico {
    background-position: -40px -80px
}

.cate_btn_wrap .cate_btn.type21100 .ico {
    background-position: -80px -80px
}

.cate_btn_wrap .cate_btn.type30300 .ico {
    background-position: -120px -80px
}

.cate_btn_wrap .cate_btn.type21500 .ico {
    background-position: 0 -120px
}

.cate_btn_wrap .cate_btn.type50000 {
    padding-top: 11px
}

.cate_btn_wrap .cate_btn.type50000 .ico {
    width: 45px;
    height: 45px;
    margin-bottom: 2px;
    background-position: -54px -149px;
    background-size: auto 200px
}

.cate_btn_wrap .cate_btn .name {
    color: #7d7d7d;
    letter-spacing: -1px
}

.nickname_save_wrap {
    position: relative;
    width: 100%;
    margin-bottom: 5px
}

.nickname_save_wrap .btn_close {
    position: absolute;
    top: 12px;
    right: 15px;
    display: block;
    width: 15px;
    height: 15px;
    background: url(/_static/mobile/images/common/btn_close_white.png) no-repeat 0 0;
    background-size: 15px 15px
}

.nickname_save_wrap .top img {
    display: block;
    width: 100%
}

.nickname_input {
    width: 100%;
    padding: 12px 4%;
    background: #fff
}

.nickname_input .input_wrap {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #7ecef4
}

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

.nickname_input .input_style {
    float: left;
    display: block;
    width: 80%;
    height: 45px;
    padding-left: 12px;
    border: none;
    line-height: 45px
}

.nickname_input .btn_check {
    float: left;
    display: block;
    width: 20%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background: #7ecef4;
    font-size: 13px
}

.nickname_input .check_line .c_box {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 17px;
    height: 17px;
    border: none;
    margin-right: 5px;
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat 0 0;
    background-size: 34px auto;
    vertical-align: middle
}

.nickname_input .check_line .c_box:checked {
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat -17px 0;
    background-size: 34px auto
}

.nickname_input .label_style {
    font-size: 12px;
    line-height: 17px;
    vertical-align: middle
}

.nickname_input .btn_view_terms {
    position: relative;
    top: -2px;
    display: inline-block;
    padding: 2px 4px;
    margin-left: 9px;
    border: 1px solid #b6cae1;
    font-size: 11px;
    background: #c8d8eb;
    color: #205ba1
}

.nickname_input .btn_submit {
    display: block;
    width: 100%;
    height: 47px;
    margin-top: 25px;
    line-height: 47px;
    text-align: center;
    color: #fff;
    background: #3d8eee
}

.nickname_notice {
    width: 100%;
    padding: 12px 4%;
    background: #f1f1f1
}

.nickname_notice .tit {
    padding-bottom: 8px;
    font-weight: 700;
    font-size: 12px;
    color: #0f3261
}

.nickname_notice li {
    overflow: hidden;
    font-size: 12px;
    color: #666
}

.week_display_wrap {
    width: 100%;
    padding: 5px 4%;
    border-top: 1px solid #d1d1d1
}

.week_display_wrap .c_box {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 17px;
    height: 17px;
    border: none;
    margin-right: 5px;
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat 0 0;
    background-size: 34px auto;
    vertical-align: middle
}

.week_display_wrap .c_box:checked {
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat -17px 0;
    background-size: 34px auto
}

.week_display_wrap .label_style {
    font-size: 12px;
    line-height: 17px;
    vertical-align: middle
}

.my_charge_list {
    margin-bottom: 12px
}

.my_top_txt {
    padding: 15px 4% 9px 4%;
    font-size: 12.5px;
    color: #a8a8a8
}

.my_top_txt li {
    margin-bottom: 6px
}

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

.my_top_txt .dot {
    float: left;
    position: relative;
    top: 7px;
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 10px;
    background: #a3a3a3;
    vertical-align: middle;
    line-height: 20px
}

.my_top_txt .txt {
    float: left;
    width: calc(100% - 13px);
    font-size: 12px;
    color: #666
}

.date_check_wrap {
    width: 100%;
    padding: 12px 4%;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background: #fff
}

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

.date_check_wrap .date_choice {
    float: left;
    width: 38%;
    height: 37px;
    border: 1px solid #c5c5c5
}

.date_check_wrap .line {
    float: left;
    display: block;
    width: 5.3%;
    text-align: center;
    color: #c5c5c5;
    line-height: 37px
}

.date_check_wrap .c_ico {
    float: left;
    display: block;
    width: 35px;
    height: 35px;
    border-right: 1px solid #c5c5c5;
    background: url(/_static/mobile/images/ico/ico_calender.png) no-repeat center center;
    background-size: 18px 18px
}

.date_check_wrap .date {
    float: left;
    display: block;
    width: calc(100% - 35px);
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: #333;
    font-size: 14.5px
}

.date_check_wrap .btn_check {
    float: left;
    display: block;
    width: 15.5%;
    height: 37px;
    margin-left: 2.8%;
    text-align: center;
    line-height: 37px;
    font-size: 14px;
    color: #fff;
    background: #487cbc
}

.list_style {
    letter-spacing: -1px
}

.list_style ul li {
    width: 100%
}

.list_style ul li:after {
    content: '';
    display: block;
    clear: both
}

.list_style ul li>div {
    float: left;
    height: 40px;
    padding-top: 1px;
    border-bottom: 1px solid #e1e1e1;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    color: #333;
    background: #fff
}

.list_style .top>div {
    border: none;
    color: #222;
    background: #ffc66b;
}

.list_style .l1 {
    width: 18.4%;
    font-size: 12px
}

.list_style .l2 {
    width: 44.4%;
    font-size: 12px;
    text-align: left
}

.list_style .l3 {
    width: 16.2%;
    font-size: 12px
}

.list_style .l4 {
    width: 21%;
    padding-right: 15px;
    text-align: right
}

.list_style .date {
    font-size: 12px;
    color: #999
}

.list_style .point {
    color: #ff4444;
    font-weight: 700
}

.list_style .t_blue {
    color: #3d8eee;
    font-weight: 700
}

.list_style .tit {
    overflow: hidden;
    display: block;
    width: 95%;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list_style .l2 .tit,
.list_style .l2.tit {
    font-size: 12px
}

.list_style .l2 .t-tit {
    color: #2196f3
}

.list_style.type1 .top>div {
    text-align: center
}

.list_style.type1 .l2 {
    text-align: left
}

.list_style.type1 .l3 {
    width: 21%;
    padding-right: 10px;
    text-align: right
}

.list_style.type1 .l4 {
    width: 16.2%
}

.list_style.type2 .l1 {
    width: 17.7%
}

.list_style.type2 .l2 {
    width: 36%
}

.list_style.type2 .l3 {
    width: 14.8%
}

.list_style.type2 .l4 {
    width: 15.3%
}

.list_style.type2 .l5 {
    width: 16.2%
}

.list_style.type3 .l1 {
    width: 18.8%;
    font-size: 12px
}

.list_style.type3 .l2 {
    width: 49.1%;
    padding-left: 12px;
    font-size: 14px
}

.list_style.type3 .l3 {
    width: 31.7%;
    padding-right: 12px
}

.list_style.type3 .top .l2 {
    font-size: 12px;
    text-align: center
}

.list_style.type3 .l2 .tit {
    font-size: 13px
}

.list_style.type3 .t_red {
    color: #ff4364
}

.list_style.type3 .arrow {
    position: relative;
    top: 14px;
    float: right;
    display: inline-block;
    width: 7px;
    height: 10px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 10px
}

.p_list_style {
    background: #fff
}

.p_list_style ul {
    border-top: 1px solid #ddd
}

.p_list_style ul li {
    position: relative;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #ddd
}

.p_list_style ul li:after {
    content: '';
    display: block;
    clear: both
}

.p_list_style .t1 {
    float: left;
    width: 50%;
    padding-left: 4%;
    font-size: 12.5px
}

.p_list_style .t1>span {
    display: block
}

.p_list_style .t3>span {
    display: block
}

.p_list_style .t2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20.8%;
    text-align: center;
    transform: translate(0, -50%);
    color: #8d8d8d;
    font-size: 12.5px
}

.p_list_style .t3 {
    position: absolute;
    top: 50%;
    right: 0;
    width: 29%;
    padding-right: 4%;
    text-align: right;
    transform: translate(0, -50%);
    font-size: 12.5px
}

.p_list_style .date {
    margin-bottom: 5px;
    color: #222
}

.p_list_style .p_content {
    overflow: hidden;
    width: 100%;
    margin-bottom: 7px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.p_list_style .txt {
    color: #777
}

.p_list_style .save,
.p_list_style .t_blue {
    color: #2480ec
}

.p_list_style .delete {
    color: #777
}

.p_list_style .num {
    margin-bottom: 5px
}

.r_chl_wrap {
    width: 100%;
    margin-bottom: 50px;
    background: #fff
}

.r_chl_wrap .tit {
    padding: 12px;
    font-size: 14.5px;
    font-weight: 700;
    color: #0f3261
}

.chl_list {
    width: 92%;
    margin: 0 auto;
    border-top: 1px solid #e1e1e1
}

.chl_list li {
    padding: 12px 0
}

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

.chl_list .c_img {
    overflow: hidden;
    float: left;
    width: 45px;
    height: 45px;
    border-radius: 50%
}

.chl_list .c_img img {
    display: block;
    width: 100%
}

.chl_list .c_img.none_img {
    text-align: center;
    line-height: 45px;
    font-weight: 700;
    color: #fff
}

.chl_list .none_img.bg_style1 {
    background: #6a54ef
}

.chl_list .none_img.bg_style2 {
    background: #056a5f
}

.chl_list .none_img.bg_style3 {
    background: #0c6a05
}

.chl_list .none_img.bg_style4 {
    background: #cc013f
}

.chl_list .none_img.bg_style5 {
    background: #f38230
}

.chl_list .none_img.bg_style6 {
    background: #1a12b6
}

.chl_list .c_info {
    position: relative;
    float: left;
    width: calc(100% - 45px);
    padding-left: 12px;
    line-height: 22px
}

.chl_list .t_txt {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chl_list .name {
    font-weight: 700;
    color: #333;
    font-size: 14.5px
}

.chl_list .intro {
    color: #999;
    font-size: 12.5px
}

.chl_list .cate_wrap {
    color: #3d8eee;
    font-size: 12.5px;
    line-height: 22px
}

.chl_admin_wrap {
    width: 100%
}

.chl_admin_wrap .chl_list {
    width: 100%;
    padding: 10px 0;
    background: #fff
}

.chl_admin_wrap .chl_list li {
    padding: 12px 4%
}

.chl_admin_wrap .chl_list .c_info {
    height: 45px
}

.chl_admin_wrap .chl_list .t_txt {
    position: absolute;
    top: 50%;
    left: 12px;
    width: calc(100% - 80px);
    transform: translate(0, -50%)
}

.chl_admin_wrap .chl_list .name {
    display: block
}

.chl_admin_wrap .chl_list .intro {
    color: #6fc659
}

.chl_admin_wrap .chl_list .btn_delete {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    padding: 1px 8px;
    border: 1px solid #c5c5c5;
    font-size: 12px;
    color: #999;
    transform: translate(0, -50%)
}

.content_i_style {
    width: 100%
}

.content_i_style ul {
    background: #f2f2f2
}

.content_i_style li {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.content_i_style .c_img {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    padding-top: 56.25%;
    text-align: center;
    background-color: #000
}

.content_i_style .c_img img {
    position: absolute;
    top: 50%;
    display: block;
    width: 100%;
    transform: translate(0, -50%)
}

.content_i_style .c_img .ico {
    z-index: 2;
    position: absolute;
    top: 12px;
    left: 16px;
    display: block;
    width: 22px;
    height: 12px;
    background: url(/_static/mobile/images/common/hd_ico_img.png) no-repeat 0 -35px;
    background-size: 22px auto
}

.content_i_style .c_img .ico.fhd {
    background-position: 0 0
}

.content_i_style .c_img .ico.hd {
    background-position: 0 -17.5px
}

.content_i_style .c_img .ico_19 {
    position: absolute;
    top: 8px;
    right: 16px;
    display: block;
    width: 18px;
    height: 18px;
    background: url(/_static/mobile/images/ico/ico_adult.png) no-repeat 0 0;
    background-size: 18px 18px
}

.content_i_style .c_img .time {
    position: absolute;
    bottom: 12px;
    right: 16px;
    height: 12px;
    padding: 0 3px;
    line-height: 11px;
    font-size: 11px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .7);
    font-family: DIN_pro, DIN_pro, sans-serif
}

.content_i_style .c_img .no_img_area {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    display: none;
    width: 100%;
    height: 100%;
    background: #e5e5e5 url(/_static/mobile/images/common/no_poster_logo.png) no-repeat center center;
    background-size: 30% auto
}

.content_i_style .no_poster .no_img_area {
    display: block
}

.content_i_style .c_info {
    clear: both;
    position: relative;
    width: 100%;
    padding: 12px 16px
}

.content_i_style .c_info .c_tit {
    overflow: hidden;
    width: calc(100% - 32px);
    margin-bottom: 5px;
    font-size: 16px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content_i_style .c_info .name {
    font-size: 13px;
    color: #3d8eee
}

.content_i_style .c_info .cate {
    font-size: 13px;
    color: #7d7d7d
}

.content_i_style .c_info .point {
    font-size: 13px;
    color: #999
}

.content_i_style .c_info .bar {
    position: relative;
    top: -1px;
    display: inline-block;
    margin: 0 8px;
    font-size: 13px;
    color: #e6e6e6
}

.content_i_style .c_info .r_time {
    font-size: 13px;
    color: #999
}

.content_i_style .c_info .p_ico {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background: url(/_static/mobile/images/ico/ico_all_point.png) no-repeat 0 0;
    background-size: auto 15px;
    vertical-align: middle
}

.content_i_style .c_info .sum {
    font-size: 13px;
    color: #7d7d7d
}

.content_i_style .btn_menu {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 10%;
    height: 71px;
    padding-top: 30px;
    text-align: center
}

.content_i_style .btn_menu .b_dot {
    display: block;
    width: 3px;
    height: 3px;
    margin: 0 auto 3px auto;
    border-radius: 50%;
    background: #e0e0e0
}

.content_i_style.news {
    padding-top: 12px
}

.content_i_style.news .c_info {
    padding: 18px 16px
}

.content_i_style.news .c_tit {
    margin-bottom: 8px
}

.content_i_style.news .c_content {
    margin-bottom: 8px;
    font-size: 13px;
    color: #858585;
    line-height: 18px
}

.content_i_style.news .in_tag_area {
    color: #3d8eee;
    font-size: 12.5px
}

.content_i_style.news .no_poster .c_img {
    display: none
}

.content_i_style .s_btn_wrap {
    position: relative;
    width: 100%;
    height: 38px;
    border-top: 1px solid #e7e7e7;
    line-height: 38px
}

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

.content_i_style .s_btn_wrap .s_btn {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    font-size: 12.5px;
    color: #747474
}

.content_i_style .s_btn_wrap .s_btn.like .ico {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 15px;
    height: 13px;
    margin-right: 3px;
    background: url(/_static/mobile/images/ico/ico_like_img.png) no-repeat 0 0;
    background-size: auto 13px
}

.content_i_style .s_btn_wrap .s_btn.like.active .ico {
    background-position: -15.5px 0
}

.content_i_style .s_btn_wrap .bar {
    position: absolute;
    top: 0;
    left: 50%;
    color: #e7e7e7
}

.content_i_style .s_btn_wrap .s_btn.share .ico {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 15px;
    height: 13px;
    margin-right: 3px;
    background: url(/_static/mobile/images/ico/ico_share.png) no-repeat 0 0;
    background-size: auto 13px
}

.content_i_style .btn_delete {
    z-index: 1;
    position: absolute;
    right: 12px;
    top: 19px;
    display: block;
    width: 15px;
    height: 15px;
    background: url(/_static/mobile/images/common/btn_delete.png) no-repeat 0 0;
    background-size: auto 15px
}

.channel_edit_wrap {
    width: 100%;
    padding: 0 0 20px 0;
    background: #fff
}

.channel_edit_wrap .img_edit {
    width: 92%;
    padding: 15px 0;
    margin: 0 auto;
    border-bottom: 1px solid #ededed
}

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

.channel_edit_wrap .c_img {
    overflow: hidden;
    position: relative;
    float: left;
    width: 140px;
    height: 94px;
    bordeR: 1px solid #e6e6e6
}

.channel_edit_wrap .c_img .s_msg {
    float: left;
    width: 100%;
    height: 100%;
    padding: 35px 10px 5px 10px;
    text-align: center;
    background-color: #f2f2f2;
    font-size: 12.5px;
    color: #a8a8a8
}

.channel_edit_wrap .c_img .btn_camera {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(/_static/mobile/images/ico/ico_camera.png) no-repeat 0 0;
    background-size: 20px 20px
}

.channel_edit_wrap .txt_wrap {
    float: left;
    width: calc(100% - 140px);
    padding-left: 12px
}

.channel_edit_wrap .t_txt {
    padding-top: 7px;
    margin-bottom: 7px;
    font-size: 13px;
    color: #222;
    font-weight: 700
}

.channel_edit_wrap .t_txt .t_gray {
    color: #999;
    font-weight: 400;
    font-size: 12.5px
}

.channel_edit_wrap .txt_wrap .txt {
    font-size: 12.5px;
    color: #555
}

.channel_edit_wrap .cate_select {
    width: 92%;
    padding: 15px 0;
    margin: 0 auto;
    border-bottom: 1px solid #ededed
}

.channel_edit_wrap .cate_wrap {
    padding: 10px 0 0 0
}

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

.channel_edit_wrap .cate_wrap .cate {
    display: block;
    float: left;
    width: 20%;
    margin-bottom: 3px;
    font-size: 12.5px
}

.channel_edit_wrap .c_box_style {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 17px;
    height: 17px;
    border: none;
    margin-right: 5px;
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat 0 0;
    background-size: 34px auto;
    vertical-align: middle
}

.channel_edit_wrap .c_box_style:checked {
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat -17px 0;
    background-size: 34px auto
}

.channel_edit_wrap .c_box_style+.label_style {
    display: inline-block;
    margin-right: 12px;
    font-size: 12.5px
}

.channel_edit_wrap .edit_input_area {
    width: 92%;
    padding: 15px 0;
    margin: 0 auto;
    border-bottom: 1px solid #ededed
}

.channel_edit_wrap .edit_input_area.b_none {
    border: none
}

.channel_edit_wrap .t_a_style {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #dadada;
    color: #3b3a3a;
    font-family: 'Noto Sans KR', sans-serif
}

.channel_edit_wrap .t_a_style.size1 {
    height: 120px
}

.channel_edit_wrap .t_a_style.size2 {
    height: 130px
}

.channel_edit_wrap .btn_save {
    display: block;
    width: 92%;
    margin: 20px auto;
    text-align: center;
    color: #fff;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    font-weight: 500;
    background: #3d8eee
}

.channel_edit_wrap .edit_btn_wrap {
    position: relative;
    float: left;
    display: inline-block;
    width: 50%
}

.channel_edit_wrap .edit_btn_wrap .btn_edit {
    position: relative;
    top: 38px;
    right: 0;
    display: block;
    width: 110px;
    height: 30px;
    margin: 0 auto;
    border: 1px solid #555;
    padding: 0 10px;
    color: #333;
    letter-spacing: -1px;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    background: #fff
}

.channel_edit_wrap .img_edit .icon-choose-image {
    position: absolute;
    width: 100%;
    height: 94px;
    margin-top: -60px;
    transform: translate(0, 0);
    opacity: .1
}

.channel_edit_wrap .img_edit .inputFile {
    overflow: hidden;
    width: 100%;
    height: 94px;
    background-color: #fff;
    opacity: 0;
    cursor: pointer
}

.foryou-f-contents .inner {
    display: none
}

.foryou-f-contents.login .inner.login-inner {
    display: block
}

.foryou-f-contents.login .inner.login-inner .for-yor-list {
    display: none
}

.foryou-f-contents.login .inner.login-inner.buy .member-contents-buy {
    display: block
}

.foryou-f-contents.login .inner.login-inner.wish .member-contents-wish {
    display: block
}

.foryou-f-contents.login .inner.login-inner .member-contents-buy-wish .result-no-list {
    display: none
}

.foryou-f-contents.login .inner.login-inner .member-contents-buy-wish.no-data .result-no-list {
    display: block
}

.foryou-f-contents.login .inner.login-inner .member-contents-buy-wish.no-data .btn-foryou-more-buy {
    display: none
}

.foryou-f-contents .for-yor-list .result-no-channel {
    display: none
}

.foryou-f-contents .for-yor-list.no-data .result-no-channel {
    display: block
}

.foryou-f-contents.login .inner.login-inner.subscribe .member-contents-subscribe {
    display: block
}

.foryou-f-contents.login .inner.login-inner.subscribe .member-contents-subscribe .btn-foryou-more-subscribe {
    display: block
}

.foryou-f-contents.login .inner.login-inner.subscribe .member-contents-subscribe .result-no-channel {
    display: none
}

.foryou-f-contents.login .inner.login-inner.subscribe .member-contents-subscribe.no-data .result-no-channel {
    display: block
}

.foryou-f-contents.login .inner.login-inner.subscribe .member-contents-subscribe.no-data .btn-foryou-more-subscribe {
    display: none
}

.foryou-f-contents.logout .inner.logout-inner {
    display: block
}

.foryou-f-contents .member-contents-subscribe {
    display: none
}

.foryou-f-contents .content_i_style .c_info .c_tit {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.foryou-f-contents .content_slide_wrap.txt_style .c_txt_area {
    left: 135px;
    width: calc(100% - 160px)
}

.find_wrap {
    width: 100%;
    padding: 20px 0 50px 0
}

.find_wrap .input_line.type2 {
    padding-top: 3px
}

.find_wrap .input_line .input_style {
    border-color: #cbcbcb
}

.find_wrap .input_line .input_style::placeholder {
    color: #b7b7b7
}

.find_wrap .pw_t_txt {
    margin-bottom: 12px;
    text-align: center;
    font-size: 13px;
    letter-spacing: -1px;
    color: #666
}

.find_wrap .protect_word {
    padding-top: 4px
}

.find_wrap .btn_find {
    display: inline-block;
    width: 100%;
    height: 55px;
    margin: 20px auto !important;
    font-weight: 700;
    line-height: 55px;
    font-size: 14.5px;
    text-align: center;
    vertical-align: top;
    color: #fff;
    background: #ff4444;
}

.find_wrap .btn_find.type2 {
    margin-top: 5px
}
.findd_ico {
    padding: 20px 0 40px 0;
    text-align: center;
}
.findd_ico::before {
    font-family: "Material Design Icons";
    content: "\F06D4";
    font-size:70px;
    border: 5px solid #f17278;
    color: #fff;
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #ff4444;
    line-height: 100px;
    text-align: center;
}

.find_wrap .btn_join {
    display: inline-block;
    width: 100%;
    height: 55px;
    margin: 20px auto !important;
    border: 1px solid #ff4444;
    font-weight: 700;
    line-height: 55px;
    vertical-align: top;
    font-size: 14.5px;
    text-align: center;
    background: #fff;
    color: #ff4444;
}

.find_wrap .size1 {
    width: 48%
}

.find_wrap .find_notice {
    width: 92%;
    padding: 15px 15px 7px 15px;
    margin: 0 auto;
    background: #f2f2f2
}

.find_wrap .find_notice li {
    overflow: hidden;
    margin-bottom: 8px
}

.find_wrap .find_notice .dot {
    float: left;
    position: relative;
    top: 6px;
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 5px;
    background: #a3a3a3;
    vertical-align: middle;
    line-height: 20px
}

.find_wrap .find_notice .txt {
    float: left;
    width: calc(100% - 8px);
    font-size: 12px;
    color: #666
}

.find_wrap .guide_txt {
    position: relative;
    width: 92%;
    height: 180px;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    letter-spacing: -1px;
    color: #0f3261;
    background: #f2f2f2
}

.find_wrap .guide_txt .txt {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%)
}

.find_wrap .guide_txt .s_txt {
    display: block;
    margin-top: 7px;
    font-size: 12px;
    color: #a5a5a5
}

.find_wrap .btn_area {
    width: 92%;
    margin: 0 auto;
    text-align: center
}

.find_wrap.edit .find_notice {
    width: 100%;
    padding: 0 15px
}

.find_wrap.edit .find_notice li {
    margin-bottom: 5px
}

.find_wrap.edit .input_style.mb_2 {
    margin-bottom: 5px
}

.find_wrap.edit .btn_find {
    margin-top: 20px
}

.find_id_list {
    width: 92%;
    max-width: 723px;
    margin: 0 auto;
    border-top: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
    background: #fff
}

.find_id_list li {
    border-bottom: 1px solid #cbcbcb;
    display: flex;
}
/*
.find_id_list li:after {
    content: '';
    display: block;
    clear: both
}

.find_id_list li div {
    float: left;
    height: 45px;
    border-right: 1px solid #cbcbcb;
    line-height: 44px;
    font-size: 12.5px;
    text-align: center
}
*/
.find_id_list li div {
    word-wrap: break-word;
    font-size: 13px;
    padding: 10px;
    border-right: 1px solid #cbcbcb;
}
.find_id_list .l1 {
    flex: 1;
    background-color: #f7f9fa;
    color: #222;
}

.find_id_list .l2 {
    flex: 1;
}

.find_id_list .l3 {
    flex: 1;
}

.find_id_list .radio_style {
    position: relative;
    top: -3px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/_static/mobile/images/common/bg_radio_btn.png) no-repeat 0 0;
    background-size: auto 18px
}

.find_id_list .radio_style:checked {
    background-position: -18px 0
}

.find_id_list .radio_style:focus {
    outline: 0
}

.find_id_list .id {
    color: #333
}

.find_id_list .join_date {
    color: #999
}

.find_id_list .more_id {
    display: block;
    width: 100%;
    height: 37px;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    font-size: 12.5px;
    line-height: 37px;
    color: #333;
    text-align: center
}

.find_id_list .more_id .arrow {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 4px;
    margin-left: 5px;
    vertical-align: middle;
    background: url(/_static/mobile/images/ico/ico_arrow.png) no-repeat 0 0;
    background-size: 8px 8px
}

.channel_guide_wrap {
    width: 100%;
    padding: 0 0 120px 0;
    margin: 0 auto;
    background: #fff
}

.channel_guide_wrap .g_txt {
    padding: 50px 0;
    text-align: center;
    color: #aeaac2;
    font-size: 13px;
    letter-spacing: -1px;
    line-height: 20px
}

.channel_guide_wrap .g_txt_area {
    width: 92%;
    margin: 20px auto 50px auto;
    padding: 30px 0 30px 4%;
    border: 1px dashed #c3bbef;
    border-radius: 10px;
    background: #f4f3f9
}

.channel_guide_wrap .txt {
    display: inline-block;
    vertical-align: top;
    font-size: 12.5px;
    line-height: 17px;
    color: #645a9c
}

.channel_guide_wrap .ico {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 5px;
    background: url(/_static/mobile/images/ico/ico_channel.png) no-repeat 0 0;
    background-size: auto 34px
}

.p_d_report_wrap {
    width: 100%;
    margin: 0 auto;
    background: #fff
}

.p_d_report_wrap .p_txt {
    width: 92%;
    padding: 30px 0 0 0;
    margin: 0 auto;
    font-size: 13px;
    color: #555
}

.p_d_report_wrap .btn_report {
    display: block;
    width: 92%;
    height: 45px;
    margin: 30px auto;
    line-height: 45px;
    font-weight: 700;
    text-align: center;
    background: #3d8eee;
    color: #fff
}

.a_menu_wrap {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #e1e1e1
}

.a_menu_wrap .menu_btn {
    position: relative;
    display: block;
    width: 100%;
    height: 45px;
    padding: 15px 4% 0 4%;
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px;
    color: #555
}

.a_menu_wrap .menu_btn .arrow {
    position: absolute;
    right: 4%;
    top: 20px;
    display: inline-block;
    width: 13px;
    height: 7px;
    margin-left: 2px;
    background: url(/_static/mobile/images/common/ico_arrow.png) no-repeat 0 0;
    background-size: 13px auto
}

.a_menu_wrap .step_list {
    padding: 20px 0
}

.a_menu_wrap .step_list .step {
    overflow: hidden;
    width: 92%;
    margin: 0 auto;
    border-radius: 5px
}

.a_menu_wrap .step_list .step .txt {
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 13px;
    color: #333;
    background: #d3e5f4
}

.a_menu_wrap .step_list .arrow {
    display: block;
    width: 13px;
    height: 7px;
    margin: 12px auto;
    background: url(/_static/mobile/images/ico/arrow_pd_report.png) no-repeat 0 0;
    background-size: 13px auto
}

.a_menu_wrap .in_step {
    border-top: 1px solid #fff
}

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

.a_menu_wrap .in_step li {
    position: relative;
    float: left;
    width: 50%;
    height: 60px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #e9f2f9
}

.a_menu_wrap .in_step li:nth-child(2n) {
    border-right: none
}

.a_menu_wrap .in_step .num {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-family: DIN_pro, DIN_pro, sans-serif;
    color: #d3e5f4;
    font-weight: 700;
    font-size: 24px;
    line-height: 60px
}

.a_menu_wrap .in_step .in_txt {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 100%;
    font-size: 13px;
    color: #333;
    transform: translate(-50%, -50%);
    text-align: center
}

.a_menu_wrap .m_view_area {
    display: none
}

.a_menu_wrap .active .menu_btn .arrow {
    transform: rotate(180deg)
}

.a_menu_wrap .active .m_view_area {
    display: block;
    border-bottom: 1px solid #e1e1e1
}

.a_menu_wrap .n_list {
    padding: 20px 0
}

.a_menu_wrap .n_list li {
    padding: 0 4%;
    margin-bottom: 5px
}

.a_menu_wrap .n_list li:after {
    content: '';
    display: block;
    clear: both
}

.a_menu_wrap .n_list .dot {
    position: relative;
    top: 7px;
    float: left;
    display: block;
    width: 3px;
    height: 3px;
    margin-right: 8px;
    background: #999
}

.a_menu_wrap .n_list .txt {
    float: left;
    display: block;
    width: calc(100% - 11px);
    font-size: 12.5px;
    color: #333
}

.a_menu_wrap .n_list .depth2 {
    clear: both;
    padding: 15px 0;
    font-size: 13px;
    color: #333
}

.a_menu_wrap .n_list .depth2 li {
    margin-bottom: 15px
}

.a_menu_wrap .n_list .depth2 .num {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background: #a6cdf0;
    font-size: 13px
}

.a_menu_wrap .n_list .depth2 dt {
    margin-bottom: 5px
}

.a_menu_wrap .n_list .depth2 dd {
    padding-left: 8px;
    margin-bottom: 3px
}

.modal-content.child_protect {
    overflow: hidden;
    width: 100%;
    max-width: 657px;
    margin: 0 auto;
    border-radius: 9px
}

.modal-content .tit_wrap {
    position: relative;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-weight: 700;
    text-align: center;
    background: #ff4444;
    color: #fff;
    font-size: 14.5px
}

.modal-content .btn_close {
    position: absolute;
    top: 15px;
    right: 12px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(/_static/mobile/images/common/btn_close_white.png) no-repeat 0 0;
    background-size: 20px 20px
}

.child_protect_wrap {
    width: 100%;
    background: #fff
}

.child_protect_wrap .child_content {
    padding-bottom: 15px
}

.child_protect_wrap .now_txt {
    padding: 25px 0;
    color: #0f3261;
    font-size: 14px;
    text-align: center
}

.child_protect_wrap .line {
    margin-bottom: 5px
}

.child_protect_wrap .input_style {
    display: block;
    width: 92%;
    height: 44px;
    padding: 0 0 0 12px;
    margin: 0 auto;
    border: 1px solid #c5c5c5;
    line-height: 44px;
    background: #fefefe
}

.child_protect_wrap .input_style::placeholder {
    color: #b7b7b7
}

.child_protect_wrap .btn_check {
    display: block;
    width: 92%;
    height: 45px;
    margin: 5px auto;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background: #ff4444;
    font-weight: 500
}

.child_protect_wrap .child_notice {
    width: 100%;
    padding: 15px 4% 5px 4%;
    font-size: 12.5px;
    color: #666;
    background: #f9f9f9
}

.child_protect_wrap .child_notice .tit {
    margin-bottom: 3px
}

.child_protect_wrap .child_notice ul {
    margin-bottom: 15px
}

.child_protect_wrap .child_notice li {
    margin-bottom: 2px
}

.child_protect_wrap .child_notice li:after {
    content: '';
    display: block;
    clear: both
}

.child_protect_wrap .child_notice .in_line {
    float: left;
    margin-right: 5px
}

.child_protect_wrap .child_notice .txt {
    float: left;
    width: 95%
}

.modal-content.pw_change {
    overflow: hidden;
    width: 100%;
    max-width: 657px;
    margin: 0 auto;
    border-radius: 9px
}

.modal-content .tit_wrap {
    position: relative;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-weight: 700;
    text-align: center;
    background: #ff4444;
    color: #fff;
    font-size: 14.5px
}

.modal-content .btn_close {
    position: absolute;
    top: 15px;
    right: 12px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(/_static/mobile/images/common/btn_close_white.png) no-repeat 0 0;
    background-size: 20px 20px
}

.pw_change_wrap {
    width: 100%;
    background: #fff
}

.pw_change_wrap .pw_change_content {
    padding: 20px 0
}

.pw_change_wrap .line {
    padding: 0 4%;
    margin-bottom: 10px
}

.pw_change_wrap .label_style {
    display: block;
    margin-bottom: 5px;
    font-size: 13px
}

.pw_change_wrap .input_style {
    display: block;
    width: 100%;
    height: 44px;
    padding: 0 0 0 12px;
    margin: 0 auto;
    border: 1px solid #c5c5c5;
    line-height: 44px;
    background: #fefefe
}

.pw_change_wrap .mail {
    padding-top: 3px;
    margin-bottom: 12px;
    font-size: 15px;
    color: #5695e1
}

.pw_change_wrap .input_style::placeholder {
    color: #b7b7b7
}

.pw_change_wrap .btn_check {
    display: block;
    width: 92%;
    height: 45px;
    margin: 20px auto 10px auto;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background: #5695e1;
    font-weight: 500
}

.pw_change_wrap .notice {
    width: 100%;
    padding: 15px 4% 5px 4%;
    font-size: 12.5px;
    color: #666;
    background: #f9f9f9
}

.pw_change_wrap .notice .tit {
    margin-bottom: 3px
}

.pw_change_wrap .notice ul {
    margin-bottom: 15px
}

.pw_change_wrap .notice li {
    margin-bottom: 2px
}

.pw_change_wrap .notice li:after {
    content: '';
    display: block;
    clear: both
}

.pw_change_wrap .notice .dot {
    float: left;
    position: relative;
    top: 8px;
    width: 2px;
    height: 2px;
    margin-right: 5px;
    background: #666
}

.pw_change_wrap .notice .txt {
    float: left;
    width: 95%
}

.modal-content.ml_change {
    overflow: hidden;
    width: 100%;
    max-width: 657px;
    margin: 0 auto;
    border-radius: 9px
}

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

.ml_change .t_txt {
    margin-bottom: 20px;
    font-size: 13px;
    letter-spacing: -1px;
    text-align: center;
    color: #0f3261
}

.ml_change .label_style {
    float: left;
    width: 100px;
    line-height: 44px
}

.ml_change .input_style {
    float: left;
    width: calc(100% - 100px)
}

.ml_change .input_style:disabled {
    color: #b7b7b7;
    background: #f4f4f4
}

.ml_change .select_style {
    display: block;
    width: calc(100% - 100px);
    height: 44px;
    padding: 0 0 0 12px;
    margin: 0 auto;
    border: 1px solid #c5c5c5;
    line-height: 44px;
    background: #fefefe
}

.ml_change .btn_check.size1 {
    width: 60%;
    font-size: 14px
}

.no_new_content_wrap {
    width: 100%;
    padding: 70px 0 60px 0;
    text-align: center
}

.no_new_content_wrap .f_ico {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-bottom: 10px;
    opacity: .6;
    background: url(/_static/mobile/images/ico/ico_no_reply.png) no-repeat 0 0;
    background-size: auto 35px
}

.no_new_content_wrap .txt {
    margin-bottom: 4px;
    color: #999;
    font-size: 13px
}

.no_new_content_wrap .btn_move_request {
    display: block;
    width: 45%;
    height: 38px;
    margin: 20px auto 0 auto;
    border: 1px solid #bbb;
    line-height: 35px;
    font-size: 13px;
    color: #555;
    background: #fff
}

.terms_area {
    width: 100%;
    background: #fff;
    font-size: 13px
}

.terms_area .depth1>li {
    margin-bottom: 20px;
    font-size: 13px;
    color: #333;
    letter-spacing: -1px
}

.terms_area .depth2 {
    padding-left: 6px;
    color: #555
}

.terms_area .depth2.style1 {
    padding-top: 12px
}

.terms_area .depth3 {
    clear: both;
    padding-left: 24px;
    padding-top: 5px;
    font-size: 13px;
    line-height: 20px
}

.terms_area .depth4 {
    clear: both;
    padding-left: 12px;
    padding-top: 5px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px
}

.terms_area .depth2 li {
    overflow: hidden;
    clear: both;
    margin-bottom: 3px;
    font-size: 13px;
    line-height: 20px
}

.terms_area .depth3 li {
    overflow: hidden;
    margin-bottom: 3px
}

.terms_area .depth4 li {
    overflow: hidden
}

.terms_area .depth1 .dot {
    position: relative;
    display: block;
    float: left;
    width: 20px
}

.terms_area .depth1 .txt {
    display: block;
    float: left;
    width: calc(100% - 20px)
}

.terms_area .b_txt {
    clear: both;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 14px;
    color: #0f3261
}

.terms_area .e_txt {
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 20px;
    color: #555
}

.terms_area .e_txt.style1 {
    padding: 12px 0
}

.terms_area .t_tit {
    margin-bottom: 13px;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    letter-spacing: -1px
}

.terms_area .t_txt {
    margin-bottom: 3px;
    font-size: 13px;
    color: #555;
    line-height: 20px;
    letter-spacing: -1px
}

.terms_area .t_txt.last {
    margin-bottom: 20px
}

.terms_area .tbl_wrap {
    clear: both;
    padding-top: 12px;
    font-size: 12px
}

.terms_area .tbl_wrap .tit {
    margin-bottom: 12px
}

.terms_area .tbl_wrap .table {
    width: 100%;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-collapse: separate;
    font-size: 12px
}

.terms_area .tbl_wrap li {
    overflow: hidden;
    width: 100%;
    margin-bottom: 0
}

.terms_area .tbl_wrap li div {
    float: left;
    min-height: 60px;
    padding: 8px 10px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    text-align: center
}

.terms_area .tbl_wrap .top div {
    height: 38px;
    min-height: 38px;
    background: #eee
}

.terms_area .tbl_wrap .t1 {
    width: 25%
}

.terms_area .tbl_wrap .t2 {
    width: 15%
}

.terms_area .tbl_wrap .t3 {
    width: 25%
}

.terms_area .tbl_wrap .t4 {
    width: 20%
}

.terms_area .tbl_wrap .t5 {
    width: 15%
}

.terms_area .tbl_wrap .c_box {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/_static/web/images/common/c_box.jpg) no-repeat 0 0
}

.terms_area .b_txt {
    margin-top: 10px
}

.modal-content.confirm_agree {
    overflow: hidden;
    width: 92%;
    max-width: 657px;
    margin: 0 auto;
    border-radius: 9px
}

.confirm_agree_wrap {
    width: 100%;
    background: #fff
}

.confirm_agree_wrap .p_content {
    width: 100%;
    padding: 20px 4%
}

.confirm_agree_wrap .t_txt {
    font-size: 13px;
    color: #777
}

.confirm_agree_wrap .e_txt_area {
    width: 100%;
    padding: 20px 4% 12px 4%;
    margin: 20px auto;
    border: 1px solid #ccc;
    background: #f9f9f9
}

.confirm_agree_wrap .e_txt_area dt {
    font-weight: 500;
    color: #333;
    font-size: 14px
}

.confirm_agree_wrap li {
    overflow: hidden;
    margin-bottom: 8px
}

.confirm_agree_wrap .dot {
    position: relative;
    top: 8px;
    display: inline-block;
    float: left;
    width: 2px;
    height: 2px;
    margin-right: 8px;
    background: #0f3261;
    vertical-align: middle
}

.confirm_agree_wrap .txt {
    display: inline-block;
    float: left;
    font-size: 13px;
    color: #333
}

.confirm_agree_wrap .b_txt {
    clear: both;
    padding: 0 0 0 10px;
    font-size: 13px;
    color: #777
}

.confirm_agree_wrap .c_box {
    position: relative;
    top: -1px;
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 17px;
    height: 17px;
    border: none;
    margin-right: 5px;
    vertical-align: middle;
    background: url(/_static/mobile/images/common/bg_checkbox_style2.png) no-repeat 0 0;
    background-size: 34px auto;
    vertical-align: middle
}

.confirm_agree_wrap .c_box:checked {
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat -17px 0;
    background-size: 34px auto
}

.confirm_agree_wrap .a_txt {
    font-size: 13px;
    color: #333
}

.confirm_agree_wrap .btn_confirm {
    display: block;
    width: 100%;
    height: 45px;
    margin: 20px auto;
    text-align: center;
    line-height: 45px;
    color: #fff;
    background: #5695e1;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer
}

.modal_wrap {
    overflow: hidden;
    width: 100%;
    border-radius: 9px;
    background: #fff
}

.modal_wrap .p_content {
    width: 100%;
    padding: 20px 4%
}

.modal_wrap .t_txt {
    font-size: 13px;
    color: #777
}

.modal_wrap .btn_confirm {
    display: block;
    width: 100%;
    height: 45px;
    margin: 20px auto 0 auto;
    text-align: center;
    line-height: 45px;
    color: #fff;
    background: #5695e1;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer
}

.attend_event_wrap {
    width: 100% !important;
    background-size: 100% auto !important;
}

.attend_event_wrap .a_top {
    width: 100%
}

.attend_event_wrap .a_top>img {
    display: block
}

.attend_event_wrap .a_top .e_rule_wrap {
    display: none;
    text-indent: -9999px
}

.attend_event_wrap .year_month {
    width: 100%;
    padding: 15px 0 10px 0;
    text-align: center;
    background: #d1e2f1
}

.attend_event_wrap .year_month .now_month {
    display: inline-block;
    color: #0f3261;
    font-family: NanumSquare, sans-serif;
    font-size: 18px;
    vertical-align: middle;
    font-weight: 700;
    line-height: 35px
}

.attend_event_wrap .year_month .btn_move {
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    background: url(/_static/mobile/images/event/attend_check_btn.png) no-repeat;
    background-size: auto 35px
}

.attend_event_wrap .year_month .btn_move.prev {
    background-position: -70px 0
}

.attend_event_wrap .year_month .btn_move.next {
    background-position: -105px 0
}

.calendar_wrap {
    width: 100%;
    font-family: NanumSquare, sans-serif
}

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

.calendar_wrap .c_day {
    position: relative;
    float: left;
    width: 14.28%;
    height: 55px;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
    background: #fff
}

.calendar_wrap .week .c_day {
    height: 40px;
    padding: 10px 0;
    border: none;
    color: #fff;
    background: #8499ad;
    font-weight: 700;
    font-size: 14.5px
}

.calendar_wrap .c_day.sun {
    color: #eb1b1b
}

.calendar_wrap .c_day.sat {
    color: #0060b1
}

.calendar_wrap .date {
    line-height: 54px
}

.calendar_wrap .check_ok {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, .7) url(/_static/mobile/images/event/attend_check_btn.png) no-repeat 0 0;
    background-size: auto 40px;
    transform: translate(-50%, -50%);
    opacity: 0
}

.calendar_wrap .today {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, .7) url(/_static/mobile/images/event/attend_check_btn.png) no-repeat -40px 0;
    background-size: auto 40px;
    transform: translate(-50%, -50%)
}

.calendar_wrap .c_day.checked .check_ok {
    opacity: 1
}

.attend_event_wrap .btn_area {
    width: 100%;
    padding: 15px 0 12px 0;
    border-bottom: 2px solid #ccd9e6;
    background: #d1e2f1
}

.attend_event_wrap .btn_attend {
    display: block;
    width: 91.5%;
    margin: 0 auto
}

.attend_event_wrap .notice_area {
    width: 100%;
    padding: 25px 0 22px 0;
    color: #7b8085;
    text-align: center;
    background: url(/_static/mobile/images/event/bg_attend_1904.png) repeat;
    background-size: auto 12px
}

.attend_event_wrap .notice_area>p {
    margin-bottom: 3px;
    font-size: 11px;
    letter-spacing: -1px
}

.attend_event_wrap .notice_area .t_blue {
    color: #4773ad
}

.charge_wrap {
    width: 100%;
    padding: 20px 12px;
    margin-bottom: 10px;
    background: #fff
}

.charge_wrap .r_item_wrap {
    margin-bottom: 20px;
    border: 1px solid #4fbc2d
}

.charge_wrap .r_item_wrap .c_tit {
    background: #4fbc2d
}

.charge_wrap .c_tit {
    width: 100%;
    height: 59px;
    padding-left: 4%;
    line-height: 59px;
    color: #fff;
    font-weight: 700;
    font-size: 16px
}

.charge_wrap .p_item_wrap {
    border: 1px solid #3d8eee
}

.charge_wrap .p_item_wrap .c_tit {
    background: #3d8eee
}

.charge_wrap .i_list {
    padding: 0 12px
}

.charge_wrap .item {
    padding: 20px 0;
    background: url(/_static/mobile/images/charge/bg_charge_item_1906.jpg) repeat-x left bottom
}

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

.charge_wrap .item:last-child {
    background: 0 0
}

.charge_wrap .item.r1 {
    background: url(/_static/mobile/images/charge/bg_charge_item_1906.jpg) repeat-x left bottom
}

.charge_wrap .i_detail {
    float: left
}

.charge_wrap .sum_area {
    float: right;
    padding-top: 30px;
    letter-spacing: -1px
}

.charge_wrap .sum {
    font-size: 13px;
    color: #d82143
}

.charge_wrap .sum .num {
    font-size: 20px
}

.charge_wrap .arrow {
    display: inline-block;
    width: 7px;
    height: 13px;
    margin-left: 10px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: 7px auto
}

.charge_wrap .num {
    font-family: DIN_pro, DIN_pro, sans-serif
}

.charge_wrap .point {
    margin-bottom: 8px;
    font-size: 13px;
    color: #d82143;
    letter-spacing: -1px
}

.charge_wrap .point .num {
    font-size: 20px;
    letter-spacing: -.5px
}

.charge_wrap .r1 .point {
    color: #f5506e
}

.charge_wrap .info {
    position: relative;
    height: 22px;
    padding: 0 8px 0 6px;
    border-left: 3px solid;
    line-height: 19px;
    color: #8b8b8b
}

.charge_wrap .txt {
    font-size: 13px;
    color: #333
}

.charge_wrap .ico_p {
    position: absolute;
    left: -10px;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.charge_wrap .b_p,
.charge_wrap .coupon {
    font-size: 12px;
    line-height: 22px
}

.charge_wrap .b_p .num,
.charge_wrap .coupon .num {
    font-size: 12px
}

.charge_wrap .p_5000 .info,
.charge_wrap .r1 .info {
    padding-left: 0;
    margin-left: 0
}

.charge_wrap .p_5000 .sum,
.charge_wrap .r1 .sum {
    color: #f5506e
}

.charge_wrap .r2 .info {
    background: #ebf3f9
}

.charge_wrap .r2 .ico_p {
    background: #6fc4ff
}

.charge_wrap .r2 .b_p {
    color: #32abff
}

.charge_wrap .r2 .coupon {
    color: #32abff
}

.charge_wrap .p_10000 .info,
.charge_wrap .p_45000 .info {
    background: #ebf3f9
}

.charge_wrap .p_10000 .ico_p,
.charge_wrap .p_45000 .ico_p {
    background: #6fc4ff
}

.charge_wrap .p_10000 .b_p,
.charge_wrap .p_10000 .coupon,
.charge_wrap .p_45000 .b_p,
.charge_wrap .p_45000 .coupon {
    color: #32abff
}

.charge_wrap .p_20000 .info {
    background: #e8f5f6
}

.charge_wrap .p_20000 .b_p,
.charge_wrap .p_20000 .ico_p {
    color: #48c5cd
}

.charge_wrap .p_20000 .coupon {
    color: #48c5cd
}

.charge_wrap .p_30000 .info {
    background: #ecfaf2
}

.charge_wrap .p_30000 .ico_p {
    background: #48cd7d
}

.charge_wrap .p_30000 .b_p,
.charge_wrap .p_30000 .coupon {
    color: #48cd7d
}

.charge_wrap .p_50000 .info {
    background: #f5f6e7
}

.charge_wrap .p_50000 .b_p,
.charge_wrap .p_50000 .coupon,
.charge_wrap .p_50000 .ico_p {
    color: #c8cd48
}

.charge_wrap .p_5000 .info {
    border: none
}

.charge_wrap .p_10000 .info {
    border-color: #6fc4ff
}

.charge_wrap .p_20000 .info {
    border-color: #48c5cd
}

.charge_wrap .p_30000 .info {
    border-color: #48cd7d
}

.charge_wrap .p_50000 .info {
    border-color: #c8cd48
}

.charge_wrap .v14500.r2 .info {
    border-color: #fa6fff;
    background: #f9ebf7
}

.charge_wrap .v14500.r2 .b_p {
    color: #f566dc
}

.charge_wrap .v23500.r2 .info {
    border-color: #bd6fff;
    background: #f4ebf9
}

.charge_wrap .v23500.r2 .b_p {
    color: #8f3bc0
}

.charge_notice {
    width: 100%;
    padding: 30px 15px 40px;
    background: #fff;
    font-family: 'NotoSans';
    letter-spacing: -1px;
}

.charge_notice .tit {
    margin-bottom: 8px;
    font-size: 14px;
    color: #3a3a3a;
    font-family: 'NotoSansM';
}

.charge_notice li {
    overflow: hidden;
    width: 100%;
    margin-bottom: 3px;
    color: #3a3a3a;
    opacity: 1;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -1px;
}

.charge_notice li .num {
    float: left;
    display: block;
    width: 18px;
    text-align: center
}

.charge_notice li .txt {
    float: left;
    display: block;
    width: calc(100% - 20px)
}


.flat_item_wrap {
    width: 100%;
    padding: 0px 0px 50px;
     background: #a6f2ff; 

}

.flat_item_wrap .f_item {
    overflow: hidden;
    width: calc(100% - 36px);
    margin: 0 auto 10px auto;
    border-radius: 20px;
    background: #fff;
    /*border: 5px solid #ff76b5;*/
    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 15%);
}

.flat_item_wrap .f_tit {
    width: 100%;
    height: 50px;
    padding-left: 12px;
    line-height: 55px;
    color: #fff;
    font-weight: 500;
    letter-spacing: -1px;
    font-size: 15px
}

.flat_item_wrap .top_point {
    position: relative;
    top: -1px;
    display: inline-block;
    height: 16px;
    padding: 3px 8px 0px;
    margin-left: 5px;
    border-radius: 7px;
    line-height: 14px;
    font-size: 11px;
    color: #ff4444;
    background: #fff;
}

.flat_item_wrap .t_5000 .top_point {
    color: #604def;
}

.flat_item_wrap .t_10000 .top_point {
    color: #604def;
}

.flat_item_wrap .t_basic {
    margin: 20px auto 0px;
    font-family: 'GmarketSansM', verdana, tahoma;
    letter-spacing: -0.5px;
}

.flat_item_wrap .t_basic .f_tit {
     			background: #7b40f1;  
}

.flat_item_wrap .t_5000 .f_tit {
    background: #1c7ce1;
    background: -moz-linear-gradient(left, #1c7ce1 0, #238dd7 100%, #7db9e8 100%);
    background: -webkit-linear-gradient(left, #1c7ce1 0, #238dd7 100%, #7db9e8 100%);
    background: linear-gradient(to right, #1c7ce1 0, #238dd7 100%, #7db9e8 100%)
}

.flat_item_wrap .t_10000 .f_tit {
    background: #3e3886;
    background: -moz-linear-gradient(left, #3e3886 0, #4f5b98 100%, #7db9e8 100%);
    background: -webkit-linear-gradient(left, #3e3886 0, #4f5b98 100%, #7db9e8 100%);
    background: linear-gradient(to right, #3e3886 0, #4f5b98 100%, #7db9e8 100%)
}

.flat_item_wrap .item {
    overflow: hidden;
    width: calc(100% - 24px);
    padding: 30px 0;
    margin: 0 auto
}

.flat_item_wrap .item.line {
    border-bottom: 1px dashed #245543;
    /*background: url(/_static/mobile/images/charge/bg_charge_item_1906.jpg) repeat-x left bottom*/
}

.flat_item_wrap .item:first-child {
    border-bottom: 1px dashed #c8c8c8;
    /*background: url(/_static/mobile/images/charge/bg_charge_item_1906.jpg) repeat-x left bottom*/
}

.flat_item_wrap .type {
    float: left
}

.flat_item_wrap .type .txt {
    font-size: 18px;
    color: #000;
}

.flat_item_wrap .type .con_txt {
    font-size: 12px;
    color: #666;
    letter-spacing: 0px;
}

.flat_item_wrap .t_5000 .con_txt {
    color: #238dd7
}

.flat_item_wrap .t_10000 .con_txt {
    color: #4f5a98
}

.flat_item_wrap .type .a_ico {
    position: relative;
    top: -1px;
    display: inline-block;
    height: 14px;
    padding: 0 3px;
    margin-left: 3px;
    border-radius: 2px;
    letter-spacing: -1px;
    color: #fff;
    font-size: 9px;
    line-height: 14px
}

.flat_item_wrap .t_5000 .a_ico {
    background: #ffc90d;
    background: -moz-linear-gradient(left, #ffc90d 1%, #ffaf0a 100%, #7db9e8 100%);
    background: -webkit-linear-gradient(left, #ffc90d 1%, #ffaf0a 100%, #7db9e8 100%);
    background: linear-gradient(to right, #ffc90d 1%, #ffaf0a 100%, #7db9e8 100%)
}

.flat_item_wrap .t_10000 .a_ico {
    background: #fc5c3f;
    background: -moz-linear-gradient(left, #fc5c3f 1%, #f5383f 100%, #7db9e8 100%);
    background: -webkit-linear-gradient(left, #fc5c3f 1%, #f5383f 100%, #7db9e8 100%);
    background: linear-gradient(to right, #fc5c3f 1%, #f5383f 100%, #7db9e8 100%)
}

.flat_item_wrap .sum_area {
    position: relative;
    top: 7px;
    float: right
}

.flat_item_wrap .num {
}

.flat_item_wrap .d_sum {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    text-decoration: line-through;
    line-height: 18px;
    font-size: 12px;
    color: #ff4444;
    opacity: 0.7;
    background-color: #efefef;
    padding: 3px 10px 1px;
    border-radius: 50px;
}

.flat_item_wrap .d_sum .num {
}

.flat_item_wrap .t_sum {
    margin-right: 12px;
    color: #ff4444;
    font-size: 11px
}

.flat_item_wrap .t_sum .num {
    position: relative;
    top: 1px;
    font-size: 21px;
    margin-right: 2px;
    font-family: 'GmarketSansB', verdana, tahoma;
}

.flat_item_wrap .arrow {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 7px;
    height: 13px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: 7px auto
}

.bg_line {
    display: block;
    width: 100%;
    height: 8px;
    background: #f2f2f2
}

.charge_info {
    width: 100%;
    padding-bottom: 8px;
    background: #fff;
    letter-spacing: -1px
}

.charge_info.flat {
    padding: 3px
}

.charge_info .top {
    overflow: hidden;
    width: calc(100% - 24px);
    height: 46px;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    line-height: 46px
}

.charge_info .top .tit {
    float: left;
    font-size: 15px;
    font-weight: 500;
    color: #525252
}

.charge_info .top .tit .s_txt {
    font-size: 11px;
    color: #999;
    font-weight: 400
}

.charge_info .top .t_sum {
    float: right;
    font-size: 12px;
    color: #f43142
}

.charge_info .top .d_sum {
    position: relative;
    top: 1px;
    margin-right: 10px;
    color: #ababab;
    text-decoration: line-through;
    font-size: 12px;
    vertical-align: top
}

.charge_info .top .num {
    font-weight: 700;
    color: #f43142;
    font-size: 18px;
    font-family: roboto, sans-serif;
    letter-spacing: 0
}

.total_point_info {
    width: 100%;
    padding: 12px 12px 0 12px
}

.total_point_info .i_list li {
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 14px;
    color: #555
}

.total_point_info .txt {
    display: block;
    float: left;
    padding: 0;
    text-align: left
}

.total_point_info .ico_plus {
    position: relative;
    top: 2px;
    margin-right: 6px;
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(/_static/mobile/images/charge/ico_type_pius.png) no-repeat 0 0;
    background-size: 13px 13px
}

.total_point_info .p_num {
    display: block;
    float: right;
    text-align: left;
    color: #555
}

.total_point_info .p_num .type {
    display: inline-block;
    width: 15px;
    margin-left: 3px;
    font-size: 12px
}

.total_point_info .p_num b {
    font-family: roboto, roboto, sans-serif;
    font-size: 15px;
    letter-spacing: 0
}

.total_point_info .t_point {
    overflow: hidden;
    height: 20px;
    padding-top: 2px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #555
}

.total_point_info .t_point .num {
    position: relative;
    top: -2px;
    display: inline-block;
    float: right;
    padding-right: 8px;
    color: #3d8eee;
    font-size: 14px;
    font-weight: 700
}

.total_point_info .t_point .num span {
    font-size: 16px;
    font-family: Roboto, sans-serif;
    vertical-align: middle;
    letter-spacing: 0
}

.total_point_info .name {
    float: left;
    display: block;
    width: 60px;
    height: 22px;
    border-radius: 10px;
    line-height: 22px;
    text-align: center;
    font-size: 13px;
    color: #555;
    background: #ededed
}

.total_point_info .txt.flat {
    float: right;
    display: block;
    width: calc(100% - 60px);
    text-align: right;
    font-size: 13px;
    line-height: 22px;
    font-weight: 500
}

.total_point_info .txt.flat.t_blue {
    color: #3d8eee
}

.charge_type_wrap {
    width: 100%;
    padding-bottom: 30px;
    background: #fff
}

.charge_type_wrap .type_choice {
    padding: 15px 12px
}

.charge_type_wrap .s_tit {
    margin-bottom: 12px;
    color: #525252;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -1px
}

.charge_type_wrap li {
    border: 1px solid #ddd;
    border-bottom: none
}

.charge_type_wrap li:first-child {
    border-radius: 8px 8px 0 0
}

.charge_type_wrap li:last-child {
    border-radius: 0 0 8px 8px
}

.charge_type_wrap li.type3 {
    border-bottom: 1px solid #ddd
}

.charge_type_wrap .t_btn {
    position: relative;
    width: 100%;
    height: 45px;
    padding: 1px 12px 0 12px;
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 45px;
    color: #333
}

.charge_type_wrap .t_btn .ico_r {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url(/_static/mobile/images/charge/ico_type_radio.png) no-repeat 0 0;
    background-size: auto 16px
}

.charge_type_wrap .t_btn .arrow {
    position: absolute;
    top: 21px;
    right: 12px;
    display: block;
    width: 12px;
    height: 10px;
    background: url(/_static/mobile/images/common/ico_arrow_small.png) no-repeat 0 0;
    background-size: 12px auto
}

.charge_type_wrap li.active .t_area {
    display: block
}

.charge_type_wrap li.active .arrow {
    top: 15px;
    transform: rotate(180deg)
}

.charge_type_wrap li.active .ico_r {
    background-position: -16px 0
}

.charge_type_wrap .t_area {
    display: none;
    overflow: hidden;
    width: 100%;
    max-width: 629px;
    padding: 0 12px 5px 12px
}

.charge_type_wrap .r_area {
    display: block;
    float: left;
    width: 48%;
    height: 38px;
    margin-bottom: 10px;
    border: 1px solid #ababab;
    border-radius: 19px;
    line-height: 37px;
    text-align: center;
    font-size: 14px;
    color: #333;
    letter-spacing: -1px
}

.charge_type_wrap .r_area:nth-child(odd) {
    margin-right: 4%
}

.charge_type_wrap .r_area .r_btn {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    top: -1px;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    border: none;
    background: url(/_static/mobile/images/common/bg_radio_btn_style2.png) no-repeat 0 0;
    background-size: auto 15px;
    vertical-align: middle
}

.charge_type_wrap .r_area .r_btn:checked {
    background-position: -15px 0
}

.charge_type_wrap .r_area.active {
    border-color: #3d8eee;
    background: #3d8eee;
    color: #fff
}

.charge_type_wrap .r_area .label_style {
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: top;
    letter-spacing: -1px
}

.charge_type_wrap .r_area .s_txt {
    font-size: 12px
}

.charge_type_wrap .t_red {
    clear: both;
    position: relative;
    top: -2px;
    margin-bottom: 5px;
    font-size: 13px;
    color: #f1537c;
    letter-spacing: -1px
}

.charge_type_wrap .c_area {
    margin-bottom: 20px
}

.charge_type_wrap .c_txt {
    padding: 0 0 0 12px;
    margin-bottom: 5px;
    font-size: 13px;
    color: #555;
    letter-spacing: -1px
}

.charge_type_wrap .c_box {
    position: relative;
    top: -1px;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: none;
    margin-right: 5px;
    vertical-align: middle;
    background: url(/_static/mobile/images/charge/ico_type_check.png) no-repeat 0 0;
    background-size: auto 18px;
    vertical-align: middle
}

.charge_type_wrap .c_box:checked {
    background-position: -18px 0
}

.charge_type_wrap .t_blue {
    margin-left: 10px;
    color: #3d8eee
}

.charge_type_wrap .btn_charge {
    display: block;
    width: calc(100% - 24px);
    height: 45px;
    margin: 0 auto;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background: #3d8eee;
    font-size: 15px;
    letter-spacing: -1px
}

.f_content.adult {
    background: #fff
}

.adult_top {
    padding: 38px 4%;
    text-align: center
}

.adult_top .a_img {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    background: url(/_static/mobile/images/ico/ico_adult_c.png) no-repeat 0 0;
    background-size: 80px 80px
}

.adult_top .txt {
    margin-bottom: 25px;
    color: #777;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -1px
}

.adult_top .txt b {
    color: #222;
    font-size: 15px
}

.adult_top .btn_out {
    font-size: 14px;
    color: #3d8eee;
    text-decoration: underline;
    cursor: pointer
}

.adult_btn_wrap {
    width: 100%;
    padding: 0 4% 120px 4%
}

.adult_btn_wrap .btn_c {
    display: block;
    width: 100%;
    height: 42px;
    padding-top: 2px;
    margin-bottom: 10px;
    line-height: 41px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -1px;
    background: #3d8eee;
    color: #fff
}

.adult_btn_wrap .ico {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    background: no-repeat 0 0
}

.adult_btn_wrap .phone .ico {
    display: inline-block;
    width: 20px;
    height: 24px;
    background-image: url(/_static/mobile/images/ico/ico_phone.png);
    background-size: auto 24px
}

.adult_btn_wrap .ipin .ico {
    display: inline-block;
    width: 25px;
    height: 24px;
    background-image: url(/_static/mobile/images/ico/ico_ipin.png);
    background-size: auto 24px
}

.adult_btn_wrap .kakao .ico {
    position: relative;
    top: -2px;
    left: -4px;
    display: inline-block;
    width: 68px;
    height: 32px;
    margin-right: 0;
    background-image: url(/_static/mobile/images/ico/logo_pay.png);
    background-size: auto 32px
}

.adult_btn_wrap .btn_c.kakao {
    color: #1e1e1e;
    background: #fff100
}

.adult_btn_wrap .txt {
    padding-top: 25px;
    color: #999;
    text-align: center;
    font-size: 14px;
    letter-spacing: -1px
}

.account_wrap {
    width: 100%;
    padding: 8px 0 40px 0
}

.account_wrap .a_inner {
    width: 100%;
    max-width: 768px;
    margin: 0 auto
}

.account_wrap .info_txt {
    padding: 0 16px 20px 16px;
    text-align: center;
    font-size: 14px
}

.account_wrap .t_blue {
    color: #3d8eee
}

.account_wrap .t_red {
    color: #f34848
}

.account_wrap .item_wrap {
    width: 100%;
    padding: 10px 0 0 0;
    margin-bottom: 8px;
    background: #fff
}

.account_wrap .item_wrap.style1 {
    padding: 0
}

.account_wrap .item_wrap .type {
    font-size: 13px;
    color: #555;
    line-height: 26px
}

.account_wrap .account_info .tit,
.account_wrap .item_wrap .type {
    padding-left: 12px;
    margin-bottom: 5px;
    font-size: 13px;
    color: #555;
    line-height: 26px;
    letter-spacing: -1px
}

.account_wrap .item_wrap .item_info {
    width: 100%;
    height: 52px;
    padding: 1px 12px 0 12px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
    line-height: 52px;
    text-align: center;
    background: #fff
}

.account_wrap .item_wrap .item {
    font-size: 20px;
    color: #fff;
    letter-spacing: -1px
}

.account_wrap .item_wrap .item .detail {
    font-size: 14px;
    line-height: 18px
}

.account_wrap .item_wrap .num {
    position: relative;
    display: inline-block
}

.account_wrap .item_wrap .p_ico {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(//static.onplay.co.kr/_static/web/images/common/ico_user_top.png) no-repeat;
    vertical-align: middle
}

.account_wrap .item_wrap .p_ico.coin {
    background-position: -50px 0
}

.account_wrap .item_wrap .p_ico.b_point {
    background-position: -75px 0
}

.account_wrap .item_wrap .p_ico.mileage {
    background-position: -100px 0
}

.account_wrap .item_wrap .p_ico.type5 {
    background-position: -125px 0
}

.account_wrap .item_wrap .p_ico.type6 {
    background-position: -150px 0
}

.account_wrap .item_wrap .e_ico {
    position: absolute;
    top: -2px;
    left: 0;
    display: block;
    width: 32px;
    height: 10px;
    background: url(//static.onplay.co.kr/_static/web/images/common/ico_user_top.png) no-repeat 0 -140px;
    vertical-align: middle
}

.account_wrap .account_info {
    padding: 10px 0 0 0;
    margin-bottom: 8px;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.account_wrap .info_tbl {
    width: 100%;
    border-top: 1px solid #e6e6e6
}

.account_wrap .info_tbl .line {
    position: relative
}

.account_wrap .info_tbl .line:after {
    content: '';
    display: block;
    clear: both
}

.account_wrap .info_tbl .t1,
.account_wrap .info_tbl .t2 {
    float: left;
    height: 40px;
    padding-left: 12px;
    border-bottom: 1px solid #e6e6e6;
    line-height: 40px;
    font-size: 12px;
    letter-spacing: -1px
}

.account_wrap .info_tbl .t1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    background: #fff;
    color: #666
}

.account_wrap .info_tbl .t2 {
    width: calc(100% - 110px);
    margin-left: 110px;
    color: #222;
    font-weight: 500;
    background: #fff
}

.account_wrap .info_tbl .type2 .t1 {
    height: 100%
}

.account_wrap .info_tbl .type2 .t2 {
    height: auto;
    min-height: 40px;
    padding: 10px 12px;
    line-height: 19px;
    background: #fff
}

.account_wrap .info_tbl .t1 .bar {
    position: relative;
    top: 12px;
    display: inline-block;
    float: right;
    width: 1px;
    height: 14px;
    background: #ddd
}

.account_wrap .p_ico {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 13px;
    height: 12px;
    margin: 0 3px;
    background: url(/_static/mobile/images/ico/ico_all_point.png) no-repeat 0 0;
    background-size: auto 15px;
    vertical-align: middle
}

.account_wrap .p_ico.type1 {
    background-position: -38px 0
}

.account_wrap .p_ico.type2 {
    background-position: -56px 0
}

.account_wrap .p_ico.type3 {
    background-position: -75px 0
}

.account_wrap .p_ico.type3 {
    background-position: -75px 0
}

.account_wrap .e_ico {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 39px;
    height: 12px;
    margin: 0 5px 0 3px;
    background: url(/_static/mobile/images/charge/pay_event_ico.png) no-repeat 0 0;
    background-size: auto 12px
}

.a_notice {
    width: 100%;
    padding: 12px;
    font-size: 11px;
    line-height: 20px;
    background: #f7fafd;
    letter-spacing: -1px
}

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

.a_notice .dot {
    position: relative;
    top: 9px;
    float: left;
    width: 2px;
    height: 2px;
    margin-right: 8px;
    background: #0e013c
}

.a_notice .txt {
    float: left;
    width: calc(100% - 10px);
    color: #555
}

.a_notice .t_red {
    color: #f34848
}

.account_wrap .btn_check {
    display: block;
    width: 166px;
    height: 46px;
    margin: 35px auto;
    line-height: 46px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #428ed5;
    cursor: pointer
}

.account_wrap .btn_check:hover {
    opacity: .7
}

.account_wrap .item_wrap.style1 .item_info {
    border: none;
    background: #3e3e3e
}

.a_notice {
    background: #fff
}

.new_join_2009 {
    width: 65%;
    min-width: 320px;
    max-width: 500px;
    margin: 0 auto
}

.new_join_inner {
    position: relative;
    width: 100%
}

.new_join_inner>img {
    display: block
}

.new_join_inner>p {
    display: none
}

.new_join_inner .m_close {
    position: absolute;
    width: 23px;
    height: 23px;
    top: 3.5%;
    right: 4.5%;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0
}

.new_join_inner .m_close:focus {
    outline: 0;
    border: none
}

.new_join_inner .btn_go_join {
    position: absolute;
    top: 84.5%;
    left: 30%;
    display: block;
    width: 40%;
    height: 9%;
    text-indent: -9999px
}

.new_join_inner .btn_close_today {
    position: absolute;
    left: 0;
    bottom: -40px;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 12px
}

.new_join_inner .btn_close_today .ico {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background: url(/_static/mobile/images/ico/ico_m_close.png) no-repeat 0 0
}

.app_join_2009 {
    width: 65%;
    min-width: 320px;
    max-width: 500px;
    margin: 0 auto
}

.app_join_inner {
    position: relative;
    width: 100%
}

.app_join_inner>img {
    display: block
}

.app_join_inner>p {
    display: none
}

.app_join_inner .m_close {
    position: absolute;
    width: 4.5%;
    height: 4.4%;
    top: 5.3%;
    right: 6%;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0
}

.app_join_inner .m_close:focus {
    outline: 0;
    border: none
}

.app_join_inner .btn_go_join {
    position: absolute;
    top: 80.7%;
    left: 30%;
    display: block;
    width: 40%;
    height: 9.6%;
    text-indent: -9999px
}

.app_join_inner .btn_close_today {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 4.8%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-indent: -9999px
}

.app_down_2009 {
    width: 65%;
    min-width: 320px;
    max-width: 500px;
    margin: 0 auto
}

.app_down_inner {
    position: relative;
    width: 100%
}

.app_down_inner>img {
    display: block
}

.app_down_inner>p {
    display: none
}

.app_down_inner .m_close {
    position: absolute;
    width: 4.5%;
    height: 4.4%;
    top: 5.3%;
    right: 6%;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0
}

.app_down_inner .m_close:focus {
    outline: 0;
    border: none
}

.app_down_inner .btn_go_down {
    position: absolute;
    top: 80.7%;
    left: 30%;
    display: block;
    width: 40%;
    height: 9.6%;
    text-indent: -9999px
}

.app_down_inner .btn_close_today {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 4.8%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-indent: -9999px
}

.on_attend_2009 {
    width: 65%;
    min-width: 320px;
    max-width: 500px;
    margin: 0 auto
}

.on_attend_inner {
    position: relative;
    width: 100%
}

.on_attend_inner>img {
    display: block
}

.on_attend_inner>p {
    display: none
}

.on_attend_inner .m_close {
    position: absolute;
    width: 4.5%;
    height: 5.1%;
    top: 3.8%;
    right: 4%;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0
}

.on_attend_inner .m_close:focus {
    outline: 0;
    border: none
}

.on_attend_inner .btn_go_attend {
    position: absolute;
    top: 77.7%;
    left: 28%;
    display: block;
    width: 43%;
    height: 10.1%;
    text-indent: -9999px
}

.on_attend_inner .btn_close_today {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 5.6%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-indent: -9999px
}

.name_check_2009 {
    min-width: 320px;
    max-width: 500px;
    margin: 0 auto
}

.name_check_inner {
    position: relative;
    width: 100%
}

.name_check_inner>img {
    display: block
}

.name_check_inner>p {
    display: none
}

.name_check_inner .m_close {
    position: absolute;
    width: 4.5%;
    height: 4.4%;
    top: 5.3%;
    right: 6%;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0
}

.name_check_inner .m_close:focus {
    outline: 0;
    border: none
}

.name_check_inner .btn_go_detail {
    position: absolute;
    top: 84.2%;
    left: 30%;
    display: block;
    width: 40%;
    height: 9%;
    text-indent: -9999px
}

.name_check_2009 .btn_close_today {
    position: absolute;
    left: 0;
    bottom: -32px;
    display: block;
    width: 125px
}

.name_check_2009 .btn_close_today img {
    display: block
}

.content_10_2009 {
    min-width: 320px;
    max-width: 500px;
    margin: 0 auto
}

.content_10_inner {
    position: relative;
    width: 100%
}

.content_10_inner>img {
    display: block
}

.content_10_inner>p {
    display: none
}

.content_10_inner .m_close {
    position: absolute;
    width: 4.5%;
    height: 4.4%;
    top: 4.4%;
    right: 6%;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0
}

.content_10_inner .m_close:focus {
    outline: 0;
    border: none
}

.content_10_inner .btn_go_detail {
    position: absolute;
    top: 84%;
    left: 26%;
    display: block;
    width: 48%;
    height: 9.2%;
    text-indent: -9999px
}

.content_10_2009 .btn_close_today {
    position: absolute;
    left: 0;
    bottom: -32px;
    display: block;
    width: 125px
}

.content_10_2009 .btn_close_today img {
    display: block
}

.v_cs .content_10_inner .btn_go_detail {
    left: 30%;
    width: 40%
}

.comic_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 65px 0 95px 0;
    background: #000
}

.comic_wrap .comic_control,
.comic_wrap .f_top {
    display: none
}

.comic_wrap.c_on .comic_control,
.comic_wrap.c_on .f_top {
    display: block
}

.comic_wrap .f_top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff
}

.comic_wrap .f_top .inner {
    position: relative;
    width: 100%;
    max-width: 768px;
    margin: 0 auto
}

.comic_wrap .f_top .inner .f_tit {
    width: 100%;
    line-height: 65px;
    text-align: center;
    font-size: 18px;
    letter-spacing: -1px;
    color: #333;
    font-weight: 500
}

.comic_wrap .f_top .inner .f_tit.event {
    overflow: hidden;
    width: 75%;
    margin: 0 auto;
    text-overflow: ellipsis;
    white-space: nowrap
}

.comic_wrap .f_top .btn_back {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 65px;
    background: url(/_static/mobile/images/common/btn_back.png) no-repeat center center;
    background-size: 21px auto
}

.comic_view {
    position: relative;
    width: 100%;
    height: 100%
}

.comic_control {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 5px;
    background: rgba(255, 255, 255, .85)
}

.comic_bar_wrap {
    overflow: hidden;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border-bottom: 1px solid #dedddf
}

.comic_bar_wrap .bar_area {
    position: relative;
    top: 20px;
    width: calc(100% - 70px);
    height: 3px;
    background: #a0a0a0
}

.comic_bar_wrap .bar_area .bar {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 30%;
    height: 4px;
    background: #3d8eee
}

.comic_bar_wrap .bar_area .dot {
    position: absolute;
    left: 30%;
    top: -6px;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #3d8eee
}

.comic_bar_wrap .page_view {
    float: right;
    width: 70px;
    text-align: right;
    line-height: 36px;
    color: #333;
    font-size: 13px;
    font-family: DIN_pro;
    font-weight: 400;
    letter-spacing: -1px
}

.comic_menu {
    width: 100%;
    height: 45px
}

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

.comic_menu .c_m_btn_group {
    float: left
}

.comic_menu .c_m_btn_group.type1 {
    width: 50%;
    padding-left: 12px
}

.comic_menu .c_m_btn_group.type2 {
    float: right
}

.comic_menu .c_m_btn {
    position: relative;
    float: left;
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 13px;
    color: #828282;
    text-align: center;
    letter-spacing: -1px
}

.comic_menu .c_m_btn_group.type1 .c_m_btn {
    width: 85px
}

.comic_menu .c_m_btn_group.type2 .c_m_btn {
    width: 50px
}

.c_m_btn.active .txt {
    color: #3d8eee
}

.c_m_btn.active .option_area {
    opacity: 1
}

.comic_menu .c_m_btn .ico {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 20px;
    height: 18px;
    margin-right: 3px;
    background: url(/_static/mobile/images/ico/ico_comic_img.png) no-repeat;
    background-size: auto 40px
}

.c_m_btn.divi .ico {
    background-position: 0 0
}

.c_m_btn.l_r_charge .ico {
    background-position: -20px 0
}

.c_m_btn.auto .ico {
    background-position: -40px 0
}

.c_m_btn.prev .ico {
    top: 3px;
    left: 1px;
    height: 19px;
    background-position: -61px 0
}

.c_m_btn.next .ico {
    top: 3px;
    height: 19px;
    background-position: -80px 0
}

.c_m_btn.list .ico {
    top: 3px;
    height: 19px;
    background-position: -100px 0
}

.c_m_btn.active.divi .ico {
    background-position: 0 -20px
}

.c_m_btn.active.l_r_charge .ico {
    background-position: -20px -20px
}

.c_m_btn.active.auto .ico {
    background-position: -40px -20px
}

.option_area {
    position: absolute;
    bottom: 64px;
    left: 50%;
    width: 110px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    transform: translate(-50%, 0);
    opacity: 0;
    color: #333
}

.option_area .arrow {
    position: absolute;
    bottom: -8px;
    left: 50%;
    display: block;
    width: 10px;
    height: 8px;
    background: url(/_static/mobile/images/ico/comic_arrow.png) no-repeat 0 0;
    background-size: auto 8px;
    transform: translate(-50%, 0)
}

.option_area .active {
    background: #f3f7fb;
    color: #3d8eee
}

.option_area .option {
    overflow: hidden;
    display: block;
    width: 100%;
    padding: 0 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list .option_area ul {
    overflow-y: scroll;
    height: 180px
}

.list_section_wrap {
    width: 100%;
    padding: 12px 0 6px 16px;
    margin-bottom: 10px;
    border-radius: 12px 0 0 0;
    background: #212121
}

.list_section_wrap .l_top {
    position: relative;
    width: 100%;
    height: 36px;
    padding: 6px 0;
    color: #fff;
    font-size: 15px
}

.list_section_wrap .l_top .ct_more {
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 12px
}

.list_section_wrap .l_top .arrow {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 7px;
    height: 10px;
    background: url(/_static/mobile/images/ico/ico_arrow_list_w.png) no-repeat 0 0;
    background-size: auto 10px
}

.list_section {
    width: 100%;
    border-top: 1px solid #434343
}

.list_section .top {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 30px;
    margin: 12px 0 10px 0
}

.list_section .top .l_img {
    overflow: hidden;
    float: left;
    display: block;
    width: 28px;
    height: 28px;
    margin: 1px 8px 0 0;
    border-radius: 50%
}

.list_section .top .l_name {
    font-size: 13px;
    line-height: 28px;
    color: #fff
}

.list_section .list_inner {
    overflow-x: scroll;
    width: 100%;
    padding-bottom: 12px
}

.list_section .list_ch {
    width: calc(142px * 6)
}

.list_section .list_ch li {
    float: left;
    width: 130px;
    margin-right: 12px
}

.list_section .ct_img {
    overflow: hidden;
    position: relative;
    width: 130px;
    height: 74px;
    margin-bottom: 6px;
    border: 1px solid #313131
}

.list_section .ct_img img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 130px;
    transform: translate(0, -50%)
}

.list_section .ct_info {
    width: 100%;
    font-weight: 400
}

.list_section .ct_info .tit {
    overflow: hidden;
    width: 100%;
    margin-bottom: 2px;
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 18px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list_section .ct_info .name,
.list_section .ct_info .price {
    font-size: 12px;
    color: #b0b0b0
}

.list_section .ct_info .name {
    letter-spacing: -1px
}

.list_section .ct_info .bar {
    display: inline-block;
    width: 1px;
    height: 9px;
    margin: 0 6px;
    background: #d2d2d2
}

.list_section .ct_info .ico {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-right: 3px;
    background: url(/_static/mobile/images/ico/ico_all_point.png) no-repeat 0 0;
    background-size: auto 14px;
    vertical-align: middle
}

.theme.list_section_wrap .l_top .t_green {
    color: #4fbc2d
}

.theme .list_section .top {
    height: auto;
    padding-right: 12px
}

.theme .list_section .top .l_name {
    line-height: 18px;
    letter-spacing: -1px
}

.theme .list_section .ct_img {
    height: 180px
}

.theme .list_section .ct_info .tit {
    text-align: center
}

.brand_broad_wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 10px
}

.brand_broad_wrap .tit_area {
    position: absolute;
    top: 0;
    left: 0;
    width: 155px;
    height: 100%;
    padding: 12px 0 12px 12px;
    border-radius: 12px 0 0 0;
    letter-spacing: -1px;
    color: #fff;
    background: #212121
}

.brand_broad_wrap .tit {
    margin-bottom: 8px;
    font-size: 16px
}

.brand_broad_wrap .txt_line {
    position: absolute;
    bottom: 35px
}

.brand_broad_wrap .txt {
    margin-bottom: 6px;
    font-size: 11px;
    color: #9e9e9e
}

.brand_broad_wrap .line {
    display: block;
    width: 126px;
    height: 1px;
    background: #fff
}

.brand_broad_wrap .btn_go_all {
    position: absolute;
    bottom: 12px;
    display: block;
    width: 126px;
    font-size: 12px;
    color: #fff
}

.brand_broad_wrap .btn_go_all .arrow {
    position: relative;
    top: 5px;
    float: right;
    display: inline-block;
    width: 7px;
    height: 10px;
    background: url(/_static/mobile/images/ico/ico_arrow_list_w.png) no-repeat 0 0;
    background-size: auto 10px
}

.brand_broad_wrap .b_btn_wrap {
    overflow: hidden;
    margin-left: 155px;
    width: calc(100% - 155px);
    padding: 12px 6px;
    background: #fff
}

.brand_broad_wrap .b_btn_wrap .b_btn {
    float: left;
    display: block;
    width: 33.3%;
    margin-bottom: 3px
}

.brand_broad_wrap .b_btn_wrap .b_btn .logo,
.brand_broad_wrap .b_btn_wrap .b_btn .logo img {
    display: block
}

.ico_e_10 {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 28px;
    height: 13px;
    margin: 0 5px 0 3px;
    background: url(/_static/mobile/images/ico/ico_event_10_list_v2.png) no-repeat 0 0;
    background-size: auto 13px
}

.ico_e_10.size2 {
    background-image: url(/_static/mobile/images/ico/ico_event_10_list_v2.png)
}

.event_10 .d_sum {
    position: relative;
    font-size: 11px;
    color: #ccc;
    letter-spacing: -.5px
}

.event_10 .d_sum .line {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #d92335
}

.event_10 .e_arrow {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 4px;
    height: 7px;
    margin-left: 5px;
    background: url(/_static/mobile/images/ico/ico_event_10_arrow_list.png) no-repeat 0 0
}

.v_tit_area .e_arrow {
    margin-right: 6px;
    background-image: url(/_static/mobile/images/ico/ico_event_10_arrow.png)
}

.v_tit_area .event_10 .d_sum {
    font-size: 13px
}

.v_tit_area .ico_e_10 {
    top: 3px;
    width: 48px;
    height: 16px;
    background-image: url(/_static/mobile/images/ico/ico_event_10.png);
    background-size: auto 15px
}

.v_tit_area .d_sum .line {
    background: #c72fda
}

.content_50_list .ico_e_10 {
    margin-right: 2px
}

.f_tit .w_ico_19 {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url(/_static/mobile/images/ico/ico_adult.png) no-repeat 0 0;
    background-size: auto 20px
}

.webtoon_view_wrap {
    width: 100%
}

.webtoon_view_wrap .w_top {
    width: 100%;
    margin-bottom: 12px;
    border-bottom: 1px solid #dedfe2;
    background: #fff
}

.webtoon_view_wrap .w_menu {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #dedfe2;
    background: #fff
}

.webtoon_view_wrap .w_menu .m_btn {
    float: left;
    width: 33.3%;
    height: 45px;
    font-size: 14px;
    line-height: 45px;
    text-align: center;
    letter-spacing: -1px;
    color: #333
}

.webtoon_view_wrap .w_menu .m_btn.point {
    color: #ff4444
}

.webtoon_view_wrap .w_menu .bar {
    position: relative;
    top: 15px;
    float: right;
    display: inline-block;
    width: 1px;
    height: 18px;
    background: #dedfe2
}

.w_top .my_info {
    overflow: hidden;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding-right: 12px;
    background: #f8f9fa
}

.w_top .my_info .point_area,
.w_top .my_info .txt {
    float: right;
    margin-right: 10px;
    font-size: 13px
}

.w_top .my_info .txt {
    color: #333;
    letter-spacing: -1px
}

.w_top .my_info .point_area {
    margin: 0;
    color: #555;
    font-size: 12px;
    font-weight: 400;
    font-family: DIN_pro, DIN_pro, sans-serif;
    letter-spacing: -.5px
}

.w_top .my_info .ico {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    background: url(/_static/mobile/images/ico/ico_all_point.png) no-repeat 0 0;
    background-size: auto 16px;
    vertical-align: middle
}

.w_top .my_info .wt_p .ico {
    background-position: -100px 0
}

.w_top .my_info .cash .ico {
    background-position: -40px 0
}

.w_top .my_info .bar {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 6px;
    background: #dedfe2
}

.wt_iframe,
.wt_iframe_area {
    width: 100%
}

.wt_iframe {
    height: 1200px
}

.webtoon_view_wrap.fix_style .w_top .w_menu {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: 1px solid #3d8eee
}

.webtoon_view_wrap.fix_style .w_top .my_info {
    margin-top: 45px
}

.f_tab_list_wrap {
}

.pay_section {
    width: 100%;
    padding-bottom: 50px;
    background-color: #a6f2ff;
}

.badge_christmas{
    display: none;
}
.pay_section .line {
    border: 1px dashed #fff;
    margin: 10px 20px;
    opacity: 0.2;
}

.point_item_wrap {
    width: 100%;
    padding: 20px 12px;
    margin-bottom: 10px;
    background: #fff
}

.point_item_wrap .c_tit {
    margin-bottom: 10px;
    font-size: 14px;
    color: #555;
    letter-spacing: -1px
}

.point_item_wrap .c_tit .l_line {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 3px;
    height: 14px;
    margin-right: 5px;
    background: #555
}

.r_pay_sention {
    width: 100%;
    max-width: 768px
}

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

.r_pay_sention .r_item {
    position: relative;
    float: left;
    width: calc(50% - 6px);
    padding-bottom: 50px;
    border-radius: 9px
}

.r_item.v14500 {
    margin-right: 6px
}

.r_item.v23500 {
    margin-left: 6px
}

.r_pay_sention .r_item .r_ico {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 60px;
    height: 18px;
    border-radius: 9px 0 9px 0;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -1px;
    color: #fff;
    background: #fd5c36;
    background: -moz-linear-gradient(left, #fd5c36 0, #f63840 100%, #2989d8 100%, #7db9e8 100%, #207cca 100%);
    background: -webkit-linear-gradient(left, #fd5c36 0, #f63840 100%, #2989d8 100%, #7db9e8 100%, #207cca 100%);
    background: linear-gradient(to right, #fd5c36 0, #f63840 100%, #2989d8 100%, #7db9e8 100%, #207cca 100%)
}

.r_pay_sention .r_item .top {
    width: 100%;
    padding: 25px 0 50px 0;
    border-radius: 9px
}

.r_item.v14500 .top {
    background: #6ec3ff;
    background: -moz-linear-gradient(left, #6ec3ff 0, #48a8ea 100%, #2989d8 100%, #7db9e8 100%, #207cca 100%);
    background: -webkit-linear-gradient(left, #6ec3ff 0, #48a8ea 100%, #2989d8 100%, #7db9e8 100%, #207cca 100%);
    background: linear-gradient(to right, #6ec3ff 0, #48a8ea 100%, #2989d8 100%, #7db9e8 100%, #207cca 100%)
}

.r_item.v23500 .top {
    background: #47c5cd;
    background: -moz-linear-gradient(left, #47c5cd 0, #2bb4bc 100%, #2989d8 100%, #7db9e8 100%, #207cca 100%);
    background: -webkit-linear-gradient(left, #47c5cd 0, #2bb4bc 100%, #2989d8 100%, #7db9e8 100%, #207cca 100%);
    background: linear-gradient(to right, #47c5cd 0, #2bb4bc 100%, #2989d8 100%, #7db9e8 100%, #207cca 100%)
}

.r_pay_sention .r_item .price {
    width: 100%;
    height: 40px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    font-family: Roboto, sans-serif;
    text-shadow: 0 0 8px rgba(147, 147, 147, .6)
}

.r_pay_sention .r_item .price .num {
    position: relative;
    top: 2px;
    margin-right: 2px;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: -.5px
}

.r_pay_sention .r_item .price .ico {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 3px;
    background: url(/_static/mobile/images/charge/ico_r_item_arrow.png) no-repeat;
    background-size: auto 12px;
    box-shadow: 0 0 8px rgba(147, 147, 147, .6)
}

.r_item.v14500 .price .ico {
    background-position: 0 0
}

.r_item.v23500 .price .ico {
    background-position: -12px 0
}

.r_item .point_info {
    position: absolute;
    left: 8px;
    top: 65px;
    width: calc(100% - 16px);
    padding: 10px 10px 5px 10px;
    border-radius: 9px;
    background: #fff;
    box-shadow: 4px 0 10px rgba(183, 183, 183, .6)
}

.r_item .point_info .total_point {
    overflow: hidden;
    width: 100%;
    padding-bottom: 7px;
    background: url(/_static/mobile/images/charge/bg_r_item.png) repeat-x left bottom
}

.r_item .point_info .m_ico {
    position: relative;
    top: 1px;
    float: left;
    display: block;
    width: 20px;
    height: 16px;
    background: url(/_static/mobile/images/charge/r_point_ico.png) no-repeat 0 0;
    background-size: auto 16px
}

.r_item .point_info .t_point {
    float: right;
    color: #d82143;
    font-size: 10px;
    line-height: 18px;
    letter-spacing: -.5px
}

.r_item .point_info .t_point .num {
    margin-right: 2px;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: 700
}

.pay_section .g_line {
    margin-bottom: 5px;
    border-radius: 9px;
    font-size: 10px;
    color: #555;
    line-height: 18px;
    letter-spacing: -1px;
    background: #f5f5f5
}

.pay_section .g_line.style1 {
    margin-top: 8px
}

.pay_section .r_item .g_line {
    width: 100%
}

.pay_section .g_line .num {
    font-size: 13px
}

.pay_section .g_line .b_p_ico {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border-radius: 50%;
    vertical-align: top;
    background: #ffc200 url(/_static/mobile/images/charge/ico_plus.png) no-repeat 5px 5px;
    background-size: 10px 10px
}

.pay_section .g_line .t_plus {
    position: relative;
    top: 6px;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 2px 0 4px;
    vertical-align: top;
    background: url(/_static/mobile/images/charge/ico_t_plus.png) no-repeat 0;
    background-size: 8px 8px
}

.pay_section .v14500 .g_line.style1 .b_p_ico {
    background-color: #55b2f2
}

.pay_section .v23500 .g_line.style1 .b_p_ico {
    background-color: #48c5cd
}

.pay_section .p_item {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 15px;
    box-shadow: 2px 3px 10px rgba(208, 209, 209, .6)
}

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

.pay_section .p_item .l_area {
    position: relative;
    float: left;
    width: 125px;
    height: 100px;
    border: 1px solid #e5e5e5;
    border-right: none;
    border-radius: 15px 0 0 15px;
    background: #4fbc2d
}

.pay_section .p_item .l_area .ico {
    position: relative;
    display: inline-block;
    height: 13px;
    padding: 0 3px;
    margin-left: 5px;
    border-radius: 2px;
    font-size: 9px;
    letter-spacing: -1px;
    line-height: 14px;
    background: #fd5e27;
    box-shadow: 0 0 4px rgba(91, 91, 91, .3)
}

.pay_section .p_item .l_area .btm {
    position: relative;
    display: inline-block;
    width: 5.5px;
    height: 3px;
    margin: 0 2px 0 0;
    vertical-align: top;
    vertical-align: middle;
    background: url(/_static/mobile/images/charge/ico_arrow_btm.png) no-repeat 0;
    background-size: auto 3px
}

.pay_section .p_item .r_area {
    position: relative;
    float: left;
    height: 100px;
    width: calc(100% - 125px);
    border: 1px solid #e5e5e5;
    border-left: none;
    border-radius: 0 15px 15px 0
}

.pay_section .p_item .r_inner {
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 3px 15px 0 0;
    transform: translate(0, -50%)
}

.pay_section .p_item .price {
    position: absolute;
    top: 50%;
    left: 12px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    font-family: Roboto, sans-serif;
    text-shadow: 0 0 4px rgba(91, 91, 91, .3);
    transform: translate(0, -50%)
}

.pay_section .p_item .price .num {
    position: relative;
    top: 2px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: -.5px
}

.pay_section .p_item .d_sum {
    display: block;
    text-decoration: line-through;
    line-height: 16px;
    letter-spacing: -1px
}

.pay_section .p_item .t_point {
    float: right;
    margin-bottom: 7px;
    color: #d82143;
    font-size: 10px;
    line-height: 18px;
    letter-spacing: -.5px
}

.pay_section .p_item .t_point .num {
    margin-right: 2px;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    letter-spacing: -1px;
    font-weight: 700
}

.pay_section .p_item .g_line {
    clear: both;
    float: right;
    display: inline-block;
    padding: 0 12px 0 0;
    vertical-align: top
}

.pay_section .p_item .e_ico {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 38px;
    height: 11px;
    margin-right: 3px;
    background: url(/_static/mobile/images/charge/pay_event_ico.png) no-repeat 0 0;
    background-size: auto 11px
}

.pay_section .p_item .m_ico {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 15px;
    height: 11px;
    margin-right: 3px;
    background: url(/_static/mobile/images/charge/pay_coin_ico.png) no-repeat 0 0;
    background-size: auto 11px
}

.pay_section .p_item .arrow {
    position: absolute;
    top: 50%;
    right: -8px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(/_static/mobile/images/charge/pay_item_arrow.png) no-repeat 0 0;
    background-size: auto 22px;
    transform: translate(0, -50%)
}

.pay_section .p_item .b_p_ico {
    background-color: #c6c6c6
}

.pay_section .p_item .g_line.type2 {
    margin-bottom: 0;
    background-color: #ebf3f9
}

.pay_section .p_10000 .g_line.type2 .b_p_ico {
    background-color: #48c5cd
}

.pay_section .p_20000 .l_area {
    border: 2px solid #4fbc2d;
    border-right: none
}

.pay_section .p_20000 .r_area {
    border: 2px solid #4fbc2d;
    border-left: none
}

.pay_section .p_20000 .g_line.type2 .b_p_ico {
    background-color: #48cd7d
}

.pay_section .p_30000 .g_line.type2 .b_p_ico {
    background-color: #c8cd48
}

.pay_section .p_45000 .g_line.type2 .b_p_ico,
.pay_section .p_50000 .g_line.type2 .b_p_ico {
    background-color: #efb52b
}

.pay_top_banner {
    margin-bottom: 0px
}

.pay_top_banner img {
    display: block;
}

.pay_section .pay_tit {
    padding-left: 7px;
    margin-bottom: 12px;
    color: #fff;
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: 700;
    line-height: 16px
}

.pay_section .pay_tit .bar {
    display: inline-block;
    width: 4px;
    height: 16px;
    margin-right: 8px;
    background: #555;
    vertical-align: top
}

.pay_item_wrap {
    width: 100%;
    padding: 20px 12px 0px 12px;
    margin-bottom: 12px;
    font-family: 'GmarketSansM', verdana, tahoma;
    letter-spacing: -0.5px;
}

.point_item {
    position: relative;
    width: 100%;
    margin-bottom: 8px
}

.point_item .r_p_flag {
    position: absolute;
    top: -3px;
    right: 24px;
    display: block;
    width: 60px;
    height: 30px;
    text-indent: -9999px;
    background: url(/_static/mobile/images/charge/ico_rec.png) no-repeat 0 0;
    background-size: auto 30px
}

.point_item .ico_coin {
    position: relative;
    top: 1px;
    float: left;
    display: block;
    width: 23px;
    height: 18px;
    margin-right: 5px;
    text-indent: -9999px;
    background: url(/_static/mobile/images/charge/p_ico_b.png) no-repeat 0 0;
    background-size: auto 18px
}

.point_item .ico_best {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 44px;
    height: 18px;
    margin-left: 3px;
    text-indent: -9999px;
    background: url(/_static/mobile/images/charge/ico_best.png) no-repeat 0 0;
    background-size: auto 18px
}

.point_item .ico_2x {
    position: relative;
    top: 1px;
    float: right;
    display: inline-block;
    width: 68px;
    height: 18px;
    text-indent: -9999px;
    background: url(/_static/mobile/images/charge/ico_2x.png) no-repeat 0 0;
    background-size: auto 18px
}

.point_item .top {
    overflow: hidden;
    width: 100%;
    padding: 16px 12px 12px 12px;
    border: 2px solid #3dcccc;
    border-bottom: none;
    border-radius: 12px 12px 0 0;
    color: #fff;
    background: #3dcccc
}

.point_item .btm {
    overflow: hidden;
    width: 100%;
    padding: 10px 12px;
    border: 2px solid #3dcccc;
    border-top: none;
    border-radius: 0 0 12px 12px
}

.vip .point_item .btn_pay {
    float: right;
    display: block;
    width: 110px;
    min-width: 110px;
    height: 40px;
    margin: 0;
    padding-top: 2px;
    border-radius: 20px;
    line-height: 38px;
    font-size: 14px;
    letter-spacing: -1px;
    color: #fff;
    text-align: center;
    background: #344747
}

.rec.pay_item_wrap .point_item {
    margin-bottom: 10px
}

.point_item.v14500 .top {
    border-color: #cf78fc;
    background: #cf78fc
}

.point_item.v23500 .top {
    border-color: #7f4def;
    background: #7f4def
}

.point_item.v14500 .btm {
    border-color: #cf78fc
}

.point_item.v23500 .btm {
    border-color: #7f4def
}

.point_item.v14500 .btn_pay {
    background: #cf78fc
}

.point_item.v23500 .btn_pay {
    background: #7f4def
}

.point_item.v50000 {
    margin: 0
}

.point_item .point_into {
    float: left;
    width: calc(100% - 28px)
}

.point_item .t_point {
    position: relative;
    top: -2px;
    height: 26px;
    margin-bottom: 8px;
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 26px
}

.point_item .t_point .num {
    font-family: Roboto, Roboto, sans-serif;
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    letter-spacing: -1px
}

.point_item .detail {
    font-family: HGGGothicssi;
    font-size: 14px
}

.point_item.v5000 .t_point {
    margin: 0
}

.point_item .b_inner {
    float: left;
    width: calc(100% - 110px);
    padding-right: 16px;
    text-align: right;
    letter-spacing: -1px
}

.point_item .per {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 40px;
    height: 38px;
    font-size: 12px;
    letter-spacing: -1px;
    line-height: 22px;
    text-align: center;
    vertical-align: top;
    color: #fff;
    background: url(/_static/mobile/images/charge/ico_arrow_p.png) no-repeat 0 0;
    background-size: auto 38px
}

.point_item .d_sum {
    display: inline-block;
    padding-top: 8px;
    margin-left: 6px;
    color: #959595;
    text-decoration: line-through;
    font-size: 13px;
    vertical-align: middle
}

.point_item .d_sum .num {
    font-family: Roboto, Roboto, sans-serif;
    font-size: 15px
}

.point_item .sum {
    display: inline-block;
    padding-top: 8px;
    margin-left: 6px;
    font-size: 13px;
    color: #3f3838;
    letter-spacing: -1px;
    vertical-align: middle
}

.point_item .sum .num {
    font-family: Roboto, Roboto, sans-serif;
    font-size: 22px;
    font-weight: 700
}

.app_review_popup {
    min-width: 320px;
    max-width: 500px;
    margin: 0 auto
}

.app_review_inner {
    position: relative;
    width: 100%
}

.app_review_inner>img {
    display: block
}

.app_review_inner>p {
    display: none
}

.app_review_inner .m_close {
    position: absolute;
    width: 4.5%;
    height: 4.4%;
    top: 4.6%;
    right: 6%;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0
}

.app_review_inner .m_close:focus {
    outline: 0;
    border: none
}

.app_review_inner .btn_go_detail {
    position: absolute;
    top: 84.2%;
    left: 30%;
    display: block;
    width: 40%;
    height: 9%;
    text-indent: -9999px
}

.app_review_popup .btn_close_today {
    position: absolute;
    left: 0;
    bottom: -32px;
    display: block;
    width: 125px
}

.app_review_popup .btn_close_today img {
    display: block
}

.webtoon_popup {
    min-width: 320px;
    max-width: 500px;
    margin: 0 auto
}

.webtoon_inner {
    position: relative;
    width: 100%
}

.webtoon_inner>img {
    display: block
}

.webtoon_inner>p {
    display: none
}

.webtoon_inner .m_close {
    position: absolute;
    width: 4.5%;
    height: 4.4%;
    top: 4.6%;
    right: 6%;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0
}

.webtoon_inner .m_close:focus {
    outline: 0;
    border: none
}

.webtoon_inner .btn_go_detail {
    position: absolute;
    top: 81%;
    left: 31%;
    display: block;
    width: 38%;
    height: 10.1%;
    text-indent: -9999px
}

.webtoon_popup .btn_close_today {
    position: absolute;
    left: 0;
    bottom: -32px;
    display: block;
    width: 125px
}

.webtoon_popup .btn_close_today img {
    display: block
}

.k_p_logo {
    position: relative;
    top: 21px;
    display: inline-block;
    width: 60px;
    height: 24px;
    margin-right: 3px;
    vertical-align: top;
    background: url(/_static/mobile/images/ico/logo_pay.png) no-repeat 0 0;
    background-size: auto 24px
}

.kakao_p_wrap {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    padding: 0 0 40px 0
}

.kakao_p_wrap .top {
    width: 100%;
    padding: 40px 0 30px 0;
    text-align: center;
    letter-spacing: -1px
}

.kakao_p_wrap .top .b_txt {
    margin-bottom: 25px;
    font-size: 20px;
    color: #333
}

.kakao_p_wrap .top .s_txt {
    font-size: 12px;
    color: #3d8eee
}

.a_line_area {
    width: calc(100% - 32px);
    margin: 0 auto;
    background: #fff
}

.a_line_area .a_line {
    position: relative;
    width: calc(100% - 24px);
    height: 56px;
    padding-top: 2px;
    margin: 0 auto;
    border-bottom: 1px solid #ebebeb;
    font-size: 15px;
    line-height: 54px;
    letter-spacing: -.5px
}

.a_line_area.all {
    margin-bottom: 20px
}

.a_line_area.all .a_line {
    font-weight: 600;
    border: none
}

.a_line_area.style1 .a_line {
    border: none
}

.a_line_area.style1 .a_content {
    border-top: 1px solid #ebebeb
}

.a_line .btn_more {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 56px;
    height: 56px;
    padding: 2px 10px 0 0;
    text-align: right
}

.a_line .btn_more .ico_arrow {
    display: inline-block;
    width: 20px;
    height: 8px;
    background: url(/_static/mobile/images/ico/ico_arrow_k.png) no-repeat 0 0;
    background-size: auto 8px
}

.kakao_p_wrap .c_box {
    position: relative;
    top: 12px;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border: none;
    vertical-align: top;
    border-radius: 50%;
    background: #b3b4b4 url(/_static/mobile/images/ico/ico_check.png) no-repeat center center;
    background-size: auto 9px
}

.kakao_p_wrap .c_box:checked {
    background-color: #3d8eee
}

.kakao_p_wrap .c_box:focus {
    outline: 0 !important
}

.kakao_p_wrap .a_content {
    display: none;
    width: calc(100% - 24px);
    padding: 12px 0;
    margin: 0 auto;
    border-bottom: 1px solid #ebebeb;
    font-size: 11px;
    letter-spacing: -.5px;
    color: #666
}

.kakao_p_wrap .a_content .inner {
    width: 100%;
    padding: 12px;
    border: 1px solid #f0f0f0;
    background: #f7f7f7
}

.kakao_p_wrap .a_content .t_txt {
    margin-bottom: 8px
}

.kakao_p_wrap .a_content .tit {
    margin-bottom: 8px;
    font-weight: 600
}

.kakao_p_wrap .a_content .p_con {
    padding-left: 8px
}

.a_line_area.active .ico_arrow {
    transform: rotate(180deg)
}

.a_line_area.active .a_content {
    display: block
}

.a_line_area.style1.active .a_content {
    border-bottom: none
}

.kakao_p_wrap .btn_ok {
    display: block;
    width: calc(100% - 32px);
    height: 56px;
    padding-top: 2px;
    margin: 60px auto 0 auto;
    font-size: 16px;
    letter-spacing: -.5px;
    line-height: 54px;
    text-align: center;
    color: #fff;
    background: #3d8eee
}

.kakao_p_wrap .btn_ok.kakao {
    background: #ffe902;
    color: #1e1e1e
}

.kakao_p_wrap .k_input_line {
    width: calc(100% - 32px);
    padding: 0 12px;
    margin: 0 auto;
    background: #fff
}

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

.k_input_line .info_input {
    position: relative;
    float: left;
    width: 100%;
    height: 70px;
    padding-top: 13px;
    border-bottom: 1px solid #ebebeb;
    letter-spacing: -.5px
}

.k_input_line .info_input.size1 {
    width: 65%
}

.k_input_line .info_input.size2 {
    width: 35%;
    padding-left: 8px
}

.k_input_line .info_input.size3 {
    width: 100%;
    margin-bottom: 10px
}

.k_input_line .k_label {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 12px
}

.k_input_line .k_input {
    display: block;
    width: calc(100% - 16px);
    height: 36px;
    padding: 3px 0 0 0;
    border: none;
    font-size: 20px;
    letter-spacing: -.5px;
    color: #555
}

.k_input_line .k_input::placeholder {
    color: #ccc
}

.k_input_line .k_input:focus {
    outline: 0 !important;
    outline-style: none !important
}

.k_input_line .s_select {
    display: block;
    width: 100%;
    height: 36px;
    border: none;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    font-size: 16px;
    color: #555;
    background: url(/_static/mobile/images/ico/ico_arrow_k.png) no-repeat 95% center;
    background-size: auto 6px
}

.k_input_line .bar {
    position: absolute;
    right: 4px;
    top: 17px;
    display: block;
    width: 1px;
    height: 40px;
    background: #ccc
}

.kakao_p_wrap .agree_step {
    width: 100%;
    padding: 30px 0 0 16px;
    margin-bottom: 100px;
    text-align: left
}

.kakao_p_wrap .agree_step .num {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding-top: 1.5px;
    margin-right: 8px;
    border-radius: 50%;
    line-height: 26px;
    color: #fff;
    text-align: center;
    background: #3d8eee
}

.kakao_p_wrap .agree_step li {
    margin-bottom: 12px
}

.kakao_p_wrap .agree_step .t_blue {
    font-weight: 600;
    color: #3d8eee
}

.b_i_popup {
    min-width: 320px;
    max-width: 500px;
    margin: 0 auto
}

.b_i_inner {
    position: relative;
    width: 100%
}

.b_i_inner>img {
    display: block
}

.b_i_inner>p {
    display: none
}

.b_i_inner .m_close {
    position: absolute;
    width: 4.5%;
    height: 4.4%;
    top: 4.6%;
    right: 6%;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0
}

.b_i_inner .m_close:focus {
    outline: 0;
    border: none
}

.b_i_inner .btn_go_detail {
    position: absolute;
    top: 84%;
    left: 30%;
    display: block;
    width: 40%;
    height: 9.2%;
    text-indent: -9999px
}

.b_i_popup .btn_close_today {
    position: absolute;
    left: 0;
    bottom: -32px;
    display: block;
    width: 125px
}

.b_i_popup .btn_close_today img {
    display: block
}

.nink_popup {
    min-width: 320px;
    max-width: 500px;
    margin: 0 auto
}

.nink_inner {
    position: relative;
    width: 100%
}

.nink_inner>img {
    display: block
}

.nink_inner>p {
    display: none
}

.nink_inner .m_close {
    position: absolute;
    width: 4.5%;
    height: 4.4%;
    top: 4.6%;
    right: 6%;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0
}

.nink_inner .m_close:focus {
    outline: 0;
    border: none
}

.nink_inner .btn_go_detail {
    position: absolute;
    top: 84%;
    left: 30%;
    display: block;
    width: 40%;
    height: 9.2%;
    text-indent: -9999px
}

.nink_popup .btn_close_today {
    position: absolute;
    left: 0;
    bottom: -32px;
    display: block;
    width: 125px
}

.nink_popup .btn_close_today img {
    display: block
}

.broad_list .top_rank_ico,
.movie_list .top_rank_ico {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    padding-right: 3px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    line-height: 28px;
    font-style: italic;
    text-shadow: 1px 1px 2px #020b64
}

.movie_list .top_rank_ico.bg_style1 {
    background: rgba(48, 166, 217, .8)
}

.broad_list .top_rank_ico.bg_style2 {
    background: rgba(108, 220, 81, .8)
}

.broad_list .top_rank_ico.bg_style3 {
    background: rgba(185, 46, 220, .8)
}

.hot_deal_wrap {
    width: 100%;
    border-top: 5px solid #06850f;
    background: #fff
}

.hot_deal_wrap .top {
    width: 100%;
    padding: 35px 0 0 0;
    text-align: center
}

.hot_deal_wrap .top_flat {
    display: inline-block;
    width: 42%;
    max-width: 191px;
    margin-bottom: 25px
}

.hot_deal_wrap .t_txt {
    height: auto;
    margin-bottom: 14px;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #333;
    line-height: 22px
}

.hot_deal_wrap .t_txt.big {
    margin-bottom: 32px;
    font-size: 45px;
    line-height: 45px;
    font-weight: 900;
    letter-spacing: -1.5px
}

.hot_deal_wrap .t_green {
    color: #06850f
}

.hot_deal_wrap .c_txt {
    z-index: 5;
    position: relative;
    margin-bottom: 15px;
    font-size: 12px;
    color: #797979;
    line-height: 22px
}

.hot_deal_wrap .txt_line {
    z-index: 2;
    position: relative;
    display: inline-block
}

.hot_deal_wrap .txt_line .line {
    z-index: 1;
    position: absolute;
    bottom: 2px;
    left: -3px;
    display: inline-block;
    width: calc(100% + 6px);
    height: 9px;
    background: rgba(81, 215, 90, .2)
}

.hot_deal_wrap .detail_txt {
    width: calc(100% - 24px);
    padding: 16px 16px 10px 16px;
    margin: 0 auto;
    background: #e4e4e5
}

.hot_deal_wrap .detail_txt li {
    overflow: hidden;
    width: 100%
}

.hot_deal_wrap .detail_txt .dot {
    position: relative;
    top: 6px;
    float: left;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #06850f
}

.hot_deal_wrap .detail_txt .d_txt {
    float: left;
    width: calc(100% - 5px);
    padding-left: 6px;
    font-size: 11px;
    color: #555;
    line-height: 18px;
    letter-spacing: -.5px
}

.hot_deal_wrap .agree_txt {
    width: 100%;
    padding: 24px 0;
    text-align: center
}

.hot_deal_wrap .m_c_box {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 8px 0 0;
    border: 1px solid #cecece;
    background: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: middle
}

.hot_deal_wrap .m_c_box:checked {
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/sub_common_new.png) no-repeat -80px -250px
}

.hot_deal_wrap .c_label {
    font-size: 12px;
    color: #555;
    line-height: 18px
}

.hot_deal_wrap .btn_hot_pay {
    display: block;
    width: 185px;
    height: 40px;
    padding-top: 2px;
    margin: 0 auto 40px auto;
    border-radius: 2px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -.5px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background: #06850f;
    cursor: pointer
}

.hot_deal_wrap .btn_hot_pay:hover {
    opacity: .8
}

.hot_deal_wrap .h_notice {
    width: 100%;
    padding: 25px 16px;
    background: #e8e7e7
}

.hot_deal_wrap .h_notice .h_tit {
    width: 104px;
    height: 20px;
    padding-top: 2px;
    margin-bottom: 10px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    color: #d7d7d7;
    letter-spacing: -1px;
    background: #343534
}

.hot_deal_wrap .h_notice li {
    overflow: hidden;
    width: 100%
}

.hot_deal_wrap .h_notice .dot {
    position: relative;
    top: 6px;
    float: left;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #7b7b7b
}

.hot_deal_wrap .h_notice .d_txt {
    float: left;
    width: calc(100% - 5px);
    padding-left: 6px;
    font-size: 11px;
    color: #555;
    line-height: 18px;
    letter-spacing: -.5px
}

.gift_2101 {
    min-width: 280px;
    max-width: 600px;
    margin: 0 auto
}

.gift_inner {
    position: relative;
    width: 100%
}

.gift_inner>img {
    display: block
}

.gift_inner>p {
    display: none
}

.gift_inner .m_close {
    position: absolute;
    width: 4.1%;
    height: 3.4%;
    top: 3.4%;
    right: 4.1%;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0
}

.gift_inner .m_close:focus {
    outline: 0;
    border: none
}

.gift_inner .btn_get {
    position: absolute;
    top: 87.9%;
    left: 33.3%;
    display: block;
    width: 33.3%;
    height: 6.3%;
    text-indent: -9999px
}

.gift_inner .btn_close_today {
    position: absolute;
    left: 0;
    bottom: -32px;
    display: block;
    width: 125px
}

.gift_inner .btn_close_today img {
    display: block
}

.on_chicken {
    min-width: 320px;
    max-width: 500px;
    margin: 0 auto
}

.on_chicken_in {
    position: relative;
    width: 100%
}

.on_chicken_in>img {
    display: block
}

.on_chicken_in>p {
    display: none
}

.on_chicken_in .m_close {
    position: absolute;
    width: 4.5%;
    height: 4.4%;
    top: 4.6%;
    right: 6%;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0
}

.on_chicken_in .m_close:focus {
    outline: 0;
    border: none
}

.on_chicken_in .btn_detail {
    position: absolute;
    top: 84%;
    left: 30%;
    display: block;
    width: 40%;
    height: 9.2%;
    text-indent: -9999px
}

.on_chicken .btn_close_today {
    position: absolute;
    left: 0;
    bottom: -32px;
    display: block;
    width: 125px
}

.on_chicken .btn_close_today img {
    display: block
}

.app_flat_2101 {
    min-width: 320px;
    max-width: 500px;
    margin: 0 auto
}

.app_inner {
    position: relative;
    width: 100%
}

.app_inner>img {
    display: block
}

.app_inner>p {
    display: none
}

.app_inner .m_close {
    position: absolute;
    width: 4.5%;
    height: 4.4%;
    top: 4.6%;
    right: 6%;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0
}

.app_inner .m_close:focus {
    outline: 0;
    border: none
}

.app_inner .btn_get {
    position: absolute;
    top: 84%;
    left: 30%;
    display: block;
    width: 40%;
    height: 10%;
    text-indent: -9999px
}

.app_flat_2101 .btn_close_today {
    position: absolute;
    left: 0;
    bottom: -32px;
    display: block;
    width: 125px
}

.app_flat_2101 .btn_close_today img {
    display: block
}

.pay_item {
    position: relative;
    overflow: hidden;
    left: 50%;
    width: calc(100% - 12px);
    height: 140px;
    margin: 0 auto 12px 0;
    transform: translate(-50%, 0);
    /*border: 5px solid #ff76b5;*/
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 15%);
}

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

.pay_item .raido_area {
    opacity: 0;
    z-index: 1;
    position: absolute;
    top: 0;
    left: -8px;
    display: block;
    width: 100%;
    height: 120px;
    margin: 0;
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-tap-highlight-color: transparent
}
/*
.pay_item .raido_area:checked {
    background: url(/_static/mobile/images/charge/point_2104_radio.png) no-repeat 0 42px;
    background-size: auto 15px
}
*/
.pay_item .raido_area:focus {
    outline: 0 !important;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none
}

.pay_item .left {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    min-width: 130px;
    height: 140px;
    /*border-top: 2px solid #eaeaea;
    border-bottom: 2px solid #eaeaea;
    background: #fff;*/
}
.pay_item .raido_area:checked + .left .total_point {
    color: #000;
}
.pay_item .raido_area:checked + .left .detail,
.pay_item .raido_area:checked + .left .detail_fixed,
.pay_item .raido_area:checked + .left .t_style {
    color: #d93a3a;
}
.pay_item .raido_area:checked + .right {
    background: url(/_static/web/images/charge/202302_event/pay_arrow.png) no-repeat 85% 50% #ff4444;
}
.pay_item .raido_area:checked + .right .d_sum {
    background-color: #d93a3a;
}
.pay_item .raido_area:checked + .left + .right {
    /*background-color: #f9f9f9;*/
    z-index: -1;
}
.pay_item .left .bg {
    position: absolute;
    left: 0;
    top: -2px;
    width: 20px;
    height: 100px;
    background: none !important;
    /*background: url(/_static/mobile/images/charge/point_2104_left_v2_2.png) no-repeat 0 0;
    background-size: auto 100px*/
}

.pay_item .left .sum_area {
    position: absolute;
    top: 50%;
    left: 15%;
    letter-spacing: -.2px;
    transform: translate(0, -50%)
}

.pay_item .left .per {
    margin-left: 5px;
    font-size: 12px;
    color: #ffec1e;
}

.pay_item .right .d_sum {
    font-size: 14px;
    text-decoration: line-through;
    color: #fff;
    /* opacity: 0.7; */
    background-color: rgba(0, 0, 0, 0.2);
    padding: 7px 15px 5px;
    border-radius: 50px;
}

.pay_item .total_sum {
    font-size: 12px;
    color: #fff;
    margin: 0px 0px 7px;
}

.pay_item .total_sum .num {
    position: relative;
    font-size: 21px;
    font-family: 'GmarketSansB', verdana, tahoma;
    margin: 0px 2px 0px 5px;
}

.pay_item .right {
    position: relative;
    float: right;
    width: calc(100% - 53%);
    height: 140px;
    padding: 12px 20px 0px 15px;
    /*border-top: 2px solid #eaeaea;
    border-bottom: 2px solid #eaeaea;*/
    text-align: left;
    background: url(/_static/web/images/charge/202302_event/pay_arrow.png) no-repeat 85% 50% #7b40f1; 
  
	
}
.pay_item .right .sum_area {
    position: relative;
    top: 27%;
}

.pay_item .right .bg {
    position: absolute;
    right: 0;
    top: -2px;
    display: block;
    width: 13px;
    height: 100px;
    background: none !important;
    /*background: url(/_static/mobile/images/charge/point_2104_right_v2_2.png) no-repeat 0 0;
    background-size: auto 100px*/
}

.pay_item .total_point {
    font-size: 12px;
    color: #3a3a3a;
    line-height: 30px;
}

.pay_item .total_point .num {
    margin-right: 2px;
    font-size: 21px;
    font-family: 'GmarketSansB', verdana, tahoma;
}

.pay_item .total_point .num_fixed {
    margin-right: 2px;
    font-size: 18px;
    font-family: 'GmarketSansB', verdana, tahoma;
    letter-spacing: -1px;
}

.pay_item .detail {
    font-size: 12px;
    color: #999;
    line-height: 18px;
    margin-left: 7px;
}

.pay_item .detail_fixed {
    font-size: 16px;
    color: #999;
    line-height: 18px;
}

.pay_item .t_style {
    color: #999;
}

.pay_item .point_area {
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translate(0, -50%)
}

.pay_item.v5000 {
    /*margin-top: 20px*/
}

.pay_item.v5000,
.pay_item.v5000 .left,
.pay_item.v5000 .right {
    height: 85px
}

.pay_item.v5000 .left .bg {
    height: 85px;
    background: none !important;
    /*background: url(/_static/mobile/images/charge/point_2104_left_v2_1.png) no-repeat 0 0;
    background-size: auto 85px*/
}

.pay_item.v5000 .right .bg {
    height: 85px;
    background: none !important;
    /*background: url(/_static/mobile/images/charge/point_2104_right_v2_1.png) no-repeat 0 0;
    background-size: auto 85px*/
}

.pay_item.v5000 .raido_area {
    height: 85px
}

.pay_item.v5000 .raido_area:checked {
    background-position: 0 34px;
    background-size: auto 15px
}

.pay_item.v20000 .left .bg {
    width: 50px;
    background: none !important;
    /*background-image: url(/_static/mobile/images/charge/point_2104_left_v2_3.png)*/
}

.pay_item.v20000 .right {
    border-color: #b7e7a8
}

.pay_item.v20000 .right .bg {
    background: none !important;
    /*background-image: url(/_static/mobile/images/charge/point_2104_right_v2_3.png)*/
}

.pay_item_wrap .btn_pay {
    display: block;
    width: 51%;
    min-width: 160px;
    height: 42px;
    margin: 25px auto;
    font-size: 16px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    color: #fff0c2;
    background: #4fbc2d
}
/*
.pay_item .raido_area:checked {
    background: url(/_static/mobile/images/charge/point_2104_radio.png) no-repeat 0 42px;
    background-size: auto 15px
}
*/
.pay_type_choice {
    padding: 12px 0
}

.pay_type_choice ol>li {
    padding: 20px 12px;
    margin-bottom: 12px;
    background: #fff
}

.pay_type_choice .step_tit {
    margin-bottom: 12px;
    font-size: 16px;
    color: #666;
    font-weight: 500
}

.pay_type_choice .detail_txt {
    padding-left: 12px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #000
}

.pay_type_choice .detail_txt span {
    color: #b5b5b5
}

.pay_type_choice .t_txt {
    padding-left: 12px;
    font-size: 13px;
    color: #757879
}

.pay_type_choice .d_sum {
    margin: 0 12px;
    font-size: 15px;
    color: #999;
    text-decoration: line-through;
    font-family: 'BebasNeue';
}

.pay_type_choice .total_sum {
    font-size: 24px;
    color: #ff4444;
    font-family: 'BebasNeue';
}

.type_btn_wrap {
    overflow: hidden;
    padding: 12px
}

.type_btn_wrap li {
    float: left;
    width: calc(50% - 6px);
    height: 44px;
    margin-bottom: 10px
}

.type_btn_wrap li a {
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #4fbc2d;
    font-weight: 500;
    color: #4fbc2d;
    text-align: center;
    font-size: 14px;
    line-height: 42px
}

.type_btn_wrap li:nth-child(even) {
    margin-left: 6px
}

.type_btn_wrap li:nth-child(odd) {
    margin-right: 6px
}

.header .h_top .btn_alim {
    position: absolute;
    top: 24px;
    right: 16px;
    display: block
}

.header .h_top .btn_alim .ico {
    display: inline-block;
    width: 28px;
    margin-top: -4px;
    height: 30px;
}
.header .h_top .btn_alim .ico::before {
    font-family: "Material Design Icons";
    content: "\F05F0";
    font-size: 30px;
    color: #ddd;
}

.header .h_top .btn_alim .num {
    position: absolute;
    left: 15px;
    top: -5px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    color: #fff;
    background: #ff4444;
}

.header .h_top {
    border-bottom: none
}

.header .search_logo {
    background: url(/_static/mobile/images/common/s_logo.png) no-repeat 0 0;
}

.search_bar_wrap.show {
    display: block;
}

.search_bar_wrap {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    width: calc(100% - 0px);
    height: 59px;
    margin: 0 auto 0px auto;
    background: #fff;
    border-bottom: 1px solid #ff4444;
}



.header.fix_style .search_bar_wrap {
    position: fixed;
}

.header .search_bar_wrap .input_area {
    margin-left: 46px;
}

.header .search_bar_wrap .i_style {
    width: calc(100% - 90px);
    height: 57px;
    padding: 16px 12px;
    border: none;
    letter-spacing: -1px;
    font-size: 18px;
    outline: none;  
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: -internal-light-dark(rgb(225, 225, 225), rgba(70, 90, 126, 0.4)) !important;
    color: fieldtext !important;
}


.header .search_bar_wrap .i_style::placeholder {
    color: #c8c8c8;
}

.header .search_bar_wrap .s_logo {
    width: 50px;
}

.header .search_bar_wrap .btn_sr {
    position: absolute;
    top: 0;
    right: 50px;
    display: inline-block;
    width: 50px;
    height: 58px;
    border: none;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/btn_sr.png) no-repeat 50%;
    background-size: 25px;
}
.header .search_bar_wrap .btn_x {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 50px;
    height: 58px;
    border: none;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/btn_x.png) no-repeat 25% 50%;
    background-size: 25px;
}

.header .h_top .btn_login {
    position: absolute;
    top: 24px;
    right: 12px;
    font-size: 14px;
    color: #666;
    letter-spacing: -1px
}

.gnb_wrap .bg_grd.right {
    width: 88px;
    right: 0
}

.gnb_wrap {
    border-top: 1px solid #eee;
}

.gnb_wrap .btn_m_open {
    right: 0;
    top: -1px;
    height: 51px;
    border: 1px solid #eee;
    border-right: 0;
}

.gnb_wrap.search {
    border-top: none
}

.m_banner_wrap {
    margin-bottom: 0;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666
}

.m_banner_wrap .b_btn_wrap .b_btn.active {
    background: #3e8cec
}

.m_banner_wrap .shadow_area {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .2;
    background: -moz-linear-gradient(45deg, rgba(0, 0, 0, .65) 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .65) 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(45deg, rgba(0, 0, 0, .65) 0, rgba(255, 255, 255, 0) 100%)
}

.top_sub_menu {
    z-index: 4;
    position: relative;
    height: 45px;
    background: #fff;
    box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 20%);
}

.top_sub_menu > ul {
    display: flex;
}

.top_sub_menu li {
    text-align: center;
    flex: 1;
    font-size: 16px;
    letter-spacing: -0.5px;
    font-weight: 500;
    line-height: 45px;
    color: #ff4444;
    border-right: 1px solid #eee;
}

.top_sub_menu .type_e {
}

.top_sub_menu .type_c {
    color: #fff;
    background-color: #ff4444;
    border-right: 0;
}

.broadcast_wrap {
    height: 160px;
    background: linear-gradient(#787878, #000);
    color: #fff;
}

.broadcast_wrap .broadcast {
    box-shadow: 0px 0px 10px 0px inset rgb(0 0 0 / 50%);
}
.broadcast_wrap .tit_area {
    position: relative;
    z-index: 2;
    float: left;
    width: 108px;
    height: 160px;
    background: linear-gradient(#787878, #000);
    padding: 30px 16px 0px;
    cursor: pointer;    
}
.broadcast_wrap .bg {
    position: absolute;
    z-index: 1;
    width: 108px;
    height: 130px;
    margin-top: 20px;
    box-shadow: 3px 0px 7px 0px rgb(0 0 0 / 50%);
}
.broadcast_wrap .tit_area .go {
    width: 68px;
    height: 8px;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/broad_go.png) no-repeat 100% 0px;
    background-size: auto 8px;
}
.broadcast_wrap .tit_area .tit_sub {
    position: relative;
    width: 68px;
    height: 20px;
    line-height: 20px;
    margin: 5px 0px 12px;
    background: #ff4444;
    border-radius: 3px;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
}

.broadcast_wrap .tit_area .tit_sub:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 25%;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #ff4444;
    border-bottom: 0;
    border-left: 0;
    margin-left: -4px;
    margin-bottom: -8px;
}
.broadcast_wrap .tit_area .tit {
    line-height: 24px;
    font-size: 20px;
    font-weight: 600;
}

.broadcast_wrap .list_wrap { 
    overflow: hidden;
    position: absolute;    
    width: calc(100% - 108px);
    left: 108px; 
}
.broadcast_wrap .list_area { 
    overflow-x: scroll; 
}
.broadcast_wrap .list_area::-webkit-scrollbar{
    display: none; 
}
.broadcast_wrap .list_area ul { 
    width: 100%; 
    /* min-width: 1178px;  */
    height: 160px;
    padding-top: 35px;
}

.broadcast_wrap .list_area li:first-child {
    margin-left: 8px;
}

.broadcast_wrap .list_area .list {
    overflow: hidden;
    float: left;
    width: 80px;
    height: 105px;
    margin-right: 8px;
    background-size: cover;
    /* background-position: 50%; */
    border-radius: 5px;
    cursor: pointer;
}
.broadcast_wrap .list_area .list.more {
    color: #fff;
    text-align: center;
    margin-right: 23px;
    padding-top: 13px;
    font-size: 14px;
    letter-spacing: -1px;
}
.broadcast_wrap .list_area .list.more div {
    position: relative;
    width: 45px;
    height: 45px;
    left: 20px;
    border-radius: 45px;
    background-color: #1f1f26;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/broad_go.png) no-repeat #1f1f26 50%;
    background-size: auto 12px;
    transform: rotate(45deg);
    margin-bottom: 5px;    
}

.content_slide_wrap.ad_p_style {
    padding: 20px 0
}

.content_slide_wrap.ad_p_style .tit {
    padding-bottom: 5px
}

.content_slide_wrap .tit {
    font-size: 16px;
    padding-bottom: 5px;
    width: calc(100% - 32px);
    margin: 0 auto;
    padding: 0 0 12px 0
}
.content_slide_wrap .tit span {
    color: #ff4444;
}

.content_slide_wrap .c_img .r_num {
    z-index: 3;
    position: relative;
    display: block;
    width: 25px;
    height: 25px;
    padding-right: 3px;
    border-radius: 0;
    font-family: 'GmarketSansB', verdana, tahoma;
    font-style: italic;
    font-size: 12px;
    padding-top: 2px;
    letter-spacing: 0px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    background: #888;
}

.content_slide_wrap .c_img .r_num.top {
    background: #ff4444;
}

.content_slide_wrap.txt_style .top_100 .c_txt_area {
    left: 132px;
    width: calc(100% - 132px);
    padding: 0 8px 0 12px
}

.content_slide_wrap.txt_style .c_list ul li {
    border-bottom: none
}

.swipe_wrap .c_list.top_100 {
    padding: 0 16px
}

.mobile-contents-slick .good_dots li.slick-active button {
    background: #ff4444;
}

.on_content_list.bg_gray {
    background: #f9f9f9
}

.content_50_list.d2_style {
    padding: 30px 0 20px 0
}

.content_50_list .sub_tit {
    padding-bottom: 0;
    border-bottom: none
}

.content_50_list .c_img {
    padding-top: 47.25%
}

.notice_section {
    padding: 20px 16px 10px 16px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
    background: #fff
}

.notice_section .tit {
    width: 100%;
    padding-bottom: 10px
}

.notice_section .btn_more {
    top: 22px
}

.notice_section ul {
    padding-top: 5px;
    border-top: 1px solid #eaeaea
}

.notice_section li {
    padding: 5px 0;
    border-bottom: none
}

.notice_section .type {
    color: #ff4444;
}

.btm_menu_wrap ul li {
    font-weight: 400
}

.scroll_menu .s_btn .h_ico {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 3px;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/s_logo_.png) no-repeat 0 0;
    background-size: 30px 30px;
}

.scroll_menu .s_btn.active .h_ico {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 3px;
    background: url(/_static/mobile/images/common/s_logo.png) no-repeat 0 0;
    background-size: 30px 30px;
}

.top_btn_area {
    padding: 12px 12px 0 12px
}

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

.top_btn_area .l_btn {
    display: inline-block;
    float: right;
    width: 80px;
    height: 26px;
    border: 2px solid #999;
    line-height: 22px;
    font-size: 12px;
    color: #666;
    letter-spacing: -.4px;
    text-align: center
}

.down .c_list .c_box_area {
    width: 25px
}

.down .c_list .c_box {
    position: relative;
    top: 26px;
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 17px;
    height: 17px;
    border: none;
    margin: 0 5px 0 0;
    background: url(/_static/mobile/images/common/bg_checkbox_style2.png) no-repeat 0 0;
    background-size: 34px auto;
    vertical-align: middle
}

.down .c_list .c_box:checked {
    background: url(/_static/mobile/images/common/bg_checkbox_style2.png) no-repeat -17px 0;
    background-size: 34px auto
}

.content_slide_wrap.txt_style.sub_list.type1.down .c_txt_area {
    left: 158px;
    width: calc(100% - 155px);
    padding-top: 6px
}

.content_slide_wrap.txt_style.sub_list.type1.down .info .name {
    position: absolute;
    bottom: 0;
    right: 5px
}

.f_content .input_wrap.join_ver2_wrap {
    background: #f9f9f9
}

.f_content .input_wrap.join_ver2_wrap.p_style {
    padding-bottom: 0
}

.top_ad_txt {
    padding: 10px 0 15px 0;
    text-align: center;
    letter-spacing: -1px
}

.top_ad_txt .b_txt {
    font-family: GmarketSansBold;
    font-size: 22px;
    color: #3d8eee
}

.top_ad_txt .b_txt span {
    color: #ff4444;
}

.top_ad_txt .bg_txt {
    display: inline-block;
    height: 24px;
    padding: 1px 18px 3px 18px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 22px;
    color: #fff;
    background: #3d8eee;
}

.top_ad_txt .bg_txt span {
    color: #ffd800
}

.top_ad_txt .txt {
    margin-top: 3px;
    font-size: 14px;
    color: #eee;
}

.join_ver2_wrap .input_style {
    border-color: #ddd;
}

.join_ver2_wrap .input_line {
    padding-bottom: 10px;
}
.join_ver2_wrap .input_line:nth-child(2) .input_style {
    /*border-top: 0;*/
}

.join_ver2_wrap .btn_submit {
    overflow: hidden;
    position: relative;
    padding-left: 13%;
    margin: 20px auto;
    border: 2px solid #ff4444;
    text-align: left;
    line-height: 42px;
    color: #ff4444;
    background: #fff;
}

.join_ver2_wrap .btn_submit.l_style {
    padding-left: 10%;
    letter-spacing: -1px
}

.join_ver2_wrap .btn_submit .point_txt {
    position: absolute;
    top: 0;
    right: -2px;
    display: block;
    width: 50%;
    height: 46px;
    padding: 0;
    border: none;
    color: #fff;
    background: #ff4444;
    text-align: center;
}

.join_ver2_wrap .btn_submit.mt_style {
    margin-top: 10px
}

.sns_join_btn_wrap {
    overflow: hidden;
    text-align: center;
    border-top: 1px solid #e2e2e2;
    margin-top: 40px;
}

.sns_join_btn_wrap .s_txt {
    font-size: 14px;
    letter-spacing: -1px;
    position: absolute;
    top: 321px;
    left: 50%;
    margin-left: -83px;
    background: #f9f9f9;
    padding: 0px 15px;
}

.sns_join_btn_wrap .sns_j_btn {
    position: relative;
    display: inline-block;
    width: calc(25% - 9px);
    height: 80px;
    margin: 0 12px 0 -4px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    text-align: center;
    background: #f8f8f8
}

.sns_join_btn_wrap .sns_j_btn img {
    position: absolute;
    width: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.sns_join_btn_wrap .sns_j_btn.fb {
    margin-right: 0
}

.sns_join_btn_wrap .all_agree {
    clear: both;
    padding-top: 20px;
    padding-left: 15%;
    text-align: left;
    font-size: 13px;
    letter-spacing: -1px;
    color: #666
}

.sns_join_btn_wrap .all_agree .t_green {
    color: #4fbc2d;
    text-decoration: underline
}

.all_agree .r_style {
    position: relative;
    top: -1px;
    margin-right: 5px;
    appearance: auto;
    -webkit-appearance: auto
}

.all_agree .r_style:checked {
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat -17px 0;
    background-size: 34px auto
}

.all_agree .c_box {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    border: none;
    margin-right: 10px;
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat 0 0;
    background-size: 40px auto
}

.all_agree .c_box:checked {
    background: url(/_static/mobile/images/common/bg_checkbox.png) no-repeat -20px 0;
    background-size: 40px auto
}

.join_ver2_wrap .check_area .c_box_style {
    border: 1px solid #666;
    background: 0 0
}

.join_ver2_wrap .check_area .c_box_style+.label_style {
    letter-spacing: -1px;
    color: #666
}

.join_ver2_wrap .btn_login {
    display: block;
    width: calc(100% - 24px);
    height: 50px;
    margin: 20px auto 0 auto;
    border: none;
    line-height: 50px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    background: #ff4444;
}

.join_ver2_wrap .btn_login.join {
    background: #454545;
    color: #fff;
    font-weight: 900;
}

.join_ver2_wrap .btn_login.join strong {
    font-weight: 900;
    color: #fff666;
}

.join_ver2_wrap .login_menu {
    padding-bottom: 25px;
    border-bottom: none;
    letter-spacing: -1px
}

.join_ver2_wrap .login_menu .bar {
    margin: 0 13px;
    color: #999
}

.f_content .protect_word.ver2 .txt {
    margin-bottom: 6px;
    color: #666;
    text-align: center
}

.f_content .ver2 .img_wrap {
    border-color: #c1c1c1;
    border: none
}

.f_content .ver2 .img_wrap .btn_refresh {
    border: 1px solid #c1c1c1;
    border-left: none;
    color: #fff;
    background: #666
}

.f_content .ver2 .input_style.size2 {
    color: #333;
    letter-spacing: -1px
}

.f_content .ver2 .input_style.size2:placeholder {
    color: #ccc
}

.ver2 .login.none {
    padding-bottom: 25px;
    background: #f9f9f9
}

.l_txt_area {
    padding: 25px 20px;
    background: #f9f9f9
}

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

.l_txt_area .l_txt .ico {
    position: relative;
    top: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: url(/_static/mobile/images/common/s_logo.png) no-repeat 0 0;
    background-size: 30px 30px
}

.l_txt_area .l_txt {
    font-size: 14px;
    color: #333;
    line-height: 30px;
    letter-spacing: -1px
}

.l_txt_area .login_link {
    position: absolute;
    right: 20px;
    top: 23px;
    font-size: 14px;
    line-height: 14px;
    padding: 10px;
    border-radius: 3px;
    background-color: #ff4444;
    letter-spacing: -1px;
    color: #fff;
    font-family: 'NotoSansB';
}

.l_txt_area .arrow_g {
    display: none;
    width: 10px;
    height: 13px;
    margin-left: 6px;
    background: url(/_static/mobile/images/common/arrow_g.png) no-repeat 0 0;
    background-size: auto 13px
}

.l_join_banner {
    width: calc(100% - 32px);
    margin: 0 auto
}

.l_join_banner img {
    display: block
}

.menu_list {
    padding: 10px 0;
    background: #fff
}

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

.menu_list li {
    padding-left: 55px;
    margin: 10px 0;
    height: 30px;
    line-height: 30px;
    position: relative;
    font-size: 14px;
    color: #000;
    font-family: 'NotoSansB';
}
.menu_list li span.txt {
    line-height: 30px;
    letter-spacing: -1px;
}
.menu_list .ico {
    position: absolute;
    top: 0;
    left: 15px;
    display: inline-block;
    width: 30px;
    background-color: #eee;
    height: 30px;
    border-radius: 5px;
    text-align: center;
}

.menu_list .ico::before {
    font-family: "Material Design Icons";
    content: "\F13E6";
    font-size: 20px;
    color: #888;
}

.menu_list .m1 .ico::before {
    content: "\F0C44";
}

.menu_list .m2 .ico::before {
    content: "\F0516";
}

.menu_list .m3 .ico::before {
    content: "\F0625";
}

.menu_list .m4 .ico::before {
    content: "\F0625";
}

.menu_list .m5 .ico::before {
    content: "\F03D6";
}

.menu_list .m6 .ico::before {
    content: "\F049A";
}

.menu_list .m7 .ico::before {
    content: "\F1272";
}

.menu_list .m8 .ico::before {
    content: "\F0A73";
}

.menu_list .m9 .ico::before {
    content: "\F1296";
}

.menu_list .m10 .ico::before {
    content: "\F06D4";
}

.menu_list .m11 .ico::before {
    content: "\F0C44";
}

.menu_list .m12 .ico::before {
    content: "\F06D4";
}

.menu_list .m13 .ico::before {
    content: "\F06BC";
}

.menu_list .m14 .ico::before {
    content: "\F07F4";
}

.menu_list .m15 .ico::before {
    content: "\F0861";
}

.menu_list.style_50 {
    padding: 10px 16px 20px 16px
}

.menu_list.style_50 li {
    float: left;
    padding-left: 35px;
    width: calc(50% - 8px);
    /*padding: 12px 0;
    width: calc(50% - 8px);
    border-bottom: 1px solid #eaeaea*/
}
.menu_list.style_50 .ico {
    left: 0;
}
.menu_list.style_50 li:nth-child(even) {
    margin-left: 8px
}

.menu_list.style_50 li:nth-child(odd) {
    margin-right: 8px
}

.my_info_wrap.ver2 {
    position: relative;
    padding: 22px 16px 22px 16px;
    border-top: none;
    /*background: url(/_static/mobile/images/common/bg_mypage_top.png) repeat 0 0*/
    background-color: #1e1e1e;
}

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

.my_info_wrap .m_img {
    float: left;
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-right: 12px;
    border-radius: 50%;
    background: url(/_static/mobile/images/ico/my_login_ico.png) no-repeat 0 0;
    background-size: auto 45px
}

.my_info_wrap .m_img.naver {
    background-position: -48px 0
}

.my_info_wrap .m_img.kko {
    background-position: -96px 0
}

.my_info_wrap .m_img.fb {
    background-position: -144px 0
}

.my_info_wrap .m_img.google {
    background-position: -192px 0
}

.my_info_wrap .m_info {
    float: left;
    height: 45px;
    padding-top: 2px;
    font-size: 12px;
    color: #999;
    letter-spacing: -1px;
    vertical-align: top
}

.my_info_wrap .n_name {
    font-size: 18px;
    color: #fff
}

.my_info_wrap .bar {
    position: relative;
    top: 1px;
    display: inline-block;
    margin: 0 10px;
    color: #666
}

.my_info_wrap .login_link {
    position: absolute;
    right: 15px;
    top: 36px;
    font-size: 12px;
    letter-spacing: -1px;
    color: #666;
}
.my_info_wrap .login_link::before {
    content: "\F05FD";
    font-family: "Material Design Icons";
    color: #999;
    font-size:22px;
}

.my_info_wrap .arrow_g {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
    background-size: auto 10px
}

.my_info_wrap.ver2 .m_level {
    top: 7px
}

.m_point_wrap {
    width: 100%;
    background: #fff
}

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


.m_point_wrap .m_box1 {
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea;
    font-size: 11px;
    color: #666
}

.m_point_wrap .m_box1.type_1 {
    width: 25%;
    text-align: center
}
.m_point_wrap .flaxx .m_box1.type_1 {
    flex: 1;
    display: table;
}
.m_point_wrap .flaxx .m_box1.type_1 > p {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 15px;
    text-align: right;
}
.m_point_wrap .flaxx .m_box1.type_1 > p.type_1_tit1 {
    text-align: left;

	padding: 5px 15px;
}

.m_point_wrap .flaxx .m_box1.type_1 > p.type_1_tit3 {
	width: 50%;	
	text-align: left;
	}
.m_point_wrap .flaxx .m_box1.type_1 > p.type_1_tit3 .btn_m_pay{	
	text-align: center;
	width: 50%;
	padding: 0 5px;
	height: 22px;
	margin: 0 auto;
	border: none;
	background-color: #333;
	letter-spacing: -1px;
	line-height: 18px;
	color: #fff;}



.m_point_wrap .m_box {
    float: left;
    padding: 10px 0;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    font-size: 11px;
    color: #666
}

.m_point_wrap .m_box.type_2 {
    width: 50%
}

.m_point_wrap .flaxx {
    width: 100%;
    display: flex;
    float: none;
}


.m_point_wrap .m_box.type_4 {
    width: 25%;
    text-align: center
}
.m_point_wrap .flaxx .m_box.type_4 {
    flex: 1;
    display: table;
}
.m_point_wrap .flaxx .m_box.type_4 > p {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 15px;
    text-align: right;
}
.m_point_wrap .flaxx .m_box.type_4 > p.type {
    text-align: left;
}

.m_point_wrap .m_box .inner {
    float: left;
    width: 50%;
    text-align: right;
    padding-right: 15px;
}
.m_point_wrap .m_box.type_2 .inner:first-child {
    text-align: left;
    padding-left: 15px;
}

.m_point_wrap .point {
    line-height: 22px;
    font-size: 11px;
    color: #666
}

.m_point_wrap .t_green {
    margin-right: 2px;
    color: #ff4444;
    font-size: 18px;
    font-family: 'BebasNeue';
}

.m_point_wrap .type {
    margin-top: 3px;
    letter-spacing: -1px
}

.m_point_wrap .btn_m_pay {
    display: inline-block;
    min-width: 50px;
    padding: 0 5px;
    height: 22px;
    margin: 0 auto;
    border: none;
    background-color: #ff4444;
    letter-spacing: -1px;
    line-height: 18px;
    color: #fff;
}

.m_point_wrap .num {
    color: #333;
    font-size: 18px;
    font-family: 'BebasNeue';
}

.more_menu {
    padding: 15px 16px;
    background-color: #eee;
}

.more_menu .menu {
    position: relative;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 8px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 40px;
    font-weight: 500;
    color: #000;
    background: #fff
}

.more_menu .menu:last-child {
    margin-bottom: 0
}

.more_menu .menu .ico {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 16px;
    height: 15px;
    margin-right: 6px;
    background: url(/_static/mobile/images/ico/menu_list_ico_ver2.png) no-repeat;
    background-size: auto 15px
}

.more_menu .menu .ico.t1 {
    background-position: -192px 0
}

.more_menu .menu .ico.t2 {
    background: none;
}
.more_menu .menu .ico.t2::before {
    font-family: "Material Design Icons";
    content: "\F139B";
    display: inline-block;
    font-size: 20px;
    color: #ffbc07;
}

.more_menu .child_btn {
    position: absolute;
    right: 10px;
    top: 9px;
    display: block;
    width: 44px;
    height: 24px;
    background: url(/_static/mobile/images/common/c_btn_img.png) no-repeat 0 0;
    background-size: auto 24px
}

.more_menu .child_btn.on {
    background-position: -44px 0
}

.more_menu .btn_m_pay {
    position: absolute;
    right: 10px;
    top: 9px;
    display: block;
    width: 65px;
    height: 22px;
    padding-top: 1px;
    margin: 0 auto;
    border: 2px solid #4fbc2d;
    text-align: center;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 18px;
    color: #4fbc2d
}

.more_menu .btn_m_pay.on {
    color: #666
}

.center_area.ver2 {
    padding: 35px 16px 70px 16px;
    background: #f9f9f9
}

.center_area.ver2 .p_num {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #666
}

.center_area.ver2 .txt {
    margin-bottom: 25px;
    color: #999
}

.center_area.ver2 .c_btn.direct,
.center_area.ver2 .c_btn.kakao {
    height: 42px;
    padding: 0;
    color: #fff;
    line-height: 42px;
    background: #ff4444;
}

.center_area.ver2 .c_btn.direct .ico,
.center_area.ver2 .c_btn.kakao .ico {
    display: none
}

.alim_list {
    padding: 10px 20px 70px 20px
}

.alim_list .alim_area {
    position: relative;
    width: 100%;
    height: 70px;
    border-radius: 8px;
    padding: 18px 12px 0 12px;
    margin-bottom: 10px;
    letter-spacing: -1px;
    background: #f8f8f8
}

.alim_list .tit {
    overflow: hidden;
    width: 90%;
    margin-bottom: 6px;
    font-size: 14px;
    color: #999;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.alim_list .link {
    font-size: 13px;
    color: #999;
    line-height: 16px
}

.alim_list .arrow {
    position: absolute;
    right: 12px;
    top: 30px;
    display: inline-block;
    width: 10px;
    height: 13px;
    margin-left: 6px;
    background: url(/_static/mobile/images/common/arrow_gray.png) no-repeat 0 0;
    background-size: auto 13px
}

.alim_list .alim_area.new {
    background: #fff
}

.alim_list .new .tit {
    color: #333
}

.alim_list .new .t_green {
    color: #56be33
}

.alim_list .new .arrow {
    background-image: url(/_static/mobile/images/common/arrow_g.png)
}

.search_top.ver2 {
    width: 100%;
    padding: 0px 0 0px 0;
    border-bottom: 1px solid #ff4444;
    background: #fff
}

.search_top.ver2 .s_wrap {
    width: 100%;
    border: none
}

.search_top.ver2 .btn_search {
    top: 0px;
    right: 50px;
    display: block;
    width: 50px;
    height: 58px;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/btn_sr.png) no-repeat 50%;
    background-size: 25px;
}

.search_top.ver2 .s_wrap .input_area .btn_t_delete {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 50px;
    height: 58px;
    border: none;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/btn_x.png) no-repeat 25% 50%;
    background-size: 25px;
}

.search_top.ver2 .btn_prev {
    top: 0;
    left: 0;
    width: 50px;
    height: 58px;
    background: url(/_static/mobile/images/ico/ico_btn_prev_gray.png) no-repeat 75% 50%;
    background-size: auto 17px;
}

.search_top.ver2 .btn_ico_s {
    top: 0px;
    left: 0px;
    width: 50px;
    height: 58px;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/top_s_logo.png) no-repeat 20px 17px;
    background-size: 25px;
}

.search_top.ver2 .s_wrap .input_area .input_style {
    width: calc(100% - 50px);
    height: 58px;
    line-height: 58px;
    padding: 16px 12px;
    border: none;
    letter-spacing: -1px;
    font-size: 18px;
    margin-left: 46px;
    outline: none;
    font-weight: 400;
}

.search_top.ver2 .s_wrap .input_area .input_style:focus {
}

.search_top.ver2 .s_wrap .input_area .input_style::placeholder {
    font-size: 18px;
    color: #c8c8c8;
    font-weight: 400;
}

.ver2 .best_search_word .tag_area,
.ver2 .recent_search_wrap .word_area {
    width: calc(100% - 32px);
    margin: 0 auto;
    padding: 20px 0;
    letter-spacing: -1px
}

.ver2 .best_search_word .m_top,
.ver2 .recent_search_wrap .m_top {
    width: calc(100% - 32px);
    padding: 20px 0 10px 0;
    color: #000
}

.ver2 .best_search_word .tag_area .tag,
.ver2 .recent_search_wrap .word_area .word {
    border-color: #4fbc2d;
    color: #4fbc2d
}

.ver2 .recent_search_wrap .word_area .word {
    padding: 0 7px
}

.ver2 .recent_search_wrap .btn_w {
    right: 16px;
    top: 20px
}

.content_slide_wrap.ver2 {
    padding: 10px 0
}

.content_slide_wrap.ver2 .content_top {
    width: calc(100% - 32px);
    height: 38px;
    padding: 10px 0 6px 0;
    margin: 0 auto
}

.content_slide_wrap.ver2.sub_list.broad .tit {
    width: 72px;
    float: left;
    color: #fff;
    font-size: 15px;
    line-height: 10px;
    font-weight: 600;
    border-bottom: 3px solid #ff4444;
    margin: 10px 0px 10px;
}

.content_slide_wrap.ver2.sub_list.broad .c_list {
    padding: 0px;
}

.content_slide_wrap.ver2.sub_list .c_list {
    padding: 0 16px
}

.content_slide_wrap.ver2 .sort_type .s_btn {
    margin-left: 10px;
    padding-top: 0;
    letter-spacing: -1px;
    color: #333
}

.content_slide_wrap.ver2 .sort_type .s_btn.active {
    color: #ff4444;
}

.content_slide_wrap.ver2 .name {
    position: absolute;
    right: 0;
    bottom: -31px;
    letter-spacing: -1px;
	text-overflow: ellipsis;
    overflow:hidden;
    white-space:nowrap;
    width: 40px;
	text-align: right;
}

.content_slide_wrap.ver2 .name.ad {
    bottom: 2px
}

.content_slide_wrap.ver2.txt_style .c_txt_area {
    left: 130px;
    top: 50%;
    width: calc(100% - 132px);
    padding-left: 5px;
    letter-spacing: -1px;
    transform: translate(0, -50%)
}

.content_slide_wrap.ver2.txt_style .c_txt_area, .content_slide_wrap.ver2.txt_style .info .bar {
    margin: 0 3px;
    font-size: 9px
}

.content_slide_wrap.ver2.txt_style .sum {
    color: #ff4444;
}

.content_slide_wrap.ver2 .info .p_ico {
    top: -1px;
    margin-right: 2px;
    background: url(/_static/mobile/images/ico/ico_point_ver2.png) no-repeat 0 0;
    background-size: auto 12px
}

.content_slide_wrap.ver2 .c_box_style {
    padding-top: 2px;
    margin: 0 3px 0 0;
    border: 1px solid #333;
    background: 0 0
}

.content_slide_wrap.ver2 .c_box_area label {
    color: #333
}

.content_slide_wrap.ver2.txt_style .ad_style .c_txt_area {
    top: 15px;
    transform: translate(0, 0)
}

.content_slide_wrap.ver2.txt_style .ad_style .info_area {
    position: absolute;
    left: 130px;
    bottom: 15px;
    width: calc(100% - 142px);
    padding-left: 12px;
}

.ver2 .c_img .adult_area {
    padding-top: 10px;
    background: rgba(0, 0, 0, .7)
}

.ver2 .c_img .adult_area .ico_19 {
    z-index: 3;
    width: 34px;
    height: 34px;
    border: none;
    text-indent: -9999px;
    background: url(/_static/mobile/images/ico/adult_thumb_v3.png) no-repeat 0 0;
    background-size: auto 34px
}

.ver2 .c_img .adult_area .a_txt {
    margin-top: 5px;
    font-size: 10px;
    color: #ccc;
    letter-spacing: -.5px
}

.search-result-container .gnb_wrap.search .gnb ul {
    width: 100%
}

.gnb_wrap.search.ver2 .gnb {
    padding: 10px 20px
}

.gnb_wrap.search.ver2 .gnb li {
    padding: 0;
    color: #333
}

.gnb_wrap.search.ver2 .gnb .active>span {
    color: #ff4444;
}

.gnb_wrap.search.ver2 .gnb .num {
    margin-left: 2px;
    font-weight: 300;
    color: #999;
    font-size: 11px;
    letter-spacing: 0
}

.v2109 .pay_item .total_sum {
    color: #4fbc2d
}

.v2109 .pay_item .left .per {
    color: #ec8e00
}

.v2109 .pay_item .total_point {
    color: #812205
}

.v2109 .pay_item .t_style {
    color: #ec8e00
}

.v2112 .pay_item.v5000 .total_sum {
    color: #ffde47
}

.v2112 .pay_item .total_sum {
    color: #ffd038
}

.v2112 .pay_item.v5000 .total_point {
    color: #ff9000
}

.v2112 .pay_item .total_point {
    color: #ff9000
}

.v2112 .pay_item .t_style {
    color: #000
}

.v2112 .pay_item.v20000 .left .bg {
    background-image: url(/_static/mobile/images/charge/point_2112_left.jpg)
}

.v2112 .pay_item.v20000 .right {
    border-color: #ffd038
}

.v2112 .pay_item.v20000 .right .bg {
    background-image: url(/_static/mobile/images/charge/point_2112_right.jpg)
}

.v2112 .pay_item .left .per {
    display: block;
    width: 56px;
    height: 56px;
    margin: 0;
    position: absolute;
    right: -28px;
    top: 22px;
    background: url(/_static/mobile/images/charge/ico_per_2112.png) no-repeat;
    background-size: contain;
    text-align: center;
    line-height: 56px;
    color: #fff;
    font-size: 19px;
    font-weight: 300
}

.v2112 .pay_item .left .per b {
    font-weight: 900;
    letter-spacing: -1px
}

.a_pay_item_popup {
    width: 100%;
    font-family: 'Spoqa Han Sans kr', sans-serif
}

.a_pay_item_popup .top {
    position: relative;
    padding: 0 20px;
    height: 60px;
    background: #4fbc2d
}

.a_pay_item_popup .top .tit {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 60px;
    letter-spacing: -1px
}

.a_pay_item_popup .top .btn_p_close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(/_static/mobile/images/common/btn_close_white_2.png) no-repeat 0 0;
    background-size: auto 20px
}

.a_pay_item_wrap {
    background: #fff
}

.a_pay_item_wrap .tit {
    padding: 20px 20px 12px 20px;
    font-size: 16px;
    font-weight: 700;
    color: #555;
    letter-spacing: -1px
}

.a_pay_item_area {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea
}

.a_pay_item {
    position: relative;
    padding: 0 20px
}

.a_pay_item.bg {
    background: #f8f8f8
}

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

.a_pay_item .l_area {
    padding: 12px 0
}

.a_pay_item .r_btn {
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    margin: 0;
    background: url(/_static/mobile/images/charge/a_pay_radio.png) no-repeat 0 0;
    background-size: auto 20px
}

.a_pay_item .r_btn:checked {
    background-position: -20px 0
}

.a_pay_item .sum_txt {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle
}

.a_pay_item .t_txt {
    font-size: 11px;
    color: #666;
    letter-spacing: -1px
}

.a_pay_item .t_txt b {
    margin-right: 2px;
    font-size: 13px;
    font-weight: 700
}

.a_pay_item .sum {
    font-size: 12px;
    color: #4fbc2d
}

.a_pay_item .sum .num {
    position: relative;
    top: 1px;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -.5px
}

.a_pay_item .i_style {
    position: relative;
    top: -3px;
    display: inline-block;
    width: 40px;
    height: 24px;
    border: 1px solid #c8c8c8;
    font-size: 12px;
    color: #222;
    text-align: center
}

.a_pay_item .r_area {
    position: absolute;
    top: 8px;
    right: 20px;
    text-align: right
}

.a_pay_item .txt {
    font-size: 12px;
    color: #666;
    letter-spacing: -.5px
}

.a_pay_item .point {
    margin-bottom: 3px;
    font-size: 11px;
    color: #007800;
    letter-spacing: -.5px;
    font-weight: 500
}

.a_pay_item .point .num {
    position: relative;
    top: 1px;
    font-weight: 700;
    font-size: 20px
}

.a_pay_item_wrap .t_point_txt {
    padding: 18px 0 25px 0;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -1px;
    color: #999
}

.a_pay_item_wrap .t_point_txt span {
    font-size: 14px
}

.a_pay_item_wrap .t_green {
    color: #007800
}

.a_pay_item_wrap .t_l_green {
    color: #4fbc2d
}

.a_pay_type_choice {
    padding: 30px 20px 10px 20px;
    background: #f8f8f8
}

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

.a_pay_type_choice .tit {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #555;
    letter-spacing: -1px
}

.a_pay_type_choice .a_pay_btn {
    float: left;
    display: block;
    width: calc(33.3% - 8px);
    height: 39px;
    padding: 11px 0 0 0;
    margin: 0 12px 16px 0;
    border: 1px solid #4fbc2d;
    border-radius: 4px;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: -1px;
    font-weight: 400;
    text-align: center;
    color: #4fbc2d;
    background: #fff
}

.a_pay_type_choice .a_pay_btn:nth-child(3n) {
    margin-right: 0
}

.a_pay_type_choice .a_pay_btn:nth-child(3n+1) {
    margin-left: 0
}

.a_pay_type_choice .a_pay_btn.active,
.a_pay_type_choice .a_pay_btn:focus {
    color: #fff;
    background: #4fbc2d
}

.a_pay_type_choice .a_pay_btn.disabled {
    opacity: .3
}

.a_pay_notice {
    padding: 30px 20px 35px 20px;
    background: #f9f9f9
}

.a_pay_notice .tit {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    color: #555;
    letter-spacing: -1px
}

.a_pay_notice li {
    margin-bottom: 3px;
    font-size: 12px;
    color: #999;
    letter-spacing: -1px
}

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

.a_pay_notice .num {
    position: relative;
    top: 1px;
    float: left;
    width: 10px;
    font-size: 11px;
    color: #999
}

.a_pay_notice .txt {
    float: left;
    width: calc(100% - 10px)
}

.mobile-contents-swiper-view-top-title-area {
    top: 0
}

.brand_ad_wrap {
    overflow: hidden;
    width: 100%;
    padding: 15px 16px 20px 16px;
    text-align: center;
    margin-bottom: 10px;
    background: #f8f8f8
}

.brand_ad_wrap .b_txt {
    margin-bottom: 3px;
    font-size: 23px
}

.brand_ad_wrap .bg_txt {
    position: relative;
    height: 26px;
    border-radius: 0;
    line-height: 25px
}

.brand_ad_wrap .bg_txt .bg_l {
    position: absolute;
    left: -8px;
    top: 0;
    display: block;
    width: 10px;
    height: 26px;
    background: url(/_static/mobile/images/common/ad_txt_bg_1.png) no-repeat 0 0;
    background-size: auto 26px
}

.brand_ad_wrap .bg_txt .bg_r {
    position: absolute;
    right: -8px;
    top: 0;
    display: block;
    width: 10px;
    height: 26px;
    background: url(/_static/mobile/images/common/ad_txt_bg_2.png) no-repeat 0 0;
    background-size: auto 26px
}

.brand_ad_wrap .b_btn {
    float: left;
    display: block;
    width: calc(50% - 6px);
    height: 50px;
    border: 4px solid #4fbc2d;
    font-size: 16px;
    line-height: 42px;
    letter-spacing: -1px;
    text-align: center
}

.brand_ad_wrap .b_btn.join {
    margin-right: 12px;
    color: #4fbc2d;
    background: #fff
}

.brand_ad_wrap .b_btn.adult {
    color: #fff;
    background: #4fbc2d
}

.brand_ad_wrap .b_btn .arrow {
    display: inline-block;
    width: 6px;
    height: 12px;
    margin-left: 8px;
    background: url(/_static/mobile/images/ico/tit_arrow_ico.png) no-repeat 0 0;
    background-size: auto 12px
}

@media (max-width:360px) and (min-width:270px) {
    .content_50_list.broad .c_list li {
        width: 50%
    }
    .content_50_list.broad .c_list .c_img {
        height: 170px
    }
}

@media (max-width:1200px) and (min-width:768px) {
    .m_banner_wrap .txt_area {
        left: 20px;
        bottom: 20px
    }

    .m_banner_wrap .txt_area .sub_txt {
        font-size: 18px;
        line-height: 24px
    }

    .m_banner_wrap .txt_area .tit {
        font-size: 50px;
        line-height: 50px
    }

    .content_50_list .c_list li {
        width: 33.3%
    }

    .content_50_list .c_list .c_img {
        height: 135px
    }

    .broad_list ul {
        padding-top: 12px;
        padding-left: 12px
    }

    .broad_list li {
        float: left;
        width: calc(50% - 12px);
        padding: 12px;
        margin: 0 12px 12px 0;
        border: 1px solid #e1e1e1
    }

    .content_i_style ul {
        padding: 12px 16px 0 16px
    }

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

    .content_i_style li {
        float: left;
        width: calc(50% - 12px);
        box-shadow: 1px 2px 3px #999
    }

    .content_i_style li:nth-child(even) {
        margin-left: 12px
    }

    .content_i_style li:nth-child(odd) {
        margin-right: 12px
    }
}

@media (min-width:768px) {
    .content_50_list.broad {
    min-height: 500px;
    }
    .broad_content_wrap .day.active {
    margin: 0px 5%;
    }

}
@media (max-width:1024px) and (min-width:768px) {
    .content_50_list.broad .c_list li {
        width: 20%
    }
    .content_50_list.broad .c_list .c_img {
        height: 195px
    }
}

@media (max-width:1201px) and (min-width:1024px) {
    .content_50_list.broad .c_list li {
        width: 16.66666%
    }
    .content_50_list.broad .c_list .c_img {
        height: 220px
    }
}

@media (max-width:1366px) and (min-width:1201px) {
    .content_50_list.broad .c_list li {
        width: 16.66666%
    }
    .content_50_list.broad .c_list .c_img {
        height: 290px
    }
    .content_50_list.broad {
        min-height: 700px;
    }
}

@media (min-width:1366px) {
    .content_50_list.broad .c_list li {
        width: 16.66666%
    }
    .content_50_list.broad .c_list .c_img {
        height: 310px
    }
}

@media (min-width:1201px) {
    .m_banner_wrap .txt_area {
        left: 20px;
        bottom: 20px
    }

    .m_banner_wrap .txt_area .sub_txt {
        font-size: 18px;
        line-height: 22px
    }

    .m_banner_wrap .txt_area .tit {
        font-size: 50px;
        line-height: 50px
    }

    .content_50_list .c_list li {
        width: 25%
    }

    .content_50_list .c_list .c_img {
        height: 142px
    }

    .broad_list ul {
        padding-top: 12px
    }

    .broad_list li {
        float: left;
        width: 31%;
        padding: 12px 2%;
        margin: 0 1% 12px 1%;
        border: 1px solid #e1e1e1
    }

    .content_i_style ul {
        padding: 12px 1% 0 1%
    }

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

    .content_i_style li {
        float: left;
        width: 32.5%;
        margin-right: 1.25%;
        box-shadow: 1px 2px 3px #999
    }

    .content_i_style li:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width:1201px) and (min-width:551px) {
    .terms_area .tbl_wrap .t1 {
        width: 60%
    }

    .terms_area .tbl_wrap .t2 {
        width: 40%
    }

    .terms_area .tbl_wrap .t3 {
        width: 50%
    }

    .terms_area .tbl_wrap .t4 {
        width: 30%
    }

    .terms_area .tbl_wrap .t5 {
        width: 20%
    }

    .terms_area .tbl_wrap .style1 li div {
        min-height: 45px
    }

    .terms_area .tbl_wrap .style1 .t1 {
        width: 100%
    }

    .terms_area .tbl_wrap .style1 .t2 {
        width: 70%
    }

    .terms_area .tbl_wrap .style1 .t3 {
        width: 30%
    }
}

@media (max-width:550px) {
    .terms_area .tbl_wrap li div {
        min-height: 75px
    }

    .terms_area .tbl_wrap .t1 {
        width: 100%
    }

    .terms_area .tbl_wrap .t2 {
        width: 50%
    }

    .terms_area .tbl_wrap .t3 {
        width: 50%
    }

    .terms_area .tbl_wrap .t4 {
        width: 50%
    }

    .terms_area .tbl_wrap .t5 {
        width: 50%
    }

    .terms_area .tbl_wrap .style1 li div {
        min-height: 65px
    }

    .terms_area .tbl_wrap .style1 .t1 {
        width: 100%
    }

    .terms_area .tbl_wrap .style1 .t2 {
        width: 70%
    }

    .terms_area .tbl_wrap .style1 .t3 {
        width: 30%
    }
}

@media (min-width:1024px) {
    .c_card_wrap ul li {
        width: calc(33.3% - 8px);
        margin-right: 12px
    }

    .c_card_wrap ul li:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width:360px) {

    .m_banner_wrap .txt_area .sub_txt {
        font-size: 12px
    }

    .m_banner_wrap .txt_area .tit {
        font-size: 28px;
        line-height: 28px
    }

    .r_section.detail .img_area,
    .r_section.detail .img_area .c_img,
    .r_section.detail.broad .img_area,
    .r_section.detail.broad .img_area .c_img {
        width: 85px;
        height: 123px
    }

    .r_section.detail .txt_area {
        width: calc(100% - 85px);
        font-size: 12px
    }

    .content_info .i_line {
        height: auto;
        font-size: 12px
    }

    .brand_broad_wrap .tit {
        font-size: 14px;
        line-height: 18px
    }

    .brand_broad_wrap .tit_area {
        width: 120px
    }

    .brand_broad_wrap .txt_line {
        width: 96px
    }

    .brand_broad_wrap .btn_go_all,
    .brand_broad_wrap .line {
        width: 96px
    }

    .brand_broad_wrap .btn_go_all {
        font-size: 11px
    }

    .brand_broad_wrap .b_btn_wrap {
        margin-left: 120px;
        padding: 12px 0;
        width: calc(100% - 120px)
    }

    .brand_broad_wrap .b_btn_wrap .b_btn {
        width: 50%
    }

    .charge_wrap .sum_area {
        padding-top: 20px
    }

    .pay_item .left {
        min-width: 135px
    }

}

.onplay_loader {
    min-height: 400px;
    width: 100%;
    padding: 40px
}

.onplay_loading {
    text-align: center;
    width: 100%;
    height: 120px;
    margin: auto;
    font-size: 20px;
    color: #ccc
}

.modal {
    width: 100%
}

.modal.alert-modal .modal-content .txt_area p {
    text-align: center
}

:focus {
    outline: -webkit-focus-ring-color auto 0
}

.gnb_wrap .gnb ul li.len_6 {
    width: 80px
}

.btn,
.btn_join,
.full_page .f_top .inner .f_tit,
.gnb_wrap .gnb ul li>span,
.view_wrap .v_top .inner .f_tit {
    -webkit-touch-callout: none;
    -webkit-touch-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -user-select: none;
    -webkit-tap-highlight-color: transparent
}

.f_content .input_style {
    color: #555
}

.ok-login .login.none {
    display: none
}

.ok-login .login.ok {
    display: block
}

.none-login .login.none {
    display: block
}

.none-login .login.ok {
    display: none
}

.i_section .info_wrap .pass_txt {
    color: #b9bfc2;
    font-size: 13px
}

.i_section .info_wrap .sns_txt {
    color: #2196f3;
    font-size: 13px;
    float: right;
    margin: 0 12px 0 0
}

.i_section .info_wrap .sns_txt.naver {
    color: #36ac36
}

.i_section .info_wrap .sns_txt.kakao {
    color: #ffbc07
}

.i_section .info_wrap .sns_txt.google {
    color: #4587f4
}

.i_section .info_wrap .sns_txt.facebook {
    color: #44609c
}

.i_section .mobile-user-info-sns {
    margin-top: 8px
}

.s_content .on_btn {
    margin-bottom: 6px
}

.pw_set_wrap .line {
    padding: 0 4%;
    margin-bottom: 10px
}

.pw_set_wrap .label_style {
    display: block;
    margin-bottom: 5px;
    font-size: 13px
}

.pw_set_wrap .mail {
    padding-top: 3px;
    margin-bottom: 12px;
    font-size: 15px;
    color: #5695e1
}

.input_style.is-invalid {
    border-color: #dc3545
}

.common_wrap {
    margin-top: 10px
}

.common_wrap .kids_protect {
    width: 100%;
    padding: 12px 4%;
    margin-bottom: 12px;
    font-size: 12px;
    color: #999;
    background: #1a2b63;
}

.common_wrap .kids_protect .t_red {
    color: #fff
}

.common_wrap .kids_protect .btn_center {
    color: #64c7cf
}

.content_50_list.premium {
    display: none
}

.content_50_list .info .bar {
    display: none
}

.content_50_list .info .sum {
    float: right
}

.mobile_view_wrap .v_preview_area.mobile-contents-view-top-player-area {
    width: 100%;
    height: auto;
    overflow: inherit
}

.mobile_view_wrap .v_preview_area.mobile-contents-view-top-player-area {
    width: 100%;
    height: auto;
    position: relative
}

.mobile_view_wrap.mobile_wrap-contents-modal-view .v_top-mobile-contents-view-action-btn-area {
    display: none
}

.mobile_view_wrap.mobile_wrap-contents-modal-view.btn-show .v_top-mobile-contents-view-action-btn-area {
    display: block
}

.mejs__mediaelement {
    position: relative
}

.mobile-contents-view-top-title-area .ico_19 {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 3px;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/sub_common_new.png) no-repeat -200px 0;
    vertical-align: middle
}

.v_top_player_area {
    margin-top: 0;
    min-height: 225px;
    background: #000
}

.v_top_player_area .ico {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: 30px;
    height: 17px;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/hd_ico_img02.png) no-repeat 0 -48px;
    background-size: 30px auto;
    z-index: 20000
}

.v_top_player_area .ico.hd {
    background-position: 0 -24px
}

.v_top_player_area .ico.fhd {
    background-position: 0 0
}

.mobile_view_wrap.video_fixed .v_top_player_area .ico {
    display: none
}

.v_top_player_area .a_ico {
    position: absolute;
    top: 2px;
    right: 12px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(/_static/mobile/images/ico/adult_thumb.png) no-repeat 0 0;
    background-size: 20px 20px;
    z-index: 20000
}

.mobile_view_wrap.video_fixed .v_top_player_area .a_ico {
    display: none
}

.content_detail .v_tit {
    overflow: hidden;
    width: 100%;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -1px;
    padding: 12px 12px;
    text-align: center;
    border-bottom: #ccc 1px solid
}

.mobile_view_wrap .seller_name_wrap {
    font-size: 13px
}

.v_tit_area {
    min-height: 50px
}

.v_tit_area .info .bbs_num,
.v_tit_area .info .cate,
.v_tit_area .info .num,
.v_tit_area .info .sum {
    font-size: 12px;
    color: #555
}

.v_tit_area .info .bbs_num {
    font-weight: 500
}

.mejs__overlay:hover>.mejs__overlay-button {
    background-position: 0 0
}

.mobile_view_wrap .v_preview_area.non_prev .mejs__overlay-button {
    background-image: url(/_static/mobile/images/common/btn_play_now.png);
    background-size: auto 100px;
    background-position: 0 0;
    height: 100px;
    width: 100px;
    display: none
}

.mejs__overlay-button {
    background-image: url(/_static/mobile/images/common/btn_play_preview.png);
    background-size: auto 100px;
    background-position: 0 0;
    height: 100px;
    width: 100px
}

.mejs__overlay-button.preview {
    background-image: url(/_static/mobile/images/common/btn_play_preview.png);
    background-size: auto 100px;
    background-position: 0 0;
    height: 100px;
    width: 100px
}

.mejs__overlay-button.live {
    background-image: url(/_static/mobile/images/common/btn_play_now.png);
    background-size: auto 100px;
    background-position: 0 0;
    height: 100px;
    width: 100px
}

.mejs__overlay-button.replay {
    background-image: url(/_static/mobile/images/common/btn_play_replay.png);
    background-size: auto 100px;
    background-position: 0 0;
    height: 100px;
    width: 100px
}

.mobile-video-controll-btn {
    z-index: 9
}

.mobile_view_wrap .login_txt .player_guide_show {
    display: block
}

.mobile_view_wrap.v_preview_area.mobile-contents-view-top-player-area {
    display: none
}

.mobile_view_wrap.v_preview_area.mobile-contents-view-top-player-area.logined {
    display: block
}

.mobile_view_wrap .v_preview_area .login_check_area .player_guide_login {
    bottom: -30px;
    position: absolute;
    font-size: 13px;
    width: 100%;
    height: 35px;
    background-color: #bfbfbf;
    text-align: center;
    padding: 7px
}

.mobile_view_wrap .v_preview_area .login_check_area .player_guide_login .p_link {
    color: #5695e1
}

.mobile-video-controll-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center
}

.mobile-view-video-player .btn.play {
    width: 100px;
    height: 100px;
    background: no-repeat 0 0;
    background-size: auto 100px;
    background-image: url(/_static/mobile/images/common/btn_play_now.png);
    z-index: 2
}

.mobile-view-video-player .btn.play.comic {
    background-image: url(/_static/mobile/images/common/btn_play_ebook.png)
}

.mobile_preview_player .mejs__layer {
    width: 100%;
    height: 100%
}

.mobile-view-video-player .btn.play.active {
    display: block
}

.v_preview_area-guide {
    display: none;
    text-align: left;
    background-color: #e1e1e1;
    padding: 5px;
    width: 100%;
    margin: auto;
    border-bottom: 1px solid #000
}

.v_top_player_area.prev .v_preview_area-guide.preview {
    display: block
}

.v_top_player_area.live .v_preview_area-guide.live {
    display: block;
    position: absolute;
    z-index: 13;
    top: 197px;
}

.v_preview_area-guide .player_guide_show {
    color: #555;
    font-size: 12px;
    width: 100%;
    text-align: center;
    letter-spacing: -1px
}

.mobile-view-video-player {
    background-color: #050102
}

.mobile_view_wrap video {
    margin: 0 auto
}

.mobile_view_wrap .v_preview_area_new .login_check_area {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 200px;
    padding: 40px 5px
}

.mobile_view_wrap.video_fixed .v_preview_area_new .login_check_area {
    position: fixed
}

.mobile_view_wrap .v_preview_area_new .login_check_area {
    cursor: pointer
}

.mobile_view_wrap.logined .v_preview_area_new .login_check_area {
    display: none
}

.mobile_view_wrap .v_preview_area_new .login_check_area .player_guide_login {
    width: 100%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-top: 158px;
    background-color: #000;
    opacity: .7
}

.mobile_view_wrap .v_preview_area_new .login_check_area .player_guide_login .p_link {
    color: #5695e1
}

.mobile_view_wrap .v_preview_area_new .mobile_live .player_guide_login {
    display: none
}

.v_preview_area_new .player_guide_show_prev {
    position: absolute;
    z-index: 10;
    color: #e6e6e6;
    font-size: 12px;
    letter-spacing: -1px;
    width: 100%;
    text-align: center;
    top: 0;
    padding-top: 3px;
    height: 25px;
    background-color: rgba(0, 0, 0, .5);
    display: none;
}

.mobile_view_wrap.video_fixed .v_preview_area_new .player_guide_show_prev {
    display: none
}

.v_preview_area_new .player_guide_show_title {
    position: absolute;
    z-index: 10;
    color: #48a1ec;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -1px;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    top: 0;
    padding-top: 3px;
    height: 25px;
    background-color: rgba(0, 0, 0, .5);
    display: none
}

.mobile_view_wrap.video_fixed .v_preview_area_new .player_guide_show_title {
    display: block
}

.v_preview_area_new .player_guide_show_live {
    position: absolute;
    z-index: 10;
    top: 0;
    color: #fff;
    font-size: 13px;
    width: 100%;
    height: 25px;
    padding-top: 3px;
    text-align: center;
    letter-spacing: -1px;
    background: rgba(0, 0, 0, .5)
}

.v_tit_area .ico_sale {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 28px;
    height: 13px;
    margin: 0 5px 0 3px;
    background: url(//static.onplay.co.kr/_static/mobile/images/ico/ico_event_10_list_v2.png) no-repeat 0 0;
    background-size: auto 13px
}

.v_content_num .link_area .btn.zzim {
    color: #777
}

.v_content_num .link_area .btn.coupon {
    color: #3137f7
}

.mobile_view_wrap .btn-down-f {
    display: block
}

.mobile_view_wrap .btn-down-redown {
    display: none
}

.mobile_view_wrap.redown-contents .btn-down-f {
    display: none
}

.mobile_view_wrap.redown-contents .btn-down-redown {
    display: block
}

.mobile_view_wrap .v_nomal_top_player_area,
.mobile_view_wrap .v_swiper_top_player_area {
    font-size: 10px
}

.mobile_view_wrap .v_nomal_top_player_area .btn-player,
.mobile_view_wrap .v_swiper_top_player_area .btn-player {
    position: absolute;
    top: calc(50% - 8px);
    left: 50%;
    font-size: 2.4em;
    height: 3.6em;
    width: 3.6em;
    margin-top: -2em;
    margin-left: -1.8em;
    line-height: 1.6em;
    border-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 20px 0px 20px 20px;
    background-color: #ccc;
    display: none
}

.mobile_view_wrap .v_nomal_top_player_area.live .btn-player,
.mobile_view_wrap .v_swiper_top_player_area.live .btn-player {
    background-color: rgba(255, 68, 68, .8);
    display: none
}

.mobile_view_wrap .v_nomal_top_player_area.live .btn-player.live,
.mobile_view_wrap .v_swiper_top_player_area.live .btn-player.live {
    display: block
}

.mobile_view_wrap .v_nomal_top_player_area.live .btn-player.live.comic,
.mobile_view_wrap .v_swiper_top_player_area.live .btn-player.live.comic {
    display: block;
    display: block;
    height: 3.6em;
    width: 3.6em;
    background: url(/_static/mobile/images/common/btn_play_ebook.png) no-repeat;
    background-size: auto 3.6em;
}

.mobile_view_wrap .v_nomal_top_player_area.live .btn-player.live.comic .player-icon-placeholder,
.mobile_view_wrap .v_swiper_top_player_area.live .btn-player.live.comic .player-icon-placeholder {
    display: none
}

.mobile_view_wrap .v_nomal_top_player_area.live .btn-player.live.comic .player-control-text,
.mobile_view_wrap .v_swiper_top_player_area.live .btn-player.live.comic .player-control-text {
    display: none
}

.mobile_view_wrap .v_nomal_top_player_area .btn-player.live,
.mobile_view_wrap .v_swiper_top_player_area .btn-player.live {
    display: none
}

.mobile_view_wrap .v_nomal_top_player_area.live .btn-player.prev,
.mobile_view_wrap .v_swiper_top_player_area.live .btn-player.prev {
    display: none
}

.mobile_view_wrap .v_nomal_top_player_area .btn-player.prev,
.mobile_view_wrap .v_swiper_top_player_area .btn-player.prev {
    background-color: rgba(102, 102, 102, .8);
    display: block
}

.mobile_view_wrap .v_nomal_top_player_area .btn-player .player-icon-placeholder,
.mobile_view_wrap .v_swiper_top_player_area .btn-player .player-icon-placeholder {
    box-sizing: inherit;
    top: .65em;
    left: .76em;
    font-size: 1.6em;
    position: absolute;
    opacity: 1;
    pointer-events: all;
    transition: opacity .5s
}

.mobile_view_wrap .v_nomal_top_player_area .btn-player .player-icon-placeholder::before,
.mobile_view_wrap .v_swiper_top_player_area .btn-player .player-icon-placeholder::before {
    position: absolute;
    top: -12px;
    left: 3px;
    width: 100%;
    height: 100%;
    font-size: 25px;
    content: "\f102";
    font-family: VideoJS;
    font-weight: 400;
    color: #fff;
    font-style: normal;
    text-align: center;
    box-sizing: inherit
}

.mobile_view_wrap .v_nomal_top_player_area .btn-player .player-control-text,
.mobile_view_wrap .v_swiper_top_player_area .btn-player .player-control-text {
    position: absolute;
    text-align: center;
    font-size: 9px;
    bottom: 24px;
    width: 100%;
    height: 20px;
    color: #fff;
    transition: opacity .5s;
    display: block
}

.mobile_view_wrap .v_nomal_top_player_area .btn-player.prev .player-control-text,
.mobile_view_wrap .v_swiper_top_player_area .btn-player.prev .player-control-text {
    color: #fff
}

.mobile_view_wrap .v_nomal_top_player_area .btn-txt,
.mobile_view_wrap .v_swiper_top_player_area .btn-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    background-image: none;
    display: block;
    text-align: center;
    padding-top: 60px;
    width: 100px;
    height: 100px
}

.mobile_view_wrap .v_nomal_top_player_area .player-poster,
.mobile_view_wrap .v_swiper_top_player_area .player-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.mobile_view_wrap .v_nomal_top_player_area .v_preview_area-guide,
.mobile_view_wrap .v_swiper_top_player_area .v_preview_area-guide {
    position: absolute;
    bottom: 0
}


.mobile_view_wrap .v_nomal_top_player_area .v_preview_area-guide,
.mobile_view_wrap .v_swiper_top_player_area .v_preview_area-guide {
    position: absolute;
    bottom: 0
}

.c_img .adult_thumb.thumb_cate_11000 {
    background: rgba(0, 0, 0, .3)
}

.c_img .adult_thumb.thumb_cate_12000 {
    background: rgba(0, 0, 0, .4)
}

.c_img .adult_thumb.thumb_cate_21100 {
    background: rgba(0, 0, 0, .5)
}

.swiper-container .v_btn_wrap .v_btn {
    font-weight: 400
}

.mobile-bottom-top-btn.swiper-top.show.open {
    z-index: 2501;
    bottom: 5px
}

.c_btn_wrap .c_btn.only_one {
    float: none;
    margin: auto
}

.search.mobile-contents-list-search .c_tit {
    margin-bottom: 7px
}

.search-result-channel .c_btn_wrap .c_btn {
    display: block;
    width: 70%;
    max-width: 200px;
    height: 40px;
    margin: 0 auto;
    padding: 0;
    border: 1px solid;
    text-align: center;
    font-size: 13px;
    line-height: 40px;
    letter-spacing: -.5px
}

.content_slide_wrap.txt_style .c_txt_area {
    padding-left: 9px
}

.c_img .adult_area {
    position: relative;
    background: #000
}

.mobile-contents-list.cate-14000 .c_img .adult_area {
    background: rgba(51, 51, 51, .8)
}

.f_content .s_box_style .select_area span {
    color: #000;
    font-size: 12px
}

.f_content .login_menu .btn_join_txt {
    font-size: 14px;
    color: #1086ea
}

.blocker.common-event-modal-blocker {
    background-color: rgba(0, 0, 0, .1)
}

.m_content_wrap .btn_wrap .btn.confirm {
    width: 50%;
    float: right
}

.find_wrap .btn_join_set {
    display: inline-block;
    width: 100%;
    height: 55px;
    margin: 30px auto;
    border: 1px solid #88abda;
    font-weight: 700;
    line-height: 55px;
    vertical-align: top;
    font-size: 14.5px;
    text-align: center;
    background: #fff;
    color: #88abda
}

.find_wrap .btn_join_set {
    width: 90%;
    margin: 10px auto;
    font-weight: 400
}

.find_wrap .btn_find {
    font-family: 'NotoSansM';
    background: #ff4444;
}

.mobile-adult-menu.child-block,
.mobile-category-edit-item.child-block,
.mobile-contents-list.child-block,
.top-main-category.child-block {
    display: none
}

.foryou-f-contents.login .inner.login-inner .for-yor-list {
    display: block
}

.list_section .top .l_name.theme_tit {
    font-size: 15px
}

.list_section.theme {
    margin-top: 8px
}

.list_section .top .ct_more {
    float: right;
    top: 0;
    right: 12px;
    font-size: 12px;
    color: #fff
}

.list_section .top .arrow {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 7px;
    height: 10px;
    background: url(/_static/mobile/images/ico/ico_arrow_list_w.png) no-repeat 0 0;
    background-size: auto 10px
}

.ct_img .adult_thumb {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

.ct_img.adult .adult_thumb {
    display: block
}

.adult_roll_area .s_tit {
    width: 100%;
    height: 46px;
    padding: 15px;
    color: #de402a;
    font-size: .9375rem;
    font-weight: 500;
    position: absolute;
    text-align: right
}

.adult_roll_area .s_tit .ico {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    vertical-align: top;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/sub_common_new.png) no-repeat -240px -20px
}

.adult_roll_area .a_img {
    overflow: hidden;
    width: auto;
    /*height: 100%*/
}

.adult_roll_area .a_info {
    position: absolute;
    z-index: 10;
    margin-top: -92px;
    height: 90px;
    padding: 10px
}

.adult_roll_area .a_c_name {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 15px;
    color: #000
}

.adult_roll_area .score {
    position: absolute;
    top: 15px;
    right: 16px;
    font-size: 13px;
    color: #555
}

.adult_roll_area .score .s_ico {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    background: url(https://pic.filestar.co.kr/_img/mobile/_common/sub_common_new.png) no-repeat -270px 0
}

.adult_roll_area .a_txt {
    overflow: hidden;
    width: 100%;
    height: 32px;
    font-size: 12px;
    color: #ededed;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 16px;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis
}

.cate_btn_wrap .cate_btn.type50000 .name {
    color: #f00909;
    font-weight: 500
}

.all_menu_wrap .menu .m_btn.hot {
    border: 1px solid #c5c5c5;
    color: #b92525
}

.all_menu_wrap .menu .m_btn.green {
    border: 1px solid #4fbc2d;
    color: #207cca
}

.all_menu_wrap .menu .m_btn.d_none {
    display: none
}

.gnb_wrap .gnb ul li.cate-77703 {
    color: #207cca
}

.mobile-topton-banner {
    display: none
}

.mobile-topton-banner.logined {
    display: block
}

.mobile-event-modal-dialog {
    display: none
}

.mobile-event-modal-dialog.active {
    display: block
}

.event_sale .icon_sale {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 28px;
    height: 13px;
    margin: 0 5px 0 3px;
    background-image: url(/_static/mobile/images/ico/ico_event_10_list_v2.png);
    background-size: auto 13px
}

.content_50_list .icon_sale {
    margin-right: 2px
}

.event_sale .icon_vip {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 28px;
    height: 13px;
    margin: 0 5px 0 3px;
    background-image: url(/_static/mobile/images/ico/ico_event_10_list_v2.png);
    background-size: auto 13px
}

.content_50_list .icon_vip {
    margin-right: 2px
}

.event_sale .e_arrow {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 4px;
    height: 7px;
    margin-left: 5px;
    background: url(/_static/mobile/images/ico/ico_event_10_arrow_list.png) no-repeat 0 0
}

.event_sale .e_arrow {
    background-image: url(/_static/mobile/images/ico/ico_vip_arrow.png)
}

.event_sale .line {
    text-decoration: line-through
}

.service_real_name {
    display: none
}

.member-info .service_real_name.none,
.ok-login .service_real_name.none {
    display: block;
    position: relative;
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    background: #fcfcfc
}

.member-info .service_real_name.none .txt,
.ok-login .service_real_name.none .txt {
    padding: 27px 10px 27px 10px;
    height: 100px;
    width: 100%;
    font-size: 14.5px;
    letter-spacing: -1px;
    text-align: center
}

.realname_btn_wrap {
    text-align: center;
    padding: 0px 20px 10px 20px;
    border-bottom: 1px solid #ddd;
}

.realname_btn_wrap .c_btn {
    display: block;
    width: 100%;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -.5px
}

.realname_btn_wrap .c_btn.go_realname {
    background: #ff4444;
}

#mobile-bookviewer-container-modal-page {
    background-color: #000
}

.comic_wrap {
    padding: 65px 0 0 0;
    background-color: #000
}

.comic_wrap.book-cartoon {
    padding: 0;
    background-color: #000
}

.comic_wrap.book-pdf .comic_view {
    background-color: #000
}

.comic_wrap .f_top {
    display: block
}

.pswp__ui--hidden .f_top {
    display: none
}

.comic_wrap .btn_full {
    z-index: 6600;
    height: 20px;
    width: 25px;
    position: fixed;
    top: 24px;
    right: 12px;
    background: url(/_static/mobile/images/ico/ico_full_screen.png) no-repeat 0 0;
    background-size: auto 20px
}

.comic_wrap .comic_control {
    display: block;
    z-index: 6500
}

.comic_wrap .comic_control.close_tab {
    display: none
}

.comic_wrap .f_top,
.comic_wrap.c_on .comic_control,
.comic_wrap.c_on .f_top {
    z-index: 1600
}

.comic_wrap.book-pdf .comic_view {
    margin-top: 0
}

.comic_wrap .f_top .inner .f_tit {
    font-size: 14px;
    overflow: hidden;
    width: 75%;
    margin: 0 auto;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500
}

.comic_wrap .comic_control .comic_menu {
    display: none
}

.comic_bar_wrap .page_view {
    position: absolute;
    width: 94%;
    text-align: center;
    margin-top: -10px;
    color: #777;
    float: none
}

.comic_bar_wrap .bar_area {
    width: 100%
}

.comic_menu .c_m_btn_group.type1 {
    width: 55%
}

.comic_bar_wrap {
    width: 94%;
    overflow: unset;
    padding: 0 0;
    margin: auto
}

.comic_bar_wrap .bar_area .bar {
    width: 1%
}

.comic_bar_wrap .bar_area .dot {
    left: 1%
}

.my_menu_list .m17 .txt {
    color: #207cca;
    font-weight: 500
}

.view_wrap {
    padding-top: 0
}

.view_wrap .v_top {
    z-index: 2024;
    position: relative;
    background: #fff;
    margin-bottom: 2px
}

.view_wrap .mobile_wrap-contents-modal-view .v_top {
    position: fixed
}

.view_wrap .mobile_wrap-contents-modal-view .v-top-mobile-vedeo-empty {
    background-color: #fff;
    height: 58px;
}

.vjs-poster {
    background-size: auto 135%;   
}

.mobile_view_wrap .mobile-conents-area .player-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.view_wrap .v_top .inner {
    max-width: 1280px
}

.view_wrap .v_top_player_area {
    position: relative;
    width: 100%;
    margin-top: 50px
}

.mobile_view_wrap.btn_fixed .v_btn_wrap_empty {
    min-height: 57px;
    display: none;
    background-color: #fff
}

.view_wrap .v_top_player_area .mobile-view-video-player {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    position: relative;
    top: 0;
    margin-bottom: 0;
    background-color: #000
}

.view_wrap .v_content_num {
    margin-top: 5px
}

.mobile_view_wrap video {
    object-fit: contain
}

.vjs-paused .vjs-big-play-button {
    opacity: 1;
    pointer-events: all;
    transition: opacity .5s
}

.v_preview_area .ico {
    z-index: 20
}

.mobile_view_wrap .mobile-view-video-player .btn.live-play {
    position: absolute;
    top: calc(50% - 5px);
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    background-image: none;
    display: block;
    text-align: center;
    padding-top: 55px;
    width: 100px;
    height: 100px
}

.mobile_view_wrap .mobile-view-video-player.played .btn.live-play {
    display: none
}

.mobile_view_wrap .mobile-view-video-player .btn.live-play .p_txt {
    text-align: center;
    font-size: 9px;
    bottom: 0;
    width: 100%;
    color: #f9f9f9
}

.mobile_view_wrap .mobile-view-video-player .btn.prev-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    background-image: none;
    display: block;
    text-align: center;
    padding-top: 60px;
    width: 100px;
    height: 100px
}

.mobile_view_wrap .mobile-view-video-player.played .btn.prev-play {
    display: none
}

.mobile_view_wrap .mobile-view-video-player .btn.prev-play .p_txt {
    text-align: center;
    font-size: 9px;
    bottom: 0;
    width: 100%;
    color: #f9f9f9
}

.mobile-view-video-player.mobile_prev .video-js .vjs-big-play-button,
.vjs-big-play-centered .vjs-big-play-button {
    background-color: rgba(43, 51, 63, .7)
}

.mobile-view-video-player.mobile_live .video-js .vjs-big-play-button {
    border-color: transparent;
    background-color: rgba(255, 68, 68, .8);
    transition: all 0s;
}

.mobile_view_wrap .mobile-view-video-player.played .btn.live-play .p_txt,
.mobile_view_wrap .mobile-view-video-player.played .player_guide_show_prev {
    display: none
}

.mobile_view_wrap.btn_fixed .v_btn_wrap {
    top: 0;
    position: relative
}

.list_style.type3 .l3 {
    font-size: 12px
}

.list_style.type3 .l4 {
    font-size: 12px
}

.account_wrap .info_tbl.log_list .t1 {
    width: 50%
}

.account_wrap .info_tbl.log_list .t2 {
    width: 49%;
    float: right
}

.account_wrap .info_tbl.log_list .t2 .date {
    float: right;
    text-align: right;
    margin-right: 5px;
    color: #777
}

.account_wrap .info_tbl.log_list .t3 {
    float: right;
    width: 40%;
    margin-left: 0;
    height: 40px;
    padding-left: 12px;
    border-bottom: 1px solid #e6e6e6;
    line-height: 40px;
    font-size: 12px;
    letter-spacing: -1px;
    color: #777;
    font-weight: 500;
    background: #fff
}

.all_menu_wrap .menu .m_btn .ico_19 {
    position: relative;
    top: 3px;
    display: inline-block;
    margin-right: 2px;
    width: 16px;
    height: 16px;
    background: url(/_static/mobile/images/ico/adult_thumb.png) no-repeat 0 0;
    background-size: auto 15px
}

.mobile-contents-list.thumb-need-auth-adult .c_img .adult_thumb {
    display: none
}

.mobile-contents-list .c_img .adult_thumb {
    background: rgba(0, 0, 0, .2)
}

.mobile-contents-list.cate-13000 .c_img .adult_thumb {
    background: rgba(0, 0, 0, .4)
}

.mobile-contents-list.cate-21100 .c_img .adult_thumb {
    background: rgba(0, 0, 0, .8)
}

.mobile-contents-list .c_img .adult_area {
    display: none
}

.mobile-contents-list.thumb-need-auth .c_img .adult_area,
.mobile-contents-list.thumb-need-auth-adult .c_img .adult_area {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 10px;
    background: #000
}

.mobile-contents-list .c_img .adult_area .inner,
.mobile-contents-list.thumb-need-auth-adult .c_img .adult_area .inner {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(0, -50%)
}

.v_preview_area_new .v_preview_area {
    min-height: 200px
}

.v_preview_area_new .v_preview_area .play {
    margin: 25px auto
}

.mobile-view-video-player .btn.play {
    top: 85px
}

.detail .r_wrap.depth2 {
    padding-left: 50px
}

.reply_list .r_wrap.depth2 .r_txt {
    width: 100%;
    min-height: 20px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -1px
}

.content_i_style .c_img {
    min-height: 190px;
    padding-top: 0
}

.content_i_style .c_img img {
    top: 0;
    transform: none
}

.channel-movie-list-item .ico {
    z-index: 1;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 26px;
    height: 26px;
    display: block;
    background: url(https://pic.filestar.co.kr/_img/common/common_new.png) no-repeat;
    opacity: 0
}

.channel-movie-list-item .ico.new {
    opacity: 1;
    background-position: -300px -40px
}

.channel-movie-list-item .ico.hot {
    opacity: 1;
    background-position: -300px -70px
}

.channel-movie-list-item .ico.soon {
    opacity: 1;
    top: 195px;
    right: 88px;
    width: 58px;
    height: 18px;
    background-position: -300px -100px
}

.channel-movie-list-item .ico_19 {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background: url(/_static/web/images/common/on_common.png) 0 -150px;
    vertical-align: middle;
    opacity: 1
}

.channel-movie-list-item .u_grade {
    padding-top: 6px;
    margin-bottom: 1px;
    text-align: center
}

.reply_list.app {
    padding-bottom: 300px
}

.event-detail-modal-view-wrap.app {
    margin-bottom: 300px
}

.swiper-container {
    width: 100%;
    height: auto
}

.swiper-container .swiper-wrapper {
    margin-top: 52px
}

.swiper-slide {
    min-height: 960px
}

.swiper-button-next,
.swiper-button-prev {
    top: 400px;
    position: fixed
}

.swiper-container .mobile-contents-swiper-view-top-title-area {
    position: fixed;
    z-index: 2024;
    width: 100%;
    height: auto
}

.swiper-container .v_top {
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: auto;
    text-align: center;
    z-index: 3024
}

.swiper-container .v_top .inner .f_tit {
    overflow: hidden;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    line-height: 52px;
    text-overflow: ellipsis;
    letter-spacing: -1px;
    white-space: nowrap;
    font-weight: 500
}

.swiper-container .v_top .btn_back {
    position: absolute;
    top: 17px;
    left: 12px;
    display: block;
    width: 21px;
    height: 17px;
    background: url(/_static/mobile/images/common/btn_back.png) no-repeat 0 0;
    background-size: 21px auto
}

.swiper-container .swiper-action-btn-area .v_btn_wrap,
.swiper-container .v_top .v_btn_wrap,
.swiper-container .v_top_btn .v_btn_wrap {
    display: none
}

.modal-page-container.show.btn-show .swiper-container .swiper-action-btn-area .v_btn_wrap,
.modal-page-container.show.btn-show .swiper-container .v_top .v_btn_wrap,
.modal-page-container.show.btn-show .swiper-container .v_top_btn .v_btn_wrap {
    display: block
}

.swiper-container .v_top_btn .btn-down-f {
    display: block
}

.swiper-container .v_top_btn .btn-down-redown {
    display: none
}

.swiper-container .v_top_btn.redown-contents .btn-down-f {
    display: none
}

.swiper-container .v_top_btn.redown-contents .btn-down-redown {
    display: block
}

.mobile_wrap-contents-modal-view .mobile-view-video-player,
.swiper-container .mobile-view-video-player {
    display: none
}

.mobile_wrap-contents-modal-view .mobile-view-video-player.show,
.swiper-container .mobile-view-video-player.show {
    display: block
}

.type_btn_wrap .type_btn .link {
    display: block;
    width: 100%;
    height: 100%;
    border: 3px solid #ff4444;
    font-weight: 500;
    color: #ff4444;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    letter-spacing: -1px
}

.content_50_list .c_box_area.box_adult_check {
    display: none
}

.content_50_list .c_box_area.box_adult_check.active {
    display: block
}

@media screen and (max-width:480px) {
    .view_wrap .mobile_wrap-contents-modal-view .v_top_player_area {
        position: relative;
        margin-top: 0
    }

    .view_wrap .mobile_wrap-contents-modal-view.video_fixed .v-top-mobile-vedeo-empty {
        display: block
    }

    .view_wrap.mobile_view_wrap.btn_fixed .v_btn_wrap_empty {
        display: block
    }

    .view_wrap .mobile_wrap-contents-modal-view .v_top_player_area .mobile-view-video-player {
        margin-left: 0;
        z-index: 12
    }

    .view_wrap .mobile_wrap-contents-modal-view.video_fixed .v_top_player_area .mobile-view-video-player {
        top: 0;
        position: fixed
    }

    .mobile_view_wrap video {
        object-fit: contain
    }

    .mobile_view_wrap.btn_fixed .v_btn_wrap {
        z-index: 10;
        position: fixed;
        border-top: none;
        top: 200px
    }
}

.sns_bb {
    display: table;
    margin: 30px auto 10px;
    text-align: center;
}
.sns_join_btn_wrap .sns_j_btn,
.sns_bb .sns_j_btn {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 5px;
    background-color: #f9f9f9;
}
.sns_join_btn_wrap .sns_j_btn img,
.sns_bb .sns_j_btn img {
    position: relative;
    width: 100%;
    height: 100%;
}

.joinss .input_line {
    padding-top: 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
    border-color: #00a0e9;
    outline: none;
    box-shadow: none;
}

.head_menuz {
    display: block;
    position: relative;
    z-index: 1;
    height: 94px;
    /*border-top: 1px solid #e6e6e6;*/
    background-color: #f9f9f9;
    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 20%);
}
.head_menuz ul.top-menu-category-list {
    display: block;
    overflow: hidden;
}
.head_menuz ul.top-menu-category-list > li {
    display: block;
    float: left;
    width: 33.333333%;
    border-left: 1px solid #ff6d6d;
    border-top: 1px solid #ff6d6d;
    border-bottom: 1px solid #dc1d1d;
    border-right: 1px solid #dc1d1d;
}
.head_menuz ul.top-menu-category-list > li:nth-child(5),
.head_menuz ul.top-menu-category-list > li:last-child {
    border-right: 0;
}
.head_menuz ul.top-menu-category-list > li:first-child {
    width: 33.333333%;
    border: 1px solid #d11919;   
}
.head_menuz ul.top-menu-category-list > li a {
    text-align: center;
    display: block;
    height: 45px;
    color: #fff;
    background-color: #ff4444;
}
.head_menuz ul.top-menu-category-list > li a .titz {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 45px;
    font-weight: 500;
    letter-spacing: -1px;
}
.head_menuz ul.top-menu-category-list > li a .icoz {
    display: inline-block;
}
.head_menuz ul.top-menu-category-list > li a .icoz::before {
    font-family: "Material Design Icons";
    content: "\F053C";
    font-size: 20px;
    color: #919191;
}
.head_menuz ul.top-menu-category-list > li:first-child a {
    /*padding: 11px 10px;*/
    background: #d11919;
}
.head_menuz ul.top-menu-category-list > li:first-child a .titz {
    /*display: inline-block;*/
}
.head_menuz ul.top-menu-category-list > li:first-child a .icoz {
    /*margin-right: 10px;*/
    margin-top: -3px;
}
.head_menuz ul.top-menu-category-list > li:first-child a .icoz::before {
    font-size: 24px;
    vertical-align: middle;
    color: #ffc90d;
}
/*
.head_menuz ul.top-menu-category-list > li a .icoz.t1::before {
    content: "\F053C";
}
.head_menuz ul.top-menu-category-list > li a .icoz.t2::before {
    content: "\F0230";
}
.head_menuz ul.top-menu-category-list > li a .icoz.t3::before {
    content: "\F07F4";
}
.head_menuz ul.top-menu-category-list > li a .icoz.t4::before {
    content: "\F0EC0";
}
.head_menuz ul.top-menu-category-list > li a .icoz.t5::before {
    content: "\F064F";
}
.head_menuz ul.top-menu-category-list > li a .icoz.t6::before {
    content: "\F05DA";
}
.head_menuz ul.top-menu-category-list > li a .icoz.t7 {
    margin-bottom: 2px;
}
.head_menuz ul.top-menu-category-list > li a .icoz.t7::before {
    font-family: 'BebasNeue';
    content: "19";
    display: inline-block;
    border: 2px solid #ff4444;
    color: #ff4444;
    font-size: 14px;
    text-align: center;
    line-height: 21px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-top: -6px;
    vertical-align: middle;
}
*/
.head_menuz ul.top-menu-category-list > li:nth-child(1) a .icoz::before {
    content: "\F053C";
}
.head_menuz ul.top-menu-category-list > li:nth-child(2) a .icoz::before {
    content: "\F0230";
}
.head_menuz ul.top-menu-category-list > li:nth-child(3) a .icoz::before {
    content: "\F07F4";
}
.head_menuz ul.top-menu-category-list > li:nth-child(4) a .icoz::before {
    content: "\F0EC0";
}
.head_menuz ul.top-menu-category-list > li:nth-child(5) a .icoz::before {
    content: "\F064F";
}
.head_menuz ul.top-menu-category-list > li:nth-child(6) a .icoz::before {
    content: "\F05DA";
}
.head_menuz ul.top-menu-category-list > li:nth-child(7) a .icoz {
    margin-bottom: 2px;
}
.head_menuz ul.top-menu-category-list > li:nth-child(7) a .icoz::before {
    font-family: 'BebasNeue';
    content: "19";
    display: inline-block;
    border: 2px solid #ff4444;
    color: #ff4444;
    font-size: 14px;
    text-align: center;
    line-height: 21px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-top: -6px;
    vertical-align: middle;
}
.head_menuz ul.top-menu-category-list > li a:active {
    background-color: #ff4444;
}
.head_menuz ul.top-menu-category-list > li a:active .titz,
.head_menuz ul.top-menu-category-list > li a:active .icoz::before {
    color: #fff;
    border-color: #fff;
}

.head_menuz ul.top-menu-category-list > li a.active {
    background-color: #fff;
    color: #ff4444;
}
.head_menuz ul.top-menu-category-list > li a.active .icoz::before {
    color: #ff4444;
}
.pay_btn_wrap .btn_pay {
    width: auto !important;
    background-color: #ff4444 !important;
}
.btn_wrap {
    text-align: center;
}
/*
.mobile-home-real-rank-swipe .slick-track {
    width: 100% !important;
    transform: none !important;
}
*/
.mobile-home-real-rank-swipe .good_dots {
    display: none !important;
}


.report_layer {margin:0 auto; max-width:800px; display:none;}
.report_layer:before {display:block; content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index: 1;}
.report_layer .layerBox {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); border-radius:6px; z-index: 5; margin-top: 0px; width: 100%;}
.report_layer .layerBox .title {margin-bottom:10px; padding-bottom:10px; font-weight:600; border-bottom:1px solid #d9d9d9; text-align: left;}
.report_layer .layerBox .cont { width: 400px; height: 640px; }
.report_layer .layerBox p {line-height:20px; font-size:13px;}
.report_layer .layerBox .btnClose {display:inline-block; position:absolute; right:30px; top:40px; padding:6px 12px; color:#444; font-size:12px; text-decoration:underline;}
.report_layer .cont { background: url(/_static/mobile/images/charge/m_pay_fixed.png) no-repeat 0 0; background-size: cover; background-position: center; }
.report_layer .cont div { width: 240px; height: 60px; position: fixed; left:50%; top:65%; transform:translate(-50%, -50%); }
.report_layer .title {margin:10px 0; font-size:25px; font-weight:600; text-align:center;}
.report_layer .close { float: right; position: absolute; top: 0px; right: 0px;}
    
    
.report_layer .select {
    width: calc(100% - 70px);
    margin: 0 auto;
}

.report_layer .inner.one_to_one {
    padding: 0px;
}

.report_layer .one_to_one_input {
    padding: 0px;
    border-bottom: 1px solid #f9f9f9;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.report_layer .input_line {
    padding: 0 20px;
}

.report_layer .tit {
    height: 110px;
    background-color: #252525;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.report_layer .tit div {
    position: relative;
    top: -30px;
    font-size: 15px;
    font-weight: 700;
}

.report_layer .input_style {
    float: left;
    height: 45px;
    border: 1px solid #cbcbcb;
    border-bottom: 0px;
    line-height: 43px;
    width: 100%;
    color: #787878;
    overflow: hidden;   
    display: -webkit-box;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis;
}

.report_layer .choice_area .click_area {
    padding-left: 0px;
}

.report_layer .choice_area .click_area select {
    border: 0px;
    width: 100%;
    font-size: 12px;
    color: #b7b7b7;
    font-family: "Noto Sans Kr", noto sans-serif;
    padding: 13px 10px 13px 10px;
    background-color: #fff;
} 

.select .one_to_one_input .choice_area .click_area select option {
    color: #333;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #f9f9f9;
}
.select .one_to_one .content_input_wrap {
    padding: 12px 0 10px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.report_layer .t_a_style {
    height: 150px;
}

.report_layer .btn_submit {
    display: block;
    width: calc(100% - 40px);
    height: 50px;
    margin: 0px auto;
    text-align: center;
    font-weight: 700;
    line-height: 50px;
    font-size: 15px;
    background: #ff4444;
    color: #fff;
}

.report_layer .btn_cansel {
    display: block;
    width: calc(100% - 40px);
    height: 50px;
    margin: 10px auto;
    text-align: center;
    font-weight: 600;
    line-height: 50px;
    font-size: 15px;
    background: #787878;
    color: #fff;
    border: 0px;
}




/*뷰창 파일목록일때 구매 레이어 */
.viewset_layer {margin:0 auto; max-width:800px; display:block;}
.viewset_layer:before {display:block; content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index: 2200;}
.viewset_layer .layerBox {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%);  z-index: 2300; margin-top: 0px; width: 100%;}
.viewset_layer .layerBox .viewset_inner {width: 80%; background: #fff;  margin: 0 auto;   border-radius: 1rem; padding:1rem;position: relative;}
.viewset_layer .layerBox .viewset_inner .title { font-size:1.4rem; text-align:left; font-weight:400;     line-height: 130%; border-bottom:1px solid #d9d9d9; text-align: left;    letter-spacing: -1px; }
.viewset_layer .layerBox .viewset_inner .title span {font-weight:bold; }

.viewset_layer .layerBox .viewset_inner .title .btn_close {  display: block;   position: absolute;  top: 1rem;  right: 1rem;  padding: 1rem; 
background: url(https://filestar.co.kr/_static/mobile/images/common/btn_delete.png) no-repeat ; background-size: 1.5rem;  background-position:center center}

.viewset_layer .layerBox .viewset_inner .viewset_play .btn_wrap {   margin:0 auto;  padding:.5rem 0;display: flex;   flex-direction: column;   align-items: center;   justify-content: center; }
.viewset_layer .layerBox .viewset_inner .viewset_play .btn_wrap button { width: 100%; height:3rem; border: none; padding: .5rem 0 ; margin: .3rem 0; border-radius: 0.5em;}
.viewset_layer .layerBox .viewset_inner .viewset_play .btn_wrap button.btnmid { background: #ff4444; font-weight:bold; color:#fff; font-size:1rem;    letter-spacing: -1px;}
.viewset_layer .layerBox .viewset_inner .viewset_play .btn_wrap button.btnhig{  background: #19b2d3; font-weight:bold; color:#fff; font-size:1rem;    letter-spacing: -1px;}

.viewset_layer .layerBox .viewset_inner .viewset_down .btn_wrap {  margin:0 auto;  padding:.5rem 0;display: flex;   flex-direction: column;   align-items: center;   justify-content: center; }
.viewset_layer .layerBox .viewset_inner .viewset_down .btn_wrap  button { width: 100%; height:3rem; border: none; padding: .5rem 0 ; margin: .3rem 0; border-radius: 0.5em;}
.viewset_layer .layerBox .viewset_inner .viewset_down .btn_wrap  button span { padding: .2rem .5rem;   font-weight: 400;  font-size:.9rem;   background: #ffffff45;   text-align: center;border-radius: 0.5em;}
.viewset_layer .layerBox .viewset_inner .viewset_down .btn_wrap  button.btnmid { background: #ff4444; font-weight:bold; color:#fff; font-size:1rem;    letter-spacing: -1px;}
.viewset_layer .layerBox .viewset_inner .viewset_down .btn_wrap  button.btnhig{  background: #212121; font-weight:bold; color:#fff; font-size:1rem;    letter-spacing: -1px;}


/* 모바일 가입 약관 선택 필수  */
.tems_tbl {
    width: 100%;
    margin: 25px 0
}
.tems_tbl .table {
    width: 100%;
    border: none;
    border-bottom: 1px solid #dee2e6;
    font-size: .75rem
}
.tems_tbl .t1 {
    width: 30%;
    border-left: 1px solid #dee2e6
}

.tems_tbl .t2 {
    width: 20%
}

.tems_tbl .t3 {
    width: 30%
}

.tems_tbl .t4 {
    width: 20%
}

.tems_tbl td,
.tems_tbl th {
    padding: 10px;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    vertical-align: middle
}

.tems_tbl th {
    text-align: center;
    background: #eee
}




/* 특가 충전소  */
.f_content.ch_evt .charge_tab_style.v2 .tab_area:first-child { background: #e2e2e2;}
.f_content.ch_evt .charge_tab_style.v2 .tab_area{    background: #e2e2e2;	color:#84020c;}
.f_content.ch_evt .charge_tab_style.v2 .tab_area a{   color: #666 !important}
.f_content.ch_evt .charge_tab_style.v2 .tab_area:first-child.active { color: #fff;}
.f_content.ch_evt .charge_tab_style.v2 .tab_area.active { background-color: #010101;box-shadow: inset 0 0 12px -1px #c9c9c900;} 
.f_content.ch_evt .charge_tab_style.v2 .tab_area.active a {	color: #fff !important ;}
/* .charge_tab_style.v2.ch_evt .tab_area.active {   background: #1e6f50;} */
.f_content.ch_evt .pay_section  {  background-color: #010101;}
.f_content.ch_evt .pay_section .pay_item .right { background: url(//pic.filestar.co.kr/_img/mobile/ico/ico_arrow_list_w.png) no-repeat 85% 50% #a88300;}
.f_content.ch_evt .pay_section .pay_item .right .d_sum{     background-color: rgba(0, 0, 0, 0.2);}



/* 휴면 충전소  */
.f_content.sleep .charge_tab_style.v2 .tab_area{background: #e2e2e2;}
.f_content.sleep .charge_tab_style.v2 .tab_area:first-child {background: #e2e2e2;}
.f_content.sleep .charge_tab_style.v2 .tab_area:first-child.active {		color: #4a3906;color: #fff;}
.f_content.sleep .charge_tab_style.v2 .tab_area.active {	background-color: #005ce4;} 
.f_content.sleep .charge_tab_style.v2 .tab_area.active a {color: #fff !important;}
.f_content.sleep .charge_tab_style.v2 .tab_area.active:last-child a{color: #fff   !important; }
/* .charge_tab_style.v2.ch_evt .tab_area.active {background: #1e6f50;} */
.f_content.sleep .pay_section  {background-color: #005ce4;}
/* 화이트 ico_arrow_list_w   회색 ico_arrow_list */
.f_content.sleep .pay_section .pay_item .right {background: url(//pic.filestar.co.kr/_img/mobile/ico/ico_arrow_list.png) no-repeat 85% 50% #ccb200;}  
.f_content.sleep .pay_section .pay_item .right .d_sum{background-color: rgba(0, 0, 0, 0.2);}
.f_content.sleep .flat_item_wrap{background: #005ce4; }
.f_content.sleep .flat_item_wrap .t_basic .f_tit {background: #ccb200;}


/* 첫결제 충전소  */
.f_content.first .charge_tab_style.v2 .tab_area{    background: #e2e2e2;}
.f_content.first .charge_tab_style.v2 .tab_area:first-child {	background: #e2e2e2;}
.f_content.first .charge_tab_style.v2 .tab_area:first-child.active { color: #000;	}
.f_content.first .charge_tab_style.v2 .tab_area.active {background-color: #e7d4aa;} 
.f_content.first .charge_tab_style.v2 .tab_area.active a {	color: #fff !important;}
.f_content.first .charge_tab_style.v2 .tab_area.active:last-child a{  color: #000   !important;}
/* .charge_tab_style.v2.ch_evt .tab_area.active {   background: #1e6f50;} */
.f_content.first .pay_section  {   background-color: #dfcba0;}
/* 화이트 ico_arrow_list_w   회색 ico_arrow_list */
.f_content.first .pay_section .pay_item .right {background: url(//pic.filestar.co.kr/_img/mobile/ico/ico_arrow_list.png) no-repeat 85% 50% #a752ee;}
.f_content.first .pay_section .pay_item .right .d_sum{background-color: rgba(0, 0, 0, 0.2);}
.f_content.first .flat_item_wrap{background: #dfcba0; }
.f_content.first .flat_item_wrap .t_basic .f_tit {background:  #a752ee;}


/* 정액제  충전소  */
.f_content.flat .charge_tab_style.v2 .tab_area:first-child {background: #e2e2e2;}
.f_content.flat .charge_tab_style.v2 .tab_area{   background: #e2e2e2;}
.f_content.flat .charge_tab_style.v2 .tab_area:first-child.active {color: #000;}
.f_content.flat .charge_tab_style.v2 .tab_area.active {	background-color: #140573;} 
.f_content.flat .charge_tab_style.v2 .tab_area.active a {	color: #fff !important;}
.f_content.flat .charge_tab_style.v2 .tab_area.active:last-child a{  color: #fff   !important;  }
.f_content.flat .pay_section  {   background-color: #dfcba0;	}
.f_content.flat .pay_section .pay_item .right {background: url(//pic.filestar.co.kr/_img/mobile/ico/ico_arrow_list_w.png) no-repeat 85% 50% #a752ee;}
.f_content.flat .pay_section .pay_item .right .d_sum{background-color: rgba(0, 0, 0, 0.2);}
.f_content.flat .flat_item_wrap{background: #390773; }
.f_content.flat .flat_item_wrap .t_basic .f_tit {background:  #000000;}
/* 정액제  충전소  end  */