html{overflow:auto}
body{background:#fff}
#wrap {width:100%; position:relative; margin:0 auto;}
.main{background:url("/images/main/main_bg.jpg") center top no-repeat; }
.sub{background:url("/images/common/sub_bg.jpg") center top no-repeat;}
#header, #mainVisual, #subVisual, #container1{width:1000px; position:relative; margin:0 auto;}
#container, #contents{width:100%; margin:0 auto;}
.cols{display:inline-block}
.col1, .col2, .col3, .col4{float:left; position:relative;}
/*quick*/
#header #quick_top {position:absolute; top:150px; width:30px; right:-50px; height:30px; z-index:100}
/*header*/
#header{position: relative; height:100px; z-index: 1000;}
.headerWarp h1{width:123px; padding-top:59px;}
.headerWarp .util {height:20px; padding-right:0px; position:absolute; top:23px; right:0; z-index:10; font-size:11px;}
.headerWarp .util ul{margin-top:0px; overflow:hidden}
.headerWarp .util li {float:left; margin-left:0px; padding-left:15px;}
.headerWarp .util .f{background:none}
.headerWarp .GNB{position:absolute; left:257px; top:49px; width:743px;}
#gnb {width: 743px; height: 62px; background: url('/images/common/navi.png') no-repeat 0 0;}
#gnb .menu {padding-left: 73px; font-family: 'Roboto Condensed', 'Nanum Gothic', sans-serif;}
#gnb .menu:after {content:''; clear: both; display: block;}
#gnb .menu > li {position: relative; float: left;}
#gnb .menu > li > a {position: relative; display: block; width: 134px; height: 36px;}
#gnb .menu > li > a img {position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#gnb .menu > li > a img.off {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
#gnb .menu > li.on > a img.on,
#gnb .menu > li:hover > a img.on {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
#gnb .menu > li.on > a img.off,
#gnb .menu > li:hover > a img.off {opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
#gnb .menu > li.on .submenu,
#gnb .menu > li:hover .submenu {display: block;}
#gnb .submenu {position: absolute; left: 0; display: none; padding-left: 23px; z-index: 10;}
#gnb .m3 .submenu {left: -335px; padding-left: 0;}
#gnb .m3 .submenu li a {padding: 0 7px 0 9px;}
#gnb .submenu ul {font-size: 0; white-space: nowrap; overflow: hidden;}
#gnb .submenu li {display: inline-block; background: url('/images/common/gnb_bul.gif') no-repeat 0 center; font-size: 12px; vertical-align: top;}
#gnb .submenu li:first-child {background: none;}
#gnb .submenu li a {display: block; padding: 0 14px 0 16px; color: #fff; line-height: 26px; opacity: 0.7; filter:alpha(opacity=70); -mox-opacity:0.7; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#gnb .submenu li a:hover {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
/*visual*/
#mainVisual{width: 1000px; height:448px; margin: 0 auto; overflow: hidden;}
#mainVisual img {padding-top: 12px;}
#subVisual{width:100%; border-bottom:1px solid #dcdcdc;}
/*main contents*/
.main #contents {height:210px; border-top:1px solid #dcdcdc;}
.mainConWrap{width:1000px; height:210px; margin:0 auto; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background:url(/images/common/con_bg.gif)}
.mainConWrap .cols{width:965px; height: 136px; margin:25px 0 0 18px; }
.mainConWrap .col1{width:185px; margin-right:35px;}
.mainConWrap .col2{width:326px; margin-right:35px}
.mainConWrap .col3{width:171px; margin-right:35px}
.mainConWrap .col4{width:176px}
.mainConWrap .cols h3{margin-bottom:15px;}
.mainConWrap .col1 .more{position:absolute; top:12px; right:0;}
.mainConWrap .col2 .product{position:relative}
.mainConWrap .col2 h3{}
.mainConWrap .col2 .more{}
.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 .col3 .more{position:absolute; top:12px; right:0;}
.mainConWrap .col4 .more{position:absolute; top:12px; right:0;}
.mainConWrap .cols1{width:1000px;}
.mainConWrap .col01{width:965px; padding-top:13px; padding-left:18px; overflow: hidden;}
.mainConWrap .col01 h3{margin-bottom:10px; margin-right:40px; float:left}
.mainConWrap .col01 p{float:left}
.mainConWrap .col01 li{float:left; padding-left:22px; background:url(/images/common/util_gap.gif) 10px 0px no-repeat}
.mainBanner {position: relative; width: 327px; height: 127px; overflow: hidden;}
.mainBanner .bx-controls {position: absolute; top: 19px; right: 7px; z-index: 100;}
.mainBanner .bx-controls a {display: inline-block; width: 7px; height: 11px; margin-left: 8px; vertical-align: top; font-size: 0; line-height: 0; text-indent: -9999px;}
.mainBanner .bx-controls a.bx-prev {margin-left: 0; background: url('/images/main/btn_prev.jpg') no-repeat 0 0;}
.mainBanner .bx-controls a.bx-next {background: url('/images/main/btn_next.jpg') no-repeat 0 0;}
.mainBanner .bx-controls a.bx-prev:hover {background-image: url('/images/main/btn_prev_ov.jpg');}
.mainBanner .bx-controls a.bx-next:hover {background-image: url('/images/main/btn_next_ov.jpg');}
/*sub contents*/
#container {width:1000px; overflow:hidden; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.sub #contents{width:819px; padding-top:25px; float:right; min-height:400px; text-align:left; border-left:1px solid #dcdcdc; position:relative;}
.sub #contents .titleArea{height:45px; margin-bottom:20px; position:relative;}
.sub #contents .titleArea h3{padding:13px 0 0 40px}
.sub #contents .titleArea .location {padding-left:15px; position:absolute; right:40px; top:16px; font:11px/18px dotum,"µ¸¿ò"; background:url(/images/common/icon/icon_location.gif) left 2px no-repeat}
/*contents*/
.contentsArea{padding-left:40px; padding-bottom:40px; position:relative;}
/*sub navigation bar*/
#SNB {width:180px; float:left; padding-top:25px}
.SNBWrap {}
.SNBWrap h3{margin-bottom:21px; padding-left:20px; line-height:0; font-size:0;}
.SNBWrap .menu li{font-size:14px; font-weight:bold; color:#fff;}
.SNBWrap .banner{margin-top:25px}
.SNBWrap .banner li{}
#searchbox{width:1000px; height:66px; margin:0px auto 0px; position:relative; z-index:100;}
.searchWrap{width:1000px; margin:0 auto; height:22px; margin:0 auto; padding-top:19px; z-index:100;}
.searchWrap .magnifier{width:120px; height:22px; padding-right:275px; float:left;}
.searchWrap .selectArea{width:1000px; z-index:100; position:relative; margin-left:33px;}
.searchWrap .selectArea img{position:absolute; right:0px; top:8px;}
/*foot*/
#foot{width:100%; border-top:1px solid #dcdcdc}
.footWarp {width:1000px; height:78px; margin:0 auto;}
/*.footWarp .graybar{font-size:11px; color:#aaaaaa; padding:100px 10px;}
.footWarp .menu{width:940px; margin:0 auto; padding:13px 100px; height:10px; vertical-align:middle; border-bottom:1px solid #d0d0d0; font-size:12px; color:#898989; *z-index:99;}
.footWarp .menu .l_area{float:left; height:14px; width:700px;}
.footWarp .menu .l_area li{float:left;}
.footWarp .menu .r_area{float:right; height:22px; margin-top:-2px; width:18%; *z-index:99;}
.footWarp .menu .r_area li{float:left; padding-left:5px; *z-index:99;}
.footWarp .menu .r_area li img{vertical-align:top; *z-index:99;}*/
.footWarp h3{padding:33px 0 21px 0; float:left}
.footWarp .footCnt{}
.footWarp .footCnt p{}