@charset "utf-8";

/*@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&family=Noto+Sans+TC:wght@300;400;500;700;900&family=Noto+Sans+JP:wght@300;400;500;700;900&family=Noto+Sans+KR:wght@300;400;500;700;900&family=Noto+Sans:wght@300;400;500;700;900&display=swap");*/
/* CSS Document */
/* :lang(jp) {
    font-family: 'Noto Sans Japanese', 'Hiragino Maru Gothic ProN',
        'Hiragino kaku Gothic ProN', arial, sans-serif;
} */

:lang(es_es),
:lang(es_mx),
:lang(kr) {
  font-family: "Noto Sans KR", FontAwesome, Helvetica, Arial, sans-serif;
}
:lang(jp) {
  font-family: "Noto Sans JP", "Hiragino Maru Gothic ProN", "Hiragino kaku Gothic ProN", FontAwesome, arial, sans-serif;
}
:lang(zh_tw) {
  font-family: "Noto Sans TC", FontAwesome, Helvetica, Arial, sans-serif;
}
:lang(zh_cn) {
  font-family: "Noto Sans SC", FontAwesome, Helvetica, Arial, sans-serif;
}
:lang(pt_pt),
:lang(pt_br),
:lang(it),
:lang(de) {
  font-family: "Noto Sans SC", FontAwesome, Helvetica, Arial, sans-serif;
}

/*20230117 프랑스어 대문자 이슈로 적용*/
:lang(fr) {
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
}

body {
  font-family: "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "Noto Sans KR", "Noto Sans", FontAwesome, Helvetica, Arial, sans-serif;
}

/*font변경으로 인한 font-awsome 이슈 해결*/
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
}

.newest {
  display: inline-block;
  min-width: 10px;
  padding: 1px 5px;
  font-size: 0.7em;
  font-weight: 700;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #ee312f;
  border-radius: 3em;
  position: absolute;
  line-height: 1.2em;
  right: 5%;
  bottom: -8%;
}

.footer-nav .lang select {
  color: #efefef;
  background: #2a2a2a;
  border-radius: 2px;
  border: 1px solid #5d5d5d;
  vertical-align: top;
  line-height: 26px;
  -webkit-border-radius: 2px;
}
.footer-nav label {
  color: #ccc;
}

/*charge*/
.payment-step-wrapper {
  background: #fff;
  display: block;
  border-radius: 13em;
  float: left;
  margin: 1em 0;
  padding: 5px;
  width: 100%;
}
.payment-step-wrapper .currency_type {
  display: block;
  cursor: pointer;
  color: #999999;
  float: left;
  width: 100%;
  white-space: nowrap;
  overflow-y: auto;
}
.payment-step-wrapper .currency_type em {
  font-size: 1.1em;
  color: #999999;
  display: inline-block;
  margin: 0 6px;
  text-align: center;
  padding: 3px 7px;
  /* width: 20%;*/
}
.payment-step-wrapper .currency_type em.active {
  background: #0052cc;
  border-radius: 100px;
  color: #fff;
  font-weight: bold;
}
.section_ageverif .bg_age_verif.non-adult {
  padding: 0 10%;
  background: url(/assets/mobile/img/global/bg_age_verif02.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.age_info_site {
  color: #f5dadb;
  padding: 5% 8% 8% 8%;
  font-size: 4vw;
  background: #302f30;
}
.age_info_site strong {
  font-size: 6vw;
  color: #fff;
}
.section_ageverif .btn_fixed_site {
  position: fixed;
  bottom: 0;
  background: #3d3d3d;
  width: 100%;
  padding: 8px;
  text-align: center;
  font-weight: bold !important;
}
.section_ageverif .btn_fixed_site .button_ok {
  font-size: 18px;
  border: 1px solid #fff;
  border-radius: 0.3rem;
  padding: 8px 0;
  background: #d30e09;
  width: 100%;
  color: #fff;
}

.age_info {
  position: relative;
  color: #f5dadb;
  padding: 5% 8% 8% 8%;
  font-size: 4vw;
  background: #302f30;
}
.age_info h5 {
  margin: 20px 0 15px;
  font-size: 5vw;
  color: #fff;
  font-weight: 400;
}
.age_info p {
  font-weight: 300;
}
.section_ageverif {
  position: relative;
}
.section_ageverif .btn_fixed {
  position: fixed;
  bottom: 0;
  background: #3d3d3d;
  width: 100%;
  padding: 8px;
  text-align: center;
  font-weight: bold !important;
}
.section_ageverif .btn_fixed .button_no {
  font-size: 18px;
  border: 1px solid #5d5864;
  border-radius: 0.3rem;
  padding: 8px 0;
  background: #3d3d3d;
  width: 46%;
  color: #fff;
  margin: 3px;
}
.section_ageverif .btn_fixed .button_yes {
  font-size: 18px;
  border: 1px solid #fff;
  border-radius: 0.3rem;
  padding: 8px 0;
  background: #d30e09;
  width: 46%;
  color: #fff;
  margin: 3px;
}

.section_ageverif .btn_fixed_dummy {
  height: 65px;
}

/* 20200120 수정 */
.button_send[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}

/* // 20200120 수정 */
.button_send {
  font-size: 18px;
  border: 1px solid #00f99f;
  border-radius: 0.3rem;
  padding: 8px 0;
  background: #101226;
  color: #fff;
  width: 46%;
  margin: 3px;
}
.btn-block {
  width: 100% !important;
}

.section_ageverif .form-tel {
  margin-top: 40px;
}

.section_ageverif .title {
  color: #fff;
  /* position: absolute;
  top: 5%;
  left: 8%; */
  font-size: 6vw;
  line-height: 7vw;
  font-weight: bold;
  width: 80vw;
  -o-text-overflow: unset;
  text-overflow: unset;
  white-space: normal;
}
.section_ageverif .title .line {
  clear: both;
  display: block;
  width: 14vw;
  height: 0.8vw;
  background: #fff;
  margin-top: 5vw;
}

/* 영문 정기 결제 페이지*/
.section_payment_en_wrap {
  margin-bottom: 0 !important;
  background: url(/assets/mobile/img/global/bg_payment_en.jpg) no-repeat;
  background-size: cover;
  background-position: 50% 0;
}

.section_payment_en {
  min-height: 635px;
  padding: 30px 10px;
  font-size: 16px;
  color: #f5dadb;
  line-height: 28px;
  text-align: center;
}

.section_payment_en h4 {
  font-size: 32px;
  color: #fff;
  line-height: 36px;
  letter-spacing: -1px;
}

.section_payment_en h4 span {
  background: url(/assets/mobile/img/global/ico_logo.png) no-repeat;
  display: inline-block;
  width: 43px;
  height: 30px;
  background-size: cover;
  font-size: 35px;
  line-height: 34px;
  vertical-align: middle;
}

.section_payment_en button {
  border-radius: 100px;
  padding: 10px 26px;
  font-size: 16px;
  background: #f92b2b;
  border: 1px solid #cc0000;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  -webkit-box-shadow: -1px 5px 15px -5px rgba(0, 0, 0, 0.8);
  box-shadow: -1px 5px 15px -5px rgba(0, 0, 0, 0.8);
  line-height: 23px;
}

.section_payment_en button:hover {
  background: #b30000;
  border: 1px solid #b30000;
  color: #f4f5f7;
}

.section_payment_en .sub_text {
  font-size: 17px;
  margin: 22px 0px;
  color: #fff;
  line-height: 23px;
}

.section_payment_en .sub_payment {
  font-size: 14px;
  margin: 20px 0 50px 0;
  color: #f9e32b;
}

.section_payment_en .etc_text {
  text-align: left;
  color: #c9c9c9;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  padding: 10px;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 20px;
  border: 1px solid #3e3e3e;
}

.section_payment_en .etc_text li {
  margin: 5px 0;
  text-align: left;
  padding: 5px;
  background: url(/assets/mobile/img/global/bu_square01.gif) no-repeat 0 13px;
  word-break: keep-all;
}

/*episode*/
.ep-header_ch {
  /* margin: 0 -15px; */
  background-color: #fff;
  border-bottom: 1px solid #e2e2e2;
}

.ep-header_ch .ep-cover_ch {
  background-size: cover !important;
  width: 100%;
  min-height: 230px;
  background-position: center !important;
  /*padding-bottom: 20px;*/
}

.ep-header_ch .inner_ch {
  margin: 0 auto;
  min-height: 230px;
  background-size: cover !important;
}

.ep-header_ch .title_content_box {
  color: #fff;
  width: 51vw;
  height: 230px;
  display: table-cell;
  vertical-align: middle;
  background-image: -o-linear-gradient(right, transparent, rgba(0, 0, 0, 0.71) 40%, #000);
  background-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.71)), to(#000));
  background-image: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.71) 40%, #000);
  padding: 10px 0 45px 0;
}

.ep-header_ch .title_content {
  margin-left: 24px;
}

.ep-header_ch .type_box {
  margin-bottom: 0px;
}
.ep-header_ch .title_content .type {
  color: #31ded9;
  margin-right: 2px;
  font-size: 10px;
}
.ep-header_ch .title_content .date {
  color: #000;
  background: #fff;
  border-radius: 40px;
  font-weight: bold !important;
  margin-right: 2px;
  padding: 2px 4px;
  font-size: 10px;
}
.ep-header_ch .title_content .writer {
  color: rgba(255, 255, 255, 0.8);
  font-weight: normal;
  font-size: 10px;
  display: inline-block;
}

.ep-header_ch .title_content h1 {
  /*color: #fff;
    font-size: 3.5vh;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 32px;
    margin: 8px 0;
    max-width: 500px;
    line-height: 1.4em;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;*/

  color: #fff;
  font-size: 24px;
  margin: 5px 0 8px 0;
  /* max-width: 500px; */
  line-height: 1.4em;
  font-weight: 500;
  word-break: normal;
}

.ep-header_ch .title_content h2 {
  color: rgba(255, 255, 255, 0.85);
  font-size: 11px;
  font-weight: normal !important;
  margin-bottom: 12px;
  word-break: normal;
}

.ep-body {
  /* margin: 0 -15px; */
  /* padding: 0 15px !important;
    background: #fff; */
  border-bottom: 3px solid #d1d1d1 !important;
}

.ep-list .card {
  display: block;
  clear: both;
  overflow: hidden;
  background-size: cover !important;
  border-radius: 0.2em 0.2em 0 0;
  background-position: 28% 50% !important;
}

.ep-list li .btn_box {
  background: #ee312f;
  width: 100%;
  color: #fff;
  padding: 1vw 4vw;
  text-align: right;
  border-radius: 0 0 0.2rem 0.2rem;
  overflow: hidden;
  display: block;
  font-size: 3vw;
}

.ep-list li .btn_box .red_box {
  font-size: 3vw;
  margin: 0;
}

.ep-list > li {
  position: relative;
}
/*에피소드 리스트 내 서비스 불가 에피소드일 경우 20210528*/
.ep-list a.nomore_read_overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  background-color: rgba(235, 235, 235, 0.6);
}
.ep-list > li.own > a.nomore_read_overlay {
  background-color: rgba(235, 235, 235, 0.6);
}

.ep-body .list-ep > li .card .title_box {
  color: #fff;
  height: 138px;
  vertical-align: middle;
  display: table-cell;
}

.ep-body .title_box_right {
  float: right;
}

.ep-list .card .title_box {
  color: #fff;
  max-width: 42vw;
  padding-right: 5vw;
  background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.71) 50%, #000);
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(0, 0, 0, 0.71)), to(#000));
  background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.71) 50%, #000);
  height: 20vw;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.ep-list .card .title_box h5 {
  font-size: 4.6vw;
  margin-bottom: 7px;
  font-weight: 500;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.2em;
  max-height: 2.4em;
}

.ep-list .title_box .red_box {
  border-radius: 20px;
  background: #ff0004;
  padding: 0.1em 0.7em;
  float: left;
  display: block;
  clear: both;
  font-size: 0.5em;
  max-width: 37vw;
  text-align: center;
}

.ep-list .btn_box.black {
  background: #2a2a2a !important;
}

/*에피소드 typeB*/
.ep__type-b {
  position: relative;
}

.ep__type-b #header {
  position: absolute !important;
}

#new_wrap.ep__type-b .top_header01 {
  background-color: rgba(17, 17, 34, 0.4);
}

#new_wrap.ep__type-b .top_header02 {
  background: transparent -o-linear-gradient(top, rgba(17, 17, 34, 0.4) 0%, rgba(17, 17, 34, 0) 100%) 0% 0% no-repeat;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(17, 17, 34, 0.4)), to(rgba(17, 17, 34, 0))) 0% 0% no-repeat;
  background: transparent linear-gradient(180deg, rgba(17, 17, 34, 0.4) 0%, rgba(17, 17, 34, 0) 100%) 0% 0% no-repeat;
}

#new_wrap.ep__type-b .top_header02 .lnb a {
  display: block;
  padding: 3px 6px;
  letter-spacing: -0.03em;
  border: 0;
  border-radius: 10em;
}

/*스크롤시 gnb 고정시킬경우*/
.ep__type-b #header.fixed {
  position: fixed !important;
  top: 0;
  margin-top: 0;
}

#new_wrap.ep__type-b #header.fixed .top_header01 {
  background-color: #1f1f2f;
}

#new_wrap.ep__type-b #header.fixed .top_header02 {
  background-color: #111122;
  background-image: none;
}
/*여기까지 .fixed*/

#new_wrap.ep__type-b #container {
  padding-top: 0;
  left: 0;
  right: 0;
}

.ep__type-b .sub__bnr__bg {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 300px;
  background: url(https://thumb-g.toomics.com/upload/thumbnail/20190806163436/2019_08_06_15650772245682.jpg) no-repeat;
  background-size: cover !important;
}

.ep__type-b .ep-cover_ch {
  position: relative;
  height: 480px;
  background: url(/assets/mobile/img/global/img_episode_list_bn_720x960@2x.png);
}

.ep__type-b .ep-cover_ch .inner_ch {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: auto;
}

.ep__type-b .ep-cover_ch .title_content_box {
  display: block;
  width: 100%;
  height: auto;
  padding: 20px 15px;

  background-image: -o-linear-gradient(top, rgba(17, 17, 34, 0) 0%, rgba(17, 17, 34, 0.7) 100%);

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 17, 34, 0)), to(rgba(17, 17, 34, 0.7)));

  background-image: linear-gradient(180deg, rgba(17, 17, 34, 0) 0%, rgba(17, 17, 34, 0.7) 100%);
}

.ep__type-b .title_content {
  margin-left: 0;
}

.ep__type-b .ep-cover_ch .title_content h1 {
  color: #fff;
  font-size: 20px;
  margin: 5px 0;
  line-height: 1.4em;
  font-weight: 500;
  word-break: normal;
}

.ep__type-b .ep-cover_ch .title_content h2 {
  color: rgba(255, 255, 255, 0.85);
  font-size: 11px;
  font-weight: normal !important;
  margin-bottom: 10px;
  word-break: normal;
}

.title_content .episode_sns {
  position: absolute;
}

.ep__type-b .episode_sns {
  position: static;
}

.title_content .episode_sns .sns_facebook {
  background: url(/assets/web/img/global/img_sns_facebook.png) no-repeat;
  width: 36px;
  height: 36px;
  display: inline-block;
  text-indent: -9999px;
  margin-right: 4px;
}
.title_content .episode_sns .sns_twiter {
  background: url(/assets/web/img/global/img_sns_twiter.png) no-repeat;
  width: 36px;
  height: 36px;
  display: inline-block;
  text-indent: -9999px;
  float: left;
  margin-right: 10px;
}
.title_content .episode_sns .first_episode {
  background: #ff0004 url(/assets/mobile/img/global/bu_cross01.png) no-repeat right 1em center;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  text-align: left; /*max-width: 53vw; position: absolute;*/
  padding: 2px 26px 2px 10px;
  border-radius: 30px;
  display: inline-block;
  line-height: 19px;
  margin-right: 3px;
}
.title_content .episode_sns .last_episode {
  background: #2a2a2a;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  text-align: left; /*max-width: 53vw; position: absolute;*/
  padding: 3px 10px 1px 10px;
  border-radius: 30px;
  display: inline-block;
  line-height: 18px;
}

.wrap-star_ch {
  display: block;
  width: 150px;
  height: 13px;
  margin: 0 0 10px 0 !important;
  line-height: 12px;
}

.stars-xs_ch {
  background: url(/assets/mobile/img/global/ico_mb.png) no-repeat -5px -5px;
  display: inline-block;
  height: 13px;
  background-size: 110px 2000px;
  width: 62px;
  vertical-align: middle;
  margin-right: 3px;
}

.stars_ch {
  display: block;
  overflow: hidden;
  height: 13px;
  background: url(/assets/mobile/img/global/ico_mb.png) no-repeat -5px -20px;
  background-size: 110px 2000px;
  font-size: 0;
  vertical-align: middle;
}

.stars_text_ch {
  color: #f44336 !important;
  font-size: 12px;
}

.footer-lang:after,
.footer-lang:before {
  content: " ";
  display: table;
}
.footer-lang:after {
  clear: both;
}

.footer-lang .dropdown-backdrop {
  z-index: 3;
}

.footer-lang dt,
.footer-lang dd {
  float: left;
  color: #ccc;
}
.footer-lang dt {
  font-weight: 400;
  height: 25px;
  line-height: 25px;
}
.footer-lang dd {
  margin-left: 6px;
  height: 25px;
}
.footer-lang dd > a {
  display: block;
  padding: 4px 26px 4px 10px; /* border:1px solid #666; */
  color: #fff;
  text-align: left;
  margin-top: 1px;
  background: #3e3e4a;
  border-radius: 2px;
}
.footer-lang dd > a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -4px;
  border: 4px solid transparent;
  border-bottom-color: #ccc;
}

.footer-lang dd .dropdown-menu {
  top: auto;
  position: absolute;
  bottom: 26px;
  width: 10em;
  min-width: auto;
  margin: 0;
  border: none;
  background: #2d2d37;
  border-radius: 4px;
  overflow: hidden;
  padding: 5px;
  left: -4.5em;
  /* max-height: 25em; */
  overflow: auto;
  z-index: 4;
}
.footer-lang dd .dropdown-menu > li > a {
  position: relative;
  display: block;
  padding: 9px 4px;
  font-size: 12px;
  color: #ccc;
}
.footer-lang dd .dropdown-menu > li:before {
  content: none;
}
.footer-nav li {
  position: relative;
  line-height: 23px;
  vertical-align: middle;
}

/*요일별 보기 요일 추가 180403*/
.list-simple .cell-thumb .thumb .day {
  background: rgb(41, 125, 255);
  float: right;
  display: inline-block;
  min-width: 10px;
  padding: 1px 5px;
  font-size: 0.7em;
  font-weight: 700;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 3em;
  position: absolute;
  line-height: 1.2em;
  right: 5%;
  top: 8%;
}

/*18+ 아이콘 추가 180405*/
.thumb .left-bot {
  position: absolute;
  left: 0;
  bottom: 0;
}
.thumb .left-bot .ico_age18 {
  background: #bbbbbb;
  margin: 0 0 5px 5px;
  padding: 1px 3px;
  border-radius: 30px;
  opacity: 0.7;
  color: #fff;
  font-size: 11px;
  display: inline-block;
}

/*결제관련 선택된 상품 추가 */
.section_select_pay {
  margin: 30px 0 0 0;
  /*border-top: dotted 1px #b0b5c1;*/
  padding: 22px 0 0 0;
}
.section_select_pay h1 {
  margin-bottom: 8px;
  font-size: 20px;
}
.pay_text {
  font-size: 12px;
  float: right;
  padding-top: 10px;
  color: #2c2c31;
  font-weight: normal;
}

.section_select_pay li {
  background: #24263c;
  color: #fff;
  border-radius: 5px;
}

.section_select_pay .list-charge > li .coin-info {
  background: none;
}
.section_select_pay .list-charge > li .coin-item {
  background: none;
}
.section_select_pay .list-charge > li .price_n {
  font-size: 16px;
  color: #ee312f;
}
.list-charge > li .coin-info .label {
  font-size: 16px;
  color: #ee312f !important;
  width: 7.6em;
  text-align: center !important;
  padding: 0.3em 0 !important;
}
.section_select_pay .cell-2 .coin-info .label {
  font-size: 16px;
  color: #ee312f;
  width: auto;
  text-align: center !important;
  padding: 0.3em 0 !important;
  line-height: 1.2em;
}

.list-charge > li .coin-info {
  position: relative;
  height: 86px;
  padding: 12px 75px 10px 10px;
  border: 1px solid transparent;
  background: #fff;
  border-radius: 5px;
}

.payment_sub_list {
  padding: 5px;
  margin: 0 0 10px 0;
  display: block;
  overflow: hidden;
  border-radius: 3px;
  background: #f5f5f5;
}
.payment_sub_list li {
  float: left;
  margin: 5px 20px;
  cursor: pointer;
  line-height: 40px;
}
.payment_sub_list li input,
label {
  cursor: pointer;
}

.payment-set-list > li {
  padding: 0 15px;
  margin-top: -1px;
  border: solid #d5d5d5;
  border-width: 1px 0 1px 0;
  /*height: 64px;*/
  line-height: 64px;
  vertical-align: middle;
}

.payment-set-list > li p {
  line-height: 18px;
}

.payment-set-list > li.on {
  border-top: 2px solid #24263c;
  border-bottom: 2px solid #24263c;
  margin-bottom: 1px;
}

/*account setting toogle switch*/
.easy_charge-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.easy_charge-toggle_icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 5px;
}

.easy_charge-toggle_txt {
  font-size: 16px;
  line-height: 20px;
  margin-right: 5px;
  font-weight: 600;
  color: #ccc;
}

.section_select_pay .easy_charge-toggle {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  border-radius: 4px 4px;
}
.section_select_pay .toggle_switch_wrap {
  border-radius: 5px 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.section_select_pay .toggle_switch {
  margin-left: auto;
  background: #cccccc;
}
.section_select_pay .toggle_button {
  left: calc(100% - 24px);
}
.section_select_pay .toggle_switch_wrap.active .toggle_button {
  left: 0;
}
.btn_cancel_vip02 + .toggle_switch_wrap {
  margin-top: 5px;
}

/*부족한 코인 갯수 노출 20210527*/
.need_coin {
  padding: 5px 15px 10px;
  margin-left: -15px;
  margin-right: -15px;
  font-size: 13px;
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #ee312f;
}
.need_coin b {
  display: inline-block;
  height: 26px;
  font-size: 20px;
  color: #e52e28;
  font-weight: 700;
  border-bottom: 1px solid #e52e28;
}

.container-fluid h2 {
  display: block;
  clear: both;
  font-size: 24px;
  overflow: hidden;
}

#new_wrap .container-fluid section.wbox {
  background: #fff;
  padding: 15px;
  margin: 0 -15px 10px;
}

/*웹툰 vip / member 아이콘 추가 */
/*sigin in*/
.cell-coast span.label.coin-type4 {
  padding-bottom: 0.2em;
  border: 1px solid #00c48e;
  color: #00c48e;
}
.cell-coast span.label.coin-type5 {
  border: 1px solid #d5ab08;
  color: #d5ab08;
}

.cell-coast span.label.coin-type6 {
  color: #929292;
}

.cell-coast span.label.coin-type7 {
  color: #4a4a4a;
}

.cell-coast span.label.coin-appfree {
  border: 1px solid #f2445d;
  color: #f2445d;
  margin-bottom: 2px;
  vertical-align: middle;
  background: transparent;
  display: inline-block;
  line-height: 1.4;
  text-transform: uppercase;
  float: right;
}

.ep-list .cell-coast .label {
  /*float: right;*/
}

.tab-v3 > li a {
  display: block;
  text-align: center;
  background: #fff;
  line-height: 24px;
  border: 1px solid #4a4a4a;
  color: #9b9b9b;
  letter-spacing: -1px;
}

.new_main_wrap {
  background: #141414;
}

#new_wrap .top_header01 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 4%;
  z-index: 1;
  font-size: 1.2rem;
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
  background-color: #1f1f2f;
  height: 48px;
}

#new_wrap .top_header01 .side_home {
  width: 24px;
  height: 24px;
  background: url(/assets/mobile/img/global/icon/ico_home.png) no-repeat 50% 50%;
  background-size: 24px 24px;
  text-indent: -9999px;
  border: none;
  position: relative;
  left: 0;
}
#new_wrap .top_header01 .side_menu {
  width: 24px;
  height: 24px;
  background: url(/assets/mobile/img/global/icon/ico_menu.png) no-repeat 50% 50%;
  background-size: 24px 24px;
  border: none;
  position: absolute;
  left: 4%;
  font-size: 0;
}
#new_wrap .top_header01 .side_menu .notice-gnb {
  position: absolute;
  top: -3px;
  right: -2px;
  z-index: 10;
  width: 11px;
  height: 11px;
  font-size: 0;
}
#new_wrap.ptde .top_header01 .side_menu {
  right: 4% !important ;
  left: unset;
}

#new_wrap .top_header01 .side_search {
  width: 24px;
  background: url(/assets/mobile/img/global/icon/ico_search.png) no-repeat 50% 50%;
  background-size: 24px 24px;
  text-indent: -9999px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  right: 4%;
  top: 0;
  height: 100%;
}

#new_wrap.ptde .top_header01 .side_search {
  right: 14%;
  left: unset;
}

#new_wrap .side_search.on {
  width: 24px;
  background: url(/assets/mobile/img/global/icon/ico_search_on.png) no-repeat 50% 50%;
  background-size: 24px 24px;
  border: none;
}

/* recently read*/
#new_wrap .btn_recently {
  width: 24px;
  background: url(/assets/mobile/img/global/icon/ico_recently_head.png) no-repeat 50% 50%;
  background-size: 24px 24px;
  display: -webkit-box;
  margin-right: 11px;
  text-indent: -9999px;
}

#new_wrap .btn_recently.on {
  width: 24px;
  background: url(/assets/mobile/img/global/icon/ico_recently_head_on.png) no-repeat 50% 50%;
  background-size: 24px 24px;
  display: -webkit-box;
  margin-right: 11px;
  text-indent: -9999px;
}

#new_wrap .btn_favorites {
  width: 24px;
  background: url(/assets/mobile/img/global/icon/ico_favorites.png) no-repeat 50% 50%;
  background-size: 24px 24px;
  display: -webkit-box;
  margin-right: 6px;
  text-indent: -9999px;
}

#new_wrap .btn_favorites.on {
  width: 24px;
  background: url(/assets/mobile/img/global/icon/ico_favorites_on.png) no-repeat 50% 50%;
  background-size: 24px 24px;
  display: -webkit-box;
  margin-right: 6px;
  text-indent: -9999px;
}

.btn_favorites_lp {
  width: 34px;
  background: url(/assets/mobile/img/global/icon/ico_favorites_plus.png) no-repeat 50% 50%;
  background-size: 24px 24px;
  display: -webkit-box;
  margin-right: 6px;
  text-indent: -9999px;
  display: inline-block;
  padding: 1px 5px;
  background-color: #2a2a2a7d;
  border-radius: 100em;
  border: 1px solid #fff;
}

.btn_favorites_lp.check {
  width: 34px;
  background: url(/assets/mobile/img/global/icon/ico_favorites_check01.png) no-repeat 50% 50%;
  background-size: 24px 24px;
  display: -webkit-box;
  margin-right: 6px;
  text-indent: -9999px;
  display: inline-block;
  padding: 1px 5px;
  background-color: #2a2a2a7d;
  border-radius: 100em;
  border: 1px solid #ff0004;
}

#new_wrap .top_header01 .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 18px;
}

#new_wrap .top_header01 .logo img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

#new_wrap .top_header02 {
  background: #111122;
  padding: 0 4%;
  height: 46px;
  vertical-align: middle;
  position: relative;
}

#new_wrap .top_header02 .lnb {
  display: table;
  width: 74%;
  table-layout: fixed;
  height: 100%;
  font-size: 1.1em;
  vertical-align: middle;
}

#new_wrap .top_header02 .lnb ul {
  -ms-overflow-style: none;
}

#new_wrap .top_header02 .lnb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  vertical-align: middle;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  overflow-y: hidden;
  border: 0;
  margin-bottom: 0;
  -webkit-overflow-scrolling: touch;
}

#new_wrap .top_header02 .lnb li {
  color: #fff;
  /* display: table-cell; */
  /* vertical-align: middle;
    height: 3em; */
}

#new_wrap .top_header02 .lnb a {
  display: block;
  padding: 3px 6px;
  letter-spacing: -0.03em;
  border: 1px solid #111122;
  border-radius: 10em;
}

#new_wrap .top_header02 .lnb a.on {
  border-radius: 10em;
  border: 1px solid #70707a;
  background: #262636;
}

/*해상도에 따라 home 메뉴 유무*/
@media (max-width: 359px) {
  #new_wrap .top_header02 .lnb .home {
    display: none;
  }
}

@media (min-width: 360px) {
  #new_wrap .top_header02 .lnb .home {
    display: block;
  }
}

/*20190311 family mode 변경*/
#new_wrap .top_header01 .all_comics_btn {
  border: 1px solid #00f99f;
  border-radius: 4px;
  padding: 3px 4px 3px 12px;
  vertical-align: middle;
  position: relative;
  font-size: 0.9em;
  color: #00f99f;
  text-align: center;
  background: url(/assets/mobile/img/global/icon/ico_familymode.png) no-repeat 0 50%;
  background-size: 12px 12px;
  line-height: 1.1em;
}

#new_wrap .top_header01 .all_comics_btn:hover {
  background: url(/assets/mobile/img/global/icon/ico_familymode_off.png) no-repeat 0 50%;
  background-size: 12px 12px;
}

#new_wrap .top_header01 .all_comics_btn.off {
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  padding: 3px 4px 3px 12px;
  vertical-align: middle;
  position: relative;
  font-size: 0.9em;
  color: #d0d0d3;
  text-align: center;
  background: url(/assets/mobile/img/global/icon/ico_familymode_off.png) no-repeat 0 50%;
  background-size: 12px 12px;
  line-height: 1.1em;
}

#new_wrap .top_header01 .all_comics_btn.off:hover {
  background: url(/assets/mobile/img/global/icon/ico_familymode.png) no-repeat 0 50%;
  background-size: 12px 12px;
}

#new_wrap .all_comics {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  right: 4%;
  top: 0;
  height: 100%;
  color: #fff;
  vertical-align: middle;
}
#new_wrap .eu .top_header01 {
  width: 92%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  overflow: hidden;
}
#new_wrap .eu .top_header01 .side_search {
  width: 24px;
  position: static;
  height: 100%;
  margin-right: 3px;
}

#new_wrap .eu .btn_favorites {
  margin-right: 3px;
}

#new_wrap .eu .btn_recently {
  margin-right: 0;
}

/*
#new_wrap .top_header02 .all_comics_btn {
    border: 2px solid #252636;
    border-radius: 10em;
    padding: 3px 6px;
    vertical-align: middle;
    position: relative;
    font-size: 0.9em;
    width: 6.25em;
    height: 2em;
    color: #ee2d2f;
}

#new_wrap .top_header02 .all_comics_btn .btn_off {
    border: 2px solid #252636;
    border-radius: 10em;
    padding: 3px 6px;
    z-index: 3;
    position: absolute;
    right: -2px;
    top: -2px;
    text-align: center;
    width: 3.25em;
    height: 2em;
    background: #262636;
    color: #fff;
    cursor: pointer;
}

#new_wrap .top_header02 .all_comics_btn .btn_on {
    border: 2px solid #ee2d2f;
    border-radius: 10em;
    padding: 3px 6px;
    z-index: 3;
    position: absolute;
    right: -2px;
    top: -2px;
    text-align: center;
    width: 3.25em;
    height: 2em;
    background: #ee2d2f;
    color: #fff;
    cursor: pointer;
}
*/

#new_wrap #container {
  padding-top: 93px;
}

#new_wrap #container .top_banner {
  position: relative;
  margin-bottom: 1em;
}

#new_wrap #container .top_banner img,
.viewer-etc .top_banner img {
  width: 100%;
}

#new_wrap #container_main {
  padding-top: 93px;
}

/*skip-promotion-bnr 노출시*/
.use-promotion-bnr {
  margin-top: 60px;
}

#new_wrap #container_main .top_banner {
  position: relative;
  margin-bottom: 1em;
  padding-top: 54.166%;
}
#new_wrap #container_main .main_banner_item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#new_wrap #container_main .top_banner img {
  width: 100%;
}

#new_wrap #container {
  background: #eee;
}
#new_wrap #container.day {
  background: #141414 !important;
}
#new_wrap #container.new {
  background: #141414 !important;
}

.top_banner .slick-dots {
  position: absolute;
  left: 7%;
  bottom: 2%;
}

.top_banner .slick-dots > li {
  text-indent: -9999px;
  display: inline-block;
  margin: 0 0.325em 0 0;
  width: 0.625em;
  height: 0.625em;
  background: #6e6e6e;
  border-radius: 10em;
  overflow: hidden;
}

.top_banner .slick-dots button {
  background-color: inherit;
  font-size: 0;
  border: 0;
}

.top_banner .slick-dots > li.slick-active {
  background: #fff;
}

#new_wrap #container .bullet_point {
  position: absolute;
  left: 7%;
  bottom: 2%;
}

#new_wrap #container .bullet_point span {
  display: inline-block;
  width: 0.625em;
  height: 0.625em;
  border-radius: 10em;
  background: #6e6e6e;
  margin: 0 0.325em 0 0;
}

#new_wrap #container .bullet_point span.on {
  display: inline-block;
  width: 0.625em;
  height: 0.625em;
  border-radius: 10em;
  background: #fff;
  margin: 0 0.325em 0 0;
}

/*upcomming bnr*/
.upcomming-bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 0 15px;
  background: transparent -o-linear-gradient(right, #b076ff 0%, #ffb376 100%) 0% 0% no-repeat padding-box;
  background: transparent -webkit-gradient(linear, right top, left top, from(#b076ff), to(#ffb376)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(270deg, #b076ff 0%, #ffb376 100%) 0% 0% no-repeat padding-box;
}

.upcomming-bnr .upcomming-month {
  width: 52px;
  height: 62px;
  margin-right: 10px;
  margin-bottom: 7px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.upcomming-bnr .upcomming-txt {
  padding: 12px 0;
  line-height: 150%;
  font-size: 14px;
  margin: 0;
}

.upcomming-bnr .upcomming-txt b {
  display: block;
  font-size: 17px;
  font-weight: 800;
}

.upcomming-bnr .icon-arrow {
  width: 20px;
  height: 20px;
  margin-left: auto;
  background: url(/assets/web/img/global/img_bn_vip_upcoming_main_arrow.png) no-repeat;
  background-size: 100%;
  text-indent: -9999px;
  border: 0;
}

/*2020_06_02 skip bnr*/
.skip__bnr {
  position: relative;
  background-image: -o-linear-gradient(left, #265376, #34c1b2);
  background-image: -webkit-gradient(linear, left top, right top, from(#265376), to(#34c1b2));
  background-image: linear-gradient(to right, #265376, #34c1b2);
}
.vip__success {
  padding: 29px 4.16%;
  text-align: center;
}
.vip__success__img {
  display: inline-block;
  margin-bottom: 9px;
}
.vip__success__img img {
  width: 50%;
}
.skip__bnr__title {
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  color: #fff;
}
.skip__bnr__txt {
  width: 70%;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 10px;
  line-height: 13px;
  color: #fff;
  opacity: 0.6;
}

.vip__success .skip__bnr__txt-af {
  width: 95%;
  margin: 8px auto 0;
  font-size: 10px;
  line-height: 13px;
  color: #0a0a17;
  opacity: 0.6;
}

.skip__bnr__btn .btn {
  position: relative;
  padding: 8px 33px 8px 15px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  text-transform: uppercase;
}

.skip__bnr__btn button:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 5px;
  height: 9px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: inline-block;
  background: url(/assets/mobile/img/global/icon/vip_bnr_arrow_rg.png) no-repeat;
  background-size: cover;
}

.vip__success.before {
  padding: 19px 4.16%;
  text-align: left;
}

.vip__success.before:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 4.166%;
  width: 40%;
  max-width: 222px;
  height: 100%;
  background: url(/assets/mobile/img/global/bg_vip_membership.png) no-repeat;
  background-position: bottom right;
  background-size: 100%;
}

.skip__bnr__close {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

/*메인 스토어 평가 배너*/
.skip__bnr.store__rate {
  padding-bottom: 0;
  background-image: none;
}
.skip__bnr .store__rate__bnr {
  position: relative;
  width: 100%;
  margin: 15px 0;
  padding: 20px 2.777%;
  text-align: left;
  background-image: -o-linear-gradient(top, #132e44 0%, #23486d 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#132e44), to(#23486d));
  background-image: linear-gradient(180deg, #132e44 0%, #23486d 100%);
  border-radius: 0;
}

.skip__bnr .store__rate__txt {
  max-width: 81%;
}

.skip__bnr .store__rate__bnr:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 1%;
  width: 40%;
  max-width: 80px;
  height: 100%;
  background: url(/assets/mobile/img/global/img_common_banner_rating.png) no-repeat;
  background-position: bottom right;
  background-size: 100%;
}
.skip__bnr .store__rate__bnr .store__rate__txt h3 {
  font-size: 15px;
}
.skip__bnr .store__rate__txt p {
  padding: 0;
}

.skip__bnr .store__rate__bnr__btns .btn {
  display: table-cell;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 37%;
  min-height: 35px;
  font-size: 12px;
  line-height: 15px;
  padding: 5px;
  margin-right: 2%;
  font-weight: 400;
  border-radius: 5px 5px;
}

.skip__bnr .white-line-btn {
  border: 1px solid #688ea3;
}
.white-btn {
  color: #20385c;
  background-color: #fff;
}

.skip__bnr .store__rate__bnr.sorry {
  padding: 30px 10px;
  text-align: center;
}
.skip__bnr .store__rate__bnr.sorry:after {
  content: none;
}
.skip__bnr .store__rate__bnr.sorry .store__rate__txt {
  max-width: 100%;
}

/*My Recent Webtoons*/
#new_wrap .section_myrecent {
  padding: 1% 0;
  vertical-align: middle;
  position: relative;
  color: #fff;
}

#new_wrap .section_myrecent h3 {
  font-size: 1.25em;
  margin-bottom: 0.5em;
  color: #b6b6b6;
  font-weight: 500;
  padding: 0 4%;
}

#new_wrap .section_myrecent .slick_item {
  display: table;
  width: 100%;
  table-layout: fixed;
}

#new_wrap .section_myrecent .slick_item {
  white-space: nowrap;
  overflow-y: hidden;
  border: 0;
  margin-bottom: 0;
  /*padding-bottom: 5px;*/
  -webkit-overflow-scrolling: touch;
}

#new_wrap .section_myrecent .slick_item li {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.275em;
  width: 29%;
}

#new_wrap .section_myrecent .slick_item li.first {
  margin-left: 2%;
}

#new_wrap .section_myrecent .slick_item li.last {
  margin-right: 4%;
}

