영상 바로 보기

개발

쿠팡

우아한형제들(배달의민족)

비바리퍼블리카(토스)

네이버(NAVER Corp)

커리어고민

https://static.wanted.co.kr/images/tags/675ed3b6.jpg

IT/기술

<center id="wantedpluse_price">
    
<div class="conContainer pretendard">

    <div id="Price" class="priceContainer">
        <img src="https://static.wanted.co.kr/images/events/1605/d1d994ad.png" class="logo">
        <p>	&#60;영상&#62;과 &#60;아티클&#62;을 통해 ‘만나고 싶었던 업계 전문가의 이야기’,<br class="pcBr"> ‘다양한 직무의 생생한 이야기’등을 보고, 읽어보세요!</p>
        <div class="priceBox">
            <div class="wBox wBox01">
                <ul>
                    <li><img src="https://static.wanted.co.kr/images/events/1613/d6d39e7e.png"><h6>업계 현직자의 최신 'VOD'</h6><p>700+개의 영상<br class="pcBr"> 무제한 감상</p></li>
                    <li><img src="https://static.wanted.co.kr/images/events/1613/e0857338.png"><h6>커리어 성장을 위한 '살롱'</h6><p>동종 업계 사람들과의<br>온오프라인 네트워킹, 스터디</p></li>
                    <li><img src="https://static.wanted.co.kr/images/events/1613/c02cdf23.png"><h6>핵심 인사이트! '아티클'</h6><p>기본기를 키워줄 필수 내용<br>하루 5분으로 읽기</p></li>
                </ul>
            </div>
            <div class="wBox wBox02">
                <div>
                    <p class="per">83%<span><br>할인</span></p>
                    <div class="txtBox"><p class="before">월 60,000원</p><p class="after">월 <span>9,900</span> 원</p></div>
                </div>
                <a href="https://www.wanted.co.kr/events/wantedplus">첫 구독 시 0원!</a>
            </div>
        </div>
        </div>
</div>
    
