

/*******************************************************************************
		-	BULLETS AND ARROWS ADD ONS TO THE EXISTING VERSION 	-
*******************************************************************************/

.tp-bannertimer {
    background:#777 !important;
    height:5px !important;
  }



.tp-bullets.simplebullets.navbar {

    
    height: 35px;
    padding: 0px 0px;

}

/*  하단버튼 디자인 */

.tp-bullets.simplebullets .bullet {
    cursor: pointer;
    position: relative !important;
    background: rgba(0, 0, 0, 0.3) !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 20px !important;
    height: 15px !important;
    display: inline-block;
    margin-right: 5px !important;
    margin-bottom: 14px !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    float:none !important;
}
.tp-bullets.simplebullets .bullet.last {
    margin-right: 0px
}
.tp-bullets.simplebullets .bullet:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #696057 !important;
    width: 20px !important;
    height: 15px !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}


.tp-bullets.simplebullets .bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	background: #696057 !important;
	width: 74px !important;
    height: 15px !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}



.tparrows:before {
    font-family: 'revicons';
	color: #fff;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: 0;
    margin-top: 9px;
    text-align: center;
    width: 40px;
    font-size: 20px;
}
.tparrows {

    
    cursor: pointer;

    background: rgba(0, 0, 0, 0.5) !important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 40px !important;
    height: 40px !important;

}
.tparrows:hover {
    color: #fff;
}
.tp-leftarrow:before {
    content: '<'; font-weight:700; font-size:25px; margin-left:0px !important; line-height:18px;
}
.tp-rightarrow:before {
    content: '>'; font-weight:700; font-size:25px; margin-left:0px !important; line-height:18px;
}
.tparrows.tp-rightarrow:before {
    margin-left: 1px;
}
.tparrows:hover {
    background: #696057 !important;
}



/******************************
	-	SLIDER NAV STYLE DEMOS	-
********************************/

#slider4container .tparrows:before,
#slider4container .tparrows:hover,
#slider4container .tparrows {
    color: #000 !important;
}

#slider4container .tparrows {
	background:#fff !important;
	background:rgba(255,255,255,0.5) !important;
}

#slider4container .tparrows:hover	{
	background:#fff !important
}




@media (min-width: 0px) and (max-width:640px) {
  
  
.tparrows {
    display : none;]
    cursor: pointer;

    background: none !important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 30px !important;
    height: 20px !important;

}
.tparrows:hover {
    background : none !important;
}
.tp-leftarrow:before {
    content: '<'; margin-top:1px; font-weight:700; font-size:15px; margin-left:-13px !important;
}
.tp-rightarrow:before {
    content: '>'; margin-top:1px; font-weight:700; font-size:15px; 
}

.tp-bullets { display:none; }  
  
  }