/*@font-face {*/
/*    font-family: hind;*/
/*    font-style: normal;*/
/*    font-weight: 300;*/
/*    src: url(https://webtoons-static.pstatic.net/fonts/Hind-Light.woff) format("woff")*/
/*}*/

/*@font-face {*/
/*    font-family: hind;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    src: url(https://adcitylink.com/static/font/Hind-Regular.woff) format("woff")*/
/*}*/

/*@font-face {*/
/*    font-family: hind;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    src: url(https://webtoons-static.pstatic.net/fonts/Hind-Medium.woff) format("woff")*/
/*}*/

/*@font-face {*/
/*    font-family: hind;*/
/*    font-style: normal;*/
/*    font-weight: 600;*/
/*    src: url(https://webtoons-static.pstatic.net/fonts/Hind-SemiBold.woff) format("woff")*/
/*}*/

/*@font-face {*/
/*    font-family: hind;*/
/*    font-style: normal;*/
/*    font-weight: 700;*/
/*    src: url(https://webtoons-static.pstatic.net/fonts/Hind-Bold.woff) format("woff")*/
/*}*/

/*@font-face {*/
/*    font-family: volte;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    src: url(https://webtoons-static.pstatic.net/fonts/volte_regular.woff) format("woff")*/
/*}*/

/*@font-face {*/
/*    font-family: volte;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    src: url(https://webtoons-static.pstatic.net/fonts/volte_medium.woff) format("woff")*/
/*}*/

/*@font-face {*/
/*    font-family: volte;*/
/*    font-style: normal;*/
/*    font-weight: 600;*/
/*    src: url(https://webtoons-static.pstatic.net/fonts/volte_semibold.woff) format("woff")*/
/*}*/

/*@font-face {*/
/*    font-family: volte;*/
/*    font-style: normal;*/
/*    font-weight: 700;*/
/*    src: url(https://webtoons-static.pstatic.net/fonts/volte_bold.woff) format("woff")*/
/*}*/

/*@font-face {*/
/*    font-family: kanit;*/
/*    font-style: normal;*/
/*    font-weight: 300;*/
/*    src: url(https://webtoons-static.pstatic.net/fonts/kanit_light.woff) format("woff")*/
/*}*/

/*@font-face {*/
/*    font-family: kanit;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    src: url(https://webtoons-static.pstatic.net/fonts/kanit_regular.woff) format("woff")*/
/*}*/

/*@font-face {*/
/*    font-family: kanit;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    src: url(https://webtoons-static.pstatic.net/fonts/kanit_medium.woff) format("woff")*/
/*}*/

/*@font-face {*/
/*    font-family: kanit;*/
/*    font-style: normal;*/
/*    font-weight: 600;*/
/*    src: url(https://webtoons-static.pstatic.net/fonts/kanit_semibold.woff) format("woff")*/
/*}*/

/*@font-face {*/
/*    font-family: kanit;*/
/*    font-style: normal;*/
/*    font-weight: 700;*/
/*    src: url(https://webtoons-static.pstatic.net/fonts/kanit_bold.woff) format("woff")*/
/*}*/

body, html {
    height: 100%
}

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

body, button, input, select, table, textarea {
    font-family: verdana, Helvetica, sans-serif;
    font-size: 12px
}

button, fieldset, img {
    border: 0
}

img {
    vertical-align: top
}

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

address, em {
    font-style: normal
}

input, textarea {
    outline: none
}

hr {
    display: none
}

a {
    color: #000
}

a, a:active, a:focus, a:hover {
    text-decoration: none
}

.blind {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%
}

table td, table th {
    border: 0
}

table th {
    background: #eee
}

caption {
    font-size: 0;
    height: 1px;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 1px
}

label {
    vertical-align: middle
}

input::-ms-clear {
    display: none
}

button, input[type=button], input[type=email], input[type=image], input[type=password], input[type=reset], input[type=submit], input[type=text], textarea {
    -webkit-text-size-adjust: none;
    -webkit-appearance: none;
    border: 0;
    -webkit-border-radius: 0
}

textarea {
    resize: none
}

.aboutus .tit_contacts:before, .aboutus h2, .account_area .ico_apple, .account_area .ico_facebook, .account_area .ico_line, .account_area .lk_patreon:before, .ads_client .payment_list .input_radio:checked.input_radio:disabled + .lb_radio:before, .ads_client .payment_wrap .lk_patreon:before, .ads_client .payment_wrap .lk_paypal:before, .ads_client_confirm_wrap .btn_logo, .age_gate_area .form_area .lk_month:after, .aside.detail .grade_area .ly_grade .star_area button, .author_blind:before, .big_search .search_area .btn_delete, .big_search .search_area .ico_search, .browsebutton .browse-button .before:before, .browsebutton .browse-button.alert .after:after, .browsebutton .browse-button.alert .before:before, .browsebutton .browse-over .after:after, .browsebutton .browse-over .before:before, .btn_apple, .btn_bgm, .btn_chk, .btn_clse, .btn_clse2, .btn_delete, .btn_delete5, .btn_episode_fd, .btn_facebook, .btn_favorite.on, .btn_foot_facebook, .btn_foot_instagram, .btn_foot_line, .btn_foot_pinterest, .btn_foot_youtube, .btn_google, .btn_line, .btn_lineset, .btn_logo, .btn_ly_close, .btn_search, .btn_top, .btn_twitter, .btn_type13:after, .card_wrap .icon_reward, .card_wrap.my .title_alert:before, .collections_link .img_area.harmful_black_skin2:after, .cont_box .viewer_lst .spi_area .ico_copy, .cont_box .viewer_lst .spi_area .ico_facebook, .cont_box .viewer_lst .spi_area .ico_line, .cont_box .viewer_lst .spi_area .ico_reddit, .cont_box .viewer_lst .spi_area .ico_tumblr, .cont_box .viewer_lst .spi_area .ico_twitter, .contributors_lst a.pg_next em, .contributors_lst a.pg_prev em, .coppa_ly_cookie .label_chkbox:before, .de .detail_body .detail_paywall .ico_note, .de .detail_body .detail_paywall .ico_sale, .de .foot_app .foot_down_msg .btn_google, .de .foot_app .foot_down_msg .btn_ios, .de .txt_ico_completed, .de .txt_ico_completed2, .de .txt_ico_new, .de .txt_ico_new2, .detail_body .detail_paywall .ico_note, .detail_body .detail_paywall .ico_sale, .detail_body .detail_paywall .lk_more:after, .detail_header .ico_copy, .detail_header .ico_facebook, .detail_header .ico_line, .detail_header .ico_reddit, .detail_header .ico_rss, .detail_header .ico_tumblr, .detail_header .ico_twitter, .detail_header.type_white .btn_favorite .ico_plus4, .detail_header.type_white .btn_favorite.on, .detail_header.type_white .ico_copy, .detail_header.type_white .ico_facebook, .detail_header.type_white .ico_info2, .detail_header.type_white .ico_line, .detail_header.type_white .ico_reddit, .detail_header.type_white .ico_rss, .detail_header.type_white .ico_search2, .detail_header.type_white .ico_tumblr, .detail_header.type_white .ico_twitter, .discover_badge_area .badge_discover.num, .discover_cont_area .ico_arr, .discover_spot .paging .btn_next, .discover_spot .paging .btn_prev, .discover_spot .paging .ico_discover_pg, .discover_spot .paging .ico_discover_pg[aria-current=true], .en .foot_app .foot_down_msg .btn_google, .en .foot_app .foot_down_msg .btn_ios, .episode_lst a.pg_next em, .episode_lst a.pg_prev em, .es .aboutus h2, .es .detail_body .detail_paywall .ico_note, .es .foot_app .foot_down_msg .btn_google, .es .foot_app .foot_down_msg .btn_ios, .es .txt_ico_completed, .es .txt_ico_completed2, .es .txt_ico_hiatus, .es .txt_ico_hiatus2, .es .txt_ico_hot, .es .txt_ico_hot2, .es .txt_ico_new, .es .txt_ico_new2, .es .txt_ico_up, .es .txt_ico_up2, .foot_app .btn_google, .foot_app .btn_ios, .foot_app .ico_qrcode, .fr .detail_body .detail_paywall .ico_note, .fr .foot_app .foot_down_msg .btn_google, .fr .foot_app .foot_down_msg .btn_ios, .fr .txt_ico_completed, .fr .txt_ico_completed2, .fr .txt_ico_hiatus, .fr .txt_ico_hiatus2, .fr .txt_ico_hot, .fr .txt_ico_hot2, .fr .txt_ico_new, .fr .txt_ico_new2, .fr .txt_ico_up, .fr .txt_ico_up2, .history_sns_area .ico_facebook, .history_sns_area .ico_line, .history_sns_area .ico_reddit, .history_sns_area .ico_tumblr, .history_sns_area .ico_twitter, .ico_arr1, .ico_arr10, .ico_arr11, .ico_arr12, .ico_arr2, .ico_arr20, .ico_arr22, .ico_arr24, .ico_arr25, .ico_arr3, .ico_arr4, .ico_arr7, .ico_arr8, .ico_arr9, .ico_bgm, .ico_blog, .ico_bookmark, .ico_calendar, .ico_calendar2, .ico_caution, .ico_chart, .ico_chk, .ico_chk2, .ico_chk4, .ico_chk5, .ico_chk6, .ico_chk7, .ico_chkbox, .ico_chkbox2, .ico_empty_dash, .ico_empty_fav, .ico_etc, .ico_facebook, .ico_foot_logo, .ico_grade3, .ico_grade4, .ico_grade5, .ico_hand, .ico_homepage, .ico_info, .ico_info2, .ico_info3, .ico_instagram, .ico_lang_arr, .ico_lang_arr2, .ico_like, .ico_like2, .ico_like3, .ico_line, .ico_line2, .ico_lock3, .ico_logo_terms, .ico_menu_new, .ico_money, .ico_mywebtoon, .ico_next, .ico_nochallenge, .ico_nosearch, .ico_num1_2, .ico_num2_2, .ico_num3_2, .ico_num4_2, .ico_num5_2, .ico_patreon, .ico_pg, .ico_plus, .ico_plus3, .ico_plus4, .ico_pop_arr1, .ico_prev, .ico_pub01, .ico_pub02, .ico_pub_arr, .ico_pw_good, .ico_pw_unavailable, .ico_pw_weak, .ico_rate, .ico_rate2, .ico_recently, .ico_search, .ico_search2, .ico_subscribe, .ico_tumblr, .ico_twitter, .ico_user, .ico_view, .ico_view2, .ico_youtube, .id .foot_app .foot_down_msg .btn_google, .id .foot_app .foot_down_msg .btn_ios, .id .foot_app .ico_qrcode, .id .txt_challenge, .id .webtoon_canvas .creators_step_section .step1:before, .id .webtoon_canvas .creators_step_section .step2:before, .id .webtoon_canvas .creators_step_section .step3:before, .id .webtoon_canvas .creators_step_section .step4:before, .id .webtoon_canvas .creators_step_section .step5:before, .id .webtoon_canvas .creators_step_section .step6:before, .id .webtoon_canvas .creators_step_section .step7:before, .id .webtoon_canvas .creators_step_section .step8:before, .induce_app_area.free .text_area strong:before, .induce_app_area.preview .img_area:before, .induce_app_area.preview.reward .img_area:before, .induce_app_area.subscribe .img_area:before, .invite_wrap .ico_apple, .invite_wrap .ico_facebook, .invite_wrap .ico_line, .invite_wrap .os_list .input_radio:checked + .lb_radio:before, .label:before, .lb_radio:before, .login_area .logo .btn_logo, .login_content_wrap .captcha_area .input_box .btn_reload, .lst_type1_empty .empty_msg:before, .ly_ads_pop .pagination .page_next span, .ly_ads_pop .pagination .page_prev span, .ly_area .ico_arr.dn, .ly_area .ico_arr.rt, .ly_area .ico_arr.v2.dn, .ly_area .ico_arr.v2.lt, .ly_area .ico_arr.v2.up, .ly_creator .other_card .ico_nodata, .ly_creator .other_works_more .ico_more, .ly_delete .ico_arr.v2.up, .ly_episode_notice .btn_close, .ly_guideline .btn_close, .ly_invoice_information .information_area .input_radio:checked + .lb_radio:before, .ly_language .slt_language .chk_wrap .ico_lang .ico_lang_skin, .ly_language .slt_language .lang_en .ico_lang, .ly_language .slt_language .lang_id .ico_lang, .ly_language .slt_language .lang_th .ico_lang, .ly_language .slt_language .lang_tn .ico_lang, .ly_notyet .dont_view .chk_area .ico_chkbox, .ly_notyet .ver_unofficial .rate .ico_rate, .ly_patron_guide .btn_close, .ly_redeem_coin .ico_qrcode, .ly_redeem_coin .redeem_code_pop:before, .main_banner_big .ico_pg2, .paginate .pg_next em, .paginate .pg_prev em, .paginate a[aria-current=true] span, .paginate span.on, .paginate strong[aria-current=true] span, .payment_success_wrap .ico_qrcode, .publish_select_list .select_area .btn_select:after, .publish_select_list .select_area .btn_select[aria-expanded=true]:after, .publish_thumb_area .guideline, .recently_area .menu, .recently_area.unfd .ico_recently, .recently_cont .thmb, .redeem_wrap .ico_apple, .redeem_wrap .ico_facebook, .redeem_wrap .ico_line, .redeem_wrap .os_lst .input_radio:checked + .lb_radio:before, .regist_paypal_account .lk_register:after, .select1 .selected:after, .select1 .selected[aria-expanded=true]:after, .sign_up_area .btn_apple, .sign_up_area .btn_facebook, .sign_up_area .btn_line, .snb a .ico_beta, .sta .lk_creators a:before, .submit_contest .ly_area .btn_close, .submit_contest .ly_area .ico_arr.dn, .th .foot_app .foot_down_msg .btn_google, .th .foot_app .foot_down_msg .btn_ios, .th .foot_app .ico_qrcode, .th .txt_challenge, .th .txt_ico_completed, .th .txt_ico_completed2, .th .txt_ico_hiatus, .th .txt_ico_hiatus2, .th .txt_ico_hot, .th .txt_ico_hot2, .th .txt_ico_new, .th .txt_ico_new2, .th .txt_ico_up, .th .txt_ico_up2, .th .webtoon_canvas .creators_step_section .step1:before, .th .webtoon_canvas .creators_step_section .step2:before, .th .webtoon_canvas .creators_step_section .step3:before, .th .webtoon_canvas .creators_step_section .step4:before, .th .webtoon_canvas .creators_step_section .step5:before, .th .webtoon_canvas .creators_step_section .step6:before, .th .webtoon_canvas .creators_step_section .step7:before, .th .webtoon_canvas .creators_step_section .step8:before, .tool_area .logo .btn_logo, .tool_area .paginate.v2 .pg_next em, .tool_area .paginate.v2 .pg_next.dim em, .tool_area .paginate.v2 .pg_prev em, .tool_area .paginate.v2 .pg_prev.dim em, .tool_area .spi_area .ico_copy, .tool_area .spi_area .ico_facebook, .tool_area .spi_area .ico_favorites, .tool_area .spi_area .ico_favorites.on, .tool_area .spi_area .ico_line, .tool_area .spi_area .ico_tumblr, .tool_area .spi_area .ico_twitter, .tw .detail_body .detail_paywall .ico_note, .tw .foot_app .foot_down_msg .btn_google, .tw .foot_app .foot_down_msg .btn_ios, .tw .foot_app .ico_qrcode, .tw .txt_challenge, .tw .txt_ico_completed, .tw .txt_ico_completed2, .tw .txt_ico_hiatus, .tw .txt_ico_hiatus2, .tw .txt_ico_hot, .tw .txt_ico_hot2, .tw .txt_ico_new, .tw .txt_ico_new2, .tw .txt_ico_up, .tw .txt_ico_up2, .txt_challenge, .txt_ico_completed, .txt_ico_completed2, .txt_ico_hiatus, .txt_ico_hiatus2, .txt_ico_hot, .txt_ico_hot2, .txt_ico_new, .txt_ico_new2, .txt_ico_up, .txt_ico_up2, .viewer .challenge_spot_inner .btn_chal_next, .viewer .challenge_spot_inner .btn_chal_prev {
    background-color: transparent;
    background-image: url(/static/images/sp_webtoon_c3e318b7.png);
    background-repeat: no-repeat;
    background-size: 1315px 1278px;
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    vertical-align: top;
    white-space: nowrap
}

.academy_video_end_link_wrap .link_next:after, .academy_video_end_link_wrap .link_previous:before, .academy_video_end_section .read_now_area .info_area .link:after, .academy_video_end_section .webtoon_academy_download_list .download:before, .academy_video_end_section .webtoon_academy_video_list .thumbnail:after, .account_area .alert_area .ico_arr, .account_area .ico_email, .account_area .ico_google, .account_area .ico_twitter, .ads_client .lk_learn_more:after, .ads_signup_wrap .signup_title .super_like:before, .btn_foot_twitter, .btn_ly_close3, .button_ly_close, .canvas_news_wrap .cont_area .canvas_news_list .img_area .icon_bonus, .canvas_news_wrap .cont_area .canvas_news_list .info_area .link:after, .canvas_news_wrap .cont_area .text .link:after, .canvas_news_wrap .cont_area .video_area .video_play_button:after, .canvas_news_wrap .cont_area > .link:after, .canvas_news_wrap .read_now_area .info_area .link:after, .clip_studio_area .info_button.get:after, .clip_studio_area .logo .btn_logo, .coin_notice_wrap .coin_notice .ico_note, .coin_notice_wrap .coin_notice .ico_sale, .comment_area .creator_note .author_area a.author_name:after, .community_wrap .author_wrap .btn_info_menu:after, .community_wrap .author_wrap .btn_more_menu, .community_wrap .cont_wrap .community_list .btn_more_menu, .community_wrap .cont_wrap .community_list .comment_image .page_controls .next, .community_wrap .cont_wrap .community_list .comment_image .page_controls .prev, .community_wrap .cont_wrap .community_list .comment_poll .poll_list .poll_item.is_selected .poll_check_button:before, .community_wrap .cont_wrap .community_list .ly_sticker:after, .community_wrap .cont_wrap .community_list .sticker_send .sticker_off, .community_wrap .cont_wrap .sns_list .sns.facebook:before, .community_wrap .cont_wrap .sns_list .sns.instagram:before, .community_wrap .cont_wrap .sns_list .sns.patreon:before, .community_wrap .cont_wrap .sns_list .sns.twitter:before, .community_wrap .cont_wrap .sns_list .sns.url:before, .community_wrap .cont_wrap .sns_list .sns.youtube:before, .community_wrap .cont_wrap .title .link_back:before, .community_wrap .cont_wrap .title .more:after, .creator_hub_wrap.making_money .link_go:after, .creator_hub_wrap.making_money .link_join:after, .creator_making_money_banner:after, .creator_story_wrap .cont_area .video_area .video_play_button:after, .creator_story_wrap .read_now_area .info_area .link:after, .creators101_end_list .item.video .img_area:before, .creators101_end_list_inner .control .btn_next, .creators101_end_list_inner .control .btn_prev, .detail_header .info .author:after, .harmful_black_skin1:after, .harmful_black_skin2:after, .harmful_black_skin3:after, .harmful_white_skin1:after, .harmful_white_skin2:after, .ico_add, .ico_arr.v4, .ico_arr13, .ico_arr21, .ico_arr23, .ico_chk3, .ico_detail_info, .ico_grade2, .ico_history, .ico_info4, .ico_info5, .ico_login, .ico_mature_15, .ico_mature_26, .ico_mature_30, .ico_n1, .ico_n10, .ico_n1_big, .ico_n2, .ico_n3, .ico_n4, .ico_n5, .ico_n6, .ico_n7, .ico_n8, .ico_n9, .ico_num1, .ico_num2, .ico_num3, .ico_patron2, .ico_paypal, .ico_plus2, .ico_pop_arr2, .ico_step_arr1, .ico_superlike_off, .ico_superlike_off2, .ico_superlike_on, .ico_view3, .id .webtoon_academy_wrap.main .sns_banner_area .sns_title span:after, .invite_friends_content .link_copy:before, .invite_friends_head .invite_logo, .invite_wrap .ico_email, .invite_wrap .ico_google, .invite_wrap .ico_twitter, .lb_chkbox:before, .login_content_wrap .info_area .link_signup:after, .login_content_wrap .login_input .input_box .btn_show, .login_content_wrap .login_input .input_box .btn_show[aria-pressed=true], .login_content_wrap .sns_list .btn_sns.apple:before, .login_content_wrap .sns_list .btn_sns.facebook:before, .login_content_wrap .sns_list .btn_sns.google:before, .login_content_wrap .sns_list .btn_sns.line:before, .login_content_wrap .sns_list .btn_sns.twitter:before, .login_content_wrap .sns_list .btn_sns:before, .ly_community_language .btn_close:after, .ly_creator .title .link:after, .ly_flicking .btn_close:after, .ly_flicking .page_controls .next, .ly_flicking .page_controls .prev, .ly_invite_code .description_area .ico_qrcode, .ly_invite_code .invite_code_area:before, .ly_report .report_list a:after, .ly_sticker_receive .btn_close, .ly_superlike_history .super_like_count:before, .ly_wrap .ly_my_comment_image_area + .ly_my_comment_close:after, .ly_wrap .my_comment_writer_list .writer_name.type_page_checked:after, .ly_wrap .my_comment_writer_list .writer_thumbnail_area:before, .month_promo .month_promo_redeem_box .button_faq:after, .month_promo .month_promo_redeem_box .redeem_account_info.type_apple:before, .month_promo .month_promo_redeem_box .redeem_account_info.type_email:before, .month_promo .month_promo_redeem_box .redeem_account_info.type_facebook:before, .month_promo .month_promo_redeem_box .redeem_account_info.type_google:before, .month_promo .month_promo_redeem_box .redeem_account_info.type_line:before, .month_promo .month_promo_redeem_box .redeem_account_info.type_x:before, .my_coin_content .ico_android, .my_coin_content .ico_ios, .my_coin_content .total_coin:before, .my_comments .my_comment_best, .my_comments .my_comment_button.type_delete:before, .my_comments .my_comment_button.type_dislike:before, .my_comments .my_comment_button.type_like:before, .my_comments .my_comment_button_list_more:after, .my_comments .my_comment_reply_button.type_fold:after, .my_comments .my_comment_reply_button.type_more:after, .my_comments .my_comment_reply_item:before, .my_comments .my_comment_reply_name.type_page_checked .my_comment_reply_name_text:after, .my_comments .my_comment_super_like:before, .my_comments .my_comment_text.type_reply:before, .my_comments .my_comment_top, .my_comments .my_comment_writer_react .writer_thumbnail_area:before, .my_comments .my_comment_writer_wrap .my_comment_writer_text_wrap .my_comment_writer_name .my_comment_writer_forum:before, .nativo_header .sns_area .ico_facebook, .nativo_header .sns_area .ico_x, .payment_information_content .pay_link:after, .payment_information_content .payment_information_list dd .payment_area.jko .payment_box:after, .payment_information_content .payment_information_list dd .payment_area.line .payment_box:after, .redeem_wrap .ico_email, .redeem_wrap .ico_google, .redeem_wrap .ico_twitter, .reward_desc strong:before, .reward_time_info .btn_time_info:before, .select_list .selected_item:after, .sign_up_area .btn_google, .sign_up_area .btn_twitter, .snb li.g_others a:after, .sta .lk_webtoonshop, .super_like .current_section .super_like_count:before, .th .webtoon_canvas .creators_academy_section .info .item1:before, .th .webtoon_canvas .creators_academy_section .info .item2:before, .tw .coin_notice_wrap .coin_notice .ico_note, .tw .payment_information_content .pay_link:before, .webtoon_academy_downloadable_section .webtoon_academy_download_list .download:before, .webtoon_academy_video_list_area .webtoon_academy_video_list .thumbnail:after, .webtoon_academy_wrap.main .faq_list .faq_question:after, .webtoon_academy_wrap.main .learn_more_wrap .item1:before, .webtoon_academy_wrap.main .learn_more_wrap .item2:before, .webtoon_academy_wrap.main .learn_more_wrap .learn_more .link:after, .webtoon_academy_wrap.main .list_video .thumbnail:after, .webtoon_academy_wrap.main .share_area .link.facebook, .webtoon_academy_wrap.main .share_area .link.instagram, .webtoon_academy_wrap.main .share_area .link.line, .webtoon_academy_wrap.main .share_area .link.twitter, .webtoon_academy_wrap.main .share_area .link.url, .webtoon_academy_wrap.main .share_area .link.whatsapp, .webtoon_academy_wrap.main .sns_banner_area .link:after, .webtoon_academy_wrap.main .sns_banner_area:before, .webtoon_canvas .creators_academy_section .info .item .link:after, .webtoon_canvas .creators_academy_section .info .item1:before, .webtoon_canvas .creators_academy_section .info .item2:before, .webtoon_canvas .creators_academy_section .link_more:after, .webtoon_canvas .creators_make_money_section .link_more:after, .webtoon_canvas .creators_news_section .button_news_more, .webtoon_canvas .creators_news_section .creators_news_list .link .image_wrap .no_image:before, .webtoon_canvas .creators_step_section .step1:before, .webtoon_canvas .creators_step_section .step2:before, .webtoon_canvas .creators_step_section .step3:before, .webtoon_canvas .creators_step_section .step4:before, .webtoon_canvas .creators_step_section .step5:before, .webtoon_canvas .creators_step_section .step6:before, .webtoon_canvas .creators_story_section .creators_story_list .creator_quotation:before, .webtoon_canvas .creators_story_section .creators_story_list .link_read_more:after, .webtoon_canvas .creators_story_section .page_controls .next, .webtoon_canvas .creators_story_section .page_controls .prev, .webtoon_canvas .creators_video_section .creators_canvas_video .video_play_button:after {
    background-color: transparent;
    /*background-image: url(https://webtoons-static.pstatic.net/image/static/pc/sprite/sp_webtoon_svg_4b8da0fe.png);*/
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(https://webtoons-static.pstatic.net/image/static/pc/sprite/sp_webtoon_svg_b3c1b3f6.svg);*/
    /*background-image: linear-gradient(transparent, transparent), url(https://webtoons-static.pstatic.net/image/static/pc/sprite/sp_webtoon_svg_b3c1b3f6.svg);*/
    background-repeat: no-repeat;
    background-size: 1594px 1201px;
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    vertical-align: top;
    white-space: nowrap
}

.input_chk {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 30px;
    width: 30px
}

.input_chk, .input_chk + label {
    left: 0;
    position: absolute;
    top: 0
}

.input_chk + label {
    cursor: pointer
}

.input_chk:focus {
    outline: 1px dotted #000
}

.label {
    cursor: pointer;
    display: inline-block;
    line-height: 30px;
    vertical-align: top
}

.label:before {
    background-position: -326px -1164px;
    background-repeat: no-repeat;
    content: "";
    float: left;
    height: 30px;
    margin-right: 12px;
    width: 30px
}

.chk_area input:checked + .label:before {
    background-position: -1083px -1013px
}

.chk_area input:focus + .label:before {
    outline: 1px dotted #000;
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color
}

.bar {
    background: #d6d6d6;
    display: inline-block;
    height: 16px;
    line-height: 999px;
    overflow: hidden;
    vertical-align: top;
    width: 1px
}

.thum_skin {
    border: 1px solid #000;
    bottom: 0;
    content: "";
    filter: alpha(opacity=10);
    left: 0;
    opacity: .1;
    position: absolute;
    right: 0;
    top: 0
}

.aside .thum_skin {
    background: #000;
    border: 0;
    filter: alpha(opacity=6);
    opacity: .06
}

.genre {
    font-size: 14px
}

.genre.g_fantasy {
    color: #8b00e9
}

.genre.g_action {
    color: #006afa
}

.genre.g_drama {
    color: #00b19a
}

.genre.g_romance, .genre.g_romance_m {
    color: #fd337f
}

.genre.g_comedy {
    color: #eea800
}

.genre.g_sports {
    color: #1ba8f2
}

.genre.g_sf {
    color: #2d4464
}

.genre.g_thriller {
    color: #c00355
}

.genre.g_slice_of_life {
    color: #9ab710
}

.genre.g_historical {
    color: #62422b
}

.genre.g_heartwarming {
    color: #fd6900
}

.genre.g_horror {
    color: #be0000
}

.genre.g_super_hero {
    color: #4a20e2
}

.genre.g_tiptoon {
    color: #ff76cd
}

.genre.g_short_story {
    color: #609bfc
}

.genre.g_web_novel {
    color: #3393c6
}

.genre.g_supernatural {
    color: #7a41e9
}

.genre.g_crime_mystery, .genre.g_mystery {
    color: #434458
}

.genre.g_romantic_fantasy {
    color: #d216e9
}

.genre.g_bl_gl {
    color: #ee82ff
}

.genre.g_western_palace {
    color: #d216e9
}

.genre.g_eastern_palace {
    color: #63422b
}

.genre.g_time_slip {
    color: #6550fb
}

.genre.g_city_office {
    color: #37308c
}

.genre.g_adaptation {
    color: #00c855
}

.genre.g_school {
    color: #da8754
}

.genre.g_local {
    color: #25ef92
}

.genre.g_shonen {
    color: #2961b0
}

.genre.g_martial_arts {
    color: #905125
}

.genre.g_all, .genre.g_others {
    color: #373737
}

.grade_area .ico_like3 {
    margin: 4px 2px 0 1px
}

.grade_area .ico_view2 {
    margin: 3px 1px 0 0
}

.grade_area .ico_view3 {
    margin: 2px 1px 0 0
}

.grade_num {
    color: #00dc64;
    display: inline-block;
    font-family: verdana !important;
    font-size: 14px;
    height: 16px;
    line-height: 17px;
    margin-left: 3px;
    vertical-align: top
}

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

.contest_banner {
    background-color: #281e34;
    display: block;
    height: 150px;
    text-align: center
}

.contest_banner.v2 {
    background: #8549ff
}

.contest_banner.v3 {
    background: #16221c;
    height: 90px
}

.paginate {
    overflow: hidden;
    text-align: center
}

.paginate a, .paginate strong, .paginate.v2 [class^=pg_] {
    color: #070707;
    display: inline-block;
    font-size: 15px;
    height: 28px;
    letter-spacing: 1px;
    line-height: 30px;
    margin-left: 3px;
    vertical-align: top;
    width: 28px
}

.paginate strong {
    font-weight: 400
}

.detail_body .paginate .pg_prev + a, .paginate a:first-child {
    margin: 0
}

.paginate a[aria-current=true] span, .paginate span.on, .paginate strong[aria-current=true] span {
    background-position: -1104px -477px;
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    height: 28px;
    text-indent: 0;
    width: 28px
}

.paginate a[class^=pg_] {
    cursor: pointer;
    margin: 0
}

.paginate [class^=pg_].off {
    display: none
}

.paginate [class^=pg_] em {
    margin-top: 10px
}

.paginate .pg_prev em {
    background-position: -1300px -1039px
}

.paginate .pg_next em, .paginate .pg_prev em {
    background-repeat: no-repeat;
    height: 10px;
    width: 6px
}

.paginate .pg_next em {
    background-position: -1300px -1025px
}

.harmful_black_skin1, .harmful_black_skin2, .harmful_black_skin3, .harmful_white_skin1, .harmful_white_skin2 {
    overflow: hidden;
    position: relative
}

.harmful_black_skin1:before, .harmful_black_skin2:before, .harmful_black_skin3:before, .harmful_white_skin1:before, .harmful_white_skin2:before {
    bottom: -1px;
    content: "";
    left: -1px;
    opacity: .85;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 100
}

.harmful_black_skin1:after, .harmful_black_skin2:after, .harmful_black_skin3:after, .harmful_white_skin1:after, .harmful_white_skin2:after {
    content: "";
    position: absolute;
    z-index: 110 !important
}

.harmful_white_skin1:before {
    background: #fff
}

.harmful_white_skin1:after {
    background-position: -896px -489px;
    background-repeat: no-repeat;
    bottom: 8px;
    height: 26px;
    right: 8px;
    width: 26px
}

.harmful_white_skin2:before {
    background: #fff
}

.harmful_white_skin2:after {
    background-position: -896px -489px;
    background-repeat: no-repeat;
    bottom: 8px;
    height: 26px;
    right: 8px;
    width: 26px
}

.harmful_black_skin1:before {
    background: #1c1c1c
}

.harmful_black_skin1:after {
    background-position: -896px -489px;
    background-repeat: no-repeat;
    bottom: 8px;
    height: 26px;
    right: 8px;
    width: 26px
}

.harmful_black_skin2:before {
    background: #1c1c1c
}

.harmful_black_skin2:after {
    background-position: -896px -489px;
    background-repeat: no-repeat;
    height: 26px;
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 26px
}

.harmful_black_skin3:before {
    background: #1c1c1c
}

.harmful_black_skin3:after {
    background-position: -1537px -943px;
    background-repeat: no-repeat;
    height: 20px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 21px
}

.my_comment_tag {
    background-color: rgba(0, 0, 0, .04);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    overflow: hidden;
    position: relative;
    width: 340px
}

.my_comment_tag_image_area {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 72px
}

.my_comment_tag_image {
    height: 100%;
    width: 100%
}

.my_comment_tag_text_area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 16px;
    width: 268px
}

.my_comment_tag_title {
    color: #3c3c3c;
    display: block;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px
}

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

.my_comment_tag_writer {
    color: #8c8c8c;
    font-size: 12px;
    line-height: 18px;
    margin-top: 1px
}

#u_skip {
    position: relative;
    z-index: 1000
}

#u_skip a {
    /*background: url(https://webtoons-static.pstatic.net/image/static/pc/sp_u_skip_v2.png) repeat-x 0 -11px;*/
    border: 1px solid #00dc64;
    left: 0;
    outline: none;
    position: absolute;
    text-align: center;
    top: -30px;
    width: 128px
}

#u_skip a:active, #u_skip a:focus {
    zoom: 1;
    cursor: pointer;
    text-decoration: none;
    top: 0
}

#u_skip span {
    /*background: url(https://webtoons-static.pstatic.net/image/static/pc/sp_u_skip_v2.png) no-repeat 100% 11px;*/
    color: #fff;
    display: inline-block;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 26px;
    padding: 2px 6px 0 0
}

body.block_scroll {
    overflow: hidden
}

#wrap {
    height: 100%;
    min-width: 1240px
}

.en #wrap, .es #wrap, .fr #wrap {
    min-width: 1400px
}

#header {
    background: #fff;
    height: 100px;
    margin-bottom: -100px;
    position: relative;
    z-index: 210
}

#wrap.header_bdr #header {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: -101px
}

.header_inner {
    margin: 0 auto;
    max-width: 1680px;
    position: relative
}

.header_inner:after {
    clear: both;
    content: "";
    display: block
}

#container {
    min-height: 100%;
    position: relative
}

#container.bg {
    background: #f5f5f5
}

#content {
    padding: 100px 0 406px;
    position: relative
}

.id #content, .tw #content {
    padding: 100px 0 0
}

.fr #content {
    padding: 100px 0 348px
}

.es #content {
    padding-bottom: 505px
}

#content.viewer {
    padding-top: 0;
    position: relative
}

#footer {
    background: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    margin-top: -406px;
    min-height: 405px;
    position: relative
}

.id #footer, .tw #footer {
    margin-top: 35px;
    min-height: 240px;
}

.fr #footer {
    margin-top: -348px;
    min-height: 347px
}

.es #footer {
    margin-top: -505px;
    min-height: 504px
}

.cont_box {
    margin: 0 auto;
    position: relative;
    width: 1200px;
    z-index: 10
}

.cont_box:after {
    clear: both;
    content: "";
    display: block
}

.cont_box.v2 {
    margin-top: 77px;
    width: 1120px
}

.aside {
    float: right;
    width: 190px
}

.logo {
    float: left;
    height: 100px
}

.logo .btn_logo {
    margin: 13px 0 0 25px
}

.sta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 25px;
    top: 34px;
    z-index: 10
}

.sta .lk_webtoonshop {
    background-position: -1430px -785px;
    background-repeat: no-repeat;
    height: 33px;
    margin-right: 18px;
    width: 156px
}

.sta .lk_publish {
    background: #2f2f2f;
    border-radius: 17px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 33px;
    line-height: 35px;
    text-align: center;
    vertical-align: top;
    width: 125px;
    margin-left:10px;
}

.sta .lk_publish:hover {
    background: #151515
}

.sta .lk_publish.on {
    color: #00dc64
}

.sta .lk_publish span {
    margin-top: 11px
}

.sta .lk_login {
    background: #fff;
    border: 1px solid #b4b4b4;
    border-radius: 17px;
    color: #838383;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 33px;
    line-height: 33px;
    margin-left: 7px;
    text-align: center;
    vertical-align: top;
    width: 102px
}

.sta .lk_login span {
    margin-top: 11px
}

.sta .btn_search {
    margin-left: 18px
}

.sta .login_wrap {
    display: none;
    margin-left: 4px;
    position: relative;
    vertical-align: top
}

.sta .login, .sta .login_wrap.on {
    display: inline-block
}

.sta .login {
    background: #fff;
    border: 1px solid #b4b4b4;
    border-radius: 17px;
    color: #7f7f7f;
    cursor: pointer;
    font-size: 13px;
    line-height: 31px;
    margin-left: 7px;
    max-width: 148px;
    overflow: hidden;
    padding: 0 15px 0 37px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sta .login em {
    left: 6px;
    position: absolute;
    top: 4px
}

.sta .lk_creators {
    display: inline-block;
    margin: 4px 18px 0 0;
    vertical-align: top
}

.sta .lk_creators a {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.2px
}

.sta .lk_creators a:before {
    background-position: 0 -1231px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 21px;
    margin: -1px 2px 0 0;
    vertical-align: middle;
    width: 24px
}

.sta .lk_creators a:hover {
    color: #00dc64
}

.sta .lk_creators a:hover:before {
    background-position: -28px -1231px
}

.search_area {
    background: #fff;
    border: 1px solid #b4b4b4;
    border-radius: 17px;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 328px
}

.search_area .input_box {
    display: inline-block;
    height: 25px;
    padding: 6px 0 0 17px;
    vertical-align: top;
    width: 210px
}

.search_area .input_search {
    background: none;
    border: none;
    font-size: 14px;
    width: 100%
}

.search_area .search_dsc {
    color: #d2d2d2;
    font-size: 13px;
    left: 20px;
    position: absolute;
    top: 6px
}

.search_area .form_area {
    height: 31px;
    position: absolute;
    right: 0;
    top: 0
}

.search_area .form_area .ico_search {
    margin: 10px 2px 0 0
}

.search_area .form_area .btn_delete {
    margin-top: 7px
}

.search_area .form_area .bar {
    background: #b4b4b4;
    height: 12px;
    margin: 10px 9px 0 8px
}

.search_area .form_area .lk_close {
    color: #838383;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 31px;
    line-height: 33px;
    padding-right: 15px;
    vertical-align: top
}

.search_area .form_area .lk_close .txt_close {
    margin-top: 10px
}

.search_area .ly_autocomplete {
    background: #fff;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 26px;
    border-top: 1px solid #f0f0f0;
    text-align: left
}

.search_area .ly_autocomplete .title {
    color: #767676;
    font-size: 15px;
    font-weight: 500;
    line-height: 17px;
    margin: 17px 0 -4px;
    padding-left: 17px
}

.search_area .ly_autocomplete .autocomplete_foot {
    height: 32px;
    padding-left: 17px;
    position: relative
}

.search_area .ly_autocomplete .autocomplete_foot a {
    color: #767676;
    font-size: 15px;
    font-weight: 500;
    line-height: 34px
}

.search_area .ly_autocomplete .autocomplete_foot .ico_arr9 {
    margin: -2px 0 0 4px;
    vertical-align: middle
}

.search_area .ly_autocomplete .autocomplete_foot .right {
    position: absolute;
    right: 20px;
    top: 0
}

.search_area .lst_autocomplete li {
    border-bottom: 1px solid #f0f0f0
}

.search_area .lst_autocomplete li.on, .search_area .lst_autocomplete li:hover {
    background: #f3f3f3
}

.search_area .lst_autocomplete a {
    color: #767676;
    display: block;
    height: 54px;
    padding: 0 17px 0 60px;
    position: relative
}

.search_area .lst_autocomplete .pic {
    left: 17px;
    position: absolute;
    top: 11px
}

.search_area .lst_autocomplete .subj {
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    overflow: hidden;
    padding-top: 11px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search_area .lst_autocomplete strong {
    color: #00dc64;
    font-weight: 400;
    font-weight: 500
}

.search_area .lst_autocomplete .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    line-height: 16px;
    padding-top: 4px;
    white-space: nowrap
}

.search_area .lst_autocomplete .info .author {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search_area .lst_autocomplete .info .bar {
    -ms-flex-negative: 0;
    background: #bababa;
    flex-shrink: 0;
    height: 8px;
    line-height: 999px;
    margin: 3px 8px 0;
    overflow: hidden;
    width: 1px
}

.search_area .lst_autocomplete .info .ico_grade4 {
    margin-top: 1px
}

.search_area .lst_autocomplete .info .ico_view3 {
    margin-right: 0
}

.search_area .lst_autocomplete .info .grade_area {
    margin-top: -1px
}

.search_area .lst_autocomplete .info .grade_num {
    font-size: 11px;
    line-height: 16px;
    margin-left: 2px
}

.search_area .lst_autocomplete.creator {
    border-bottom: 1px solid #f0f0f0;
    padding: 9px 0 10px
}

.search_area .lst_autocomplete.creator li {
    border-bottom: none
}

.search_area .lst_autocomplete.creator a {
    height: 22px;
    padding: 0 17px
}

.search_area .lst_autocomplete.creator .info {
    line-height: 22px;
    padding: 0 !important
}

.search_area .lst_autocomplete.creator .info .bar {
    margin: 6px 5px 0
}

.search_area .lst_autocomplete.creator .info .author {
    font-weight: 500;
    margin-right: 7px;
    max-width: 86px
}

.search_area .lst_autocomplete.creator .info .subj2 {
    display: inline-block;
    max-width: 86px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.search_area .lst_history {
    border-bottom: 1px solid #f0f0f0;
    padding: 11px 0 4px
}

.search_area .lst_history li {
    height: 27px;
    line-height: 27px;
    overflow: hidden;
    padding: 0 17px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search_area .lst_history li.on, .search_area .lst_history li:hover {
    background: #f3f3f3
}

.search_area .lst_history a {
    word-wrap: break-word;
    color: #767676;
    font-size: 13px;
    word-break: break-all
}

.search_area .lst_history a strong {
    color: #00dc64;
    font-weight: 500
}

.lnb {
    float: left;
    height: 60px;
    padding: 40px 0 0 10px;
    vertical-align: top
}

.lnb li {
    float: left;
    padding: 0 10px;
    position: relative
}

.lnb li.on a {
    color: #00dc64
}

.lnb li a {
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px
}

.lnb li a:hover {
    color: #00dc64
}

.lnb li h1 {
    font-size: 20px;
    font-weight: 500
}

.lnb li .ico_menu_new {
    left: 50%;
    margin-left: -16px;
    position: absolute;
    top: -26px
}

.lnb .m05 {
    margin-left: 10px;
    overflow: hidden;
    padding-left: 1px;
    position: relative;
    top: -25px
}

.lnb .m05 .ico_menu_new {
    top: 14px
}

.lnb .m05 a {
    float: left
}

.lnb .m05 + .m05 {
    margin: 0
}

.id .lnb .m04 {
    padding-right: 24px
}

.snb_wrap {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #eaeaea;
    clear: both;
    height: 67px;
    position: relative;
    text-align: center;
    z-index: 200
}

.snb_inner {
    margin: 0 auto;
    position: relative;
    width: 1120px
}

.snb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    line-height: 67px
}

.snb a {
    color: #bbb;
    display: block;
    font-size: 15px;
    font-weight: 500;
    height: 67px;
    line-height: 70px;
    padding: 0 5px
}

.snb a:hover {
    color: #000
}

.snb a span {
    display: inline-block;
    line-height: 17px;
    vertical-align: middle
}

.snb a .ico_beta {
    background-position: -1211px -1091px;
    background-repeat: no-repeat;
    height: 9px;
    line-height: 999px;
    margin-left: 5px;
    vertical-align: 3px;
    width: 26px
}

.snb li.on a {
    color: #000;
    position: relative
}

.snb li.on a:before {
    background-color: #000;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
}

.snb li.g_others a:after {
    background-position: -898px -909px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 7px;
    margin: -4px 0 0 11px;
    vertical-align: middle;
    width: 10px
}

.snb li.g_others a:hover:after, .snb li.g_others.on a:after {
    background-position: -916px -909px
}

.snb li.g_others.arrow_up a:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.snb.challenge li.on {
    top: 0
}

.snb.challenge li.g_home {
    padding-right: 35px;
    position: relative
}

.snb.challenge li.g_home .bar {
    background-color: #dcdcdc;
    height: 26px;
    position: absolute;
    right: 0;
    top: 22px;
    width: 1px
}

.th .snb.challenge li.g_home a {
    padding: 0 17px
}

.th .snb.challenge li.g_all {
    width: 100px
}

.snb_sub_genre {
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    left: 0;
    top: 68px
}

.snb_sort, .snb_sub_genre {
    position: absolute;
    right: 0
}

.snb_sort {
    top: 16px;
    width: 150px;
    z-index: 150
}

.snb_sort .checked {
    background: transparent;
    cursor: pointer;
    font-size: 15px;
    height: 60px;
    line-height: 70px;
    padding-right: 37px;
    text-align: right;
    width: 100%
}

.snb_sort .checked .ico_chk2 {
    position: absolute;
    right: 13px;
    top: 28px
}

.snb_sort .sort_box {
    background: #fff;
    border: 1px solid #e4e4e4;
    display: none;
    left: 0;
    padding: 14px 0 21px;
    position: absolute;
    top: -1px;
    width: 148px;
    z-index: 10
}

.snb_sort .sort_box.on {
    display: block
}

.snb_sort .sort_box li {
    position: relative;
    text-align: right
}

.snb_sort .sort_box a {
    cursor: pointer;
    display: block;
    font-size: 15px;
    height: 40px;
    line-height: 42px;
    padding-right: 36px
}

.snb_sort .sort_box .ico_chk2 {
    margin: 0;
    position: absolute;
    right: 12px;
    top: 14px
}

.id .snb_sort {
    width: 232px
}

.id .snb_sort .sort_box {
    width: 230px
}

.th .snb_sort {
    width: 176px
}

.th .snb_sort .sort_box {
    width: 174px
}

.tw .snb_sort .checked {
    padding-right: 67px
}

.tw .snb_sort .checked .ico_chk2 {
    right: 43px
}

.tw .snb_sort .sort_box a {
    padding-right: 66px
}

.tw .snb_sort .sort_box a .ico_chk2 {
    right: 42px
}

.es .snb_sort {
    width: 170px
}

.es .snb_sort .sort_box {
    width: 168px
}

.fr .snb_sort {
    width: 170px
}

.fr .snb_sort .sort_box {
    width: 168px
}

.snb_sort.search {
    width: 280px !important
}

.snb_sort.search .sort_box {
    width: 278px !important
}

.snb_wrap.my .snb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.snb_wrap.my .snb li {
    margin: 0 21px
}

.es .snb_wrap.my .snb li {
    margin: 0 12px
}

.snb_wrap.terms .snb_inner {
    width: auto
}

.snb_wrap.terms .snb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.snb_wrap.terms .snb li {
    margin: 0 25px
}

.snb_wrap.creator_hub .snb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.snb_wrap.creator_hub .snb li {
    margin: 0 17px
}

.snb_wrap.daily .snb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.snb_wrap.daily .snb li {
    margin: 0 30px
}

.snb_wrap.daily .snb_sort {
    right: -44px;
    top: 75px
}

.snb_wrap.v2 {
    background-color: transparent;
    border-top: 0;
    height: 69px
}

.snb_wrap.popular .snb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.snb_wrap.popular .snb li {
    margin: 0 21px
}

.snb_wrap.coin_shop .snb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.snb_wrap.coin_shop .snb a {
    padding: 0
}

.snb_wrap.coin_shop .snb li {
    margin: 0 60px
}

.recently_area {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/bg_recently.png);
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translate(114px);
    -ms-transform: translate(114px);
    transform: translate(114px);
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 220
}

.recently_area .menu {
    background-position: -1136px -424px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 156px;
    margin-top: -78px;
    position: absolute;
    right: 114px;
    text-indent: 0;
    top: 50%;
    width: 40px
}

.recently_area [class*=_recently] {
    display: block !important;
    margin: 0 auto;
    position: relative
}

.recently_area .t_recently {
    font-size: 14px;
    font-weight: 500;
    margin-top: -48px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    white-space: nowrap
}

.recently_area .ico_recently {
    bottom: 16px;
    left: 18px;
    position: absolute
}

.recently_area .t_recently2 {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
    text-align: center
}

.recently_area .recently_cont {
    height: auto;
    margin-top: -349px;
    overflow: hidden;
    padding: 0 22px;
    position: relative;
    top: 50%;
    width: 70px
}

.recently_area.unfd {
    height: 100%;
    right: 0;
    top: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    width: 114px
}

.recently_area.unfd .menu {
    width: 29px
}

.recently_area.unfd .t_recently {
    display: none !important
}

.recently_area.unfd .ico_recently {
    background-position: -1300px -201px;
    background-repeat: no-repeat;
    height: 25px;
    left: 6px;
    margin-top: -78px;
    position: relative;
    top: 66px;
    width: 8px
}

.recently_area.unfd [class$=_line] {
    border-left: 1px solid #efefef;
    height: 100%;
    left: -1px;
    position: absolute;
    width: 1px
}

.recently_area.unfd .lt_line {
    bottom: 50%;
    margin-bottom: 78px
}

.recently_area.unfd .lb_line {
    margin-top: 78px;
    top: 50%
}

.th .recently_area .t_recently {
    margin-top: -40px
}

.th .recently_area .t_recently2 {
    padding-top: 3px
}

.recently_cont .bar {
    background: #e3deda;
    height: 1px;
    margin: 11px 0 21px;
    width: 70px
}

.recently_cont .detail_info {
    display: block
}

.recently_cont .thmb {
    background-position: -1060px -275px;
    background-repeat: no-repeat;
    display: block;
    height: 74px;
    position: relative;
    text-indent: 0;
    width: 70px
}

.recently_cont .ico_mature_26 {
    left: 3px;
    position: absolute;
    top: 3px
}

.recently_cont .info {
    display: block;
    height: 44px;
    padding-top: 7px
}

.recently_cont .subj {
    color: #000;
    display: block;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: -1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.recently_cont .episode {
    color: #7a7a7a;
    font-size: 14px;
    line-height: 15px
}

.th .recently_cont .info {
    height: 47px;
    padding-top: 4px
}

.th .recently_cont .subj {
    padding: 3px 0 2px
}

.notice_area {
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    height: 51px;
    line-height: 51px;
    padding-top: 2px;
    position: relative
}

.notice_area .notice_detail {
    color: #000;
    font-size: 17px;
    margin: 0 auto;
    overflow: hidden;
    width: 1200px
}

.notice_area .notice_detail a {
    display: inline-block;
    vertical-align: top
}

.notice_area .notice_detail .notice_tit {
    font-weight: 500
}

.notice_area .notice_detail .notice_tit .ico_arr3 {
    margin: -3px 19px 0 20px;
    vertical-align: middle
}

.notice_area .notice_detail .notice_cont {
    max-width: 965px;
    padding-right: 102px;
    position: relative
}

.notice_area .notice_detail .notice_cont .subj {
    word-break: break-all
}

.notice_area .notice_detail .date {
    color: #b1b1b1;
    font-family: verdana;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: -1px
}

.notice_area .subj {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.go_top {
    bottom: 40px;
    height: 49px;
    overflow: hidden;
    position: fixed;
    right: 37px;
    width: 50px;
    z-index: 100
}

.foot_app {
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    text-align: center
}

.foot_app .foot_logo, .foot_app a {
    display: inline-block;
    vertical-align: middle
}

.foot_app .ico_qrcode {
    background-position: -231px -825px;
    background-repeat: no-repeat;
    float: left;
    height: 126px;
    margin-top: 27px;
    width: 243px
}

.en .foot_app .ico_qrcode {
    display: none
}

.id .foot_app .ico_qrcode {
    background-position: -852px -618px
}

.id .foot_app .ico_qrcode, .th .foot_app .ico_qrcode {
    background-repeat: no-repeat;
    height: 137px;
    margin-top: 16px;
    width: 248px
}

.th .foot_app .ico_qrcode {
    background-position: -852px -477px
}

.tw .foot_app .ico_qrcode {
    background-position: 0 -825px;
    background-repeat: no-repeat;
    height: 140px;
    margin-top: 13px;
    width: 227px
}

.de .foot_app .ico_qrcode, .es .foot_app .ico_qrcode, .fr .foot_app .ico_qrcode {
    display: none
}

.foot_app .foot_down_msg {
    float: left;
    padding: 30px 0 33px 18px;
    text-align: left
}

.foot_app .foot_down_msg .txt {
    color: #000;
    font-size: 16px;
    height: 54px;
    line-height: 21px
}

.en .foot_app .foot_down_msg {
    padding: 24px 0 29px;
    text-align: center
}

.en .foot_app .foot_down_msg .txt {
    font-size: 17px;
    font-weight: 500;
    height: auto;
    line-height: 31px;
    margin-bottom: 8px
}

.en .foot_app .foot_down_msg .btn_google {
    background-position: -1136px -717px;
    background-repeat: no-repeat;
    height: 40px;
    margin-right: 7px;
    width: 134px
}

.en .foot_app .foot_down_msg .btn_ios {
    background-position: -694px -969px;
    background-repeat: no-repeat;
    height: 40px;
    width: 120px
}

.th .foot_app .foot_down_msg .txt {
    height: 47px;
    padding-top: 3px
}

.th .foot_app .foot_down_msg .btn_google {
    background-position: -1136px -673px;
    background-repeat: no-repeat;
    height: 40px;
    width: 134px
}

.th .foot_app .foot_down_msg .btn_ios {
    background-position: -446px -969px;
    background-repeat: no-repeat;
    height: 40px;
    width: 120px
}

.tw .foot_app .foot_down_msg .txt {
    height: 48px;
    padding-top: 2px
}

.tw .foot_app .foot_down_msg .btn_google {
    background-position: -1136px -893px;
    background-repeat: no-repeat;
    height: 40px;
    width: 134px
}

.tw .foot_app .foot_down_msg .btn_ios {
    background-position: -191px -1053px;
    background-repeat: no-repeat;
    height: 40px;
    width: 109px
}

.id .foot_app .foot_down_msg .txt {
    height: 47px;
    padding-top: 3px
}

.id .foot_app .foot_down_msg .btn_google {
    background-position: -1136px -849px;
    background-repeat: no-repeat;
    height: 40px;
    width: 134px
}

.id .foot_app .foot_down_msg .btn_ios {
    background-position: -570px -969px;
    background-repeat: no-repeat;
    height: 40px;
    width: 120px
}

.es .foot_app .foot_down_msg {
    padding: 24px 0 29px;
    text-align: center
}

.es .foot_app .foot_down_msg .txt {
    font-size: 17px;
    font-weight: 500;
    height: auto;
    line-height: 31px;
    margin-bottom: 8px
}

.es .foot_app .foot_down_msg .btn_google {
    background-position: -1136px -761px;
    background-repeat: no-repeat;
    height: 40px;
    margin-right: 7px;
    width: 134px
}

.es .foot_app .foot_down_msg .btn_ios {
    background-position: -322px -969px;
    background-repeat: no-repeat;
    height: 40px;
    width: 120px
}

.fr .foot_app .foot_down_msg {
    padding: 24px 0 29px;
    text-align: center
}

.fr .foot_app .foot_down_msg .txt {
    font-size: 17px;
    font-weight: 500;
    height: auto;
    line-height: 31px;
    margin-bottom: 8px
}

.fr .foot_app .foot_down_msg .btn_google {
    background-position: -1136px -805px;
    background-repeat: no-repeat;
    height: 40px;
    margin-right: 7px;
    width: 134px
}

.fr .foot_app .foot_down_msg .btn_ios {
    background-position: -191px -969px;
    background-repeat: no-repeat;
    height: 40px;
    width: 127px
}

.de .foot_app .foot_down_msg {
    padding: 24px 0 29px;
    text-align: center
}

.de .foot_app .foot_down_msg .txt {
    font-size: 17px;
    font-weight: 500;
    height: auto;
    line-height: 31px;
    margin-bottom: 8px
}

.de .foot_app .foot_down_msg .btn_google {
    background-position: -1136px -629px;
    background-repeat: no-repeat;
    height: 40px;
    margin-right: 7px;
    width: 135px
}

.de .foot_app .foot_down_msg .btn_ios {
    background-position: -818px -969px;
    background-repeat: no-repeat;
    height: 40px;
    width: 120px
}

.foot_app .btn_google {
    background-position: -191px -1013px;
    margin-right: 4px
}

.foot_app .btn_google, .foot_app .btn_ios {
    background-repeat: no-repeat;
    height: 36px;
    width: 124px
}

.foot_app .btn_ios {
    background-position: -942px -969px
}

.tw .foot_app .btn_google {
    background-position: -1136px -893px
}

.tw .foot_app .btn_ios {
    background-position: -191px -1053px
}

.foot_cont {
    display: inline-block;
    overflow: hidden;
    vertical-align: top
}

.foot_menu {
    padding-top: 29px;
    position: relative;
    text-align: center
}

.foot_menu li {
    display: inline-block;
    height: 15px;
    vertical-align: top
}

.foot_menu a {
    font-size: 16px;
    line-height: 18px
}

.foot_menu .bar {
    margin: 0 16px
}

.language {
    margin-top: -7px;
    position: relative
}

.language a {
    cursor: pointer
}

.language .lk_lang {
    background: #f5f5f5;
    border: 1px solid #b4b4b4;
    border-radius: 14px;
    color: #838383;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    position: relative;
    text-align: left;
    text-indent: 13px;
    width: 100px
}

.language .lk_lang .ico_lang_arr {
    margin: 0;
    position: absolute;
    right: 9px;
    top: 11px
}

.language .ly_lang {
    background: #f5f5f5;
    border: 1px solid #b4b4b4;
    border-radius: 14px;
    bottom: -63px;
    display: none;
    left: 0;
    padding: 3px 0;
    position: absolute;
    text-align: left;
    width: 100px;
    z-index: 10
}

.language .ly_lang .ico_lang_arr2 {
    margin: 0;
    position: absolute;
    right: 7px;
    top: 5px
}

.language .ly_lang a, .language .ly_lang li {
    display: block;
    height: 21px
}

.language .ly_lang a {
    color: #838383;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    text-indent: 13px
}

.language .ly_lang span {
    margin: 4px 0 0 12px
}

.language .ly_lang .on a {
    color: #00dc64
}

.copyright {
    color: #c5c5c5;
    font-size: 14px;
    line-height: 16px;
    padding-top: 16px;
    position: relative;
    text-align: center
}

.copyright a {
    color: inherit
}

.copyright .tab_space {
    display: inline-block;
    width: 18px
}

.es .copyright {
    color: #a6a6a6;
    line-height: 23px
}

.foot_logo {
    display: none;
    margin-top: 20px;
    text-align: center
}

.de .foot_logo, .en .foot_logo, .es .foot_logo, .fr .foot_logo, .id .foot_logo, .tw .foot_logo {
    display: block
}

.es .foot_logo {
    margin-top: 34px
}

.foot_sns {
    margin-top: 38px;
    text-align: center
}

.foot_sns li {
    display: inline-block;
    margin-left: 30px;
    vertical-align: top
}

.foot_sns li:first-child {
    margin-left: 0
}

.ly_dim {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2990
}

.ly_dim.on, .ly_wrap.on {
    display: block
}

.ly_dim .bg {
    background: #000;
    filter: alpha(opacity=80);
    height: 100%;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 100%
}

.ly_dim .bg.v2 {
    filter: alpha(opacity=20);
    opacity: .2
}

.ly_dim .bg.v3 {
    filter: alpha(opacity=50);
    opacity: .5
}

.ly_wrap {
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3000
}

.ly_wrap.v2 {
    position: fixed
}

.ly_wrap.on {
    display: block
}

.ly_wrap.fixed {
    position: fixed
}

.ly_wrap .ly_img {
    left: 0;
    position: absolute;
    top: 0
}

.ly_wrap.block {
    height: 485px;
    left: 50%;
    margin: -244px 0 0 -189px;
    top: 50%;
    width: 378px
}

.ly_wrap.block .ly_img {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/pop_siteblock.jpg) no-repeat;
    height: 100%;
    width: 100%
}

.ly_wrap.block a {
    height: 30px;
    left: 104px;
    position: absolute;
    text-indent: -9999px;
    top: 316px;
    width: 170px
}

.ly_box {
    background: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .2);
    box-shadow: 0 0 18px rgba(0, 0, 0, .2);
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.ly_box .btn_ly_close, .ly_box .btn_ly_close3, .ly_box .button_ly_close {
    position: absolute;
    right: 20px;
    top: 20px
}

.ly_box.v2 {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ly_box .button_area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.ly_box .button_area .pop_btn {
    background: #242424;
    border-radius: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    height: 48px;
    min-width: 152px;
    padding: 0 20px
}

.ly_box .button_area .pop_btn.on {
    background: #00dc64
}

.ly_box .button_area .pop_btn.disabled {
    cursor: default
}

.ly_box .button_area .pop_btn.disabled span {
    opacity: .5
}

.ly_alignbox {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.ly_area {
    background: #fff;
    border: 1px solid #b4b4b4;
    border-radius: 7px;
    display: none;
    position: absolute;
    white-space: nowrap
}

.ly_area.on {
    display: block
}

.ly_area .ly_cont {
    color: #000;
    font-size: 16px;
    text-align: center;
    vertical-align: middle
}

.ly_area .ico_arr {
    position: absolute;
    width: 19px !important
}

[class^=ly_] .ico_arr {
    height: 13px !important;
    position: absolute
}

[class^=ly_] .ico_arr.up {
    top: -13px
}

.ly_area .ico_arr.dn {
    background-position: -939px -806px;
    background-repeat: no-repeat;
    bottom: -13px;
    height: 12px;
    width: 17px
}

.ly_area .ico_arr.rt {
    background-position: -1274px -699px;
    background-repeat: no-repeat;
    height: 14px;
    right: -18px;
    top: 38px;
    width: 19px
}

.ly_area .ico_arr.v2.up {
    background-position: -1274px -743px;
    left: auto;
    right: 112px
}

.ly_area .ico_arr.v2.dn, .ly_area .ico_arr.v2.up {
    background-repeat: no-repeat;
    height: 13px;
    width: 19px
}

.ly_area .ico_arr.v2.dn {
    background-position: -1274px -787px
}

.ly_area .ico_arr.v2.lt {
    background-position: -1300px -179px;
    background-repeat: no-repeat;
    height: 18px;
    height: 18px !important;
    left: -12px;
    top: 18px;
    width: 12px;
    width: 12px !important
}

.ly_area .ly_btn {
    margin: 7px auto 0
}

.ly_area .btn_bx {
    margin: 0 auto
}

.ly_delete {
    border-color: #c9c9c9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 22px 18px;
    text-align: center;
    width: 266px;
    z-index: 1000
}

.ly_delete.ly_area .ly_btn {
    font-size: 0;
    margin-top: 19px
}

.ly_delete .ly_cont {
    font-size: 15px;
    line-height: 24px
}

.ly_delete .btn_bx {
    background-color: #2f2f2f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 32px;
    line-height: 32px;
    min-width: 96px;
    padding: 0 16px
}

.ly_delete .btn_bx + .btn_bx {
    margin-left: 12px
}

.ly_delete .ico_arr.v2.up {
    background-position: -960px -806px;
    background-repeat: no-repeat;
    height: 11px;
    height: 11px !important;
    left: 50%;
    right: auto;
    top: -11px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 17px;
    width: 17px !important
}

.ly_flex_wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    inset: 0;
    justify-content: center;
    padding: 100px 0;
    position: fixed;
    z-index: 3000
}

.ly_flex_wrap.on {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ly_flex_wrap .ly_box {
    height: 100%;
    overflow: hidden
}

.btn_logo {
    background-position: -1180px -505px;
    height: 74px;
    width: 77px
}

.btn_logo, .btn_search {
    background-repeat: no-repeat
}

.btn_search {
    background-position: 0 -1164px;
    cursor: pointer;
    height: 33px;
    width: 33px
}

.btn_search:hover {
    background-position: -74px -1164px
}

.btn_delete {
    background-position: -591px -1201px;
    height: 16px;
    width: 16px
}

.btn_delete, .btn_delete5 {
    background-repeat: no-repeat
}

.btn_delete5 {
    background-position: -1274px -761px;
    height: 22px;
    width: 22px
}

.btn_chk {
    background-position: -889px -1110px;
    height: 35px;
    width: 35px
}

.btn_chk, .btn_top {
    background-repeat: no-repeat
}

.btn_top {
    background-position: -216px -1110px;
    height: 49px;
    width: 50px
}

.btn_episode_fd {
    background-position: -828px -897px;
    background-repeat: no-repeat;
    height: 25px;
    width: 84px
}

.btn_bx {
    background: #ececec;
    border-radius: 16px;
    display: inline-block;
    font-size: 15px;
    height: 33px;
    line-height: 36px;
    vertical-align: top;
    width: 88px
}

.btn_lineset {
    background-position: -423px -1013px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 33px;
    width: 61px
}

.btn_lineset.on {
    background-position: -1070px -969px
}

.btn_clse {
    background-position: -1070px -874px;
    height: 18px;
    width: 19px
}

.btn_clse, .btn_clse2 {
    background-repeat: no-repeat
}

.btn_clse2 {
    background-position: -571px -1201px;
    height: 16px;
    width: 16px
}

.btn_facebook {
    background-position: 0 -1110px
}

.btn_facebook, .btn_twitter {
    background-repeat: no-repeat;
    height: 50px;
    width: 50px
}

.btn_twitter {
    background-position: -1240px -268px
}

.btn_line {
    background-position: -162px -1110px
}

.btn_google, .btn_line {
    background-repeat: no-repeat;
    height: 50px;
    width: 50px
}

.btn_google {
    background-position: -108px -1110px
}

.btn_apple {
    background-position: -1060px -417px;
    height: 50px;
    width: 50px
}

.btn_apple, .btn_bgm {
    background-repeat: no-repeat
}

.btn_bgm {
    background-position: -528px -1013px;
    float: left;
    height: 32px;
    margin: 9px 12px 0 0;
    width: 32px
}

.btn_bgm.on {
    background-position: -564px -1013px
}

.btn_ly_close {
    background-position: -1047px -874px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 18px;
    width: 19px
}

.btn_ly_close3 {
    background-position: -192px -1071px
}

.btn_ly_close3, .button_ly_close {
    background-repeat: no-repeat;
    height: 18px;
    width: 18px
}

.button_ly_close {
    background-position: -218px -1071px
}

.btn_type1 {
    background: #8c8c8c;
    border-radius: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    height: 36px;
    line-height: 38px;
    min-width: 88px;
    padding: 0 22px;
    text-align: center;
    vertical-align: top
}

.btn_type1.v2 {
    background: #2f2f2f
}

.btn_type2 {
    background: #fff;
    border: 1px solid #bbb;
    border-radius: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #3c3c3c;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    min-width: 88px;
    padding: 0 21px;
    text-align: center
}

.btn_type2, .btn_type3 {
    display: inline-block;
    vertical-align: top
}

.btn_type3 {
    background: #ececec;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    color: #585858;
    font-size: 14px;
    height: 26px;
    line-height: 28px;
    padding: 0 12px
}

button.btn_type3 {
    cursor: pointer;
    height: 28px
}

button.btn_type3:disabled {
    color: #a6a6a6;
    cursor: auto
}

.btn_type4 {
    background: #fff;
    color: #2f2f2f;
    display: inline-block;
    height: 23px;
    line-height: 25px;
    vertical-align: top
}

.btn_type4, .btn_type5 {
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 6px
}

.btn_type5 {
    background: #00dc64;
    color: #434343;
    height: 26px;
    line-height: 28px
}

.btn_type6 {
    background: #f1f1f1;
    border-radius: 3px;
    color: #757575;
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    line-height: 22px;
    padding: 0 6px
}

.btn_type6:hover, .btn_type7 {
    background: #00dc64;
    color: #fff
}

.btn_type7 {
    border-radius: 26px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 43px;
    line-height: 46px;
    padding: 0 15px 0 20px;
    text-align: center;
    vertical-align: top
}

.btn_type7 span {
    margin: -2px 0 0 10px;
    vertical-align: middle
}

.btn_type7.v4 {
    background-color: #00dc64;
    float: none;
    font-family: inherit;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    width: 112px
}

.btn_type7.v4 span {
    margin: 0
}

.btn_type7.v4.disabled {
    cursor: default
}

.btn_type7.v4.disabled span {
    filter: alpha(opacity=40);
    opacity: .4
}

.btn_type7.v5 {
    background: #ececec;
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #595959;
    line-height: 44px
}

.btn_type8 {
    background: #6a6a6a;
    border-radius: 26px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    text-align: center;
    vertical-align: top;
    width: 106px
}

.btn_type8.v2 {
    background: #00dc64
}

.btn_type8.v3 {
    background: #2f2f2f
}

.btn_type8.v4 {
    background-color: #2f2f2f;
    float: none;
    font-family: inherit;
    font-size: 18px;
    margin-left: 14px;
    width: 112px
}

.btn_type8.v4, .btn_type9 {
    height: 48px;
    line-height: 48px
}

.btn_type9 {
    background: #2f2f2f;
    border-radius: 26px;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    min-width: 108px;
    padding: 0 29px;
    text-align: center;
    vertical-align: top
}

.btn_type9.v2 {
    background: #00dc64
}

.btn_type9.v3 {
    background: #d6d6d6;
    pointer-events: none
}

.btn_type10 {
    background: #7e7e7e;
    border-radius: 18px;
    height: 36px;
    line-height: 36px;
    margin-left: 7px;
    padding: 0 24px
}

.btn_type10, .btn_type11 {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    vertical-align: top
}

.btn_type11 {
    background: #2f2f2f;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    margin-left: 6px;
    text-align: center;
    width: 110px
}

.btn_type11[disabled] {
    background: #ececec;
    border: 1px solid #e5e5e5;
    color: #cecece;
    cursor: auto
}

.btn_type11.on {
    background-color: #00dc64
}

.btn_type12 {
    background: #000;
    border-radius: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    height: 32px;
    line-height: 32px;
    min-width: 96px;
    padding: 0 16px
}

.btn_type12 + .btn_type12 {
    margin-left: 12px
}

.btn_type12.on {
    background: #00dc64
}

.btn_type13 {
    background-color: #00dc64;
    border-radius: 24px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    height: 48px;
    letter-spacing: -.2px;
    line-height: 52px;
    padding: 0 19px 0 36px
}

.btn_type13:after {
    background-position: -1300px -677px;
    background-repeat: no-repeat;
    content: "";
    height: 14px;
    margin-bottom: 3px;
    margin-left: 19px;
    vertical-align: middle;
    width: 9px
}

.btn_type14 {
    background: #2f2f2f;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 28px;
    line-height: 30px;
    padding: 0 12px
}

.btn_publish {
    background: #00dc64;
    border-radius: 3px;
    font-size: 12px;
    height: 20px;
    line-height: 22px;
    padding: 0 6px
}

.btn_create2, .btn_publish {
    color: #fff;
    display: inline-block;
    font-weight: 500;
    vertical-align: top
}

.btn_create2 {
    background: #2f2f2f;
    border-radius: 20px;
    font-size: 16px;
    height: 40px;
    line-height: 42px;
    min-width: 118px;
    padding: 0 14px;
    text-align: center
}

.btn_favorite {
    background: #fff;
    border-radius: 17px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    height: 35px;
    line-height: 36px;
    padding: 0 14px;
    vertical-align: top
}

.btn_favorite.on {
    background-position: -772px -1110px;
    background-repeat: no-repeat;
    height: 35px;
    padding: 0;
    text-indent: 35px;
    width: 35px
}

.btn_rate2 {
    background: #00dc64;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 13px;
    height: 23px;
    line-height: 25px;
    margin: -2px 0 0 6px;
    min-width: 50px;
    padding: 0 8px;
    text-align: center;
    vertical-align: top;
    vertical-align: middle
}

.btn_rate2, .btn_translate {
    color: #fff;
    display: inline-block;
    font-weight: 500
}

.btn_translate {
    background: #585858;
    border-radius: 15px;
    font-size: 14px;
    height: 30px;
    line-height: 32px;
    padding: 0 14px;
    vertical-align: top
}

.btn_fantrans {
    background: #fff;
    border: 1px solid #00dc64;
    border-radius: 10px;
    color: #00dc64;
    font-size: 13px;
    height: 18px;
    line-height: 20px;
    width: 98px
}

.btn_fantrans, .btn_list {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: top
}

.btn_list {
    background: #76777b;
    border-radius: 16px;
    color: #fff;
    font-size: 16px;
    height: 33px;
    line-height: 36px;
    width: 88px
}

.btn_gotohome {
    background: #2f2f2f;
    border-radius: 20px;
    font-size: 18px;
    height: 40px;
    line-height: 43px;
    width: 378px
}

.btn_chooseupload, .btn_gotohome {
    color: #fff;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: top
}

.btn_chooseupload {
    background: #7e7e7e;
    font-size: 15px;
    height: 36px;
    line-height: 36px;
    width: 180px
}

.browsebutton.v3 .btn_chooseupload, .btn_chooseupload {
    border-radius: 18px
}

.btn_submit {
    background: #2f2f2f;
    border-radius: 20px;
    font-size: 18px;
    height: 40px;
    line-height: 42px;
    width: 130px
}

.btn_findout, .btn_submit {
    color: #fff;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: top
}

.btn_findout {
    background: #00dc64;
    border-radius: 25px;
    font-size: 16px;
    height: 46px;
    line-height: 49px;
    min-width: 90px;
    padding: 0 45px 0 32px;
    position: relative
}

.btn_findout span {
    position: absolute;
    right: 29px;
    top: 17px
}

.btn_publish2 {
    background: #252525;
    border-radius: 26px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    height: 46px;
    line-height: 48px;
    padding: 0 25px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 128px
}

.btn_publish2 span {
    position: absolute;
    right: 19px;
    top: 17px
}

.btn_login {
    background: #00dc64;
    border-radius: 16px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 33px;
    line-height: 35px;
    padding-right: 10px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 114px
}

.btn_login span {
    position: absolute;
    right: 20px;
    top: 12px
}

.btn_foot_facebook {
    background-position: -459px -1201px;
    background-repeat: no-repeat;
    height: 18px;
    width: 18px
}

.btn_foot_instagram {
    background-position: -390px -1201px;
    width: 20px
}

.btn_foot_instagram, .btn_foot_twitter {
    background-repeat: no-repeat;
    height: 20px
}

.btn_foot_twitter {
    background-position: -896px -523px;
    width: 22px
}

.btn_foot_pinterest {
    background-position: -105px -1231px;
    width: 16px
}

.btn_foot_pinterest, .btn_foot_youtube {
    background-repeat: no-repeat;
    height: 20px
}

.btn_foot_youtube {
    background-position: -138px -1201px;
    width: 26px
}

.btn_foot_line {
    background-position: -168px -1201px;
    background-repeat: no-repeat;
    height: 20px;
    width: 22px
}

.btn_file_del {
    background: #7e7e7e;
    border-radius: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    margin-left: 7px;
    text-align: center;
    vertical-align: top;
    width: 128px
}

.ico_detail_info {
    background-position: -1546px -1023px;
    height: 19px;
    width: 19px
}

.ico_detail_info, .ico_n1 {
    background-repeat: no-repeat
}

.ico_n1 {
    background-position: -1248px -508px;
    height: 13px;
    width: 7px
}

.ico_n1_big {
    background-position: -1430px -826px;
    background-repeat: no-repeat;
    height: 86px;
    width: 50px
}

.ico_n2 {
    background-position: -844px -999px
}

.ico_n2, .ico_n3 {
    background-repeat: no-repeat;
    height: 14px;
    width: 10px
}

.ico_n3 {
    background-position: -826px -999px
}

.ico_n4 {
    background-position: -492px -1071px;
    background-repeat: no-repeat;
    height: 13px;
    width: 12px
}

.ico_n5 {
    background-position: -808px -999px
}

.ico_n5, .ico_n6 {
    background-repeat: no-repeat;
    height: 14px;
    width: 10px
}

.ico_n6 {
    background-position: -790px -999px
}

.ico_n7 {
    background-position: -474px -1071px;
    height: 13px;
    width: 10px
}

.ico_n7, .ico_n8 {
    background-repeat: no-repeat
}

.ico_n8 {
    background-position: -1576px -878px;
    height: 15px;
    width: 11px
}

.ico_n9 {
    background-position: -862px -999px;
    height: 14px;
    width: 10px
}

.ico_n10, .ico_n9 {
    background-repeat: no-repeat
}

.ico_n10 {
    background-position: -896px -551px;
    height: 15px;
    width: 20px
}

.ico_facebook {
    background-position: -1080px -897px
}

.ico_facebook, .ico_twitter {
    background-repeat: no-repeat;
    height: 23px;
    width: 23px
}

.ico_twitter {
    background-position: -945px -897px
}

.ico_user {
    background-position: -84px -1201px
}

.ico_tumblr, .ico_user {
    background-repeat: no-repeat;
    height: 23px;
    width: 23px
}

.ico_tumblr {
    background-position: -111px -1201px
}

.ico_homepage {
    background-position: -57px -1201px
}

.ico_blog, .ico_homepage {
    background-repeat: no-repeat;
    height: 23px;
    width: 23px
}

.ico_blog {
    background-position: -1107px -897px
}

.ico_instagram {
    background-position: -972px -897px
}

.ico_instagram, .ico_youtube {
    background-repeat: no-repeat;
    height: 23px;
    width: 23px
}

.ico_youtube {
    background-position: -30px -1201px
}

.ico_patreon {
    background-position: -1026px -897px
}

.ico_etc, .ico_patreon {
    background-repeat: no-repeat;
    height: 23px;
    width: 23px
}

.ico_etc {
    background-position: -1053px -897px
}

.ico_line {
    background-position: -999px -897px;
    height: 23px;
    width: 23px
}

.ico_line, .ico_line2 {
    background-repeat: no-repeat
}

.ico_line2 {
    background-position: -530px -1110px;
    height: 44px;
    width: 43px
}

.ico_search {
    background-position: -1300px -526px;
    height: 12px;
    width: 12px
}

.ico_search, .ico_search2 {
    background-repeat: no-repeat
}

.ico_search2 {
    background-position: -1300px -356px;
    height: 14px;
    width: 14px
}

.ico_mywebtoon {
    background-position: -56px -1231px;
    height: 21px;
    width: 23px
}

.ico_login, .ico_mywebtoon {
    background-repeat: no-repeat
}

.ico_login {
    background-position: -1177px -943px;
    height: 23px;
    width: 24px
}

.ico_grade2 {
    background-position: -767px -999px;
    height: 14px;
    width: 15px
}

.ico_grade2, .ico_grade3 {
    background-repeat: no-repeat
}

.ico_grade3 {
    background-position: -1300px -392px;
    height: 13px;
    width: 14px
}

.ico_grade4 {
    background-position: -1300px -557px;
    height: 11px;
    width: 12px
}

.ico_grade4, .ico_grade5 {
    background-repeat: no-repeat
}

.ico_grade5 {
    background-position: -631px -1201px;
    height: 16px;
    width: 16px
}

.ico_prev {
    background-position: -1300px -28px;
    background-repeat: no-repeat;
    height: 24px;
    width: 15px
}

.ico_prev:hover {
    background-position: -1300px -56px
}

.ico_next {
    background-position: -1280px -1164px;
    background-repeat: no-repeat;
    height: 24px;
    width: 15px
}

.ico_next:hover {
    background-position: -1300px 0
}

.ico_arr1 {
    background-position: -1300px -835px;
    width: 7px
}

.ico_arr.v4, .ico_arr1 {
    background-repeat: no-repeat;
    height: 13px
}

.ico_arr.v4 {
    background-position: -1530px -920px;
    width: 18px
}

.ico_arr2 {
    background-position: -1300px -904px;
    height: 11px
}

.ico_arr2, .ico_arr3 {
    background-repeat: no-repeat;
    width: 7px
}

.ico_arr3 {
    background-position: -1300px -818px;
    height: 13px
}

.ico_arr4 {
    background-position: -1300px -957px;
    height: 9px
}

.ico_arr4, .ico_arr7 {
    background-repeat: no-repeat;
    width: 7px
}

.ico_arr7 {
    background-position: -1300px -919px;
    height: 10px
}

.ico_arr8 {
    background-position: -1300px -801px;
    height: 13px;
    width: 7px
}

.ico_arr8, .ico_arr9 {
    background-repeat: no-repeat
}

.ico_arr9 {
    background-position: -1310px -983px;
    height: 8px;
    width: 5px
}

.ico_arr10 {
    background-position: -1300px -970px;
    height: 9px;
    width: 7px
}

.ico_arr10, .ico_arr11 {
    background-repeat: no-repeat
}

.ico_arr11 {
    background-position: -1300px -695px;
    height: 14px;
    width: 9px
}

.ico_arr12 {
    background-position: -1300px -983px;
    height: 10px;
    width: 6px
}

.ico_arr12, .ico_arr13 {
    background-repeat: no-repeat
}

.ico_arr13 {
    background-position: -1005px -999px;
    height: 12px;
    width: 8px
}

.ico_arr20 {
    background-position: -1309px -1053px;
    height: 11px;
    width: 5px
}

.ico_arr20, .ico_arr21 {
    background-repeat: no-repeat
}

.ico_arr21 {
    background-position: -1021px -999px;
    height: 12px;
    width: 8px
}

.ico_arr22 {
    background-position: -1311px -801px;
    height: 7px;
    width: 4px
}

.ico_arr22, .ico_arr23 {
    background-repeat: no-repeat
}

.ico_arr23 {
    background-position: -1057px -999px;
    height: 12px;
    width: 10px
}

.ico_arr24 {
    background-position: -1300px -1011px;
    width: 6px
}

.ico_arr24, .ico_arr25 {
    background-repeat: no-repeat;
    height: 10px
}

.ico_arr25 {
    background-position: -1104px -604px;
    width: 18px
}

.ico_chk {
    background-position: -1300px -587px
}

.ico_chk, .ico_chk2 {
    background-repeat: no-repeat;
    height: 11px;
    width: 12px
}

.ico_chk2 {
    background-position: -1300px -632px
}

.ico_chk3 {
    background-position: -1254px -1023px;
    background-repeat: no-repeat;
    height: 27px;
    width: 27px
}

.ico_chk4 {
    background-position: -1300px -572px
}

.ico_chk4, .ico_chk5 {
    background-repeat: no-repeat;
    height: 11px;
    width: 12px
}

.ico_chk5 {
    background-position: -1300px -617px
}

.ico_chk6 {
    background-position: -1300px -662px
}

.ico_chk6, .ico_chk7 {
    background-repeat: no-repeat;
    height: 11px;
    width: 12px
}

.ico_chk7 {
    background-position: -1300px -602px
}

.ico_like {
    background-position: -1274px -831px;
    background-repeat: no-repeat;
    height: 14px;
    width: 16px
}

.ico_like.on {
    background-position: -1274px -875px
}

.ico_like2 {
    background-position: -919px -806px;
    background-repeat: no-repeat;
    height: 15px;
    height: 14px !important;
    width: 16px;
    width: 16px !important
}

.ico_like2.on {
    background-position: -899px -806px
}

.ico_like3 {
    background-position: -1300px -542px;
    background-repeat: no-repeat;
    height: 11px;
    width: 13px
}

.ico_empty_dash, .ico_empty_fav, .ico_nochallenge, .ico_nosearch {
    background-position: -852px -275px;
    background-repeat: no-repeat;
    height: 198px;
    width: 204px
}

.ico_lang_arr {
    background-position: -1300px -1081px;
    height: 5px
}

.ico_lang_arr, .ico_lang_arr2 {
    background-repeat: no-repeat;
    width: 8px
}

.ico_lang_arr2 {
    background-position: -1300px -945px;
    height: 8px
}

.ico_recently {
    background-position: -1300px -1068px;
    height: 9px;
    width: 6px
}

.ico_bgm, .ico_recently {
    background-repeat: no-repeat
}

.ico_bgm {
    background-position: -1300px -647px;
    height: 11px;
    width: 12px
}

.ico_pub_arr {
    background-position: -1253px -155px;
    background-repeat: no-repeat;
    height: 67px;
    width: 35px
}

.ico_pub01 {
    background-position: -1006px -1110px
}

.ico_pub01, .ico_pub02 {
    background-repeat: no-repeat;
    height: 35px;
    width: 35px
}

.ico_pub02 {
    background-position: -1084px -1110px
}

.ico_chkbox {
    background-color: #f5f5f5;
    background-position: -326px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.ico_chkbox.on {
    background-color: #f5f5f5;
    background-position: -1083px -1013px
}

.ico_chkbox2 {
    background-color: #fff;
    background-position: -326px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.ico_chkbox2.on {
    background-color: #fff;
    background-position: -1083px -1013px
}

.ico_menu_new {
    background-position: -1261px -557px;
    background-repeat: no-repeat;
    height: 19px;
    width: 33px
}

.ico_caution {
    background-position: -1300px -374px
}

.ico_caution, .ico_info {
    background-repeat: no-repeat;
    height: 14px;
    width: 14px
}

.ico_info {
    background-position: -1300px -284px
}

.ico_info2 {
    background-position: -342px -1201px
}

.ico_info2, .ico_info3 {
    background-repeat: no-repeat;
    height: 20px;
    width: 20px
}

.ico_info3 {
    background-position: -366px -1201px
}

.ico_info4 {
    background-position: -1520px -1023px
}

.ico_info4, .ico_info5 {
    background-repeat: no-repeat;
    height: 19px;
    width: 18px
}

.ico_info5 {
    background-position: -1468px -1023px
}

.ico_rate {
    background-position: -1300px -713px;
    height: 11px;
    width: 11px
}

.ico_rate, .ico_rate2 {
    background-repeat: no-repeat
}

.ico_rate2 {
    background-position: -1300px -248px;
    height: 14px;
    width: 14px
}

.ico_rate2.on {
    background-position: -1300px -266px
}

.ico_pg {
    background-position: -1300px -773px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 10px;
    width: 10px
}

.ico_pg[aria-current=true] {
    background-position: -1300px -787px
}

.ico_plus {
    background-position: -1300px -510px;
    margin: 0 3px 0 0
}

.ico_plus, .ico_plus2 {
    background-repeat: no-repeat;
    height: 12px;
    vertical-align: middle;
    width: 12px
}

.ico_plus2 {
    background-position: -1037px -999px;
    margin: -2px 10px 0 0
}

.ico_plus3 {
    background-position: -1300px -320px;
    height: 14px;
    height: 14px !important;
    width: 14px;
    width: 14px !important
}

.ico_plus3, .ico_plus4 {
    background-repeat: no-repeat
}

.ico_plus4 {
    background-position: -1300px -443px;
    height: 13px;
    margin: -1px 3px 0 0;
    vertical-align: middle;
    width: 13px
}

.ico_bookmark {
    background-position: -1300px -460px;
    background-repeat: no-repeat;
    height: 14px;
    width: 12px
}

.ico_subscribe {
    background-position: -1104px -738px;
    height: 17px;
    width: 26px
}

.ico_subscribe, .ico_view {
    background-repeat: no-repeat
}

.ico_view {
    background-position: -852px -806px;
    height: 15px;
    width: 21px
}

.ico_view2 {
    background-position: -1274px -919px;
    height: 12px;
    width: 18px
}

.ico_view2, .ico_view3 {
    background-repeat: no-repeat
}

.ico_view3 {
    background-position: -434px -1071px;
    height: 15px;
    width: 14px
}

.ico_pw_good {
    background-position: -1274px -893px
}

.ico_pw_good, .ico_pw_weak {
    background-repeat: no-repeat;
    height: 22px;
    width: 22px
}

.ico_pw_weak {
    background-position: 0 -1256px
}

.ico_pw_unavailable {
    background-position: -1274px -849px;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px
}

.ico_chart {
    background-position: -187px -1231px;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px
}

.ico_calendar {
    background-position: -1114px -451px
}

.ico_calendar, .ico_calendar2 {
    background-repeat: no-repeat;
    height: 15px;
    width: 18px
}

.ico_calendar2 {
    background-position: -877px -806px
}

.ico_hand {
    background-position: -245px -1201px
}

.ico_hand, .ico_money {
    background-repeat: no-repeat;
    height: 20px;
    width: 21px
}

.ico_money {
    background-position: -220px -1201px
}

.ico_lock3 {
    background-position: -1104px -509px;
    background-repeat: no-repeat;
    height: 31px;
    width: 23px
}

.ico_circle {
    background: #00dc64;
    border-radius: 50% 50%;
    height: 6px;
    width: 6px
}

.ico_num1 {
    background-position: -550px -1023px
}

.ico_num1, .ico_num2 {
    background-repeat: no-repeat;
    height: 36px;
    width: 35px
}

.ico_num2 {
    background-position: -464px -1023px
}

.ico_num3 {
    background-position: -681px -1023px;
    background-repeat: no-repeat;
    height: 36px;
    width: 35px
}

.ico_num1_2 {
    background-position: -1160px -1164px
}

.ico_num1_2, .ico_num2_2 {
    background-repeat: no-repeat;
    height: 26px;
    width: 26px
}

.ico_num2_2 {
    background-position: -1130px -1164px
}

.ico_num3_2 {
    background-position: -1100px -1164px
}

.ico_num3_2, .ico_num4_2 {
    background-repeat: no-repeat;
    height: 26px;
    width: 26px
}

.ico_num4_2 {
    background-position: -1040px -1164px
}

.ico_num5_2 {
    background-position: -1104px -708px;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px
}

.ico_history {
    background-position: -1412px -1023px;
    height: 20px
}

.ico_add, .ico_history {
    background-repeat: no-repeat;
    width: 20px
}

.ico_add {
    background-position: -1440px -1023px;
    height: 19px
}

.ico_patron2 {
    background-position: -1509px -943px
}

.ico_patron2, .ico_paypal {
    background-repeat: no-repeat;
    height: 21px;
    width: 20px
}

.ico_paypal {
    background-position: -1235px -549px
}

.ico_step_arr1 {
    background-position: -1548px -656px;
    background-repeat: no-repeat;
    height: 70px;
    width: 37px
}

.ico_pop_arr1 {
    background-position: -960px -806px;
    background-repeat: no-repeat;
    height: 11px;
    width: 17px
}

.ico_pop_arr2 {
    background-position: -813px -909px;
    background-repeat: no-repeat;
    height: 10px;
    width: 16px
}

.ico_logo_terms {
    background-position: -1136px -367px;
    background-repeat: no-repeat;
    height: 53px;
    width: 150px
}

.ico_foot_logo {
    background-position: -319px -1013px;
    background-repeat: no-repeat;
    height: 36px;
    width: 100px
}

.ico_mature_15 {
    background-position: -393px -1071px;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px
}

.id .ico_mature_15, .th .ico_mature_15, .tw .ico_mature_15 {
    background-position: -369px -1071px
}

.ico_mature_26 {
    background-position: -1566px -943px;
    background-repeat: no-repeat;
    height: 20px;
    width: 21px
}

.ico_mature_30 {
    background-position: -964px -1023px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.ico_superlike_on {
    background-position: -1233px -364px;
    width: 23px
}

.ico_superlike_off, .ico_superlike_on {
    background-repeat: no-repeat;
    height: 15px
}

.ico_superlike_off {
    background-position: -1430px -920px;
    width: 26px
}

.ico_superlike_off2 {
    background-position: -896px -465px;
    background-repeat: no-repeat;
    height: 16px;
    width: 26px
}

.sticker_like {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/sticker_like.svg) no-repeat
}

.sticker_heart {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/sticker_heart.svg) no-repeat
}

.sticker_smile {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/sticker_smile.svg) no-repeat
}

.sticker_sad {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/sticker_sad.svg) no-repeat
}

.sticker_favor {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/sticker_favor.svg) no-repeat
}

.sticker_surprise {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/sticker_surprise.svg) no-repeat
}

a.button_comment .icon_comment {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/icon_comment.svg) no-repeat
}

span.button_comment .icon_comment {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/icon_comment_off.svg) no-repeat
}

.txt_ico_new {
    background-position: -879px -1013px;
    height: 30px;
    width: 30px
}

.txt_ico_new, .txt_ico_new2 {
    background-repeat: no-repeat
}

.txt_ico_new2 {
    background-position: -1190px -1164px;
    height: 26px;
    width: 26px
}

.txt_ico_up {
    background-position: -530px -1164px;
    height: 30px;
    width: 30px
}

.txt_ico_up, .txt_ico_up2 {
    background-repeat: no-repeat
}

.txt_ico_up2 {
    background-position: -1104px -618px;
    height: 26px;
    width: 26px
}

.txt_ico_hiatus {
    background-position: -904px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.txt_ico_hiatus2 {
    background-position: -1104px -574px;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px
}

.txt_ico_hot {
    background-position: -802px -1164px;
    height: 30px;
    width: 30px
}

.txt_ico_hot, .txt_ico_hot2 {
    background-repeat: no-repeat
}

.txt_ico_hot2 {
    background-position: -1104px -678px;
    height: 26px;
    width: 26px
}

.txt_ico_completed {
    background-position: -972px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.txt_ico_completed2 {
    background-position: -1104px -544px;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px
}

.txt_challenge {
    background-position: -478px -825px;
    background-repeat: no-repeat;
    height: 68px;
    width: 197px
}

.id .txt_challenge {
    background-position: -660px -897px;
    background-repeat: no-repeat;
    height: 30px;
    width: 164px
}

.th .txt_ico_new, .th .txt_ico_new2 {
    background-position: -462px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.th .txt_ico_up, .th .txt_ico_up2 {
    background-position: -598px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.th .txt_ico_hiatus, .th .txt_ico_hiatus2 {
    background-position: -768px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.th .txt_ico_hot, .th .txt_ico_hot2 {
    background-position: -870px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.th .txt_ico_completed, .th .txt_ico_completed2 {
    background-position: -845px -1013px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.th .txt_challenge {
    background-position: -478px -897px;
    background-repeat: no-repeat;
    height: 37px;
    width: 178px
}

.tw .txt_ico_new, .tw .txt_ico_new2 {
    background-position: -394px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.tw .txt_ico_up, .tw .txt_ico_up2 {
    background-position: -564px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.tw .txt_ico_hiatus, .tw .txt_ico_hiatus2 {
    background-position: -734px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.tw .txt_ico_hot, .tw .txt_ico_hot2 {
    background-position: -836px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.tw .txt_ico_completed, .tw .txt_ico_completed2 {
    background-position: -1006px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.tw .txt_challenge {
    background-position: -679px -825px;
    background-repeat: no-repeat;
    height: 45px;
    width: 254px
}

.es .txt_ico_new {
    background-position: -666px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.es .txt_ico_new2 {
    background-position: -1220px -1164px;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px
}

.es .txt_ico_up {
    background-position: -938px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.es .txt_ico_up2 {
    background-position: 0 -1201px;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px
}

.es .txt_ico_hiatus {
    background-position: -904px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.es .txt_ico_hiatus2 {
    background-position: -1104px -574px;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px
}

.es .txt_ico_hot {
    background-position: -802px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.es .txt_ico_hot2 {
    background-position: -1104px -678px;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px
}

.es .txt_ico_completed {
    background-position: -913px -1013px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.es .txt_ico_completed2 {
    background-position: -1250px -1164px;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px
}

.fr .txt_ico_new {
    background-position: -879px -1013px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.fr .txt_ico_new2 {
    background-position: -1190px -1164px;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px
}

.fr .txt_ico_up {
    background-position: -530px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.fr .txt_ico_up2 {
    background-position: -1104px -618px;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px
}

.fr .txt_ico_hiatus {
    background-position: -904px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.fr .txt_ico_hiatus2 {
    background-position: -1104px -574px;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px
}

.fr .txt_ico_hot {
    background-position: -802px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.fr .txt_ico_hot2 {
    background-position: -1104px -678px;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px
}

.fr .txt_ico_completed {
    background-position: -913px -1013px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.fr .txt_ico_completed2 {
    background-position: -1250px -1164px;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px
}

.de .txt_ico_new {
    background-position: -700px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.de .txt_ico_new2 {
    background-position: -1070px -1164px;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px
}

.de .txt_ico_completed {
    background-position: -947px -1013px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.de .txt_ico_completed2 {
    background-position: -1104px -648px;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px
}

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

.login_area .logo {
    float: none;
    height: 109px;
    margin-bottom: 28px
}

.login_area .logo .btn_logo {
    background-position: -1136px -155px;
    background-repeat: no-repeat;
    height: 109px;
    margin: 0;
    width: 113px
}

.loginbox {
    position: relative
}

.loginbox, .ly_loginbox {
    border-radius: 15px;
    margin: 0 auto
}

.ly_loginbox.favorites {
    font-weight: 500;
    min-width: 150px
}

.ly_loginbox.favorites .loginbox_cont {
    padding: 19px 24px;
    text-align: left
}

.ly_loginbox.favorites .loginbox_cont li {
    padding-top: 14px
}

.ly_loginbox.favorites .loginbox_cont li:first-child {
    padding-top: 0
}

.ly_loginbox.favorites .loginbox_cont li a {
    color: #dcdcdc;
    display: block;
    font-size: 17px;
    font-weight: 400;
    line-height: 18px
}

.ly_loginbox.favorites .logoutbox_tab {
    background: #363636;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    color: #dcdcdc;
    display: block;
    font-size: 17px;
    font-weight: 400;
    height: 52px;
    line-height: 52px;
    padding: 0 21px
}

.login_wrap #container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    inset: 0;
    overflow-y: auto;
    position: fixed
}

.login_wrap #container, .login_wrap #content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.login_wrap #content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
}

.login_wrap.email #content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.login_wrap.email .loginbox {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 446px;
    padding: 0 30px 30px
}

.login_wrap.email .loginbox_cont {
    background: #fff;
    border-radius: 15px;
    height: auto;
    text-align: center
}

.login_wrap.email .loginbox_tx {
    color: #010101;
    font-size: 18px;
    line-height: 22px;
    padding: 46px 0 13px;
    white-space: nowrap
}

.login_wrap.email .loginbox_tx + .loginbox_tx {
    padding: 11px 0 16px
}

.login_wrap.email .lk_area {
    margin-top: 10px
}

.login_wrap #footer {
    border: none;
    height: 52px;
    margin: 0 !important;
    min-height: auto !important;
    padding: 24px 0
}

.login_wrap #footer .foot_menu {
    border: none;
    padding: 0
}

.login_wrap #footer .foot_menu a {
    color: #9a9a9a;
    letter-spacing: -.16px;
    line-height: 22px
}

.login_wrap #footer .bg_line {
    background: #d3d3d3;
    display: block;
    height: 1px;
    margin: 7px auto;
    width: 36px
}

.login_wrap #footer .copyright {
    color: #bbb;
    line-height: 22px;
    padding: 0
}

.login_wrap .login_content_wrap {
    margin: auto 0
}

.login_content_wrap {
    background: #fff;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #3c3c3c;
    min-height: 548px;
    padding: 48px 28px 36px;
    text-align: center;
    width: 380px
}

.login_content_wrap .title_area {
    margin-bottom: 28px
}

.login_content_wrap .title_area .title {
    font-size: 26px;
    font-weight: 600;
    line-height: 33px
}

.login_content_wrap .title_area .desc {
    font-size: 14px;
    line-height: 18px;
    margin-top: 6px
}

.login_content_wrap .title_area .link {
    color: #3b6cef
}

.login_content_wrap .sns_list .item + .item {
    margin-top: 8px
}

.login_content_wrap .sns_list .btn_sns {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 46px;
    padding: 0 40px;
    position: relative
}

.login_content_wrap .sns_list .btn_sns:before {
    background-position: -1233px -476px;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    height: 22px;
    left: 18px;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: 22px
}

.login_content_wrap .sns_list .btn_sns.line:before {
    background-position: -1449px -943px;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px
}

.login_content_wrap .sns_list .btn_sns.facebook:before {
    background-position: -1209px -943px;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px
}

.login_content_wrap .sns_list .btn_sns.twitter:before {
    background-position: -1419px -943px;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px
}

.login_content_wrap .sns_list .btn_sns.google:before {
    background-position: -1479px -943px;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px
}

.login_content_wrap .sns_list .btn_sns.apple:before {
    background-position: -1359px -943px;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px
}

.login_content_wrap .login_input {
    text-align: left
}

.login_content_wrap .login_input .input_area + .input_area {
    margin-top: 14px
}

.login_content_wrap .login_input .input_label {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px
}

.login_content_wrap .login_input .input_box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e0e0e0;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 22px;
    padding: 9px 12px
}

.login_content_wrap .login_input .input_box .input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 15px
}

.login_content_wrap .login_input .input_box .input::-webkit-input-placeholder {
    color: #adadad
}

.login_content_wrap .login_input .input_box .input::-moz-placeholder {
    color: #adadad
}

.login_content_wrap .login_input .input_box .input:-ms-input-placeholder {
    color: #adadad
}

.login_content_wrap .login_input .input_box .input::-ms-input-placeholder {
    color: #adadad
}

.login_content_wrap .login_input .input_box .input::placeholder {
    color: #adadad
}

.login_content_wrap .login_input .input_box .input[type=password]::-ms-reveal {
    display: none
}

.login_content_wrap .login_input .input_box .btn_show {
    background-position: -1356px -1023px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 20px;
    margin-left: 24px;
    width: 20px
}

.login_content_wrap .login_input .input_box .btn_show[aria-pressed=true] {
    background-position: -1384px -1023px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px
}

.login_content_wrap .login_input .txt_warning {
    color: #e24e2c;
    font-size: 13px;
    line-height: 20px;
    padding-top: 2px
}

.login_content_wrap .captcha_area {
    margin-top: 16px
}

.login_content_wrap .captcha_area .input_box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px 0 6px
}

.login_content_wrap .captcha_area .input_box .input_capcha {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 16px;
    padding: 0 16px
}

.login_content_wrap .captcha_area .input_box .input_capcha::-webkit-input-placeholder {
    color: #bbb
}

.login_content_wrap .captcha_area .input_box .input_capcha::-moz-placeholder {
    color: #bbb
}

.login_content_wrap .captcha_area .input_box .input_capcha:-ms-input-placeholder {
    color: #bbb
}

.login_content_wrap .captcha_area .input_box .input_capcha::-ms-input-placeholder {
    color: #bbb
}

.login_content_wrap .captcha_area .input_box .input_capcha::placeholder {
    color: #bbb
}

.login_content_wrap .captcha_area .input_box .input_capcha.warning, .login_content_wrap .captcha_area .input_box .input_capcha.warning::-webkit-input-placeholder {
    color: #e24e2c
}

.login_content_wrap .captcha_area .input_box .input_capcha.warning, .login_content_wrap .captcha_area .input_box .input_capcha.warning::-moz-placeholder {
    color: #e24e2c
}

.login_content_wrap .captcha_area .input_box .input_capcha.warning, .login_content_wrap .captcha_area .input_box .input_capcha.warning:-ms-input-placeholder {
    color: #e24e2c
}

.login_content_wrap .captcha_area .input_box .input_capcha.warning, .login_content_wrap .captcha_area .input_box .input_capcha.warning::-ms-input-placeholder {
    color: #e24e2c
}

.login_content_wrap .captcha_area .input_box .input_capcha.warning, .login_content_wrap .captcha_area .input_box .input_capcha.warning::placeholder {
    color: #e24e2c
}

.login_content_wrap .captcha_area .input_box .btn_reload {
    background-position: -1023px -874px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 18px;
    width: 20px
}

.login_content_wrap .btn_area {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 28px
}

.login_content_wrap .btn_area .login_btn {
    -webkit-box-flex: 1;
    background-color: #76777b;
    border-radius: 24px;
    color: #fff;
    cursor: pointer;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    font-size: 17px;
    font-weight: 500;
    height: 48px
}

.login_content_wrap .btn_area .login_btn.type_green {
    background-color: #00dc64
}

.login_content_wrap .info_area {
    margin-top: 20px
}

.login_content_wrap .info_area .info {
    color: #8c8c8c;
    font-size: 15px;
    line-height: 24px
}

.login_content_wrap .info_area .info + .info {
    margin-top: 2px
}

.login_content_wrap .info_area .link_pw {
    color: #8c8c8c
}

.login_content_wrap .info_area .link_signup {
    color: #3c3c3c;
    padding: 0 8px
}

.login_content_wrap .info_area .link_signup:after {
    background-position: -1112px -977px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 10px;
    margin-left: 2px;
    vertical-align: -1px;
    width: 10px
}

.ly_email {
    padding: 40px 30px 36px;
    text-align: center
}

.ly_email .info_area {
    color: #3c3c3c
}

.ly_email .info_area .title {
    display: block;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    padding: 8px 0 10px
}

.ly_email .info_area .title + .info {
    width: 460px
}

.ly_email .info_area .info {
    font-size: 17px;
    line-height: 25px;
    width: 310px
}

.ly_email .btn_area {
    margin-top: 30px
}

.ly_email .btn_area .btn {
    background-color: #242424;
    border-radius: 24px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    height: 48px;
    width: 152px
}

.ly_loginbox {
    background: #2c2c2c;
    display: none;
    position: absolute;
    right: 50px;
    top: 50px
}

.ly_loginbox.on {
    display: block
}

.ly_loginbox .ico_arr.v4 {
    right: 98px
}

.ly_loginbox .logoutbox_tab .ico_login {
    margin: 13px 6px 0 0
}

.ly_chal_login {
    padding: 46px 0 32px;
    width: 418px
}

.ly_chal_login .chal_login_dsc {
    margin: 0 45px 0 56px;
    position: relative;
    text-align: left
}

.ly_chal_login .chal_login_dsc .chk_area {
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px
}

.ly_chal_login .chal_login_dsc .dsc {
    color: #868686;
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    margin: 6px 0 0 36px;
    vertical-align: top
}

.ly_chal_login .chal_login_dsc .dsc a {
    color: #00dc64;
    text-decoration: underline
}

.th .ly_chal_login .chal_login_dsc {
    margin-left: 30px
}

.ly_chal_login .caution {
    color: #ff5039;
    font-size: 16px;
    line-height: 20px;
    margin: 5px 45px 3px 92px;
    text-align: left
}

.ly_chal_login .btnarea {
    margin-top: 29px
}

#content.ct_box {
    padding-bottom: 0
}

.cont_box2 {
    font-weight: 500;
    margin: 0 auto;
    position: relative;
    width: 1110px
}

.cont_box2 .tit {
    font-size: 20px;
    font-weight: 500;
    padding: 37px 0 6px
}

.cont_box2 .inner_wrap {
    background: #fff;
    min-height: 804px;
    text-align: center
}

.cont_box2 .input_area {
    position: relative;
    text-align: center
}

.cont_box2 .placeholder {
    color: #bbb;
    font-size: 19px;
    left: 0;
    position: absolute;
    top: 0
}

.cont_box2 .warning .input_box, .cont_box2 .warning .placeholder {
    color: red
}

.cont_box2 .input_box {
    background: transparent;
    border-bottom: 1px solid #eaeaea;
    font-size: 19px
}

.cont_box2 .btn_type9 {
    color: #535353;
    margin: 40px auto 0
}

.cont_box2 .btn_type9[href] {
    color: #fff
}

.cont_box2 #footer {
    border: none;
    height: 100px;
    margin: 0 !important;
    min-height: auto !important;
    padding-top: 47px
}

.cont_box2 #footer .foot_menu {
    border: none;
    padding: 0
}

.cont_box2 #footer .foot_menu a {
    color: #969696
}

.cont_box2 #footer .bg_line {
    background: #e5e5e5;
    display: block;
    height: 1px;
    margin: 5px auto 12px;
    width: 50px
}

.cont_box2 #footer .copyright {
    padding: 0
}

.reset_pw_area {
    margin: 0 315px;
    padding: 160px 0 118px;
    position: relative;
    width: 480px
}

.reset_pw_area strong {
    display: block;
    font-size: 21px;
    font-weight: 500;
    padding-top: 15px
}

.reset_pw_area.v2 {
    padding-top: 170px
}

.reset_pw_area.v2 strong {
    margin-bottom: -4px
}

.tw .reset_pw_area {
    padding-top: 164px
}

.tw .reset_pw_area.v2 {
    padding-top: 177px
}

.reset_pw_area .cont_txt {
    color: #5f5f5f;
    font-size: 17px;
    line-height: 24px;
    padding: 6px 0 4px
}

.reset_pw_area .input_area {
    margin-top: 25px
}

.reset_pw_area .placeholder {
    left: 50%;
    margin-left: -240px
}

.reset_pw_area .input_box {
    padding-bottom: 4px;
    width: 480px
}

.reset_pw_area .warning_level_area {
    top: 5px
}

.reset_pw_area .sub_tit {
    font-size: 19px;
    font-weight: 400;
    padding-top: 33px;
    text-align: left
}

.reset_pw_area .ly_cover {
    bottom: 218px;
    position: absolute;
    width: 100%
}

.reset_pw_area .ly_cover .ly_area.on {
    display: inline-block;
    font-size: 16px;
    padding: 17px 41px 13px;
    position: relative
}

.ico_resetpw {
    vertcial-align: top;
    background: url(https://webtoons-static.pstatic.net/image/static/pc/sp_reset_pw_v2.jpg) no-repeat 0 0;
    display: inline-block;
    height: 180px;
    width: 212px
}

.tw .ico_resetpw {
    background-position: 0 -200px;
    height: 156px;
    width: 212px
}

.es .ico_resetpw, .fr .ico_resetpw {
    background-position: 0 -380px;
    height: 210px;
    width: 135px
}

.de .ico_resetpw {
    background-position: 0 -640px;
    height: 209px;
    width: 246px
}

.ico_resetpw2 {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/sp_reset_pw_v2.jpg) no-repeat -220px 0;
    display: inline-block;
    height: 188px;
    vertical-align: top;
    width: 236px
}

.tw .ico_resetpw2 {
    background-position: -220px -200px;
    height: 158px;
    width: 220px
}

.es .ico_resetpw2, .fr .ico_resetpw2 {
    background-position: -220px -380px;
    height: 256px;
    width: 162px
}

.de .ico_resetpw2 {
    background-position: -248px -640px;
    height: 210px;
    width: 208px
}

.sign_up_area {
    padding: 6px 166px 57px
}

.sign_up_area .sub_tit {
    font-size: 19px;
    font-weight: 500;
    padding: 33px 0 0;
    text-align: left
}

.sign_up_area .sub_tit .ico_info4 {
    margin: 4px 0 0 3px
}

.sign_up_area .input_area {
    margin-top: 10px
}

.sign_up_area .input_box {
    padding-bottom: 3px;
    width: 100%
}

.sign_up_area .input_box.v2 {
    padding-right: 228px;
    width: 550px
}

.sign_up_area .txt_agree, .sign_up_area .txt_marketing {
    color: #3c3c3c;
    font-size: 16px;
    line-height: 22px;
    text-align: left
}

.sign_up_area .txt_agree a, .sign_up_area .txt_marketing a {
    color: #3b6cef
}

.sign_up_area .txt_agree {
    margin-top: 24px
}

.sign_up_area .txt_marketing {
    margin-top: 18px
}

.sign_up_area .bg_line {
    background: #eaeaea;
    display: block;
    height: 1px;
    margin: 52px 0 45px;
    position: relative
}

.sign_up_area .bg_line .inner {
    left: 0;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 100%
}

.sign_up_area .bg_line .line_txt {
    background: #fff;
    color: #000;
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    padding: 0 10px;
    text-align: center
}

.sign_up_area .login_set {
    display: inline-block;
    overflow: hidden
}

.sign_up_area .login_set li {
    float: left;
    height: 73px;
    width: 73px
}

.sign_up_area .login_set li + li {
    margin-left: 10px
}

.sign_up_area .btn_facebook {
    background-position: -1136px -1014px;
    background-repeat: no-repeat;
    height: 73px;
    width: 73px
}

.sign_up_area .btn_twitter {
    background-position: -192px -943px;
    background-repeat: no-repeat;
    height: 72px;
    width: 72px
}

.sign_up_area .btn_google {
    background-position: -352px -943px;
    background-repeat: no-repeat;
    height: 72px;
    width: 72px
}

.sign_up_area .btn_line {
    background-position: -1213px -937px
}

.sign_up_area .btn_apple, .sign_up_area .btn_line {
    background-repeat: no-repeat;
    height: 73px;
    width: 73px
}

.sign_up_area .btn_apple {
    background-position: -1136px -937px
}

.sign_up_area .gdpr_area {
    margin: 76px 0 30px;
    text-align: left
}

.sign_up_area .gdpr_area .chk_area {
    margin-top: 35px;
    position: relative;
    white-space: nowrap
}

.sign_up_area .gdpr_area .chk_area .lb_chkbox {
    color: #3c3c3c;
    font-size: 18px
}

.sign_up_area .gdpr_area .chk_area .lb_chkbox:before {
    background-color: #fff
}

.sign_up_area .gdpr_area .chk_area .ico_info4 {
    margin: 4px 0 0 3px
}

.sign_up_area .gdpr_area .dsc_area {
    color: #8c8c8c;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.38;
    padding-left: 39px
}

.sign_up_area .gdpr_area .dsc_area a {
    color: #3b6cef
}

.sign_up_area .gdpr_area .dsc_area .lk_detail {
    color: #3b6cef;
    display: inline-block;
    line-height: 1.25;
    margin-top: 8px;
    vertical-align: top
}

.sign_up_area .gdpr_area .dsc_area .dsc_agree {
    color: #e24e2c;
    display: inline-block;
    font-size: 15px;
    line-height: 1.33;
    margin-top: 7px;
    vertical-align: top
}

.sign_up_area .gdpr_area .txt_short_notice {
    color: #3c3c3c;
    font-size: 16px;
    line-height: 22px;
    margin-top: 23px
}

.sign_up_area .gdpr_area .txt_short_notice a {
    color: #3b6cef
}

.warning_level_area {
    position: absolute;
    right: 0;
    top: 2px
}

.warning_level_area span {
    font-size: 15px;
    line-height: 24px
}

.warning_level_area .level_good {
    color: #00d92d
}

.warning_level_area .level_weak {
    color: #ff9000
}

.warning_level_area .level_unavailable {
    color: red
}

.warning_level_area a {
    margin-left: 2px
}

.warning_level_area .ly_area {
    bottom: 40px;
    padding: 16px 13px 16px 17px;
    right: -16px;
    text-align: left
}

.warning_level_area .ly_area .ly_cont {
    color: #959595;
    font-size: 15px;
    line-height: 20px
}

.warning_level_area .ly_area .ico_arr.v2.dn {
    right: 16px
}

.input_area .warning_txt {
    color: #aaa;
    font-size: 16px;
    margin-bottom: -5px;
    padding-top: 6px;
    text-align: left
}

.ly_sign_up {
    padding: 32px 40px 40px;
    width: 258px
}

.ly_sign_up h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    padding-bottom: 10px
}

.ly_sign_up p {
    font-family: hind, simhei, verdana, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 18px
}

.ly_sign_up p a {
    color: #3b6cef
}

.ly_sign_up .btn_type8.v3 {
    height: 40px;
    line-height: 42px;
    width: 70px
}

.card_lst {
    margin: 0 auto;
    padding-left: 15px;
    width: 1125px
}

.card_lst:after {
    clear: both;
    content: "";
    display: block
}

.card_lst li {
    float: left;
    height: 210px;
    margin: 0 15px 15px 0;
    position: relative;
    width: 210px
}

.card_lst li.card_multi {
    width: 435px
}

.card_lst li.card_multi .info {
    left: 21px;
    width: 393px
}

.card_lst li.card_multi .ellipsis_wrap {
    max-height: 78px;
    overflow: hidden;
    width: 268px
}

.card_lst li.card_multi .subj {
    -webkit-line-clamp: 1;
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 19px;
    width: auto
}

.card_lst li.card_multi .card_front .summary {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #fff;
    display: -webkit-box;
    font-size: 13px;
    line-height: 16px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis
}

.card_lst li.card_multi .card_front .grade_area {
    margin-top: 9px
}

.card_lst li.card_multi .card_front .genre {
    bottom: 20px;
    left: 21px
}

.card_lst .btn_chk {
    bottom: 10px;
    position: absolute;
    right: 10px;
    z-index: 120
}

.card_lst.my li.on .btn_chk {
    background-position: -694px -1110px
}

.card_lst.my li.on .chk_border {
    border: 2px solid #00dc64;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 120
}

.card_item {
    cursor: pointer;
    display: block;
    height: 100%;
    width: 100%
}

.card_item .card_back, .card_item .card_front {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%
}

.card_item .card_front {
    opacity: 1;
    z-index: 10
}

.card_item .card_back, .card_item:focus .card_front, .card_item:hover .card_front {
    opacity: 0
}

.card_item.harmful_black_skin1:focus .card_front, .card_item.harmful_black_skin1:hover .card_front, .card_item.harmful_white_skin1:focus .card_front, .card_item.harmful_white_skin1:hover .card_front {
    opacity: 1
}

.card_item:focus .card_back, .card_item:hover .card_back {
    opacity: 1;
    z-index: 20
}

.card_item.harmful_black_skin1:focus .card_back, .card_item.harmful_black_skin1:hover .card_back, .card_item.harmful_white_skin1:focus .card_back, .card_item.harmful_white_skin1:hover .card_back {
    opacity: 0
}

.card_item .info {
    height: 178px;
    left: 18px;
    position: absolute;
    top: 14px;
    width: 157px
}

.card_item .info .subj {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    word-wrap: break-word;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    overflow: hidden;
    padding-top: 5px;
    text-overflow: ellipsis;
    width: 157px
}

.tw .card_item .info .subj {
    line-height: 20px;
    max-height: 78px
}

.th .card_item .info .subj {
    line-height: 22px
}

.card_item .info .author {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    word-wrap: break-word;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis
}

.card_item .info .grade_area {
    height: 17px;
    margin: 3px 0 0 -1px;
    width: 50px;
    border-radius: 10%;
    background-color: rgb(0 0 0 / 90%);
}

.card_item .info .icon_area {
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 9px 0 0 -2px
}

.card_item .info .num {
    color: #848484;
    font-size: 14px;
    line-height: 15px;
    margin-top: 8px
}

.card_item .genre {
    bottom: 15px;
    left: 18px;
    line-height: 16px;
    position: absolute
}

.card_item .update {
    bottom: 14px;
    color: #848484;
    font-size: 14px;
    left: 19px;
    line-height: 18px;
    position: absolute
}

.card_item .card_back .info {
    color: #fff;
    overflow: hidden
}

.card_item .card_back .info .author {
    font-size: 13px;
    margin-top: 5px;
    padding: 0
}

.card_item .card_back .info .summary {
    font-size: 13px;
    line-height: 15px
}

.card_item .card_back .info .line {
    background: #fff;
    display: block;
    filter: alpha(opacity=50);
    height: 1px;
    margin: 12px 0 15px;
    opacity: .5;
    width: 16px
}

.card_item .card_back.g_fantasy {
    background: #8b00e9
}

.card_item .card_back.g_action {
    background: #006afa
}

.card_item .card_back.g_drama {
    background: #00b19a
}

.card_item .card_back.g_romance, .card_item .card_back.g_romance_m {
    background: #fd337f
}

.card_item .card_back.g_comedy {
    background: #eea800
}

.card_item .card_back.g_sports {
    background: #1ba8f2
}

.card_item .card_back.g_sf {
    background: #2d4464
}

.card_item .card_back.g_thriller {
    background: #c00355
}

.card_item .card_back.g_slice_of_life {
    background: #9ab710
}

.card_item .card_back.g_historical {
    background: #62422b
}

.card_item .card_back.g_heartwarming {
    background: #fd6900
}

.card_item .card_back.g_horror {
    background: #be0000
}

.card_item .card_back.g_super_hero {
    background: #4a20e2
}

.card_item .card_back.g_tiptoon {
    background: #ff76cd
}

.card_item .card_back.g_short_story {
    background: #609bfc
}

.card_item .card_back.g_web_novel {
    background: #3393c6
}

.card_item .card_back.g_supernatural {
    background: #7a41e9
}

.card_item .card_back.g_crime_mystery, .card_item .card_back.g_mystery {
    background: #434458
}

.card_item .card_back.g_romantic_fantasy {
    background: #d216e9
}

.card_item .card_back.g_bl_gl {
    background: #ee82ff
}

.card_item .card_back.g_western_palace {
    background: #d216e9
}

.card_item .card_back.g_eastern_palace {
    background: #63422b
}

.card_item .card_back.g_time_slip {
    background: #6550fb
}

.card_item .card_back.g_city_office {
    background: #37308c
}

.card_item .card_back.g_adaptation {
    background: #00c855
}

.card_item .card_back.g_school {
    background: #da8754
}

.card_item .card_back.g_local {
    background: #25ef92
}

.card_item .card_back.g_shonen {
    background: #2961b0
}

.card_item .card_back.g_martial_arts {
    background: #905125
}

.card_item .card_back.g_all, .card_item .card_back.g_others {
    background: #373737
}

.card_wrap {
    margin: 0 auto;
    padding: 50px 0 81px;
    width: 1140px
}

.card_wrap.genre {
    padding: 18px 0 85px;
    position: relative
}

.card_wrap.all {
    padding: 9px 0 65px
}

.card_wrap .sub_title {
    font-size: 17px;
    font-weight: 500;
    height: 29px;
    line-height: 19px;
    padding: 28px 0 0 15px
}

.card_wrap .sub_title.g_fantasy {
    color: #8b00e9
}

.card_wrap .sub_title.g_action {
    color: #006afa
}

.card_wrap .sub_title.g_drama {
    color: #00b19a
}

.card_wrap .sub_title.g_romance, .card_wrap .sub_title.g_romance_m {
    color: #fd337f
}

.card_wrap .sub_title.g_comedy {
    color: #eea800
}

.card_wrap .sub_title.g_sports {
    color: #1ba8f2
}

.card_wrap .sub_title.g_sf {
    color: #2d4464
}

.card_wrap .sub_title.g_thriller {
    color: #c00355
}

.card_wrap .sub_title.g_slice_of_life {
    color: #9ab710
}

.card_wrap .sub_title.g_historical {
    color: #62422b
}

.card_wrap .sub_title.g_heartwarming {
    color: #fd6900
}

.card_wrap .sub_title.g_horror {
    color: #be0000
}

.card_wrap .sub_title.g_super_hero {
    color: #4a20e2
}

.card_wrap .sub_title.g_tiptoon {
    color: #ff76cd
}

.card_wrap .sub_title.g_short_story {
    color: #609bfc
}

.card_wrap .sub_title.g_web_novel {
    color: #3393c6
}

.card_wrap .sub_title.g_supernatural {
    color: #7a41e9
}

.card_wrap .sub_title.g_crime_mystery, .card_wrap .sub_title.g_mystery {
    color: #434458
}

.card_wrap .sub_title.g_romantic_fantasy {
    color: #d216e9
}

.card_wrap .sub_title.g_bl_gl {
    color: #ee82ff
}

.card_wrap .sub_title.g_western_palace {
    color: #d216e9
}

.card_wrap .sub_title.g_eastern_palace {
    color: #63422b
}

.card_wrap .sub_title.g_time_slip {
    color: #6550fb
}

.card_wrap .sub_title.g_city_office {
    color: #37308c
}

.card_wrap .sub_title.g_adaptation {
    color: #00c855
}

.card_wrap .sub_title.g_school {
    color: #da8754
}

.card_wrap .sub_title.g_local {
    color: #25ef92
}

.card_wrap .sub_title.g_shonen {
    color: #2961b0
}

.card_wrap .sub_title.g_martial_arts {
    color: #905125
}

.card_wrap .sub_title.g_all, .card_wrap .sub_title.g_others {
    color: #373737
}

.card_wrap.my {
    padding: 0 0 60px
}

.card_wrap.my .sub_title_wrap {
    height: 76px;
    position: relative
}

.card_wrap.my .sub_title {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    padding: 40px 0 0 15px
}

.card_wrap.my .sub_title.v2 {
    padding: 25px 0 0 15px
}

.card_wrap.my .sub_title.v3 {
    padding: 45px 0 4px 15px
}

.card_wrap.my .sub_title.v4 {
    padding: 59px 0 4px 15px
}

.card_wrap.my .title_alert {
    color: #e24e2c;
    font-size: 15px;
    font-weight: 500;
    padding: 44px 0 0 15px
}

.card_wrap.my .title_alert:before {
    background-position: -503px -1201px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 18px;
    margin: 2px 4px 0 0;
    vertical-align: top;
    width: 18px
}

.card_wrap.my .right {
    position: absolute;
    right: 15px;
    top: 20px
}

.card_wrap.my .right a {
    vertical-align: top
}

.card_wrap.my .right .ico_arr13 {
    margin: -2px 10px 0 0;
    vertical-align: middle
}

.card_wrap.my .right .lk_select_all {
    background: transparent;
    color: #8c8c8c;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    height: 27px;
    line-height: 29px;
    margin: 4px 9px 0 0
}

.card_wrap.my .right .lk_select_all.on .ico_chk3 {
    background-position: -1289px -1023px
}

.card_wrap.my .right .ico_chk3 {
    margin-right: 7px
}

.card_wrap.my .right .bar {
    margin: 9px 11px
}

.card_wrap.my .paginate {
    margin-top: 11px
}

.card_nodata {
    margin-bottom: 8px;
    text-align: center
}

.card_nodata h3 {
    font-size: 21px;
    font-weight: 400;
    line-height: 23px;
    margin-top: 24px
}

.card_nodata .dsc {
    color: #5f5f5f;
    font-size: 17px;
    line-height: 23px;
    margin-top: 7px
}

.card_nodata .dsc.v2 {
    margin-top: 10px
}

.card_nodata .ico_empty_dash, .card_nodata .ico_empty_fav {
    margin-top: 55px
}

.card_nodata .btn_create2 {
    margin: 32px 0 7px
}

.card_wrap.my .right .btn_type2, .card_wrap.my .right .cancel, .card_wrap.my .right .lk_select_all, .card_wrap.my .right span.bar, .card_wrap.my.edit_mode .right .edit {
    display: none
}

.card_wrap.my.edit_mode .right .btn_type2, .card_wrap.my.edit_mode .right .cancel, .card_wrap.my.edit_mode .right .lk_select_all, .card_wrap.my.edit_mode .right span.bar {
    display: inline-block
}

.card_wrap.my .card_lst .btn_chk {
    display: none
}

.card_wrap.my.edit_mode .card_lst .btn_chk {
    display: inline-block
}

.card_wrap.my.edit_mode .creator_info .etc {
    display: none
}

.card_wrap.my .card_item {
    overflow: hidden
}

.card_wrap.my .creator_link {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: 30px 20px 0
}

.card_wrap.my .profile_wrap {
    height: 86px;
    margin: 0 auto;
    position: relative;
    width: 86px
}

.card_wrap.my .profile_wrap .alert_new {
    background: #00dc64;
    border-radius: 50%;
    bottom: 5px;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
    height: 8px;
    position: absolute;
    right: 11px;
    width: 8px
}

.card_wrap.my .profile {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/profile_none.png) no-repeat;
    background-size: 100%;
    border-radius: 50%;
    display: block;
    height: 86px;
    overflow: hidden;
    width: 86px
}

.card_wrap.my .profile:after {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.card_wrap.my .creator_info {
    margin-top: 12px;
    text-align: center
}

.card_wrap.my .creator_info .nickname {
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 29px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card_wrap.my .creator_info .etc {
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap
}

.card_wrap.my .creator_info .etc strong {
    color: #3c3c3c;
    font-weight: 400
}

.card_wrap.my .creator_info .etc strong + strong {
    margin-left: 11px
}

.card_wrap.my .creator_info .etc span {
    color: #00dc64
}

.card_wrap.my .creator_loading {
    height: 30px;
    margin: 15px auto -30px;
    width: 30px
}

.card_wrap.my .creator_loading_fail {
    color: #8c8c8c;
    font-size: 15px;
    line-height: 22px;
    margin: 15px auto -30px;
    text-align: center
}

.card_wrap.my .creator_loading_fail .button_refresh {
    background: transparent;
    color: #8c8c8c;
    cursor: pointer;
    font-size: 15px;
    line-height: 22px;
    text-decoration: underline
}

.card_wrap .icon_wrap {
    left: 10px;
    position: absolute;
    top: 10px
}

.card_wrap .icon_wrap [class^=icon] + [class^=icon] {
    margin-left: 3px
}

.card_wrap .icon_contest {
    background-color: #00dc64;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    height: 21px;
    line-height: 23px;
    min-width: 82px;
    padding: 0 12px;
    text-align: center;
    vertical-align: middle
}

.card_wrap .icon_reward {
    background-position: -632px -1164px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    width: 30px
}

.lst_type1 {
    border-bottom: 1px solid #eaeaea
}

.lst_type1 li {
    border-top: 1px solid #eaeaea;
    height: 88px;
    position: relative
}

.lst_type1 li.nodata:before {
    background: #f3f3f3 url(https://webtoons-static.pstatic.net/image/static/pc/noimg_46x44.png) no-repeat 50% 50%;
    bottom: 4px;
    content: "";
    height: 80px;
    position: absolute;
    top: 4px;
    width: 80px
}

.lst_type1 a {
    cursor: pointer;
    display: block;
    height: 100%
}

.lst_type1 .pic_area {
    bottom: 4px;
    height: 80px;
    position: absolute;
    top: 4px;
    width: 80px
}

.lst_type1 .pic_area:before {
    border: 1px solid rgba(0, 0, 0, .1);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20
}

.lst_type1 .icon_area {
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    left: 3px;
    top: 7px
}

.lst_type1 .icon_area, .lst_type1 .num_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 10
}

.lst_type1 .num_area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 88px;
    justify-content: center;
    left: 80px;
    top: 0;
    width: 36px
}

.lst_type1 .info_area {
    height: 100%;
    padding: 0 23px 0 116px
}

.lst_type1.v2 .info_area {
    padding-left: 94px
}

.lst_type1 .info_area .genre {
    color: #bbb;
    font-size: 13px;
    line-height: 21px;
    padding-top: 12px
}

.lst_type1 .info_area .subj {
    font-size: 18px;
    font-weight: 500;
    line-height: 29px;
    margin-top: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lst_type1 .info_area .author {
    font-size: 13px;
    line-height: 21px;
    margin-top: -3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lst_type1_empty {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 444px;
    justify-content: center
}

.lst_type1_empty.type_short {
    height: 266px
}

.lst_type1_empty.type_short .empty_msg {
    padding: 0 24px
}

.lst_type1_empty .empty_msg {
    color: #aaa;
    font-size: 16px;
    line-height: 28px;
    padding: 0 40px;
    position: relative;
    text-align: center
}

.lst_type1_empty .empty_msg:before {
    background-position: -1213px -1014px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 66px;
    margin: 0 auto 11px;
    width: 68px
}

.aside .lst_type1_empty .empty_msg {
    padding: 0 24px
}

.ranking_lst {
    margin: 0 auto;
    overflow: hidden;
    width: 1110px
}

.ranking_lst.main {
    padding: 53px 0 70px
}

.ranking_lst.my {
    padding: 50px 0 112px
}

.ranking_lst.search {
    padding: 58px 0 90px
}

.ranking_lst .title_area {
    height: 35px;
    position: relative
}

.ranking_lst .title_area h2 a, .ranking_lst .title_area h2 span {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    vertical-align: top
}

.ranking_lst .title_area h2 span em {
    color: #bbb;
    margin-left: 3px;
    vertical-align: top
}

.ranking_lst .title_area .ico_arr1 {
    margin: 3px 0 0 6px
}

.ranking_lst .title_area .sort_area {
    padding-right: 12px;
    position: absolute;
    right: 0;
    top: 2px
}

.ranking_lst .title_area .sort_area .checked {
    background: none;
    color: #838383;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 19px;
    padding-right: 24px;
    position: relative;
    vertical-align: top
}

.ranking_lst .title_area .sort_area .checked .ico_chk {
    position: absolute;
    right: 0;
    top: 1px
}

.ranking_lst .title_area .sort_box {
    background: #fff;
    border: 1px solid #ddd;
    display: none;
    padding: 9px 0 11px;
    position: absolute;
    right: 0;
    top: -20px;
    width: 188px;
    z-index: 10
}

.ranking_lst .title_area .sort_box.on {
    display: block
}

.tw .ranking_lst .title_area .sort_box {
    width: 158px
}

.ranking_lst .title_area .sort_box li {
    height: 33px;
    padding-right: 35px;
    position: relative;
    text-align: right
}

.ranking_lst .title_area .sort_box li:first-child {
    margin: 0
}

.ranking_lst .title_area .sort_box a {
    color: #838383;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 23px;
    line-height: 19px;
    padding-top: 10px
}

.ranking_lst .title_area .sort_box .ico_chk {
    position: absolute;
    right: 11px;
    top: 11px
}

.ranking_lst .left_area, .ranking_lst .right_area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%
}

.ranking_lst .left_area {
    padding-right: 30px
}

.ranking_lst .right_area {
    padding-left: 30px
}

.main_banner_wrap {
    background: #ccc;
    height: 492px
}

.main_banner_inner {
    height: 492px;
    margin: 0 auto;
    position: relative;
    width: 1110px
}

.main_banner_inner .banner_link {
    background: #000;
    filter: alpha(opacity=0.01);
    font-size: 0;
    opacity: .01;
    z-index: 10
}

.main_banner_big {
    height: 492px;
    position: relative;
    width: 846px
}

.main_banner_big .pic {
    position: absolute;
    right: 0;
    top: 0
}

.main_banner_big .banner_link {
    height: 416px;
    left: 0;
    position: absolute;
    top: 38px;
    width: 806px
}

.main_banner_big .num {
    bottom: 64px;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 26px;
    position: absolute;
    z-index: 20
}

.main_banner_big .ico_pg2 {
    background-position: -1300px -494px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 12px;
    width: 12px
}

.main_banner_big .ico_pg2[aria-current=true] {
    background-position: -1300px -478px
}

.main_banner_small1 {
    height: 208px;
    position: absolute;
    right: 0;
    top: 38px;
    width: 314px
}

.main_banner_small1 .banner_link {
    height: 198px;
    position: absolute;
    right: 0;
    top: 0;
    width: 302px
}

.main_banner_small2 {
    height: 224px;
    position: absolute;
    right: 0;
    top: 230px;
    width: 280px
}

.main_banner_small2 .banner_link {
    height: 212px;
    position: absolute;
    right: 0;
    top: 12px;
    width: 282px
}

.main_daily_wrap {
    background: #f4f4f4
}

.main_daily_wrap .card_lst {
    padding-bottom: 25px;
    padding-top: 18px;
    min-height: 450px;
}

.daily_tab_wrap {
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    height: 60px
}

.daily_tab_wrap .bar {
    background: #eaeaea;
    height: 14px;
    margin-left: 42px
}

.daily_tab_wrap .btn_more {
    background: none;
    color: #838383;
    font-size: 16px;
    font-weight: 500;
    line-height: 62px;
    text-align: center;
    width: 120px
}

.daily_tab_wrap .btn_more:hover {
    color: #00dc64
}

.daily_tab_inner {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-end;
    margin: 0 auto;
    width: 1110px
}

.daily_tab, .daily_tab_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
}

.daily_tab .button {
    background: none;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 19px;
    font-weight: 500;
    height: 60px;
    line-height: 62px;
    text-align: center;
    vertical-align: top;
    width: 120px
}

.daily_tab .button:hover {
    color: #00dc64
}

.daily_tab .button[aria-selected=true] {
    background: #00dc64;
    color: #fff;
    height: 62px;
    line-height: 64px;
    position: relative;
    top: -1px
}

.ad_area {
    margin-top: -20px;
    padding-bottom: 20px;
    text-align: center
}

.main_genre_wrap {
    background: #f4f4f4;
    border-top: 1px solid #e5e5e5
}

.main_genre {
    margin: 0 auto;
    position: relative;
    width: 1200px
}

.main_genre h2 {
    color: #000;
    font-size: 22px;
    font-weight: 500;
    height: 45px;
    line-height: 24px;
    padding-top: 36px;
    text-align: center
}

.main_genre .ico_arr1 {
    margin: -4px 0 0 11px;
    vertical-align: middle
}

.main_genre .card_item .card_back {
    opacity: 1
}

.main_genre .card_item .card_back .info.genre {
    height: 169px;
    left: 21px;
    top: 21px;
    width: 168px
}

.main_genre .card_item .card_back .info.genre strong {
    font-size: 22px;
    font-weight: 500;
    line-height: 25px
}

.main_genre .card_item .card_back .info.genre .ico_arr8 {
    position: absolute;
    right: 0;
    top: 5px
}

.main_genre .card_item .card_back .info.genre .dsc {
    bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    position: absolute
}

.main_genre .card_item.harmful_white_black1 .card_back, .main_genre .card_item.harmful_white_skin1 .card_back {
    opacity: 0
}

.main_hotnew_wrap {
    background: #f4f4f4;
    border-top: 1px solid #e5e5e5
}

.main_hotnew {
    height: 362px;
    margin: 0 auto;
    position: relative;
    width: 1200px;
    z-index: 0
}

.main_hotnew h2 {
    color: #000;
    font-size: 22px;
    font-weight: 500;
    height: 45px;
    line-height: 24px;
    padding-top: 36px;
    text-align: center
}

.main_hotnew .paging .num {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: 40px;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1px;
    justify-content: center;
    left: 0;
    line-height: 1px;
    position: absolute;
    text-align: center;
    width: 100%
}

.main_hotnew .ico_prev {
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 192px
}

.main_hotnew .ico_next {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 192px
}

.main_hotnew_rolling {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1140px
}

.main_challenge_wrap {
    border-top: 1px solid #e5e5e5;
    margin-top: 7px
}

.main_challenge {
    background: #fff;
    height: 459px;
    margin: 0 auto;
    position: relative;
    width: 1200px
}

.main_challenge .title_area {
    left: 0;
    position: absolute;
    top: 60px;
    width: 305px;
    z-index: 10
}

.main_challenge .title_area p {
    font-size: 15px;
    line-height: 21px;
    margin: 23px 0 0 1px
}

.id .main_challenge .title_area p {
    margin-top: 19px
}

.th .main_challenge .title_area p {
    margin-top: 18px
}

.main_challenge .title_area .btnarea {
    margin: 22px 0 0 1px
}

.main_challenge .update {
    color: #ababab;
    font-size: 13px;
    line-height: 15px;
    position: absolute;
    right: 4px;
    top: 34px
}

.main_challenge .challenge_spot_list {
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 1200px
}

.main_challenge .challenge_spot_list li {
    height: 162px;
    margin: 0;
    position: absolute;
    width: 162px
}

.main_challenge .challenge_spot_list li.rate1 {
    left: 325px;
    top: 60px
}

.main_challenge .challenge_spot_list li.rate2 {
    left: 502px;
    top: 60px
}

.main_challenge .challenge_spot_list li.rate3 {
    left: 679px;
    top: 60px
}

.main_challenge .challenge_spot_list li.rate4 {
    left: 856px;
    top: 60px
}

.main_challenge .challenge_spot_list li.rate5 {
    left: 1033px;
    top: 60px
}

.main_challenge .challenge_spot_list li.rate6 {
    left: 325px;
    top: 237px
}

.main_challenge .challenge_spot_list li.rate7 {
    left: 502px;
    top: 237px
}

.main_challenge .challenge_spot_list li.rate8 {
    left: 679px;
    top: 237px
}

.main_challenge .challenge_spot_list li.rate9 {
    left: 856px;
    top: 237px
}

.main_challenge .challenge_spot_list li.rate10 {
    left: 1033px;
    top: 237px
}

.main_challenge .challenge_spot_list .img_area {
    height: 162px !important;
    width: 162px !important
}

.main_challenge .challenge_spot_list .img_area img {
    margin: 0
}

.main_challenge .challenge_spot_list [class^=ico_] {
    bottom: 57px;
    left: 13px;
    position: absolute;
    z-index: 30
}

.ly_language {
    width: 416px
}

.ly_language h2 {
    font-size: 23px;
    font-weight: 500;
    line-height: 26px;
    padding-top: 41px;
    text-align: center
}

.ly_language h3 {
    font-size: 19px;
    font-weight: 400;
    line-height: 22px;
    padding-top: 4px;
    text-align: center
}

.ly_language .slt_language {
    margin: 28px 0 14px 40px;
    overflow: hidden;
    text-align: left
}

.ly_language .slt_language li {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 178px
}

.ly_language .slt_language .chk_wrap {
    display: inline-block;
    height: 47px;
    position: relative;
    vertical-align: middle;
    width: 48px
}

.ly_language .slt_language .chk_wrap input {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ly_language .slt_language .chk_wrap input:focus {
    outline: 1px dotted #000
}

.ly_language .slt_language .chk_wrap .ico_lang {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ly_language .slt_language .chk_wrap .ico_lang .ico_lang_skin {
    background-position: -270px -1110px;
    background-repeat: no-repeat;
    display: none;
    height: 47px;
    left: 0;
    position: absolute;
    top: 0;
    width: 48px;
    z-index: 10
}

.ly_language .slt_language .chk_wrap .ico_lang.on .ico_lang_skin {
    display: block
}

.ly_language .slt_language .lang_th .ico_lang {
    background-position: -478px -1110px;
    background-repeat: no-repeat;
    height: 47px;
    width: 48px
}

.ly_language .slt_language .lang_en .ico_lang {
    background-position: -374px -1110px;
    background-repeat: no-repeat;
    height: 47px;
    width: 48px
}

.ly_language .slt_language .lang_tn .ico_lang {
    background-position: -478px -1110px;
    background-repeat: no-repeat;
    height: 47px;
    width: 48px
}

.ly_language .slt_language .lang_id .ico_lang {
    background-position: -322px -1110px;
    background-repeat: no-repeat;
    height: 47px;
    width: 48px
}

.ly_language .slt_language label {
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    margin-left: 11px;
    vertical-align: middle
}

.ly_language .slt_language .lang_cn label, .ly_language .slt_language .lang_tn label {
    font-size: 18px
}

.ly_language .lk_ok {
    background: #000;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    color: #fff;
    display: block;
    font-size: 24px;
    height: 64px;
    line-height: 64px
}

.daily_dsc {
    font-size: 17px;
    line-height: 67px
}

.daily_dsc strong, .daily_head {
    font-weight: 500
}

.daily_head {
    border-bottom: 1px solid #eaeaea;
    font-size: 17px;
    height: 66px;
    line-height: 78px;
    margin: 0 auto;
    width: 1200px
}

.daily_lst {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1208px
}

.daily_lst .snb_sort {
    top: 7px
}

.daily_section {
    float: left;
    padding: 0 4px 4px;
    width: 154px
}

.daily_section h3 a {
    display: block;
    font-size: 17px;
    font-weight: 500;
    height: 66px;
    line-height: 68px;
    text-align: center
}

.daily_section h3 a:hover {
    color: #00dc64
}

.daily_section h3 span {
    margin-top: 26px
}

.daily_card {
    border: 1px solid #dbdbdb;
    border-top: none
}

.daily_card li {
    border-top: 1px solid #dbdbdb;
    height: 152px;
    width: 152px
}

.daily_card_item {
    background: #fff;
    cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    text-align: right;
    width: 100%
}

.daily_card_item img {
    margin-top: 14px
}

.daily_card_item .info {
    height: 110px;
    left: 12px;
    position: absolute;
    text-align: left;
    top: 14px;
    width: 130px
}

.daily_card_item .subj {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px
}

.th .daily_card_item .subj, .tw .daily_card_item .subj {
    line-height: 18px
}

.daily_card_item .author {
    display: none
}

.daily_card_item .icon_area {
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3px
}

.daily_card_item .genre {
    bottom: 7px;
    font-size: 13px;
    font-weight: 500;
    left: 12px;
    line-height: 14px;
    position: absolute
}

.daily_card_item .grade_area {
    display: none
}

.daily_card_item.harmful_white_skin2:before {
    opacity: .9
}

.daily_section.on {
    background: #00dc64;
    width: 228px
}

.daily_section.on h3 a {
    color: #fff
}

.daily_section.on .daily_card li {
    width: 226px
}

.daily_section.on .daily_card_item .genre {
    bottom: auto;
    top: 14px
}

.daily_section.on .daily_card_item .info {
    height: 90px;
    top: 28px;
    width: 206px
}

.daily_section.on .daily_card_item .subj {
    font-size: 17px;
    line-height: 17px;
    margin-top: 5px
}

.daily_section.on .daily_card_item .author {
    display: block;
    font-size: 14px;
    line-height: 15px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.daily_section.on .daily_card_item .grade_area {
    bottom: 13px;
    display: block;
    left: 11px;
    line-height: 17px;
    position: absolute
}

.daily_lst.comp {
    margin-top: 45px;
    padding-bottom: 72px
}

.daily_lst.comp .daily_head {
    border-bottom: none
}

.daily_lst.comp .daily_section {
    float: none;
    padding: 0;
    width: auto
}

.daily_lst.comp .daily_section.on {
    background: none
}

.daily_lst.comp .daily_card {
    border: none;
    overflow: hidden
}

.daily_lst.comp .daily_card li {
    border: 1px solid #dbdbdb;
    float: left;
    height: 152px;
    margin: 0 4px 8px;
    width: 228px
}

.popular_wrap {
    margin: 0 auto;
    padding: 58px 0 200px;
    width: 1110px
}

.ranking_lst.popular + .popular {
    margin-top: 150px
}

.ranking_lst.popular .title_area {
    height: 45px
}

.ranking_lst.popular .title_area h2 {
    font-size: 22px;
    font-weight: 600;
    line-height: 35px
}

.ranking_lst.popular .lst_type1 {
    border-bottom: 0;
    margin-top: -4px;
    padding-left: 460px;
    position: relative
}

.ranking_lst.popular .lst_type1 li {
    border-bottom: 1px solid #eaeaea;
    border-top: 0
}

.ranking_lst.popular .lst_type1 .num_area {
    width: 46px
}

.ranking_lst.popular .lst_type1 .info_area {
    padding-left: 126px
}

.ranking_lst.popular .lst_type1 .ranking_top {
    border-bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    top: 4px;
    width: 396px
}

.ranking_lst.popular .lst_type1 .ranking_top .ico_n1_big {
    left: 22px;
    position: absolute;
    top: 24px;
    z-index: 30
}

.ranking_lst.popular .lst_type1 .ranking_top .pic_area {
    bottom: 0;
    height: 396px;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 396px
}

.ranking_lst.popular .lst_type1 .ranking_top .pic_area img {
    bottom: 0;
    position: absolute;
    right: 0
}

.ranking_lst.popular .lst_type1 .ranking_top .pic_area:before {
    background: linear-gradient(135.77deg, rgba(0, 0, 0, .15) .58%, transparent 47.58%, transparent 74.82%);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.ranking_lst.popular .lst_type1 .ranking_top .pic_area.harmful_black_skin1:before {
    background: #1c1c1c;
    z-index: 100
}

.ranking_lst.popular .lst_type1 .ranking_top .icon_area {
    margin-top: 23px;
    position: static
}

.ranking_lst.popular .lst_type1 .ranking_top .icon_area .ico_mature_26 {
    margin: 0
}

.ranking_lst.popular .lst_type1 .ranking_top .info_area {
    height: auto;
    padding: 0
}

.ranking_lst.popular .lst_type1 .ranking_top .info_area .genre {
    font-size: 14px;
    line-height: 22px;
    padding-top: 21px
}

.ranking_lst.popular .lst_type1 .ranking_top .info_area .subj {
    font-size: 27px;
    line-height: 32px;
    margin: 0;
    text-overflow: inherit;
    white-space: normal
}

.ranking_lst.popular .lst_type1 .ranking_top .info_area .author {
    font-size: 14px;
    line-height: 22px;
    margin-top: -1px
}

.ranking_lst.popular .lst_type1 .ranking_top .summary {
    font-size: 14px;
    line-height: 22px;
    margin-top: 17px
}

.ranking_lst.popular .lst_type1 .ranking_top .grade_area {
    margin: 10px 0 0;
    position: relative;
    right: auto;
    top: auto
}

.ranking_lst.popular .no_data {
    border-bottom: 1px solid #eaeaea;
    color: #bbb;
    font-size: 16px;
    line-height: 28px;
    padding: 341px 0 325px;
    text-align: center
}

.ranking_lst.popular .no_data:before {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/noimg_96x92.png) no-repeat;
    content: "";
    display: block;
    height: 92px;
    margin: 0 auto 11px;
    width: 96px
}

.ranking_tab {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px
}

.ranking_tab.align_left {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.ranking_tab.align_left li + li {
    margin-left: 50px
}

.ranking_tab li.on a {
    color: #000
}

.ranking_tab a {
    color: #bbb;
    display: block;
    font-size: 15px;
    line-height: 50px
}

.ranking_tab a:hover {
    color: #000
}

.discover_cont_area {
    font-weight: 500;
    margin-top: -15px;
    padding-bottom: 116px
}

.discover_cont_area .tit {
    font-size: 21px;
    font-weight: 500;
    padding: 0 0 7px 2px
}

.discover_cont_area .lk_more {
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 5px
}

.discover_cont_area .lk_more .ico_arr {
    margin: -1px 0 0 8px
}

.discover_cont_area .ico_arr {
    background-position: -1300px -997px;
    background-repeat: no-repeat;
    height: 10px;
    vertical-align: middle;
    width: 6px
}

.discover_badge_area {
    font-size: 0;
    left: 10px;
    position: absolute;
    top: 10px
}

.discover_badge_area .badge_discover {
    display: inline-block;
    height: 30px;
    margin-right: 3px;
    position: relative;
    text-align: center;
    text-indent: 0;
    vertical-align: top;
    width: 30px
}

.discover_badge_area .badge_discover.num {
    background-position: -496px -1164px;
    background-repeat: no-repeat;
    color: #00dc64;
    font-size: 10px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    text-indent: 0;
    width: 30px
}

.id .discover_badge_area .badge_discover.num {
    letter-spacing: -.2px
}

.discover_badge_area .badge_discover.default {
    background: none
}

.ly_lst_genre {
    font-size: 0;
    margin: 0 auto;
    padding: 13px 0 6px;
    text-align: left;
    width: 960px
}

.ly_lst_genre:after {
    clear: both;
    content: "";
    display: block
}

.ly_lst_genre li {
    display: inline-block;
    padding: 7px 0 8px;
    text-align: center;
    vertical-align: middle;
    width: 160px
}

.ly_lst_genre li.on a {
    color: #000
}

.ly_lst_genre a {
    color: #bbb;
    display: block;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -.12px;
    line-height: 24px
}

.ly_lst_genre a:hover {
    color: #000
}

.ly_lst_genre.as_genre {
    padding: 0;
    text-align: center
}

.ly_lst_genre.as_genre li {
    padding: 0;
    width: auto
}

.ly_lst_genre.as_genre a {
    padding: 19px 18px 14px
}

.th .ly_lst_genre {
    padding: 17px 104px 12px;
    width: 910px
}

.th .ly_lst_genre li {
    width: 130px
}

.th .ly_lst_genre.as_genre {
    padding: 17px 113px 16px;
    width: 882px
}

.th .ly_lst_genre.as_genre li {
    width: 146px
}

.challenge_cont_area {
    float: left;
    margin: 0 77px 20px 0;
    position: relative;
    width: 731px
}

.challenge_cont_area .genre_tit {
    font-size: 16px;
    font-weight: 500;
    left: 0;
    position: absolute;
    top: -37px
}

.challenge_cont_area .sort_area {
    padding-right: 12px;
    position: absolute;
    right: -12px;
    top: -33px;
    z-index: 120
}

.challenge_cont_area .sort_area .checked {
    background: none;
    color: #767676;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    padding-right: 24px;
    position: relative;
    vertical-align: top
}

.challenge_cont_area .sort_area .checked .ico_chk {
    position: absolute;
    right: 0;
    top: 1px
}

.challenge_cont_area .sort_box {
    background: #fff;
    border: 1px solid #ddd;
    display: none;
    padding: 9px 0 11px;
    position: absolute;
    right: 0;
    top: -20px;
    width: 188px;
    z-index: 10
}

.challenge_cont_area .sort_box.on {
    display: block
}

.id .challenge_cont_area .sort_box {
    width: 230px
}

.es .challenge_cont_area .sort_box {
    width: 220px
}

.challenge_cont_area .sort_box li {
    height: 33px;
    padding-right: 35px;
    position: relative;
    text-align: right
}

.challenge_cont_area .sort_box li:first-child {
    margin: 0
}

.challenge_cont_area .sort_box a {
    color: #767676;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 23px;
    line-height: 19px;
    padding-top: 10px
}

.challenge_cont_area .sort_box .ico_chk {
    position: absolute;
    right: 11px;
    top: 11px
}

.challenge_cont_area .paginate {
    margin-top: 20px
}

.challenge_spot_rolling {
    height: 188px;
    margin: 0 auto;
    overflow: hidden;
    width: 1032px
}

.challenge_spot_list {
    margin: 0 auto;
    overflow: hidden;
    width: 32700px
}

.challenge_spot_list li {
    float: left;
    height: 188px;
    margin-left: 23px;
    width: 188px
}

.challenge_spot_list li:first-child {
    margin: 0
}

.challenge_spot_list a {
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.challenge_spot_list .img_area {
    height: 188px;
    width: 188px;
    z-index: 10
}

.challenge_spot_list .img_area, .challenge_spot_list .skin {
    background: #000;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.challenge_spot_list .skin {
    filter: alpha(opacity=24);
    height: 100%;
    opacity: .24;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%;
    z-index: 20
}

.challenge_spot_list .skin_brd {
    border: 1px solid #000;
    bottom: 0;
    filter: alpha(opacity=10);
    left: 0;
    opacity: .1;
    position: absolute;
    right: 0;
    top: 0
}

.challenge_spot_list a:hover .skin {
    filter: alpha(opacity=0);
    opacity: 0
}

.challenge_spot_list a:hover .info_area {
    display: none;
    -webkit-transition: .3s;
    transition: .3s
}

.challenge_spot_list .info_area {
    bottom: 10px;
    left: 15px;
    position: absolute;
    width: 132px;
    z-index: 30
}

.challenge_spot_list .info_area .subj {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.th .challenge_spot_list .info_area .subj {
    padding: 5px 0 3px
}

.challenge_spot_list .info_area .author {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    margin-top: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.th .challenge_spot_list .info_area .author {
    padding: 3px 0 2px
}

.challenge_big_banner {
    background: #f5f5f5;
    height: 130px;
    position: relative
}

.challenge_big_banner span {
    left: 50%;
    margin-left: -600px;
    position: absolute;
    top: 0
}

.challenge_lst {
    overflow: hidden
}

.challenge_lst ul {
    border-bottom: 1px solid #ddd;
    margin-right: -25px;
    overflow: hidden;
    padding-bottom: 3px
}

.challenge_lst li {
    float: left;
    margin-right: 25px;
    position: relative;
    width: 164px
}

.challenge_lst.search ul {
    border-bottom: none;
    margin: 0 -25px 0 15px
}

.challenge_lst.search .challenge_item {
    height: 272px
}

.challenge_item {
    display: block;
    height: 292px;
    width: 164px
}

.challenge_item .img_area {
    display: block;
    height: 164px;
    overflow: hidden;
    position: relative;
    width: 164px
}

.challenge_item .genre {
    font-size: 13px;
    line-height: 15px;
    padding-top: 19px
}

.challenge_item .subj {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    padding-top: 4px
}

.challenge_item .author, .challenge_item .subj {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.challenge_item .author {
    font-size: 13px;
    line-height: 15px;
    padding-top: 2px
}

.challenge_item .grade_area {
    padding-top: 5px
}

.challenge_lst_none {
    margin-top: 20px;
    text-align: center
}

.challenge_lst_none .dsc {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 20px
}

.challenge_lst_none .btnarea {
    margin-top: 24px
}

.aside.challenge {
    width: 312px
}

.aside.challenge .ban_area {
    height: 312px;
    margin-bottom: 45px;
    position: relative;
    width: 312px
}

.aside.challenge .ban_area .ban_img {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10
}

.aside.challenge .ban_area .ban_cont {
    height: 100%;
    overflow: auto;
    width: 100%
}

.discover_spot {
    background: #191919 url(https://webtoons-static.pstatic.net/image/static/pc/discover_bg.jpg) no-repeat 50% 0;
    font-weight: 500;
    height: 465px;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.discover_spot .discover_spot_inner {
    margin: 0 auto;
    padding-top: 89px;
    position: relative;
    width: 1280px
}

.discover_spot .tit {
    color: #00dc64;
    font-size: 22px;
    font-weight: 400;
    left: 80px;
    position: absolute;
    top: 39px
}

.discover_spot .paging .num {
    position: absolute;
    right: 80px;
    top: 52px
}

.discover_spot .paging .ico_discover_pg {
    background-position: -1300px -758px;
    background-repeat: no-repeat;
    height: 11px;
    margin-left: 7px;
    width: 11px
}

.discover_spot .paging .ico_discover_pg[aria-current=true] {
    background-position: -1136px -1091px;
    background-repeat: no-repeat;
    height: 11px;
    width: 41px
}

.discover_spot .paging .btn_prev {
    background-position: -1264px -424px;
    left: 25px
}

.discover_spot .paging .btn_next, .discover_spot .paging .btn_prev {
    background-repeat: no-repeat;
    cursor: pointer;
    height: 48px;
    position: absolute;
    top: 211px;
    width: 27px
}

.discover_spot .paging .btn_next {
    background-position: -1261px -505px;
    right: 24px
}

.discover_spot .discover_spot_rolling {
    height: 336px;
    margin: 0 auto;
    width: 1130px
}

.discover_spot_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.discover_spot_list li {
    height: 336px;
    margin: 0 5px;
    position: relative;
    width: 216px
}

.discover_spot_list .lk_discover_item {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.discover_spot_list .img_area {
    left: 0;
    position: absolute;
    top: 0
}

.discover_spot_list .img_area:after {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/shadow_cover.png) no-repeat;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.discover_spot_list .info_area {
    bottom: 22px;
    left: 22px;
    position: absolute;
    right: 22px
}

.discover_spot_list .info_area .subj {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-wrap: break-word;
    color: #fff;
    display: -webkit-box;
    font-size: 21px;
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis
}

.th .discover_spot_list .info_area .subj {
    line-height: 28px;
    max-height: 80px
}

.discover_spot_list .info_area .author {
    color: #fff;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.discover_spot_list .info_area .btn_vote4 {
    background: transparent;
    border: 2px solid #00dc64;
    border-radius: 25px;
    color: #00dc64;
    display: inline-block;
    filter: alpha(opacity=70);
    font-size: 14px;
    height: 25px;
    line-height: 27px;
    margin: 7px 0 0 -2px;
    min-width: 50px;
    opacity: .7;
    padding: 0 9px;
    position: relative;
    text-align: center;
    vertical-align: top;
    z-index: 500
}

.discover_spot_list .info_area .btn_vote4.comp {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: .5
}

.discover_spot_list .info_area .btn_vote4.off {
    zoom: 1;
    border: 2px solid #fff;
    color: #fff;
    filter: alpha(opacity=50);
    opacity: .5
}

.discover_spot_list .info_area .ly_area {
    bottom: 45px;
    left: -23px;
    padding: 16px 24px;
    text-align: center;
    z-index: 100
}

.discover_spot_list .info_area .ly_area .ico_arr.v2.dn {
    left: 47px
}

.discover_spot_list .discover_badge_area {
    left: 14px;
    top: 14px
}

.discover_lst {
    margin-right: -10px;
    overflow: hidden
}

.discover_lst:after {
    clear: both;
    content: "";
    display: block
}

.discover_lst li {
    background: #fff;
    border: 1px solid #e2e2e2;
    float: left;
    margin-left: 8px;
    position: relative;
    width: 178px
}

.discover_lst li:first-child {
    margin-left: 0
}

.discover_item {
    display: block
}

.discover_item .img_area {
    display: block;
    height: 145px;
    overflow: hidden;
    position: relative
}

.discover_item .info {
    padding: 10px 20px 15px
}

.discover_item .info .genre {
    line-height: 22px
}

.discover_item .subj {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    display: -webkit-box;
    font-size: 18px;
    height: 38px;
    line-height: 20px;
    overflow: hidden;
    padding-top: 3px;
    text-overflow: ellipsis;
    width: 138px
}

.th .discover_item .subj {
    height: 50px;
    line-height: 26px
}

.discover_item .grade_area {
    line-height: 19px;
    margin-left: -4px;
    padding-top: 9px
}

.popular_genre_area {
    margin-top: 56px;
    position: relative
}

.popular_genre_area .tit {
    display: inline-block;
    vertical-align: middle
}

.popular_genre_area .tit .bar {
    height: 14px;
    margin: 0 27px 0 26px;
    vertical-align: middle
}

.popular_genre_area .genre_menu:after {
    clear: both;
    content: "";
    display: block
}

.popular_genre_area .genre_menu {
    display: inline-block;
    font-size: 16px;
    margin-top: -5px;
    vertical-align: middle
}

.popular_genre_area .genre_menu li {
    float: left;
    margin-left: 36px
}

.popular_genre_area .genre_menu li:first-child {
    margin-left: 0
}

.genre_menu .on .g_fantasy {
    color: #8b00e9
}

.genre_menu .on .g_action {
    color: #006afa
}

.genre_menu .on .g_drama {
    color: #00b19a
}

.genre_menu .on .g_romance, .genre_menu .on .g_romance_m {
    color: #fd337f
}

.genre_menu .on .g_comedy {
    color: #eea800
}

.genre_menu .on .g_sports {
    color: #1ba8f2
}

.genre_menu .on .g_sf {
    color: #2d4464
}

.genre_menu .on .g_thriller {
    color: #c00355
}

.genre_menu .on .g_slice_of_life {
    color: #9ab710
}

.genre_menu .on .g_historical {
    color: #62422b
}

.genre_menu .on .g_heartwarming {
    color: #fd6900
}

.genre_menu .on .g_horror {
    color: #be0000
}

.genre_menu .on .g_super_hero {
    color: #4a20e2
}

.genre_menu .on .g_tiptoon {
    color: #ff76cd
}

.genre_menu .on .g_short_story {
    color: #609bfc
}

.genre_menu .on .g_web_novel {
    color: #3393c6
}

.genre_menu .on .g_supernatural {
    color: #7a41e9
}

.genre_menu .on .g_crime_mystery, .genre_menu .on .g_mystery {
    color: #434458
}

.genre_menu .on .g_romantic_fantasy {
    color: #d216e9
}

.genre_menu .on .g_bl_gl {
    color: #ee82ff
}

.genre_menu .on .g_western_palace {
    color: #d216e9
}

.genre_menu .on .g_eastern_palace {
    color: #63422b
}

.genre_menu .on .g_time_slip {
    color: #6550fb
}

.genre_menu .on .g_city_office {
    color: #37308c
}

.genre_menu .on .g_adaptation {
    color: #00c855
}

.genre_menu .on .g_school {
    color: #da8754
}

.genre_menu .on .g_local {
    color: #25ef92
}

.genre_menu .on .g_shonen {
    color: #2961b0
}

.genre_menu .on .g_martial_arts {
    color: #905125
}

.genre_menu .on .g_all, .genre_menu .on .g_others {
    color: #373737
}

.genre_band {
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%
}

.genre_band.g_fantasy {
    background-color: #8b00e9
}

.genre_band.g_action {
    background-color: #006afa
}

.genre_band.g_drama {
    background-color: #00b19a
}

.genre_band.g_romance, .genre_band.g_romance_m {
    background-color: #fd337f
}

.genre_band.g_comedy {
    background-color: #eea800
}

.genre_band.g_sports {
    background-color: #1ba8f2
}

.genre_band.g_sf {
    background-color: #2d4464
}

.genre_band.g_thriller {
    background-color: #c00355
}

.genre_band.g_slice_of_life {
    background-color: #9ab710
}

.genre_band.g_historical {
    background-color: #62422b
}

.genre_band.g_heartwarming {
    background-color: #fd6900
}

.genre_band.g_horror {
    background-color: #be0000
}

.genre_band.g_super_hero {
    background-color: #4a20e2
}

.genre_band.g_tiptoon {
    background-color: #ff76cd
}

.genre_band.g_short_story {
    background-color: #609bfc
}

.genre_band.g_web_novel {
    background-color: #3393c6
}

.genre_band.g_supernatural {
    background-color: #7a41e9
}

.genre_band.g_crime_mystery, .genre_band.g_mystery {
    background-color: #434458
}

.genre_band.g_romantic_fantasy {
    background-color: #d216e9
}

.genre_band.g_bl_gl {
    background-color: #ee82ff
}

.genre_band.g_western_palace {
    background-color: #d216e9
}

.genre_band.g_eastern_palace {
    background-color: #63422b
}

.genre_band.g_time_slip {
    background-color: #6550fb
}

.genre_band.g_city_office {
    background-color: #37308c
}

.genre_band.g_adaptation {
    background-color: #00c855
}

.genre_band.g_school {
    background-color: #da8754
}

.genre_band.g_local {
    background-color: #25ef92
}

.genre_band.g_shonen {
    background-color: #2961b0
}

.genre_band.g_martial_arts {
    background-color: #905125
}

.genre_band.g_all, .genre_band.g_others {
    background-color: #373737
}

.detail_bg {
    background: #fff;
    height: 321px;
    left: 0;
    position: absolute;
    top: 100px;
    width: 100%
}

.detail_bg.g_fantasy {
    background-color: #8b00e9
}

.detail_bg.g_action {
    background-color: #006afa
}

.detail_bg.g_drama {
    background-color: #00b19a
}

.detail_bg.g_romance, .detail_bg.g_romance_m {
    background-color: #fd337f
}

.detail_bg.g_comedy {
    background-color: #eea800
}

.detail_bg.g_sports {
    background-color: #1ba8f2
}

.detail_bg.g_sf {
    background-color: #2d4464
}

.detail_bg.g_thriller {
    background-color: #c00355
}

.detail_bg.g_slice_of_life {
    background-color: #9ab710
}

.detail_bg.g_historical {
    background-color: #62422b
}

.detail_bg.g_heartwarming {
    background-color: #fd6900
}

.detail_bg.g_horror {
    background-color: #be0000
}

.detail_bg.g_super_hero {
    background-color: #4a20e2
}

.detail_bg.g_tiptoon {
    background-color: #ff76cd
}

.detail_bg.g_short_story {
    background-color: #609bfc
}

.detail_bg.g_web_novel {
    background-color: #3393c6
}

.detail_bg.g_supernatural {
    background-color: #7a41e9
}

.detail_bg.g_crime_mystery, .detail_bg.g_mystery {
    background-color: #434458
}

.detail_bg.g_romantic_fantasy {
    background-color: #d216e9
}

.detail_bg.g_bl_gl {
    background-color: #ee82ff
}

.detail_bg.g_western_palace {
    background-color: #d216e9
}

.detail_bg.g_eastern_palace {
    background-color: #63422b
}

.detail_bg.g_time_slip {
    background-color: #6550fb
}

.detail_bg.g_city_office {
    background-color: #37308c
}

.detail_bg.g_adaptation {
    background-color: #00c855
}

.detail_bg.g_school {
    background-color: #da8754
}

.detail_bg.g_local {
    background-color: #25ef92
}

.detail_bg.g_shonen {
    background-color: #2961b0
}

.detail_bg.g_martial_arts {
    background-color: #905125
}

.detail_bg.g_all, .detail_bg.g_others {
    background-color: #373737
}

.detail_header {
    height: 240px;
    position: relative;
    text-align: center;
    z-index: 20
}

.detail_header .thmb {
    left: 0;
    position: absolute;
    top: 0
}

.detail_header .valign {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.detail_header .info {
    display: inline-block;
    margin-top: -10px;
    max-width: 1196px;
    position: relative;
    vertical-align: middle
}

.th .detail_header .info {
    margin-top: -20px
}

.detail_header .info .genre {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px
}

.th .detail_header .info .genre {
    line-height: 27px
}

.detail_header .info .subj {
    clear: both;
    color: #fff;
    font-size: 50px;
    font-weight: 400;
    line-height: 50px;
    margin: 4px auto 0;
    width: 750px
}

.th .detail_header .info .subj {
    font-size: 46px;
    line-height: 54px;
    margin-top: 7px
}

.detail_header .info .subj.long_text {
    font-size: 34px;
    line-height: 40px;
    padding-top: 8px
}

.detail_header .info .author_area {
    color: #fff;
    font-size: 20px;
    margin-top: 6px
}

.detail_header .info .author_area:after {
    clear: both;
    content: "";
    display: block
}

.th .detail_header .info .author_area {
    line-height: 27px;
    margin-top: 3px
}

.detail_header .info .author {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: inline-block;
    position: relative;
    text-decoration: underline
}

.detail_header .info .author + .author {
    margin-left: 4px
}

.detail_header .info .author:after {
    background-position: -744px -999px;
    background-repeat: no-repeat;
    content: "";
    height: 14px;
    margin: 8px 0 0 3px;
    width: 15px
}

.detail_header .info .ico_info2, .detail_header .info .ico_search2 {
    cursor: pointer;
    margin: -3px 0 0 3px;
    vertical-align: middle
}

.detail_header .info .toon_btn .ly_area {
    line-height: 27px;
    right: -83px;
    top: 40px;
    z-index: 60
}

.detail_header .info.challenge {
    margin-left: 264px;
    max-width: 933px;
    text-align: left
}

.detail_header .info.challenge .genre {
    color: #fff;
    float: left;
    line-height: normal;
    margin: 0 7px 0 0
}

.detail_header .info.challenge .genre .bar {
    background: #fff;
    filter: alpha(opacity=50);
    height: 11px;
    margin: 9px 11px 0 4px;
    opacity: .5;
    width: 1px
}

.detail_header .info.challenge .author, .detail_header .info.challenge .subj {
    color: #fff !important
}

.detail_header .spi_wrap {
    bottom: 10px;
    position: absolute;
    right: 0
}

.detail_header .spi_area li {
    float: left;
    margin-left: 6px
}

.detail_header .spi_area li:first-child {
    margin: 0
}

.detail_header .spi_area li .ly_area {
    border: none;
    height: 24px;
    padding: 16px 24px;
    right: 0;
    top: -73px
}

.detail_header .spi_area li .ico_copy ~ .ly_area {
    height: 48px;
    left: auto;
    right: -17px;
    top: -94px
}

.detail_header .spi_area li .ly_area .ly_cont {
    color: #000;
    font-size: 15px;
    text-align: center;
    vertical-align: middle
}

.detail_header .spi_area li .ico_copy ~ .ly_area .ico_arr {
    left: auto;
    right: 24px
}

.detail_header .spi_area li .btn_favorite ~ .ly_area .ico_arr {
    left: auto;
    right: 36px
}

.detail_header .spi_area li .btn_favorite.on ~ .ly_area {
    right: -15px
}

.detail_header .spi_area li .btn_favorite.on ~ .ly_area .ico_arr {
    left: auto;
    right: 23px
}

.detail_header .ico_facebook {
    background-position: -811px -1110px;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px
}

.detail_header .ico_twitter {
    background-position: -616px -1110px;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px
}

.detail_header .ico_line {
    background-position: -926px -1053px;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px
}

.detail_header .ico_tumblr {
    background-position: -1004px -1053px;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px
}

.detail_header .ico_reddit {
    background-position: -887px -1053px;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px
}

.detail_header .ico_copy {
    background-position: -809px -1053px
}

.detail_header .ico_copy, .detail_header .ico_rss {
    background-repeat: no-repeat;
    height: 35px;
    width: 35px
}

.detail_header .ico_rss {
    background-position: -655px -1110px
}

.detail_header.type_white .info .author, .detail_header.type_white .info .author_area {
    color: #252525
}

.detail_header.type_white .subj {
    color: #000
}

.detail_header.type_white .btn_favorite {
    background: #2f2f2f;
    color: #fff
}

.detail_header.type_white .btn_favorite .ico_plus4 {
    background-position: -1300px -409px;
    background-repeat: no-repeat;
    height: 13px;
    vertical-align: middle;
    width: 13px
}

.detail_header.type_white .btn_favorite.on {
    background-position: -965px -1053px;
    background-repeat: no-repeat;
    border: 0;
    height: 35px;
    width: 35px
}

.detail_header.type_white .ico_search2 {
    background-position: -1300px -338px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px
}

.detail_header.type_white .ico_info2 {
    background-position: -294px -1201px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px
}

.detail_header.type_white .ico_facebook {
    background-position: -850px -1110px;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px
}

.detail_header.type_white .ico_twitter {
    background-position: -967px -1110px;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px
}

.detail_header.type_white .ico_line {
    background-position: -1082px -1053px;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px
}

.detail_header.type_white .ico_copy {
    background-position: -848px -1053px;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px
}

.detail_header.type_white .ico_tumblr {
    background-position: -577px -1110px;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px
}

.detail_header.type_white .ico_reddit {
    background-position: -733px -1110px;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px
}

.detail_header.type_white .ico_rss {
    background-position: -1043px -1053px;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px
}

.detail_header .toon_btn {
    display: inline-block;
    height: 23px;
    margin: -4px 0 0 -1px;
    vertical-align: middle
}

.detail_header .toon_btn .btn_type4 {
    margin-right: 4px
}

.detail_header.challenge {
    text-align: left
}

.detail_header.challenge .thmb {
    left: 23px;
    top: 12px
}

.detail_header.challenge .thmb .skin {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/sp_chal_detail_skin_v3.png) no-repeat;
    height: 220px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 220px
}

.detail_header.challenge .thmb .skin.g_drama {
    background-position: 0 0
}

.detail_header.challenge .thmb .skin.g_fantasy {
    background-position: -230px 0
}

.detail_header.challenge .thmb .skin.g_comedy {
    background-position: -460px 0
}

.detail_header.challenge .thmb .skin.g_action {
    background-position: -690px 0
}

.detail_header.challenge .thmb .skin.g_slice_of_life {
    background-position: -920px 0
}

.detail_header.challenge .thmb .skin.g_romance {
    background-position: 0 -230px
}

.detail_header.challenge .thmb .skin.g_heartwarming {
    background-position: -230px -230px
}

.detail_header.challenge .thmb .skin.g_thriller {
    background-position: -460px -230px
}

.detail_header.challenge .thmb .skin.g_historical {
    background-position: -690px -230px
}

.detail_header.challenge .thmb .skin.g_sports {
    background-position: -920px -230px
}

.detail_header.challenge .thmb .skin.g_sf {
    background-position: 0 -460px
}

.detail_header.challenge .thmb .skin.g_horror {
    background-position: -230px -460px
}

.detail_header.challenge .thmb .skin.g_super_hero {
    background-position: -460px -460px
}

.detail_header.challenge .thmb .skin.g_tiptoon {
    background-position: -690px -460px
}

.detail_header.challenge .thmb .skin.g_short_story {
    background-position: -690px -690px
}

.detail_header.challenge .thmb .skin.g_others {
    background-position: 0 -690px
}

.detail_header.challenge .thmb .skin.g_supernatural {
    background-position: -460px -690px
}

.detail_header.challenge .thmb .skin.g_mystery {
    background-position: -230px -690px
}

.detail_header.challenge .thmb .skin.g_romantic_fantasy {
    background-position: -920px -690px
}

.detail_header.challenge .thmb .skin.g_bl_gl {
    background-position: 0 -920px
}

.detail_header.challenge .thmb .skin.g_school {
    background-position: -230px -920px
}

.detail_header.challenge .thmb .skin.g_western_palace {
    background-position: -920px -690px
}

.detail_header.challenge .thmb .skin.g_eastern_palace {
    background-position: -460px -920px
}

.detail_header.challenge .thmb .skin.g_time_slip {
    background-position: -690px -920px
}

.detail_header.challenge .thmb .skin.g_city_office {
    background-position: -920px -920px
}

.detail_header.challenge .thmb .skin.g_adaptation {
    background-position: 0 -1150px
}

.detail_header.challenge .thmb .skin.g_local {
    background-position: -230px -1150px
}

.detail_header.challenge .thmb .skin.g_shonen {
    background-position: -460px -1150px
}

.detail_header.challenge .thmb .skin.g_martial_arts {
    background-position: -690px -1150px
}

.detail_header .discover_badge_area {
    float: left;
    margin-left: 1px;
    position: static
}

.detail_header .discover_badge_area:after {
    clear: both;
    content: "";
    display: block
}

.detail_body {
    background: #fff;
    margin-bottom: 70px;
    min-height: 839px;
    position: relative;
    z-index: 10
}

.detail_body:after {
    clear: both;
    content: "";
    display: block
}

.detail_body .detail_lst {
    background: #fff;
    border-right: 2px solid #f5f5f5;
    float: left;
    min-height: 742px;
    padding: 31px 20px 66px;
    position: relative;
    width: 761px
}

.detail_body .detail_lst ul span {
    display: inline-block;
    padding-top: 26px;
    vertical-align: top
}

.detail_body .detail_lst .thmb {
    padding: 0;
    position: relative
}

.detail_body .detail_lst .thmb .bdr {
    border: 1px solid #ff5039;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.detail_body .detail_lst .subj {
    font-size: 17px;
    margin-left: 12px;
    padding-top: 24px;
    width: 424px
}

.detail_body .detail_lst .subj span {
    color: #3d3d3d;
    max-width: 370px;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto
}

.fr .detail_body .detail_lst .subj span {
    max-width: 342px
}

.detail_body .detail_lst .date {
    color: #b1b1b1;
    font-size: 14px;
    letter-spacing: 1px;
    width: 102px
}

.detail_body .detail_lst .tx_up {
    color: #00dc64;
    font-size: 13px;
    margin-left: 5px
}

.detail_body .detail_lst .ico_bgm {
    margin: -2px 0 0 5px;
    vertical-align: middle
}

.detail_body .detail_lst .like_area {
    color: #b1b1b1;
    font-size: 14px;
    letter-spacing: 1px;
    width: 76px
}

.detail_body .detail_lst .tx {
    color: #3d3d3d;
    font-size: 17px;
    letter-spacing: 1px;
    padding-top: 25px;
    text-align: right;
    width: 59px
}

.detail_body .detail_lst li {
    border-bottom: 1px solid #f5f5f5;
    position: relative
}

.detail_body .detail_lst li:first-child {
    border-top: 1px solid #f5f5f5
}

.detail_body .detail_lst li > a {
    cursor: pointer;
    display: block;
    height: 73px;
    white-space: nowrap
}

.detail_body .detail_lst li:hover {
    background: #fbfbfb
}

.detail_body .detail_lst li a:visited .date, .detail_body .detail_lst li a:visited .like_area, .detail_body .detail_lst li a:visited .subj span, .detail_body .detail_lst li a:visited .tx {
    color: #c4c4c4
}

.detail_body .detail_lst .ico_like {
    margin: 4px 5px 0 0
}

.detail_body .detail_lst .manage_blank {
    display: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
    width: 114px
}

.detail_body .detail_lst .manage {
    display: none;
    left: 472px;
    position: absolute;
    top: 26px
}

.es .detail_body .detail_lst .manage, .fr .detail_body .detail_lst .manage {
    left: 463px
}

.de .detail_body .detail_lst .manage {
    left: 435px
}

.detail_body .detail_lst .owner .subj {
    width: 307px
}

.detail_body .detail_lst .owner .subj span {
    max-width: 348px
}

.de .detail_body .detail_lst .owner .subj span, .es .detail_body .detail_lst .owner .subj span, .fr .detail_body .detail_lst .owner .subj span {
    max-width: 300px
}

.detail_body .detail_lst .owner .manage_blank {
    display: inline-block
}

.detail_body .detail_lst .owner .manage {
    display: block;
    padding: 0
}

.detail_body .detail_lst .owner .manage a {
    margin-right: 3px
}

.detail_body .detail_paywall {
    word-wrap: break-word;
    border-top: 1px solid #f5f5f5;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 0
}

.detail_body .detail_paywall [class^=ico_] {
    margin-right: 8px;
    vertical-align: -3px !important
}

.detail_body .detail_paywall .ico_note {
    background-position: -830px -874px;
    background-repeat: no-repeat;
    height: 18px;
    width: 41px
}

.tw .detail_body .detail_paywall .ico_note {
    background-position: -959px -874px;
    background-repeat: no-repeat;
    height: 18px;
    width: 32px
}

.es .detail_body .detail_paywall .ico_note {
    background-position: -737px -874px;
    background-repeat: no-repeat;
    height: 18px;
    width: 44px
}

.fr .detail_body .detail_paywall .ico_note {
    background-position: -875px -874px;
    background-repeat: no-repeat;
    height: 18px;
    width: 38px
}

.de .detail_body .detail_paywall .ico_note {
    background-position: -917px -874px;
    background-repeat: no-repeat;
    height: 18px;
    width: 38px
}

.detail_body .detail_paywall .ico_sale {
    background-position: -785px -874px;
    background-repeat: no-repeat;
    height: 18px;
    width: 41px
}

.de .detail_body .detail_paywall .ico_sale {
    background-position: -679px -874px;
    background-repeat: no-repeat;
    height: 18px;
    width: 54px
}

.detail_body .detail_paywall .lk_more {
    color: #00dc64;
    float: right;
    font-family: normal;
    font-size: 15px
}

.detail_body .detail_paywall .lk_more:after {
    background-position: -1310px -997px;
    background-repeat: no-repeat;
    content: "";
    height: 8px;
    margin-left: 4px;
    vertical-align: middle;
    width: 5px
}

.detail_body .detail_install_app {
    border-top: 1px solid #f5f5f5;
    font-size: 16px;
    padding: 24px 0;
    position: relative;
    text-align: center
}

.detail_body .detail_install_app strong {
    font-size: 17px;
    font-weight: 500
}

.detail_body .detail_install_app em {
    color: #00dc64
}

.detail_body .detail_install_app .img_qrcode {
    position: absolute;
    right: 0;
    top: 13px
}

.detail_body .paginate {
    bottom: 18px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.detail_body .paginate .pg_prev {
    margin-left: -13px
}

.detail_body.banner .detail_lst {
    padding-bottom: 175px
}

.detail_body.banner .paginate {
    bottom: 127px
}

.detail_body.banner .ban_paywall {
    bottom: 20px;
    left: 20px;
    position: absolute
}

.aside.detail {
    border-left: 2px solid #f5f5f5;
    height: 100%;
    margin-left: -2px;
    padding: 43px 0 316px 40px;
    position: relative;
    width: 357px
}

.aside.detail.v2 {
    padding-bottom: 65px
}

.aside.detail .day_info {
    color: #000;
    font-size: 19px;
    font-weight: 500;
    line-height: 25px;
    padding: 4px 30px 16px 40px;
    position: relative
}

.aside.detail .day_info [class^=txt_ico] {
    left: 0;
    position: absolute;
    top: 0
}

.aside.detail .contest_info {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    min-height: 25px;
    padding: 4px 30px 16px 40px;
    position: relative
}

.aside.detail .contest_info img {
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px
}

.aside.detail .summary {
    word-wrap: break-word;
    color: #313131;
    font-size: 16px;
    line-height: 25px;
    margin: 3px 57px 0 0
}

.aside.detail .age_text {
    color: #8c8c8c;
    font-size: 14px;
    line-height: 19px;
    margin: 20px 0 -6px;
    width: 300px
}

.aside.detail .age_text .ico_mature_15 {
    margin: 1px 3px 0 0
}

.aside.detail .grade_area {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    margin-right: 40px;
    padding: 14px 0 34px;
    position: relative;
    z-index: 100
}

.aside.detail .grade_area .ico_grade5, .aside.detail .grade_area .ico_subscribe, .aside.detail .grade_area .ico_view {
    vertical-align: middle
}

.aside.detail .grade_area .ico_grade5 {
    margin-top: -3px
}

.aside.detail .grade_area .cnt {
    color: #000;
    display: inline-block;
    font-size: 16px;
    margin-left: 5px;
    vertical-align: middle
}

.aside.detail .grade_area .txt_btn_rate {
    margin-left: 2px
}

.aside.detail .grade_area .ly_grade {
    background: #fff;
    border: 1px solid #b4b4b4;
    border-radius: 15px;
    display: none;
    min-height: 122px;
    overflow: hidden;
    padding-bottom: 43px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 41px;
    width: 266px
}

.aside.detail .grade_area .ly_grade.on {
    display: block
}

.aside.detail .grade_area strong {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 26px 0 10px;
    text-align: center
}

.aside.detail .grade_area .ly_grade .star_area {
    display: inline-block;
    height: 30px;
    margin: -2px 0 -1px 3px
}

.aside.detail .grade_area .ly_grade .star_area button {
    background-position: -1114px -417px;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 30px;
    width: 15px
}

.aside.detail .grade_area .ly_grade .star_area button.on {
    background-position: -1117px -1013px
}

.aside.detail .grade_area .ly_grade .star_area button:nth-child(2n) {
    background-position: -1113px -825px;
    margin-right: 3px
}

.aside.detail .grade_area .ly_grade .star_area button:nth-child(2n).on {
    background-position: -1277px -1110px
}

.aside.detail .grade_area .ly_grade .grade_cnt {
    color: #000;
    display: block;
    font-size: 36px;
    font-weight: 500;
    line-height: 38px;
    padding: 17px 0 0
}

.aside.detail .grade_area .ly_grade .grade_txt {
    color: #737373;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 7px
}

.aside.detail .grade_area .grade_btn {
    background: #fff;
    border-top: 1px solid #b4b4b4;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 266px
}

.aside.detail .grade_area .grade_btn a {
    color: #000;
    display: inline-block;
    float: left;
    font-size: 16px;
    height: 42px;
    line-height: 44px;
    text-align: center;
    width: 132px
}

.aside.detail .grade_area .grade_btn a:first-child {
    border-right: 1px solid #b4b4b4
}

.aside.detail .grade_area li {
    margin-left: 12px;
    position: relative;
    white-space: nowrap
}

.aside.detail .grade_area li:first-child {
    margin-left: 0
}

.aside.detail .ly_grade.retry {
    height: auto;
    min-height: 107px;
    padding-bottom: 43px
}

.aside.detail .ly_grade.retry .grade_txt {
    color: #000;
    line-height: 24px;
    padding: 31px 15px 25px
}

.tw .aside.detail .ly_grade.retry .grade_txt {
    padding-top: 45px
}

.aside.detail .aside_btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 42px 40px 0 0;
    row-gap: 20px
}

.aside.detail .aside_btn .btn_type7 {
    background: #2f2f2f;
    height: 46px;
    min-width: 282px;
    position: relative
}

.aside.detail .aside_btn .btn_type7 .ico_arr21 {
    position: absolute;
    right: 19px;
    top: 17px
}

.aside.detail .aside_translatedby {
    border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    margin: 26px 38px 0 0;
    padding-bottom: 19px;
    position: relative
}

.aside.detail .aside_translatedby h2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 21px 0 5px
}

.aside.detail .aside_translatedby .lk_more {
    color: #00dc64;
    font-size: 14px;
    line-height: 16px;
    position: absolute;
    right: 0;
    top: 21px
}

.aside.detail .aside_translatedby .lst_lang {
    color: #959595;
    font-size: 15px;
    line-height: 18px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 307px
}

.aside.detail .aside_translatedby .lst_lang strong {
    color: #000;
    font-weight: 500;
    margin-right: 11px
}

.aside.detail .aside_translatedby .lst_lang a {
    color: #959595
}

.aside.detail .aside_translatedby .lst_lang .bar {
    background: #e5e5e5;
    height: 12px;
    margin: 1px 6px 0
}

.aside.detail .aside_patron {
    border-top: 1px solid #f5f5f5;
    font-size: 16px;
    margin: 48px 34px 0 0;
    padding-top: 29px
}

.aside.detail .aside_patron .patron_info {
    line-height: 32px;
    padding: 13px 0 2px
}

.aside.detail .aside_patron .ico_hand {
    margin: 4px 8px 0 0
}

.aside.detail .aside_patron .ico_money {
    margin: 4px 6px 0 3px
}

.aside.detail .aside_patron .btn_patron {
    height: 43px;
    line-height: 45px;
    min-width: 118px
}

.aside.detail .aside_patron .patron_loading {
    margin-top: 16px;
    padding-bottom: 42px
}

.aside.detail .aside_patron .patron_failed {
    color: #808285;
    padding: 15px 0 4px
}

.detail_other {
    clear: both;
    margin: 74px 0 112px;
    overflow: hidden
}

.detail_other h2 {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 14px
}

.detail_other h2 .point {
    color: #00dc64
}

.detail_other .lst_type1 {
    border-bottom: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.detail_other .lst_type1 li {
    background: #fff;
    border-top: none;
    height: auto;
    width: 400px
}

.detail_other .lst_type1 .pic_area {
    bottom: 0;
    height: 98px;
    top: 0;
    width: 92px
}

.detail_other .lst_type1 .icon_area {
    top: 4px
}

.detail_other .lst_type1 .info_area {
    height: 83px;
    padding: 15px 22px 0 114px
}

.detail_other .lst_type1 .info_area .subj {
    font-size: 19px;
    line-height: 26px
}

.detail_body ~ .detail_other.recommnd, .detail_other .lst_type1 .grade_area {
    margin-top: 4px
}

.detail_other.recommnd {
    clear: none;
    float: left;
    width: 386px
}

.detail_other.recommnd ~ .recommnd {
    padding-left: 21px
}

.detail_other.recommnd h2 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.detail_other.recommnd .card_lst {
    margin: 0;
    padding-left: 0;
    width: auto
}

.detail_other.recommnd .card_lst li {
    height: 190px;
    margin: 0 0 0 6px;
    width: 190px
}

.detail_other.recommnd .card_lst li:first-child {
    margin-left: 0
}

.detail_other.recommnd .card_item .info {
    height: 163px
}

.detail_other.recommnd .card_item > img {
    border: 1px solid #dbdbdb
}

.ly_creator {
    padding: 56px 8px 28px 40px;
    top: 295px;
    vertical-align: top
}

.ly_creator_in {
    max-height: 540px;
    overflow-y: auto;
    padding: 0 32px 2px 0;
    text-align: left;
    width: 478px
}

.ly_creator_in::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px
}

.ly_creator_in::-webkit-scrollbar-thumb {
    background-color: #dbdbdb;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    box-shadow: 0 0 1px hsla(0, 0%, 100%, .5)
}

.ly_creator .by {
    color: #a6a6a6;
    font-size: 18px;
    margin-top: 60px
}

.ly_creator .by:first-of-type {
    margin-top: 0
}

.ly_creator .title {
    font-size: 27px;
    font-weight: 400;
    margin-top: -6px
}

.ly_creator .title .link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: underline
}

.ly_creator .title .link:after {
    -webkit-box-flex: 0;
    background-position: -1233px -447px;
    background-repeat: no-repeat;
    content: "";
    -ms-flex: none;
    flex: none;
    height: 21px;
    margin: 10px 0 0 4px;
    width: 22px
}

.ly_creator .title .author {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.ly_creator .sns_area {
    margin-top: 5px
}

.ly_creator .sns_area a[class^=ico_] {
    margin-right: 5px
}

.ly_creator .desc {
    color: #404040;
    font-size: 18px;
    line-height: 25px;
    margin-top: 9px
}

.ly_creator .other_works {
    margin-top: 20px;
    position: relative
}

.ly_creator .other_works .sub_title {
    font-size: 20px;
    font-weight: 400
}

.ly_creator .other_card {
    margin-top: 9px;
    overflow: hidden;
    width: 478px
}

.ly_creator .other_card li {
    border: 1px solid #dbdbdb;
    float: left;
    height: 152px;
    margin-left: 8px;
    width: 152px
}

.ly_creator .other_card li:first-child {
    margin-left: 0
}

.ly_creator .other_card .nodata {
    background-color: #f4f4f4
}

.ly_creator .other_card .ico_nodata {
    background-position: -1180px -424px;
    background-repeat: no-repeat;
    display: block;
    height: 77px;
    margin: -40px auto 0;
    position: relative;
    top: 50%;
    width: 80px
}

.ly_creator .other_card_item {
    background: #fff;
    cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    text-align: right;
    width: 100%
}

.ly_creator .other_card_item img {
    margin-top: 14px
}

.ly_creator .other_card_item .info {
    height: 110px;
    left: 12px;
    position: absolute;
    text-align: left;
    top: 14px;
    width: 130px
}

.ly_creator .other_card_item .subj {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px
}

.ly_creator .other_card_item .author {
    display: none
}

.ly_creator .other_card_item .icon_area {
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2px 0 0 -2px
}

.ly_creator .other_card_item .genre {
    bottom: 7px;
    font-size: 13px;
    font-weight: 500;
    left: 12px;
    line-height: 14px;
    position: absolute
}

.ly_creator .other_works_more {
    color: #00dc64;
    font-size: 16px;
    font-weight: 700;
    padding-right: 12px;
    position: absolute;
    right: 0;
    top: 10px
}

.ly_creator .other_works_more .ico_more {
    background-position: -1300px -933px;
    background-repeat: no-repeat;
    height: 8px;
    position: absolute;
    right: 0;
    top: 8px;
    width: 8px
}

.ly_translatemore {
    top: 49px;
    white-space: normal;
    width: 318px;
    z-index: 10
}

.ly_translatemore .ly_cont {
    padding: 17px 0 20px;
    text-align: left
}

.ly_translatemore .ly_cont .inner {
    background: #f9f9f9;
    border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    margin-top: 10px;
    padding: 8px 0 16px
}

.ly_translatemore h3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 9px 16px 1px
}

.ly_translatemore h3 strong {
    font-weight: 500
}

.ly_translatemore p {
    color: #959595;
    font-size: 14px;
    line-height: 20px;
    padding: 0 16px
}

.ly_translatemore p strong {
    font-weight: 500
}

.ly_translatemore p.btnbox {
    margin-top: 20px;
    text-align: center
}

.ly_translatemore .ico_arr.v2.up {
    right: 15px
}

.spi_area {
    position: relative;
    vertical-align: top;
    z-index: 50
}

.spi_area li {
    float: left;
    margin-left: 6px
}

.spi_area li.relative {
    position: relative
}

.spi_area li:first-child {
    margin: 0 !important
}

.spi_area li .ly_area {
    height: 22px;
    padding: 15px 10px 17px 9px
}

.spi_area li .ico_copy ~ .ly_area {
    height: 45px;
    top: -94px
}

.spi_area li .ly_area .ico_arr {
    left: 82px
}

.spi_area .bx {
    background: #ececec;
    border-radius: 19px;
    color: #585858;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: 500;
    height: 38px;
    line-height: 40px;
    min-width: 100px;
    padding: 0 12px;
    position: relative
}

.spi_area .bx[aria-pressed=true] .ico_like2 {
    background-position: -899px -806px
}

.spi_area .bx [class^=ico_] {
    margin: -2px 4px 0 0;
    vertical-align: middle
}

.sel_bx {
    background: #1c1c1c;
    border: 1px solid #000;
    border-radius: 17px;
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: top
}

#languageSelectBoxLayer, #webtoonScrollBoxLayer, div[id*=scrollbox] {
    height: 100%;
    position: relative;
    width: 100%
}

.sel_bx .checked {
    display: block !important;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.selbx_lst {
    display: none
}

.sel_bx .checked.unfd ~ .selbx_lst {
    border-radius: 17px;
    display: block;
    width: 100%;
    z-index: 100
}

.sel_bx a.checked.unfd {
    display: none !important
}

.sel_bx ul {
    overflow: hidden
}

.sel_bx ul a {
    color: #6c6c6c;
    display: block;
    font-size: 15px;
    line-height: 26px;
    padding: 0 40px 0 20px
}

.sel_bx ul li {
    position: relative
}

.sel_bx ul li.on a {
    color: #fff;
    font-weight: 500
}

.sel_bx ul li span[class^=ico_chk] {
    right: 15px;
    top: 6px
}

.sel_bx span[class^=ico_chk] {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 11px
}

.sel_bx.bg_wh {
    background: #fff;
    border-color: #b4b4b4
}

.sel_bx.bg_wh li.on a {
    color: #000
}

.sel_bx.bg_wh li:hover {
    background: #f4f4f4
}

.sel_bx.bg_wh li:hover a {
    color: #000
}

.tool_area {
    background: #2f2f2f;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    height: 50px;
    min-width: 1200px;
    position: fixed;
    width: 100%;
    z-index: 100
}

.tool_area .info {
    left: 0;
    position: absolute;
    top: 0;
    width: 30%;
    z-index: 100;
    padding: 0 30px;
}

.tool_area .logo {
    height: 50px
}

.tool_area .logo .btn_logo {
    background-position: -1123px -1110px;
    background-repeat: no-repeat;
    display: block;
    height: 34px;
    margin: 8px 20px;
    position: relative;
    width: 36px;
    z-index: 100
}

.tool_area .subj_info {
    margin-top: 11px;
    margin-left:20px;
}

.tool_area .subj_info .subj {
    color: #fff;
    font-size: 18px;
    margin-right: 11px;
    max-width: 50%;
    position: relative;
    z-index: 100
}

.tool_area .subj_episode, .tool_area .subj_info .subj {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tool_area .subj_episode {
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-top: 1px;
    max-width: 28%;
    vertical-align: top
}

.tool_area .bgm_btn {
    z-index: 100
}

.tool_area .bgm_btn, .toon_btn {
    display: inline-block;
    margin: 4px 0 0 5px;
    position: relative;
    vertical-align: top
}

.tool_area .toon_btn {
    z-index: 100
}

.toon_btn .ly_area {
    font-size: 17px;
    padding: 13px 25px 16px;
    right: -87px;
    text-align: center;
    top: 42px
}

.toon_btn .ly_area .ico_arr.v2.up {
    right: 105px
}

.tool_area .ico_arr2 {
    margin: 8px 6px 0 0;
    vertical-align: top
}

.tool_area .paginate.v2 {
    height: 50px;
    position: relative;
    z-index: 50
}

.tool_area .paginate.v2 [class^=pg_] {
    height: 33px;
    margin-top: 8px;
    vertical-align: top;
    width: 32px
}

.tool_area .paginate.v2 [class^=pg_] em {
    margin: 0
}

.tool_area .paginate.v2 .pg_prev em {
    background-position: -148px -1164px;
    background-repeat: no-repeat;
    height: 33px;
    width: 32px
}

.tool_area .paginate.v2 .pg_next em {
    background-position: -256px -1164px;
    background-repeat: no-repeat;
    height: 33px;
    width: 32px
}

.tool_area .paginate.v2 .pg_prev.dim em {
    background-position: -220px -1164px;
    background-repeat: no-repeat;
    height: 33px;
    width: 32px
}

.tool_area .paginate.v2 .pg_next.dim em {
    background-position: -184px -1164px;
    background-repeat: no-repeat;
    height: 33px;
    width: 32px
}

.tool_area .paginate.v2 .tx {
    cursor: pointer;
    display: inline-block;
    letter-spacing: 1px;
    margin: 12px 11px 0 12px
}

.tool_area .episode_area {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/bg_viewer.png) repeat;
    border: none;
    display: none;
    height: 161px;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 10
}

.tool_area .episode_area.unfd {
    display: block
}

.tool_area .btn_episode_fd {
    bottom: -186px;
    display: none;
    left: 50%;
    margin-left: -42px;
    position: absolute
}

.tool_area .episode_area.unfd ~ .btn_episode_fd {
    display: block
}

.tool_area .episode_lst, .tool_area .episode_lst ul {
    height: 100%
}

.tool_area .episode_lst li {
    padding: 31px 15px 0
}

.tool_area .episode_lst .paginate a {
    top: 74px
}

.tool_area .right_area {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

.tool_area .right_area .toon_btn {
    float: left;
    margin: 12px 15px 0 0
}

.tool_area .right_area .bgm_btn {
    float: left;
    margin: 11px 15px 0 0
}

.tool_area .age_text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #242424;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    font-weight: 500;
    height: 42px;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 50px
}

.tool_area.age_limit + .viewer .cont_box .viewer_lst {
    padding-top: 92px
}

.tool_area.age_limit + .viewer .cont_box .viewer_lst .mobile_optimized {
    margin-top: 34px
}

.tool_area .spi_area {
    float: left;
    margin: 9px 14px 0 0;
    text-align: center
}

.tool_area .spi_area .ico_favorites {
    background-position: -600px -1013px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 31px;
    width: 31px
}

.tool_area .spi_area .ico_favorites.on {
    background-position: -775px -1013px;
    background-repeat: no-repeat;
    height: 31px;
    width: 31px
}

.tool_area .spi_area .ico_facebook {
    background-position: -670px -1013px;
    background-repeat: no-repeat;
    height: 31px;
    width: 31px
}

.tool_area .spi_area .ico_twitter {
    background-position: -740px -1013px;
    background-repeat: no-repeat;
    height: 31px;
    width: 31px
}

.tool_area .spi_area .ico_line {
    background-position: -810px -1013px;
    background-repeat: no-repeat;
    height: 31px;
    width: 31px
}

.tool_area .spi_area .ico_tumblr {
    background-position: -705px -1013px;
    background-repeat: no-repeat;
    height: 31px;
    width: 31px
}

.tool_area .spi_area .ico_copy {
    background-position: -635px -1013px;
    background-repeat: no-repeat;
    height: 31px;
    width: 31px
}

.tool_area .spi_area li {
    height: 31px;
    margin-left: 4px;
    width: 31px
}

.tool_area .spi_area li .ly_area {
    background: #fff;
    font-weight: 500;
    height: auto;
    line-height: 25px;
    padding: 13px 20px 12px;
    right: -107px;
    top: 54px
}

.tool_area .spi_area li .ico_copy ~ .ly_area {
    right: -2px
}

.tool_area .spi_area li .ico_copy ~ .ly_area .ico_arr {
    right: 7px
}

.tool_area .sel_bx {
    margin: 7px 20px 0 0;
    max-height: 100%;
    width: 218px
}

.tool_area .sel_bx a.checked {
    color: #fff;
    display: block !important;
    height: 34px;
    line-height: 37px;
    padding: 0 40px 0 14px
}

.tool_area .sel_bx .checked strong {
    color: #00dc64;
    font-size: 13px;
    font-weight: 500;
    margin-right: 8px
}

.tool_area .sel_bx ul li a:hover {
    background: #222;
    color: #fff
}

.tool_area .selbx_lst {
    font-size: 13px;
    height: auto;
    padding: 0;
    width: 331px
}

.tool_area .selbx_lst .desc {
    color: #6c6c6c;
    margin-bottom: 2px
}

.tool_area .selbx_lst .desc .ico_info {
    margin: 2px 0 0 1px
}

.tool_area .selbx_lst .language a {
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 26px
}

.tool_area [class^=ver_] {
    border-top: 1px solid #060606;
    padding: 7px 1px 0 0
}

.tool_area .ver_official, .tool_area .ver_unofficial .desc {
    padding-left: 14px
}

.tool_area .ver_unofficial {
    margin-top: 1px;
    position: relative
}

.tool_area .ver_unofficial .ver_lst {
    border: 0;
    height: 184px;
    padding: 0
}

.tool_area .ver_unofficial ul a {
    color: #fff;
    line-height: 26px;
    padding: 0 10px 0 14px
}

.tool_area .ver_unofficial ul a span {
    display: inline-block;
    vertical-align: middle
}

.tool_area .ver_unofficial ul a .ico_chk4 {
    right: 4px
}

.tool_area .ver_unofficial .ellipsis {
    max-width: 128px
}

.tool_area .ver_unofficial .rate .ico_rate {
    margin: -4px 4px 0 7px;
    vertical-align: middle
}

.tool_area .ver_unofficial .empty_fan {
    color: #6c6c6c;
    font-size: 13px;
    line-height: 18px;
    margin: 3px 0 14px 14px
}

.tool_area .ver_unofficial .empty_fan a {
    color: #6c6c6c;
    text-decoration: underline
}

.tool_area .ver_unofficial .ly_area {
    left: -146px;
    top: -33px;
    z-index: 10
}

.tool_area .ver_unofficial .ly_area .ly_cont {
    display: block;
    font-size: 13px;
    line-height: 20px;
    padding: 17px 20px 13px;
    text-align: left
}

.tool_area .ver_unofficial .ly_area .ly_cont a {
    text-decoration: underline
}

.tool_area .cite {
    background: #535353;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    height: 37px;
    margin: 0 -1px -1px;
    text-align: center
}

.tool_area .cite a {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    line-height: 36px
}

.tool_area .cite span {
    margin: -2px 0 0 8px;
    vertical-align: middle
}

.cont_box .viewer_lst {
    overflow: hidden;
    padding-top: 50px;
    position: relative;
    text-align: center
}

.viewer_lst .viewer_img {
    margin-bottom: 215px
}

.viewer_lst .viewer_img img {
    max-width: 800px;
    min-width: 600px
}

.viewer_lst.motion .viewer_img img {
    max-width: none;
    min-width: auto
}

.viewer_lst .viewer_img.cuttoon img {
    margin-top: 50px
}

.viewer_lst .viewer_img.cuttoon img:first-child {
    margin-top: 0
}

.viewer_lst .viewer_ppl {
    margin: -95px 0 122px
}

.viewer_lst .viewer_ppl p {
    color: #bfbfbf;
    font-size: 22px;
    line-height: 24px;
    margin: 20px 0 -3px
}

.viewer_lst .viewer_ppl p span {
    color: #00dc64
}

.viewer_lst .viewer_ad_area {
    margin: -95px 0 122px;
    text-align: center
}

.cont_box .viewer_lst .unofficial {
    margin: 52px 0 75px;
    text-align: center
}

.cont_box .viewer_lst .unofficial p {
    font-size: 18px;
    line-height: 20px;
    margin-top: 10px
}

.cont_box .viewer_lst .mobile_optimized {
    margin: 16px 0 13px;
    text-align: center
}

.cont_box .viewer_lst .mobile_optimized .qrcode {
    border: 1px solid #dadada;
    display: inline-block;
    padding: 5px;
    vertical-align: top
}

.cont_box .viewer_lst .mobile_optimized p {
    color: #868686;
    font-size: 15px;
    line-height: 19px;
    margin-top: 14px
}

.cont_box .viewer_lst .mobile_optimized strong {
    color: #000;
    font-weight: 400
}

.cont_box .viewer_lst .spi_area {
    display: inline-block;
    margin: 18px auto 53px;
    width: auto
}

.cont_box .viewer_lst .spi_area li {
    margin-left: 4px
}

.cont_box .viewer_lst .spi_area .lnk_favorites.on {
    color: #918f91
}

.cont_box .viewer_lst .spi_area .lnk_favorites.on .ico_plus3 {
    background-position: -1300px -302px
}

.cont_box .viewer_lst .spi_area .ico_facebook {
    background-position: -648px -1053px;
    background-repeat: no-repeat;
    height: 37px;
    width: 37px
}

.cont_box .viewer_lst .spi_area .ico_twitter {
    background-position: -607px -1053px;
    background-repeat: no-repeat;
    height: 37px;
    width: 37px
}

.cont_box .viewer_lst .spi_area .ico_line {
    background-position: -525px -1053px;
    background-repeat: no-repeat;
    height: 37px;
    width: 37px
}

.cont_box .viewer_lst .spi_area .ico_tumblr {
    background-position: -566px -1053px;
    background-repeat: no-repeat;
    height: 37px;
    width: 37px
}

.cont_box .viewer_lst .spi_area .ico_reddit {
    background-position: -1253px -226px;
    background-repeat: no-repeat;
    height: 37px;
    width: 37px
}

.cont_box .viewer_lst .spi_area .ico_copy {
    background-position: -484px -1053px;
    background-repeat: no-repeat;
    height: 37px;
    width: 37px
}

.cont_box .viewer_lst .spi_area li .ly_area {
    background: #fff;
    bottom: 54px;
    height: auto;
    left: -44px;
    padding: 12px 20px 11px
}

.cont_box .viewer_lst .spi_area li .ly_area .ly_cont {
    line-height: 25px
}

.cont_box .viewer_lst .spi_area li .ly_area.share {
    left: -42px;
    min-width: 345px;
    padding: 19px 10px 16px;
    white-space: normal
}

.cont_box .viewer_lst .spi_area li .ly_area.share.v2 {
    min-width: 225px;
    padding: 18px 10px 15px;
    right: -76px
}

.cont_box .viewer_lst .spi_area li .ly_area.share .ly_tit {
    color: #000;
    display: block;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 8px
}

.cont_box .viewer_lst .spi_area li .ly_area.share .ly_cont {
    color: #868686;
    display: block;
    font-size: 16px;
    line-height: 19px
}

.cont_box .viewer_lst .spi_area li .ly_area.share .ico_arr {
    right: 173px
}

.cont_box .viewer_lst .spi_area li .ly_area.share.v2 .ico_arr {
    right: 113px
}

.cont_box .viewer_lst .spi_area li .ly_btn [class^=btn] {
    color: #000;
    font-size: 16px;
    height: 32px;
    line-height: 34px;
    margin-top: 13px;
    padding-top: 1px
}

.cont_box .viewer_lst .spi_area li .ly_btn a:first-child {
    margin-right: 1px
}

.cont_box .viewer_lst .spi_area li .ico_copy ~ .ly_area {
    left: auto;
    right: -15px;
    top: auto
}

.cont_box .viewer_lst .spi_area li .ico_copy ~ .ly_area .ico_arr {
    left: auto;
    right: 24px
}

.viewer_lst .day_info {
    color: #000;
    font-size: 17px
}

.viewer_lst .day_info .txt_ico_up {
    margin: -2px 5px 0 0
}

.viewer_lst .dsc_encourage {
    color: #080808;
    font-size: 16px;
    margin: 9px 0 -7px
}

.ly_bookmark {
    background: #00dc64;
    border-radius: 22px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    height: 38px;
    left: 50%;
    line-height: 42px;
    margin-top: -19px;
    padding: 0 23px 0 20px;
    position: fixed;
    top: 50%;
    z-index: 1000
}

.ly_bookmark .ico_bookmark {
    margin: 12px 8px 0 0
}

.viewer_patron_area {
    border-top: 1px solid #ebebeb;
    font-size: 16px;
    padding: 46px 0 52px;
    position: relative;
    text-align: center
}

.viewer_patron_area .bar {
    background: #e7e8ea;
    height: 20px;
    margin: 0 14px;
    width: 2px
}

.viewer_patron_area p {
    position: relative
}

.viewer_patron_area .patron_failed {
    color: #808285;
    padding: 15px 0 4px
}

.viewer_patron_area .patron_info {
    line-height: 24px;
    padding-top: 12px
}

.viewer_patron_area .patron_info span {
    display: inline-block;
    padding-left: 27px;
    position: relative;
    vertical-align: top
}

.viewer_patron_area .patron_info span:first-child {
    padding-left: 29px
}

.viewer_patron_area [class^=ico_] {
    left: 0;
    position: absolute;
    top: 0
}

.btn_patron {
    background: #f35e36;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 38px;
    line-height: 40px;
    margin-top: 17px;
    min-width: 120px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    vertical-align: top
}

.patron_loading {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/loading2.gif) no-repeat;
    display: block;
    height: 20px;
    overflow: hidden;
    vertical-align: top;
    width: 20px
}

.viewer_patron_area .patron_loading {
    margin: 11px auto 0;
    padding-bottom: 3px
}

.contributors_area2 {
    border: solid #ebebeb;
    border-width: 1px 0 0;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 1200px;
    z-index: 20
}

.contributors_area2 .title_area {
    margin: 36px auto 0;
    position: relative;
    text-align: left;
    width: 1148px
}

.contributors_area2 .title_area h3 {
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    line-height: 24px
}

.contributors_area2 .title_area .num, .contributors_area2 .title_area .team_name {
    color: #00dc64;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    line-height: 19px;
    margin: 4px 11px 0 10px
}

.contributors_area2 .title_area .team_name {
    margin-right: 0
}

.contributors_area2 .title_area .ico_arr7 {
    margin: -1px 0 0 5px;
    vertical-align: middle
}

.contributors_area2 .title_area .rate_area {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    position: absolute;
    right: 39px;
    top: -2px
}

.contributors_area2 .title_area .lk_rate {
    background: #ececec;
    border-radius: 14px;
    color: #585858;
    display: inline-block;
    font-size: 15px;
    height: 30px;
    line-height: 32px;
    margin-left: 5px;
    padding: 0 18px;
    vertical-align: middle
}

.contributors_area2 .title_area .lk_rate .ico_rate2 {
    margin: -4px 4px 0 0;
    vertical-align: middle
}

.contributors_area2.v2 .title_area {
    margin-top: 38px;
    padding-bottom: 8px;
    width: 1152px
}

.contributors_area2.v2 .title_area .ico_arr1 {
    margin: -1px 0 0 10px;
    vertical-align: middle
}

.contributors_area2.v2 .contributors_text_lst {
    font-size: 16px;
    line-height: 20px;
    margin: 0 auto;
    padding-bottom: 33px;
    width: 1152px
}

.contributors_area2.v2 .contributors_text_lst:after {
    clear: both;
    content: "";
    display: block
}

.contributors_area2.v2 .contributors_text_lst li {
    float: left
}

.contributors_area2.v2 .contributors_text_lst .lk_contributors {
    color: #7d7d7d
}

.contributors_area2.v2 .contributors_text_lst .separator {
    color: #cacaca;
    padding: 0 12px
}

.contributors_area2 .ly_area {
    background: #fff;
    bottom: 46px;
    height: auto;
    padding: 17px 20px 14px;
    right: 0
}

.contributors_area2 .ly_area .ly_cont {
    display: block;
    font-size: 16px;
    line-height: 20px
}

.contributors_area2 .ly_area .ly_cont a {
    text-decoration: underline
}

.contributors_area2 .ly_area .ico_arr {
    right: 31px
}

.contributors_lst {
    display: inline-block;
    height: 202px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 1148px
}

.contributors_lst .contributors_cont {
    height: 100%;
    left: 50%;
    margin-left: -537px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 1074px
}

.contributors_lst ul {
    display: inline-block;
    height: 172px;
    left: 0;
    margin: 0 -15px;
    overflow: hidden;
    padding: 14px 3px 0;
    position: absolute;
    top: 0;
    width: auto
}

.contributors_lst li {
    float: left;
    min-height: 172px;
    padding: 0 15px
}

.contributors_lst .pic_area {
    background: #fff;
    border-radius: 50%;
    display: block;
    height: 107px;
    margin-bottom: 11px;
    position: relative;
    vertical-align: top
}

.contributors_lst .pic_area img {
    border-radius: 50%
}

.contributors_lst li a {
    display: block;
    font-size: 15px;
    font-weight: 500;
    width: 107px
}

.contributors_lst .subj {
    word-wrap: break-word;
    color: #000;
    display: block;
    line-height: 16px;
    max-height: 31px;
    overflow: hidden;
    word-break: break-all
}

.contributors_lst .line {
    color: #767676;
    display: block;
    line-height: 18px;
    margin-top: 1px
}

.contributors_lst .paginate a {
    height: 23px;
    position: absolute;
    top: 57px;
    vertical-align: top;
    width: 14px
}

.contributors_lst a[class^=pg_] em {
    height: 100%;
    margin: 0;
    vertical-align: top;
    width: 100%
}

.contributors_lst a.pg_prev {
    left: -3px
}

.contributors_lst a.pg_prev em {
    background-position: -1300px -84px;
    background-repeat: no-repeat;
    height: 23px;
    width: 14px
}

.contributors_lst a.pg_next {
    right: -3px
}

.contributors_lst a.pg_next em {
    background-position: -1300px -111px;
    background-repeat: no-repeat;
    height: 23px;
    width: 14px
}

.thmb_mask {
    border: 1px solid #000;
    border-radius: 50%;
    bottom: 0;
    filter: alpha(opacity=10);
    height: auto;
    left: 0;
    opacity: .1;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.episode_area {
    background: #f5f5f5;
    height: 148px;
    margin: 0 auto;
    padding: 39px 0;
    text-align: center
}

.episode_area .title_area {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 1148px
}

.episode_area .title_area h3 {
    color: #000;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    line-height: 23px
}

.episode_area .title_area .country {
    color: #767676;
    margin-left: -1px
}

.episode_area .title_area .sort_area {
    display: inline-block;
    margin-left: 8px;
    position: relative;
    vertical-align: top;
    z-index: 30
}

.episode_area .title_area .sort_area .bar {
    background: #e5e5e3;
    height: 13px;
    margin: 5px 10px 0 0
}

.episode_area .title_area .sort_area .checked {
    color: #9e9e9e;
    font-size: 16px;
    font-weight: 500
}

.episode_area .title_area .sort_area .checked .ico_chk5 {
    margin: 6px 0 0 5px
}

.episode_area .title_area .sel_bx {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 0;
    display: none;
    height: 354px;
    left: 0;
    padding: 9px 0;
    position: absolute;
    top: -12px;
    width: 158px
}

.episode_area .title_area .sel_bx.on {
    display: block
}

.episode_area .title_area .sel_bx a {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    overflow: hidden;
    padding: 0 30px 0 14px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.episode_area .title_area .sel_bx .ico_chk {
    position: static
}

.episode_area .title_area .sel_bx .cate {
    color: #767676;
    font-size: 16px;
    line-height: 28px;
    margin: 0 10px 0 14px
}

.episode_area .title_area .sel_bx .cate.v2 {
    border-top: 1px solid #e5e5e5;
    margin: 6px 14px 0;
    padding-top: 9px
}

.episode_area .title_area .sel_bx .cate:hover {
    background: none
}

.episode_area .title_area .sel_bx .empty {
    font-size: 14px;
    line-height: 18px;
    padding: 3px 14px 0
}

.episode_area .title_area .sel_bx .empty:hover {
    background: none
}

.episode_area .title_area .translate_area {
    color: #000;
    font-size: 16px;
    position: absolute;
    right: 39px;
    top: -4px
}

.episode_area .title_area .translate_area .btn_translate {
    margin-left: 6px;
    vertical-align: middle
}

.episode_lst {
    display: inline-block;
    height: 175px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 1148px
}

.episode_lst .episode_cont {
    height: 100%;
    left: 50%;
    margin-left: -537px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 1074px
}

.episode_lst ul {
    display: inline-block;
    height: 132px;
    left: 0;
    margin: 0 -15px;
    overflow: hidden;
    padding: 0 3px;
    position: absolute;
    top: 0;
    width: auto
}

.episode_lst li {
    float: left;
    padding: 12px 15px 0
}

.episode_lst .thmb {
    display: block;
    margin-bottom: 7px;
    position: relative
}

.episode_lst li a {
    display: block;
    width: 92px
}

.episode_lst li .on {
    color: #00dc64;
    margin: -3px;
    width: 98px
}

.episode_lst li .on .thmb {
    border: 3px solid #00dc64;
    margin-bottom: 4px
}

.episode_lst li .on .subj {
    color: #00dc64
}

.episode_lst .subj {
    color: #959595;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.episode_lst ul .mask {
    background: #959595;
    bottom: 0;
    filter: alpha(opacity=40);
    left: 0;
    opacity: .4;
    position: absolute;
    right: 0;
    top: 0
}

.episode_lst ul .mask.v2 {
    background: #313131;
    filter: alpha(opacity=75);
    opacity: .75
}

.episode_lst ul .ico_lock3 {
    left: 50%;
    margin-left: -11px;
    position: absolute;
    top: 28px;
    z-index: 10
}

.episode_lst ul .on .mask {
    filter: alpha(opacity=0);
    opacity: 0
}

.episode_lst .paginate a {
    height: 23px;
    margin-top: -11px;
    position: absolute;
    top: 55px;
    vertical-align: top;
    width: 14px
}

.episode_lst a[class^=pg_] em {
    margin: 0
}

.episode_lst a.pg_prev {
    left: -3px
}

.episode_lst a.pg_prev em {
    background-position: -1300px -84px;
    background-repeat: no-repeat;
    height: 23px;
    width: 14px
}

.episode_lst a.pg_next {
    right: -3px
}

.episode_lst a.pg_next em {
    background-position: -1300px -111px;
    background-repeat: no-repeat;
    height: 23px;
    width: 14px
}

.episode_lst ul .notyet .mask {
    filter: alpha(opacity=70);
    opacity: .7
}

.episode_lst .dsc_notyet {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    left: 0;
    line-height: 14px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), -1px -1px 0 rgba(0, 0, 0, .1);
    top: 36px;
    width: 100%
}

.induce_app_area {
    background: #2f2f2f;
    color: #fff;
    padding: 30px 0;
    text-align: center
}

.induce_app_area .img_area {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.induce_app_area .img_area img {
    border-radius: 50%
}

.induce_app_area .text_area {
    display: inline-block;
    margin: 0 31px 0 11px;
    text-align: left;
    vertical-align: middle
}

.induce_app_area .text_area strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.06;
    position: relative
}

.induce_app_area .text_area em {
    color: #00dc64
}

.induce_app_area .text_area p {
    font-size: 14px;
    line-height: 1.07;
    margin-top: 8px
}

.induce_app_area .qrcode_area {
    border: 5px solid #fff;
    display: inline-block;
    vertical-align: middle
}

.induce_app_area.preview .img_area:before {
    background-position: -360px -1164px;
    background-repeat: no-repeat;
    content: "";
    height: 30px;
    left: -15px;
    position: absolute;
    top: 0;
    width: 30px
}

.induce_app_area.preview.reward .img_area:before {
    background-position: -428px -1164px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.induce_app_area.free .text_area strong {
    padding-left: 24px
}

.induce_app_area.free .text_area strong:before {
    background-position: -83px -1231px;
    background-repeat: no-repeat;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 18px
}

.induce_app_area.subscribe {
    padding: 28px 0
}

.induce_app_area.subscribe .img_area:before {
    background-position: -54px -1110px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 50px;
    width: 50px
}

.induce_app_area.subscribe .text_area {
    margin: 0 27px 0 14px
}

.induce_app_area.subscribe .text_area strong {
    font-size: 17px;
    line-height: 1.18
}

.comment_area {
    float: left;
    height: 100%;
    padding: 88px 70px 22px 0;
    width: 800px
}

.comment_area .creator_note .title {
    color: #3c3c3c;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px
}

.comment_area .creator_note .author_area {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px
}

.comment_area .creator_note .author_area .profile {
    -webkit-box-flex: 0;
    background: url(https://webtoons-static.pstatic.net/image/static/pc/profile_none.png) no-repeat;
    background-size: 100%;
    border-radius: 50%;
    -ms-flex: none;
    flex: none;
    height: 40px;
    margin-right: 5px;
    overflow: hidden;
    position: relative;
    width: 40px
}

.comment_area .creator_note .author_area .profile:after {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.comment_area .creator_note .author_area .author {
    font-size: 18px;
    font-weight: 600;
    line-height: 29px;
    word-break: break-all
}

.comment_area .creator_note .author_area .author, .comment_area .creator_note .author_area .author_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comment_area .creator_note .author_area .author_name + .author_name {
    margin-left: 3px
}

.comment_area .creator_note .author_area .author_name span {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.comment_area .creator_note .author_area a.author_name {
    text-decoration: underline
}

.comment_area .creator_note .author_area a.author_name:after {
    -webkit-box-flex: 0;
    background-position: -345px -1071px;
    background-repeat: no-repeat;
    content: "";
    -ms-flex: none;
    flex: none;
    height: 15px;
    margin: 6px 0 0 3px;
    width: 16px
}

.comment_area .creator_note .author_text {
    word-wrap: break-word;
    color: #3c3c3c;
    font-size: 15px;
    line-height: 21px;
    margin-top: 15px;
    white-space: pre-wrap
}

.comment_head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0 8px
}

.comment_head .title_comments {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -.3px;
    line-height: 35px
}

.comment_head .count {
    color: #949494;
    font-size: 16px;
    line-height: 24px
}

.comment_disabled_area {
    color: #a6a6a6;
    font-size: 15px;
    line-height: 20px;
    padding: 200px 0;
    text-align: center
}

.comment_lst {
    font-size: 15px;
    margin-top: 3px
}

.comment_lst li {
    border-bottom: 1px solid #dbdbdb;
    padding: 12px 0 11px
}

.comment_lst .wrt_name {
    color: #000;
    font-weight: 500
}

.comment_lst .wrt_date {
    color: #898989;
    font-size: 13px;
    margin-left: 10px
}

.comment_lst li .comment_tx {
    word-wrap: break-word;
    color: #5f5f5f;
    font-size: 15px;
    line-height: 21px;
    margin: 1px 0;
    word-break: keep-all
}

.comment_lst li .comment_tx .input_tx {
    color: #5f5f5f;
    float: none;
    height: 42px;
    line-height: 19px;
    margin-top: 6px;
    padding: 14px 17px 12px;
    width: 702px
}

.comment_lst .wrt_info {
    position: relative
}

.comment_lst .writer_btn {
    position: absolute;
    right: 0;
    top: 0
}

.comment_lst .btn_modify {
    margin: 3px 8px 0 0
}

.comment_lst .btn_delete3 {
    margin: 4px 11px 0 0
}

.comment_lst .sub_btn {
    background: #fff;
    height: 24px;
    margin: 0 3px -7px 0;
    text-align: right
}

.comment_lst .sub_btn a {
    color: #9e9e9e;
    font-size: 12px
}

.comment_lst .sub_btn .bar {
    color: #ebebeb;
    height: 10px;
    margin: 5px 6px 0 7px
}

.comment_area .paginate {
    margin: 17px 0 100px
}

.aside.viewer {
    margin-top: 85px;
    width: 330px
}

.ranking_lst.viewer {
    overflow: visible;
    padding-bottom: 150px;
    width: 330px
}

.ranking_lst.viewer .lst_type1 .info_area {
    padding-right: 19px
}

.ranking_lst.viewer .lst_type1.challenge .info_area .subj {
    padding-top: 14px
}

.ranking_lst.viewer .lst_type1.challenge .info_area .author {
    margin-top: -4px
}

.ranking_lst.viewer .lst_type1.challenge .grade_area {
    margin-top: 3px
}

.ranking_lst.viewer .lst_type1.challenge .grade_area .grade_num {
    font-size: 12px;
    line-height: 15px
}

.ranking_lst.viewer .lst_area ~ .lst_area {
    margin-top: 45px
}

.ranking_lst.viewer .title_area h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ranking_lst.viewer .title_area h2 a, .ranking_lst.viewer .title_area h2 span {
    display: inline
}

.ranking_lst.viewer .title_area .ico_arr1 {
    margin: 3px 0 0 6px
}

.ranking_lst.viewer .ban_area {
    overflow: hidden;
    width: 330px
}

.ranking_lst.viewer .ban_area .ban_rolling {
    height: 206px;
    overflow: hidden;
    width: 1980px
}

.ranking_lst.viewer .ban_area li {
    float: left;
    width: 330px
}

.viewer_ban {
    margin-top: 38px
}

.cont_box .report_area {
    bottom: 53px;
    position: absolute;
    right: 24px
}

.cont_box .report_area .lk_report {
    border: 2px solid #d2d2d2;
    border-radius: 19px;
    color: #a5a5a5;
    display: inline-block;
    font-size: 16px;
    height: 34px;
    line-height: 36px;
    width: 78px
}

.cont_box .report_area .ly_area {
    bottom: 53px;
    min-width: 311px;
    right: -24px
}

.cont_box .report_area .ly_area .ly_cont {
    padding: 16px 0 9px
}

.cont_box .report_area .ly_area .ly_tit {
    font-size: 17px;
    line-height: 23px
}

.cont_box .report_area .ly_area .dsc {
    color: #747474;
    font-size: 14px;
    line-height: 18px;
    margin-top: 5px
}

.cont_box .report_area .ly_area .dsc .lk_clickhere {
    color: #008def;
    text-decoration: underline
}

.cont_box .report_area .ly_area .ly_btn {
    margin: 0 auto 18px 0
}

.cont_box .report_area .ly_area .ico_arr {
    right: 55px
}

.viewer .challenge_spot {
    border-top: 1px solid #eaeaea;
    height: 312px;
    position: relative;
    z-index: 1
}

.viewer .challenge_spot_inner {
    margin: 0 auto;
    padding: 66px 0 58px;
    position: relative;
    width: 1118px
}

.viewer .challenge_spot_inner h3 {
    color: #000;
    font-size: 21px;
    font-weight: 500;
    left: 42px;
    line-height: 23px;
    position: absolute;
    top: 31px
}

.viewer .challenge_spot_inner .paging .num {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: 27px;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1px;
    justify-content: center;
    left: 0;
    line-height: 1px;
    position: absolute;
    text-align: center;
    width: 100%
}

.challenge_spot_inner .btn_chal_next, .viewer .challenge_spot_inner .btn_chal_prev {
    filter: alpha(opacity=60);
    height: 30px;
    opacity: .6;
    position: absolute;
    top: 144px;
    width: 17px
}

.challenge_spot_inner .btn_chal_next:hover, .viewer .challenge_spot_inner .btn_chal_prev:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.viewer .challenge_spot_inner .btn_chal_prev {
    background-position: -1278px -584px;
    background-repeat: no-repeat;
    height: 30px;
    left: 0;
    width: 18px
}

.viewer .challenge_spot_inner .btn_chal_next {
    background-position: -1275px -629px;
    background-repeat: no-repeat;
    height: 30px;
    right: 0;
    width: 18px
}

.viewer .challenge_spot_list .info_area {
    bottom: 14px;
    left: 16px;
    width: 156px
}

.ly_notyet {
    width: 438px
}

.ly_notyet h2 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 46px
}

.ly_notyet .sel_bx_wrap {
    left: 89px;
    position: absolute;
    top: 92px;
    z-index: 10
}

.ly_notyet .sel_bx {
    border-color: #e5e5e5;
    max-height: 100%;
    width: 258px
}

.ly_notyet .sel_bx a.checked {
    display: block !important;
    height: 34px;
    line-height: 37px;
    padding: 0 40px 0 14px
}

.ly_notyet .sel_bx .checked strong {
    color: #00dc64;
    font-size: 13px;
    font-weight: 500;
    margin-right: 8px
}

.ly_notyet .selbx_lst {
    font-size: 13px;
    height: auto;
    padding: 0;
    width: 331px
}

.ly_notyet .selbx_lst .desc {
    color: #6c6c6c;
    margin-bottom: 2px
}

.ly_notyet .selbx_lst .desc .ico_info {
    margin: 2px 0 0 1px
}

.ly_notyet .selbx_lst .language a {
    color: #000;
    display: block;
    font-size: 15px;
    line-height: 26px
}

.ly_notyet [class^=ver_] {
    border-top: 1px solid #e5e5e5;
    padding: 7px 1px 0 0
}

.ly_notyet .ver_official, .ly_notyet .ver_unofficial .desc {
    padding-left: 14px
}

.ly_notyet .ver_unofficial {
    margin-top: 1px;
    position: relative
}

.ly_notyet .ver_unofficial .ver_lst {
    border: 0;
    height: 184px;
    padding: 0
}

.ly_notyet .ver_unofficial ul a {
    color: #000;
    line-height: 26px;
    padding: 0 10px 0 14px
}

.ly_notyet .ver_unofficial ul a span {
    display: inline-block;
    vertical-align: middle
}

.ly_notyet .ver_unofficial ul a .ico_chk7 {
    right: 2px
}

.ly_notyet .ver_unofficial .ellipsis {
    max-width: 168px
}

.ly_notyet .ver_unofficial .rate .ico_rate {
    background-position: -1300px -728px;
    background-repeat: no-repeat;
    height: 11px;
    margin: -4px 4px 0 7px;
    vertical-align: middle;
    width: 11px
}

.ly_notyet .ver_unofficial .empty_fan {
    color: #6c6c6c;
    font-size: 13px;
    line-height: 18px;
    margin: 3px 0 11px 14px
}

.ly_notyet .ver_unofficial .empty_fan a {
    color: #6c6c6c;
    text-decoration: underline
}

.ly_notyet .ver_unofficial .ly_area {
    left: -116px;
    top: -30px;
    z-index: 10
}

.ly_notyet .ver_unofficial .ly_area .ly_cont {
    display: block;
    font-size: 13px;
    line-height: 20px;
    padding: 14px 16px 13px 14px;
    text-align: left
}

.ly_notyet .ver_unofficial .ly_area .ly_cont a {
    text-decoration: underline
}

.ly_notyet .dsc1 {
    font-size: 17px;
    line-height: 22px;
    margin-top: 70px
}

.ly_notyet .dsc2 {
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    color: #767676;
    font-size: 15px;
    line-height: 20px;
    margin-top: 20px;
    padding: 13px 0
}

.ly_notyet .dsc2 a {
    color: #00dc64;
    text-decoration: underline
}

.ly_notyet p.btnarea {
    padding: 27px 0 26px
}

.ly_notyet p.btnarea .btn1 {
    background: #2f2f2f;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 44px;
    margin: 0 4px;
    text-align: center;
    width: 110px
}

.ly_notyet .dont_view {
    border-top: 1px solid #f2f2f2;
    height: 29px;
    padding-top: 12px;
    text-align: left
}

.ly_notyet .dont_view .chk_area {
    display: inline-block;
    height: 17px;
    margin: 0 3px 0 20px;
    position: relative;
    vertical-align: top;
    width: 17px
}

.ly_notyet .dont_view .chk_area .input_chk {
    height: 17px;
    width: 17px
}

.ly_notyet .dont_view .chk_area .ico_chkbox {
    background-color: #fff;
    background-position: -166px -1231px;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px
}

.ly_notyet .dont_view .chk_area .ico_chkbox.on {
    background-position: -145px -1231px
}

.ly_notyet .dont_view .dontview_label {
    color: #767676;
    display: inline-block;
    font-size: 15px;
    line-height: 21px;
    vertical-align: top
}

.ly_adult {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 48px 48px 50px;
    width: 520px
}

.ly_adult .title {
    color: #3c3c3c;
    display: block;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    text-align: center
}

.ly_adult p {
    color: #3c3c3c;
    font-size: 17px;
    line-height: 25px;
    margin-top: 10px
}

.ly_adult .button_area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.ly_adult .button {
    background: #242424;
    border-radius: 24px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
    width: 152px
}

.big_search {
    height: 39px;
    margin: 0 auto;
    position: relative;
    top: 13px;
    width: 508px;
    z-index: 20
}

.big_search .search_area {
    border-radius: 26px;
    display: block;
    left: 0;
    right: auto;
    width: 100%
}

.big_search .search_area .input_box {
    display: block;
    height: 32px;
    padding: 7px 55px 0 23px;
    width: 430px
}

.big_search .search_area .input_search {
    font-size: 17px;
    font-weight: 500
}

.big_search .search_area .search_dsc {
    color: #cdcdcd;
    font-size: 17px;
    left: 24px;
    line-height: 18px;
    top: 12px
}

.big_search .search_area .form_area {
    height: 39px;
    width: 55px
}

.big_search .search_area .ico_search {
    background-position: -1300px -160px;
    background-repeat: no-repeat;
    height: 15px;
    margin: 0;
    position: absolute;
    right: 16px;
    top: 12px;
    width: 15px
}

.big_search .search_area .btn_delete {
    background-position: -1115px -874px;
    background-repeat: no-repeat;
    height: 17px;
    margin: 0;
    position: absolute;
    right: 15px;
    top: 11px;
    width: 17px
}

.big_search .search_area .ly_autocomplete .title {
    font-size: 17px;
    line-height: 19px;
    margin: 19px 0 -1px;
    padding-left: 22px
}

.big_search .search_area .ly_autocomplete .autocomplete_foot {
    height: 38px;
    padding-left: 23px
}

.big_search .search_area .ly_autocomplete .autocomplete_foot a {
    font-size: 17px;
    line-height: 40px
}

.big_search .search_area .ly_autocomplete .autocomplete_foot .ico_arr10 {
    margin: -2px 0 0 6px;
    vertical-align: middle
}

.big_search .search_area .ly_autocomplete .autocomplete_foot .right {
    right: 15px;
    top: 0
}

.big_search .search_area .lst_autocomplete a {
    height: 63px;
    padding: 0 23px 0 73px
}

.big_search .search_area .lst_autocomplete .pic {
    left: 22px;
    top: 13px
}

.big_search .search_area .lst_autocomplete .subj {
    font-size: 15px;
    line-height: 18px;
    max-width: 376px;
    padding-top: 13px
}

.big_search .search_area .lst_autocomplete .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 16px;
    padding-top: 5px
}

.big_search .search_area .lst_autocomplete .info .bar {
    height: 10px;
    margin: 2px 9px 0
}

.big_search .search_area .lst_autocomplete .info .grade_num {
    font-size: 12px;
    line-height: 16px
}

.big_search .search_area .lst_autocomplete.creator {
    padding: 8px 0 10px
}

.big_search .search_area .lst_autocomplete.creator a {
    height: 29px;
    padding: 0 22px
}

.big_search .search_area .lst_autocomplete.creator .info {
    line-height: 29px
}

.big_search .search_area .lst_autocomplete.creator .info .bar {
    margin: 8px 6px 0
}

.big_search .search_area .lst_autocomplete.creator .info .author {
    font-size: 15px;
    margin-right: 13px;
    max-width: 130px
}

.big_search .search_area .lst_autocomplete.creator .info .subj2 {
    font-size: 14px;
    max-width: 130px
}

.big_search .search_area .lst_history {
    padding: 9px 0 8px
}

.big_search .search_area .lst_history li {
    height: 31px;
    line-height: 32px;
    padding: 0 24px
}

.big_search .search_area .lst_history a {
    font-size: 16px
}

.card_wrap.search {
    padding: 42px 0 69px;
    position: relative;
    z-index: 10
}

.card_wrap.search .search_result {
    font-size: 17px;
    font-weight: 500;
    height: 36px;
    margin-top: 27px;
    padding-left: 14px
}

.card_wrap.search .card_nodata {
    margin: 46px 0 9px;
    text-align: center
}

.card_wrap.search .card_nodata .dsc {
    color: #5f5f5f;
    font-size: 17px;
    line-height: 27px;
    margin-top: 21px;
    overflow: hidden;
    text-overflow: ellipsis
}

.card_wrap.search .card_nodata .dsc span {
    color: #000;
    font-weight: 500
}

.card_wrap.search .more_area {
    padding: 6px 15px 0 0;
    text-align: right
}

.card_wrap.search .more_area a {
    color: #7f7f7f;
    font-size: 17px;
    line-height: 19px
}

.card_wrap.search .more_area span {
    margin: 5px 0 0 4px
}

.terms_lang_area {
    margin: 0 auto;
    padding: 46px 0 8px;
    width: 1110px
}

.terms_lang_area .terms_lang_desc {
    color: #000;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 28px
}

.terms_lang_area .terms_lang_list, .terms_lang_area .terms_tab_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.terms_lang_area .terms_lang_list .link, .terms_lang_area .terms_tab_list .link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: 1px solid #e0e0e0;
    border-radius: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    justify-content: center;
    line-height: 50px;
    width: 168px
}

.terms_lang_area .terms_lang_list .link[aria-selected=true], .terms_lang_area .terms_tab_list .link[aria-selected=true] {
    background-color: #e3e3e3;
    border-color: #d8d8d8
}

.terms_area {
    background: #fff;
    color: #858585;
    display: none;
    font-size: 17px;
    margin: 0 auto;
    padding: 52px 0 93px;
    width: 1110px
}

.terms_area.on {
    display: block
}

.terms_area strong {
    font-weight: 600
}

.terms_area h3 {
    color: #000;
    font-size: 28px;
    font-weight: 400
}

.terms_area dl + h3, .terms_area p + h3 {
    margin-top: 50px
}

.terms_area .date {
    color: #b2b2b2;
    margin-top: -1px
}

.terms_area .date + .tx {
    margin-top: 19px
}

.terms_area h4, .terms_area h5 {
    font-size: 22px;
    font-weight: 600;
    margin: 48px 0 0
}

.terms_area p {
    margin-top: 17px
}

.terms_area .tx {
    margin-top: 7px
}

.terms_area .tx2 {
    margin-top: 13px !important
}

.terms_area a {
    color: #3b6cef
}

.terms_area .bold {
    font-weight: 700
}

.terms_area .ico_logo_terms {
    margin: 47px 0 -38px
}

.terms_area em {
    font-style: italic
}

.terms_area .terms_list {
    display: block;
    padding-left: 40px;
    text-indent: -20px
}

.terms_area .terms_list .item {
    display: block;
    margin-top: 5px
}

.terms_area .terms_card {
    width: 495px
}

.terms_area .terms_box, .terms_area .terms_card {
    word-wrap: break-word;
    border: 1px solid #858585;
    display: block;
    margin: 17px auto;
    padding: 10px
}

.terms_area .terms_box {
    text-align: justify;
    width: 1056px
}

.terms_area .terms_table {
    color: #858585;
    font-size: 17px
}

.terms_area .terms_table .col1 {
    width: 52%
}

.terms_area .terms_table .col2 {
    width: 34%
}

.terms_area .terms_table td {
    vertical-align: top
}

.terms_area .terms_table td, .terms_area .terms_table th {
    border: 1px solid #585858;
    padding: 10px
}

.terms_area .policy {
    overflow-y: auto;
    padding: 0
}

.terms_area .policy .date {
    position: static
}

.terms_area .policy h4 {
    font-size: 22px
}

.terms_area .tbl_terms {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 15px;
    text-align: center;
    width: 900px
}

.terms_area .tbl_terms .col1 {
    width: 20%
}

.terms_area .tbl_terms th {
    background: #e5e5e5;
    border: 1px solid #cdcdcd;
    color: #3c3c3c;
    padding: 17px 15px
}

.terms_area .tbl_terms tbody th {
    background: none;
    color: #858585
}

.terms_area .tbl_terms td {
    border: 1px solid #cdcdcd;
    color: #858585;
    line-height: 1.47;
    padding: 22px 15px;
    text-align: left
}

.terms_area .tbl_terms.type_privacy .col1, .terms_area .tbl_terms.type_privacy .col3 {
    width: 33%
}

.terms_area .tbl_terms.type_privacy td {
    vertical-align: top
}

.recently_lst {
    font-weight: 500;
    overflow: hidden;
    padding-left: 15px;
    position: relative
}

.recently_lst li {
    float: left;
    padding-left: 21px
}

.recently_lst li:first-child {
    padding: 0
}

.recently_lst li a {
    display: block;
    width: 92px
}

.recently_lst .recently_thumb {
    background: #ebebeb url(https://webtoons-static.pstatic.net/image/static/pc/noimage_92x98.png) no-repeat;
    display: block;
    height: 98px;
    position: relative;
    width: 92px
}

.recently_lst .recently_thumb .ico_mature_26 {
    left: 3px;
    position: absolute;
    top: 3px
}

.recently_lst .tit {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    padding-top: 10px
}

.recently_lst .subj, .recently_lst .tit {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.recently_lst .subj {
    color: #848484;
    font-size: 13px;
    line-height: 13px;
    padding-top: 5px
}

.like_lst {
    clear: both;
    overflow: hidden;
    padding-left: 15px
}

.like_lst .lst_type1 {
    border: none
}

.like_lst .lst_type1 li {
    border-bottom: 1px solid #ddd;
    float: left;
    height: auto;
    width: 370px
}

.like_lst .lst_type1 .pic_area {
    bottom: 0;
    height: 98px;
    top: 0;
    width: 92px
}

.like_lst .lst_type1 .icon_area {
    top: 4px
}

.like_lst .lst_type1 .info_area {
    height: 83px;
    padding: 15px 22px 0 114px
}

.like_lst .lst_type1 .info_area .subj {
    font-size: 19px;
    line-height: 26px
}

.like_lst .lst_type1 .grade_area {
    margin-top: 4px
}

.my_comments_wrap {
    margin: 0 auto 152px;
    position: relative;
    width: 1110px
}

.my_comments_wrap .sub_title_wrap {
    height: 76px;
    position: relative;
    z-index: 100
}

.my_comments_wrap .sub_title {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    padding-top: 40px
}

.my_comments_wrap .right {
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 200
}

.my_comments_wrap .btn_type1 .ico_arr21 {
    margin: -2px 0 0 10px;
    vertical-align: middle
}

.my_comments_wrap .btn_type1 .ico_arr13 {
    margin: -2px 10px 0 0;
    vertical-align: middle
}

.my_comments_wrap .card_nodata {
    padding-top: 76px
}

.my_comments {
    background: #fff;
    padding: 10px 60px 0
}

.my_comments a {
    color: inherit
}

.my_comments .my_comment_item {
    padding: 30px 0
}

.my_comments .my_comment_item .link {
    display: block
}

.my_comments .my_comment_item + .my_comment_item {
    border-top: 1px solid #e0e0e0
}

.my_comments .my_comment_item.type_language_unable .my_comment_date, .my_comments .my_comment_item.type_language_unable .my_comment_name, .my_comments .my_comment_item.type_language_unable .my_comment_text {
    color: #bbb
}

.my_comments .my_comment_item:last-child .my_comment_reply_button.type_fold {
    margin-bottom: 30px
}

.my_comments .my_comment_name {
    word-wrap: break-word;
    color: #3c3c3c;
    font-size: 19px;
    font-weight: 400;
    line-height: 30px
}

.my_comments .my_comment_name + .my_comment_image_area {
    margin-top: 6px
}

.my_comments .my_comment_text {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    color: #111;
    display: -webkit-box;
    font-size: 15px;
    line-height: 21px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.my_comments .my_comment_text.type_reply {
    min-height: 21px;
    position: relative;
    text-indent: 16px
}

.my_comments .my_comment_text.type_reply:before {
    background-position: -1130px -977px;
    background-repeat: no-repeat;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 8px
}

.my_comments .my_comment_text.expand {
    display: block
}

.my_comments .my_comment_text.expand + .my_comment_button_text_more {
    display: none
}

.my_comments .my_comment_text.type_blinded {
    color: #a6a6a6
}

.my_comments .my_comment_link_badge:after {
    clear: both;
    content: "";
    display: block
}

.my_comments .my_comment_top {
    background-position: -854px -551px;
    background-repeat: no-repeat;
    float: left;
    height: 17px;
    margin: 1px 3px 0 0;
    width: 34px
}

.my_comments .my_comment_top + .my_comment_super_like {
    margin-left: -1px
}

.my_comments .my_comment_best {
    background-position: -808px -551px;
    background-repeat: no-repeat;
    float: left;
    height: 17px;
    margin: 1px 3px 0 0;
    width: 38px
}

.my_comments .my_comment_best + .my_comment_super_like {
    margin-left: -1px
}

.my_comments .my_comment_super_like {
    border: 1.5px solid #ff4a74;
    border-radius: 17px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ff4a74;
    float: left;
    font-size: 10px;
    font-weight: 600;
    height: 17px;
    line-height: 16px;
    margin: 1px 3px 0 0;
    padding: 0 4px
}

.my_comments .my_comment_super_like:before {
    background-position: -512px -1071px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 13px;
    margin-top: 1px;
    vertical-align: top;
    width: 12px
}

.my_comments .my_comment_button_text_more {
    background: transparent;
    border: 0;
    color: #8c8c8c;
    cursor: pointer;
    display: block;
    font-size: 13px;
    line-height: 21px;
    text-decoration: underline
}

.my_comments .my_comment_image_area {
    border-radius: 4px;
    display: inline-block;
    margin-top: 12px;
    overflow: hidden;
    position: relative;
    vertical-align: top
}

.my_comments .my_comment_image_area:before {
    border: 1px solid rgba(0, 0, 0, .04);
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.my_comments .my_comment_image {
    display: block;
    height: auto;
    max-height: 309px;
    max-width: 309px;
    width: auto
}

.my_comments .my_comment_tag_list {
    display: grid;
    gap: 12px 15px;
    grid-template-columns:repeat(2, 340px);
    margin-top: 12px
}

.my_comments .my_comment_writer_wrap {
    background-color: #f8f8f8;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 14px
}

.my_comments .my_comment_writer_wrap + .my_comment_name, .my_comments .my_comment_writer_wrap + .my_comment_text {
    margin-top: 10px
}

.my_comments .my_comment_writer_wrap .my_comment_writer_image_wrap {
    -ms-flex-negative: 0;
    border-radius: 4px;
    flex-shrink: 0;
    height: 72px;
    margin-right: 12px;
    overflow: hidden;
    width: 72px
}

.my_comments .my_comment_writer_wrap .my_comment_writer_image_wrap .my_comment_writer_image {
    border-radius: inherit;
    display: block;
    height: 100%;
    width: 100%
}

.my_comments .my_comment_writer_wrap .my_comment_writer_text_wrap {
    padding: 7px 0
}

.my_comments .my_comment_writer_wrap .my_comment_writer_text_wrap .my_comment_writer_name {
    word-wrap: break-word;
    color: #3c3c3c;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.my_comments .my_comment_writer_wrap .my_comment_writer_text_wrap .my_comment_writer_name .my_comment_writer_forum:before {
    background-position: -1580px -920px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 10px;
    margin: 6px 5px;
    vertical-align: top;
    width: 6px
}

.my_comments .my_comment_writer_wrap .my_comment_writer_text_wrap .my_comment_writer_text {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #8c8c8c;
    display: -webkit-box;
    font-size: 13px;
    font-weight: 300;
    line-height: 17px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.my_comments .my_comment_date {
    color: #8c8c8c;
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin-top: 4px
}

.my_comments .my_comment_button_wrap {
    margin-top: 20px
}

.my_comments .my_comment_button_wrap, .my_comments .my_comment_writer_react {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.my_comments .my_comment_writer_react {
    background-color: transparent;
    cursor: pointer
}

.my_comments .my_comment_writer_react + .my_comment_button.type_like, .my_comments .my_comment_writer_react + .my_comment_button.type_reply {
    margin-left: 8px
}

.my_comments .my_comment_writer_react.type_like {
    margin-left: auto;
    position: relative
}

.my_comments .my_comment_writer_react .writer_thumbnail_area {
    border: 1px solid #fff;
    border-radius: 50%;
    height: 22px;
    position: relative;
    width: 22px;
    z-index: 20
}

.my_comments .my_comment_writer_react .writer_thumbnail_area:before {
    background-position: -1234px -845px;
    background-repeat: no-repeat;
    border-radius: inherit;
    bottom: 0;
    content: "";
    height: 22px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px
}

.my_comments .my_comment_writer_react .writer_thumbnail_area:after {
    border: .5px solid rgba(0, 0, 0, .1);
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.my_comments .my_comment_writer_react .writer_thumbnail_area + .writer_thumbnail_area {
    border: 0;
    margin-left: -4px;
    z-index: 10
}

.my_comments .my_comment_writer_react .writer_thumbnail_image {
    border-radius: inherit;
    position: relative
}

.my_comments .my_comment_button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    align-items: center;
    background-color: #fff;
    border: .5px solid #c9c9c9;
    border-radius: 2px;
    color: #3c3c3c;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    height: 34px;
    line-height: 21px;
    padding: 0 9.5px
}

.my_comments .my_comment_button.type_like {
    margin-left: auto
}

.my_comments .my_comment_button.type_like:before {
    background-position: -1146px -999px;
    background-repeat: no-repeat;
    content: "";
    height: 11px;
    margin-right: 4px;
    width: 11px
}

.my_comments .my_comment_button.type_like.unable_alert {
    color: #c9c9c9
}

.my_comments .my_comment_button.type_dislike {
    margin-left: 8px
}

.my_comments .my_comment_button.type_dislike:before {
    background-position: -1074px -977px;
    background-repeat: no-repeat;
    content: "";
    height: 10px;
    margin-right: 4px;
    width: 11px
}

.my_comments .my_comment_button.type_dislike.unable_alert {
    color: #c9c9c9
}

.my_comments .my_comment_button.type_delete {
    margin-left: 8px
}

.my_comments .my_comment_button.type_delete:before {
    background-position: -296px -1071px;
    background-repeat: no-repeat;
    content: "";
    height: 17px;
    width: 16px
}

.my_comments .my_comment_button:disabled {
    color: #c9c9c9;
    cursor: default
}

.my_comments .my_comment_button:disabled.type_delete:before {
    background-position: -1573px -1023px
}

.my_comments .my_comment_button[aria-pressed=true] {
    color: #00dc64
}

.my_comments .my_comment_button[aria-pressed=true].type_like:before {
    background-position: -1165px -999px
}

.my_comments .my_comment_button[aria-pressed=true].type_dislike:before {
    background-position: -1093px -977px
}

.my_comments .my_comment_reply_wrap {
    background-color: #f8f8f8;
    margin: 30px 0 -30px
}

.my_comments .my_comment_reply_item {
    border-top: 1px solid #e0e0e0;
    padding: 18px 15px 18px 32px;
    position: relative
}

.my_comments .my_comment_reply_item:before {
    background-position: -1130px -977px;
    background-repeat: no-repeat;
    content: "";
    height: 8px;
    left: 15px;
    position: absolute;
    top: 24px;
    width: 8px
}

.my_comments .my_comment_reply_item .my_comment_button_wrap {
    margin-top: 18px
}

.my_comments .my_comment_reply_name, .my_comments .my_comment_reply_name.type_page_checked .my_comment_reply_name_text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.my_comments .my_comment_reply_name.type_page_checked .my_comment_reply_name_text {
    text-decoration: underline
}

.my_comments .my_comment_reply_name.type_page_checked .my_comment_reply_name_text:after {
    -ms-flex-negative: 0;
    background-position: -941px -999px;
    background-repeat: no-repeat;
    content: "";
    flex-shrink: 0;
    height: 13px;
    margin-left: 4px;
    width: 14px
}

.my_comments .my_comment_reply_name_text {
    color: #3c3c3c;
    font-size: 15px;
    line-height: 24px
}

.my_comments .my_comment_reply_creator {
    color: #00dc64;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 4px
}

.my_comments .my_comment_reply_date {
    color: #8c8c8c;
    display: block;
    font-size: 13px;
    line-height: 20px
}

.my_comments .my_comment_reply_text {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    color: #111;
    display: -webkit-box;
    font-size: 15px;
    line-height: 21px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.my_comments .my_comment_reply_text.expand {
    display: block
}

.my_comments .my_comment_reply_text.expand + .my_comment_button_text_more {
    display: none
}

.my_comments .my_comment_reply_text.type_blinded {
    color: #a6a6a6;
    margin-top: 0
}

.my_comments .my_comment_reply_button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: inherit;
    border: 0;
    border-top: 1px solid #e0e0e0;
    color: #3c3c3c;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 22px;
    padding: 13px 0;
    width: 100%
}

.my_comments .my_comment_reply_button:after {
    content: "";
    margin-left: 6px
}

.my_comments .my_comment_reply_button.type_more {
    color: #8c8c8c
}

.my_comments .my_comment_reply_button.type_more:after {
    background-position: -860px -909px;
    background-repeat: no-repeat;
    height: 7px;
    width: 11px
}

.my_comments .my_comment_reply_button.type_fold:after {
    background-position: -879px -909px;
    background-repeat: no-repeat;
    height: 7px;
    width: 11px
}

.my_comments .my_comment_button_list_more {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-top: .5px solid #c9c9c9;
    color: #8c8c8c;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    line-height: 26px;
    margin-left: -60px;
    padding: 17px 0;
    width: 1110px
}

.my_comments .my_comment_button_list_more:after {
    background-position: -860px -909px;
    background-repeat: no-repeat;
    content: "";
    height: 7px;
    margin-left: 6px;
    width: 11px
}

.ly_wrap .ly_my_comment_image_area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 20px;
    position: absolute
}

.ly_wrap .ly_my_comment_image_area .ly_my_comment_image {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.ly_wrap .ly_my_comment_image_area:before {
    border: 1px solid rgba(0, 0, 0, .04);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ly_wrap .ly_my_comment_image_area + .ly_my_comment_close {
    background: transparent;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
}

.ly_wrap .ly_my_comment_image_area + .ly_my_comment_close:after {
    background-position: -240px -1023px;
    background-repeat: no-repeat;
    content: "";
    height: 40px;
    width: 40px
}

.ly_wrap .my_comment_writer_layer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 64px 48px 50px;
    width: 480px
}

.ly_wrap .my_comment_writer_list .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ly_wrap .my_comment_writer_list .item + .item {
    margin-top: 10px
}

.ly_wrap .my_comment_writer_list .writer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ly_wrap .my_comment_writer_list .writer_thumbnail_area {
    border-radius: 50%;
    height: 36px;
    position: relative;
    width: 36px
}

.ly_wrap .my_comment_writer_list .writer_thumbnail_area:before {
    background-position: -593px -1023px;
    background-repeat: no-repeat;
    border-radius: inherit;
    bottom: 0;
    content: "";
    height: 36px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px
}

.ly_wrap .my_comment_writer_list .writer_thumbnail_area:after {
    border: .5px solid rgba(0, 0, 0, .1);
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ly_wrap .my_comment_writer_list .writer_thumbnail_image {
    border-radius: inherit;
    position: relative
}

.ly_wrap .my_comment_writer_list .writer_name {
    color: #3c3c3c;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    margin-left: 12px
}

.ly_wrap .my_comment_writer_list .writer_name.type_page_checked {
    color: #000;
    text-decoration: underline
}

.ly_wrap .my_comment_writer_list .writer_name.type_page_checked:after {
    -ms-flex-negative: 0;
    background-position: -941px -999px;
    background-repeat: no-repeat;
    content: "";
    flex-shrink: 0;
    height: 13px;
    margin: 3px -1px 0 4px;
    width: 14px
}

.ly_wrap .my_comment_writer_list .creator {
    color: #00dc64;
    font-size: 11px;
    font-weight: 600;
    line-height: 13px;
    margin-left: 4px
}

.block_user_wrap {
    background: #fff;
    padding: 0 20px 37px
}

.block_user_wrap .paginate {
    margin-top: 11px
}

.block_user_wrap.type_profile {
    padding: 20px
}

.block_user_wrap.type_profile, .block_user_wrap.type_profile .episode_title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.block_user_wrap.type_profile .episode_title .thumb {
    border-radius: 50%;
    overflow: hidden
}

.block_user_wrap.type_profile .episode_title .thumb > span {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/profile_none.png) no-repeat;
    background-size: 100%;
    border-radius: 50%;
    display: block;
    height: 73px;
    overflow: hidden;
    position: relative;
    width: 73px
}

.block_user_wrap.type_profile .episode_title .thumb > span:after {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.block_user_wrap.type_profile .episode_title .cont {
    padding-left: 21px
}

.block_user_wrap.type_profile .episode_title .title {
    font-size: 17px;
    font-weight: 500
}

.block_user_wrap.type_profile > .cont {
    margin-left: auto
}

.block_user_wrap.type_profile > .cont .btn_manage {
    background: #ececec;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #3c3c3c;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    vertical-align: top;
    width: 107px
}

.es .block_user_wrap.type_profile > .cont .btn_manage, .id .block_user_wrap.type_profile > .cont .btn_manage {
    line-height: 16px
}

.block_user_wrap.type_profile + .sub_title_wrap {
    margin-top: 20px
}

.table_block_user {
    font-size: 14px
}

.table_block_user .btn_manage {
    background: #ececec;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #3c3c3c;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    vertical-align: top;
    width: 107px
}

.es .table_block_user .btn_manage, .id .table_block_user .btn_manage {
    line-height: 16px
}

.table_block_user thead tr {
    border-bottom: 1px solid #e0e0e0
}

.table_block_user th {
    background-color: #fff;
    color: #262626;
    font-size: 17px;
    font-weight: 400;
    height: 66px;
    padding-left: 20px;
    text-align: left
}

.table_block_user th:first-child {
    padding-left: 94px
}

.table_block_user td .episode_title, .table_block_user td .title {
    display: block;
    overflow: hidden
}

.table_block_user td .title {
    color: #262626;
    font-size: 17px;
    font-weight: 400;
    margin: 0 20px 0 -3px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.table_block_user td .thumb {
    float: left
}

.table_block_user .cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-bottom: 1px solid #f5f5f5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #8c8c8c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 73px;
    justify-content: center;
    padding-left: 20px;
    position: relative
}

.account_wrap {
    margin: 0 auto 100px;
    width: 1110px
}

.delete_wrap .account_wrap {
    margin-bottom: 0
}

.account_wrap h3, .account_wrap strong {
    font-weight: 500
}

.account_wrap .lk_delete {
    color: #848484;
    display: inline-block;
    font-size: 20px;
    margin: 27px 0 0
}

.account_tit {
    font-size: 23px;
    font-weight: 500;
    line-height: 28px;
    padding: 49px 0 10px
}

.account_tit .ico_info3 {
    margin: 4px 0 0 7px
}

.account_area {
    background: #fff;
    font-size: 19px;
    padding: 40px 165px 68px 167px;
    position: relative
}

.account_area.default {
    padding: 38px 165px 38px 167px
}

.account_area.delete {
    font-size: 17px;
    line-height: 27px;
    padding: 80px 145px 110px 155px
}

.account_area .default_txt {
    display: block;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 290px
}

.account_area .default_box .default_txt {
    width: 570px
}

.account_area .input_box {
    line-height: 36px
}

.account_area .input_box .placeholder {
    color: #b1b1b1;
    font-size: 19px;
    left: 0;
    line-height: 19px;
    position: absolute;
    top: 9px
}

.account_area .input_account {
    border-bottom: 1px solid #d9d9d9;
    font-size: 19px;
    line-height: 31px;
    padding: 2px 2px 0 0;
    width: 216px
}

.account_area .input_account.error {
    color: red
}

.account_area .nickname_tip {
    color: #b1b1b1;
    font-size: 15px;
    line-height: 25px;
    margin-top: -36px;
    position: absolute;
    right: 145px;
    top: 50%;
    width: 355px
}

.account_area .nickname_available, .account_area .nickname_error {
    color: #b1b1b1;
    font-size: 16px;
    left: 168px;
    position: absolute;
    top: 85px
}

.account_area .email_verification {
    color: #b1b1b1;
    font-size: 16px;
    padding-top: 15px
}

.account_area [class*=btn] {
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    height: 32px;
    line-height: 33px;
    overflow: hidden;
    position: absolute;
    right: 549px;
    text-align: center
}

.account_area .button_group {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 165px;
    top: 38px
}

.account_area .button_group [class*=btn] {
    position: static
}

.account_area .add_btn, .account_area .change_btn, .account_area .delete_btn, .account_area .edit_btn {
    background: #ececec;
    border: 1px solid #e5e5e5;
    color: #595959;
    top: 38px;
    width: 88px
}

.account_area .add_btn + [class*=btn], .account_area .change_btn + [class*=btn], .account_area .delete_btn + [class*=btn], .account_area .edit_btn + [class*=btn] {
    right: 437px
}

.account_area .join_btn {
    right: 457px;
    top: 38px;
    width: 88px
}

.account_area .check_btn, .account_area .join_btn {
    background: #ececec;
    border: 1px solid #e5e5e5;
    color: #595959
}

.account_area .check_btn {
    top: 40px;
    width: 152px
}

.account_area .verify_btn {
    background: #ececec;
    border: 1px solid #e5e5e5;
    color: #595959;
    top: 38px;
    width: 88px
}

.account_area .check_btn[disabled], .account_area .verify_btn[disabled] {
    color: #cecece;
    cursor: auto
}

.account_area .save_btn {
    background: #00dc64;
    border: 1px solid #0fcc00;
    color: #fff;
    top: 80px;
    width: 88px
}

.account_area .register_btn {
    background: #2f2f2f;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    right: 165px;
    text-align: center;
    top: 37px;
    width: 200px
}

.account_area .lk_patreon {
    background-color: #fb5a4a;
    border-radius: 27px;
    color: #fff;
    font-size: 14px;
    line-height: 33px;
    padding: 0 15px 0 38px;
    position: absolute;
    right: 165px;
    top: 37px
}

.account_area .lk_patreon:before {
    background-position: -437px -1201px;
    background-repeat: no-repeat;
    content: "";
    height: 18px;
    left: 15px;
    position: absolute;
    top: 8px;
    width: 18px
}

.account_area .delete_tit {
    font-size: 19px;
    font-weight: 500;
    line-height: 30px
}

.account_area .delete_info {
    margin-top: 4px
}

.account_area .delete_info + .delete_tit {
    margin-top: 50px
}

.account_area .delete_info li {
    padding-left: 26px;
    position: relative
}

.account_area .delete_info li:before {
    background: #000;
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 11px;
    position: absolute;
    top: 9px;
    width: 5px
}

.account_area .lk_detail {
    color: #3b6cef
}

.account_area .delete_form_dsc {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    line-height: 24px;
    margin-top: 50px
}

.account_area .delete_form_dsc .chk_area {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 30px;
    margin-right: 10px;
    position: relative;
    width: 30px
}

.account_area .delete_form_dsc .chk_area + span {
    margin-top: 4px
}

.account_area .delete_form_dsc [class^=ico_chkbox] {
    background-color: #fff;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0
}

.account_area .button_area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 50px
}

.account_area [class^=btn_account] {
    border-radius: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    position: static;
    text-align: center;
    width: 240px
}

.account_area .btn_account1 {
    background: #00dc64;
    color: #fff
}

.account_area .btn_account2 {
    background: #242424;
    border: none;
    color: #fff
}

.account_area .btn_account2.disabled {
    background: #ececec;
    color: #fff;
    cursor: default
}

.account_area .alert_area {
    border: 1px solid #b7b7b7;
    border-radius: 8px;
    display: none;
    margin-top: 18px;
    padding: 40px;
    position: relative
}

.account_area .alert_area .ico_arr {
    background-position: -837px -909px;
    background-repeat: no-repeat;
    height: 9px;
    position: absolute;
    right: 274px;
    top: -9px;
    width: 15px
}

.account_area .alert_area .ico_info3 {
    left: 33px;
    position: absolute;
    top: 35px
}

.account_area .alert_area.on {
    display: block
}

.account_area .edit_email_area + .edit_email_area {
    margin-top: 33px
}

.account_area .edit_email_area .input_account {
    width: 100%
}

.account_area .edit_email_area .input_account::-webkit-input-placeholder {
    color: #bbb
}

.account_area .edit_email_area .input_account::-moz-placeholder {
    color: #bbb
}

.account_area .edit_email_area .input_account:-ms-input-placeholder {
    color: #bbb
}

.account_area .edit_email_area .input_account::-ms-input-placeholder {
    color: #bbb
}

.account_area .edit_email_area .input_account::placeholder {
    color: #bbb
}

.account_area .edit_email_area .input_account.error::-webkit-input-placeholder {
    color: red
}

.account_area .edit_email_area .input_account.error::-moz-placeholder {
    color: red
}

.account_area .edit_email_area .input_account.error:-ms-input-placeholder {
    color: red
}

.account_area .edit_email_area .input_account.error::-ms-input-placeholder {
    color: red
}

.account_area .edit_email_area .input_account.error::placeholder {
    color: red
}

.account_area .edit_email_area .txt_warning {
    color: #aaa;
    font-size: 16px;
    font-weight: 400;
    line-height: 17px;
    margin-top: 6px
}

.account_area .edit_button_area {
    margin-top: 40px;
    text-align: center
}

.account_area .edit_button_area .edit_button {
    background-color: #2f2f2f;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    height: 48px;
    padding: 0 30px
}

.account_area .login_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 72px
}

.account_area .login_info .change_btn {
    padding: 0 12px;
    width: auto
}

.account_area .login_info .user_area {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.account_area .login_info .user_area .default_txt {
    width: 465px
}

.account_area .login_info .txt_warning {
    color: #e24e2c;
    font-size: 15px;
    line-height: 23px;
    margin: -4px 0 6px
}

.account_area .login_info .link {
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #3b6cef;
    font-size: 15px;
    line-height: 18px;
    margin-top: 4px
}

.account_area .login_info .button_group {
    position: static
}

.account_area .login_info + .noti_area {
    margin-top: 38px
}

.account_area .ico_facebook {
    background-position: -1136px -1014px;
    height: 73px;
    width: 73px
}

.account_area .ico_facebook, .account_area .ico_twitter {
    background-repeat: no-repeat;
    left: 60px;
    position: absolute;
    top: 38px
}

.account_area .ico_twitter {
    background-position: -192px -943px;
    height: 72px;
    width: 72px
}

.account_area .ico_line {
    background-position: -1213px -937px;
    background-repeat: no-repeat;
    height: 73px;
    left: 60px;
    position: absolute;
    top: 38px;
    width: 73px
}

.account_area .ico_email {
    background-position: -272px -943px
}

.account_area .ico_email, .account_area .ico_google {
    background-repeat: no-repeat;
    height: 72px;
    left: 60px;
    position: absolute;
    top: 38px;
    width: 72px
}

.account_area .ico_google {
    background-position: -352px -943px
}

.account_area .ico_apple {
    background-position: -1136px -937px;
    background-repeat: no-repeat;
    height: 73px;
    left: 60px;
    position: absolute;
    top: 38px;
    width: 73px
}

.account_area .ad_setting_desc {
    border-top: 1px solid #eaeaea;
    color: #a6a6a6;
    font-size: 16px;
    line-height: 21px;
    margin-top: 24px;
    padding-top: 24px
}

.input_box {
    overflow: hidden;
    position: relative
}

.noti_area {
    border-top: 1px solid #eaeaea;
    margin-top: 24px
}

.noti_area [class*=btn] {
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    height: 32px;
    line-height: 33px;
    overflow: hidden;
    position: absolute;
    right: 549px;
    text-align: center
}

.noti_area li {
    margin-top: 24px;
    position: relative
}

.noti_area li:first-child .txt {
    color: #000
}

.noti_area .txt {
    color: #848484;
    font-size: 19px
}

.noti_area .btn_lineset {
    height: 33px;
    margin-top: -2px;
    right: 0;
    top: 0
}

.patron_wrap .switch_area {
    position: absolute;
    right: 165px;
    top: 38px
}

.patron_wrap .switch_area .ico_info3 {
    margin: 7px 3px 0 0
}

.patron_wrap .switch_area .btn_lineset {
    position: static
}

.patron_wrap .btn_lineset {
    height: 33px
}

.patron_wrap .noti_area li:first-child .txt {
    color: #848484
}

.patron_wrap .noti_area strong {
    margin-right: 20px
}

.patron_wrap .input_box {
    display: none;
    margin-top: -2px;
    vertical-align: top
}

.patron_wrap .input_box .placeholder {
    left: 0;
    top: 8px
}

.patron_wrap .input_box.on {
    display: inline-block
}

.patron_wrap .input_account {
    line-height: 21px;
    padding: 0;
    width: 163px
}

.delete_wrap #content {
    padding-bottom: 0
}

.delete_wrap #footer {
    border: none;
    height: 52px;
    margin: 0 !important;
    min-height: auto !important;
    padding: 46px 0 51px
}

.delete_wrap #footer .foot_menu {
    border: none;
    padding: 0
}

.delete_wrap #footer .foot_menu a {
    color: #969696
}

.delete_wrap #footer .bg_line {
    background: #e5e5e5;
    display: block;
    height: 1px;
    margin: 5px auto 12px;
    width: 50px
}

.delete_wrap #footer .copyright {
    padding: 0
}

.dashboard_wrap {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px auto 0;
    padding: 0 20px 41px;
    width: 1110px
}

.dashboard_wrap .table_episode th:last-child {
    padding-left: 4px
}

.table_episode {
    font-size: 14px
}

.table_episode.type_2btn .cont.type_manage {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.table_episode .btn_manage {
    background: #ececec;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #3c3c3c;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    width: 64px
}

.table_episode .btn_manage[aria-disabled=true] {
    color: #a6a6a6;
    cursor: default;
    pointer-events: none
}

.table_episode thead tr {
    border-bottom: 1px solid #d9d9d9
}

.table_episode th {
    background-color: #fff;
    font-weight: 400;
    height: 61px;
    padding-left: 20px;
    text-align: left
}

.table_episode th.center {
    text-align: center
}

.table_episode th:first-child {
    padding-left: 94px
}

.es .table_episode th.long_title {
    font-size: 13px;
    line-height: 16px
}

.table_episode td .episode_title, .table_episode td .title {
    display: block;
    overflow: hidden
}

.table_episode td .title {
    color: #000;
    font-weight: 400;
    margin: 0 20px 0 -3px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.table_episode td .thumb {
    float: left
}

.table_episode td:first-child .cont {
    padding-left: 17px
}

.table_episode .cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-bottom: 1px solid #f5f5f5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #848484;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 73px;
    justify-content: center;
    line-height: 21px;
    padding-left: 20px;
    position: relative
}

.table_episode .cont.on {
    color: #00dc64
}

.table_episode .cont.type_removed, .table_episode .cont.warning {
    color: #e24e2c
}

.table_episode .cont.type_removed .ly_episode_info {
    left: 20px;
    margin: 5px 0 -11px
}

.table_episode .cont.type_removed:hover .ly_episode_info {
    display: block
}

.table_episode .cont.type_manage {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: end;
    padding-left: 4px
}

.table_episode .cont em {
    display: block
}

.table_episode .cont em.on {
    color: #00dc64
}

.table_episode .cont.center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.table_episode .date {
    cursor: default;
    position: relative
}

.table_episode .date .ly_episode_info {
    margin: 11px 0 0;
    top: 100%
}

.table_episode .date:hover .ly_episode_info {
    display: block
}

.dashboard_lst {
    margin: 0 auto 1px;
    padding-left: 14px;
    width: 1125px
}

.dashboard_lst:after {
    clear: both;
    content: "";
    display: block
}

.dashboard_lst.episode li {
    float: none;
    margin: 0 14px 0 0;
    width: auto
}

.dashboard_lst.episode li + li {
    margin-top: 2px
}

.dashboard_lst.episode li .subj {
    padding-top: 6px
}

.dashboard_lst.episode li .subj .link_episode {
    line-height: 27px
}

.dashboard_lst li {
    float: left;
    height: 210px;
    margin: 0 14px 14px 0;
    position: relative;
    width: 548px
}

.dashboard_lst li > a {
    height: 210px;
    left: 0;
    position: absolute;
    top: 0;
    width: 210px;
    z-index: 1
}

.dashboard_lst .info {
    background: #fff;
    height: 210px;
    padding-left: 224px;
    position: relative
}

.dashboard_lst .info .link_genre {
    color: #8c8c8c;
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    margin-top: 22px
}

.dashboard_lst .info .link_genre + .link_genre {
    margin-left: 4px
}

.dashboard_lst .subj {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 16px 0 0
}

.dashboard_lst .subj .link_episode {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-wrap: break-word;
    color: #000;
    display: -webkit-box;
    font-size: 18px;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis
}

.tw .dashboard_lst .subj .link_episode {
    line-height: 23px
}

.dashboard_lst .subj .caution {
    -webkit-box-flex: 0;
    color: #e24e2c;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 16px;
    margin: 1px 0 0 5px;
    position: relative
}

.dashboard_lst .subj .caution:hover .ly_episode_info {
    display: block
}

.dashboard_lst .subj .icon_caution {
    border: 1px solid #e24e2c;
    border-radius: 50%;
    display: inline-block;
    height: 14px;
    margin: -2px 4px 0 0;
    vertical-align: middle;
    width: 14px
}

.dashboard_lst .subj .icon_caution:before {
    background: #e24e2c;
    border-radius: 50%;
    content: "";
    display: block;
    height: 2px;
    margin: 3px auto 0;
    width: 2px
}

.dashboard_lst .subj .icon_caution:after {
    background: #e24e2c;
    content: "";
    display: block;
    height: 5px;
    margin: 1px auto 0;
    width: 2px
}

.dashboard_lst .subj .ly_episode_info {
    left: -19px;
    top: 24px
}

.dashboard_lst .subj .ly_episode_info:before {
    left: 27px
}

.dashboard_lst .age_rating_area {
    margin-top: 20px
}

.dashboard_lst .age_rating_area .age_text {
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    line-height: 16px
}

.dashboard_lst .age_rating_area .age_text.type_yet {
    color: #e24e2c
}

.dashboard_lst .age_rating_area .ico_mature_15 {
    margin-right: 3px
}

.dashboard_lst .age_rating_area .link_info {
    color: #3b6cef;
    display: inline-block;
    line-height: 12px;
    margin-top: 6px;
    vertical-align: top
}

.dashboard_lst .absolute {
    bottom: 14px;
    left: 224px;
    position: absolute
}

.dashboard_lst .update {
    color: #8c8c8c;
    font-size: 12px;
    line-height: 15px;
    padding: 0 16px 8px 0
}

.dashboard_lst .update .text + .text {
    margin-left: 15px
}

.dashboard_lst .btnbox {
    overflow: hidden
}

.dashboard_lst .btnbox a, .dashboard_lst .btnbox button {
    float: left;
    margin-right: 8px
}

.fr .dashboard_lst .btnbox a {
    padding: 0 10px
}

.dashboard_lst .manage {
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 12px;
    top: 12px
}

.dashboard_lst .btn_manage {
    background-color: #ececec;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    color: #3c3c3c;
    cursor: pointer;
    line-height: 20px;
    padding: 0 3px;
    position: relative
}

.dashboard_lst .btn_manage.is_noti:after {
    background-color: #e24e2c;
    border-radius: 50%;
    content: "";
    height: 7px;
    position: absolute;
    right: -4px;
    top: -4px;
    width: 7px;
    z-index: 1
}

.dashboard_lst .btn_manage[aria-disabled=true] {
    color: #a6a6a6;
    cursor: default;
    pointer-events: none
}

.dashboard_info {
    color: #848484;
    font-size: 16px;
    line-height: 20px;
    padding: 20px 0 40px 14px
}

.dashboard_info li {
    margin: 2px 0 0 12px;
    text-indent: -12px
}

.dashboard_info li:before {
    background-color: #848484;
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 4px;
    margin: 7px 8px 0 0;
    vertical-align: top;
    width: 4px
}

.dashboard_info li a, .dashboard_info li em {
    text-decoration: underline
}

.dashboard_info li a {
    color: #00dc64
}

.detail_body.stat {
    font-weight: 500;
    margin: 20px auto 0;
    min-height: 0;
    width: 1110px
}

.detail_body.stat .stat_cont {
    padding: 0 45px 58px
}

.detail_body.stat .stat_header {
    height: 100px;
    position: relative
}

.detail_body.stat .stat_header .tit {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    padding: 52px 0 0 5px
}

.detail_body.stat .stat_header .update_date {
    color: rgba(0, 0, 0, .6);
    font-size: 14px;
    position: absolute;
    right: 30px;
    top: 55px
}

.detail_body.stat .stat_info {
    color: #2f2f2f;
    font-size: 16px;
    padding: 29px 0 0 18px
}

.detail_body.stat .stat_info .col1 p {
    padding-left: 25px;
    position: relative
}

.detail_body.stat .stat_info .num {
    display: inline-block;
    font-size: 32px;
    line-height: 24px;
    margin-bottom: 8px
}

.detail_body.stat .stat_info .processing_data {
    color: #9c9c9c;
    font-size: 16px;
    line-height: 15px;
    margin: 6px 0 11px
}

.detail_body.stat .stat_info [class^=ico_] {
    left: 0;
    position: absolute
}

.detail_body.stat .stat_info .ico_chart {
    left: 1px;
    top: 1px
}

.detail_body.stat .stat_info .ico_calendar, .detail_body.stat .stat_info .ico_calendar2 {
    top: 3px
}

.detail_body.stat .stat_lst {
    zoom: 1;
    line-height: 15px;
    padding-top: 49px
}

.detail_body.stat .stat_lst:first-child {
    padding-top: 0
}

.detail_body.stat .stat_lst:after {
    clear: both;
    content: "";
    display: block
}

.detail_body.stat .stat_lst li {
    float: left
}

.detail_body.stat .stat_lst li.col0 {
    font-family: hind, simhei, verdana, Helvetica, sans-serif;
    padding-top: 6px
}

.detail_body.stat .stat_lst li.col1 {
    color: #00dc64;
    font-size: 18px;
    line-height: 24px;
    margin-top: 1px;
    width: 217px
}

.detail_body.stat .stat_lst li.col2 {
    width: 161px
}

.detail_body.stat .stat_lst li.col3 {
    width: 209px
}

.detail_body.stat .stat_lst li.col4 {
    width: 222px
}

.detail_body.stat .stat_lst li.col5 {
    width: 187px
}

.detail_body.stat .stat_lst li p {
    padding-right: 10px
}

.detail_body.stat .stat_lst.last li {
    color: #9c9c9c
}

.ly_caution {
    min-width: 277px;
    padding: 16px 20px 13px;
    text-align: center;
    z-index: 1000
}

.ly_caution .ly_cont {
    font-size: 18px;
    line-height: 23px
}

.ly_caution .ico_arr.v2.dn {
    left: 158px
}

.ly_patron_guide {
    font-size: 18px;
    height: 345px;
    padding: 47px 22px 40px 51px;
    width: 746px
}

.ly_patron_guide.v2 {
    height: auto;
    padding: 58px 57px 55px 62px;
    width: 599px
}

.ly_patron_guide .btn_close {
    background-position: -481px -1201px;
    background-repeat: no-repeat;
    height: 18px;
    position: absolute;
    right: 19px;
    top: 20px;
    width: 18px
}

.ly_patron_guide .patron_inner {
    width: 709px
}

.ly_patron_guide .patron_guide_cont {
    color: #58595b;
    font-weight: 500;
    text-align: left
}

.ly_patron_guide .patron_guide_cont h3 {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    padding-top: 32px
}

.ly_patron_guide .patron_guide_cont h3:first-child {
    padding-top: 0
}

.ly_patron_guide .patron_guide_cont p {
    line-height: 24px;
    padding-top: 10px
}

.ly_patron_guide .patron_guide_cont .lk_patron {
    border-bottom: 1px solid #58595b;
    color: #58595b;
    display: inline-block;
    line-height: 18px;
    margin-top: 3px;
    vertical-align: top
}

.ly_patron_guide .guide_lst li {
    font-size: 17px;
    margin: 8px 0 0 17px
}

.ly_patron_guide .guide_lst li:first-child {
    margin-top: 20px
}

.ly_patron_guide .guide_lst li:before {
    content: "-";
    margin: 0 11px 0 -17px
}

.ly_dashboard_delete {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 64px 48px 50px;
    position: relative;
    width: 563px
}

.ly_dashboard_delete.type_episode {
    padding-bottom: 48px;
    width: 640px
}

.ly_dashboard_delete.type_episode .button_area {
    margin-top: 32px
}

.ly_dashboard_delete .noti {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px
}

.ly_dashboard_delete .noti .emp {
    color: #e24e2c
}

.ly_dashboard_delete .desc {
    color: rgba(0, 0, 0, .85);
    font-size: 17px;
    line-height: 25px;
    margin-top: 10px
}

.ly_dashboard_delete .input_delete {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: rgba(0, 0, 0, .85);
    font-size: 17px;
    line-height: 38px;
    margin-top: 18px;
    text-align: center;
    width: 313px
}

.ly_dashboard_delete .input_delete::-webkit-input-placeholder {
    color: #c9c9c9
}

.ly_dashboard_delete .input_delete::-moz-placeholder {
    color: #c9c9c9
}

.ly_dashboard_delete .input_delete:-ms-input-placeholder {
    color: #c9c9c9
}

.ly_dashboard_delete .input_delete::-ms-input-placeholder {
    color: #c9c9c9
}

.ly_dashboard_delete .input_delete::placeholder {
    color: #c9c9c9
}

.ly_dashboard_delete .alert {
    bottom: 118px;
    color: #e24e2c;
    left: 0;
    line-height: 14px;
    position: absolute;
    right: 0
}

.ly_dashboard_delete .check_area {
    margin-top: 20px;
    position: relative
}

.ly_dashboard_delete .check_area .lb_chkbox {
    color: #8c8c8c;
    font-size: 17px;
    line-height: 25px;
    padding-top: 2px
}

.ly_dashboard_delete :not(.noti) + .button_area {
    margin-top: 44px
}

.ly_dashboard_delete .button_area .pop_btn:disabled {
    background-color: #c9c9c9;
    color: #fff;
    cursor: default
}

.ly_status_wrap {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top
}

.ly_status_wrap .btn_manage {
    background-color: #2f2f2f;
    border-color: transparent;
    color: #fff;
    width: 88px
}

.ly_status_wrap .btn_manage.on {
    background-color: #00dc64
}

.ly_episode_info {
    background-color: #000;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: none;
    font-size: 15px;
    left: 0;
    line-height: 24px;
    margin-top: 4px;
    padding: 10px 20px;
    position: absolute;
    top: 53px;
    white-space: nowrap;
    z-index: 110
}

.ly_episode_info:before {
    border-bottom: 12px solid #000;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    left: 28px;
    position: absolute;
    top: -11px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ly_permanently_delete {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px;
    width: 520px
}

.ly_permanently_delete h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px
}

.ly_permanently_delete .chk_area {
    display: inline-block;
    margin-top: 10px;
    position: relative;
    vertical-align: top
}

.ly_permanently_delete .chk_area .input_chkbox {
    margin-top: -15px;
    top: 50%
}

.ly_permanently_delete .chk_area .lb_chkbox:before {
    background-color: #fff;
    margin-top: -15px;
    top: 50%
}

.ly_permanently_delete .chk_area .lb_chkbox {
    font-size: 15px;
    padding-top: 0;
    text-align: left
}

.ly_permanently_delete .button_area {
    margin-top: 30px
}

.ly_permanently_delete .button_area .pop_btn[disabled] {
    color: hsla(0, 0%, 100%, .5);
    cursor: default
}

.ly_blocked_user {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 17px;
    padding: 50px 50px 60px;
    position: relative;
    text-align: left;
    width: 954px
}

.ly_blocked_user .title {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px
}

.ly_blocked_user .series_title {
    line-height: 25px;
    margin: 8px 0 17px
}

.ly_blocked_user .table_blocked {
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    font-size: 17px;
    text-align: left;
    width: 100%
}

.ly_blocked_user .table_blocked thead th {
    background: none;
    border-bottom: 1px solid #e0e0e0;
    font-weight: 400;
    height: 61px
}

.ly_blocked_user .table_blocked td .title {
    font-size: 17px;
    max-width: 258px
}

.ly_blocked_user .table_blocked.user_none tbody {
    display: table-row-group
}

.ly_blocked_user .table_blocked.user_none td {
    color: #bbb;
    font-size: 17px;
    text-align: center
}

.ly_blocked_user tbody {
    display: block;
    height: 403px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 854px
}

.ly_blocked_user tbody td {
    border-bottom: 1px solid #f5f5f5;
    color: #8c8c8c;
    font-size: 14px;
    height: 65px
}

.ly_blocked_user tbody tr:last-child td {
    border: 0
}

.ly_blocked_user tbody td:first-child {
    width: 511px
}

.ly_blocked_user tbody td:nth-child(2) {
    width: 211px
}

.ly_blocked_user tbody td:nth-child(3) {
    width: 115px
}

.ly_blocked_user tbody .user_link {
    display: inline-block;
    font-size: 17px;
    line-height: 27px;
    position: relative
}

.ly_blocked_user tbody .user_link:after {
    background: #000;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.ly_blocked_user tbody .btn_unblock {
    background: #ececec;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #3c3c3c;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    height: 26px;
    padding: 0 8px
}

.ly_blocked_user .ly_close {
    background-color: transparent;
    cursor: pointer;
    height: 42px;
    position: absolute;
    right: 8px;
    top: 10px;
    width: 42px
}

.ly_blocked_user .ly_close:after, .ly_blocked_user .ly_close:before {
    background-color: #b3b3b3;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 22px
}

.ly_blocked_user .ly_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.ly_blocked_user .ly_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.ly_blocked_user .ly_comment {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    left: 0;
    margin: 0 auto;
    padding: 50px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 480px
}

.ly_blocked_user .ly_comment.on {
    display: block
}

.ly_blocked_user .ly_comment .title {
    display: block;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 30px;
    text-align: center
}

.ly_blocked_user .ly_comment .desc {
    word-wrap: break-word;
    color: rgba(0, 0, 0, .85);
    font-size: 17px;
    line-height: 26px;
    margin-top: 10px;
    text-align: center
}

.ly_blocked_user .ly_comment .ly_comment_image {
    display: block;
    margin: 20px auto 0;
    max-height: 309px;
    max-width: 309px
}

.ly_blocked_user .ly_comment .tag_list {
    margin-top: 20px
}

.ly_blocked_user .ly_comment .tag_list .tag_item + .tag_item {
    margin-top: 10px
}

.ly_blocked_user .ly_comment .tag_list .my_comment_tag {
    margin: 0 auto
}

.ly_blocked_user .ly_comment .ly_close2 {
    background: none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    position: absolute;
    right: 21px;
    top: 21px;
    width: 16px
}

.ly_blocked_user .ly_comment .ly_close2:after, .ly_blocked_user .ly_comment .ly_close2:before {
    background-color: #bbb;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 22px
}

.ly_blocked_user .ly_comment .ly_close2:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.ly_blocked_user .ly_comment .ly_close2:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.ly_blocked_user .ly_blocking_cancel {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    left: 0;
    margin: 0 auto;
    padding: 33px 15px 19px;
    position: absolute;
    right: 0;
    top: 252px;
    width: 300px
}

.ly_blocked_user .ly_blocking_cancel.on {
    display: block
}

.ly_blocked_user .ly_blocking_cancel .desc {
    font-size: 14px;
    line-height: 21px;
    text-align: center
}

.ly_blocked_user .ly_blocking_cancel .btn_area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 22px
}

.ly_blocked_user .ly_blocking_cancel .btn_area .btn {
    background: #242424;
    border-radius: 18px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    height: 35px;
    width: 90px
}

.ly_blocked_user .ly_blocking_cancel .btn_area .btn + .btn {
    margin-left: 7px
}

.ly_rating_noti {
    padding: 64px 48px 50px;
    width: 546px
}

.ly_rating_noti .title {
    color: #00dc64;
    font-family: volte, hind, sans-serif;
    font-size: 38px;
    line-height: 38px
}

.ly_rating_noti .desc {
    color: rgba(0, 0, 0, .85);
    font-size: 17px;
    line-height: 25px;
    margin-top: 10px
}

.ly_rating_noti .noti {
    display: block;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 25px
}

.ly_rating_noti .button_area .pop_btn {
    width: 202px
}

.ly_rating_alert {
    padding: 64px 48px 50px;
    width: 412px
}

.ly_rating_alert .noti {
    color: rgba(0, 0, 0, .85);
    font-size: 17px;
    line-height: 25px
}

.ly_rating_alert .button_area .pop_btn {
    width: 202px
}

.ly_switch_series {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 64px 48px 50px;
    position: relative;
    width: 638px
}

.ly_switch_series .noti {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px
}

.ly_switch_series .pop_btn {
    width: 220px
}

.input_radio {
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px
}

.input_radio:focus {
    outline: 1px dotted #000
}

.lb_radio {
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    padding-left: 40px;
    position: relative;
    vertical-align: middle
}

.lb_radio:before {
    background-position: -981px -1013px;
    background-repeat: no-repeat;
    content: "";
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px
}

.lb_radio.on:before {
    background-position: -1049px -1013px
}

.input_chkbox {
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px
}

.input_chkbox:focus {
    outline: 1px dotted #000
}

.lb_chkbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    line-height: 24px;
    min-height: 30px;
    padding: 4px 0 0 40px;
    position: relative;
    vertical-align: middle
}

.lb_chkbox:before {
    background-position: -850px -1023px;
    background-repeat: no-repeat;
    content: "";
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px
}

.lb_chkbox.on:before {
    background-position: -888px -1023px
}

.lb_chkbox.part:before {
    background-position: -292px -1164px
}

.ads_signup_tab {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.ads_signup_tab li.on .ico_num1 {
    background-position: -507px -1023px
}

.ads_signup_tab li.on .ico_num2 {
    background-position: -378px -1023px
}

.ads_signup_tab li.on .ico_num3 {
    background-position: -421px -1023px
}

.ads_signup_tab li.arr {
    margin: 0 36px
}

.ads_signup_tab a {
    display: block;
    font-size: 15px;
    font-weight: 500;
    height: 69px;
    line-height: 73px
}

.ads_signup_tab span {
    margin-right: 11px;
    vertical-align: middle !important
}

.ads_signup_tab span.ico_pub_arr {
    margin: 0
}

.ads_signup_wrap {
    margin: 0 auto;
    padding: 36px 0 150px;
    position: relative;
    width: 1110px
}

.ads_signup_wrap .signup_title {
    font-size: 19px;
    font-weight: 500;
    line-height: 30px
}

.ads_signup_wrap .signup_title.v2 {
    margin: 64px 0 -20px;
    text-align: center
}

.ads_signup_wrap .signup_title.v2 a {
    color: #00dc64;
    text-decoration: underline
}

.ads_signup_wrap .signup_title .super_like {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ff3f78;
    -webkit-column-gap: 3px;
    -moz-column-gap: 3px;
    column-gap: 3px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.ads_signup_wrap .signup_title .super_like:before {
    background-position: -1324px -1023px;
    background-repeat: no-repeat;
    content: "";
    height: 24px;
    margin-top: -2px;
    width: 24px
}

.ads_signup_wrap .signup_form {
    border-bottom: 1px solid #e0e0e0;
    padding: 36px 0
}

.ads_signup_wrap .signup_form_dsc3 .lb_chkbox:before {
    background-color: #f5f5f5
}

.signup_form_dsc3 {
    color: #000;
    font-size: 15px;
    line-height: 24px;
    position: relative;
    white-space: nowrap
}

.signup_form_dsc3 a {
    color: #3b6cef
}

.signup_form_dsc3 .chk_area {
    left: 0;
    margin-top: -7px;
    position: absolute;
    top: 50%
}

.signup_form_dsc3.v2 {
    border-top: 1px solid #e5e5e5;
    margin-top: 40px
}

.signup_form_dsc3 .sub_dsc {
    font-family: hind, simhei, verdana, Helvetica, sans-serif
}

.signup_form_dsc3 + .signup_form_dsc3 {
    margin-top: 14px
}

.signup_form_btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 50px
}

.signup_form_btn .btn_type8 {
    margin: 0
}

.policy_area {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    height: 550px;
    margin: 7px 0 27px;
    padding: 45px 0
}

.policy {
    height: 100%;
    overflow-y: scroll;
    padding: 0 40px;
    position: relative
}

.policy h3, .policy h4 {
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    margin-top: 50px
}

.policy h3, .policy h4:first-child {
    margin-top: 0
}

.policy .bold, .policy strong {
    font-weight: 500
}

.policy a {
    color: #3b6cef;
    display: inline-block;
    font-weight: 400
}

.policy p {
    margin-top: 20px
}

.policy p:first-child {
    margin-top: 0
}

.policy p.v2 {
    font-size: 13px;
    margin-top: 15px
}

.policy .num {
    display: inline-block
}

.policy ol.depth2 > li .num {
    margin-right: 12px
}

.policy ol.depth3 > li .num {
    margin-right: 8px
}

.policy .sign {
    display: inline-block;
    margin: 0 7px 0 -15px
}

.policy ol.depth1, .policy ol.depth1 > li {
    margin-top: 50px
}

.policy ol.depth1 > li:first-child {
    margin-top: 0
}

.policy ol.depth2 {
    margin-top: 25px;
    padding-left: 16px
}

.policy ol.depth2 > li {
    margin-top: 35px
}

.policy ol.depth2 > li:first-child {
    margin-top: 0
}

.policy ol.depth2 ul {
    margin-top: 20px
}

.policy ol.depth2 ul > li {
    margin-top: 25px;
    padding-left: 15px
}

.policy ol.depth2 ul > li:first-child {
    margin-top: 0
}

.policy ol.depth2 ul.v2 {
    margin-top: 15px
}

.policy ol.depth2 ul.v2 > li {
    padding-left: 22px;
    text-indent: -8px
}

.policy ol.depth3 > li {
    margin-top: 20px
}

.policy ol.depth3 ul > li {
    margin-top: 0
}

.policy ol.depth3 p {
    margin-top: 10px
}

.policy ol.depth3.v2 {
    padding-left: 0
}

.policy ol.depth3.v2 > li {
    display: inline-block;
    margin-top: 0
}

.policy .terms_list {
    display: block;
    padding-left: 40px;
    text-indent: -20px
}

.policy .terms_list .item {
    display: block;
    margin-top: 5px
}

.regist_paypal_account {
    background: #242424
}

.regist_paypal_account .inner {
    line-height: 65px;
    margin: 0 auto;
    position: relative;
    width: 1120px
}

.regist_paypal_account .lk_register {
    color: #fff;
    font-size: 17px;
    position: relative
}

.regist_paypal_account .lk_register strong {
    color: #00dc64;
    font-weight: 400
}

.regist_paypal_account .lk_register:after {
    background-position: -1300px -1011px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 10px;
    margin-left: 3px;
    vertical-align: middle;
    width: 6px
}

.regist_paypal_account .lk_register.no_link:after {
    display: none
}

.regist_paypal_account .lk_close {
    line-height: normal;
    padding: 10px;
    position: absolute;
    right: -10px;
    top: 14px
}

.ads_wrap {
    font-size: 17px;
    margin: 0 auto;
    padding: 50px 0 150px;
    position: relative;
    width: 1110px
}

.ads_wrap .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 19px;
    font-weight: 500;
    line-height: 30px
}

.ads_wrap .title .ico_info3 {
    margin: 4px 0 0 6px
}

.ads_wrap .section_wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.ads_wrap .current_section, .ads_wrap .payment_section {
    width: 550px
}

.ads_wrap .current_section .cont, .ads_wrap .payment_section .cont {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    line-height: normal;
    margin-top: 7px;
    min-height: 220px;
    width: 100%
}

.ads_wrap .payment_section .cont {
    padding: 41px 45px 39px
}

.ads_wrap .payment_section .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 140px;
    width: 100%
}

.ads_wrap .payment_section .text_no_ads {
    font-size: 17px;
    line-height: 24px
}

.ads_wrap .payment_section .text_no_ads strong {
    display: block;
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 10px
}

.ads_wrap .payment_section .register_btn {
    background: #2f2f2f;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 15px;
    height: 32px;
    line-height: 32px;
    margin: 7px 0 29px;
    text-align: center;
    width: 200px
}

.ads_wrap .payment_section .input_box {
    margin-left: 4px;
    vertical-align: -13px
}

.ads_wrap .current_section .cont {
    padding: 27px 30px;
    position: relative
}

.ads_wrap .current_section .cont.v2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    padding: 27px 0
}

.ads_wrap .current_section .cont:after {
    clear: both;
    content: "";
    display: block
}

.ads_wrap .current_section .val_area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 60px;
    justify-content: center;
    margin-right: 10px;
    text-align: center;
    width: 200px
}

.ads_wrap .current_section .cont.v2 .val_area {
    position: relative;
    width: auto
}

.ads_wrap .current_section .val {
    color: #000;
    display: inline-block;
    font-weight: 500;
    line-height: 91px;
    margin-top: -16px;
    position: relative
}

.ads_wrap .current_section .cont.v2 .val {
    margin-top: 7px
}

.ads_wrap .current_section .val .bar {
    background-color: #e0e0e0;
    bottom: 0;
    height: 4px;
    left: 50%;
    margin-left: -65px;
    position: absolute;
    width: 130px
}

.ads_wrap .current_section .cont.v2 .bar {
    bottom: 1px;
    margin-left: -200px;
    width: 400px
}

.ads_wrap .current_section .val .status {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0
}

.ads_wrap .current_section .val.off {
    color: #e0e0e0
}

.ads_wrap .current_section .val.off .bar {
    background-color: #e0e0e0
}

.ads_wrap .current_section .val.on {
    color: #00dc64
}

.ads_wrap .current_section .val.on .bar {
    background-color: #00dc64
}

.ads_wrap .current_section .text_area {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 24px;
    padding-right: 30px;
    width: 250px
}

.ads_wrap .current_section .cont.v2 .text_area {
    display: block;
    padding: 34px 0 0;
    text-align: center;
    width: 100%
}

.ads_wrap .current_section .text_area p {
    display: table-cell;
    position: relative;
    vertical-align: middle
}

.ads_wrap .current_section .cont.v2 dl {
    font-size: 18px
}

.ads_wrap .current_section .ico_info4, .ads_wrap .current_section .ico_info5, .ads_wrap .payment_section .ico_info4 {
    margin: 4px 0 0 6px
}

.ads_wrap .current_section .date {
    color: #8c8c8c;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    margin-top: 10px;
    text-align: right
}

.ads_wrap .current_section dt, .ads_wrap .payment_section dl:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding-left: 20px
}

.ads_wrap .current_section dt:first-child {
    padding-left: 0
}

.ads_wrap .payment_section .status dt:after {
    top: 4px
}

.ads_wrap .current_section dd {
    display: inline-block;
    padding-left: 4px
}

.ads_wrap .payment_section dd {
    margin-left: 15px;
    padding-left: 16px;
    position: relative
}

.ads_wrap .payment_section dd:before {
    background: #bbb;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 1px
}

.ads_wrap .patron_wrap {
    margin-top: 16px
}

.ads_wrap .patron_wrap:after {
    clear: both;
    content: "";
    display: block
}

.ads_wrap .patron_wrap .save_btn {
    float: left;
    margin-left: 7px;
    position: static
}

.ads_wrap .cont_area {
    position: relative
}

.ads_wrap .payment_section .lk_get {
    color: #00dc64;
    display: block;
    margin-top: 22px
}

.ads_wrap .payment_section .ico_arr24 {
    margin: 7px 0 0 5px
}

.ads_wrap .payment_section .amount {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 25px;
    font-weight: 500;
    line-height: 40px
}

.ads_wrap .payment_section .status {
    color: #929292;
    font-size: 20px;
    line-height: 27px;
    margin-top: 2px
}

.ads_wrap .payment_section .info {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #8c8c8c;
    display: -webkit-box;
    font-size: 16px;
    line-height: 21px;
    margin-top: 2px;
    min-height: 63px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis
}

.ads_wrap .payment_section .info .error {
    color: #e24e2c;
    display: block;
    font-size: 14px;
    line-height: 17px;
    margin-top: 6px
}

.ads_wrap .payment_section .info .point {
    color: #00dc64;
    font-weight: 400
}

.ads_wrap .payment_section .info .t1, .ads_wrap .payment_section .info .t2, .ads_wrap .payment_section .info .t3 {
    color: #000;
    font-size: 14px;
    position: relative
}

.ads_wrap .payment_section .info .t1:after, .ads_wrap .payment_section .info .t2:after, .ads_wrap .payment_section .info .t3:after {
    background: #000;
    content: "";
    display: inline-block;
    height: 10px;
    margin: 0 8px;
    width: 1px
}

.ads_wrap .payment_section .info .t2 {
    color: #e24e2c
}

.ads_wrap .payment_section .info .t2:after {
    background: #e24e2c
}

.ads_wrap .payment_section .info .t3 {
    color: #00dc64
}

.ads_wrap .payment_section .info .t3:after {
    background: #00dc64
}

.ads_wrap .payment_section .lk_more {
    bottom: 59px;
    color: #929292;
    font-size: 14px;
    line-height: 15px;
    position: absolute;
    right: 45px;
    text-decoration: underline
}

.ads_wrap .payment_section .contact {
    color: #929292;
    font-size: 16px;
    margin-top: 1px
}

.ads_wrap .payment_section .contact a {
    color: inherit
}

.ads_wrap .payment_section .lk_history {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #00dc64;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 27px;
    margin-top: auto
}

.ads_wrap .payment_section .ico_add, .ads_wrap .payment_section .ico_history {
    margin-right: 6px
}

.ads_wrap .payment_section .edit_area {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin-top: 10px
}

.ads_wrap .payment_section .edit_area .lk_edit {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px
}

.ads_wrap .payment_section .edit_area .lk_modify {
    color: #929292;
    font-size: 16px
}

.ads_wrap .activate_section {
    margin-top: 50px
}

.ads_wrap .activate_section h4 {
    font-size: 17px;
    font-weight: 500;
    margin-top: 25px
}

.ads_wrap .activate_section .cont {
    line-height: 27px;
    margin-top: 6px
}

.ads_wrap .activate_section .cont strong {
    display: block;
    font-weight: 500
}

.ads_wrap .activate_section .cont a {
    color: #2b6af8
}

.ads_wrap .activate_section ul {
    font-size: 17px;
    line-height: 27px;
    margin-top: 6px
}

.ads_wrap .activate_section ul a {
    color: #2b6af8
}

.ads_wrap .activate_section .lk_about {
    color: #00dc64;
    text-decoration: underline
}

.ads_wrap .activate_section .lk_about.v2 {
    color: #3b6cef;
    text-decoration: none
}

.ads_wrap .activate_section .info {
    color: #929292;
    font-size: 16px;
    line-height: 20px;
    margin-top: 22px
}

.ads_wrap .activate_section .info:before {
    background-color: #929292;
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 4px;
    margin: 7px 4px 0 0;
    vertical-align: top;
    width: 4px
}

.ads_wrap .tax_section {
    margin-top: 50px
}

.ads_wrap .tax_section .cont {
    font-size: 17px;
    line-height: 27px;
    margin-top: 6px
}

.ads_wrap .tax_section .cont a {
    color: #2b6af8;
    text-decoration: underline
}

.ads_wrap .tax_section .info {
    color: #929292;
    font-size: 16px;
    line-height: 20px;
    margin-top: 22px
}

.ads_wrap .tax_section .info a {
    color: #2b6af8;
    text-decoration: underline
}

.ads_wrap .tax_section .info:before {
    background-color: #929292;
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 4px;
    margin: 7px 4px 0 0;
    vertical-align: top;
    width: 4px
}

.ads_wrap .opt_txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 19px;
    font-weight: 500;
    line-height: 36px;
    margin-top: 50px
}

.ads_wrap .btn_type9 {
    border-radius: 24px;
    cursor: pointer;
    font-size: 15px;
    height: 36px;
    line-height: 36px;
    margin-left: 16px;
    min-width: 128px
}

.ads_wrap .join_section {
    background-color: #fff;
    border: 1px solid #00dc64;
    color: #00dc64;
    padding: 37px 295px 37px 37px;
    position: relative
}

.ads_wrap .join_section .title {
    font-size: 22px
}

.ads_wrap .join_section .cont {
    line-height: 27px;
    margin-top: 11px
}

.ads_wrap .join_section .join_btn {
    background-color: #00dc64;
    border-radius: 35px;
    color: #fff;
    cursor: pointer;
    font-size: 23px;
    font-weight: 500;
    height: 70px;
    line-height: 70px;
    position: absolute;
    right: 33px;
    top: 49px;
    width: 190px
}

.ads_wrap .join_section .join_btn:disabled {
    background: #ececec;
    color: #fff;
    cursor: default
}

.ads_wrap .join_section.restriction {
    border-color: #bbb;
    color: #000
}

.table_ads {
    font-size: inherit;
    margin-top: 50px;
    text-align: center
}

.table_ads .lk_status {
    color: #929292;
    font-size: 15px;
    margin-left: 10px;
    text-decoration: underline
}

.ly_status {
    word-wrap: break-word;
    background-color: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 8px;
    color: #000;
    font-size: 15px;
    left: 50%;
    line-height: 24px;
    margin-top: 11px;
    padding: 22px 20px;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 330px;
    z-index: 10
}

.ly_status strong {
    display: block;
    font-weight: 500
}

.ly_status.type_wide {
    width: 390px
}

.ly_status p {
    padding: 24px 0
}

.manage .ly_status p {
    padding: 36px 0
}

.ly_status .button_area {
    font-size: 0;
    margin-top: 19px;
    text-align: center
}

.ly_status .lk_term.v2 {
    color: #3b6cef;
    text-decoration: none
}

.btn_type11.not + .ly_status {
    width: 390px
}

.lk_status + .ly_status {
    width: 262px
}

.es .lk_status + .ly_status {
    width: 298px
}

.lk_status + .ly_status .button_area {
    margin-top: 12px
}

.ly_status .ico_pop_arr1 {
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: -11px
}

.ly_status .ly_title {
    display: inline-block;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 4px
}

.ly_status .status {
    font-size: 15px
}

.ly_status .status:after {
    clear: both;
    content: "";
    display: block
}

.ly_status dt {
    float: left;
    overflow: hidden
}

.ly_status dd {
    overflow: hidden;
    padding-left: 5px
}

.ly_status.v2 .lk_term {
    color: #00dc64;
    text-decoration: underline
}

.table_ads .ico_info5 {
    margin: 3px 0 0 5px
}

.table_ads .work_title {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.table_ads .ads_status {
    color: #262626;
    display: inline-block;
    font-size: 15px;
    line-height: 32px;
    margin-right: 13px;
    vertical-align: top;
    width: 80px
}

.table_ads tr {
    height: 60px
}

.table_ads th {
    background-color: inherit;
    color: #8c8c8c;
    font-weight: 400
}

.table_ads td {
    padding: 14px 20px
}

.table_ads td:first-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 32px;
    padding-left: 38px
}

.table_ads td:nth-child(4) .ads_status {
    margin-left: -18px
}

.table_ads tbody {
    background-color: #fff
}

.table_ads thead tr {
    border-top: 1px solid #ddd;
    height: 60px
}

.table_ads tbody tr {
    border-top: 1px solid #f5f5f5
}

.table_ads tbody tr:first-child {
    border: 0
}

.table_ads tbody td:first-child {
    text-align: left
}

.join_section + .activate_section .table_ads th:first-child {
    padding-left: 182px;
    text-align: left
}

.table_ads.tax th:first-child {
    padding-left: 150px;
    text-align: left
}

.table_ads.tax td:first-child {
    padding-left: 150px
}

.table_ads.tax .btn_type11 {
    margin-left: 0;
    width: 230px
}

.ads_ly_wrap {
    display: inline-block;
    margin-right: -33px;
    position: relative
}

.ads_ly_wrap .ly_info {
    background-color: #000;
    border-radius: 8px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    left: 50%;
    line-height: 24px;
    margin-left: -141px;
    padding: 15px 17px 15px 20px;
    position: absolute;
    text-align: left;
    top: 35px;
    width: 245px;
    z-index: 20
}

.ads_ly_wrap .ly_info a {
    color: #3b6cef
}

.ads_ly_wrap .ly_info .ico_pop_arr2 {
    left: 50%;
    margin-left: -6px;
    position: absolute;
    top: -9px
}

.ads_ly_wrap .ly_info ol {
    list-style: none
}

.ads_ly_wrap.v2 {
    margin-right: 0
}

.ads_ly_wrap.v2 .ly_info {
    display: none;
    margin-left: -45px;
    padding: 12px 14px;
    width: 215px
}

.ads_ly_wrap.v2 .ly_info.left {
    margin-left: -194px
}

.ads_ly_wrap.v2 .ly_info.left .ico_pop_arr2 {
    left: auto;
    right: 40px
}

.ads_ly_wrap.v2 .ly_info .ico_pop_arr2 {
    left: 40px;
    margin-left: 0
}

.ads_ly_wrap.v2 .ico_info5:hover + .ly_info, .ads_ly_wrap.v2 .ly_info:hover {
    display: block
}

.ly_ads_pop {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px;
    width: 500px
}

.ly_ads_pop .lb_chkbox:before {
    background-color: #fff
}

.ly_ads_pop.v2 {
    text-align: left;
    width: 818px
}

.ly_ads_pop.v2 .button_area {
    margin-top: 24px;
    text-align: center
}

.ly_ads_pop.v2 h3 {
    line-height: 30px
}

.ly_ads_pop.v2 .desc {
    margin-top: 3px
}

.ly_ads_pop.v3 {
    width: 718px
}

.ly_ads_pop.v3 p {
    margin-top: 13px;
    text-align: left
}

.ly_ads_pop.v3 .button_area {
    margin-top: 27px
}

.ly_ads_pop.v4 {
    text-align: left;
    width: 818px
}

.ly_ads_pop.v4 .t1 {
    margin-top: 8px
}

.ly_ads_pop.v4 .t2 {
    margin-top: 20px
}

.ly_ads_pop.v4 .t3 {
    margin-top: 6px
}

.ly_ads_pop.v4 .t4 {
    color: #e24e2c;
    margin-top: 20px
}

.ly_ads_pop.v4 .t5 {
    color: #8c8c8c;
    font-size: 16px;
    line-height: 24px;
    margin-top: 6px
}

.ly_ads_pop.v4 .t5 .status {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px
}

.ly_ads_pop.v4 .t5 .status:after {
    background: #000;
    content: "";
    height: 10px;
    margin: -2px 8px 0;
    width: 1px
}

.ly_ads_pop.v4 .t5 .status.v2 {
    color: #e24e2c
}

.ly_ads_pop.v4 .t5 .status.v2:after {
    background: #e24e2c
}

.ly_ads_pop.v4 .current_balance {
    background: #f5f5f5;
    color: #00dc64;
    display: block;
    font-size: 19px;
    font-weight: 500;
    line-height: 30px;
    margin: 20px 0;
    padding: 20px;
    text-align: center
}

.ly_ads_pop.v4 .current_balance span + span {
    margin-left: 50px
}

.ly_ads_pop.v4 .lk_history {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #00dc64;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ly_ads_pop.v4 .signup_form_dsc3 {
    margin-top: 6px
}

.ly_ads_pop.v4 .bottom_area {
    border-top: 1px solid #e0e0e0;
    margin-top: 30px;
    text-align: center
}

.ly_ads_pop.v4 .bottom_area strong {
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 30px;
    margin-top: 30px
}

.ly_ads_pop.v4 .button_area {
    margin-top: 16px
}

.ly_ads_pop.v4 .pop_btn {
    min-width: 240px
}

.ly_ads_pop.v5 {
    width: 648px
}

.ly_ads_pop.v5 p {
    margin: 3px 0 40px;
    text-align: left
}

.ly_ads_pop.v5 .button_area {
    margin-top: 52px
}

.ly_ads_pop.v6 {
    text-align: left;
    width: 700px
}

.ly_ads_pop.v6 h3 {
    line-height: 30px
}

.ly_ads_pop.v7 {
    width: 818px
}

.ly_ads_pop.v7 .button_area {
    margin-top: 35px
}

.ly_ads_pop h3 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 30px;
    text-align: left
}

.ly_ads_pop p {
    font-size: 17px;
    line-height: 27px
}

.ly_ads_pop p.current {
    margin-top: 10px;
    text-align: left
}

.ly_ads_pop p.current strong {
    font-weight: 500
}

.ly_ads_pop .ico_patron2, .ly_ads_pop .ico_paypal {
    margin-right: 4px;
    vertical-align: middle
}

.ly_ads_pop .lk_term {
    color: #00dc64;
    font-size: 17px;
    text-decoration: underline
}

.ly_ads_pop .default_txt {
    font-size: 19px
}

.ly_ads_pop .input_box {
    margin-left: 2px;
    vertical-align: -9px
}

.ly_ads_pop .input_box .placeholder {
    color: #b1b1b1;
    font-size: 19px;
    line-height: 19px;
    position: absolute
}

.ly_ads_pop .input_account {
    border-bottom: 1px solid #d9d9d9;
    font-size: 19px;
    line-height: 29px;
    width: 163px
}

.ly_ads_pop .input_account.error {
    color: red
}

.ly_ads_pop .notice_wrap {
    border-bottom: 1px solid #e5e5e5;
    font-size: 17px;
    margin-top: 24px;
    padding-bottom: 24px
}

.ly_ads_pop .notice {
    background-color: #f5f5f5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 19px;
    height: 298px;
    margin-bottom: 24px;
    padding: 20px 0
}

.ly_ads_pop .notice_inner {
    font-weight: 500;
    height: 100%;
    margin-right: 8px;
    overflow-y: scroll;
    padding: 0 30px
}

.ly_ads_pop .notice_inner::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px
}

.ly_ads_pop .notice_inner::-webkit-scrollbar-thumb {
    background-color: #dbdbdb;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    box-shadow: 0 0 1px hsla(0, 0%, 100%, .5)
}

.ly_ads_pop .lst_notice {
    font-weight: 400;
    list-style: none;
    margin: 17px 0
}

.ly_ads_pop .lst_notice li {
    font-size: 17px;
    margin-top: 16px;
    padding-left: 38px;
    position: relative
}

.ly_ads_pop .lst_notice li:first-child {
    margin-top: 0
}

.ly_ads_pop .lst_notice li [class^=ico_] {
    left: 0;
    position: absolute;
    top: 0
}

.ly_ads_pop .lst_notice li a {
    color: #3b6cef
}

.ly_ads_pop .lk_policy, .ly_ads_pop .lk_terms {
    color: #3b6cef;
    display: inline-block;
    margin-top: 11px;
    position: relative
}

.ly_ads_pop .lk_policy {
    margin-left: 4px
}

.ly_ads_pop .lk_policy .ico_arr24, .ly_ads_pop .lk_terms .ico_arr24 {
    margin-left: 2px;
    vertical-align: 0
}

.ly_ads_pop .condition_wrap {
    font-size: 17px;
    margin-top: 20px;
    text-align: left
}

.ly_ads_pop .condition {
    font-size: 16px;
    line-height: 26px;
    margin-top: 6px
}

.ly_ads_pop .condition li {
    padding-left: 23px;
    position: relative
}

.ly_ads_pop .condition li:before {
    background: #000;
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 9px;
    position: absolute;
    top: 9px;
    width: 5px
}

.ly_ads_pop .link {
    color: #3b6cef
}

.ly_ads_pop .lk_faq_wrap {
    display: block;
    font-size: 17px;
    line-height: 27px;
    margin-top: 20px
}

.ly_ads_pop .lk_faq_wrap .lk_faq {
    color: #3b6cef
}

.ly_ads_pop .detail_info {
    color: #adadad;
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px
}

.ly_ads_pop .detail_info:after {
    clear: both;
    content: "";
    display: block
}

.ly_ads_pop .detail_info dt {
    oveflow: hidden;
    float: left
}

.ly_ads_pop .detail_info dt:before {
    background-color: #929292;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 5px;
    margin: -2px 9px 0;
    vertical-align: middle;
    width: 5px
}

.ly_ads_pop .detail_info dd {
    overflow: hidden;
    padding-left: 5px
}

.ly_ads_pop .lst_details {
    -webkit-column-gap: 11px;
    -moz-column-gap: 11px;
    column-gap: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.ly_ads_pop .lst_details li {
    background-color: #f5f5f5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 133px;
    padding: 24px 0;
    width: 232px
}

.ly_ads_pop .lst_details .ly_info {
    margin-left: -48px;
    top: 30px;
    width: 215px
}

.ly_ads_pop .lst_details .detail_title {
    font-size: 17px;
    font-weight: 500;
    line-height: 27px
}

.ly_ads_pop .lst_details .ads_ly_wrap.v2 {
    margin-left: 1px;
    vertical-align: 2px
}

.ly_ads_pop .lst_details .val {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    margin-top: 10px;
    text-align: center
}

.ly_ads_pop .table_payment {
    font-size: 16px;
    margin-top: 44px;
    text-align: center
}

.ly_ads_pop .table_payment tr {
    height: 60px
}

.ly_ads_pop .table_payment th {
    background-color: #fff;
    font-weight: 400
}

.ly_ads_pop .table_payment td:first-child, .ly_ads_pop .table_payment th:first-child {
    padding-left: 30px
}

.ly_ads_pop .table_payment td:last-child, .ly_ads_pop .table_payment th:last-child {
    padding-right: 30px
}

.ly_ads_pop .table_payment thead tr {
    border-top: 1px solid #e0e0e0
}

.ly_ads_pop .table_payment tbody tr {
    background-color: #f5f5f5;
    border-top: 1px solid #fff
}

.ly_ads_pop .table_payment .ico_info5 {
    margin-left: 1px;
    vertical-align: -4px
}

.ly_ads_pop .table_payment td.empty {
    height: 299px
}

.ly_ads_pop .table_payment .amount {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-column-gap: 9px;
    -moz-column-gap: 9px;
    column-gap: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.ly_ads_pop .table_payment_wrap {
    max-height: 360px;
    overflow-y: auto;
    position: relative
}

.ly_ads_pop .table_payment_wrap .table_payment {
    margin-top: 0
}

.ly_ads_pop .table_payment_wrap .table_payment thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.ly_ads_pop .signup_form_dsc3 {
    margin-top: 24px
}

.ly_ads_pop .signup_form_dsc3 .lb_chkbox {
    color: #8c8c8c;
    white-space: normal
}

.ly_ads_pop .pagination {
    margin-top: 24px
}

.ly_ads_pop .pagination li {
    display: inline-block;
    font-size: 15px;
    margin-left: 7px
}

.ly_ads_pop .pagination li:first-child {
    margin-left: 0
}

.ly_ads_pop .pagination .page_prev span {
    background-position: -1300px -852px;
    background-repeat: no-repeat;
    height: 11px;
    vertical-align: middle;
    width: 7px
}

.ly_ads_pop .pagination .page_next span {
    background-position: -1300px -878px;
    background-repeat: no-repeat;
    height: 11px;
    vertical-align: middle;
    width: 7px
}

.ly_ads_pop .pagination li a {
    cursor: pointer;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    width: 24px
}

.ly_ads_pop .pagination li.active a {
    color: #00dc64
}

.ly_ads_pop .period_select_area {
    margin-top: 35px;
    padding-bottom: 14px;
    position: relative;
    text-align: left
}

.ly_ads_pop .period_select_area:after {
    background: #e0e0e0;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 10
}

.ly_ads_pop .period_select_area .select_list {
    width: 178px
}

.ly_ads_pop.discover_contest {
    width: 445px
}

.ly_ads_pop.discover_contest h3 {
    text-align: center
}

.ly_ads_pop.discover_contest p {
    margin-top: 10px
}

.ly_ads_pop.discover_contest .button_area .pop_btn {
    font-weight: 500
}

.ly_ads_pop.type_complete {
    width: 520px
}

.ly_ads_pop.type_complete h3 {
    text-align: center
}

.ly_ads_pop.type_complete p {
    margin-top: 10px
}

.ly_ads_pop.type_complete em {
    color: #00dc64
}

.ads_client {
    margin: 0 auto;
    padding-bottom: 150px;
    position: relative;
    width: 1110px
}

.ads_client .input_chkbox:checked + .lb_chkbox:before {
    background-position: -888px -1023px
}

.ads_client .lb_chkbox:before {
    background-color: #f5f5f5
}

.ads_client .input_radio:checked + .lb_radio:before {
    background-position: -1049px -1013px
}

.select_list {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 240px
}

.select_list button {
    word-wrap: break-word;
    background-color: #fff;
    cursor: pointer;
    word-break: normal
}

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

.select_list .selected_item:focus {
    outline: none
}

.select_list.on {
    z-index: 100
}

.select_list .select_wrap {
    display: none
}

.select_list.on .select_wrap {
    background-color: #fff;
    border: 1px solid #00dc64;
    border-top: 0;
    display: block;
    left: 0;
    margin-top: -1px;
    padding: 0 11px;
    position: absolute;
    right: 0
}

.select_list.on .select_wrap.no_search {
    border-top: 1px solid #e0e0e0
}

.select_list.dsc_warning .select_wrap {
    border-color: #e24e2c
}

.select_list .selected_item {
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #adadad;
    font-size: 15px;
    padding: 8px 31px 6px 11px;
    position: relative;
    text-align: left;
    width: 100%
}

.select_list .inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.select_list .del, .select_list .select_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select_list .not {
    color: #adadad;
    font-size: 13px;
    line-height: 21px
}

.select_list .now {
    color: #00dc64;
    margin-left: 4px
}

.select_list .selected_item:focus, .select_list.on .selected_item {
    border-color: #00dc64
}

.select_list.dsc_warning .selected_item, .select_list.dsc_warning .selected_item:focus {
    border-color: #e24e2c
}

.select_list .selected_item.on {
    color: #000
}

.select_list .selected_item:after {
    background-position: -1126px -999px;
    background-repeat: no-repeat;
    content: "";
    height: 12px;
    position: absolute;
    right: 9px;
    top: 14px;
    width: 12px
}

.select_list.on .selected_item:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select_list .select_wrap .input_search {
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    padding: 8px 11px 6px;
    width: 100%
}

.select_list .select_wrap .input_search:focus {
    border-color: #00dc64
}

.select_list .select_wrap .input_search::-webkit-input-placeholder {
    color: #adadad;
    font-family: hind, sans-serif
}

.select_list .select_wrap .input_search:-moz-placeholder {
    color: #adadad;
    font-family: hind, sans-serif
}

.select_list .select_wrap .input_search:-ms-input-placeholder {
    color: #adadad;
    font-family: hind, sans-serif
}

.select_list .select_item {
    font-size: 15px;
    margin: 10px -11px 0;
    max-height: 432px;
    overflow-y: auto
}

.select_list .select_item li button {
    font-size: 15px;
    line-height: 26px;
    overflow: hidden;
    padding: 6px 11px 4px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.select_list .select_item .selected button, .select_list .select_item li button:focus, .select_list .select_item li button:hover {
    background: #f5f5f5
}

.ads_client .payment_wrap .tit {
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    padding-top: 60px
}

.ads_client .payment_wrap .dsc {
    font-size: 17px;
    line-height: 27px;
    margin-top: 10px
}

.ads_client .payment_wrap .dsc a {
    color: #3b6cef
}

.ads_client .payment_wrap .method_tit {
    display: block;
    font-size: 19px;
    font-weight: 500;
    margin-top: 50px
}

.ads_client .payment_wrap .method_dsc {
    font-size: 17px;
    line-height: 27px;
    margin-top: 10px
}

.ads_client .payment_wrap .dsc_warning {
    color: #e24e2c;
    font-size: 17px;
    line-height: 27px
}

.ads_client .payment_wrap .payment_list {
    margin-top: 24px
}

.ads_client .payment_list li {
    font-size: 15px;
    position: relative
}

.ads_client .payment_list li + li {
    margin-top: 22px
}

.ads_client .payment_list label {
    font-weight: 500
}

.ads_client .payment_list .input_radio:checked.input_radio:disabled + .lb_radio:before {
    background-position: -1015px -1013px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.ads_client .payment_list .primary_txt {
    color: #8c8c8c;
    font-size: 15px;
    line-height: 24px
}

.ads_client .payment_list .delete_btn {
    background-color: #ececec;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    height: 24px;
    margin-left: 8px;
    padding: 0 8px
}

.ads_client .connect_wrap {
    margin: 4px 0 0 35px
}

.ads_client .payment_wrap .lk_paypal {
    background-color: #14457a;
    border-radius: 27px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 33px;
    padding: 0 15px 0 38px;
    position: relative;
    vertical-align: top
}

.ads_client .payment_wrap .lk_paypal:before {
    background-position: -1300px -138px;
    background-repeat: no-repeat;
    content: "";
    height: 18px;
    left: 15px;
    position: absolute;
    top: 8px;
    width: 15px
}

.ads_client .payment_wrap .lk_patreon {
    background-color: #fb5a4a;
    border-radius: 27px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 33px;
    padding: 0 15px 0 38px;
    position: relative;
    vertical-align: top
}

.ads_client .payment_wrap .lk_patreon:before {
    background-position: -437px -1201px;
    background-repeat: no-repeat;
    content: "";
    height: 18px;
    left: 15px;
    position: absolute;
    top: 8px;
    width: 18px
}

.ads_client .connect_wrap .info {
    font-size: 15px;
    line-height: 33px;
    margin-left: 10px
}

.ads_client .connect_wrap .info a {
    color: #3b6cef;
    margin-left: 4px
}

.ads_client .learn_more_wrap {
    border-bottom: 1px solid #e0e0e0;
    padding: 50px 0 14px;
    text-align: right
}

.ads_client .lk_learn_more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 17px;
    line-height: 27px
}

.ads_client .lk_learn_more:after {
    background-position: -532px -1071px;
    background-repeat: no-repeat;
    content: "";
    height: 13px;
    width: 10px
}

.ads_client .basic_info_wrap strong {
    font-weight: 400
}

.ads_client .basic_info_wrap .tit {
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    margin-top: 50px
}

.ads_client .basic_info_wrap .dsc {
    font-size: 17px;
    line-height: 27px;
    margin-top: 10px
}

.ads_client .basic_info_wrap .biz_type_area {
    font-size: 17px;
    margin-top: 50px;
    position: relative
}

.ads_client .basic_info_wrap .input_area {
    font-size: 17px;
    margin-top: 10px;
    position: relative
}

.ads_client .basic_info_wrap .biz_type_tit {
    display: inline-block;
    vertical-align: top;
    width: 132px
}

.es .ads_client .basic_info_wrap .biz_type_tit {
    width: 182px
}

.ads_client .basic_info_wrap .biz_info_tit {
    display: inline-block;
    font-size: 17px;
    line-height: 40px;
    vertical-align: top;
    width: 132px
}

.es .ads_client .basic_info_wrap .biz_info_tit {
    width: 182px
}

.ads_client .basic_info_wrap .sub_tit {
    display: block;
    font-size: 19px;
    font-weight: 500;
    margin-top: 50px
}

.ads_client .basic_info_wrap .biz_info_country {
    display: inline-block;
    line-height: 40px;
    margin-left: 30px;
    vertical-align: top
}

.ads_client .basic_info_wrap .biz_type_list {
    display: inline-block
}

.ads_client .basic_info_wrap .biz_type_list li {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.ads_client .basic_info_wrap .biz_type_list li + li {
    margin-left: 6px
}

.ads_client .input_area .input_radio:checked + .lb_radio:before {
    background-position: -1049px -1013px
}

.ads_client .basic_info_wrap .input_biz_name {
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    padding: 8px 11px 6px;
    width: 240px
}

.ads_client .basic_info_wrap .input_biz_name::-webkit-input-placeholder {
    color: #adadad
}

.ads_client .basic_info_wrap .input_biz_name::-moz-placeholder {
    color: #adadad
}

.ads_client .basic_info_wrap .input_biz_name:-ms-input-placeholder {
    color: #adadad
}

.ads_client .basic_info_wrap .input_biz_name::-ms-input-placeholder {
    color: #adadad
}

.ads_client .basic_info_wrap .input_biz_name::placeholder {
    color: #adadad
}

.ads_client .basic_info_wrap .input_biz_name.dsc_warning {
    border-color: #e24e2c
}

.ads_client .basic_info_wrap .input_biz_name:focus {
    border-color: #00dc64
}

.ads_client .basic_info_wrap .input_area .warning {
    color: #e24e2c;
    font-size: 13px;
    line-height: 21px;
    margin: 2px 0 0 136px
}

.es .ads_client .basic_info_wrap .input_area .warning {
    margin-left: 186px
}

.ads_client .basic_info_wrap .biz_country_wrap, .ads_client .basic_info_wrap .biz_info_wrap {
    display: inline-block;
    vertical-align: top
}

.ads_client .basic_info_wrap .biz_other_wrap {
    display: inline-block;
    margin-left: 2px;
    vertical-align: top
}

.ads_client .basic_info_wrap .biz_country_wrap .warning {
    margin-left: 209px !important
}

.ads_client .basic_info_wrap .biz_other_wrap .warning {
    margin-left: 0 !important
}

.ads_client .basic_info_wrap .select_list.sel_country_inco {
    margin-left: 7px
}

.ads_client .basic_info_wrap .input_biz_other {
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    padding: 8px 11px 6px;
    width: 240px
}

.ads_client .basic_info_wrap .input_biz_other.dsc_warning {
    border-color: #e24e2c
}

.ads_client .basic_info_wrap .input_biz_other:focus {
    border-color: #00dc64
}

.ads_client .basic_info_wrap .addr_wrap + .addr_wrap {
    margin-top: 7px
}

.ads_client .basic_info_wrap .input_addr {
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    padding: 8px 11px 6px;
    width: 973px
}

.es .ads_client .basic_info_wrap .input_addr {
    width: 923px
}

.ads_client .basic_info_wrap .input_addr::-moz-placeholder {
    color: #adadad;
    font-family: hind, sans-serif
}

.ads_client .basic_info_wrap .input_addr::-ms-input-placeholder {
    color: #adadad;
    font-family: hind, sans-serif
}

.ads_client .basic_info_wrap .input_addr::placeholder {
    color: #adadad;
    font-family: hind, sans-serif
}

.ads_client .basic_info_wrap .input_addr::-webkit-input-placeholder {
    color: #adadad;
    font-family: hind, sans-serif
}

.ads_client .basic_info_wrap .input_addr:-moz-placeholder {
    color: #adadad;
    font-family: hind, sans-serif
}

.ads_client .basic_info_wrap .input_addr:-ms-input-placeholder {
    color: #adadad;
    font-family: hind, sans-serif
}

.ads_client .basic_info_wrap .input_addr.dsc_warning {
    border-color: #e24e2c
}

.ads_client .basic_info_wrap .input_addr:focus {
    border-color: #00dc64
}

.ads_client .basic_info_wrap .addr_sub_wrap {
    margin: 6px 0 0 134px
}

.es .ads_client .basic_info_wrap .addr_sub_wrap {
    margin-left: 182px
}

.ads_client .basic_info_wrap .addr_sub_info {
    display: inline-block;
    margin-left: 3px;
    vertical-align: top;
    width: 238px
}

.ads_client .basic_info_wrap .addr_sub_info .biz_info_tit {
    font-size: 15px;
    line-height: 30px
}

.ads_client .basic_info_wrap .input_addr_sub {
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    padding: 8px 11px 6px;
    width: 238px
}

.ads_client .basic_info_wrap .input_addr_sub.dsc_warning {
    border-color: #e24e2c
}

.ads_client .basic_info_wrap .input_addr_sub:focus {
    border-color: #00dc64
}

.ads_client .basic_info_wrap .input_addr_sub::-moz-placeholder {
    color: #adadad;
    font-family: hind, sans-serif
}

.ads_client .basic_info_wrap .input_addr_sub::-ms-input-placeholder {
    color: #adadad;
    font-family: hind, sans-serif
}

.ads_client .basic_info_wrap .input_addr_sub::placeholder {
    color: #adadad;
    font-family: hind, sans-serif
}

.ads_client .basic_info_wrap .input_addr_sub::-webkit-input-placeholder {
    color: #adadad;
    font-family: hind, sans-serif
}

.ads_client .basic_info_wrap .input_addr_sub:-moz-placeholder {
    color: #adadad;
    font-family: hind, sans-serif
}

.ads_client .basic_info_wrap .input_addr_sub:-ms-input-placeholder {
    color: #adadad;
    font-family: hind, sans-serif
}

.ads_client .basic_info_wrap .addr_sub_info .warning {
    color: #e24e2c;
    font-size: 13px;
    line-height: 1.54;
    margin-top: 5px
}

.ads_client .basic_info_wrap .input_email {
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    padding: 8px 115px 6px 11px;
    width: 487px
}

.ads_client .basic_info_wrap .input_email.dsc_warning {
    border-color: #e24e2c
}

.ads_client .basic_info_wrap .input_email:focus {
    border-color: #00dc64
}

.ads_client .basic_info_wrap .email_wrap {
    display: inline-block;
    position: relative
}

.ads_client .basic_info_wrap .email_btn {
    background-color: #242424;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    min-width: 100px;
    padding: 0 10px;
    position: absolute;
    right: 4px;
    top: 4px
}

.ads_client .basic_info_wrap .email_btn.on {
    background-color: #00dc64
}

.ads_client .basic_info_wrap .email_btn:disabled {
    background-color: #ececec;
    border: 1px solid #e5e5e5;
    color: #adadad;
    cursor: auto
}

.ads_client .basic_info_wrap .email_dsc {
    color: #929292;
    font-size: 15px;
    line-height: 24px;
    margin: 4px 0 0 136px
}

.es .ads_client .basic_info_wrap .email_dsc {
    margin-left: 186px
}

.ads_client .tax_info_wrap .tit {
    font-size: 28px;
    font-weight: 500;
    margin-top: 50px
}

.ads_client .tax_info_wrap .dsc {
    font-size: 17px;
    line-height: 27px;
    margin-top: 10px
}

.ads_client .tax_info_wrap .sub_tit {
    display: block;
    font-size: 19px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 35px
}

.ads_client .tax_info_wrap .tax_id_wrap {
    margin-top: 7px
}

.ads_client .tax_info_wrap .input_tax_id {
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    padding: 8px 11px 6px;
    width: 240px
}

.ads_client .tax_info_wrap .input_tax_id.dsc_warning {
    border-color: #e24e2c
}

.ads_client .tax_info_wrap .input_tax_id:focus {
    border-color: #00dc64
}

.ads_client .tax_info_wrap .input_tax_id:disabled {
    background-color: #f5f5f5
}

.ads_client .tax_info_wrap .input_tax_id::-moz-placeholder {
    color: #bbb;
    font-family: hind, sans-serif
}

.ads_client .tax_info_wrap .input_tax_id::-ms-input-placeholder {
    color: #bbb;
    font-family: hind, sans-serif
}

.ads_client .tax_info_wrap .input_tax_id::placeholder {
    color: #bbb;
    font-family: hind, sans-serif
}

.ads_client .tax_info_wrap .input_tax_id::-webkit-input-placeholder {
    color: #bbb;
    font-family: hind, sans-serif
}

.ads_client .tax_info_wrap .input_tax_id:-moz-placeholder {
    color: #bbb;
    font-family: hind, sans-serif
}

.ads_client .tax_info_wrap .input_tax_id:-ms-input-placeholder {
    color: #bbb;
    font-family: hind, sans-serif
}

.ads_client .tax_info_wrap .legally_wrap {
    display: inline-block;
    font-size: 15px;
    margin-left: 9px;
    position: relative
}

.ads_client .tax_id_wrap .warning {
    margin-top: 2px
}

.ads_client .tax_info_wrap .btnarea_wrap {
    margin-top: 15px
}

.ads_client .tax_info_wrap .input_file_wrap {
    display: inline-block;
    height: 32px;
    margin-left: 2px;
    position: relative;
    vertical-align: top;
    width: 190px
}

.ads_client .tax_info_wrap input[type=file]:focus + .upload_btn {
    outline: 1px dotted #000
}

.ads_client .tax_info_wrap .warning {
    color: #e24e2c;
    font-size: 13px;
    line-height: 21px
}

.ads_client .tax_info_wrap .download_btn {
    background-color: #2f2f2f;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
    vertical-align: top;
    width: 190px
}

.ads_client .tax_info_wrap .download_btn.on {
    background-color: #00dc64
}

.ads_client .tax_info_wrap .upload_btn {
    background-color: #00dc64;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
    position: relative;
    text-align: center
}

.ads_client .tax_info_wrap input[type=file]:disabled + .download_btn {
    background-color: red
}

.ads_client .tax_info_wrap input[type=file]:disabled + .upload_btn {
    background-color: #ececec;
    border: 1px solid #e5e5e5;
    color: #a7a7a7;
    cursor: default;
    line-height: 30px
}

.ads_client .tax_info_wrap .btnarea_wrap .warning {
    display: inline-block;
    margin: 5px 0 0 7px;
    vertical-align: top
}

.ads_client .tax_info_wrap .file_wrap {
    display: inline-block;
    margin: -2px 0 -7px 7px;
    padding-right: 12px;
    position: relative;
    vertical-align: top
}

.ads_client .tax_info_wrap .file_tit {
    font-size: 13px;
    line-height: 21px
}

.ads_client .tax_info_wrap .delete_btn {
    background: none;
    color: transparent;
    cursor: pointer;
    height: 9px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 4px;
    width: 9px
}

.ads_client .tax_info_wrap .delete_btn:after, .ads_client .tax_info_wrap .delete_btn:before {
    background-color: #000;
    content: " ";
    height: 10px;
    left: 4px;
    position: absolute;
    top: -1px;
    width: 1px
}

.ads_client .tax_info_wrap .delete_btn:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ads_client .tax_info_wrap .delete_btn:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ads_client .tax_info_wrap .file_day {
    color: #adadad;
    font-size: 12px;
    line-height: 20px;
    margin-top: -3px
}

.ads_client .tax_info_wrap .file_dsc {
    color: #8c8c8c;
    font-size: 15px;
    line-height: 24px;
    margin-top: 15px
}

.ads_client .agree_wrap {
    font-size: 15px;
    line-height: 30px;
    margin-top: 16px;
    position: relative
}

.ads_client .agree_wrap .warning {
    color: #e24e2c;
    margin-left: 4px
}

.ads_client .agree_wrap p {
    color: #8c8c8c;
    margin-top: 16px
}

.ads_client .agree_wrap a {
    color: #3b6cef
}

.ads_client .btnarea {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 50px
}

.ads_client .btnarea .btn_type9 {
    min-width: 94px
}

.ads_client .btnarea .btn_type9.disabled span {
    filter: alpha(opacity=50);
    opacity: .5
}

.ads_client .btnarea a:disabled {
    opacity: .5
}

.ads_client .btn_type1 {
    position: absolute;
    right: 0;
    top: 20px
}

.ads_client .btn_type1 .ico_arr13 {
    margin: -2px 10px 0 0;
    vertical-align: middle
}

.ads_client_confirm_wrap {
    min-height: 600px
}

.ads_client_confirm_wrap .ads_confirm {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.ads_client_confirm_wrap .logo_wrap {
    display: block;
    margin: 0 auto
}

.ads_client_confirm_wrap .btn_logo {
    background-position: -1136px -268px;
    background-repeat: no-repeat;
    height: 95px;
    width: 100px
}

.ads_client_confirm_wrap .tit {
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    margin-top: 24px
}

.ads_client_confirm_wrap .dsc {
    font-size: 17px;
    line-height: 27px;
    margin-top: 10px
}

.ads_client_confirm_wrap .btnwrap {
    margin-top: 40px
}

.ads_client_confirm_wrap .btnwrap .btn_type9 {
    min-width: 94px
}

.super_like .current_section {
    width: 490px
}

.super_like .current_section .cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 43px 20px
}

.super_like .current_section .val_area {
    font-weight: 500;
    line-height: 72px;
    margin: 0;
    width: auto
}

.super_like .current_section .val_area + .lk_history {
    margin-top: 0
}

.super_like .current_section .super_like_count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ff3f78;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    line-height: 27px;
    margin-top: -4px
}

.super_like .current_section .super_like_count:before {
    background-position: -1233px -387px;
    background-repeat: no-repeat;
    content: "";
    height: 22px;
    width: 23px
}

.super_like .current_section .lk_history {
    color: #00dc64;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 27px;
    margin-top: 9px
}

.super_like .current_section .lk_history .ico_history {
    margin: 3px 6px 0 0
}

.super_like .payment_section {
    width: 610px
}

.super_like .payment_section .cont {
    padding: 41px 60px 39px
}

.super_like .payment_section .available {
    font-size: 19px;
    font-weight: 500
}

.super_like .payment_section .lk_more {
    right: 60px
}

.super_like .text_no_superlike {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    line-height: 24px;
    row-gap: 10px;
    text-align: center
}

.super_like .text_no_superlike strong {
    font-size: 23px;
    font-weight: 500;
    line-height: 28px
}

.super_like .text_no_superlike.v2 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: auto
}

.super_like .text_no_superlike.v2 strong {
    font-size: 19px;
    line-height: 30px
}

.super_like .activate_section .title ~ .title {
    margin-top: 50px
}

.super_like .activate_section .title + .table_ads {
    margin-top: 10px
}

.super_like .activate_section .decimal li {
    padding-left: 26px;
    position: relative
}

.super_like .activate_section .decimal li:before {
    background: #000;
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 11px;
    position: absolute;
    top: 9px;
    width: 5px
}

.super_like .table_ads th:first-child {
    padding-left: 38px
}

.super_like .table_ads td:last-child {
    padding: 14px 38px 14px 10px
}

.super_like .table_ads td.nodata {
    display: table-cell;
    padding: 14px 0;
    text-align: center
}

.super_like .table_ads tbody tr.total {
    border-top-width: 10px
}

.super_like .table_ads .text1 {
    font-size: 15px
}

.super_like .table_ads .text2 {
    color: #00dc64;
    font-size: 15px
}

.super_like .table_ads .text3 {
    color: #adadad;
    font-size: 15px
}

.super_like .table_ads a {
    position: relative
}

.super_like .table_ads a:after {
    border-bottom-color: inherit;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    bottom: 6px;
    content: "";
    left: 0;
    position: absolute;
    right: 0
}

.super_like .table_ads .ico_superlike_off, .super_like .table_ads .ico_superlike_off2, .super_like .table_ads .ico_superlike_on {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 6px
}

.super_like .table_ads .btn_type11 {
    margin: 0
}

.super_like .table_ads .btn_type11.punishment {
    background: #e24e2c
}

.super_like .table_ads.type_scroll {
    border-collapse: separate;
    margin-top: 0
}

.super_like .table_ads.type_scroll tr {
    border-top: 0
}

.super_like .table_ads.type_scroll td {
    border-top: 1px solid #f5f5f5
}

.super_like .table_ads.type_scroll thead {
    background: #f5f5f5;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10
}

.super_like .table_ads.type_scroll thead tr {
    border-top: 0
}

.super_like .table_ads.type_scroll thead th {
    border-top: 1px solid #ddd
}

.super_like .table_ads.type_scroll tbody {
    max-height: 558px
}

.super_like .table_ads.type_scroll tfoot {
    background: #fff;
    bottom: 0;
    position: -webkit-sticky;
    position: sticky
}

.super_like .table_ads.type_scroll tfoot tr.total td {
    border-top-width: 10px
}

.scroll_cont {
    margin-top: 10px;
    max-height: 680px;
    overflow-y: auto;
    position: relative
}

.super_like_banner {
    background: #242424
}

.super_like_banner .inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    height: 65px;
    margin: 0 auto;
    position: relative;
    width: 1120px
}

.super_like_banner .ico_detail_info {
    margin-right: 8px
}

.super_like_banner .lk_close {
    line-height: 18px;
    padding: 10px;
    position: absolute;
    right: -10px;
    top: 14px
}

.ly_superlike {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px;
    width: 480px
}

.ly_superlike .title {
    word-wrap: break-word;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 30px
}

.ly_superlike .text {
    font-size: 17px;
    line-height: 27px
}

.ly_superlike .text .point {
    word-wrap: break-word;
    color: #00dc64
}

.ly_superlike .text .spot {
    color: #e24e2c
}

.ly_superlike .text .link {
    color: #3b6cef
}

.ly_superlike .text + .text {
    margin-top: 10px
}

.ly_superlike .input_area {
    display: inline-block;
    font-size: 15px;
    margin-top: 10px;
    position: relative;
    vertical-align: top
}

.ly_superlike_history {
    height: 100%;
    padding: 50px;
    width: 1000px
}

.ly_superlike_history .select_area {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    margin-top: 20px
}

.ly_superlike_history .select_area, .ly_superlike_history .select_area .select_group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ly_superlike_history .select_area .select_group {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.ly_superlike_history .select_area .select_group:first-of-type .select_list {
    width: 244px
}

.ly_superlike_history .select_area .select_group:first-of-type .select_item {
    max-height: 144px
}

.ly_superlike_history .select_area .select_group:nth-of-type(2) .select_list {
    width: 178px
}

.ly_superlike_history .select_area .select_group:nth-of-type(2) .select_item {
    max-height: 180px
}

.ly_superlike_history .select_area .text {
    font-size: 17px;
    line-height: 27px
}

.ly_superlike_history .select_area .updated {
    color: #8c8c8c;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    margin-left: auto
}

.ly_superlike_history .content_area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100% - 54px);
    margin: 14px -50px 0;
    overflow-y: auto;
    padding: 0 50px 50px
}

.ly_superlike_history .sub_title {
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    margin-top: 35px;
    padding-bottom: 10px;
    text-align: left
}

.ly_superlike_history .sub_title.v2 {
    position: relative
}

.ly_superlike_history .sub_title.v2:after {
    background: #e0e0e0;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 10
}

.ly_superlike_history .super_like_count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ff3f78;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    line-height: 27px;
    margin-top: 1px
}

.ly_superlike_history .super_like_count:before {
    background-position: -1233px -387px;
    background-repeat: no-repeat;
    content: "";
    height: 22px;
    width: 23px
}

.ly_superlike_history .monthly_est_revenue {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 200px;
    justify-content: center
}

.ly_superlike_history .monthly_est_revenue .text {
    font-size: 17px;
    line-height: 27px
}

.ly_superlike_history .monthly_est_revenue .text .ico_info4 {
    margin: 2px 0 0 5px
}

.ly_superlike_history .monthly_est_revenue .revenue {
    font-size: 60px;
    font-weight: 500;
    line-height: 72px;
    margin-top: 4px
}

.ly_superlike_history .list_supportes {
    -webkit-column-gap: 11px;
    -moz-column-gap: 11px;
    column-gap: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ly_superlike_history .list_supportes .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    align-items: center;
    background: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 120px;
    justify-content: center;
    position: relative
}

.ly_superlike_history .list_supportes .ranking {
    height: 38px;
    left: 0;
    position: absolute;
    top: 0;
    width: 38px
}

.ly_superlike_history .list_supportes .ranking .number {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    left: 8px;
    line-height: 24px;
    position: absolute;
    top: 1px;
    z-index: 10
}

.ly_superlike_history .list_supportes .ranking:before {
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 38px 38px 0 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0
}

.ly_superlike_history .list_supportes .text {
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ly_superlike_history .list_supportes .super_like_count {
    margin-top: -1px
}

.ly_superlike_history .no_data {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f5f5f5;
    color: #8c8c8c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    height: calc(100% - 78px);
    justify-content: center
}

.input_txt {
    background: #fff;
    border: 1px solid #e0e0e0 !important;
    color: #000;
    font-size: 16px;
    height: 39px;
    line-height: 39px;
    padding: 0 24px
}

.input_txt:focus {
    border: 1px solid #00dc64 !important
}

.txtarea {
    background: #fff;
    border: 1px solid #e0e0e0 !important;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    padding: 0 28px;
    vertical-align: top
}

.txtarea:focus {
    border: 1px solid #00dc64 !important
}

.publish_tab {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.publish_tab li.on .ico_pub01 {
    background-position: -928px -1110px
}

.publish_tab li.on .ico_pub02 {
    background-position: -1045px -1110px
}

.publish_tab li.arr {
    margin: 0 45px
}

.publish_tab a {
    display: block;
    font-size: 16px;
    height: 67px;
    line-height: 72px
}

.publish_tab span {
    margin: -4px 11px 0 0;
    vertical-align: middle !important
}

.publish_tab span.ico_pub_arr {
    margin: 0
}

.publish_wrap {
    margin: 0 auto;
    padding: 40px 0 175px;
    position: relative;
    width: 1110px
}

.publish_wrap:after {
    clear: both;
    content: "";
    display: block
}

.publish_thumb_area {
    float: left;
    padding-right: 78px;
    width: 216px
}

.publish_thumb_area.v2 {
    width: 216px
}

.publish_thumb_area .thumb_wrap + .thumb_wrap {
    margin-top: 30px
}

.publish_thumb_area .guideline {
    background-position: -1093px -874px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    margin: 0 0 5px 4px;
    vertical-align: middle;
    width: 18px
}

.publish_thumb_area .publish_title {
    display: inline-block;
    padding-bottom: 6px
}

.de .publish_thumb_area .publish_title {
    font-size: 17px
}

.publish_title {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    margin-top: 30px;
    padding-bottom: 4px;
    position: relative;
    z-index: 20
}

h2.publish_title {
    font-size: 24px;
    margin-top: 50px
}

.publish_title:first-child {
    margin-top: 0
}

.publish_title.v2 {
    margin-top: 6px
}

.publish_title .option {
    color: #bababa;
    font-size: 15px
}

.publish_title_content {
    color: #00dc64;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 20px;
    padding-left: 294px
}

.publish_title_keep {
    color: #00dc64;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    padding: 30px 0 3px
}

.publish_form_wrap {
    position: relative
}

.publish_form_wrap:after {
    clear: both;
    content: "";
    display: block
}

.publish_form_wrap .publish_form_right {
    left: 230px;
    position: absolute;
    top: 0
}

.publish_form_wrap .publish_form_right.v2 {
    left: 228px
}

.publish_form_wrap .publish_sub_tit {
    color: #929292;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin: -1px 0 0 5px;
    vertical-align: top
}

.publish_form_wrap .publish_form {
    float: left;
    width: 262px
}

.publish_form_wrap .publish_form + .publish_form {
    margin-left: 15px
}

.publish_form_wrap.v2 .publish_form {
    width: 202px
}

.publish_form_wrap.v2 .publish_form + .publish_form {
    margin-left: 28px
}

.publish_form_wrap.v3 .publish_form {
    margin-left: 3px;
    width: 180px
}

.publish_form_wrap.v3 .publish_form:first-child {
    margin: 0 10px 0 0;
    width: 174px
}

.publish_thumb_info {
    color: #8c8c8c;
    font-size: 15px;
    letter-spacing: -.56px;
    line-height: 22px;
    margin-top: 15px
}

.publish_thumb_info .text {
    display: block
}

.publish_thumb_info.v2 {
    color: #8c8c8c;
    font-size: 15px;
    letter-spacing: -.19px;
    line-height: 22px
}

.publish_thumb_info.alert em {
    color: #e24e2c
}

.publish_thumb_info .caution {
    color: #e24e2c;
    display: inline-block;
    font-size: 14px;
    line-height: 23px;
    margin-top: -3px;
    position: relative;
    vertical-align: middle
}

.publish_thumb_info .caution:hover .ly_episode_info {
    display: block
}

.publish_thumb_info .caution .ly_episode_info {
    left: -20px;
    top: 30px
}

.publish_thumb_info .caution .ly_episode_info:before {
    left: 28px
}

.publish_thumb_info .caution .icon_caution {
    border: 1px solid #e24e2c;
    border-radius: 50%;
    display: inline-block;
    height: 14px;
    margin: -2px 4px 0 0;
    vertical-align: middle;
    width: 14px
}

.publish_thumb_info .caution .icon_caution:before {
    background: #e24e2c;
    border-radius: 50%;
    content: "";
    display: block;
    height: 2px;
    margin: 3px auto 0;
    width: 2px
}

.publish_thumb_info .caution .icon_caution:after {
    background: #e24e2c;
    content: "";
    display: block;
    height: 5px;
    margin: 1px auto 0;
    width: 2px
}

.publish_form_area {
    float: left;
    width: 816px
}

.publish_form_select {
    margin-top: 2px;
    min-height: 41px;
    position: relative;
    z-index: 30
}

.select1 {
    background: #fff;
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.select1 .selected {
    background: inherit;
    cursor: pointer;
    font-size: 16px;
    height: 39px;
    line-height: 43px;
    padding-left: 23px;
    position: relative;
    text-align: left;
    width: 100%
}

.select1 .selected:after {
    background-position: -270px -1201px;
    background-repeat: no-repeat;
    content: "";
    height: 20px;
    position: absolute;
    right: 9px;
    top: 10px;
    width: 20px
}

.select1 .selected[aria-expanded=true]:after {
    background-position: -318px -1201px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px
}

.select1 .selected[aria-expanded=true] + .ly_select {
    display: block
}

.select1 .ly_select {
    border-top: 1px solid #f8f8f8;
    display: none;
    margin-top: 1px
}

.select1 .ly_select button {
    background: inherit;
    color: #8c8c8c;
    cursor: pointer;
    font-size: 16px;
    height: 39px;
    line-height: 40px;
    padding-left: 23px;
    text-align: left;
    width: 100%
}

.select1 .ly_select button:hover {
    background: #f8f8f8
}

.select1 .ly_select button:disabled {
    filter: alpha(opacity=40);
    opacity: .4
}

.publish_select_list {
    margin-top: 30px
}

.publish_select_list + .publish_chk_wrap {
    border-top: 1px solid #e5e5e5;
    margin-top: 60px;
    padding-top: 51px
}

.publish_select_list ~ .publish_form_btn {
    margin-top: 73px
}

.publish_select_list .publish_select_item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.publish_select_list .publish_select_item + .publish_select_item {
    margin-top: 16px
}

.publish_select_list .select_label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 17px;
    margin-right: 22px;
    width: 225px
}

.publish_select_list .select_wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 42px;
    position: relative
}

.publish_select_list .select_area {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.publish_select_list .select_area .btn_select {
    background: #fff;
    border: 1px solid #e0e0e0;
    color: #bbb;
    cursor: pointer;
    font-size: 15px;
    line-height: 24px;
    overflow: hidden;
    padding: 8px 40px 8px 14px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.publish_select_list .select_area .btn_select[aria-expanded=true] {
    border-color: #00dc64
}

.publish_select_list .select_area .btn_select[aria-expanded=true]:after {
    background-position: -318px -1201px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px
}

.publish_select_list .select_area .btn_select[aria-expanded=true] + .ly_select {
    border-color: #00dc64;
    display: block
}

.publish_select_list .select_area .btn_select:after {
    background-position: -270px -1201px;
    background-repeat: no-repeat;
    content: "";
    height: 20px;
    position: absolute;
    right: 9px;
    top: 10px;
    width: 20px
}

.publish_select_list .select_area .btn_select.is_selected {
    color: #000
}

.publish_select_list .select_area .btn_select.type_new {
    border-color: #00dc64
}

.publish_select_list .select_area .ly_select {
    border: 1px solid #e5e5e5;
    display: none;
    margin-top: -1px;
    position: relative;
    z-index: 30
}

.publish_select_list .select_area .ly_select:before {
    background-color: #fff;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: -1px
}

.publish_select_list .select_area .ly_select .option {
    background: #fff;
    color: #bbb;
    cursor: pointer;
    font-size: 15px;
    line-height: 24px;
    padding: 8px 40px 8px 14px;
    text-align: left;
    width: 100%
}

.publish_select_list .select_area .ly_select .option:hover {
    color: #000
}

.submit_contest .dsc {
    color: #00dc64
}

.submit_contest .ly_area {
    filter: alpha(opacity=95);
    left: -51px;
    opacity: .95;
    padding: 20px 16px 16px;
    top: -139px
}

.submit_contest .ly_area h4 {
    font-size: 15px;
    font-weight: 500;
    line-height: 16px
}

.submit_contest .ly_area .subj {
    color: #878787;
    font-size: 14px;
    line-height: 15px;
    margin: 10px 0 2px
}

.submit_contest .ly_area .lk_contest_info {
    border-bottom: 1px solid #000;
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 13px;
    text-decoration: none
}

.submit_contest .ly_area .ico_arr.dn {
    background-position: -547px -1201px;
    background-repeat: no-repeat;
    bottom: -16px;
    height: 16px;
    height: 16px !important;
    left: 54px;
    position: absolute;
    width: 20px;
    width: 20px !important
}

.submit_contest .ly_area .ico_arr22 {
    margin: 3px 0 0 4px
}

.submit_contest .ly_area .ly_close {
    height: 19px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 19px
}

.submit_contest .ly_area .btn_close {
    background-position: -1300px -743px;
    background-repeat: no-repeat;
    height: 11px;
    margin: 4px 0 0 4px;
    width: 11px
}

.publish_form_input {
    margin-top: 4px;
    position: relative;
    z-index: 10
}

.publish_form_input + .publish_form_input {
    margin-top: 15px
}

.publish_form_input .input_txt {
    width: 766px
}

.publish_form_input .input_txt.v2 {
    padding-right: 65px;
    width: 725px
}

.publish_form_input .input_txt.v3 {
    width: 142px
}

.publish_form_input .input_txt.v4 {
    width: 262px
}

.publish_form_input .placeholder {
    color: #bbb;
    font-size: 16px;
    left: 24px;
    line-height: 18px;
    position: absolute;
    top: 13px;
    z-index: 10
}

.publish_form_input .placeholder.v2 {
    top: 18px
}

.publish_form_input .placeholder.v3 {
    top: 22px
}

.publish_form_input .txtarea {
    height: 203px;
    overflow: hidden;
    padding: 14px 24px;
    width: 766px
}

.publish_form_input .txtarea.v2 {
    height: 74px;
    padding: 22px 28px
}

.publish_form_input .txtarea.creatorstxt {
    height: 58px;
    width: 766px
}

.publish_form_input .file_size {
    color: #616161;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    position: absolute;
    right: 0;
    top: 19px
}

.publish_form_input .lk_verification {
    background: #000;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    height: 41px;
    line-height: 43px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 116px;
    z-index: 10
}

.publish_form_input .lk_verification.on {
    background: #00dc64
}

.publish_form_input .lk_verification:disabled {
    background: #b4b4b4;
    cursor: auto
}

.publish_form_input .lk_verification span {
    vertical-align: middle
}

.publish_form_input.episode_title .input_txt {
    padding: 0 24px 0 106px;
    width: 684px
}

.publish_form_input.episode_title .placeholder {
    left: 107px
}

.publish_form_input.episode_title .episode_num {
    border-right: 1px solid #b4b4b4;
    color: #000;
    font-size: 16px;
    height: 41px;
    left: 0;
    line-height: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 86px
}

.publish_form_input.episode_title .episode_num.v2 {
    width: 76px
}

.publish_form_filelist {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    height: 461px;
    margin-top: 9px;
    padding: 18px 0 18px 14px;
    position: relative;
    width: 800px
}

.publish_form_filelist .filelist_dsc {
    color: #000;
    filter: alpha(opacity=80);
    font-size: 16px;
    font-weight: 500;
    left: 0;
    line-height: 18px;
    opacity: .8;
    position: absolute;
    text-align: center;
    top: 239px;
    width: 100%;
    z-index: 10
}

.publish_form_filelist .imgfile_list:after {
    clear: both;
    content: "";
    display: block
}

.publish_form_filelist .imgfile_list li {
    float: left;
    font-weight: 500;
    margin: 0 14px 9px 0;
    padding-top: 9px;
    position: relative
}

.publish_form_filelist .imgfile_item {
    cursor: move;
    height: 212px;
    overflow: hidden;
    position: relative;
    width: 142px
}

.publish_form_filelist .imgfile_item .pic {
    display: block;
    height: 176px;
    overflow: hidden
}

.publish_form_filelist .imgfile_item .subj {
    background: #fff;
    border-top: 1px solid #f8f8f8;
    font-size: 14px;
    height: 35px;
    letter-spacing: -.44px;
    line-height: 36px;
    padding: 0 9px
}

.publish_form_filelist li.move {
    z-index: 10
}

.publish_form_filelist .imgfile_skin {
    background: transparent;
    border: 1px solid #c9c9c9;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.publish_form_filelist .move .imgfile_skin {
    border: 3px solid #00dc64
}

.publish_form_filelist .imgfile_list.moving li {
    filter: alpha(opacity=30);
    opacity: .3
}

.publish_form_filelist .imgfile_list.moving li.move {
    filter: alpha(opacity=100);
    opacity: 1
}

.publish_form_filelist .imgfile_list .btn_delete5 {
    position: absolute;
    right: -8px;
    top: 0
}

.publish_form_filelist .imgfile_list.moving .btn_delete5 {
    display: none
}

.publish_form_filelist .imgfile_list.moving .move_bar {
    background: #00dc64;
    border-radius: 7px;
    filter: alpha(opacity=100);
    height: 206px;
    margin: 6px 4px 0 -8px;
    opacity: 1;
    width: 3px
}

.publish_form_filelist .imgfile_list.moving .move_bar.v2 {
    clear: both
}

.publish_form_btn {
    zoom: 1;
    margin-top: 30px;
    position: relative
}

.publish_form_btn.v2 {
    margin-top: 0
}

.publish_form_btn.v3 {
    border-top: 1px solid #d4d4d4;
    margin-top: 27px;
    padding-top: 50px
}

.publish_form_btn.v3 .btn_type7 {
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    min-width: 83px;
    padding: 0 40px
}

.publish_form_btn.v3 .btn_type7.disabled {
    background-color: #ececec;
    border: 1px solid #e5e5e5;
    color: #a7a7a7;
    cursor: default;
    height: 46px;
    line-height: 46px
}

.publish_form_btn.v3 .btn_type7:first-child {
    min-width: 120px
}

.publish_form_btn:after {
    clear: both;
    content: "";
    display: block
}

.publish_form_btn a {
    float: left;
    margin-left: 10px
}

.publish_form_btn a:first-child {
    margin: 0
}

.publish_form_btn .btn_preview {
    background: #7e7e7e;
    border-radius: 18px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 128px
}

.publish_form_btn .btn_preview.v2 {
    width: 152px
}

.publish_form_btn .bar {
    background: #dbdbdb;
    float: left;
    height: 23px;
    margin: 10px 0 0 10px
}

.publish_form_btn .txt_btn_createseries {
    margin-bottom: 59px
}

.publish_form_btn .ly_episode_notice_wrap {
    float: left;
    margin-left: 16px;
    position: relative;
    top: -10px
}

.publish_form_dsc {
    color: #9e9e9e;
    font-size: 15px;
    line-height: 20px;
    margin: 13px 0 -6px
}

.publish_form_dsc.v2 {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-top: 17px
}

.publish_form_dsc2 {
    color: #929292;
    font-size: 15px;
    line-height: 22px;
    padding-top: 15px
}

.publish_form_dsc2 .caution {
    color: #ff5039
}

.publish_form_dsc2 + .publish_title_keep {
    border-top: 1px solid #e5e5e5;
    margin-top: 64px;
    padding-top: 64px
}

.publish_form_dsc2 + .publish_chk_wrap {
    border-top: 1px solid #e5e5e5;
    margin-top: 64px;
    padding-top: 46px
}

.publish_form_dsc3 {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: -6px;
    padding: 18px 0 0 40px;
    position: relative;
    white-space: nowrap
}

.publish_form_dsc3 a {
    color: #3b6cef
}

.publish_form_dsc3 .chk_area {
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.publish_form_dsc3 .emp {
    color: #e24e2c
}

.publish_form_dsc3 img {
    vertical-align: middle
}

.publish_form_dsc3.v2 {
    border-top: 1px solid #e5e5e5;
    margin-top: 40px
}

.publish_form_dsc3 .sub_dsc {
    font-family: hind, simhei, verdana, Helvetica, sans-serif
}

.publish_form_dsc3 + .publish_form_dsc3, .publish_form_dsc3.submit_contest {
    margin-top: 8px
}

.publish_form_dsc4 {
    font-size: 16px;
    letter-spacing: -.4px;
    line-height: 24px;
    margin-top: 2px
}

.publish_form_dsc4 a {
    color: #3b6cef
}

.publish_form_dsc4 strong {
    color: #00dc64;
    font-weight: 400
}

.publish_help {
    border-bottom: 1px solid #eaeaea;
    font-size: 18px;
    height: 53px;
    line-height: 55px
}

.publish_help .publish_help_inner {
    margin: 0 auto;
    position: relative;
    width: 1200px
}

.publish_help .icon_help {
    background: #00dc64;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 28px;
    line-height: 30px;
    margin: 12px 15px 0 0;
    padding: 0 12px;
    text-align: center;
    vertical-align: top
}

.publish_help .subj {
    display: inline-block;
    max-width: 700px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.es .publish_help .subj {
    max-width: 530px
}

.publish_help .lk_area {
    position: absolute;
    right: 0;
    top: 0
}

.publish_help .lk_area a {
    color: #878787
}

.publish_help .lk_area a:hover {
    color: #00dc64
}

.publish_help .lk_area a:hover .ico_arr20 {
    background-position: -1300px -1053px
}

.publish_help .ico_arr20 {
    margin: 21px 0 0 10px
}

.publish_help .bar {
    height: 17px;
    margin: 19px 16px 0
}

.publish_ly_wrap {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.publish_ly_wrap .ico_info5 {
    margin-top: 5px
}

.publish_ly_wrap .ly_info {
    background-color: #000;
    border-radius: 8px;
    color: #fff;
    display: none;
    font-size: 15px;
    font-weight: 500;
    left: 36px;
    line-height: normal;
    padding: 19px 20px 18px;
    position: absolute;
    top: -18px;
    width: 285px;
    z-index: 1
}

.publish_ly_wrap .ly_info:after {
    border-bottom: 8px solid transparent;
    border-right: 10px solid #000;
    border-top: 8px solid transparent;
    content: "";
    left: -10px;
    position: absolute;
    top: 23px
}

.publish_ly_wrap .ly_info .des {
    margin-top: 7px
}

.publish_ly_wrap .ly_info a {
    color: #3b6cef
}

.publish_ly_wrap .ly_info .btnclose {
    background: none;
    color: transparent;
    cursor: pointer;
    height: 19px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 11px;
    width: 19px
}

.publish_ly_wrap .ly_info .btnclose:after, .publish_ly_wrap .ly_info .btnclose:before {
    background-color: #fff;
    content: " ";
    height: 17px;
    left: 9px;
    position: absolute;
    top: 1px;
    width: 1px
}

.publish_ly_wrap .ly_info .btnclose:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.publish_ly_wrap .ly_info .btnclose:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.series_lst_dsc {
    color: #8c8c8c;
    font-size: 16px;
    line-height: 20px;
    padding: 24px 0 0 15px
}

.ly_progress_dim {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 990
}

.ly_progress_dim.on {
    display: block
}

.ly_progress_dim .bg {
    background: #000;
    filter: alpha(opacity=20);
    height: 100%;
    left: 0;
    opacity: .2;
    position: absolute;
    top: 0;
    width: 100%
}

.ly_account, .ly_publish {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 220px;
    min-width: 360px;
    padding: 64px 48px 50px
}

.ly_publish.v2 {
    min-height: 0;
    padding: 28px 20px 27px
}

.ly_publish.v3 {
    min-width: 410px
}

.ly_account p, .ly_publish p {
    font-size: 17px;
    line-height: 25px
}

.ly_publish p em {
    color: #00dc64
}

.ly_publish p a {
    color: #3b6cef
}

.ly_account p.btnarea, .ly_publish p.btnarea {
    margin-top: 30px
}

.ly_account p.btnarea .btn1, .ly_publish p.btnarea .btn1 {
    background: #242424;
    border-radius: 24px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 152px
}

.ly_publish p.btnarea .btn1.v2 {
    background: #a6a6a6;
    vertical-align: middle
}

.ly_publish p.btnarea .btn1 + .btn1, .ly_publish p.btnarea .btn1 + .btn1.v2 {
    margin-left: 10px
}

.ly_publish p.progress {
    margin-top: 12px
}

.ly_publish p.progress .progress_bar {
    background: #e0e0e0;
    border-radius: 2px;
    display: inline-block;
    height: 5px;
    vertical-align: middle;
    width: 225px
}

.ly_publish p.progress .progress_bar span {
    background: #00dc64;
    border-radius: 2px;
    display: block;
    height: 100%
}

.ly_publish p.progress .num {
    color: #9c9c9c;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    margin: 4px 0 0 6px;
    vertical-align: middle
}

.ly_publish p.progress .num strong {
    color: #000;
    font-weight: 400
}

.ly_publish p.dsc1 {
    color: #868686;
    font-size: 15px;
    line-height: 24px;
    margin-top: 10px
}

.ly_publish .lk_patron {
    text-decoration: underline
}

.ly_guideline {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 90vh;
    overflow: auto;
    padding: 43px 50px;
    position: relative;
    text-align: left;
    width: 836px
}

.ly_guideline .guideline_title {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 30px
}

.ly_guideline .guideline_info {
    font-size: 17px;
    letter-spacing: -.1px;
    line-height: 25px;
    margin: 8px 0 35px
}

.ly_guideline .guideline_case_wrap {
    border-top: 1px solid #e5e5e5;
    padding-top: 35px
}

.ly_guideline .thumbnail_title {
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -.11px;
    line-height: 25px
}

.ly_guideline .thumbnail_info {
    font-size: 17px;
    line-height: 27px;
    margin-top: 3px
}

.ly_guideline .thumbnail_info em {
    color: #e24e2c;
    font-weight: 500
}

.ly_guideline .thumbnail_info a {
    color: #3b6cef;
    font-size: 15px;
    margin-left: 5px;
    text-decoration: underline
}

.ly_guideline .guideline_list {
    margin-top: 35px
}

.ly_guideline .guideline_list .item + .item {
    margin-top: 10px
}

.ly_guideline .guideline_list .guide {
    font-size: 17px;
    line-height: 27px;
    padding-left: 32px;
    position: relative
}

.ly_guideline .guideline_list .guide_title {
    font-weight: 500
}

.ly_guideline .guideline_list .number {
    background-color: #242424;
    border-radius: 11px;
    color: #fff;
    font-size: 14px;
    height: 22px;
    left: 0;
    line-height: 24px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 22px
}

.ly_guideline .guide_sample {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline.png) no-repeat 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
    padding-bottom: 25px
}

body.id .ly_guideline .guide_sample {
    background-image: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_id.png)
}

body.th .ly_guideline .guide_sample {
    background-image: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_th.png)
}

body.tw .ly_guideline .guide_sample {
    background-image: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_tw.png)
}

body.es .ly_guideline .guide_sample {
    background-image: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_es.png)
}

.ly_guideline .guide_sample:after {
    clear: both;
    content: "";
    display: block
}

.ly_guideline .guide_sample .sample_item {
    color: #8c8c8c;
    font-size: 15px;
    letter-spacing: -.56px;
    line-height: 22px;
    padding-top: 263px;
    position: relative;
    width: 216px
}

.ly_guideline .guide_sample .sample_item:nth-child(2) {
    margin-left: 20px
}

.ly_guideline .guide_sample .sample_item:nth-child(3) {
    color: #e24e2c;
    margin-left: 50px
}

.ly_guideline .show_area {
    color: #fff;
    position: absolute;
    text-align: center
}

.ly_guideline .show_area.main {
    left: 112px;
    right: 0;
    top: 61px
}

body.id .ly_guideline .show_area.main, body.th .ly_guideline .show_area.main, body.tw .ly_guideline .show_area.main {
    left: 57px
}

.ly_guideline .show_area.crop {
    color: #3b6cef;
    right: 10px;
    top: 61px
}

.ly_guideline .sample_genre {
    font-size: 20px;
    line-height: 27px;
    top: 277px
}

.ly_guideline .sample_genre, .ly_guideline .sample_title {
    color: hsla(0, 0%, 100%, .7);
    font-weight: 500;
    left: 20px;
    position: absolute
}

.ly_guideline .sample_title {
    font-size: 26px;
    line-height: 36px;
    top: 306px
}

.ly_guideline .btn_close {
    background-position: -481px -1201px;
    background-repeat: no-repeat;
    height: 18px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 18px
}

body .ly_guideline .guide_sample.type2 {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_2.png) no-repeat 0 0;
    margin-top: 33px;
    padding-bottom: 34px
}

.ly_guideline .guide_sample.type2 .sample_item {
    color: #e24e2c;
    padding-top: 214px;
    width: 166px
}

.ly_guideline .guide_sample.type2 .sample_item:first-child {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_2_en.png) no-repeat 0 32px
}

body.id .ly_guideline .guide_sample.type2 .sample_item:first-child {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_2_id.png) no-repeat 0 32px
}

body.th .ly_guideline .guide_sample.type2 .sample_item:first-child {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_2_th.png) no-repeat 0 32px
}

body.tw .ly_guideline .guide_sample.type2 .sample_item:first-child {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_2_tw.png) no-repeat 0 32px
}

body.es .ly_guideline .guide_sample.type2 .sample_item:first-child {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_2_es.png) no-repeat 0 32px
}

.ly_guideline .guide_sample.type2 .sample_item + .sample_item {
    margin-left: 18px
}

body .ly_guideline .guide_sample.type3 {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_3.png) no-repeat 0 0
}

body.id .ly_guideline .guide_sample.type3 {
    background-image: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_3_id.png)
}

body.th .ly_guideline .guide_sample.type3 {
    background-image: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_3_th.png)
}

body.tw .ly_guideline .guide_sample.type3 {
    background-image: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_3_tw.png)
}

.ly_guideline .guide_sample.type3 .sample_item {
    padding-top: 433px
}

.ly_guideline .guide_sample.type3 .show_area.main {
    left: 58px;
    top: 77px
}

body .ly_guideline .guide_sample.type4 {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_4.png) no-repeat 0 0;
    margin-top: 33px;
    padding-bottom: 0
}

.ly_guideline .guide_sample.type4 .sample_item {
    color: #e24e2c;
    padding-top: 305px;
    width: 166px
}

.ly_guideline .guide_sample.type4 .sample_item:first-child {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_4_en.png) no-repeat 0 32px
}

body.id .ly_guideline .guide_sample.type4 .sample_item:first-child {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_4_id.png) no-repeat 0 32px
}

body.th .ly_guideline .guide_sample.type4 .sample_item:first-child {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_4_th.png) no-repeat 0 32px
}

body.tw .ly_guideline .guide_sample.type4 .sample_item:first-child {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_4_tw.png) no-repeat 0 32px
}

body.es .ly_guideline .guide_sample.type4 .sample_item:first-child {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/thumbnail_guideline_4_es.png) no-repeat 0 32px
}

.ly_guideline .guide_sample.type4 .sample_item + .sample_item {
    margin-left: 18px
}

.ly_guideline .guide_sample.type4 .sample_genre {
    color: #fff;
    font-size: 15px;
    left: 15px;
    top: 199px
}

.ly_guideline .guide_sample.type4 .sample_title {
    color: #fff;
    font-size: 20px;
    left: 15px;
    line-height: 27px;
    right: 15px;
    top: 224px
}

.ly_episode_notice {
    border-color: #c9c9c9;
    display: block;
    left: 0;
    padding: 20px 22px;
    top: 0;
    z-index: 10
}

.de .ly_episode_notice {
    padding: 20px 35px 20px 22px
}

.ly_episode_notice .ly_cont {
    color: #8c8c8c;
    font-size: 15px;
    line-height: 24px
}

.ly_episode_notice .ly_cont a {
    color: #000;
    float: none;
    margin: 0;
    text-decoration: underline
}

.ly_episode_notice .btn_close {
    background-position: -414px -1201px;
    background-repeat: no-repeat;
    height: 19px;
    position: absolute;
    right: 11px;
    top: 11px;
    width: 19px
}

.ly_not_available {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 30px 36px;
    width: 370px
}

.ly_not_available p {
    color: #3c3c3c;
    font-size: 17px;
    line-height: 27px
}

.ly_not_available .btnarea {
    margin-top: 22px
}

.ly_not_available .btnarea .btn1 {
    background: #2f2f2f;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    width: 152px
}

.ly_not_available a {
    color: #3b6cef
}

.ly_not_available.v2 {
    padding: 50px 52px 36px;
    width: 592px
}

.ly_not_available.v2 .title {
    color: #3c3c3c;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px
}

.ly_not_available.v2 p {
    line-height: 25px;
    margin-top: 16px
}

.ly_not_available.v2 .btnarea {
    margin-top: 25px
}

.publish_form_btn_wrap {
    margin-top: 30px
}

.publish_title + .publish_form_btn_wrap {
    margin-top: 0
}

.publish_form_btn.type_basic, .publish_form_btn.type_reward {
    background-color: #f5f5f5
}

.publish_form_btn.type_basic [class^=btn], .publish_form_btn.type_reward [class^=btn] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.publish_form_btn.type_basic .btn_preview, .publish_form_btn.type_reward .btn_preview {
    background-color: #7e7e7e
}

.publish_form_btn.type_basic .btn_type7, .publish_form_btn.type_reward .btn_type7 {
    background-color: #2f2f2f;
    height: 36px;
    line-height: 36px;
    padding: 0;
    width: 152px
}

.publish_form_btn.type_basic .btn_type8, .publish_form_btn.type_reward .btn_type8 {
    background-color: #2f2f2f;
    height: 36px;
    line-height: 36px;
    padding: 0 28px;
    width: auto
}

.comment_section {
    margin-top: 50px
}

.reward_ad_wrap {
    border-top: 1px solid #d9d9d9;
    margin-top: 64px;
    padding-top: 42px;
    white-space: nowrap
}

.comment_section, .reward_ad {
    display: table;
    table-layout: fixed;
    width: 100%
}

.reward_ad {
    padding-top: 22px
}

.comment_section_title, .reward_ad_title {
    display: table-cell;
    font-size: 16px;
    font-weight: 500;
    padding-top: 2px;
    vertical-align: top;
    width: 140px
}

.es
.comment_section_title, .es .reward_ad_title {
    width: 200px
}

.comment_section_inner, .reward_ad_inner {
    display: table-cell;
    position: relative
}

.comment_section_inner .comment_section_list, .comment_section_inner .reward_opt_list, .reward_ad_inner .comment_section_list, .reward_ad_inner .reward_opt_list {
    display: inline-block;
    vertical-align: top
}

.comment_section_inner .comment_section_list li, .comment_section_inner .reward_opt_list li, .reward_ad_inner .comment_section_list li, .reward_ad_inner .reward_opt_list li {
    float: left;
    min-width: 178px;
    position: relative
}

.comment_section_inner .lb_radio, .reward_ad_inner .lb_radio {
    font-size: 16px
}

.comment_section_inner .input_radio:checked + .lb_radio:before, .reward_ad_inner .input_radio:checked + .lb_radio:before {
    background-position: -1049px -1013px
}

.comment_section_inner .input_radio:disabled + .lb_radio, .reward_ad_inner .input_radio:disabled + .lb_radio {
    color: #bababa;
    cursor: auto
}

.comment_section_inner .calendar_wrap, .reward_ad_inner .calendar_wrap {
    font-size: 0;
    padding-top: 11px;
    position: relative
}

.calendar_wrap p {
    font-size: 13px;
    left: 0;
    line-height: 25px;
    margin-top: 11px;
    position: absolute;
    right: 0;
    top: 100%
}

.calendar_wrap .warning {
    color: #e24e2c
}

.reward_time_info {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.reward_time_info .btn_time_info {
    background: none;
    color: #666;
    cursor: pointer;
    font-size: 15px;
    line-height: 38px
}

.reward_time_info .btn_time_info:before {
    background-position: -1468px -1023px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 19px;
    margin: 9px 8px 0 0;
    vertical-align: top;
    width: 18px
}

.reward_time_info .ly_time_info {
    background-color: #000;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: none;
    font-size: 15px;
    left: -18px;
    line-height: 24px;
    margin-top: 4px;
    padding: 10px 20px;
    position: absolute;
    top: 100%;
    z-index: 10
}

.reward_time_info .ly_time_info:before {
    border-bottom: 12px solid #000;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    left: 18px;
    position: absolute;
    top: -11px
}

.btn_reward_status {
    background: #ececec;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    color: #595959;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    padding: 0 8px;
    position: absolute;
    right: 0;
    top: 2px
}

.btn_reward_status.type_basic {
    position: static
}

.btn_reward_status em {
    color: #00dc64
}

.reward_time_wrap {
    display: inline-block;
    margin: 0 15px 0 12px;
    vertical-align: top
}

.reward_time_wrap .colon {
    font-size: 16px;
    font-weight: 500;
    line-height: 38px;
    text-align: center;
    width: 12px
}

.reward_time, .reward_time_wrap .colon {
    display: inline-block;
    vertical-align: top
}

.reward_time {
    position: relative
}

.reward_time .btn_time {
    background: #fff;
    border: 1px solid #e5e5e5;
    color: #bababa;
    cursor: pointer;
    font-size: 15px;
    line-height: 38px;
    outline: none;
    width: 80px
}

.reward_time .btn_time:disabled {
    cursor: auto
}

.reward_time .btn_time.on {
    color: #000
}

.reward_time .btn_time.active {
    border-color: #00dc64
}

.reward_time .btn_time.active + .time_list {
    display: block
}

.reward_time .btn_time.warning {
    border-color: #e24e2c;
    color: #e24e2c
}

.reward_time .time_list {
    background-color: #fff;
    border: 1px solid #b7b7b7;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    left: 0;
    margin-top: 12px;
    position: absolute;
    top: 100%;
    width: 80px;
    z-index: 10
}

.reward_time .time_list:before {
    background-color: #fff;
    border-left: 1px solid #b7b7b7;
    border-top: 1px solid #b7b7b7;
    content: "";
    height: 9px;
    left: 24px;
    position: absolute;
    top: -1px;
    -webkit-transform: translate(-50%, -50%) scaleY(1.375) rotate(45deg);
    -ms-transform: translate(-50%, -50%) scaleY(1.375) rotate(45deg);
    transform: translate(-50%, -50%) scaleY(1.375) rotate(45deg);
    width: 9px
}

.reward_time .time_list_inner {
    border-radius: 4px;
    height: 252px;
    margin: 3px;
    overflow-y: auto;
    position: relative
}

.reward_time .time_list_inner button {
    background-color: transparent;
    cursor: pointer;
    font-size: 15px;
    line-height: 42px;
    width: 100%
}

.reward_time .time_list_inner button:hover {
    background-color: #f8f8f8
}

.reward_ad_inner .flatpickr {
    border: 1px solid #e5e5e5;
    color: #000;
    display: inline-block;
    font-size: 15px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    vertical-align: top;
    width: 307px
}

.reward_ad_inner .flatpickr.active {
    border-color: #00dc64
}

.reward_ad_inner .flatpickr.warning {
    border-color: #e24e2c;
    color: #e24e2c
}

.reward_ad_inner .flatpickr::-webkit-input-placeholder {
    color: #bababa
}

.reward_ad_inner .flatpickr::-moz-placeholder {
    color: #bababa
}

.reward_ad_inner .flatpickr:-ms-input-placeholder {
    color: #bababa
}

.reward_ad_inner .flatpickr::-ms-input-placeholder {
    color: #bababa
}

.reward_ad_inner .flatpickr::placeholder {
    color: #bababa
}

.reward_ad_inner .flatpickr:disabled {
    background: #fff;
    color: #bababa;
    cursor: auto
}

.reward_ad_wrap + .publish_form_btn.v3 {
    border-top: 0;
    margin-top: 70px;
    padding-top: 0
}

.reward_desc {
    padding-top: 53px
}

.reward_desc strong {
    font-size: 20px;
    font-weight: 500
}

.reward_desc strong:before {
    background-position: -1520px -1023px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 19px;
    margin: 5px 7px 0 0;
    vertical-align: top;
    width: 18px
}

.reward_desc p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 2px
}

.time_list_inner::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px
}

.time_list_inner::-webkit-scrollbar-thumb {
    background-color: #dbdbdb;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    box-shadow: 0 0 1px hsla(0, 0%, 100%, .5)
}

body .flatpickr-calendar {
    border: 1px solid #b7b7b7;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 10px
}

body .flatpickr-calendar.arrowBottom {
    margin-top: -10px
}

body .flatpickr-calendar.arrowTop:before {
    background-color: #fff;
    border: 1px solid #b7b7b7;
    border-width: 1px 0 0 1px;
    bottom: auto;
    content: "";
    height: 9px;
    left: 24px;
    margin: 0;
    position: absolute;
    top: -1px;
    -webkit-transform: translate(-50%, -50%) scaleY(1.375) rotate(45deg);
    -ms-transform: translate(-50%, -50%) scaleY(1.375) rotate(45deg);
    transform: translate(-50%, -50%) scaleY(1.375) rotate(45deg);
    width: 9px
}

body .flatpickr-calendar.arrowTop:after {
    display: none
}

body .flatpickr-calendar.arrowBottom:before {
    background-color: #fff;
    border: 1px solid #b7b7b7;
    border-width: 0 1px 1px 0;
    bottom: -11px;
    content: "";
    height: 9px;
    left: 24px;
    margin: 0;
    position: absolute;
    top: auto;
    -webkit-transform: translate(-50%, -50%) scaleY(1.375) rotate(45deg);
    -ms-transform: translate(-50%, -50%) scaleY(1.375) rotate(45deg);
    transform: translate(-50%, -50%) scaleY(1.375) rotate(45deg);
    width: 9px
}

body .flatpickr-calendar.arrowBottom:after {
    display: none
}

body .flatpickr-calendar.rightMost:before {
    left: auto;
    right: 24px
}

body .flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: 1.2
}

body .flatpickr-current-month .flatpickr-monthDropdown-months::-ms-expand {
    display: none
}

body .flatpickr-current-month input.cur-year {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

body .numInputWrapper {
    margin-left: 15px
}

body .numInputWrapper span {
    display: none
}

body .flatpickr-day {
    color: #262626
}

body .flatpickr-current-month .flatpickr-monthDropdown-months, body .flatpickr-weekdays {
    height: 30px
}

body span.flatpickr-weekday {
    color: #929292;
    font-weight: 500
}

body .flatpickr-current-month .flatpickr-monthDropdown-months, body .flatpickr-current-month input.cur-year {
    font-size: 18px
}

body .flatpickr-day.prevMonthDay {
    color: #bbb
}

body .flatpickr-day.nextMonthDay {
    color: #000
}

body .flatpickr-day.today {
    border-color: #929292
}

body .flatpickr-day.selected, body .flatpickr-day.selected.nextMonthDay, body .flatpickr-day.selected.prevMonthDay, body .flatpickr-day.selected:hover {
    background-color: #00dc64;
    border-color: #00dc64
}

body .flatpickr-current-month .flatpickr-monthDropdown-months:hover, body .flatpickr-day:hover, body .numInputWrapper:hover {
    background-color: #f8f8f8;
    border-color: #f8f8f8
}

body .flatpickr-day.flatpickr-disabled, body .flatpickr-day.flatpickr-disabled:hover {
    background-color: #fff;
    border-color: #fff;
    color: #bbb
}

body .flatpickr-day.today:focus, body .flatpickr-day.today:hover {
    background-color: #f8f8f8;
    border-color: #929292;
    color: #262626
}

body .flatpickr-day.today.flatpickr-disabled, body .flatpickr-day.today.flatpickr-disabled:hover {
    background-color: #fff;
    border-color: #bbb;
    color: #bbb
}

body .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 4px
}

body .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    right: 4px
}

body .flatpickr-months .flatpickr-next-month svg, body .flatpickr-months .flatpickr-prev-month svg {
    width: 12px
}

body .flatpickr-months .flatpickr-next-month svg path, body .flatpickr-months .flatpickr-prev-month svg path {
    stroke: #000;
    stroke-width: 2
}

body .flatpickr-months .flatpickr-next-month:hover svg, body .flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #000
}

body .flatpickr-weekdays {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 9px
}

body .dayContainer {
    padding: 0 9px
}

body .flatpickr-current-month {
    padding-top: 5px
}

body .flatpickr-months .flatpickr-next-month, body .flatpickr-months .flatpickr-prev-month {
    height: 16px;
    padding: 11px 13px
}

.ly_episode_status {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 17px;
    padding: 55px 50px 60px;
    position: relative;
    text-align: left;
    width: 954px
}

.ly_episode_status .episode_cont {
    line-height: 25px;
    margin: 6px 0 17px
}

.ly_episode_status .episode_cont em {
    color: #00dc64;
    margin-right: 5px
}

.ly_episode_status .table_episode {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    display: block;
    font-size: 14px;
    margin-top: 16px
}

.ly_episode_status .table_episode .empty {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #bbb;
    font-size: 17px;
    height: 100%;
    justify-content: center;
    text-align: center
}

.ly_episode_status .table_episode .empty td {
    width: 100%
}

.ly_episode_status .table_episode td .title {
    font-size: 17px;
    max-width: 258px
}

.ly_episode_status .table_episode.v2 .title {
    max-width: 451px
}

.ly_episode_status .table_episode td:last-child .date .ly_episode_info {
    left: auto;
    right: 0
}

.ly_episode_status .table_episode td:last-child .date .ly_episode_info:before {
    left: 50%
}

.ly_episode_status .title {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px
}

.ly_episode_status .episode_cnt {
    line-height: 25px;
    margin-top: 8px
}

.ly_episode_status .episode_cnt em {
    color: #00dc64;
    margin-right: 5px
}

.ly_episode_status tbody {
    display: block;
    height: 403px;
    overflow-x: hidden;
    overflow-y: auto
}

.ly_episode_status tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ly_episode_status tbody td:first-child {
    width: 372px
}

.ly_episode_status tbody td:nth-child(2) {
    width: 118px
}

.ly_episode_status tbody td:nth-child(3) {
    width: 176px
}

.ly_episode_status tbody td:nth-child(4) {
    width: 171px
}

.ly_episode_status tr:last-child .cont {
    border-bottom: 0
}

.ly_episode_status tr:last-child .ly_episode_info {
    bottom: 100%;
    margin: 0 0 11px;
    top: auto
}

.ly_episode_status tr:last-child .ly_episode_info:before {
    border-bottom: 0;
    border-top: 12px solid #000;
    bottom: -11px;
    top: auto
}

.ly_episode_status tr:last-child em + .ly_episode_info {
    margin-bottom: -13px
}

.ly_episode_status tr:only-child .ly_episode_info {
    bottom: auto;
    margin: 11px 0 0 !important;
    top: 100%
}

.ly_episode_status tr:only-child .ly_episode_info:before {
    border-bottom: 12px solid #000;
    border-top: 0;
    bottom: auto;
    top: -11px
}

.ly_episode_status .table_episode.v2 tbody td:first-child {
    width: 548px
}

.ly_episode_status .table_episode.v2 tbody td:nth-child(2) {
    width: 118px
}

.ly_episode_status .table_episode.v2 tbody td:nth-child(3) {
    width: 171px
}

.ly_episode_status p {
    color: #929292;
    font-size: 14px;
    line-height: 20px;
    margin: 19px 0 -5px
}

.ly_episode_status p:before {
    background-color: #929292;
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 4px;
    margin: 6px 7px 0 0;
    vertical-align: top;
    width: 4px
}

.ly_episode_status .ly_close {
    background-color: transparent;
    cursor: pointer;
    height: 42px;
    position: absolute;
    right: 8px;
    top: 10px;
    width: 42px
}

.ly_episode_status .ly_close:after, .ly_episode_status .ly_close:before {
    background-color: #b3b3b3;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 22px
}

.ly_episode_status .ly_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.ly_episode_status .ly_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.ly_episode_confirm {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    padding: 50px;
    position: relative;
    text-align: left;
    width: 650px
}

.ly_episode_confirm strong {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px
}

.ly_episode_confirm ul {
    background-color: #f5f5f5;
    line-height: 24px;
    margin-top: 22px;
    padding: 17px 0 17px 30px
}

.ly_episode_confirm li:before {
    background-color: #000;
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 4px;
    margin: 8px 7px 0 0;
    vertical-align: top;
    width: 4px
}

.ly_episode_confirm p {
    line-height: 22px;
    margin-top: 17px
}

.ly_episode_confirm em {
    color: #00dc64
}

.ly_episode_confirm .button_area {
    margin-top: 41px;
    text-align: center
}

.ly_episode_confirm .button_area button {
    background-color: #2f2f2f;
    border-radius: 24px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
    width: 152px
}

.ly_episode_confirm .button_area button.on {
    background-color: #00dc64
}

.ly_episode_confirm .button_area button + button {
    margin-left: 6px
}

.ly_episode_confirm .ly_close {
    background-color: transparent;
    height: 42px;
    position: absolute;
    right: 8px;
    top: 10px;
    width: 42px
}

.ly_episode_confirm .ly_close:after, .ly_episode_confirm .ly_close:before {
    background-color: #b3b3b3;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 22px
}

.ly_episode_confirm .ly_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.ly_episode_confirm .ly_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.ly_reward {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    padding: 35px 48px 50px;
    position: relative;
    width: 520px
}

.ly_reward .text_cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 227px;
    justify-content: center
}

.ly_reward .text_cont a {
    color: #3b6cef
}

.ly_reward strong {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px
}

.ly_reward strong + p {
    margin-top: 10px
}

.ly_reward p {
    font-size: 17px;
    line-height: 25px
}

.ly_reward p + p {
    margin-top: 25px
}

.ly_reward em {
    color: #00dc64
}

.ly_reward .button_area button {
    background-color: #2f2f2f;
    border-radius: 24px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
    min-width: 152px;
    padding: 0 32px
}

.ly_reward .button_area button.on {
    background-color: #00dc64
}

.ly_reward .button_area button + button {
    margin-left: 6px
}

.ly_reward .ly_close {
    background-color: transparent;
    cursor: pointer;
    height: 42px;
    position: absolute;
    right: 8px;
    top: 10px;
    width: 42px
}

.ly_reward .ly_close:after, .ly_reward .ly_close:before {
    background-color: #b3b3b3;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 22px
}

.ly_reward .ly_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.ly_reward .ly_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.ly_reward.ly_restrict {
    width: 484px
}

.ly_reward.ly_restrict .text_cont {
    height: 157px
}

.aboutus {
    font-size: 17px;
    margin: 90px auto 100px;
    width: 1000px
}

.aboutus:after {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/bg_about_v2.png) no-repeat;
    content: "";
    height: 913px;
    position: absolute;
    right: 0;
    top: 101px;
    width: 210px
}

.aboutus h2 {
    background-position: -937px -825px;
    margin-bottom: 51px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 172px
}

.aboutus h2, .es .aboutus h2 {
    background-repeat: no-repeat;
    height: 43px
}

.es .aboutus h2 {
    background-position: -852px -759px;
    width: 274px
}

.aboutus h2.contact {
    background: none;
    font-family: volte, hind, sans-serif;
    font-size: 60px;
    font-weight: 700;
    height: auto;
    margin: 0 0 32px;
    text-indent: 0;
    width: auto
}

.aboutus p {
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 50px
}

.aboutus p strong {
    display: inline-block;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 5px;
    vertical-align: top
}

.aboutus p.email {
    line-height: 36px
}

.aboutus .tit_contacts {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.29;
    margin-bottom: 7px
}

.aboutus .tit_contacts:before {
    background-position: -995px -874px;
    background-repeat: no-repeat;
    content: "";
    height: 18px;
    margin-right: 7px;
    vertical-align: -1px;
    width: 24px
}

.aboutus .tit_contacts + p {
    line-height: 2.12
}

.aboutus a {
    position: relative
}

.aboutus a:after {
    background-color: #000;
    bottom: 4px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.notice_area2 {
    margin: 0 auto;
    padding-bottom: 96px;
    width: 1110px
}

.notice_area2 .notice_detail {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px
}

.notice_area2 h3 {
    font-size: 17px;
    font-weight: 500;
    line-height: 19px;
    margin: 40px 0 15px
}

.notice_area2 .subj {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notice_area2 .subj_area {
    background: #2f2f2f;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    height: 47px;
    height: auto;
    line-height: 47px;
    padding: 0 204px 0 42px;
    position: relative
}

.notice_area2 .subj_area .subj {
    line-height: 20px;
    max-width: 100%;
    overflow: visible;
    padding-top: 16px;
    white-space: normal
}

.notice_area2 .subj_area .date {
    position: absolute;
    right: 40px;
    top: 1px
}

.notice_area2 .tb_notice {
    margin-bottom: 40px;
    text-align: center
}

.notice_area2 .tb_notice th {
    background: #2f2f2f;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    height: 47px;
    line-height: 47px;
    padding-top: 3px
}

.notice_area2 .tb_notice tbody tr {
    color: #000;
    font-size: 16px;
    height: 48px;
    text-align: left
}

.notice_area2 .tb_notice tbody tr:first-child {
    height: 47px
}

.notice_area2 .tb_notice tbody tr:first-child td {
    border-top: 0
}

.notice_area2 .tb_notice tbody tr .subj {
    display: block;
    height: 44px;
    line-height: 44px;
    padding: 3px 42px;
    vertical-align: top
}

.notice_area2 .tb_notice tbody tr.special {
    background: #f8f8f8
}

.notice_area2 .tb_notice tbody tr.special .subj {
    font-weight: 500
}

.notice_area2 .tb_notice tbody td {
    border: 1px solid #ddd;
    border-width: 1px 0;
    word-break: break-all
}

.notice_area2 .date {
    color: #b1b1b1;
    font-family: verdana;
    font-size: 13px;
    text-align: center
}

.notice_area2 .notice_cont {
    color: #000;
    font-size: 16px;
    padding: 34px 42px 71px
}

.notice_area2 .lnk_lst {
    text-align: right
}

#wrap.wrap_collection {
    min-width: 1420px
}

.collections_header {
    overflow: hidden
}

.collections_header_inner {
    left: 50%;
    margin-left: -960px;
    position: relative
}

.collections_cont {
    padding-bottom: 100px
}

.collections_cont_inner {
    margin: 0 auto;
    padding-top: 54px;
    position: relative
}

.collections_cont_inner.card {
    width: 1016px
}

.collections_cont_inner.grid3 {
    width: 1020px
}

.collections_cont_inner.grid4 {
    width: 1368px
}

.collections_tit {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.43;
    margin: 0 auto;
    width: 900px
}

.collections_num, .collections_tit {
    color: currentcolor;
    text-align: center
}

.collections_num {
    font-size: 22px;
    line-height: normal;
    margin-top: 5px;
    opacity: .7
}

.collections_num .dot {
    background: currentcolor;
    border-radius: 50%;
    display: inline-block;
    height: 4px;
    margin: 0 7px;
    vertical-align: middle;
    width: 4px
}

.collections_sns_area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-top: 50px;
    text-align: center
}

.collections_sns_area a + a {
    margin-left: 20px
}

.collections_sns_area a {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/sp_collections_v3.png) no-repeat;
    display: block;
    height: 50px;
    width: 50px
}

.collections_sns_area a.lk_facebook {
    background-position: 0 0
}

.collections_sns_area a.lk_twitter {
    background-position: -60px 0
}

.collections_sns_area a.lk_line {
    background-position: -120px 0
}

.collections_list {
    margin: 40px -24px -24px 0
}

.collections_list:after {
    clear: both;
    content: "";
    display: table
}

.collections_item {
    float: left;
    margin: 0 24px 24px 0;
    position: relative;
    width: 324px
}

.collections_link {
    background: #fff;
    display: block
}

.collections_link .img_area {
    display: block;
    position: relative
}

.collections_link .img_area .ico_mature_30 {
    left: 10px;
    position: absolute;
    top: 10px
}

.collections_link .img_area:before {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0
}

.collections_link .img_area.harmful_black_skin2:after {
    background-position: -916px -897px;
    background-repeat: no-repeat;
    height: 25px;
    width: 25px
}

.collections_link .info_area {
    padding: 20px 20px 30px;
    position: relative
}

.collections_link .subj_area {
    height: 97px;
    overflow: hidden
}

.collections_link .subj {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.23;
    overflow: hidden;
    text-overflow: ellipsis
}

.collections_link .author {
    color: #8c8c8c;
    font-size: 18px;
    line-height: normal;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.collections_link .count {
    color: #00dc64;
    font-size: 18px;
    line-height: normal;
    margin: 11px 0 -20px
}

.collections_link .count span:before {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/sp_collections_v3.png) no-repeat;
    content: "";
    display: inline-block;
    margin-right: 5px;
    vertical-align: top
}

.collections_link .count span.count_like:before {
    background-position: -80px -60px;
    height: 15px;
    margin-top: 6px;
    width: 17px
}

.collections_link .count span.count_favorite:before {
    background-position: -100px -60px;
    height: 16px;
    margin-top: 5px;
    width: 27px
}

.collections_link .count span.count_grade:before {
    background-position: -130px -60px;
    height: 17px;
    margin-top: 4px;
    width: 18px
}

.collections_link .summary {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-wrap: break-word;
    color: #8c8c8c;
    display: -webkit-box;
    font-size: 18px;
    height: 72px;
    line-height: 1.33;
    margin-top: 25px;
    overflow: hidden;
    text-overflow: ellipsis
}

.th .collections_link .summary {
    height: 74px;
    line-height: 26px
}

.collections_item .subscribe_area {
    display: none
}

.collections_item .subscribe_area .btn_subscribe {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/sp_collections_v3.png) no-repeat 0 -60px;
    cursor: pointer;
    height: 36px;
    position: absolute;
    right: 18px;
    top: 337px;
    width: 36px
}

.collections_item .subscribe_area .btn_subscribe.is_active {
    background-position: -40px -60px
}

.collections_item .subscribe_area .ly_subscribe {
    background: #fff;
    border-radius: 7px;
    color: #000;
    display: none;
    font-size: 15px;
    line-height: normal;
    padding: 16px 24px;
    position: absolute;
    right: 20px;
    top: 239px;
    z-index: 120
}

.collections_cont_inner.card .collections_item {
    width: 496px
}

.collections_cont_inner.card .collections_link .img_area img {
    height: 315px
}

.collections_cont_inner.card .collections_link .info_area {
    padding: 24px 20px 26px
}

.collections_cont_inner.card .collections_link .subj_area {
    height: 65px
}

.collections_cont_inner.card .collections_link .subj {
    -webkit-line-clamp: 1;
    width: 392px
}

.collections_cont_inner.card .collections_link .author {
    margin-top: 4px
}

.collections_cont_inner.card .collections_link .count {
    margin: 20px 0 -29px
}

.collections_cont_inner.card .collections_link .summary {
    -webkit-line-clamp: 2;
    height: 48px;
    margin-top: 35px
}

.collections_cont_inner.card .collections_item .subscribe_area {
    display: block
}

.collections_banner_area {
    margin-top: 70px;
    position: relative
}

.collections_banner_area .tit {
    color: #000;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.43;
    overflow: hidden;
    padding-right: 100px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.collections_banner_area .banner_list {
    margin-top: 15px
}

.collections_banner_area .banner_list:after {
    clear: both;
    content: "";
    display: table
}

.collections_banner_area .banner_item {
    float: left
}

.collections_banner_area .banner_item:first-child {
    margin-right: 24px
}

.collections_banner_area .banner_link {
    display: block
}

.collections_banner_area .lk_more_collection {
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    position: absolute;
    right: 0;
    top: 4px
}

.collections_banner_area .lk_more_collection:after {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/sp_collections_v3.png) no-repeat -150px -60px;
    content: "";
    display: inline-block;
    height: 15px;
    margin: 11px 0 0 7px;
    vertical-align: top;
    width: 11px
}

.collections_banner_area.white .lk_more_collection, .collections_banner_area.white .tit {
    color: #fff
}

.collections_banner_area.white .lk_more_collection:after {
    background-position: -170px -60px
}

.collections_cont_inner.card .banner_item {
    width: 496px
}

.collections_cont_inner.grid3 .banner_item {
    width: 498px
}

.collections_cont_inner.grid4 .banner_item {
    width: 672px
}

.collections_event_area {
    color: currentcolor;
    margin-top: 44px;
    padding-top: 45px;
    position: relative
}

.collections_event_area:before {
    background: currentcolor;
    content: "";
    height: 2px;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%
}

.collections_event_area .title {
    font-size: 25px;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 20px;
    text-align: center
}

.collections_event_area .cont {
    font-size: 22px;
    line-height: 37px;
    margin-top: 10px;
    white-space: pre-line
}

.collections_event_area .cont strong {
    font-weight: 600
}

.collections_event_area .list_event {
    margin-top: 1px
}

.collections_event_area .list_event .item {
    font-size: 22px;
    line-height: 37px;
    padding-left: 18px;
    position: relative;
    white-space: pre-line
}

.collections_event_area .list_event .item:before {
    background: currentcolor;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 15px;
    width: 8px
}

.collections_event_area .list_event .item strong {
    font-weight: 600
}

.collections_caution {
    color: currentcolor;
    font-size: 18px;
    line-height: 30px;
    margin-top: 40px;
    white-space: pre-wrap
}

.collections_caution strong {
    font-weight: 600
}

.multi_collection_cont {
    background-color: #f5f5f5;
    margin: 0 auto;
    padding: 69px 0 100px
}

.multi_collection_cont .collections_tit {
    line-height: 48px
}

.multi_collection_lst {
    margin: -13px auto 0;
    width: 1030px
}

.multi_collection_lst:after {
    clear: both;
    content: "";
    display: table
}

.multi_collection_item {
    background-color: #fff;
    float: left;
    margin: 40px 10px 0;
    width: 495px
}

.multi_collection_item a {
    display: block;
    height: 100%
}

.multi_collection_item .info {
    display: table;
    height: 110px;
    width: 100%
}

.multi_collection_item .info_inner {
    display: table-cell;
    padding: 0 24px;
    vertical-align: middle
}

.multi_collection_item .collection_num {
    color: #a6a6a6;
    font-size: 14px;
    line-height: normal
}

.multi_collection_item .collection_num .like:before {
    background: #a6a6a6;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 2px;
    margin: 0 4px;
    opacity: .7;
    vertical-align: middle;
    width: 2px
}

.multi_collection_item .collection_info {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #666;
    display: -webkit-box;
    font-size: 18px;
    line-height: 25px;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis
}

.th .multi_collection_item .collection_info {
    line-height: 26px
}

#wrap.webtoon_canvas {
    min-width: 1440px
}

.creator_hub_banner2 {
    display: block;
    margin-top: 45px
}

.creator_making_money_banner {
    background-color: #181818;
    color: #fff;
    font-family: volte, hind, sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 72px;
    padding: 55px 0 133px;
    position: relative;
    text-align: center
}

.th .creator_making_money_banner {
    font-family: kanit, hind, sans-serif;
    font-size: 62px;
    line-height: 92px;
    padding: 37px 0 131px
}

.creator_making_money_banner strong {
    color: #4fff8c
}

.creator_making_money_banner:after {
    background-position: -4px -4px;
    background-repeat: no-repeat;
    bottom: -100px;
    content: "";
    height: 230px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 460px
}

.creator_hub_wrap {
    margin: 0 auto;
    position: relative;
    width: 1118px
}

.creator_hub_wrap.making_money {
    font-family: volte, hind, sans-serif;
    padding: 130px 0 150px;
    text-align: center;
    width: 1080px
}

.fr .creator_hub_wrap.making_money {
    width: 1120px
}

.th .creator_hub_wrap.making_money {
    font-family: kanit, hind, sans-serif
}

.en .creator_hub_wrap.making_money {
    text-align: left;
    width: 960px
}

.creator_hub_wrap.making_money .link {
    color: #3b6cef
}

.creator_hub_wrap.making_money .content_section + .content_section {
    margin-top: 108px
}

.creator_hub_wrap.making_money .content_section + .content_section .content_title2 {
    margin-top: 0
}

.creator_hub_wrap.making_money .content_section + .content_section .content_title2:before {
    content: none
}

.creator_hub_wrap.making_money .content_title {
    font-size: 36px;
    line-height: 45px
}

.th .creator_hub_wrap.making_money .content_title {
    font-size: 38px;
    font-weight: 600;
    line-height: 53px
}

.creator_hub_wrap.making_money .content_title2 {
    display: block;
    font-size: 42px;
    line-height: 50px;
    margin: 80px auto 0
}

.th .creator_hub_wrap.making_money .content_title2 {
    font-size: 44px;
    line-height: 53px;
    margin-top: 90px
}

.creator_hub_wrap.making_money .content_title2:before {
    background: #eaeaea;
    content: "";
    display: block;
    height: 1px;
    margin: 0 auto 80px;
    width: 314px
}

.th .creator_hub_wrap.making_money .content_title2:before {
    display: none
}

.creator_hub_wrap.making_money .content_title3 {
    font-size: 36px;
    line-height: 43px;
    margin-top: 44px
}

.creator_hub_wrap.making_money .content_subtitle {
    display: block;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin-top: 44px
}

.creator_hub_wrap.making_money .content_description {
    font-size: 25px;
    font-weight: 500;
    line-height: 38px;
    margin-top: 17px
}

.creator_hub_wrap.making_money .content_description .point {
    color: #5638dc;
    font-weight: 700
}

.th .creator_hub_wrap.making_money .content_description {
    font-weight: 400;
    margin-top: 48px
}

.id .creator_hub_wrap.making_money .content_description {
    margin-top: 11px
}

.en .creator_hub_wrap.making_money .content_description:first-child {
    margin-top: 0;
    text-align: center
}

.creator_hub_wrap.making_money .content_description.v2 {
    margin-top: 44px
}

.creator_hub_wrap.making_money .content_list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 44px
}

.th .creator_hub_wrap.making_money .content_list {
    margin-top: 32px
}

.creator_hub_wrap.making_money .content_list .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: #fff;
    border: 3px solid #5638dc;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #5638dc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 25px;
    font-weight: 600;
    height: 314px;
    justify-content: center;
    line-height: 31px;
    padding: 0 19px;
    position: relative;
    width: 314px
}

.es .creator_hub_wrap.making_money .content_list .item {
    padding-top: 18px
}

.es .creator_hub_wrap.making_money .content_list .item:first-child {
    border-color: #000;
    color: #000;
    z-index: 20
}

.es .creator_hub_wrap.making_money .content_list .item:nth-child(2) {
    z-index: 10
}

.es .creator_hub_wrap.making_money .content_list .item:nth-child(3) {
    font-size: 26px;
    line-height: 32px
}

.id .creator_hub_wrap.making_money .content_list .item {
    font-weight: 500
}

.id .creator_hub_wrap.making_money .content_list .item:first-child {
    padding-top: 21px
}

.id .creator_hub_wrap.making_money .content_list .item:first-child em {
    font-size: 26px;
    line-height: 28px
}

.id .creator_hub_wrap.making_money .content_list .item:first-child span {
    line-height: 28px
}

.id .creator_hub_wrap.making_money .content_list .item:nth-child(2) {
    font-size: 24px;
    line-height: 27px;
    padding-top: 19px
}

.id .creator_hub_wrap.making_money .content_list .item:nth-child(2) strong {
    margin-top: 0
}

.id .creator_hub_wrap.making_money .content_list .item:nth-child(3) {
    font-size: 26px;
    line-height: 29px;
    padding-top: 8px
}

.th .creator_hub_wrap.making_money .content_list .item {
    font-size: 24px;
    font-weight: 500;
    padding: 0 45px
}

.th .creator_hub_wrap.making_money .content_list .item:first-child {
    padding-top: 18px
}

.creator_hub_wrap.making_money .content_list .item span {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 6px
}

.creator_hub_wrap.making_money .content_list .item em {
    font-weight: 700
}

.creator_hub_wrap.making_money .content_list .item strong {
    font-size: 53px;
    line-height: 64px;
    margin-top: 4px
}

.th .creator_hub_wrap.making_money .content_list .item strong {
    display: inline-block;
    font-family: volte, hind, sans-serif;
    line-height: 53px;
    margin: 3px 4px -9px 0;
    vertical-align: bottom
}

.creator_hub_wrap.making_money .content_list .item + .item {
    margin-left: -21px
}

.creator_hub_wrap.making_money .content_list .item:nth-child(2) {
    border-color: #000;
    color: #000
}

.creator_hub_wrap.making_money .content_list .item .num {
    font-size: 36px;
    font-weight: 600;
    left: 0;
    line-height: 31px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 42px
}

.creator_hub_wrap.making_money .step_list {
    display: grid;
    gap: 12px;
    grid-auto-rows: 1fr;
    grid-template-columns:repeat(3, 1fr);
    margin-top: 17px
}

.creator_hub_wrap.making_money .step_list.type_half {
    grid-template-columns:repeat(2, 1fr)
}

.creator_hub_wrap.making_money .step_list .item {
    background: #f5f5f5;
    border-radius: 12px;
    padding: 25px
}

.creator_hub_wrap.making_money .step_list .num {
    display: block;
    font-size: 36px;
    font-weight: 600;
    line-height: 31px
}

.creator_hub_wrap.making_money .step_list .text {
    font-size: 23px;
    font-weight: 500;
    line-height: 32px;
    margin-top: 20px
}

.creator_hub_wrap.making_money .reward_table {
    font-family: volte, hind, sans-serif;
    margin: 87px auto 0;
    width: 840px
}

.th .creator_hub_wrap.making_money .reward_table {
    font-family: kanit, hind, sans-serif;
    margin-top: 90px
}

.creator_hub_wrap.making_money .reward_table .reward_title {
    font-size: 42px;
    font-weight: 700;
    height: auto;
    line-height: 51px;
    overflow: visible;
    padding-bottom: 15px;
    visibility: visible;
    width: auto
}

.th .creator_hub_wrap.making_money .reward_table .reward_title {
    font-size: 44px;
    line-height: 63px;
    padding-bottom: 20px
}

.creator_hub_wrap.making_money .reward_table thead {
    border-bottom: 2px solid #000;
    border-top: 2px solid #000
}

.creator_hub_wrap.making_money .reward_table thead th {
    background: none;
    font-size: 26px;
    font-weight: 600;
    line-height: 27px;
    padding: 17px 10px 12px
}

.th .creator_hub_wrap.making_money .reward_table thead th {
    font-weight: 500;
    padding: 14px 10px 15px
}

.creator_hub_wrap.making_money .reward_table thead th:first-child {
    padding-left: 0
}

.creator_hub_wrap.making_money .reward_table thead th:last-child {
    padding-right: 0
}

.creator_hub_wrap.making_money .reward_table tbody td {
    border-bottom: 1px solid #d5d5d5;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    padding: 18px 10px 14px
}

.th .creator_hub_wrap.making_money .reward_table tbody td {
    font-size: 18px
}

.creator_hub_wrap.making_money .reward_table tbody td:first-child {
    padding-left: 0
}

.creator_hub_wrap.making_money .reward_table tbody td:last-child {
    padding-right: 0
}

.creator_hub_wrap.making_money .reward_table tbody .volte {
    font-family: volte, hind, sans-serif;
    font-size: 24px
}

.creator_hub_wrap.making_money .link_description {
    font-size: 26px;
    font-weight: 600;
    line-height: 31px;
    margin-top: 46px
}

.th .creator_hub_wrap.making_money .link_description {
    font-weight: 500;
    line-height: 39px;
    margin-top: 48px
}

.id .creator_hub_wrap.making_money .link_description {
    margin-top: 50px
}

.id .creator_hub_wrap.making_money .link_description:before {
    background: #eaeaea;
    content: "";
    display: block;
    height: 1px;
    margin: 0 auto 48px;
    width: 314px
}

.creator_hub_wrap.making_money .link_description .link_here {
    color: #3b6cef
}

.th .creator_hub_wrap.making_money .link_description .link_here {
    font-family: volte, hind, sans-serif;
    font-weight: 600
}

.creator_hub_wrap.making_money .link_area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.creator_hub_wrap.making_money .link_area .link_go {
    margin-top: 108px
}

.creator_hub_wrap.making_money .link_go {
    background-color: #00dc64;
    border-radius: 42px;
    color: #fff;
    display: inline-block;
    font-size: 26px;
    font-weight: 600;
    line-height: 32px;
    margin-top: 90px;
    padding: 26px 48px 22px 50px;
    vertical-align: top
}

.th .creator_hub_wrap.making_money .link_go {
    font-size: 30px;
    font-weight: 500;
    padding: 22px 48px 26px 50px
}

.creator_hub_wrap.making_money .link_go:after {
    background-position: -1125px -549px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 25px;
    margin: 1px 0 0 10px;
    vertical-align: top;
    width: 47px
}

.th .creator_hub_wrap.making_money .link_go:after {
    margin-top: 5px
}

.creator_hub_wrap.making_money .link_join {
    background: #242424;
    border-radius: 120px;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    line-height: 27px;
    margin-top: 60px;
    padding: 27px 48px 26px 50px
}

.creator_hub_wrap.making_money .link_join:after {
    background-position: -1125px -549px;
    background-repeat: no-repeat;
    content: "";
    height: 25px;
    margin: 1px 0 0 10px;
    width: 47px
}

.webtoon_canvas .creators_canvas_title_section {
    background-color: #181818;
    font-family: volte, hind, sans-serif;
    height: 660px;
    position: relative
}

.th .webtoon_canvas .creators_canvas_title_section {
    font-family: kanit, hind, sans-serif
}

.webtoon_canvas .creators_canvas_title_section:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(53, 53, 53, 0)), to(#181818));
    background-image: linear-gradient(180deg, rgba(53, 53, 53, 0), #181818);
    bottom: 0;
    content: "";
    height: 475px;
    left: 0;
    position: absolute;
    right: 0
}

.webtoon_canvas .creators_canvas_title_section .background_video_wrap {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.webtoon_canvas .creators_canvas_title_section .background_video_wrap video {
    height: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.webtoon_canvas .creators_canvas_title_section .creators_main_title_wrap {
    margin: 0 auto;
    width: 1200px
}

.webtoon_canvas .creators_canvas_title_section .creators_main_title {
    padding-top: 150px;
    position: relative;
    z-index: 10
}

.webtoon_canvas .creators_canvas_title_section .creators_main_title .title {
    color: #fff;
    font-size: 86px;
    line-height: 81px
}

.th .webtoon_canvas .creators_canvas_title_section .creators_main_title .title {
    font-size: 85px;
    line-height: 92px
}

.webtoon_canvas .creators_canvas_title_section .creators_main_title .desc {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 13px
}

.th .webtoon_canvas .creators_canvas_title_section .creators_main_title .desc {
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    margin-top: 5px
}

.webtoon_canvas .creators_canvas_title_section .creators_main_title .link_start {
    border: 2px solid #fff;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    height: 46px;
    line-height: 48px;
    margin-top: 23px;
    text-align: center;
    width: 231px
}

.webtoon_canvas .creators_canvas_title_section .creators_main_title .link_start:hover {
    background-color: #fff;
    color: #000
}

.es .webtoon_canvas .creators_canvas_title_section .creators_main_title .link_start {
    width: 153px
}

.id .webtoon_canvas .creators_canvas_title_section .creators_main_title .link_start {
    width: 263px
}

.fr .webtoon_canvas .creators_canvas_title_section .creators_main_title .link_start {
    width: 384px
}

.th .webtoon_canvas .creators_canvas_title_section .creators_main_title .link_start {
    font-weight: 400;
    line-height: 44px;
    width: 254px
}

.webtoon_canvas .creators_video_section {
    font-family: volte, hind, sans-serif;
    margin-top: -50px;
    position: relative
}

.th .webtoon_canvas .creators_video_section {
    font-family: kanit, hind, sans-serif
}

.webtoon_canvas .creators_video_section:before {
    background-color: #181818;
    bottom: 110px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.webtoon_canvas .creators_video_section .creators_video_wrap {
    margin: 0 auto;
    width: 1200px
}

.webtoon_canvas .creators_video_section .text_area {
    overflow: hidden
}

.webtoon_canvas .creators_video_section .title {
    color: #fff;
    float: left;
    font-size: 50px;
    line-height: 54px
}

.th .webtoon_canvas .creators_video_section .title {
    line-height: 56px
}

.webtoon_canvas .creators_video_section .desc {
    color: #fff;
    float: right;
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
    padding: 12px 6px 0 0
}

.th .webtoon_canvas .creators_video_section .desc {
    font-weight: 400;
    line-height: 31px;
    padding-top: 10px
}

.webtoon_canvas .creators_video_section .creators_canvas_video {
    margin-top: 36px;
    position: relative;
    z-index: 10
}

.th .webtoon_canvas .creators_video_section .creators_canvas_video {
    margin-top: 24px
}

.webtoon_canvas .creators_video_section .creators_canvas_video img {
    width: 100%
}

.webtoon_canvas .creators_video_section .creators_canvas_video iframe {
    vertical-align: top;
    width: 100%
}

.webtoon_canvas .creators_video_section .creators_canvas_video .video_play_button {
    cursor: pointer
}

.webtoon_canvas .creators_video_section .creators_canvas_video .video_play_button:after {
    background-position: -808px -345px;
    background-repeat: no-repeat;
    content: "";
    height: 112px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 112px
}

.webtoon_canvas .creators_story_section {
    background-color: transparent;
    font-family: volte, hind, sans-serif;
    margin-top: -110px;
    padding-top: 235px;
    position: relative;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease;
    z-index: 0
}

.th .webtoon_canvas .creators_story_section {
    font-family: kanit, hind, sans-serif;
    padding-top: 212px
}

.webtoon_canvas .creators_story_section.on {
    background-color: #000
}

.webtoon_canvas .creators_story_section .creators_story_wrap {
    margin: 0 auto;
    position: relative;
    width: 1427px
}

.webtoon_canvas .creators_story_section .title {
    font-size: 60px;
    line-height: 62px;
    text-align: center
}

.th .webtoon_canvas .creators_story_section .title {
    font-size: 64px;
    line-height: 66px
}

.webtoon_canvas .creators_story_section .desc {
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    margin-top: 14px;
    text-align: center
}

.th .webtoon_canvas .creators_story_section .desc {
    font-size: 28px;
    font-weight: 400;
    line-height: 42px;
    margin-top: 16px
}

.webtoon_canvas .creators_story_section .creators_story_list {
    height: 760px;
    margin-top: 4px
}

.th .webtoon_canvas .creators_story_section .creators_story_list {
    height: 772px;
    margin-top: -9px
}

.webtoon_canvas .creators_story_section .creators_story_list.on .creator_quotation, .webtoon_canvas .creators_story_section .creators_story_list.on .image_wrap {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.webtoon_canvas .creators_story_section .creators_story_list .creators_story_list_inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 35px
}

.th .webtoon_canvas .creators_story_section .creators_story_list .creators_story_list_inner {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 670px;
    justify-content: flex-start;
    margin-top: 0;
    padding-left: 107px;
    position: relative;
    width: 1412px
}

.webtoon_canvas .creators_story_section .creators_story_list .creator_quotation {
    font-size: 40px;
    font-weight: 600;
    line-height: 55px;
    margin: 52px 64px 0 0;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 680px
}

.th .webtoon_canvas .creators_story_section .creators_story_list .creator_quotation {
    font-size: 42px;
    font-weight: 500;
    line-height: 56px;
    margin-top: 50px
}

.webtoon_canvas .creators_story_section .creators_story_list .creator_quotation:before {
    background-position: -1194px -583px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 40px;
    margin: 0 auto 22px 2px;
    width: 60px
}

.th .webtoon_canvas .creators_story_section .creators_story_list .creator_quotation:before {
    margin-bottom: 17px
}

.es .webtoon_canvas .creators_story_section .creators_story_list .creator_quotation {
    margin: 18px 43px 0 0;
    width: 700px
}

.webtoon_canvas .creators_story_section .creators_story_list .creator_quotation .text_area {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.webtoon_canvas .creators_story_section .creators_story_list .read_more_wrap {
    display: block;
    line-height: 24px;
    margin-top: 11px
}

.th .webtoon_canvas .creators_story_section .creators_story_list .read_more_wrap {
    margin-top: 24px
}

.webtoon_canvas .creators_story_section .creators_story_list .link_read_more {
    color: rgba(0, 0, 0, .5);
    font-size: 24px;
    font-weight: 600;
    position: relative
}

.th .webtoon_canvas .creators_story_section .creators_story_list .link_read_more {
    font-weight: 500
}

.webtoon_canvas .creators_story_section .creators_story_list .link_read_more:before {
    background-color: rgba(0, 0, 0, .5);
    bottom: 3px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
}

.th .webtoon_canvas .creators_story_section .creators_story_list .link_read_more:before {
    bottom: 5px
}

.webtoon_canvas .creators_story_section .creators_story_list .link_read_more:after {
    background-position: -416px -1071px;
    background-repeat: no-repeat;
    content: "";
    height: 15px;
    margin: 8px 0 0 4px;
    width: 10px
}

.th .webtoon_canvas .creators_story_section .creators_story_list .link_read_more:after {
    margin-top: 11px
}

.webtoon_canvas .creators_story_section .creators_story_list .image_wrap {
    height: 579px;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.th .webtoon_canvas .creators_story_section .creators_story_list .image_wrap {
    height: 670px;
    position: absolute;
    right: 23px
}

.webtoon_canvas .creators_story_section .creators_story_list .image_wrap img {
    pointer-events: none
}

.webtoon_canvas .creators_story_section .creators_story_list .image_wrap img.img_type1 {
    margin-top: -35px
}

.webtoon_canvas .creators_story_section .page_controls {
    bottom: 98px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center
}

.webtoon_canvas .creators_story_section .page_controls .next, .webtoon_canvas .creators_story_section .page_controls .prev {
    background-position: -666px -943px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 70px;
    position: absolute;
    top: -324px;
    width: 70px;
    z-index: 2020
}

.webtoon_canvas .creators_story_section .page_controls .next:hover, .webtoon_canvas .creators_story_section .page_controls .prev:hover {
    background-position: -588px -943px
}

.webtoon_canvas .creators_story_section .page_controls .prev {
    left: 5px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.webtoon_canvas .creators_story_section .page_controls .next {
    right: 10px
}

.webtoon_canvas .creators_story_section .page_controls .page_number {
    display: inline-block;
    overflow: hidden
}

.webtoon_canvas .creators_story_section .page_controls .page_number span {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 50%;
    float: left;
    height: 14px;
    width: 14px
}

.webtoon_canvas .creators_story_section .page_controls .page_number span.on {
    background-color: #000
}

.webtoon_canvas .creators_story_section .page_controls .page_number span + span {
    margin-left: 7px
}

.webtoon_canvas .creators_make_money_section {
    background-color: #a18cff;
    font-family: volte, hind, sans-serif;
    padding: 76px 0 65px
}

.th .webtoon_canvas .creators_make_money_section {
    font-family: kanit, hind, sans-serif
}

.webtoon_canvas .creators_make_money_section .creators_make_money_wrap {
    margin: 0 auto;
    position: relative;
    width: 1200px
}

.webtoon_canvas .creators_make_money_section .title {
    font-size: 50px;
    font-weight: 700;
    line-height: 56px;
    padding-right: 245px
}

.th .webtoon_canvas .creators_make_money_section .title {
    font-size: 56px
}

.webtoon_canvas .creators_make_money_section .desc {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    margin-top: 3px
}

.th .webtoon_canvas .creators_make_money_section .desc {
    font-weight: 400;
    line-height: 24px;
    margin-top: 18px
}

.webtoon_canvas .creators_make_money_section .link_more {
    background-color: #000;
    border-radius: 27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    height: 55px;
    line-height: 57px;
    margin-top: -33px;
    padding: 0 82px 0 31px;
    position: absolute;
    right: 0;
    top: 50%
}

.th .webtoon_canvas .creators_make_money_section .link_more {
    font-weight: 500;
    line-height: 53px
}

.webtoon_canvas .creators_make_money_section .link_more:after {
    background-position: -1125px -549px;
    background-repeat: no-repeat;
    content: "";
    height: 25px;
    position: absolute;
    right: 24px;
    top: 15px;
    width: 47px
}

.webtoon_canvas .creators_make_money_section .link_more:hover {
    color: #4fff8c
}

.webtoon_canvas .creators_make_money_section .link_more:hover:after {
    background-position: -672px -909px
}

.webtoon_canvas .creators_step_section {
    background-color: #4fff8c;
    font-family: volte, hind, sans-serif;
    padding: 93px 0 107px
}

.th .webtoon_canvas .creators_step_section {
    font-family: kanit, hind, sans-serif;
    padding-top: 86px
}

.webtoon_canvas .creators_step_section .creators_step_wrap {
    margin: 0 auto;
    width: 1198px
}

.id .webtoon_canvas .creators_step_section .creators_step_wrap, .th .webtoon_canvas .creators_step_section .creators_step_wrap {
    width: 1201px
}

.webtoon_canvas .creators_step_section .title {
    font-size: 60px;
    font-weight: 700;
    line-height: 61px;
    text-align: center
}

.th .webtoon_canvas .creators_step_section .title {
    font-size: 64px;
    line-height: 66px
}

.webtoon_canvas .creators_step_section .creators_step_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 13px 0 0 -109px
}

.webtoon_canvas .creators_step_section .creators_step_list:after {
    clear: both;
    content: "";
    display: block
}

.id .webtoon_canvas .creators_step_section .creators_step_list, .th .webtoon_canvas .creators_step_section .creators_step_list {
    margin: 17px 0 0 -27px
}

.webtoon_canvas .creators_step_section .creators_step_list.on li {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.webtoon_canvas .creators_step_section .creators_step_list.on .step2 {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.webtoon_canvas .creators_step_section .creators_step_list.on .step3 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.webtoon_canvas .creators_step_section .creators_step_list.on .step4 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.webtoon_canvas .creators_step_section .creators_step_list.on .step5 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.webtoon_canvas .creators_step_section .creators_step_list.on .step6 {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.webtoon_canvas .creators_step_section .creators_step_list.on .step7 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.webtoon_canvas .creators_step_section .creators_step_list.on .step8 {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.webtoon_canvas .creators_step_section .creators_step_list li {
    opacity: 0;
    padding: 26px 0 0 109px;
    text-align: center;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 326px
}

.id .webtoon_canvas .creators_step_section .creators_step_list li, .th .webtoon_canvas .creators_step_section .creators_step_list li {
    padding-left: 27px;
    width: 280px
}

.webtoon_canvas .creators_step_section .creators_step_list li:before {
    content: "";
    display: block;
    margin-bottom: 20px
}

.id .webtoon_canvas .creators_step_section .creators_step_list li:before, .th .webtoon_canvas .creators_step_section .creators_step_list li:before {
    margin-bottom: 18px
}

.webtoon_canvas .creators_step_section .step1:before {
    background-position: -672px -583px;
    background-repeat: no-repeat;
    height: 318px;
    width: 326px
}

.id .webtoon_canvas .creators_step_section .step1:before {
    background-position: 0 -275px;
    background-repeat: no-repeat;
    height: 271px;
    width: 280px
}

.th .webtoon_canvas .creators_step_section .step1:before {
    background-position: -284px -275px;
    background-repeat: no-repeat;
    height: 271px;
    width: 280px
}

.webtoon_canvas .creators_step_section .step2:before {
    background-position: -1264px -4px;
    background-repeat: no-repeat;
    height: 318px;
    width: 326px
}

.id .webtoon_canvas .creators_step_section .step2:before {
    background-position: -568px -550px;
    background-repeat: no-repeat;
    height: 271px;
    width: 280px
}

.th .webtoon_canvas .creators_step_section .step2:before {
    background-position: -852px 0;
    background-repeat: no-repeat;
    height: 271px;
    width: 280px
}

.webtoon_canvas .creators_step_section .step3:before {
    background-position: -1264px -330px;
    background-repeat: no-repeat;
    height: 318px;
    width: 326px
}

.id .webtoon_canvas .creators_step_section .step3:before, .th .webtoon_canvas .creators_step_section .step3:before {
    background-position: 0 -550px;
    background-repeat: no-repeat;
    height: 271px;
    width: 280px
}

.webtoon_canvas .creators_step_section .step4:before {
    background-position: -930px -4px;
    background-repeat: no-repeat;
    height: 352px;
    width: 326px
}

.id .webtoon_canvas .creators_step_section .step4:before, .th .webtoon_canvas .creators_step_section .step4:before {
    background-position: -568px -275px;
    background-repeat: no-repeat;
    height: 271px;
    width: 280px
}

.webtoon_canvas .creators_step_section .step5:before {
    background-position: -4px -583px;
    background-repeat: no-repeat;
    height: 352px;
    width: 326px
}

.id .webtoon_canvas .creators_step_section .step5:before, .th .webtoon_canvas .creators_step_section .step5:before {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 271px;
    width: 280px
}

.webtoon_canvas .creators_step_section .step6:before {
    background-position: -338px -583px;
    background-repeat: no-repeat;
    height: 352px;
    width: 326px
}

.id .webtoon_canvas .creators_step_section .step6:before, .th .webtoon_canvas .creators_step_section .step6:before {
    background-position: -568px 0;
    background-repeat: no-repeat;
    height: 271px;
    width: 280px
}

.id .webtoon_canvas .creators_step_section .step7:before, .th .webtoon_canvas .creators_step_section .step7:before {
    background-position: -284px 0;
    background-repeat: no-repeat;
    height: 271px;
    width: 280px
}

.id .webtoon_canvas .creators_step_section .step8:before, .th .webtoon_canvas .creators_step_section .step8:before {
    background-position: -284px -550px;
    background-repeat: no-repeat;
    height: 271px;
    width: 280px
}

.webtoon_canvas .creators_step_section .step {
    display: inline-block;
    font-size: 26px;
    line-height: 27px;
    position: relative;
    z-index: 0
}

.th .webtoon_canvas .creators_step_section .step {
    font-size: 22px
}

.webtoon_canvas .creators_step_section .step:before {
    background-color: #ebff8e;
    content: "";
    height: 24px;
    left: -2px;
    position: absolute;
    top: 0;
    width: 80px;
    z-index: -1
}

.es .webtoon_canvas .creators_step_section .step:before {
    left: -1px;
    right: -1px;
    width: auto
}

.id .webtoon_canvas .creators_step_section .step:before {
    left: -5px;
    width: 148px
}

.fr .webtoon_canvas .creators_step_section .step:before {
    left: -5px;
    width: 102px
}

.th .webtoon_canvas .creators_step_section .step:before {
    height: 23px;
    left: -5px;
    top: 1px;
    width: 110px
}

.webtoon_canvas .creators_step_section .step_title {
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 31px;
    margin-top: 7px
}

.th .webtoon_canvas .creators_step_section .step_title {
    line-height: 32px;
    margin-top: 11px
}

.webtoon_canvas .creators_step_section p {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 10px
}

.th .webtoon_canvas .creators_step_section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin: 7px -2px 0
}

.es .webtoon_canvas .creators_step_section .step1 .step_title {
    margin-left: -9px;
    width: 338px
}

.es .webtoon_canvas .creators_step_section .step3 .step_title {
    margin-left: -15px;
    width: 351px
}

.th .webtoon_canvas .creators_step_section .step5 {
    clear: both
}

.webtoon_canvas .creators_academy_section {
    background-color: #181818;
    color: #fff;
    font-family: volte, hind, sans-serif;
    padding: 75px 0 90px
}

.th .webtoon_canvas .creators_academy_section {
    font-family: kanit, hind, sans-serif;
    padding-top: 68px
}

.webtoon_canvas .creators_academy_section .creators_academy_wrap {
    margin: 0 auto;
    position: relative;
    width: 1200px
}

.webtoon_canvas .creators_academy_section .title {
    font-size: 55px;
    font-weight: 700;
    line-height: 55px;
    padding-right: 245px
}

.th .webtoon_canvas .creators_academy_section .title {
    font-size: 56px;
    line-height: 56px
}

.webtoon_canvas .creators_academy_section .desc {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    margin-top: 9px
}

.th .webtoon_canvas .creators_academy_section .desc {
    font-weight: 400;
    line-height: 24px;
    margin-top: 20px
}

.webtoon_canvas .creators_academy_section .link_more {
    background-color: #fff;
    border-radius: 27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #181818;
    font-size: 24px;
    font-weight: 600;
    height: 55px;
    line-height: 57px;
    padding: 0 82px 0 31px;
    position: absolute;
    right: 0;
    top: -2px
}

.th .webtoon_canvas .creators_academy_section .link_more {
    font-weight: 500;
    line-height: 53px;
    top: 7px
}

.webtoon_canvas .creators_academy_section .link_more:after {
    background-position: -1180px -549px;
    background-repeat: no-repeat;
    content: "";
    height: 25px;
    position: absolute;
    right: 24px;
    top: 15px;
    width: 47px
}

.webtoon_canvas .creators_academy_section .link_more:hover {
    color: #00dc64
}

.webtoon_canvas .creators_academy_section .link_more:hover:after {
    background-position: -1194px -805px
}

.webtoon_canvas .creators_academy_section .info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 45px
}

.th .webtoon_canvas .creators_academy_section .info {
    margin-top: 50px
}

.webtoon_canvas .creators_academy_section .info .item {
    background: #000;
    border-radius: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 254px;
    padding: 47px 40px 0 210px;
    position: relative;
    width: 590px
}

.es .webtoon_canvas .creators_academy_section .info .item {
    padding-top: 53px
}

.th .webtoon_canvas .creators_academy_section .info .item {
    height: 226px;
    padding: 41px 30px 0 208px
}

.webtoon_canvas .creators_academy_section .info .item:before {
    content: "";
    left: 30px;
    position: absolute;
    top: 0
}

.webtoon_canvas .creators_academy_section .info .item .stitle {
    font-size: 30px;
    line-height: 31px
}

.es .webtoon_canvas .creators_academy_section .info .item .stitle {
    font-size: 27px;
    line-height: 27px
}

.th .webtoon_canvas .creators_academy_section .info .item .stitle {
    font-size: 28px;
    line-height: 36px
}

.webtoon_canvas .creators_academy_section .info .item .desc {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    margin-top: 11px
}

.es .webtoon_canvas .creators_academy_section .info .item .desc {
    margin-top: 10px
}

.th .webtoon_canvas .creators_academy_section .info .item .desc {
    font-size: 21px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 8px
}

.webtoon_canvas .creators_academy_section .info .item .link {
    color: hsla(0, 0%, 100%, .5);
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 12px;
    position: relative;
    vertical-align: top
}

.fr .webtoon_canvas .creators_academy_section .info .item .link {
    margin-top: 9px
}

.th .webtoon_canvas .creators_academy_section .info .item .link {
    line-height: 30px;
    margin-top: 14px
}

.webtoon_canvas .creators_academy_section .info .item .link:before {
    background-color: hsla(0, 0%, 100%, .5);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
}

.fr .webtoon_canvas .creators_academy_section .info .item .link:before {
    bottom: -3px
}

.th .webtoon_canvas .creators_academy_section .info .item .link:before {
    bottom: 3px
}

.webtoon_canvas .creators_academy_section .info .item .link:after {
    background-position: -456px -1071px;
    background-repeat: no-repeat;
    content: "";
    height: 15px;
    margin: 2px 0 0 4px;
    width: 10px
}

.th .webtoon_canvas .creators_academy_section .info .item .link:after {
    margin-top: 9px
}

.webtoon_canvas .creators_academy_section .info .item .coming_soon {
    color: #444;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 12px;
    vertical-align: top
}

.th .webtoon_canvas .creators_academy_section .info .item .coming_soon {
    line-height: 30px;
    margin-top: 14px
}

.webtoon_canvas .creators_academy_section .info .item1:before {
    background-position: -1006px -583px;
    background-repeat: no-repeat;
    height: 254px;
    width: 180px
}

.th .webtoon_canvas .creators_academy_section .info .item1:before {
    background-position: -640px -345px;
    background-repeat: no-repeat;
    height: 226px;
    width: 160px
}

.webtoon_canvas .creators_academy_section .info .item1 .stitle {
    color: #4fff8c
}

.webtoon_canvas .creators_academy_section .info .item2:before {
    background-position: -4px -943px;
    background-repeat: no-repeat;
    height: 254px;
    width: 180px
}

.th .webtoon_canvas .creators_academy_section .info .item2:before {
    background-position: -472px -345px;
    background-repeat: no-repeat;
    height: 226px;
    width: 160px
}

.webtoon_canvas .creators_academy_section .info .item2 .stitle {
    color: #a18cff
}

.webtoon_canvas .creators_news_section {
    background-color: #eaebf0;
    font-family: volte, hind, sans-serif;
    padding: 117px 0 119px
}

.th .webtoon_canvas .creators_news_section {
    font-family: kanit, hind, sans-serif
}

.webtoon_canvas .creators_news_section .creators_news_wrap {
    margin: 0 auto;
    width: 1200px
}

.webtoon_canvas .creators_news_section .title {
    font-size: 60px;
    letter-spacing: -.1px;
    line-height: 61px
}

.th .webtoon_canvas .creators_news_section .title {
    letter-spacing: 0;
    line-height: 60px
}

.webtoon_canvas .creators_news_section .desc {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 10px
}

.th .webtoon_canvas .creators_news_section .desc {
    font-weight: 400;
    margin-top: 15px
}

.webtoon_canvas .creators_news_section .creators_news_group {
    margin-top: 36px;
    position: relative
}

.webtoon_canvas .creators_news_section .creators_news_list {
    margin-left: -25px;
    overflow: hidden
}

.webtoon_canvas .creators_news_section .creators_news_list.on li {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.webtoon_canvas .creators_news_section .creators_news_list.on li:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.webtoon_canvas .creators_news_section .creators_news_list.on li:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.webtoon_canvas .creators_news_section .creators_news_list.on li:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.webtoon_canvas .creators_news_section .creators_news_list.on li:nth-child(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.webtoon_canvas .creators_news_section .creators_news_list li {
    float: left;
    height: 560px;
    margin: 25px 0 0 25px;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 383px
}

.webtoon_canvas .creators_news_section .creators_news_list li.big_news {
    width: 792px
}

.webtoon_canvas .creators_news_section .creators_news_list li.big_news .image_wrap {
    height: 560px
}

.webtoon_canvas .creators_news_section .creators_news_list li.big_news .text_area {
    background: none;
    bottom: 0;
    left: 0;
    padding: 0 20px 21px;
    position: absolute;
    right: 0
}

.webtoon_canvas .creators_news_section .creators_news_list li.big_news .text_area:before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#100), to(transparent));
    background-image: linear-gradient(0deg, #100, transparent);
    bottom: 0;
    content: "";
    height: 177px;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0
}

.webtoon_canvas .creators_news_section .creators_news_list li.big_news .text_area .subj {
    -webkit-line-clamp: 2;
    color: #fff;
    height: auto;
    line-height: 38px;
    margin-top: 6px;
    position: relative
}

.webtoon_canvas .creators_news_section .creators_news_list li.big_news .text_area .author {
    color: #fff;
    padding-top: 0;
    position: relative
}

.webtoon_canvas .creators_news_section .creators_news_list .link {
    display: block
}

.webtoon_canvas .creators_news_section .creators_news_list .link .image_wrap {
    height: 327px;
    overflow: hidden;
    position: relative;
    width: inherit
}

.webtoon_canvas .creators_news_section .creators_news_list .link .image_wrap img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 100%
}

.webtoon_canvas .creators_news_section .creators_news_list .link .image_wrap .no_image {
    background-color: #0a0b0b;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.webtoon_canvas .creators_news_section .creators_news_list .link .image_wrap .no_image:before {
    background-position: -1264px -656px;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    height: 121px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 276px
}

.webtoon_canvas .creators_news_section .creators_news_list .link .image_wrap:after {
    border: 1px solid rgba(0, 0, 0, .05);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.webtoon_canvas .creators_news_section .creators_news_list .link:hover img {
    -webkit-transform: scale(1.1) translate(-45%, -45%);
    -ms-transform: scale(1.1) translate(-45%, -45%);
    transform: scale(1.1) translate(-45%, -45%)
}

.webtoon_canvas .creators_news_section .creators_news_list .link:hover .image_wrap:after {
    background-color: rgba(0, 0, 0, .3)
}

.webtoon_canvas .creators_news_section .creators_news_list .link:hover .no_image:before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.webtoon_canvas .creators_news_section .creators_news_list .text_area {
    background: #fff;
    padding: 25px 20px 26px
}

.webtoon_canvas .creators_news_section .creators_news_list .text_area .subj {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    font-size: 28px;
    font-weight: 600;
    height: 140px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis
}

.th .webtoon_canvas .creators_news_section .creators_news_list .text_area .subj {
    font-weight: 500;
    height: 144px
}

.webtoon_canvas .creators_news_section .creators_news_list .text_area .author {
    color: #000;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    opacity: .55;
    padding-top: 25px
}

.th .webtoon_canvas .creators_news_section .creators_news_list .text_area .author {
    font-weight: 500
}

.webtoon_canvas .creators_news_section .button_news_wrap {
    margin-top: 70px;
    text-align: center
}

.webtoon_canvas .creators_news_section .button_news_more {
    background-position: -432px -943px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 70px;
    width: 70px
}

.webtoon_canvas .creators_news_section .button_news_more:hover {
    background-position: -510px -943px
}

.webtoon_canvas .creators_email_section {
    background-color: #fff;
    font-family: volte, hind, sans-serif;
    padding: 54px 0 69px
}

.webtoon_canvas .creators_email_section .creators_email_wrap {
    margin: 0 auto;
    text-align: center;
    width: 1200px
}

.webtoon_canvas .creators_email_section .desc {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px
}

.webtoon_canvas .creators_email_section .title {
    font-size: 42px;
    line-height: 50px;
    margin-top: 5px
}

.webtoon_canvas .creators_email_section .input_area {
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    margin: 18px auto 0;
    overflow: hidden;
    width: 700px
}

.webtoon_canvas .creators_email_section .input_text {
    background-color: #eaebf0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    font-family: volte, hind, sans-serif;
    font-size: 22px;
    height: 100%;
    padding: 0 24px;
    width: 100%
}

.webtoon_canvas .creators_email_section .input_text::-webkit-input-placeholder {
    color: #c5c6cb
}

.webtoon_canvas .creators_email_section .input_text::-moz-placeholder {
    color: #c5c6cb
}

.webtoon_canvas .creators_email_section .input_text:-ms-input-placeholder {
    color: #c5c6cb
}

.webtoon_canvas .creators_email_section .input_text::-ms-input-placeholder {
    color: #c5c6cb
}

.webtoon_canvas .creators_email_section .input_text::placeholder {
    color: #c5c6cb
}

.webtoon_canvas .creators_email_section .btn_subscribe {
    -webkit-box-flex: 1;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    -ms-flex: 1;
    flex: 1;
    font-family: volte, hind, sans-serif;
    font-size: 22px;
    font-weight: 500;
    padding: 0 20px
}

.webtoon_canvas .creators_email_section .btn_subscribe[disabled] {
    background-color: #dbdce2;
    color: #fff;
    cursor: default
}

.canvas_news_wrap {
    margin: 0 auto;
    width: 1110px
}

.th .canvas_news_wrap {
    font-family: kanit, hind, sans-serif
}

.canvas_news_wrap .header_area {
    border-bottom: 1px solid #eaeaea;
    padding: 66px 0 25px
}

.th .canvas_news_wrap .header_area {
    padding-top: 62px
}

.canvas_news_wrap .header_area .category {
    display: inline-block;
    font-family: volte, hind, sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 27px;
    position: relative;
    vertical-align: top
}

.th .canvas_news_wrap .header_area .category {
    font-family: kanit, hind, sans-serif;
    font-size: 29px
}

.canvas_news_wrap .header_area .category:after {
    background: #4fff8c;
    bottom: 7px;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: -3px;
    z-index: -1
}

.th .canvas_news_wrap .header_area .category:after {
    bottom: 2px
}

.canvas_news_wrap .header_area .title {
    font-family: volte, hind, sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    margin-top: 19px
}

.th .canvas_news_wrap .header_area .title {
    font-family: kanit, hind, sans-serif;
    font-size: 54px;
    line-height: 64px;
    margin-top: 22px
}

.canvas_news_wrap .header_area .title.v2 {
    font-size: 55px
}

.canvas_news_wrap .header_area .writer {
    margin: 19px 0 0 -4px
}

.canvas_news_wrap .header_area .writer:after {
    clear: both;
    content: "";
    display: block
}

.th .canvas_news_wrap .header_area .writer {
    margin: 27px 0 0
}

.canvas_news_wrap .header_area .writer .thumbnail {
    border-radius: 50%;
    float: left;
    height: 54px;
    margin-right: 10px;
    overflow: hidden;
    width: 54px
}

.canvas_news_wrap .header_area .writer .name {
    font-size: 18px;
    font-weight: 500;
    line-height: 29px;
    padding-top: 2px
}

.th .canvas_news_wrap .header_area .writer .name {
    font-size: 19px;
    padding-top: 1px
}

.canvas_news_wrap .header_area .writer .date {
    font-size: 14px;
    line-height: 23px;
    margin-top: -3px
}

.th .canvas_news_wrap .header_area .writer .date {
    font-weight: 300;
    line-height: 21px
}

.canvas_news_wrap .cont_area {
    padding: 50px 0 100px
}

.es .canvas_news_wrap .cont_area, .th .canvas_news_wrap .cont_area {
    padding-bottom: 100px
}

.canvas_news_wrap .cont_area > .title {
    font-family: volte, hind, sans-serif;
    font-size: 34px;
    line-height: 38px;
    margin-top: 74px
}

.es .canvas_news_wrap .cont_area > .title {
    margin-top: 107px
}

.th .canvas_news_wrap .cont_area > .title {
    font-family: kanit, hind, sans-serif;
    margin-top: 80px
}

.canvas_news_wrap .cont_area > .title + .text {
    margin-top: 7px
}

.es .canvas_news_wrap .cont_area > .title + .text {
    margin-top: 17px
}

.canvas_news_wrap .cont_area > .title + .img_area {
    margin-top: 20px
}

.th .canvas_news_wrap .cont_area > .title + .img_area {
    margin-top: 26px
}

.canvas_news_wrap .cont_area .text {
    font-size: 20px;
    font-weight: 300;
    line-height: 34px
}

.canvas_news_wrap .cont_area .text:first-child {
    margin-top: 0 !important
}

.es .canvas_news_wrap .cont_area .text {
    margin-top: 25px
}

.canvas_news_wrap .cont_area .text em {
    color: #e24e2c
}

.canvas_news_wrap .cont_area .text a {
    color: #3b6cef
}

.canvas_news_wrap .cont_area .text strong {
    font-weight: 600
}

.canvas_news_wrap .cont_area .text + .text {
    margin-top: 13px
}

.canvas_news_wrap .cont_area .text .link {
    background: #00dc64;
    border-radius: 42px;
    color: #fff;
    display: block;
    font-family: volte, hind, sans-serif;
    font-size: 26px;
    font-weight: 600;
    height: 80px;
    line-height: 84px;
    margin: 50px auto;
    text-align: center;
    width: 333px
}

.es .canvas_news_wrap .cont_area .text .link {
    width: 355px
}

.fr .canvas_news_wrap .cont_area .text .link {
    width: 393px
}

.canvas_news_wrap .cont_area .text .link:after {
    background-position: -1125px -549px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 25px;
    margin: -4px 0 0 10px;
    vertical-align: middle;
    width: 47px
}

.canvas_news_wrap .cont_area .text .img_make_money {
    display: block;
    margin: 50px auto 0
}

.canvas_news_wrap .cont_area .text.v2 {
    font-size: 18px;
    line-height: 30px;
    margin-top: 26px
}

.canvas_news_wrap .cont_area > .link {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 29px;
    margin-top: 10px;
    position: relative
}

.canvas_news_wrap .cont_area > .link:before {
    background: #000;
    bottom: 4px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.canvas_news_wrap .cont_area > .link:after {
    background-position: -1093px -999px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 12px;
    margin: 7px 0 0 5px;
    vertical-align: top;
    width: 9px
}

.canvas_news_wrap .cont_area > .img_area {
    margin-top: 25px;
    text-align: center
}

.canvas_news_wrap .cont_area .video_area {
    height: 470px;
    margin: 10px auto 0;
    width: 836px
}

.canvas_news_wrap .cont_area .video_area .video_play_button {
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 100%
}

.canvas_news_wrap .cont_area .video_area .video_play_button:after {
    background-position: -808px -345px;
    background-repeat: no-repeat;
    content: "";
    height: 112px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 112px
}

.canvas_news_wrap .cont_area .video_area iframe {
    vertical-align: top;
    width: 100%
}

.canvas_news_wrap .cont_area .download_app {
    font-family: volte, hind, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    margin-top: 80px;
    text-align: center
}

.canvas_news_wrap .cont_area .download_app a {
    color: #3b6cef
}

.th .canvas_news_wrap .cont_area .download_app {
    font-family: kanit, hind, sans-serif;
    margin-top: 80px
}

.canvas_news_wrap .cont_area .canvas_news_list {
    margin-top: 50px;
    position: relative
}

.canvas_news_wrap .cont_area .canvas_news_list .item {
    position: relative
}

.canvas_news_wrap .cont_area .canvas_news_list .item:after {
    clear: both;
    content: "";
    display: block
}

.canvas_news_wrap .cont_area .canvas_news_list .item + .item {
    margin-top: 30px
}

.canvas_news_wrap .cont_area .canvas_news_list .item:before {
    border: 1px solid rgba(0, 0, 0, .1);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.canvas_news_wrap .cont_area .canvas_news_list .img_area {
    float: left
}

.canvas_news_wrap .cont_area .canvas_news_list .img_area img {
    width: 414px
}

.canvas_news_wrap .cont_area .canvas_news_list .img_area .icon_bonus {
    background-position: -1092px -364px;
    background-repeat: no-repeat;
    height: 136px;
    left: 0;
    position: absolute;
    top: 0;
    width: 133px
}

.canvas_news_wrap .cont_area .canvas_news_list .info_area {
    overflow: hidden;
    padding: 31px 32px 0 34px
}

.th .canvas_news_wrap .cont_area .canvas_news_list .info_area {
    padding-top: 27px
}

.canvas_news_wrap .cont_area .canvas_news_list .info_area .title {
    font-family: volte, hind, sans-serif;
    font-size: 30px;
    line-height: 34px
}

.th .canvas_news_wrap .cont_area .canvas_news_list .info_area .title {
    font-family: kanit, hind, sans-serif
}

.canvas_news_wrap .cont_area .canvas_news_list .info_area .author {
    font-family: volte, hind, sans-serif;
    font-size: 28px;
    line-height: 34px;
    margin-left: 4px
}

.th .canvas_news_wrap .cont_area .canvas_news_list .info_area .author {
    font-family: kanit, hind, sans-serif;
    font-weight: 300
}

.canvas_news_wrap .cont_area .canvas_news_list .info_area .summary {
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
    margin-top: 6px
}

.th .canvas_news_wrap .cont_area .canvas_news_list .info_area .summary {
    margin-top: 8px
}

.canvas_news_wrap .cont_area .canvas_news_list .info_area .link {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 29px;
    margin-top: 8px;
    position: relative;
    vertical-align: top
}

.th .canvas_news_wrap .cont_area .canvas_news_list .info_area .link {
    margin-top: 7px
}

.canvas_news_wrap .cont_area .canvas_news_list .info_area .link:before {
    background: #000;
    bottom: 5px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.id .canvas_news_wrap .cont_area .canvas_news_list .info_area .link:before, .th .canvas_news_wrap .cont_area .canvas_news_list .info_area .link:before {
    bottom: 3px
}

.canvas_news_wrap .cont_area .canvas_news_list .info_area .link:after {
    background-position: -1093px -999px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 12px;
    margin: 7px 0 0 4px;
    vertical-align: top;
    width: 9px
}

.id .canvas_news_wrap .cont_area .canvas_news_list .info_area .link:after, .th .canvas_news_wrap .cont_area .canvas_news_list .info_area .link:after {
    margin-top: 9px
}

.canvas_news_wrap .cont_area .canvas_news_list .info_area .desc {
    bottom: 24px;
    color: #888;
    font-size: 19px;
    font-weight: 300;
    left: 447px;
    line-height: 30px;
    position: absolute;
    right: 32px
}

.canvas_news_wrap .cont_area .canvas_news_list .info_area .desc a {
    color: #3b6cef;
    text-decoration: none
}

.academy_video_end_section .read_now_area, .canvas_news_wrap .read_now_area, .creator_story_wrap .read_now_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.academy_video_end_section .read_now_area:after, .canvas_news_wrap .read_now_area:after, .creator_story_wrap .read_now_area:after {
    clear: both;
    content: "";
    display: block
}

.academy_video_end_section .read_now_area:before, .canvas_news_wrap .read_now_area:before, .creator_story_wrap .read_now_area:before {
    border: 1px solid rgba(0, 0, 0, .1);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.academy_video_end_section .read_now_area .info_area, .canvas_news_wrap .read_now_area .info_area, .creator_story_wrap .read_now_area .info_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    padding: 0 26px
}

.academy_video_end_section .read_now_area .info_area .title, .canvas_news_wrap .read_now_area .info_area .title, .creator_story_wrap .read_now_area .info_area .title {
    font-family: volte, hind, sans-serif;
    font-size: 26px;
    line-height: 34px;
    margin-top: 9px
}

.th
.academy_video_end_section .read_now_area .info_area .title, .th
.creator_story_wrap .read_now_area .info_area .title, .th .canvas_news_wrap .read_now_area .info_area .title {
    font-family: kanit, hind, sans-serif
}

.academy_video_end_section .read_now_area .info_area .link_area, .canvas_news_wrap .read_now_area .info_area .link_area, .creator_story_wrap .read_now_area .info_area .link_area {
    margin-top: -1px
}

.academy_video_end_section .read_now_area .info_area .link, .canvas_news_wrap .read_now_area .info_area .link, .creator_story_wrap .read_now_area .info_area .link {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 29px;
    position: relative;
    vertical-align: top
}

.academy_video_end_section .read_now_area .info_area .link:before, .canvas_news_wrap .read_now_area .info_area .link:before, .creator_story_wrap .read_now_area .info_area .link:before {
    background: #000;
    bottom: 5px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.th
.academy_video_end_section .read_now_area .info_area .link:before, .th
.creator_story_wrap .read_now_area .info_area .link:before, .th .canvas_news_wrap .read_now_area .info_area .link:before {
    bottom: 3px
}

.academy_video_end_section .read_now_area .info_area .link:after, .canvas_news_wrap .read_now_area .info_area .link:after, .creator_story_wrap .read_now_area .info_area .link:after {
    background-position: -1093px -999px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 12px;
    margin: 7px 0 0 5px;
    vertical-align: top;
    width: 9px
}

.id
.academy_video_end_section .read_now_area .info_area .link:after, .id
.creator_story_wrap .read_now_area .info_area .link:after, .id .canvas_news_wrap .read_now_area .info_area .link:after {
    margin-left: 3px
}

.th
.academy_video_end_section .read_now_area .info_area .link:after, .th
.creator_story_wrap .read_now_area .info_area .link:after, .th .canvas_news_wrap .read_now_area .info_area .link:after {
    margin: 9px 0 0 4px
}

.academy_video_end_section .read_now_area .info_area .follow, .canvas_news_wrap .read_now_area .info_area .follow, .creator_story_wrap .read_now_area .info_area .follow {
    font-size: 18px;
    font-weight: 300;
    line-height: 32px;
    margin-top: 16px
}

.academy_video_end_section .read_now_area .info_area .follow a, .canvas_news_wrap .read_now_area .info_area .follow a, .creator_story_wrap .read_now_area .info_area .follow a {
    color: #3b6cef
}

.academy_video_end_section .read_now_area.follow_none .info_area .title, .canvas_news_wrap .read_now_area.follow_none .info_area .title, .creator_story_wrap .read_now_area.follow_none .info_area .title {
    font-size: 28px;
    margin-top: 4px
}

.th
.academy_video_end_section .read_now_area.follow_none .info_area .title, .th
.creator_story_wrap .read_now_area.follow_none .info_area .title, .th .canvas_news_wrap .read_now_area.follow_none .info_area .title {
    margin-top: 0
}

.academy_video_end_section .read_now_area.follow_none .info_area .link_area, .canvas_news_wrap .read_now_area.follow_none .info_area .link_area, .creator_story_wrap .read_now_area.follow_none .info_area .link_area {
    margin-top: 4px
}

.th
.academy_video_end_section .read_now_area.follow_none .info_area .link_area, .th
.creator_story_wrap .read_now_area.follow_none .info_area .link_area, .th .canvas_news_wrap .read_now_area.follow_none .info_area .link_area {
    margin-top: 6px
}

.canvas_news_wrap .read_now_area, .creator_story_wrap .read_now_area {
    margin-top: 25px
}

.academy_video_end_section .read_now_area {
    margin-top: 12px
}

.academy_video_end_section .read_now_area .info_area .follow, .academy_video_end_section .read_now_area .info_area .link {
    font-family: hind, simhei, verdana, Helvetica, sans-serif
}

.th .creator_story_wrap {
    font-family: kanit, hind, sans-serif
}

.creator_story_wrap .header_area {
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 314px
}

.id .creator_story_wrap .header_area, .th .creator_story_wrap .header_area {
    height: 378px
}

.creator_story_wrap .header_area .inner {
    margin: 0 auto;
    padding: 66px 0 25px;
    width: 1110px
}

.th .creator_story_wrap .header_area .inner {
    padding-top: 62px
}

.creator_story_wrap .header_area .category {
    display: inline-block;
    font-family: volte, hind, sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 27px;
    position: relative;
    vertical-align: top;
    z-index: 10
}

.th .creator_story_wrap .header_area .category {
    font-family: kanit, hind, sans-serif;
    font-size: 29px
}

.creator_story_wrap .header_area .category .mark {
    bottom: 7px;
    height: 5px;
    left: 0;
    position: absolute;
    right: -3px;
    z-index: -1
}

.th .creator_story_wrap .header_area .category .mark {
    bottom: 2px;
    right: 0
}

.creator_story_wrap .header_area .title {
    font-family: volte, hind, sans-serif;
    font-size: 54px;
    font-weight: 700;
    line-height: 64px;
    margin-top: 34px
}

.th .creator_story_wrap .header_area .title {
    font-family: kanit, hind, sans-serif;
    margin-top: 32px
}

.creator_story_wrap .cont_area {
    margin: 0 auto;
    padding: 35px 0 100px;
    width: 1110px
}

.creator_story_wrap .cont_area .writer {
    border-bottom: 1px solid #eaeaea;
    margin: 0 0 0 -4px;
    padding-bottom: 25px
}

.creator_story_wrap .cont_area .writer:after {
    clear: both;
    content: "";
    display: block
}

.creator_story_wrap .cont_area .writer .thumbnail {
    border-radius: 50%;
    float: left;
    height: 54px;
    margin-right: 10px;
    overflow: hidden;
    width: 54px
}

.creator_story_wrap .cont_area .writer .name {
    font-size: 18px;
    font-weight: 500;
    line-height: 29px;
    padding-top: 2px
}

.creator_story_wrap .cont_area .writer .date {
    font-size: 14px;
    line-height: 23px;
    margin-top: -3px
}

.th .creator_story_wrap .cont_area .writer .date {
    font-weight: 300
}

.creator_story_wrap .cont_area .writer + .text {
    margin-top: 49px
}

.creator_story_wrap .cont_area .writer + .title {
    margin-top: 57px
}

.creator_story_wrap .cont_area > .title {
    font-family: volte, hind, sans-serif;
    font-size: 30px;
    line-height: 40px;
    margin-top: 46px
}

.th .creator_story_wrap .cont_area > .title {
    font-family: kanit, hind, sans-serif;
    font-size: 31px;
    line-height: 42px;
    margin-top: 50px
}

.creator_story_wrap .cont_area .text {
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    margin-top: 7px
}

.th .creator_story_wrap .cont_area .text {
    margin-top: 15px
}

.creator_story_wrap .cont_area > .img_area {
    margin-top: 50px;
    text-align: center
}

.creator_story_wrap .cont_area > .img_area + .title {
    margin-top: 57px
}

.th .creator_story_wrap .cont_area > .img_area + .title {
    margin-top: 50px
}

.creator_story_wrap .cont_area > .img_area + .text {
    margin-top: 49px
}

.creator_story_wrap .cont_area .video_area, .th .creator_story_wrap .cont_area > .img_area + .text {
    margin-top: 50px
}

.creator_story_wrap .cont_area .video_area .video_play_button {
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 100%
}

.creator_story_wrap .cont_area .video_area .video_play_button:after {
    background-position: -808px -345px;
    background-repeat: no-repeat;
    content: "";
    height: 112px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 112px
}

.creator_story_wrap .cont_area .video_area iframe {
    vertical-align: top;
    width: 100%
}

.creator_story_wrap .read_now_area {
    margin-top: 40px
}

.creators101_end_list_wrap {
    background: #f5f5f5
}

.creators101_end_list_inner {
    margin: 0 auto;
    padding: 71px 0 70px;
    position: relative;
    width: 1110px;
    z-index: 10
}

.th .creators101_end_list_inner {
    padding-top: 64px
}

.creators101_end_list_inner .title {
    font-family: volte, hind, sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 11px
}

.th .creators101_end_list_inner .title {
    font-family: kanit, hind, sans-serif;
    line-height: 33px;
    margin-bottom: 8px
}

.creators101_end_list_inner .control button {
    background: #00dc64;
    cursor: pointer;
    height: 50px;
    position: absolute;
    top: 233px;
    width: 50px;
    z-index: 3000
}

.creators101_end_list_inner .control .btn_prev {
    background-position: -1064px -845px;
    background-repeat: no-repeat;
    height: 50px;
    left: 50%;
    margin-left: -580px;
    width: 50px
}

.creators101_end_list_inner .control .btn_prev:hover {
    background-position: -1194px -631px
}

.creators101_end_list_inner .control .btn_next {
    background-position: -1194px -747px;
    background-repeat: no-repeat;
    height: 50px;
    margin-right: -580px;
    right: 50%;
    width: 50px
}

.creators101_end_list_inner .control .btn_next:hover {
    background-position: -1006px -845px
}

.creators101_end_list_inner .control .pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 36px
}

.creators101_end_list_inner .control .pagination .item {
    background: #000;
    border-radius: 50%;
    height: 12px;
    margin: 0 4px 0 3px;
    opacity: .1;
    width: 12px
}

.creators101_end_list_inner .control .pagination .item.on {
    opacity: 1
}

.creators101_end_list_area {
    margin: 0 -8px;
    overflow: hidden
}

.creators101_end_list {
    width: 100%
}

.creators101_end_list:after {
    clear: both;
    content: "";
    display: block
}

.creators101_end_list .item {
    float: left;
    margin: 0 8px;
    width: 265px
}

.creators101_end_list .item a {
    display: block;
    position: relative
}

.creators101_end_list .item a:hover .img_area:after {
    background-color: rgba(0, 0, 0, .3)
}

.creators101_end_list .item a:hover .img_area img {
    -webkit-transform: scale(1.2) translate(-41.5%, -41.5%);
    -ms-transform: scale(1.2) translate(-41.5%, -41.5%);
    transform: scale(1.2) translate(-41.5%, -41.5%)
}

.creators101_end_list .item a:after {
    border: 4px solid #4fff8c;
    bottom: 0;
    content: "";
    display: none;
    left: -1px;
    position: absolute;
    right: -1px;
    top: 0
}

.creators101_end_list .item.on a:after {
    display: block
}

.creators101_end_list .item .img_area {
    height: 216px;
    overflow: hidden;
    position: relative;
    width: 265px
}

.creators101_end_list .item .img_area:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.creators101_end_list .item .img_area img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.creators101_end_list .item .info_area {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 149px;
    padding: 16px 12px 0;
    position: relative
}

.th .creators101_end_list .item .info_area {
    padding-top: 11px
}

.creators101_end_list .item .info_area .subject {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    font-family: volte, hind, sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis
}

.th .creators101_end_list .item .info_area .subject {
    font-family: kanit, hind, sans-serif;
    font-weight: 500
}

.creators101_end_list .item .info_area .writer {
    bottom: 16px;
    font-family: volte, hind, sans-serif;
    font-size: 12px;
    font-weight: 600;
    left: 12px;
    line-height: 12px;
    opacity: .4;
    position: absolute
}

.th .creators101_end_list .item .info_area .writer {
    font-family: kanit, hind, sans-serif;
    font-weight: 500
}

.creators101_end_list .item.video .img_area:before {
    background-position: -1194px -689px;
    background-repeat: no-repeat;
    bottom: 15px;
    content: "";
    height: 50px;
    position: absolute;
    right: 15px;
    width: 50px;
    z-index: 10
}

.webtoon_academy_wrap {
    font-family: volte, hind, sans-serif;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 106px;
    width: 1200px
}

.th .webtoon_academy_wrap {
    font-family: kanit, hind, sans-serif
}

.webtoon_academy_wrap.video_end {
    width: 1110px
}

.webtoon_academy_wrap.video_end .academy_title.creator:after {
    display: none
}

.webtoon_academy_wrap.video_end .academy_title span {
    bottom: 7px;
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1
}

.webtoon_academy_aside {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 79px 64px 0 0;
    width: 299px
}

.th .webtoon_academy_aside {
    padding-top: 76px
}

.webtoon_academy_aside .item + .item {
    margin-top: 30px
}

.webtoon_academy_aside .category {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.02px
}

.th .webtoon_academy_aside .category {
    letter-spacing: 0
}

.webtoon_academy_aside .sub_menu_list {
    margin-top: 10px
}

.th .webtoon_academy_aside .sub_menu_list {
    margin-top: 4px
}

.webtoon_academy_aside .sub_menu_list .sub_item.on .sub_link {
    color: #000
}

.webtoon_academy_aside .sub_menu_list .sub_item.on .sub_link:hover {
    background: none
}

.webtoon_academy_aside .sub_menu_list .sub_link {
    color: rgba(0, 0, 0, .4);
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.3px;
    line-height: 20px;
    padding: 9px 11px 9px 12px
}

.th .webtoon_academy_aside .sub_menu_list .sub_link {
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 23px
}

.webtoon_academy_aside .sub_menu_list .sub_link:hover {
    background-color: rgba(234, 235, 240, .7)
}

.webtoon_academy_video_list_section {
    overflow: hidden;
    padding-top: 77px
}

.th .webtoon_academy_video_list_section {
    padding-top: 73px
}

.webtoon_academy_video_list_section .title {
    font-size: 34px;
    letter-spacing: -.2px;
    line-height: 35px
}

.th .webtoon_academy_video_list_section .title {
    font-size: 35px;
    letter-spacing: 0
}

.webtoon_academy_video_list_section .desc {
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 24px;
    margin-top: 7px
}

.th .webtoon_academy_video_list_section .desc {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 26px;
    margin-top: 13px
}

.webtoon_academy_video_list_area {
    margin-top: 35px
}

.th .webtoon_academy_video_list_area {
    margin-top: 40px
}

.webtoon_academy_video_list_area .count {
    font-size: 19px;
    font-weight: 600;
    line-height: normal
}

.th .webtoon_academy_video_list_area .count {
    font-size: 17px;
    font-weight: 500
}

.webtoon_academy_video_list_area .count em {
    color: #00dc64
}

.th .webtoon_academy_video_list_area .count em {
    font-family: volte, hind, sans-serif;
    font-size: 19px;
    font-weight: 600
}

.webtoon_academy_video_list_area .webtoon_academy_video_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -20px 0 0 -11px
}

.webtoon_academy_video_list_area .webtoon_academy_video_list .item {
    margin: 26px 0 0 11px;
    width: 293px
}

.webtoon_academy_video_list_area .webtoon_academy_video_list .link {
    display: block
}

.webtoon_academy_video_list_area .webtoon_academy_video_list .link:hover .thumbnail:before {
    background-color: rgba(0, 0, 0, .2)
}

.webtoon_academy_video_list_area .webtoon_academy_video_list .thumbnail {
    position: relative
}

.webtoon_academy_video_list_area .webtoon_academy_video_list .thumbnail:before {
    border: 1px solid #eaeaea;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.webtoon_academy_video_list_area .webtoon_academy_video_list .thumbnail:after {
    background-position: -810px -1023px;
    background-repeat: no-repeat;
    bottom: 10px;
    content: "";
    height: 32px;
    position: absolute;
    right: 10px;
    width: 32px
}

.webtoon_academy_video_list_area .webtoon_academy_video_list .video_title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: -.3px;
    line-height: 22px;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis
}

.th .webtoon_academy_video_list_area .webtoon_academy_video_list .video_title {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 26px;
    margin-top: 9px
}

.webtoon_academy_video_list_area .webtoon_academy_video_list .channel {
    color: rgba(0, 0, 0, .4);
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    margin-top: 4px
}

.webtoon_academy_downloadable_section {
    overflow: hidden;
    padding-top: 77px
}

.th .webtoon_academy_downloadable_section {
    padding-top: 73px
}

.webtoon_academy_downloadable_section .title {
    font-size: 34px;
    letter-spacing: -.2px;
    line-height: 35px
}

.th .webtoon_academy_downloadable_section .title {
    font-size: 35px;
    letter-spacing: 0
}

.webtoon_academy_downloadable_section .webtoon_academy_download_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 31px 0 0 -11px
}

.th .webtoon_academy_downloadable_section .webtoon_academy_download_list {
    margin-top: 35px
}

.webtoon_academy_downloadable_section .webtoon_academy_download_list .item {
    margin: 11px 0 0 11px
}

.webtoon_academy_downloadable_section .webtoon_academy_download_list .link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #eaebf0;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    min-height: 98px;
    padding: 18px 22px 15px;
    width: 293px
}

.th .webtoon_academy_downloadable_section .webtoon_academy_download_list .link {
    padding-top: 15px
}

.webtoon_academy_downloadable_section .webtoon_academy_download_list .title {
    word-wrap: break-word;
    display: block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.2px;
    line-height: 20px;
    word-break: keep-all
}

.th .webtoon_academy_downloadable_section .webtoon_academy_download_list .title {
    font-weight: 500;
    letter-spacing: 0
}

.webtoon_academy_downloadable_section .webtoon_academy_download_list .download {
    color: #00dc78;
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-left: -1px;
    margin-top: 11px
}

.th .webtoon_academy_downloadable_section .webtoon_academy_download_list .download {
    font-size: 13px;
    font-weight: 500;
    margin-top: 9px
}

.webtoon_academy_downloadable_section .webtoon_academy_download_list .download:before {
    background-position: -963px -999px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 13px;
    margin-right: 4px;
    vertical-align: top;
    width: 13px
}

.th .webtoon_academy_downloadable_section .webtoon_academy_download_list .download:before {
    margin-top: 3px
}

.academy_title {
    display: inline-block;
    font-size: 26px;
    font-weight: 600;
    line-height: normal;
    padding-top: 64px;
    position: relative;
    vertical-align: top
}

.th .academy_title {
    font-size: 29px;
    line-height: 27px;
    padding-top: 62px
}

.academy_title:after {
    background: #4fff8c;
    bottom: 7px;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1
}

.th .academy_title:after {
    bottom: 1px
}

.academy_video_wrap {
    margin: 32px 0 53px
}

.academy_video_wrap .academy_video_area {
    position: relative
}

.academy_video_wrap .academy_video_area:before {
    border: 1px solid #eaeaea;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.academy_video_wrap .academy_video_area.creator:before {
    border: 1px solid rgba(0, 0, 0, .06)
}

.th .academy_video_wrap {
    margin-top: 37px
}

.academy_video_wrap iframe {
    vertical-align: top
}

.academy_video_wrap .video_title {
    display: block;
    font-size: 45px;
    line-height: 53px;
    margin-top: 33px
}

.th .academy_video_wrap .video_title {
    font-size: 43px;
    line-height: 54px;
    margin-top: 22px
}

.academy_video_wrap .video_desc {
    font-size: 18px;
    line-height: 34px;
    margin-top: 21px
}

.th .academy_video_wrap .video_desc {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 34px;
    margin-top: 22px
}

.academy_video_wrap .video_desc .link {
    color: #3b6cef
}

.academy_video_wrap .video_desc em {
    font-weight: 600
}

.academy_video_wrap .video_channel {
    color: #a5a5a5;
    display: block;
    font-size: 16px;
    line-height: 26px;
    margin-top: 25px
}

.th .academy_video_wrap .video_channel {
    font-weight: 300;
    margin-top: 22px
}

.academy_video_end_section {
    border-top: 1px solid #eaeaea;
    padding-top: 53px
}

.academy_video_end_section .academy_sub_title {
    font-size: 24px;
    font-weight: 600;
    line-height: 24px
}

.th .academy_video_end_section .academy_sub_title {
    font-weight: 500
}

.academy_video_end_section .webtoon_academy_download_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 65px -15px
}

.th .academy_video_end_section .webtoon_academy_download_list {
    margin-top: 1px
}

.academy_video_end_section .webtoon_academy_download_list .item {
    margin: 15px 0 0 15px
}

.academy_video_end_section .webtoon_academy_download_list .link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #eaebf0;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    min-height: 138px;
    padding: 21px 25px 22px;
    width: 360px
}

.th .academy_video_end_section .webtoon_academy_download_list .link {
    padding: 16px 25px 21px
}

.academy_video_end_section .webtoon_academy_download_list .title {
    word-wrap: break-word;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.2px;
    line-height: 29px;
    word-break: keep-all
}

.th .academy_video_end_section .webtoon_academy_download_list .title {
    font-size: 23px;
    font-weight: 500;
    line-height: 33px
}

.academy_video_end_section .webtoon_academy_download_list .download {
    color: #00dc78;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-left: -1px;
    padding-top: 18px
}

.th .academy_video_end_section .webtoon_academy_download_list .download {
    font-size: 17px;
    font-weight: 500;
    padding-top: 8px
}

.academy_video_end_section .webtoon_academy_download_list .download:before {
    background-position: -1576px -854px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    vertical-align: top;
    width: 13px
}

.th .academy_video_end_section .webtoon_academy_download_list .download:before {
    margin-top: 6px
}

.academy_video_end_section .webtoon_academy_video_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -11px 0 0 -15px
}

.academy_video_end_section .webtoon_academy_video_list .item {
    margin: 26px 0 0 15px
}

.academy_video_end_section .webtoon_academy_video_list .link {
    display: block;
    width: 360px
}

.academy_video_end_section .webtoon_academy_video_list .link.is_selected .thumbnail:before {
    background-color: rgba(0, 0, 0, .3);
    border: 4px solid #4fff8c
}

.academy_video_end_section .webtoon_academy_video_list .link:hover .thumbnail:before {
    background-color: rgba(0, 0, 0, .2)
}

.academy_video_end_section .webtoon_academy_video_list .thumbnail {
    position: relative
}

.academy_video_end_section .webtoon_academy_video_list .thumbnail:before {
    border: 1px solid #eaeaea;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.academy_video_end_section .webtoon_academy_video_list .thumbnail:after {
    background-position: -1548px -734px;
    background-repeat: no-repeat;
    bottom: 10px;
    content: "";
    height: 42px;
    position: absolute;
    right: 10px;
    width: 42px
}

.academy_video_end_section .webtoon_academy_video_list .title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.3px;
    line-height: 29px;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis
}

.th .academy_video_end_section .webtoon_academy_video_list .title {
    font-weight: 500;
    letter-spacing: 0;
    margin-top: 13px
}

.academy_video_end_section .webtoon_academy_video_list .channel {
    color: rgba(0, 0, 0, .4);
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
    margin-top: 5px
}

.th .academy_video_end_section .webtoon_academy_video_list .channel {
    font-weight: 400;
    margin-top: 7px
}

.academy_video_end_link_wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-top: 53px
}

.academy_video_end_link_wrap .link_next, .academy_video_end_link_wrap .link_previous {
    border: 2px solid #000;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 600;
    line-height: 19px;
    padding: 14px 24px 13px
}

.th .academy_video_end_link_wrap .link_next, .th .academy_video_end_link_wrap .link_previous {
    font-weight: 500;
    padding: 13px 24px 14px
}

.academy_video_end_link_wrap .link_previous:before {
    background-position: -1497px -920px;
    background-repeat: no-repeat;
    content: "";
    height: 13px;
    margin: 3px 8px 0 0;
    width: 25px
}

.th .academy_video_end_link_wrap .link_previous:before {
    margin-top: 4px
}

.academy_video_end_link_wrap .link_next:after {
    background-position: -1464px -920px;
    background-repeat: no-repeat;
    content: "";
    height: 13px;
    margin: 3px 0 0 8px;
    width: 25px
}

.th .academy_video_end_link_wrap .link_next:after {
    margin-top: 4px
}

.webtoon_academy_wrap.main {
    padding-bottom: 0;
    position: relative
}

.webtoon_academy_wrap.main .title {
    font-size: 67px;
    letter-spacing: -.5px;
    line-height: 67px;
    padding-top: 83px;
    text-align: center
}

.id .webtoon_academy_wrap.main .title {
    font-size: 75px;
    line-height: 75px;
    padding-top: 77px
}

.th .webtoon_academy_wrap.main .title {
    font-size: 74px;
    line-height: 70px;
    padding-top: 72px
}

.webtoon_academy_wrap.main .learn_more_wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: 29px auto 0;
    text-align: center;
    width: 940px
}

.id .webtoon_academy_wrap.main .learn_more_wrap {
    margin-top: 27px
}

.webtoon_academy_wrap.main .learn_more_wrap .item {
    padding-top: 328px;
    position: relative;
    width: 450px
}

.th .webtoon_academy_wrap.main .learn_more_wrap .item {
    padding-top: 337px
}

.webtoon_academy_wrap.main .learn_more_wrap .item:before {
    content: "";
    height: 333px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.webtoon_academy_wrap.main .learn_more_wrap .item1 {
    background-image: linear-gradient(180deg, #fff 169px, #4fff8c 169px 100%);
    background-image: -ms-linear-gradient(top, #fff 169px, #4fff8c 169px)
}

.webtoon_academy_wrap.main .learn_more_wrap .item1:before {
    background-position: -472px -4px;
    background-repeat: no-repeat;
    height: 333px;
    width: 450px
}

.webtoon_academy_wrap.main .learn_more_wrap .item2 {
    background: linear-gradient(180deg, #fff 169px, #a18cff 169px 100%);
    background-image: -ms-linear-gradient(top, #fff 169px, #a18cff 169px)
}

.webtoon_academy_wrap.main .learn_more_wrap .item2:before {
    background-position: -4px -242px;
    background-repeat: no-repeat;
    height: 333px;
    width: 450px
}

.webtoon_academy_wrap.main .learn_more_wrap .stitle {
    display: block;
    font-size: 30px;
    line-height: 31px
}

.th .webtoon_academy_wrap.main .learn_more_wrap .stitle {
    line-height: 45px
}

.webtoon_academy_wrap.main .learn_more_wrap .desc {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin: 6px auto 0;
    width: 340px
}

.th .webtoon_academy_wrap.main .learn_more_wrap .desc {
    font-weight: 400;
    line-height: 30px;
    margin-top: 4px
}

.webtoon_academy_wrap.main .learn_more_wrap .learn_more {
    border-top: 1px solid rgba(0, 0, 0, .17);
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin: 17px auto 0;
    padding: 16px 0 20px;
    width: 340px
}

.th .webtoon_academy_wrap.main .learn_more_wrap .learn_more {
    margin-top: 20px
}

.webtoon_academy_wrap.main .learn_more_wrap .learn_more .link:after {
    background-position: -727px -909px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 16px;
    margin: 4px 0 0 8px;
    vertical-align: top;
    width: 30px
}

.webtoon_academy_wrap.main .learn_more_wrap .learn_more .coming_soon {
    color: #7d6cc9
}

.webtoon_academy_wrap.main .sub_title {
    color: #fff;
    font-size: 36px;
    line-height: 36px
}

.webtoon_academy_wrap.main .list_video {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.th .webtoon_academy_wrap.main .list_video {
    margin-top: 24px
}

.webtoon_academy_wrap.main .list_video .item {
    width: 390px
}

.webtoon_academy_wrap.main .list_video .link {
    display: block
}

.webtoon_academy_wrap.main .list_video .link:hover .thumbnail:before {
    background-color: rgba(0, 0, 0, .2);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.webtoon_academy_wrap.main .list_video .thumbnail {
    position: relative
}

.webtoon_academy_wrap.main .list_video .thumbnail:after {
    background-position: -1548px -734px;
    background-repeat: no-repeat;
    bottom: 10px;
    content: "";
    height: 42px;
    position: absolute;
    right: 10px;
    width: 42px
}

.webtoon_academy_wrap.main .list_video .category {
    font-size: 18px;
    font-weight: 600;
    line-height: 19px;
    margin-top: 18px
}

.th .webtoon_academy_wrap.main .list_video .category {
    font-weight: 400;
    line-height: 27px;
    margin-top: 14px
}

.webtoon_academy_wrap.main .list_video .category.category1 {
    color: #00ec6d
}

.webtoon_academy_wrap.main .list_video .category.category2 {
    color: #a18cff
}

.webtoon_academy_wrap.main .list_video .video_title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #fff;
    display: -webkit-box;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis
}

.th .webtoon_academy_wrap.main .list_video .video_title {
    line-height: 32px;
    margin-top: 5px
}

.webtoon_academy_wrap.main .list_video .posted_by {
    color: #5c5c5c;
    font-size: 18px;
    font-weight: 500;
    line-height: 19px;
    margin-top: 10px
}

.th .webtoon_academy_wrap.main .list_video .posted_by {
    line-height: 27px;
    margin-top: 5px
}

.webtoon_academy_wrap.main .link_more {
    color: #fff;
    font-size: 23px;
    font-weight: 500;
    line-height: 23px;
    position: absolute;
    right: 0;
    top: 7px
}

.th .webtoon_academy_wrap.main .link_more {
    font-weight: 400;
    top: 10px
}

.webtoon_academy_wrap.main .content_area {
    margin-top: 103px;
    position: relative
}

.th .webtoon_academy_wrap.main .content_area {
    margin-top: 99px
}

.webtoon_academy_wrap.main .content_area .link_more, .webtoon_academy_wrap.main .content_area .sub_title {
    color: #000
}

.webtoon_academy_wrap.main .notice_list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 23px
}

.th .webtoon_academy_wrap.main .notice_list {
    margin-top: 27px
}

.webtoon_academy_wrap.main .notice_list .link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #eaebf0;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 192px;
    justify-content: space-between;
    padding: 25px 25px 20px;
    width: 390px
}

.th .webtoon_academy_wrap.main .notice_list .link {
    padding-top: 21px
}

.webtoon_academy_wrap.main .notice_list .notice_title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis
}

.th .webtoon_academy_wrap.main .notice_list .notice_title {
    line-height: 34px
}

.webtoon_academy_wrap.main .notice_list .date {
    color: #929292;
    font-size: 20px;
    line-height: 20px
}

.th .webtoon_academy_wrap.main .notice_list .date {
    font-family: volte, hind, sans-serif
}

.webtoon_academy_wrap.main .faq_list {
    border-top: 1px solid #eaeaea;
    margin-top: 23px
}

.th .webtoon_academy_wrap.main .faq_list {
    margin-top: 27px
}

.webtoon_academy_wrap.main .faq_list .item {
    border-bottom: 1px solid #eaeaea
}

.webtoon_academy_wrap.main .faq_list .faq_question {
    background: none;
    cursor: pointer;
    font-family: volte, hind, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    padding: 27px 0 23px;
    position: relative;
    text-align: left;
    width: 100%
}

.th .webtoon_academy_wrap.main .faq_list .faq_question {
    font-family: kanit, hind, sans-serif
}

.webtoon_academy_wrap.main .faq_list .faq_question:after {
    background-position: -1002px -1023px;
    background-repeat: no-repeat;
    content: "";
    height: 28px;
    position: absolute;
    right: 0;
    top: 29px;
    width: 28px
}

.webtoon_academy_wrap.main .faq_list .faq_question[aria-expanded=true]:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.webtoon_academy_wrap.main .faq_list .faq_question[aria-expanded=true] + .faq_answer {
    display: block
}

.webtoon_academy_wrap.main .faq_list .faq_answer {
    display: none;
    font-size: 20px;
    line-height: 28px;
    padding: 2px 0 36px
}

.th .webtoon_academy_wrap.main .faq_list .faq_answer {
    line-height: 32px;
    padding: 0 0 40px
}

.webtoon_academy_wrap.main .faq_list .faq_answer a {
    color: #3b6cef
}

.webtoon_academy_wrap.main .sns_banner_area {
    background: #181818;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 153px;
    margin-top: 124px;
    padding: 40px 0 0 235px;
    position: relative
}

.id .webtoon_academy_wrap.main .sns_banner_area, .th .webtoon_academy_wrap.main .sns_banner_area {
    padding-top: 36px
}

.webtoon_academy_wrap.main .sns_banner_area:before {
    background-position: -930px -364px;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    height: 177px;
    left: 46px;
    position: absolute;
    width: 154px
}

.webtoon_academy_wrap.main .sns_banner_area .sns_title {
    color: #fff;
    font-size: 36px;
    line-height: 38px
}

.id .webtoon_academy_wrap.main .sns_banner_area .sns_title {
    line-height: 40px
}

.th .webtoon_academy_wrap.main .sns_banner_area .sns_title {
    font-size: 40px
}

.webtoon_academy_wrap.main .sns_banner_area .sns_title span {
    color: #00ec6d
}

.id .webtoon_academy_wrap.main .sns_banner_area .sns_title span:after {
    background-position: -1576px -826px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 20px;
    margin: 7px 0 0 13px;
    vertical-align: top;
    width: 14px
}

.webtoon_academy_wrap.main .sns_banner_area .link_area {
    margin-top: 14px;
    overflow: hidden
}

.th .webtoon_academy_wrap.main .sns_banner_area .link_area {
    margin-top: 19px
}

.webtoon_academy_wrap.main .sns_banner_area .link {
    color: #fff;
    float: left;
    font-size: 22px;
    font-weight: 500;
    line-height: 23px;
    margin-right: 30px;
    padding-right: 14px;
    position: relative
}

.th .webtoon_academy_wrap.main .sns_banner_area .link {
    font-family: volte, hind, sans-serif
}

.webtoon_academy_wrap.main .sns_banner_area .link:after {
    background-position: -1110px -999px;
    background-repeat: no-repeat;
    content: "";
    height: 12px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 8px
}

.webtoon_academy_wrap.main .share_area {
    margin: 101px 0 137px;
    text-align: center
}

.th .webtoon_academy_wrap.main .share_area {
    margin-top: 95px
}

.webtoon_academy_wrap.main .share_area .share_title {
    display: block;
    font-size: 29px;
    line-height: 36px;
    text-align: center
}

.webtoon_academy_wrap.main .share_area .link_group {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    margin-top: 17px;
    position: relative
}

.th .webtoon_academy_wrap.main .share_area .link_group {
    margin-top: 20px
}

.webtoon_academy_wrap.main .share_area .link + .link {
    margin-left: 6px
}

.th .webtoon_academy_wrap.main .share_area .link + .link {
    margin-left: 8px
}

.webtoon_academy_wrap.main .share_area .link.facebook {
    background-position: -1178px -845px;
    background-repeat: no-repeat;
    height: 48px;
    width: 48px
}

.webtoon_academy_wrap.main .share_area .link.instagram {
    background-position: -744px -943px;
    background-repeat: no-repeat;
    height: 48px;
    width: 48px
}

.webtoon_academy_wrap.main .share_area .link.twitter {
    background-position: -856px -943px;
    background-repeat: no-repeat;
    height: 48px;
    width: 48px
}

.webtoon_academy_wrap.main .share_area .link.line {
    background-position: -800px -943px;
    background-repeat: no-repeat;
    height: 48px;
    width: 48px
}

.webtoon_academy_wrap.main .share_area .link.whatsapp {
    background-position: -912px -943px;
    background-repeat: no-repeat;
    height: 48px;
    width: 48px
}

.webtoon_academy_wrap.main .share_area .link.url {
    background-position: -1122px -845px;
    background-repeat: no-repeat;
    height: 48px;
    width: 48px
}

.webtoon_academy_wrap.main .share_area .ly_url_copy {
    background: #000;
    border-radius: 8px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    padding: 13px 18px 12px;
    position: absolute;
    right: -127px;
    text-align: center;
    top: 61px;
    white-space: nowrap
}

.es .webtoon_academy_wrap.main .share_area .ly_url_copy {
    right: -100px
}

.id .webtoon_academy_wrap.main .share_area .ly_url_copy {
    right: -156px
}

.fr .webtoon_academy_wrap.main .share_area .ly_url_copy {
    right: -108px
}

.th .webtoon_academy_wrap.main .share_area .ly_url_copy {
    font-size: 20px;
    font-weight: 400;
    padding: 16px 30px 15px;
    right: -95px
}

.webtoon_academy_wrap.main .share_area .ly_url_copy:after {
    border-bottom: 9px solid #000;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    display: inline-block;
    left: 50%;
    position: absolute;
    top: -9px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.webtoon_academy_wide_wrap {
    background: #181818;
    margin-top: -110px;
    padding: 205px 0 90px
}

.th .webtoon_academy_wide_wrap {
    padding: 201px 0 82px
}

.creator_video_story_bg {
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 647px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1
}

.community_wrap {
    margin: 77px auto 80px;
    width: 1110px
}

.community_wrap .author_wrap {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 250px 0 40px;
    position: relative
}

.community_wrap .author_wrap .profile {
    -webkit-box-flex: 0;
    background: url(https://webtoons-static.pstatic.net/image/static/pc/profile_none.png) no-repeat;
    background-size: 100%;
    border-radius: 50%;
    -ms-flex: none;
    flex: none;
    height: 120px;
    margin: 30px 30px 30px 0;
    overflow: hidden;
    position: relative;
    width: 120px
}

.community_wrap .author_wrap .profile:after {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.community_wrap .author_wrap .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 1;
    color: #3c3c3c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    padding: 26px 0 24px
}

.community_wrap .author_wrap .nickname {
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    max-width: 670px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.community_wrap .author_wrap .comment {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    display: -webkit-box;
    font-size: 15px;
    line-height: 21px;
    margin-top: -1px;
    max-height: 63px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-break: break-word
}

.community_wrap .author_wrap .comment.open {
    display: block;
    max-height: inherit !important
}

.community_wrap .author_wrap .comment.open .more {
    margin-left: 4px;
    position: static
}

.community_wrap .author_wrap .more_area {
    background: #fff;
    margin-top: -3px;
    padding-top: 6px;
    position: relative
}

.community_wrap .author_wrap .more_area .more {
    background: none;
    color: #8c8c8c;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    text-decoration: underline
}

.community_wrap .author_wrap .etc {
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px
}

.community_wrap .author_wrap .etc strong {
    font-weight: 500;
    margin-right: 21px
}

.community_wrap .author_wrap .etc span {
    color: #00dc64;
    margin-left: 3px
}

.community_wrap .author_wrap .btn_follow {
    background: #00dc64;
    border-radius: 24px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    height: 48px;
    padding-top: 2px;
    position: absolute;
    right: 40px;
    top: 66px;
    width: 152px
}

.community_wrap .author_wrap .btn_follow.on {
    background: none;
    border: 1px solid #e0e0e0;
    color: #8c8c8c
}

.community_wrap .author_wrap .btn_info_menu {
    background: transparent;
    cursor: pointer;
    padding: 6px;
    position: absolute;
    right: 37px;
    top: 12px
}

.community_wrap .author_wrap .btn_info_menu:after {
    background-position: -244px -1071px;
    background-repeat: no-repeat;
    content: "";
    height: 18px;
    width: 18px
}

.community_wrap .author_wrap .btn_more_menu {
    background-position: -926px -1023px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 7px;
    top: 12px;
    width: 30px
}

.community_wrap .author_wrap .ly_more_menu {
    background: #fff;
    border: 1px solid #c9c9c9;
    display: none;
    padding: 12px 0 8px;
    position: absolute;
    right: 7px;
    top: 12px
}

.community_wrap .author_wrap .ly_more_menu.on {
    display: block
}

.community_wrap .author_wrap .ly_more_menu .link {
    color: #3c3c3c;
    display: block;
    font-size: 16px;
    line-height: 33px;
    padding: 0 24px
}

.community_wrap .author_wrap_fixed {
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    display: none;
    height: 66px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 120
}

.community_wrap .author_wrap_fixed.on {
    display: block
}

.community_wrap .author_wrap_fixed .author_wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 10px 200px 8px 40px;
    width: 1110px
}

.community_wrap .author_wrap_fixed .author_wrap .profile {
    height: 48px;
    margin: 0 17px 0 0;
    width: 48px
}

.community_wrap .author_wrap_fixed .author_wrap .info {
    padding: 0
}

.community_wrap .author_wrap_fixed .author_wrap .nickname {
    font-size: 17px;
    font-weight: 500;
    line-height: 27px
}

.community_wrap .author_wrap_fixed .author_wrap .btn_follow {
    font-size: 15px;
    height: 34px;
    top: 16px;
    width: 120px
}

.community_wrap .author_wrap_fixed .author_wrap .btn_more_menu {
    top: 18px
}

.community_wrap .cont_wrap {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin-top: 10px;
    min-height: 730px
}

.community_wrap .cont_wrap .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    position: relative
}

.community_wrap .cont_wrap .title .link_back {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.community_wrap .cont_wrap .title .link_back:before {
    background-position: -880px -999px;
    background-repeat: no-repeat;
    content: "";
    height: 14px;
    margin: -1px 10px 0 0;
    width: 9px
}

.community_wrap .cont_wrap .title .more {
    bottom: 5px;
    font-size: 16px;
    line-height: 26px;
    position: absolute;
    right: 0
}

.community_wrap .cont_wrap .title .more:after {
    background-position: -1249px -805px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 10px;
    margin: 8px 0 0 8px;
    vertical-align: top;
    width: 6px
}

.community_wrap .cont_wrap .work_area {
    height: auto;
    width: 399px
}

.community_wrap .cont_wrap .work_area .inner {
    padding: 26px 40px 40px;
    position: sticky;
    position: -webkit-sticky;
    top: 67px
}

.community_wrap .cont_wrap .work_area .inner.no_sticky {
    position: static
}

.community_wrap .cont_wrap .sns_list {
    margin: 3px 0 34px
}

.community_wrap .cont_wrap .sns_list .sns {
    padding-left: 32px;
    position: relative
}

.community_wrap .cont_wrap .sns_list .sns:before {
    content: "";
    left: 0;
    position: absolute;
    top: 0
}

.community_wrap .cont_wrap .sns_list .sns + .sns {
    margin-top: 10px
}

.community_wrap .cont_wrap .sns_list .sns a {
    color: #8c8c8c;
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.community_wrap .cont_wrap .sns_list .sns.patreon:before {
    background-position: -1329px -943px;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px
}

.community_wrap .cont_wrap .sns_list .sns.url a {
    color: #3b6cef
}

.community_wrap .cont_wrap .sns_list .sns.url:before {
    background-position: -1299px -943px;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px
}

.community_wrap .cont_wrap .sns_list .sns.instagram:before {
    background-position: -1233px -417px;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px
}

.community_wrap .cont_wrap .sns_list .sns.twitter:before {
    background-position: -1269px -943px;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px
}

.community_wrap .cont_wrap .sns_list .sns.facebook:before {
    background-position: -1389px -943px;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px
}

.community_wrap .cont_wrap .sns_list .sns.youtube:before {
    background-position: -1239px -943px;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px
}

.community_wrap .cont_wrap .work_list {
    border-bottom: 1px solid #e0e0e0;
    margin-top: 6px
}

.community_wrap .cont_wrap .work_list .item {
    border-top: 1px solid #e0e0e0;
    padding: 4px 0;
    position: relative
}

.community_wrap .cont_wrap .work_list .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.community_wrap .cont_wrap .work_list .item .pic_area {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 17px;
    width: 80px
}

.community_wrap .cont_wrap .work_list .item .icon_area {
    left: 4px;
    position: absolute;
    top: 8px;
    z-index: 10
}

.community_wrap .cont_wrap .work_list .item .info_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}

.community_wrap .cont_wrap .work_list .item .info_area .genre {
    color: #8c8c8c;
    font-size: 13px;
    line-height: 21px;
    margin-top: 4px
}

.community_wrap .cont_wrap .work_list .item .info_area .genre .work_type {
    color: #000;
    margin-right: 11px
}

.community_wrap .cont_wrap .work_list .item .info_area .subj {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    margin: 3px 0 4px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.community_wrap .cont_wrap .work_lang_notice {
    border-top: 1px solid #e0e0e0;
    color: #a6a6a6;
    font-size: 15px;
    line-height: 21px;
    margin-top: 9px;
    padding: 20px 0
}

.community_wrap .cont_wrap .community_area {
    -webkit-box-flex: 1;
    border-left: 2px solid #f5f5f5;
    -ms-flex: 1;
    flex: 1;
    padding: 26px 20px 40px
}

.community_wrap .cont_wrap .community_list {
    border-top: 1px solid #e0e0e0;
    margin-top: 6px
}

.community_wrap .cont_wrap .community_list .item {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0;
    position: relative
}

.community_wrap .cont_wrap .community_list .writer_area {
    overflow: hidden
}

.community_wrap .cont_wrap .community_list .writer_area .profile {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/profile_none.png) no-repeat;
    background-size: 100%;
    border-radius: 50%;
    float: left;
    height: 48px;
    margin-right: 12px;
    overflow: hidden;
    position: relative;
    width: 48px
}

.community_wrap .cont_wrap .community_list .writer_area .profile:after {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.community_wrap .cont_wrap .community_list .writer_area .writer_info {
    overflow: hidden;
    padding-top: 1px
}

.community_wrap .cont_wrap .community_list .writer_area .writer {
    overflow: hidden
}

.community_wrap .cont_wrap .community_list .writer_area .nickname {
    float: left;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    max-width: 535px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.community_wrap .cont_wrap .community_list .writer_area .creator {
    color: #00dc64;
    float: left;
    font-size: 14px;
    line-height: 25px;
    margin-top: 1px
}

.community_wrap .cont_wrap .community_list .writer_area .creator:before {
    background: #00dc64;
    border-radius: 50%;
    content: "";
    float: left;
    height: 2px;
    margin: 12px 4px 0;
    width: 2px
}

.community_wrap .cont_wrap .community_list .writer_area .date {
    color: #8c8c8c;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px
}

.community_wrap .cont_wrap .community_list .comment {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    word-wrap: break-word;
    color: #3c3c3c;
    display: -webkit-box;
    font-size: 15px;
    line-height: 21px;
    margin-top: 8px;
    max-height: 105px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    width: 610px;
    word-break: break-word
}

.community_wrap .cont_wrap .community_list .comment.open {
    display: block;
    max-height: inherit !important
}

.community_wrap .cont_wrap .community_list .comment.open + .more_area {
    margin-top: 0;
    padding-top: 3px
}

.community_wrap .cont_wrap .community_list .more_area {
    background: #fff;
    padding-top: 3px;
    position: relative
}

.community_wrap .cont_wrap .community_list .more_area .more {
    background: none;
    color: #8c8c8c;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    text-decoration: underline
}

.community_wrap .cont_wrap .community_list .comment_image {
    margin-top: 10px;
    max-width: 669px;
    overflow: hidden;
    position: relative;
    z-index: 50
}

.community_wrap .cont_wrap .community_list .comment_image .image_wrap {
    height: 309px;
    width: 309px
}

.community_wrap .cont_wrap .community_list .comment_image .image_wrap .img_bigger {
    border-radius: 4px;
    cursor: pointer;
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.community_wrap .cont_wrap .community_list .comment_image .image_wrap .img_bigger:after {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.community_wrap .cont_wrap .community_list .comment_image img {
    left: 50%;
    max-width: 100%;
    min-height: 309px;
    min-width: 309px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.community_wrap .cont_wrap .community_list .comment_image + .sticker_receive {
    margin-top: 15px
}

.community_wrap .cont_wrap .community_list .comment_image .image_flick {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px;
    max-height: 309px;
    overflow: hidden;
    padding: 0 20px
}

.community_wrap .cont_wrap .community_list .comment_image .image_flick > div + div {
    margin-left: 11px
}

.community_wrap .cont_wrap .community_list .comment_image .page_controls {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center
}

.community_wrap .cont_wrap .community_list .comment_image .page_controls .next, .community_wrap .cont_wrap .community_list .comment_image .page_controls .prev {
    background-position: -637px -1023px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 36px;
    opacity: .4;
    position: absolute;
    top: -172px;
    width: 36px;
    z-index: 2020
}

.community_wrap .cont_wrap .community_list .comment_image .page_controls .next:hover, .community_wrap .cont_wrap .community_list .comment_image .page_controls .prev:hover {
    opacity: 1
}

.community_wrap .cont_wrap .community_list .comment_image .page_controls .prev {
    left: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.community_wrap .cont_wrap .community_list .comment_image .page_controls .next {
    right: 0
}

.community_wrap .cont_wrap .community_list .comment_poll {
    margin-top: 8px;
    width: 610px
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list .poll_item {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    position: relative
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list .poll_item + .poll_item {
    margin-top: 12px
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list .poll_item.is_selected .poll_check_button {
    font-weight: 500
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list .poll_item.is_selected .poll_check_button span {
    padding-left: 20px
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list .poll_item.is_selected .poll_check_button:before {
    background-position: -897px -999px;
    background-repeat: no-repeat;
    content: "";
    height: 14px;
    left: 11px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 14px
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list .poll_item.is_selected.is_top .poll_check_button:before {
    background-position: -919px -999px
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list .poll_item.is_selected .poll_vote {
    font-weight: 500
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list .poll_item.is_top {
    border-color: rgba(59, 108, 239, .3)
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list .poll_item.is_top .poll_check_button, .community_wrap .cont_wrap .community_list .comment_poll .poll_list .poll_item.is_top .poll_vote {
    color: #3b6cef
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list .poll_item.is_top .vote_score {
    background: rgba(59, 108, 239, .08)
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list .button_cont {
    position: relative;
    width: 100%;
    z-index: 20
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list .poll_check_button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #3c3c3c;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    justify-content: space-between;
    line-height: 24px;
    padding: 9px 11px;
    position: relative;
    text-align: left;
    width: 100%
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list .poll_check_button span {
    display: block;
    word-break: break-word
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list div.poll_check_button {
    cursor: auto
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list .poll_vote {
    font-size: 15px;
    line-height: 24px;
    margin-left: -6px;
    min-width: 80px;
    position: relative;
    text-align: right;
    white-space: nowrap;
    z-index: 20
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list.is_end {
    opacity: .5
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list.is_end + .poll_option .poll_close:after {
    display: none
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_list.is_end .poll_check_button {
    cursor: default
}

.community_wrap .cont_wrap .community_list .comment_poll .vote_score {
    background: rgba(60, 60, 60, .08);
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 0
}

.community_wrap .cont_wrap .community_list .comment_poll .vote_score.is_full {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    right: 0
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_option {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 12px
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_option .poll_count {
    color: #8c8c8c;
    font-size: 15px;
    line-height: 24px
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_option .poll_close {
    color: #3c3c3c;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px
}

.community_wrap .cont_wrap .community_list .comment_poll .poll_option .poll_close:after {
    border-right: .107em solid #3c3c3c;
    border-top: .107em solid #3c3c3c;
    content: "";
    display: inline-block;
    height: 5px;
    margin: 0 0 1px 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px
}

.community_wrap .cont_wrap .community_list .sticker_receive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 -3px;
    overflow: hidden
}

.community_wrap .cont_wrap .community_list .sticker_receive .btn_sticker {
    background: none;
    cursor: pointer;
    margin: 0 20px 0 -2px;
    overflow: hidden;
    vertical-align: top
}

.community_wrap .cont_wrap .community_list .sticker_receive .btn_sticker [class^=sticker_] {
    background-size: 100%;
    border: 2px solid #fff;
    border-radius: 50%;
    float: left;
    height: 20px;
    margin-right: -5px;
    position: relative;
    width: 20px
}

.community_wrap .cont_wrap .community_list .sticker_receive .btn_sticker span:first-child {
    z-index: 20
}

.community_wrap .cont_wrap .community_list .sticker_receive .btn_sticker span:nth-child(2) {
    z-index: 10
}

.community_wrap .cont_wrap .community_list .sticker_receive .button_comment {
    overflow: hidden
}

.community_wrap .cont_wrap .community_list .sticker_receive .button_comment [class^=icon_] {
    background-size: 100%;
    float: left;
    height: 24px;
    position: relative;
    width: 24px
}

.community_wrap .cont_wrap .community_list .sticker_receive .button_comment .num {
    margin-left: 6px
}

.community_wrap .cont_wrap .community_list .sticker_receive .num {
    color: #3c3c3c;
    float: left;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    margin-left: 11px
}

.community_wrap .cont_wrap .community_list .sticker_send {
    bottom: 15px;
    position: absolute;
    right: 0;
    z-index: 100
}

.community_wrap .cont_wrap .community_list .sticker_send > [class^=sticker_] {
    background-size: 100%;
    cursor: pointer;
    height: 30px;
    width: 30px
}

.community_wrap .cont_wrap .community_list .sticker_send .sticker_off {
    background-position: -192px -1023px;
    background-repeat: no-repeat;
    background-size: auto;
    height: 40px;
    margin: -5px;
    width: 40px
}

.community_wrap .cont_wrap .community_list .ly_sticker {
    background: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    left: -149px;
    padding: 33px;
    position: absolute;
    top: 43px;
    width: 328px;
    z-index: 30
}

.community_wrap .cont_wrap .community_list .ly_sticker.on {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.community_wrap .cont_wrap .community_list .ly_sticker [class^=sticker_] {
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    width: 40px
}

.community_wrap .cont_wrap .community_list .ly_sticker [class^=sticker_][aria-pressed=true] {
    -webkit-box-shadow: 0 0 0 2px #00dc64;
    box-shadow: 0 0 0 2px #00dc64
}

.community_wrap .cont_wrap .community_list .ly_sticker button + button {
    margin-left: 4px
}

.community_wrap .cont_wrap .community_list .ly_sticker:after {
    background-position: -1556px -920px;
    background-repeat: no-repeat;
    content: "";
    height: 10px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: -10px;
    width: 16px
}

.community_wrap .cont_wrap .community_list .btn_more_menu {
    background-position: -926px -1023px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -13px;
    top: 12px;
    width: 30px
}

.community_wrap .cont_wrap .community_list .ly_more_menu {
    background: #fff;
    border: 1px solid #c9c9c9;
    display: none;
    padding: 12px 0 8px;
    position: absolute;
    right: -13px;
    top: 12px;
    z-index: 100
}

.community_wrap .cont_wrap .community_list .ly_more_menu.on {
    display: block
}

.community_wrap .cont_wrap .community_list .ly_more_menu .link {
    color: #3c3c3c;
    display: block;
    font-size: 16px;
    line-height: 33px;
    padding: 0 24px
}

.community_wrap .cont_wrap .community_list .comment_blind {
    color: #a6a6a6;
    font-size: 15px;
    line-height: 21px;
    padding: 12px 0 8px
}

.community_wrap .cont_wrap .community_list_none {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #e0e0e0;
    color: #8c8c8c;
    font-size: 15px;
    height: 623px;
    justify-content: center;
    line-height: 21px;
    margin-top: 6px;
    padding-top: 44px;
    text-align: center
}

.community_wrap .cont_wrap .community_list_none, .ly_sticker_receive {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ly_sticker_receive {
    padding: 48px;
    text-align: left;
    width: 434px
}

.ly_sticker_receive .sticker_list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ly_sticker_receive .sticker_list li {
    color: #3c3c3c;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden
}

.ly_sticker_receive .sticker_list li + li {
    margin-top: 14px
}

.ly_sticker_receive .sticker_list li [class^=sticker_] {
    background-size: 100%;
    float: left;
    height: 20px;
    margin-right: 10px;
    width: 20px
}

.ly_sticker_receive .btn_close {
    background-position: -270px -1071px;
    background-repeat: no-repeat;
    height: 18px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 18px
}

.ly_report {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 58px 48px 50px;
    text-align: center;
    width: 520px
}

.ly_report .title {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px
}

.ly_report .report_list {
    margin-top: 20px
}

.ly_report .report_list li {
    margin-top: 15px
}

.ly_report .report_list li:first-child {
    margin-top: 0
}

.ly_report .report_list a {
    display: inline-block;
    font-size: 17px;
    line-height: 25px
}

.ly_report .report_list a:after {
    background-position: -1075px -999px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 12px;
    margin: -4px 0 0 6px;
    vertical-align: middle;
    width: 10px
}

.ly_report .btnarea {
    margin-top: 30px
}

.ly_report .btnarea .btn1 {
    background: #242424;
    border-radius: 24px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 48px;
    text-align: center;
    width: 152px
}

.ly_flicking .ly_box {
    background: transparent;
    height: 100%;
    width: 100%
}

.ly_flicking .btn_close {
    background: transparent;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 500
}

.ly_flicking .btn_close:after {
    background-position: -240px -1023px;
    background-repeat: no-repeat;
    content: "";
    height: 40px;
    width: 40px
}

.ly_flicking img {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ly_flicking img.w600 {
    width: 600px
}

.ly_flicking img.h600 {
    height: 600px
}

.ly_flicking img.wmax {
    width: 100%
}

.ly_flicking img.hmax {
    height: 100%
}

.ly_flicking .image_flick2 {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 400
}

.ly_flicking .image_flick2 .panel {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.ly_flicking .page_controls .next, .ly_flicking .page_controls .prev {
    background-position: -637px -1023px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 36px;
    margin-top: -18px;
    opacity: .4;
    position: absolute;
    top: 50%;
    width: 36px;
    z-index: 2020
}

.ly_flicking .page_controls .next:hover, .ly_flicking .page_controls .prev:hover {
    opacity: 1
}

.ly_flicking .page_controls .prev {
    left: 20px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ly_flicking .page_controls .next {
    right: 20px
}

.ly_community_language {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 67px 48px 50px;
    text-align: center;
    width: 482px
}

.ly_community_language .txt {
    color: rgba(0, 0, 0, .85);
    font-size: 17px;
    line-height: 25px
}

.ly_community_language .btn_area {
    margin-top: 30px
}

.ly_community_language .btn_area .btn1 {
    background: #242424;
    border-radius: 24px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 152px
}

.ly_community_language .btn_close {
    background: transparent;
    cursor: pointer;
    padding: 5px;
    position: absolute;
    right: 16px;
    top: 16px
}

.ly_community_language .btn_close:after {
    background-position: -1494px -1023px;
    background-repeat: no-repeat;
    content: "";
    height: 19px;
    width: 18px
}

.author_blind {
    color: #8c8c8c;
    font-size: 17px;
    line-height: 27px;
    padding: 180px 0;
    text-align: center
}

.author_blind a {
    color: #3b6cef
}

.author_blind strong {
    color: #000;
    display: block;
    font-size: 21px;
    font-weight: 400;
    line-height: 33px;
    margin-top: -10px
}

.author_blind:before {
    background-position: -852px -275px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 198px;
    margin: 0 auto 30px;
    width: 204px
}

.community_wrap.landing .cont_wrap .community_list.landing {
    margin-bottom: 11px
}

.community_wrap.landing .cont_wrap .community_list.landing .item {
    border: none
}

.community_wrap.landing .cont_wrap .community_list.landing .comment {
    font-size: 19px;
    line-height: 24px;
    max-height: 119px
}

.community_wrap.landing .cont_wrap .community_list.landing .sticker_receive {
    margin-top: 11px
}

.community_comment_area {
    padding-bottom: 39px
}

.rising_star_banner {
    height: 410px
}

.id .rising_star_banner {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/ban_challenge_big_id.png) no-repeat 50% 0 #050704
}

.th .rising_star_banner {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/ban_challenge_big_th.png) no-repeat 50% 0 #050704
}

.tw .rising_star_banner {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/ban_challenge_big_tw.png) no-repeat 50% 0 #050704
}

.history_area {
    margin: 0 auto;
    padding-top: 56px;
    position: relative;
    width: 930px
}

.history_area .tit {
    height: 72px;
    width: 248px
}

.history_area .sub_tit {
    margin-bottom: -13px
}

.history_area .month_txt {
    color: #182033;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 13px 0 0 23px
}

.history_area .month_txt span {
    color: #182033;
    display: inline-block;
    filter: alpha(opacity=50);
    font-size: 14px;
    margin: -2px 0 0 12px;
    opacity: .5;
    vertical-align: middle
}

.history_area .history_lst {
    padding: 11px 0 0 23px
}

.history_area .history_lst:after {
    clear: both;
    content: "";
    display: block
}

.history_area .history_lst li {
    border: 1px solid #e5e5e5;
    float: left;
    margin: 0 12px 24px 0;
    position: relative;
    width: 285px
}

.history_area .history_lst li a {
    display: block
}

.history_area .history_lst .pic {
    overflow: hidden
}

.history_area .history_lst .info {
    font-weight: 500;
    padding: 19px 23px 21px
}

.history_area .history_lst .subj {
    color: #182033;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.history_area .history_lst .author {
    color: #a7a8ad;
    display: block;
    font-size: 14px;
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.history_area .paginate {
    margin: 50px 0 45px
}

.history_area .sort_area {
    padding-right: 12px;
    position: absolute;
    right: 10px;
    top: 75px
}

.history_area .sort_area .checked {
    background: none;
    color: #838383;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    padding-right: 27px;
    position: relative;
    vertical-align: top
}

.history_area .sort_area .checked .ico_chk {
    position: absolute;
    right: 0;
    top: 1px
}

.history_area .sort_box {
    background: #fff;
    border: 1px solid #ddd;
    display: none;
    padding: 9px 0 11px;
    position: absolute;
    right: 0;
    top: -20px;
    width: 102px;
    z-index: 10
}

.history_area .sort_box.on {
    display: block
}

.history_area .sort_box li {
    height: 33px;
    position: relative;
    text-align: center
}

.history_area .sort_box li:first-child {
    margin: 0
}

.history_area .sort_box a {
    color: #838383;
    display: block;
    font-size: 16px;
    height: 23px;
    line-height: 19px;
    padding-top: 10px
}

.history_area .sort_box .ico_chk {
    position: absolute;
    right: 11px;
    top: 11px
}

.history_sns_area {
    border-top: 1px solid #e5e5e5;
    height: 180px;
    margin: 0 auto;
    text-align: center;
    width: 930px
}

.history_sns_area ul {
    display: inline-block;
    margin-top: 47px;
    overflow: hidden
}

.history_sns_area li {
    float: left;
    padding-left: 6px
}

.history_sns_area li:first-child {
    padding-left: 0
}

.history_sns_area [class^=ico] {
    height: 33px;
    width: 34px
}

.history_sns_area .ico_facebook {
    background-position: -1201px -1110px;
    background-repeat: no-repeat;
    height: 33px;
    width: 34px
}

.history_sns_area .ico_line {
    background-position: -111px -1164px;
    background-repeat: no-repeat;
    height: 33px;
    width: 33px
}

.history_sns_area .ico_twitter {
    background-position: -1163px -1110px;
    background-repeat: no-repeat;
    height: 33px;
    width: 34px
}

.history_sns_area .ico_tumblr {
    background-position: -1239px -1110px;
    background-repeat: no-repeat;
    height: 33px;
    width: 34px
}

.history_sns_area .ico_reddit {
    background-position: -37px -1164px;
    background-repeat: no-repeat;
    height: 33px;
    width: 33px
}

.age_gate_area {
    display: inline-block;
    padding: 50px 0;
    vertical-align: middle
}

.age_gate_area .title {
    color: #3c3c3c;
    font-size: 32px;
    line-height: normal;
    padding-top: 28px;
    position: relative
}

.age_gate_area .title:before {
    background-color: #e0e0e0;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -175px;
    position: absolute;
    top: 0;
    width: 350px
}

.age_gate_area .dsc {
    color: #3c3c3c;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5
}

.age_gate_area .dsc strong {
    color: #00dc64
}

.age_gate_area .btn_type9 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 600;
    line-height: 50px;
    min-width: 160px;
    padding: 0 24px
}

.age_gate_area .form_area {
    display: inline-block;
    margin-top: 21px;
    position: relative;
    vertical-align: top
}

.age_gate_area .form_area:after {
    clear: both;
    content: "";
    display: table
}

.age_gate_area .form_area span {
    float: left
}

.age_gate_area .form_area span + span {
    margin-left: 10px
}

.age_gate_area .form_area .date, .age_gate_area .form_area .year {
    width: 130px
}

.age_gate_area .form_area .input_text {
    background: #fff;
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #3c3c3c;
    font-size: 20px;
    font-weight: 500;
    height: 42px;
    padding: 2px 19px 0;
    width: 100%
}

.age_gate_area .form_area .input_text::-moz-placeholder {
    color: #8c8c8c;
    font-weight: 400
}

.age_gate_area .form_area .input_text::-ms-input-placeholder {
    color: #8c8c8c;
    font-weight: 400
}

.age_gate_area .form_area .input_text::placeholder {
    color: #8c8c8c;
    font-weight: 400
}

.age_gate_area .form_area .input_text::-webkit-input-placeholder {
    color: #8c8c8c;
    font-weight: 400
}

.age_gate_area .form_area .input_text:-moz-placeholder {
    color: #8c8c8c;
    font-weight: 400
}

.age_gate_area .form_area .input_text:-ms-input-placeholder {
    color: #8c8c8c;
    font-weight: 400
}

.age_gate_area .form_area .month {
    position: relative
}

.age_gate_area .form_area .lk_month {
    background: #fff;
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #8c8c8c;
    display: block;
    font-size: 20px;
    height: 42px;
    line-height: 40px;
    padding-top: 1px;
    position: relative;
    text-align: left;
    text-indent: 19px;
    width: 130px
}

.age_gate_area .form_area .lk_month.is_active {
    color: #3c3c3c
}

.age_gate_area .form_area .lk_month:after {
    background-position: -1104px -604px;
    background-repeat: no-repeat;
    content: "";
    height: 10px;
    position: absolute;
    right: 13px;
    top: 16px;
    width: 18px
}

.age_gate_area .form_area .list_month {
    background: #fff;
    border: 1px solid #e0e0e0;
    display: none;
    height: 185px;
    left: 0;
    overflow-y: auto;
    padding: 5px 0 4px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    z-index: 10
}

.age_gate_area .form_area .list_month.on {
    display: block
}

.age_gate_area .form_area .list_month .link {
    color: #3c3c3c;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.85;
    padding-left: 19px
}

.age_gate_area .form_area .list_month .item {
    position: relative
}

.age_gate_area .form_area .dsc_warning {
    bottom: -30px;
    color: #e24e2c;
    font-size: 15px;
    left: 0;
    line-height: 1.33;
    position: absolute;
    right: 0
}

.age_gate_area .lk_continue {
    border-bottom: 1px solid #8c8c8c;
    color: #8c8c8c;
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    margin-top: 20px
}

.age_gate_area.over15:before {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/bg_age_gate_en.png) no-repeat 0 0;
    background-size: 280px 162px;
    content: "";
    display: block;
    height: 162px;
    margin: 0 auto;
    width: 280px
}

.id .age_gate_area.over15:before, .th .age_gate_area.over15:before, .tw .age_gate_area.over15:before {
    background-image: url(https://webtoons-static.pstatic.net/image/static/pc/bg_age_gate_id.png)
}

.age_gate_area.over15 .dsc_terms {
    color: #8c8c8c;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.33;
    margin-top: 64px
}

.age_gate_area.over15 .dsc_terms a {
    color: #3b6cef
}

.age_gate_area.over15 .btnarea {
    margin-top: 28px
}

.age_gate_area.over15 .btnarea a + a {
    margin-left: 10px
}

.age_gate_area.under15_guardian:before {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/sp_age_gate_v2.png) no-repeat 0 -190px;
    content: "";
    display: block;
    height: 149px;
    margin: 0 auto;
    width: 139px
}

.age_gate_area.under15_guardian .title {
    font-size: 28px;
    line-height: 1.25;
    margin-top: 24px
}

.age_gate_area.under15_guardian .dsc {
    margin-top: 9px
}

.age_gate_area.under15_guardian .btnarea {
    margin-top: 45px
}

.age_gate_area.under15_guardian .btnarea a + a {
    margin-left: 5px
}

.age_gate_area.under15_guardian .form_area {
    margin-top: 54px;
    text-align: left;
    width: 532px
}

.age_gate_area.under15_guardian .form_area .label_text {
    color: #3c3c3c;
    display: block;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    margin: 22px 0 4px
}

.age_gate_area.under15_guardian .form_area .label_text:first-child {
    margin-top: 0
}

.age_gate_area.under15_guardian .form_area .input_text {
    font-size: 17px
}

.age_gate_area.under15_guardian .desc_warning {
    color: #e24e2c;
    display: none;
    font-size: 14px;
    margin-top: 4px
}

.age_gate_area.under15_guardian .desc_warning.is_active {
    display: block
}

.age_gate_area.under15_guardian .dsc_guide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #8c8c8c;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.33;
    margin: 20px auto 0;
    padding-left: 14px;
    position: relative;
    text-align: left;
    width: 532px
}

.age_gate_area.under15_guardian .dsc_guide:before {
    content: "*";
    left: 0;
    position: absolute;
    top: 2px
}

.age_gate_area.under15_guardian .dsc_guide + .dsc_guide {
    margin-top: 8px
}

.age_gate_area.under15_confirm:before {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/sp_age_gate_v2.png) no-repeat -160px -190px;
    content: "";
    display: block;
    height: 190px;
    margin: 0 auto;
    width: 219px
}

.age_gate_area.under15_confirm .title {
    font-size: 28px;
    margin-top: 20px
}

.age_gate_area.under15_confirm .dsc {
    font-size: 17px;
    line-height: 1.59;
    margin-top: -8px
}

.age_gate_area.under15_confirm .btnarea {
    margin-top: 32px
}

.age_gate_container {
    height: 100%;
    min-height: 600px !important;
    text-align: center
}

.age_gate_container:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.age_gate_container #footer {
    background: none;
    border: none;
    bottom: 42px;
    left: 0;
    margin: 0 !important;
    min-height: auto !important;
    padding-top: 29px;
    position: absolute;
    right: 0
}

.age_gate_container #footer .foot_menu {
    border: none;
    padding: 0
}

.age_gate_container #footer .foot_menu a {
    color: #969696
}

.age_gate_container #footer .bg_line {
    background: #e5e5e5;
    display: block;
    height: 1px;
    margin: 5px auto 12px;
    width: 50px
}

.age_gate_container #footer .copyright {
    padding: 0
}

.consent_setting {
    margin: 0 auto;
    padding: 90px 0 120px;
    width: 1000px
}

.consent_tit_area .tit {
    font-size: 50px;
    font-weight: 600;
    line-height: 55px
}

.consent_tit_area .txt {
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
    margin-top: 14px
}

.consent_setting .consent_main_wrap {
    border-top: 1px solid #eaeaea;
    margin-top: 50px
}

.consent_main_wrap .tit {
    font-size: 24px;
    font-weight: 600;
    line-height: 31px;
    margin-top: 50px
}

.consent_list .item {
    margin-top: 34px
}

.consent_list .sub_tit {
    font-size: 17px;
    font-weight: 600;
    line-height: 27px
}

.consent_main_wrap .txt {
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
    margin-top: 5px;
    position: relative
}

.consent_main_wrap .txt em {
    font-weight: 400
}

.consent_main_wrap .txt .btn_lineset {
    position: absolute;
    right: 0;
    top: -2px
}

.consent_main_wrap .link {
    color: #3b6cef;
    font-size: 17px;
    line-height: 30px
}

.consent_main_wrap .link_under {
    color: #3b6cef;
    text-decoration: underline
}

.consent_list .ntc_list {
    margin-top: 20px
}

.ntc_list li + li {
    margin-top: 10px
}

.ntc_list .title {
    font-size: 17px;
    font-weight: 700;
    line-height: 30px
}

.ntc_list .text {
    font-size: 17px;
    line-height: 30px;
    margin-left: 12px
}

.ly_age_gate {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 48px 48px 50px;
    width: 520px
}

.ly_age_gate .title {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px
}

.ly_age_gate .text {
    font-size: 17px;
    line-height: 25px;
    margin-top: 10px
}

.ccpa_setting_wrap {
    margin: 0 auto;
    padding: 86px 0 100px;
    width: 850px
}

.ccpa_cookies_setting {
    border-top: 1px solid #edeff6;
    padding-bottom: 50px;
    position: relative
}

.ccpa_cookies_setting:first-child {
    border-top: 0
}

.ccpa_cookies_setting h2 {
    font-size: 50px;
    line-height: 80px
}

.ccpa_cookies_setting p {
    font-size: 17px;
    line-height: 1.76;
    margin-top: 4px
}

.ccpa_cookies_setting h3 {
    font-size: 24px;
    line-height: 1.5;
    padding-top: 50px
}

.ccpa_cookies_setting h4 {
    font-size: 17px;
    line-height: 2.12
}

.ccpa_cookies_setting .btn_lineset {
    position: absolute;
    right: 0;
    top: 10px
}

.ccpa_cookies_setting .function_tit {
    padding-top: 30px
}

.ccpa_cookies_setting .analysis_tit {
    padding-top: 40px
}

.ccpa_cookies_setting .ad_tit {
    position: relative
}

.ccpa_cookies_setting .ad_tit h3 {
    padding-top: 53px
}

.ccpa_cookies_setting .ad_tit .btn_lineset {
    top: 62px
}

.ccpa_cookies_setting .ad_dsc {
    margin-top: 10px
}

.ccpa_cookies_setting .link {
    color: #3b6cef
}

.ccpa_cookies_setting .google_tit {
    color: #848484;
    display: block;
    font-size: 17px;
    font-weight: 500;
    line-height: 2.12;
    padding-top: 15px
}

.ccpa_cookies_setting .google_txt {
    border-top: 1px solid #eaeaea;
    color: #8c8c8c;
    font-size: 15px;
    line-height: 1.67;
    margin-top: 12px;
    padding-top: 22px
}

.ccpa_cookies_setting .google_txt a {
    color: #3b6cef
}

.ccpa_cookies_setting .cookie_setting_list {
    margin-top: 15px
}

.ccpa_cookies_setting .cookie_setting_list li {
    border-bottom: 1px solid #edeff6;
    line-height: 53px;
    position: relative
}

.ccpa_cookies_setting .cookie_setting_list .necessary {
    color: #9d9d9d;
    font-size: 14px;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 10px
}

.ccpa_cookies_setting .cookie_setting_list strong {
    color: #848484;
    font-size: 17px;
    font-weight: 500
}

.ccpa_btn_wrap p {
    font-size: 17px;
    line-height: 1.76
}

.ccpa_btn_wrap strong {
    color: #00dc64;
    font-weight: 400
}

.ccpa_btn_wrap .cookies_save_btn {
    background-color: #00dc64;
    border-radius: 24px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    margin-top: 29px;
    padding: 0 27px
}

.coppa_my_wrap {
    margin: 307px auto 100px;
    width: 778px
}

.coppa_guide {
    text-align: center
}

.coppa_guide .text {
    color: #3c3c3c;
    font-size: 17px;
    line-height: 27px
}

.coppa_guide .text a {
    color: #3b6cef
}

.coppa_guide .lk_pp {
    background: #2f2f2f;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
    margin-top: 19px;
    padding: 0 60px;
    vertical-align: top
}

.coppa_comment .title {
    font-size: 20px;
    font-weight: 500;
    height: 35px;
    line-height: 22px
}

.coppa_comment .inner {
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    height: 494px
}

.coppa_comment .inner .coppa_guide {
    margin-top: 187px
}

.ly_coppa {
    height: 250px;
    padding: 62px 20px 64px;
    width: 500px
}

.coppa_ly_cookie, .ly_coppa {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.coppa_ly_cookie {
    background: #fff;
    bottom: 16px;
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
    display: none;
    left: 50%;
    margin-left: -620px;
    overflow: hidden;
    padding: 27px 122px 24px 78px;
    position: fixed;
    width: 1240px;
    z-index: 3000
}

.coppa_ly_cookie.on {
    display: block
}

.coppa_ly_cookie .cookie_agree_wrap {
    position: relative
}

.coppa_ly_cookie .input_chkbox {
    height: 30px;
    left: -40px;
    width: 30px
}

.coppa_ly_cookie .label_chkbox {
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    vertical-align: middle
}

.coppa_ly_cookie .label_chkbox:before {
    background-position: -326px -1164px;
    background-repeat: no-repeat;
    content: "";
    height: 30px;
    left: -40px;
    position: absolute;
    top: 0;
    width: 30px
}

.coppa_ly_cookie .input_chkbox:checked + .label_chkbox:before {
    background-position: -1083px -1013px
}

.coppa_ly_cookie .dsc {
    color: #8c8c8c;
    font-size: 16px;
    line-height: 22px;
    margin-top: -2px
}

.coppa_ly_cookie .dsc a {
    color: #3b6cef
}

.coppa_ly_cookie .btnarea {
    margin-top: 15px
}

.coppa_ly_cookie .btnarea .link {
    background: #313131;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    width: 147px
}

.coppa_ly_cookie .btn_clse2 {
    position: absolute;
    right: 9px;
    top: 11px
}

.coin_notice_wrap {
    border-bottom: 1px solid #eaeaea
}

.coin_notice_wrap .coin_notice {
    color: #3c3c3c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 auto;
    padding: 14px 0 13px;
    width: 1110px
}

.coin_notice_wrap .coin_notice .ico_note {
    -webkit-box-flex: 0;
    background-position: -1067px -549px;
    background-repeat: no-repeat;
    -ms-flex: none;
    flex: none;
    height: 26px;
    margin-right: 11px;
    width: 50px
}

.tw .coin_notice_wrap .coin_notice .ico_note {
    background-position: -1074px -943px;
    background-repeat: no-repeat;
    height: 26px;
    width: 45px
}

.coin_notice_wrap .coin_notice .ico_sale {
    -webkit-box-flex: 0;
    background-position: -1009px -549px;
    background-repeat: no-repeat;
    -ms-flex: none;
    flex: none;
    height: 26px;
    margin-right: 11px;
    width: 50px
}

.coin_notice_wrap .coin_notice .link_more {
    color: #00dc64;
    margin-left: 11px
}

.coin_shop_wrap {
    margin: 0 auto;
    padding: 49px 0 86px;
    width: 1110px
}

.coin_shop_wrap .title {
    font-size: 19px;
    font-weight: 500;
    line-height: 30px
}

.coin_shop_wrap .sub_title {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px
}

.my_coin_content .my_coin_area {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 7px;
    padding: 34px 42px 35px
}

.my_coin_content .total_coin {
    color: #242424;
    font-size: 40px;
    font-weight: 600
}

.my_coin_content .total_coin:before {
    background-position: -288px -1023px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 37px;
    margin: 11px 6px 0 0;
    vertical-align: top;
    width: 37px
}

.my_coin_content .coin_type {
    text-align: right
}

.my_coin_content .coin_type .coin_information {
    margin-top: 7px
}

.my_coin_content .coin_type .coin_information .item {
    color: #a6a6a6;
    display: inline-block;
    font-size: 17px;
    line-height: 27px;
    vertical-align: top
}

.my_coin_content .coin_type .coin_information .item + .item {
    margin-left: 16px
}

.my_coin_content .coin_type .coin_information .coin_amount {
    color: #000;
    margin-left: 5px
}

.my_coin_content .ico_ios {
    background-position: -1127px -943px;
    background-repeat: no-repeat;
    height: 26px;
    width: 42px
}

.my_coin_content .ico_android {
    background-position: -930px -549px;
    background-repeat: no-repeat;
    height: 26px;
    width: 71px
}

.buy_coin_content {
    margin-top: 49px
}

.buy_coin_content .coin_shop_banner {
    display: block;
    margin-top: 7px;
    text-align: center
}

.buy_coin_content .coin_shop_banner img {
    max-height: 70px;
    max-width: 100%
}

.buy_coin_content .coin_package_list .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-top: 1px solid #eaeaea;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 21px;
    line-height: 32px;
    padding: 14px 41px 14px 42px
}

.buy_coin_content .coin_package_list .item:hover {
    background-color: #fcfcfc
}

.buy_coin_content .coin_package_list .image_coin {
    height: 22px;
    margin: -3px 15px 0 0
}

.buy_coin_content .coin_package_list .amount_more {
    color: #00dc64;
    font-weight: 500;
    margin-left: 4px
}

.buy_coin_content .coin_package_list .price {
    -webkit-box-flex: 0;
    background-color: #2f2f2f;
    border-radius: 4px;
    color: #fff;
    -ms-flex: 0 0 230px;
    flex: 0 0 230px;
    font-size: 16px;
    line-height: 32px;
    margin-left: auto;
    text-align: center
}

.payment_information_content {
    margin-top: 49px
}

.payment_information_content .payment_information {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 7px;
    padding: 41px 43px;
    position: relative
}

.payment_information_content .payment_information.v2 {
    display: block
}

.payment_information_content .payment_information_list {
    display: table;
    margin-top: 16px;
    table-layout: fixed
}

.payment_information_content .payment_information_list .item + .item {
    margin-top: 14px
}

.payment_information_content .payment_information_list dt {
    color: #a6a6a6;
    display: table-cell;
    font-size: 17px;
    line-height: 21px;
    padding-top: 5px;
    vertical-align: top;
    width: 118px
}

.payment_information_content .payment_information_list dd {
    word-wrap: break-word;
    display: table-cell;
    font-size: 20px;
    line-height: 32px;
    word-break: break-all
}

.payment_information_content .payment_information_list dd:after {
    clear: both;
    content: "";
    display: block
}

.payment_information_content .payment_information_list dd .amount_more {
    color: #00dc64;
    font-weight: 500;
    margin-left: 7px
}

.payment_information_content .payment_information_list dd .platform_desc {
    color: #a6a6a6;
    display: inline-block;
    font-size: 15px;
    line-height: 21px;
    margin: 5px 0 0 13px;
    vertical-align: top
}

.payment_information_content .payment_information_list dd .carrier_edit {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.payment_information_content .payment_information_list dd .carrier_text {
    width: 380px
}

.payment_information_content .payment_information_list dd .link_edit {
    background-color: #f3f3f3;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #a6a6a6;
    font-size: 16px;
    line-height: 21px;
    margin-top: -1px;
    padding: 5px 18px 2px 19px
}

.payment_information_content .payment_information_list dd .payment_area {
    float: left;
    position: relative
}

.payment_information_content .payment_information_list dd .payment_area + .payment_area {
    margin-left: 13px
}

.payment_information_content .payment_information_list dd .payment_area.line .payment_box:after {
    background-position: -1021px -943px;
    background-repeat: no-repeat;
    content: "";
    height: 45px;
    position: absolute;
    right: 21px;
    top: 21px;
    width: 45px
}

.payment_information_content .payment_information_list dd .payment_area.jko .payment_box:after {
    background-position: -968px -943px;
    background-repeat: no-repeat;
    content: "";
    height: 45px;
    position: absolute;
    right: 21px;
    top: 21px;
    width: 45px
}

.payment_information_content .payment_information_list dd .payment_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 88px;
    justify-content: center;
    padding: 19px 75px 22px 66px;
    position: relative;
    width: 446px
}

.payment_information_content .payment_information_list dd .input_radio_payment {
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #b7b7b7;
    border-radius: 50%;
    height: 30px;
    left: 21px;
    position: absolute;
    top: 29px;
    width: 30px
}

.payment_information_content .payment_information_list dd .input_radio_payment:checked {
    border-color: #00dc64
}

.payment_information_content .payment_information_list dd .input_radio_payment:checked:before {
    background-color: #00dc64;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 14px
}

.payment_information_content .payment_information_list dd .input_radio_payment:checked + .payment_box {
    border-color: #00dc64
}

.payment_information_content .payment_information_list dd .description {
    color: #a6a6a6;
    font-size: 15px;
    font-weight: 300;
    line-height: 17px;
    margin-top: -3px
}

.payment_information_content .button_area {
    position: relative
}

.payment_information_content .pay_link {
    background-color: #00dc64;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    height: 48px;
    line-height: 50px;
    padding: 0 29px;
    text-align: center;
    vertical-align: top
}

.payment_information_content .pay_link:after {
    background-position: -1092px -508px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 20px;
    margin: 14px 0 0 6px;
    vertical-align: top;
    width: 73px
}

.tw .payment_information_content .pay_link:after {
    display: none
}

.tw .payment_information_content .pay_link:before {
    background-position: -1173px -508px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 20px;
    margin: 14px 6px 0 0;
    vertical-align: top;
    width: 67px
}

.payment_information_content .text_visacard {
    color: #a6a6a6;
    display: none;
    font-size: 12px;
    left: 0;
    line-height: 21px;
    margin-top: 3px;
    position: absolute;
    right: 0;
    text-align: center
}

.tw .payment_information_content .text_visacard {
    display: block
}

.purchase_button_content {
    margin-top: 86px;
    text-align: center
}

.tw .purchase_button_content {
    margin-top: 40px
}

.purchase_button_content .button_purchase {
    background-color: #00dc64;
    border-radius: 24px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
    padding: 7px 45px 6px
}

.purchase_button_content .button_purchase:disabled {
    background: #c9c9c9;
    cursor: default
}

.purchase_button_content .description {
    color: #a6a6a6;
    font-size: 16px;
    line-height: 21px;
    margin-top: 14px;
    opacity: .9
}

.payment_know_content {
    margin-top: 62px
}

.payment_know_content .payment_know_list .item {
    color: #000;
    font-size: 15px;
    line-height: 1.4;
    margin-top: 10px;
    padding-left: 11px;
    position: relative
}

.payment_know_content .payment_know_list .item .link_go {
    color: #3b6cef;
    font-weight: 500
}

.payment_know_content .payment_know_list .item:before {
    background-color: #000;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 3px
}

.payment_know_content .payment_information_copyright {
    color: #929292;
    font-size: 15px;
    line-height: 1.4;
    margin-top: 62px
}

.transaction_history_content {
    margin-top: 49px
}

.transaction_history_content .transaction_history_list {
    background-color: #fff;
    margin-top: 7px
}

.transaction_history_content .transaction_history_list .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    justify-content: space-between;
    line-height: 27px;
    overflow: hidden;
    padding: 16px 41px 17px
}

.transaction_history_content .transaction_history_list .item + .item {
    border-top: 1px solid #eaeaea
}

.transaction_history_content .transaction_history_list .item.delete .amount, .transaction_history_content .transaction_history_list .item.delete .subj {
    color: #c9c9c9;
    position: relative
}

.transaction_history_content .transaction_history_list .item.delete .amount:after, .transaction_history_content .transaction_history_list .item.delete .subj:after {
    background-color: #c9c9c9;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 13px
}

.transaction_history_content .transaction_history_list .item.delete .episode, .transaction_history_content .transaction_history_list .item.delete .type {
    color: #c9c9c9;
    position: relative
}

.transaction_history_content .transaction_history_list .item.delete .episode:after, .transaction_history_content .transaction_history_list .item.delete .type:after {
    background-color: #c9c9c9;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 3px;
    top: 13px
}

.transaction_history_content .transaction_history_list .item.delete .date {
    color: #c9c9c9;
    position: relative
}

.transaction_history_content .transaction_history_list .item.delete .date:after {
    background-color: #c9c9c9;
    content: "";
    height: 1px;
    left: -1px;
    position: absolute;
    right: -1px;
    top: 11px
}

.transaction_history_content .transaction_history_list .coin_information {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.transaction_history_content .transaction_history_list .amount {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.transaction_history_content .transaction_history_list .type {
    color: #929292;
    padding: 0 8px 0 12px
}

.transaction_history_content .transaction_history_list .period {
    -webkit-box-flex: 0;
    color: hsla(0, 0%, 73%, .9);
    -ms-flex: none;
    flex: none;
    font-size: 13px;
    padding: 0 8px 0 4px
}

.transaction_history_content .transaction_history_list .date {
    -webkit-box-flex: 0;
    color: hsla(0, 0%, 57%, .9);
    -ms-flex: none;
    flex: none;
    font-size: 15px;
    text-align: right
}

.transaction_history_content .transaction_history_list .subj {
    color: #929292;
    font-size: 15px;
    overflow: hidden;
    padding-left: 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.transaction_history_content .transaction_history_list .episode {
    -webkit-box-flex: 0;
    color: hsla(0, 0%, 73%, .9);
    -ms-flex: none;
    flex: none;
    font-size: 13px;
    font-weight: 300;
    padding: 0 8px 0 12px
}

.transaction_history_content .transaction_history_list .cancel {
    padding-right: 8px
}

.transaction_history_content .transaction_history_none {
    background-color: #fff;
    color: #929292;
    font-size: 17px;
    margin-top: 7px;
    padding: 17px 41px 16px
}

.transaction_history_content .loading {
    height: 30px;
    margin: 30px auto -56px;
    width: 30px
}

.os_select_wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 900px;
    text-align: center
}

.os_select_wrap .desc {
    color: #000;
    font-size: 17px;
    line-height: 27px
}

.os_select_wrap .link_wrap {
    margin: 19px 0 166px;
    overflow: hidden
}

.os_select_wrap .link_os {
    background-color: #242424;
    border-radius: 24px;
    color: #fff;
    float: left;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
    width: 152px
}

.os_select_wrap .link_os + .link_os {
    margin-left: 6px
}

.payment_success_wrap {
    margin: 0 auto;
    padding: 53px 0;
    position: relative;
    text-align: center;
    width: 610px
}

.payment_success_wrap:before {
    background-image: url(https://webtoons-static.pstatic.net/image/static/pc/coin_shop_payment.png);
    background-repeat: no-repeat;
    background-size: 224px 218px;
    content: "";
    display: inline-block;
    height: 218px;
    vertical-align: top;
    width: 224px
}

.tw .payment_success_wrap:before {
    background-image: url(https://webtoons-static.pstatic.net/image/static/pc/coin_shop_payment_tw.png)
}

.payment_success_wrap .title {
    font-size: 21px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 12px
}

.payment_success_wrap .title em {
    color: #00dc64
}

.payment_success_wrap .desc {
    color: #8c8c8c;
    font-size: 15px;
    line-height: 20px;
    margin-top: 9px
}

.payment_success_wrap .link_transaction {
    background-color: #242424;
    border-radius: 24px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
    margin: 19px auto 0;
    width: 191px
}

.payment_success_wrap .webtoon_app_desc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8c8c8c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    line-height: 18px;
    margin: 50px auto 0;
    overflow: hidden;
    text-align: left;
    width: 358px
}

.payment_success_wrap .ico_qrcode {
    -webkit-box-flex: 0;
    background-position: -1060px -353px;
    background-repeat: no-repeat;
    -ms-flex: none;
    flex: none;
    height: 60px;
    margin-right: 8px;
    width: 60px
}

.ly_coin_payment {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 90px 48px 50px;
    width: 482px
}

.ly_coin_payment .description {
    font-size: 17px;
    line-height: 25px
}

.ly_coin_payment .button_area {
    margin-top: 52px
}

.ly_coin_payment .button_default {
    background-color: #242424;
    border-radius: 24px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    line-height: 29px;
    padding: 10px 45px 9px 44px
}

.ly_coin_payment .button_close {
    background: transparent;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    position: absolute;
    right: 21px;
    top: 21px;
    width: 16px
}

.ly_coin_payment .button_close:after, .ly_coin_payment .button_close:before {
    background-color: #bbb;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 21px
}

.ly_coin_payment .button_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.ly_coin_payment .button_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.ly_invoice_information {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 100vh;
    padding: 50px 0 68px;
    width: 818px
}

.ly_invoice_information .title {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px
}

.ly_invoice_information .invoice_information_area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 629px;
    margin-top: 21px;
    max-height: calc(100vh - 227px);
    overflow-y: auto;
    padding: 0 50px 25px;
    text-align: left
}

.ly_invoice_information .invoice_list .item {
    color: #3c3c3c;
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    padding-left: 13px;
    position: relative
}

.ly_invoice_information .invoice_list .item + .item {
    margin-top: 5px
}

.ly_invoice_information .invoice_list .item:before {
    background-color: #3c3c3c;
    border-radius: 50%;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 3px
}

.ly_invoice_information .information_area {
    margin-top: 21px
}

.ly_invoice_information .information_area .information_title {
    color: #3c3c3c;
    font-size: 17px;
    font-weight: 600;
    line-height: 23px
}

.ly_invoice_information .information_area .information_text {
    color: #3c3c3c;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    margin-top: 6px
}

.ly_invoice_information .information_area .input_box {
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 300;
    line-height: 27px;
    padding: 8px 16px 5px;
    width: 100%
}

.ly_invoice_information .information_area .input_box::-webkit-input-placeholder {
    color: #c9c9c9
}

.ly_invoice_information .information_area .input_box::-moz-placeholder {
    color: #c9c9c9
}

.ly_invoice_information .information_area .input_box:-ms-input-placeholder {
    color: #c9c9c9
}

.ly_invoice_information .information_area .input_box::-ms-input-placeholder {
    color: #c9c9c9
}

.ly_invoice_information .information_area .input_box::placeholder {
    color: #c9c9c9
}

.ly_invoice_information .information_area .input_under {
    border-bottom: 1px solid #d8d8d8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 17px;
    line-height: 31px;
    margin-top: 6px;
    width: 100%
}

.ly_invoice_information .information_area .input_under::-webkit-input-placeholder {
    color: #bbb
}

.ly_invoice_information .information_area .input_under::-moz-placeholder {
    color: #bbb
}

.ly_invoice_information .information_area .input_under:-ms-input-placeholder {
    color: #bbb
}

.ly_invoice_information .information_area .input_under::-ms-input-placeholder {
    color: #bbb
}

.ly_invoice_information .information_area .input_under::placeholder {
    color: #bbb
}

.ly_invoice_information .information_area .input_button_area {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ly_invoice_information .information_area .button_send {
    -ms-flex-negative: 0;
    background: #f3f3f3;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #3c3c3c;
    cursor: pointer;
    flex-shrink: 0;
    font-size: 15px;
    line-height: 30px;
    margin-left: 88px;
    min-width: 88px;
    padding: 0 9px
}

.ly_invoice_information .information_area .button_send:disabled {
    color: #c9c9c9;
    cursor: default
}

.ly_invoice_information .information_area .select_area {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 4px
}

.ly_invoice_information .information_area .select_area .select_group + .select_group {
    margin-left: 10px
}

.ly_invoice_information .information_area .select_area + .input_box {
    margin-top: 10px
}

.ly_invoice_information .information_area .select_group {
    position: relative;
    width: 100%
}

.ly_invoice_information .information_area .select_group .button_select {
    background: none;
    border: 1px solid #e0e0e0;
    color: #3c3c3c;
    cursor: pointer;
    font-size: 15px;
    line-height: 24px;
    padding: 9px 35px 6px 16px;
    position: relative;
    text-align: left;
    width: 100%
}

.ly_invoice_information .information_area .select_group .button_select:after {
    border-radius: 1px;
    border-right: 2px solid #8c8c8c;
    border-top: 2px solid #8c8c8c;
    content: "";
    height: 9px;
    position: absolute;
    right: 16px;
    top: 12px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 9px
}

.ly_invoice_information .information_area .select_group .button_select.is_active:after {
    top: 14px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ly_invoice_information .information_area .select_group .button_select.is_active + .select_list {
    display: block
}

.ly_invoice_information .information_area .select_group .select_list {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-top: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 10
}

.ly_invoice_information .information_area .select_group .select_list:before {
    background-color: #f8f8f8;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ly_invoice_information .information_area .select_group .select_list button {
    background: none;
    color: #acacac;
    cursor: pointer;
    font-size: 16px;
    line-height: 26px;
    padding: 9px 11px 6px 16px;
    text-align: left;
    width: 100%
}

.ly_invoice_information .information_area .description {
    color: #a6a6a6;
    font-size: 15px;
    font-weight: 300;
    line-height: 19px;
    margin-top: 6px
}

.ly_invoice_information .information_area .button_desc {
    background: transparent;
    color: #3c3c3c;
    cursor: pointer;
    font-size: 15px;
    line-height: 19px;
    position: relative;
    text-decoration: underline
}

.ly_invoice_information .information_area .warning {
    color: #e24e2c;
    display: none;
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
    margin: 4px 0 -5px
}

.ly_invoice_information .information_area .carrier_radio_area {
    color: #3c3c3c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    line-height: 28px;
    margin: 10px 0
}

.ly_invoice_information .information_area .carrier_radio_area .radio_area {
    position: relative
}

.ly_invoice_information .information_area .carrier_radio_area .radio_area + .radio_area {
    margin-left: 54px
}

.ly_invoice_information .information_area .input_radio {
    border: 1px solid #bbb;
    border-radius: 50%
}

.ly_invoice_information .information_area .input_radio:checked {
    border-color: #00dc64
}

.ly_invoice_information .information_area .input_radio:checked:before {
    background-color: #00dc64;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 14px
}

.ly_invoice_information .information_area .label_radio {
    cursor: pointer;
    display: inline-block;
    font-weight: 300;
    height: 30px;
    line-height: 30px;
    padding-left: 39px;
    position: relative;
    vertical-align: middle
}

.ly_invoice_information .information_area .input_radio:checked + .lb_radio:before {
    background-position: -1049px -1013px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.ly_invoice_information .information_area .input_autocomplete_area {
    position: relative
}

.ly_invoice_information .information_area .autocomplete_list {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    left: 0;
    margin-top: -1px;
    max-height: 129px;
    overflow-y: auto;
    padding-bottom: 10px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 10
}

.ly_invoice_information .information_area .autocomplete_list::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px
}

.ly_invoice_information .information_area .autocomplete_list::-webkit-scrollbar-thumb {
    background-color: #8c8c8c
}

.ly_invoice_information .information_area .autocomplete_list .button {
    background: transparent;
    color: #bbb;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    padding: 0 16px;
    width: 100%
}

.ly_invoice_information .agree_area {
    margin-top: 22px;
    position: relative;
    text-align: left
}

.ly_invoice_information .agree_area .chk_ico {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px
}

.ly_invoice_information .agree_area input:focus + .lb_chkbox:before {
    outline: 1px dotted #000
}

.ly_invoice_information .agree_area .lb_chkbox {
    color: #3c3c3c;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px
}

.ly_invoice_information .agree_area .agree_content {
    color: #8c8c8c;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    margin-top: 4px;
    padding-left: 40px
}

.ly_invoice_information .agree_area .agree_content strong {
    color: #3c3c3c;
    font-weight: 400
}

.ly_invoice_information .agree_area .link {
    color: #3b6cef
}

.ly_invoice_information .button_area {
    margin-top: 10px
}

.ly_invoice_information .button_default {
    background-color: #00dc64;
    border-radius: 24px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    line-height: 29px;
    padding: 10px 100px 9px
}

.ly_invoice_information .button_default:disabled {
    background-color: #c9c9c9;
    cursor: default
}

.ly_invoice_information .button_close {
    background: transparent;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 16px
}

.ly_invoice_information .button_close:after, .ly_invoice_information .button_close:before {
    background-color: #bbb;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 21px
}

.ly_invoice_information .button_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.ly_invoice_information .button_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.v_invoice.ly_dim {
    z-index: 3010
}

.v_invoice.ly_wrap {
    z-index: 3020
}

.ly_personal_info {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px 50px 30px;
    width: 818px
}

.ly_personal_info .title {
    display: block;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px
}

.ly_personal_info .text_area {
    color: #8c8c8c;
    font-size: 15px;
    line-height: 22px;
    margin-top: 20px;
    max-height: 251px;
    overflow-y: auto;
    padding: 2px 0;
    text-align: left
}

.ly_personal_info .text_area a {
    color: #3b6cef;
    text-decoration: underline
}

.ly_personal_info .text_area::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px
}

.ly_personal_info .text_area::-webkit-scrollbar-thumb {
    background-color: #dbdbdb;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    box-shadow: 0 0 1px hsla(0, 0%, 100%, .5)
}

.ly_personal_info .info_area {
    margin-top: 13px;
    text-align: left
}

.ly_personal_info .info_area li + li {
    margin-top: 22px
}

.ly_personal_info .info_area li .info_label {
    color: #3c3c3c;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    line-height: 23px
}

.ly_personal_info .info_area li .info_input {
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #3c3c3c;
    font-size: 17px;
    height: 42px;
    margin-top: 4px;
    padding: 9px 16px 6px;
    width: 100%
}

.ly_personal_info .info_area li .info_input::-webkit-input-placeholder {
    color: #8c8c8c
}

.ly_personal_info .info_area li .info_input::-moz-placeholder {
    color: #8c8c8c
}

.ly_personal_info .info_area li .info_input:-ms-input-placeholder {
    color: #8c8c8c
}

.ly_personal_info .info_area li .info_input::-ms-input-placeholder {
    color: #8c8c8c
}

.ly_personal_info .info_area li .info_input::placeholder {
    color: #8c8c8c
}

.ly_personal_info .info_area li .warning {
    color: #e24e2c;
    display: none;
    font-size: 14px;
    line-height: 23px;
    margin-top: 4px
}

.ly_personal_info .info_area li .warning.on {
    display: block
}

.ly_personal_info .check_area {
    margin-top: 22px;
    text-align: left
}

.ly_personal_info .check_area .lb_chkbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #8c8c8c;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    min-height: 30px;
    padding: 3px 0 0 38px;
    position: relative;
    vertical-align: top
}

.ly_personal_info .check_area input:focus + .lb_chkbox:before {
    outline: 1px dotted #000;
    outline: 5px auto highlight;
    outline: 5px auto -webkit-focus-ring-color
}

.ly_personal_info .check_area .warning {
    color: #e24e2c;
    display: none;
    font-size: 14px;
    line-height: 23px;
    margin-left: 38px
}

.ly_personal_info .check_area .warning.on {
    display: block
}

.ly_personal_info .button_area {
    margin-top: 22px
}

.ly_personal_info .button_area .pop_btn {
    background: #00dc64;
    border-radius: 24px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    height: 48px;
    line-height: 52px;
    width: 238px
}

.ly_personal_info .link_refuse {
    color: #929292;
    display: inline-block;
    font-size: 16px;
    line-height: 25px;
    margin-top: 15px;
    text-decoration: underline
}

.ly_personal_info .btn_ly_close3 {
    position: absolute;
    right: 20px;
    top: 20px
}

.ly_main_pop .ly_box {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 350px
}

.ly_main_pop .btnarea {
    border-top: 1px solid #e0e0e0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ly_main_pop .btnarea button {
    -webkit-box-flex: 1;
    background: none;
    border: none;
    color: #3c3c3c;
    cursor: pointer;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    height: 53px
}

.ly_main_pop .btnarea button:first-child {
    border-right: 1px solid #e6e6e6
}

.ly_main_pop .btnarea .ly_close {
    background: #fff;
    border-radius: 50%;
    height: 42px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 42px;
    z-index: 100
}

.ly_main_pop .btnarea .ly_close:after, .ly_main_pop .btnarea .ly_close:before {
    background: #000;
    border-radius: 2px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 20px
}

.ly_main_pop .btnarea .ly_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.ly_main_pop .btnarea .ly_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.pop_upload {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/bg_popup.jpg) no-repeat;
    height: 820px;
    width: 600px
}

.pop_upload .title {
    font-size: 28px;
    font-weight: 400;
    line-height: 30px;
    padding: 45px 0 0 28px
}

.pop_upload .dsc {
    font-size: 15px;
    line-height: 22px;
    padding: 9px 40px 0 27px
}

.pop_upload .upload_cont {
    background: #fff;
    border: 1px solid #dedede;
    height: 557px;
    margin: 19px auto 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 17px 20px;
    width: 504px
}

.pop_upload .upload_cont h2 {
    color: #232323;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 22px
}

.pop_upload .upload_cont h3 {
    color: #232323;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin: 2px 0 0 14px
}

.pop_upload .upload_cont dl {
    margin-left: 14px
}

.pop_upload .upload_cont dt {
    color: #858585;
    font-size: 15px;
    line-height: 22px;
    margin-top: 13px
}

.pop_upload .upload_cont dd {
    color: #858585;
    font-size: 15px;
    line-height: 22px;
    margin-top: 2px;
    padding-left: 18px;
    text-indent: -18px
}

.pop_upload .upload_cont p {
    color: #858585;
    font-size: 15px;
    line-height: 22px;
    margin-top: 10px
}

.pop_upload .upload_cont ul {
    margin-left: 14px
}

.pop_upload .upload_cont li {
    color: #858585;
    font-size: 15px;
    line-height: 22px;
    margin-top: 13px
}

.tw .pop_upload .upload_cont {
    height: 580px
}

.pop_upload .pop_copyright {
    color: #c5c5c5;
    font-size: 14px;
    line-height: 16px;
    margin-top: 24px;
    text-align: center
}

.pop_upload hr.line {
    border: 1px solid #eaeaea;
    display: block;
    margin: 30px 0
}

.redeem_wrap {
    margin: 0 auto 100px;
    width: 1110px
}

.redeem_wrap .redeem_tit {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    padding: 38px 0 5px
}

.redeem_wrap .redeem_area {
    background-color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding: 80px 109px 83px 151px;
    position: relative
}

.redeem_wrap .redeem_sub_tit {
    font-size: 20px;
    font-weight: 500;
    line-height: 36px
}

.redeem_wrap .redeem_info {
    font-size: 17px;
    line-height: 30px;
    padding-top: 2px
}

.redeem_wrap .login_info_wrap [class^=ico] {
    height: 73px;
    left: 0;
    position: absolute;
    top: 20px;
    width: 73px
}

.redeem_wrap .login_info_wrap {
    border-top: 1px solid #eaeaea;
    margin-top: 22px;
    padding: 30px 0 30px 108px;
    position: relative
}

.redeem_wrap .ico_facebook {
    background-position: -1136px -1014px;
    background-repeat: no-repeat;
    height: 73px;
    width: 73px
}

.redeem_wrap .ico_twitter {
    background-position: -192px -943px;
    background-repeat: no-repeat;
    height: 72px;
    width: 72px
}

.redeem_wrap .ico_line {
    background-position: -1213px -937px;
    background-repeat: no-repeat;
    height: 73px;
    width: 73px
}

.redeem_wrap .ico_email {
    background-position: -272px -943px
}

.redeem_wrap .ico_email, .redeem_wrap .ico_google {
    background-repeat: no-repeat;
    height: 72px;
    width: 72px
}

.redeem_wrap .ico_google {
    background-position: -352px -943px
}

.redeem_wrap .ico_apple {
    background-position: -1136px -937px;
    background-repeat: no-repeat;
    height: 73px;
    width: 73px
}

.redeem_wrap .login_name {
    display: block;
    font-weight: 500;
    line-height: 30px
}

.redeem_wrap .login_user {
    color: #848484;
    font-size: 16px
}

.redeem_wrap .os_select_tit {
    border-top: 1px solid #eaeaea;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    padding-top: 56px
}

.redeem_wrap .os_lst {
    font-weight: 500;
    padding-top: 20px
}

.redeem_wrap .os_lst li {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.redeem_wrap .os_lst li + li {
    margin-left: 53px
}

.redeem_wrap .os_lst .input_radio:checked + .lb_radio:before {
    background-position: -1049px -1013px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.redeem_wrap .ent_redeem_tit {
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    padding-top: 66px
}

.redeem_wrap .input_redeem {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    font-size: 20px;
    line-height: 36px;
    padding-bottom: 7px;
    width: 100%
}

.redeem_wrap .input_redeem::-moz-placeholder {
    color: #ccc;
    font-weight: 500
}

.redeem_wrap .input_redeem::-ms-input-placeholder {
    color: #ccc;
    font-weight: 500
}

.redeem_wrap .input_redeem::placeholder {
    color: #ccc;
    font-weight: 500
}

.redeem_wrap .input_redeem::-webkit-input-placeholder {
    color: #ccc;
    font-weight: 500
}

.redeem_wrap .input_redeem:-moz-placeholder {
    color: #ccc;
    font-weight: 500
}

.redeem_wrap .input_redeem:-ms-input-placeholder {
    color: #ccc;
    font-weight: 500
}

.redeem_wrap .terms_agree {
    margin-top: 67px
}

.redeem_wrap .terms_agree .label {
    font-weight: 500
}

.redeem_wrap .terms_agree .terms_cont {
    color: #3c3c3c;
    font-size: 17px;
    line-height: 25px;
    margin: 22px 22px 0 40px
}

.redeem_wrap .btnarea_wrap {
    padding-top: 64px;
    text-align: center
}

.redeem_wrap .btn_apply {
    background: #2f2f2f;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
    min-width: 100px;
    padding: 0 30px;
    text-align: center;
    vertical-align: top
}

.redeem_wrap .btn_apply.off {
    background: #e5e5e5;
    pointer-events: none
}

.ly_redeem_coin {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px 28px 15px;
    width: 500px
}

.ly_redeem_coin:before {
    background-color: #efefef;
    border-radius: 0 0 15px 15px;
    bottom: 0;
    content: "";
    height: 110px;
    left: 0;
    position: absolute;
    right: 0
}

.ly_redeem_coin .redeem_code_pop:before {
    background-position: 0 -969px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 137px;
    margin: 0 auto;
    width: 187px
}

.ly_redeem_coin .redeem_code_pop .tit {
    padding-top: 20px
}

.ly_redeem_coin .redeem_code_pop .sub_txt, .ly_redeem_coin .redeem_code_pop .tit {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px
}

.ly_redeem_coin .redeem_code_pop .sub_txt em {
    color: #00dc64
}

.ly_redeem_coin .redeem_code_pop .expire {
    color: #bbb;
    font-size: 16px;
    line-height: 26px;
    margin-top: 4px
}

.ly_redeem_coin .dsc {
    color: #707070;
    font-size: 13px;
    line-height: 20px;
    margin-top: 33px;
    min-height: 80px;
    padding-right: 100px;
    position: relative;
    text-align: left
}

.ly_redeem_coin .ico_qrcode {
    background-position: -1060px -353px;
    background-repeat: no-repeat;
    bottom: 15px;
    height: 60px;
    position: absolute;
    right: 27px;
    width: 60px
}

.ly_redeem_free_coin .ly_box {
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px 75px 42px;
    width: 500px
}

.ly_redeem_free_coin .title {
    color: #3c3c3c;
    font-size: 24px;
    font-weight: 600;
    line-height: 1
}

.ly_redeem_free_coin .title em {
    color: #00dc64
}

.ly_redeem_free_coin .desc {
    color: #acacac;
    font-size: 17px;
    line-height: 25px;
    margin-top: 12px
}

.ly_redeem_free_coin .redeem_code_select_area {
    margin: 12px auto 0;
    position: relative;
    width: 152px
}

.ly_redeem_free_coin .redeem_code_select_area .button_redeem_code_select {
    background: none;
    border: 1px solid #e0e0e0;
    color: #acacac;
    cursor: pointer;
    font-size: 15px;
    line-height: 24px;
    padding: 5px 25px 4px 12px;
    position: relative;
    text-align: left;
    width: 100%
}

.ly_redeem_free_coin .redeem_code_select_area .button_redeem_code_select:after {
    border-radius: 1px;
    border-right: 2px solid #adadad;
    border-top: 2px solid #adadad;
    content: "";
    height: 6px;
    position: absolute;
    right: 12px;
    top: 12px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 6px
}

.ly_redeem_free_coin .redeem_code_select_area .button_redeem_code_select.is_active:after {
    top: 14px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ly_redeem_free_coin .redeem_code_select_area .button_redeem_code_select.is_active + .redeem_code_list {
    display: block
}

.ly_redeem_free_coin .redeem_code_select_area .redeem_code_list {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-top: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 34px
}

.ly_redeem_free_coin .redeem_code_select_area .redeem_code_list:before {
    background-color: #f8f8f8;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ly_redeem_free_coin .redeem_code_select_area .redeem_code_list button {
    background: none;
    color: #acacac;
    cursor: pointer;
    font-size: 16px;
    line-height: 26px;
    padding: 4px 11px;
    text-align: left;
    width: 100%
}

.ly_redeem_free_coin .redeem_code_select_area .redeem_code_list button:hover {
    background-color: #f8f8f8
}

.ly_redeem_free_coin .button_ok {
    background-color: #242424;
    border-radius: 24px;
    color: #fff;
    font-size: 18px;
    line-height: 48px;
    margin-top: 36px;
    width: 152px
}

.invite_friends_wrap #content {
    overflow: hidden;
    padding: 0
}

.invite_friends_wrap #footer {
    margin-top: 0;
    min-height: auto;
    padding-bottom: 41px
}

.invite_friends_wrap .foot_menu a {
    font-size: 15px
}

.invite_friends_wrap .copyright {
    font-size: 13px
}

.invite_friends_head {
    background: url(https://webtoons-static.pstatic.net/image/static/pc/bg_invite_friends.png) #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: -95px;
    padding: 78px 0 121px;
    text-align: center
}

.invite_friends_head .invite_logo {
    background-position: -808px -465px;
    background-repeat: no-repeat;
    display: block;
    height: 78px;
    margin: 0 auto 40px;
    width: 80px
}

.invite_friends_head .title {
    color: #fff;
    font-size: 50px;
    letter-spacing: -.5px;
    line-height: 56px
}

.invite_friends_head .title em {
    color: #00dc64
}

.invite_friends_head .description {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-top: 2px
}

.invite_friends_content {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 63px;
    padding: 31px 50px 37px;
    text-align: center;
    width: 600px
}

.invite_friends_content .code_wrap {
    background-color: #00dc64;
    border-radius: 4px;
    padding: 20px 0 15px
}

.invite_friends_content .code_title {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 28px
}

.invite_friends_content .copy_area {
    display: inline-block;
    margin: 9px 0 0 44px;
    padding-right: 36px;
    position: relative
}

.invite_friends_content .code_number {
    color: #fff;
    display: block;
    font-size: 44px;
    letter-spacing: 8.8px;
    line-height: 38px
}

.invite_friends_content .link_copy {
    background-color: rgba(0, 0, 0, .18);
    border-radius: 5px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.invite_friends_content .link_copy:hover {
    background-color: rgba(0, 0, 0, .45)
}

.invite_friends_content .link_copy:before {
    background-position: -320px -1071px;
    background-repeat: no-repeat;
    content: "";
    height: 17px;
    margin: 7px auto 0;
    width: 17px
}

.invite_friends_content .ly_url_copy {
    background-color: #000;
    border-radius: 8px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    padding: 15px 19px 13px 20px;
    top: 45px;
    white-space: nowrap
}

.invite_friends_content .ly_url_copy, .invite_friends_content .ly_url_copy:after {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.invite_friends_content .ly_url_copy:after {
    border-bottom: 9px solid #000;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    display: inline-block;
    top: -9px
}

.invite_friends_content .free_coin_list_title {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 42px
}

.invite_friends_content .free_coin_list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: 20px -20px 0;
    position: relative
}

.invite_friends_content .free_coin_list:before {
    border: 1px dashed #555;
    content: "";
    left: 95px;
    position: absolute;
    right: 95px;
    top: 12px
}

.invite_friends_content .free_coin_list .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 200px;
    flex: 0 200px;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    z-index: 10
}

.invite_friends_content .free_coin_list .item:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px
}

.invite_friends_content .free_coin_list .item em {
    color: #00dc64
}

.invite_friends_content .free_coin_list .number {
    background: #555;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-family: hind, simhei, verdana, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 600;
    height: 26px;
    line-height: 29px;
    margin: 0 auto 14px;
    width: 26px
}

.invite_friends_content .description {
    color: #8c8c8c;
    font-size: 15px;
    line-height: 20px;
    margin-top: 17px
}

.invite_friends_content .link_invite {
    background-color: #3c3c3c;
    border-radius: 64px;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 26px;
    padding: 17px 0
}

.invite_wrap {
    margin: 0 auto 100px;
    width: 1110px
}

.invite_wrap .invite_title {
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    padding: 43px 0 11px
}

.invite_wrap .invite_code_title {
    font-size: 36px;
    font-weight: 500;
    line-height: 40px;
    text-align: center
}

.invite_wrap .invite_code_description {
    font-size: 16px;
    line-height: 24px;
    padding: 1px 0 5px;
    text-align: center
}

.invite_wrap .invite_code_description em {
    color: #00dc64
}

.invite_wrap .invite_area {
    background-color: #fff;
    padding: 60px 130px;
    position: relative
}

.invite_wrap .sub_title {
    font-size: 20px;
    font-weight: 500;
    line-height: 34px;
    margin-top: 22px
}

.invite_wrap .login_info_area {
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
    margin-top: 10px;
    padding: 27px 0 27px 112px;
    position: relative
}

.invite_wrap .login_info_area [class^=ico] {
    height: 73px;
    left: 10px;
    position: absolute;
    top: 21px;
    width: 73px
}

.invite_wrap .ico_facebook {
    background-position: -1136px -1014px;
    background-repeat: no-repeat;
    height: 73px;
    width: 73px
}

.invite_wrap .ico_twitter {
    background-position: -192px -943px;
    background-repeat: no-repeat;
    height: 72px;
    width: 72px
}

.invite_wrap .ico_line {
    background-position: -1213px -937px;
    background-repeat: no-repeat;
    height: 73px;
    width: 73px
}

.invite_wrap .ico_email {
    background-position: -272px -943px
}

.invite_wrap .ico_email, .invite_wrap .ico_google {
    background-repeat: no-repeat;
    height: 72px;
    width: 72px
}

.invite_wrap .ico_google {
    background-position: -352px -943px
}

.invite_wrap .ico_apple {
    background-position: -1136px -937px;
    background-repeat: no-repeat;
    height: 73px;
    width: 73px
}

.invite_wrap .login_name {
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 29px
}

.invite_wrap .login_user {
    color: #8c8c8c;
    display: block;
    font-size: 18px;
    font-weight: 300;
    margin-top: 3px
}

.invite_wrap .os_list {
    font-size: 18px;
    line-height: 24px;
    padding: 10px 0 8px
}

.invite_wrap .os_list .item {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.invite_wrap .os_list .item + .item {
    margin-left: 55px
}

.invite_wrap .os_list .input_radio:checked + .lb_radio:before {
    background-position: -1049px -1013px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}

.invite_wrap .input_code {
    border-bottom: 1px solid #efefef;
    font-size: 20px;
    font-weight: 300;
    line-height: 36px;
    margin-top: 5px;
    padding-bottom: 2px;
    width: 100%
}

.invite_wrap .input_code::-webkit-input-placeholder {
    color: #ccc;
    font-weight: 300
}

.invite_wrap .input_code::-moz-placeholder {
    color: #ccc;
    font-weight: 300
}

.invite_wrap .input_code:-ms-input-placeholder {
    color: #ccc;
    font-weight: 300
}

.invite_wrap .input_code::-ms-input-placeholder {
    color: #ccc;
    font-weight: 300
}

.invite_wrap .input_code::placeholder {
    color: #ccc;
    font-weight: 300
}

.invite_wrap .button_area {
    margin-top: 30px;
    text-align: center
}

.invite_wrap .button_apply {
    background-color: #2f2f2f;
    border-radius: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
    min-width: 160px;
    padding: 0 55px;
    vertical-align: top
}

.invite_wrap .button_apply.off {
    background-color: #ececec;
    color: #a8a8a8;
    cursor: default
}

.invite_wrap .button_apply.process {
    background-color: #ececec;
    color: #595959;
    cursor: default
}

.invite_wrap .invite_desc_list_area {
    padding-top: 21px;
    text-align: center
}

.invite_wrap .invite_desc_list_area .invite_desc_list {
    display: inline-block
}

.invite_wrap .invite_desc_list_area .invite_desc_list .item {
    color: #8c8c8c;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    padding-left: 12px;
    position: relative;
    text-align: left
}

.invite_wrap .invite_desc_list_area .invite_desc_list .item:before {
    background-color: #8c8c8c;
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 4px
}

.ly_invite_code {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 470px
}

.ly_invite_code .invite_code_area {
    padding: 30px 95px 15px 97px
}

.ly_invite_code .invite_code_area:before {
    background-position: -1264px -785px;
    background-repeat: no-repeat;
    content: "";
    height: 150px;
    margin-bottom: 8px;
    width: 158px
}

.ly_invite_code .invite_code_area .title {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px
}

.ly_invite_code .invite_code_area .title em {
    color: #00dc64
}

.ly_invite_code .invite_code_area .sub_text {
    color: #3c3c3c;
    font-size: 15px;
    font-weight: 300;
    line-height: 28px
}

.ly_invite_code .description_area {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: hsla(0, 0%, 85%, .4);
    border-radius: 0 0 15px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px 25px 16px;
    text-align: left
}

.ly_invite_code .description_area .description {
    color: #3c3c3c;
    font-size: 14px;
    line-height: 20px
}

.ly_invite_code .description_area .ico_qrcode {
    -webkit-box-flex: 0;
    background-position: -1488px -826px;
    background-repeat: no-repeat;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    height: 80px;
    margin-left: 32px;
    width: 80px
}

.ly_we_agree {
    padding: 64px 48px 50px;
    width: 468px
}

.ly_we_agree .title {
    color: #00dc64;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px
}

.ly_we_agree .text1 {
    color: rgba(0, 0, 0, .85);
    font-size: 17px;
    line-height: 25px;
    margin-top: 10px
}

.ly_we_agree .text2 {
    color: #8c8c8c;
    font-size: 15px;
    line-height: 25px;
    margin-top: 20px
}

.ly_we_agree .link {
    color: #3b6cef
}

.ly_we_agree .we_agree_dsc {
    display: inline-block;
    margin-top: 20px;
    position: relative;
    vertical-align: top
}

.ly_we_agree .we_agree_dsc .chk_area {
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px
}

.ly_we_agree .we_agree_dsc .dsc {
    color: #8c8c8c;
    display: block;
    font-size: 15px;
    line-height: 30px;
    padding-left: 38px
}

.ly_we_agree .we_agree_dsc .caution {
    color: rgba(226, 78, 44, .85);
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    margin-top: 2px;
    vertical-align: top
}

.ly_we_agree .txt_short_notice {
    color: #929292;
    font-size: 15px;
    line-height: 25px;
    margin-top: 20px
}

.ly_we_agree .txt_short_notice .link {
    text-decoration: underline
}

.ly_we_agree .btnarea {
    margin-top: 30px
}

.ly_we_agree .btn_submit {
    background: #00dc64;
    border-radius: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px;
    line-height: 48px;
    min-width: 174px;
    padding: 0 48px;
    width: auto
}

.ly_we_agree .lk_cancel {
    color: inherit
}

.ly_we_agree .lk_cancel span {
    text-decoration: underline
}

.paid_in_warp {
    margin: 0 auto;
    padding: 90px 0 156px;
    width: 1110px
}

.paid_in_warp h2 {
    color: rgba(0, 0, 0, .8);
    font-size: 50px;
    line-height: 1.1
}

.paid_in_warp p {
    font-size: 17px;
    line-height: 30px;
    margin-top: 43px
}

.publishing_wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-top: 1px;
    min-height: 923px;
    padding-bottom: 120px;
    text-align: center
}

.publishing_wrap .qrcode {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    height: 108px;
    padding: 9px;
    width: 108px
}

.publishing_wrap .title {
    color: #000;
    font-size: 21px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 29px
}

.publishing_wrap .description {
    color: #8c8c8c;
    font-size: 15px;
    line-height: 20px;
    margin-top: 6px
}

.publishing_wrap .link_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 32px
}

.publishing_wrap .link {
    background-color: #242424;
    border-radius: 24px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 48px;
    min-width: 140px
}

.publishing_wrap .link + .link {
    margin-left: 10px
}

.nativo_header {
    border-bottom: 1px solid #eaeaea;
    padding: 100px 0 35px
}

.nativo_header .title {
    font-size: 55px;
    font-weight: 600;
    line-height: 60px
}

.nativo_header .info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 35px
}

.nativo_header .info, .nativo_header .sponsor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nativo_header .sponsor {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 54px;
    justify-content: center;
    padding-left: 64px;
    position: relative;
    row-gap: 2px
}

.nativo_header .sponsor .logo {
    height: 54px;
    left: 0;
    position: absolute;
    top: 0;
    width: 54px
}

.nativo_header .sponsor .logo img {
    width: 100%
}

.nativo_header .sponsor .name {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px
}

.nativo_header .sponsor .text {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px
}

.nativo_header .sns_area {
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nativo_header .sns_area .ico_facebook {
    background-position: -767px -1023px;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px
}

.nativo_header .sns_area .ico_x {
    background-position: -724px -1023px;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px
}

.nativo_body {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 40px
}

.nativo_body .nativo_content {
    padding-bottom: 100px;
    width: 840px
}

.nativo_body .nativo_content .image {
    margin-top: 50px
}

.nativo_body .nativo_content .image:first-child {
    margin-top: 0
}

.nativo_body .nativo_content .text {
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    margin-top: 30px
}

.nativo_body .nativo_content .text .title {
    display: block;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px
}

.nativo_body .nativo_content .logo_area {
    margin-top: 15px;
    text-align: right
}

.nativo_body .nativo_content .disclaimer {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 60px;
    padding-top: 50px
}

.nativo_body .nativo_content .disclaimer .title {
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 29px
}

.nativo_body .nativo_content .disclaimer .text {
    color: #666;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin-top: 5px
}

.nativo_body .nativo_content .banner_area {
    margin-top: 60px;
    row-gap: 30px;
    text-align: center
}

.nativo_body .nativo_aside, .nativo_body .nativo_content .banner_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.nativo_body .nativo_aside {
    row-gap: 20px;
    width: 300px
}

.clip_studio_area {
    margin: 70px auto 74px;
    text-align: center;
    width: 780px
}

.clip_studio_area .logo {
    float: none;
    height: unset
}

.clip_studio_area .logo .btn_logo {
    background-position: -808px -465px;
    background-repeat: no-repeat;
    height: 78px;
    margin: 0;
    width: 80px
}

.clip_studio_area .title {
    font-size: 47px;
    font-weight: 600;
    line-height: 41px;
    margin-top: 94px
}

.clip_studio_area .detail {
    color: #666;
    font-size: 16px;
    line-height: 25px;
    margin-top: 10px
}

.clip_studio_area .info_wrap {
    margin-top: 40px
}

.clip_studio_area .info_wrap:after {
    clear: both;
    content: "";
    display: block
}

.clip_studio_area .info_area {
    background-color: #f9fafb;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 44px 39px 34px;
    width: 380px
}

.clip_studio_area .info_area + .info_area {
    margin-left: 20px
}

.clip_studio_area .info_title {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px
}

.clip_studio_area .info_detail {
    color: #555;
    font-size: 17px;
    line-height: 24px;
    margin-top: 10px
}

.clip_studio_area .info_button {
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    height: 50px;
    margin-top: 30px;
    position: relative;
    width: 100%
}

.clip_studio_area .info_button.open {
    background-color: #3b99ef
}

.clip_studio_area .info_button.get {
    background-color: #414141
}

.clip_studio_area .info_button.get:after {
    background-position: -333px -1023px;
    background-repeat: no-repeat;
    content: "";
    height: 37px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 37px
}

.clip_studio_area .copyright {
    margin-top: 183px;
    padding: 0
}

.month_promo {
    font-weight: 300;
    margin: 50px auto 150px;
    width: 1110px
}

.month_promo .month_promo_box_title {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px
}

.month_promo .month_promo_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px;
    padding: 48px 0 72px;
    text-align: center
}

.month_promo .month_promo_box .month_promo_title {
    color: #111;
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
    margin-top: 24px
}

.month_promo .month_promo_box .month_promo_text {
    color: #111;
    font-size: 17px;
    line-height: 25px;
    margin-top: 5px
}

.month_promo .month_promo_box .redeem_button {
    background: -webkit-gradient(linear, left top, right top, from(#3755ff), color-stop(13%, #335df7), color-stop(35%, #2976e3), color-stop(49%, #228ad3), color-stop(70%, #1a9ec2), to(#04d496));
    background: linear-gradient(90deg, #3755ff, #335df7 13%, #2976e3 35%, #228ad3 49%, #1a9ec2 70%, #04d496)
}

.month_promo .month_promo_redeem_box {
    background-color: #fff;
    margin-top: 10px;
    padding: 48px 166px 84px
}

.month_promo .month_promo_redeem_box .redeem_title {
    color: #111;
    font-size: 28px;
    font-weight: 500;
    line-height: 36px;
    text-align: center
}

.month_promo .month_promo_redeem_box .redeem_title_sub {
    color: #111;
    font-size: 17px;
    line-height: 25px;
    margin-top: 5px;
    text-align: center
}

.month_promo .month_promo_redeem_box .redeem_title_sub .highlight {
    color: #00dc64;
    font-weight: 500
}

.month_promo .month_promo_redeem_box .redeem_image_area {
    background-color: #f0f4fe;
    border-radius: 4px;
    margin-top: 24px
}

.month_promo .month_promo_redeem_box .redeem_image_area + .redeem_section_title {
    margin-top: 24px
}

.month_promo .month_promo_redeem_box .redeem_section_title {
    color: #111;
    font-size: 19px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 40px
}

.month_promo .month_promo_redeem_box .redeem_section_title.type_faq {
    border-bottom: 1px solid #e0e0e0;
    margin-top: 48px;
    padding-bottom: 12px
}

.month_promo .month_promo_redeem_box .redeem_section_text {
    color: #111;
    font-size: 17px;
    line-height: 25px;
    margin-top: 6px
}

.month_promo .month_promo_redeem_box .redeem_account_info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #111;
    display: grid;
    font-size: 17px;
    font-weight: 400;
    grid-template-columns:36px 1fr;
    line-height: 27px;
    margin-top: 12px;
    padding: 7px 11px
}

.month_promo .month_promo_redeem_box .redeem_account_info:before {
    content: "";
    margin-right: 8px
}

.month_promo .month_promo_redeem_box .redeem_account_info .user_name_area {
    overflow: hidden
}

.month_promo .month_promo_redeem_box .redeem_account_info .user_name {
    color: #8c8c8c;
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.month_promo .month_promo_redeem_box .redeem_account_info.type_email:before {
    background-position: -1146px -1023px;
    background-repeat: no-repeat;
    height: 28px;
    width: 28px
}

.month_promo .month_promo_redeem_box .redeem_account_info.type_email .user_name {
    color: #111;
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    margin-top: 0
}

.month_promo .month_promo_redeem_box .redeem_account_info.type_google:before {
    background-position: -1038px -1023px;
    background-repeat: no-repeat;
    height: 28px;
    width: 28px
}

.month_promo .month_promo_redeem_box .redeem_account_info.type_apple:before {
    background-position: -1218px -1023px;
    background-repeat: no-repeat;
    height: 28px;
    width: 28px
}

.month_promo .month_promo_redeem_box .redeem_account_info.type_facebook:before {
    background-position: -1182px -1023px;
    background-repeat: no-repeat;
    height: 28px;
    width: 28px
}

.month_promo .month_promo_redeem_box .redeem_account_info.type_line:before {
    background-position: -1110px -1023px;
    background-repeat: no-repeat;
    height: 28px;
    width: 28px
}

.month_promo .month_promo_redeem_box .redeem_account_info.type_x:before {
    background-position: -1074px -1023px;
    background-repeat: no-repeat;
    height: 28px;
    width: 28px
}

.month_promo .month_promo_redeem_box .redeem_radio_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px
}

.month_promo .month_promo_redeem_box .redeem_radio_label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.month_promo .month_promo_redeem_box .redeem_radio_label:before {
    border: 1.5px solid #bbb;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    height: 30px;
    margin-right: 10px;
    width: 30px
}

.month_promo .month_promo_redeem_box .redeem_radio_label ~ .redeem_radio_label {
    margin-left: 30px
}

.month_promo .month_promo_redeem_box .redeem_radio_input {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

.month_promo .month_promo_redeem_box .redeem_radio_input:checked + .redeem_radio_label:before {
    border-color: #00dc64
}

.month_promo .month_promo_redeem_box .redeem_radio_input:checked + .redeem_radio_label:after {
    background-color: #00dc64;
    border-radius: 50%;
    content: "";
    height: 12px;
    left: 9px;
    position: absolute;
    top: 9px;
    width: 12px
}

.month_promo .month_promo_redeem_box .redeem_radio_text {
    color: #111;
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    margin-top: 1px
}

.month_promo .month_promo_redeem_box .redeem_code_area {
    background: #f8f8f8;
    color: #111;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 16px;
    padding: 9px 0;
    text-align: center
}

.month_promo .month_promo_redeem_box .redeem_faq_area {
    border-bottom: 1px solid #e0e0e0
}

.month_promo .month_promo_redeem_box .button_faq {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: 0;
    color: #111;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    font-weight: 400;
    height: 72px;
    justify-content: space-between;
    width: 100%
}

.month_promo .month_promo_redeem_box .button_faq:after {
    background-position: -1234px -875px;
    background-repeat: no-repeat;
    content: "";
    height: 18px;
    width: 18px
}

.month_promo .month_promo_redeem_box .button_faq[aria-expanded=true] + .redeem_faq_list_group {
    display: block
}

.month_promo .month_promo_redeem_box .button_faq[aria-expanded=true]:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.month_promo .month_promo_redeem_box .redeem_faq_list_group {
    display: none
}

.month_promo .month_promo_redeem_box .redeem_faq_list_group .redeem_image_area {
    margin-top: 0
}

.month_promo .month_promo_redeem_box .redeem_faq_list {
    color: #111;
    font-size: 17px;
    line-height: 25px;
    margin-top: 24px
}

.month_promo .month_promo_redeem_box .redeem_faq_list strong {
    font-weight: 500
}

.month_promo .month_promo_redeem_box .redeem_faq_list .item + .item {
    margin-top: 6px
}

.month_promo .month_promo_redeem_box .redeem_faq_text {
    color: #111;
    font-size: 17px;
    line-height: 25px;
    margin: 14px 0 27px
}

.month_promo .month_promo_redeem_box .redeem_faq_text .link {
    color: #3b6cef
}

.month_promo .month_promo_redeem_box .redeem_faq_text_help {
    color: #8c8c8c;
    font-size: 15px;
    line-height: 24px;
    margin-top: 12px
}

.month_promo .month_promo_redeem_box .redeem_faq_text_help .link {
    color: #3b6cef
}

.month_promo .month_promo_redeem_box .redeem_faq_text_help + .redeem_section_title {
    margin-top: 48px
}

.month_promo .month_promo_redeem_box .redeem_button {
    display: block;
    margin: 30px auto 0
}

.month_promo .month_promo_center_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 434px;
    justify-content: center;
    margin-top: 10px;
    text-align: center
}

.month_promo .month_promo_center_box .redeem_loading {
    height: 30px;
    margin: 0 auto;
    width: 30px
}

.month_promo .month_promo_center_box .redeem_loading + .redeem_status_text {
    font-weight: 300;
    margin-top: 20px
}

.month_promo .month_promo_center_box .redeem_status_title {
    color: #111;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px
}

.month_promo .month_promo_center_box .redeem_status_title + .redeem_status_text {
    margin-top: 20px
}

.month_promo .month_promo_center_box .redeem_status_title ~ .redeem_status_text {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

.month_promo .month_promo_center_box .redeem_status_text {
    color: #111;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px
}

.month_promo .month_promo_center_box .redeem_status_text + .redeem_status_text {
    margin-top: 8px
}

.month_promo .month_promo_center_box .redeem_button {
    margin-top: 20px
}

.month_promo .month_promo_center_box .redeem_button.type_eligible {
    margin-top: 40px
}

.month_promo .redeem_button {
    background: #00dc64;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    line-height: 29px;
    margin-top: 30px;
    padding: 10px 30px 9px
}

.month_promo .redeem_button.type_error {
    background-color: #3c3c3c
}

.month_promo .redeem_button:disabled {
    background-color: #c9c9c9;
    cursor: auto
}

.iScrollVerticalScrollbar {
    bottom: 0;
    position: absolute;
    top: 0
}

.iScrollIndicator {
    background: rgba(0, 0, 0, .5);
    border: 1px solid hsla(0, 0%, 100%, .9);
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    -webkit-transform: translate(0) translateZ(0);
    transform: translate(0) translateZ(0);
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
    -webkit-transition-timing-function: cubic-bezier(.1, .57, .1, 1);
    transition-timing-function: cubic-bezier(.1, .57, .1, 1);
    width: 100%
}

#viewer_scrollbox .scrollbar-content {
    width: 203px !important
}

#viewer_scrollbox .iScrollIndicator {
    background: #666;
    border: none
}

#viewer_scrollbox .iScrollVerticalScrollbar {
    bottom: 2px;
    right: 0;
    top: 2px;
    width: 6px;
    z-index: 900
}

#scrollbox-lang .scrollbar-content {
    width: 153px !important
}

#scrollbox-lang .iScrollIndicator {
    background: #d6dadb;
    border: none
}

#scrollbox-lang .iScrollVerticalScrollbar {
    bottom: 2px;
    right: 4px;
    top: 2px;
    width: 6px;
    z-index: 900
}

#viewer_scrollbox2 .scrollbar-box {
    width: 100% !important
}

#viewer_scrollbox2 .scrollbar-content {
    width: 246px !important
}

#viewer_scrollbox2 .iScrollIndicator {
    background: #d6dadb;
    border: none
}

#viewer_scrollbox2 .iScrollVerticalScrollbar {
    bottom: 2px;
    right: 4px;
    top: 2px;
    width: 6px;
    z-index: 900
}

#patron_scrollbox .iScrollIndicator {
    background: #ececec;
    border: 1px solid #e1e1e1
}

#patron_scrollbox .iScrollVerticalScrollbar {
    bottom: 2px;
    right: 2px;
    top: 2px;
    width: 8px
}

#publish_scrollbox .scrollbar-box {
    width: 800px !important
}

#publish_scrollbox .scrollbar-content {
    padding-left: 10px
}

#publish_scrollbox .iScrollIndicator {
    background: #dbdbdb;
    border: none;
    width: 6px
}

#publish_scrollbox .iScrollVerticalScrollbar {
    background: #fff;
    border-radius: 3px;
    bottom: 2px;
    height: 458px;
    right: 1px;
    top: 5px;
    width: 6px;
    z-index: 900
}

#scrollbox {
    height: 100%;
    position: relative;
    width: 100%
}

.scrollbar-box {
    height: 100%;
    overflow: hidden
}

.scrollbar-box, .scrollbar-content {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.scrollbar-show {
    display: block
}

.scrollbar-noscript .scrollbar-box {
    overflow: auto
}

.scrollbar-noscript .scrollbar-disabled, .scrollbar-noscript .scrollbar-h, .scrollbar-noscript .scrollbar-v {
    display: none
}

.scrollbar-box.v2 {
    height: 100% !important;
    width: 100% !important
}

.scrollbar-box.v2 .scrollbar-content {
    padding-left: 10px
}

.browsebutton {
    height: 216px;
    position: relative;
    width: 216px;
    z-index: 10
}

.browsebutton .browse-output {
    border: 1px solid #aaa;
    display: block;
    height: 21px;
    margin-right: 5px;
    overflow: hidden;
    padding: 0 5px;
    position: absolute;
    width: 180px
}

.browsebutton .browse-box {
    background-color: gray;
    filter: alpha(opacity=0) !important;
    -ms-filter: alpha(opacity=0) !important;
    height: 100%;
    left: 0;
    opacity: 0 !important;
    -ms-opacity: 0 !important;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 32000
}

.browsebutton .browse-file-input {
    border: 0;
    cursor: pointer;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%
}

.browsebutton .browse-button {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.browsebutton .browse-button .before {
    background-color: #e8e8e8;
    border: 1px solid #e8e8e8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 216px;
    padding-top: 60px
}

.browsebutton .browse-button .before:before {
    background-position: -689px -1053px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 36px;
    margin: 0 auto;
    width: 36px
}

.browsebutton .browse-button .before p {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    margin-top: 14px;
    padding: 0 10px;
    text-align: center;
    text-indent: 0;
    white-space: normal
}

.browsebutton .browse-button .before img {
    display: none
}

.browsebutton .browse-button .after {
    height: 100%;
    width: 100%
}

.browsebutton .browse-button .after p {
    display: none
}

.browsebutton .browse-button.alert .after:before {
    background-color: rgba(226, 78, 44, .4);
    border: 1px solid #e24e2c;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.browsebutton .browse-button.alert .after:after {
    background-position: -729px -1053px;
    background-repeat: no-repeat;
    content: "";
    height: 36px;
    left: 90px;
    position: absolute;
    top: 62px;
    width: 36px
}

.browsebutton .browse-button.alert .after p {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 500;
    left: 19px;
    line-height: 21px;
    position: absolute;
    text-align: center;
    top: 112px;
    width: 186px
}

.browsebutton .browse-button.alert .before {
    border-color: #e24e2c
}

.browsebutton .browse-button.alert .before:before {
    background-position: -729px -1053px;
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    position: relative;
    width: 36px;
    z-index: 100
}

.browsebutton .browse-button.alert .before:after {
    background-color: rgba(226, 78, 44, .4);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.browsebutton .browse-button.alert .before p {
    color: #fff;
    position: relative;
    z-index: 100
}

.tw .browsebutton .browse-button .after img + p {
    margin-top: 3px
}

.th .browsebutton .browse-button .after img + p {
    margin-top: 4px
}

.browsebutton .browse-applied {
    display: block
}

.browsebutton .browse-over .before {
    border: 1px solid #00dc64
}

.browsebutton .browse-over .before:before {
    background-position: -769px -1053px;
    background-repeat: no-repeat;
    height: 36px;
    width: 36px
}

.browsebutton .browse-over .before p {
    color: #bbb
}

.browsebutton .browse-over .after:before {
    background-color: rgba(0, 0, 0, .4);
    border: 1px solid #00dc64;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.browsebutton .browse-over .after:after {
    background-position: -769px -1053px;
    background-repeat: no-repeat;
    content: "";
    height: 36px;
    left: 90px;
    position: absolute;
    top: 62px;
    width: 36px
}

.browsebutton .browse-over .after p {
    color: #bbb;
    display: block;
    font-size: 15px;
    font-weight: 500;
    left: 19px;
    line-height: 21px;
    position: absolute;
    text-align: center;
    top: 112px;
    width: 186px
}

#fileName {
    display: none
}

.browsebutton .browse-button .loading {
    left: 50%;
    margin: -47px 0 0 -18px;
    position: absolute;
    top: 50%;
    z-index: 110
}

.browsebutton.v2 .browse-button .loading {
    margin-top: -55px
}

.browsebutton.v2 {
    height: 151px;
    width: 160px
}

.browsebutton.v2 .browse-button .before {
    height: 151px;
    padding-top: 20px
}

.browsebutton.v2 .browse-button .before p {
    bottom: 44px;
    line-height: 18px
}

.browsebutton.v2 .browse-over .before p {
    color: #aaa
}

.browsebutton.v2 .browse-over .after:after {
    left: 62px;
    top: 21px
}

.browsebutton.v2 .browse-button .after p {
    bottom: 44px;
    left: 0;
    line-height: 18px;
    right: 0;
    top: 71px;
    width: auto
}

.browsebutton.v2 .browse-over .after p {
    color: #aaa
}

.browsebutton.v3 {
    display: inline-block;
    height: 36px;
    width: 180px
}

.browsebutton.thumb2 {
    height: 384px
}

.browsebutton.thumb2 .browse-button .before {
    background-color: #e8e8e8;
    height: 384px;
    padding-top: 144px
}

.browsebutton.thumb2 .browse-button .after:after {
    top: 145px
}

.browsebutton.thumb2 .browse-button .after p {
    top: 195px
}
#btnPublish{
    position: relative;
}
#btnPublish img{
    position: absolute;
    top: 7px;
    left: 9px;
    width: 20px;
}