@charset "euc-kr";
@font-face{font-family:NG;src:url(/bizdemo14123/img/netbuilder/NanumGothic.eot);src:local(¡Ø),url(/bizdemo14123/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 { margin:0px; padding:29px 0 0 0; font-size:16px; letter-spacing:-1px; color:#ffffff; text-align:center; height:45px; background-color:none; border-bottom:#dddddd 1px solid; border-right:#dddddd 0px solid; background-image:url(/bizdemo14123/img/netbuilder/sub/title_bg.jpg);}
h2 { margin:0px; padding:0px;}
h3 { margin:0px; padding:0px;}
img { border : 0px;}
a:link {color: #666666;text-decoration:none; font-family:NanumGothic, '³ª´®°íµñ', NG, sans-serif, µ¸¿ò, ±¼¸²;}
a:visited {color:#666666;text-decoration: none; font-family:NanumGothic, '³ª´®°íµñ', NG, sans-serif, µ¸¿ò, ±¼¸²;}
a:hover {color: #666666;text-decoration:underline; 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;}
/*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 10px ; list-style:none; line-height:30px;}
#ulliset .li1 {width:181px; border:none; }
#ulliset .li1 a {width:181px; border:none; cursor:pointer; display:block;border-bottom:#d4d4d4 1px solid;}
#ulliset .clear { clear:both;}
#ulliset .li1on {line-height:30px; padding-left:0px; list-style: none; font-weight: bold; width:181px; background-image:url(/bizdemo14123/img/netbuilder/sub/icon.gif); background-position:100% 45%; background-repeat:no-repeat; }
#ulliset .li1on a { line-height:30px; padding-left:0px; list-style:none; color:#000000; font-weight: bold; width:181px;cursor:pointer; display:block;border-bottom:#d4d4d4 1px solid; text-decoration:none;}
#ulliset .li1 a:hover { line-height:30px; padding-left:0px; list-style: none; color:#333333; width:181px; text-decoration:none;}
#ulliset .li1on a:visited { line-height:30px; padding-left:0px; list-style: none; color:#000000; font-weight: bold; width:181px;}
/*top*/
#top {margin:0; padding:0px; background-color:#ffffff; }
#top .box_gm { margin:0px; padding:0; width:100%; background-color:#666666;}
#top .box_gm .gm { margin:auto; padding:0; text-align:right; width:1000px;}
#top .box_gm .gm a:link{ color:#cccccc; padding:0 0 0 0; font-size:11px; text-decoration:none;}
#top .box_gm .gm a:visited{ color:#cccccc; padding:0 0 0 0; font-size:11px; text-decoration:none;}
#top .box_gm .gm a:hover{ color:#ffffff; padding:0 0 0 0; font-size:11px; text-decoration:none;}
#top .box { 
margin: auto;
height: 80px;
width: 1200px;
background: none;
}
#top .logo { 
margin: 0px;
padding: 5px 0 0 80px;
width: 200px;
float: left;
}
#top .box_navi {
float: right;
margin: 0px;
width: 846px;
padding: 30px 0 0 0px;
height: 30px;
line-height: 30px;
  background-color:none;}
#top .box_navi .navi{ padding:0px; margin:0px; background:none; }

/*main*/
#maincont {margin: 0px; padding:10px 0 10px 0; width:100%; background-color:none; background-image:none; background-repeat:repeat-y;} /*Àüü¹è°æ°¡´É*/
#maincont .mccont01{margin: auto; padding:0; width:1200px;}
#maincont .mccont01 .mcc01left {margin: 0px; padding:0; width:160px; height:600px; float:left;}
#maincont .mccont01 .mcc01left .mccl01 {margin: 0px; padding:0; width:160px; height:200px; background-color:#efefef; }
#maincont .mccont01 .mcc01left .mccl02 {margin: 0px; padding:0; width:160px; height:200px;  background-color:#ffffff;}
#maincont .mccont01 .mcc01left .mccl03 {margin: 0px; padding:0; width:160px; height:200px;  background-color:#efefef;}
#maincont .mccont01 .mcc01center {margin: 0px; padding:0; width:880px; height:600px; float:left; background-color:none;}
#maincont .mccont01 .mcc01center .mccc01{margin: 0px; padding:0; width:880px;}
#maincont .mccont01 .mcc01right {margin: 0px; padding:0; width:160px; height:600px; float:left;}
#maincont .mccont01 .mcc01right .mccr01 {margin: 0px; padding:0; width:160px; height:200px; background-color:#efefef; }
#maincont .mccont01 .mcc01right .mccr02 {margin: 0px; padding:0; width:160px; height:200px;  background-color:#ffffff;}
#maincont .mccont01 .mcc01right .mccr03 {margin: 0px; padding:0; width:160px; height:200px;  background-color:#efefef;}


#cont {margin:0px; padding:10px 0 0 0; width:100%; background-color:none;}
#cont .cbox { margin:auto; padding:0 0 0 0; width:1200px; height:140px; background-color:none; }
#cont .cbox .bn011{ float:left; margin:0px; padding:0px; width:330px; height:120px; background-color:none;}
#cont .cbox .bn021{ float:left; margin:0px; padding:0px; width:330px; height:120px; background-color:none;}
#cont .cbox .bn031{ float:left; margin:0px; padding:0px; width:330px; height:120px; background-color:none;}
#cont .cbox .bn041{ float:left; margin:0px; padding:0px; width:210px; height:120px; background-color:none;}

#mainvisual {margin:0px; padding:0px; height:460px; background-color:none;}
#mainvisual .visualbg{margin:0px; padding:0px 0 0 0; height:460px; background-image:url(/bizdemo14123/img/netbuilder/main/mainbg.jpg); background-position:50% 0%; background-repeat:no-repeat;}
#mainvisual .visualbg .visual{margin:auto; padding:0px; width:1000px; height:435px;}
#cont .clear { clear:both;}
/*footer*/
#footer {margin:0px; padding:0 0 0 0; 
margin-top: 80px;
}
#footer .footermenu {margin:auto; padding:0 0 0 0; height:30px; background-color:#d7d7d7;border-top:#cccccc 2px solid; border-bottom:#d4d4d4 1px solid; width:100%;}
#footer .footermenu .linkset {margin:auto; padding:0 0 0 0; width:1000px; line-height:30px;text-align:center; font-size:11px; }
#footer .footermenu .linkset a:link{ font-weight:normal; text-decoration:none; }
#footer .footermenu .linkset a:visited{ font-weight:normal; text-decoration:none; }
#footer .footermenu .linkset a:hover { color:#333333; font-weight:bold; text-decoration:none; }
#footer .footermenu .linkset ul {margin: 0 auto; padding:0; list-style:none;}
#footer .footermenu .linkset li {margin:0; padding:0 10px; list-style:none; 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-top:30px; 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 #d4d4d4; 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;}
/*sub*/
#tlst { margin:0px; padding:30px 0 0 30px; background-color:#ffffff; height:44px; border-bottom:#dddddd 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 5px 0 0; color:#999999; }
#tlst .clear {clear:both;}
#body_sub2 { width:100%; padding:0 0 0 0;height:150px; margin:0; background-color:#efefef; }
#body_sub2 .subvisual { padding:0 0 0 0; width:100%; height:150px; margin:auto;  background:url(/bizdemo14123/img/netbuilder/top/sub_v.jpg); background-position:50% 0; }/*¼­ºêºñÁÖ¾ó*/
#body_sub {width:1000px; margin:auto; padding:0 0 0 0; background:url(/bizdemo14123/img/netbuilder/sub/bg_line.jpg) }/*¼­ºêÄÁÅÙÃ÷*/
#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; }

/*---------- Wrapper --------------------*/
#nav {
 width: 750px;
 height: 30px;
 background-color: #ffffff;
 margin:0;
 z-index:1;
}
#nav .nav_naviarea{ margin:0; padding:0; width:750px; height:30px; }
#nav .nav_naviarea ul {
 text-align: center;
}
#nav ul li {
 font-size: 13px;
 cursor: pointer;
 -webkit-transition: padding .05s linear;
 -moz-transition: padding .05s linear;
 -ms-transition: padding .05s linear;
 -o-transition: padding .05s linear;
 transition: padding .05s linear;
