@import url(base.css);
@charset "utf-8";
/*///////////////////////////////////////////////////////////////////////////////////
//
//	layout
//
///////////////////////////////////////////////////////////////////////////////////*/

html,body {margin:0; padding:0; _text-align:center;font-size:12px;line-height:130%;font-family:"µ¸¿ò",dotum,Verdana,sans-serif background:#fff;background:url(../img/top_bg.png) repeat-x}
.content_witdh {width:1000px; margin:0 auto}
#container {width:1000px; margin:0 auto;}
#header {position:relative;*zoom:1;width:100%; height:100px;}
#header h1 {float:left; padding-top:15px;}
#header h2 {position:absolute;left: 860px;top:35px;}
#header .cate_list { padding-left:170px; padding-top:47px;}
#header .cate_list .cate_big_list {float:left; position:relative; /*padding-left:40px;*/ cursor:pointer;}
#header .cate_list .last {padding-left:37px;}
#header .cate_list .cate_big_list .cate_cnt {display:none; position:absolute; top:45px;}
#header .cate_list .cate_big_list .cate_cnt li {float:left; padding-left:23px;}

#main_visual{height: 298px;font-size:0;line-height:0; background:url(../img/m_img_01.png)}
#main_visual h3 {position:relative;float:right;right:0px}
#main_visual .youTube {width:347px; height:223px;position:relative;float:right; top:40px; right:0px}
#wrap_line{border-bottom:1px solid #cdcdcf}

/* board */
#banner_wrap{width:1000px; height:56px; margin:0 auto;_text-align:left;background:url(../img/banner_01.png) no-repeat;margin-bottom:30px; margin-top:30px;}
#board_wrap2{width:1000px; height:840px; margin:0 auto;_text-align:left;background:url(../img/director.png) no-repeat;margin-bottom:30px; margin-top:30px;}
#board_wrap{width:1000px; height:200px; margin:0 auto;_text-align:left;background:url(../img/board_bg.png) no-repeat;margin-top:30px;margin-bottom:30px}
#main_center{*zoom:1;/*_display:inline-block;*/margin-bottom:25px;}
/**:first-child+html .clear{display:inline-block}*/
#main_center:after{display:block;clear:both;content:''}
#main_center .news{position:relative;float:left;width:320px; height:230px; padding-left:15px }
#main_center .business{position:relative;float:left;width:315px;height:230px;padding-left:15px}
#main_center .recruit{position:relative;float:right;width:305px;height:230px;padding-left:15px}
#main_center h3.title{height:25px;margin-top:25px}
#main_center .more {position:absolute;right:15px;top:15px;}

#main_center ul.main_bbs{clear:both;margin:18px 18px 0 0}
#main_center ul.main_bbs li{clear:both;margin-bottom:3px;background:url(../img/main_bbs_dot.gif) no-repeat 1px 5px;padding-left:8px}
#main_center ul.main_bbs li:after{display:block;clear:both;content:''}
#main_center ul.main_bbs li a{float:left;color:#808285;font-size:12px;text-decoration:none}
#main_center ul.main_bbs li a:hover{color:#000;text-decoration:underline}
#main_center ul.main_bbs li span {float:right;color:#b3b4b5;font-size:11px;font-family:Tahoma, sans-serif}

#gallery_wrap{width:1000px; height:180px; margin:0 auto;_text-align:left;background:url(../img/gallery_bg.png) no-repeat}
#main_center_2{*zoom:1;margin-bottom:25px}
#main_center_2:after{display:block;clear:both;content:''}

#main_center_2 .photo{position:relative;float:left;width:485px; height:180px;padding-left:15px}
#main_center_2 .movie{position:relative;float:right;width:485px; height:180px;padding-left:15px}
#main_center_2 h3.title{height:25px;margin-top:25px}
#main_center_2 .more {position:absolute;right:15px;top:15px;}

#main_center_2 ul.main_bbs{clear:both;margin:20px 0 0 0}
#main_center_2 ul.main_bbs li{clear:both;margin-bottom:3px;background:url(../img/main_bbs_dot.gif) no-repeat 1px 5px;padding-left:8px}
#main_center_2 ul.main_bbs li:after{display:block;clear:both;content:''}
#main_center_2 ul.main_bbs li a{float:left;color:#808285;font-size:12px;text-decoration:none}
#main_center_2 ul.main_bbs li a:hover{color:#000;text-decoration:underline}
#main_center_2 ul.main_bbs li span {float:right;color:#b3b4b5;font-size:11px;font-family:Tahoma, sans-serif}


/* foote */
#footer_wrap{_text-align:center; margin-top:30px; border-top:1px solid #cdcdcf}
#footer {width:1000px;height:100px;margin:0 auto;_text-align:left;background:url(../img/footer_bg.png) no-repeat 0px 10px}
#footer address {margin-left:155px;padding-top:25px}
/* foote */

.image_list {overflow: hidden;position: relative;height: 298px;width: 421px; border:1px solid #e1e1e1; cursor:pointer; clear:both;}
.image_list .images {position:absolute; display:none; }

/* Slider */
.fix_width { width: 422px; float:right;}
.fix_width:after, .left_foot_cont ul li:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.slide_cont{position: relative; z-index: 1; margin: 0 auto; }
	#slider img { border-left: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 0px; left: 0px; }
	.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }
	/*.nivo-directionNav a { position:absolute; top: 38%; text-indent: -9999px; cursor: pointer; z-index: 99; }
	.nivo-prevNav { left:10px; display: block; width: 122px; height: 122px; background: url(images/slide_nav_left.png); }
	.nivo-nextNav { right:10px; display: block; width: 122px; height: 122px; background: url(images/slide_nav_right.png); }*/







.stepcarousel{
	margin-left:579px;
	position: relative;
	overflow: scroll;
	width: 421px;
	height: 298px;
}

.stepcarousel .belt{
	position: absolute;
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 421px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#promotion{
	width: 421px;
	height: 298px;
	border: 0;
}

#promotion .panel{
	height: 298px;
	text-align: center;
}