@charset "UTF-8";

	.depth3>a, .depth3>a>span:before, .faq_list>li .q, .faq_list>li .q>.bul, #mVisual .visualRoll .slider>div, #mVisual .vTxtArea .ii, #mVisual .slick-dots>li button, #mVisual .slick-dots>li button:before, #mVisual .vTxt .ii, #mVisual .iconMenu .inConts>a, .swiper-button, .swiper-pagination-bullet, .m-tab>a, .store-area>.store-map .thumb .finding-map-link, .store-area>.store-map .thumb .finding-map-link:after, #quick-left{transition: all .3s ease-out; transform-origin: 50% 50%;}

	.historyArea .history_box>.logo>span,
	.historyArea .history_box>.list:before,
	#mVisual .vTxt .ii{transition: all .5s ease-out; transform-origin: 50% 50%;}

	#mainVisual .vTxt .ii{transition: all .7s ease-out; transform-origin: 50% 50%;}

	#mVisual .visualRoll .slider .photoBox p{transition: all 1s ease-out; transform-origin: 50% 50%;}

	/* 배너 이미지에 걸려있던 transition: all 2s 는 서서히 줌아웃(Ken Burns)용이었다.
	   확대 없이 원본 그대로 보여주기로 해서 제거 — 남겨두면 창 크기를 바꿀 때 높이가 2초간 늘어진다. */

/*[s] All Style */
	.f0{font-size:0; line-height:0;}

	.depth-three{width:100%; margin-bottom:7rem; border-bottom:1px solid #abaeb0; font-size:0; line-height:0; text-align: center; overflow:hidden; display: flex; justify-content: center; }
	.depth-three>a{width:21rem; height:5.4rem; margin: 0 0 -1px -1px; background-color: #cecece; border:1px solid #abaeb0; font-weight:700; font-size:1.7rem; line-height:1.2; color: #fff; display: flex; align-items: center; justify-content: center; transition: all .3s ease-out; position: relative;}

	.depth-three>a:is(:hover, .active){background-color:var(--point); border-color:var(--point); z-index:2;}

	h4.bul{margin-bottom:4.5rem; padding-left:2rem; font-weight: 700; font-size:2.4rem; line-height:1; color: #1b1b1b; position: relative;}
	h4.bul:before{content: ""; width: 0.8rem; height: 0.8rem; background-color: var(--point); position:absolute; left: 0; top:0.7rem; border-radius:100%;}
	*+h4.bul{margin-top:6.5rem;}	.wideKakao>.root_daum_roughmap{width: 100%; height:46rem;}
	.wideKakao>.root_daum_roughmap .wrap_map{height:100%; position: absolute; left: -1px; right: -1px; top: -1px;}
	.wideKakao .hide {display: none;}

	.sect_top{margin-bottom:2.3rem; text-align:center;}
	.sect_top .en_tit{display:block; margin-bottom:1.1rem; font-size:1.8rem; line-height:1; color:var(--point); font-family:var(--play);}
	.sect_top h2{font-size:3.5rem; line-height:4.5rem; color:#222; font-weight:700;}
/*[e] All Style */

/*[s] Main Popup Style */
	#hd_pop {z-index:101;position:relative;margin:0 auto;height:0}
	#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	.hd_pops{width:auto !important; max-width:100%; height:auto !important; background-color:#fff; border:1px solid #333; position:absolute; display:block; overflow:hidden; box-sizing:border-box;}
	.hd_pops img{width:100%}
	.hd_pops_con{}
	#popLayer{width:100%; height:100%; background-color: rgba(0,0,0,0.7); font-size:0; line-height:0; position:fixed; left:0; top:0; z-index:99; overflow:hidden; overflow-y:auto;}
	#popLayer.disNone{display:none !important;}
	#popLayer #moPopArea{width:100vw; height:100vh;padding:0 !important;  box-sizing: border-box; display: flex; align-items: center; justify-content: center; -ms-flex-align:center;}
	#popLayer #moPopArea .moPop{/*width:100%; max-width:60rem;*/ margin:0; padding:5rem 3rem; position: relative;}
	#popLayer #moPopArea #moPopRoll{background-color: #fff; border-radius:2rem 2rem 0 0; overflow:hidden; box-shadow:0 2rem 4rem rgba(0,0,0,0.3);}
	#popLayer .slider{width:100%; max-height:60vh; border-radius:2rem 2rem 0 0; font-size:0; line-height:0; box-sizing:border-box; overflow:auto;}
	#popLayer .slider img{width:100%; vertical-align: top;}
	#popLayer .slider .HKeditorContent{padding:3rem 0 6rem; font-size:1.8rem; line-height:1.5; color: #666;}
	#popLayer .slider .HKeditorContent>*{padding-left:3rem; padding-right:3rem;}

	#popLayer .slider .HKeditorContent img{width:auto;}
	/*#popLayer #moPopRoll.roll .slider{height:75vh; overflow-y: auto;}*/

	#popLayer .layerPopClose{width:3rem; height:3rem; margin:0; padding:0; font-size:0; line-height:0; position: absolute; right:1.5rem; top:1.5rem; z-index:6; transform:rotate(45deg);}
	#popLayer .layerPopClose:before,
	#popLayer .layerPopClose:after{content: ""; background-color: #222; display: block; position:absolute; left: 50%; top:50%;}
	#popLayer .layerPopClose:before{width: 100%; height: 2px; margin:-1px 0 0 -1.5rem;}
	#popLayer .layerPopClose:after{width: 2px; height: 100%; margin:-1.5rem 0 0 -1px;}

	#popLayer .moPopClose{width:100%; margin-top:-1px; background-color: var(--point); border-radius:0 0 2rem 2rem; display: flex; justify-content: space-between; overflow:hidden;}
	#popLayer .moPopClose>*{/*flex:1 1 50%;*/ height:6rem; margin:0; padding:0 3rem; font-size:1.6rem; line-height:1; display: flex; align-items: center; justify-content: flex-start;}
	#popLayer .moPopClose button{background-color: var(--bg); border:none; color: #fff; position: relative;}
	/*#popLayer .moPopClose button:before{content: "X"; width: 1.8rem; height: 1.8rem; background-color: rgba(255,255,255,0.3); border:1px solid #000; font-family: dotum; font-weight: bold; font-size:1.6rem; line-height:1.6rem; color: #000;display: inline-block; position:absolute; top:0; box-sizing: border-box;}
	#popLayer .moPopClose button.toDay_close{padding-left:2.5rem;}
	#popLayer .moPopClose button.toDay_close:before{left:0;}*/
	#popLayer .moPopClose button.close{padding-right:3rem; justify-content: flex-end;}
	#popLayer .moPopClose button.close:before{right:0;}
	#popLayer .moPopClose a{background-color: #3617cd; color:#fff}

	#popLayer .slick-dots{width:100%; padding:0; text-align: center; position: absolute; left:0; bottom:2rem; z-index:7;}
	#popLayer .slick-dots>li{margin:0 0.7rem; display:inline-block; vertical-align: top;}
	#popLayer .slick-dots>li+li{}
	#popLayer .slick-dots>li button{width:1.4rem; height:1.4rem; padding:0; background-color:#d4d7d9; border:none; font-size:0; line-height:0; position: relative; cursor: pointer; border-radius:999px; overflow:hidden; transition: all .3s ease-out;}
	#popLayer .slick-dots>li.slick-active button{width:30px; background-color: #333;}

	#popLayer #moPopArea #moPopRoll{opacity: 0; visibility: hidden; transition: opacity 1s ease;}
	#popLayer #moPopArea #moPopRoll.open,
	#popLayer #moPopArea #moPopRoll.slick-initialized{visibility: visible; opacity: 1;}

/*[e] Main Popup Style */

/*[s] Main Style */
	a .thumb{overflow:hidden;}
	a .thumb img{transition: all .7s ease-out; transform-origin: 50% 50%;}
	a:hover .thumb img{transform: scale(1.1);}

	#quick-left{width:22rem; height:100vh; border-right:1px solid #ddd; position: fixed; left:-22rem; top:0; z-index:5;}
	#quick-left::before{content:""; display:block; width:100vw; height:100vh; background-color:rgba(0,0,0,0.6); position:absolute; left:-100vw; top:0; z-index:-1; opacity:0; transition:all 0.3s ease-out;}
	#quick-left .quick_left_btns{position:absolute; left:calc(100% + 1px); top:41.5rem; z-index:-1;}
	#quick-left .quick_left_btns a{display:flex; align-items:center; justify-content:center; width:6rem; height:6rem;}
	#quick-left .quick_left_btns a img{width:1rem;}
	#quick-left .quick_left_btns .quick_open{background-color:var(--point);}
	#quick-left .quick_left_btns .scrl_end{background-color:#f6f6f6; border-right:1px solid #ddd; border-bottom:1px solid #ddd}
	#quick-left .quick_left_btns .scrl_end img{width:1.9rem;}	#quick-left .quick_li li.link_box{background-color:#fffcf5;}
	#quick-left .quick_li li .tit{font-size:1.5rem; line-height:2.6rem; color:#222; font-weight:600;}
	#quick-left .quick_li li .txt{margin-top:0.2rem; font-size:1.5rem; line-height:2rem; color:#666}
	#quick-left.on{left:0;}
	#quick-left.on::before{left:0; opacity:1;}
	#quick-left.on .quick_open img{transform:rotate(180deg);}

    body:is(
        [data-pgCode="1001"],
        [data-pgCode="1002"],
        [data-pgCode="1003"]) #quick-left{display:none;}	@keyframes scrollDown {
		from {bottom:50px; opacity:1;}
		to {bottom:30px; opacity:0.5}
	}	.m-title .cate{font-weight: 600; font-size:2rem; color: var(--point);}
	.m-title .tit{font-size:4rem; color: #1b1b1b;}
	.m-title .txt{margin-top:2rem; font-weight: 700; font-size:2rem; line-height:2.8rem; color: #555;}
	.m-title * + .tit{margin-top:2rem;}

	.m-title.b5{margin-bottom:5rem;}
	.m-title.b8{margin-bottom:8rem;}

	.m-tab{width:100%; margin:-0.5rem 0 2rem; display: flex; align-items: center; justify-content: flex-end;}
	.m-tab>a{height:4.6rem; padding:0 2.5rem; background-color: transparent; font-weight: 600; font-size:1.8rem; line-height:1; color: #999; text-align: center; display: inline-flex; align-items: center; justify-content: center; gap:0.8rem; white-space: nowrap; border-radius:99rem;}
	.m-tab>p{height:1.5rem;}
	.m-tab>a:is(:hover, .active){background-color: #f04f00; color: #fff; box-shadow:0.5rem 0.5rem 1rem rgba(0,0,0,0.2);}
	.btn_basic{padding:0.8rem; min-width:11rem; font-size:1.5rem; line-height:1; color:#333; text-align:center; background-color:#fff; border:1px solid #333; border-radius:0.3rem;}
	.btn_basic.point{color:#fff; background-color:var(--point); border-color:var(--point);}
	.btn_basic.point.bor{color:var(--point); background-color:#fff4ec; border-color:var(--point);}
	.btn_basic.disabled{color:#999; background-color:#f5f5f5; border-color:#ddd; cursor:default;}
	.btn_basic.point.lock::before{content:"잠금 아이콘"; margin-right:0.4rem; display:inline-block; width:1.3rem; text-indent:-9999px; background:url("/images/btn_lock_w_ico.png") no-repeat center/contain;}	.pt-layout>.thumb{max-width:68rem; margin:0 auto; border-radius:1rem; box-shadow:2rem 2rem 3rem rgba(0,0,0,0.2);}
	.pt-layout>.text{padding-left:8rem; position: relative;}
	.pt-layout>.text .icon{position: absolute; left:0; top:0;}
	.pt-layout>.text .cate{font-weight: bold; font-size:2.4rem; line-height:1; color: #f04f00}
	.pt-layout>.text .tit{font-weight: bold; font-size:4rem; line-height:1.2; color:#1b1b1b; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.pt-layout>.text *+.tit{margin-top:3rem;}
	.pt-layout>.text .txt{margin-top:2rem; font-size:2.2rem; line-height:3.2rem; color:#333;}
	.pt-layout>.text .txt.three{max-height:9.6rem; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

	.pt-layout.right>.thumb{order:2;}
	.pt-layout.right>.text{padding-left:12rem; order:1;}

    /* visual */
	#main-visual,
	#main-visual .main-slider,
	#main-visual .main-slider .slick-slide,
	#main-visual .main-slider .slide-media,
	#main-visual .main-slider .mobile_in{height:96rem !important;}
	#main-visual{width:100%; margin-bottom: 5rem; background:#36465d url('/theme/prix/img/loading.gif') no-repeat center center; background-size: contain; font-size:0; line-height:0; position: relative; overflow:hidden;}	#main-visual .main-slider.slick-initialized{opacity: 1; visibility: visible;}

	#main-visual .main-slider .slick-slide{position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
	#main-visual .main-slider .slick-slide:before{content: ''; width: 100%; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: .3; z-index: 1;}	#main-visual .main-slider .loading {width: 100%; position: absolute; left: 0; top: 44%;}	#main-visual .main-slider .caption{position: absolute; left: 5%; top: 44%; text-align: center; padding: 20px; border: 3px solid; color: #fff; margin: 0; font-size: 40px; font-weight: bold; letter-spacing: .02em; opacity: 0; z-index: 1; transition:all .3s ease; transform:translateY(100px); -webkit-backface-visibility: hidden; backface-visibility: hidden;}

	#main-visual .main-slider .slick-active{z-index: 1;}
	#main-visual .main-slider .slick-active .slide-media{animation:slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);}
	#main-visual .main-slider .slick-active .caption{opacity: 1; transform:translateY(0); transition:all .7s cubic-bezier(0.32, 0.34, 0, 1.62) .6s;}

	#main-visual .slick-arrow{width:47px; height:90px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; border:none; font-size:0; line-height:0; position: absolute; top:50%; z-index:7; transform: translateY(-50%); cursor: pointer;}
	#main-visual .slick-prev{background-image: url("/images/main/btn_slick_prev.png"); left:100px;}
	#main-visual .slick-next{background-image: url("/images/main/btn_slick_next.png"); right:100px;}
	#main-visual .slick-arrow:hover{opacity:1;}

	#main-visual .controll{width:260px; padding-top:0; margin-left:-130px; position: absolute; left: 50%; bottom: 5rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
	#main-visual .controll .dot{display:inline-block; vertical-align: middle;}
	#main-visual .controll .auto{display:inline-block; vertical-align: middle;}
	#main-visual .controll .auto{padding-left:10px;}
	#main-visual .controll .auto button{width:27px; height:27px; background:transparent url("/images/btn_slick_pause.png") no-repeat left top; border:none;}
	#main-visual .controll .auto button.off{background-image:url("/images/btn_slick_play.png");}

	#main-visual .slick-dots{display:flex; flex-wrap: nowrap; justify-content: flex-start;}
	#main-visual .slick-dots>li{width:auto !important; padding:0 !important; display:inline-block; vertical-align: top;}
	#main-visual .slick-dots>li+li{margin-left:0;}

	#main-visual .dot_Line>dd .line{transition: all .3s ease-out; transform-origin: 50% 50%;}
	#main-visual .dot_Line>dd .line>span{}
	#main-visual .vTxt.first .dot_Line>dd .line>span{}	#main-visual .dot_Line>dd .line{width:100%; height:2px; background-color: rgba(255,255,255,0.3); display:inline-block; vertical-align: middle; position: relative; overflow:hidden;}
	#main-visual .dot_Line>dd .line>span{width:100%; height:2px; background-color: rgba(255,255,255,1); display:inline-block; position: absolute; left:-100%; top:0;}

	#main-visual .slick-dots>li.slick-active .dot_Line{padding-right:120px;}
	#main-visual .slick-dots>li.slick-active .dot_Line>dt{color: rgba(255,255,255,1);}
	#main-visual .slick-dots>li.slick-active .dot_Line>dd .line{width:100%;}
	#main-visual .slick-dots>li.slick-active .dot_Line>dd .line>span{}

	@keyframes slideIn {
		from {
			filter:blur(15px);
		} to {
			filter:blur(0);
		}
	}
	@keyframes slideOut {
		from {
			filter:blur(0);
		} to {
			filter:blur(15px);
		}
	}

	/* visual */
	#mVisual{width:100%; font-size:0; line-height:0; position: relative; overflow:hidden;}
	#mVisual .visualRoll{white-space: nowrap;}
	#mVisual .visualRoll .slider{width:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;}
	#mVisual .visualRoll .slider img{width:100%; max-width:none; height:96rem; object-fit: cover;}

	#mVisual .slick-arrow{width:35px; height:63px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; border:none; font-size:0; line-height:0; position: absolute; top:50%; z-index:7; transform: translateY(-50%); cursor: pointer; opacity:1;}
	#mVisual .slick-prev{background-image: url("/images/main/btn_slick_prev.png"); left:4.25%;}
	#mVisual .slick-next{background-image: url("/images/main/btn_slick_next.png"); right:4.25%;}
	#mVisual .slick-arrow:hover{opacity:1;}

	#mVisual .vTxtArea{width:100%; height:96rem; max-width:1560px; padding:0 3rem; text-align: left; position: absolute; left:50%; top:0; transform: translateX(-50%); z-index:5; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start;}
	#mVisual .vTxtArea .vTxt_in{width:100%; padding:9rem 0 34rem; position: relative;}
	#mVisual .vTxt{width:100%; position: absolute; left:0; top:-999px;}
	#mVisual .vTxt .ii{color: #fff; top:50px; display:block; opacity: 0; position: relative; word-break:keep-all; word-wrap:break-word;}
	#mVisual .vTxt .i01{-webkit-transition-delay: .4s; transition-delay: .4s;}
	#mVisual .vTxt .i02{-webkit-transition-delay: .45s; transition-delay: .45s;}
	#mVisual .vTxt .i03{-webkit-transition-delay: .5s; transition-delay: .5s;}
	#mVisual .vTxt .i04{-webkit-transition-delay: .55s; transition-delay: .55s;}
	#mVisual .vTxt .i05{-webkit-transition-delay: .6s; transition-delay: .6s;}
	#mVisual .vTxt .i06{-webkit-transition-delay: .65s; transition-delay: .65s;}
	#mVisual .vTxt .i07{-webkit-transition-delay: .7s; transition-delay: .7s;}

	#mVisual .vTxt .ii.tit{font-weight:900; font-size:1.8rem; line-height:1;}
	#mVisual .vTxt .ii.title{margin-top:2rem; font-weight: bold; font-size:5.5rem; line-height:6rem;}
	#mVisual .vTxt .ii.txt{margin-top:3rem; font-weight: 500; font-size:2.2rem; line-height:1.4;}

	#mVisual .vTxt .ii.controll{margin-top:5rem;}

	#mVisual .slick-dots{width:100%;}
	#mVisual .slick-dots>li{display:inline-block; vertical-align: top;}
	#mVisual .slick-dots>li+li{margin-left:1rem;}
	#mVisual .slick-dots>li button{width:1.1rem !important; height:1.1rem; margin:0; padding:0; background-color:#c7c8c6; border:none; font-size:0; line-height:0; cursor: pointer; border-radius:99px;}
	#mVisual .slick-dots>li.slick-active button{width:4.1rem !important; background-color:#0a60dd;}

	#mVisual .vTxt.active{position: static; top:0px;}
	#mVisual .vTxt.active .ii{top:0px; opacity:1;}

	/* visual */
	/* 배너를 본문 박스와 같은 폭(1280px)으로 가두고 둥근 모서리를 준다.
	   화면 전체 폭으로 깔면 아래 콘텐츠들보다 혼자 튀어 보이고, 폭이 넓어질수록 높이도 같이 커진다.
	   폭을 가두면 높이도 자동으로 함께 줄어든다.
	   -webkit-mask-image 는 Safari 에서 transform 이 걸린 자식(swiper wrapper)이
	   둥근 모서리 밖으로 삐져나오는 문제를 막기 위한 것. */
	#mainVisual{width:calc(100% - 4rem); max-width:128rem; margin:2.4rem auto 0; border-radius:1.6rem; position: relative; overflow:hidden; -webkit-mask-image:-webkit-radial-gradient(#fff, #000);}
	#mainVisual .visualRoll{white-space: nowrap;}
	#mainVisual .visualRoll .swiper-slide{width:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;}
	#mainVisual .visualRoll .swiper-slide>picture{width:100%; display:block;}
	/* 배너는 올린 이미지 비율 그대로 화면 폭에 맞춰 늘어난다(잘림 없음).
	   aspect-ratio 의 auto 는 "이미지가 로드되면 원본 비율, 로드 전엔 1920/320" 이라는 뜻이라
	   레이아웃이 밀리지 않는다. 초고해상도 모니터에서만 max-height 가 걸린다.
	   예전에는 height:32rem 고정 + transform:scale(1.2) 여서 좌우가 20% 잘려나갔다. */
	#mainVisual .visualRoll .swiper-slide img{width:100%; max-width:none; height:auto; aspect-ratio:auto 1920/320; max-height:30rem; object-fit: cover; object-position: center center;}

	#mainVisual .vTxtArea{width:100%; height:100%; padding:0 3rem; text-align: center; position: absolute; left:0%; top:0; z-index:5; display: flex; align-items: center; justify-content: center;}
	#mainVisual .vTxt{width:100%; position: relative;max-width: 128rem;margin:0 auto}
	#mainVisual .vTxt .ii{line-height:1; color: #fff; top:50px; display:block; opacity: 0; position: relative; word-break:keep-all; word-wrap:break-word; white-space: normal;}
	#mainVisual .vTxt .i01{transition-delay: 1.3s;}
	#mainVisual .vTxt .i02{transition-delay: 1.35s;}
	#mainVisual .vTxt .i03{transition-delay: 1.4s;}
	#mainVisual .vTxt .i04{transition-delay: 1.45s;}
	#mainVisual .vTxt .i05{transition-delay: 1.5s;}
	#mainVisual .vTxt .i06{transition-delay: 1.55s;}
	#mainVisual .vTxt .i07{transition-delay: 1.6s;}

	#mainVisual .vTxt .ii.cate{font-weight: bold; font-size:2.4rem; position: relative;}
	#mainVisual .vTxt .ii.cate:before{content: ""; width: 4rem; height:0.3rem; background-color: #fff; position:absolute; left: 0; top:3.6rem;}
	/*#mainVisual .vTxt .ii.title{margin-top:5rem; font-weight: bold; font-size:6rem; line-height:7rem;}*/
	#mainVisual .vTxt .ii.title{font-size:4rem;font-weight:600;line-height:1.3;}
	#mainVisual .vTxt .ii.text{font-size:2rem;line-height:1.5;margin-top: 1rem;}
	#mainVisual .vTxt .ii.btn{margin-top:4rem;}
	#mainVisual .vTxt .ii.btn>a{width:18rem; height:5rem; background-color: var(--point2); font-weight: 500; font-size:1.8rem; line-height:1.2; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center;border-radius:999px;}

	/* 배너 폭 안쪽 좌우 끝에 화살표를 붙인다.
	   btn-box 가 배너 전체를 덮으므로 pointer-events:none 을 줘야 배너 링크 클릭이 막히지 않는다. */
	#mainVisual .swiper-btn-box{max-width:100%; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; transform:none; pointer-events:none;}
	#mainVisual .swiper-button{font-size:0; line-height:0; margin-top:0; display: inline-block; cursor: pointer;width:auto;height:auto; position:absolute; top:50%; transform:translateY(-50%); pointer-events:auto;}
	#mainVisual .swiper-button.swiper-button-lock{display:none;}
	#mainVisual .swiper-button::after{font-size:0; line-height:0; display:block; width:2.9rem; height:4.9rem; background-repeat:no-repeat; background-size:contain; background-position:center;}
	#mainVisual .swiper-button-prev{left:2rem; right:auto;}
	#mainVisual .swiper-button-next{right:2rem; left:auto;}
	#mainVisual .swiper-button-prev::after{background-image:url("/images/main/main_sw_prev.png");}
	#mainVisual .swiper-button-next::after{background-image:url("/images/main/main_sw_next.png");}
	#mainVisual .swiper-button:hover{color: rgba(255,255,255,1);}

	#mainVisual .swiper-pagination{width:auto; display:flex; align-items:center; position:static;}
	#mainVisual .swiper-pagination-bullet{width:0.8rem; height:0.8rem; display: inline-block; vertical-align: top; cursor: pointer; border:0.4rem solid #fff; background-color:transparent; opacity:0.5;}
	#mainVisual .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:2rem;}
	#mainVisual .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.4rem; height:1.4rem; background-color:transparent; border:0.3rem solid var(--point); opacity:1;}

	#mainVisual .swiper-number{width:100%; max-width:156rem; margin-left:-78rem; padding:0 3rem; font-size:3.2rem; line-height:1; color: #fff; text-align: right; position: absolute; left:50%; bottom:6rem; z-index:6;}
	#mainVisual .swiper-number .n{top:-1.5rem; position: relative;}
	#mainVisual .swiper-number .l{top:-0.3rem; position: relative;}
	#mainVisual .swiper-number .t{}

	#mainVisual .swiper-slide-active .vTxt .ii{top:0px; opacity:1;}
	/* 활성 슬라이드만 scale(1) 로 되돌리던 규칙은 확대 자체를 없애서 제거했다 */

    #mainVisual .swiper_btns_box{width:100%;max-width:100%;position:absolute;left:0;bottom:1.6rem;z-index:3;display:flex;align-items:center; justify-content:center;gap:0 2rem;transform:none;}
    #mainVisual .swiper_btns_box .play_btn{font-size:0;width:1.1rem; opacity:0.5;}
    #mainVisual .swiper_btns_box .play_btn::before{content:'';display:block;box-sizing:border-box;}
    #mainVisual .swiper_btns_box .play_btn.play::before{width:0.9rem;height:1.3rem;border-left:0.3rem solid #fff;border-right:0.3rem solid #fff;margin:0 auto}
    #mainVisual .swiper_btns_box .play_btn.pause::before{border-left:1rem solid #fff;border-right: 0.6rem solid transparent;border-bottom: 0.6rem solid transparent;border-top: 0.6rem solid transparent;}

	/* main_bigyodam */
	.main_bigyodam{padding:2.4rem 0 0;}
	/* main_entry — 왼쪽 무료견적 + 오른쪽 최근 신청한 견적 */
	.main_entry{display:flex; gap:2rem; align-items:stretch;}
	.main_entry>*{min-width:0;}

	/* 왼쪽: 견적신청 상자 — 상자 전체가 링크 1개 (2026-08-28 전면 개편)
	   예전에는 제목·설명·마감안내 알약·서비스 타일 4개가 세로로 쌓여 겹이 다섯이었고,
	   정작 눌러야 할 버튼이 없었다. 지금은 제목 / 흐름 3단계 / 채움 버튼 셋뿐이다. */
	.entry_quote{flex:0 0 calc(56% - 1rem); display:flex; flex-direction:column; justify-content:center; padding:2.8rem 3.4rem; box-sizing:border-box; border:1px solid #ffd7b8; border-radius:1.4rem; box-shadow:0 0.6rem 2.4rem rgba(0,0,0,0.06); cursor:pointer; transition:box-shadow 0.3s ease-out;}
	.entry_quote .qb_eyebrow{display:block; font-size:1.7rem; line-height:2.4rem; font-weight:700; color:#a34a00;}
	.entry_quote .qb_tit{display:block; margin-top:0.8rem; font-size:3.4rem; line-height:1.26; font-weight:800; letter-spacing:-0.035em; color:#111;}

	/* 신청 흐름 3단계.
	   점을 각 칸의 시작에 두면 마지막 점이 폭의 2/3 에서 끝나 오른쪽이 비어 어긋나 보인다.
	   왼끝·정가운데·오른끝에 두고 글자도 각각 왼/가운데/오른쪽 정렬해야 선이 상자 폭을 꽉 채운다. */
	.entry_quote .qb_steps{position:relative; display:flex; justify-content:space-between; margin-top:2.4rem;}
	.entry_quote .qb_steps::before{content:""; position:absolute; left:0.6rem; right:0.6rem; top:0.45rem; height:0.3rem; background-color:#ffd7b8; border-radius:999px;}
	.entry_quote .qb_steps>li{position:relative; padding-top:2.4rem;}
	.entry_quote .qb_steps>li::before{content:""; position:absolute; top:0; width:1.2rem; height:1.2rem; border-radius:50%; background-color:#ffd7b8; box-shadow:0 0 0 0.45rem #fff;}
	.entry_quote .qb_steps>li:nth-child(1){text-align:left;}
	.entry_quote .qb_steps>li:nth-child(1)::before{left:0; background-color:var(--point);}
	.entry_quote .qb_steps>li:nth-child(2){text-align:center;}
	.entry_quote .qb_steps>li:nth-child(2)::before{left:50%; transform:translateX(-50%);}
	/* 마지막 칸은 내가 하는 일이 아니라 받는 것이라 도착점처럼 채운다 */
	.entry_quote .qb_steps>li:nth-child(3){text-align:right;}
	.entry_quote .qb_steps>li:nth-child(3)::before{right:0; background-color:var(--point);}
	.entry_quote .qb_steps b{display:block; font-size:1.9rem; font-weight:700; color:#111;}
	.entry_quote .qb_steps>li:nth-child(3) b{color:#e2600a;}
	/* 40~60대가 주 사용자다. 이 회색을 더 밝게 하지 말 것 — #8c8c8c 는 흰 바탕에서 대비 3.5:1 로 기준(4.5:1) 미달 */
	.entry_quote .qb_steps span{display:block; margin-top:0.3rem; font-size:1.6rem; color:#6b6b6b;}

	/* 상자 전체가 a 태그라 안에 a 를 또 못 넣는다. span 을 버튼처럼 그리고 클릭은 바깥이 받는다 */
	.entry_quote .qb_cta{display:flex; align-items:center; justify-content:center; gap:1rem; margin-top:2.4rem; height:5.6rem; border-radius:999px; background-color:var(--point); color:#fff; font-size:2.1rem; font-weight:700; line-height:1; box-shadow:0 0.4rem 1.2rem rgba(255,102,0,0.28); transition:background-color 0.3s ease-out;}
	.entry_quote .qb_arr{display:inline-block; width:0.9rem; height:0.9rem; border-top:0.25rem solid currentColor; border-right:0.25rem solid currentColor; transform:rotate(45deg); transition:transform 0.3s ease-out;}
	@media (hover: hover) and (pointer: fine) {
		.entry_quote:hover{box-shadow:0 0.6rem 2rem rgba(255,102,0,0.25);}
		.entry_quote:hover .qb_cta{background-color:#e2600a;}
		.entry_quote:hover .qb_arr{transform:rotate(45deg) translate(0.25rem, -0.25rem);}
		.entry_quote.is_head:hover{box-shadow:0 0.6rem 2.4rem rgba(0,0,0,0.06);}
	}

	/* 갈림길 틀의 왼쪽 머리글 상자 (2026-08-29). 같은 .entry_quote 상자인데 링크가 아니다 —
	   누르는 곳은 오른쪽 카드 두 장이라 커서·호버를 죽인다. 제목은 검색엔진용 h2 (페이지 h1 은 소개 섹션에 하나뿐). */
	.entry_quote.is_head{cursor:default;}
	.entry_quote .qb_desc{margin-top:1.2rem; font-size:1.8rem; line-height:2.7rem; color:#555;}

	/* 오른쪽: 갈림길 카드 두 장 — 주황(견적 받기) / 남색(소방업체). 카드 하나가 통째로 링크.
	   색으로 꽉 찬 덩어리 + 오른쪽 큰 화살표 = "이 상자 전체가 누르는 곳" 이라는 신호.
	   채움 주황은 #ff6600 이 아니라 #cc4d00 — 흰 글씨 대비가 2.9:1 → 4.5:1 (기준 통과하는 가장 밝은 주황).
	   호버는 색을 바꾸지 않고 살짝 떠오르기만 한다 (어두워지는 것은 무겁다는 사용자 판단). */
	.entry_fork{flex:0 0 calc(44% - 1rem); display:flex; flex-direction:column; justify-content:center; gap:1.4rem;}
	.ef_card{position:relative; display:flex; align-items:center; padding:2.4rem 2.6rem; box-sizing:border-box; border-radius:1.4rem; color:#fff; transition:transform 0.2s ease-out, box-shadow 0.2s ease-out;}
	.ef_card::after{content:""; flex:0 0 auto; margin-left:1.6rem; width:1.4rem; height:1.4rem; border-top:0.3rem solid #fff; border-right:0.3rem solid #fff; transform:rotate(45deg); transition:transform 0.2s ease-out;}
	.ef_card.is_cust{background-color:#cc4d00; box-shadow:0 0.6rem 2rem rgba(204,77,0,0.22);}
	.ef_card.is_comp{background-color:#2b3a55; box-shadow:0 0.6rem 2rem rgba(43,58,85,0.18);}
	.ef_body{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:0.7rem;}
	.ef_role{display:inline-flex; align-items:center; height:2.8rem; padding:0 1.2rem; border-radius:999px; background-color:rgba(255,255,255,0.2); font-size:1.4rem; font-weight:700; line-height:1; color:#fff;}
	.ef_tit{display:block; font-size:2.6rem; line-height:1.24; font-weight:800; letter-spacing:-0.035em; color:#fff;}
	.ef_desc{font-size:1.6rem; line-height:2.3rem; color:#fff;}
	@media (hover: hover) and (pointer: fine) {
		.ef_card:hover{transform:translateY(-0.3rem);}
		.ef_card.is_cust:hover{box-shadow:0 1rem 2.6rem rgba(204,77,0,0.32);}
		.ef_card.is_comp:hover{box-shadow:0 1rem 2.6rem rgba(43,58,85,0.3);}
		.ef_card:hover::after{transform:rotate(45deg) translate(0.25rem, -0.25rem);}
	}

	/* 오른쪽 카드 공통 뼈대 (내 회사 .is_company / 최근 신청한 견적 .is_mine) */
	.entry_recent{flex:1 1 auto; display:flex; border:1px solid #777; border-radius:1rem; box-shadow:1rem 1rem 1rem rgba(0,0,0,0.1); overflow:hidden;}
	.entry_recent .ico{flex:0 0 auto; width:1.8rem; height:1.8rem; margin-top:0.3rem; fill:var(--point);}

	/* 오른쪽: 최근 신청한 견적 (2026-08-29 다시 그림). 내 회사 카드와 같은 문법 —
	   맨 윗줄 역할 배지 + D-day / 주소 / 신청일·마감 / 상태 알약 / 안내문 / 가로 버튼 2개.
	   예전에는 2단 열 + 오른쪽 세로 주황 띠였는데, 글이 세 줄로 접히고 업체 카드와 모양이 달랐다. */
	.entry_recent.is_mine{flex-direction:column; justify-content:center; padding:2.4rem 2.6rem; border-radius:1.4rem; overflow:visible; background-color:#fff; border-color:#ddd; box-shadow:0 0.6rem 2.4rem rgba(0,0,0,0.05);}
	.entry_recent .mn_top{display:flex; align-items:center; justify-content:space-between; gap:1rem;}
	.entry_recent .mn_role{display:inline-flex; align-items:center; height:2.8rem; padding:0 1.2rem; border-radius:999px; background-color:#2b3a55; color:#fff; font-size:1.4rem; font-weight:700; line-height:1;}
	/* 남은 기간 배지 (getDdayBadge). 마감된 건은 회색 — 재촉할 일이 아니다 */
	.entry_recent .dday_badge{flex:0 0 auto; display:inline-flex; align-items:center; height:2.8rem; padding:0 1.1rem; border-radius:999px; background-color:#cc4d00; color:#fff; font-size:1.4rem; font-weight:700; font-style:normal; line-height:1; white-space:nowrap;}
	.entry_recent .dday_badge.urgent{background-color:#d92d20;}
	.entry_recent .dday_badge.over{background-color:#999;}
	.entry_recent .mn_addr{display:flex; align-items:center; gap:0.8rem; margin-top:1.1rem; font-size:2.4rem; line-height:1.3; font-weight:700; color:#111;}
	.entry_recent .mn_addr .ico{width:2.2rem; height:2.2rem; margin-top:0;}
	.entry_recent .mn_meta{margin-top:0.6rem; font-size:1.5rem; line-height:2.2rem; color:#6b6b6b;}
	.entry_recent .mn_meta b{color:#c2410c; font-weight:700;}
	.entry_recent .mn_meta.closed b{color:#666;}
	/* 상태 알약 — 옅은 주황 칩 (이 사이트의 기존 톤) */
	.entry_recent .mn_stat{display:flex; flex-wrap:wrap; gap:0.7rem; margin-top:1.3rem;}
	.entry_recent .mn_stat li{display:inline-flex; align-items:center; gap:0.6rem; height:3.2rem; padding:0 1.2rem; border-radius:999px; background-color:#fff6ef; border:1px solid #ffd7b8; color:#a34a00; font-size:1.5rem; font-weight:600; line-height:1;}
	.entry_recent .mn_stat li b{font-weight:800;}
	.entry_recent .mn_stat .ico{width:1.6rem; height:1.6rem; margin-top:0; fill:#e2600a;}
	.entry_recent .mn_msg{display:flex; align-items:flex-start; gap:0.8rem; margin-top:1.4rem; padding-top:1.3rem; border-top:1px dashed #ddd; font-size:1.5rem; line-height:2.2rem; color:#666;}
	.entry_recent .mn_msg .ico{width:1.9rem; height:1.9rem; margin-top:0.2rem; fill:#bbb;}
	.entry_recent.is_mine .rc_btns{margin-top:1.6rem;}

	/* 오른쪽 카드 — 기업회원(내 회사). 뼈대 .rc_* 는 이 카드만 쓴다 (index.asp 의 rcButtons()).
	   비로그인·둘러보기 카드(.is_biz/.is_guide)는 2026-08-29 에 갈림길 카드(.entry_fork)로 바뀌어 없앴다. */
	.entry_recent.is_company{flex-direction:column; justify-content:center; padding:2.8rem 3rem; border-radius:1.4rem; overflow:visible; background-color:#fff; border-color:#ddd; box-shadow:0 0.6rem 2.4rem rgba(0,0,0,0.05);}

	.entry_recent .rc_role{display:inline-flex; align-self:flex-start; align-items:center; height:3rem; padding:0 1.3rem; border-radius:999px; font-size:1.5rem; font-weight:700; line-height:1;}
	.entry_recent .rc_tit{display:block; margin-top:1.1rem; font-size:2.6rem; line-height:1.25; font-weight:700;}
	/* 버튼 둘을 가로로 나란히 — 카드 높이를 늘리지 않으면서 보조 버튼도 같은 크기로 보이게 한다 */
	.entry_recent .rc_btns{display:flex; gap:1rem; margin-top:2rem;}
	.entry_recent .rc_btns a{flex:1 1 0; min-width:0; display:flex; align-items:center; justify-content:center; gap:0.8rem; height:5.2rem; border-radius:1rem; font-size:1.8rem; font-weight:700; line-height:1; white-space:nowrap; transition:background-color 0.2s ease-out;}
	.entry_recent .rc_arr{display:inline-block; width:0.8rem; height:0.8rem; border-top:0.2rem solid currentColor; border-right:0.2rem solid currentColor; transform:rotate(45deg);}


	.entry_recent.is_company .rc_role{background-color:#fafafa; border:1px solid #e7e7e7; color:#555;}
	.entry_recent.is_company .rc_tit{color:#111;}
	.entry_recent.is_company .rc_b1, .entry_recent.is_mine .rc_b1{background-color:#2b3a55; color:#fff;}
	.entry_recent.is_company .rc_b2, .entry_recent.is_mine .rc_b2{background-color:#fff; border:0.2rem solid #c9d1dd; color:#1e2b42;}

	/* 기업회원 카드 안쪽. 예전의 오른쪽 세로 주황 띠(회사정보 변경하기)를 없앤 자리다 —
	   카드 폭의 1/5 를 먹으면서 글자는 두 줄로 쪼개졌고, 정작 일을 받으러 갈 길이 없었다. */
	.entry_recent.is_company .cc_name{display:flex; align-items:center; gap:0.9rem; font-size:2.4rem; line-height:1.3; font-weight:700; color:#111;}
	.entry_recent.is_company .cc_name .ico{flex:0 0 auto; width:2.4rem; height:2.4rem; margin-top:0; fill:var(--point);}
	.entry_recent.is_company .cc_certs{display:flex; flex-wrap:wrap; gap:0.7rem; margin-top:1.4rem;}
	.entry_recent.is_company .cc_certs li{display:inline-flex; align-items:center; gap:0.6rem; height:3.2rem; padding:0 1.2rem; border-radius:999px; font-size:1.5rem; font-weight:600; line-height:1;}
	.entry_recent.is_company .cc_certs li::before{content:""; width:0.7rem; height:0.7rem; border-radius:50%; background-color:currentColor;}
	.entry_recent.is_company .cc_certs li.ok{background-color:#eaf7f1; color:#066340;}
	.entry_recent.is_company .cc_certs li.wait{background-color:#fff6e6; color:#7a5400;}
	.entry_recent.is_company .cc_certs li.need{background-color:#fdecea; color:#b31b10;}
	.entry_recent.is_company .cc_meta{display:flex; flex-wrap:wrap; gap:0.6rem 2rem; margin-top:1.4rem; font-size:1.6rem; line-height:2.4rem; color:#5f5f5f;}
	.entry_recent.is_company .cc_meta>span{display:inline-flex; align-items:center; gap:0.6rem;}
	.entry_recent.is_company .cc_meta .ico{flex:0 0 auto; width:1.8rem; height:1.8rem; margin-top:0; fill:#aaa;}
	.entry_recent.is_company .cc_meta b{color:#333; font-weight:700;}
	.entry_recent.is_company .cc_promo{display:flex; align-items:center; gap:1rem; margin-top:1.6rem; padding:1.2rem 1.4rem; background-color:#fff6ef; border:1px solid #ffd7b8; border-radius:0.9rem; font-size:1.6rem; line-height:2.3rem; color:#a34a00;}
	.entry_recent.is_company .cc_promo .ico{flex:0 0 auto; width:2rem; height:2rem; margin-top:0; fill:#e2600a;}
	.entry_recent.is_company .cc_promo b{color:#e2600a; font-weight:700;}
	.entry_recent.is_company .cc_pbtn{flex:0 0 auto; margin-left:auto; display:inline-flex; align-items:center; height:3.4rem; padding:0 1.4rem; border-radius:999px; background-color:#cc4d00; color:#fff; font-size:1.5rem; font-weight:700; line-height:1; white-space:nowrap; transition:background-color 0.3s ease-out;}

	/* 마우스를 올렸을 때의 변화는 눈에 보여야 의미가 있다.
	   흰 버튼을 #f0f3f8 로만 바꾸면 색이 20 밖에 안 움직여 반응이 없는 것처럼 보인다.
	   네 버튼 모두 30 이상 움직이도록 맞춘다(실측 기준). 손가락 화면에는 걸리지 않는다. */
	@media (hover: hover) and (pointer: fine) {
		.entry_recent.is_company .rc_b1:hover, .entry_recent.is_mine .rc_b1:hover{background-color:#172234;}
		.entry_recent.is_company .rc_b2:hover, .entry_recent.is_mine .rc_b2:hover{background-color:#e8edf4; border-color:#9fb0c6;}
		.entry_recent.is_company .cc_pbtn:hover{background-color:#a83f00;}
	}

	/* 좌우 두 상자 아래 로그인 안내 한 줄. 비로그인일 때만 나온다 (index.asp PT_EntryLogin) */
	.entry_login{margin-top:1.4rem; text-align:center; font-size:1.6rem; line-height:2.4rem; color:#6b6b6b;}
	.entry_login a{margin-left:0.4rem; color:#444; font-weight:700; text-decoration:underline;}


	/* etc_service */
	.etc_service{margin-top:1.8rem; padding:2rem 4.9rem 2.4rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:2rem; border:1px solid #777; border-radius:1rem; box-shadow:1rem 1rem 1rem rgba(0,0,0,0.1);}
	.etc_service .intro_box{max-width:36rem;}
	.etc_service .intro_box dt{font-size:2.2rem; line-height:3.2rem; font-weight:700; color:#111;}
	.etc_service .intro_box dd{margin-top:0.4rem; font-size:1.8rem; line-height:2.4rem; color:#666;}
	.etc_service .cst_center{color:#111}
	.etc_service .cst_center .tit{display:block; font-size:2rem; line-height:1;}
	.etc_service .cst_center p{white-space:nowrap;}
	.etc_service .cst_tel{padding-left:6rem; background:url("/images/ico_tel.png") no-repeat left center/4.2rem;}
	.etc_service .cst_tel p{margin-top:0.6rem; font-size:2.5rem; line-height:3.2rem;}
	.etc_service .cst_mail p{padding-left:3rem; margin-top:0.8rem; font-size:1.8rem; line-height:2.8rem; background:url("/images/ico_mail.png") no-repeat left center/2.4rem;}
	.etc_service .btn_box{max-width:22rem; width:100%;}
	.etc_service .link_box{width:100%; height:8rem; display:flex; align-items:center; justify-content:center; font-size:2rem; line-height:3rem; color:#fff; font-weight:700; background-color:var(--point); border-radius:1rem;}
	.etc_service .cst_kakao{max-width:24rem;}
	.etc_service .cst_kakao .link_box{background-color:#fae100; color:#381e1f;}
	.etc_service .cst_kakao .link_box::before{content:""; margin-right:1rem; display:inline-block; width:3.4rem; height:3.1rem; background:url("/member/img/icon_login_kakao.png") no-repeat center/contain;}

	/* main_partner — 제휴사 배너 (좌 bansort=5 / 우 bansort=6) */
	.main_partner{margin-top:3rem; display:flex; gap:2rem;}
	/* 배너 다음에만 좁힌다. 배너가 없는 날에는 .live_late 의 기본 여백(5rem)이 그대로 남는다 */
	.main_partner + .live_late{margin-top:3.6rem;}
	/* aspect-ratio 로 높이를 미리 잡아 이미지 로드 전후 레이아웃이 밀리지 않게 한다 */
	/* flex:0 0 calc(50% - 1rem) — 한쪽만 등록해도 절반 폭을 지킨다.
	   1 1 0 으로 두면 배너가 하나일 때 혼자 전체 폭으로 늘어나 과하게 커진다 (gap 2rem 의 절반이 1rem) */
	.main_partner .partner_sw{flex:0 0 calc(50% - 1rem); min-width:0; aspect-ratio:5/1; border-radius:1rem; background-color:#f3f3f3; overflow:hidden; position:relative;}
	/* 우측 배너만 등록된 경우에도 오른쪽 자리를 지킨다. 둘 다 있으면 남는 공간이 없어 무해하다 */
	.main_partner .partner_sw.side_r{margin-left:auto;}
	.main_partner .partner_sw .swiper-wrapper,
	.main_partner .partner_sw .swiper-slide{height:100%;}
	.main_partner .partner_sw .swiper-slide>a,
	.main_partner .partner_sw .swiper-slide>span{display:block; width:100%; height:100%;}
	.main_partner .partner_sw img{width:100%; height:100%; object-fit:cover;}
	.main_partner .swiper-button{width:3.4rem; height:3.4rem; margin-top:-1.7rem; color:#fff; border-radius:50%; background-color:rgba(0,0,0,0.35); z-index:3;}
	.main_partner .swiper-button::after{font-size:1.2rem;}
	.main_partner .swiper-button:hover{background-color:var(--point);}
	.main_partner .partner_sw .swiper-pagination{bottom:0.8rem;}
	.main_partner .swiper-pagination-bullet{width:0.8rem; height:0.8rem; background-color:#fff; opacity:0.5;}
	.main_partner .swiper-pagination-bullet-active{background-color:var(--point); opacity:1;}

	/* live_late */
	.live_late{margin-top:5rem; display:flex; gap:6rem 8rem; flex-wrap:wrap;}
	.live_late .late_area{width:calc(50% - 4rem);}
	.live_late .late_area .area_top{display:flex; justify-content:space-between; align-items:center;}
	.live_late .late_area .area_top h3{font-size:2.5rem; line-height:3.2rem; font-weight:700; color:#111; display:flex; align-items:center;}
	.live_late .late_area .area_top h3 em{display:inline-block; margin-right:0.5rem; width:5.4rem; font-size:1.8rem; line-height:3.2rem; color:#fff; font-weight:600; text-align:center; vertical-align:middle; border-radius:0.5rem;}
	.live_late .late_area .area_top .link_btn{padding-right:1.4rem; font-size:1.6rem; line-height:2.6rem; color:#666; font-weight:500; position:relative;}
	.live_late .late_area .area_top .link_btn::after{content:""; display:block; width:0; height:0; margin-top:-0.6rem; border-left:0.6rem solid #666;border-right: 0.6rem solid transparent;border-bottom: 0.6rem solid transparent;border-top: 0.6rem solid transparent; position:absolute; right:-0.6rem; top:50%;}
	.live_late .late_area:nth-child(1) .area_top h3 em{background-color:var(--point)}
	.live_late .late_area:nth-child(1) .area_top h3 span{color:var(--point)}
	.live_late .late_area:nth-child(2) .area_top h3 em{background-color:#ff9500;}
	.live_late .late_area:nth-child(2) .area_top h3 span{color:#ff9500}
	/* 한 건 = [지역] + 제목(+면적) + 상태칩. PC 는 한 줄, 모바일은 두 줄(아래 840px 블록) */
	.live_late .late_area .late_li{margin-top:2rem; padding:0.2rem 2rem; border-radius:1.2rem; background-color:#fff; border:1px solid #e8e8e8; box-shadow:0 0.2rem 0.8rem rgba(0,0,0,0.04);}
	.live_late .late_area .late_li li+li{margin-top:0; border-top:1px solid #f0f0f0;}
	.live_late .late_area .late_li li > a{display:flex; align-items:center; flex-wrap:nowrap; gap:0 0.8rem; padding:1.3rem 0; font-size:1.7rem; line-height:2.4rem; color:#111;}
	.live_late .late_area .late_li li > a .reg{order:1; flex:none; padding:0 0.9rem; font-size:1.4rem; line-height:2.2rem; font-weight:500; color:#555; background-color:#f4f5f7; border-radius:1.1rem;}
	.live_late .late_area .late_li li > a .tit{order:2; flex:1 1 auto; width:auto; min-width:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.live_late .late_area .late_li li > a .tit em{font-size:1.5rem; color:#999;}
	.live_late .late_area .late_li li > a .st{order:3; flex:none; margin-left:auto; padding:0 0.9rem; font-size:1.4rem; line-height:2.2rem; font-weight:600; white-space:nowrap; border-radius:1.1rem;}
	.live_late .late_area .late_li li > a .st.on{color:#e2600a; background-color:#fff6ef; border:1px solid #ffbb85;}
	.live_late .late_area .late_li li > a .st.wait{color:#1a6fc4; background-color:#eef5fc; border:1px solid #b5d4f0;}
	.live_late .late_area .late_li li > a .st.hold{color:#8a6d3b; background-color:#fdf6e3; border:1px solid #ecd9a0;}
	.live_late .late_area .late_li li > a .st.off{color:#888; background-color:#f4f4f4; border:1px solid #e4e4e4;}
	.live_late .late_area .late_li .late_none{padding:2.4rem 0; font-size:1.6rem; color:#888; text-align:center;}

	/* main_bann (소방안전기준 배너) : 2026-08 미사용으로 제거 */

	/* main_fire_info — ⚠️ 지금은 쓰이지 않는다 (2026-08-19).
	   메인의 소방정보 앨범을 걷어내면서 마크업이 사라졌다. 되살릴 수 있게 규칙만 남겨 둔다.
	   index.asp 의 PT_BBsTopType1 함수와 짝이다 — 정리할 땐 둘을 같이 지울 것. */
	.main_fire_info{padding:4.7rem 0 15rem;}
	.main_fire_info .sect_top{position:relative;}
	.main_fire_info .sect_top .link_btn{padding-right:1.4rem; font-size:1.6rem; line-height:2.6rem; color:#666; font-weight:500; position:absolute; right:0; bottom:0;}
	.main_fire_info .sect_top .link_btn::after{content:""; display:block; width:0; height:0; margin-top:-0.6rem; border-left:0.6rem solid #666;border-right: 0.6rem solid transparent;border-bottom: 0.6rem solid transparent;border-top: 0.6rem solid transparent; position:absolute; right:-0.6rem; top:50%;}
	
	.main_fire_info .fire_info_sw{}
	.main_fire_info .fire_info_sw .sw_contain{padding-bottom:3.6rem; position:relative; overflow:hidden;}
	.main_fire_info .fire_info_sw .swiper-slide{width:29rem; border-radius:1rem; overflow:hidden;}
	.main_fire_info .fire_info_sw .swiper-slide a.noIMG{display:block; width:100%; aspect-ratio:480/316; background-color:#f4f4f4; position:relative; overflow:hidden;}
	.main_fire_info .fire_info_sw .swiper-slide a.noIMG::before{content:""; display:block; position:absolute; inset:0; background:url("/images/logo.svg") no-repeat center/48%; filter:grayscale(1); opacity:0.2;}
	.main_fire_info .fire_info_sw .swiper-slide a.noIMG .blind{position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0,0,0,0);}
	.main_fire_info .fire_info_sw .swiper-slide img{width:100%; height:100%; aspect-ratio:480/316;}

	/* 목록의 마지막 "더보기" 카드 */
	.main_fire_info .fire_info_sw .swiper-slide a.more_card{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.2rem; width:100%; aspect-ratio:480/316; background-color:#f7f7f7; border:1px solid #e6e6e6; border-radius:1rem; box-sizing:border-box; transition:all .3s ease-out;}
	.main_fire_info .fire_info_sw .swiper-slide a.more_card .ico{width:4.4rem; height:4.4rem; border-radius:50%; background-color:var(--point); position:relative;}
	.main_fire_info .fire_info_sw .swiper-slide a.more_card .ico::before{content:""; width:1rem; height:1rem; margin:-0.5rem 0 0 -0.7rem; border-top:0.2rem solid #fff; border-right:0.2rem solid #fff; transform:rotate(45deg); position:absolute; left:50%; top:50%;}
	.main_fire_info .fire_info_sw .swiper-slide a.more_card .txt{font-size:1.7rem; line-height:1.4; font-weight:600; color:#444; text-align:center;}
	.main_fire_info .fire_info_sw .swiper-slide a.more_card:hover{background-color:#fff5ef; border-color:var(--point);}
	.main_fire_info .fire_info_sw .swiper-slide a.more_card:hover .txt{color:var(--point);}
	.main_fire_info .fire_info_sw .swiper-button{width:4rem; height:4rem; color:#fff; border-radius:50%; background-color:rgba(0,0,0,0.5); z-index:3;}
	.main_fire_info .fire_info_sw .swiper-button::after{font-size:1.3rem;}
	.main_fire_info .fire_info_sw .swiper-button:hover{background-color:var(--point);}
	.main_fire_info .fire_info_sw .swiper-scrollbar{width:100%; height:0.6rem; left:0; bottom:0}

/*[e] Main Style */

/*[s] Sub Style */
	.page-title{margin-bottom:5rem; font-weight: 700; font-size:2.6rem; line-height:4rem; color: #1b1b1b; text-align: center;}
	.page-title span.point{color: var(--point);}	/*.year-tab:after{content: ""; width: 100%; height: 1px; background-color: #abaeb0; position:absolute; left: 0; bottom:5.1rem;}*/
	.year-tab .name{width:100%; height:8rem; padding:0 5rem 0 2rem; border:2px solid var(--point); font-weight: 700; font-size:2.4rem; line-height:1; color: #333; text-align: left; position: relative; display: none; align-items: center;}
	.year-tab .name:after,
	.year-tab .name:before{content: ""; width:1.4rem; height:1px; margin:0 0 0 0; background-color: var(--point); display: block; position:absolute; top:50%; transition: all .3s ease-out;}
	.year-tab .name:after{right:2rem; transform:rotate(45deg);}
	.year-tab .name:before{right:1rem; transform:rotate(-45deg);}
	.year-tab ul.year-list>li:is(:hover, .active){z-index:2;}
	.year-tab ul.year-list>li:is(:hover, .active) a{background-color:var(--point); border-color:var(--point);}

	.year-tab ul.year-list.four{width:100%; max-width:114rem;}
	.year-tab ul.year-list.full{width:100%;}
	.year-tab ul.year-list:is(.four, .full){flex-wrap: nowrap; justify-content: center;}
	.year-tab ul.year-list:is(.four, .full)>li{flex:0 1 25%;}
	.year-tab ul.year-list.full>li a{font-weight:normal; font-size:1.6rem; white-space: wrap;}
	.year-tab ul.year-list.two>li a{height:6.2rem;}
	.month-tab.open>p:before{transform:rotate(180deg) translateY(50%);}	ul.lawArea>li>.thumb{margin-top:5rem; text-align: center;}	ul.lawArea .lawBox-gray .po{color: var(--point) !important;}
	ul.lawArea .lawBox-gray .title{font-weight: 600; font-size:1.8rem; line-height:3rem; color: #333;}
	ul.lawArea .lawBox-gray .text{margin-top:1rem; font-size:1.6rem; line-height:2.6rem; color: #666;}
	ul.lawArea .lawBox-gray .text>strong{font-weight: 600; color: #333;}

	ul.lawArea .lawBox-gray .text.flex{display: flex; align-items: center; gap:1.5rem;}
    .panel_box{border:1px solid #ddd; border-radius:1rem; box-shadow:0.5rem 0.5rem 2rem rgba(0,0,0,0.1);}
	.cont_sect+.cont_sect{margin-top:2.5rem;}

    .content_box{margin-top:2.5rem;}
    .box_arrow_tit{margin-bottom:1.6rem; padding-left:2rem; font-size:2.2rem; line-height:3rem; font-weight:700; color:#111; position:relative;}
    .box_arrow_tit::before{content:">"; display:block; font-size:0; width:1.3rem; background:url("/images/ico_tit_arrow_bg.png") no-repeat center/1.3rem; position:absolute; left:0; top:0;}
    .box_arrow_tit.bo_li_num{display:flex; justify-content:space-between; align-items:center;}
    .box_arrow_tit.bo_li_num .bo_num{display:inline-block; margin-left:0.7rem; font-size:1.6rem; line-height:1; color:#111; font-weight:400;}
	.box_arrow_tit.bo_li_num .bo_num em{display:inline-block; margin-left:0.4rem; font-weight:600;}
	.box_arrow_tit .tip_t{display:inline-block;}

	.tit_info{margin-bottom:1.6rem; display:flex; flex-wrap:wrap; gap:0.5rem; align-items:center;}
	.tit_info .box_arrow_tit{margin-bottom:0;}
	.t_underline{text-decoration:underline; text-underline-offset:0.2rem;}    .table_box_ft{margin-top:1rem; display:flex; justify-content:space-between;}
    .table_box_ft.right{justify-content:flex-end;}    .table_box.attach_table .file_del_btn{display:inline-block; width:4.4rem; height:2.4rem; font-size:1.3rem; line-height:2.2rem; color:#666; font-weight:300; font-family:var(--noto); border-radius:0.3rem; border:1px solid #999; background-color:#f7f7f7;}
    .table_box.attach_table .no_file{height:10rem;}
    .table_box.attach_table + .table_box_ft .file_add_btn{display:inline-flex; width:11rem; height:3.6rem; justify-content:center; align-items:center; font-size:1.5rem; line-height:1; color:#fff; font-weight:300; font-family:var(--noto); text-align:center; background-color:var(--point); border-radius:0.3rem; position:relative; cursor:pointer;}
    .table_box.attach_table + .table_box_ft .file_add_btn::before{content:""; margin-right:0.5rem; display:inline-block; width:1.2rem; height:1.5rem; background:url("/images/ico_file_w.png") no-repeat center/contain;}
    .table_box.attach_table + .table_box_ft .file_add_btn input[type="file"]{height:auto; position:absolute; inset:0 0 0 0; z-index:3; opacity:0; font-size:0; line-height:0; cursor:pointer;}

	.table_box.attach_table.download .chevron_down{display:inline-block; width:1.7rem; height:0.9rem; position:relative;}
	.table_box.attach_table.download .chevron_down::before,
	.table_box.attach_table.download .chevron_down::after{content:""; display:block; width:1rem; height:1px; background-color:#000; position:absolute; top:0.4rem;}
	.table_box.attach_table.download .chevron_down::before{left:0; transform:rotate(45deg);}
	.table_box.attach_table.download .chevron_down::after{right:0; transform:rotate(-45deg);}
	.table_box.attach_table.download table thead th{color:#111}
	.table_box.attach_table.download table thead th .all_down_t{display:inline-block; padding-right:1.6rem; background:url("/images/ico_triangle_up.png") no-repeat center right/0.7rem;}
	.table_box.attach_table.download table tr.on{background-color:var(--point);}
	.table_box.attach_table.download table tr.on td{color:#fff}
	.table_box.attach_table.download table .chk_td{position:relative;}
	.table_box.attach_table.download table .chk_td input[type="checkbox"]{line-height:0; font-size:0; position:absolute; inset:0 0 0 0; z-index:1; cursor:pointer;}
	.table_box.attach_table.download table .chk_td input[type="checkbox"]:checked + .chevron_down::before,
	.table_box.attach_table.download table .chk_td input[type="checkbox"]:checked + .chevron_down::after{background-color:#fff;}
	.table_box.attach_table.download .file_down_btn{width:100%; font-size:1.4rem; color:#666; text-align:right; padding-right:1.6rem; background:url("/images/ico_down.png") no-repeat right center/1.1rem;}
	.table_box.attach_table.download tr.on .file_down_btn{color:#fff; background-image:url("/images/ico_down_on.png");}
	
	.table_box.attach_table.download + .table_box_ft{flex-wrap:wrap;}
	.table_box.attach_table.download + .table_box_ft .chk_file_down_btn button{padding:0 0.8rem; font-size:1.4rem; color:#111; border:1px solid #ccc}
	.table_box.attach_table.download + .table_box_ft .chk_file_down_btn span{display:inline-block; padding-left:1.8rem; line-height:2.8rem; background:url("/images/ico_file_down.png") no-repeat center left/1.5rem;}
	.table_box.attach_table.download + .table_box_ft .chk_file_down_btn button:hover{color:#fff; background-color:#4b4b4b; border-color:#4b4b4b;}
	.table_box.attach_table.download + .table_box_ft .chk_file_down_btn button:hover span{background-image:url("/images/ico_file_down_w.png");}
	.table_box.attach_table.download + .table_box_ft .chk_box{margin-top:2rem; width:100%; display:flex; gap:1rem 2rem; flex-wrap:wrap;}

	.table_wr{overflow-x:auto;}
	.table_wr table{width:100%; min-width:90rem; border-collapse:collapse; table-layout:fixed; border-top:1px solid #111}
	.table_wr table th,
	.table_wr table td{padding:1rem 2rem; font-size:1.7rem; line-height:1.3; height:5.1rem; border-bottom:1px solid #e6e6e6;}
	.table_wr table th+th,
	.table_wr table th+td,
	.table_wr table td+td{border-left:1px solid #e6e6e6;}
	
	.table_wr table th{width:16rem; text-align:center; font-weight:500; color:#000; background-color:#f6f6f6;}
	.table_wr table td{}
	.table_wr table td .jiAddr,
	.table_wr table td .newAddr{padding:0.3rem 0 0.2rem; margin-right:1rem; min-width:6rem; display:inline-block; font-size:1.5rem; text-align:center; color:#fff; font-weight:500; border-radius:0.5rem;}
	.table_wr table td .jiAddr{background-color:var(--point);}
	.table_wr table td .newAddr{margin-top:0.5rem; background-color:var(--blue);}

	.check_policy{display:flex; align-items:center; margin-top:1rem;}
	.check_policy.cnt{justify-content:center;}
	.check_policy .policy_btn{margin-left:0.6rem; width:9.4rem; font-size:1.4rem; line-height:3rem; font-weight:500; color:#fff; text-align:center; background-color:#666; border-radius:0.3rem;}

	.view_page .view_title{padding:2.3rem 2rem 2.6rem; margin-bottom:3rem; font-size:2rem; line-height:1.5; font-weight:700; text-align:center; color:#111; border-top:1px solid #666; border-bottom:1px solid #e6e6e6; background-color:#f6f6f6;}
	.view_page .view_title h3{font-weight:700;}
	.view_page .revision_history .revision_form{border-top:1px solid #111}
	.view_page .revision_history .revision_form.modify{border-top:0px solid #111}
	.view_page .revision_history .revision_form .img_input{padding-top:2rem; display:flex; align-items:center;}
	.view_page .revision_history .revision_form .img_input em{margin-right:1.5rem; font-size:1.7rem; line-height:1.3; color:#222; font-weight:500;}
	.view_page .revision_history .revision_form .img_input .file_add_btn{width:7rem; font-size:1.3rem; line-height:3rem; font-weight:100; font-family:var(--noto); color:#999; text-align:center; border:1px solid #ddd; background-color:#f7f7f7; border-radius:0.3rem; position:relative; overflow:hidden;}
	.view_page .revision_history .revision_form .img_input .file_add_btn input{height:auto; opacity:0; font-size:0; line-height:0; position:absolute; inset:0 0 0 0; cursor:pointer;}
	.view_page .revision_history .revision_form .img_input .note_txt{margin-left:1rem; font-size:1.4rem; line-height:1.3; font-weight:100; color:#999}
	.view_page .revision_history .revision_form .add_file_list{display:flex; gap:0 1rem; align-items:center; flex-wrap:wrap;}
	.view_page .revision_history .revision_form .add_file_list span{margin-top:1.4rem;}
	.view_page .revision_history .revision_form .add_cont{margin-top:1.4rem; display:flex; gap:0 0.8rem}
	.view_page .revision_history .revision_form .add_cont textarea{width:calc(100% - 13.8rem); height:8rem; font-size:1.5rem; line-height:1.4; border:1px solid #ddd; resize:none;}
	.view_page .revision_history .revision_form .add_cont .submit{width:13rem; display:flex; align-items:center; justify-content:center; font-size:1.7rem; line-height:1.4; font-weight:700; color:#fff; text-align:center; background-color:var(--point); border-radius:0.5rem;}

    .view_page .revision_history .pop_wrap .revision_form{border:0}
    .view_page .revision_history .pop_wrap .revision_form .img_input{padding-top:0;}
    .view_page .revision_history .pop_wrap .revision_form .add_cont{flex-direction:column; gap:1rem}
    .view_page .revision_history .pop_wrap .revision_form .add_cont textarea{width:100%;}
    .view_page .revision_history .pop_wrap .revision_form .add_cont .submit{width:100%; padding:0.6rem}

	.revision_history{padding-top:2rem;}
	.revision_history .revision_list .revision_area{padding:2.5rem 0;}
	.revision_history .revision_list .revision_area:not(:first-child, .reply){border-top:1px solid #e6e6e6;}
	.revision_history .revision_list .revision_area:last-child{border-bottom:1px solid #e6e6e6;}
	.revision_history .revision_list .revision_area .revision_cont{position:relative;}
	.revision_history .revision_list .revision_area.reply{padding-top:0; border-top:none;}
	.revision_history .revision_list .revision_area.reply + .revision_area:not(.reply){border-top:1px solid #e6e6e6;}
	.revision_history .revision_list .top_info{padding-left:5rem; font-size:1.5rem; line-height:1.6; font-family:var(--noto); display:flex; flex-wrap:wrap; gap:0 0.5rem; align-items:center; position:relative;}
	.revision_history .revision_list .top_info.no_profile{padding-left:0;}
	.revision_history .revision_list .top_info .porfile_img{margin-top:-2rem; display:block; width:4rem; height:4rem; border:1px solid #ddd; border-radius:50%; overflow:hidden; position:absolute; left:0; top:50%;}
	.revision_history .revision_list .top_info .usr_name{}
	.revision_history .revision_list .top_info .usr_badge img{width:2rem;}

	.revision_history .revision_list .top_info .usr_lv{padding:0 0.8rem}
	.revision_history .revision_list .top_info .revw_date{width:100%;}
	.revision_history .revision_list .top_info .name{font-weight:400; color:#222}
	.revision_history .revision_list .top_info .data{font-weight:100; color:#666}
	.revision_history .revision_list .cont_box .cont{margin-top:1.4rem; font-size:1.5rem; line-height:1.6; color:#666; font-family:var(--noto);}
	.revision_history .revision_list .add_img_img{margin-top:1.4rem; display:flex; align-items:center; gap:1rem;}
	.revision_history .revision_list .add_img_img a{max-width:10rem; aspect-ratio:100/67; cursor:pointer;}
	.revision_history .revision_list .add_img_img img{width:100%; height:100%; object-fit:cover;}
	.revision_history .revision_list .op_btns{display:flex; gap:0.6rem; position:absolute; top:0; right:0;}
	.revision_history .revision_list .op_btns button{width:4.4rem; height:2.8rem; font-size:1.3rem; line-height:2.6rem; color:#666; text-align:center; border:1px solid #888; border-radius:0.3rem; background-color:#f7f7f7;}
	.revision_history .revision_list .op_btns button.btn_modify{border-color:var(--point); background-color:#fff; color:var(--point)}
	.revision_history .revision_list .reply_area{margin-top:3rem; padding:2rem; display:flex; gap:1.5rem 0.5rem; flex-wrap:wrap; border-radius:0.5rem; background-color:#f6f6f6;}
	.revision_history .revision_list .reply_area .reply_ico_box{padding-left:2rem; position:relative;}
	.revision_history .revision_list .reply_area .reply_ico_box::before{content:""; display:block; width:1.5rem; height:1.2rem; background:url("/images/ico_reply_arrow.png") no-repeat center/contain; position:absolute; left:0; top:0.5rem;}
	.revision_history .revision_list .reply_area .reply_ico_box span{display:inline-block; width:4rem; font-size:1.3rem; line-height:2.4rem; text-align:center; color:#fff; font-weight:400; font-family:var(--noto); border-radius:0.3rem; background-color:#666;}
	.revision_history .revision_list .reply_area .reply_txt{width:100%; word-break:break-all;}
	.revision_history .revision_list .reply_area .top_info{padding-left:0;}

    .bubble_box{padding:2rem; color:#000; border:1px solid #ccc; border-radius:0.5rem; box-shadow:0 1rem 1rem rgba(0,0,0,0.1); background-color:#fff; position:relative;}
    .bubble_box::before{content:""; display:block; width:0; border-width:0.4rem 0.5rem 0.4rem 0; border-style:solid; border-color:transparent #fff transparent transparent; position:absolute; left:-0.5rem; top:50%; z-index:1; transform:translateY(-50%);}
    .bubble_box::after{content:""; display:block; width:0; border-width:0.5rem 0.6rem 0.5rem 0; border-style:solid; border-color:transparent #ccc transparent transparent; position:absolute; left:-0.7rem; top:50%; z-index:0; transform:translateY(-50%);}
    .bubble_box.row::before{border-width:0 0.9rem 0.8rem 0.9rem; border-color:transparent transparent #fff transparent; position:absolute; left:50%; top:-0.8rem; z-index:1; transform:translateX(-50%);}
    .bubble_box.row::after{border-width:0 0.9rem 0.8rem 0.9rem; border-color:transparent transparent #ccc transparent; position:absolute; left:50%; top:-0.9rem; z-index:0; transform:translateX(-50%);}
    .check-new input:is([type="radio"], [type="checkbox"]) + .bubble_box.row::before{transition:all 0.3s ease-out;}
    .check-new input:is([type="radio"], [type="checkbox"]) + .bubble_box.row::after{transition:all 0.3s ease-out;}
    .check-new input:is([type="radio"], [type="checkbox"]):checked + .bubble_box.row::before{border-color:transparent transparent #fff4ec transparent; transition:all 0.3s ease-out;}
    .check-new input:is([type="radio"], [type="checkbox"]):checked + .bubble_box.row::after{border-color:transparent transparent var(--point) transparent; transition:all 0.3s ease-out;}

	.attach_wr{}
	.attach_wr{padding:1.9rem; border:1px solid #ddd; background-color:#f6f6f6; border-radius:0.5rem;}
	.attach_wr.alone{background-color:#fff;}
	.attach_wr.row{display:flex; gap:1rem; align-items:flex-start; overflow:hidden; overflow-x:auto;}
	.attach_wr.row.each{justify-content:space-around;}
	.attach_wr .add_btn{flex-shrink:0; width:10rem; aspect-ratio:10/8; position:relative; border-radius:1rem; overflow:hidden;}
	.attach_wr .add_btn input[type="file"]{height:auto; position:absolute; inset:0 0 0 0; opacity:0; cursor:pointer;}
	.attach_wr .add_btn .btn_cont{width:100%; height:100%; padding:1rem; color:#fff; text-align:center; background-color:var(--point); display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.attach_wr .add_btn .btn_cont::before{content:"+"; margin:-0.5rem 0 0.5rem; display:block; font-size:3rem; line-height:2rem; font-weight:500; color:#fff; text-align:center;}
	.attach_wr .add_btn .btn_cont p{font-size:1.4rem; line-height:1.2;}
	.attach_wr .add_btn .thumb{width:100%; height:100%; border:1px solid #ddd; border-radius:1rem; background-color:#f6f6f6; overflow:hidden;}
	.attach_wr .add_btn .thumb img{width:100%; height:100%; object-fit:cover;}
	.attach_wr .down_btn{width:10rem; aspect-ratio:10/8; position:relative; border-radius:1rem; overflow:hidden;}
	.attach_wr .down_btn a{width:100%; height:100%; display:flex; align-items:center; justify-content:center; background-color:var(--point);}
	.attach_wr .down_btn img{width:3rem;}
	.attach_wr .thumb_item{width:10rem; flex-shrink:0;}
	.attach_wr .thumb_item .thumb_box{width:100%; aspect-ratio:10/8; border:1px solid #ddd; background-color:#fff; position:relative; border-radius:1rem; overflow:hidden;}
	.attach_wr .thumb_item .thumb_box .thumb{width:100%; height:100%;}
	.attach_wr .thumb_item .thumb_box a.thumb{display:block;}
	.attach_wr .thumb_item .thumb_box .thumb img{width:100%; height:100%; object-fit:cover;}
	.attach_wr .thumb_item .thumb_box .x_btn{width:2rem; aspect-ratio:1/1; font-size:0; line-height:0; border-radius:50%; background:url("/images/file_x_ico.png") no-repeat center/0.8rem; background-color:#222; position:absolute; right:0; top:0;}
	.attach_wr .thumb_item .thumb_name{margin-top:0.4rem; font-size:1.4rem; line-height:1.2; color:#222; text-align:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.attach_wr .each_box{text-align:center;}
	.attach_wr .each_box .file_tit{margin-bottom:0.6rem; display:block; font-size:1.7rem; line-height:1.65; font-weight:600; color:#222;}
	.attach_wr .each_box .file_status{margin-top:1rem; font-weight:500;}
	.my_page .attach_type02.line_area{padding:5rem 0 0 0;}
	.attach_type02{position:relative; overflow:hidden;}
	.attach_type02 .attach_wr{min-height:14rem; border-color:#fff; background-color:#fff;}
	.attach_type02 .attach_wr .add_btn{width:100%; height:4.9rem; aspect-ratio:auto; border-radius:0; position:absolute; top:0; left:0;}
	.attach_type02 .attach_wr .add_btn .btn_cont{font-size:1.8rem; font-weight:700; line-height:1; background-color:#666; display:flex; flex-direction:row-reverse; align-self:center;}
	.attach_type02 .attach_wr .add_btn .btn_cont::before{margin:0 0 0 0.5rem; font-size:1.8rem; line-height:1;}
	.pds_file_area .attach_wr{display:block; min-height:0;}
	.pds_file_area .pds_file_list{width:100%; display:block;}
	.pds_file_area .pds_file_list li{display:flex; align-items:center; gap:1rem; min-height:4rem; padding:0.8rem 0; border-bottom:1px solid #eee;}
	.pds_file_area .pds_file_list li:last-child{border-bottom:0;}
	.pds_file_area .pds_file_name{flex:1; min-width:0; padding-left:2.2rem; font-size:1.5rem; line-height:1.4; color:#222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:url("/images/ico_file_down.png") no-repeat left center/1.5rem;}
	.pds_file_area .pds_file_name:hover{color:var(--point); text-decoration:underline;}
	.pds_file_area .pds_file_del{flex:0 0 auto; width:2.8rem; height:2.8rem; font-size:0; line-height:0; border-radius:50%; background:url("/images/file_x_ico.png") no-repeat center/0.8rem; background-color:#333;}

	.tootip_wr{position:relative; padding-right:3rem;}
	.tootip_wr .ico_tootip{position:absolute; right:0; top:0;}
	.tootip_wr .ico_tootip img{width:2rem;}
	.tootip_wr .tootip_box{display:none; padding:1rem 2rem 1.2rem; width:31rem; font-size:1.4rem; line-height:1.8rem; border:0.1rem solid #dadada; border-radius:1rem; background-color:#fff; position:absolute; right:-1rem; top:calc(100% + 1rem); z-index:3;}
    .tootip_wr .tootip_box::before{content:""; display:block; width:0; border-width:0 0.8rem 0.8rem 0.8rem; border-style:solid; border-color:#fff transparent; position:absolute; right:1.5rem; top:-0.8rem; z-index:1;}
    .tootip_wr .tootip_box::after{content:""; display:block; width:0; border-width:0 0.9rem 0.9rem 0.9rem; border-style:solid; border-color:#dadada transparent; position:absolute; right:1.4rem; top:-0.9rem; z-index:0;}
    .tootip_wr .ico_tootip:hover+.tootip_box{display:block;}

	.c_box{border:1px solid var(--c_box_color); background-color:var(--c_box_bgc);}
	.c_box.pda{padding:2rem;}
	.c_box.round{border-radius:0.5rem;}
	.c_box.point{--c_box_color:var(--point); --c_box_bgc:#fff4ec;}
	.c_box.green{--c_box_color:#13e82e; --c_box_bgc:#f3feee;}
	.c_box.gray{--c_box_color:#ccc; --c_box_bgc:#f6f6f6;}
	.c_box.red{--c_box_color:#ff0000; --c_box_bgc:#ffecec;}
	.c_box.blue{--c_box_color:#0060ff; --c_box_bgc:#ecf3ff;}
	.c_box.yellow{--c_box_color:#ffb100; --c_box_bgc:#fffbf2;}
	.c_box.gold{--c_box_color:#f4b045; --c_box_bgc:#fff8f2;}
	.c_box.black{--c_box_color:#666666; --c_box_bgc:#f6f6f6;}
	.c_box.label{padding:0.7rem 0.9rem; font-size:1.5rem; color:var(--c_box_color); line-height:1; white-space:nowrap;}
	.c_box.label.bgc{background-color:var(--c_box_color); color:#fff}
	.c_box.label.black{color:#222;}

	/* 견적서 메세지 — 업체가 견적서와 함께 보내는 자유 메세지
	   작성: live_quotes_view 팝업 / 표시: live_quotes_select(_review), mypage/myEstReqComp*
	   입력칸은 흰 카드 + 포커스 시 주황 테두리. 100자에 닿으면(is_full) 카운터가 빨갛게 */
	.quote_msg_write{padding:1.4rem 1.6rem 1.1rem; background-color:#fff; border:1px solid #ddd; border-radius:1rem; transition:border-color 0.2s ease-out, box-shadow 0.2s ease-out;}
	.quote_msg_write:focus-within{border-color:var(--point); box-shadow:0 0 0 0.3rem rgba(255,102,0,0.12);}
	.quote_msg_write textarea{width:100%; height:8.4rem; display:block; border:none; background:transparent; font-size:1.6rem; line-height:2.4rem; color:#333; resize:none; outline:none;}
	.quote_msg_write textarea::placeholder{color:#aaa;}
	.quote_msg_write .msg_count{margin-top:0.6rem; padding-top:0.8rem; border-top:1px dashed #eee; text-align:right; font-size:1.3rem; line-height:1; color:#999;}
	.quote_msg_write .msg_count span{color:#888; font-weight:600;}
	.quote_msg_write:focus-within .msg_count span{color:#e2600a;}
	.quote_msg_write.is_full .msg_count{color:#d92d20;}
	.quote_msg_write.is_full .msg_count span{color:#d92d20;}
	.quote_msg_box{padding:1.2rem 1.4rem; background-color:#fff6ef; border:1px solid #ffbb85; border-radius:0.8rem;}
	.quote_msg_box p{font-size:1.5rem; line-height:2.2rem; color:#555; word-break:break-all;}
	.quote_msg_box p.qm_empty{color:#999;}


	.won_ico{position:relative;}
	.won_ico::before{content:""; width:2.2rem; aspect-ratio:1/1; background:url("/images/won_coin_ico.png") no-repeat center/contain; position:absolute; top:50%; transform:translateY(-50%);}
	.won_ico.left{padding-left:3rem;}
	.won_ico.left::before{left:0;}
	.won_ico.right{padding-right:3rem;}
	.won_ico.right::before{right:0;}
	
	.sale_label{display:flex; align-items:center;}
	.sale_label .sale_val{margin-left:0.5rem; padding:0.6rem 0.5rem 0.6rem 1.4rem; font-size:1.3rem; line-height:1; font-weight:500; color:#fff; background:url("/images/sale_label_tag.png"), linear-gradient(to right, transparent 1rem, #d10007 1rem); background-repeat:no-repeat; background-position:left center, 0 0; background-size:1rem, 100%; border-radius:0.2rem;}


	.profile_area{padding:2.8rem 3rem 1.8rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:2rem; border:1px solid #999; border-radius:1rem;}
	.profile_area .profile_info{display:flex; gap:2rem; flex-wrap:wrap; flex:1;}
	.profile_area .memb_img{width:7rem; height:7rem; border:1px solid #ddd; border-radius:50%; overflow:hidden;}
	.profile_area .memb_img img{width:100%; height:100%; object-fit:cover;}
	.profile_area .memb_info{flex:1; display:flex; flex-wrap:wrap; gap:0.5rem 1.6rem; font-size:1.7rem; line-height:2.6rem;}
	.profile_area .memb_info > p{width:13rem;}
	.profile_area .memb_info > p span{display:block;}
	.profile_area .memb_info > p span+spa n{margin-top:0.5rem;}
	.profile_area .memb_info .nickname{font-size:2rem; font-weight:700; color:#111;}
	.profile_area .memb_info .memb_id{font-size:1.6rem; font-weight:400; color:#666;}
	.profile_area .memb_info dl{display:flex; flex-wrap:wrap; gap:0.5rem 0; max-width:16.5rem;}
	.profile_area .memb_info dt{width:7.5rem;}
	.profile_area .memb_info dd{flex:1; color:#111; font-weight:500;}
	.profile_area .memb_info .memb_type{width:100%; display:flex; align-items:center; gap:1rem}
	.profile_area .memb_info .btn_edit{padding:0 1.2rem 0 0.8rem; font-size:1.5rem; line-height:2.8rem; color:var(--point); text-align:center; border:1px solid var(--point); border-radius:0.5rem; background-color:#fff4ec;}
	.profile_area .memb_info .btn_edit span{padding-left:1.6rem; background:url("/images/ico_pen_p.png") no-repeat center left/1.2rem;}
	.profile_area .memb_info .modify_link{margin-top:0.7rem; padding-left:2rem; display:block; font-size:1.5rem; line-height:1.2; color:#666; background:url("/images/ico_pen_p.png") no-repeat center left 0.2rem/1.2rem;}
	.profile_area .memb_info .memb_name_wr{width:100%; display:flex; gap:1rem 2rem; flex-wrap:wrap;}
	.profile_area .memb_info .memb_name_wr .expert_badge>p{font-size:1.7rem; color:#222; font-weight:500;}
	.profile_area .memb_info .memb_name_wr .badge_info{display:flex; align-items:flex-start;}
	.profile_area .memb_info .memb_name_wr .badge_info .ico_box{margin-right:0.5rem; line-height:0; align-self:center;}
	.profile_area .memb_info .memb_exp{width:100%; margin-top:0.7rem;}
	.profile_area .memb_info .memb_exp .exp_bar{max-width:20rem; height:1rem; background-color:#eee; border-radius:0.5rem; overflow:hidden;}
	.profile_area .memb_info .memb_exp .exp_gauge{height:100%; background-color:var(--point);}
	.profile_area .memb_info .memb_exp > p{margin-top:0.5rem; font-size:1.6rem;}
	
	.profile_area .member_count_info{max-width:45rem; width:100%; display:flex; align-items:center; text-align:center;}
	.profile_area .member_count_info li{width:calc(100% / 3);}
	.profile_area .member_count_info li+li{border-left:1px dotted #111;}
	.profile_area .member_count_info li .ico_box{display:block; margin-bottom:0.6rem;}
	.profile_area .member_count_info li .ico_box img{height:2rem;}
	.profile_area .member_count_info li p{line-height:2.2rem;}
	.profile_area .member_count_info li button{font-size:1.6rem;}
	.profile_area .member_count_info .matching_amount .val span{display:block;}

    .pop_expert_badge_cont .pop_sect{font-size:1.7rem; line-height:1.4; font-weight:500; color:#222;}
    .pop_expert_badge_cont .pop_sect_tit{margin-bottom:1rem;}
    .pop_expert_badge_cont .int_c_box{padding:1.5rem 2rem; border-radius:1rem;}
    .pop_expert_badge_cont .int_c_box li::before,
    .pop_expert_badge_cont .remark::before{color:var(--point)}
    .pop_expert_badge_cont .dot_li li{display:flex; gap:1rem;}
    .pop_expert_badge_cont .remark{color:#666; margin-top:1rem;}
    .pop_expert_badge_cont .level{width:8rem;}
    .pop_expert_badge_cont .tier{padding-left:2.5rem; position:relative;}
    .pop_expert_badge_cont .tier::before{content:"티어별 아이콘"; width:2.5rem; text-indent:-9999px; background-repeat:no-repeat; background-position:left center; background-size:auto 2rem; position:absolute; left:0; top:0;}
    .pop_expert_badge_cont .tier.ti01::before{background-image:url("/images/ti01.png");}
    .pop_expert_badge_cont .tier.ti02::before{background-image:url("/images/ti02.png");}
    .pop_expert_badge_cont .tier.ti03::before{background-image:url("/images/ti03.png"); background-position:left 0.3rem center;}
    .pop_expert_badge_cont .tier.ti04::before{background-image:url("/images/ti04.png");}
    .pop_expert_badge_cont .tier.ti05::before{background-image:url("/images/ti05.png");}
    .pop_expert_badge_cont .pop_xp_sect .tit{width:7.5rem;}
    .pop_expert_badge_cont .pop_xp_sect .cont{flex:1; display:flex; gap:0 0.5rem; flex-wrap:wrap;}
    .pop_expert_badge_cont .pop_xp_sect .cont .refer{width:100%; font-size:1.5rem; line-height:1.6; color:#666;}

/* .revision_history .revision_list .reply_area .add_img_img {
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.revision_history .revision_list .reply_area .add_img_img span {
    max-width: 10rem;
    aspect-ratio: 100 / 67;
}
.revision_history .revision_list .reply_area .add_img_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

	/* pop_badge (커뮤니티 게시판 뱃지 팝업) */
		.pop_badge .pop_area{overflow-y:auto; max-width:50rem; padding:0;}
		.pop_badge .pop_area .pop_inner{padding:3.3rem 5rem 11rem; position:relative;}
		.pop_badge .pop_area .pop_cont{margin-top:0;}
		.pop_badge .ico_box img{width:2.4rem;}
		.pop_badge{font-size:1.7rem; line-height:2.4rem;}
		.pop_badge .remark::before{color:var(--point)}
		.pop_badge .pop_top{padding-bottom:2.3rem; border-bottom:0.2rem solid var(--point);}
		.pop_badge .pop_cont{padding-top:3.4rem;}
		.pop_badge .pop_sect + .pop_sect{margin-top:2.5rem;}
		.pop_badge .pop_sect_tit{font-size:2rem; line-height:1.5; font-weight:700; color:#111;}
		
		.pop_badge .badge_opt{margin-top:1.1rem;}
		.pop_badge .badge_opt .check-new{width:100%;}
		.pop_badge .badge_opt .check-new + .check-new{margin-top:0.6rem;}
		.pop_badge .badge_opt .check-new p{font-size:1.7rem; line-height:2.4rem;}
		.pop_badge .badge_opt .check-new .ico_box{width:2.5rem;}
		.pop_badge .badge_opt .check-new input[type=radio]+label>.graphic:before{opacity:0;}
		.pop_badge .badge_opt .check-new input[type=radio]:checked+label>.graphic:before{opacity:1;}
		
		.pop_badge .img_file_sect .pop_sect_cont{margin-top:0.2rem;}
		.pop_badge .img_file_sect .dash_li{margin-top:0.9rem;}
		.pop_badge .img_file_sect .img_add{margin-top:1.8rem; display:flex;}
		.pop_badge .img_file_sect .img_add .file_name{padding:0 1.5rem; width:calc(100% - 9.4rem); height:5rem; font-size:1.6rem; line-height:4.8rem; border:1px solid #ddd; border-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-break:break-all !important; overflow:hidden;}
		.pop_badge .img_file_sect .img_add .file_btn{display:inline-block; width:9.4rem; font-size:1.6rem; line-height:5rem; text-align:center; color:#fff; background-color:#111; position:relative;}
		.pop_badge .img_file_sect .img_add .file_btn input[type="file"]{width:auto; height:auto; line-height:0; font-size:0; opacity:0; position:absolute; inset:0 0 0 0; cursor:pointer;}
		.pop_badge .img_file_sect .remark{margin-top:0.8rem;}
		
		.pop_badge .badge_add .pop_sect_cont dl{margin-top:1rem;}
		.pop_badge .badge_add .pop_sect_cont dt{line-height:2.7rem; font-weight:700; color:#111;}
		.pop_badge .badge_add .pop_sect_cont dd{margin-top:0.2rem; display:flex; gap:0 2rem; flex-wrap:wrap;}
		.pop_badge .badge_add .refer_box{margin-top:1.8rem; padding:2rem 1.7rem 1.4rem; color:#111; background-color:#fff4ec; border-radius:1rem;}
		.pop_badge .badge_add .refer_box ul li{display:flex; align-items:center;}
		.pop_badge .badge_add .refer_box ul li+li{margin-top:0.4rem;}
		.pop_badge .badge_add .refer_box ul li .ico_box{width:2.6rem;}
		.pop_badge .badge_add .remark_box{margin-top:1.2rem; padding-top:0.9rem; border-top:1px solid #ffdfc9;}
		
		.pop_badge .btn_box{width:100%; position:absolute; left:0; bottom:0;}
		.pop_badge .btn_box a{display:block; width:100%; font-size:1.8rem; line-height:7rem; font-weight:500; color:#fff; text-align:center; background-color:var(--point);}

	.textarea_count_wr{padding:2px; position:relative; border-radius:calc(1rem - 1px); overflow:hidden;}
	.textarea_count_wr .textarea_count{resize:none; padding-bottom:1rem; outline:none; border:none; border-radius:1rem 1rem 0 0;}
	.textarea_count_wr .textarea_count:focus ~ .out_line{border:2px solid #000;}
	.textarea_count_wr .char_count{padding:0 2rem 1.5rem; width:100%; display:block; font-size:1.6rem; line-height:1; color:#999; text-align:right;}
	.textarea_count_wr .out_line{border:1px solid #ddd; border-radius:1rem; position:absolute; inset:0 0 0 0; z-index:-1;}

	/* location */
	.loca_area{}
	.loca_map{height: 62rem;overflow:hidden;}
	.loca_map .root_daum_roughmap{width:100%;}
	.loca_map .root_daum_roughmap .wrap_map{height: 62rem;width: 100%;border:none}
	.loca_map .root_daum_roughmap .map_border{display:none;}
	.loca_cont{display:flex;margin-top:3.6rem;}
	.loca_cont .loca_logo{max-width:30rem;width:100%;padding: 4.7rem 0}
	.loca_cont .loca_logo img{max-width:20rem;}
	.loca_cont .loca_info{display:flex;flex-wrap:wrap;width:100%;}
	.loca_cont .loca_info dl:nth-child(1){width:100%;border-bottom:1px solid #e6e6e6;}
	.loca_cont .loca_info dl:not(.loca_addr){flex:1}
	.loca_cont .loca_info dl{display:flex;padding:4.7rem 0}
	.loca_cont .loca_info dl:nth-child(2) dt{padding-left:1.6rem;}
	.loca_cont .loca_info dt{font-size:2rem;font-weight:700;color:#111}
	.loca_cont .loca_info dd{padding-left:3rem;}

	/* calendar */		.calendar-area .calendar-option .calendar-day .prev img{}
		.calendar-area .day-of-week{max-width: 100%; display: grid; grid-template-columns: repeat(7, 1fr); grid-auto-rows: minmax(4rem, auto);}
		/* .calendar-area .day-of-week{font-weight: 600; font-size:1.8rem;} */
		.calendar-area .day-of-week>*{width:100%; margin:0 auto; padding:0; font-weight: 700; font-size:1.4rem; line-height:1.3; color:#666; text-align: center; overflow: hidden; display: flex; align-items: center; justify-content: center; border-bottom:1px solid #eee}
		/* .calendar-area .date-grid>*{font-weight: 500; font-size:2.2rem; line-height:1.3; color:#333; text-align: center;} */
		.calendar-area .day-of-week>p:first-child{color:var(--red);}
		.calendar-area .day-of-week>p:last-child{color:var(--blue);}		.calendar-area .date-grid button.today{background-color: #fff; border-color:#000}
		.calendar-area .date-grid button.active{pointer-events: auto; border:2px solid var(--point); color: var(--point);}
		.calendar-area .date-grid button.selected{background-color: var(--point); color: #fff;}
	/* 회사정보 공통 */
		.comp_commn .comp_info_wr{display:flex; gap:3rem 1.5rem; align-items:center;}
		.comp_commn .comp_info_wr .img_box{width:7rem; height:7rem; border-radius:20rem; overflow:hidden; align-self:flex-start;}
		.comp_commn .comp_info_wr .img_box img{width:100%; height:100%; object-fit:cover;}
		.comp_commn .comp_info_wr .info_box .comp_top{display:flex; align-items:center; gap:0 2.4rem}
		.comp_commn .comp_info_wr .info_box .comp_name{display:inline-block; font-size:2.2rem; line-height:1.6; font-weight:700; color:#111;}
		.comp_commn .comp_info_wr .info_box .btn_comp_read{padding:0 1.1rem; font-size:1.5rem; line-height:2.8rem; text-align:center; color:var(--point); border:1px solid var(--point); border-radius:0.5rem; background-color:#fff4ec;}
		.comp_commn .comp_info_wr .info_box .comp_top + .comp_cont{margin-top:0.9rem;}
		.comp_commn .comp_info_wr .info_box .comp_cont dl{display:flex; gap:0 1.8rem; font-size:1.7rem; line-height:1.4;}
		.comp_commn .comp_info_wr .info_box .comp_cont dl+dl{margin-top:0.6rem;}
		.comp_commn .comp_info_wr .info_box .comp_cont dt{font-weight:500; color:#111}
		.comp_commn .comp_info_wr .info_box .comp_cont dd{flex:1;}
		.comp_commn .comp_info_wr .info_box .comp_cont .badge_li{display:flex; gap:0.5rem; flex-wrap:wrap;}
		.comp_commn .comp_info_wr .info_box .comp_cont .badge_li img{width:2.4rem;}

    /* 무료비교견적 신청 공통 */
        .estimate{max-width:1000px; margin:0 auto; padding:4.4rem 4.9rem 4.9rem;}
		.estimate .inConts{padding:0}
        .estimate .estimate_top{padding-bottom:3rem; border-bottom:1px solid #e6e6e6;}
        .estimate .estimate_top .last_step_t{margin-bottom:1rem; display:block; font-size:3rem; line-height:3.5rem; font-weight:700; color:#ff0000; text-align:center;}
        .estimate .estimate_top .last_step_t::before{content:""; display:inline-block; margin-right:1rem; width:2.2rem; height:2.8rem; vertical-align:middle; background:url("/images/sub/last_flag_ico.png") no-repeat center/contain;}
        .estimate .estimate_top .info_txt{margin-top:0.3rem; font-size:1.7rem; line-height:2rem; text-align:center;}
        .estimate .estimate_top .info_txt .chk_info{margin-bottom:1rem; font-size:1.8rem; line-height:2.8rem; font-weight:600; color:var(--point);}
        .estimate .estimate_top .info_txt .chk_info .ico_box{margin-right:0.5rem; display:inline-block; width:2rem; height:2rem; vertical-align:middle; background-color:var(--point); border-radius:2rem;}
        .estimate .estimate_top .info_txt .remark{width:fit-content; display:inline-block;}
        .estimate h2{font-size:2.5rem; line-height:3.5rem; color:#111; font-weight:700; text-align:center;}
        .estimate .estimate_progress{margin-top:2rem; display:flex; align-items:center; justify-content:center; gap:0 0.8rem}
        .estimate .estimate_progress .progress_bar{max-width:40rem; width:100%; background-color:#eee; border-radius:1rem; overflow:hidden;}
        .estimate .estimate_progress .progress_bar .bar{display:block; height:1rem; background-color:var(--point);}
        .estimate .estimate_progress .percent_val{font-size:1.8rem; line-height:1; color:var(--point); font-weight:700;}
        .estimate .content_wrap{padding:3rem 0}
        
        .estimate .chk_list .check-new input[type="radio"]+label,
        .estimate .chk_list .check-new input[type="checkbox"]+label{padding:0 1.9rem; width:100%; height:7rem; font-size:1.8rem; line-height:2.8rem; font-weight:500; color:#666; border:1px solid #ccc; border-radius:0.5rem; background-color:#fff; box-shadow:0 1rem 1rem rgba(0,0,0,0.1); transition:all 0.3s ease-out;}

        .estimate .chk_list .check-new input[type="radio"]+label .graphic,
        .estimate .chk_list .check-new input[type="checkbox"]+label .graphic{border-radius:0;}

        .estimate .chk_list .check-new input[type=radio]+label>.graphic:before,
        .estimate .chk_list .check-new input[type=checkbox]+label>.graphic:before{width:2rem; height:2rem; border-radius:0; background-image:url("/images/chk_w.png"); background-size:cover; opacity:0;}

        .estimate .chk_list .check-new input[type="radio"]:checked+label,
        .estimate .chk_list .check-new input[type="checkbox"]:checked+label{color:#111; border-color:var(--point); background-color:#fff4ec;}

        .estimate .chk_list .check-new input[type="radio"]:checked+label .graphic,
        .estimate .chk_list .check-new input[type="checkbox"]:checked+label .graphic{border-color:#111; background-color:#111;}
        
        .estimate .chk_list .check-new input[type="radio"]:checked+label .graphic:before,
        .estimate .chk_list .check-new input[type="checkbox"]:checked+label .graphic:before{opacity:1; background-color:transparent;}
        
        .estimate .chk_list{padding:3rem 0}
        .estimate .chk_list .check-new{width:100%;}
        .estimate .chk_list .check-new p{flex:1}
        .estimate .chk_list label p .multi_txt{display:block; font-size:1.5rem; line-height:2.5rem; color:var(--point); font-weight:400;}
        
        .estimate .chk_list_wrap{padding:3rem 0}
        .estimate .box_arrow_tit + .chk_list{padding:0;}

		.estimate .board_btn{margin-top:0;}
		.estimate .board_btn .click{width:17.5rem; height:6rem; background-color:#666; font-weight:600;}

        .estimate .chk_list.column_li{max-width:46rem; margin:0 auto; padding:3rem 0}
        .estimate .chk_list.column_li .check-new + .check-new{margin-top:1rem;}
        .estimate .chk_list.column_li label p{padding-right:3rem; width:100%;}
        .estimate .chk_list.column_li.bubble_type{max-width:none;}

        .estimate .chk_list.column_li .ico_tootip{display:block; line-height:1; position:absolute; right:2rem; top:50%; z-index:3; transform:translateY(-50%);}
        .estimate .chk_list.column_li .ico_tootip img{width:2rem;}
        .estimate .chk_list.column_li .tootip_box{display:none; padding:1rem 2rem 1.2rem; width:31rem; font-size:1.4rem; line-height:1.8rem; border:0.1rem solid #dadada; border-radius:1rem; background-color:#fff; position:absolute; left:calc(100% - 9rem); bottom:calc(50% + 1.5rem); z-index:3;}
        .estimate .chk_list.column_li .tootip_box::before{content:""; display:block; width:0; border-width:0.8rem 0.8rem 0; border-style:solid; border-color:#fff transparent; position:absolute; left:5rem; bottom:-0.8rem; z-index:1;}
        .estimate .chk_list.column_li .tootip_box::after{content:""; display:block; width:0; border-width:0.9rem 0.9rem 0; border-style:solid; border-color:#dadada transparent; position:absolute; left:4.9rem; bottom:-0.9rem; z-index:0;}
        .estimate .chk_list.column_li .ico_tootip:hover+.tootip_box{display:block;}
        
        .estimate .chk_list.row_li{display:flex; flex-wrap:wrap; gap:1rem 2rem;}
        .estimate .chk_list.row_wrap_02 .check-new{width:calc(50% - 1rem);}
        .estimate .chk_list.row_wrap_03 .check-new{width:calc((100% - 4rem) / 3);}
        .estimate .chk_list.row_wrap_04 .check-new{width:calc((100% - 6rem) / 4);}

		.estimate .chk_list .check-new.etc_full{width:100%; display:flex; border-radius:0.5rem; box-shadow:0 1rem 1rem rgba(0,0,0,0.1); overflow:hidden; position:relative;}
		.estimate .chk_list .check-new.etc_full input:is([type="radio"], [type="checkbox"]){display:block; width:100%; height:100%; cursor:pointer;}
		.estimate .chk_list .check-new.etc_full input:is([type="radio"], [type="checkbox"]):checked{display:none;}
		.estimate .chk_list .check-new.etc_full input:is([type="radio"], [type="checkbox"]) + label{border:none; text-align:center; justify-content:center; border-radius:0; border-right:1px solid #ccc; box-shadow:none; background-color:#f6f6f6; position:static;}
		.estimate .chk_list .check-new.etc_full input:is([type="radio"], [type="checkbox"]) + label::before{content:""; position:absolute; inset:0 0; border-radius:0.5rem; border:1px solid #ccc; pointer-events:none;}
		.estimate .chk_list .check-new.etc_full input:is([type="radio"], [type="checkbox"]):checked + label{background-color:#fff4ec; color:#111; border-color:var(--point);}
		.estimate .chk_list .check-new.etc_full input:is([type="radio"], [type="checkbox"]):checked + label::before{border-color:var(--point)}
		.estimate .chk_list .check-new.etc_full input[type="text"]{border:none; flex:1; height:100%; font-size:1.8rem; outline:none;}
		.estimate .chk_list .check-new .etc_ico{padding-left:3.7rem; position:relative;}
		.estimate .chk_list .check-new .etc_ico::before{content:""; display:block; width:2.6rem; height:2.6rem; background:url("/images/etc_ico.png") no-repeat center/contain; position:absolute; left:0; top:50%; transform:translateY(-50%);}
		.estimate .chk_list.row_wrap_03 .check-new.etc_full label{width:calc((100% - 4rem) / 3);}
		.estimate .chk_list.row_wrap_04 .check-new.etc_full label{width:calc((100% - 6rem) / 4);}
		
        .estimate .chk_list.bubble_type > .check-new{display:flex; gap:1.4rem 2rem; flex-wrap:wrap;}
        .estimate .chk_list.bubble_type > .check-new > label{flex:1;}
        /* .estimate .chk_list.bubble_type > .check-new > *{width:calc(50% - 1rem);} */
        .estimate .chk_list.bubble_type > .check-new input:is([type="radio"], [type="checkbox"])+label{width:calc(50% - 1rem);}
        .estimate .chk_list.bubble_type > .check-new .bubble_box{width:40%; font-size:1.8rem; line-height:2.8rem; font-weight:500; color:#666; transition:all 0.3s ease-out;}
        .estimate .chk_list.bubble_type > .check-new input:is([type="radio"], [type="checkbox"]):checked+label+.bubble_box{color:#222; background-color:#f6f6f6;}
        
        .estimate .chk_list.thumb_type input:is([type="radio"], [type="checkbox"]) + label{min-height:8rem; height:auto; gap:0; padding:1.4rem 1.4rem 1.4rem 2.9rem}
        .estimate .chk_list.thumb_type input:is([type="radio"], [type="checkbox"]) + label .img{width:10rem;}
        .estimate .chk_list.thumb_type input:is([type="radio"], [type="checkbox"]) + label p{flex:1; text-align:left; color:#000;}

		.pop_quote_alert .pop_area,
		.pop_quote_alert1 .pop_area{width:430px;}
    /* quote_0101 */
        .quote_0101 .chk_list .check-new input[type="radio"]+label,
        .quote_0101 .chk_list .check-new input[type="checkbox"]+label{font-size:2rem;}

    /* quote_0301 */
        .quote_0301 .chk_list{padding:0;}
        .quote_0301 .chk_list .check-new input[type="radio"]+label,
        .quote_0301 .chk_list .check-new input[type="checkbox"]+label{height:8rem;}
        .quote_0301 .chk_list label p .multi_txt{line-height:2rem;}
        .quote_0301 .content_box label{width:100%;}
        .quote_0301 .content_box label p{width:100%; text-align:center; color:#111; line-height:2.6rem;}
        .quote_0301 .content_box label p .multi_txt{font-size:1.6rem; line-height:2rem; font-weight:500; color:#999;}

    /* quote_0302 */
        .quote_0302 .intro_box{padding:2.2rem 2rem; background-color:#f6f6f6; text-align:center; border-radius:1rem;}
        .quote_0302 .intro_box em{display:block; font-size:2rem; line-height:2.8rem; color:#111; font-weight:500;}
        .quote_0302 .intro_box p{display:inline-block; margin-top:0.5rem; width:fit-content; font-size:1.7rem; line-height:2.4rem; color:#666;}
    
    /* quote_0303 */
        .quote_0303 .chk_list.thumb_type input:is([type="radio"], [type="checkbox"])+label p{line-height:2.6rem;}
        .quote_0303 .chk_list label p .multi_txt{line-height:2rem;}
    
    /* quote_0401 */
		.quote_0401 .chk_list .check-new > .multi_txt{margin-top:0.5rem; font-size:1.5rem; line-height:2.5rem; color:var(--point);}
        .quote_0401 .intro_box{margin-bottom:1rem; padding:2.2rem 2rem; background-color:#f6f6f6; border-radius:0.5rem; border:1px solid var(--point)}
        .quote_0401 .intro_box .dot_li li{font-size:1.7rem; line-height:2.4rem;}
        .quote_0401 .intro_box .dot_li li+li{margin-top:0.4rem;}
        .quote_0401 .text_form textarea{height:20rem; resize:none; border:1px solid #000; border-radius:0.3rem; outline:none;}

    /* quote_0501 */
        .quote_0501 .addr_form{padding:1.4rem 0; border-top:1px solid #000; border-bottom:1px solid #e6e6e6;}
        .quote_0501 .addr_form > input[type=text]{margin-top:0.8rem; width:100%;}
        .quote_0501 .addr_form input[type=text]{background-color:#f6f6f6; color:#111; font-weight:600;}
        .quote_0501 .addr_form input[name=addrTit]{font-weight:400;}
        .quote_0501 .addr_form input[type=text]::placeholder{color:#666; font-weight:400;}
        .quote_0501 .addr_form .add_sch{display:flex; gap:0 0.6rem;}
        .quote_0501 .addr_form .add_sch input[type=text]{width:30rem;}
        .quote_0501 .addr_form .add_sch .btns{width:9.4rem; height:5rem; font-size:1.6rem; line-height:5rem; text-align:center; color:#fff; vertical-align:middle; background-color:#000;}
        .quote_0501 .addr_form + .btns_wr{margin-top:1.3rem; display:flex; justify-content:flex-end;}
        .quote_0501 .addr_form + .btns_wr .btn_add{width:17rem; height:4rem; font-size:1.6rem; line-height:calc(4rem - 2px); font-weight:500; color:var(--point); text-align:center; border:1px solid var(--point); border-radius:0.3rem;}
        
		.quote_0501 .my_building_wr{padding-top:2rem; border-top:1px solid #000;}
		.quote_0501 .my_building_wr .my_li{padding-bottom:2rem; display:flex; gap:2rem; flex-wrap:wrap; border-bottom:1px solid #e6e6e6;}
		.quote_0501 .my_building_wr .building_box{width:calc(50% - 1rem); position:relative;}
		.quote_0501 .my_building_wr .building_box input{display:none}
		.quote_0501 .my_building_wr .building_box label{padding:2.2rem 2.9rem 2.9rem; height:100%; display:block; background-color:#fff; border:1px solid #ccc; border-radius:0.5rem; box-shadow:0 1rem 1rem rgba(0,0,0,0.1); cursor:pointer; transition:all 0.3s ease-out;}
		.quote_0501 .my_building_wr .building_box .name{display:block; font-size:2.2rem; line-height:3rem; color:#000; font-weight:700;}
		.quote_0501 .my_building_wr .building_box .addr{margin-top:1.1rem; padding-left:2.2rem; position:relative;}
		.quote_0501 .my_building_wr .building_box .addr::before{content:""; display:block; width:1.5rem; height:2rem; background:url("/images/ico_pin_color.png") no-repeat center/contain; position:absolute; left:0; top:0.4rem;}
		.quote_0501 .my_building_wr .building_box .new_addr{font-size:1.8rem; line-height:2.6rem; font-weight:500; color:#000;}
		.quote_0501 .my_building_wr .building_box .old_addr{margin-top:0.4rem; font-size:1.7rem; line-height:2.6rem; font-weight:400; color:#666;}
		.quote_0501 .my_building_wr .building_box .old_addr span{display:inline-block; margin-right:0.9rem; width:3.8rem; font-size:1.5rem; line-height:2.4rem; text-align:center; vertical-align:middle; background-color:#ddd; border-radius:0.5rem;}
		.quote_0501 .my_building_wr .building_box input[type="radio"]:checked + label{border-color:var(--point); background-color:#fff4ec;}
		.quote_0501 .my_building_wr .building_box .btn_mybulRemove{position:absolute; right:1rem; top:1rem;}
		.quote_0501 .my_building_wr .building_box .btn_mybulRemove span{display:block; padding:0.7rem 1rem; line-height:1; color:#fff; background-color:#111; border-radius:0.3rem; cursor:pointer;}
		.quote_0501 .my_building_wr .check_cont{margin-top:1rem;}
		.quote_0501 .my_building_wr .check_cont input[type="checkbox"] + label{color:#666}
		.quote_0501 .my_building_wr .non_building{min-height:15rem; width:100%; display:flex; justify-content:center; align-items:center; text-align:center;}
		
	/* quote_0601 */
		.quote_0601 .chk_list_wrap label p{width:100%; text-align:center;}
		.quote_0601 .chk_list_wrap label p .multi_txt{font-size:1.6rem; line-height:2rem; font-weight:500; color:#999;}
		.quote_0601 .chk_list_wrap .check-new input:is([type="radio"], [type="checkbox"]):checked ~ .chk_on_box{display:block;}
		.quote_0601 .chk_list_wrap .bubble_box{margin-top:1rem;}
		
		.quote_0601 .chk_on_box{display:none;}
		.quote_0601 .chk_on_box + .chk_on_box{margin-top:1rem;}
		.quote_0601 .check-new .chk_on_box .check-new{width:100%;}
		.quote_0601 .chk_info_box{padding:2rem; font-size:1.7rem; line-height:1.2; border:1px solid #ccc; border-radius:0.5rem; box-shadow:0 1rem 1rem rgba(0, 0, 0, 0.1);}
		.quote_0601 .chk_info_box.on{border-color:var(--point); background-color:#fff4ec;}
		.quote_0601 .chk_info_box.on .input_area>p{border-color:var(--point);}

		.quote_0601 p+.label_dl{margin-top:1rem;}
		.quote_0601 .label_dl{display:flex; gap:1rem;}
		.quote_0601 .label_dl+.label_dl{margin-top:0.5rem;}
		.quote_0601 .label_dl dt{align-self:flex-start; font-size:1.6rem; line-height:1.8rem; color:#fff; text-align:center; display:flex; gap:0.3rem;}
		.quote_0601 .label_dl dt span{padding:0.5rem; display:inline-block; min-width:5.6rem; border-radius:0.5rem; background-color:#222;}
		.quote_0601 .label_dl dd{flex:1; font-size:1.8rem; line-height:2.8rem; color:#666;}
		.quote_0601 .input_area{display:flex; gap:0.5rem 1rem; flex-wrap:wrap;}
		.quote_0601 .input_area > p{padding-left:0.9rem; position:relative; display:flex; border:1px solid #ccc; background-color:#fff;}
		.quote_0601 .input_area > p input{padding:0; width:100%; height:2.8rem; border:none; outline:none;}
		.quote_0601 .input_area > p span{padding:0 0.9rem 0 0;}
		.quote_0601 .input_area .icon{display:block;}
		.quote_0601 .input_area .icon img{vertical-align:middle; width:1.6rem;}

		.quote_0601 .chk_02_on{padding:0; margin-top:1rem;}
		.quote_0601 .chk_02_on:not(.active),
		.quote_0601 .chk_0200_on:not(.active){display:none;}
		.quote_0601 .chk_0200_on .chk_btn_type input:is([type="radio"], [type="checkbox"]) + label{padding:0.5rem; height:auto; display:inline-block; min-width: 5.6rem; font-size: 1.6rem; line-height: 1.8rem; color: #fff; text-align: center; border-radius: 0.5rem; background-color: #666; border:0;}
		.quote_0601 .chk_0200_on .chk_btn_type input:is([type="radio"], [type="checkbox"]):checked + label{background-color:#222; color:#fff}
		.quote_0601 .check-new.non_chk{padding:1rem 1.9rem; border:1px solid #ccc; border-radius:0.5rem;}

	/* quote_0701 */		.quote_0701 .calendar_wrap .content_box{margin-top:0; width:calc(50% - 1rem);}
		.quote_0701 .calendar_wrap .content_box .box_arrow_tit{margin-bottom:0;}
		.quote_0701 .calendar_wrap .content_box .box_arrow_txt{padding-left:2rem; line-height:1.2;}		.quote_0701 .calendar_wrap .calendar-area .day-of-week{margin-top:1.2rem;}
		.quote_0701 .calendar_wrap .check_cont{margin-top:1.2rem;}

	/* quote_0801 */
		.quote_0801 .chk_list{padding:0; display:flex; flex-wrap:wrap; gap:2rem}
		.quote_0801 .chk_list .check_wrap{width:calc(50% - 1rem);}
		.quote_0801 .chk_list .check_wrap .chk_tit{padding-bottom:2.1rem; width:100%; display:flex; align-items:center; border-bottom:1px solid #ddd;}
		.quote_0801 .chk_list .check_wrap .chk_tit em{display:inline-block; font-size:2.2rem; line-height:1.37; font-weight:700; color:#000;}
		.quote_0801 .chk_list .check_wrap ul{margin-top:2.8rem; font-size:1.8rem; line-height:2.8rem;}
		.quote_0801 .chk_list .check_wrap ul li::before{color:var(--point)}
		.quote_0801 .chk_list .check_wrap ul li span{color:#000; text-decoration:underline; text-underline-offset:0.3rem;}
		
		.quote_0801 .chk_list .check_wrap input[type="radio"]+label{flex-wrap:wrap; height:auto; padding:2.6rem 3.9rem 6.8rem;}
		.quote_0801 .chk_list .check_wrap input[type="radio"]+label .chk_tit .graphic{margin-right:0.9rem; width: 2.1rem; height: 2.3rem; background-color: #fff; border:1px solid var(--bor_c); border-radius:0.5rem; transition:all 0.3s ease-out;}
		.quote_0801 .chk_list .check_wrap input[type="radio"] + label .chk_tit .graphic::before{content: ""; width:100%; height:100%; font-size:0; line-height:0; display: block; vertical-align: top; position: relative; transition: .3s;}
		/* .quote_0801 .chk_list .check_wrap input[type="radio"] + label .chk_tit .graphic::before{left:-1px; top:-1px;} */
		
		.quote_0801 .chk_list .check_wrap input[type="radio"]:checked + label{background-color:#fff; color:#666}
		.quote_0801 .chk_list .check_wrap input[type="radio"]:checked + label .chk_tit .graphic{background-color:var(--point); border-color:var(--point);}
		.quote_0801 .chk_list .check_wrap input[type="radio"]:checked + label .chk_tit .graphic::before{background:url("/images/chk_w.png") no-repeat center/cover;}

	/* live_quotes (실시간 견적현황 공통) */
			.live_quotes .profile_area{margin-bottom:3.5rem;}
			.live_quotes .profile_area .member_count_info{max-width:39rem; align-self:flex-start; align-items:stretch;}
			.live_quotes .profile_area .memb_info .label{margin-top:1rem;}
			.live_quotes .profile_area .member_count_info .tit{font-size:1.7rem; line-height:1.3; display:block;}
			.live_quotes .profile_area .member_count_info .val{margin-top:0.5rem; font-size:2rem; line-height:1.1;}
			.live_quotes .profile_area .member_count_info .val span{font-size:1.5rem; line-height:1.4;}

			.live_quotes .cont_tit_box{margin-bottom:1rem; display:flex; justify-content:space-between; align-items:center;}
			.live_quotes .cont_tit_box .box_arrow_tit{display:block; margin-bottom:0;}
			
			.live_quotes .box_arrow_tit{display:flex; /*justify-content:space-between;*/ align-items:center;}
			.live_quotes .box_arrow_tit .bo_num{display:inline-block; margin-left:0.7rem; font-size:1.6rem; line-height:1; color:#111; font-weight:400;}
			.live_quotes .box_arrow_tit .bo_num em{display:inline-block; margin-left:0.4rem; font-weight:600;}
			
			.live_quotes .board_list .noti_tr td{background-color:#fff4ec; border-top:1px solid; border-color:var(--point);}
			.live_quotes .board_list .noti_tr .noti_list{width:100%; height:4.8rem; position:relative; overflow:hidden;}
			.live_quotes .board_list .noti_tr .noti_list .swiper-slide{padding:0 1.5rem; width:100%; height:4.8rem; display:flex; align-items:center; gap:0.5rem 1rem; font-weight:700; color:#222}
			/* .live_quotes .board_list .noti_tr .noti_list .swiper-slide a{padding:0 1.5rem; width:100%; height:4.8rem; display:flex; align-items:center; gap:0.5rem 1rem; font-weight:700; color:#222} */
			.live_quotes .board_list .noti_tr .noti_list .num_noti{padding:0.4rem 1rem; display:block; background-color:var(--point); color:#fff; text-align:center; border-radius:0.5rem;}
			.live_quotes .board_list .noti_tr .noti_list .swiper-slide > p{padding-right:2rem; text-align:left;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all !important;}
			/* .live_quotes .board_list .noti_tr .noti_list .swiper-slide > a p{padding-right:2rem; text-align:left;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all !important;} */

	/* quote_list */
		.quote_list .board_list .td_subject{padding:1.7rem 2rem}
		.quote_list .board_list .td_subject > a{color:#666;}
		.quote_list .board_list .td_subject > a:hover{color:#666;}
		.quote_list .board_list .td_state > span{padding:0 0.5rem; min-width:8.6rem; display:inline-block; font-size:1.5rem; line-height:2.8rem; text-align:center; font-weight:500; border:1px solid #ccc; border-radius:0.5rem; background-color:#f6f6f6;}
		.quote_list .board_list .td_state > .state_01{color:#0060ff ;border-color:#0060ff; background-color:#ecf3ff;}
		.quote_list .board_list .td_state > .state_02{color:#ff6600 ;border-color:#ff6600; background-color:#fff4ec;}
		/* 견적 보류 : 채움 주황은 너무 강해 목록 전체가 눌린다.
		   사이트가 이미 쓰는 옅은 주황 칩(.bld_flr_more)과 같은 톤으로 맞춘다.
		   '마감'(회색)·'참여 가능'(파랑)과는 색상 자체로 충분히 구분된다. */
		.quote_list .board_list .td_state > .state_hold{color:#e2600a; border-color:#ffbb85; background-color:#fff6ef; font-weight:600;}
		/* 기간 칸 색 규칙 : 파랑 = 참여 가능(NEW·N일 남음·오늘 마감) / 회색 = 모집종료 / 주황 = 보류중.
		   글자 길이가 달라도 동그라미 시작 위치가 세로로 맞도록, 고정폭 왼쪽정렬 상자를 가운데 배치한다 */
		.quote_list .board_list .deadline_date > span{display:inline-block; width:9.2rem; text-align:left; white-space:nowrap;}
		.quote_list .board_list .deadline_date > span::before{content:"•"; display:inline-block; margin-right:0.6rem; vertical-align:middle; font-size:0; width:1.4rem; aspect-ratio:1/1; border-radius:50%;}
		.quote_list .board_list .deadline_date > .new,
		.quote_list .board_list .deadline_date > .date{color:#0066ff}
		.quote_list .board_list .deadline_date > .new::before,
		.quote_list .board_list .deadline_date > .date::before{background-color:#0099ff}
		.quote_list .board_list .deadline_date > .end{color:#666;}
		.quote_list .board_list .deadline_date > .end::before{background-color:#666;}
		.quote_list .board_list .deadline_date > .hold{color:#e2600a; font-weight:600;}
		.quote_list .board_list .deadline_date > .hold::before{background-color:#f5a05a;}

	/* quote_view */
		.quote_view .view_summary .btn_output{width:11rem; font-size:1.6rem; line-height:3.6rem; color:#fff; font-weight:500; text-align:center; background-color:var(--point); border-radius:0.3rem;}
		
		.quote_view .building_info .tit_info span{margin-left:1.5rem;}
		.quote_view .building_info .tit_info .feature_ico{padding-top:0.3rem;}
		.quote_view .building_info table td em{color:#000; display:inline-block; margin-right:0.7rem;}
		
		.revision_history .paging_all{margin-top:3rem;}
		
		.quote_view .customer_request .request_cont{padding:1.5rem 2rem 0; font-size:1.7rem; line-height:1.6; border-top:1px solid #111;}
		
		.quote_view .it_list{display:flex; gap:0.6rem; flex-wrap:wrap;}
		.quote_view .it_list span{padding:0.7rem 1rem; font-size:1.6rem; line-height:1.4; color:var(--point); text-align:center; border:1px solid var(--point); border-radius:1rem;}
		.quote_view .project_item .it_list{padding-top:2rem; border-top:1px solid #111;}
		/* 설치된 설비(추정) - 건축물대장으로 유추한 결과. 점선은 '조건이 더 걸린' 항목 */
		.quote_view .it_list span.maybe{color:#8a8a8a; border-color:#c9c9c9; border-style:dashed;}
		.quote_view .it_list span.maybe em{margin-left:0.3rem; font-style:normal; color:var(--point);}
		.quote_view .it_note{margin-top:1.2rem; font-size:1.4rem; line-height:1.6; color:#767676;}
		.quote_view .it_note strong{color:#111; font-weight:600;}
		.quote_view .th_sub{font-size:1.3rem; font-weight:400; color:#8a8a8a;}
		/* 주요 5종은 항상 보이고, 나머지는 '설치된 설비 전부보기'로 펼친다 */
		.quote_view .it_list.it_more{display:none; margin-top:0.6rem;}
		.quote_view .it_list.it_more.on{display:flex;}
		.quote_view .btn_equip_more{display:inline-flex; align-items:center; gap:0.6rem; margin-top:1.2rem; padding:0.6rem 1.4rem; font-size:1.5rem; line-height:1.4; color:#555; background-color:#f5f6f7; border:1px solid #d5d9dd; border-radius:1rem; cursor:pointer;}
		.quote_view .btn_equip_more:hover{background-color:#eef1f3; border-color:#c2ccd2;}
		.quote_view .btn_equip_more i{display:inline-flex; align-items:center; justify-content:center; min-width:2.2rem; height:2.2rem; padding:0 0.5rem; font-style:normal; font-size:1.3rem; font-weight:600; color:#fff; background-color:#9aa3ab; border-radius:999px;}
		.quote_view .btn_equip_more.on i{background-color:var(--point);}
		.quote_view .btn_equip_more::after{content:"\25BE"; font-size:1.2rem; color:#888;}
		.quote_view .btn_equip_more.on::after{content:"\25B4";}
		/* 인쇄할 때는 접어 둔 설비도 전부 나와야 한다 */
		@media print{
			.quote_view .it_list.it_more{display:flex !important;}
			.quote_view .btn_equip_more{display:none !important;}
		}
		/* 배지 툴팁 --------------------------------------------------------
		   .table_wr 이 overflow-x:auto 라 표 안에 절대배치하면 잘린다.
		   그래서 body 끝에 하나 두고 position:fixed 로 띄운다(JS 가 위치를 잡는다). */
		.quote_view .it_list span.has_tip{cursor:help;}
		.fire_tip{position:fixed; z-index:9999; max-width:32rem; padding:1rem 1.2rem; opacity:0; visibility:hidden; pointer-events:none; background-color:#2b3038; border-radius:0.8rem; box-shadow:0 0.6rem 1.8rem rgba(0,0,0,0.22); transform:translateY(0.4rem); transition:opacity 0.15s ease, transform 0.15s ease;}
		.fire_tip.on{opacity:1; visibility:visible; transform:translateY(0);}
		.fire_tip b{display:block; margin-bottom:0.3rem; font-size:1.25rem; font-weight:600; line-height:1.3; letter-spacing:0.02em; color:#8fd0ff;}
		.fire_tip.warn b{color:#ffc07a;}
		.fire_tip i{display:block; font-style:normal; font-size:1.45rem; line-height:1.5; color:#fff; word-break:keep-all;}
		/* 말풍선 꼬리 - 기본은 아래를 향하고, 위로 뒤집히면(below) 방향을 바꾼다 */
		.fire_tip::after{content:""; position:absolute; left:50%; bottom:-0.5rem; width:1rem; height:1rem; margin-left:-0.5rem; background-color:#2b3038; transform:rotate(45deg);}
		.fire_tip.below::after{top:-0.5rem; bottom:auto;}
		@media only screen and (max-width: 840px){
			.fire_tip{max-width:calc(100vw - 3rem);}
			.fire_tip b{font-size:1.8rem;}
			.fire_tip i{font-size:2rem;}
		}
		@media print{ .fire_tip{display:none !important;} }

		@media print{

			* {
				-webkit-print-color-adjust: exact !important;
				print-color-adjust: exact !important;
				color-adjust: exact !important;
			}

			@page {margin: 2rem;}
			body {margin: 0; padding: 0;}

			#header{border:none}
			#progressBar,
			.pop_wrap,
			#menuArea,
			#quick-left,
			#header .hd_bann,
			#header .hd_login,
			#header #pcMenu,
			#pageTop,
			#footer,
			#quick-left,
			.no_print{display:none !important;}
			.table_wr table{min-width:auto;}

			#container{max-width:none; padding:0 1rem}

			.view_page .view_title{border-top:1px solid #666; border-bottom:1px solid #e6e6e6; background-color:#f6f6f6;}
			.table_wr table th,
			.table_wr table td{border:1px solid #e6e6e6}

			.full_print{width:100% !important;}

			/* .box_arrow_tit{padding-left:0;}
			.box_arrow_tit::before{display:none;} */
		}

		.quote_view .deadline_area{margin-top:5.5rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:2.5rem 0}
		.quote_view .deadline_area .deadline_box{padding-bottom:3rem; width:calc(50% - 2rem);}
		.quote_view .deadline_area .deadline_box .deadline_data{display:flex; align-items:center;}
		.quote_view .deadline_area .deadline_box .box_arrow_tit + .deadline_data{padding:2.5rem 2rem 0; display:flex; align-items:center; border-top:1px solid #111}
		.quote_view .deadline_area .deadline_box .tit_info .box_arrow_tit + .deadline_data{padding:0; display:flex; align-items:center; border-top:0}
		.quote_view .deadline_area .deadline_box .deadline_data em{padding-left:3rem; font-size:2rem; line-height:1.4; font-weight:700; color:#222; position:relative;}
		.quote_view .deadline_area .deadline_box .deadline_data em::before{content:""; display:block; margin-top:-1rem; width:2rem; height:2rem; background:url("/images/ico_data_po.png") no-repeat center/contain; position:absolute; left:0; top:50%;}
		.quote_view .deadline_area .deadline_box .deadline_data .countdown{margin-left:0.7rem; font-size:1.6rem; line-height:1.5; color:#222; font-weight:300;}
		.quote_view .deadline_area .deadline_box .btn_box{margin-top:1.4rem; text-align:center;}
		.quote_view .deadline_area .deadline_box .btn_box button{width:16rem; font-size:1.7rem; line-height:4.5rem; text-align:center; color:#fff; font-weight:600; background-color:#111; border-radius:1rem;}
		.quote_view .deadline_area .quote_submission .btn_box button{background-color:var(--point);}
		
		.quote_view .deadline_area .deadline_box .tit_info{justify-content:space-between;}
		.quote_view .deadline_area .deadline_box .deadline_info{border:1px solid var(--point); border-radius:1rem; overflow:hidden;}
		.quote_view .deadline_area .deadline_box .deadline_info .info_cont{padding:3.9rem 2rem 3.6rem}
		.quote_view .deadline_area .deadline_box .deadline_info .info_cont .tit{display:inline-block; padding:0 3.2rem; font-size:2rem; line-height:3rem; font-weight:700; color:#111; position:relative;}
		.quote_view .deadline_area .deadline_box .deadline_info .info_cont .tit::before{content:""; display:block; position:absolute; left:0; top:0;}
		.quote_view .deadline_area .deadline_box .deadline_info .info_cont .t_underline{text-underline-offset:0.3rem}
		.quote_view .deadline_area .quote_submission .deadline_info .info_cont .tit::before{width:2rem; height:3rem; background:url("/images/ico_data_po.png") no-repeat center/contain;}
		.quote_view .deadline_area .revision_submission .deadline_info .info_cont .tit::before{width:2.2rem; height:3rem; background:url("/images/calculator_ico.png") no-repeat center/contain;}
		.quote_view .deadline_area .revision_submission .deadline_info .info_cont .tit.feature_ico_lg::before{width:2rem; height:2.6rem; background:url("/images/feature_ico_lg.png") no-repeat center/contain;}
		.quote_view .deadline_area .deadline_box .deadline_info .info_cont p{margin-top:0.7rem; font-size:1.8rem; line-height:1.44; color:#111;}
		.quote_view .deadline_area .deadline_box .deadline_info .btn_box{margin-top:0;}
		.quote_view .deadline_area .deadline_box .deadline_info .btn_box button{width:100%; border-radius:0; color:var(--point); line-height:5.5rem; border:0; border-top:1px solid var(--point); background-color:#fff4ec;}
		.quote_view .deadline_area .deadline_box .deadline_info .btn_box button.btn_point{background-color:var(--point); color:#fff}
		.quote_view .deadline_area .deadline_box .deadline_info .btn_box button:is(.btn_point).disabled{border-color:#d5d5d5;}
		
		.quote_view .customer_request{margin-top:2rem; border-radius:1rem;}
		.quote_view .customer_request .tit{padding-left:2.3rem; font-size:1.8rem; line-height:3rem; font-weight:600; color:#000; position:relative;}
		.quote_view .customer_request .tit::before{content:""; display:block; width:1.7rem; height:2rem; background:url("/images/request_tit_ico.png") no-repeat center/contain; position:absolute; left:0; top:50%; transform:translateY(-50%);}
		.quote_view .customer_request .cont{padding-left:2.3rem; margin-top:0.5rem; font-size:1.7rem; line-height:2.6rem; color:#666;}
		
		.quote_view .pop_quote_submission{}
		.quote_view .pop_quote_submission .pop_cont .tit_info{gap:1rem; justify-content:flex-start;}
		.quote_view .pop_quote_submission .pop_cont .tit_info span{font-size:1.7rem;}
		.quote_view .pop_quote_submission .quote_form{display:flex; gap:2rem 6rem; flex-wrap:wrap;}
		.quote_view .pop_quote_submission .quote_form > *{width:calc(50% - 3rem);}
		.quote_view .pop_quote_submission .quote_form .input_wr{width:100%;}
		.quote_view .pop_quote_submission .quote_form input[type="text"]{width:100%; flex:1;}
		.quote_view .pop_quote_submission .quote_form input[type="text"]::placeholder{text-align:right;}
		.quote_view .pop_quote_submission .quote_form .file_add .file_name{width:100%; flex:1;}
		.quote_view .pop_quote_submission .chk_li .check-new{width:100%;}
		.quote_view .pop_quote_submission .chk_li .check-new + .check-new{margin-top:1rem;}
		.quote_view .pop_quote_submission .chk_li .check-new label{padding:0.8rem 1.9rem; width:100%; font-size:1.7rem; line-height:1.4; color:#222; background-color:#fff; border:1px solid #ddd; border-radius:1rem; transition:all 0.3s ease-out;}
		.quote_view .pop_quote_submission .chk_li .check-new input[type=checkbox]:checked + label{border-color:var(--point); background-color:#fff4ec;}
		.quote_view .pop_quote_submission .check_policy label{color:#666}

		.quote_view .pop_revision_submission{}
		.quote_view .pop_revision_submission .pop_top .pop_txt{padding:0 2.3rem; line-height:1.2; width:fit-content; display:inline-block; position:relative;}
		.quote_view .pop_revision_submission .pop_top .pop_txt::before{content:""; margin-top:-0.1rem; display:block; width:1.9rem; height:2.2rem; background:url("/images/bulb_ico.png") no-repeat center/contain; position:absolute; left:0; top:0;}
		.quote_view .pop_revision_submission .client_info{}
		.quote_view .client_info .info_cont{padding-left:6.4rem; font-size:1.8rem; line-height:1.56; color:#111; background:url("/images/bg_kakao_ico.png") no-repeat left top 0.3rem/5rem;}
		.quote_view .client_info .info_sample{margin-top:2.7rem; display:flex; gap:1.8rem; flex-wrap:wrap; justify-content:center;}
		.quote_view .client_info .info_sample > div{flex:1; padding:1.5rem 3rem; background-color:#fff; border:1px solid #ddd; border-radius:1rem; box-shadow:0 1rem 1rem rgba(0,0,0,0.1);}
		.quote_view .client_info .info_sample > div dl{padding-left:2.2rem; font-size:1.7rem; line-height:1.56; color:#222; display:flex; gap:2.9rem;}
		.quote_view .client_info .info_sample > div dt{width:4.3rem;}
		.quote_view .client_info .info_sample .icon_box{align-self:center; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center;}
		.quote_view .client_info .info_sample .icon_box img{width:2.6rem;}
		.quote_view .client_info .info_sample .after_box{border-color:var(--point); background-color:#fff4ec;}
		.quote_view .client_info .info_sample .name{background:url("/images/ico_user_bor_color_14.png") no-repeat left top 0.6rem/1.4rem;}
		.quote_view .client_info .info_sample .tel{background:url("/images/ico_tel_color_14.png") no-repeat left top 0.6rem/1.4rem}
		.quote_view .client_info .info_sample .addr{background:url("/images/ico_pin_color_14.png") no-repeat left top 0.6rem/1.4rem}
		
		
		.quote_view .faqArea.notice_refund{border:0; margin-top:3rem;}
		.quote_view .faqArea.notice_refund >li{border:0;}
		.quote_view .faqArea.notice_refund >li .q{padding:1.2rem 6rem; font-size:1.8rem; line-height:1.4; font-weight:500;}
		.quote_view .faqArea.notice_refund >li .q:before{display:none;}
		.quote_view .faqArea.notice_refund >li .q:after{right:2rem; color:#666;}
		.quote_view .faqArea.notice_refund >li .a{padding:1rem 0 0; border:0; display:block;}
		.quote_view .faqArea.notice_refund >li .a:before{display:none;}

		.quote_view .pop_wrap:not(.pop_policy) > .pop_area{padding:2rem 5rem 5.7rem; width:100%; overflow-y:auto;}
		.quote_view .pop_wrap:not(.pop_policy) > .pop_area > .pop_top{padding-bottom:2.4rem; border-bottom:0.1rem solid #e6e6e6}
		.quote_view .pop_wrap .table_wr table{min-width:auto}
		.quote_view .pop_wrap .table_wr table td{padding:0.8rem 1rem}
		.quote_view .pop_wrap .flex{align-items:center; gap:0 0.8rem; flex-wrap:wrap;}
		.quote_view .pop_wrap .note_txt{font-size:1.6rem;}
		
		.quote_view .pop_wrap .file_add .file_name,
		.quote_view .pop_wrap input[type=text],
		.quote_view .pop_wrap textarea{padding:0 0.8rem; background-color:#fff;}
		
		.quote_view .pop_wrap input[type=text],
		.quote_view .pop_wrap .file_add .file_name{width:26rem; height:3.4rem;}
		
		.quote_view .pop_wrap .file_btn{display:inline-block; width:8rem; line-height:3.4rem; font-size:1.6rem; text-align:center; color:#fff;background-color:#222; position:relative; cursor:pointer;}
		.quote_view .pop_wrap .file_btn input[type=file]{width:auto; height:auto; opacity:0; font-size:0; line-height:0; cursor:pointer; position:absolute; inset:0 0 0 0; z-index:2;}
		
		.quote_view .pop_wrap textarea{padding:2rem 0.8rem; height:10rem; resize:none;}
		
		.quote_view .pop_wrap .file_add .file_name{line-height:3.2rem; border:1px solid var(--bor_c)}
		.quote_view .pop_wrap .note_box .note_txt{display:inline-block; margin-top:0.5rem;}
		
		.quote_view .deadline_box .pop_wrap .btn_box{margin-top:4.5rem; display:flex; gap:1.5rem 1rem; flex-wrap:wrap; justify-content:center;}
		.quote_view .deadline_box .pop_wrap .btn_box a{display:inline-block; width:20rem; font-size:1.8rem; font-weight:700; line-height:6rem; color:#fff; background-color:#666; border-radius:1rem;}
		
		.quote_view .pop_revision_submission .note_box textarea{height:20rem;}

		.quote_view .table_box.attach_table .file_del_btn{color:#fff; font-weight:400; border-color:#666; background-color:#666;}
		.quote_view .revision_history .revision_form .img_input .file_add_btn{color:#fff; font-weight:400; border-color:#666; background-color:#666;}
		.quote_view .revision_history .revision_form .img_input .note_txt{color:#666; font-weight:400;}
		.quote_view .revision_history .revision_list .op_btns .btn_del{color:#fff; font-weight:400; border-color:#666; background-color:#666;}

		@media only screen and (min-width : 1141px){
			.quote_view .pop_wrap:not(.pop_policy) > .pop_area{width:auto;}
			.quote_view .pop_wrap .table_wr table{min-width:100rem;}
		}

	/* quote_select */
		.quote_select .view_summary{padding:3rem}
		.quote_select .view_summary .addr{margin-left:2rem; font-size:1.8rem; line-height:1.65; color:#222; font-weight:500;}
		.quote_select .view_summary .info_cont{margin-top:1.5rem; padding:1.5rem 2.4rem;  display:flex; gap:2rem; flex-wrap:wrap; align-items:flex-start;}
		.quote_select .view_summary .info_cont em{display:block; font-size:2rem; line-height:1.5; font-weight:600; color:#000;}
		.quote_select .view_summary .info_cont p{flex:1; font-size:1.7rem; line-height:1.53; color:#222;}

		.quote_select .company_list th,
		.quote_select .company_list td{height:5rem;}
		.quote_select .company_list th{padding-left:0.5rem; padding-right:0.5rem; width:auto;}
		.quote_select .company_list td{padding-left:1rem; padding-right:1rem; text-align:center; font-size:1.6rem;}
		.quote_select .company_list .sticker{display:inline-block; margin-left:0.4rem;}
		.quote_select .company_list .attach_file{color:var(--point); text-decoration:underline; text-underline-offset:0.3rem;}
		.quote_select .company_list .btn_read{display:inline-block; width:5.6rem; font-size:1.4rem; font-weight:500; line-height:2.8rem; color:#0066ff; border:1px solid #0060ff; border-radius:0.5rem; background-color:#ecf3ff;}
		.quote_select .company_list .ico_box{display:flex; justify-content:center; align-items:center; gap:1.2rem;}
		.quote_select .company_list .ico_box img{width:2.4rem;}
		.quote_select .company_list .btn_list_more{width:11rem; font-size:1.6rem; line-height:3.8rem; text-align:center; border:1px solid #666; border-radius:0.3rem;}
		.quote_select .company_list .btn_list_more::before{content:""; margin-right:0.8rem; display:inline-block; width:1rem; height:1rem; background:url("/images/ico_dropdown.png") no-repeat center/contain;}
		.quote_select .company_list .choice_box{display:inline-block; padding:0 0.5rem; font-size:1.4rem; line-height:2.4rem; color:var(--point); text-align:center; border:1px solid var(--point); border-radius:0.5rem; background-color:#fff4ec;}
		
		.quote_select .company_list > .info_txt{margin-bottom:1.2rem; font-size:1.7rem; line-height:1.65;}
		.quote_select .company_list .visit_select_label{margin-bottom:1rem; padding:0.6rem 0.9rem; width:fit-content; font-size:1.6rem; line-height:1; font-weight:500; color:#222; background-color:#e3f8df; border:1px solid #47bf18; border-radius:0.5rem; display:flex; align-items:center; gap:0.5rem}
		.quote_select .company_list .visit_select_label::before{content:"방문/상담 견적 업체 아이콘"; display:block; width:1.5rem; text-indent:-9999px; background:url("/images/visit_select_label_ico.png") no-repeat center/contain;}
		.quote_select .company_list .review_btn{position:absolute; right:3rem; top:1.5rem; z-index:1;}
		.quote_select .company_list .comp_li .review_btn + .comp_area{padding-top:5rem;}
		.quote_select .company_list .comp_li{width:100%;}
		.quote_select .company_list .comp_li > li > label{position:absolute; left:2rem; top:50%; transform:translateY(-50%);}
		.quote_select .company_list .comp_li > li{position:relative;}
		.quote_select .company_list .comp_li > li+li{margin-top:2rem;}
		.quote_select .company_list .comp_li input:is([type="checkbox"], [type="radio"]) ~ label .border_box .graphic,
		.quote_select .company_list .comp_li input:is([type="checkbox"], [type="radio"]) ~ label .border_box .graphic::before{content: ""; width: 2rem; height: 2rem; background-color: #fff; border: 1px solid #333; font-size: 0; line-height: 0; display: inline-block; vertical-align: top; position:absolute; transition: .3s;}
		.quote_select .company_list .comp_li input:is([type="checkbox"], [type="radio"]) ~ label .border_box .graphic::before{background: url("/images/chk_w.png") no-repeat left top/cover; border:none; left:-1px; top:-1px; z-index:2; opacity: 0;}
		.quote_select .company_list .comp_li input:is([type="checkbox"], [type="radio"]):checked ~ label .border_box{border-color:var(--point); background-color:#fff5e6;}
		.quote_select .company_list .comp_li input:is([type="checkbox"], [type="radio"]):checked ~ label .border_box .graphic{background-color:#111; border-color:#111;}
		.quote_select .company_list .comp_li input:is([type="checkbox"], [type="radio"]):checked ~ label .border_box .graphic::before{opacity: 1;}
		.quote_select .company_list .comp_li input:is([type="checkbox"], [type="radio"]):disabled ~ label .border_box{background-color:#f6f6f6;}
		.quote_select .company_list .comp_li input:is([type="checkbox"], [type="radio"]):disabled ~ label .border_box .comp_area{opacity:0.5;}
		.quote_select .company_list .comp_li > li > label{position:static; left:1.9rem; top:50%; transform:translateY(0%); display:block; width:100%;}
		.quote_select .company_list .comp_li label .graphic{position:absolute; left:1.9rem; top:50%; transform:translateY(-50%);}
		.quote_select .company_list .comp_li .border_box{overflow:hidden; transition:all 0.3s ease-out;}
		.quote_select .company_list .comp_li .complet_label{position:absolute; right:3rem; top:1.5rem; z-index:1;}
		.quote_select .company_list .comp_li .visit_label + .complet_label{top:5.5rem;}
		.quote_select .company_list .comp_li .visit_label{padding:0.8rem 2rem; font-size:1.6rem; line-height:1.5; color:#fff; font-weight:600; background-color:var(--point);}
		.quote_select .company_list .comp_li .comp_area{padding:2.5rem 2.9rem 3rem 5.9rem; display:flex; gap:2rem 4rem; flex-wrap:wrap; align-items:flex-start; position:relative;}
		.quote_select .company_list .comp_li .li_profile{width:31rem; display:flex; gap:0 2rem; align-items:flex-start; flex-wrap:wrap;}
		.quote_select .company_list .comp_li .li_profile .img_box{width:7rem; height:7rem; border-radius:50%; overflow:hidden; cursor:auto;}
		.quote_select .company_list .comp_li .li_profile .comp_name{font-size:2rem; line-height:1.2; color:#222; font-weight:700;}
		.quote_select .company_list .comp_li .li_profile .comp_name{font-size:2rem; line-height:1.2; color:#222; font-weight:700;}
		.quote_select .company_list .comp_li .li_profile .comp_new_label{margin-top:0.5rem;}
		.quote_select .company_list .comp_li .li_profile .comp_review{display:flex; align-items:center; gap:0.5rem}
		.quote_select .company_list .comp_li .li_profile .comp_review img{width:7.8rem;}
		.quote_select .company_list .comp_li .li_profile .comp_review span{display:inline-block; font-size:1.6rem; line-height:1.7; color:#222; font-weight:500;}
		.quote_select .company_list .comp_li .li_profile .comp_review .star_rating{--rating:0%; position:relative; display:inline-block; line-height:1; font-size:1.7rem; letter-spacing:0; white-space:nowrap;}
		.quote_select .company_list .comp_li .li_profile .comp_review .star_rating .star_base{color:#ddd;}
		.quote_select .company_list .comp_li .li_profile .comp_review .star_rating .star_fill{width:var(--rating); max-width:100%; overflow:hidden; color:#ffb400; position:absolute; left:0; top:0;}
		.quote_select .company_list .comp_li .li_profile .comp_review .review_score{color:#555;}
		.quote_select .pop_company_review .comp_profile{display:flex; gap:0 1.5rem; align-items:center;}
		.quote_select .pop_company_review .comp_profile .img_box{width:7rem; height:7rem; border-radius:50%; overflow:hidden;}
		.quote_select .pop_company_review .comp_profile .img_box img{width:100%; height:100%; object-fit:cover;}
		.quote_select .pop_company_review .comp_profile .comp_name{font-size:2rem; line-height:1.2; color:#222; font-weight:700;}
		.quote_select .pop_company_review .comp_profile .comp_review{display:flex; align-items:center; gap:0.5rem;}
		.quote_select .pop_company_review .comp_profile .comp_review .star_rating{--rating:0%; position:relative; display:inline-block; line-height:1; font-size:1.7rem; letter-spacing:0; white-space:nowrap;}
		.quote_select .pop_company_review .comp_profile .comp_review .star_base{color:#ddd;}
		.quote_select .pop_company_review .comp_profile .comp_review .star_fill{width:var(--rating); max-width:100%; overflow:hidden; color:#ffb400; position:absolute; left:0; top:0;}
		.quote_select .pop_company_review .comp_profile .comp_review .star_rating[style*="100"] .star_fill{width:100%;}
		.quote_select .pop_company_review .comp_profile .comp_review .review_score{display:inline-block; font-size:1.6rem; line-height:1.7; color:#555; font-weight:500;}
		.quote_select .pop_company_review .comp_profile .comp_career{font-size:1.6rem; line-height:1.7; color:#222;}
		.quote_select .company_list .comp_li .li_profile .comp_career{ font-size:1.6rem; line-height:1.7; color:#222;}
		.quote_select .company_list .comp_li .li_profile .addr{margin-top:1rem;; width:100%; font-size:1.7rem; line-height:1.5; font-weight:500; color:#111;}
		.quote_select .company_list .comp_li .li_profile .price{margin-top:1.5rem; width:100%; font-size:1.8rem; line-height:1.65; color:#222;}
		.quote_select .company_list .comp_li .li_profile .price dt{font-weight:600;}
		.quote_select .company_list .comp_li .li_profile .price dd{padding-left:3rem; font-weight:700;}
		.quote_select .company_list .comp_li .li_profile .price dd .btn_basic{font-weight:400; margin-top:0.8rem; padding:0.4rem 0.8rem}
		.quote_select .company_list .comp_li .comp_info{flex:1;}
		.quote_select .company_list .comp_li .comp_info .div_item+.div_item.bdr{margin-top:2rem; padding-top:2rem;}
		.quote_select .company_list .comp_li .comp_info .cont_tit{margin-bottom:0.8rem; font-size:1.8rem; line-height:1.57; color:#222; font-weight:600;}
		.quote_select .company_list .comp_li .comp_info .check_li{padding:0 2rem; font-size:1.7rem; line-height:1.57; color:#222;}
		.quote_select .company_list .comp_li .comp_info .service_li{padding:0 2rem; font-size:1.5rem; line-height:1; font-weight:300; white-space:nowrap; display:flex; gap:0.8rem; flex-wrap:wrap;}
		/* 지원서비스 스티커 — 체크 알약 (2026-08-14, mypage 지원서비스 태그와 동일한 디자인) */
		.quote_select .company_list .comp_li .comp_info .service_li li{display:inline-flex; align-items:center; gap:0.5rem; padding:0.8rem 1.2rem; color:#333; font-weight:500; border:1px solid #e2e2e2; border-radius:2rem; background-color:#fff;}
		.quote_select .company_list .comp_li .comp_info .service_li li::before{content:"\2713"; font-size:1.2rem; font-weight:700; color:var(--point);}
		.quote_select .company_list .comp_li .comp_info .service_li li.svc_none{padding:0.8rem 0; color:#999; border:0;}
		.quote_select .company_list .comp_li .comp_info .service_li li.svc_none::before{content:none;}
		.quote_select .board_btn{margin-top:4rem;}
		.quote_select .board_btn .click{min-width:26rem; padding:1rem 3rem; height:4.5rem; border-radius:1rem;}

		.quote_select .discount_select{border-top:0.2rem solid var(--point);}
		.quote_select .discount_select .tit_box{display:block; padding:1.2rem 2rem 1.6rem; font-size:2.2rem; line-height:3rem; font-weight:700; color:#fff; background-color:#414141;}
		.quote_select .discount_select .select_wr{padding:3.8rem 2rem 4.5rem; display:flex; justify-content:center; border:1px solid #ccc;}
		.quote_select .discount_select .select_area dl{display:flex; align-items:center; gap:0 1.6rem; font-size:1.8rem; line-height:2.8rem;}
		.quote_select .discount_select .select_area dl+dl{margin-top:1.2rem;}
		.quote_select .discount_select .select_area dt{min-width:6rem; font-weight:500; color:#111}
		.quote_select .discount_select .select_area dd{}
		.quote_select .discount_select .select_area dd select,
		.quote_select .discount_select .select_area dd input{height:4.6rem;}
		.quote_select .discount_select .select_area dd select{color:#222}
		.quote_select .discount_select .select_area dd input{width:10rem; font-weight:700; color:#fff; border:none; border-radius:0.3rem; background-color:var(--point);}
		.quote_select .discount_select .select_area .price_wr{display:flex; align-items:center; }
		.quote_select .discount_select .select_area .price_wr dd{padding-left:1rem;}
		.quote_select .discount_select .select_area .price_wr .old_price{padding-right:2.7rem; margin-right:1.5rem; font-size:1.8rem; line-height:2.8rem; text-decoration:line-through; background:url("/images/ico_price_arrow.png") no-repeat center right/1.4rem;}
		.quote_select .discount_select .select_area .price_wr .price{font-size:2.2rem; line-height:2.8rem; font-weight:700; color:var(--point);}
		.quote_select .discount_select .btn_box{text-align:center; margin-top:2rem;}
		.quote_select .discount_select .btn_box .btn{display:inline-block;width:16rem; font-size:1.7rem; line-height:4.5rem; color:#fff; background-color:#222; border-radius:1rem;}

		.quote_select .discount_select .cont_body{padding:2rem 0}
			.quote_select .discount_select .cont_body .color_box{padding:2.5rem 2rem; color:#111; font-weight:500; background-color:#fff5e6;}
			.quote_select .discount_select .cont_body .account_box{margin-top:2rem;}
			.quote_select .discount_select .cont_body .account_box .table_wr{margin:0.8rem 0;}
			.quote_select .discount_select .cont_body .account_box .table_wr table{min-width:auto;}
			.quote_select .discount_select .cont_body .account_box .table_wr th{color:#666}
			.quote_select .discount_select .cont_body .remark{margin-top:1.3rem;}
		
		.quote_select .pop_select .pop_area{padding:0; width:max-content; overflow:hidden;}
		.quote_select .pop_select .pop_area .inner_wr{padding:2rem 3rem 4.5rem; max-width:50rem;}
		.quote_select .pop_select .pop_top{padding-top:3rem; text-align:center;}
		.quote_select .pop_select .pop_top span{display:block;}
		.quote_select .pop_select .pop_top span::before{content:""; display:block; margin-bottom:1rem; height:4.5rem; background:url("/images/ico_complete_chk.png") no-repeat center top/4.5rem;}
		.quote_select .pop_select .pop_cont{margin-top:1.5rem;}
		.quote_select .pop_select .pop_cont .color_box{padding:2.5rem 2rem 3rem; text-align:center; font-size:1.7rem; line-height:1.4; color:#222; background-color:#fff5e6; border-radius:0.5rem;}
		.quote_select .pop_select .pop_cont ul{margin-top:1.5rem; line-height:1.5;}
		.quote_select .pop_select .btn_box{margin-top:0;}
		.quote_select .pop_select .btn_box a{display:block; font-size:1.8rem; line-height:7rem; color:#fff; font-weight:500; text-align:center; background-color:var(--point);}

		.quote_select .revision_history .revision_area{display:flex; flex-direction:row-reverse; padding:0}
		.quote_select .revision_history .revision_box{padding:2.5rem 1.9rem 2.5rem 0; flex:1;}
		.quote_select .revision_history .toggle_btn{display:flex; justify-content:center; align-items:center; width:8rem; border-left:1px solid #e6e6e6; cursor:pointer;}
		.quote_select .revision_history .toggle_btn:focus{outline:none}
		.quote_select .revision_history .toggle_btn span{width:2rem; height:1.1rem; position:relative; transition:all 0.3s ease-out;}
		.quote_select .revision_history .toggle_btn span::before,
		.quote_select .revision_history .toggle_btn span::after{content: ""; width:1.5rem; height: 0.2rem; margin:0 0 0 0; background-color: #aaa; display: block; position:absolute; top:50%;}
		.quote_select .revision_history .toggle_btn span::before{right:-0.5rem; transform:rotate(-45deg);}
		.quote_select .revision_history .toggle_btn span::after{right:0.5rem; transform:rotate(45deg);}
		.quote_select .revision_history .revision_list{border-top:1px solid #111}
		.quote_select .revision_history .reply_area{display:none;}
		.quote_select .revision_history .toggle_btn.open span{transform:rotate(180deg);}
		
		.quote_select .customer_request .request_cont{min-height:20rem; padding:1.5rem 2rem 0; font-size:1.7rem; line-height:1.6; border-top:1px solid #111; border-bottom:1px solid #e6e6e6}
		
		.quote_select .pop_company_select .selec_li{border:1px solid #ddd; border-radius:1rem; overflow:hidden; counter-reset:selct_num;}
		.quote_select .pop_company_select .selec_li dl{font-size:1.7rem; line-height:1.3; color:#222; display:flex; flex-wrap:wrap; counter-increment:selct_num;}
		.quote_select .pop_company_select .selec_li dl+dl{border-top:1px solid #ddd;}
		.quote_select .pop_company_select .selec_li dt{padding:1rem 1rem; width:15rem; font-weight:500; background-color:#f6f6f6; display:flex; align-items:center;}
		.quote_select .pop_company_select .selec_li dt::before{content:counter(selct_num); display:inline-block; margin-right:0.5rem; width:2rem; font-size:1.2rem; line-height:1.8rem; font-weight:600; color:#fff; text-align:center; background-color:#666; border-radius:0.3rem;}
		.quote_select .pop_company_select .selec_li dd{flex:1; padding:1.3rem 1.5rem; font-weight:600; background-color:#fff; display:flex; align-items:center;}
		.quote_select .pop_company_select .wait_cont{margin-top:2rem; padding:2rem;}
		.quote_select .pop_company_select .wait_cont .tit{margin-bottom:0.5rem; padding:0 1rem; width:fit-content; font-size:1.7rem; line-height:2.4rem; font-weight:600; color:var(--point); background-color:#fff; border:1px solid var(--point); border-radius:2.6rem;}

		.pop_comp_int .pop_area{min-width:50rem; overflow-y:auto;}
		.pop_comp_int .pop_area .pop_cont{height:30rem}

		.pop_company_review .comp_info{margin-top:1rem; padding:2rem; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:2rem 4rem;}
		.pop_company_review .comp_profile{width:35%; display:flex; gap:2rem; align-items:center;}
		.pop_company_review .comp_profile .img_box{width:7rem; height:7rem; border-radius:50%; overflow:hidden; cursor:auto;}
		.pop_company_review .comp_profile .comp_name{font-size:2rem; line-height:1.2; font-weight:700; color:#222}
		.pop_company_review .comp_profile .comp_review{display:flex; gap:0.5rem; align-items:center;}
		.pop_company_review .comp_profile .comp_review span{display:inline-block; font-size:1.6rem; line-height:1.7; color:#222; font-weight:500;}
		.pop_company_review .comp_profile .comp_review .star_rating{position:relative; line-height:1; color:#ddd;}
		.pop_company_review .comp_profile .comp_review .star_rating .star_base{color:#ddd;}
		.pop_company_review .comp_profile .comp_review .star_rating .star_fill{overflow:hidden; color:#ffb400; position:absolute; left:0; top:0;}
		.pop_company_review .comp_price{flex:1; font-size:2rem; line-height:1.4; font-weight:600; color:#222; display:flex; align-items:flex-start; gap:3rem;}
		.pop_company_review .comp_price dd{font-weight:700;}
		.pop_company_review .pop_review_sect{position:relative;}
		.pop_company_review .pop_review_sect .star_wr{display:flex; gap:2rem; align-items:center; position:absolute; right:0; top:1rem;}
		.pop_company_review .pop_review_sect .star_wr p{font-size:1.7rem; line-height:1; color:#222;}

	/* fire_careers (소방구인 공통) */
		.fire_careers .cont_tit_box{margin-bottom:1rem; display:flex; justify-content:space-between; align-items:center;}
		.fire_careers .cont_tit_box .box_arrow_tit{display:block; margin-bottom:0;}
		.fire_careers .cont_tit_box .btn_box{display:flex; gap:0 0.8rem;}
		.fire_careers .cont_tit_box .btn_box a{display:block; width:11rem; font-size:1.6rem; line-height:3.6rem; color:#fff; font-weight:500; text-align:center; background-color:var(--point); border-radius:0.3rem;}
		.fire_careers .cont_tit_box .btn_box a.myRecord{background-color:#999;}
		.fire_careers .cont_tit_box .btn_box a.myRecord.active{background-color:var(--point);}
		
		.fire_careers .sch_option_wr{display:flex; flex-wrap:wrap;}
		.fire_careers .sch_option_wr input[type="text"]{height:3rem; font-size:1.5rem; line-height:2.8rem; padding:0 1rem}
		.fire_careers .sch_option_wr .op_box{width:calc((100% + 2px) / 3); border:1px solid #e6e6e6; border-top-color:#111;}
		.fire_careers .sch_option_wr .op_box+.op_box:not(:nth-child(3n + 1)){margin-left:-1px;}
		.fire_careers .sch_option_wr .op_box:nth-child(n + 4){margin-top:-1px;}
		.fire_careers .sch_option_wr .op_box .op_tit{padding:1rem 0 1.2rem; display:block; font-size:1.7rem; line-height:2.4rem; color:#222; font-weight:500; text-align:center; background-color:#f6f6f6; border-bottom:1px solid #e6e6e6;}
		.fire_careers .sch_option_wr .op_box .op_list{padding:2rem 1.5rem; display:flex; gap:1.4rem 0; flex-wrap:wrap; max-height:12.8rem; overflow-y:auto;}
		.fire_careers .sch_option_wr .op_box .op_list.row_02 li{width:13rem;}
		.fire_careers .sch_option_wr .op_box .op_list.row_03 li{width:9.5rem;}
		.fire_careers .sch_option_wr .op_box .op_list.row_04 li{width:6.9rem;}
		.fire_careers .sch_option_wr .op_box .op_list li label p{font-size:1.5rem;}
		.fire_careers .sch_option_wr .op_box .op_list li.directly{width:100%;}
		.fire_careers .sch_option_wr .op_box .op_list li.directly .directly_box{width:100%; display:flex; align-items:center; gap:1rem;}
		.fire_careers .sch_option_wr .op_box .op_list li.directly .directly_box input[type="text"]{flex:1; width:100%;}
		.fire_careers .sch_option_wr .op_box .op_list li.directly .directly_box span{font-size:1.5rem; color:#999; white-space:nowrap;}
		.fire_careers .sch_option_wr .op_box .op_list li.directly input:is([type="checkbox"], [type="radio"]) + label + .directly_box{display:none;}
		.fire_careers .sch_option_wr .op_box .op_list li.directly input:is([type="checkbox"]:checked, [type="radio"]:checked) + label + .directly_box{display:flex;}
		.fire_careers .sch_option_wr .op_box .op_list li.directly label + .directly_box{margin-top:0.5rem;}
		
		.fire_careers .sch_box{padding:1.7rem 3.7rem; display:flex; align-items:center; border:1px solid #e6e6e6; background-color:#f6f6f6;}
		.fire_careers .sch_box em{width:12rem; font-size:1.7rem; font-weight:500; color:#111;}
		.fire_careers .sch_box .sch_input{flex:1; display:flex; gap:0 0.6rem;}
		.fire_careers .sch_box .sch_input input[type="text"]{height:3.4rem; width:calc(100% - 11.6rem);}
		.fire_careers .sch_box .sch_input button{width:11rem; font-size:1.5rem; line-height:3.4rem; color:#fff; text-align:center; font-weight:300; font-family:var(--noto); background-color:var(--point); border-radius:0.3rem;}
		.fire_careers .sch_box .sch_input button span{padding:0 2.2rem; display:inline-block; background:url("/images/ico_sch_w.png") no-repeat center left/1.5rem;}
		
		.fire_careers .bo_write .table_wr table{min-width:auto}
		.fire_careers .bo_write td{padding:1rem;}
		.fire_careers .bo_write input[type="text"]{height:3.4rem; padding:0 0.8rem}
		.fire_careers .bo_write input[type="text"].full{width:100%;}
		.fire_careers .bo_write input[type="text"].double{max-width:16rem;}
		.fire_careers .bo_write .flex{gap:1rem 0.8rem; align-items:center; flex-wrap:wrap;}
		.fire_careers .bo_write textarea{height:13.4rem; resize:none;}
		
		.fire_careers .consent_area .top_box{margin-bottom:1.6rem; display:flex; justify-content:space-between;}
		.fire_careers .consent_area .top_box .tit{font-size:1.7rem; line-height:1.4; color:#333; font-weight:500;}
		.fire_careers .consent_area .top_box .pop_btn{font-size:1.6rem; line-height:1.4; color:#333;}
		.fire_careers .consent_area .chk_box{display:flex; gap:0 2rem;}
		.fire_careers .consent_area .chk_box .check-new{float:none}
		.fire_careers .consent_area .scroll{height:20rem;}
		.fire_careers .pop_wrap .pop_inner{max-width:90rem;}
		
		.fire_careers .btn_box.pg_end{margin-top:3rem; display:flex; justify-content:center; gap:1rem}
		.fire_careers .btn_box.pg_end .btn{width:20rem; font-size:1.8rem; line-height:6rem; color:#fff; text-align:center; border-radius:1rem; background-color:#999;}
		.fire_careers .btn_box.pg_end .btn.point{background-color:var(--point);}

		.fire_careers .color_box{padding:2.6rem 3rem 3rem; font-size:1.7rem; line-height:1.4; background-color:#fff5e6;}

	/* fire_careers_list */
		.fire_careers_list .sch_box{margin-top:2rem;}
		.fire_careers_list .company_cate{margin-top:2rem;}

	/* fire_post_job */
		.fire_post_job .color_box p+p{margin-top:0.6rem;}
		.fire_post_job .bo_write .sect_box{margin-top:3rem;}
		.fire_post_job .bo_write .subject_box{display:flex; align-items:center; padding:1.7rem 3.7rem; border:1px solid #e6e6e6; background-color:#f6f6f6;}
		.fire_post_job .bo_write .subject_box em{width:12rem; font-size:1.7rem; font-weight:500; color:#111;}
		.fire_post_job .bo_write .subject_box input[type="text"]{height:3.4rem; flex:1; max-width:68rem;}
		.fire_post_job .bo_write .hiring_number .op_list{justify-content:center;}
		.fire_post_job .bo_write .hiring_number input[type="text"]{width:12rem; height:2.8rem;}
		.fire_post_job .bo_write .consent_area{margin-top:3rem;}
		
		.fire_post_job .pop_marketing .pop_cont{height:30rem; overflow-y:auto;}

	/* fire_careers_read */
		.fire_careers_read .sect_box{margin-top:3rem;}
		.fire_careers_read .fire_careers_read_view{margin-top:2rem; padding:2.5rem 1.9rem 2.9rem; border:1px solid #e6e6e6}
		.fire_careers_read .fire_careers_read_view .view_top .comp_info_wr{display:flex; justify-content:flex-end;}
		.fire_careers_read .fire_careers_read_view .view_top .comp_info_wr + .tit_box{margin-top:2rem;}
		.fire_careers_read .fire_careers_read_view .view_top .tit_box{padding-bottom:2.1rem; border-bottom:0.2rem solid var(--point);}
		.fire_careers_read .fire_careers_read_view .view_top .tit_box .subject{font-size:2.5rem; line-height:1.4; color:#111; font-weight:700;}
		.fire_careers_read .sch_box{margin-top:2rem;}
		.fire_careers_read .company_cate{margin-top:2rem;}

	/* job_apply */
		.job_apply .sect_box{margin-top:3rem;}
		.job_apply .line_wr{padding:1.1rem 1.9rem 2.5rem; border:1px solid #e6e6e6}
		
		.job_apply .basic_info .table_wr{padding-right:16rem; overflow-x:visible; position:relative;}
		.job_apply .basic_info .table_wr table{min-width:auto;}
		.job_apply .basic_info .table_wr .img_box{width:16rem; padding:0.9rem 1.3rem 1.2rem 1rem; border-top:1px solid #111; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; position:absolute; right:0; top:0;}
		.job_apply .basic_info .table_wr .img_box img{width:100%; height:100%; object-fit:cover; aspect-ratio:136/181;}
		.job_apply .basic_info .table_wr .img_chg{margin-left:-3.8rem; width:7.6rem; font-size:1.5rem; line-height:3rem; text-align:center; color:#fff; background-color:#111; border-radius:0.5rem; position:absolute; left:50%; bottom:2.1rem;}
		.job_apply .basic_info .table_wr input[type="text"]{padding:0 1rem; height:3rem; line-height:2.8rem; font-size:1.7rem;}
		.job_apply .basic_info .table_wr .ui-datepicker-trigger{margin-left:1rem;}
		.job_apply .basic_info .table_wr .ui-datepicker-trigger img{vertical-align:middle; width:2.2rem;}
		
		.job_apply .check_qualify .table_wr{overflow-x:visible;}
		.job_apply .check_qualify .table_wr table{min-width:auto;}
		.job_apply .check_qualify .chk_li{display:flex; gap:0.6rem; flex-wrap:wrap;}
		.job_apply .check_qualify .chk_li .check-new input[type="radio"]+label{display:inline-block; width:9.2rem; font-size:1.6rem; line-height:3.6rem; text-align:center; color:#666; border:1px solid #ddd; border-radius:0.5rem;}
		.job_apply .check_qualify .chk_li .check-new input[type="radio"]:checked+label{color:var(--point); border-color:var(--point); background-color:#fff4ec;}
		.job_apply .check_qualify .career_box{display:flex; gap:1rem 0.5rem; flex-wrap:wrap;}
		.job_apply .check_qualify .career_box input[type="text"]{width:calc(100% - 10.9rem); height:3.4rem;}
		.job_apply .check_qualify .career_box button{width:10.4rem; font-size:1.3rem; line-height:3.2rem; font-weight:400; font-family:var(--noto); color:#fff; text-align:center; background-color:var(--point); border-radius:0.3rem;}

		.job_apply .apply_content .area_form{border-top:1px solid #111}
		.job_apply .apply_content .area_form textarea{resize:none; height:13rem; font-size:1.7rem;}
		
		.job_apply .consent_area .scroll{height:20rem;}
		
		/* .job_apply .pop_privacy .pop_cont{height:20rem; overflow-y:auto;} */

	/* company_read */
		.company_read .line_wr{min-height:19rem; border:1px solid #ddd; border-radius:1rem;}
		.company_read .sect_box{margin-top:3rem;}
		
		.company_read .profile_sect .line_wr{padding:2.3rem 3.9rem 2.9rem;}
		.company_read .comp_info .line_wr{padding:2rem; display:flex; align-items:center;}
		.company_read .btn_list{margin-top:3rem; display:flex; gap:1rem; flex-wrap:wrap;}
		.company_read .btn_list a{padding:0 2.9rem; width:calc((100% - 3rem)/4); height:9rem; display:flex; justify-content:space-between; align-items:center; border:1px solid #ddd; border-radius:1rem;}
		.company_read .btn_list a .box_arrow_tit{margin-bottom:0;}
		.company_read .btn_list a .ico_box img{width:5rem;}
		.company_read .btn_list a:last-child .ico_box img{width:4.2rem;}
		.company_read .btn_list .color_box{padding:1rem 2rem; width:calc((100% - 3rem)/2); height:9rem; background-color:#fff5e6; display:flex; align-items:center; border-radius:1rem;}
		
		.company_read .pop_wrap .pop_area{min-width:45rem; overflow-y:auto;}
		.company_read .pop_wrap .pop_cont .cont_box{padding:1.5rem 0; border-bottom:1px solid #ddd;}
		.company_read .pop_wrap .pop_cont .cont_box em{display:block; font-size:2rem; font-weight:600; color:#111;}
		.company_read .pop_wrap .pop_cont .cont_box p{margin-top:0.5rem; font-size:1.8rem;}
		
		.company_read .pop_activity_area .pop_cont .cont_box{border:none}

	/* contracts_mngmt */
		.contracts_mngmt .view_title button{margin-top:1rem; width:12rem; font-size:1.5rem; line-height:3.6rem; text-align:center; color:#fff; background-color:var(--point); border-radius:0.3rem;}
		.contracts_mngmt .revision_history .revision_list .revision_area{border-top:1px solid #111;}

	/* location */		.location-text>li.logo{margin-top:-3.45rem; position: absolute; right:7rem; top:50%;}
		.location-text>li.logo img{height:6.9rem;}

	/* store */		.store-area>.store-map .thumb{display:inline-block; position: relative;}
		.store-area>.store-map .thumb .finding-map-link{width:76px; height:28px; background-color: #999; font-family:"pretendard"; font-weight: 600; font-size:14px; line-height:1; color: #fff; position: absolute; left:50%; top:50%; display: flex; align-items: center; justify-content: center; border-radius:99px;}
		.store-area>.store-map .thumb .finding-map-link:after{content: ""; width: 48px; height: 49px; margin-left:-24px; background: url('../../images/sub/img_map_pin.png') no-repeat center top / cover; position:absolute; left: 50%; bottom:calc(100% + 9px); opacity: 0; display:none;}
		.store-area>.store-map .thumb .finding-map-link[data-val="10"]{margin:-55.4% 0 0 -16.2%;} /* 서울 */
		.store-area>.store-map .thumb .finding-map-link[data-val="1"]{margin:-48.6% 0 0 -45.9%;} /* 인천 */
		.store-area>.store-map .thumb .finding-map-link[data-val="2"]{margin:-62.7% 0 0 18.3%;} /* 강원 */
		.store-area>.store-map .thumb .finding-map-link[data-val="9"]{margin:-39.7% 0 0 -8.6%;} /* 경기 */
		.store-area>.store-map .thumb .finding-map-link[data-val="7"]{margin:22.9% 0 0 3.8%;} /* 경남 */
		.store-area>.store-map .thumb .finding-map-link[data-val="4"]{margin:-15.7% 0 0 20.4%;} /* 경북 */
		.store-area>.store-map .thumb .finding-map-link[data-val="6"]{margin:41.7% 0 0 -26.2%;} /* 전남 */
		.store-area>.store-map .thumb .finding-map-link[data-val="5"]{margin:7.5% 0 0 -30.5%;} /* 전북 */
		.store-area>.store-map .thumb .finding-map-link[data-val="8"]{margin:64.7% 0 0 -49.7%;} /* 제주 */
		.store-area>.store-map .thumb .finding-map-link[data-val="3"]{margin:-19.2% 0 0 -34.3%;} /* 충남 */
		.store-area>.store-map .thumb .finding-map-link[data-val="11"]{margin:-26.9% 0 0 -3.2%;} /* 충북 */

		.store-area>.store-map .thumb .finding-map-link[data-val="16"]{margin:36.1% 0 0 26.8%;} /* 부산 */
		.store-area>.store-map .thumb .finding-map-link[data-val="13"]{margin:5.1% 0 0 22.8%;} /* 대구 */
		.store-area>.store-map .thumb .finding-map-link[data-val="14"]{margin:27.1% 0 0 -42.2%;} /* 광주 */
		.store-area>.store-map .thumb .finding-map-link[data-val="12"]{margin:-11.9% 0 0 -9.2%;} /* 대전 */
		.store-area>.store-map .thumb .finding-map-link[data-val="15"]{margin:22.1% 0 0 36.8%;} /* 울산 */

		.store-area>.store-map .thumb .finding-map-link:is(:hover, .active){background-color: var(--point); z-index:2;}
		.store-area>.store-map .thumb .finding-map-link.active:after{height: 58px; opacity: 1;}		.store-table>table .tit{font-weight: 700; color: #111;}
		.store-table>table .btn{width:9rem; height:3.7rem; margin:0 auto; background-color: #808080; border:1px solid #707070; font-weight: 700; font-size:1.5rem; line-height:1.2; color: #fff; display: flex; align-items: center; justify-content: center; border-radius:0.5rem;}		.store-online-btm .text{font-size:2.1rem; line-height:3.8rem; color: #333;}
		.store-online-btm .text>strong{font-weight: 700; color: var(--point);}

	/* history */		/*.history-area .txt_wrap>ul>li:before{content: "-"; position:absolute; left: 0; top:0px;}*/

		.history-area>li .thumb{width:50%; margin-top:0; padding:0 4rem; position: relative; order:1;}
		.history-area>li .thumb img{width:calc(100% - 8rem); /*height:calc(100%);*/ object-fit:cover; object-position: center center; /*position: absolute; left:4rem; right:4rem; top:0; bottom:0;*/}		.history-area>li:nth-child(even) .thumb{order:2;}
	/* etc */
		.etc_clause{width:90%; margin:0 auto;  font-size:0; line-height:0; text-align: center; box-sizing:border-box; position: relative; overflow: visible;}
		.etc_clause:before,
		.etc_clause:after{content:"";position:absolute;top:2%;bottom:0;left:10px;right:10px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);  -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-border-radius:100px / 10px; border-radius:100px / 10px;}
		.etc_clause:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}

		.etc_clause .etc_clause_in{padding:60px 80px 80px; background-color: #fdfdfd; border:1px solid #cecece; border-radius:10px; position: relative; z-index:2;}
		.etc_clause .logo{margin:0;}
		.etc_clause .logo img{}
		.etc_clause .txt{padding:15px 0 55px; font-weight: 300; font-size:18px; line-height:1; color: #636363;}
		.etc_clause .txt>span{font-weight: 400; color: #1b1b1b;}

		.etc_clause .scroll{font-weight:300; font-size:16px; line-height:1.8; color: #626262; text-align: left;}

		.etc_select{width:90%; margin:0 auto 2rem; text-align: right;}
		.etc_select select.base{width:auto;}

	/* search */
		.search-area{}
		.search-area .search-result{font-weight: bold; font-size:2.6rem; line-height:1.2; color: #111; text-align: center;}
		.search-area .search-result>strong{color: #cc0000;}

		.search-area .search-re{margin-top:5rem; border-top:2px solid #111;}
		.search-area .search-re+.search-re{margin-top:10rem;}

		.search-area .search-re .search-re-tit{padding:3rem 0 0 3rem; display: flex; align-items: center; gap:1rem;}
		.search-area .search-re .search-re-tit strong{font-weight: 600; font-size:3rem; line-height:1; color: #111;}
		.search-area .search-re .search-re-tit span{height:3rem; padding:0 1.5rem; background-color:var(--point); font-weight: 600; font-size:1.8rem; line-height:1; color: #fff; display: flex; align-items: center; justify-content: center; border-radius:99px;}

		.search-area .search-re-list{}
		.search-area .search-re-list>li{border-bottom:1px solid #ddd;}

		.search-area .search-link{padding:2.5rem 3rem; display:block;}
		.search-area .search-link .tit{font-weight: bold; font-size:2.2rem; line-height:1.3; color: #000;}
		.search-area .search-link .tit>strong{color: #cc0000;}
		.search-area .search-link .txt{margin-top:1rem; font-weight: 500; font-size:1.6rem; line-height:1.4; color: var(--point);}

		.search-area .search-re .search-more{margin-top:6rem; display: flex; justify-content: center;}
		.search-area .search-re .search-more>a{height:4.1rem; padding:0 2.7rem; border:1px solid #666; font-weight: bold; font-size:1.8rem; line-height:1; color: #555; display: flex; align-items: center; justify-content: center; border-radius:0.5rem;}

		.search-area .result-group{margin-top:5rem; border-top:2px solid #111;}
		.search-area .result-group dl{border-bottom:1px solid #ddd; display: flex; align-items: center;}
		.search-area .result-group dl dt{width:15rem; height:15rem; margin-right:2rem; border:1px solid #ddd; overflow:hidden;  position:relative;}
		.search-area .result-group dl dt img{max-width:100%;position:absolute;width:auto; height:auto;margin:auto;top:0; bottom:0; left:0; right:0;}

		.search-area .result-group dl dd{width:calc(100% - 17rem);}
		.search-area .result-group dl dd div {}
		.search-area .result-group dl dd div.title{display: flex; align-items: center; gap:0 1rem;}
		.search-area .result-group dl dd div.title a{font-weight: bold; font-size:2.2rem; line-height:1.3; color: #000;}
		.search-area .result-group dl dd div.title a>h2 {}
		.search-area .result-group dl dd div.title a[target="_blank"]{height:3rem; padding:0 1.5rem; background-color:var(--point); font-weight: 400; font-size:1.6rem; line-height:1; color: #fff; display: flex; align-items: center; justify-content: center; border-radius:99px;}
		.search-area .result-group dl dd div.cont{max-height: 4.8rem; margin-top:1rem; font-weight: 400; font-size:1.8rem; line-height:2.4rem; color: #999; display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
		/*
		.search-area .result-group dl dd div.cont{ max-height: 72px; display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden;}
		.search-area .result-group dl dd div.date {color:#999;}
		*/
		.search-area .result-group dl dd div.navi, .result-group dl dd div.navi a {margin-top:1.5rem; font-weight: 500; font-size:1.6rem; line-height:1.4; color: var(--point);}

		.result-group .more {text-align:right;}
		.result-group .more a {font-size:13px; color:#7d7d7d; text-decoration:underline;}
/*[e] Sub Style */

/*[s] Plugin Style */
	.layer-base.fancybox__content>.carousel__button.is-close{width:3.3rem; height:3.3rem; top:2.2rem !important; right:3rem; display:none !important;}
	.layer-base.fancybox__content>.carousel__button.is-close svg{width:100%; height:100%; stroke-width:1.5; filter:none; color: #666;}	/*
		.lay-table{width:100%; font-size:0; line-height:0;}
		.lay-table>table{width:100%; border-spacing:0; table-layout : fixed;}
		.lay-table>table th,
		.lay-table>table td{height:7rem; padding:1.5rem 0; background-color: #fff; border-top:1px solid #ebebeb; font-size:1.6rem; line-height:1.5; color:#666; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box; word-break:keep-all; word-wrap:break-word;}

		.lay-table>table th{}
		.lay-table>table>thead>tr>th{}
		.lay-table>table>tbody>tr>th{font-weight: 500; color: #222;}

		.lay-table>table .tel{padding-left:4rem; display:inline-block;}
		.lay-table>table .tel>strong{font-weight: 500; color: #ffde25;}

		.lay-table>table .btns{width:20rem; height:5rem; background-color: #fff; font-weight: 500; font-size:1.6rem; line-height:5rem; color: #222; text-align: center; display:inline-block; vertical-align: top; border-radius:0.5rem; box-shadow:0 0 2rem rgba(0,0,0,0.1);}
		.lay-table>table .btns>span{font-weight:bold; font-size:1.6rem;}
		.lay-table>table .btns+.btns{margin-left:1rem;}
		.lay-table>table .btns.kakao{background-color: #ffe618;}

		#layer-time,
		#layer-juso{width:100%; max-width:160rem;}
		.layer-base .title{padding-top:2.3rem; font-weight: bold; font-size:3rem; line-height:1; color: #222; position: relative;}
		.layer-base .title:before{content: ""; width: 4rem; height: 0.5rem; background-color: #222; font-size:0; line-height:0; display: inline-block; position:absolute; left: 0; top:0px;}
		.lay-time-area{margin-top:3rem; display: flex; justify-content: space-between;}
		.lay-time-area .lay-map{width:50%; border-radius:1rem; overflow:hidden; position: relative;}
		.lay-time-area .lay-map>img{width:100%; max-width:none;}
		.lay-time-area .lay-map .root_daum_roughmap{width:1400px; height:700px; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
		.lay-time-area .lay-map .wrap_map,
		.lay-time-area .lay-map .map{width:100%; height:100%;}
		.lay-time-area .lay-table{width:45.7142%;}

		#layer-schdule{width:100%; max-width:84rem;}
		#layer-schdule .layer-in{padding:8rem 4rem 5rem;}
		#layer-schdule .layer-schdule-area{}
		#layer-schdule .layer-schdule-text{margin-top:4rem; font-size:1.6rem; line-height:1.4; color: #666;}
		#layer-schdule .layer-schdule-text>dt{font-weight: 500; font-size:1.8rem; color: #222; }
		#layer-schdule .layer-schdule-text>dd{margin-top:1rem;}
	*/
	#insight-summary{width:100%; max-width:120rem; text-align: center;}	#insight-summary .character{}
	#insight-summary .character img{width:10rem;}	.insight-summary-title .cate{font-size:1.6rem; line-height:1.2; color: #666;}
	.insight-summary-title .title{margin-top:1rem; font-weight: 600; font-size:2.4rem; line-height:1.2; color: var(--point); display: block; overflow: hidden;}
	.insight-summary-title .day{margin-top:2rem; font-size:1.4rem; line-height:1.2; color: #999;}	.insight-summary-list .cate{font-size:1.6rem; line-height:1.2; color: #666;}
	.insight-summary-list .title{margin-top:1.5rem; font-weight: 600; font-size:2rem; line-height:1.2; color: var(--point); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.insight-summary-list .text{margin-top:1rem; font-size:1.6rem; line-height:2.6rem; color: #666; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	.insight-summary-list .view{margin-top:1.5rem; font-size:1.4rem; line-height:1.2; color: #999; text-decoration: underline; text-underline-position:under; display:inline-block;}
	/* Layer Style */
		/*.layerArea .layerIn .layerBgIn{width:0px; height:0px; background-color: rgba(255,255,255,0.7); position:absolute; left:50%; top:50%; z-index:100; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}*/

		.layerCell{display:none;}

		.layerArea{width:0px; height:0px; background-color: rgba(0,0,0,0.7); position:fixed; left:50%; top:50%; z-index:99; overflow:hidden; overflow-y:auto; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}
		.layerArea.one,
		.layerArea.two{width:100%; height:100%; left:0%; top:0%;}
		.layerArea.two .layerBgIn{width:100%; height:100%; left:0%; top:0%;}
		.layerArea .closeLy{width:1.7rem; height:1.7rem; display:inline-block; position: absolute; right:0; top:0;}
		.layerArea .closeLy:before,
		.layerArea .closeLy:after{content: ""; background-color: #080808; position: absolute; left:50%; top:50%;}
		.layerArea .closeLy:before{width: 100%; height: 2px; transform:translate(-50%, -50%) rotate(45deg);}
		.layerArea .closeLy:after{width: 2px; height: 100%; transform:translate(-50%, -50%) rotate(45deg);}
		.layerArea .closeLy.type02{width:2.3rem; height:2.3rem; right:3rem; top:3rem;}
		.layerArea .closeLy.type02:before,
		.layerArea .closeLy.type02:after{background-color: #676767;}

		.layerArea .layerIn{width:100%; height:100%; display: table; position:relative;}
		.layerArea .layerIn .layerCell{width:100%; height:100%; padding:70px 0; display: table-cell; vertical-align:middle; position:relative; box-sizing: border-box;}
		.layerArea .layerIn .layerBox{margin:0 auto; background-color: #fff; font-size:0; line-height:0; display:none; position: relative; box-sizing: border-box; z-index:99; border-radius:1rem;}
		/*
		.layerArea .layerIn .layerBox>.tit_lay{padding:25px 25px 15px;}
		.layerArea .layerIn .layerBox>.tit_lay>strong{font-size:16px; line-height:1; color:#00a9cc;}
		*/
		.layerArea .layerIn .layerBox .contLy{position: relative;}		.downlay .closeLy{top:-5rem;}		.downlay .title{padding-bottom:5rem; font-weight: bold; font-size:3rem; line-height:1; color: #000;}
		.downlay .title>strong{color: #23abaf;}		.downlay .utllBox .tit{font-size:1.5rem; line-height:1; color: #666;}
		.downlay .utllBox .txt{margin-top:2.5rem; font-size:1.2rem; line-height:1; color: #888;}
		.downlay .utllBox .icon{height:15rem; margin-top:3rem; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center;}
		.downlay .utllBox .icon>p+p{margin-top:2rem;}
		.downlay .utllBox>.qr{border-left:1px solid #dadada;}
		.downlay .utllBox>.store img{width:16.8rem;}
		.downlay .utllBox>.qr img{width:15rem;}		.formLay .title{padding-bottom:3.5rem; border-bottom:1px solid #333; font-weight: 500; font-size:2.6rem; line-height:1; color: #1b1b1b;}		.formLay .launchingForm>li>dl>dd.two{flex-wrap: nowrap; justify-content: space-between; white-space: nowrap;}
		.formLay .launchingForm>li>dl .checkIn{}

		.formLay .launchingForm>li.two{display: flex; justify-content: space-between;}
		.formLay .launchingForm>li.two>dl{width:48%;}		.formLay .btnArea{margin-top:6rem;}		.privacylay .title{padding-bottom:3.5rem; font-weight: 500; font-size:2.8rem; line-height:1; color: #000; text-align: center;}
		.privacylay .clauseArea .scroll{padding:3.5rem 3.9rem; background-color: #f8f9fb; border:1px solid #eee; font-weight: 300; font-size:1.7rem; line-height:2.6rem; color: #666;}

	/* Img Over Bg Style */
		#photo{width:960px;margin:0 auto; position:relative; overflow:hidden;}
		#photo>li{width:150px; height:150px; margin:5px; float:left; display:inline; overflow:hidden; }
		#photo>li>a{width:100%; height:100%; position: relative; display:block; overflow:hidden;}
		#photo>li>a>img{width:100%; height:100%; display:block; border-radius:5px;}
		#photo>li>a>.bg_l{width:100%; height:100%; background-color:red; position: absolute; left:0; top:0; display:none; opacity:0.3; border-radius:5px;}

	/* Notice One Line Style */		.mNoticeList .day{width:41px; padding-right:15px; border-right:1px solid #d5d1cc; font-weight: 600; font-size:12px; line-height:1; color: #b99764; text-align: center; position: absolute; left:0; top:0;}
		.mNoticeList .day>strong{font-weight: 700; font-size:32px; line-height:1; display:block;}
		.mNoticeList dl.list{font-size:16px; line-height:20px; color: #876e49; word-break:keep-all; word-wrap:break-word;}
		.mNoticeList dl.list>dt{padding-bottom:6px; font-weight: 600; font-size:12px; line-height:1; color: #b99764;}
/*[e] Plugin Style */

/*[s] 소방정보 목록 (fire_info) — 시행일자 목록형 (2026-08-16)
      이 게시판은 표지 이미지가 제목을 그림으로 반복할 뿐이라 카드형이 맞지 않았다.
      한 건 = [시행일 또는 썸네일] + 제목/메타 + 상태칩. 왼쪽 칸 폭이 같아 줄이 흐트러지지 않는다. */
	.fi_sum{margin-bottom:3rem; padding:1.6rem 2rem; display:flex; align-items:center; gap:1rem;
	        background-color:#fff9f4; border:1px solid #ffddc2; border-radius:1rem;
	        font-size:1.6rem; line-height:2.4rem; color:#8a4a16;}
	.fi_sum .ic{flex:none; width:2.4rem; height:2.4rem; background-color:#ff6600; color:#fff;
	            font-size:1.5rem; font-weight:800; line-height:2.4rem; text-align:center; border-radius:50%;}
	.fi_sum b{color:#d1500a; font-weight:800;}

	.fi_list{border-top:0.2rem solid #22252b;}
	.fi_list > li{border-bottom:1px solid #ededf0;}
	.fi_list > li > a{padding:1.9rem 0.6rem; display:flex; align-items:center; flex-wrap:nowrap; gap:0 2.2rem; color:#14171c;}
	.fi_list > li > a:hover{background-color:#fafafb;}
	.fi_list .fi_lead{flex:none; width:9.4rem; text-align:center;}
	.fi_list .fi_date{display:block; font-size:2.4rem; line-height:2.8rem; font-weight:800; letter-spacing:-0.02em; font-variant-numeric:tabular-nums;}
	.fi_list .fi_year{display:block; margin-top:0.2rem; font-size:1.3rem; line-height:1.7rem; font-weight:600; color:#9aa0a8; font-variant-numeric:tabular-nums;}
	.fi_list .fi_soon .fi_date{color:#d1500a;}
	.fi_list .fi_live .fi_date{color:#22252b;}
	.fi_list .fi_thumb{width:9.4rem; height:6.2rem; display:block; overflow:hidden; background-color:#f6f6f7; border:1px solid #ededf0; border-radius:0.8rem;}
	.fi_list .fi_thumb img{width:100%; max-width:none; height:100%; object-fit:cover; display:block;}
	.fi_list .fi_thumb.noIMG{position:relative;}
	.fi_list .fi_thumb.noIMG::before{content:""; display:block; position:absolute; inset:0; background:url("/images/logo.svg") no-repeat center/56%; filter:grayscale(1); opacity:0.2;}
	.fi_list .fi_body{flex:1 1 auto; min-width:0;}
	.fi_list .fi_tit{display:block; font-size:1.9rem; line-height:2.7rem; font-weight:700; letter-spacing:-0.02em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.fi_list .fi_meta{display:block; margin-top:0.5rem; font-size:1.45rem; line-height:2rem; color:#8b9098;}
	.fi_list .fi_meta i{margin:0 0.7rem; font-style:normal; color:#d6d8dc;}
	.fi_list .fi_state{flex:none; padding:0 1.1rem; font-size:1.4rem; line-height:2.6rem; font-weight:700; white-space:nowrap; border-radius:1.3rem;}
	.fi_list .fi_state.soon{color:#d1500a; background-color:#fff4ea; border:1px solid #ffc79a;}
	/* 대부분의 글이 '시행 중'이라 칩으로 두면 소음이 된다. 눈에 띄는 칩은 아직 시행 전인 법에만 준다 */
	.fi_list .fi_state.live{padding:0 0.3rem 0 0; color:#aeb3ba; background:none; border:0; font-weight:600;}
	.fi_list .fi_state.pin{color:#1a6fc4; background-color:#eef5fc; border:1px solid #b5d4f0;}
	.fi_list .noPost{padding:6rem 0; font-size:1.7rem; color:#888; text-align:center;}
/*[e] 소방정보 목록 */

@media only screen and (max-width : 1600px){
	/*[s] Main Style */
	/*[e] Main Style */

	/*[s] Sub Style */
	/*[e] Sub Style */
}
@media only screen and (max-width : 1340px){
	/*[s] Main Style */
	/*[e] Main Style */

	/*[s] Layer Style */
	/*[e] Layer Style */
}
@media only screen and (max-width : 1280px){
	/*[s] Main Style */

		/* etc_service */
			.etc_service .intro_box{max-width:none; width:100%;}
	/*[e] Main Style */

	/*[s] Sub Style */
		/* company_read */
			.company_read .btn_list a{width:calc(50% - 0.5rem);}
			.company_read .btn_list .color_box{width:100%;}

		/* quote_view */
			.quote_view .deadline_area .deadline_box{width:100%;}

	/*[e] Sub Style */

	/*[s] Layer Style */
	/*[e] Layer Style */
}

@media only screen and (max-width : 1024px){
	/*[s] All Style */
		.wideKakao>.root_daum_roughmap{height:auto; padding-bottom: 56.25%;}
	/*[e] All Style */

	/*[s] Main Popup Style */
		.hd_pops{position: absolute; left:2rem !important; top:2rem !important;}
		.hd_pops_con{width:auto !important;}
	/*[e] Main Popup Style */

	/*[s] Main Style */

		#quick-left{width:42rem; left:-42rem;}
		.m-tab{margin:6rem 0 5rem; flex-wrap: wrap; justify-content: center;}
		.m-tab>a{color: #fff;}
		.m-tab>a{color: #fff;}		.pt-layout>.text{margin-top:5rem; padding-left:0;}
		.pt-layout>.text .icon{margin-bottom:2rem; text-align: right; position: static;}

		.pt-layout.right>.text{padding-left:0;}

		/* visual */
			#mVisual .visualRoll .slider img{}
			#mVisual .slick-arrow{display:none !important;}
			#mVisual .slick-dots{display:block !important;}

		/* visual */
			#mainVisual{}
			#mainVisual .vTxtArea{max-width:none; margin-left:0; left:0%;}
		
		/* main_entry — 카드 정보 밀도가 높아 이 폭부터 세로로 쌓는다 */
			.main_entry{flex-wrap:wrap;}
			.entry_quote{flex:1 1 100%;}
			.entry_recent{flex:1 1 100%;}

		/* etc_service */
			.etc_service .cst_center{margin-top:2rem; width:100%;}
			.etc_service .btn_box{max-width:none; margin-top:4rem; flex:1 0 30rem;}
			.etc_service .link_box{max-width:none;}

		/* live_late */
			.live_late .late_area{width:100%;}

	/*[e] Main Style */

	/*[s] Sub Style */
        .estimate .chk_list.bubble_type > .check-new > *{width:100%;}
        .estimate .chk_list.bubble_type > .check-new input:is([type="radio"], [type="checkbox"])+label{width:100%;}
        .estimate .chk_list.bubble_type > .check-new .bubble_box{width:100%;}
        .estimate .chk_list.bubble_type .bubble_box::before{border-width:0 0.4rem 0.5rem 0.4rem; border-color:transparent transparent #f6f6f6 transparent; position:absolute; left:5.1rem; top:-0.5rem; z-index:1; transform:translateY(0);}
        .estimate .chk_list.bubble_type .bubble_box::after{border-width:0 0.5rem 0.6rem 0.5rem; border-color:transparent transparent #ccc transparent; position:absolute; left:5rem; top:-0.7rem; z-index:0; transform:translateY(0);}
	
		.profile_area .profile_info{flex:none; width:100%;}

		/* quote_0501 */
			.quote_0501 .my_building_wr .building_box{width:100%;}

		/* quote_0701 */
			.quote_0701 .calendar_wrap .content_box{width:100%;}
		/* quote_0801 */
			.quote_0801 .chk_list .check_wrap{width:100%;}

		/* live_quotes (실시간 견적현황 공통) */
			.live_quotes .profile_area .profile_info{width:100%; flex:none}
			.live_quotes .profile_area .member_count_info{width:100%; max-width:none;}

		/* quote_view */
			.quote_view .deadline_area .deadline_box{width:100%;}
			.quote_view .deadline_area .deadline_box .deadline_data{padding-left:0; justify-content:center;}
			.quote_view .deadline_area .deadline_box .tit_info .deadline_data{justify-content:flex-start;}

			.quote_view .pop_quote_submission .quote_form > *{width:100%;}
			.quote_view .client_info .info_sample > div{flex:none; width:100%;}
			.quote_view .client_info .info_sample .icon_box img{transform:rotate(90deg);}

		/* quote_select */
			.quote_select .company_list .comp_li .li_profile{width:100%;}

			.pop_company_review .comp_profile{width:100%;}


		/* location */			.location-text>li.logo{right:4rem;}

		/* store */
			.store-table>table .btn{margin:0;}

		/* search */
			.search-area .result-group dl dd div.title a[target="_blank"]{display:none;}
	/*[e] Sub Style */

	/*[s] Plugin Style */
		.fancybox__slide{padding:48px 3rem 8px !important;}	/*[e] Plugin Style */
}
@media only screen and (max-width : 840px){
	/*[s] All Style */
		.sect_top{margin-bottom:3rem;}
		.sect_top .en_tit{font-size:2.2rem;}
		.sect_top h2{font-size:4rem; line-height:5rem;}

		.bubble_box.row::before{top:-0.6rem}

		.attach_wr .add_btn{width:14rem;}
		.attach_wr .add_btn .btn_cont p{font-size:1.8rem;}
		.attach_wr .thumb_item .thumb_name{font-size:1.8rem;}
		.attach_wr .thumb_item{width:14rem;}

		.btn_basic{font-size:1.8rem;}
	/*[e] All Style */

	/*[s] Main Popup Style */
		.hd_pops{left:2rem !important; right:2rem !important;}
		.hd_pops_con{}

		#popLayer{}
		#popLayer #moPopArea{}
		#popLayer #moPopArea .moPop{max-width:100%;}
		#popLayer #moPopArea #moPopRoll{}
		#popLayer .slider{}
		#popLayer .slider img{}
		/*
		#popLayer .slider#HKeditorContent{padding:20px; font-size:20px; line-height:1.5; color: #666;}
		#popLayer .slider#HKeditorContent img{width:auto;}

		#popLayer #moPopRoll.roll .slider{}
		*/
		#popLayer .slider#HKeditorContent{padding:3rem 3rem 6rem; font-size:2.4rem;}

		#popLayer .layerPopClose{width:4rem; height:4rem; right:2rem; top:2rem;}
		#popLayer .layerPopClose:before{margin:-1px 0 0 -2rem;}
		#popLayer .layerPopClose:after{margin:-2rem 0 0 -1px;}

		#popLayer .moPopClose{}
		#popLayer .moPopClose>*{height:8rem; font-size:2rem;}
		/*
		#popLayer .moPopClose button{font-size:1.8rem; line-height:2.4rem;}
		#popLayer .moPopClose button:before{width: 2.4rem; height: 2.4rem; font-size:1.8rem; line-height:2.6rem;}
		#popLayer .moPopClose button.toDay_close{padding-left:3.2rem;}
		#popLayer .moPopClose button.close{padding-right:3.2rem}
		*/

		#popLayer .slick-dots{}
		#popLayer .slick-dots>li{}
		#popLayer .slick-dots>li+li{}
		#popLayer .slick-dots>li button{width:1.8rem; height:1.8rem;}
		#popLayer .slick-dots>li.slick-active button{}

	/*[e] Main Popup Style */

	/*[s] Main Style */
		#quick-left{bottom:7vh; z-index:10;}
		#quick-left .quick_li li .tit{font-size:2.2rem; line-height:3.2rem;}
		#quick-left .quick_li li .txt{margin-top:1rem; font-size:2.2rem; line-height:3.2rem;}

		.m-tab>a{height:5rem; padding:0 3rem; font-size:2.2rem;}

		/* visual */
			#main-visual,
			#main-visual .main-slider,
			#main-visual .main-slider .slick-slide,
			#main-visual .main-slider .slide-media,
			#main-visual .main-slider .mobile_in{height:70vh !important;}
		/* visual */
			#mVisual .visualRoll .slider img{height:115rem;}

			#mVisual .vTxtArea{height:115rem; align-items: flex-start;}
			#mVisual .vTxtArea .vTxt_in{padding:24.5rem 0 0;}

			#mVisual .vTxt .ii.tit{font-size:2.2rem;}
			#mVisual .vTxt .ii.title{font-size:5.5rem; line-height:6.5rem;}
			#mVisual .vTxt .ii.txt{font-size:2.6rem; line-height:1.3;}

			#mVisual .vTxt .ii.controll{margin-top:11rem;}

			#mVisual .slick-dots>li+li{margin-left:1.5rem;}
			#mVisual .slick-dots>li button{width:1.6rem !important; height:1.6rem;}
			#mVisual .slick-dots>li.slick-active button{width:6.1rem !important;}

		/* visual */
			#mainVisual{width:calc(100% - 4rem); margin-top:1rem; border-radius:1.2rem;}
			/* aspect-ratio 에 auto 를 같이 쓰면 img 의 고유 비율(640x380)이 이겨서 지정값이 무시된다.
			   auto 를 빼야 강제된다. 넘치는 부분은 base 규칙의 object-fit:cover 가 잘라낸다.
			   모바일 첫 화면에 '최근 신청한 견적'까지 들어와야 해서 높이를 절반(640/300 -> 640/150)으로 줄였다.
			   그만큼 잘리므로, 현재 배너(640x380)의 핵심 문구가 남는 지점으로 기준선을 위쪽(27%)에 맞춘다.
			   (실측: 기본값 50%면 '무료 소방견적' 윗줄이 잘리고, 27%면 말풍선~해시태그까지 남는다)
			   ※ 모바일 배너를 가로로 긴 이미지(예: 640x180)로 새로 올리면 잘림 없이 다 보인다. */
			#mainVisual .visualRoll .swiper-slide img{height:auto; aspect-ratio:640/150; max-height:none; object-fit:cover; object-position:center 27%;}
			#mainVisual .swiper-button-prev{left:1rem;}
			#mainVisual .swiper-button-next{right:1rem;}
			#mainVisual .vTxtArea{}

			#mainVisual .vTxt .ii.cate{font-size:2.2rem;}
			#mainVisual .vTxt .ii.cate:before{top:4.5rem;}
			/*#mainVisual .vTxt .ii.title{margin-top:6rem; font-size:5rem; line-height:6rem;}*/
			#mainVisual .vTxt .ii.title{margin-top:6rem;}
			#mainVisual .vTxt .ii.btn{margin-top:6rem;}
			#mainVisual .vTxt .ii.btn>a{width:16rem; height:6rem; font-size:2.2rem;}

			#mainVisual .swiper-pagination-bullet{width:1.2rem; height:1.2rem; border-width:0.6rem;}
			#mainVisual .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.8rem; height:1.8rem;}

			#mainVisual .swiper_btns_box .play_btn.play::before{width:1.4rem; height:1.8rem; border-width:0.5rem;}
			#mainVisual .swiper_btns_box .play_btn.pause::before{border-left:1.2rem solid #fff;border-right: 0.9rem solid transparent;border-bottom: 0.9rem solid transparent;border-top: 0.9rem solid transparent;}

		/* main_bigyodam */
			.main_bigyodam{padding:1.6rem 0 0}

		/* main_entry
		   모바일 첫 화면 안에 '최근 신청한 견적' 카드가 들어오는 것이 이 화면의 목표다.
		   글자 크기는 거의 그대로 두고 여백·아이콘만 줄여 세로를 압축했다. */
			.main_entry{gap:1.4rem;}

			/* 왼쪽 견적신청 상자 */
			.entry_quote{padding:2.8rem 2rem; text-align:center; border-radius:1.6rem;}
			.entry_quote .qb_eyebrow{font-size:2.2rem; line-height:3.2rem;}
			.entry_quote .qb_tit{margin-top:1.2rem; font-size:4rem;}
			.entry_quote .qb_steps{margin-top:2.8rem;}
			.entry_quote .qb_steps>li{padding-top:2.8rem;}
			.entry_quote .qb_steps::before{left:0.85rem; right:0.85rem; top:0.7rem; height:0.4rem;}
			.entry_quote .qb_steps>li::before{width:1.7rem; height:1.7rem; box-shadow:0 0 0 0.6rem #fff;}
			.entry_quote .qb_steps b{font-size:2.4rem;}
			.entry_quote .qb_steps span{font-size:2rem;}
			.entry_quote .qb_cta{margin-top:2.8rem; height:8rem; border-radius:1.6rem; font-size:2.9rem;}
			.entry_quote .qb_arr{width:1.3rem; height:1.3rem; border-width:0.35rem;}
			.entry_quote .qb_desc{margin-top:1.2rem; font-size:2.2rem; line-height:3.2rem;}

			/* 갈림길 카드 두 장 — 머리글 상자 아래 세로로 쌓인다 */
			.entry_fork{flex:1 1 100%; gap:1.6rem;}
			.ef_card{padding:2.8rem 2.4rem; border-radius:1.6rem;}
			.ef_card::after{margin-left:1.8rem; width:2rem; height:2rem; border-width:0.35rem;}
			.ef_body{gap:1rem;}
			.ef_role{height:3.6rem; padding:0 1.6rem; font-size:2.1rem;}
			.ef_tit{font-size:3.4rem;}
			.ef_desc{font-size:2.2rem; line-height:3.1rem;}

			/* 내 회사 카드 */
			.entry_recent.is_company{padding:2.8rem 2.2rem; border-radius:1.6rem;}
			.entry_recent .rc_role{height:3.8rem; padding:0 1.7rem; font-size:2.2rem;}
			.entry_recent .rc_tit{margin-top:1.3rem; font-size:3.4rem;}
			/* 세로로 쌓을 때 flex:1 1 0 을 그대로 두면 높이를 나눠 가져 버튼이 눌린다 → 높이를 고정한다 */
			.entry_recent .rc_btns{flex-direction:column; gap:1.2rem; margin-top:2.4rem;}
			.entry_recent .rc_btns a{flex:0 0 auto; height:7.4rem; border-radius:1.4rem; font-size:2.6rem;}
			.entry_recent .rc_arr{width:1rem; height:1rem; border-width:0.25rem;}

			.entry_recent.is_company .cc_name{font-size:3.2rem;}
			.entry_recent.is_company .cc_name .ico{width:3.2rem; height:3.2rem;}
			.entry_recent.is_company .cc_certs{gap:0.9rem; margin-top:1.8rem;}
			.entry_recent.is_company .cc_certs li{height:4.2rem; padding:0 1.6rem; font-size:2.1rem;}
			.entry_recent.is_company .cc_meta{gap:0.8rem 2.4rem; margin-top:1.8rem; font-size:2.2rem; line-height:3.2rem;}
			.entry_recent.is_company .cc_meta .ico{width:2.6rem; height:2.6rem;}
			.entry_recent.is_company .cc_promo{flex-wrap:wrap; margin-top:2rem; padding:1.6rem; border-radius:1.2rem; font-size:2.1rem; line-height:3rem;}
			.entry_recent.is_company .cc_promo .ico{width:2.8rem; height:2.8rem;}
			.entry_recent.is_company .cc_pbtn{margin-left:0; width:100%; justify-content:center; height:5.4rem; font-size:2.2rem;}

			.entry_login{margin-top:2rem; font-size:2.2rem; line-height:3.2rem;}

			/* 최근 신청한 견적 카드 */
			.entry_recent.is_mine{padding:2.8rem 2.2rem; border-radius:1.6rem;}
			.entry_recent .mn_role, .entry_recent .dday_badge{height:3.6rem; padding:0 1.5rem; font-size:2rem;}
			.entry_recent .mn_addr{margin-top:1.4rem; font-size:3rem;}
			.entry_recent .mn_addr .ico{width:2.8rem; height:2.8rem;}
			.entry_recent .mn_meta{margin-top:0.8rem; font-size:2rem; line-height:3rem;}
			.entry_recent .mn_stat{gap:0.9rem; margin-top:1.6rem;}
			.entry_recent .mn_stat li{height:4.2rem; padding:0 1.5rem; font-size:2rem;}
			.entry_recent .mn_stat .ico{width:2.1rem; height:2.1rem;}
			.entry_recent .mn_msg{margin-top:1.8rem; padding-top:1.6rem; font-size:2rem; line-height:3rem;}
			.entry_recent .mn_msg .ico{width:2.4rem; height:2.4rem;}
			.entry_recent.is_mine .rc_btns{margin-top:2rem;}

		/* main_partner */
			.main_partner{flex-wrap:wrap; margin-top:4rem; gap:1.6rem;}
			.main_partner + .live_late{margin-top:5.4rem;}
			.main_partner .partner_sw{flex:1 1 100%;}
			.main_partner .swiper-button{width:5rem; height:5rem; margin-top:-2.5rem;}
			.main_partner .swiper-button::after{font-size:1.8rem;}
			.main_partner .swiper-pagination-bullet{width:1.2rem; height:1.2rem;}

		/* etc_service */
			.etc_service{padding:3.2rem 4rem 3.9rem}
			.etc_service .intro_box dt{font-size:3.5rem; line-height:4.5rem;}
			.etc_service .intro_box dd{margin-top:0.7rem; font-size:2.4rem; line-height:3.4rem;}
			.etc_service .cst_center{width:100%; display:flex; align-items:center; gap:0 2rem}
			/* width 고정이면 "고객센터" 가 "고객센/터" 로 잘린다 (10rem = 65px, 글자는 약 78px).
			   min-width 로 바꿔 정렬은 유지하면서 넘칠 때만 늘어나게 한다 */
			.etc_service .cst_center .tit{min-width:10rem; text-align:right; white-space:nowrap;}

			.etc_service .cst_tel{padding:0 0 0.2rem 5rem; background-size:4rem;}
			.etc_service .cst_tel .tit{font-size:3rem; line-height:4rem;}
			.etc_service .cst_tel p{margin-top:0; font-size:3rem; line-height:4rem;}
			.etc_service .cst_mail{margin-top:0.5rem; padding-left:5rem;}
			.etc_service .cst_mail .tit{font-size:2.4rem; line-height:3.4rem;}
			.etc_service .cst_mail p{margin-top:0; font-size:2.4rem; line-height:3.4rem;}

            .etc_service .btn_box{margin-top:0;}
			.etc_service .link_box{font-size:2.4rem; line-height:3.4rem;}

		/* live_late */
			.live_late{margin-top:13rem;}
			.live_late .late_area .area_top h3{font-size:3.5rem; line-height:4rem;}
			.live_late .late_area .area_top h3 em{margin-right:1rem; width:6.2rem; font-size:2.2rem; line-height:4rem;}
			.live_late .late_area .area_top .link_btn{padding-right:2rem; font-size:2.4rem; line-height:3.4rem;}
			.live_late .late_area .area_top .link_btn::after{margin-top:-0.9rem; border-left:0.9rem solid #666;border-right: 0.9rem solid transparent;border-bottom: 0.9rem solid transparent;border-top: 0.9rem solid transparent; right:-0.9rem;}

			/* 모바일은 한 건을 두 줄로 : 윗줄 [지역]+상태칩 / 아랫줄 제목.
			   섹션당 3건만 노출한다 (나머지는 '더보기'). 예전엔 5건 x 2줄 x 2섹션이라 화면을 2개 반 잡아먹었다.
			   rem 은 840px 이하 6.5px / 480px 이하 6px 로 줄어드므로 글자값을 따로 키워 12px 밑으로 안 내려가게 한다. */
			.live_late .late_area .late_li{padding:0.2rem 2.2rem; border-radius:1.6rem;}
			.live_late .late_area .late_li li+li{margin-top:0;}
			.live_late .late_area .late_li li:nth-child(n+4){display:none;}
			.live_late .late_area .late_li li > a{flex-wrap:wrap; gap:0.4rem 0.8rem; padding:1.8rem 0; font-size:2.3rem; line-height:3rem;}
			.live_late .late_area .late_li li > a .reg{padding:0 1rem; font-size:2.05rem; line-height:2.9rem; border-radius:1.5rem;}
			.live_late .late_area .late_li li > a .st{order:2; padding:0 1.1rem; font-size:2.05rem; line-height:2.9rem; border-radius:1.5rem;}
			.live_late .late_area .late_li li > a .tit{order:3; flex:0 0 100%; width:100%;}
			.live_late .late_area .late_li li > a .tit em{font-size:2rem;}
			.live_late .late_area .late_li .late_none{padding:3rem 0; font-size:2.2rem;}

		/* 소방정보 목록 (fire_info)
		   제목이 두 줄이 되므로 줄바꿈을 막고 세 칸을 고정한다. 허용하면 날짜·상태가 아래로 밀려
		   목록이 계단처럼 흐트러진다. rem 이 6.5px(840↓)/6px(480↓)로 줄어드니 글자값을 따로 키운다 */
			.fi_sum{margin-bottom:3.4rem; padding:2rem 2.2rem; gap:1.4rem; font-size:2.15rem; line-height:3rem; border-radius:1.4rem;}
			.fi_sum .ic{width:3.4rem; height:3.4rem; font-size:2.1rem; line-height:3.4rem;}
			.fi_list > li > a{padding:2.2rem 0.2rem; align-items:flex-start; gap:0 1.6rem;}
			.fi_list .fi_lead{width:10.4rem; padding-top:0.2rem;}
			.fi_list .fi_date{font-size:3.3rem; line-height:3.8rem;}
			.fi_list .fi_year{font-size:2.05rem; line-height:2.4rem;}
			.fi_list .fi_thumb{width:10.4rem; height:7rem; border-radius:1rem;}
			.fi_list .fi_tit{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; word-break:keep-all; font-size:2.4rem; line-height:3.2rem;}
			.fi_list .fi_meta{margin-top:0.6rem; font-size:2.05rem; line-height:2.6rem;}
			.fi_list .fi_state{padding:0 1.2rem; font-size:2.05rem; line-height:3.2rem; border-radius:1.6rem;}
			.fi_list .fi_state.live{padding:0;}
			.fi_list .noPost{padding:8rem 0; font-size:2.3rem;}

		/* main_fire_info */
			.main_fire_info .sect_top .link_btn{padding-right:2rem; font-size:2.4rem; line-height:3.4rem;}
			.main_fire_info .sect_top .link_btn::after{margin-top:-0.9rem; border-left:0.9rem solid #666;border-right: 0.9rem solid transparent;border-bottom: 0.9rem solid transparent;border-top: 0.9rem solid transparent; right:-0.9rem;}
			.main_fire_info .fire_info_sw .sw_contain{padding-bottom:5rem;}
			.main_fire_info .fire_info_sw .swiper-slide{width:48rem;}
			.main_fire_info .fire_info_sw .swiper-slide a.more_card{gap:1.8rem;}
			.main_fire_info .fire_info_sw .swiper-slide a.more_card .ico{width:7rem; height:7rem;}
			.main_fire_info .fire_info_sw .swiper-slide a.more_card .ico::before{width:1.6rem; height:1.6rem; margin:-0.8rem 0 0 -1.1rem; border-top-width:0.3rem; border-right-width:0.3rem;}
			.main_fire_info .fire_info_sw .swiper-slide a.more_card .txt{font-size:2.6rem;}
			.main_fire_info .fire_info_sw .swiper-button{width:7rem; height:7rem;}
			.main_fire_info .fire_info_sw .swiper-button::after{font-size:2.3rem;}
			.main_fire_info .fire_info_sw .swiper-scrollbar{height:1rem;}

	/*[e] Main Style */

	/*[s] Sub Style */
        .estimate .chk_list.bubble_type > .check-new .bubble_box{font-size:2.4rem; line-height:3rem;}		.year-tab .name{font-size:2.2rem; display: flex;}
		.year-tab.open .name:after{transform:rotate(-45deg);}
		.year-tab.open .name:before{transform:rotate(45deg);}

		.year-tab ul.year-list>li:is(:hover, .active) a{background-color:rgba(57,190,133, 0.1); border-color:#abaeb0; color: var(--point);}		ul.lawArea .lawBox-gray .title{font-size:2.4rem; line-height:3.4rem;}
		ul.lawArea .lawBox-gray .text{font-size:2rem; line-height:3rem;}

		ul.lawArea .lawBox-gray .text.flex{margin-top:2rem; display:block;}
		ul.lawArea .lawBox-gray .text.flex>strong{display:block;}
		ul.lawArea .lawBox-gray .text.flex>img{}
        .box_arrow_tit{font-size:2.6rem; line-height:3.8rem;}        .table_box.attach_table .file_del_btn{width:5.4rem; height:3.4rem; font-size:1.6rem;}
        .table_box.attach_table + .table_box_ft{flex-direction:column-reverse; gap:1.5rem}
        .table_box.attach_table + .table_box_ft .file_add_btn{width:100%; height:7rem; font-size:2.2rem;}
        .table_box.attach_table + .table_box_ft .file_add_btn::before{width:1.6rem; height:2rem;}
        
		.table_box.attach_table.download .file_down_btn{font-size:1.8rem;}
		.table_box.attach_table.download + .table_box_ft .chk_file_down_btn button{padding:0 2rem; font-size:1.8rem;}
		.table_box.attach_table.download + .table_box_ft .chk_file_down_btn button span{line-height:4.8rem;}
		.table_box.attach_table.download + .table_box_ft{flex-direction:row;}
		.table_box.attach_table.download + .table_box_ft .chk_box{margin-top:0;}
        
		.table_wr table th,
		.table_wr table td{font-size:2.1rem; height:6rem;}

		.check_policy{margin-top:2.5rem; flex-direction:column; gap:1.5rem 0}
		.check_policy .check-new input[type=checkbox]+label{align-items:flex-start;}
		.check_policy .policy_btn{margin:0; width:13rem; font-size:2rem; line-height:4rem; /*align-self:flex-end;*/}

		.view_page .view_title{font-size:2.6rem;}
		.view_page .revision_history .revision_form .img_input{flex-wrap:wrap; gap:1rem 0}
		.view_page .revision_history .revision_form .img_input em{font-size:2.1rem;}
		.view_page .revision_history .revision_form .img_input .file_add_btn{width:10rem; font-size:1.7rem; line-height:4.2rem;}
		.view_page .revision_history .revision_form .img_input .note_txt{margin-left:0; width:100%; font-size:1.8rem;}
		.view_page .revision_history .revision_form .add_file_list{font-size:1.8rem;}
		.view_page .revision_history .revision_form .add_cont{flex-wrap:wrap; gap:1.5rem;}
		.view_page .revision_history .revision_form .add_cont textarea{width:100%; height:13rem; font-size:2rem;}
		.view_page .revision_history .revision_form .add_cont .submit{width:100%; height:7rem; font-size:2.1rem;}

		.revision_history .revision_list .revision_area .revision_cont{}
		.revision_history .revision_list .top_info{font-size:2rem;/* display:block;*/}
		.revision_history .revision_list .top_info .data{width:100%;}
		.revision_history .revision_list .cont_box .cont{font-size:2rem;}
		.revision_history .revision_list .cont_box .add_img_img span{max-width:calc((100% - 2rem) / 3);}
		.revision_history .revision_list .op_btns button{width:6.5rem; height:4.2rem; line-height:2.8rem; font-size:1.8rem;}
		.revision_history .revision_list .reply_area{flex-direction:column;}
		.revision_history .revision_list .reply_area .reply_ico_box span{width:6rem; font-size:1.8rem; line-height:3.5rem;}
		.revision_history .revision_list .reply_area .reply_txt{padding-left:2rem; font-size:2rem;}

		.tootip_wr .tootip_box{font-size:1.6rem; line-height:2rem;}

		/* pop_badge (커뮤니티 게시판 뱃지 팝업) */
			.pop_badge .pop_area{max-width:calc(100% - 4rem); width:100%;}
			.pop_badge .pop_area .pop_inner{padding-left:2rem; padding-right:2rem;;}
			.pop_badge .pop_sect_tit{font-size:2.5rem;}
			.pop_badge .badge_opt .check-new p{font-size:2rem;}
			.pop_badge .img_file_sect .img_add .file_name{font-size:2rem;}
			.pop_badge .img_file_sect .img_add .file_btn{font-size:2rem;}
			.pop_badge .badge_add .pop_sect_cont dd{margin-top:0.5rem;}
			.pop_badge .btn_box a{font-size:2.3rem;}

        /* location */
		.loca_cont{flex-direction:column;}
		.loca_cont .loca_logo{padding:0 0 2.5rem}
		.loca_cont .loca_info dl{padding:2.5rem 0}

		/* calendar */
			.calendar-area .day-of-week{grid-auto-rows:minmax(6rem, auto)}
			.calendar-area .day-of-week > *{font-size:1.8rem;}

		/* 회사정보 공통 */
			.comp_commn .comp_info_wr{flex-wrap:wrap;}
			.comp_commn .comp_info_wr .img_box{width:18rem; height:18rem;}
			.comp_commn .comp_info_wr .info_box{width:100%;}
			.comp_commn .comp_info_wr .info_box .comp_name{font-size:2.6rem;}
			.comp_commn .comp_info_wr .info_box .btn_comp_read{font-size:1.8rem; line-height:3.1rem;}
			.comp_commn .comp_info_wr .info_box .comp_cont dl{font-size:2rem;}

		/* 무료비교견적 신청 공통 */
        .estimate .estimate_top .info_txt{margin-top:1rem; font-size:2rem; line-height:2.5rem;}
        .estimate .estimate_top .info_txt .chk_info{margin-bottom:1rem; font-size:2.4rem; line-height:3.4rem;}
        .estimate .estimate_top .info_txt .chk_info .ico_box{width:2.6rem; height:2.6rem;}
        .estimate .estimate_top .info_txt .remark{display:inline;}
        .estimate h2{font-size:3.2rem; line-height:4.2rem;}
        .estimate .estimate_progress .percent_val{font-size:2rem;}

		.estimate .chk_list .check-new input[type="radio"]+label,
        .estimate .chk_list .check-new input[type="checkbox"]+label{min-height:9rem; height:auto; padding:1.9rem; font-size:2.4rem; line-height:3rem; gap:1.3rem}

        .estimate .chk_list .check-new input[type=radio]+label>.graphic:before,
        .estimate .chk_list .check-new input[type=checkbox]+label>.graphic:before{width:2.6rem; height:2.6rem;}
        
        .estimate .chk_list_wrap{max-width:46rem; margin:0 auto; padding:3rem 0}

        .estimate .chk_list{max-width:46rem; margin:0 auto; padding:3rem 0}
        .estimate .chk_list label p .multi_txt{font-size:1.8rem;}
        /* 0401 '선호하는 방식 선택'의 각주는 label 밖에 있어 위 규칙에 걸리지 않는다.
           그대로 두면 rem 축소로 9px 가 되어 읽을 수 없다(실측). */
        .quote_0401 .chk_list .check-new > .multi_txt{font-size:2.05rem; line-height:1.5;}

		.estimate .board_btn{max-width:46rem; margin:0 auto;}
		.estimate .board_btn .click{height:7rem;}

        .estimate .chk_list.column_li .check-new + .check-new{margin-top:2rem;}

        .estimate .chk_list.column_li .ico_tootip{right:2rem; top:50%;}
        .estimate .chk_list.column_li .tootip_box{padding:1.5rem 3rem 1.7rem; width:31rem; font-size:1.6rem; line-height:2rem; border-width:0.2rem; left:auto; right:-1rem; bottom:calc(50% + 1.8rem)}
        .estimate .chk_list.column_li .tootip_box::before{left:auto; right:3rem;}
        .estimate .chk_list.column_li .tootip_box::after{border-width:1rem 1rem 0; left:auto; right:2.8rem; bottom:-1rem;}

        .estimate .chk_list.row_wrap_02 .check-new,
        .estimate .chk_list.row_wrap_03 .check-new,
        .estimate .chk_list.row_wrap_04 .check-new{width:100%;}
		
		.estimate .chk_list .check-new.etc_full input[type="text"]{font-size:2.4rem;}
		.estimate .chk_list.row_wrap_03 .check-new.etc_full label,
		.estimate .chk_list.row_wrap_04 .check-new.etc_full label{width:auto; min-width:12rem;}

        .estimate .chk_list.bubble_type .check-new + .check-new{margin-top:4rem;}

        .estimate .chk_list.thumb_type input:is([type="radio"], [type="checkbox"]) + label{height:auto; padding:1.4rem}
        
		.pop_quote_alert .pop_area, 
		.pop_quote_alert1 .pop_area{width:100%;}
        /* quote_0301 */
            .quote_0301 .chk_list{padding:0}
            .quote_0301 .chk_list .check-new input[type="radio"]+label,
            .quote_0301 .chk_list .check-new input[type="checkbox"]+label{min-height:8rem; height:auto;}
            .quote_0301 .content_box label p .multi_txt{line-height:2.5rem;}

        /* quote_0302 */
            .quote_0302 .intro_box em{font-size:2.4rem; line-height:3.4rem;}
            .quote_0302 .intro_box p{font-size:2rem; line-height:3rem;}

        /* quote_0401 */
            .quote_0401 .intro_box .dot_li li{font-size:2rem; line-height:3rem;;}
            .quote_0401 .text_form textarea{height:20rem;}
        
        /* quote_0501 */
			.quote_0501 .addr_form .add_sch input[type=text]{width:calc(100% - 16.6rem);}
			.quote_0501 .addr_form .add_sch .btns{width:16rem; height:7rem; font-size:2rem; line-height:7rem;}
			.quote_0501 .addr_form + .btns_wr .btn_add{width:100%; height:7rem; font-size:2rem; line-height:calc(7rem - 2px);;}
			.quote_0501 .my_building_wr .building_box .name{font-size:2.6rem; line-height:3.4rem;}
			.quote_0501 .my_building_wr .building_box .new_addr{font-size:2.2rem; line-height:3rem;}
			.quote_0501 .my_building_wr .building_box .old_addr{font-size:2.1rem; line-height:3rem;}
			.quote_0501 .my_building_wr .building_box .old_addr span{width:4.6rem; font-size:1.9rem; line-height:3.2rem;}
			.quote_0501 .my_building_wr .non_building{font-size:2rem;}
			.quote_0501 .my_building_wr .check_cont.check-new input[type=checkbox]+label{align-items:flex-start;}

		/* quote_0601 */
			.quote_0601 .chk_info_box{font-size:1.9rem;}
			.quote_0601 .label_dl dt span{font-size:1.8rem; line-height:2rem;}
			.quote_0601 .label_dl dd{font-size:2rem;}
			.quote_0601 .input_area{flex-direction:column;}
			.quote_0601 .input_area .icon{text-align:center;}
			.quote_0601 .chk_02_on .chk_btn_type input:is([type="radio"], [type="checkbox"]) + label{padding:0.5rem; min-height:auto; font-size:1.8rem; line-height:2rem;}

		/* quote_0701 */
			.quote_0701 .calendar_wrap .content_box .box_arrow_txt{font-size:2.2rem;}

		/* quote_0801 */
			.quote_0801 .chk_list{max-width:none; padding:0}
			.quote_0801 .chk_list .check_wrap input[type="radio"]+label{height:auto;}
			.quote_0801 .chk_list .check_wrap .chk_tit em{font-size:2.6rem;}
			.quote_0801 .chk_list .check_wrap ul{font-size:2.4rem; line-height:3.4rem;}

		/* quote_list */
			.quote_list .board_list .td_subject{padding:0}
			.quote_list .board_list .td_state > span{font-size:1.9rem; line-height:3.8rem;}
			.quote_list .board_list>table .btm+.btm{margin-left:0;}
			.quote_list .board_list>table .btm+.btm::before{display:none;}
			.quote_list .board_list>table .btm+.td_state{margin-left:1rem;}
            
            .quote_list .board_list>table .td_num2{display:inline-block; color:#000; margin-right:2rem; text-align:left;}
            .quote_list .board_list>table .td_num2::before{content:"게시물 번호 : ";}
		
		/* live_quotes (실시간 견적현황 공통) */
			.live_quotes .box_arrow_tit{flex-wrap:wrap;}
			.live_quotes .box_arrow_tit .bo_num{font-size:1.8rem;}
			.quote_view .view_summary .btn_output{display:none}

			.live_quotes .board_list .noti_tr{background-color:#fff4ec; border-color:var(--point);}
			.live_quotes .board_list .noti_tr td{background-color:transparent; border:0;}
			.live_quotes .board_list .noti_tr .noti_list{height:6rem;}
			.live_quotes .board_list .noti_tr .noti_list .swiper-slide{width:100%; height:6rem; display:flex; align-items:center; gap:0.5rem 1rem; font-weight:700; color:#222}
			.live_quotes .board_list .noti_tr .noti_list .num_noti{}
			.live_quotes .board_list .noti_tr .noti_list .swiper-slide > p{height:6rem; padding-right:2rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all !important;}

		/* quote_view */
			.quote_view .customer_request .request_cont{font-size:2rem;}
			.quote_view .project_item .it_list span{font-size:1.8rem;}
			.quote_view .deadline_area .deadline_box .deadline_data{flex-wrap:wrap; width:100%;}
			.quote_view .deadline_area .deadline_box .deadline_data em{font-size:2.4rem;}
			.quote_view .deadline_area .deadline_box .deadline_data .countdown{font-size:2rem;}
			.quote_view .deadline_area .deadline_box .btn_box button{width:100%; line-height:6.8rem; font-size:2.2rem;}
			.quote_view .deadline_area .deadline_box .deadline_info .info_cont .tit{font-size:2.6rem;}
			.quote_view .deadline_area .deadline_box .deadline_info .info_cont p{font-size:2rem;}

			.quote_view .pop_revision_submission .pop_top .pop_txt{font-size:2rem;}
			.quote_view .client_info .info_cont{font-size:2rem;}
			.quote_view .client_info .info_sample > div dl{font-size:2rem;}
			.quote_view .client_info .info_sample > div dt{width:5rem;}

			.quote_view .faqArea.notice_refund >li .q{font-size:2.4rem;}

			.quote_view .pop_wrap:not(.pop_policy) > .pop_area{padding-left:2rem; padding-right:2rem;}
			.quote_view .pop_wrap .table_wr table,
			.quote_view .pop_wrap .table_wr table tbody,
			.quote_view .pop_wrap .table_wr table tr,
			.quote_view .pop_wrap .table_wr table th,
			.quote_view .pop_wrap .table_wr table td{display:block; height:auto;}
			.quote_view .pop_wrap .table_wr table th{padding-top:2rem; width:100%; text-align:left; background-color:transparent; border:none;}
			.quote_view .pop_wrap .table_wr table td{border-left:none; padding:0 2rem 2rem}

			.quote_view .it_list span{font-size:2rem;}

			.quote_view .pop_wrap input[type=text],
			.quote_view .pop_wrap .file_add .file_name{height:4.5rem;}
			.quote_view .pop_wrap input[type=text]{width:100%;}
			.quote_view .pop_wrap textarea,
			.quote_view .pop_revision_submission .note_box textarea{height:30rem;}

			.quote_view .pop_wrap .hangeul_amount{margin-top:0.5rem;}
			.quote_view .pop_wrap .note_txt{font-size:1.8rem;}
			.quote_view .pop_wrap .file_add .file_name{line-height:4.3rem; width:calc(100% - 10.8rem);}
			.quote_view .pop_wrap .file_btn{width:10rem; line-height:4.5rem; font-size:2rem;}

			.quote_view .customer_request .tit{font-size:2.1rem;}
			.quote_view .customer_request .cont{font-size:2.1rem;}

			.quote_view .deadline_box .pop_wrap .btn_box a{width:100%; max-width:50rem; font-size:2.2rem; line-height:6.8rem;}

			.quote_view .pop_policy .pop_area{width:100%;}
		
		/* quote_select */
			.quote_select .company_list th,
			.quote_select .company_list td{height:6rem;}
			.quote_select .company_list td{font-size:2.1rem;}
			.quote_select .company_list .sticker img{height:2.2rem;}
			.quote_select .company_list .btn_read{width:7rem; font-size:1.8rem; line-height:3.5rem;}
			.quote_select .company_list .btn_list_more{width:14rem; font-size:2rem; line-height:4.5rem;}
			.quote_select .company_list .choice_box{}

			.quote_select .view_summary .addr{font-size:2rem;}
			.quote_select .view_summary .info_cont em{font-size:2.2rem; width:100%;}
			.quote_select .view_summary .info_cont p{font-size:2rem;}
			.quote_select .company_list > .info_txt{font-size:2rem;}
			.quote_select .company_list > .info_txt span{width:100%; display:block;}
			.quote_select .company_list .comp_li .li_profile .addr{font-size:2rem;}
			.quote_select .company_list .comp_li .li_profile .price{font-size:2rem;}
			.quote_select .company_list .comp_li .comp_info .service_li{font-size:1.8rem;}
			.quote_select .company_list .comp_li .visit_label{font-size:2rem;}
			.quote_select .company_list .comp_li .li_profile .comp_career{font-size:2rem;}
			.quote_select .company_list .comp_li .comp_info .check_li{font-size:2rem;}

			.quote_select .discount_select .tit_box{font-size:2.6rem; line-height:3.8rem;}

			.quote_select .discount_select .select_area dl{flex-wrap:wrap; font-size:2.1rem; line-height:3.1rem;}
			.quote_select .discount_select .select_area dl+dl{margin-top:3.5rem;}
			.quote_select .discount_select .select_area dd{width:100%; margin-top:0.8rem;}
			.quote_select .discount_select .select_area dd select,
			.quote_select .discount_select .select_area dd input{height:5.6rem;}
			.quote_select .discount_select .select_area dd select{width:calc(100% - 12.5rem); line-height:5.4rem;}
			.quote_select .discount_select .select_area dd input{width:12rem; line-height:5.6rem;}
			.quote_select .discount_select .select_area .price_wr .old_price{font-size:2.2rem; line-height:3.2rem;}
			.quote_select .discount_select .select_area .price_wr .price{font-size:2.4rem; line-height:3rem;}
			.quote_select .discount_select .btn_box .btn{max-width:50rem; width:100%; font-size:2.2rem; line-height:6.8rem;}

			.quote_select .customer_request .request_cont{font-size:2rem;}
			
		/* fire_careers (소방구인 공통) */
			.fire_careers .cont_tit_box{flex-direction:column; align-items:flex-start;}
			.fire_careers .cont_tit_box .btn_box{margin-top:1rem; align-self:flex-end; width:100%;}
			.fire_careers .cont_tit_box .btn_box a{flex:1; width:auto; line-height:6.8rem; font-size:2.1rem;}

            .fire_careers .sch_option_wr input[type="text"]{height:4rem; font-size:2rem; line-height:3.8rem;}
			.fire_careers .sch_option_wr .op_box{width:100%;}
			.fire_careers .sch_option_wr .op_box.non_op{display:none;}
			.fire_careers .sch_option_wr .op_box .op_tit{font-size:2.2rem; line-height:2.8rem;}
			.fire_careers .sch_option_wr .op_box+.op_box:not(:nth-child(3n + 1)){margin-left:0;}
			/* .fire_careers .sch_option_wr .op_box+.op_box:not(:nth-child(2n + 1)){margin-left:-1px;} */
			.fire_careers .sch_option_wr .op_box+.op_box{margin-top:-1px;}
			/* .fire_careers .sch_option_wr .op_box:nth-child(n + 3){margin-top:-1px;} */
			.fire_careers .sch_option_wr .op_box .op_list{max-height:none;}
			.fire_careers .sch_option_wr .op_box .op_list.row_02 li{width:50%; min-width:16rem;}
			.fire_careers .sch_option_wr .op_box .op_list.row_03 li{width:calc(100% / 3); min-width:12rem;}
			.fire_careers .sch_option_wr .op_box .op_list.row_04 li{width:25%; /*min-width:10rem;*/}
			.fire_careers .sch_option_wr .op_box .op_list li label p{font-size:2rem;}
		    .fire_careers .sch_option_wr .op_box .op_list li.directly .directly_box span{font-size:2rem;}

			.fire_careers .sch_box{flex-wrap:wrap;;}
			.fire_careers .sch_box em{width:100%; font-size:2.2rem;}
			.fire_careers .sch_box .sch_input{margin-top:1rem;}
			.fire_careers .sch_box .sch_input input[type="text"]{height:5.6rem;}
			.fire_careers .sch_box .sch_input button{font-size:2rem;}

			.fire_careers .bo_write input[type="text"]{height:5.6rem; width:100%;}
			.fire_careers .bo_write input[type="text"].double{max-width:50%; flex:1;}
			.fire_careers .bo_write textarea{height:30rem;}
			.fire_careers .bo_write .table_wr table,
			.fire_careers .bo_write .table_wr table tbody,
			.fire_careers .bo_write .table_wr table tr,
			.fire_careers .bo_write .table_wr table th,
			.fire_careers .bo_write .table_wr table td{display:block;}
			.fire_careers .bo_write .table_wr table th{padding-top:2rem; padding-bottom:0; width:100%; height:auto; text-align:left; background-color:transparent; border-bottom:0}
			.fire_careers .bo_write .table_wr table td{padding-bottom:2rem; height:auto; border-left:0;}

			.fire_careers .consent_area .top_box .tit{font-size:2.2rem;}
			.fire_careers .consent_area .top_box .pop_btn{font-size:2rem;}

			.fire_careers .btn_box.pg_end .btn{width:calc(50% - 1rem); max-width:50rem; font-size:2.1rem; line-height:6.8rem;;}
			
			.fire_careers .color_box{font-size:2rem;}

		/* fire_post_job */
			.fire_post_job .bo_write .subject_box{flex-wrap:wrap;}
			.fire_post_job .bo_write .subject_box em{width:100%; font-size:2.1rem;}
			.fire_post_job .bo_write .subject_box input[type="text"]{margin-top:1rem; height:5.6rem;}

			.fire_post_job .bo_write .hiring_number{font-size: 2rem;}
			.fire_post_job .bo_write .hiring_number input[type="text"]{width:30rem; height:5.6rem;}

		/* fire_careers_read */
			.fire_careers_read .fire_careers_read_view .view_top .comp_info_wr{justify-content:flex-start;}
			.fire_careers_read .fire_careers_read_view .view_top .comp_info_wr + .tit_box{margin-top:4rem;}

		/* job_apply */
			.job_apply .basic_info .table_wr{padding-right:0;}
			.job_apply .basic_info .table_wr .img_box{width:100%; max-width:34rem; padding:0; margin:0 auto 4rem; position:relative; border:none}
			.job_apply .basic_info .table_wr .img_chg{margin-left:-5rem; width:10rem; font-size:2rem; line-height:4rem;}
            .job_apply .basic_info .table_wr input[type="text"]{flex:1; width:100%; padding:0 1rem; height:4rem; line-height:3.8rem; font-size:2.1rem;}

			.fire_careers_read .table_wr table,
			.job_apply:not(.pop_cont) .table_wr table{min-width:auto; display:block;}
			.fire_careers_read .table_wr tbody,
			.job_apply:not(.pop_cont) .table_wr tbody{display:block;}
			.fire_careers_read .table_wr tr,
			.job_apply:not(.pop_cont) .table_wr tr{display:flex; flex-wrap:wrap;}
			.fire_careers_read .table_wr th,
			.job_apply:not(.pop_cont) .table_wr th{min-height:6rem; height:auto; width:16rem; display:flex; align-items:center;}
			.fire_careers_read .table_wr td,
			.job_apply:not(.pop_cont) .table_wr td{min-height:6rem; height:auto; width:calc(100% - 16rem); display:flex; align-items:center;}
			.fire_careers_read .table_wr th.null,
			.job_apply:not(.pop_cont) .table_wr th.null{display:none;}
			.fire_careers_read .table_wr td.null,
			.job_apply:not(.pop_cont) .table_wr td.null{display:none;}

			.job_apply:not(.pop_cont) .check_qualify .table_wr table,
			.job_apply:not(.pop_cont) .check_qualify .table_wr table tbody,
			.job_apply:not(.pop_cont) .check_qualify .table_wr table tr,
			.job_apply:not(.pop_cont) .check_qualify .table_wr table th,
			.job_apply:not(.pop_cont) .check_qualify .table_wr table td{display:block;}
			.job_apply:not(.pop_cont) .check_qualify .table_wr table th{padding-top:2rem; padding-bottom:0; width:100%; height:auto; text-align:left; background-color:transparent; border-bottom:0}
			.job_apply:not(.pop_cont) .check_qualify .table_wr table td{padding-bottom:2rem; width:100%; height:auto; border-left:0;}
			.job_apply .check_qualify .chk_li .check-new input[type="radio"]+label{width:11.5rem; font-size:2rem; line-height:4.8rem;}
			.job_apply .check_qualify .career_box{flex-direction:column-reverse;}
			.job_apply .check_qualify .career_box input[type="text"]{width:100%; height:5.6rem;}
			.job_apply .check_qualify .career_box button{width:100%; line-height:6.8rem; font-size:2.1rem;}

			.job_apply .apply_content .area_form textarea{height:30rem; font-size:2.1rem;}
			.job_apply .consent_area .top_box{flex-wrap:wrap; gap:0.5rem 1.5rem}

		/* company_read */
			.company_read .comp_info .line_wr{font-size:2rem;}
			.company_read .btn_list a{width:100%;}
			.company_read .btn_list .color_box{font-size:2rem;}

            .company_read .pop_wrap .pop_area{min-width:auto}

		/* location */			.location-text>li.logo{margin-top:0; right:4rem;}

		/* store */			.store-table>table .btn{width:12rem; height:4rem; margin:0; font-size:1.8rem;}

		/* history */
			.history-area>li .thumb{width:100%; margin-top:3rem; padding-right:0; position: relative;}
			.history-area>li .thumb img{width:100%; height:auto; position: static; }
		/* etc */
			.etc_clause{width:100%; margin:0 auto;}
			.etc_clause .etc_clause_in{padding:5rem 3rem; border-radius:1rem;}
			.etc_clause .logo{margin:0;}
			.etc_clause .txt{padding:2rem 0 6rem; font-size:2.2rem;}

			.etc_clause .scroll{font-size:2rem;}

			.etc_select{width:100%;}
			.etc_select select.base{width:22rem;}

		/* search */
			.search-area{}
			.search-area .search-re .search-re-tit span{height:4rem; padding:0 2rem; font-size:2rem;}

			.search-area .search-re .search-re-list .search-link .tit{font-size:2.4rem;}
			.search-area .search-re .search-re-list .search-link .txt{font-size:2rem;}
			.search-area .search-re .search-more>a{height:5.1rem; padding:0 3.7rem; font-weight: 600; font-size:2rem;}

			.search-area .result-group{}
			.search-area .result-group dl{}
			.search-area .result-group dl dt{display:none;}

			.search-area .result-group dl dd{width:100%;}
			.search-area .result-group dl dd div {}
			.search-area .result-group dl dd div.title{}
			.search-area .result-group dl dd div.title a{font-size:2.4rem;}
			.search-area .result-group dl dd div.title a>h2 {}

			.search-area .result-group dl dd div.cont{max-height: 5.6rem; margin-top:1rem; font-weight: 400; font-size:2rem; line-height:2.8rem;}

			.search-area .result-group dl dd div.navi, .result-group dl dd div.navi a{font-size:2rem;}

		/* 견적서 메세지 (모바일에선 rem 축소를 보정해 값을 키운다) */
			.quote_msg_write{padding:2rem 2.2rem 1.6rem; border-radius:1.2rem;}
			.quote_msg_write textarea{height:14rem; font-size:2.3rem; line-height:3.4rem;}
			.quote_msg_write .msg_count{margin-top:1rem; padding-top:1.2rem; font-size:2rem;}
			.quote_msg_box{padding:1.8rem 2rem; border-radius:1rem;}
			.quote_msg_box p{font-size:2.2rem; line-height:3.2rem;}
	/*[e] Sub Style */

	/*[s] Plugin Style */
	/*[e] Plugin Style */
}
@media only screen and (max-width : 640px){

    /* location */
	.loca_map{height:40rem}
	.loca_cont .loca_info dl:not(.loca_addr){flex:none}
	.loca_cont .loca_info dl:nth-child(2) dt{padding-left:0;}
	.loca_cont .loca_info dl{width:100%;border-bottom:1px solid #e6e6e6;}
}

/*
transform: scale(1.1) 부분을
transform: scale(1.1) rotate(.001deg); 로 변경하면 부드럽게 처리되네요

display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; -ms-flex-align:center;
display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; -ms-flex-align:center;
display: flex; align-items: center; justify-content: center;

display: flex; flex-flow: column wrap; justify-content: center;
display: flex; flex-flow: row wrap; justify-content: center;

맨 앞에 정렬
justify-content: flex-start;
​
맨 끝에 정렬
justify-content: flex-end;

가운데 정렬
justify-content: center;

서로 같은 간격으로 박스들이 조정됨.
justify-content: space-between;​

컨텐츠 뿐만 아니라 그 주변도 같은 간격으로 조정됨.
justify-content: space-around;

​

* 수직으로 적용
align-items

컨테이너의 꼭대기로 정렬
justify-content: flex-start
​
컨테이너의 바닥으로 정렬
flex-end

가운데로 정렬
center

컨테이너의 시작 위치에 정렬
baseline​

컨테이너에 맞도록 늘린다.
stretch

.list_ol_01 {counter-reset:item; margin-bottom:10px;}
.list_ol_01 > li {position: relative; font-size: 16px; line-height: 1.75; margin-bottom:4px; color: #636363; padding-left:26px;}
.list_ol_01 > li:last-child {margin-bottom: 0;}
.list_ol_01 > li:before {counter-increment: item; content: counter(item); width: 18px; height: 18px; display: inline-block; background: #fff; border:1px solid #636363; color: #636363; border-radius: 50%; text-align: center; line-height:18px; font-size: 10px; position: absolute; top: 5px; left: 0; font-weight:400;}

-webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateX(-50%); transform: translateX(-50%);
filter:grayscale(100%) blur(0px); -webkit-filter:grayscale(100%) blur(0px);
transition: all .5s linear;
transition: all .5s ease-out;
transform:scale(100%);
transform:rotate(180deg);
-webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear;
-webkit-transition-delay: .8s; transition-delay: .8s;
:before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;}
display: flex; justify-content: space-between; // 양쪽 끝 정렬
display: flex; justify-content: space-around; // 센터 정렬
display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기
display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기
active
:first-child
text-indent:-99999px;
!important
display:table;
table-layout:fixed;
display:table-row;
display:table-cell;
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
*/

.modal {/* cursor: pointer; */position: fixed; left: 0; top: 0; width: 100%; height: 100vh; overflow: auto; z-index: 100; background: rgba(0,0,0,0.6);  opacity: 0; visibility: hidden; transition: .3s ease;}
.modal.active {opacity: 1; visibility: visible;}
.modal__inner {background: #fff; max-width: 580px; width: calc(100% - 20px); margin: 10rem auto 5rem; padding: 6rem 7rem; cursor: auto; box-shadow: 8px 8px 20px 0 rgba(0,0,0,0.6);position: relative;}
.modal--close{position: absolute;top: 2rem;right: 2rem;padding: 1rem;}

.cropLayer .modal__inner {padding: 2rem;}
.cropLy-header {display: flex; justify-content: space-between; align-items: center; margin: 0 0 2rem; padding: 0 0 1rem; border-bottom: 1px solid #ddd;}
.cropLy-title {font-size: 2rem; font-weight: 500;}
.cropLy-title + button {background: none; font-size: 2rem;}
.cropLy-footer {display: flex; justify-content: flex-end; margin: 1rem 0 0; gap: 1rem; padding: 1rem 0 0; border-top: 1px solid #ddd;}
.cropLy-footer button {display: flex; align-items: center; justify-content: center; padding: 1rem 2rem; border-radius: 4px; color: #fff; background: #6c757d; font-size: 1.6rem; }
.cropLy-footer button + button {background: #349e8f;}

.img_box{position:relative; cursor:pointer;}
.img_box input{position:absolute; width:100% !important; height:100% !important; background-color: transparent;  border:0; opacity: 0; cursor:pointer;}

.memb_img{position:relative; cursor:pointer;}
.memb_img input{position:absolute; width:100% !important; height:100% !important; background-color: transparent;  border:0; opacity: 0; cursor:pointer;}

.disabled{background-color:#d5d5d5 !important; cursor:default}

.pop_message{border-top:1px solid #111}
.pop_message.modify{border-top:0px solid #111}
.pop_message .add_file_list{display:flex; gap:0 1rem; align-items:center; flex-wrap:wrap;}
.pop_message .add_file_list span{margin-top:1.4rem;}
.pop_message .add_tit input{width:100%;}
.pop_message .add_cont{margin-top:1.4rem; display:flex; gap:0 0.8rem}
.pop_message .add_cont textarea{width:calc(100% - 13.8rem); height:20rem; font-size:1.5rem; line-height:1.4; border:1px solid #ddd; resize:none;}
.pop_message .add_cont .submit{width:13rem; display:flex; align-items:center; justify-content:center; font-size:1.7rem; line-height:1.4; font-weight:700; color:#fff; text-align:center; background-color:var(--point); border-radius:0.5rem;}

.pop_message{border:0}
.pop_message .img_input{padding-top:0;}
.pop_message .add_cont{flex-direction:column; gap:1rem}
.pop_message .add_cont textarea{width:54rem;}
.pop_message .add_cont .submit{width:100%; padding:0.8rem 0.6rem}

/* 쪽지 내용 보기 */
.pop_messageCont .pop_tit{padding-bottom:1.5rem; padding-top:2.3rem; border-bottom:2px solid var(--point); display:flex; justify-content:space-between;}
.pop_messageCont .pop_tit .msg_send{font-size:2.5rem; font-weight:700;}
.pop_messageCont .pop_tit .msg_date{font-size:1.6rem; color:#666; font-weight:400; align-self:flex-end;}
.pop_messageCont .add_cont{padding-bottom:2.4rem; width:54rem; max-height:30rem; border-bottom:1px solid var(--bor_c); overflow-y:auto;}
.pop_messageCont .board_btn{margin-top:2rem}

@media only screen and (max-width : 840px){
	.pop_message .add_file_list{font-size:1.8rem;}
	.pop_message .add_cont{flex-wrap:wrap; gap:1.5rem;}
	.pop_message .add_cont textarea{width:100%; height:23rem; font-size:2rem;}
	.pop_message .add_cont .submit{width:100%; height:7rem; font-size:2.1rem;}

    /* 쪽지 내용 보기 */
    .pop_messageCont .pop_tit .msg_send{font-size:3.2rem; line-height:4.2rem;}
    .pop_messageCont .pop_tit .msg_date{font-size:1.8rem; line-height:2.4rem;}
    .pop_messageCont .add_cont{width:100%;}
}

.openProfileMenu{cursor:pointer;}
.badgesicon img{width:20px; vertical-align: middle; cursor:pointer}
.line_area .btn_box{ display:block !important; text-align:right }

/*=====================================================================================
  [s] 검색 유입 개편 (2026-08-16)
  1) .page_h1     : 페이지 주제를 검색엔진에 알려주는 제목. 화면에는 보이지 않는다.
                    (common/include/subTop.asp 가 SEO_Title 을 넣어 출력한다)
                    화면에도 띄우고 싶으면 아래 .page_h1 규칙을 지우고 원하는 스타일을 주면 된다.
  2) .main_about  : 메인 맨 아래 서비스 안내 블록 (index.asp)
=====================================================================================*/
.page_h1{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0;}

/* 위 여백은 예전에 소방정보 앨범(.main_fire_info 의 padding-bottom:15rem)이 대신 만들어 주고 있었다.
   2026-08-19 에 앨범을 걷어내자 실시간 견적현황과 이 블록이 간격 0px 로 딱 붙어 버렸다(실측). */
.main_about{padding:9rem 0 10rem;}
.main_about .sect_top h1{font-size:3.5rem; line-height:4.5rem; color:#222; font-weight:700;}
.main_about .about_lead{margin-bottom:4rem; text-align:center; font-size:1.8rem; line-height:3rem; color:#555;}
.main_about .about_lead strong{color:#222; font-weight:700;}

.about_step{display:flex; gap:2rem; margin-bottom:6rem;}
.about_step li{flex:1 1 0; padding:3rem 2rem; box-sizing:border-box; text-align:center; background-color:#fafafa; border:1px solid #eee; border-radius:1rem;}
.about_step li .num{display:inline-flex; align-items:center; justify-content:center; width:3.6rem; height:3.6rem; margin-bottom:1.6rem; background-color:var(--point); color:#fff; font-family:var(--play); font-size:1.7rem; font-weight:700; border-radius:50%;}
.about_step li h3{margin-bottom:1rem; font-size:2.1rem; line-height:2.9rem; color:#222; font-weight:700;}
.about_step li p{font-size:1.6rem; line-height:2.6rem; color:#666;}

.about_target{margin-bottom:6rem; padding:3.4rem 3rem; background-color:#fff4ec; border-radius:1rem;}
.about_target h3{margin-bottom:1.8rem; font-size:2.1rem; line-height:2.9rem; color:#222; font-weight:700; text-align:center;}
.about_target ul{display:flex; flex-wrap:wrap; gap:1rem; justify-content:center;}
.about_target li{padding:0.9rem 1.8rem; background-color:#fff; border:1px solid var(--point); border-radius:999px; font-size:1.6rem; line-height:2.2rem; color:#c14e00; font-weight:500;}

.about_faq{border-top:2px solid #222;}
.about_faq details{border-bottom:1px solid #e5e5e5;}
.about_faq summary{position:relative; padding:2.4rem 5rem 2.4rem 3.4rem; font-size:1.8rem; line-height:2.8rem; color:#222; font-weight:600; cursor:pointer; list-style:none;}
.about_faq summary::-webkit-details-marker{display:none;}
.about_faq summary::before{content:"Q"; position:absolute; left:0; top:2.4rem; font-family:var(--play); font-size:1.8rem; line-height:2.8rem; color:var(--point); font-weight:700;}
.about_faq summary::after{content:""; position:absolute; right:1.4rem; top:3.1rem; width:1rem; height:1rem; border-right:0.2rem solid #999; border-bottom:0.2rem solid #999; transform:rotate(45deg); transition:transform 0.25s ease-out;}
.about_faq details[open] summary::after{transform:rotate(-135deg); border-color:var(--point);}
.about_faq .answer{padding:0 3.4rem 2.6rem; font-size:1.6rem; line-height:2.8rem; color:#555;}
.about_faq .answer a{color:var(--point); text-decoration:underline; text-underline-offset:0.3rem;}

.about_cta{margin-top:5rem; text-align:center;}
.about_cta .btn_go{display:inline-flex; align-items:center; justify-content:center; height:6rem; padding:0 4.4rem; background-color:var(--point); color:#fff; font-size:1.9rem; font-weight:700; border-radius:999px;}
.about_cta .btn_go:hover{background-color:#e65c00;}
.about_cta .desc{margin-top:1.4rem; font-size:1.5rem; line-height:2.4rem; color:#888;}

@media all and (max-width:1024px){
	.main_about{padding:10rem 0 8rem;}
	.main_about .sect_top h1{font-size:4rem; line-height:5rem;}
	.main_about .about_lead{font-size:2.4rem; line-height:4rem;}
	.about_step{flex-direction:column; gap:1.6rem;}
	.about_step li{padding:3.4rem 2.4rem;}
	.about_step li .num{width:5rem; height:5rem; font-size:2.4rem;}
	.about_step li h3{font-size:2.9rem; line-height:3.8rem;}
	.about_step li p{font-size:2.3rem; line-height:3.6rem;}
	.about_target h3{font-size:2.9rem; line-height:3.8rem;}
	.about_target li{font-size:2.2rem; line-height:3rem; padding:1.1rem 2.2rem;}
	.about_faq summary{padding:3rem 6rem 3rem 4.4rem; font-size:2.5rem; line-height:3.6rem;}
	.about_faq summary::before{font-size:2.5rem; line-height:3.6rem; top:3rem;}
	.about_faq .answer{padding:0 4.4rem 3.2rem; font-size:2.3rem; line-height:3.8rem;}
	.about_cta .btn_go{height:8rem; font-size:2.7rem;}
	.about_cta .desc{font-size:2.1rem; line-height:3.2rem;}
}
/* [e] 검색 유입 개편 (2026-08-16) */

/* [s] 실시간 견적현황 목록 — 좁은 화면 카드 (2026-08-19)
   PC(841px 이상)는 지금 표 그대로다. 아래 규칙은 840px 이하에서만 돈다.
   .quote_list 는 live_quotes/live_quotes_list.asp 한 곳에서만 쓰므로 다른 게시판에 번지지 않는다.
   ⚠ front.css 가 contentsNew.css 보다 뒤에 실리므로(head.asp 192·195줄) 같은 특정성이면 front.css 가 이긴다.
      그래서 셀 규칙은 .quote_list 를 붙이고 >tbody>tr>td 까지 적어 한 단계 위로 올려 둔다. */

/* 공지 띠 — 넓은 화면에도 같이 적용한다.
   '공지사항' 칩과 글줄의 세로 가운데를 맞춘다. 칩은 위아래 여백이 있고 글줄은 없어서
   같은 상자 안에 있어도 눈에는 글이 위로 떠 보인다. 둘 다 align-self:center 로 못박는다. */
.quote_list .board_list .noti_tr .noti_list .swiper-slide{align-items:center;}
.quote_list .board_list .noti_tr .noti_list .swiper-slide>p{align-self:center; line-height:1.45;}
.quote_list .board_list .noti_tr .noti_list .num_noti{align-self:center; line-height:1.2;}

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

	/* 필터 : 접히는 드롭다운을 걷어내고 '옆으로 미는 칩 줄' 로 바꾼다.
	   드롭다운은 ①무엇을 고를 수 있는지 눌러 보기 전엔 모르고 ②고르는 데 두 번 눌러야 했다.
	   칩 줄은 지금 무엇이 선택돼 있는지 그대로 보이고 한 번만 누르면 된다.
	   라벨(지역/분류)을 왼쪽에 붙여 세로 높이도 줄인다. 마크업은 그대로 두고 CSS 로만 바꾼다. */
	.quote_list .lq_filter{display:block; margin-bottom:2.4rem;}
	.quote_list .lq_filter .tab_area{display:flex; align-items:center; gap:0 1.2rem;}
	.quote_list .lq_filter .tab_area + .tab_area{margin-top:1.2rem;}
	.quote_list .lq_filter .box_arrow_tit{flex:none; width:6.2rem; margin-bottom:0; padding-left:1.8rem; font-size:2.2rem; line-height:1.3;}
	.quote_list .lq_filter .box_arrow_tit::before{top:0.2rem; width:1.2rem; height:1.6rem; background-size:1.2rem;}
	.quote_list .lq_filter .multi-tab{flex:1 1 0; min-width:0; margin:0; position:relative;}
	.quote_list .lq_filter .multi-tab .name{display:none;}            /* 드롭다운 여는 단추는 쓰지 않는다 */
	.quote_list .lq_filter .multi-tab ul.multi-list{
		display:flex; position:static; width:auto; margin:0; padding:0.4rem 2.4rem 0.4rem 0;
		background-color:transparent; border:0;
		flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; gap:0 0.8rem;
		-webkit-overflow-scrolling:touch; scrollbar-width:none;
	}
	.quote_list .lq_filter .multi-tab ul.multi-list::-webkit-scrollbar{display:none;}
	.quote_list .lq_filter .multi-tab ul.multi-list>li{flex:0 0 auto; border:0;}
	.quote_list .lq_filter .multi-tab ul.multi-list>li+li{border-top:0;}
	.quote_list .lq_filter .multi-tab ul.multi-list>li a{
		height:5.2rem; padding:0 1.8rem; border:1px solid #ddd; border-radius:2.6rem;
		font-size:2.15rem; font-weight:500; color:#444; white-space:nowrap;
		justify-content:center; background-color:#fff;
	}
	.quote_list .lq_filter .multi-tab ul.multi-list>li.active a{background-color:var(--point); border-color:var(--point); color:#fff; font-weight:600;}
	.quote_list .lq_filter .multi-tab.dpth02_tab ul.multi-list>li.active a{background-color:#fff4ec; border-color:var(--point); color:#c1490a;}
	/* 오른쪽 끝 흐림 : 옆으로 더 밀 수 있다는 신호 (칩이 몇 개 없으면 흰 바탕에 흰색이라 안 보인다) */
	.quote_list .lq_filter .multi-tab::after{content:""; position:absolute; right:0; top:0; bottom:0; width:2.4rem; pointer-events:none; background:linear-gradient(to right, rgba(255,255,255,0), #fff 70%);}

	/* 총 건수 · 내 작성글보기 : 원래 1.6rem 이라 이 구간에서 10.4px 까지 줄어 읽히지 않았다 */
	.quote_list .bo_head{align-items:center; gap:1.2rem;}
	.quote_list .bo_head .board-total{margin-bottom:0;}
	.quote_list .bo_head .sort_box{width:auto; padding:0;}
	.quote_list .bo_head .sort_box .myRecord{width:auto; padding:0 1.8rem; font-size:2.15rem; line-height:5.2rem; border-radius:1rem;}

	/* 목록 껍데기 : 표의 위아래 굵은 선을 없애고 카드가 떠 보이게 한다 */
	.quote_list .board_list{border-top:0; border-bottom:0; overflow:visible;}
	.quote_list .board_list>table{margin-bottom:0;}

	/* 한 행 = 카드 한 장
	   ┌ 560번  소분류칩        상태칩 ┐
	   │ 제목 (두 줄까지)              │
	   └ ● 남은기간                    ┘
	   업체에게 "560번 게시물입니다" 라고 안내하므로 번호를 왼쪽 위로 올려 칩으로 보여 준다 */
	.quote_list .board_list>table>tbody>tr{
		position:relative; display:grid; align-items:center;
		grid-template-columns:auto minmax(0,1fr) auto;
		grid-template-areas:"num cate state" "subj subj subj" "dead dead dead";
		gap:1.2rem 0.8rem;
		margin-bottom:1.4rem; padding:2.4rem 2.2rem;
		background-color:#fff; border:1px solid #e8e8e8; border-radius:1.6rem;
		box-shadow:0 0.2rem 0.8rem rgba(0,0,0,0.04); cursor:pointer;
	}
	/* 아직 참여할 수 있는 건만 테두리를 살짝 띄운다. 채움색은 목록 전체가 눌려 보여서 쓰지 않는다 */
	.quote_list .board_list>table>tbody>tr.is_open{border-color:#ffcaa4;}
	.quote_list .board_list>table>tbody>tr:active{background-color:#fafafa;}

	.quote_list .board_list>table>tbody>tr>td{margin:0; padding:0; border:0; text-align:left; background-color:transparent;}

	/* 소분류 : 번호칩 오른쪽. 메인화면 실시간 견적 칩(.live_late .reg)과 같은 톤 */
	.quote_list .board_list>table>tbody>tr>.top{
		grid-area:cate; justify-self:start; max-width:100%; display:inline-block; vertical-align:baseline;
		padding:0 1.1rem; font-size:2.05rem; line-height:2.9rem; font-weight:500;
		color:#555; background-color:#f4f5f7; border-radius:1.5rem;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	/* 상태 : 원래 1.9rem(11.4px)이라 가장 중요한 정보가 가장 작았다. 알약 모양으로 키운다 */
	.quote_list .board_list>table>tbody>tr>.td_state{grid-area:state; justify-self:end; margin:0; white-space:nowrap;}
	.quote_list .board_list .td_state>span{min-width:0; padding:0 1.3rem; font-size:2.15rem; line-height:3.4rem; font-weight:600; border-radius:1.7rem;}

	/* 제목 : 카드의 주인공. 회색(#666) 대신 검정으로 올린다 */
	.quote_list .board_list>table>tbody>tr>.td_subject{grid-area:subj; padding:0;}
	.quote_list .board_list>table .td_subject>a{max-width:100%; font-size:2.5rem; line-height:3.4rem; font-weight:500; color:#111; -webkit-line-clamp:2;}

	/* 남은 기간 : 고정폭(9.2rem)을 풀어 글자 길이대로 */
	.quote_list .board_list>table>tbody>tr>.deadline_date{grid-area:dead; margin:0;}
	.quote_list .board_list .deadline_date>span{width:auto; font-size:2.1rem; line-height:1.3; font-weight:500;}
	.quote_list .board_list .deadline_date>span::before{width:1.5rem; margin-right:0.7rem;}

	/* 게시물 번호 : 업체와 통화할 때 쓰는 번호라 잘 보여야 한다. 사이트가 이미 쓰는 옅은 주황 칩으로 */
	.quote_list .board_list>table>tbody>tr>.td_num2{
		grid-area:num; justify-self:start; display:inline-block; margin:0;
		padding:0 1.1rem; font-size:2.05rem; line-height:2.9rem; font-weight:700;
		color:#e2600a; background-color:#fff6ef; border:1px solid #ffbb85; border-radius:1.5rem;
	}
	.quote_list .board_list>table>tbody>tr>.td_num2::before{content:none;}   /* 옛 '게시물 번호 : ' 접두어 제거 */
	.quote_list .board_list>table>tbody>tr>.td_num2::after{content:"번";}

	/* 칸 사이 구분선(.btm+.btm::before)은 카드에서 필요 없다 */
	.quote_list .board_list>table>tbody>tr>.btm+.btm{margin-left:0;}
	.quote_list .board_list>table>tbody>tr>.btm+.btm::before{display:none;}

	/* 공지 띠와 '검색된 게시물이 없습니다' 는 카드 격자를 쓰지 않는다 */
	.quote_list .board_list>table>tbody>tr.noti_tr,
	.quote_list .board_list>table>tbody>tr.noPost{display:block; padding:0; cursor:default; box-shadow:none;}
	.quote_list .board_list>table>tbody>tr.noti_tr{overflow:hidden; border-color:var(--point);}
	/* 공지 띠 : 글줄이 '공지사항' 칩보다 위로 떠 보이던 것.
	   원인은 본문 <p> 에 height:6rem 이 박혀 있어(두 줄 자리) 한 줄짜리 글이 그 상자 위쪽에 붙던 것.
	   높이를 풀고 두 요소를 같은 줄 가운데에 맞춘다. (실측: 칩 중심 268 / 글상자 중심 268 인데 글자는 8px 위) */
	.quote_list .board_list .noti_tr .noti_list .swiper-slide{padding:0 1.6rem; gap:0 1rem;}
	.quote_list .board_list .noti_tr .noti_list .swiper-slide>p{height:auto; align-self:center; padding-right:0; font-size:2.15rem; line-height:1.4;}
	.quote_list .board_list .noti_tr .noti_list .num_noti{flex:none; align-self:center; padding:0.5rem 1.1rem; font-size:2rem; line-height:1.2; border-radius:1.4rem;}
	/* '검색된 게시물이 없습니다' 상자가 30rem(180px)이나 비어 있었다 */
	.quote_list .board_list>table .noPost>td{height:18rem;}

	/* 로그인한 소방업체에게만 보이는 위쪽 프로필 상자.
	   기본값이 1.5~2rem 이라 이 구간에서 9~10px 까지 줄어 읽히지 않았다 (실측).
	   .live_quotes 쪽 기본 규칙이 클래스 4개짜리라, 이기려면 .quote_list.live_quotes 로 붙여 쓴다. */
	.quote_list .profile_area{padding:2.6rem 2.4rem 2rem;}
	.quote_list .profile_area .memb_img{width:8rem; height:8rem;}
	.quote_list .profile_area .memb_info{flex:1 1 0; min-width:0;}
	.quote_list .profile_area .memb_info .nickname{font-size:2.6rem; line-height:1.3;}
	.quote_list .profile_area .memb_info .c_box.label{display:inline-block; margin-top:0.8rem; padding:0.7rem 1.2rem; font-size:2rem;}
	.quote_list .profile_area .memb_info .modify_link{margin-top:1rem; padding-left:2.8rem; font-size:2.05rem; line-height:1.4; background-size:1.9rem;}
	.quote_list.live_quotes .profile_area .member_count_info .tit{font-size:2.05rem; line-height:1.4;}
	.quote_list.live_quotes .profile_area .member_count_info .val{margin-top:0.6rem; font-size:2.9rem; line-height:1.2;}
	.quote_list.live_quotes .profile_area .member_count_info .val span{font-size:2rem; line-height:1.4;}
}
/* [e] 실시간 견적현황 목록 — 좁은 화면 카드 */

/* [s] 좁은 화면 헤더 정리 (2026-08-19)
   하단 앱형 메뉴(홈·실시간견적·견적신청·커뮤니티·마이)가 생기면서 위쪽 유틸 줄이 겹쳤다.
   ① 헤더의 로그인/회원가입/마이페이지/쪽지함/로그아웃/고객문의 줄(.hd_login)을 통째로 감춘다 — 한 줄(약 44px)이 사라진다.
      ☰ 메뉴는 남긴다. 로고 줄에 얹혀 있어 세로 공간을 더 먹지 않고, 소방정보·이용약관 등 하단 메뉴에 없는 곳으로 가는 유일한 길이다.
   ② 하단 앱 메뉴에 없는 고객문의·쪽지함·로그아웃은 ☰ 메뉴 안(.mo_util, header.asp)으로 옮겼다.
   ③ 커뮤니티는 바로 아래 탭이 같은 이름을 다시 말하므로 큰 제목(#pageTop h2)을 감춘다.
      검색엔진용 제목은 .page_h1(subTop.asp)이 따로 있고 그건 원래부터 화면에 안 보인다 — SEO 에 영향 없다. */
.menuLayer .mo_util{display:none;}

@media only screen and (max-width : 840px){
	#header .hd_login{display:none;}

	.menuLayer .mo_util{display:flex; flex-wrap:wrap; background-color:#fff; border-bottom:1px solid #ccc; position:relative; z-index:2;}
	.menuLayer .mo_util>li{flex:1 1 0; min-width:0; border-left:1px solid #e6e6e6;}
	.menuLayer .mo_util>li:first-child{border-left:0;}
	.menuLayer .mo_util>li>a{display:flex; align-items:center; justify-content:center; gap:0.6rem; height:7rem; padding:0 1rem; font-size:2.2rem; line-height:1.3; color:#444; text-align:center;}
	.menuLayer .mo_util .mu_count{display:inline-block; min-width:2.6rem; padding:0 0.6rem; font-size:1.9rem; line-height:2.6rem; font-weight:500; color:#fff; text-align:center; background-color:var(--point); border-radius:1.3rem;}

	/* 커뮤니티 6개 화면 : 큰 제목이 바로 아래 탭과 같은 말이다 (질문마당 / 질문마당) */
	body[data-pgCode="0401"] #pageTop,
	body[data-pgCode="0402"] #pageTop,
	body[data-pgCode="0403"] #pageTop,
	body[data-pgCode="0404"] #pageTop,
	body[data-pgCode="0405"] #pageTop,
	body[data-pgCode="0406"] #pageTop{display:none;}
}
/* [e] 좁은 화면 헤더 정리 */

/* [s] 메인 맨 아래 문의 줄 (2026-08-19)
   예전 .etc_service('기타 서비스 신청' 상자)를 대신한다. 그 상자는 주력 CTA 바로 밑에서
   같은 목적지의 '무료견적 바로가기' 버튼을 한 번 더 보여 주고 있었고, 전화번호는 눌러도 걸리지 않았다.
   여기서는 ①주황(--point)을 쓰지 않아 바로 위 '무료로 견적 받아보기' 버튼이 계속 제일 눈에 띄고
   ②전화는 tel: 라 휴대폰에서 바로 걸린다.
   ⚠ .etc_service 규칙은 index_business.asp 가 아직 쓰고 있으므로 건드리지 않았다. */
.ask_bar{margin-top:5rem; padding:2.4rem 3rem; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1.6rem 2rem; background-color:#fafafa; border:1px solid #eee; border-radius:1rem;}
.ask_bar .ask_txt strong{display:block; font-size:1.8rem; line-height:2.6rem; color:#222; font-weight:700;}
.ask_bar .ask_txt p{margin-top:0.5rem; font-size:1.5rem; line-height:2.3rem; color:#888;}
.ask_bar .ask_btns{display:flex; gap:1rem;}
.ask_bar .ask_btn{display:inline-flex; align-items:center; justify-content:center; height:5rem; padding:0 2.2rem; border-radius:999px; font-size:1.6rem; line-height:1; font-weight:700; white-space:nowrap; box-sizing:border-box;}
.ask_bar .ask_btn::before{content:""; margin-right:0.8rem; display:inline-block; width:2rem; height:2rem; background-repeat:no-repeat; background-position:center; background-size:contain;}
.ask_bar .ask_tel{background-color:#fff; border:1px solid #ccc; color:#222;}
.ask_bar .ask_tel::before{background-image:url("/images/ico_tel.png");}
.ask_bar .ask_tel:hover{border-color:#888;}
.ask_bar .ask_kko{background-color:#fae100; color:#381e1f;}
.ask_bar .ask_kko::before{width:2.1rem; height:1.9rem; background-image:url("/member/img/icon_login_kakao.png");}
.ask_bar .ask_kko:hover{background-color:#f0d800;}

@media all and (max-width:1024px){
	.ask_bar{margin-top:4rem; padding:3rem 2.6rem; flex-direction:column; align-items:stretch; text-align:center;}
	.ask_bar .ask_txt strong{font-size:2.6rem; line-height:3.6rem;}
	.ask_bar .ask_txt p{margin-top:0.8rem; font-size:2.1rem; line-height:3.2rem;}
	.ask_bar .ask_btns{gap:1.2rem;}
	.ask_bar .ask_btn{flex:1 1 0; min-width:0; height:7.4rem; padding:0 1.4rem; font-size:2.3rem;}
	.ask_bar .ask_btn::before{margin-right:1rem; width:2.8rem; height:2.8rem;}
	.ask_bar .ask_kko::before{width:2.9rem; height:2.6rem;}
}
/* [e] 메인 맨 아래 문의 줄 */

/* [s] 소방정보 — 법령·행정규칙 글의 본문 틀 (2026-08-19)
   국가법령정보 API 로 만든 글(index.asp 의 PT_LawStrip 과 같은 원천)에만 쓰인다.
   글 본문은 board/bbs_View.asp 의 #bo_v_con.ck-content 안에 그려진다.
   ⚠ 그 안은 CKEditor 가 실행 시점에 <head> 끝에 꽂는 <style> 이 지배하고, layout.css 의
     전역 리셋(h1~h6 font-size:100%·font-weight:normal / ul list-style:none)도 걸린다.
     그래서 선택자 앞에 html 을 붙여 한 단계 올리고, 글자 크기·굵기를 전부 다시 지정한다. */

/* ① 맨 위 정보 상자 — 시행일·공포일·구분·소관. 매번 나오는 값이라 본문과 분리해 세웠다 */
html .ck-content .law_meta{margin:0 0 2.8rem; padding:1.8rem 2rem; display:flex; flex-wrap:wrap; gap:1.2rem 3.2rem; background-color:#f7f8fa; border:1px solid #e8eaee; border-radius:0.8rem;}
html .ck-content .law_meta dl{margin:0; display:flex; align-items:baseline; gap:0.9rem;}
html .ck-content .law_meta dt{margin:0; flex:0 0 auto; font-size:1.4rem; line-height:2.2rem; font-weight:600; color:#8b929c;}
html .ck-content .law_meta dd{margin:0; font-size:1.6rem; line-height:2.2rem; font-weight:700; color:#22252b; font-variant-numeric:tabular-nums;}

/* ② 소제목 — 제ㆍ개정 이유 / 주요내용 / 바뀐 내용 / 부칙 */
html .ck-content .law_sec{margin:0 0 2.8rem;}
html .ck-content .law_h{position:relative; margin:0 0 1.2rem; padding-left:1.4rem; font-size:1.9rem; line-height:2.8rem; font-weight:700; color:#22252b; letter-spacing:-0.02em;}
html .ck-content .law_h::before{content:""; position:absolute; left:0; top:0.5rem; width:0.4rem; height:1.8rem; background-color:var(--point); border-radius:0.2rem;}
html .ck-content .law_sec>p{margin:0 0 0.9rem; font-size:1.65rem; line-height:2.9rem; color:#3d434b;}

/* ③ 바뀐 내용·부칙 — 참고 자료라 한 단계 낮춰서 담는다 (본문보다 작게, 옅은 바탕) */
html .ck-content .law_diff{padding:2rem 2.2rem; background-color:#fafbfc; border:1px solid #eceef1; border-radius:0.8rem;}
html .ck-content .law_diff .law_h{margin-bottom:1.4rem;}
html .ck-content .law_diff>p{margin:0 0 1rem; font-size:1.5rem; line-height:2.6rem; color:#5a616b;}
html .ck-content .law_diff>p:last-child{margin-bottom:0;}
html .ck-content .law_in{display:inline-block; padding-left:1.6rem; color:#7b828c;}

/* ③-2 '2026.06.29 개정 · 조문 2개' 안내 줄 (화재안전기준: 바뀐 조문만 뽑아 보여 줄 때) */
html .ck-content .law_diff>p.law_mk{margin:-0.4rem 0 1.2rem; font-size:1.35rem; font-weight:600; color:#8b929c; letter-spacing:0;}

/* ③-3 개정본문 원문(한글 파일) 한 줄 — 바뀐 내용을 화면에서 읽을 수 있으므로 보조 자료로 내린다 */
html .ck-content .law_file{margin:-1.6rem 0 2.8rem; padding:0 0.2rem; font-size:1.45rem; line-height:2.4rem; color:#8b929c;}
html .ck-content .law_file a{color:#d1500a; text-decoration:underline; text-underline-offset:0.3rem; word-break:break-all;}

/* ③-1 개정된 별지 서식·별표 그림 — 법제처가 개정문 속에 <img> 한 줄로 끼워 보낸다.
   그림은 law.go.kr 에서 곧바로 불러온다(우리 서버에 복사해 두지 않는다).
   폰에서 화면 밖으로 벗어나지 않게 max-width 를 반드시 둔다. */
html .ck-content .law_img{margin:1.4rem 0; text-align:center;}
html .ck-content .law_img img{display:inline-block; max-width:100%; height:auto; border:1px solid #e2e5e9; border-radius:0.4rem; background-color:#fff;}

/* ④ 원문 링크 */
html .ck-content .law_link{margin:0 0 0.8rem;}
html .ck-content .law_link a{display:inline-flex; align-items:center; height:4.4rem; padding:0 2rem; background-color:#fff6ef; border:1px solid #ffbb85; border-radius:0.8rem; font-size:1.55rem; font-weight:700; color:#d1500a; text-decoration:none;}
html .ck-content .law_link a::after{content:""; margin-left:0.8rem; width:0.6rem; height:0.6rem; border-top:0.15rem solid currentColor; border-right:0.15rem solid currentColor; transform:rotate(45deg);}
html .ck-content .law_link a:hover{background-color:#ffe9d8;}
html .ck-content .law_diff a{color:#d1500a; text-decoration:underline; text-underline-offset:0.3rem;}

@media all and (max-width:1024px){
	html .ck-content .law_meta{padding:2.2rem 2rem; gap:1.4rem 2.6rem;}
	html .ck-content .law_meta dt{font-size:2.05rem; line-height:3rem;}
	html .ck-content .law_meta dd{font-size:2.3rem; line-height:3rem;}
	html .ck-content .law_h{padding-left:1.8rem; font-size:2.6rem; line-height:3.6rem;}
	html .ck-content .law_h::before{width:0.5rem; height:2.4rem; top:0.6rem;}
	html .ck-content .law_sec>p{font-size:2.3rem; line-height:3.8rem;}
	html .ck-content .law_diff>p{font-size:2.1rem; line-height:3.4rem;}
	html .ck-content .law_in{padding-left:2rem;}
	html .ck-content .law_diff>p.law_mk{font-size:1.9rem;}
	html .ck-content .law_file{font-size:2rem; line-height:3.2rem;}
	html .ck-content .law_link a{height:6.4rem; padding:0 2.4rem; font-size:2.2rem;}
}
/* [e] 소방정보 — 법령·행정규칙 글의 본문 틀 */

/* [s] 메인 소방정보 띠 — 법령 개정 / 화재안전기준 (2026-08-19)
   자리 : 무료견적 카드 줄과 광고 배너 줄 사이 (index.asp PT_LawStrip).
   왜 여기냐 : 위아래 두 줄이 다 좌우 2칸이라 그대로 두면 2x2 바둑판으로 보인다.
   성격이 다른 낮은 가로 띠를 끼워 리듬을 끊는다. 상자 하나에 두 줄을 담아 세로를 아낀다.
   왜 제목줄과 목록줄을 나눴나 : 한 줄에 제목까지 넣으면 법령 이름이 쓸 폭이 1000px 로 줄어
   '지방자치단체를 당사자로 하는 계약에 관한 법률 시행규칙' 같은 긴 이름이 잘렸다(실측).
   좁은 화면(1024px 이하)에서는 각 줄이 딱 한 칸만 보이게 접는다 — 나머지는 '전체 보기'로.
   색 : 배지·글자색은 소방정보 목록(.fi_list .fi_state)과 같은 값을 쓴다 — 두 화면이 따로 놀지 않게.
   바탕은 옅은 살구색이다. 주황 채움을 쓰면 바로 위 '무료견적 신청하기' 카드와 눈길을 다툰다. */
.law_strip{margin-top:3rem; padding:1.6rem 2rem 1.8rem; background-color:#fff7f0; border:1px solid #ffd9bd; border-radius:1rem;}
.law_strip .law_row{display:flex; flex-wrap:wrap; align-items:center; gap:0.8rem 1rem;}
.law_strip .law_row+.law_row{margin-top:1.4rem; padding-top:1.4rem; border-top:1px solid #f4ddc9;}
.law_strip .law_head{flex:1 1 auto; min-width:0;}
.law_strip .law_head em{font-size:1.7rem; line-height:2.4rem; font-weight:700; color:#b8460a; letter-spacing:-0.02em; font-style:normal;}
.law_strip .law_more{flex:0 0 auto; font-size:1.5rem; line-height:2.4rem; color:#8a6b56; white-space:nowrap;}
.law_strip .law_more::after{content:""; margin-left:0.6rem; display:inline-block; width:0.6rem; height:0.6rem; border-top:0.15rem solid currentColor; border-right:0.15rem solid currentColor; transform:rotate(45deg); vertical-align:middle;}

.law_strip .law_items{flex:1 1 100%; min-width:0; display:flex;}
.law_strip .law_items>li{flex:0 1 auto; min-width:0;}
.law_strip .law_items>li+li{padding-left:1.8rem; margin-left:1.8rem; border-left:1px solid #f4ddc9;}
.law_strip .law_items>li>a{display:flex; align-items:center; gap:0.8rem; min-width:0;}
.law_strip .law_tit{flex:0 1 auto; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:1.6rem; line-height:2.4rem; font-weight:700; color:#22252b; letter-spacing:-0.02em;}
.law_strip .law_when{flex:0 0 auto; font-size:1.45rem; line-height:2.4rem; color:#9aa0a8; font-variant-numeric:tabular-nums;}
.law_strip .fi_state{flex:0 0 auto; padding:0 1rem; font-size:1.4rem; line-height:2.4rem; font-weight:700; white-space:nowrap; border-radius:1.2rem;}
.law_strip .fi_state.soon{color:#d1500a; background-color:#fff; border:1px solid #ffc79a;}
.law_strip .fi_state.live{padding:0; color:#aeb3ba; background:none; border:0; font-weight:600;}

/* 화재안전기준 줄 — 설비 이름 + 코드(NFTC 103)를 붙인 칩. 이름이 곧 검색어라 코드를 붙여 둔다 */
.law_strip .law_row.nfpc .law_items>li+li{padding-left:1rem; margin-left:1rem; border-left:0;}
.law_strip .law_row.nfpc .law_items>li>a{gap:0.6rem; padding:0.5rem 1.2rem; background-color:#fff; border:1px solid #ffe0c6; border-radius:999px;}
.law_strip .law_row.nfpc .law_tit{font-size:1.5rem; line-height:2.2rem;}
.law_strip .law_row.nfpc .law_code{flex:0 0 auto; font-size:1.3rem; line-height:2.2rem; font-weight:700; color:#d1500a; font-variant-numeric:tabular-nums; white-space:nowrap;}
.law_strip .law_row.nfpc .law_when{display:none;}

@media (hover: hover) and (pointer: fine) {
	.law_strip .law_items>li>a:hover .law_tit{color:#d1500a; text-decoration:underline; text-underline-offset:0.3rem;}
	.law_strip .law_row.nfpc .law_items>li>a:hover{border-color:#ffbb85; background-color:#fffaf6;}
	.law_strip .law_row.nfpc .law_items>li>a:hover .law_tit{text-decoration:none;}
	.law_strip .law_more:hover{color:#d1500a;}
}

/* 노트북 폭(1025~1200px) : 법령 세 건을 나란히 놓을 폭이 안 나와 셋 다 조금씩 잘렸다(실측 1100px).
   세로로 쌓으면 띠만 갑자기 두꺼워지므로 여기서는 세 번째 한 건을 접는다. 두 건은 여유 있게 들어간다. */
@media all and (min-width:1025px) and (max-width:1200px){
	.law_strip .law_row:not(.nfpc) .law_items>li:nth-child(3){display:none;}
	.law_strip .law_row.nfpc .law_items>li:nth-child(n+5){display:none;}
}

@media all and (max-width:1024px){
	/* 좁은 화면 : 줄마다 한 칸만 보여 준다. 세 건을 세로로 쌓으면 첫 화면을 너무 많이 먹는다.
	   나머지는 오른쪽 '전체 보기' 로 간다. */
	.law_strip{margin-top:2.4rem; padding:2rem;}
	.law_strip .law_row{gap:1rem;}
	.law_strip .law_row+.law_row{margin-top:1.8rem; padding-top:1.8rem;}
	.law_strip .law_head em{font-size:2.4rem; line-height:3.2rem;}
	.law_strip .law_more{font-size:2.05rem; line-height:3.2rem;}
	.law_strip .law_items>li:nth-child(n+2){display:none;}
	.law_strip .law_items>li{flex:1 1 100%;}
	/* 화재안전기준은 칩이라 내용만큼만 차지하게 둔다 (가로로 꽉 차면 칩으로 안 보인다) */
	.law_strip .law_row.nfpc .law_items>li{flex:0 1 auto;}
	.law_strip .law_tit{font-size:2.3rem; line-height:3.2rem;}
	.law_strip .law_when{font-size:2.05rem; line-height:3.2rem;}
	.law_strip .fi_state{padding:0 1.1rem; font-size:2.05rem; line-height:3.2rem; border-radius:1.6rem;}
	.law_strip .fi_state.live{padding:0;}
	.law_strip .law_row.nfpc .law_items>li>a{padding:0.7rem 1.6rem;}
	.law_strip .law_row.nfpc .law_tit{font-size:2.2rem; line-height:3.2rem;}
	.law_strip .law_row.nfpc .law_code{font-size:2.05rem; line-height:3.2rem;}
}
/* [e] 메인 소방정보 띠 */

/* ============================================================================
   실시간 견적 상세 - '견적서 발송' / '방문·상담 제안' 팝업 (2026-08-20)
   머리말(pop_top)과 꼬리(pop_foot)를 고정하고 가운데(pop_body)만 스크롤한다.
   예전에는 팝업 전체가 70vh 안에서 스크롤돼 제목이 사라지고 주 버튼이 화면 밖으로
   밀려났다. 규칙은 전부 이 두 팝업 안으로만 건다 - 다른 팝업은 건드리지 않는다.
   ========================================================================== */
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) > .pop_area{
	padding:0;
	max-height:min(88vh, 96rem);
	display:flex; flex-direction:column;
	overflow:hidden;
	border-radius:1.4rem;
	box-shadow:0 2.4rem 6rem rgba(0,0,0,0.28);
}
.quote_view .pop_wrap.pop_revision_submission > .pop_area.w700{width:min(720px, calc(100% - 4rem)) !important;}

/* 견적서 팝업은 <form> 이 한 겹 더 있다 - 그 폼도 세로 flex 로 이어 준다 */
.quote_view .pop_quote_submission > .pop_area > form{
	flex:1 1 auto; min-height:0; display:flex; flex-direction:column;
}

/* --- 머리말 (고정) --- */
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_top{
	flex:0 0 auto;
	padding:2.6rem 5rem 2.2rem;
	background-color:#fff;
	border-bottom:1px solid #e9e9e9;
}
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_top .pop_tit{font-size:2.6rem;}
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_top .btn_close{
	width:4.4rem; height:4.4rem; right:1rem; top:0.2rem; border-radius:50%;
}
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_top .btn_close:hover{background-color:#f2f2f2;}

/* --- 가운데 (여기만 스크롤) --- */
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_body{
	flex:1 1 auto; min-height:0;
	padding:0 5rem 3rem;
	overflow-y:auto; overscroll-behavior:contain;
}

/* --- 꼬리 (고정) : 필수 동의 + 버튼 --- */
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_foot{
	flex:0 0 auto;
	padding:1.6rem 5rem 1.8rem;
	background-color:#fff;
	border-top:1px solid #e9e9e9;
	box-shadow:0 -0.6rem 1.8rem rgba(0,0,0,0.06);
	display:flex; flex-direction:column; align-items:stretch; gap:1.2rem 0;
}
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_foot .check_policy{
	margin:0; justify-content:flex-start; align-items:center; gap:0 0.8rem; flex-wrap:nowrap;
}
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_foot .check_policy label p{white-space:nowrap;}
/* 약관 전문보기는 회색 채움 버튼이면 주 버튼과 경쟁한다 - 밑줄 링크로 */
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_foot .policy_btn{
	margin:0; width:auto; padding:0; font-size:1.5rem; line-height:1.4; color:#888;
	text-decoration:underline; background-color:transparent; border-radius:0;
}
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_foot .policy_btn:hover{color:#333;}
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_foot .btn_box{
	margin:0; gap:0.8rem; justify-content:flex-end;
}
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_foot .btn_box .btn{
	width:auto; min-width:12rem; height:5.6rem; padding:0 2.6rem;
	font-size:1.8rem; font-weight:700; border-radius:0.8rem;
	transition:background-color 0.15s ease-out, color 0.15s ease-out;
}
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_foot .btn_box .btn.point{
	min-width:17rem; background-color:var(--point); color:#fff;
}
/* 취소는 주 버튼과 경쟁하지 않게 외곽선으로 */
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_foot .btn_box .btn.cancel{
	background-color:#fff; color:#666; border:1px solid #ccc;
}
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_foot .btn_box .btn.cancel:hover{background-color:#f5f5f5;}
/* [필수] 동의 전에는 흐리게 - 눌러 보기 전에 왜 안 되는지 알게 한다 (차단은 JS 가 그대로) */
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_foot .btn_box .btn.point.is_off{
	background-color:#ffd0ac; color:#fff;
}


/* --- 유의사항 아코디언 : 기본 접힘 (지금은 감춰져 있지만 되살릴 때를 위해 규칙은 남긴다) --- */
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .faqArea.notice_refund{margin-top:2.4rem;}
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .faqArea.notice_refund > li .a{display:none;}
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .faqArea.notice_refund > li.active .a{display:block;}

/* --- 견적서 팝업 : 위 안내 문구 톤 낮추기 (제목 다음 자리를 덜 뺏도록) --- */
.quote_view .pop_quote_submission .pop_body > .pop_cont:first-child{margin-top:2rem;}
.quote_view .pop_quote_submission .pop_body > .pop_cont:first-child .dot_li{--c_box_bgc:#fff8f2; --c_box_color:#ffd9bd;}

/* --- 견적서 팝업 : 금액 입력에 '원' 단위 --- */
.quote_view .pop_quote_submission .quote_form .price_wr{flex-wrap:nowrap; gap:0 1rem;}
.quote_view .pop_quote_submission .quote_form .price_cell{position:relative; display:block; flex:1 1 0; min-width:0;}
.quote_view .pop_quote_submission .quote_form .price_cell input[type="text"]{width:100%; padding-right:3.2rem; text-align:right;}
.quote_view .pop_quote_submission .quote_form .price_cell .unit{
	position:absolute; right:1rem; top:50%; transform:translateY(-50%);
	font-size:1.6rem; line-height:1; color:#888; pointer-events:none;
}
.quote_view .pop_quote_submission .quote_form .price_wr .tilde{flex:0 0 auto; color:#aaa;}
.quote_view .pop_quote_submission .quote_form .price_hint{margin-top:0.8rem; font-size:1.5rem; line-height:1.4; color:#8a8a8a;}

/* --- 견적서 팝업 : 파일 선택 --- */
.quote_view .pop_quote_submission .file_add .file_name{
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#222; font-weight:600;
}
.quote_view .pop_quote_submission .file_add .file_name.is_empty{color:#aaa; font-weight:400;}
.quote_view .pop_quote_submission .file_add .file_clear{
	display:none; flex:0 0 auto; width:2.6rem; height:2.6rem; margin-right:0.2rem;
	font-size:2rem; line-height:1; color:#888; background-color:#ececec; border-radius:50%;
}
.quote_view .pop_quote_submission .file_add.has_file .file_clear{display:inline-flex; align-items:center; justify-content:center;}
.quote_view .pop_quote_submission .file_add .file_clear:hover{background-color:#ddd; color:#333;}

/* --- 담당자 정보 비교 박스 여백 정리 --- */
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .client_info .info_sample{margin-top:2rem;}
.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .client_info .info_sample > div{box-shadow:0 0.4rem 1.2rem rgba(0,0,0,0.07);}

@media only screen and (max-width : 840px){
	.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) > .pop_area{max-height:92vh;}
	.quote_view .pop_wrap.pop_revision_submission > .pop_area.w700{width:calc(100% - 4rem) !important;}
	.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_top{padding:2.4rem 2rem 1.8rem;}
	.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_top .pop_tit{font-size:3rem;}
	.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_top .btn_close{width:5.4rem; height:5.4rem; right:1rem; top:0.4rem;}
	.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_body{padding:0 2rem 2.4rem;}
	.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_foot{
		padding:1.4rem 2rem calc(1.4rem + env(safe-area-inset-bottom));
	}
	.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_foot .check_policy{
		flex-direction:row; align-items:center; justify-content:flex-start; gap:0 0.8rem;
	}
	.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_foot .policy_btn{font-size:2.05rem;}
	.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_foot .btn_box{width:100%; gap:0.8rem;}
	.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_foot .btn_box .btn{
		flex:1 1 0; width:auto; min-width:0; height:6.4rem; font-size:2.2rem;
	}
	.quote_view .pop_wrap:is(.pop_quote_submission, .pop_revision_submission) .pop_foot .btn_box .btn.point{flex:1.7 1 0; min-width:0;}
	.quote_view .pop_quote_submission .quote_form .price_cell .unit{font-size:2.1rem; right:1.2rem;}
	.quote_view .pop_quote_submission .quote_form .price_cell input[type="text"]{padding-right:4rem;}
	.quote_view .pop_quote_submission .quote_form .price_hint{font-size:2.1rem;}
	.quote_view .pop_quote_submission .file_add .file_clear{width:3.6rem; height:3.6rem; font-size:2.6rem;}
	.quote_view .pop_quote_submission .file_add .file_name{width:auto; flex:1 1 0; min-width:0;}
}

/* ==========================================================================
   견적신청 3화면 (2026-08-28 개편) — .qp
   --------------------------------------------------------------------------
   견적신청이 6번에서 4번(화면 3장 + 연락처)으로 줄었다. 그 세 화면만 쓰는 옷이다.
     1장 estimate/quote_0101.asp  무엇이 필요하세요 (분야 + 세부항목)
     2장 estimate/quote_0501.asp  건물 주소 (+ 쓰는 범위 · 업종)
     3장 estimate/quote_0401.asp  이대로 신청하시면 돼요
   세 화면 모두 <body class="qp"> 다. 이 클래스가 빠지면 옷이 통째로 벗겨진다.
   기획·근거는 docs/quote-funnel-redesign.md
   ⚠️ 모바일(840px 이하)에서는 rem 을 쓰지 않는다 — 아래 미디어쿼리 머리말 참고.
   ========================================================================== */

/* ---------- 화면 뼈대 ---------- */
.qp .estimate{padding-top:3.2rem;}
/* 상자 윗선과 제목이 7px 밖에 안 떨어져 답답했다 (2026-08-28 실측·사용자 지적) */
.qp .qp_head{padding-top:2.4rem; text-align:center;}
.qp .qp_head h2{font-size:2.8rem; line-height:1.35; font-weight:700; color:#111; word-break:keep-all;}
.qp .qp_head h2 .po_t{color:var(--point);}
.qp .qp_head .qp_sub{margin-top:0.8rem; font-size:1.7rem; line-height:1.5; color:#888; word-break:keep-all;}

/* 진행 표시 — 숫자보다 칸이 눈에 빨리 들어온다 */
.qp .qp_steps{margin:2.4rem auto 0; display:flex; gap:0.6rem; justify-content:center; max-width:36rem;}
.qp .qp_steps span{flex:1; height:0.6rem; border-radius:1rem; background-color:#e6e6e6;}
.qp .qp_steps span.on{background-color:var(--point);}

/* ---------- 접힌 요약줄 (앞 화면에서 고른 것) ---------- */
.qp .qp_crumb{margin:2.4rem 0 0; padding:1.4rem 1.8rem; display:flex; align-items:center; gap:0.8rem;
	background-color:#fff4ec; border:1px solid #ffd3b3; border-radius:0.6rem;}
.qp .qp_crumb .cb_ico{flex:none; width:2.2rem; height:2.2rem; border-radius:50%; background-color:var(--point); position:relative;}
.qp .qp_crumb .cb_ico::before{content:""; position:absolute; left:50%; top:50%; width:0.5rem; height:1rem;
	border:solid #fff; border-width:0 0.26rem 0.26rem 0; transform:translate(-50%,-62%) rotate(45deg);}
.qp .qp_crumb .cb_txt{flex:1; min-width:0; font-size:1.7rem; line-height:1.4; font-weight:600; color:#111;}
.qp .qp_crumb .cb_txt em{font-weight:400; color:#a35a24;}
.qp .qp_crumb .cb_btn{flex:none; padding:0.6rem 1.4rem; font-size:1.5rem; line-height:1.4; color:#111;
	background-color:#fff; border:1px solid #d9b79c; border-radius:0.4rem;}

/* ---------- 선택 카드 ----------
   지금 화면은 상자(버튼) 밖에 말풍선 설명이 따로 있어 "상자-설명-상자-설명"으로 번갈아 보인다.
   설명을 상자 안에 넣어 '카드 하나 = 선택지 하나'가 한눈에 보이게 한다. 높이도 120px 에서 84px 로 준다. */
.qp .qp_pick{display:flex; flex-direction:column; gap:1rem; margin-top:2.6rem;}
.qp .qp_pick .qp_item{position:relative;}
.qp .qp_pick input{position:absolute; width:1px; height:1px; opacity:0; margin:0;}
.qp .qp_pick label{display:flex; align-items:center; gap:1.4rem; padding:1.8rem 4.2rem 1.8rem 2rem;
	background-color:#fff; border:1px solid #d5d9dd; border-radius:0.6rem; cursor:pointer;
	transition:border-color .15s ease, background-color .15s ease;}
/* 고르면 그 자리에서 다음 화면으로 넘어가는 목록에만 화살표를 둔다(.qp_nav).
   그냥 고르기만 하는 목록은 동그라미 — 화살표를 두면 "눌러도 안 넘어가네" 하고 헷갈린다 */
.qp .qp_pick label::after{content:""; position:absolute; right:1.8rem; top:50%; width:2.4rem; height:2.4rem;
	margin-top:-1.2rem; border:0.2rem solid #cdd3d8; border-radius:50%; box-sizing:border-box;}
.qp .qp_pick input:checked + label::after{background-color:var(--point); border-color:var(--point);
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.6 4.6L19 7.4'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-position:center; background-size:60% 60%;}

.qp .qp_pick.qp_nav label::after{width:0.9rem; height:0.9rem; margin-top:0; border:solid #b9c0c6;
	border-width:0.22rem 0.22rem 0 0; border-radius:0; background:none;
	transform:translateY(-50%) rotate(45deg);}
.qp .qp_pick.qp_nav input:checked + label::after{border-color:var(--point); background:none;}
.qp .qp_pick .qp_tx{flex:1; min-width:0;}
.qp .qp_pick .qp_tit{display:block; font-size:1.9rem; line-height:1.4; font-weight:700; color:#111;}
.qp .qp_pick .qp_desc{display:block; margin-top:0.2rem; font-size:1.6rem; line-height:1.45; color:#7b848c; word-break:keep-all;}
.qp .qp_pick label:hover{border-color:#9aa3ab;}
.qp .qp_pick input:checked + label{border-color:var(--point); background-color:#fff7f1; box-shadow:inset 0 0 0 1px var(--point);}
.qp .qp_pick input:checked + label::after{border-color:var(--point);}

/* 필증처럼 짚어 줄 것이 있는 항목 */
.qp .qp_pick .qp_badge{display:inline-block; margin-left:0.6rem; padding:0.2rem 0.8rem; font-size:1.3rem;
	line-height:1.5; font-weight:600; color:#fff; background-color:#3d8bff; border-radius:1rem; vertical-align:0.2rem;}
.qp .qp_pick .qp_badge.set{background-color:#22c07d;}

/* 큰 갈림길(1장 첫 선택)은 더 크게 — 손님이 40~60대다 */
.qp .qp_pick.qp_big label{padding:2.6rem 4.2rem 2.6rem 2.4rem; gap:1.8rem;}
.qp .qp_pick.qp_big .qp_ico{flex:none; width:5.2rem; height:5.2rem; border-radius:1.2rem;
	background-color:#fff1e6; display:flex; align-items:center; justify-content:center;}
.qp .qp_pick.qp_big .qp_ico svg{width:2.8rem; height:2.8rem; stroke:var(--point); fill:none; stroke-width:1.8;
	stroke-linecap:round; stroke-linejoin:round;}
.qp .qp_pick.qp_big .qp_tit{font-size:2.2rem;}
.qp .qp_pick.qp_big .qp_desc{margin-top:0.4rem; font-size:1.6rem;}
.qp .qp_pick.qp_big input:checked + label .qp_ico{background-color:var(--point);}
.qp .qp_pick.qp_big input:checked + label .qp_ico svg{stroke:#fff;}

/* 업종처럼 짧은 낱말은 두 칸으로 (설명이 없다) */
.qp .qp_pick.qp_grid{flex-direction:row; flex-wrap:wrap; gap:0.8rem;}
.qp .qp_pick.qp_grid .qp_item{width:calc(50% - 0.4rem);}
.qp .qp_pick.qp_grid label{padding:1.6rem 1.4rem; justify-content:center; text-align:center;}
.qp .qp_pick.qp_grid label::after{display:none;}
.qp .qp_pick.qp_grid .qp_tit{font-size:1.75rem; font-weight:500; color:#41484f;}
.qp .qp_pick.qp_grid input:checked + label .qp_tit{font-weight:700; color:var(--point);}
.qp .qp_pick.qp_two .qp_item{width:calc(50% - 0.4rem);}
/* 설명 줄 수가 좌우로 달라도 두 칸의 키는 같아야 한다 (아이폰 390 에서 왼쪽만 2줄이 된다) */
.qp .qp_pick.qp_two label{padding:1.7rem 1.2rem; justify-content:center; text-align:center; word-break:keep-all; height:100%;}
.qp .qp_pick.qp_two label::after{display:none;}
.qp .qp_pick.qp_two input:checked + label .qp_tit{color:var(--point);}
/* 두 칸짜리 카드에 딸린 한 줄 설명 (3장). 왼쪽 칸은 "손이 한 번 더 가지만 더 정확한 쪽" 이라
   그 이유를 여기 적는다 — 제목보다 확실히 작아야 카드가 무거워 보이지 않는다 */
.qp .qp_pick.qp_two .qp_desc{margin-top:0.5rem; font-size:1.4rem; line-height:1.4;}

/* ---------- 하단 고정 버튼 ----------
   모바일에서 '다음'을 찾아 스크롤해 내려가는 왕복을 없앤다.
   write_submitbar 를 같이 붙여 두면 기존 appnav.asp 의 JS 가 하단 앱메뉴를 스스로 감춘다. */
.qp .qp_fixbar{display:none;}
.qp .qp_pcbtn{margin-top:3.4rem; display:flex; gap:1rem; justify-content:center;}
.qp .qp_pcbtn a{min-width:16rem; height:5.6rem; display:inline-flex; align-items:center; justify-content:center;
	font-size:1.8rem; font-weight:600; border-radius:0.4rem; cursor:pointer;}
.qp .qp_pcbtn .b_prev{color:#555; background-color:#fff; border:1px solid #c9ced3;}
.qp .qp_pcbtn .b_next{color:#fff; background-color:var(--point);}
.qp .qp_pcbtn .b_next.off{background-color:#c9ced3; pointer-events:none;}

/* ---------- 2장: 주소 ---------- */
.qp .qp_addrbtn{margin-top:2.6rem; width:100%; height:7rem; display:flex; align-items:center; justify-content:center;
	gap:1rem; font-size:2rem; font-weight:700; color:#fff; background-color:var(--point);
	border:0; border-radius:0.6rem; cursor:pointer;}
.qp .qp_addrbtn svg{width:2.4rem; height:2.4rem; stroke:#fff; fill:none; stroke-width:2.2; stroke-linecap:round;}
.qp .qp_addrbtn.done{height:5.4rem; font-size:1.7rem; color:#111; background-color:#fff; border:1px solid #c9ced3;}
.qp .qp_addrbtn.done svg{stroke:#666; width:1.9rem; height:1.9rem;}

/* 조회된 건물 카드 */
.qp .qp_bcard{margin-top:1.6rem; padding:2rem 2.2rem; background-color:#fff; border:1px solid #d5d9dd;
	border-radius:0.6rem; box-shadow:0 0.4rem 1.2rem rgba(0,0,0,.06);}
.qp .qp_bcard .bc_top{display:flex; align-items:flex-start; gap:1rem;}
.qp .qp_bcard .bc_nm{flex:1; min-width:0; font-size:2.1rem; line-height:1.35; font-weight:700; color:#111;}
.qp .qp_bcard .bc_from{flex:none; padding:0.3rem 0.9rem; font-size:1.3rem; line-height:1.5; font-weight:600;
	color:#2f7d55; background-color:#e8f7ee; border-radius:1rem; white-space:nowrap;}
.qp .qp_bcard .bc_addr{margin-top:0.6rem; font-size:1.6rem; line-height:1.5; color:#7b848c; word-break:keep-all;}
.qp .qp_bcard .bc_facts{margin-top:1.6rem; padding-top:1.6rem; display:flex; flex-wrap:wrap; gap:1.2rem 0;
	border-top:1px solid #eceef0;}
.qp .qp_bcard .bc_facts div{width:50%;}
.qp .qp_bcard .bc_facts dt{font-size:1.45rem; line-height:1.4; color:#9aa3ab;}
.qp .qp_bcard .bc_facts dd{margin-top:0.2rem; font-size:1.7rem; line-height:1.4; font-weight:600; color:#111;}
.qp .qp_bcard .bc_edit{margin-top:1.6rem; padding-top:1.6rem; border-top:1px solid #eceef0;}
.qp .qp_bcard .bc_edit label{display:block; margin-bottom:0.6rem; font-size:1.55rem; line-height:1.4; color:#7b848c;}
.qp .qp_bcard .bc_edit input{width:100%; height:5.2rem; padding:0 1.4rem; font-size:1.7rem; color:#111;
	border:1px solid #c9ced3; border-radius:0.4rem;}
.qp .qp_bcard .bc_edit input::placeholder{color:#b4bbc1;}

/* '기타'를 골랐을 때만 나오는 직접 입력칸. 비워 둬도 넘어간다 */
.qp .qp_etc{margin-top:0.8rem;}
.qp .qp_etc input{width:100%; height:5.4rem; padding:0 1.6rem; font-size:1.7rem; color:#111;
	border:1px solid var(--point); border-radius:0.4rem;}
.qp .qp_etc input::placeholder{color:#b4bbc1;}
/* 브라우저 기본 초점 테두리가 검게 굵어 이질적이다 — 강조색으로 부드럽게 */
.qp input[type=text]:focus,
.qp textarea:focus{outline:none; border-color:var(--point); box-shadow:0 0 0 0.3rem rgba(255,102,0,.15);}

.qp .qp_secttl{margin:3.2rem 0 1.4rem; padding-left:2rem; font-size:2rem; line-height:1.4;
	font-weight:700; color:#111; position:relative;}
.qp .qp_secttl.qp_line{margin-top:3.4rem; padding-top:3rem; border-top:1px solid #eceef0;}
.qp .qp_secttl.qp_line::before{top:3.2rem;}
.qp .qp_secttl::before{content:""; display:block; width:1.3rem; height:2.1rem; position:absolute; left:0; top:0.2rem;
	background:url("/images/ico_tit_arrow_bg.png") no-repeat center/1.3rem;}
.qp .qp_secttl .qp_opt{display:inline-block; margin-left:0.8rem; padding:0.3rem 1.2rem; font-size:1.4rem;
	line-height:1.5; font-weight:700; color:#5c666f; background-color:#e9edf1; border-radius:999px; vertical-align:0.25rem;}
/* 주소를 찾은 뒤 "이제 여기를 고르세요" 를 잠깐 짚어 준다 */
.qp .qp_secttl.qp_ping{animation:qpPing 1.4s ease-out 1;}
@keyframes qpPing{
	0%{color:#111;}
	12%{color:var(--point);}
	60%{color:var(--point);}
	100%{color:#111;}
}
.qp .qp_hint{margin-top:0.8rem; font-size:1.5rem; line-height:1.5; color:#8b949c; word-break:keep-all;}

/* 층·평수 (일부만 사용) */
.qp .qp_sub_wrap{margin-top:1.2rem; padding:1.8rem 2rem 2rem; background-color:#f7f8f9; border:1px solid #e2e6e9; border-radius:0.6rem;}
.qp .qp_row{display:flex; gap:0.8rem; align-items:center;}
.qp .qp_row + .qp_row{margin-top:1.2rem;}
.qp .qp_row .qp_lb{flex:none; width:6.4rem; font-size:1.65rem; color:#555;}
.qp .qp_seg{display:flex; gap:0.6rem;}
.qp .qp_seg button{padding:0 1.6rem; height:4.8rem; font-size:1.65rem; color:#555; background-color:#fff;
	border:1px solid #c9ced3; border-radius:0.4rem; cursor:pointer;}
.qp .qp_seg button.on{color:var(--point); font-weight:700; background-color:#fff7f1;
	border-color:var(--point); box-shadow:inset 0 0 0 1px var(--point);}
.qp .qp_row input[type=text]{flex:1; min-width:0; height:4.8rem; padding:0 1.4rem; font-size:1.7rem;
	border:1px solid #c9ced3; border-radius:0.4rem;}
.qp .qp_row .qp_unit{flex:none; font-size:1.65rem; color:#555;}

/* ---------- 3장 ---------- */
/* 사진은 한 줄 카드다. 큰 점선 상자로 두면 "올려야 하는 것"처럼 보여 화면이 무거워진다 */
.qp .qp_photo{margin-top:1.2rem; padding:1.6rem 1.8rem; display:flex; align-items:center; gap:1.4rem;
	background-color:#f7f8f9; border:1px solid #e2e6e9; border-radius:0.6rem;}
.qp .qp_photo .ph_ico{flex:none; width:4.4rem; height:4.4rem; border-radius:1rem; background-color:#fff1e6;
	display:flex; align-items:center; justify-content:center;}
.qp .qp_photo .ph_ico svg{width:2.4rem; height:2.4rem; stroke:var(--point); fill:none; stroke-width:1.9;
	stroke-linecap:round; stroke-linejoin:round;}
.qp .qp_photo .ph_tx{flex:1; min-width:0;}
.qp .qp_photo .ph_tit{display:block; font-size:1.75rem; line-height:1.4; font-weight:700; color:#111;}
.qp .qp_photo .ph_sub{display:block; margin-top:0.2rem; font-size:1.5rem; line-height:1.4; color:#7b848c;}
.qp .qp_photo .ph_btn{flex:none; height:4.6rem; padding:0 1.8rem; font-size:1.6rem; font-weight:700;
	color:var(--point); background-color:#fff; border:0.15rem solid var(--point); border-radius:0.4rem; cursor:pointer;}

.qp .qp_ta_wrap{margin-top:1.4rem;}
.qp .qp_ta_wrap textarea{width:100%; min-height:12rem; padding:1.8rem; font-size:1.7rem; line-height:1.65;
	color:#111; border:1px solid #c9ced3; border-radius:0.6rem; resize:none; overflow:hidden;}
.qp .qp_ta_note{margin-top:0.9rem; display:flex; align-items:flex-start; gap:0.8rem; font-size:1.55rem;
	line-height:1.5; color:#7b848c; word-break:keep-all;}
.qp .qp_ta_note .n_ico{flex:none; width:1.9rem; height:1.9rem; margin-top:0.15rem; border-radius:50%;
	background-color:#22c07d; position:relative;}
.qp .qp_ta_note .n_ico::before{content:""; position:absolute; left:50%; top:50%; width:0.42rem; height:0.85rem;
	border:solid #fff; border-width:0 0.22rem 0.22rem 0; transform:translate(-50%,-62%) rotate(45deg);}
.qp .qp_ta_note b{color:#111;}

/* 관리자만 보는 칸 (지금 맡기고 계신 업체). 자물쇠 색으로 "우리만 본다"를 말한다 */
.qp .qp_secret{margin-top:1.2rem;}
.qp .qp_secret input{width:100%; height:5.6rem; padding:0 1.6rem; font-size:1.7rem; color:#111;
	border:1px solid #c9ced3; border-radius:0.4rem;}
.qp .qp_secret input::placeholder{color:#b4bbc1;}
.qp .qp_secret .sc_note{margin-top:0.9rem; display:flex; align-items:flex-start; gap:0.8rem;
	font-size:1.55rem; line-height:1.5; color:#7b848c; word-break:keep-all;}
.qp .qp_secret .sc_note b{color:#111;}
.qp .qp_secret .sc_ico{flex:none; width:1.9rem; height:1.9rem; margin-top:0.2rem;
	background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b848c' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10.5' width='16' height='10.5' rx='2'/%3E%3Cpath d='M8 10.5V7a4 4 0 0 1 8 0v3.5'/%3E%3C/svg%3E") no-repeat center/contain;}

/* ---------- 모바일 ----------
   ⚠ 여기서는 rem 을 쓰지 않고 px 로 적는다.
      840px 이하에서 html 폰트가 6.5px, 480px 이하에서 6px 로 줄어 rem 이 예측이 안 된다
      (실측: 1.6rem 이 아이폰에서 9.6px 이 되어 설명 글씨가 거의 안 보였다).
      appnav.css 가 같은 이유로 px 를 쓴다. 손님이 40~60대다 — 설명은 16px 아래로 내리지 않는다. */
@media only screen and (max-width:840px){
	/* ⭐ 위 여백을 줄여 한 화면에 더 담는다.
	   layout.css 의 #container{padding-top:42px} 를 이 세 화면에서만 걷어낸다 —
	   그래야 1장 세부항목 6개 + 하단 바가 아이폰(390×844)에 한 번에 들어간다.
	   실측(WebKit): 42px 를 두면 마지막 항목 아래끝이 825px 로 하단 바(777px) 뒤에 숨는다. */
	.qp #container{padding-top:0;}
	.qp .estimate{padding:6px 16px 24px;}
	.qp .qp_head{padding-top:20px;}
	.qp .qp_head h2{font-size:24px; line-height:1.4;}
	.qp .qp_head .qp_sub{margin-top:7px; font-size:15px;}
	.qp .qp_steps{margin-top:13px; gap:5px; max-width:none;}
	.qp .qp_steps span{height:5px;}

	.qp .qp_crumb{margin-top:13px; padding:9px 12px; gap:9px; border-radius:8px;}
	.qp .qp_crumb .cb_ico{width:20px; height:20px;}
	.qp .qp_crumb .cb_ico::before{width:4px; height:8px; border-width:0 2px 2px 0;}
	.qp .qp_crumb .cb_txt{font-size:16px;}
	/* 자동으로 넘어가므로 잘못 눌렀을 때 되돌아올 곳이 눈에 띄어야 한다 */
	.qp .qp_crumb .cb_btn{height:40px; padding:0 14px; font-size:16px; font-weight:700;
		color:var(--point); background-color:#fff; border:2px solid var(--point); border-radius:6px;}
	.qp .qp_crumb .cb_btn::before{content:"↺"; margin-right:5px; font-size:17px; font-weight:400;}

	.qp .qp_pick{margin-top:16px; gap:9px;}
	.qp .qp_pick label{padding:13px 46px 13px 16px; gap:12px; border-radius:8px;}
	.qp .qp_pick .qp_tit{font-size:19px; line-height:1.35;}
	.qp .qp_pick .qp_desc{margin-top:3px; font-size:16px; line-height:1.45; color:#5c666f;}
	.qp .qp_pick .qp_badge{margin-left:5px; padding:2px 8px; font-size:13px; vertical-align:1px;}
	.qp .qp_pick label::after{right:15px; width:24px; height:24px; margin-top:-12px; border-width:2px;}
	.qp .qp_pick label::before{right:22px; width:6px; height:11px; margin-top:-4px; border-width:0 2.5px 2.5px 0;}
	.qp .qp_pick.qp_nav label::after{width:10px; height:10px; margin-top:0; border-width:2.5px 2.5px 0 0;}

	.qp .qp_pick.qp_big label{padding:19px 46px 19px 16px; gap:14px;}
	.qp .qp_pick.qp_big .qp_ico{width:48px; height:48px; border-radius:12px;}
	.qp .qp_pick.qp_big .qp_ico svg{width:26px; height:26px;}
	.qp .qp_pick.qp_big .qp_tit{font-size:21px;}
	.qp .qp_pick.qp_big .qp_desc{margin-top:4px; font-size:16px;}

	.qp .qp_pick.qp_grid{gap:8px;}
	.qp .qp_pick.qp_grid .qp_item,
	.qp .qp_pick.qp_two .qp_item{width:calc(50% - 4px);}
	.qp .qp_pick.qp_grid label{padding:14px 10px;}
	.qp .qp_pick.qp_grid .qp_tit{font-size:17px;}
	.qp .qp_etc input{height:52px; padding:0 13px; font-size:17px;}

	.qp .qp_secttl{margin:26px 0 10px; padding-left:17px; font-size:19px;}
	.qp .qp_secttl::before{width:12px; height:19px; top:3px; background-size:12px;}
	.qp .qp_secttl.qp_line{margin-top:24px; padding-top:22px;}
	.qp .qp_secttl.qp_line::before{top:25px;}
	.qp .qp_secttl .qp_opt{font-size:13px; padding:3px 10px;}
	.qp .qp_hint{font-size:15px;}

	.qp .qp_addrbtn{margin-top:18px; height:62px; font-size:20px; border-radius:8px;}
	.qp .qp_addrbtn svg{width:22px; height:22px;}
	.qp .qp_addrbtn.done{height:50px; font-size:16px;}
	.qp .qp_addrbtn.done svg{width:17px; height:17px;}

	.qp .qp_bcard{margin-top:12px; padding:16px; border-radius:8px;}
	.qp .qp_bcard .bc_nm{font-size:20px;}
	.qp .qp_bcard .bc_from{padding:3px 8px; font-size:13px;}
	.qp .qp_bcard .bc_addr{margin-top:4px; font-size:15px;}
	.qp .qp_bcard .bc_facts{margin-top:13px; padding-top:13px; gap:11px 0;}
	.qp .qp_bcard .bc_facts dt{font-size:14px;}
	.qp .qp_bcard .bc_facts dd{font-size:17px;}
	.qp .qp_bcard .bc_edit{margin-top:13px; padding-top:13px;}
	.qp .qp_bcard .bc_edit label{margin-bottom:5px; font-size:15px;}
	.qp .qp_bcard .bc_edit input{height:52px; padding:0 12px; font-size:17px;}

	.qp .qp_sub_wrap{margin-top:10px; padding:14px; border-radius:8px;}
	.qp .qp_row .qp_lb{width:44px; font-size:16px;}
	.qp .qp_row + .qp_row{margin-top:10px;}
	.qp .qp_seg button{height:48px; padding:0 14px; font-size:16px;}
	.qp .qp_row input[type=text]{height:48px; padding:0 12px; font-size:17px;}
	.qp .qp_row .qp_unit{font-size:16px;}

	.qp .qp_photo{margin-top:10px; padding:13px 14px; gap:11px; border-radius:8px;}
	.qp .qp_photo .ph_ico{width:42px; height:42px; border-radius:10px;}
	.qp .qp_photo .ph_ico svg{width:22px; height:22px;}
	.qp .qp_photo .ph_tit{font-size:17px;}
	.qp .qp_photo .ph_sub{font-size:14px;}
	/* 아이폰 폭(390)에서는 글과 단추가 서로 밀어내 제목까지 두 줄로 접힌다
	   → 단추를 아래로 내려 폭 전체로. 손이 큰 40~60대에게 누르기도 쉽다 */
	.qp .qp_photo{flex-wrap:wrap;}
	.qp .qp_photo .ph_btn{flex:1 0 100%; width:100%; margin-top:10px; height:48px; padding:0 13px; font-size:16px;}
	.qp .qp_secret{margin-top:10px;}
	.qp .qp_secret input{height:52px; padding:0 13px; font-size:17px;}
	.qp .qp_secret .sc_note{margin-top:8px; gap:7px; font-size:15px;}
	.qp .qp_secret .sc_ico{width:18px; height:18px; margin-top:2px;}
	.qp .qp_pick.qp_two label{padding:15px 8px;}
	.qp .qp_pick.qp_two .qp_tit{font-size:17px;}
	.qp .qp_pick.qp_two .qp_desc{margin-top:4px; font-size:13px;}

	.qp .qp_ta_wrap textarea{min-height:80px; padding:15px; font-size:17px; line-height:1.6; border-radius:8px;}
	.qp .qp_ta_note{margin-top:8px; gap:7px; font-size:15px;}
	.qp .qp_ta_note .n_ico{width:18px; height:18px;}
	.qp .qp_ta_note .n_ico::before{width:4px; height:8px; border-width:0 2px 2px 0;}

	/* 주 버튼을 화면 아래에 고정한다. 앱 메뉴(58px)는 이 바가 있으면 스스로 감춰진다 */
	.qp .qp_pcbtn{display:none;}
	.qp .qp_fixbar{display:flex; gap:8px; position:fixed; left:0; right:0; bottom:0; z-index:1000;
		padding:9px 16px calc(9px + env(safe-area-inset-bottom,0px));
		background-color:#fff; border-top:1px solid #e2e6e9; box-shadow:0 -3px 12px rgba(0,0,0,.07);}
	.qp .qp_fixbar a{height:56px; display:inline-flex; align-items:center; justify-content:center;
		font-size:19px; font-weight:700; border-radius:8px; cursor:pointer;}
	.qp .qp_fixbar .b_prev{flex:none; width:76px; color:#555; background-color:#f2f4f6;}
	.qp .qp_fixbar .b_next{flex:1; color:#fff; background-color:var(--point);}
	.qp .qp_fixbar .b_next.off{background-color:#c9ced3; pointer-events:none;}
	/* 주 버튼이 없는 화면(1장 세부항목)의 되돌리기 바 — 낮고 옅게 */
	.qp .qp_fixbar.qp_back{padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));}
	/* 위 요약줄의 '↺ 바꾸기' 와 같은 동작이므로 같은 옷을 입힌다.
	   주황을 꽉 채우지는 않는다 — 사이트 전체에서 '채운 주황' 은 앞으로 가는 주 버튼이라,
	   뒤로 가는 버튼을 채우면 '다음' 으로 오해해 누른다. */
	.qp .qp_fixbar.qp_back .b_back{flex:1; height:50px; font-size:17px; font-weight:700;
		color:var(--point); background-color:#fff; border:2px solid var(--point);}
	.qp .qp_fixbar.qp_back .b_back::before{content:"←"; margin-right:7px; font-weight:400;}
	.qp .qp_botpad{height:84px;}
	.qp .qp_fixbar.qp_back ~ #wrap .qp_botpad{height:70px;}
}
@media only screen and (min-width:841px){
	.qp .qp_botpad{display:none;}

	/* ---------- 넓은 화면 ----------
	   ⚠️ 2026-08-28 사용자 지적 : PC 에서 여백이 너무 많아 오히려 읽기 어렵다.
	      실측(1440px)에서 선택 카드가 900px 인데 글은 왼쪽 200px 에만 있었다 —
	      나머지 700px 이 빈 칸이라 눈이 갈 곳을 잃는다.
	   신청 화면은 '질문 하나에 답 하나' 다. 넓은 화면에서도 읽는 폭을 좁게 잡는다. */
	.qp .estimate{max-width:72rem; margin-left:auto; margin-right:auto; padding:3.4rem 4rem 4rem;}
	.qp #container{padding-top:4rem; padding-bottom:6rem;}

	/* 세로 리듬도 같이 조인다 — 한 화면에 다 들어와야 위아래를 오가지 않는다 */
	.qp .qp_head h2{font-size:2.6rem;}
	.qp .qp_head .qp_sub{margin-top:0.6rem;}
	.qp .qp_steps{margin-top:1.8rem; max-width:none;}
	.qp .qp_crumb{margin-top:2rem; padding:1.2rem 1.6rem;}
	.qp .qp_pick{margin-top:2rem; gap:0.8rem;}
	.qp .qp_pick label{padding:1.6rem 4rem 1.6rem 1.8rem;}
	.qp .qp_pick.qp_big label{padding:2rem 4rem 2rem 2rem; gap:1.6rem;}
	.qp .qp_pick.qp_big .qp_ico{width:4.6rem; height:4.6rem;}
	.qp .qp_pick.qp_big .qp_ico svg{width:2.5rem; height:2.5rem;}
	.qp .qp_pick.qp_big .qp_tit{font-size:2rem;}
	.qp .qp_secttl{margin:2.8rem 0 1.2rem;}
	.qp .qp_secttl.qp_line{margin-top:2.8rem; padding-top:2.4rem;}
	.qp .qp_secttl.qp_line::before{top:2.6rem;}
	.qp .qp_pcbtn{margin-top:2.8rem;}
	.qp .qp_addrbtn{margin-top:2rem; height:6rem;}

	/* ⭐ 선택지는 두 칸으로 놓는다.
	   한 칸으로 두면 카드가 640px 인데 글은 왼쪽 250px 에만 있어 오른쪽이 통째로 빈다.
	   6개짜리 세부항목은 세 줄로 줄어 스크롤 없이 한 화면에 들어온다.
	   ⚠️ 모바일(840px 이하)은 지금처럼 한 칸이다 — 여기 규칙은 넓은 화면에만 걸린다. */
	.qp .qp_pick{flex-direction:row; flex-wrap:wrap; align-items:stretch;}
	.qp .qp_pick .qp_item{width:calc(50% - 0.4rem); display:flex;}
	.qp .qp_pick label{flex:1; align-items:flex-start;}
	/* 큰 카드도 위로 붙인다 — 한쪽 설명만 두 줄이 되면 두 제목의 높이가 어긋난다(실측) */
	.qp .qp_pick.qp_big label{align-items:flex-start;}
	.qp .qp_pick.qp_big .qp_ico{margin-top:0.2rem;}
	/* ⚠️ 글을 세로 가운데에 두지 않는다 — 옆 카드의 설명이 두 줄이면 제목 높이가 서로
	      어긋나 줄이 맞지 않는다(실측). 위로 붙여 제목이 한 줄에 나란히 서게 한다. */

	/* 짧은 낱말(업종 14개)은 넓은 화면에서 세 칸이 알맞다 — 두 칸이면 한 칸이 텅 빈다.
	   ⚠️ :not(.qp_two) 를 빼면 안 된다 — 상담 방식(두 칸짜리)도 같은 .qp_grid 라
	      1/3 폭으로 쪼그라든다(실측). */
	.qp .qp_pick.qp_grid:not(.qp_two) .qp_item{width:calc(33.333% - 0.54rem);}

	/* 미리 채운 문장은 보통 두세 줄이다. 최소 높이가 크면 빈 칸이 크게 남아
	   "더 써야 하나" 로 읽힌다 — 칸은 글에 맞춰 늘어난다(JS grow). */
	.qp .qp_ta_wrap textarea{min-height:8rem; padding:1.6rem 1.8rem;}

	/* 건축물대장 사실 4개는 한 줄에 나란히 */
	.qp .qp_bcard .bc_facts{gap:0;}
	.qp .qp_bcard .bc_facts div{width:25%; padding-right:1.2rem;}
}

/* ---------- 나의 건물 (로그인한 회원에게만) ----------
   접어 둔다. 손님 대부분은 비회원이라 이 줄이 주소검색 버튼보다 먼저 눈에 띄면 안 된다.
   펼친 뒤의 목록은 예전 화면과 같은 옷을 그대로 입는다(.quote_0501 .my_building_wr). */
.qp .qp_myaddr{margin-top:1.4rem;}
.qp .qp_myaddr .ma_btn{width:100%; height:4.8rem; padding:0 1.6rem; display:flex; align-items:center;
	justify-content:center; gap:0.6rem; font-size:1.6rem; color:#5c666f; background-color:#fff;
	border:1px solid #d5d9dd; border-radius:0.4rem; cursor:pointer;}
.qp .qp_myaddr .ma_btn::after{content:""; width:0.8rem; height:0.8rem; border:solid #9aa3ab;
	border-width:0 0.2rem 0.2rem 0; transform:translateY(-0.2rem) rotate(45deg);}
.qp .qp_myaddr.is_open .ma_btn::after{transform:translateY(0.2rem) rotate(-135deg);}
.qp .qp_myaddr .ma_body{display:none; margin-top:1.2rem;}
.qp .qp_myaddr.is_open .ma_body{display:block;}
.qp .qp_myaddr .my_building_wr{padding-top:0; border-top:0;}
.qp .qp_myaddr .my_li{padding-bottom:0; border-bottom:0;}

/* 건물 카드 안의 '나의 건물에 추가' — 회원에게만 보이는 작은 글줄 단추 */
.qp .qp_bcard .bc_save{margin-top:1.4rem; padding-top:1.4rem; border-top:1px solid #eceef0;}
.qp .qp_bcard .bc_save button{padding:0; font-size:1.5rem; color:#5c666f; background:none; border:0;
	text-decoration:underline; cursor:pointer;}

/* ---------- 3장: 사진 올리기 ----------
   '올리기' 단추가 곧 파일 고르는 칸이다. 고른 파일은 아래 줄에 나란히 쌓인다. */
.qp .qp_photo .ph_btn{position:relative; overflow:hidden; display:inline-flex; align-items:center; justify-content:center;}
.qp .qp_photo .ph_btn input[type="file"]{position:absolute; inset:0; width:100%; height:100%;
	opacity:0; font-size:0; cursor:pointer;}
.qp .qp_photo .ph_btn.disabled{color:#9aa3ab; border-color:#d5d9dd;}
.qp .qp_thumbs{margin-top:1rem;}

/* 눌러서 처리 중인 주 버튼 — 두 번 눌러 견적이 두 개 되지 않게 */
.qp .b_next.disabled{opacity:.55; pointer-events:none;}

/* ---------- 3장: 약관 ----------
   따로 체크하게 하지 않는다 — 이 화면은 '확인하는 곳'이라 필수 입력을 두지 않는다.
   대신 누르는 단추 바로 위에 무엇에 동의하게 되는지 적고, 전문을 열 수 있게 한다. */
.qp .qp_terms{margin-top:2.4rem; font-size:1.45rem; line-height:1.6; color:#8b949c; text-align:center;
	word-break:keep-all;}
.qp .qp_terms button{padding:0; font-size:1.45rem; color:#5c666f; background:none; border:0;
	text-decoration:underline; cursor:pointer;}

@media only screen and (max-width:840px){
	.qp .qp_myaddr .ma_btn{height:48px; font-size:16px; border-radius:8px;}
	.qp .qp_bcard .bc_save button{font-size:15px;}
	.qp .qp_terms{margin-top:18px; font-size:14px;}
	.qp .qp_terms button{font-size:14px;}
	.qp .qp_thumbs{margin-top:9px;}
}