.container_wrap {
  width: 100%;
}

.left_content {
  width: 100%;
  padding-top: 80px;
}

.company_1176 {
  width: 1176px;
  margin: 0 auto;
}

.company {
  padding-bottom: 80px;
  margin-bottom: 0 !important;
}

.company .title_area {
  padding-bottom: 32px;
}

.company .title_area span {
  display: block;
  width: 12px;
  height: 1px;
  background: #45495a;
  margin: 24px 0;
}

.company .title_24 {
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}

footer {
  margin-top: 0;
}




/* 회사소개 */
.company_1 {
  background-image: url(../img/09-fnb/company_bg.jpg);
  background-repeat: repeat-x;
  background-position: bottom left;
}

.company_overview {
  position: relative;
}

.company_overview>img {
  height: 64px;
  position: absolute;
  top: -24px;
  right: -16px;
}

.overview_content li {
  width: 50%;
  background: #3870ff;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.overview_content li * {
  color: #FFF;
  text-align: center;
  margin-bottom: 24px;
}

.core {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  letter-spacing: 3px;
}

.overview_content li span {
  display: block;
  width: 8px;
  height: 1px;
  background: #fff;
}

.overview_content li h2 {
  font-size: 24px;
}

.overview_content li p {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0;
  margin-bottom: 0;
}

.overview_content img {
  width: 100%;
  margin-bottom: 0;
}


/* about us */
.company_2 {
  background: #f4f5f8;
}

.about_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.about_list li:first-child {
  width: 381.33333333333333px;
  height: 154px;
  margin-right: 16px;
  background: yellow;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}

.about_list li:first-child img {
  height: 160px;
  position: absolute;
  top: 0;
  left: 0;
}

.about_list p {
  line-height: 23px;
  text-align: justify;
}



/* our service */

.company_3 {
  padding-top: 80px;
}

.company_3 .company_1176 {
  position: relative;
  overflow: hidden;
}

.company_3 .title_18 {
  padding-bottom: 4px;
}

.service_slider .swiper-slide {
  width: 381.33333333333333px;
}

.service_slider .swiper-slide img {
  width: 100%;
  margin-bottom: 12px;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  position: static;
  margin-top: 24px;
  height: 2px;

  display: none;
}




/* CONTACT US */
.contact_us>ul>li {
  width: 50%;
}

.contact_us>ul>li:first-child {
  border-right: 1px solid #e4e5e7;
  padding-right: 40px;
}

.contact_us>ul>li:last-child {
  padding-left: 40px;
}


.contact_form ul li {
  width: 100%;
  border: 1px solid #e4e5e7;
  margin-bottom: 16px;
}

.contact_form ul li:nth-child(3) {
  width: 100%;
}

.contact_form ul li:last-child {
  margin-bottom: 0;
  border: none;
}

.contact_form label {
  width: 80px;
  height: 48px;
  font-size: 13px;
  line-height: 47px;
  text-indent: 16px;
  color: #9497A0;
}

.contact_form input {
  width: 100%;
  height: 48px;
  border: none;
  outline: none;
}

.contact_form textarea {
  width: 100%;
  height: 120px;
  border: none;
  outline: none;
  font-size: 13px;
  padding: 14px 16px 14px 0;
  line-height: 21px;
}

.contact_form input[type=submit] {
  background: #3870ff;
  color: #fff;
  font-size: 15px;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
}


.contact_info li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  margin-bottom: 16px;
}

.contact_info li:first-child {
  margin-bottom: 24px;
}
.contact_info li:last-child {
  margin-bottom: 0;
}

.contact_icon {
  width: 40px;
  height: 40px;
  background: #f4f5f8;
  border-radius: 100%;
  margin-right: 16px;

  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  flex-shrink: 0;
}

.contact_info p {
  font-size: 13px;
}






/* highforex story */

.company_5 {
  padding-top: 80px;
  background: #f4f5f8;
}

.company_5 .title_area {
  padding-bottom: 0;
}

.hf_story li {
  width: 50%;
  align-items: center;
}

.hf_story li video {
  width: 100%;
}

.hf_story p {
  font-weight: 400;
  margin-top: 16px;
}









