@charset "utf-8";

/* °øÅëCSS */

* {padding:0; margin:0;}

html {
	height:auto;
}

body {position:relative;overflow-x:hidden;}
img {border:0;}

a, a:active, a:link {text-decoration:none;color:#333;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}

caption { display:none; }
ul {list-style:none;/* IE6 Hack */ zoom: 1;}

.sep { 
	font-size:10px; 
	width:20px; 
	margin:0 5px 0 5px; 
	color:#ddd; 
	background:url(../img/common/li.png) no-repeat center; 
}
.sep2 { 
	font-size:10px; 
	width:20px; 
	margin:0 5px 0 5px; 
	color:#ddd; 
	background:url(../img/common/li2.png) no-repeat center; 
}
.sep3 { 
	width:10px; 
	margin:0 5px 0 5px; 
}
h1, h2, h3, h4, h5, h6 {}


/* horizontal gap */
.hgap05 { position:relative; clear:both; height:5px; height:5px \0/IE8+9; }
.hgap10 { position:relative; clear:both; height:10px; height:10px \0/IE8+9; }
.hgap20 { position:relative; clear:both; height:20px; height:20px \0/IE8+9; }
.hgap30 { position:relative; clear:both; height:30px; height:30px \0/IE8+9; }
.hgap40 { position:relative; clear:both; height:40px; height:40px \0/IE8+9; }
.hgap50 { position:relative; clear:both; height:50px; height:50px \0/IE8+9; }
.hgap80 { position:relative; clear:both; height:80px; height:80px \0/IE8+9; }

/* vertical gap */
.vgap10 { position:relative; width:10px; width:10px \0/IE8+9; }
.vgap20 { position:relative; width:20px; width:20px \0/IE8+9; }
.vgap30 { position:relative; width:30px; width:30px \0/IE8+9; }
.vgap40 { position:relative; width:40px; width:40px \0/IE8+9; }
.vgap50 { position:relative; width:50px; width:50px \0/IE8+9; }
.vgap80 { position:relative; width:80px; width:80px \0/IE8+9; }


/* fonts */
.dotum { font-family: "Dotum"; }
.gulim { font-family: "Gulim"; }

.bold { font-weight:bold; }

.black { color:#000; }
.gray { color:#666; }
.red { color:#e33000; }
.olive { color:#9db000; }

.p11px { font-size:11px; }
.p12px { font-size:12px; }
.p13px { font-size:13px; }
.p14px { font-size:14px; }
.p15px { font-size:15px; }
.p16px { font-size:16px; }



h1, h2, h3, h4, h5, h6, form, input, ul, li, dl, dt, dd, p {margin:0; padding:0;}

a {text-decoration:none; color:#515151;}

img {border:none;}
li img {vertical-align:top;}

input, select, img, textarea {vertical-align:middle;}

ul, li, dl, dt, dd { list-style:none;}

.AlignLeft {text-align:left !important;}
.AlignCenter {text-align:center !important;}
.AlignRight {text-align:right !important;}
.AlightRight {text-align:right !important;}
.ValignTop {vertical-align:top !important;}
.ValignMiddle{vertical-align:middle !important;}
.ValignBottom {vertical-align:bottom !important;}
.DisplayBlock {display:block;}
.DisplayNone {display:none;}
.FloatLeft {float:left;}
.FloatRight {float:right;}
.ClearBoth {clear:both;}
.BackgroundNone {background:none !important;}
.BorderNone {border:none !important;}
.borderRightNone { border-right:none !important;}
.borderBottomNone { border-bottom:none !important;}
.PaddingNone {padding:0 !important;}
.MarginNone {margin:0 !important;}
.MarginRightNone {margin-right:0 !important;}
.LetterSpacing01px {letter-spacing:-1px !important;}
.LetterSpacing02px {letter-spacing:-2px !important;}
.LetterSpacingNormal {letter-spacing:normal !important;}
.FontWeightNormal {font-weight:normal !important;}
.FontWeightBold {font-weight:bold !important;}

.txt_left { text-align:left; }
.txt_right { text-align:right; } 
.txt_center { text-align:center; } 
.txt_justify { text-align:justify;} 
.txt_middle { vertical-align:middle; } 
.txt_bottom { vertical-align:bottom; } 
.txt_baseline { vertical-align:baseline; }
.txt_bold {font-weight:bold;} 
.txt_normal{font-weight:normal;} 

hr {display:none;}
form {margin:0; padding:0;}

caption {visibility:hidden;width:1px;height:0;font-size:0;line-height:0;}

.hidden {visibility:hidden;width:1px;height:0;font-size:0;line-height:0;}

#accessibility {position:absolute;visibility:hidden;overflow:hidden;width:1px;height:0;font-size:0;line-height:0;}

.clear_both{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;}


#wrap, #header,#visul ,#container,  #footer,#b-center{position:relative;width:996px; margin:0 auto;}

/* CSS Document */
#wrapBg {position:absolute;top:0px; left:0px;width:100%;height:830px;background:url(/assets/img/main/bg00.jpg);}
/*#wrapBg {position:absolute;top:0px; left:0px;width:100%;height:402px;background:url(../images/main/m_bg.jpg) top center no-repeat;}*/
#wrap{
   	position:relative;	
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	overflow:hidden;
	border:0px solid #0bcf5b;
	
}
#b-center{
   position:relative; 
   width:975px;
   height:auto;
   background:url(/assets/img/main/bg00.jpg) repeat;
   border:0px solid #0bcf5b;
}
#top{
    width:975px;
	height:111px;
	border:0px solid #D7d7d7;
	background:url(/assets/img/main/top_bg.png) repeat;
}
#footer_body{
   	position:relative;	
	float:left:
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	overflow:hidden;
	background:url(/assets/img/sub/sub_footer_bg.jpg)repeat;
	border:0px solid #0bcf5b;
	
	
}
#footer-center{   
   width:975px;   
   border:0px solid #0bcf5b;
   height:95px;
   margin:0 auto;
}

#content{
   position:relative; 
   margin-top:120px;
   *margin-top:0px;/* IE7 */
   float:left;
   display:inline;
   width:975px;
   height:209px;
   border:0px solid #D7d7d7;
   /*background-color: #f3f3f3;*/
}

