@charset "utf-8";
/*--[ LAYOUT ]--*/
html, body{width:100%; height:100%; min-height:100%; margin:0; padding:0}
body{font-family:돋움,sans-serif; font-size:12px}
#lighting{display:block; position:fixed; top:0; right:0; width:480px; height:100%}
#lighting-top{width:100%; height:40px; background:#454545}
#lighting2{position:fixed; right:480px; top:0; width:160px; height:100%; background-color:#fff; border-left:1px solid #e3e3e3}
.stage-{min-width:480px; width:100%; height:100%} /* all wrap */
/*
#stage-vi{min-width:768px}
#stage-cont{min-width:400px}
*/
#stage{height:100%; padding-right:480px}
#stage-content,
#stage-contfull{height:auto !important; min-height:100%; height:100%; background:#f2f2f2}
#stage-content{padding-right:280px; padding-left:120px}
#stage-contfull{padding-right:160px}

/* z-index */
#lighting{z-index:99}
#lighting2{z-index:98}
#lighting-m{z-index:97}
#logo{z-index:96}
#stage{z-index:9}

/* a */
a, a > *{text-decoration:none; -webkit-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -moz-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -ms-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -o-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out}
a, a:hover{text-decoration:none; color:#3a3a3a}
a{outline:none}

/* Clearfix */
.newclearfix:after{display:block; clear:both; content:' '}
* html .newclearfix,:first-child+html .newclearfix{zoom:1}

/*--[ Skip To Content ]--*/
.skipNav{width:100%; background:#fff; text-align:center}
.skipNav a{position:absolute; left:0; top:0; width:1px; height:0; display:block; padding:5px 0; overflow:hidden; color:#999; text-decoration:none; white-space:nowrap}
.skipNav a:hover,
.skipNav a:active,
.skipNav a:focus{position:relative; height:auto; width:auto}

/*--[ HEADER ]--*/
/* Home */
#lighting-top .home-link{float:left; margin-left:10px; padding-top:10px}
#lighting-top .home-link .fa{font-size:22px; color:#fff}
#lighting-top .home-link a:focus .fa{color:#888}

/* Site Title */
#lighting-top .site-title{float:left; padding-top:12px; margin-left:10px; padding-right:10px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; font-size:14px; color:#fff}

/* Sign */
#lighting-top .sign-link{float:left; padding-top:12px}
#lighting-top .sign-link ul{margin:0; padding:0; list-style:none}
#lighting-top .sign-link ul li{float:left; margin:0; padding:0 0 0 16px}
#lighting-top .sign-link a{font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:14px; color:#fff}
#lighting-top .sign-link a:focus{color:#888}

/* Logo */
#logo{position:absolute; top:10px; left:10px}

/* Search */
#lighting-top .isearch{float:right; width:224px; background-color:#393939}
#lighting-top #isearch{margin:0; padding:0}
#lighting-top #isearch .inputText{float:left; width:174px; height:20px; margin:0; padding:10px 0 10px 10px; border:0; background:none; line-height:1.3; font-size:13px; color:#ccc; outline:none}
#lighting-top #isearch .submit{float:left; width:40px; height:40px; margin:0; padding:0; background:url(../img/isearch.png) no-repeat center center; border:0; border-radius:0; outline:none; cursor:pointer; -webkit-appearance:none; -webkit-transition:opacity .1s ease-in-out; -moz-transition:opacity .1s ease-in-out; -ms-transition:opacity .1s ease-in-out; -o-transition:opacity .1s ease-in-out; transition:opacity .1s ease-in-out; filter:alpha(opacity=40); opacity:.4}
#lighting-top #isearch .submit:hover,
#lighting-top #isearch .submit:focus{filter:alpha(opacity=80); opacity:.8}


/*--[ MAIN NAVIGATION ]--*/
#lighting-nav{width:100%; height:100%}
#lighting-nav > ul{height:100%; margin:0; padding:0; list-style:none}
#lighting-nav li.nav1st-li{display:block; position:relative; width:100%; margin:0 0 -1px 0; padding:0 0 1px 0; border-left-width:4px; border-left-style:solid}
#lighting-nav .tit{display:block; position:relative; height:100%; padding-left:20px}
#lighting-nav .tit .nav1st-tit{display:inline-block; position:absolute; top:50%; margin-top:-10px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:16px; color:#fff}
#lighting-nav .tit em{position:absolute; top:0; right:0; width:69px; height:100%; background:url('../img/lighting_abg.png') repeat; text-align:center; -webkit-transition:background-image .05s ease; -moz-transition:background-image .05s ease; -ms-transition:background-image .05s ease; -o-transition:background-image .05s ease; transition:background-image .05s ease}
#lighting-nav .tit em img{position:absolute; right:34%; top:50%; margin-top:-15px; width:30px; height:30px; -webkit-transition:.05s ease; -moz-transition:.05s ease; -o-transition:.05s ease; transition:.05s ease}
#lighting-nav .tit:hover em,
#lighting-nav .tit:focus em{background:none}
#lighting-nav .tit:hover em img,
#lighting-nav .tit:focus em img{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg)}
#lighting-nav .nav2nd-box{display:none; padding-left:10px; padding-right:10px}

#lighting-nav .active{background:#f9f9f9 !important; height:200px !important; border-top:8px solid; border-left:0 !important}
#lighting-nav .active .tit{position:relative; height:20px; padding:20px 20px 0}
#lighting-nav .active .tit strong{position:static; margin-top:0; color:#3a3a3a}
#lighting-nav .active .tit em{display:none}
#lighting-nav .active .nav2nd-box{position:relative; display:block; height:150px; text-align:center}

#lighting-nav .nav2nd-box ul{margin:20px 0 0 0; padding:0; list-style:none}
#lighting-nav .nav2nd-box li{float:left; margin:0; padding:0; text-align:center}
#lighting-nav .nav2nd-box li .nav2nd-tit{display:block; margin-top:5px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:15px; color:#888}
#lighting-nav .nav2nd-box li .fa-stack{*position:relative; *display:inline-block; *vertical-align:middle; width:80px; height:80px; line-height:80px}
#lighting-nav .nav2nd-box li .fa-stack-2x{font-size:80px; -webkit-transition:color .1s ease; -moz-transition:color .1s ease; -ms-transition:color .1s ease; -o-transition:color .1s ease; transition:color .1s ease}
#lighting-nav .nav2nd-box li .fa-stack-1x{font-size:32px}
#lighting-nav .nav2nd-box li .fa-stack-2x,
#lighting-nav .nav2nd-box li .fa-stack-1x{*position:absolute; *left:0; *display:inline-block; *width:100%; *text-align:center; *line-height:80px}

#lighting-nav .nav2nd-box li a:hover .nav2nd-tit,
#lighting-nav .nav2nd-box li a:focus .nav2nd-tit{color:#454545}
#lighting-nav .nav2nd-box li a:hover .fa-stack-2x,
#lighting-nav .nav2nd-box li a:focus .fa-stack-2x{color:#454545}
#lighting-nav .nav2nd-box li.selected .fa-stack-1x,
#lighting-nav .nav2nd-box li a:hover .fa-stack-1x,
#lighting-nav .nav2nd-box li a:focus .fa-stack-1x{color:#fff !important}


/*--[ SUB NAVIGATION ]--*/
#lighting2-nav{margin:0; padding:0; list-style:none}
#lighting2-nav li{margin:50px 0 0 0; padding:0; text-align:center}
#lighting2-nav li a{display:block}
#lighting2-nav li .nav2nd-tit{display:block; margin-top:10px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:15px; color:#aaa}
#lighting2-nav li .fa{font-size:42px; color:#ccc; *display:inline-block}
/* Banner */
#lighting2 .banner_l2{position:absolute; bottom:0; left:0}


/*--[ NAVIGATION BUTTON ]--*/
#lighting-m{display:none; position:fixed; top:10px; right:30px; width:80px; height:80px; background:#e46f35 url(../img/lighting_m.png) no-repeat center center; border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; text-align:center; cursor:pointer; -webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
#lighting-m:hover,
#lighting-m:focus{background-color:#454545}


/*--[ CONTENTS ]--*/
/* Page Title */
#page-title{width:100%; padding-top:80px; padding-bottom:60px; text-align:center}
#page-title h1,
#page-title h2{margin:0; padding:0; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700}
#page-title h1{font-size:30px; color:#333}
#page-title h2{display:inline-block; margin-top:30px; padding:8px 20px; font-size:15px}
/* Content */
#content{margin-bottom:100px}


/*--[ FOOTER ]--*/
#info li,
#info p,
#info a{font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:400; color:#919191}
#info a:hover,
#info a:focus{color:#333}
#info .info{padding:12px 0; border-top:1px solid #ccc}
#info .footer-bottom{padding:10px 0 30px; border-top:1px solid #ddd}
#info .info-cont{float:left}
/* Logo */
#info .info-logo{float:left; margin-right:30px}
#info .info-logo img{display:block; padding-top:5px}
/* Address */
#info address{font-style:normal}
#info address p{position:relative; margin:0; padding:8px 0}
#info .contact_infor p{font-size:13px; font-weight:700}
#info .contact_info p{float:left; margin-right:20px; padding-left:25px; *padding-left:0; font-size:14px}
#info .contact_info p:before{position:absolute; top:50%; left:0; display:block; font-family:FontAwesome; font-style:normal; font-weight:normal; line-height:1}
#info .contact_info p.address:before{content:"\f015"; margin-left: -1px; margin-top:-12px; font-size:20px}
#info .contact_info p.tel:before{content:"\f095"; margin-left: 1px; margin-top:-10px; font-size:20px}
#info .contact_info p.fax:before{content:"\f02f"; margin-top:-10px; font-size:18px}
#info .contact_info p.email:before{content:"\f0e0"; margin-top:-10px; font-size:17px}
/* Copyright */
#info .copyright{float:left; margin:0; padding:0; font-size:13px}
/* Info Navigation */
#info #info-nav{float:right}
#info #info-nav ul{margin:0; padding:0; list-style:none}
#info #info-nav li{float:left; margin:0 5px 0 0; padding:0; font-size:13px}
#info #info-nav li:after{content:'|'; display:inline-block; margin-left:1px}
#info #info-nav li:last-child{margin-right:0; padding-right:0}
#info #info-nav li:last-child:after{content:''; margin-left:0}


/*--[ Back to Top ]--*/
#sTop, .touch-device #sTop:hover{position:absolute; bottom:24px; left:-69px; display:block; height:45px; width:45px; line-height:41px; background:#fff; background-color:#fff; border:1px solid #ddd; overflow:hidden; text-decoration:none; text-align:center; font-size:29px; color:#888; z-index:999; outline:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none}
#sTop:hover,
#sTop:focus{background-color:#e46f35; border:1px solid #e46f35; color:#fff}


/*--[ MAIN SLIDER - VISUAL ]--*/
#stage-visual{position:relative; overflow:hidden; height:100%; background:#f1f1f1 !important}
#stage-visual .visual{position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; list-style:none}
#stage-visual .visual > li{position:relative; height:100%; margin:0; padding:0; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; line-height:0}
#stage-visual .visual .vtit{position:absolute; opacity:0; filter:alpha(opacity=0)}
#stage-visual .visual .vtit1{top:200px; left:100px}
#stage-visual .visual .vtit2{top:400px; left:100px}

#stage-visual .sbtn{position:fixed; top:40%; right:480px; z-index:10; margin:0; padding:0; list-style:none}
#stage-visual .sbtn li{margin:0 0 1px 0; padding:0}
#stage-visual .sbtn li a{display:inline-block; padding:40px 15px; background-color:#e46f35}
#stage-visual .sbtn li a:hover,
#stage-visual .sbtn li a:focus{background:#454545}
#stage-visual .sbtn li img{width:25px; height:15px}


@media screen and (max-width: 2560px){
	#stage-content{padding-right:320px; padding-left:160px}
}

@media screen and (max-width: 1920px){
	#stage-content{padding-right:280px; padding-left:120px}
}

@media screen and (max-width: 1680px){
	#stage-content{padding-right:220px; padding-left:60px}
}

@media screen and (max-width: 1440px){
	#stage-content{padding-right:200px; padding-left:40px}
}

@media screen and (max-width: 1366px){
	.stage-pc #stage-visual .sbtn{right:20px}
	.stage-mobile #stage-visual .sbtn{right:0}
	#lighting, #stage-cont #lighting{margin-right:-460px}
	#lighting2{right:0; margin-right:-640px}
	#lighting-m{display:block}
	#stage.stage-pc{padding-right:20px}
	#stage.stage-mobile{padding-right:0}
	#stage-content{padding-right:100px; padding-left:100px}
	#stage-contfull{padding-right:0}
}

@media screen and (max-width: 1280px){
	#stage-content{padding-right:80px; padding-left:80px}
}

@media screen and (max-width: 1024px){
	#stage-content{padding-right:60px; padding-left:60px}
}

@media screen and (max-width: 768px){
	#stage-content{padding-right:40px; padding-left:40px}
}

@media screen and (max-width: 480px){
	#stage-content{padding-right:20px; padding-left:20px}
}

@media only screen and (max-height: 768px){
	#lighting2 li{margin-top:20px}
	#lighting2 li .nav2nd-tit{margin-top:5px}
	#lighting2 .banner_l2{display:none}
}
/* nw-sitewide-mobile-fix 2026-10-22: 모바일 가로 넘침 방지 + 모바일 메뉴 글자 확대 (767px 이하에서만 적용, 데스크톱 영향 없음) */
@media screen and (max-width: 767px) {
	.stage- { min-width: 0 !important; }
	html, body { max-width: 100%; }
	.xe_content { overflow-wrap: break-word; }
	.xe_content a, .xe_content :not(pre) > code { overflow-wrap: anywhere; }
	.xe_content pre { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.xe_content img, .xe_content video, .xe_content iframe, .xe_content embed { max-width: 100%; height: auto; }
	.xe_content table { max-width: 100%; }
	.xe_content > table, .xe_content > div > table { display: block; overflow-x: auto; }
	/* 메인 비주얼: 예전(480px 레이아웃 축소) 크기/위치 재현 — 1px(480 기준) = 100vw/480 */
	#stage-visual ul.visual > li[class] .vtit.vtit1 { left: auto; right: 10.4167vw; width: 75.8333vw; top: calc(31.25vw - 50px); }
	#stage-visual ul.visual > li[class] .vtit.vtit2 { left: auto; right: 10.4167vw; width: 83.3333vw; top: calc(58.3333vw + 50px); }
	#stage-visual .visual .vtit img { display: block; width: 100%; max-width: 100%; height: auto; }
	#stage-visual .sbtn li { margin-bottom: 0.2083vw; }
	#stage-visual .sbtn li a { display: block; box-sizing: content-box; height: 21.875vw; line-height: 21.875vw; padding: 0 3.125vw; font-size: 0; }
	#stage-visual .sbtn li img { width: 5.2083vw; height: 3.125vw; vertical-align: middle; }
	/* 페이지 본문 고정 최소폭 박스 (page_WxJw60, page_nAQI40, page_mGNX34) */
	.xe_content .nw-svc-info-box { grid-template-columns: minmax(0, 1fr); }
	.xe_content .nw-quality-content { min-width: 0; }
	/* 문의/견적 작성폼 스킨(contact_write) 표 */
	.boardWrite .extraVarsList { table-layout: fixed; }
	.boardWrite .extraVarsList th { white-space: normal; word-break: keep-all; width: 28%; padding-left: 10px; box-sizing: border-box; }
	.boardWrite .extraVarsList td { width: auto; box-sizing: border-box; overflow-wrap: anywhere; }
	.boardWrite .extraVarsList td .iText, .boardWrite .extraVarsList td input, .boardWrite .extraVarsList td textarea, .boardWrite .extraVarsList td select { max-width: 100%; box-sizing: border-box; }
	/* 모바일 슬라이드 메뉴 */
	#mobile-nav a.nav1st { padding: 12px 36px 12px 14px; min-height: 44px; box-sizing: border-box; line-height: 1.35; font-size: 17px; word-break: keep-all; overflow-wrap: anywhere; }
	#mobile-nav li.nav-bottom a.nav1st { min-height: 0; padding: 0; }
	#mobile-nav a.nav2nd { padding: 12px 14px 12px 18px; min-height: 44px; box-sizing: border-box; line-height: 1.4; font-size: 15px; word-break: keep-all; overflow-wrap: anywhere; }
	#mobile-nav a.nav3rd { padding: 12px 14px 12px 26px; min-height: 44px; box-sizing: border-box; line-height: 1.4; font-size: 14px; }
	#mobile-nav a i.fa-angle-down, #mobile-nav a.nav1st i.fa-angle-right { font-size: 16px; margin-top: -8px; }
	#mobile-sign a { font-size: 12px; }
}


/* nw-kzym67-price-fix 2026-10-22: 유지관리/리뉴얼(page_kzym67) 가격표 오른쪽이 360px 폭에서 잘리던 문제 — 375px 미만에서만 칸 좌우 여백 축소 */
@media screen and (max-width: 374px) {
	.xe_content .comparison-container .column { padding-left: 16px !important; padding-right: 16px !important; }
}


/* nw-content-ui-v2 2026-10-26: 서비스 소개 8개 페이지(문서 565·239·242·245·248·251·254·641) 본문 폭·좌우 여백 통일 + 본문 버튼·카드 호버 정리.
   폭 규칙은 위 8개 문서에만, 버튼/카드 규칙은 .nw-master-container/.nw-story-container 본문 안에만 적용. 메인 비주얼·슬라이더·헤더·푸터·팝업 무관. 이 블록 전체를 지우면 원래대로. */
#stage-content:has(.document_565_4,.document_239_4,.document_242_4,.document_245_4,.document_248_4,.document_251_4,.document_254_4,.document_641_4) { --nwx-gut: clamp(16px, 3vw, 40px); --nwx-max: 1080px; padding-left: var(--nwx-gut) !important; padding-right: max(0px, calc(var(--nwx-gut) - 20px)) !important; } /* #stage 오른쪽 20px 여백과 합쳐 좌우 대칭 */
@media screen and (min-width: 1367px) {
	#stage-content:has(.document_565_4,.document_239_4,.document_242_4,.document_245_4,.document_248_4,.document_251_4,.document_254_4,.document_641_4) { padding-right: calc(160px + var(--nwx-gut)) !important; } /* 오른쪽 고정 아이콘 메뉴(#lighting2, 160px) 자리 */
}
#stage-content:has(.document_565_4,.document_239_4,.document_242_4,.document_245_4,.document_248_4,.document_251_4,.document_254_4,.document_641_4) :is(.nw-master-container,.nw-story-container) { max-width: var(--nwx-max) !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; }
#stage-content:has(.document_565_4,.document_239_4,.document_242_4,.document_245_4,.document_248_4,.document_251_4,.document_254_4,.document_641_4) :is(.nw-pu,.nw-pu-foot,.nw-pu-visual,.nw-values-grid) { max-width: 100% !important; }
/* nw-content-ui-v3 2026-10-26: 본문 박스 100px 축소 — 최대 1080px, 좁은 본문 칸(768px 이상)에서도 좌우 50px씩 여백 추가. 768px 미만(모바일)은 그대로 */
@media screen and (min-width: 768px) {
	#stage-content:has(.document_565_4,.document_239_4,.document_242_4,.document_245_4,.document_248_4,.document_251_4,.document_254_4,.document_641_4) :is(.nw-master-container,.nw-story-container) { max-width: min(var(--nwx-max), calc(100% - 100px)) !important; }
}
#stage-content:has(.document_565_4,.document_239_4,.document_242_4,.document_245_4,.document_248_4,.document_251_4,.document_254_4,.document_641_4) .nw-pu-grid:not(.n1):not(.n2) { gap: clamp(16px, 1.8vw, 24px) !important; align-items: stretch !important; }

/* 버튼 공통: 높이·라운드·여백 통일 */
#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-btn-angel,.nw-btn-faq,.nw-pu-cta) { position: relative !important; isolation: isolate; overflow: hidden !important; align-items: center !important; justify-content: center !important; gap: .5em !important; border-radius: 999px !important; box-sizing: border-box !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: -.01em !important; text-decoration: none !important; -webkit-tap-highlight-color: transparent; cursor: pointer;
	transition: transform .22s ease-out, box-shadow .22s ease-out, background-color .22s ease-out, color .22s ease-out, border-color .22s ease-out !important; }
#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-btn-angel,.nw-btn-faq) { display: inline-flex !important; min-height: 58px !important; padding: 0 36px !important; font-size: 1.0625rem !important; margin-left: 0; }
#stage-content :is(.nw-master-container,.nw-story-container) .nw-pu-cta { display: flex !important; min-height: 48px !important; padding: 0 20px !important; font-size: .95rem !important; }
#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-btn-angel,.nw-btn-faq,.nw-pu-cta) :is(svg) { flex-shrink: 0; transition: transform .22s ease-out !important; }
#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-btn-angel,.nw-btn-faq,.nw-pu-cta)::after { transition: transform .22s ease-out !important; }

/* 주 버튼(견적 문의 등): 앰버 그라데이션 + 안쪽 하이라이트 + 은은한 컬러 그림자 */
#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-pu-card.is-best .nw-pu-cta) { background: linear-gradient(135deg, #FFB000 0%, #F08A00 100%) !important; color: #fff !important; border: 0 !important; text-shadow: 0 1px 1px rgba(122,52,0,.28) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.45), inset 0 -1px 0 rgba(160,70,0,.18), 0 2px 4px rgba(180,83,9,.10), 0 10px 22px -10px rgba(240,138,0,.60) !important; }
#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-pu-card.is-best .nw-pu-cta)::before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: -75%; width: 50%; pointer-events: none;
	background: linear-gradient(105deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.38) 50%, rgba(255,255,255,0) 100%); transform: skewX(-20deg); transition: left .6s ease-out; }

/* 보조 버튼: 차콜 아웃라인 → 호버 시 차콜로 채우고 글자 반전 */
#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-pu-card:not(.is-best) .nw-pu-cta,.nw-btn-angel,.nw-btn-faq) { background: #fff !important; color: #1F1B16 !important; border: 1.5px solid #1F1B16 !important; text-shadow: none !important; box-shadow: 0 1px 2px rgba(31,27,22,.06) !important; }

@media (hover: hover) {
	#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-pu-card.is-best .nw-pu-cta):hover { transform: translateY(-2px) !important; color: #fff !important; background: linear-gradient(135deg, #FFB000 0%, #F08A00 100%) !important;
		box-shadow: inset 0 1px 0 rgba(255,255,255,.45), inset 0 -1px 0 rgba(160,70,0,.18), 0 4px 8px rgba(180,83,9,.12), 0 18px 32px -12px rgba(240,138,0,.72) !important; }
	#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-pu-card.is-best .nw-pu-cta):hover::before { left: 125%; }
	#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-pu-card:not(.is-best) .nw-pu-cta,.nw-btn-angel,.nw-btn-faq):hover { transform: translateY(-2px) !important; background: #1F1B16 !important; color: #fff !important; border-color: #1F1B16 !important; box-shadow: 0 14px 26px -14px rgba(31,27,22,.55) !important; }
	#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-btn-angel,.nw-btn-faq,.nw-pu-cta):hover svg, #stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-btn-angel,.nw-btn-faq,.nw-pu-cta):hover::after { transform: translateX(4px) !important; }
	/* 카드 호버: 살짝 떠오르며 앰버 테두리 글로우 */
	#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-pu-card,.nw-value-card,.nw-step-card,.nw-compare-card,.nw-curriculum-item,.nw-roi-card,.nw-maint-card):not(.is-best):hover { transform: translateY(-4px) !important; }
	#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-pu-card,.nw-value-card,.nw-step-card,.nw-compare-card,.nw-curriculum-item,.nw-roi-card,.nw-maint-card):hover { box-shadow: 0 0 0 1px rgba(240,138,0,.38), 0 2px 4px rgba(180,83,9,.05), 0 22px 44px -22px rgba(240,138,0,.42) !important; }
}
#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-pu-card,.nw-value-card,.nw-step-card,.nw-compare-card,.nw-curriculum-item,.nw-roi-card,.nw-maint-card) { transition: transform .25s ease-out, box-shadow .25s ease-out !important; }
#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-pu-card.is-best .nw-pu-cta):active { transform: translateY(0) !important; filter: brightness(.96); box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 4px 10px -6px rgba(240,138,0,.6) !important; }
#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-pu-card:not(.is-best) .nw-pu-cta,.nw-btn-angel,.nw-btn-faq):active { transform: translateY(0) !important; background: #1F1B16 !important; color: #fff !important; box-shadow: none !important; }
#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-btn-angel,.nw-btn-faq,.nw-pu-cta):focus-visible { outline: 3px solid rgba(240,138,0,.9) !important; outline-offset: 3px !important; }
#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-btn-angel,.nw-btn-faq,.nw-pu-cta):focus:not(:focus-visible) { outline: none !important; }
@media (hover: none) {
	#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-pu-card,.nw-value-card,.nw-step-card,.nw-compare-card,.nw-curriculum-item,.nw-roi-card,.nw-maint-card):hover { transform: none !important; }
}
@media screen and (max-width: 767px) {
	#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-btn-angel,.nw-btn-faq) { display: flex !important; width: 100% !important; max-width: 440px !important; margin-left: auto !important; margin-right: auto !important; min-height: 54px !important; padding: 0 22px !important; font-size: 1rem !important; white-space: normal !important; text-align: center !important; }
}
@media (prefers-reduced-motion: reduce) {
	#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-btn-angel,.nw-btn-faq,.nw-pu-cta), #stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-btn-angel,.nw-btn-faq,.nw-pu-cta)::before, #stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-btn-angel,.nw-btn-faq,.nw-pu-cta)::after, #stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-btn-angel,.nw-btn-faq,.nw-pu-cta) svg, #stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-pu-card,.nw-value-card,.nw-step-card,.nw-compare-card,.nw-curriculum-item,.nw-roi-card,.nw-maint-card) { transition: none !important; }
	#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-btn-angel,.nw-btn-faq,.nw-pu-cta):hover, #stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-btn-angel,.nw-btn-faq,.nw-pu-cta):hover svg, #stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-btn-angel,.nw-btn-faq,.nw-pu-cta):hover::after, #stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-pu-card,.nw-value-card,.nw-step-card,.nw-compare-card,.nw-curriculum-item,.nw-roi-card,.nw-maint-card):hover { transform: none !important; }
	#stage-content :is(.nw-master-container,.nw-story-container) :is(.nw-btn-primary,.nw-btn-solid,.nw-btn-pm,.nw-pu-card.is-best .nw-pu-cta)::before { display: none !important; }
}
/* nw-content-ui-v2 2026-10-26 (v3: 1080, >=768px): 641 board wrapper (.rd 15px padding) must not narrow the 1080 container — keeps 641 edges equal to the other pages */
@media screen and (min-width: 768px) {
	#stage-content .rd_body:has(> article > .document_641_4) { margin-left: -15px; margin-right: -15px; }
}

