Name: 2024 현대카드 Tech Talk
Start: 2024-10-22T00:00:00Z
End: 2024-10-29T23:59:59Z
Location: 2024 현대카드 Tech Talk 이벤트 장소

신청하기

신청완료

신청마감

이벤트 종료

<div class="workRecipe">
    <img src="https://static.wanted.co.kr/images/events/5074/4c6fbfb7.png" class="wb">
    <img src="https://static.wanted.co.kr/images/events/5074/e9766eab.png" class="mb">

    <video class="wb" width="100%" height="auto" autoplay loop muted>
        <source src="//static.wanted.co.kr/images/wantedplus_event/etc/techtalk/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/kakaobank/mo_01_bg.mp4">
        <source src="https://static.wanted.co.kr/images/wantedplus_event/etc/techtalk/mo_01.mp4" type="video/mp4">
        <source src="https://static.wanted.co.kr/images/wantedplus_event/workrecipe/kakaobank/mo_01.ogv" type="video/ogg">
    </video>
</div>
      
<style>
    .wb {display: block;}
    .mb {display: none;}

    .workRecipe {
        position: relative;
        background-color: #212121;
    }
      
    .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>

2024 현대카드 TECH TALK

INTRO

SESSION

<div class="imgBox">
    <img src="https://static.wanted.co.kr/images/events/5074/6101af70.jpg" class="webBlock">
    <img src="https://static.wanted.co.kr/images/events/5074/29c3d174.jpg" class="moBlock">
</div>

<style>
.imgBox {background-color: #000000;}
.imgBox img {width: 100%;} 
.moBlock {display: none;}
.webBlock {display: block;}

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

COFFEE CHAT

<div class="imgBox">
    <img src="https://static.wanted.co.kr/images/events/5074/0efc667c.jpg" class="webBlock">
    <img src="https://static.wanted.co.kr/images/events/5074/d4233ac3.jpg" class="moBlock">
</div>

<style>
.imgBox {background-color: #000000;}
.imgBox img {width: 100%;} 
.moBlock {display: none;}
.webBlock {display: block;}

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

<div class="imgBox">
    <img src="https://static.wanted.co.kr/images/events/5074/4d4afa34.jpg" class="webBlock">
    <img src="https://static.wanted.co.kr/images/events/5074/d580ac3b.jpg" class="moBlock">
</div>

<style>
.imgBox {background-color: #000000;}
.imgBox img {width: 100%;} 
.moBlock {display: none;}
.webBlock {display: block;}

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

<div class="imgBoxSet">
    <a href="https://www.linkedin.com/company/hyundaicardcommercial/" target="_blank">
        <img src="https://static.wanted.co.kr/images/events/5074/455808f1.jpg" class="webBlock">
        <img src="https://static.wanted.co.kr/images/events/5074/230d00da.jpg" class="moBlock">
    </a>

    <a style="cursor: auto;">
       <img src="https://static.wanted.co.kr/images/events/5074/23000eea.jpg" class="webBlock">
        <img src="https://static.wanted.co.kr/images/events/5074/fc4e7292.jpg" class="moBlock">
    </a>
</div>

<style>
    .imgBoxSet {display: flex; justify-content: space-between;} .imgBoxSet a {width: 50%;} .moBlock {display: none;} .webBlock {display: block;} img {width: 100%;}
    @media (max-width: 767px) {.imgBoxSet {flex-direction: column;;} .imgBoxSet a {width: 100%;} .moBlock {display: block;} .webBlock {display: none;}}
</style>

<div class="imgBox">
    <img src="https://static.wanted.co.kr/images/events/5074/e3d20fab.jpg" class="webBlock">
    <img src="https://static.wanted.co.kr/images/events/5074/b49e32f0.jpg" class="moBlock">
</div>

<style>
.imgBox {background-color: #000000;}
.imgBox img {width: 100%;} 
.moBlock {display: none;}
.webBlock {display: block;}

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

<div class="imgBox">
    <img src="https://static.wanted.co.kr/images/events/5074/6cdf7e61.jpg" class="webBlock">
    <img src="https://static.wanted.co.kr/images/events/5074/fbdf8155.jpg" class="moBlock">
</div>

<style>
.imgBox {background-color: #000000;}
.imgBox img {width: 100%;} 
.moBlock {display: none;}
.webBlock {display: block;}

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

<div class=“video_wrap1” style="background-color: #000000;">

    <div class="layoutContainer">
        <div class="map">
            <div class="map_wb">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3163.7831647825747!2d127.00069009999999!3d37.5366084!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca3b3bbbf88cd%3A0x9985ec875ca67a04!2z7Ja4642U7Iqk7YWM7J207KeAIHwgVU5ERVJTVEFHRQ!5e0!3m2!1sko!2skr!4v1729156741339!5m2!1sko!2skr" style="border:0;" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div>
             <div class="map_mb">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3163.7831647825747!2d127.00069009999999!3d37.5366084!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca3b3bbbf88cd%3A0x9985ec875ca67a04!2z7Ja4642U7Iqk7YWM7J207KeAIHwgVU5ERVJTVEFHRQ!5e0!3m2!1sko!2skr!4v1729156741339!5m2!1sko!2skr" style="border:0;" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div>
        </div>
    </div>
</div>
      
<style>
    .video_wrap1 {text-align: center;}
    .map {position: relative; height: 0; padding-bottom: 56.25%;}
    .map_wb iframe {position: absolute; width: 100%; height: 100%; left: 0; border-radius: 20px;}
    .map_mb iframe {position: absolute; width: 100%; height: 100%; left: 0; border-radius: 0px;}

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

<div class="imgBox">
    <img src="https://static.wanted.co.kr/images/events/5074/66e94343.jpg" class="webBlock">
    <img src="https://static.wanted.co.kr/images/events/5074/901a147c.jpg" class="moBlock">
</div>

<style>
.imgBox {background-color: #000000;}
.imgBox img {width: 100%;} 
.moBlock {display: none;}
.webBlock {display: block;}

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

<div class="imgBox">
    <img src="https://static.wanted.co.kr/images/events/5074/405015fc.jpg" class="webBlock">
    <img src="https://static.wanted.co.kr/images/events/5074/45f4fd60.jpg" class="moBlock">
</div>

<style>
.imgBox {background-color: #000000;}
.imgBox img {width: 100%;} 
.moBlock {display: none;}
.webBlock {display: block;}

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

<div class="imgBox">
    <a href="https://www.wanted.co.kr/company/50301" target="_blank">
        <img src="https://static.wanted.co.kr/images/events/5074/e6c52a71.jpg" class="webBlock">
        <img src="https://static.wanted.co.kr/images/events/5074/8b9fa240.jpg" class="moBlock">
    </a>
</div>

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

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

<div class="imgBox">
    <img src="https://static.wanted.co.kr/images/events/5074/af06e1b6.jpg" class="webBlock">
    <img src="https://static.wanted.co.kr/images/events/5074/0ab1566c.jpg" class="moBlock">
</div>

<style>
.imgBox {background-color: #000000;}
.imgBox img {width: 100%;} 
.moBlock {display: none;}
.webBlock {display: block;}

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