@charset "utf-8";
/*** WEBCOACH 2026-11-12 피그마 시안(웹코치 main) 반영 — 헤더·푸터(공통) + 메인 ***/
:root{--wm-red:#d32b28; --wm-grad:linear-gradient(107deg,#f5b428 -10%,#d32b28 39%); --wm-grad-card:linear-gradient(121deg,#f5b428 -10%,#d32b28 39%); --wm-gray:#f3f4f9; --wm-lex:'Lexend','Outfit','Noto Sans KR',sans-serif;}

/* ===== 헤더 (PC) ===== */
@media all and (min-width:1351px){
	html .header{height:90px; background:rgba(17,3,3,.55);}
	html .header .header_top{display:none;}
	html .header .header_in{padding:0; height:90px;}
	html .header .header_in h1{width:180px; height:23px;}
	html .header .header_in h1 a svg{width:180px; height:23px; display:block;}
	html .gnb{left:50%; top:0; margin-left:0; transform:translateX(calc(-50% + 20px));}
	html .gnb ul li{padding:0 30px;}
	html .gnb ul li > a{font-size:18px; font-weight:700; line-height:90px; height:90px; padding:0; letter-spacing:-0.9px;}
	html .gnb ul li > a:after{bottom:0;}
	html .gnb ul li dl{top:90px;}
	html .header.up{height:250px;}
	html .header .header_in .top_util ul{display:flex; align-items:center;}
	html .header .header_in .top_util ul li{margin-left:25px;}
	html .header .header_in .top_util ul li.wm_mem{display:flex; align-items:center; gap:8px; margin-left:0;}
	html .header .header_in .top_util ul li.wm_mem a, html .header .header_in .top_util ul li.wm_mem li a{font-size:12px; font-weight:700; line-height:22px; letter-spacing:-0.6px; color:#fff;}
	html .header .header_in .top_util ul li.wm_mem li{margin:0; display:inline;}
	html .header .header_in .top_util ul li.wm_mem a span{display:none;}
	html .header .header_in .top_util ul li.wm_mem > i{display:block; width:1px; height:6px; background:rgba(255,255,255,.2);}
	html .header .header_in .top_util ul li.search a{display:block; width:22px; height:22px; font-size:0; background:url(/comm/img/webcoach/main/ico_search.svg) no-repeat center/22px;}
	html .header .header_in .top_util ul li.search a span{display:none;}
	html .header.up .header_in .top_util ul li.wm_mem a{color:var(--black);}
	html .header.up .header_in .top_util ul li.wm_mem > i{background:rgba(0,0,0,.2);}
	html .header.up .header_in .top_util ul li.search a{filter:invert(1);}
	/* 메인: 비주얼 위 투명 헤더 */
	html .header.wm_head{background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none;}
	html .header.wm_head.fixed{background:rgba(17,3,3,.85); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);}
	html .header.wm_head.up{background:#fff;}
}
@media all and (max-width:1350px){
	html .header .header_in .top_util ul li.wm_mem{display:none;}
}

/* ===== 사이트맵 · 푸터 (공통) ===== */
html .sitemap{background:#222; padding:50px 0 80px; border-bottom:1px solid rgba(255,255,255,.1);}
html .sitemap .sitemap_in{justify-content:space-between;}
html .sitemap .sitemap_in dl{width:auto; padding:0;}
html .sitemap .sitemap_in dl dt{font-size:18px; font-weight:700; line-height:30px; letter-spacing:-0.9px; padding:0 0 15px; color:#fff;}
html .sitemap .sitemap_in dl dd{padding:0 0 5px;}
html .sitemap .sitemap_in dl dd a{font-size:16px; line-height:28px; letter-spacing:-0.8px; color:rgba(255,255,255,.7);}
html .sitemap .sitemap_in dl dd a:hover{color:#fff;}
html .footer{background:#222;}
html .footer .foot_in.wm_foot{padding:80px 0;}
html .wm_foot .wm_foot_top{display:flex; align-items:center; justify-content:space-between; gap:30px;}
html .wm_foot .foot_logo{position:static; width:180px;}
html .wm_foot .foot_logo svg{width:180px; height:23px; display:block;}
html .wm_foot .wm_foot_menu{display:flex; flex-wrap:wrap; align-items:center;}
html .wm_foot .wm_foot_menu li{position:relative; padding:0 0 0 31px;}
html .wm_foot .wm_foot_menu li:first-child{padding-left:0;}
html .wm_foot .wm_foot_menu li:before{content:''; position:absolute; left:15px; top:50%; margin-top:-5px; width:1px; height:10px; background:rgba(255,255,255,.2);}
html .wm_foot .wm_foot_menu li:first-child:before{display:none;}
html .wm_foot .wm_foot_menu a{font-size:16px; line-height:28px; letter-spacing:-0.8px; color:#fff;}
html .wm_foot .wm_foot_menu a strong{font-weight:700;}
html .wm_foot .wm_foot_info{margin:30px 0 0; font-style:normal;}
html .wm_foot .wm_foot_info p{display:flex; flex-wrap:wrap; column-gap:20px; font-size:16px; line-height:28px; letter-spacing:-0.8px; color:rgba(255,255,255,.7);}
html .wm_foot .wm_foot_info p + p{margin-top:5px;}
html .wm_foot .wm_foot_info strong, html .wm_foot .wm_foot_info b{color:#fff; font-weight:700;}
html .wm_foot .wm_foot_info b{margin-right:5px;}
html .wm_foot .wm_foot_info .ic{padding-left:23px; background-repeat:no-repeat; background-position:0 5px; background-size:18px;}
html .wm_foot .wm_foot_info .ic_loc{background-image:url(/comm/img/webcoach/main/ico_loc.svg);}
html .wm_foot .wm_foot_info .ic_call{background-image:url(/comm/img/webcoach/main/ico_call.svg);}
html .wm_foot .wm_foot_info .ic_mail{background-image:url(/comm/img/webcoach/main/ico_mail.svg);}
html .wm_foot .wm_copy{margin:60px 0 0; font-family:var(--wm-lex); font-size:14px; line-height:24px; color:rgba(255,255,255,.7);}
html .wm_foot .wm_copy a{color:rgba(255,255,255,.4); font-family:var(--wm-lex); margin-left:5px;}
html .wm_foot .wm_copy a:hover{color:#fff;}
html .btn_top a{width:60px; height:60px; background:url(/comm/img/webcoach/main/btn_top.svg) no-repeat center/60px !important; box-shadow:0 6px 20px rgba(0,0,0,.15);}
html .btn_top a svg{display:none;}

/* ===== 메인 공통 ===== */
html #wm_main{font-family:'Noto Sans KR',sans-serif;}
html #wm_main .wm_sec{padding:150px 0;}
html #wm_main .wm_tit{text-align:center; margin:0 0 40px;}
html #wm_main .wm_cap{display:flex; align-items:center; justify-content:center; gap:5px; font-family:var(--wm-lex); font-size:14px; font-weight:700; line-height:24px; color:var(--wm-red); letter-spacing:0;}
html #wm_main .wm_cap img{width:16px; height:16px;}
html #wm_main .wm_tit h3{margin:10px 0 0; font-size:46px; font-weight:700; line-height:60px; letter-spacing:-0.08em; color:#222;}
html #wm_main .wm_tit > span{display:block; margin:20px 0 0; font-size:18px; line-height:30px; letter-spacing:-0.05em; color:#777;}
html #wm_main .wm_btns{display:flex; flex-wrap:wrap; gap:5px;}
html #wm_main .wm_btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:200px; height:60px; padding:0 25px; box-sizing:border-box; border-radius:100px; font-size:16px; font-weight:700; line-height:28px; letter-spacing:-0.05em; color:#fff; transition:all .3s;}
html #wm_main .wm_btn img{width:24px; height:24px;}
html #wm_main .wm_btn img.ico_down{width:12px; height:13px; margin:0 6px;}
html #wm_main .wm_btn_grad{background:var(--wm-grad);}
html #wm_main .wm_btn_grad:hover{transform:translateY(-2px); box-shadow:0 12px 30px rgba(211,43,40,.4);}
html #wm_main .wm_btn_glass{background:rgba(255,255,255,.1); border:2px solid rgba(255,255,255,.1); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}
html #wm_main .wm_btn_glass:hover{background:rgba(255,255,255,.2);}

/* ===== 비주얼 ===== */
html #wm_visual{position:relative; height:100vh; min-height:760px; max-height:1200px; overflow:hidden; background:#110303;}
html #wm_visual .wm_vis_swiper{position:absolute; inset:0;}
html #wm_visual .wm_vis_slide{display:flex; align-items:center; height:100%; overflow:hidden;}
html #wm_visual .wm_vis_bg{position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.08); transition:transform 6s linear;}
html #wm_visual .swiper-slide-active .wm_vis_bg{transform:scale(1);}
html #wm_visual .wm_vis_bg:before, html #wm_visual .wm_vis_bg:after{content:''; position:absolute; left:0; right:0; top:0;}
html #wm_visual .wm_vis_bg:before{bottom:0; background:linear-gradient(180deg, rgba(17,3,3,.1) 0%, rgba(17,3,3,.3) 100%);}
html #wm_visual .wm_vis_bg:after{height:300px; background:linear-gradient(180deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 100%);}
html #wm_visual .wm_vis_bgx:before{background:linear-gradient(90deg, rgba(17,3,3,.9) 0%, rgba(17,3,3,.7) 50%, rgba(17,3,3,.45) 100%), radial-gradient(circle at 80% 30%, rgba(211,43,40,.45) 0, rgba(211,43,40,0) 55%);}
html #wm_visual .wm_vis_txt{position:relative; z-index:2;}
html #wm_visual .wm_eyebrow{font-family:var(--wm-lex); font-size:14px; font-weight:700; line-height:24px; color:var(--wm-red); letter-spacing:0;}
html #wm_visual .wm_headline{margin:10px 0 0; font-size:60px; font-weight:700; line-height:76px; letter-spacing:-0.08em; color:#fff;}
html #wm_visual .wm_lead{margin:30px 0 0; font-size:20px; line-height:30px; letter-spacing:-0.05em; color:#fff;}
html #wm_visual .wm_btns{margin:80px 0 0;}
html #wm_visual .wm_vis_slide .wm_eyebrow, html #wm_visual .wm_vis_slide .wm_headline, html #wm_visual .wm_vis_slide .wm_lead, html #wm_visual .wm_vis_slide .wm_btns{opacity:0; transform:translateY(30px);}
html #wm_visual .swiper-slide-active .wm_eyebrow, html #wm_visual .swiper-slide-active .wm_headline, html #wm_visual .swiper-slide-active .wm_lead, html #wm_visual .swiper-slide-active .wm_btns{opacity:1; transform:none; transition:opacity .8s, transform .8s;}
html #wm_visual .swiper-slide-active .wm_headline{transition-delay:.15s;}
html #wm_visual .swiper-slide-active .wm_lead{transition-delay:.3s;}
html #wm_visual .swiper-slide-active .wm_btns{transition-delay:.45s;}
html #wm_visual .wm_vis_ctrl{position:absolute; left:0; right:0; bottom:50px; z-index:3; display:flex; align-items:center; justify-content:space-between;}
html #wm_visual .wm_vis_pager{position:static; display:flex; gap:15px; width:auto;}
html #wm_visual .wm_vis_pager button{position:relative; width:40px; height:40px; margin:0 !important; padding:0; border:0; border-radius:50%; background:none; opacity:1; cursor:pointer;}
html #wm_visual .wm_vis_pager .dot{position:absolute; left:16px; top:16px; width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.5); transition:all .3s;}
html #wm_visual .wm_vis_pager .ring{position:absolute; inset:0; width:40px; height:40px; transform:rotate(-90deg); opacity:0;}
html #wm_visual .wm_vis_pager .ring circle{fill:none; stroke:#fff; stroke-width:2; stroke-dasharray:119.4; stroke-dashoffset:119.4;}
html #wm_visual .wm_vis_pager .pause{position:absolute; left:15.5px; top:14.75px; width:9px; height:10.5px; opacity:0; border-left:3px solid #fff; border-right:3px solid #fff; box-sizing:border-box;}
html #wm_visual .wm_vis_pager button:hover .dot{background:#fff;}
html #wm_visual .wm_vis_pager .swiper-pagination-bullet-active .dot{opacity:0;}
html #wm_visual .wm_vis_pager .swiper-pagination-bullet-active .ring, html #wm_visual .wm_vis_pager .swiper-pagination-bullet-active .pause{opacity:1;}
html #wm_visual .wm_vis_pager .swiper-pagination-bullet-active .ring circle{animation:wm_ring 5s linear forwards;}
html #wm_visual.paused .wm_vis_pager .swiper-pagination-bullet-active .ring circle{animation:none; stroke-dashoffset:29.85;}
html #wm_visual.paused .wm_vis_pager .swiper-pagination-bullet-active .pause{left:16px; top:13.5px; width:0; height:0; border-style:solid; border-width:6.5px 0 6.5px 11px; border-color:transparent transparent transparent #fff;}
@keyframes wm_ring{from{stroke-dashoffset:119.4;} to{stroke-dashoffset:0;}}
html #wm_visual .wm_scroll{display:flex; align-items:center; gap:13px; font-family:var(--wm-lex); font-size:12px; font-weight:700; line-height:22px; color:#fff;}
html #wm_visual .wm_scroll span{display:flex; align-items:center; justify-content:center; width:32px; height:38px; box-sizing:border-box; border:1px solid rgba(255,255,255,.1); border-radius:100px;}
html #wm_visual .wm_scroll span img{width:10px; height:auto; animation:wm_scroll 1.4s ease-in-out infinite;}
@keyframes wm_scroll{0%,100%{transform:translateY(-3px);} 50%{transform:translateY(3px);}}

/* ===== 수치 ===== */
html #wm_stats{background:var(--wm-red);}
html #wm_stats ul{display:flex; padding:50px 0;}
html #wm_stats li{flex:1; display:flex; flex-direction:column; align-items:center; padding:0 30px; border-right:1px solid rgba(255,255,255,.2); color:#fff; text-align:center;}
html #wm_stats li:last-child{border-right:0;}
html #wm_stats li img{width:60px; height:60px; margin:0 0 25px;}
html #wm_stats li p{font-size:18px; font-weight:700; line-height:30px; letter-spacing:-0.05em;}
html #wm_stats li strong{display:flex; align-items:flex-end; gap:5px; font-family:var(--wm-lex); font-size:50px; font-weight:600; line-height:62px; letter-spacing:0;}
html #wm_stats li strong small{font-family:'Noto Sans KR',sans-serif; font-size:16px; font-weight:400; line-height:28px; letter-spacing:-0.05em; padding-bottom:4px;}

/* ===== NO TEMPLATE ===== */
html #wc_why .wm_compare{display:flex; align-items:center; gap:15px;}
html #wc_why .wm_compare dl{flex:1; min-width:0; min-height:377px; box-sizing:border-box; padding:50px; border-radius:20px;}
html #wc_why .wm_compare dt{display:flex; align-items:center; gap:10px; font-size:24px; font-weight:700; line-height:36px; letter-spacing:-0.05em; padding:0 0 30px; margin:0 0 30px; border-bottom:1px solid #ddd;}
html #wc_why .wm_compare dt img{width:200px; height:26px;}
html #wc_why .wm_compare dd{position:relative; padding:0 0 0 29px; font-size:16px; line-height:28px; letter-spacing:-0.05em;}
html #wc_why .wm_compare dd + dd{margin-top:10px;}
html #wc_why .wm_compare dd:before{content:''; position:absolute; left:0; top:2px; width:24px; height:24px; background-repeat:no-repeat; background-size:24px;}
html #wc_why .wm_compare .other{background:var(--wm-gray); color:#777;}
html #wc_why .wm_compare .other dt{color:#222;}
html #wc_why .wm_compare .other dd:before{background-image:url(/comm/img/webcoach/main/chk_off.svg); opacity:.5;}
html #wc_why .wm_compare .wc{background:var(--wm-grad-card); color:#fff; box-shadow:0 15px 33px rgba(218,37,34,.1), 0 61px 61px rgba(218,37,34,.09), 0 136px 82px rgba(218,37,34,.05);}
html #wc_why .wm_compare .wc dt{color:#fff; border-color:rgba(255,255,255,.2);}
html #wc_why .wm_compare .wc dd{font-weight:500;}
html #wc_why .wm_compare .wc dd:before{background-image:url(/comm/img/webcoach/main/chk_on.svg);}
html #wc_why .wm_arrows{flex:0 0 23px;}
html #wc_why .wm_arrows img{display:block; width:23px; height:10px;}

/* ===== WHY WEBCOACH ===== */
html #wm_point{background:var(--wm-gray);}
html #wm_point .wm_cards{display:grid; grid-template-columns:repeat(2,1fr); gap:30px;}
html #wm_point .wm_cards li{display:flex; align-items:center; gap:25px; padding:50px; min-height:170px; box-sizing:border-box; background:#fff; border:1px solid #ddd; border-radius:20px; transition:border-color .3s, box-shadow .3s;}
html #wm_point .wm_cards li:hover{border-color:var(--wm-red); box-shadow:0 15px 33px rgba(218,37,34,.08);}
html #wm_point .wm_cards li > img{flex:0 0 60px; width:60px; height:60px;}
html #wm_point .wm_cards h4{display:flex; align-items:center; gap:10px; font-size:20px; font-weight:700; line-height:32px; letter-spacing:-0.05em; color:#222;}
html #wm_point .wm_cards h4 span, html #wm_main .wm_num_pill{display:inline-flex; align-items:center; justify-content:center; width:50px; height:30px; border-radius:100px; background:rgba(211,43,40,.1); font-family:var(--wm-lex); font-size:12px; font-weight:700; line-height:22px; letter-spacing:0; color:var(--wm-red);}
html #wm_point .wm_cards p{margin:8px 0 0; font-size:16px; line-height:28px; letter-spacing:-0.05em; color:#777;}

/* ===== PROCESS ===== */
html #wm_process .wm_steps{display:flex; align-items:stretch; padding:15px 0 0;}
html #wm_process .wm_steps li{position:relative; flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:center; padding:50px 20px; min-height:278px; box-sizing:border-box; background:#fff; border:1px solid #ddd; border-radius:20px; text-align:center; transition:border-color .3s, box-shadow .3s;}
html #wm_process .wm_steps li + li{margin-left:43px;}
html #wm_process .wm_steps li + li:before{content:''; position:absolute; left:-33px; top:50%; width:23px; height:10px; margin-top:-5px; background:url(/comm/img/webcoach/main/arrows.svg) no-repeat center/23px 10px;}
html #wm_process .wm_steps .num{position:absolute; left:50%; top:-15px; margin-left:-25px; display:flex; align-items:center; justify-content:center; width:50px; height:30px; box-sizing:border-box; border:3px solid #ddd; border-radius:100px; background:#fff; font-family:var(--wm-lex); font-size:12px; font-weight:700; line-height:22px; color:#777; transition:all .3s;}
html #wm_process .wm_steps img{width:60px; height:60px; margin:0 0 20px;}
html #wm_process .wm_steps h4{font-size:20px; font-weight:700; line-height:32px; letter-spacing:-0.05em; color:#222;}
html #wm_process .wm_steps p{margin:8px 0 0; font-size:16px; line-height:28px; letter-spacing:-0.05em; color:#777;}
html #wm_process .wm_steps li.on, html #wm_process .wm_steps:hover li:hover{border:3px solid var(--wm-red); padding:48px 18px; box-shadow:0 8px 17px rgba(218,37,34,.06), 0 31px 31px rgba(218,37,34,.05), 0 70px 42px rgba(218,37,34,.03);}
html #wm_process .wm_steps li.on .num, html #wm_process .wm_steps:hover li:hover .num{top:-17px; border:0; background:var(--wm-grad); color:#fff;}
html #wm_process .wm_steps:hover li.on:not(:hover){border:1px solid #ddd; padding:50px 20px; box-shadow:none;}
html #wm_process .wm_steps:hover li.on:not(:hover) .num{top:-15px; border:3px solid #ddd; background:#fff; color:#777;}

/* ===== REVIEW ===== */
html #wm_review{background:var(--wm-gray);}
html #wm_review .wm_reviews{display:flex; gap:30px;}
html #wm_review .wm_reviews .big{flex:0 0 calc(50% - 15px); min-width:0; display:flex; flex-direction:column; min-height:436px; box-sizing:border-box; padding:50px; border-radius:20px; background:linear-gradient(124deg,#f5b428 -10%,#d32b28 39%); color:#fff;}
html #wm_review .wm_reviews .big h4{font-size:30px; font-weight:700; line-height:40px; letter-spacing:-0.08em;}
html #wm_review .wm_reviews .big .txt{margin:15px 0 0; font-size:16px; line-height:28px; letter-spacing:-0.03em;}
html #wm_review .wm_reviews .big .star{margin-top:auto; padding-top:40px;}
html #wm_review .wm_reviews .side{flex:0 0 calc(50% - 15px); min-width:0; display:flex; flex-direction:column; gap:30px;}
html #wm_review .wm_reviews .item{flex:1; padding:50px; box-sizing:border-box; background:#fff; border:1px solid #ddd; border-radius:20px;}
html #wm_review .wm_reviews .item .top{display:flex; align-items:center; justify-content:space-between; gap:8px;}
html #wm_review .wm_reviews .item h4{font-size:20px; font-weight:700; line-height:32px; letter-spacing:-0.05em; color:#222;}
html #wm_review .wm_reviews .item .txt{margin:15px 0 0; font-size:16px; line-height:28px; letter-spacing:-0.03em; color:#777;}
html #wm_review .star{display:flex; align-items:center; gap:3px;}
html #wm_review .star i{display:block; width:16px; height:15px; background:url(/comm/img/webcoach/main/wm_star.png) no-repeat center/16px 15px;}
html #wm_review .star b{margin-left:7px; font-family:var(--wm-lex); font-size:16px; font-weight:500; line-height:28px; color:#222;}
html #wm_review .big .star b{font-size:20px; line-height:32px; color:#fff;}

/* ===== NOTICE (게시판 연동 + slick) ===== */
html #wm_main #notice{background:#fff;}
html #wm_main #notice .notice_roll{position:relative; margin:0 -15px; padding:0;}
html #wm_main #notice .notice_roll .slick-list{overflow:hidden;}
html #wm_main #notice .notice_roll .slick-slide{padding:0 15px; box-sizing:border-box;}
html #wm_main #notice .roll .date:before, html #wm_main #notice .roll .date:after, html #wm_main #notice .roll a:before, html #wm_main #notice .roll a:after{display:none !important;}
html #wm_main #notice .roll a{display:flex; flex-direction:column; min-height:281px; box-sizing:border-box; padding:50px; background:#fff; border:1px solid #ddd; border-radius:20px; transition:border-color .3s, box-shadow .3s;}
html #wm_main #notice .roll a:hover{border-color:var(--wm-red); box-shadow:0 15px 33px rgba(218,37,34,.08);}
html #wm_main #notice .roll .cate{align-self:flex-start; padding:2px 10px; border-radius:100px; background:rgba(211,43,40,.1); font-family:var(--wm-lex); font-size:12px; font-weight:700; line-height:22px; color:var(--wm-red);}
html #wm_main #notice .roll h5{margin:8px 0 0; font-size:20px; font-weight:700; line-height:32px; letter-spacing:-0.05em; color:#222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
html #wm_main #notice .roll .dexp{margin:20px 0 0; height:56px; font-size:16px; line-height:28px; letter-spacing:-0.03em; color:#777; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
html #wm_main #notice .roll .date{display:block; position:static; margin:20px 0 0; padding:0 0 0 22px; border:0; font-size:14px; line-height:24px; letter-spacing:-0.05em; color:#777; background:url(/comm/img/webcoach/main/ico_clock.svg) no-repeat 0 3px/18px;}
html #wm_main #notice .slick-arrow{position:absolute; top:-87px; z-index:2; width:30px; height:30px; margin-top:-15px; padding:0; border:0; font-size:0; cursor:pointer; background:url(/comm/img/webcoach/main/nt_prev.svg) no-repeat center/15px 25px; transform:none;}
html #wm_main #notice .slick-arrow:before, html #wm_main #notice .slick-arrow:after{display:none;}
html #wm_main #notice .slick-prev{left:15px; right:auto;}
html #wm_main #notice .slick-next{right:15px; left:auto; transform:scaleX(-1);}
html #wm_main #notice .slick-arrow{opacity:1 !important;}
html #wm_main #notice .slick-arrow:hover{opacity:.6 !important;}

/* ===== START NOW ===== */
html #wm_cta{position:relative; padding:150px 0; min-height:664px; box-sizing:border-box; overflow:hidden; background:#110303 url(/comm/img/webcoach/main/wm_cta_bg.jpg?v=20261112) no-repeat right center/cover;}
html #wm_cta .wm_wand{position:absolute; left:calc(50% + 384px); top:240px; width:216px; height:216px; pointer-events:none; animation:wm_wand 4s ease-in-out infinite;}
@keyframes wm_wand{0%,100%{transform:translateY(0) rotate(0);} 50%{transform:translateY(-10px) rotate(-4deg);}}
html #wm_cta .basic_in{position:relative; z-index:2;}
html #wm_cta .wm_cta_txt{max-width:720px;}
html #wm_cta h3{white-space:nowrap;}
html #wm_cta .wm_cap{justify-content:flex-start;}
html #wm_cta h3{margin:10px 0 0; font-size:46px; font-weight:700; line-height:60px; letter-spacing:-0.08em; color:#fff;}
html #wm_cta .wm_cta_txt > span{display:block; margin:30px 0 0; font-size:18px; line-height:30px; letter-spacing:-0.05em; color:rgba(255,255,255,.7);}
html #wm_cta .wm_btns{margin:60px 0 0; gap:10px;}

/* ===== FAQ (관리자 SEO FAQ 영역, 공통) ===== */
html #faq{background:#fff; padding:150px 0;}
html #faq .title_area{text-align:center;}
html #faq .title_area .wm_cap{display:flex; align-items:center; justify-content:center; gap:5px; font-family:var(--wm-lex); font-size:14px; font-weight:700; line-height:24px; color:var(--wm-red);}
html #faq .title_area .wm_cap img{width:16px; height:16px;}
html #faq .title_area h3{margin:10px 0 0; font-size:46px; font-weight:700; line-height:60px; letter-spacing:-0.08em; color:#222;}
html #faq .faq_list{margin:40px 0 0;}
html #faq .faq_list li{border:1px solid #ddd; border-radius:10px; overflow:hidden; background:#fff;}
html #faq .faq_list li + li{margin-top:5px;}
html #faq .faq_list dl dt{min-height:75px; padding:22px 64px 23px 70px; font-size:18px; font-weight:700; line-height:30px; letter-spacing:-0.05em; color:#222; transition:background .3s, color .3s;}
html #faq .faq_list dl dt::before{left:20px; top:20px; width:35px; height:35px; border-radius:20px; background:var(--wm-red); font-family:var(--wm-lex); font-size:16px; font-weight:500; line-height:28px;}
html #faq .faq_list dl dt::after{content:''; right:20px; width:24px; height:24px; margin-top:-12px; opacity:1; background:url(/comm/img/webcoach/main/ico_plus.svg) no-repeat center/14px;}
html #faq .faq_list dl dd{padding:22px 20px 23px 70px; border-top:0; background:#fff;}
html #faq .faq_list dl dd::before{left:20px; top:20px; width:35px; height:35px; border-radius:20px; background:#222; font-family:var(--wm-lex); font-size:16px; font-weight:500; line-height:28px;}
html #faq .faq_list dl dd p{font-size:18px; line-height:30px; letter-spacing:-0.05em; color:#777;}
html #faq .faq_list li:has(dl.on){border:2px solid var(--wm-red);}
html #faq .faq_list dl.on dt{background:var(--wm-red); color:#fff;}
html #faq .faq_list dl.on dt::before{background:#fff; color:var(--wm-red);}
html #faq .faq_list dl.on dt::after{content:''; background-image:url(/comm/img/webcoach/main/ico_minus.svg); background-size:14px 2px;}

/* ===== 반응형 ===== */
@media all and (max-width:1350px){
	html #wm_process .wm_steps li + li{margin-left:40px;}
	html #wm_process .wm_steps li + li:before{left:-32px; width:23px;}
	html #wm_process .wm_steps li{padding:50px 16px;}
	html #wm_process .wm_steps li.on, html #wm_process .wm_steps:hover li:hover{padding:48px 14px;}
	html #wm_process .wm_steps:hover li.on:not(:hover){padding:50px 16px;}
	html #wm_cta .wm_wand{left:auto; right:6%;}
}
@media all and (max-width:1200px){
	html #wm_visual .wm_headline{font-size:52px; line-height:66px;}
	html #wc_why .wm_compare{flex-direction:column; align-items:stretch;}
	html #wc_why .wm_compare dl{min-height:0;}
	html #wc_why .wm_arrows{align-self:center; transform:rotate(90deg);}
	html #wm_process .wm_steps{flex-wrap:wrap; justify-content:center; gap:30px 20px;}
	html #wm_process .wm_steps li{flex:0 0 calc(33.333% - 14px);}
	html #wm_process .wm_steps li + li{margin-left:0;}
	html #wm_process .wm_steps li + li:before{display:none;}
	html #wm_point .wm_cards li{padding:40px 30px;}
}
@media all and (max-width:1024px){
	html #wm_main .wm_sec{padding:110px 0;}
	html #wm_main .wm_tit h3{font-size:38px; line-height:50px;}
	html #wm_point .wm_cards{grid-template-columns:1fr;}
	html #wm_review .wm_reviews{flex-direction:column;}
	html #wm_review .wm_reviews .big, html #wm_review .wm_reviews .side{flex:none; width:100%;}
	html #wm_review .wm_reviews .big{min-height:0;}
	html #wm_stats ul{flex-wrap:wrap; row-gap:40px;}
	html #wm_stats li{flex:0 0 50%; box-sizing:border-box;}
	html #wm_stats li:nth-child(2){border-right:0;}
	html #wm_cta{background-position:70% center;}
	html #wm_cta:before{content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(17,3,3,.85) 0%, rgba(17,3,3,.55) 70%, rgba(17,3,3,.2) 100%); z-index:1;}
	html #wm_cta .wm_wand{display:none;}
}
@media all and (max-width:768px){
	html #wm_main .wm_sec{padding:80px 0;}
	html #wm_main .wm_tit{margin-bottom:30px;}
	html #wm_main .wm_tit h3{font-size:28px; line-height:38px;}
	html #wm_main .wm_tit > span{font-size:15px; line-height:25px; margin-top:14px;}
	html #wm_main .wm_tit > span br{display:none;}
	html #wm_main .wm_btn{min-width:0; height:52px; padding:0 20px; font-size:15px;}
	html #wm_visual{min-height:640px; height:100svh;}
	html #wm_visual .wm_vis_bg1{background-position:68% center;}
	html #wm_visual .wm_vis_bg1:before{background:linear-gradient(180deg, rgba(17,3,3,.55) 0%, rgba(17,3,3,.75) 100%);}
	html #wm_visual .wm_vis_slide{align-items:flex-end; padding-bottom:140px; box-sizing:border-box;}
	html #wm_visual .wm_eyebrow{font-size:12px;}
	html #wm_visual .wm_headline{font-size:32px; line-height:42px;}
	html #wm_visual .wm_headline br{display:none;}
	html #wm_visual .wm_headline br.mo_br{display:block;}
	html #wm_visual .wm_lead{font-size:16px; line-height:26px; margin-top:16px;}
	html #wm_visual .wm_btns{margin-top:32px;}
	html #wm_visual .wm_vis_ctrl{bottom:40px;}
	html #wm_visual .wm_vis_pager{gap:4px;}
	html #wm_visual .wm_scroll{display:none;}
	html #wm_stats ul{padding:40px 0;}
	html #wm_stats li{padding:0 10px;}
	html #wm_stats li img{width:44px; height:44px; margin-bottom:14px;}
	html #wm_stats li p{font-size:14px; line-height:22px;}
	html #wm_stats li strong{font-size:36px; line-height:46px;}
	html #wc_why .wm_compare dl{padding:30px 24px;}
	html #wc_why .wm_compare dt{font-size:20px; padding-bottom:20px; margin-bottom:20px;}
	html #wc_why .wm_compare dt img{width:150px; height:auto;}
	html #wm_point .wm_cards{gap:16px;}
	html #wm_point .wm_cards li{align-items:flex-start; gap:18px; padding:28px 22px;}
	html #wm_point .wm_cards li > img{flex-basis:48px; width:48px; height:48px;}
	html #wm_point .wm_cards h4{font-size:18px; flex-wrap:wrap; gap:8px;}
	html #wm_point .wm_cards p{font-size:15px; line-height:25px;}
	html #wm_process .wm_steps{gap:30px 12px;}
	html #wm_process .wm_steps li{flex:0 0 calc(50% - 6px); min-height:0; padding:40px 12px 30px;}
	html #wm_process .wm_steps li.on, html #wm_process .wm_steps:hover li:hover{padding:38px 10px 28px;}
	html #wm_process .wm_steps:hover li.on:not(:hover){padding:40px 12px 30px;}
	html #wm_process .wm_steps h4{font-size:17px;}
	html #wm_process .wm_steps p{font-size:14px; line-height:22px;}
	html #wm_process .wm_steps p br{display:none;}
	html #wm_review .wm_reviews .big, html #wm_review .wm_reviews .item{padding:30px 24px;}
	html #wm_review .wm_reviews .big h4{font-size:24px; line-height:34px;}
	html #wm_review .wm_reviews .item .top{flex-wrap:wrap;}
	html #wm_review .wm_reviews .side{gap:16px;}
	html #wm_review .wm_reviews{gap:16px;}
	html #wm_main #notice .wm_tit{padding:0 40px;}
	html #wm_main #notice .roll a{padding:30px 24px; min-height:0;}
	html #wm_main #notice .slick-arrow{top:-70px;}
	html #wm_cta{padding:80px 0; min-height:0;}
	html #wm_cta h3{font-size:26px; line-height:36px; white-space:normal;}
	html #wm_cta h3 br{display:none;}
	html #wm_cta .wm_cta_txt > span{font-size:15px; line-height:25px; margin-top:16px;}
	html #wm_cta .wm_cta_txt > span br{display:none;}
	html #wm_cta .wm_btns{margin-top:32px;}
	html #faq{padding:80px 0;}
	html #faq .title_area h3{font-size:28px; line-height:38px;}
	html #faq .faq_list{margin-top:30px;}
	html #faq .faq_list dl dt{min-height:0; padding:16px 50px 16px 56px; font-size:15px; line-height:25px;}
	html #faq .faq_list dl dt::before, html #faq .faq_list dl dd::before{left:14px; top:14px; width:30px; height:30px; font-size:14px;}
	html #faq .faq_list dl dt::after{right:12px;}
	html #faq .faq_list dl dd{padding:16px 15px 16px 56px;}
	html #faq .faq_list dl dd p{font-size:15px; line-height:25px;}
	html .sitemap{display:none;}
	html .footer .foot_in.wm_foot{padding:50px 0 90px;}
	html .wm_foot .wm_foot_top{flex-direction:column; align-items:flex-start; gap:20px;}
	html .wm_foot .wm_foot_menu li{padding-left:21px;}
	html .wm_foot .wm_foot_menu li:before{left:10px;}
	html .wm_foot .wm_foot_menu a, html .wm_foot .wm_foot_info p{font-size:14px; line-height:24px;}
	html .wm_foot .wm_foot_info .ic{background-position:0 3px; background-size:16px; padding-left:20px;}
	html .wm_foot .wm_copy{margin-top:30px; font-size:12px;}
}

/* ===== 2026-11-12 서브 공통 (피그마 '01 홈페이지 제작' 틀) ===== */
html #visual{height:600px;}
html #visual .v_bg .bg.wc_subbg, html #visual .v_bg .bg.wc_subbg[class*="wc_subbg_"]{background:#222 url(/comm/img/webcoach/sub/sub_top01.jpg) no-repeat center/cover !important;}
html #visual .v_bg .bg.wc_subbg.wc_subbg_mall{background-image:url(/comm/img/webcoach/sub/sub_top02.jpg) !important;}
html #visual .v_bg .bg.wc_subbg.wc_subbg_care{background-image:url(/comm/img/webcoach/sub/sub_top03.jpg) !important;}
html #visual .v_bg .bg.wc_subbg.wc_subbg_hosting{background-image:url(/comm/img/webcoach/sub/sub_top04.jpg) !important;}
html #visual .v_bg .bg.wc_subbg.wc_subbg_customer{background-image:url(/comm/img/webcoach/sub/sub_top05.jpg) !important;}
html #visual .v_bg .bg.wc_subbg.wc_subbg_estimate{background-image:url(/comm/img/webcoach/sub/sub_top06.jpg) !important;}
html #visual .v_bg .bg.wc_subbg.wc_subbg_other{background-image:url(/comm/img/webcoach/sub/sub_top07.jpg) !important;}
html #visual .v_bg .bg.wc_subbg.wc_subbg_member, html #visual .v_bg .bg.wc_subbg.wc_subbg_member_in{background-image:url(/comm/img/webcoach/sub/sub_top08.jpg) !important;}
html #visual .visual_in{top:50%; padding-top:45px; box-sizing:border-box;}
html #visual .v_txt{width:100%; display:flex; flex-direction:column-reverse; align-items:center; gap:10px; text-align:center;}
html #visual .v_txt h2{font-family:'Lexend',var(--eng),sans-serif; font-size:70px; font-weight:700; line-height:80px; letter-spacing:0; color:#fff;}
html #visual .v_txt p{padding:0; font-size:16px; font-weight:700; line-height:28px; letter-spacing:-0.8px; color:#fff;}
html #visual .visual_lnb{display:none;}
html #contents{margin:0 auto;}
html nav.lnb.basic_in{max-width:none; width:100%; box-shadow:none; background:#fff; border-bottom:1px solid #ddd; box-sizing:border-box;}
html nav.lnb .lnb_in{max-width:1350px; width:90%; margin:0 auto; overflow:visible;}
html nav.lnb .lnb_in ul{display:flex; justify-content:stretch; transform:none !important;}
html nav.lnb .lnb_in ul li{flex:1 1 0 !important; width:auto !important; margin:0 !important; padding:0; text-align:center;}
html nav.lnb .lnb_in ul li a{display:block; margin:0; font-size:18px; font-weight:400; line-height:80px; letter-spacing:-0.9px; color:#777;}
html nav.lnb .lnb_in ul li a:after{top:auto; bottom:0; height:3px; background:var(--wm-red,#d32b28);}
html nav.lnb .lnb_in ul li:hover a, html nav.lnb .lnb_in ul li.left_linktop a{color:var(--wm-red,#d32b28);}
html nav.lnb .lnb_in ul li.left_linktop a{font-weight:700;}
html #subtitle{padding:150px 0 40px;}
html #subtitle.title{padding:150px 0 20px;}
html #subtitle h3{font-size:46px; font-weight:700; line-height:60px; letter-spacing:-0.08em; color:#222;}
html .basic_cont{margin-bottom:150px;}
@media all and (max-width:1350px){
	html #visual{height:500px;}
	html #visual .v_txt h2{font-size:60px; line-height:70px;}
	html #subtitle{padding:110px 0 40px;}
	html #subtitle h3{font-size:40px; line-height:52px;}
}
@media all and (max-width:980px){
	html #visual{height:350px;}
	html #visual .visual_in{padding-top:30px;}
	html #visual .v_txt{gap:6px;}
	html #visual .v_txt h2{font-size:44px; line-height:52px;}
	html #visual .v_txt p{font-size:14px; line-height:24px;}
	html nav.lnb .lnb_in{width:100%; padding:0 20px;}
	html nav.lnb .lnb_in ul li a{font-size:16px; line-height:60px; margin:0;}
	html #subtitle{padding:70px 0 30px;}
	html #subtitle h3{font-size:32px; line-height:42px;}
	html .basic_cont{margin-bottom:100px;}
}
@media all and (max-width:680px){
	html #visual{height:250px;}
	html #visual .visual_in{padding-top:40px;}
	html #visual .v_txt h2{font-size:32px; line-height:40px;}
	html #visual .v_txt p{font-size:13px; line-height:20px;}
	html #subtitle{padding:40px 0 20px;}
	html #subtitle h3{font-size:26px; line-height:34px;}
	html .basic_cont{margin-bottom:80px;}
}