Name: 합격 여행을 Wantedㅣ합격하면 여행 티켓을 끊어드려요
Start: 2024-06-17T00:00:00Z
End: 2024-07-21T23:59:59Z

참여 신청하기

신청완료

신청마감

이벤트 종료

공고에 지원하기

<div class="workRecipe">
    <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/web_01.png" class="wb">
    <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/mo_01.png" class="mb">

    <video class="wb" width="100%" height="auto" autoplay loop muted>
        <source src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/web_01.mp4" type="video/mp4">
    </video>
            
    <video class="mb" loop="" muted="" autoplay="" playsinline="" data-src="https://static.wanted.co.kr/images/wantedplus_event/workrecipe/OB/mo_01_bg.mp4">
        <source src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/mo_01.mp4" type="video/mp4">
        <source src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/mo_01.ogv" type="video/ogg">
    </video>
</div>
      
<style>
    .wb {display: block;}
    .mb {display: none;}

    .workRecipe {position: relative;}
      
    .workRecipe img {width: 100%; position: absolute; top: 0; left: 0;}
    .workRecipe video {width: 100%;}

@media (max-width: 767px) {
    .wb {display: none;}
    .mb {display: block;}
}
</style>

<section class="asiana_container" style="background-color: #fff;">
    <div class="layoutContainer">
        <div class="imgBox">
            <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/web_02-1-1n.jpg" class="webBlock">
            <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/mo_02-1n.jpg" class="moBlock">
        </div>
    </div>
    
    <div class="layoutContainer">
        <div class="imgBox">
            <a href="https://www.wanted.co.kr/events/asiana_wanted_1/register" target="_blank">
            <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/web_02-2.jpg" class="webBlock">
            <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/mo_02-2.jpg" class="moBlock">
            </a>
        </div>
    </div>

    <div class="layoutContainer">
        <div class="imgBox">
            <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/web_02-3.jpg" class="webBlock">
            <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/mo_02-3.jpg" class="moBlock">
        </div>
    </div>
</section>   



<section class="asianacontainer" style="background-color: #EAEBEC;">
    <div class="layoutContainer">
        <div class="imgBox">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/web_03-1.jpg" class="webBlock">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/mo_03-1.jpg" class="moBlock">
        </div>
    </div>
</section>  


<section class="asianacontainer" style="background-color: #EAEBEC;">
    <div class="layoutContainer">
        <ul class="imgBoxSet">
            
             
            <li class="imgBox">
                 <div>
                     <a href="https://www.wanted.co.kr/career_connect" target="_blank">
                         <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/web_03-2.jpg" class="webBlock">
                         <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/mo_03-2.jpg" class="moBlock">
                     </a>
                 </div>
                
             </li>

              
            <li class="imgBox">
                <div>
                    <a href="https://www.wanted.co.kr/ai-interview" target="_blank">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/web_03-3.jpg" class="webBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/mo_03-3.jpg" class="moBlock">
                    </a>
                </div>
               
            </li>

             
            <li class="imgBox">
                <div>
                    <a href="https://www.wanted.co.kr/discovery" target="_blank">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/web_03-4.jpg" class="webBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/mo_03-4.jpg" class="moBlock">
                    </a>
                </div>
               
            </li>

             
            <li class="imgBox">
                <div>
                    <a href="https://www.wanted.co.kr/cv/review" target="_blank">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/web_03-5.jpg" class="webBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/mo_03-5.jpg" class="moBlock">
                    </a>
                </div>
               
            </li>

         </ul>
    </div>
</section>  




<section class="asianacontainer" style="background-color: #EAEBEC;">
    <div class="layoutContainer">
        <div class="imgBox">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/web_03-6.jpg" class="webBlock">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/mo_03-6.jpg" class="moBlock">
        </div>
    </div>
</section>  


<style>
        
    
    .asianacontainer{
        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;
    }

    .asianacontainer ul{
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        column-gap: 20px;
        margin: 0;
        padding: 0;
        
    }    
    .asianacontainer 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;}
        .asianacontainer ul{display: block;}
        .asianacontainer li{width: 100%; height: 100%;}
    } 
    </style>

<div class="linkBg">
    <div class="layoutContainer">
        <a href="https://www.wanted.co.kr/wpoint/events/asiana_wanted_2" target="_blank">
            <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/pointasiana/Web_Text.png" class="wb defaultBtn">
            <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/pointasiana/Web_Text_Hover.png" class="wb hoverBtn">
            <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/pointasiana/Mo_Text.png" class="mb">
        </a>
    </div>
</div>

<style>
    .wb {display: block;}
    .mb {display: none;}
    .linkBg {height: 400px; background-image: url(https://static.wanted.co.kr/images/wantedplus_event/marketing/pointasiana/web_04.jpg); background-size: cover; background-position: right; display: flex; justify-content: center; align-items: center;}
    .linkBg a .hoverBtn {display: none;}
    .linkBg a:hover .defaultBtn {display: none;}
    .linkBg a:hover .hoverBtn {display: block;}
    .linkBg img {width: 100%;}

    @media (max-width: 767px) {
        .wb {display: none;}
        .mb {display: block;}
        .linkBg {height: 300px; padding: 0 20px; background-image: url(https://static.wanted.co.kr/images/wantedplus_event/marketing/pointasiana/Mo_04.jpg); background-position: center;}
    }
</style>

<section class="asiana_container" style="background-color: #14191E;">
    <div class="layoutContainer">
        <div class="imgBox">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/web_05-1.jpg" class="webBlock">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/asiana/wanted_1/mo_05-1.jpg" class="moBlock">
        </div>
    </div>
</section>  



<style>
        
    
    .asiana_container{
        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;
    }


    .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;}
    } 
    </style>