@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');

*{margin: 0; padding: 0; font-family:  'Noto Sans KR', '맑은 고딕', sans-serif; color: #333}
ul li{list-style: none}
a{text-decoration: none; color: #333}
.clear{clear:both;}


/*이너박스*/
.big_inner_box{margin: 0 auto; width: 1200px;}
.small_inner_box{margin: 0 auto; width: 900px;}


/*메인*/
.header{
    position: fixed; 
    float: left; 
    width: 1200px; 
    padding-top: 20px; 
    padding-bottom: 10px; 
    background: white;
}

/*네비게이션 바*/
.Con01_1{
    float: left;
    width: 180px; 
    text-align: center; 
    background-color: white;
    margin-top: 2%;
    margin-bottom: 10%;
    margin-left: 25%;
    padding: 20px;
    
    font-size: 10px;
    font-weight: 700;
    
    box-shadow: 0px 15px 20px -15px gray;
    
}


.Con01_2{

    float: right; 
    width: 180px; 
    text-align: center; 
    background-color: white;
    margin-top: 2%;
    margin-right: 25%;
    margin-bottom: 10%;
    padding: 20px;
    
    font-size: 10px;
    font-weight: 700;
    
    box-shadow: 0px 15px 20px -15px gray;
    
    transition: all 0.2s linear;
}
.Con01_2:hover{transform: scale(1.03);}
.Con01_2 p:hover{color: #00ceca;}
.Con01_2 a:hover{color: #00ceca;}



.logo{float: left; width: 20%}
.menu{float: left;}
.menu li{float: left; padding-top: 10px; margin-left: 60px; font-size:14pt; font-weight: 400}

.main{float: left; width: 100%; padding-top: 80px;}

/*업무 프로세스*/
.Con01{
    width: 100%;
    font-size: 30px;
    font-weight: 750;
    margin-bottom: 30px;
}

.Con_text{
    width: 100%;
    margin-bottom: 40px;
    font-weight: 400;
    
}

.Con_text1{
    width: 100%;
    margin-bottom: 100px;
    font-size: 20px;
    font-weight: 700;
}



/*푸터 영역*/
.footer01{float: left; width: 20%;}
.footer01 img{width: 80%;}
.footer02{float: left; width: 70%; padding-left: 20px; padding-bottom: 50px; font-size: 11pt;}


/*반응형 모바일 가로길이 560px이하*/
@media all and (max-width:560px){
    .big_inner_box{margin: 0 auto; width: 100%;}
    .small_inner_box{margin: 0 auto; width: 80%;}
    
    .logo{float: left; width: 100%; padding-left: 0px; padding-top: 10px; padding-bottom: 10px; position: fixed; background: white;}
    .main{float: left; width: 100%; padding-top: 70px; padding-bottom: 80px;}
    
   
    
    
    .footer01{float: left; width: 20%; padding-bottom: 10px;}
    .footer01 img{width: 150%;}
    .footer02{float: right; width: 100%; padding-bottom: 50px; font-size: 10pt;}
}