@charset "UTF-8";

section{padding:70px 15%;font-family: 'Pretendard-Regular';}
.title{display:flex;flex-direction: column;}
.title>span{color: #666666; font-size:1.2rem;padding-top:10px;}
.tables>div:nth-of-type(1){padding-top:50px;}
.tables>div{padding-top:80px;}
.tables>div>span{color:#666666;}
.tables>div>span small{padding-left: 30px;font-weight: normal; color:#666666}
.tables>div>div{padding-top:20px;}

@media screen and (max-width:850px){
    section{padding: 40px 5%;}
}
@media screen and (max-width:580px){
    section{padding: 30px 5%;}
    .tables>div{padding-top:30px;}
}

.modal{
    position:absolute;
    display:none;
    justify-content: center;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.4);
}

.modal_body{
    position:absolute;
    top:60%; /*모달을 화면가운데 놓기위함.*/
    width:500px;  /*모달의 가로크기*/
    height:300px; /*모달의 세로크기*/
    padding:40px;
    text-align: center;
    background-color: rgb(255,255,255); /*모달창 배경색 흰색*/
    border-radius:10px; /*테두리*/
    box-shadow:0 2px 3px 0 rgba(34,36,38,0.15); /*테두리 그림자*/
    transform:translateY(-50%); /*모듈창열었을때 위치설정 가운데로*/
}