/**°øÅë**/
#wrap{ font-family:NanumGothic, '³ª´®°íµñ', NG, sans-serif, µ¸¿ò, ±¼¸²;}
header{position:relative;z-index:999}
.clearboth { clear:both; height:0; font-size:0;}
/** Á¦Ç°¼Ò°³ **/
.goods_img {width:100%;  margin:0 auto;}
.goods_img img {width:100%; height:auto; }
.goods_img img:hover {width:100%; height:auto; }
/*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;background-color:#ffffff;  }
.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;}

/*bbsno*/
.bbsno {width:40px; text-align:center;} /*°Ô½ÃÆÇ ¹øÈ£ ³ÐÀÌ °ª Á¶Àý*/
.table_title td {text-align:center;} /*ŸÀÌƲÁ¤·Ä*/

/* pagin */
.paging {text-align:center;}


/*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; top:0px;}
#header:after{content:""; display:block; clear:both; }
#header a{font-family:"³ª´®°íµñ",'Nanum Gothic',sans-serif;}
#logo{width:175px; float:left; position:relative; top:13px;}
#logo img{width:100%;}
/* »ó´Ü nav */
.top_nav{float:right; position:relative;}
.top_nav li{float:left; margin-left:45px; text-align:center;}
.top_nav li a.bmenu{font-family:"NanumGothic", sans-serif; font-size:1.1em; line-height:77px; display:inline-block; }
.top_nav li a:hover{color:#00C; }
.smenu{margin-top:20px; width:100px; text-align:center;}
.top_gnb{display:none;}

/*sub visual*/
/*»ó´Ü fixed »ç¿ë½Ã margin°ª 100px Ãß°¡*/
#svb1{width:auto;  margin:80px auto 0; height:350px; text-align:center; background:url(/bizdemo22632/img/netbuilder/visual/svb_top.jpg); background-position: 50% 0;}
#svb2{width:auto; margin:80px auto 0; height:350px; text-align:center; background:url(/bizdemo22632/img/netbuilder/visual/svb_top.jpg); background-position: 50% 0;}
#svb3{width:auto; margin:80px auto 0; height:350px; text-align:center; background:url(/bizdemo22632/img/netbuilder/visual/svb_top.jpg); background-position: 50% 0;}
#svb4{width:auto; margin:80px auto 0; height:350px; text-align:center; background:url(/bizdemo22632/img/netbuilder/visual/svb_top.jpg); background-position: 50% 0;}
#svb5{width:auto; margin:80px auto 0; height:350px; text-align:center; background:url(/bizdemo22632/img/netbuilder/visual/svb_top.jpg); background-position: 50% 0;}
#svbm{width:auto; margin:80px auto 0; height:350px; text-align:center; background:url(/bizdemo22632/img/netbuilder/visual/svb_top.jpg); background-position: 50% 0;}
#svbg{width:auto; margin:80px auto 0; height:350px; text-align:center; background:url(/bizdemo22632/img/netbuilder/visual/svb_top.jpg); background-position: 50% 0;}
#svb{width:auto; margin:80px auto 0; height:350px; text-align:center; background:url(/bizdemo22632/img/netbuilder/visual/svb_top.jpg); background-position: 50% 0;}
/*º»¹®*/
#conts_main { height:auto; margin:0 width:1600px; font-size:1.00em; line-height:180%; }
#conts { height:auto; margin:0 auto 50px; width:1024px; font-size:1.00em; line-height:180%; } 
#conts .conts-left {float:left; width:224px;}
#conts .conts-right {float:left; width:800px;}

 #cont {margin:0; padding:0; }
 #cont .mbox { margin:0 padding:0; width:100%; background:url(/bizdemo22632/img/netbuilder/main/bg_pattern.jpg); }
 #cont .mbox .mbox1000{ margin:auto;  padding:0 0 0 0; width:1024px;height:950px; }



 #cont .mbox .mbox1000 ul li{ float:left; margin:10px; padding:0px; width:320px; height:320px; border:#dddddd 0px solid;}

 #cont .mbox .mbox1000 ul li img:hover {border:#99b5bc 1px solid;}
 
 #cont .mbox .mbox1000 .mbox1000-tit {padding:50px 0; color:#333333; font-size:3.0em; text-align:center;}
 #cont .bbox { margin:20px auto; padding:0 0 0 0; width:1024px; }
 #cont .bbox .bn01x{ float:left; margin:0px; padding:0px; width:320px;}
 /*°øÁö»çÇ×*/
 #cont .bbox .bn01x .notice {width:100%; margin:0; text-align:left; padding:10px 0 0 10px;}
 #cont .bbox .bn01x .notice .notice-tit {height:32px; line-height:32px; padding:0px 0 0 0; font-weight:bold; color:#666666; font-size:13px;}
 #cont .bbox .bn01x .notice .notice-body{height:auto; padding:0px 10px 0 0; font-size:0.80em; line-height:180%;}
 
 /*ÀÚÁÖÇÏ´ÂÁú¹®*/
 #cont .bbox .bn01x .faq {width:100%; margin:0; text-align:left; padding:10px 0 0 10px;}
 #cont .bbox .bn01x .faq .faq-tit {height:32px; line-height:32px; padding:0px 0 0 0; font-weight:bold; color:#666666; font-size:13px;}
 #cont .bbox .bn01x .faq .faq-body{height:auto; padding:0px 10px 0 0; font-size:0.80em; line-height:180%;}
 /*Á¦Ç°¼Ò°³*/
 #cont .bbox .bn01x .goods {width:100%; margin:0; text-align:left; padding:10px 0 0 10px;}
 #cont .bbox .bn01x .goods .goods-tit {height:32px; line-height:32px; padding:0px 0 0 0; font-weight:bold; color:#666666; font-size:13px;}
 #cont .bbox .bn01x .goods .goods-body{height:auto; padding:0px 20px 0 0; font-size:0.80em; line-height:180%;}
 /*°í°´¼¾ÅÍ*/
 #cont .bbox .bn01x .csc {width:100%; margin:0; text-align:left; padding:10px 0 0 10px; }
 #cont .bbox .bn01x .csc .csc-tit {height:32px; line-height:32px; padding:0px 0 0 0; font-weight:bold; color:#666666; font-size:13px;}
 #cont .bbox .bn01x .csc .csc-body{height:auto; padding:0px 0 0 0;color:#666666;}
 #cont .bbox .bn01x .csc .csc-body .csc-telno{font-size:34px; font-weight:bold; color:#666666; line-height:130%;}
 #cont .bbox .bn01x .csc .csc-body .csc-faqno{font-weight:normal; line-height:180%;}
 #cont .bbox .bn01x .csc .csc-body .csc-emailno{font-weight:normal; font-size:0.80em;}
/*°øÅë ¼­ºê¸Þ´º*/
.h1 { margin:0px; padding:0 0 0 0; font-size:1.20em; width:190px; letter-spacing:-1px; color:#000000; text-align:center; height:100px; line-height:100px; background-color:#c3dde3; }
#ulliset { padding:0px; margin:0;}
#ulliset .ul1 { margin:0px; padding:0px 0 0 0; list-style:none; }
#ulliset .li1 {width:190px; border:none; height:40px;  line-height:40px; padding-left:0px; }
#ulliset .li1 a {width:180px; padding-left:10px; border:none; cursor:pointer; display:block;border-bottom:#d4d4d4 1px solid; height:40px; line-height:40px; color:#666666}
#ulliset .li1 a:visited {width:180px; padding-left:0px; border:none; cursor:pointer; display:block;border-bottom:#d4d4d4 1px solid; height:40px; line-height:40px;}
#ulliset .li1 a:hover { line-height:40px; padding-left:10px; list-style: none; color:#333333; width:180px; text-decoration:none;}
#ulliset .li1on { height:40px;line-height:40px; padding:0px; list-style: none; font-weight: 600; width:190px; background-color:#f2f2f2; color:#333333;  border-bottom:#dddddd 1px solid;}
#ulliset .li1on a:link { height:40px; line-height:40px; padding-left:10px; list-style:none; color:#333333; font-weight: 600; width:180px;cursor:pointer; display:block;text-decoration:none;}
#ulliset .li1on a:visited { height:40px; line-height:40px; padding-left:0px; list-style: none; color:#333333; font-weight: 600; width:180px;}
#ulliset .clear { clear:both;}

/*footer*/
#footer_bg { margin:0; padding:0; width:100%; border-top:1px solid #dddddd; background-color:#ffffff; font-size:1.00em; }
#footer_bg .footer .linkset ul{ width:100%; text-align:center; margin:20px 0px; font-size:0.95em;}
#footer_bg .footer .linkset ul li{display:inline-block; margin:0 5px; font-weight:bold;}
#footer_bg .footer .linkset ul li a{color:#666;}
#footer_bg .footer .linkset ul li a:hover{color:#333333;}
#footer_bg .footer { margin:0 auto; width:1024px; padding:25px 0;}
#footer_bg .footer .logo { float:left; width:216px; padding:170px 55px 0 0;}
#footer_bg .footer .logo img{ width:100%; }
#footer_bg .footer .info { float:left; width:808px auto; margin:0 0 0 0; }
#footer_bg .footer .info .linkset { float:left; }
#footer_bg .footer .info .linkset li  { float:left; font-weight:bold; padding:0 20px 10px 0; color:#919191; line-height:200%; font-size:0.80em;}
#footer_bg .footer .info .copy li { clear:both;  color:#919191; font-size:0.75em; line-height:150%;}

}

/*mobile*/
@media all and (max-width:767px) {
/** header **/
header{position:relative;z-index:999}
header{background:#404040; 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:175px; position:relative; top:15px; left:10px;}
#logo img{width:100%;}
/* »ó´Ü nav */
.top_gnb{width:44px; height:20px; float:right; position:relative; top:32px; right:5px;}
.top_gnb img{width:70%;}
 nav{display:none;}
.top_nav{display:none;}
/** Á¦Ç°¼Ò°³ **/
.goods_img {width:95%;  margin:0 auto; padding:0;}
.goods_img img {width:100%; height:auto; padding:0;}
/*footer*/
#footer_bg { margin:0; padding:0; width:100%; border-top:1px solid #d3d3d3; background-color :#e5e5e5; font-size:1.00em; }
#footer_bg .footer .linkset ul{ width:100%; text-align:center; margin:20px 0px; font-size:0.95em;}
#footer_bg .footer .linkset ul li{display:inline-block; margin:0 0; font-weight:bold;}
#footer_bg .footer .linkset ul li a{color:#666;}
#footer_bg .footer .linkset ul li a:hover{color:#333333;}
#footer_bg .footer { margin:0 auto; width:100%; padding:25px 0;}
#footer_bg .footer .logo { width:100%; padding:25px 0 0 0; text-align:center;}
#footer_bg .footer .logo img{ width:50%; }
#footer_bg .footer .info { width:100%; margin:0 0 0 0; }
#footer_bg .footer .info .linkset { text-align:center; }
#footer_bg .footer .info .linkset li  { font-weight:bold; padding:0 5px; color:#919191; line-height:200%; font-size:0.80em;}
#footer_bg .footer .info .copy li { clear:both;  padding:0 0 0 9%; color:#919191; font-size:0.75em; line-height:150%;text-align:left;}
/*º»¹® À̹ÌÁöÀÏ °æ¿ì*/
#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*/
#svb, #svb1, #svb2, #svb3, #svb4, #svb5, #svbm, #svbg{display:none;}

/*º»¹®*/
#conts { height:auto; margin:120px auto 50px; width:100%; font-size:1.00em; line-height:180%; } /*»ó´Ü fixed »ç¿ë½Ã margin°ª 100px Ãß°¡*/
#conts .conts-left { display:none;}
#conts .conts-right {width:95%; margin:0 auto;}

#cont .mbox { margin:0; padding:0; width:100%; }
 
#cont .mbox .mbox1000{ background-color:#ffffff; }
#cont .mbox .mbox1000 ul li{width:47%; float:left; padding:5px}
#cont .mbox .mbox1000 img{ vertical-align:top; width:100%;}
#cont .mbox .mbox1000 .mbox1000-tit {padding:40px 0 20px 0; color:#333333; font-size:1.0em; text-align:center;}
 #cont .bbox { margin:0 auto; padding:0 0 20px 0; width:100%; }
 #cont .bbox .bn01x{ float:left; margin:0px; padding:0px; width:100%;}
 /*°øÁö»çÇ×*/
 #cont .bbox .bn01x .notice {width:100% auto; margin:0; text-align:left; padding:0 0 30px 0;}
 #cont .bbox .bn01x .notice .notice-tit {height:32px; line-height:32px; padding:0 10px; font-weight:bold; color:#666666; font-size:13px; background-color:#efefef; border-top:#dddddd 1px solid;border-bottom:#dddddd 1px solid; }
 #cont .bbox .bn01x .notice .notice-body{height:auto; padding:10px 10px 0 10px; font-size:0.80em; line-height:180%;}
 
 /*ÀÚÁÖÇÏ´ÂÁú¹®*/
 #cont .bbox .bn01x .faq {width:100% auto; margin:0; text-align:left; padding:0 0 30px 0;}
 #cont .bbox .bn01x .faq .faq-tit {height:32px; line-height:32px; padding:0 10px; font-weight:bold; color:#666666; font-size:13px;background-color:#efefef; border-top:#dddddd 1px solid;border-bottom:#dddddd 1px solid; }
 #cont .bbox .bn01x .faq .faq-body{height:auto; padding:10px 10px 0 10px; font-size:0.80em; line-height:180%;}
 /*Á¦Ç°¼Ò°³*/
 #cont .bbox .bn01x .goods {width:100% auto; margin:0; text-align:left; padding:0 0 30px 0;}
 #cont .bbox .bn01x .goods .goods-tit {height:32px; line-height:32px; padding:0 10px; font-weight:bold; color:#666666; font-size:13px;background-color:#efefef; border-top:#dddddd 1px solid;border-bottom:#dddddd 1px solid; }
 #cont .bbox .bn01x .goods .goods-body{height:auto; padding:10px 10px 0 10px; font-size:0.80em; line-height:180%;}
 /*°í°´¼¾ÅÍ*/
 #cont .bbox .bn01x .csc {width:100% auto; margin:0; text-align:left; padding:0 0 30px 0; }
 #cont .bbox .bn01x .csc .csc-tit {height:32px; line-height:32px; padding:0 10px; font-weight:bold; color:#666666; font-size:13px;background-color:#efefef; border-top:#dddddd 1px solid;border-bottom:#dddddd 1px solid; }
 #cont .bbox .bn01x .csc .csc-body{height:auto; padding:10px 10px 0 10px; text-align:center;}
 #cont .bbox .bn01x .csc .csc-body .csc-telno{font-size:2.00em; font-weight:bold; color:#666666; line-height:130%;}
 #cont .bbox .bn01x .csc .csc-body .csc-faqno{font-size:0.90em; font-weight:normal; line-height:180%;}
 #cont .bbox .bn01x .csc .csc-body .csc-emailno{font-size:0.80em;font-weight:normal;}
/*°øÅë ¼­ºê¸Þ´º*/
.h1 { display:none;}
#ulliset { display:none;}

/*°Ô½ÃÆÇ ´ñ±Û*/
.board_comment_bgcolor {font-size:0.80em;}
.board_comment_bgcolor input{width:auto;}
.board_comment_bgcolor bordertextarea {width:70%;}
#border {width:95%; padding:0; margin:0;}

}