@import "reset.css";
@import "layout.css";


#m_contets1{  margin:0 auto; height: 410px;  /*background: url('../images/m_visual1.jpg') no-repeat top center; */  }
#mainVisual{ overflow:hidden; position:relative; width:100%;  height: 410px; }
#mainVisual ul{ position:absolute; left:0; top:0; width:100%;}
#mainVisual ul li{ height:410px;  width:100%; background: url('../images/m_visual4.jpg') no-repeat top center;}
#mainVisual ul li.v7{ background: url('../images/m_visual5.jpg') no-repeat top center; }
#mainVisual ul li.v8{ background: url('../images/m_visual6.jpg') no-repeat top center; }
#mainVisual ul li.v1{ background: url('../image/v_img1.jpg') no-repeat top center; }
#mainVisual ul li.v2{ background: url('../image/v_img2.jpg') no-repeat top center; }
#mainVisual ul li.v3{ background: url('../images/m_visual1.jpg') no-repeat top center; }
#mainVisual ul li.v4{ background: url('../images/m_visual2.jpg') no-repeat top center; }
#mainVisual ul li.v5{ background: url('../images/m_visual3.jpg') no-repeat top center; }
#mainVisual ul li a{display:block; height:410px; width:980px; margin:0 auto;}
#mainVisual .buls_box{ width:980px; margin:0 auto; position:relative;  height:50px;}
#mainVisual .buls{ position:absolute; top:380px; right:0px; bottom:25px; z-index:2; width:145px}
#mainVisual .buls li{ float:left; width:13px;  height:13px; margin-left:5px;  background: url('../images/bul_off.png') no-repeat 0 0px;}
#mainVisual .buls li:first-child{  background: url('../images/bul_on.png') no-repeat 0 0px;}

#m_contets2{ padding:37px 0 37px 15px; margin:0 auto;}
#m_contets1_in{ margin:0 auto; overflow:hidden; }
#m_contets1_in .m_contBox{ height:12px;   }

#m_contets2_in{ width:980px; margin:0 auto;}
#m_contets2_in .m_contBox1{ overflow:hidden; margin-bottom:30px;  position:relative;}
#m_contets2_in .m_contBox1 div{ float:left; overflow:hidden;padding-left:24px; }
#m_contets2_in .m_contBox1 h3{  font-size:1.4em; font-weight:bold; padding-bottom:11px; 
																	border-bottom:1px solid #c1bfbf;  width:300px; padding-left:7px; 
																	}
#m_contets2_in .m_contBox1 .m_more{ position:absolute; top:0; right:10px;}
#m_contets2_in .m_contBox1 ul{ padding:10px 0 0 5px; width:295px; }
#m_contets2_in .m_contBox1 ul li{padding-left:8px; background: url('../images/data_blit.gif') no-repeat 0 6px; margin-bottom:8px; overflow:hidden; }
#m_contets2_in .m_contBox1 ul li a{float:left; display:block; }
#m_contets2_in .m_contBox1 ul li a:hover{ text-decoration:underline;}
#m_contets2_in .m_contBox1 ul li span{float:right; display:block;}
#m_contets2_in .m_contBox1 .m_cont1{ padding-left:0; position:relative;}
#m_contets2_in .m_contBox1 .m_cont1 h3{ border:0 none; }
#m_contets2_in .m_contBox1 #m_banner{ padding-left:0; overflow:hidden; position:relative;  height: 137px; width:317px;}

