@charset "utf-8";
/* CSS Document by white works */
.ms_title{font-size: 30px; font-size: 3rem; font-weight: 100; text-align: center; color:#0063a8; margin: 20px; font-weight: 500;}
.ms_title.t2{color:#71bf45;}
.ms_title strong{font-weight: 500;}
.ms_summary{font-size: 16px; font-size: 1.6rem; font-weight: 200; margin-bottom: 20px; text-align: center; letter-spacing: -1px;}
.ms_summary span.u2 b{font-weight: 400;}
#service_wrap{position: fixed; bottom: 0; z-index: 7; overflow: hidden;}
#service_wrap .service_info{position: absolute; left:0; bottom:0; height: 0; font-size: 16px; font-size: 1.6rem; color:#0063a8; width: 100%; min-width: 310px; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
#service_wrap .service_info .service_tel{position: absolute; left:0; top:-55px; display: inline-block; vertical-align: middle; line-height: 26px; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
#service_wrap .service_info .service_tel span{display: inline-block; vertical-align: top; margin-top: 1px; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; border: 2px solid #0063a8; font-size: 10px; font-size: 1rem; text-align: center; margin-right: 5px;}
#service_wrap a.btn_service{position: absolute; right:0; top:-64px; background: #0063a8; color:#ffffff; font-size: 16px; font-size: 1.6rem; padding: 8px 25px 8px 15px; border: 2px solid #0063a8;border-radius: 30px; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
#service_wrap a.btn_service .icon{display: inline-block; vertical-align: middle; width: 30px; height: 20px; background: url(../images/main/icon_service_application.png) no-repeat center;}
#service_wrap .btn_service:hover, #service_wrap .btn_service:focus{background: #3691d0; }
#service_wrap .service_info .btn_main_top{display: none;}
#service_wrap .btn_kakao{display: none;}

#service_wrap.svcFix{z-index: 15;}
#service_wrap.svcFix .service_info{position:fixed; left:0; bottom:0; width: 100%; height: 60px; background: #fff; box-shadow: 0px -1px 3px rgba(200,200,200,0.1);}
#service_wrap.svcFix .service_info .service_tel{top:18px; left:10px;}
#service_wrap.svcFix .service_info a.si_link{display: inline-block;}
#service_wrap.svcFix a.btn_service{top:8px; right:10px;}

#main_visual{position: relative; margin: 0; height: 400px; z-index: 6;}
#main_visual .owl-pagination{font-size: 0;}
#main_visual .owl-controls {position: absolute; height: 10px; left:15px; bottom: 15px; width: 100%;}
#main_visual .owl-controls .owl-page{display: inline-block; vertical-align: middle; width: 20px; height: 3px; border-radius:2px; background: rgba(255,255,255,0.2); margin: 3px;}
#main_visual .owl-controls .owl-page.active{background: rgba(255,255,255,1);}
#main_slider{width: 100%; height: 400px; position: absolute; right:0; top:0px;}
#main_slider .item{width: 100%; height: 400px;}
#main_slider .item_wrap{position: relative; height: 400px; padding: 0 15px; text-align: center;}
#main_slider .item_wrap .item_wrap_fix{position: relative; height: 100%; max-width: 1200px; margin: 0 auto;}
#main_slider .item.msi1{background: #6eb7a8;}
#main_slider .item.msi1 .item_wrap{background: linear-gradient(90deg, rgba(46,56,48,0.2) 0%, rgba(75,134,87,0) 100%);}
#main_slider .item.msi1 .item_wrap .ms_txt1{padding-top: 15px; font-weight: 100; font-size: 35px; font-size: 3.5rem; letter-spacing: -2px; text-align: left; color:#ffffff; text-shadow: 5px 5px 1px rgba(0,0,0,0.15);}
#main_slider .item.msi1 .item_wrap .ms_txt1 strong{font-weight: 700; font-size: 50px; font-size: 5rem; letter-spacing: -3px;}
#main_slider .item.msi1 .item_wrap .ms_txt2{font-size: 13px; font-size: 1.3rem; color:#ffffff; font-weight: 100; letter-spacing: -1px; text-align: left; line-height: 1.6; margin-top: 10px; text-shadow: 3px 3px 1px rgba(0,0,0,0.15);}
#main_slider .item.msi1 .item_wrap figure{position: absolute; bottom:40px; left:10%; display: inline-block; vertical-align: middle; width: 80%;}
#main_slider .item.msi1 .item_wrap figure img{width: 100%;}
#main_slider .item.msi2{background: #bbac69;}
#main_slider .item.msi2 .item_wrap{background: linear-gradient(90deg, rgba(46,56,48,0.2) 0%, rgba(75,134,87,0) 100%);}
#main_slider .item.msi2 .item_wrap .ms_txt1{padding-top: 15px; font-weight: 100; font-size: 35px; font-size: 3.5rem; letter-spacing: -2px; text-align: left; color:#ffffff; text-shadow: 5px 5px 1px rgba(0,0,0,0.15);}
#main_slider .item.msi2 .item_wrap .ms_txt1 strong{font-weight: 700; font-size: 50px; font-size: 5rem; letter-spacing: -3px;}
#main_slider .item.msi2 .item_wrap .ms_txt2{font-size: 13px; font-size: 1.3rem; color:#ffffff; font-weight: 100; letter-spacing: -1px; text-align: left; line-height: 1.6; margin-top: 10px; text-shadow: 3px 3px 1px rgba(0,0,0,0.15);}
#main_slider .item.msi2 .item_wrap figure{position: absolute; bottom:40px; left:10%; display: inline-block; vertical-align: middle; width: 80%;}
#main_slider .item.msi2 .item_wrap figure img{width: 100%;}

#main_slider_nav{position: absolute; width: 100%; right:0; bottom:10px; color:#ffffff; text-align: right;}
#main_slider_nav .msn_btn{color:#ffffff; font-family: serif; font-size: 15px;}
#main_slider_nav .msn_btn a{display: inline-block; vertical-align: middle; width: 23px; height: 23px; line-height: 24px; border: 1px solid #ccc; text-align: center; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
#main_slider_nav .msn_btn a.hidden{display: none;}
#main_slider_nav .msn_btn a.msn_stop{background: url(../images/common/iconset_msn.png) no-repeat left center;}
#main_slider_nav .msn_btn a.msn_play{background: url(../images/common/iconset_msn.png) no-repeat right center;}
#main_slider_nav .msn_btn a.msn_next{margin-right: 20px;}
#main_slider_nav .msn_btn a:hover, #main_slider_nav .msn_btn a:focus{background-color: rgba(255,255,255,0.4); color:inherit;}
#main_slider_nav .msn_number{display: inline-block; vertical-align: top; width: 40px; height: 23px; line-height: 24px; border: 1px solid #ccc; color:#ffffff; text-align: center; font-size: 1.3rem; font-size: 13px; letter-spacing: 1px;}

#main_short_cut{position: relative;}
#main_short_cut ul{margin: 10px; position: relative; overflow: hidden; margin-top: 20px;}
#main_short_cut ul li{float: left; width: 33.333333%; margin-bottom: 20px; text-align: center;}
#main_short_cut ul li a{display: inline-block; vertical-align: middle; font-size: 13px; font-size: 1.3rem; text-align: center; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
#main_short_cut ul li a span.icon{display: inline-block; vertical-align: middle; width: 86px; height: 86px; border: 2px solid #f4f4f8; border-radius: 50%; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
#main_short_cut ul li a span.subject{display: inline-block; vertical-align: middle; width: 100%; margin-top: 10px;}
#main_short_cut ul li a.sc1 span.icon{background:#f4f4f8 url(../images/main/shortcut_icon_1.png) no-repeat center;}
#main_short_cut ul li a.sc2 span.icon{background:#f4f4f8 url(../images/main/shortcut_icon_2.png) no-repeat center;}
#main_short_cut ul li a.sc3 span.icon{background:#f4f4f8 url(../images/main/shortcut_icon_3.png) no-repeat center;}
#main_short_cut ul li a.sc4 span.icon{background:#f4f4f8 url(../images/main/shortcut_icon_4.png) no-repeat center;}
#main_short_cut ul li a.sc5 span.icon{background:#f4f4f8 url(../images/main/shortcut_icon_5.png) no-repeat center;}
#main_short_cut ul li a.sc6 span.icon{background:#f4f4f8 url(../images/main/shortcut_icon_6.png) no-repeat center;}
#main_short_cut ul li a:hover .icon, #main_short_cut ul li a:focus .icon{border-color: #0063a8;}

#notice_wrap{padding:10px; overflow: hidden; padding-top: 40px; padding-bottom: 40px; }
#notice_slider_nav{position: relative;}
#notice_slider_nav a.nsn{position: absolute; display: inline-block; vertical-align: middle; top:0; width: 40px; height: 40px; background: #0063a8; color:#ffffff; line-height: 40px; font-size: 20px; text-align: center;}
#notice_slider_nav a.nsn.nsn_prev{left:0;}
#notice_slider_nav a.nsn.nsn_next{right:0;}
#notice_slider_nav a.nsn:hover, #notice_slider_nav a.nsn:focus{background: #2588cd; font-size: 24px; border-radius: 5px;}
#notice_slider .item{position: relative;}
#notice_slider .item_row{background: #ffffff; margin-bottom: 10px; overflow: hidden;}
#notice_slider .item_row a{display: inline-block; vertical-align: middle; padding: 30px; box-shadow: 1px 2px 3px rgba(100,100,100,0.1);}
#notice_slider .item_row .ns_subject{font-size: 20px; font-size: 2rem; color:#393944; height: 300%;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#notice_slider .item_row .ns_content{font-size: 14px; font-size: 1.4rem; color:#9c9ca1; line-height: 1.8; height: 126px; margin-top: 15px;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
#notice_slider .item_row a:hover .ns_subject, #notice_slider .item_row a:focus .ns_subject{color:#0063a8;}
#notice_slider .item_row a:hover .ns_content, #notice_slider .item_row a:focus .ns_content{color:#454545;}

#photo_wrap{padding:10px; padding-top: 40px; padding-bottom: 40px; overflow: hidden;}
#photo_slider_nav{position: relative;}
#photo_slider_nav a.psn{position: absolute; display: inline-block; vertical-align: middle; top:0; width: 40px; height: 40px; background: #71bf45; color:#ffffff; line-height: 40px; font-size: 20px; text-align: center;}
#photo_slider_nav a.psn.psn_prev{left:0;}
#photo_slider_nav a.psn.psn_next{right:0;}
#photo_slider_nav a.psn:hover, #photo_slider_nav a.psn:focus{background: #a0e07b; font-size: 24px; border-radius: 5px;}
#photo_slider_nav .ms_title{font-weight: 200; color:#71bf45;}
#photo_slider_nav .ms_title a:hover, #photo_slider_nav .ms_title a:focus{ color: #71bf45;}
#photo_slider .item{position: relative;}
#photo_slider .item_row{margin-bottom: 10px; overflow: hidden;}
#photo_slider .item_row a{display: inline-block; vertical-align: middle; width: 100%; padding: 5px;}
#photo_slider .item_row a img{width: 100%;}
#photo_slider .item_row a figure figcaption{font-size: 14px; font-size: 1.4rem; text-align: center; margin-top: 5px; color:#9c9ca1;}
#photo_slider .item_row a:hover .ns_subject, #photo_slider .item_row a:focus .ns_subject{color:#0063a8;}
#photo_slider .item_row a:hover .ns_content, #photo_slider .item_row a:focus .ns_content{color:#454545;}

#main_location{padding:10px; padding-top: 20px; padding-bottom: 40px; position: relative; text-align: center;}
#main_location .ms_title{font-weight: 200;}
.ms_summary{font-size: 14px; font-size: 1.4rem; line-height: 1.8;}
#main_location #map_canvas{height:330px; z-index: 9;}
#main_location .btn_roadmap{
    position: absolute; display: inline-block; vertical-align: middle; bottom:60px; left:50%; margin-left: -85px;
    width: 170px; line-height: 36px; z-index: 10; background: #fae100; font-size: 16px; font-size: 1.6rem; border-radius: 30px;  border: 2px solid #fae100;
    -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; text-align: center;
}
#main_location .btn_roadmap .icon{display: inline-block; vertical-align: middle; width: 30px; height: 18px; background: url(../images/main/icon_kakao_roadmap.png) no-repeat center;}
#main_location .btn_roadmap:hover, #main_location .btn_roadmap:focus{background: #f2ebac; color:#231f20;}

#family_wrap{position: relative;}
#family_slide{margin: 20px 0; position: relative;}
#family_slide h1{font-size: 16px; font-weight: 500; color:#0063a8; margin-left: 15px;}
#family_slide .family_slide_box{position: relative; width: 90%; margin-left: 5%; margin-top: 5px; overflow: hidden;}
#family_slide #fs_wrap .item{margin: 10px 0; text-align: center;}
#family_slide #fs_wrap .item img{}
#family_slide .fs_nav{display:inline-block; width:130px; height:22px; position: absolute; right:15px; top:2px; text-align: right;}
#family_slide .fs_nav a{display:inline-block; vertical-align: middle; width:18px; height:18px; line-height: 18px; font-size: 11px; color:#878790; text-align: center; font-weight: 200; border: 1px solid #dedee3;}
#family_slide .fs_nav a span {font-size: 0;}
#family_slide .fs_nav a:hover, #family_slide .fs_nav a:focus{color:#0063a8; border-color: #0063a8;}
#family_slide #fs_play{display: none;}

.btn_top{right:-80px;}
#footer {padding-bottom: 60px;}

@media all and (min-width:600px) {
    .ms_summary{font-size: 18px; font-size: 1.8rem;}

    #main_visual{height: 500px;}
    #main_slider{height: 500px;}
    #main_slider .item{height: 500px;}
    #main_slider .item .item_wrap{height: 500px;}

    #main_slider .item.msi1 .item_wrap .ms_txt1{font-size: 40px; font-size: 4rem; }
    #main_slider .item.msi1 .item_wrap .ms_txt1 strong{font-size: 55px; font-size: 5.5rem;}
    #main_slider .item.msi1 .item_wrap .ms_txt2{position: absolute; left:250px; top:132px; font-size: 15px; font-size: 1.5rem;}
    #main_slider .item.msi1 .item_wrap .ms_txt2::before{content:""; position: absolute; left:-18px; top:0; width: 5px; height: 52px; background: rgba(255,255,255,0.1);}
    #main_slider .item.msi1 .item_wrap figure{bottom:70px;}

    #main_slider .item.msi2 .item_wrap .ms_txt1{font-size: 40px; font-size: 4rem;}
    #main_slider .item.msi2 .item_wrap .ms_txt1 strong{font-size: 55px; font-size: 5.5rem;}
    #main_slider .item.msi2 .item_wrap .ms_txt2{position: absolute; left:250px; top:132px; font-size: 15px; font-size: 1.5rem;}
    #main_slider .item.msi2 .item_wrap .ms_txt2::before{content:""; position: absolute; left:-18px; top:0; width: 5px; height: 52px; background: rgba(255,255,255,0.1);}
    #main_slider .item.msi2 .item_wrap figure{bottom:70px;}

    #service_wrap a.btn_service{display: inline-block; vertical-align: middle; padding: 8px 18px 8px 18px; right: auto; left:170px; width: 85px;}
    #service_wrap a.btn_kakao{display: inline-block; vertical-align: middle; position: absolute; right: 10px; top:10px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; color:#4a2a1c; background: #fcdf0a; font-size: 18px;}
    #service_wrap a.btn_kakao:hover, #service_wrap a.btn_kakao:focus{font-size: 20px; top:9px; width: 42px; height: 42px; line-height: 42px; background: #f9eb86;}

    #main_short_cut ul li a{font-size: 14px; font-size: 1.4rem;}

    #main_location #map_canvas{height:380px;}
}
@media all and (min-width:768px) and (max-width:999px) {
    #main_short_cut ul {margin-top: 40px; margin-bottom: 30px;}
    #main_short_cut ul li { width: 16.666666%; }
    #main_short_cut ul li a{font-size: 15px; font-size: 1.5rem;}

    #notice_slider .item_row{float: left; width: 32%; margin-left:2%;}
    #notice_slider .item_row.first {margin-left: 0;}
    #notice_slider .item_row .ns_subject_wrap{min-height: 84px;}

    #photo_slider .item_row{float: left; width: 32%; margin-left:2%;}
    #photo_slider .item_row.first {margin-left: 0;}

    #main_location #map_canvas{height:420px;}
}

@media all and (min-width:900px) {
    #main_visual .owl-controls {left:0px; width: 100%; text-align: center;}

    #main_short_cut ul li a{font-size: 16px; font-size: 1.6rem;}

    #main_slider .item.msi1 .item_wrap figure{bottom : 50px;}
    #main_slider .item.msi1 .item_wrap figure img{width: 600px;}

    #main_slider .item.msi2 .item_wrap figure{bottom : 50px;}
    #main_slider .item.msi2 .item_wrap figure img{width: 600px;}
}
@media all and (min-width:1000px) {
    .ms_summary{font-size: 20px; font-size: 2rem;}

    #main_short_cut ul {margin-top: 40px; margin-bottom: 30px;}
    #main_short_cut ul li { width: 16.666666%; }

    #notice_slider .item_row{float: left; width: 32%; margin-left:2%;}
    #notice_slider .item_row.first {margin-left: 0;}
    #notice_slider .item_row .ns_subject_wrap{min-height: 84px;}

    #photo_slider .item_row{float: left; width: 32%; margin-left:2%;}
    #photo_slider .item_row.first {margin-left: 0;}

    #main_location #map_canvas{height:500px;}
    #main_location .btn_roadmap{
        margin-left: -100px;
        width: 200px;
    }

}