/* ===== nw-callout-v1 2026-10-26 : callout / note / VAT components (.nw-co*) — unique class names, used only in docs 239·242·245·248·251·254·641·4790·4791 ===== */
#stage-content .nw-co{--co-a1:#FFB000;--co-a2:#F08A00;--co-ink:#1F1B16;--co-ink2:#4A4238;--co-ink3:#7A7064;--co-line:#EFE2CA;
	position:relative;box-sizing:border-box;margin:1.5rem 0 0;padding:1.55rem 1.7rem 1.6rem;border:1px solid var(--co-line);border-radius:22px;background:#fff;
	box-shadow:0 1px 2px rgba(31,27,22,.04),0 14px 34px -18px rgba(31,27,22,.22);color:var(--co-ink2);font-size:.95rem;line-height:1.65;text-align:left;word-break:keep-all;overflow:hidden}
#stage-content .nw-co *{box-sizing:border-box}
#stage-content .nw-co::before{content:'';position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--co-a1),var(--co-a2))}
#stage-content .nw-co svg{display:block;width:100%;height:100%}
#stage-content .nw-co-head{display:flex;align-items:flex-start;gap:.95rem;min-width:0}
#stage-content .nw-co-ico{flex:none;display:grid;place-items:center;width:2.7rem;height:2.7rem;padding:.68rem;border-radius:14px;background:linear-gradient(135deg,var(--co-a1),var(--co-a2));color:#fff;box-shadow:0 8px 18px -8px rgba(240,138,0,.6)}
#stage-content .nw-co-ico.is-soft{background:#FFF3DC;color:#C76A00;box-shadow:none}
#stage-content .nw-co-htxt{display:flex;flex-direction:column;gap:.28rem;min-width:0;padding-top:.1rem}
#stage-content .nw-co-title{display:block;margin:0;color:var(--co-ink);font-size:1.1rem;font-weight:800;letter-spacing:-.01em;line-height:1.4}
#stage-content .nw-co-sub{display:block;color:var(--co-ink3);font-size:.93rem;line-height:1.65}
#stage-content .nw-co-sub em{font-style:normal;font-weight:800;color:var(--co-ink)}
#stage-content .nw-co-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:1.15rem 0 0}
#stage-content .nw-co-tile{display:flex;flex-direction:column;gap:.3rem;min-width:0;padding:1rem 1.15rem 1.05rem;border:1px solid var(--co-line);border-radius:16px;background:linear-gradient(180deg,#FFFCF6,#FFF6E7)}
#stage-content .nw-co-tile-k{display:block;color:var(--co-ink3);font-size:.84rem;font-weight:700;letter-spacing:.005em}
#stage-content .nw-co-tile-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .5rem}
#stage-content .nw-co-tile-l{color:var(--co-ink2);font-size:.9rem;font-weight:700}
#stage-content .nw-co-arr{align-self:center;width:1rem;height:1rem;color:#E08A00}
#stage-content .nw-co-price{color:var(--co-ink);font-size:1.6rem;font-weight:900;letter-spacing:-.02em;line-height:1.15;white-space:nowrap}
#stage-content .nw-co-price small{margin-left:.12rem;font-size:.92rem;font-weight:800;letter-spacing:0}
#stage-content .nw-co-cond{display:inline-flex;align-items:center;gap:.4rem;margin:1rem 0 0;padding:.36rem .85rem .36rem .7rem;border-radius:999px;background:#FFF3DC;color:#9A5B00;font-size:.82rem;font-weight:700;line-height:1.4}
#stage-content .nw-co-cond svg,#stage-content .nw-co-chip svg{flex:none;width:.95rem;height:.95rem}
/* premium benefit (재의뢰 우대) */
#stage-content .nw-co-benefit{border-color:#2E2820;background:radial-gradient(120% 140% at 100% 0,rgba(255,176,0,.16),transparent 55%),linear-gradient(160deg,#2A241D,#1F1B16);color:#E9DFCF;box-shadow:0 18px 40px -20px rgba(31,27,22,.55)}
#stage-content .nw-co-benefit .nw-co-title{color:#fff}
#stage-content .nw-co-benefit .nw-co-sub{color:#CDBFA8}
#stage-content .nw-co-benefit .nw-co-tile{border-color:rgba(255,255,255,.10);background:rgba(255,255,255,.05)}
#stage-content .nw-co-benefit .nw-co-tile-k{color:#CDBFA8}
#stage-content .nw-co-benefit .nw-co-tile-l{color:#E9DFCF}
#stage-content .nw-co-benefit .nw-co-arr{color:#FFB000}
#stage-content .nw-co-benefit .nw-co-price{background:linear-gradient(90deg,#FFC233,#FF9A1A);-webkit-background-clip:text;background-clip:text;color:transparent}
#stage-content .nw-co-benefit .nw-co-cond{background:rgba(255,176,0,.14);color:#FFC861}
/* comparison (정기 유지관리 비교) */
#stage-content .nw-co-tile.is-muted{background:#FAF8F5;border-color:#ECE7DF}
#stage-content .nw-co-tile.is-muted .nw-co-price{color:#5A5148}
#stage-content .nw-co-tile.is-hl{border-color:#F6C66B;background:linear-gradient(180deg,#FFF8EA,#FFEFD2);box-shadow:inset 0 0 0 1px rgba(255,176,0,.18)}
#stage-content .nw-co-tile.is-hl .nw-co-price{color:#C76A00}
#stage-content ul.nw-co-break{display:flex;flex-wrap:wrap;gap:.4rem;margin:.55rem 0 0 !important;padding:0 !important;list-style:none !important}
#stage-content ul.nw-co-break li{display:inline-flex;align-items:baseline;gap:.35rem;margin:0 !important;padding:.24rem .6rem !important;border:1px solid #E6E0D7 !important;border-radius:999px;background:#fff !important;list-style:none !important;font-size:.8rem;line-height:1.4;color:var(--co-ink3)}
#stage-content ul.nw-co-break li::before,#stage-content ul.nw-co-break li::after{content:none !important;display:none !important}
#stage-content ul.nw-co-break li b{color:var(--co-ink2);font-weight:800}
#stage-content .nw-co-tile-note{display:flex;align-items:flex-start;gap:.4rem;margin-top:.35rem;color:#8A5A12;font-size:.84rem;line-height:1.55}
#stage-content .nw-co-tile-note svg,#stage-content .nw-co-foot svg{flex:none;width:1rem;height:1rem;margin-top:.15rem}
/* example (소요 시간·교육 예시) / target (적용 대상) : head + tiles side by side */
#stage-content .nw-co-split{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.4rem}
#stage-content .nw-co-split .nw-co-tiles{margin:0;grid-template-columns:repeat(2,minmax(8.5rem,auto))}
#stage-content .nw-co-tiles.is-sm .nw-co-tile{padding:.8rem 1.1rem .85rem}
#stage-content .nw-co-tiles.is-sm .nw-co-price{font-size:1.4rem}
#stage-content .nw-co-foot{display:flex;align-items:flex-start;gap:.5rem;margin:1.1rem 0 0;padding:.8rem 0 0;border-top:1px dashed var(--co-line);color:var(--co-ink3);font-size:.88rem;line-height:1.6}
#stage-content .nw-co-foot svg{color:#E08A00}
#stage-content .nw-co-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:7.2rem;padding:.85rem 1.2rem;border-radius:18px;background:linear-gradient(135deg,var(--co-a1),var(--co-a2));color:#fff;box-shadow:0 12px 24px -12px rgba(240,138,0,.7);line-height:1.1}
#stage-content .nw-co-badge b{font-size:2rem;font-weight:900;letter-spacing:-.02em}
#stage-content .nw-co-badge span{margin-top:.2rem;font-size:.85rem;font-weight:800;opacity:.95}
/* VAT / footnote meta row */
#stage-content .nw-co-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .75rem;margin:1.15rem 0 0;padding:0;text-align:center;color:#7A7064;font-size:.85rem;line-height:1.55;word-break:keep-all}
#stage-content .nw-co-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem .3rem .62rem;border:1px solid #F1DDB4;border-radius:999px;background:#FFF8EA;color:#9A5B00;font-size:.8rem;font-weight:800;white-space:nowrap}
/* "more" link card (공지) */
#stage-content .nw-co-more{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding:1.15rem 1.4rem;background:linear-gradient(180deg,#FFFFFF,#FFFBF3)}
#stage-content .nw-co-more::before{width:3px;height:auto;right:auto;bottom:0}
#stage-content .nw-co-more .nw-co-ico{width:2.4rem;height:2.4rem;padding:.6rem;border-radius:12px}
#stage-content .nw-co-more-t{margin:0;color:var(--co-ink2);font-size:.95rem;line-height:1.7}
#stage-content a.nw-co-link{display:inline-flex;align-items:center;gap:.25rem;margin:0 .1rem;padding:.08rem .6rem;border:0 !important;border-radius:999px;background:#FFF0D2;color:#B45309 !important;font-weight:800;text-decoration:none !important;white-space:nowrap;transition:background .2s,color .2s}
#stage-content a.nw-co-link svg{width:.9rem;height:.9rem;transition:transform .2s}
#stage-content a.nw-co-link:hover{background:linear-gradient(90deg,#FFB000,#F08A00);color:#fff !important}
#stage-content a.nw-co-link:hover svg{transform:translateX(2px)}
@media (max-width:860px){
	#stage-content .nw-co-split{grid-template-columns:minmax(0,1fr);gap:1.05rem}
	#stage-content .nw-co-split .nw-co-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
	#stage-content .nw-co-badge{flex-direction:row;align-items:baseline;justify-content:flex-start;gap:.45rem;min-width:0;padding:.7rem 1rem;justify-self:start}
	#stage-content .nw-co-badge b{font-size:1.6rem}
}
@media (max-width:560px){
	#stage-content .nw-co{padding:1.25rem 1.1rem 1.3rem;border-radius:18px;font-size:.92rem}
	#stage-content .nw-co-head{gap:.75rem}
	#stage-content .nw-co-ico{width:2.35rem;height:2.35rem;padding:.58rem;border-radius:12px}
	#stage-content .nw-co-title{font-size:1.02rem}
	#stage-content .nw-co-sub{font-size:.88rem}
	#stage-content .nw-co-tiles{grid-template-columns:minmax(0,1fr);gap:.6rem}
	#stage-content .nw-co-split .nw-co-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
	#stage-content .nw-co-price{font-size:1.4rem}
	#stage-content .nw-co-cond{font-size:.78rem}
	#stage-content .nw-co-more{align-items:flex-start;padding:1rem 1.05rem}
	#stage-content .nw-co-more-t{font-size:.9rem}
	#stage-content .nw-co-meta{font-size:.8rem}
}
@media (prefers-reduced-motion:reduce){#stage-content a.nw-co-link,#stage-content a.nw-co-link svg{transition:none}}
#stage-content .nw-co-head:has(> .nw-co-htxt > :only-child){align-items:center}


/* ===== nw-xfade-v1 2026-10-26 : service visual 2-image crossfade (docs 239·242·245·248·251·254·641·4790·4791) =====
   cycle 9.6s : image A ~4s -> 0.8s fade -> image B ~4s -> 0.8s fade ; Ken Burns scale 1 -> 1.05 while visible ; pure CSS */
#stage-content .nw-pu-visual.nw-xf{--nwxf-t:9.6s;--nwxf-d:0s}
#stage-content .nw-pu-visual.nw-xf > img{transform-origin:50% 50%;will-change:transform,opacity;backface-visibility:hidden}
#stage-content .nw-pu-visual.nw-xf > img.nw-xf-a{position:relative;z-index:0;animation:nwxf-a-kb var(--nwxf-t) linear var(--nwxf-d) infinite both}
#stage-content .nw-pu-visual.nw-xf > img.nw-xf-b{position:absolute;inset:0;z-index:0;width:100%;height:100%;opacity:0;
	animation:nwxf-b-op var(--nwxf-t) ease-in-out var(--nwxf-d) infinite both,nwxf-b-kb var(--nwxf-t) linear var(--nwxf-d) infinite both}