.hidden{width:0;height:0;
}

#header {position:relative;float:left;height:94px;z-index:3;background:url(/assets/img/main/top_bg.png) repeat;border:0px solid #0bcf5b;}

	h1 {float:left; width:239px; height:80px;margin-top:25px;}
	h1 img {float:left;}
	
	.util_box {position:absolute;left:390px;top:0px; height:11px; width:450px;text-align:right; border:0px solid #D7d7d7;margin:0;}
	.util{float:right;margin:0;border:0px solid #D7d7d7;margin:0;width:450px;}
	.util ul{text-align:right; }
	.util li { display:inline; height:11px; border:0px solid #D7d7d7;}
	.util li img {margin:0 3px 0 0;}
	
	
	#topMenu {position: absolute; top:32px; left:300px;width:786px;border:0px solid #D7d7d7;}
	#topMenu img {float:left;}
	#topMenu ul {position:relative;float:left;border:0px solid #ff0202;width:786px;} 
	#topMenu ul li {float:left; }
	#topMenu ul li .top_menu {display:block; height:37px;text-indent:-1000px;overflow:hidden; margin:0;}


			#navi1 {width:174px; height:37px;background:url(/assets/img/main/top_menu01.png) left top no-repeat;}
			#topMenu1.on #navi1 {background-position: top right;}
			#navi2 {width:174px; height:37px;background:url(/assets/img/main/top_menu02.png) left top no-repeat;}
			#topMenu2.on #navi2 {background-position: top right;}
			#navi3 {width:174px; height:37px;background:url(/assets/img/main/top_menu03.png) left top no-repeat;}
			#topMenu3.on #navi3 {background-position: top right;}
			#navi4 {width:174px; height:37px;background:url(/assets/img/main/top_menu04.png) left top no-repeat;}
			#topMenu4.on #navi4 {background-position: top right;}
			#navi5 {width:174px; height:37px;background:url(/assets/img/main/top_menu05.png) left top no-repeat;}
			#topMenu5.on #navi5 {background-position: top right;}
			#navi6 {width:174px;margin:25px 0 0 0;background:url(/assets/img/main/top_menu06.png) left top no-repeat;}
			#topMenu6.on #navi6 {background-position: top right;}
			#navi7 {width:174px;margin:6px 0 0 0;background:url(/assets/img/main/top_menu07.png) left top no-repeat;}
			#topMenu7.on #navi7 {background-position: top right;}
		
		#topMenu li div {position:absolute;display:none;top:32px; }
		#topMenu li div ul {position:relative;float:left;padding:2px 5px 8px 5px;}
		#topMenu li div ul li {display:inline;}
		#topMenu li div ul li a {display:block;color:#5d5657;padding:0 8px 0 8px; white-space:nowrap;}
		#topMenu li div ul li a:hover {color:#6e7175;}

			#topMenu1.on #topMenu1Sub {display:block;left:0px;width:688px;height:30px; border:0px solid #D7d7d7;background:url(/assets/img/main/top_sub_bg.png);font-size:11px;color:#fff;}
			#topMenu2.on #topMenu2Sub {display:block;left:0px;width:688px;height:30px;background:url(/assets/img/main/top_sub_bg.png);font-size:11px;color:#fff;}
			#topMenu3.on #topMenu3Sub {display:block;left:0px;width:688px;height:30px;background:url(/assets/img/main/top_sub_bg.png);color:#fff;}
			#topMenu4.on #topMenu4Sub {display:block;left:0px;width:688px;height:30px;background:url(/assets/img/main/top_sub_bg.png);font-size:11px;color:#fff;}
			
.white{color:#ffffff;}
#visul{
    position:relative;
    width:975px;
    border:0px solid #D7d7d7;	
	height:338px;
    clear:both;
	/*background-color: #f3f3f3;*/
	background:url(/assets/img/main/visul01.png);
}

#main{position:relative;margin:0;height:177px;width:987px;background:url(/assets/img/main/m_cont_bg.png);}
 /* °øÁö»çÇ×*/
#main #left{float:left;width:257px;border:0px solid #D7d7d7;margin-left:10px;}
#main #left h1 {float:left; width:257px; height:20px;margin-top:25px;border:0px solid #D7d7d7;}
#main #left h1 img {float:left;}
#main #left h1 span{float:right;}
	 #text {
	      width:257px;	      
		  font-size:11px;
		  line-height:25px;	
		  margin-top:10px;
	}
	 #text ul{float:left;
	      border:0px solid #D7d7d7; 
	      margin-top:10px;
	      width:250px;}
	 #text li{
	      float:left;
		  text-align:left;
		  width:230px;
	      margin-left:10px;		  
		  padding:0px 10px; 0 20px;
		  background:url(/assets/img/commom/dot01.gif)  left top 7px  no-repeat;}
     #text  span{float:right;color:#504d4d;}