width: 140px;
/*float: right;*/
 /*background-color:#ffffff;*/
 text-decoration:none;
}
ul li.drop {
 position: relative;
 width: 130px;
 float:left;
 /*background-color:#ffffff;*/ /*¼­ºê ¸Þ´ºÀÖÀ»¶§ */
 z-index:10000000;
 font-weight:bold;
}
ul > li {
 display: inline-block;
}
ul li a {
 line-height: 30px;
 padding: 0px 0px;
 height: 30px;
 color: #666666;
 -webkit-transition: all .1s ease-out;
 -moz-transition: all .1s ease-out;
 -ms-transition: all .1s ease-out;
 -o-transition: all .1s ease-out;
 transition: all .1s ease-out;
}
ul li a:hover {
 color: #000000;
 text-decoration:none;
}
.dropOut .triangle {
 width: 0;
 height: 0;
 position: absolute;
 border-left: 8px solid transparent;
 border-right: 8px solid transparent;
 border-bottom: 8px solid #214285;
 top: -8px;
 left: 50%;
 margin-left: -0px;
 
}
.dropdownContain {
 width: 130px;
 position: absolute;
 z-index: 2;
 left: 50%;
 margin-left: -75px; /* half of width */
 top: -400px;
 text-decoration:none;
 
 
}
.dropOut {
 width: 130px;
 /*background-color: #ffffff;*/
 float: left;
 position: relative;
 margin-top: 0px;
 opacity: 0;
 /*-webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 2px;*/
 -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
 -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
 box-shadow: 0 1px 6px rgba(0,0,0,.15);
 -webkit-transition: all .1s ease-out;
 -moz-transition: all .1s ease-out;
 -ms-transition: all .1s ease-out;
 -o-transition: all .1s ease-out;
 transition: all .1s ease-out;
}
.dropOut ul {
 float: left;
 padding: 0px 0 5px 0;
 background-color:#214285; /*line color*/
}
.dropOut ul li {
 background-color:#214285; /*bg color*/
 text-align: center;
 float: left;
 width: 130px;
 padding: 5px 0 0px 0px;
 margin: 0px 10px;
 color:#ffffff; /*submenu color*/
 /*-webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;*/
 -webkit-transition: background .1s ease-out;
 -moz-transition: background .1s ease-out;
 -ms-transition: background .1s ease-out;
 -o-transition: background .1s ease-out;
 transition: background .1s ease-out;
}
.dropOut ul li:hover {
 background-color: #214285; /*li mouse over*/
 color:#ffffff;
}
ul li:hover a { color: #666666; }
ul li:hover .dropdownContain { top: 30px; }
ul li:hover .underline { border-bottom-color: #777; }
ul li:hover .dropOut { opacity: 1; margin-top: 8px; }
li .smlist a:link{ color:#cccccc; display:block; font-size:12px;}
li .smlist a:visited{ color:#cccccc; display:block; font-size:12px;}
li .smlist a:hover{ color:#ffffff; display:block; background-color:#16336d; font-size:12px;}




/*±âÁ¸ ºô´õ css*/
/* 2011.12.22 */
.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(/bizdemo14123/img/netbuilder/bottom/top.png) no-repeat;
}