@keyframes nwxf-a-kb{0%{transform:scale(1.0071)}50%{transform:scale(1.05)}52%{transform:scale(1.05)}56%{transform:scale(1)}91.667%{transform:scale(1)}100%{transform:scale(1.0071)}}
@keyframes nwxf-b-op{0%{opacity:0}41.667%{opacity:0}50%{opacity:1}91.667%{opacity:1}100%{opacity:0}}
@keyframes nwxf-b-kb{0%{transform:scale(1)}41.667%{transform:scale(1)}100%{transform:scale(1.05)}}
@media (prefers-reduced-motion:reduce){
	#stage-content .nw-pu-visual.nw-xf > img{animation:none!important;transform:none!important}
	#stage-content .nw-pu-visual.nw-xf > img.nw-xf-b{opacity:0!important;visibility:hidden}
}


/* ===== nw-banner-shine BEGIN 2026-10-27 rev2 : home visual "Since 2004 / nanumweb / 독립형 맞춤제작 서비스 바로가기" (layout 170 v*_tit1/v*_tit2) =====
   pure-CSS premium light sweep: wide soft warm band, 2.8s smooth sweep + calm rest (7.6s cycle), synced glint on the outline box border
   and on the 3 yellow icons (masked by the moving band so they light up in sequence). Overlay pseudo-elements only, pointer-events:none
   -> no change to size, layout or links. Remove this whole block to roll back. */
