/**°øÅë**/
#wrap{ font-family:NanumGothic, '³ª´®°íµñ', NG, sans-serif, µ¸¿ò, ±¼¸²;}
*{-webkit-text-size-adjust:none;} 
header{position:relative;z-index:999}
/** width:100% wrap**/
.visb_wrap{width:100%; background:#fff;}
.banner_warp{width:100%;  background:#fee588;}
/** ¹è³Ê **/
.banner{ height:auto; margin:0 auto;}
.banner:after {content:""; display:block; clear:both;}
.banner img{vertical-align:top; width:100%;}
.banner_left{width:50%; float:left;}
.banner_left ul li{ width:50%; float:left;}
.banner_right{width:50%; float:right;}
.pro_inquiry {margin:0 auto; width:1024px;}
/** Á¦Ç°¼Ò°³ **/
.collection{width:100%; padding:0;}
.collection_title{text-align:center; margin:30px 0; margin-bottom:50px;}
.icon{ display:block; width:33px; height:30px; background:url(/bizdemo23957/img/netbuilder/main/icon.jpg) no-repeat; margin:0 auto;}
.title{ display:block; font-family:"³ª´®°íµñ", sans-serif; font-size:36px; font-weight:100; margin:5px 0;}
.title_s{ display:block; font-family:"Calibri Light", sans-serif;}
.line{ display:block; margin:0 auto; height:2px; width:20px; background:#000; margin-top:16px;}
.pd{width:1000px; margin:40px auto;}
.pd:after {content:""; display:block; clear:both;}
.pd_nall{ width:250px; height:250px; float:left; text-align:center; background:#fff; border:1px solid #eee; box-sizing:border-box; display:table;}
.goods_img {width:1024px; margin:0 auto;}
.goods_img img {width:100%; height:auto; /*padding:3px 0;*/border:#ffffff 2px solid;}
.goods_img img:hover {width:100%; height:auto; border:#dddddd 2px solid;}
.collection_img{width:100%; height:320px; margin:150px 0 0 0; padding:50px 0; font-size:0.80em; text-align:center;background:#d2ffdc;}
.collection_img .c_tit{margin:0 0 0 0; font-size:3.00em; text-align:center; font-weight:normal;font-family:"Calibri Light", sans-serif;}
.collection_img .c_desc{margin:20px auto 0; font-size:1.20em; text-align:center; color:#2a2a2a; width:1000px; line-height:150%;}
/** cantact us **/
.cantact{height:auto; margin:50px auto;}
.cantact:after {content:""; display:block; clear:both;}
.cantact_title{ width:278px; height:58px; border:1px solid #000; margin:0 auto; line-height:58px; text-align:center; font-family:"Calibri Light", sans-serif; font-size:32px; margin-bottom:50px;}
.mail{width:50%; float:left; padding-right:5%; box-sizing:border-box;}
.mail_text{font-family:"³ª´®°íµñ",'Nanum Gothic',sans-serif; font-size:14px; padding:10px 0 5px 0;}
.name, .email{width:100%; height:35px; border:1px solid #e2e2e2;}
.comment{ width:100%; height:185px; border:1px solid #e2e2e2; margin-bottom:10px;}
.sumit{ display:block; width:170px; height:35px; background:#000; color:#fff; border:1px solid #000; font-size:12px;}
.location{width:50%; height:395px; float:right; box-sizing:border-box;}
.map{border:3px solid #ffffff; width:100%; height:100%;}
/** footer **/
footer{ background:#444140; text-align:center; color:#fff; padding:50px 0; font-family:"³ª´®°íµñ",'Nanum Gothic',sans-serif;; color:#fff; font-size:0.7em; line-height:18px;}
.footer_logo{width:257px; height:36px; margin:0 auto; margin-bottom:40px;}
.footer_logo img{width:100%; }
/*GM LIST*/
.gmlist { margin:auto; padding:0 10px 0 0; text-align:right; font-size:10px; width:1024px; height:20px; line-height:20px; color:#999; }
.gmlist a:link{ color:#999; padding:0 10px 0 0; font-size:10px; text-decoration:none;}
.gmlist a:visited{ color:#999; padding:0 10px 0 0; font-size:10px; text-decoration:none;}
.gmlist a:hover{ color:#999; padding:0 10px 0 0; font-size:10px; text-decoration:none;}
/*footer link set*/
.linkset ul{ width:100%; text-align:center; margin:20px 0px; font-size:0.95em;}
.linkset ul li{display:inline-block; margin:0 5px; font-weight:bold;}
.linkset ul li a{color:#fff;}
.linkset ul li a:hover{color:#fff;}
/*pc*/
@media all and (min-width: 768px){
/*#menufix { }*/
.menu_line{border-bottom:1px solid #dcdcdc; width:100%; position:relative; top:80px; z-index:1 }
header{position:relative;z-index:999;} 

/** header **/
header{background:#FFF; height:79px; padding:0;}
#header{max-width:1024px; margin:0 auto; position:relative;}
#header:after{content:""; display:block; clear:both; }
#header a{font-family:"³ª´®°íµñ",'Nanum Gothic',sans-serif;}
#logo{width:256px; height:41px; float:left; position:relative; top:5px;}
#logo img{width:100%;}

/* »ó´Ü nav */
.top_nav{float:right; position:relative; }
.top_nav li{float:left; margin-left:40px; text-align:left;}
.top_nav li a.bmenu{font-family:"³ª´®°íµñ", sans-serif; font-size:0.95em; line-height:70px; display:inline-block;}
.top_nav li a:hover{color:#999;}
.smenu{margin-top:12px; width:100px;}
.top_gnb{display:none;}


/*sub visual*/
#svb1{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo23957/img/netbuilder/visual/sub01.jpg) 50% 0 no-repeat;}
#svb2{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo23957/img/netbuilder/visual/sub02.jpg) 50% 0 no-repeat;}
#svb3{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo23957/img/netbuilder/visual/sub03.jpg) 50% 0 no-repeat;}
#svb4{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo23957/img/netbuilder/visual/sub04.jpg) 50% 0 no-repeat;}
#svb5{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo23957/img/netbuilder/visual/sub05.jpg) 50% 0 no-repeat;}
#svbm{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo23957/img/netbuilder/visual/sub06.jpg) 50% 0 no-repeat;}
#svbg{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo23957/img/netbuilder/visual/svbg.jpg) 50% 0 no-repeat;}
#svb{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo23957/img/netbuilder/visual/svb1.jpg) 50% 0 no-repeat;}
/** ¹è³Ê **/
.banner{ width:1024px;}
.banner_left{height:512px;}
.banner_right{height:512px;}
}

/*mobile*/
@media all and (max-width:767px) {
/** header **/
header{position:relative;z-index:999}
header{background:#FFF; height:90px; border-bottom:1px solid #e6e9f0; padding:0;} 
#header{ width:100%; margin:0 auto; position:relative;}
#header:after{content:""; display:block; clear:both; }
#logo{width:256px; position:relative; top:25px; left:10px;}
#logo img{width:70%;}
/* »ó´Ü nav */
.top_gnb{width:44px; height:20px; float:right; position:relative; top:30px; right:15px;}
.top_gnb img{width:70%;}
nav{display:none;}
.top_nav{display:none;}
/**¹è³Ê**/
.banner{ width:100%; }
.banner_left{ width:100%; float:none;}
.banner_left ul li{width:25%; float:left;}
.banner_left ul li img{width:100%; vertical-align:middle;}
.banner_right{width:100%; float:none;}
.pro_inquiry {margin:0 auto; width:100%;}
/** Á¦Ç°¼Ò°³ **/
.collection {width:100%; margin:0px 0 0 0;}
.collection_title{text-align:center; margin-bottom:20px;}
.icon{ display:block; margin:0 auto; height:2px; width:20px; background:#000; margin-bottom:16px;}
.title{ display:block; font-family:"Calibri Light", sans-serif; font-size:1.00em; font-weight:bold; margin:0 0 5px 0;}
.title_s{ display:block; font-family:"Calibri Light", sans-serif;font-size:0.80em;}
.line{ display:block; margin:0 auto; height:2px; width:20px; background:#000; margin-top:16px;}
.goods_img {width:100%; margin:0 auto; padding:0;}
.goods_img img {width:100%; height:auto; padding:0;}
.collection_img{width:100%; height:auto; margin:30px 0 0 0; padding: 15px 0; text-align:center; background:#d2ffdc;}
.collection_img .c_tit{margin:5px 0; font-size:1.50em; text-align:center; font-weight:bold;}
.collection_img .c_desc{margin:15px auto; font-size:0.85em; text-align:center; color:#2a2a2a; width:93%; line-height:130%;}
/** footer **/
.footer{height:300px; background:#444140; text-align:center; color:#fff;  font-family:"³ª´®°íµñ",'Nanum Gothic',sans-serif;; color:#fff; font-size:0.7em; line-height:18px;}
.footer_logo{width:257px; height:36px; margin:0 auto; margin-bottom:15px;}
.footer_logo img{width:70%; }
/*º»¹® À̹ÌÁöÀÏ °æ¿ì*/
#contentsArea img{width:100%; max-width:740px;}
/*GM LIST*/
.gmlist { margin:auto; padding:0; text-align:center; font-size:0.90em; width:100%; height:25px; line-height:25px; color:#fff;background-color:#cdcbcb; }
.gmlist a:link{ color:#fff; padding:0 0 0 0; font-size:0.90em; text-decoration:none;}
.gmlist a:visited{ color:#fff; padding:0 0 0 0; font-size:0.90em; text-decoration:none;}
.gmlist a:hover{ color:#fff; padding:0 0 0 0; font-size:0.90em; text-decoration:none;}
/*sub visual*/
#svb1{width:100%; height:70px; text-align:center; background:url(/bizdemo23957/img/netbuilder/visual/sub01.jpg) 50% 0 no-repeat; background-size:200%;}
#svb2{width:100%; height:70px; text-align:center; background:url(/bizdemo23957/img/netbuilder/visual/sub02.jpg) 50% 0 no-repeat; background-size:200%;}
#svb3{width:100%; height:70px; text-align:center; background:url(/bizdemo23957/img/netbuilder/visual/sub03.jpg) 50% 0 no-repeat; background-size:200%;}
#svb4{width:100%; height:70px; text-align:center; background:url(/bizdemo23957/img/netbuilder/visual/sub04.jpg) 50% 0 no-repeat; background-size:200%;}
#svb5{width:100%; height:70px; text-align:center; background:url(/bizdemo23957/img/netbuilder/visual/sub05.jpg) 50% 0 no-repeat; background-size:200%;}
#svbm{width:100%; height:70px; text-align:center; background:url(/bizdemo23957/img/netbuilder/visual/sub06.jpg) 50% 0 no-repeat; background-size:200%;}
#svbg{width:100%; height:70px; text-align:center; background:url(/bizdemo23957/img/netbuilder/visual/svbg.jpg) 50% 0 no-repeat; background-size:200%;}
#svb {width:100%; height:70px; text-align:center; background:url(/bizdemo23957/img/netbuilder/visual/svb1.jpg) 50% 0 no-repeat; background-size:200%;}
}