@charset "utf-8";
/* Reset CSS - YUI 3.12.0 (build 8655935) */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
/* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
/* Common Container */
html{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a{text-decoration:none}a img{border:0 none}input,select{outline-style:none}button{font-family:'Roboto', sans-serif;cursor:pointer}

/* Layout */
.wrap {
    position: relative;
    min-width: 1280px;
}
.wrap a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}
.content {
    position: relative;
    height: 1471px;
    background: url(../img/content.jpg) no-repeat center 0;
}
.content .logo {
    position: absolute;
    top: 19px;
    left: 50%;
    margin-left: -605px;
    width: 173px;
    height: 94px;
    background: url(../img/logo.png) no-repeat 0 0;
    z-index: 10;
}
.content .home {
    position: absolute;
    top: 28px;
    left: 50%;
    margin-left: 448px;
    width: 153px;
    height: 45px;
    background: url(../img/gohome.png) no-repeat 0 0;
    z-index: 10;
}
.content .home:hover {
    background-position: 0 -45px;
}
.btn, .btn_st {
    position: absolute;
    left: 50%;
    /*background-color: rgba(0,255,255,0.5);*/
}
.content .btn_st {
    width: 352px;
    height: 352px;
}
.content .btn_st .st {
    width: 100%;
    height: 100%;
}
.content .btn_st .btn_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/btn_text.png) no-repeat;
}
.content .btn_st.btn_st1 {
    top: 514px;
    margin-left: -114px;
}
.content .btn_st.btn_st1 .st1 {
    background: url(../img/sawtooth1.png) no-repeat 0 0;
}
.content .btn_st.btn_st2 {
    top: 622px;
    margin-left: 196px;
}
.content .btn_st.btn_st2 .st2 {
    background: url(../img/sawtooth2.png) no-repeat 0 0;
}
.content .btn_st .btn1 {
    background-position: left 0;
}
.content .btn_st .btn2 {
    background-position: right 0;
}
.content .btn {
    width: 202px;
    height: 59px;
}
.content .btn a:after {
    opacity: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 202px;
    height: 59px;
    background: url(../img/btn_more.png) no-repeat 0 0;
    transition: all .2s;
}
.content .btn.btn1 {
    top: 1195px;
    margin-left: -52px;
}
.content .btn.btn2 {
    top: 1305px;
    margin-left: 273px;
}
.content .btn a:hover:after {
    opacity: 1;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotating2 /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@keyframes rotating2 {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
.st1 {
    -webkit-animation: rotating 6s linear infinite;
    -moz-animation: rotating 6s linear infinite;
    -ms-animation: rotating 6s linear infinite;
    -o-animation: rotating 6s linear infinite;
    animation: rotating 6s linear infinite;
}
.st2 {
    -webkit-animation: rotating2 6s linear infinite;
    -moz-animation: rotating2 6s linear infinite;
    -ms-animation: rotating2 6s linear infinite;
    -o-animation: rotating2 6s linear infinite;
    animation: rotating2 6s linear infinite;
}
.btn_st1:hover .st1, .btn_st2:hover .st2 {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    text-align: center;
    font: 12px/60px "Tahoma", 돋움, Tahoma, sans-seirf;
    color: #634f83;
}
.footer img {
    vertical-align: middle;
    margin-right: 45px;
    margin-top: -2px;
    opacity: .5;
}