.skippy {
    background-color:#563d7c
}

.skippy a {
    color:#fff
}


.st-navbar {
    padding:.75rem 0;
    background-color:#0d6efd;
}

.st-navbar .navbar-toggler {
    padding:0;
    border:0
}

.st-navbar .navbar-nav .nav-link {
    padding-right:.25rem;
    padding-left:.25rem;
    color:rgba(255,255,255,0.85);
}

.st-navbar .navbar-nav .nav-link:hover,.st-navbar .navbar-nav .nav-link:focus{
    color:#fff
}

.st-navbar .navbar-nav .nav-link.active {
    font-weight:600;
    color:#fff;
}

.st-links .active {
    font-weight:600;
    color:rgba(0,0,0,0.85);
}

.st-navbar .navbar-nav-svg {
    width:1rem;
    height:1rem;
}


.btn-st-cv {
    font-weight: 600;
    color: #ffe484;
    border-color: #ffe484;
}

.btn-st-cv:active, .btn-st-cv:hover {
    color:#2a2730;
    background-color:#ffe484;
    border-color:#ffe484;
}

.btn-st-cv:focus {
    box-shadow:0 0 0 3px rgba(255,228,132,0.25);
}


.st-masthead {
    padding:3rem 0;
    background:linear-gradient(165deg, #f7f5fb 50%, #fff 50%)
}

.st-masthead h1{
    font-size:calc(1.525rem + 3.3vw);
    line-height:1
}

@media (min-width: 1200px) {
    .st-masthead h1 {
        font-size:4rem
    }
}

.st-masthead p:not(.lead) {
    color:#495057
}

.st-masthead .btn {
    padding:.8rem 2rem;
    font-weight:600
}

.st-masthead .lead {
    font-size:calc(1.275rem + .3vw);
    font-weight:400;
    color:#495057
}

@media (min-width: 1200px) {
    .st-masthead .lead {
        font-size:1.5rem
    }
}


.st-footer a {
    color:#495057;
    text-decoration:none
}

.st-footer a:hover,.st-footer a:focus {
    color:#0d6efd;
    text-decoration:underline
}


div.imageblock {
  float: left;
  margin-right: 15px;
  overflow:hidden
}

div.imageblock img {
  width: 100px;
}

img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;   /* 부드러운 모션을 위해 추가*/
}

img:hover, div.imageblock img.image-hover, img.image-hover {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
}
