/*=================================================================================================
// 명    칭 : 공용헤더 스타일쉬트
// 처리내용 : 
// 작 성 자 : 2013-09-06 강대인 
//=================================================================================================*/
@charset "utf-8";

#di_header{position: relative; width:100%; padding: 0; z-index:9999;}
#di_header .dc_headerBox{position: relative; width:1200px; height:100px; margin:0 auto;}
#di_header .dc_headerBox .dc_div01{float:left; position:relative; width:152px; height: 100%;}
#di_header .dc_headerBox .dc_div01 .logo{width:100%; padding:22px 0 0 0;}
#di_header .dc_headerBox .dc_div02{float:right; position:relative; width:1048px; height: 100%;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox{margin:0 0 0 54px; width: 620px; height:100px;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol{}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li{float:left; }
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li a{display:block; padding:0 15px; color:#333; background:url(../img/common/hd_bgBar01.png) no-repeat 0 50%; transition: all 0.2s ease;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li a p{font-size:17px; font-weight: 700; line-height: 100px; background:url(../img/common/hd_bgBar02.png) no-repeat 5px 70%;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li a.bg_none{background:none;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li:hover{background-color:#004282;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li:hover a{color:#fff;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li:hover a p{}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li.selected{background-color:#004282;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li.selected a{color:#fff;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li.selected a p{}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li ul.dc_2depth{display:none; position: absolute; top:100px; left: -521px; width: 1920px; padding: 10px 10px 10px 590px; line-height:25px; background-color:#004282;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li ul.dc_2depth li{float:none;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li ul.dc_2depth li a{padding:0 0 0 0; color:#fff; font-size:14px; font-weight:400; background:none;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li ul.dc_2depth li:hover{transition: all 0.2s ease;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li ul.dc_2depth li:hover a{color:#ffff00;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li ul.dc_subMenu10{}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li ul.dc_subMenu20{padding-left: 679px;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li ul.dc_subMenu30{padding-left: 773px;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li ul.dc_subMenu40{padding-left: 877px;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li ul.dc_subMenu50{padding-left: 968px;}
#di_header .dc_headerBox .dc_div02 .dc_1depthBox ol li ul.dc_subMenu60{padding-left: 1057px;}
#di_header .dc_headerBox .dc_div02 .dc_gnb{position:absolute; top:35px; right:86px; overflow:hidden;}
#di_header .dc_headerBox .dc_div02 .dc_gnb ul.dc_ul01{float:left; overflow:hidden; margin:0 10px 0 0;}
#di_header .dc_headerBox .dc_div02 .dc_gnb ul.dc_ul01 li{float:left; height:29px;}
#di_header .dc_headerBox .dc_div02 .dc_gnb .dc_snsLink{float:left; position:relative; width:112px;}
#di_header .dc_headerBox .dc_div02 .dc_gnb .dc_snsLink .dc_btnSns{width:100%; height:29px; background:url(../img/common/hd_bgBtn01.png) no-repeat right 50% #4f4f4f; color:#fff; font-size:10px; font-weight:500; cursor:pointer; text-align:left; padding:0 0 0 10px;}
#di_header .dc_headerBox .dc_div02 .dc_gnb .dc_snsLink ul.dc_snsList{display:none; top:0px; left:0px; width:100%; background-color:#4f4f4f;}
#di_header .dc_headerBox .dc_div02 .dc_gnb .dc_snsLink ul.dc_snsList li{padding:5px 10px;}
#di_header .dc_headerBox .dc_div02 .dc_gnb .dc_snsLink ul.dc_snsList li a{display:block; color:#fff; }
#di_header .dc_headerBox .dc_div02 ul.dc_sns{position:absolute; top:35px; right:0px; overflow:hidden;}
#di_header .dc_headerBox .dc_div02 ul.dc_sns li{float:left; margin:0 0 0 5px;}
#di_header #di_2depthBox{display:none; position:absolute; top:100px; left:-152px; width:1200px; background:url(../img/common/bg_2depth.png) no-repeat 0 bottom #fff; border:solid 1px #ddd; overflow:hidden; padding:10px 10px 10px 250px;}
#di_header #di_2depthBox .dc_2depthList{float:left; position:relative; width:25%; padding:20px 0; background:url(../img/common/bg_boder2.png) no-repeat 50% bottom;}
#di_header #di_2depthBox .dc_2depthList:hover{background-color:#f1f4f6;}
#di_header #di_2depthBox .dc_2depthList p.dc_p01{position:absolute; top:10px; left:20px; font-size:14px; font-weight:700; color:#333;}
#di_header #di_2depthBox .dc_2depthList .dc_list01{padding:15px 20px 0 40px; background:url(../img/common/bg_boder.png) repeat-y 0 0;}
#di_header #di_2depthBox .dc_2depthList .dc_list01 ul{min-height: 161px;}
#di_header #di_2depthBox .dc_2depthList .dc_list01 ul li{line-height:22px;}
#di_header #di_2depthBox .dc_2depthList .dc_list01 ul li a{font-size:14px; font-weight:300; color:#333;}
#di_header #di_2depthBox .dc_2depthList .dc_list01 ul li:hover a{color:#e6440c;}
#di_header #di_2depthBox .dc_close{position:absolute; bottom:10px; right:10px; }
#di_header #di_2depthBox .dc_bgNone{background:none; padding-bottom: 0;}
#di_header #di_2depthBox .dc_MAL234{margin: 0 0 0 234px;}