@charset "utf-8";

/****************************************************
	root /변경금지/
****************************************************/
:root{
	--theme-color: #1c2a44;
	--dark-color: #5f0e0e;
	--main-color: #5f0e0e;
	--second-color: #a37d67;
	--accent-color: #a37d67;	
	--footer-color: #414141;
	--footer-font: #bbbbbb;
	/* 우측퀵레이어 .pop-quick-layer */
	--item-count: {{sidebar_count}}; /* 아이템갯수 */
	--item-height: calc(var(--pop-height) / var(--item-count));
}
/***********************************************************
	이동하면 안되는것들 - 개별적용 항목 /변경금지/
***********************************************************/
/* 메인 비주얼 슬라이드 넘버 */
.main-visual .pag.act1 .bar:after {width: calc(100% / 00 * 1) !important;}
.main-visual .pag.act2 .bar:after {width: calc(100% / 00 * 2) !important;}
.main-visual .pag.act3 .bar:after {width: calc(100% / 00 * 3) !important;}
.main-visual .pag.act4 .bar:after {width: calc(100% / 00 * 4) !important;}
.main-visual .pag.act5 .bar:after {width: calc(100% / 00 * 5) !important;}
/* 건드리지말것들 yun */
#header .logo a.logo-img {background: url(/admin/upimg/2025/11/17/1763343365_1.로고-w.png) no-repeat left center / contain;}
#gnb.depth1-list >li .depth1 {color: #ffffff;}
#gnb.depth1-list >li:hover .depth1 {color: #ffffff;}
#gnb.depth1-list .depth2 li a {color: #ffffff;}
#gnb.depth1-list .depth2 li a:hover {color: #ffffff;}
#gnb.depth1-list >li .depth1:after {background: #ffffff;}
.main-loc.simple .desc .text b:after {content:""; display:block; background: url(/admin/upimg/2025/11/17/1763343365_4.로고-w.png)no-repeat center center /contain; width: var(--logo-width); height: var(--logo-height);}
/* .header[class*=_on] 투명헤더적용 */ /* 개별적용 */
.header[class*=_on] .inner .menu li a {color: #ffffff;}
.header[class*=_on]:hover .menu li:hover a {color: #ffffff;}
/*.header[class*=_on]:hover .inner .menu li a {color: #ffffff;}*/
.header[class*=_on] .sub-menu >li .bot_menu li a:hover {color: #ffffff;}
.header[class*=_on] .header_util .item {color: #ffffff;}
/* .header[class*=_on] 투명헤더적용 서브적용 */  /* 개별적용 */
/*.header[class*=_on].header_sub .header_util .item {color: #ffffff;}
.header[class*=sec01_on].header_sub .inner .menu li a {color: #ffffff;}*/
.header[class*=sec01_on].header_sub .inner .menu li:hover a {color: #ffffff;}
/* 우측퀵레이어 .pop-quick-layer */
.pop-quick-layer .quick {display: grid; grid-auto-rows: minmax(var(--item-height), auto); /* 그리드 아이템갯수 조절 100/8=12.5 */margin-top: auto; margin-bottom: 0;}
 
 
 
 /****************************************************
	1. asset 이동완료 2025-07-25
	2. 개별사이트 스타일 작업시 아래에 추가하여 사용하세요!
****************************************************/
/* add */
:root {
   /*  --sub-visual-height: 15vh !important; */
   --blue: #0059ff;   
   @media screen and (max-width: 800px){
   	.site-wrap[class*="type-"] {
		--row-gap: 2rem !important;
	    --option-radius: 0rem !important;
		--desc-padding: 5rem !important;
	}
   }
}
/* 애니메이션죽이기 */
.opacity {opacity:1 !important;}
@keyframes fadeInUp {display:none !important;}
@keyframes fadeInDown {display:none !important;}

.swiper-autoheight, .swiper-autoheight .swiper-slide {}
.main-news .news-slide .bg img {object-fit:unset;}
/***************************************

공통

***************************************/
.site-img:after, * .infoimg:after, .info-con.img:after {display:none !important;}
[class*=section]:not(.visual-video, .visual) {/* padding: 10rem var(--common-padding) !important; */}
.hero-style .container {gap: 3rem !important; margin-top: 0vw;}
.hero-style .container .slide-title {font-size: 8rem !important; font-family: var(--eng-font) !important;}
.hero-style .container .slide-text {font-weight: 400 !important;}
.hero-style .container .slide-desc {margin-top: 0 !important; font-weight: 500 !important; letter-spacing: -0.085rem !important; font-size: 2.685rem;}
.info-table .caution {display:none !important;}
.header[class*=_on] .s_menu_cont {padding: var(--header-height) 0 0rem !important;}
.fix-box-alram .open-box {background: var(--accent-color) !important;}
/* 뱃지 */
.badge-wrap .badge-inner > .ani_03 [class*=item-] .circle-title-wrap {gap: 2rem !important;}
.badge-wrap .badge-inner > .ani_03 [class*=item-] .circle-title-wrap .desc {font-size:0 !important;}
.badge-wrap .badge-inner > .ani_03 [class*=item-] .circle-title-wrap .desc:before,
.badge-wrap .badge-inner > .ani_03 [class*=item-] .circle-title-wrap .desc:after {display:block !important;}
.badge-wrap .badge-inner > .ani_03 [class*=item-]:before {background: var(--white-a) !important;}
/*.badge-wrap .badge-inner > .ani_03:hover [class*=item-]:before {background: var(--accent-color) !important;}*/
/* 상단 유틸숨기기 */
.header[class*=_on] .header_util {display:none !important;}
/* 메인슬라이드 */
[class*=section].visual-video {height: 100vh;}
[class*=section].visual-video video { height: 100vh; object-fit: cover;}
.main-visual-video {position: relative;}
.main-visual-video .inner {filter: brightness(0.7);}
.main-visual-video .inner {flex-direction: row; align-items: stretch; justify-content: flex-end; align-content: center; flex-wrap: wrap;}
.main-visual-video .copy {position: absolute; z-index: 1; font-size: 5rem; color: var(--white); display: flex ; flex-direction: column; gap: 2rem; line-height: 1.15; top: calc(var(--header-height) + 10vw); left: 5vw; text-shadow: var(--box-shadow2); box-sizing: border-box;}
.main-visual-video .copy b {font-size: 9rem !important; font-family: var(--eng-font) !important;}
.main-visual-video .copy .mtxt {font-size: 4rem !important; font-weight: 600 !important;}
.main-visual-video .copy .stxt {font-size: 2.685rem; font-weight: 400 !important; letter-spacing: -0.085rem !important; line-height: 1.15;}
/* footer */
.footer-quick-menu.active01 {bottom: 1rem !important; right: 2rem !important;}
/* 메뉴 */
.header[class*=_on] {--menu-item-width:unset !important; --menu-width:unset !important; --util-width: unset !important;}
.header[class*=_on] .menu-inner {gap: 3rem; margin-left: auto; margin-right: 5rem;}
.header[class*=_on]:not(.sec01_on) {position: fixed !important;}
/* 분양모달팝업 */
.fix-customer-box .customer-box .title .subtit {display: none;}
/* 소셜 */
.footer-quick-menu .menu-list .list-item a {gap: 0 !important; width: 6rem !important; height: 6rem !important; border-radius: 1rem !important;}
.footer-quick-menu .menu-list.menu-list-none-icon .list-item a {padding: 0rem !important; border:none !important;}
.footer-quick-menu .menu-list.menu-list-none-icon .list-item a img {width: inherit !important;}
.footer-quick-menu .menu-list.menu-list-none-icon .list-item a .txt {display:none;}
.footer-quick-menu .menu-list.menu-list-none-icon .list-item:nth-of-type(1) a {}
.footer-quick-menu .menu-list.menu-list-none-icon .list-item:nth-of-type(1) a img {width: 5rem !important; height: 5rem !important; margin:0 auto;}


@media screen and (max-width:1280px){
	footer .inner {padding-bottom:0 !important;}
	footer .footer-rt {margin-top:0 !important;}
	footer {padding-bottom:5rem !important;}
}
@media screen and (max-width: 1024px){
	.header[class*=_on] .header_util {display:flex !important;}	
	.header[class*=_on] .header_util .item.item03 {display:none !important;}
}
@media screen and (max-width: 800px){
	.badge-wrap .badge-inner > div [class*=item-] {top: 50vh !important; right: auto !important; bottom: auto; left: 5vw; }
}
@media screen and (max-width: 640px){
	.main-visual-video .copy b {font-size: 8vw !important;}
	.main-visual-video .copy .mtxt {font-size: 5vw !important;}
	.main-visual-video .copy .stxt {font-size: 4vw !important;}
	footer {padding-top: 4rem !important;}	
}
@media screen and (max-width: 480px){
	[class*=section].visual-video {height: 75vh;}
	[class*=section].visual-video video { height: 75vh; object-fit: cover;}
	.badge-wrap {display:none;}
}

/***************************************

main-page

***************************************/
/* 회사소개 */
#section1 {background: var(--lightgray); /* height: 85vh; */ display: flex; align-items: center;}
#section1[class*=section] .sub-site {display: grid !important; gap: 0 !important; align-items: center}
#section1[class*=section] .title {grid-column: 1 / 2 span; display: none;}
#section1[class*=section] .content-title {text-align: left !important; padding-right: 5rem; justify-content: center; word-break: break-word;/* grid-row: 2; grid-column: 1; */}
#section1[class*=section] .content-title-main {font-size: 8rem !important; font-family: var(--eng-font) !important; text-transform: uppercase; grid-column: 1 / 2 span;}
#section1[class*=section] .content-title-sub {font-size: 3.6rem !important; color: var(--tanblack);}
#section1[class*=section] .site-img {/* grid-row: 2; */ grid-column: 2;}
#section1[class*=section] .site-img img {border-radius: 5rem;}
#section1[class*=section] .site-wrap {display: none;}
/* 프로젝트 */
#section2.news {background: var(--brightgray);}
.main-news {/*overflow: visible !important;*/}
#section2[class*=section].news .title {color: var(--theme-color); gap: 0rem !important;}
.main-news .prev, .main-news .next {left: auto !important; right: 6rem;}
.main-news .news-slide .copy {width:100% !important; padding:0 !important;}
.main-news .news-slide .copy p,
.main-news .news-slide .copy span.stxt {display: none !important;}
.main-news .news-slide .copy span.mtxt {text-align:center;}
.main-news .news-slide .swiper-slide {background: none !important; border:none !important; border-radius: 0rem !important; height: 300px !important;}
.main-news .news-slide .bg {height: 100% !important; max-height: 80vh !important; overflow: hidden;}
.main-news .news-slide .bg a {height: 100%; object-fit: cover;}
#section2.news .subtit {position: relative; display: flex; flex-direction: row; gap: 2rem; align-items: center;}
#section2.news .title-more {display:flex; font-size: 2.4rem; color: var(--mudgray); border:1px solid currentColor; border-radius: 0rem; width: fit-content; position: absolute; top: 0; right: 0;}
#section2.news .title-more a {display: block; width: fit-content; padding: 1.2rem 5rem;}
#section2.news .button-wrap {display: flex; flex-direction: row; gap: 1rem; margin-top: -2rem;}
.main-news .prev, .main-news .next {position: unset !important;border: none !important; background: none !important; box-shadow: none !important;}
.main-news .prev::after {content: '\f177' !important;}
.main-news .next::after {content: '\f178' !important;}
/* 부동산분양상담사 */
#section2 {background: var(--main-color); /* height: 70vh; */ display: flex; align-items: center;}
#section2[class*=section] .main-mainimg {flex-direction: row; align-items: center !important; gap: 8rem !important; } 
#section2[class*=section] .title {color: var(--white); gap: 3rem !important; font-size: 3.5rem !important; letter-spacing: -0.03rem; word-break: break-word; text-align: left !important; box-sizing: border-box;}
#section2[class*=section] .maintit {letter-spacing: -0.05rem;}
#section2[class*=section] .maintit,
#section2[class*=section] .subtit {color: inherit !important;}
#section2[class*=section] .info-con {border-radius: 4rem; overflow: hidden;}
#section2[class*=section] .info-con {cursor: pointer;}
/* 교육시스템 */
/* 교육시스템 */ 
#section3 {padding: 0;}
#section3 .sub-site {max-width:100%;}
#section3 .sub-site .system >.system {padding:0;}
#section3 .system .item {display: flex; flex-direction: row-reverse;}
#section3 .system {width: 100%; margin: 0 auto; background: var(--white); padding:0 0 10rem 0;}
#section3 .system .item {--margin: 20rem; --radius: 50rem; border-radius: var(--radius) 0 0 var(--radius); margin-left: var(--margin); margin-right: auto; gap:5rem;}
#section3 .system .item .infoimg {width: 100%; border-radius: inherit;}
#section3 .system .item:where(:nth-of-type(2)) {margin-left: auto; margin-right: var(--margin); border-radius: 0 var(--radius) var(--radius) 0;}
#section3 .system .item:where(:nth-of-type(2)) .infoimg {border-radius: 0 var(--radius) var(--radius) 0;}
#section3 .system .sitetext-list {display: flex; flex-direction: row;}
#section3 .system .sitetext-list .sitetext-title {display: flex; flex-direction: column; align-items: flex-start; flex-shrink: 0; width: 10rem; padding: 0 5rem;}
#section3 .system .sitetext-list .sitetext-title .list-title {font-size: 7rem; line-height: 1;}
#section3 .system .sitetext-list .sitetext-title .list-stitle {font-size: 2rem; font-weight: 200; letter-spacing: -0.01em;}
#section3 .system .sitetext-list .sitetext-desc {padding: 0;}
#section3 .system .sitetext-list .sitetext-desc .dd-title {font-size: 3rem; font-weight: 500; text-align: unset;}
#section3 .system .sitetext-list .sitetext-desc .dd-titles {align-items: unset;}
#section3 .system .sitetext-list .sitetext-desc .dd-desc-ul {align-items: unset; gap:0;}
#section3 .system .sitetext-list .sitetext-desc .dd-desc {text-align: unset; word-break: break-word;}
#section3 .system .center-title, .system .center-title-main {padding: 0 !important; display: none !important; }
#section3 .system .center-title, .system .site-wrap {/*max-width: var(--max-width);*/ margin: 0 auto; }
#section3 .system .site-wrap.bgcolor .item:where(:nth-of-type(3)) {background: var(--theme-color) !important;}
#section3 .system .site-wrap.bgcolor .item:where(:nth-of-type(2)) {flex-direction: row;}
#section3 .system .item:where(:nth-of-type(2)) .sitetext-list {flex-direction: row-reverse; padding: var(--desc-padding) 0 !important;}
/******** 스토리 *******/
/* 메인 스토리숨기기 */
.main-page #system.section.consult-system {}
.main-page .consult-system .consult-system-wrap h3 {display:none;}
.main-page .system .center-title {display: none;}
.main-page #section3.site .title,
.main-page #section3.site .content-title,
.main-page #section3.site .site-img {display:none;}
/*.main-page #section3.site {padding: 0 0 10rem 0 !important;}*/
.main-page #section3.site .center-title, .main-page #section3.site .center-title-main {display: none !important;}
/* 채용문의 */
#section4 {/* height: 40vh; */ padding: 15rem var(--common-padding) !important; display: flex; flex-direction: column; align-items: center; background:var(--main-color) url(https://01025828693.bunyangnara.kr/admin/upimg/1945/08/15/bg-020.png) fixed no-repeat center center /cover;}
#section4 .main-mainimg {align-items: center;}
#section4 .main-mainimg .title {font-size: 3rem; gap: 2rem;}
#section4[class*=section] .maintit,
#section4[class*=section] .subtit {color: var(--white) !important; letter-spacing: -0.05rem;}
#section4 .main-mainimg .info-con.img {width: fit-content; height: 5rem; padding:1rem 2rem;}
#section4 .main-mainimg .info-con.img:after {display:none;}
#section4 .main-mainimg .info-con.img:before {content: "입사지원 바로가기"; display: block; clear: both; background: var(--blue); padding: 2rem 8rem; border-radius: 1rem; font-weight: 400; font-size: 3rem; color: var(--white-a9); border: 1px solid currentColor; transition: var(--transition); cursor: pointer; } 
#section4 .main-mainimg .info-con.img:hover:before {background: var(--blue); color: var(--white); border: 1px solid currentColor;}
#section4 .main-mainimg .info-con.img img {width: 0 !important; height: 0 !important;}
@media screen and (max-width: 1280px){
	#section3 .system .item .infoimg {width: 50%;}		
}
@media screen and (max-width: 1024px){
	#section1[class*=section] .sub-site {display: flex !important; gap: 3rem !important; align-items: end;}		
}
@media screen and (max-width: 800px){	
	#section1[class*=section] .content-title {padding-right:0;}		
	#section1[class*=section] .content-title-main {font-size: 6vw !important;}
	#section1[class*=section] .content-title-sub {font-size: 5vw !important;}
	#section1[class*=section] .site-img {grid-column: 2; display: flex; justify-content: flex-end;}
	#section1[class*=section] .site-img img {width: auto !important;}
	#section2[class*=section] .main-mainimg {flex-direction: column; gap: 3rem !important;}
	#section2[class*=section] .title {margin: 0rem auto 0 !important;}
	/*#section3[class*=section] .site-wrap.col-2 {gap: 10rem !important;}*/
	#section3 .system .item {
		--margin: 0rem;
		--desc-padding: 5rem;
	}
	#section3 .system .sitetext-list {flex-direction: column; padding: var(--desc-padding) !important; padding-right: 0 !important;}
	#section3 .system .item:where(:nth-of-type(2)) .sitetext-list {padding: var(--desc-padding) !important; padding-left: 0 !important;}
	#section3 .system .item:where(:nth-of-type(2)) .sitetext-list {flex-direction: column;}
	#section4[class*=section] .maintit {font-size: 5.2vw !important;}
	#section4[class*=section] .subtit {font-size: 4.3vw !important;}
	/*.main-page #section3.site {padding:0 !important;}*/
}
@media screen and (max-width: 640px){
	#section1[class*=section] .content-title-main {font-size: 4rem !important;}
	#section2[class*=section] .title {font-size: 2.4rem !important;}	
}
@media screen and (max-width: 480px){ 
	#section3 .system {padding:0 0 5rem 0;}
	#section3 .system .item, #section3 .system .site-wrap.bgcolor .item:where(:nth-of-type(2)) { flex-direction: column; gap: 0;}
	#section3 .system .item .infoimg {width:100%;}
	#section3 .system .sitetext-list, #section3 .system .item:where(:nth-of-type(2)) .sitetext-list {padding: 0 2rem !important;}
	#section3 .system .sitetext-list .sitetext-title {display: flex; flex-direction: row; align-items: center; justify-content: left; width: 100%; padding: 0; gap: 1rem;}
	#section3 .system .sitetext-list .sitetext-title .list-title, #section3 .system .sitetext-list .sitetext-title .list-stitle {font-size: 8vw; font-weight:bold;}
	#section3 .system .item, #section3 .system .item:where(:nth-of-type(2)) .infoimg, #section3 .system .item:where(:nth-of-type(2)) {border-radius: 0 10rem 10rem 0;}
	#section3 .system .sitetext-list .sitetext-desc .dd-title {font-size: 6vw !important;}
}



/***************************************

sub-page

***************************************/
.site-wrap[class*="type-"]{
    --option-radius: 2rem !important;
	}
/* [class*=section].visual {height: var(--header-height); background: var(--theme-color);}
[class*=section].visual .sub-visual {display:none;} */
.sub-visual .swiper-slide .copy {display:flex !important;}
.sub-visual .swiper-slide .bg.item1 {/* background:var(--theme-color); background-blend-mode: overlay; */}
.snb {border-bottom: none !important;}
.sub-page [id*=section] {background: none !important; /* height: auto !important; */}
.sub-page [id*=section] .sub-site {gap: 0 !important;}
.sub-page [id*=section][class*=section] .title {display: none !important;}
.sub-page [id*=section] .site-wrap.col-2 .sitetext-list .sitetext-desc .dd-title {font-size: 3rem;}
/***** 스토리 *****/
/* 뒷모습이미지 */
.sub-page #section2.section.site {padding: 0 !important; display: flex; align-items: center; background:var(--black-a4) url("https://01025828693.bunyangnara.kr/admin/upimg/1945/08/15/bg-021.png") fixed no-repeat center center /cover !important; background-blend-mode: soft-light; /* display:none; */}
.sub-page #section2.section.site .sub-site {max-width: 100% !important; width: 100%; }
.sub-page #section2.section.site .sub-site .content-title {max-width: var(--max-width); width: 80%; text-align: right; justify-content: center; font-weight: 800; font-size: 9rem; letter-spacing: -0.02em; font-family: var(--eng-font) !important; color: var(--white); line-height: 1.1; height: 100vh; display:none;}
.sub-page #section2.section.site .sub-site .site-img {display:none;}
.info-table {display:none;}
.sub-page #section2.section.site .sub-site .content-title-main {font-weight: inherit; font-size: inherit; letter-spacing: inherit; font-family: inherit !important; color: inherit;}
.sub-page #section2.section.site .sub-site .content-title-sub {color: inherit;}
.sub-page #section2.section.site .sub-site .content-title-desc {color: inherit; line-height: 1.2;}
/* 분양컨설팅박스 */
.consult-system {}
.consult-system {flex-direction: column; text-align: center; background:var(--black-a4) url("https://01025828693.bunyangnara.kr/admin/upimg/1945/08/15/bg-021.png") fixed no-repeat center center /cover !important; background-blend-mode: soft-light;}
.consult-system .consult-system-wrap {width: 100%; flex-direction: column; text-align: center; border-radius: 8rem; background: var(--brightgray); font-size: 3.5rem; box-shadow: var(--box-shadow6); overflow: hidden; gap: 0rem; margin: 5vw auto;}
.consult-system .consult-system-wrap h2 {font-size: 5rem; background: var(--theme-color); color: var(--white); padding: 2.5vw 10vw;}
.consult-system .consult-system-wrap h3 {font-size: 4rem; display:none;}
.consult-system .consult-system-wrap .consult-system-item {padding: 5vw 10vw;}
.consult-system .consult-system-wrap .consult-system-item h4 {font-size: 5rem; color: var(--theme-color); font-weight: 600; margin-bottom: 2rem;}
/* 교육시스템-타이틀영역 */
.traning-system {flex-direction: column; text-align: center; background: var(--white) !important; padding: var(--common-padding) var(--common-padding) 0!important;}
.traning-system h2 {text-transform: uppercase; font-weight: 200;}
.traning-system h3 {font-weight: 800; padding-bottom: 2vw;}
.traning-system .traning-system-wrap {gap: 0rem !important;}
.traning-system .traning-system-item {font-size: 3rem; color: var(--mudgray); line-height:1.4; padding-bottom: 2rem;}
.traning-system .traning-system-item strong {color: var(--theme-color);}

/* 교육시스템 */ 
#section2 .system .item {display: flex; flex-direction: row-reverse;}
#section2 .system {width: 100%; margin: 0 auto; background: var(--white); padding:0 0 10rem 0;}
#section2 .system .item {--margin: 20rem; --radius: 50rem; border-radius: var(--radius) 0 0 var(--radius); margin-left: var(--margin); margin-right: auto; gap:5rem;}
#section2 .system .item .infoimg {width: 100%; border-radius: inherit;}
#section2 .system .item:where(:nth-of-type(2)) {margin-left: auto; margin-right: var(--margin); border-radius: 0 var(--radius) var(--radius) 0;}
#section2 .system .item:where(:nth-of-type(2)) .infoimg {border-radius: 0 var(--radius) var(--radius) 0;}
#section2 .system .sitetext-list {display: flex; flex-direction: row;}
#section2 .system .sitetext-list .sitetext-title {display: flex; flex-direction: column; align-items: flex-start; flex-shrink: 0; width: 10rem; padding: 0 5rem;}
#section2 .system .sitetext-list .sitetext-title .list-title {font-size: 7rem; line-height: 1;}
#section2 .system .sitetext-list .sitetext-title .list-stitle {font-size: 2rem; font-weight: 200; letter-spacing: -0.01em;}
#section2 .system .sitetext-list .sitetext-desc {padding: 0;}
#section2 .system .sitetext-list .sitetext-desc .dd-title {font-size: 3rem; font-weight: 500; text-align: unset;}
#section2 .system .sitetext-list .sitetext-desc .dd-titles {align-items: unset;}
#section2 .system .sitetext-list .sitetext-desc .dd-desc-ul {align-items: unset; gap:0;}
#section2 .system .sitetext-list .sitetext-desc .dd-desc {text-align: unset; word-break: break-word;}
#section2 .system .center-title, .system .center-title-main {padding: 0 !important; display: none !important; }
#section2 .system .center-title, .system .site-wrap {/*max-width: var(--max-width);*/ margin: 0 auto; }
#section2 .system .site-wrap.bgcolor .item:where(:nth-of-type(3)) {background: var(--theme-color) !important;}
#section2 .system .site-wrap.bgcolor .item:where(:nth-of-type(2)) {flex-direction: row;}
#section2 .system .item:where(:nth-of-type(2)) .sitetext-list {flex-direction: row-reverse; padding: var(--desc-padding) 0 !important;}

/* 시스템 */
#section3.site .site-wrap .sitetext-list .sitetext-desc .dd-desc-ul {}
.site-wrap .sitetext-list .sitetext-desc .dd-desc:before {color: var(--white) !important;}
.site-wrap .sitetext-list .sitetext-desc .dd-desc {font-size: 2rem !important;}
.site-wrap[class*="row"].bgcolor .sitetext-list .sitetext-desc .dd-title-sm {display:none;}
/* 프로세스 */
.sub-page #section3.process {display: flex; align-items: center; flex-direction: column; gap: 7rem; padding: 13rem var(--common-padding) !important; background:var(--black-a5) url("https://01025828693.bunyangnara.kr/admin/upimg/1945/08/15/bg-020.png") no-repeat center center /cover !important; background-blend-mode: overlay;}
.sub-page #section3.process .center-title-main {font-weight: 800 !important; color: var(--accent-color) !important;}
.sub-page #section3.process .system-item {display: grid; grid-template-columns: repeat(auto-fit, minmax(16%, auto)); gap: 8rem !important; color: var(--white); text-align: center;}
.sub-page #section3.process .system-item [class*=item] {display: flex; flex-direction: column; align-items: center; gap: 2rem;}
.sub-page #section3.process .system-item [class*=item] h4 {display: flex; flex-direction: column; align-items: center; gap: 1rem;}
.sub-page #section3.process .system-item [class*=item] .icon {display: flex !important; font-size: 3rem; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; width: 10rem; height: 10rem; align-items: center; justify-content: center;}
.sub-page #section3.process .system-item [class*=item] .icon:before {font-size: 4rem;}
.sub-page #section3.process .system-item [class*=item]:nth-of-type(1) .icon:before {content: "\f1ad";}
.sub-page #section3.process .system-item [class*=item]:nth-of-type(2) .icon:before {content: "\f15c";}
.sub-page #section3.process .system-item [class*=item]:nth-of-type(3) .icon:before {content: "\f164";}
.sub-page #section3.process .system-item [class*=item]:nth-of-type(4) .icon:before {content: "\f2b4";}
.site-wrap .item .infoimg {max-height: 60vw !important;}

@media screen and (max-width: 1280px){	
	#section2 .system .item .infoimg {width: 50%;}
}
@media screen and (max-width: 800px){
	#section2 .system .item {
		--margin: 0rem;
		--desc-padding: 5rem;
	}
	#section2 .system .sitetext-list {flex-direction: column; padding: var(--desc-padding) !important; padding-right: 0 !important;}
	#section2 .system .item:where(:nth-of-type(2)) .sitetext-list {padding: var(--desc-padding) !important; padding-left: 0 !important;}
	#section2 .system .item:where(:nth-of-type(2)) .sitetext-list {flex-direction: column;}
	
	.consult-system {flex-direction: column; text-align: center; background:var(--black-a4) url("https://01025828693.bunyangnara.kr/admin/upimg/2025/11/17/1763357255_1.story_bg_mo.webp") no-repeat center center /cover !important; background-blend-mode: soft-light;}
	.consult-system .consult-system-wrap {width: 100%; font-size: 3.5vw; border-radius: 2rem;}
	.consult-system .consult-system-wrap h2 {font-size: 4.3vw;}
	.consult-system .consult-system-wrap .consult-system-item h4 {font-size: 4.3vw;}

	.sub-page #section3.process .system-item {grid-template-columns: repeat(auto-fit, minmax(40%, auto)); gap:5rem 1rem !important;}
	.sub-page #section3.process .center-title-main {text-align: center;}
	.traning-system h2 {font-size: 6vw;}
	[class*=section] .center-title-main  {font-size: 7vw !important;}
	.traning-system .traning-system-item {font-size: 4vw;}	
}
@media screen and (max-width: 480px){
	#section2 .system {padding:0 0 5rem 0;}
	#section2 .system .item, #section2 .system .site-wrap.bgcolor .item:where(:nth-of-type(2)) { flex-direction: column; gap: 0;}
	#section2 .system .item .infoimg {width:100%;}
	#section2 .system .sitetext-list, #section2 .system .item:where(:nth-of-type(2)) .sitetext-list {padding: 0 2rem !important;}
	#section2 .system .sitetext-list .sitetext-title {display: flex; flex-direction: row; align-items: center; justify-content:left; width: 100%; padding: 0; gap: 1rem;}
	#section2 .system .sitetext-list .sitetext-title .list-title, #section2 .system .sitetext-list .sitetext-title .list-stitle {font-size: 8vw; font-weight:bold;}
	#section2 .system .item, #section2 .system .item:where(:nth-of-type(2)) .infoimg, #section2 .system .item:where(:nth-of-type(2)) {border-radius: 0 10rem 10rem 0;}
	#section2 .system .sitetext-list .sitetext-desc .dd-title {font-size: 6vw !important;}
	.site-wrap.row.bgcolor .infoimg img {width: 100% !important; margin:0 !important;}
	.sub-page #section2.section.site .sub-site .content-title {font-size: 5rem; height: 50vh;}
	.site-wrap.row.bgcolor .sitetext-list,
	.site-wrap .sitetext-list,
	.site-wrap[class*="type-"][class*="row"]:where(.bgcolor, .bgcolor.radius, .line, .shadow) .sitetext-list {margin-top: 2rem !important; margin-bottom: var(--desc-padding) !important;}
}
/* 프로젝트 */
#bru_bbs .sc-board-header {display: none !important;}
#bru_bbs ul.sc-board-list li .copy p {display: none !important;}
#bru_bbs ul.sc-board-list li .copy span.stxt {display: none !important;}
#bru_bbs ul.sc-board-list li .copy span.mtxt {margin: 0 0 0 0 !important;}
/* 채용문의 */
.sub-page #section4 {/* height: 40vh; */ padding: 0 var(--common-padding) !important; display: flex; flex-direction: column; align-items: center; background:var(--main-color) url(https://01025828693.bunyangnara.kr/admin/upimg/1945/08/15/bg-020.png) fixed no-repeat center center /cover;}
/******** customer sub *************/
[class*=section].customer.sub .info {display:none !important;}
#section3 {flex-direction: column;}
.recruit-wrap {padding: 5rem 0;}
.recruit-wrap .recruit-box {width: calc(100vw - 10vw); max-width: var(--common-width); display:flex; flex-direction: column; gap: 5rem;}
.recruit-wrap .recruit-box .item {display:flex; flex-direction: row; gap: 5rem; font-size: 2.265rem; color: var(--mudgray); font-weight: 500; line-height: 1.3;}
.recruit-wrap .recruit-box .item .title {display:flex !important; flex-direction: column; width: 50rem; margin: 0 !important; flex-shrink: 0; text-align: left; font-size: 3rem; font-weight: 700; color: var(--theme-color);}
.recruit-system {padding: 5rem 0 0;}
.recruit-system .recruit-system-box {width: calc(100vw - 10vw); max-width: var(--common-width); display:flex; flex-direction: column; gap: 5rem;}
.recruit-system .recruit-system-box .text {display:flex !important; flex-direction: column; gap: 0; font-size: 4rem; color: var(--theme-color); font-weight: 700; line-height: 1.3;}
.recruit-system .recruit-system-box .text .title {display: flex !important; font-size: unset; text-align: unset; margin: unset !important; color: var(--tanblack) !important;}
.recruit-system .recruit-system-box .text .desc {}
.recruit-system .recruit-system-box .recruit-system-item {display:grid; grid-template-columns: repeat(auto-fit, minmax(20%, auto)); gap: 2rem; font-size: 2.265rem; color: var(--mudgray); font-weight: 500; line-height: 1.2;}
.recruit-system .recruit-system-box .recruit-system-item .item {background: var(--brightgray); border-radius: 0 0 5rem 0;}
.recruit-system .recruit-system-box .recruit-system-item .item:before {content: ""; display: block; width: 100%; height: 3px; background: var(--theme-color);}
.recruit-system .recruit-system-box .recruit-system-item .item .text {color: var(--mudgray); font-weight: 500; padding: 3rem; font-size: 2.265rem; word-break: break-word; display: flex !important; flex-direction: column; gap: 1rem; }
.recruit-system .recruit-system-box .recruit-system-item .item .title {display:flex !important; flex-direction: column; margin: 0 !important; flex-shrink: 0; text-align: left; font-size: 3rem; font-weight: 700; color: var(--theme-color);}
@media screen and (max-width: 1024px){
	.recruit-wrap {padding:0;}
	.recruit-wrap .recruit-box .item {flex-direction: column; gap: 1rem;}
	.recruit-system .recruit-system-box .text {font-size: 4rem; word-break: break-word;}
	.recruit-system .recruit-system-box .recruit-system-item {grid-template-columns: repeat(auto-fit, minmax(47%, auto));}
}



/* media */
@media screen and (max-width: 1880px) {
	@media screen and (max-width: 1640px){
	}
	@media screen and (max-width: 1560px){
	}
	@media screen and (max-width: 1500px){
	}
	@media screen and (max-width: 1470px){		
	}
	@media screen and (max-width:1280px){		
	}
	@media screen and (max-width: 1024px){		
	}
	@media screen and (max-width: 800px){ /* breakpoint 모바일 */	
	}
	@media screen and (max-width: 640px){				
	}
	@media screen and (max-width: 480px){		
	}
	@media screen and (max-width: 360px){	
	}
}