div#wrap{ position:relative;}
div#wrap img { border:none; }
div#wrap a{ text-decoration:none; }

div#wrap div#header{ position:fixed; top:0; height:100px; width:100%;z-index:10000;-webkit-transition:all .3s;transition:all .3s; border-bottom:1px solid rgba(255, 255, 255, 0.2);background-color:rgba(255,255,255,0.1);}
div#wrap div#header.over{background-color:rgba(255,255,255,1);border-bottom:1px solid #ddd;}
div#wrap div#header h1{position:absolute;top:10px;left:50px;z-index:105; }

div#wrap div.header_inner ul.rm{position:absolute; right:50px; top:0;box-sizing:border-box; }
div#wrap div.header_inner ul.rm:after{content : ""; display : block; clear:both;}
div#wrap div.header_inner ul.rm li{height:100px; float:left; margin-left:20px; position:relative; }
div#wrap div.header_inner ul.rm li a{display:block; color:#bb1825;  line-height:100px;  font-size:14px; font-weight: 500; text-transform: uppercase; }
div#wrap div.header_inner ul.rm li img{vertical-align:middle;}
div#wrap div.header_inner ul.rm li a.select_btn{position:relative;background:url('/images/default/main/lang.png') no-repeat right center; padding-right:15px;}
div#wrap div.header_inner ul.rm li a.select_btn:before{ content : ""; display : block; position : absolute; left :0; bottom:40px; width :100%; height :2px; background-color:#bb1825;}

/*탑메뉴*/
div#wrap div#header div#nav {padding:0px; position: relative;height:100%; width:100%; box-sizing:border-box; float:left; padding-right:200px;padding-left:200px; }
div#wrap div#header div#nav > ul {clear:both;text-align:right;  position:relative; padding:0px; margin:0; box-sizing:border-box;height:100%;}
div#wrap div#header div#nav > ul > li {display:inline-block; float:left;  height:100%;vertical-align:top; position:relative;}
div#wrap div#header div#nav > ul > li div{position:relative;}
div#wrap div#header div#nav > ul > li div span.line{position:absolute; display:block; bottom:0px; height:2px; width:0%; background:#324499; left:50%; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
div#wrap div#header div#nav > ul > li.on div span.line{width:100%; left:0%;}
div#wrap div#header div#nav > ul > li div a{font-size:18px; font-weight:500; display:inline-block;color:#000;height:100px; line-height:100px; position:relative; margin:0 30px;}
div#wrap div#header.over div#nav ul li div a {}
div#wrap div#header.over ul.rm li a {}
div#wrap div#header div#nav ul li.on div a {color:#000;}
div#wrap div#header div#nav ul li ul {z-index: 100;position: absolute;display: none;width:183px;height: auto; left:0;  top:100px;background:#fff;  box-sizing:border-box; padding:20px 10px; margin-left:-18px;}
div#wrap div#header div#nav ul li ul li {height:auto; text-align:center; width:100%; border:none;}
div#wrap div#header div#nav ul li ul li a{color:#666; font-size:16px; height:auto; line-height:33px; text-align:left; letter-spacing:-0.03em;}
div#wrap div#header div#nav ul li ul li a:hover{color:#000; text-decoration:underline;}
div#wrap div#header div#nav ul li ul li strong{font-weight:normal;}

.option_list {  display:none; position: absolute;  top: 100px;  right:80px; z-index:1000; background: #fff;  border: solid 1px #d9d9d9;  padding: 15px 25px;  filter: alpha(opacity=95);
  opacity: 0.95;  -moz-opacity: 0.95;}
