/* @import url('http://api.mobilis.co.kr/webfonts/v2/css/NanumGothicWeb'); */
  img {
    border:none;
  }


  #foot {
 margin: 0 auto;
 height: 30px;
 background: #ecf2f0;
 position: relative;
 *position:relative;

 bottom: -45px;
 width: 1280px;
 right: 0px;


}

/* IE8 only */
@media \0screen {

    #foot { margin: 0 auto;
 height: 30px;
 background: #ecf2f0;
 position:relative;

 bottom: -40px;
 width: 1280px;
 right: 0px;
 margin-top: 5px;}


}
/* /IE8 only */


#menu {display: block; width:658px; float: right;height: 34px;}
#link {display: block; width:278px; float: left; height: 25px;}
#logo {display: block; width:1px; float: left; height: 60px;}
<!--
#top { width:1008px;  height: 109px; margin: 0 auto; position: relative; margin-bottom: -10px; }
-->
#top { width:1008px;  height: 145px; margin: 0 auto; position: relative;}

.main_submenu{ display: block; float: left;}

#link{padding-left:730px; position: relative;}
/*
#TopMenu{ margin-top: 6px;}
*/
#subtd{padding-right:1px;}
#banner{margin: 0 auto; width: 1006px;}
#logo{padding-left: 60px;}

.maintable{margin: 0 auto; margin-bottom: -15px;  *margin-bottom: -35px;}




