@charset "UTF-8";

	.tabDepth>a,
	.lastDepth>a,
	.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 .iconMenu .inConts>a,

	.swiper-button,
	.swiper-pagination-bullet,
	.m-tab>a,
	#quick-right>a,
	.store-area>.store-map .thumb .finding-map-link,
	.store-area>.store-map .thumb .finding-map-link:after,
	/*#quick-right,*/
	#quick-social,
	#main-program .program-list>li>a,
	#mainStrengths .swiper-wrapper .swiper-slide .strengths-text>.btns>button,
	.mainEsg-list>li:hover figure,
	.mainEsg-list>li:hover figure img,
	.tab-three>a,
	.tab-three>a:before,
	.tab-three>a:after,
	.ir-notice .icon,
	.talent-top>li,
	#mainVisual .swiper-pagination-bullet:before,
	.swiper-wrapper .swiper-slide.over:before,
	.swiper-wrapper .swiper-slide.over:after,
	.btn-box>a,
	.spineAim-recommended ul>li,
	.spineAim-recommended ul>li>p:before{transition: all .3s ease-out; transform-origin: 50% 50%;}

	#mainVisual .vTxt .ii{transition: all .4s 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%;}

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

	/*#mainVisual .visualRoll .swiper-slide>img{transition: all 2s ease-out; transform-origin: 50% 50%;}*/

