@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%}
.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 20px;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:46px;border-bottom:1.5px solid #f0f0f0}
.m_gnb .wrapper{padding:0 17px;background-color:#fff;font-size:0;line-height:46px}
.m_gnb .wrapper.fixed{position:fixed;top:0;left:0;z-index:90;height:47.5px;border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0}
.m_gnb h1,
.m_gnb button{display:inline-block;vertical-align:middle}
.m_gnb button.btn_gnb{width:24px;height:24px;margin-right:9px;background:url('//image.imnews.imbc.com/page/include/images/m/btn_gnb.png') no-repeat 50% 50%;background-size:100%}
.m_gnb h1.logo a{display:block;width:89px;height:24px}
.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:0;bottom:0;left:-100%;z-index:150;width:100%;height:100%;background:#1b1d52 url('//image.imnews.imbc.com/page/include/images/m/bg_menu.jpg');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 14px;background-color:#1b1d52}
.m_menu .login_w{margin-bottom:19px;font-size:0}
.m_menu .login_w a{display:inline-block;color:#fff;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/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:11px 0;background-color:#fff}
.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%;background:url('//image.imnews.imbc.com/page/include/images/m/line_vertical3.png') no-repeat 0 50%;background-size:1px;text-align:center}
.m_menu .direct_w ul li:first-child{background:none}
.m_menu .direct_w ul li a{display:table;width:60px;height:60px;margin:auto;color:#1e1e1e}
.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 .menu_main{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:auto;padding-top:181px;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{padding:0 0 9px 10px;margin-bottom:20px;font-size:1.167rem;color:#4664e6;font-weight:600;border-bottom:1px solid #4664e6}
.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.167rem;letter-spacing: -0.03rem;}
.m_navi{height:42px;overflow:hidden;border-bottom:6px solid #f0f0f0}
.m_navi .wrapper{width:100%;height:48px;background-color:#fff;box-sizing:border-box}
.m_navi .wrapper.fixed{position:fixed;top:0;left:0;z-index:90;height:43px;border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;box-sizing:border-box}
.m_navi ul.navi_w{position:relative;z-index:0;font-size:0;line-height:42px}
.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:42px;line-height:44px;padding:0 4px 0 3px;font-size:16px}
.m_navi ul.navi_w .active a{font-weight:700;border-bottom:3px solid #3232c8;box-sizing:border-box}
.m_header .m_search{display:none;position:absolute;top:0;left:0;width:100%;padding:3px 20px;background-color:#fff;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;border:1px solid #4f6be6;box-sizing:border-box}
.m_search button.submit_search{position:absolute;top:50%;right:20px;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}
.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){}