#new_wrap .section_myrecent .slick_item li .visual {
  width: 100%;
  position: relative;
}

#new_wrap .section_myrecent .slick_item li .visual img {
  width: 100%;
}

#new_wrap .section_myrecent li .visual .main_text {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 50%;
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.84) 85%, #000);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(85%, rgba(0, 0, 0, 0.84)), to(#000));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.84) 85%, #000);
  border-radius: 3px;
}

#new_wrap .section_myrecent li .visual .main_text .title {
  /* padding: 0 0 4px 0; */
  /* border-bottom: 1px solid rgba(121, 121, 121, 0.5);*/
  width: 90%;
  position: absolute;
  bottom: 33%;
  color: #fff;
  margin: 0 5%;
  font-size: 3.5vw;
  white-space: normal;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.3em;
  max-height: 2.6em;
}

#new_wrap .section_myrecent li .visual .main_text .etc {
  position: absolute;
  bottom: 11%;
  font-size: 1vw;
  font-weight: normal;
  opacity: 0.5;
  left: 5%;
  margin: 0;
}

#new_wrap .section_myrecent li .visual .main_text .etc .history {
  color: #d5d5d5;
  padding: 3px 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

#new_wrap .section_myrecent li .visual .main_text .etc .remai {
  padding: 3px;
  background: rgba(162, 162, 162, 0.26);
  color: #08ff08;
  float: right;
  border-radius: 3px;
}

#new_wrap .section_myrecent h3 .ico {
  background: url(/assets/mobile/img/global/icon/ico_recently_head_on.png) no-repeat;
  background-size: 24px 24px;
  display: inline-block;
  width: 22px;
  height: 27px;
  vertical-align: middle;
  margin-right: 3px;
}

#new_wrap .section_myrecent h3 .more {
  background: url(/assets/mobile/img/global/icon/btn_list_plus_w.png) no-repeat;
  background-size: 22px;
  display: inline-block;
  width: 26px;
  height: 20px;
  vertical-align: middle;
  text-indent: -9999px;
  position: absolute;
  right: 1%;
  border: none;
}

/* Today Up */
#new_wrap .section_todayup {
  padding: 1% 0;
  vertical-align: middle;
  position: relative;
  color: #fff;
}

h3 .ico_recently {
  background: url(/assets/mobile/img/global/icon/ico_recently.png) no-repeat 0 1px;
  background-size: 24px 24px;
  display: inline-block;
  width: 22px;
  height: 27px;
  vertical-align: middle;
  margin-right: 5px;
}

h3 .ico_todayup_comic {
  background: url(/assets/mobile/img/global/icon/ico_today.png) no-repeat;
  background-size: 24px 24px;
  display: inline-block;
  width: 22px;
  height: 27px;
  vertical-align: middle;
  margin-right: 3px;
}

h3 .ico_new_comic {
  background: url(/assets/mobile/img/global/icon/ico_newcomic.png) no-repeat;
  background-size: 24px 24px;
  display: inline-block;
  width: 22px;
  height: 27px;
  vertical-align: middle;
  margin-right: 3px;
}

h3 .ico_hot_comic {
  background: url(/assets/mobile/img/global/icon/ico_hotcomic.png) no-repeat;
  background-size: 24px 24px;
  display: inline-block;
  width: 22px;
  height: 27px;
  vertical-align: middle;
  margin-right: 3px;
}

h3 .ico_free_comic {
  background: url(/assets/mobile/img/global/icon/ico_free.png) no-repeat;
  background-size: 24px 24px;
  display: inline-block;
  width: 22px;
  height: 24px;
  vertical-align: middle;
}

h3 .ico_recenticon {
  background: url(/assets/mobile/img/global/icon/ico_toomics_reco.png) no-repeat;
  background-size: 24px 24px;
  display: inline-block;
  width: 22px;
  height: 27px;
  vertical-align: middle;
  margin-right: 3px;
}

h3 .ico_favorites {
  background: url(/assets/mobile/img/global/icon/ico_favorites_on.png) no-repeat 0 1px;
  background-size: 24px 24px;
  display: inline-block;
  width: 22px;
  height: 27px;
  vertical-align: middle;
  margin-right: 5px;
}

h3 .ico_because {
  background: url(/assets/mobile/img/global/icon/icon-because_you_read.png) no-repeat 0 1px;
  background-size: 24px 24px;
  display: inline-block;
  width: 23px;
  height: 27px;
  vertical-align: middle;
  margin-right: 5px;
}

#new_wrap .section_todayup h3 {
  font-size: 1.25em;
  margin-bottom: 0.5em;
  color: #b6b6b6;
  font-weight: 500;
  padding: 0 4%;
}

#new_wrap .section_todayup .slick_item {
  display: table;
  width: 100%;
  table-layout: fixed;
}

#new_wrap .section_todayup .slick_item {
  white-space: nowrap;
  overflow-y: hidden;
  border: 0;
  margin-bottom: 0;
  /*padding-bottom: 5px;*/
  -webkit-overflow-scrolling: touch;
}

#new_wrap .section_todayup .slick_item li {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.275em;
  width: 29%;
}

#new_wrap .section_todayup .slick_item li.first {
  margin-left: 2%;
}

#new_wrap .section_todayup .slick_item li.last {
  margin-right: 4%;
}

#new_wrap .section_todayup .slick_item li .visual {
  width: 100%;
  position: relative;
}

#new_wrap .section_todayup li .visual .main_text {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 50%;
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.84) 85%, #000);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(85%, rgba(0, 0, 0, 0.84)), to(#000));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.84) 85%, #000);
  border-radius: 3px;
}

#new_wrap .section_todayup li .visual .main_text .title {
  width: 90%;
  position: absolute;
  bottom: 33%;
  color: #fff;
  font-size: 3.5vw;
  white-space: normal;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.3em;
  max-height: 2.6em;
  margin: 0 5%;
}

#new_wrap .section_todayup li .visual .main_text .etc {
  position: absolute;
  bottom: 11%;
  font-size: 10px;
  left: 5%;
  font-weight: normal;
  margin: 0;
}

#new_wrap .section_todayup h3 .more {
  background: url(/assets/mobile/img/global/main/ico_main.png) no-repeat -121px -1px;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-right: 3px;
  text-indent: -9999px;
  position: absolute;
  right: 4%;
  border: none;
}

p.etc .type01 {
  color: #eea800 !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

p.etc .type02 {
  color: #fd337f !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

p.etc .type03 {
  color: #336cfd !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

p.etc .type04 {
  color: #3ae5f4 !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

p.etc .type05 {
  color: #11d96c !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

p.etc .type06 {
  color: #59ff9b !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 2.5vw;
}

p.etc .type07 {
  color: #33a0fd !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

p.etc .type08 {
  color: #7454eb !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

p.etc .type09 {
  color: #fb33fd !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

p.etc .type10 {
  color: #fd9733 !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

p.etc .type11 {
  color: #fd7133 !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

p.etc .type12 {
  color: #ff0000 !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

p.etc .type13 {
  color: #ffdf72 !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

/*코미디*/
p.etc .type14 {
  color: #f43aaf !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

/*액션*/
p.etc .type15 {
  color: #f43a3f !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

/*공상과학*/
p.etc .type16 {
  color: #963af4 !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

/*무협*/
p.etc .type17 {
  color: #3af4a2 !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

/*스릴러*/
p.etc .type18 {
  color: #a0d60b !important;
  padding: 0 0 0 0;
  display: inline-block;
  font-size: 3vw;
}

/* Most Popular Webtoons */
#new_wrap .section_most {
  padding: 1% 0;
  vertical-align: middle;
  position: relative;
  color: #fff;
}

#new_wrap .section_most h3 {
  font-size: 1.25em;
  margin-bottom: 0.5em;
  color: #b6b6b6;
  font-weight: 500;
  padding: 0 4%;
}

#new_wrap .section_most .slick_item {
  display: table;
  width: 100%;
  table-layout: fixed;
}

#new_wrap .section_most .slick_item {
  white-space: nowrap;
  overflow-y: hidden;
  border: 0;
  margin-bottom: 0;
  /*padding-bottom: 5px;*/
  -webkit-overflow-scrolling: touch;
}

#new_wrap .section_most .slick_item li {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.275em;
  width: 29%;
}

#new_wrap .section_most .slick_item li.first {
  margin-left: 2%;
}

#new_wrap .section_most .slick_item li.last {
  margin-right: 4%;
}

#new_wrap .section_most .slick_item li .visual {
  width: 100%;
  position: relative;
}

#new_wrap .section_most li .visual {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 50%;
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.84) 85%, #000);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(85%, rgba(0, 0, 0, 0.84)), to(#000));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.84) 85%, #000);
  /* padding: 64px 7px 0 7px; */
  border-radius: 3px;
}

#new_wrap .section_most li .visual .title {
  padding: 0 0 2px 0;
  width: 90%;
  position: absolute;
  bottom: 48%;
  color: #fff;
  font-size: 3.5vw;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.3em;
  max-height: 2.6em;
  display: block;
  margin: 0 5%;
  white-space: normal;
}

#new_wrap .section_most li .writer {
  color: #adadad;
  position: absolute;
  bottom: 30%;
  font-size: 2.5vw;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  margin: 0 5%;
}

#new_wrap .section_most li .visual .etc {
  bottom: 11%;
  left: 5%;
  margin: 0;
  position: absolute;
  font-size: 10px;
  font-weight: normal;
}

#new_wrap .section_most h3 .more {
  background: url(/assets/mobile/img/global/main/ico_main.png) no-repeat -121px -1px;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-right: 3px;
  text-indent: -9999px;
  position: absolute;
  right: 4%;
  border: none;
}

/* Recommended Webtoons */
#new_wrap .section_recommended {
  padding: 7px 0 1%;
  vertical-align: middle;
  position: relative;
  color: #fff;
}

#new_wrap .section_recommended h3 {
  font-size: 1.25em;
  margin-bottom: 0.5em;
  color: #ee2d2f;
  font-weight: 500;
  padding: 0 4%;
}

#new_wrap .section_recommended .slick_item {
  white-space: nowrap;
  overflow-y: hidden;
  border: 0;
  margin-bottom: 0;
  /*padding-bottom: 5px;*/
  -webkit-overflow-scrolling: touch;
}

#new_wrap .section_recommended .slick_item li {
  color: #fff;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2vw;
  width: 34%;
}

#new_wrap .section_recommended .slick_item li.first {
  margin-left: 2%;
}

#new_wrap .section_recommended .slick_item li.last {
  margin-right: 4%;
}

#new_wrap .section_recommended .slick_item li .visual {
  width: 100%;
  position: relative;
}

#new_wrap .section_recommended li .visual {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 50%;
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.84) 85%, #000);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(85%, rgba(0, 0, 0, 0.84)), to(#000));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.84) 85%, #000);
  border-radius: 3px;
}

#new_wrap .section_recommended li .title {
  width: 90%;
  position: absolute;
  bottom: 44%;
  color: #fff;
  font-size: 4vw;
  display: block;
  margin: 0 5%;
  white-space: normal;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.3em;
  max-height: 2.8em;
}

#new_wrap .section_recommended li .writer {
  color: #adadad;
  position: absolute;
  bottom: 27.5%;
  font-size: 2.8vw;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  margin: 0 5%;
}

#new_wrap .section_recommended li .etc {
  position: absolute;
  bottom: 6%;
  font-weight: normal;
  left: 5%;
  margin: 0;
}

h3 .ico_recommended_comic {
  background: url(/assets/mobile/img/global/main/ico_main.png) no-repeat -93px -3px;
  display: inline-block;
  width: 25px;
  height: 27px;
  vertical-align: middle;
  margin-right: 6px;
}

#new_wrap .section_recommended h3 .more {
  background: url(/assets/mobile/img/global/icon/btn_list_plus_w.png) no-repeat;
  background-size: 22px;
  display: inline-block;
  width: 26px;
  height: 20px;
  vertical-align: middle;
  text-indent: -9999px;
  position: absolute;
  right: 1%;
  border: none;
}

.section_recommended .section_remai {
  bottom: 3%;
}

#new_wrap section.wbox {
  background: #0a0a0a;
  color: #77778b;
  margin: 0;
  padding: 15px;
}

#new_wrap .footer-nav {
  background: #2e2e32;
  text-align: center;
  padding: 8px 0;
}

#new_wrap .footer-info {
  padding: 6px 15px 15px 15px;
  border-bottom: 1px solid #383838;
  background: #393a3e;
}

#new_wrap .slick_item li {
  overflow: hidden;
  border-radius: 0.7vw;
  -webkit-border-radius: 0.7vw;
}

.slick_item li .visual img {
  border-radius: 0.7vw;
  -webkit-border-radius: 0.7vw;
}

#new_wrap .visual img {
  width: 100%;
  border-radius: 4px;
}

/*남은작품 숫자표시 / 신작 / 월간작 */

div.ico_box {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.iconew {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: 2.5vw;
  background: #0f70cb;
  color: #fff;
  padding: 1px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  margin-right: 2px;
  float: left;
}
.ico_19plus {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: 2.5vw;
  background: #f42121;
  color: #fff;
  padding: 1px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  margin-right: 2px;
  float: left;
}

.ico_up {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: 2.5vw;
  background: #ffce00;
  color: #010101;
  padding: 1px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  margin-right: 2px;
  float: left;
  font-weight: bold;
}

.ico_fin {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: 2.5vw;
  background: #699bb6;
  color: #fff;
  padding: 1px 2px 1px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  margin-right: 2px;
  float: left;
}

.ico_15plus {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: 2.5vw;
  color: #f42121;
  border: 1px solid #f42121;
  border-top-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  padding: 1px 2px 0 3px;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  margin-right: 2px;
  float: left;
}

.rank {
  display: block;
  position: absolute;
  z-index: 10;
  font-size: 3.6vw;
  background: url(/assets/web/img/global/ico_rank.png) no-repeat;
  color: #fff;
  font-weight: bold;
  right: 0.5em;
  background-size: cover;
  top: -1px;
  width: 1.5em;
  padding: 0.2em 0 0 0;
  text-align: center;
  height: 2.1em;
  text-shadow: 1px 1px 5px #e91504;
}

.section_remai {
  padding: 1px 4px;
  background: rgba(162, 162, 162, 0.26);
  color: #08ff08;
  float: right;
  border-radius: 3px;
  position: absolute;
  font-size: 2.5vw;
  right: 5%;
  bottom: 5%;
  min-width: 1.8em;
  z-index: 1;
  text-align: center;
}

.remai_read {
  color: #ffb108 !important;
}

/* add by HJH (190408) */
/*#new_wrap .section_allday .slick_item_hr .section_remai {
    bottom: 9%;
}*/

.section_recom_wrap .section_remai {
  padding: 1px 4px;
  background: rgba(0, 0, 0, 0.66);
  color: #08ff08;
  float: right;
  border-radius: 3px;
  position: absolute;
  font-size: 2.5vw;
  right: 5%;
  bottom: 5%;
  min-width: 1.8em;
  z-index: 1;
  text-align: center;
}

.month {
  background: url(/assets/mobile/img/global/main/ico_main.png) no-repeat -30px -60px;
  width: 29px;
  height: 30px;
  display: block;
  position: absolute;
  right: 5px;
  top: 4px;
  z-index: 1;
  text-indent: -9999px;
}

.footer-cp {
  padding: 15px;
  text-align: right;
  color: #8d8d8d;
  background: #393a3e;
}

/* ongoing 설명글 */
.list-simple .cell-caption .excerpt {
  margin-bottom: 6px;
  font-size: 12px;
  color: #888;
  white-space: normal;
  word-break: normal;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.3em;
  max-height: 2.6em;
}

body {
  word-break: normal;
  /* background-color: #f3f3f5 !important; */
}

/* 180627 gnb menu day */
.day .tab-v2 > li a span {
  display: inline-block;
  padding: 2px 7px 1px;
  background: transparent;
  line-height: 1.4;
  border-radius: 40px;
}

.day .tab-v2 > li a {
  color: #cbcbcd;
  font-size: 1.1em; /* margin-right: 0.3em; */
}

.day .tab-v2 {
  background: #000012;
  margin-bottom: 0.5em;
  padding: 0.2% 3%;
}

.day .tab-v2 > li.up a span:before {
  position: absolute;
  top: -3px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  content: "";
  display: inline-block;
  font-size: 10px;
  background: #ee312f;
  color: #fff;
  text-align: center;
  line-height: 1;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  vertical-align: middle;
}
.day .tab-v2 > li.active.up a span:before {
  position: absolute;
  top: -6px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  content: "";
  display: inline-block;
  font-size: 10px;
  background: #ee312f;
  color: #fff;
  text-align: center;
  line-height: 1;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  vertical-align: middle;
}
.day .tab-v2 > li.today a span {
  text-decoration: underline;
}
.day .tab-v2 > li.active a span {
  background: #ee312f;
  color: #fff;
}

/*서브페이지에 타이틀이 추가되면서 탭에 클래스 추가*/
.sub_tab .tab-v2 {
  padding-left: 0;
  padding-right: 0;
  margin: 0 2%;
  border-radius: 5px 5px;
  background-color: #292929;
}
.sub_tab .tab-v2 > li a span {
  padding: 2px 12% 1px;
}

.sub_tab-genre {
  width: 96%;
  margin: 0 2%;
}

.sub_tab-genre .tab-v2 {
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 5px 5px;
  background-color: #292929;
}
.nav__swiper-btn {
  width: 100%;
  position: absolute;
  top: 4px;
}

.nav__swiper-btn button {
  position: absolute;
  display: inline-block;
  width: 26px;
  height: 33px;
  outline: 0;
  border: 0;
  padding: 0;
  background-color: #292929;
  z-index: 10;
}
.nav__swiper-btn button span {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background: url(/assets/mobile/img/global/icon/icon_sub_tab_arrows.png) no-repeat;
  background-size: 52px 33px;
}
.nav__swiper-btn .nav__swiper-btn-lf {
  left: 0;
}
.nav__swiper-btn .nav__swiper-btn-lf span {
  background-position: -26px 0;
}
.nav__swiper-btn .nav__swiper-btn-rg {
  right: 0;
}
.nav__swiper-btn .nav__swiper-btn-rg span {
  background-position: 0 0;
}
.swiper-button-disabled {
  display: none !important;
}

/* .nav__swiper-btn button.no-active {
    display: none;
} */

/* by day Up */
#new_wrap .section_allday {
  padding: 7px 0 1%;
  vertical-align: middle;
  position: relative;
  color: #fff;
}

#new_wrap .section_allday h3,
.ep-viewer__bottom__list .section_allday h3 {
  font-size: 1.25em;
  margin-bottom: 0.35em; /*0.5em*/
  color: #b6b6b6;
  font-weight: 500;
  padding: 0 4%;
}

#new_wrap .section_allday h3.mon {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #d400cc;
  width: 4.5em;
  margin-left: 2%;
  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}

#new_wrap .section_allday h3.tue {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #e0ef90;
  width: 4.5em;
  margin-left: 2%;
  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}

#new_wrap .section_allday h3.wed {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #22c6f1;
  width: 4.5em;
  margin-left: 2%;
  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}

#new_wrap .section_allday h3.mon {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #22909a;
  width: 4.5em;
  margin-left: 2%;
  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}

#new_wrap .section_allday h3.thu {
  background: #383840;
  border-radius: 0.1em;

  border-left: 0.15em solid #29911f;
  width: 4.5em;
  margin-left: 2%;
  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}

#new_wrap .section_allday h3.fri {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #ad2fe7;
  width: 4.5em;
  margin-left: 2%;
  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}

#new_wrap .section_allday h3.sat {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #522fe7;
  width: 4.5em;
  margin-left: 2%;
  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}
#new_wrap .section_allday h3.sun {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #e72f74;
  width: 4.5em;
  margin-left: 2%;
  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}

#new_wrap .section_allday h3.plus {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #bf1824;
  width: 4.5em;
  margin-left: 2%;
  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}

#new_wrap .section_allday .slick_item {
  /*display: table;
    width: 100%;
    table-layout: fixed;*/
}

#new_wrap .section_allday .slick_item,
.ep-viewer__bottom__list .section_allday .slick_item {
  white-space: nowrap;
  overflow-y: hidden;
  border: 0;
  margin-bottom: 0;
  -webkit-overflow-scrolling: touch;
  /*padding-bottom: 5px;*/
}

.slick_item p {
  margin-bottom: 0;
}

.slick_item li a img {
  border-radius: 4px;
  margin-bottom: 1px;
}

.slick_item .main_text {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 50%;
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.84) 85%, #000);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(85%, rgba(0, 0, 0, 0.84)), to(#000));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.84) 85%, #000);
  border-radius: 3px;
}

.slick_item_hr .main_text {
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 1;
  width: 100%;
  height: 50%;
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.84) 85%, #000);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(85%, rgba(0, 0, 0, 0.84)), to(#000));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.84) 85%, #000);
  border-radius: 3px;
}

#new_wrap .section_allday .slick_item li,
.ep-viewer__bottom__list .section_allday .slick_item li {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.275em;
  width: 29%;
  position: relative;
}

#new_wrap .section_allday .slick_item > ul,
.ep-viewer__bottom__list .section_allday .slick_item > ul {
  margin-top: 0.25em;
}
#new_wrap .section_allday .slick_item > ul:first-child,
.ep-viewer__bottom__list .section_allday .slick_item > ul:first-child {
  margin-top: 0;
}

#new_wrap .section_allday .slick_item li.first,
.ep-viewer__bottom__list .section_allday .slick_item li.first {
  margin-left: 2%;
}

#new_wrap .section_allday .slick_item li.last,
.ep-viewer__bottom__list .section_allday .slick_item li.last {
  margin-right: 4%;
}

#new_wrap .section_allday .slick_item_hr,
.ep-viewer__bottom__list .section_allday .slick_item_hr {
  padding: 0 2%;
}

#new_wrap .section_allday .slick_item_hr p,
.ep-viewer__bottom__list .section_allday .slick_item_hr p {
  margin-bottom: 0;
}

#new_wrap .section_allday .slick_item_hr li,
.ep-viewer__bottom__list .section_allday .slick_item_hr li {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.275em 0.5em 0;
  width: 31.6%;
  position: relative;
  overflow: hidden;
  border-radius: 0.7vw;
  -webkit-border-radius: 0.7vw;
}

#new_wrap .section_allday li section,
.ep-viewer__bottom__list .section_allday li section {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  height: 50%;
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.84) 85%, #000);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(85%, rgba(0, 0, 0, 0.84)), to(#000));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.84) 85%, #000);
  border-radius: 3px;
}

#new_wrap .section_allday li .title,
.ep-viewer__bottom__list .section_allday li .title {
  width: 90%;
  position: absolute;
  bottom: 34%;
  color: #fff;
  font-size: 3.5vw;
  white-space: normal;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.3em;
  max-height: 2.6em;
  margin: 0 5%;
}

#new_wrap .section_allday li .no_recent_title {
  position: absolute;
  top: 9.2em;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 0.8em;
  line-height: 1.3em;
  max-height: 2.6em;
  display: block;
  white-space: normal;
  margin: 0 2px;
  overflow: hidden;
}

/* add by HJH (190408) */
/*#new_wrap .section_allday .slick_item_hr li .title {
    bottom: 20%;
}*/

#new_wrap .section_allday li .etc,
.ep-viewer__bottom__list .section_allday li .etc {
  position: absolute;
  bottom: 10%;
  font-size: 10px;
  left: 5%;
  font-weight: normal;
  margin: 0;
}

#new_wrap .section_allday h3 .ico {
  background: url(/assets/mobile/img/global/main/ico_main.png) no-repeat -35px -2px;
  display: inline-block;
  width: 20px;
  height: 27px;
  vertical-align: middle;
  margin-right: 3px;
}

#new_wrap .section_allday h3 .more {
  background: url(/assets/mobile/img/global/icon/btn_list_plus_w.png) no-repeat;
  background-size: 22px;
  display: inline-block;
  width: 26px;
  height: 20px;
  vertical-align: middle;
  text-indent: -9999px;
  position: absolute;
  right: 1%;
  border: none;
}

/*
#new_wrap .section_allday h3 .more {
    background: url(/assets/mobile/img/global/main/ico_main.png) no-repeat -121px -1px;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: 3px;
    text-indent: -9999px;
    position: absolute;
    right: 4%;
    border: none;
}*/

#new_wrap .section_allday h3 .list_type01 {
  background: url(/assets/mobile/img/global/icon/btn_list_plus_w.png) no-repeat;
  background-size: 22px;
  display: inline-block;
  width: 26px;
  height: 20px;
  vertical-align: middle;
  text-indent: -9999px;
  position: absolute;
  right: 1%;
  border: none;
}

#new_wrap .section_allday h3 .list_type02 {
  background: url(/assets/mobile/img/global/icon/btn_list_minus_w.png) no-repeat;
  background-size: 22px;
  display: inline-block;
  width: 26px;
  height: 20px;
  vertical-align: middle;
  text-indent: -9999px;
  position: absolute;
  right: 1%;
  border: none;
}

/* by day Up */
#new_wrap .section_byday {
  vertical-align: middle;
  position: relative;
  color: #fff;
}

#new_wrap .section_byday h3 {
  font-size: 1.25em;
  margin-bottom: 0.5em;
  color: #b6b6b6;
  font-weight: 500;
  padding: 0 4%;
}

#new_wrap .section_byday h3.mon {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #d400cc;
  width: 4.5em;
  margin-left: 2%;
  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}

#new_wrap .section_byday h3.tue {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #e0ef90;
  width: 4.5em;
  margin-left: 2%;
  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}

#new_wrap .section_byday h3.wed {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #22c6f1;
  width: 4.5em;
  margin-left: 2%;

  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}

#new_wrap .section_byday h3.mon {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #22909a;
  width: 4.5em;
  margin-left: 2%;
  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}

#new_wrap .section_byday h3.thu {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #29911f;
  width: 4.5em;
  margin-left: 2%;
  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}

#new_wrap .section_byday h3.fri {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #ad2fe7;
  width: 4.5em;
  margin-left: 2%;
  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}

#new_wrap .section_byday h3.sat {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #522fe7;
  width: 4.5em;
  margin-left: 2%;
  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}
#new_wrap .section_byday h3.sun {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #e72f74;
  width: 4.5em;
  margin-left: 2%;
  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}

#new_wrap .section_byday h3.plus {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #bf1824;
  width: 4.5em;
  margin-left: 2%;
  padding: 0 2%;
  font-size: 1.1em;
  color: #fff;
}

#new_wrap .section_byday {
  display: block;
  width: 100%;
  table-layout: fixed;
  /* margin: 0 3%; */
}

#new_wrap .section_byday {
  /* white-space: nowrap; */
  /* overflow-y: hidden; */
  /* border: 0; */
  /* margin-bottom: 0; */
  /*padding-bottom: 5px;*/
  -webkit-overflow-scrolling: touch;
  /* margin:  0 auto; */
  /* width:  100%; */
  margin: 0 auto;
  padding: 0 5px;
}

#new_wrap .section_byday li {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin: 0.125em;
  width: 31.5%;
}

#new_wrap .section_byday li.first {
  margin-left: 2%;
}

#new_wrap .section_byday li.last {
  margin-right: 4%;
}

#new_wrap .section_byday li .visual {
  width: 100%;
  position: relative;
}

/*#new_wrap .section_byday li .visual {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.84) 85%, #000);
    border-radius: 3px;
}*/

#new_wrap .section_byday li .visual .title {
  width: 90%;
  position: absolute;
  bottom: 33%;
  color: #fff;
  font-size: 3.5vw;
  white-space: normal;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.3em;
  max-height: 3em;
  margin: 0 5%;
}

#new_wrap .section_byday li .visual .etc {
  position: absolute;
  bottom: 10%;
  font-size: 10px;
  left: 5%;
  font-weight: normal;
  margin: 0;
}

#new_wrap .section_byday .section_remai {
  padding: 1px 4px;
  background: rgba(162, 162, 162, 0.26);
  color: #08ff08;
  float: right;
  border-radius: 3px;
  position: absolute;
  font-size: 2.5vw;
  right: 5%;
  bottom: 4%;
  min-width: 1.8em;
  z-index: 1;
  text-align: center;
}

#new_wrap .section_byday .section_read {
  padding: 1px 3px;
  background: rgba(0, 0, 0, 0.5);
  color: #00c2ff;
  float: right;
  border-radius: 3px 0 0 3px;
  position: absolute;
  font-size: 10px;
  right: 0%;
  bottom: 4%;
  min-width: 1.8em;
  z-index: 1;
  text-align: center;
}

#new_wrap .section_byday .section_read em {
  color: #1089ba;
}
#new_wrap .section_byday .section_read em.ep {
  color: #c6c6c6;
}

#new_wrap .section_byday h3 .ico {
  background: url(/assets/mobile/img/global/main/ico_main.png) no-repeat -35px -2px;
  display: inline-block;
  width: 20px;
  height: 27px;
  vertical-align: middle;
  margin-right: 3px;
}

#new_wrap .section_byday h3 .more {
  background: url(/assets/mobile/img/global/main/ico_main.png) no-repeat -121px -1px;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-right: 3px;
  text-indent: -9999px;
  position: absolute;
  right: 4%;
  border: none;
}

#new_wrap .section_byday h3 .list_type01 {
  background: url(/assets/mobile/img/global/icon/btn_list_type.png) no-repeat 0 -2px;
  background-size: 22px;
  display: inline-block;
  width: 26px;
  height: 20px;
  vertical-align: middle;
  text-indent: -9999px;
  position: absolute;
  right: 1%;
  border: none;
}

#new_wrap .section_byday h3 .list_type02 {
  background: url(/assets/mobile/img/global/icon/btn_list_type.png) no-repeat 0px -24px;
  background-size: 22px;
  display: inline-block;
  width: 26px;
  height: 20px;
  vertical-align: middle;
  text-indent: -9999px;
  position: absolute;
  right: 1%;
  border: none;
}

/*my favorite upcomming*/
.upcomming_content {
  position: relative;
  display: block;
}
.upcomming_content .coomingsoon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -60%);
  -ms-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
  text-align: center;
  white-space: nowrap;
}

.upcomming_content .coomingsoon span {
  display: inline-block;
  position: relative;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 600;
  color: #000;
  background-color: #ffdd1b;
  -webkit-box-shadow: 0px 0px 3px #0000004d;
  box-shadow: 0px 0px 3px #0000004d;
  border-radius: 10px 10px;
}
.upcomming_content .coomingsoon span:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top-color: #ffdd1b;
}

/* ongoing day 180626 */
.ico_day_box {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.ico_day_box .ico_day {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: 2.5vw;
  background: rgba(63, 63, 63, 0.5);
  color: #fff;
  padding: 3px 5px;
  border-radius: 0 0 3px 3px;
}

/*family__safe__info 안내 문구 추가*/
.family__safe__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin: 10px 2%;
  padding: 15px 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #172340;
  border-radius: 10px 10px;
}
.family__safe__info ~ .new__comics {
  padding-top: 7px;
}

.icon-fmInfo {
  width: 15px;
  height: 15px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  margin-top: 2px;
}