<style>
    .pcBr {display: block;}
    .priceContainer {text-align: center; background-color: #F2F4F7; padding: 100px 0;}
    .priceContainer .logo {width: 193px; margin-bottom: 35px;}
    .priceContainer > p {font-size: 17px; line-height: 180%;}
    .priceContainer .priceBox {margin-top: 35px;}
    
    .priceContainer .wBox {width: 800px; border-radius: 5px; background-color: #fff; margin: 15px auto 0 auto;}
    .priceContainer .wBox01 ul {padding: 60px 0; display: flex; align-items: center; justify-content: center;}
    .priceContainer .wBox01 li {width: 240px; display: inline-block;}
    .priceContainer .wBox01 li img {width: 68px;}
    .priceContainer .wBox01 li h6 {font-size: 17px; font-weight: 600; line-height: 180%; padding: 18px 0 8px 0;}
    .priceContainer .wBox01 li p {font-size: 14px; line-height: 160%;}
    
    .priceContainer .wBox02 {display: flex; align-items: center; justify-content: center; padding: 30px 0;}
    .priceContainer .wBox02 > div {display: flex; align-items: center;}
    .priceContainer .wBox02 .per {color: #fff; font-size: 20px; font-weight: 600; line-height: 50%; width: 65px; height: 65px; padding-top: 5px; border-radius: 50%; background-color: #003DFF; display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .priceContainer .wBox02 .per span {font-size: 14px;}
    .priceContainer .wBox02 .txtBox {padding: 0 170px 0 30px; display: flex; flex-direction: column; align-items: flex-end;}
    .priceContainer .wBox02 .txtBox .before {color: #666; font-size: 16px; text-decoration: line-through; padding-bottom: 10px;}
    .priceContainer .wBox02 .txtBox .after {font-size: 17px; line-height: 100%; font-weight: 500;}
    .priceContainer .wBox02 .txtBox .after span {font-size: 32px; font-weight: 700; padding-left: 3px;}
    .priceContainer .wBox02 a {color: #003DFF; font-size: 14px; font-weight: 600; line-height: 100%; padding: 12px 50px; border-radius: 50px; border: 1px solid #003DFF;}
    .priceContainer .wBox02 a:hover {color: #fff; background-color: #003DFF;}
    
@media (max-width: 767px) {
    .pcBr {display: none;}
    .priceContainer {text-align: center; background-color: #F2F4F7; padding: 80px 25px;}
    .priceContainer > p {font-size: 16px; line-height: 160%;}
    .priceContainer .priceBox {margin-top: 35px;}
    
    .priceContainer .wBox {width: 100%;}
    .priceContainer .wBox01 ul {padding: 20px 0 50px 0; flex-direction: column;}
    .priceContainer .wBox01 li {width: 100%; display: inline-block; padding-top: 30px;}
    .priceContainer .wBox01 li h6 {font-size: 16px; padding: 15px 0 5px 0;}
    
    .priceContainer .wBox02 {flex-direction: column;padding: 50px;}
    .priceContainer .wBox02 > div {display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 30px;}
    .priceContainer .wBox02 .txtBox {padding: 0; display: flex; flex-direction: column; align-items: flex-end; }
    .priceContainer .wBox02 .txtBox .after span {font-size: 30px;}
    .priceContainer .wBox02 a {width: 100%; padding: 12px 0;}
}
</style>

<div class="video_notice_wrapper">
 <h2>Notice</h2>

 <section>
  <h3>안내 사항</h3>
  <ul>
    <li>본 영상은 wanted+ 구독을 통해 시청하실 수 있습니다.</li>
    <li>wanted+ 구독을 원하시는 분은 상단의 '정기 구독'버튼을 클릭해 주세요.</li>
    <li>각 영상의 세부 내용은 상단의 '영상 바로 보기'버튼을 클릭하셔서 확인하실 수 있습니다.</li>
<li>문의 사항은 help@wantedlab.com을 통해 보내주세요.</li>
  </ul>
</section>


<svg class="logo" viewBox="0 0 120 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M115.243 1.90624V9.10911C114.09 8.29215 112.712 7.77474 111.122 7.63858C111.075 7.63177 111.032 7.62837 110.989 7.62496C110.946 7.62156 110.903 7.61815 110.857 7.61135C110.817 7.61135 110.777 7.61135 110.737 7.59773C110.671 7.59773 110.605 7.59433 110.539 7.59092C110.472 7.58752 110.406 7.58411 110.34 7.58411C110.075 7.58411 109.81 7.59773 109.545 7.62496C105.344 7.96536 102.535 11.0698 101.819 15.141C101.713 15.7401 101.66 16.3528 101.647 16.9928V17.1698V17.1834V17.197V17.1973C101.647 17.3606 101.647 17.5103 101.66 17.6736V17.6872C101.674 17.9595 101.687 18.2182 101.713 18.4905C102.204 23.1881 105.424 26.8235 110.34 26.8235C112.301 26.8235 113.997 26.238 115.349 25.2441V26.3742H115.534L120 26.415V23.0519V0L115.243 1.90624ZM110.843 22.3711C108.259 22.3711 106.139 20.4376 106.139 17.1562C106.139 13.8747 108.326 12.0093 110.843 12.0093C113.361 12.0093 115.322 13.8339 115.322 17.1153C115.309 20.4376 113.348 22.3711 110.843 22.3711ZM72.0365 3.94401L76.831 1.91602V8.04083H80.4706V12.4371H76.831V20.1135C76.831 21.7196 77.5697 22.2368 78.9664 22.2368C79.5573 22.2368 80.2154 22.1551 80.4706 22.0871V26.3744C80.0274 26.565 79.1544 26.8236 77.7174 26.8236C74.1853 26.8236 71.9828 24.5098 71.9828 20.971V12.4371H68.7059V11.0352V8.04083H72.0365V3.94401ZM21.1611 20.1338L24.5045 8.14258H29.6471L23.8734 26.8233H18.7308L14.8235 14.2353L10.9431 26.8233H5.77366L0 8.14258H5.14258L8.48593 20.1338L12.4201 8.14258H17.227L21.1611 20.1338ZM91.0455 7.66367C95.6904 7.66367 98.8092 10.8796 99.5656 15.1674C99.5656 15.1674 99.5656 15.181 99.5922 15.1946C99.6983 15.8459 99.7647 16.5379 99.7647 17.2435C99.7647 17.6777 99.7381 18.0984 99.6983 18.519H86.812C87.2102 21.0022 88.7629 22.8611 91.0588 22.8611C92.7841 22.8611 94.0846 21.8163 94.8013 20.2559L99.0746 21.1921C97.8404 24.5166 95.0003 26.8233 91.0588 26.8233C86.1352 26.8233 82.9103 23.2004 82.4193 18.519C82.3795 18.0984 82.3529 17.6777 82.3529 17.2435C82.3529 16.5379 82.406 15.8594 82.5255 15.1946V15.1674C83.2819 10.8796 86.4006 7.66367 91.0455 7.66367ZM91.0455 12.0601C89.0549 12.0601 87.6348 13.322 87.0244 15.1131H95.0667C94.4562 13.322 93.0362 12.0601 91.0455 12.0601ZM43.3257 9.33386C42.7166 8.87218 41.9486 8.50556 41.2335 8.2204C40.6112 7.94883 39.8167 7.74514 38.85 7.69083C38.8103 7.69083 38.7706 7.69083 38.7309 7.67725C38.6646 7.67725 38.5984 7.67386 38.5322 7.67046C38.466 7.66707 38.3998 7.66367 38.3336 7.66367C33.5401 7.66367 29.6603 11.941 29.6471 17.2231C29.6471 17.3453 29.6471 17.454 29.6603 17.5626V17.7255V17.7799C29.9119 22.7769 33.6328 26.7554 38.2144 26.8233H38.3336C38.4263 26.8233 38.5322 26.8233 38.6249 26.8097H38.7838H38.8368C40.5052 26.7011 42.0413 26.0765 43.339 25.0852V26.3888H48V8.11177H43.339V9.33386H43.3257ZM38.85 22.4238C36.2679 22.4238 34.1492 20.4956 34.1492 17.2231C34.1492 13.9506 36.3341 12.0904 38.85 12.0904C41.3659 12.0904 43.3257 13.9099 43.3257 17.1824C43.3125 20.482 41.3527 22.4238 38.85 22.4238ZM55.7584 10.3532C56.9163 8.50936 59.0805 7.66367 61.0379 7.66367C65.6281 7.66367 67.7509 10.9632 67.7647 15.0669V26.8233H62.7471V15.9403C62.7471 13.8608 61.7271 12.2248 59.3148 12.2248C57.1231 12.2248 55.8411 13.9301 55.8411 16.0928V26.8233H50.8235V8.16277H55.7584V10.3532Z" fill="white"/>
</svg>
</div>

연사님께 궁금한 점을 남겨주세요!

오늘의 개발자: 프론트엔드 : Live Talk #42

업계 현직자의 최신 'VOD'

커리어 성장을 위한 '살롱'

핵심 인사이트! '아티클'

Notice

안내 사항