/*  
    PC: 1181px ~
    Tablet: 768px ~ 1180px
    Mobile: ~ 767px
*/

.screen_hidden { position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; clip:rect(0,0,0,0); } 
#wrap:has(.main_wrap) { overflow: visible; }
.main_wrap { font-family:"Noto Sans",'Noto Sans KR', sans-serif; letter-spacing: normal; }
/* 메인 비쥬얼 영역 */
.main_vis { position: relative; height: 100lvh; min-height: 800px; padding-top: 80px; background:url('/USER_SKIN/whz24/images/vis_bg.png') center bottom/cover no-repeat; text-align: center; padding: 0 20px; } 
.main_vis .tit1 { display: inline-block; margin-top: max(29.44vh, 170px); background: linear-gradient(90deg, #7292FF 0%, #A876ED 100%); font-family: 'Spoqa Han Sans Neo'; font-size: 18px; font-weight: 700; line-height: 1; -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; word-break: keep-all; } 
.main_vis .tit2 { display: block; margin-top: 28px; font-size: 66px; font-weight: 400; line-height: 90px; color: #424242; word-break: keep-all; } 
.main_vis .tit3 { margin-top: -8px; font-size: 80px; font-weight: 700; line-height: 90px; color: #262626; word-break: keep-all; } 
.main_vis .tit3 strong { background: linear-gradient(90deg, #2264FF 38.2%, #1E51FF 50%, #F168DF 100%); font-weight: 800; -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; } 
.main_vis .txt { display: block; margin-top: 46px; font-family: 'SUIT'; font-size: 18px; font-weight: 600; line-height: 1.43; color: #85869B; word-break: keep-all; } 
.main_vis .txt strong { font-weight: 700; color: #1E51FF; } 
.main_vis .main_vis_btn { display: flex; width: 100%; flex-wrap:wrap; justify-content: center; align-items: center; gap:20px; position: absolute; bottom: 132px; left: 50%; transform: translate(-50%,0); } 
.main_vis .main_vis_btn [class^="btn_"] { display: flex; justify-content: center; align-items: center; width: 180px; height: 64px; border-radius:32px; font-size: 20px; font-weight: 800; letter-spacing: -0.02em; } 
.main_vis .main_vis_btn .btn_cs { background: #1E51FF; color: #fff; color: #FFFFFF; } 
.main_vis .main_vis_btn .btn_cs img { width: 24px; margin-right: 10px; } 
.main_vis .main_vis_btn .btn_try { background: #FFFFFF; color: #1E51FF; box-shadow: 0px 2px 10px rgba(38, 38, 38, 0.12); } 
.main_vis .scroll { position: absolute; bottom: 30px; left: 50%; transform: translate(-50%,0); animation: bounce 4s infinite; animation-fill-mode: both; } 
.main_vis .scroll img { width: 40px; } 

@keyframes bounce { 
    0% { opacity: 0; transform: translate(-50%,-30px); } 
    40% { opacity: 1; transform: translateY(0); transform: translate(-50%,0); } 
    60% { transform: translateY(-16px); transform: translate(-50%,-16px); } 
    80% { opacity: 1; transform: translateY(0); transform: translate(-50%,0); } 
    100% { opacity: 0; transform: translate(-50%,-20px); } 
}

/* 파트너사 시작 */
.main_partner { padding: 160px 20px; background: #FDFDFD; overflow: hidden; } 
.main_partner .main_partner_tit { display: block; font-family: 'SUIT' !important; font-size: 60px; font-weight: 600; line-height: 130%; color: #212121; text-align: center; } 
.main_partner .main_partner_tit strong { background: linear-gradient(95.03deg, #2FAAFF 8%, #1E51FF 50%); font-weight: 800; -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;  } 
.main_partner .main_history { display: grid; gap:40px; max-width: 1220px; margin: 118px auto 0; grid-template-columns: repeat(3, 1fr); } 
.main_partner .main_history > li { padding: 50px 0 0 0; background: rgba(255, 255, 255,1); border-radius: 16px; filter: drop-shadow(10px 10px 40px rgba(77, 77, 77, 0.15)); backdrop-filter: blur(25px); } 
.main_partner .main_history > li .img_mo { display: none; } 
.main_partner .main_history > li .txt_wrap .txt { display: block; font-family: 'SUIT'; font-size: 18px; font-weight: 500; line-height: 130%; color: #999999; text-align: center; } 
.main_partner .main_history > li .txt_wrap .tit { display: block; margin-top: 14px; font-family: 'SUIT'; font-size: 36px; font-weight: 600; line-height: 130%; color: #4D4D4D; text-align: center; } 
.main_partner .main_history > li .img_pc { display: block; width: 100%; margin-top: 26px; } 
.main_partner .main_partner_list { display: flex; align-items: center; gap:48px; margin-top: 120px; } 
.main_partner .main_partner_list .list { display: flex; align-items: center; } 
.main_partner .main_partner_list .list > li { padding: 0 24px; }
.main_partner .main_partner_list .list > li img { height: 50px; } 

@keyframes flowRolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* 편한 사용성 */
.main_friendly { padding: 157px 0 118px; background:#FDFDFD url('/USER_SKIN/whz24/images/main_friendly_bg.png') center/cover no-repeat; } 
.main_friendly .tit { font-size: 60px; font-weight: 700; line-height: 130%; color: #262626; text-align: center; } 
.main_friendly .txt { margin-top: 55px; font-family: 'SUIT'; font-size: 18px; font-weight: 600; line-height: 1; color: #A7A6BD; text-align: center; text-transform: uppercase; } 
.friendly_slider { overflow: hidden; width: 1260px; margin: 105px auto 0; } 
.friendly_slider .inner { width: 970px; margin: 0 auto; } 
.friendly_list { display: flex; } 
.friendly_list > li { position: relative; text-align: center; z-index: 2; transition: transform 0.6s ease-out; } 
.friendly_list > li .img { display: inline-block; position: relative; top: -5px; left: 0; } 
.friendly_list.type_pc > li.pc .img,
.friendly_list.type_ta > li.ta .img, 
.friendly_list.type_mo > li.mo .img { top: 0; } 
.friendly_list > li .img img { height: 608px; } 
.friendly_list > li .img::after { content:''; position: absolute; left: 50%; background: rgba(0, 0, 0, 0.2); transform: translate(-50%,0); opacity: 1; transition:all 0.6s; } 
.friendly_list > li.pc .img::after { top: 24px; width: 770px; height: 502px; } 
.friendly_list > li.ta .img::after { top: 40px; width: 755px; height: 527px; } 
.friendly_list > li.mo .img::after { top: 18px; width: 263px; height: 571px; } 
.friendly_list.type_pc > li.pc .img::after,
.friendly_list.type_ta > li.ta .img::after, 
.friendly_list.type_mo > li.mo .img::after { opacity: 0; } 
.friendly_list.type_pc > li.ta { z-index: 1; transform: translate(-698px,0) scale(0.668); } 
.friendly_list.type_pc > li.mo { z-index: 1; transform: translate(-2369px,0) scale(0.668); } 
.friendly_list.type_ta > li.pc { z-index: 1; transform: translate(-237px,0) scale(0.668); } 
.friendly_list.type_ta > li.ta { z-index: 2; transform: translate(-970px,0) scale(1); } 
.friendly_list.type_ta > li.mo { z-index: 0; transform: translate(-1494px,0) scale(0.668); } 
.friendly_list.type_mo > li.pc { z-index: 1; transform: translate(306px,0) scale(0.668); } 
.friendly_list.type_mo > li.ta { z-index: 1; transform: translate(-1211px,0) scale(0.668); } 
.friendly_list.type_mo > li.mo { z-index: 2; transform: translate(-1939px,0) scale(1); } 

/* 컨설팅 */
.main_consulting { --transition-duration: 0.7s; padding: 120px 0 203px; background: linear-gradient(0.13deg, #0E0E0E -5.46%, #2A2A2A 102.95%); overflow: hidden; } 
.main_consulting .main_consulting_tit { font-size: 60px; font-weight: 700; line-height: 135%; color: #FFFFFF; text-align: center; } 
.consulting_slider { margin-top: 123px; } 
.consulting_slider .inner { height: 620px; } 
.consulting_list { align-items: flex-end; } 
.consulting_list > li { display: flex; width: 480px; height: 480px; padding: 0 50px; transition: all var(--transition-duration); } 
.consulting_list > li.swiper-slide-prev { padding: 0 75px 0 25px; } 
.consulting_list > li.swiper-slide-next { padding: 0 25px 0 75px; } 
.consulting_list > li.swiper-slide-active { height: 620px; padding: 0; } 
.consulting_list > li .con { display: flex; width: 100%; padding: 60px; background: #3A3C40; border-radius: 20px; flex-direction: column; transition: all var(--transition-duration); } 
.consulting_list > li.swiper-slide-active .con { border-radius: 36px; }
.consulting_list > li.swiper-slide-active.step1 .con,
.consulting_list > li.swiper-slide-active.step3 .con,
.consulting_list > li.swiper-slide-active.step5 .con { background: linear-gradient(210.94deg, #4299F6 0.61%, #1E51FF 100%); } 
.consulting_list > li.swiper-slide-active.step2 .con,
.consulting_list > li.swiper-slide-active.step4 .con { background: linear-gradient(216.46deg, #ECACE4 0.24%, #F565E2 96.3%); } 
.consulting_list > li .step_num { display: flex; align-items: center; gap:25px;  font-size: 16px; font-weight: 800; line-height: 150%; color: #D5D5D5; text-transform: uppercase; } 
.consulting_list > li .step_num .num { position: relative; } 
.consulting_list > li .step_num .num::before { content:''; position: absolute; top: 50%; left: -12px; width: 6px; height: 6px; background: #D5D5D5; border-radius:50%; transform: translate(-50%,-50%); } 
.consulting_list > li.swiper-slide-active .step_num { color: #FFFFFF; } 
.consulting_list > li.swiper-slide-active .step_num .num::before { background: #fff; } 
.consulting_list > li .icon { display: block; width: 0; margin-top: 20px;  } 
.consulting_list > li.swiper-slide-active .icon { width: 100px; margin-bottom: 3px; } 
.consulting_list > li .icon img { display: block; width: 100%; } 
.consulting_list > li .tit { margin-top: 21px; font-size: 44px; font-weight: 700; line-height: 140%; letter-spacing: 0.01em; color: #F8F8F8; } 
.consulting_list > li.swiper-slide-active .tit { font-size: 66px; color: #fff; transition: all var(--transition-duration); } 
.consulting_list > li .txt { margin-top: auto; font-family: 'SUIT'; font-size: 16px; font-weight: 600; line-height: 150%; color: #D5D5D5; word-break: keep-all; } 
.consulting_list > li.swiper-slide-active .txt { font-size: 24px; color: #fff; transition: all var(--transition-duration); } 
.consulting_slider .consulting_page { display: flex; justify-content: space-between; position: relative; height: 20px; max-width: 600px; margin: 94px auto 0; bottom: auto !important; } 
.consulting_slider .consulting_page::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: #606060; z-index: 0; transform: translate(0, -50%); } 
.consulting_slider .consulting_page::after { content: ''; position: absolute; top: 50%; left: 0; width: var(--progress-width); height: 2px; background: #FFFFFF; z-index: 1; transform: translate(0, -50%); transition: all var(--transition-duration); } 
.consulting_slider .consulting_page > li { position: relative; width: auto; height: auto; margin: 0 !important; background: none; text-align: center; opacity: 1 !important; } 
.consulting_slider .consulting_page > li .dots { display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; } 
.consulting_slider .consulting_page > li .dots::before { content: ''; display: block; width: 20px; height: 20px; background: #606060; border-radius: 50%; z-index: 2; transition: all var(--transition-duration); } 
.consulting_slider .consulting_page > li.end .dots::before { background: #fff; } 
.consulting_slider .consulting_page > li .dots::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; z-index: 1; transform: translate(-50%, -50%); transition: all var(--transition-duration); } 
.consulting_slider .consulting_page > li:nth-child(odd) .dots::after { background: rgba(73, 114, 255, 0.3); } 
.consulting_slider .consulting_page > li:nth-child(even) .dots::after { background: rgba(241, 104, 223, 0.3); } 
.consulting_slider .consulting_page > li.swiper-pagination-bullet-active .dots::after { width: 60px; height: 60px; } 
.consulting_slider .consulting_page > li:nth-child(odd).swiper-pagination-bullet-active .dots::before { background: #0084FF; } 
.consulting_slider .consulting_page > li:nth-child(even).swiper-pagination-bullet-active .dots::before { background: #FF3AE6; } 
.consulting_slider .consulting_page > li.swiper-pagination-bullet-active .dots::before { background: #0084FF; } 
.consulting_slider .consulting_page > li:nth-child(even).swiper-pagination-bullet-active .dots::before { background: #FF3AE6; } 
.consulting_slider .consulting_page > li .txt { position: absolute; top: calc(100% + 36px); left: 50%; font-family: 'SUIT'; font-size: 20px; font-weight: 600; line-height: 100%; letter-spacing: 0.01em; color: #606060; white-space: nowrap; transform: translate(-50%, 0); transition: all var(--transition-duration); } 
.consulting_slider .consulting_page > li.end .txt { color: #fff; } 
.consulting_slider .consulting_page > li.swiper-pagination-bullet-active .txt { color: #fff; } 

/* 구축 방식 */
.main_type { padding: 140px 0 139px; background:#FDFDFD; } 
.main_type .tit { font-family: 'SUIT' !important; font-size: 60px; font-weight: 600; line-height: 135%; color: #262626; text-align: center; } 
.main_type .img_pc { display: block; max-width: 100%; margin: 140px auto 0; } 
.main_type .img_mo { display: none; } 
.type_slider { display: none; } 

/* 웹헤즈 AI, NEO */
.main_point { padding: 200px 0 40px; background:#FDFDFD url('/USER_SKIN/whz24/images/point_ai_bg.png') center 118px/contain no-repeat; } 
.main_point .in_Layer { max-width: 1680px; margin: 0 auto; padding: 0 20px; } 
.main_point .top_wrap { display: flex; align-items: flex-end; } 
.main_point .top_wrap .txt { font-family: 'SUIT'; font-size: 44px; font-weight: 600; line-height: 100%; color: #757575; } 
.main_point .top_wrap .tit { margin-top: 24px; font-family:"Noto Sans",'Noto Sans KR', sans-serif !important; font-size: 66px; font-weight: 700; line-height: 100%; color: #262626; } 
.main_point .top_wrap .tit span { color: #1E51FF; } 
.main_point .top_wrap .btn_wrap2 { display: flex; align-items: center; gap:20px; margin-left: auto; } 
.main_point .top_wrap .btn_wrap2 [class^="btn_"] { display: flex; justify-content: center; align-items: center; width: 180px; height: 64px; background: rgba(255, 255, 255, 0.5); border: 1px solid #1E51FF; border-radius: 32px; font-size: 20px; font-weight: 800; line-height: 100%; letter-spacing: -0.02em; color: #1E51FF; backdrop-filter: blur(6px); } 
.main_point .top_wrap .btn_wrap2 .btn_free { background: #1E51FF; color: #fff; } 
.main_point_list { --offset: 80px; --margin: 40px; padding-top: 300px; } 
.main_point_list > li { position: sticky; overflow: hidden; bottom: 0; min-height: 572px; padding: 140px; background: #FFFFFF; border-radius: 40px; box-shadow: 0px 4px 40px rgba(38, 38, 38, 0.08); } 
.main_point_list > li:nth-child(1) { bottom: calc(var(--offset) * 3); margin-top: calc(-1 * var(--offset) * 3); margin-bottom: calc(var(--offset) * 2 + var(--margin)); z-index: 4; } 
.main_point_list > li:nth-child(2) { bottom: calc(var(--offset) * 2); margin-top: calc(-1 * var(--offset) * 2); margin-bottom: calc(var(--offset) + var(--margin)); z-index: 3; } 
.main_point_list > li:nth-child(3) { bottom: var(--offset); margin-top: calc(-1 * var(--offset)); margin-bottom: var(--margin); z-index: 2; } 
.main_point_list > li:nth-child(4) { bottom: 0; margin-bottom: 0; z-index: 1; } 
.main_point_list > li .con { position: relative; z-index: 2; } 
.main_point_list > li .bg_pc { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; object-fit: cover; } 
.main_point_list > li .bg_mo { display: none; } 
.main_point_list > li .icon { display: block; width: 60px; } 
.main_point_list > li .tit { display: block; margin-top: 21px; font-size: 44px; font-weight: 700; line-height: 130%; color: #262626; } 
.main_point_list > li .txt { display: block; margin-top: 20px; font-family: 'SUIT'; font-size: 24px; font-weight: 500; line-height: 140%; letter-spacing: -0.45px; color: #757575; } 
.main_point_list > li .point { position: absolute; bottom: 36px; left: 48px;  font-size: 16px; font-weight: 800; line-height: 150%; color: #4D4D4D; z-index: 2; text-transform: uppercase; opacity: 1 !important; } 
.main_point_list > li .point .num { position: relative; margin-left: 22px; opacity: 1 !important; } 
.main_point_list > li .point .num::before { content:''; position: absolute; top: 50%; left: -10px; width: 6px; height: 6px; background: #4D4D4D; border-radius:50%; transform: translate(-50%,-50%); } 
.main_point.type_neo { padding-bottom: 200px; background:#FDFDFD url('/USER_SKIN/whz24/images/point_neo_bg.png') center 80px/contain no-repeat; } 
.main_point.type_neo .top_wrap .tit span { color: #F168DF; } 
.main_point.type_neo .top_wrap .btn_wrap2 [class^="btn_"] { border-color: #F168DF; color: #F168DF; } 
.main_point.type_neo .top_wrap .btn_wrap2 .btn_free { background: #F168DF; color: #fff; } 

/* 웹헤즈 솔루션 서비스 소개 */
.main_service { padding: 160px 0 80px; background: #FDFDFD; } 
.main_service.type_drm { padding-bottom: 160px; } 
.main_service .in_Layer { max-width: 1680px; margin: 0 auto; padding:0 20px; } 
.main_service .main_service_txt { font-family: 'SUIT'; font-size: 44px; font-weight: 600; line-height: 100%; color: #757575; } 
.main_service .main_service_tit { margin-top: 21px; font-size: 66px; font-weight: 700; line-height: 100%; color: #262626; } 
.main_service .banner_list { display: flex; flex-wrap:wrap; gap:40px; margin-top: 63px; } 
.main_service .banner_list > li { overflow: hidden; width:calc(50% - 20px); border-radius:40px; } 
.main_service .banner_list > li.w100 { width: 100%; } 
.main_service .banner_list > li img { display: block; max-width: 100%; }  
.main_service .banner_list > li .img_mo { display: none; } 
.main_service .drm { display: flex; flex-wrap:wrap; justify-content: center; margin-top: 63px; padding:122px 22px 115px; background: #F7F7FF; border-radius: 40px; } 
.main_service .drm > li { position: relative; min-width: 20%; } 
.main_service .drm > li::after { content:''; position: absolute; top: calc(50% - 4px); right: 0; width: 1px; height: 69px; background: #84A4C4; transform: translate(0,-50%); } 
.main_service .drm > li:last-child::after { display: none; } 
.main_service .drm > li .icon_pc { display: block; margin: 0 auto; width: 115px; } 
.main_service .drm > li .icon_mo { display: none; } 
.main_service .drm > li .txt { display: block; margin-top: 21px; font-family: 'SUIT'; font-size: 24px; font-weight: 600; line-height: 150%; color: #999999; text-align: center; } 

/* Work Showcase */
.main_showcase { background: #212121; } 
.main_showcase .in_Layer { max-width:1680px; margin: 0 auto; padding: 0 20px; } 
.main_showcase .sticky { display: flex; justify-content: center; align-items: center; position: sticky; top: 0; min-height: 100vh; } 
.main_showcase .tit_wrap { position: relative; top: 55px; } 
.main_showcase .tit_wrap .tit { font-size: 44px; font-weight: 800; line-height: 150%; color: #FFFFFF; } 
.main_showcase .tit_wrap .btn_view { display: flex; justify-content: center; align-items: center; gap:10px; width: 340px; height: 64px; margin: 26px auto 0; background: #1E51FF; border-radius: 32px;  font-size: 20px; font-weight: 800; line-height: 100%; letter-spacing: -0.02em; color: #F8F8F8; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); } 
.main_showcase .tit_wrap .btn_view .logo { width: 40px; } 
.showcase_mo_slider { display: none; } 
.main_showcase .bottom { position: absolute; bottom: 40px; left: 0; } 
.main_showcase .bottom .txt1 { font-size: 24px; font-weight: 700; line-height: 200%; color: #FFFFFF; } 
.main_showcase .bottom .txt2 { margin-top: 6px; font-size: 24px; font-weight: 400; line-height: 142%; color: #D5D5D5; } 
.main_showcase .scroll_con { margin-top: calc(-100vh + 60px); } 
.main_showcase .showcase_list { padding-bottom: 253px; } 
.main_showcase .showcase_list > li { overflow: hidden; } 
.main_showcase .showcase_list > li + li { margin-top: 141px; }
.main_showcase .showcase_list > li:nth-child(2) { margin-top: 191px; } 
.main_showcase .showcase_list > li .con { max-width: 48%; } 
.main_showcase .showcase_list > li:nth-child(odd) .con { float: left; } 
.main_showcase .showcase_list > li:nth-child(even) .con { float: right; } 
.main_showcase .showcase_list > li .img { display: block; max-width: 100%; border-radius:10px; } 
.main_showcase .showcase_list > li .txt { display: block; max-width: 100%; margin: 40px auto 0; } 
.main_showcase .showcase_list > li:nth-child(2) .txt { margin-top: 89px; } 

/* 문의하기 */
.main_cs { overflow: hidden; padding:160px 0 157px; background: #FDFDFD; } 
.main_cs .in_Layer { position: relative; max-width: 1680px; padding: 0 20px; } 
.main_cs .main_cs_tit { display: inline-block; margin-top: -3px; background: linear-gradient(115.74deg, #1E51FF 22.57%, #F168DF 97.86%); font-size: 66px; font-weight: 700; line-height: 140%; letter-spacing: -0.05em; -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; } 
.cs_form { float: right; width: 800px; padding: 20px; background: #fff; border-radius: 20px; box-shadow: 0px 4px 40px rgba(38, 38, 38, 0.08); } 
.fancybox-wrap .cs_form { margin-top: 0; }
.cs_form .cs_form_list { display: flex; flex-wrap: wrap; gap:20px; } 
.cs_form .cs_form_list > li { overflow: hidden; position: relative; width: calc(50% - 10px); border: 1px solid #D5D5D5; border-radius: 20px; } 
.cs_form .cs_form_list > li.type_inquiry { font-size: 0; } 
.cs_form .cs_form_list > li.w100 { width: 100%; } 
.cs_form .cs_form_list > li .tit { position: absolute; top: 22px; left: 31px; font-size: 18px; font-weight: 700; line-height: 34px; color: #262626; } 
.cs_form .cs_form_list > li.type_inquiry .tit { top: 31px; } 
.cs_form .cs_form_list > li input[type="text"] { width: 100%; height: 78px; padding-right: 20px; padding-left: 112px; background: #FFFFFF; border: none; font-family: 'SUIT'; font-size: 18px; font-weight: 600; line-height: 1; color: #262626; } 
.cs_form .cs_form_list > li input[type="text"]::placeholder { color: #D5D5D5; } 
.cs_form .cs_form_list > li textarea { height: 257px; margin-top: 39px; padding: 31px; background: #FFFFFF; border: none; font-family: 'SUIT'; font-size: 18px; font-weight: 600; line-height: 34px; letter-spacing: -0.02em; color: #262626; resize: none; } 
.cs_form .cs_form_list > li textarea::placeholder { color: #D5D5D5; } 
.fancybox-wrap .cs_form .cs_form_list > li textarea { height: 200px; }
.cs_form .agree_wrap { display: flex; justify-content: flex-end; align-items: center; } 
.cs_form .agree { display: flex; align-items: center; gap:12px; padding: 40px 0; font-size: 18px; font-weight: 400; line-height: 100%; color: #4D4D4D; } 
.cs_form .agree::before { content:''; width: 24px; height: 24px; border: 1px solid #1E51FF; border-radius:50%; } 
.cs_form .agree:has(input[type="checkbox"]:checked)::before { background: #1E51FF url(/USER_SKIN/whz24/images/cs_check.png) center/contain no-repeat; } 
.cs_form .agree input[type="checkbox"] { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: initial; clip: rect(0 0 0 0); } 
.cs_form .btn_submit { display: flex; justify-content: center; align-items: center; height: 80px; background: #1E51FF; border: 1px solid #D5D5D5; border-radius: 20px; font-size: 18px; font-weight: 800; line-height: 100%; letter-spacing: -0.02em; color: #FFFFFF; } 
.main_cs .cs_number { display: flex; gap:140px; margin-top: 470px; } 
.main_cs .cs_number > li { position: relative; } 
.main_cs .cs_number > li::after { content:''; position: absolute; top: 50%; right:-71px; width: 2px; height: 20px; background: #D5D5D5; transform: translate(0,-50%); } 
.main_cs .cs_number > li:last-child::after { display: none; } 
.main_cs .cs_number > li .tit { display: flex; font-family: 'SUIT'; font-size: 24px; font-weight: 500; line-height: 100%; letter-spacing: -0.05em; color: #262626; } 
.main_cs .cs_number > li .num { display: flex; margin-top: 21px; font-size: 36px; font-weight: 700; line-height: 100%; letter-spacing: -0.02em; color: #262626; } 


/* 하단 배너 */
.bottom_banner { display: flex; justify-content: center; align-items: center; height: 518px; background:url('/USER_SKIN/whz24/images/bottom_banner_bg.png') center/cover no-repeat; text-align: center; } 
.bottom_banner .tit1 { display: inline-block; background: linear-gradient(90deg, #D2B2FF 0%, #87A2FF 100%); font-family: 'Spoqa Han Sans Neo'; font-size: 18px; font-weight: 700; line-height: 1; text-align: center; -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; } 
.bottom_banner .tit2 { display: block; margin-top: 54px; font-size: 44px; font-weight: 400; line-height: 60px; color: #F8F8F8; } 
.bottom_banner .tit2 strong { font-weight: 700; } 


/* 퀵메뉴 */
.quick_fixed { position: fixed; right: 20px; bottom: 20px; width: 90px; z-index: 300; }
.webheads_intro { display: block; margin-bottom: 10px; }
.webheads_intro img { display: block; width: 100%; }
.quick_menu { padding:38px 0 33px; background: #262626; border-radius:45px; } 
.quick_menu > li + li { margin-top: 36px; } 
.quick_menu > li a { display: block; font-size: 15px; font-weight: 700; color: rgb(255, 255, 255); text-align: center; } 
.quick_menu > li .ico { display: block; margin: 0 auto 2px; } 

/* 유지보수 팝업 */
.fancybox-item.fancybox-close.none {display: none;}
.login_noti { width: 440px; max-width:100%; line-height: 1.2; text-align: center; } 
.login_noti h2 { margin-top: 55px; font-size: 20px; font-weight: 500; line-height: 1.5; letter-spacing:-0.025em; color: rgb(0, 0, 1); text-align: center; } 
.login_noti h2 strong { font-weight: 700; } 
.login_noti .btn_login { display: flex; justify-content: center; align-items: center; width: 220px; height: 60px; margin: 33px auto 0; background-color: rgb(17, 17, 17); font-size: 16px; font-weight: 500; letter-spacing:-0.025em; color: rgb(255, 255, 255); } 
.login_noti .btn_solution { display: inline-flex; align-items: center; gap:6px; margin-top: 15px; padding-bottom: 2px; border-bottom: 1px solid #111111; font-size: 15px; font-weight: 500; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.login_noti .btn_solution::before { content:''; width: 14px; height: 14px; background:url('/USER_SKIN/whz24/images/btn_solution.png') center center no-repeat; background-size: contain; } 
.login_noti .pop_close { display: flex; justify-content: center; align-items: center; height: 60px; margin-top: 35px; background-color: rgb(241, 241, 241);  font-size: 16px; font-weight: 700; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.rounded_popup .fancybox-skin { border-radius:10px; }

a.kko_templ_btn{
  display: block;
  width: 300px;
  height: 50px;
  margin: 20px auto 0;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-align: left;
  padding-left: 35px;
  line-height: 50px;
  background: url("/USER_SKIN/whz24/images/koll_arr.png") no-repeat 240px 18px, #e33a38;
}
@media(max-width:1680px) {
    /* 웹헤즈 AI, NEO ~1680px */
    .main_point { padding: max(11.905vw, 160px) 0 max(2.380vw, 32px); background-position: center max(7.024vw, 94px); }
    .main_point .top_wrap .tit { margin-top: 1.429vw; font-size: 3.929vw; }
    .main_point .top_wrap .btn_wrap2 { gap: max(1.190vw, 13px); } 
    .main_point .top_wrap .btn_wrap2 [class^="btn_"] { width: max(10.714vw, 115px); height: max(3.810vw, 41px); border-radius: max(1.905vw, 21px); font-size: max(1.190vw, 13px); }
    .main_point_list { --offset: 4.76vw; --margin: 2.38vw; padding-top: 17.86vw; }
    .main_point_list > li { min-height: 34.036vw; padding: 8.333vw; border-radius: 2.380vw; box-shadow: 0px 0.238vw 2.380vw rgba(38, 38, 38, 0.08); }
    .main_point_list > li .icon { width: 3.571vw; }
    .main_point_list > li .tit { margin-top: 1.250vw; font-size: 2.619vw; }
    .main_point_list > li .txt { margin-top: 1.190vw; font-size: max(1.429vw, 12px); }
    .main_point_list > li .point { bottom: 2.143vw; left: 2.857vw; font-size: max(0.952vw, 10px); } 
    .main_point_list > li .point .num { margin-left: 1.310vw; } 
    .main_point_list > li .point .num::before { left: -0.595vw; width: 0.357vw; height: 0.357vw; }
    .main_point.type_neo { padding-bottom: max(11.905vw, 160px); background-position: center max(4.762vw, 64px); }

}
@media(max-width:1500px) {
    /* 문의하기 ~1500px */
    .main_cs { padding: 10.667vw 0 10.467vw; }
    .main_cs .main_cs_tit { margin-top: -0.2vw; font-size: 4.4vw; }
    .cs_form { width: 53.333vw; padding: 1.333vw; border-radius: 1.333vw; box-shadow: 0px 0.267vw 2.667vw rgba(38, 38, 38, 0.08); }
    .cs_form .cs_form_list { gap: 1.3vw; }
    .cs_form .cs_form_list > li { width: calc(50% - 0.65vw); border-radius: 1.333vw; }
    .cs_form .cs_form_list > li .tit { top: 1.467vw; left: 2.067vw; font-size: max(1.2vw, 13px); line-height: 2.267vw; }
    .cs_form .cs_form_list > li.type_inquiry .tit { top: 2.067vw; }
    .cs_form .cs_form_list > li input[type="text"] { height: 5.2vw; padding-right: 1.333vw; padding-left: max(7.467vw, 70px); font-size: max(1.2vw, 13px); }
    .cs_form .cs_form_list > li textarea { height: 17.133vw; margin-top: max(2.6vw, 26px); padding: 2.067vw; font-size: max(1.2vw, 13px); line-height: 2.267vw; }
    .fancybox-wrap .cs_form .cs_form_list > li textarea { height: 17.133vw; }
    .cs_form .agree { gap: 0.8vw; padding: 2.667vw 0; font-size: max(1.2vw, 13px); }
    .cs_form .agree::before { width: 1.6vw; height: 1.6vw; }
    .cs_form .btn_submit { height: 5.333vw; border-radius: 1.333vw; font-size: max(1.2vw, 13px); }
    .main_cs .cs_number { gap: 9.333vw; margin-top: 31.333vw; }
    .main_cs .cs_number > li::after { right: -4.733vw; width: 0.133vw; height: 1.333vw; }
    .main_cs .cs_number > li .tit { font-size: 1.6vw; }
    .main_cs .cs_number > li .num { margin-top: 1.4vw; font-size: 2.4vw; }
}

/* 태블릿 ~1180px */
@media(max-width:1180px) {
    /* 메인 비쥬얼 영역 ~1180px */
    .main_vis { min-height: 640px; padding-top: 48px; } 
    .main_vis .tit1 { margin-top: max(23.552vh, 150px); font-size: 14px; } 
    .main_vis .tit2 { margin-top: 22px; font-size: 47px; line-height: 72px; } 
    .main_vis .tit3 { margin-top: -6px; font-size: 56px; line-height: 72px; }
    .main_vis .txt { margin-top: 37px; font-size: 14px; } 
    .main_vis .main_vis_btn { gap: 16px; bottom: 106px; } 
    .main_vis .main_vis_btn [class^="btn_"] { width: 144px; height: 51px; border-radius: 26px; font-size: 16px; } 
    .main_vis .main_vis_btn .btn_cs img { width: 19px; margin-right: 8px; } 
    .main_vis .scroll { bottom: 24px; } 
    .main_vis .scroll img { width: 32px; }

    /* 파트너사 시작 ~1180px */
    .main_partner { padding: 128px 20px; } 
    .main_partner .main_partner_tit { font-size: 48px; } 
    .main_partner .main_history { gap: 32px; max-width: 976px; margin-top: 94px; } 
    .main_partner .main_history > li { padding-top: 40px; border-radius: 13px; filter: drop-shadow(8px 8px 32px rgba(77, 77, 77, 0.15)); backdrop-filter: blur(20px); } 
    .main_partner .main_history > li .txt_wrap .txt { font-size: 14px; } 
    .main_partner .main_history > li .txt_wrap .tit { margin-top: 11px; font-size: 29px; } 
    .main_partner .main_history > li .img_pc { margin-top: 21px; } 
    .main_partner .main_partner_list { gap: 38px; margin-top: 96px; } 
    .main_partner .main_partner_list .list > li { padding: 0 19px; }
    .main_partner .main_partner_list .list > li img { height: 40px; }

    /* 편한 사용성 ~1180px */
    .main_friendly { padding: 157px 0 118px; } 
    .main_friendly .tit { font-size: 60px; } 
    .main_friendly .txt { margin-top: 55px; font-size: 18px; } 
    .friendly_slider { width: 907px; margin-top: 76px; }
    .friendly_slider .inner { width: 698px; }
    .friendly_list > li .img img { height: 438px; }
    .friendly_list > li.pc .img::after { top: 17px; width: 554px; height: 362px; }
    .friendly_list > li.ta .img::after { top: 29px; width: 544px; height: 380px; }
    .friendly_list > li.mo .img::after { top: 13px; width: 189px; height: 411px; }
    .friendly_list.type_pc > li.ta { transform: translate(-502px,0) scale(0.668); }
    .friendly_list.type_pc > li.mo { transform: translate(-1706px,0) scale(0.668); }
    .friendly_list.type_ta > li.pc { transform: translate(-170px,0) scale(0.668); }
    .friendly_list.type_ta > li.ta { transform: translate(-698px,0) scale(1); }
    .friendly_list.type_ta > li.mo { transform: translate(-1076px,0) scale(0.668); }
    .friendly_list.type_mo > li.pc { transform: translate(221px,0) scale(0.668); }
    .friendly_list.type_mo > li.ta { transform: translate(-871px,0) scale(0.668); }
    .friendly_list.type_mo > li.mo { transform: translate(-1396px,0) scale(1); }

    /* 컨설팅 ~1180px */
    .main_consulting { padding: 96px 0 162px; } 
    .main_consulting .main_consulting_tit { font-size: 48px; } 
    .consulting_slider { margin-top: 98px; } 
    .consulting_slider .inner { height: 496px; } 
    .consulting_list > li { width: 384px; height: 384px; padding: 0 40px; } 
    .consulting_list > li.swiper-slide-prev { padding: 0 60px 0 20px; } 
    .consulting_list > li.swiper-slide-next { padding: 0 20px 0 60px; } 
    .consulting_list > li.swiper-slide-active { height: 496px; } 
    .consulting_list > li .con { padding: 48px; border-radius: 16px; } 
    .consulting_list > li.swiper-slide-active .con { border-radius: 29px; }
    .consulting_list > li .step_num { gap:20px; font-size: 14px; } 
    .consulting_list > li .step_num .num::before { left: -10px; width: 5px; height: 5px; } 
    .consulting_list > li .icon { margin-top: 16px; } 
    .consulting_list > li.swiper-slide-active .icon { width: 80px; margin-bottom: 2px; } 
    .consulting_list > li .tit { margin-top: 17px; font-size: 40px; } 
    .consulting_list > li.swiper-slide-active .tit { font-size: 53px; } 
    .consulting_list > li .txt { font-size: 14px; } 
    .consulting_list > li.swiper-slide-active .txt { font-size: 19px; } 
    .consulting_slider .consulting_page { height: 16px; max-width: 480px; margin-top: 75px; } 
    .consulting_slider .consulting_page > li .dots::before { width: 16px; height: 16px; } 
    .consulting_slider .consulting_page > li.swiper-pagination-bullet-active .dots::after { width: 48px; height: 48px; } 
    .consulting_slider .consulting_page > li .txt { top: calc(100% + 29px); font-size: 16px; }

    /* 웹헤즈 AI, NEO ~1180px */
    .main_point .top_wrap .txt { font-size: 35px; } 
    .main_point .top_wrap .tit { margin-top: 19px; font-size: 53px; }

    /* 구축 방식 ~1180px */
    .main_type { padding: 112px 0 111px; } 
    .main_type .tit { font-size: 48px; } 
    .main_type .img_pc { margin-top: 112px; }

    /* 웹헤즈 솔루션 서비스 소개 ~1180px */
    .main_service { padding: 128px 0 64px; } 
    .main_service.type_drm { padding-bottom: 128px; } 
    .main_service .main_service_txt { font-size: 35px; } 
    .main_service .main_service_tit { margin-top: 17px; font-size: 53px; } 
    .main_service .banner_list { gap:32px; margin-top: 50px; } 
    .main_service .banner_list > li { width:calc(50% - 16px); border-radius:32px; } 
    .main_service .drm { margin-top: 50px; padding:98px 18px 92px; border-radius: 32px; } 
    .main_service .drm > li::after { top: calc(50% - 3px); height: 55px; }  
    .main_service .drm > li .txt { margin-top: 17px; font-size: 19px; }
    .main_service .drm > li .icon_pc { width: 92px; }
 
    /* Work Showcase ~1180px */
    .main_showcase .tit_wrap { top: 44px; } 
    .main_showcase .tit_wrap .tit { font-size: 35px; } 
    .main_showcase .tit_wrap .btn_view { gap:8px; width: 272px; height: 51px; margin-top: 21px; border-radius: 26px; font-size: 16px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15); } 
    .main_showcase .tit_wrap .btn_view .logo { width: 32px; } 
    .main_showcase .bottom { bottom: 32px; } 
    .main_showcase .bottom .txt1 { font-size: 19px; } 
    .main_showcase .bottom .txt2 { margin-top: 5px; font-size: 19px; } 
    .main_showcase .scroll_con { margin-top: calc(-100vh + 48px); } 
    .main_showcase .showcase_list { padding-bottom: 202px; }  
    .main_showcase .showcase_list > li + li { margin-top: 113px; }
    .main_showcase .showcase_list > li:nth-child(2) { margin-top: 153px; } 
    .main_showcase .showcase_list > li .img { border-radius:8px; } 
    .main_showcase .showcase_list > li .txt { margin-top: 32px; } 
    .main_showcase .showcase_list > li:nth-child(2) .txt { margin-top: 71px; }

    /* 하단 배너 ~1180px */
    .bottom_banner { height: 414px; } 
    .bottom_banner .tit1 { font-size: 14px; } 
    .bottom_banner .tit2 { margin-top: 43px; font-size: 35px; line-height: 48px; }

    /* 퀵메뉴 ~1180px */
    .quick_fixed { width: 72px; right: 15px; bottom: 15px; }
    .quick_menu { padding: 30px 0 25px; border-radius: 36px; } 
    .quick_menu > li + li { margin-top: 30px; } 
    .quick_menu > li a { font-size: 12px; } 
    .quick_menu > li .ico { width: 16px; } 

    /* 유지보수 팝업 ~1180px */
    .login_noti h2 { margin-top: 44px; font-size: 16px; } 
    .login_noti .btn_login { width: 176px; height: 48px; margin-top: 26px; font-size: 14px; } 
    .login_noti .btn_solution { gap: 5px; margin-top: 12px; padding-bottom: 2px; font-size: 12px; } 
    .login_noti .btn_solution::before { width: 11px; height: 11px; position: relative; top: -1px; } 
    .login_noti .pop_close { height: 48px; margin-top: 28px; font-size: 13px; }
}

@media(max-width:1000px) {
    /* 편한 사용성 ~1000px */
    .friendly_slider { width: 726px; margin-top: 61px; }
    .friendly_slider .inner { width: 558px; }
    .friendly_list > li .img { top:-2px; }
    .friendly_list > li .img img { height: 350px; }
    .friendly_list > li.pc .img::after { top: 14px; width: 443px; height: 290px; }
    .friendly_list > li.ta .img::after { top: 23px; width: 435px; height: 304px; }
    .friendly_list > li.mo .img::after { top: 10px; width: 151px; height: 329px; }
    .friendly_list.type_pc > li.ta { transform: translate(-402px,0) scale(0.668); }
    .friendly_list.type_pc > li.mo { transform: translate(-1365px,0) scale(0.668); }
    .friendly_list.type_ta > li.pc { transform: translate(-136px,0) scale(0.668); }
    .friendly_list.type_ta > li.ta { transform: translate(-558px,0) scale(1); }
    .friendly_list.type_ta > li.mo { transform: translate(-861px,0) scale(0.668); }
    .friendly_list.type_mo > li.pc { transform: translate(177px,0) scale(0.668); }
    .friendly_list.type_mo > li.ta { transform: translate(-696px,0) scale(0.668); }
    .friendly_list.type_mo > li.mo { transform: translate(-1117px,0) scale(1); }
}

/* 모바일 ~767px */
@media(max-width:767px) {
    /* 메인 비쥬얼 영역 ~767px */
    .main_wrap { padding-top: 60px; }
    .main_vis { padding: 0 15px; height: calc(100vh - 60px); min-height: 520px; background:url('/USER_SKIN/whz24/images/vis_bg_mo.png') center/cover no-repeat; } 
    .main_vis .tit1 { margin-top: max(19.063vh, 108px); font-size: 13px; } 
    .main_vis .tit2 { margin-top: 31px; font-size: 26px; line-height: 36px;letter-spacing: -0.02em; } 
    .main_vis .tit3 { margin-top: -1px; font-size: 26px;line-height: 36px;letter-spacing: -0.02em; } 
    .main_vis .txt { margin-top: 41px; font-size: 18px;font-size: 14px;line-height: 20px;letter-spacing: -0.02em; } 
    .main_vis .main_vis_btn { gap:16px; bottom: 90px; } 
    .main_vis .main_vis_btn [class^="btn_"] { width: 103px; height: 40px; border-radius:20px; font-size: 14px; } 
    .main_vis .main_vis_btn .btn_cs img { display: none; } 
    .main_vis .scroll { bottom: 10px; } 
    .main_vis .scroll img { width: 16px; } 

    
    /* 파트너사 시작 ~767px */
    .main_partner { padding: 60px 20px 40px; } 
    .main_partner .main_partner_tit { font-size: 24px; } 
    .main_partner .main_history { gap:16px; max-width: 640px; margin-top: 59px; grid-template-columns: repeat(1, 1fr); } 
    .main_partner .main_history > li { min-height: 89px;padding: 0 24px; display: flex;align-items: center; box-shadow: 8px 8px 32px rgba(77, 77, 77, 0.15); border-radius: 20px; filter:none; backdrop-filter: none; } 
    .main_partner .main_history > li .txt_wrap .txt { font-size: 13px; text-align: left; } 
    .main_partner .main_history > li .txt_wrap .tit { font-family: "Noto Sans",'Noto Sans KR', sans-serif; margin-top: 7px; font-size: 20px; text-align: left; } 
    .main_partner .main_history > li .img_pc { display: none; } 
    .main_partner .main_history > li .img_mo { display: block; width: 40px; margin-right: 16px; } 
    .main_partner .main_partner_list { gap:16px; margin-top: 80px; } 
    .main_partner .main_partner_list .list > li { padding:0 8px;}
    .main_partner .main_partner_list .list > li img { height: 24px; } 

    /* 편한 사용성 ~767px */
    
    .main_friendly { padding: 79px 0 74px; } 
    .main_friendly .tit { font-size: 24px; } 
    .main_friendly .txt { margin-top: 20px; font-size: 12px; } 
    .friendly_slider { width: 360px; margin-top: 45px; }
    .friendly_slider .inner { width: 285px; }
    .friendly_list > li .img img { height: 179px; }
    .friendly_list > li.pc .img::after { top: 7px; width: 227px; height: 149px; }
    .friendly_list > li.ta .img::after { top: 12px; width: 223px; height: 155px; }
    .friendly_list > li.mo .img::after { top: 5px; width: 77px; height: 169px; }
    .friendly_list.type_pc > li.ta { transform: translate(-206px,0) scale(0.668); }
    .friendly_list.type_pc > li.mo { transform: translate(-699px,0) scale(0.668); }
    .friendly_list.type_ta > li.pc { transform: translate(-70px,0) scale(0.668); }
    .friendly_list.type_ta > li.ta { transform: translate(-285px,0) scale(1); }
    .friendly_list.type_ta > li.mo { transform: translate(-442px,0) scale(0.668); }
    .friendly_list.type_mo > li.pc { transform: translate(91px,0) scale(0.668); }
    .friendly_list.type_mo > li.ta { transform: translate(-356px,0) scale(0.668); }
    .friendly_list.type_mo > li.mo { transform: translate(-573px,0) scale(1); }

    /* 컨설팅 ~767px */
    .main_consulting { padding: 59px 0 91px 0; } 
    .main_consulting .main_consulting_tit { font-size: 24px; } 
    .consulting_slider { margin-top: 41px; padding: 0 28px; } 
    .consulting_slider .inner { height: 400px; } 
    .consulting_list > li { width: 296px; height: 333px; padding: 0 8px; } 
    .consulting_list > li.swiper-slide-prev { padding: 0 8px; } 
    .consulting_list > li.swiper-slide-next { padding: 0 8px; } 
    .consulting_list > li.swiper-slide-active { width: 296px; height: 400px; padding: 0 8px; } 
    .consulting_list > li .con { padding: 40px; border-radius: 20px; } 
    .consulting_list > li.swiper-slide-active .con { border-radius: 20px; }
    .consulting_list > li .step_num { gap:15px; font-size: 12px; } 
    .consulting_list > li .step_num .num::before { left: -8px; width: 4px; height: 4px; } 
    .consulting_list > li .icon { margin-top: 12px; } 
    .consulting_list > li.swiper-slide-active .icon { width: 67px; margin-bottom: 0; } 
    .consulting_list > li .tit { margin-top: 12px; font-size: 28px; } 
    .consulting_list > li.swiper-slide-active .tit { font-size: 28px; } 
    .consulting_list > li .txt { font-size: 16px; line-height: 140%; } 
    .consulting_list > li .txt .mo_none { display: none; }
    .consulting_list > li.swiper-slide-active .txt { font-size: 16px; } 
    .consulting_slider .consulting_page { height: 10px; max-width: 290px; margin-top: 43px; } 
    .consulting_slider .consulting_page > li .dots::before { width: 10px; height: 10px; } 
    .consulting_slider .consulting_page > li.swiper-pagination-bullet-active .dots::after { width: 28px; height: 28px; } 
    .consulting_slider .consulting_page > li .txt { top: calc(100% + 17px); font-size: 14px; }

    /* 구축 방식 ~767px */
    .main_type { padding: 80px 0 60px; width: 100%; overflow: hidden; } 
    .main_type .tit { font-size: 24px; } 
    .main_type .img_pc { display: none; }
    .main_type .img_mo { display: block; width: 500px; position: relative; left: 50%;transform: translate(-50%,0); margin-top: 59px; } 
    .type_slider { display: block; margin-top: 52px; } 
    .type_slider .inner { padding-left: 12px; } 
    .type_slider .type_list > li { padding: 0 8px; width: 280px; } 
    .type_slider .type_list > li .con { padding: 12px 24px 12px 12px; display: flex; align-items: center; min-height: 84px; background: rgba(255, 255, 255, 0.36);box-shadow: 0px 4px 20px rgba(53, 58, 77, 0.12);backdrop-filter: blur(20px);border-radius: 14px;}
    .type_slider .type_list > li .img { width: 60px; margin-right: 4px; } 
    .type_slider .type_list > li .txt { font-family: 'SUIT';font-weight: 600;font-size: 13px;line-height: 135%;letter-spacing: -0.02em;color: #5D7292;    } 

    /* 웹헤즈 AI, NEO ~767px */
    .main_point { padding: 60px 0; background-size: 800px auto !important; background-position: center top !important; } 
    .main_point .top_wrap { display: block; }
    .main_point .top_wrap .txt { font-size: 18px; text-align: center;} 
    .main_point .top_wrap .tit { margin-top: 12px; font-size: 24px;text-align: center; } 
    .main_point .top_wrap .btn_wrap2 { gap:12px; justify-content: center; margin-top: 32px; } 
    .main_point .top_wrap .btn_wrap2 [class^="btn_"] { width: auto; height: auto; border-radius: 17px; font-size: 14px; padding: 9px 20px; } 
    .main_point_list { --offset: 66px; --margin: 33px; padding-top: 230px; max-width: 320px; margin: 0 auto; } 
    .main_point_list > li { min-height: 520px; padding: 40px 0 0 0; border-radius: 40px; box-shadow: 0px 4px 40px rgba(38, 38, 38, 0.08); } 
    .main_point_list > li .con {padding: 27px 30px 0;}
    .main_point_list > li .bg_pc { display: none; } 
    .main_point_list > li .bg_mo { display: block; width:100%; } 
    .main_point_list > li .icon { display: block; width: 30px; } 
    .main_point_list > li .tit { margin-top: 16px; font-size: 20px;} 
    .main_point_list > li .txt { margin-top: 15px; font-size: 14px;line-height: 130%; } 
    .main_point_list > li .point {  bottom: 30px; left: 30px; font-size: 12px; } 
    .main_point_list > li .point .num { margin-left: 16px; } 
    .main_point_list > li .point .num::before { left: -8px; width: 4px; height: 4px; } 
    .main_point.type_neo { padding-bottom: 60px; } 

    /* 웹헤즈 솔루션 서비스 소개 ~767px */
    .main_service { padding: 81px 0 0 0; } 
    .main_service .in_Layer { max-width: 680px; }
    .main_service.type_drm { padding-bottom: 80px; } 
    .main_service .main_service_txt { font-size: 18px; } 
    .main_service .main_service_tit { margin-top: 10px; font-size: 24px; } 
    .main_service .banner_list { gap:16px; margin-top: 33px; } 
    .main_service .banner_list > li { width: 100%; border-radius:20px; } 
    .main_service .banner_list > li .img_pc { display: none; }
    .main_service .banner_list > li .img_mo { display: block; }
    .main_service .drm { margin-top: 33px; gap:25px 0; padding:37px 0; border-radius: 20px; } 
    .main_service .drm > li .icon_pc { display: none; }
    .main_service .drm > li .icon_mo { display: block; margin: 0 auto; width: 43px;}
    .main_service .drm > li {width: 33.333%; }
    .main_service .drm > li::after { display: none; }  
    .main_service .drm > li .txt { margin-top: 12px; font-size: 14px; }
    .main_service .drm > li .icon_pc { width: 92px; }

    /* Work Showcase ~767px */
    .main_showcase { overflow: hidden; padding: 79px 0 39px; }
    .main_showcase .in_Layer { max-width: 680px; }
    .main_showcase .sticky {display: block; min-height: 0;}
    .main_showcase .tit_wrap { top: 0; } 
    .main_showcase .tit_wrap .tit { font-size: 24px; text-align: center; } 
    .main_showcase .tit_wrap .btn_view { gap:4px; width: 182px; height: 38px; margin-top: 41px; border-radius: 19px; font-size: 14px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); } 
    .main_showcase .tit_wrap .btn_view .logo { width: 22px; } 
    .main_showcase .bottom { position: relative; bottom: 0; margin-top: 64px; } 
    .main_showcase .bottom .txt1 { line-height: 1; font-size: 14px; } 
    .main_showcase .bottom .txt2 { line-height: 1; font-size: 12px; margin-top: 9px; } 
    .main_showcase .scroll_con { display: none; } 
    .showcase_mo_slider { display: flex;margin-top: 69px;width: calc(100% + 40px);overflow: hidden;margin-left: -20px; }
    .showcase_mo_list { display: flex; }
    .showcase_mo_list > li {width: 226px;padding: 0 8px; height: 120px;overflow: hidden; }
    .showcase_mo_list > li img { display: block; width: 100%; height: 100%; border-radius:10px; object-fit: cover;  }

    /* 문의하기 ~767px */
    .main_cs { padding: 79px 0 79px; }
    .main_cs .in_Layer { max-width: 680px; }
    .main_cs .main_cs_tit { margin-top: 0; font-size: 24px; }
    .cs_form { float: none; width: 100%; padding: 12px; border-radius: 20px; box-shadow: none; margin-top: 33px; }
    .cs_form .cs_form_list { gap: 12px; }
    .cs_form .cs_form_list > li { width: 100%; border-radius: 10px; }
    .cs_form .cs_form_list > li .tit { font-family: 'SUIT'; font-weight: 600; top: 14px; left: 11px; font-size: 14px; line-height: 1; }
    .cs_form .cs_form_list > li.type_inquiry .tit { top: 11px; }
    .cs_form .cs_form_list > li input[type="text"] { height: 42px; padding-right: 11px; padding-left: 73px; font-size: 14px; }
    .cs_form .cs_form_list > li textarea { min-height: 102px; margin-top: 19px; padding:11px; font-size: 14px; line-height: 2; }
    .fancybox-wrap .cs_form .cs_form_list > li textarea { min-height: 102px; }
    .cs_form .agree { gap: 4px; padding: 12px 0; font-size: 14px; }
    .cs_form .agree::before { width: 18px; height: 18px; }
    .cs_form .btn_submit { height: 44px; border-radius: 10px; font-size: 14px; }
    .main_cs .cs_number { justify-content: center; gap: 40px; margin-top: 40px; }
    .main_cs .cs_number > li::after { right: -21px; width: 2px; height: 20px; }
    .main_cs .cs_number > li .tit { font-size: 14px; }
    .main_cs .cs_number > li .num { margin-top: 13px; font-size: 20px; }

    /* 하단 배너 ~767px */
    .bottom_banner { height: 107px; background-image: url('/USER_SKIN/whz24/images/bottom_banner_mo_bg.png'); } 
    .bottom_banner .tit1 { font-size: 12px; } 
    .bottom_banner .tit2 { display: none; }

    /* 퀵메뉴 ~767px */
    .quick_fixed { width: 54px; right: 10px; bottom: 10px; }
    .quick_menu { padding: 21px 0 18px; border-radius: 27px; }
    .quick_menu > li + li { margin-top: 24px; }
    .quick_menu > li a { font-size: 10px; }
    .quick_menu > li .ico { width: 13px; }
}

@media(max-width:480px) {
    /* 컨설팅 ~480px */
    .consulting_list > li { height: 400px; }
    .consulting_list > li .icon { width: 67px; }
    .consulting_list > li.step1 .con,
    .consulting_list > li.step3 .con,
    .consulting_list > li.step5 .con { background: linear-gradient(210.94deg, #4299F6 0.61%, #1E51FF 100%); } 
    .consulting_list > li.step2 .con,
    .consulting_list > li.step4 .con { background: linear-gradient(216.46deg, #ECACE4 0.24%, #F565E2 96.3%); }
    .consulting_list > li .step_num,
    .consulting_list > li .tit,
    .consulting_list > li .txt { color: #fff; }
}


@media(max-width:360px) {
    /* 구축 방식 ~360px */
    .main_type .img_mo { width: 138.889vw; }
}