@charset "utf-8";

html,body{ width:100%; height:100%; margin:0; padding:0; }

dd,dl,ol,ul,li{margin:0;padding:0;}

li{list-style-type:none;}








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

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

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

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



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-bg{
background: url("../img/mainbg.png");
background-size:100%;
width:100%;
height: 700px;
margin:0 auto;
}

.header-img img{
width: 700px;
padding-left: 250px;
padding-top: 50px;
}


.host-zone{
display: inline-block;
padding-left: 500px;
	margin: 0 auto; /* 가로 가운데 정렬 */
padding-top: 20px;

}

.host-zone li{
float: left;


	
}

.support-zone{
display: inline-block;
padding-left: 300px;
}

.support-zone li{
float: left;
}

.sponsor-zone{
display: inline-block;
padding-left: 300px;
}


.sponsor-zone li{
float: left;
}

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


.tbl01 th {
border-right:1px solid #333;
border-bottom:1px solid #19254c;
padding: 10px; 
text-align: center;
color: #ffffff;
background: linear-gradient(to top, #e1afcc, #7530e3); /* 그라데이션 배경 색상 설정 */
font-family: 'Noto Sans-Serif KR', Sans-serif;
letter-spacing: -1px; /* 원하는 간격으로 설정 (음수값은 글자를 더 가깝게 배치) */
}

.tbl01 td {
padding: 8px; 
border-bottom:1px solid #19254c; 
border-right:1px solid #19254c; 
color: #333; 
text-align: center; 
vertical-align:middle;
font: 'Noto Sans-Serif KR', Sans-serif;
letter-spacing: -1px; /* 원하는 간격으로 설정 (음수값은 글자를 더 가깝게 배치) */
}


 .th[colspan="2"] {
        width: 30%; /* 첫 번째와 두 번째 셀의 너비를 조절 */
    }


    .image-container {
        text-align: center; /* 이미지와 텍스트를 수평 가운데 정렬 */
    }
    .small-image {
        max-width: 145px;
        margin-top: 10px; /* 이미지와 텍스트 사이 간격 조절 */
    }


 


.footer{
position: relative;
width: 100%;
margin-top:100px;
padding-top: 80px;
text-align: center;
background: #e2e2e2;
}


/* 글자 크기 조절 */
h1 {
    font-size: 30px; /* 원하는 크기로 조절 (예: 24px) */
}

/* 폰트 변경 */
h1 {
    font-family: 'Arial', sans-serif; /* 원하는 폰트로 변경 */
}


/* 글자 크기 조절 및 폰트 변경 */
h1 {
     line-height: 2px; /* 원하는 줄 간격으로 조절 (예: 36px) */
}

/* 하이퍼링크 밑줄 제거 */
.download-link {
    text-decoration: none;
}


.section06 {padding-top: 100px; padding-bottom: 50px;}
.section06 > div {padding-left: 20px; width: 90%;}
.section06 > div > h4 {padding-top: 40px;}
.section06 > div > p {padding-top: 20px; line-height: 1.4;}



.download .form {position: relative; text-align: center; height: 100px; padding-top: 10px; padding-bottom: 100px;}
.download .form a { color: #7530e3; padding: 15px 10px 10px 10px; display: inline-block; width: 400px; height: 50px; border: 1px solid #7530e3; transition: color 0.3s ease; background: #fff;}
.download .form a:hover {color: #fff; background: linear-gradient(to bottom, #7683d9, #d8a0fe);}