* {
  margin: 0;
  padding: 0;
  font-size: 10px;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("../../build/css/boldOnlineWebFonts_COM_9fdf41571ed2d7a42325b9210f262843/SuisseIntl-Bold/@font-face/d1a580023d40c546276decde1c711e60.eot");
  src: url("../../build/css/boldOnlineWebFonts_COM_9fdf41571ed2d7a42325b9210f262843/SuisseIntl-Bold/@font-face/d1a580023d40c546276decde1c711e60.eot") format("embedded-opentype"), url("../../build/css/boldOnlineWebFonts_COM_9fdf41571ed2d7a42325b9210f262843/SuisseIntl-Bold/@font-face/d1a580023d40c546276decde1c711e60.woff2") format("woff2"), url("../../build/css/boldOnlineWebFonts_COM_9fdf41571ed2d7a42325b9210f262843/SuisseIntl-Bold/@font-face/d1a580023d40c546276decde1c711e60.woff") format("woff"), url("../../build/css/boldOnlineWebFonts_COM_9fdf41571ed2d7a42325b9210f262843/SuisseIntl-Bold/@font-face/d1a580023d40c546276decde1c711e60.ttf") format("truetype"), url("../../build/css/boldOnlineWebFonts_COM_9fdf41571ed2d7a42325b9210f262843/SuisseIntl-Bold/@font-face/d1a580023d40c546276decde1c711e60.svg") format("svg");
}
@keyframes move {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes drift {
  from {
    transform: rotate(0deg);
  }
  from {
    transform: rotate(360deg);
  }
}
body {
  overflow-x: hidden;
}

.content_area {
  width: 100vw;
  height: 450vh;
}
.content_area .first_page {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
}
.content_area .first_page .menu_fixed {
  width: 30vw;
  height: 100vh;
  position: fixed;
  margin-left: 150vw;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 100;
  transition: 0.5s linear all;
}
.content_area .first_page .menu_fixed > div {
  width: 20vw;
  height: 10vh;
  margin-top: 3vw;
  text-align: center;
  line-height: 10vh;
  border-bottom: 0.1vw solid rgba(255, 255, 255, 0.7);
  color: #f2e7e7;
  font-size: 3.5vw;
  font-family: "Suisse Intl", sans-serif;
}
.content_area .first_page .menu_fixed .menu_bar1:hover {
  color: #91c3ce;
  border-bottom: 0.3vw solid #91c3ce;
  cursor: pointer;
}
.content_area .first_page .menu_fixed .menu_bar2:hover {
  color: #fac670;
  border-bottom: 0.3vw solid #fac670;
  cursor: pointer;
}
.content_area .first_page .menu_fixed .menu_bar3:hover {
  color: #f5e1be;
  border-bottom: 0.3vw solid #f5e1be;
  cursor: pointer;
}
.content_area .first_page .menu_fixed .menu_bar4:hover {
  color: #f37925;
  border-bottom: 0.3vw solid #f37925;
  cursor: pointer;
}
.content_area .first_page .menu_fixed .empty_bar {
  border: 0;
}
.content_area .first_page .left_side {
  width: 50vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fac670;
}
.content_area .first_page .left_side .intro_box {
  width: 35vw;
  height: 50vh;
  margin-left: 5vw;
  margin-top: 12vh;
  color: #323232;
  font-size: 5vw;
  font-size: 5.3vw;
  font-family: "Suisse Intl", sans-serif;
  font-weight: bold;
}
.content_area .first_page .right_side {
  width: 50vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  background-color: #201f1f;
}
.content_area .first_page .right_side .innerBox {
  width: 45vw;
  height: 13.5vh;
  border: 0.5vh solid #201f1f;
  background-color: white;
  overflow: hidden;
  transition: 0.3s linear all;
  border-radius: 1vh;
  line-height: 15vh;
  text-align: left;
  color: #323232;
  font-size: 3vw;
  font-family: "Suisse Intl", sans-serif;
}
.content_area .first_page .right_side .innerBox:hover {
  margin-right: -5vw;
  cursor: pointer;
  color: white;
}
.content_area .first_page .right_side .menu_boxA {
  background-color: #91c3ce;
}
.content_area .first_page .right_side .menu_boxB {
  background-color: #fac670;
}
.content_area .first_page .right_side .menu_boxC {
  background-color: #f5e1be;
}
.content_area .first_page .right_side .menu_boxD {
  background-color: #f37925;
}
.content_area .first_page .right_side .menu_boxE {
  background-color: #c0a8e6;
  color: #f5e1be;
}
.content_area .first_page .right_side .blackB {
  width: 20vw;
  height: 13vh;
  position: absolute;
  background-color: black;
  overflow: hidden;
  border-radius: 1vh;
}
.content_area .first_page .right_side .button {
  right: -1vw;
  top: 21.5vh;
}
.content_area .first_page .right_side .button2 {
  right: -1vw;
  top: 50.5vh;
}
.content_area .second_page {
  width: 100vw;
  height: 100vh;
  display: flex;
}
.content_area .second_page .Sleft_box {
  width: 50vw;
  height: 100vh;
  background-color: #f8e4b9;
  display: flex;
  flex-direction: column;
  flex-flow: nowrap;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.content_area .second_page .Sleft_box .myPicture {
  width: 50vw;
  height: 100vh;
  z-index: 0;
  position: absolute;
  right: 0vw;
  overflow: hidden;
  opacity: 0;
  margin-right: 0vw;
  transition: all linear 0.5s;
  background-image: url("../../build/img/mypicture1.JPG");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content_area .second_page .Sleft_box .introduce_myself {
  width: 40vw;
  height: 50vh;
  margin-top: -15vw;
  z-index: 10;
  text-align: center;
  line-height: 10vh;
  text-shadow: 0.25vw 0.25vw 0.25vw black;
  color: #faf6f6;
  font-size: 2vw;
  font-weight: bold;
  font-family: "Saira Semi Condensed", sans-serif;
}
.content_area .second_page .Sleft_box .introduce_myself > span {
  color: #f9f974;
  font-size: 2.5vw;
  font-weight: bold;
  font-family: "Saira Semi Condensed", sans-serif;
}
.content_area .second_page .Sleft_box .introduce_myself .font_change {
  color: #faf6f6;
  font-size: 5vw;
  font-family: "Passion One", cursive;
  font-weight: bold;
}
.content_area .second_page .Sleft_box .myPicture2 {
  width: 50vw;
  height: 100vh;
  z-index: 0;
  position: absolute;
  right: 50vw;
  overflow: hidden;
  opacity: 1;
  margin-right: 0vw;
  transition: all linear 0.5s;
  background-image: url("../../build/img/mypicture4.JPG");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content_area .second_page .Sleft_box .myPicture3 {
  width: 50vw;
  height: 100vh;
  z-index: 0;
  position: absolute;
  right: -50vw;
  overflow: hidden;
  opacity: 1;
  margin-right: 0vw;
  transition: all linear 0.5s;
  background-image: url("../../build/img/mypicture3.JPG");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content_area .second_page .Sright_box {
  width: 50vw;
  height: 100vh;
  background-color: #f8e4b9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content_area .second_page .Sright_box .road_box {
  width: 50vw;
  height: 100vh;
  background-image: url("../../build/img/road5.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  transition: 0.5s linear all;
  perspective: 20vw;
}
.content_area .second_page .Sright_box .road_box .career_box1 {
  width: 25vw;
  height: 20vw;
  position: relative;
  top: 4vw;
  left: 26vw;
  perspective: -20vw;
  transform: rotateY(4deg) rotateX(-7deg);
}
.content_area .second_page .Sright_box .road_box .career_box1 .career_box1_left {
  content: "";
  position: absolute;
  left: 0;
  top: 55%;
  width: 0;
  height: 0;
  border: 2vw solid transparent;
  border-right-color: #fdffff;
  border-left: 0;
  border-bottom: 0;
  margin-top: 0vw;
  margin-left: -2vw;
}
.content_area .second_page .Sright_box .road_box .career_box1 .career_box1_right {
  width: 20vw;
  height: 17vw;
  background-color: rgba(248, 228, 185, 0.1);
  border-radius: 1vw;
  border: 0.5vw solid white;
  font-size: 1.5vw;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.content_area .second_page .Sright_box .road_box .career_box1 .career_box1_right > div {
  width: 18vw;
  height: 4vw;
  border: 0.2vw solid white;
  border-radius: 1vw;
  text-align: center;
  line-height: 2vw;
  color: #323232;
  font-size: 1.5vw;
  font-family: "Stylish", sans-serif;
}
.content_area .second_page .Sright_box .road_box .career_box2 {
  width: 25vw;
  height: 20vw;
  position: relative;
  top: 25vw;
  left: -21vw;
  display: flex;
  perspective: -20vw;
  transform: rotateY(5deg) rotateX(-8deg);
  box-shadow: 0 0.1vw 0 0.1vw 0.1vw 0.1vw gray;
}
.content_area .second_page .Sright_box .road_box .career_box2 .career_box2_left {
  width: 20vw;
  height: 18vw;
  background-color: rgba(248, 228, 185, 0.1);
  border-radius: 1vw;
  border: 0.5vw solid white;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.content_area .second_page .Sright_box .road_box .career_box2 .career_box2_left > div {
  width: 18vw;
  height: 4vw;
  border: 0.2vw solid white;
  text-align: center;
  line-height: 2vw;
  border-radius: 1vw;
  color: #323232;
  font-size: 1.5vw;
  font-family: "Stylish", sans-serif;
}
.content_area .second_page .Sright_box .road_box .career_box2 .career_box2_right {
  content: "";
  position: absolute;
  right: 0;
  top: 40%;
  width: 0;
  height: 0;
  border: 2vw solid transparent;
  border-left-color: white;
  border-right: 0;
  border-bottom: 0;
  margin-top: 0vw;
  margin-right: 2vw;
}
.content_area .second_page .Sright_box .menu_button {
  width: 5vw;
  height: 5vw;
  transition: 0.2s linear all;
  position: fixed;
  z-index: 10000;
  top: 87vh;
  left: 91vw;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  font-size: 4vw;
  line-height: 5vw;
  text-align: center;
}
.content_area .second_page .Sright_box .menu_button:hover {
  cursor: pointer;
}
.content_area .third_page {
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}
.content_area .third_page .Tleft_box {
  width: 50vw;
  height: 100vh;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.content_area .third_page .Tleft_box .percent_box {
  width: 50vw;
  height: 100vh;
  overflow: hidden;
  transition: 0.5s linear all;
  transform: translate3d(0, 0, 0);
  opacity: 0;
}
.content_area .third_page .Tleft_box .percent_box .label {
  width: 17vw;
  height: 15vw;
  position: absolute;
  top: 10vw;
  left: 5vw;
  background-color: rgba(255, 255, 255, 0);
  text-align: center;
  line-height: 15vw;
  color: #fcf9f9;
  z-index: 100;
  text-shadow: 0.25vw 0.25vw 0.25vw black;
  font-size: 5vw;
  font-family: "Suisse Intl", sans-serif;
}
.content_area .third_page .Tleft_box .percent_box .wave {
  transition: 0.5s linear all;
  opacity: 0.4;
  position: absolute;
  top: 3%;
  left: 50%;
  background: #0af;
  width: 120vw;
  height: 120vw;
  margin-left: -70vw;
  margin-top: 35vw;
  transform-origin: 50% 48%;
  border-radius: 43%;
  animation: drift 6000ms infinite linear;
}
.content_area .third_page .Tleft_box .percent_box .wave.-three {
  animation: drift 7000ms infinite linear;
}
.content_area .third_page .Tleft_box .percent_box .wave.-two {
  animation: drift 8000ms infinite linear;
  opacity: 0.1;
  background: #161809;
}
.content_area .third_page .Tleft_box .diagonal_box {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 100vh solid transparent;
  border-left: 0vw solid transparent;
  border-bottom: 0vh solid #fcedd4;
  border-right: 50vw solid #fcedd4;
  z-index: 0;
}
.content_area .third_page .Tleft_box .skill_total_box {
  width: 38vw;
  height: 30vw;
  position: absolute;
  top: 9vw;
  left: 27vw;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  opacity: 1;
  transition: 0.5s linear all;
  margin-top: -5vw;
  margin-left: 5vw;
}
.content_area .third_page .Tleft_box .skill_total_box .skill_introduction {
  width: 38vw;
  height: 20vw;
  background-color: #fcedd4;
  opacity: 0;
  text-align: left;
  display: flex;
  border: 0.5vw solid white;
  box-shadow: 0.3vw 0.3vw 0.3vw 0.3vw gray;
  border-radius: 1vw;
  transition: 0.3s linear all;
  font-size: 1vw;
  font-family: "Saira Semi Condensed", sans-serif;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
}
.content_area .third_page .Tleft_box .skill_total_box .skill_introduction .dot {
  width: auto;
  height: auto;
  margin-top: 1.5vw;
  margin-bottom: 2vw;
  margin-left: 1.5vw;
  color: #323232;
  text-align: center;
  transition: 0.5s linear all;
  font-size: 1.5vw;
  font-family: "Saira Semi Condensed", sans-serif;
}
.content_area .third_page .Tleft_box .skill_total_box .skill_introduction .dot::before {
  content: "";
  width: 1.3vw;
  height: 1.3vw;
  background-image: url("../../build/img/note3.png");
  background-size: cover;
  display: inline-block;
  background-position: center center;
}
.content_area .third_page .Tright_box {
  width: 50vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fcedd4;
}
.content_area .third_page .Tright_box .skill_upper_box {
  width: 50vw;
  height: 25.3vh;
}
.content_area .third_page .Tright_box .skill_lower_box {
  width: 50vw;
  height: 50vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.content_area .third_page .Tright_box .skill_lower_box > div {
  width: 45vw;
  height: 10vw;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.content_area .third_page .Tright_box .skill_lower_box > div > div {
  width: 8vw;
  height: 8vw;
  transition: 0.3s linear all;
  border-radius: 5%;
  opacity: 0;
  box-shadow: 0.1vw 0.1vw 0.1vw 0.1vw #948f8f;
}
.content_area .third_page .Tright_box .skill_lower_box > div > div:hover {
  cursor: pointer;
  border: 0.5vw solid #91c3ce;
}
.content_area .third_page .Tright_box .skill_lower_box > div .empty_box {
  opacity: 0;
}
.content_area .third_page .Tright_box .skill_lower_box > div .empty_box:hover {
  cursor: default;
  border: 0;
}
.content_area .third_page .Tright_box .skill_lower_box > div .skill_col1 {
  background-image: url(../../build/img/html.png);
  background-size: 8vw 8vw;
  background-repeat: no-repeat;
  background-position: center center;
}
.content_area .third_page .Tright_box .skill_lower_box > div .skill_col2 {
  background-image: url(../../build/img/pug.png);
  background-size: 8vw 8vw;
  background-repeat: no-repeat;
  background-position: center center;
}
.content_area .third_page .Tright_box .skill_lower_box > div .skill_col3 {
  background-image: url(../../build/img/css.png);
  background-size: 8vw 8vw;
  background-repeat: no-repeat;
  background-position: center center;
}
.content_area .third_page .Tright_box .skill_lower_box > div .skill_col4 {
  background-image: url(../../build/img/sass.png);
  background-size: 8vw 8vw;
  background-repeat: no-repeat;
  background-position: center center;
}
.content_area .third_page .Tright_box .skill_lower_box > div .skill_col5 {
  background-image: url(../../build/img/jquery.png);
  background-size: 8vw 8vw;
  background-repeat: no-repeat;
  background-position: center center;
}
.content_area .third_page .Tright_box .skill_lower_box > div .skill_col6 {
  background-image: url(../../build/img/js.png);
  background-size: 8vw 8vw;
  background-repeat: no-repeat;
  background-position: center center;
}
.content_area .third_page .Tright_box .skill_lower_box > div .skill_col7 {
  background-image: url(../../build/img/json.png);
  background-size: 8vw 8vw;
  background-repeat: no-repeat;
  background-position: center center;
}
.content_area .third_page .Tright_box .skill_lower_box > div .skill_col8 {
  background-image: url(../../build/img/java.png);
  background-size: 8vw 8vw;
  background-repeat: no-repeat;
  background-position: center center;
}
.content_area .third_page .Tright_box .skill_lower_box > div .skill_col9 {
  background-image: url(../../build/img/mysql.png);
  background-size: 8vw 8vw;
  background-repeat: no-repeat;
  background-position: center center;
}
.content_area .third_page .Tright_box .skill_lower_box > div .skill_col10 {
  background-image: url(../../build/img/nodejs.png);
  background-size: 8vw 8vw;
  background-repeat: no-repeat;
  background-position: center center;
}
.content_area .fourth_page {
  width: 100vw;
  height: 100vh;
  display: flex;
}
.content_area .fourth_page .Fleft_box {
  width: 50vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: #f8e4b9;
  justify-content: center;
  align-items: center;
}
.content_area .fourth_page .Fleft_box > div {
  width: 40vw;
  height: 15vh;
  background-color: #f8e4b9;
  margin-top: 2vh;
  margin-bottom: 2vh;
  opacity: 0;
  line-height: 15vh;
  border-radius: 1vh;
  display: flex;
  justify-content: start;
  align-items: center;
  transition: 0.3s linear all;
}
.content_area .fourth_page .Fleft_box > div:hover {
  background-color: #c5e7ee;
  cursor: pointer;
  color: white;
}
.content_area .fourth_page .Fleft_box > div > i {
  margin-left: 2vw;
  color: #323232;
  font-size: 3vw;
  font-weight: bold;
}
.content_area .fourth_page .Fleft_box > div > div {
  margin-left: 2vw;
  color: #323232;
  font-size: 3vw;
  font-family: "Suisse Intl", sans-serif;
  font-weight: bold;
}
.content_area .fourth_page .Fright_box {
  width: 50vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: white;
}
.content_area .fourth_page .Fright_box > div {
  opacity: 0;
}
.content_area .fourth_page .Fright_box .portfolio_upper_box {
  width: 50vw;
  height: 50vh;
  display: flex;
  transition: 0.5s linear all;
}
.content_area .fourth_page .Fright_box .portfolio_upper_box .preview_box {
  width: 50vw;
  height: 50vh;
  opacity: 1;
  background-color: white;
  background-image: url("../../build/img/piano2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  margin-top: 25vh;
  font-size: 2vw;
  font-family: "Passion One", cursive, sans-serif;
  color: #323232;
  text-align: center;
  line-height: 50vh;
}
.content_area .fourth_page .Fright_box .portfolio_upper_box .preview_box > div {
  width: 50vw;
  height: 50vh;
  background-size: 50.5vw 50vh;
  transition: 0.5s linear all;
}
.content_area .fourth_page .Fright_box .portfolio_intro {
  width: 50vw;
  height: 50vh;
  background-color: white;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.content_area .fourth_page .Fright_box .portfolio_intro > div {
  width: 40vw;
  height: 15vh;
  transition: 0.5s linear all;
}
.content_area .fourth_page .Fright_box .portfolio_intro > div:nth-child(1) {
  width: 40vw;
  height: 10vh;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  transition: 0.5s linear all;
}
.content_area .fourth_page .Fright_box .portfolio_intro > div:nth-child(1) > div {
  width: 5vw;
  height: 5vw;
  border-radius: 1vw;
  transition: 0.5s linear all;
  box-shadow: 0.1vw 0.1vw 0.1vw 0.1vw gray;
}
.content_area .fourth_page .Fright_box .portfolio_intro > div:nth-child(2) {
  width: 40vw;
  height: 20vh;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s linear all;
  flex-direction: column;
}
.content_area .fourth_page .Fright_box .portfolio_intro > div:nth-child(2) > p {
  width: 38vw;
  transition: 0.5s linear all;
  font-size: 1.3vw;
  font-family: "Noto Sans KR", sans-serif;
  color: #323232;
  line-height: 3vw;
  text-align: start;
}
.content_area .fourth_page .Fright_box .portfolio_intro > div:nth-child(2) > p::before {
  content: "";
  width: 1.3vw;
  height: 1.3vw;
  background-image: url("../../build/img/note3.png");
  background-size: cover;
  display: inline-block;
  background-position: center center;
}
.content_area .fourth_page .Fright_box .portfolio_intro > div:nth-child(3) {
  width: 40vw;
  height: 7vh;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-around;
}
.content_area .fourth_page .Fright_box .portfolio_intro > div:nth-child(3) > a {
  width: 5vw;
  height: 4vh;
  border: 0.2vw solid #bbbbbb;
  color: #323232;
  text-decoration: none;
  font-size: 1vw;
  font-family: "Suisse Intl", sans-serif;
  text-align: center;
  line-height: 4vh;
  box-shadow: 0.2vw 0.2vw 0.2vw gray;
}
.content_area .fourth_page .Fright_box .portfolio_intro > div:nth-child(3) > a:hover {
  background-color: #c5e7ee;
  cursor: pointer;
}
.content_area .fifth_page {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s linear all;
}
.content_area .fifth_page .fifth_left_box {
  width: 50vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 0.5s linear all;
}
.content_area .fifth_page .fifth_left_box > div {
  width: 32vw;
  height: 57vh;
  transition: 0.5s linear all;
  background-image: url("../../build/img/cat.gif");
  background-size: cover;
  display: inline-block;
  background-position: center center;
}
.content_area .fifth_page .fifth_right_box {
  width: 50vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #c0a8e6;
  transition: 0.5s linear all;
}
.content_area .fifth_page .fifth_right_box > div {
  transition: 0.5s linear all;
  margin-bottom: 2vw;
}
.content_area .fifth_page .fifth_right_box > div:nth-child(1) > div:nth-child(1) {
  width: 50vw;
  height: 15vh;
  margin-left: 5vw;
  color: #323232;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 4vw;
  font-weight: bold;
}
.content_area .fifth_page .fifth_right_box > div:nth-child(1) > div:nth-child(1) > i {
  font-size: 4vw;
  font-weight: bold;
}
.content_area .fifth_page .fifth_right_box > div:nth-child(2) {
  width: 50vw;
  height: 17vh;
  margin-left: 5vw;
  margin-bottom: 5vw;
  font-size: 5vw;
  font-family: "Suisse Intl", sans-serif;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
  color: #323232;
}
.content_area .fifth_page .fifth_right_box > div:nth-child(2) > div {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  color: #f5e1be;
  font-size: 4vw;
  font-family: "Suisse Intl", sans-serif;
}
.content_area .fifth_page .fifth_right_box > div:nth-child(3) {
  width: 50vw;
  height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  color: #323232;
  font-size: 3vw;
  font-family: "Suisse Intl", sans-serif;
}
.content_area .fifth_page .fifth_right_box > div:nth-child(3) > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-left: 3vw;
  color: #323232;
  text-decoration: none;
  font-size: 7vw;
}
.content_area .fifth_page .fifth_right_box > div:nth-child(3) > a:hover {
  color: #f5e1be;
}
.content_area .fifth_page .fifth_right_box > div:nth-child(3) > a > p {
  display: flex;
  font-size: 2.5vw;
  font-family: "Suisse Intl", sans-serif;
}