Name: 2023 AI 해커톤
Start: 2023-06-28T00:00:00Z
End: 2023-07-21T23:59:59Z
Location: 2023 AI 해커톤 이벤트 장소

첨부파일 테스트

참가신청

신청완료

신청마감

이벤트 종료

해커톤 가이드

개발

https://static.wanted.co.kr/images/tags/675ed3b6.jpg

IT/기술

<div class="imgBox">
    <img src="https://static.wanted.co.kr/images/events/2983/759a4a3d.jpg" class="webBlock">
    <img src="https://static.wanted.co.kr/images/events/2983/2051f3c5.jpg" class="moBlock">
</div>



<div class="imgBox">
    <img src="https://static.wanted.co.kr/images/events/2983/c5fcf2aa.jpg" class="webBlock">
    <img src="https://static.wanted.co.kr/images/events/2983/57a8b248.jpg" class="moBlock">
</div>




<section class="aiContainer" style="background-color: #0000FE;">
<div class="layoutContainer">
 <div class="imgBox">
    <img src="https://static.wanted.co.kr/images/events/2983/d9bc38f5.jpg" class="webBlock">
    <img src="https://static.wanted.co.kr/images/events/2983/95402c94.jpg" class="moBlock">
 </div>
</div>
</section>  


<section class="aiContainer" style="background-color: #0000FE;">
<div class="layoutContainer">
<ul class="imgBoxSet">
    
     
    <li class="imgBox">
        <a href="https://www.wanted.co.kr/themes/2023AIHackathon" target="_blank">
                <img src="https://static.wanted.co.kr/images/events/2983/4d63a7e3.jpg" class="webBlock">
                <img src="https://static.wanted.co.kr/images/events/2983/639f9c4e.jpg" class="moBlock">
        </a>
     </li>
     
     
     <li class="imgBox">
         <a href="https://www.youtube.com/watch?v=PoHB5qy5G9Q" target="_blank">
                <img src="https://static.wanted.co.kr/images/events/2983/8838ec2d.jpg" class="webBlock">
                <img src="https://static.wanted.co.kr/images/events/2983/1cd6302a.jpg" class="moBlock">
         </a>                
     </li>

     
     <li class="imgBox">
        <a href="https://wooden-broker-067.notion.site/2023-AI-6d6dbbfccaa14f378843c23239d8e8b5" target="_blank">
                 <img src="https://static.wanted.co.kr/images/events/2983/867343c9.jpg" class="webBlock">
                 <img src="https://static.wanted.co.kr/images/events/2983/013b3d11.jpg" class="moBlock">
        </a>
     </li>
 </ul>
</div>
</section>  


<section class="aiContainer" style="background-color: #0000FE;">
<div class="layoutContainer">
 <div class="imgBox">
    <img src="https://static.wanted.co.kr/images/events/2983/1fb29334.jpg" class="webBlock">
    <img src="https://static.wanted.co.kr/images/events/2983/ec30d86f.jpg" class="moBlock">
 </div>
</div>
</section>  




<section class="aiContainer" style="background-color: #000;">
<div class="layoutContainer">
<div class="imgBox">
        <img src="https://static.wanted.co.kr/images/events/2983/cf09c6b0.jpg" class="webBlock">
        <img src="https://static.wanted.co.kr/images/events/2983/ae3db214.jpg" class="moBlock">
</div>
</div>
</section>  


<section class="aiContainer" style="background-color: #333;">
<div class="layoutContainer">
<div class="imgBox">
        <img src="https://static.wanted.co.kr/images/events/2983/1e9cf10f.jpg" class="webBlock">
        <img src="https://static.wanted.co.kr/images/events/2983/c4db48bc.jpg" class="moBlock">
</div>
</div>
</section> 






<style>


.aiContainer{
    max-width: 100%;
}
.layoutContainer {
    max-width: 1060px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.imgBox {
    display: flex;
    justify-content: space-between;

}

.aiContainer ul{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    column-gap: 20px;
    margin: 0;
    padding: 0;
    
}    
.aiContainer li {
    list-style: none;
    position: relative;
    box-sizing: border-box;
    text-align: center;   
}

.imgBox img {width: 100%;}
.moBlock{display: none;}
.webBlock{display: block;}  

@media (max-width: 767px) {
    .imgBoxSet {flex-direction: column; ;} 
    .imgBoxSet a {width: 100%;} 
    .moBlock {display: block;} 
    .webBlock {display: none;}
    .aiContainer ul {display: block;}
    .aiContainer li {width: 100%; height: 100%;}
} 
</style>