.right{float:right;color:#ccc;}
/* ½Å±ÔÁ¦Ç°*/
#main #conten{
          float:left;
		  margin-left:35px;
		  width:380px;
		  border:1px solid #D7d7d7; 
		  font-size:11px;
		  }
#main #conten h1 {float:left; width:400px; height:20px;clear:both;border:0px solid #D7d7d7;}
#main #conten h1 img {float:left;}
#main #conten h1 span{float:right;}
.p_con {float:left;width:370px;display:inline;font-size:11px;border:0px solid #D7d7d7;margin-top:10px;}
.p_con p_imgs{border:2px solid #eaedf0;padding:2px;width:141px;}
.co_edit{float:right;width:230px;margin-left:10px;border:0px solid #D7d7d7;text-align:left;}
.co_edit h4{height:23px;color:#085cbb;padding-top:5px;margin-left:5px;}
.co_edit p{line-height:17px;padding-left:5px;font-size:11px;background-color:#ccdde4;}

#product_zone {
	width:370px;
	height:150px;
	float:left;
	position:relative;
	margin-left:35px;
	border:0px solid #fff000; 
}

#product_zone_con {
	position:absolute;
	width:400px;
	height:150px;
	top:0;
	left:0;
	
}

#product_zone_control {
	position:absolute;
	padding:20px 10px;
	margin-left:90px;
	 
}

.product_zone_num
{
	position:absolute;
	padding:0px 2px;
	margin-left:320px;
	border:0px solid #fff000; 
	margin-top:20px;
}

.product_zone_area
{
	position:absolute;
	margin-top:52px;
	display:none;
}

#product_zone_list {
	width:389px;
	height:150px;
	border:0px solid #fff000; 
}

#product_zone_list li {
	display:inline;
	float:left;

}

