/**
 *
 * 작성자 : 김여은
 * 시작일 :
 */

@charset "utf-8";


/* 공통 */
ul,li,div,p,span,h1,h2,h3,strong,b,i,td,th,table { padding: 0; margin: 0; list-style: none; }


table {  border-collapse: collapse; border-spacing: 0; word-wrap: break-word; word-break: keep-all; }

/* 링크 */
a:link,
a:visited,
a:active  { font-family:'nanum-barun-gothic-regular','Nanum Gothic', '돋움', 'AppleGothic', 'Helvetica', sans-serif; text-decoration: none; }
a:hover { font-family: 'nanum-barun-gothic-regular','Nanum Gothic', '돋움', 'AppleGothic', 'Helvetica', sans-serif; text-decoration: none; }
a:active { selector-dummy:expression(this.hideFocus = true); } /* 클릭시 점선 안생기게 함 */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */


#mainImgWrap { width: 900px; position: relative; overflow: hidden; z-index: 1;  height: 341px; }
	.mainTxt { position: absolute; left: 113px; top: 147px; width: 389px;  height: 79px; z-index: 100; }
	.mainImg1 { position: absolute;   }
	.mainImg1 {  left: 0px; top: 0px; animation: main_img01 5s 0.3s infinite; opacity: 0;   }


@keyframes main_img01 {
  0%  {
    left: 30px;
    opacity: 0;
  }
  20%  {
    left:  0px;
    opacity: 1;
  }
  50%  {
    left: 0px;
    opacity: 1;
  }
  80%  {
    left: 0px;
    opacity: 1;
  }
  100%  {
    left: 30px;
    opacity: 0;
  }
}

#subImgWrap { width: 900px; position: relative; overflow: hidden; z-index: 1; height: 192px; }
	.subTxt { position: absolute; left: 120px; top: 76px; width: 324px;  height: 69px; z-index: 100; }
	.subImg1 { position: absolute;   }
	.subImg1 {  left: 0px; top: 0px; animation: sub_img01 5s 0.3s infinite; opacity: 0;   }


@keyframes sub_img01 {
  0%  {
    left: 30px;
    opacity: 0;
  }
  20%  {
    left:  0px;
    opacity: 1;
  }
  50%  {
    left: 0px;
    opacity: 1;
  }
  80%  {
    left: 0px;
    opacity: 1;
  }
  100%  {
    left: 30px;
    opacity: 0;
  }
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper { position: relative; padding: 0; *zoom: 1; top: 0;  }
/*
.bx-wrapper img { max-width: 100%;  display: block;  }
*/

/** THEME
===================================*/

.bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }

/* main img */
.mainImg { }
.mainImg .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
.mainImg .bx-pager { width: 100%;  z-index: 9999;  bottom: 10px; /*top: 58%; */  position: absolute;  display: table;  width: 900px; text-align: center;  }
.mainImg .bx-pager > div { display: inline-block; text-align: center; margin: 0 5px; }
.mainImg .bx-pager-item {  }
.mainImg .bx-pager-item a { text-indent: -999em;   width: 8px; height: 8px; border-radius: 50%;  background: #fff; display: block;  }
.mainImg .bx-pager-item a.active { background: #aa2828; }

.mainImg .bx-controls .bx-controls-direction { overflow: visible; position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 0;  display: none; }
.mainImg .bx-controls .bx-controls-direction a { display: block;  width: 51px; height: 61px; text-indent: -99999px; position: absolute; top: 300px;  height: 91px;  }
.mainImg .bx-controls .bx-controls-direction a.bx-prev { background: url(http://namdopump.co.kr/img/main_arrow_l.png) no-repeat; left: -180px;     background-size: 70%;  }
.mainImg .bx-controls .bx-controls-direction a.bx-next { background: url(http://namdopump.co.kr/img/main_arrow_r.png) no-repeat; right: -180px;   background-size: 70%;    }

/* sub img */
.subImg { }
.subImg .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
.subImg .bx-pager { width: 100%;  z-index: 9999;  bottom: 10px; /*top: 58%; */  position: absolute;  display: table;  width: 900px; text-align: center;  }
.subImg .bx-pager > div { display: inline-block; text-align: center; margin: 0 5px; }
.subImg .bx-pager-item {  }
.subImg .bx-pager-item a { text-indent: -999em;   width: 8px; height: 8px; border-radius: 50%;  background: #fff; display: block;  }
.subImg .bx-pager-item a.active { background: #aa2828; }

.subImg .bx-controls .bx-controls-direction { overflow: visible; position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 0;  display: none; }
.subImg .bx-controls .bx-controls-direction a { display: block;  width: 51px; height: 61px; text-indent: -99999px; position: absolute; top: 300px;  height: 91px;  }
.subImg .bx-controls .bx-controls-direction a.bx-prev { background: url(http://namdopump.co.kr/img/main_arrow_l.png) no-repeat; left: -180px;     background-size: 70%;  }
.subImg .bx-controls .bx-controls-direction a.bx-next { background: url(http://namdopump.co.kr/img/main_arrow_r.png) no-repeat; right: -180px;   background-size: 70%;    }