html,body {width:100%;height:100%;}

.wrap{display:flex; width:1300px; margin:0 auto; }

.container{width:100%; display: flex; flex-direction: column; }
.head{ width:100%;  text-align: center;}

.contents{display: flex; justify-content: space-between;padding-top:80px; }
.cont{ width:31%;  }
.cont img{width:100%;}

.head .h1{font-size:60px; font-weight: bold; margin-top: 50px;}
.head .h_copy{font-size: 26px; margin:55px 0; line-height:40px;}
.head .event_info{ text-align:left; width:860px; margin:0 auto;}
.head .event_info ul{margin-bottom: 30px;}
.head .event_info li{ margin-left: 140px;}
.head .event_info li:before{content:'·'; font-weight: bold; margin-right: 10px;}
.head .event_info .txt{font-size:24px; line-height: 40px;}
.head .event_info .txt > span{font-weight: bold;}

.head .event_info .etc{font-size:16px;line-height: 22px;}

.cont .h2{font-size: 26px; font-weight: bold; color:#333; line-height: 36px;}
.cont .event_txt{font-size:16px; line-height: 24px; color:#3d3d3d;margin-bottom:30px;}
.cont .event_txt > span{font-weight: bold;}

@media screen and (max-width:1199px){
.wrap{ width:100%; }

.container{width:90%; margin:0 auto; }
.contents{ flex-direction: column; padding-top:50px; }
.cont{ width:100%; }
.cont img{width:100%;}
.head .h_copy br{display:block;}

.head .h1{font-size:30px; font-weight: bold;}
.head .h_copy{font-size: 14px; margin:35px 0; line-height:20px;}

.head .event_info{ width:100%; }

.head .event_info li{margin-left: 20px;}
.head .event_info .txt{font-size:13px; line-height: 30px;}
.head .event_info .txt > span{font-weight: bold;}

.head .event_info .etc{font-size:12px;line-height: 22px;}

.cont .h2{font-size: 16px; font-weight: bold; color:#5e5e5e; line-height: 36px;}
.cont .event_txt{font-size:12px; line-height: 20px; color:#3d3d3d;margin-bottom:30px;}


}