*{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 .btn02{ 
    position:absolute;left:0px;bottom:230px;  
    width:260px; height:70px; border-radius: 16px;
}
#Wrapper .btn03{ 
    position:absolute;left:280px;bottom:230px; 
    width:260px; height:70px;border-radius: 16px;
}
#Wrapper .btn04{ 
    position:absolute;left:560px;bottom:230px;  
    width:260px; height:70px; border-radius: 16px;
}
#Wrapper .btn05{
    position:absolute;right:0px;bottom:230px; 
    width:260px; height:70px; border-radius: 16px;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .mainHeader{  
    width:100%;
    /* background: linear-gradient(to bottom, #7676ea, #54eef8); */
    background-image: url('/Images/jobplat/2024/Personality/PC/images/00_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color: #6d5ecc;
    background-size: cover;
}
#Wrapper .mainHeader .inner{ 
    position:relative;
    width:1100px; height:1600px;
    margin:0 auto;
}
#Wrapper .mainHeader .inner .puff{ 
    position:absolute;top:40px; left:30px;
}
#Wrapper .mainHeader .inner .maincou{ 
    position:absolute;top:190px; left:50px;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .conWrap{
    width:100%;
}
#Wrapper .conWrap .inner{ /*(공통) 컨텐츠 박스*/    
    position:relative;
    width:1100px;height:auto;
    margin:0 auto;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .conWrap .con01{ 
    background-color: #f1f1f5;
    height:736px;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .conWrap .con02, .con02-2{
    background-color:#723ee0;
}
#Wrapper .conWrap .con02-2{
    height:auto;
    margin:0 auto;
}
#Wrapper .conWrap .tab {
    width:1100px; margin: 0 auto;
    padding-bottom:90px;
}
#Wrapper .conWrap .tab .tabmenu{ 
    width:1100px; display: flex;  
    justify-content:space-between;
}
#Wrapper .conWrap .tab .tabmenu li {
    width: 362px; height:64px;
    background-color:#999999; color:#777777;
    font-size:24px; text-align: center; line-height: 64px;
    letter-spacing: -0.8px; font-weight: 600;
    cursor: pointer; 
}
#Wrapper .conWrap .tab .tabmenu li.on {
    background-color: #ddf16f;
    color:#111111; 
}
#Wrapper .conWrap .tab .tabcon {
    height: auto; 
}
#Wrapper .conWrap .tab .tabcon .tabcon_img {
    display: none;
    text-align: center;
}
#Wrapper .conWrap .tab .tabcon .tabcon_img.on {
    display: block;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .conWrap .con03{
    background-image: url("/Images/jobplat/2024/Personality/PC/images/03_bg.jpg");
    height:990px;
}
#Wrapper .conWrap .con03 .img{
    position:absolute; bottom:-235px; left:140px;
}
#Wrapper .conWrap .con04{
    background-color: #ddf16f;
}

/* --------------------------------------------------------------------------------- */

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