@charset "UTF-8";

.ico_badge{position:relative;display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:3px;flex-shrink:0;object-fit:cover;}
picture.ico_badge{overflow:hidden;}
picture.ico_badge img{max-width:100%;}
.ico_badge font{position:absolute;top:100%;right:0;display:inline-block;}

.title_aic_common{padding-bottom:14px;border-bottom:1px solid var(--main-line-color);font-size:20px;font-weight:500;margin:15px auto;}
.sub_page_title{padding:0 5px 14px;font-size:20px;font-weight:500;border-bottom:1px solid var(--main-line-color);box-sizing:border-box;margin:15px auto 0;}
.sub_page_title.flex_{gap:10px;}
.sub_page_title.sd16{max-width:calc(100% - 16px);}
.sub_page_title.has_hash{border-bottom-width:0;}
.sub_page_title .title_text{flex:1;}

/* 내역 없음 공통 */
.not_find_disp{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;width:100%;min-height:260px;padding:25px;font-size:18px;line-height:1.5;text-align:center;color:var(--sub2-ft-color);}
.not_find_disp_ico{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;border:2px solid var(--sub2-ft-color);background-color:rgba(255, 255, 255, 0.05);font-size:40px;font-weight:500;flex-shrink:0;}

/* 스와이퍼 공용 네비게이션 버튼 */
.xtg_swp_navs{position:absolute;top:0;bottom:0;width:40px;height:40px;border-radius:40px;background-color:rgba(255, 255, 255, 1);background-repeat:no-repeat;background-position:center;background-size:8px auto;z-index:3;opacity:0.9;cursor:pointer;margin:auto 0;}
[color-theme="light"] .xtg_swp_navs{box-shadow:0 0 2px rgba(0, 0, 0, 0.6);}
.xtg_swp_navs.prev{left:0;background-image:url("https://cdn.metoon.co.kr/img/xtg/ico_nav_prev.svg");background-position-x:48%;}
.xtg_swp_navs.next{right:0;background-image:url("https://cdn.metoon.co.kr/img/xtg/ico_nav_next.svg");background-position-x:54%;}
.xtg_swp_navs.top5:not([role="button"]), .xtg_swp_navs.out:not([role="button"]){display:none;}

/* 서브 페이지 - 탭 메뉴 */
.subpg_tab_menu_wrap{position:relative;margin-top:20px;}
.subpg_tab_menus{max-width:calc(100% - 16px);/* flex-wrap:wrap; */overflow:auto;overflow:overlay;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;margin:0 auto;}
.subpg_tab_menu{position:relative;padding:9px 12px;border:1px solid var(--main-line-color);border-right-width:0;background-color:var(--opt-bg-color);font-size:17px;color:var(--sub-ft-color);/* flex:1 1 auto; */flex:1 0 auto;scroll-snap-align:start;}
.subpg_tab_menu:last-child{border-right-width:1px;}
.subpg_tab_menu.on{background-color:var(--sub-bg-color);font-weight:500;color:var(--main-ft-fc-color);z-index:2;}
.subpg_tab_menu.on:before{content:"";display:block;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;/* width:100%;height:100%; */border:1px solid var(--main-ft-fc-color);box-sizing:border-box;}
.subpg_tab_menu_wrap.has_scroll .subpg_tab_menus{max-width:calc(100% - 8px);padding-right:10px;margin-right:0;}
.subpg_tab_menu_wrap.has_scroll:after{content:"";display:block;position:absolute;top:0;right:0;width:15px;height:100%;background:linear-gradient(to left, var(--main-bg-color) 24%, transparent);z-index:2;}
.subpg_tab_menu_wrap.has_scroll .subpg_tab_menu:last-child{z-index:3;}

