@charset "utf-8";

.brandbannerArea {width:100%; height:498px; position:relative; min-width:1100px; text-align:center; background:##f9f9f9; display:none;}
.brandbannerArea .bannerTitle {height:auto; min-width:1100px; text-align:center;}
.brandbannerArea .bannerTitle img {min-width:1100px; width:100%;}
.brandbannerArea .bannerTitle h3 {text-indent:-1000em; width:291px; height:86px; display:block; background:url(../images/brand/img_p1_w.png) no-repeat; position:absolute; top:50%; margin-top:-43px; left:50%; margin-left:-145px;}
.brandbannerArea .btnViewMore {position:absolute; bottom:0; left:50%; margin-left:-80px; width:160px;}
.brandbannerArea .btnViewMore span {display:block; width:160px; height:29px; background:url(../images/brand/btn_arrbottom.png) no-repeat; text-indent:-1000em; cursor:pointer;}

.brandCont .leftGnb {width:160px; float:left;}
.brandCont .leftGnb .brandTitle {padding:11px 0 11px 11px; height: auto; border-bottom:1px solid #bcbcbc;display: inline-block; width:149px;}
.brandCont .leftGnb .brandTitle h2 { line-height:25px; font-size:17px; font-weight:bold; color:#202020;}
.brandCont .leftGnb .brandTitle a {
    display: inline-block;
}
.brandCont .leftGnb .brandGnb {padding:15px 0 10px 14px; border-bottom:1px solid #ededed;}
.brandCont .leftGnb .brandGnb dt {font-size:13px; font-weight:bold; color:#202020; margin-bottom:15px;}
.brandCont .leftGnb .brandGnb dd {font-size:13px; color:#808080; margin-bottom:10px;}
.brandCont .leftGnb .brandGnb dd:last-child {margin-bottom:none;}

.brandCont .brandProlist {width:910px; float:right;}
.brandCont .brandProlist .topmenuArea {height:27px; margin-bottom:20px;}
.brandCont .brandProlist .topmenuArea .leftMenu {float:left; padding: 5px 0;}
.brandCont .brandProlist .topmenuArea .leftMenu ul {height:12px;}
.brandCont .brandProlist .topmenuArea .leftMenu ul li {float:left; padding:0 10px; border-right:1px solid #b3b3b3;}
.brandCont .brandProlist .topmenuArea .leftMenu ul li:first-child {padding-left:0;}
.brandCont .brandProlist .topmenuArea .leftMenu ul li:last-child {padding-right:0; border-right:0;}
.brandCont .brandProlist .topmenuArea .leftMenu ul li a.on {color:#202020;}
.brandCont .brandProlist .topmenuArea .tab8 {float:right; padding:5px 0;}
.brandCont .brandProlist .topmenuArea .tab8>ul {float: left}
.brandCont .brandProlist .topmenuArea .tab8>ul>li {float: left;padding-left: 19px;background: url(../images/section/line.gif) 9px 0 no-repeat;}
.brandCont .brandProlist .topmenuArea .tab8>ul>li:first-child {padding-left: 0;background: none}
.brandCont .brandProlist .topmenuArea .tab8>ul>li>a {display:block;height:11px;padding-left: 17px;background: url(../images/section/icon_list.gif) 0 0 no-repeat;}
.brandCont .brandProlist .topmenuArea .tab8>ul>li:first-child>a {background-image: url(../images/section/icon_img.gif)}
.brandCont .brandProlist .topmenuArea .tab8>ul>li>a.on {background-position: 0 -11px;color: #202020}
.brandCont .brandProlist .topmenuArea .tab8 .select {float: right;margin: -5px 0 0 8px}

.bBannerCuv {width:100%; height:1254px; overflow:hidden; position:relative; top:0px; }
.bBannerCuv.type2 {top:0;}
.bBannerCuv span.bg {width:100%; display:block;}
.bBannerCuv span.bg img {width:100%; min-width:1600px;}
.bBannerCuv .bBigcon {position:absolute; top:0; width:1100px; left:50%; margin-left:-550px;}
.bBannerCuv .bBigcon h3 { width:313px; height:92px;  margin:0 auto; margin-top:90px;}
.bBannerCuv .bBigcon p.p2 {color:#949494; line-height:18px; margin:40px 0;}
.bBannerCuv .bBigcon .videoArea {width:1035px; height:582px; margin:0 auto; margin-top:10px;}
.bBannerCuv span.btnViewHide {width:160px; height:29px; text-indent:-1000em; background:url(../images/brand/btn_arrtop.png) no-repeat; display:block; position:absolute; bottom:1px; left:50%; margin-left:-80px; cursor:pointer;}
.bBannerCuv span.closeBtn {width:31px; height:31px; text-indent:-1000em; background:url(../images/brand/btn_close.png) no-repeat; position:absolute; top:30px; right:30px; cursor:pointer;}

/* brand2 */
.bgTop {height:auto; position:relative;}
.bgTop img.bg {width:100%; min-width:1600px;}
.bgTop span.brandLogo {position:absolute; top:300px; left:50%; margin-left:260px;}
.bgTop .btnViewMore {width:160px; position:absolute; bottom:0; left:50%; margin-left:-80px;}
.bgTop .btnViewMore span {width:160px; height:29px; text-indent:-1000em; background:url(../images/brand/btn_arrbottom_2.png) no-repeat; cursor:pointer;}

#brandHeader {width:100%; position:absolute; top:0; z-index:100;}
#brandHeader .upCont {width:1100px; display:block; margin:0 auto; position:relative; z-index:1500;}
#brandHeader .upCont h1 {padding:15px 0 0 30px; float:left; margin-right:20px;}
#brandHeader .upCont span.backBtn a {width:160px; height:29px; display:block; text-indent:-1000em; background:url(../images/brand/btn_back.png) no-repeat; margin-top:20px;}
#brandHeader .upCont span.brandLogo {position:absolute; top:300px; right:5px;}

/* brand_type4 */
#bType4Top {background:#fff; width:100%; height:740px; position:relative;}
#bType4Top .bannerimg {background:#f9f9f9; height:528px;}
#bType4Top .btype4View {height:528px; text-align:center; position:relative;}
#bType4Top .btype4View span.btnPrev {width:33px; height:33px; background:url(../images/brand/btn_aleft.png) no-repeat; cursor:pointer; position:absolute; top:238px; left:50%; margin-left:-530px;}
#bType4Top .btype4View span.btnNext {width:33px; height:33px; background:url(../images/brand/btn_aright.png) no-repeat; cursor:pointer; position:absolute; top:238px; right:50%; margin-right:-530px;}

#bType4Top .btype4Banner {width:1100px; height:330px; border-bottom:2px solid #f2f2f2; position:absolute; bottom:0; left:50%; margin-left:-550px;}
#bType4Top .wrapper {border:1px solid #bebebe; width:1098px; height:328px; background:#fff;}
#bType4Top .wrapper ul {width:719px; height:328px; float:left;}
#bType4Top .wrapper ul li {float:left; width:239px; height:163px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; position:relative;}
#bType4Top .wrapper ul li.bnone {border-right:none;}
#bType4Top .wrapper ul li.btnone {border-bottom:none;}
#bType4Top .wrapper ul li dd.imgArea {text-align:center; padding-top:20px; width:100%; position:absolute; top:0;}
#bType4Top .wrapper ul li dt {font-size:16px; color:#202020; font-weight:bold; text-align:center; padding-top:135px;}
#bType4Top .btype4Banner span.shadow1 {width:24px; height:196px; background:url(../images/brand/bg_sha1.png) no-repeat; position:absolute; left:-24px; top:0;}
#bType4Top .btype4Banner span.shadow2 {width:24px; height:196px; background:url(../images/brand/bg_sha2.png) no-repeat; position:absolute; right:-24px; top:0;}

/* */
.brand_main_holder {margin:0 0 30px 0;padding:40px 0 0 0;background:url(../images/brand/brand_bg.jpg);}
.brand_main {margin:0 auto;width:1100px;overflow:hidden;}
.brand_main ul {display:block;width:1120px;}
.brand_main ul li {display:block;float:left;margin:0 2px 2px 0;}
.brand_main ul li a {display:block;position:relative;}
.brand_main ul li a span.over {display:none;}
.brand_main ul li a:hover span.over {display:block;position:absolute;width:100%;height:100%;border:5px #dd0000 solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.brand_logos {margin:0 auto;padding:40px 0;width:1100px;overflow:hidden;clear:both;}
.brand_logos h5 {display:block;margin:10px 0;font-family:Arial;font-size:13px;color:#fff;}
.brand_logos ul {display:block;width:1120px;}
.brand_logos ul li {display:block;float:left;margin:0 13px 0 0;width:146px;height:120px;text-align:center;}
.brand_logos ul li span.thumb {margin:0 0 8px 0;width:146px;height:68px;border:1px #ccc solid;background:#fff;}
.brand_logos ul li span.thumb img {vertical-align:middle;}

.specialbrand_main_holder {position:relative;margin:0 0 30px 0;padding:0 0 60px 0;background:#1e1e1e url(../images/brand/brand_special_bg.jpg) no-repeat top center;}
.specialbrand_main_holder .touchslider-item  a span.over{display:none;}
.specialbrand_main_holder .touchslider-item  a:hover span.over{display:block;position:absolute;width:100%;height:899px;border:5px #dd0000 solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.specialbrand_main_holder .touchslider-item p {padding:670px 0 0 35px;font-size:14px;color:#fff;line-height:150%;}
.specialbrand_main_holder .touchslider-item b.big {display:block;margin:0 0 10px 0;font-family:Arial;font-size:60px;line-height:100%;}
.specialbrand_main_holder .touchslider-item b.medium {display:block;margin:0 0 10px 0;font-family:Arial;font-size:25px;line-height:100%;}
.touchslider-item.slide_bg1 {background:url(../images/brand/brand_special_img1.jpg) no-repeat;}
.touchslider-item.slide_bg2 {background:url(../images/brand/brand_special_img2.jpg) no-repeat;}
.touchslider-item.slide_bg3 {background:url(../images/brand/brand_special_img3.jpg) no-repeat;}
.touchslider-item.slide_bg4 {background:url(../images/brand/brand_special_img4.jpg) no-repeat;}
.touchslider-item.slide_bg5 {background:url(../images/brand/brand_special_img5.jpg) no-repeat;}
.touchslider-item.slide_bg6 {background:url(../images/brand/brand_special_img6.jpg) no-repeat;}
.touchslider-item.slide_bg7 {background:url(../images/brand/brand_special_img7.jpg) no-repeat;}
.touchslider-item.slide_bg8 {background:url(../images/brand/brand_special_img8.jpg) no-repeat;}
.touchslider-item.slide_bg9 {background:url(../images/brand/brand_special_img9.jpg) no-repeat;}
.specialbrand_thumb {position:absolute;top:960px;left:50%;margin:0 0 0 -525px;width:1050px;}
.specialbrand_thumb ul {display:block;height:459px;background:rgba(50,50,50,0.5);}
.specialbrand_thumb ul li {display:block;float:left;}

/* Slide */
.touchslider {position:relative;margin:0 auto;width:1100px;overflow:hidden;}
.touchslider-viewport {display:block;width:1100px;height:1444px;overflow:hidden;background-color:#fff;}
.touchslider-item {display:block;float:left;width:1100px;height:1444px;overflow:hidden;}
.touchslider-nav {display:block;position:absolute;top:905px;left:850px;z-index:99;}
.touchslider-nav-item {display:inline-block;width:12px;height:12px;background:#676362;margin:0 8px 0 0;-webkit-border-radius:8px;border-radius:8px;cursor:pointer;}
.touchslider-nav-item-current {background:#DB0624;}
.touchslider-control {display:inline-block;width:14px;height:14px;font-size:14px;font-weight:bold;color:#ddd;margin:0 8px 0 0;vertical-align:top;cursor:pointer;}
.touchslider-prev {display:block;position:absolute;top:445px;left:20px;width:34px;height:33px;font-size:0px;background:url(../images/main/arrow_prev.png);cursor:pointer;z-index:99;}
.touchslider-next {display:block;position:absolute;top:445px;right:20px;width:34px;height:33px;font-size:0px;background:url(../images/main/arrow_next.png);cursor:pointer;z-index:99;}