/**°øÅë**/
#wrap{ font-family:NanumGothic, 'Nanum Gothic', '³ª´®°íµñ', NG, µ¸¿ò, ±¼¸², sans-serif;}

header{position:relative;z-index:999}


/** width:100% wrap**/

.visb_wrap{width:100%; background-color:#f8f8f8; height:auto;}
.banner_warp{width:100%; background:#333;}
.banner_wrap:after {content:""; display:block; clear:both;}
/** ¹è³Ê **/
.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:50px 0;}
.collection_title{text-align:center; margin-bottom:50px;}
.icon{ display:block; width:33px; height:30px; background:url(/bizdemo22373/img/netbuilder/main/icon.jpg) no-repeat; margin:0 auto;}
.title{ display:block;  font-size:36px; font-weight:100; margin:5px 0;}
.title_s{ display:block; }
.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; border:#ffffff 2px solid;}
.goods_img img:hover {width:100%; height:auto; border:#dddddd 2px solid;}

.collection_img{width:100%; margin:150px 0 0 0; padding: 0; font-size:0.80em; text-align:center;background:#ffffff;}
.collection_img .c_tit{margin:20px 0 0 0; font-size:4.00em; text-align:center; font-weight:normal; display:none;}
.collection_img .c_desc{margin:20px auto 0; font-size:1.00em; text-align:center; color:#666666; width:1000px; line-height:180%; display:none;}

/** 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-size:32px; margin-bottom:50px;}
.mail{width:50%; float:left; padding-right:5%; box-sizing:border-box;}
.mail_text{ 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:#242520; text-align:center; color:#999; padding:50px 0;  color:#666; font-size:0.7em; line-height:18px;}
.footer_logo{width:185px; height:25px; margin:0 auto; margin-bottom:15px;}
.footer_logo img{width:100%; }
/*GM LIST*/
.gmlist { margin:auto; padding:0 10px 0 0; text-align:right; font-size:14px; width:1014px; height:40px; line-height:40px; color:#999;  }
.gmlist a:link{ color:#999; padding:0 0 0 0;  text-decoration:none;}
.gmlist a:visited{ color:#999; padding:0 0 0 0;  text-decoration:none;}
.gmlist a:hover{ color:#666; padding:0 0 0 0;  text-decoration:none;}

/*footer link set*/
.linkset ul{ with: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:#666;}
.linkset ul li a:hover{color:#999;}



/*pc*/
@media all and (min-width: 801px){
/*#menufix { }*/
.menu_line{border-bottom:1px solid #dcdcdc; width:100%; position:relative; top:80px; z-index:1 }
header{position:relative;z-index:999} 


/*tbn*/
.tbn {width:100%; height:40px; background:url(../../img/netbuilder/main/topbanner_bg.jpg) 50% 0 no-repeat; text-align:center;}

/** 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{}
#logo{width:200px; float:left; position:relative; top:7px;}
#logo img{width:100%;}



/* »ó´Ü nav */
.top_nav{float:right; position:relative;}
.top_nav li{float:left; margin-left:20px; text-align:left;}
.top_nav li a.bmenu{font-size:1em; line-height:77px; display:inline-block; border-bottom:3px solid #fff;}
.top_nav li a:hover{color:#00C; border-bottom:3px solid #a40000;}
.smenu{margin-top:30px; width:90px; }
.top_gnb{display:none;}
/*sub visual*/
#svb1{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svb1.jpg) 50% 0 no-repeat;}
#svb2{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svb2.jpg) 50% 0 no-repeat;}
#svb3{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svb3.jpg) 50% 0 no-repeat;}
#svb4{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svb4.jpg) 50% 0 no-repeat;}
#svb5{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svb5.jpg) 50% 0 no-repeat;}
#svb6{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svb6.jpg) 50% 0 no-repeat;}
#svbm{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svbm.jpg) 50% 0 no-repeat;}
#svbg{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svbg.jpg) 50% 0 no-repeat;}
#svb{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svb1.jpg) 50% 0 no-repeat;}

/** ¹è³Ê **/
.banner{ width:1024px;}
.banner_left{height:512px;}
.banner_right{height:512px;}
/*middle5*/
 #middle05 {margin:50px auto 0 auto; padding:0; width:1024px;}
 #middle05 .outline1 {width:100%; background-color:#efefef; }
 #middle05 .outline1 .box-cont {width:244px; margin:0 5px; padding:0; float:left; border:#efefef 1px solid;}
 #middle05 .outline1 .box-cont img {width:100%;}
 #middle05 .outline1 .box-cont .textarea1 { padding:20px; color:#999999; line-height:150%; font-size:0.80em; }
 #middle05 .outline1 .box-cont .textarea1 span{ color:#333333; line-height:160%; font-size:1.30em; font-weight:bold; }

 #middle05 .outline1 .tit1-1 {padding:30px 0; color:#ffffff; line-height:130%; font-size:2.70em; text-align:center; /*background-color:#0978c2;*/ font-weight:bold; background:url('../../img/netbuilder/main/md5_text_bg.jpg') 50% 0 no-repeat;}
 #middle05 .outline1 .tit1-1 span {color:#ffffff; line-height:100%; font-size:0.60em; font-weight:normal;}

 #middle05 .outline1 .tit2-1 {padding:30px 0; color:#333333; line-height:130%; font-size:2.40em; text-align:center; background-color:#ffffff; }
 #middle05 .outline1 .tit2-1 span {color:#666666; line-height:100%; font-size:0.60em; }


/*middle6*/
#middle06 {margin:20px auto 100px auto; padding:0; width:1024px;}
#middle06 ul{ with:100%; margin:0; }
#middle06 ul li{float:left; width:33.33%; margin:0; text-align:center;}
#middle06:after{content:""; display:block; clear:both; }


/* mainmap */
#mmap {margin:100px 0 100px 0; padding:0; width:100%; height:auto;}
#mmap:after{content:""; display:block; clear:both; }

#mmap .mtit1-1 {padding:0; color:#333; line-height:150%; font-size:40px; text-align:center; }
#mmap .mtit1-1 span {color:#666;  font-size:18px; font-weight:normal; display:block;}
#mmap .ggmap {width:100%; height:auto; margin:0; padding:0;background-color:#fff;}
#mmap .ggmap:after{content:""; display:block; clear:both; }





/*¸ÞÀÎ ÃßÃâ °¶·¯¸®*/
.goods_img .board_output_gallery_etc { text-align:center;width:100%; color:#ff0000; line-height:180%; font-size:0.90em; letter-spacing:-1px; }
.goods_img .board_output_gallery_subject{ padding:10px 0 20px 0; }
.goods_img .board_output_gallery_subject a:link, a:visited{ width:100%; color:#333333; font-weight:bold; font-size:1.20em; margin:10px 0;  }
.goods_img .board_output_gallery_subject a:hover{ text-decoration:none; color:#333333;  }
.board_output_gallery_img {border-top:#cccccc 0px solid;}


/*°øÅë ¼­ºê¸Þ´º*/
#submenubg {margin:0px; padding:0px; width:100%; height:50px; background-color:#dddddd;}

#ulliset { margin:auto; padding:0px; width:1000px; height:50px;}
#ulliset .ul1 { margin:0; padding:0 ; list-style:none;}
#ulliset .li1 {margin:0; padding:0; list-style:none; float:left; text-align:center; height:50px; line-height:50px; color:#999999; background-color:#efefef; text-decoration:none;}


#ulliset .li1 a {margin:0; padding:0 20px; list-style:none; float:left; text-align:center; height:50px; line-height:50px; color:#999999; background-color:#ffffff;text-decoration:none; border-right:#cccccc 1px solid; font-size:1.00em;}


#ulliset .li1on a:link {margin:0; padding:0 20px; list-style:none; float:left; text-align:center; height:50px; line-height:50px; color:#ffffff; background-color:#fba743; font-weight:bold; text-decoration:none; border-right:#cccccc 1px solid; font-size:1.00em;}
#ulliset .li1on a:visited {  float:left; color:#ffffff; background-color:#fba743; border-right:#fba743 1px solid; font-size:1.00em;}
#ulliset .li1on a:hover { float:left; color:#ffffff; background-color:#fba743; border-right:#fba743 1px solid; font-size:1.00em;}
#ulliset .clear { clear:both;}



}
/*mobile*/
@media all and (max-width:800px) {


/*tbn*/
.tbn {width:100%; height:auto;  text-align:center;margin:0; padding:0; vertical-align:top;}
.tbn img{width:100%; height:auto; vertical-align:top;}
.tbn:after{content:""; display:block; clear:both; }




/** header **/

header{background:#FFF; height:80px; border-bottom:1px solid #e6e9f0; padding:0;position:relative;z-index:999} 
#header{ width:100%; margin:0 auto; position:relative;}
#header:after{content:""; display:block; clear:both; }
#logo{width:200px; 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:50%; 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%;}
/** Ä÷¢¼Ç **/
.pd{width:100%; padding:0 15px; box-sizing:border-box;}
.pd_nall{ width:50%; height:250px; float:left; text-align:center; background:#fff; border:1px solid #eee; box-sizing:border-box; display:table;}
.goods_img {width:100%;  margin:0 auto;}
.goods_img img {width:100%; height:auto;}
.collection {width:100%; margin:50px 0 0 0;}
.collection_img{width:100%; margin:50px 0 0 0; padding:15px 0; text-align:center;background:#ffffff;}
.collection_img .c_tit{margin:10px 0; font-size:2.00em; text-align:center; font-weight:bold;}
.collection_img .c_desc{margin:10px auto; font-size:1.00em; text-align:center; color:#666666; width:90%; line-height:160%;}
/** footer **/
.footer{height:300px; background:#242520; text-align:center; color:#999; padding:70px 0; color:#666; font-size:0.7em; line-height:18px;}
.footer_logo{width:185px; height:25px; margin:0 auto; margin-bottom:15px;}
.footer_logo img{width:70%; }
/*º»¹® À̹ÌÁöÀÏ °æ¿ì*/
#contentsArea img{width:100%; max-width:740px;}


/*GM LIST*/
.gmlist { margin:0; padding:0; text-align:center; font-size:0.90em; width:100%; height:25px; line-height:25px; color:#999;background-color:#efefef; }
.gmlist a:link{ color:#333; padding:0 0 0 0; text-decoration:none;}
.gmlist a:visited{ color:#333; padding:0 0 0 0;  text-decoration:none;}
.gmlist a:hover{ color:#333; padding:0 0 0 0;  text-decoration:none;}


/*sub visual*/
#svb1{width:100%; height:50px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svb1.jpg) 50% 0 no-repeat; background-size:200%;}
#svb2{width:100%; height:50px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svb2.jpg) 50% 0 no-repeat; background-size:200%;}
#svb3{width:100%; height:50px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svb3.jpg) 50% 0 no-repeat; background-size:200%;}
#svb4{width:100%; height:50px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svb4.jpg) 50% 0 no-repeat; background-size:200%;}
#svb5{width:100%; height:50px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svb5.jpg) 50% 0 no-repeat; background-size:200%;}
#svb5{width:100%; height:50px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svb6.jpg) 50% 0 no-repeat; background-size:200%;}
#svbm{width:100%; height:50px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svbm.jpg) 50% 0 no-repeat; background-size:200%;}
#svbg{width:100%; height:50px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svbg.jpg) 50% 0 no-repeat; background-size:200%;}
#svb {width:100%; height:50px; text-align:center; background:url(/bizdemo22373/img/netbuilder/visual/svb1.jpg) 50% 0 no-repeat; background-size:200%;}

/*middle5*/
 #middle05 {margin:20px auto; padding:0; width:100%;}
 #middle05 .outline1 {width:100%; background-color:#efefef; }
 #middle05 .outline1 .box-cont {width:50%; margin:0 0; padding:0; border:#efefef 0px solid; float:left;}
 #middle05 .outline1 .box-cont img {width:100%; }
 #middle05 .outline1 .box-cont .textarea1 { padding:20px; color:#999999; line-height:150%; font-size:0.80em; }
 #middle05 .outline1 .box-cont .textarea1 span{ color:#333333; line-height:160%; font-size:1.30em; font-weight:bold; }

 #middle05 .outline1 .tit1-1 {padding:30px 20px; color:#ffffff; line-height:130%; font-size:1.40em; text-align:center; /*background-color:#0978c2;*/ background:url('../../img/netbuilder/main/md5_text_bg.jpg') 50% 100% no-repeat; background-size;auto; }
 #middle05 .outline1 .tit1-1 span {color:#ffffff; line-height:100%; font-size:0.60em; }

 #middle05 .outline1 .tit2-1 {padding:30px 20px; color:#333333; line-height:130%; font-size:1.40em; text-align:center; background-color:#ffffff;}
 #middle05 .outline1 .tit2-1 span {color:#666666; line-height:100%; font-size:0.60em; }



/* mainmap */
#mmap {margin:50px 0 ; padding:0; width:100%; height:auto;}
#mmap:after{content:""; display:block; clear:both; }
#mmap .mtit1-1 {padding:0 0 20px 0; color:#333; line-height:150%; font-size:1.8em; text-align:center; }
#mmap .mtit1-1 span {color:#666; line-height:130%; font-size:0.60em; font-weight:normal; display:block;}
#mmap .ggmap {width:100%; height:auto; margin:0; padding:0; vertical-align:top;}
#mmap .ggmap:after{content:""; display:block; clear:both; }

#mmap .ggmap img{width:100%; height:auto;}


/*middle6*/
#middle06 {margin:20px auto 50px auto; padding:0; width:100%;}
#middle06 ul{ with:100%; margin:0; }
#middle06 ul li{float:none; width:100%; margin:0; text-align:center;}
#middle06 ul li img {width:90%; height:auto;}
#middle06:after{content:""; display:block; clear:both; }


/* mainmap */



/*¸ÞÀÎ ÃßÃâ °¶·¯¸®*/
.goods_img .board_output_gallery_etc { text-align:center;width:100%; color:#ff0000; line-height:180%; font-size:0.75em; letter-spacing:-1px; }
.goods_img .board_output_gallery_subject{ padding:10px 0 20px 0; text-align:center;}
.goods_img .board_output_gallery_subject a:link, a:visited{ width:100%; color:#333333; font-weight:bold; font-size:0.90em; margin:10px 0;  }
.goods_img .board_output_gallery_subject a:hover{ text-decoration:none; color:#333333;  }
.board_output_gallery_img {border-top:#cccccc 0px solid;}

/*°øÅë ¼­ºê¸Þ´º*/
#submenubg {display:none;}


}