@charset "utf-8";

*{margin:0; padding:0;
    list-style:none;}

a{display:block;
    color:inherit;
    text-decoration: none;}

body{background-color: #fff;}

header{height:100%;
    width:100%;}

.wrap{height:100%;
    width:100%;}





.logo_wrap{display:flex;
    height:160px;
    margin:0 auto;
    justify-content: space-between;
    align-items: center;}
.logo{width:5%;
    margin-top:20px;
    margin-left:10px;}

.banner{margin-top:150px;
        margin-left:400px;
        width:75%}    

.menu{width:30%;
    text-align:center;
    align-self:flex-end;}
.navi{display:flex;
    margin-right:20px;}
.navi>li{width:30%;
    font-weight:bold;
    font-size:20px;
    margin:5px;}

.content{text-align:center;
        margin:0 auto;
    margin-top:35px;
    position:relative;} 

.intro{width:80%;
    text-align: center;
    padding-top:25px;
    font-size:22px;
    margin:0 auto;}

 .main{margin-top:20px;
        font-size:24px;
    display: flex;
  justify-content: center; 
  text-align:left;
height:300px;} 
  
.colored-dot::before {
  content: '●';
  font-weight: bold;
  font-size: 24px;
  color: rgb(200, 229, 246);    
  margin-right: 8px;
}
.mainpic{
    position:absolute;
    top:0px;
    left:215px;}

.event{text-align: center;
    margin:0 auto;
    width:65%;
    }    
.eventmsg{font-size:22px;
        margin-top:15px;}

.boxpic{margin:0 auto;
        margin-top:75px;
        width:1067px;}

.boxingpic{display:flex;
            width:1067px;
            justify-content: space-between;
            align-items: center;}

.notice{font-weight:bold;
        font-size:24px;
        text-align:center;
        margin-top:15px;}

.footer{margin-top:25px;
    text-align:center;
    }        

.btmenu>ul{display:flex;
        justify-content: center;
        align-items: center;
        margin:0 auto;}

.btmenu>ul>li{padding-right:10px;}