@charset "utf-8";
/* 메인배경 */
/* body에 바로 줌~ */


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

#Wrapper{ width:1000px;padding-bottom:12px; margin:0 auto; position:relative;}

/* 서브배경  */

/*head.html시작*/


#header{ height:118px; background:url(../images/com/t_line_bg_01.gif) 0	110px no-repeat;   width:1000px; margin:0 auto;   }

/*		#header .navi_header { position:absolute; z-index:100; left:10px; }	*/

/*#header-wrap{width:970px;  height:138px; margin:0 auto; clear:both;}*/

/*	#logo{position: absolute; z-index: 1;  left: 50%; margin-left:-110px; padding:10px 0 0px 0; }*/

#logo{position: relative; float:left; width:178px; z-index: 1; padding:15px 0 0 0;   height:33px }

	.t_menu	{float:right; padding:19px 0px 0 0px;  }
	.t_menu ul li	{float:left; padding:0px 5px 0 5px;   background:url(../images/com/t_menu_line.png) right  no-repeat; font-weight:bold; font-family:dotum;}
	.t_menu ul li img {margin-top:-5px;}
	.t_menu ul li.rightblank	 {float:left; padding:0px 8px 0 12px;  background:url() right  no-repeat; }
	.t_menu dl dd dt{float:left; padding:0 3px 0  3px;}  
	



.lnb {	float:right;	padding-top:0px;  background:url(../images/com/t_menu_bg.png) top no-repeat; width:254px; height:23px; }
.lnb li, .lnb dt, .lnb dd {	float:left;}
.lnb li {}

.lnb dt {padding-right:5px;}
.lnb dd {	padding-left:3px; }



.nav {position:relative; float:left; height:29px; width:1000px;	padding-top:5px; margin-top:8px;  z-index:1000;}

#menu {position:relative; float:left; height:29px; width:1000px;	}   

