@charset "utf-8";

html,body{width:100%;height:100%;margin:0;padding:0;}
li{list-style-type:none;}
span{list-style-type:none;}



h2{
font-weight: bold;
font-family: 'Noto Serif KR', serif;
font-size: 28px;
letter-spacing: -1px;
line-height:1
}


h3{
font-weight: normal;
font-family: 'Noto Serif KR', serif;
font-size: 24px;
letter-spacing: -1px;
line-height:160%
}


h4{
font-weight: normal;
font-family: 'Noto Serif KR', serif;
font-size: 20px;
letter-spacing: -1px;
line-height:120%
}


p{
font-weight: normal;
font-family: 'Noto Sans KR', sans-serif;
font-size: 18px;
letter-spacing: 1px;
line-height: 140%
}



table{
border-collapse:collapse; 
border-spacing:0;
}

caption{
overflow:hidden; 
visibility:hidden;
width:0;
height:0;
padding:0;
font-size:0;
line-height:0;
text-indent:-9999px;
}

th,td{
padding:0;
vertical-align:middle;
}




/*header*/


.header-img {
position: relative; 
margin:0 auto; 
padding-top: 80px; 
width:800px;
}



/*section*/


.section01 {
position: relative; 
width: 1000px; 
height: 200px;
margin: 0 auto;
padding-top: 50px;
padding-left: 100px;
}


.section01 h2{
color: #005bab;
}


.section01 p{
padding-left: 25px;
}


.section02 {
position: relative; 
width: 1000px; 
height: 450px;
margin: 0 auto;
padding-left: 100px;
}


.section02 h2{
color: #005bab;
}


.section02 h3{
padding-left: 25px;
}



.section03 {
position: relative; 
width: 1000px; 
height: 2000px;
margin: 0 auto;
padding-left: 100px;
}


.section03 h2{
color: #005bab;
}


.section03 h3{
padding-left: 25px;
}


.section03 h4{
padding-left: 50px;
}


.section03 p{
padding-left: 75px;
}



.tbl01{
width: 800px;
height: 200px;
border:2px solid #005bab;
margin-left: 50px;
}


.tbl01 th {
border-right:1px solid #005bab;
border-bottom:1px solid #005bab;
padding: 10px; 
font:300 18px/130% AppleSDGothicNeo-bold,'Noto Serif KR','맑은 고딕','돋움',dotum,arial,serif;
text-align: center;
color: #005bab;
}


.tbl01 td {
padding: 8px; 
font:300 18px/130% AppleSDGothicNeo-Regular,'Noto Serif KR','맑은 고딕','돋움',dotum,arial,serif;
border-bottom:1px solid #005bab; 
border-right:1px solid #005bab; 
color: #333; 
text-align: center; 
vertical-align:middle;
}




.section04 {
position: relative; 
width: 1000px; 
height: 650px;
margin: 0 auto;
padding-left: 100px;
}


.section04 h2{
color: #005bab;
}


.section04 h3{
padding-left: 25px;
}


.section04 h4{
padding-left: 50px;
}



.section05 {
position: relative; 
width: 1000px; 
height: 700px;
margin: 0 auto;
padding-left: 100px;
}


.section05 h2{
color: #005bab;
}


.tbl02{
width: 800px;
height: 200px;
border:2px solid #005bab;
margin-left: 50px;
}


.tbl02 th {
border-right:1px solid #005bab;
border-bottom:1px solid #005bab;
padding: 10px; 
font:300 18px/130% AppleSDGothicNeo-bold,'Noto Serif KR','맑은 고딕','돋움',dotum,arial,serif;
text-align: center;
color: #005bab;
}


.tbl02 td {
padding: 8px; 
font:300 18px/130% AppleSDGothicNeo-Regular,'Noto Serif KR','맑은 고딕','돋움',dotum,arial,serif;
border-bottom:1px solid #005bab; 
border-right:1px solid #005bab; 
color: #333; 
text-align: center; 
vertical-align:middle;
}





.section06 {
position: relative; 
width: 1000px; 
height: 800px;
margin: 0 auto;
padding-left: 100px;
}


.section06 h2{
color: #005bab;
}


.section06 h3{
padding-left: 25px;
}


.downloadimg{
padding-left: 300px;
padding-top: 100px;
}

.source p{
padding-top: 100px;
text-align: center;
}