/* BASIC css start */
#container{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; background:#111; padding:10px 0 30px 0;}
.subBanArea h1{color:#fff; text-align:center; font-size:16px; font-family: 'Lora'; padding:30px 0 30px 0;}
.subBanArea .sBan {width:100%; margin:0 auto; display:flex; justify-content:space-evenly; flex-wrap:wrap;}
.subBanArea .sBan li { overflow:hidden; vertical-align:top; text-align:center; width:44%; margin:0 0 30px 0;}
.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:14px; font-weight:600; font-family: 'Lora'; margin:10px 0; letter-spacing:-1px; color:#fff;}
.subBanArea .sBan li p{font-size:12px; color:#99f6ff; font-family: 'Lora'; text-decoration:underline;}

/* 제품 배너 (엣지,알파텍) */
.prdBannWrap{width:100%; display:flex; align-items:center; flex-wrap:wrap;}
    .edge{background:url('/design/ansell/ansell/prdBann1.jpg') no-repeat;}
    .alphatec{background:url('/design/ansell/ansell/prdBann2.jpg') no-repeat;}
.prdBannWrap .prdBann{margin:0 auto; width:100%;}
.prdBannWrap .prdBann .pB_logo{margin:30px auto; width:30%;}
.prdBannWrap .prdBann .pB_logo img{width:100%;}

.prdBannWrap .prdBann .pB_prd{display:flex; justify-content:space-evenly; flex-wrap:wrap;}
.prdBannWrap .prdBann .pB_prd li{width:44%; margin-bottom:20px;}
.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%; display:flex; flex-wrap:wrap; align-items:center; background:url('/design/ansell/ansell/longBann.jpg') no-repeat; background-size:cover; position:relative;}
.longBannWrap .longBann{width:100%; margin:0 auto; padding:90px 0;}
.longBannWrap .longBann img{width:100%; height:auto;}
.longBannWrap .longBann .longBannBtn{position:absolute;top: 50%; left: 50%; transform: translate( -50%, -50% ); text-align:center;}
.longBannWrap .longBann .longBannBtn p{color:#ffffff; font-size:14px; line-height:2;}
.longBannWrap .longBann .longBannBtn a{color:#ffffff; font-size:11px; padding:5px 30px; border:2px solid #ffffff; display:block; transition: all 0.3s ease;}
.longBannWrap .longBann .longBannBtn a:hover{background:#32a6a2;}

.videoWrap{width:100%; margin:0; background:#111; padding:10px 0 50px 0;}
.videoWrap h1{color:#fff; text-align:center; font-size:16px; font-family: 'Lora'; padding:30px 0;}
.videoWrap .videoSlide{width:100%; position:relative;}
.videoWrap .videoSlide li{margin:0 auto; text-align:center;}
.videoWrap .videoSlide li iframe{width:90%; height:210px;}
.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');}
.videoWrap .videoSlide .swiper-pagination-bullet{background:#fff;}
.videoWrap .videoSlide .swiper-pagination-bullets{bottom:-30px;}

.techWrap{width:100%; margin:0 auto;}
.techWrap .techSlide{width:100%; margin:0 auto; overflow-x:hidden; position:relative;}
.techWrap .techSlide img{width:100%;}
.techWrap .techSlide .swiper-pagination-bullet{background:#111;}
.techWrap .techSlide .swiper-pagination-bullets{bottom:0;}

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








/* BASIC css end */