@charset "utf-8";
/* 스타일 초기화 */

/* 요소(element) 여백 초기화  */
html, body,div, span,dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6,p, address,
form, fieldset, legend, input, select, textarea,
table, caption, col, colgroup, thead, tfoot, tbody, th, td 
{margin:0;padding:0;border-collapse:collapse;border-spacing:0;}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
h2 {display: block;}


/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none; } 
a {outline:0;} 
input.btn   {outline:0;} 

/* 목록 불릿 없애기 */
ol, ul { list-style:none; }

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {	border-spacing:0;	border:0 none;}
caption, th, td {font-weight: normal;}
	

/* 텍스트 관련 요소 초기화 
address, caption, strong, em {font-weight:normal;font-style:normal;	}*/

/* 수평선*/
hr { display:none; }

/* body 기본 스타일 */
body {font-size: 12px; font-family:"Dotum",Arial, Verdana, sans-serif; color:#999;line-height:120%; text-align:center;}
html, body { height: 100%; margin: 0; padding: 0; min-height:100%; position: relative; z-index: 1;} 

/* 링크 스타일 */
a, a:link {	color:#575757;text-decoration:none;} 
a:visited {	color:#383838;text-decoration:none;}
a:hover, a:focus {color:#767676;}
a:active {color:#383838;}



/* top  */

#wsize{width:100%; margin:0 auto;}


#topsize{width:100%; margin:0 auto;}
.topwrap {width:980px; height:20px;  text-align:center; }

.twrap {width:980px;  margin:0 }

#wrap {width:980px; margin:0 auto; top:30px;}

.subtop {width:980px; padding-top:120px;}

#topwrap {width:980px; height:40px; margin:0 auto; }

#topwrap02 {width:980px;  margin:0 auto;  padding-top:8px; }

.toplog {width:300px; position:absolute; left:435px; top:27px; overflow-y:hidden;opacity:0;}

#ContentArea{ min-height: 550px;font-size: 12px; font-family:"Dotum",Arial, Verdana, sans-serif; color:#999;}


/* top 메뉴 */

.txtcen {text-align:center;}
.txtleft {text-align:left;}
.txtri {text-align:right;}


/* bin  */
.pad5 {padding:5px;}
.pad10 {padding:10px;}

.padl5 { padding-left:5px;}
.padl10 { padding-left:10px;}
.padl20 { padding-left:20px;}
.padl25 { padding-left:25px;}


.padr15 { padding-right:15px;}

.padt8{padding-top:8px;}
.padt10{padding-top:10px;}
.padt15{padding-top:15px;}
.padt20{padding-top:20px;}
.padt30{padding-top:30px;}
.padtl5 { padding-left:5px;padding-top:10px;}
.padtb6 { padding-top:6px;  padding-bottom:6px;}
.padtb15 { padding-top:15px;  padding-bottom:15px;}
.padtb20 { padding-top:20px;  padding-bottom:20px;}
.padtb30 { padding-top:30px;  padding-bottom:0px;}
.padtb53 { padding-top:50px;  padding-bottom:30px;}
.padtb40 { padding-top:40px;  padding-bottom:40px;}
.padtl15 { padding-left:15px;padding-top:15px;}
.padtr10 { padding-right:15px;padding-top:5px;}
.padb5  {padding-bottom:5px;}
.padb10  {padding-bottom:10px;}
.padb15  {padding-bottom:15px;}
.padb20  {padding-bottom:20px;}
.padb30  {padding-bottom:30px;}


.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }

.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}


/* 메인 게시판 속성 */

.maintbin {padding-bottom:12px;}
.maingapbin { padding-left:7px;}

/* width 속성 */
.w250 {width:250px;}
.bodfon01 {color:#666; text-decoration:none; font-size: 12px; font-family:"Dotum";}
.bodfon01  a:link, a:hover{color:#666; text-decoration:none; font-size: 12px; font-family:"Dotum";}

#mainblue{width:100%; height:230px;  background-repeat:repeat; text-align:center;}
#mainblue div.rc01{width: 970px;  padding:25px 0px 10px 0px; text-align:center; }
#mainblue div.rc02{width: 228px; padding:0px 8px 0px 0px;}
#mainblue div.rc03{width: 100%;  padding:0px 0px 8px 0px; height:22px; color:#666; text-align:left; }
#mainblue div.rc04{width: 498px;  float: right; }


/* 메인  타이틀 이미지 */

.main01bg{ background:url(../images/mainimg.jpg) no-repeat 50% 0; margin-top:100px;  vertical-align:top;} /*메인 1100-460*/



/* sub  타이틀 이미지 */

.sub01bg{ background-image:url(../images/sub/subbg01.gif);background-repeat:no-repeat; background-position:50% 0; vertical-align:top; } /*회사소개*/
.sub02bg{ background-image:url(../images/sub/subbg02.gif);background-repeat:no-repeat; background-position:50% 0; vertical-align:top; } /*사업영역*/
.sub03bg{ background-image:url(../images/sub/subbg03.gif);background-repeat:no-repeat; background-position:50% 0; vertical-align:top; } /*PR센터*/
.sub04bg{ background-image:url(../images/sub/subbg04.gif);background-repeat:no-repeat; background-position:50% 0; vertical-align:top; } /*인재채용*/
.sub05bg{ background-image:url(../images/sub/subbg05.gif);background-repeat:no-repeat; background-position:50% 0; vertical-align:top; } /*고객지원*/
.sub06bg{ background-image:url(../images/sub/subbg06.gif);background-repeat:no-repeat; background-position:50% 0; vertical-align:top; } /*MEMBER*/
 

/* sub  속성 */

.sub_tabs { height:50px; margin:20px 0px 10px 0px; }  /* 탭속성 */ 



.leftmenubin{ padding-left:28px;}/* 서브 페이지 가운데 width 값 */
.lefttablebin{height:30px;}/* 레프트 메뉴 높이 값 */
.leftmenutitbin {padding-top:17px;  padding-bottom:25px;}/* 레프트 메뉴 타이틀 속성값 */
.subtitlebin{ padding-top:15px;  padding-bottom:10px;}/* 서브타이틀 속성값 */

.subinbin { padding-left:100px;}

.locfont{COLOR: #000; FONT-FAMILY: "Dotum", "Arial", "AppleGothic";  FONT-SIZE: 11px; text-align:right;}

.subin {clear:left; text-align:left; padding-top:20px; width:740px;  word-wrap:break-word; word-break:break-all;}

.subin_bin02 {width:100%; text-align:right; vertical-align:top; margin:10px 0px 20px 0px;}  /* top 위치 속성  */ 


.sub-box {height:80px; border-bottom:1px solid #dfdfdf;text-align:left; COLOR: #999; FONT-SIZE: 11px;  }
.sub-box a{ COLOR: #999; FONT-SIZE: 11px;  }


#subwrap {position:relative; float:left; width:970px; margin:0 auto; }

/* sub font  속성 */


.fontitle {padding:10px 0px 15px 0px; font-size:16px; font-family:"Dotum", "Arial","AppleGothic";
           COLOR: #187775;line-height:140%; font-weight:bold; letter-spacing:-1px; }


.fon01{font-weight:bold; display:inline-block; color: #333; font-size: 13px;letter-spacing:-1px;}

pre {font-size:13px; font-family:"Dotum", "Arial"; color:#333;line-height:180%; text-align:justify; }
p{ text-align:justify; display:block;  }



/* sub  포트폴리오 */
.subport_ww {width:700px;  padding:20px 0px 10px 0px;   text-align:left;}   /*기본사이즈와 높이  */ 
.subport_ww01  {width:40px;   text-align:left;  float: left; padding:340px 0px 0px 0px;  }   /*왼쪽 화살  */ 
.subport_ww02  {width:630px; text-align:left;  float: left;  } 
.subport_ww03  {width:30px;   text-align:right;  float: right; padding:340px 0px 0px 0px;  }   /*오른쪽 화살  */ 


.subport_ww02 .pp {width:210px;   text-align:left;  float: left; padding:10px 0px 10px 0px;  } 
.subport_ww02  li  { text-align:left; width:100%; } 



/* 박스 */
.input_basic {border: 1px #CCC solid; color: #777; font: normal 11px arial;	
              width:70px; height:14px; vertical-align:bottom;  padding:0 5 0 5;}

.input_log { background-color:#e8e9e9;border: 1px #e8e9e9 solid;  color: #777; font: normal 14px arial;	
              width:240px; height:25px; padding:0 5 0 5; }


.bx{height:500px; width:715px; 
    padding:10px;
    COLOR: #999; FONT-FAMILY: "Dotum", "AppleGothic"; FONT-SIZE: 12px;
    line-height:18px;
	border:1px solid #e5e5e5; overflow:auto; overflow-x:hidden; 
	scrollbar-base-color: #d9d9d9; scrollbar-3dlight-color: #d7d7d7; scrollbar-darkshadow-color: #d9d9d9; scrollbar-face-color: #d9d9d9; scrollbar-highlight-color: #d9d9d9; scrollbar-shadow-color: #d9d9d9; scrollbar-track-color: #f2f2f2;}


/*contact*/
.contact
{
padding:10px;
}

.contact_address
{
margin:20px 0 0 0;
}

.contact_address p
{
font-size:12px; color:#154459; font-family: "나눔고딕", NanumGothic,Dutom, sans-serif; line-height:180%;
}


/* footer*/ 메인-	ㅡ블루 

#footerbg {background-color:#0091d0; background-repeat:repeat; width:100%;  padding:35px 0px 20px 0px; text-align:center;}


#footerbg div.size {width:970px; height:150px; margin:0 auto; padding:25px 0px 10px 0px; text-align:center;}

#footerbg div.bot {width:970px; height:15%; padding:15px 0px 15px 0px;}

.footer-text {
	display:inline-block;
	color:#154459;
	font-size:11px;
	line-height:15px;
	letter-spacing:0px;
	padding:2px 0 3px 6px;
}
.footer-text a:link, a:visited {
	display:inline-block;
	color:#154459;
	font-size:11px;
	line-height:15px;
	text-decoration:none;
}
.footer-text a:hover {
	color:#eeeeee;
	text-decoration:none;}
	
.footer-text span.bar {
	display:inline-block;color:#4aa5cd;	font-size:10px; }
	
.footer-text span.bold {
	display:inline-block;
	color:#154459;
	font-size:10px;
	font-weight:bold;
	padding-left:10px;}	

.footer-text span.co {color:#333;
	font-family:Arial;
	font-size:9.5px;}	



/* footer*/ 서브-화이트

#footerbg01 { width:100%; text-align:center;  position:relative;}

#footerbg01 div.bot {width:970px;  padding:15px 0px 15px 0px; border-top:1px solid #dfdfdf;vertical-align:bottom;}

.footer-text01 {
	display:inline-block;
	color:#666;
	font-size:11px;
	line-height:15px;
	letter-spacing:0px;
	padding:2px 0 3px 6px;
}
.footer-text01 a {
	display:inline-block;
	color:#666;
	font-size:11px;
	line-height:15px;
	text-decoration:none;
}
.footer-text01 a:hover {
	color:#c5c5c5;
	text-decoration:none;}
	
.footer-text01 span.bar {
	display:inline-block;color:#777;	font-size:10px; }
	
.footer-text01 span.bold {
	display:inline-block;
	color:#444;
	font-size:10px;
	font-weight:bold;
	padding-left:10px;}	

.footer-text01 span.co {color:#333;
	font-family:Arial;
	font-size:9.5px;}	


	
/*.inputTypeSelect { 	behavior:url('/skin/site/default/css/selectbox.htc'); }*/

.iePngFix{ behavior:url('/skin/site/default/css/iePngFix.htc');} 

.footer-text01 a:hover {
	color:#c5c5c5;
	text-decoration:none;}


/* 입사지원*/

.ipwsize{width:570px;}
.guidebg {width:100%; height:35px; border-bottom:1px solid #eee; padding:20px 0px 20px 0px; }
.linebg01 {width:20%; height:35px; border-bottom:1px solid #eee; text-align:left; }
.linebg02 {width:100%; height:35px; border-bottom:1px solid #eee; text-align:left; }
.linebg03{width:100%; height:80px; border-bottom:1px solid #eee; text-align:left;}

.conbin01 {padding:10px 0px 0px 15px;}

.conbox02{width:200px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
margin-left:10px; margin-top:5px;  font:12px "돋움";color:#777; line-height:180%; }

.conbox03{width:180px;height:18px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
margin-left:10px; margin-top:5px; font:12px "돋움";color:#777;}

.contextarea{width:90%; height:150px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
margin: 5px 0px 5px 10px;  font:12px "돋움";color:#777; line-height:180%;}

.contextarea02{width:90%; height:90px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
margin: 5px 0px 5px 10px;  font:12px "돋움";color:#777; line-height:140%;}

.agree { font:12px "돋움";color:#777; height:25px; text-align:left; padding:3px 0px 0px 15px;}
.filetxt { font:12px "돋움";color:#777;  text-align:left; padding:10px; line-height:160%;}


 #pop1{
 width:450px; height:560px; background:url(/skin/site/default/images/pop_uf2024.jpg); color:#000; 
 position:absolute; top:100px; left:20px; text-align:center; 
 border:2px solid #000;