Name: 나의 직장인 유형 테스트 결과는?
Start: 2023-05-30T17:22:38Z
End: nullZ

테스트 시작하기

<section class="typecontainer" style="background-color: #3366FF;">
    <div class="layoutContainer">
        <div class="imgBox">
            <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/web01-1.jpg" class="webBlock">
            <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/mo01-1.jpg" class="moBlock">
        </div>
    </div>
</section>   

<section class="typecontainer" style="background-color: #3366FF;">
    <div class="layoutContainer">
        <div class="imgBox">
            <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/web01_new2.gif" class="webBlock">
            <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/mo01-2_new.gif" class="moBlock">
        </div>
    </div>
</section>   



<section class="typecontainer" style="background-color: #fff;">
    <div class="layoutContainer">
         <div class="imgBox">
            <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/web02-1.jpg" class="webBlock">
            <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/mo02-1.jpg" class="moBlock">
         </div>
    </div>
</section>  

<section class="typecontainer" style="background-color: #fff;">
    <div class="layoutContainer">
         <div class="imgBox">
            <a href="https://www.wanted.co.kr/typetest" target="_blank">
             <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/web02-2.jpg" class="webBlock">
             <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/mo02-2.jpg" class="moBlock">
             </a>
    </div>
    </div>
</section>   


<section class="typecontainer" style="background-color: #fff;">
    <div class="layoutContainer">
       
        <div class="imgBox">
            <a href="#cardTitle">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/web02-3.jpg" class="webBlock">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/mo02-3.jpg" class="moBlock">
            </a>
    </div>
    </div>
</section>   

<section class="typecontainer" style="background-color: #fff;">
    <div class="layoutContainer">
        <div class="imgBox">
            <a href="링크" target="_blank">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/web02-4.jpg" class="webBlock">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/mo02-4.jpg" class="moBlock">
            </a>
        </div>
    </div>
</section>   



<section class="typecontainer" style="background-color: #E7F5FF;">
    <div class="layoutContainer">
        <div class="imgBox">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/web03-1-2.jpg" class="webBlock">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/mo03-1-2.jpg" class="moBlock">
        </div>
    </div>
</section>  

<section class="typecontainer" style="background-color: #E7F5FF;">
    <div class="layoutContainer">
        <div class="imgBox">
            <a href="https://blog.naver.com/wantedlab/223111809440" target="_blank">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/web03-2-2.jpg" class="webBlock">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/mo03-2-3.jpg" class="moBlock">
            </a>
        </div>
    </div>
</section>   

<section class="typecontainer" style="background-color: #E7F5FF;" id="cardTitle">
    <div class="layoutContainer">
        <div class="imgBox">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/web03-3.jpg" class="webBlock">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/mo03-3.jpg" class="moBlock">
        </div>
    </div>
</section>   



<section class="typecontainer" style="background-color: #fff;">
    <div class="layoutContainer">
        <div class="imgBox">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/web04-1.jpg" class="webBlock">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/mo04-1.jpg" class="moBlock">
        </div>
    </div>
</section>  


<section class="typecontainer" style="background-color: #fff;">
    <div class="layoutContainer">
        <ul class="imgBoxSet">
            
             
            <li class="imgBox">
                 <div>
                     <a href="https://www.wanted.co.kr/events/type2_contents" target="_blank">
                         <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/web04-2.jpg" class="webBlock">
                         <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/mo04-2.jpg" class="moBlock">
                     </a>
                 </div>
                
             </li>
             
             
             <li class="imgBox">
                 <div>
                     <a href="https://www.wanted.co.kr/events/type3_contents" target="_blank">
                         <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/web04-3.jpg" class="webBlock">
                         <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/mo04-3.jpg" class="moBlock">
                     </a>
                 </div>
                
             </li>
     
             
             <li class="imgBox">
                 <div>
                     <a href="https://www.wanted.co.kr/events/type1_contents" target="_blank">
                         <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/web04-4.jpg" class="webBlock">
                         <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/mo04-4.jpg" class="moBlock">
                     </a>
                 </div>
                
             </li>
         </ul>
    </div>
</section>  




<section class="typecontainer" style="background-color: #fff;">
    <div class="layoutContainer">
        <div class="imgBox">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/web04-5.jpg" class="webBlock">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/mo04-5.jpg" class="moBlock">
        </div>
    </div>
</section>  



<section class="typecontainer" style="background-color: #4FB6FF;">
    <div class="layoutContainer">
        <div class="imgBox">
            <a href="https://www.wanted.co.kr/typetest" target="_blank">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/web05_new.jpg" class="webBlock">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/mo05_new.jpg" class="moBlock">
            </a>
        </div>
    </div>
</section>  


<section class="typecontainer" style="background-color: #333;">
    <div class="layoutContainer">
        <div class="imgBox">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/web06.jpg" class="webBlock">
                <img src="https://static.wanted.co.kr/images/wantedplus_event/marketing/typetest_report/mo06.jpg" class="moBlock">
        </div>
    </div>
</section>  



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

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