채용 포지션 보러가기

볼트테크코리아

<div class="eduContainer">
    
    <div class="vod">
    <video class="webBlock" width="100%" height="auto" autoplay loop muted>
        <source src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_01.mp4" type="video/mp4">
    </video>          
    <video class="moBlock" loop="" muted="" autoplay="" playsinline="" data-src="https://static.wanted.co.kr/images/wantedplus_event/workrecipe/ebay/mo_bg.mp4">
        <source src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_01.mp4" type="video/mp4">
        <source src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_01.ogv" type="video/ogg">
    </video>
    </div>
</div>  


<section class="eduContainer" style="background-color: #ffffff;">
  <div class="layoutContainer">
    <div class="imgBox">
      <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXE4Zl.jpg" class="webBlock">
      <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXFAKQ.jpg" class="moBlock">
    </div>
  </div>
</section>  



<section class="eduContainer" style="background-color: #000000;">
  <div class="layoutContainer">
    <div class="imgBox">
      <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXFII1.jpg" class="webBlock">
      <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXFJVo.jpg" class="moBlock">
    </div>
  </div>
</section>


<div class="eduContainer" style="background-color: #000000;">
  <div class="videoContainer">
    <div class="layoutContainer">
        <div class="video">
        <iframe src="https://www.youtube.com/embed/fyyeLPKFeM0?rel=0;autoplay=1;playsinline=1;" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
        </div>
    </div>
  </div>
</div>


<section class="eduContainer" style="background-color: #000000;">
  <div class="layoutContainer">
    <div class="imgBox">
      <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXFRQ3.jpg" class="webBlock">
      <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXFSVF.jpg" class="moBlock">
    </div>
  </div>
</section>   



<section class="eduContainer" style="background-color: #ffffff;">
  <div class="layoutContainer">
    <div class="imgBox">
      <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXGCkm.jpg" class="webBlock">
      <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXGEVy.jpg" class="moBlock">
    </div>
  </div>
</section>   



<section class="eduContainer" style="background-color: #00BAC7;">
  <div class="layoutContainer">
    <div class="imgBox">
      <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXIoaS.jpg" class="webBlock">
      <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXIphk.jpg" class="moBlock">
    </div>
  </div>
</section>   



<section class="eduContainer" style="background-color: #00BAC7;">
    
    
    <div class="layoutContainer">
        <ul class="imgBoxSet">
            
             
            <li class="imgBoxHover">
                <a href="https://www.wanted.co.kr/wd/341525" target="_blank">
                    <div class="webBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_01.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_01-h.jpg" class="imgHover">
                    </div>
                    <div class="moBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_01.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_01.jpg" class="imgHover">
                    </div>
                </a>
             </li>
             
             
             <li class="imgBoxHover">
                <a href="https://www.wanted.co.kr/wd/341460" target="_blank">
                    <div class="webBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_02.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_02-h.jpg" class="imgHover">
                    </div>
                    <div class="moBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_02.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_02.jpg" class="imgHover">
                    </div>
                </a>
             </li>

             
             <li class="imgBoxHover">
                <a href="https://www.wanted.co.kr/wd/341464" target="_blank">
                    <div class="webBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_03n.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_03n-h.jpg" class="imgHover">
                    </div>
                    <div class="moBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_03n.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_03n.jpg" class="imgHover">
                    </div>
                </a>
             </li>
         </ul>
    </div>
    
    
    <div class="layoutContainer" id="gap">
            <ul class="imgBoxSet">
                
             
            <li class="imgBoxHover">
                <a href="https://www.wanted.co.kr/wd/341470" target="_blank">
                    <div class="webBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_04.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_04-h.jpg" class="imgHover">
                    </div>
                    <div class="moBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_04.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_04.jpg" class="imgHover">
                    </div>
                </a>
             </li>
                 
            
            <li class="imgBoxHover">
                <a href="https://www.wanted.co.kr/wd/341471" target="_blank">
                    <div class="webBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_05.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_05-h.jpg" class="imgHover">
                    </div>
                    <div class="moBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_05.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_05.jpg" class="imgHover">
                    </div>
                </a>
             </li>
            
            
            <li class="imgBoxHover">
                <a href="https://www.wanted.co.kr/wd/341474" target="_blank">
                    <div class="webBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_06n.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_06n-h.jpg" class="imgHover">
                    </div>
                    <div class="moBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_06n.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_06n.jpg" class="imgHover">
                    </div>
                </a>
             </li>
             </ul>
    </div>

    
    <div class="layoutContainer" id="gap">
            <ul class="imgBoxSet">
                
             
            <li class="imgBoxHover">
                <a href="https://www.wanted.co.kr/wd/341479" target="_blank">
                    <div class="webBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_07.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_07-h.jpg" class="imgHover">
                    </div>
                    <div class="moBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_07.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_07.jpg" class="imgHover">
                    </div>
                </a>
             </li>
                 
            
            <li class="imgBoxHover">
                <a href="https://www.wanted.co.kr/wd/341511" target="_blank">
                    <div class="webBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_08.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_08-h.jpg" class="imgHover">
                    </div>
                    <div class="moBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_08.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_08.jpg" class="imgHover">
                    </div>
                </a>
             </li>
            
            
            <li class="imgBoxHover">
                <a href="https://www.wanted.co.kr/wd/341520" target="_blank">
                    <div class="webBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_09.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/web_card_09-h.jpg" class="imgHover">
                    </div>
                    <div class="moBlock">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_09.jpg" class="imgDefault">
                        <img src="https://static.wanted.co.kr/images/wantedplus_event/unboxing/ep01/mo_card_09.jpg" class="imgHover">
                    </div>
                </a>
             </li>
             </ul>
    </div> 
