.portfolio_header_wrap .header_center_wrap .pc_menu_wrap li a {
  color: #000;
}
.portfolio_header_wrap .header_center_wrap .stroke li a:after {
  background: #000;
}

.header_wrap.change {
  background-color: rgba(255, 255, 255, 0.9);
}

.main_mockup_wrap {
  width: 100%;
  padding: 160px 20px 120px;
}
.main_mockup_wrap .logo_box {
  width: 100%;
  text-align: center;
}
.main_mockup_wrap .logo_box img {
  width: 50%;
  max-width: 200px;
}
.main_mockup_wrap .logo_box .itta_logo {
  width: auto;
}
.main_mockup_wrap .mockup_box {
  margin: 40px 0 20px;
  text-align: center;
}
.main_mockup_wrap .mockup_box img {
  max-width: 100%;
}
.main_mockup_wrap .info_box li {
  background-color: #fff;
  border-radius: 30px;
  border: 1px solid #eee;
  margin-bottom: 8px;
  padding: 9px 24px 11px;
  display: flex;
  justify-content: space-between;
}
.main_mockup_wrap .info_box li span {
  font-size: 14px;
}
.main_mockup_wrap .info_box li span:first-child {
  color: #999;
}
.main_mockup_wrap .info_box li:last-child {
  margin: 0;
}

