*{margin:0;padding:0;}
body{font-family: "Noto Sans KR", sans-serif;}
ul{list-style:none;}
a{text-decoration:none;}
button{background-color: inherit;border:none; box-shadow:none; cursor:pointer;}
#Wrapper{
    position:relative; width:100%;
}
 /* 풀페이지 내 버튼 제작 */
#Wrapper .btn01{  
    position:absolute;top:560px; left:35px;   
    width:500px; height:78px; border-radius: 16px;
    z-index: 99;
} 
#Wrapper .btn02{  
    position:absolute;top:560px; right:30px;  
    width:500px; height:78px; border-radius: 16px;
    z-index: 99;
} 
#Wrapper .btn03{  
    position:absolute;top:900px; left:35px;  
    width:500px; height:78px; border-radius: 16px;
    z-index: 99;
} 
#Wrapper .btn04{  
    position:absolute;top:900px; right:30px;  
    width:500px; height:78px; border-radius: 16px;
    z-index: 99;
} 
#Wrapper .btn05{  
    position:absolute;top:560px; left:35px;   
    width:500px; height:78px; border-radius: 16px;
    z-index: 99;
} 
#Wrapper .btn06{  
    position:absolute;top:560px; right:30px;  
    width:500px; height:78px; border-radius: 16px;
    z-index: 99;
} 
#Wrapper .btn07{
     position:absolute;top:900px; left:35px;  
    width:500px; height:78px; border-radius: 16px;
    z-index: 99;
} 
#Wrapper .btn08{
     position:absolute;top:420px; left:2px;  
    width:310px; height:60px; border-radius: 10px;
} 
#Wrapper .c01point{
    position:absolute;top:0;left:0;
}
/* ------------- 최상단 띠배너 -------------------------------------------- */
#Wrapper .topban{
    width:100%;     
    height:50px;
    background-color: #111111;
    text-align: center;
}
#Wrapper .topban2{
    width:100%;     
    height:50px;
    background-color: #111111;
    text-align: center;
}
/* ---------------- 메인 헤더 시작 -------------------------------------------------- */
#Wrapper .mainHeader{  
    width:100%;
    background-image: url('/Images/jobplat/2025/OnedayPass/PC/images/00_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color:#160b02;
}
#Wrapper .mainHeader .inner{ 
    position:relative;
    width:1100px; height:1390px;
    margin:0 auto;
}
#Wrapper .mainHeader .inner .txtbox{
    position:absolute;top:634px;
    width:1100px; height:400; 
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
}
.tit1{
    position: absolute;top:340px;left:304px;
}
.tit2{
    position: absolute;top:480px;left:110px;
}
 
.img2{
    position:absolute;top:40px;left:40px;  
}

/* ------------- 컨텐츠 영역 wrap---------------------------------------------- */
#Wrapper .conWrap{
    width:100%;
}
#Wrapper .conWrap .inner{ /* --- (공통)이너 박스 --- */    
    position:relative;
    width:1100px;
    height:auto;
    margin:0 auto;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .conWrap .con01{
    position:relative;height:1110px;
    background-image: url("/Images/jobplat/2025/OnedayPass/PC/images/01_bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
}
/* ----------- 탭1 시작 ---------------------------------------------------------- */
#Wrapper .conWrap .tab {
    width:1100px; 
    margin: 0 auto; 
}
#Wrapper .conWrap .tab  .tabmenu{
    position:absolute;top:-80px;left:0;/* li높이 값만큼 -요소 넣어주기. */
    width:1100px; 
    display: flex; 
    justify-content:space-between;
}
#Wrapper .conWrap .tab .tabmenu li {
    width: 550px; 
    height:80px;
    margin:0;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    font-weight: 700;
    cursor:pointer;
    letter-spacing: -0.5px;
}
#Wrapper .conWrap .tab .tabmenu li.on {
 
    color:#fff;
}
#Wrapper .conWrap .tab .tabcon {
    width:1100px;
    height: auto;
 
}
#Wrapper .conWrap .tab .tabcon .conbox {
    display: none;
}
#Wrapper .conWrap .tab .tabcon .on {
    display:flex;
}

