@charset "euc-kr";
@font-face{font-family:NG;src:url(/bizdemo20319/img/netbuilder/NanumGothic.eot);src:local(¡Ø),url(/bizdemo20319/img/netbuilder/NanumGothic.woff) format('woff')}
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
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:#333333; text-align:center;height:54px; background-color:#ffffff; border-bottom:#dddddd 1px solid; border-right:#dddddd 0px solid;}
h2 { margin:0px; padding:0px;}
h3 { margin:0px; padding:0px;}
img { border : 0px;}
input { border:#cccccc 1px solid;}
textarea { border:#cccccc 1px solid;}

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: #000000;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 0px ; list-style:none; line-height:35px;}
#ulliset .li1 {width:181px; border:none; }
#ulliset .li1 a {width:181px; border:none; padding-left:10px; cursor:pointer; display:block;border-bottom:#ffffff 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 .clear { clear:both;}

#ulliset .li1on {line-height:35px; padding-left:0px; list-style: none; font-weight: bold; width:171px; }
#ulliset .li1on a { line-height:35px; padding-left:10px; list-style:none; color:#333333; font-weight: bold; width:181px;cursor:pointer; display:block; background-color:#dddddd; border-bottom:#ffffff 1px solid; text-decoration:none;}
#ulliset .li1on a:visited { line-height:35px; padding-left:10px; list-style: none; color:#333333; font-weight: bold; width:181px;}
#ulliset .li1on a:hover { line-height:35px; padding-left:10px; list-style: none; color:#333333; font-weight: bold; width:181px;}


/*top*/
#top {margin:0; padding:0px;}
#top .box { margin:auto; height:80px; width:1000px; background-color:#ffffff;}
#top .logo { margin:0px; padding:15px 0 0px 0; widht:178px; float:left;}


#top .box_navi { float:left; margin:0px;width:822px; padding:0 0 0 0px; height:30px; line-height:30px; }
#top .box_navi .gm { margin:0px; padding:0; text-align:right; font-size:10px; float:right;}
#top .box_navi .gm a:link{ color:#979797; padding:0 0 0 10px; font-size:10px; text-decoration:none;}
#top .box_navi .gm a:visited{ color:#979797; padding:0 0 0 10px; font-size:10px; text-decoration:none;}
#top .box_navi .gm a:hover{ color:#363636; padding:0 0 0 10px; font-size:10px; text-decoration:none;}

#top .box_navi .navi{ padding:0px; margin:0px;clear:both; }




#top .box_navi  ul#lselect {padding: 0;margin:0px 0;font-size:10px;width:100px auto;float:right;}        
#top .box_navi  ul#lselect li {list-style: none;background-color: #ffffff;padding: 0;margin:0;}    
#top .box_navi  ul#lselect li li {float: none;left:0;margin:0;background-color: #ffffff; padding:0 10px;border:#cccccc 1px solid;}
#top .box_navi  ul#lselect ul {display: none;position: absolute;background-color: #FFF; /* For non-CSS3 browsers. */background-color: rgba(255, 255, 255, 0);z-index:1000000000;}    
#top .box_navi  ul#lselect li:hover ul {display: block;}    
#top .box_navi  ul#lselect a {font-weight: normal;color:#979797;}    
#top .box_navi  ul#lselect li:hover a{color:#333333;font-weight: bold;}    /**/




/*main*/
#mainvisual {margin:0px; padding:0px; width:100%; background-image:url(/bizdemo20319/img/netbuilder/main/allbg2.jpg); background-position:50% 0%; background-repeat:no-repeat;}
#mainvisual .visualbg{margin:auto; padding:0px 0 0 0; height:435px; clear:both; }

#cont {margin:0px; padding:0px 0 0 0; width:100%; background-color:none;}
#cont .box { margin:auto; padding:20px 0 0 0; width:1000px; height:170px; background-color:none; }
#cont .box .bn01{ float:left; margin:0px; padding:0px; width:334px; height:150px; background-color:none;}
#cont .box .bn02{ float:left; margin:0px; padding:0px; width:333px; height:150px; background-color:none;}
#cont .box .bn03{ float:left; margin:0px; padding:0px; width:333px; height:150px; background-color:none;}
#cont .box .bn04{ float:left; margin:0px; padding:0px; width:250px; height:150px; background-color:none;}

#cont .box .bn011{ float:left; margin:0px; padding:0px; width:250px; height:100px; background-color:none; display:none;}
#cont .box .bn021{ float:left; margin:0px; padding:0px; width:250px; height:100px; background-color:none; display:none;}
#cont .box .bn031{ float:left; margin:0px; padding:0px; width:250px; height:100px; background-color:none; display:none;}
#cont .box .bn041{ float:left; margin:0px; padding:0px; width:250px; height:100px; background-color:none; display:none;}
#cont .clear { clear:both;}
#btcont { margin:0; padding:0px; background-color:#ffffff; height:165px; border-bottom:#dddddd 1px solid;}
#btcont .btbox{ margin:auto; padding:40px 0 0 0px;width:1000px;}
#btcont .btbox .btboxleft{ padding:0 0 0 0; text-align:center;}
#btcont .btbox .btboxright{ float:right; width:50%;}
#btcont .btbox .btboxleft .btsubtitle01 {font-weight:normal; font-size:16px; color:#333333;}
#btcont .btbox .btboxleft .btmaintitle01 {font-size:40px; font-weight:normal; color:#333333; line-height:100%; }
#btcont .btbox .btboxleft .btmaintitle02 {font-size:16px; font-weight:normal; color:#666666; line-height:100%; padding:10px 0;}
#btcont .clear{ clear:both;}
#bom {margin:0; padding:20px 0 0 0; background-color:#ffffff; height:100px;}
#bom .mset {margin:auto; padding:0 0 0 0; width:1000px; height:100px;}
#bom .mset .mset01 {float:left; padding:0 5px; width:240px; height:100px; background-color:#ffffff;}
#bom .mset .mset02 {float:left; padding:0 5px; width:240px; height:100px; background-color:#ffffff;}
#bom .mset .mset03 {float:left; padding:0 5px; width:240px; height:100px; background-color:#ffffff;}
#bom .mset .mset04 {float:left; padding:0 5px; width:240px; height:100px; background-color:#ffffff;}
.boxmodel001 {padding:5px; width:230px; height:100px; background-color:#ffffff; text-align:center; font-size:16px;}
#bom2 {margin:0; padding:0px; background-color:#ffffff;border-bottom:#dddddd 1px solid;}
#bom2 .mset2 {margin:auto; padding:0 0 10px 0; width:1000px;}
#bom2 .mset2 .mset01 {float:left; padding:0 5px; width:240px; height:90px; background-color:#ffffff; text-align:center;}
#bom2 .mset2 .mset02 {float:left; padding:0 5px; width:240px; height:90px; background-color:#ffffff; text-align:center;}
#bom2 .mset2 .mset03 {float:left; padding:0 5px; width:240px; height:90px; background-color:#ffffff; text-align:center;}
#bom2 .mset2 .mset04 {float:left; padding:0 5px; width:240px; height:90px; background-color:#ffffff; text-align:center;}

#bom3 {margin:0; padding:20px 0 0 0; background-color:#ffffff; height:100px;}
#bom3 .mset3 {margin:auto; padding:0 0 0 0; width:1000px; height:100px;}
#bom3 .mset3 .mset01 {float:left; padding:0 5px; width:240px; height:100px; background-color:#ffffff;}
#bom3 .mset3 .mset02 {float:left; padding:0 5px; width:240px; height:100px; background-color:#ffffff;}
#bom3 .mset3 .mset03 {float:left; padding:0 5px; width:240px; height:100px; background-color:#ffffff;}
#bom3 .mset3 .mset04 {float:left; padding:0 5px; width:240px; height:100px; background-color:#ffffff;}
.boxmodel003 {padding:5px; width:230px; height:100px; background-color:#ffffff; text-align:center; font-size:16px;}
#bom4 {margin:0; padding:0px; background-color:#ffffff;border-bottom:#dddddd 1px solid;}
#bom4 .mset4 {margin:auto; padding:0 0 10px 0; width:1000px;}
#bom4 .mset4 .mset01 {float:left; padding:0 5px; width:240px; height:90px; background-color:#ffffff; text-align:center;}
#bom4 .mset4 .mset02 {float:left; padding:0 5px; width:240px; height:90px; background-color:#ffffff; text-align:center;}
#bom4 .mset4 .mset03 {float:left; padding:0 5px; width:240px; height:90px; background-color:#ffffff; text-align:center;}
#bom4 .mset4 .mset04 {float:left; padding:0 5px; width:240px; height:90px; background-color:#ffffff; text-align:center;}

#widebg {padding:0; margin:0; height:330px; background:url(/bizdemo20319/img/netbuilder/main/widebg.jpg) 50% 0 no-repeat;}
#widebg .wb_cont {padding:100px 0 0 0; margin:auto; width:1000px;}
#widebg .wb_cont .cont_tit {padding:10px 0; margin:0; font-size:24px; color:#ffffff; font-family: 'Ubuntu', sans-serif;}
#widebg .wb_cont .cont_desc {padding:0; margin:0; font-size:12px; font-weight:normal; color:#ffffff;}
#widebg .wb_cont .cont_btn {padding:20px 0; margin:0;}


/*footer*/
#footer {margin:0px; padding:0 0 0 0; border-top:#d4d4d4 1px solid; }
#footer .footermenu {margin:auto; padding:0 0 0 0; height:30px; background-color:#ffffff;border-top:#d4d4d4 1px solid; border-bottom:#d4d4d4 1px solid; width:100%;}
#footer .footermenu .linkset {margin:auto; padding:0 0 0 0; width:1000px; line-height:30px;}
#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 #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 .snsset { float:right; margin:0px; padding:0px; border:none;}


#footer .cominfo { clear:both;}
#footer .clear { clear:both;}



/*sub*/
#tlst { margin:0px; padding:30px 0 0 30px; background-color:#ffffff; height:49px;  border-left:#d7d7d7 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:#666666; }
#tlst .clear {clear:both;}



#body_sub2 { width:100%; height:200px; background:url(/bizdemo20319/img/netbuilder/top/sub_v.jpg); background-position:50% 0;  }/*¼­ºêºñÁÖ¾ó*/
#body_sub2 .visual { width:100%; height:200px;}
#body_sub {width:1000px; margin:auto; padding:0 0 0 0; background:url(/bizdemo20319/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;}



/* ÄÁÅÙÃ÷ css */


/* º»¹® ÄÁÅÙÃ÷ ½ÃÀÛ Å¸ÀÌƲ */
#pgt-set {width:100%; margin:0 0 0 0; padding:0; letter-spacing:-1px;display:block; height:45px;}
#pgt-set .pg-title { float:left; font-size:28px; padding:15px 10px 0 0; font-weight:600; color:#003399; border-top:#003399 10px solid; text-transform:uppercase;}
#pgt-set .pg-title2 { float:left; font-size:28px; padding:15px 0 0 0; font-weight:600; color:#666666; border-top:#333333 10px solid; text-transform:uppercase;}
#pgt-set .pg-title3 { float:left; font-size:20px; padding:15px 0 0 0; font-weight:600; color:#666666; border-top:#333333 10px solid; }

.subtit_desc { font-size:14px; line-height:160%; padding:0; margin:20px 0; color:#666666; display:block; width:740px;}



/* ceo greeting */
#m1s1-cont {margin:0; padding:0; background:url(/bizdemo20319/img/netbuilder/eng/cont/m1s1_01.jpg) top right; }
#m1s1-cont .m1s1-tit {margin:30px 0 20px 0; padding:100px 0 0 0; font-size:20px; font-weight:bold; color:#003399; display:block; line-height:160%;}
#m1s1-cont .m1s1-desc {margin:0; padding:0; font-size:14px; font-weight:normal; color:#333333; line-height:160%; display:block; }
#m1s1-cont .m1s1-img1 {margin:50px 0; padding:0; display:block; text-align:right;}

/* history */
#m1s2-cont {margin:30px auto; padding:0; }
#m1s2-cont .history { margin:50px 0; padding:0; display:block;}
#m1s2-cont .history .year-set{ float:left; margin:0 0; padding:0; width:15%; font-size:20px; color:#003399; font-weight:bold;}
#m1s2-cont .history .month-list {float:left; margin:0; padding:0; width:84%; border-left:#dddddd 1px solid; }
#m1s2-cont .history .month-list .month-tit{float:left; margin:0; padding:5px 0 5px 3%; width:12%; font-size:13px; color:#003399; font-weight:bold;}
#m1s2-cont .history .month-list .month-desc{float:right; margin:0; padding:5px 0 5px 0; width:83%; font-size:12px; color:#666666; border-bottom:#dddddd 1px solid;}



/*ã¾Æ¿À½Ã´Â±æ*/
#location-info {padding:0 0; float:left;}
#location-info .li-tit-big{font-size:20px; font-weight:bold; color:#003399; margin:0; padding:20px 0 15px 0;}
#location-info .li-tit{font-size:15px; font-weight:600; color:#003399; margin:0; padding:15px 0 5px 0;}
#location-info .li-tit-small{font-size:13px; font-weight:600; color:333333; margin:0; padding:5px 0 5px 0;}
#location-info .li-address {font-size:12px; font-weight:normal; color:666666; margin:0; padding:0 0 10px 0;} 
#location-info .tel-fax{font-size:12px; font-weight:normal; color:666666; margin:0; padding:0 0 10px 0;}
#location-info .li-info{font-size:12px; font-weight:normal; color:666666; margin:0; padding:0 0 10px 10px;}

.boxlistst {padding:0; margin:5px 0 0 0; display:block; width:200px; height:100px; line-height:100px; background-color:#666666; color:#ffffff; font-size:14px; font-weight:bold; text-decoration:none; text-align:center;}
.boxlistst:hover{padding:0; margin:5px 0 0 0; display:block; width:200px; height:100px; line-height:100px; background-color:#003399; color:#ffffff; font-size:14px; font-weight:bold; text-decoration:none;  text-align:center;}



/* contact us */
.g-hq {padding:50px 0 45px;}
.g-hq .hq-address {font-size:15px; font-weight:600; color:#003399; margin:0; padding:0 0 10px;} 
.m-qr {padding:0 0 45px 0;}
.m-qr .qr-tit{font-size:15px; font-weight:600; color:#003399; margin:0; padding:0 0 10px;}
.m-qr span{}
.o-iq {padding:0 0 45px 0;}
.o-iq .iq-tit{font-size:15px; font-weight:600; color:#003399; margin:0; padding:0 0 10px;}



/* busniness */
table { border-collapse: collapse; border-spacing: 0;}
td,
th { padding: 0; font-size:1.10em;}
.list_table{width:740px; margin:0 0 50px 0px; font-size:1.00em;}
.list_table th, .list_table td{border:1px solid #cccccc; padding:10px 10px; word-wrap: break-word;background-color:#125aac; color:#fff; font-weight:bold;}
.list_table th {display:none;}
.list_table td:last-child {background-color:#f7f7f9; font-weight:normal;}
.list_table td a{ text-decoration:none; }
.list_table td a:hover{ color:#125aac;}
.txt_center{text-align:center;}





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