@charset "utf-8";
/* CSS Document */

@import url("base.css");

/*header*/

body {position:relative;}

#header_wrap {position:relative; width:100%; height:60px; overflow:hidden; }
.header_bg {position:fixed; left:0; top:0; width:100%; height:60px; background:url("../../img/m_top_bg.png") repeat-x; z-index:5;}
.allmenu {position:absolute; left:10px; top:23px; width:20px; height:19px;}
.logo {width:130px; height:26px; margin:18px auto 0 auto; text-align:center;}
.home {position:absolute; right:10px; top:17px; width:26px; height:30px;}

/*전체메뉴*/
.all_menu {position:fixed; left:0; top:60px; width:100%; min-height:140px; overflow:hidden; z-index:7; box-shadow:0px 3px 3px #eee; display:none; }
.all_menu .on {position:fixed; left:10px; top:23px; width:20px; height:19px; z-index:10;}
.all_menu .top_line_wrap { position:relative; width:100%; height:5px; background-color:#eee; overflow:hidden;}
.all_menu .top_line_right {float:right; width:50%; height:5px; background-color:#f58220;}
.all_menu .top_line_con { overflow:hidden; position:absolute; width:100%; height:5px; left:50%; margin-left:-350px; background:url("../../img/line.png") no-repeat;}
.all_menu .all_list {padding:35px 10px 0 15px; overflow:hidden; background-color:#fff;}
.all_menu .all_list .list { min-height:70px; padding-bottom:15px; overflow:hidden;}
.all_menu .all_list .list li.gnb_tit {float:left; width:25%; border-top:2px solid #f7c8a1; padding-top:10px; margin-right:15px; font-size:16px; font-weight:bold; color:#f58220;}
.all_menu .all_list .list li.gnb_tit span {display:block; padding-top:0; font-size:12px; font-weight:normal; color:#999;}
.all_menu .all_list .list li.snb_m {float:left; width:70%; border-top:2px solid #eee; padding-top:10px; font-size:12px; color:#333;}



/* main_img --------------------------------------------------------*/
#main_img {width:100%; margin-top:-60px;}
.sections	{width:100%; position:relative; overflow:hidden;}
.sections .section_cont	{width:1000px; margin:0 auto;}
.sections .section_cont .visual	{height:670px;}
.sections .section_cont .visual ul li .img	{position:absolute; width:100%; top:0; left:50%; margin:0 0 0 -1000px;}
.sections .section_cont .visual ul li .text {position:absolute; width:490px; height:100px; left:77%; top:100px; margin-left:-245px;}
.sections .section_cont .indicator	{position:absolute; top:390px; left:0; width:100%; text-align:center; z-index:3;}
.sections .section_cont .indicator ul	 {display:inline;}
.sections .section_cont .indicator ul li	{display:inline-block; margin:0 1px 0 0; vertical-align:middle;}
.sections .section_cont .indicator ul li a	{background:url("/img/main_img_indicator.png") no-repeat 0 0; width:21px; height:20px; display:inline-block; overflow:hidden; vertical-align:middle;}
.sections .section_cont .indicator ul li a span	{display:block; padding:27px 0 0;}
.sections .section_cont .indicator ul li.on a	{background-position:-79px 0;}
.sections .section_cont .indicator .stop	{background:url("/img/img_stop.png") no-repeat 0 2px; width:20px; height:25px; display:inline-block; overflow:hidden; vertical-align:middle; margin-left:17px;}
.sections .section_cont .indicator .stop span	{display:block; padding:25px 0 0;}
.sections .section_cont .indicator .play	{background:url("/img/img_play.png") no-repeat 0 2px; width:20px; height:25px; display:inline-block; overflow:hidden; vertical-align:middle; margin-left:17px;}
.sections .section_cont .indicator .play span	{display:block; padding:25px 0 0;}
.sections .menu {position:absolute; left:0; top:480px; width:100%; height:190px; background:url("../../img/m_menu_bg.png") repeat-x;  z-index:6;}
.sections .menu ul li {float:left; width:25%; height:107px; text-align:center; margin-top:43px;}
.sections .menu ul li a { display:block; width:95px; height:29px; margin:0 auto; line-height:29px; text-align:center; color:#333; font-size:14px; font-weight:normal; padding-top:81px; letter-spacing:-1px;}
.sections .menu ul li a span { display:inline-block; width:18px; height:18px; line-height:25px; vertical-align:top; }
.sections .menu ul li a.about { background:url(../../img/m_menu_about.png) no-repeat top center;} 
.sections .menu ul li a.business { background:url(../../img/m_menu_business.png) no-repeat top center; } 
.sections .menu ul li a.project { background:url(../../img/m_menu_project.png) no-repeat top center;} 
.sections .menu ul li a.recruit { background:url(../../img/m_menu_recruit.png) no-repeat top center;} 



/*서브*/
#sub_wrap { position:relative; width:100%; margin-top:-60px; background:#fff; min-height:500px; z-index:3;  }
.line_wrap { position:fixed; left:0; top:0; width:100%; height:5px; background-color:#eee; overflow:hidden; padding-top:60px;}
.line_right {float:right; width:50%; height:5px; background-color:#f58220;}
.line_con { overflow:hidden; position:absolute; width:100%; height:5px; left:50%; margin-left:-350px; background:url("../../img/line.png") no-repeat;}

#sub_page {height:30px; border-bottom:1px solid #ccc; margin:35px 15px; padding-top:60px; overflow:hidden;}
#sub_page h2 { float:left;  height:25px; line-height:25px; text-align:left; color:#333; font-size:20px; font-weight:bold;}
#sub_page .snb_menu {float:right; height:25px; overflow:hidden;}
#sub_page .snb_menu .smenu {text-align:right; overflow:hidden; }
#sub_page .snb_menu .smenu li {display:inline-block; height:25px; text-align:right; vertical-align:middle; line-height:25px; font-size:11px; overflow:hidden; letter-spacing:-0.5px; }
.smenu li.snb_m1 a,.smenu li.snb_m2 a,.smenu li.snb_m3 a,.smenu li.snb_m4 a,.smenu li.snb_m5 a,.smenu li.snb_m6 a,.smenu li.snb_m7 a { display:inline-block; font-weight:normal; color:#666;  }
.snb_on_m1 .smenu li.snb_m1 a,
.snb_on_m2 .smenu li.snb_m2 a,
.snb_on_m3 .smenu li.snb_m3 a,
.snb_on_m4 .smenu li.snb_m4 a,
.snb_on_m5 .smenu li.snb_m5 a,
.snb_on_m6 .smenu li.snb_m6 a,
.snb_on_m7 .smenu li.snb_m7 a {color:#f58220; font-weight:bold; display:inline-block;}

#sub_con { margin:0 15px; padding-bottom:50px; overflow:hidden;}
.con_text h3 { font-size:18px; color:#333; font-weight:bold; line-height:25px; }
.con_text h3 span {color:#f58220; vertical-align:top;}
.con_text p {padding:7px 0; font-size:11px; color:#666; line-height:16px; }
.con_text p span.img {text-align:center;}
.con_text p span.line {display:block; width:50px; height:3px; margin:50px 0 20px 0; background-color:#666;}
.con_text p span.point {color:#f58220; vertical-align:top;}
.con_text p.ceo {text-align:right; font-size:12px; color:#333; font-weight:bold; line-height:28px; margin-top:10px;}
.con_text p.ceo span { display:inline-block; width:67px; height:28px; background:url(../../img/ceo_name.png) no-repeat; text-indent:-10000em; text-align:left;}
.con_text dl.icon {min-height:65px;}
.con_text dl.icon dt { float:left; min-height:43px;  display:block; margin-right:7px; font-size:16px; font-weight:bold; letter-spacing:10px; color:#666; overflow:hidden;}
.con_text dl.icon dt.re { float:left; display:block; margin-right:7px; font-size:16px; font-weight:bold; color:#666; letter-spacing:normal;}
.con_text dl.icon dd { display:block; line-height:43px; font-size:18px; color:#333; font-weight:bold;}
.con_text dl.icon dd span {display:block; padding-left:50px; line-height:16px; font-size:11px; color:#666; font-weight:normal; margin-top:-3px;}
.con_text dl.icon dd.tex {display:block; line-height:20px; vertical-align:top; font-size:14px; color:#666; font-weight:normal; padding-left:10px;}

.con_text .project li.line0 {display:inline-block; float:left; width:40px; border-top:2px solid #666; margin-top:25px;}
.con_text .project li.text0 {display:inline-block;  width:150px; padding-top:22px; color:#666; font-size:13px; vertical-align:top; font-weight:bold}
.con_text .project li.text0 span {font-size:14px; margin-left:-2px;}
.con_text .project dl {margin:25px 40px; padding-bottom:10px; overflow:hidden;}
.con_text .project dl dt { display:block; text-align:center;}
.con_text .project dl dd.line1 {display:block; margin:10px 0; height:1px; border-top:1px dotted #ddd;}
.con_text .project dl dd.text1 {display:block; line-height:18px; font-size:15px; color:#333; text-align:center;}
.con_text .project dl dd.text1 span {color:#999; font-size:12px;}

.con_text .recruit {min-height:70px; overflow:hidden;}
.con_text .recruit dt {float:left; display:block; min-width:90px; padding-right:15px; font-size:16px; color:#333; vertical-align:top; overflow:hidden;}
.con_text .recruit dd {display:block; font-size:14px; color:#333; vertical-align:top; overflow:hidden;}
.con_text .recruit dd span {display:inline-block; padding:5px 0 0 7px; line-height:16px; font-size:11px; color:#666;}
.con_text .recruit dd.retext {color:#666; font-size:12px; line-height:18px;}

.con_text p.down {padding:10px; background-color:#414141; text-align:center;}
.con_text p.down a {color:#fff; font-weight:bold; font-size:15px; text-decoration:underline;}




/*footer*/
#footer { line-height:30px; text-align:center; font-size:11px; color:#888; padding:5px 0; overflow:hidden;}