@media all and (min-width:1200px) {
    #family_slide h1{position: absolute; left:0; top:30px;}
    #family_slide .fs_nav{position: absolute; right:0; top:25px;}
    #family_slide .fs_nav a{display:inline-block; vertical-align: middle; width:26px; height:26px; line-height: 26px; font-size: 14px;}
    #family_slide .family_slide_box{position: relative; width: 80%; margin-left: 11%; margin-top: 0px; overflow: hidden;}
}

@media all and (min-width:1300px) {
    #notice_slider_nav a.nsn.nsn_prev{left:-50px; top:180px;}
    #notice_slider_nav a.nsn.nsn_next{right:-50px; top:180px;}

    #photo_slider_nav a.psn.psn_prev{left:-50px; top:220px;}
    #photo_slider_nav a.psn.psn_next{right:-50px; top:220px;}
}

@media all and (min-width:1400px) {
    #notice_slider_nav a.nsn.nsn_prev{left:-90px;}
    #notice_slider_nav a.nsn.nsn_next{right:-90px;}

    #photo_slider_nav a.psn.psn_prev{left:-90px;}
    #photo_slider_nav a.psn.psn_next{right:-90px;}
}

/*------------------------------------- main slider ---------------------------------------*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.grabbing{cursor:url(../images/common/grabbing.png) 8 8,move}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}
.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}
.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}
.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}
.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}
.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}
.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}
.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}
.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}

@-webkit-keyframes empty {
0%{opacity:1}
}
@-moz-keyframes empty {
0%{opacity:1}
}
@keyframes empty {
0%{opacity:1}
}
@-webkit-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-moz-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes backSlideOut {
25%{opacity:.5;-webkit-transform:translateZ(-500px)}
75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}
}
@-moz-keyframes backSlideOut {
25%{opacity:.5;-moz-transform:translateZ(-500px)}
75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}
}
@keyframes backSlideOut {
25%{opacity:.5;transform:translateZ(-500px)}
75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}
}
@-webkit-keyframes backSlideIn {
0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-webkit-transform:translateZ(-500px)}
100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}
}
@-moz-keyframes backSlideIn {
0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-moz-transform:translateZ(-500px)}
100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}
}
@keyframes backSlideIn {
0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;transform:translateZ(-500px)}
100%{opacity:1;transform:translateZ(0) translateX(0)}
}
@-webkit-keyframes scaleToFade {
to{opacity:0;-webkit-transform:scale(.8)}
}
@-moz-keyframes scaleToFade {
to{opacity:0;-moz-transform:scale(.8)}
}
@keyframes scaleToFade {
to{opacity:0;transform:scale(.8)}
}
@-webkit-keyframes goDown {
from{-webkit-transform:translateY(-100%)}
}
@-moz-keyframes goDown {
from{-moz-transform:translateY(-100%)}
}
@keyframes goDown {
from{transform:translateY(-100%)}
}
@-webkit-keyframes scaleUpFrom {
from{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpFrom {
from{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpFrom {
from{opacity:0;transform:scale(1.5)}
}
@-webkit-keyframes scaleUpTo {
to{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpTo {
to{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpTo {
to{opacity:0;transform:scale(1.5)}
}
@-webkit-keyframes scrollDown {
0%{top:6px}
50%{top:12px}
100%{top:6px}
}
@-moz-keyframes scrollDown {
0%{top:6px}
50%{top:12px}
100%{top:6px}
}
@keyframes scrollDown {
0%{top:6px}
50%{top:12px}
100%{top:6px}
}