html{overflow:auto}
body{background:url(../../images/main/topbg.gif) left top repeat-x #fff}
#wrap {width:100%; position:relative; margin:0 auto;}
#header{width:1000px; margin:0 auto;}
#mainVisual, #subVisual, #container, #foot {width:100%; position:relative;}
.cols{display:inline-block}
.col1, .col2, .col3, .col4{float:left; position:relative;}
/*header*/
#header{width:1000px; height:119px; z-index:100;}
.headerWrap{margin-left:300px; margin:0 auto;}
.headerWrap h1{width:322px; margin-left:20px; margin-top:46px; position:absolute; }
.headerWrap .util {width:1000px; margin:0 auto; height:26px; position:absolute; background-color:#393939;}
/*.headerWrap .util ul{margin-top:0px; overflow:hidden}*/
.headerWrap .util li {float:left;}
.headerWrap .util .f{background:none}
.menu {width:340px; height:25px; float:right;}
/*navi*/
#topmenu {
/*background: transparent url(images/menu_m.png) repeat-x scroll 0 0; left: 711px;*/
top:60px; width:589px;
margin:0 auto;
margin-left:411px;
position: absolute;
color: #ffffff;
font-family:'NanumGothic', '³ª´®°íµñ', 'µ¸¿ò', Dotum, Helvetica, AppleGothic, Sans-serif;
font-size: 13px;
z-index:100;}
#topmenu ul{list-style:none; margin:0; padding:0; margin-top:-10px;}
#topmenu ul * {margin:0; padding:0}
#topmenu ul a {display:block; color:#3e82c0; text-decoration:none;}
#topmenu ul:after{content:""; display:block; float:none; clear:both;}
#topmenu ul li{position:relative; float:left; margin-left:20px; height:60px; width:96px; background:#fffffff; padding:10px 0px; padding-bottom:0px; text-align:center; font-weight:bold;}
#topmenu ul li.m_active{background:none; margin-left:20px; font-weight:bold; background:#ffffff; text-align:center; color:#fff;}
#topmenu ul li a{display:block; padding:0; text-decoration:none; color:#ffffff; text-align:center;}
#topmenu ul li a.on{color:#ffffff; text-decoration:underline;}
#topmenu ul li a.off{color:#ffffff;}
#topmenu div.submenu{position:absolute; top:20px; display:none; list-style:none; z-index:100; border-top:0px;}
#topmenu div.submenu ul{margin:0; padding:0px; font-size:11px;}
#topmenu div.submenu ul li{position:relative; height:auto; margin:0px; padding:0px; width:100%; text-align:left; border-bottom:1px solid #666; background:#333; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; }
#topmenu div.submenu ul li a{display:block; text-align:left; font-weight:normal; color:#fff !important; padding:10px;}
#topmenu div.submenu ul li a:hover{text-align:left; color:#fff !important; font-weight:bold; padding:10px; background:#3e82c0;}
#topmenu div.submenu ul li.on a{text-align:left; color:#fff !important; font-weight:bold; padding:10px; background:#3e82c0;}
#topmenu div.submenu ul li.on{color:#fff; font-weight:bold;}
#topmenu ul li.m1 div.submenu{left:0px; width:117px; z-index:100; margin-left:-7px;}
#topmenu ul li.m2 div.submenu{left:0px; width:130px; z-index:100; margin-left:-12px;}
#topmenu ul li.m3 div.submenu{left:0px; width:117px; z-index:100; margin-left:-10px;}
#topmenu ul li.m4 div.submenu{left:0px; width:117px; z-index:100; margin-left:-12px;}
#topmenu ul li.m5 div.submenu{left:0px; width:117px; z-index:100; margin-left:-12px;}
#topmenu ul li.m6 div.submenu{left:0px; width:117px; z-index:100;}
#topmenu ul li.m7 div.submenu{left:0px; width:117px; z-index:100;}
/* quick menu */
#quick{width:50px; height:153px; position:absolute; right:-70px;}
#quick ul{width:50px;}
#quick ul li{width:50px; height:50px; margin-bottom:1px; background:#333; text-align:center; color:#fff; vertical-align:middle;}
/*visual*/
#mainVisualArea{width:100%; height:415px; margin:0 auto; background:url(../../images/main/main_bg.jpg) center top repeat-x;}/* border-top:2px solid #1685b9;}*/
#mainVisual{width:1000px; height:415px; margin:0 auto; z-index:1;}
#subVisualArea{width:100%; height:200px; margin:0 auto; background:url(../../images/common/sub_visual_bg.jpg) center top repeat-x;}
#subVisual{width:1000px; height:200px; overflow:hidden; margin:0 auto; margin-top:0px;}
.moremenu{position:absolute; left:50%; margin-left:-35px; top:-26px; width:70px; height:50px; z-index:2;}
/*showmenu*/
#visualmenu{width:100%; height:208px; margin:0 auto; padding:0px; background:url(../../images/main/visualmenu_bg.jpg) left top repeat-x; display:inline-block; position:relative;}
.moremenu{position:absolute; left:50%; margin-left:-35px; top:-26px; width:70px; height:26px;}
.visualmenus{width:1000px; height:149px; padding-top:31px; margin:0 auto 0; background:url(../../images/main/visualmenu_bg2.gif) 21px 31px no-repeat; }
.visualmenus2, .visualmenus3, .visualmenus4, .visualmenus5 {float:left; margin-top:7px; padding:0px;}/*margin:45px margin:38px auto 0px; display:block;*/
.visualmenus1{width:21px; height:149px; float:left;}
.visualmenus2{margin-left:22px; width:195px; height:141px; float:left; }
.visualmenus3{margin-left:46px; width:192px; height:140px; float:left; }
.visualmenus4{margin-left:43px; width:182px; height:140px; float:left; }
.visualmenus5{margin-left:50px; width:195px; height:133px; float:left; }
.visualmenus7{width:20px; height:149px; float:right;}
h3{padding-bottom:15px;}
.slideBanner{float:left; width:1000px; height:140px; margin-top:26px; margin:0 auto; background-color:#CCFF00}
.slideBanner .banner{height:140px; padding-top:7px;}
/*main contents*/
.main #contents {width:1000px; height:149px; margin:0 auto; margin-bottom:52px; }
.mainConWrap .cols{width:1000px; height:119px; margin:30px 0 0 0; }
.mainConWrap .col1{width:230px; margin-left:5px; margin-right:30px; }
.mainConWrap .col2{width:480px; height:119px; margin-right:30px; background:url(../../images/main/cols2_bg.gif) left top repeat-x}
.mainConWrap .col3{width:221px;}
.mainConWrap .cols h3{margin-bottom:15px; font-size:14px; color:#333;}
.mainConWrap .col1 .more{position:absolute; top:8px; right:0}
.mainConWrap .col2 .product{position:relative}
.mainConWrap .col2 h3{}
.mainConWrap .col2 ul{margin-left:25px; margin-top:13px; width:470px; height:93px;}
.mainConWrap .col2 li{float:left}
.col2a{width:76px; height:89px; float:left;}
.col2b{width:80px; height:78px; }
.col2c{width:91px; height:78px; }
.col2d{width:96px; height:78px; }
.col2e{width:96px; height:78px; }
.mainConWrap .col2 .more{position:absolute; top:0; right:0px}
.mainConWrap .col2 .product .left{text-align:left; float:left; padding-right:5px;}
.mainConWrap .col2 .product .right{text-align:right; position:absolute; top:0; right:0; padding-left:5px;}
.mainConWrap .col2 .product #gallery{width:338px; height:70px; vertical-align:top}
/* .mainConWrap .col4 ul{widows:432px;}
.mainConWrap .col4 li{float:left}
.col4a{width:58px; height:41px; float:left;}
.col4b{width:77px; height:41px; margin-left:39px;}
.col4c{width:100px; height:41px; margin-left:32px;}
.col4d{width:99px; height:41px; margin-left:27px;}
.mainConWrap .col4{width:985px; height:41px; margin-left:5px; margin-top:47px; float:left; background:url(../../images/main/makr.gif) right repeat-y; border:1px solid red}
*/
/*sub contents*/
#container1 {width:100%; margin:0 auto; overflow:hidden; background:url(../../images/main/sub_top_bg.gif) left top repeat-x #fff}
#container {width:1000px; margin:0 auto; overflow:hidden; margin-top:40px; background:url(../../images/main/sub_bg.gif) center top repeat-x #fff}
.sub #contents{width:750px; float:right; min-height:400px; text-align:left; margin-left:50px; }
.sub #contents .titleArea{height:45px; margin-bottom:30px; position:relative; }
.sub #contents .titleArea h3{padding:0px; color:#333; font-size:30px;}
.sub #contents .titleArea .location {padding-left:12px; position:absolute; right:0px; top:16px; font-size:12px; background:url(/images/common/icon/icon_location.gif) left top no-repeat }
.sub #contents .titleArea .location .strong{color:#333}
/*contents*/
.contentsArea{padding:0px}
.section{width:750px; height:auto; padding:0px 0px 0px; clear:both; font-family:'µ¸¿ò', Dotum, Helvetica, AppleGothic, Sans-serif; font-size: 13px;}
.section h5{background:url(/images/product/dot_red.gif) left top no-repeat; padding-bottom:20px; padding-left:20px; font-weight:bolder; font-size:17px; color:#333;}
.section .spec{width:700px; display:inline-block; padding-bottom:30px;}
.section .spec dt{width:63px; height:49px; display:block; float:left; margin-right:15px;}
.section .spec dd{float:left; width:600px; line-height:18px;}
.section .spec .tt{font-weight:bold;}
.section .specV{width:700px; display:inline-block; padding-bottom:30px;}
.section .specV dt{width:39px; height:49px; display:block; float:left; margin-right:15px;}
.section .specV dd{float:left; width:630px; line-height:18px;}
.section .specV .tt{font-weight:bold;}
.section .specTable{width:100%; border-top:2px solid #1266b5; border-left:1px solid #e0e0e0; font-family:µ¸¿ò; font-size:11px;}
.section .specTable thead th{background:#f3f3f3; color:#1266b5; border-bottom:1px solid #e0e0e0; font-weight:bold; border-right:1px solid #e0e0e0; text-align:center; padding:10px 0px;}
.section .specTable tbody th{background:#f6f6f6; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:center; padding:5px; font-weight:bold;}
.section .specTable tbody td{font-famliy:'µ¸¿ò'; font-weight:normal; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:center; padding:5px;}
.section .specTable tbody tda{font-weight:normal; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:left; padding:5px;}
.section .specTable tbody .it{font-weight:bold; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:center; padding:5px;}
.section .imgTable{border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; margin-bottom:20px;}
.section .imgTable td{border-right:1px solid #e0e0e0; text-align:center; padding:10px 0px;}
.section .dot{background:url(/images/product/dot_gray.gif) left 8px no-repeat; padding-left:10px; padding-bottom:10px; font-weight:bold;}
.section .waysTable{width:100%; height:280px; background:url(/images/product/u_bg_paper.gif) -10px top no-repeat;}
.section .waysTable table{margin:30px 0px 0px 30px;}
.section .waysTable table td{font-size:11px; padding-right:10px; vertical-align:top; padding-top:5px;}
.section .caution{padding-bottom:30px;}
.section .caution dt{font-weight:bold; color:#fff; padding-bottom:5px;}
.section .caution dd{line-height:18px;}
.section .w350{width:350px; float:left; padding-right:0px; padding-bottom:30px; margin:0px;}
.section .w350 dt{font-weight:bold; font-size:13px; color:#fff; margin-bottom:20px; width:auto;}
.section .w350 dd{float:left; width:300px; padding-bottom:20px; line-height:18px;}
.section .w700 {width:700px; margin:0px; float:left; padding-bottom:30px; }
.section .w700 dt{font-weight:bold; font-size:13px; color:#fff; margin-bottom:20px; width:auto;}
.section .w700 dd{float:left; width:700px; padding-bottom:20px; line-height:18px;}
.section .specX{width:700px; display:inline-block; padding-bottom:30px;}
.section .specX dt{width:206px; height:64px; display:block; float:left; margin-right:14px;}
.section .specX dd{float:left; width:480px; line-height:18px; font-weight:bold;}
.section .install_way{width:700px; display:inline-block; padding-bottom:30px;}
.section .install_way dt{width:147px; height:125px; display:block; float:left; margin-right:13px;}
.section .install_way .tt{font-weight:bold;}
.section .install_way dd{float:left; width:540px; line-height:18px;}
.section .install_way .red{font-weight:bold; font-size:12px;}
.section .program{width:100%;}
.section .program li{background:url(/images/product/dot_gray.gif) left 8px no-repeat; padding-left:10px; padding-bottom:5px;}
.section .program li strong{background:#f5f5f5; font-weight:bold;}
.section .onlineShop{width:100%; display:inline-block;}
.section .onlineShop dt{width:300px; height:255px; display:block; float:left; margin-right:30px; text-align:center;}
.section .onlineShop dd{float:left; width:370px; line-height:40px; color:#333; font-size:16px;}
.section .onlineShop dd span.onlineTitle{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:36px; color:#1266b5; font-weight:bold; letter-spacing:-1px;}
.btn{width:100%; text-align:left; margin:0 auto; padding:30px 0px;}
.under_red{background:#1266b5; color:#fff; font-weight:bold; padding:3px;}
.color_red{color:#1266b5;}
.color_blue{color:#0033FF;}
.clear{clear:both; width:700px; height:1px; border-bottom:1px dashed #d0d0d0; margin:50px 0px;}
/*sub navigation bar*/
#SNB {width:175px; float:left; }
.SNBWrap {margin-top:0px; }
.SNBWrap h3{height:24px; margin-bottom:35px; padding-left:5px;}
.SNBWrap .menu ul{widht:175px;}
.SNBWrap .menu li{text-indent:14px; width:161px; }
/*.SNBWrap .menu .snb_off{font-size:13px; color:#fff; width:100%; background:#999999; height:18px; padding:7px 0px 2px;}
.SNBWrap .menu .snb_on{font-size:13px; color:#fff; width:100%; background:#dd0000; height:18px; padding:7px 0px 2px; font-weight:bold;}
.SNBWrap .menu .snb_2dep{font-size:12px; color:#666; width:100%; background:#ffffff !important; height:13px; padding:3px 0px;}
.SNBWrap .menu .snb_2dep_on{font-size:12px; color:#339fd3; width:100%; background:#ffffff !important; height:13px; padding:3px 0px;}*/
.SNBWrap .menu .snb_on a, .SNBWrap .menu .snb_off a,
.SNBWrap .menu .snb_on a:hover, .SNBWrap .menu .snb_off a:hover,
.SNBWrap .menu .snb_on a:link, .SNBWrap .menu .snb_off a:link{color:#fff; width:168px;}
.SNBWrap .menu .snb_2dep a{color:#666; width:168px;}
.SNBWrap .menu .snb_2dep a:hover, .SNBWrap .menu .snb_2dep_on a, .SNBWrap .menu .snb_2dep_on a:hover{color:#dd0000; width:168px;}
/* banner */
.SNBWrap .banner{margin-top:100px; width:100%;}
.SNBWrap .banner li{width:161px; text-align:center; padding:30px 0px; background:#f5f5f5; border:1px dashed #e0e0e0;}
#col4{width:100%}
.cols4 {width:985px; padding-left:6px; height:41px; margin:40px auto; display:block; background:url(../../images/main/makr.gif) right repeat-y;}
.cols4 ul{widows:432px;}
.cols4 li{float:left}
.col4a{width:58px; height:41px; float:left;}
.col4b{width:77px; height:41px; margin-left:39px;}
.col4c{width:100px; height:41px; margin-left:32px;}
.col4d{width:99px; height:41px; margin-left:27px;}
/*foot*/
#foot{ background:#555555; width:100%; }
.footWarp { width:1000px; height:90px; margin:0 auto;position:relative; }
.footWarp h3{padding:18px 80px 0 0px; float:left;}
.footWarp .footCnt{float:left; padding-top:18px;}
.footWarp .footCnt address{}