/**°øÅë**/
#wrap{ font-family:NanumGothic, '³ª´®°íµñ', NG, sans-serif, µ¸¿ò, ±¼¸²;}
header{position:relative;z-index:999;color:#fff;}
/** width:100% wrap**/
.visb_wrap{width:80%;margin:0 auto; position:relative; }



/*¸ÞÀÎ*/
.main_wrap {   background-color:#ebebeb;  }
.banner_warp { position:relative; margin:0 auto; width:70%;  }
.banner_bg { margin:0 auto; width:80%; background-color:#ebebeb; }



/** ¸ÞÀμ±»ý´Ô**/
.main_teachers {  width:100%; height:100%; margin:0 auto; float:left;  display:block;  margin-top:20px;}
.main_teachers:after {content:""; display:block; clear:both;}
.main_teachers img{vertical-align:top; width:100%; margin-bottom:20px;display:block;  }
.main_teachers ul {margin:0 auto;  width:100%; float:left;  }
.main_teachers ul li{ width:100%; margin:0 auto;   }


/** ¸µÅ©¿¬°á01 **/
.main_link_list01 { height:100%; margin:0 auto;  }
.main_link_list01:after {content:""; display:block; clear:both;}
.main_link_list01 img{vertical-align:top; width:100%;border:2px solid #fff; }
.main_link_list01 ul { width:100%; height:100%; margin:0 auto;  }
.main_link_list01 ul li{ float:left; height:100%; margin:0 auto;}
.main_link_01 { width:50%; }
.main_link_02 { width:50%; }


/** ¸µÅ©¿¬°á02 **/
.main_link_list02 {  height:100%; margin:0 auto;  }
.main_link_list02:after {content:""; display:block; clear:both;}
.main_link_list02 img{vertical-align:top; width:100%;border:2px solid #fff; }
.main_link_list02 ul {width:100%;  height:100%; margin:0 auto;  }
.main_link_list02 ul li{  float:left; margin:0 auto; }
.main_link_03 { width:25%; }
.main_link_04 { width:25%; }
.main_link_05 { width:25%; }
.main_link_06 { width:25%; }

/** ¸ÞÀμ±»ý´Ô**/
.gnt_gntier  { width:100%; height:100%; margin:0 auto; float:left;  display:block;  margin-top:10px;}
.gnt_gntier:after {content:""; display:block; clear:both;}
.gnt_gntier img{vertical-align:top; width:100%; margin-bottom:20px;display:block;  }
.gnt_gntier ul {margin:0 auto;  width:100%; float:left;  }
.gnt_gntier ul li{ width:100%; margin:0 auto;   }



/**¸®ºä**/
.gnt_review{ height:auto; margin:0 auto; background-color:#040b12;  }
.gnt_review:after {content:""; display:block; clear:both;}
.gnt_review img{vertical-align:top; width:100%;  }
.gnt_review ul { height=100%; } 
.gnt_review ul li{ width:33%; float:left; margin-right:0.3%; margin-bottom:0.3%;}



/**°Ô½ÃÆÇ**/
.gnt_board{ height:auto; margin:0 auto; }
.gnt_board:after {content:""; display:block; clear:both;}
.gnt_board img{vertical-align:top; width:100%;}
.gnt_board ul { height=100%; } 
.gnt_board ul li{ width:33%; float:left; margin-right:0.3%; margin-bottom:0.3%;}


/** ¹è³Ê **/
.banner{ height:auto; margin:0 auto;  }
.banner:after {content:""; display:block; clear:both;}
.banner img{vertical-align:top; width:100%;}
.banner_left{width:100%; height=100% float:left;} 
.banner_left ul li{ width:33.3%; float:left;}
.banner_right{width:100%; float:right;}
.banner_right ul li{ width:33.3%; float:left;}
.pro_inquiry {margin:0 auto; width:100%;}

/** ¹è³Ê¸µÅ© **/
.banner_link{height:auto; margin:0 auto; padding-bottom:30px; margin-top:30px;}
.banner_link:after {content:""; display:block; clear:both;}
.banner_link img{vertical-align:top; width:90%; margin:5%;}
.banner_link ul {margin:0 auto;  width:100%; float:left;  }
.banner_link ul li{ width:33.3%; float:left;  }

/**ÅäÅ»½ºÇÇÄ¡ ¸µÅ©**/
.gnt_total_link{ height:auto; margin:0 auto;  }
.gnt_total_link:after {content:""; display:block; clear:both;}
.gnt_total_link img{vertical-align:top; width:100%;  }
.gnt_total_link ul { margin:0 auto;  width:100%; float:left; margin-left:4.5% } 
.gnt_total_link ul li{ width:45%; float:left; margin-right:0.3%; margin-bottom:0.3%;}

/** Á¦Ç°¼Ò°³ **/
.collection{width:100%; padding:50px 0;}
.collection_title{text-align:center; margin-bottom:50px;}
.icon{ display:block; width:33px; height:30px; background:url(/bizdemo22413/img/netbuilder/main/icon.jpg) no-repeat; margin:0 auto;}
.title{ display:block; font-family:"Calibri Light", 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%; 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;font-family:"Calibri Light", sans-serif;}
.collection_img .c_desc{margin:20px auto 0; font-size:1.00em; text-align:center; color:#666666; width:1000px; line-height:180%;}


/**±³À°¹®ÀÇ**/
.counseling {  width:100%; height:100%; margin:0 auto; float:left;  display:block;  } 
.counseling:after {content:""; display:block; clear:both;}
.counseling img{vertical-align:top; width:100%; margin-bottom:0 150px; display:block;  }
.counseling ul {margin:0 auto;  width:100%; float:left;  }
.counseling ul li{ width:100%; margin:0 auto;   }


/**½ºÇÇÄ¡»ó½Ã¹Ý,º¸À̽ººñÆ÷¿¡ÇÁÅÍ**/
.voice { height:auto; margin:0 auto; }
.voice:after {content:""; display:block; clear:both;}
.voice img{vertical-align:top; width:100%;}
.voice ul { width:48%; float:left;} 
.voice ul li{ width:48%; float:left; padding:1%; }


/** 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:#f2f2f2; text-align:center; color:#999; padding:50px 0; font-family:"³ª´®°íµñ",'Nanum Gothic',sans-serif;; color:#666; font-size:0.7em; line-height:18px;border-top:1px solid #dddddd;}
.footer_logo{width:185px; height:25px; margin:0 auto; margin-bottom:25px;}
.footer_logo img{width:100%; }



/*GM LIST*/
.gmlist { margin:auto; padding:0 10px 0 0; text-align:right; font-size:10px; width:1014px; height:20px; line-height:20px; color:#999;  }
.gmlist a:link{ color:#999; padding:0 0 0 0; font-size:10px; text-decoration:none;}
.gmlist a:visited{ color:#999; padding:0 0 0 0; font-size:10px; text-decoration:none;}
.gmlist a:hover{ color:#666; padding:0 0 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:#666;}
.linkset ul li a:hover{color:#999;}





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

/*°Ô½ÃÆÇ*/
.board{ width:100%; padding:0 5%; } 
.board_1{ width:25%; float:left; padding:0 3%; }
.board_2{width:25%;float:left; padding:0 3%;}
.board_3{width:25%;float:left;padding:0 3%;}
.title { font-size: 1.3em; font-weight:bold;}
.title_s{ line-height: 10px; font-size:1em; color:#383838; }


/* »ó´Ü 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:"Calibri Light", sans-serif; font-size:1.0em; 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:15px; width:100px; }
.top_gnb{display:none;}
/*sub visual*/
#svb1{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo22413/img/netbuilder/visual/svb1.jpg) 50% 0 no-repeat;}
#svb2{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo22413/img/netbuilder/visual/svb2.jpg) 50% 0 no-repeat;}
#svb3{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo22413/img/netbuilder/visual/svb3.jpg) 50% 0 no-repeat;}
#svb4{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo22413/img/netbuilder/visual/svb4.jpg) 50% 0 no-repeat;}
#svb5{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo22413/img/netbuilder/visual/svb5.jpg) 50% 0 no-repeat;}
#svbm{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo22413/img/netbuilder/visual/svbm.jpg) 50% 0 no-repeat;}
#svbg{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo22413/img/netbuilder/visual/svbg.jpg) 50% 0 no-repeat;}
#svb{width:100%; background:#ccc; height:150px; text-align:center; background:url(/bizdemo22413/img/netbuilder/visual/svb1.jpg) 50% 0 no-repeat;}

/** ¹è³Ê **/
.banner{ width:100%; }
.banner_left{height:340px;}
.banner_right{height:340px;}


/** ¹è³Ê¸µÅ© **/
.banner_link{ width:100%;   }

}

/*mobile*/
@media all and (max-width:767px){
/** header **/
header{position:relative;z-index:999}
header{background:#FFF; height:80px; border-bottom:1px solid #e6e9f0; padding:0;} 
#header{ width:100%; margin:0 auto; position:relative;}
#header:after{content:""; display:block; clear:both; }
#logo{width:300px; position:relative; top:10px; left:10px;}
#logo img{width:90%;}
/* »ó´Ü 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:33.3%; float:left;}
.banner_left ul li img{width:100%; vertical-align:middle;}
.banner_right{width:100%; float:none;}
.banner_right ul li{width:33.3%; float:left;}
.banner_right ul li img{width:100%; vertical-align:middle;}
.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%; margin:30px 0 0 0; padding:15px 0; text-align:center;background:#ffffff;}
.collection_img .c_tit{margin:10px 0; font-size:1.20em; text-align:center; font-weight:bold;}
.collection_img .c_desc{margin:10px auto; font-size:0.90em; text-align:center; color:#666666; width:90%; line-height:160%;}


/** footer **/
.footer{height:300px; background:#242520; text-align:center; color:#999; padding:70px 0; font-family:"³ª´®°íµñ",'Nanum Gothic',sans-serif;; color:#666; font-size:0.7em; line-height:18px;}
.footer_logo{width:185px; height:25px; margin:0 auto; margin-bottom:25px;}
.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:#999;background-color:#efefef; }
.gmlist a:link{ color:#333; padding:0 0 0 0; font-size:0.90em; text-decoration:none;}
.gmlist a:visited{ color:#333; padding:0 0 0 0; font-size:0.90em; text-decoration:none;}
.gmlist a:hover{ color:#333; padding:0 0 0 0; font-size:0.90em; text-decoration:none;}

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





}



/*mobile*/
@media all and (max-width:767px) {   
 nav{display:block;position:relative;z-index:999;}
 .title_s {line-height:15px; font-size:0.7em;}
 .title {font-size:1.0em;}
 .top_nav{display:none;margin-top:25px; border-bottom:1px solid #e6e6e6;}
 .top_nav li{border-top:1px solid #e6e6e6;text-indent:20px;line-height:40px;}
 .top_nav li a{color:#666666}
 .top_nav li > a{display:block;font-size:0.65em;font-weight:600;background:url('/bizdemo22236/img/netbuilder/main/m_nav_arrow.gif') no-repeat right 0 #ffffff}
 .top_nav li.on > a{color:#ffffff;background-position:right -48px; background-color:#333333;background:#525252;}
 .top_nav li dl{background:#333333; display:none}
 .top_nav li dl dd{border-top:1px solid #333333;line-height:40px; }
 .top_nav li dl dd a{display:block;font-size:0.65em; font-weight:600;color:#ffffff;}
 .top_nav li dl dd a:hover{background:#333333;color:#ffffff}
 .top_nav li dl dd.fixed a{background:#333333;color:#ffffff}