.FlagImg{/*태극기부분*/
	width: 50px;
    height: 50px;
    position: relative;
    top:    0px;
    right: 22px;
    z-index: -1;
}

.KoreanWord{/*한글날*/
	position: relative;
    top: -10px;
    left: -32px;
    z-index: -1;
}
.Halloween, .HappyNewYear, .Yellow_ribbon, .ThanxGiving{	
	position: relative;
    top: -50px;
    left: -22px;
    z-index: -1;
    /*
	animation: UpAndDown 1s 0s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    -webkit-animation: UpAndDown 1s 0s;
    -webkit-animation-direction: alternate-reverse;
    -webkit-animation-iteration-count: infinite;
    */
}

.Halloween{
    top: 0px;
}

.Yellow_ribbon{        
    top: 0px;    
}

.navbar .HappyNewYear{    
    width: 40px;
    left: -18px;
    top: -14px;
    /*transform: rotate( 27deg);*/
}

.Yellow_ribbon{
    width:25px;
}

.Christmas{ 
    position: relative;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 45px;
    height: auto; 
}
.ChristmasBackGround{
    max-width: 160px;
    position: relative;
    width: 150px;
    top: 0px;
    left: 0px;
    z-index: -2;        
    height: 55px;   
    background-size: 200px;
    background-image: url('/data/img/YearEvent/2018/Christmas/effect/snow.png'),
    url('/data/img/YearEvent/2018/Christmas/effect/snow3.png'),
    url('/data/img/YearEvent/2018/Christmas/effect/snow2.png');
    -webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
}

.SnowBackGroundMain{
    position: relative;
    top: -665px;
    left: 0px;
    z-index: 0;
    height: 665px;    
    background-image: url('/data/img/YearEvent/2018/Christmas/effect/snow.png'),
    url('/data/img/YearEvent/2018/Christmas/effect/snow3.png'),
    url('/data/img/YearEvent/2018/Christmas/effect/snow2.png');
    -webkit-animation: snow 10s linear infinite;
    -moz-animation: snow 10s linear infinite;
    -ms-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite;
}

.banner_img_div{
    position: relative;
    top: 0px;
    left: 0px;
    z-index: -1;    
}


.MainViewBox{
    width: 100%;
    height: 250px;
    overflow: hidden;
    max-height: 655px;  
}

.MainViewBox img{
    width: 100%;    
    height: auto;
    max-height: 665px;
    max-width: 1980px;
}

@media (min-width: 1680px){
    .MainViewBox{
        /*
        height: 665px;
        max-height: 665px;
        transition:all 0.5s;
        */
        height: 560px;
        max-height: 665px;
        background-size: 100% auto;
        transition: all 0.5s;
    }    
}

/* 눈 내리는 효과 설정 CSS 파일 맨 아래에 추가*/
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
  
@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
  
@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 50% {}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
  
@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}