채용 자세히 보기

<div class="imgBoxSet">
    <a href="https://www.wanted.co.kr/events/tossincome_article1" target="_blank">
        <img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/web_04-3.jpg" class="webBlock">
        <img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/mo_04-3.jpg" class="moBlock">
    </a>
    <a href="https://www.wanted.co.kr/events/tossincome_article2" target="_blank">
        <img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/web_04-4.jpg" class="webBlock">
        <img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/mo_04-4.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="imgBoxa">
    <a href="https://toss.im/career/tossincome" target="_blank">
        <img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/web_04-5.jpg" class="webBlock">
        <img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/mo_04-5.jpg" class="moBlock">
    </a>
</div>
<style>
    .imgBoxa img {width: 100%;} 
    .moBlock {display: none;}
    .webBlock {display: block;}
    @media (max-width: 767px) {
        .moBlock {display: block;}
        .webBlock {display: none;}
    }
</style>

<div class="imgBoxb">
    <a href="https://www.wanted.co.kr/company/46520" target="_blank">
        <img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/web_05.jpg" class="webBlock">
        <img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/mo_05b.jpg" class="moBlock">
    </a>
</div>
<style>
    .imgBoxb img {width: 100%;} 
    .moBlock {display: none;}
    .webBlock {display: block;}
    @media (max-width: 767px) {
        .moBlock {display: block;}
        .webBlock {display: none;}
    }
</style>

<div class="slidebox">
	<input type="radio" name="slide" id="slide01" checked>
	<input type="radio" name="slide" id="slide02">
	<input type="radio" name="slide" id="slide03">
	<input type="radio" name="slide" id="slide04">
	<input type="radio" name="slide" id="slide05">
	<ul class="slidelist">
		<li class="slideitem">
			<div>
				<label for="slide05" class="left"></label>
				<label for="slide02" class="right"></label>
				<a><img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/web-slide1a.jpg" class="webB"></a>
                <a><img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/mo-slide1a.jpg" class="moB"></a>
			</div>
		</li>
		<li class="slideitem">
			<div>
				<label for="slide01" class="left"></label>
				<label for="slide03" class="right"></label>
				<a><img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/web-slide2a.jpg" class="webB"></a>
                <a><img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/mo-slide2a.jpg" class="moB"></a>
			</div>
		</li>
		<li class="slideitem">
			<div>
				<label for="slide02" class="left"></label>
				<label for="slide04" class="right"></label>
				<a><img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/web-slide3a.jpg" class="webB"></a>
                <a><img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/mo-slide3a.jpg" class="moB"></a>
			</div>
		</li>
		<li class="slideitem">
			<div>
				<label for="slide03" class="left"></label>
				<label for="slide05" class="right"></label>
				<a><img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/web-slide4a.jpg" class="webB"></a>
                <a><img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/mo-slide4a.jpg" class="moB"></a>
			</div>
		</li>
		<li class="slideitem">
			<div>
				<label for="slide04" class="left"></label>
				<label for="slide01" class="right"></label>
				<a><img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/web-slide5a.jpg" class="webB"></a>
                <a><img src="https://static.wanted.co.kr/images/wantedplus_event/tossincome/mo-slide5a.jpg" class="moB"></a>
			</div>
		</li>
	</ul>
</div>
      
<style>
.webB {display: block;}
.moB {display: none;}

[name="slide"] {display:none;}

.slidebox {width:100%; margin:0 auto; text-align:center;}
.slidebox img {width:100%;}
.slidebox .slidelist {white-space: nowrap; font-size: 0; overflow: hidden;}
.slidebox .slideitem {position: relative; display: inline-block; vertical-align: middle; width: 100%; transition: all .30s;}

[id="slide01"]:checked ~ .slidelist .slideitem {transform: translateX(0); animation: slide01 15s infinite;}
[id="slide02"]:checked ~ .slidelist .slideitem {transform: translateX(-100%); animation: slide02 15s infinite;}
[id="slide03"]:checked ~ .slidelist .slideitem {transform: translateX(-200%); animation: slide03 15s infinite;}
[id="slide04"]:checked ~ .slidelist .slideitem {transform: translateX(-300%); animation: slide04 15s infinite;}
[id="slide05"]:checked ~ .slidelist .slideitem {transform: translateX(-400%); animation: slide05 15s infinite;}

@keyframes slide01 {0% {left:0%;} 13% {left:0%;} 15% {left:-100%;} 30% {left:-100%;} 32% {left:-200%;} 50% {left:-200%;} 52% {left:-300%;} 70% {left:-300%;} 72% {left:-400%;} 98% {left:-400%;} 100% {left:0%;}}
@keyframes slide02 {0% {left:0%;} 13% {left:0%;} 15% {left:-100%;} 30% {left:-100%;} 32% {left:-200%;} 50% {left:-200%;} 52% {left:-300%;} 70% {left:-300%;} 72% {left:100%;} 98% {left:100%;} 100% {left:0%;}}
@keyframes slide03 {0% {left:0%;} 13% {left:0%;} 15% {left:-100%;} 30% {left:-100%;} 32% {left:-200%;} 50% {left:-200%;} 52% {left:300%;} 70% {left:300%;} 72% {left:100%;} 98% {left:100%;} 100% {left:0%;}}
@keyframes slide04 {0% {left:0%;} 13% {left:0%;} 15% {left:-100%;} 30% {left:-100%;} 32% {left:300%;} 50% {left:300%;} 52% {left:200%;} 70% {left:200%;} 72% {left:100%;} 98% {left:100%;} 100% {left:0%;}}
@keyframes slide05 {0% {left:0%;} 13% {left:0%;} 15% {left:400%;} 30% {left:400%;} 32% {left:300%;} 50% {left:300%;} 52% {left:200%;} 70% {left:200%;} 72% {left:100%;} 98% {left:100%;} 100% {left:0%;}}

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

토스인컴 초기 멤버 모집 : Next toss, income