#product_zone_title {
	position:absolute;
	width:72px;
	height:15px;
	margin: 0 25px 0 0px;
	left:0;
}

#product_zone_title h1 {float:left; width:380px; height:20px;clear:both;border:0px solid #D7d7d7;border:0px solid #fff000; }

/*´ëÇ¥ÀüÈ­*/
#main #right{float:right;width:220px;margin-right:38px;border:0px solid #fff000;}
#main #right ul{margin-top:20px;}
#main #right li{}
#banner_zone{width:970px;height:70px;float:left;border:0px solid #D7d7d7;padding-top:10px;}
#banner_zone ul{display:inline;float:left;}
#banner_zone li{float:left;display:inline;border:0px solid #D7d7d7;}
#banner_zone li ul{width:445px;margin-top:10px;}
#banner_zone li ul li{display:inline;padding:10px;}
#banner_zone li ul li img {padding-top:10px;}

/*ÇÏ´Ü */
/*#footerGroup {position:relative;clear:both;width:100%; background:#666666; background:url(/assets/img/main/foot_bg.png) center top  repeat-x;border:0px solid #D7d7d7;}*/
#footerGroup{position:relative;clear:both;width:100%;height:141px;}
#footer {width:996px; height:95px;margin:0 auto; position:relative;}
#footer img { float:left;}


		ul.footerMenu {float:right;display:inline;margin:10px 0 0 25px; height:11px;background:url(/assets/img/main/f_util_dot.gif) 93px 1px no-repeat; }
		ul.footerMenu li {float:left; padding:0 27px 0 0;}        
		address {
		  float:left;
		  display:inline;
		  width:559px;
		  color:#707376;
		  font-style:normal;
		  font-family:Dotum;
		  font-size:0.9em;
		  line-height:140%;
		  margin-top:40px;
		  margin-left:200px; 
		  clear:both;
		  border:0px solid #ccc;
		  }
		.cpoyrigt_color {color:#72a87f; font-size:11px; font-weight:bold;}
		
		ul.view { position:absolute; right:40px;top:55px;display:inline;}
		ul.view li {float:left;}
		.view01 {position:absolute; left:1px;top:55px;display:inline;}
        	.sitelink {float:right;display:inline;margin:0 20px 0 0;}
			.sitelink ul {float:left;}
			.sitelink ul li {float:left;padding:0 0 0 2px;}
			.sitelink ul li select {width:161px;}


        .select_ds{width:179px;height:24px;background:url(/assets/img/main/familysite.png) repeat; border:0px solid #D7d7d7; position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle;  *zoom:1; }
       /* .select *{ margin:0; padding:0; cursor:pointer; font-size:12px; font-family:Tahoma, Sans-serif;}
        .select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #bababa; color:#666; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
        .select .myValue.selected{ font-weight:bold;}
        .select.open .myValue,
        .select .myValue.outLine{ border:1px solid #999;}
        .select button.myValue{ height:21px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
        .select div.myValue{ height:19px; text-indent:8px;}
        .select .ctrl{ position:absolute; top:0; right:0; width:18px; height:19px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff;}
        .select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff;}
        .select ul{ top:20px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; overflow:hidden;}
        .select ul.aList{ display:none;}
        .select.open ul.aList{ display:block;}
        .select ul.iList{ left:-2000%;}
        .select.open ul.iList{ left:0;}
        .select li{ position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa;}
        .select li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
        .select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
        .select li a{ display:block; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff; text-decoration:none;}
        .select li.hover *{ background:#999; color:#fff;}*/