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


#di_header{position: relative; width:100%; padding: 0; background-color:#e8eaeb; }
#di_header .dc_headerBox{position: relative; width:1200px; height:200px; margin:0 auto;}
#di_header .dc_headerBox .logo{float:left; width:200px; height:200px;}
#di_header .dc_headerBox .title{position:absolute; top:265px; left:0px; width:386px; height:72px;}
#di_header .dc_headerBox .dc_gnb{float:right; position:relative; padding: 145px 0 0 0;}
#di_header .dc_headerBox .dc_gnb a{padding:0 15px;font-size:14px; color:#3c4652; font-weight:500;}
/*#di_header .dc_headerBox .dc_gnb a.gnb01{margin:0 30px 0 0;}
#di_header .dc_headerBox .dc_gnb a.gnb02{margin:0 30px 0 0;}
#di_header .dc_headerBox .dc_gnb a.gnb03{margin:0 70px 0 0;}
#di_header .dc_headerBox .dc_gnb a.gnb04{margin:0 20px 0 0;}*/

#di_subTop{position:relative; width:1200px; height:400px; margin: 0 auto; }
#di_subTop .title_1depth{position:absolute; top:0px; right:400px; width:200px; height:200px; background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 60px #6c747d;}
#di_subTop .title_1depth h2{font-size:16px; color:#fff; font-weight:500; text-align:center; line-height:200px; background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 140px;}
#di_subTop .dc_subVisual{position:absolute; top:0px; right:200px; width:200px; height:200px;}
#di_subTop .dc_subnav{position: absolute; top: 200px; right: 0px; width:600px; height:200px; background-color:#6c747d; text-align:center;}
#di_subTop .dc_subnav a{display:inline-block; min-width: 72px; height:200px; padding:0 15px; font-size:15px; color:#c4cfdb; font-weight:400; background:url(../img/main/bg_whiteBar.png) no-repeat 50% 60px #6c747d;}
#di_subTop .dc_subnav a p{text-align:center; line-height:200px; background:url(../img/main/bg_whiteBar.png) no-repeat 50% 140px;}
#di_subTop .dc_subnav a.on{color:#fff; font-weight:500; background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 60px #6c747d;}
#di_subTop .dc_subnav a.on p{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 140px;}
#di_subTop .dc_subnav a:hover{color:#fff; font-weight:500; background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 60px #6c747d;}
#di_subTop .dc_subnav a:hover p{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 140px;}

.dc_bgSub01,
.dc_bgSub10{background:url(../img/subTitle/bg_10.png) no-repeat 0 bottom;}
.dc_bgSub20{background:url(../img/subTitle/bg_20.png) no-repeat 0 bottom;}
.dc_bgSub30{background:url(../img/subTitle/bg_30.png) no-repeat 0 bottom;}
.dc_bgSub40{background:url(../img/subTitle/bg_40.png) no-repeat 0 bottom;}
.dc_bgSub50,
.dc_bgSub90{background:url(../img/subTitle/bg_50.png) no-repeat 0 bottom;}

.dc_1depthBox{position:relative;}
.dc_1depthBox .btn_menu{position:absolute; top:0px; right:0; width:200px; height:200px; cursor:pointer;}
.dc_1depthBox .dc_1depth {display:none;overflow: hidden;position:absolute;top:0px;left:0;width:1000px;  z-index:99;}
.dc_1depthBox .dc_1depth li {float:left;width:250px;height:200px;z-index:1;}
.dc_1depthBox .dc_1depth li a{display:block; height:200px; padding:0 10px; font-size:16px; color:#c4cfdb; font-weight:400; background:url(../img/main/bg_whiteBar.png) no-repeat 50% 60px #6c747d;}
.dc_1depthBox .dc_1depth li a p{text-align:center; line-height:200px; background:url(../img/main/bg_whiteBar.png) no-repeat 50% 140px;}
.dc_1depthBox .dc_1depth li a.on{color:#fff; font-weight:500; background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 60px #00b2f4;}
.dc_1depthBox .dc_1depth li a.on p{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 140px;}
.dc_1depthBox .dc_1depth li a:hover{color:#fff; font-weight:500; background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 60px #00b2f4;}
.dc_1depthBox .dc_1depth li a:hover p{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 140px;}