.toast__close {
  width: 16px;
  height: 16px;
  margin-left: auto;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.family__safe__info__txt {
  margin-left: 8px;
  margin-right: 15px;
  line-height: 17px;
  color: #ffffff;
  font-size: 12px;
}
.family__safe__info__txt a,
.family__safe__info__txt mark {
  font-weight: 500;
  color: #00f99f;
}

.family__safe__info__txt span {
  font-weight: bold;
}

.family__safe__info__txt a:hover {
  text-decoration: underline;
}

/* 추천 웹툰 180628 */
.section_bottom_recom {
  padding: 0 15px;
  margin: 0.5em 0;
  display: block;
  float: left;
  width: 100%;
}

.section_recom_wrap {
  display: block;
  clear: both;
  width: 100%;
  margin: 0 auto;
}
.section_recom_wrap .type {
  clear: both;
  color: #fff;
  background: #ee312f !important;
  padding: 0.3em 0.5em;
  border-radius: 1em;
  width: 7em;
  text-align: center;
}
.section_recom_wrap h4 {
  font-size: 1.2em;
  margin: 0.3em 0 0.3em 0;
  clear: both;
}
.section_recom_wrap ul li {
  margin-bottom: 1em;
  width: 31%;
  display: inline-block;
  margin: 0 1px;
}
.section_recom_wrap ul li .img {
  width: 100%;
  height: 9.5em;
  overflow: hidden;
  float: left;
  display: inline-block;
  position: relative;
  margin: 0px 0 0 0;
  border-radius: 0.4em;
}
.section_recom_wrap ul li .text_box {
  /* float: left; */
  clear: both;
  width: 100%;
  padding: 8px 3px 0;
  display: block;
}
.section_recom_wrap ul li .text_box h5 {
  font-size: 1em; /* margin-top: 0.5em; */
  color: #2a2a2a;
  letter-spacing: -0.03em;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.section_recom_wrap ul li .text_box .comic_genre {
  color: #b5b5b5;
  font-size: 0.8em;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.section_recom_wrap ul {
  margin: 0 auto;
  width: 96vw;
  display: block;
}

.section_recom_wrap h4 .ico_hot {
  display: inline-block;
  width: 22px;
  height: 27px;
  vertical-align: middle;
  margin-right: 2px;
  background: url(/assets/mobile/img/global/icon/ico_hotcomic.png) no-repeat;
  background-size: 24px 24px;
}

.section_recom_wrap h4 .ico_new {
  display: inline-block;
  width: 22px;
  height: 27px;
  vertical-align: middle;
  margin-right: 6px;
  background: url(/assets/mobile/img/global/icon/ico_newcomic.png) no-repeat;
  background-size: 24px 24px;
}

.ep-list .title_box .type01 {
  color: #eea800 !important;
  padding: 0 0 0 2px;
  display: inline-block;
  font-size: 2vw;
  margin: 0;
}

.ep-list .title_box .type02 {
  color: #fd337f !important;
  padding: 0 0 0 2px;
  display: inline-block;
  font-size: 2vw;
  margin: 0;
}

.ep-list .title_box .type03 {
  color: #336cfd !important;
  padding: 0 0 0 2px;
  display: inline-block;
  font-size: 2vw;
  margin: 0;
}

.ep-list .title_box .type04 {
  color: #3ae5f4 !important;
  display: inline-block;
  font-size: 2vw;
  margin: 0;
}

.ep-list .title_box .type05 {
  color: #dca000 !important;
  padding: 0 0 0 2px;
  display: inline-block;
  font-size: 2vw;
  margin: 0;
}

.ep-list .title_box .type06 {
  color: #59ff9b !important;
  padding: 0 0 0 2px;
  display: inline-block;
  font-size: 2vw;
  margin: 0;
}

.ep-list .title_box .type07 {
  color: #33a0fd !important;
  padding: 0 0 0 2px;
  display: inline-block;
  font-size: 2vw;
  margin: 0;
}

.ep-list .title_box .type08 {
  color: #7454eb !important;
  padding: 0 0 0 2px;
  display: inline-block;
  font-size: 2vw;
  margin: 0;
}

.ep-list .title_box .type09 {
  color: #fb33fd !important;
  padding: 0 0 0 2px;
  display: inline-block;
  font-size: 2vw;
  margin: 0;
}

.ep-list .title_box .type10 {
  color: #fd9733 !important;
  padding: 0 0 0 2px;
  display: inline-block;
  font-size: 2vw;
  margin: 0;
}

.ep-list .title_box .type11 {
  color: #fd7133 !important;
  padding: 0 0 0 2px;
  display: inline-block;
  font-size: 2vw;
  margin: 0;
}

.ep-list .title_box .type12 {
  color: #ff0000 !important;
  padding: 0 0 0 2px;
  display: inline-block;
  font-size: 2vw;
  margin: 0;
}

.ep-list .title_box.type13 {
  color: #ffdf72 !important;
  padding: 0 0 0 2px;
  display: inline-block;
  font-size: 2vw;
  margin: 0;
}

.ep-list .title_box .type14 {
  color: #3ae5f4 !important;
  padding: 0 0 0 2px;
  display: inline-block;
  font-size: 2vw;
  margin: 0;
}

.ep-list .title_box .type15 {
  color: #3ae5f4 !important;
  padding: 0 0 0 2px;
  display: inline-block;
  font-size: 2vw;
  margin: 0;
}

/* 180627 vip step02*/
.section_payment_en02_wrap {
  margin-bottom: 0 !important;
  background: url(/assets/mobile/img/global/bg_payment_en02.jpg) no-repeat;
  background-size: cover;
  background-position: 50% 0;
}

.section_payment_en02 {
  min-height: 635px;
  padding: 60px 20px;
  font-size: 16px;
  color: #fff;
  line-height: 28px;
  text-align: center;
}

.section_payment_en02 h4 {
  font-size: 9vw;
  color: #00fffc;
  line-height: 11vw;
  letter-spacing: -1px;
}

.section_payment_en02 .sub_text {
  margin: 2em 0;
  font-size: 5vw;
  line-height: 7vw;
}

.section_payment_en02 .btn_box {
  margin: 40px auto 30px;
  width: 85vw;
}

.section_payment_en02 button {
  border-radius: 1vw;
  padding: 0.7em 0.5em 0.7em 3.5em;
  font-size: 4.2vw;
  border: none;
  text-decoration: none;
  -webkit-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  -webkit-box-shadow: -1px 5px 15px -5px rgba(0, 0, 0, 0.8);
  box-shadow: -1px 5px 15px -5px rgba(0, 0, 0, 0.8);
  clear: both;
  width: 85vw;
  display: block;
  text-align: left;
  margin: 2em 0;
  position: relative;
  height: 4.3em;
}

.section_payment_en02 button.type01 {
  background: #103753;
  color: #fff;
}

.section_payment_en02 button.type01:hover {
  background: #18517a;
  color: #f4f5f7;
}

.section_payment_en02 button.type01 em.ico {
  background: url(/assets/mobile/img/global/ico_creditcard.png) no-repeat;
  position: absolute;
  left: 51vw;
  top: -3vw;
  z-index: 1;
  width: 28vw;
  height: 6.6vw;
  background-size: cover;
  margin-left: 4vw;
}

/* 카드아이콘 추가*/
.section_payment_en02 button.type02 em.ico .card01 {
  position: absolute;
  top: -12px;
  background: #00ffcd;
  text-indent: -9999px;
  display: none;
  width: 6px;
  height: 6px;
  border-radius: 50em;
  left: 1em;
  -webkit-box-shadow: 0px 0px 4px #00ffcd;
  box-shadow: 0px 0px 4px #00ffcd;
}

.section_payment_en02 button.type02 em.ico .card02 {
  position: absolute;
  top: -12px;
  background: #00ffcd;
  text-indent: -9999px;
  display: none;
  width: 6px;
  height: 6px;
  border-radius: 50em;
  left: 3.3em;
  -webkit-box-shadow: 0px 0px 4px #00ffcd;
  box-shadow: 0px 0px 4px #00ffcd;
}

.section_payment_en02 button.type02 em.ico .card03 {
  position: absolute;
  top: -12px;
  background: #00ffcd;
  text-indent: -9999px;
  display: none;
  width: 6px;
  height: 6px;
  border-radius: 50em;
  left: 5.8em;
  -webkit-box-shadow: 0px 0px 4px #00ffcd;
  box-shadow: 0px 0px 4px #00ffcd;
}

.section_payment_en02 button.type02 em.ico .card04 {
  position: absolute;
  top: -12px;
  background: #00ffcd;
  text-indent: -9999px;
  display: none;
  width: 6px;
  height: 6px;
  border-radius: 50em;
  left: 8em;
  -webkit-box-shadow: 0px 0px 4px #00ffcd;
  box-shadow: 0px 0px 4px #00ffcd;
}

.section_payment_en02 button.type02 em.ico .active {
  display: block;
}

.section_payment_en02 button.type01 em {
  font-size: 3vw;
  color: rgba(255, 255, 255, 0.7);
  font-weight: normal;
  line-height: 5vw;
  display: block;
}

.section_payment_en02 button.type02 em {
  font-size: 3vw;
  color: rgba(255, 255, 255, 0.7);
  font-weight: normal;
  line-height: 5vw;
  display: block;
}

.section_payment_en02 button.type02 {
  background: #1b4e79;
  color: #fff;
}

.section_payment_en02 button.type02:hover {
  background: #245f90;
  color: #f4f5f7;
}

.section_payment_en02 button.type02 em.ico {
  background: url(/assets/mobile/img/global/ico_creditcard.png) no-repeat;
  position: absolute;
  left: 51vw;
  top: -3vw;
  z-index: 1;
  background-size: cover;
  width: 28vw;
  height: 6.6vw;
  margin-left: 4vw;
}

.section_payment_en02 button.type03 {
  background: #103753;
  color: #fff;
}

.section_payment_en02 button.type03:hover {
  background: #18517a;
  color: #f4f5f7;
}

.section_payment_en02 button.type03 em.ico {
  background: url(/assets/mobile/img/global/ico_creditcard_paypal.png) no-repeat;
  position: absolute;
  left: 51vw;
  top: -3vw;
  z-index: 10;
  background-size: cover;
  width: 12vw;
  height: 6.6vw;
}

.section_payment_en02 button.type03 em {
  font-size: 3vw;
  color: rgba(255, 255, 255, 0.7);
  font-weight: normal;
  margin-left: 4vw;
  position: absolute;
  left: 51vw;
  line-height: 9vw;
}

.section_payment_en02 button span {
  background: #000;
  border-radius: 30em;
  line-height: 8.5vw;
  color: #00fffc;
  text-align: center;
  font-weight: bold;
  margin: -1em 0 0 0;
  display: table-cell;
  vertical-align: middle;
  position: absolute;
  height: 2em;
  width: 2em;
  left: 0.8em;
  top: 50%;
}

.section_payment_en02 .pay_another {
  text-decoration: underline;
  cursor: pointer;
  color: #ddcbc9;
  font-size: 4vw;
}

/*선택된 페이 추가 */
.section_payment_en02 .sub_text {
  font-size: 4.8vw;
  line-height: 7vw;
}
.section_payment_en02 .pay_choose {
  font-size: 3.6vw;
  line-height: 4.2vw;
}

.section_payment_en02 .pay_choose em {
  padding: 0 3px;
}

.section_payment_en02 .pay_color01 {
  color: #2bdef9;
  font-weight: bold;
}

.section_payment_en02 .pay_color02 {
  color: #f45e62;
  font-weight: bold;
}

/*결제페이지 vip추가*/
.section_vippay_notice li {
  margin: 5px 0;
  line-height: 16px;
  font-size: 12px;
}
.section_vippay_notice {
  padding: 15px 12px;
  border-bottom: 1px solid #d5d5d5;
}

/*payment 추가수정 */
.section_payment_en03 {
  min-height: 635px;
  padding: 40px 10px;
  font-size: 16px;
  color: #f5dadb;
  line-height: 28px;
  text-align: center;
}

.section_payment_en03 h4 {
  font-size: 32px;
  color: #fff;
  line-height: 36px;
  letter-spacing: -1px;
}

.section_payment_en03 h4 span {
  background: url(/assets/mobile/img/global/ico_logo.png) no-repeat;
  display: inline-block;
  width: 43px;
  height: 30px;
  background-size: cover;
  font-size: 35px;
  line-height: 34px;
  vertical-align: middle;
}

.section_payment_en03 button {
  border-radius: 100px;
  padding: 10px 26px;
  font-size: 16px;
  background: #f92b2b;
  border: 1px solid #cc0000;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  -webkit-box-shadow: -1px 5px 15px -5px rgba(0, 0, 0, 0.8);
  box-shadow: -1px 5px 15px -5px rgba(0, 0, 0, 0.8);
  line-height: 23px;
}

.section_payment_en03 button:hover {
  background: #b30000;
  border: 1px solid #b30000;
  color: #f4f5f7;
}

.section_payment_en03 .sub_text {
  font-size: 14px;
  margin: 22px 0px;
  color: #fff;
  line-height: 20px;
}

.section_payment_en03 .sub_payment {
  font-size: 14px;
  margin: 20px 0 50px 0;
  color: #f9e32b;
}

.section_payment_en03 .etc_text {
  text-align: center;
  color: #c9c9c9;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  padding: 10px;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 50px;
}

.section_payment_en03 .etc_text li {
  margin: 5px 0;
  text-align: left;
  padding: 5px;
  background: url(/assets/mobile/img/global/bu_square01.gif) no-repeat 0 13px;
  word-break: keep-all;
}

.section_select_paytype {
  margin-bottom: 20px;
}

.section_select_paytype h5 {
  font-size: 14px;
  float: left;
  line-height: 18px;
  margin-right: 2.5vw;
  vertical-align: middle;
  padding: 2vw 0;
}
.section_select_paytype h5 span {
  font-size: 7vw;
}
.section_select_paytype li {
  display: inline-block;
  width: 100%;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.23);
  padding: 10px 10px 6px 15px;
  border-radius: 5px;
  position: relative;
  margin: 0.7vw 0;
}

.section_select_paytype li:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.4);
  -webkit-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

.section_select_paytype p {
  float: left;
  font-size: 12px;
  line-height: 18px;
  padding: 2vw;
  margin: 0;
  text-align: left;
}
.section_select_paytype button {
  border-radius: 5px;
  float: right;
  letter-spacing: -1px;
  padding: 5px 4px;
  font-size: 13px;
  line-height: 14px;
  background: #cc0000;
  border: 1px solid #cc0000;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 1.5vw 0;
}

.section_select_paytype li:hover button {
  background: #e00000;
  border: 1px solid #b30000;
  color: #f4f5f7;
}

.section_select_paytype p span.pay_color01 {
  color: #2bdef9;
  font-weight: bold;
}

.section_select_paytype p span.pay_color02 {
  color: #f45e62;
  font-weight: bold;
}

/* 마지막 읽은 날자 표시 */

.ep-list .cell-thumb .last_read {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 2px 6px;
  width: 100%;
  background: #150000c2;
  color: #fff;
  font-size: 11px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.3em;
  max-height: 2.6em;
}

/* 세일 아이콘 */
.section_select_paytype li .ico_sale {
  position: absolute;
  left: -3%;
  top: -13px;
  z-index: 1;
}

.section_select_paytype li .ico_sale .hot {
  background: url(/assets/mobile/img/global/icon/ico_hot.png) no-repeat;
  width: 20px;
  background-size: cover;
  height: 25px;
  text-indent: -9999px;
  float: left;
  margin: 0 0 0 3px;
}

.section_select_paytype li .ico_sale .sale01 {
  background: url(/assets/mobile/img/global/icon/ico_sale25.png) no-repeat;
  background-size: cover;
  width: 37px;
  height: 40px;
  float: left;
  text-align: center;
  font-size: 9px;
  padding: 10px 0 0 0;
  line-height: 10px;
  font-weight: bold;
}

.section_select_paytype li .ico_sale .sale02 {
  background: url(/assets/mobile/img/global/icon/ico_sale37.png) no-repeat;
  background-size: cover;
  width: 37px;
  height: 40px;
  float: left;
  text-align: center;
  font-size: 9px;
  padding: 10px 0 0 0;
  line-height: 10px;
  font-weight: bold;
}

.section_select_paytype li .ico_sale .sale03 {
  background: url(/assets/mobile/img/global/icon/ico_sale44.png) no-repeat;
  background-size: cover;
  width: 37px;
  height: 40px;
  float: left;
  text-align: center;
  font-size: 9px;
  padding: 10px 0 0 0;
  line-height: 10px;
  font-weight: bold;
}

.section_select_paytype li .ico_sale .sale04 {
  background: url(/assets/mobile/img/global/icon/ico_sale44.png) no-repeat;
  background-size: cover;
  width: 30px;
  height: 32px;
  float: left;
  text-align: center;
  font-size: 0.68em;
  padding: 7px 0 0 0;
  line-height: 10px;
  font-weight: bold;
}

.glo_viewer .viewer-header .vhome {
  z-index: 1;
  left: 0;
  background: url(/assets/mobile/img/global/icon/logo_detail.png) no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  top: 30px;
}

.glo_viewer .viewer-header .vhome span {
  display: none;
}

.glo_viewer .viewer-footer .vprev {
  background: url(/assets/mobile/img/global/icon/btn_viewer_left.png) no-repeat;
  background-size: 36px 36px;
  display: inline-block;
  height: 36px;
  color: #fff;
  line-height: 36px;
  padding: 0px 0 0 44px;
  font-size: 18px;
  margin: 5px 5px 0 0;
}

.glo_viewer .viewer-footer .vnext {
  background: url(/assets/mobile/img/global/icon/btn_viewer_right.png) no-repeat right;
  background-size: 36px 36px;
  display: inline-block;
  height: 36px;
  color: #fff;
  line-height: 36px;
  padding: 0 44px 0 0;
  font-size: 18px;
  margin: 5px 0 0 5px;
}

.glo_viewer .viewer-footer .vlist {
  background: url(/assets/mobile/img/global/icon/btn_viewer_list.png) no-repeat right;
  background-size: 32px 32px;
  display: inline-block;
  width: 32px;
  height: 32px;
  color: #fff;
  line-height: 36px;
  text-indent: -9999px;
}

.glo_viewer .viewer-header h1 {
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  text-align: left;
  margin: 8px 30px 0 25px;
}

.glo_viewer .viewer-header h1 span {
  font-size: 13px;
  line-height: 18px;
  color: #a8a8a8;
  font-weight: normal;
  clear: both;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

/*이미지 로딩 중일때 progress fing*/
.row.viewer-imgs > div {
  position: relative;
}
.progress {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  /*height: 350px;*/
  margin: 0 auto;
  background-color: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress__loading {
  font-size: 0;
}

.loading__img {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  vertical-align: middle;
  text-indent: -9999em;
  background: url(/assets/mobile/img/global/m_img_comic_view_loading.png) 0 0 no-repeat;
  background-size: cover;

  -webkit-animation: loading 1.1s infinite linear;
  animation: loading 1.1s infinite linear;
}
.loading__img.absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loading__txt {
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  color: #777777;
  vertical-align: middle;
}
.reload__btn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  padding: 15px 30px;
  font-size: 13px;
  line-height: 22px;
  color: #777777;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.icon-reload {
  display: inline-block;
  width: 18px;
  height: 22px;
  margin-right: 5px;
  vertical-align: middle;
  text-indent: -9999em;
  background: url(/assets/mobile/img/global/icon-reload.png) 0 0 no-repeat;
  background-size: cover;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*default progress ring*/
.progress-open {
  position: static !important;
  overflow: hidden;
}
.default-progress {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-color: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1042;
}
.default-progress .loading__img {
  margin-right: 0;
}

/*일본어일 경우 뷰어UI 수정 및 툴팁 추가 20211116*/

.glo_viewer .viewer-footer .btns.left-direc .vprev {
  background: url(/assets/mobile/img/global/icon/btn_viewer_right.png) no-repeat right;
  padding: 0 44px 0 0;
  margin: 5px 0 0 5px;
  background-size: 36px 36px;
  display: inline-block;
  height: 36px;
  color: #fff;
  line-height: 36px;
}

.glo_viewer .viewer-footer .btns.left-direc .vnext {
  background: url(/assets/mobile/img/global/icon/btn_viewer_left.png) no-repeat;
  padding: 0px 0 0 44px;
  margin: 5px 5px 0 0;
  background-size: 36px 36px;
  display: inline-block;
  height: 36px;
  color: #fff;
  line-height: 36px;
}

.tooltips {
  position: absolute;
  top: -45px;
  left: 0;
  display: block;
  width: 100%;
  line-height: 18px;
  font-size: 12px;
}

.tooltips.noshow {
  display: none;
}

.tooltips > div {
  position: relative;
  display: inline-block;
  min-width: 92px;
  padding: 7px 10px;
  color: #fff;
  border-radius: 5px 5px;
  background-color: rgba(238, 45, 47, 0.9);
}

.tooltips > div:after {
  content: "";
  position: absolute;
  display: inline-block;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top-color: #ee2d2f;
}

.tooltips > div:nth-child(2) {
  margin: 0 3%;
}

@media (max-width: 330px) {
  .tooltips > div:nth-child(2) {
    margin: 0 1%;
  }
}

@media (orientation: landscape) {
  .tooltips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

/*크로스 뷰어*/
.viewer-body-cross {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.cross-imgs {
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 50%;
}

.cross-imgs > div {
  display: none;
  position: absolute;
  top: auto;
  margin: 0 auto;
  /* transform: translate(0, -50%); */
  -ms-transform: rotate(-0.0000000001deg);
  transform: rotate(-0.0000000001deg); /*에피소드 이미지 1px문제 해결*/
  -webkit-transform: rotate(-0.0000000001deg);
}

/*보여줄 페이지에 class="active"*/
.cross-imgs > div.active {
  display: block;
}

.viewer-body-cross .cross-imgs img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  image-rendering: -webkit-optimize-contrast;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*크로스뷰어 버튼영역*/
.cross-btns {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.cross-btns button {
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: transparent;
  text-indent: -9999px;
  font-size: 0;
}
button.cross-prev {
  width: 26.5%;
}
button.cross-menu {
  left: 26.5%;
  width: 47%;
}
button.cross-next {
  left: 73.5%;
  width: 26.5%;
}

/*좌측으로 읽는경우*/
.left button.cross-prev {
  left: 73.5%;
  width: 26.5%;
}
.left button.cross-menu {
  left: 26.5%;
  width: 47%;
}
.left button.cross-next {
  left: 0;
  width: 26.5%;
}

/* 스크롤&크로스뷰어 토글 버튼*/
.viewer-method {
  position: fixed;
  right: 15px;
  bottom: 110px;
  z-index: 1;
}
.viewer-method-txt {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 60px;
  padding: 10px;
  color: #222222;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border-radius: 5px;
}
.viewer-method-txt:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  border: 5px solid transparent;
  border-left-color: rgba(255, 255, 255, 0.9);
}

.viewer-method-toggle {
  display: block;
  width: 50px;
  height: 50px;
  background: url(/assets/mobile/img/global/icon-scroll.png) no-repeat;
  background-size: cover;
  text-indent: -9999px;
}

.cross-last-page {
  overflow-y: auto;
  overflow-x: hidden;
}

.last-page__wrap {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 6% 20px;
}
.last-page__wrap .non__adult__info {
  margin-bottom: 0;
}

/*스크롤 방식으로 읽고 있을경우 버튼 이미지 변경*/
.viewer-method.scroll {
  position: fixed;
  bottom: 97px;
}
.viewer-method.scroll .viewer-method-toggle {
  background: url(/assets/mobile/img/global/icon-page.png) no-repeat;
  background-size: cover;
}

/*progress bar 영역*/
.viewer-footer-cross {
  position: fixed;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 48px;
  bottom: 48px;
  left: 0;
  /* left: 50%;
    transform: translate(-50%, 0); */
  background-color: rgba(34, 34, 34, 0.8);
  padding: 0 6.66%;
  z-index: 200;
}

.paging {
  font-size: 15px;
  color: #fff;
}
.total-pg {
  color: #888888;
}

.progress__bar {
  width: 72.5%;
  margin-left: 7.5%;
}

.progress__bar .slider {
  width: 100%;
}

.progress__bar .slider .slider-track {
  height: 4px;
  margin-top: -1px;
  background-color: rgba(255, 255, 255, 0.4);
  background-image: none;
}

.progress__bar .slider-handle {
  width: 20px;
  height: 20px;
  top: 1px;
  background: url(/assets/mobile/img/global/icon-bar-arrow.png) no-repeat;
  background-size: 82px 21px;
  background-position: -1px -1px;
}

/*툴팁*/
.progress__bar .slider .tooltip.bs-tooltip-top {
  margin-top: -30px;
}

.progress__bar .tooltip.show {
  opacity: 0.9;
}
.progress__bar .tooltip.bs-tooltip-top .arrow {
  position: absolute;
  bottom: -1px;
  left: -0.5rem;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.progress__bar .slider-selection {
  background-image: none;
  background-color: #fff;
}
.total__page {
  color: #888888;
}

.progress__bar .bs-tooltip-top .tooltip-inner {
  top: -4px;
  padding: 4px 8px;
  font-size: 14px;
}

/*왼쪽으로 넘기는 작품일경우 아이콘 변경 클래스 추가*/
.left .slider .slider-track-high {
  background-color: #fff;
}
.left .slider-handle {
  background-position: -42px -1px;
}
.progress__bar.left .slider-selection {
  background-color: rgba(255, 255, 255, 0.4);
}

/*끝에 도달했을경우 아이콘 변경 클래스 추가*/
.progress__bar.end .slider-handle {
  background-position: -21px -1px;
}
.left.end .slider-handle {
  background-position: -62px -1px;
}
.progress__bar.end .bs-tooltip-top .arrow {
  border-top-color: #ee2d2f;
}
.progress__bar.end .tooltip-inner {
  background-color: #ee2d2f;
}

/*뷰어 토스트 박스*/
.direction__toast__con {
  position: fixed;
  top: 74px;
  left: 50%;
  max-width: 90%;
  min-width: 230px;
  min-height: auto;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  word-break: break-word;
  padding: 14px 18px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background-color: rgba(23, 35, 64, 0.9);
  border-radius: 10px;
  z-index: 10;
}

.purchase_turning {
  top: auto;
  bottom: 100px;
  min-width: 85%;
  min-height: auto;
  padding: 10px 10px;
  font-size: 13px;
  font-weight: 300;
  background-color: rgba(51, 51, 51, 0.9);
}
.purchase_turning .txt-turning {
  color: #fdcc01;
}

.direction__icon {
  display: block;
  margin: 0 auto;
  width: 91px;
  height: 91px;
  margin-bottom: 20px;
}

/*viewer issue 토스트 박스*/
.direction__toast__con.viewer_issue_success {
  top: auto;
  bottom: 100px;
  min-width: 85%;
  min-height: auto;
  padding: 10px 10px;
  font-size: 13px;
  font-weight: 300;
  background-color: rgba(51, 51, 51, 0.9);
}
.direction__toast__con.viewer_issue_success b {
  display: block;
}

/*15세 컨텐츠에 안내문구 추가 20230322*/
.direction__toast__con.adult_read_notice {
  top: 70px;
  bottom: auto;
  min-width: 85%;
  padding: 10px 20px;
  font-size: 13px;
  text-align: center;
  color: #fff;
  border: 0;
  border-radius: 10px;
  background-color: rgba(51, 51, 51, 0.9);
}
.direction__toast__con.adult_read_notice a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.direction__toast__con.adult_read_notice.type-b {
  line-height: 110%;
}
.direction__toast__con.adult_read_notice .icon-adult-link {
  background-image: url(/assets/mobile/img/global/ico_episode_list_noti_19_link_wh.png);
}

.drc-rg {
  font-size: 18px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 30px 20px;
}
.drc-rg .direction__icon {
  background: url(/assets/mobile/img/global/toast_direction-rg.png) no-repeat;
  background-size: cover;
}
.drc-lf {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 30px 20px;
}
.drc-lf .direction__icon {
  background: url(/assets/mobile/img/global/toast_direction-lf.png) no-repeat;
  background-size: cover;
}

.drc-scroll {
  font-size: 18px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 30px 20px;
}
.drc-scroll .direction__icon {
  background: url(/assets/mobile/img/global/toast_direction-scroll.png) no-repeat;
  background-size: cover;
}

.direction__last {
  visibility: hidden;
}

.direction__last.active {
  visibility: visible;
}

.direction__last .direction__toast__con {
  min-width: 294px;
  top: auto;
  left: 50%;
  bottom: 50px;
}

/*20210712*/
.scroll .cross-imgs {
  left: 0;
}
.row.cross-imgs > div {
  position: absolute;
}
.container-fluid.viewer-body-cross.scroll {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.container-fluid.viewer-body-cross.scroll .cross-imgs {
  overflow: scroll;
  height: auto !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  top: 0;
}
.container-fluid.viewer-body-cross.scroll .cross-imgs > div {
  display: block;
  position: static;
  top: initial;
  -webkit-transform: initial;
  -ms-transform: initial;
  transform: initial;
}

@media (orientation: portrait) {
  /* Portrait 모드일 때 적용할 CSS */
}

@media (orientation: landscape) {
  /* Landscape 모드일 때 적용할 CSS */
  .viewer-body-cross.container-fluid .cross-imgs > div {
    float: left;
  }

  .cross-imgs .cross-left {
    left: 0;
  }

  .cross-imgs .cross-right {
    left: 50%;
  }
  .viewer-footer .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

/*일본어일 경우 뷰어UI 수정 및 툴팁 추가 20211124*/
.container-fluid .left-direc {
  position: relative;
}

.container-fluid .left-direc .tooltips {
  top: -25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.container-fluid .left-direc .tooltips > div {
  margin: 0;
}

.container-fluid .left-direc .vprev {
  /* background: url(/assets/mobile/img/global/icon/btn_viewer_right.png)
        no-repeat right;
    padding: 0 44px 0 0;
    margin: 5px 0 0 5px;
    background-size: 36px 36px;
    display: inline-block;
    height: 36px;
    color: #fff;
    line-height: 36px; */
}

.container-fluid .left-direc .vnext {
  /* background: url(/assets/mobile/img/global/icon/btn_viewer_left.png)
        no-repeat;
    padding: 0px 0 0 44px;
    margin: 5px 5px 0 0;
    background-size: 36px 36px;
    display: inline-block;
    height: 36px;
    color: #fff;
    line-height: 36px; */
}
.container-fluid .left-direc .noshow {
  display: none;
}

/*non adult*/
.non__adult__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 20px auto 100px;
  padding: 15px 15px;
  border-radius: 5px 5px;
  border: 1px solid rgba(136, 136, 136, 0.2);
}
.icon-non__adult {
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  background: url(/assets/mobile/img/icon/icon_non_adult.png) 0 0 no-repeat;
  background-size: 100%;
}
.non__adult__close {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 8px;
  height: 8px;
}
.non__adult__close img {
  vertical-align: top;
}

.non__adult__txt {
  margin-left: 15px;
  padding: 0 15px;
  font-size: 11px;
  line-height: 15px;
  color: #777777;
  text-align: left;
  border-left: 1px solid rgba(136, 136, 136, 0.1);
}
.non__adult__txt p {
  margin-bottom: 10px;
}
.non__adult__txt p:last-child {
  margin-bottom: 0;
}

.adult__ver {
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #666;
  border-radius: 2px 2px;
  border: 1px solid rgba(173, 173, 173, 0.5);
  background-color: inherit;
}

.single_pay {
  color: #d54949;
  font-size: 11px;
  margin: 0 0 18px 0;
}

/*에피소드하단 스토어 평가 배너*/
.store__rate__bnr {
  position: relative;
  width: 96%;
  margin: 15px auto;
  padding: 20px 6%;
  text-align: center;
  background-color: #1a1c29;
  border-radius: 5px;
}
.store__rate__bnr .store__rate__txt {
  padding: 0;
  margin-bottom: 0;
}
.store__rate__bnr .store__rate__txt h3 {
  font-size: 18px;
  line-height: 23px;
  color: #fff;
}
.store__rate__bnr .store__rate__txt mark {
  color: #fff;
}
.store__rate__bnr .store__rate__txt p {
  color: #b4b4b4;
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 0;
}
.store__rate__bnr__btns {
  font-size: 0;
  margin-top: 10px;
}

.store__rate__bnr__btns .btn {
  display: table-cell;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 48.2%;
  min-height: 38px;
  font-size: 12px;
  line-height: 17px;
  padding: 5px;
  margin-right: 2.22%;
  font-weight: 600;
  border-radius: 50px 50px;
  white-space: normal;
  word-break: break-word;
}

.store__rate__bnr__btns .btn:last-child {
  margin-right: 0;
}
.white-line-btn {
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
}
.red-btn {
  color: #fff;
  background-color: #ee2d2f;
}

.store__rate__bnr__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.store__rate__bnr.sorry {
  padding: 30px 10px;
}
.store__rate__bnr.sorry .store__rate__txt p {
  padding-left: 0;
  padding-right: 0;
}

/* 모바일 notice 추가 180720*/
.notice_type01 {
  display: inline-block;
  padding: 0.6em 0.8em;
  margin: 0 0 0.8em 0.5em;
  background: #2f3a45;
  border-radius: 3px;
  color: #ffffff;
  font-size: 1em;
}

.notice_type01 .ico_notice01 {
  display: inline-block;
  background: url(/assets/mobile/img/global/icon/ico_notice.png) no-repeat;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  margin-right: 6px;
  vertical-align: sub;
}

.list-charge > li .coin-item {
  height: 86px;
  vertical-align: middle;
  padding-top: 0;
  display: table-cell;
  width: 5em;
}

.ico_vip {
  font-size: 11px;
  background: #d5ab30;
  border-radius: 2px;
  line-height: 14px;
  color: #fff;
  text-align: center;
  width: 36px;
  display: inline-block;
  vertical-align: text-top;
  margin-top: 2px;
}

.ico_coin {
  font-size: 11px;
  background: #fff;
  border-radius: 2px;
  line-height: 14px;
  color: #4a6785;
  text-align: center;
  width: 36px;
  display: inline-block;
  vertical-align: text-top;
  border: 1px solid #a5b3c2;
  margin-top: 2px;
}

.list-charge > li .coin-info .benefit {
  display: table-cell;
  vertical-align: middle;
  height: 62px;
  font-size: 0.9em;
}

/*
.list-charge.type_coin>li .coin-item {
    height: 56px;
}

.list-charge.type_coin>li .coin-info {
    height: 56px;
}

.list-charge.type_coin>li .coin-info .benefit {
    height: 32px;
}
*/

.color_type01 {
  font-size: 0.9em;
  color: #8d8d8d;
}
.d_none {
  display: none;
}

/*20230111 vip,coin 분리*/
.payment-plan-tab {
  margin-top: 22px;
}
.payment-plan-tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.payment-plan-tab li {
  width: 50%;
  text-align: center;
  font-size: 14px;
  color: #999;
  background-color: #fff;
  border-bottom: 2px solid #ee312f;
}
.payment-plan-tab li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 10px;
}
.payment-plan-tab li.active {
  color: #fff;
  background-color: #ee312f;
}

.payment-plan-tab li:first-child {
  border-radius: 10px 0 0 0;
}
.payment-plan-tab li:last-child {
  border-radius: 0 10px 0 0;
}

.charge__table .middle-line {
  position: relative;
  display: inline-block;
  padding-right: 10px;
  margin-right: 2px;
}
.charge__table .middle-line:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #f44336;
}
.charge__table .middle-line:after {
  content: "";
  position: absolute;
  right: 1px;
  top: 5px;
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #f44336;
  -webkit-transform: rotate(-38deg);
  -ms-transform: rotate(-38deg);
  transform: rotate(-38deg);
  background-color: inherit;
  text-indent: -9999px;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

/*20_08_19 결제 리스트 높이 조정을 위해 클래스 추가*/
.charge__table > li .cell-1 {
  width: 65px;
  background-color: #aeb7cb;
  border-radius: 5px;
}
.charge__table > li .coin-item {
  min-height: 86px;
  height: auto;
  border-radius: initial;
  background-color: transparent;
}

.charge__table > li a > div.cell-2 {
  min-height: 86px;
}

.charge__table > li .coin-info {
  height: auto;
  min-height: 86px;
  padding-top: 15px;
  padding-bottom: 12px;
  padding-right: 115px;
  margin-left: 5px;
}

.list-charge > li.active .cell-1 {
  background: #ee312f;
}

.section_select_pay .charge__table > li .cell-1 {
  background-color: transparent;
}
.section_select_pay .charge__table > li .coin-info {
  padding-right: 110px;
}

/* 180820 랭킹 색상 변경 */
h3.type_top10 {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #ff0806;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

h3.type_new {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #0f70cb;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

h3.type_drama {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #eea800;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

h3.type_romance {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #fd337f;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

h3.type_school {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #336cfd;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

h3.type_fantasy {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #3ae5f4;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

h3.type_horror {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #11d96c;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

h3.type_historical {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #b182d3;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

h3.type_BL {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #fb33fd;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

h3.type_novel {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #fd9733;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

/* 181121 장르추가 */

h3.type_comedy {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #f43aaf;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

h3.type_action {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #f43a3f;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

h3.type_sci {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #963af4;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

h3.type_histo {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #3af4a2;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

h3.type_end {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #699bb6;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

h3.type_default {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #fff;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

h3.type_thriller {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #a0d60b;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

/*20221014 장르 추가*/
h3.type_GL {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #ffa684;
  margin-left: 2%;
  padding: 0 2% !important;
  font-size: 1.1em !important;
  color: #fff;
  display: inline-block;
}

.mt20 {
  margin-top: 20px;
}
.list-charge > li a > div.cell-2 {
  position: relative;
}
.coin-info .sale_price_box {
  padding: 0;
}

.list-charge > li .coin-item em {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.coin-info .label .sale_price {
  display: inline-block;
  font-size: 0.8em;
  color: #fff;
  background: #059eff;
  border-radius: 80em;
  padding: 0.6em 0.6em 0.4em;
  position: absolute;
  line-height: 1;
  height: 3.2em;
  text-align: center;
  font-weight: normal;
  margin-right: 3px;
  left: -20px; /*20_08_19 수정*/
  z-index: 30;
  top: -18px;
}

.coin-info .label .sale_price .num {
  font-size: 1.1em;
  font-weight: bold;
  /* letter-spacing: -1px; */
}

/*2021_11_30*/
.coin-info .benefit .bonus_coin,
.coin-info .event {
  font-size: 1em;
  color: #059eff;
  background: #fff;
  border-radius: 80em;
  padding: 2px 10px;
  position: relative;
  line-height: 1.2;
  display: table;
  font-weight: normal;
  border: 1px solid #059eff;
  margin-bottom: 3px;
}

.coin-info .label .label-gray-outlined {
  display: inline-block;
  font-size: 1.1em;
  color: #ee312f;
  background: #fff;
  border-radius: 2px;
  padding: 0.4em 0.6em 0.2em;
  position: relative;

  line-height: 1.2;
  height: 3.2em;
  text-align: center;
  font-weight: bold;
  float: left;
  margin-right: 3px;
}

.list-charge .sale_price_box {
  position: relative;
}
.list-charge .cell-2 .hot_icon {
  background: url(/assets/mobile/img/global/icon/ico_hot.png) no-repeat;
  display: block;
  width: 24px;
  background-size: cover;
  height: 31px;
  text-indent: -9999px !important;
  float: left;
  margin: 0 0 0 3px;
  position: absolute;
  left: 8px;
  top: -14px;
  font-size: 0;
}

.list-charge .cell-2 .hot_icon2 {
  position: absolute;
  right: -10px;
  top: -15px;
  display: block;
  background: url(/assets/mobile/img/global/icon/ico_hot2.png) no-repeat;
  width: 38px;
  height: 38px;
  background-size: cover;
  text-indent: -9999px;
}

.list-charge .cell-2 .event_icon {
  position: absolute;
  right: -10px;
  top: -15px;
  display: block;
  background: url(/assets/mobile/img/global/icon_event_1st.png) no-repeat;
  width: 38px;
  height: 38px;
  background-size: cover;
  text-indent: -9999px;
}

/*20220817 결제이력있을 경우 리스트에 결제사노출*/
.list-charge .coin-info + .coin-info {
  position: relative;
  min-height: auto;
  margin-top: -5px;
  border-top: 0;
  border-radius: 0 0 5px 5px;
}
.list-charge .coin-info + .coin-info:before {
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  content: "";
  height: 1px;
  border-top: 1px dashed #b8b8b8;
}
.list-charge .coin-info.payment__plan__default {
  padding: 12px 10px 12px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.list-charge .coin-info .payment__plan__default-lf {
  width: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.list-charge .coin-info .payment__plan__default-lf img {
  max-width: 79%;
}
.list-charge .payment__plan__default .pay-icon-flex {
  display: block;
  width: 60px;
  height: 13px;
  margin-left: 5px;
}

.list-charge .coin-info.payment__plan__default .method__name {
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 10px;
  line-height: 150%;
}
.list-charge .coin-info.payment__plan__default .method__name.sub-txt {
  margin-top: 0;
  color: #888888;
}
.list-charge .coin-info.payment__plan__default .btn-red {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 134px;
  height: 35px;
  padding: 2px 12px;
  font-size: 12px;
  line-height: 100%;
  border-radius: 18px 18px;
  white-space: normal;
  text-align: left;
}

.list-charge .payment__plan__default .btn-red .icon-arrow {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: inherit;
}

/*결제페이지 내 해지자,결제유보자 1개월 무료 노출*/
.list-charge .free-oneMonth-pay a {
  position: relative;
}
.list-charge .free-oneMonth-icon {
  position: absolute;
  top: -5px;
  left: -5px;
  padding: 6px 6px;
  font-size: 12px;
  line-height: 15px;
  color: #00f99f;
  background-color: #000;
  border-radius: 100% 100%;
}
.free-oneMonth-notice {
  margin-top: -5px;
  margin-bottom: 14px;
  font-size: 16px;
}
.free-oneMonth-notice .txt-red {
  color: #ee312f;
}

/*결제페이지 첫결제 1개월 추가지급 리스트*/
.list-charge .first-pay-benefit-con b.text-red {
  display: block;
  font-size: 20px;
  line-height: 110%;
}

.list-charge .first-pay-benefit-con.active {
  color: #fff;
}
.list-charge .first-pay-benefit-con.active a {
  background-color: inherit;
}
.list-charge .first-pay-benefit-con.active .coin-info {
  background: url(/assets/web/img/global/bg_promo_1st_purchase_bg.png) 0 0 no-repeat;
  background-size: cover;
}
.list-charge .first-pay-benefit-con.active .label {
  background-color: #e52e28;
  border: none;
  color: #fff !important;
}

.first-pay-benefit-con .sale_price {
  background: transparent -o-linear-gradient(top, #ff0c0c 0%, #e7d8ff 100%) 0% 0% no-repeat;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#ff0c0c), to(#e7d8ff)) 0% 0% no-repeat;
  background: transparent linear-gradient(180deg, #ff0c0c 0%, #e7d8ff 100%) 0% 0% no-repeat;
}

.payment-set01.first-pay-benefit-payment h3 {
  background-color: #ee312f;
}
.section_select_pay .middle-line {
  margin: 0;
  padding: 0;
  text-decoration: line-through;
}
.section_select_pay .middle-line:before,
.section_select_pay .middle-line:after {
  display: none;
}

/* 180904 결제완료페이지 지형 */
.section_com_payment_wrap {
  background: #0c0c19;
}

.section_com_payment_box {
  padding: 4%;
}

.section_com_payment {
  background: url(/assets/mobile/img/global/img_completed.png) no-repeat;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  padding-top: 70px;
  padding-bottom: 40px;
  -webkit-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  -webkit-box-shadow: -1px 5px 15px -5px rgba(0, 0, 0, 0.8);
  box-shadow: -1px 5px 15px -5px rgba(0, 0, 0, 0.8);
  background-size: cover;
  border-radius: 6px;
}

.section_com_payment h2 {
  color: #fff;
  font-size: 3.8em;
  font-weight: 700;
  margin: 0.5em 0 0 0;
}

/*결제완료 페이지 이메일*/
.complete__info__txt.text-white {
  opacity: 1;
}
.send_eamil_wrap {
  position: relative;
  width: 100%;
  margin: 0 auto 20px;
}
.section_search .send_email {
  width: 100%;
  min-height: 46px;
  padding: 12px 106px 10px 11px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background-color: inherit;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  resize: none;
  background-color: #000;
  border: 1px solid #ccc;
}
.section_search .send_email::-webkit-scrollbar {
  display: none; /* 크롬, 사파리, 오페라, 엣지 */
}
.section_search .send_email::-webkit-input-placeholder {
  color: #fff;
}
.section_search .send_email::-moz-placeholder {
  color: #fff;
}
.section_search .send_email:-ms-input-placeholder {
  color: #fff;
}
.section_search .send_email::-ms-input-placeholder {
  color: #fff;
}
.section_search .send_email::placeholder {
  color: #fff;
}
.section_search .send_email:focus {
  background-color: #fff;
  color: #000;
}
.section_search .send_email.error:focus {
  background-color: #fff;
  color: #ff0000;
  border-color: #ee312f;
}

.btn_send_eamil {
  position: absolute;
  top: 50%;
  right: 11px;
  -webkit-transform: translate(0, -56%);
  -ms-transform: translate(0, -56%);
  transform: translate(0, -56%);
  max-width: 95px;
  min-width: 60px;
  min-height: 26px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 4px 2px;
  color: #fff;
  border: none;
  background-color: #ee312f;
  border-radius: 14px 14px;
}
.btn_send_eamil.noactive {
  opacity: 0.5;
}

.send_email_error {
  display: none;
  width: 100%;
  margin: -20px auto 20px;
  color: #ff0000;
  font-size: 13px;
  text-align: left;
  padding-left: 10px;
}
.send_email_error.active {
  display: block;
}

.send_email_toast {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px 0;
  text-align: center;
  color: #a94464;
  font-size: 13px;
  border-radius: 4px 4px;
  background-color: #f2dede;
}
.send_email_toast.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*200506 일본어 결제완료 페이지*/
h2.complete__title-jp {
  font-size: 3.2em;
}
.section_com_payment h3 {
  color: #9da0d4;
  opacity: 0.8;
  font-size: 1.6em;
  font-weight: normal;
  margin-top: 1em;
  margin-bottom: 2em;
}

.section_com_payment .btn_goback {
  color: #fff;
  font-size: 1.4em;
  font-weight: 500;
  border-radius: 5px;
  padding: 0.4em 3em;
  background: #de1c35;
  margin: 0 auto;
  text-shadow: 0px 0px 2px #2a2a2a;
  cursor: pointer;
  display: inline-block;
}

.section_com_payment .btn_goback p {
  margin: 0;
}

.section_com_payment .btn_goback:hover {
  background: #ec2f36;
}

.section_com_payment .btn_gohome {
  clear: both;
  color: #d3a842;
  font-size: 1.2em;
  font-weight: bold;
  margin: 1.5em 0 2em;
  cursor: pointer;
  display: block;
}

.section_com_payment .btn_gohome .ico_arrow {
  background: url(/assets/mobile/img/global/ico_arrow.png) no-repeat 0 0.4em;
  display: inline-block;
  width: 2em;
  text-indent: -9999px;
  background-size: contain;
}

.section_com_payment .btn_gohome p {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 0;
}

.email__check {
  width: 91%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.email__check__btn {
  display: block;
  width: 15px;
  height: 15px;
  background: url(/assets/mobile/img/global/icon-rectangle_check.png) no-repeat;
  background-size: 15px 30px;
  background-position: 0 0;
  text-indent: -9999px;
  font-size: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.email__check.write .email__check__btn {
  -ms-flex-item-align: baseline;
  align-self: baseline;
  margin-top: 10px;
}

.email__check.check .email__check__btn {
  background-position: 0 -15px;
}

.email__check__info {
  display: inline-block;
  margin: 0;
  margin-left: 10px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: left;
  font-size: 16px;
  color: #9da0d4;
}

.jp-payment_success__input__wrap {
  position: relative;
  width: 100%;
  line-height: 20px;
  padding: 6px 23% 6px 10px;
  font-size: 14px;
  border: 1px solid #cccccc;
  background-color: #fff;
}

.jp-payment_success__input__wrap input {
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #555555;
}
.email__check .btn-verify {
  position: absolute;
  top: 50%;
  right: 5px;
  font-size: 12px;
  line-height: 15px;
  padding: 2px 16px 4px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-color: #ee312f;
  border-radius: 15px;
  color: #fff;
}

.input__error {
  display: block;
  margin-left: 10px;
  margin-top: 10px;
  color: #ff0000;
  font-size: 14px;
  font-weight: 300;
}

.submit__success {
  padding: 16px 0;
  margin: 25px 16px 0;
  font-size: 13px;
  line-height: 24px;
  color: #a94464;
  background-color: #f2dede;
  border-radius: 4px;
}

/*결제완료 페이지 APP 버전 추가*/
.section_com_payment_wrap01 {
  background: #0c0c19;
}

.section_com_payment_box01 {
  padding: 4%;
}

.section_com_payment01 {
  background: url(/assets/mobile/img/global/img_completed.png) no-repeat;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  -webkit-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  -webkit-box-shadow: -1px 5px 15px -5px rgba(0, 0, 0, 0.8);
  box-shadow: -1px 5px 15px -5px rgba(0, 0, 0, 0.8);
  background-size: cover;
  border-radius: 6px;
  padding: 7vw 0;
}

.section_com_payment01 h2 {
  color: #fff;
  font-size: 3.8em;
  font-weight: 700;
  margin: 3vw 0 0 0;
}

.section_com_payment01 h3 {
  color: #9da0d4;
  opacity: 0.8;
  font-size: 1.6em;
  font-weight: normal;
  margin: 3vw 0 5vw 0;
}

.section_com_payment01 .app_text {
  color: #b5a7cf;
  width: 70vw;
  text-align: center;
  margin: 8vw auto;
}

.section_com_payment01 .app_text strong {
  color: #eee4ff;
  font-size: 4vw;
  display: block;
  margin: 2vw;
  font-weight: normal;
}

.section_com_payment01 .btn_goback {
  color: #fff;
  font-size: 1.4em;
  font-weight: 500;
  border-radius: 5px;
  padding: 0.4em 3em;
  background: #de1c35;
  margin: 0 auto;
  text-shadow: 0px 0px 2px #2a2a2a;
  cursor: pointer;
  display: inline-block;
  width: 80vw;
  padding: 4vw 0;
}

.section_com_payment01 .btn_goback p {
  margin: 0;
}

.section_com_payment01 .btn_goback:hover {
  background: #ec2f36;
}

.section_com_payment01 .btn_gohome {
  clear: both;
  color: #d3a842;
  font-size: 1.2em;
  font-weight: bold;
  margin: 1.5em 0 2em;
  cursor: pointer;
  display: block;
}

.section_com_payment01 .btn_gohome .ico_arrow {
  background: url(/assets/mobile/img/global/ico_arrow.png) no-repeat 0 0.4em;
  display: inline-block;
  width: 2em;
  text-indent: -9999px;
  background-size: contain;
}

.section_com_payment01 .btn_gohome p {
  display: inline-block;
  margin-left: 5px;
}

.otherpay_coin {
  color: #fee9c2;
  text-decoration: underline;
  margin-bottom: 40px;
  display: inline-block;
  font-size: 1em;
}
.otherpay_coin:hover {
  color: #fff;
  text-decoration: underline;
}
.ico_otherpay {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: cover;
  text-indent: -9999px;
  margin-right: 4px;
}

/*20221202 skip promotion bnr*/
.skip-promotion-bnr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  text-align: center;
  z-index: 7;
  background: -o-linear-gradient(left, #ff2443 0%, #ff2443 49%, #101229 50%, #101229 100%) 0% 0% no-repeat;
  background: -webkit-gradient(linear, left top, right top, from(#ff2443), color-stop(49%, #ff2443), color-stop(50%, #101229), to(#101229)) 0% 0% no-repeat;
  background: linear-gradient(90deg, #ff2443 0%, #ff2443 49%, #101229 50%, #101229 100%) 0% 0% no-repeat;
}
.skip-promotion-bnr img {
  height: 100%;
}
.skip-promotion-bnr + #header {
  position: absolute;
  top: 60px;
}
.ep__type-b .skip-promotion-bnr + #header {
  top: 0;
}

.skip-promotion-close {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  z-index: 10;
}

.skip-promotion-bnr.no-bg {
  background: none;
  background-color: #000;
}
.skip-promotion-bnr.no-bg:after {
  content: none;
}

header#header {
  position: fixed;
  width: 100%;
  z-index: 5;
}
*:focus {
  outline: none;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*헤더내에 해지자,결제유보자 1개월 무료 결제 카운팅 플로팅*/
header .free-oneMonth-bnr {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 10px 15px;
  background: -o-linear-gradient(351deg, #000000 0%, #322e3e 100%) no-repeat;
  background: linear-gradient(99deg, #000000 0%, #322e3e 100%) no-repeat;
}
header .free-oneMonth-bnr-right {
  height: 60px;
  padding: 5px 0;
  margin-left: 10px;
  background: none;
}
header .free-oneMonth-bnr-right h2 {
  color: #fff;
  font-weight: 500;
}
header .free-oneMonth-bnr-right span {
  font-size: 15px;
  color: #00f99f;
}
header .free-oneMonth-bnr .close {
  width: 10px;
  height: 10px;
  padding: 20px 10px;
  background: url(/assets/mobile/img/global/modal-close-small.png) no-repeat;
  background-position: 100% 50%;
  background-size: 10px;
  opacity: 1;
}

header .counting_wrap span {
  color: #fff;
}

/*결제페이지 해더내 첫결제 1개월 추가지급 카운팅*/
header .first-pay-benefit {
  background: transparent -o-linear-gradient(351deg, #000000 0%, #322e3e 100%) 0% 0% no-repeat;
  background: transparent linear-gradient(99deg, #000000 0%, #322e3e 100%) 0% 0% no-repeat;
}
header .first-pay-benefit .text-red {
  color: #ff0c0c;
}

/*폭력성 안내문구 노출*/
.violence-info {
  position: relative;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 3;
}

.viewer-imgs {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

p.etc {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 70%;
  color: #888888;
}

/* vip episode page */
h4.vip_only_title {
  display: inline-block;
  background: #d19e00;
  padding: 5px 10px;
  /* border-radius: 4px 4px 0 0; */
  /* margin: 8px 0 0 15px; */
  font-size: 14px;
  color: #fff;
  text-align: center;
  width: 100%;
}

.ep-list.vip_only {
  border-top: 1px solid #ffab00;
  margin: 0 -15px;
  padding: 0 15px;
}

.vip_only_title_wrap {
  display: block;
  margin: 0 -15px;
  text-align: center;
}

.ep-list.vip_only a {
  background: #fcf9f4;
}

/*2020_09_28*/
.gnb-header .gnb-header-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 175px;
}
.gnb-header .gnb-header-1 > p {
  margin-top: auto;
  margin-bottom: 5px;
}
.gnb-header .gnb-header-1 .gnb-logo {
  margin-bottom: 13px;
}
.gnb-header .gnb-coin__wrap {
  margin-top: 15px;
}

/*2020_09_28 로그인 전 후 의 top 값이 달라져서*/
/* .purchase__coin + .gnb-body {
  top: 160px;
} */

/*181113 gnb01 수정*/
.gnb-header-2 .caption .gnb-myinfo .id {
  /*margin-left: 5px;*/
}

.gnb-header-2 .caption .vip-button-block {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.gnb-header-2 .caption .vip-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  border: 0;
  padding: 0;
  text-align: left;
  font-size: 12px;
  font-weight: 300;
  color: #00f99f;
  min-height: 42px;
}
.gnb-header-2 .caption .vip-button:focus {
  border: 0;
  outline: none;
}
.gnb-header-2 .caption .vip-button span {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-right: 5px;
}
.gnb-header-2 .caption .vip-button u {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: inline-block;
  vertical-align: middle;
}

/*181211 타이틀 추가 */
.h3_title {
  font-size: 1.2em;
  color: #fff;
  margin: 0.3em;
  padding: 2% 0% 1% 2%;
}
.sub__title {
  line-height: 24px;
  margin-top: 0;
  padding-top: 12px;
  padding-bottom: 0;
  margin-bottom: 12px;
}

/*최근 읽은 작품 선택 삭제를 위함*/
/*
    휴지통 버튼 클릭시 선택 활성화를 위한
    class="delete__visual"
*/
.delete-active .delete__visual {
  display: block;
}

.title__wrap {
  clear: both;
  overflow: hidden;
}
.title__wrap .h3_title {
  float: left;
}

/*토글버튼*/
.nav__toggle {
  float: right;
  margin-top: 12px;
  margin-right: 10px;
  background-color: #2b2b2b;
  border-radius: 20px;
}

.nav__toggle li {
  float: left;
  min-width: 78px;
  text-align: center;
}

.nav__toggle a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 25px;
  padding: 5px 15px;
  vertical-align: middle;
  font-size: 11px;
  line-height: 14px;
  color: #a0a0a0;
  font-weight: 300;
  border-radius: 25px;
  border: 1px solid transparent;
}

.nav__toggle li.active a {
  color: #fff;
  font-weight: normal;
  -webkit-box-shadow: 0px 2px 4px rgb(0, 0, 0, 0.27);
  box-shadow: 0px 2px 4px rgb(0, 0, 0, 0.27);
  background-color: #ee2d2f;
}

.nav__toggle li.today a:after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 50%;
  margin-left: -1px;
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background-color: #000;
}

.delete__btn {
  float: right;
  margin: 0.3em;
  padding: 1% 0 1% 2%;
}
.before-click {
  padding-right: 4.86%;
}
.before-click .icon-delete {
  display: inline-block;
  padding: 6px 10px;
  text-align: center;
  border: 1px solid #dcdcdc;
  border-radius: 18px;
}
.before-click .icon-delete img {
  width: 80%;
}
.after-click {
  padding-right: 2%;
}
.after-click > a {
  display: inline-block;
  width: 63px;
  line-height: 100%;
  margin-right: 3px;
  padding: 9px 0;
  font-size: 12px;
  text-align: center;
  border-radius: 18px;
}
.after-click > a:last-child {
  margin-right: 0;
}
.after-click .delete-cancle {
  color: #fff;
  border: 1px solid #fff;
}
.after-click .delete-success {
  color: #fff;
  font-weight: bold;
  border: 1px solid #ee2d2f;
  background-color: #ee2d2f;
  opacity: 0.2;
}

/*선택된게 있을시 class="active" 삽입*/
.after-click .delete-success.active {
  opacity: 1;
}

.select__sub {
  margin: 10px 2.6% 15px 0.425em;
  padding: 10px 14px;
  background-color: #292929;
  clear: both;
  overflow: hidden;
}
a.select__sub-lf {
  float: left;
  line-height: 100%;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}

.select__sub-rg {
  display: inline-block;
  font-size: 13px;
  vertical-align: middle;
}
.select__sub-rg span {
  color: #fff;
}
.select__sub-rg .ft-gray {
  color: #b4b4b4;
}
.icon-select {
  display: inline-block !important;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  font-size: 0;
  background: url(/assets/mobile/img/global/icon-sercle_check.png) no-repeat;
  background-size: 20px;
  background-position: 0 0;
  text-indent: -9999px;
  vertical-align: middle;
}

/*전체 선택버튼 클릭시 class="active" 삽입*/
.active .icon-select {
  background-position: 0 -20px;
}
.select__sub-rg {
  float: right;
}

/*delete 선택을 위함*/
.delete__visual {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  z-index: 2;
}
.delete__check {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  overflow: hidden;
}
.delete__check__con {
  position: absolute;
  top: 4px;
  right: 4px;
  display: inline-block;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  font-size: 0;
  background: url(/assets/mobile/img/global/icon-sercle_check-lg.png) no-repeat;
  background-size: 24px;
  background-position: 0 0;
}
/*삭제할 컨텐츠 선택시*/
.active .delete__check {
  border: 1px solid #970f0f;
  background-color: rgba(255, 255, 255, 0.1);
}
.active .delete__check__con {
  background-position: 0 -24px;
}

/* 가입시 email domain 체크 실패시 underline 표기*/
.check__div {
  position: relative;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  width: 100%;
}

.check__line {
  display: block;
  position: absolute;
  bottom: 6px;
  right: 0;
  z-index: 1;
  height: 2px;
  background-color: red;
}

/*서비스 불가 상태일 때 20210528*/
.nomore_read {
  width: 100%;
}
.nomore_read_notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 15px;
  border-bottom: 1px solid #d5d5d5;
}

.nomore_read .ico-notice {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  text-indent: -9999px;
  background: url(/assets/mobile/img/icon/ico_episode_list_notice.png) no-repeat;
  background-size: 18px 18px;
}
.nomore_read_notice p {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  margin-bottom: 0;
  text-align: left;
  font-size: 12px;
  color: #f44336;
}
.nomore_read_drop {
  display: block;
  border-bottom: 1px solid #d5d5d5;
  background-color: #fff;
}
.nomore_read_drop_title {
  /* position: relative; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 15px;
}
.nomore_read_drop_con {
  background-color: #fff0ef;
}
.nomore_read_drop_title_txt {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  font-size: 12px;
}
.ico-drop {
  /* position: absolute; */
  /* top: 50%;
    right: 0; */
  /* margin-top: -15px; */
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-left: auto;
  text-indent: -9999px;
  vertical-align: middle;
  background: url(/assets/mobile/img/icon/ico_select_arrow_up.png);
  background-size: 22px 22px;
}
.collapsed .ico-drop {
  background: url(/assets/mobile/img/icon/ico_select_arrow_down.png);
  background-size: 22px 22px;
}
.nomore_read_drop_con_txt {
  padding: 15px 15px;
  font-size: 12px;
  color: #888888;
}
.nomore_read_drop_title strong {
  font-weight: normal;
  color: #f44336;
}

.normal_ep .nomore_read_notice {
  padding: 0 0 7px 0;
  font-size: 10px;
  color: #ff3b42;
  border-bottom: 0;
}

.ico_nomore_read {
  display: block;
  width: 42px;
  height: 42px;
  padding: 15px;
  margin-left: auto;
  border-radius: 100%;
  text-indent: -9999px;
  background: url(/assets/mobile/img/icon/ico_episode_list_unavailable.png) 50% 50% no-repeat #fff;
  background-size: 22px 22px;
}

/*15세 컨텐츠에 안내문구 추가 20230322*/
.adult_read_notice {
  padding: 8px 15px;
  font-size: 12px;
  color: #fff;
  line-height: 26px;
  font-weight: 300;
  background-color: #222;
  border-bottom: 1px solid #d5d5d5;
}
.adult_read_notice a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.adult_read_notice .age15 {
  display: inline-block;
  padding: 0 3px;
  margin: 0 3px;
  line-height: 20px;
  color: #f42121;
  border: 1px solid #f42121;
  border-radius: 2px 2px;
  background-color: #fff;
}
.adult_read_notice .age19 {
  display: inline-block;
  padding: 0 3px;
  margin: 0 3px;
  line-height: 20px;
  color: #fff;
  border-radius: 2px 2px;
  background-color: #f42121;
}
.adult_read_notice .text-orange {
  color: #f48b21 !important;
}
.adult_read_notice .text-red {
  color: #f42121 !important;
}
.adult_read_notice .icon-adult-link {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 10px;
  text-indent: -9999px;
  background: url(/assets/mobile/img/global/ico_episode_list_noti_19_link.png) 0 0 no-repeat;
  background-size: 15px 15px;
}

.adult_read_notice.type-b a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
}
.adult_read_notice.type-b .age19 {
  width: 14px;
  height: 20px;
  text-indent: -9999px;
  background: url(/assets/mobile/img/icon/search-plus18.png) no-repeat 0 50%;
  background-size: 14px 16px;
}

/*무료회차 소장 구매 여부 20210528*/
.purchase_free_ep_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 15px;
  margin-bottom: 10px;
  background-color: #eee;
}
.purchase_free_ep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 5px;
  font-size: 12px;
  color: #222;
}
.ico_purchase_ep {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  width: 30px;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;
  background: url(/assets/mobile/img/icon/swich_nor.png) no-repeat;
  background-size: 30px 16px;
}
.purchase_free_ep_btn {
  min-width: 126px;
  padding: 6px 10px;
  line-height: 16px;
  font-size: 12px;
  color: #222;
  background-color: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 4px 4px;
}
/*무료회차 포함 구매시 class추가*/
.buying .ico_purchase_ep {
  background: url(/assets/mobile/img/icon/swich_sel.png) no-repeat;
  background-size: 30px 16px;
}

/* vip banner 추가 */
.section_vipbanner {
  position: relative;
}

.section_vipbanner img {
  width: 100%;
}

.section_vipbanner .title_text {
  color: #fff;
  font-size: 1.3em;
  font-weight: bold;
  letter-spacing: -1px;
  position: absolute;
  top: 0.8em;
  left: 1.2em;
}

.section_vipbanner .sub_text {
  color: #a3cefb;
  font-size: 0.8em;
  letter-spacing: -0.5px;
  position: absolute;
  top: 3.7em;
  left: 2em;
}
.section_vipbanner .vip_btn {
  position: absolute;
  right: 1.5em;
  top: 1.6em;
  color: #fff;
  padding: 0.3em;
  font-size: 1em;
  font-weight: 500;
  border: 1px solid #fff;
  text-align: center;
  vertical-align: middle;
}

.section_vipbanner01 {
  margin-top: 0.6em;
  position: relative;
}

.section_vipbanner01 img {
  width: 100%;
}

.section_vipbanner01 .title_text {
  color: #fff;
  font-size: 1.3em;
  font-weight: bold;
  letter-spacing: -1px;
  position: absolute;
  top: 0.8em;
  left: 1.4em;
}

.section_vipbanner01 .sub_text {
  color: #a3cefb;
  font-size: 0.8em;
  letter-spacing: -1px;
  position: absolute;
  top: 3.7em;
  left: 2.4em;
}
.section_vipbanner01 .vip_btn {
  position: absolute;
  right: 2em;
  top: 1.6em;
  color: #fff;
  padding: 0.3em;
  font-size: 1em;
  font-weight: bold;
  border: 1px solid #fff;
  text-align: center;
  vertical-align: middle;
}

.banner_appdown {
  max-width: 720px;
  margin: 0 auto;
  padding: 20px 0 5px 0;
  position: relative;
}

.banner_appdown .title {
  position: absolute;
  top: 35%;
  left: 2em;
  letter-spacing: -0.02em;
  color: #fff;
  width: 70%;
  -o-text-overflow: unset;
  text-overflow: unset;
  white-space: normal;
  font-size: 3vw;
}

#copyright + .banner_appdown {
  padding-top: 0;
}

/*배경이 검은색일때(class="bg-black"있을 경우) 별점 영역*/
.bg-black .star-total {
  border-color: #333;
}
.bg-black .panel {
  background-color: #000;
}
.bg-black .pull-right .btn {
  color: #ddd;
  border-color: #333;
  background-color: #000;
}

/*작품 신고버튼 220822*/
.modal_btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 15px;
}
.modal_btn .btn-white {
  width: 100%;
  border: 1px solid #e5e5e5;
  background-color: #fff;
}
.modal_btn .btn-black {
  width: 94%;
  color: #fff;
  border: 1px solid #333;
  background-color: #000;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ico-q {
  display: inline-block;
  width: 30px;
  height: 29px;
  margin-right: 2px;
  text-indent: -9999px;
  background: url(/assets/mobile/img/global/img_viewer_btn_issue@2x.png);
  background-size: 30px 29px;
}
.modal_btn .btn_txt {
  display: inline-block;
  font-size: 12px;
  line-height: 17px;
  vertical-align: sub;
  font-weight: bold;
}

.table-responsive {
  height: 40px;
}
.table-responsive.sub_tab {
  padding: 0;
  margin-bottom: 5px;
}
.table-responsive.sub_tab-genre {
  position: relative;
  padding: 0;
  margin-bottom: 5px;
}

.section_nocontent {
  margin: 2%;
  border: 1px dashed #525252;
  color: #b0b0b0;
  font-size: 1.2em;
  padding: 15px 10px;
  text-align: center;
  border-radius: 4px;
}

/*메뉴에 vip 보상안내 추가 20220922*/
.gnb-body .vip-button-block {
  padding-top: 7px;
  padding-bottom: 7px;
  height: auto;
  line-height: 16px;
}
.gnb-body .vip-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  border: 0;
  padding: 0 0 0 15px;
  text-align: left;
  font-size: 13px;
  font-weight: 300;
  color: #00c47d;
  min-height: 36px;
}
.gnb-body .vip-button:focus {
  border: 0;
  outline: none;
}
.gnb-body .vip-button span {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-right: 17px;
}
.gnb-body .vip-button u {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: inline-block;
  vertical-align: middle;
}

/*해지자,결제유보자 1개월 무료 결제*/
.gnb-body .free-oneMonth {
  height: auto;
  line-height: 16px;
}
.gnb-body .free-oneMonth .vip-button {
  display: block;
  padding-left: 50px;
  padding-right: 15px;
}

.free-oneMonth .free-oneMonth-icon {
  position: absolute;
  top: -10px;
  left: 15px;
  display: block;
  width: 24px;
  height: 33px;
  text-indent: -9999px;
  background: url(/assets/mobile/img/global/img_bn_vip_extension_ico.png) no-repeat;
  background-size: 100%;
}
.free-oneMonth .free-oneMonth-txt {
  font-size: 11px;
  line-height: 16px;
  color: #000;
}
.free-oneMonth .sm-txt {
  line-height: 14px;
  font-size: 10px;
  color: #9d9d9d;
}
.free-oneMonth u {
  margin-bottom: 7px;
}

/*(LNB)첫결제 1개월 추가지급 notice*/
.gnb-body li .first-pay-benefit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
  padding: 7px 15px;
  line-height: 16px;
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  color: #00c47d;
  min-height: 36px;
}
.gnb-body li .first-pay-benefit span {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  white-space: normal;
}
.gnb-body li .first-pay-benefit .first-pay-benefit-txt {
  margin-left: 13px;
  color: #000;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.gnb-body li .first-pay-benefit u {
  color: #00c47d;
}

/*앱스토어 정책변경 보너스코인 2022_09_29*/
.gnb-body .bonus__poclicy {
  height: auto;
}
.gnb-body .bonus__poclicy__con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 18px;
  margin-bottom: 14px;
  line-height: 110%;
  font-size: 12px;
  color: #f44336;
}
.gnb-body .bonus__poclicy-icon {
  display: inline-block;
  width: 54px;
  height: 54px;
  margin-right: 5px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* family safe */
.gnb-body .btn_familys {
  margin-right: 5%;
  padding: 2px 2px 2px 8px;
  font-size: 12px;
  background: #fff;
  vertical-align: middle;
  border-radius: 5em;
  position: absolute;
  height: 25px;
  right: 0;
  top: 12px;
  color: #9d9d9d;
  font-weight: 500;
  display: table;
  line-height: 18px;
}

.gnb-body .btn_familys em {
  display: table-cell;
  vertical-align: middle;
  /* line-height: 16px;
    height: 16px; */
  padding: 3px 3px 0 0px;
  margin: 1px 2px 1px 2px;
}

.gnb-body .btn_familys_on {
  background: #2b9900;
  margin: 1px 0 1px 4px;
  border-radius: 5em;
  font-weight: bold;
  color: #fff;
  padding: 0px 6px 0 6px !important;
}

/* family safe popup */
.section_familysafe {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 19;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 50;
  display: table;
  vertical-align: middle;
  height: 100%;
}

.section_familysafe_warp {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding: 20px;
}

.section_familysafe_box {
  background: #302f30;
  border-radius: 6px;
  position: relative;
}

.section_familysafe_box .img_familys {
  border-radius: 4px 4px 0 0;
}
.section_familysafe_box .familysafe_text {
  padding: 15px 22px 10px 22px;
}
.section_familysafe_box .familysafe_text h4 {
  margin-bottom: 11px;
  color: #fff;
  font-size: 1.6em;
}

.section_familysafe_box .familysafe_text p {
  color: #e0d6cb;
  margin-bottom: 20px;
  font-size: 1.2em;
}

.section_familysafe_box .ok {
  color: #fff;
  text-align: center;
  padding: 10px 0;
  width: 100%;
  background: #ff0000;
  border-radius: 0 0 4px 4px;
  font-size: 18px;
  font-weight: bold;
}

.section_familysafe_box button {
  background: none;
  border: none;
  width: 40px;
  position: absolute;
  right: -18px;
  top: -14px;
}

/* search new */
.section_search_dropbox {
  background: #fff;
}

.section_search_dropbox .family__safe__info {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 5px 15px;
  margin: 0;
  border-radius: 0;
}
.section_search_dropbox .recently_list ul {
  margin-bottom: 45px;
}

.section_search_dropbox .recently_list li {
  position: relative;
  clear: both;
  border-bottom: 1px solid #ececec;
  display: block;
  width: 100%;
}

.section_search_dropbox .recently_list em {
  color: #ff0004;
  padding-right: 1px;
}

.section_search_dropbox h4 {
  color: #0b1d3a;
  font-size: 1.3em;
  padding: 18px 10px 4px 14px;
}

/*검색기록이 없을때 인기작품리스트*/

.search_box .img {
  max-width: 60px;
  border-radius: 4px;
  overflow: hidden;
  float: left;
  margin: 0;
}
.search_box {
  padding: 8px 14px;
  position: relative;
  display: block;
  overflow: hidden;
}
.search_box dl {
  margin: 2px 0 0 10px;
  max-width: 65vw;
  font-size: 10px;
  float: left;
  display: inline-block;
}

/*.com*/
body.badge-19 .search_box dl dt span.title {
  color: #0b1d3a;
  font-size: 1.5em;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 60vw;
  overflow: hidden;
  float: left;
  font-weight: normal;
}

body.badge-19 .search_box span.plus18 {
  font-size: 11px;
  color: #fff;
  border-radius: 3px;
  background: #f42121;
  font-weight: normal;
  padding: 1px 2px;
  margin: 6px 0 0 3px;
  float: left;
  letter-spacing: -1px;
}

body.badge-19 .search_box span.age15 {
  font-size: 11px;
  color: #f42121;
  border-radius: 3px;
  font-weight: normal;
  padding: 0 2px;
  margin: 6px 0 0 3px;
  float: left;
  border: 1px solid #f42121;
  letter-spacing: -1px;
}

/**********/
.search_box dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 2px 0;
}

.search_box dl dt span.title {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  min-width: 0;
  color: #0b1d3a;
  font-size: 1.5em;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 60vw;
  overflow: hidden;
  font-weight: normal;
  margin: 0 4px 0 0;
}

.search_box dl dt span + span {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 14px;
  height: 16px;
  overflow: hidden;
  font-size: 0;
  text-indent: -9999px;
}

.search_box span.plus18 {
  background: url(/assets/mobile/img/icon/search-plus18.png) no-repeat 0 0;
  background-size: 14px 16px;
}

.search_box span.age15 {
  background: url(/assets/mobile/img/icon/search-age15.png) no-repeat 0 0;
  background-size: 14px 16px;
}
/*******/

.search_box dl dd.type {
  color: #ad9f75;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 66vw;
  overflow: hidden;
  clear: both;
  font-size: 1.2em;
  line-height: 1.1em;
}

.search_box dl dd.writer {
  color: #b9bbc0;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 66vw;
  overflow: hidden;
  clear: both;
  font-size: 1.2em;
  line-height: 1.1em;
}

.recently_list .recently_close {
  position: absolute;
  right: 5%;
  top: 18px;
  width: 3em;
  margin: 0;
  height: 3em;
  text-align: center;
  display: table;
  vertical-align: middle !important;
}

.recently_list .recently_close img {
  width: 18px;
  vertical-align: middle;
  display: table-cell;
  top: 10px;
  left: 10px;
  position: absolute;
}

.recently_list_no {
  padding: 20px 0;
  background: #f3f3f5;
  color: #9da0a8;
  text-align: center;
}

.form-search01 {
  margin: 0;
}

.recently_list_no_full {
  background: #eeeeee;
  color: #9da0a8;
  text-align: center;
  display: table;
  width: 100%;
  min-height: 34em;
}

.recently_list_no_full_text {
  display: table-cell;
  vertical-align: middle;
}
.he01 {
  height: 36px !important;
}
.bg16 {
  background-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
  right: 4px !important;
}

/*검색 작품 없을때 인기 작품리스트*/
.section_search_dropbox h4.popular-list-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.icon-red-star {
  margin-right: 5px;
}
.popular-list .search_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popular-list .search_box .img {
  max-width: 54px;
  border-radius: 50px 50px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.popular-list .search_box div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 67px);
  margin-left: 13px;
  font-size: 10px;
}
.popular-list .search_box span.title {
  max-width: 90%;
  margin: 0;
  color: #0b1d3a;
  font-size: 1.5em;
  font-weight: 600;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.popular-list .search_box span.plus18,
.popular-list .search_box span.age15 {
  margin: 0 0 0 3px;
}

.gnb-body {
  padding-top: 10px !important;
  /* position: relative;
    top: 0; */
}

/*해지자,결제유보자 1개월 무료 결제 카운팅 배너*/
.free-oneMonth-bnr a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 70px;
  padding: 5px 0 5px 15px;
  background: -o-linear-gradient(350deg, #00f99f 0%, #5daeff 100%) 0% 0% no-repeat;
  background: linear-gradient(100deg, #00f99f 0%, #5daeff 100%) 0% 0% no-repeat;
}

.counting_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
.counting_wrap div {
  height: 36px;
  line-height: 36px;
  padding: 0 3px;
  border-radius: 4px 4px;
  background-color: rgba(88, 84, 101, 0.6);
}
.counting_wrap span {
  margin-top: -3px;
  font-weight: 200;
  color: #000;
}
.free-oneMonth-bnr-right {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 70px;
  padding-left: 10px;
  padding-right: 15px;
  background: url(/assets/mobile/img/global/img_bn_vip_extension_main_bg_right.png) no-repeat;
  background-position: 100% 0;
  background-size: 105px 70px;
}
.free-oneMonth-bnr-right h2 {
  line-height: 110%;
  font-size: 15px;
  font-weight: 800;
  color: #000;
}

.free-oneMonth-bnr-right .sm-txt {
  font-size: 12px;
  font-weight: 200;
  color: #000;
}
.free-oneMonth-bnr .icon-arrow {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background: url(/assets/mobile/img/global/img_bn_vip_extension_main_arrow.png) no-repeat;
  background-size: 100%;
  text-indent: -9999px;
}

/*첫결제 1개월 추가지급 카운팅 배너*/
.first-pay-benefit-bnr a {
  background: -o-linear-gradient(right, #ff0c0c 0%, #e7d8ff 100%) 0% 0% no-repeat;
  background: -webkit-gradient(linear, right top, left top, from(#ff0c0c), to(#e7d8ff)) 0% 0% no-repeat;
  background: linear-gradient(270deg, #ff0c0c 0%, #e7d8ff 100%) 0% 0% no-repeat;
}
.white-text {
  color: #fff;
}

/*vip재시작 하기전 배너*/
.gnb-body.vip__restart {
  top: 373px; /*하단 리스트 씹힘문제로 수정*/
}

/*vip재시작 성공 배너*/
.gnb-body.vip__restart-success {
  top: 337px;
}

/*lnb vip bnr*/
.gnb .skip__bnr {
  background-image: none;
  background-color: #f2f2f2;
  border-bottom: 1px solid #a7a5a3;
}
.gnb .vip__success {
  padding: 25px 4.16%;
}
.gnb .vip__success__img {
  margin-bottom: 8px;
}
.gnb .skip__bnr__title {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 17px;
  color: #0a0a17;
}
.gnb .skip__bnr__txt {
  margin-top: 8px;
  margin-bottom: 17px;
  line-height: 13px;
  font-size: 11px;
  color: #0a0a17;
  opacity: 0.6;
}
.gnb .skip__bnr__btn button:after {
  display: none;
}
.gnb .skip__bnr__btn .btn {
  padding: 9px 15px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  background-color: #ee2d2f;
  border: 0;
  border-radius: 10px;
}

.gnb .vip__success.before {
  padding: 30px 4.16%;
  text-align: left;
}
.gnb .vip__success__img img {
  width: 50%;
}

.close_popup {
  background: url(/assets/mobile/img/icon/close-black.png) no-repeat 50% 50%;
  background-size: 16px 16px;
  width: 34px;
  height: 34px;
  position: absolute;
  text-indent: -9999px;
  top: 1%;
  right: 1%;
}

.gnb-body > ul > li > a i img {
  margin-top: -3px !important;
}

.tri {
  width: 0px;
  height: 0px;
  border-top: 6px solid #fff;
  border-bottom: 50px solid none;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  position: absolute;
  right: 14px;
  bottom: -4px;
}

.btn_favorites_wrap .toast_popup {
  width: 13em !important;
  position: absolute;
  bottom: 30px;
  z-index: 100;
  right: 0;
  display: inline-block;
  background: #fff;
  text-indent: 0;
  border-radius: 6px;
  padding: 8px 12px 7px;
  color: #000;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
}

.btn_favorites_wrap {
  position: relative;
  display: inline-block;
}

/* 회원가입 체크 */
.section_signcheck {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 19;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 50;
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  word-break: break-word;
}

.section_signcheck_wrap {
  position: relative;
  padding: 0 0 60px 0;
  max-height: 80vh;
  overflow: auto;
}

.section_signcheck_wrap .check_id {
  font-size: 1.4em;
  color: #d00606;
  width: 82vw;
  font-weight: bold;
}

.section_signcheck_wrap h4 {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 1em;
  line-height: 1.3em;
}

.section_signcheck_wrap h4 span {
  color: #0d59e0;
}

.section_signcheck_wrap .sub_text {
  color: #9e9e9e;
  font-size: 1em;
  line-height: 1.4em;
}

/* 이메일 인증 */
.section_email_auth_wrap {
}

.section_email_auth {
  padding: 0 1em;
}
.section_email_auth .point01 {
  font-size: 1.3em;
  color: #d00606;
  font-weight: bold;
  padding: 6px 0;
  text-align: center;
}

.section_email_auth .text {
  font-size: 1.1em;
  font-weight: normal;
  margin-bottom: 1em;
  line-height: 1.3em;
  text-align: center;
}

.section_email_auth_num {
  font-size: 12px;
  text-align: center;
  margin-top: 2em;
}

.section_email_auth_num .btn_verify {
  font-size: 1.6em;
  background: #ee312f;
  color: #fff;
  padding: 0.5em 0;
  border: none;
  border-radius: 0.2em;
  width: 100%;
  font-weight: bold;
  margin-bottom: 1em;
}

.section_email_auth_num h5 {
  font-size: 1.2em;
  margin-bottom: 0;
  color: #909090;
}

.section_email_auth_num .input_text {
  font-size: 4em;
  font-weight: bold;
  display: inline-block;
  border: 1px solid #dbdbdb;
  padding: 0 16px;
  margin: 10px 0;
  width: 168px;
  text-align: center;
}

.email_auth_verify {
  background: #fff !important;
  padding: 4px 0 !important;
}

.section_email_auth_num .resend {
  font-size: 1em;
}

.section_email_auth_num .resend a {
  color: #0a4baf;
  text-decoration: underline;
}

.email_auth_verify a {
  text-align: center !important;
  font-size: 1.4em !important;
  font-weight: bold !important;
  color: #fff !important;
  padding: 2px;
  display: inline-block;
}

.email_auth_verify a em {
  display: block;
  font-size: 12px;
  font-weight: normal;
  color: #ffd4d4;
}

/* 야후메일 */
.section_yahoo_wrap {
}

.section_yahoo {
  padding: 0 1em;
}

.section_yahoo .point01 {
  font-size: 1.3em;
  color: #d00606;
  font-weight: bold;
  padding: 6px 0;
  text-align: center;
}

.section_yahoo .text {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 1em;
  line-height: 1.4em;
  text-align: center;
}

.section_yahoo_num {
  font-size: 12px;
  text-align: center;
  margin-top: 36px;
  border-top: 1px solid #ddd;
  position: relative;
  padding-top: 37px;
}

.section_yahoo_num .btn_verify {
  font-size: 1.4em;
  color: #fff;
  padding: 14px 0 14px 48px;
  border: none;
  border-radius: 4px;
  width: 92%;
  font-weight: bold;
  margin-bottom: 16px;
  background: url(/assets/mobile/img/global/main/ico_sns_yahoo.png) no-repeat 8px -8px #710e9d;
}

.section_yahoo_num h5 {
  font-size: 1.2em;
  color: #909090;
  font-weight: normal;
  display: inline-block;
  padding: 10px;
  position: absolute;
  margin: 0 auto;
  top: -20px;
  left: 0;
  right: 0;
}

.section_yahoo_num h5 em {
  background: #fff;
  padding: 4px;
}

.section_yahoo_num .input_text {
  font-size: 4em;
  font-weight: bold;
  display: inline-block;
  border: 1px solid #dbdbdb;
  padding: 0 16px;
  margin: 10px 0;
  width: 168px;
  text-align: center;
}

.section_yahoo_num .resend {
  font-size: 1em;
}

.section_yahoo_num .resend a {
  color: #0a4baf;
  text-decoration: underline;
}

.section_pre_accounts {
  margin-top: 30px;
}

.section_pre_accounts h5 {
  font-size: 1.2em;
  border-bottom: 2px solid #2a2a2a;
  width: 100%;
  padding-bottom: 6px;
  letter-spacing: -1px;
}

.section_pre_accounts ul li {
  padding: 0.9em;
  background: #e3e3e3;
  margin: 0.8em 0;
  display: block;
  overflow: hidden;
  min-height: 3em;
  font-size: 1em;
  border-radius: 2px;
}

.section_pre_accounts ul li i {
  float: left;
  margin-right: 10px;
}

.section_pre_accounts ul li span {
  float: left;
  height: 26px;
  line-height: 26px;
}

.section_pre_accounts ul li span em {
  position: absolute;
  right: 6px;
  background: #ee312f;
  color: #fff;
  border-radius: 2px;
  padding: 0 6px;
}

.section_pre_accounts ul li .ico_naver {
  background: url(/assets/mobile/img/icon/ico_naver.png) no-repeat;
  background-size: cover;
  width: 26px;
  height: 26px;
  display: inline-block;
}

.section_pre_accounts ul li .ico_yahoo {
  background: url(/assets/mobile/img/icon/ico_yahoo.png) no-repeat;
  background-size: cover;
  width: 26px;
  height: 26px;
  display: inline-block;
}

.section_pre_accounts ul li .ico_facebook {
  background: url(/assets/mobile/img/icon/ico_facebook.png) no-repeat;
  background-size: cover;
  width: 26px;
  height: 26px;
  display: inline-block;
}

.section_pre_accounts ul li .ico_google {
  background: url(/assets/mobile/img/icon/ico_google.png) no-repeat;
  background-size: cover;
  width: 26px;
  height: 26px;
  display: inline-block;
}

.section_pre_accounts ul li .ico_line {
  background: url(/assets/mobile/img/icon/ico_line.png) no-repeat;
  background-size: cover;
  width: 26px;
  height: 26px;
  display: inline-block;
}

.section_pre_accounts ul li .ico_twitter {
  background: url(/assets/mobile/img/icon/ico_twitter.png) no-repeat;
  background-size: cover;
  width: 26px;
  height: 26px;
  display: inline-block;
}

.section_pre_accounts ul li .ico_apple {
  background: url(/assets/mobile/img/icon/ico_apple.png) no-repeat;
  background-size: cover;
  width: 26px;
  height: 26px;
  display: inline-block;
}

#section_signcheck_footer {
  background: #ee312f;
  border-bottom-left-radius: unset !important;
  border-bottom-right-radius: unset !important;
  -webkit-border-bottom-left-radius: unset !important;
  -webkit-border-bottom-right-radius: unset !important;
}

#section_signcheck_footer a {
  text-align: center !important;
  font-size: 1.4em !important;
  font-weight: bold !important;
  color: #fff !important;
}

#section_signcheck_footer a em {
  display: block;
  font-size: 12px;
  font-weight: normal;
  color: #ffd4d4;
}

/* app free */
.section_app_free_wrap {
  margin-bottom: 0 !important;
  background: url(/assets/mobile/img/global/payment/bg_appfree.jpg) no-repeat 0 bottom;
  background-size: cover;
}

.section_app_free {
  background: url(/assets/mobile/img/global/payment/bg_appfree.jpg) no-repeat 0 bottom;
  min-height: 40em;
  padding: 3em 0.4em;
  color: #f5dadb;
  line-height: 28px;
}

.section_app_free h4 {
  font-size: 2.4em;
  color: #fff;
  line-height: 1.2em;
  text-align: center;
  margin-bottom: 1.2em;
  letter-spacing: -1px;
  text-shadow: 0px 3px 1px #2a2a2a;
}

.section_app_free h4 span {
  font-size: 0.9em;
  color: #d7ba91;
}

.section_app_free h5 {
  font-size: 1.3em;
  color: #fff;
  font-weight: bold;
  margin: 0.6em 0 0 0;
  line-height: 1.4em;
  height: 2.8em;
}

.section_app_free h6 {
  font-size: 1em;
  color: #ffffffab;
  font-weight: normal;
  line-height: 1.6em;
}

.section_app_free .method_wrap02 h5 {
  font-size: 1.3em;
  color: #fff;
  font-weight: bold;
  margin: 0;
  line-height: 1.4em;
  position: relative;
}

.section_app_free .section_method_wrap {
  margin: 0 auto;
  width: 27em;
}

.section_app_free .method_wrap01 {
  background-color: rgba(0, 0, 0, 0.33);
  width: 13em;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
  -webkit-box-shadow: 2px 3px 8px #2a2a2aa6;
  box-shadow: 2px 3px 8px #2a2a2aa6;
  margin: 0.2em;
  padding: 2em 0 1em;
  text-align: center;
  height: 22em;
  display: inline-block;
  float: left;
}

.section_app_free .method_wrap02 {
  background-color: rgba(0, 0, 0, 0.33);
  width: 13em;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
  -webkit-box-shadow: 2px 3px 8px #2a2a2aa6;
  box-shadow: 2px 3px 8px #2a2a2aa6;
  margin: 0.2em;
  padding: 2em 0 1em;
  text-align: center;
  height: 22em;
  position: relative;
  display: inline-block;
}

.section_app_free .method01 {
  display: inline-block;
  padding: 0.2em 0.6em;
  border-radius: 3px;
  color: white;
  border-bottom: 1.9em solid #1c877a;
  border-left: 0px solid transparent;
  border-right: 0.8em solid transparent;
  height: 0;
  line-height: 2.6em;
  position: absolute;
  top: -18px;
  font-weight: bold;
  left: -1px;
}

.section_app_free .method02 {
  display: inline-block;
  padding: 0.2em 0.6em;
  border-radius: 3px;
  color: white;
  border-bottom: 1.9em solid #106a8c;
  border-left: 0px solid transparent;
  border-right: 0.8em solid transparent;
  height: 0;
  line-height: 2.6em;
  position: absolute;
  top: -18px;
  font-weight: bold;
  left: -1px;
}

.section_app_free .method_wrap01 .qr_code {
  margin: 0 1.8em;
}

.section_app_free .method_wrap02 .qr_code {
  position: absolute;
  bottom: 4em;
}

.section_app_free .method_wrap01 a {
  /* margin: 8px; */
}

.section_app_free .method_wrap02 p {
  margin: 0;
}

.section_app_free .btn_vipget {
  background: #da2a32;
  color: #fff;
  border-radius: 5em;
  display: inline-block;
  -webkit-box-shadow: 0px 1px 4px #000000a6;
  box-shadow: 0px 1px 4px #000000a6;
  font-weight: bold;
  font-size: 1.1em;
  -webkit-transition: background-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  -o-transition: box-shadow 0.3s, background-color 0.3s, color 0.3s, transform 0.3s;
  transition: box-shadow 0.3s, background-color 0.3s, color 0.3s, transform 0.3s;
  transition: box-shadow 0.3s, background-color 0.3s, color 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  height: 2.8em;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 2.6em;
  max-width: 90%;
  min-width: 80%;
  margin: 0 auto;
  line-height: 1.2em;
  vertical-align: middle;
  padding: 0 10px;
  text-align: center;
}

.section_app_free .btn_vipget:hover {
  background: #c8141e;
  -webkit-transition: background-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  -o-transition: box-shadow 0.3s, background-color 0.3s, color 0.3s, transform 0.3s;
  transition: box-shadow 0.3s, background-color 0.3s, color 0.3s, transform 0.3s;
  transition: box-shadow 0.3s, background-color 0.3s, color 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
}

.section_app_free .btn_vipget em {
  display: table-cell;
  height: 2.9em;
  vertical-align: middle;
  width: 42vw;
}

.section_app_free .btn_vipget01 em {
  display: table-cell;
  height: 2.9em;
  vertical-align: middle;
  width: 42vw;
}

.section_app_free .btn_vipget01 {
  background: #7f6f6f;
  color: #fff;
  border-radius: 5em;
  display: inline-block;
  -webkit-box-shadow: 0px 1px 4px #000000a6;
  box-shadow: 0px 1px 4px #000000a6;
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
  width: 100%;
  -webkit-transition: background-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  -o-transition: box-shadow 0.3s, background-color 0.3s, color 0.3s, transform 0.3s;
  transition: box-shadow 0.3s, background-color 0.3s, color 0.3s, transform 0.3s;
  transition: box-shadow 0.3s, background-color 0.3s, color 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  position: absolute;
  right: 0;
  left: 0;
  height: 2.8em;
  line-height: 1.2em;
  bottom: 2.6em;
  max-width: 90%;
  min-width: 80%;
  margin: 0 auto;
  text-align: center;
}

.section_app_free .btn_vipget01:hover {
  background: #ffffff00;
  -webkit-transition: background-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  -o-transition: box-shadow 0.3s, background-color 0.3s, color 0.3s, transform 0.3s;
  transition: box-shadow 0.3s, background-color 0.3s, color 0.3s, transform 0.3s;
  transition: box-shadow 0.3s, background-color 0.3s, color 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
}

/* FAQ 타이틀 추가생성 190220 */
.wbox h5 {
  padding: 12px 0 8px 15px;
  font-size: 18px;
  color: #493b06;
  border-bottom: 1px solid #dfdfdf;
}

/*aos restore 메뉴 추가건 2022_01_19*/
.wbox .restore-title span {
  display: block;
  width: 150px;
  margin: 0 auto 10px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #ee312f;
}
.wbox .restore-txt {
  padding: 0 15px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 21px;
  color: #646464;
  text-align: center;
}
.wbox button {
  display: block;
  margin: 0 auto;
}
.btn__wrap {
  padding-bottom: 20px;
}

.account-manage .page-title {
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.6em;
  padding: 1em 0 0.8em 0;
}

.container-fluid .page-title {
  font-size: 1.6em;
  font-weight: bold;
  line-height: 16px;
  padding: 1em 0 0.8em 0;
}

.container-fluid .user-info {
  height: 35px;
  background-color: #fff;
  margin: 0px 3px 0px 3px;
  line-height: 35px;
  font-size: 15px;
  padding-left: 15px;
}

/*계정통합 추가*/
.info__merge {
  padding: 10px 15px;
  background-color: #fff;
}

.info__merge__exp {
  text-align: left;
  line-height: 20px;
  font-size: 14px;
  color: #000;
  word-break: keep-all;
}

.info__merge__exp-txt {
  display: block;
  line-height: 19px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}

.info__id {
  color: #ee312f;
}

.info__merge-icon {
  display: inline-block;
  height: 100%;
}
.info__merge-icon img {
  width: 20px;
  height: 20px;
  vertical-align: bottom;
}

.info__merge .btn-red {
  display: block;
  min-width: 200px;
  padding: 10px 10px;
  margin: 0 auto;
  font-size: 16px;
  border-radius: 26px 26px;
  text-align: center;
}

.info__main__exp b {
  color: rgba(0, 0, 0, 1);
}

.info__merge__exp-announce {
  padding: 15px;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 4px 4px;
}
.info__merge__exp-announce li {
  margin-bottom: 5px;
}
.info__merge__exp-announce li:last-child {
  margin-bottom: 0;
}

/*account setting페이지 내 [Sign UP / Sign In] 영역 추가*/
.sign__section {
  padding: 10px 15px 0;
  background-color: #fff;
}
.sign__section__txt {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 150%;
  color: rgb(0, 0, 0, 0.6);
}
.sign__section .btn-red {
  display: block;
  min-width: 200px;
  padding: 10px 10px;
  margin: 0 auto;
  font-size: 16px;
  border-radius: 26px 26px;
  text-align: center;
}

/*디바이스 아이콘 변경*/
.device__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.container-fluid .user-info-title {
  margin-bottom: 10px;
}

.container-fluid .user-info-subtitle {
  padding-left: 15px;
  margin: 5px 0px;
}

.text-leaver {
  margin-top: 50px;
}

.container-fluid .cancel-vip-font-wrap {
  margin: 25px 15px;
  font-size: 14px;
  color: #7b7b7b;
  font-weight: bold;
}

.container-fluid .deactivate-font-wrap {
  margin: 25px 15px 50px;
  font-size: 14px;
  color: #7b7b7b;
  cursor: pointer;
  font-weight: bold;
}

/*2020_04_07 deactive VIP*/
.deactivate-font-wrap.cancel {
  margin: 10px 0 50px;
}

/*20220610 deactive btn*/
.deactive-btn {
  width: 100%;
  margin-bottom: 50px;
}

.tab-v3 {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-radius: 4px;
  overflow: hidden;
}

.tab-v3 > li {
  display: table-cell;
  position: relative;
  margin-left: -1px;
  /*webkit-box-flex: unset; */
  -moz-box-flex: unset;
  /* -webkit-flex: unset; */
  -ms-flex: unset;
  /* flex: unset; */
  border: 1px solid #4a4a4a;
  line-height: 24px;
  letter-spacing: -1px;
  background: #ffffff;
  color: #fff;
  border-color: #4a4a4a;
  padding: 1em 0;
}

.tab-v3 > li.active a {
  background: none;
}

.tab-v3 > li.active {
  background: #4a4a4a;
  color: #fff;
  border-color: #4a4a4a;
}

.tab-v3 > li:first-child {
  border-radius: 4px 0 0 4px;
}

.tab-v3 > li:last-child {
  border-radius: 0 4px 4px 0;
}

.tab-v3 > li a {
  display: inline-block;
  text-align: center;
  border: none;
  letter-spacing: 0 !important;
  line-height: 17px;
  vertical-align: middle;
  text-align: center;
  width: 100%;
}

/*안드로이드 일경우 메뉴 나열 변화 2022_01_19*/
.aos .tab-v3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #4a4a4a;
  border-bottom: 0;
}
.aos .tab-v3 > li {
  width: 50%;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  margin-left: 0;
  border: 0;
  border-bottom: 1px solid #4a4a4a;
  border-radius: 0;
}
.aos .tab-v3 > li:nth-child(odd) {
  border-right: 1px solid #4a4a4a;
}
.aos .tab-v3 a {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#new_wrap .top_header01 .side_menu .notice_alarm {
  position: absolute;
  top: -0.5em;
  right: -0.6em;
  font-size: 1em;
  color: #fff !important;
  background: #ee2d2f;
  padding: 0 4px;
  border-radius: 50px;
  text-align: center;
  min-width: 18px;
  margin: 0;
  text-indent: 0;
  min-width: 1.4em;
  line-height: 1.6em;
  height: 1.4em;
}

.row-table > div .notice_alarm {
  position: relative;
  font-size: 0.9em;
  color: #fff;
  background: #ee2d2f;
  padding: 0.1em 0.4em 0 0.4em;
  border-radius: 50px;
  text-align: center;
  min-width: 1.4em;
  line-height: 1.2em;
  height: 1.2em;
}

.gnb-body > ul > li > a .notice_alarm {
  position: absolute;
  font-size: 1em;
  color: #fff;
  background: #ee2d2f;
  padding: 0 0.4em 0.1em;
  border-radius: 10px;
  text-align: center;
  margin: -0.7em 0 0 0;
  right: 1.2em;
  line-height: 1.4em;
  top: 50%;
  min-width: 1.5em;
  vertical-align: middle;
}

.container-fluid > nav > ul > li > a .notice_alarm {
  position: absolute;
  font-size: 1em;
  color: #fff;
  background: #ee2d2f;
  padding: 0 0.4em 0.1em;
  border-radius: 10px;
  text-align: center;
  margin: -0.7em 0 0 0;
  right: 1.2em;
  line-height: 1.4em;
  top: 50%;
  min-width: 1.5em;
  vertical-align: middle;
}

/* 1:1 문의 간격조정 */
.form-flat select.input-lg {
  font-size: 14px;
  text-indent: 10px;
  padding: 10px 0 !important;
  line-height: 1.333333;
}

/*account setting 페이지 상단회원정보 필드 추가*/
.account-info-field {
  padding: 15px 15px 12px;
  text-align: center;
  background-color: #fff;
}
.account-info-field .account-id__con {
  margin-top: 5px;
  font-size: 11px;
  color: rgba(34, 34, 34, 0.8);
}
.account-info-field .account-app__num {
  font-size: 16px;
  color: #222222;
}
.account-info-field .gnb-coin__wrap {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.account-info-field .gnb-coin__con {
  border-bottom: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.1);
}
.account-info-field .gnb-coin__txt {
  color: #000;
}

/*account 상단 로그아웃*/
.account-logout {
  margin-top: 10px;
  font-size: 14px;
  color: #8d8d98;
}
.account-logout img {
  width: 14px;
}

/* footer 수정 */
.footer-info strong {
  color: #8d8d8d;
  font-size: 3.4vw;
  font-weight: 400;
  display: block;
  margin-bottom: 14px;
  text-align: center;
}

.footer-info address {
  font-size: 3vw;
  color: #7c7c7c;
  margin-bottom: 12px;
  text-align: center;
  font-weight: 300;
}

.footer_sns {
  color: #fff;
  margin: 1vw auto;
  font-size: 3vw;
  line-height: 3.5vw;
  text-align: center;
  font-weight: 300;
}
.footer_sns li {
  display: inline-block;
  padding: 0 3.4vw;
  margin: 3vw 0;
  border-left: 0.4vw solid #666666;
}

.footer_sns li span {
  float: left;
  text-align: left;
  color: #d1d1d2;
  position: relative;
}

.footer_sns li.footer_sns_facebook {
  border-left: none;
}

.footer_sns li span.sns_facebook {
  background: url(/assets/mobile/img/global/ico_facebook.png) no-repeat 0;
  background-size: cover;
  width: 7vw;
  height: 7vw;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 2.6vw;
}

.footer_sns li span.sns_insta {
  background: url(/assets/mobile/img/global/ico_instagram.png) no-repeat 0;
  background-size: cover;
  width: 7vw;
  height: 7vw;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 2.6vw;
}

.footer_sns li span.sns_insta::before {
  content: "|";
  position: absolute;
  top: 0;
  left: -3px;
  z-index: 1;
  color: #888;
}
div.footer-logout {
  width: 100%;
  text-align: center;
  margin-bottom: 14px;
  font-size: 3.4vw;
  color: #8d8d98;
}
div.footer-logout span {
  display: inline-block;
  min-width: 14px;
  max-width: 28px;
  width: 3vw;
}

.gnb_sns {
  color: #fff;
  margin: 1vw auto;
  font-size: 3vw;
  line-height: 3.5vw;
  text-align: center;
}
.gnb_sns li {
  display: inline-block;
  padding: 0 3.4vw;
  margin: 3vw 0;
}

.gnb_sns li span {
  float: left;
  text-align: left;
  color: #d1d1d2;
  position: relative;
}

.gnb_sns li.gnb_sns_facebook {
  border-left: none;
}

.gnb_sns li span.sns_facebook {
  background: url(/assets/mobile/img/global/gnb_icon_facebook.png) no-repeat 0;
  background-size: cover;
  width: 7vw;
  height: 7vw;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 2.6vw;
}

.gnb_sns li span.sns_insta {
  background: url(/assets/mobile/img/global/gnb_icon_instagram.png) no-repeat 0;
  background-size: cover;
  width: 7vw;
  height: 7vw;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 2.6vw;
}

/* viewer tip 190329 */
.loading_bg {
  position: fixed;
  margin: auto;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  height: 110px;
  width: 165px;
  border-radius: 10px;
  pointer-events: none;
  z-index: 1010;
  background: rgba(32, 32, 32, 0.9);
  padding: 18px;
  line-height: 1;
  opacity: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.27, 0.99) 0s;
  -o-transition: all 0.5s cubic-bezier(0.42, 0, 0.27, 0.99) 0s;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.27, 0.99) 0s;
  -webkit-transform: scale(0.3);
  -ms-transform: scale(0.3);
  transform: scale(0.3);
}

.loading_bg_on {
  opacity: 100 !important;
  -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.27, 0.99) 0s;
  -o-transition: all 0.5s cubic-bezier(0.42, 0, 0.27, 0.99) 0s;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.27, 0.99) 0s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.loading_bg_off {
  opacity: 0 !important;
  -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.27, 0.99) 0s;
  -o-transition: all 0.5s cubic-bezier(0.42, 0, 0.27, 0.99) 0s;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.27, 0.99) 0s;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}

.loading_v {
  position: absolute;
  -webkit-transform: translate3d(0px, 15px, 0px);
  transform: translate3d(0px, 15px, 0px);

  width: 150px;
  height: 100px;
  top: 0;
  left: 0;
  /* -webkit-transition: all .5s cubic-bezier(0.42, 0, 0.27, 0.99) 0s; */
  /* transition: all .5s cubic-bezier(0.42, 0, 0.27, 0.99) 0s; */
  display: block;
  /* -webkit-animation: slideV .5s .3s forwards; */
  /* animation: slideV .5s .3s forwards; */
  /* -webkit-animation: fadeIn .5s forwards, fadeOut .5s 2s forwards; */
  /* animation: fadeIn .5s forwards, fadeOut .5s 2s forwards */
  opacity: 0;
}

.loading_v_on {
  -webkit-transform: translate3d(0px, -10px, 0px) !important;
  transform: translate3d(0px, -10px, 0px) !important;
  -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.27, 0.99) 0s;
  -o-transition: all 0.5s cubic-bezier(0.42, 0, 0.27, 0.99) 0s;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.27, 0.99) 0s;
  display: block;
  -webkit-animation: slideV 0.5s 0.3s forwards;
  animation: slideV 0.5s 0.3s forwards;
  opacity: 100;
}

.loading_text {
  position: absolute;
  left: 66px;
  width: 92px;
  margin-bottom: 0;
  color: #fdcc01;
  font-size: 13px;
  word-break: break-word;
  line-height: 1.4;
}

.loading_cross {
  position: absolute;
  left: 0;
  top: 0;
}

/*20200204 읽는 방향 추가*/
/*right*/
.read-right .loading_v {
  top: 3px;
  -webkit-transform: translate3d(-10px, 0px, 0px);
  transform: translate3d(-10px, 0px, 0px);
}
.read-right .loading_v_on {
  -webkit-transform: translate3d(15px, 0px, 0px) !important;
  transform: translate3d(15px, 0px, 0px) !important;
}
.read-right .loading_text,
.read-left .loading_text {
  width: 114px;
  top: initial;
  bottom: 0px;
  left: 50%;
  margin-bottom: 10px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  text-align: center;
}

/*left*/
.read-left .loading_v {
  top: 3px;
  -webkit-transform: translate3d(15px, 0px, 0px);
  transform: translate3d(15px, 0px, 0px);
}
.read-left .loading_v_on {
  -webkit-transform: translate3d(-10px, 0px, 0px) !important;
  transform: translate3d(-10px, 0px, 0px) !important;
}

/* sign popup */
.section_sign {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 19;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 50;
  display: table;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}

.section_sign_warp {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding: 5vw;
}

.section_sign_box {
  /* background: #ffffff; */
  /* border-radius: 6px; */
  /* position: relative; */
  max-height: 96vh;
  font-weight: normal;
}

/*로그인팝업 상단배너*/
#modal-sign.section_sign_box {
  max-height: 100vh;
}
#modal-sign .modal-content {
  background: none;
}
.section_sign_box .sign_up_bnr {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  background: transparent -o-radial-gradient(50% 50%, closest-side, #794eb8 0%, #333038 100%) 0% 0% no-repeat padding-box;
  background: transparent radial-gradient(closest-side at 50% 50%, #794eb8 0%, #333038 100%) 0% 0% no-repeat padding-box;
}
.section_sign_box .sign_up_bnr ~ .title_tab {
  border-radius: 0;
}
.sign_up_bnr .sign_up_bnr_inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 70px;
  padding: 10px 40px;
  text-align: center;
}
.sign_up_bnr .sign_up_bnr_inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  display: block;
  background: url(/assets/mobile/img/global/bn_singup_bg_left.png) 0 0 no-repeat;
  background-size: cover;
}
.sign_up_bnr .sign_up_bnr_inner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  display: block;
  background: url(/assets/mobile/img/global/bn_singup_bg_right.png) 0 0 no-repeat;
  background-size: cover;
}
.sign_up_bnr .txt_underline {
  font-size: 14px;
  color: #ffdd34;
  font-weight: 300;
  text-decoration: underline;
  z-index: 1;
}
.sign_up_bnr b {
  line-height: 100%;
  font-size: 20px;
  color: #fff;
}

/*비로그인 상태에서 회원 전용 회차 진입시 표시 20230328*/
.no_login_status {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 10px;
  background-color: #153156;
  background-size: cover;
}

.no_login_status:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  display: block;
  background: url(/assets/mobile/img/global/img_login_bn_NPlus_bg_left.png) 0 0 no-repeat;
  background-size: cover;
}
.no_login_status:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  display: block;
  background: url(/assets/mobile/img/global/img_login_bn_NPlus_bg_right.png) 0 0 no-repeat;
  background-size: cover;
}

.no_login_status_img {
  width: 44px;
  height: 50px;
}
.no_login_status .no_login_status_txt {
  margin-left: 10px;
  text-align: left;
  font-size: 15px;
}
.no_login_status .no_login_status_txt p {
  margin: 0;
  font-weight: 300;
}
.no_login_status .text-lightGreen {
  color: #40ffa5;
}
.no_login_status .underline {
  text-decoration: underline;
}
.no_login_status_txt strong {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}

.section_sign_box .img_sign {
  border-radius: 4px 4px 0 0;
}
.section_sign_box .sign_text {
  padding: 15px 22px 10px 22px;
}
.section_sign_box .sign_text h4 {
  margin-bottom: 11px;
  color: #fff;
  font-size: 1.6em;
}

.section_sign_box .sign_text p {
  color: #e0d6cb;
  margin-bottom: 20px;
  font-size: 1.2em;
}

.section_sign_box .ok {
  color: #fff;
  text-align: center;
  padding: 10px 0;
  width: 100%;
  background: #ff0000;
  border-radius: 0 0 4px 4px;
  font-size: 18px;
  font-weight: bold;
}

.section_sign_box button {
  background: #ff0000;
  border: none;
  color: #fff;
  font-weight: bold;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  clear: both;
  display: table;
  padding: 2.6vw 0;
  font-size: 5vw;
  border-radius: 30vw;
  margin: 6vw auto 10vw auto;
}

.section_sign_box .sns_sign_btn {
  padding: 2em 0 0.4em;
  text-align: center;
}
.section_sign_box .sns_sign_btn img,
.section_sign_box .sns_sign_btn svg {
  width: 4em;
  margin: 0.4em 0.1em;
}

.section_signin h4 {
  text-align: center;
  font-size: 1.5em;
  text-transform: uppercase;
}
.section_sign_box .title_tab {
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}

.section_sign_box .title_tab li {
  width: 50%;
  text-align: center;
  vertical-align: middle;
  background: #dee1e9;
  padding: 1.6vh 0;
  display: inline-block;
  float: left;
  border-top: 0.8vw solid #a6aeb8;
  font-size: 5vw;
  font-weight: bold;
  color: #3a4354;
}

.section_sign_box .title_tab li.on {
  width: 50%;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  border-top: 0.8vw solid red;
  color: #24263c;
}

.section_sign_box .section_signin {
  padding: 8vw 5vw 5vw 5vw;
  clear: both;
  overflow: auto;
}

.section_sign_box .section_sns_sign {
  text-align: center;
  border-top: 0.1em solid #dedede;
  position: relative;
}

.section_sign_box .section_sns_sign h5 {
  padding: 1vw 0;
  display: inline-block;
  font-size: 3.4vw;
  color: #9697a9;
  font-weight: normal;
  position: absolute;
  left: 0;
  right: 0;
  margin: -1em auto 0;
}

.section_sign_box .section_sns_sign h5 em {
  background: #fff;
  padding: 6px 12px;
}

.section_sign_box .section_sns_sign01 {
  text-align: center;
  border-top: 0.1em solid #dedede;
  position: relative;
  margin-top: 2em;
}

.section_sign_box .section_sns_sign01 h5 {
  padding: 1em 0;
  display: block;
  font-size: 1em;
  color: #9697a9;
  font-weight: normal;
  position: absolute;
  left: 0;
  right: 0;
  margin: -1.8em auto 0;
}

.section_sign_box .section_sns_sign01 h5 em {
  background: #fff;
  padding: 6px 12px;
}

.section_sign_box .section_sns_sign01 .forgot_ps {
  text-align: center;
  color: #0c235f;
  text-decoration: underline;
}

.section_sign_box .section_sns_sign01 button {
  background: #ff0000;
  border: none;
  color: #fff;
  font-weight: bold;
  width: 18em;
  text-align: center;
  margin: 0 auto;
  clear: both;
  display: table;
  padding: 0.8em 0;
  font-size: 1.2em;
  border-radius: 30vw;
  margin: 2em auto 2.2em auto;
}

.section_signin .form_sign {
  display: block;
  width: 100%;
  height: 9vw;
  padding: 1vw 0;
  /*font-size: 4.6vw;*/
  color: #000;
  background-color: #fff;
  background-image: none;
  border-bottom: 1px solid #dadbdf;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
}

.section_signin .form_sign::-webkit-input-placeholder {
  color: #8d8ea2;
}

.section_signin .form_sign::-moz-placeholder {
  color: #8d8ea2;
}

.section_signin .form_sign:-ms-input-placeholder {
  color: #8d8ea2;
}

.section_signin .form_sign::-ms-input-placeholder {
  color: #8d8ea2;
}

.section_signin .form_sign::placeholder {
  color: #8d8ea2;
}

.section_sign_box .close_popup {
  background: url(/assets/mobile/img/icon/btn_close_popup.png) no-repeat 50% 50%;
  background-size: cover;
  width: 12vw;
  height: 12vw;
  max-width: 55px;
  max-height: 55px;
  min-width: 42px;
  min-height: 42px;
  position: absolute;
  text-indent: -9999px;
  top: -20px;
  right: -22px;
  margin: 0;
}

.section_signin .section_signin_sub {
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 4vw 0 3vw 0;
  font-size: 4vw;
}

.section_signin .section_signin_sub .save_id {
  color: #67697c;
  padding-left: 2px;
  display: block;
  padding: 0.4em 0 0.3em;
  margin: 0 auto;
  text-align: center;
}
.section_signin .section_signin_sub .save_id .login_chk_box {
  width: 4.6vw;
  height: 4.6vw;
}
.section_signin .section_signin_sub .forgot_ps {
  display: block;
  text-align: center;
  text-decoration: underline;
  color: #a2aabf;
  font-size: 0.8em;
}

.section_signin .section_signup_text {
  font-size: 3.4vw;
  text-align: center;
  color: #67697c;
  margin: 4vw 0 0 0;
  height: 4.6vh;
}
.section_signin .section_signup_text a {
  color: #ee2d2f;
}

.section_signin .error_ms {
  color: #ff0000;
  font-size: 3.2vw;
}

.section_sign_box .modal-content {
  padding: 0;
  border-radius: 6px;
}
.section_sign_box .modal-body {
  padding: 0;
  border-radius: 10px !important;
}
.section_sign_box .modal-dialog {
  min-width: 300px;
  margin: 18px;
}

/*
이미 존재하는 같은 아이디 팝업창 관련
add by HJH (190503)
 */
.same-email-modal {
  width: auto;
  margin: 10px;
}

/* family safe */
.gnb-body .btn_gender {
  margin-right: 1em;
  padding: 1px 18px 16px 10px;
  font-size: 14px;
  background: #fff;
  vertical-align: middle;
  border-radius: 5em;
  position: absolute;
  height: 22px;
  right: 0;
  top: 15px;
  color: #9d9d9d;
  font-weight: 500;
  display: table-cell;
  line-height: 18px;
  cursor: pointer;
  border: 1px solid;
}

.gnb-body .btn_gender em {
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
  height: 17px;
  padding: 0;
  margin: 1px 2px 1px 2px;
  font-weight: 400;
}

.gnb-body .btn_gender em:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  /* margin-top: -2px; */
  border: 4px solid transparent;
  border-top-color: #afafaf;
}

.lang_popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 50;
  display: table;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}

.lang_popup_warp {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding: 30px;
}

.lang_popup_box {
  background: #e6e8ed;
  max-width: 400px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.lang_popup_box .lang_popup_text {
  padding: 0px 0 0 0;
}

.lang_popup_box .lang_popup_text h4 {
  margin: 10px 0;
  color: #24263c;
  font-size: 1.2em;
  padding: 0 1.3em;
}

.lang_popup_box .lang_popup_text ul li {
  border-top: 1px solid #d1d1d1;
  padding: 0 1.6em;
  background: #fbfbfb;
}

.lang_popup_text ul li label {
  display: block;
  position: relative;
  font-size: 1.3em;
  margin: 14px auto;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

.lang_popup_text ul li input[type="radio"] {
  position: absolute;
  visibility: hidden;
}

.lang_popup_text input[type="radio"]:checked ~ .check {
  border: 2px solid #e1e1e1;
}

.lang_popup_text input[type="radio"]:checked ~ .check::before {
  background: #ff0d0d;
}

.lang_popup_text ul li .check {
  display: block;
  position: absolute;
  background: #e1e1e1;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  top: 16px;
  right: 20px;
  z-index: 5;
  -o-transition: border 0.25s linear;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
  border: 2px solid #e1e1e1;
}

.lang_popup_text ul li {
  color: #252526;
  display: block;
  position: relative;
  float: left;
  width: 100%;
}

/* family safe popup */
.gender_popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 50;
  display: table;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}

.gender_popup_warp {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding: 30px;
}

.gender_popup_box {
  background: #e6e8ed;
  max-width: 400px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.gender_popup_box .gender_popup_text {
  padding: 0px 0 0 0;
}

.gender_popup_box .gender_popup_text h4 {
  margin-bottom: 8px;
  color: #24263c;
  font-size: 1.2em;
  padding: 0 1.3em;
}

.gender_popup_box .gender_popup_text p {
  color: #525252;
  margin-bottom: 20px;
  font-size: 1.2em;
}

.gender_popup_box .gender_popup_text ul li {
  border-top: 1px solid #d1d1d1;
  padding: 0 1.6em;
  background: #fbfbfb;
}

.gender_popup_box .ok {
  color: #fff;
  text-align: center;
  padding: 10px 0;
  width: 100%;
  background: #ff0000;
  border-radius: 0 0 4px 4px;
  font-size: 18px;
  font-weight: bold;
}

.gender_popup_box button {
  background: none;
  border: none;
  width: 40px;
  position: absolute;
  right: -18px;
  top: -14px;
}

.gender_popup_text ul li {
  color: #252526;
  display: block;
  position: relative;
  float: left;
  width: 100%;
}

.gender_popup_text ul li input[type="radio"] {
  position: absolute;
  visibility: hidden;
}

.gender_popup_text ul li label {
  display: block;
  position: relative;
  font-size: 1.3em;
  margin: 14px auto;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

.gender_popup_text ul li:hover label {
  color: #414141;
}

.gender_popup_text ul li .check {
  display: block;
  position: absolute;
  background: #e1e1e1;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  top: 16px;
  right: 20px;
  z-index: 5;
  -o-transition: border 0.25s linear;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
  border: 2px solid #e1e1e1;
}

.gender_popup_text ul li:hover .check {
  border: 5px solid #ffffff;
}

.gender_popup_text ul li .check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 12px;
  width: 12px;
  top: 2px;
  right: 2px;
  margin: auto;
  -o-transition: background 0.25s linear;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

.gender_popup_text input[type="radio"]:checked ~ .check {
  border: 2px solid #e1e1e1;
}

.gender_popup_text input[type="radio"]:checked ~ .check::before {
  background: #ff0d0d;
}

.gender_popup_text input[type="radio"]:checked ~ label {
  color: #414141;
}

.gender_popup_box .close_popup {
  background: url(/assets/mobile/img/icon/close-black.png) no-repeat 50% 50%;
  background-size: 12px 12px;
  width: 31px;
  height: 34px;
  position: absolute;
  text-indent: -9999px;
  top: 4px;
  right: 7px;
  padding: 0;
}

/* viewer 변경 */
.viewer-header {
  height: 60px;
  padding: 0 10px 0 50px;
}

/*뷰어 하단에 배너와 리스트추가*/
.viewer-etc {
  margin-top: 15px;
  padding: 15px 0;
  /* border: 1px solid #dedede;
    background-color: #fff; */
}
.viewer-etc h3 {
  padding: 0 3%;
  font-size: 1.25em;
  font-weight: bold;
  color: #000;
}
.viewer-etc .section_allday h3 {
  padding: 0 1%;
  font-size: 1.25em;
  font-weight: bold;
  color: #000;
}

.viewer-etc .ep-viewer__bottom__list {
  margin-left: 2%;
}

/*bg-black일때 타이틀 색상 흰색*/
.bg-black .viewer-etc h3 {
  color: #fff;
}

.ep-viewer__bottom__list {
  margin-bottom: 15px;
}
.ep-viewer__bottom__list:last-child {
  margin-bottom: 0;
}

.ep-viewer__bottom__list .section_allday {
  vertical-align: middle;
  position: relative;
  color: #fff;
}

.container-fluid .ep-viewer__bottom__list {
  margin-left: 0;
}

.container-fluid .viewer-etc {
  margin-left: -2%;
  margin-right: -15px;
  padding-bottom: 0;
  border: none;
}
.container-fluid .viewer-etc h3 {
  padding: 0 1%;
}
.viewer-etc h3.ft-white {
  color: #fff;
}

/* 뷰어 마지막에 다음화 보기 영역 */
.ep__next {
  max-width: 720px;
  margin: 0 auto;
  padding: 30px 15px 15px;
}
/*bg가 검은색일경우 class="bg-black"*/
.ep__next.bg-black {
  background-color: #000;
}
/*bg가 흰색일경우 class="bg-white"*/
.ep__next.bg-white {
  background-color: #fff;
}

.ep__next > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 5px 5px;
}
.ep__next.bg-black > a {
  border-color: #333;
  background-color: #000;
}

.ep__next > a > div {
  vertical-align: middle;
}

.ep__next .ep__thumb__img {
  width: 83px;
  min-width: 83px;
}

.ep__next .ep__exp {
  padding: 0 10px;
}

.ep__next .ep__name {
  width: 100%;
  min-width: 110px;
  padding: 0 10px;
  line-height: 15px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}

.ep__next .ep__name__con {
  width: 100%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.ep__next.bg-black .ep__name__con {
  color: #fff;
}

.ep__next .ep__name__con:after {
  content: "\0000a0";
  display: inline-block;
  width: 0;
}
.ep__next .ep__next__turn {
  font-size: 11px;
  font-weight: normal;
  color: #888;
}

.ep__next .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;

  min-width: 103px;
  min-height: 39px;
  line-height: 13px;
  margin: 0 0 0 auto;
  padding: 5px 10px;
  font-size: 11px;
  text-align: left;
  color: #fff;
  border-radius: 5px;
  white-space: normal;
  word-break: normal;
  background-color: #ff0004;
}

.ep__next .btn__next__icon {
  width: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 5px;
}

/* .ep__next .btn__txt {
    max-width: 57px;
} */

/*탈퇴이미지 변경*/
.leavingus_img {
  display: table;
  position: relative;
  width: 100%;
  background: url(/assets/mobile/img/layout/img-out-en.png) no-repeat 0 bottom;
  background-size: 292px 128px;
  padding: 12px;
}

.leavingus_img .leavingus_text {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding-left: 9em;
}

.leavingus_img .leavingus_text dl {
  margin-bottom: 0;
}

.leavingus_img .leavingus_text dt {
  font-size: 1.3em;
  line-height: 1.3em;
}

.leavingus_img .leavingus_text dd {
  margin: 0.4em 0 0 0;
  font-size: 0.9em;
}

.noimage_title {
  position: absolute;
  top: 8.4em;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 0.9em;
  line-height: 1.3em;
  max-height: 3.9em;
  display: block;
  white-space: normal;
  margin: 0 2px;
  overflow: hidden;
}

/*경고창*/
.section_warning_wrap {
  position: fixed;
  top: 0;
  left: 0;
  display: table;
  background: url(/assets/mobile/img/global/bg_warning.png) no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.section_warning_wrap {
  position: fixed;
  top: 0;
  left: 0;
  display: table;
  background: url(/assets/mobile/img/global/bg_warning.png) no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.section_warning_wrap .section_warning {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  padding: 2em;
  text-align: center;
}

.section_warning_wrap .section_warning .icon {
  background: url(/assets/mobile/img/global/icon/ico_notice04.png) no-repeat;
  text-indent: -9999px;
  width: 6em;
  height: 6em;
  background-size: 6em 6em;
  text-align: center;
  margin: 0 auto;
}

.section_warning_wrap .section_warning h2 {
  font-size: 2em;
  line-height: 1.2em;
  margin: 0.6em auto;
}

.section_warning_wrap .section_warning .sub_text {
  color: #8a8a8a;
  font-size: 1.1em;
  padding: 0 2em;
  line-height: 1.4em;
}

.section_warning_wrap .section_warning .email {
  color: #fff;
  margin: 1.4em 0 1.6em;
  padding: 0 2em;
}

.section_warning_wrap .section_warning .email a {
  color: #00aac3;
}

.section_warning_wrap .section_warning button {
  font-size: 1.3em;
  margin: 1em auto 0.6em auto;
  background: #ee2d2f;
  border: none;
  border-radius: 50em;
  padding: 0.7em 4em 0.7em;
  font-weight: bold;
}

/*계정정보 추가 2022_02_08*/
.section_warning .id_info {
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.id_info li {
  padding-top: 10px;
}
.id_info li:first-child {
  padding-top: 0px;
}
.id_info .id_info_title {
  font-size: 12px;
}
.id_info .id_info_text {
  font-size: 12px;
  font-weight: bold;
}
.id_info_warning {
  margin-top: 20px;
  font-size: 12px;
  color: #ee312f;
}

/* nice payment 추가 */
.section_nice_payment {
  background: #fff;
  border-radius: 3px;
  margin-top: -35px;
  z-index: 1;
  position: relative;
  color: #bebebe;
  text-align: left;
  overflow: hidden;
  -webkit-transition: height 0.2s ease;
  -o-transition: height 0.2s ease;
  transition: height 0.2s ease;
}

.section_nice_payment .card_type {
  border-bottom: 1px solid #dddddd;
  padding: 14px 0;
  margin: 0 auto;
  text-align: center;
}

.section_nice_payment .card_type span {
  margin-right: 5px;
}

.section_nice_payment .number {
  clear: both;
  padding: 20px 20px 0 20px;
}

.section_nice_payment .code_wrap {
  padding: 4px 20px 8px;
}

.section_nice_payment .date {
  padding: 0 20px 0 0;
  float: left;
}

.section_nice_payment .cvv {
  float: right;
  width: 20vw;
}

.section_nice_payment button {
  background: #ff0004;
  font-size: 18px;
  color: #fff;
  margin: 13px auto 4px;
  width: auto;
  text-align: center;
  padding: 8px 36px 7px;
  height: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #c20003;
}

.section_nice_payment button.type_ing {
  background: #cf0003 !important;
}

.section_nice_payment .totalpay {
  font-size: 20px;
  font-weight: bold;
  color: #2a2a2a;
  text-align: center;
  letter-spacing: -1px;
  clear: both;
}

.section_nice_payment .totalpay span {
  color: #ff0004;
}

.section_nice_payment h5 {
  position: relative;
  color: #3d3d3d;
  font-weight: normal;
}

.section_nice_payment .card_type span.active img {
  opacity: 1;
}

.section_nice_payment .card_type span img {
  opacity: 0.3;
  width: 3.6em;
}

.section_nice_payment .error_ms {
  font-size: 10px;
  color: #e75e62;
  clear: both;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  height: 1.8em;
}

.section_nice_payment .sub_text {
  text-align: center;
  font-size: 11px;
  padding: 2px 50px 15px;
  line-height: 16px;
  font-weight: normal;
}

.section_nice_payment .sub_text a {
  text-decoration: underline;
}

.section_nice_payment input {
  display: inline-block;
  width: 100%;
  height: 38px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.5;
  color: #1e1e1e;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.section_nice_payment input::-webkit-input-placeholder {
  color: #c7c7c7;
}

.section_nice_payment input::-moz-placeholder {
  color: #c7c7c7;
}

.section_nice_payment input:-ms-input-placeholder {
  color: #c7c7c7;
}

.section_nice_payment input::-ms-input-placeholder {
  color: #c7c7c7;
}

.section_nice_payment input::placeholder {
  color: #c7c7c7;
}

.section_nice_payment .date input {
  width: 60px;
  text-align: center;
}

.section_nice_payment .cvv input {
  width: 70px;
  text-align: center;
  margin-right: 14px;
  float: left;
}

.section_nice_payment .cvv img {
  display: inline-block;
  margin-right: 10px;
}

.section_nice_payment .cvv em {
  font-size: 12px;
  color: #9a9a9a;
}

#new_wrap.ptde .gnb {
  right: -305px;
  left: unset;
}

.section_select_paytype.ptde p {
  width: 13em;
}

.section_select_paytype .pay_month em {
  display: inline-block;
  float: none;
  padding: 0;
  width: auto;
}

.section_select_paytype .pay_month {
  display: table;
}

/*독일어 포르투칼어 결제페이지 변경 추가*/
.section_select_paytype.ptde h5 {
  font-size: 14px;
  line-height: 18px;
  margin-right: 0.3em;
  vertical-align: middle;
  padding: 1vw 0;
  width: 4em;
  text-align: center;
  display: table-cell;
  float: none;
}

.section_select_paytype.ptde h5 span {
  font-size: 1.8em;
  display: block;
  margin-bottom: 3px;
}

.section_select_paytype.ptde li {
  display: inline-block;
  width: 100%;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.23);
  padding: 10px 8px;
  border-radius: 5px;
  position: relative;
  margin: 0.7vw 0;
}

.section_select_paytype.ptde p {
  font-size: 12px;
  line-height: 18px;
  padding: 0.6em 0.2em 0.6em 0.8em;
  margin: 0;
  text-align: left;
  width: 17em;
  letter-spacing: -0.03em;
  vertical-align: middle;
  display: table-cell;
}

.section_select_paytype.ptde button {
  border-radius: 2px;
  letter-spacing: -1px;
  padding: 5px 0px;
  font-size: 11px;
  line-height: 14px;
  background: #cc0000;
  border: 1px solid #cc0000;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 18vw;
  height: 12vw;
  vertical-align: middle;
  display: table-cell;
  float: right;
  position: absolute;
  right: 4%;
  top: 50%;
  margin-top: -6vw;
}

@media only screen and (max-width: 320px) {
  .section_select_paytype .pay_month em {
    display: block !important;
  }

  .section_select_paytype .pay_month p {
    width: 13em !important;
  }

  .jp-payment_success__input__wrap {
    padding-right: 27%;
  }
}

.section_error_pg {
  background: url(/assets/web/img/global/bg_error.png) no-repeat;
  background-size: cover;
  height: 64vh;
  width: 100%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding: 0 3em;
}

.section_error_pg .logo {
  background: url(/assets/web/img/global/logo01.png) no-repeat;
  display: block;
  width: 200px;
  height: 200px;
  text-indent: -9999px;
  margin: -50px auto 24px;
  opacity: 0.6;
}

.section_error_pg .text {
  font-size: 1.7em;
  /* font-weight: bold; */
  letter-spacing: -1px;
}

.section_error_pg button {
  font-size: 1.3em;
  color: #fff;
  font-weight: bold;
  background: #ee2d2f;
  border-radius: 100px;
  border: none;
  padding: 9px 26px 8px;
  margin: 10px 0 0 0;
}

.error_pg_wrap {
  display: table;
  width: 100%;
}

/* 안드로이드 크롬 Context 메뉴에 다운로드 메뉴 비노출 */
.nodn {
  position: relative;
}

.nodn:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
}

.section_email_check {
  word-break: keep-all;
  text-align: center;
}

.section_email_check h4 {
  margin-top: 0.8em;
  font-size: 1.5em;
  text-align: center;
  line-height: 1.5em;
  padding: 0 0.6em;
  margin-bottom: 0.8em;
}

.section_email_check a {
  color: #0692e0;
}

.section_email_check .text01 {
}

.section_email_check .text02 {
  margin-bottom: 16px;
}

.section_email_check .text03 {
  margin-bottom: 2.2em;
}

.section_email_check .text04 {
  color: #ff0000;
}

.section_email_check button {
  margin: 0.6em auto 1em !important;
  width: auto !important;
  padding: 0.6em 1em;
  min-width: 8em;
  font-size: 1.2em;
}

.section_email_check button.deactive {
  background: #848484 !important;
}

/*aliypay, wechat*/
.ico_aliypay {
  background: url(/assets/mobile/img/global/ico_aliypay.png) no-repeat;
  padding: 2px 30px;
  background-size: 22px;
  line-height: 20px;
  margin-left: 2px !important;
}

.ico_wechat {
  background: url(/assets/mobile/img/global/ico_wechat.png) no-repeat;
  padding: 2px 30px;
  background-size: 22px;
  line-height: 20px;
  margin-left: 2px !important;
}

.ico_paypal {
  background: url(/assets/mobile/img/global/ico_paypal.png) no-repeat 2px 2px;
  padding: 2px 30px;
  background-size: 76px;
  line-height: 18px;
  margin-left: 2px !important;
  text-indent: -9999px;
  display: inline-block;
  width: 8em;
}

/* nice_payment error*/
.section_nice_payment .error_box {
  line-height: 16px;
  padding: 0.6em 0.8em 0.5em;
  background: #fce7e4;
  margin: 14px 20px 0 20px;
  border-radius: 4px;
  border: 1px solid #ffb2b2;
  color: #2a2a2a;
}

.section_nice_payment .error_box span {
  background: url(/assets/mobile/img/global/icon/ico_notice.png) no-repeat;
  display: inline-block;
  padding-left: 2.1em;
  background-size: 1.6em;
  font-weight: normal;
  font-size: 0.7em;
  line-height: 1.7em;
}

.section_vipbanner_bobo {
  display: table;
  margin: 20px auto;
}

.section_vipbanner_bobo span {
  width: 49%;
}

.section_vipbanner_bobo .banner01 {
  float: left;
}

.section_vipbanner_bobo .banner02 {
  float: right;
}

.payment-set li img {
  padding-left: 3px;
}
.payment-set h3 {
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin: 26px 0 16px 0;
}

.payment-set h3 span {
  font-size: 14px;
  background: #502e1f;
  padding: 4px 14px;
  color: #fff;
  border-radius: 100em;
  margin-right: 6px;
}

.payment-set01 h3 {
  font-size: 0.9em;
  font-weight: normal;
  display: inline-block;
  margin: 10px 0 8px 0;
  color: #fff;
  background: #d5ab30;
  padding: 2px 8px;
  border-radius: 2px;
  clear: both;
}

.payment-set01 .new_payment li {
  position: relative;
  display: table;
  float: left;
  width: 48.9%;
  margin: 0 0.1em 6px 0.1em;
  padding: 0 1em;
  line-height: 20px;
  border-radius: 0.2em;
  text-align: center;
  cursor: pointer;
  font-size: 1.2em;
  font-weight: bold;
  background: #fafafa;
  border: 1px solid #eff0f3;
}

.payment-set01 .new_payment li img {
  width: auto;
  max-height: 50px;
}

/*2020_04_03 payment_txt_img*/
.payment-set-list > li.payment_txt_img p {
  line-height: 105%;
  padding-top: 8px;
  margin: 0;
  margin-bottom: 5px;
  font-size: 0.88em;
}
.payment-set-list > li.payment_txt_img img {
  max-height: 40px;
}
/*add end*/

.payment-set-list-con {
  cursor: pointer;
}
.payment-set-list .payIcon {
  margin-top: 15px !important;
}

.payment-set-list .payIcon:first-child {
  margin-top: 10px !important;
}
.payment-set-list .payIcon:first-child + li {
  margin-top: 10px !important;
}

.payment-set-list .payIcon:nth-child(2) {
  margin-top: 10px !important;
}

.payment-set-list .payIcon + li {
  margin-top: 15px;
}
.payment-set-list .payIcon:nth-child(2n + 0) + li {
  margin-top: 0;
}

/*코인 리스트*/
.payment-set-list.payment-coin .payIcon {
  margin-top: 15px !important;
}

.payment-set-list.payment-coin .payIcon + li {
  margin-top: 15px !important;
}

/* .payment-coin .payicon:nth-child(odd) ~ li {
    margin-top: 15px !important;
} */

.payment-set-list.payment-coin:nth-child(2) > .payIcon {
  margin-top: 10px !important;
}

.payment-set-list.payment-coin:nth-child(2) .payIcon + li {
  margin-top: 10px !important;
}

/*2022_06_23*/
.payment-set-list > li.payment_con_wrap {
  padding: 0;
  border: 1px solid #b8b8b8;
}
.payment_con_wrap > div {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 10px;
}

.payment_con_wrap > div > :last-child {
  margin-bottom: 10px;
}

.payment__icon {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 20px;
  margin-top: 10px;
  margin-left: -9px;
  margin-right: -9px;
  text-align: center;
  margin-bottom: 0 !important;
  vertical-align: middle;
  background-color: #eeeeee;
}
.payment-set-list .payment_con_wrap img {
  max-height: 43px;
  max-width: 144px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.payment-set-list > li.payment_txt_img .method__name {
  margin: 0 7px 0 7px;
  text-align: left;
  letter-spacing: -0.5px;
  font-size: 10px;
  line-height: 13px;
  padding-top: 0;
}

span.pay-icon-flex {
  margin: 0 7px 0 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 68px;
  flex-basis: 68px;
  text-indent: -9999px;
  background-size: 99%;
}

/*2020_10_07 jp신용카드*/
.payment-step-wrapper01 .new_payment li.credit-count-06 {
  border-top-color: #eff0f3;
}
.payment-set-list > li.credit-count-06 span {
  padding-bottom: 5px;
}

.payment-set-list > li.credit-count-06 p {
  display: inline-block;
  padding: 5px 0.5em;
  line-height: 100%;
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 12px;
  background-color: #eff0f3;
  border-radius: 0 0 20px 20px;
}
.payment-set-list > li.credit-count-06 img {
  display: block;
  margin: 0 auto;
  height: 36px;
}

/*
.payment-set01 .new_payment li:hover {
    transition: .2s;
    background: #ffeded;
    border: 1px solid #e52e28;
}
*/

.payment-set01 .new_payment li span {
  position: relative;
  vertical-align: middle;
  display: table-cell;
  height: 4.3em;
}

.payment-set01 .new_payment li.on {
  background: #ffeded;
  border: 1px solid #e52e28;
}
.payment-set01 .new_payment li.on .payment__icon {
  background-color: #fff;
}

.payment-set01 {
  clear: both;
  display: block;
  /* overflow: hidden; */
  padding: 0 15px;
}

.payment-set01 h1 {
  font-size: 20px;
  margin-top: 10px;
  /* margin-bottom: 15px; */
}

/*coin/vip 영역 수정*/
.new_payment.coin_vip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}
.payment-set01 .new_payment.coin_vip li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 69px;
}

.payment-set01 .new_payment.coin_vip li span {
  display: block;
  height: auto;
  position: initial;
}

.payment-set01 .new_payment.coin_vip li span.pay-icon {
  position: absolute;
}

/*결제사 점검중*/
.payment-set01 .new_payment li .checking {
  width: 100%;
  display: table-row;
  vertical-align: middle;
}

.payment-set01 .new_payment li .checking span {
  display: block;
  height: auto;
  line-height: 100%;
  padding: 6px 0;
  color: #e52e28;
  margin-left: -15px;
  margin-right: -15px;
  font-size: 12px;
  background-color: #dddddd;
}

.payment-set01 .new_payment li.on .checking span {
  background-color: #fff;
}

/*2020_07_23 pay-icon*/
.payment-set01 .new_payment li .pay-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  width: 75px;
  height: 21px;
  padding: 4px 0 3px;
  border-top-left-radius: 10px;
  text-indent: -9999px;
  background-color: #eeeeee;
}
.icon-gompay {
  background: url(/assets/mobile/img/global/pm_gompay.png) 55% 50% no-repeat;
  background-size: 59px;
}
.icon-payletter {
  background: url(/assets/mobile/img/global/pm_payletter.png) 55% 50% no-repeat;
  background-size: 59px;
}
.icon-paymentwall {
  background: url(/assets/mobile/img/global/pm_paymentwall.png) 55% 50% no-repeat;
  background-size: 54px;
}
.icon-sbi {
  background: url(/assets/mobile/img/global/pm_sbi.png) 55% 50% no-repeat;
  background-size: 54px;
}

/*20200204 결제수단 추가*/
.icon-checkout {
  background: url(/assets/mobile/img/global/pm_checkout.png) 55% 50% no-repeat;
  background-size: 68px;
}

/*20220613 paypal추가*/
.icon-credit-paypal {
  background: url(/assets/mobile/img/global/ico_paypal.png) 55% 50% no-repeat;
  background-size: 65px;
}

/* 연령 확인 추가*/
.section_ageverif .age_confirm {
  margin: 10px 0 16px;
}

.section_ageverif .age_confirm h5 {
  font-size: 14px;
  margin-bottom: 10px;
  color: #00f49d;
}

.section_ageverif .age_confirm select {
  color: #2a2a2a;
  border-radius: 2px;
  line-height: 1em;
  padding: 0.6em;
  margin: 0 0.4em 0 0;
  font-size: 1em;
  font-weight: bold;
  border: 1px solid #ffffff;
  cursor: pointer;
  width: 30%;
  background: #fff url(/assets/mobile/img/global/select_arrow.jpg) no-repeat right 50%;
  background-size: 30%;
}

/* Select box 스타일 초기화 */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

.payment_sub_select {
  display: inline-block;
  background: #ffeded;
  padding: 0 12px;
  width: 100%;
  margin: -1px 3px 0;
}

/* form style */
.form-verify {
  height: 50px;
  background: transparent;
  border-radius: 0;
  border-width: 0 0 2px 0;
  font-size: 34px;
  text-align: center;
  letter-spacing: 10px;
  color: #fff;
}
.form-verify:hover,
.form-verify:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #fff;
  color: #fff;
}
.form-verify::-webkit-input-placeholder {
  font-size: 12px;
  letter-spacing: 0;
}
.form-verify::-ms-input-placeholder {
  font-size: 12px;
}
.form-verify::-moz-placeholder {
  font-size: 12px;
}
.form-verify:-ms-input-placeholder {
  font-size: 12px;
}
.form-verify::placeholder {
  font-size: 12px;
}

.form-alert {
  margin: 6px 0;
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
  letter-spacing: -0.5px;
  color: #f8130e;
}
.form-alert + .button_send {
  margin-top: 15px;
}

/* iti */
.form-tel .iti {
  display: block;
}
.form-control--iti {
  background: transparent;
  border-radius: 0;
  border-width: 0 0 2px 0;
  color: #fff;
}
.form-control--iti:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #fff;
}

/* Reactivate VIP */
.gnb-header .gnb-header-2 .caption .gnb-myinfo .vip_restart {
  display: table;
  padding: 3px 10px 2px;
  background: #ee3230;
  border-radius: 2px;
  clear: both;
  margin: 5px 0 0 0;
}

.gnb-header .gnb-header-2 .caption .gnb-myinfo .vip_restart_comp {
  display: table;
  padding: 3px 10px 2px 0;
  border-radius: 2px;
  clear: both;
  color: #00f717;
  margin: 5px 0 0 0;
}

.gnb-header .gnb-header-2 .caption .gnb-myinfo .vip_restart_comp .material-icons {
  font-family: "Material Icons";
  font-size: 17px;
  width: 17px;
  height: 17px;
  vertical-align: bottom;
  margin-left: 3px;
}

select.arrow {
  color: #2a2a2a;
  border-radius: 2px;
  line-height: 1em;
  padding: 0.6em;
  margin: 0 0.4em 0 0;
  font-size: 1em;
  font-weight: bold;
  border: 1px solid #ffffff;
  cursor: pointer;
  background: #fff url(/assets/mobile/img/global/select_arrow.jpg) no-repeat right 50%;
  background-size: 25px;
}

.section_vip_restart_wrap {
  display: table;
  background: url(/assets/mobile/img/global/bg_vip_restart.png) no-repeat;
  background-size: cover;
  width: 100%;
  height: 13em;
  color: #fff;
  text-align: center;
  position: relative;
  margin: 0 0 0.2em 0;
}

.section_vip_restart_wrap .section_vip_restart {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  padding: 0.4em 2em;
  text-align: center;
}

.section_vip_restart_wrap .section_vip_restart .icon {
  background: url(/assets/mobile/img/global/icon/ico_notice05.png) no-repeat;
  text-indent: -9999px;
  width: 1.8em;
  height: 1.8em;
  background-size: 1.8em 1.8em;
  text-align: center;
  margin: 0 auto 1em;
}

.section_vip_restart_wrap .section_vip_restart .icon_check {
  background: url(/assets/mobile/img/global/ico_check.png) no-repeat;
  text-indent: -9999px;
  width: 2.5em;
  height: 2.5em;
  background-size: 2.5em;
  text-align: center;
  margin: 0 auto 1em;
}

.section_vip_restart_wrap .section_vip_restart h2 {
  font-size: 1.5em;
  line-height: 1.2em;
  margin: 0.3em auto 0.3em;
  padding: 0 2em;
}

.section_vip_restart_wrap .section_vip_restart h3 {
  font-size: 2.6em;
  margin: 0.4em auto 0.1em;
  padding: 0 1em;
}

.section_vip_restart_wrap .section_vip_restart .sub_text {
  color: #8a8a8a;
  font-size: 1em;
  padding: 0 1em;
  line-height: 1.4em;
  margin: 0;
}

.section_vip_restart_wrap .section_vip_restart .sub_text01 {
  color: #00aac3;
  margin: 0 0 4px 0;
}

.section_vip_restart_wrap .section_vip_restart .sub_text02 {
  color: #00deff;
  font-size: 1.2em;
  padding: 0 3em;
  line-height: 1.4em;
  margin: 0 0 0.2em 0;
}

.section_vip_restart_wrap .section_vip_restart button {
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 0.6em auto 0;
  background: #ee2d2f;
  border: none;
  border-radius: 50em;
  padding: 0.1em 1.6em;
  font-weight: bold;
  height: 2em;
}

.section_vip_restart_wrap .close {
  position: absolute;
  display: block;
  right: 4%;
  top: 0.6em;
  height: 0.7em;
  width: 0.7em;
  background: url(/assets/mobile/img/global/icon/btn_close.png) no-repeat;
  background-size: cover;
  cursor: pointer;
  opacity: 1;
}

/* Skrill 이메일 confirm 팝업 */
.section_skrill-confirm_box {
  /* background: #ffffff; */
  /* border-radius: 6px; */
  /* position: relative; */
  max-height: 96vh;
  font-weight: normal;
  font-family: "Apple SD Gothic Neo", STHeiti, "Microsoft YaHei", 宋体, arial, "Malgun Gothic", "맑은고딕", Dotum, "돋움", Helvetica, Arial, sans-serif;
}

.section_skrill-confirm_box .modal-body {
  padding: 0;
  border-radius: 10px !important;
}

.section_skrill-confirm_box .modal-skrill-box {
  margin: 18px;
}

.section_skrill-confirm_box .modal-content {
  padding: 0;
  border-radius: 6px;
}

.section_skrill-confirm_box h4 {
  text-align: center;
  font-size: 1.5em;
  margin-bottom: 8vw;
}

.section_skrill-confirm_box .section_confirmin {
  padding: 8vw 5vw 5vw 5vw;
  clear: both;
  overflow: auto;
}

.section_confirmin .form_confirm {
  display: block;
  width: 100%;
  height: 9vw;
  padding: 1vw 0;
  font-size: 4.6vw;
  color: #000;
  background-color: #fff;
  background-image: none;
  border-bottom: 1px solid #dadbdf;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  text-align: center;
}

.section_confirmin .section_confirmin_sub {
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 4vw 0 3vw 0;
  font-size: 4vw;
}

.section_confirmin .section_confirmin_sub .confirm_agree {
  color: #67697c;
  padding-left: 2px;
  display: block;
  padding: 0.4em 0 0.3em;
  margin: 0 auto;
}

.section_confirmin .error_ms {
  color: #ff0000;
  font-size: 3.2vw;
}

.section_skrill-confirm_box button {
  background: #dadbdf;
  border: none;
  color: #fff;
  font-weight: bold;
  width: 78vw;
  text-align: center;
  margin: 0 auto;
  clear: both;
  display: table;
  padding: 2.6vw 0;
  font-size: 5vw;
  border-radius: 30vw;
  margin: 6vw auto 10vw auto;
}

.section_skrill-confirm_box .close_popup {
  background: url(/assets/mobile/img/global/btn_close_popup.png) no-repeat 50% 50%;
  background-size: 12vw;
  width: 12vw;
  height: 12vw;
  position: absolute;
  text-indent: -9999px;
  top: -5vw;
  right: -6vw;
  margin: 0;
}

.section_confirmin .section_confirmin_sub .confirm_agree .confirm_chk_box {
  width: 4.6vw;
  height: 4.6vw;
}

/* Skrill 이메일 confirm 팝업 */

/* 에피소드 배너 영역 추가 */
.normal_ep-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100px;
  padding: 0 10px;
  background: url(/assets/mobile/img/banner/episode.png) no-repeat;
  background-size: cover;
}
.normal_ep-text {
  text-align: center;
  color: #fff;
}
.normal_ep-btn {
  min-width: 100px;
  height: 26px;
  padding: 0 10px;
  border-radius: 26px;
  background-color: #ff0004;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  color: #fff;
}

/* payment badge */
.pay-badge {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  /* height: 20px; */
  padding: 3px 10px;
  border-radius: 10px;
  border: 1px solid transparent;
  background-color: #fff;
  line-height: 120%;
  -webkit-transform: translate(-50%, -76%);
  -ms-transform: translate(-50%, -76%);
  transform: translate(-50%, -76%);

  font-size: 11px;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 600;
  white-space: nowrap;
}

/*2020_04_08두줄일 경우*/
.pay-badge.multiline {
  /* height: 35px; */
  padding: 2px 10px;
  border-radius: 18px;
  /* line-height: 15px;
    transform: translate(-50%, -25px); */
}

.pay-badge__red {
  border-color: #e52e28;
  color: #e52e28;
}
.pay-badge__blue {
  border-color: #2756eb;
  color: #2756eb;
}
.pay-badge__fasteasy {
  border-color: #22b2df;
  color: #22b2df;
}

/* 2020_04_06 일본 결제페이지 수정건 */
.pay-badge.jp {
  left: 0;
  border-radius: 0.769em;
  -webkit-transform: translate(0, -45%);
  -ms-transform: translate(0, -45%);
  transform: translate(0, -45%);
}
.section_payment_en02 .pay-badge.jp.pay-badge__blue {
  height: 30%;
  color: #2756eb;
  font-size: 0.692em;
  font-weight: 600;
}
.section_payment_en02 .pay-badge.jp.pay-badge__red {
  height: 30%;
  color: #e52e28;
  font-size: 0.692em;
  font-weight: 600;
}

/* 2020_04_08 해지 보류 페이지*/
.hold_cancel {
  margin-bottom: 0 !important;
  background: url(/assets/mobile/img/global/bg_hold_cancel.png) no-repeat;
  background-size: cover;
  background-position: 50% 0;
}
.section_check {
  min-height: 568px;
  padding: 22% 10%;
  text-align: center;
}
.section_check h4 {
  line-height: 128%;
  font-size: 1.846em;
  color: #fff;
  text-transform: uppercase;
}
.section_check button {
  margin: 0 auto;
  padding: 18px 14%;
  line-height: 100%;
  border-radius: 5px;
  font-size: 1.308em;
  font-weight: bold;
  background: #ee312f;
  border: 1px solid #ee312f;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  -webkit-box-shadow: -1px 5px 15px -5px rgba(0, 0, 0, 0.8);
  box-shadow: -1px 5px 15px -5px rgba(0, 0, 0, 0.8);
}
.section_check .sub_text {
  margin: 30px 0px 40px;
  font-size: 1em;
  color: rgba(255, 255, 255, 0.8);
  font-weight: normal;
}
.giveup_free {
  margin-top: 30px;
}
.giveup_free a {
  display: inline-block;
  font-size: 1em;
  color: rgba(157, 149, 152, 0.6);
  border-bottom: 1px solid rgba(157, 149, 152, 0.6);
}

/*new comics 페이지*/
.new__comics {
  padding: 17px 7px 15px;
}

.new__comics h3 {
  margin-left: 0;
  margin-bottom: 7px;
}

.new__comics__con {
  margin-bottom: 15px;
  background-color: #000;
  border-radius: 8px;
  overflow: hidden;
}

.new__comics__con__wrap {
  background-size: cover !important;
  width: 100%;
  min-height: 175px;
  background-position: left top !important;
}
.new__comics__con h1 {
  color: #fff;
  font-size: 26px;
  margin-bottom: 15px;
  max-width: 500px;
  line-height: 27px;
  font-weight: 500;
  word-break: keep-all;
}

.new__comics__info {
  position: relative;
  margin: 0 auto;
  min-height: 175px;
  background-size: cover !important;
}

.new__comics__con .title_content_box {
  color: #fff;
  width: 51vw;
  height: 175px;
  display: table-cell;
  vertical-align: bottom;
  background-image: -o-linear-gradient(right, transparent, rgba(0, 0, 0, 0.71) 40%, #000);
  background-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.71)), to(#000));
  background-image: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.71) 40%, #000);
  padding: 10px 0 15px 0;
}

.new__comics__con .title_content {
  margin-left: 20px;
}

.new__comics__con .type_box {
  margin-bottom: 5px;
}
.new__comics__con .etc {
  width: 100%;
}
.new__comics__con span[class^="ico_"] {
  display: inline-block;
  float: none;
  border-radius: 3px 3px;
  font-size: 10px;
  margin-bottom: 0;
}
.new__comics__con .type {
  color: #31ded9;
  font-size: 12px;
  font-weight: 500;
}

.new__comics__con .title_content h2 {
  color: rgba(255, 255, 255, 0.85);
  font-size: 11px;
  font-weight: normal !important;
  margin-bottom: 12px;
}

.new__comics__con .wrap-star_ch {
  margin-bottom: 0 !important;
}
.new__comics__txt {
  padding: 15px 20px;
  line-height: 16px;
  text-align: left;
  font-size: 12px;
  color: #fff;
  word-break: break-word;
  background-color: #383840;
  font-weight: 300;
}

.new__comics__info .wrap-star_ch {
  line-height: 15px;
  height: 15px;
}

.new__comics__info .stars_text_ch {
  font-size: 15px;
  vertical-align: middle;
}
.new__comics__info .stars-xs_ch {
  background: url(/assets/mobile/img/global/ico_mb.png) no-repeat -5px -52px;
  height: 15px;
  width: 79px;
  margin-right: 0;
  background-size: 110px 2000px;
}
.new__comics__info .stars_ch {
  height: 15px;
  background: url(/assets/mobile/img/global/ico_mb.png) no-repeat -5px -34px;
  background-size: 110px 2000px;
}
.new__comics__info .section_remai {
  right: 20px;
  bottom: 14px;
  font-size: 15px;
  background-color: rgba(0, 0, 0, 0.7);
}

/*new페이지 타입 추가 20210531*/
.new__comics.type-b h3 {
  display: block;
}

span.type_top10 {
  background: #383840;
  border-radius: 0.1em;
  border-left: 0.15em solid #ff0806;
  padding: 0 2%;
  font-size: 14px;
  color: #fff;
  display: inline-block;
}

.new__comics__con.ep__type-b .ep-cover_ch {
  background-size: cover !important;
  width: 100%;
  height: 460px;
  background-position: center !important;
}
.new__comics__con.ep__type-b .type {
  margin-right: 3px;
  font-size: 10px;
}
.new__comics__con.ep__type-b .title_content_box {
  padding-top: 50px;
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.7)));
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}

.new__comics__con.ep__type-b .title_content {
  margin-left: 0;
}

.new__comics__con.ep__type-b .date {
  color: #000;
  background: #fff;
  border-radius: 40px;
  font-weight: bold !important;
  margin-right: 2px;
  padding: 2px 4px;
  font-size: 10px;
}
.new__comics__con.ep__type-b .writer {
  display: inline-block;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: normal;
  font-size: 10px;
}

.new__comics__con.ep__type-b .title_content h2 {
  color: #fff;
}
.new__comics__con.ep__type-b span[class^="ico_"] {
  line-height: 15px;
  padding: 2px 4px;
  border-radius: 10px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.new__comics__con.ep__type-b span.ico_15plus {
  border-top-width: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.new__comics__con.ep__type-b .episode_sns .first_episode {
  font-weight: 300;
}

.new__comics__con.ep__type-b .section_remai {
  position: static;
  font-size: 11px;
  padding: 3px 4px;
}

/*홈 화면에 추가*/
.notice__popup {
  position: fixed;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 50;
}
.notice__popup.bottom {
  width: 100%;
  bottom: 0;
  background-color: rgba(32, 31, 47, 0.95);
}
.home-plus {
  display: table;
  width: 100%;
  min-height: 75px;
  padding: 10px 8px 10px 10px;
}
.home-plus__icon {
  display: table-cell;
  width: 40px;
  height: 40px;
  vertical-align: middle;
}

.home-plus__txt {
  display: table-cell;
  font-size: 12px;
  line-height: 17px;
  color: #fff;
  padding: 0 6.5% 0 10px;
  word-break: break-word;
  vertical-align: middle;
}

.home-plus__txt .icon-share {
  display: inline-block;
  width: 15px;
  height: 18px;
  margin-right: 2px;
  vertical-align: text-bottom;
}

.home-plus__txt .icon-share:before {
  display: none;
}

.home-plus__txt b {
  font-weight: bold;
  color: #ff1f2f;
}

.notice__close {
  display: table-cell;
  width: 22px;
  height: 22px;
  vertical-align: middle;
}

/*코인페이지 20211129*/
/*abloader*/
.abloader {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 100;
}
.abloader--dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.abloader.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.abloader-inner {
  font-size: 5px;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  text-indent: -9999em;
  border-top: 3px solid #c62828;
  border-right: 3px solid#fff;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.abloader-inner,
.abloader-inner:after {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}
.abloader-text {
  margin-top: 20px;
  padding: 0 15px;
  line-height: 1.6;
  color: #fff;
  text-align: center;
}
.abloader-text__title {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 26px;
}
.abloader-text__sub {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 20px;
}
.abloader-text__caution {
  font-size: 24px;
  line-height: 35px;
  font-weight: 600;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.tcoin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
}
.tcoin a {
  color: #1a1a1a;
}
.tcoin a:hover,
.tcoin a:focus {
  color: #0e0e0e;
}
.tcoin i[class^="sp-"] {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  font-style: normal;
  line-height: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-indent: -9999px;
}
.sp-icon2__refresh {
  width: 16px;
  height: 16px;
  background: url(/assets/mobile/img/global/coin_page/refresh@2x.png) no-repeat;
  background-size: 100% 100%;
}
.sp-icon2__logo-sm {
  width: 78px;
  height: 13px;
  background: url(/assets/mobile/img/global/coin_page/logo-sm@2x.png) no-repeat;
  background-size: 100% 100%;
}
.tcoin-header {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  height: 48px;
  background: #fff;
  text-align: center;
}
.tcoin-header h1 {
  font-size: 18px;
  line-height: 48px;
  font-weight: normal;
}
.tcoin-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  background: #eff1f2;
  padding: 60px 15px;
  overflow: auto;
}
.tcoin-body--white {
  background: #fff;
}

.tcoin-steps-wraper {
  background: #eff1f2;
}
.tcoin-steps-wraper .tcoin-body {
  max-width: 360px;
  margin: 0 auto;
  padding-bottom: 90px;
}

.tcoin-title {
  margin-top: -32px;
  margin-bottom: 20px;
  line-height: 35px;
  font-size: 24px;
}
.tcoin-steps > li {
  margin-bottom: 20px;
}
.tcoin-steps > li img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tcoin-steps > li:last-child {
  margin-bottom: 0;
}

.tcoin-steps-num {
  display: inline-block;
  padding: 5px 15px;
  margin-bottom: 10px;
  font-size: 13px;
  color: #fff;
  background-color: #222222;
  border-radius: 17px 17px;
}
.tcoin-sub__title {
  margin-bottom: 10px;
  color: #222222;
  font-size: 15px;
  font-weight: 600;
}

.tcoin-steps__img {
  position: relative;
  padding: 10px 10px;
  border: 2px solid #222222;
  border-radius: 20px 20px;
  background-color: #fff;
}
.tcoin-steps__img + .tcoin-steps__img {
  margin-top: 30px;
}

.tcoin-steps > li:first-child .tcoin-steps__img {
  min-height: 180px;
  padding: 10px 10px;
  /* background: url('/assets/mobile/img/global/coin_page/img_con01@2x.png') no-repeat; */
}
.tcoin-steps__pointer {
  position: absolute;
  bottom: -20px;
  min-width: 200px;
  min-height: 40px;
  right: 10%;
  text-align: center;
  padding: 10px 46px 10px 30px;
  background-color: rgba(238, 49, 47, 0.9);
  border-radius: 5px 5px;
}
.tcoin-steps__pointer:after {
  content: "";
  width: 60px;
  height: 90px;
  position: absolute;
  bottom: 0;
  right: -8px;
  background: url("/assets/mobile/img/global/coin_page/img_touch@2x.png") no-repeat;
  background-size: cover;
}
.pointer-position .tcoin-steps__pointer {
  bottom: 55px;
}
.pointer-img {
  width: 60px;
  height: 90px;
  position: absolute;
  bottom: -30px;
  right: 30px;
}

@media (max-width: 340px) {
  .pointer-position .tcoin-steps__pointer {
    bottom: 45px;
    right: 8px;
  }

  .pointer-img {
    bottom: -35px;
    right: 20px;
  }
}

.tcoin-steps__pointer-txt {
  font-size: 14px;
  color: #fff;
  font-weight: 300;
}

.install-info {
  width: 220px;
  margin: 0 auto;
  padding: 8px 8px;
  font-size: 13px;
  text-align: center;
  font-weight: 300;
  color: #fff;
  background-color: #ee312f;
  border-radius: 5px 5px;
}

.tcoin-inner {
  max-width: 312px;
  margin: 0 auto;
}

.tcoin-payinfo {
  margin: -32px -15px 0;
  padding: 24px 34px 15px;
  background: #eaf5ff;
}
.tcoin-payinfo__logo {
  display: block;
  text-align: right;
  margin-bottom: 16px;
}
.tcoin-payinfo dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
}
.tcoin-payinfo dt,
.tcoin-payinfo dd {
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  -webkit-box-flex: 1;
  padding: 6px 0;
  white-space: nowrap;
  font-size: 16px;
  letter-spacing: -0.5px;
  color: #0e0e0e;
  font-weight: normal;
  line-height: 100%;
}
.tcoin-payinfo dd {
  text-align: right;
  font-weight: 700;
}

.tcoin-myinfo {
  padding-top: 24px;
}
.tcoin-myinfo h2 {
  font-weight: 500;
  font-size: 14px;
}
.form-wallet {
  width: 100%;
  height: 48px;
  margin-top: 12px;
  padding: 0 18px;
  border-radius: 4px;
  border: 1px solid #e1e1e1;
  background-color: #fff;
  outline: none;
}
.tcoin-myinfo__own {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  letter-spacing: -0.5px;
  font-size: 14px;
}
.tcoin-myinfo__own em {
  font-weight: 700;
}
.tcoin-myinfo__use {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 72px;
  margin-top: 12px;
  padding: 0 18px;
  border-radius: 4px;
  border: 1px solid #e1e1e1;
  background: #f5f5f5;
}
.tcoin-myinfo__label {
  color: #888;
}

.tcoin-myinfo__coin {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
}
.tcoin-myinfo__krw {
  display: block;
  margin-top: 6px;
  font-size: 11px;
}
.tcoin-myinfo__error {
  display: block;
  margin-top: 20px;
  color: #ee312f;
  text-align: center;
  font-size: 14px;
}

.tcoin-rguide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 24px;
  font-size: 13px;
  letter-spacing: -0.5px;
}
.tcoin-rguide i {
  margin-right: 4px;
}
.tcoin-inner .btn + .btn {
  margin-left: 4px;
}
.tcoin-inner .btn.btn-block {
  display: block;
  width: 100%;
  margin-top: 0;
}
.tcoin-inner .btn.btn-lg {
  font-size: 17px;
}
.tcoin-inner .btn-gray-outlined {
  background-color: transparent;
  border-color: #e1e1e1;
  color: #1a1a1a;
}
.tcoin-inner .btn-red {
  background-color: #d50000;
  color: #f5f5f5;
}

.tcoin-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  margin-bottom: 50px;
}
.tcoin-btns > button:nth-child(1) {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}
.tcoin-btns button:disabled {
  background-color: #e1e1e1 !important;
  border-color: #ccc !important;
  color: #bbb !important;
}
.well {
  margin-bottom: 16px;
  padding: 16px 20px;
  border-radius: 4px;
  border: 1px solid #f5f5f5;
  background-color: #fcfcfc;
  font-size: 12px;
  line-height: 1.3;
  color: #727272;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.well__title {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #727272;
}
.dot-list > li {
  position: relative;
  padding-left: 8px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: -0.5px;
  color: #727272;
}
.dot-list > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #9e9e9e;
}
.dot-list > li ~ li {
  margin-top: 4px;
}
.tcoin-footer {
  -ms-flex: none;
  flex: none;
  -webkit-box-flex: 0;
}
.tcoin-footer > button {
  border-radius: 0 !important;
}

/*결제완료 페이지*/
.tcoin-complete {
  padding: 70px 20px 40px;
}
.tcoin-complete .complete__title {
  font-size: 49px;
}
.tcoin-complete .complete__info__txt {
  margin: 20px auto;
  font-size: 20px;
  line-height: 29px;
  font-weight: 600;
}
.tcoin-calculate {
  /* width: 320px; */
  margin: 0 auto 40px;
}
.tcoin-calculate ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
}
.tcoin-calculate__name {
  font-size: 14px;
  color: #fff;
  font-weight: 300;
  text-align: left;
  opacity: 0.6;
}
.tcoin-calculate__amount {
  margin-left: 5px;
  font-size: 14px;
  padding-right: 5px;
  font-weight: 600;
  color: #fff;
}
.tcoin-calculate__amount.text-red {
  color: #ff4a61;
}
.tcoin-calculate__result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 15px;
  margin-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
}
.tcoin-calculate__result .tcoin-calculate__name {
  opacity: 1;
}
.tcoin-calculate__result .tcoin-calculate__amount {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
.tcoin-complete .btn_goback {
  padding: 12px 20px;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  text-shadow: none;
}
.tcoin-complete .btn_gohome {
  margin: 20px 0 0;
  font-size: 16px;
  font-weight: 300;
}
.tcoin-complete .btn_gohome a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tcoin-complete .btn_gohome p {
  text-align: left;
}
/*코인페이지 끝*/

/*해지자,결제유보자 재결제 완료*/
.tcoin-complete .free-oneMonth-info {
  padding-top: 10px;
  margin: 0 auto 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
}
.tcoin-complete .free-oneMonth-period {
  margin-top: 10px;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
}
.tcoin-complete .free-oneMonth-period span {
  color: #00f99f;
}

.tcoin-complete .free-oneMonth-info div {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.tcoin-complete .free-oneMonth-info .sm-txt {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 300;
}

/* 2020_04_07 모달 공통*/
.top_line_red,
.top_line-deepblue {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.top_line_red > div:first-child {
  border-top: 5px solid red;
}
.top_line-deepblue > div:first-child {
  border-top: 5px solid #083b58;
}
.section_sign_box .modal_con {
  text-align: center;
}
.section_sign_box .popup__title {
  text-align: left;
  font-size: 2em;
  font-weight: bold;
  color: #323232;
}
.section_sign_box .notice {
  font-size: 14px;
  color: red;
}
.section_sign_box .modal_btns {
  width: 88%;
  max-width: 375px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}
.section_sign_box .btn {
  line-height: 100%;
  padding: 0.98em 0;
  margin: 2em auto 0;
}
.section_sign_box .modal_btns .btn {
  float: left;
  width: 47.2%;
  margin-right: 5.4%;
  margin-top: 0;
  clear: none;
}
.section_sign_box .modal_btns .btn:last-child {
  margin-right: 0;
}
.section_sign_box .pink_red_btn {
  width: 18em;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 1.2em;
  padding: 0.85em 0;
  background: #ee312f;
  border: 2px solid #ee312f;
  border-radius: 30px;
}
.section_sign_box .red_btn {
  max-width: 18em;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 1.2em;
  background: #ff0000;
  border: none;
  border-radius: 30px;
}
.section_sign_box .white_btn {
  width: 18em;
  padding: 0.85em 0;
  color: #a7aeb7;
  font-weight: bold;
  text-align: center;
  font-size: 1.2em;
  background: #fff;
  border: 2px solid #a7aeb7;
  border-radius: 30px;
}

.section_sign_box .gray_btn {
  max-width: 18em;
  padding: 0.85em 0;
  color: #323232;
  font-weight: bold;
  text-align: center;
  font-size: 1.2em;
  background: #f0f0f0;
  border: 2px solid #f0f0f0;
  border-radius: 30px;
}

.section_sign_box .small-txt {
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: #666666;
  word-break: break-word;
}
.section_sign_box .modal_con_wrap {
  padding: 30px 15px;
}
/*
    modal_con안에 모달이 두개 들어갈 경우,
    상단에 붉은색 radius 라인 적용하기위함
    class="top_line_red"
*/
.modal_con_wrap.top_line_red {
  border-radius: 7px 5px 0 0;
  border-top: 5px solid red;
}

.section_sign_box .modal_title {
  font-size: 16px;
  line-height: 32px;
}
.section_sign_box .modal_txt-sm {
  font-size: 14px;
  line-height: 21px;
  color: #646464;
}

/*공통 끝*/

/*모달창 링크관련*/
.link {
  display: inline-block;
  text-decoration: underline;
}
.link:active,
.link:focus,
.link:hover {
  text-decoration: underline;
}
/* 2020_04_02 성별선택 모달창 추가건 */
.section_sign_box .modal-dialog {
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}
.section_sign_box.gender_select .modal_con {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.section_sign_box.gender_select .gender_text {
  padding: 10% 3.5% 0;
  border-top: 4px solid red;
  text-align: center;
}
.section_sign_box.gender_select .gender_text h3 {
  line-height: 1;
  font-size: 1.692em;
  margin-bottom: 4.4%;
}
.section_sign_box.gender_select .gender_text p {
  width: 97%;
  padding-bottom: 7.5%;
  margin: 0 auto;
  font-size: 1em;
  color: #646464;
  border-bottom: 1px solid #dcdcdc;
}
.section_sign_box.gender_select .gender_btns {
  padding: 7.5% 8.9% 10.5%;
}
.section_sign_box.gender_select .gender_btns ul {
  max-width: 460px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}
.section_sign_box.gender_select .gender_btns li {
  float: left;
  position: relative;
  width: 31.3%;
  margin-left: 3%;
}
.section_sign_box.gender_select .gender_btns li:first-child {
  margin-left: 0;
}
.section_sign_box.gender_select .gender_btns li a {
  display: block;
  width: 100%;
}
.section_sign_box.gender_select .gender_btns li a span {
  position: absolute;
  bottom: 18.2%;
  display: block;
  width: 100%;
  font-weight: normal;
  font-size: 1em;
  color: #fff;
}
.section_sign_box.gender_select .gender_btns li.unknown a span {
  color: #333;
}

/* 2020_04_07*/
/*email_verification*/
.email_verification {
  padding: 7% 6% 8.5%;
}
.section_sign_box .email_verification h3 {
  font-size: 1.769em;
}
.email_verification p {
  width: 97%;
  padding: 5% 0;
  margin: 0 auto;
  font-size: 1.077em;
  color: #646464;
}
.section_sign_box .email_verification .pink_red_btn {
  width: 40%;
  margin: 0 auto;
}
.section_sign_box .email_verification .notice {
  margin-bottom: 20px;
}

/*vip membership cancel 모달창*/
.vip_cancel {
  padding: 6.6% 6% 9.7%;
}
.vip_cancel span {
  display: inline-block;
  max-width: 460px;
}
.vip_cancel p {
  line-height: 1.385em;
  padding-top: 7%;
  margin-bottom: 7.36%;
  font-size: 1.538em;
  font-weight: bold;
}

/*giveup_cancel 모달창*/
.giveup_cancel {
  padding: 9.7% 10% 9.7%;
}
.giveup_cancel p {
  max-width: 316px;
  line-height: 1.385em;
  margin: 0 auto 8%;
  font-size: 1.538em;
  font-weight: bold;
}

/*free_one_month 모달창*/
.free_one_month {
  padding: 7.2% 8% 9.7%;
}
.free_one_month span {
  display: inline-block;
  width: 68%;
  max-width: 330px;
}
.free_one_month p {
  padding-top: 7%;
  line-height: 1.385em;
  margin: 0 auto;
  font-size: 1.538em;
  font-weight: bold;
}

.free_one_month .small-txt {
  /* width: 72%; */
  margin: 4.444% auto 8%;
  padding-top: 0;
}

.free_one_month .btn {
  width: 48%;
  margin: 0 auto;
}

/*credit gompay*/
.section_sign_box .modal-dialog.credit {
  width: 90%;
  /* height: auto; */
  margin: 0 auto;
}
.credit__con {
  position: relative;
  text-align: left;
  padding: 0 2.6% 8.3%;
}
.credit .popup__title {
  padding-top: 8.6%;
  margin-bottom: 4.5%;
}

.credit .popup__title span {
  display: block;
}
.credit__info {
  margin-bottom: 6%;
}
.credit__choice {
  margin-bottom: 4px;
  font-size: 0;
}
.credit__choice > a {
  position: relative;
  display: inline-block;
  width: calc(96% / 4);
  line-height: 0;
  max-height: 70px;
  min-width: 72px;
  min-height: 35px;
  margin-right: 1.15%;
  margin-bottom: 4px;
  padding: 5.2% 0;
  vertical-align: middle;
  text-indent: -9999px;
  border: 2px solid #dcdcdc;
  opacity: 0.5;
  border-radius: 6px 6px;
  background: url(/assets/mobile/img/global/popup_credit_card_icon_06.png) no-repeat;
  background-size: 600%;
  cursor: default;
}
.credit__choice > a:nth-child(4n-0) {
  margin-right: 0;
}
.credit__choice > a.active {
  opacity: 1;
  border-color: #1f94d7;
}
.credit__choice > a.active:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -8px;
  left: -8px;
  width: 26px;
  height: 25px;
  background: url(/assets/mobile/img/global/icon_check.png) no-repeat 1px 1px;
  background-size: 24px;
}
.credit__card.visa {
  background-position: 0% 50%;
}
.credit__card.master {
  background-position: 20% 50%;
}
.credit__card.jcb {
  background-position: 40% 50%;
}
.credit__card.amex {
  background-position: 60% 50%;
}
.credit__card.diners {
  background-position: 80% 50%;
}
.credit__card.discover {
  background-position: 100% 50%;
}

.credit__info__con {
  border-top: 2px solid #000;
}
.credit__info__con ul {
  margin-bottom: 3.88%;
}
.credit__info__con li {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 2px solid #dcdcdc;
}
.pay-title {
  position: relative;
  display: table-cell;
  width: 30%;
  padding: 0 1.5% 0 2.77%;
  vertical-align: middle;
  font-size: 1em;
  color: #fff;
  font-weight: bold;
  background-color: #083b58;
}
.pay-txt {
  padding: 8px 1.8% 8px 1.8%;
  font-size: 1.077em;
  color: #787878;
}
.pay-txt .w-long {
  width: 100%;
}
.pay-txt .w-small {
  width: 16%;
  min-width: 100px;
}
.pay-txt input,
.pay-txt .pay-data {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  font-size: 1.077em;
  color: #787878;
  text-indent: 6px;
  border: 1px solid #dcdcdc;
  vertical-align: middle;
}
.pay-txt .pay-data {
  line-height: 38px;
}

.pay-data > div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.pay-data .icon-container {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  margin: 0 6px;
  text-indent: -9999px;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
/* .pay-txt .icon-container img {
    max-width: inherit;
} */
.pay-txt iframe {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  overflow: hidden;
  border: 0;
  -webkit-tap-highlight-color: transparent;
}
.pay-txt ::-webkit-input-placeholder {
  color: #c8c8c8;
}
.pay-txt :-ms-input-placeholder {
  color: #c8c8c8;
}
.pay-txt ::-moz-placeholder {
  color: #c8c8c8;
}
.pay-txt ::-ms-input-placeholder {
  color: #c8c8c8;
}
.pay-txt ::placeholder {
  color: #c8c8c8;
}
.input__wrap {
  display: inline-block;
  max-width: 300px;
  border: 1px solid #dcdcdc;
}
.input__wrap input {
  width: 100%;
  margin: 0;
  font-size: 1.077em;
  border: none;
  outline: none;
}

.pay-info-txt {
  margin-top: 5px;
  margin-bottom: 0;
  line-height: 14px;
  font-size: 10px;
  font-weight: 600;
  color: #787878;
  word-break: keep-all;
}

.credit__total {
  font-size: 1.538em;
  font-weight: bold;
  color: #323232;
  text-align: center;
}
.credit__total-red {
  color: #ff0000;
}
/*버튼*/
.credit .btn-single {
  width: 100%;
  padding: 20px 0;
  margin: 0 auto;
  font-size: 1.462em;
  font-weight: bold;
  color: #fff;
  background-color: #969696;
  border-radius: 7px;
}
.credit .btn-single.success {
  background-color: #1f94d7;
}

.access-terms {
  padding-top: 3.8%;
  margin-bottom: 0;
  font-size: 0.923em;
  color: #787878;
  font-weight: 600;
  text-align: center;
  word-break: keep-all;
}

/*입력값 오류*/
.error input,
.error .input__wrap,
.error .pay-data {
  border-color: #ff0000;
}
.error .pay-info-txt {
  color: #ff0000;
}
/*입력값 성공*/
.success .pay-title:after {
  content: "";
  /* position: absolute; */
  top: 50%;
  display: inline-block;
  margin-left: 2px;
  margin-top: -2px;
  width: 15px;
  height: 12px;
  vertical-align: middle;
  background: url(/assets/web/img/global/icon_check.png) no-repeat 1px -25px;
  background-size: 24px;
}

/*checkout 결제*/
#checkout .credit__con {
  padding-bottom: 20px;
}
#checkout .credit .popup__title {
  font-size: 22px;
  padding-top: 32px;
  margin-bottom: 3.2%;
}
#checkout .checkout__logo {
  width: 180px;
}
#checkout .credit__info__con li {
  border-bottom-width: 1px;
}
#checkout .pay-title {
  padding-right: 21px;
}
#checkout .access-terms {
  font-weight: 400;
}
#checkout .access-terms a {
  color: #1f94d7;
}

