@charset "UTF-8";
/*메인 컨테이너 영역 설정*/
/*아래 속성들이 container-sm 달고 있어서 일정 크기 이상 가로로 커지지 않음.*/
/*flex 적용된 최상단 박스의 width 100% 100vh 주면 가운데 정렬 안먹힘.*/
@font-face {
    font-family: "Noto Sans KR";
}

body {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 600;
    margin : 0;
    padding : 0;
}

#main_container {
    /*max-width: 1040px;*/ /*이거 설정해 놓으면 가운데 정렬 되지 않는 것처럼 보임.(실제로는 가운데 정렬 되고있는거 맞음)*/
    min-width: 360px;
    height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: scroll;
}
/*본문 styling*/
/*3군데 section 으로 분리(top, mid, bot)*/
.container-sm {
    padding: 0;
    margin: 0;
}
.card{
    border : 2px solid rgb(128, 128, 128, .2);
    width : 80%;
    padding : 20px 20px 10px 20px;
}
.card-title {
    font-size : 18px;
    font-weight : bold;
    margin-bottom : 20px;
}

.card-description {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 50px;
}

.btn {
    float: right;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #4189eb;
    background-color: #FFFFFF;
    border : none;
}

.footer{
    height:100px;
}