/* #wrap{width: 1000px; margin: auto;} /*header* #header {width:1000px;} #top{background-color:#eeeeee; height:25px;} #top:after{content:""; display:block; clear:both;} #top .top_menu {float:right;} #top .top_menu>li{float:left; padding:3px 5px; vertical-align: middle;} #top .top_menu>li a{font-size:12px;} .logo {margin-top:10px;} *nav* #nav {width:1000px; height:35px; background-color:#2665f4; margin-bottom:3px;} #nav>ul>li{float: left;} #nav>ul>li>a{font-weight:bold; color:#ffffff; line-height: 2.5em; padding:0px 7px; letter-spacing:-2px; font-size:14px;} /* 통합검색 (080611 bga) 수정금지* .DTsearch {display:inline-block; float:right; padding-right:7px;} .DTsearch ul {margin:5px 0 0 8px;} .DTsearch ul li { float:left; margin-left:1px; } .DTsearch ul li span { padding-right:5px;} .DTsearch input {height:18px; margin-right:5px;} .DTsearch select {font-family: dotum; font-size:12px; } .search_btn{font-weight:bold; color:#FFFFFF; line-height:1.9em; font-size:14px;} */ #container{width:990px; margin:auto;} #news_top{width:990px; border:1px solid red;} #top_new{margin-bottom:8px; width:990px; height:305px; } #top_new>.top{float:left; background-color:rgba(0,0,0,0.4); position:relative;} #top_new>.top1{margin-right:5px;} #top_new>.top2{margin-right:5px;} #top_new>.top>.top_photo{} #top_new>.top>.top_title{position:absolute; left:0px; bottom:0px; width:250px; height:50px; background-color:rgba(0,0,0,0.5); overflow:hidden; text-overflow:ellipsis;} #top_new>.top>.top_title>a{display:block; width:240px; height:50px; color:#FFFFFF; font-size:17px; font-weight:bold; margin-top:5px; padding:0px 5px 0px 5px;} #top_new>.top>.top_title1{width:475px; height:50px;} #top_new>.top>.top_title1>a{display:block; width:475px; height:50px; color:#FFFFFF; font-size:17px; font-weight:bold; margin-top:5px; } /*dan1*/ #dan1{width:990px; height:520px; } #content1{width:675px; height:510px; float:left; margin-right:5px;} #content1>.title1{color:#2c90e4; font-weight:bold; font-size:17px; padding:5px 0px 5px 0px; width:675px; height:25px; background:url(http://img.dt.co.kr/news/skin/title_bg675.jpg) 0 0 no-repeat;} #content1>.enter_new{} #content1>.enter_new>.new1{margin:10px 0px 12px 0px; height:75px;} #content1>.enter_new>.new1>.enter_img>a{display:block; float:left; margin-right:15px;} #content1>.enter_new>.new1 .enter_title{width:555px; font-size:15px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;} #content1>.enter_new>.new1 .enter_title h4{width:555px; height:23px; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; padding-top:10px;} #content1>.enter_new>.new1 .enter_con{color:#ababab;} #content1>.enter_new>.new1 .enter_con p{width:555px; height:29px; overflow:hidden; text-overflow: ellipsis;} /*사진이 없는 기사의 경우*/ #content1>.enter_new>.new2 {height:60px; padding-bottom:15px;} #content1>.enter_new>.new2 .enter_title{width:673px; font-size:15px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;} #content1>.enter_new>.new2 .enter_title h4{width:673px; height:25px; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; margin-top:10px;} #content1>.enter_new>.new2 .enter_con{color:#ababab;} #content1>.enter_new>.new2 .enter_con p{width:673px; height:29px; overflow:hidden; text-overflow: ellipsis;} #content1>.enter_new>.more{width:673px; border:1px solid #ababab; padding:8px 0px 8px 0px; text-align:center; vertical-align:middle; margin-top:10px;} #aside1{width:280px; height:510px; float:right;} #aside1>.rank{width:300px; margin-bottom:10px;} #aside1>.rank>li{margin:10px 0px 8px 0px; height:35px; border-bottom:1px #757575 dashed; } /*오늘의 핫뉴스*/ #hotissu {width:280px; border:0px solid blue; float:left; margin-bottom:18px; } #hotissu ul {list-style:none; float:left; border-top:3px solid #e70000; border-bottom:1px solid #e70000; background:#fafafa; text-align:left; padding-bottom:12px; } #hotissu ul li {float:left; width:275px; float:left; margin:12px 0 0 5px; } #hotissu ul li span { float:left; width:250px; vertical-align:middle; border:0px solid red; float:left; font-size:12px; letter-spacing:-1px; line-height:16px; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} #hotissu ul li span a{color:#000; } #hotissu ul li span a:hover{color:#b60000; } #hotissu ul li span.no { float:left; margin-top:12px; width:18px; border:0px solid red; float:left; } #hotissu ul li span.img { float:left; width:65px; border:0px solid red; float:left; } #hotissu ul li span.title1 { width:190px; text-align:left; font-size:12px; color:#757575; border:0px solid black; margin-top:5px; overflow:hidden;} #hotissu ul li span.title2 { width:270px; text-align:left; text-overflow:ellipsis;white-space:nowrap; font-size:12px; color:#757575; border:0px solid black; margin-top:0px; } /*dan2*/ #dan2{width:990px; height:330px; margin-top:10px;} #issue_search{} #issue_search>h3{color:#2c90e4; font-weight:bold; font-size:17px; height:30px; background:url(http://img.dt.co.kr/news/skin/title_bg1000.jpg) 0 0 no-repeat;} #issue_search>.issue_box{border:1px solid #ababab; padding:12px 0px 12px 0px; margin-top:10px; height:25px;} #issue_search>.issue_box li{float:left; width:164px; } #issue_search>.issue_box li>a{display:block; width:164px; float:left; text-align: center; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; margin-top:5px;} #photo{width:990px; margin-top:20px;} #photo>.photo{float:left; margin-right:73px; position:relative;} #photo>.photo1{margin-left:6px;} #photo>.photo3{margin-right:0px;} #photo>.photo>.photo_title{position:absolute; left:0px; bottom:0px; width:275px; height:45px; background-color:rgba(0,0,0,0.5); overflow:hidden; text-overflow:ellipsis;} #photo>.photo>.photo_title>a{display:block; width:265px; height:45px; color:#FFFFFF; font-size:15px; font-weight:bold; margin-top:5px; padding:0px 5px 0px 5px;} /*dan3*/ #dan3{margin-top:15px; height:450px; width:990px;} #content2{width:675px; height:445px; float:left; margin-right:5px;} #content2>.title1{color:#2c90e4; font-weight:bold; font-size:17px; padding:5px 0px; width:675px; height:25px; background:url(http://img.dt.co.kr/news/skin/title_bg675.jpg) 0 0 no-repeat;} #content2>.enter_new{} #content2>.enter_new>.new1{margin:10px 0px 12px 0px; height:75px;} #content2>.enter_new>.new1>.enter_img>a{display:block; float:left; margin-right:15px;} #content2>.enter_new>.new1 .enter_title{width:555px; font-size:15px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;} #content2>.enter_new>.new1 .enter_title h4{width:555px; height:23px; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; padding-top:10px;} #content2>.enter_new>.new1 .enter_con{color:#ababab;} #content2>.enter_new>.new1 .enter_con p{width:555px; height:29px; overflow:hidden; text-overflow: ellipsis;} /*사진이 없는 기사의 경우*/ #content2>.enter_new>.new2 {height:60px; padding-bottom:15px;} #content2>.enter_new>.new2 .enter_title{width:673px; font-size:15px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;} #content2>.enter_new>.new2 .enter_title h4{width:673px; height:25px; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; margin-top:10px;} #content2>.enter_new>.new2 .enter_con{color:#ababab;} #content2>.enter_new>.new2 .enter_con p{width:673px; height:29px; overflow:hidden; text-overflow: ellipsis;} #content2>.enter_new>.more{width:673px; border:1px solid #ababab; padding:8px 0px 8px 0px; text-align:center; vertical-align:middle; margin-top:10px;} #aside2{width:280px; height:445px; float:right;} /* Footer */ #footer {float:center; margin:0px auto; width:1000px; text-align:center; border-top: #E3E3E3 1px solid; height:80px; margin-bottom:30px;} #footer>.cbox {margin-top:18px; margin-bottom:5px; } #footer>.copyright1 {margin:0; color:#5F5F5F; font-size:1em;} #footer>.copyright2 {margin:5px 0 12px; 0; } #footer>.copyright2 span.logo {padding-right:5px; color:#164247; font-weight:bold; font-size:13px; letter-spacing:-1px;} #footer>.copyright2 span.copy {margin:0; color:#000000; font-size:12px; } #footer>.copyright2 a{font-size:12px; color:blue; } #footer>.copyright2 a:link,#footer .copyright2 a:active,#footer .copyright2 a:visited,#footer .copyright2 a:hover{color:#000000; }