/* Start */
.brandPro_header {
  margin-top:100px !important;
}
.brandPro_header {
  text-align:center !important;
}
.brandPro_header .title h3 {
  font-size:18px !important;
  font-weight: 600 !important;
  padding-bottom:16px !important;
  line-height: 1.8 !important;
}
.brandPro_header .title p {
  line-height: 1.8 !important;
}

.arrow_wrap {
  width:100% !important;
  display:flex !important;
  justify-content: center !important;
  margin-top:62px !important;
}


.brand_problem {
  width:100% !important;
  margin-top:42px !important;
}
.brand_problem > h2 {
  font-size:26px !important;
  font-weight: 700 !important;
  text-align:center !important;
}
.problem_list_wrap {
  margin-top:32px !important;
  display:flex !important;
  gap:24px !important;
  justify-content: space-between !important;
  align-items:stretch !important;
}
.problem_box {
  width:20% !important;
  border-radius: 20px !important;
  background-color:white !important;
  border:solid 1px var(--color-e8) !important;
  padding:52px 24px !important;

  display:flex !important;
  flex-wrap:wrap !important;
  justify-content: center !important;
}
.problem_box .icon_div {
  width:140px !important;
  height:140px !important;
  background-color:var(--color-f8) !important;
  border-radius: 90% !important;
  display:flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.problem_box p {
  width:100% !important;
  text-align:center !important;
  padding-top:24px !important;
  font-weight: 500 !important;
}

.strategy_merit_container {
  margin-top:140px !important;
  background-color:var(--color-f8) !important;
  border-radius: 20px !important;
  padding:100px 42px !important;
}
/* 운영 전략 */
.strategy_wrap {
  padding-bottom:82px !important;
  border-bottom:solid 1px var(--color-e8) !important;
  display:flex !important;
}
.merit_wrap {
  display:flex !important;
  margin-top:70px !important;
}
.strategy_wrap .left,
.merit_wrap .left {
  width:32% !important;
}
.strategy_wrap .left h1,
.merit_wrap .left h1 {
  font-size:32px !important;
  font-weight: 700 !important;
}
.strategy_wrap .right,
.merit_wrap .right {
  width:68% !important;
}
.merit_wrap .right {
  display:flex !important;
  flex-direction: column !important;
  gap:16px !important;
}
.strategy_wrap .right p,
.merit_wrap .right p {
  line-height: 1.8 !important;
}
.merit_list {
  width:100% !important;
  display:flex !important;
  gap:12px !important;
  justify-content: flex-start !important;
  align-items: center !important;
  background-color:white !important;
  border-radius:20px !important;
  border:solid 1px var(--color-e8) !important;
  padding:26px 32px !important;
}
.merit_list .num {
  width:20px !important;
  height:20px !important;
  border-radius: 4px !important;
  background-color:var(--color-main) !important;
  display:flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.merit_list .num p {
  line-height: 1 !important;
  color:white !important;
  font-size:14px !important;
  font-weight: 600 !important;
}

.brandProtection_last {
  margin-top:140px !important;
  text-align:center !important;
}
.brandProtection_last h3 {
  font-size:20px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
}

/* 태블릿 가로 (769px - 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .brandPro_header {
    margin-top:80px !important;
  }
  
  .brandPro_header .title h3 {
    font-size:16px !important;
    padding-bottom:14px !important;
  }
  
  .arrow_wrap {
    margin-top:50px !important;
  }
  
  .brand_problem > h2 {
    font-size:24px !important;
  }
  
  .problem_list_wrap {
    gap:16px !important;
  }
  
  .problem_box {
    padding:40px 20px !important;
  }
  
  .problem_box .icon_div {
    width:120px !important;
    height:120px !important;
  }
  
  .strategy_merit_container {
    margin-top:120px !important;
    padding:80px 32px !important;
  }
  
  .strategy_wrap .left h1,
  .merit_wrap .left h1 {
    font-size:28px !important;
  }
  
  .merit_wrap {
    margin-top:60px !important;
  }
  
  .merit_list {
    padding:22px 28px !important;
  }
  
  .brandProtection_last {
    margin-top:120px !important;
  }
  
  .brandProtection_last h3 {
    font-size:18px !important;
  }
}

/* 모바일 가로 및 태블릿 세로 (768px 이하) */
@media screen and (max-width: 768px) {
  .brandPro_header {
    margin-top:60px !important;
  }
  
  .brandPro_header .title h3 {
    font-size:16px !important;
    padding-bottom:12px !important;
  }
  
  .brandPro_header .title p {
    font-size:14px !important;
    padding:0 20px !important;
  }
  
  .arrow_wrap {
    margin-top:40px !important;
  }
  
  .brand_problem {
    margin-top:32px !important;
  }
  
  .brand_problem > h2 {
    font-size:20px !important;
    padding:0 20px !important;
  }
  
  .problem_list_wrap {
    flex-direction:column !important;
    gap:16px !important;
    margin-top:24px !important;
    align-items:center !important;
  }
  
  .problem_box {
    width:calc(100% - 40px) !important;
    max-width:400px !important;
    padding:32px 20px !important;
    margin:0 !important;
  }
  
  .problem_box .icon_div {
    width:100px !important;
    height:100px !important;
  }
  
  .problem_box p {
    font-size:14px !important;
    padding-top:20px !important;
  }
  
  .strategy_merit_container {
    margin-top:80px !important;
    padding:60px 20px !important;
    margin:80px 20px 0 20px !important;
  }
  
  .strategy_wrap {
    flex-direction:column !important;
    padding-bottom:60px !important;
  }
  
  .strategy_wrap .left,
  .merit_wrap .left {
    width:100% !important;
    margin-bottom:20px !important;
  }
  
  .strategy_wrap .left h1,
  .merit_wrap .left h1 {
    font-size:22px !important;
    text-align:center !important;
  }
  
  .strategy_wrap .right,
  .merit_wrap .right {
    width:100% !important;
  }
  
  .strategy_wrap .right p {
    font-size:14px !important;
    text-align:center !important;
  }
  
  .merit_wrap {
    flex-direction:column !important;
    margin-top:50px !important;
  }
  
  .merit_list {
    padding:20px 24px !important;
    gap:10px !important;
  }
  
  .merit_list p {
    font-size:14px !important;
  }
  
  .brandProtection_last {
    margin-top:80px !important;
    padding:0 20px !important;
  }
  
  .brandProtection_last h3 {
    font-size:16px !important;
  }
}

/* 모바일 세로 (375px 이하) */
@media screen and (max-width: 375px) {
  .brandPro_header {
    margin-top:40px !important;
  }
  
  .brandPro_header .title h3 {
    font-size:14px !important;
    padding-bottom:10px !important;
  }
  
  .brandPro_header .title p {
    font-size:12px !important;
    padding:0 15px !important;
  }
  
  .arrow_wrap {
    margin-top:30px !important;
  }
  
  .brand_problem {
    margin-top:24px !important;
  }
  
  .brand_problem > h2 {
    font-size:18px !important;
    padding:0 15px !important;
  }
  
  .problem_list_wrap {
    margin-top:20px !important;
    align-items:center !important;
  }
  
  .problem_box {
    width:calc(100% - 30px) !important;
    max-width:350px !important;
    padding:24px 15px !important;
    margin:0 !important;
  }
  
  .problem_box .icon_div {
    width:80px !important;
    height:80px !important;
  }
  
  .problem_box p {
    font-size:12px !important;
    padding-top:16px !important;
  }
  
  .strategy_merit_container {
    margin-top:60px !important;
    padding:40px 15px !important;
    margin:60px 15px 0 15px !important;
  }
  
  .strategy_wrap {
    padding-bottom:40px !important;
  }
  
  .strategy_wrap .left h1,
  .merit_wrap .left h1 {
    font-size:18px !important;
  }
  
  .strategy_wrap .right p {
    font-size:12px !important;
  }
  
  .merit_wrap {
    margin-top:40px !important;
  }
  
  .merit_list {
    padding:16px 20px !important;
    gap:8px !important;
  }
  
  .merit_list .num {
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
  }
  
  .merit_list .num p {
    font-size:12px !important;
  }
  
  .merit_list p {
    font-size:12px !important;
  }
  
  .brandProtection_last {
    margin-top:60px !important;
    padding:0 15px !important;
  }
  
  .brandProtection_last h3 {
    font-size:14px !important;
  }
}