/**공통**/ #wrap{ font-family:NanumGothic, '나눔고딕', NG, sans-serif, 돋움, 굴림;} .clearboth { clear:both; height:0px; font-size:0px;} *{-webkit-text-size-adjust:none;} /** 제품소개 **/ /*.goods_img {width:100%; margin:0 auto;} .goods_img img {width:100%; height:auto; } .goods_img img:hover {width:100%; height:auto; }*/ /* pc */ @media all and (min-width: 768px){ /* 테이블 */ .tableline { width:100%; border-top:1px #dddddd solid; border-bottom:0px #dddddd solid; border-left:1px #e5e5e5 solid; font-size:0.80em;} .tableline td { border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; padding:4px; } .board_desc input,select {border:#cccccc 1px solid;} .board_desc textarea {border:0px;} /*GM LIST*/ .gmlist { margin:0; padding:0 0 0; width:100%; height:20px; line-height:20px; color:#ccc; background-color:#262626; } .gmlist .gm_set{ margin:0 auto; padding:0 10px 0 0; text-align:right; font-size:10px; height:20px; width:1024px; line-height:20px; color:#cccccc; } .gmlist .gm_set a:link{ color:#fff; padding:0 0 0 0; font-size:10px; text-decoration:none;} .gmlist .gm_set a:visited{ color:#fff; padding:0 0 0 0; font-size:10px; text-decoration:none;} .gmlist .gm_set a:hover{ color:#fff; padding:0 0 0 0; font-size:10px; text-decoration:none;} .menu_line{ width:100%; position:relative; top:0px; z-index:1; } /** header **/ header{position:relative;z-index:999; height:80px; 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:200px; float:left; position:relative; top:15px;} #logo img{width:100%;} /* 상단 nav */ .top_nav{float:right; position:relative;} .top_nav li{float:left; margin-left:90px; text-align:left;} .top_nav li a.bmenu{font-family:"Calibri Light", sans-serif; font-size:0.8em; line-height:77px; display:inline-block; } .top_nav li a:hover{color:#00C; } .smenu{margin-top:20px; width:100px; } .top_gnb{display:none;} /*sub visual*/ #svb1{width:100%; margin:0 auto; height:150px; text-align:center; background:url(/bizdemo25919/img/netbuilder/visual/svb1.jpg); background-position: 50% 0;} #svb2{width:100%; margin:0 auto; height:150px; text-align:center; background:url(/bizdemo25919/img/netbuilder/visual/svb2.jpg); background-position: 50% 0;} #svb3{width:100%; margin:0 auto; height:150px; text-align:center; background:url(/bizdemo25919/img/netbuilder/visual/svb3.jpg); background-position: 50% 0;} #svb4{width:100%; margin:0 auto; height:150px; text-align:center; background:url(/bizdemo25919/img/netbuilder/visual/svb4.jpg); background-position: 50% 0;} #svb5{width:100%; margin:0 auto; height:150px; text-align:center; background:url(/bizdemo25919/img/netbuilder/visual/svb5.jpg); background-position: 50% 0;} #svbm{width:100%; margin:0 auto; height:150px; text-align:center; background:url(/bizdemo25919/img/netbuilder/visual/svbm.jpg); background-position: 50% 0;} #svbg{width:100%; margin:0 auto; height:150px; text-align:center; background:url(/bizdemo25919/img/netbuilder/visual/svbg.jpg); background-position: 50% 0;} #svb{width:100%; margin:0 auto; height:150px; text-align:center; background:url(/bizdemo25919/img/netbuilder/visual/svb1.jpg); background-position: 50% 0;} /*본문*/ #conts_main { height:auto; margin:0 auto; width:100%; font-size:1.00em; line-height:180%; } /*메인*/ #conts { margin:0; width:100%; } #conts .conts-layout {height:auto; margin:0 auto 50px; width:1024px; font-size:1.00em; line-height:180%;} #conts .conts-layout .conts-left {float:left; width:224px;} #conts .conts-layout .conts-right {float:left; width:800px;} #cont {margin:0; padding:0; } #cont .mbox { margin:20px 0 50px 0; padding:0; width:100%; background-color:#ffffff; } #cont .mbox .mbox1000{ margin:0 auto; padding:0 0 0 0; width:1024px; } #cont .mbox .mbox1000 ul li{ float:left; margin:0px; padding:0px; width:256px; } #cont .mbox .mbox1000 .btnset01 { margin:40px 0 0 0; width:246px; line-height:100%; padding: 0 5px;} #cont .mbox .mbox1000 .btnset01 .bs-tit01 { margin:0; font-size:1.00em; text-align:left; color:#333333; font-weight:600; } #cont .mbox .mbox1000 .btnset01 .bs-desc01 {font-size:0.80em; text-align:left; color:#999999; margin:20px 0; } #cont .mbox .mbox1000 .btnset01 .bs-img01 { width:100%;} #cont .mbox .mbox1000 .btnset01 .bs-img01 img{ width:100%;} #cont .mbox .mbox1000 .btnset01 .bs-desc02 {font-size:0.80em; text-align:right;} #cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-desc01 { color:#999999; margin:20px 0;} #cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-btn01 { text-decoration:none; line-height:0.90em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; vertical-align:middle; display:inline-block; background-color:#f10033; color:#ffffff; width:70px; height:13px; padding:6px; margin:10px 0 0 0;} #cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-btn01:visited{background-color:#f3072e; color:#ffffff; } #cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-btn01:hover {color:#ffffff;background-color:#333333;} #main-story1 {padding:0; margin:0; background:url(/bizdemo25919/img/netbuilder/main/story_bg.jpg) 50% 0 no-repeat; font-size:1.00em; height:300px;} #main-story1 .s1{padding:60px 0 0 0; margin:0 auto; width:1024px; color:#fff; line-height:160%; text-align:center; } #main-story1 .s1 span{font-size:2.20em; line-height:180%; font-weight:300;} #cont .bbox { margin:20px auto 0 auto; padding:0 0 0 0; width:1024px; } #cont .bbox .bn01x{ float:left; margin:0px; padding:0px; width:256px;} /*공지사항*/ #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;} /** 제품소개 **/ .collection{width:100%; padding:50px 0;} .collection_title{text-align:center; margin-bottom:50px;} .title{ display:block; font-size:40px; font-weight:200; margin:10px 0;} .title_s{ display:block; font-family:"Calibri Light", sans-serif;} .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;} nav div#menu{ margin:10px auto;width:800px;height:50px; color:#fff;border-radius:3px; border:1px solid #ccc;} nav div#menu ul li{float:left; } nav div#menu ul li a{color:#999;display:block; padding:0px 30px; line-height:35px;font-size:1em; } nav div#menu ul li a:hover, nav#main_menu ul li.active a{ color:#000; } /*공통 서브메뉴*/ .h1 { margin:0px; padding:0 0 0 0; font-size:1.20em; width:190px; letter-spacing:-1px; color:#ffffff; text-align:center; height:100px; line-height:100px; background-color:#333333; font-weight:900;border-right:#333 1px solid;border-bottom:#333 1px solid;border-left:#333 1px solid;} #ulliset { padding:0px; margin:0; font-size:0.90em;} #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; border-left:#dddddd 1px solid;border-right:#dddddd 1px solid;border-top:#dddddd 1px solid;} #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: 900; width:190px; background-color:#cccccc; color:#333333; border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;border-right:#cccccc 1px solid;} #ulliset .li1on a:link { height:40px; line-height:40px; padding-left:10px; list-style:none; color:#333; font-weight: 900; 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:#333; font-weight: 900; width:180px;} #ulliset .clear { clear:both;} /*footer*/ #footer_bg { margin:0; padding:0; width:100%; background-color:#262626; 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:#cccccc;} #footer_bg .footer { margin:0 auto; width:1024px; padding:25px 0;} #footer_bg .footer .logo { float:left; width:200px; padding:20px 0 0 0;} #footer_bg .footer .logo img{ width:100%; } #footer_bg .footer .info { float:left; width:824px 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 ul{margin-top:15px;} #footer_bg .footer .info .copy li { clear:both; color:#919191; font-size:0.75em; line-height:10%;} /*서브메뉴 하단 고객센터*/ #left-csc { margin:0; text-align:left; padding:50px 0 50px 0; width:auto;} #left-csc .lc-tit01 {height:32px; line-height:32px; padding:30px 0 0 0; font-weight:900; color:#666666;} #left-csc .lc-body01 {padding:10px 0 0 0; color:#666666;} #left-csc .lc-body01 .telno01{ font-size:1.80em; font-weight:900; color:#555555; line-height:160%;} #left-csc .lc-body01 .faxno01{ font-weight:600;font-size:0.80em;} #left-csc .lc-body01 .emailadd01{font-weight:600; font-size:0.80em;} #left-csc .lc-body01 .worktime01{ margin:20px 0 0 0; font-size:0.80em; line-height:150%; } } /* mobile */ @media all and (max-width:767px) { /* 폼메일 */ .formmail_border { width:80%;} .formmail_textarea_style{ width:100%;} /* 테이블 */ .tableline { width:100%; border-top:1px #dddddd solid; border-bottom:0px #dddddd solid; border-left:1px #e5e5e5 solid; font-size:0.80em;} .tableline td { border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; padding:4px; } #search_display1 input,select,checkbox {border:1px #cccccc solid;} .board_desc input,select {border:#cccccc 1px solid; color:#333333;width:80%; padding:3px 0; } .board_desc input[type="checkbox"], input[type="radio"]{width:auto;} .board_desc textarea {border:0px; color:#333333; } /** 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: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;} /** 제품소개 **/ .goods_img {width:95%; margin:0 auto; padding:0;} .goods_img img {width:100%; height:auto; padding:0;} nav div#menu{width:95%; margin:0 auto; padding:0;} nav div#menu ul li{width:100%; height:auto; padding:0;} /*footer*/ #footer_bg { margin:0; padding:0; width:100%; background-color:#262626; 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; color:#919191; font-size:0.75em; line-height:150%;text-align:center;} /*본문 이미지일 경우*/ #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:#ccc;background-color:#333333; } .gmlist .gm_set{ margin:0; padding:0 10px; text-align:right; font-size:0.90em; height:25px; line-height:25px; color:#cccccc; } .gmlist .gm_set a:link{ color:#ccc; padding:0 0 0 0; font-size:0.90em; text-decoration:none;} .gmlist .gm_set a:visited{ color:#ccc; padding:0 0 0 0; font-size:0.90em; text-decoration:none;} .gmlist .gm_set a:hover{ color:#fff; 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:0 auto 50px; width:100%; font-size:1.00em; line-height:180%; } #conts .conts-left { display:none;} #conts .conts-right {width:95%; margin:0 auto;} #cont .mbox { margin:0 0 50px 0; padding:0; width:100%; } #cont .mbox .mbox1000{ background-color:#ffffff; } #cont .mbox .mbox1000 ul li{width:100%;} #cont .mbox .mbox1000 .btnset01 { margin:60px auto 60px auto; width:70%; line-height:100%; padding: 0 5px; clear:both;} #cont .mbox .mbox1000 .btnset01 .bs-tit01 { margin:0; font-size:1.00em; text-align:left; color:#333333; font-weight:600; } #cont .mbox .mbox1000 .btnset01 .bs-desc01 {font-size:0.80em; text-align:left; color:#999999; margin:10px 0; } #cont .mbox .mbox1000 .btnset01 .bs-img01 { width:100%; } #cont .mbox .mbox1000 .btnset01 .bs-img01 img{ width:100%;} #cont .mbox .mbox1000 .btnset01 .bs-desc02 {font-size:0.80em; text-align:left;} #cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-desc01 { color:#999999; margin:10px 0;} #cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-btn01 { text-decoration:none; line-height:0.90em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; vertical-align:middle; display:inline-block;background-color:#f3072e; color:#ffffff; width:70px; height:13px; padding:6px; margin:10px 0 0 0;} #cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-btn01:visited{background-color:#f3072e; color:#ffffff; } #cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-btn01:hover {color:#ffffff;background-color:#333333;} #cont .bbox { margin:0 auto; padding:0 0 20px 0; width:100%; } #cont .bbox .bn01x{ float:left; margin:0px; padding:0px; width:100%;} #main-story1 {padding:0; margin:0; background:url(/bizdemo25919/img/netbuilder/main/story_bg.jpg) 50% 0 no-repeat; background-size:cover; font-size:0.90em; height:auto;} #main-story1 .s1{padding:30px 0 ; margin:0 auto; width:95%; color:#fff; line-height:160%; text-align:center; } #main-story1 .s1 span{font-size:1.20em; line-height:180%; font-weight:300;} /*공지사항*/ #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;} /** 제품소개 **/ .collection {width:100%; margin:0px 0 0 0;} .collection_title{text-align:center; margin-bottom:30px;} .title{ display:block; font-family:"Calibri Light", sans-serif; font-size:1.50em; font-weight:bold; margin:0 0 5px 0;} .title_s{ display:block; font-family:"Calibri Light", sans-serif;font-size:0.80em;} .goods_img {width:100%; margin:20px auto; padding:0;} .goods_img img {width:100%; height:auto; padding:0;} /*서브메뉴 하단 고객센터*/ #left-csc { display:none;} /*공통 서브메뉴*/ .h1 { display:none;} #ulliset { display:none;} }