#stage-visual .visual .vtit::after,
#stage-visual .visual .vtit2::before,
#stage-visual .visual .vtit2 a::before,
#stage-visual .visual .vtit2 a::after{content:"";position:absolute;pointer-events:none;z-index:2;mix-blend-mode:screen}
/* 1) main band, masked by the title image itself (light runs over logo/text/box/icon strokes only) */
#stage-visual .visual .vtit::after{top:0;right:0;bottom:0;left:0;
	-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;
	background:linear-gradient(110deg,rgba(255,255,255,0) 40.8%,rgba(255,255,255,.08) 44.2%,rgba(255,250,232,.18) 47.2%,rgba(255,244,214,.28) 50%,rgba(255,250,232,.18) 52.8%,rgba(255,255,255,.08) 55.8%,rgba(255,255,255,0) 59.2%) no-repeat;
	background-size:300% 100%;background-position:96% 0;
	animation:nwbs-sweep 7.6s cubic-bezier(.45,.05,.55,.95) .6s infinite both}
#stage-visual .visual .vtit2::after{animation-delay:.85s}
@keyframes nwbs-sweep{0%{background-position:96% 0}36.84%{background-position:4% 0}100%{background-position:4% 0}}
/* moving band mask shared by the glints */
#stage-visual .visual .vtit2::before,
#stage-visual .visual .vtit2 a::before{
	-webkit-mask-image:linear-gradient(110deg,transparent 40.8%,rgba(0,0,0,.55) 45.2%,#000 50%,rgba(0,0,0,.55) 54.8%,transparent 59.2%);
	mask-image:linear-gradient(110deg,transparent 40.8%,rgba(0,0,0,.55) 45.2%,#000 50%,rgba(0,0,0,.55) 54.8%,transparent 59.2%);
	-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
/* 2) outline-box border glint (box = x 10%..95%, y 14.33%..68.67% of the 400x300 title image) */
#stage-visual .visual .vtit2::before{left:10%;top:14.33%;width:85%;height:54.34%;
	box-shadow:inset 0 0 0 2px rgba(255,248,226,.6),inset 0 0 14px 1px rgba(255,236,190,.32);
	-webkit-mask-position:105.6% 0;mask-position:105.6% 0;
	animation:nwbs-mask-box 7.6s cubic-bezier(.45,.05,.55,.95) .85s infinite both}
@keyframes nwbs-mask-box{0%{-webkit-mask-position:105.6% 0;mask-position:105.6% 0}36.84%{-webkit-mask-position:-2.65% 0;mask-position:-2.65% 0}100%{-webkit-mask-position:-2.65% 0;mask-position:-2.65% 0}}
/* 3) icon highlights (3 soft radial glows on the yellow circles), revealed in sequence by the band mask */
#stage-visual .visual .vtit2 a::before,
#stage-visual .visual .vtit2 a::after{top:0;right:0;bottom:0;left:0;
	background-image:radial-gradient(closest-side,rgba(255,252,238,.46),rgba(255,248,225,.16) 62%,rgba(255,248,225,0)),
		radial-gradient(closest-side,rgba(255,252,238,.46),rgba(255,248,225,.16) 62%,rgba(255,248,225,0)),
		radial-gradient(closest-side,rgba(255,252,238,.46),rgba(255,248,225,.16) 62%,rgba(255,248,225,0));
	background-size:17% 22.67%;background-repeat:no-repeat;background-position:20.6% 31.6%,52.9% 31.6%,85.1% 31.6%}
