-
Draw your future of mobility
미래 모빌리티의 꿈을 현실로, 현대오토에버의 여정에 함께하세요
-
-
1건
신입채용
-
1건
경력채용
-
1건
계약직채용
-
1건
기타채용
-
[data-section='header01_mo']{z-index:120;}
[data-section='header01_mo'] .header_bg_check{background-color:#333; position:relative !important;}
[data-section='header01_mo'] .gnb{width: 100%; position: absolute; top: 0; left: 0; z-index: 100; }
[data-section='header01_mo'] .gnb_absolute{position: absolute; top: 0; left: 0; z-index: 999;}
/* header 태그에 해당 클래스 추가시 상단에 겹쳐지게됨 */
[data-section='header01_mo'] .gnb i{color: #fff; font-size: 18px; cursor: pointer;}
[data-section='header01_mo'] .inner{border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: flex; padding: 0 130px; width: 100%; height: 100px; align-items: center; justify-content: space-between;}
[data-section='header01_mo'] .inner .nav{display: flex; justify-content: space-between;}
[data-section='header01_mo'] ul.main_menu>li{padding: 0 10px;}
[data-section='header01_mo'] .h_logo{width: 140px;}
[data-section='header01_mo'] .menu_wrap{width: 50%;}
[data-section='header01_mo'] .nav>li{position: relative; padding: 0 30px; word-break:keep-all;}
[data-section='header01_mo'] .lnb{width: 100%; position: absolute; padding-top:10px; left: 0; display: block;}
[data-section='header01_mo'] .lnb li{background-color: rgba(0, 0, 0, 0.5); width: 100%; position: relative; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
[data-section='header01_mo'] .lnb li:last-child{border-bottom: 0;}
[data-section='header01_mo'] .lnb li:hover{background-color: rgba(0, 0, 0, 1);}
[data-section='header01_mo'] .lnb li i{font-size: 15px; padding: 10px; display: block; cursor:pointer; }
[data-section='header01_mo'] .header_pointer{cursor:pointer;}
[data-section='header01_mo'] .side_menu li{display: inline-block; padding: 0 5px;}
[data-section='header01_mo'] .mo_btn,.mobile{display: none;}
/* ********************************************* *
* 1600px
* ********************************************* */
@media screen and (max-width: 1660px){
[data-section='header01_mo'] .gnb.inner{padding: 0 80px;}
}
/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){
[data-section='header01_mo'] .mo_btn,.mobile{display: block;}
[data-section='header01_mo'] .side_menu{display: none;}
[data-section='header01_mo'] .inner{height: 80px; padding-left: 30px; padding-right: 30px;}
[data-section='header01_mo'] .gnb.nav>li{padding: 0;}
[data-section='header01_mo'] .gnb .nav{padding-right: 0 !important;}
[data-section='header01_mo'] .gnb .nav>li{display: none;}
[data-section='header01_mo'] .gnb .nav>.mo_btn{display: block; padding-top: 15px; cursor: pointer; padding-right:0;}
[data-section='header01_mo'] .lan_btn{width: 97px; height: 97px;}
[data-section='header01_mo'] .mobile{display: block;}
[data-section='header01_mo'] .mo_menu{width: 100%; position: absolute; z-index: 100; top: 79px; background-color: #fff; text-align: center; display: block; border-top: 1px solid #ddd;}
[data-section='header01_mo'] .mo_menu li{background-color: #fff;}
[data-section='header01_mo'] .mo_menu i{width: 100%; display: block; padding: 14px; font-size: 17px; text-transform: uppercase;}
[data-section='header01_mo'] .mo_menu_inner>li>i{border-bottom: 1px solid #ddd;}
[data-section='header01_mo'] .mo_sub_menu{background-color: #fff; display: block;}
[data-section='header01_mo'] .mo_sub_menu i{border-bottom: 1px solid #f5f5f5; font-size: 16px;}
[data-section='header01_mo'] .mo_sub_menu>li{background-color: #f5f5f5; border-bottom: 1px solid #ddd;}
[data-section='header01_mo'] .mo_lan span{width: 100%; float: left; display: block !important; cursor: pointer; border-right: 1px solid #ddd;}
[data-section='header01_mo'] .mo_lan span i{font-size: 16px;}
[data-section='header01_mo'] .mo_lan span:last-child{border-right: 0;}
[data-section='header01_mo'] .rock,.lan_btn{display: none;}
[data-section='header01_mo'] .adm_btn{display: none;}
}
section{ word-break: keep-all;}
[data-section='hyundai_01'] .bg{height: 100vh; overflow: hidden;}
[data-section='hyundai_01'] .bg img{height: 100%; width:100%; transform: scale(1); animation-name: bg; animation-duration: 3s; animation-direction: alternate; animation-iteration-count: infinite;}
[data-section='hyundai_01'] .bg>div{height: 100%; width:100%;}
[data-section='hyundai_01'] .bg>div>div{height: 100%; width:100%;}
[data-section='hyundai_01'] .content{position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: 100; color: #fff; padding: 0 150px 0 130px;}
[data-section='hyundai_01'] .content .txt_inner h1{font-size: 58px; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4)}
[data-section='hyundai_01'] .content .txt_inner p{font-size: 28px; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6)}
[data-section='hyundai_01'] .empoly .info{font-size: 20px; position: relative; width: 245px; cursor: pointer; display: inline-block; border-bottom: 1px solid #fff; font-weight: 300; padding-bottom: 10px;}
[data-section='hyundai_01'] .empoly .info p{font-size: 22px; position: relative; top: 10px; max-width: 165px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left:20px; display: inline-block; font-weight: 400;}
[data-section='hyundai_01'] .empoly .info i{width: 22px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
[data-section='hyundai_01'] .empoly .info span{font-size: 40px; position: relative; top: 5px; font-weight: 400;}
[data-section='hyundai_01'] .content>ul{display: flex; justify-content: space-between; align-items: center;}
[data-section='hyundai_01'] .empoly li{padding-bottom: 16px;}
[data-section='hyundai_01'] .in_slide{padding-top: 50px;}
[data-section='hyundai_01'] .in_slide .arrow{text-align: center; width: 100%; opacity: 0.7; cursor: pointer;}
[data-section='hyundai_01'] .in_slide .arrow:hover{opacity: 1;}
[data-section='hyundai_01'] .in_slide .arrow.top{margin-bottom: 38px;}
[data-section='hyundai_01'] .in_slide .arrow.bot{margin-top: 50px;}
[data-section='hyundai_01'] .in_slide .arrow img{width: 36px; display: inline-block;}
[data-section='hyundai_01'] .scroll{width: 70px; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%);
animation-name: scroll; animation-duration: 1s; animation-direction: alternate; animation-iteration-count: infinite; z-index:9;}
@keyframes scroll {
from {bottom: 50px;}
to {bottom: 35px;}
}
/* ********************************************* *
* 1600px
* ********************************************* */
@media screen and (max-width: 1660px){
[data-section='hyundai_01'] .content{padding: 0 20px;}
}
/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1440px){
[data-section='hyundai_01'] .content>ul{display: block;}
[data-section='hyundai_01'] .empoly{display: flex; justify-content: center; width: 100%; align-items: center;}
[data-section='hyundai_01'] .empoly li{padding-right: 40px; flex-basis:20%;}
[data-section='hyundai_01'] .txt_inner{text-align: center;}
[data-section='hyundai_01'] .bg{height: 800px;}
[data-section='hyundai_01'] .in_slide{display: flex; align-items: center;}
[data-section='hyundai_01'] .in_slide .arrow.top{margin-bottom:0; transform: rotate(-90deg);}
[data-section='hyundai_01'] .in_slide .arrow.bot{margin-top:0; transform: rotate(-90deg);}
[data-section='hyundai_01'] .empoly .info p{font-size: 20px;}
[data-section='hyundai_01'] .empoly .info span{font-size: 35px; top: 2px;}
[data-section='hyundai_01'] .empoly li:last-child{padding-right: 0;}
[data-section='hyundai_01'] .in_slide .arrow{display: none;}
}
/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){
[data-section='hyundai_01'] .empoly{flex-wrap:wrap;}
[data-section='hyundai_01'] .empoly li{flex-basis:50%; width:50%; }
[data-section='hyundai_01'] .empoly li:nth-child(2n-1){text-align:right;}
[data-section='hyundai_01'] .empoly li:nth-child(2n-1) .info{text-align:left;}
[data-section='hyundai_01'] .empoly li:nth-child(2n){text-align:left;}
[data-section='hyundai_01'] .empoly li:nth-child(2){padding-right:0;}
[data-section='hyundai_01'] .empoly .info{max-width:260px; width:100%; }
[data-section='hyundai_01'] .content .txt_inner h1{font-size: 40px;}
[data-section='hyundai_01'] .content .txt_inner p{font-size: 24px;}
[data-section='hyundai_01'] .empoly .info span{font-size: 30px;}
[data-section='hyundai_01'] .sub_banner .scroll{width: 50px;}
}
/* ********************************************* *
* 680px
* ********************************************* */
@media screen and (max-width: 680px){
[data-section='hyundai_01'] .content{top:55%;}
[data-section='hyundai_01'] .content .txt_inner h1{line-height: 1.4; font-size: 30px; padding-bottom: 10px;}
[data-section='hyundai_01'] .content .txt_inner p{font-size: 17px;}
[data-section='hyundai_01'] .bg{height: 600px;}
[data-section='hyundai_01'] .empoly .info p{font-size:18px; top:7px; }
[data-section='hyundai_01'] .empoly .info span{font-size:26px;}
[data-section='hyundai_01'] .empoly .info b{font-size:16px;}
}
/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){
[data-section='hyundai_01'] .empoly li{padding-right:0; flex-basis:260px; width:260px;}
[data-section='hyundai_01'] .in_slide{padding-top:0;}
[data-section='hyundai_01'] .empoly .info{padding-bottom:5px;}
}
}
[data-section='hyundai_02']{background-color: #fff;}
[data-section='hyundai_02']>ul{position:relative; z-index:5; display:flex; flex-wrap:wrap; }
[data-section='hyundai_02'] .img{width:100%; height:100%}
[data-section='hyundai_02']>ul>li{width: 50%;}
[data-section='hyundai_02'] ul li .bg{height: 100vh; position: relative;}
[data-section='hyundai_02'] ul li .bg img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
[data-section='hyundai_02'] .content{padding: 130px 60px;}
[data-section='hyundai_02'] .main_title{font-size: 40px; font-weight: 500; line-height: 1.4; padding-bottom: 50px;}
[data-section='hyundai_02'] .link_txt{padding-left: 6px;}
[data-section='hyundai_02'] .link_txt li{position: relative; margin-right: 60px; display: inline-block; cursor: pointer;}
[data-section='hyundai_02'] .link_txt li span{font-size: 20px; font-weight: 500;}
[data-section='hyundai_02'] .link_txt li::before{content: ""; display: inline-block; width: 37px; height: 43px; background: url(HYUNDAIAUTO/_upload/section/hyundai_02/imgdeco_a.png)no-repeat; background-size: contain; position: absolute; left: -15px; top: -9px; display: none;}
[data-section='hyundai_02'] .link_txt li:hover::before{display: inline-block;}
[data-section='hyundai_02'] .link_txt li:hover a{font-weight: 600;}
[data-section='hyundai_02'] .content .sec02_p{color: #848484; font-size: 20px; padding-left: 8px; letter-spacing: 0.5px;}
[data-section='hyundai_02'] .bg_logo{position: absolute; bottom: 0; left: 7%; z-index: 2; width: 43%;}
[data-section='hyundai_02'] .more_btn p{display: inline-block; color: #333; font-size: 18px;}
[data-section='hyundai_02'] .more_btn i{display: inline-block; width: 24px; position: relative; top: -2px; margin-left: 14px;}
[data-section='hyundai_02'] .more_btn:hover i{left: -3px;}
/* ********************************************* *
* 1600px
* ********************************************* */
@media screen and (max-width: 1660px){
[data-section='hyundai_02'] .content{padding-left: 60px; padding-right: 60px;}
}
/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1440px){
[data-section='hyundai_02'] .main_title{font-size: 30px;}
[data-section='hyundai_02'] ul li .bg{height: 80vh;}
[data-section='hyundai_02'] .content .sec02_p{font-size: 17px;}
}
/* ********************************************* *
* 1100px
* ********************************************* */
@media screen and (max-width: 1100px){
[data-section='hyundai_02']>ul>li{width: 100%;}
[data-section='hyundai_02'] ul li .bg{height: 600px;}
}
/* ********************************************* *
* 680px
* ********************************************* */
@media screen and (max-width: 680px){
[data-section='hyundai_02'] .content{padding-left: 20px; padding-right: 20px;}
[data-section='hyundai_02'] .main_title{font-size: 24px;}
[data-section='hyundai_02'] .link_txt li a{font-size: 18px;}
[data-section='hyundai_02'] .link_txt li{margin-right: 40px;}
}
-
The first step to becoming
a mobility SW provider- Guide
- Apply
- Life
인재DB에 등록해보세요!적합한 포지션이 발생하는 경우 별도 안내드릴 예정입니다.인재DB 등록하기
-
[data-section='hyundai_03'] .main_title{font-size: 40px; font-weight: 600; line-height: 1.4; padding-bottom: 50px;}
[data-section='hyundai_03'] .more_btn p{display: inline-block; color: #333; font-size: 18px;}
[data-section='hyundai_03'] .more_btn i{display: inline-block; width: 24px; position: relative; top: -2px; margin-left: 14px;}
[data-section='hyundai_03'] .more_btn:hover i{left: -3px;}
[data-section='hyundai_03'] .content{padding-left: 60px; padding-top:60px; }
[data-section='hyundai_03'] .video_wrap{padding: 60px; padding-right:0; overflow: hidden;}
[data-section='hyundai_03'] .video_wrap>ul{display: flex; flex-wrap: nowrap; width: 100%; margin:-30px;}
[data-section='hyundai_03'] .video_wrap li{width: 60%; padding:30px;}
[data-section='hyundai_03'] .video_wrap img{width:100%}
[data-section='hyundai_03'] .hyun03_inwrap{display:flex; justify-content:space-between; align-items: flex-end; padding-right:60px;}
[data-section='hyundai_03'] .hyun03_textwrap p{line-height:1.6; font-size:18px;}
[data-section='hyundai_03'] .slide_btn li {display: inline-block; vertical-align: middle; font-size: 18px; font-weight: 700;}
[data-section='hyundai_03'] .slide_btn .btn{cursor: pointer;}
[data-section='hyundai_03'] .slide_btn .left{padding-right: 20px;}
[data-section='hyundai_03'] .slide_btn .right{padding-left: 20px;}
[data-section='hyundai_03'] .slide_btn .num{color: #111111;}
[data-section='hyundai_03'] .slide_btn .num.active{font-size: 20px;}
[data-section='hyundai_03'] .slide_btn .num.deactive{color: #787878;}
[data-section='hyundai_03'] .slide_btn .btn:hover img{background-color: #fff; border-radius: 50%;}
[data-section='hyundai_03'] .content h6{font-size: 20px; font-weight: 700;}
[data-section='hyundai_03'] .content .date{font-size: 20px; color: #7b7979; padding: 20px 0 50px 0; display: block;}
[data-section='hyundai_03'] .content .more_btn{margin-bottom: 40px;}
/* ********************************************* *
* 1600px
* ********************************************* */
@media screen and (max-width: 1660px){
[data-section='hyundai_03'] .content{padding-left: 60px; padding-right: 60px;}
}
/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1440px){
[data-section='hyundai_03'] .main_title{font-size: 30px;}
[data-section='hyundai_03'] .hyun03_inwrap{flex-wrap:wrap;}
[data-section='hyundai_03'] .hyun03_inwrap>ul{width:100%; padding-top:20px; padding-bottom:20px;}
[data-section='hyundai_03'] .hyun03_inwrap>div{width:100%;}
[data-section='hyundai_03'] .video_wrap>ul{margin:-16px;}
[data-section='hyundai_03'] .video_wrap li{padding:16px;}
}
/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){
[data-section='hyundai_03']>ul>li{width: 100%;}
[data-section='hyundai_03'] .content{padding-top: 0px;}
[data-section='hyundai_03'] .video_wrap{padding: 0 20px;}
[data-section='hyundai_03'] .video_wrap>ul{width: 100%;}
[data-section='hyundai_03'] .video_wrap li{width: 100%;}
[data-section='hyundai_03'] .content{padding-left:20px; padding-right:20px;}
}
/* ********************************************* *
* 1100px
* ********************************************* */
@media screen and (max-width: 1100px){
[data-section='hyundai_03']>ul>li{width: 100%;}
}
/* ********************************************* *
* 680px
* ********************************************* */
@media screen and (max-width: 680px){
[data-section='hyundai_03'] .video_wrap{padding-left: 20px; padding-right: 20px;}
[data-section='hyundai_03'] .main_title{font-size: 24px;}
}
-
INSIDE STORY
현대오토에버 기업홍보영상
인턴체험을 진행하였습니다. 현대오토에버에서의 인턴은 어떤지 같이 한번 알아볼까요?
-
- 01
- /
- 05
-
-
-
[data-section='te_text'] .content{padding: 60px;}
[data-section='te_text'] div.h2{font-size: 40px; font-weight:bold;}
[data-section='te_text'] div.p{font-size: 18px;}
@media screen and (max-width: 1600px){
[data-section='te_text'] .content{padding-left:20px; padding-right:20px;}
}
@media screen and (max-width: 1100px){
[data-section='te_text'] div.h2{font-size: 32px;}
}
@media screen and (max-width: 690px){
[data-section='te_text'] div.p{font-size: 16px;}
}
[data-section='footer01'] #footer{position:relative; width:100%; background:#242424; color:#fff; padding-bottom: 20px;}
[data-section='footer01'] #footer .inr{width:1660px;}
[data-section='footer01'] #footer address b{opacity:0.75; padding:0 5px 0 0; font-weight:300; font-size:14px; color:#888;}
[data-section='footer01'] #footer address span{padding:0 10px 0 0;}
[data-section='footer01'] #footer address span,
[data-section='footer01'] #footer address i{opacity:0.75; line-height:1.8em; font-weight:200; color:#fff;}
[data-section='footer01'] #footer address span.dhm{font-weight:600; color:#cb1919;}
[data-section='footer01'] #footer .logo{display:inline-block; opacity:0.35; padding-top:14px; vertical-align:top;}
[data-section='footer01'] #footer .logo img{height:32px; vertical-align:middle;}
[data-section='footer01'] #footer .top_footer{padding:44px 0 30px; border-bottom:1px solid #323232;}
[data-section='footer01'] #footer .btm_footer{padding:30px 0 50px;}
[data-section='footer01'] #footer .btm_footer:after{content:''; display:block; clear:both;}
[data-section='footer01'] #footer .btm_footer p{float:left; opacity:0.2; font-weight:200; font-size:14px; color:#fff;}
[data-section='footer01'] #footer .link{float:right;}
[data-section='footer01'] #footer .link > li{display:inline-block; margin:0 0 0 5px; border:1px solid #424242; border-radius:2px;}
[data-section='footer01'] #footer .link > li:last-child{background:#3a3a3a; border:1px solid #565656;}
[data-section='footer01'] #footer .link > li:last-child i{opacity:0.8;}
[data-section='footer01'] #footer .link > li > i{display:inline-block; opacity:0.5; line-height:30px; padding:0 10px; font-weight:200; font-size:13px; color:#fff;}
[data-section='footer01'] #footer .footer_info{display:inline-block; padding:0 0 0 40px;}
[data-section='footer01'] #footer .footer_info span{padding:0 15px 0 0; font-weight:300; font-size:15px; color:#ccc; word-break:keep-all;}
[data-section='footer01'] #footer .footer_info span.tel_link{display:none;}
[data-section='footer01'] #footer .footer_info span > i{color:#CCC;}
[data-section='footer01'] #footer .footer_info p,
[data-section='footer01'] #footer .footer_info i{padding:2px 0 0; color:#CCC;}
[data-section='footer01'] #footer .bd1600{width: 1600px; margin: 0 auto; max-width: 100%; min-height: 0 !important;}
/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){
[data-section='footer01'] #footer .logo img{height:25px;}
[data-section='footer01'] #footer .footer_info span{padding:0 10px 0 0; font-size:12px;}
[data-section='footer01'] #footer .btn_top{right:15px; width:42px; height:42px; background-size:6px;}
[data-section='footer01'] #footer .btn_top.fiexd.active{bottom:20px;}
[data-section='footer01'] #footer address b{padding:0 2px 0 0;}
[data-section='footer01'] #footer address span.dhm{display:block; font-weight:bold; color:#ff4d4d;}
[data-section='footer01'] #footer .top_footer{padding:24px 0 15px; border-bottom:1px solid #323232;}
[data-section='footer01'] #footer .btm_footer p{display:block; float:none; font-size:12px;}
[data-section='footer01'] #footer .btm_footer{padding:20px 0 30px;}
[data-section='footer01'] #footer .link{display:block; float:none; margin-top:13px;}
[data-section='footer01'] #footer .link > li{margin:0 0 0 2px;}
[data-section='footer01'] #footer .link > li:first-child{margin-left:0;}
[data-section='footer01'] #footer .link > li > i{padding:0 10px; font-size:11px;}
[data-section='footer01'] #footer .footer_info{padding-left: 0;}
[data-section='footer01'] #footer .logo{margin-bottom: 10px;}
[data-section='footer01'] #footer .footer_pointer{cursor:pointer;}
}