@charset "utf-8";


/*인트로 font*/

.noto-sans-kr-careerTag {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
}

.careerlist>li>p{
    font-family: 'NATS', sans-serif;
    font-size: 36px;
}

.russo-one-regular-minji-name {
  font-family: "Russo One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 42px;
}

.noto-sans-kr-minji-text {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: auto;
}




/*인트로 화면*/

#intro{
    background-color: #0468BF;
    position: relative;
    overflow: hidden;
}


#intro>ul{
    margin: auto;
    width: 1200px;
    height: 100%;
    display: block;
    display: flex;
}

#intro_career_Information{
    width:75%;
    margin: 2% 0px 0px 5%;
}

#intro_minji_Information{
    width: 25%;
    background-color:#F2F2F2;
    z-index: 3;
}


/*인트로 카테고리 및 메시지 창*/

.intro_content{
    margin: 30px 20px 0 0;
    position: relative;
}


/* 카테고리 */


/* 카테고리 폰트 */


.tabmenu{
  display: flex;
}

.tabmenu>li{
  width:fit-content;
}

.tabmenu>li>h2>a{
  padding:15px;
  width: 130px;
  display: block;
  background-color: #E6E6E6;
  color:#929292;
  border-radius: 22px 22px 0px 0px;
  text-align: center;
}

.tabcon{
  width: 850px;
  position: absolute;
  left: 0;
}

.license{
  display: none;
}

/* 경력/학력 관련 태그 */

.careerlist{
    width: 90%;
    padding-bottom: 1%;
    margin: 0px 20px 20px 0;
    height: 55vh;
    background-color: white;
    border-radius: 0 22px 0 0 ;
    display: flex;
    overflow-y: auto;
    flex-direction: column;
}

.careerlist>li{
    margin: 0 10px 0 auto;
    display: inline-block;
    padding: 10px 30px 0px 30px;
    width: fit-content;
    height: fit-content;
    text-align: right;
}

.careerlist>li>p{
    height: 50px;
    display: block;
    line-height:50px;
}
.careerlist>li>div{
    border-radius: 16px;
    padding: 23px 35px;
    background-color: #4BA4F2;
    color:white;
}

/* 자격증 관련 태그 */

.two>li>div{
    background-color: #515151;
}


/* 카테고리 선택 및 색 변화*/

.tabmenu>li.on>h2>a{
  background-color: white;
  color: #223440;   
}


/* 메시지창 스크롤바 디자인 */

 .careerlist::-webkit-scrollbar {
    width: 15px;

  }
  .careerlist::-webkit-scrollbar-thumb {
    background-color: #C4D1DA;
    border-radius: 10px;
  }
  .careerlist::-webkit-scrollbar-track {
    background-color:none;
    
  }




/* 상태화면 */



#intro_minji_Information{
  position: relative;
}


#intro_minji_Information>ul{
  position: absolute;
  align-items: center;
  text-align: center;
  padding: 20vh 50px;
  width: 100%;
  height: 100%;
  margin: auto 0;
  display: block;
}

#intro_minji_Information>ul>li{
  position:relative;
  z-index: 5;
}


#intro_minji_image{
    background-image:url(../image/daiga-ellaby-05XkxdF5dhw-unsplash.jpg);
    object-fit:cover;
    width: 200px;
    height: 200px;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    border: solid white 6px;
    border-radius: 50%;
}

#intro_minji_Information>ul>li:nth-child(3){
  margin: 5px;
  display: flex;
  align-items: center;
}

#intro_minji_Information>ul>li:nth-child(3)>a{
  margin: 5px;
  display: flex;
  align-items: center;
}

#intro_minji_Information>ul>li:nth-child(3)>p{
  margin-bottom: 10px;
}



#intro_minji_Information>ul>li:nth-child(5){
  position: absolute;
  align-items: center;
  text-align: center;
  width: 300%;
  height: 100%;
  top:0;
  left: 0;
  display: block;
  background-color:#F2F2F2;
  z-index: 1;
}

/* 깃허브 아이콘 */

.mdi--github {
  display: inline-block;
  width: 48px;
  height: 48px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  margin-right: 15px;
}