@import url("reset.css");
@import url("owl.carousel.css");
@import url("owl.theme.css");
@import url("lightbox.css");
/* layout and common style */

body { background:#000;}
#wrapper{ width:100%; min-width:1080px; height:100%; margin:0;  position:relative; background:url(../images/common/bg.gif) 0 0 repeat-x;}
#header{ height:195px; width:1080px; margin:0 auto; position:relative;}
#indexWrap{ min-height:600px; margin:0 auto; padding:0; width:1080px; z-index:3; position:relative;}
#indexWrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#container{ margin:0 auto; padding:50px 55px 200px; width:970px; z-index:3; position:relative; background:url(../images/common/bg_con.gif) 0 0 repeat-y;}
#container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#header h1.logo{ position:absolute; top:63px; left:50%; margin-left:-96px;}
#header .utillHome{ position:absolute; top:10px; left:10px; padding:0; margin:0;}
#header .divUtill{ position:absolute; top:8px; right:0;}
#header .divUtill li{ float:left;}
#header .divUtill li a{ display:block; background:url(../images/common/utill_sns.png) no-repeat; text-indent:-9999px; height:19px;}
#header .divUtill li.m01 a{ background-position:0 0; width:80px;}
#header .divUtill li.m02 a{ background-position:-80px 0; width:48px;}
#header .divUtill li.m03 a{ background-position:-128px 0; width:86px;}

#gnbWrap{ position:relative; width:588px; margin:0 auto; height:35px; z-index:99;}
#gnbWrap #gnb{ margin:0; padding:0; height:35px; position:relative;}
#gnbWrap #gnb li{ margin:0; padding:0; position:relative; float:left;}
#gnbWrap #gnb li a{ display:block; height:35px; margin:0; background:url(../images/common/gnb_150507.png) no-repeat; text-indent:-9999px;}
#gnbWrap #gnb li.gnb01 a{ background-position:0 0; width:84px;}
#gnbWrap #gnb li.gnb02 a{ background-position:-164px 0; width:105px;}
#gnbWrap #gnb li.gnb03 a{ background-position:-268px 0; width:121px;}
#gnbWrap #gnb li.gnb04 a{ background-position:-388px 0; width:105px;}
#gnbWrap #gnb li.gnb05 a{ background-position:-491px 0; width:92px;}
#gnbWrap #gnb li .deth2{ display:none; position:absolute; top:27px; width:15px; background:url(../images/common/subGnb_aw.png) -67px 0 no-repeat; min-height:11px; left:50%; margin-left:-7px;}
#gnbWrap #gnb li.gnb01 .deth2{ background:url(../images/common/subGnb_aw.png) 0 0 no-repeat; width:150px; left:50%; margin-left:-75px; padding:11px 0 0 0;}
#gnbWrap #gnb li.gnb01 .deth2 ul{border-top:#910006 1px solid;}
#gnbWrap #gnb li.gnb01 .deth2 li a{ display:block; background:url(../images/common/gnbSub01.png) no-repeat; width:148px; height:30px; text-indent:-9999px; border:#910006 1px solid; border-top:none;}
#gnbWrap #gnb li.gnb01 .deth2 li.gnb0101 a{ background-position:-1px -1px;}
#gnbWrap #gnb li.gnb01 .deth2 li.gnb0102 a{ background-position:-1px -32px;}
#gnbWrap #gnb li.gnb01 .deth2 li.gnb0103 a{ background-position:-1px -63px;}
#gnbWrap #gnb li.gnb01 .deth2 li.gnb0104 a{ background-position:-1px -94px;}
#gnbWrap #gnb li.gnb01 .deth2 li.gnb0105 a{ background-position:-1px -125px;}
#gnbWrap #gnb li.gnb01 .deth2 li.gnb0106 a{ background-position:-1px -156px;}
#gnbWrap #gnb li.gnb01 .deth2 li.gnb0101 a:hover{ background-position:-151px -1px;}
#gnbWrap #gnb li.gnb01 .deth2 li.gnb0102 a:hover{ background-position:-151px -32px;}
#gnbWrap #gnb li.gnb01 .deth2 li.gnb0103 a:hover{ background-position:-151px -63px;}
#gnbWrap #gnb li.gnb01 .deth2 li.gnb0104 a:hover{ background-position:-151px -94px;}
#gnbWrap #gnb li.gnb01 .deth2 li.gnb0105 a:hover{ background-position:-151px -125px;}
#gnbWrap #gnb li.gnb01 .deth2 li.gnb0106 a:hover{ background-position:-151px -156px;}

#gnbWrap #gnb li.gnb06 a{ background-position:-84px 0; width:81px;}
#gnbWrap #gnb li.gnb06 .deth2{ background:url(../images/common/subGnb_aw.png) 0 0 no-repeat; width:150px; left:50%; margin-left:-75px; padding:11px 0 0 0;}
#gnbWrap #gnb li.gnb06 .deth2 ul{border-top:#910006 1px solid;}
#gnbWrap #gnb li.gnb06 .deth2 li a{ display:block; background:url(../images/common/gnbSub06.png) no-repeat; width:148px; height:30px; text-indent:-9999px; border:#910006 1px solid; border-top:none;}
#gnbWrap #gnb li.gnb06 .deth2 li.gnb0601 a{ background-position:-1px -1px;}
#gnbWrap #gnb li.gnb06 .deth2 li.gnb0602 a{ background-position:-1px -32px;}
#gnbWrap #gnb li.gnb06 .deth2 li.gnb0601 a:hover{ background-position:-150px -1px;}
#gnbWrap #gnb li.gnb06 .deth2 li.gnb0602 a:hover{ background-position:-150px -32px;}


#gnbWrap .divUtill{ position:absolute; top:10px; right:50%; margin:0 -480px 0 0; z-index:99;}
#gnbWrap .divUtill li{ float:left; margin:0 15px;}
#gnbWrap .divUtill li a{ color:#fff; font-size:13px;}

/* content */
#container h2.h2Blt{ margin:0 0 40px 0; padding:0; height:auto;}
#container .btTop{ position:absolute; bottom:40px; right:55px;}

/* footer */
#footer{ margin:0; width:100%; z-index:5; position:relative;}
.footerWrap{ width:1080px; margin:0 auto; position:relative; padding:35px 0;}
.footerWrap .footerLogo{ position:absolute; top:26px; left:55px;}
.footerWrap address{ margin:0 0 0 220px; float:left;}
.footerWrap .copyright{ margin:0 0 0 20px; float:left;}
.footerWrap img{ display:block; font-size:0;}


/* placeholder */
.placeholder{ position:relative; display:inline-block; z-index:1; overflow:hidden; vertical-align:middle;}
.placeholder input.input{ position:relative; z-index:1;}
.placeholder .placeholderTx{ position:absolute; white-space:nowrap; left:6px; top:4px; font-size:13px; color:#000; z-index:2; cursor:text;}
.placeholder input.focus{ z-index:3;}
.placeholder textarea{ position:relative; z-index:1;}
.placeholder textarea.focus{ z-index:3;}


/* common */

.tblSch{ position:relative; margin:0; text-align:right; padding:15px 10px;}
.tblSch .input{ width:170px; height:29px;}
.tblSch input,
.tblSch img{ vertical-align:top;}

.divTab{ overflow:hidden; border-top:#525252 1px solid;}
.divTab ul{ padding:0 0 0 10px;}
.divTab li{ float:left;}
.divTab li a{ display:block; height:39px; line-height:39px; color:#7e7e7e; padding:0 8px 0 20px;}
.divTab li a.on,.divTab li a:hover{ background:url(../images/common/tab_on.gif) 0 50% no-repeat; color:#df1a20;}

table.list{ text-align:left; width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; border-top:#525252 1px solid;}
table.list thead th{ text-align:center; padding:15px 0 9px; border-bottom:#525252 1px solid; vertical-align:middle; background:#2c2c2c;}
table.list tbody td{ font-size:18px; padding:20px 0 20px; color:#7e7e7e; text-align:center; vertical-align:middle; border-bottom:#525252 1px solid;}

table.data{ text-align:left; width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; border-top:#3a3a3a 1px solid;}
table.data tbody th{ font-size:12px; text-align:left; padding:15px 0 14px 12px; border-bottom:#3a3a3a 1px solid; color:#7e7e7e; vertical-align:middle; background:#2c2c2c; font-weight:normal;}
table.data tbody td{ font-size:12px; text-align:left; padding:15px 0 14px 12px; border-bottom:#3a3a3a 1px solid; color:#7e7e7e; vertical-align:middle; }
table.data.line{ border-right:#3a3a3a 1px solid;}
table.data.line tbody th{ padding:9px 0 8px 12px; border-left:#3a3a3a 1px solid;}
table.data.line tbody td{ padding:9px 0 8px 12px; border-left:#3a3a3a 1px solid;}

.ulLst01{ overflow:hidden; clear:both; width:540px;}
.ulLst01 li{ float:left; background:url(../images/common/blt_dot.gif) 0 50% no-repeat; padding-left:10px; margin:2px 30px 2px 0; min-width:110px; display:inline-block;}

/*paging*/
div.paging { width:100%; text-align:center; margin-top:40px;}
div.paging a {display:inline-block;min-width:27px;height:27px;font-size:18px;line-height:27px;	text-align:center;margin:0 3px;}
div.paging a:hover,
div.paging a.on {color:#ca171e;}
div.paging a.prev:hover,
div.paging a.next:hover {text-decoration:none;}
div.paging img{ vertical-align:middle;}

/* main */
.mainThum{ height:600px; position:relative;}
.mainThum li{ float:left; position:relative; width:180px; height:600px; display:none;}
.mainThum li .on{ position:absolute; top:0; left:0; opacity:0;}

/* brand */
.brandTab{ position:absolute; top:50px; right:0; z-index:99;}
.brandTab li{ float:left;}
.brandTab li a{ display:block; text-indent:-9999px; background:url(../images/brand/tab_brand.png) no-repeat; height:43px;}
.brandTab li.mn01 a{ background-position:0 0; width:65px;}
.brandTab li.mn02 a{ background-position:-65px 0; width:132px;}
.brandTab li.mn03 a{ background-position:-197px 0; width:84px;}
.brandTab li.mn04 a{ background-position:-281px 0; width:94px;}
.brandTab li.mn05 a{ background-position:-375px 0; width:102px;}
.brandTab li.mn06 a{ background-position:-477px 0; width:138px;}
.brandTab li.mn01 a.on,.brandTab li.mn01 a:hover{ background-position:0 -50px; width:65px;}
.brandTab li.mn02 a.on,.brandTab li.mn02 a:hover{ background-position:-65px -50px; width:132px;}
.brandTab li.mn03 a.on,.brandTab li.mn03 a:hover{ background-position:-197px -50px; width:84px;}
.brandTab li.mn04 a.on,.brandTab li.mn04 a:hover{ background-position:-281px -50px; width:94px;}
.brandTab li.mn05 a.on,.brandTab li.mn05 a:hover{ background-position:-375px -50px; width:102px;}
.brandTab li.mn06 a.on,.brandTab li.mn06 a:hover{ background-position:-477px -50px; width:138px;}

.brandLink{ position:absolute; top:125px; right:55px; border-left:#6a6969 1px solid; padding:0 0 0 16px;}
.brandLink h3{ margin:0 0 5px 0; height:auto; padding:0;}
.brandLink li{ margin:0;}

.brandWr:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.brand04 .brandBg{ position:absolute; top:224px; right:0;}
.brand04 .fr{ padding:245px 0 0 0;}

.locationWr .map{ margin:80px 0 0 0;}

.companyWr{ position:relative;}
.companyWr .photo{ position:absolute; top:360px; left:490px;}

.contactWr .tx01{ margin:0 0 0 10px;}
.writeForm{ border-top:#525252 1px solid; border-bottom:#525252 1px solid; margin:30px 0 0 0; padding:20px 0;}
.writeForm table{ text-align:left; width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both;}
.writeForm table th{ padding:4px 0 4px 20px; vertical-align:middle; text-align:left;}
.writeForm table td{ padding:4px 0 4px; vertical-align:middle; text-align:left;}
.writeForm table td img{ vertical-align:top;}

/* sale */
.viewBx h3.h3Blt{ font-size:18px; margin:0 0 35px 0; padding:0 15px; color:#7e7e7e; border-top:#525252 3px solid; border-bottom:#525252 1px solid; height:46px; line-height:46px;}
.viewBx .goodsSpec{ overflow:hidden;}
/* 140429 수정 */
/*.viewBx .goodsSpec .fotorama{ float:left; width:510px; height:402px; overflow:hidden;}
.viewBx .goodsSpec .fotorama .fotorama__thumb-border{ border-color:#c31d23;}
.viewBx .goodsSpec .fotorama .fotorama__stage__shaft{ vertical-align:top;}
.viewBx .goodsSpec .fotorama .fotorama__stage__shaft .fotorama__img{ width:510px !important; height:330px !important; margin-top:0 !important; top:0 !important;}*/
.viewBx .goodsSpec .thumSection{float:left;}
.viewBx .goodsSpec .owl-controls{ display:none;}
.viewBx .goodsSpec .thumLst{ width:510px; height:330px; overflow:hidden;}
.viewBx .goodsSpec .thumItem{ width:510px; text-align:center;}
.viewBx .goodsSpec .thumLst img{ width:auto; margin:0 auto;}
.viewBx .thumPag{ width:510px; overflow:hidden; margin:18px 0 0 0; }
.viewBx .thumPag li{ /*width:82px;*/ width:auto; height:54px; margin:0; display:inline-block; }
.viewBx .thumPag li a.thumBt{ display:block; width:auto; height:54px;  text-align:center; overflow:hidden;}
.viewBx .thumPag li a.thumBt img{ max-height:54px; max-width:82px; margin:0; display:inline-block;}
.viewBx .thumPag li.on a.thumBt{ border:#c11b21 1px solid; width:auto; height:52px;}
.viewBx .thumPag li.on a.thumBt img{ margin:-1px;}

/* //140429 수정 */
.viewBx .goodsSpec .goodsData{ float:right; width:420px;}
.viewBx .h4Blt{ clear:both; margin:50px 0 20px 0; padding:10px; height:auto; border-bottom:#525252 1px solid;}
.viewBx .vewTx{ padding:0 10px;}