/* 모바일 수평 스크롤 금지 */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
body {
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
    margin:0px;
}
.navbar-brand{
    align-items: start;
    display:flex;


}

.logo img{
    display:flex;
    text-align: left;
    width:80px;
    height: 60px;
    margin-left: 7px;

}


a{
    color:inherit;
    text-decoration-line: none;
}


.c1{
    width:100%;
    display:flex;
    justify-content: space-between;
    text-align:center;
    align-items: center;
}
.c2{
    margin: 0 auto;
    position: relative;
    justify-content:center;
    align-items: center;

}

.container{
    background : linear-gradient(white,rgba(255,246,238));
    display:block;
    justify-content:center;
    height: 95vh;
    width:100%;
    text-align: center;

}

.ilovit1{
    display:flex;
    justify-content:center;
    text-align: center;
    padding-top:100px;

}

.ilovit1 img{
    justify-content:center;
    text-align: center;
    height:auto;
    display:block;
    width:90vh;
}

.text-center{
    position: relative;
    /*padding-left:10%;*/
    display: flex;
    justify-content:center;
}
h1{
    text-align: center;
    /*position:center;*/
    font-family: Apple SD Gothic Neo;
    font-size : 1.7rem;
    font-weight: normal;
    display:flex;
    position: absolute;
    padding-top:35vh;



}

h2{
    text-align: center;
    position:center;
    font-family: Apple SD Gothic Neo;
    font-size : 1.7rem;
    font-weight: normal;
    color: #EA9D9D;
    position: absolute;
    padding-top:55vh;

}
h2:hover,
h2:focus{
    opacity:0.7;

}




p{
    font-family: Apple SD Gothic Neo;
    font-size : 0.8rem;
    font-weight: normal;
    color : #828282;
    display:inline;
    white-space : nowrap;
}

.시설찾기{
    background : white;
    justify-content:center;
    height: 95vh;
    display:block;
    padding-top:100px;
    width:100%;
    margin-left: 10px;

}
.contain{
    width:100%;
}
.navbar-brand1 img{
    width:10vh;
}
h3{
    font-family: Apple SD Gothic Neo;
    font-size : 1rem;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;

}
.map{
    display:flex;
    justify-content:center;


}


.back{
    display:flex;
    justify-content:center;
    text-align: center;
    width: 100%;
    overflow: scroll;
    /* 가로 스크롤 */
    white-space: nowrap;
    position: absolute;
}
.back img{
    width:100%;
    height:auto;
    display:block;

}


h4{
    font-family: Apple SD Gothic Neo;
    font-size : 1rem;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
    white-space : nowrap;


}
.입학설명회{
    background : linear-gradient(45deg, #FFF6EE 10%, #FFFFFF 90%);
    width:100%;
    height: 95vh;
    display:flex;
    padding-top:100px;


}
.navbar-brand2{
    justify-content:right;
    text-align: right;
    margin-right: 10px;


}
.navbar-brand2 img{
    width:10vh;
}
.swiper-container{
    justify-content:left;
}
.swiper-wrapper{
    /*justify-content:center;*/
    /*text-align: center;*/
    display:flex;
    width: 100%;
    overflow: scroll;
    /* 가로 스크롤 */
    white-space: nowrap;
    position: absolute;
}
.swiper-wrapper img{
    width:80vh;
    height:auto;
    display:block;
    justify-content:center;
    overflow: scroll;
    /* 가로 스크롤 */
    white-space: nowrap;
}


.아이목록관리{
    background-image : url("image/Group 8479.svg");
    width:100%;
    background-size:cover;
    justify-content:center;
    height: 95vh;
    padding-top : 100px;
    display:flex;
}


.navbar-brand3{
    text-align: left;
    display:block;
    margin-left:10px;

}
.navbar-brand3 img{
    width:14vh;
}
.info{
    display:flex;
    justify-content:center;
    text-align: center;
    margin-left:350px;}


.info img{
    height:auto;
    display:block;
    width:100vh;
    justify-content:center;
}

.우리들의이야기{
    background : radial-gradient(at 30% 60%, #FFF6EE 5%, white, white);
    width:100%;
    height: 95vh;
    padding-top : 100px;
    padding-bottom : 100px;
    display:flex;
    justify-content:center;
    /*padding-top : 100px;*/

}
.top{
    width:100%;
    display:flex;
    justify-content: space-between;
    /*position:relative;*/
    height: 30%;

}
.navbar-brand4{

    justify-content:right;
    text-align: right;
    /*vertical-align: middle;*/
    margin-top: 20%;
    margin-right:10px;
}
.navbar-brand4 img{
    width:13vh;
}

.topimg{
    width:19vh;

}
.설명회{
    display:flex;
    justify-content:center;
    text-align: center;
}

.wrap-vertical{

    width:100%;
    overflow: scroll;
    /* 가로 스크롤 */
    white-space: nowrap;
    position: absolute;
    /*height: 70%;*/
}
.wrap-vertical img{
    overflow: scroll;
    /* 가로 스크롤 */
    white-space: nowrap;


}


footer{
    height:38vh;
    background: rgba(255,246,238);
    justify-content:center;
    align-items: center;
}
footer .inner {
    position: relative;
    display: flex;
    align-items: center;

}
.explain{
    justify-content:center;
    width:100%;
    display: block;
    text-align: center;
    align-items: center;

}
.text{
    width:100%;
    text-align:center;
    display:table;
    margin-right: auto;
    margin-left: auto;
    align-items: center;
    justify-content:center;

}
.ex{
    font-family: Apple SD Gothic Neo;
    color : #828282;
    font-size:0.5vh;
    line-height: 10px;



}
.underlogo{
    text-align:center;
    display: flex;
    justify-content:center;
    padding-top: 15px;

}
.underlogo img{

    width:10vh;
}
.underlogo img:hover,
.underlogo img:focus{
    opacity:0.7;

}
#btn {

    width: 100px;
    height: 26px;
    font-size:13px;
    font-family: Apple SD Gothic Neo;
    color:white;
    text-align: center;
    line-height: 30px;
    background: #EA9D9D;
    border-radius: 30px;
    display : inline-block;
    margin-top:17px;
    align-items: center;
    transition: 0.5s;
    margin-right: 5px;

}
#btn:hover,
#btn:focus{
    opacity:0.7;

}
/*#service{*/
/*    text-align:center;*/
/*    display: flex;*/
/*    position: absolute;*/


/*}*/
ul{
    list-style:none;
    flex-wrap:wrap;
    display:block;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;

}

li1 {
    font-family: Apple SD Gothic Neo;
    color : black;
    font-size:1vh;
    padding-right:10px;



}
li2{
    font-family: Apple SD Gothic Neo;
    color : black;
    border-left:1px solid #999;
    font-size:1vh;
    padding:0 10px;

}
li1:hover{
    opacity:0.7;
}
li2:hover{
    opacity:0.7;
}