@charset "euc-kr";
@font-face{font-family:NG;src:url(../../img/netbuilder/NanumGothic.eot);src:local(¡Ø),url(../../img/netbuilder/NanumGothic.woff) format('woff')}
html, body { margin: 0px; padding:0px; font-family:NanumGothic, '³ª´®°íµñ', NG, sans-serif, µ¸¿ò, ±¼¸²; font-size:12px; line-height:160%; height:100%;}
div, td, tr, table, p {font-size:12px; font-family:NanumGothic, '³ª´®°íµñ', NG, sans-serif, µ¸¿ò, ±¼¸²; color: #666666;text-decoration:none;}
h1 { margin:0px; padding:0px;}
.h1 { display:none; margin:0px; padding:29px 0 0 0; font-size:16px; letter-spacing:-1px; color:#999999; text-align:center;height:54px; background-color:#ffffff; border-bottom:#ffffff 1px solid; border-right:#ffffff 1px solid;}
h2 { margin:0px; padding:0px;}
h3 { margin:0px; padding:0px;}
img { border : 0px;}
a:link {color: #666666; font-family:'¸¼Àº °íµñ',NanumGothic, '³ª´®°íµñ', NG, sans-serif, µ¸¿ò, ±¼¸²;}
a:visited {color:#666666;text-decoration: none; font-family:'¸¼Àº °íµñ',NanumGothic, '³ª´®°íµñ', NG, sans-serif, µ¸¿ò, ±¼¸²;}
a:hover {color: #000000; font-family:'¸¼Àº °íµñ',NanumGothic, '³ª´®°íµñ', NG, sans-serif, µ¸¿ò, ±¼¸²;}
a:active {color: #666666;text-decoration: none; font-family:'¸¼Àº °íµñ',NanumGothic, '³ª´®°íµñ', NG, sans-serif, µ¸¿ò, ±¼¸²;}
ul { margin:0px; padding:0px;}
li { margin:0px; padding:0px;}
.output_table{margin-top:12px;}
.board_output_3_tr{height:28px;}
/*all*/
#wrap { margin:0px; padding:0px; text-align:left;}
#padding10px {padding:15px 0 0 0; background-color:#fff;}
#ulliset { padding:0px; margin:0;}
#ulliset .ul1 { margin:0px; padding:0px 0 0 0; list-style:none; line-height:35px;}
#ulliset .li1 {width:191px; border:none;  line-height:35px; padding-left:0px; }
#ulliset .li1 a {width:181px; padding-left:10px; border:none; cursor:pointer; display:block;border-bottom:#d4d4d4 1px solid; line-height:35px;}
#ulliset .li1 a:visited {width:181px; padding-left:0px; border:none; cursor:pointer; display:block;border-bottom:#d4d4d4 1px solid; line-height:35px;}
#ulliset .li1 a:hover { line-height:35px; padding-left:10px; list-style: none; color:#333333; width:181px; text-decoration:none;}
#ulliset .li1on {line-height:35px; padding-left:0px; list-style: none; font-weight: bold; width:191px; background-color:#333333; color:#ffffff;  border-bottom:#d4d4d4 1px solid;}
#ulliset .li1on a:link { line-height:35px; padding-left:10px; list-style:none; color:#fff; font-weight: bold; width:181px;cursor:pointer; display:block;text-decoration:none;}
#ulliset .li1on a:visited { line-height:35px; padding-left:0px; list-style: none; color:#fff; font-weight: bold; width:181px;}
#ulliset .clear { clear:both;}
/*top*/
#top {}
#top .tgm .gm { margin:0px; padding:0; width:1100px; background-color:#ffffff; height:0px; line-height:40px;}
/*#top .tgm .gm .gmlist { margin:0 auto; padding:0; text-align:right; font-size:10px; left: 657px; width: 300px; color:#999; position:relative; top:40px;}
#top .tgm .gm .gmlist a:link{ color:#999; padding:0 0 0 0; font-size:10px; text-decoration:none;}
#top .tgm .gm .gmlist a:visited{ color:#999; padding:0 0 0 0; font-size:10px; text-decoration:none;}
#top .tgm .gm .gmlist a:hover{ color:#666; padding:0 0 0 0; font-size:10px; text-decoration:none;}*/
#top .box { margin:auto; width:1100px; position:relative;}
#top .logo { margin:0px; padding:0px 0 0 0; widht:154px; float:left; position:relative; z-index:2;}
#top .box_navi { float:left; width:1100px; padding:0px 0 0 0px; height:30px; line-height:30px; background-color:none; position:relative; z-index:1;}
#top .box_navi .navi{ padding:0px; margin:0px; background:none; }
/*main*/
#allmain {margin:0 auto; padding:0 0 0 0; width:1100px;  }
#mainvisual {margin:0px; padding:0px 0 0 0; width:100%; height:530px; }
#cont .mbox { margin:0; padding:0 0 0 0; width:100%; height:200px; background:url(../../img/netbuilder/main/cont_bg.jpg); background-position:50% 0;}
#cont .mbox .mbox1000{ margin:auto; padding:0 0 0 0; width:1000px; }
#cont .mbox .mbox1000 .bn01{ float:left; margin:0px; padding:0px; width:250px; height:120px; background-color:none;}
#cont .mbox .mbox1000 .bn02{ float:left; margin:0px; padding:0px; width:250px; height:120px; background-color:none;}
#cont .mbox .mbox1000 .bn03{ float:left; margin:0px; padding:0px; width:250px; height:120px; background-color:none;}
#cont .mbox .mbox1000 .bn04{ float:left; margin:0px; padding:0px; width:250px; height:120px; background-color:none;}
#cont .bbox { margin:auto; padding:0 0 50px 0; width:1000px; height:130px; background-color:none; }
#cont .bbox .bn011{ float:left; margin:0px; padding:0px; width:250px; height:130px; background-color:none;}
#cont .bbox .bn021{ float:left; margin:0px; padding:0px; width:250px; height:130px; background-color:none;}
#cont .bbox .bn031{ float:left; margin:0px; padding:0px; width:250px; height:130px; background-color:none;}
#cont .bbox .bn041{ float:left; margin:0px; padding:0px; width:250px; height:130px; background-color:none;}
/*¸ÞÀκ£³Ê*/
#mainbanner01 {width:1100; margin:0 auto; position:relative; top:0px;}
.MBanner01{width:1100px; margin:0 auto;}
#hearder {width:1100px; margin:0 auto; /*background-color: #8dc63f;*/}
/*footer*/
#footer {margin:0px; padding:0 0 0 0; background-color:#fff;}
#footer .footermenu {margin:auto; padding:0 0 0 0; height:30px; background-color:#fff; border-top:#cccccc 1px solid;border-bottom:#cccccc 1px solid; width:100%;}
#footer .footermenu .linkset {margin:auto; padding:0 0 0 0; width:1000px; line-height:30px;}
#footer .footermenu .linkset a:link { color:#999999;}
#footer .footermenu .linkset a:visited { color:#999999;}
#footer .footermenu .linkset a:hover { color:#999999;}
#footer .footermenu .linkset ul {margin:0; padding:0; list-style:none; }
#footer .footermenu .linkset li {margin:0; padding:0 10px; list-style:none; float:left; font-size:11px; font-weight:600;}
#footer .cominfo {margin: auto; padding:0 0 0 0; width:1000px; height:130px; }
#footer .cominfo .footermenu {margin: auto; padding:0 0 0 0; width:1000px; height:30px; line-height:30px; background-color:#efefef;}
#footer .cominfo .footermenu ul {margin: 0; padding:0 0 0 0; list-style:none;}
#footer .cominfo .footermenu li {margin: 0; padding:0 10px 0 10px; list-style:none; float:left;}
#footer .cominfo .logo { float:left; margin:0px; padding:0px; border:none;}
#footer .cominfo .copyright { float:left; margin:0px; padding:0px; }
#footer .cominfo .copyright .copy { margin-top:30px; padding-left:30px; border-left:1px solid #cccccc; height:; clear:both;}
#footer .cominfo .copyright .copy .span1 { margin:0; padding:0px; line-height:160%; font-size:11px; letter-spacing:0px; color:#999999;}
#footer .cominfo .copyright .copy .span2 { margin:0; padding:0; font-size:11px; line-height:25px; letter-spacing:0px; color:#999999;}
#footer .cominfo { clear:both;}
#footer .clear { clear:both;}
/* person animation */
@-webkit-keyframes personAnimation{
  0% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  }
  5%{
    -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(3deg) skewY(0deg);
  }
  10%{
    -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  }
  15%{
    -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(-3deg) skewY(0deg);
  }
  20%{
    -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  }
  100%{
    -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  }
}
.personAnimation {
display:inline-block;
-webkit-animation:personAnimation 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
}
/*sub*/
#tlst { margin:0px; padding:25px 0 0 30px; background-color:#ffffff; height:54px;  border-left:#fff 1px solid;}/*ŸÀÌƲ¹Ù*/
#tlst .left {float:left; margin:0px; padding:0 0 0 0; color:#333333; font-size:22px; line-height:22px; font-weight:bold; font-family:NanumGothic, '³ª´®°íµñ', NG, sans-serif; letter-spacing:-1px; min-width:350px;}
#tlst .right {float:right;margin:0px;  padding:0 30px 0 0; color:#999; }
#tlst .clear {clear:both;}
#body_sub2 { width:100%; height:150px; background:url(../../img/netbuilder/top/sub_v.jpg); background-position:50% 0;  }/*¼­ºêºñÁÖ¾ó*/
#body_sub2 .visual { width:100%; height:150px;}
#body_sub {width:1000px; margin:auto; padding:0 0 0 0;  }/*¼­ºêÄÁÅÙÃ÷*/
#body_sub .left {float:left; width:191px; padding:0 0 0 0; margin:0px; }
#body_sub .center {float:left; width:809px; text-align:left; padding:0 0 0 0; margin:0px;}
#body_sub .clear { clear:both;}
/*ã¾Æ¿À½Ã´Â±æ*/
#location {width:808px; float:left; padding:0 0 30px 0;}
#location .left {float:left; }
#location .right {float:right; padding:10px 30px 0 0; }
/*±âÁ¸ ºô´õ css*/
.table_product    { width:100%; table-layout:fixed; border-top:2px #45abd7 solid; border-bottom:2px #45abd7 solid; }
.table_product td   { padding:10px 0; border-bottom:1px #e1ecf1 solid; font:12px/1.4em verdana; color:#666; vertical-align:top; }
.table_product .tle   { padding:5px 0; font:bold 14px/1.3em verdana; color:#222; border-bottom:1px #45abd7 solid; }
.table_product .txt   { display:block; height:62px; margin-top:8px; }
.item_border { border:4px #e1e3d8 solid; }
.mtle_01  { padding:0 0 0 20px; height:21px !important; margin:30px 0 0 0 !important; font:bold 13px/1.3em dotum; color:#222; }
.line_001  { padding-top:2px; }
.txt_001  { font:12px/1.4em dotum; color:#666; }
.list_01 li  { padding:0 0 2px 8px; font:12px/1.3em dotum; color:#666; }
.dbp   { height:180px; padding:0 0 0 240px; margin-top:30px; line-height:1.4em; color:#666; }
.dbp a  { display:inline-block; padding:3px 0; width:210px; font:bold 11px/1.2em dotum; letter-spacing:-1px; color:#555; }
.dbp a:hover  { font:bold 11px/1.2em dotum; text-decoration:none; color:#ff6600; }
.dbp_table  { width:100%; table-layout:fixed; }
.dbp_table th { vertical-align:top; text-align:left; font:bold 12px/1.4em verdana; color:#2499d4; padding-bottom:25px; }
.dbp_table td { vertical-align:top; font:11px/1.4em dotum; color:#777; padding:0 0 25px 15px; }
.login_box    { border:1px #ebebeb solid; padding:40px 140px; text-align:center; margin-top:20px; font:12px/1.5em dotum; color:#555; }
.login_box .txt_01  { text-align:right; padding-right:10px; font:bold 12px/1.0em dotum; }
.login_box .box  { border:1px #cdcdcd solid; padding:2px 4px 0; height:19px; *height:21px; width:100%; background-color:#f6f6f6; }
.login_box .find   { border-top:1px #eaeaea solid; margin-top:25px; padding:25px 44px 0; text-align:right; font:11px/1.2em dotum; color:#777; }
/*scroll top*/
.container {height:100%; margin:auto; padding:0px;}
/* Image style */
#scrollUp {
 bottom: 115px;
 right: 20px;
 height: 38px;  /* Height of image */
 width: 38px; /* Width of image */
 background: url(../../img/nutragen/bottom/top.png) no-repeat;
}

/*»çÀÌÆ®¸Ê*/
a.btn-example {/*background-color: #8cacdb;border-radius: 20px;box-shadow: 3px 3px 5px 0 #999;color: #fff;*/display: block; float:right; /*margin: 50px auto 0;padding: 20px;text-align: center;width: 10px;*/}
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}
.pop-layer {
    background-color: #fff;
    border: 5px solid #8dc63f;
    display: none;
    height: 674px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 1100px;
    z-index: 10;
}  
.pop-layer .pop-container {padding: 20px 25px; background:url('/base/img/nutragen/siteallmap.png')no-repeat;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {/*width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 0px solid #DDD; text-align:right;*/}
a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #8dc63f; background-color:#8dc63f; font-size:13px; color:#fff; line-height:25px;position:absolute;right:-5px;top:-32px;} 
a.cbtn:hover {border: 1px solid #8dc63f; background-color:#fff; color:#787878;}
/*°øÁö»çÇ× ÃßÃâµ¥ÀÌÅÍ*/
.board_output_1_tr {padding:10px;}
/*°Ô½ÃÆÇ CSSÁ¤¸®*/
#minbanner {width:1100px; height:428px; margin:0 auto; /*background:url('/base/img/nutragen/main/main2014bg.png') no-repeat;*/}
#R_Dbanner{ width:183px; float:left; background: none repeat scroll 0 0 #aea09d; height:379px; }
div .nbox { width:293px;height:256px; float:left; padding-left:29px; margin-top:45px;}
div .VRbox {/* width:183px; height:171px; float:left;background:url('/base/img/nutragen/movie/VRbg.png') no-repeat;*/}
.N_video{}
#player_1{width:130px; float:left; margin-top:45px; margin-left:75px; border: 1px solid #dfdfdf;}
#player_2{width:130px; float:left; margin-top:5px; margin-left:75px; border: 1px solid #dfdfdf;}
#player_3{width:130px; float:left; margin-top:5px; margin-left:75px; border: 1px solid #dfdfdf;}

/*Á¦Ç°Á¤º¸*/
#product {width:895px;}
.hp li {width:220px; text-align: center;}
.hp a img {width:200px; margin:0 auto;}
.hp span {margin:0 auto;}
/*Çù·Â¾÷ü¹è³Ê*/
#Tbanner{width:100%; position:relative; margin:0 ; }
.longbanner {width:100%; margin:0 auto;}
.longbanner li {width:253px; float:left; padding-left:0px; padding-top:0px;}

#Tbanner2{width:100%; position:relative; margin:0 ; }
.longbanner {width:100%; margin:0 auto;}
.longbanner li {width:253px; float:left; padding-left:32px; padding-top:15px;}
/*À¯Åõºê*/
#player_0.video {position:relative;left:16px; top:-114px;border: 1px solid #dfdfdf;}