.main-section__in__top{
            display: flex;
            justify-content: space-between;
        }

        .main-lay-1{
            width: 24%;
        }

        .main-lay-2 {
            width: 24%;
            margin-left: 0;
        }

        .main-lay-3{
            float: left;
            width: 24%;
        }

        .main-lay-7{
            /* float: left; */
            width: 24%;
        }

        .gall-simple ul li{
            max-width: 100%;
            min-width: 100%;
        }

        .go-to-box-new ul li a span.type4{
            background-image: url(/hosts/new.csia.hs.kr/resources/images/type5_off.png);
            background-repeat: no-repeat;
            background-position: right;
            width: 100%;
        }

        .go-to-box-new ul li a:hover span.type4{
            background-image: url(/hosts/new.csia.hs.kr/resources/images/type5_on.png);
            background-repeat: no-repeat;
            background-position: right;
            width: 100%;
        }

        .go-to-box-new ul li a span.type3{
            content: '';
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: 0px -340px;
            background-image: url(../images/sprite.png);
            width: 70px;
            min-width: 70px;
            height: 70px;
        }

        .go-to-box-new ul li a:hover span.type3, .go-to-box-new ul li a:focus span.type3{
            content: '';
            vertical-align: middle;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: -402px -212px;
            background-image: url(../images/sprite.png);
            /* width: 70px;
            min-width: 70px;
            height: 70px; */
        }


        /* @media screen and (min-width: 1px) and (max-width: 1250px){
            .main-lay-1{
                width: 45%;
            }
            .main-lay-2{
                width: 45%;
            }
            .main-lay-3{
                width: 45%;
            }
            .main-lay-4{
                width: 45%;
            }
        }

        @media screen and (min-width: 1px) and (max-width: 678px){
            .main-section__in__top{
                flex-direction: column;
            }

            .main-lay-1{
                width: 100%
            }
            .main-lay-2{
                width: 100%
            }
            .main-lay-3{
                width: 100%
            }
            .main-lay-4{
                width: 100%
            }
        } */

        @media screen and (min-width: 1px) and (max-width: 1600px){
            .main-section__in__top{
                margin: 0;
                padding: 0;
            }

            .main-section__in__top > div{
                flex-basis: 45%;
                box-sizing: border-box;
                margin: 0;
            }
        }

        @media screen and (min-width: 1px) and (max-width: 1350px){
            .go-to-box-new ul li a span.type3{
                content: '';
                vertical-align: middle;
                display: inline-block;
                background-repeat: no-repeat;
                background-position: 0px -226.66667px;
                background-image: url(../images/sprite.png);
                background-size: 653.33333px auto;
                width: 46.66667px;
                min-width: 46.66667px;
                height: 46.66667px;
            }

            .go-to-box-new ul li a:hover span.type3, .go-to-box-new ul li a:focus span.type3{
                content: '';
                vertical-align: middle;
                display: inline-block;
                background-repeat: no-repeat;
                background-position: -264.66667px -141.33333px;
                background-image: url(../images/sprite.png);
                background-size: 653.33333px auto;
                width: 46.66667px;
                min-width: 46.66667px;
                height: 46.66667px;
            }


            .go-to-box-new ul li a span.type4{
                content: '';
                vertical-align: middle;
                display: inline-block;
                background-repeat: no-repeat;
                background-position: right;
                /* background-image: url(../images/sprite.png); */
                background-size: auto;
                /* width: 46.66667px; */
                /* min-width: 46.66667px; */
                height: 70px;
            }

            .go-to-box-new ul li a:hover span.type4, .go-to-box-new ul li a:focus span.type4{
                content: '';
                vertical-align: middle;
                display: inline-block;
                background-repeat: no-repeat;
                background-position: right;
                background-image: url(/hosts/new.csia.hs.kr/resources/images/type5_on.png);
                background-size: auto;
                width: 81px;
                min-width: 81px;
                height: 70px;
            }
        }

        

        @media screen and (min-width: 1px) and (max-width: 1250px){
            .main-section__in__top > div{
                flex-basis: 50%;
                box-sizing: border-box;
                margin: 0;
            }
        }

        @media screen and (min-width: 1px) and (max-width: 678px){
            .main-section__in__top > div{
                flex-basis: 100%;
                box-sizing: border-box;
                margin: 0;
            }
        }