/* 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 */