#m_contets2_in .m_contBox1 #m_banner ul.banner{ position:absolute; left:0; top:24; width:980px; height:137px; padding:0;}
#m_contets2_in .m_contBox1 #m_banner ul.banner li{height:137px;   width:317px; background: url('../images/m_cont1_img.jpg') no-repeat top center; padding:0; margin:0;}
#m_contets2_in .m_contBox1 #m_banner ul.banner li.v2{ background: url('../images/m_cont2_img.jpg') no-repeat top center;}
#m_contets2_in .m_contBox1 #m_banner ul.banner li.v3{ background: url('../images/m_cont3_img.jpg') no-repeat top center;}
#m_contets2_in .m_contBox1 .buls{ position:absolute; top:0px; right:0; width:70px; z-index:3;}
#m_contets2_in .m_contBox1 .buls ul{ width:70px; overflow:hidden; padding:0; height:26px;} 
#m_contets2_in .m_contBox1 .buls ul li{  float:left; width:13px;  height:26px; margin-left:2px; margin-bottom:0;}
#m_contets2_in .m_contBox1 .m_cont2, #m_contets2_in .m_contBox1 .m_cont3{  position:relative;}
 #m_contets2_in .m_contBox1 .m_cont3 img{float:right;}

#m_contets2_in .m_contBox2 h3{  font-size:1.5em; font-weight:bold; padding-bottom:11px; color:#5f5e5e;}
#m_contets2_in .m_contBox2 ul{ overflow:hidden;}
#m_contets2_in .m_contBox2 ul li{float:left; padding-left:41px;}
#m_contets2_in .m_contBox2 ul li:first-child{ padding-left:20px;}
#m_contets2_in .m_contBox2 ul li a:hover{opacity:0.7;}

#m_contets2_in #nav01 {
   top:10px; right:0px;
    position: absolute;
    z-index: 4; width:60px; height:13px; 
}

#m_contets2_in #nav01 a {
    background: url("../images/bul_off.png") no-repeat;
    display: block;
    float: left;
    height: 13px;
    margin-bottom: 0;
    padding: 0 6px 0 0;
    text-indent: -9999px;
    width: 13px; display:block;
}
#m_contets2_in #nav01 a.activeSlide {
    background: url("../images/bul_on.png") no-repeat;
    display: block;
    float: left;
    height: 13px;
    width: 13px;
}
#m_contets2_in #image_list_2{ width:317px; height:137px; overflow:hidden; padding-left:0;}
#m_contets2_in #image_list_2 .clsBannerScreen01{ padding-left:0;}
#m_contets2_in #image_list_2 .clsBannerScreen01 .images{width:317px; height:137px; float:left; padding-left:0;}





