/* BASIC css start */
/*--- »óÇ° ŸÀÌƲ ---*/
h2.tit{text-transform:uppercase;font-size:1.2em;font-weight:300;padding:10px 0 10px 12px;border-top:1px solid #737373;border-bottom:1px solid #737373;width:calc(100% - 4px);margin:0 auto 15px;box-sizing:border-box}
h2.tit .emp {
    font-weight: bold;
}
.loca{clear:both;padding-top:10%}


/* ¿µ¿ª */
.sect {
    position: relative;
}
.pics {
    position:absolute;top:0;left:0;z-index:2;
}



/*--- animation ---*/         
@-webkit-keyframes blurFadeInOut {
	0% {opacity: 0;text-shadow: 0px 0px 40px #fff;-webkit-transform: scale(1.5); filter: blur(5px);-webkit-filter: blur(5px);}
	100% {opacity: 1;text-shadow: 0px 0px 1px #fff;-webkit-transform: scale(1);filter: blur(0px);-webkit-filter: blur(0px);}
}
@keyframes blurFadeInOut {
	0% {opacity: 0;text-shadow: 0px 0px 40px #fff;-webkit-transform: scale(1.5); filter: blur(5px);-webkit-filter: blur(5px);}
	100% {opacity: 1;text-shadow: 0px 0px 1px #fff;-webkit-transform: scale(1); filter: blur(0px);-webkit-filter: blur(0px);}
}
.blurFadeInOut {
  -webkit-animation-name:blurFadeInOut;
  animation-name: blurFadeInOut;
}


@-webkit-keyframes blurFadeInOut2 {
	0% {opacity: 0;text-shadow: 0px 0px 40px #fff;-webkit-transform: scale(1.1); filter: blur(5px);-webkit-filter: blur(5px);}
	100% {opacity: 1;text-shadow: 0px 0px 1px #fff;-webkit-transform: scale(1);filter: blur(0px);-webkit-filter: blur(0px);}
}
@keyframes blurFadeInOut2 {
	0% {opacity: 0;text-shadow: 0px 0px 40px #fff;-webkit-transform: scale(1.1); filter: blur(5px);-webkit-filter: blur(5px);}
	100% {opacity: 1;text-shadow: 0px 0px 1px #fff;-webkit-transform: scale(1); filter: blur(0px);-webkit-filter: blur(0px);}
}
.blurFadeInOut2 {
  -webkit-animation-name:blurFadeInOut2;
  animation-name: blurFadeInOut2;
}

@-webkit-keyframes hideshowbin02 {
  0% {width:0px; }
  100% {width:100%;}
}

@keyframes hideshowbin02 {
  0% {width:0px; }
  100% {width:100%;}
}
.hideshowbin02 {
  -webkit-animation-name: hideshowbin02;
  animation-name: hideshowbin02;
}
                    
                    
    @keyframes left-wc-anim {
          0% {left: 0;width: 100%;}
          100% {left: 0;width: 0%;}
    }
    .left-wc-anim {-webkit-animation-name: left-wc-anim;-moz-animation-name: left-wc-anim;-o-animation-name: left-wc-anim;animation-name: left-wc-anim;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;}

    @keyframes right-wc-anim {
          0% {right: 0;width: 100%;}
          100% {right: 0;width: 0%;}
    }
    .right-wc-anim {-webkit-animation-name: right-wc-anim;-moz-animation-name: right-wc-anim;-o-animation-name: right-wc-anim;animation-name: right-wc-anim;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;}

    @keyframes down-wc-anim{
        0%{height:100%;bottom:0}
        100%{height:0;bottom:0}
    }

    .down-wc-anim{-webkit-animation-name:down-wc-anim;-moz-animation-name:down-wc-anim;-o-animation-name:down-wc-anim;animation-name:down-wc-anim;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s}
    
    @keyframes up-wc-anim{
        0%{height:100%;top:0}
        100%{height:0;top:0}
    }
    .up-wc-anim{-webkit-animation-name:up-wc-anim;-moz-animation-name:up-wc-anim;-o-animation-name:up-wc-anim;animation-name:up-wc-anim;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s}
    
@-webkit-keyframes gnbAni {
    0%{top:0;}
    20% {top:-0.2rem;}
    40% {top:0;}
    60% {top:0;}
    80% {top:0;}
    100% {top:0}
}
@keyframes gnbAni {
    0% {top:0;}
    20% {top:-0.2rem;}
    40% {top:0}
    60% {top:0}
    80% {top:0}
    100% {top:0}
}



/* BASIC css end */