@charset "UTF-8";

/* CSS 이미지 슬라이더 (winstarclub) */
#winstarclub-sliderWrap {
position: relative;
margin:0 auto;
min-width: 320px;
max-width: 800px;
}
#winstarclub-sliderWrap ul {
list-style:none;
margin: 0px;
transition: 300ms;
-webkit-transition: 300ms;
-webkit-transform: translate3d(0px, 0px, 0px);
}
#winstarclub-sliderWrap li {
display:none;
width:100%;
margin:0px auto;
list-style:none;
}
#winstarclub-sliderWrap li:first-child {
display:block;
}
#winstarclub-sliderWrap li img {
width:100%;
}
.winstarclub-arrowBox{
margin:0 auto;
}
.winstarclub-arrowBox a {
display:block;
font-family: 'WebSymbolsRegular';
font-size: 50px;
color: #E5E5E5;
top: 50%;
margin-top: -25px;
position: absolute;
z-index: 1000;
opacity: 0.65;
cursor: pointer;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 0px rgba(0,0,0,.4);
text-decoration: none;
}
.winstarclub-arrowBox .winstarclub-iar {

right:0.1em;
}
.winstarclub-arrowBox .winstarclub-ial {

left:0.1em;
}
.winstarclub-arrowBox a:hover { opacity: 1 }

.winstarclub-arrowBox a:active { margin-top: -23px }


/* CSS 이미지 슬라이더 (밸런스온) */
#balanceon-sliderWrap {
position: relative;
margin:0 auto;
min-width: 320px;
max-width: 800px;
}
#balanceon-sliderWrap ul {
list-style:none;
margin: 0px;
transition: 300ms;
-webkit-transition: 300ms;
-webkit-transform: translate3d(0px, 0px, 0px);
}
#balanceon-sliderWrap li {
display:none;
width:100%;
margin:0px auto;
list-style:none;
}
#balanceon-sliderWrap li:first-child {
display:block;
}
#balanceon-sliderWrap li img {
width:100%;
}
.balanceon-arrowBox{
margin:0 auto;
}
.balanceon-arrowBox a {
display:block;
font-family: 'WebSymbolsRegular';
font-size: 50px;
color: #E5E5E5;
top: 50%;
margin-top: -25px;
position: absolute;
z-index: 1000;
opacity: 0.65;
cursor: pointer;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 0px rgba(0,0,0,.4);
text-decoration: none;
}
.balanceon-arrowBox .balanceon-iar {

right:0.1em;
}
.balanceon-arrowBox .balanceon-ial {

left:0.1em;
}
.balanceon-arrowBox a:hover { opacity: 1 }

.balanceon-arrowBox a:active { margin-top: -23px }

/* CSS 이미지 슬라이더 (2017 롯데손해보험 캘린더 / 다이어리) */
#lotteins-sliderWrap {
position: relative;
margin:0 auto;
min-width: 320px;
max-width: 800px;
}
#lotteins-sliderWrap ul {
list-style:none;
margin: 0px;
transition: 300ms;
-webkit-transition: 300ms;
-webkit-transform: translate3d(0px, 0px, 0px);
}
#lotteins-sliderWrap li {
display:none;
width:100%;
margin:0px auto;
list-style:none;
}
#lotteins-sliderWrap li:first-child {
display:block;
}
#lotteins-sliderWrap li img {
width:100%;
}
.lotteins-arrowBox{
margin:0 auto;
}
.lotteins-arrowBox a {
display:block;
font-family: 'WebSymbolsRegular';
font-size: 50px;
color: #E5E5E5;
top: 50%;
margin-top: -25px;
position: absolute;
z-index: 1000;
opacity: 0.65;
cursor: pointer;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 0px rgba(0,0,0,.4);
text-decoration: none;
}
.lotteins-arrowBox .lotteins-iar {

right:0.1em;
}
.lotteins-arrowBox .lotteins-ial {

left:0.1em;
}
.lotteins-arrowBox a:hover { opacity: 1 }

.lotteins-arrowBox a:active { margin-top: -23px }