/* 미디어쿼리 브레이크포인트 1180px 이하 */
@media screen and (max-width:1180px) {

  .left_content {
    width: 100%;
    padding-top: 40px;
  }

  .company_1176 {
    width: 100%;
  }

  .company .title_area {
    padding-bottom: 16px;
  }

  .company {
    padding-bottom: 64px;
  }

  .company .title_area span {
    display: none;
  }



  /* company overview */
  .company_1 {
    background: none;
  }

  .company_overview>img,
  .company_1 .title_area {
    display: none;
  }

  .overview_content {
    flex-wrap: wrap;
  }

  .overview_content li {
    width: 100%;
    height: 340px;
    background-image: url(../img/09-fnb/company-overview-img-2.jpg);
    background-size: cover;

    align-items: flex-start;
    text-align: left;
    padding-left: 48px;
  }

  .overview_content li:last-child {
    display: none;
  }

  .core,
  .overview_content li span {
    display: none;
  }

  .company_1 .title_area .title_18 {
    margin-bottom: 24px;
  }

  .overview_content li h2 {
    font-size: 18px;
  }

  .overview_content li p {
    font-size: 14px;
    text-align: left;
  }




  /* about_us */

  .company_2 {
    background: none;
  }

  .about_list li {
    width: 100%;
  }

  .about_list li:first-child {
    display: none;
  }

  .about_list p:last-child {
    margin-top: 8px;
  }

  .about_list p {
    font-size: 14px;
    line-height: 22px;
  }



  /* our service */
  .company_3 {
    padding-top: 0;
  }

  .swiper-slide p {
    font-size: 14px;
  }

  .contact_us>p {
    margin-bottom: 24px;
  }

  .swiper-container-horizontal>.swiper-pagination-progressbar,
  .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    position: static;
    margin-top: 24px;
    height: 2px;

    display: block;
  }

  .swiper-pagination-progressbar {
    background: rgba(69, 73, 90, 0.2);
  }

  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: rgba(69, 73, 90, 0.5);
  }



  /* contact us */

  .contact_us>ul {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contact_us>ul>li {
    width: 100%;
  }
  .contact_us>ul>li:first-child {
    border-right: 0;
    padding-right: 0;
  }
  .contact_us>ul>li:last-child {
    padding-left: 0px;
    padding: 24px 0;
    border-bottom: 1px solid #e4e5e7;
  }


  /* hf story */
  .company_5 {
    padding-top: 0;
    background: none;
  }

  .hf_story li:first-child {
    background: #f4f4f4;
    padding-left: 40px;
  }

  .company_5 .title_area {
    padding-bottom: 0;
    text-align: left;
  }
  .hf_story p {
    margin-top: 8px;
  }
}








/* 미디어쿼리 브레이크포인트 1024px 이하 */
@media screen and (max-width:1024px) {

  .company {
    padding-bottom: 56px;
  }

  .overview_content li {
    padding-left: 32px;
  }

  .hf_story li:first-child {
    padding-left: 0;;
  }

  .story_video {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .hf_story li {
    width: 100%;
  }

  .hf_story li:first-child {
    background: none;
    padding-bottom: 16px;
  }
  .hf_story p {
    display: none;
  }

}



/* 미디어쿼리 브레이크포인트 768px 이하 */
@media screen and (max-width:768px) {
  .company {
    padding-bottom: 48px;
  }

  .overview_content li {
    height: 300px;
  }

  .service_slider .swiper-slide {
    width: 320px;
  }

  .contact_icon {
    margin-right: 8px;
  }
}


/* 미디어쿼리 브레이크포인트 480px 이하 */
@media screen and (max-width:480px) {
  .overview_content li {
    padding-left: 0;
    align-items: center;
    height: 280px;
  }

  .overview_content li h2 {
    font-size: 20px;
    text-align: center;
  }
  .overview_content li p {
    text-align: center;
  }

  .overview_content li h2 i {
    display: block;
    width: 0; height: 0;
    margin: 2px 0;
  }
}






/* 미디어쿼리 브레이크포인트 375px 이하 */
@media screen and (max-width:375px) {

  .service_slider .swiper-slide {
    width: 100%;
  }
}