html,
body { scroll-padding: 200px; }
main section { margin: 0px; padding: 0px; }
/* 채용 페이지 제목 */
#recruit-title { max-width: 1600px; width: 90%; margin: 0 auto; }
#recruit-title h2 { font-size: var(--main-title-font); font-weight: 700; }
#recruit-page h2, #team-info h2 { font-size: 0px; display: none; }
/*팀 업무 네비*/
#team-info { max-width: 1600px; width: 90%; margin: 0 auto; }
#team-info ul { padding: 0; margin: 0; }
#team-info ul::before { content: ""; position: absolute; left: 0px; top: 0px; height: 100%; width: 3px; background: #efefef; }
#team-info .recruit-wrap { display: flex; }
#team-info .side-nav-wrap { position: relative; height: 100%; width: 25%; }
#team-info #side-nav .nav-menus { padding: 0px; margin: 0px; position: relative; }
#team-info #side-nav .nav-menus li>a { display: block; font-size: var(--normal-font); color: var(--normal-gray); text-align: start; padding: 8px 20px; cursor: pointer; }
#team-info .movebox { position: absolute; top: 140px; /* 시작점 */
left: 0px; text-align: center; transform: translateY(0); }
#team-info .station-bar { width: 3px; position: absolute; top: 0px; left: 0px; height: 47px; background: var(--main-color); transition: top ease 300ms; }
/*팀 업무정보*/
#team-info .content-wrap { width: 75%; margin-top: 350px; }
#team-info .team-list>li { margin-bottom: 150px; }
#team-info .team-list h4 { font-size: var(--large-font); font-weight: 700; margin-bottom: 35px }
#team-info .team-list .team-works { height: 460px; width: 100%; padding: 40px; }
#team-info .team-list .team-works li { font-size: var(--normal-font); color: #ffff; text-align: start; padding: 10px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
.bg-support { background: url('/theme/annecy/img/recruit/recruit_support.png') no-repeat center / cover; }
.bg-buying { background: url('/theme/annecy/img/recruit/recruit_purchase.png') no-repeat center / cover; }
.bg-sales { background: url('/theme/annecy/img/recruit/recruit_sales.png') no-repeat center / cover; }
.bg-online { background: url('/theme/annecy/img/recruit/recruit_online.png') no-repeat center / cover; }
.bg-logistics { background: url('/theme/annecy/img/recruit/recruit_distribution.png') no-repeat center / cover; }
/*채용 링크*/
#recruit-page { max-width: 1600px; width: 90%; margin: 0 auto 100px; }
#recruit-page .recruit-links li { border-bottom: 1px solid var(--normal-black); display: flex; justify-content: space-between; align-items: center; padding: 30px 0 20px; }
#recruit-page .recruit-links .page-name { font-size: 55px; font-weight: 700; }
#recruit-page .recruit-links .page-link a { padding: 5px 10px; margin-top: 13px; display: block; border-radius: 50px; color: var(--normal-black); border: 1px solid var(--normal-black); transition: all 300ms ease; }
#recruit-page .recruit-links .page-link i { font-size: 15px; }
#recruit-page .recruit-links li:hover { color: var(--main-color); border-color: var(--main-color); }
#recruit-page .recruit-links .page-link a:hover,
#recruit-page .recruit-links li:hover .page-name { color: var(--main-color); }
#recruit-page .recruit-links li:hover .page-link a { border: 1px solid var(--main-color); color: #fff; background: var(--main-color); }
@media (max-width: 768px){
#team-info .recruit-wrap { width: 100%; flex-direction: column; }
#team-info #side-nav .nav-menus { display: flex; }
#team-info .side-nav-wrap { width: 100%; position: relative; }
#team-info .content-wrap { width: 100%; margin-top: 100px; }
#team-info .movebox { top: 50px; position: relative; transform: translateY(0); }
#team-info .team-list .team-works { padding: 40px 20px; }
#team-info .team-list>li { margin-bottom: calc(12vw); }
#team-info .team-list h4 { margin-bottom: 15px; }
.recruit-links { padding-left: 0; }
#recruit-page .recruit-links .page-name { font-size: var(--large-font); }
#team-info .team-list .team-works { height: 320px; }
#team-info .team-list .team-works li { padding: 5px; }
#recruit-page .recruit-links .page-link a { font-size: var(--micro-font); }
#recruit-title h2 { font-size: var(--xlarge-font); }
.side-nav-wrap { display: none; }
}
@media (max-width: 480px){
#team-info .content-wrap { margin-top: 50px; }
#recruit-title h2 { font-size: var(--large-font); }
#team-info .team-list h4 { font-size: var(--medium-font); }
#team-info .team-list .team-works li { font-size: var(--small-font); }
#team-info .team-list .team-works { height: auto; }
#recruit-page .recruit-links .page-name { font-size: var(--semi-large-font); }
#recruit-page .recruit-links .page-link a { margin-top: 0; }
}