.menu a {float:left; color:#2e2e2e; text-decoration:none;   /* width:140px;*/ /*height:20px;*/ padding:8px 10px 8px 10px; }
.menu span {float:left; color:#2e2e2e; text-decoration:none; /*width:140px;*/ /*height:20px;*/ padding:8px 0;}
.menu a:hover {color:#b1063a}

.menu {list-style:none; font:17px Tahoma; font-weight:bold; /*text-align:center;*/width:1000px; margin:0 auto;}

.menu li {position:relative; float:left; /*width:122px;	 padding-left:20px;*/ text-align:center;padding:3px 26px 0px 26px; z-index:1000; letter-spacing:-0.1px; }
.menu li ul li {position:relative; float:left; text-align:left;}

.menu ul {display:none; position:absolute; font-size:13px; /* font-weight:normal;*/ top:40px; left:0; background:#f2f2f2; display:none; list-style:none}
.menu ul li {float:none; border-top:1px solid #ddd; width:185px;  padding:0 0 0 0px;}

.menu ul li.wid {float:none; border-top:1px solid #ddd; width:220px;  padding:0 0 0 0px;}

.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:none; /* height:20px;*/ padding-top:5px; color:#2e2e2e;}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#c0c0c0; color:#fff}
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; /*height:20px;*/ padding-top:5px}
.menu ul ul {left:185px; top:0}
.menu ul ul.wid {left:220px; top:0; font-size:13px; font-weight:; }
.menu li.submenu {/*font-weight:normal;*/ font-weight:bold;}
.menu li.noborder {border-top:none}
li.menuhover a, li.menuhover li.menuhover a {color:#b1063a; /* background:#999*/}
li.menuhover span, li.menuhover li.menuhover span {color:#b1063a; /*background:#999*/}
#info {width:180px; background:#eee}
#info li {width:160px; border-top:none; padding:8px 10px; color:#666; text-shadow:1px 1px #fff; text-align:left}

.menu li ul li.liResize{width:200px;}




/*	.menu {	float:left;  padding:8px 0 0 0px;	position:relative; }
	.menu li {float:left; height:35px;	padding:0px 33px 0px 32px;}
	.menu li.rightblank {padding:0 0px 0px 35px;}

	.menu .menuon{ background:url(../images/com/menu_bg_on.gif) left top repeat-x;}
	.menu li ul  {position:absolute;	width:1000px; 	left:0px;	top:29px; 	display:none; z-index:5; }

	.menu li ul li {padding:13px 8px 0 7px; *padding:12px 7px 0 8px;   background:url()  top  no-repeat;}
	.menu #m1 {margin-left:17px; width:600px;	background:url('../images/com/menu_arrow.png') 20px 1px no-repeat; }
	.menu #m2 { margin-left:230px; width:250px;	background:url('../images/com/menu_arrow.png') 20px 1px no-repeat;}
	.menu #m3 { margin-left:405px; width:380px;	background:url('../images/com/menu_arrow.png') 20px 1px no-repeat; }
	.menu #m4 { margin-left:320px; width:380px;	background:url('../images/com/menu_arrow.png') 30px 1px no-repeat; }
	.menu #m5 { margin-left:420px; width:450px;	background:url('../images/com/menu_arrow.png') 90px 1px no-repeat; }
	.menu #m6 { margin-left:670px; width:180px;	background:url('../images/com/menu_arrow.png') 90px 1px no-repeat; }
	.menu #m7 { margin-left:660px; width:450px;	background:url('../images/com/menu_arrow.png') 90px 1px no-repeat; }
	.menu #m8 { margin-left:550px; width:450px;	background:url('../images/com/menu_arrow.png') 90px 1px no-repeat; }
	.menu #m9 { margin-left:800px; width:180px;	background:url('../images/com/menu_arrow.png') 90px 1px no-repeat; }

	*/

	

/* 메뉴전체보기  sitemap */
div.siteMap_Box{position:absolute; margin-left:10px; top:68px; z-index:100; width:962px; height:437px; background:url(../images/com/siteMap_bg.gif) no-repeat left top;}
div.siteMap_Box h2{padding:25px 0 20px 27px;}
div.siteMap_Box span.close_btn{position:absolute; right:12px; top:13px;}
div.siteMap_Box div.company_s{padding:10px 0 10px 35px;float:left;}
div.siteMap_Box div.company_s ul.sm_list{font-size:11px; margin-top:10px; }
div.siteMap_Box div.company_s ul.sm_list li img{vertical-align:top;}
div.siteMap_Box div.company_s ul.sm_list li{padding:6px 0 0px 13px;  background:url(../images/com/s_title_icon_01.gif) no-repeat 0 7px;}
div.siteMap_Box div.company_s ul.sm_list li.first{padding:9px 0 0 0;}
div.siteMap_Box div.company_s ul.sm_list li p{padding:3px 0 0 0;}
div.siteMap_Box div.company_s ul.sm_list li p{}

/*
div.siteMap_Box div.company_s2{margin:0 0 0 17px;float:left; width:132px; height:455px; overflow-y:scroll;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #E4E4E4;
scrollbar-shadow-color: #ffffff;
scrollbar-darkshadow-color: #E3E3E3;
scrollbar-track-color: #f4f4f4;
scrollbar-arrow-color: #E3E3E3;
}
div.siteMap_Box div.company_s2 ul.sm_list{font-size:0px; line-height:0px;}
div.siteMap_Box div.company_s2 ul.sm_list li img{vertical-align:top;}
div.siteMap_Box div.company_s2 ul.sm_list li{padding:10px 0 0 0;}
div.siteMap_Box div.company_s2 ul.sm_list li.first{padding:9px 0 0 0;}
div.siteMap_Box div.company_s2 ul.sm_list li p{padding:4px 0 0 0;}
div.siteMap_Box div.company_s2 ul.sm_list li p{}
div.siteMap_Box div.company_s3{padding:0 0 0 17px;float:left;}
div.siteMap_Box div.company_s3 ul.sm_list{font-size:0px; line-height:0px;}
div.siteMap_Box div.company_s3 ul.sm_list li img{vertical-align:top;}
div.siteMap_Box div.company_s3 ul.sm_list li{padding:6px 0 0 0;}
div.siteMap_Box div.company_s3 ul.sm_list li.first{padding:9px 0 0 0;}
div.siteMap_Box div.company_s3 ul.sm_list li p{padding:3px 0 0 0;}
div.siteMap_Box div.company_s3 ul.sm_list li p{}
*/



div.siteMap_noEmail{position:absolute; margin-top:-280px; margin-left:-330px; *margin-left:-400px; z-index:101; width:460px; height:245px; background:url(../images/com/no_email.gif) no-repeat left top;}
div.siteMap_noEmail span.close_btn{position:absolute; right:12px; top:13px;}




	
	/*head.html끝*/


#footer-wrap {position:relative;   width:1000px; padding:13px 0px 0px 0px ; *padding:10px 0px 0px 0px ; margin:0 auto; background:url(../images/com/foot_bg.gif) top repeat-x; }
 #footer-wrap ul li {float:left; }

	.b_menu {float:left; width:1000px; height:50px; }
	.b_menu li {float:left; padding-right:20px;}
	
	.b_menu_01 {width:1000px; float:left; background:#f8f8f8; border-top:1px solid #ececed; border-bottom:1px solid #ececed; padding:15px 0;}
	.b_menu_01 li {float:left; font-size:11px; letter-spacing:-0.5px; width:132px;  padding:6px 0px 6px 10px;}




	.b_menu_01 li ul {width:100%; padding-top:10px; }
	.b_menu_01 li ul	li {float:left; padding:5px 0 0px 0 ;  }
	.b_menu_01 li ul	li a { display: block;    text-decoration: none;    color: #b8b8b8;}
	.b_menu_01 li ul	li a:hover {     color: #ffae00;}

	.b_banner {width:980px; float:left; padding:15px 0 10px 0; }
	.b_banner  li {float:left; padding:0 25px 0 0;}
	.copyright {width:1000px; float:left; padding:20px 0 10px 0px;}
	.copyright li {padding:0 22px 0 0;}
	.copyright li.right {padding:10px 0 0 50px; *padding:10px 0 0 60px; }




	
    .Main_visual{position:relative; width:1000px; height:256px; margin:0 auto; text-align:center;z-index:10;}

/*	.Main_visual{width:100%; height:290px; padding:20px 0 0 0; margin-bottom:0px; background:url(../images/main/popupzone_bot.gif) bottom repeat-x; }*/
	#buttonObject {position:absolute; overflow:hidden; right:0px; bottom:0px; z-index:20;}
	#buttonObject li {float:left; padding:20px 3px 20px 3px; display:inline; *padding:20px 3px 10px 3px; display:inline;  }
	.Main_visual div#imgSliding {position:relative; width:1000px; height:256px; z-index:10;}
	.Main_visual div#imgSliding  img {width:1000px; height:256px;}


				 
	 /*메인시작*/

	.c_banner {position:relative;	width:1000px; height:105px; margin:0 auto;  margin-top:5px; padding:36px 0px 26px 0 ; border-bottom:1px solid #ececed; }
    .c_banner ul li {float:left;  /*padding:0 75px 0 10px;*/ padding:0 0px 0 10px;}
    .c_banner ul li.left {float:left; padding:0 10px 0 5px;}
	.c_banner ul li.right { padding-right:0px;} 

	.c_product {position:relative;	width:1000px; height:282px; margin:0 auto;  margin-top:5px; padding:15px 0px 15px 0 ; border-bottom:1px solid #ececed; }
    .c_product ul li {float:left; width:250px; 	padding:10px 0 10px 0;}
	.c_product ul li.right { padding-right:0px;} 
	

#Main-Contents	{position:relative;	width:1000px; margin:0 auto;  padding:30px 0 0 0;}

	#Main-Contents	ul li {float:left; }

	/*메인 비쥬얼시작*/

	/* #main-middle-wrap01{width:950px;  margin:0 auto; clear:both; margin-top:20px;  position:relative;  top:-10px; z-index:12;}*/
	   /* ie 7에서 메인비쥬얼 겹치는위치 */
	/*	 *:first-child+html #main-middle-wrap01{width:980px; margin:0 auto; clear:both; height:370px; margin-top:20px;  position:relative;  top:60px; z-index:12;} */
	   /* ie 7에서 메인비쥬얼 겹치는위치 */


	     #main_quick{width:80px; float:right; margin-top:40px; }
		 #main_quick li{margin-top:10px;}
    /*메인 비쥬얼끝*/




#Main-Contents-01	{position:relative;  width:280px;	padding:0px 45px 0 0px ; }
#Main-Contents-01	ul li {float:left;}
#Main-Contents-01	p {float:left; padding:11px 0 20px 0;}

			.notice {position:relative; float:left; width:280px; height:110px; padding:0px 0px 15px 0px;	}
	 		.notice  h2 {position:relative; padding:0px 0 15px 0px; *padding:0px 0 14px 0px; *margin-top:-1px;}
			.notice .more{position:absolute;right:0px;top:5px;}
         	.notice ul li { float:left; width:280px; /*background:url(../images/main/notice_icon.gif) 0px 25%  no-repeat; */padding:0px 0 5px 0px; text-align:right; font-size:11px;}
			.notice .notice_title {     width: 220px; height: 19px; overflow: hidden; text-align:left; }




#Main-Contents-02	{width:280px;float:left; padding:0px 45px 0 0px ; }
#Main-Contents-02	ul li {float:left;}
#Main-Contents-02	p	{float:left; padding:20px 0 20px 0;}

	



#Main-Contents-03	{width:350px;	float:left; margin:0px 0px 0 0px;}
#Main-Contents-03	ul li {float:left;}


			.m_search {position:relative; float:left; width:350px; height:110px; padding:0px 0px 25px 0px;	}
	 		.m_search  h2 {position:relative; padding:0px 0 15px 0px; *padding:0px 0 14px 0px;  *margin-top:-1px; }
			.notice .more{position:absolute;right:0px;top:5px;}
         	.notice ul li { float:left; width:280px; /*background:url(../images/main/notice_icon.gif) 0px 25%  no-repeat; */padding:0px 0 5px 0px; text-align:right; font-size:11px;}






	 	 /*메인끝*/				 

 /*서브 비쥬얼끝*/

    





 /*서브 비쥬얼끝*/
	
	
	

				 

 /*서브 비쥬얼끝*/
    
#Sub-Contents	{ width:1000px;  margin:0 auto;   /*background-image:url(../images/com/sub_bg_02.gif); background-repeat:no-repeat;*/  padding:0 0 20px 0px;}	 
#Sub-Contents ul li	{/*  float:left;*/ }	 


/* left_menu */

#Left{width:200px; float:left; margin:0 50px 20px 0px; }


.Left_Menu{width:200px; float:left;  background-image:url(../images/com/l_menu_bg.png); background-repeat:no-repeat;}
.Left_Menu h3{float:left; width:190px;  padding:34px 0px 17px 20px; margin-bottom:11px;	 border-bottom:1px solid #e4e4e4;}
.Left_Menu span {float:left; text-align:center; width:100%; padding:0 0 23px 0}
.Left_Menu ul li{padding:5px 0px 0 0px; background:url(../images/com/l_menu_line.gif) center bottom no-repeat;}
.Left_Menu dl dt{float:left; }

.left_banner li {padding-top:14px;}


        .drawers-wrapper { float:left; 
            position: relative;
            width: 200px;
            
        }

 

/*	.drawer h2 a {font-size:13px;color:#4b4b4b; display:block; background:url(../images/common/l_menu_line.gif) bottom no-repeat;}
					
	.drawer h2 .active, drawer h3 a:hover, drawer h3 a:focus { font-weight:bold; color:#ffffff; text-decoration:none; background:url(../images/common/l_menu_bg_over.gif) no-repeat; }
*/

       /* .boxcap {
            height:5px;
            left:0pt;
            position:absolute;
            width:100%;
            z-index:100;
            background:transparent url(sidenav_capbottom.png) no-repeat scroll 0%;
            margin-top:-5px;
        }
*/
/*
        .captop {
            background-image:url(box_188captop.png);
            bottom:auto;
            top:0pt;
            margin-top:0;
        }
*/

		.drawers {
            margin-bottom:15px;
            color:#76797C;
            font-size:11px;
            line-height: 18px;
        }
/*
        .drawers A {
            color:#666666;
            text-decoration:none;
            font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
            font-size-adjust:none;
            font-style:normal;
            font-variant:normal;
            font-weight:normal;
        }


*/

       .drawer {
       /*     background:transparent url(sideboxlight_bg20070611.gif) repeat-y scroll 0pt;*/
            color:#76797C;
            font-size:12px;
            line-height:1.3em;
        }

        .drawer li {
            border-bottom:1px solid #E5E5E5;
            line-height:16px;
            padding:6px 0px;
			cursor:pointer;
        }

        UL {
            list-style: none;
            padding: 0;
        }

        UL.drawers {
            margin: 0;
        }

        .drawer-handle {
            background:#FFF url(../images/com/slider_handlebg.png) no-repeat scroll 0pt;
            color:#111;
            cursor:default;
            font-size:13px;
            font-weight:bold;
			padding:6px 0 7px 15px;
            /*height:27px;*/
            line-height:17px;
            margin-bottom:0px;
            /*text-indent:15px;*/
            width:185px;
			border-bottom:1px dotted #c0c0c0;
			cursor:pointer;
        }



		 .drawer-handle h2  a {font-weight:bold; color:#222; }

        .drawer-handle.open {
            /*background-color:#FFF;
            background-position:-200px 0pt;*/
            color:#FFFFFF;
			background:#FFF url(../images/com/slider_handlebg.png) -200px bottom no-repeat ;
			font-weight:bold;

        }

		.drawer-handle.open a{
                   
            color:#FFFFFF;
			font-weight:bold;
        }

        .drawer UL li {
            padding: 3px 8px 3px 12px;
            /*padding-bottom:2px;*/

        }
		.drawer	dl dd {padding:0px 10px; font-size:11px;  color:#444;}

		.drawer	.menuon { background:#eeeeee; }

/*
        .drawer-content UL {
            padding-top: 7px;
        }

        .drawer-content LI A {
            display:block;
            overflow:hidden;
        }
*/
        .alldownloads li {
            border:0pt none;
            line-height:18px;
            padding:0pt;
        }












/*
	.Left_Menu{width:196px; float:left; padding-left:14px; background-image:url(../Images/com/l_menu_bg.gif); background-repeat:no-repeat;}
	.Left_Menu ul li{float:left; }
	.Left_Menu dl dt{float:left; }

	.Left_Menu_bot{width:210px; float:left; }
	*/
	.sub_happybin	{ float:left; width:197px; }
	.sub_happybin	h2{ padding-bottom:9px; padding-top:15px;}
	.sub_happybin ul li	{ float:left; }
	


.l_banner  li {float:left; padding-top:8px;}



/* ie7 서브 비쥬얼시작*/
/*:first-child+html #sub-middle-wrap01{width:980px; height:220px; margin:0 auto; position:relative; top:80px; }*/
 /*ie 7서브 비쥬얼끝*/

	/*서브공통*/
	 

#Contents{position:relative; float:left; width:750px; padding:0px 0px 20px 0px; background:url('../images/com/sub_visual.gif') right top no-repeat; }
#Contents h1{ width:750px;  font-size:30px; line-height:33px; color:#444; /*background:url(../images/com/title_icon.gif) no-repeat 0 3px;*/ margin:0px 0 25px 0px;	z-index:10; } 	
#Contents h1 span {font-size:14px; font-weight:normal;}


#Contents h3.title{ width:750px;  font-size:33px; *line-height:33px; color:#444; /*background:url(../images/com/title_icon.gif) no-repeat 0 3px;*/ margin:0px 0 25px 0px;	z-index:10; } 	
#Contents h3.title span {font-size:16px; font-weight:normal;}

#Contents h3.stitle{ width:750px;  font-size:22px; *line-height:22px; color:#222;  margin:10px 0 25px 0px;} 	

#Contents h3.tech_tit { width:750px;  font-size:20px; line-height:22px;   margin:15px 0 15px 0px;}  
#Contents h3.tech_tit b {color:#9c1a66;} 

#Contents h3.techstit { width:750px;  font-size:16px; font-weight:bold; *line-height:22px; color:#9c1a66;  margin:15px 0 15px 0px;}  
#Contents h4.techstit { width:750px;  font-size:13px; *line-height:22px; color:#222;  margin:10px 0 10px 0px;} 	


#Contents ul li {float:left; }

.Sub_visual	{position:absolute;  width:464px; height:124px;  right:0px; top:0px; z-index:1;}


/* ie7 서브 비쥬얼시작*/
/*:first-child+html #sub-middle-wrap01{width:980px; height:220px; margin:0 auto; position:relative; top:80px; }*/
 /*ie 7서브 비쥬얼끝*/

.location{position:relative; padding:30px 0 41px 20px; background:url(../images/com/his_icon.gif) no-repeat 0px 32px; font-size:11px; color:#929191; } 
.location img{vertical-align:middle; padding:0 5px 2px 5px; }
.location strong{font-size:11px; font-weight:bold;}

						 

/* history가 우측에 있을경우 */
/*
 .location{position:absolute; height:15px; right:0;  top:195px; padding:0 10px 0 20px; background:url(../images/com/his_icon.gif) no-repeat 0px 2px; font-size:11px; } 
	.location img{vertical-align:middle; padding:0 5px 2px 5px; }
	.location strong{font-size:11px; color:#8a8a8a; font-weight:bold;}
*/
/*	.SubTitle{float:left; width:697px; height:25px; top:5px; padding:1px 0 0 30px; background:url(../images/com/title_icon.gif) no-repeat 0 0px; margin-bottom:30px;} */


/*.SubTitle{ width:710px;   background:url(../images/com/title_icon.gif) no-repeat 0 3px; margin-bottom:20px;} */

/*#contents{float:left; width:727px; position:relative; padding-top:12px;padding-bottom:20px;}*/

/*
#Inner {float:left;  width:735px; padding:10px 0 10px 15px; }

#Inner ul li{float:left;}

*/