</section>  


<section class="eduContainer" style="background-color: #00BAC7;">
  <div class="layoutContainer">
    <div class="imgBox">
      <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXJIIj.jpg" class="webBlock">
      <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXI3SJ.jpg" class="moBlock">
    </div>
  </div>
</section>   


<section class="eduContainer" style="background-color: #00BAC7;">
<div class="layoutContainer">
  <div class="imgBoxHover">
        <a href="https://www.wanted.co.kr/company/12521" target="_blank">
        <div class="webBlock">
            <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXM0KY.jpg" class="imgDefault">
            <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXM1ZA.jpg" class="imgHover">
        </div>
        <div class="moBlock">
            <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXM3EJ.jpg" class="imgDefault">
            <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXM3EJ.jpg" class="imgHover">
        </div>
        </a>
  </div>
</div>
</section>


<section class="eduContainer" style="background-color: #00BAC7;">
  <div class="layoutContainer">
    <div class="imgBox">
      <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXI5RJ.jpg" class="webBlock">
      <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXJAVo.jpg" class="moBlock">
    </div>
  </div>
</section>   


<section class="eduContainer" style="background-color: #000000;">
  <div class="layoutContainer">
    <div class="imgBox">
      <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXGHgC.jpg" class="webBlock">
      <img src="https://static.wanted.co.kr/events/assets/7lztK3A29szGwHH3ONmmA1/F3FXGJRw.jpg" class="moBlock">
    </div>
  </div>
</section>   




<style>
/* 공통 */
.eduContainer{max-width: 100%;}
.imgBox img {width: 100%;}
.moBlock{display: none;}
.webBlock{display: block;}  

/* 레이아웃 컨테이너 */
.layoutContainer {max-width: 1060px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.imgBox {display: flex; justify-content: space-between;}
.imgBox .imgDefault {display: block;}

/* 영상 */
.vod {position: relative;}
.vod video {width: 100%;}  
.videoContainer {background-color: #000000;}
.video {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.video iframe {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block;}

/* 버튼 스타일 */
.imgBoxHover img {width: 100%;}
.imgBoxHover .imgDefault {display: block;}
.imgBoxHover .imgHover {display: none;}
.imgBoxHover a:hover .imgDefault {display: none;}
.imgBoxHover a:hover .imgHover {display: block;}

/* 카드 리스트 스타일 */
#gap{margin-top: 20px;}

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

  
/* 반응형 */
@media (max-width: 767px) {
  .imgBoxSet {flex-direction: column;}
  .imgBoxSet a {width: 100%;}
  .moBlock {display: block;}
  .webBlock {display: none;}
  .eduContainer ul {display: block;}
  .eduContainer li {width: 100%; height: 100%;}
  #gap {margin-top: 0px;}
}
</style>

볼트테크코리아를 언박싱