.contens .cont_top{position:relative;  width:750px; height:43px; border-bottom:3px solid #f0efef; margin-top:42px;}
.contens .cont_top h2{ position:absolute; top:0px; left:0px; padding-left:34px; 
											background: url('../images/sub_cont_tlt_bg.jpg') no-repeat 0 0px;
											font-size:2.1em; font-weight:bold; color:#2c2b2b; color:#6b6868;
											}
.contens .cont_top h2 span{ font-size:0.8em; }
.contens .location{position:absolute; top:17px; right:3px; padding-left:18px; 
									background: url('../images/location_home.jpg') no-repeat 0 3px; 
									color:#666; font-family:"돋움", Gulim, Verdana, AppleGothic, sans-serif;
									}
.contens .location span{ padding:0 2px;}
.contens .location span.home{ padding:0; font-weight:bold;}
.contens .contBox{padding:50px 0 98px 22px; width:728px;}
.contens .contBox.site{ padding-top:25px;}
.contens .contBox .data_text{ margin-bottom:63px;}
.contBox .recruit_box{ width:726px; border:1px solid #d0cfcf; padding-top:68px; position:relative; text-align:center;}
.contBox .recruit_box p.recruit_tlt{ position:absolute; top:-30px; left:235px;}
.contBox .recruit_box p.recruit_btn{ padding: 36px 0 30px 0;}

.contBox .recruit_box2 { width:726px; border:1px solid #d0cfcf; padding-top:150px; position:relative; text-align:center; margin-top:100px}
.contBox .recruit_box2 .recruit_tlt{ position:absolute; top:-92px; left:50%; width:422px; height:187px; margin-left:-211px; background:url('/image/recruit/recruit_tlt_bg.gif') no-repeat ;}
.contBox .recruit_box2 h2 {color:#000; font-size:17px; text-align:center; margin-top:35px}
.contBox .recruit_box2 table {width:90%; position:relative; margin:20px 0 0 10%}
.contBox .recruit_box2 table th,
.contBox .recruit_box2 table td {padding:5px 0; text-align:left;}
.contBox .recruit_box2 table th {color:#e58f06}
.contBox .recruit_box2 table td {color:2b2b29}
.contBox .recruit_box2 table th span {display:inline-block; position:relative; padding-left:10px;}
.contBox .recruit_box2 table th span:after {display:block; content:""; z-index:1; position:absolute; left:0; top:7px; width:4px; height:4px; background:#2b2b29}

.contBox .recruit_box2 table td > span {font-weight:bold; color:#e58f06; display:inline-block; position:relative; padding-left:10px; margin-right:6px}
.contBox .recruit_box2 table td span:after {display:block; content:""; z-index:1; position:absolute; left:0; top:7px; width:4px; height:4px; background:#2b2b29}

.contBox .recruit_box2 p.recruit_btn{ padding: 36px 0 30px 0;}


.contens .contBox p.sitemap_text{ font-size:1.2em; font-weight:bold; color:#929292;}
.contens .contBox p.sitemap_text span{ color:#494949;}
.contens .contBox .sitemap_box{ padding:47px 0 0 27px;}
.contens .contBox .sitemap_box div{ float:left; height:300px; width:160px;  margin-left:90px; text-align:center;}
.contens .contBox .sitemap_box div.first{margin-left:0;}
.contens .contBox .sitemap_box div p{ padding:8px 0; background:#f1f1f1; border-top:3px solid #f3990a; font-size:1.1em; color:#2d2c2c; font-weight:600;}
.contens .contBox .sitemap_box div ul li{ padding:5px 0;}
.contens .contBox .sitemap_box div li a{ display:block; padding:5px; width:150px; color:#484747;}
.contens .contBox .sitemap_box div li a:hover{text-decoration:underline;}



.udt {
	color:#0066ff;
	letter-spacing:0;
	font-weight:bold;
}

.udt2 {
	color:red;
	letter-spacing:0;
	font-weight:bold;
	line-height:1.5;
}





/*  ■ 커뮤니티 */

/* 대기업 관공서 연수생 후기 - 목록 */
.contBox.sub7_2_list {padding:50px 0 98px 0; width:750px; text-align:center}
.contBox.sub7_2_list .list_box {display:block; width:240px; float:left; margin-left:15px;}
.contBox.sub7_2_list .list_box.num_first {margin-left:0}
.contBox.sub7_2_list .list_box dt {height:40px; line-height:40px; background:#4472c4; color:#fff; font-size:1em; font-weight:bold;}
.contBox.sub7_2_list .list_box dd {padding:0;}
.contBox.sub7_2_list .list_box dd.img img{width:100%}
.contBox.sub7_2_list .list_box li.txtL {float:left; width:119.5px; height:40px; line-height:40px; background:#e9ebf5; font-size:1em}
.contBox.sub7_2_list .list_box li.txtR {float:left; width:119.5px; height:40px; line-height:40px;  background:#d9d9d9; font-size:1em; margin-left:1px}
.contBox.sub7_2_list .empty_box {clear:both; height:20px}
.contBox.sub7_2_list .empty_box2 {clear:both; height:0; font-size:0; line-height:0}


/*  ■ 채용정보 > 현재 진행형 프로젝트 */
.sub5_4_view > h2 {text-align:center}
.sub5_4_view > ul {margin-top:31px}
.sub5_4_view > ul > li {height:39px}
.sub5_4_view > ul > li > span:nth-child(2) {float:right; width:115px;}
.sub5_4_view > ul > li > span:nth-child(1) {float:left; margin-left:80px}