@charset "utf-8"; @import url("basic.css"); @import url("common.css"); @import url("layout.css"); @import url("main.css"); .no-js{display:none} .skip{position:relative} .skip a{position:absolute;top:-30px;left:0;width:138px;color:#fff;border:1px solid #e70012;background:#333;text-align:center} #edailywrap{width:100%;min-width:1080px;background:#fff} .jroom_wrap{border-top:1px solid #37c2f1} @media (min-width:1600px){ .jroom_wrap{min-width:1080px!important} } @media (max-width:1080px){ .jroom_wrap{min-width:1600px!important} } .center1600{width:1600px;margin:0 auto} .center1080{width:1080px;margin:0 auto} /*----------------------------------------------------------------------------------------------------------------- 20190905_NEW heders -------------------------------------------------------------------------------------------------------------------*/ /* Clear */ .clear:after{content:"";display:block;clear:both} .gnb_sub{width:100%;padding-top:20px} .gnb_sub>div{width:100%} /* 로고 및 검색단 */ .gnb_left, .gnb_center, .gnb_right{float:left;width:33.3333333333%} .gnb_left h1 a{display:inline-block;width:115px;height:26px;margin-left:10px;text-indent:-9999999px;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-105px -330px} .gnb_sub .gnb_center h2{text-align:center;font-size:38px} .gnb_sub .gnb_right{padding-top:14px} .gnb_right ul{float:right;margin-right:20px} .gnb_right ul li{float:left} .gnb_right .searchs{margin-top:0} .gnb_right>.searchs>.menu_top_btns .btn_search{float:left;width:34px;height:34px;cursor:pointer;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-21px -417px} .gnb_right>.searchs>.menu_top_btns .btn_search.on{float:left;width:34px;height:34px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-64px -417px} .gnb_right>.searchs .search_input_wp{top:-5px;left:-219px;width:253px;height:38px!important;background:#fff} .gnb_right.etv_head>.searchs .search_input_wp{top:3px;left:-23px;width:253px;height:38px!important;background:#fff} .gnb_right>.searchs .cover_white{left:unset!important;right:0} @media screen and (min-width:0\0){ .gnb_right>.searchs .cover_white{left:-200px!important;right:0} } .gnb_right>.searchs .search_input_wp>button.onbtn{top:-3px} .gnb_right>.searchs .search_input_wp>input{width:190px;margin-top:12px!important;border:0;height:unset} .gnb_right .sns_box{float:right} .gnb_right .sns_box li{float:left;margin-left:20px} .gnb_right .sns_box li a i{float:left;cursor:pointer;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat #aaa} .gnb_right .sns_box li a i:hover{float:left;cursor:pointer;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat #333} .gnb_right .sns_box li a i.sns_fackbook{width:10px;height:18px;font-size:0;background-position:-19px -241px} .gnb_right .sns_box li a i.sns_twitter{width:19px;height:18px;font-size:0;background-position:-37px -241px} .gnb_right .sns_box li a i.sns_youtube{width:21px;height:18px;font-size:0;background-position:-64px -241px} .gnb_right .sns_box li a i.sns_rss{width:14px;height:18px;font-size:0;background-position:-93px -241px} .gnb_right .sns_box li a i.e_mail{width:20px;height:18px;font-size:0;background-position:-19px -218px} @media screen and (min-width:0\0){ .gnb_right .sns_box li a i.sns_fackbook{width:9px;height:18px} .gnb_right .sns_box li a i.sns_twitter{width:18px;height:18px;font-size:0;background-position:-37px -241px} .gnb_right .sns_box li a i.sns_youtube{width:20px;height:18px;font-size:0;background-position:-64px -241px} .gnb_right .sns_box li a i.sns_rss{width:13px;height:18px;font-size:0;background-position:-93px -241px} .gnb_right .sns_box li a i.e_mail{width:20px;height:17px;font-size:0;background-position:-19px -218px} } .top_leftbanner{display:inline-block;margin-left:30px} .top_leftbanner img{margin-top:-10px} /* 20191231 .gnb_center h1.gnb_logo{ width:176px; height:40px; margin:10px auto; text-indent:-9999999px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-108px -417px } @media screen and (min-width:0\0){ .searchs form .cover_white{ left:-400px !important } } */ /* 시작 20주년 엠블렘 */ .gnb_center h1.gnb_logo{width:176px;height:40px;margin:10px auto;text-indent:-9999999px;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-108px -417px} @media screen and (min-width:0\0){ .searchs form .cover_white{left:-400px !important} } /* 메뉴 및 IN 시리즈 */ .gnb_sub .menu_inserise{width:100%;padding-bottom:12px;border-bottom:1px solid #333} .menu_inserise .menus_area.new{float:left;width:60%} .menu_inserise.fixed{position:fixed;top:-1px;left:0;width:100%;padding-top:11px;border-bottom:1px solid #333 !important;box-shadow:0 2px 10px #ddd;background:#fdfdfd;z-index:100} .gnb_sub .nav_boxarea>ul>li .dropdown{top:61px} @media screen and (-webkit-min-device-pixel-ratio:0){ .gnb_sub .nav_boxarea>ul>li .dropdown{top:68px} } .menu_inserise .in_series.new{float:right;margin:10px 10px 0 0!important} .menu_inserise .in_series.new ul li{margin-left:18px} .menus_area.new nav>.nav_boxarea{width:710px!important} .menus_area.new nav>.nav_boxarea>ul>li>em{padding:10px 8px} .menus_area.new nav>.nav_boxarea>ul>li>em>a{display:inline-block} .menus_area.new nav>.nav_boxarea>ul>li.nav_boxarea_jroom>em>a{position:relative!important;color:#e60012;font-size:0;width:105px} .menus_area.new nav>.nav_boxarea>ul>li.nav_boxarea_jroom>em>a:after{content:"";position:absolute;font-size:0;top:-35px;left:5px;width:100px;height:60px;background:url('https://image.edaily.co.kr/images/content/newsroom_icon_02.png') no-repeat;z-index:20} @media screen and (-webkit-min-device-pixel-ratio:0){ .menus_area.new nav>.nav_boxarea>ul>li.nav_boxarea_jroom>em>a:after{top:-25px} } /* .menus_area.new nav>.nav_boxarea>ul>li.nav_boxarea_jroom>em>a:after{ -webkit-animation:blink 1s ease-in-out infinite alternate; -moz-animation:blink 1s ease-in-out infinite alternate; animation:blink 1s cubic-bezier(0.08, 0.88, 0.99, 0.58) infinite alternate; } @-webkit-keyframes blink{ 0%{opacity:0} 100%{opacity:1} } @-moz-keyframes blink{ 0%{opacity:0} 100%{opacity:1} } @keyframes blink{ 0%{opacity:0} 100%{opacity:1} } */ /* 속보 및 로그인단 */ .fastnews_box.new{width:600px!important;margin:0 0 0 0!important;padding:0 0 0 10px} .fastnews_box.new>span{position:relative;top:1px;padding-right:20px;font-weight:bold} .fastnews_box.new>span:after{content:"";position:absolute;top:2px;right:10px;width:2px;height:12px;background:#e60012} .fastnews_box.new>.fastnews_list{overflow:hidden;width:360px!important;height:17px!important} .fastnews_box.new>.fastnews_list>span{float:left} .fastnews_box.new>.fastnews_list ul{float:left;width:600px!important} .fastnews_box.new>.fastnews_list>ul>li{overflow:hidden;width:490px!important;padding-top:0;font-size:13px} .fastnews_box.new>.fastnews_list>ul>li>a>span.title{max-width:290px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:0} .fastnews_box.new>.fastnews_list>ul>li>a>span.time{position:relative;top:-4px;padding-left:16px;font-size:11px;color:#999} .fastnews_box.new>.fastnews_list>ul>li>a>span.time:after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-138px -20px} .fastnews_box.new>.fastnews_list .theview a{position:absolute;top:-3px;right:205px;padding:3px 10px;font-size:11px;color:#fff;border-radius:3px;background:#e60012;z-index:10} /* GNB 300x69 banner */ .gnb_sub .banner_300x69{position:absolute;top:1px;left:50%;width:300px;height:69px;margin-left:-93px;z-index:99} .gnb_sub .banner_300x69>.layerClose{position:absolute;right:-13px;font-size:0;width:13px;height:13px;background:url('https://image.edaily.co.kr/images/content/btn_banner_x.png') no-repeat} /* 로그인영역 */ .login_box.mypage-div{display:none;font-size:12px;font-weight:100!important;margin:0 0 0 0} .login_box.new{float:right;margin-right:10px} .login_box.new ul li{float:left;margin-left:11px;font-size:12px} .login_box.new ul li:last-child{position:relative} .login_box.new ul li a:hover{color:#e60012} .login_box.new ul li button{border:0;cursor:pointer;background:#fff} .login_box.new>ul>li>.pop_login{position:absolute;top:38px;left:-196px;width:200px;padding:20px;border:1px solid #ddd;border-top:0;background:#fff;z-index:10} .pop_mypage{width:140px !important;left:-50px} /* familysite menus */ .login_box.new>ul>li.fmsite{position:relative} .login_box.new>ul>li.fmsite .fmsite_list{position:absolute;top:38px;left:-15px;width:100px;padding:10px;border:1px solid #ddd;border-top:0;background:#fff;z-index:50} .login_box.new>ul>li.fmsite .fmsite_list>ul>li{margin:10px 0 0 0;width:100%} .login_box.new>ul>li.fmsite .fmsite_list ul li a:hover{color:#e60012} .login_box.new>ul>li.fmsite>span>em{position:relative;padding-right:16px} .login_box.new>ul>li.fmsite>span>em:after{content:"";position:absolute;top:3px;right:0;width:12px;height:11px;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-5px -20px} /*----------------------------------------------------------------------------------------------------------------- heders -------------------------------------------------------------------------------------------------------------------*/ #headers{position:relative;/* overflow:hidden; */margin-bottom:30px} #contents{overflow:hidden;margin-bottom:60px} /******************** 증권 / 비트코인 ********************/ .stock_bitcoin_area{background:#333} .stock_coin:after{content:"";display:block;clear:both} .stock_coin_title{float:left;padding:10px 17px 10px 10px;background:#000} .stock_coin_title a span:after{content:"+";display:inline-block;zoom:1;*display:inline;margin-left:3px;position:absolute} .stock_coin_title a{font-size:11px;color:#fff} /* 전종목시세 */ .stock{float:left;width:740px;margin-right:8px} .stock ul{float:left;margin-top:5px} .stock .list li{float:left;display:inline;padding-left:20px} .stock .list li span.rise{color:#e60012} .stock .list li span.down{color:#00a2ff} .stock li a{font-size:11px;color:#fff} /* 암호화폐시세 */ .bitcoin{float:left;width:332px} .bitcoin .coinlab{float:left;margin-top:10px} .bitcoin .list{float:left;padding-left:20px} .bitcoin .list a{font-size:11px;color:#fff} .bitcoin .list span.rise{color:#e60012} .bitcoin .list span.down{color:#00a2ff} /* 속보, eTV, 이데일리TV, 이데일리ON, FamilySite / 로그인, 구독신청, PDF신문, 캠페인 */ .gnb_area{padding:15px 0 14px 0;border-bottom:1px solid #ddd;background:#fdfdfd} .gnb_area:after{content:"";display:block;clear:both} /* 속보 */ .breakingnews_box{position:relative;float:left;margin-top:-1px} .breakingnews_box>ul>li{float:left;position:relative;margin-left:30px} .breakingnews_box>ul>li a{font-size:12px} .breakingnews_box>ul>li a:hover{color:#e60012} .breakingnews_box>ul>li:first-child a{font-weight:bold;color:#e60012} .breakingnews_box>ul>li:first-child{position:relative;margin-left:10px} .breakingnews_box span.redbar{position:absolute;top:32px;left:0px;width:50px;height:3px;font-size:0;background:#e60012;z-index:10} .breakingnews_box>ul>li .btn_fmsite{position:relative;top:0px;left:65px;display:inline-block;zoom:1;*display:block;width:12px;height:11px;border:0;cursor:pointer;font-size:0px;background:url('https://image.edaily.co.kr/images/content/default_icon.png') #fff no-repeat;background-position:-20px -20px;transition:All .2s ease-in-out} .breakingnews_box>ul>li .btn_fmsite em{position:absolute;top:-3px;left:-65px;width:100px;float:left;font-size:12px;z-index:50} /* familysite menus */ .breakingnews_box>ul>li.fmsite{position:relative} .breakingnews_box>ul>li.fmsite .fmsite_list{position:absolute;top:35px;left:-15px;width:100px;padding:10px;border:1px solid #ddd;border-top:0;background:#fff;z-index:50} .breakingnews_box>ul>li.fmsite .fmsite_list ul li{margin-top:10px} .breakingnews_box>ul>li.fmsite .fmsite_list ul li a:hover{color:#e60012} /* 로그인영역 */ .login_box{float:left;margin:0px 0px 0 0} .login_box ul li{float:left;margin-left:30px} .login_box ul li:first-child{position:relative} .login_box ul li a{font-size:12px} .login_box ul li a:hover{color:#e60012} .login_box ul li button{border:0;cursor:pointer;font-size:12px;background:#fff} .pop_login{position:absolute;top:37px;left:-196px;width:200px;padding:20px;border:1px solid #ddd;border-top:0;background:#fff;z-index:500} .pop_mypage{width:140px !important;left:-50px} /*로그인확장 */ .pop_login>.login_before>.login{display:block;padding-bottom:20px;margin-bottom:20PX;border-bottom:1px solid #ddd} .pop_login>.login_before>.login>span{display:block;margin-bottom:10px;font-size:14px;color:#24282b} .pop_login>.login_before>.login>a.btn_login{display:block;width:100%;height:40px;border-radius:4px;font-size:14px;line-height:40px;text-align:center;background:#ddd} .pop_login>.login_before>.login>a:hover{color:#fff;background:#333} .pop_login>.login_before>.join{display:block;padding-bottom:20px;margin-bottom:20PX;border-bottom:1px solid #ddd} .pop_login>.login_before>.join>span{display:block;margin-bottom:10px;font-size:14px} .pop_login>.login_before>.join a{color:#fff} .pop_login>.login_before>.join>a.btn_memberjoin{display:block;width:100%;height:40px;border-radius:4px;font-size:14px;line-height:40px;text-align:center;background:#e60012} .pop_login>.login_before>.join>a:hover{color:#fff;background:#333} .pop_login>.login_before>.help{display:block} .pop_login>.login_before>.help span{display:block;margin-bottom:5px;font-size:14px;color:#24282b} .pop_login>.login_before>.help>a.checkinfo{display:block;font-size:14px;color:#e60012} .pop_login>.login_before>.help>a:hover{text-decoration:underline} /* 마이페이지 확장 */ .mypage_before>.scrap{float:left;width:100%;margin-bottom:10px} .mypage_before>.scrap>a>span{float:left} .mypage_before>.scrap>a>em{float:right;width:15px;height:15px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-39px -294px} .mypage_before>.interest{float:left;width:100%;margin-bottom:10px} .mypage_before>.interest>a>span{float:left} .mypage_before>.interest>a>em{float:right;width:16px;height:14px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-59px -295px} .mypage_before>.memberinfo{float:left;width:100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd} .mypage_before>.memberinfo>a>span{float:left} .mypage_before>.memberinfo>a>em{float:right;width:14px;height:14px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-80px -295px} .mypage_before>.logout{float:left;width:100%;height:40px;border-radius:4px;font-size:14px;line-height:40px;text-align:center;background:#ddd} .mypage_before>.logout{float:left;width:100%;height:40px;border-radius:4px;font-size:14px;line-height:40px;text-align:center;background:#ddd} /* SNS */ .sns_box{float:right} .sns_box ul li{float:left;margin-left:20px} .sns_box ul li a i{float:left;cursor:pointer;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat #ddd} .sns_box ul li a i:hover{float:left;cursor:pointer;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat #333} .sns_box ul li a i.sns_fackbook{width:10px;height:18px;font-size:0;background-position:-19px -241px} /* .sns_box ul li a i.sns_fackbook:hover{background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat #3b5a9a;background-position:-19px -241px} */ .sns_box ul li a i.sns_twitter{width:19px;height:18px;font-size:0;background-position:-37px -241px} /* .sns_box ul li a i.sns_twitter:hover{background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat #2aade3;background-position:-37px -241px} */ .sns_box ul li a i.sns_youtube{width:21px;height:18px;font-size:0;background-position:-64px -241px} /* .sns_box ul li a i.sns_youtube:hover{background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat #cb2129;;background-position:-64px -241px} */ .sns_box ul li a i.sns_rss{width:14px;height:18px;font-size:0;background-position:-93px -241px} /* .sns_box ul li a i.sns_rss:hover{background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat #ffa500;background-position:-93px -241px} */ /* 속보 / 로고 / 234x60광고배너 */ .heads_area{padding:20px 0} .heads_area:after{content:"";display:block;clear:both} /* 속보리스트 */ .fastnews_box{position:relative;float:left;width:243px;margin:-4px 200px 0 0} .fastnews_list dl{float:left;width:243px} .fastnews_list dl dt{float:left;width:50px;height:50px;overflow:hidden} .fastnews_list dl dt img{width:100%;height:50px;object-fit:cover} .fastnews_list dl dt span.thumimg{position:relative;float:left;width:50px;height:50px;overflow:hidden;background-size:cover;background-position:center} .fastnews_list dl dt span.thumimg img{position:absolute;width:100%;min-height:50px;margin-left:-50px} .fastnews_list dl dd{display:inline-block;zoom:1;*display:inline;width:178px;margin-left:15px} .fastnews_list dl dd.noimg{display:inline-block;zoom:1;*display:inline;width:100%;margin-left:0px} .fastnews_list dl dd span.icon{float:left;margin-right:5px;width:12px;height:12px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-138px -20px} .fastnews_list dl dd span.time{float:left;margin-top:-3px;font-size:11px;color:#999} /* 이슈기획 */ .gnb_issuefocus{position:absolute;left:0;top:-5px;width:290px;height:72px;letter-spacing:-0.5px} .gnb_issuefocus .title{margin:4px 0 9px 0} .gnb_issuefocus .title span{overflow:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis;width:185px;font-size:15px;font-weight:bold} .gnb_issuefocus .title button{float:right;cursor:pointer;width:87px;height:21px;margin-top:-1px;line-height:21px;border:0;outline:none;font-size:12px;color:#fff;background:#00a2ff} .gnb_issuefocus dl dt{overflow:hidden;float:left;width:71px;height:42px;margin-right:15px} .gnb_issuefocus dl dt img{width:100%;object-fit:cover} .gnb_issuefocus dl dd{overflow:hidden;height:34px;padding-top:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:normal;text-overflow:ellipsis;width:204px} .gnb_issuefocus dl dd.x_img{width:290px!important} /* 180902_넘김버튼 수정 */ .fastnews_list{width:243px;height:62px;overflow:hidden} .fastnews_list ul{position:relative;list-style:none;height:50px;/*position:absolute;*/} .fastnews_list ul li{width:243px;float:left;padding-top:10px;height:50px} .btn_plays{position:absolute;right:0;top:10px;z-index:50 } .btn_plays .btn_left{float:left;width:11px;height:12px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-160px -20px} .btn_plays .btn_stop{float:left;width:16px;margin:0 2px;font-size:0;height:12px;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-171px -20px} .btn_plays .btn_right{float:left;width:11px;margin-left:5px;height:12px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-187px -20px} /* .fastnews_list dl dd span.btn_plays{float:right;margin-top:-3px} .fastnews_list dl dd span.btn_plays .btn_left{float:left;width:11px;height:12px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-160px -20px} .fastnews_list dl dd span.btn_plays .btn_stop{float:left;width:16px;margin:0 2px;font-size:0;height:12px;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-171px -20px} .fastnews_list dl dd span.btn_plays .btn_right{float:left;width:11px;height:12px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-187px -20px} */ .fastnews_list dl dd p.text{overflow:hidden;height:30px;width:100%;float:left;padding-top:5px;font-size:12px;line-height:1.25em} .fastnews_list dl dd p.text:hover{text-decoration:underline} .btn_playarrow{position:absolute;top:0;right:0} /* .fastnews_list .btn_playarrow .btn_left{float:left;width:11px;height:12px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-160px -20px} .fastnews_list .btn_playarrow .btn_stop{float:left;width:16px;margin:0 2px;font-size:0;height:12px;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-171px -20px} .fastnews_list .btn_playarrow .btn_right{float:left;width:11px;height:12px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-187px -20px} */ /* 로고 */ h1 .main_logo{position:absolute;left:50%;width:195px;height:44px;margin:9px 0 0 -98px} /* 234x60_광고배너 */ .banner_234x60{float:right;width:236px;height:62px;border:1px solid #f8f8f8;box-sizing:border-box} /* 전체보기 / 메뉴 / IN시리즈 */ .menus_area{width:100%;background:#fff} .menus_area.fixed{position:fixed;top:-1px;height:50px;border-bottom:1px solid #333 !important;box-shadow:0 2px 10px #ddd;background:#fdfdfd;z-index:100} .menus_area_border{display:inline-block;width:100%;padding:5px 0 6px 0;border-top:1px solid #333;border-bottom:1px solid #333;box-sizing:border-box} @media screen and (-webkit-min-device-pixel-ratio:0){ .menus_area_border{padding:5px 0 7px 0} } .menus_area:after{content:"";display:block;clear:both} /* 메뉴 확장 영역*/ nav{background:#fff} nav .nav_boxarea{width:570px;**width:500px} .nav_boxarea>ul{position:relative} .nav_boxarea>ul>li{float:left} .nav_boxarea>ul>li.on>em>a{color:#e60012} .nav_boxarea>ul>li:hover, .menus_area.new nav>.nav_boxarea>ul>li>em>a:hover{color:#e60012} .nav_boxarea>ul>li:first-child{margin-left:10px} .nav_boxarea>ul>li>em{display:inline-block;cursor:pointer;font-size:16px;font-weight:bold;padding:10px 12px;transition:0.3s linear;**padding:10px 5px} .nav_boxarea>ul>li .dropdown{display:none;position:absolute;top:44px;left:0px;background:#fff;z-index:500} .nav_boxarea>ul>li .dropdown.expansion_area{float:left;width:1080px;height:211px;background:#fff;box-shadow:0 5px 5px 5px rgba(0, 0, 0, 0.1)} .nav_boxarea>ul>li .dropdown.expansion_area:after{content:"";display:block;clear:both} .nav_boxarea>ul>li .dropdown.expansion_area span.blackline{float:left;position:relative;top:-10px;width:1080px;height:10px;/*border-bottom:1px solid #333;*/background:#fff} .nav_boxarea>ul>li .dropdown.expansion_area .menus_left{overflow:hidden;position:relative;top:-10px;float:left;width:215px;height:150px;padding:30px 10px 30px 30px;background:#f8f8f8} .nav_boxarea>ul>li .dropdown.expansion_area .menus_left strong{display:block;font-size:18px;color:#333 !important} .nav_boxarea>ul>li .dropdown.expansion_area .menus_left ul{float:left;width:85px;margin-right:20px} .nav_boxarea>ul>li .dropdown.expansion_area .menus_left ul>li{font-size:14px;margin-top:17px;letter-spacing:-1px} .nav_boxarea>ul>li .dropdown.expansion_area .menus_left ul>li a:hover{color:#e60012} .nav_boxarea>ul>li .dropdown.expansion_area .menus_right{overflow:hidden;position:relative;top:-10px;float:right;width:764px;height:160px;padding:30px} /* 기본타입 */ .nav_boxarea>ul>li .dropdown.expansion_area .menus_right.basetype dl{float:left;margin-left:20px} .nav_boxarea>ul>li .dropdown.expansion_area .menus_right.basetype dl:first-child{margin-left:0} .nav_boxarea>ul>li .dropdown.expansion_area .menus_right.basetype dl dt{overflow:hidden;width:176px;height:103px} .nav_boxarea>ul>li .dropdown.expansion_area .menus_right.basetype dl dt img{width:100%;height:103px;object-fit:cover} .nav_boxarea>ul>li .dropdown.expansion_area .menus_right.basetype dl dd{overflow:hidden;width:166px;height:38px;margin-top:10px;padding:0 5px;letter-spacing:-1px;line-height:1.3em} .nav_boxarea>ul>li .dropdown.expansion_area .menus_right.basetype dl dd:hover{text-decoration:underline} @media screen and (-webkit-min-device-pixel-ratio:0){ .nav_boxarea>ul>li .dropdown.expansion_area .menus_right.basetype dl dd{line-height:1.4em;margin-top:13px} } /*이미지 없을경우_01 */ .nav_boxarea>ul>li .dropdown.expansion_area .menus_right.basetype dl.no_img{position:relative;cursor:pointer;width:176px;height:160px;background:url('https://image.edaily.co.kr/images/content/default_icon.png')#f8f8f8 no-repeat;background-position:-213px -237px} .nav_boxarea>ul>li .dropdown.expansion_area .menus_right.basetype dl.no_img>a>dd{position:absolute;bottom:15px;height:55px;left:15px;width:141px;padding-right:15px} /*이미지 없을경우_02 */ .nav_boxarea>ul>li .dropdown.expansion_area .menus_right.basetype dl.no_img_02{position:relative;cursor:pointer;width:176px;height:160px;background:url('https://image.edaily.co.kr/images/content/default_icon.png')#f8f8f8 no-repeat;background-position:-213px -237px} .nav_boxarea>ul>li .dropdown.expansion_area .menus_right.basetype dl.no_img_02>a>dd{position:absolute;left:15px;display:table;width:141px;height:160px;padding-right:15px} .nav_boxarea>ul>li .dropdown.expansion_area .menus_right.basetype dl.no_img_02>a>dd span{display:table-cell;vertical-align:middle;font-weight:600;line-height:1.5em} /* 이슈타입 */ .nav_boxarea>ul>li .dropdown.expansion_area .menus_right.issuetype{width:1020px;height:160px;padding:30px} .issuetype ul{overflow:hidden;float:left;width:249px;height:150px;margin-left:8px} .issuetype ul:first-child{margin-left:0} .issuetype ul li img{width:100%;height:150px;object-fit:cover} .issuetype ul li{position:relative} /* type02 */ .issuetype ul li a .textarea{position:absolute;top:0;left:0;width:250px;height:150px;color:#fff;letter-spacing:-1px;background:url('https://image.edaily.co.kr/images/content/blackgradation_150.png') repeat;z-index:20} .issuetype ul li a .textarea>div{position:absolute;left:12px;bottom:12px} .issuetype ul li a .textarea>div p.tit_top{display:inline-block;padding:3px 10px;margin-bottom:8px;font-size:12px;font-weight:bold;color:#333;background:rgba(250, 250, 250, 0.8)} .issuetype ul li a .textarea p.tit_down{overflow:hidden;height:35px;font-size:14px;padding-right:10px;line-height:1.3em} /* 오피니언 */ .opiniontype .columarea{position:relative;float:left;width:560px} .opiniontype:after{content:"";display:block;clear:both} .opiniontype .columarea dl{float:left;width:250px;margin:0 30px 10px 0} .opiniontype .columarea dl dt{overflow:hidden;float:left;width:68px;height:68px;border-radius:100px;border:1px solid #f5f5f5} .opiniontype .columarea dl dt img{width:100%;height:70px} .opiniontype .columarea dl dd{display:table-cell;vertical-align:middle;width:160px;height:70px;padding-left:10px;line-height:1.4em} .opiniontype .columarea dl dd>span{float:left;height:60px;overflow:hidden} .opiniontype .columarea dl dd em{width:160px;display:block;color:#999} .opiniontype .etcnotice{float:left;width:204px} .opiniontype .etcnotice p{font-size:18px;font-weight:bold;padding-bottom:10px;color:#333 !important} .opiniontype .etcnotice ul li{overflow:hidden;padding-top:10px;word-wrap:break-word;white-space:nowrap;text-overflow:ellipsis} /* 포토 */ .phototype ul{overflow:hidden;float:left;width:150px;height:150px;margin-left:15px} .phototype ul:first-child{width:269px;margin-left:0} .phototype ul li img{width:100%;height:150px;object-fit:cover} .phototype ul li{position:relative} .phototype ul li a span{position:absolute;top:0;left:0;display:inlnie-block;width:150px;height:150px;background:url('https://image.edaily.co.kr/images/content/blackgradation_150.png') repeat;z-index:20} .phototype ul:first-child li a span{width:269px} .phototype ul li a span em{position:absolute;display:table-cell;vertical-align:bottom;left:0;bottom:0;width:126px;max-height:38px;overflow:hidden;font-weight:normal;margin:0 12px 12px 12px;color:#fff;line-height:1.3em;letter-spacing:-1px;z-index:30} .phototype ul:first-child li a span em{width:245px} .phototype ul li a span em b{display:inline-block;width:100%;font-size:16px;line-height:1.6em} /* 190911_etv_추가 */ .nav_boxarea>ul>li .dropdown.expansion_area>.video_area{padding:40px 30px 30px 30px} .nav_boxarea>ul>li .dropdown.expansion_area>.video_area a{overflow:hidden;float:left;width:240px;margin:10px 0 0 20px} .nav_boxarea>ul>li .dropdown.expansion_area>.video_area a:first-child{margin-left:0} .nav_boxarea>ul>li .dropdown.expansion_area>.video_area a ul li{position:relative;width:240px;min-height:135px} .nav_boxarea>ul>li .dropdown.expansion_area>.video_area a ul li img{width:100%;height:135px;object-fit:cover} .nav_boxarea>ul>li .dropdown.expansion_area>.video_area a ul li:after{content:"";position:absolute;top:50%;left:50%;width:73px;height:73px;margin:-37px 0 0 -37px;background:url('http://image.edaily.co.kr/images/etv/play_icon_02.png') no-repeat;z-index:10} .nav_boxarea>ul>li .dropdown.expansion_area>.video_area a ul li:before{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:9} .nav_boxarea>ul>li .videoarea_etvtitle{position:absolute;left:30px;top:20px;color:#333;font-size:18px;z-index:15} .nav_boxarea>ul>li .more_view{position:absolute;top:20px;right:30px;padding:1px 15px 0 0;font-size:11px} .nav_boxarea>ul>li .more_view a i{display:inline-block;position:absolute;top:4px;right:0;width:11px;height:11px;margin-left:5px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-464px -20px;z-index:10} /* 191231_기자뉴스룸 .nav_boxarea>ul>li .dropdown.expansion_area .menus_right.jroomtype{width:1020px;height:160px;padding:30px} .jroomtype ul{overflow:hidden;float:left;width:249px;height:150px;margin-left:8px} .jroomtype ul:first-child{margin-left:0} .jroomtype ul li img{width:100%;height:150px;object-fit:cover} .jroomtype ul li{position:relative} .jroomtype ul li a .textarea{position:absolute;top:0;left:0;width:250px;height:150px;color:#fff;letter-spacing:-1px;background:url('https://image.edaily.co.kr/images/content/blackgradation_150.png') repeat;z-index:20} .jroomtype ul li a .textarea>div{position:absolute;left:12px;bottom:12px} .jroomtype ul li a .textarea>div p.tit_top{display:inline-block;padding:3px 10px;margin-bottom:8px;font-size:12px;font-weight:bold;color:#333;background:rgba(250, 250, 250, 0.8)} .jroomtype ul li a .textarea p.tit_down{overflow:hidden;height:35px;font-size:14px;padding-right:10px;line-height:1.3em} */ /* 191231_기자뉴스룸 */ .nav_boxarea>ul>li .dropdown.expansion_area .menus_right.jroomtype{width:1020px;height:160px;padding:30px} .jroomtype ul{overflow:hidden;float:left;width:150px;height:150px;margin-left:24px} .jroomtype ul:first-child{margin-left:0} .jroomtype ul li img{width:100%;height:150px;object-fit:cover;/* -webkit-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;transition:.3s ease-in-out; */} /* .jroomtype ul li:hover img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); } */ .jroomtype ul li{position:relative} .jroomtype ul li a .textarea{position:absolute;top:0;left:0;width:150px;height:150px;color:#fff;letter-spacing:-1px;background:url('https://image.edaily.co.kr/images/content/blackgradation_150.png') repeat;z-index:20} .jroomtype ul li a .textarea>div{position:absolute;left:12px;bottom:12px} .jroomtype ul li a .textarea>div p.tit_top{display:inline-block;padding:3px 10px;margin-bottom:5px;font-size:12px;font-weight:bold;color:#333;background:rgba(250, 250, 250, 0.8)} .jroomtype ul li a .textarea p.tit_down{overflow:hidden;height:30px;font-size:12px;padding-right:10px;line-height:1.35em} /*** 전체보기 ***/ .allmenu{float:left;margin:10px 0 0 10px} .allmenu .btn_allmenu{overflow:hidden;float:left;width:20px;height:19px;text-indent:140%;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-434px -20px} /*** 전체보기 확장 ***/ #allmenu_layer{position:fixed;left:0px;top:0px;display:block;width:620px;height:100%;z-index:9999999} #allmenu_layer .allmenu_height{overflow-x:hidden;overflow-y:auto;width:100%;height:100%;background:#fff} /* 상단배너 */ #allmenu_layer .allmenu_height .menu_banners{position:relative;float:left;height:70px;width:515px;padding-bottom:40px;margin:40px 44px 0} #allmenu_layer .allmenu_height .menu_banners img{width:100%} /* 가운데 메뉴 및 많이 본 뉴스 */ #allmenu_layer .allmenu_height .menu_content{overflow-y:auto;position:absolute;left:0;top:101px;bottom:0;right:0;width:540px;margin:40px} .menu_content .left_menulist{float:left;width:185px;margin-right:30px;border-right:1px solid #ddd;padding-bottom:20px} .menu_content .left_menulist>ul{float:left;margin-top:54px} .menu_content .left_menulist>ul:first-child{margin-top:0} .menu_content .left_menulist>ul>li strong{float:left;width:209px;font-size:18px;font-weight:bold} .menu_content .left_menulist>ul>li>ul{float:left;width:93px} .menu_content .left_menulist>ul>li>ul>li{padding-top:17px} .menu_content .left_menulist>ul>li>ul>li a:hover{color:#e60012;text-decoration:none} /* 많이본뉴스 */ .menu_content .right_manynews{position:relative;float:left;width:300px} .right_manynews>.title_300{margin-bottom:20px;padding-bottom:20px;font-size:18px;font-weight:bold;letter-spacing:-1px;border-bottom:1px solid #ddd} .right_manynews>.tap{position:absolute;top:2px;right:15px} .right_manynews>.tap li{position:relative;float:left;margin-left:25px} .right_manynews>.tap li.position a{color:#e60012;font-weight:bold} .right_manynews>.tap li a:hover{color:#e60012;font-weight:bold;text-decoration:none} .right_manynews>.tap li:before{content:'';position:absolute;top:2px;left:-15px;width:1px;height:14px;background:#ddd;z-index:1} .right_manynews>.tap li:first-child:before{display:none} .right_manynews>.news300_list{float:left;width:300px;display:table} .right_manynews>.news300_list>ul{position:relative;top:-10px} .right_manynews>.news300_list>ul>li{position:relative;overflow:hidden;width:300px;max-height:50px;margin-top:10px;letter-spacing:-1px} /* .right_manynews>.news300_list>ul li:first-child{ margin-top:0 } */ .right_manynews>.news300_list>ul>li .numbering{position:absolute;top:50%;width:20px;left:0;margin-top:-8px;font-weight:bold} .right_manynews>.news300_list>ul>li .textnews{display:table-cell;width:200px;height:50px;padding-left:30px;vertical-align:middle} .right_manynews>.news300_list>ul>li .noimg_textnews{display:table-cell;width:270px;height:50px;vertical-align:middle;overflow:hidden;padding-left:30px} .right_manynews>.news300_list>ul>li .imgnews{float:right;overflow:hidden;width:50px;height:50px} .right_manynews>.news300_list>ul>li .imgnews img{float:left;width:100%;height:50px;object-fit:cover} /* 하단 회원가입 */ #allmenu_layer .allmenu_height .menu_footer{float:left;width:540px;border-top:3px solid #333;padding-top:20px;margin-top:20px} #allmenu_layer .allmenu_height .menu_footer ul li{float:left;width:108px;text-align:center;font-size:16px} #allmenu_layer .allmenu_height .menu_footer ul li a:hover{font-weight:bold;color:#e60012;text-decoration:none} /* 닫기버튼 */ .allmenu_height>.btn_close{position:absolute;top:40px;right:-30px;width:51px;height:65px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-400px -240px;z-index:100} /* 메뉴 */ .nav_menu{float:left;margin-left:15px} .nav_menu ul li{position:relative;overflow:hidden;float:left;padding:10px 0;padding-left:25px;z-index:0} .nav_menu ul li a{font-size:16px;font-weight:bold} .nav_menu ul li a:hover{color:#e60012} /* 메뉴확장 */ .nav_menu ul li .submenu_box{display:none;position:absolute;top:50px;float:left;width:237px;height:350px;padding-top:6px;background-color:#fff;border-bottom:1px solid #e9e9e9;border-left:1px solid #e9e9e9;z-index:500} /* IN시리즈 */ .in_series{float:left;margin:11px 20px 0 0;**margin:11px 0 0 100px/* ie7 */} .in_series ul li{float:left;margin-left:15px;font-size:14px} .in_series ul li a dl dt{overflow:hidden;float:left;margin-top:3px;font-size:0;line-height:0;color:transparent;background:url('https://image.edaily.co.kr/images/content/default_icon.png?v=0709') no-repeat} @media screen and (-webkit-min-device-pixel-ratio:0){ .in_series ul li a dl dt{margin-top:1px} } .in_series ul li a dl dt.autoin{width:21px;height:14px;background-position:-251px -20px} .in_series ul li a dl dt.golfin{width:11px;height:14px;background-position:-282px -20px} .in_series ul li a dl dt.beautyin{width:14px;height:14px;background-position:-303px -20px} .in_series ul li a dl dt.tripin{width:11px;height:14px;background-position:-327px -20px} .in_series ul li a dl dt.etv{width:17px;height:14px;background-position:-253px -39px} .in_series ul li a dl dt.webtoon{width:15px;height:14px;background-position:-348px -20px} .in_series ul li a dl dt.snaptime{display:inline-block;width:51px;height:15px;background-position:-410px -114px} .in_series ul li a dl dd{float:left;margin-left:5px} .in_series ul li a dl dd.beautyin{float:left;margin-left:5px;font-size:1.03rem;margin-top:-2px} .in_series ul li a dl dd:hover{color:#e60012} /* 검색 */ #searchAll{z-index:22222} .searchs{position:relative;float:right;margin-top:5px;z-index:1111} .searchs .menu_top_btns{position:relative;border:0;padding:0;margin:0;z-index:44444} .searchs form .cover_white{position:absolute;top:-10px;left:-430px;width:230px;height:48px;background:#fff;z-index:33333} .searchs form .header_search_con{position:relative} .menu_top_btns .btn_search{float:left;width:30px;height:29px;cursor:pointer;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-118px -281px} .menu_top_btns .btn_search.on{float:left;width:30px;height:29px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-118px -241px} .search_input_wp{position:absolute;left:-90px;top:0px;width:350px;height:48px;border-bottom:3px solid #e60012} .search_input_wp>input{width:240px;height:20px;border:0!important;margin-top:15px;padding-left:20px;letter-spacing:-1px;outline:0;border-right:1px solid #e60012} .search_input_wp>button.onbtn{position:absolute;right:50px;top:-1px;width:21px;height:19px;margin-top:15px;font-size:0;cursor:pointer;border:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-20px -269px} /*----------------------------------------------------------------------------------------------------------------- footer -------------------------------------------------------------------------------------------------------------------*/ #footers{overflow:hidden} /* 공지사항 */ .notice_app_channel{width:100%;margin-bottom:43px} .notice_app_channel:after{content:"";display:block;clear:both} .notice_app_channel .title_footer{float:left;width:265px;margin:15px 0;font-size:18px;font-weight:bold} .notice_app_channel .notice{float:left;width:265px;height:195px;padding-right:25px;margin-right:25px;border-right:1px solid #ddd} .notice_app_channel .notice ul{position:relative;**top:-10px;/* ie7 */} .notice_app_channel .notice ul li{overflow:hidden;width:265px;margin-bottom:12px;word-wrap:break-word;white-space:nowrap;text-overflow:ellipsis;**margin-bottom:10px;/* ie7 */} .notice_app_channel .notice ul li i{padding-right:5px;color:#999} /* APP */ .notice_app_channel .apps{float:left;width:410px;height:195px;margin-right:25px;border-right:1px solid #ddd} .notice_app_channel .apps dl{float:left;margin-right:20px} .notice_app_channel .apps dl a{cursor:pointer} .notice_app_channel .apps dl dt{float:left;margin-right:10px} .notice_app_channel .apps dl dd{float:left;width:110px;font-size:12px;line-height:1.4em} .notice_app_channel .apps dl dd span{display:inline-block;zoom:1;*display:block;font-size:14px;font-weight:bold;padding:7px 0 5px 0} .notice_app_channel .apps dl dd:hover, .notice_app_channel .apps dl dd span:hover{text-decoration:underline} /* 비즈니스 채널 */ .notice_app_channel .channel{float:left;width:328px;height:195px} .notice_app_channel .channel ul{width:100%;margin-left:-10px} .notice_app_channel .channel ul a li{float:left;padding:3px 0;margin:0 0 10px 10px;border:1px solid #666;text-align:center;color:#666;font-size:14px;letter-spacing:-1px} .notice_app_channel .channel ul a li:hover{color:#fff;background:#666} /********** 주소 **********/ .adress_area{width:100%;padding:40px 0;background:#f8f8f8} .adress_area address{font-style:normal} .adress_area:after{content:"";display:block;clear:both} .adress_area h4{cursor:pointer;float:left;width:173px;height:39px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-224px -89px} .adress_area .adress{float:right;text-align:right;color:#999;line-height:1.5em} .adress_area .adress li span{color:#ddd;padding:0 5px} .adress_area .adress li a{color:#999} /********** 회사소개 및 개인정보 **********/ .footer_link{overflow:hidden;width:100%;padding:15px 0;background:#333} /* sns */ .footer_link .footer_sns{float:left;margin-top:3px} .footer_link .footer_sns ul li{float:left;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;margin-right:15px} .footer_link .footer_sns ul li.facebook{width:6px;height:11px;font-size:0;background-position:-410px -92px} .footer_link .footer_sns ul li.twitter{width:11px;height:11px;font-size:0;background-position:-426px -92px} .footer_link .footer_sns ul li.youtube{width:13px;height:11px;font-size:0;background-position:-447px -92px} .footer_link .footer_sns ul li.rss{width:8px;height:11px;font-size:0;background-position:-470px -92px} /* 약관 */ .footer_link .infomation_link{float:right} .footer_link .infomation_link ul li{float:left;margin-left:20px} .footer_link .infomation_link ul li:first-child{margin-left:0} .footer_link .infomation_link ul li a{font-size:14px;letter-spacing:-1px;color:#fff} .footer_link .infomation_link ul li a span{color:#fccf00} /*----------------------------------------------------------------------------------------------------------------- 뉴스상세 오른쪽 컴포넌트 -------------------------------------------------------------------------------------------------------------------*/ /* .aside_left{float:left;width:740px;margin-right:40px} */ .aside_left{float:left;width:740px;margin-right:19px} #right-sticky{width:321px;float:left;padding-left:20px;overflow:hidden;border-left:1px solid #e9e9e9} /******************** aside_right ********************/ .aside_right{width:321px;float:left;overflow:hidden} /* 많이 본 뉴스 */ .list_manynews{display:inline-block;zoom:1;*display:inline;position:relative;float:left;width:300px;height:335px;margin-bottom:40px} .list_manynews .title_300{margin-bottom:20px;padding-bottom:20px;font-size:18px;font-weight:bold;letter-spacing:-1px;border-bottom:1px solid #ddd} .list_manynews .tap{position:absolute;top:2px;right:15px} .list_manynews .tap li{position:relative;float:left;margin-left:25px} .list_manynews .tap li.position a{color:#e60012;font-weight:bold} .list_manynews .tap li a:hover{color:#e60012;font-weight:bold;text-decoration:none} .list_manynews .tap li:before{content:'';position:absolute;top:2px;left:-15px;width:1px;height:14px;background:#ddd;z-index:1} .list_manynews .tap li:first-child:before{display:none} .list_manynews .news300_list ul{position:relative;top:-15px} .list_manynews .news300_list ul li{overflow:hidden;width:300px;padding-top:12px} .list_manynews .news300_list ul li a{font-size:16px} .list_manynews .news300_list ul li a span{display:inline-block} .list_manynews .news300_list ul li a span:hover{text-decoration:underline} .list_manynews .news300_list ul li a span.numbering{font-weight:bold;width:20px;text-align:center;float:left} .list_manynews .news300_list ul li a span.textnews{overflow:hidden;width:275px;padding-left:5px;font-size:14px;word-wrap:break-word;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-1px} .list_manynews .admark{position:absolute;top:-2px;right:0;padding:0 4px 2px 4px;font-size:10px;color:#fff;background:#bbb} /* 금주의 인기정보 */ .weekend_news{overflow:hidden;float:left;width:300px;height:345px;margin-bottom:40px} /* 많이본정보 */ .manyview_info{overflow:hidden;float:left;width:300px;height:345px;margin-bottom:40px} /* 우측컴포넌트 ad배너 */ .ad_texbanner_300{position:relative;overflow:hidden;width:300px;height:48px;padding-top:5px;margin-bottom:40px} #right-sticky .ad_texbanner_300{top:-12px} @media screen and (-webkit-min-device-pixel-ratio:0){ .ad_texbanner_300{position:relative;overflow:hidden;width:300px;height:45px} } .ad_texbanner_300 .mark{position:absolute;top:0;left:0;padding:0 4px 2px 4px;font-size:10px;color:#fff;background:#bbb} .ad_texbanner_300 ul li{overflow:hidden;width:268px;padding:10px 0 0 32px;word-wrap:break-word;white-space:nowrap;text-overflow:ellipsis} .ad_texbanner_300 ul li a{color:#666;font-size:14px;width:268px;word-wrap:break-word;white-space:nowrpa;text-overflow:ellipsis} .ad_texbanner_300 ul li:first-child{padding-top:0} /* 당신이 좋아할 만한 뉴스 */ .youlike_news{position:relative;display:inline-block;zoom:1;*display:inline;overflow:hidden;width:300px;height:447px;margin-bottom:40px} .youlike_news .title_300{font-size:18px;font-weight:bold;letter-spacing:-1px} .youlike_news .title_300 span{font-size:14px;font-weight:normal;color:#999} .youlike_news .mark{position:absolute;top:6px;right:0;font-size:12px;color:#bbb} .youlike_news .news_youlike dl{float:left;margin-top:20px} .youlike_news .news_youlike dl dt{overflow:hidden;position:relative;float:left;width:100px;height:58px;margin-right:10px} .youlike_news .news_youlike dl dt span.mark02{position:absolute;top:5px;left:5px;padding:0 4px 2px 4px;font-size:10px;color:#fff;background:#bbb} .youlike_news .news_youlike dl dt img{width:100%;height:58px;object-fit:cover;object-position:top} .youlike_news .news_youlike dl dd{padding-top:11px;overflow:hidden;height:36px} /* 스냅타임 */ .rolling_news{position:relative;display:inline-block;zoom:1;*display:inline;margin-bottom:40px;z-index:1} .rolling_news .title_300{float:left;font-size:18px;font-weight:bold;letter-spacing:-1px;margin-bottom:20px} .rolling_news .title_300 span{font-size:14px;font-weight:normal;color:#999} .rolling_news .go_left{position:absolute;top:0;right:19px;width:14px;height:14px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-440px -56px;z-index:10} .rolling_news .go_right{position:absolute;top:0;right:0;width:14px;height:14px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-464px -56px;z-index:15} .rolling_news .news_rolling{position:relative;overflow:hidden;height:90px!important} .rolling_news .news_rolling.insbox{position:relative;overflow:hidden;height:129px!important} .rolling_news .news_rolling ul{position:relative;list-style:none} .rolling_news .news_rolling ul li.als-item{position:relative;display:block;width:300px;overflow:hidden;float:left;text-align:center;cursor:pointer} .rolling_news .news_rolling ul li dl{position:relative;width:300px;height:90px} .rolling_news .news_rolling ul li dl dt{float:left;width:160px;height:90px;margin-right:10px} .rolling_news .news_rolling ul li dl dd{position:absolute;right:0;bottom:0;width:112px;height:70px;padding-right:10px;font-size:14px;font-weight:bold;letter-spacing:-1px;line-height:1.3em;text-align:left} .rolling_news .news_rolling ul li dl dd.issu_kind{height:90px} .rolling_news .news_rolling ul li dl dd.issu_kind span{display:inline-block;width:112px;margin-bottom:5px;overflow:hidden;word-wrap:break-word;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#999} .rolling_news .news_rolling ul li dl dd b{display:table-cell;height:70px;vertical-align:bottom} .rolling_news .news_rolling ul li dl dd b:hover{text-decoration:underline} .rolling_news .news_rolling ul li dl dt span.mark02{position:absolute;top:5px;left:5px;padding:0 4px 2px 4px;font-size:10px;color:#fff;background:#bbb} .rolling_news .news_rolling ul li dl dt img{width:100%;height:90px;object-fit:cover;object-position:top} /* button */ .rolling_news>.als-prev{position:absolute;top:0;right:40px;width:14px;height:14px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-440px -56px;z-index:10} .rolling_news>.als-next{position:absolute;top:0;right:21px;width:14px;height:14px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-464px -56px;z-index:15} /* in시리즈, 이슈기획 버튼 */ #autoin>.als-prev, #issuplan>.als-prev{position:absolute;top:0;right:19px;width:14px;height:14px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-440px -56px;z-index:10} #autoin>.als-next, #issuplan>.als-next{position:absolute;top:0;right:0px;width:14px;height:14px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-464px -56px;z-index:15} /* 두근두근 핫포토 */ .hot_photo{display:inline-block;zoom:1;*display:inline;margin-bottom:38px;*width:302px} .hot_photo .title_300{font-size:18px;font-weight:bold;letter-spacing:-1px;margin-bottom:20px;color:#e60012} .hot_photo .title_300 span{font-size:14px;font-weight:normal;color:#999} .hot_photo ul{margin-left:-2px;z-index:1} .hot_photo ul li{position:relative;overflow:hidden;float:left;width:149px;height:149px;margin:0 0 2px 2px;z-index:1} .hot_photo ul li img{width:100%;height:149px} .hot_photo ul li a .thumimg{position:relative;z-index:5} .hot_photo ul li a .txt{position:absolute;display:table;top:0;left:0;width:149px;height:149px;color:#fff;text-align:center;background:url('https://image.edaily.co.kr/images/content/noimg_comma.png') repeat;z-index:10} .hot_photo ul li a .txt .in{display:table-cell;vertical-align:middle;line-height:149px;padding:0 10px;line-height:1.4em;**position:relative;/* ie7 */ **top:45%;/* ie7 */} .news_domino{float:left;/* padding-top:40px; */ /* margin-top:40px; */ **margin-bottom:15px/* ie7 */} /* 네티즌 관심 정보 */ .netizen_interest{position:relative;display:inline-block;zoom:1;*display:inline;overflow:hidden;width:300px;height:307px;margin-bottom:40px} /* 전종목 시세보기 */ .more_eye{display:inline-block;zoom:1;*display:block} .more_eye ul a li{float:left;position:relative;width:99px;height:97px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center} .more_eye ul a:first-child li{width:98px;border-left:1px solid #ddd} .more_eye ul a li span{position:absolute;bottom:10px;left:0;width:100%;font-size:14px;font-weight:bold;line-height:1.2em} .more_eye ul a li.quote{height:97px;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-20px -136px} .more_eye ul li.stocks{width:98px;height:97px;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-127px -136px} .more_eye ul li.dictionary{width:99px;height:97px;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-236px -136px} /* 광고 */ /* .out_right_ad #mobonDivBanner_16179{position:fixed!important;top:149px!important;right:50%!important;margin-right:-705px!important;} */ .out_right_ad.main_ad_wing, .out_right_ad.read_ad_wing{position:fixed;top:110px;right:50%;margin-right:-680px} /* .out_right_mainad #mobonDivBanner_16179{position:fixed;top:482px!important;right:50%;margin:0 -699px 0 0;}메인 fixed 배너 */ .out_left_ad{position:absolute;top:1px;left:-140px} /* boxbanner_250x250(기사상세) */ .boxbanner_250x250{display:inline-block;*display:inline;width:250px;height:250px;padding:25px;margin-bottom:40px;background:#f8f8f8;zoom:1} /* banner_300x250 */ .boxbanner_300x250{float:left;width:300px;height:250px;margin-bottom:37px;zoom:1} .ad_740x120{overflow:hidden;width:740px;height:120px} .ad_740x150{overflow:hidden;width:740px;height:150px} .ad_740x150>ins{background:#fff} /* boxbanner_234x60 */ .boxbanner_234x60{display:inline-block;zoom:1;*display:inline;margin-bottom:40px;padding:20px 33px;background:#f8f8f8} /* boxbanner_300x100 */ .boxbanner_300x100_r{display:inline-block;zoom:1;*display:inline;overflow:hidden;width:298px;height:98px;margin-bottom:40px;border:1px solid #f5f5f5} /*----------------------------------------------------------------------------------------------------------------- NEWS -------------------------------------------------------------------------------------------------------------------*/ /* BASE */ .title_area{margin:0 0 20px 0} .title_area:after{content:"";display:block;clear:both} .title_left{float:left;font-size:18px;font-weight:600} .title_left:after{content:"";display:block;clear:both} .title_left>em{color:#e60012} /* .title_area ul li:last-child a span.view_all:after{content:"";position:absolute;left:3px;top:-10px;width:9px;height:13px;background:url('https://image.edaily.co.kr/images/content/default_icon.png')no-repeat;background-position:-466px -41px;z-index:10} */ .more_view{position:relative;float:right;/* margin:0 20px 0 0; */font-size:11px;padding-right:15px;z-index:1} .more_view a i{display:inline-block;position:absolute;top:4px;right:0;width:11px;height:11px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-464px -20px;z-index:10} .news_issuefocus>.title_area>.more_view{margin:0 20px 0 0} .news_issuefocus>.title_area>.more_view a i{display:inline-block;position:absolute;top:4px;right:0;width:11px;height:11px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-476px -20px;z-index:10} @media screen and (-webkit-min-device-pixel-ratio:0){ .more_view a i{top:3px} } .btn_moreview{margin:30px 0 50px 0} .btn_moreview a{display:block;width:100%;height:60px;line-height:60px;color:#fff;font-size:18px;text-align:center;background:#333} .btn_moreview p span.count{position:absolute;right:0;margin:0 20px 0 0;padding:0 0 0 20px} .btn_moreview p{position:relative} .btn_moreview p span.count:after{content:"+";position:absolute;top:0;left:0;color:#ed9531;z-index:5} .btn_moreview p span.count:before{content:"";position:absolute;bottom:15px;left:-1px;width:115%;height:1px;background:#ed9531;z-index:6} /* 우측작은버튼용 */ .btn_moreview.small a{width:225px;margin:25px 0 0 0} /* 뉴스종합 */ .top_4news{display:inline-block;margin:0 0 10px 0} .top_4news:after{content:"";display:block;clear:both} .top_4news .section_mainnews{position:relative;float:left;width:365px;height:214px} .top_4news .section_mainnews a .mainnews_visual{overflow:hidden;display:inline-block;height:214px} .top_4news .section_mainnews a .mainnews_visual img{width:100%;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out} .top_4news .section_mainnews a .mainnews_visual:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .top_4news .section_mainnews a .mainnews_text{position:absolute;bottom:-61px;left:50%;transform:translate(-50%);box-sizing:border-box;width:344px;padding:30px 20px;background:rgba(255,255,255,0.9);z-index:10} .top_4news .section_mainnews a .mainnews_text em{overflow:hidden;height:55px;display:inline-block;display:-webkit-box;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;font-size:23px;line-height:28px;font-weight:600} .top_4news .section_mainnews a .mainnews_text em:hover{text-decoration:underline} /* 이미지가 없는경우 */ .section_mainnews.noimg{height:266px} .section_mainnews.noimg a .mainnews_text{top:0;bottom:0;padding:0 20px;background:none} .section_mainnews.noimg a .mainnews_text em{overflow:inherit;position:absolute;top:50%;left:50%;width:344px;-webkit-line-clamp:3;font-size:30px;line-height:38px;height:auto;text-align:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .section_mainnews.noimg a .mainnews_text em:after{content:"";position:absolute;top:-56px;left:50%;margin-left:-25px;display:inline-block;width:50px;height:42px;background:url('https://image.edaily.co.kr/images/content/default_icon.png')no-repeat;background-position:-397px -451px} .section_mainnews.noimg a .mainnews_visual{width:100%;height:266px;background:#fdfdfd} .section_mainnews.noimg a .mainnews_visual img{display:none} /*이미지가 없는경우 */ .top_4news .mainnews_sublist{float:left;width:355px;min-height:266px;padding:0 0 0 20px} .top_4news .mainnews_sublist li{padding:20px 10px;font-size:17px;font-weight:600;line-height:24px;border-bottom:1px solid #e9e9e9} .top_4news .mainnews_sublist li:first-child{padding-top:10px!important} .top_4news .mainnews_sublist li:last-child{border-bottom:0} .top_4news .mainnews_sublist li a{overflow:hidden;display:-webkit-box;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis} .top_4news .mainnews_sublist li a:hover{text-decoration:underline} /* 이슈포커스 */ .focus_bg{position:absolute;top:0;left:-100%;width:100%;height:183px;background:#d7eff1} .news_issuefocus{position:relative;padding:25px 0;margin-bottom:30px;background:#d7eff1} .news_issuefocus:after{content:"";display:bolck;clear:both} .news_issuefocus ul li{margin:0 0 10px 0;font-size:15px;letter-spacing:-1px} .news_issuefocus ul li:last-child{margin-bottom:0;font-size:15px} .news_issuefocus ul li .issue_head{overflow:hidden;width:240px;display:inline-block;margin:0 20px 0 0;height:40px;line-height:40px;text-align:center;font-weight:600;background:#fff} .news_issuefocus ul li a:hover .issue_head{color:#fff;background:#18a0ac} .news_issuefocus ul li .issue_tail{overflow:hidden;width:460px;display:inline-block;zoom:1;height:40px;line-height:40px;white-space:nowrap;text-overflow:ellipsis} .news_issuefocus ul li a:hover .issue_tail{text-decoration:underline} .newsbox{position:relative;margin-top:30px} .newsbox:after{content:"";display:block;clear:both} .newsbox a{display:table;height:134px} .newsbox .newsbox_visual{float:left;overflow:hidden;width:230px;height:134px;margin:0 20px 0 0} .newsbox .newsbox_visual img{width:100%;height:100%;object-fit:cover;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out} .newsbox .newsbox_visual:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .newsbox .newsbox_texts{display:table-cell;vertical-align:middle} .newsbox .newsbox_texts li{overflow:hidden;display:-webkit-box;font-size:15px;line-height:20px;letter-spacing:-1px;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis} .newsbox .newsbox_texts li:first-child{display:inline-block;overflow:hidden;width:490px;margin:0 0 10px 0;white-space:nowrap;text-overflow:ellipsis;font-size:18px} .newsbox .newsbox_texts li:first-child:hover{text-decoration:underline} .newsbox .newsbox_texts li:nth-child(2){overflow:hidden;max-height:39px;margin:0 0 15px 0;font-size:13px;color:#666} .newsbox .newsbox_texts li:last-child{color:#999;letter-spacing:0} .newsbox .newsbox_texts li:last-child .categories{display:inline-block;height:26px;margin:0 10px 0 0;padding:0 10px;line-height:26px;font-size:13px;text-align:center;color:#fff;background:#999} .newsbox .newsbox_texts li:last-child>span:last-child{padding:0 5px;color:#e9e9e9} .newsbox.nopadding a{height:unset} .newsbox_04{position:relative;margin-bottom:30px} .newsbox_04 .author_category{position:absolute;bottom:10px;overflow:hidden;left:250px;height:26px;color:#999;z-index:5} .newsbox_04.nopadding .author_category{left:0!important} .newsbox_04 .author_category>em{color:#e9e9e9} .newsbox_04 .author_category>a{display:inline-block!important} .newsbox_04 .author_category>span.categories{display:inline-block;height:26px;margin:0 10px 0 0;padding:0 10px;line-height:26px;font-size:13px;text-align:center;color:#fff;background:#999} .newsbox_04 .author_category>a>span.author{color:#999} .newsbox_04 a{display:table;height:134px} .newsbox_04 .newsbox_visual{float:left;overflow:hidden;width:230px;height:134px;margin:0 20px 0 0;border:1px solid #e9e9e9} .newsbox_04 .newsbox_visual img{width:100%;height:100%;object-fit:cover;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out} .newsbox_04 .newsbox_visual:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .newsbox_04 .newsbox_texts{position:relative;top:-15px;display:table-cell;vertical-align:middle} .newsbox_04 .newsbox_texts li{overflow:hidden;display:-webkit-box;font-size:15px;line-height:20px;letter-spacing:-1px;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis} .newsbox_04 .newsbox_texts li:first-child{display:inline-block;overflow:hidden;width:490px;margin:0 0 10px 0;white-space:nowrap;text-overflow:ellipsis;font-size:18px} .newsbox_04 .newsbox_texts li:first-child:hover{text-decoration:underline} .newsbox_04 .newsbox_texts li:nth-child(2){overflow:hidden;max-height:39px;margin:0 0 15px 0} .newsbox_04 .newsbox_texts li:last-child{color:#999;letter-spacing:-1px;font-size:14px;color:#666} .editor_newsroom, #editor_newsroom{margin-top:30px} .editor_newsroom ul:after{content:"";display:block;clear:both} .editor_newsroom.als-viewport>ul.als-wrapper{margin-left:-20px} .editor_newsroom.als-viewport>ul.als-wrapper>li.als-item{float:left;width:170px;margin:0 0 0 20px;font-size:15px;line-height:20px;letter-spacing:-1px;font-weight:unset!important} .editor_newsroom ul li:first-child{margin-left:0} .editor_newsroom ul li dl dt{overflow:hidden;width:100px;height:100px;margin:0 auto 20px auto;border-radius:100%;border:1px solid #e9e9e9} .editor_newsroom ul li dl dt img{width:100%} .editor_newsroom ul li dl dd{text-align:center} .editor_newsroom ul li dl dd .newsroomeditor{font-weight:600} .editor_newsroom ul li dl dd:last-child{overflow:hidden;display:-webkit-box;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;height:39px;margin:20px 0 0 0} .editor_newsroom ul li dl a dt:hover .editorpicture{position:relative;z-index:1} .editor_newsroom ul li dl a dt:hover .editorpicture:after{content:"";position:absolute;left:0;overflow:hidden;width:100px;height:100px;color:#fff;background:url('https://image.edaily.co.kr/images/content/black_plusbg.png') no-repeat;z-index:10} .editor_newsroom ul li dl a dt:hover .editorpicture img{width:100%}.picture_economic, #picture_economic{margin-top:40px} .picture_economic.als-viewport ul:after{content:"";display:block;clear:both} .picture_economic.als-viewport{height:250px!important} .picture_economic.als-viewport>ul.als-wrapper{margin-left:-10px;height:244px!important} .picture_economic.als-viewport>ul.als-wrapper>li{float:left;width:320px!important;height:244px;margin:0 0 0 10px!important} .picture_economic.als-viewport>ul.als-wrapper>li img{width:100%;height:100%;object-fit:cover;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out} /* .picture_economic.als-viewport>ul.als-wrapper>li>ul>li:hover img, .picture_economic.als-viewport>ul.als-wrapper>li>a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} */ .picture_economic.als-viewport>ul.als-wrapper>li.als-item.type_topbottom{width:200px!important} .picture_economic.als-viewport>ul.als-wrapper>li.als-item.type_topbottom ul{margin-top:-10px} .picture_economic.als-viewport>ul.als-wrapper>li.als-item.type_topbottom ul li{overflow:hidden;width:200px;height:117px;margin-top:10px} .picture_economic.als-viewport>ul.als-wrapper>li.als-item.type_topbottom ul li:hover img, .picture_economic.als-viewport>ul.als-wrapper>li.als-item.type_once:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .go_left{position:absolute;top:0;right:19px;width:14px;height:14px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-440px -56px;z-index:10} .go_right{position:absolute;top:0;right:0px;width:14px;height:14px;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-464px -56px;z-index:15} .picture_economic.als-viewport>ul.als-wrapper>li.als-item.type_topbottom ul li{position:relative;z-index:0} .picture_economic.als-viewport>ul.als-wrapper>li.als-item.type_topbottom ul li>a>span{position:absolute;top:0;left:0;display:inline-block;overflow:hidden;box-sizing:border-box;width:200px;height:117px;padding:0 20px;white-space:nowrap;text-overflow:ellipsis;line-height:117px;text-align:center;color:#fff;font-size:15px;font-weight:500;background:rgba(0, 0, 0, 0.7);-webkit-transition:.35s ease-in-out;transition:.35s ease-in-out;opacity:0;z-index:-1} .picture_economic.als-viewport>ul.als-wrapper>li>a>span{position:absolute;top:0;left:0;display:inline-block;overflow:hidden;box-sizing:border-box;width:320px;height:244px;padding:0 20px;white-space:nowrap;text-overflow:ellipsis;line-height:244px;text-align:center;color:#fff;font-size:15px;font-weight:500;background:rgba(0, 0, 0, 0.7);-webkit-transition:.35s ease-in-out;transition:.35s ease-in-out;opacity:0;z-index:-1} .picture_economic.als-viewport>ul.als-wrapper>li.als-item.type_topbottom ul li>a:hover span, .picture_economic.als-viewport>ul.als-wrapper>li>a:hover span{z-index:10;opacity:1} .column div{position:relative;float:left;width:200px;height:200px;margin:0 0 0 25px;padding:0} .column div:first-child{margin-left:0} .column div span{position:absolute;bottom:-20px;left:0;z-index:-1;display:block;width:200px;margin:0;padding:0;color:#444;font-size:18px;text-decoration:none;text-align:center;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;opacity:0} figure{width:200px;height:200px;margin:0;padding:0;background:#fff;overflow:hidden} .news_body>figure{height:auto!important} figure:hover+span{bottom:-36px;opacity:1} /********** 뉴스 서브 **********/ .todaycutnews{margin:50px 0} .todaycutnews:after{content:"";display:block;clear:both} .todaycutnews ul li{float:left;overflow:hidden;width:240px;height:240px;margin:0 10px 0 0} .todaycutnews ul li:last-child{margin:0 0px 0 0} .todaycutnews ul li a{position:relative} .todaycutnews ul li img{width:100%} .todaycutnews ul li img+span{position:absolute;left:0;width:240px;height:240px;text-align:center;z-index:10} .todaycutnews ul li img+span>em{display:inline-block;height:60px;margin-top:90px;line-height:60px;padding:0 20px;color:#fff;background:rgba(0, 0, 0, 0.7)} .todaycutnews figure:last-child.snip1200{margin-right:0} figure.snip1200{position:relative;overflow:hidden;max-width:240px;max-height:240px;float:left;width:100%;margin:0 10px 0 0;color:#fff;text-align:center;font-size:15px;background:rgba(0, 0, 0, 0.9)} figure.snip1200:after{content:"";display:block;clear:both} figure.snip1200 *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.45s ease-in-out;transition:all 0.45s ease-in-out} figure.snip1200 img{max-width:100%;position:relative;opacity:0.9} figure.snip1200 figcaption{position:absolute;top:45%;left:7%;right:7%;bottom:45%} figure.snip1200 .heading{overflow:hidden;-webkit-transform:translateY(50%);transform:translateY(50%);position:absolute;bottom:0;width:100%} figure.snip1200 h2{position:relative;/* display:table; */ white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;margin:0 auto;padding:15px 10px;text-align:center;text-transform:uppercase;font-weight:600;background:rgba(0, 0, 0, 0.7)} figure.snip1200 p{top:50%;position:absolute;width:100%;padding:0 20px;margin:0;line-height:20px;font-size:15px;font-weight:100;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0} figure.snip1200 a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1} figure.snip1200:hover img, figure.snip1200.hover img{opacity:0.25;-webkit-transform:scale(1.1);transform:scale(1.1)} figure.snip1200:hover figcaption, figure.snip1200.hover figcaption{top:-15%;bottom:-15%} figure.snip1200:hover p, figure.snip1200.hover p{opacity:1;-webkit-transition-delay:0.1s;transition-delay:0.1s} /*----------------------------------------------------------------------------------------------------------------- OPTION -------------------------------------------------------------------------------------------------------------------*/ /* 오피니언 컬러 */ .bg_minte{background:#18a0ac} .bg_violet{background:#6170b8} .bg_gold{background:#8e8272} .bg_pink{background:#fa8bb8} /********** opinion_main **********/ .opinion_top{width:100%;padding:30px 0;background:#f8f8f8} .opinion_top ul{width:1080px;margin:0 auto} .opinion_top ul:after{content:"";display:block;clear:both} .opinion_top ul li{float:left;width:255px;margin:0 0 0 20px;text-align:center;font-size:15px} .opinion_top ul li:first-child{margin-left:0}.opinion_top ul li p{margin:30px 0 0 0} .opinion_top ul li p:hover{cursor:pointer} .opinion_top ul li p:first-child{overflow:hidden;width:144px;height:44px;line-height:44px;margin:0 auto;white-space:nowrap;text-overflow:ellipsis} .opinion_top ul li p:first-child a{color:#fff;font-weight:600} .opinion_top ul li p:first-child:hover, .opinion_top ul li p:nth-child(2):hover{cursor:pointer} .opinion_top ul li p:nth-child(2){overflow:hidden;display:-webkit-box;width:220px;height:50px;margin:40px auto 0;font-size:20px;font-weight:600;line-height:25px;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;letter-spacing:-1px} .opinion_top ul li p:nth-child(2):hover{text-decoration:underline} .interview_edaily{margin:50px 0 50px 0} .interview_edaily:after{content:"";display:block;clear:both} .interview_edaily ul li{position:relative;overflow:hidden;float:left;width:264px;height:264px;margin:0 0 0 8px} .interview_edaily ul li:first-child{margin-left:0px} .interview_edaily ul li img{width:100%;height:100%;object-fit:cover;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out} .interview_edaily ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .interview_edaily ul li p{position:absolute;bottom:0;left:50%;width:216px;height:76px;overflow:hidden;margin-left:-108px;padding:20px;box-sizing:border-box;text-align:center;font-size:15px;line-height:20px;background:rgba(255,255,255,0.9);z-index:10} .interview_edaily ul li p span{overflow:hidden;display:-webkit-box;text-align:center;word-wrap:break-word;font-weight:600;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis} @media screen and (min-width:0\0){ .interview_edaily ul li p span{display:inline-block;max-height:40px} } .interview_edaily ul li p span:hover{text-decoration:underline} /********** 오른쪽 컴퍼넌트 **********/ .aside_left02{float:left;width:740px;margin-bottom:20px} .aside_right02{float:right;width:300px} .editorial:after{content:"";display:block;clear:both} .editorial ul li{width:369px} .editorial ul li{float:left;width:369px;margin:0 0 0 2px} .editorial ul li:first-child{margin-left:0} .editorial ul li a{box-sizing:border-box;position:relative;float:left;display:table;width:369px;height:113px;background:#f8f8f8} .editorial ul li a:after{content:"";position:absolute;top:20px;left:20px;display:inline-block;width:34px;height:28px;background:url('https://image.edaily.co.kr/images/content/default_icon.png')no-repeat;background-position:-306px -302px} .editorial ul li a span{max-width:210px;display:table-cell;padding:0 20px 0 120px;font-size:20px;font-weight:600;line-height:24px;letter-spacing:-1px;text-align:right;vertical-align:middle} .editorial ul li a span:hover{text-decoration:underline} .newsbook02{margin:50px 0 0 0} .newsbook02:after{content:"";display:block;clear:both} .newsbook02 ul{margin-left:-10px} .newsbook02 ul li{position:relative;float:left;width:240px;height:336px;border:1px solid #e9e9e9;box-sizing:border-box;margin:0 0 0 10px} .newsbook02.deskcolumn{margin:0} .newsbook02.deskcolumn ul{margin-top:-10px} .newsbook02.deskcolumn ul li{cursor:pointer;position:relative;margin-top:10px} .newsbook02.deskcolumn ul li:hover{border:1px solid #18a0ac!important} .newsbook02.deskcolumn ul li:hover dd>span{color:#18a0ac} .newsbook02.deskcolumn ul li dt img{-webkit-filter:grayscale(100%) brightness(90%);filter:gray} .newsbook02.deskcolumn ul li:hover dt img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:grayscale(0%) brightness(0%);filter:none} .newsbook02 ul li dl{position:relative;height:100%;z-index:10} .newsbook02 ul li dl dt{overflow:hidden;width:238px;height:140px} .newsbook02 ul li dl dt img{width:100%;height:100%;object-fit:cover;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;/* -webkit-filter:grayscale(100%) brightness(90%);filter:gray */} .newsbook02 ul li dl dt:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);/* -webkit-filter:grayscale(0%) brightness(0%);filter:none */} .newsbook02 ul li dl dd{display:inline-block;padding:30px 20px 15px 20px;letter-spacing:-1px;font-size:17px;line-height:22px;font-weight:600} .newsbook02 ul li.noimg dl dd:first-child{display:inline-block;min-height:45px;padding:40px 20px 30px 20px;letter-spacing:-1px;font-size:17px;line-height:22px;font-weight:600} .newsbook02 ul li.noimg dl dd:nth-child(2){letter-spacing:-1px;font-size:15px;line-height:20px;color:#999;font-weight:normal} .newsbook02 ul li.noimg dl dd:nth-child(2) p{position:relative;top:-8px;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;z-index:15} @media screen and (min-width:0\0){ .newsbook02 ul li.noimg dl dd:nth-child(2) p{display:inline-block;max-height:80px} } .newsbook02 ul li>p{position:absolute;bottom:40px;right:20px;float:right;font-size:15px;font-weight:normal;z-index:15} .newsbook02 ul li dl:hover, .newsbook02 ul li>p:hover{cursor:pointer} /* .newsbook02 ul li>p>span{overflow:hidden;display:inline-block;position:relative;width:60px;height:60px;top:20px;margin:0 0 0 10px;border:1px solid #e9e9e9;border-radius:100%;-webkit-filter:grayscale(100%) brightness(100%);filter:gray} */ .newsbook02 ul li p span img{width:100%;height:100%;object-fit:cover} .newsbook02 ul li dl dd:nth-child(2) span, .newsbook02 ul li.noimg dl dd:first-child span{display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis} /* S-일반칼럼 */ .newsbook02 ul li dl dd.columtitle span{position:relative;padding-bottom:6px;font-size:15px;font-weight:normal} .newsbook02 ul li dl dd.columtitle span:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#18a0ac;z-index:10} .newsbook02 ul li dl dd.columtitle span:hover{text-decoration:none!important} .newsbook02 ul li dl dd.newstitle, .newsbook02 ul li.noimg dl dd.newstitle span{padding:0 20px 0 20px;font-size:18px;line-height:24px;font-weight:600;color:#333} .newsbook02 ul li:hover .newstitle>span{color:#333!important} .newsbook02 ul li:hover .date>span{color:#999!important} .newsbook02 ul li dl dd.date{position:absolute;bottom:20px;right:20px;padding:0;font-weight:normal;font-size:15px;color:#999} .newsbook02 ul li.noimg dl dd.columtitle{padding:30px 20px 35px 20px} .newsbook02 ul li.noimg dl dd.newstitle{padding:0} .newsbook02 ul li.noimg dl dd.subtitle{font-size:15px;line-height:23px;color:#999;font-weight:normal} .newsbook02 ul li.noimg dl dd.subtitle p{display:-webkit-box;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis} @media screen and (min-width:0\0){ .newsbook02 ul li.noimg dl dd.subtitle p{display:inline-block;max-height:92px} } /* E-일반칼럼 */ .newsbook02 ul li dl dd:nth-child(2) span:hover, .newsbook02 ul li.noimg dl dd:first-child span:hover{text-decoration:underline} @media screen and (min-width:0\0){ .newsbook02 ul li dl dd:nth-child(2) span, .newsbook02 ul li.noimg dl dd:first-child span{display:inline-block;max-height:46px} } .deskcolum_editorbox a span{overflow:hidden;display:inline-block;position:relative;width:60px;height:60px;top:20px;margin:0 0 0 10px;border:1px solid #e9e9e9;border-radius:100%;-webkit-filter:grayscale(100%) brightness(100%);filter:gray} .newsbook02 ul li dl dd:last-child span img{width:100%;height:100%;object-fit:cover} .deskcolum{margin:50px 0 0 0} .deskcolum:after{content:"";display:block;clear:both} .deskcolum .newsbox .newsbox_texts{float:left;width:600px;padding:0 20px 0 0;box-sizing:border-box} .deskcolum .newsbox .newsbox_texts>a{height:auto!important} .deskcolum .newsbox .newsbox_texts:hover, .deskcolum .newsbox .editor_area{cursor:pointer} .deskcolum .newsbox .newsbox_visual{width:200px;margin:0}.deskcolum .newsbox>a{height:75px} .deskcolum .newsbox .editor_area{float:left;text-align:right} .deskcolum .newsbox .editor_area>a{height:auto!important} .deskcolum .newsbox .editor_area span:first-child{overflow:hidden;display:inline-block;position:relative;width:67px;height:67px;margin:0 10px 0 0;border:1px solid #e9e9e9;border-radius:100%;-webkit-filter:grayscale(100%) brightness(100%);filter:gray} .deskcolum .newsbox .editor_area span:first-child img{width:100%;height:100%;object-fit:cover} .deskcolum .newsbox .editor_area span:last-child{display:inline-block;position:relative;top:-18px;text-align:right!important} .deskcolum .newsbox a ul li:last-child{margin:0} .columserial{margin:50px 0 0 0} .columserial:after{content:"";display:block;clear:both} .columserial ul li{position:relative;overflow:hidden;float:left;width:179px;height:100px;margin:0 0 8px 8px} .columserial ul{margin:-8px 0 0 -8px} .columserial ul li .mark_new{position:absolute;bottom:0;right:0;width:0px;height:0px;border-top:30px solid transparent;border-right:30px solid #fa8bb8;z-index:20} .columserial ul li .mark_new>em{position:relative;top:-24px;right:2px;font-size:11px;font-weight:600;color:#fff} .columserial ul li p{position:absolute;top:0;left:0;display:table;width:100%;height:100%;vertical-align:middle;background:rgba(0, 0, 0, 0.6);z-index:10} .columserial ul li p>span{display:table-cell;vertical-align:middle;text-align:center;color:#fff;font-size:17px;line-height:23px} .columserial ul li .serial_img img{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-filter:grayscale(65%) brightness(100%);filter:gray} .columserial ul li a:hover .serial_img img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:grayscale(0%) brightness(0%);filter:none} .columlist{margin:50px 0 0 0} .columlist .newsbox .newsbox_visual{width:90px;height:90px;margin:0 20px 0 0} .columlist .newsbox a{height:90px} .columlist .newsbox .newsbox_texts li:last-child{margin:0} .obituary{margin:50px 0 0 0 } .obituary:after{content:"";display:block;clear:both} .obituary ul{margin:-10px 0 0 -10px} .obituary ul li a{position:relative;float:left;width:240px;height:145px;margin:10px 0 0 10px;padding:20px;font-size:15px;line-height:20px;color:#fff;box-sizing:border-box} .obituary ul li a>em{display:inline-block;margin:0 0 15px 0} .obituary ul li a>em:after{content:"";position:relative;display:inline-block;top:8px;left:-31px;width:35px;height:2px;background:#fff} .obituary ul li a>p{margin:0 0 35px 0;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis} .obituary ul li a>p:hover{ text-decoration:underline} .obituary ul li a>span{ position:absolute; bottom:20px; left:20px; font-size:12px} .obituary ul li.bugo a{ background:#18a0ac} .obituary ul li.insa a{ background:#8e8272} .obituary ul li.dongjeong a{ background:#6170b8} .component_300{ margin:0 0 50px 0} .component_300:after{ content:""; display:block; clear:both} .component_300 dl dt{ position:relative; overflow:hidden; width:300px; height:177px;} .component_300 dl dt span img{ width:100%; height:100%; object-fit:cover; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .component_300 dl dt:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); } .component_300 dl dt .issue_blacktitle{ position:absolute; bottom:0; display:table; width:100%; max-height:70px; font-size:15px; line-height:20px; letter-spacing:-1px; color:#fff; background:rgba(0, 0, 0, 0.8); z-index:10} .component_300 dl dt .issue_blacktitle>span{ padding:15px 20px; display:table-cell; vertical-align:middle;} .component_300 dl dt .issue_blacktitle>span>em{ display:-webkit-box; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;} @media screen and (min-width:0\0){ .component_300 dl dt .issue_blacktitle>span>em{display:inline-block;max-height:40px;overflow:hidden} } .component_300 dl dd{ width:300px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:10px 0 0 0} .component_300 dl dd a:hover{ text-decoration:underline} .component_300 dl dd:nth-child(2){ margin:30px 0 0 0 } .editorial_article{margin-top:0} .editorial_article ul{ margin-top:-10px} .editorial_article ul li{ height:270px; border:0; margin-top:10px; background:#f8f8f8} .editorial_article ul li:hover{ cursor:pointer} .editorial_article ul li dl dt{ position:relative; height:67px; font-size:0;} .editorial_article ul li dl dt:after{ content:""; position:absolute; top:40px; left:20px; display:inline-block; width:34px; height:28px; background:url(https://image.edaily.co.kr/images/content/default_icon.png) no-repeat; background-position:-306px -302px;} .editorial_article ul li dl dd:nth-child(2){ font-size:20px!important; line-height:25px!important;} .editorial_article ul li dl dd:last-child{ color:#999} .editorial_article ul li:hover{ color:#fff; background:#bbb1a4 } .editorial_article ul li:hover dd{ color:#fff!important; } .editorial_article ul li:hover dt:after{ background-position:-306px -264px!important; } @media screen and (min-width:0\0){ .editorial_article ul li dl dd:nth-child(2) span{ display:inline-block; max-height:50px; } } .interview{ margin-top:0 } .interview ul{ margin-top:-10px; } .interview ul li{ overflow:hidden; position:relative; width:240px; height:280px!important; border:0; margin-top:10px; } .interview ul li:hover{ cursor:pointer } .interview ul li img{ width:100%; height:100%; object-fit:cover; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; -webkit-filter:grayscale(80%) brightness(100%); filter:gray } .interview ul li:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-filter:grayscale(0%) brightness(0%); filter:none } .interview ul li>p{ position:absolute; bottom:0; left:50%; display:table; width:176px; height:74px; margin-left:-103px; padding:0 15px; background:rgba(255, 255, 255, 0.9) } .interview ul li>p>span{ display:table-cell; vertical-align:middle; font-size:15px; font-weight:600; } .interview ul li>p>span>em{ display:-webkit-box; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; overflow:hidden; } @media screen and (min-width:0\0){ .interview ul li>p>span>em{ display:inline-block; height:35px; } } .obituarybox{ margin-top:0 } .obituarybox ul{ margin-top:-10px; } .obituarybox ul li{ height:310px; margin-top:10px; padding:40px 20px 0 20px } .obituarybox ul li:hover{ cursor:pointer; } .obituarybox ul li dl dt{ font-size:17px; font-weight:600; height:auto!important } .obituarybox ul li dd{ padding:0!important } .obituarybox ul li dd:nth-child(2){ margin-top:20px; } .obituarybox ul li dd:nth-child(2) span{ min-height:45px } .obituarybox ul li dd.memo{ margin-top:20px; color:#999; font-size:15px; line-height:20px; display:-webkit-box; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; } @media screen and (min-width:0\0){ .obituarybox ul li dd.memo{ display:inline-block; max-height:82px; } } .obituarybox ul li dd:last-child{ position:absolute; bottom:20px; left:0; right:0; font-size:14px; font-weight:normal; color:#999; } .obituarybox ul li.obituary dt{ color:#18a0ac } .obituarybox ul li.obituary:hover{ border:1px solid #18a0ac } .obituarybox ul li.personnel dt{ color:#8e8272 } .obituarybox ul li.personnel:hover{ border:1px solid #8e8272 } .obituarybox ul li.story dt{ color:#6170b8 } .obituarybox ul li.story:hover{ border:1px solid #6170b8 } /*----------------------------------------------------------------------------------------------------------------- ISSU PLAN -------------------------------------------------------------------------------------------------------------------*/ .issue_top{ width:100%; margin:0 0 50px 0; padding:40px 0; border-top:1px solid #e9e9e9; background:#f8f8f8; z-index:5 } .issue_top:after{ content:""; display:block; clear:both } .hotissue_text{ font-size:30px; } .mt_top{margin-top:-31px!important} .title_issuearea{ margin:5px 0 0 0; } .title_issuearea:after{ content:""; display:block; clear:both } .title_issuearea .title_left{ float:left; font-size:30px; font-weight:600 } .title_issuearea .title_left>em{ position:relative; top:-5px; display:inline-block; height:36px; padding:0 10px; margin:0 20px 0 0; line-height:36px; text-align:center; color:#fff; font-size:17px; background:#e60012; } .title_issuearea .more_view{ margin:15px 0 0 0; letter-spacing:-1px; font-size:15px } .title_issuearea .more_view a i{ background-position:-12px -109px; } .issue_top ul{ margin:30px 0 0 0; } .issue_top ul li{ position:relative; float:left; width:350px; height:250px; margin:0 0 0 15px } .issue_top ul li:first-child{ margin:0 0 0 0 } .issue_top ul li p{ position:absolute; bottom:-40px; left:50%; display:table; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:310px; height:80px; background:rgba(255,255,255,0.95); z-index:10 } .issue_top ul li p>span{ display:table-cell; vertical-align:middle; padding:0 30px; font-size:18px; letter-spacing:-1px; line-height:23px; font-weight:600; } .issue_top ul li p>span>em{ display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2 } @media screen and (min-width:0\0){ .issue_top ul li p>span>em{ display:inline-block; max-height:44px; } } .issue_top ul li a>span{ display:inline-block; width:350px; height:250px; overflow:hidden } .issue_top ul li a span img{ width:100%; height:100%; object-fit:cover; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; /* -webkit-filter:grayscale(65%) brightness(100%); filter:gray */ } .issue_top ul li a span:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-filter:grayscale(65%) brightness(100%); filter:gray } .issue_top ul li a span:hover{ text-decoration:underline } .issueplan_list .title_area{ position:relative; } .issueplan_list .title_area .title_left:after{ content:""; position:absolute; top:-13px; left:0; width:25px; height:2px; background:#e60012 } .issueplan_list ul{ margin:-50px 0 0 -20px } .issueplan_list ul li{ float:left; width:360px; height:445px; margin:60px 0 0 20px } .issueplan_list ul li dl dt{ position:relative; overflow:hidden; width:360px; height:212px; } .issueplan_list ul li dl dt span img{ width:100%; height:100%; object-fit:cover; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .issueplan_list ul li dl dt:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); } .issueplan_list ul li dl dt .issue_blacktitle{ position:absolute; bottom:0; display:table; width:100%; height:90px; font-size:20px; line-height:25px; font-weight:600; letter-spacing:-1px; color:#fff; background:linear-gradient(360deg, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%); z-index:10 } .issueplan_list ul li dl dt .issue_blacktitle>span{ padding:0 20px; display:table-cell; vertical-align:middle; } .issueplan_list ul li dl dt .issue_blacktitle>span>em{ display:-webkit-box; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis } .issueplan_list ul li dl dt .issue_blacktitle>span>em:hover{ text-decoration:underline } @media screen and (min-width:0\0){ .issueplan_list ul li dl dt .issue_blacktitle>span>em{ display:inline-block; max-height:50px; } } .issueplan_list ul li dl dd{ position:relative; overflow:hidden; height:44px; max-height:44px; margin:15px 0 0 0; padding:0 10px 0 10px; font-size:15px; line-height:22px; letter-spacing:-1px; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2 } .issueplan_list ul li dl dd:after{ content:"·"; position:absolute; left:0; top:0; font-weight:600 } @media screen and (min-width:0\0){ .issueplan_list ul li dl dd{ display:inline-block; max-height:45px; } } .issueplan_list ul li dl dd:nth-child(2){ margin:30px 0 0 0 } .aside_right02>#right-sticky{ width:300px; padding:0; border-left:0 } .dailyissue{ position:relative; margin:0 0 0 68px; } .dailyissue:before{ content:""; position:absolute; top:0; left:1px; height:100%; border-left:1px solid #e9e9e9; } .dailyissue .title_area{ position:relative; margin:0 0 0 12px; font-size:18px; font-weight:600; } .dailyissue .title_area:after{ content:""; position:absolute; top:2px; left:-10px; width:3px; height:15px; background:#e60012 } .dailyissue .push_timeline{ position:relative; margin:20px 0 0 0; padding:0 0 0 20px; letter-spacing:-1px } .dailyissue .push_timeline span{ position:relative; left:-20px; display:inline-block; height:26px; line-height:26px; padding:0 10px; color:#fff; background:#e60012 } .dailyissue .push_timeline > span{ margin-top:50px } .dailyissue .push_timeline > span:first-child{ margin-top:0; } .dailyissue .push_timeline dl{ position:relative; } .dailyissue .push_timeline dl dt{ position:absolute; top:20px; left:-75px; font-size:15px; font-weight:600; } .dailyissue .push_timeline dl dd{ position:relative; display:inline-block; margin:15px 0 0 0; font-size:12px; line-height:17px; } .dailyissue .push_timeline dl dd a:hover{ color:#e60012; text-decoration:underline } .dailyissue .push_timeline dl dd:nth-child(2):after{ content:"·"; position:absolute; top:0; left:-22px; font-size:33px; font-weight:600; color:#e60012; z-index:10 } .dailyissue .push_timeline dl dd:last-child{ padding:0 0 25px 0; margin-bottom:10px; border-bottom:1px dotted #e9e9e9 } .dailyissue .push_timeline dl:last-child dd{ border-bottom:0; margin-bottom:0; /* padding-bottom:17px */ } .issuesub.dailyissue{ margin-top:50px; } .issuesub.dailyissue .push_timeline dl{ margin:20px 0 0 0; } .issuesub.dailyissue .push_timeline dl:last-child{ margin-bottom:50px } .issuesub.dailyissue .push_timeline dl dt{ position:relative; overflow:hidden; top:0; left:0; float:left; width:80px; height:80px; background:none; } .issuesub.dailyissue .push_timeline dl>span{ position:absolute; top:30px; left:-75px; font-size:15px; color:#333; font-weight:600; background:none; z-index:10 } .issuesub.dailyissue .push_timeline dl dt img{ width:100%; height:100%; object-fit:cover; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .issuesub.dailyissue .push_timeline dl dt:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); } .issuesub.dailyissue .push_timeline dl dd{ display:table; height:94px; padding:0; margin:0; font-size:17px; font-weight:600; border:0!important } @media screen and (min-width:0\0){ .issuesub.dailyissue .push_timeline dl dd{ height:115px; } } .newsroom_head .btn_home a{ position:relative; top:-2px; display:inline-block; width:36px; height:33px; margin:0 0 0 20px; text-indent:-999999px; background:url(https://image.edaily.co.kr/images/content/default_icon.png) no-repeat; background-position:-281px -473px; } .issuesub.dailyissue .push_timeline dl dd>p{ display:table-cell; padding:0 0 0 20px; vertical-align:middle; font-size:17px; } .issuesub.dailyissue .push_timeline dl dd>p>b{ display:-webkit-box; word-wrap:break-word; -webkit-box-orient:vertical; -ms-box-orient:vertical; box-orient:vertical; -webkit-line-clamp:2; -ms-line-clamp:2; line-clamp:2; width:463px; line-height:25px; overflow:hidden; text-overflow:ellipsis } .issuesub.dailyissue .push_timeline dl dd>p>b:hover{ text-decoration:underline!important } .issuesub.dailyissue .push_timeline dl.noimg dd>p{ padding-left:0 } .issuesub.dailyissue .push_timeline dl.noimg dd>p>b{ width:625px; } .issuesub.dailyissue .push_timeline dl dd>p>span{ left:0; width:100%; margin:20px 0 0 0; padding:0; font-size:15px; color:#999; line-height:0; font-weight:normal; background:none; } .issuesub.dailyissue:before{ height:100% } .issuesub.dailyissue .push_timeline dl dt:after{ content:"·"; position:absolute; top:40px; left:-22px; font-size:33px; font-weight:600; color:#e60012; z-index:10; } .issuesub.dailyissue .push_timeline dl dd:after{ display:none!important } .component_300>.title_area>.title_left{ position:relative; padding:0 0 0 10px } .component_300>.title_area>.title_left:after{ content:""; position:absolute; top:0; left:0; width:3px; height:15px; background:#e60012 } /********** 이슈상세 **********/ .issue_maintop{ position:relative; overflow:hidden; width:740px; height:252px; } .issue_maintop img{ width:100%; height:100%; object-fit:cover; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .issue_maintop a:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-filter:grayscale(65%) brightness(100%); filter:gray } .issue_maintop h3{ position:absolute; top:0; left:0; height:60px; padding:0 20px; line-height:60px; font-size:25px; font-weight:600; color:#fff; letter-spacing:-1px; background:#e60012; z-index:10 } /*----------------------------------------------------------------------------------------------------------------- PHOTO -------------------------------------------------------------------------------------------------------------------*/ .photomain_top{ width:100%; } .photosub_top{ width:100%; background:#333 } .blackbg_100{ max-width:1600px; height:560px; margin:0 auto; background-size:cover!important; } .blackbg_100 .cont_intro{ max-width:1600px; margin:0 auto; background:rgba(0, 0, 0, 0.6) } .cont_intro .tit_intro{ width:1080px; display:table; height:560px; } .cont_intro .tit_intro span{ display:table-cell; vertical-align:middle; text-align:center; color:#fff; font-size:50px; font-weight:600 } .cont_intro .tit_intro span{ display:table-cell; vertical-align:middle; text-align:center; color:#fff; font-size:40px; font-weight:600 } .phototop_sectioin{ position:relative } .phototop_sectioin>.btn_close a{ position:absolute; top:25px; right:25px; width:30px; height:30px; font-size:0; } .phototop_sectioin>.btn_close a:after{ content:""; position:absolute; top:0; left:0; width:32px; height:32px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-438px -160px; } .phototop_sectioin>.info_view{ position:absolute; right:20px; bottom:30px; font-size:17px; color:#fff } .btn_scroll a{ position:absolute; bottom:30px; left:50%; color:#fff; font-size:25px; -webkit-transform:translateX(-50%); transform:translateX(-50%) } .btn_scroll{ position:relative; } .btn_scroll a:after{ content:""; position:absolute; top:-30px; left:10px; width:42px; height:19px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-302px -340px; -webkit-animation:arrAni 1s cubic-bezier(.37,.01,.55,.99) infinite; animation:arrAni 1s cubic-bezier(.37,.01,.55,.99) infinite; } @keyframes arrAni{ 0%{ -webkit-transform:translateY(-20px); transform:translateY(-20px) } 50%{ -webkit-transform:translateY(-20px); transform:translateY(0) } to{ -webkit-transform:translateY(-20px); transform:translateY(-20px) } } .photosub_text{ width:1080px; margin:65px auto 0 auto; font-size:15px; line-height:20px; } .photosub_text h3{ font-size:30px; text-align:center; font-weight:normal; letter-spacing:-1px; } .photosub_text h3:hover{ text-decoration:underline } .photosub_text>p{ margin:30px 0 0 0; } .photosub_text>.btn_newsview{ width:190px; margin:30px auto; } .photosub_text>.btn_newsview a{ display:inline-block; width:190px; height:45px; line-height:45px; text-align:center; border:1px solid #333; font-size:20px; } .photosub_text>.btn_newsview a:hover{ background:#333; color:#fff!important } .photosub_gallery{ width:1080px; margin:50px auto 0 auto } .photosub_gallery:after{ content:""; display:block; clear:both } .photosub_gallery ul li{ position:relative; overflow:hidden; float:left; height:358px; border-right:2px solid #fff; border-bottom:2px solid #fff; } #divphotosub_gallery ul li{ position:relative; overflow:hidden; float:left; height:360px; border:0 } .photosub_gallery ul li.s_720 .photosub_img{ width:722px; height:360px; } .photosub_gallery ul li.s_360 .photosub_img{ width:360px; height:360px; } .photosub_gallery ul li:hover{ cursor:pointer } .photosub_gallery ul li .overlayer{ position:absolute; left:50%; top:50%; padding:20px; opacity:0; z-index:10; -webkit-transition:1s ease-in-out; transition:1s ease-in-out; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background:rgba(0, 0, 0, 0.7) } .photosub_gallery ul li .overlayer span{ display:-webkit-box; word-wrap:break-word; text-align:center; color:#fff; font-size:17px; line-height:22px; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; } @media screen and (min-width:0\0){ .photosub_gallery ul li .overlayer span{ display:inline-block; max-height:43px; } } .photosub_gallery ul li:hover .overlayer{ opacity:1; cursor:pointer } .photosub_gallery ul li>.icon_box{ position:absolute; opacity:0; right:0; bottom:0; width:54px; height:54px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-471px -324px; z-index:500; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .photosub_gallery ul li:hover .icon_box{ opacity:1; cursor:pointer } .photosub_gallery ul li img{ width:100%; height:100%; object-fit:cover; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; -webkit-filter:grayscale(80%) brightness(100%); filter:gray } .photosub_gallery ul li:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-filter:grayscale(0%) brightness(0%); filter:none } .photosub_gallery ul li:hover background{ -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-filter:grayscale(0%) brightness(0%); filter:none } .photosub_gallery ul li.titlearea{ background:#ed6942; -webkit-transition:.5s ease-in-out; transition:.5s ease-in-out; } .photosub_gallery ul li.titlearea:hover{ background:#9279cc!important; } .photosub_gallery ul li.titlearea>span{ position:absolute; top:50%; left:50%; width:fit-content; max-width:300px; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:-webkit-box; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; font-size:20px; color:#fff; line-height:25px } @media screen and (min-width:0\0){ .photosub_gallery ul li.titlearea>span{ display:inline-block; max-height:50px } } .photosub_gallery ul li.titlearea:hover{ cursor:auto; } .photosub_gallery ul li.nobox{ width:360px; height:360px; background:#fff } .bg_purple{ background:#9279cc!important; -webkit-transition:1s ease-in-out; transition:1s ease-in-out; } .photosub_gallery ul li.nobox.bg_purple:hover{ display:inline-block; background:#f58f4c!important; -webkit-transition:1s ease-in-out; transition:.5s ease-in-out; } .bg_orange{ background:#f58f4c!important } .photosub_gallery ul li.nobox.bg_orange:hover{ display:inline-block; background:#adc378!important; -webkit-transition:1s ease-in-out; transition:.5s ease-in-out; } .bg_green{ background:#adc378!important } .photosub_gallery ul li.nobox.bg_green:hover{ display:inline-block; background:#d1c0a6!important; -webkit-transition:1s ease-in-out; transition:.5s ease-in-out; } .bg_gold{ background:#d1c0a6!important } .photosub_gallery ul li.nobox.bg_gold:hover{ display:inline-block; background:#f8d184!important; -webkit-transition:1s ease-in-out; transition:.5s ease-in-out; } .bg_yellow{ background:#f8d184!important } .photosub_gallery ul li.nobox.bg_yellow:hover{ display:inline-block; background:#9279cc!important; -webkit-transition:1s ease-in-out; transition:.5s ease-in-out; } .photosub_gallery ul li.s_720{ width:720px; overflow:hidden; } .photosub_gallery ul li.s_360{ width:358px } #divphotosub_gallery ul li.s_360{ width:360px } /* 300 광고배너 */ .photosub_gallery ul li.s_360.banner300{ position:relative; overflow:hidden; width: 358px; height: 358px; background: #ddd !important; } .photosub_gallery ul li.s_360.banner300>iframe{ position:relative; left:50%; top:50%; margin:-125px 0 0 -150px; z-index:5 } .photosub_gallery ul li.s_360.banner300:after{ content:""; position:absolute; left:50%; top:50%; width:50px; height:51px; background:url('https://image.edaily.co.kr/images/content/loading_small02.gif') no-repeat; -webkit-transform:translate(-50%,-100%); -ms-transform:translate(-50%,-100%); transform:translate(-50%,-100%); z-index:1 } .photosub_gallery ul li.s_720 .overlayer{ display:inline-block; width:fit-content; max-width:500px; } @media screen and (min-width:0\0){ .photosub_gallery ul li.s_720 .overlayer{ width:auto; display:table; } } .photosub_gallery ul li.s_360 .overlayer{ width:fit-content; max-width:250px } @media screen and (min-width:0\0){ .photosub_gallery ul li.s_360 .overlayer{ width:auto; display:table; } } /* 광고 로딩 */ .photosub_gallery ul li.s_360.nobox .banner_300x169>iframe{ position:relative; z-index:5 } .photosub_gallery ul li.s_360.nobox .banner_300x169{ position:relative; } .photosub_gallery ul li.s_360.nobox .banner_300x169:after{ content:""; position:absolute; left:50%; top:50%; width:50px; height:51px; background:url('https://image.edaily.co.kr/images/content/loading_small.gif') no-repeat; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:1 } .project>.banner300{ position:relative; } .project>.banner300>iframe{ position:relative; z-index:5 } .project .banner300:after{ content:""; position:absolute; left:50%; top:50%; width:50px; height:51px; background:url('https://image.edaily.co.kr/images/content/loading_small02.gif') no-repeat; -webkit-transform:translate(-50%,-100%); -ms-transform:translate(-50%,-100%); transform:translate(-50%,-100%); z-index:1 } .photosub_gallery ul li.layer_orange .layer:after{ content:""; position:absolute; top:0; left:0; display:inline-block; width:100%; height:360px; background:rgba(237, 105, 66, 0.2); z-index:5 } .photosub_gallery ul li.layer_browon .layer:after{ content:""; position:absolute; top:0; left:0; display:inline-block; width:100%; height:360px; background:rgba(91, 51, 40, 0.3) } .photosub_gallery ul li.layer_gold .layer:after{ content:""; position:absolute; top:0; left:0; display:inline-block; width:100%; height:360px; background:rgba(209, 192, 166, 0.3) } .else_depth{ width:1080px; margin:70px auto 0 auto } .else_depth ul li{ float:left; width:255px; margin-left:20px; } .else_depth ul li:first-child{ margin-left:0; } .else_depth ul li .else_img{ overflow:hidden; width:100px; height:100px; border-radius:100%; } .else_depth ul li .else_img img{ width:100%; height:100%; object-fit:cover; } .else_depth>h2{ text-align:center; font-size:30px; margin-bottom:20px; letter-spacing:-1px; font-weight:normal; } /* stargallery */ .stargallery_title{ text-align:center; font-size:20px; margin-top:60px; font-weight:600; letter-spacing:40px; text-indent:20px } .stargallery{ width:100%; margin-top:50px; text-align:center; } .stargallery>div.gallery_box{ margin-left:20px; } .stargallery>div.gallery_box:first-child{ margin-left:0 } .stargallery .gallery_box .gallery_img{ overflow:hidden; width:210px; height:210px; border-radius:100%; margin:0 auto; } .gallery_box:hover{ cursor:pointer } .stargallery .gallery_box .gallery_img img{ width:100%; overflow:hidden; min-height:210px; object-fit:cover; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; } .stargallery .gallery_box:hover img{ overflow:hidden; -webkit-transform:scale(1.1); transform:scale(1.1); } .slick-next{ right:-30px !important; background:url('https://image.edaily.co.kr/images/content/right_off.png') no-repeat !important } .slick-next:hover{ background:url('https://image.edaily.co.kr/images/content/right_on.png') no-repeat !important } .slick-prev{ left:-30px !important; background:url('https://image.edaily.co.kr/images/content/left_off.png') no-repeat !important } .slick-prev:hover{ background:url('https://image.edaily.co.kr/images/content/left_on.png') no-repeat !important } .gallery_box span{ width:270px; box-sizing:border-box; display:inline-block; font-size:18px; margin-top:30px; padding:0 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:10px; text-indent:16px } /********** 포토광고 **********/ .photo_ad_1080_200{ position:relative; width:1080px; height:244px; margin:100px auto; background:#e9e9e9; } .photo_ad_1080_200>iframe{ position:relative; top:20px; } .photo_ad_1080_200:before{ content:""; width:100%; height:244px; left:-100%; top:0; background:#e9e9e9; position:absolute; z-index:10; } .photo_ad_1080_200:after{ content:""; width:100%; height:244px; right:-100%; top:0; background:#e9e9e9; position:absolute; z-index:10; } /********** 포토상세팝업 슬라이드 **********/ #fullScreenPopupLayer{ background:rgba(255,255,255,0.9)!important } #photo_popup{ position:fixed; top:50%!important; left:50%!important; width:1080px; margin:0 auto; overflow:hidden; background:rgba(255,255,255,0.5)!important; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .photopopup_section{ display:table; /* width:1080px; */ overflow:hidden; height:700px; margin:0 auto } .photopopup_section>p.viewimg.ed-img{ display:table-cell; vertical-align:middle } .photopopup_section img{ object-fit:cover; visibility:hidden; } .ed-img:not(.ed-thumb){ background-size:contain; background-repeat:no-repeat; background-position:center center; } .ed-img img{ object-fit:contain } .photopopup>.slick-list>.slick-track{ margin-left:0!important } .photopopup .slick-next{ top:306px!important; right:50px !important; width:48px!important; height:99px!important; opacity:1; background:url('https://image.edaily.co.kr/images/content/big_right_off.png') no-repeat !important; -webkit-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; transition:.3s ease-in-out; } .photopopup:hover .slick-next{ opacity:1; background:url('https://image.edaily.co.kr/images/content/big_right_off.png') no-repeat !important; } .photopopup .slick-prev{ top:306px!important; left:50px!important; width:48px!important; height:99px!important; opacity:1; background:url('https://image.edaily.co.kr/images/content/big_left_off.png') no-repeat !important; -webkit-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; transition:.3s ease-in-out; } .photopopup .slick-prev.slick-arrow.height{ top:40%!important; left:5%!important; } .photopopup .slick-next.slick-arrow.height{ top:40%!important; right:5%!important; } .photopopup .slick-prev.slick-arrow.width{ top:30%!important; left:-5%!important; } .photopopup .slick-next.slick-arrow.width{ top:30%!important; right:-5%!important; } .photopopup:hover .slick-prev{ opacity:1; background:url('https://image.edaily.co.kr/images/content/big_left_off.png') no-repeat !important; } .photopopup .slick-dots{ display:none!important } .phopopup_infomation{ width:1080px; margin-top:30px; } .phopopup_titile{ display:block; text-align:center; margin-bottom:20px; } .phopopup_infomation .phopopup_titile>em{ display:-webkit-box; word-wrap:break-word; overflow:hidden; -webkit-box-orient:vertical; -ms-box-orient:vertical; box-orient:vertical; -webkit-line-clamp:2; -ms-line-clamp:2; line-clamp:2; text-overflow:ellipsis; padding:0 50px; line-height:normal; font-size:35px; font-weight:600; letter-spacing:-1px; } .phopopup_infomation .phopopup_titile>em:hover{ text-decoration:underline } .phopopup_infomation>.btn_view{ /* float:right; */ position:relative; margin:0 auto; display:inline-block; width:150px; height:45px; line-height:45px; font-size:20px; text-align:center; padding:0 20px; color:#fff; cursor:pointer; border:1px solid#333; background:#333; left:50%; -webkit-transform:translate(-50%); transform:translate(-50%); } .phopopup_infomation>.btn_view:hover{ color:#333; border:1px solid #333; font-size:20px; background:#fff } /*----------------------------------------------------------------------------------------------------------------- reporterchannel -------------------------------------------------------------------------------------------------------------------*/ .newsroom_head{ overflow:hidden; width:100%; height:300px; background:#38658c; } .newsroombg_1600{ position:absolute; top:0; left:50%; width:1600px; height:300px; margin-left:-800px; background:url('https://image.edaily.co.kr/images/content/newsroom_main_1080.jpg') no-repeat center -20px; } .newsroombg_1080{ position:relative; width:1080px; height:300px; padding-top:40px; margin:0 auto; } .newsroombg_1080 .allmenu{ margin:0; } .newsroombg_1080 .allmenu .btn_allmenu{ font-size:0; width:39px; height:30px; background-position:-245px -370px!important; } .newsroombg_1080 .allmenu .btn_allmenu:hover{ background-position:-304px -370px!important } .newsroombg_1080 .gnb_right{ float:right; width:auto } .newsroombg_1080 .gnb_right>h1 a{ display:inline-block; width:114px; height:26px; margin-top:2px; text-indent:-9999999px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-44px -469px; } .newsroombg_1080:after{ content:""; position:absolute; top:153px; right:-20px; width:531px; height:151px; background:url('https://image.edaily.co.kr/images/content/reporterchannel_title.png') no-repeat } /********** 서브페이지 head **********/ .h_560{ height:560px; } .newsroombg_1080.new1080 .allmenu .btn_allmenu:hover{ background-position:-346px -370px!important } .newsroom_head.yellow{ background:#ffbb00 } .newsroom_head.blue{ background:#86c3e2 } .newsroom_head.black{ background:#222 } .newsroombg_1600.new1100{ top:0; left:50%; width:1100px; height:560px; margin-left:-300px; background-size:cover!important } .new1080{ height:560px; } .new1080:after{ display:none } .menu_logo:after{ content:""; display:block; clear:both } .infomation_editor{ position:relative; margin:40px 0 0 0; } .infomation_editor:after{ content:""; display:block; clear:both } .department_name{ position:relative; float:left; width:260px; letter-spacing:-1px } .department_name .department{ position:absolute; top:91px; right:30px; width:232px; text-align:right; font-size:30px; color:#1b46ff; font-weight:500; z-index:5; } .department_name .name{ position:absolute; top:150px; right:10px; letter-spacing:-1px; font-size:63px; color:#fff; z-index:6 } .department_name .name:before{ content:""; position:absolute; top:-15px; left:0%; height:0; width:100%; border-bottom:60px solid #1b46ff; border-left:0px solid transparent; border-right:10px solid transparent; z-index:-1; } .department_name .editor{ position:absolute; top:219px; right:70px; font-size:36px; color:#fff; z-index:7; } .department_name .editor:before{ content:""; position:absolute; top:-7px; left:-10px; height:0; width:100%; border-bottom:35px solid #1b46ff; border-left:8px solid transparent; border-right:2px solid transparent; z-index:-2; } .editor_snsinfo{ margin:370px 0 0 0 } .editor_snsinfo ul li{ display:inline-block; font-size:25px; line-height:35px; color:#fff; letter-spacing:-1.5px } .myment{ position:absolute; bottom:0; overflow:hidden; width:390px; } .myment span{ display:-webkit-box; display:-ms-box; display:box; overflow:hidden; text-overflow:ellipsis; text-shadow:3px 3px 4px #111; -webkit-box-orient:vertical; -ms-box-orient:vertical; box-orient:vertical; -webkit-line-clamp:3; -ms-line-clamp:3; line-clamp:3; } @media screen and (min-width:0\0){ .myment span:first-child{ width:auto; max-height:70px; } } .editor_sns{ position:relative; top:-5px; float:right; } .editor_sns ul li{ position:relative; float:left; width:54px; height:54px; border-radius:100%; margin-left:15px; font-size:0; } .editor_sns ul li:hover{ cursor:pointer } .editor_sns ul li:first-child{ margin-left:0; } .editor_sns>ul>li.youtube, .editor_sns>ul>li.insta, .editor_sns>ul>li.facebook, .editor_sns>ul>li.twitter{ background:#86c3e2 } .editor_sns>ul>li.etcsns{ background:rgba(255,255,255,0.5) } .editor_sns>ul>li.mail{ background:#ffbb00 } .editor_sns ul li:after{ content:""; position:absolute; top:0; left:0; width:54px; height:54px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; } .editor_sns>ul>li.youtube:after{ background-position:-10px -520px; } .editor_sns>ul>li.insta:after{ background-position:-74px -520px; } .editor_sns>ul>li.facebook:after{ background-position:-138px -520px; } .editor_sns>ul>li.twitter:after{ background-position:-202px -520px; } .editor_sns>ul>li.etcsns:after{ background-position:-266px -520px; } .editor_sns>ul>li.mail:after{ background-position:-330px -520px; } .editor_sns>ul>li.youtube:hover, .editor_sns>ul>li.insta:hover, .editor_sns>ul>li.facebook:hover, .editor_sns>ul>li.etcsns:hover, .editor_sns>ul>li.twitter:hover{ background:#ffbb00 } .editor_sns>ul>li.mail:hover{ background:#86c3e2 } .naver_snsinfo{ float:right; width:820px; } .naver_snsinfo .naver_info{ position:relative; right:-10px; float:right; width:151px; border-radius:10px; background:rgba(255,255,255,0.9); /* height:95px; */ /* background:url('https://image.edaily.co.kr/images/content/transform_black.png') no-repeat; */ } .naver_snsinfo .icon_naver{ font-size:0 } .naver_snsinfo .icon_naver:hover{ cursor:pointer } .naver_snsinfo .icon_naver:after{ content:""; position:absolute; top:-10px; right:-8px; width:24px; height:24px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-170px -471px } .naver_snsinfo .naver_numbers{ width:110px; margin:0 0 0 20px; color:#fff; font-size:18PX; } .naver_snsinfo .naver_numbers>div{ margin-top:10px; color:#333 } .naver_snsinfo .naver_numbers>div>span{ float:right; color:#2db400 } .naver_snsinfo .subscribe{ text-align:center; color:#fff; font-size:17px; font-weight:600; margin:15px 12px 12px 12px; padding:15px 0; background:#2db400; border-radius:8px; /* box-shadow:3px 3px 3px rgba(0, 0, 0, 0.9) */ } .naver_snsinfo .subscribe:hover{ cursor:pointer; /* border:1px solid #2f960d; padding:14px 0; */ color:#ffdb77 } /********* 취재노트 **********/ .reportenote_box{ position:relative; top:-30px; width:100%; height:1100px; } .reportnote_1600{ position:absolute; top:0; left:50%; width:1600px; background:url('https://image.edaily.co.kr/images/content/newspaper_1600_bg.jpg') no-repeat; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) } .reportnote_1600:after{ content:""; position:absolute; top:0; left:0; width:1600px; height:1180px; background:url('https://image.edaily.co.kr/images/content/note_1600_bg.png') no-repeat; } .reportnote_box{ position:relative; height:1180px; } .title_note{ position:absolute; top:220px; left:50%; margin-left:-146px; width:292px; height:68px; background:url('https://image.edaily.co.kr/images/content/reportnotetitle.png') no-repeat; z-index:10 } .reportnote_box .news_title{ display:-webkit-box; margin-top:10px; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; color:#2870b3; font-weight:600; letter-spacing:-1px; } .reportnote_box .news_title:hover{ cursor:pointer; text-decoration:underline } @media screen and (min-width:0\0){ .reportnote_box .news_title{ display:inline-block; max-height:90px } } .position_01 dl dt img, .position_02 dl dt img, .position_03 dl dt img, .position_04 dl dt img, .position_05 dl dt img{ width:100%; height:100%; object-fit:cover; -webkit-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; transition:.3s ease-in-out; } .position_01 dl dt:hover img, .position_02 dl dt:hover img, .position_03 dl dt:hover img, .position_04 dl dt:hover img, .position_05 dl dt:hover img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); } .position_01 dl dt:hover, .position_02 dl dt:hover, .position_03 dl dt:hover, .position_04 dl dt:hover, .position_05 dl dt:hover{ cursor:pointer } .position_01{ position:absolute; top:270px; left:0; z-index:11 } .position_01 dl dt{ position:relative; top:0; right:-140px; overflow:hidden; width:164px; height:164px; border-radius:100%; z-index:12 } .position_01 .news_title{ width:215px; font-size:23px; line-height:30px; } .position_02{ position:absolute; top:223px; left:446px; z-index:12 } .position_02 .news_title{ width:187px; font-size:22px; line-height:29px; } .position_02 dl dt{ position:relative; top:70px; right:-175px; overflow:hidden; width:128px; height:128px; border-radius:100%; z-index:13 } .position_03{ position:absolute; top:280px; right:34px; z-index:13 } .point_star{ font-size:0; position:relative; z-index:10; top:-332px; } .point_star:after{ content:""; position:absolute; top:520px; left:-65px; width:267px; height:161px; background:url(https://image.edaily.co.kr/images/content/point_star.png) no-repeat; z-index:20; } .blinking{ -webkit-animation:blink 1s ease-in-out infinite alternate; -moz-animation:blink 1s ease-in-out infinite alternate; animation:blink 1s cubic-bezier(0.08, 0.88, 0.99, 0.58) infinite alternate; } @-webkit-keyframes blink{ 0%{opacity:0} 100%{opacity:1} } @-moz-keyframes blink{ 0%{opacity:0} 100%{opacity:1} } @keyframes blink{ 0%{opacity:0} 100%{opacity:1} } .position_03 .news_title{ position:relative; width:187px; font-size:24px; line-height:31px; z-index:30; } .position_03 dl dt{ position:relative; top:-20px; right:-50px; overflow:hidden; width:148px; height:148px; border-radius:100%; z-index:14; } .position_04{ position:absolute; top:480px; left:187px; z-index:14 } .position_04 .news_title{ width:187px; font-size:22px; line-height:29px; } .position_04 dl dt{ position:relative; top:175px; right:195px; overflow:hidden; width:180px; height:180px; border-radius:100%; z-index:15; } .position_04 dl{ position:relative } .position_04 dl:before{ content:""; position:absolute; bottom:-180px; left:-205px; width:200px; height:205px; background:url('https://image.edaily.co.kr/images/content/smallnote_bg.png') no-repeat; z-index:-1; } .position_05{ position:absolute; top:507px; right:260px; z-index:15; } .position_05 .news_title{ width:200px; font-size:22px; line-height:29px; } .position_05 dl dt{ position:relative; top:155px; right:-220px; overflow:hidden; width:182px; height:182px; border-radius:100%; z-index:16; } .theview_icon{ position:absolute; top:890px; left:50%; width:155px; height:48px; margin-left:-54px; font-size:0; background:url('https://image.edaily.co.kr/images/content/btn_moreview.png') no-repeat; z-index:20 } .theview_icon.position_none{ position:static; margin:50px auto 0 auto } .theview_icon:hover{ cursor:pointer } .timebox>span{ font-size:0; display:inline-block; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; } .timebox>span.icon_clock{ margin-right:10px; width:35px; height:33px; background-position:-221px -473px } .timebox>span.number_0{ width:20px; height:37px; background-position:-252px -598px } .timebox>span.number_1{ width:14px; height:37px; background-position:-17px -598px } .timebox>span.number_2{ width:22px; height:37px; background-position:-35px -598px } .timebox>span.number_3{ width:19px; height:37px; background-position:-63px -598px } .timebox>span.number_4{ width:31px; height:37px; background-position:-88px -598px } .timebox>span.number_5{ width:21px; height:37px; background-position:-123px -598px } .timebox>span.number_6{ width:17px; height:37px; background-position:-149px -598px } .timebox>span.number_7{ width:24px; height:37px; background-position:-170px -598px } .timebox>span.number_8{ width:23px; height:37px; background-position:-200px -598px } .timebox>span.number_9{ width:18px; height:37px; background-position:-229px -598px } .timebox>span.icon_timeago{ width:72px; height:38px; background-position:-8px -647px } .timebox>span.icon_dayago{ width:46px; height:38px; background-position:-89px -647px } .timebox>span.icon_old{ width:72px; height:38px; background-position:-144px -647px } /***** 연재기사 *****/ .running_story{ margin-top:60px; } .running_story .title_left{ position:relative; padding:0 0 5px 20px; font-size:33px; color:#fff; z-index:1 } .running_story .title_left:before{ content:""; position:absolute; top:-26px; left:0%; height:0; width:110%; border-bottom:80px solid #1b46ff; border-left:5px solid transparent; border-right:10px solid transparent; z-index:-1; } .running_story .more_view{ position:relative; top:8px; font-size:17px!important; z-index:11 } .running_story .more_view em{ position:relative; top:-1px; left:-4px; } .running_story .more_view:hover em{ color:#e60012; } .running_story ul{ position:relative; display:inline-block; padding:0 0 10px 0; margin-top:-60px; z-index:10 } .running_story ul:after{ content:""; display:block; clear:both } .running_story ul li{ overflow:hidden; float:left; width:350px; min-height:420px; max-height:420px; margin:65px 0 0 10px; padding:20px; font-weight:normal; border:1px solid #f5f5f5; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; background:#fff; box-shadow:6px 5px 4px #eeeeee; } .running_story ul li:hover{ cursor:pointer } .running_story ul li dl dt{ overflow:hidden; width:310px; height:160px; margin:0 0 30px 0 } .running_story ul li dl dt img{ width:100%; min-height:160px; object-fit:cover; -webkit-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; transition:.3s ease-in-out; } .running_story ul li:hover img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); } .running_story ul li dl dd.title span{ display:-webkit-box; min-height:55px; margin:0 0 30px 0; font-size:21px; line-height:26px; letter-spacing:-1px; font-weight:600; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:2; } @media screen and (min-width:0\0){ .running_story ul li dl dd.title span{ display:inline-block; max-height:52px } } /* 이미지없을경우 */ .running_story ul li.noimg dl dd.title{ position:relative; display:table; min-height:275px; text-align:center; } .running_story ul li.noimg dl dd.title:after{ content:""; position:absolute; top:10px; left:10px; width:54px; height:43px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-398px -398px } .running_story ul li.noimg dl dd.title span{ position:relative; top:15px; display:table-cell; vertical-align:middle; padding:0 20px; font-size:25px; line-height:32px; } .running_story ul li.noimg dl dd.title span em{ display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-box-orient:vertical; -ms-box-orient:vertical; box-orient:vertical; -webkit-line-clamp:2; -ms-line-clamp:2; line-clamp:2; } .running_story ul li dl dd.title:hover{ text-decoration:underline } .running_story ul li dl dd.name_date{ margin:0 0 10px 0; font-size:14px; color:#999 } .running_story ul li dl dd.name_date>span:first-child{ margin:0 10px 0 0 } .running_story ul li dl dd.memo{ display:-webkit-box; font-size:16px; line-height:22px; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:3; } @media screen and (min-width:0\0){ .running_story ul li dl dd.memo{ display:inline-block; max-height:67px } } /***** 부서별 꿀팁 *****/ .departmental_tip .slick-prev, .departmental_tip .slick-next{ top:110px; } .departmental_tip .stargallery_title{ font-size:30px; letter-spacing:-1px; margin-bottom:60px } .departmental_tip .slick-list.draggable{ margin-left:-10px; position:relative } .departmental_tip .slick-list.draggable:after{ content:""; position:absolute; top:0; left:-10px; width:20px; height:225px; background:#fff } .departmental{ overflow:hidden; position:relative; width:183px; height:225px!important; margin-left:10px!important; } .departmental:hover{ cursor:pointer } .departmental .editer_picture{ overflow:hidden; /* width:183px; height:225px; */ } .departmental .editer_picture img{ width:100%; min-height:225px; object-fit:cover; -webkit-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; transition:.3s ease-in-out; } .departmental:hover img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); } .departmental .editer_name{ position:absolute; bottom:10px; left:50%; width:184px; padding:15px 10px; background:rgba(0,0,0,0.6); box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:1 } .departmental .editer_name .title{ display:table; margin:0 0 15px 0; min-height:40px; } .departmental .editer_name .title>span{ display:table-cell; vertical-align:middle; } .departmental .editer_name .title>span>em{ display:-webkit-box; width:164px; max-height:40px; word-wrap:break-word; -webkit-box-orient:vertical; -ms-box-orient:vertical; box-orient:vertical; -webkit-line-clamp:2; -ms-line-clamp:2; line-clamp:2; overflow:hidden; text-overflow:ellipsis; font-size:16px; line-height:20px; letter-spacing:-1px; text-align:center; color:#fff; } @media screen and (min-width:0\0){ .departmental .editer_name .title>span>em{ display:inline-block; max-height:40px } } .departmental .editer_name .namedate{ font-size:12px; color:#fff } /* .departmental .editer_name .namedate span{ display:inline-block } */ .departmental .editer_name .namedate span:first-child{ float:left; } .departmental .editer_name .namedate span:last-child{ float:right; } .departmental .editer_name .namedate span:first-child>i{ font-size:14px } /* 기자뉴스룸 더보기 버튼 */ .newsroom_btn_more{ width:1080px; margin:0 auto; text-align:center } /******************* 기자뉴스룸 탭 *******************/ .newsroom_box{ position:relative; width:100%; background:url('https://image.edaily.co.kr/images/content/newsroom_bigbg.jpg') repeat center center; } .newsroom_box:after{ content:""; display:block; clear:both; } .tablistboxbg_1600{ position:relative; top:0; left:50%; width:1600px; background:url('https://image.edaily.co.kr/images/content/newsroom_bg.jpg') no-repeat; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .bgnewsroom{ position:relative; width:1600px; height:100%; margin:0 auto; background:url('https://image.edaily.co.kr/images/content/newsroom_bg.jpg') no-repeat; } /* .editor_room span{ border:0; width:210px; height:40px; line-height:40px; text-align:center; box-sizing:border-box; display:inline-block; font-size:22px; padding:0 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-1.5px; } */ .editor_room{ border:0; width:215px; height:40px; line-height:40px; text-align:center; box-sizing:border-box; display:inline-block; font-size:22px; /* padding:0 20px; */ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-1.5px; } .editor_room:focus{ outline:none; } .editor_room:hover{ cursor:pointer; } /* .editor_room.slick-slide.slick-current.slick-active.slick-center{ width:auto!important; } */ .newsroom_box .editor_room.slick-slide.slick-current.slick-active.slick-center>span{ position:relative; font-size:22px; font-weight:600 ; z-index:1 } .newsroom_box .editor_room.slick-slide.slick-current.slick-active.slick-center>span:before{ content:""; position:absolute; top:0px; left:2%; height:0; width:88%; border-bottom:31px solid #ffb534; border-left:7px solid transparent; border-right:8px solid transparent; z-index:-10; } .newseditor_box{ width:100%; } .newseditor_box ul{ position:relative; margin-left:-75px; margin-top:-130px; } .newseditor_box ul:after{ content:""; display:block; clear:both } .newseditor_box ul li{ position:relative; float:left; width:310px; margin-left:75px; margin-top:130px; } .newseditor_box:focus, .newseditor_box ul:focus{ outline:none } .newseditor_box ul li:hover{ cursor:pointer } .newseditor_box ul li:hover .editor_writes{ background:#1340ff } .newseditor_box ul li .editor_writes{ position:absolute; bottom:0; left:0; width:170px; height:150px; box-sizing:border-box; padding:15px; color:#fff; background:#111; z-index:10; } .newseditor_box ul li .editor_writes>div:first-child{ position:relative; display:-webkit-box; display:-ms-box; display:box; min-height:65px; max-height:65px; overflow:hidden; word-wrap:break-word; -webkit-box-orient:vertical; -ms-box-orient:vertical; box-orient:vertical; -webkit-line-clamp:3; -ms-line-clamp:3; line-clamp:3; text-overflow:ellipsis; font-size:17px; line-height:22px; letter-spacing:-1px } @media screen and (min-width:0\0){ .newseditor_box ul li .editor_writes>div:first-child{ display:inline-block; max-height:65px } } .newseditor_box ul li .editor_writes>div:last-child{ position:relative; margin-top:10px; padding-top:10px; } .newseditor_box ul li .editor_writes>div:last-child:after{ content:""; position:absolute; top:-2px; left:0; width:100%; height:4px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-353px -6px; z-index:11 } .newseditor_box ul li .editor_writes>div:last-child{ font-size:11px; } .newseditor_box ul li .editor_writes>div:last-child>p:last-child b{ font-size:17px; } .newseditor_box ul li .editor_picture{ position:relative; overflow:hidden; width:310px; height:310px; border-radius:100%; } .newseditor_box ul li .editor_picture img{ width:100%; height:100%; object-fit:cover; -webkit-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; transition:.3s ease-in-out; } .newseditor_box ul li .editor_picture:hover img{ border-radius:100%; width:310px; height:310px; border-radius:100%; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); } .newseditor_box ul li .editor_picture .gray_on{ position:absolute; opacity:0; top:0; left:0; -webkit-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; transition:.3s ease-in-out; z-index:9 } .newseditor_box ul li .editor_picture .gray_off{ position:absolute; top:0; left:0; z-index:8 } .newseditor_box ul li .editor_picture:hover .gray_on{ opacity:1; } .newsroom_box .slick-next{ top:2px; right:-50px!important; } .newsroom_box .slick-prev{ top:2px; left:-50px!important; } .newsroom_box .slider-nav, .newsroom_box .slider-for{ margin:30px 0 50px 0; } .newsroom_box .slick-list.draggable{ height:40px; overflow:hidden; } .newsroom_box .slider-for:after{ content:""; display:block; clear:both } .newsroom_box .btn_scroll{ margin-top:150px; } .newsroom_box .btn_scroll a{ color:#333 } .newsroom_box .btn_scroll a:after{ background-position:-302px -415px; } /* mini newsroom */ .mini_newsroom{ position:relative; display:inline-block; /* overflow:hidden; */ width:560px; height:120px; margin:0 0 30px 0; background:#ffbb00 } .mini_newsroom:after{ content:""; display:block; clear:both } .newsroom_title{ display:table; float:left; max-width:355px; height:120px; letter-spacing:-1px; } .newsroom_title p{ position:relative; display:table-cell; vertical-align:middle; padding:0 0 0 115px; } .newsroom_title p:after{ content:""; position:absolute; top:15px; left:20px; width:34px; height:28px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-306px -264px } .mini_newsroom .subscription{ position:absolute; top:50%; left:-6px; margin:20px 0 0 0; z-index:10 } .mini_newsroom .subscription a{ } .mini_newsroom .subscription p{ position:relative; display:table-cell; vertical-align:middle; padding:0 0 0 30px; color:#fff; font-size:16px; } .mini_newsroom .subscription p:before{ content:""; position:absolute; top:0; left:50%; width:50px; height:50px; margin:-58px 0 0 -12px; border-radius:100%; background:#50b947; z-index:11 } .mini_newsroom .subscription:hover p:before{ background:#fff; } .mini_newsroom .subscription p:after{ content:""; position:absolute; top:-42px; left:50%; margin:0 0 0 2px; width:21px; height:20px; background:url(https://image.edaily.co.kr/images/content/default_icon.png) no-repeat; background-position:-624px -14px; z-index:12; } .mini_newsroom .subscription:hover p:after{ content:""; position:absolute; top:-42px; left:50%; margin:0 0 0 2px; width:21px; height:20px; background:url(https://image.edaily.co.kr/images/content/default_icon.png) no-repeat; background-position:-650px -14px; z-index:12; } .newsroom_title p span{ display:-webkit-box; word-wrap:break-word; -webkit-box-orient:vertical; -ms-box-orient:vertical; box-orient:vertical; -webkit-line-clamp:3; -ms-line-clamp:3; line-clamp:3; text-overflow:ellipsis; overflow:hidden; font-size:20px; font-weight:600; line-height:24px; color:#fff; /* text-shadow:0 0 5px #555; */ } .newsroom_picture{ position:relative; float:right } .newsroom_picture .name{ position:absolute; top:35px; right:50px; width:115px; font-size:30px; color:#fff; letter-spacing:-2px; font-weight:600; z-index:10; } .newsroom_picture .name em{ position:relative; top:-2px; } .newsroom_picture .name em:after{ content:""; position:absolute; top:-1px; width:22px; height:29px; background:url(https://image.edaily.co.kr/images/content/default_icon.png) no-repeat; background-position:-341px -477px; z-index:20; } .newsroom_picture .name:before{ content:""; position:absolute; top:-10px; left:-5px; height:0; width:100%; border-bottom:35px solid #1b46ff; border-left:0px solid transparent; border-right:10px solid transparent; z-index:-1; } .newsroom_picture .newsroom{ position:absolute; top:72px; right:75px; width:65px; font-size:22px; color:#fff; letter-spacing:-2px; font-weight:400; z-index:10; } .newsroom_picture .newsroom:before{ content:""; position:absolute; top:-3px; left:-5px; height:0; width:100%; border-bottom:24px solid #1b46ff; border-left:8px solid transparent; border-right:3px solid transparent; z-index:-1; } .newsroom_picture img{ position:absolute; right:-59px; overflow:hidden; width:120px; height:120px; border-radius:100% } /*----------------------------------------------------------------------------------------------------------------- photopopup -------------------------------------------------------------------------------------------------------------------*/ .needpopup-opened, .needpopup-opened body{ overflow:hidden; } .needpopup-opened.needpopup-scrolled, .needpopup-opened.needpopup-scrolled body{ height:auto; } .needpopup-opened.needpopup-scrolled body{ position:fixed; width:100%; } /* Popup wrapper ***********************************************/ .needpopup_wrapper{ position:fixed; z-index:99999999; top:0; left:0; visibility:hidden; overflow:auto; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; height:1500px; opacity:0; background:rgba(255, 255, 255, .95); -webkit-transition:opacity .3s ease; transition:opacity .3s ease; } .needpopup-opened .needpopup_wrapper{ visibility:visible; opacity:1; } .needpopup-overflow .needpopup_wrapper{ padding:10px; } /* Popup remover ***********************************************/ .needpopup_remover{ position:absolute; z-index:9999999999; top:20px; right:20px; } .needpopup_remover:before{ content:''; width:52px; display:inline-block; height:52px; background:url('https://image.edaily.co.kr/images/content/big_x_off.png') no-repeat; z-index:99999999999999999999 } .photopopup{ width:1080px; } .loadingbar{ width:145px; margin:0 auto } .loadingbar img{ width:70% } /* 포토상세 팝업 로딩 레이어 .needpopup-opened .needpopup_wrapper{ position:relative; } .needpopup-opened .needpopup_wrapper:after{ content:""; position:fixed; top:0; left:0; width:100%; height:100%; background:url('https://image.edaily.co.kr/images/content/loading.gif') no-repeat #fff center center }*/ /* 20주년 배너 */ .ed_20th{ display:none; width:100%; height:80px; background:#040e23; } .ed_20th .bg20th1600{ position:absolute; top:0; left:50%; width:1600px; height:80px; overflow:hidden; margin-left:-800px; background:url('https://image.edaily.co.kr/images/ed_20th/new_20thbg.png') no-repeat center center; background-size:cover; } .ed_20th a .center1080.th20{ position:absolute; top:0; left:50%; margin-left:-540px } .ed_20th .logo_20th img{ position:absolute; top:0; left:50%; margin-left:-131px; } .ed_20th .beyond{ position:absolute; top:33px; left:50%; margin-left:-135px; color:#fff; } .ed_20th .towards{ position:absolute; top:33px; right:50%; margin-right:-115px; color:#fff; } /*********************** 20주년배너 애니메이션 *****************************/ .top_20th{ width:100%; height:80px; background:url('https://image.edaily.co.kr/images/ed_20th/new_20thbg.png'); } .newbg20th1600{ position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); overflow:hidden; position:relative; height:80px; } .line_01{ position:absolute; top:-40px; left:0; width:1600px; height:200px; background:url('https://image.edaily.co.kr/images/ed_20th/b_01.png') no-repeat; -webkit-animation-name:masked-animation; animation-name:masked-animation; -webkit-animation-duration:6s; animation-duration:6s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:linear; animation-timing-function:linear; z-index:19 } .line_02{ position:absolute; top:-10px; left:0; width:1600px; height:115px; background:url('https://image.edaily.co.kr/images/ed_20th/b_02.png') no-repeat; /* -webkit-animation-name:masked-animation; animation-name:masked-animation; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:linear; animation-timing-function:linear; */ z-index:15 } .line_03{ position:absolute; top:-40px; left:0; width:1600px; height:200px; background:url('https://image.edaily.co.kr/images/ed_20th/b_03.png') no-repeat; -webkit-animation-name:masked-animation; animation-name:masked-animation; -webkit-animation-duration:5s; animation-duration:5s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:linear; animation-timing-function:linear; z-index:20 } .line_04{ position:absolute; top:0px; left:0; width:1600px; height:150px; background:url('https://image.edaily.co.kr/images/ed_20th/b_04.png') no-repeat; /* -webkit-animation-name:masked-animation; animation-name:masked-animation; -webkit-animation-duration:3s; animation-duration:3s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:linear; animation-timing-function:linear; */ z-index:25 } .special-offer{ line-height:1 } .special-offer--style-1 .text{ font-size:4.5rem; background-position:50% 50%; background-repeat:no-repeat; background-clip:text; text-fill-color:transparent; -webkit-background-clip:text; -webkit-text-fill-color:transparent; -webkit-animation-name:masked-animation; animation-name:masked-animation; -webkit-animation-duration:10s; animation-duration:10s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:linear; animation-timing-function:linear } @-webkit-keyframes masked-animation{ 0%, 100%{ background-position:50% 35% } 50%{ background-position:50% 65% } } @keyframes masked-animation{ 0%, 100%{ background-position:50% 35% } 50%{ background-position:50% 65% } } .special-offer--style-2 .text{ font-size:6.5rem; font-family:Brusher; text-transform:none } .special-offer--style-3 .text{ font-size:5rem; font-family:Storytella; font-weight:400; text-transform:none } .special-offer{ line-height:1 } .special-offer--style-1 .text{ font-size:4.5rem; background-position:50% 50%; background-repeat:no-repeat; background-clip:text; text-fill-color:transparent; -webkit-background-clip:text; -webkit-text-fill-color:transparent; -webkit-animation-name:masked-animation; animation-name:masked-animation; -webkit-animation-duration:10s; animation-duration:10s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:linear; animation-timing-function:linear } @-webkit-keyframes masked-animation{ 0%, 100%{ background-position:50% 35% } 50%{ background-position:50% 65% } } @keyframes masked-animation{ 0%, 100%{ background-position:50% 35% } 50%{ background-position:50% 65% } } .special-offer--style-2 .text{ font-size:6.5rem; font-family:Brusher; text-transform:none } .special-offer--style-3 .text{ font-size:5rem; font-family:Storytella; font-weight:400; text-transform:none } /*----------------------------------------------------------------------------------------------------------------- 20200302 검색영역 리뉴얼 -------------------------------------------------------------------------------------------------------------------*/ input::-ms-clear, input::-ms-reveal {display: none; width : 0; height: 0;} input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration { display: none; } /***** 검색하기 상단 *****/ .search_area{ position:relative; width:600px; margin:0 auto } .search_inputarea{ width:100%; margin:0 0 60px 0 } .search_area input[id="search_area"]{ position:relative; width:100%; height:56px; padding:0 40px 0 20px; box-sizing:border-box; text-indent:20px; font-size:25px; font-weight:600; letter-spacing:-1px; outline:none; border:3px solid #e60012; z-index:7 } .search_area label[for="search_area"]{ position:absolute; top:0; right:0; font-size:0; cursor:pointer; z-index:10 } .search_area label[for="search_area"]:after{ content:""; position:absolute; top:10px; left:-50px; width:34px; height:34px; background:url('https://image.edaily.co.kr/images/content/default_icon.png')no-repeat; background-position:-483px -258px } .search_option{ width:100%; margin:15px 0 0 0 ; padding:25px 0; border-bottom:1px solid #c3c3c3 } .search_option .search_menu ul{ /* width:1080px; */ width:840px; margin:0 auto; padding-left:60px } .search_option .search_menu ul:after{ content:""; display:block; clear:both } .search_option .search_menu ul li{ float:left; padding:0 40px; font-size:17px; font-weight:600; letter-spacing:-1px } .search_option .search_menu ul li a{ position:relative } .search_option .search_menu ul li.detailview a{ padding:8px 30px 8px 10px; border:1px solid #999; font-size:16px; font-weight:normal } .search_option .search_menu ul li a:hover{ color:#e60012 } .search_option .search_menu ul li.detailview a:after{ content:""; position:absolute; top:17px; right:10px; width:10px; height:6px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-544px -27px } .search_option .search_menu ul li.detailview a:hover{ border:0; color:#fff; background:#e60012 } .search_option .search_menu ul li.detailview a:hover:after{ content:""; position:absolute; top:17px; right:10px; width:10px; height:6px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-572px -27px }/* 마우스오버했을때 위방향 버튼흰색 */ .search_option .search_menu ul li.detailview.open a:after{ content:""; position:absolute; top:17px; right:10px; width:10px; height:6px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-530px -27px } .search_option .search_menu ul li.detailview.open a:hover:after{ content:""; position:absolute; top:17px; right:10px; width:10px; height:6px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-558px -27px }/* 클릭후 마우스오버했을때 아래방향 버튼희색 */ .search_option .search_menu ul li.search_on a:after{ content:""; position:absolute; bottom:-24px; left:0; width:100%; height:3px; background:#e60012 } .popular_search{ display:none; position:absolute; top:55px; left:0; width:600px; padding:25px 20px; box-sizing:border-box; border:1px solid #e9e9e9; letter-spacing:-1px; background:#fff; box-shadow:0px 2px 6px 0px #e8e8e8; z-index:6 } .popular_search:after{ content:""; display:block; clear:both } .popular_search .tip_ment{ float:left; height:100%; width:125px; } .popular_search .tip_ment>span{ position:relative; display:inline-block; height:26px; padding:0 6px; line-height:25px; text-align:center; color:#fff; font-weight:600; background:#e60012 } .popular_search .tip_ment>span:after { content:""; position:absolute; top:0; right:-10px; width:0; height:0; border-top:13px solid transparent; border-left:10px solid #e60012; border-bottom:13px solid transparent; z-index:10 } .popular_search .search_word{ float:left; width:433px; } .popular_search .search_word ul{ margin-top:-10px; } .popular_search .search_word ul li a{ float:left; width:180px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:10px; padding:0 0 0 20px; color:#888 } .popular_search .search_word ul li a:hover{ color:#e60012 } .display_on{ display:block; } /** 옵션영역 **/ .option_boxarea{ overflow:hidden; width:100%; height:0px; background:#f5f5f5 } .option_boxarea>.center1080>div{ display:inline-block; padding:38px 30px 45px 45px; box-sizing:border-box; } .option_boxarea .optioin_left{ float:left; width:900px; } .option_boxarea .optioin_left ul:after, .option_boxarea .optioin_left ul li dl:after{ content:""; display:block; clear:both } .option_boxarea .optioin_left ul{ width:100%; } .option_boxarea .optioin_left ul li{ float:left; margin-bottom:47px; } .option_boxarea .optioin_left ul li:nth-child(3){ margin-bottom:26px; } .option_boxarea .optioin_left ul li dl dt{ position:relative; float:left; width:60px; color:#000; font-size:16px; font-weight:600 } .option_boxarea .optioin_left ul li:nth-child(5){ margin-left:-10px } .option_boxarea .optioin_left ul li:nth-child(5) dl dt, .option_boxarea .optioin_left ul li:nth-child(6) dl dt{ width:75px } .option_boxarea .optioin_left ul li dl dt:after{ content:""; position:absolute; top:6px; left:-10px; width:5px; height:5px; border-radius:100%; background:#999; } .option_boxarea .optioin_left ul li:nth-child(3) dl dd{ width:55px } .option_boxarea .optioin_left ul li dl dd{ float:left; width:70px; font-size:15px; } .optioin_left>ul>li:nth-child(3)>dl>dd:last-child{ width:361px; } .optioin_left>ul>li:first-child{ width:300px; } .optioin_left>ul>li:nth-child(4), .optioin_left>ul>li:nth-child(5){ width:245px; } .optioin_left input.inputboxing{ width:140px; height:40px; padding:0 0 0 15px; margin-top:-12px; border:1px solid #999; box-sizing:border-box; } .checkingboxarea{ position:relative; top:-16px; left:112px; } /* 체크박스 디자인 */ input.checking{ display:none; } input.checking+label{ position:relative; top:-7px; display:inline-block; cursor:pointer; /* width:5px; height:5px; border-radius:100%; background:#999; */ } input[type="checkbox"].checking+label{ position:relative; top:16px; left:-17px; display:inline-block; width:20px; height:20px; cursor:pointer; background:#ddd; } input[type="checkbox"].checking+label span{ top:0px; left:30px; font-size:16px; font-weight:600; letter-spacing:-1px; width:80px; } input.checking+label[for="pick"]{ top:-13px; } .checkingboxarea input.checking:checked+label{ width:20px; height:20px; background:url('https://image.edaily.co.kr/images/content/default_icon.png')no-repeat; background-position:-471px -453px; border:0 } input.checking:checked+label[for="chk_exact"] span em{ position:relative; color:#333; /* font-weight:bold */ } input.checking+label[for="pick"] span em{ position:relative; color:#333; /* font-weight:bold */ } input.checking:checked+label span em{ position:relative; color:#e60012; /* font-weight:bold */ } /* input.checking:checked+label span em:after{ content:""; position:absolute; top:23px; left:-16px; width:100%; padding-left:16px; height:1px; background:#e60012; } */ input.checking+label span{ position:absolute; top:-6px; /* left:15px; */ width:75px; display:inline-block; } @media screen and (min-width:0\0){ input.checking+label span{ top:-9px; } } .search_inputbox{ position:relative; top:-30px; left:68px; float:left; width:100px; height:28px; border:1px solid #b9b9b9 } label[for="pick"] input{ position:absolute; top:-15px; padding-left:27px; font-size:12px; color:#bbb; box-sizing:border-box; } input#datepicker1{ left:76px; } input#datepicker1:after{ content:""; position:absolute; top:0; left:0; width:20px; height:20px; background:#e60012; z-index:100 } input#datepicker2{ left:194px; } .calendar_twins{ margin:-21px 0 0 70px; width:234px; height:40px; border:1px solid #999; box-sizing:border-box; background:#fff; z-index:-1; } .calendar_twins label[for="datepicker1"]{ position:relative; top:0; left:12px; width:10px; height:10px; font-size:0; } .calendar_twins label[for="datepicker1"]:after{ content:""; position:absolute; top:-2px; left:0; width:17px; height:15px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-497px -20px; } @media screen and (min-width:0\0){ .calendar_twins label[for="datepicker1"]:after{ top:-2px; } } .calendar_twins label[for="datepicker2"]{ position:relative; top:0; left:116px; width:10px; height:10px; font-size:0; } .calendar_twins label[for="datepicker2"]:after{ content:""; position:absolute; top:-2px; left:0; display:inline-block; width:17px; height:15px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-497px -20px; } @media screen and (min-width:0\0){ .calendar_twins label[for="datepicker2"]:after{ top:-2px; } } .calendar_twins>em{ position:relative; top:11px; left:108px; } /*버튼*/ .option_boxarea .optioin_right{ float:right; width:105px; } .optioin_right .btn_reset a{ position:relative; top:2px; left:-18px; display:inline-block; width:119px; height:70px; font-size:16px; font-weight:600; text-align:center; line-height:70px; border:1px solid #999; background:#fff } .optioin_right .btn_reset a:hover, .optioin_right .btn_apply a:hover{ color:#fff; border:1px solid #e60012; background:#e60012 } .optioin_right .btn_apply a{ position:relative; top:17px; left:-18px; display:inline-block; width:119px; height:70px; font-size:16px; font-weight:600; text-align:center; line-height:70px; color:#fff; border:1px solid #333; background:#333 } /* 더보기 _ 화이트버젼 */ .white_btn a{ display:block; width:300px; height:50px; margin:50px auto 0 auto; line-height:50px; color:#333; font-size:17px; text-align:center; box-sizing:border-box; border:1px solid #999; background:#fff; } .white_btn a:hover{ color:#fff; text-align:center; border:1px solid #333; background:#333; } /** 통합검색_LEFT **/ .search_asideleft{ float:left; width:750px; margin-right:30px; } .searchtitle{ width:100%; float:left; margin-bottom:30px; font-size:20px; font-weight:600; letter-spacing:-1px; } .searchtitle:after{ content:""; display:block; clear:both } .searchtitle>span{ padding-left:10px; font-size:16px; color:#666; font-weight:normal } .search_listbox{ width:100%; margin-bottom:100px } .search_listbox:last-child{ margin-bottom:0 } /*통합검색_영상 */ .videolist ul { display:inline-block; clear:both; margin-left:-15px } .videolist ul:after{ content:""; display:block; clear:both } .videolist li { overflow:hidden; float:left; width:240px; margin:30px 0 0 15px; } .videolist li:nth-child(1), .videolist li:nth-child(2), .videolist li:nth-child(3) { margin-top:0; } .videolist ul:after { content:""; display:inline-block; clear:both } .videolist ul li .list_img { position:relative; overflow:hidden; display:inline-block; width:240px; height:135px; } .videolist ul li .list_img:after { content:""; position:absolute; top:50%; left:50%; width:73px; height:73px; margin:-37px 0 0 -37px; background:url('https://image.edaily.co.kr/images/etv/play_icon_02.png') no-repeat; } .videolist ul li .list_img img { width:100%; height:100%; object-fit:cover } .videolist ul li .list_title { display:inline-block; *display:inline; *zoom:1; margin-top:15px; font-size:15px; line-height:20px } @media screen and (min-width:0\0){ .videolist ul li .list_title { overflow:hidden; height:45px; } } .videolist ul li .list_title em { overflow:hidden; display:-webkit-box; height:2.6em; line-height:1.3; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis } /* 통합검색_증권정보 */ .stocktable { width:100% } table.stocktable{ font-size:14px; border-bottom:1px solid #d9d9d9 } table.stocktable>thead>tr{ height:50px; line-height:50px; font-weight:600; background:#f5f5f5 } table.stocktable>thead>tr>th:last-child{ padding:0 20px } table.stocktable>thead>tr>th, table.stocktable>tbody>tr>td{ text-align:right; letter-spacing:-1px; } table.stocktable>tbody>tr>td>span{ display:inline-block; overflow:hidden; height:50px; line-height:50px; white-space:nowrap; text-overflow:ellipsis; } table.stocktable>thead>tr>th:nth-child(1), table.stocktable>thead>tr>th:nth-child(2), table.stocktable>tbody>tr>td:nth-child(1), table.stocktable>tbody>tr>td:nth-child(2){ text-align:center } table.stocktable>tbody>tr>td:nth-child(1)>span{ width:160px; padding:0 20px } table.stocktable>tbody>tr>td:nth-child(2)>span{ width:90px; } table.stocktable>tbody>tr>td:nth-child(3)>span{ width:115px; padding:0 5px 0 0; } table.stocktable>tbody>tr>td:nth-child(4)>span{ width:85px; padding:20px 5px 0 20px; } table.stocktable>tbody>tr>td:nth-child(5)>span{ width:85px; padding:0 5px 0 20px; } table.stocktable>tbody>tr>td:nth-child(6)>span{ width:70px; padding:0 20px; } table.stocktable .stock_up .stock_price{ position:relative; color:#e60012 } table.stocktable .stock_dn .stock_price{ position:relative; color:#198aea } table.stocktable .stock_up .stock_price>.ico, table.stocktable .stock_dn .stock_price>.ico{ position:relative; color:transparent; } table.stocktable .stock_up .stock_price>.ico:after{ content:""; top:0; left:0; display:inline-block; width:10px; height:10px; margin-right:5px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-546px -324px; z-index:50 } table.stocktable .stock_dn .stock_price>.ico:after{ content:""; top:0; left:0; display:inline-block; width:10px; height:10px; margin-right:5px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-574px -324px; z-index:50 } /** 통합검색_Right **/ #search-right-sticky{ -webkit-transition:0.1s ease-in-out; transition:0.1s ease-in-out; } .search_asideright{ position:relative; float:left; width:300px; height:100%; z-index:1 } .search_asideright:before{ content:""; position:absolute; top:50px; left:0; width:100%; height:999%; background:#f5f5f5; z-index:-1 } .aside_photo{ width:300px; overflow:hidden; } .search_asideright .aside_graybg{ display:inline-block; width:300px; height:100%; padding:35px 38px 0 37px; box-sizing:border-box; background:#f5f5f5; } .aside_graybg .more_view { position:relative; float:right; font-size:12px; padding-right:15px; z-index:1; } /***** 검색결과_포토 *****/ .searchphoto .photopopup{ margin:0 auto } .searchphoto .needpopup.opened{ margin-top:0!important } .searchphoto .photopopup_section{ display:table; width:1080px; overflow:hidden; height:auto; } .searchphoto .photosub_gallery{ overflow:hidden } .saside_photo{ position:relative; width:225px; height:225px; margin-top:25px } .saside_photo:first-child{ margin-top:0 } .saside_photo:before{ content:""; display:block; position:absolute; width:100%; height:100%; left:0; top:0; opacity:0; background-color:#ffffff; } .saside_photo img{ width:100%; height:100%; object-fit:cover; } .saside_photo .overlay{ position:absolute; left:0; top:0; -webkit-transform:none; -ms-transform:none; transform:none; opacity:0; z-index:3; } .saside_photo .overlay:hover{ -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; opacity:1; } .saside_photo .overlay a{ position:absolute; left:0; top:0; display:table; width:225px; height:225px; box-sizing:border-box; text-align:center; background:rgba(255, 255, 255, 0.9); z-index:3; } .saside_photo .overlay a h5{ padding:0 20px; font-size:18px; font-weight:600!important; color:#333; font-weight:normal; display:table-cell; vertical-align:middle; } /***** 검색결과_검색결과없음 *****/ .noresulte{ font-size:16px; text-align:center; margin-top:270px; } .noresulte h3{ position:relative; margin-bottom:20px; font-size:20px; font-weight:600; } .noresulte h3:after{ content:""; position:absolute; top:-160px; left:50%; margin-left:-71px; width:84px; height:142px; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-549px -99px } /* 탭뉴스 */ .tapnews { position:relative; margin-top:200px; letter-spacing:-1px; zoom:1; } .tapnews:after, .tapnews:before { content:""; display:table; } .tapnews:after { clear:both; } .tapnews h5 { position:relative; display:block; width:200px; height:56px; line-height:56px; font-size:20px; font-weight:normal; color:#333; cursor:pointer; text-align:center; background:#fff } .tapnews h5:first-child{ position:relative } .tapnews h5:first-child:after{ content:"트렌드 뉴스"; position:absolute; top:-72px; left:0; width:200px; height:71px; line-height:70px; font-size:23px; color:#fff; text-align:center; background:#b1b1b1; z-index:1 } .tapnews ul { display:none; position:absolute; top:-71px; left:200px; width:880px; height:240px; min-height:100%; padding:35px 70px 30px 80px; box-sizing:border-box; background:#f5f5f5; zoom:1; } .tapnews ul:after, .tapnews ul:before { content:""; display:table; } .tapnews ul:after { clear:both; } .tapnews ul li dl{ float:left; width:350px; } .tapnews ul li dl:first-child{ margin-right:30px } .tapnews ul li dl:after{ content:""; display:block; clear:both } .tapnews ul li dl dt{ font-size:18px; font-weight:600 } .tapnews ul li dl dt span{ font-size:23px; color:#e60012 } .tapnews ul li dl dd span{ font-size:20px; color:#999 } .tapnews ul li dl dt span, .tapnews ul li dl dd span{ margin-right:15px; font-weight:600 } .tapnews ul li dl dd{ font-size:16px; } .tapnews ul li dl dt, .tapnews ul li dl dd{ width:350px; margin-top:17px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .tapnews ul li dl dt:first-child, .tapnews ul li dl:last-child dd:first-child{ margin-top:0; } .tapnews .active { cursor:default; color:#fff; background:#e60012 } .tapnews .active+ul { display:block; } /***** 검색결과_영상 *****/ /** 우측 기자뉴스룸 **/ .aside_graybg.newsroom_padding{ padding:25px 30px 35px 25px; } .newsroom_icon a{ position:absolute; top:0; left:0; width:55px; height:55px; font-size:0; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-471px -392px } /* */ .newsroom_rightsection>.title{ display:inline-block; width:116px; height:24px; font-size:0; background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat; background-position:-688px -43px } .aside_graybg .saside_video{ margin-top:30px; } .aside_graybg .saside_video:nth-child(2){ margin-top:35px; } .saside_video{ margin-top:50px; } .saside_video dl:after{ content:""; display:block; clear:both } .saside_video dl dt{ float:left; width:90px; margin-right:15px; } .saside_video dl dt img{ overflow:hidden; width:90px; height:90px; border-radius:100% } .saside_video dl dd{ float:left; display:table; width:140px; height:90px; } .saside_video dl dd>p{ display:table-cell; vertical-align:middle; } /* IE8 */ @media \0screen { .saside_video dl dd>p>a{ overflow:hidden; display:inline-block; max-height:55px; } } /* IE9,10 */ @media screen and (min-width:0\0){ .saside_video dl dd>p>a{ overflow:hidden; display:inline-block; max-height:55px; } } /* IE10+ */ @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){ .saside_video dl dd>p>a{ overflow:hidden; display:inline-block; max-height:55px; } } .saside_video dl dd>p>a{ overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; text-overflow:ellipsis; font-size:15px; line-height:19px } .saside_video dl dt span{ display:inline-block; width:90px; margin-top:10px; font-size:16px; text-align:center; font-weight:600; letter-spacing:-2px; } /* 페이지 넘버링 */ .paging{ clear:both; font-size:15px; text-align:center; margin-top:15px } .paging a, .paging strong{ display:inline-block; width:30px; height:31px; line-height:31px; text-align:center; vertical-align:middle } .paging a{ background:#fff; color:#24282b } .paging strong{ color:#e70e1f; font-weight:400; text-decoration:underline } .paging .select{ color:#e70e1f; font-weight:400; text-decoration:underline } .paging .prev span, .paging .next span, .paging .first span, .paging .last span{ color:transparent } .paging .prev, .paging .next, .paging .first, .paging .last{ width:31px; height:31px; background:url('/resources/images/icon/default_icon.png') no-repeat; color:transparent } .paging .prev{ margin-left:5px; background-position:-16px -180px } .paging .next{ margin-right:5px; background-position:-46px -180px } .paging .first{ background-position:-16px -270px } .paging .last{ background-position:-46px -270px } .paging .num{ padding:0 12px }