@charset "utf-8"; @import url("basic.css"); @import url("common.css?v=20190612"); @import url("layout.css?v=20191001"); @import url("main.css?v=20190612"); .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{left:-68px;width:296px;height:38px!important;top:3px;} .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} } /* 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 } } /* 끝 20주년 엠블렘 */ /* 메뉴 및 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:2px;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} @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{position:absolute;top:1px;right:-140px} .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>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 } /********** 뉴스종합 **********/ .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; 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 a:hover .issue_tail{ /* font-weight:600 */ } .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-top:30px } .newsbox_04 .author_category{ position:absolute; bottom:10px; overflow:hidden; left:250px; height:26px; color:#999; z-index:10 } .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:0; font-size:13px; 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; } /*----------------------------------------------------------------------------------------------------------------- OPINION -------------------------------------------------------------------------------------------------------------------*/ /* 오피니언 컬러 */ .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:360px; } .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:360px } .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; } .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{ 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; height:120px; max-width:320px; } .newsroom_title p{ position:relative; display:table-cell; vertical-align:middle; padding:0 0 0 80px; } .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 } .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: 18px; font-weight: 600; line-height: 22px; color: #fff; text-shadow: 0 0 5px #555; } .newsroom_picture{ position:relative; float:right } .newsroom_picture .name{ position: absolute; top: 35px; right: 60px; 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:75px; right:85px; 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 }