@charset "UTF-8";/* @import url(http://font.imbc.com/noto/noto.css); */
/*반응형 시 변동되는 경우 rem 단위 사용(px -> rem으로 계산, body font-size(12px) 기준)*/
/* ========================= common ========================= */
.mobile body,
.mobile{-webkit-overflow-scrolling:touch;width:100%;font-size:12px;font-family:"Noto Sans CJK KR","Helvetica Neue","Apple SD Gothic Neo",sans-serif;font-weight:400;line-height:1;-webkit-text-size-adjust:none}
.mobile{scroll-behavior:smooth}
.mobile body{letter-spacing:-1px;color:#1e1e1e}
.mobile h1,
.mobile h2,
.mobile h3,
.mobile h4,
.mobile h5,
.mobile h6,
.mobile strong,
.mobile b{font-family:"Noto Sans CJK KR","Helvetica Neue","Apple SD Gothic Neo",sans-serif;font-weight:700}
.m_container.hidden{overflow:hidden}
.mobile a{color:#1e1e1e}
.mobile a:hover{text-decoration:none}
.mobile img{width:100%!important;}
.mobile button{cursor:pointer}
.mobile button,
.mobile input,
.mobile select,
.mobile table,
.mobile textarea{font-size:12px;font-family:"Noto Sans CJK KR","Helvetica Neue","Apple SD Gothic Neo",sans-serif;font-weight:400;line-height:1;border:none;background:none;-webkit-appearance:none;-webkit-border-radius:0}
.mobile .section{ /*border-bottom:8px solid #f1f1f1;*/ }
.mobile .wrapper{position:relative;width:100%;padding:0 18px;overflow:hidden;box-sizing:border-box; }
.txt_hide,
i.icon{display:inline-block;text-indent:-9999px;width:0;height:0}
.mobile .s_ad{background-color:#f1f1f1}
.mobile h3.section_title{overflow:hidden;padding:24px 20px 12px;margin-bottom:8px;font-size:1.5rem;border-bottom:1px solid #e5e5e5}
.mobile h3.section_title strong{display:inline-block;word-break:keep-all}
.mobile h3.section_title strong,
h3.section_title a{line-height:1.833rem}
.mobile h3.section_title a{float:right;display:block;width:30px;height:22px;background:url('//image.imnews.imbc.com/page/include/images/m/arrow_go_bk.png') no-repeat 100% 50%;background-size:9.5px;font-size:18px;font-weight:700;text-indent:-9999px}
.mobile button.btn_view{width:100%;height:40px;text-align:center;font-size:1.167rem;border:1px solid #e6e6e6;box-sizing:border-box}
.mobile button.btn_view i.icon{width:10.5px;height:6px;margin:-1px 0 0 8px;background:url('//image.imnews.imbc.com/page/include/images/m/arrow_more_bk.png') no-repeat 50% 50%;background-size:100%;vertical-align:middle}
.mobile button.btn_collapse{display:none}
.mobile button.btn_collapse i.icon{background-image:url('//image.imnews.imbc.com/page/include/images/m/arrow_more_bk_collapse.png')}
.mobile .list_slider{overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;-ms-overflow-style:none}
.mobile .list_slider::-webkit-scrollbar{display:none}
.mobile .list_slider .slide_line{position:relative;margin-top:9px;padding-top:2px}
.mobile .list_slider .slide_line .line_bg{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:2px;background-color:#8e9ac3}
.mobile .list_slider .slide_line .line_gauge{position:absolute;width:100%;height:2px;background-color:#4664e6}

/* 반응형 */
.pc .m_header{display:none}
.pc .m_navi{display:none}
.pc .m_footer{display:none}

/* ========================= gnb ========================= */
.m_header .m_gnb{position:relative;height:55px;}
.m_gnb .wrapper{ height:55px; padding:0 17px;background-color:#000041;font-size:0;line-height:55px}
.m_gnb .wrapper.fixed{position:fixed;top:0;left:0;z-index:90;height:55px;}
.m_gnb.active{position:fixed;top:0;left:0;z-index:150;width:100%;height:55px;left:0}
.m_gnb h1,
.m_gnb button{display:block;vertical-align:middle}
.m_gnb h1.logo { display:block; position:absolute; top:0; left:0; width:100%; height:55px; }
.m_gnb button.btn_gnb{ position:absolute; top:15.5px; left:17px; width:24px;height:24px;margin-right:9px;background:url('//image.imnews.imbc.com/page/include/images/m/renew_test/btn_gnb.png') no-repeat 50% 50%; background-size:100%; z-index:10; }
.m_gnb button.btn_close { position:absolute; top:15.5px; left:17px; display:none; width:21px; height:23px; margin-right:12px; background:url('//image.imnews.imbc.com/page/include/images/m/renew_test/btn_gnb_close.png') no-repeat 50% 50%; background-size:80%; z-index:10; }
.m_gnb a.btn_report { display:inline-block; position:absolute; top:17.5px; right:17px; width:38.9px; height:20px; z-index:10; }
.m_gnb a.btn_report > img { width:100%; }
.m_gnb h1.logo a{display:block; position:absolute; top:50%; left:50%; margin-top:-9.375px; margin-left:-72px; width:144px;height:18.75px;}
.m_gnb h1.logo a img{height:100%}
.m_gnb button.btn_search{position:absolute;top:50%;right:20px;width:24px;height:24px;margin-top:-12px;background:url('//image.imnews.imbc.com/page/include/images/m/btn_search.png') no-repeat 50% 50%;background-size:100%}
.m_header .m_menu{display:block;position:fixed;top:55px;bottom:0;left:-100%;z-index:150;width:100%;height:100%;font-size:12px}
.m_menu.active{left:0}
.m_menu button.btn_close{position:absolute;top:17px;right:15px;z-index:20;width:24px;height:24px;background:url('//image.imnews.imbc.com/page/include/images/m/btn_gnbclose.png') no-repeat 50% 50%;background-size:100%}
.m_menu .menu_top{position:relative;z-index:10;padding:17px 20px;background-color:#e3e3e3}
.m_menu .login_w{margin-bottom:19px;font-size:0}
.m_menu .login_w a{display:inline-block;color:#1e1e1e;vertical-align:middle}
.m_menu .login_w a.login{margin-right:17px;height:26px}
.m_menu .login_w a.login i,
.m_menu .login_w a.login strong{vertical-align:top}
.m_menu .login_w a.login i.icon{width:17px;height:26px;margin-right:7px;background:url('//image.imnews.imbc.com/page/include/images/m/renew_test/icon_login.png') no-repeat 50% 50%;background-size:100%}
.m_menu .login_w a.login strong.tit{display:inline-block;font-size:16px;line-height:26px}
.m_menu .login_w a.join{width:66px;height:24px;line-height:26px;font-size:14px;color:#8cc8ff;text-align:center;border:1px solid #5473a9}
.m_menu .direct_w{padding:28px 0 11px 0;background-color:#e3e3e3}
.m_menu .direct_w ul{overflow:hidden;text-align:center;font-size:0}
.m_menu .direct_w ul li{display:inline-block;width:33.33%; text-align:center}
.m_menu .direct_w ul li:first-child{background:none}
.m_menu .direct_w ul li a{display:inline-block;;width:80px;height:37px;margin:auto;color:#1e1e1e; line-height:37px; }
.m_menu .direct_w ul li a img { vertical-align:middle!important; }
.m_menu .direct_w ul li a span{display:table-cell;vertical-align:middle}
.m_menu .direct_w ul li i.icon{position:relative;display:block;margin:0 auto 10px;width:20px;height:20px;background:url('//image.imnews.imbc.com/page/include/images/m/icon_gnbtop.png') no-repeat 0 50%;background-size:60px}
.m_menu .direct_w ul li.d_report i.icon{background-position:50% 50%}
.m_menu .direct_w ul li.d_bookmark i.icon{background-position:100% 50%}
.m_menu .direct_w ul li.d_bookmark.new i.icon:after{content:'';position:absolute;top:-7px;right:-8px;width:18px;height:18px;background:url('//image.imnews.imbc.com/page/include/images/m/new_m.png') no-repeat;background-size:18px}
.m_menu .direct_w ul li strong{font-weight:normal;font-size:1rem;letter-spacing:-0.03rem}
.m_menu .direct_w ul li.d_onair .live { display:inline-block; font-size:18px; letter-spacing:1px; width:80px; height:28px; line-height:25.5px; color:#aaaaaa; border-radius:3px; background:#3d3d3d; box-sizing:border-box; }
.m_menu .direct_w ul li.d_onair .live.on { 
	color:#fff; background:#e3174f; 
    animation: liveblink 2.0s linear infinite;
    -webkit-animation: liveblink 2.0s linear infinite;
    -moz-animation: liveblink 2.0s linear infinite;
    -ms-animation: liveblink 2.0s linear infinite;
    -o-animation: liveblink 2.0s linear infinite;
}

@keyframes liveblink {
    0% { color:#aaaaaa; background:#3d3d3d; }
    50% { color:#fff; background:#e3174f; }
    100% { color:#aaaaaa; background:#3d3d3d; }
}

.m_menu .menu_main{position:absolute;top:1px;bottom:0;left:0;right:0;margin:auto;height:auto;padding-top:227px;background-color:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch}
.m_menu .menu_main ul.menu_list{padding-bottom:120px}
.m_menu .menu_main ul li h2{display:inline-block; padding:8px;margin-bottom:20px;font-size:1.4rem;color:#fff;font-weight:normal; background:#000041; border-radius:5px; }
.m_menu .menu_main ul li.list_w{margin-top:20px}
.m_menu .menu_main ul li.list_w:first-child{margin-top:0}
.m_menu .menu_main ul.m_lnb{padding-left:10px;overflow:hidden}
.m_menu .menu_main ul.m_lnb li{float:left;width:50%;margin-bottom:20px}
.m_menu .menu_main ul.m_lnb li a{ font-size:1.2rem;letter-spacing: -0.1rem; font-weight:bold; }
.m_navi{height:30px;overflow:hidden;}
.m_navi .wrapper{width:100%;height:30px;background-color:#e3e3e3;box-sizing:border-box}
.m_navi .wrapper.fixed{position:fixed;top:0;left:0;z-index:90;height:30px;box-sizing:border-box}
.m_navi ul.navi_w{position:relative;z-index:0;font-size:0;}
.m_navi ul.navi_w li{display:inline-block;margin-right:15px}
.m_navi ul.navi_w li:last-child{margin-right:0}
.m_navi ul.navi_w a{display:block;height:30px;line-height:30px;padding:0 4px 0 3px;font-size:16px}
.m_navi ul.navi_w .active a{font-weight:700;border-bottom:3px solid #E3174F;box-sizing:border-box}
.m_header .m_search{display:none;position:relative;top:0;left:0;width:100%;box-sizing:border-box}
.m_search.active{display:block;z-index:100}
.m_search input.m_search_box{width:100%;height:40px;padding:0 42px 0 12px;font-size:14px;line-height:40px;color:#888;background:#fff;box-sizing:border-box; border-radius:5px; }
.m_search button.submit_search{position:absolute;top:50%;right:0;width:42px;height:40px;margin-top:-20px;background:url('//image.imnews.imbc.com/page/include/images/m/btn_search.png') no-repeat 50% 50%;background-size:24px; background-color:#a4ceff; border-radius:5px; }
.m_header .m_aside{visibility:hidden;position:fixed;bottom:20px;right:20px;z-index:90;border-bottom:none;opacity:0;transition:all 0.5s}
.m_header .m_aside.on{visibility:visible;opacity:1}
.m_header .m_aside button,
.m_header .m_aside a{display:block;width:40px;height:40px;text-indent:-9999px;background:url('//image.imnews.imbc.com/page/include/images/m/btn_status.png') no-repeat 0 50%;background-size:80px}
.m_header .m_aside button{background-position:100% 50%;margin-top:6px}

/* ========================= footer ========================= */
.m_footer .f_bottom{padding:24px 20px;text-align:center;font-size:1.167rem;color:#5b5f72}
.f_sns{margin-bottom:20px}
.f_sns ul{font-size:0}
.f_sns ul li{display:inline-block;width:27px;height:27px;margin:0 6px 6px}
.f_sns ul li a{display:block;width:100%;height:100%;background:url('//image.imnews.imbc.com/page/include/images/m/icon_footersns.png') no-repeat 0 50%;background-size:162px;text-indent:-9999px}
.f_sns ul li.icon_facebook a{background-position:-27px 50%}
.f_sns ul li.icon_tweeter a{background-position:-54px 50%}
.f_sns ul li.icon_instagram a{background-position:-81px 50%}
.f_sns ul li.icon_band a{background-position:-109px 50%}
.f_sns ul li.icon_post a{background-position:100% 50%}
.f_sns ul li.icon_kakaoch a { background:url(//image.imnews.imbc.com/page/include/images/sns_kakaoch.png) no-repeat; background-size:100%; }
.m_f_navi{margin-bottom:25px}
.m_f_navi ul{margin-bottom:4px;font-size:0}
.m_f_navi ul li{display:inline-block;padding-left:12px;margin:0 0 5.5px 12px;background:url('//image.imnews.imbc.com/page/include/images/m/line_vertical2.png') no-repeat 0 50%;background-size:1px}
.m_f_navi ul li:first-child{margin:0;padding:0;background:none}
.m_f_navi ul li a{font-size:1.167rem;color:#5b5f72}

/* ========================= browser ========================= */
/* safari */
body.s{line-height:1.1}
/* ========================= @medi ========================= */
@media screen and (max-width: 320px){}
@media screen and (max-width: 360px){}
@media screen and (max-width: 375px){}
@media screen and (max-width: 414px){}
@media screen and (max-width: 480px){}
@media screen and (max-width: 768px){}
@media screen and (max-width: 1024px){}
@media screen and (max-width: 1200px){}