#checkout .success .pay-title:after {
  position: absolute;
  right: 6px;
  margin-top: -6px;
}

#checkout .btn-single {
  font-size: 1.235em;
}

/*20200204 카드 아이콘*/
.icon-container.amex {
  background-image: url(/assets/web/img/global/icon/card-icons/american-express.svg);
}
.icon-container.diners {
  background-image: url(/assets/web/img/global/icon/card-icons/diners-club.svg);
}
.icon-container.discover {
  background-image: url(/assets/web/img/global/icon/card-icons/discover.svg);
}
.icon-container.jcb {
  background-image: url(/assets/web/img/global/icon/card-icons/jcb.svg);
}
.icon-container.mada {
  background-image: url(/assets/web/img/global/icon/card-icons/mada.svg);
}
.icon-container.maestro {
  background-image: url(/assets/web/img/global/icon/card-icons/maestro.svg);
}
.icon-container.mastercard {
  background-image: url(/assets/web/img/global/icon/card-icons/mastercard.svg);
}

.icon-container.visa {
  background-image: url(/assets/web/img/global/icon/card-icons/visa.svg);
}

.icon-container.expdate {
  background-image: url(/assets/web/img/global/icon/card-icons/exp-date.svg);
}
.icon-container.cvv {
  background-image: url(/assets/web/img/global/icon/card-icons/cvv.svg);
}
.icon-container.card {
  background-image: url(/assets/web/img/global/icon/card-icons/card.svg);
}
.icon-container.error {
  width: 16px;
  background-image: url(/assets/web/img/global/icon/card-icons/error.svg);
}