/* CSS 이미지 슬라이더 (롯데정밀화학CI) */
#lottefinechem-sliderWrap {
position: relative;
margin:0 auto;
min-width: 320px;
max-width: 800px;
}
#lottefinechem-sliderWrap ul {
list-style:none;
margin: 0px;
transition: 300ms;
-webkit-transition: 300ms;
-webkit-transform: translate3d(0px, 0px, 0px);
}
#lottefinechem-sliderWrap li {
display:none;
width:100%;
margin:0px auto;
list-style:none;
}
#lottefinechem-sliderWrap li:first-child {
display:block;
}
#lottefinechem-sliderWrap li img {
width:100%;
}
.lottefinechem-arrowBox{
margin:0 auto;
}
.lottefinechem-arrowBox a {
display:block;
font-family: 'WebSymbolsRegular';
font-size: 50px;
color: #E5E5E5;
top: 50%;
margin-top: -25px;
position: absolute;
z-index: 1000;
opacity: 0.8;
cursor: pointer;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 0px rgba(0,0,0,.4);
text-decoration: none;
}
.lottefinechem-arrowBox .lottefinechem-iar {

right:0.1em;
}
.lottefinechem-arrowBox .lottefinechem-ial {

left:0.1em;
}
.lottefinechem-arrowBox a:hover { opacity: 1 }

.lottefinechem-arrowBox a:active { margin-top: -23px }

/* CSS 이미지 슬라이더 (롯데BP화학CI) */
#lottebp-sliderWrap {
position: relative;
margin:0 auto;
min-width: 320px;
max-width: 800px;
}
#lottebp-sliderWrap ul {
list-style:none;
margin: 0px;
transition: 300ms;
-webkit-transition: 300ms;
-webkit-transform: translate3d(0px, 0px, 0px);
}
#lottebp-sliderWrap li {
display:none;
width:100%;
margin:0px auto;
list-style:none;
}
#lottebp-sliderWrap li:first-child {
display:block;
}
#lottebp-sliderWrap li img {
width:100%;
}
.lottebp-arrowBox{
margin:0 auto;
}
.lottebp-arrowBox a {
display:block;
font-family: 'WebSymbolsRegular';
font-size: 50px;
color: #E5E5E5;
top: 50%;
margin-top: -25px;
position: absolute;
z-index: 1000;
opacity: 0.65;
cursor: pointer;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 0px rgba(0,0,0,.4);
text-decoration: none;
}
.lottebp-arrowBox .lottebp-iar {

right:0.1em;
}
.lottebp-arrowBox .lottebp-ial {

left:0.1em;
}
.lottebp-arrowBox a:hover { opacity: 1 }

.lottebp-arrowBox a:active { margin-top: -23px }

/* CSS 이미지 슬라이더 (LOTTE Accelerator CI) */
#accelerator-sliderWrap {
position: relative;
margin:0 auto;
min-width: 320px;
max-width: 800px;
}
#accelerator-sliderWrap ul {
list-style:none;
margin: 0px;
transition: 300ms;
-webkit-transition: 300ms;
-webkit-transform: translate3d(0px, 0px, 0px);
}
#accelerator-sliderWrap li {
display:none;
width:100%;
margin:0px auto;
list-style:none;
}
#accelerator-sliderWrap li:first-child {
display:block;
}
#accelerator-sliderWrap li img {
width:100%;
}
.accelerator-arrowBox{
margin:0 auto;
}
.accelerator-arrowBox a {
display:block;
font-family: 'WebSymbolsRegular';
font-size: 50px;
color: #E5E5E5;
top: 50%;
margin-top: -25px;
position: absolute;
z-index: 1000;
opacity: 0.65;
cursor: pointer;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 0px rgba(0,0,0,.4);
text-decoration: none;
}
.accelerator-arrowBox .accelerator-iar {

right:0.1em;
}
.accelerator-arrowBox .accelerator-ial {

left:0.1em;
}
.accelerator-arrowBox a:hover { opacity: 1 }

.accelerator-arrowBox a:active { margin-top: -23px }

