@charset "utf-8";

#contents_mv .mv{
background-image: none;
}
.profileHeader{
height: 600px;
}
.contents_wrapper .contents_comment{
position: static;
}
p+.image{
margin-top: 30px;
}
.imgLeftAdjust .image{
float: left;
width: 300px;
height: auto;
margin-right: 20px;
}
.imgRightAdjust .image{
float: right;
width: 300px;
height: auto;
margin-left: 20px;
}
.imgLeftAdjust::after,
.imgRightAdjust::after{
display: block;
content: "";
clear: both;
}
.evaluation{
border: 4px solid #005DAC;
margin-top: 50px;
padding: 20px;
}
.evaluationTitle{
font-size: 20px;
font-weight: 700;
color: #005DAC;
margin-bottom: 20px;
position: relative;
}
.anotherVoiceTitleE{
font-size: 20px;
color: #FFF;
background-color: #005DAC;
position: absolute;
top: -46px;
left: -30px;
padding: 5px 15px;
}

#contents_interview_link{
width: 100%;
padding: 87px 0 40px 0;
background: #FFF;
border-top: 2px solid #005DAC;
margin-top: 60px;
}
#contents_interview_link .contents_wrapper{
width: 90%;
max-width: 1030px;
margin: auto;
}
#contents_interview_link .contents_wrapper ul{
display: flex;
gap: 20px;
flex-wrap: wrap;
}
#contents_interview_link .contents_wrapper ul li{
width: calc((100% - 40px) / 3);
background-color: #005DAC;
padding: 6px;
color: #FFF;
}
#contents_interview_link .contents_wrapper ul li div{
display: flex;
flex-direction: column;
width: 100%;
background-color: #FFF;
color: #005DAC;
padding: 5px 15px;
transition: all .3s;
}
#contents_interview_link .contents_wrapper ul li div.voiceNum{
font-size: 18px;
font-weight: 500;
}
#contents_interview_link .contents_wrapper ul li div.job{
text-align: right;
font-size: 20px;
font-weight: 600;
}
#contents_interview_link .contents_wrapper ul li.current div{
background-color: #005DAC;
color: #FFF;
}
#contents_interview_link .contents_wrapper ul li.current div.voiceNum{
border-bottom: 1px solid #FFF;
}
#contents_interview_link .contents_wrapper ul li:hover div{
background-color: #005DAC;
color: #FFF;
}
#contents_interview_link .contents_wrapper ul li.current a{
pointer-events: none;
}


@media screen and (max-width: 750px) {
#contents_interview_link .contents_wrapper ul{
gap: 10px;
}
#contents_interview_link .contents_wrapper ul li{
width: calc((100% - 10px) / 2);
padding: 4px;
}

#contents_interview_link .contents_wrapper ul li div{
padding: 5px 8px;
}
#contents_interview_link .contents_wrapper ul li div.voiceNum{
font-size: 14px;
}
#contents_interview_link .contents_wrapper ul li div.job{
font-size: 16px;
}
}