/*[s] All Style */
	/*
	h4+.nTxt{margin:-1rem 0 2rem; font-size:var(--base18); line-height:var(--lineHeight); color: #383637; text-align: center;}
	*/

	h4.txt{margin-bottom:4rem; font-size:var(--fs_20); line-height:1.3; color: #000; text-align: center;}
	h4.txt>*{font-size:2em;}
	h4.txt>span{font-weight:var(--fw_300);}
	h4.txt>strong{font-weight:var(--fw_700);}
	*+h4.txt{margin-top:7rem;}

	h4.small{margin-bottom:2.5rem; font-size:var(--fs_20); line-height:1.3; color: #000; text-align: center;}
	h4.small>strong{font-weight:var(--fw_700); font-size:1.75em;}
	*+h4.small{margin-top:11.5rem;}

	h4.xsmall{margin-bottom:2rem; font-size:var(--fs_20); line-height:1.3; color: #000;}
	h4.xsmall>strong{font-weight:var(--fw_700); font-size:1.5em;}
	*+h4.xsmall{margin-top:5rem;}


	ul.jum>li{padding-left:1rem; font-size:var(--base18); line-height:var(--lineHeight); color: #383637; position: relative;}
	ul.jum>li:before{content: "·"; position:absolute; left: 0; top:0;}

	ul._star{font-size:var(--fs_20); line-height:1.45; color: #999;}
	ul._star>li{padding-left:1.4rem; font-size:0.9em; position: relative;}
	ul._star>li:before{content: "※"; position:absolute; left: 0; top:0;}

	ul.star_>li{padding-left:1.2rem; font-size:var(--base18); line-height:1.5; color: #383637; position: relative;}
	ul.star_>li:before{content: "*"; color: #ff0000; position:absolute; left: 0; top:0;}
	ul.star_.inherit>li:before{color:inherit;}

	ul._line>li{padding-left:1.4rem; font-size:var(--base18); line-height:var(--lineHeight); color: #383637; position: relative;}
	ul._line>li:before{content: "-"; position:absolute; left: 0; top:0;}

	ul._line.two{display: flex; flex-flow: row wrap; justify-content: space-between; gap:0 3rem;}
	ul._line.two>li{flex:1 1 calc((100% - 3rem) / 2);}

	.layout-PT{display: flex; flex-flow: row wrap; align-items: center; gap:5rem 0;}
		.layout-PT .photo{width:50%;}
		.layout-PT .photo img{width:100%; max-width:none; height:100%; object-fit: cover; box-shadow:1rem 1rem 3rem rgba(0,0,0,0.1);}
		.layout-PT .conts{flex:1; padding-right:10rem; font-size:var(--base20); line-height:var(--lineHeight); color: #383637; text-align: right;}
		.layout-PT .conts .title{font-size:1.5em; line-height:var(--lineHeight);}
		.layout-PT .conts .text{margin-top:2rem;}

		.layout-PT + .layout-PT{margin-top:12.5rem;}

		.layout-PT:nth-child(even) .photo{order:1;}
		.layout-PT:nth-child(even) .conts{padding:0 0 0 10rem; text-align: left; order:2;}

		.layout-PT.center .photo{width:100%; height:46rem; order:2; position: relative;}
		.layout-PT.center .photo>dl{font-weight: 500; font-size:var(--base20); line-height:0.7; color: #fff; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; position: absolute; left:0; right:0; top:0; bottom:0;}
		.layout-PT.center .photo>dl>dt{color: var(--c_point); letter-spacing: 1.5rem !important;}
		.layout-PT.center .photo>dl>dd{margin-top:3rem; font-weight: bold; font-size:2.5em;}

		.layout-PT.center .conts{flex:none; width:100%; padding:0; text-align: center; order:1;}

	.icon-txt{font-weight: 500; font-size:var(--base20); line-height:var(--lineHeight); color: #383637; display: flex; align-items: start; gap:0 1rem;}
		.icon-txt figure{width:2rem; display: flex;}
		.icon-txt p{flex:1;}
		.icon-txt.clock figure{padding-top:0.5rem;}

		.icon-txt.c{justify-content: center;}

	.sticky-table{width:100%; border-top:2px solid #000; font-size:0; line-height:0;}
		.sticky-table+.sticky-table{margin-top:2rem;}
		.sticky-table>table{width:100%; border-spacing:0; border-collapse: separate;}
		.sticky-table>table th,
		.sticky-table>table td{padding:1.6rem 2rem; background-color: #fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight: 400; font-size:var(--fs_20); line-height:1.45; color:#666; text-align:center; vertical-align: middle; border-collapse:separate; empty-cells:show; box-sizing: border-box; word-break:keep-all; word-wrap:break-word;}

		.sticky-table>table tr>*:last-child{border-right:none;}

		.sticky-table>table>thead>tr>th,
		.sticky-table>table>tbody>tr>th{background-color:#fff8f1; font-weight:600; color: #000;}
		.sticky-table>table>thead>tr>th:first-child{left:0; z-index:2;}

		.sticky-table>table .th{background-color: #f7f7f7; font-weight: 600;}
		.sticky-table>table .th-w{font-weight: 600;}

		.sticky-table>table>tbody>tr>th+td{text-align: left;}

		.sticky-table>table .gold{background-color: #fff9e6;}

		.sticky-table>table ul.jum>li{font-size:inherit; line-height:inherit; color:inherit;}

		.sticky-table.even>table tbody tr:nth-child(even)>*{background-color: #f8f8f8;}

		.sticky-table.fixed>table{table-layout : fixed;}

		.sticky-table.line{}
			.sticky-table.line>table{border-collapse: collapse;}
			.sticky-table.line>table th,
			.sticky-table.line>table td{border:1px solid #ddd;}

		.sticky-table.view{border-top-width:1px;}
			.sticky-table.view>table{}
			.sticky-table.view>table th,
			.sticky-table.view>table td{font-size:1.8rem;}
			.sticky-table.view>table>tbody>tr>th{width:22rem; background-color: #fcf7f3; padding-left:4rem; text-align: left;}

	/* ── 스와이프 힌트 ── */
		.swipe-hint-box{margin-bottom:1rem; display: none; justify-content: center; }
		.swipe-hint{padding: 5px 14px 5px 14px; margin:0 auto; background: rgba(0,0,0,0.05); display: inline-flex; align-items: center; gap: 30px; border-radius: 999px;}

		/* 좌우 화살표 */
		.swipe-hint .arrow{display: flex; align-items: center; gap: 3px;}
		.swipe-hint .arrow::before,
		.swipe-hint .arrow > span,
		.swipe-hint .arrow::after{width: 7px; height: 7px; border-top: 2px solid var(--c_point); border-right: 2px solid var(--c_point); display: block; box-sizing: border-box; flex: 0 0 7px;}
		.swipe-hint .arrow::before,
		.swipe-hint .arrow::after{content: "";}

		/* 왼쪽: 바깥→안쪽 순서로 흘러들어오는 느낌 */
		.swipe-hint .arrow-left::before,
		.swipe-hint .arrow-left > span,
		.swipe-hint .arrow-left::after{transform: rotate(225deg);}
		.swipe-hint .arrow-left::before{ animation: swipe-hint_blink 1.8s infinite 0.3s; }
		.swipe-hint .arrow-left>span{ animation: swipe-hint_blink 1.8s infinite 0.15s; }
		.swipe-hint .arrow-left::after{ animation: swipe-hint_blink 1.8s infinite 0s; }

		/* 오른쪽: 안쪽→바깥쪽 순서로 흘러나가는 느낌 */
		.swipe-hint .arrow-right::before,
		.swipe-hint .arrow-right > span,
		.swipe-hint .arrow-right::after{ transform: rotate(45deg);}
		.swipe-hint .arrow-right::before{ animation: swipe-hint_blink 1.8s infinite 0s; }
		.swipe-hint .arrow-right>span{ animation: swipe-hint_blink 1.8s infinite 0.15s; }
		.swipe-hint .arrow-right::after{ animation: swipe-hint_blink 1.8s infinite 0.3s; }

		@keyframes swipe-hint_blink {
		  0%, 100% { opacity: 0.1; }
		  50%{ opacity: 1;   }
		}

		/* 원형 손가락 아이콘 */
		.circle-icon{width: 20px; height: 20px; background: #fff; border-radius: 50%; box-shadow: 0 1px 5px rgba(0,0,0,0.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0; animation: slide-lr 3s ease-in-out infinite;}
		.circle-icon:before{content: ""; width: 12px; height: 12px; background: var(--c_point); border-radius: 50%; opacity: 0.7;}

		@keyframes slide-lr {
			0%, 75% { transform: translateX(0);}
			25% { transform: translateX(10px);}
			50%{ transform: translateX(-10px);}
		}

	img.noIMG{width:80% !important; height:80% !important; object-fit: contain !important; filter:grayscale(100%); opacity: 0.3; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}

	.tour-swiper-conts{display:none;}

	.wideKakao{width: 100%; margin: 0 auto; position: relative;}
	.wideKakao>.root_daum_roughmap{width: 100%; height:56rem;}
	.wideKakao>.root_daum_roughmap .wrap_map{height:100%; position: absolute; left: -1px; right: -1px; top: -1px;}
	.wideKakao .hide{display: none;}

	.video-full{aspect-ratio:16/9; position: relative;}
		/*.video-full:after{content: ""; width:100%; height:100%; background-color: #000; position:absolute; left: 0; top:0px; opacity: 0.4;}*/
		.video-full :where(video, img, iframe){width:100%; height:100%; object-fit: cover; position: absolute; left:0; top:0;}
		.video-full .video-play-btn{width:100%; height:100%; background:url('/images/btn_video-play.png') no-repeat center center/9rem; position: absolute; left:0; top:0; z-index:3; display:block;}
		.video-full.is-playing .video-play-btn{display:none;}

		.video-full.photo{aspect-ratio:12/5;}

	.ellipsis{display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--line, 2); word-break:break-all;}

	.ps-green{margin-bottom:2rem; font-weight: 600; font-size:var(--fs_20); line-height:1.1; color: #666; display: flex; flex-flow: row wrap; align-items: center; justify-content: end; gap:0 2.9rem;}
		.ps-green>p{font-size:1.1em; position: relative;}
		.ps-green>p+p:before{content: ""; width: 1px; height: 1.8rem; margin-top:-0.9rem; background-color: #ddd;  position:absolute; left: -1.45rem; top:50%;}

	.box-radius-gray{margin-top:5.5rem; padding:2.5rem; background-color: #fff; border:3px solid #ddd; font-size:var(--fs_20); line-height:var(--lh_10); color: #000; text-align: center; border-radius:2rem;}

	.scroll-img.seoul{width:100%; text-align: center; overflow: hidden;}
/*[e] All Style */

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

	.m-title{padding-bottom:5rem; font-size:var(--fs_20); line-height:1.35; color: #666; text-align: center;}
		.m-title p{font-weight: var(--fw_600); line-height:1; color: #000; text-transform : uppercase;}
		.m-title h3{font-weight: var(--fw_700); font-size:2em; line-height:1; color: #000;}
		.m-title div{}
		.m-title *+*{margin-top:1.5rem;}

		.m-title.white{color: #fff;}
		.m-title.white p,
		.m-title.white h3{color: inherit;}

	.m-btn{min-height:5rem; padding:1.3rem 2.1rem; background-color: #fff; border:1px solid #999; font-size:var(--fs_20); line-height:1; color: #999; display: inline-flex; align-items: center; justify-content: center; border-radius:999rem; overflow: hidden;}
		.m-btn>span{font-weight: var(--fw_600); font-size:0.9em;}

	.s-btn{min-height:4.4rem; padding:1.3rem 3rem; background-color: #fff; border:1px solid #999; font-size:var(--fs_20); line-height:1; color: #999; display: inline-flex; align-items: center; justify-content: center; border-radius:999rem; overflow: hidden;}
		.s-btn>span{font-weight: var(--fw_500); font-size:0.75em;}

		a:hover .m-btn,
		.m-btn:is(:hover, .active),
		a:hover .s-btn,
		.s-btn:is(:hover, .active){background-color: var(--c_point2); border-color: var(--c_point2); color: #fff;}

	.btns-box{display: flex; align-items: center; gap:1rem;}
		.btns-box.end{justify-content: end;}

	:root{
		--container: 172rem; /* .inConts의 max-width */
		--container_small: 128rem; /* .inConts의 max-width */
		--gutter: 2rem;      /* .inConts 좌우 패딩 있으면 여기에 넣기 (예: 2rem) */

		--outset_172: max(0px, calc(((100vw - var(--sbw, 0px)) - var(--container)) / 2) + var(--gutter));
		--outset_128: max(0px, calc(((100vw - var(--sbw, 0px)) - var(--container_small)) / 2) + 3rem);
	}

	#mainVisual{width:100%; position: relative; overflow:hidden;}
		#mainVisual .visualRoll{display: flex; flex-flow: row nowrap;}
		#mainVisual .visualRoll .swiper-slide{min-width:100%; width:100%; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top; -webkit-backface-visibility:hidden; backface-visibility:hidden; transform:translateZ(0);}
		#mainVisual .visualRoll .swiper-slide>img{width:100%; max-width:none; height:96rem; object-fit: cover; object-position: center center; transform:scale(1); transform-origin:center center; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden;}/* transform:scale(1.1); */

		#mainVisual .vTxtArea{width:100%; height:100%; max-width:172rem; margin-left:-86rem; padding:0 2rem; position: absolute; left:50%; top:0; z-index:2; display: flex; align-items: center; justify-content: center;}
		#mainVisual .vTxt{width:100%; font-size:var(--fs_20); line-height:1; text-align: center;}
		#mainVisual .vTxt .ii{line-height:1; color: #fff; top:20px; display:block; opacity: 0; position: relative; word-break:keep-all; word-wrap:break-word; white-space: normal; text-shadow: 0 0 15px rgba(0, 0, 0, 0.60); transition: top 0.6s ease-in-out, opacity 1s ease;}
		#mainVisual .vTxt .i01{transition-delay: 1.2s;}
		#mainVisual .vTxt .i02{transition-delay: 1.25s;}
		#mainVisual .vTxt .i03{transition-delay: 1.3s;}
		#mainVisual .vTxt .i04{transition-delay: 1.35s;}
		#mainVisual .vTxt .i05{transition-delay: 1.4s;}
		#mainVisual .vTxt .i06{transition-delay: 1.45s;}
		#mainVisual .vTxt .i07{transition-delay: 1.5s;}

		#mainVisual .vTxt .ii.logo{}
		#mainVisual .vTxt .ii.logo img{height:15.2rem;}
		#mainVisual .vTxt .ii.title{font-weight:var(--fw_700); font-size:2.5em;}
		#mainVisual .vTxt .ii.text{font-weight:var(--fw_500); font-size:1.7em;}
		#mainVisual .vTxt *+*{margin-top:2rem;}
		#mainVisual .vTxt .ii.btn{margin-top:3.5rem; display: flex;}

		#mainVisual .vTxt.tal{width:auto;}
		#mainVisual .vTxt.tal .ii.text{font-weight:var(--fw_400);}

		#mainVisual .swiper-option{width:100%; max-width:172rem; margin-left:-86rem; padding:0 2rem; position: absolute; left:50%; bottom:25rem; z-index:7; display: flex; align-items: center; justify-content: center;}
		#mainVisual .swiper-pagination{width:100%; display: flex; gap:0 2.7rem;}
		#mainVisual .swiper-pagination-bullet{height:2.8rem; font-weight: 400; font-size:var(--base18); line-height:1; color: #fff; opacity: 0.3; transition: all .3s ease-out; position: relative; cursor: pointer;}
		#mainVisual .swiper-pagination-bullet:nth-child(-n+9)::before {content: "0";}
		#mainVisual .swiper-pagination-bullet:after{content: ""; width: 0; height: 2px; background-color: var(--c_point); display: inline-block; position:absolute; left: 50%; bottom:0px; transition: all .3s ease-out;}
		#mainVisual .swiper-pagination-bullet.swiper-pagination-bullet-active{font-weight: 600; opacity: 1;}
		#mainVisual .swiper-pagination-bullet.swiper-pagination-bullet-active:after{width:100%; left:0%;}

		#mainVisual .swiper-slide-active>img,
		#mainVisual .swiper-slide-prev >img{animation: zoomUp 10s linear 0s normal both;}/* transform:scale(1.1); */
		#mainVisual .swiper-slide-active .vTxt .ii,
		#mainVisual .swiper-slide-prev .vTxt .ii{top:0px; opacity:1;}
		@keyframes zoomUp {
			0% {transform: scale(1);}
			100% {transform: scale(1.15);}
		}

	#main-inquiry.quick-counsel{width:100%; max-width:169rem; margin:0 auto; padding:0 2rem calc(23rem - 14.2rem); margin-top:-23rem; position: relative; z-index:7;}
		#main-inquiry .quick-counsel__inner{width:100%; min-height:14.2rem; margin:0 auto; padding:2.5rem 3rem; background:#fff; font-size:var(--fs_20); line-height:1; color: #000; display:flex; align-items:center; gap:3rem; border-radius:2rem; box-shadow:0 0.7rem 0.7rem rgba(0,0,0,.1);}
		#main-inquiry .quick-counsel__title{flex:0 0 25rem;}
		#main-inquiry .quick-counsel__title strong{font-weight:var(--fw_700); font-size:1.75em; display:block;}
		#main-inquiry .quick-counsel__title p{margin:.8rem 0 0; font-size:0.8em; color:#333;}

		#main-inquiry .quick-counsel__form{flex:1; min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2.5rem;}
		#main-inquiry .quick-counsel__field label{margin-bottom:1rem; font-weight:var(--fw_300); font-size:0.8em; color:#666; display:block;}
		#main-inquiry .quick-counsel__field input{width:100%; height:5rem; padding:0 1.5rem; background:#fff8f1; border:1px solid #dddd; border-radius:1rem; font-family:inherit; font-weight:var(--fw_300); font-size:0.8em; color:#000; outline:none; transition:border-color .2s ease,box-shadow .2s ease;}
		#main-inquiry .quick-counsel__field input::placeholder{color:#666;}
		#main-inquiry .quick-counsel__field input:focus{box-shadow:0 0 0 rgba(211,170,98,.15);}

		#main-inquiry .quick-counsel__agree{flex:0 0 26rem;}
		#main-inquiry .quick-checkbox{font-weight:var(--fw_400); font-size:0.8em; line-height:2.2rem; color:#000; display:flex; align-items:center; cursor:pointer;}
		#main-inquiry .quick-checkbox strong{font-weight:var(--fw_600);}
		#main-inquiry .quick-checkbox input{width:1px; height:1px; margin:-1px; position:absolute; overflow:hidden; clip:rect(0,0,0,0);}
		#main-inquiry .quick-checkbox__icon{width:2rem; height:2rem; margin-right:.6rem; background: url('/images/bg_check.png') no-repeat center center / cover; position:relative; flex:none;}
		#main-inquiry .quick-checkbox input:checked + .quick-checkbox__icon{background-image: url('/images/bg_check_on.png');}
		#main-inquiry .quick-counsel__agree>p{margin:.5rem 0 0 0; font-size:0.65em; line-height:1.35; color:#666;}

		#main-inquiry .quick-counsel__buttons{flex:none; display:flex; gap:0.6rem;}
		#main-inquiry .quick-btn{width:12rem; height:7.6rem; padding:0; border:1px solid #fff; border-radius:1rem; font-family:inherit; font-weight:var(--fw_600); font-size:0.9em; line-height:1.35; text-align:center; text-decoration:none; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:box-shadow .2s ease,transform .2s ease, filter .2s ease; box-shadow:0 0.7rem 0.7rem rgba(0,0,0,.1);}
		#main-inquiry .quick-btn--gray{background:#ccaf94;}
		#main-inquiry .quick-btn--yellow{background:#ffcc00; color:#000;}
		#main-inquiry .quick-btn:hover{transform:translateY(-2px); filter:brightness(.96); box-shadow:0 1.5rem 1.2rem -.5rem rgba(0,0,0,.16);}

	.main-conts{padding:12rem 0;}

	#main-value .value-count{width:100%; font-size:var(--fs_20); line-height:1; color: #666; text-align: center; display:grid; justify-items: center; grid-template-columns:repeat(3, 1fr); gap:3rem;}
		#main-value .value-count>li{min-width:0;}
		#main-value .count-icon{height:8.3rem; margin-bottom:4.5rem; display:flex; align-items:center; justify-content:center;}
		#main-value .count-icon img{height:8rem; display:block;}
		#main-value .count-icon img[src*="icon_value02"]{height:8.3rem;}
		#main-value .count-num{font-weight:var(--fw_800); font-size:3em; color:#000; display:block;}
		#main-value .count-label{margin-top:2rem;}
		/* 카운팅 흔들림 방지 */
		[data-count]{display:inline-block; text-align:right; font-variant-numeric:tabular-nums; font-feature-settings:"tnum";}

	#main-works{min-height:82rem; background: url('/images/main/bg_works.jpg') no-repeat center center / cover; overflow: hidden;}
		#main-works .swiper-container{padding-top:3.7rem;}
		#main-works .swiper-wrapper{display: flex; justify-content: flex-start;}
		#main-works .swiper-slide{width:30rem; min-width:30rem; margin-right:2.8rem; padding:7.8rem 2rem 6rem; background-color: #fff; font-size:var(--fs_20); line-height:1; color: #666; text-align: center; position: relative; border-radius:2rem;}
		#main-works .swiper-slide:last-child{margin-right:0;}
		#main-works .swiper-slide p.num{width:6.6rem; height:7.3rem; margin-left:-3.3rem; background: url('/images/main/bg_works.png') no-repeat center center / cover; font-weight:var(--fw_600); color: #fff; position: absolute; top: -3.7rem; left: 50%; display: flex; align-items: center; justify-content: center;}
		#main-works .swiper-slide figure{width:100%; height:7.2rem; display: flex; align-items: center; justify-content: center;}
		#main-works .swiper-slide figure img{width:7.1rem;}
		#main-works .swiper-slide figure img[src*="icon_works04"]{width:6.1rem;}
		#main-works .swiper-slide dl{margin-top:2.5rem;}
		#main-works .swiper-slide dl>dt{font-weight:var(--fw_700); font-size:1.25em; color: #000;}
		#main-works .swiper-slide dl>dd{margin-top:1rem; font-size:0.9em; line-height:var(--lh_10); }

	#main-services{background-color: #f5ede7;}
		#main-services .services-img{display: flex; align-items: center; justify-content: center; gap:11.7188dvw 1.7rem; position: relative;}
		#main-services .services-img:before{content:""; width:7.8125dvw; max-width:10rem; aspect-ratio:1/1;  background: url('/images/main/img_services_vs.png') no-repeat center center / cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
		#main-services .services-text{margin-top:4.5rem; font-size:var(--fs_20); line-height:1.35; color: #666; text-align: center;}
		#main-services .services-text>dd{margin-top:.8rem; font-weight:var(--fw_600); font-size:1.25em; color: #a28065;}

	#main-portfolio{overflow: hidden;}
		.main-swiper{padding-top:3rem; position: relative;}

		.main-swiper .menu-more{font-size:var(--fs_20); line-height:1; color: #666; display: inline-flex; align-items: center; gap:0.9rem;position: absolute; right:0; top:0;}
		.main-swiper .menu-more>span{font-size:0.85em;}
		.main-swiper .menu-more img{width:2.4rem; display:block;}

		.main-swiper .swiper-container{}
		.main-swiper .swiper-wrapper{display: flex; justify-content: flex-start;  transition: transform 0.3s linear;}
		.main-swiper .swiper-slide{width:30rem; min-width:30rem; margin-right:2.8rem; font-size:var(--fs_20); line-height:1; color: #666;}
		.main-swiper .swiper-slide:last-child{margin-right:0;}
		.main-swiper .swiper-slide figure{aspect-ratio:300/300; position: relative;}
		.main-swiper .swiper-slide figure img{width:100%; height:100%; max-width:none; object-fit: cover; display:block;}
		.main-swiper .swiper-slide figure:has(>:is(.noIMG)){box-shadow:0 0.3rem 0.5rem rgba(0,0,0,.05);}

		.main-swiper .swiper-slide .title{--line:1; margin-top:2rem; font-weight:var(--fw_600); font-size:1.25em; color: #000;}
		.main-swiper .swiper-slide .cate{--line:1; margin-top:1.2rem; font-weight:var(--fw_300); font-size:0.8em; color: var(--c_point2);}
		.main-swiper .swiper-slide .text{--line:2; margin-top:2.5rem; font-weight:var(--fw_500); font-size:0.85em; line-height:1.35;}

	#main-banner{min-height:66rem; background: url('/images/main/bg_mBanner.jpg') no-repeat center center / cover;}
		#main-banner .inConts{display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap:4rem;}
		#main-banner .inConts>a{width:calc((100% - 4rem) / 2); padding:6rem 2rem 6rem; background-color: #fff; font-size:var(--fs_20); line-height:1; color: #333; text-align: center; position: relative; border-radius:2rem; display:block;}
		#main-banner .inConts figure{width:100%; height:10.3rem; display: flex; align-items: center; justify-content: center;}
		#main-banner .inConts figure img{width:7rem;}
		#main-banner .inConts dl{margin-top:2rem;}
		#main-banner .inConts dl>dt{font-weight:var(--fw_700); font-size:1.5em; color: #000;}
		#main-banner .inConts dl>dd{margin-top:1rem; font-size:1.1em; line-height:var(--lh_10);}
		#main-banner .inConts dl>dd>strong{font-weight:var(--fw_700);}
		#main-banner .inConts .m-btn{margin-top:2.5rem;}

	#main-projects{overflow: hidden;}

	.NM-area{display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap:4rem;}
		.NM-area .NM-re{width:calc((100% - 4rem) / 2); font-size:var(--fs_20); line-height:1; color: #fff;}
		.NM-area .NM-re h4{margin-bottom:2.8rem; font-weight: normal; font-size:1.25em; color: #000; text-align: center;}
		.NM-area .NM-re a{width:100%; min-height:42rem; padding:5rem; display: flex; flex-flow: column nowrap; justify-content: center; position: relative; border-radius:1rem; overflow: hidden;}
		.NM-area .NM-re a:before{content: ""; width: 100%; height: 100%; background: url('/images/main/img_NM01.png') no-repeat center center / cover; display: block; position:absolute; left: 0; top:0px; transition: all .7s ease-out;}
		.NM-area .NM-re a.youtube:before{background-image: url('/images/main/img_NM02.png');}
		.NM-area .NM-re a:hover:before{transform: scale(1.1);}

		.NM-area dl{position: relative; z-index:2;}
		.NM-area dl>dt{font-weight:var(--fw_500); font-size:1.5em; display: flex; flex-flow: row wrap; align-items: center; gap:0.8rem;}
		.NM-area dl>dt img{width:4.7rem; display:block;}
		.NM-area dl>dd{margin-top:1rem; font-size:1.1em; line-height:var(--lh_10);}
		.NM-area dl>dd>strong{font-weight:var(--fw_700);}
		.NM-area a p{width:14.2rem; height:5rem; margin-top:3.5rem; border:1px solid #fff; font-weight: var(--fw_600); font-size:0.9em; display: flex; align-items: center; justify-content: center; border-radius:999rem; overflow: hidden; position: relative; z-index:2;}
/*[e] Main Style */

/*[s] Sub Style */
	/* 회사소개 > 재현하늘창 완성창 소개 */
	.swiper-line .swiper-container{padding-bottom:4rem; position: relative; overflow: hidden;}
		.swiper-line .swiper-wrapper{display: flex; justify-content: flex-start;}
		.swiper-line .swiper-slide{width:24rem; min-width:24rem; aspect-ratio:500/707; margin-right:3rem; position: relative;}
		.swiper-line .swiper-slide:last-child{margin-right:0;}
		.swiper-line .swiper-slide img{width:100%; max-width:none; height: 100%; object-fit: cover; display:block;}

		.swiper-line .swiper-pagination-progressbar{width:100%; height:0.6rem; background-color:#dddfe3; position: absolute; left:0; top:auto; bottom:0; border-radius:99px; z-index:6 !important; overflow: hidden;}
		.swiper-line .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{width: 100%; height: 100%; background-color:#787d84; border-radius:99px; position: absolute; left: 0; top: 0; transform-origin: left top;}

	/* 회사소개 > 제작과정 */
	.process-guide{--point:#ccaf94; --light:#fcf7f3;}
		.process-list{margin:0; padding:0 0 6rem; display:grid; grid-template-columns:repeat(3,1fr); gap:2rem 4rem; border-bottom:1px solid #eee;}
		.process-list>li{min-height:28rem; padding:2rem; background:var(--light); font-size:var(--fs_20); line-height:1; color: #666; border-radius:2rem; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}

		.process-list>li:not(:nth-child(3n))::after{content:""; width:4rem; height:100%; background: url('/images/sub/arr-about_process.png') no-repeat center center / 2.6rem; position:absolute; left:100%; top:0;}

		.process-list .num{min-width:6rem; min-height:3rem; padding:0.8rem 1.5rem; background:var(--point); font-weight:var(--fw_600); font-size:0.9em; color:#fff; display:inline-flex; align-items:center; justify-content:center; border-radius:3rem;}

		.process-list figure{height:10.1rem; display:flex; align-items:center; justify-content:center;}
		.process-list figure img{width:6.1rem; display:block;}
		.process-list figure img[src*="icon-about_process03"]{width:4.6rem;}
		.process-list figure img[src*="icon-about_process04"]{width:5.5rem;}
		.process-list strong{font-weight:var(--fw_700); font-size:1.25em; color: #000;}
		.process-list p{margin:1rem 0 0; font-size:0.9em; line-height:var(--lh_10);}
		.process-list .is-active p{color:#fff;}

		.process-list>li.is-active{background:var(--point); color:#fff;}
		.process-list .is-active .num{background:#fff; color:var(--point);}
		.process-list>li.is-active figure img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
		.process-list>li.is-active strong,
		.process-list>li.is-active p{color: #fff;}

	.day-process{margin:6rem 0 0; padding:0; font-size:var(--fs_20); line-height:1; color: #000; display:grid; grid-template-columns:repeat(5,1fr); gap:2rem 4rem;}
		.day-process>li{height:7rem; padding-right:1.8rem; border:1px solid var(--point); border-radius:2rem; position:relative; display:flex; align-items:center; overflow:visible;}
		.day-process>li:not(:last-child)::after{content:""; width:4rem; height:100%; background: url('/images/sub/arr-about_process.png') no-repeat center center / 2.6rem; position:absolute; left:100%; top:0;}
		.day-process span{width:4.5rem; height:100%; margin:-1px 1.8rem -1px -1px; background:var(--point); font-weight:var(--fw_600); font-size:0.9em; color:#fff; display:flex; align-items:center; justify-content:center; border-radius:2rem 0 0 2rem; flex-shrink:0;}
		.day-process strong{font-weight: normal; line-height:1.35; white-space:nowrap;}

	/* 회사소개 > 오시는 길 */
	.location-info{margin-top:5rem; font-size:var(--fs_20); line-height:1; color: #000; display: flex; flex-flow: row wrap; gap:2.5rem 5rem; position: relative;}
		.location-info img{display:block;}
		.location-info img[src*="icon_location_juso"]{width:1.7rem; object-fit: cover;}
		.location-info img[src*="icon_location_tel"]{width:2rem; object-fit: cover;}
		.location-info img[src*="icon_location_mail"]{width:2rem; object-fit: cover;}

		.location-info .juso{width:100%; font-weight: var(--fw_700); font-size:1.25em; display: flex; flex-flow: row wrap; align-items: center; gap:1rem;}
		.location-info>dl{display: inline-flex; align-items: center; gap:1.5rem;}
		.location-info>dl>dt{font-weight: var(--fw_500); display: inline-flex; align-items: center; gap:1rem;}
		.location-info>dl>dt i{display: inline-flex;}
		.location-info>dl>dd{color: #666;}
		.location-info .btns-box{position: absolute; right:0; top:0;}

	/* 정부지원사업 > 그린리모델링 */
	.sVisual{min-height:72rem; background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; position: relative;}
		.sVisual>dl{padding:5rem 0; background-color: rgba(255,255,255,0.9); font-size:var(--fs_20); line-height:1; color: #000; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; position: absolute; left:0; right:0; bottom:0;}
		.sVisual dt{padding:0 5rem; font-weight: 500;}
		.sVisual dt>strong{margin-bottom:1rem; font-weight: 700; font-size:1.75em; display:block;}
		.sVisual dd{flex:1; padding-right:5rem; font-size:1.25em; line-height:var(--lh_10);}
		.sVisual dd p.tit{margin-bottom:1.5rem; font-weight: 600; font-size:1.5em; line-height:var(--lineHeight);}

		.sVisual.green{background-image:url('/images/sub/bg-gov_green01.jpg');}
		.sVisual.seoul01{background-image:url('/images/sub/bg-gov_seoul01.jpg');}
		.sVisual.seoul02{background-image:url('/images/sub/bg-gov_seoul02.jpg');}

	.green-process{--green:#70884b;}
		.green-process-list{display:grid; grid-template-columns:repeat(5,1fr);}
			.green-process-list>li{position:relative; display:flex; justify-content:center;}
			.green-process-list>li:not(:last-child)::after{content:""; width:100%; height:2px; background:var(--green); position:absolute; left:50%; top:50%;}

			.green-process-circle{width:18rem; aspect-ratio:1; padding:2rem 2rem 2.5rem; background:var(--green); font-size:var(--fs_20); line-height:1; color: #fff; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; position: relative; z-index:2;}
			.green-process-circle span{font-weight:600; font-size:0.9em;}
			.green-process-circle figure{height:9.3rem; display:flex; align-items:center; justify-content:center;}
			.green-process-circle figure img{width:6rem; display:block;}
			.green-process-circle figure img[src*="icon-gov_green02"]{width:6.1rem;}
			.green-process-circle strong{font-weight:600;}

		.green-process-desc{margin-top:3.5rem; font-size:var(--fs_20); line-height:1; color: #000; display:flex; flex-wrap:wrap; justify-content:center; gap:0.8rem 3rem;}
			.green-process-desc>li{white-space:nowrap;}
			.green-process-desc>li::before{padding-right:0.4rem;}
			.green-process-desc>li:nth-child(1):before{content: "①";}
			.green-process-desc>li:nth-child(2):before{content: "②";}
			.green-process-desc>li:nth-child(3):before{content: "③";}
			.green-process-desc>li:nth-child(4):before{content: "④";}
			.green-process-desc>li:nth-child(5):before{content: "⑤";}
			.green-process-desc>li:nth-child(6):before{content: "⑥";}
			.green-process-desc>li:nth-child(7):before{content: "⑦";}
			.green-process-desc>li:nth-child(8):before{content: "⑧";}
			.green-process-desc>li:nth-child(9):before{content: "⑨";}
			.green-process-desc>li:nth-child(10):before{content: "⑩";}
			.green-process-desc>li:nth-child(11):before{content: "⑪";}
			.green-process-desc>li:nth-child(12):before{content: "⑫";}

			.green-process-desc::before{content:""; width:100%; order:1;}
			.green-process-desc>li:nth-child(n+5){order:2;}

	/* 제품소개 */
	.product-main_banner{background-color: #fff; display: flex; flex-flow: row wrap; align-items: center;}
		.product-main_banner>figure{width:50%; display: flex; align-items: center; justify-content: center;}
		.product-main_banner>div{width:50%; font-weight: 600; font-size:var(--fs_20); line-height:1; color: #a72025; display: flex; flex-flow: row wrap; align-items: center; justify-content: center;}
		.product-main_banner ol{}
		.product-main_banner ol>li{font-size:1.25em;}
		.product-main_banner ol>li+li{margin-top:2rem;}
		.product-main_banner ol>li::before{padding-right:0.4rem;}
		.product-main_banner ol>li:nth-child(1):before{content: "①";}
		.product-main_banner ol>li:nth-child(2):before{content: "②";}
		.product-main_banner ol>li:nth-child(3):before{content: "③";}
		.product-main_banner ol>li:nth-child(4):before{content: "④";}
		.product-main_banner ol>li:nth-child(5):before{content: "⑤";}
		.product-main_banner ol>li:nth-child(6):before{content: "⑥";}

	.view-mark{margin-top:3rem; display: flex; align-items: center; justify-content: center;}

	.view-editer{padding-top:3rem; font-size:var(--fs_20); line-height:1.45; border-top:1px solid #000;}
		.view-editer.ck-content p{font-size:0.9em; line-height:inherit;}


	/* 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 !important;}
		.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:0 7rem 0 7rem;}
		.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:0 7rem 0 7rem; position: relative; z-index:2;}
		.etc_clause .logo{margin:0;}
		.etc_clause .logo img{}
		.etc_clause .txt{padding:30px 0 55px; font-weight: 300; font-size:2rem; line-height:1; color: #666;}
		.etc_clause .txt>span{font-weight: 500; color: #000;}

		.clause-style{}
		.clause-style .logo img{height:6rem;}
		.clause-style .scroll{max-height:30rem; font-size:1.8rem; line-height:1.45; color: #666; overflow: hidden; overflow-y: auto;}
		.clause-style .scroll{text-align: left;}
		.clause-style .scroll>p{margin:4rem 0 1rem;}
		.clause-style .scroll>p:first-child{margin-top:0rem;}
		.clause-style .scroll>p>strong{font-weight: 700; font-size:1.2em; color: #000; display:inline-block;}
		.clause-style .scroll *+p>strong{}

		.clause-style .scroll ol{margin-top:1rem;}
		.clause-style .scroll ol>li{padding-left:2rem; text-indent: -2rem;}
		.clause-style .scroll ol>li>ol{margin-top:0rem;}
		.clause-style .scroll ol ul,
		.clause-style .scroll ol ol{margin:0.3rem 0 1rem;}

		.clause-style .scroll ul>li{padding-left:1.2rem; text-indent: -1.2rem;}

		.clause-style .scroll .kr>li{padding-left:2.2rem; text-indent: -2.2rem;}
		.clause-style .scroll .kr>li>strong{font-weight: 600; color:#333;}
		.clause-style .scroll .kr.mt>li+li{margin-top:2rem;}

		.clause-style .scroll .num>li{padding-left:1.8rem; text-indent: -1.8rem;}


		.etc_select{width:90%; margin:0 auto 2rem; text-align: right;}
		.etc_select select.base{width:auto;}
/*[e] Sub Style */

/*[s] Plugin Style */
	.fancybox__slide{padding:40px 6rem !important;}

	.layer-base.fancybox__content>.carousel__button.is-close{width:4rem; height:4rem; background-color: var(--c_point2); top:0rem !important; right:0rem; border-radius:0 1rem 0 1rem; overflow: hidden;}
	.layer-base.fancybox__content>.carousel__button.is-close svg{width:50%; height:50%; stroke-width:2; filter:none; color: #fff;}

	.layer-base.fancybox__content>.carousel__button.is-back{width:3.6rem; height:3.6rem; position: absolute; left:0; top:0; display:none;}
	.layer-base.fancybox__content>.carousel__button.is-back img{display:block;}

	.layer-base{padding:0 !important; background-color: transparent !important; font-size:0; line-height:0; display:none;}
	.layer-base .layer-in{}
	.layer-base h2{padding-bottom:2rem; border-bottom:2px solid #555; font-weight: bold; font-size:3.5rem; line-height:1.3; color: #000;}
	.layer-base h2>strong{font-weight: bold;}
	.layer-base *+h2{margin-top:7.5rem;}

	.layer-base .etc_clause{width:100%;}
	.layer-base .etc_clause .etc_clause_in {border-radius: 1rem;}

	#priPop-lay{max-width:102.4rem;}

	.lay-doctor{width:100%; max-width:128rem;}
		.lay-doctor .layer-in{padding:0; background-color: #fff; border-radius:1rem; overflow: hidden;}
		.lay-doctor .lay-doctor-top{padding:7rem 6rem 0; background-color: #f4f6f8; border-radius:1rem; overflow: hidden; display: flex; flex-flow: row wrap; justify-content: space-between; gap:0 5%;}
		.lay-doctor .lay-doctor-top>figure{width:42%; max-width:42rem; display: flex; align-items:end; justify-content: center;}
		.lay-doctor .lay-doctor-top .info-conts{width:53%; padding-bottom:7rem;}
		.lay-doctor .lay-doctor-top .info-conts .name{display: flex; flex-flow: row wrap; align-items: end; gap:1rem 2rem;}
		.lay-doctor .lay-doctor-top .info-conts .name>dt{font-weight: 800; font-size:5rem; line-height:6rem; color: #000;}
		.lay-doctor .lay-doctor-top .info-conts .name>dd{font-weight: 600; font-size:2.2rem; line-height:3.2rem; color: #222;}

		.lay-doctor .lay-doctor-top .info-conts .department{margin-top:3.5rem; padding-top:5rem; border-top:2px solid #000; display: flex; flex-flow: column nowrap; gap:1.5rem;}
		.lay-doctor .lay-doctor-top .info-conts .department>dt{font-weight: bold; font-size:2.5rem; line-height:3.5rem; color: var(--c_point2);}
		.lay-doctor .lay-doctor-top .info-conts .department>dd{display: flex; flex-flow: row wrap; gap:1rem;}
		.lay-doctor .lay-doctor-top .info-conts .department>dd>p{height:4.2rem; padding:0 2rem; background-color: #e6ecf0; font-weight: 500; font-size:1.8rem; line-height:1; color: var(--c_point2); white-space: nowrap; display: flex; align-items: center; justify-content: center; border-radius:99px;}

		.reservation-btn{display: flex; flex-flow: row wrap; gap:1rem;}
		.reservation-btn>a{min-width:18rem; height:5.5rem; padding:0 3rem; background-color: var(--c_point2); font-weight: 500; font-size:1.8rem; line-height:1; color: #fff; white-space: nowrap; display: flex; align-items: center; gap:1rem; border-radius:1rem;}
		.reservation-btn>a figure img{width:2.2rem;}
		.reservation-btn>a.naver{background-color: #00c13a;}

		.reservation-btn.end{justify-content: end;}

		.lay-doctor .lay-doctor-top .info-conts .reservation-btn{margin-top:6rem;}

		.lay-doctor .lay-doctor-conts{padding:7.5rem 6rem;}
/*[e] Plugin Style */

@media only screen and (max-width : 1720px){
	#mainVisual .vTxtArea,
	#mainVisual .swiper-option{max-width:none; margin-left:0; left:0;}
}
@media only screen and (max-width : 1600px){
}
@media only screen and (max-width : 1440px){
}
@media only screen and (max-width : 1320px){
}
@media only screen and (max-width : 1280px){
	.layout-PT .conts{padding-right:5rem;}
	.layout-PT:nth-child(even) .conts{padding:0 0 0 5rem;}
	.layout-PT.center .conts{padding:0;}

	/*[s] Main Style */
		#main-inquiry.quick-counsel{margin-top:-20rem; padding-bottom:0;}
			#main-inquiry .quick-counsel__inner{flex-wrap:wrap; justify-content: space-between; gap:3rem;}/*     flex-direction: column; */
			#main-inquiry .quick-counsel__title{order:1;}
			#main-inquiry .quick-counsel__form{flex:1 1 60%; order:3;}
			#main-inquiry .quick-counsel__agree{order:4;}
			#main-inquiry .quick-counsel__buttons{order:2;}
			#main-inquiry .quick-btn{width:12.7rem;}
	/*[e] Main Style */

	/*[s] Sub Style */
		/* 회사소개 > 제작과정 */
		.day-process{grid-template-columns:repeat(3,1fr);}
			.day-process>li:nth-child(3n)::after{display:none;}
	/*[e] Sub Style */

	/*[s] Layer Style */
	/*[e] Layer Style */
}
@media only screen and (max-width : 1180px){
}
@media only screen and (max-width : 1024px){
	/*[s] All Style */
		.wideKakao{height: 0; padding-bottom: 56.25%;}
		.wideKakao>.root_daum_roughmap{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

		.layout-PT .photo{width:100%; height:46rem; order:2 !important;}
		.layout-PT .conts{flex:none; width:100%; padding:0 !important; text-align: center !important; order:1 !important;}

		ul._line.two>li{flex:1 1 100%;}

		.sticky-table:not(.no){padding-bottom:1rem; overflow-x:auto; -webkit-overflow-scrolling:touch;}
			.sticky-table:not(.no)>table{min-width:102.4rem !important;}

		.swipe-hint-box:not(.mo){display: flex;}
	/*[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 */
		#main-services{}
			#main-services .services-img{flex-flow: row wrap;}

		#main-banner{}
			#main-banner .inConts{gap:2rem;}
			#main-banner .inConts>a{width:100%; max-width:55rem;}

		.NM-area{gap:5rem;}
			.NM-area .NM-re{width:100%; max-width:55rem;}
	/*[e] Main Style */

	/*[s] Sub Style */
		/* 회사소개 > 제작과정 */
		.process-list{gap:2rem;}
			.process-list>li:not(:nth-child(3n))::after{display:none;}

		.day-process{gap:2rem;}
			.day-process>li{width:100%;}
			.day-process>li::after{display:none;}

		/* 정부지원사업 > 그린리모델링 */
		.green-process-list{max-width: 84rem; margin:0 auto; display: flex; flex-flow: row wrap; align-items: start; justify-content: center; gap:3rem 5rem;}
			.green-process-list>li::after{display:none;}
			.green-process-circle{}
		.green-process-desc{gap:1.6rem 3rem;}
			.green-process-desc::before{display:none;}
	/*[e] Sub Style */

	/*[s] Plugin Style */
		.fancybox__slide{padding:40px 2rem 8px !important;}

		#find-expert-lay .list{gap:4rem 2rem;}
		#find-expert-lay .list>li{width:calc((100% - 4rem) / 3);}

		#success-detail-lay .find-expert-view .success-detail-view h3{font-size:2.2rem;}
		#success-detail-lay .find-expert-view .success-detail-view h5{font-size:1.7rem;}

		/*.lay-doctor .lay-doctor-top>figure{width:30rem; height:30rem; margin:0 auto; padding-top:5rem; border-radius:999px; overflow: hidden; align-items:start; box-shadow:1rem 1rem 2rem rgba(0,0,0,0.2);}*/
		.lay-doctor .lay-doctor-top>figure{width:100%; max-width:none; justify-content: end; margin-bottom: -9.5rem;}
		.lay-doctor .lay-doctor-top>figure img{width:25rem;}
		.lay-doctor .lay-doctor-top .info-conts{width:100%; padding-bottom:7rem;}
	/*[e] Plugin Style */
}
@media only screen and (max-width : 840px){
	/*[s] All Style */
		h4.txt>*{font-size:var(--fs_40);}

		h4.small>strong{font-size:var(--fs_35);}

		h4.xsmall>strong{font-size:var(--fs_30);}

		ul._star>li{padding-left:1.7rem; font-size:var(--fs_22);}

		.layout-PT.center .photo>dl>dt{letter-spacing: 1rem !important;}

		.ps-green>p{font-size:var(--fs_22);}

		.swipe-hint-box.mo{display: flex;}
		.scroll-img.seoul{width:100%; margin-top:2rem; padding-bottom:1rem; overflow-x:auto; -webkit-overflow-scrolling:touch;}
			.scroll-img.seoul>img{width:840px !important; max-width:none;}
	/*[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:90%;}
		#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 .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{bottom:10rem;}
		#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 */
		.m-title{padding-bottom:6rem;}
			.m-title p{font-size:var(--fs_22);}
			.m-title h3{font-size:var(--fs_35); line-height:1.2;}
			.m-title div{font-size:var(--fs_22);}

		.m-btn{min-height:6.6rem; padding:1.3rem 2.7rem;}
			.m-btn>span{font-size:1em;}

		.s-btn{min-height:6rem;}
			.s-btn>span{font-size:var(--fs_22);}

		#mainVisual{}
			#mainVisual .visualRoll .swiper-slide>img{height:106rem;}
			#mainVisual .vTxt .ii.text{margin-top:4rem; letter-spacing: 1px !important;}

			#mainVisual .vTxt .ii.title{font-size:2em;}
			#mainVisual .vTxt .ii.text{font-size:1.5em; line-height:1.35;}
			#mainVisual .vTxt *+*{margin-top:1.5rem;}

		#main-inquiry.quick-counsel{padding:0;}
			#main-inquiry .quick-counsel__inner{padding:5rem 2rem 0; border-radius:2rem 2rem 0 0; box-shadow:0 0 0 rgba(0,0,0,0);}
			#main-inquiry .quick-counsel__title{flex:0 0 100%; order:1;}
			#main-inquiry .quick-counsel__title p{margin-top:1.5rem; font-size:var(--fs_22);}

			#main-inquiry .quick-counsel__form{flex:0 0 100%; order:2; gap:1.2rem;}
			#main-inquiry .quick-counsel__field label{font-size:var(--fs_22);}
			#main-inquiry .quick-counsel__field input{height:6rem; font-size:var(--fs_22);}

			#main-inquiry .quick-counsel__agree{flex:0 0 100%;order:3;}
			#main-inquiry .quick-checkbox{font-size:var(--fs_22); line-height:2.8rem;}
			#main-inquiry .quick-checkbox__icon{width:2.6rem; height:2.6rem; margin-right:.6rem;}
			#main-inquiry .quick-counsel__agree>p{margin:1rem 0 0 0; font-size:var(--fs_22);}

			#main-inquiry .quick-counsel__buttons{width:100%; order:4; gap:1rem;}
			#main-inquiry .quick-btn{width:100%; height:7rem; font-size:1em;}
			#main-inquiry .quick-btn br{display:none;}

		#main-value .value-count{display: flex; flex-flow: row wrap; justify-content: space-between; gap:5rem 3rem;}
			#main-value .count-icon{margin-bottom:3rem;}
			#main-value .count-icon img{}
			#main-value .count-num{font-size:var(--fs_40);}
			#main-value .count-label{font-size:var(--fs_22);}

		#main-works{min-height:82rem;}
			#main-works .swiper-container{padding-top:4.5rem;}
			#main-works .swiper-slide{width:38rem; min-width:38rem; margin-right:4rem; padding:7.8rem 2rem 6rem; background-color: #fff; font-size:var(--fs_20); line-height:1; color: #666; text-align: center; position: relative; border-radius:2rem;}
			#main-works .swiper-slide:last-child{margin-right:0;}
			#main-works .swiper-slide p.num{width:8rem; height:8.8rem; margin-left:-4rem; top: -4.5rem;}
			#main-works .swiper-slide dl{margin-top:2.5rem;}
			#main-works .swiper-slide dl>dt{font-size:var(--fs_30);}
			#main-works .swiper-slide dl>dd{margin-top:1rem; font-size:1em; line-height:var(--lh_10);}

		#main-services{}
			#main-services .services-img{gap:15rem 1.7rem;}
			#main-services .services-img:before{width:10rem;}
			#main-services .services-text{}
			#main-services .services-text>dd{margin-top:1rem; font-size:var(--fs_25);}

		#main-portfolio{}
			.main-swiper{padding-top:4rem; position: relative;}
			.main-swiper .menu-more{}
			.main-swiper .menu-more>span{font-size:var(--fs_22);}

			.main-swiper .swiper-slide{width:38rem; min-width:38rem; margin-right:4rem;}
			.main-swiper .swiper-slide:last-child{margin-right:0;}
			.main-swiper .swiper-slide .title{font-size:var(--fs_30);}
			.main-swiper .swiper-slide .cate{font-size:var(--fs_020);}
			.main-swiper .swiper-slide .text{font-size:1em;}

		#main-banner{}
			#main-banner .inConts>a{width:100%; max-width:100%;}
			#main-banner .inConts dl{margin-top:2rem;}
			#main-banner .inConts dl>dt{font-size:var(--fs_35);}
			#main-banner .inConts dl>dd{font-size:1em; line-height:var(--lh_10);}
			#main-banner .inConts .m-btn{margin-top:2rem; background-color: var(--c_point2); border-color: var(--c_point2); color: #fff;}

		.NM-area{}
			.NM-area .NM-re h4{font-size:var(--fs_25);}
			.NM-area .NM-re a{padding:5rem 3rem;}

			.NM-area dl>dt{font-size:var(--fs_30);}
			.NM-area dl>dd{font-size:1em; line-height:var(--lh_10);}
			.NM-area a p{width:17rem; height:5.5rem; font-size:var(--fs_20);}
	/*[e] Main Style */

	/*[s] Sub Style */
		/* 회사소개 > 재현하늘창 완성창 소개 */
		.swiper-line .swiper-container{}
			.swiper-line .swiper-wrapper{}
			.swiper-line .swiper-slide{width:38rem; min-width:38rem; margin-right:4rem;}
			.swiper-line .swiper-slide:last-child{margin-right:0;}

			.swiper-line .swiper-pagination-progressbar{height:1rem;}

		/* 회사소개 > 제작과정 */
		.process-list{grid-template-columns:repeat(2,1fr);}
			.process-list>li{}
			.process-list .num{min-width:8rem; padding:1rem 2rem; }

			.process-list figure{}
			.process-list strong{}
			.process-list p{font-size:1em;}

		.day-process{grid-template-columns:repeat(2,1fr);}
			.day-process>li{height:8rem;}
			.day-process span{width:6rem; margin-right:1.5rem;}
			.day-process strong{}

		/* 회사소개 > 오시는 길 */
		.location-info{}
			.location-info .juso{font-size:1.2em;}
			.location-info>dl{display: inline-flex; align-items: center; gap:1.5rem;}
			.location-info .btns-box{width:100%; margin-top:1rem; justify-content: end; position: static;}

		/* 정부지원사업 > 그린리모델링 */
		.sVisual{}
			.sVisual>dl{padding:4rem 3rem 3rem; display: block;}
			.sVisual dt{padding:0;}
			.sVisual dt>strong{font-size:var(--fs_35);}
			.sVisual dd{flex:none; margin-top:2rem; padding-right:0; font-size:var(--fs_25); line-height:var(--lh_10);}

		.green-process-list{gap:1rem 3rem;}
			.green-process-list>li{flex:0 1 calc((100% - 6rem) / 3);}
			.green-process-circle{width:100%; max-width:24rem;}
			.green-process-circle figure{height:12rem;}
		/* 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.6rem;}

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

			.clause-style .scroll{font-size:2.2rem;}
			.clause-style .scroll ol>li{padding-left:2.3rem; text-indent: -2.3rem;}
			.clause-style .scroll .kr>li{padding-left:2.7rem; text-indent: -2.7rem;}
			.clause-style .scroll ul>li{padding-left:1.4rem; text-indent: -1.4rem;}

			.etc_select{width:100%;}
			.etc_select select.base{width:22rem;}
	/*[e] Sub Style */

	/*[s] Plugin Style */
		.layer-base.fancybox__content>.carousel__button.is-close,
		.layer-base.fancybox__content>.carousel__button.is-back{width:5rem; height:5rem;}

		#find-expert-lay .scroll{height:100rem;}

		#find-expert-lay .text-box{font-size:3rem; line-height:4.4rem;}

		#find-expert-lay .list{gap:4rem 3rem;}
		#find-expert-lay .list>li{width:calc((100% - 3rem) / 2);}

		#find-expert-lay .list>li .cate{font-size:2.2rem;}
		#find-expert-lay .list>li .name{font-size:2.6rem;}

		#find-expert-lay .find-expert-view .photo-box{width:100%; max-width:none; display: flex; gap:3rem;}
		#find-expert-lay .find-expert-view .photo-box>dt{max-width:50%;}
		#find-expert-lay .find-expert-view .photo-box>dd{margin-top:0; font-size:2.4rem; flex-flow: column wrap; justify-content: center;}
		#find-expert-lay .find-expert-view .photo-box>dd>strong{width:100%; margin-top:1rem;}

		#find-expert-lay .find-expert-view .history-info{width:100%; height:54.77rem; margin-top:5rem;}
		#find-expert-lay .find-expert-view .history-info *+h5.bul{margin-top:4rem;}
		#find-expert-lay .find-expert-view .history-info .txt{font-size:2.4rem;}

		#success-detail-lay .scroll{height:100rem;}
		#success-detail-lay .find-expert-view .success-detail-view h3{font-size:3rem;}
		#success-detail-lay .find-expert-view .success-detail-view h5{font-size:2.6rem;}
		#success-detail-lay .find-expert-view .success-detail-view p{font-size:2.2rem;}
		#success-detail-lay .find-expert-view .success-detail-view .txt{font-size:2.4rem;}

		.add-form-lay .layer-in .text{font-size:2.2rem;}

		.lay-alert{max-width:90%;}
		.lay-alert .layer-in .logos img{height:8rem;}
		.lay-alert .layer-in .text{font-size:2.4rem; line-height:3.6rem;}

		.lay-doctor .lay-doctor-top{padding:5rem 3rem 0;}
		.lay-doctor .lay-doctor-top>figure{margin-bottom:-14.3rem;}
		.lay-doctor .lay-doctor-top>figure img{width:20rem;}
		.lay-doctor .lay-doctor-top .info-conts .name>dt{width:100%;}
		.lay-doctor .lay-doctor-top .info-conts .department>dd>p{height:5rem; font-size:2.2rem;}

		.reservation-btn>a{min-width:auto; height:6rem; font-size:2.2rem;}

		.lay-doctor .lay-doctor-conts{padding:7.5rem 3rem;}
	/*[e] Plugin Style */
}
@media only screen and (max-width : 640px){
	/* 제품소개 */
	.product-main_banner{}
		.product-main_banner>figure{width:100%;}
		.product-main_banner>div{width:100%; font-weight: 600; font-size:var(--fs_20); line-height:1; color: #a72025; display: flex; flex-flow: row wrap; align-items: center; justify-content: center;}
		.product-main_banner ol{width:100%; padding:2rem 2rem 4rem; display: flex; flex-flow: row wrap; gap:2rem 3rem;}
		.product-main_banner ol>li{font-size:1.25em;}
		.product-main_banner ol>li+li{margin-top:0;}
}
@media only screen and (max-width : 480px){
	/* 회사소개 > 제작과정 */
	.process-list,
	.day-process{grid-template-columns:1fr;}

	/* 정부지원사업 > 그린리모델링 */
	.green-process-list{justify-content:start; gap:2rem;}
		.green-process-list>li{flex:0 1 calc((100% - 2rem) / 2);}

	.green-process-desc{margin-top:4rem; justify-content:start; gap:1.6rem 2rem;}
		.green-process-desc>li{width:calc((100% - 2rem) / 2);}
}
@media only screen and (max-width : 400px){
}

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

display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between;
display: flex; flex-flow: column wrap; align-items: center; justify-content: center;

flex-flow: column wrap;
align-content: center;

justify-content: space-between;
justify-content: space-around;

flex-wrap: wrap;

transform:rotate(180deg);
transform: translateY(-50%);
transform: scale(1)
filter:blur(3px);
filter:grayscale(100%); -webkit-filter:grayscale(100%);
backdrop-filter:blur(50px);

transition: all .5s linear;
transition: all .5s ease-out;
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: 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; word-break:break-all; //두줄 감추기
active
border-radius:1rem;
width:calc(100% / 6);
box-shadow:0 0 1rem rgba(0,0,0,0.2);

:first-child
*/