/*error일 경우*/
.error .icon-container.card {
  background-image: url(/assets/web/img/global/icon/card-icons/card-error.svg);
}
.error .icon-container.cvv {
  background-image: url(/assets/web/img/global/icon/card-icons/cvv-error.svg);
}
.error .icon-container.expdate {
  background-image: url(/assets/web/img/global/icon/card-icons/exp-date-error.svg);
}

/*최근읽은 웹툰 삭제 팝업*/
.recent__delete {
  padding: 27px 0 25px;
}
.recent__delete p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  letter-spacing: -0.2px;
}
.recent__delete .btn {
  padding: 1.077em 0;
  font-size: 12px;
}

/*별점주기 팝업*/
#star__rate .star__rate {
  padding: 35px 0 30px;
}
#star__rate .top_line_red,
#user__star__rate .top_line_red {
  border-radius: 7px 10px 0 0;
}
.star__rate h3 {
  margin-bottom: 20px;
}
.star__rate .stars-dl {
  float: none;
  margin-bottom: 15px;
}
.star__rate .star-view {
  float: none !important;
  margin-right: 0;
}
.star__rate .stars-dl dd {
  height: auto;
}

.star__rate .wrap-stars {
  display: inline-block;
  height: 22px;
}

.star__rate .star-stat {
  font-size: 16px;
  font-weight: bold;
  color: #d0021b;
  vertical-align: middle;
  margin-top: 3px;
}