.portfolio_con_wrap .info_wrap {
  padding: 120px 20px;
}
.portfolio_con_wrap .info_wrap h1 {
  font-size: 32px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.portfolio_con_wrap .info_wrap p {
  color: #666;
  margin-bottom: 40px;
}
.portfolio_con_wrap .info_wrap .btn_box {
  display: flex;
  justify-content: center;
}
.portfolio_con_wrap .info_wrap .btn_box .site_move_btn {
  border: 1px solid #000;
  padding: 10px 51px 12px 16px;
  display: inline-block;
  justify-content: center;
  position: relative;
  font-size: 16px;
  margin: 0 8px;
}
.portfolio_con_wrap .info_wrap .btn_box .site_move_btn::after {
  content: "";
  background: url(../img/arrow_right_black.svg) no-repeat;
  width: 8px;
  height: 16px;
  display: inline-block;
  background-size: contain;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.portfolio_con_wrap .info_wrap .btn_box .site_move_btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
  transition: 0.5s;
}
.portfolio_con_wrap .info_wrap .btn_box .disabled {
  border: 1px solid #ddd;
  color: #999;
}
.portfolio_con_wrap .info_wrap .btn_box .disabled.site_move_btn::after {
  background: url(../img/arrow_right_g9.svg) no-repeat;
  background-size: contain;
}
.portfolio_con_wrap .info_wrap .btn_box .disabled.site_move_btn:hover {
  background-color: transparent;
}
.portfolio_con_wrap .main_page_wrap {
  background-color: #f5f5f5;
  padding: 80px 20px;
  text-align: center;
}
.portfolio_con_wrap .main_page_wrap img {
  max-width: 100%;
}
.portfolio_con_wrap .sub_page_wrap {
  padding: 80px 20px;
}
.portfolio_con_wrap .sub_page_wrap ul {
  max-width: 1240px;
  margin: 0 auto;
}
.portfolio_con_wrap .sub_page_wrap ul li {
  margin-bottom: 32px;
  text-align: center;
}
.portfolio_con_wrap .sub_page_wrap ul li img {
  max-width: 100%;
}
.portfolio_con_wrap .sub_page_wrap ul li:last-child {
  margin: 0;
}
.portfolio_con_wrap .btn_wrap {
  margin: 40px 0 160px;
  display: flex;
  justify-content: center;
}
.portfolio_con_wrap .btn_wrap .black_line_btn {
  font-size: 18px;
}

@media all and (min-width: 768px) {
  .main_mockup_wrap {
    padding: 240px 20px 40px;
  }
  .main_mockup_wrap .logo_box img {
    width: auto;
    max-width: none;
  }
  .main_mockup_wrap .mockup_box {
    margin: 0;
  }
  .main_mockup_wrap .info_box {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  .main_mockup_wrap .info_box li {
    width: calc(33% - 6px);
    background-color: #fff;
    border-radius: 30px;
    border: 1px solid #eee;
    margin-bottom: 8px;
    padding: 9px 24px 11px;
    display: flex;
    justify-content: space-between;
    margin: 0;
  }
  .main_mockup_wrap .info_box li span {
    font-size: 16px;
  }
  .portfolio_con_wrap .info_wrap {
    padding: 160px 20px;
  }
  .portfolio_con_wrap .info_wrap h1 {
    font-size: 40px;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .portfolio_con_wrap .info_wrap p {
    font-size: 20px;
    margin-bottom: 60px;
  }
  .portfolio_con_wrap .info_wrap .btn_box .site_move_btn {
    font-size: 20px;
    padding: 13px 74px 16px 30px;
  }
  .portfolio_con_wrap .info_wrap .btn_box .site_move_btn::after {
    right: 30px;
  }
  .portfolio_con_wrap .main_page_wrap {
    padding: 70px 20px;
  }
  .portfolio_con_wrap .sub_page_wrap {
    padding: 80px 20px;
  }
  .portfolio_con_wrap .sub_page_wrap ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .portfolio_con_wrap .sub_page_wrap ul li {
    width: calc(50% - 20px);
    margin-bottom: 40px;
    text-align: center;
  }
  .portfolio_con_wrap .sub_page_wrap ul li:nth-child(3), .portfolio_con_wrap .sub_page_wrap ul li:nth-child(4) {
    margin: 0;
  }
  .portfolio_con_wrap .btn_wrap {
    margin: 70px 0 160px;
  }
  .portfolio_con_wrap .btn_wrap .black_line_btn {
    font-size: 20px;
    padding: 12px 50px 13px;
  }
}
.main_mockup_wrap.go_mockup_wrap {
  background-color: #EBF3EA;
}

.portfolio_con_wrap.go_con_wrap .sub_page_wrap {
  background-color: #B5DCAE;
}

.main_mockup_wrap.bo_mockup_wrap {
  background-color: #E0EEF5;
}

.portfolio_con_wrap.bo_con_wrap .sub_page_wrap {
  background-color: #1BA3FE;
}

.main_mockup_wrap.rethink_mockup_wrap {
  background: linear-gradient(top, #D9F6EC, #C6D2EF);
}

.main_mockup_wrap.han_mockup_wrap {
  background-color: #FFF3EB;
}

.main_mockup_wrap.lg_mockup_wrap {
  background-color: #FFF5F8;
}

.portfolio_con_wrap.lg_con_wrap .sub_page_wrap {
  background-color: #EBCCD7;
}

.main_mockup_wrap.ko_mockup_wrap {
  background-color: #EDF0F7;
}

.portfolio_con_wrap.ko_con_wrap .sub_page_wrap {
  background-color: #003587;
}

.main_mockup_wrap.from_mockup_wrap {
  background-color: #f5f5f5;
}

.portfolio_con_wrap.from_con_wrap .sub_page_wrap {
  background-color: #41475F;
}

.main_mockup_wrap.espot_mockup_wrap {
  background-color: #f5f5f5;
}

.portfolio_con_wrap.espot_con_wrap .sub_page_wrap {
  background-color: #00547B;
}

.main_mockup_wrap.itta_mockup_wrap {
  background-color: #FFE3E5;
}

.portfolio_con_wrap.itta_con_wrap .sub_page_wrap {
  background-color: #F28EA7;
}
.portfolio_con_wrap.itta_con_wrap .sub_page_wrap ul {
  justify-content: center;
}

.main_mockup_wrap.mom_mockup_wrap {
  background-color: #F6FAFF;
}

.portfolio_con_wrap.mom_con_wrap .sub_page_wrap {
  background-color: #354DB9;
}

.main_mockup_wrap.bside_mockup_wrap {
  background-color: #EEF0F8;
}

.portfolio_con_wrap.bside_con_wrap .sub_page_wrap {
  background-color: #7C48E3;
}

.main_mockup_wrap.sociall_mockup_wrap {
  background-color: #E9EEF6;
}

.portfolio_con_wrap.sociall_con_wrap .sub_page_wrap {
  background-color: #80ACD6;
}

.main_mockup_wrap.doghug_mockup_wrap {
  background-color: #FEF3EC;
}

.portfolio_con_wrap.doghug_con_wrap .sub_page_wrap {
  background-color: #F36A10;
}

.main_mockup_wrap.pet_mockup_wrap {
  background-color: #FFF8F5;
}

.portfolio_con_wrap.pet_con_wrap .sub_page_wrap {
  background-color: #F57D38;
}

.main_mockup_wrap.cos_mockup_wrap {
  background-color: #EEF8F6;
}

.portfolio_con_wrap.cos_con_wrap .sub_page_wrap {
  background-color: #8AE4E2;
}

.main_mockup_wrap.seoul_mockup_wrap {
  background-color: #EEF1F8;
}

.portfolio_con_wrap.seoul_con_wrap .sub_page_wrap {
  background-color: #503A8F;
}

.main_mockup_wrap.pub_mockup_wrap {
  background-color: #EEF5F8;
}

.portfolio_con_wrap.pub_con_wrap .sub_page_wrap {
  background-color: #43C9DB;
}

.main_mockup_wrap.astrox_mockup_wrap {
  background-color: #EEF5F8;
}

.portfolio_con_wrap.astrox_con_wrap .sub_page_wrap {
  background-color: #00A1E9;
}

.main_mockup_wrap.cj_mockup_wrap {
  background-color: #FDF6F6;
}

.portfolio_con_wrap.cj_con_wrap .sub_page_wrap {
  background-color: #0F6B38;
}

.main_mockup_wrap.hanwha_mockup_wrap {
  background-color: #FFFAF7;
}

.portfolio_con_wrap.hanwha_con_wrap .sub_page_wrap {
  background-color: #F37321;
}

.main_mockup_wrap.check_mockup_wrap {
  background-color: #F2F9F4;
}

.portfolio_con_wrap.check_con_wrap .sub_page_wrap {
  background-color: #299A49;
}

.main_mockup_wrap.nol_mockup_wrap {
  background-color: #FFF9F6;
}

.portfolio_con_wrap.nol_con_wrap .sub_page_wrap {
  background-color: #F36A10;
}

.main_mockup_wrap.seoul2023_mockup_wrap {
  background-color: #FDF5F8;
}

.portfolio_con_wrap.seoul2023_con_wrap .sub_page_wrap {
  background-color: #E5397C;
}

.main_mockup_wrap.zep_mockup_wrap {
  background-color: #f5f5f5;
}

.portfolio_con_wrap.zep_con_wrap .sub_page_wrap {
  background-color: #0A98FE;
}

.main_mockup_wrap.selpop_mockup_wrap {
  background-color: #FAF5FD;
}

.portfolio_con_wrap.selpop_con_wrap .sub_page_wrap {
  background-color: #D81D61;
}