@charset "utf-8";


html,body{width:100%;height:145%;margin:0;padding:0; background: linear-gradient(to bottom, #216a94, #119fc0);}


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

li{list-style-type:none;}

a{color: #333; text-decoration: none;}


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


h3{
font-weight: normal;
font-family: 'Noto Sans KR', sans-serif;
font-size: 22px;
line-height: 140%
}


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


h5{
font-weight: normal;
font-family: 'Noto Sans KR', sans-serif;
font-size: 16px;
line-height: 160%
}


h6{
font-weight: normal;
font-family: 'Noto Sans KR', sans-serif;
font-size: 14px;
line-height: 160%
}


p{
font-weight: normal;
font-family: 'Noto serif KR', serif;
font-size: 14px;
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;
}




.info{
width: 500px;
height: 160px;
border: 1px solid;
text-align: center;
border: 1px solid #000000;
}


.info h2{
margin-top: -20px;
text-align: center;
}


.info h3{
text-align: center;
}


.info-txt h4{
padding-top: 30px;
}


.content{
padding-top: 50px;
}

.content h6{
padding-left: 30px;
}


.tbl01{
width: 600px;
height: 150px;
border:2px solid #000000;
margin-left: 150px;
}


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


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

.content img{
padding-top: 50px;
padding-left: 300px;
}


.link {padding-top: 50px;}
.link .button {text-align: center;}
.link .button a {display: inline; width: 200px; height: 80px; font-size: 28px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; background-color: #216a94; color: #fff; padding: 10px 10px 15px 10px;}
.link .button a:hover {border: 1px solid #216a94; color: #216a94; padding: 10px 10px 15px 10px; background-color: #fff;}

.plr20 {padding-left: 20px; padding-right: 20px;}
.pr20 {padding-right: 20px;}
.ptr20 {padding-top: 20px; padding-right: 20px;}

.host{
float:left; 
padding-right:30px;
}


.sponsor{
float:left; 
padding-right:30px;}

.sponsor02{
float:left; 
padding-right:30px;}


.sponsor03{
float:left; 
padding-right:30px;}


.wordclogo{padding-left: 75px;}