@charset "UTF-8";

	.main-inConts .ii,
	.mainConts-sub .swiper-menu button,
	.mainConts-sub .swiper-menu button:before,
	.who-we-are dl>dd a,
	.who-we-are dl>dd a:before,
	.main02-swiper .swiper-pagination-bullet,
	.resources-list>li>a{transition: all .3s ease-out; transform-origin: 50% 50%;}
	.bb{transition: all .4s ease-out; transform-origin: 50% 50%;}
	.cc{transition: all .5s ease-out; transform-origin: 50% 50%;}
	.dd{transition: all 1s ease-out; transform-origin: 50% 50%;}

/*[s] All Style */
	ul.jum>li{padding-left:1.2rem; font-size:var(--base20); line-height:var(--lineHeight); color: var(--color); position: relative;}
	ul.jum>li:before{content: "·"; position:absolute; left: 0; top:0;}

	h4{margin:8.5rem 0 2.5rem; font-weight: 700; font-size:var(--base20); line-height:var(--lineHeight); color: var(--color);}
	h4>strong{font-weight: 700; font-size:2em; line-height:1;}
	/*
		ul._star>li{padding-left:1.7rem; font-size:var(--base18); line-height:var(--lineHeight); color: #383637; 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:var(--lineHeight); 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);}
	*/

	/* ── 스와이프 힌트 ── */
	.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(--point); border-right: 2px solid var(--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(--point); border-radius: 50%; opacity: 0.7;}

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

	.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;}
/*[e] All Style */