/* CSS 이미지 슬라이더 (POSCO GROUP CI Management Program) */
#poscogroup-sliderWrap {
position: relative;
margin:0 auto;
min-width: 320px;
max-width: 800px;
}
#poscogroup-sliderWrap ul {
list-style:none;
margin: 0px;
transition: 300ms;
-webkit-transition: 300ms;
-webkit-transform: translate3d(0px, 0px, 0px);
}
#poscogroup-sliderWrap li {
display:none;
width:100%;
margin:0px auto;
list-style:none;
}
#poscogroup-sliderWrap li:first-child {
display:block;
}
#poscogroup-sliderWrap li img {
width:100%;
}
.poscogroup-arrowBox{
margin:0 auto;
}
.poscogroup-arrowBox a {
display:block;
font-family: 'WebSymbolsRegular';
font-size: 50px;
color: #E5E5E5;
top: 50%;
margin-top: -25px;
position: absolute;
z-index: 1000;
opacity: 0.65;
cursor: pointer;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 0px rgba(0,0,0,.4);
text-decoration: none;
}
.poscogroup-arrowBox .poscogroup-iar {

right:0.1em;
}
.poscogroup-arrowBox .poscogroup-ial {

left:0.1em;
}
.poscogroup-arrowBox a:hover { opacity: 1 }

.poscogroup-arrowBox a:active { margin-top: -23px }

/* CSS 이미지 슬라이더 (뷰체) */
#bdkorea-sliderWrap {
position: relative;
margin:0 auto;
min-width: 320px;
max-width: 800px;
}
#bdkorea-sliderWrap ul {
list-style:none;
margin: 0px;
transition: 300ms;
-webkit-transition: 300ms;
-webkit-transform: translate3d(0px, 0px, 0px);
}
#bdkorea-sliderWrap li {
display:none;
width:100%;
margin:0px auto;
list-style:none;
}
#bdkorea-sliderWrap li:first-child {
display:block;
}
#bdkorea-sliderWrap li img {
width:100%;
}
.bdkorea-arrowBox{
margin:0 auto;
}
.bdkorea-arrowBox a {
display:block;
font-family: 'WebSymbolsRegular';
font-size: 50px;
color: #E5E5E5;
top: 50%;
margin-top: -25px;
position: absolute;
z-index: 1000;
opacity: 0.65;
cursor: pointer;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 0px rgba(0,0,0,.4);
text-decoration: none;
}
.bdkorea-arrowBox .bdkorea-iar {

right:0.1em;
}
.bdkorea-arrowBox .bdkorea-ial {

left:0.1em;
}
.bdkorea-arrowBox a:hover { opacity: 1 }

.bdkorea-arrowBox a:active { margin-top: -23px }


/* CSS 이미지 슬라이더 (티볼리) */
#tivoli-sliderWrap {
position: relative;
margin:0 auto;
min-width: 320px;
max-width: 800px;
}
#tivoli-sliderWrap ul {
list-style:none;
margin: 0px;
transition: 300ms;
-webkit-transition: 300ms;
-webkit-transform: translate3d(0px, 0px, 0px);
}
#tivoli-sliderWrap li {
display:none;
width:100%;
margin:0px auto;
list-style:none;
}
#tivoli-sliderWrap li:first-child {
display:block;
}
#tivoli-sliderWrap li img {
width:100%;
}
.tivoli-arrowBox{
margin:0 auto;
}
.tivoli-arrowBox a {
display:block;
font-family: 'WebSymbolsRegular';
font-size: 50px;
color: #E5E5E5;
top: 50%;
margin-top: -25px;
position: absolute;
z-index: 1000;
opacity: 0.65;
cursor: pointer;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 0px rgba(0,0,0,.4);
text-decoration: none;
}
.tivoli-arrowBox .tivoli-iar {

right:0.1em;
}
.tivoli-arrowBox .tivoli-ial {

left:0.1em;
}
.tivoli-arrowBox a:hover { opacity: 1 }

.tivoli-arrowBox a:active { margin-top: -23px }

/* CSS 이미지 슬라이더 (코란도) */
#korando-sliderWrap {
position: relative;
margin:0 auto;
min-width: 320px;
max-width: 800px;
}
#korando-sliderWrap ul {
list-style:none;
margin: 0px;
transition: 300ms;
-webkit-transition: 300ms;
-webkit-transform: translate3d(0px, 0px, 0px);
}
#korando-sliderWrap li {
display:none;
width:100%;
margin:0px auto;
list-style:none;
}
#korando-sliderWrap li:first-child {
display:block;
}
#korando-sliderWrap li img {
width:100%;
}
.korando-arrowBox{
margin:0 auto;
}
.korando-arrowBox a {
display:block;
font-family: 'WebSymbolsRegular';
font-size: 50px;
color: #E5E5E5;
top: 50%;
margin-top: -25px;
position: absolute;
z-index: 1000;
opacity: 0.65;
cursor: pointer;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 0px rgba(0,0,0,.4);
text-decoration: none;
}
.korando-arrowBox .korando-iar {

right:0.1em;
}
.korando-arrowBox .korando-ial {

left:0.1em;
}
.korando-arrowBox a:hover { opacity: 1 }