.option_list li { margin-top: 5px;}
.option_list li a { display: block;  font-size: 12px;  color: #353535;}
.option_list li a:hover { text-decoration: underline !important;}
.option_list li:first-child { margin-top: 0;}


/*비주얼*/
#visual {overflow:hidden;width:100%;height:960px;  z-index: 0; position:relative;}
#visual .bxslider {z-index:1;}
#visual .bxslider li {position:relative;width:2000px;height:960px;}
#visual .bxslider li .ptext {position:absolute;left:50%; top:290px;  line-height:1.3; font-weight: 300;  box-sizing:border-box;   z-index:1; color:#000; margin-left:-600px; width:1200px;}
#visual .bxslider li .ptext h3{margin-bottom:90px;font-size:52px; font-weight:100; letter-spacing:-0.06em;}
#visual .bxslider li .ptext h3 b{font-weight:600;}
#visual .bxslider li .ptext h4{margin-bottom:20px;font-size:42px; font-weight:400; letter-spacing:-0.03em;}
#visual .bxslider li .ptext p{font-size:21px;letter-spacing:-0.03em;font-weight:500; line-height:1.5;}


#visual .bx-controls-direction a {display:inline-block;width:22px;height:45px;z-index:11; position:absolute;  top:50%; margin-top:-22.5px; }
#visual .bx-controls-direction .bx-prev { background:url(/images/default/main/vl.png) no-repeat;font-size:0; left:50px;}
#visual .bx-controls-direction .bx-next { background:url(/images/default/main/vr.png) no-repeat;font-size:0; right:50px;}

#visual .bx-wrapper .bx-pager {top:400px; left:50%; width:1200px; margin-left:-600px;}
#visual .bx-wrapper .bx-pager.bx-default-pager a { width:178px; height:1px; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; box-sizing:border-box;background:#bb1825;}
#visual .bx-wrapper .bx-pager.bx-default-pager a.active {  height:6px; }
#visual img.scroll{position:absolute; bottom:50px; left:50%; margin-left:-42px;}

/* cts1 */
div#wrap div#container div.cts1{width:1200px; margin:80px auto; overflow:hidden;}
div#wrap div#container div.cts1 div{box-sizing:border-box; padding:30px; font-size:18px; position:relative;}
div#wrap div#container div.cts1 div h3{color:#000; font-size:24px; font-weight:500; margin-bottom:30px; padding-bottom:15px;position:relative;}
div#wrap div#container div.cts1 div h3:before{content : ""; display : block; position : absolute; left : 0; bottom:0; width :60px; height :1px; background :#000;}
div#wrap div#container div.cts1 div.c01{background:url('/images/default/main/cate01.jpg') no-repeat 0 0; width:584px; height:642px; float:left; padding:60px 40px;}
div#wrap div#container div.cts1 div.c02{background:url('/images/default/main/cate02.jpg') no-repeat 0 0; width:276px; height:305px; float:left; margin-left:32px; margin-top:32px;}
div#wrap div#container div.cts1 div.c03{background:url('/images/default/main/cate03.jpg') no-repeat 0 0; width:276px; height:305px; float:left; margin-left:32px;margin-top:32px;}
div#wrap div#container div.cts1 div.com{background:url('/images/default/main/com.jpg') no-repeat 0 0; width:584px; height:305px; float:left; margin-left:32px; padding-top:50px;}
div#wrap div#container div.cts1 div.com a{color:#fff;}
div#wrap div#container div.cts1 div.com a h3{color:#fff;}
div#wrap div#container div.cts1 div.com a h3:before{background-color:#fff;}
div#wrap div#container div.cts1 div.com a p{font-size:13px; position:absolute; left:30px; bottom:50px;}

/* cts2 */
div#wrap div#container div.cts2{width:1200px; margin:0px auto;}
div#wrap div#container div.cts2 ul{ overflow:hidden;box-sizing:border-box; padding:40px 40px; background-color:#f7f7f7;}
div#wrap div#container div.cts2 ul li{width:33.33%; float:left; text-align:center; color:#000;}
div#wrap div#container div.cts2 ul li img{margin-bottom:15px;}
div#wrap div#container div.cts2 ul li h4{margin-bottom:10px; font-size:18px; font-weight:500;}

/* 제품갤러리 */
div#wrap div#container div.cts3{width:1200px; margin:80px auto; overflow:hidden; position:relative; }
div#wrap div#container div.cts3 h3{color:#000; font-size:32px; font-weight:500; text-align:center; line-height:1.0; margin-bottom:40px; letter-spacing:-0.01em;}
div#wrap div#container div.gallery{overflow:hidden; }
div#wrap div#container div.gallery ul {overflow:hidden;width:924px; float:left;}
div#wrap div#container div.gallery ul li{float:left;  position:relative; width:276px; margin-right:30px;}
div#wrap div#container div.gallery ul li a { display:block; height:370px;  }
div#wrap div#container div.gallery ul li p.gallery_photo{height:308px; overflow:hidden;border:1px solid #ddd;box-sizing:border-box;}
div#wrap div#container div.gallery ul li p.gallery_photo img{width: 100%; height: auto; }
div#wrap div#container div.gallery ul li p.gallery_name{width: 100%; font-weight: normal; font-size:17px; color:#333; box-sizing:border-box;  letter-spacing:-0.03em; margin-top:15px;}
div#wrap div#container div.gallery p.pump{width:276px; float:right;}

/* footer */
div#wrap div#footer{ clear:both; background-color:#363638; font-size:15px; position:relative; }
div#wrap div#footer div.copyright { width:1200px; margin:0 auto; line-height:1.8; padding:40px 0px; position:relative; color:#7f8186;}
div#wrap div#footer div.copyright:after{content : ""; display : block; clear:both;}
div#wrap div#footer div.copyright p.tel{font-size:12px; color:#7f8186; position:absolute; right:0; top:40px; line-height:1.0; text-align:right;}
div#wrap div#footer div.copyright b{color:#fff; font-size:27px; display:block; margin-bottom:0px; font-family: 'Lato', sans-serif;}
div#wrap div#footer div.copyright span{padding:0px 10px;}
div#wrap div#footer p.top{position:absolute; right:30px; top:-47.5px; line-height:1.0; z-index:100;}