@charset "UTF-8"; 
@import url("reset.css"); 
@import url("checkbtn.css"); 

:root { 
  --brand-color : #4780FF;
 } 

.sub_wrap{width: 100%;}
.sub_wrap .sub_top{display: flex; justify-content: center; align-items: center; width: 100%; height: 440px; background: url(../img/ph/sub/sub_top_bg.png) no-repeat center center / cover; margin-top: 100px;}
.sub_wrap .sub_top .s_tit{width: fit-content; text-align: center;}
.sub_wrap .sub_top .s_tit span{font-size: 65px; line-height: 64px; color: #111; font-weight: bold;}
.sub_wrap .sub_top .s_tit p{font-size: 16px; color: #2f2f2f;}

/* 회사소개 */
.aboutus .sub_sec01{display: flex; width: 100%; height: 790px; background: url(../img/ph/all_bg.png);}
.aboutus .sub_sec01 .left_cont{display: flex; flex-direction: column; align-items: flex-start; width: 50%; height: 100%; padding-left: 160px; padding-top: 155px;}
.aboutus .sub_sec01 .left_cont .m_tit{text-align: left; margin: 0;}
.aboutus .sub_sec01 .left_cont .inq_btn{width: fit-content;}
.aboutus .sub_sec01 .left_cont .inq_btn a{display: flex; align-items: center; gap: 6px; padding: 16px 36px; border-radius: 500px; background: linear-gradient(to bottom right, #4B83FF 0%, #81E8FB 100%); color: #fff; font-size: 20px; font-weight: bold; max-height: 56px; box-sizing: border-box; }
.aboutus .sub_sec01 .left_cont .inq_btn a:hover{background: linear-gradient(to bottom right, #81E8FB 0%, #4B83FF 100%);}
.aboutus .sub_sec01 .left_cont .inq_btn a img{width: 24px;}
.aboutus .sub_sec01 .right_cont{display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 96px; width: 50%; height: 100%;}
.aboutus .sub_sec01 .right_cont .v-slider-container {overflow: hidden; position: relative;}
.aboutus .sub_sec01 .right_cont .v-slider-wrapper {display: flex; flex-direction: column; gap: 16px; transition: transform 0.6s cubic-bezier(0.45, 0, 0.55, 1); color: rgba(0, 0, 0, 0.1);}
.aboutus .sub_sec01 .right_cont .v-slide {flex-shrink: 0; font-weight: bold; color: rgba(0, 0, 0, 0.1); text-align: center; transition: all 0.3s; font-size: 36px;}
.aboutus .sub_sec01 .right_cont .v-slide.active {color: #000;}


.aboutus .sub_sec02{width: 100%; overflow: hidden;}
.aboutus .sub_sec02 .inq_box{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 105px 0;}
.aboutus .sub_sec02 .inq_box span{font-size: 32px; font-weight: bold; line-height: 46px; text-align: center;}
.aboutus .sub_sec02 .inq_box span b{font-size: 32px; font-weight: bold; line-height: 46px; color: var(--brand-color);}
.aboutus .sub_sec02 .inq_box .inq_btn{width: fit-content; margin: 0 auto;}
.aboutus .sub_sec02 .inq_box .inq_btn a{display: flex; align-items: center; gap: 6px; padding: 16px 36px; border-radius: 500px; background: linear-gradient(to bottom right, #4B83FF 0%, #81E8FB 100%); color: #fff; font-size: 20px; font-weight: bold; max-height: 56px; box-sizing: border-box; }
.aboutus .sub_sec02 .inq_box .inq_btn a:hover{background: linear-gradient(to bottom right, #81E8FB 0%, #4B83FF 100%);}
.aboutus .sub_sec02 .inq_box .inq_btn a img{width: 24px;}
.aboutus .sub_sec02 .marquee_wrap{display: flex; justify-content: center; align-items: center; width: 100%; height: fit-content;}
.aboutus .sub_sec02 .marquee_wrap .inner{display: flex; justify-content: center; align-items: center; gap: 24px; width: 100%; overflow: hidden;}
.aboutus .sub_sec02 .marquee_wrap .inner .marquee{width: 100%; animation: marqueeX 20s infinite linear;}
.aboutus .sub_sec02 .marquee_wrap .inner .marquee.right{width: 100%;}

.aboutus .sub_sec03{width: 100%;}
.aboutus .sub_sec03 .video_wrap{overflow: hidden; position:relative;width:100%;min-height:var(--mv-height-min);height:100svh;max-height:var(--mv-height-max);overflow:hidden;isolation:isolate;}  
.aboutus .sub_sec03 .ph_video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1; opacity: 0.04;}
.aboutus .sub_sec03 .ph_video_overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,rgba(0,0,0,.04) 0%,var(--mv-overlay) 60%,rgba(0,0,0,.04) 100%);pointer-events:none;}
.aboutus .sub_sec03 .inner{display: flex; justify-content: space-between; align-items: center; width: 1200px; height: 100%; margin: 0 auto;}
.aboutus .sub_sec03 .inner .text_wrap span{font-size: 65px; font-weight: bold;}
.aboutus .sub_sec03 .inner .text_wrap .sub_txt{display: flex; flex-direction: column; gap: 12px; width: fit-content;}
.aboutus .sub_sec03 .inner .text_wrap .sub_txt p{font-size: 20px; line-height: 32px;}
.aboutus .sub_sec03 .inner .text_wrap .sub_txt p b{font-size: 20px; line-height: 32px; color: var(--brand-color);}

.aboutus .sub_sec04{width: 100%;}
.aboutus .sub_sec04 .inner{width: 1600px; margin: 0 auto;}
.aboutus .sub_sec04 > .inner #dual_wrap {width: 100%; padding: 96px 0;}
.aboutus .sub_sec04 > .inner #dual_wrap .dual_box {position: relative; width: 100%;}
.aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item {position: relative; perspective: 300px; }
.aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list .pin-spacer {margin-bottom: 24px !important; padding-bottom: 0px !important; height: 475px; }
.aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container{overflow: hidden; position: relative; padding-left: 200px; width: 100%; display: flex; justify-content: space-between; align-items: center; height: 475px; min-height: 300px; border-radius: 30px; filter: brightness(1);}
.aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container.one{background: linear-gradient(135deg, #FF4012 0%, #FFF712 100%);}
.aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container.two{background: linear-gradient(135deg, #4B83FF 0%, #81E8FB 100%);}
.aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container.three{background: #fafafa;}
.aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap{width: fit-content;}
.aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap .sub_tit{width: fit-content;}
.aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap .sub_tit span{font-size: 40px; font-weight: bold; color: #fff;}
.aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap .sub_tit p{font-size: 15px; font-weight: 500; line-height: 22px; color: #fff;}
.aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap .blog_btn{width: fit-content;}
.aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap .blog_btn a{display: flex; gap: 6px; justify-content: center; align-items: center; padding: 16px 36px; background-color: #fff; border-radius: 500px; box-sizing: border-box;}
.aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap .blog_btn a img:last-child{width: 24px;}
.aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container.three .text_wrap .sub_tit span{color: #111;}
.aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container.three .text_wrap .sub_tit p{color: #111;}

.aboutus .sub_sec05{display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh; background: #fff url(../img/ph/sec05_bg.png) no-repeat center / cover;}
.aboutus .sub_sec05 .inner{width: 1600px; margin: 0 auto;}
.aboutus .sub_sec05 .service_btn {width: fit-content; margin: 0 auto;}
.aboutus .sub_sec05 .service_btn ul {position: relative; display: flex; width: 465px; height: 76px; padding: 14px 16px; box-sizing: border-box; border: 1px solid #e6e6e6; border-radius: 500px; background-color: #fff;}
.aboutus .sub_sec05 .service_btn ul::before {content: ""; position: absolute; top: 14px; left: 16px; width: calc((100% - 32px) / 2); height: calc(100% - 26px); border-radius: 500px; background: linear-gradient(to bottom right, #4B83FF 0%, #81E8FB 100%); transform: translateX(0); transition: transform .45s cubic-bezier(0.22, 1, 0.36, 1);}
.aboutus .sub_sec05 .service_btn ul li {position: relative; z-index: 1; width: 50%; height: 100%; border-radius: 500px; overflow: hidden;}
.aboutus .sub_sec05 .service_btn ul li a {display: flex; justify-content: center; align-items: center; gap: 6px; width: 100%; height: 100%; color: #B5B5B5; font-size: 20px; font-weight: 500;}
.aboutus .sub_sec05 .service_btn ul li.active a {color: #fff; font-weight: bold;}
.aboutus .sub_sec05 .service_btn ul li a img {width: 24px;}
.aboutus .sub_sec05 .service_btn ul li.active a img {opacity: 1;}
.aboutus .sub_sec05 .service_btn ul li:not(.active) a img {opacity: 1;}
.aboutus .sub_sec05 .service_btn ul.is-second::before {transform: translateX(100%);}

.aboutus .sub_sec06{display: flex; justify-content: center; align-items: center; width: 100%; padding: 212px 0; background: #fff url(../img/ph/sec06_bg.png) no-repeat center / cover; box-sizing: border-box;}
.aboutus .sub_sec06 .inner{width: 1600px; margin: 0 auto;}
.aboutus .sub_sec06 .inner .m_tit{width: 1600px; margin: 0 auto;}
.aboutus .sub_sec06 .inner .m_tit .eyebrow{color: #fff;}
.aboutus .sub_sec06 .inner .m_tit span{display: block; margin-top: 24px; color: #fff;}
.aboutus .sub_sec06 .inner .m_tit p{color: #D8F0F4;}
.aboutus .sub_sec06 .inq_btn{width: fit-content; margin: 0 auto;}
.aboutus .sub_sec06 .inq_btn a{display: flex; align-items: center; gap: 6px; padding: 16px 36px; border-radius: 500px; background: #111; color: #fff; font-size: 20px; font-weight: bold; max-height: 56px; box-sizing: border-box; }
.aboutus .sub_sec06 .inq_btn a img{width: 24px;}


/* 서비스 소개 공통 */
.service .sub_sec01{display: flex; justify-content: center; align-items: center; width: 100%; height: 790px; background: #fff url(../img/ph/sub/service/service_top_bg.png) no-repeat center / cover;}
.service .sub_sec01 .inner{width: 1600px; margin: 0 auto;}
.service .sub_sec01 .service_btn {width: fit-content; margin: 0 auto;}
.service .sub_sec01 .service_btn ul {position: relative; display: flex; width: 465px; height: 76px; padding: 14px 16px; box-sizing: border-box; border: 1px solid #e6e6e6; border-radius: 500px; background-color: #fff;}
.service .sub_sec01 .service_btn ul::before {content: ""; position: absolute; top: 14px; left: 16px; width: calc((100% - 32px) / 2); height: calc(100% - 26px); border-radius: 500px; background: #111; transform: translateX(0); transition: transform .45s cubic-bezier(0.22, 1, 0.36, 1);}
.service .sub_sec01 .service_btn ul li {position: relative; z-index: 1; width: 50%; height: 100%; border-radius: 500px; overflow: hidden;}
.service .sub_sec01 .service_btn ul li a {display: flex; justify-content: center; align-items: center; gap: 6px; width: 100%; height: 100%; color: #B5B5B5; font-size: 20px; font-weight: 500;}
.service .sub_sec01 .service_btn ul li.active a {color: #fff; font-weight: bold;}
.service .sub_sec01 .service_btn ul li a img {width: 24px;}
.service .sub_sec01 .service_btn ul li.active a img {opacity: 1;}
.service .sub_sec01 .service_btn ul li:not(.active) a img {opacity: 1;}
.service .sub_sec01 .service_btn ul.is-second::before {transform: translateX(100%);}
.service .sub_sec01 .inq_btn{width: fit-content; margin: 0 auto;}
.service .sub_sec01 .inq_btn a{display: flex; align-items: center; gap: 6px; padding: 16px 36px; border-radius: 500px; background: linear-gradient(to bottom right, #4B83FF 0%, #81E8FB 100%); color: #fff; font-size: 20px; font-weight: bold; max-height: 56px; box-sizing: border-box; }
.service .sub_sec01 .inq_btn a:hover{background: linear-gradient(to bottom right, #81E8FB 0%, #4B83FF 100%);}
.service .sub_sec01 .inq_btn a img{width: 24px;}

/* 서비스-01 커뮤니티 마케팅 */
.service.sv1 .sub_sec02{width: 100%;}
.service.sv1 .sub_sec02 .inner{width: 1600px; margin: 0 auto; padding-bottom: 136px;}
.service.sv1 .sub_sec02 .inner .cont_box{display: flex; justify-content: space-between; width: 100%; height: 475px;}
.service.sv1 .sub_sec02 .inner .cont_box.pc_case{gap: 20px;}
.service.sv1 .sub_sec02 .inner .cont_box.mobile_case_swiper{display: none;}
.service.sv1 .sub_sec02 .inner .cont_box .swiper-wrapper{display: flex; gap: 20px;}
.service.sv1 .sub_sec02 .inner .cont_box .swiper-wrapper .swiper-slide{width: calc((100% - 40px)/3);}
.service.sv1 .sub_sec02 .inner .cont_box .item{position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; border-radius: 30px; overflow: hidden; background-color: #fafafa; padding-top: 66px;}
.service.sv1 .sub_sec02 .inner .cont_box .item .tit{text-align: center; z-index: 10;}
.service.sv1 .sub_sec02 .inner .cont_box .item .tit>span{font-size: 40px; font-weight: 400; color: #111;}
.service.sv1 .sub_sec02 .inner .cont_box .item .tit>span b{font-size: 40px; font-weight: bold; color: 111;}
.service.sv1 .sub_sec02 .inner .cont_box .item.active{background: linear-gradient(135deg, #4B83FF 0%, #81E8FB 100%);}
.service.sv1 .sub_sec02 .inner .cont_box .item.active .tit>span{color: #fff; font-weight: bold;}
.service.sv1 .sub_sec02 .inner .cont_box .item.active .tit>span b{color: #FFFF34;}
.service.sv1 .sub_sec02 .inner .cont_box .item .tit p{font-size: 15px; font-weight: 500; line-height: 22px; color: #656565; text-align: center;}
.service.sv1 .sub_sec02 .inner .cont_box .item.active .tit>p{color: #fff;}
.service.sv1 .sub_sec02 .inner .cont_box .item .img_wrap{position: absolute; bottom: 0; z-index: 9;}
.service.sv1 .sub_sec02 .inner .cont_box .item .img_wrap img{width: fit-content;}
.service.sv1 .sub_sec02 .inner .cont_box .swiper-slide:first-child .item .img_wrap{padding-bottom: 44px;}
.service.sv1 .sub_sec02 .inner .cont_box .item .bg_img{display: none;}
.service.sv1 .sub_sec02 .inner .cont_box .item .bg_img img{mix-blend-mode: luminosity; opacity: 0.1;}
.service.sv1 .sub_sec02 .inner .cont_box .item.active .bg_img{display: block; position: absolute; top: 0; z-index: 1;}

.service.sv1 .sub_sec03{position: relative; width: 100%; background: url(../img/ph/sub/service/sv1/sec03_bg.png) no-repeat; background-size: cover;}
.service.sv1 .sub_sec03 .inner{display: flex; justify-content: space-between; align-items: center; width: 1600px; margin: 0 auto;}
.service.sv1 .sub_sec03 .text_wrap{width: fit-content; padding: 208px 0;}
.service.sv1 .sub_sec03 .m_tit{text-align: left;}
.service.sv1 .sub_sec03 .m_tit span{display: block; margin-top: 24px; color: #fff;}
.service.sv1 .sub_sec03 .m_tit p{color: #999;}
.service.sv1 .sub_sec03 .inq_btn{width: fit-content;}
.service.sv1 .sub_sec03 .inq_btn a{display: flex; align-items: center; gap: 6px; padding: 16px 36px; border-radius: 500px; background: linear-gradient(to bottom right, #4B83FF 0%, #81E8FB 100%); color: #fff; font-size: 20px; font-weight: bold; max-height: 56px; box-sizing: border-box; }
.service.sv1 .sub_sec03 .inq_btn a:hover{background: linear-gradient(to bottom right, #81E8FB 0%, #4B83FF 100%);}
.service.sv1 .sub_sec03 .inq_btn a img{width: 24px;}
.service.sv1 .sub_sec03 .text_slide{width: fit-content;}
.service.sv1 .sub_sec03 .text_slide .v-slider-container {overflow: hidden; position: relative;}
.service.sv1 .sub_sec03 .text_slide .v-slider-wrapper {display: flex; flex-direction: column; gap: 20px; transition: transform 0.6s cubic-bezier(0.45, 0, 0.55, 1); color: rgba(255, 255, 255, 0.3);}
.service.sv1 .sub_sec03 .text_slide .v-slide {flex-shrink: 0; font-weight: bold; color: rgba(255, 255, 255, 0.3); text-align: center; transition: all 0.3s; font-size: 32px;}
.service.sv1 .sub_sec03 .text_slide .v-slide.active {color: #fff;}

.service.sv1 .sub_sec04{width: 100%; padding: 136px 0 82px;}
.service.sv1 .sub_sec04 .m_tit{width: fit-content; margin: 0 auto; text-align: center;}
.service.sv1 .sub_sec04 .m_tit span{font-size: 65px; font-weight: bold;}
.service.sv1 .sub_sec04 .m_tit span b{font-size: 65px; font-weight: bold; color: var(--brand-color);}

.service.sv1 .sub_sec04 .slide_cont{position: relative; margin-top: 136px;}
.service.sv1 .sub_sec04 .marquee_wrap{position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; width: 100%; height: fit-content;}
.service.sv1 .sub_sec04 .marquee_wrap .inner{display: flex; justify-content: center; align-items: center; width: 100%; }
.service.sv1 .sub_sec04 .marquee_wrap .inner .marquee{width: 100%; animation: marqueeX 20s infinite linear;}
.service.sv1 .sub_sec04 .marquee_wrap .inner .marquee.right{position: absolute; width: 100%; right: calc(-100% - 48px);}
.service.sv1 .sub_sec04 .swiper-container{margin-left: 320px;}
.service.sv1 .sub_sec04 .swiper-slide{width: fit-content;}
.service.sv1 .sub_sec04 .slide_inner{display: flex; align-items: center; gap: 60px;}
.service.sv1 .sub_sec04 .slide_inner .img_wrap{width: 600px;}
.service.sv1 .sub_sec04 .slide_inner .img_wrap img{width: 100%; height: auto; object-fit: cover; border-radius: 30px;}
.service.sv1 .sub_sec04 .slide_inner .info_wrap{width: fit-content;}
.service.sv1 .sub_sec04 .slide_inner .info_wrap ul.hashtag{display: flex; gap: 12px;}
.service.sv1 .sub_sec04 .slide_inner .info_wrap ul.hashtag>li{background-color: #F0F0F0; color: #575757; padding: 4px 20px; box-sizing: border-box; border-radius: 500px; font-weight: 500; font-size: 14px; line-height: 24px;}
.service.sv1 .sub_sec04 .slide_inner .info_wrap ul.hashtag>li.active{background-color: #111; color: #fff; font-weight: bold;}
.service.sv1 .sub_sec04 .slide_inner .info_wrap .text_wrap{width: fit-content;}
.service.sv1 .sub_sec04 .slide_inner .info_wrap .text_wrap span{font-size: 40px; font-weight: bold;}
.service.sv1 .sub_sec04 .slide_inner .info_wrap .text_wrap p{font-size: 18px; line-height: 22px;}
.service.sv1 .sub_sec04 .slide_inner .info_wrap .text_wrap ul.sub_text li{font-size: 15px; line-height: 24px; color: #575757; font-weight: 500;}

.service.sv1 .sub_sec05{display: flex; align-items: center; justify-content: center; width: 100%; height: 600px; background-image: url(../img/ph/all_bg.png);}
.service.sv1 .sub_sec05 span{display: block; width: fit-content; text-align: center; font-size: 65px; font-weight: bold;}

.service.sv1 .sub_sec06{width: 100%; padding: 96px 0;}
.service.sv1 .sub_sec06 .inner{width: 1600px; margin: 0 auto;}
.service.sv1 .sub_sec06 .inner .blog_wrap{display: flex; justify-content: space-between; width: 100%;}
.service.sv1 .sub_sec06 .inner .blog_wrap.mobile_blog_swiper{display: none;}
.service.sv1 .sub_sec06 .inner .blog_wrap .blog_item{display: flex; flex-direction: column; justify-content: center; width: calc((100% - 40px)/3); height: 420px; background-color: #fafafa; border-radius: 30px; padding-left: 48px;}
.service.sv1 .sub_sec06 .inner .blog_wrap .blog_item .m_tit{width: fit-content; text-align: left;}
.service.sv1 .sub_sec06 .inner .blog_wrap .blog_item .m_tit span{font-size: 24px; font-weight: bold;}
.service.sv1 .sub_sec06 .inner .blog_wrap .blog_item .m_tit p{font-size: 15px; line-height: 22px; color: #656565; font-weight: 500;}
.service.sv1 .sub_sec06 .inner .blog_wrap .blog_item .blog_btn{width: fit-content;}
.service.sv1 .sub_sec06 .inner .blog_wrap .blog_item .blog_btn a{display: flex; gap: 6px; justify-content: center; align-items: center; padding: 9px 24px; background-color: #07C55B; border-radius: 500px; box-sizing: border-box;}
.service.sv1 .sub_sec06 .inner .blog_wrap .blog_item .blog_btn a img:first-child{width: 57px;}
.service.sv1 .sub_sec06 .inner .blog_wrap .blog_item .blog_btn a img:last-child{width: 24px;}


.service.sv1 .sub_sec07{display: flex; justify-content: center; align-items: center; width: 100%; padding: 212px 0; background: #fff url(../img/ph/sec06_bg.png) no-repeat center / cover; box-sizing: border-box;}
.service.sv1 .sub_sec07 .inner{width: 1600px; margin: 0 auto;}
.service.sv1 .sub_sec07 .inner .m_tit{width: 100%; margin: 0 auto;}
.service.sv1 .sub_sec07 .inner .m_tit .eyebrow{color: #fff;}
.service.sv1 .sub_sec07 .inner .m_tit span{display: block; margin-top: 24px; color: #fff;}
.service.sv1 .sub_sec07 .inner .m_tit p{color: #D8F0F4;}
.service.sv1 .sub_sec07 .inq_btn{display: flex; gap: 16px; width: fit-content; margin: 0 auto;}
.service.sv1 .sub_sec07 .inq_btn a{display: flex; align-items: center; gap: 6px; padding: 16px 36px; border-radius: 500px; background: #111; color: #fff; font-size: 20px; font-weight: bold; max-height: 56px; box-sizing: border-box; }
.service.sv1 .sub_sec07 .inq_btn a img{width: 24px;}


/* 서비스-02 블로그 체험단 */
.service.sv2 .sub_sec02{display: flex; width: 100%; height: 100vh; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.service.sv2 .sub_sec02 .left_cont{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; width: 50%; height: 100%;}
.service.sv2 .sub_sec02 .left_cont .m_tit{text-align: center; margin: 0;}
.service.sv2 .sub_sec02 .right_cont{position: relative; display: flex; justify-content: center; align-items: center; width: 50%; height: 100%; background-color: #FAFAFA;}
.service.sv2 .sub_sec02 .right_cont .logo_box{position: relative; width: fit-content; z-index: 2;}
.service.sv2 .sub_sec02 .right_cont .logo_box ul{display: flex; flex-direction: column; gap: 36px;}
.service.sv2 .sub_sec02 .right_cont .logo_box ul>li{display: flex; align-items: center; justify-content: center; gap: 36px;}
.service.sv2 .sub_sec02 .right_cont .logo_box ul>li img{height: 36px;}
.service.sv2 .sub_sec02 .right_cont .countup{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1;}
.service.sv2 .sub_sec02 .right_cont .countup span{display: flex; align-items: center; opacity: 0.3; font-size: 160px; font-weight: bold; background: linear-gradient(to bottom, #4B83FF 0%, rgba(250, 250, 250, 0.1) 100%); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent;}

.service.sv2 .sub_sec03{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100vh; background-image: url(../img/ph/sub/service/sv2/sec03_bg.png); background-size: cover;}
.service.sv2 .sub_sec03 .m_tit{position: relative; width: fit-content; text-align: center;}
.service.sv2 .sub_sec03 .m_tit img{position: absolute; top: -92px; left: 50%; transform: translateX(-50%); z-index: 1;}
.service.sv2 .sub_sec03 .m_tit span{position: relative; color: #fff; z-index: 2;}
.service.sv2 .sub_sec03 .m_tit span b{color: #EE101B; position: relative; z-index: 2;}
.service.sv2 .sub_sec03 .m_tit p{font-size: 20px; line-height: 32px; font-weight: 500; color: #fff;}
.service.sv2 .sub_sec03 .m_tit p b{font-size: 20px; line-height: 32px; font-weight: bold; color: #FFCC00;}
.service.sv2 .sub_sec03 ul{display: flex; flex-direction: column; align-items: center; width: 576px; gap: 12px;}
.service.sv2 .sub_sec03 ul li{display: flex; justify-content: center; align-items: center; width: 100%; height: 64px; font-size: 20px; font-weight: bold; background-color: #ece9e4; border: 2px solid #fff; border-radius: 20px; }
.service.sv2 .sub_sec03 ul .dot_wrap{display: flex; flex-direction: column; gap: 8px; width: fit-content;}
.service.sv2 .sub_sec03 ul .dot_wrap .dot{width: 6px; height: 6px; border-radius: 500px; background-color: #ece9e4;}

.service.sv2 .sub_sec04{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 136px 0 ; background-image: url(../img/ph/all_bg.png); box-sizing: border-box; border-bottom: 1px solid #EEEEEE;}
.service.sv2 .sub_sec04 .m_tit{width: fit-content;}
.service.sv2 .sub_sec04 .table_wrap{width: fit-content;}
.service.sv2 .sub_sec04 .table_wrap img{width: 100%; max-width: 1000px;}

.service.sv2 .sub_sec05{width: 100%; padding: 165px 0 156px;}
.service.sv2 .sub_sec05 .inner{width: 1600px; margin: 0 auto;}
.service.sv2 .sub_sec05 .inner .m_tit{text-align: left;}
.service.sv2 .sub_sec05 .inner .poin_wrap{position: relative; display: flex; flex-wrap: wrap; width: 100%; gap: 0 20px;}
.service.sv2 .sub_sec05 .inner .poin_wrap .point{position: relative; display: flex; flex-direction: column; justify-content: center; width: calc((100% - 40px)/3); min-height: 282px; background-color: #f5f7f9; border-radius: 30px; padding: 0 48px; box-sizing: border-box; z-index: 1;}
.service.sv2 .sub_sec05 .inner .poin_wrap .point .point_num{position: absolute; top: 0; left: 36px; display: flex; justify-content: center; align-items: center; width: 162px; height: 48px; border-radius: 0 0 10px 10px; background-color: var(--brand-color); font-size: 20px; font-weight: bold; color: #fff;}
.service.sv2 .sub_sec05 .inner .poin_wrap .point span{font-size: 32px; font-weight: bold; color: var(--brand-color);}
.service.sv2 .sub_sec05 .inner .poin_wrap .point p{font-size: 16px; line-height: 24px; color: #656565; font-weight: 500;}
.service.sv2 .sub_sec05 .inner .poin_wrap>img{position: relative; z-index: 2; width: fit-content; top: -8px; left: 50%; transform: translateX(-50%);}
.service.sv2 .sub_sec05 .inner .sub_text{font-size: 65px; font-weight: bold; text-align: center;}

.service.sv2 .sub_sec06{display: flex; justify-content: center; align-items: center; width: 100%; padding: 212px 0; background: #fff url(../img/ph/sec06_bg.png) no-repeat center / cover; box-sizing: border-box;}
.service.sv2 .sub_sec06 .inner{width: 1600px; margin: 0 auto;}
.service.sv2 .sub_sec06 .inner .m_tit{width: 100%; margin: 0 auto;}
.service.sv2 .sub_sec06 .inner .m_tit .eyebrow{color: #fff;}
.service.sv2 .sub_sec06 .inner .m_tit span{display: block; margin-top: 24px; color: #fff;}
.service.sv2 .sub_sec06 .inner .m_tit p{color: #D8F0F4;}
.service.sv2 .sub_sec06 .inq_btn{display: flex; gap: 16px; width: fit-content; margin: 0 auto;}
.service.sv2 .sub_sec06 .inq_btn a{display: flex; align-items: center; gap: 6px; padding: 16px 36px; border-radius: 500px; background: #111; color: #fff; font-size: 20px; font-weight: bold; max-height: 56px; box-sizing: border-box; }
.service.sv2 .sub_sec06 .inq_btn a img{width: 24px;}


/* 고객후기 */
.review{width: 100%;}
.review>.inner{width: 1400px; margin: 0 auto; padding: 96px 0 156px;}
.review .inner #bo_cate{width: fit-content;}
.review .inner #bo_cate ul{display: flex; height: 56px;}
.review .inner #bo_cate ul li{height: 100%;}
.review .inner #bo_cate ul li a{display: flex; justify-content: center; align-items: center; font-size: 20px; padding: 16px; height: 100%; box-sizing: border-box; color: #999; font-weight: 500; line-height: 20px;}
.review .inner #bo_cate ul li a#bo_cate_on{border-bottom: 2px solid var(--brand-color); color: var(--brand-color);}
.review .inner #bo_gall #gall_ul{display: flex; flex-wrap: wrap; gap: 96px 40px; margin-top: 72px; width: 100%;}
.review .inner #gall_allchk{display: flex; align-items: center;}
.review .inner #bo_gall .gall_li{width: calc((100% - 80px)/3);}
.review .inner #bo_gall .gall_img{border-radius: 10px; overflow: hidden;}
.review .inner #bo_gall .gall_text_href{display: flex; flex-direction: column; gap: 10px; margin-top: 30px;}
.review .inner #bo_gall .gall_text_href .bo_cate_link{font-size: 20px; font-weight: 500; color: #666; background: transparent; padding: 0;}
.review .inner #bo_gall .gall_text_href .bo_tit{font-size: 22px; font-weight: bold; color: #111;}
.review .inner #bo_gall .gall_info{margin-top: 22px;}
.review .inner #bo_gall .gall_info .gall_date{font-size: 17px; font-weight: 500; color: #666;}
.review .inner .gall_box{position: relative;}
.review .inner .gall_box .gall_chk{position: absolute; left: 16px; top: 16px;}
.review .inner #bo_v_title .bo_v_cate{color: #666; background-color: transparent;}
.review .inner #bo_v{margin-top: 72px;}
.review .inner #bo_v_title{display: flex; flex-direction: column; gap: 8px; padding-bottom: 24px; border-bottom: 2px solid #111;}
.review .inner #bo_v_title .bo_v_cate{font-size: 20px; color: #666; font-weight: 500;}
.review .inner #bo_v_title .bo_v_tit{font-size: 32px; font-weight: bold;}
.review .inner #bo_v_atc{padding: 56px 0;}
.review #bo_w{margin-top: 56px;}
.review #bo_w select{width:320px;height:48px;padding:0 48px 0 16px;border:0;border-radius:8px;background-color:#f5f7f9;font-size:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('../img/ph/arrow_down.png');background-repeat:no-repeat;background-position:right 16px center;background-size:24px;}
.review #bo_w select::-ms-expand{display:none;}
.review #bo_w input[type="text"]{width: 100%; height: 48px; padding-left: 16px; font-size: 16px; border: 0; background: #f5f7f9; border-radius: 10px;}
.review #bo_w #autosave_wrapper input[type="text"]{margin-top: 0}
.review #bo_w form>.write_div{margin-bottom: 16px;}
.review #bo_w form .file_wrap{display: flex; width: 100%; gap: 16px;}
.review #bo_w form .file_wrap>.write_div{width: calc((100% - 16px)/2);}
.review #bo_w form .file_wrap>.write_div .file_wr{display: flex; flex-direction: column; gap: 8px;}
.review #bo_w form .file_wrap>.write_div .file_wr span{font-size: 13px;}
.review #bo_w form .file_wrap>.write_div .file_wr input{display: flex; align-items: center; width: 100%; height: 48px; line-height: 48px; background-color: #f5f7f9; border-radius: 10px; padding-left: 16px; font-size: 13px;}
.review #bo_w form>.write_div.bo_w_flie{width: 50%;}
.review #bo_w form>.write_div label{font-size: 13px;}
.review #bo_w form>.write_div input{margin-top: 8px;}
.review #bo_w form>.btn_confirm{display: flex; gap: 16px; margin-top: 60px;}
.review #bo_w .wr_content textarea{font-size: 16px; padding-left: 10px;}



/* 서비스 문의 */
.inqry{width: 100%;}
.inqry .inner{display: flex; width: 1400px; margin: 0 auto; padding: 136px 0 156px;}
.inqry .inner .inner_cont{position: relative; display: flex; justify-content: space-between; width: 100%;}
.inqry .inner .inner_cont .l-info{position: relative; width: 500px; height: 560px;}
.inqry .inner .inner_cont .l-info img{width: 100%; border-radius: 30px;}
.inqry .inner .inner_cont .l-info span{position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); text-align: center; font-size: 16px; line-height: 24px; color: #fff; font-weight: 500;}
.inqry .inner .inner_cont .r-form{width: 100%; max-width: 840px;}
.inqry .inner .inner_cont .r-form .frmBox{width: 100%;}
.inqry .inner .inner_cont .r-form .frmBox div ul li.wid01{width: 100%;}
.inqry .inner .inner_cont .r-form .frmBox div ul li.wid02{width: calc((100% - 16px)/2);}
.inqry .inner .inner_cont .r-form .frmBox div ul li .label{font-size: 16px; font-weight: 500;}
.inqry .inner .inner_cont .r-form .frmBox div ul li .label .req{color: #FF0005; font-size: 16px; font-weight: bold;}
.inqry .inner .inner_cont .r-form .frmBox div ul li .label .req small{color: #111; font-size: 14px; font-weight: 500;}
.inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox input[type="text"]{width: 100%; border: 0; border-bottom: 1px solid #e5e5e5; padding: 0; height: 48px; font-size: 16px;}
.inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox input[type="email"]{width: 100%; border: 0; border-bottom: 1px solid #e5e5e5; padding: 0; height: 48px; font-size: 16px;}
.inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox:has(.ui-checkbox) {display: flex; align-items: center; height: 52px; gap: 32px; border: 0; border-bottom: 1px solid #e5e5e5; margin-top: 8px;}
.inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox:has(.ui-checkbox) label{display: flex; gap: 8px;}
.inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox:has(.ui-checkbox) label span{font-size: 16px; font-weight: 500; color: #c4c5cc;}
.inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox textarea{width: 100%; height: 140px; margin-top: 8px; background-color: #f9f9f9; border: 0; border-radius: 8px; resize: none; padding: 16px; box-sizing: border-box; font-size: 16px;}
.inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox textarea::placeholder{color: #c4c5cc;}
.inqry .inner .inner_cont .r-form .frmBox .step1-info{width: 100%;}
.inqry .inner .inner_cont .r-form .frmBox .step1-info ul{display: flex; flex-wrap: wrap; gap: 32px 16px;}
.inqry .inner .inner_cont .r-form .frmBox .step1-info ul li .inpBox{width: 100%; margin-top: 8px;}
.inqry .inner .inner_cont .r-form .frmBox .step1-info ul li .inpBox input::placeholder{font-size: 16px; color: #c4c5cc;}
.inqry .inner .inner_cont .r-form .frmBox .step3-info ul{display: flex; flex-wrap: wrap; gap: 32px 16px;}
.inqry .inner .inner_cont .r-form .frmBox .step4-info{display: flex; justify-content: space-between; align-items: center; width: 100%;}
.inqry .inner .inner_cont .r-form .frmBox .step4-info .frmChk{display: flex; width: fit-content; gap: 16px;}
.inqry .inner .inner_cont .r-form .frmBox .step4-info .frmChk .chkBox{display: flex; align-items: center; gap: 8px;}
.inqry .inner .inner_cont .r-form .frmBox .step4-info .frmChk .chkBox p.provision{font-size: 16px; font-weight: 500; color: #8a8a8a;}
.inqry .inner .inner_cont .r-form .frmBox .step4-info .frmChk .chkBox p.provision .req{font-size: 16px; font-weight: 800; color: #FF0005;}
.inqry .inner .inner_cont .r-form .frmBox .step4-info .frmChk>.provision{padding: 4px 10px; background-color: #212121; border-radius: 4px;}
.inqry .inner .inner_cont .r-form .frmBox .step4-info .frmChk>.provision>span{font-size: 14px; font-weight: 500; color: #fff; cursor: pointer;}
.inqry .inner .inner_cont .r-form .frmBox .step4-info .btn_confirm{width: fit-content;}
.inqry .inner .inner_cont .r-form .frmBox .step4-info .btn_confirm button{display: flex; justify-content: center; align-items: center; gap: 6px; width: fit-content; padding: 16px 36px; box-sizing: border-box; background-color: #111; border-radius: 500px; font-size: 20px; color: #fff; font-weight: bold; line-height: 24px;}
.inqry .inner .inner_cont .r-form .frmBox .step4-info .btn_confirm button img{width: 24px;}
.sub_board .btn_confirm * {display:block; width:100%; line-height:70px; font-size:22px; font-weight:800; color:#fff; border:1px solid #3e7aff; padding:0 40px; background:#3e7aff; border-radius:10px; vertical-align:middle; text-align:center; transition:all 0.2s ease-in-out;}
.sub_board .btn_confirm #btn_submit:hover {color:#fff; background:#111; border:1px solid #111;}
.sub_board .inner.sub_top{margin-top: 156px !important;}
.memo_wrap{width: 100%;}
.memo_wrap table tbody tr{border-bottom: 1px solid #ddd;}
.memo_wrap table tbody tr th{width: 250px; font-size: 16px; font-weight: 500; color: #161615; word-break: keep-all; padding: 15px 10px; background-color: #f8f8f8; vertical-align: middle; text-align: center;}
.memo_wrap table tbody tr td {font-size: 15px; font-weight: 400; color: #111; line-height: 28px; text-align: left; padding: 15px 20px;}
.memo_box {display:flex; gap:12px;}
.memo_content {min-height:24px; line-height:1.7; word-break:keep-all;}
.memo_btns {display:flex; width: fit-content; gap:7px; flex-wrap:wrap; margin: 10px auto 0;}
.memo_btn {display:inline-flex; align-items:center; justify-content:center; height:33px; padding:0 12px; border:1px solid #ddd; background:#fff; cursor:pointer; font-size:13px;}
.memo_btn#memoDeleteBtn{color: #6c0317;}
.memo_btn.type_save {background:#111; color:#fff; border-color:#111;}
.memo_btn.type_delete {background:#f8f8f8;}
.memo_modal {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:9999; align-items:center; justify-content:center;}
.memo_modal_inner {width:min(600px, 92%); background:#fff; border-radius:16px; padding:24px; box-sizing:border-box;}
.memo_modal_head {display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; font-size: 18px;}
.memo_close {border:0; background:none; font-size:24px; cursor:pointer; line-height:1;}
#memoTextarea {width:100%; height:220px; padding:16px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; resize:none; font-size: 16px;}
.memo_form_btns {display:flex; justify-content:flex-end; gap:8px; margin-top:16px;}


/* 약관팝업 */
.inqry .inner .inner_cont .pop_terms{display: none;}
.pop_terms{ display: none; position: absolute; left: 50%; top: 60%; transform: translate(-50%,-50%); width: 90%; padding: 50px; border: 1px solid #000; background: #fff; z-index: 100; -webkit-box-shadow: 0 0 20px 0 rgba(25,39,32,0.1); box-shadow: 0 0 20px 0 rgba(25,39,32,0.1); }
.pop_terms > h3{ font-size: 26px; font-weight: 700; color: #111; letter-spacing: -1.5px; margin-bottom: 20px; }
.pop_terms > .pv-close{ position: absolute; right: 50px; top: 50px; width: 35px; height: 35px; background: url(../img/ph/sub/inqry/ico_pop_close.svg) no-repeat center center, #000; background-size: contain; border-radius: 50%; border: none; text-indent: -9999px; }
.pop_terms .txtBox{ width: 100%; height: 350px; background-color: #f8f8f8; overflow-y: scroll; padding: 20px 20px; }
.pop_terms .txtBox .parag{ margin-bottom: 40px;}
.pop_terms .txtBox .parag .t_1{display: block; font-size: 20px; color: #222; margin-bottom: 10px;}
.pop_terms .txtBox .parag .t_2{display: block; font-size: 15px; color: #272727; font-weight: bold; font-style: normal; margin-top: 10px; margin-bottom: 5px;}
.pop_terms .txtBox .parag p{ display: block; color: #313131; font-size: 15px; line-height: 30px; letter-spacing: -0.5px; word-break: keep-all; }
.pop_terms .txtBox .parag ul{ margin-top: 5px;}
.pop_terms .txtBox .parag ul li span{ display: block; color: #313131; font-size: 15px; line-height: 30px; letter-spacing: -0.5px; word-break: keep-all; }
.pop_terms .txtBox .parag ul li p{ padding-left: 8px; }
.pop_terms .txtBox::-webkit-scrollbar{ width: 6px; }
.pop_terms .txtBox::-webkit-scrollbar-thumb{ height: 17%; background-color: #aaa; border-radius: 10px; }
.pop_terms .txtBox::-webkit-scrollbar-track{ background: transparent; }

/* 게시판 공통 */
.pg_wrap{margin-top: 24px;}
.pg_page{font-size: 15px !important;}
.pg_current{font-size: 15px !important;}
.empty_list{width: 100%; font-size: 18px; min-height: 240px; display: flex; justify-content: center; align-items: center; background-color: #f5f7f9; border-radius: 20px;}













/* 반응형 작업 */

@media screen and (max-width:1600px) {

  .aboutus .sub_sec04 .inner{width: 96%;}
  .aboutus .sub_sec05 .inner{width: 100%;}
  .aboutus .sub_sec06 .inner{width: 100%;}
  .aboutus .sub_sec06 .inner .m_tit{width: 100%;}
  .aboutus .sub_sec03 .inner{width: 80%;}
  .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container{padding-left: 6.211vw;}

  .service.sv1 .sub_sec02 .inner{width: 96%;}
  .service.sv1 .sub_sec06 .inner{width: 96%;}
  
  .inqry .inner{width: 96%;}
}



@media screen and (max-width:1400px) {

    .sub_wrap .sub_top{height: 320px;}
    .sub_wrap .sub_top .s_tit span{font-size: 48px; line-height: 1;}
    .sub_wrap .sub_top .s_tit p{font-size: 15px;}

    /* 회사소개 */
    .aboutus .sub_sec01{flex-direction: column; height: fit-content;}
    .aboutus .sub_sec01 .left_cont{width: 100%; align-items: center; padding-left: 0; padding-top: 64px;}
    .aboutus .sub_sec01 .left_cont .m_tit{text-align: center;}
    .aboutus .sub_sec01 .left_cont .inq_btn a{font-size: 18px; padding: 18px 26px; max-height: 48px;}
    .aboutus .sub_sec01 .right_cont{width: 100%; margin-top: 56px; gap: 36px;}
    .aboutus .sub_sec01 .right_cont .v-slide{font-size: 20px;}
    .aboutus .sub_sec01 .right_cont .img_wrap{width: 20%;}
    .aboutus .sub_sec01 .right_cont .img_wrap img{width: 100%;}

    .aboutus .sub_sec02{padding-bottom: 64px; border-bottom: 1px solid #d9d9d9;}
    .aboutus .sub_sec02 .inq_box{border-bottom: 0; padding: 72px 0 42px;}
    .aboutus .sub_sec02 .inq_box .inq_btn a{font-size: 18px; padding: 18px 26px; max-height: 48px;}
    .aboutus .sub_sec02 .marquee_wrap{width: 100%;}

    .aboutus .sub_sec03 .inner{width: 80%; gap: 56px; padding-top: 64px;}
    .aboutus .sub_sec03 .inner .text_wrap span{font-size: 48px;}
    .aboutus .sub_sec03 .img_wrap{min-width: 320px; max-width: 40%;}
    .aboutus .sub_sec03 .img_wrap img{width: 100%;}
    .aboutus .sub_sec03 .inner .text_wrap .sub_txt p{font-size: 18px; line-height: 24px;}
    .aboutus .sub_sec03 .inner .text_wrap .sub_txt p b{font-size: 18px; line-height: 24px;}

    .aboutus .sub_sec04 .inner{width: 96%;}
    .aboutus .sub_sec04 > .inner #dual_wrap{padding: 56px 0;}
    .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container{height: fit-content; padding-left: 6.211vw; gap: 24px;}
    .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap .sub_tit span{font-size: 32px;}
    .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap .sub_tit p{font-size: 15px;}
    .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap .blog_btn a{font-size: 18px; padding: 18px 26px; max-height: 48px;}
    .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap .blog_btn a img{height: 22px;}

    .aboutus .sub_sec05{height: fit-content; padding: 96px 0;}
    .aboutus .sub_sec05 .service_btn ul{height: 66px;}
    .aboutus .sub_sec05 .service_btn ul li a{font-size: 18px;}
    .aboutus .sub_sec05 .service_btn ul li a img{width: 20px;}
    .aboutus .sub_sec05 .service_btn ul::before{top: 10px; height: calc(100% - 20px);}
    
    .aboutus .sub_sec06{padding: 96px 0;}
    .aboutus .sub_sec06 .inq_btn a{font-size: 18px; padding: 18px 26px; max-height: 48px;}


    /* 서비스 공통  */
    .service .sub_sec01 .m_tit{margin-top: 10% !important;}
    .service .sub_sec01{height: fit-content; padding: 64px 0;}
    .service .sub_sec01 .inner{width: 100%;}
    .service .sub_sec01 .service_btn ul{height: 66px;}
    .service .sub_sec01 .service_btn ul li a{font-size: 18px;}
    .service .sub_sec01 .service_btn ul li a img{width: 20px;}
    .service .sub_sec01 .inq_btn a{font-size: 18px; padding: 18px 26px; max-height: 48px;}
    .service .sub_sec01 .service_btn ul::before{height: calc(100% - 20px); top: 10px;}

    /* 서비스1 - 커뮤니티 마케팅  */
    .service.sv1 .sub_sec02 .inner{padding: 56px 0;}
    .service.sv1 .sub_sec02 .inner .cont_box .item .tit>span{font-size: 32px;}
    .service.sv1 .sub_sec02 .inner .cont_box .item .tit>span b{font-size: 32px;}

    .service.sv1 .sub_sec03 .inner{width: 100%; padding-bottom: 64px;}
    .service.sv1 .sub_sec03 .text_wrap{display: flex; flex-direction: column; width: 100%; padding: 64px 6.211vw 0;}
    .service.sv1 .sub_sec03 .inq_btn a{font-size: 18px; padding: 18px 26px; max-height: 48px;}
    .service.sv1 .sub_sec03 .text_slide{width: 100%; padding: 64px 6.211vwpx 0;}
    .service.sv1 .sub_sec03 .text_slide .v-slide{font-size: 20px;}

    .service.sv1 .sub_sec04{padding: 64px 0;}
    .service.sv1 .sub_sec04 .m_tit span{font-size: 48px;}
    .service.sv1 .sub_sec04 .m_tit span b{font-size: 48px;}
    .service.sv1 .sub_sec04 .slide_cont{margin-top: 64px;}
    .service.sv1 .sub_sec04 .marquee_wrap{position: relative; width: 200%;}
    .service.sv1 .sub_sec04 .swiper-container{margin-left: 0;}
    .service.sv1 .sub_sec04 .slide_inner{flex-direction: column; gap: 32px;}
    .service.sv1 .sub_sec04 .slide_inner .img_wrap{width: 100%;}
    .service.sv1 .sub_sec04 .slide_inner .info_wrap{width: 100%;}
    .service.sv1 .sub_sec04 .slide_inner .info_wrap ul.hashtag>li{font-size: 14px; padding: 0 10px;}
    .service.sv1 .sub_sec04 .slide_inner .info_wrap .text_wrap{margin-top: 16px !important;}
    .service.sv1 .sub_sec04 .slide_inner .info_wrap .text_wrap span{font-size: 32px;}
    .service.sv1 .sub_sec04 .slide_inner .info_wrap .text_wrap p{font-size: 16px; margin-top: 10px !important;}
    .service.sv1 .sub_sec04 .slide_inner .info_wrap .text_wrap ul.sub_text li{font-size: 15px;}

    .service.sv1 .sub_sec05{height: fit-content; padding: 96px 0; background-size: cover; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;}
    .service.sv1 .sub_sec05 span{font-size: 48px;}
    
    .service.sv1 .sub_sec06{padding: 64px 0;}
    .service.sv1 .sub_sec06 .inner{position: relative; padding-bottom: 62px;}
    .service.sv1 .sub_sec06 .inner .blog_wrap{flex-wrap: wrap; gap: 16px;}
    .service.sv1 .sub_sec06 .inner .blog_wrap .blog_item{width: calc((100% - 16px)/2);}
    .service.sv1 .sub_sec06 .inner .blog_wrap .blog_item:last-child{width: 100%;}
    
    .service.sv1 .sub_sec07{padding: 96px 0;}
    .service.sv1 .sub_sec07 .inner{width: 100%;}
    .service.sv1 .sub_sec07 .inq_btn a{font-size: 18px; padding: 18px 26px; max-height: 48px;}


    /* 서비서2 - 블로그체험단 */
    .service.sv2 .sub_sec02{flex-direction: column; height: fit-content;}
    .service.sv2 .sub_sec02 .left_cont{width: 100%; padding: 56px 16px 0;}
    .service.sv2 .sub_sec02 .right_cont{width: 100%; padding: 56px 0 76px; background-color: transparent;}
    .service.sv2 .sub_sec02 .right_cont .countup{width: 100%;}
    .service.sv2 .sub_sec02 .right_cont .countup span{font-size: 136px; justify-content: center;}
    .service.sv2 .sub_sec02 .right_cont .logo_box ul{gap: 24px;}
    .service.sv2 .sub_sec02 .right_cont .logo_box ul>li{gap: 24px;}
    .service.sv2 .sub_sec02 .right_cont .logo_box ul>li img{height: 32px;}

    .service.sv2 .sub_sec03{height: fit-content; padding: 96px 0;}
    .service.sv2 .sub_sec03 .m_tit img{width: 80%; top: -56px;}
    .service.sv2 .sub_sec03 .m_tit p{font-size: 15px; line-height: 1.3;}
    .service.sv2 .sub_sec03 .m_tit p b{font-size: 15px; line-height: 1.3;}
    .service.sv2 .sub_sec03 ul{width: 90%;}
    .service.sv2 .sub_sec03 ul li{font-size: 16px; height: 56px; border-radius: 10px;}

    .service.sv2 .sub_sec04{padding: 56px 0;}
    .service.sv2 .sub_sec04 .table_wrap{width: 90%;}
    .service.sv2 .sub_sec04 .table_wrap img{width: 100%;}
    
    .service.sv2 .sub_sec05{padding: 64px 0 124px;}
    .service.sv2 .sub_sec05 .inner{width: 100%;}
    .service.sv2 .sub_sec05 .inner .m_tit{text-align: center;}
    .service.sv2 .sub_sec05 .inner .poin_wrap{width: 90%; margin: 0 auto;}
    .service.sv2 .sub_sec05 .inner .poin_wrap .point{border-radius: 10px;}
    .service.sv2 .sub_sec05 .inner .poin_wrap .point .point_num{font-size: 15px; width: 82px; height: 32px;}
    .service.sv2 .sub_sec05 .inner .poin_wrap .point span{font-size: 32px;}
    .service.sv2 .sub_sec05 .inner .poin_wrap .point p{font-size: 18px;}
    .service.sv2 .sub_sec05 .inner .sub_text{font-size: 48px; margin-top: 0 !important;}

    .service.sv2 .sub_sec06{padding: 96px 0;}
    .service.sv2 .sub_sec06 .inner{width: 100%;}
    .service.sv2 .sub_sec06 .inq_btn a{font-size: 18px; padding: 18px 26px; max-height: 48px;}

    /* 고객후기 */
    .review .inner{width: 90%; padding: 56px 16px 64px; box-sizing: border-box;}
    .review .inner #bo_cate ul{height: 32px;}
    .review .inner #bo_cate ul li a{font-size: 17px; padding: 0 8px;}
    .review .inner #bo_gall #gall_ul{margin-top: 32px; gap: 32px 16px;}
    .review .inner #bo_gall .gall_li{width: calc((100% - 16px)/2);}
    .review .inner #bo_gall .gall_img{height: fit-content !important;}
    .review .inner #bo_gall .gall_li img{width: 100%;}
    .review .inner #bo_gall .gall_text_href{margin-top: 12px;}
    .review .inner #bo_gall .gall_text_href .bo_cate_link{font-size: 17px;}
    .review .inner #bo_gall .gall_text_href .bo_tit{font-size: 18px;}
    .review .inner #bo_gall .gall_info{margin-top: 10px;}
    .review .inner #bo_gall .gall_info .gall_date{font-size: 15px;}
    .review .inner #bo_v{margin-top: 48px;}
    .review .inner #bo_v_title .bo_v_cate{font-size: 17px;}
    .review .inner #bo_v_title .bo_v_tit{font-size: 26px;}
    .review .inner #bo_v_atc{padding: 24px 0;}
    .sub_board .btn_confirm *{font-size: 18px; line-height: 48px;}
    .sub_board .inner > h2{font-size: 32px !important;}



    /* 서비스문의 */
    .inqry .inner{padding: 64px 0 82px;}
    .inqry .inner .inner_cont{height: fit-content; gap: 24px;}
    .inqry .inner .inner_cont .l-info{width: 100%; height: fit-content;}
    .inqry .inner .inner_cont .l-info img{border-radius: 10px;}
    .inqry .inner .inner_cont .r-form{max-width: 100%;}
    .inqry .inner .inner_cont .r-form .frmBox div ul li.wid02{width: 100%;}
    .inqry .inner .inner_cont .r-form .frmBox div ul li .label{font-size: 15px;}
    .inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox input[type="text"]{background-color: #f5f7f9; border-radius: 10px; border-bottom: 0; padding-left: 8px;}
    .inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox input[type="email"]{background-color: #f5f7f9; border-radius: 10px; border-bottom: 0; padding-left: 8px;}
    .inqry .inner .inner_cont .r-form .frmBox .step1-info ul{gap: 24px;}
    .inqry .inner .inner_cont .r-form .frmBox .step1-info ul li .inpBox{margin-top: 8px;}
    .inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox:has(.ui-checkbox){margin-top: 8px; gap: 8px 16px; flex-wrap: wrap; border-bottom: 0; height: fit-content;}
    .inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox:has(.ui-checkbox) label{width: calc((100% - 16px)/2); height: 42px;}
    .inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox:has(.ui-checkbox) label span{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: #f5f7f9; border-radius: 4px;}
    .inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox:has(.ui-checkbox) label input:checked + span{background-color: var(--brand-color); color: #fff;}
    .inqry .inner .inner_cont .r-form .frmBox div.step3-info ul li:nth-child(2) .inpBox:has(.ui-checkbox){height: fit-content;}
    .ui-checkbox{width: 16px; height: 16px; display: none;}
    .inqry .inner .inner_cont .r-form .frmBox .step3-info ul{gap: 24px;}
    .inqry .inner .inner_cont .r-form .frmBox .step4-info{flex-direction: column;}
    .inqry .inner .inner_cont .r-form .frmBox .step4-info .ui-checkbox{display: block;}
    .inqry .inner .inner_cont .r-form .frmBox .step4-info{gap: 16px; margin-top: 32px !important;}
    .inqry .inner .inner_cont .r-form .frmBox .step4-info .btn_confirm{width: 100%;}
    .inqry .inner .inner_cont .r-form .frmBox .step4-info .btn_confirm button{width: 100%; font-size: 15px; padding: 16px 24px; max-height: 48px;}


}



@media screen and (max-width:1024px) {

  .aboutus .sub_sec04 .inner{width: 96%;}
  .aboutus .sub_sec04 > .inner #dual_wrap{padding: 56px 0;}
  .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container{flex-direction: column; height: fit-content; padding: 36px 0 0; gap: 24px;}
  .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap{display: flex; flex-direction: column; align-items: center; width: 100%; padding: 0 24px; text-align: center;}
  .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap .sub_tit span{font-size: 32px;}
  .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap .sub_tit p{font-size: 14px;}
  .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap .blog_btn a img{height: 20px;}
  .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .img_wrap{width: 50%;}
  .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .img_wrap img{width: 100%;}

  .service.sv1 .sub_sec02 .inner .cont_box.pc_case{flex-wrap: wrap; height: fit-content; gap: 16px;}
  .service.sv1 .sub_sec02 .inner .cont_box .item{width: calc((100% - 16px)/2); height: 475px;}
  .service.sv1 .sub_sec02 .inner .cont_box .item:last-child{width: 100%;}


  .service.sv2 .sub_sec05 .inner .poin_wrap{flex-direction: column; gap: 16px;}
  .service.sv2 .sub_sec05 .inner .poin_wrap .point{position: relative; width: 100%;}
  .service.sv2 .sub_sec05 .inner .poin_wrap .point::before{position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%); content: ""; width: 1px; height: 16px; background-color: var(--brand-color);}
  .service.sv2 .sub_sec05 .inner .poin_wrap .point:last-of-type::before{content: unset;}
  .service.sv2 .sub_sec05 .inner .poin_wrap>picture{margin: -24px auto 0; z-index: 10;}
}


@media screen and (max-width:768px) {
    .sub_wrap .sub_top{height: 240px;}
    .sub_wrap .sub_top .s_tit span{font-size: 32px; line-height: 1;}
    .sub_wrap .sub_top .s_tit p{font-size: 14px;}

    /* 회사소개 */
    .aboutus .sub_sec01{flex-direction: column; height: fit-content;}
    .aboutus .sub_sec01 .left_cont{width: 100%; align-items: center; padding-left: 0; padding-top: 56px;}
    .aboutus .sub_sec01 .left_cont .m_tit{text-align: center;}
    .aboutus .sub_sec01 .left_cont .inq_btn a{font-size: 15px; padding: 16px 24px; max-height: 42px;}
    .aboutus .sub_sec01 .right_cont{width: 100%; margin-top: 56px; gap: 36px;}
    .aboutus .sub_sec01 .right_cont .v-slide{font-size: 18px;}
    .aboutus .sub_sec01 .right_cont .img_wrap{width: 50%;}
    .aboutus .sub_sec01 .right_cont .img_wrap img{width: 100%;}
    
    .aboutus .sub_sec02{padding-bottom: 56px; border-bottom: 1px solid #d9d9d9;}
    .aboutus .sub_sec02 .inq_box{border-bottom: 0; padding: 64px 0 36px;}
    .aboutus .sub_sec02 .inq_box .inq_btn a{font-size: 15px; padding: 16px 24px; max-height: 42px;}
    .aboutus .sub_sec02 .marquee_wrap{width: 200%;}
    
    .aboutus .sub_sec03 .inner{width: 100%; padding: 0 16px; flex-direction: column; justify-content: inherit; gap: 56px; padding-top: 56px;}
    .aboutus .sub_sec03 .inner .text_wrap span{font-size: 32px;}
    .aboutus .sub_sec03 .img_wrap{width: 100%;}
    .aboutus .sub_sec03 .img_wrap img{width: 100%;}
    .aboutus .sub_sec03 .inner .text_wrap{text-align: center;}
    .aboutus .sub_sec03 .inner .text_wrap .sub_txt p{font-size: 15px; line-height: 20px;}
    .aboutus .sub_sec03 .inner .text_wrap .sub_txt p b{font-size: 15px; line-height: 20px;}

    .aboutus .sub_sec04 .inner{width: 96%;}
    .aboutus .sub_sec04 > .inner #dual_wrap{padding: 56px 0;}
    .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container{flex-direction: column; height: fit-content; padding: 36px 0 0; gap: 24px;}
    .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap{display: flex; flex-direction: column; align-items: center; width: 100%; padding: 0 24px; text-align: center;}
    .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap .sub_tit span{font-size: 24px;}
    .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap .sub_tit p{font-size: 14px;}
    .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap .blog_btn a{font-size: 15px; padding: 16px 24px; max-height: 48px;}
    .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .text_wrap .blog_btn a img{height: 20px;}
    .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .img_wrap{width: 100%;}
    .aboutus .sub_sec04 > .inner #dual_wrap .dual_box .dual_list li.dual_item .gsap_container .img_wrap img{width: 100%;}
    
    .aboutus .sub_sec05{height: fit-content; padding: 136px 0;}
    .aboutus .sub_sec05 .service_btn{width: 90%;}
    .aboutus .sub_sec05 .service_btn ul{width: 100%; height: 62px;}
    .aboutus .sub_sec05 .service_btn ul li a{font-size: 15px;}
    .aboutus .sub_sec05 .service_btn ul li a img{width: 16px;}
    .aboutus .sub_sec05 .service_btn ul::before{top: 10px; height: calc(100% - 20px);}
    
    .aboutus .sub_sec06{padding: 136px 0;}
    .aboutus .sub_sec06 .inq_btn a{font-size: 15px; padding: 16px 24px; max-height: 42px;}


    /* 서비스 공통  */
    .service .sub_sec01 .m_tit{margin-top: 10% !important;}
    .service .sub_sec01{height: fit-content; padding: 56px 0;}
    .service .sub_sec01 .inner{width: 100%;}
    .service .sub_sec01 .service_btn{width: 90%;}
    .service .sub_sec01 .service_btn ul{width: 100%; height: 62px;}
    .service .sub_sec01 .service_btn ul li a{font-size: 15px;}
    .service .sub_sec01 .service_btn ul li a img{width: 16px;}
    .service .sub_sec01 .inq_btn a{font-size: 15px; padding: 16px 24px; max-height: 42px;}
    .service .sub_sec01 .service_btn ul::before{height: calc(100% - 20px); top: 10px;}

    /* 서비스1 - 커뮤니티 마케팅  */
    .service.sv1 .sub_sec02 .inner{width: 100%; padding: 56px 0;}
    .service.sv1 .sub_sec02 .inner .cont_box.pc_case{display: none;}
    .service.sv1 .sub_sec02 .inner .cont_box.mobile_case_swiper{position: relative; display: flex; width: 90%; margin: 0 auto; padding-bottom: 48px; gap: 0;}
    .service.sv1 .sub_sec02 .inner .cont_box.mobile_case_swiper .swiper-pagination{position:absolute;margin-top:24px;text-align:center;left:50%!important;bottom:4px;transform:translateX(-50%);width:fit-content;}
    .service.sv1 .sub_sec02 .inner .cont_box.mobile_case_swiper .swiper-pagination-bullet{width:6px;height:6px;margin:0 4px!important;background:#a7b6cb;opacity:1;}
    .service.sv1 .sub_sec02 .inner .cont_box.mobile_case_swiper .swiper-pagination-bullet-active{background: var(--brand-color);width:48px;border-radius:30px;}
    .service.sv1 .sub_sec02 .inner .cont_box.mobile_case_swiper .item .img_wrap{display: flex; justify-content: center; width: 100%; margin-top: 56px; position: relative;}
    .service.sv1 .sub_sec02 .inner .cont_box{flex-direction: column; height: fit-content; align-items: center; gap: 16px;}
    .service.sv1 .sub_sec02 .inner .cont_box .swiper-wrapper{gap: 0;}
    .service.sv1 .sub_sec02 .inner .cont_box .item{width: 100% !important; height: 346px; padding-top: 48px;}
    .service.sv1 .sub_sec02 .inner .cont_box .item .tit>span{font-size: 24px;}
    .service.sv1 .sub_sec02 .inner .cont_box .item .tit>span b{font-size: 24px;}
    .service.sv1 .sub_sec02 .inner .cont_box .item .tit p{font-size: 14px;}
    .service.sv1 .sub_sec02 .inner .cont_box .item .img_wrap img{width: 90%;}
    .service.sv1 .sub_sec02 .inner .cont_box .swiper-slide-active .item{background: linear-gradient(135deg, #4B83FF 0%, #81E8FB 100%);}
    .service.sv1 .sub_sec02 .inner .cont_box .swiper-slide-active .item .tit>span{color: #fff; font-weight: bold;}
    .service.sv1 .sub_sec02 .inner .cont_box .swiper-slide-active .item .tit>span b{color: #FFFF34;}
    .service.sv1 .sub_sec02 .inner .cont_box .swiper-slide-active .item .tit p{color: #fff;}
    
    .service.sv1 .sub_sec03 {min-height: 560px;}
    .service.sv1 .sub_sec03 .inner{flex-direction: column; width: 100%; padding-bottom: 56px;}
    .service.sv1 .sub_sec03 .m_tit{text-align: center;}
    .service.sv1 .sub_sec03 .text_wrap{display: flex; flex-direction: column; align-items: center; width: 100%; padding: 56px 16px 0;}
    .service.sv1 .sub_sec03 .inq_btn a{font-size: 15px; padding: 16px 24px; max-height: 42px;}
    .service.sv1 .sub_sec03 .text_slide{width: 100%; padding: 56px 16px 0;}
    .service.sv1 .sub_sec03 .text_slide .v-slide{font-size: 18px;}


    .service.sv1 .sub_sec04{padding: 56px 0;}
    .service.sv1 .sub_sec04 .m_tit span{font-size: 32px;}
    .service.sv1 .sub_sec04 .m_tit span b{font-size: 32px;}
    .service.sv1 .sub_sec04 .slide_cont{margin-top: 56px;}
    .service.sv1 .sub_sec04 .marquee_wrap{position: relative; width: 200%;}
    .service.sv1 .sub_sec04 .swiper-container{margin-left: 0;}
    .service.sv1 .sub_sec04 .slide_inner{flex-direction: column; gap: 24px;}
    .service.sv1 .sub_sec04 .slide_inner .img_wrap{width: 100%;}
    .service.sv1 .sub_sec04 .slide_inner .info_wrap{width: 100%;}
    .service.sv1 .sub_sec04 .slide_inner .info_wrap ul.hashtag>li{font-size: 12px; padding: 0 10px;}
    .service.sv1 .sub_sec04 .slide_inner .info_wrap .text_wrap span{font-size: 24px;}
    .service.sv1 .sub_sec04 .slide_inner .info_wrap .text_wrap p{font-size: 14px;}
    .service.sv1 .sub_sec04 .slide_inner .info_wrap .text_wrap ul.sub_text li{font-size: 13px;}

    .service.sv1 .sub_sec05{height: fit-content; padding: 56px 0; background-size: cover; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;}
    .service.sv1 .sub_sec05 span{font-size: 32px;}
    
    .service.sv1 .sub_sec06{padding: 56px 0;}
    .service.sv1 .sub_sec06 .inner{position: relative; width: 100%; padding-bottom: 48px;}
    .service.sv1 .sub_sec06 .inner .blog_wrap{display: none;}
    .service.sv1 .sub_sec06 .inner .blog_wrap.mobile_blog_swiper{display: flex; width: 96%; margin: 0 auto;}
    .service.sv1 .sub_sec06 .inner .blog_wrap .swiper-slide{width: 100%;}
    .service.sv1 .sub_sec06 .inner .blog_wrap.mobile_blog_swiper .blog_item{width: 100%; padding: 36px 24px 96px; height: fit-content;}
    .service.sv1 .sub_sec06 .inner .blog_wrap .blog_item .m_tit span{font-size: 24px; line-height: 1.3;}
    .service.sv1 .sub_sec06 .inner .blog_wrap .blog_item .m_tit p{font-size: 14px; line-height: 1.4; margin-top: 8px !important;}
    .service.sv1 .sub_sec06 .inner .blog_wrap .blog_item .blog_btn a img:first-child{width: auto; height: 20px;}
    .service.sv1 .sub_sec06 .inner .blog_wrap .blog_item .blog_btn a img:last-child{width: 24px; height: 20px;}
    .service.sv1 .sub_sec06 .inner .blog_wrap.mobile_blog_swiper .swiper-pagination{position:absolute;margin-top:24px;text-align:center;left:50%!important;bottom:4px;transform:translateX(-50%);width:fit-content;}
    .service.sv1 .sub_sec06 .inner .blog_wrap.mobile_blog_swiper .swiper-pagination-bullet{width:6px;height:6px;margin:0 4px!important;background:#a7b6cb;opacity:1;}
    .service.sv1 .sub_sec06 .inner .blog_wrap.mobile_blog_swiper .swiper-pagination-bullet-active{background:var(--brand-color);width:48px;border-radius:30px;}
    
    .service.sv1 .sub_sec07{padding: 136px 0;}
    .service.sv1 .sub_sec07 .inner{width: 100%;}
    .service.sv1 .sub_sec07 .inq_btn a{font-size: 15px; padding: 16px 24px; max-height: 42px;}


    /* 서비서2 - 블로그체험단 */
    .service.sv2 .sub_sec02{flex-direction: column; height: fit-content;}
    .service.sv2 .sub_sec02 .left_cont{width: 100%; padding: 56px 16px 0;}
    .service.sv2 .sub_sec02 .right_cont{width: 100%; padding: 56px 0 76px; background-color: transparent;}
    .service.sv2 .sub_sec02 .right_cont .countup{width: 100%;}
    .service.sv2 .sub_sec02 .right_cont .countup span{font-size: 96px; justify-content: center;}
    .service.sv2 .sub_sec02 .right_cont .logo_box ul{gap: 16px;}
    .service.sv2 .sub_sec02 .right_cont .logo_box ul>li{gap: 16px;}
    .service.sv2 .sub_sec02 .right_cont .logo_box ul>li img{height: 24px;}

    .service.sv2 .sub_sec03{height: fit-content; padding: 136px 0;}
    .service.sv2 .sub_sec03 .m_tit img{width: 80%; top: -56px;}
    .service.sv2 .sub_sec03 .m_tit p{font-size: 15px; line-height: 1.3;}
    .service.sv2 .sub_sec03 .m_tit p b{font-size: 15px; line-height: 1.3;}
    .service.sv2 .sub_sec03 ul{width: 90%;}
    .service.sv2 .sub_sec03 ul li{font-size: 13px; height: 48px; border-radius: 10px;}

    .service.sv2 .sub_sec04{padding: 56px 0;}
    .service.sv2 .sub_sec04 .table_wrap{width: 90%;}
    .service.sv2 .sub_sec04 .table_wrap img{width: 100%;}
    
    .service.sv2 .sub_sec05{padding: 56px 0 64px;}
    .service.sv2 .sub_sec05 .inner{width: 100%;}
    .service.sv2 .sub_sec05 .inner .m_tit{text-align: center;}
    .service.sv2 .sub_sec05 .inner .poin_wrap{width: 90%; gap: 16px; margin: 0 auto;}
    .service.sv2 .sub_sec05 .inner .poin_wrap .point{width: 100%; min-height: 200px; border-radius: 10px;}
    .service.sv2 .sub_sec05 .inner .poin_wrap .point .point_num{font-size: 13px; width: 82px; height: 32px;}
    .service.sv2 .sub_sec05 .inner .poin_wrap .point span{font-size: 20px;}
    .service.sv2 .sub_sec05 .inner .poin_wrap .point p{font-size: 14px;}
    .service.sv2 .sub_sec05 .inner .sub_text{font-size: 32px; margin-top: 0 !important;}

    .service.sv2 .sub_sec06{padding: 136px 0;}
    .service.sv2 .sub_sec06 .inner{width: 100%;}
    .service.sv2 .sub_sec06 .inq_btn a{font-size: 15px; padding: 16px 24px; max-height: 42px;}
    

    /* 고객후기 */
    .review .inner{width: 100%; padding: 56px 16px 64px; box-sizing: border-box;}
    .review .inner #bo_cate ul{height: 32px;}
    .review .inner #bo_cate ul li a{font-size: 15px; padding: 0 8px;}
    .review .inner #bo_gall #gall_ul{margin-top: 32px; gap: 32px;}
    .review .inner #bo_gall .gall_li{width: 100%;}
    .review .inner #bo_gall .gall_img{height: fit-content !important;}
    .review .inner #bo_gall .gall_li img{width: 100%;}
    .review .inner #bo_gall .gall_text_href{margin-top: 12px;}
    .review .inner #bo_gall .gall_text_href .bo_cate_link{font-size: 15px;}
    .review .inner #bo_gall .gall_text_href .bo_tit{font-size: 16px;}
    .review .inner #bo_gall .gall_info{margin-top: 10px;}
    .review .inner #bo_gall .gall_info .gall_date{font-size: 13px;}
    .review .inner #bo_v{margin-top: 48px;}
    .review .inner #bo_v_title .bo_v_cate{font-size: 15px;}
    .review .inner #bo_v_title .bo_v_tit{font-size: 18px;}
    .review .inner #bo_v_atc{padding: 24px 0;}
    .sub_board .btn_confirm *{font-size: 16px; line-height: 48px;}
    .review #bo_w select{width: 100%; max-width: 100%;}
    

    /* 서비스문의 */
    .memo_wrap table tbody tr th{width: 120px; font-size: 14px;}
    .memo_btn{width: 100%;}
    .memo_content{font-size: 14px; line-height: 28px;}
    .sub_board .inner.sub_top{margin: 80px 0 0 !important; padding: 56px 16px 64px !important;}
    
    .inqry .inner{width: 100%; padding: 56px 0 64px;}
    .inqry .inner .inner_cont{flex-direction: column; height: fit-content; gap: 24px;}
    .inqry .inner .inner_cont .l-info{width: 100%; padding: 0 16px; height: fit-content; height: 320px; max-height: 420px;}
    .inqry .inner .inner_cont .l-info img{border-radius: 10px; height: 100%; object-fit: cover;}
    .inqry .inner .inner_cont .r-form{max-width: 100%; padding: 0 16px;}
    .inqry .inner .inner_cont .r-form .frmBox div ul li.wid02{width: 100%;}
    .inqry .inner .inner_cont .r-form .frmBox div ul li .label{font-size: 15px;}
    .inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox input[type="text"]{background-color: #f5f7f9; border-radius: 10px; border-bottom: 0; padding-left: 8px;}
    .inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox input[type="email"]{background-color: #f5f7f9; border-radius: 10px; border-bottom: 0; padding-left: 8px;}
    .inqry .inner .inner_cont .r-form .frmBox .step1-info ul{gap: 24px;}
    .inqry .inner .inner_cont .r-form .frmBox .step1-info ul li .inpBox{margin-top: 8px;}
    .inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox:has(.ui-checkbox){margin-top: 8px; gap: 8px 16px; flex-wrap: wrap; border-bottom: 0; height: fit-content;}
    .inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox:has(.ui-checkbox) label{width: calc((100% - 16px)/2); height: 42px;}
    .inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox:has(.ui-checkbox) label span{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: #f5f7f9; border-radius: 4px;}
    .inqry .inner .inner_cont .r-form .frmBox div ul li .inpBox:has(.ui-checkbox) label input:checked + span{background-color: var(--brand-color); color: #fff;}
    .inqry .inner .inner_cont .r-form .frmBox div.step3-info ul li:nth-child(2) .inpBox:has(.ui-checkbox){height: fit-content;}
    .ui-checkbox{width: 16px; height: 16px; display: none;}
    .inqry .inner .inner_cont .r-form .frmBox .step3-info ul{gap: 24px;}
    .inqry .inner .inner_cont .r-form .frmBox .step4-info{flex-direction: column;}
    .inqry .inner .inner_cont .r-form .frmBox .step4-info .ui-checkbox{display: block;}
    .inqry .inner .inner_cont .r-form .frmBox .step4-info{gap: 16px; margin-top: 32px !important;}
    .inqry .inner .inner_cont .r-form .frmBox .step4-info .btn_confirm{width: 100%;}
    .inqry .inner .inner_cont .r-form .frmBox .step4-info .btn_confirm button{width: 100%; font-size: 15px; padding: 16px 24px; max-height: 48px;}


    
}
@media screen and (max-width:320px) {}