.korando-arrowBox a:active { margin-top: -23px }

/* CSS 이미지 슬라이더 (힐리언스) */
#healience-sliderWrap {
position: relative;
margin:0 auto;
min-width: 320px;
max-width: 800px;
}
#healience-sliderWrap ul {
list-style:none;
margin: 0px;
transition: 300ms;
-webkit-transition: 300ms;
-webkit-transform: translate3d(0px, 0px, 0px);
}
#healience-sliderWrap li {
display:none;
width:100%;
margin:0px auto;
list-style:none;
}
#healience-sliderWrap li:first-child {
display:block;
}
#healience-sliderWrap li img {
width:100%;
}
.healience-arrowBox{
margin:0 auto;
}
.healience-arrowBox a {
display:block;
font-family: 'WebSymbolsRegular';
font-size: 50px;
color: #E5E5E5;
top: 50%;
margin-top: -25px;
position: absolute;
z-index: 1000;
opacity: 0.65;
cursor: pointer;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 0px rgba(0,0,0,.4);
text-decoration: none;
}
.healience-arrowBox .healience-iar {

right:0.1em;
}
.healience-arrowBox .healience-ial {

left:0.1em;
}
.healience-arrowBox a:hover { opacity: 1 }

.healience-arrowBox a:active { margin-top: -23px }


/* CSS 이미지 슬라이더 (롯데푸드) */
#lottefoods-sliderWrap {
position: relative;
margin:0 auto;
min-width: 320px;
max-width: 800px;
}
#lottefoods-sliderWrap ul {
list-style:none;
margin: 0px;
transition: 300ms;
-webkit-transition: 300ms;
-webkit-transform: translate3d(0px, 0px, 0px);
}
#lottefoods-sliderWrap li {
display:none;
width:100%;
margin:0px auto;
list-style:none;
}
#lottefoods-sliderWrap li:first-child {
display:block;
}
#lottefoods-sliderWrap li img {
width:100%;
}
.lottefoods-arrowBox{
margin:0 auto;
}
.lottefoods-arrowBox a {
display:block;
font-family: 'WebSymbolsRegular';
font-size: 50px;
color: #E5E5E5;
top: 50%;
margin-top: -25px;
position: absolute;
z-index: 1000;
opacity: 0.65;
cursor: pointer;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 0px rgba(0,0,0,.4);
text-decoration: none;
}
.lottefoods-arrowBox .lottefoods-iar {

right:0.1em;
}
.lottefoods-arrowBox .lottefoods-ial {

left:0.1em;
}
.lottefoods-arrowBox a:hover { opacity: 1 }

.lottefoods-arrowBox a:active { margin-top: -23px }


/* CSS 이미지 슬라이더 (농협로컬푸드) */
#localfood-sliderWrap {
position: relative;
margin:0 auto;
min-width: 320px;
max-width: 800px;
}
#localfood-sliderWrap ul {
list-style:none;
margin: 0px;
transition: 300ms;
-webkit-transition: 300ms;
-webkit-transform: translate3d(0px, 0px, 0px);
}
#localfood-sliderWrap li {
display:none;
width:100%;
margin:0px auto;
list-style:none;
}
#localfood-sliderWrap li:first-child {
display:block;
}
#localfood-sliderWrap li img {
width:100%;
}
.localfood-arrowBox{
margin:0 auto;
}
.localfood-arrowBox a {
display:block;
font-family: 'WebSymbolsRegular';
font-size: 50px;
color: #E5E5E5;
top: 50%;
margin-top: -25px;
position: absolute;
z-index: 1000;
opacity: 0.65;
cursor: pointer;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 0px rgba(0,0,0,.4);
text-decoration: none;
}
.localfood-arrowBox .localfood-iar {

right:0.1em;
}
.localfood-arrowBox .localfood-ial {

left:0.1em;
}
.localfood-arrowBox a:hover { opacity: 1 }

