:root { color-scheme: light; } [data-dark=true]:root { --c-bg: #1d1d1d; --c-bg-w: #cacaca; --c-box: #2F2F2F; --c-line: #464646; --c-line-2: #5e5e5e; --c-txt: #f0f0f0; --c-gray: #7b7b7b; --c-gray-l: #C1C1C1; --c-gray-2: #969696; --c-point: #FF891C; --c-blue: #2263BC; --c-lightblue: #6b9fff; --c-red: #ff7d7d; --c-up: #F73929; --c-down: #0062FF; } /************************** pc by teresia**************************/ [data-dark=true] .ic, .arw { display: inline-block; width: 24px; height: 24px; background-image: url('../image/ic_mk2025.png'); -webkit-background-size: 355px 355px; background-size: 355px 355px; background-repeat: no-repeat; text-indent: -9999px; pointer-events: auto; } [data-dark=true] .logo_area g { fill: var(--c-txt) !important;} [data-dark=true] .topmenu_btn button .ic.ic_aside2{width: 24px; height: 24px; display: inline-block; background: url(../image/search1.svg) no-repeat center center / cover; } /*[data-dark=true] .topmenu_btn button .ic.ic_aside3 {background-position: -203px -194px; width: 36px; height: 36px; -webkit-background-size: 330px 330px; background-size: 330px 330px; }*/ /* svg로 바꿈 */ [data-dark=true] .topmenu_btn button .ic.ic_aside3 { width: 22px; height: 22px; display: inline-block; background: url(../image/glob.svg) no-repeat center center / cover; margin-top: 2px} [data-dark=true] #header .gnb .set_inner .menu_btn .topmenu_btn {width: 36px; height: 36px; border-radius: 100px; text-align: center; top: 7px; align-items: center; display: flex; justify-content: center} [data-dark=true] .topmenu_btn button .ic.ic_aside { width: 16px; height: 14px; display: inline-block; background: url(../image/menu1.svg) no-repeat center center / cover; margin-top: 2px;} [data-dark=true] .topmenu_fixed .inner_fix .primiu_fix {color: #333333; font-weight: 800; width: 33px; height: 33px;font-size: 1rem; line-height: 1rem; text-align: center; position: relative; right: 1px; background: #ffffff; border-radius: 100px} [data-dark=true] .topmenu_fixed .inner_fix .fixed.btn_4th .ic_aside4 { margin-right: 1px} [data-dark=true] .topmenu_sub.topfix .primiu_fix {color: #333333; font-weight: 800; width: 33px; height: 33px;font-size: 1rem; line-height: 1rem; text-align: center; position: relative; right: 1px; background: #ffffff; border-radius: 100px} [data-dark=true] .topmenu_fixed .fixed.btn_1st .ic.ic_aside { width: 15px!important; height: 13px!important; display: inline-block; background: url(../image/menu1.svg) no-repeat center center / cover!important;; margin-top: 2px;} /* 관련기사 */ [data-dark=true] .related_news_item a { color: var(--c-gray-l)!important; } [data-dark=true] #container .main_page .headline_news_sec .mainnews_right { border-left: 1px solid var(--c-line); } [data-dark=true] #container .main_page .btype_new .C_type .mainnews_right {border-left: none } [data-dark=true] #container .headline_news_sec .C_type .mainnews_right .sec_body li:nth-child(3) {border-bottom: 1px solid var(--c-line); } [data-dark=true] #container .main_page .headline_news_sec .mainnews_right .sec_body li:first-child {border-bottom: 1px solid var(--c-line); } [data-dark=true] #container .main_page .headline_news_sec .mainnews_right .sec_body li:nth-child(2) {border-bottom: 1px solid var(--c-line); } [data-dark=true] #container .main_page .headline_news_sec.C_type .mainnews_right .sec_body li:nth-child(3) {border-bottom: 1px solid var(--c-line); } [data-dark=true] #container .main_page .headline_news_sec.C_type { border-bottom: 1px solid var(--c-txt)} [data-dark=true] .mainnews_sec_list {border-top: 1px solid var(--c-line); } [data-dark=true] .mainnews_sec_in ul li {border-left: 1px solid var(--c-line); } [data-dark=true] .mainnews_sec_in ul li:first-child { border-left: none} [data-dark=true] .mainnews_sec_in {border-bottom: 1px solid var(--c-line)} [data-dark=true] .stock_infobox .t_stock {color: var( --c-txt); } [data-dark=true] .stock_infobox .is_plus {background: #000000; } [data-dark=true] .stock_infobox .is_minus {background: #000000; } [data-dark=true] .adbox_1 {background: var( --c-box);} [data-dark=true] .adbox_1 h4 {color: var(--c-bg-w);} [data-dark=true] .add_list_area .add_wrap .add_area p span::after { background: #464646!important; } [data-dark=true].issue_item_2cmn .list_issue .related_news_list {border-bottom:none!important ; border-top: none!important } [data-dark=true] .issue_item_2cmn .list_issue .related_news_list li {border-bottom:none!important ; border-top: none!important } [data-dark=true] .issue_item_2cmn .list_issue .related_news_list li.related_news_item {border-bottom:none!important ; border-top: none } [data-dark=true] .cotents { border-right: 1px solid var(--c-line)} [data-dark=true] .cotents .t_issue h3 span { color: #ffffff; } [data-dark=true] .cotents .t_issue h3 {border-top: 3px solid var(--c-gray) } [data-dark=true] .grid_item1 .cotents .t_issue .issue_tag { border: 1px solid #ff6b00; color: #ff6b00} [data-dark=true] .t_basic h3 span {color: var(--c-txt); } [data-dark=true] .t_money h3 span {color: var(--c-txt); } [data-dark=true] .t_topnews h3 span {color: var(--c-txt); } [data-dark=true] .issue_item_2cmn .list_issue { border-right: 1px solid var(--c-line) } [data-dark=true] .issue_item_2cmn .list_issue ul li {border-bottom:1px solid var(--c-line) } [data-dark=true] .issue_item_2cmn .list_issue ul li:last-child {border-bottom:none } [data-dark=true] .t_topnews h3 {border-top: 3px solid var(--c-gray)!important } [data-dark=true] .grid-item .right_cont .t_topnews2 h3 {border-top: 3px solid var(--c-gray)!important } [data-dark=true] .right_cont .t_topnews2 h3 {border-top: 3px solid var(--c-gray)!important } [data-dark=true] .economy_item_2cmn .list_eco { border-left: 1px solid var(--c-line) } [data-dark=true] .economy_item_2cmn .list_eco ul li {border-bottom:1px solid var(--c-line) } [data-dark=true] .economy_item_2cmn .list_eco ul li:last-child {border-bottom:none } [data-dark=true] .economy_item_2cmn .list_bottoms ul li:first-child { border-right: 1px solid var(--c-line) } [data-dark=true] .economy_item_2cmn .list_bottoms ul li:nth-child(2) { border-right: 1px solid var(--c-line) } [data-dark=true] .news_item_3cmn_ot .list_artlist ul li {border-bottom:1px solid var(--c-line) } [data-dark=true] .news_item_3cmn_ot .list_artlist ul li:first-child {border-bottom:1px solid var(--c-line) } [data-dark=true] .news_item_3cmn_ot .list_artlist ul li:last-child {border-bottom:none } [data-dark=true] .news_item_3cmn_ot .list_artlist { border-right: 1px solid var(--c-line) } [data-dark=true] .news_item_3cmn_ot .list_artlist:nth-child(3) { border-right: none } [data-dark=true] .news_item_1cmn .txt_box ul li { border-bottom: 1px solid var(--c-line) } [data-dark=true] .news_item_1cmn .txt_box ul li:last-child { border-bottom: none} [data-dark=true] .news_item_1cmn_pt .txt_box ul li { border-bottom: 1px solid var(--c-line) } [data-dark=true] .news_item_1cmn_pt .txt_box ul li:last-child { border-bottom: none} [data-dark=true] .box_wide::before { background: #000000; } [data-dark=true] .box_wide2::before { background: #000000; } [data-dark=true] .opinion_news_wrap .opinion_news_list li { border-bottom: 1px solid var(--c-line); } [data-dark=true] .opinion_news_wrap .opinion_news_list .swiper-container .swiper-wrapper .swiper-slide { border-bottom: 1px solid var(--c-line); } [data-dark=true] .opinion_news_wrap .opinion_news_list li:last-child {border-bottom: none } [data-dark=true] .opinion_news_wrap .opinion_news_list li .cate_blue { color: #4f71d0; } [data-dark=true] .t_opinion h3 {border-top: 1px solid #4f71d0; } [data-dark=true] .t_opinion h3 span {color: #4f71d0; } [data-dark=true] .t_topnews .top_news_list li { border-bottom: 1px solid var(--c-line); } [data-dark=true] .t_topnews .top_news_list li:last-child {border-bottom: none} [data-dark=true] .popular_stock_wrap .popular_stock_list .box_node { border:1px solid var( --c-line); height: 108px ; background: var(--c-bg)!important} [data-dark=true] .popular_stock_wrap .popular_stock_list .box_node .stock_item { background: var(--c-bg)!important} [data-dark=true] .popular_stock_sec h2 { border-top: 1px solid var( --c-line); color: var( --c-gray); } [data-dark=true] .news_item_2cmn .list_artlist { border-left: 1px solid var(--c-line); } [data-dark=true] .news_item_2cmn .list_artlist ul li {border-bottom:1px solid var(--c-line) } [data-dark=true] .news_item_2cmn .list_artlist ul li:last-child {border-bottom:none} [data-dark=true] .col5 li {width:calc(20% - 10px); } [data-dark=true] .nletter { background: var(--c-bg)!important; } [data-dark=true] .nletter1 .btn_gd {background: #50c6b8; color: #FFFFFF} [data-dark=true] .nletter2 .btn_gd {background: #768cc9; color: #FFFFFF} [data-dark=true] .nletter3 .btn_gd {background: #ee5e5e; color: #FFFFFF } [data-dark=true] .nletter4 .btn_gd {background: #6ac2e4; color: #FFFFFF } [data-dark=true] .nletter5 .btn_gd {background: #768cc9; color: #FFFFFF } [data-dark=true] .nletter .nlist li:first-child { border-top: 1px solid var( --c-line); } [data-dark=true] .economy_item_2cmn .list_bottoms { border-top: 1px solid var(--c-line); } [data-dark=true] .t_shopping h3 span {color: var( --c-txt); } [data-dark=true] .t_short h3 span { color: var( --c-txt) } [data-dark=true] .letter .btn_tit {background: #e9e9e9; border-radius: 100px; width: 24px; height: 24px; margin-left: 5px; position: relative; bottom: 3px} [data-dark=true] .anb_layer_bx { border-top: 1px solid var(--c-line)} [data-dark=true] .related_news_list li:before { background:none!important} [data-dark=true] .tvs_art { border-bottom: 1px solid var(--c-line); } [data-dark=true] .icon_vs span {background: url(../image/icon_vs_w.png) no-repeat 0 0 ; background-size: 40px 63px; width: 40px; height: 63px; display: inline-block} [data-dark=true] .article_list_bx .article_list .art_area .art_desc { color: var(--c-gray)} [data-dark=true] .top_section_title .newsdesc_list { color: var(--c-gray)!important} [data-dark=true] .box_middle_art .left_bx {border-bottom: 1px solid var(--c-line);} [data-dark=true] .box_middle_art .right_bx {border-bottom: 1px solid var(--c-line);} [data-dark=true] .box_top_art {border-bottom: 1px solid var(--c-line);} [data-dark=true] .inhouse_contents_ad .cont_bx h3 {font-weight: 900; font-size: 1.7rem; background: var(--c-gray); color: var( --c-txt) } [data-dark=true] .ad_inbox {width: 100%; background: var(--c-bg); border:1px solid var(--c-line); box-shadow: 0 2px 8px rgba(0,0,0,0.16); z-index: 1000; display: none} [data-dark=true] .ad_inbox.active {display: block} [data-dark=true] .ad_inbox .link_b:hover {text-decoration: underline} /*footer*/ [data-dark=true] .notices_contents {background: var(--c-box); } [data-dark=true] .notices_contents .bottom_col {border-right: 1px solid var(--c-line) ; } [data-dark=true] .notices_contents .bottom_col:last-child {border-right: none!important; } [data-dark=true] .notices_contents .bottom_column ul li a { color: var( --c-txt)} [data-dark=true] .footer_group { border-top: 1px solid var(--c-line); border-bottom: 2px solid var(--c-line-2)} [data-dark=true] .add_list_area .ft_grey { color:#d9d9d9; } [data-dark=true] .add_area p {color:#979797; } [data-dark=true] .copyright { color: #636363 } [data-dark=true] .corp_area_wrap .dropdown { border: 1px solid #cfcfcf;} [data-dark=true] .corp_area_wrap .dropdown .dropdown_toggle { position: relative; width: 100%; padding: 10px 15px; font-size: 1.3rem; text-align: left; overflow: visible; color: var( --c-txt)!important} [data-dark=true] .corp_area_wrap .dropdown .dropdown_toggle span { display: block; position: relative; z-index: 1; margin-right: 8px; color: var( --c-txt)} [data-dark=true] .corp_area_wrap .dropdown .dropdown_toggle span:before { background: var( --c-bg)} [data-dark=true] .dropdown .dropdown_menu { visibility: hidden; position: absolute; right: 0; left: 0; z-index: 4; background-color: var(--c-bg); border: 1px solid var( --c-txt); color: var( --c-txt)!important ; overflow: hidden; height: 0; box-sizing: border-box; transition: 0.5s;} [data-dark=true] #footer .dropdown_menu [role="listbox"] .dropdown_item { color: var( --c-txt)!important; line-height: 2; margin-bottom: 5px;} [data-dark=true] .dropdown .dropdown_menu [role="listbox"] .dropdown_item a, .dropdown .dropdown_menu [role="listbox"] .dropdown_item button { display: block; width: 100%; padding: 6px 0; box-sizing: border-box; text-align: left; font-weight: 400; color: var( --c-txt)!important;} [data-dark=true] .icon_t { background: url('../image/ic_talk_icon_w.png') no-repeat 0 0!important; display: inline-block; width: 18px; height: 18px; background-size: 18px 18px!important; -webkit-background-size: 18px 18px!important;} [data-dark=true] .topmenu_fixed { background: var(--c-bg);} [data-dark=true] .fixed button .ic.ic_aside { width: 16px; height: 14px; display: inline-block; background: url(../image/menu1.svg) no-repeat center center / cover; margin-top: 2px } [data-dark=true] .topmenu_fixed .inner_fix .fixed.btn_1st .ic.ic_aside {width: 18px; height: 16px; display: inline-block; background: url(../image/menu.svg) no-repeat center center / cover; margin-top: 2px; } [data-dark=true] .topmenu_fixed .inner_fix .btn_3th:after { background: var( --c-box) } /*하단 토글*/ [data-dark=true] .corp_area_wrap .dropdown .dropdown_toggle.active { color: var( --c-txt); font-weight: bold; background: var( --c-bg)} [data-dark=true] .corp_area_wrap .dropdown .dropdown_toggle.active:before { display: block; content: ''; position: absolute; top: 0; bottom: -1px; left: 0; right: 0; border: 1px solid #ccc; border-top: 0 none; background: var( --c-bg)} [data-dark=true] .corp_area_wrap .dropdown .dropdown_toggle:after { content: ''; width: 18px!important; height: 18px!important; display: inline-block!important; background-image: url(../image/ic_mk_dark.png)!important; -webkit-background-size: 352px 205px!important; background-size: 352px 205px!important; pointer-events: none; background-position: -200px 0!important; transform: rotate(180deg)!important; } [data-dark=true] .corp_area_wrap .dropdown .dropdown_toggle.active:after {transform: rotate(0deg)!important;} /*기사리스트*/ [data-dark=true] .topmenu_sub { background: var( --c-bg) } [data-dark=true] .sub_top .topbox .logo_title {color: var( --c-txt) } [data-dark=true] .sub_top .topbox .sub_menu_tab .menu_tabs li span {color: #8e8e8e!important; } [data-dark=true] .sub_top .topbox .sub_menu_tab .menu_tabs li.on span { color:#ffffff!important} [data-dark=true] .article_list_bx .article_list { border-bottom: 1px solid var( --c-line) ;} [data-dark=true] .article_list_bx li.article_list:last-child {border-bottom: none} [data-dark=true] .list_contents .right_cont .t_topnews2 h3 { border-top: 3px solid var( --c-line); } [data-dark=true] .t_topnews2 h3 { border-top: 3px solid var( --c-line); } [data-dark=true] .t_topnews2 .top_news_list li { border-bottom: 1px solid var( --c-line)} [data-dark=true] .t_topnews2 .top_news_list li:last-child { border-bottom:none; } [data-dark=true] .sub_top .topbox .sub_menu_tab .menu_tabs li:after {content: ""; position: absolute; top: 0; left: 15px; bottom: 0; background: var( --c-line) ; width: 1px; } [data-dark=true] .art_more {border: 1px solid var( --c-gray) ; width: 100%; text-align: center; color: var( --c-txt) } [data-dark=true] .anb_layer_bx .box_fix h3 a:link { color:#7b7e83!important} [data-dark=true] .anb_layer_bx .box_fix h3 a:hover { color:#7b7e83!important} [data-dark=true] .anb_layer_bx .box_fix h3 a:visited { color:#7b7e83!important} /*특별판*/ [data-dark=true] .headline_news_sec .D_type .sec_body:before {content: ""; position: absolute; top: -35px; left: -100000px; right: -100000px; bottom: -24px; background: var( --c-box); z-index: -1 } [data-dark=true] .headline_news_sec .D_type .artlist_2col .artbx_2col .art1 { } [data-dark=true] .headline_news_sec .E_type {margin-bottom: 25px; padding-bottom: 35px ; border-bottom: 1px solid var( --c-txt)} [data-dark=true] .headline_news_sec .B_type { border-bottom: 1px solid var( --c-txt); } [data-dark=true] .headline_news_sec .B_type .artlist_2col .artbx_2col .art1 { } [data-dark=true] #container .main_page .headline_news_sec .B_type .mainnews_right.typb { border-left: 1px solid var( --c-line); } [data-dark=true] .headline_news_sec .B_type .mainnews_right.typb .sec_body li:nth-child(3) {border-bottom: 1px solid var( --c-line)!important;} [data-dark=true] .headline_news_sec .B_type .mainnews_right.typb .sec_body li:nth-child(4) {border-bottom: 1px solid var( --c-line)!important;} [data-dark=true] .headline_news_sec .B_type .mainnews_right.typb .sec_body li:nth-child(5) {border-bottom: 1px solid var( --c-line)!important;} [data-dark=true] .main_page .headline_news_sec .btype_new .C_type .mainnews_right li:nth-child(5) {border-bottom: 1px solid var( --c-line)!important;} [data-dark=true] .main_page .headline_news_sec .btype_new .C_type .mainnews_right li:nth-child(6) {border-bottom: 1px solid var( --c-line)!important;} [data-dark=true] #container .main_page .headline_news_sec .A_type .headline_tit_a { background: var( --c-box);} [data-dark=true] #container .main_page .headline_news_sec .A_type .style_a:after { content: ""; position: absolute; top: 0; left: 340px; bottom: 0; background: var( --c-line); width: 1px } [data-dark=true] #container .main_page .headline_news_sec .A_type .mainnews_right .sec_body li:nth-child(3) { border-bottom: 1px solid var( --c-line);} [data-dark=true] .gap {color: var( --c-gray); font-weight: 400} [data-dark=true] #container .main_page .headline_news_sec .btype_new .top_bx .mainnews_right .sec_body li:nth-child(3) {border-bottom: 1px solid var( --c-line)!important;} [data-dark=true] #container .main_page .headline_news_sec .btype_new .top_bx .mainnews_right .sec_body li:nth-child(4) {border-bottom: 1px solid var( --c-line)!important;} [data-dark=true] .headline_news_sec .btype_new .top_bx .mainnews_right .sec_body li .list_style1 .txt_area:before{ background: var(--c-txt) } [data-dark=true] .headline_news_sec .btype_new .top_bx .mainnews_right .sec_body li .list_style1 .txt_area:after { background: var(--c-txt)!important } /*다크모드 view*/ [data-dark=true] .news_cnt_detail_wrap { font-size: 1.9rem; line-height: 3.096rem; letter-spacing: -0.5px; color: var(--c-txt)} /*글자 줄간격 테스트 pc*/ [data-dark=true] .news_cnt_detail_wrap[data-fz="s"] { font-size: 1.8rem !important; line-height: 2.8rem } [data-dark=true] .news_cnt_detail_wrap[data-fz="m"] { font-size: 1.9rem !important; line-height: 3.096rem; } [data-dark=true] .news_cnt_detail_wrap[data-fz="l"] { font-size: 2.3rem !important; line-height: 3.7rem; } [data-dark=true] .news_cnt_detail_wrap[data-fz="xl"] { font-size: 2.6rem !important; line-height: 4.0rem } [data-dark=true] .news_cnt_detail_wrap[data-fz="xxl"] { font-size: 2.8rem !important; line-height: 4.2rem;} [data-dark=true] .adbox_2 {background: var( --c-box);} [data-dark=true] .adbox_2 h4 {color: var(--c-bg-w);} [data-dark=true] .adbox_3 {background: var( --c-box);} [data-dark=true] .adbox_3 h4 {color: var(--c-bg-w);} [data-dark=true] .related_news_list_v li a { color:var(--c-txt)} [data-dark=true] .bx_related_news {border-top: 1px solid var( --c-txt); border-bottom: 1px solid var( --c-txt); } [data-dark=true] .menu-container { box-shadow: 0 2px 10px rgba(0,0,0,0.1); background: var( --c-bg); border: 1px solid #b7b7b7; } [data-dark=true] .menu-container.fix { } [data-dark=true] .tab-menu { border-top: 1px solid var( --c-txt); } [data-dark=true] .tab-menu button { border-bottom: 2px solid transparent; color: #a8a8a8 } [data-dark=true] .tab-menu button.active { border-top: 2px solid var( --c-txt); color: var( --c-txt) } [data-dark=true] .right_view_cm .t_topnews_v .top_news_list li { border-bottom: 1px solid var( --c-line); } [data-dark=true] .box_editor {border-top: 1px solid var( --c-txt) ; border-bottom: 1px solid var( --c-line); } [data-dark=true] .box_editor .editor_in {border-bottom: 1px solid var( --c-line); } [data-dark=true] .tags .tag {background:var(--c-gray); color: var( --c-txt) } [data-dark=true] .adbox_2::before {content: ""; position: absolute; top: 0; left: -100000px; right: -100000px; bottom: 0 ;background: var( --c-box); } [data-dark=true] .menu_box .t_topnews_v .top_news_list li { border-bottom: 1px solid var( --c-line); } [data-dark=true] .menu_box .t_topnews_v .top_news_list li:last-child { border-bottom: none } [data-dark=true] .menu_box h3 { border-top: 1px solid var( --c-gray)} [data-dark=true] .menu-text { color: var( --c-txt) } [data-dark=true] .likeit h5 { color: var( --c-gray-l) } [data-dark=true] .ft_like { color: var( --c-txt)} [data-dark=true] .s_title:before { background: var( --c-gray) } [data-dark=true] .cate {color: var( --c-txt) } [data-dark=true] .view_art_date { color: var( --c-gray-l); border-bottom: 1px solid var( --c-gray-l) ; border-top: 1px solid var( --c-gray-l) } [data-dark=true] .midtitle_text {color: var( --c-gray-l)} [data-dark=true] .bt1 {background-position: 0 -136px; border:1px solid var( --c-line) } [data-dark=true] .bt2 {background-position: -38px -136px!important; border:1px solid var( --c-line)} [data-dark=true] .bt3 {background-position: -74px -136px!important; border:1px solid var( --c-line)} [data-dark=true] .bt4 {background-position:-112px -136px!important; border:1px solid var( --c-line) ; } [data-dark=true] .bt4.on {background-position:-112px -168px!important; border:1px solid var( --c-line) } [data-dark=true] .bt5 {background-position: -148px -136px!important; position: relative; border:1px solid var( --c-line)} [data-dark=true] .bt6 {background-position: -188px -139px!important; -webkit-background-size: 325px 325px; background-size: 325px 325px; border:1px solid var( --c-line) } [data-dark=true] .bt7 {background-position: -219px -136px!important; border:1px solid var( --c-line) } [data-dark=true] .bt8 {background-position: -257px -137px!important; border:1px solid var( --c-line); } [data-dark=true] .bt9 {background-position: 0 -176px!important; border:1px solid var( --c-line) } [data-dark=true] .bt10{background-position: -39px -176px!important; border:1px solid var( --c-line) } [data-dark=true] .menu-container .menu-item { margin-left: 5px; margin-right: 5px; float: left; } [data-dark=true] .bt6.off {background-position: -188px -155px!important; -webkit-background-size: 325px 325px; background-size: 325px 325px; border:1px solid var( --c-line) ;background-image: url('../image/ic_mk2025_view1.png')!important; } [data-dark=true] .bt7.off {background-position: -220px -152px!important; border:1px solid var( --c-line); background-image: url('../image/ic_mk2025_view1.png'); } [data-dark=true] .bt8.off {background-position: -257px -152px!important; border:1px solid var( --c-line) ; background-image: url('../image/ic_mk2025_view1.png'); } [data-dark=true] .bt9.off {background-position: 0 -194px!important; border:1px solid var( --c-line); background-image: url('../image/ic_mk2025_view1.png'); } [data-dark=true] .bt10.off {background-position: -39px -192px!important; border:1px solid var( --c-line); background-image: url('../image/ic_mk2025_view1.png'); } [data-dark=true] .bt6_im {background-image: url('../image/ic_mk2025_view.png'); background-position: -225px -136px!important; display: inline-block; width: 42px; height: 42px; } [data-dark=true] .bt8_im {background-position: -267px -137px!important;} [data-dark=true] .bt9_im {background-image: url('../image/ic_mk2025_view.png'); background-position: 0 -176px!important; display: inline-block; width: 42px; height: 42px; } [data-dark=true] .bt10_im {background-image: url('../image/ic_mk2025_view.png'); background-position: -47px -190px!important; display: inline-block; width: 42px; height: 42px; position: relative; top: 10px} [data-dark=true] .ic_viewepaper .btn_epaper { border: 1px solid #8d8d8d; width: 25px; height: 25px; position: relative; bottom: 1px; background-position: -41px -12px!important; -webkit-background-size: 330px 330px!important; background-size: 330px 330px!important; background-image: url('../image/ic_mk2025_view.png')!important} [data-dark=true] .box_editor .btn_mail span {border-radius: 100px; border: 1px solid #8d8d8d; width: 32px; height: 33px; position: relative; bottom: 1px; background-position: -54px -6px; -webkit-background-size: 300px 300px; background-size: 300px 300px; background-image: url('../image/ic_mk2025_view.png'); } [data-dark=true] .likeit h5 { background: var( --c-bg); color:var( --c-gray) } [data-dark=true] .likeit { border-bottom: 1px solid var( --c-gray) ; } [data-dark=true] .likeit:after { background: var( --c-gray) ; height: 1px ; position: absolute; top: 15px; left: 0; width: 100%; z-index: -1; content: "" } [data-dark=true] .view_mainnews { border-top: 2px solid var( --c-gray-l)} [data-dark=true] .view_mainnews_sec_in li { border-left: 1px solid var( --c-line) ; } [data-dark=true] .view_mainnews_sec_in li:first-child { border-left: none } [data-dark=true] .view_art_date .date_on {width: 24px; height: 24px; display: inline-block; background-image: url('../image/ic_mk2025_view.png')!important; background-position: -3px -10px!important; -webkit-background-size: 300px 300px!important; background-size: 300px 300px!important; transform: rotate(90deg); margin-bottom: 2px} [data-dark=true] .view_art_date .date_off {width: 24px; height: 24px; display: inline-block; background-image: url('../image/ic_mk2025_view.png')!important; background-position: -3px -10px!important; -webkit-background-size: 300px 300px!important; background-size: 300px 300px!important; transform: rotate(-90deg); margin-bottom: 2px} [data-dark=true] .art_name span a.link { color: var( --c-txt)!important } [data-dark=true] .art_name span:before { content: ""; position: absolute; top:3px; left:0; background: var( --c-gray); width: 1px; height: 15px} [data-dark=true] .art_name span:first-child:before { content: ""; background: none; } [data-dark=true] .ic.ic_zoom { background-image: url(../image/ic_mk_dark.png); background-position: -320px -19px; width: 32px; height: 32px; -webkit-background-size: 352px 205px; background-size: 352px 205px;} [data-dark=true] .viewpage .news_cnt_detail_wrap .thumb_area .btn_zoom { position: absolute; right: 10px; bottom: 10px; width: 32px; height: 32px; background: rgba(0, 0, 0, .5);} [data-dark=true] .reple h3 {border-top: 2px solid var( --c-gray-l); } [data-dark=true] .reple h3 .my_reple { color: var( --c-txt)} [data-dark=true] .btn_bt_reple {width: 24px; height: 24px; display: inline-block; background-image: url('../image/ic_mk2025_view.png')!important; background-position: -3px -12px ; -webkit-background-size: 300px 300px; background-size: 300px 300px; transform: rotate(90deg);} [data-dark=true] .view_art_date .editor_time_update .btn_bt_reple {width: 24px; height: 24px; display: inline-block; background-image: url('../image/ic_mk2025_view.png')!important; background-position: -3px -12px ; -webkit-background-size: 300px 300px; background-size: 300px 300px; transform: rotate(90deg); opacity: 0.7; pointer-events: auto; cursor: pointer; top: 0; position: relative } [data-dark=true] i.ic.btn_bt_reple { transform: rotate(90deg);} [data-dark=true] i.ic.btn_bt_reple.btn_active { transform: rotate(-90deg); } [data-dark=true] .btn_view_reple {font-weight: 700; color: var( --c-txt)} [data-dark=true] .news_cmm_list .lik_hat .hate_nb { color: var( --c-txt) } [data-dark=true] .news_cmm_list .lik_hat .like_nb { color: var( --c-txt) } [data-dark=true] .reple .reload { display: inline-block; background-image: url('../image/ic_mk2025_view.png')!important; background-position: -131px -14px ; -webkit-background-size: 340px 340px; background-size: 340px 340px; border: 1px solid #8d8d8d; width: 24px; height: 24px; border-radius: 100px; position: relative; bottom: 2px; left: 3px } [data-dark=true] .btn_myreple2 { display: inline-block; background-image: url('../image/ic_mk2025_view.png')!important; background-position: -131px -14px ; -webkit-background-size: 340px 340px; background-size: 340px 340px; border: 1px solid #8d8d8d; width: 24px; height: 24px; border-radius: 100px; position: relative; bottom: 2px; left: 3px } [data-dark=true] .layer_limo_menu .layer_share { background: var( --c-bg) ; z-index: 100} [data-dark=true] .layer_limo_menu .layer_font { z-index: 100} [data-dark=true] .layer_limo_menu .layer_share .inbox p {color: var( --c-txt)} [data-dark=true] .layer_limo_menu .ic.ic_close_m { background: url('../image/ic_mk_dark.png') no-repeat!important; background-position: -65px 3px!important; background-size: 400px!important;} [data-dark=true] .layer_limo_menu .close_btn {position: absolute; right: 0; top: 10px} [data-dark=true] .layer_limo_menu .layer_font{ background: var( --c-bg) } [data-dark=true] .layer_limo_menu .layer_font .inbox p {color: var( --c-txt)} [data-dark=true] .layer_limo_menu .layer_font .btn_area button.btn.active { background: #ff6b00!important; color: #fff!important} [data-dark=true] .layer_limo_menu .layer_language { background: var( --c-bg) } [data-dark=true] .layer_limo_menu .layer_language .inbox p {color: var( --c-txt)} [data-dark=true] .ic.sns.ic_font, [data-dark=true] .ic.sns.ic_print, [data-dark=true] .ic.sns.ic_share, [data-dark=true] .ic.sns.ic_comment, [data-dark=true] .ic.sns.ic_star, [data-dark=true] .ic.sns.ic_email, [data-dark=true] .ic.sns.ic_kakao, [data-dark=true] .ic.sns.ic_facebook , [data-dark=true] .ic.sns.ic_story, [data-dark=true] .ic.sns.ic_twitter, [data-dark=true] .ic.sns.ic_link , [data-dark=true] .ic.sns.ic_zoom {-webkit-background-size: 355px 355px; background-size: 355px 355px; pointer-events: none; text-indent: -9999px; width: 42px; height: 42px;background-image: url('../image/ic_mk2025.png');} [data-dark=true] .ic.ic_search {background-position: -229px -24px; } [data-dark=true] .ic.ic_search_l {background-position: -224px -20px; } [data-dark=true] .ic.ic_close_m {background-position: -36px 0; } [data-dark=true] .ic.ic_close_l {background-position: -18px 0; } [data-dark=true] .ic.ic_close_xl {background-position: -256px -20px; } [data-dark=true] .ic.ic_font {background-position: -262px -138px; } [data-dark=true] .ic.ic_print {background-position: -32px -20px;} [data-dark=true] .ic.ic_share {background-position: -64px -20px;} [data-dark=true] .ic.ic_comment {background-position: -160px -20px;} [data-dark=true] .ic.ic_star {background-position: -192px -20px; } [data-dark=true] .ic.sns.ic_email {background-position: 0 -60px; } [data-dark=true] .ic.sns.ic_kakao {background-position: -42px -60px; } [data-dark=true] .ic.sns.ic_facebook {background-position: -84px -60px} [data-dark=true] .ic.sns.ic_story {background-position: -126px -60px; } [data-dark=true] .ic.sns.ic_twitter {background-position: -168px -60px; } [data-dark=true] .ic.sns.ic_link {background-position: -210px -60px;} [data-dark=true] .ic.ic_zoom {background-position: -320px -20px; } [data-dark=true] .layer_limo_menu .layer_share .btn_area button.btn { padding: 0; margin: 0 2px; width: 42px; height: 42px} [data-dark=true] .layer_right_stock .ic.ic_close_m { background: url('../image/ic_mk_dark.png') no-repeat!important; background-position: -65px 3px!important; background-size: 400px!important;} [data-dark=true] .stock_story_title { background:var( --c-bg) } /*다크모드 기사속종목이야기*/ [data-dark=true] .layer_right_stock { background: var( --c-box); border: 1px solid var( --c-gray); } [data-dark=true] .ft_box_text { background: var( --c-box); color:#acacac } [data-dark=true] .stock_detail .detail_inner { color:#c9c9c9; } [data-dark=true] .ft_box_text:after {background: var( --c-line)} [data-dark=true] .stock_detail {background:var( --c-box);} [data-dark=true] .stock_detail .detail_inner h2 .tit {color:var( --c-txt);} [data-dark=true] .stock_detail .st_is_plus {color: #f31500; font-size:14px; display: inline-block; background:var( --c-bg); padding:1px 5px ; border-radius:5px} [data-dark=true] .stock_detail .st_is_minus {color: #1262FF;font-size:14px; display: inline-block; background:var( --c-bg); padding:1px 5px ; border-radius:5px} [data-dark=true] .btn_stock_detail button { background:var( --c-bg); color:#ffffff; padding:5px 15px; border-radius:30px; letter-spacing:-0.05em} [data-dark=true] .close_btn {position: absolute; right: 0; top: 10px} [data-dark=true] .st_box button.drop_sub_news_btn { display: inline-block; width: 24px; height: 24px; background-image: url('../image/ic_mk2025.png')!important; transform: rotate(180deg); -webkit-background-size: 352px 352px; background-size: 352px 352px; background-position: -299px -241px!important; opacity: 0.8 } [data-dark=true] .st_box button.drop_sub_news_btn.on {display: inline-block; width: 24px; height: 24px; background-image: url('../image/ic_mk2025.png')!important; transform: rotate(0); -webkit-background-size: 352px 352px; background-size: 352px 352px; background-position: -299px -241px!important; opacity: 1} [data-dark=true] .list_ai_ask {font-size: 1.6rem; line-height: 2.2rem; border-radius: 10px; margin-bottom: 10px; background-clip: content-box, border-box; background-image: linear-gradient(#2F2F2F, #2F2F2F), linear-gradient(90deg, #ff6b00, #ffcc00); background-origin: border-box; border: 1px solid transparent;} [data-dark=true] .list_ai_ask:hover { background-clip: content-box, border-box; background-image: linear-gradient(#2F2F2F, #2F2F2F), linear-gradient(90deg, #ff4200, #ff6b00); background-origin: border-box; border: 1px solid transparent;} [data-dark=true] .ic.ic_search_l {background-position: -229px -250px!important; background-image: url('../image/ic_mk2025.png')!important; -webkit-background-size: 355px 355px!important; background-size: 355px 355px!important; background-repeat: no-repeat;} [data-dark=true] .mem_service .mem_icon {background-image: url('../image/ic_mk2025.png'); -webkit-background-size: 355px 355px; background-size: 355px 355px; background-position: -11px -304px; width:93px; height: 41px; display:block; margin: 0 auto 15px } [data-dark=true] .st_box button.drop_sub_news_btn::before, [data-dark=true] .st_box button.drop_sub_news_btn.on::before { content: ""; position: absolute; top: -30px; left: -30px; right: -30px; bottom: -30px; /* 클릭 영역을 20px씩 더 넓힘 (상하좌우) */ background: transparent; pointer-events: auto; z-index: 0; } [data-dark=true] .st_box button.drop_sub_news_btn, .st_box button.drop_sub_news_btn.on { pointer-events: auto;} [data-dark=true] .dbnum .numon { display:inline-block; width:10px;height:10px; background-color: #ffffff!important; border-radius: 50px; margin-left: 3px; margin-right: 3px ; z-index: 100; opacity: 0.7} /*미디어그룹 소개*/ [data-dark=true] .layer_media_group { background: var( --c-bg); border: 1px solid var( --c-gray)} [data-dark=true] .layer_media_group .ic.ic_close_m { background: url('../image/ic_mk_dark.png') no-repeat!important; background-position: -65px 3px!important; background-size: 400px!important;} [data-dark=true] .icon_app { border: 1px solid var( --c-gray); } [data-dark=true] .mgz_economy {background: url(../image/im_logo_dark.png) no-repeat top center!important; background-size: 80px 10px!important; padding-bottom: 10px; margin-top: 10px; width: 100%; height: 10px} [data-dark=true] .button_more_layer {width: 18px; height: 18px; display: inline-block; background-image: url('../image/ic_mk2025.png')!important; background-position: -256px -208px ; -webkit-background-size: 300px 300px; background-size: 300px 300px; transform: rotate(90deg); position: relative; bottom: -1px; } /*60주년로고 */ [data-dark=true] .logo_60 g { fill: var(--c-txt) !important;} /*상단*/ [data-dark=true] .lnb .mkpremiu h5{background: #ffffff; color: #050505;padding:4px 5px 3px 5px; font-size: 14px;font-weight: 800; display: inline} [data-dark=true] .lnb .mkpremiu h5:hover {background: #ff6b00; color: #ffffff;padding:4px 5px 3px 5px; font-size: 14px;font-weight: 800; display: inline} /*레이어메뉴 */ [data-dark=true] .layer_menu { background: var( --c-bg); } [data-dark=true] .menu_list2 li.on:after { content: ''; display: block; position: absolute; top: 0; right: -1px; width: 1px; height: 54px; background: var( --c-bg) } [data-dark=true] .menu_list2 li.on .link_menu_style { background: var( --c-bg) } [data-dark=true] .menu_list_link .mlink1 { border-right: 1px solid #e1e1e1; background: var( --c-bg) } [data-dark=true] .menu_list_link .mlink2 { background: var( --c-bg)} [data-dark=true] .menu_list_link .mlink3 {background: var( --c-bg) } [data-dark=true] .mlink3 .menu_list3 li .link_menu_style:after { background:var( --c-gray)!important ; } [data-dark=true] .layer_menu .menu_logobx .logo1 g { fill: var(--c-txt) !important;} [data-dark=true] .layer_close .ic.ic_close_m {background: url('../image/ic_mk_dark.png') no-repeat!important; background-position: -65px 3px!important; background-size: 400px!important;} [data-dark=true] .mlink3 .menu_list3 li .link_menu_style span { width: 24px; height: 24px; display: inline-block; background-image: url('../image/ic_mk2025_view.png')!important; background-position: -3px -10px!important; -webkit-background-size: 300px 300px!important; background-size: 300px 300px!important; transform: rotate(0); top:14px;} [data-dark=true] .anb_search_bx { background: var( --c-bg)!important ; border-top: 1px solid var(--c-line) } [data-dark=true] .search_wrap { background: var( --c-bg)!important } [data-dark=true] .search_field_group .s_box {background: var( --c-bg)!important} [data-dark=true] .search_input_wrap {background: var( --c-bg)!important; color: var(--c-txt)!important;} [data-dark=true] .search_field_group .s_box .input_line {background-clip: content-box, border-box; background-image: linear-gradient( var( --c-bg), var( --c-bg)), linear-gradient(90deg, #ff6b00, #e85300); background-origin: border-box; border-bottom: 8px solid transparent; } [data-dark=true] .search_field_group .input_box_s input::placeholder { color: var(--c-line)!important;} [data-dark=true] .search_field_group .input_box_s input { color: var(--c-txt)!important;} [data-dark=true] .ic_big_search {width: 40px; height: 40px; display: inline-block; background-image: url('../image/ic_mk2025.png')!important; background-position: -646px -552px!important; -webkit-background-size: 710px 710px!important; background-size: 710px 710px!important; float: right} [data-dark=true] .input_box_s .ic.ic_close_l {background: url('../image/ic_mk_dark.png') no-repeat!important; background-position: -65px 3px!important; background-size: 400px!important;} [data-dark=true] .ic.ic_close_xl {background-position: -260px -303px; width: 32px; height: 32px; background-image: url('../image/ic_mk2025.png'); -webkit-background-size: 355px 355px; background-size: 355px 355px;} [data-dark=true] .txt_use:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; background: var(--c-line); width: 1px } [data-dark=true] .layer_lang {background: var( --c-bg); border: 1px solid var(--c-txt) } [data-dark=true] .ic.ic_close_m { background: url('../image/ic_mk_dark.png') no-repeat!important; background-position: -65px 3px!important; background-size: 400px!important;} [data-dark=true] .layer_lang .inbox .close_btn {position: absolute; right:0; top: 0} [data-dark=true] .mgz_economy {background: url(../image/im_logo.png) no-repeat top center; background-size: 80px 10px; padding-bottom: 10px; margin-top: 10px; width: 100%; height: 10px} [data-dark=true] .bg_estate {background: #505050; border-radius: 10px; text-align: center; width: 100%; padding: 15px 0 20px 0} [data-dark=true] .bn_estate1 {background: url(../image/bn_estate_1_d.png) no-repeat 0 0!important; width: 275px; height: 52px; display:block; margin: auto } [data-dark=true] .bn_estate2 {background: url(../image/bn_estate_2_d.png) no-repeat 0 0!important; width: 275px; height: 52px; display:block; margin: auto } [data-dark=true] .bn_estate3 {background: url(../image/bn_estate_3_d.png) no-repeat 0 0!important; width: 275px; height: 52px; display:block; margin: auto } [data-dark=true] .layer_right_reple { background: var( --c-bg) } [data-dark=true] .reple_story_title .reple_inbox { background: var( --c-bg) } [data-dark=true] .news_comment_head .cmt textarea { color: var(--c-txt); background: var( --c-bg) ; border: 1px solid var(--c-gray) } [data-dark=true] .news_comment_head .cmt textarea:focus {outline: none;} [data-dark=true] .news_comment_head.login .cmt textarea { color: var(--c-txt); background: var( --c-bg) ; border: 1px solid var(--c-gray) } [data-dark=true] .news_comment_head.login .cmt textarea:focus {outline: none;} [data-dark=true] .re_reply .writer_info .user_id { color: var(--c-txt)} [data-dark=true] .viewpage .cmt_item_reply .writer_info .time_area { color: var(--c-txt)!important ; font-size: 14px } [data-dark=true] .t_opinion {border-top: 3px solid var(--c-gray)!important; padding-top: 15px;} /*레이어메뉴 app 버전 추가 darkmode 260226*/ [data-dark=true] .menu_list_link .mlink1_app { border-right: 1px solid #e1e1e1; background: var( --c-bg) } [data-dark=true] .menu_list_link .mlink2_app { background: var( --c-bg) } [data-dark=true] .menu_list_link .mlink3_app {background: var( --c-bg) } [data-dark=true] .mlink3_app .menu_list3 li .link_menu_style:after { background:var( --c-gray)!important ; } [data-dark=true] .mlink3_app .menu_list3 li .link_menu_style span { width: 24px; height: 24px; display: inline-block; background-image: url('../image/ic_mk2025_view.png')!important; background-position: -3px -10px!important; -webkit-background-size: 300px 300px!important; background-size: 300px 300px!important; transform: rotate(0); top:14px;} /* 251107_오피니언 */ [data-dark=true] .opinion_news_wrap .opinion_news_list li:first-child { border: none } [data-dark=true] .opinion_page .cate {color: #4f71d0;} [data-dark=true] .opinion_page .sub_ttl {border-top: 3px solid var(--c-gray);} [data-dark=true] .opinion_page .columnist_box .sub_ttl{border-top: 0} [data-dark=true] .opinion_page .opinion_main .set_inner .opinion_headline .headline_right .txt_opinion {border-bottom: 1px solid var(--c-line);} [data-dark=true] .opinion_page .opinion_main .set_inner .opinion_headline .headline_right .txt_opinion:last-child {border-bottom: 0;} [data-dark=true] .opinion_page .today_column_wrap .txt_area .cate {color: #4f71d0;} [data-dark=true] .opinion_page .today_column_wrap .today_column_area .today_column_box{border-right: 1px solid var(--c-line);} [data-dark=true] .opinion_page .today_column_wrap .today_column_area .today_column_box .news_node .txt_area .news_ttl{color: var(--c-txt);} [data-dark=true] .opinion_page .today_column_wrap .today_column_area .today_column_box :first-child .news_node{border-bottom: 1px solid var(--c-line);} [data-dark=true] .opinion_columnist{background-color: var(--c-box);} [data-dark=true] .content_modules_top .modules_grid .modules_grid_item .txt_area{border-bottom: 1px solid var(--c-line); color: var(--c-txt);} [data-dark=true] .content_modules_bottom .modules_grid .modules_grid_item .txt_area h3{border-bottom: 1px solid var(--c-line);} [data-dark=true] .swiper-pagination-bullet-active{background-color: #fff !important;} [data-dark=true] .opinion_page .today_column_wrap .today_column_area .today_column_box:last-child{border-right: 0;} [data-dark=true] .bx_menulist { border-radius: 10px; background: var(--c-box); width: 50px; height: 45px; margin: 0 auto;} [data-dark=true] .bx_menulist.on {box-shadow: 0px 2px 3px rgb(0 0 0 / 15%); border: 1px solid #cccccc;background: #000000; } [data-dark=true] .m_bt1 {background-image: url('../image/ic_mk2025_view.png'); -webkit-background-size: 325px 325px; background-size: 325px 325px;background-position: -6px -272px; width: 30px; height: 30px; margin-top: 8px; display: inline-block} [data-dark=true] .m_bt2 {background-image: url('../image/ic_mk2025_view.png'); -webkit-background-size: 325px 325px; background-size: 325px 325px;background-position: -50px -272px; width: 30px; height: 30px; margin-top: 8px; display: inline-block} [data-dark=true] .m_bt2_2 {background-image: url('../image/ic_mk2025_view.png'); -webkit-background-size: 325px 325px; background-size: 325px 325px;background-position: -250px -2px; width: 30px; height: 30px; margin-top: 8px; display: inline-block} [data-dark=true] .m_bt3 {background-image: url('../image/ic_mk2025_view.png'); -webkit-background-size: 325px 325px; background-size: 325px 325px;background-position: -92px -270px; width: 30px; height: 30px; margin-top: 8px; display: inline-block} [data-dark=true] .m_bt3_2 {background-image: url('../image/ic_mk2025_view.png'); -webkit-background-size: 325px 325px; background-size: 325px 325px;background-position: -288px -263px; width: 30px; height: 30px; margin-top: 8px; display: inline-block} [data-dark=true] .m_bt4 {background-image: url('../image/ic_mk2025_view.png'); -webkit-background-size: 325px 325px; background-size: 325px 325px;background-position: -174px -267px; width: 30px; height: 30px; margin-top: 8px; display: inline-block} [data-dark=true] .m_bt5 {background-image: url('../image/ic_mk2025_view.png'); -webkit-background-size: 325px 325px; background-size: 325px 325px;background-position: -209px -267px; width: 30px; height: 30px; margin-top: 9px; display: inline-block } [data-dark=true] .m_bt6 {background-image: url('../image/ic_mk2025_view.png'); -webkit-background-size: 325px 325px; background-size: 325px 325px;background-position: -250px -267px; width: 30px; height: 30px; margin-top: 10px; display: inline-block } /*증권*/ [data-dark=true] #container .list .tab_gray button { background: #838383 ; color: #fff; } [data-dark=true] #container .list .tab_gray button.active { background: var(--c-box) ; color: #fff; } [data-dark=true] #container .list .gray_box_cont {background: var(--c-box) } [data-dark=true] #container .list .flow_ui:before { height: 46px; width: 40px; background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.30) 40%, rgba(0,0,0,0.85) 100%); content: ''; display: block; position: absolute; top: 0; left: 120px; z-index: 10 } [data-dark=true] #container .list .flow_ui:after { height: 46px; width: 40px; background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.30) 40%, rgba(0,0,0,0.85) 100%); content: ''; display: block; position: absolute; top: 0; right: 0; z-index: 10} [data-dark=true] #container .list .gbox { background: #434343 } [data-dark=true] #container .list .gbox h5 { color: var(--c-txt); } [data-dark=true] #container .list .gbox h5 span { color:#ffffff } [data-dark=true] #container .list .ft_gbox { color:#b3b3b3 } [data-dark=true] #container .list .icons_bx {background: var(--c-box) } [data-dark=true] .s_sbt1 {background-image: url('../image/ic_mk2025_view.png'); -webkit-background-size: 710px 710px; background-size: 710px 710px;background-position: -340px -222px; width: 59px; height: 59px; display: inline-block} [data-dark=true] .s_sbt2 {background-image: url('../image/ic_mk2025_view.png'); -webkit-background-size: 710px 710px; background-size: 710px 710px;background-position: -408px -225px; width: 59px; height: 59px; display: inline-block} [data-dark=true] .s_sbt3 {background-image: url('../image/ic_mk2025_view.png'); -webkit-background-size: 710px 710px; background-size: 710px 710px;background-position: -477px -224px; width: 59px; height: 59px; display: inline-block} [data-dark=true] .s_sbt4 {background-image: url('../image/ic_mk2025_view.png'); -webkit-background-size: 710px 710px; background-size: 710px 710px;background-position: -552px -228px; width: 59px; height: 59px; display: inline-block} [data-dark=true] .s_sbt5 {background-image: url('../image/ic_mk2025_view.png'); -webkit-background-size: 710px 710px; background-size: 710px 710px;background-position: -619px -229px; width: 59px; height: 59px; display: inline-block} /*댓글 좋아요 class*/ [data-dark=true] .news_cmm_list .lik_hat .lk_btn .lk.active{ width: 23px; height: 23px; background-image: url(../image/dark_like.png); background-size: cover; float: left;} [data-dark=true] .news_cmm_list .lik_hat .lk_btn .like_nb.active { font-weight: bold; font-family: 'Montserrat', sans-serif; color: #fff} [data-dark=true] .news_cmm_list .lik_hat .ht.active { width: 23px; height: 23px; background-image: url(../image/dark_dislike.png); background-size: cover; float: left;} [data-dark=true] .news_cmm_list .lik_hat .hate_btn .hate_nb.active{ font-weight: bold; font-family: 'Montserrat', sans-serif; color: #fff} [data-dark=true] #search_switch:checked+.switch_label .switch_btn .onf_btn { left: 30px; background: #fe6a00!important;} [data-dark=true] .ft_login {position: absolute; right: 93px; top: 8px; font-size: 1.4rem; font-weight: 500;color: #c2c2c2;} /* 글상자 */ [data-dark=true] .content-textbox[data-attribute="01"] { background: #f3f3f3!important; color: #333!important } [data-dark=true] .content-textbox[data-attribute="02"] { background: #ebf9fd!important; color: #333!important } [data-dark=true] .content-textbox[data-attribute="03"] { background: #fff9e5!important; color: #333!important } [data-dark=true] .content-textbox[data-attribute="04"] { background: #fff1f1!important;color: #333!important } [data-dark=true] .content-textbox[data-attribute="05"] { background: #e8f6ef!important; color: #333!important } [data-dark=true] .col_lg1_fix:after { content: ""; position: absolute; top: -1000px; left: 0; bottom: -1000px; background: #101010; width: 200px ; z-index: -1} /*광고*/ [data-dark=true] .ad-slot {background: var( --c-bg); color: #ffffff!important } [data-dark=true] #BC_byline_rectangle.ad-slot {background: var( --c-bg)!important; color: #ffffff!important } [data-dark=true] #BC_byline_rectangle.ad-slot iframe {background: var( --c-bg)!important; color: #ffffff!important } [data-dark=true] .mk-ad-label { background-color: transparent; color: #A0A0A0; border: none; } [data-dark=true] .native-ad-list-item { background-color: transparent; border: none; color: inherit; } [data-dark=true] #BC_byline_rectangle { background: var(--c-bg) ; color: #ffffff!important} [data-dark=true] .btn_mem_gray:hover { background: var(--c-bg); } [data-dark=true] .tit_vod_tv { background: var(--c-box); color: #fff} [data-dark=true] .border_vod {border-radius: 6px; box-shadow: 0px 2px 6px rgb(0 0 0 / 15%); padding: 0 0 15px 0; width: 100%; background: var(--c-box);} [data-dark=true] .ai_right_btn .ai_text {display: inline-block; font-size: 11px; font-weight: 300; color: #fff} [data-dark=true] .ai_right_btn .ai_logo {font-size: 10px; font-weight: normal; display: inline-block; width: 65px; height: 11px; margin-left: 2px; background-image: url(../image/l_Perplexity_d.svg); background-position: left center; background-repeat: no-repeat; background-size: cover; vertical-align: -2px;} /*뉴스뷰 하이퍼링크 주황색 링크표시 */ [data-dark=true] .news_cnt_detail_wrap a.ix-editor-text-link { position:relative; color:#ff6b00 ; font-weight:500; background-color:#000000; padding:0 5px} /*추천기사 */ [data-dark=true] .bt_login_button {background: #000000; color: #fff; border: 1px solid #464646; box-shadow: 0 2px 8px rgba(0,0,0,0.16)} [data-dark=true] .bt_logtout_button { background: #000000; color: #fff; } [data-dark=true] .menu_box .t_id {color: #ff760d; font-weight: 700} [data-dark=true] .m_white3 {background: url(../image/ic_m_title_d.png) no-repeat 0 0 ; background-size: 13px 10px; width: 13px; height: 10px; display: inline-block} /* c타입배너가 첨부되지 않을때 라인넣어주기*/ [data-dark=true] .headline_news_sec .C_type { border-top: 1px solid var(--c-line) } @media only screen and (max-width: 1420px) { [data-dark=true] .view_menu_float { left: 1%!important; } [data-dark=true] .bt1, [data-dark=true] .bt2, [data-dark=true] .bt3, [data-dark=true] .bt4, [data-dark=true] .bt5, [data-dark=true] .bt6, [data-dark=true] .bt7, [data-dark=true] .bt8, [data-dark=true] .bt9, [data-dark=true] .bt10 { border:none } [data-dark=true] .t_topnews_ai h3 span { color: var( --c-txt); } [data-dark=true] .t_topnews_ai .top_news_list li { border-bottom: 1px solid var(--c-line); } [data-dark=true] .t_topnews_ai .top_news_list li:last-child { border-bottom: none } [data-dark=true] .bt6.off, [data-dark=true] .bt7.off, [data-dark=true] .bt8.off, [data-dark=true] .bt9.off, [data-dark=true] .bt10.off { border: none!important} [data-dark=true] .bt4 {background-position:-112px -134px!important; } /*leftmenu 1420*/ [data-dark=true] .menu-container {position: fixed; box-shadow: 0 2px 10px rgba(0,0,0,0.1); background: var( --c-bg); width: 72px;border: 1px solid #b7b7b7; height: 660px; z-index: 100 ; border-radius: 5px; } [data-dark=true] .menu-container.fix {position: absolute; box-shadow: 0 2px 10px rgba(0,0,0,0.1); background: var( --c-bg); width: 72px; border: 1px solid #b7b7b7; height: 660px; z-index: 10 ; border-radius: 5px; } [data-dark=true] .t_topnews_ai .t_id {color: #ff760d; font-weight: 700} [data-dark=true] .t_topnews_ai h3 { color: #fff; font-size: 1.6rem; font-weight: 800} } /************************** pc 1220px by teresia**************************/ @media only screen and (max-width: 1220px) { [data-dark=true] .t_opinion { border-left: 1px solid var(--c-line); } [data-dark=true] .t_topnews { border-left: 1px solid var(--c-line); } [data-dark=true].cotents { border-right: none; } [data-dark=true] #container .main_page .headline_news_sec .A_type .style_a:after { background: none; width: 0 } [data-dark=true] #container .main_page .headline_news_sec .A_type .col1_a { border-right: 1px solid var(--c-line) } [data-dark=true] .headline_news_sec .B_type .mainnews_right.typb .sec_body li { padding-top: 10px; padding-bottom: 10px} } /************************** pc 1024px **************************/ @media only screen and (max-width: 1080px) { [data-dark=true] .economy_item_2cmn .list_bottoms { border: none; border-right: 1px solid var(--c-line); } [data-dark=true] .economy_item_2cmn .list_bottoms ul li:first-child { border-right: none; border-top: none; } [data-dark=true] .economy_item_2cmn .list_bottoms ul li {border-bottom:1px solid var(--c-line); } [data-dark=true] .economy_item_2cmn .list_bottoms ul li:nth-child(2) { border-right: none} [data-dark=true] .economy_item_2cmn .list_bottoms ul li:nth-child(3) {border-bottom:1px solid var(--c-line)!important; } [data-dark=true] .economy_item_2cmn .list_eco ul li { border-right: 1px solid var(--c-line); } [data-dark=true] .economy_item_2cmn .list_eco ul li:first-child { border-left: none!important; border-bottom: none} [data-dark=true] .economy_item_2cmn .list_eco ul li:nth-child(3) { border-right: none; } [data-dark=true] .economy_item_2cmn .list_eco ul li:nth-child(2) { border-bottom: none} [data-dark=true] .economy_item_2cmn .list_eco {border: none!important} [data-dark=true] .economy_item_2cmn .first_art .eco_art {border-bottom: 1px solid var(--c-line)} [data-dark=true] .economy_item_2cmn .list_eco ul li:nth-child(2) {width:calc(32.5% - 11px); float: left; padding: 0; margin-left: 10px} [data-dark=true] .economy_item_2cmn .list_eco ul li:nth-child(3) {width:calc(32.5% - 11px) ; float: left; padding: 0; margin-left: 10px} [data-dark=true] .t_topnews { border-left: none } [data-dark=true] .type_circle { border: 1px solid #dadada; } [data-dark=true] .opinion_news_wrap .opinion_news_list li:first-child { border: none } [data-dark=true] .opinion_news_wrap .opinion_news_list li:nth-child(2) { border: 1px solid var(--c-line); border-left:none; border-right:none} [data-dark=true] .opinion_news_wrap .opinion_news_list li:nth-child(3) { border: 1px solid var(--c-line); border-left:none; border-right:none} [data-dark=true] .opinion_news_wrap .opinion_news_list li:nth-child(6) { border: 1px solid var(--c-line); border-left:none; border-right:none} [data-dark=true] .opinion_news_wrap .opinion_news_list li:nth-child(7) { border: 1px solid var(--c-line); border-left:none; border-right:none} [data-dark=true] .opinion_news_wrap .opinion_news_list li:nth-child(8) { border: 1px solid var(--c-line); border-left:none; border-right:none} [data-dark=true] .opinion_news_wrap .opinion_news_list .swiper-container .swiper-wrapper .swiper-slide { border: 1px solid var(--c-line);} [data-dark=true] .icon_t { background: url('../image/ic_talk_icon_w.png') no-repeat 0 0!important; display: inline-block; width: 23px; height: 23px; background-size: 23px 23px!important; -webkit-background-size: 23px 23px!important;} [data-dark=true] .t_opinion {border-top: 3px solid #4f71d0!important; padding-top: 0; border-left: none} /*특별판C tablet 1080*/ [data-dark=true] #container .main_page .headline_news_sec.C_type .mainnews_right .sec_body li:first-child { float: left; width:calc(25% - 19px); padding: 0 10px 0 0 ;border-bottom: none!important;border-right: 1px solid var(--c-line); } [data-dark=true] #container .main_page .headline_news_sec.C_type .mainnews_right .sec_body li:nth-child(2) { float: left; width: calc(25% - 19px); padding: 0 10px; border-bottom: none!important;border-right: 1px solidvar(--c-line)} [data-dark=true] #container .main_page .headline_news_sec.C_type .mainnews_right .sec_body li:nth-child(3) { float: left; width: calc(25% - 19px);padding: 0 10px; border-bottom: none!important;border-right: 1px solid var(--c-line)} [data-dark=true] #container .main_page .headline_news_sec.C_type .mainnews_right .sec_body li:nth-child(4) { float: left; width: calc(25% - 19px);padding: 0 0 0 10px; border-bottom: none!important; } [data-dark=true] #container .main_page .headline_news_sec .mainnews_right { border-bottom: none!important; border-top: 1px solid var(--c-line)!important;border-left: none!important } [data-dark=true] #container .main_page .headline_news_sec .mainnews_right .sec_body {margin-left: 0; border-left: none!important; } [data-dark=true] #container .main_page .headline_news_sec .mainnews_right .sec_body li:first-child { float: left; width:calc(33.3333% - 31px); padding: 0 15px ;border-bottom: none!important;border-right: 1px solid var(--c-line); } [data-dark=true] #container .main_page .headline_news_sec .mainnews_right .sec_body li:nth-child(2) { float: left; width: calc(33.3333% - 31px); padding: 0 15px; border-bottom: none;border-right: 1px solid var(--c-line) ;} [data-dark=true] #container .main_page .headline_news_sec .mainnews_right .sec_body li:nth-child(3) { float: left; width: calc(33.3333% - 31px);padding: 0 15px} [data-dark=true] .notices_contents .bottom_column .bottom_col {border-bottom: 1px solid var( --c-line); } [data-dark=true] .notices_contents .bottom_column .bottom_col:last-child { border-bottom: none} [data-dark=true] #container .main_page .headline_news_sec .A_type .mainnews_right .sec_body li:first-child {border-right: 1px solid var( --c-line); } [data-dark=true] #container .main_page .headline_news_sec .A_type .mainnews_right .sec_body li:nth-child(2) {border-right: 1px solid var( --c-line)} [data-dark=true] #container .main_page .headline_news_sec .A_type .mainnews_right .sec_body li:nth-child(3) { border-right: 1px solid var( --c-line)} [data-dark=true] #container .main_page .headline_news_sec .A_type .mainnews_right .sec_body li:first-child { float: left; width:calc(25% - 19px)!important; padding: 10px 10px 10px 0!important; } [data-dark=true] #container .main_page .headline_news_sec .A_type .mainnews_right .sec_body li:nth-child(2) { float: left; width: calc(25% - 19px)!important; padding: 10px!important; } [data-dark=true] #container .main_page .headline_news_sec .A_type .mainnews_right .sec_body li:nth-child(3) { float: left; width: calc(25% - 19px)!important; padding: 10px!important; } [data-dark=true] #container .main_page .headline_news_sec .A_type .mainnews_right .sec_body li:last-child { float: left; width: calc(25% - 19px)!important; border-right: none!important ; padding: 10px 0 10px 10px!important; } [data-dark=true] .icon_vs span {background: url(../image/icon_vs_w.png) no-repeat 0 0 ;} [data-dark=true] .headline_news_sec .btype_new .top_bx .sec_body .left_bx .mainnews_right { border-left:1px solid var(--c-line)!important } [data-dark=true] .headline_news_sec .btype_new .left_bx .mainnews_right .sec_body li .list_style1 .link_style2 { border-bottom: 1px solid var(--c-line)!important } /*음성검색*/ [data-dark=true] .ic_voice_search {width: 40px; height: 40px; display: inline-block; background-image: url('../image/ic_mk2025.png')!important; background-position: -245px -496px!important; -webkit-background-size: 710px 710px!important; background-size: 710px 710px!important; float: right; } [data-dark=true]#container .list .flow_ui:before { height: 46px; width: 40px; background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.30) 40%, rgba(0,0,0,0.85) 100%); content: ''; display: block; position: absolute; top: 0; left: 0!important; z-index: 10 } [data-dark=true] .ic_big_search {position: relative; top: 2px} [data-dark=true] .dropdown.type_up { border-top: none; border-left: none; border-right: none } [data-dark=true] .box_middle_art li.right_bx.line2 {border-bottom: 1px solid var( --c-line)!important } [data-dark=true] .box_middle_art li.left_bx.line2 {border-bottom: 1px solid var( --c-line)!important } [data-dark=true] .line2 {border-bottom: 1px solid var( --c-line)} /*c타입 다크모드*/ [data-dark=true] #container .main_page .headline_news_sec .C_type .mainnews_right .sec_body li:first-child { float: left; width:calc(25% - 19px); padding: 0 10px 0 0 ;border-bottom: none!important;border-right: 1px solid var( --c-line); } [data-dark=true] #container .main_page .headline_news_sec .C_type .mainnews_right .sec_body li:nth-child(2) { float: left; width: calc(25% - 19px); padding: 0 10px; border-bottom: none!important;border-right: 1px solid var( --c-line)} [data-dark=true] #container .main_page .headline_news_sec .C_type .mainnews_right .sec_body li:nth-child(3) { float: left; width: calc(25% - 19px);padding: 0 10px; border-bottom: none!important;border-right: 1px solid var( --c-line)} [data-dark=true] #container .main_page .headline_news_sec .C_type .mainnews_right .sec_body li:nth-child(4) { float: left; width: calc(25% - 19px);padding: 0 0 0 10px; } } /************************** pc 768px **************************/ @media only screen and (max-width: 752px) { /*[data-dark=true] .topmenu_btn button .ic.ic_aside {background-position: -238px -172px!important; width: 30px; height: 30px; -webkit-background-size: 295px 295px!important; background-size: 295px 295px!important; }*/ [data-dark=true] .topmenu_btn button .ic.ic_aside { width: 19px; height: 17px; display: inline-block; background: url(../image/menu.svg) no-repeat center center / cover; margin-top: 2px } [data-dark=true] .topmenu_fixed .fixed.btn_1st .ic.ic_aside { width: 18px!important; height: 16px!important; display: inline-block; background: url(../image/menu.svg) no-repeat center center / cover!important; margin-top: 2px;} [data-dark=true] .topmenu_btn.m_on { background: none!important} [data-dark=true] .topmenu_fixed .fixed.btn_1st { background: none!important} [data-dark=true] .topmenu_sub.topfix .inner_fix .fixed.btn_1st .ic.ic_aside { width: 13px; height: 11px; display: inline-block; background: url(../image/menu1.svg) no-repeat center center / cover; margin-top: 3px } /*[data-dark=true] .gnb .setting_menu_nav .nav_item .ic.ic_aside4 {background-position: -158px -209px; -webkit-background-size: 300px 300px!important; background-size: 300px 300px!important; background-image: url('../image/ic_mk2025.png')!important; display: block; width: 27px!important; height: 27px!important; margin-top: 10px }*/ [data-dark=true] .fixed button .ic.ic_aside4 {width: 18px; height: 21px; background: url(../image/member_d.svg) no-repeat center center / cover; margin-top: 2px; display: flex; align-items: center; } /*[data-dark=true] .topmenu_btn button .ic.ic_aside2{ background: url(../images/ic_aish_icon_w.gif) no-repeat 0 0;; -webkit-background-size: 26px 26px; background-size: 26px 26px; width: 26px; height: 26px }*/ [data-dark=true] .topmenu_btn button .ic.ic_aside2 {width: 22px; height: 22px; display: inline-block; background: url(../image/search1_d.svg) no-repeat center center / cover; margin-top: 2px } [data-dark=true] .fixed button .ic.ic_aside { width: 14px; height: 12px; display: inline-block; background: url(../image/menu.svg) no-repeat center center / cover; margin-top: 3px ; } [data-dark=true] .topmenu_fixed .inner_fix .btn_2nd .ic.ic_aside2 {width: 22px; height: 22px; display: inline-block; background: url(../image/search1_d.svg) no-repeat center center / cover; margin-top: 2px } [data-dark=true] .menu_btn .menu_inner li:nth-child(2).topmenu_btn button.nav_link { width: 25px; padding-left: 0; margin-left: 0; position: relative; left: -5px} [data-dark=true] .lnb .mkpremiu { display: block; width: 30px; height: 30px; background: #ffffff; border-radius: 50%; text-align: center; padding: 0!important; margin: 0!important; position: absolute; right: 16px; top: 5px; } [data-dark=true] .lnb .mkpremiu:hover { display: block; width: 30px; height: 30px; border-radius: 50% ; background: #ff6b00; } [data-dark=true] .lnb .mkpremiu h5 { font-size: 11px ; background: none ; width: 22px; line-height: 10px; display: inline-block; font-weight: 700; text-align: center; left: -1px; position: absolute; top: 2px; } [data-dark=true] .lnb .mkpremiu h5:hover { font-size: 11px ; width: 22px; line-height: 10px; display: inline-block; font-weight: 800; text-align: center; left: -1px; position: absolute; top: 2px; border-radius: 50%; background: none } [data-dark=true] .btnimg { /*background: #d4d4d4; */ position: absolute; right: 0; top: -60px;width: 47px; height: 42px; border-bottom-left-radius: 100px; border-top-left-radius: 100px; display: block; } [data-dark=true] .lnb .mkpremiu h5 span { display: none} [data-dark=true] .topmenu_fixed .inner_fix .primiu_fix {color: #333333; font-weight: 900; width: 30px; height: 30px;font-size: 1rem; line-height: 1rem; text-align: center; position: relative; right: 1px; background: #ffffff; border-radius: 50%;} [data-dark=true] .economy_item_2cmn .list_bottoms { border: none; border-right: none; border-top: none!important } [data-dark=true] .economy_item_2cmn .list_bottoms ul { border-top: none} [data-dark=true] .economy_item_2cmn .list_bottoms ul li { border-right: none; border-top: none} [data-dark=true] .economy_item_2cmn .list_eco ul li { border-right: none} [data-dark=true] .economy_item_2cmn .list_eco li:first-child { border-bottom: 1px solid var(--c-line); } [data-dark=true] .economy_item_2cmn .list_eco ul li:nth-child(2) { border-bottom: 1px solid var(--c-line);} [data-dark=true] .economy_item_2cmn .list_bottoms ul li:first-child { border-top: 1px solid var(--c-line)!important; } [data-dark=true] .economy_item_2cmn .list_eco { border-left: 1px solid var(--c-line); } [data-dark=true] .economy_item_2cmn .list_eco ul li { border-bottom:1px solid var(--c-line); } [data-dark=true] .economy_item_2cmn .list_eco ul li:last-child {border-bottom:none} [data-dark=true] .economy_item_2cmn .list_bottoms {border-top: 1px solid var(--c-line); } [data-dark=true] .economy_item_2cmn .list_bottoms ul li:first-child { border-right: 1px solid var(--c-line); } [data-dark=true] .economy_item_2cmn .list_bottoms ul li:nth-child(2) {border-right: 1px solidvar(--c-line); } [data-dark=true] .economy_item_2cmn .list_bottoms ul li:last-child {border-bottom:none} [data-dark=true] .news_item_3cmn_ot .list_artlist { border-right: 1px solid var(--c-line);} [data-dark=true] .news_item_3cmn_ot .list_artlist:last-child {border-right: none; } [data-dark=true] .news_item_3cmn_ot .list_artlist ul li {border-bottom:1px solid var(--c-line); } [data-dark=true] .news_item_3cmn_ot .list_artlist ul li:last-child {border-bottom: none; } [data-dark=true] .cotents .t_money h3 {border-top: 3px solid var( --c-gray); } [data-dark=true] .cotents .t_money h3 span { color: var( --c-txt); } [data-dark=true] .t_topnews h3 {border-top: 3px solid var( --c-gray) } [data-dark=true] .t_topnews h3 span { color: var( --c-txt); } [data-dark=true] .t_basic h3 {border-top: 3px solid var( --c-gray) } [data-dark=true] .t_basic h3 span { color: var( --c-txt); } [data-dark=true] .t_shopping h3{border-top: 3px solid #ea67c0; } [data-dark=true] .t_shopping h3 span { color: var( --c-txt); } [data-dark=true] .t_short h3 {border-top: 3px solid #ff0000; } [data-dark=true] .t_short h3 span { color: var( --c-txt) } [data-dark=true] .icon_t { background: url('../image/ic_talk_icon_w.png') no-repeat 0 0!important; display: inline-block; width: 25px; height: 25px; background-size: 25px 25px!important; -webkit-background-size: 25px 25px!important;} [data-dark=true] #container .main_page .headline_news_sec .mainnews_right .sec_body li:nth-child(3) {border-bottom: 1px solid var( --c-line)!important;} [data-dark=true] #container .main_page .headline_news_sec .mainnews_right .sec_body li:first-child { width: 100%; border-bottom: 1px solid var( --c-line)!important; } [data-dark=true] #container .main_page .headline_news_sec .mainnews_right .sec_body li:nth-child(2) { width: 100%; border-bottom: 1px solid var( --c-line)!important; } [data-dark=true] #container .main_page .headline_news_sec .mainnews_right .sec_body li:nth-child(3) { width: 100%;border-bottom: none!important; } [data-dark=true] #container .main_page .mainnews_sec_list .mainnews_sec_in .art_forth li { border-bottom: 1px solid var( --c-line)!important} [data-dark=true] .economy_item_2cmn .list_eco ul li:nth-child(2) {width:100%!important} [data-dark=true] .economy_item_2cmn .list_eco ul li:nth-child(3) {width:100%!important} [data-dark=true] #container .main_page .headline_news_sec .mainnews_right .sec_body li:first-child {width:100%!important; } [data-dark=true] #container .main_page .headline_news_sec .mainnews_right .sec_body li:nth-child(2) {width:100%!important; } [data-dark=true] #container .main_page .headline_news_sec .mainnews_right .sec_body li:nth-child(3){width:100%!important} [data-dark=true] .news_item_1cmn_pt .txt_box ul li:first-child { border:none!important;} [data-dark=true] .news_item_1cmn_pt .txt_box ul li:nth-child(2) { border:none!important;} [data-dark=true] .news_item_1cmn_pt .txt_box ul li:nth-child(3) { border:none!important;} [data-dark=true] .opinion_news_wrap .opinion_news_list .swiper-container .swiper-wrapper .swiper-slide { border-bottom: none } [data-dark=true] .opinion_news_wrap .opinion_news_list .swiper-container .swiper-wrapper dd:first-child.swiper-slide { border-left: none!important; border-top: none!important} [data-dark=true] .t_opinion h3 { border-bottom:1px solid var( --c-line) } [data-dark=true] .w_4cmn_left2 h3 { border-bottom:1px solid var( --c-line) } [data-dark=true] .w_4cmn_left3 h3 { border-bottom:1px solid var( --c-line) } [data-dark=true] .w_4cmn_left h3 { border-bottom:1px solid var( --c-line)} [data-dark=true] .t_topnews h3 { border-bottom:1px solid var( --c-line)} [data-dark=true] .t_shopping h3 { border-bottom:1px solid var( --c-line)} [data-dark=true] .news_item_2cmn .list_artlist { border-left: none } [data-dark=true] .economy_item_2cmn .first_art .list_bottoms li:first-child { border-right: none; } [data-dark=true] .news_item_2cmn .list_artlist li:first-child { border-top:1px solid var( --c-line)} [data-dark=true] .opinion_news_wrap .opinion_news_list li:first-child { border: none ; border-bottom: 1px solid var( --c-line)} [data-dark=true] .opinion_news_wrap .opinion_news_list li:nth-child(2) { border-left: none!important ;border-right: none!important ; } [data-dark=true] .opinion_news_wrap .opinion_news_list li:nth-child(3) { border-left: none!important ;border-right: none!important ; } [data-dark=true] .opinion_news_wrap .opinion_news_list li:nth-child(8) { border-bottom: 1px solid var( --c-line)} [data-dark=true] .economy_item_2cmn .list_eco ul li { border-bottom: 1px solid var( --c-line)} [data-dark=true] .economy_item_2cmn .list_eco li:first-child { border-bottom:1px solid var( --c-line)!important; } [data-dark=true] .economy_item_2cmn .list_eco li:nth-child(2) { border-bottom:1px solid var( --c-line)} [data-dark=true] .issue_item_2cmn .list_issue li:first-child{ border-top:1px solid var( --c-line)!important} [data-dark=true] .economy_item_2cmn .first_art ul.related_news_list { border:none!important } [data-dark=true] .economy_item_2cmn .first_art ul.related_news_list li.related_news_item { border:none!important } [data-dark=true] .list_issue ul.related_news_list li.related_news_item { border:none!important } [data-dark=true] .list_issue ul.related_news_list li.related_news_item a { border:none!important } [data-dark=true] .cotents .t_money .news_item_3cmn_ot .list_artlist:first-child ul li { background: var( --c-box); border: 1px solid var( --c-line) ; border-radius: 0 } [data-dark=true] .cotents .t_money .news_item_3cmn_ot .list_artlist:nth-child(2) ul li {background: var( --c-box); border: 1px solid var( --c-line) ; border-radius: 0 } [data-dark=true] .cotents .t_money .news_item_3cmn_ot .list_artlist:nth-child(3) ul li {background: var( --c-box); border: 1px solid var( --c-line) ;border-radius: 0 } [data-dark=true] .cotents .t_money .news_item_3cmn_ot .list_artlist li .thumb_area_money h2 { color: #21b789; background: var( --c-box); border-bottom: 1px solid #21b789; } [data-dark=true] .news_item_3cmn_ot .list_artlist:nth-child(2) .thumb_area_money h2:after { width:0; height:0; border-style:solid; border-width:16px; left: -16px; bottom: -32px; z-index: 5000000000;border-color:#4258f6 transparent transparent transparent; content: ''; display: block; position: absolute; } [data-dark=true] .cotents .t_money .news_item_3cmn_ot .list_artlist li .thumb_area_money h2 span { color:#ffffff} [data-dark=true].cotents .t_money .news_item_3cmn_ot .list_artlist .menu_on li { background: var( --c-box); } [data-dark=true].cotents .t_money .news_item_3cmn_ot .list_artlist:nth-child(n+1) .menu_on li:first-child { background: var( --c-box); border: 1px solid var( --c-line) ; border-radius: 0 } [data-dark=true] .cotents .t_money .news_item_3cmn_ot .list_artlist:nth-child(n+1) .menu_on li:nth-child(2) { background: var( --c-box);border: 1px solid var( --c-line) ; border-radius: 0 } [data-dark=true] .cotents .t_money .news_item_3cmn_ot .list_artlist:nth-child(n+1) .menu_on li:nth-child(3) { background: var( --c-box); border: 1px solid var( --c-line) ; border-radius: 0 } [data-dark=true] .cotents .t_money .news_item_3cmn_ot .list_artlist:nth-child(n+1) .menu_on li:first-child { background: var( --c-box) } [data-dark=true] .cotents .t_money .news_item_3cmn_ot .list_artlist:nth-child(n+1) .menu_on li:nth-child(2) {background: var( --c-box) } [data-dark=true] .cotents .t_money .news_item_3cmn_ot .list_artlist:nth-child(n+1) .menu_on li:nth-child(3) { background: var( --c-box)} [data-dark=true] .cotents .t_money .news_item_3cmn_ot .list_artlist:nth-child(2) .thumb_area_money h2 { border-bottom: 1px solid #4258f6 ; color: #4258f6;} [data-dark=true] .cotents .t_money .news_item_3cmn_ot .list_artlist:nth-child(3) .thumb_area_money h2 { color: #a83f34; border-bottom: 1px solid #a83f34 } /*[data-dark=true] .btnimg { background: var( --c-box) }*/ [data-dark=true] .cotents .t_money .news_item_3cmn_ot .list_artlist .menu_on li { border-top: none!important; } [data-dark=true] .cotents .t_money .news_item_3cmn_ot .list_artlist .menu_off li { border-top: none!important; } [data-dark=true] .cotents .t_money .news_item_3cmn_ot .list_artlist .menu_on li:first-child .thumb_area_money {border-bottom: 1px solid var( --c-line)} /*모바일로그인*/ [data-dark=true] .gnb .setting_menu_nav .nav_item .ic.ic_aside4 {width: 20px; height: 23px; display: inline-block; background: url(../image/member_d.svg) no-repeat center center / cover; } [data-dark=true] .gnb .setting_menu_nav .nav_item .ic.ic_aside5 {width: 20px; height: 23px; display: inline-block; background: url(../image/member_d.svg) no-repeat center center / cover; } [data-dark=true] .topmenu_sub.topfix .inner_fix .fixed.btn_4th .ic_aside4 {width: 18px; height: 21px; background: url(../image/member.svg) no-repeat center center / cover; margin-top: 2px; display: flex; align-items: center; } /*특별판C*/ /*c타입 라인 흐리게 수정*/ [data-dark=true] #container .main_page .headline_news_sec .C_type .mainnews_right .sec_body li:first-child { clear: both; width:100%; padding: 10px 0 ;border-bottom: 1px solid var(--c-line)!important; border-right: none; } [data-dark=true] #container .main_page .headline_news_sec .C_type .mainnews_right .sec_body li:nth-child(2) { clear: both; width:100%; padding: 10px 0 ;border-bottom: 1px solid var( --c-line)!important;border-right: none } [data-dark=true] #container .main_page .headline_news_sec .C_type .sec_body .box_style1 .mainnews_right .sec_body li:nth-child(3) { clear: both; width:100%; padding: 10px 0 ;border-bottom: 1px solid var( --c-line)!important;border-right: none; } [data-dark=true] #container .main_page .headline_news_sec .C_type .sec_body .box_style1 .mainnews_right .sec_body li:last-child { clear: both; width:100%!important; padding: 10px 0 ;border-right: none; ;border-bottom: 1px solid var( --c-line)!important; } [data-dark=true] .headline_news_sec.C_type .mainnews_right .sec_body .list_style1 .news_tit { font-size: 1.9rem!important; line-height:2.5rem!important; } [data-dark=true] #container .main_page .headline_news_sec .B_type .mainnews_right .sec_body li:nth-child(3) { border-bottom: 1px solid var( --c-line)!important; } [data-dark=true] #container .main_page .headline_news_sec .B_type .mainnews_right .sec_body li:nth-child(5) { border-bottom: 1px solid var( --c-line)!important; } [data-dark=true] #container .main_page .headline_news_sec .B_type .mainnews_right .sec_body li:last-child { border-bottom: none!important; } [data-dark=true] #container .main_page .headline_news_sec .A_type .mainnews_right .list_style1.style_a .sec_body li { border-bottom: 1px solid var( --c-line)!important; } [data-dark=true] #container .main_page .headline_news_sec .A_type .mainnews_right .sec_body li:first-child { width:100%!important; padding: 0!important; border-bottom: 1px solid var( --c-line)!important; margin-right: 10px} [data-dark=true] #container .main_page .headline_news_sec .A_type .mainnews_right .sec_body li:nth-child(2) { width:100%!important; padding: 0!important; border-bottom: 1px solid var( --c-line)!important ; margin-right: 10px } [data-dark=true] #container .main_page .headline_news_sec .A_type .mainnews_right .sec_body li:nth-child(3) { width:100%!important; padding: 0!important; border-bottom: 1px solid var( --c-line)!important ; margin-right: 10px; border-right: none!important } [data-dark=true] #container .main_page .headline_news_sec .A_type .mainnews_right .sec_body li:last-child { width:100%!important; padding: 0!important; } [data-dark=true] .icon_vs span {background: url(../image/icon_vs_w.png) no-repeat 0 0 ; background-size: 30px 47px; width: 30px; height: 47px; display: inline-block; margin: 0 auto; justify-content: center; align-items: center; margin-bottom: 5px} /*특별판etype*/ [data-dark=true] .headline_news_sec .E_type {margin-bottom: 15px; padding-bottom: 0; } [data-dark=true] .headline_news_sec .D_type .artlist_2col .artbx_2col .art2 { background: var( --c-box); } /*more*/ [data-dark=true] .more_btn button span {background-position: -365px -284px; -webkit-background-size: 400px 400px; background-size: 400px 400px; background-image: url('../image/ic_mk2025.png'); position: absolute; right: 6px; top:4px; display: block; width: 15px; height: 10px; } [data-dark=true] .more_btn_on button span {background-position: -344px -284px; -webkit-background-size: 400px 400px; background-size: 400px 400px; background-image: url('../image/ic_mk2025.png'); position: absolute; right: 6px; top:4px; display: block; width: 15px; height: 10px; } [data-dark=true] .headline_news_sec .D_type .artlist_2col .artbx_2col .art1 { border-bottom: 1px solid var( --c-line); } /*상단 완독률표시*/ [data-dark=true].view_only .topmenu_fixed {position: fixed; width: 100%; left: 0; top: 72px; background: none; border-bottom: none; z-index: 500000000000 ; height: 0 } [data-dark=true].view_only .topmenu_fixed .inner_fix { height: 0; visibility: hidden; border: none; font-size: 0; background: none; display: none} [data-dark=true] .ic_big_search {width: 31px; height: 31px; display: inline-block; background-image: url('../image/ic_mk2025.png')!important; background-position: -455px -389px!important; -webkit-background-size: 500px 500px!important; background-size: 500px 500px!important; float: right; } [data-dark=true] .list_arts_bx .w_arts_bx h3 { border-bottom: 1px solid var( --c-line) } [data-dark=true] .topmenu_fixed .inner_fix .btn_4th .ic_aside4_login {width: 20px; height: 22px; display: inline-block; background: url(../image/memberon_d.svg) no-repeat center center / cover; margin-top: 2px; margin-left: 2px } [data-dark=true] #header .gnb .setting_menu_nav .nav .nav_item .ic_aside4_login {width: 20px; height: 22px; display: inline-block; background: url(../image/memberon_d.svg) no-repeat center center / cover; margin-top: 2px; margin-left: 2px } /*음성검색*/ [data-dark=true] .ic_voice_search { width: 31px; height: 31px; display: inline-block; background-image: url('../image/ic_mk2025.png')!important; background-position: -173px -348px!important; -webkit-background-size: 500px 500px!important; background-size: 500px 500px!important; float: right; } [data-dark=true] #container .list .flow_ui:before { height: 46px; width: 40px; background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.30) 40%, rgba(0,0,0,0.85) 100%); content: ''; display: block; position: absolute; top: 0; left: 0!important; z-index: 10 } [data-dark=true] #container .list .flow_ui:after { height: 46px; width: 40px; background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.30) 40%, rgba(0,0,0,0.85) 100%); content: ''; display: block; position: absolute; top: 0; right: 0; z-index: 10} /*글자 줄간격 테스트 mobile*/ [data-dark=true] .news_cnt_detail_wrap[data-fz="s"] { font-size: 1.8rem ; line-height: 2.8rem; } [data-dark=true] .news_cnt_detail_wrap[data-fz="m"] { font-size: 1.9rem ; line-height: 3.096rem; } [data-dark=true] .news_cnt_detail_wrap[data-fz="l"] { font-size: 2.3rem ; line-height: 3.7rem; } [data-dark=true] .news_cnt_detail_wrap[data-fz="xl"] { font-size: 2.6rem ; line-height: 4.0rem; } [data-dark=true] .news_cnt_detail_wrap[data-fz="xxl"] { font-size: 2.8rem ; line-height: 4.2rem;} } @media only screen and (max-width: 768px) { /*newsview*/ /*leftmenu 768*/ [data-dark=true] .menu-container { position: fixed; box-shadow: 0 2px 10px rgba(0,0,0,0.1); background: var( --c-bg); border-bottom: 1px solid #b7b7b7; border-top: none ; border-left: none ; border-right: none ; top: 0; width: 100%!important; height: 72px!important; z-index: 10000; border-radius: 0; left: 0!important } [data-dark=true] .menu-container.fix { position: fixed; box-shadow: 0 2px 10px rgba(0,0,0,0.1); background: var( --c-bg); border-bottom: 1px solid #b7b7b7; border-top: none; border-left: none; border-right: none; top: 0; width: 100%!important; height: 72px!important; z-index: 10000; border-radius: 0; left: 0!important } [data-dark=true] .view_mainnews .view_mainnews_sec_in li { border-bottom: 1px solid var( --c-line)!important; } [data-dark=true] .view_mainnews .view_mainnews_sec_in li:first-child { border-bottom: 1px solid var( --c-line)!important } [data-dark=true] .view_mainnews .view_mainnews_sec_in li:last-child { border-bottom: none!important } /*[data-dark=true] .ic_next_btn {background: var( --c-box); border-radius: 4px; color: var( --c-gray-l); font-weight: 700; display: block} [data-dark=true] .ic_next_btn2 {background: var( --c-box); border-radius: 4px; color:var( --c-gray-l); font-weight: 700; display: block}*/ [data-dark=true] .ic_next_btn {background: url('../image/ic_arrow_o_icon_w.gif') no-repeat 0 0; width: 20px; height: 40px; -webkit-background-size: 20px 20px; background-size: 20px 20px; display: inline-block; letter-spacing: -1px; margin-top: 10px; position: relative} [data-dark=true] .ic_next_btn span { font-size: 1.1rem; color: #ff6b00; font-weight: 700; display: inline-block; position: absolute; right: 5px; bottom: 5px } [data-dark=true] .ic_next_btn2 {background: url('../image/ic_arrow_o_icon_w.gif') no-repeat 0 25px!important; width: 20px; height: 40px; -webkit-background-size: 20px 20px!important; background-size: 20px 20px!important; display: inline-block; letter-spacing: -1px; margin-top: 10px; position: relative; transform:rotate(-180deg) ; } [data-dark=true] .ic_next_btn2 span { font-size: 1.1rem; color: #ff6b00; font-weight: 700; display: inline-block; position: absolute; left: 0; top: 5px ; transform:rotate(180deg) } [data-dark=true] .menu-container .inbox { width: 100%!important ; margin: 0!important; padding-bottom:0!important; } [data-dark=true] .bt3 {border: none; margin: 0;width: 42px!important; height: 42px!important ; clear: both; display: inline-block; pointer-events: none; opacity: 0.6; cursor: not-allowed; background-image: url('../image/ic_mk2025_view1.png')!important; -webkit-background-size: 320px 320px; background-size: 320px 320px; background-position: -73px -152px!important; padding: 0!important; } [data-dark=true] .layer_limo_menu .layer_font { padding-bottom: 15px} [data-dark=true] .layer_limo_menu .layer_share { padding-bottom: 15px} [data-dark=true] .layer_limo_menu .layer_language { padding-bottom: 15px} } @media only screen and (max-width: 480px) { [data-dark=true] .triangle { top: 40px; } [data-dark=true] .ic.ic_close_xl {background-position: -184px -214px; width: 16px!important; height: 16px!important; background-image: url('../image/ic_mk2025.png'); -webkit-background-size: 250px 250px; background-size: 250px 250px;} [data-dark=true] .topmenu_sub.topfix .inner_fix .fixed.btn_4th .ic_aside4 {width: 17px; height: 20px; } [data-dark=true] .topmenu_sub.topfix .inner_fix .fixed.btn_4th .ic_aside4_login {width: 17px; height: 20px; } } @media only screen and (max-width: 360px) { [data-dark=true] .triangle { top: 39px; } } /*프리랜서 mobile */ @media only screen and (min-width: 320px) and (max-width: 768px) { [data-dark=true] .form-check .tit_on { color: var( --c-txt); } [data-dark=true] .form-check .tit_off { color: var( --c-gray);} [data-dark=true] .archive_issue_box { border:1px solid var( --c-line); background: var( --c-bg); color:var( --c-txt)!important } [data-dark=true] .issue_box_list .article_box .article_title {color:var( --c-txt)!important} [data-dark=true] .issue_box_list .article_box_nothumb .article_title{color:var( --c-txt)!important} [data-dark=true] .more_article a {color:var( --c-txt)} [data-dark=true] .more_article a:hover {color:var( --c-txt); opacity: 0.6} } /* tablet */ @media only screen and (min-width: 769px) and (max-width: 1024px) { [data-dark=true] .form-check .tit_on { color: var( --c-txt); } [data-dark=true] .form-check .tit_off { color: var( --c-gray);} [data-dark=true] .archive_issue_box { border:1px solid var( --c-line); background: var( --c-bg); color:var( --c-txt)!important } [data-dark=true] .issue_box_list .article_box .article_title {color:var( --c-txt)!important} [data-dark=true] .issue_box_list .article_box_nothumb .article_title{color:var( --c-txt)!important} [data-dark=true] .more_article a {color:var( --c-txt)} [data-dark=true] .more_article a:hover {color:var( --c-txt); opacity: 0.6} } @media only screen and (min-width: 1025px) { /* 포토 에니메이션 */ [data-dark="true"] .issue_card_img:hover img { transform: scale(1.05);} /* 보더 */ [data-dark=true] .archive_mk_issue_bottom { border-top: 3px solid var(--c-gray-2);} [data-dark=true] .archive_issue_box {border: 1px solid var(--c-line);} /**1025 add css**/ [data-dark=true] .nav_item a:link { color: var(--c-gray-l);} [data-dark=true] .footer_group { border-top: 1px solid var(--c-line); border-bottom: 2px solid var(--c-line-2)} [data-dark=true] .mk_corp_area { background: #000;} [data-dark=true] .more_article a:hover { color: #fff; /* 밝은 회색 */ } [data-dark=true] .issue_card_body .title a { color:#f0f0f0;} [data-dark=true] .issue_card_body .headline .text { color: #f0f0f0;} /* 그리드 카드 배경 */ [data-dark=true] .issue_cover { background-color: #1a1a1a; } /* 타이틀 회색 */ [data-dark=true] .archive_mk_issue_toparea .tit { color: #e0e0e0; } /* 푸터 */ [data-dark=true] .footer_group { border-top: 1px solid var(--c-line); border-bottom: 2px solid var(--c-line-2)} [data-dark=true] .sitemap_nav .nav_col_group .nav_ttl { color: var(--c-txt);} [data-dark=true] .form-check .tit_on { color: #f0f0f0; } [data-dark=true] .form-check .tit_off { color: #999; } /* 구분선 */ [data-dark=true] .archive_mk_issue_bottom, [data-dark=true] .more_article { border-color: #444; } /* 버튼 */ [data-dark=true] .subs_btn a { color: #ff6b00; border-color: #ff6b00; background-color: transparent; } [data-dark=true] .subs_btn a:hover { background-color: #ff6b00; color: #fff; } [data-dark=true] .art_more { border-color: #555; color: #ccc; } /* 전체 영역 배경 & 텍스트 회색 */ [data-dark=true] .archive_mk_issue, [data-dark=true] .archive_mk_issue_bottom, [data-dark=true] .archive_issue_box, [data-dark=true] .issue_grid_3 .archive_issue_box { background-color: #1d1d1d; color: #e0e0e0; border-color: #333; } /* 카드 제목, 본문 글씨 */ [data-dark=true] .issue_card_body .title a, [data-dark=true] .issue_card_body .headline .text, [data-dark=true] .issue_box_list .article_box .article_title, [data-dark=true] .issue_box_list .article_box_nothumb .article_title, [data-dark=true] .meta_box_issue .num, [data-dark=true] .more_article a { color: #d3d3d3; /* 밝은 회색 */ } [data-dark=true] [type="radio"] { -webkit-appearance: none; /* 사파리/크롬 기본 스타일 제거 */ -moz-appearance: none; /* 파이어폭스 기본 스타일 제거 */ appearance: none; /* 표준 */ width: 20px; height: 20px; border: 1px solid #222; border-radius: 50%; /* 원 모양 */ background-color: #222; cursor: pointer;} [data-dark=true] [type="radio"]:checked { border: 3px solid #ff800c; background-color: #333;} [data-dark=true] .form-check .tit_on { color: var( --c-txt); } [data-dark=true] .form-check .tit_off { color: var( --c-gray);} [data-dark=true] .archive_issue_box { border:1px solid var( --c-line); border:1px solid var( --c-bg); color:var( --c-txt)} } @media (max-width: 768px) { [data-dark=true] .issue_card_body .title a { color: #ff6b00; } } /* 랭킹페이지 다크모드 */ [data-dark=true] .tab_ui {position: relative; background: #000;} [data-dark=true] .nav.tab_nav .nav_link.is_active {border-top: 2px solid #cacaca; background: #212121; font-weight: bold;} [data-dark=true] .guide_txt { color:#c1c1c1} [data-dark=true] .a_pnews_body .headline .text { color:#d3d3d3} [data-dark=true] .txt_area .news_num_else {color: var( --c-gray-2);} [data-dark=true] .popular_news_node { border-top: 1px solid #000;} [data-dark="true"] #popularNewsDate { background: #1d1d1d;} [data-dark=true] .ak_ic { background-size: 352px; background-position: 149px -5px;rotate: 180deg; } [data-dark=true] .ak_ic {background-image: url( ../image/ic_mk_dark.png);} /* 포토페이지 다크모드 */ [data-dark="true"] .archive_mk_photo { background-color: #121212; } [data-dark="true"] .archive_mk_photo_toparea .tit { color: #ffffff; } [data-dark="true"] .ak_photo_body .headline .text { color: #e5e5e5; } [data-dark="true"] .ak_photo_body .headline .text:hover { opacity: 0.8; } [data-dark="true"] .ak_photo_body .headline .time { color: #aaaaaa; } [data-dark="true"] .ak_photo_img img { border: none; } [data-dark="true"] .ak_photo_img { border: 1px solid #333333; } [data-dark="true"] .ak_photo_img:hover::after { background: rgba(255,255,255,0.1); } /* 모바일 1단 */ @media (max-width: 767px) { [data-dark="true"] .ak_photo_body .headline .time { color: #bbbbbb; } } @media only screen and (max-width:1080px) { [data-dark=true] .menu-container { left:3%; } [data-dark=true] .menu-container.fix { left:3%; } } @media only screen and (max-width:800px) { [data-dark=true] .menu-container { left:1%; } [data-dark=true] .menu-container.fix { left:1%; } } /*큰모니터에서위치조정*/ @media only all and (min-width: 1820px){ /*leftmenu*/ [data-dark=true] .menu-container {position: fixed; left:11%; } [data-dark=true] .menu-container.fix {position: absolute; left:11%; top: 688px} } /************************************높이관련 ************************************/ @media only screen and (max-height: 780px) and (max-width:1420px){ /*leftmenu 768*/ [data-dark=true] .menu-container { position: fixed; box-shadow: 0 2px 10px rgba(0,0,0,0.1); background: var( --c-bg); border-bottom: 1px solid #b7b7b7; border-top: none ; border-left: none ; border-right: none ; top: 0; width: 100%!important; height: 72px!important; z-index: 10000; border-radius: 0; left: 0!important } [data-dark=true] .menu-container.fix { position: fixed; box-shadow: 0 2px 10px rgba(0,0,0,0.1); background: var( --c-bg); border-bottom: 1px solid #b7b7b7; border-top: none; border-left: none; border-right: none; top: 0; width: 100%!important; height: 72px!important; z-index: 10000; border-radius: 0; left: 0!important } [data-dark=true] .view_mainnews .view_mainnews_sec_in li { border-bottom: 1px solid var( --c-line)!important; } [data-dark=true] .view_mainnews .view_mainnews_sec_in li:first-child { border-bottom: 1px solid var( --c-line)!important } [data-dark=true] .view_mainnews .view_mainnews_sec_in li:last-child { border-bottom: none!important } [data-dark=true] .ic_next_btn {background: url('../image/ic_arrow_o_icon_w.gif') no-repeat 0 0; width: 20px; height: 40px; -webkit-background-size: 20px 20px; background-size: 20px 20px; display: inline-block; letter-spacing: -1px; margin-top: 10px; position: relative} [data-dark=true] .ic_next_btn span { font-size: 1.1rem; color: #ff6b00; font-weight: 700; display: inline-block; position: absolute; right: 5px; bottom: 5px } [data-dark=true] .ic_next_btn2 {background: url('../image/ic_arrow_o_icon_w.gif') no-repeat 0 25px!important; width: 20px; height: 40px; -webkit-background-size: 20px 20px!important; background-size: 20px 20px!important; display: inline-block; letter-spacing: -1px; margin-top: 10px; position: relative; transform:rotate(-180deg) ; } [data-dark=true] .ic_next_btn2 span { font-size: 1.1rem; color: #ff6b00; font-weight: 700; display: inline-block; position: absolute; left: 0; top: 5px ; transform:rotate(180deg) } [data-dark=true] .menu-container .inbox { width: 100%!important ; margin: 0!important; padding-bottom:0!important; } [data-dark=true] .bt3 {border: none; margin: 0;width: 42px!important; height: 42px!important ; clear: both; display: inline-block; pointer-events: none; opacity: 0.6; cursor: not-allowed; background-image: url('../image/ic_mk2025_view1.png')!important; -webkit-background-size: 320px 320px; background-size: 320px 320px; background-position: -73px -152px!important; padding: 0!important; } [data-dark=true] .layer_limo_menu .layer_font { padding-bottom: 15px} [data-dark=true] .layer_limo_menu .layer_share { padding-bottom: 15px} [data-dark=true] .layer_limo_menu .layer_language { padding-bottom: 15px} } @media (prefers-color-scheme: dark) { .mk-ad-label { background-color: transparent; color: #A0A0A0; border: none; } .native-ad-list-item { background-color: transparent; border: none; color: inherit; } } /* 기사뷰 상단 높이조절 20260202*/ @media only screen and (max-width:752px) { [data-dark=true] .menu-wrapper .menu-text.t1, .menu-wrapper .menu-text.t2 , .menu-wrapper .menu-text.t3, .menu-wrapper .menu-text.t4,.menu-wrapper .menu-text.t5 { display: none} [data-dark=true] .menu-container { height: 49px!important; box-shadow: none; border: none; } [data-dark=true] .menu-container.fix { height: 49px!important; box-shadow: none; border: none; } [data-dark=true] .bt1, .bt2, .bt3, .bt4, .bt5 {border: none; margin: 0 ; width: 42px!important; height: 42px!important ; clear: both; display: inline-block} [data-dark=true] .bt6, .bt7, .bt8, .bt9, .bt10 {border: none; margin: 0;width: 35px!important; height: 35px!important ; clear: both; display: inline-block;} [data-dark=true] .bt6.off, .bt7.off, .bt8.off, .bt9.off, .bt10.off {border: none; margin: 0;width: 35px!important; height: 35px!important ; clear: both; display: inline-block; pointer-events: none; opacity: 0.6; cursor: not-allowed; } /*아이콘들 줄이기*/ [data-dark=true] .bt1 {background-position: 0 -136px; } [data-dark=true] .bt2 {background-position: -35px -138px!important; -webkit-background-size: 325px 325px; background-size: 325px 325px; } [data-dark=true] .bt4 {background-position:-112px -138px!important; -webkit-background-size: 320px 320px; background-size: 320px 320px; } [data-dark=true] .bt4.on {background-position:-113px -175px!important; -webkit-background-size: 320px 320px; background-size: 320px 320px; } [data-dark=true] .bt5 {background-position: -148px -136px!important; position: relative; } [data-dark=true] .bt6 {background-position: -175px -132px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px; } [data-dark=true] .bt7 {background-position: -193px -124px!important; -webkit-background-size: 280px 280px; background-size: 280px 280px;} [data-dark=true] .bt8 {background-position: -242px -132px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px;} [data-dark=true] .bt9 {background-position: -1px -170px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px; } [data-dark=true] .bt10 {background-position: -36px -170px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px;} [data-dark=true] .height_login {height: 49px!important; top: 0!important; left: 0!important; width: 100%; } [data-dark=true] .height_logout {height: 49px!important; top: 0!important; left: 0!important; width: 100%; } [data-dark=true] .progress-container { height:0; left: 0; bottom:0; position: absolute; width: 100%; z-index: 99; background: none!important} [data-dark=true] .progress-container-out { height: 0; left: 0; bottom:0; position: absolute; width: 100%; z-index: 99; background: none!important}/*bottom값으로 progressbar 높이조절*/ [data-dark=true] .progress-container-out .progress-bar-out { background-color: #ff6b00; height: 4px; position: absolute; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .4s ease-out; transition: .4s ease-out;} [data-dark=true] .ic_next_btn { margin-top: 0!important; } [data-dark=true] .ic_next_btn2 { margin-top: 2px!important; } [data-dark=true] .layer_limo_menu .layer_share {top:51px!important; } /*숫자조정*/ [data-dark=true] .layer_limo_menu .layer_font {top:51px!important; }/*숫자조정*/ [data-dark=true] .layer_limo_menu .layer_language {top:51px!important; }/*숫자조정*/ [data-dark=true] .menu-container .inbox { margin-top: 5px!important} [data-dark=true] .bt6.off, .bt7.off, .bt8.off, .bt9.off, .bt10.off {border: none; margin: 0;width: 35px!important; height: 35px!important ; clear: both; display: inline-block; pointer-events: none; opacity: 0.6; cursor: not-allowed; } /*아이콘들 off일때 줄이기*/ [data-dark=true] .bt6.off {background-position: -174px -148px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px; } [data-dark=true] .bt7.off {background-position: -193px -138px!important; -webkit-background-size: 280px 280px; background-size: 280px 280px; } [data-dark=true] .bt8.off {background-position:-242px -148px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px; } [data-dark=true] .bt9.off {background-position: -1px -186px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px; } [data-dark=true] .bt10.off {background-position: -41px -185px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px;} } @media only screen and (max-height: 780px) and (max-width:1420px){ [data-dark=true] .menu-wrapper .menu-text.t1, .menu-wrapper .menu-text.t2 , .menu-wrapper .menu-text.t3, .menu-wrapper .menu-text.t4,.menu-wrapper .menu-text.t5 { display: none} [data-dark=true] .menu-container { height: 49px!important; box-shadow: none; border: none; } [data-dark=true] .menu-container.fix { height: 49px!important; box-shadow: none; border: none; } [data-dark=true] .bt1, .bt2, .bt3, .bt4, .bt5 {border: none; margin: 0 ; width: 42px!important; height: 42px!important ; clear: both; display: inline-block} [data-dark=true] .bt6, .bt7, .bt8, .bt9, .bt10 {border: none; margin: 0;width: 35px!important; height: 35px!important ; clear: both; display: inline-block;} [data-dark=true] .bt6.off, .bt7.off, .bt8.off, .bt9.off, .bt10.off {border: none; margin: 0;width: 35px!important; height: 35px!important ; clear: both; display: inline-block; pointer-events: none; opacity: 0.6; cursor: not-allowed; } /*아이콘들 줄이기*/ [data-dark=true] .bt1 {background-position: 0 -136px; } [data-dark=true] .bt2 {background-position: -35px -138px!important; -webkit-background-size: 325px 325px; background-size: 325px 325px; } [data-dark=true] .bt4 {background-position:-112px -138px!important; -webkit-background-size: 320px 320px; background-size: 320px 320px; } [data-dark=true] .bt4.on {background-position:-113px -175px!important; -webkit-background-size: 320px 320px; background-size: 320px 320px; } [data-dark=true] .bt5 {background-position: -148px -136px!important; position: relative; } [data-dark=true] .bt6 {background-position: -175px -132px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px; } [data-dark=true] .bt7 {background-position: -193px -124px!important; -webkit-background-size: 280px 280px; background-size: 280px 280px;} [data-dark=true] .bt8 {background-position: -242px -132px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px;} [data-dark=true] .bt9 {background-position: -1px -170px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px; } [data-dark=true] .bt10 {background-position: -36px -170px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px;} [data-dark=true] .height_login {height: 49px!important; top: 0!important; left: 0!important; width: 100%; } [data-dark=true] .height_logout {height: 49px!important; top: 0!important; left: 0!important; width: 100%; } [data-dark=true] .progress-container { height:0; left: 0; bottom:0; position: absolute; width: 100%; z-index: 99; background: none!important} [data-dark=true] .progress-container-out { height: 0; left: 0; bottom:0; position: absolute; width: 100%; z-index: 99; background: none!important}/*bottom값으로 progressbar 높이조절*/ [data-dark=true] .progress-container-out .progress-bar-out { background-color: #ff6b00; height: 4px; position: absolute; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .4s ease-out; transition: .4s ease-out;} [data-dark=true] .ic_next_btn { margin-top: 0!important; } [data-dark=true] .ic_next_btn2 { margin-top: 2px!important; } [data-dark=true] .layer_limo_menu .layer_share {top:51px!important; } /*숫자조정*/ [data-dark=true] .layer_limo_menu .layer_font {top:51px!important; }/*숫자조정*/ [data-dark=true] .layer_limo_menu .layer_language {top:51px!important; }/*숫자조정*/ [data-dark=true] .menu-container .inbox { margin-top: 5px!important} [data-dark=true] .bt6.off, .bt7.off, .bt8.off, .bt9.off, .bt10.off {border: none; margin: 0;width: 35px!important; height: 35px!important ; clear: both; display: inline-block; pointer-events: none; opacity: 0.6; cursor: not-allowed; } /*아이콘들 off일때 줄이기*/ [data-dark=true] .bt6.off {background-position: -174px -148px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px; } [data-dark=true] .bt7.off {background-position: -193px -138px!important; -webkit-background-size: 280px 280px; background-size: 280px 280px; } [data-dark=true] .bt8.off {background-position:-242px -148px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px; } [data-dark=true] .bt9.off {background-position: -1px -186px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px; } [data-dark=true] .bt10.off {background-position: -41px -185px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px;} } @media only screen and (max-width:768px) { [data-dark=true] .menu-wrapper .menu-text.t1, .menu-wrapper .menu-text.t2 , .menu-wrapper .menu-text.t3, .menu-wrapper .menu-text.t4,.menu-wrapper .menu-text.t5 { display: none} [data-dark=true] .menu-container { height: 49px!important; box-shadow: none; border: none; } [data-dark=true] .menu-container.fix { height: 49px!important; box-shadow: none; border: none; } [data-dark=true] .bt1, .bt2, .bt3, .bt4, .bt5 {border: none; margin: 0 ; width: 42px!important; height: 42px!important ; clear: both; display: inline-block} [data-dark=true] .bt6, .bt7, .bt8, .bt9, .bt10 {border: none; margin: 0;width: 35px!important; height: 35px!important ; clear: both; display: inline-block;} [data-dark=true] .bt6.off, .bt7.off, .bt8.off, .bt9.off, .bt10.off {border: none; margin: 0;width: 35px!important; height: 35px!important ; clear: both; display: inline-block; pointer-events: none; opacity: 0.6; cursor: not-allowed; } /*아이콘들 줄이기*/ [data-dark=true] .bt1 {background-position: 0 -136px; } [data-dark=true] .bt2 {background-position: -35px -138px!important; -webkit-background-size: 325px 325px; background-size: 325px 325px; } [data-dark=true] .bt4 {background-position:-112px -138px!important; -webkit-background-size: 320px 320px; background-size: 320px 320px; } [data-dark=true] .bt4.on {background-position:-113px -175px!important; -webkit-background-size: 320px 320px; background-size: 320px 320px; } [data-dark=true] .bt5 {background-position: -148px -136px!important; position: relative; } [data-dark=true] .bt6 {background-position: -175px -132px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px; } [data-dark=true] .bt7 {background-position: -193px -124px!important; -webkit-background-size: 280px 280px; background-size: 280px 280px;} [data-dark=true] .bt8 {background-position: -242px -132px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px;} [data-dark=true] .bt9 {background-position: -1px -170px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px; } [data-dark=true] .bt10 {background-position: -36px -170px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px;} [data-dark=true] .height_login {height: 49px!important; top: 0!important; left: 0!important; width: 100%; } [data-dark=true] .height_logout {height: 49px!important; top: 0!important; left: 0!important; width: 100%; } [data-dark=true] .progress-container { height:0; left: 0; bottom:0; position: absolute; width: 100%; z-index: 99; background: none!important} [data-dark=true] .progress-container-out { height: 0; left: 0; bottom:0; position: absolute; width: 100%; z-index: 99; background: none!important}/*bottom값으로 progressbar 높이조절*/ [data-dark=true] .progress-container-out .progress-bar-out { background-color: #ff6b00; height: 4px; position: absolute; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .4s ease-out; transition: .4s ease-out;} [data-dark=true] .ic_next_btn { margin-top: 0!important; } [data-dark=true] .ic_next_btn2 { margin-top: 2px!important; } [data-dark=true] .layer_limo_menu .layer_share {top:51px!important; } /*숫자조정*/ [data-dark=true] .layer_limo_menu .layer_font {top:51px!important; }/*숫자조정*/ [data-dark=true] .layer_limo_menu .layer_language {top:51px!important; }/*숫자조정*/ [data-dark=true] .menu-container .inbox { margin-top: 5px!important} [data-dark=true] .bt6.off, .bt7.off, .bt8.off, .bt9.off, .bt10.off {border: none; margin: 0;width: 35px!important; height: 35px!important ; clear: both; display: inline-block; pointer-events: none; opacity: 0.6; cursor: not-allowed; } /*아이콘들 off일때 줄이기*/ [data-dark=true] .bt6.off {background-position: -174px -148px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px; } [data-dark=true] .bt7.off {background-position: -193px -138px!important; -webkit-background-size: 280px 280px; background-size: 280px 280px; } [data-dark=true] .bt8.off {background-position:-242px -148px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px; } [data-dark=true] .bt9.off {background-position: -1px -186px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px; } [data-dark=true] .bt10.off {background-position: -41px -185px!important; -webkit-background-size: 300px 300px; background-size: 300px 300px;} } /* -end - 기사뷰 상단 높이조절 20260202*/ /*이벤트 로고삽입 다크모드*/ [data-dark=true] .logo_event_img { width: 295px; height: 87px; background: url('../image/l_event_logo_pc_d.png') no-repeat 0 0;} @media only screen and (max-width: 1080px) { [data-dark=true] .logo_event_img { width: 270px; height: 80px; background: url('../image/l_event_logo_pc_d.png') no-repeat 0 0; background-size: 270px 80px} } @media only screen and (max-width: 752px) { [data-dark=true] .logo_event_img { width: 200px; height: 59px; background: url('../image/l_event_mb_d.png') no-repeat 0 0; background-size: 200px 59px; } }