/* 
    Document   : index
    Created on : 2015. 02. 25, 오후 14:12
    Author     : daKim
    Description:
        (주)디유 메인페이지
*/

html {
	background-color: #343535;
}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}



.wrap_popup {height:102px;}
#indexBG img {position:absolute; top:0; min-width:1000px; width:100%; height:100%; z-index:-1}




/*=visual 영역 */
.wrap_visual {position:relative; min-width:1000px; height:638px; margin-top:146px;}
#visual {text-align:center; padding-top:170px;}
#visual li {display:inline-block; width:200px; height:200px; margin-left:17px;}
#visual li a {display:block;}
#visual .visual_title {position:absolute; top:0; left:170px;}
#visual .roll {position:relative; display:block;}
#visual .rollover {position:absolute; top:170px; display:block;}
#visual li {overflow:hidden;}


/*=content 영역 */
.wrap_contents {padding-bottom:20px; background:url(../img/common/bg_opacity_black.png) repeat;}
#contents {position:relative;}
#contents .section01 {position:relative; display:inline-block; width:392px; padding-top:18px;}
#contents .section01 h1 {position:absolute; top:18px; left:3px;}
#contents .section01 .notice_more {position:absolute; top:18px; right:0;}
#noticeList {width:281px; padding-left:84px; color:#fff;}
#noticeList li {padding-left:15px; margin-top:11px;}
#noticeList li.first {margin-top:0;}
#noticeList li span.subject {display:inline-block; width:190px;}
#noticeList li .icon_new {padding-left:5px;}
#noticeList li span.date {position:absolute; display:inline-block; right:24px;  padding:0 10px; letter-spacing:0;}

#noticeList li a:link {color:#fff;}
#noticeList li a:visited {color:#fff;}
#noticeList li a:hover {color:#ffcf00;}






#contents .section02 {position:absolute; top:18px; right:0; display:inline-block;}
#contents .section02 ul {}
#contents .section02 ul li {display:inline-block; margin-left:9px;} 



/*=footer 영역  */
.wrap_footer {height:60px; background:url(../img/common/bg_opacity_black.png) repeat;}
#footer {position:relative; padding-top:20px; background:url(../img/index/footer_line.png) no-repeat top;}
#footer .copyright {display:inline-block; letter-spacing:0; color:#a3a3a3;}
#footer .tel {display:inline-block; color:#ccb13e;}
#fnb {display:inline-block; margin-left:14px;}
#fnb li {display:inline-block; padding:0 13px 0 8px; background:url(../img/common/bar_fnb.png) no-repeat right;}
#fnb li.end {background:none;}
#fnb li a:link {color:#a3a3a3;}
#fnb li a:visited {color:#a3a3a3;}
#fnb li a:hover {color:#ffcf00;}

#footer .social {position:absolute; top:18px; right:0;}
#footer .social li {display:inline-block;}