Name: 키보드 백일장 | 제 1회 당선작 발표
Start: 2022-06-10T00:00:00Z
End: 2022-07-09T23:59:59Z

응모작 더 보러가기

커리어고민

자기계발

라이프스타일

이슈·트렌드

회사생활

워라밸

브랜딩

시리즈

취업/이직

<div class="imgBox">
    <div class="webBlock">
        <button id="btnCopy" data-attribute-id="event__keyboardcontest__share" onclick="document.querySelector('button[data-attribute-id=event__goShare]').click()">
            <img src="https://static.wanted.co.kr/images/events/2146/75e67200.jpg" class="imgDefault">
            <img src="https://static.wanted.co.kr/images/events/2146/32c9df00.jpg" class="imgHover">
        </button>
        <a href="https://www.wanted.co.kr/community/60" target="_blank">
            <img src="https://static.wanted.co.kr/images/events/2146/6b7d06eb.jpg" class="imgDefault">
            <img src="https://static.wanted.co.kr/images/events/2123/8468f1c3.jpg" class="imgHover">
        </a>
    </div>
    
    <div class="moBlock">
        <a href="https://www.wanted.co.kr/community/60" target="_blank">
            <img src="https://static.wanted.co.kr/images/events/2146/9d1b4d5c.jpg">
        </a>
        
        <button id="btnCopy" data-attribute-id="event__keyboardcontest__share" onclick="document.querySelector('button[data-attribute-id=event__goShare]').click()">
            <img src="https://static.wanted.co.kr/images/events/2146/9bd1e914.jpg">
        </button>
    </div>
    
</div>


<style>
    .moBlock {display: none;}
    .webBlock {display: block;}
    
    .imgBox {background-color: #64D2FF;}
    .imgBox img {width: 100%;}
    
    .imgBox div.webBlock .imgDefault {display: block;}
    .imgBox div.webBlock .imgHover {display: none;}
    
    .imgBox div.webBlock a:hover .imgDefault {display: none;} 
    .imgBox div.webBlock a:hover .imgHover {display: block;}
    .imgBox div.webBlock button:hover .imgDefault {display: none;} 
    .imgBox div.webBlock button:hover .imgHover {display: block;}
    
    .imgBox div.webBlock {display: flex; align-items: center;}
    

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