/* --------------------------------------------------------------------------------- */
#Wrapper .conWrap .con02{
    height:auto;
    background-color: #e7edff;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .conWrap .con03{
    height:1624px;
    background-image: url("/Images/jobplat/2025/OnedayPass/PC/images/03_bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #1636d9;
}
.img03-2{
    position: absolute;top:0; left:0;
}
.img-flo{
    position: absolute;top:-20px; left:-250px;
}
.img-star{
    position:absolute; top:20px; left:0px;
}
 
/* --------------------------------------------------------------------------------- */
#Wrapper .conWrap .con04{
    height:auto;
    background-color: #ffffff;
}
/* ----------- 탭2 시작 ---------------------------------------------------------- */
#Wrapper .conWrap .tab2 {
    width:1100px; 
    margin: 0 auto; 
}
#Wrapper .conWrap .tab2 .tabmenu{
    position:absolute;top:260px;left:0; 
    width:1100px; 
    display: flex; 
    justify-content:space-between;
}
#Wrapper .conWrap .tab2 .tabmenu li {
    width: 550px; 
    height:80px;
    margin:0;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    font-weight: 700;
    cursor:pointer;
    letter-spacing: -0.5px;
}
#Wrapper .conWrap .tab2 .tabmenu li.on {
 
    color:#fff;
}
#Wrapper .conWrap .tab2 .tabcon {
    width:1100px;
    height: auto;
    margin-top:70px;
}
#Wrapper .conWrap .tab2 .tabcon .conbox {
    display: none;
}
#Wrapper .conWrap .tab2 .tabcon .on {
    display:flex;
}

/* ---------------------인성검사 영향력 review----------------- */
#Wrapper .conWrap .con05{
    height:1130px;  
    background-image: url("/Images/jobplat/2025/OnedayPass/PC/images/05_bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #5a5780;
}
/* ---------------이런분들께 추천드려요 ---------- */
#Wrapper .conWrap .con06{  
    height:880px;
    background:linear-gradient(to bottom, #ffffff,#d1ddff );
}
/* --------------------- 프리패스 매뉴얼 ----------------------- */
#Wrapper .conWrap .con07{  
    height:500px;
    background-color: #f1f1f5;
}
/* -----------------인성검사 자유이용권 바로가기  --------------- */
#Wrapper .conWrap .con08{  
    height:600px;  
    background: linear-gradient(to right,#2b8fff,#144ce5);
   
}
/* ----------------- 프로세스 -------------- */
#Wrapper .conWrap .con09{  
    height:auto;
    background-color: #3a210b; 
        background:linear-gradient(to bottom, #312214,#814510 );
}
#Wrapper .conWrap .con10{  
    height:auto;
    background-color: #2c3ff0; 

}
#Wrapper .conWrap .con11{  
    height:auto;
    background-color: #4d1dc5; 
}


/* --------------------------------------------------------------------------------- */
 
#Wrapper .conWrap .ending{
    height:350px;  
    background-image: url("/Images/jobplat/2025/OnedayPass/PC/images/e_bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-color:#000000;
}

/* --------------------------------------------------------------------------------- */
#Wrapper .info{
    width:100%; 
    background-color:#232323;
    color:#888888;
}
#Wrapper .info .inner{
    width:1100px;height:auto;
    margin:0 auto; 
    padding:50px 0; 
}
#Wrapper .info .inner .info_tit{
    font-size: 16px; color:#888888;
    padding-bottom:5px;
    letter-spacing: -1px;
    font-weight: 600;
}
#Wrapper .info .inner .info_con{
    width:1100px;height:auto;
    border-top: 2px solid #777;
    padding:0px 0;
    margin-top:5px;
}
#Wrapper .info .inner .info_con:last-child{
    border-bottom: 2px solid #777;
}
#Wrapper .info .inner .info_con li{
    letter-spacing: -1px;
    width:1100px;height:auto;font-size: 14px;
    display: inline-block;
    padding:16px 0; 
    line-height:26px;
    border-bottom: 1px solid #333;
}
#Wrapper .info .inner li h5{
    display: inline-block;
    box-sizing: border-box;
    width:130px; font-size: 14px;
    padding-left:5px;    
}
#Wrapper .info .inner .info_con li span{
    box-sizing: border-box;
    float:right;font-size: 14px;
    width:920px;height:auto;
    padding-left:30px;
    border-left:1px solid #333;
}
#Wrapper .info .inner .info_con li span .point{
    color:#dddddd;
}