.star__rate .stars-md {
  width: 112px;
  height: 20px;
  background-size: 112px 40px;
}

.star__rate .stars-md .star {
  height: 20px;
  background: url(/assets/mobile/img/icon/stars-md.png) no-repeat 0 -20px;
  background-size: 112px 40px;
}

.star__rate .count-stars button {
  width: auto;
  display: inline-block;
  padding: 8px 10px;
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 0.2em 7px 0;
  font-size: 15px;
}
.star__rate .count-stars button:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.star__rate .pink_red_btn {
  width: auto;
  padding: 15px 55px;
  margin-top: 20px;
}

#user__star__rate .star__rate {
  padding: 30px 0;
}

/*별점(만화책 보기)*/
#user__rate__02 .star__rate {
  padding: 25px 0;
}

#user__rate__02 .star__rate h3 {
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
}

#user__rate__02 .stars-dl {
  display: inline-block;
  margin-bottom: 0;
}

/*별점 주기 (만화책보기)*/
#star__rate__02 .star__rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 15px;
}

#star__rate__02 .count-stars {
  font-size: 0;
}

#star__rate__02 .stars-dl {
  margin: 15px 0 0;
}

#star__rate__02 .pink_red_btn {
  padding: 9px 10px;
  margin: 15px 5px 0;
  font-weight: 600;
}