A {font-family:'NanumGothic'; font-size:10pt; text-decoration:none;  color: #111111;}
A:link {font-family:'NanumGothic'; font-size:10pt; text-decoration:none;  color:#111111;}
A:visited {font-family:'NanumGothic'; font-size:10pt; text-decoration:none; }
A:active {font-family:'NanumGothic'; font-size:10pt; text-decoration:none;  color:#808080;}
A:hover {font-family:'NanumGothic'; font-size:10pt; text-decoration:none; color:#c0c0c0;}




img				{ border:none; }

#TopMenu		{ width: 798px; height:79px;  padding-top: 65px;  *margin-top: -45px; padding-left: 210px; margin-bottom: 0px; }
	#TopMenuSub		{ padding:12px 0 0 30px; margin:0; }
		#TopMenuSub ul				{list-style:none; float: left; }
			#TopMenuSub ul li		{ float:left;  height:36px; list-style:none; margin-top: -20px; padding-left:31.2px; }
				#TopMenuSub ul li div	{  flot:left;  position:absolute; width:800px; height:30px; left:30px; top:35px; margin:10px 0 0 0; padding:0px; z-index: 100;}
					#TopMenuSub ul li.menu1 div		{ left:296px;top:98px; }
					#TopMenuSub ul li.menu2 div		{ left:355px;top:98px; }
					#TopMenuSub ul li.menu6 div		{ left:450px;top:98px; }
					#TopMenuSub ul li.menu3 div		{ left:500px;top:98px; }
					
					
					
					#TopMenuSub ul li.menu4 div		{ left:300px;top:98px; }
					#TopMenuSub ul li.menu5 div		{ left:833px;top:98px; }
					#TopMenuSub ul li div ul	{ float:left; margin:0 0 0 15px; height:25px; padding:0 15px 0 0; list-style:none;  }
						#TopMenuSub ul li div ul li		{ padding:7px 0 0 0; }



/* ---------------------- */
#slides {
	position:relative;
	z-index:100;
	
}

.slides_container {
	width:1000px;
	overflow:hidden;
	position:relative;
	display:none;
}


.slides_container a {
	width:1000px;
	height:350px;
	display:block;
}

.slides_container a img {
	display:block;
}

    #slides {
      display: none;
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    /*  Next/prev buttons  */
/*
#slides .slidesjs-previous {
		background-image: url(/newimage/arrow_product_left2.png);
		opacity : 0.6;
		position:absolute;
		top:147px;
		left:-13px;
		width:70px;
		height:60px;
		display:block;
		z-index:101;

		}


#slides .slidesjs-next {
		background-image: url(/newimage/arrow_product_right2.png);
		opacity : 0.6;
		position:absolute;
		top:147px;
		left:968px;
		width:70px;
		height:60px;
		display:block;
		z-index:101;

		}
*/
   #slides
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(/newimage/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: right;
      margin-right:50px;
      margin-top:-25px;
    }


    a.slidesjs-play {
      width:20px;
      background-position: -28px 0;
    }

    a:hover.slidesjs-play {
      background-position: -28px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
    /*ÆäÀÌ¡ ¾Æ·¡ Á¡µé À̹ÌÁö À§·Î¿Ã¸®±âÀ§ÇÔ.. */
position:absolute;
z-index:101;

      margin: 7px 0 0;
      float: left;
 
      margin-left:440px;
     
      
           /*
      top: 50%; left: 50%; transform: translate(-50%, -50%);  height: auto;
       */
/* ÆäÀÌÁö Á¡ »ó´ÜÀ¸·Î ²ø°í¿È */
margin-top:-25px;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(/newimage/pagination_burn.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -12px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }


/*===================================================*/
/*===================================================*/
/*===================================================*/
/*===================================================*/
/*===================================================*/
/*===================================================*/
/*===================================================*/
/*===================================================*/
/*===================================================*/
/*===================================================*/
/* slides_02*/
#slides_02 {
	position:relative;
	z-index:100;
	
}

.slides_02_container {
	width:500px;
	overflow:hidden;
	position:relative;
	display:none;
}


.slides_02_container a {
	width:500px;
	height:350px;
	display:block;
}

.slides_02_container a img {
	display:block;
}

    #slides_02 {
      display: none;
    }

    #slides_02 .slides_02js-navigation {
      margin-top:5px;
    }

   #slides_02
    a.slides_02js-play,
    a.slides_02js-stop {
      background-image: url(/newimage/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: right;
      margin-right:50px;
      margin-top:-25px;
    }


    a.slides_02js-play {
      width:20px;
      background-position: -28px 0;
    }

    a:hover.slides_02js-play {
      background-position: -28px -18px;
    }

    a.slides_02js-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slides_02js-stop {
      background-position: -41px -18px;
    }

    .slides_02js-pagination {
    /*ÆäÀÌ¡ ¾Æ·¡ Á¡µé À̹ÌÁö À§·Î¿Ã¸®±âÀ§ÇÔ.. */
position:absolute;
z-index:101;

      margin: 7px 0 0;
      float: left;
 
      margin-left:190px;
     
      
           /*
      top: 50%; left: 50%; transform: translate(-50%, -50%);  height: auto;
       */
/* ÆäÀÌÁö Á¡ »ó´ÜÀ¸·Î ²ø°í¿È */
margin-top:-25px;
      list-style: none;
    }

    .slides_02js-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slides_02js-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(/newimage/pagination_burn.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slides_02js-pagination li a.active,
    .slides_02js-pagination li a:hover.active {
      background-position: 0 -12px
    }

    .slides_02js-pagination li a:hover {
      background-position: 0 -26px
    }

     .main_notice{position:absolute;left:35px;top:85px;line-height:17px;}
     .main_notice a{color:#7b8a55;}

























































/* #slides .next,#slides .prev {
	position:absolute;
	top:33%;         Á¿콽¶óÀ̵å À̹ÌÁö »ó´ÜÀ§Ä¡  107px;
	left:5px; ¿ìÃø ½½¶óÀ̵å À̹ÌÁö À§Ä¡ Á¶Á¤
	width:30px;
	height:50px;
	display:block;
	z-index:101;
	  opacity: 0.7;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;

}

#slides .next:hover,
#slides .prev:hover {
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

#slides .next {
	left:410px; ÁÂÃø ½½¶óÀ̵å À̹ÌÁö À§Ä¡ Á¶Á¤
}


.pagination {´Ù¼ö ½½¶óÀ̵å À̹ÌÁö À§Ä¡ Á¶Á¤ À̹ÌÁöº¯°æ½Ã img Æú´õÀÇ pagination.png ¸¦ ¼öÁ¤
	top:607px;
	margin:-250px auto 0;
	left:420px;
	width:210px;
	position:absolute;
	z-index:5000;
	display:block; »ç¿ëÇÏÁö ¾ÊÀ»¶§ none ·Î ¹Ù²ãÁÜ
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/newimage/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

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


@media screen and (-webkit-min-device-pixel-ratio:0) {

     #quicklink{padding-bottom: 10px;}


 } */

@media \0screen {

.model {
  left: 42%;
  bottom: -58%;
  opacity: 0;
  position: relative;
  height: auto !important;
  max-height: 650px !important;
  width: 84%;
  min-width: 225px;
  /* prevents the model from shrinking when the browser is resized */
  max-width: 300px;
}

}