/* BASIC css start */
#ftWrap { margin: 0 !important; }
#wrap{}
#header .headerGnb{position:absolute;}
#contentWrapper{overflow-x:hidden;}

/* 메인 롤링 배너 */
#main_slide{width:100%;}
#main_slide .swiper-wrapper .swiper-slide-active img{transform: scale(1.1); transition: all 5s ease 0s;}
#main_slide .swiper-wrapper .swiper-slide img{width:100%;}
#main_slide .swiper-button-prev{left:8%; background:url('/design/ansell/ansell/slide/prev.png');}
#main_slide .swiper-button-next{right:8%; background:url('/design/ansell/ansell/slide/next.png');}
#main_slide .swiper-pagination-bullet{background:#fff;}


/* 서브배너 */
.subBanArea {width:100%; margin:0 0 50px 0; background:#111; background: linear-gradient(180deg, rgba(17,17,17,1) 60%, rgba(255,255,255,1) 40%);}
.subBanArea h1{color:#fff; text-align:center; font-size:22px; font-family: 'Lora'; padding:80px 0 30px 0;}
.subBanArea .sBan {width:100%; max-width:1200px; margin:0 auto; display:flex; justify-content:space-between;}
.subBanArea .sBan li { overflow:hidden; vertical-align:top; text-align:center; width:24%;}
.subBanArea .sBan li img{width:100%; transition: all 0.3s ease;}
.subBanArea .sBan li img:hover{box-shadow:2px 2px 4px #999;}
.subBanArea .sBan li h3{font-size:17px; font-weight:600; font-family: 'Lora'; margin:10px 0; letter-spacing:-1px;}
.subBanArea .sBan li p{font-size:12px; color:#115caa; font-family: 'Lora'; text-decoration:underline;}

/* 제품 배너 (엣지,알파텍) */
.prdBannWrap{width:100%;  height:800px; display:flex; align-items:center;}
    .edge{background:url('/design/ansell/ansell/prdBann1.jpg') no-repeat;}
    .alphatec{background:url('/design/ansell/ansell/prdBann2.jpg') no-repeat;}
.prdBannWrap .prdBann{max-width:1200px; margin:0 auto; width:100%;}
.prdBannWrap .prdBann .pB_logo{margin:-50px 0 50px 0;}
.prdBannWrap .prdBann .pB_prd{display:flex; justify-content:space-between;}
.prdBannWrap .prdBann .pB_prd li{width:24%;}
.prdBannWrap .prdBann .pB_prd li img{width:100%; transition: all 0.5s ease;}
.prdBannWrap .prdBann .pB_prd li img:hover{box-shadow:4px 4px 10px #000;}
.prdBannWrap .prdBann .pB_prd li p{color:#fff; margin:10px 0; font-size:15px;}

.longBannWrap{width:100%; height:500px; display:flex; align-items:center; background:url('/design/ansell/ansell/longBann.jpg') no-repeat; position:relative;}
.longBannWrap .longBann{width:100%; margin:0 auto;}
.longBannWrap .longBann img{width:100%; height:500px;}
.longBannWrap .longBann .longBannBtn{position:absolute;top: 50%; left: 50%; transform: translate( -50%, -50% ); text-align:center;}
.longBannWrap .longBann .longBannBtn p{color:#ffffff; font-size:20px; line-height:2;}
.longBannWrap .longBann .longBannBtn a{color:#ffffff; font-size:16px; padding:10px 50px; border:2px solid #ffffff; display:block; transition: all 0.3s ease;}
.longBannWrap .longBann .longBannBtn a:hover{background:#32a6a2;}

.videoWrap{width:100%; margin:0 0 50px 0; background:#111; padding:0 0 80px 0;}
.videoWrap h1{color:#fff; text-align:center; font-size:22px; font-family: 'Lora'; padding:80px 0 30px 0;}
.videoWrap .videoSlide{width:100%; position:relative;}
.videoWrap .videoSlide li{width:800px !important;}
.videoWrap .videoSlide li iframe{width:800px; height:500px; display:block;}
.videoWrap .videoSlide .swiper-button-prev{left:8%; background:url('/design/ansell/ansell/slide/prev.png');}
.videoWrap .videoSlide .swiper-button-next{right:8%; background:url('/design/ansell/ansell/slide/next.png');}

.techWrap{width:100%; margin:0 auto;}
.techWrap .techSlide{width:100%; max-width:1000px; margin:0 auto; overflow-x:hidden; position:relative;}
.techWrap .techSlide img{width:100%;}
.techWrap .techSlide .techPrev{left:0%; background:url('/design/ansell/ansell/slide/prev_bk.png');}
.techWrap .techSlide .techNext{right:0%; background:url('/design/ansell/ansell/slide/next_bk.png');}

.help_btn{position:fixed; left:5%; bottom:3%; z-index:100;}
.help_btn img{border-radius:5px;}







/* BASIC css end */