#star__rate__02 .star-stat {
  margin-top: 0;
  font-size: 14px;
}

/*스토어평가 모달창*/
#store__rate .modal-dialog {
  width: 90%;
}
.store__rate {
  border-radius: 6px;
  padding-bottom: 20px;
}
.store__rate__img {
  margin-bottom: 20px;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}
.store__rate__txt {
  margin-bottom: 10px;
  padding: 0 6.944%;
}

.store__rate__txt h3 {
  line-height: 27px;
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: normal;
}
.store__rate__txt h3 mark {
  font-weight: bold;
  text-decoration: underline;
}
.store__rate__txt p {
  padding: 0 7%;
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 18px;
  color: #787878;
}

.store__rate .pink_red_btn {
  width: auto;
  max-width: 95%;
  min-width: 200px;
  margin: 0 auto 20px;
  line-height: 20px;
  font-size: 12px;
  padding-left: 20px;
  padding-right: 20px;
  white-space: normal;
}

.link-underline {
  font-size: 10px;
  line-height: 12px;
  color: #646464;
  font-weight: bold;
  text-decoration: underline;
}

/*모달 툴팁*/
.modal__tooltip {
  visibility: hidden;
  position: absolute;
  left: 50%;
  width: 90%;
  padding: 10px 10px;
  background-color: #fff;
  border-radius: 10px;
  z-index: 10;
}
.modal__tooltip__close {
  position: absolute;
  top: 6px;
  right: 10px;
  padding: 0;
  background-color: initial;
}

/*간편결제 팝업*/
#easy_charge .easy_charge_con {
  padding: 30px 15px;
}
#easy_charge .easy_charge_con h3 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #ee312f;
}
#easy_charge .easy_charge_con p {
  margin: 0 auto 20px;
  font-size: 14px;
  color: #646464;
}
#easy_charge .easy_charge_con .pink_red_btn {
  width: 70%;
  margin: 0 auto;
}

/*간편결제 충전*/
#easy_charge-pay .modal-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#easy_charge-pay .modal-header:before,
#easy_charge-pay .modal-header:after {
  content: none;
}
#easy_charge-pay .modal-title a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px;
}
.modal-header-rg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#easy_charge-pay .modal-title img {
  margin-right: 5px;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.modal-header-rg_txt {
  display: inline-block;
  margin-right: 5px;
  color: #888888;
  text-decoration: underline;
  text-align: right;
}
.icon-arrow-rg {
  display: inline-block;
  width: 7px;
  height: 11px;
  text-indent: -9999px;

  background: url(/assets/mobile/img/global/img_popup_title_smallarrow.png) 0 0 no-repeat;
}

#easy_charge-pay .modal-body {
  padding: 0;
  border-radius: 0 0 14px 14px;
}
#easy_charge-pay .easy_charge-pay_con {
  padding: 0 15px;
}
#easy_charge-pay .list-coin {
  margin-top: 0;
  padding-top: 30px;
}
#easy_charge-pay .list-coin li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #24263c;
  border-radius: 5px;
  padding: 18px 15px;
}
#easy_charge-pay .list-coin .cell-2 {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

#easy_charge-pay .list-coin .coin-item {
  font-size: 13px;
  color: #fff;
  text-align: center;
}
#easy_charge-pay .list-coin .coin-item em {
  display: block;
  font-size: 20px;
  line-height: 110%;
}
#easy_charge-pay .list-coin .coin-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 12px;
  color: #fff;
  margin-left: 10px;
}
#easy_charge-pay .list-coin .price_n {
  margin-left: auto;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}

#easy_charge-pay .red_btn {
  display: block;
  padding: 13px 40px;
  margin: 20px auto;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  background: #ff0000;
  border: none;
  border-radius: 30px;
}
#easy_charge-pay .modal_close-bt {
  display: block;
  padding: 10px 15px;
  text-align: right;
  color: #646464;
  font-size: 13px;
  background-color: #f7f7f7;
  border-radius: 0 0 14px 14px;
}

#easy_charge-pay .modal-title.active + .modal__tooltip {
  visibility: visible;
}
#easy_charge-pay .modal__tooltip {
  border: 1px solid #000;
  top: 0;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
#easy_charge-pay .modal__tooltip__title {
  margin-bottom: 5px;
  font-size: 13px;
  color: #222222;
  text-align: left;
}

#easy_charge-pay .modal__tooltip__txt {
  font-size: 12px;
  line-height: 17px;
  color: #707070;
  text-align: left;
  word-break: normal;
}

@media (min-width: 720px) {
  /* 앱다운 */
  .banner_appdown .title {
    font-size: 22px;
  }
}

/*테블릿사이즈*/
@media (min-width: 768px) {
  /*2020_06_02 skip bnr*/
  .vip__success {
    padding: 38px 4.16%;
  }
  .vip__success__img {
    margin-bottom: 18px;
  }
  .vip__success__img img {
    width: 100%;
  }
  .skip__bnr__title {
    font-size: 28px;
    line-height: 34px;
  }
  .skip__bnr__txt {
    margin-top: 8px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 26px;
  }
  .skip__bnr__btn .btn {
    padding: 8px 66px 8px 30px;
    font-size: 25px;
  }

  .skip__bnr__btn button:after {
    right: 30px;
    width: 10px;
    height: 18px;
  }

  .vip__success.before {
    padding: 38px 4.16%;
  }

  .skip__bnr__close {
    top: 18px;
    right: 18px;
    width: 44px;
    height: 44px;
  }

  .ep-header_ch .ep-cover_ch {
    min-height: 200px;
    background-position: 0 -60px !important;
  }

  .ep-header_ch .inner_ch {
    margin: 0 auto;
    min-height: 310px;
    background-size: cover !important;
  }

  .ep-header_ch .title_content_box {
    color: #fff;
    width: 55vw;
    height: 310px;
    display: table-cell;
    vertical-align: middle;
  }

  .ep-header_ch .title_content {
    margin-left: 50px;
  }

  .ep-header_ch .type_box {
    margin-bottom: 12px;
  }

  .ep-header_ch .title_content .type {
    color: #31ded9;
    font-weight: bold;
    margin-right: 10px;
    font-size: 14px;
  }

  .ep-header_ch .title_content .date {
    color: #000;
    background: #fff;
    border-radius: 30px;
    font-weight: bold !important;
    margin-right: 10px;
    padding: 1px 6px;
    font-size: 12px;
  }

  .ep-header_ch .title_content .writer {
    color: rgba(255, 255, 255, 0.8);
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
  }

  .ep-header_ch .title_content h1 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 18px;
    line-height: 1.3;
    word-break: keep-all;
  }

  .ep-header_ch .title_content h2 {
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;

    font-weight: normal !important;
    margin-bottom: 12px;
  }

  .title_content .episode_sns .first_episode {
    background: #ff0004 url(/assets/mobile/img/global/bu_cross01.png) no-repeat right 1em center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 5px 40px 6px 30px;
    border-radius: 30px;
    display: inline-block;
  }

  .wrap-star_ch {
    display: block;
    width: 180px;
    height: 30px;
    margin: 0 0 20px 0 !important;
    line-height: 30px;
  }

  .new__comics__info .wrap-star_ch {
    width: 100%;
    height: 15px;
    margin-bottom: 0 !important;
    line-height: 15px;
  }

  .stars-xs_ch {
    background: url(/assets/mobile/img/global/ico_mb.png) no-repeat -10px -10px;
    display: inline-block;
    height: 26px;
    background-size: 220px 4000px;
    width: 124px;
    vertical-align: middle;
    margin-right: 3px;
  }

  .stars_ch {
    display: block;
    overflow: hidden;
    height: 26px;
    background: url(/assets/mobile/img/global/ico_mb.png) no-repeat -10px -40px;
    background-size: 220px 4000px;
    font-size: 0;
    vertical-align: middle;
  }

  .stars_text_ch {
    color: #f44336 !important;
    font-size: 18px;
    vertical-align: sub;
  }

  /*episode list type-B 추가*/
  .ep__type-b .ep-header_ch .title_content_box {
    display: table-cell;
    width: 56vw;
    height: 206px;
    padding: 0 15px;
    background-image: none;
  }

  .ep__type-b .ep-header_ch .title_content {
    margin-left: 0;
  }

  .ep__type-b .sub__bnr__bg {
    display: block;
  }

  .ep__type-b .ep-cover_ch {
    margin-top: 94px;
    height: 206px;
    background: url(https://thumb-g.toomics.com/upload/thumbnail/20190806163436/2019_08_06_15650772250317.png) no-repeat;
    background-position: 0 0 !important;
  }

  .ep__type-b .ep-header_ch .type_box {
    margin-bottom: 0;
    color: #fff;
  }

  .ep__type-b .ep-header_ch .title_content .type {
    margin-right: 2px;
    font-size: 10px;
    font-weight: normal;
  }

  .ep__type-b .ep-header_ch .title_content .date {
    margin-right: 2px;
    padding: 2px 4px;
    font-size: 10px;
  }

  .ep__type-b .ep-header_ch .title_content .writer {
    font-weight: normal;
    font-size: 10px;
    color: #fff;
  }
  .ep__type-b .text-muted {
    color: #fff !important;
  }

  .ep__type-b .ep-header_ch .title_content h1 {
    color: #fff;
    font-size: 22px;
    margin: 5px 0;
    line-height: 1.4em;
    font-weight: 500;
    word-break: normal;
  }

  .ep__type-b .ep-header_ch .title_content h2 {
    color: #fff;
  }

  .ep__type-b .wrap-star_ch {
    margin: 0 0 10px 0 !important;
    height: auto;
    line-height: 1;
  }

  .ep__type-b .stars-xs_ch {
    background: url(/assets/mobile/img/global/ico_mb.png) no-repeat -5px -5px;
    height: 14px;
    background-size: 110px 2000px;
    width: 62px;
    margin-right: 3px;
  }

  .ep__type-b .stars_ch {
    height: 13px;
    background: url(/assets/mobile/img/global/ico_mb.png) no-repeat -5px -20px;
    background-size: 110px 2000px;
  }

  .ep__type-b .stars_text_ch {
    font-size: 13px;
    vertical-align: inherit;
  }

  .ep__type-b .title_content .episode_sns .first_episode {
    font-size: 11px;
    font-weight: 500;
    padding: 2px 26px 2px 10px;
  }

  /* .new__comics__con__wrap {
        background-position: center !important;
    } */

  /*new page typeB*/
  .new__comics.type-b {
    padding-left: 20px;
    padding-right: 20px;
    clear: both;
    overflow: hidden;
  }
  .new__comics__con.ep__type-b {
    float: left;
    width: 49.5%;
    min-width: 360px;
  }
  .new__comics__con.ep__type-b:nth-child(even) {
    margin-right: 1%;
  }
  .new__comics__con.ep__type-b .ep-cover_ch {
    height: 480px;
    margin-top: 0;
    background: url(/assets/mobile/img/global/img_episode_list_bn_720x960@2x.png);
  }

  /* sign popup */
  .section_sign {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 19;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 50;
    display: table;
    vertical-align: middle;
    height: 100%;
    width: 100%;
  }

  .section_sign_warp {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 5vw;
  }

  .section_sign_box {
    width: 36em;
    margin: 0 auto;
    /* background: #ffffff; */
    /* border-radius: 6px; */
    /* position: relative; */
    max-height: 96vh;
    font-weight: normal;
    font-family: "Apple SD Gothic Neo", STHeiti, "Microsoft YaHei", 宋体, arial, "Malgun Gothic", "맑은고딕", Dotum, "돋움", Helvetica, Arial, sans-serif;
  }

  .section_sign_box .img_sign {
    border-radius: 4px 4px 0 0;
  }

  .section_sign_box .sign_text {
    padding: 15px 22px 10px 22px;
  }

  .section_sign_box .sign_text h4 {
    margin-bottom: 11px;
    color: #fff;
    font-size: 1.6em;
  }

  .section_sign_box .sign_text p {
    color: #e0d6cb;
    margin-bottom: 20px;
    font-size: 1.2em;
  }

  .section_sign_box .ok {
    color: #fff;
    text-align: center;
    padding: 10px 0;
    width: 100%;
    background: #ff0000;
    border-radius: 0 0 4px 4px;
    font-size: 18px;
    font-weight: bold;
  }

  .section_sign_box button {
    width: 16em !important;
    padding: 14px 0 !important;
    font-size: 16px !important;
    margin: 0 auto 0 auto !important;
  }

  .section_sign_box .sns_sign_btn {
    padding: 2em 0 0.4em;
    text-align: center;
  }

  .section_sign_box .sns_sign_btn img,
  .section_sign_box .sns_sign_btn svg {
    width: 5em !important;
    margin: 0.3em !important;
  }

  .section_signin h4 {
    text-align: center;
    font-size: 1.8em;
    text-transform: uppercase;
  }

  .section_sign_box .title_tab {
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    width: 33.2em;
  }

  .section_sign_box .title_tab li {
    padding: 0.6em 0 !important;
    border-top: 0.2em solid #a6aeb8 !important;
    font-size: 1.6em !important;
  }

  .section_sign_box .title_tab li.on {
    width: 50%;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border-top: 0.2em solid red !important;
    color: #24263c;
  }

  .section_sign_box .section_signin {
    padding: 4em 2em 2em 2em !important;
    width: 33em;
  }

  .section_sign_box .section_sns_sign {
    text-align: center;
    border-top: 0.1em solid #dedede;
    position: relative;
  }

  .section_sign_box .section_sns_sign h5 {
    padding: 1em 0 !important;
    margin-top: -1.8em !important;
    font-size: 1.2em !important;
  }

  .section_sign_box .section_sns_sign h5 em {
    background: #fff;
    padding: 6px 12px;
  }

  .section_sign_box .section_sns_sign01 {
    text-align: center;
    border-top: 0.1em solid #dedede;
    position: relative;
    margin-top: 2em;
  }

  .section_sign_box .section_sns_sign01 h5 {
    padding: 0.4em 0 !important;
    margin-top: -1.2em !important;
    font-size: 1.2em !important;
  }

  .section_sign_box .section_sns_sign01 h5 em {
    background: #fff;
    padding: 6px 12px;
  }

  .section_sign_box .section_sns_sign01 .forgot_ps {
    text-align: center;
    color: #0c235f;
    height: 4em;
    margin-bottom: 0;
    text-decoration: underline;
  }

  .section_sign_box .section_sns_sign01 button {
    background: #ff0000;
    border: none;
    color: #fff;
    font-weight: bold;
    width: 20em;
    text-align: center;
    margin: 0 auto;
    clear: both;
    display: table;
    padding: 0.8em 0;
    font-size: 1.4em;
    border-radius: 30vw;
    margin: 2em auto 2.2em auto;
  }

  .section_signin .form_sign {
    height: 2.4em !important;
    padding: 1em 0 !important;
    font-size: 1.4em !important;
  }

  .section_signin .form_sign::-webkit-input-placeholder {
    color: #8d8ea2;
  }

  .section_signin .form_sign::-moz-placeholder {
    color: #8d8ea2;
  }

  .section_signin .form_sign:-ms-input-placeholder {
    color: #8d8ea2;
  }

  .section_signin .form_sign::-ms-input-placeholder {
    color: #8d8ea2;
  }

  .section_signin .form_sign::placeholder {
    color: #8d8ea2;
  }
  /*
  .section_sign_box .close_popup {
    background-size: 3.6em !important;
    width: 3.6em !important;
    height: 3.6em !important;
    top: -1.6em !important;
    right: -1.6em !important;
  } */

  .section_signin .section_signin_sub {
    margin: 1.6em 0 1em 0 !important;
    font-size: 1em !important;
  }

  .section_signin .section_signin_sub .save_id {
    color: #67697c;
    padding-left: 2px;
    display: block;
    padding: 0.4em 0 0.3em;
    margin: 0 auto;
    text-align: center;
  }

  .section_signin .section_signin_sub .save_id .login_chk_box {
    width: 1.2em !important;
    height: 1.2em !important;
  }

  .section_signin .section_signin_sub .forgot_ps {
    display: block;
    text-align: center;
    text-decoration: underline;
    color: #a2aabf;
    font-size: 1em !important;
  }

  .section_signin .section_signup_text {
    font-size: 1em !important;
    margin: 2em 0 0 0 !important;
    height: 4em !important;
  }

  .section_signin .section_signup_text a {
    color: #ee2d2f;
  }

  .section_signin .error_ms {
    color: #ff0000;
    font-size: 3.2vw;
  }

  .section_sign_box .modal-content {
    padding: 0;
    border-radius: 6px;
  }

  .section_sign_box .modal-body {
    padding: 0;
    border-radius: 10px !important;
  }

  .section_sign_box .modal-dialog {
    width: auto;
    margin: 18px;
  }

  .same-email-modal {
    width: auto;
    margin: 10px;
  }

  .noimage_title {
    top: 9.4em !important;
    font-size: 1.6em !important;
    line-height: 1.4em !important;
    max-height: 4.2em !important;
  }

  .section_app_free h4 {
    font-size: 4em !important;
  }

  .section_app_free .method_wrap01 {
    width: 22em !important;
  }

  .section_app_free .method_wrap02 {
    width: 22em !important;
  }

  .section_app_free .method_wrap01 h5 {
    font-size: 1.8em !important;
  }
  .section_app_free .method_wrap02 h5 {
    font-size: 1.8em !important;
  }

  .section_app_free .section_method_wrap {
    width: 45em !important;
  }

  .section_app_free .method01 {
    font-size: 1.2em;
  }
  .section_app_free .method02 {
    font-size: 1.2em;
  }

  .section_app_free .method_wrap01 {
    height: 30em !important;
  }

  .section_app_free .method_wrap02 {
    height: 30em !important;
  }

  .section_app_free .btn_vipget01 {
    bottom: 2.2em !important;
  }

  .section_app_free .btn_vipget02 {
    bottom: 2.2em !important;
  }

  /* 2020_04_07 모달 공통*/
  /* .section_sign_box .btn {
        padding: 14px 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    } */
  .section_sign_box .modal_btns .btn {
    width: 47.2% !important;
    margin-right: 5.4% !important;
    font-size: 1.2em !important;
  }
  .section_sign_box .modal_btns .btn:last-child {
    margin-right: 0 !important;
  }
  .section_sign_box .white_btn {
    padding: 12px 0 !important;
  }

  /*공통 끝*/
  /*로그인/회원가입*/
  #modal-sign button {
    margin: 20px auto 50px !important;
  }
  #modal-sign .section_sign_box {
    width: auto;
  }

  /*완전판 보기B타입 팝업*/
  .fullVer_b_con .modal_btns .gray_btn {
    width: 29.1% !important;
  }
  .fullVer_b_con .modal_btns .pink_red_btn {
    width: 65.1% !important;
  }

  /*별점(만화책보기)*/
  #star__rate__02 .pink_red_btn {
    width: auto !important;
    padding: 9px 10px !important;
    margin: 15px 10px 0 !important;
    font-size: 1.2em !important;
  }

  /* 테블릿 사이즈 추가수정 */
  #new_wrap .top_header01 .side_menu {
    top: 50%;
    margin-top: -1em;
  }

  .section_recom_wrap ul li {
    width: 12em !important;
    margin: 0 3px !important;
  }

  .section_recom_wrap ul li .img {
    height: 13.5em !important;
  }
  .section_recom_wrap ul {
    margin: 0 auto;
    display: block;
    overflow-x: scroll;
    height: 18em;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  .iconew {
    font-size: 1em !important;
  }

  .ico_up {
    font-size: 1em !important;
  }

  .ico_fin {
    font-size: 1em !important;
    font-weight: bold;
  }
  .ico_15plus {
    font-size: 1em !important;
    font-weight: bold;
  }

  .section_recom_wrap .section_remai {
    font-size: 1.2em !important;
  }
  .section_recom_wrap ul li .text_box h5 {
    font-size: 1.2em !important;
    line-height: 1em;
  }

  .section_recom_wrap ul li .text_box .comic_genre {
    font-size: 0.9em !important;
  }
  .section_recom_wrap .section_remai {
    right: 3% !important;
    bottom: 3% !important;
    font-weight: bold;
  }
  .section_recom_wrap h4 {
    font-size: 1.4em !important;
  }
  .section_recom_wrap h4 .ico_hot {
    width: 30px !important;
    height: 30px !important;
    background: url(/assets/mobile/img/global/icon/ico_hotcomic.png) no-repeat 0 -3px !important;
    background-size: 30px 30px !important;
    margin-right: 4px !important;
  }
  .section_recom_wrap h4 .ico_new {
    width: 30px !important;
    height: 30px !important;
    background: url(/assets/mobile/img/global/icon/ico_newcomic.png) no-repeat 0 -3px !important;
    background-size: 30px 30px !important;
    margin-right: 4px !important;
  }
  .ep-list .cell-coast .label {
    font-size: 1em;
    display: inline-block;
    text-align: center;
    float: right;
  }
  .section_vipbanner01 img {
    height: 5.4em;
  }

  .section_vipbanner01 .sub_text {
    font-size: 0.8em !important;
    top: 3.9em !important;
    letter-spacing: normal !important;
  }
  .section_vipbanner01 .title_text {
    font-size: 1.4em !important;
    letter-spacing: normal !important;
  }

  #new_wrap .section_allday .slick_item li,
  .ep-viewer__bottom__list .section_allday .slick_item li {
    width: 15em !important;
  }

  #new_wrap .section_allday li .title,
  .ep-viewer__bottom__list .section_allday li .title {
    font-size: 1.6em !important;
    line-height: 1.2em !important;
    bottom: 2.2em !important;
  }

  p.etc span {
    font-size: 1.3em !important;
  }

  #new_wrap .section_allday li .etc,
  .ep-viewer__bottom__list .section_allday li .etc {
    bottom: 2em !important;
  }

  #new_wrap .section_recommended li .title {
    font-size: 2em !important;
  }

  #new_wrap .section_recommended li .writer {
    font-size: 1.2em !important;
  }

  #new_wrap .section_recommended li .title {
    bottom: 2.8em !important;
  }

  #first-pay-sale .close_popup {
    width: 20px !important;
    margin: 0 0 0 -8px !important;
  }

  /*별점 팝업*/
  .star__rate .star-view .btn {
    width: auto !important;
    padding: 8px 10px !important;
    margin: 0.2em 7px 0 !important;
    font-size: 15px !important;
  }

  .section_remai {
    right: 0.6em !important;
    bottom: 0.6em !important;
  }

  .new__comics__info .section_remai {
    right: 20px !important;
    bottom: 15px !important;
  }

  .footer_sns {
    font-size: 1.2em !important;
    line-height: 1.4em !important;
  }

  .footer_sns li span.sns_facebook {
    width: 2.6em !important;
    height: 2.6em !important;
    margin-right: 1em !important;
  }

  .footer_sns li span.sns_insta {
    width: 2.6em !important;
    height: 2.6em !important;
    margin-right: 1em !important;
  }

  .footer-info strong {
    font-size: 1.4em !important;
    padding: 0 3em !important;
  }
  .footer-logout {
    font-size: 1.4em !important;
  }
  .footer-info address {
    font-size: 1.2em !important;
  }

  .footer-nav a {
    font-size: 1.2em !important;
  }

  .footer-lang dt {
    font-size: 1.2em !important;
    line-height: 1.8em !important;
  }

  .footer_sns li {
    margin: 0.6em 0 !important;
    line-height: 1.2em !important;
  }
  .footer-lang dd .dropdown-menu {
    left: 0 !important;
  }
}

