div.block_08 { width:100%; margin:0 auto; padding:0px 0px;  box-sizing:border-box;  
 position:relative; display:block; height:auto;}
.sec-goto {
    position: absolute;
    width: 100%;
    top: -115px;
}
.goto-wrapper {
    width: 1200px;
    height: auto;
    margin: auto;
}
.goto-wrapper li {
    width: 25%;
    float: left;
    text-align: center;
    background-color: #fff;
}
.goto-wrapper li:hover a {
    transform: scale(1.015);
    opacity: 1;
    z-index: 100;
}

.goto-wrapper li a {
    display: block;
    text-align: center;
    height: 234px;
    color: #fff;
    padding-top: 130px;
    background-repeat: no-repeat;
    opacity: 0.85;
    transition: all .5s;
}
.goto-wrapper li:nth-child(1) a {background-image: url('../img/gotoIcon_01.png'); background-position: center 45px;background-color: #53aedd;}
.goto-wrapper li:nth-child(2) a {background-image: url('../img/gotoIcon_02.png');background-position: center 47px;background-color: #278fc4;}
.goto-wrapper li:nth-child(3) a {background-image: url('../img/gotoIcon_03.png');background-position: center 49px;background-color: #1f80a3;}
.goto-wrapper li:nth-child(4) a {background-image: url('../img/gotoIcon_04.png');background-position: center 50px;background-color: #1a6992;}
.goto-wrapper p {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.6px;
}
.goto-wrapper strong {
    font-size: 22px;
    font-weight: 500;
}
/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1024px) {
div.block_08 { height:250px; background-size:cover;}	
div.block_08 p { font-size:14px; padding-top:50px; letter-spacing: -0.5px; }
div.block_08 a.btn {margin:25px auto 0 auto;  padding:12px 5px 14px 5px; }
    div.block_08 p {
        padding: 0;
    }
}
@media (max-width: 812px) {
}
@media (max-width: 640px) {
    .goto-wrapper li {
        width: 50%;
    }
    .goto-wrapper li:nth-child(1) a {background-size: 50px;}
    .goto-wrapper li:nth-child(2) a {background-size: 75px;}
    .goto-wrapper li:nth-child(3) a {background-size: 54px;}
    .goto-wrapper li:nth-child(4) a {background-size: 55px;}
    .goto-wrapper li a {
        padding: 110px 0 25px;
        height: 100%;
    }
    .goto-wrapper p:last-child {
    display: none;
    }
    .info-wrapper {
        display: block;
    }
    div.board_02 {
        padding: 30px 0px;
    }
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}