@charset "utf-8";

/* 내용관리 */
#hope {width: 100%; margin: 0 auto; word-break: keep-all; overflow: hidden;}

/* 공통 */
.point{min-width: 19rem; border-radius: 1.8rem; font-size: 2rem; line-height: 1.4; font-family: "SCDream5"; font-weight: normal; color: var(--black); background: #FAE300; width: max-content; display: inline-flex; align-items: center; justify-content: center;}
/* 공통 */

/* 비주얼 */
.hp_visual{width: 100%; position: relative; max-width: 192rem;}
.hp_visual .hp_visual_img{min-height: 35rem; width: 100%; display: block; object-fit: cover;}
.hp_visual .hp_text{padding: 0 2rem; width: 100%; max-width: 138rem; top: 50%; left: 50%; transform: translate(-50%, -40%); position: absolute; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; z-index: 1;}
.hp_visual .hp_text h1{font-size: 5rem; line-height: 1.4; color: var(--white); font-family: "SCDream5"; font-weight: normal;}
.hp_visual .hp_text p{font-size: 4rem; line-height: 1.4; color: var(--white); font-family: "SCDream5"; font-weight: normal;}
.hp_visual .hp_text a{min-width: 28rem; height: 6rem; margin: 2rem 0 0 2.4rem; border-radius: 3rem; font-size: 2.5rem; line-height: 1.4; color: var(--white); background: rgba(0,0,0,0.31); border: 3px solid rgba(255,255,255,0.31); display: flex; align-items: center; justify-content: center; text-align: center; font-family: "SCDream5"; font-weight: normal;}
.hp_visual .contact_btn{width: 15rem; height: 15rem; bottom: 2rem; right: 2rem; border-radius: 4rem 1rem 1rem 1rem; gap: 1.5rem; font-size: 2rem; line-height: 1.4; font-family: "SCDream5"; font-weight: normal; color: #3C1E1E; background: #fae300; border: 3px solid var(--white); position: fixed; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.hp_visual .contact_btn.on{bottom: 8.5rem;}
.hp_visual .contact_btn img{width: 5.8rem; display: block; object-fit: cover;}
/* 비주얼 */

/* 소상공인들의 질문 */
.hp_question{padding: 11rem 2rem; max-width: 148.5rem; margin: 0 auto; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.hp_question .text{width: 53.5rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; flex-shrink: 0;}
.hp_question .text > div{padding-bottom: 4.8rem; gap: 4.2rem; border-bottom: 1px dashed var(--color-707070); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.hp_question .text > div:last-of-type{border-bottom: 0; padding-bottom: 0;}
.hp_question .text > div p{font-size: 2.5rem; line-height: 2; font-family: "SCDream5"; font-weight: normal; color: var(--black); word-break: keep-all;}
.hp_question .text > div p .point{padding: 0.4rem 1.4rem;}
.hp_question .text > div + div{margin-top: 5rem;}
.hp_question .img{width: 67.8rem;}
.hp_question .img img{width: 100%; display: block; object-fit: cover;}
/* 소상공인들의 질문 */

/* 왜 희망일까요? */
.hp_why{padding: 11rem 2rem; background: #ebebeb;}
.hp_why_inner{max-width: 164.2rem; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: flex-start;}
.hp_why_inner .img{width: 102rem; padding-left: 8.7rem;}
.hp_why_inner .img img{width: 100%; display: block; object-fit: cover;}
.hp_why_inner .text{margin-left: 8.7rem; width: 53.5rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; flex-shrink: 0;}
.hp_why_inner .text > div{padding-bottom: 4rem; gap: 4.2rem; border-bottom: 1px dashed var(--color-707070); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.hp_why_inner .text > div:last-of-type{border-bottom: 0; padding-bottom: 0;}
.hp_why_inner .text > div p{font-size: 2.5rem; line-height: 2; font-family: "SCDream5"; font-weight: normal; color: var(--black); word-break: keep-all;}
.hp_why_inner .text > div p .point{padding: 0.4rem 4rem;}
.hp_why_inner .text > div ul{width: 100%;}
.hp_why_inner .text > div ul li{padding-left: 1.5rem; font-size: 2.5rem; line-height: 2; font-family: "SCDream5"; font-weight: normal; color: var(--black); word-break: keep-all; position: relative;}
.hp_why_inner .text > div ul li::before{font-size: inherit; line-height: inherit; font-family: inherit; font-weight: inherit; color: inherit; content: "·"; position: absolute; top: 0; left: 0;}
.hp_why_inner .text > div + div{margin-top: 3.2rem;}
/* 왜 희망일까요? */

/* 희망패키지 서비스 */
.hp_package{position: relative; width: 100%; overflow: hidden;}
.hp_package .tit{top: 6.46vw; padding: 0 1.04vw; font-size: 2.6vw; line-height: 1; font-family: "SCDream5"; font-weight: normal; color: var(--black); left: 50%; transform: translateX(-50%); position: absolute; text-align: center;}
.hp_package .pkg_list{display: flex; align-items: stretch; justify-content: flex-start;}
.hp_package .pkg_items{height: 44.79vw; padding-top: 6.25vw; width: calc(100% / 5); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.hp_package .pkg_items p{font-size: 1.56vw; line-height: 1.67; font-family: "SCDream5"; font-weight: normal; color: var(--black); word-break: keep-all;}
.hp_package .pkg_items p + p{margin-top: 2.08vw;}
.hp_package .pkg_items p .point{padding: 0.21vw 1.56vw; font-size: 1.56vw; border-radius: 1.41vw;}
.hp_package .pkg_items .bar{margin: 3.28vw auto 4.43vw; width: 3.65vw; height: 0.26vw; border-radius: 1.3vw; background: var(--white);}
.hp_package .pkg_items.ty1{background: #BCA8DE;}
.hp_package .pkg_items.ty2{background: #E9A7D5;}
.hp_package .pkg_items.ty3{background: #FFB1C3;}
.hp_package .pkg_items.ty4{background: #FFC6B2;}
.hp_package .pkg_items.ty5{background: #FFE1A8;}
/* 희망패키지 서비스 */

/* 고객 루트 */
.hp_customer{min-height: 86rem; padding: 10rem 2rem; background: url("/theme/template/img/hope/hp_thumbImg3.png") center center no-repeat; background-size: cover; width: 100%; max-width: 192rem; margin: 0 auto;}
.hp_customer .ctm_inner{max-width: 134rem; margin: 0 auto;}
.hp_customer .tit{font-size: 5rem; line-height: 1.4; font-family: "SCDream5"; font-weight: normal; color: var(--white); word-break: keep-all;}
.hp_customer .ctm_list{margin-top: 17.8rem; gap: 6rem; display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap;}
.hp_customer .ctm_items{min-height: 25rem; min-width: 22rem; width: calc((100% - 24rem) / 5); border-radius: 0 4rem 0 4rem; border: 5px solid var(--white); padding: 0.5rem; text-align: center; display: flex; align-items: center; justify-content: center; background: transparent;}
.hp_customer .ctm_items span{font-size: 2.5rem; line-height: 2; font-family: "SCDream5"; font-weight: normal; color: var(--white); display: block;}
/* 고객 루트 */

/* 희망패키지 소개 */
.hp_intro{padding: 8rem 2rem; background: #BCA8DE; position: relative;}
.hp_intro .int_inner{max-width: 134rem; margin: 0 auto;}
.hp_intro .tit{font-size: 5rem; line-height: 1.4; font-family: "SCDream5"; font-weight: normal; color: var(--black); word-break: keep-all; text-align: center;}
.hp_intro .int_list{margin-top: 8rem; gap: 6rem; display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap;}
.hp_intro .int_items{min-height: 25rem; min-width: 22rem; width: calc((100% - 24rem) / 5); border-radius: 0 4rem 0 4rem; border: 5px solid var(--white); padding: 0.5rem; text-align: center; display: flex; align-items: center; justify-content: center; background: transparent;}
.hp_intro .int_items span{font-size: 2.5rem; line-height: 2; font-family: "SCDream5"; font-weight: normal; color: var(--white); display: block;}
/* 희망패키지 소개 */

/* 업종 */
.hp_industry{padding: 11rem 2rem 10rem; background: var(--color-f5f5f5); position: relative;}
.hp_industry .idy_inner{}
.hp_industry .tit{font-size: 5rem; line-height: 1.4; font-family: "SCDream5"; font-weight: normal; color: var(--black); word-break: keep-all; text-align: center;}
.hp_industry .desc{margin-top: 5rem; font-size: 2.5rem; line-height: 2; font-family: "SCDream5"; font-weight: normal; color: var(--black); word-break: keep-all; text-align: center; -webkit-text-stroke: 1px var(--color-707070);}
.hp_industry .idy_images{margin: 10rem auto 0; gap: 2rem; max-width: 173rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.hp_industry .idy_images img{width: calc((100% - 12rem) / 7); min-width: 22.8rem; min-height: 22.8rem; border-radius: 3rem 0 3rem 0; overflow: hidden; object-fit: cover;}
.hp_industry .idy_tag{margin: 6rem auto 0; gap: 2rem; max-width: 160rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.hp_industry .tag_items{width: calc((100% - 14rem) / 8); padding: 0.5rem; border-radius: 2.6rem; font-size: 2rem; line-height: 2; font-family: "SCDream5"; font-weight: normal; color: var(--black); background: var(--white); border: 1px solid var(--color-707070); display: flex; align-items: center; justify-content: center; -webkit-text-stroke: 1px var(--color-707070); min-width: max-content;}
/* 업종 */

/* 포트폴리오 */
.hp_portfolio{padding: 10rem 2rem; position: relative; background: var(--white);}
.hp_portfolio .hp_pf_inner{max-width: 152rem; margin: 0 auto;}
.hp_portfolio .hp_pf_inner .pf_area + .pf_area{margin-top: 21.5rem;}
.hp_portfolio .sub_tit{margin-bottom: 3.6rem; font-size: 2rem; line-height: 1.4; font-weight: normal; color: var(--black); word-break: keep-all; -webkit-text-stroke: 1px var(--color-707070); font-family: "SCDream5";}
.hp_portfolio .round_tit{margin: 0 auto; padding: 0.7rem 1.4rem; min-width: 36.5rem; border-radius: 3rem; font-size: 3rem; line-height: 1.4; font-weight: normal; color: var(--white); font-family: "SCDream5"; display: flex; align-items: center; justify-content: center; width: max-content;}
.hp_portfolio .round_tit.ty1{background: #BCA8DE;}
.hp_portfolio .round_tit.ty2{background: #E9A7D5;}
.hp_portfolio .round_tit.ty3{background: #FFB1C3;}
.hp_portfolio .desc{margin-top: 6.5rem; font-size: 2rem; line-height: 1.4; font-weight: normal; color: var(--black); font-family: "SCDream5"; word-break: keep-all; -webkit-text-stroke: 1px var(--color-707070); text-align: center;}
.hp_portfolio .step_box{margin: 11rem auto 0; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.hp_portfolio .arrowRight{margin: 5.5rem 10rem 0 10rem; width: 3.8rem;}
.hp_portfolio .arrowRight img{width: 100%; display: block; object-fit: cover;}
.hp_portfolio .step{width: 40rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.hp_portfolio .step .round{width: 18.7rem; height: 18.7rem; font-size: 3rem; line-height: 1.4; font-weight: normal; color: var(--black); font-family: "SCDream5"; -webkit-text-stroke: 1px var(--color-707070); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; margin: 0 auto; border: 1px solid var(--color-707070);}
.hp_portfolio .step.ty1 .round{background: var(--white);}
.hp_portfolio .step.ty2 .round{font-size: 2.5rem; background: var(--color-f3f3f3);}
.hp_portfolio .step p{margin-top: 2.5rem; font-size: 2rem; line-height: 1.75; font-weight: normal; color: var(--black); font-family: "SCDream5"; word-break: keep-all; -webkit-text-stroke: 1px var(--color-707070); text-align: center;}
.hp_portfolio .image_box{margin-top: 10rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.hp_portfolio .image_box img{max-width: 100%; width: auto; display: block; object-fit: cover;}
.hp_portfolio .image_box img + img{margin-top: 6rem;}
.hp_portfolio .keyword{margin: 12.5rem auto 0; display: flex; align-items: center; justify-content: center;}
.hp_portfolio .keyword .kw_box{width: 42.8rem; height: 42.8rem; font-size: 3rem; line-height: 1.4; font-weight: normal; color: var(--black); font-family: "SCDream5"; word-break: keep-all; background: rgba(255,177,195,0.52); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center;}
.hp_portfolio .keyword .kw_box:last-of-type{margin-left: -5.5rem;}
.hp_portfolio .arrowDown{margin: 10.8rem auto 8rem; width: 40.8rem; text-align: center;}
.hp_portfolio .arrowDown img{width: 100%; display: block; object-fit: cover;}
/* 포트폴리오 */

/* 검색 노출 */
.hp_search{padding: 15rem 2rem 7.6rem; background: url("/theme/template/img/hope/hp_thumbImg11.png") center center no-repeat; background-size: cover; width: 100%; position: relative;}
.hp_search .srh_inner{max-width: 89rem; margin: 0 auto;}
.hp_search .sub_tit{font-size: 3rem; line-height: 1.67; font-weight: normal; color: var(--white); font-family: "SCDream5"; word-break: keep-all;}
.hp_search .srh_list{margin-top: 7.4rem; gap: 2.6rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.hp_search .srh_items{border-radius: 3.7rem; padding: 1.5rem 3rem 1.5rem 9rem; background: rgba(248,209,221,0.57); width: 100%;}
.hp_search .srh_items p{font-size: 3rem; line-height: 1.67; font-weight: normal; color: var(--white); font-family: "SCDream5"; word-break: keep-all;}
/* 검색 노출 */

/* 희망패키지 시작 */
.hp_start{padding: 12rem 2rem 14rem; position: relative; background: var(--white);}
.hp_start p{font-size: 3rem; line-height: 1.67; font-weight: normal; color: var(--black); font-family: "SCDream5"; word-break: keep-all; text-align: center;}
/* 희망패키지 시작 */


/* 미디어쿼리 */
@media all and (min-width: 1921px) {
    /* 희망패키지 서비스 */
    .hp_package .tit{top: 12.4rem; padding: 0 2rem; font-size: 5rem;}
    .hp_package .pkg_items{height: 86rem; padding-top: 12rem; width: calc(100% / 5); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
    .hp_package .pkg_items p{font-size: 3rem; line-height: 1.67; font-family: "SCDream5"; font-weight: normal; color: var(--black); word-break: keep-all;}
    .hp_package .pkg_items p + p{margin-top: 4rem;}
    .hp_package .pkg_items p .point{padding: 0.4rem 3rem; font-size: 3rem; border-radius: 2.7rem;}
    .hp_package .pkg_items .bar{margin: 6.3rem auto 8.5rem; width: 7rem; height: 0.5rem; border-radius: 0.25rem; background: var(--white);}
    /* 희망패키지 서비스 */
}

@media all and (max-width: 1500px) {
    /* 공통 */
    .point{min-width: 12.67vw; border-radius: 1.2vw; font-size: 1.33vw;}
    /* 공통 */

    /* 비주얼 */
    .hp_visual .hp_text{padding: 0 1.33vw;}
    .hp_visual .hp_text h1{font-size: 3.33vw;}
    .hp_visual .hp_text p{font-size: 2.67vw;}
    .hp_visual .hp_text a{min-width: 18.67vw; height: 4vw; margin: 1.33vw 0 0 1.6vw; border-radius: 2vw; font-size: 1.67vw;}
    .hp_visual .contact_btn{width: 10vw; height: 10vw; border-radius: 2.67vw 0.67vw 0.67vw 0.67vw; gap: 1vw; font-size: 1.33vw;}
    .hp_visual .contact_btn img{width: 3.87vw;}
    /* 비주얼 */

    /* 소상공인들의 질문 */
    .hp_question{padding: 7.33vw 1.33vw;}
    .hp_question .text{width: 35.67vw;}
    .hp_question .text > div{padding-bottom: 3.2vw; gap: 2.8vw;}
    .hp_question .text > div p{font-size: 1.67vw;}
    .hp_question .text > div p .point{padding: 0.27vw 0.93vw;}
    .hp_question .text > div + div{margin-top: 3.33vw;}
    .hp_question .img{width: 45.2vw;}
    /* 소상공인들의 질문 */

    /* 왜 희망일까요? */
    .hp_why{padding: 7.33vw 1.33vw;}
    .hp_why_inner .img{width: 58vw; padding-left: 2.67vw;}
    .hp_why_inner .text{margin-left: auto; width: 35.67vw;}
    .hp_why_inner .text > div{padding-bottom: 2.67vw; gap: 2.8vw;}
    .hp_why_inner .text > div p{font-size: 1.67vw;}
    .hp_why_inner .text > div p .point{padding: 0.27vw 2.67vw;}
    .hp_why_inner .text > div ul li{padding-left: 1vw; font-size: 1.67vw;}
    .hp_why_inner .text > div + div{margin-top: 2.13vw;}
    /* 왜 희망일까요? */

    /* 고객 루트 */
    .hp_customer{min-height: 57.33vw; padding: 6.67vw 1.33vw;}
    .hp_customer .tit{font-size: 3.33vw;}
    .hp_customer .ctm_list{margin-top: 11.87vw; gap: 4vw;}
    .hp_customer .ctm_items{min-height: 16.67vw; min-width: 14.67vw; width: calc((100% - 16vw) / 5); border-radius: 0 2.67vw 0 2.67vw; border: 0.33vw solid var(--white); padding: 0.33vw;}
    .hp_customer .ctm_items span{font-size: 1.67vw;}
    /* 고객 루트 */

    /* 희망패키지 소개 */
    .hp_intro{padding: 5.33vw 1.33vw;}
    .hp_intro .tit{font-size: 3.33vw;}
    .hp_intro .int_list{margin-top: 5.33vw; gap: 4vw;}
    .hp_intro .int_items{min-height: 16.67vw; min-width: 14.67vw; width: calc((100% - 16vw) / 5); border-radius: 0 2.67vw 0 2.67vw; border: 0.33vw solid var(--white); padding: 0.33vw;}
    .hp_intro .int_items span{font-size: 1.67vw;}
    /* 희망패키지 소개 */

    /* 업종 */
    .hp_industry{padding: 7.33vw 1.33vw 6.67vw;}
    .hp_industry .tit{font-size: 3.33vw;}
    .hp_industry .desc{margin-top: 3.33vw; font-size: 1.67vw;}
    .hp_industry .idy_images{margin: 6.67vw auto 0; gap: 1.33vw;}
    .hp_industry .idy_images img{width: calc((100% - 8vw) / 7); min-width: 15.2vw; min-height: 15.2vw; border-radius: 2vw 0 2vw 0;}
    .hp_industry .idy_tag{margin: 4vw auto 0; gap: 1.33vw;}
    .hp_industry .tag_items{width: calc((100% - 9.33vw) / 8); padding: 0.33vw; border-radius: 1.73vw; font-size: 1.33vw;}
    /* 업종 */

    /* 포트폴리오 */
    .hp_portfolio{padding: 6.67vw 1.33vw;}
    .hp_portfolio .hp_pf_inner .pf_area + .pf_area{margin-top: 14.33vw;}
    .hp_portfolio .sub_tit{margin-bottom: 2.4vw; font-size: 1.33vw;}
    .hp_portfolio .round_tit{padding: 0.47vw 0.93vw; min-width: 24.33vw; border-radius: 2vw; font-size: 2vw;}
    .hp_portfolio .desc{margin-top: 4.33vw; font-size: 1.33vw;}
    .hp_portfolio .step_box{margin: 7.33vw auto 0;}
    .hp_portfolio .arrowRight{margin: 3.67vw 6.67vw 0 6.67vw; width: 2.53vw;}
    .hp_portfolio .step{width: 26.67vw;}
    .hp_portfolio .step .round{width: 12.47vw; height: 12.47vw; font-size: 2vw;}
    .hp_portfolio .step.ty2 .round{font-size: 1.67vw;}
    .hp_portfolio .step p{margin-top: 1.67vw; font-size: 1.33vw;}
    .hp_portfolio .image_box{margin-top: 6.67vw;}
    .hp_portfolio .image_box img + img{margin-top: 4vw;}
    .hp_portfolio .keyword{margin: 8.33vw auto 0;}
    .hp_portfolio .keyword .kw_box{width: 28.53vw; height: 28.53vw; font-size: 2vw;}
    .hp_portfolio .keyword .kw_box:last-of-type{margin-left: -3.67vw;}
    .hp_portfolio .arrowDown{margin: 7.2vw auto 5.33vw; width: 27.2vw;}
    /* 포트폴리오 */

    /* 검색 노출 */
    .hp_search{padding: 10vw 1.33vw 5.07vw;}
    .hp_search .sub_tit{font-size: 2vw;}
    .hp_search .srh_list{margin-top: 4.93vw; gap: 1.73vw;}
    .hp_search .srh_items{border-radius: 2.47vw; padding: 1vw 2vw 1vw 6vw;}
    .hp_search .srh_items p{font-size: 2vw;}
    /* 검색 노출 */

    /* 희망패키지 시작 */
    .hp_start{padding: 8vw 1.33vw 9.33vw;}
    .hp_start p{font-size: 2vw;}
    /* 희망패키지 시작 */
}

@media all and (max-width: 991px) {
    /* 공통 */
    .point{min-width: 14rem; border-radius: 1.8rem; font-size: 1.4rem;}
    /* 공통 */

    /* 비주얼 */
    .hp_visual .hp_text{padding: 0 2rem; text-align: center; align-items: center;}
    .hp_visual .hp_text h1{font-size: 2.4rem;}
    .hp_visual .hp_text p{font-size: 1.8rem;}
    .hp_visual .hp_text a{min-width: 15rem; height: 4rem; margin: 1.5rem auto 0; border-radius: 2rem; font-size: 1.6rem; border: 1px solid rgba(255,255,255,0.31);}
    .hp_visual .contact_btn{width: 8rem; height: 8rem; border-radius: 2rem 0.5rem 0.5rem 0.5rem; gap: 1rem; font-size: 1.4rem; border: 1px solid var(--white);}
    .hp_visual .contact_btn img{width: 3.6rem;}
    /* 비주얼 */

    /* 소상공인들의 질문 */
    .hp_question{padding: 6rem 2rem; gap: 3rem; flex-direction: column; align-items: center; justify-content: center;}
    .hp_question .text{width: 100%; align-items: center;}
    .hp_question .text > div{padding-bottom: 3rem; gap: 2rem; align-items: center;}
    .hp_question .text > div p{font-size: 1.6rem; text-align: center;}
    .hp_question .text > div p .point{padding: 0.3rem 1rem;}
    .hp_question .text > div + div{margin-top: 4rem;}
    .hp_question .img{width: 100%; max-width: 40rem;}
    /* 소상공인들의 질문 */

    /* 왜 희망일까요? */
    .hp_why{padding: 6rem 2rem;}
    .hp_why_inner{gap: 3rem; flex-direction: column-reverse; align-items: center; justify-content: center;}
    .hp_why_inner .img{width: 100%; max-width: 45rem; padding-left: 0;}
    .hp_why_inner .text{margin-left: 0; width: 100%; align-items: center;}
    .hp_why_inner .text > div{padding-bottom: 3rem; gap: 2rem; align-items: center;}
    .hp_why_inner .text > div p{font-size: 1.6rem; text-align: center;}
    .hp_why_inner .text > div p .point{padding: 0.3rem 2rem;}
    /*.hp_why_inner .text > div ul li{padding-left: 1rem; font-size: 1.6rem;}*/
    .hp_why_inner .text > div + div{margin-top: 2.4rem;}
    /* 왜 희망일까요? */

    /* 희망패키지 서비스 */
    .hp_package .tit{padding: 6rem 2rem 3rem; top: 0; font-size: 2.4rem; line-height: 1.4; left: 0; transform: translateX(0); position: relative;}
    .hp_package .pkg_list{display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
    .hp_package .pkg_items{height: auto; padding: 2rem; width: 100%;}
    .hp_package .pkg_items p{font-size: 1.6rem;}
    .hp_package .pkg_items p + p{margin-top: 0;}
    .hp_package .pkg_items p .point{padding: 0.3rem 2rem; font-size: 1.6rem; border-radius: 2rem;}
    .hp_package .pkg_items .bar{margin: 3rem auto 2rem; width: 6rem; height: 0.3rem; border-radius: 0.15rem;}
    /* 희망패키지 서비스 */

    /* 고객 루트 */
    .hp_customer{min-height: auto; padding: 6rem 2rem; background: url("/theme/template/img/hope/hp_thumbImg3.png") center center no-repeat; background-size: cover;}
    .hp_customer .ctm_inner{max-width: 100%;}
    .hp_customer .tit{font-size: 2.4rem;}
    .hp_customer .ctm_list{margin-top: 6rem; gap: 3rem;}
    .hp_customer .ctm_items{min-height: 14rem; min-width: 16rem; width: calc((100% - 6rem) / 3); border-radius: 0 3rem 0 3rem; border: 3px solid var(--white); padding: 0.5rem; flex-grow: 1;}
    .hp_customer .ctm_items span{font-size: 1.6rem;}
    .hp_customer .ctm_items span br{display: none;}
    /* 고객 루트 */

    /* 희망패키지 소개 */
    .hp_intro{padding: 6rem 2rem;}
    .hp_intro .int_inner{max-width: 100%;}
    .hp_intro .tit{font-size: 2.4rem;}
    .hp_intro .int_list{margin-top: 6rem; gap: 3rem;}
    .hp_intro .int_items{min-height: 14rem; min-width: 16rem; width: calc((100% - 6rem) / 3); border-radius: 0 3rem 0 3rem; border: 3px solid var(--white); padding: 0.5rem; flex-grow: 1;}
    .hp_intro .int_items span{font-size: 1.6rem;}
    .hp_intro .int_items span br{display: none;}
    /* 희망패키지 소개 */

    /* 업종 */
    .hp_industry{padding: 6rem 2rem;}
    .hp_industry .tit{font-size: 2.4rem;}
    .hp_industry .desc{margin-top: 2rem; font-size: 1.8rem;}
    .hp_industry .idy_images{margin: 5rem auto 0; gap: 1rem; max-width: 100%;}
    .hp_industry .idy_images img{width: calc((100% - 3rem) / 4); min-width: unset; min-height: unset; border-radius: 2rem 0 2rem 0;}
    .hp_industry .idy_tag{margin: 4rem auto 0; gap: 1rem; max-width: 100%;}
    .hp_industry .tag_items{width: calc((100% - 5rem) / 6); padding: 0.2rem 1.5rem; border-radius: 2rem; font-size: 1.4rem;}
    /* 업종 */

    /* 포트폴리오 */
    .hp_portfolio{padding: 6rem 2rem;}
    .hp_portfolio .hp_pf_inner{max-width: 100%;}
    .hp_portfolio .hp_pf_inner .pf_area + .pf_area{margin-top: 15rem;}
    .hp_portfolio .sub_tit{margin-bottom: 3.6rem; font-size: 1.8rem;}
    .hp_portfolio .round_tit{padding: 0.7rem 1.4rem; min-width: 24rem; border-radius: 2rem; font-size: 2rem;}
    .hp_portfolio .desc{margin-top: 5rem; font-size: 1.6rem;}
    .hp_portfolio .step_box{margin: 6rem auto 0; gap: 3rem; flex-direction: column; align-items: center;}
    .hp_portfolio .arrowRight{margin: 0; width: 3.8rem; transform: rotate(90deg);}
    .hp_portfolio .step{width: 100%; display: flex; gap: 3rem; align-items: center; justify-content: center; text-align: center;}
    .hp_portfolio .step .round{width: 14rem; height: 14rem; font-size: 2rem; margin: 0; flex-shrink: 0;}
    .hp_portfolio .step.ty2 .round{font-size: 1.8rem;}
    .hp_portfolio .step p{width: 28rem; margin-top: 0; font-size: 1.6rem;}
    .hp_portfolio .image_box{margin: 6rem auto 0; max-width: 90%;}
    .hp_portfolio .image_box img + img{margin-top: 4rem;}
    .hp_portfolio .keyword{margin: 6rem auto 0; display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .hp_portfolio .keyword .kw_box{width: 20rem; height: 20rem; font-size: 1.8rem;}
    .hp_portfolio .keyword .kw_box:last-of-type{margin-left: 0; margin-top: -3rem;}
    .hp_portfolio .arrowDown{margin: 6rem auto 6rem; width: 14rem;}
    /* 포트폴리오 */

    /* 검색 노출 */
    .hp_search{padding: 6rem 2rem 4rem;}
    .hp_search .srh_inner{max-width: 90%;}
    .hp_search .sub_tit{font-size: 1.8rem;}
    .hp_search .srh_list{margin-top: 6rem; gap: 2rem;}
    .hp_search .srh_items{border-radius: 2rem; padding: 1rem 2rem;}
    .hp_search .srh_items p{font-size: 1.6rem;}
    /* 검색 노출 */

    /* 희망패키지 시작 */
    .hp_start{padding: 6rem 2rem 7rem;}
    .hp_start p{font-size: 1.6rem;}
    /* 희망패키지 시작 */
}

@media all and (max-width: 480px) {
    /* 희망패키지 서비스 */
    .hp_package .tit{font-size: 2rem;}
    /* 희망패키지 서비스 */

    /* 고객 루트 */
    .hp_customer .tit{font-size: 2rem;}
    /* 고객 루트 */

    /* 희망패키지 소개 */
    .hp_intro .tit{font-size: 2rem;}
    /* 희망패키지 소개 */
}