#stage-visual .visual .vtit2 a::before{-webkit-mask-position:96% 0;mask-position:96% 0;
	animation:nwbs-mask 7.6s cubic-bezier(.45,.05,.55,.95) .85s infinite both}
@keyframes nwbs-mask{0%{-webkit-mask-position:96% 0;mask-position:96% 0}36.84%{-webkit-mask-position:4% 0;mask-position:4% 0}100%{-webkit-mask-position:4% 0;mask-position:4% 0}}
/* hover: gentle extra shimmer on the icons */
#stage-visual .visual .vtit2 a::after{opacity:0}
#stage-visual .visual .vtit2 a:hover::after{animation:nwbs-glow 1.8s ease-in-out infinite}
@keyframes nwbs-glow{0%,100%{opacity:0}50%{opacity:.85}}
#stage-visual .visual1 .vtit1::after{-webkit-mask-image:url(/web/files/attach/images/170/e1262c4490781c5c228e70dfc2b3691e.png);mask-image:url(/web/files/attach/images/170/e1262c4490781c5c228e70dfc2b3691e.png)}
#stage-visual .visual1 .vtit2::after{-webkit-mask-image:url(/web/files/attach/images/170/bad2ef418a2394d4f7ff33e309935d1e.png);mask-image:url(/web/files/attach/images/170/bad2ef418a2394d4f7ff33e309935d1e.png)}
#stage-visual .visual2 .vtit1::after{-webkit-mask-image:url(/web/files/attach/images/170/81143885e316b8b28008552dc3c4bc36.png);mask-image:url(/web/files/attach/images/170/81143885e316b8b28008552dc3c4bc36.png)}
#stage-visual .visual2 .vtit2::after{-webkit-mask-image:url(/web/files/attach/images/170/db5c0ba8ceb6f993daa3db256e36635f.png);mask-image:url(/web/files/attach/images/170/db5c0ba8ceb6f993daa3db256e36635f.png)}
#stage-visual .visual3 .vtit1::after{-webkit-mask-image:url(/web/files/attach/images/170/586f9fd7a835791f3ee4ab232f2510ff.png);mask-image:url(/web/files/attach/images/170/586f9fd7a835791f3ee4ab232f2510ff.png)}
#stage-visual .visual3 .vtit2::after{-webkit-mask-image:url(/web/files/attach/images/170/9ac2b3f602504c4737e2e3fa7dbb5bf1.png);mask-image:url(/web/files/attach/images/170/9ac2b3f602504c4737e2e3fa7dbb5bf1.png)}
@media (prefers-reduced-motion:reduce){
	#stage-visual .visual .vtit::after,#stage-visual .visual .vtit2::before,#stage-visual .visual .vtit2 a::before,#stage-visual .visual .vtit2 a::after{animation:none!important;display:none!important}
}
/* ===== nw-banner-shine END ===== */