/* 작품 정보 라벨 및 태그 */
.wr_text_tag{display:inline-block;padding:1px 3px 2px;height:auto;border-width:1px;border-style:solid;font-style:normal;font-size:11px;font-weight:700;line-height:1;letter-spacing:0;vertical-align:top;}
.wr_text_tag ~ .wr_text_tag{margin-left:4px;}
.wr_text_tag.completed{border-color:#DCC790;background-color:#FBF0D4;color:#9B7516;}
.wr_text_tag.md_recomm{border-color:#CCE4ED;background-color:#CCE4ED;color:#0076A3;}
.wr_text_tag.new{border-color:#FED8E8;background-color:#FED8E8;color:#F93C8C;}
/* .wr_text_tag.saw{border-color:#F89999;background-color:#FFFFFF;color:#F23434;} */
.wr_text_tag.saw{border-color:#F2E8FF;background-color:#F2E8FF;color:#852CFA;}
.wr_text_tag.sp_sale{display:inline-flex;align-items:center;border-color:var(--tag-sp-sale-bd);background-color:var(--tag-sp-sale-bg);color:var(--tag-sp-sale-co);flex-shrink:0;}
.wr_text_tag .co_red{color:var(--bg-fc2-color);}
.wr_text_tag.ddak100{border-color:#A20000;background-color:#A20000;font-weight:500;color:#FFF;}
.wr_text_tag.ddak100 .rotate{display:inline-block;font-weight:700;color:#F7FF00;transform:rotate(-15deg);}
.wr_text_tag.hot{border-color:#CA1212;background-color:#CA1212;background-color:#F13B9E;font-weight:500;color:#FFFA03;}
.wr_text_tag.best{border-color:#9BCCFF;background-color:#9BCCDD;color:#0B68BA;}
.nLabel_text{display:inline-block;/* width:32px; */height:auto;/* padding:2px 0 3px; */padding:2px 5px 3px;border-width:1px;border-style:solid;border-radius:4px 4px 4px 0;background-color:#FFFFFF;font-style:normal;font-size:11px;font-weight:500;line-height:1;text-align:center;box-sizing:border-box;}
.nLabel_text.red{border-color:#FEBDC1;color:#FC767F;display:none !important;}
.nLabel_text.up{border-color:#F8A1A4;color:#F0494F;}
.nLabel_text.mo{border-color:#C4C4C4;color:#8D8D8D;}
.nLabel_text.blue{border-color:#A8D1F3;color:#439BE4;}
.nLabel_text.green{border-color:#9ED7D3;color:#60BAB3;}
.nLabel_text.purple{border-color:#CEAEE0;color:#9A5BC0;}
.nLabel_text.pink{border-color:#FA62A1;color:#FA62A1;}
.txt_tag .nLabel_text + .nLabel_text, .label_box .nLabel_text + .nLabel_text{margin-top:4px;}
.cLabel_text{display:inline-block;height:auto;padding:4px 10px 5px;border-radius:4px 4px 4px 0;background-color:#FC5E68;font-style:normal;font-size:12px;font-weight:500;color:var(--main-ft-color);line-height:1;text-align:center;box-sizing:border-box;flex-shrink:0;}
.cLabel_text.orange{background-color:#F17A1A;}
.cLabel_text.pink{background-color:#F93C8C;}
.cLabel_text.green{background-color:#5DC26A;}
.cLabel_text.dgray{background-color:var(--sub-ft-color);}
.cLabel_text.blue{background-color:#2B90E1;}
.cLabel_text.turquoise{background-color:#139F95;}

/* 헤더 */
.header{position:-webkit-sticky;position:sticky;top:0;width:100%;border-bottom:1px solid var(--main-line-color);background-color:var(--sub-bg-color);/* overflow:hidden; */z-index:990;}
[color-theme="light"] .header{background-color:#FFFFFF;}
.header_inner, .head_tab_menu2 ul{position:relative;max-width:1260px;margin:0 auto;}
.headTop:not(.not_common){padding:0 30px;height:66px;}
.ht_contbox, .ht_menu{position:relative;z-index:2;}
.ht_menu{height:100%;}
.ht_menu li + li{padding-left:14px;}
.ht_menu a{position:relative;display:block;}
.ht_menu li .htm_ic{display:block;display:flex;align-items:center;justify-content:center;text-align:center;/* height:20px; */}
.ht_menu li .htm_ic img, .ht_menu li .htm_ic svg{width:24px;height:24px;}
.ht_menu li .htm_ic svg{fill:#FFF;fill:var(--main-ft-color);}
[color-theme="light"] .ht_menu li .htm_ic svg{fill:var(--sub2-ft-color);}
.ht_menu li .htm_ic svg.top_gift_svg{width:auto;}
.ht_menu li.hd_sel_country .htm_ic img{width:25px;height:25px;}
.ht_menu li .htm_txt{display:block;text-align:center;font-size:10px;height:13px;line-height:13px;}
.ht_menu li .htm_txt img{height:8px;vertical-align:middle;margin-top:-1px;}
.meitlogo{margin-right:15px;}
.meitlogo img{display:block;width:110px;width:140px;object-fit:contain;}
.headBottom2, .head_tab_menu2{width:100%;overflow-y:hidden;overflow-x:auto;overflow-x:overlay;}
.all_headBottom{display:flex;justify-content:space-between;height:100%;}
.all_headBottom a{position:relative;display:flex;align-items:center;justify-content:center;padding:0 20px;height:100%;font-size:15px;}
.all_headBottom a.ui-btn-active, .all_headBottom a.ui-btn-active .all_hdbt_sp{font-weight:700;color:#F43C3C;background-image:linear-gradient(90deg, #FF3636 40%, #FF9B21);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;}
.all_headBottom .all_hdbt_sp{position:relative;}
.ddak100_hd_ico{position:absolute;bottom:100%;left:0;width:42px;margin-left:-9px;margin-bottom:-2px;}
.head_tab_menu2{border-top:1px solid var(--main-line-color);}
.head_tab_menu2 ul{display:flex;justify-content:space-between;}
.head_tab_menu2 li{flex:1 0 auto;}
.head_tab_menu2 a{position:relative;display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:15px;color:#A8A8A8;text-align:center;}
[color-theme="light"] .head_tab_menu2 a:not(.on){color:#343434;}
.head_tab_menu2 .text_mok{position:relative;display:inline-block;padding:12px 0;}
.head_tab_menu2 .text_mok:before{content:"";display:block;position:absolute;top:100%;left:50%;width:calc(100% + 10px);height:1px;background-color:var(--bg-fc-color);z-index:2;margin:-1px auto 0;opacity:0;transform:translateX(-50%);}
.head_tab_menu2 a.on{font-weight:500;color:var(--bg-fc-color);}
.head_tab_menu2 a.on .text_mok:before{opacity:1;}
.headBottom2 .ic_vd_adult{display:inline-block;padding-left:18px;background:url("https://cdn.metoon.co.kr/mimg/icon_19_new_white.png/me/resize/32x") no-repeat 0 center;background-size:16px;vertical-align:top;}
.headBottom2 .sn_logo{position:relative;padding-left:10px;}
.headBottom2 .sn_logo:before{content:""; display:block; position:absolute; top:50%; left:0; width:10px; height:41px; margin-top:-22px; background:url("https://cdn.metoon.co.kr/mimg/sn_logo.jpg") no-repeat center 40%; background-size:100% auto;}

.hd_adult_button{position:relative;display:flex;align-items:center;width:38px;height:22px;padding:0 2px;box-sizing:border-box;flex-shrink:0;}
.hd_adult_button:before{content:"";display:block;width:100%;height:5px;border:1px solid var(--main-line-color);border-radius:3px;background-color:#ABABAB;box-sizing:border-box;}
.hd_adult_button .ico_19_cc{position:absolute;top:50%;left:0;height:100%;transition:left 0.25s;margin-top:-11px;}
.hd_adult_button.on:before{border-color:var(--bg-fc-color);background-color:var(--bg-fc-color);}
.hd_adult_button.on .ico_19_cc{left:auto;right:0;}

.hd_sel_country{position:relative;}
.sel_country_list{display:none;position:absolute;top:100%;right:0;width:160px;width:max-content;border:1px solid var(--main-line-color);background-color:var(--opt-bg-color);z-index:5;margin-right:-12px;}
.sel_country_btn{width:100%;padding:12px 15px;gap:5px 12px;color:var(--sub2-ft-color);}
.sel_country_btn + .sel_country_btn{border-top:1px solid var(--main-line-color);}
.hdsel_country_img{width:25px;outline:1px solid var(--main-line2-color);flex-shrink:0;}

.hdm_uprf_cont{padding:14px;}
.hdm_uprf.thumbnail{flex-shrink:0;}
.hdm_uprf .thumbnail_img{position:relative;display:block;width:50px;height:50px;border-radius:50px;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url("https://cdn.metoon.co.kr/img/menv/ico_menu_poket_ball_120x.png/me/resize/100x");}
.hdm_uprf.info{padding-left:10px;align-self:center;flex:1 1 auto;min-width:0;}
.hdm_uprf .text-els{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.hdm_uprf .user_name, .hdm_uprf .user_badge_cont{gap:5px 6px;justify-content:space-between;}
/* .hdm_uprf .user_badge_cont:has(.maninthebox){justify-content:flex-start;} */
.hdm_uprf .btn_setting{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;}
.hdm_uprf .btn_setting img, .hdm_uprf .btn_setting svg{width:14px;opacity:0.75;fill:currentColor;}
[color-theme="light"] .hdm_uprf .btn_setting svg{fill:#505050;}
.hdm_uprf .user_badge_cont{margin-top:7px;}
.hdm_uprf .user_badge{/* min-height:18px;font-size:0; */flex-wrap:wrap;gap:4px 4px;align-self:center;}
.hdm_uprf .user_badge .ico_badge{width:18px;height:18px;}
.hdm_uprf .hdm_mss_link{position:relative;width:18px;height:18px;border:1px solid var(--main-line2-color);border-radius:4px;background-color:var(--opt-bg-color);box-sizing:border-box;flex-shrink:0;align-self:center;}
.hdm_uprf .hdm_mss_link svg{width:8px;fill:var(--main-ft-color);}

.footer{position:relative;background-color:#2F3032;font-size:13px;font-weight:400;color:var(--sub-ft-color);}
.footer_inner{max-width:1200px;padding:0 25px 35px;margin:0 auto;}
.footer_inner:only-child{padding-top:35px;}
.footer_notes{gap:15px 30px;align-items:center;word-break:keep-all;word-wrap:break-word;}
.itoon_foot_logo{display:block;max-width:100%;width:50px;height:50px;object-fit:contain;}
.footer_copyright, .footer_bt_cont{margin-top:15px;}
.footer_infomation_cont{margin-top:20px;}
.footer_infomation_cont a, .footer_conditions a{color:inherit;}
.footer_info_address{gap:2px 12px;}
.footer_bt_cont{flex-direction:column;justify-content:center;gap:15px;}
.footer_sns_item{position:relative;gap:5px 12px;}
.footer_sns_link{display:flex;width:26px;height:26px;}
.footer_sns_link img{max-width:100%;max-height:100%;object-fit:scale-down;opacity:0.3;margin:auto;}
.footer_conditions{gap:2px 0;color:#A1A1A1;flex:1 1 auto;align-self:center;}
.footer_conditions li{position:relative;}
.footer_conditions li::after{content:"·";display:inline-block;padding:0 7px;font-weight:800;}
.footer_conditions li:last-child::after{content:none;}
.side_menu_new .hdm_uprf_btn{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid var(--main-ft-fc-color);border-radius:4px;background-color:var(--opt-bg-color);font-size:11px;font-weight:500;color:var(--main-ft-fc-color);line-height:1.2;flex-shrink:0;align-self:center;gap:4px 4px;transition-property:background-color, color;transition-duration:0.2s;}
.hdm_uprf_btn img{height:1em;}

/* 디테일 - 시리즈 작품 */
.view_recomm_container{padding:0 15px;margin-bottom:25px;}
.view_rec_title{padding:14px 0;font-size:16px;color:var(--main-ft-color);}
.view_recomm_swiper.hidden-swp{opacity:0;}
.view_recomm_swiper{padding:0 0 1px;}
.view_recomm_swiper .swiper-slide{width:160px;}
.view_recomm_swiper .swiper-slide a, .view_recomm_swiper .thumbnail_area{position:relative;display:block;width:100%;}
.view_recomm_swiper .thumb_logo{position:absolute;top:0;left:0;bottom:0;right:0;width:60px;margin:auto;}
.view_recomm_swiper .thumbnail_img{position:relative;width:100%;padding-bottom:140.35%;background-repeat:no-repeat;background-position:center;background-size:cover;border:1px solid var(--main-line-color);border-radius:6px 6px 0 0;}
.view_recomm_swiper .label_cont{position:absolute;bottom:5px;left:0;}
.view_recomm_swiper .con_txt{border:1px solid var(--main-line-color);border-top:0 none;border-radius:0 0 6px 6px;background-color:var(--sub-bg-color);padding:10px 10px 12px;font-size:14px;color:var(--sub2-ft-color);}
.view_recomm_swiper .con_title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;white-space:normal;}

/* 작품 상세 페이지 (detail_toon.php) */
.zzim_pop_box{position:relative;padding:12px 15px;border:1px solid #DDDDDD;border-radius:5px;background-color:#FFFFFF;text-align:center;}
.zzim_pop_box:before{content:"";display:block;position:absolute;right:15px;width:10px;height:10px;border-width:1px;border-style:solid;border-color:#DDDDDD transparent transparent #DDDDDD;background-color:#FFFFFF;transform:rotate(45deg);}
.zzim_pop>.zzim_pop_box>p{position:static;margin:0;}
.det_loadpre_logo{width:35%; position:absolute; top:0%; bottom:0; left:0; right:0; margin:auto; min-width:45px; max-width:60px;}
.xtg_detail_mark{position:absolute;top:50%;left:0;width:100%;height:0;padding-bottom:15%;background-color:#141414;transform:translateY(-50%);opacity:0;transition:opacity 0.2s;}
.xtg_detail_mark.loaded{opacity:1;}
.xtg_detail_mark img{display:block;position:absolute;top:50%;left:5px;right:5px;margin:0 auto;transform:translateY(-50%);filter:drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.5));}
/* .flt_blur + .xtg_detail_mark{top:0;height:100%;padding-bottom:0;opacity:1;transform:translateY(0);} */

/* 댓글 */
.comm_box_userp{justify-content:space-between;gap:5px 10px;}
.comm_userp_conpn{position:relative;flex-shrink:0;align-self:center;}
.userp_conpn_tgg{padding:5px;gap:2px 2px;flex-direction:column;}
.userp_conpn_tgg i{display:block;width:2px;height:2px;border-radius:2px;background-color:var(--main-ft-fc-color);}
.userp_conpn_menu{position:absolute;top:100%;right:2px;width:60px;background-color:var(--opt-bg-color);white-space:nowrap;}
.userp_conpn_menu:not(.active){display:none;}
.userp_conpn_menu_it{position:relative;display:block;width:100%;padding:7px 4px;border:1px solid var(--main-line-color);border-top-width:0;font-size:13px;font-weight:400;color:var(--sub2-ft-color);line-height:1.2;text-align:center;box-sizing:border-box;}
.userp_conpn_menu_it:first-child{border-top-width:1px;}


/* 충전소 - 결제 수단 리스트 */
.cfs_pay_list{display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:minmax(50px, auto);gap:6px 6px;padding:0 8px;}
.cfs_pay_list li, .cfs_pay_list a{position:relative;display:flex;flex-direction:column;box-sizing:border-box;}
.cfs_pay_list a{width:100%;height:100%;align-items:center;justify-content:center;padding:10px;border:1px solid var(--main-line-color);background-color:var(--opt-bg-color);text-align:center;cursor:pointer;}
.cfs_pay_list img{width:50px;height:22px;object-fit:contain;margin-bottom:7px;}

/* 이벤트 페이지 */
#content_wrap #container .webtoon_cont ul.event_cont_list{padding:0;margin:0;}
ul.event_cont_list li{width:100%;}
.event_cont_list .event_cont_box{position:relative;display:block;padding:20px 15px;border-bottom:1px solid var(--main-line-color);font-size:16px;box-sizing:border-box;}
.event_cont_list li.end_event .event_cont_box{filter:grayscale(0.7);}
.event_cont_list li:last-child .event_cont_box{border-bottom:0 none;}
.event_cont_box .event_con_img{display:block;width:100%;border:1px solid var(--main-line-color);border-radius:5px 5px 0 0;box-sizing:border-box;object-fit:cover;}
.event_cont_box .event_con_img[src$="xtagram_logo_3_mini.svg"]{object-fit:scale-down;}
.event_cont_txt{padding:15px 0;line-height:1.32;box-sizing:border-box;}
.event_cont_txt .title{display:-webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:hidden;overflow:hidden;white-space:normal;font-weight:500;}
.event_cont_txt .date{font-size:0.8em;color:var(--sub-ft-color);margin-top:0.54em;}
.event_li_view_btn{width:100%;padding:10px 20px;border:1px solid var(--main-ft-fc-color);background-color:var(--sub-bg-color);font-size:0.85em;font-weight:400;color:var(--main-ft-fc-color);text-align:center;flex-shrink:0;box-sizing:border-box;margin:0 auto;}

/* 친구초대 앱 다운로드 팝업 */
#layer_invite_app .layer_vert_item{max-width:340px;width:94%;box-shadow:none;margin-top:-30px;}
.btn_close_ly_invite_app{display:block;position:absolute;top:14px;right:5px;width:26px;height:26px;border-radius:100%;border:1px solid #E2E2E2;background:url("https://cdn.metoon.co.kr/img/menv/ico_x_smaller.png") no-repeat center, #fff;background-size:12px;}
.layer_invite_app_down_bg{display:block;max-width:100%;}
.ly_invite_app_btns{position:absolute;bottom:0;left:0;right:0;padding:0 12.941% 11.765% 15.294%;}
.ly_invite_app_btns a{position:relative;display:block;width:100%;height:0;padding-bottom:17.028%;margin-top:2%;}

/* 친구초대 공유하기 팝업 */
.btn_close_ly_invite_share{float:right;position:-webkit-sticky;position:sticky;top:15px;right:18px;background-color:#fff;border:0 none;}
.btn_close_ly_invite_share img{display:block;width:14px;cursor:inherit;}
#layer_invite_share{z-index:2002;}
#layer_invite_share .layer_vert_item{max-width:350px;width:94%;box-shadow:none;}
.layer_invite_share_cont{background-color:#fff;padding:18px 15px 22px;border-radius:14px;letter-spacing:-0.025em;}
.layer_invite_share_cont hgroup{text-align:center;}
.layer_invite_share_cont h2{font-size:30px;font-weight:500;color:#000;}
.layer_invite_share_cont h3{font-size:15px;font-weight:300;color:#575757;margin-top:12px;}
.ly_invite_share_list{display:-webkit-flex;display:flex;align-items:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;text-align:center;margin:17px auto 0;}
.ly_invite_share_list a{position:relative;display:inline-block;width:33.333%;max-width:110px;padding:10px 15px;box-sizing:border-box;-webkit-flex:1 0 106px;flex:1 0 106px;}
.ly_invite_share_list img{display:block;width:75px;margin:0 auto;cursor:inherit;transition:filter 0.2s;}
.ly_invite_share_list span{display:block;padding-top:12px;font-size:13px;color:#575757;cursor:inherit;}

/* 레이어팝업(내 작품 리스트 - 완결, 삭제, 공유하기, 메세지 보기) */
.mn_confirm_layer_wrap, .mnv_common_layer_wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;color:#141414;text-align:center;z-index:1001;}
.mn_confirm_layer_wrap:before, .mnv_common_layer_wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-4px;}
.mn_layer_back{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .5);z-index:1;}
.mn_confirm_layer_wrap .mn_confirm_layer, .mnv_common_layer_wrap .mnv_common_layer{position:relative;display:inline-block;max-width:300px;width:96%;background:#fff;border-radius:6px;font-size:14px;vertical-align:middle;z-index:10;}
.mnv_common_layer_wrap .mnv_common_layer{border-radius:0;}
.exsave_list_layer .mnv_common_layer{max-width:340px;}
.mnv_common_layer .btn-close{position:absolute;top:14px;right:14px;display:block;width:14px;height:14px;background:url("https://cdn.metoon.co.kr/mimg/ic_hdtbnr_x.png") no-repeat center;background-size:100% auto;}
#mnl_share .mn_confirm_layer{max-width:320px;}
.mn_confirm_layer > .btn-close{position:absolute;top:-32px;right:0;display:block;width:26px;height:26px;}
.mn_confirm_layer > .btn-close:before, .mn_confirm_layer > .btn-close:after{content:"";display:block;position:absolute;top:50%;left:50%;width:24px;height:2px;background-color:#fff;margin:-1px 0 0 -12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.mn_confirm_layer > .btn-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.mn_confirm_layer .mnl_contents{padding:24px 20px 20px;}
.mn_confirm_layer .mnl_text_area{line-height:1.5;}
#mnl_share .mnl_text_area > p{font-size:13px;}
.mnl_text_area .sym{position:relative;padding:12px 12px 12px 22px;text-align:left;background-color:#fbfbfb;border:1px solid #e4e4e4;margin-top:12px;}
.mnl_text_area .sym:before{display:inline-block;position:absolute;left:10px;}
.mnl_text_area .sym.circle:before{content:"";top:20px;width:6px;height:6px;border-radius:100%;background-color:#e05656;}
.mnl_text_area .sym b{font-size:14px;font-weight:500;}
#mnl_cfm_writer1 .sym b{display:block;margin-bottom:6px;}
#mnl_cfm_writer1 .sym b + em{font-size:13px;}
.mn_confirm_layer .mnl_btn_area{border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:hidden;}
.mn_confirm_layer [class^="btn-mnl"]{float:left;display:block;width:50%;height:36px;line-height:35px;background-color:#f4f4f4;color:#696969;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;}
.mn_confirm_layer [class^="btn-mnl"] + [class^="btn-mnl"]{background-color:#2e2e2e;border-color:#2e2e2e;border-right:0 none;color:#fff;}
.mn_confirm_layer [class^="btn-mnl"]:only-child{width:100%;background-color:#3a3a3a;color:#fff;border-color:#3a3a3a;}
.mn_confirm_layer .mnl_cap_area{position:relative;margin-top:10px;}
#mnl_share .mnl_cap_area{/* margin-top:0;margin-bottom:12px; */padding:14px 10px;background-color:#f0f8fb;border:1px solid #8cbfd4;}
#mnl_share .mnl_cap_area p{font-size:16px;font-weight:500;color:#155e7d;margin-bottom:8px;}
#mnl_share .mnl_cap_area input[type="text"]{width:90%;text-align:center;color:#696969;background-color:#fcfeff;border-color:#dbdbdb;margin:0 auto;}
.mn_confirm_layer .cap_exp{display:block;width:100%;padding:0 10px;border:1px solid #dbdbdb;}
.mn_confirm_layer .cap_exp::placeholder{font-size:12px;color:#aaa;}
#mnl_share .mnl_btn_area{padding:0 12px 20px;}
#mnl_share .mnl_btn_area > p{position:relative;width:80%;height:1px;background-color:#dbdbdb;margin:10px auto 20px;}
#mnl_share .mnl_btn_area > p span{position:absolute;top:50%;left:50%;display:inline-block;padding:0 12px;background-color:#fff;font-weight:500;color:#222;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#mnl_share [class^="btn-shr"]{float:left;display:table;table-layout:fixed;width:60px;width:calc((100% - 24px)/4);height:34px;border:1px solid #dbdbdb;border-radius:3px;}
#mnl_share [class^="btn-shr"] + [class^="btn-shr"]{margin-left:8px;}
#mnl_share [class^="btn-shr"] span{display:table-cell;font-size:13px;line-height:1.4;vertical-align:middle;cursor:pointer;}
.msg_view_layer .mnv_common_layer .btn-close, .settlist_layer .mnv_common_layer .btn-close{top:-30px;right:0;width:20px;height:20px;background:url("https://cdn.metoon.co.kr/mimg/ic_mnv_x_whb.png") no-repeat center;background-size:100% auto;}
.msg_viewl_contents, .stlst_contents{text-align:left;padding:20px 14px;}
.stlst_contents{text-align:center;}
.msg_viewl_contents .user, .stlst_contents .stlst_stat{font-size:15px;}
.msg_viewl_contents .msg_txt, .stlst_contents .stlst_txt{line-height:1.5;padding:10px;background-color:#f6fbff;white-space:pre-line;overflow-x:hidden;overflow-y:auto;max-height:380px;margin-top:14px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
svg.fillCoinIco{fill:#FFBA3C;}

/* 신용카드 결제 - 레이어 팝업 */
.layer_crtpaym{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;overflow:overlay;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:2002;z-index:100005;}
.layer_back_new{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);}
.ly_crtpaym_cont{position:relative;max-width:470px;background-color:#FFFFFF;font-size:16px;color:#141414;z-index:2;margin:auto;}
.ly_crtpaym_expdd .expdd_date{font-size:0.82em;}
.ly_crtpaym_title{padding:18px 25px 15px;margin:0;border-bottom:1px solid #E2E2E2;font-size:18px;font-weight:700;gap:5px 5px;}
.ly_crtpaym_title img{height:1em;flex-shrink:0;align-self:center;}
.ly_crtpaym_con{padding-bottom:10px;}
.ly_crtpaym_nicknm{gap:5px 15px;word-break:break-word;margin-bottom:18px;}
.ly_crtpaym_nicknm .title_name{font-weight:700;}
.ly_crtpaym_con, .ly_crtpaym_infos{padding:20px 25px 0;}
.ly_crtpaym_con{position:relative;}
.ly_crtpaym_item, .ly_crtpaym_items{margin-top:17px;}
.ly_crtpaym_items{gap:17px 30px;}
.ly_crtpaym_items:first-child, .ly_crtpaym_item:first-child, .ly_crtpaym_items .ly_crtpaym_item{margin-top:0;}
.cardNumInput_box{gap:5px 5px;}
.ly_crtpaym_name{font-weight:500;margin-bottom:8px;}
.ly_crtpaym_inp_cards{position:relative;align-self:baseline;flex-shrink:0;margin-left:7px;}
.md_cardType_img{display:none;width:24px;height:20px;object-fit:contain;}
.cardType_normal{display:block;}
.ly_crtpaym_input{padding:8px 10px;border:1px solid #E2E2E2;border-radius:3px;outline:none;font-size:15px;font-weight:400;vertical-align:top;}
.cardNumInput_box .ly_crtpaym_input{width:100%;}
.cardNumInput_box .hyphen{color:#707070;}
.ly_crtpaym_input:only-child{width:100%;}
.ly_crtpaym_input::placeholder{color:#B1B1B1;}
.ly_crtpaym_input:focus{border-color:#141414;background-color:#FAFAFA;}
.ly_crtpaym_expd{align-items:center;gap:5px 10px;}
.ly_crtpaym_expdd{gap:5px 5px;}
.ly_crtpaym_expdd .ly_crtpaym_input, .ly_crtpaym_input.pw_2digit{max-width:3em;padding-left:7px;padding-right:7px;text-align:center;}
.ly_crtpaym_input.pw_2digit + span{padding-left:4px;}
.ly_crtpaym_info_ttl{font-weight:700;margin-bottom:17px;}
.ly_crtpaym_infos{padding-bottom:5px;border-top:5px solid #F6F6F6;margin-top:20px;}
.ly_crtpaym_info_it{text-transform:capitalize;gap:5px 15px;}
.ly_crtpaym_info_it + .ly_crtpaym_info_it{margin-top:10px;}
.ly_crtpaym_info_it .cons{font-size:1.02em;font-weight:500;text-align:right;flex:1 1 auto;align-self:center;}
.ly_crtpaym_info_it .prt_name{font-weight:700;color:#4C75D6;}
.ly_crtpaym_tips{font-size:0.75em;font-weight:400;color:#B1B1B1;gap:5px 3px;margin-top:8px;}
.ly_crtpaym_btns{position:sticky;bottom:0;left:0;background-color:#FFFFFF;margin-top:25px;z-index:9;}
.ly_crtpaym_btn{display:inline-block;padding:15px 10px;background-color:#4C75D6;background-color:#206ED1;border:1px solid #4C75D6;border-color:#206ED1;font-size:17px;font-weight:500;color:#FFFFFF;text-align:center;line-height:1.2;box-sizing:border-box;flex:1 1 auto;transition:0.2s;}
.ly_crtpaym_btn.bg_gray{border-color:#C1C1C1;background-color:#C1C1C1;text-shadow:0 0 3px rgba(0, 0, 0, 0.28);}

/* 레이어 팝업 공통 */
.layer-flx-common{position:fixed;top:0;left:0;display:none;width:100%;height:100%;overflow:auto;overflow:overlay;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:100005;}
.layer-flx-common.active{display:block;display:-webkit-flex;display:-moz-flex;display:flex;}
.layer-flx-back{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);}
.layer-flx-con{position:relative;width:100%;max-width:420px;z-index:10;margin:auto;}

/* 프리미엄 멤버십 사이트 이동 팝업 */
.layer_view_prem_sites .layer-flx-con{max-width:480px;}
.ly_view_prem_sites{background-color:#F5F5F5;color:#141414;}
.ly_prem_sites_ttl{position:relative;padding:25px 15px 20px;font-size:24px;font-weight:700;gap:5px 10px;justify-content:center;}
.ly_prem_sites_ttl:after{content:"";display:block;position:absolute;bottom:0;left:15px;right:15px;height:1px;background-color:#D1D1D1;margin:0 auto;}
.ly_prem_sites_ttl img{display:block;height:1em;flex-shrink:0;margin-top:0.05em;}
.ly_prem_sites_ttl .text{line-height:1.2;align-self:center;}
.ly_prem_sites_con{margin-top:17px;}
.prem_sites_list{justify-content:center;gap:17px 30px;}
.prem_sites_li:not(.full){width:calc((100% / 2) - 50px);padding:5px 5px;transition:transform 0.2s;box-sizing:border-box;}
.prem_sites_li.full{width:100%;}
.prem_sites_li img{display:block;max-width:100%;}
.prem_sites_text{padding:0 15px;font-size:17px;text-align:center;margin-top:15px;}
.prem_sites_text b{font-weight:700;}
.prem_sites_condi_cont{padding:0 18px;font-size:14px;color:#8B8B8B;margin-top:35px;}
.prem_sites_condi_cont .title{font-weight:500;margin-bottom:12px;}
.prem_sites_condi li{gap:5px 5px;}
.ly_prem_sites_close{position:sticky;bottom:0;display:block;width:100%;padding:18px;border:1px solid var(--main-ft-fc-color);border-color:#F5F5F5;background-color:var(--main-bg-color);font-size:18px;font-weight:700;color:var(--main-ft-color);z-index:10;margin-top:30px;}

.mefill_prdt_mileage_notice{padding:38px 65px 50px;background-color:#21201E;color:#ADACAA;}
.mefill_prdt_mileage_notice .notice_title{font-size:22px;font-weight:500;color:#FFFFFF;}
.mefill_prdt_mileage_notice ul{margin-top:24px;}
.mefill_prdt_mileage_notice li{position:relative;display:flex;font-size:18px;line-height:1.35;margin-top:4px;}
.mefill_prdt_mileage_notice li::before{content:"·";padding-right:5px;}

/*  */
.vd_ded_space{position:relative;display:flex;flex-direction:column;width:100%;height:100%;}
.vd_ded_thumbnail{position:relative;width:100%;height:0;padding-bottom:56.39%;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:6px 6px 0 0;border:1px solid var(--main-line-color);overflow:hidden;box-sizing:border-box;}
.vd_ded_thumbnail .ic_prem_xtg{top:auto;left:auto;bottom:0;right:0;}
.vd_ded_space .patch{position:absolute;top:0;left:0;z-index:2;margin:5px;}
.vd_ded_space .icon_19_patch{width:20px;}
.vd_ded_logo{position:absolute;top:0;left:0;right:0;bottom:0;width:60px;margin:auto;}
.vd_ded_img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.vd_ded_summ{padding:8px 10px 12px;border:1px solid var(--main-line-color);border-top-width:0;border-radius:0 0 6px 6px;background-color:var(--sub-bg-color);flex:1 1 auto;}
.vd_ded_title{font-size:14px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.vd_ded_fc_cont{justify-content:space-between;gap:5px 10px;margin:4px auto;}
.vd_ded_fc_note{font-size:12px;font-size:11px;color:var(--main-ft-fc-color);}
.vd_ded_hash{height:18px;gap:10px 5px;overflow:hidden;margin-top:8px;}
.vd_ded_hash span{display:inline-block;padding:0 8px;height:18px;border:1px solid var(--main-ft-fc-color);border-radius:20px;background-color:var(--opt-bg-color);line-height:15px;font-size:11px;color:var(--main-ft-fc-color);box-sizing:border-box;}
.vd_ded_summ .svd_title_lbs{flex-wrap:wrap;gap:10px 1px;max-height:16px;overflow:hidden;margin-left:0;margin-top:8px;}
.vd_ded_labels{position:absolute;bottom:0;left:0;min-width:32px;display:flex;flex-direction:column;gap:5px 5px;text-align:center;margin-bottom:5px;}

/* 프리미엄 팝업 - 본인인증 */
.lypremct_close{position:sticky;top:0;justify-content:flex-end;z-index:10;margin-bottom:6px;}
.lypremct_close_btn{width:25px;height:25px;border:1px solid #FFFFFF;border-radius:30px;background-color:rgba(0, 0, 0, 0.5);box-sizing:border-box;}
.lypremct_close_btn img{width:11px;}
.ly_prem_cert{padding:30px 20px;background-color:#FFFFFF;color:#141414;margin-bottom:30px;}
.lypremct_title{font-size:19px;font-weight:500;text-align:center;}
.lypremct_btns{margin-top:25px;}
.lypremct_btn{padding:9px 45px 10px;border-radius:25px;background-color:var(--bg-fc-color);font-size:18px;font-weight:500;transition:0.2s;}

/* 시리즈 혼종 */
.series_hybrid_cont{margin:30px auto;}
.view_rec_title ~ .series_hybrid_swp{margin-top:0;}
.series_hybrid_swp{position:relative;/* padding-right:14px; */margin-top:20px;}
.series_hybrid_swp.has_pd{padding-left:10px;padding-right:10px;}
.series_hybrid_swp:after{content:"";display:block;position:absolute;top:0;right:0;width:25px;height:100%;background:linear-gradient(to right, rgba(18, 20, 28, 0), rgba(18, 20, 28, 0.4), rgba(18, 20, 28, 1));z-index:1;}
[color-theme="light"] .series_hybrid_swp:after{background:linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 1));}
.series_hybrid_swp .swiper-wrapper.ended{z-index:2;}
.series_hybrid_swp .swiper-slide{height:auto;}
.sr_hybrid_vd{width:310px;}
.sr_hybrid_actor{width:126px;}
.series_hybrid_item{position:relative;display:flex;flex-direction:column;width:100%;height:100%;}
.series_hybrid_thumb{position:relative;width:100%;height:174px;border:1px solid var(--main-line-color);border-radius:6px 6px 0 0;overflow:hidden;flex-shrink:0;}
.series_hybrid_item .patch_box{position:absolute;top:0;left:0;z-index:2;margin:5px;}
.series_hybrid_item .icon_19_patch{display:block;width:18px;}
.series_hybrid_thumb .thumbn_logo{position:absolute;top:0;left:0;right:0;bottom:0;width:60px;margin:auto;}
.sr_hybrid_tb_img{position:absolute;top:0;left:50%;width:101%;height:100%;object-fit:cover;transform:translateX(-50%);}
.sr_hybrid_labels{position:absolute;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px 4px;margin-bottom:6px;}
.sr_hybrid_summ{padding:10px;border:1px solid var(--main-line-color);border-top-width:0;border-radius:0 0 6px 6px;background-color:var(--opt-bg-color);font-size:13px;flex:1 1 auto;}
.sr_hybrid_hash{height:19px;align-items:flex-start;gap:4px 4px;overflow:hidden;margin-top:5px;}
.sr_hybrid_hash span{display:block;padding:1px 6px 2px;border:1px solid var(--main-ft-fc-color);border-radius:30px;background-color:var(--opt-bg-color);font-size:10px;color:var(--main-ft-fc-color);text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/* 결제 처리 중 레이어 팝업 */
.ly_loading_cover{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8);backdrop-filter:blur(15px);z-index:100005;}
.loading_cover{padding-bottom:20px;text-align:center;}
.loading_cover_ico{display:block;height:40px;margin:0 auto 20px;}
.loading_cover_text{font-size:20px;font-weight:500;color:#FFFFFF;}

.sub_vd_list.column a.xtgli_hidden_cut, .xtgli_hidden_cut{position:absolute;top:0;left:0;right:0;width:calc(100% - 8px);height:calc(100% - 8px);background-color:var(--main-bg-color);z-index:20;margin:0 auto;}
.sub_vd_list.column .xtgli_hidden_cut_img, .xtgli_hidden_cut_img{display:block;max-width:100%;max-height:100%;margin:auto;}
.webtoon_rect_list .xtgli_hidden_cut{flex-direction:column;justify-content:flex-start;}
.webtoon_rect_list .xtgli_hidden_cut_img{margin:0 auto;}
div.xtgli_hidden_cut_img{width:100%;height:0;padding-bottom:140.35%;border:1px solid var(--main-line-color);/* border-radius:5px 5px 0 0; */background-repeat:no-repeat;background-size:cover;background-position:center 0;margin:0 auto;}
.xtgli_hddc_btns{width:100%;flex:1 1 auto;}
.xtgli_hddc_btn{width:calc(100% - 10px);padding:10px;border:1px solid var(--main-ft-fc-color);border-radius:5px;background-color:var(--sub-bg-color);font-size:14px;font-weight:500;color:var(--main-ft-fc-color);text-align:center;transition:0.15s;}
.xtgli_hidden_cut_x{position:absolute;top:0;right:0;width:23px;height:23px;border:2px solid #FFFFFF;border-radius:100%;background-color:rgba(0, 0, 0, 0.25);z-index:21;margin-top:3px;margin-right:7px;}
.xtgli_hidden_cut_x:before, .xtgli_hidden_cut_x:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:13px;height:2px;background-color:#FFFFFF;margin:auto;transform:rotate(45deg);}
.xtgli_hidden_cut_x:after{transform:rotate(-45deg);}

.fill_prem_term_wrap{margin-top:8px;}
.fill_prem_term_info{display:flex;justify-content:space-between;gap:5px 15px;font-size:12px;margin-top:5px;}
.fill_prem_term_info .tc_memship_t{color:var(--sub2-ft-color);flex-shrink:0;}
.fill_prem_term_info .term_info_text{font-weight:500;color:var(--main-ft-fc-color);/* text-align:left;word-break:keep-all;word-wrap:break-word; */}


/* 반응형 테이블 디자인 (내 티켓함) */
.my_ticketbox_wrap{padding:0 20px;min-height:50vh;margin:20px auto 40px;}
.my_ticketbox_tb{width:100%;color:var(--sub2-ft-color);line-height:1.34;}
[color-theme="light"] .mytkbox_tb_row.head{background-color:var(--opt2-bg-color);}
[color-theme="light"] .mytkbox_tb_row:not(.head){background-color:var(--sub-bg-color);}
.mytkbox_tb_col .col_flex{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;}
.mytkbox_tb_col .col_nm_btn{display:inline-block;padding:2px 7px 4px;border:1px solid var(--main-ft-fc-color);border-radius:3px;background-color:var(--opt-bg-color);font-size:12px;color:var(--main-ft-fc-color);align-self:center;}
.mytkbox_tb_col .ft_foc{color:#E42727;}



@-webkit-keyframes flip-flap{
	0% {
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
	}
	40% {
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
		transform: perspective(400px) scaleX(1) translateZ(100px) rotateY(-190deg);
	}
	50% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
		transform: perspective(400px) scaleX(1) translateZ(100px) rotateY(-170deg);
	}
	80% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
		transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
	}
	to {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	}
}
@keyframes flip-flap{
	0% {
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
	}
	40% {
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
		transform: perspective(400px) scaleX(1) translateZ(84px) rotateY(-190deg);
	}
	50% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
		transform: perspective(400px) scaleX(1) translateZ(84px) rotateY(-170deg);
	}
	80% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
		transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
	}
	to {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	}
}

@media (hover:hover) and (pointer:fine){
	.me_visual_nav:hover, .vd_srcShot_nav:hover{transform:scale(1.07);}
	.footer_infomation_cont a:hover, .footer_conditions a:hover{text-decoration:underline;}
	#sub_detail .detail_banner .detail_caption .summary_btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1);}
	#sub_detail .detail_cont .detail_list_more a:not(.no_pointer):hover, .vd_detail_list_area .detail_list_more a:not(.no_pointer):hover, #add_cmt_box a:not(.no_pointer):hover, .main_content_swipe .mcs_wrap .more:hover, #content_wrap [class^="main_vd_list"] .more a:hover, .main_content_swipe .mcs_wrap .more.main a:hover, #sub_mypage .my_like_data .like_data_list1 li.more > a div:hover, #sub_mypage .my_nobel_data .nobel_data_list1 li.more > a div:hover{border-color:var(--main-ft-fc-color);}

	.sel_country_btn:hover{color:var(--main-ft-fc-color);outline:1px solid var(--main-ft-fc-color);}

	.fanpg_link_area .link_box:hover, .bov_user_nname:hover{text-decoration:underline;}

	.vd_tvtip_bnr a:hover span:before{animation:font-sliding 1s forwards;}

	.vd_rt_play_cont a.play{transition-property:border-color, text-shadow, transform;transition-duration:0.2s;}
	.detail_buy_all .detail_buy_all1 a:hover, .detail_buy_all .detail_buy_all2 .buy_all_btn_group a.buy_all_btn1:hover, .vd_rt_play_cont a.play:hover{/* border-color:var(--bg-fc-hv-color); */background-color:var(--bg-fc-hv-color);transform:scale(1.03);text-shadow:0 0 3px rgba(0, 0, 0, 0.28);}
	.detail_buy_all .detail_buy_all2 .buy_all_btn_group a.buy_all_btn_cancel:hover{background-color:var(--opt-bg-color);}

	#sub_detail .detail_next a:hover{background-color:var(--opt-bg-color);color:var(--main-ft-fc-color);}
	.userp_conpn_menu_it:hover, .vrcml_list_item .vrcml_panel_remote a:hover{color:var(--main-ft-fc-color);outline:1px solid var(--main-ft-fc-color);}

	/* 충전소 - 결제 수단 리스트 */
	.cfs_pay_list a:hover{border-color:var(--main-ft-fc-color);background-color:var(--sub-bg-color);color:var(--main-ft-fc-color);}
	.coin_fill_selec_p .cfsp_contents .cfsp_box .cfsp_list li a:hover{border-color:var(--bg-fc-color);}
	.cfp_t_wrap .cfp_table tbody tr:not(.chk):hover{background:#F4F4F4;}

	/* 뷰어 */
	.view_own_icon a:hover{border-color:var(--main-ft-fc-color);}
	.view_own_icon a:hover{color:var(--main-ft-fc-color);}
	#view_footer .view_footer_navbar a:hover{background-color:var(--opt-bg-color);}
	#nxt_btn:hover, .view_btn_group .view_con_btn:hover{background:var(--sub-bg-color);}

	/* 이벤트 페이지 */
	.event_cont_list li:not(.end_event) .event_cont_box:hover{background-color:var(--sub-bg-color);}

	.side_menu_new .hdm_uprf_btn:hover{background-color:var(--main-ft-fc-color);color:var(--main-bg-color);}

	/* 프리미엄 멤버십 사이트 이동 팝업 */
	.prem_sites_li:not(.full):hover{background-color:#E8E8E8;transform:scale(1.05);}

	/* 프리미엄 팝업 - 본인인증 */
	.lypremct_btn:hover{background-color:var(--bg-fc-hv-color);}

	.manintoolt .premCharge_st:hover{color:var(--main-bg-color);}
	[color-theme="light"] .manintoolt .premCharge_st:hover{color:var(--main-ft-color);}
	.xtgli_hddc_btn:hover{border-color:var(--bg-fc-color);color:var(--bg-fc-color);}

	.ly_invite_share_list a:hover img{filter:drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.25));}

	.ly_crtpaym_btn:not(.bg_gray):hover{border-color:#0066FF;background-color:#0066FF;}
	.ly_crtpaym_btn.bg_gray:hover{border-color:#A1A1A1;background-color:#A1A1A1;}
}

@media screen and (min-width:360px){
	.ddak100_hd_ico.animate{-webkit-animation-name:flip-flap;animation-name:flip-flap;-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-delay:0.3s;animation-delay:0.3s;}
}

@media screen and (max-width:1099px) and (min-width:360px){
	.headBottom2:has(.ddak100_hd_ico){overflow:visible;}
}

@media screen and (min-width:600px){
	.webtoon_rect_list .xtgli_hidden_cut{width:calc(100% - 14px);height:calc(100% - 14px);}
	.xtgli_hddc_btn{font-size:15px;}
}

@media screen and (min-width:768px){
	.head_tab_menu2 .text_mok:before{min-width:50px;}
	/* .main-content-swiper .swiper-slide{width:25%;} */
	.coin_fill_selec .cfs_contents .cfs_box .cfs_list01 li{height:65px;font-size:14px;}
	.coin_fill_selec .cfs_contents .cfs_box .cfs_list01 li a img{margin-top:9px;}
	.coin_fill_selec .cfs_contents .cfs_box .cfs_list02 li{height:44px;line-height:42px;font-size:14px;}

	#pub_view .view_top .view_detail_list_form p{line-height:2;font-size:1.25em;}
	#sub_detail .detail_banner .detail_caption{font-size:1.1em;}

	.cft_container{margin-top:25px;}
	/* 충전소 */
	.cft_container .coin_fill_t th, .coin_fill_selec .title{height:44px;font-size:14px;}
	.coin_fill_selec .title{display:flex;justify-content:space-between;align-items:center;padding:0 15px;line-height:1.32;}
	.coin_fill_selec .title .fill_up_btn{flex-shrink:0;margin-top:0;}
	/* 충전소 - 결제 수단 리스트 */
	.cfs_pay_list{grid-template-columns:repeat(5, 1fr);gap:10px 10px;font-size:1.1em;}

	/* 이벤트 페이지 */
	.event_cont_list .event_cont_box{display:flex;padding-left:20px;padding-right:20px;}
	.event_cont_list .event_cont_box{align-items:center;}
	.event_cont_box .event_con_img{width:300px;height:98px;border-radius:5px;flex-shrink:0;box-sizing:content-box;}
	.event_cont_txt{padding:10px 25px;flex:1 1 auto;margin-top:0;}
	.event_li_view_btn{width:auto;}

	/* 프리미엄 멤버십 사이트 이동 팝업 */
	.prem_sites_li:not(.full){padding-left:15px;padding-right:15px;}
	.prem_sites_li:first-child{padding-left:20px;}
}

@media screen and (min-width:861px){
	/* 반응형 테이블 디자인 (내 티켓함) */
	.my_ticketbox_tb .mob_name{display:none !important;}
	.my_ticketbox_tb{display:table;border-spacing:0;border-collapse:collapse;text-align:center;}
	.mytkbox_tb_row{display:table-row;font-size:14px;}
	.mytkbox_tb_row.head{background-color:#2A2A2A;font-weight:500;color:var(--main-ft-fc-color);}
	.mytkbox_tb_row:not(.head){background-color:#2E2E2E;}
	.mytkbox_tb_col{display:table-cell;border:1px solid var(--main-line-color);padding:10px;}
	.mytkbox_tb_col .col_flex{justify-content:center;}
	.mytkbox_tb_col .col_nm_btn{transition:0.25s;}
	.mytkbox_tb_col .col_nm_btn:hover{/* transform:scale(1.02); */background-color:#646997;color:#FFFFFF;box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);}
}

@media screen and (min-width:1000px){
	.sub_vd_list.column a.xtgli_hidden_cut{width:calc(100% - 12px);height:calc(100% - 12px);margin-right:6px;}
	.xtgli_hidden_cut_x{margin-right:9px;}
}

@media screen and (min-width:1100px){
	/* 헤더 */
	.meitlogo{padding-top:4px;}
	.ht_menu li + li, #header_detail .hd_menu li + li{padding-left:20px;}
	.header .headBottom2{position:absolute;top:0;left:0;display:flex;justify-content:center;width:100%;height:100%;}
	.all_headBottom a{font-size:18px;}
	.ht_menu li .htm_txt{margin-top:2px;}
	.head_tab_menu2 a{font-size:16px;}

	/* 푸터 */
	.footer_bt_cont{flex-direction:row;margin-top:12px;}
	.footer_sns_item{padding-right:40px;gap:5px 10px;order:1;}
	.footer_sns_link img{opacity:0.24;}
}

@media screen and (min-width:1181px){
	/* 작품 상세 페이지 (detail_toon.php) */
	#sub_detail .detail_banner .detail_caption{display:flex;flex-direction:column;justify-content:space-between;height:100%;border:none;font-size:1em;}
	#sub_detail .detail_banner .detail_caption .summary_container{gap:10px 0;flex-direction:column;}
	#sub_detail .detail_banner .detail_caption .summary_container:not(.dtl_caption_inner):after, #sub_detail .detail_banner .detail_caption .hash:not(.dtl_caption_inner):after{content:none;}
	#sub_detail .detail_banner .detail_caption .summary_btn{padding-left:8px;padding-right:8px;font-size:12px;}
	.detail_top_sec{display:flex;padding:25px 10px 0;gap:10px 25px;}
	.detail_banner{padding:15px 10px;border:1px solid var(--main-line-color);background-color:var(--sub-bg-color);}
	#sub_detail .detail_banner .detail_caption .dtl_caption_inner .title{font-size:1.5em;}
	#sub_detail .detail_banner .detail_caption .caption_info{margin:12px 0;}
	#sub_detail .detail_banner .detail_caption .summary{width:100%;-webkit-line-clamp:3;font-size:1.1em;line-height:1.32;white-space:normal;word-break:break-all;}
	#sub_detail .detail_banner .detail_caption .hash{/* max-height:85px;padding-top:20px; */padding-top:0;}
	.detail_banner_img{width:auto;flex-shrink:0;align-self:flex-start;}
	[color-theme="light"] .detail_banner_img{border:1px solid var(--main-line-color);}
	.detail_banner_img .detail_banner_bnr{width:720px;min-height:340px;margin:0 auto;}
	#sub_detail .detail_banner .detail_caption .zzim_btn .zzim_pop, .zzim_btn_common .zzim_pop{bottom:auto;top:100%;margin-top:12px;}
	#sub_detail .detail_banner .detail_caption .zzim_btn > a span, .zzim_li_common .zzim_txt{font-size:13px;}
	#sub_detail .detail_banner .detail_caption .zzim_btn .zzim_ic_svg, .zzim_li_common .zzim_ic_svg{margin-top:-3px;}
	.zzim_pop_box:before{top:0;border-color:#DDDDDD transparent transparent #DDDDDD;margin-top:-6px;}
	#sub_detail .detail_banner .detail_caption .zzim_pop>.zzim_pop_box>p, .zzim_btn_common .zzim_pop > .zzim_pop_box > p{font-size:1em;}
	#sub_detail .detail_banner .detail_caption .hash p, , .vd_detail_hash > span{font-size:1.04em;font-size:0.95em;}
	#sub_detail .detail_nobel_list{margin-top:25px;}
	.detail_bnr{margin-top:15px;}
	#sub_detail .detail_bnr + .detail_nobel_list{margin-top:15px;}
	/* #sub_detail .detail_radio{border-top:1px solid var(--main-line-color);} */
	.fanpg_link_area{padding:7px 12px;font-size:1em;}
	#sub_detail .detail_next{padding-bottom:0;padding-top:25px;border-bottom:0 none;}
	#sub_detail .detail_next a{width:96%;}
	/* 이벤트 페이지 */
	.event_cont_list .event_cont_box{font-size:18px;transition:background-color 0.2s;}
	.event_cont_box .event_con_img{width:525px;height:172px;}
}

@media screen and (min-width:1321px){
	.xtg_swp_navs.prev.top5, .xtg_swp_navs.prev.out{margin-left:-45px;}
	.xtg_swp_navs.next.top5, .xtg_swp_navs.next.out{margin-right:-45px;}
}

@media screen and (max-width:1180px){
	/* 작품 상세 페이지 (detail_toon.php) */
	#sub_detail .detail_banner .detail_caption .zzim_btn .zzim_pop, .zzim_btn_common .zzim_pop{bottom:auto;top:100%;margin-top:12px;}
	.zzim_pop_box:before{bottom:100%;border-color:#DDDDDD transparent transparent #DDDDDD;margin-bottom:-6px;}
}

@media screen and (max-width:1099px){
	/* 헤더 */
	.headTop:not(.not_common){padding:0 20px;height:50px;}
	.ht_menu li .htm_ic img, .ht_menu li .htm_ic svg{width:18px;height:18px;}
	.all_headBottom li{flex:1 0 auto;}
	.all_headBottom a{padding:10px;height:auto;}
	.ddak100_hd_ico{margin-bottom:-1px;margin-left:-4px;}
	.notice_pop a{padding:15px 25px;font-size:12px;}
	.meitlogo img{width:100px;}

}

@media screen and (max-width:999px){
	/* 서브 페이지 - 탭 메뉴 */
	.subpg_tab_menu_wrap{margin-top:15px;}
	.subpg_tab_menu{padding:8px 10px;font-size:15px;}
	#content_wrap #container .subpg_tab_menu_wrap ~ .webtoon_cont ul{margin-top:15px;}
}

@media screen and (max-width:860px){
	/* 반응형 테이블 디자인 (내 티켓함) */
	.my_ticketbox_wrap{padding-left:12px;padding-right:12px;margin-top:15px;margin-bottom:30px;}
	.my_ticketbox_tb .mob_hide{display:none !important;}
	.mytkbox_tb_row{border:1px solid var(--main-line2-color);background-color:#2E2E2E;font-size:14px;}
	.mytkbox_tb_row + .mytkbox_tb_row{margin-top:15px;}
	.mytkbox_tb_col{display:flex;}
	.mytkbox_tb_col + .mytkbox_tb_col{border-top:1px solid var(--main-line-color);}
	.mytkbox_tb_col .mob_name, .mytkbox_tb_col .col_content{padding:10px;}
	.mytkbox_tb_col .mob_name{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--main-line-color);background-color:#2A2A2A;font-weight:500;color:var(--main-ft-fc-color);text-align:center;width:110px;flex-shrink:0;}
	[color-theme="light"] .mytkbox_tb_col .mob_name{background-color:var(--opt2-bg-color);}
}

@media screen and (max-width:830px){
	.mefill_prdt_mileage_notice{padding:30px 40px 35px;}
	.mefill_prdt_mileage_notice .notice_title{font-size:18px;}
	.mefill_prdt_mileage_notice ul{margin-top:15px;}
	.mefill_prdt_mileage_notice li{font-size:16px;}
}

@media screen and (max-width:767px){
	.sub_page_title.sd16, .sub_page_title.common{padding-bottom:8px;font-size:16px;margin-top:10px;}
	.sub_page_title.mob_hidden{display:none !important;}
	#content_wrap #container .sub_page_title.mob_hidden ~ .webtoon_cont ul, .subpg_tab_menu_wrap{margin-top:10px;}
	#content_wrap #container .subpg_tab_menu_wrap ~ .webtoon_cont ul{margin-top:10px;}
	.sub_page_title.mob_hidden + .subpg_tab_menu_wrap{margin-bottom:0;}
	.subpg_tab_menu{padding-top:6px;padding-bottom:6px;font-size:14px;}
}

@media screen and (max-width:699px){
	.footer{font-size:12px;}
	.notice_pop{margin-bottom:15px;}
	.footer_notes{display:block;overflow:hidden;word-break:break-all;}
	.itoon_foot_logo{float:left;display:block;width:40px;height:40px;margin:0 15px 0 0;}
	.footer_conditions{gap:6px 10px;font-size:13px;}
	.footer_conditions li::after{content:none;}
	.footer_infomation_cont a, .footer_conditions a{font-weight:500;}
}

@media screen and (max-width:599px){
	/* 헤더 */
	.headTop:not(.not_common){padding-left:15px;padding-right:15px;}
	.meitlogo{margin-right:10px;}
	.all_headBottom a, .head_tab_menu2 a{font-size:13px;}
	.all_headBottom a{padding:10px 6px;}
	.head_tab_menu2 a{padding:0 6px;}
	.head_tab_menu2 .text_mok{padding:10px 0;}

	.mefill_prdt_mileage_notice{padding-left:20px;padding-right:20px;}
	.mefill_prdt_mileage_notice .notice_title{font-size:16px;}
	.mefill_prdt_mileage_notice li{font-size:14px;}
}

@media screen and (max-width:380px){
	.ht_menu li.hd_sel_country .htm_ic img{width:20px;height:20px;}
	/* 충전소 - 결제 수단 리스트 */
	.cfs_pay_list{grid-template-columns:repeat(2, 1fr);}
}

@media screen and (max-width:359px){
	.ht_menu li + li{padding-left:10px;}
	.ht_menu li .htm_txt{display:none;}
	.ddak100_hd_ico{width:26px;margin-left:0;}
	/* 시리즈 혼종 */
	.sr_hybrid_vd{width:242px;}
	.sr_hybrid_actor{width:97px;}
	.series_hybrid_thumb{height:135px;}
	.sr_hybrid_summ{padding:6px;}

	/* 프리미엄 멤버십 사이트 이동 팝업 */
	.prem_sites_list{gap:15px 15px;}
	.prem_sites_li:not(.full){width:calc((100% / 2) - 20px);}
}

@media screen and (max-width:319px){
	.headTop:not(.not_common){padding-left:10px;padding-right:10px;}
	.meitlogo img{width:88px;}
	/* 신용카드 결제 - 레이어 팝업 */
	.ly_crtpaym_con, .ly_crtpaym_infos{padding-left:20px;padding-right:20px;}
	.cardNumInput_box .ly_crtpaym_input{padding-left:5px;padding-right:5px;}
}