.container{position:relative}
.wrapper{position:relative;width:1100px;margin:0 auto}
/* header */
.header{position:fixed;top:0;left:0;width:100%;height:52px;background-color:#fff;z-index:100}
.header_wrap{padding:0;height:51px;border:none}
.gnb_header{position:relative;padding:2px}
.gnb_logo{float:left;position:absolute;margin:0 auto;margin-left:-80px;top:13px;left:84px;margin-left:0}
.gnb_logo .ico{display:inline-block;width:70px;height:22px;background:url(../img/comm/sprite_comm_202011v4.png) 0px 0px;vertical-align:top}
.gnb_logo a{display:block;height:22px}
.btn_menu{float:left;width:44px;height:44px;background:url(../img/comm/sprite_comm_202011v4.png) -88px -32px;top:1px;position:relative}
.gnb_login{float:right;top:1px}
.btn_login{width:44px;height:44px;background:url(../img/comm/sprite_comm_202011v4.png) -44px -32px}
.btn_search{width:44px;height:44px;margin-left:12px;background:url(../img/comm/sprite_comm_202011v4.png) 0px -32px}
.box_login{position:absolute;top:50px;right:0;width:95px;margin-right:34px;background:#333;color:#fff;z-index:10}
.box_login a{display:block;padding:8px;font-size:13px;font-weight:700}
.box_login:after{position:absolute;width:0;height:0;top:-22px;left:50%;border-width:15px 10px;border-style:solid;border-color:transparent transparent #333;margin-left:-10px;content:''}
.box_search{position:absolute;top:48px;left:0;width:100%;height:49px;background-color:#333;z-index:30}
.box_search input{display:inline-block;margin-left:250px;width:600px;height:30px;font-size:16px;color:#fff;padding:10px;position:relative;top:0;left:0}
.box_search input::placeholder{color:#fff;font-size:15px;font-weight:700}
.box_search .menu_close{position:absolute;top:-47px;right:0;background-color:#fff}
.box_search .btn_search{float:right;background:url(../img/comm/sprite_comm_202011v4.png) 0px -76px}
.gnb_menu{border-top:1px solid #F2F2F2;position:relative;border:none;margin:0 auto}
.gnb_menu ul{position:relative;height:48px;width:610px;margin:0 auto}
.gnb_menu li{float:left;margin-right:38px;font-size:15px;font-weight:700;padding:14px 0 13px;-moz-padding:14px 0 13px 0;-webkit-padding:14px 0 13px 0}
.gnb_menu li:last-child{margin-right:0}
.gnb_menu li:hover{border-bottom:4px solid #1C9DE9;color:#1C9DE9}
.gnb_menu li a{text-decoration:none}
.gnb_menu li:nth-child(1):hover{color:#ff6d6a;border-bottom:4px solid #ff6d6a}
.gnb_menu .live_blink, .live .live_blink{width:6px;height:6px}
/* 2022대선 */
.electionmenu .gnb_menu ul{width:704px}
/* gnb 스크롤 */
.scroll .gnb_menu ul{width:611px}
.scroll .gnb_menu li{margin-right:38px}
.gnb_header .til,.react,.right_menu{display:none}
.scroll .gnb_menu,.scroll .gnb_login{display:none}
.scroll .gnb_header .til,.scroll .react,.scroll .right_menu{display:block}
.scroll .gnb_header >span.til{float:left;position:relative;top:11px;width:600px;height:20px;margin:0 12px 0 138px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scroll .progress{margin-top:1px;width:100%;height:3px}
.scroll .progress span{display:block;height:100%;background-color:#1C9DE9}
.scroll .react{float:left;width:auto;position:relative;top:0;right:0}
.scroll .react button{opacity:.3;transition:opacity ease 0.2s;}
.scroll .react button:hover{opacity:1}
.btn_comment{width:44px;height:44px;background:url(../img/comm/sprite_comm_202011v4.png) -176px -32px}
.btn_share{width:44px;height:44px;background:url(../img/comm/sprite_comm_202011v4.png) -176px -76px}
.scroll .right_menu{float:right}
.scroll .right_menu .live{position:relative;top:5px;color:#ff6d6a;font-size:15px;font-weight:700;padding-right:12px}
.scroll .right_menu .live a{text-decoration:none}
.scroll .right_menu .news{position:relative;top:6px;border:2px solid #333;border-radius:21px;padding:6px 10px 6px 34px;font-size:14px;font-weight:700;background-color:#333;color:#fff;letter-spacing:-.04em}
.scroll .right_menu .news span{display:block;top:-2px}
.scroll .right_menu .news span::before{position:absolute;top:4px;left:8px;content:'';width:21px;height:22px;background:url(../img/comm/sprite_comm_202011v4.png) -11px -130px}
.scroll .right_menu .news.new span::before{background:url(../img/comm/sprite_comm_202011v4.png) -112px -130px}
.scroll .right_menu .news.on{background-color:#fff;color:#333}
.scroll .right_menu .news.on span::before{background:url(../img/comm/sprite_comm_202011v4.png) -154px -130px}
/* 공유하기 박스 */
.box_share{float:right;position:relative;top:2px;width:280px;background-color:#fff;border:1px solid #F2F2F2}
.header_wrap .gnb_header .box_share .til,.box_share .til{display:inline-block;padding:12px;font-size:15px;font-weight:700}
.box_share ul{padding:0 10px;position:relative;height:50px}
.box_share li{float:left;padding-right:20px;width:50px}
.box_share li:last-child{padding-right:0}
.box_share li img{display:block;margin:0 auto}
.box_share li span{display:block;padding-top:6px;font-size:12px;text-align:center;color:#666}
.sharewrap1{position:relative;display:block;margin-top:10px;padding:12px}
.box_share .sharewrap1 .til{padding:0}
.header_wrap .gnb_header .box_share .sharewrap1 .til{padding:0}
.linktext{border:none;background-color:#f2f2f2;color:#666;padding:10px;width:244px}
.sharecopybtn{width:69px;float:right;border:#ccc solid 1px;text-align:center;vertical-align:middle;padding:4px 0;font-size:12px;font-weight:700;color:#333}
.sharewrap2{padding:0 8px 20px}
/* 이시간 주요뉴스 박스 (헤더, 기사뷰 공통) */
.scroll .box_news{float:right;position:relative;top:2px;width:345px;background-color:#fff;border:1px solid #F2F2F2}
.scroll .box_news .til{display:inline-block;padding:12px;font-size:15px;font-weight:700}
.scroll .box_news ul{padding:10px;position:relative}
.scroll .box_news li{font-size:14px;padding:8px;border-bottom:1px solid #F2F2F2}
.scroll li.bottom{float:left;padding:12px 0 20px 8px;border:none;font-size:13px}
.scroll li.bottom a{display:block;width:153px;line-height:1.4em}
/* php 내부 css 정리 21-10-26 */
.view_wrapper{top:-52px;width:780px}
/* 햄버거 메뉴 접근성 추가 22-02-23 */
.wrap-tab-list li{position:relative;padding:8px 12px;margin-bottom:4px;font-weight:700;border-radius:4px}
.wrap-tab-list li:hover{background:#edf8ff;color:#1c9de9}
.wrap-tab-list li:hover button::after{content:"";width:8px;height:16px;background:url(../img/comm/sprite_comm_202011v4.png) -188px -181px}
.wrap-tab-list li button{display:block;width:100%;text-align:left;font-weight:700;font-size:16px}
.wrap-tab-list li button::after{position:absolute;top:10px;right:12px;width:8px;height:16px;content:"";width:8px;height:16px;background:url(../img/comm/sprite_comm_202011v4.png) -170px -181px}
.wrap-tab-list li button:hover{text-decoration:none;}
.wrap-tab-list li.a{background:#333;color:#fff}
.wrap-tab-list li.on button::after{content:"";width:8px;height:16px;background:url(../img/comm/sprite_comm_202011v4.png) -206px -181px}
.tab-contents{width:592px;position:absolute;top:86px;left:354px}
.tab-contents h3{margin-bottom:10px;font-size:22px;font-weight:700}
.tab-contents ul{height:400px;width:618px}
.tab-contents li{display:block;float:left;width:200px;padding:10px 0}
.tab-contents li a{font-size:15px;}
#tab-panel-4 ul{height:167px}
#tab-panel-4 ul:nth-chuld(2){height:152px}
#tab-panel-4 ul:nth-child(2n) li{width:110px;height:110px;background:url(https://image.ytn.co.kr/ytn/replay/ch_logo_0.png) center center;background-size:cover;padding:0;border-radius:55px;margin-right:17px;margin-bottom:10px;border:1px solid #e6e6e6;box-sizing:border-box;transition:all .1s ease-in}
#tab-panel-4 ul:nth-child(2n) li:hover{border:4px solid #1C9DE9}
#tab-panel-4 ul:nth-child(2n) li:nth-child(2){background:url(https://image.ytn.co.kr/ytn/replay/ch_logo_7.png) center center;background-size:cover}
#tab-panel-4 ul:nth-child(2n) li:nth-child(3){background:url(https://image.ytn.co.kr/ytn/replay/ch_logo_8.png) center center;background-size:cover}
#tab-panel-4 ul:nth-child(2n) li:nth-child(4){background:url(https://image.ytn.co.kr/ytn/replay/ch_logo_5.png) center center;background-size:cover}
#tab-panel-4 ul:nth-child(2n) li:nth-child(5){background:url(https://image.ytn.co.kr/ytn/replay/ch_logo_6.png) center center;background-size:cover;margin-right:0}
#tab-panel-4 ul:nth-child(2n) li:nth-child(6){background:url(https://image.ytn.co.kr/ytn/replay/ch_logo_1.png) center center;background-size:cover}
#tab-panel-4 ul:nth-child(2n) li:nth-child(7){background:url(https://image.ytn.co.kr/ytn/replay/ch_logo_3_1.png) center center;background-size:cover}
#tab-panel-4 ul:nth-child(2n) li:nth-child(8){background:url(https://image.ytn.co.kr/ytn/replay/ch_logo_2.png) center center;background-size:cover}
#tab-panel-4 ul:nth-child(2n) li:nth-child(9){background:url(https://image.ytn.co.kr/ytn/replay/ch_logo_4.png) center center;background-size:cover}
#tab-panel-4 ul:nth-child(2n) li a{display:block;width:110px;height:110px;font-size:0}
#tab-panel-4 ul:nth-child(2) li{display:block;float:left;width:200px;height:40px;padding:10px 0;background:none;border-radius:0;margin:0;border:none;transition:none}
#tab-panel-4 ul:nth-child(2) li a{height:20px}
#tab-panel-4 ul:nth-child(2) li:hover{border:none}
#tab-panel-4 ul:nth-child(2) li:nth-child(2){background:none}
#tab-panel-4 ul:nth-child(2) li:nth-child(3){background:none}
#tab-panel-4 ul:nth-child(2) li:nth-child(4){background:none}
#tab-panel-4 ul:nth-child(2) li:nth-child(5){background:none}
#tab-panel-4 ul:nth-child(2) li:nth-child(6){background:none}
#tab-panel-4 ul:nth-child(2) li:nth-child(7){background:none}
#tab-panel-4 ul:nth-child(2) li:nth-child(8){background:none}
#tab-panel-4 ul:nth-child(2) li:nth-child(9){background:none}
#tab-panel-4 ul:nth-child(2) li a{font-size:15px}
#hammenu .menu_close{position:absolute;top:10px;right:30px}