@charset "utf-8";
/* e-front WebDesign Team(http://www.e-front.co.kr),   */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face {
  font-family: 'NanumGothicB';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicEB';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}



/* Type Selector */
body{margin:0; padding:0;overflow-x:hidden;font-family:'Nanum GothicB','NanumGothic'; background-position:top left;background-repeat:repeat-y;}
p {margin-top:0px;margin-bottom:0px;}
ul li{list-style:none;margin:0;padding:0;}
h2{margin:0;padding:0;}
h3, h4, h5{margin:0;padding:0; font-size:13px; margin-bottom:5px; color:#333333;}
td {font-size:12px;color:#444444; line-height:160%}
table {border:none;border-collapse:collapse;}
caption{display:none;}
img {border:0;}
input, select{vertical-align:middle;}

*{margin:0; padding:0; font-size:12px; font-weight:none; line-height:18px; font-family:'Nanum GothicB','NanumGothic',Tahoma,Verdana,AppleGothic,UnDotum,sans-serif;}
a{text-decoration:none; color: #666;}
a:hover, a:active, a:focus{text-decoration:underline; color: blue;}
li{list-style:none;}
img, fieldset, button{border:none;}
hr, button img{display:none;}
textarea{overflow:auto;} 
legend{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

/* Layout Selector */
#wrapbody{margin:0 auto; padding:0px; background: url("/common/images/bg_top.gif") repeat-x; background-position:0 131px;}
#wrapbodys{margin:0 auto; padding:0px; background: url("/common/images/bg_sub.gif") repeat-x; background-position:0 131px;}
#wrap{margin:0 auto; padding:0px; width:920px; }
#header{margin:0 auto; padding:0px; }
#container2{ margin:0 auto; padding:0px; width:920px; margin-bottom:30px; margin-top:130px; }
#container3{ padding:0px; margin:0 auto; margin-top:30px;}

#footerbody{margin:0 auto; padding:0px;  background: url("/common/images/bg_footer.gif") repeat-x;}
#footer{margin:0 auto; padding:0px; margin-top:0px; width:920px; }

.box{padding:0;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

/* Header */
.logo_top{height:42px; }
.unb_top{float:right; margin-top:6px; margin-right:0px;}
.unb_top li{float:left; margin:0px 0px 0px; 0px;}

.gnb{margin-top:30px; margin-left:5px; margin-right:5px; }
.sub_visual{ }


.gnbWrap { margin:0 auto; margin-top:35px;}
/*menu*/
#gnb{ width:750px; height:38px; position: absolute; left:50%; margin-left:-280px; top:66px; padding-top:0px;  z-index:100;display:none;background: url("/common/images/bg_gnb.gif") repeat-x;}
#gnb .nav{position: relative; margin-top:-4px;}
#gnb .nav .wrap{position: absolute; z-index: 2; top:0px; left:0px;}
#gnb .nav li.main{float:left; padding-left:60px;  background-repeat: no-repeat; cursor:pointer; padding-top:12px; padding-bottom:15px; background-position: 0 15px }
#gnb .nav li.first{}
#gnb .nav .active{width:1000px; height:39px; position: absolute; top:0px; left:0px; z-index: 0; display: none;}
#gnb .nav .sub{display:none; }
#gnb .nav .sub li{padding:0px ; float:left;}
#gnb .nav #sub0 li{padding-left:0px; padding-right:0px;}
#gnb .nav #sub1 li{padding-left:0px; padding-right:0px;}
#gnb .nav #sub2 li{padding-left:0px; padding-right:0px;}
#gnb .nav #sub3 li{padding-left:0px; padding-right:0px;}
#gnb .nav #sub4 li{padding-left:0px; padding-right:0px;}


.frist{padding-left:0px;}
.frist1{padding-left:0px;}
.frist2{padding-left:0px;}
.frist3{padding-left:0px;}
.frist4{padding-left:0px;}

#gnb .nav #sub0{width:500px; height:23px; position: absolute; top:50px; left:45px; background-image: url('/common/images/gnb_bg01.png'); padding-left:0px; padding-right:0px;}
#gnb .nav #sub1{width:651px; height:23px; position: absolute; top:50px; left:140px; background-image: url('/common/images/gnb_bg02.png'); padding-left:0px; padding-right:0px;}
#gnb .nav #sub2{width:650px; height:23px; position: absolute; top:50px; left:305px; background-image: url('/common/images/gnb_bg03.png'); padding-left:0px; padding-right:0px;}
#gnb .nav #sub3{width:400px; height:23px; position: absolute; top:50px; left:425px; background-image: url('/common/images/gnb_bg04.png'); padding-left:0px; padding-right:0px;}
#gnb .nav #sub4{width:300px; height:23px; position: absolute; top:50px; left:560px; background-image: url('/common/images/gnb_bg04.png'); padding-left:0px; padding-right:0px;}


#side{width:125px; height:40px; position: absolute; top:23px;}
#side li{float:left; margin-right:10px; margin-bottom:2px;}
#side .sns{clear: both; margin-left:40px;}
#side .sns li{margin-right:5px;}

.left_line{margin-top:20px;}

/* Main Contents */
.main_visual{width:920px; height:281px; margin-left:5px;margin-top:55px;}
.main_con{width:920px; height:295px; margin-left:0px;  background: url("/common/images/con_bg.gif") repeat-x; }
.main_b{width:915px; padding-top:20px; padding-left:0px; }
.main_c{width:915px; padding-top:20px; padding-left:0px; }

/*공지사항*/
.mb_left{position:relative; float:left; width:310px; height:125px;}
.notice{color:#8e8e8e; padding-top:10px; padding-left:2px; }
.mb_more{margin-left:275px; margin-top:-10px;}

/*자료실*/
.mb_center{position:relative; float:left; margin-left:25px; width:286px;  }
.data{margin-left:5px; margin-top:13px; width:286px; height:58px; color:#666666;}
.mb_more2{margin-left:255px; margin-top:-10px;}

/*사업소개*/
.mb_right{position:relative; float:right; width:260px; margin-right:0px; height:25px; }
.business{margin-left:0px; margin-top:10px; width:260px; height:58px; }
.business ul{width:265px; margin-left:0px; padding-top:0px; }
.business ul li{float:left; padding-left:5px; }

/*장비소개*/
.mb_left2{position:relative; float:left; width:310px; height:25px; }
.equipment{ color:#8e8e8e; padding-top:5px; margin-top:0px; padding-left:0px; width:309px; }

/*실적및보유현황*/
.mb_center2{position:relative; float:left; margin-left:25px;}
.performance{margin-left:0px; margin-top:30px; width:286px; height:58px; }

/*찾아오시는길*/
.mb_right2{position:relative; float:right; width:265px; margin-right:0px; }
.map{margin-left:2px; margin-top:30px; width:265px; height:58px; }



.txt ul li{float:left; padding-right:20px; padding-left:25px;  padding-bottom:10px; }

/* Left Menu */
.snb{float:left;  width:180px; margin-top:40px; margin-left:0px;  background:#ffffff; padding-right:15px; }



/* Sub Contents */
.subcontents{float:right; margin-top:30px; margin-bottom:30px;  width:665px; margin-right:0px; margin-left:0px; }


.box_title{margin-top:0px; height:45px; border-bottom:1px solid #d5d5d5; width:660px;}
.title{float:left; margin-top:5px; margin-left:5px;}
.path{float:right; margin-top:10px; margin-right:0px; color:#666666; font-size:11px;}
.path strong{font-size:11px;}

.text_sub{padding-top:30px; margin-left:5px; margin-right:5px; background:#ffffff; }
.txt_sub{width:660px;margin-top:0px; font-size:14px; line-height:30px;}
.com_txt_sub{width:400px;margin-top:0px; font-size:14px; line-height:30px; color:#444444;}
.com_txt_sub2{width:430px; font-size:14px; line-height:30px; color:#444444;}
.com_txt_sub3{width:660px; font-size:14px; line-height:30px; color:#444444;}


.b_center{ margin-top:40px; margin-bottom:50px;}

.type2 {width:660px; border-top:2px solid #777;}
.type2 tr{ border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.type2 th{border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:5px; font-size:14px;  line-height:28px; width:150px;}
.type2 td{border-bottom:1px solid #e1e1e1;  padding:5px; padding-left:20px;}

.type3 {width:665px; }
.type3 tr{}
.type3 th{background:url('/menu/images/bg_menu.jpg'); background-repeat:no-repeat; width:270px; height:270px;}
.type3 td {padding:15px;}
.type3 h3{font-size:30px; margin-top:; color:#aac656;  padding-bottom:15px; margin-top:5px; margin-bottom:20px;}
.type3 h4{font-size:24px; margin-top:; color:#aac656;  padding-bottom:15px; border-bottom:1px dashed #e1e1e1; }
.type3 h5{font-size:18px; margin-top:5px; line-height:35px; padding-left:20px;}
.type3 td p{font-size:18px; margin-top:10px; padding-bottom:10px; line-height:190%;  border-bottom:1px dashed #e1e1e1; }
.txt_gray{font-size:30px; margin-top:; color:#666666;}

div.photo img { margin: 0 auto !important; display: block !important; }  
div.photo1 img {float:right; margin-top:-270px; }  
div.photo2 img {float:right; margin-top:-75px; margin-right:25px; margin-bottom:25px;}  
div.photo3 img {float:right; margin-top:-85px; margin-right:25px; margin-bottom:15px;}  
div.photo4 img {float:right; margin-top:-200px; }  


.info_right{float:right; padding-bottom:50px;  font-weight:bold; font-size:16px;}
.line_h{margin-top:50px; margin-bottom:0px;}
.line_h2{margin-top:100px; margin-bottom:0px;}

.strong{font-size:16px; font-weight:bold; line-height:30px;}

/* bullet */
.bu1 {padding-left:18px;background:url('/common/images/dot3.gif'); background-repeat:no-repeat; background-position:0 3px; font-weight:bold;}
.bu2 {padding-left:0px;background:url('/common/images/bull_2.gif'); background-repeat:no-repeat; background-position:0 0px;    font-weight:bold;}
.bu4 {padding-left:0px;background:url('/common/images/bull_2.gif'); background-repeat:no-repeat; background-position:0 0px;    font-weight:bold;}
.bu3 {padding-left:13px;background:url('/common/images/bull_1.gif'); background-repeat:no-repeat; background-position:0 10px; font-size:14px; margin-bottom:8px;}


.com_txt_img01{float:right; margin-right:70px; margin-top:30px; margin-bottom:60px;}

/* 회 사 연 혁 */
.type4 {width:665px;background:url('/common/images/history_line.gif'); background-repeat:no-repeat; }
.type4 tr{}
.type4 th{width:190px; text-align:left;padding-top:20px; padding-bottom:10px;}
.type4 td{padding-top:20px;}

.mth {padding-right:20px;font-weight:bold;font-size:17px;}


.u7_table{color:#4d4d4d; border-top:1px solid #5491fb;}
 a{text-decoration:none; color: none;}
 a:hover, a:active, a:focus{text-decoration:none; }
.u7_table th{height:29px; background:#efefef;}
.u7_table td{height:29px; text-align:center;}
.info_right2{float:right; margin-top:-15px;}

.com_bg{background:url('/common/images/com_bg.gif')  no-repeat; height:300px;}
.bus_bg{background:url('/business/images/bus_bg.gif')  no-repeat;  }


/* Footer */
.footer_img{float:left; margin-top:20px; margin-left:0px;}
.copy_footer{float:left; margin-top:50px; margin-left:-110px; margin-bottom:20px;}
.Intranet{float:left; margin-top:20px; margin-left:30px; }



/* Aside */
.aside{}
.spot{}
.search{}

.mgl22{margin-left:22px;}
.login_data{margin-top:40px; height:105px; padding-top:15px;}
.data_txt{margin-top:0px; margin-left:3px; color:#767676; font-size:13px; font-weight:bold; line-height:18px;}
.data_txt ul li{font-size:13px; font-weight:bold; line-height:18px; margin-top:3px;}

.txtBx{width:660px;padding-bottom:40px; }


/* main rolling */

#container {
	width:917px;
	height:424px;
	padding:0px;
	top:75px;
	left:0px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#slides {
	position:absolute;
	top:-100px;
	left:0px;
}

#slides .next {
	position:absolute;
	top:205px;
	right:-35px;
	width:22px;
	height:40px;
	display:block;
	z-index:101;
}

#slides .prev {
	position:absolute;
	top:205px;
	left:-50px;
	width:22px;
	height:40px;
	display:block;
	z-index:101;
}

.slides_container {
	width:917px;
	height:424px;
	overflow:hidden;
	position:relative;
	z-index:100;
}


.pagination {	
	position:absolute;
    float : left;
	margin: -30px 0px 0px 400px;
	width:200px;
	z-index:999;
}

.pagination li {
	float : left;
	z-index:505;
	margin: 0px 7px;
}

.pagination li a {
	text-indent:9999px;
	display:block;
	width:14px;
	height:14px;
	padding-top:0px;
	background-image:url(/common/images/pagination.png);
	background-position:0 0;
	
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -14px;	
}



/*공통*/
.clear{clear:both}
.ver{vertical-align:middle;}
.fc_red{color:red;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}


.pdt5 {padding-top:5px; !important}
.pdt10 {padding-top:10px; !important}
.pdt15 {padding-top:15px; !important}
.pdt30 {padding-top:30px; !important}

.pdl10{padding-left:10px !important;}
.pdl20{padding-left:20px !important;}

.mgt5{margin-top:5px !important;}
.mgt10{margin-top:10px !important;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}
.mgt40{margin-top:40px !important;}
.mgt50{margin-top:50px !important;}
.mgt60{margin-top:60px !important;}
.mgt70{margin-top:70px !important;}
.mgt80{margin-top:80px !important;}
.mgt90{margin-top:90px !important;}

.mgl5{margin-left:5px !important;}
.mgl10{margin-left:10px !important;}
.mgl20{margin-left:20px !important;}
.mgl30{margin-left:30px !important;}
.mgl35{margin-left:35px !important;}
.mgl40{margin-left:40px !important;}
.mgl50{margin-left:50px !important;}
.mgl60{margin-left:60px !important;}
.mgl70{margin-left:70px !important;}
.mgl80{margin-left:80px !important;}
.mgl90{margin-left:90px !important;}

.mgr5{margin-right:5px !important;}
.mgr10{margin-right:10px !important;}
.mgr20{margin-right:20px !important;}
.mgr30{margin-right:30px !important;}
.mgr40{margin-right:40px !important;}
.mgr50{margin-right:50px !important;}