/*[s] Main Style */
	a.no{}
	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.03);}

	.m-btn{font-size:var(--base20); line-height:1; color: #fff; display: flex; align-items: start; gap:1rem;}
		.m-btn>a{height:3.8rem; padding:0 1.6rem; background-color: rgba(255,255,255,0.4); font-size:0.8em; display: flex; align-items: center; justify-content: center; border-radius:0.5rem; overflow: hidden;}
		.m-btn>a>span{padding-right:1.6rem; background:transparent url('/assets/images/arr_btn.png') no-repeat right center/0.6rem; letter-spacing: 0.18em !important; display:inline-block;}
		.m-btn.c{justify-content: center;}

		.m-btn.sub>a{padding:0 2rem; background-color: #171a79; font-size:0.75em;}
		.m-btn.sub>a>span{background-position: right 0.1rem; letter-spacing: -0.02em !important;}

	.scroll-indicator{position:absolute;left:50%;bottom:14dvh;z-index:2;transform:translateX(-50%);pointer-events:none; opacity: 0.6;}
		.scroll-indicator .scroll-div{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:1.2rem;color:#fff;text-align:center;animation:scrollMove 1.8s ease-in-out infinite;}
		.scroll-indicator .chevrons{width:2.4rem;height:2.8rem;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:.1rem;}
		.scroll-indicator .chevrons span{width:1.4rem;height:1.4rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:0;animation:chevronDown 1.8s ease-in-out infinite;}
		.scroll-indicator .chevrons span:nth-child(2){animation-delay:.25s;}
		.scroll-indicator p{margin:0;font-size:13px;font-weight:600;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:currentColor;}

	@keyframes scrollMove{
		0%,100%{transform:translateY(0); opacity: 0;}
		50%{transform:translateY(.8rem); opacity: 1;}
	}
	@keyframes chevronDown{
		0%{opacity:0;transform:rotate(45deg) translate(-.4rem,-.4rem);}
		35%{opacity:1;}
		70%{opacity:0;transform:rotate(45deg) translate(.4rem,.4rem);}
		100%{opacity:0;}
	}

	.mainConts{width:100%; height:100dvh; background-color: #000; position: relative; overflow: hidden;}
		.mainConts.flex{display: flex; align-items: center; justify-content: center;}
		.mainConts.flex .main-inConts{padding:0 2rem;}

	.video-bg{}
		.video-bg:after{content: ""; width:100%; height:100%; background-color: #000; position:absolute; left: 0; top:0px; opacity: 0.4;}
		.video-bg :where(video, img){width:100%; height:100%; object-fit: cover; position: absolute; left:0; top:0;}

	.main-inConts{font-size:var(--base20); color: #fff; text-align: center; position: relative; z-index:2;}
		.main-inConts .m-cate{}
		.main-inConts .m-title{font-weight: bold; font-size:3em; line-height:1.5em;}
		.main-inConts .m-title.small{font-size:1.8em; line-height:1.6667em;}
		.main-inConts .ii{top:5rem; opacity: 0; position: relative;}
		.main-inConts .i01{transition-delay: 0.3s;}
		.main-inConts .i02{transition-delay: 0.35s;}
		.main-inConts .i03{transition-delay: 0.4s;}
		.main-inConts .i04{transition-delay: 0.45s;}
		.main-inConts .i05{transition-delay: 0.5s;}
		.main-inConts .i06{transition-delay: 0.65s;}

		.swiper-slide-active .main-inConts .ii{top:0px; opacity:1;}

	.mainConts-sub{width:100%; margin-top:0; position: relative; transition: margin-top 0.45s cubic-bezier(0.4, 0, 0.2, 1);}
		.mainConts-sub:before{content: ""; height: 10rem; position: absolute; left:2rem; right:2rem; top:0; z-index:6; border-radius:2rem 2rem 0 0; overflow: hidden; display:none;
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
			background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		}
		.mainConts-sub .swiper-menu{padding:0 2rem; font-size:var(--base20); line-height:1; display: flex; flex-flow: row wrap; justify-content: center; gap:0 3rem; position: absolute; left:2rem; right:2rem; bottom:calc(100% + 3rem); z-index:7; transition: top 0.45s cubic-bezier(0.4, 0, 0.2, 1);}
		.mainConts-sub .swiper-menu button{height:4rem; font-size:0.8em; color: rgba(255,255,255,0.8); display: inline-flex; align-items: center; justify-content: center; position: relative;}
		.mainConts-sub .swiper-menu button:before{content: ""; width: 0; height: 2px; background-color: #fff; position:absolute; left: 50%; bottom:0px;}

		.mainConts-sub .swiper-menu button:is(:hover, .is-active){text-shadow:0 0 0.01px #fff, 0 0 0.01px #fff; color: rgba(255,255,255,1);}
		.mainConts-sub .swiper-menu button:is(:hover, .is-active):before{width: 100%; left: 0%;}

		.mainConts-sub .mainConts-swiper{height: 0; background-color: #000; border-radius:2rem; overflow: hidden; transition: height 0.45s cubic-bezier(0.4, 0, 0.2, 1);}
		.mainConts-sub .swiper-wrapper{display: flex; flex-flow: column nowrap;}
		.mainConts-sub .swiper-wrapper .swiper-slide{min-width:100%; width:100%; height:56rem; position: relative; overflow:hidden; display: flex; align-items: center; justify-content: center;}

		.mainConts-sub.is-open{margin-top:10rem;}
		.mainConts-sub.is-open:before{display:block;}
		.mainConts-sub.is-open .swiper-menu{bottom:auto; top:1.5rem;}
		.mainConts-sub.is-open .mainConts-swiper{height: 56rem;}
		#main03-2.is-open{margin-bottom:10rem;}

	.who-we-are{font-size:var(--base20); line-height:1; color: #000;}
		.who-we-are h2{padding-bottom:2.8rem; border-bottom:2px solid #000; font-weight: bold; font-size:2em; letter-spacing:0.2em !important;}
		.who-we-are dl{margin-top:2.2rem; font-size:0.8em; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between;}
		.who-we-are dl>dt{font-weight: 300;}
		.who-we-are dl>dd{display: flex; flex-flow: row wrap; align-items: center; gap:0 3rem;}
		.who-we-are dl>dd a{height:3.7rem; display: inline-flex; align-items: center; justify-content: center; position: relative;}
		.who-we-are dl>dd a:before{content: ""; width: 0; height: 2px; background-color: #000; position:absolute; left: 50%; bottom:0px;}

		.who-we-are dl>dd a:is(:hover, .is-active){text-shadow:0 0 0.01px #000, 0 0 0.01px #000;}
		.who-we-are dl>dd a:is(:hover, .is-active):before{width: 100%; left: 0%;}

	#main02-02{width:100%; overflow: hidden;}
	.main02-swiper{}
		.main02-swiper .swiper-wrapper{margin-top:2rem; display: flex; flex-flow: row nowrap;}
		.main02-swiper .swiper-wrapper .swiper-slide{min-width:100%; width:100%; height:76rem; position: relative; overflow:hidden; display: flex; align-items: end; border-radius:2rem;}
		.main02-swiper .swiper-wrapper .swiper-slide .main-inConts{padding:0 5rem 15.5rem; text-align: left;}

		.main02-swiper .swiper-pagination{width:100%; font-size:var(--base20); line-height:1; color: #000; position: static; display: flex; flex-flow: row wrap; gap:1rem;}
		.main02-swiper .swiper-pagination-bullet{width:26rem; height:4rem; padding:0 17px; border:1px solid #000; font-size:0.8em; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; border-radius:0.5rem;}

		.main02-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #000; color: #fff;}
/*[e] Main Style */

/*[s] Sub Style */
	.management-list{width:100%; display: flex; flex-flow: row wrap; align-items: center; gap:5rem;}
		.management-list>li{width:calc((100% - 10rem) / 3);}
		.management-list a{font-size:var(--base20); line-height:1; color: #000; display: flex; flex-flow: column nowrap; position: relative;}
		.management-list a:before{content: "+"; font-weight: 300; font-size:2em; line-height:0.5; color: #fff; position:absolute; left: 1.8rem; top:1.8rem; z-index:2;}
		.management-list a figure{aspect-ratio:500/460;}
		.management-list a figure img{width:100%; max-width:none; height:100%; object-fit: cover; display:block;}
		.management-list a p{height:14rem; background-color: #fff; font-weight: 700; font-size:1.5em; display: flex; align-items: center; justify-content: center;}

	.management-link{}
		.management-link>li{display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; gap:0 11.25%;}
		.management-link>li figure,
		.management-link>li .conts{width:calc((100% - 11.25%) / 2);}
		.management-link>li figure img{width:100%; height:100%; max-width:none; object-fit: cover; display:block;}

		.management-link>li dl{font-size:var(--base20); line-height:1; color: #000;}
		.management-link>li dl>dt{font-weight: bold; font-size:2em;}
		.management-link>li dl>dd{margin-top:2rem; line-height:1.7; color: #444;}

		.management-link>li ul.jum>li{padding:1rem 0 1rem 1.2rem; border-bottom:1px solid #262836; color: #fff;}
		.management-link>li ul.jum>li:before{content: "·"; position:absolute; left: 0; top:1rem;}

		.management-link>li:nth-child(even) figure{order:2;}
		.management-link>li:nth-child(even) .conts{order:1;}

		.full-area.navy .management-link>li dl,
		.full-area.navy .management-link>li dl>dd{color: #fff;}

	.management-btm{padding:0;}

	.status-info{display: flex; flex-flow: row wrap; align-items: end; gap:1rem 5rem;}
		.status-info figure{width:calc((100% - 5rem) / 2);}
		.status-info figure img{height:44.6rem; object-fit: cover;}
		.status-info table{width:calc((100% - 5rem) / 2); border-spacing:0; border-collapse: separate; table-layout : fixed;}
		.status-info table th,
		.status-info table td{padding:3.5rem 0; border-bottom:1px solid #262626; font-size:var(--base20); line-height:1.5; color: var(--color); text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box; word-break:keep-all; word-wrap:break-word;}
		.status-info table th{width:24.5161%;}
		.status-info table td{font-weight: 700;}

	.status-product{display: flex; flex-flow: row wrap; gap:5rem;}
		.status-product>li{width:calc((100% - 5rem) / 2); font-size:var(--base20); line-height:1.4; color: var(--color); }
		.status-product figure{aspect-ratio:775/515;}
		.status-product figure img{width:100%; max-width:none; height:100%; object-fit: cover; display:block;}
		.status-product p{margin-top:2rem; font-size:0.9em; text-align: center;}

	.status-group{display:grid; grid-template-columns:repeat(5, 1fr); gap:5rem 2rem;}
		.status-group>li{text-align:center;}
		.status-group figure{height:14rem; border:1px solid rgba(255,255,255,0.1); background:#000; display:flex; align-items:center; justify-content:center;}
		.status-group figure img{display:block; width:auto; height:auto; max-width:80%; max-height:5rem; object-fit:contain; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
		.status-group a{font-size:var(--base20); line-height:1.4; color: var(--color); display:block; }
		.status-group p{margin-top:1.5rem; font-size:0.9em;}

	.group-list{display:grid; grid-template-columns:repeat(2, 1fr); gap:7.5rem 6rem;}
		.group-list>li{font-size:var(--base20); line-height:1.4; color: var(--color);}
		.group-list .thumb{aspect-ratio:770/420; border-radius:1rem; overflow: hidden;}
		.group-list .thumb img{width:100%; max-width:none; height:100%; object-fit: cover; display:block;}
		.group-list .group-logo{height:12rem; padding:3rem 9rem 0 0; display: flex; align-items: end; position: relative;}
		.group-list .group-logo .logo img{display:block; width:auto; height:auto; max-width:100%; max-height:9.5rem; object-fit:contain;}
		.group-list .group-logo .goMap{width:6.1rem; position: absolute; right:0; bottom:0;}
		.group-list .group-title{margin-bottom:2.5rem; padding:2.5rem 0 2.4rem; border-bottom:1px solid #ddd; font-weight: 700; font-size:1.5em; line-height:1.3;}
		.group-list dl{display: flex; flex-flow: row wrap;}
		.group-list dl+dl{margin-top:1.5rem;}
		.group-list dl>dt{width:14rem; font-weight: 700;}
		.group-list dl>dd{flex:1; color: #555;}

		.group-list .noPost{grid-column:1 / -1; width:100%; height:40rem; border-top:1px solid #000; border-bottom:1px solid #ddd; color: #555; text-align: center; display:flex; align-items:center; justify-content:center;}

	.history-tit{font-weight: 800; font-size:8rem; line-height:0.75; color: #dbdbdb; text-align: center; letter-spacing:0.4em !important;}
	.timeline-wrapper{margin-top:7rem; position: relative;}
		.timeline-wrapper .main-line{width: 2px; position: absolute; left: 50%; top: 0; bottom: 0; transform: translateX(-50%); pointer-events: none;}
		.timeline-wrapper .main-line-bg{background: #e6e6e6; position: absolute; inset: 0;}
		.timeline-wrapper .main-line-fill{height: 0%; background: #171a79; position: absolute; left: 0; right: 0; top: 0; transition: height 0.08s linear;}

		/* ── 섹션: 사진(좌) + 공간 + 연혁(우) ── */
		.timeline-section {display: grid; grid-template-columns: 43.75% 12.5% 1fr; gap: 0;}
		.timeline-section + .timeline-section {margin-top:14rem;}

		/* ── 좌: 사진 ── */
		.timeline-wrapper .photo-col {grid-column: 1;}
		.timeline-wrapper .photo-sticky {padding-bottom: 0; position: sticky; top: 10rem; align-self: start;}
		.timeline-wrapper .photo-sticky figure{aspect-ratio: 700 / 440; position: relative;}
		.timeline-wrapper .photo-sticky figure img {width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(0.9);}

		/* ── 우: 연혁 ── */
		.timeline-wrapper .history-col {grid-column: 3; font-size:var(--base20); line-height:1.2; color: #000;}
		.timeline-wrapper .decade-label{font-weight: 800; font-size: 3.5em; line-height: 0.75; position: relative;}
		.timeline-wrapper .history-entry{margin-top:5rem;}
		.timeline-wrapper .history-entry>dt{font-weight: bold; font-size: 2em;}
		.timeline-wrapper .history-entry>dd{line-height:1.4; color: #444;}

	.organization-box{padding:10rem 3rem; background:#f3f4f9 url('/assets/images/sub/img_organization_map.png') no-repeat center center / 68.8750%; }
		.organization-box .img-wrap{display: flex; align-items: center; justify-content: center;}

	.location-info{margin-top:5rem; font-size:var(--base20); line-height:var(--lineHeight); color: #444; display: flex; flex-flow: row wrap; gap:2rem 8rem; position: relative;}
		.location-info img{object-fit: cover; display:block;}
		.location-info img[src*="icon_location_juso"]{width:2.3rem;}
		.location-info img[src*="icon_location_tel"]{width:2rem;}
		.location-info img[src*="icon_location_fax"]{width:2rem;}
		.location-info img[src*="icon_map.png"]{width:2.3rem;}

		.location-info .logo{}
		.location-info .logo img{height:3rem;}

		.location-info .location-c{flex:1; display:flex; flex-flow: row wrap; align-items: center; gap:2rem 6.5rem;}
		.location-info .location-c .juso{width:100%; font-weight: bold; font-size:1.25em; color: #000; display: flex; flex-flow: row wrap; align-items: center; gap:1rem;}
		.location-info .location-c dl{font-size:1.1em; display: inline-flex; align-items: center; gap:0 3rem;}
		.location-info .location-c dl>dt{display: inline-flex; align-items: center; gap:1rem;}
		.location-info .location-c dl>dt figure{display: inline-flex;}
		.location-info .location-c dl i{display:none;}

		.location-info .goNaverMap{padding:0.7rem 2.5rem; border:1px solid #000; font-size:0.8em; line-height:1; color: #000; display: flex; flex-flow: row wrap; align-items: center; gap:1rem; position: absolute; right:0; top:0; border-radius:3px;}

	.departments-list{display:grid; grid-template-columns:repeat(3, 1fr); gap:8rem 5rem;}
		.departments-list>li{padding:0 3.9rem 5rem; border:1px solid #d2d2d2; font-size:var(--base20); line-height:1.2; color: #000; border-radius:1rem; box-shadow:0 0.7rem 0.7rem rgba(0,0,0,0.07); position: relative; overflow: hidden;}
		.departments-list figure{width:calc(100% + 7.8rem); margin:0 0 3rem -3.9rem; aspect-ratio:500/300; display: flex;}
		.departments-list figure img{width:100%; max-width:none; object-fit: cover; display:block;}
		.departments-list .cate{width:100%; padding:3rem 4rem 6rem; position: absolute; left:0; top:0;
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#080a4d+0,080a4d+100&0.65+0,0+100 */
			background: linear-gradient(to bottom,  rgba(8,10,77,0.65) 30%,rgba(8,10,77,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		}
		.departments-list .cate img{height:2.4rem; display:block; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
		.departments-list .title{font-weight: bold; font-size:1.7em; line-height:1;}
		.departments-list .option{margin-top:3rem; display: flex; gap:0;}
		.departments-list .option+.option{margin-top:1rem;}
		.departments-list .option>dt{width:4.5em; font-weight: 600;}
		.departments-list .option>dd{flex:1; color: #444; word-break:break-all;}

	.resources-list{display:grid; grid-template-columns:repeat(4, 1fr); gap:4rem 3.4rem;}
		.resources-list>li{}
		.resources-list>li>a{padding:5rem 3rem; background-color: #f4f6f8; font-size:var(--base20); line-height:1.4; color: #000; border-radius:1rem; display: flex; align-items: center; position: relative;}
		.resources-list>li .title{flex:1; font-weight: bold; font-size:1.1em;}
		.resources-list>li img[src*="_pdf"]{width:5rem;}

		.resources-list>li:hover>a{background-color: #171a79; color: #fff;}

	.video-top{display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between;}
		.youtube-frame{width:50%; aspect-ratio: 16/9; position: relative;}
		.youtube-frame iframe{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

	.recruitment-process-area{display:grid; grid-template-columns:repeat(3, 1fr); gap:5rem;}
		.recruitment-process-area>li:not(.text){padding:4.9rem 2rem 4rem; border:1px solid #d2d2d2; font-size:var(--base20); line-height:1; color: #444; text-align: center; display: flex; flex-flow: column nowrap; align-items: center; border-radius:1rem; box-shadow:0 0.7rem 0.7rem rgba(0,0,0,0.07); position: relative;}
		.recruitment-process-area>li:not(.text):before{content: ""; width: 5rem; height: 100%; background:url('/assets/images/sub/icon_recruitment-process.png') no-repeat center center / 3rem; position:absolute; left:-5rem; top:0px;}
		.recruitment-process-area>li:not(.text) .num{font-weight: bold; color: #171a79;}
		.recruitment-process-area>li:not(.text) figure{height:13rem; display: flex; align-items: center; justify-content: center;}
		.recruitment-process-area>li:not(.text) figure img{height:5.1rem;}
		.recruitment-process-area>li:not(.text) figure img[src*="icon_recruitment-process03"]{height:5rem;}
		.recruitment-process-area>li:not(.text) figure img[src*="icon_recruitment-process04"]{height:5.2rem;}
		.recruitment-process-area>li:not(.text) figure img[src*="icon_recruitment-process05"]{height:4.9rem;}
		.recruitment-process-area>li:not(.text) dl{}
		.recruitment-process-area>li:not(.text) dl>dt{font-weight: bold; font-size:1.25em; color: #000;}
		.recruitment-process-area>li:not(.text) dl>dd{margin-top:0.5rem; line-height:1.4;}

		.recruitment-process-area>li:not(.text):nth-of-type(2):before,
		.recruitment-process-area>li:not(.text):nth-of-type(4):before{display:none;}

		.recruitment-process-area>li.text{font-size:var(--base20); line-height:1; color: #444;}
		.recruitment-process-area>li.text dl{}
		.recruitment-process-area>li.text dl>dt{font-weight: 800; font-size:2.4em; color: #000;}
		.recruitment-process-area>li.text dl>dd{margin-top:2.5rem; line-height:1.4;}

	.benefits-area{display: flex; flex-flow: row wrap; align-items: start; gap:5rem;}
		.benefits-list{width:calc((100% - 5rem) / 3);}
		.benefits-list.right{width:calc(((100% - 5rem) / 3) * 2); display:grid; grid-template-columns:repeat(2, 1fr); gap:5rem;}
		.benefits-list.right>li{border:1px solid #d2d2d2; font-size:var(--base20); line-height:1; color: #444; text-align: center; display: flex; flex-flow: column nowrap; align-items: center; border-radius:1rem; box-shadow:0 0.7rem 0.7rem rgba(0,0,0,0.07); position: relative; overflow: hidden;}
		.benefits-list.right>li .num{font-weight: bold; color: #171a79;}
		.benefits-list.right>li figure{width:100%; aspect-ratio:500/300; display: flex; align-items: center; justify-content: center;}
		.benefits-list.right>li figure img{width:100%; max-width:none; object-fit: cover; display:block;}
		.benefits-list.right>li dl{width: 100%; padding:3.9rem 3.9rem 7.4rem; text-align: left;}
		.benefits-list.right>li dl>dt{font-weight: bold; font-size:1.25em; color: #000;}
		.benefits-list.right>li dl>dd{margin-top:1.5rem; line-height:1.4;}

		.benefits-list.right>li ul.jum{display: flex; flex-flow: row wrap; gap:0.5rem 1rem;}
		.benefits-list.right>li ul.jum>li{color: #444;}
		.benefits-list.right>li ul.jum>li:nth-child(odd){width:calc(45% - 0.5rem);}
		.benefits-list.right>li ul.jum>li:nth-child(even){width:calc(55% - 0.5rem);}

		.benefits-list>li.text{font-size:var(--base20); line-height:1; color: #444;}
		.benefits-list>li.text dl{}
		.benefits-list>li.text dl>dt{font-weight: 800; font-size:2.4em; color: #000;}
		.benefits-list>li.text dl>dd{margin-top:2.5rem; line-height:1.4;}

	.talent-box{}
		.talent-box .img-wrap{display: flex; align-items: center; justify-content: center;}
/*[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: #000; 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{}

	#password-lay{width:51rem; border-radius:1rem; box-shadow:0 0.7rem 0.7rem rgba(0,0,0,0.07); overflow: hidden;}
		#password-lay .layer-in{padding:6rem 7.5rem 5rem; background-color: #fff; font-size:var(--base20); line-height:1; color: #444; text-align: center;}
		#password-lay .password-lay_title{}
		#password-lay .password-lay_title>dt{font-weight: bold; font-size:1.3em; color: #000;}
		#password-lay .password-lay_title>dd{margin-top:1rem; line-height:1.3;}
		#password-lay .password-lay_form{margin-top:2.5rem; display: flex; gap:0.6rem;}
		#password-lay .password-lay_form input[type=text],
		#password-lay .password-lay_form input[type=submit]{height:5rem; padding:0 2rem; background-color: #fff; border:1px solid #d2d2d2; font-weight: 400; line-height:4.8rem; color: #555; border-radius:0.5rem; overflow: hidden;}

		#password-lay .password-lay_form input[type=text]{flex:1;}
		#password-lay .password-lay_form input[type=submit]{width:8rem; background-color: #000; border:none; font-weight: 600; color: #fff;}
/*[e] Plugin Style */

@media only screen and (max-width : 1720px){
}
@media only screen and (max-width : 1600px){
	.scroll-wide{}
		.scroll-wide .img-wrap{width:100%; overflow: hidden; overflow-x: auto;}
		.scroll-wide .img-wrap img{width:160.2rem; max-width:none;}
		.scroll-wide .swipe-hint-box{display: flex;}
}
@media only screen and (max-width : 1440px){
}
@media only screen and (max-width : 1320px){
}
@media only screen and (max-width : 1280px){
	.management-list{gap:3rem;}
		.management-list>li{width:calc((100% - 6rem) / 3);}

	.management-link>li{gap:5rem 6rem;}
		.management-link>li{align-items: inherit;}
		.management-link>li figure,
		.management-link>li .conts{width:calc((100% - 6rem) / 2);}
		.management-link>li .conts{padding:9rem 0;}

	.group-list{gap:7.5rem 3rem;}

	.resources-list{gap:3rem 2rem;}
		.resources-list>li>a{padding:5rem 2rem;}
		.resources-list>li .title{font-size:1em;}

	.video-top{}
		.youtube-frame{width:52%;}
		.full-area.visual.video dl{width:44.8750%;}

	.benefits-area{}
		.benefits-list.right>li ul.jum>li:nth-child(odd),
		.benefits-list.right>li ul.jum>li:nth-child(even){width:100%;}
}
@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;}
	/*[e] All Style */

	/*[s] Main Style */
		.mainConts-sub{}
			.mainConts-sub .swiper-wrapper .swiper-slide{height:66rem;}

		.who-we-are{}
			.who-we-are dl>dd{width:100%; margin-top:1rem;}
	/*[e] Main Style */

	/*[s] Sub Style */
		.management-list{gap:3rem;}
			.management-list>li{width:calc((100% - 3rem) / 2);}

		.management-link{}
			.management-link>li+li{margin-top:9rem;}
			.management-link>li figure,
			.management-link>li .conts{width:100%; padding:0;}
			.management-link>li figure img{height:40rem; border-radius:1rem;}

			.management-link>li:nth-child(even) figure{order:1;}
			.management-link>li:nth-child(even) .conts{order:2;}

		.management-btm{padding:9rem 0;}

		.status-info{}
			.status-info figure,
			.status-info table{width:100%;}
			.status-info figure img{width:100%; max-width:none; height:40rem; object-fit: cover; border-radius:1rem;}

		.status-product{gap:5rem 3rem;}
			.status-product>li{width:calc((100% - 3rem) / 2);}

		.status-group{grid-template-columns:repeat(3, 1fr);}

		.group-list{grid-template-columns:repeat(1, 1fr);}
			.group-list .group-logo .logo img.is-small-logo{max-width:70%;}
			.group-list .group-title{font-size:1.3em;}

		.organization-box{padding-top:5rem; overflow: hidden; overflow-x: auto;}
			.organization-box .img-wrap{width:100%; padding-top:3rem; justify-content: start;}
			.organization-box .img-wrap img{width:102.4rem; max-width:none;}
			.organization-box .swipe-hint-box{display: flex;}

		.location-info{}
			.location-info .location-c{flex:none; width:100%; margin-top:2rem;}

		.departments-list{grid-template-columns:repeat(2, 1fr);}

		.resources-list{grid-template-columns:repeat(2, 1fr); gap:4rem 3.4rem;}
			.resources-list>li>a{padding:5rem 3rem;}
			.resources-list>li .title{font-size:1.1em;}

		.video-top{}
			.youtube-frame{width:100%;}
			.full-area.visual.video dl{width:100%; margin-top:5rem;}

		.recruitment-process-area{grid-template-columns:repeat(2, 1fr);}
			.recruitment-process-area>li.text{grid-column:1 / -1; width:100%;}

			.recruitment-process-area>li:not(.text):nth-of-type(6):before{display:none;}

		.benefits-area{}
			.benefits-list{width:100%;}
			.benefits-list.right{width:100%;}
	/*[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 */
		ul.jum>li{padding-left:1.4rem;}

		h4>strong{font-size:1.7em;}
	/*[e] All Style */

	/*[s] Main Style */
		.m-btn{}
			.m-btn>a{height:6rem; padding:0 2.5rem;}
			.m-btn>a>span{padding-right:1.8rem; background-size:0.8rem;}

			.m-btn.sub>a>span{background-position: right center;}

		.scroll-indicator{}
			.scroll-indicator .scroll-div{gap:1.5rem;}
			.scroll-indicator .chevrons{width:3.6rem;height:3.6rem;}
			.scroll-indicator .chevrons span{width:1.8rem;height:1.8rem;}

		.mainConts{height:102rem;}

		.main-inConts{}
			.main-inConts .m-title{font-size:2em; line-height:1.5em;}
			.main-inConts .m-title.small{font-size:1.5em; line-height:1.5em;}

		.mainConts-sub{}
			.mainConts-sub .swiper-wrapper .swiper-slide,
			.mainConts-sub.is-open .mainConts-swiper{height: 90rem;}

		.who-we-are{}
			.who-we-are h2{font-size:1.5em; line-height:1.3em;}
			.who-we-are dl{margin-top:3.8rem; font-size:0.8em;}
			.who-we-are dl>dt{}
			.who-we-are dl>dd{margin-top:2rem;}
			.who-we-are dl>dd a{height:3.7rem; display: inline-flex; align-items: center; justify-content: center; position: relative;}
			.who-we-are dl>dd a:before{content: ""; width: 0; height: 2px; background-color: #000; position:absolute; left: 50%; bottom:0px;}

			.who-we-are dl>dd a:is(:hover, .is-active){text-shadow:0 0 0.01px #000, 0 0 0.01px #000;}
			.who-we-are dl>dd a:is(:hover, .is-active):before{width: 100%; left: 0%;}

		.main02-swiper{}
			.main02-swiper .swiper-wrapper .swiper-slide{height:40dvh;}
			.main02-swiper .swiper-wrapper .swiper-slide .main-inConts{padding:0 3rem 10dvw; text-align: left;}

			.main02-swiper .swiper-pagination-bullet{flex:0 1 100%; width:auto; height:6rem;}
	/*[e] Main Style */

	/*[s] Sub Style */
		.management-list{gap:4rem;}
			.management-list>li{width:100%;}

		.management-link>li dl>dt{font-size:1.7em;}

		.status-product>li{width:100%;}

		.status-group{grid-template-columns:repeat(2, 1fr);}

		.timeline-wrapper{}
			.timeline-wrapper .main-line{left: 0; transform: translateX(0%);}

			/* ── 섹션: 사진(좌) + 공간 + 연혁(우) ── */
			.timeline-section {padding-left:3rem; display: block;}

			/* ── 우: 연혁 ── */
			.timeline-wrapper .history-col{margin-top:8rem;}
			.timeline-wrapper .decade-label{font-size: 3em;}
			.timeline-wrapper .history-entry{margin-top:5rem;}
			.timeline-wrapper .history-entry>dt{font-weight: bold; font-size: 2em;}
			.timeline-wrapper .history-entry>dd{line-height:1.4; color: #444;}

		.location-info{}
			.location-info .logo{}
			.location-info .logo img{height:4rem;}

			.location-info .location-c{}
			.location-info .location-c .juso{}
			.location-info .location-c dl{font-size:1em; gap:0 3rem;}

			.location-info .goNaverMap{padding:1rem 2.5rem; font-size:0.9em;}

		.departments-list{}
			.departments-list .title{font-size:1.5em;}
			.departments-list .option{gap:0 3rem;}
			.departments-list .option>dt{width:8rem;}

		.resources-list{gap:3rem 2rem;}
			.resources-list>li>a{padding:5rem 2rem;}
			.resources-list>li .title{font-size:1em;}

		.talent-box{overflow: hidden; overflow-x: auto;}
			.talent-box .img-wrap{width:100%; padding-top:3rem; justify-content: start;}
			.talent-box .img-wrap img{width:122rem; max-width:none;}
			.talent-box .swipe-hint-box{display: flex;}
	/*[e] Sub Style */

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

		#password-lay{width:100%; max-width:480px;}
			#password-lay .layer-in{padding:8rem 7rem 6rem;}
			#password-lay .password-lay_form input[type=text],
			#password-lay .password-lay_form input[type=submit]{height:7rem; font-size:var(--base20); line-height:6.8rem;}

			#password-lay .password-lay_form input[type=submit]{width:10rem;}
	/*[e] Plugin Style */
}
@media only screen and (max-width : 640px){
	.departments-list{grid-template-columns:repeat(1, 1fr);}

	.recruitment-process-area{grid-template-columns:repeat(1, 1fr);}
		.recruitment-process-area>li:not(.text):before{display:none;}

	.benefits-list.right{grid-template-columns:repeat(1, 1fr);}
		.benefits-list.right>li ul.jum>li:nth-child(odd){width:calc(45% - 0.5rem);}
		.benefits-list.right>li ul.jum>li:nth-child(even){width:calc(55% - 0.5rem);}
}
@media only screen and (max-width : 480px){
	.location-info .location-c dl>dt{display: inline-flex; align-items: center; gap:1rem;}
		.location-info .location-c dl>dt>span{width:9.5rem; display: inline-flex; justify-content:space-between;}
		.location-info .location-c dl i{display:inline;}

	.resources-list{grid-template-columns:repeat(1, 1fr);}
}

/*
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
*/