/*사이즈 조정을 위함*/
@media (max-width: 375px) {
  .pay-title {
    width: 30%;
    padding-left: 1.5%;
    font-size: 0.923em;
  }
  .credit__choice > a.active:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -8px;
    left: -8px;
    width: 19px;
    height: 19px;
    background: url(/assets/mobile/img/global/icon_check.png) no-repeat 1px 1px;
    background-size: 18px;
  }
  /*입력값 성공*/
  .success .pay-title:after {
    margin-left: 2px;
    margin-top: -8px;
    width: 15px;
    height: 12px;
    background: url(/assets/web/img/global/icon_check.png) no-repeat 1px -21px;
    background-size: 22px;
  }
}

@media (max-width: 352px) {
  .credit__choice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .credit__choice > a {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
  .credit__choice > a:nth-child(4n-0) {
    margin-right: 1.15%;
  }
}

/* 이미지 뱃지 */
.badge-img {
  float: left;
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 3px 3px 0;
  height: 17px;
  line-height: 1.4;
  white-space: nowrap;
  font-size: 2.5vw;
  font-weight: bold;
}

/*.com일경우*/
body.badge-19 .badge-img {
  float: left;
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 1px 2px 1px 3px;
  line-height: 1.4;
  white-space: nowrap;
  font-size: 2.5vw;
  font-weight: normal;
}

@media (min-width: 768px) {
  .badge-img {
    font-size: 1em !important;
  }
}

.badge-img::before {
  content: "";
  position: absolute;
  left: 0;
  z-index: 2;
  bottom: -2.5px;
  width: 4px;
  height: 4px;
  background-size: 4px;
  background-position: bottom left;
}
.badge-img::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -2.5px;
  width: calc(100% - 3px);
  height: 4px;
  background-size: 46px 4px;
  background-position: bottom right;
}
.badge-img + .badge-img {
  margin-left: 2px;
}

/* badge color */
.badge-img__yellow {
  background-color: #ffce00;
  color: #010101;
}
.badge-img__yellow::before {
  background-image: url(/assets/mobile/img/round/yellow-left.png);
}
.badge-img__yellow::after {
  background-image: url(/assets/mobile/img/round/yellow-right.png);
}

.badge-img__red {
  font-size: 0;
  text-indent: -9999px;
  width: 25px;
  background: #f01b23 url(/assets/mobile/img/icon/ico-adult.png) no-repeat 50% 80%;
  background-size: 11px 13px;
}

/*.com일경우*/
body.badge-19 .badge-img__red {
  text-indent: 0;
  background-color: #f01b23;
  background-image: none;
  color: #ffffff;
}
.badge-img__red::before {
  background-image: url(/assets/mobile/img/round/red-left.png);
}
.badge-img__red::after {
  background-image: url(/assets/mobile/img/round/red-right.png);
}

.badge-img__blue {
  background-color: #1168c0;
  color: #ffffff;
}
.badge-img__blue::before {
  background-image: url(/assets/mobile/img/round/blue-left.png);
}
.badge-img__blue::after {
  background-image: url(/assets/mobile/img/round/blue-right.png);
}

.badge-img__grayblue {
  background-color: #5f91ac;
  color: #ffffff;
}
.badge-img__grayblue::before {
  background-image: url(/assets/mobile/img/round/grayblue-left.png);
}
.badge-img__grayblue::after {
  background-image: url(/assets/mobile/img/round/grayblue-right.png);
}

.badge-img__redline {
  font-size: 0;
  text-indent: -9999px;
  width: 25px;
  background: #f48b21 url(/assets/mobile/img/icon/ico-adult.png) no-repeat 50% 80%;
  background-size: 11px 13px;
}
.badge-img__redline::before {
  background-image: url(/assets/mobile/img/round/orange-left.png);
}
.badge-img__redline::after {
  background-image: url(/assets/mobile/img/round/orange-right.png);
}

.familysafe__pop {
  padding: 27px 10px 25px;
}
.familysafe__pop p {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #8a8a8a;
}
.familysafe__pop .btn {
  padding: 1.077em 0;
  font-size: 12px;
}

/*.com일경우*/
body.badge-19 .badge-img__redline {
  text-indent: 0;
  background-color: #fff;
  color: red;
  border: 1px solid red;
  border-top-width: 0;
  border-radius: 0 0 3px 3px;
}
body.badge-19 .badge-img__redline::before {
  left: -1px;
}
body.badge-19 .badge-img__redline::after {
  right: -1px;
  width: calc(100% - 1px);
}
body.badge-19 .badge-img__redline::before {
  background-image: url(/assets/mobile/img/round/redline-left.png);
}
body.badge-19 .badge-img__redline::after {
  background-image: url(/assets/mobile/img/round/redline-right.png);
}

/*app down page*/
.icon__price {
  position: relative;
  display: block;
  width: 92%;
  margin: 0 auto;
  padding: 4px 3px;
  line-height: 1;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  border-radius: 50px;
  word-break: keep-all;
  font-family: arial;
}
.icon__price:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -11px;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
}

.price-free-app {
  color: #fff;
  background-color: #ff0004;
}
.price-free-app:after {
  border-top-color: #ff0004;
}

.app__down {
  min-height: 100vh;
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.app__down__img {
  margin-bottom: 30px;
  width: 90px;
}

.app__down__txt {
  width: 69%;
  margin-bottom: 30px;
  word-break: keep-all;
}

.app__down__txt__main {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 700;
  color: #000000;
  text-align: center;
}

.app__down__txt__sub {
  font-size: 14px;
  text-align: center;
  color: #000000;
  font-weight: 400;
  margin-bottom: 0;
}

.app__down__btn {
  width: 240px;
  padding: 5px 0;
  margin-bottom: 10px;
  background-color: #000000;
  border-radius: 10px 10px;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  word-break: keep-all;
}

.app__down__btn.btn-red {
  padding: 3px 5px;
  background-color: #ee312f;
}

.app__down__btn img {
  height: 50px;
}

/*free in app page*/
/*상단 다운링크 고정 삽입으로인하여 추가*/
.free-in-app.app__down {
  position: fixed;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
}
/*여기까지*/
.ep__name {
  text-align: center;
  margin-bottom: 5px;
  font-size: 14px;
  color: #000;
  word-break: keep-all;
}
.free-in-app .icon__price {
  width: 80%;
  top: 5px;
  right: -10px;
  margin-right: 0;
}
.free-in-app .ep__thumb__img {
  display: block;
  width: 100px;
  border-radius: 5px;
  overflow: hidden;
}
.free-in-app .app__down__txt__main {
  position: relative;
  margin-top: 20px;
  padding-top: 20px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
}
.free-in-app .app__down__txt__main:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  top: 0;
  left: 50%;
  margin-left: -7px;
  background-color: #000;
}
.free-in-app .ep__turning-txt {
  margin: 0 0;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  color: #000;
}
.free-in-app .app__down__img {
  width: auto;
}

/*fullVer_a*/
.fullVer_a_con,
.fullVer_b_con {
  padding: 30px 15px;
}
.fullVer_a_con h3,
.fullVer_b_con h3 {
  font-size: 1.25em;
}
.fullVer_a_con .text-red,
.fullVer_b_con .text-red {
  color: #ee312f !important;
}
.fullVer_a_con p,
.fullVer_b_con p {
  padding: 5px 0 15px;
  margin: 0 auto;
  font-size: 1.25em;
  color: #ee312f;
  font-weight: bold;
}
.fullVer_a_con .btn,
.fullVer_b_con .modal_btns .btn {
  line-height: 120%;
  margin: 0 auto;
  font-size: 16px;
  word-break: normal;
  white-space: normal;
}

.fullVer_a_con .btn {
  width: 100%;
  max-width: 240px;
}

.fullVer_b_con .modal_btns .btn:first-child {
  margin-right: 3.5%;
}

.fullVer_b_con .modal_btns .gray_btn {
  width: 30.1%;
}
.fullVer_b_con .modal_btns .pink_red_btn {
  width: 66.1%;
}

/*서비스 장애 안내*/
.service_error_con {
  padding: 30px 15px;
}

.service_error_con h3 {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 21px;
}

.service_error_con .service_error_txt {
  padding: 10px;
  margin-bottom: 10px;
  line-height: 18px;
  font-size: 13px;
  color: #222;
  text-align: center;
  background-color: #f0f0f0;
  border-radius: 10px;
}
.service_error_con .btn {
  width: 60%;
  max-width: 240px;
}

.service_error .text-red {
  color: #ee312f;
}

/*휴대폰 인증 안내*/
.mobile_verify .top_line_red {
  overflow: visible;
}
.mobile_verify .top_line_red > div:first-child {
  border-radius: 7px 5px 0 0;
}
.mobile_verify .modal_title {
  margin-bottom: 10px;
}
.mobile_verify .modal_txt-sm {
  margin-bottom: 20px;
}
.mobile_verify_con {
  margin-bottom: 20px;
}
.mobile_verify_con .iti {
  width: 98%;
}

.mobile_verify_con input::-webkit-input-placeholder {
  color: #c7c7c7;
  font-weight: 300;
}

.mobile_verify_con input::-moz-placeholder {
  color: #c7c7c7;
  font-weight: 300;
}

.mobile_verify_con input:-ms-input-placeholder {
  color: #c7c7c7;
  font-weight: 300;
}

.mobile_verify_con input::-ms-input-placeholder {
  color: #c7c7c7;
  font-weight: 300;
}

.mobile_verify_con input::placeholder {
  color: #c7c7c7;
  font-weight: 300;
}

.mobile_verify_con .iti__flag-container {
  border-bottom: 1px solid #dadbdf;
}
.mobile_verify_con .mobile_verify_input {
  width: calc(100% - 87px);
  padding-bottom: 4px;
  padding-left: 0 !important;
  margin-left: 87px !important;
  font-size: 17px;
  border: none;
  border-bottom: 1px solid #dadbdf;
}

/* .mobile_verify_code_con .mobile_verify_input {
    border-bottom: 1px solid #ee312f;
} */

.mobile_verify_con .iti__selected-flag {
  width: 77px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  padding-bottom: 4px;
  background-color: #fff;
}
.mobile_verify_con .iti__flag-container:hover .iti__selected-flag {
  background-color: #fff;
}
.mobile_verify_con .iti__flag-container:hover {
  border-bottom-color: #000;
}
.mobile_verify_con input:focus {
  border-bottom-color: #000;
}

.mobile_verify_con .iti__selected-dial-code {
  font-size: 17px;
}
.mobile_verify_con .iti__country-list {
  width: 61%;
}
.mobile_verify_con .notice {
  display: none;
  position: relative;
  padding-top: 10px;
  text-align: center;
  font-size: 12px;
}
.mobile_verify .btn {
  width: 80%;
  margin-top: 0;
  margin-bottom: 15px;
  opacity: 0.4;
}
#mobile_verify_code .btn {
  opacity: 1;
}
.mobile_verify .text-green,
.mobile_verify .link {
  font-size: 12px;
}

/*버튼클릭시 클래스 넣기*/
.opacity_animate {
  -webkit-animation: opacityani 1s 1;
  animation: opacityani 1s 1;
}
@-webkit-keyframes opacityani {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
@keyframes opacityani {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}

/*국가 선택 모달창 커스텀*/
.iti-mobile .iti__country-list {
  max-height: 62%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border-radius: 7px 5px 5px 5px;
  border-top: 5px solid red;
}

.iti--container .close_popup {
  background: url(/assets/mobile/img/icon/btn_close_popup.png) no-repeat 50% 50%;
  background-size: 12vw;
  width: 12vw;
  height: 12vw;
  position: absolute;
  text-indent: -9999px;
  top: 16%;
  right: -6%;
  margin: 0;
  z-index: 10;
}

/*휴대폰 인증 코드 입력*/
.mobile_verify_code_con {
  position: relative;
  width: 80%;
  margin: 0 auto;
}
#mobile_verify_code .modal_txt-sm span {
  display: block;
}
#mobile_verify_code .mobile_verify_con .mobile_verify_input {
  width: 100%;
  padding-right: 30px;
  padding-left: 8px !important;
  margin-left: 0 !important;
}
.mobile_verify_code_con:after {
  display: none;
  content: url(/assets/web/img/global/ico_verify_input_check.png);
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

#mobile_verify_code .mobile_verify_con .notice {
  width: 80%;
  margin: 0 auto;
  padding-left: 8px;
  text-align: left;
  font-size: 12px;
}

#mobile_verify_code .modal_con_wrap > .notice {
  /* margin-top: 10px; */
  font-size: 12px;
}
.mobile_verify .gray_btn {
  color: rgba(0, 0, 0, 0.2);
  opacity: 1;
}

/*입력사항 오류시 class"uncomplete"*/
/*입력사항 시간 초과시 class"overtime"*/
.mobile_verify .uncomplete .mobile_verify_input {
  border-color: #ee312f;
}
.mobile_verify .uncomplete .mobile_verify_code_con .mobile_verify_input {
  border-color: #ee312f;
}
.mobile_verify .uncomplete .iti__flag-container {
  border-color: #ee312f;
}
.mobile_verify .uncomplete .mobile_verify_con .notice {
  display: block;
}
.mobile_verify .overtime .gray_btn {
  margin-top: 20px;
  color: #000;
}

/*입력이 다되면 class="complete"*/
.mobile_verify .complete .mobile_verify_input {
  border-color: rgba(0, 0, 0, 1);
}
.mobile_verify .complete .iti__flag-container {
  border-color: rgba(0, 0, 0, 1);
}
.mobile_verify .complete .pink_red_btn {
  margin-top: 20px;
  opacity: 1;
}

.mobile_verify .complete .mobile_verify_code_con:after {
  display: block;
}

/*비활성화 class="empty"*/
#mobile_verify_code .btn.empty {
  opacity: 0.4;
}

/*계약종료*/
.nomore_read_ep {
  padding: 30px 15px;
}
.section_sign_box .nomore_read_ep h3 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #ee312f;
}
.nomore_read_ep p {
  margin: 0 auto 20px;
  font-size: 14px;
  color: #646464;
}
.section_sign_box .nomore_read_ep .pink_red_btn {
  width: 70%;
  margin: 0 auto;
}

/*purchase all episode*/
#purchase_all_ep .modal-body {
  padding: 0 0 30px;
  text-align: center;
  border-radius: 0 0 14px 14px;
}

.purchase_all_ep h3 {
  padding: 10px 0;
  margin-bottom: 20px;
  font-size: 23px;
  text-align: center;
  color: #ee312f;
  background-color: #f7f7f7;
}
.purchase_all_ep_count {
  padding: 0 15px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #222;
}
.purchase_all_ep_count b {
  color: #ee312f;
}
.purchase_all_ep .notice {
  padding: 0 15px;
  margin-bottom: 10px;
  color: #222;
  font-size: 14px;
  font-weight: normal;
}
.purchase_all_ep .checkbox-img {
  margin: 0 15px 27px;
}
.purchase_all_ep .checkbox-img label::before {
  margin-right: 5px;
  border-color: #bdbdbd;
}
.purchase_all_ep .checkbox-img label {
  margin-bottom: 0;
  font-size: 13px;
  color: #646464;
  font-weight: 300;
}

#purchase_all_ep .modal_btns {
  width: 90%;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}
#purchase_all_ep .btn {
  line-height: 100%;
  padding: 14px 0;
  margin-bottom: 0;
}
#purchase_all_ep .modal_btns .btn {
  float: left;
  width: 49%;
  margin-right: 2%;
  margin-top: 0;
  text-align: center;
  font-size: 14px;
  border: none;
  border-radius: 30px;
  clear: none;
}
#purchase_all_ep .modal_btns .btn:last-child {
  margin-right: 0;
}

#purchase_all_ep .red_btn {
  color: #fff;
  background: #ff0000;
}

#purchase_all_ep .gray_btn {
  color: #323232;
  background: #f0f0f0;
  border: 2px solid #f0f0f0;
}

/*Please wait*/
.plz_wait {
  padding: 45px 0;
}
.plz_wait p {
  padding: 0 15px;
  margin-bottom: 20px;
  color: #646464;
  font-size: 14px;
  font-weight: normal;
}

.plz_wait .loading__img {
  width: 34px;
  height: 34px;
  margin-right: 0;
  background: url(/assets/web/img/global/ico_progress_ring_red.png) 0 0 no-repeat;
  background-size: 34px 34px;
}

/*purchase complete*/
.purchase_complete {
  padding: 30px 0;
}
.purchase_complete p {
  width: 80%;
  margin: 0 auto 20px;
  color: #646464;
  font-size: 14px;
  font-weight: normal;
}
.purchase_complete .pink_red_btn {
  width: 180px;
  margin-top: 20px;
}

/*purchase coin ep*/
#ep-own .modal-title {
  padding-right: 35px;
}
#ep-own .modal-body {
  padding: 0;
  text-align: center;
  border-radius: 0 0 14px 14px;
}
.purchase_coin_ep {
  padding: 0 15px;
}
.purchase_coin_ep h3 {
  padding-top: 35px;
  margin-bottom: 15px;
  font-size: 16px;
  text-align: center;
  color: #ee312f;
}
.purchase_coin_ep h3 b {
  color: #03a9f4;
}
.purchase_coin_ep .notice {
  margin-bottom: 20px;
  color: #222;
  font-size: 14px;
  font-weight: normal;
}
#ep-own .checkbox-img {
  display: block;
  padding: 12px 15px;
  text-align: right;
  background-color: #f7f7f7;
  border-radius: 0 0 14px 14px;
}
#ep-own .checkbox-img label::before {
  margin-right: 5px;
  border-color: #bdbdbd;
}
#ep-own .checkbox-img label {
  margin-bottom: 0;
  font-size: 13px;
  color: #646464;
  font-weight: 300;
}
#ep-own .btn {
  min-width: 200px;
  line-height: 20px;
  padding: 2px 10px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 14px;
  border: none;
  border-radius: 30px;
}
#ep-own .red_btn {
  color: #fff;
  background: #ff0000;
}
#ep-own .red_btn b {
  display: block;
}
#ep-own .link {
  margin-bottom: 30px;
}

/*계정통합*/
#account__merge .account__merge__con,
#account__merge__complete .account__merge__con {
  padding: 30px 15px;
}
#account__merge h3,
#account__merge__complete h3 {
  font-size: 16px;
}
#account__merge .text-red {
  color: #ee312f !important;
  font-weight: bold;
}
#account__merge p {
  line-height: 21px;
}

.account__merge__con .modal_btns .btn {
  line-height: 120%;
  margin: 0 auto;
  font-size: 16px;
  word-break: normal;
  white-space: normal;
}

.account__merge__con .modal_btns .btn:first-child {
  margin-right: 3.5%;
}

/* 계정통합[web] */
#account__merge-web .modal-body {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

#account__merge-web .account__merge__con {
  text-align: center;
}

.account__merge__con .email__con {
  padding: 10px 15px;
  text-align: center;
  font-size: 16px;
}
#account__merge-web .modal__main__txt {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  line-height: 21px;
}

#account__merge-web .modal__main__txt span {
  text-decoration: underline;
}

#account__merge-web .modal_btns {
  width: 88%;
  max-width: 375px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}
#account__merge-web .modal_btns .btn {
  float: left;
  width: 47.2%;
  max-width: 18em;
  padding: 0.85em 0;
  color: #323232;
  border-radius: 30px;
  text-align: center;
  clear: none;
}
#account__merge-web .modal_btns .gray_btn {
  background: #f0f0f0;
  border: 2px solid #f0f0f0;
}
#account__merge-web .modal_btns .pink_red_btn {
  color: #fff;
  background: #ee312f;
  border: 2px solid #ee312f;
}

#account__merge-web .modal_btns .btn:last-child {
  margin-right: 0;
}

/*
.fullVer_b_con .modal_btns .gray_btn {
    width: 30.1%;
}
.fullVer_b_con .modal_btns .pink_red_btn {
    width: 66.1%;
} */

/*계정통합 완료 팝업*/
#account__merge__complete .text-red {
  color: #ee312f !important;
}
#account__merge__complete .btn {
  width: 180px;
  margin-top: 20px;
  line-height: 130%;
  white-space: normal;
}

/*gift_bonus_coin*/
.gift_bonus_coin {
  padding: 30px 15px;
  text-align: left;
}
.gift_bonus_coin p {
  padding: 0 10px;
  margin-bottom: 10px;
  font-size: 13px;
  color: #222222;
}
.reward_content {
  padding: 10px;
  margin-bottom: 10px;
  font-size: 13px;
  color: #222222;
  text-align: left;
  background-color: #f0f0f0;
  border-radius: 10px;
}
.reward_content dl {
  margin-bottom: 8px;
}
.reward_content dl:last-child {
  margin-bottom: 0;
}
.reward_content dt,
.reward_content dd {
  display: inline;
}
.section_sign_box .gift_bonus_coin .pink_red_btn {
  width: 160px;
  margin: 0 auto;
  white-space: normal;
}
.section_sign_box .gift_bonus_coin .notice {
  margin-bottom: 20px;
}

/*성인원작 안내*/
.adult_origin_guide {
  padding: 15px 15px;
}
.adult_origin_guide p {
  margin: 10px 0 15px;
  font-size: 14px;
}
.adult_origin_guide .icon-18plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #ee312f;
  border-radius: 100% 100%;
  border: 4px solid #ee312f;
  background-color: #fff;
}
.adult_origin_guide .icon-18plus span {
  line-height: 100%;
}
.adult_origin_guide .red_btn {
  padding: 13px 15px;
  margin-top: 0;
  line-height: 21px;
  font-size: 13px;
  word-break: normal;
  white-space: normal;
}

.adult_origin_guide .modal_close-bt {
  display: block;
  margin-top: 10px;
  color: #646464;
  font-size: 13px;
}

/*viewer issue*/
#viewer_issue .modal-dialog {
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}
#viewer_issue .modal-body {
  padding-bottom: 30px;
  border-radius: 0 0 6px 6px;
}
.viewer_issue_con {
  margin-top: 30px;
  text-align: center;
}
.btn_list-col li {
  width: 100%;
  margin-bottom: 5px;
}
.btn_list-col .btn:last-child {
  margin-bottom: 0;
}
.btn_list-col .btn {
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #222;
  border-radius: 0;
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  white-space: normal;
}
.btn_list-col .btn:hover {
  color: #222;
  background-color: #e6f0ff;
  border-color: #ccc;
}

.btn_list-col .btn.active {
  color: #fff;
  background-color: #0052cc;
  border-color: #0052cc;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.viewer_issue_con .modal-header-rg {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.viewer_issue_con button {
  width: 48%;
  margin-top: 20px;
  padding: 12px 20px;
  border-radius: 26px 26px;
  white-space: normal;
}
.btn_wrap button:first-child {
  margin-right: 2%;
}

/*15세/19세 중복구매*/
#db_purchase .modal-dialog {
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}
.db_purchase_img {
  position: relative;
  height: 134px;
  background: url(/assets/web/img/global/db_purchase_ex.png) no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 6px 6px 0 0;
}
.db_purchase_img_con {
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 100px;
  vertical-align: middle;
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}
.db_purchase_img .btn {
  width: 80%;
  padding: 2px 10px;
  line-height: 16px;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  background-color: inherit;
}
#db_purchase .icon-arrow {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: -2px;
  margin-top: -2px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: inherit;
  vertical-align: middle;
}

.db_purchase_txt {
  padding: 30px 15px;
}

.db_purchase_txt h3 {
  font-size: 16px;
  margin-bottom: 5px;
}

.db_purchase_txt p {
  margin-bottom: 5px;
  font-size: 14px;
}
.db_purchase_txt .modal_btns .btn {
  min-height: 46px;
  padding: 0 10px;
  font-size: 16px;
}
.db_purchase_txt .modal_btns .btn-default {
  color: #323232;
  background-color: #f0f0f0;
}

.db_purchase_txt .notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  color: #646464;
  font-size: 13px;
}
.db_purchase_txt .ico-notice {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 5px;
}

/*테블릿사이즈*/
@media (min-width: 768px) {
  .db_purchase_txt .modal_btns .btn {
    padding: 0 10px !important;
  }
  .db_purchase_img .btn {
    width: 80% !important;
    padding: 2px 10px !important;
    font-size: 11px !important;
  }
}

/*첫결제 50% SALE*/
.section_sign_box.first-pay-sale-wrap {
  max-height: 100vh;
}
.section_sign_box.first-pay-sale-wrap .modal-content {
  border: 0;
  border-radius: 20px 20px;
}
.section_sign_box.first-pay-sale-wrap .modal-body {
  border-radius: 20px 20px !important;
  background: transparent -o-radial-gradient(50% 60%, closest-side, #ff0c0c 0%, #e7d8ff 150%) 0% 0% no-repeat;
  background: transparent radial-gradient(closest-side at 50% 60%, #ff0c0c 0%, #e7d8ff 150%) 0% 0% no-repeat;
}
.section_sign_box.first-pay-sale-wrap .modal-dialog {
  height: auto;
}

.first-pay-sale {
  position: relative;
  padding: 130px 35px 40px;
  color: #fff;
}
.first-pay-sale .sub-title {
  display: inline-block;
  padding: 0 10px;
  margin-bottom: 10px;
  font-size: 14px;
  border-top: 3px double #fff;
  border-bottom: 3px double #fff;
}
.first-pay-sale .sale-period {
  font-size: 40px;
  font-weight: 700;
}
.first-pay-sale .sale-value {
  margin-top: -15px;
  font-size: 80px;
  font-weight: 700;
  margin-bottom: 10px;
}
.first-pay-sale .sub-txt {
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 30px;
}
.first-pay-sale .white_btn {
  width: 100%;
  color: #ff0c0c;
  border: 0;
}
.sale-amount {
  position: absolute;
  top: 20px;
  left: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  width: 120px;
  height: 120px;
  color: #ff0c0c;
  background: url(/assets/mobile/img/global/img_full_popup_label_01.png) 0 0 no-repeat;
  background-size: 100%;
  z-index: 1;
}
.sale-bg-icon {
  position: absolute;
  top: 9px;
  left: 95px;
  width: 60px;
  height: 60px;
  background: url(/assets/mobile/img/global/img_full_popup_label_02.png) 0 0 no-repeat;
  background-size: 100%;
}
.sale-amount-num {
  font-size: 20px;
}
.sale-amount b {
  font-weight: 800;
  font-size: 40px;
  line-height: 100%;
}
.sale-amount-txt {
  font-size: 18px;
  font-weight: 600;
}
.section_sign_box.first-pay-sale-wrap .white_btn {
  margin: 0;
  font-size: 20px;
}
.section_sign_box.first-pay-sale-wrap .close_popup {
  background: url(/assets/web/img/global/ico_main_full_popup_close.png) 0 0 no-repeat;
  background-size: 17px 17px;
  background-position: center;
  width: 20px;
  height: 20px;
  position: absolute;
  text-indent: -9999px;
  bottom: -55px;
  top: auto;
  right: auto;
  left: 50%;
  margin: 0;
  margin-left: -20px;
  cursor: pointer;
}

@media (max-width: 330px) {
  #first-pay-sale .modal-dialog {
    width: 300px;
    height: auto;
  }
}

/*첫결제 50% SALE Type B*/
.section_sign_box.first-pay-sale-typeb {
  max-height: 100vh;
}
.section_sign_box.first-pay-sale-typeb .modal-content {
  height: 100%;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.section_sign_box.first-pay-sale-typeb .modal-body {
  height: 100%;
  border-radius: 20px 20px !important;
  background: inherit;
}
.first-pay-sale.typeb {
  position: relative;
  padding-top: 48px;
  padding-bottom: 37px;
  color: #fff;
}
.section_sign_box.first-pay-sale-typeb .modal-dialog {
  width: 320px;
  height: 480px;
  background: url(/assets/mobile/img/global/popup_3+1_Btype_bg.png) 0 0 no-repeat;
  background-size: 320px 480px;
}

.typeb .sale-amount {
  position: absolute;
  top: 10px;
  left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  width: 80px;
  height: 80px;
  color: #ff0c0c;
  background: url(/assets/mobile/img/global/img_full_popup_label_typeb_01.png) 0 0 no-repeat;
  background-size: 80px 80px;
  z-index: 1;
}
.typeb .sale-amount-num {
  font-size: 13px;
}
.typeb .sale-amount b {
  font-size: 27px;
}
.typeb .sale-amount-txt {
  font-size: 11px;
  font-weight: 700;
}
.typeb .sub-title {
  margin-bottom: 50px;
  font-size: 14px;
}
.typeb .sub-txt {
  margin: 0;
}
.typeb .sale-main-txt span {
  display: block;
  font-size: 32px;
  text-decoration: underline;
}
.typeb .sale-main-txt b {
  display: block;
  margin-top: -5px;
  margin-bottom: 10px;
  font-size: 60px;
}
.typeb .white_btn {
  margin-top: 30px;
  font-size: 20px;
  color: #fff;
  border: 2px solid #fff;
  background-color: inherit;
}

.section_sign_box.first-pay-sale-typeb .close_popup {
  background: url(/assets/web/img/global/ico_main_full_popup_close.png) 0 0 no-repeat;
  background-size: 17px 17px;
  background-position: center;
  width: 20px;
  height: 20px;
  position: absolute;
  text-indent: -9999px;
  bottom: -55px;
  top: auto;
  right: auto;
  left: 50%;
  margin: 0;
  margin-left: -20px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .section_sign_box.first-pay-sale-typeb {
    width: 320px;
  }

  .section_sign_box.first-pay-sale-typeb .modal-dialog {
    margin: 0;
  }

  .section_sign_box.first-pay-sale-typeb .close_popup {
    margin-left: -20px !important;
  }
}

/* file donwload */
.file-download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 8px 12px;
  margin-bottom: 10px;
  background: #fff;
}
.file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.file > a {
  text-decoration: underline;
  margin-right: 10px;
  font-size: 16px;
  color: #337ab7;
}
.file > span {
  color: #666;
}
.file-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  color: #e6373e;
}
.file-info dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}
.file-info dt {
  margin-right: 8px;
  color: #333;
}