.localfood-arrowBox a:active { margin-top: -23px }


/* CSS 이미지 슬라이더 (롯데캐슬) */
#lottecastle-sliderWrap {
position: relative;
margin:0 auto;
min-width: 320px;
max-width: 800px;
}
#lottecastle-sliderWrap ul {
list-style:none;
margin: 0px;
transition: 300ms;
-webkit-transition: 300ms;
-webkit-transform: translate3d(0px, 0px, 0px);
}
#lottecastle-sliderWrap li {
display:none;
width:100%;
margin:0px auto;
list-style:none;
}
#lottecastle-sliderWrap li:first-child {
display:block;
}
#lottecastle-sliderWrap li img {
width:100%;
}
.lottecastle-arrowBox{
margin:0 auto;
}
.lottecastle-arrowBox a {
display:block;
font-family: 'WebSymbolsRegular';
font-size: 50px;
color: #E5E5E5;
top: 50%;
margin-top: -25px;
position: absolute;
z-index: 1000;
opacity: 0.65;
cursor: pointer;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 0px rgba(0,0,0,.4);
text-decoration: none;
}
.lottecastle-arrowBox .lottecastle-iar {

right:0.1em;
}
.lottecastle-arrowBox .lottecastle-ial {

left:0.1em;
}
.lottecastle-arrowBox a:hover { opacity: 1 }

.lottecastle-arrowBox a:active { margin-top: -23px }


/* CSS 이미지 슬라이더 (스피디움) */
#speedium-sliderWrap {
position: relative;
margin:0 auto;
min-width: 320px;
max-width: 800px;
}
#speedium-sliderWrap ul {
list-style:none;
margin: 0px;
transition: 300ms;
-webkit-transition: 300ms;
-webkit-transform: translate3d(0px, 0px, 0px);
}
#speedium-sliderWrap li {
display:none;
width:100%;
margin:0px auto;
list-style:none;
}
#speedium-sliderWrap li:first-child {
display:block;
}
#speedium-sliderWrap li img {
width:100%;
}
.speedium-arrowBox{
margin:0 auto;
}
.speedium-arrowBox a {
display:block;
font-family: 'WebSymbolsRegular';
font-size: 50px;
color: #E5E5E5;
top: 50%;
margin-top: -25px;
position: absolute;
z-index: 1000;
opacity: 0.65;
cursor: pointer;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 0px rgba(0,0,0,.4);
text-decoration: none;
}
.speedium-arrowBox .speedium-iar {

right:0.1em;
}
.speedium-arrowBox .speedium-ial {

left:0.1em;
}
.speedium-arrowBox a:hover { opacity: 1 }

.speedium-arrowBox a:active { margin-top: -23px }


/* CSS 이미지 슬라이더 (비바폴로) */
#vivapolo-sliderWrap {
position: relative;
margin:0 auto;
min-width: 320px;
max-width: 800px;
}
#vivapolo-sliderWrap ul {
list-style:none;
margin: 0px;
transition: 300ms;
-webkit-transition: 300ms;
-webkit-transform: translate3d(0px, 0px, 0px);
}
#vivapolo-sliderWrap li {
display:none;
width:100%;
margin:0px auto;
list-style:none;
}
#vivapolo-sliderWrap li:first-child {
display:block;
}
#vivapolo-sliderWrap li img {
width:100%;
}
.vivapolo-arrowBox{
margin:0 auto;
}
.vivapolo-arrowBox a {
display:block;
font-family: 'WebSymbolsRegular';
font-size: 50px;
color: #E5E5E5;
top: 50%;
margin-top: -25px;
position: absolute;
z-index: 1000;
opacity: 0.65;
cursor: pointer;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 0px rgba(0,0,0,.4);
text-decoration: none;
}
.vivapolo-arrowBox .vivapolo-iar {

right:0.1em;
}
.vivapolo-arrowBox .vivapolo-ial {

left:0.1em;
}
.vivapolo-arrowBox a:hover { opacity: 1 }

.vivapolo-arrowBox a:active { margin-top: -23px }