/* visual */
#visual{ position: relative; }
#visual.visual{ padding: 15.1% 0; }
#visual .text-box{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); text-align: center; padding-top: 98px; color: #fff; }
#visual .text-box h2{ font-family: var(--Montserrat); font-size: 5.5rem; font-weight: 800; margin-bottom: 15px; }
#visual .text-box p{ font-size: 2.1rem; font-weight: 400; line-height: 1.4285; letter-spacing: -0.02em; }

/* 배경 이미지 */
.visual1{ background: url("/img/sub/company_bg.jpg") no-repeat center center / cover; }
.visual2{ background: url("/img/sub/business_bg.jpg") no-repeat center center / cover; }
.visual3{ background: url("/img/sub/portfolio_bg01.jpg") no-repeat center center / cover; }
.visual4{ background: url("/img/sub/employ_bg.jpg") no-repeat center center / cover; }
.visual5{ background: url("/img/sub/inquiry_bg.jpg") no-repeat center center / cover; }

/* 포트폴리오 비주얼 없애기 */
/* .visual3{ display: none; } */
#visual.visual3{ height: 280px !important; padding: 0 !important; }
#visual.visual3 p{ display: none; }

/* hexgen */
.hexagen{ display: inline-block; position: relative; --bg: #fff; }
.hexagen::before, .hexagen::after, .hexagen .line::before, .hexagen .line::after{ content: ""; width: var(--width); height: var(--width); background: var(--bg); position: absolute; z-index: 20; }
.hexagen::before, .hexagen::after{ top: var(--position); }
.hexagen .line::before, .hexagen .line::after{ bottom: var(--position); }
.hexagen::before, .hexagen .line::before{ left: var(--position); transform: rotate(45deg); }
.hexagen::after, .hexagen .line::after{ right: var(--position); transform: rotate(-45deg); }
.hexagen.border::before{ border-right: 1px solid var(--border); }
.hexagen.border::after{ border-left: 1px solid var(--border); }
.hexagen.border .line::before, .hexagen.border .line::after{ border-top: 1px solid var(--border); }

/* lnb */
#lnb{ margin-top: 60px; text-align: center; }
#lnb .hexagen{ max-width: fit-content; width: 100%; --width: 24px; --position: -12px; --border: #D9D9D9; margin: 0 auto; --clip: 15px; }
#lnb ul{ width: 100%; display: flex; justify-content: center; padding: 5px; border: 1px solid #D9D9D9; position: relative; z-index: 10; margin: 0 auto; }
#lnb ul li{ width: 220px; height: 55px; }
#lnb ul li:not(:last-of-type){ margin-right: 5px; }
#lnb ul li a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 1.7rem; font-weight: 700; color: #3E3E3E; letter-spacing: -0.02em; text-transform: uppercase; }

#lnb ul li.on a{ background: var(--mainColor); color: #fff; clip-path: polygon(var(--clip) 0%, calc(100% - var(--clip)) 0%, 100% var(--clip), 100% calc(100% - var(--clip)), calc(100% - var(--clip)) 100%, var(--clip) 100%, 0% calc(100% - var(--clip)), 0% var(--clip)); }

@media screen and (max-width: 1500px){
	/* visual */
	#visual .text-box{ padding-top: 78px; }
	#visual .text-box h2{ font-size: 4.5rem; }
	#visual .text-box p{ font-size: 1.9rem; }
	
	/* lnb */
	#lnb ul li{ width: 180px; height: 50px; }
}

@media screen and (max-width: 1400px){
	/* visual */
	#visual.visual{ height: 300px; }
}

@media screen and (max-width: 1250px){
	/* visual */
	#visual .text-box h2{ font-size: 4rem; margin-bottom: 10px; }
	#visual .text-box p{ font-size: 1.8rem; }

	/* 포트폴리오 비주얼 없애기 */
	#visual.visual3{ height: 200px !important; }

	/* lnb */
	#lnb{ margin-top: 30px; }
}

@media screen and (max-width: 1100px){
	/* visual */
	#visual .text-box{ padding-top: 66px; }
}

@media screen and (max-width: 900px){
	/* visual */
	#visual .text-box h2{ font-size: 3.5rem; }
	#visual .text-box p{ font-size: 1.7rem; }

	/* lnb */
	#lnb .hexagen{ --width: 20px; --position: -10px; --clip: 12px; }
	#lnb ul li{ max-width: calc((100% - 10px) / 3); width: 180px; height: 45px; }
	#lnb ul li a{ font-size: 1.6rem; }
}


/* common */
.sub-content{ padding-bottom: 160px; }
.sub-content section:not(:last-of-type){ margin-bottom: 110px; }
.sub-content2 { padding-bottom: 160px; }
.sub-content2 section:not(:last-of-type){ margin-bottom: 20px; }/* 원래는 110 */

.page-title{ color: #222; text-align: center; padding-top: 100px; }
.page-title h3{ font-size: 4.8rem; font-weight: 800; }
.page-title p{ font-size: 3.5rem; font-weight: 500; letter-spacing: -0.02em; margin-top: 15px; }
.page-title p strong{ font-weight: 700; color: var(--mainColor); }

.page-title2{ color: #222; text-align: center; padding-top: 45px; }
.page-title2 h3{ font-size: 4.8rem; font-weight: 800; }
.page-title2 p{ font-size: 3.5rem; font-weight: 500; letter-spacing: -0.02em; margin-top: 15px; }
.page-title2 p strong{ font-weight: 700; color: var(--mainColor); }

.sec-title{ text-align: center; }
.sec-title h4{ font-family: var(--Montserrat); font-size: 4.5rem; font-weight: 700; color: #222; }
.sec-title h4 strong{ font-weight: 800; }
.sec-title p{ font-size: 3.5rem; font-weight: 500; color: #222; letter-spacing: -0.02em; line-height: 1.6; }

.blue{ color: var(--mainColor); }

/* .tab-menu */
.tab-menu ul{ display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: -10px; }
.tab-menu li{ font-size: 3rem; font-family: var(--Montserrat); font-weight: 500; color: #DCDCDC; text-align: center; text-transform: uppercase; padding: 20px; border-bottom: 1px solid #DCDCDC; margin-bottom: 10px; position: relative; transition: all 0.5s; cursor: pointer; }
.tab-menu li:not(:last-of-type){ margin-right: 40px; }
.tab-menu li::after{ content: ""; width: 100%; height: 4px; background: var(--mainColor); position: absolute; bottom: -1px; left: 0; transform: scaleX(0); transform-origin: left; transition: all 0.5s; }

.tab-menu li.on, .tab-menu li:hover{ font-weight: 700; color: var(--mainColor); }
.tab-menu li.on::after, .tab-menu li:hover::after{ transform: scaleX(1); }

/* paging */
.paging{ display: flex; justify-content: center; align-items: center; margin-top: 60px; }
.paging a{ display: flex; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; font-size: 1.5rem; font-weight: 400; color: #999; border: none; background: none; }
.paging ul{ display: flex; align-items: center; }
.paging ul li a{ font-family: var(--Montserrat); border-radius: 50%; }
.paging .arr{ display: flex; align-items: center; }
.paging .arr a.first i:first-of-type{ margin-right: -10px; }
.paging .arr a.last i:last-of-type{ margin-left: -10px; }
.paging ul li.on a{ background: var(--mainColor); font-weight: 600; color: #fff; }

@media screen and (max-width: 1600px){
	.sub-content{ padding-bottom: 120px; }

	/* page-title */
	.page-title h3, .page-title2 h3{ font-size: 4rem; }
	.page-title p, .page-title2 p{ font-size: 3rem; }

	/* sec-title */
	.sec-title h4{ font-size: 3.5rem; }

	/* .tab-menu */
	.tab-menu li{ font-size: 2.5rem; padding: 15px; }
}

@media screen and (max-width: 1250px){
	.sub-content{ padding-bottom: 100px; }
	.sub-content section:not(:last-of-type){ margin-bottom: 80px; }

	/* page-title */
	.page-title{ padding-top: 60px; }
	.page-title h3, .page-title2 h3{ font-size: 3.5rem; }
	.page-title p, .page-title2 p{ font-size: 2.2rem; }

	/* sec-title */
	.sec-title h4{ font-size: 3rem; }
	.sec-title p{ font-size: 2.2rem; }

	/* .tab-menu */
	.tab-menu li{ font-size: 2.2rem; }
}

@media screen and (max-width: 900px){
	/* page-title */
	.page-title h3, .page-title2 h3{ font-size: 3rem; }
	.page-title p, .page-title2 p{ font-size: 1.9rem; }

	/* sec-title */
	.sec-title h4{ font-size: 2.5rem; }
	.sec-title p{ font-size: 1.9rem; }
}

/* .intro */
.intro .flex-box{ display: flex; }
.intro .flex-box > div{ width: 50%; }

.intro .flex-box .figure{ position: relative; }
.intro .flex-box .figure figure{ width: calc(100% + ((100vw - 1500px) / 2)); height: 100%; position: absolute; top: 50%; right: 0; transform: translateY(-50%); overflow: hidden; }
.intro .flex-box .figure img{ width: 100%; height: 100%; object-fit: cover; }

.intro .flex-box .text{ padding-left: 85px; display: flex; flex-direction: column; justify-content: flex-end; }
.intro .flex-box .text h4{ font-family: var(--Montserrat); font-size: 4rem; font-weight: 500; color: #222; margin-bottom: 40px; }
.intro .flex-box .text h4 strong{ font-weight: 700; }
.intro .flex-box .text .gray{ padding: 40px 0; position: relative; }
.intro .flex-box .text .gray::before{ content: ""; width: calc(100% + ((100vw - 1500px) / 2) + 85px); height: 100%; background: #F8F8F8; position: absolute; top: 0; left: -94px; z-index: -1; }
.intro .flex-box .text .gray::after{ content: ""; width: 1px; height: 50px; background: var(--mainColor); position: absolute; left: 0; top: 0; transform: translateY(-50%); }
.intro .flex-box .text p{ font-size: 1.7rem; font-weight: 300; color: #1F1F1F; line-height: 1.5; }
.intro .flex-box .text .gray p:not(:last-of-type){ margin-bottom: 30px; }

@media screen and (max-width: 1540px){
	.intro .flex-box .figure figure{ width: calc(100% + 20px); }
	.intro .flex-box .text .gray::before{ width: calc(100% + 105px); left: -85px; }
}

@media screen and (max-width: 1500px){
	.intro .flex-box .text h4{ font-size: 3.5rem; }
}

@media screen and (max-width: 1300px){
	.intro .flex-box .text{ padding-left: 60px; }
}

@media screen and (max-width: 1250px){
	.intro .flex-box .text h4{ font-size: 3rem; }
	.intro .flex-box .text p{ font-size: 1.6rem; } 
	.intro .flex-box .text .gray p:not(:last-of-type){ margin-bottom: 20px; }
}

@media screen and (max-width: 1000px){
	.intro .flex-box{ flex-direction: column; }
	.intro .flex-box > div{ width: 100%; }
	.intro .flex-box .text{ padding-left: 0; padding-top: 40px; }
	.intro .flex-box .figure figure{ width: calc(100% + 40px); right: -20px; }
}

/* white-line */
.white-line{ position: relative; text-align: center; color: #fff; }
.white-line::before, .white-line > div::before, .white-line > div::after{ content: ""; content: ""; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.2); position: absolute; top: 50%; }
.white-line::before{ left: 50%; transform: translate(-50%, -50%); }
.white-line > div{ position: relative; border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); }
.white-line > div::before, .white-line > div::after{ transform: translateY(-50%); }
.white-line > div::before{ left: calc(100% / 4); }
.white-line > div::after{ right: calc(100% / 4); }

.white-line h4{ font-size: 4.8rem; font-weight: 800; color: #fff; text-align: center; }

@media screen and (max-width: 1600px){
	.white-line h4{ font-size: 4rem; }
}

@media screen and (max-width: 1250px){
	.white-line h4{ font-size: 3.5rem; }
}

@media screen and (max-width: 900px){
	.white-line h4{ font-size: 2.8rem; }
}

/* image-list */
.image-list{ display: flex; flex-wrap: wrap; margin-bottom: -40px; }
.image-list li{ width: calc((100% - 40px) / 2); margin-right: 40px; margin-bottom: 40px; }
.image-list li:nth-of-type(2n){ margin-right: 0; }
.image-list li figure{ width: 100%; position: relative; overflow: hidden; padding-bottom: 60.6%; }
.image-list li figure img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media screen and (max-width: 900px){
	.image-list{ margin-bottom: -20px; }
	.image-list li{ width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom: 20px; }
}


/* 회사소개 - 마롱컴퍼니 */
#company.sub-content{ padding-bottom: 0; }
#company section:not(:last-of-type){ margin-bottom: 130px; }
#company .page-title{ margin-bottom: 88px; }

#company .intro .figure{ padding-bottom: 46.6%; }
#company .intro .text h4{ position: relative; }
#company .intro .text h4::before{ content: url("/img/sub/commas_after.svg"); position: absolute; top: -35px; left: -5px; transform: translateY(-50%); }
#company .intro .text .gray p{ padding-right: 55px;  }
#company .intro .text .gray p:first-of-type{ position: relative; }
#company .intro .text .gray p:first-of-type::after{ content: url("/img/sub/commas_after.svg"); position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(180deg); }

#company .introduce{ background: url("/img/sub/company/company_introduce_bg.png") no-repeat center center / cover; padding-bottom: 200px; }
#company .introduce .sec-title h4{ font-weight: 500; }
#company .introduce .tab-menu{ margin-top: 40px; }
#company .introduce .tab-menu li{ width: calc((100% - 40px) / 2); }

#company .introduce .tab-content{ margin-top: 100px; }
#company .introduce .tab-content .tab:not(:first-of-type){ display: none; }
#company .introduce .tab ul{ display: flex; flex-wrap: wrap; text-align: center; }
#company .introduce .tab ul li{ border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; }
#company .introduce .tab dl dt{ font-family: var(--Montserrat); font-size: 2.4rem; font-weight: 600; color: #1F1F1F; letter-spacing: -0.02em; line-height: 1.5; }
#company .introduce .tab dl dd{ font-size: 1.7rem; font-weight: 300; color: #1F1F1F; line-height: 1.5; letter-spacing: -0.02em; }

#company .introduce .tab.tab01 ul{ margin-bottom: -13px; }
#company .introduce .tab.tab01 ul li{ width: calc((100% - 26px) / 3); margin-right: 13px; margin-bottom: 13px; padding: 7% 30px; }
#company .introduce .tab.tab01 ul li:nth-of-type(3n){ margin-right: 0; }
#company .introduce .tab.tab01 dl dt{ margin: 30px 0 10px; }

#company .introduce .tab.tab02 ul{ margin-bottom: -30px; }
#company .introduce .tab.tab02 ul li{ width: calc((100% - 90px) / 4); margin-right: 30px; margin-bottom: 30px; padding: 4% 20px 3.3%; }
#company .introduce .tab.tab02 ul li:nth-of-type(4n){ margin-right: 0; }
#company .introduce .tab.tab02 ul li .icon{ margin: 35px 0; }

@media screen and (max-width: 1500px){
	#company section:not(:last-of-type){ margin-bottom: 130px; }
	#company .intro br{ display: none; }

	#company .introduce{ padding-bottom: 150px; }
	#company .introduce .tab-content{ margin-top: 70px; }
	#company .introduce .tab dl dt{ font-size: 2.2rem; }

	#company .introduce .tab.tab02 br{ display: none; }  
}

@media screen and (max-width: 1250px){
	#company section:not(:last-of-type){ margin-bottom: 100px; }
	#company .intro .text h4::before{ transform: translateY(-50%) scale(0.8); }
	#company .intro .text .gray p:first-of-type::after{ transform: translateY(-50%) rotate(180deg) scale(0.8); }

	#company .introduce{ padding-bottom: 100px; }
	#company .introduce .tab-content{ margin-top: 40px; }
	#company .introduce .tab dl dt{ font-size: 2rem; }

	#company .introduce .tab.tab01 br{ display: none; }
	#company .introduce .tab.tab01 dl dt{ margin: 20px 0 10px; }
	
	#company .introduce .tab.tab02 ul { margin-bottom: -13px;  }
	#company .introduce .tab.tab02 ul li{ width: calc((100% - 26px) / 3); margin-right: 13px; margin-bottom: 13px; }
	#company .introduce .tab.tab02 ul li:nth-of-type(4n){ margin-right: 13px; }
	#company .introduce .tab.tab02 ul li:nth-of-type(3n){ margin-right: 0; }
	#company .introduce .tab.tab02 ul li .icon{ margin: 20px 0; }
}

@media screen and (max-width: 1000px){
	#company .page-title{ margin-bottom: 60px; } 

	#company .intro .figure{ padding-bottom: 79.8%; }
	#company .intro .text h4::before{ top: -20px; }
	#company .intro .flex-box .text{ padding-top: 70px; }
	#company .intro .text .gray{ padding: 60px 0 40px; }
	#company .intro .text .gray p{ padding-right: 0; }
	#company .intro .text .gray p:first-of-type::after{ top: -15px; right: -10px; transform: translateY(-100%) rotate(180deg) scale(0.8); }

	#company .introduce .tab-menu{ margin-top: 20px; }

	#company .introduce .tab.tab01 ul li{ width: calc((100% - 13px) / 2); }
	#company .introduce .tab.tab01 ul li:nth-of-type(3n){ margin-right: 13px; }
	#company .introduce .tab.tab01 ul li:nth-of-type(2n){ margin-right: 0; }

	#company .introduce .tab.tab02 ul li{ width: calc((100% - 13px) / 2); }
	#company .introduce .tab.tab02 ul li:nth-of-type(3n){ margin-right: 13px; }
	#company .introduce .tab.tab02 ul li:nth-of-type(2n){ margin-right: 0; }
}

@media screen and (max-width: 900px){
	#company .page-title{ margin-bottom: 30px; } 

	#company .introduce .tab-menu li{ width: calc((100% - 15px) / 2); margin-right: 15px; font-size: 2rem; padding: 10px; }
	#company .introduce .tab-menu li:nth-of-type(2n){ margin-right: 0; }

	#company .introduce .tab-content{ margin-top: 20px; }
	#company .introduce .tab dl dt{ font-size: 1.8rem; }
	#company .introduce .tab dl dd{ font-size: 1.6rem; }
}

@media screen and (max-width: 800px){
	#company .introduce .tab.tab01 ul li{ padding: 7% 15px; }
	#company .introduce .tab.tab02 ul li{ padding: 7% 15px; }
}

@media screen and (max-width: 600px){
	#company .introduce .tab.tab01 br{ display: block; }
	#company .introduce .tab.tab01 ul li{ width: 100%; margin-right: 0; }
	#company .introduce .tab.tab01 ul li:nth-of-type(3n){ margin-right: 0; }

	#company .introduce .tab.tab02 br{ display: block; }
	#company .introduce .tab.tab02 ul li{ width: 100%; margin-right: 0; }
	#company .introduce .tab.tab02 ul li:nth-of-type(3n){ margin-right: 0; }
}


/* 회사소개 - 공간, space */
#space .white-line{ background: url("/img/sub/company/space_bg.jpg") no-repeat center center / cover; margin-top: 110px; }
#space .white-line > div{ padding: 150px 0 200px; }
#space .white-line *{ letter-spacing: -0.02em; line-height: 1.5; }
#space .commas{ position: relative; padding: 60px 0; }
#space .commas::before, #space .commas::after{ content: url("/img/sub/company/commas_svg.svg"); position: absolute; left: 50%; transform: translateX(-50%); }
#space .commas::before{ top: 0; }
#space .commas::after{ bottom: 0; transform: translateX(-50%) rotate(180deg); }
#space .white-line h4{ font-family: var(--Montserrat); font-size: 4rem; font-weight: 700; margin-bottom: 15px; }
#space .white-line p{ font-size: 1.7rem; font-weight: 300; }

#space .floor{ overflow: hidden; }
#space .floor .menu ul{ display: flex; flex-wrap: wrap; margin-bottom: -35px; }
#space .floor .menu ul li{ width: calc((100% - 30px) / 3); margin-right: 15px; margin-bottom: 35px; font-family: var(--Montserrat); font-size: 1.7rem; font-weight: 400; color: var(--mainColor); letter-spacing: -0.02em; padding: 10px 0; border-top: 1px solid #99A8B7; position: relative; cursor: pointer; }
#space .floor .menu ul li:nth-of-type(3n){ margin-right: 0; }
#space .floor .menu ul li::before{ content: ""; width: 100%; height: 4px; background: var(--mainColor); position: absolute; top: -1px; left: 0; transform: scaleX(0); transform-origin: left; transition: all 0.5s; }
#space .floor .menu ul li span{ font-weight: 600; } 

#space .floor .menu ul li.on::before, #space .floor .menu ul li:hover::before{ transform: scaleX(1); }

#space .floor .tab-content .tab:not(:first-of-type){ display: none; }
#space .floor .figure-wrap{ width: calc(100% + ((100vw - 100%) / 2)); margin: 50px 0; }
#space .floor .figure-wrap .slick-list{ margin-right: -30px; }
#space .floor .figure{ width: calc(1500px / 2); margin-right: 30px; }
#space .floor .figure figure{ width: 100%; position: relative; overflow: hidden; padding-bottom: 71.8%; }
#space .floor .figure figure img{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#space .floor .btn-box{ display: flex; justify-content: space-between; align-items: center;}
#space .floor .btn-box .bar{ width: calc(100% - 140px); height: 4px; position: relative; }
#space .floor .btn-box .bar::before{ content: ""; width: 100%; height: 1px; background: #DDD; position: absolute; bottom: 0; left: 0; z-index: -1; }
#space .floor .btn-box .bar div{ width: 0; height: 100%; background: var(--mainColor); }
#space .floor .btn-box ul{ display: flex; }
#space .floor .btn-box ul li:not(:last-of-type){ margin-right: 7px; }
#space .floor .btn-box ul li button{ width: 50px; height: 50px; background: none; border: none; font-size: 1.2rem; color: var(--mainColor); position: relative; }
#space .floor .btn-box ul li button.prev i{ transform: rotate(90deg); }
#space .floor .btn-box ul li button.next i{ transform: rotate(-90deg); }
#space .floor .btn-box ul li button::before{ content: url("/img/sub/company/button_border.svg"); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.6s; }
#space .floor .btn-box ul li button.prev:hover::before{ transform: translate(-50%, -50%) rotate(-23deg); }
#space .floor .btn-box ul li button.next:hover::before{ transform: translate(-50%, -50%) rotate(23deg); }  

#space .floor .text-box{ margin-top: 25px; } 
#space .floor .text-box .flex-box{ display: flex; }
#space .floor .text-box .title{ margin-right: 95px; }
#space .floor .text-box .title *{ white-space: nowrap; }
#space .floor .text-box .title h4{ font-family: var(--Montserrat); font-size: 4rem; font-weight: 700; color: #1F1F1F; line-height: 1.5; letter-spacing: -0.02em; }
#space .floor .text-box .title span{ font-size: 2.4rem; font-weight: 500; color: #222; line-height: 1.5; letter-spacing: -0.02em; }
#space .floor .text-box .content{ padding: 10px; }
#space .floor .text-box .content p{ font-size: 1.7rem; font-weight: 300; color: #1F1F1F; line-height: 1.5; letter-spacing: -0.02em; }

@media screen and (max-width: 1770px){
	#space .white-line > div{ width: calc(100% - 40px); padding: 150px 20px 200px; }	
	#space .floor .figure{ width: calc(((100vw - 40px) / 2) - ((100vw - 40px) / 10)); }
}

@media screen and (max-width: 1600px){
	#space .white-line{ margin-top: 80px; }
	#space .white-line > div{ padding: 100px 20px 150px; }
	#space .white-line h4{ font-size: 3.5rem; }

	#space .floor .text-box .title h4{ font-size: 3.5rem; }
}

@media screen and (max-width: 1250px){
	#space .white-line{ margin-top: 50px; }
	#space .white-line h4{ font-size: 3rem; }
	#space .white-line p{ font-size: 1.6rem; }
	#space .commas{ padding: 45px 0; }
	#space .commas::before{ transform: translateX(-50%) scale(0.8); }
	#space .commas::after{ bottom: 0; transform: translateX(-50%) rotate(180deg) scale(0.8); }

	#space .floor .menu ul li{ font-size: 1.6rem; }

	#space .floor .text-box .title h4{ font-size: 3rem; }
}

@media screen and (max-width: 1070px){
	#space .floor br{ display: none; } 
}

@media screen and (max-width: 900px){
	#space .white-line > div{ padding: 50px 20px 60px; }

	#space .floor .text-box .title{ margin-right: 50px; }
	#space .floor .text-box .title h4{ font-size: 2.5rem; }
	#space .floor .text-box .title span{ font-size: 2rem; }
}

@media screen and (max-width: 800px){
	#space .commas br{ display: none; }

	#space .floor .menu ul{ margin-bottom: -10px; }
	#space .floor .menu ul li{ width: calc((100% - 15px) / 2); margin-bottom: 10px; }
	#space .floor .menu ul li:nth-of-type(3n){ margin-right: 15px; }
	#space .floor .menu ul li:nth-of-type(2n){ margin-right: 0; }

	#space .floor .figure-wrap{ margin: 25px 0; }
	#space .floor .figure{ width: calc(100vw - 100px); }
	#space .floor .text-box{ margin-top: 15px; }
	#space .floor .text-box .flex-box{ flex-direction: column; }
	#space .floor .text-box .content{ padding-left: 0; margin-top: 5px; }
}


/* 회사소개 - 히스토리 */
#history section:not(:last-of-type){ margin-bottom: 100px; }
#history .banner{ background: url("/img/sub/company/history_bg.jpg") no-repeat center center / cover; padding: 85px 0; margin-top: 60px; }
#history .banner h4{ font-family: var(--Montserrat); font-size: 5.5rem; font-weight: 700; color: #fff; letter-spacing: -0.04em; text-align: center; }

#history .history-box .flex-box{ display: flex; }
#history .history-box .flex-box > div{ width: 50%; }
#history .history-box .image-box{ padding-top: 22px; }
#history .history-box .image-box .sticky{ max-width: 615px; width: 85%; position: sticky; top: 30%; left: 0; }
#history .history-box .image-box figure{ width: 100%; position: relative; overflow: hidden; padding-bottom: 61.3%; }
#history .history-box .image-box figure img{ width: 100%; /* height: 100%; */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#history .history-box .text-box{ padding-left: 85px; }
#history .history-box .text-box ul li{ position: relative; }
#history .history-box .text-box ul li::before{ content: ""; width: 1px; height: 100%; background: #ddd; position: absolute; top: 22px; left: -82px ; }
#history .history-box .text-box ul li:not(:last-of-type){ padding-bottom: 65px; }
#history .history-box .text-box ul li:last-of-type::before{ display: none; }
#history .history-box .text-box p{ font-family: var(--Montserrat); font-size: 4rem; font-weight: 600; color: var(--mainColor); letter-spacing: -0.02em; margin-bottom: 30px; position: relative; }
#history .history-box .text-box p::before{ content: ""; width: 7px; height: 7px; background: var(--mainColor); border-radius: 50%; position: absolute; top: 22px; left: -85px; }
#history .history-box .text-box ul li dl:not(:last-of-type){ margin-bottom: 20px; }
#history .history-box .text-box dl *{ font-size: 1.7rem; letter-spacing: -0.02em; }
#history .history-box .text-box dl dt{ font-family: var(--Montserrat); font-weight: 600; color: var(--mainColor); margin-bottom: 10px; }
#history .history-box .text-box dl dd{ font-weight: 400; color: #1F1F1F; }

@media screen and (max-width: 1600px){
	#history .banner h4{ font-size: 4.5rem; }

	#history .history-box .text-box p{ font-size: 3.5rem; margin-bottom: 20px; }
}

@media screen and (max-width: 1250px){
	#history .banner{ padding: 60px 0; margin-top: 30px; }
	#history .banner h4{ font-size: 3.5rem; }

	#history .history-box .image-box{ padding-top: 17px; }

	#history .history-box .text-box{ padding-left: 60px; }
	#history .history-box .text-box p{ font-size: 3rem; }
	#history .history-box .text-box p::before{ top: 17px; left: -63px; }
	#history .history-box .text-box ul li::before{ top: 17px; left: -60px; }
}

@media screen and (max-width: 1000px){
	#history section:not(:last-of-type){ margin-bottom: 60px; }
	#history .history-box .flex-box{ flex-direction: column; }
	#history .history-box .flex-box > div{ width: 100%; }

	#history .history-box .image-box{ padding-top: 0; }
	#history .history-box .image-box .sticky{ width: 100%; }

	#history .history-box .text-box{ padding-top: 40px; padding-left: 20px; }
	#history .history-box .text-box p::before{ left: -23px; }
	#history .history-box .text-box ul li::before{ left: -20px; }
}

@media screen and (max-width: 900px){
	#history .banner{ padding: 40px 0; margin-top: 30px; }
	#history .banner h4{ font-size: 3rem; }

	#history .history-box .text-box p{ font-size: 2.5rem; }
	#history .history-box .text-box p::before{ top: 14px; }
	#history .history-box .text-box ul li::before{ top: 14px; }
	#history .history-box .text-box dl *{ font-size: 1.6rem; }
}


/* 사업분야 (공통) */
#business{ overflow: hidden; }
#business .commas{ margin-top: 85px; position: relative; }
#business .top .commas::after{ content: url("/img/sub/business/hexagen_bg.png"); position: absolute; bottom: 15px; right: 25px; z-index: -1; }
#business .commas h5{ font-size: 3rem; font-weight: 400; color: #1F1F1F; letter-spacing: -0.02em; line-height: 1.5; text-align: center; padding: 75px 0; position: relative;position: relative; }
#business .feature h5{ font-weight: 500; }
#business .commas h5::before, #business .commas h5::after{ position: absolute; left: 50%; transform: translateX(-50%); }
#business .commas h5::before{ content: url("/img/sub/commas_after.svg"); top: 0; }
#business .commas h5::after{ content: url("/img/sub/commas_after.svg"); bottom: 0; transform: translateX(-50%) rotate(180deg); }

#business .process{ color: #fff; }
#business .process .hexagen-list{ display: flex; position: relative; padding-top: 85px; margin-bottom: -50px; }
#business .process .hexagen-list::before, #business .process .hexagen-list::after{ content: url("/img/sub/business/hexagen_after.png"); position: absolute; top: 0; }
#business .process .hexagen-list::before{ left: 0; }
#business .process .hexagen-list::after{ right: 0; transform: scaleX(-1); }
#business .process .hexagen-list li{ width: calc((100% - 200px) / 5); text-align: center; margin-bottom: 50px; }
#business .process .hexagen-list li:not(:last-of-type){ margin-right: 50px; }
#business .process .hexagen-list dl dt{ font-size: 2.4rem; font-weight: 400; letter-spacing: -0.02em; padding: 45px 0; position: relative; }
#business .process .hexagen-list dl dt::before{ content: ""; width: 6px; height: 6px; background: #fff; border-radius: 50%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
#business .process .hexagen-list dl dt::after{ content: ""; width: 1px; height: 60px; background: rgba(255, 255, 255, 0.4); position: absolute; top: 50%; right: -25px; transform: translateY(-50%); }
#business .process .hexagen-list li:last-of-type dl dt::after{ display: none; }
#business .process .hexagen-list dl dt strong{ display: inline-block; width: 100%; font-family: var(--Montserrat); font-weight: 600; }
#business .process .hexagen-list dl dd{ font-size: 1.7rem; font-weight: 400; letter-spacing: -0.02em; line-height: 1.5; } 

#business .feature ul{ display: flex; margin-bottom: -13px; margin-top: 85px; }
#business .feature ul li{ width: calc((100% - 26px) / 3); margin-right: 13px; margin-bottom: 13px; text-align: center; letter-spacing: -0.02em; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 5.7% 30px 3.7%; }
#business .feature .title{ font-size: 1.7rem; font-weight: 600; color: #1F1F1F; margin-top: 25px; }
#business .feature ul li:nth-of-type(3n){ margin-right: 0; }
#business .feature .title strong{ font-family: var(--Montserrat); font-size: 4.5rem; font-weight: 700; color: var(--mainColor); letter-spacing: 0; line-height: 1.3; }
#business .feature .title strong span{ font-size: 1.7rem; font-weight: 300; letter-spacing: -0.02em; }
#business .feature .content p{ font-size: 1.7rem; font-weight: 300; color: #1F1F1F; letter-spacing: -0.02em; line-height: 1.5; margin-top: 20px; }
#business .feature .content p strong{ font-weight: 600; }
#business .feature .content p span{ display: inline-block; width: 100%; }
#business .feature .center{ text-align: center; margin-top: 80px; }
#business .feature .center .hexagen{ --width: 30px; --position: -15px; }
#business .feature .center a{ width: 300px; height: 75px; display: flex; justify-content: center; align-items: center; font-size: 2.4rem; font-weight: 700; color: #fff; letter-spacing: -0.02em; background: var(--mainColor); margin: 0 auto; }
#business .feature .center a span{ display: inline-block; margin-left: 15px; font-size: 1rem; }

@media screen and (max-width: 1600px){
	#business .commas h5{ font-size: 2.8rem; }

	#business .process .hexagen-list dl dt{ font-size: 2.2rem; }  

	#business .feature .title strong{ font-size: 4rem; }

	#business .feature .center a{ width: 250px; height: 70px; font-size: 2.2rem; }
}

@media screen and (max-width: 1250px){
	#business .commas{ margin-top: 50px; }
	#business .top .commas::after{ bottom: -80%; right: 0; transform: scale(0.8); transform-origin: center right; }
	#business .commas h5{ font-size: 2.5rem; padding: 55px 0; }
	#business .commas h5::before{ transform: translateX(-50%) scale(0.8); }
	#business .commas h5::after{ transform: translateX(-50%) rotate(180deg) scale(0.8); }

	#business .process .hexagen-list{ flex-wrap: wrap; justify-content: center; }
	#business .process .hexagen-list li{ width: calc((100% - 100px) / 3); }
	#business .process .hexagen-list li:nth-of-type(5n){ margin-right: 50px; }
	#business .process .hexagen-list li:nth-of-type(3n){ margin-right: 0; }
	#business .process .hexagen-list li:nth-of-type(3n)::after{ display: none; }
	#business .process .hexagen-list dl dt{ font-size: 2rem; padding: 25px 0; }
	#business .process .hexagen-list dl dt::after{ height: 40px; }

	#business .feature .title strong{ font-size: 3.5rem; }
	#business .feature ul{ margin-top: 50px; }

	#business .feature .center{ margin-top: 60px; }
	#business .feature .center .hexagen{ --width: 25px; --position: -13px; }
	#business .feature .center a{ width: 200px; height: 60px; font-size: 2rem; }
}

@media screen and (max-width: 1000px){
	#business .top .commas::after{ transform: scale(0.6); }

	#business .process .hexagen-list{ padding-top: 0; }
	#business .process .hexagen-list::before, #business .process .hexagen-list::after{ display: none; }

	#business .feature ul{ flex-wrap: wrap; }
	#business .feature ul li{ width: calc((100% - 13px) / 2); }
	#business .feature ul li:nth-of-type(3n){ margin-right: 13px; }
	#business .feature ul li:nth-of-type(2n){ margin-right: 0; }
}

@media screen and (max-width: 900px){
	#business .commas{ margin-top: 30px; }
	#business .commas h5{ font-size: 2.2rem; padding: 40px 0; }
	#business .commas h5::before{ transform: translateX(-50%) scale(0.7); }
	#business .commas h5::after{ transform: translateX(-50%) rotate(180deg) scale(0.7); }

	#business .process .hexagen-list br{ display: none; }
	#business .process .hexagen-list li{ width: calc((100% - 30px) / 2); }
	#business .process .hexagen-list li:not(:last-of-type){ margin-right: 30px; }
	#business .process .hexagen-list li:nth-of-type(5n){ margin-right: 30px; }
	#business .process .hexagen-list li:nth-of-type(3n){ margin-right: 30px; }
	#business .process .hexagen-list li:nth-of-type(2n){ margin-right: 0; }
	#business .process .hexagen-list li:last-of-type{ margin-right: 0; }
	#business .process .hexagen-list dl dt::after{ right: -15px; }
	#business .process .hexagen-list li:nth-of-type(2n) dl dt::after{ display: none; }
	#business .process .hexagen-list dl dt{ font-size: 1.8rem; }
	#business .process .hexagen-list dl dd{ font-size: 1.6rem; }

	#business .feature .title strong{ font-size: 3rem; }
	#business .feature ul{ margin-top: 30px; }
	#business .feature ul li{ width: 100%; margin-right: 0; }
	#business .feature ul li:nth-of-type(3n){ margin-right: 0; }
	#business .feature .content p{ margin-top: 10px; }

	#business .feature .center{ margin-top: 35px; }
	#business .feature .center .hexagen{ --width: 22px; --position: -11px; }
	#business .feature .center a{ width: 160px; height: 50px; font-size: 1.8rem; }
}


/* 사업분야 - 공공미술 */
#business.public .top .dl{ max-width: 885px; width: 100%; margin: 0 auto; margin-top: 110px; }
#business.public .top .dl dl{ display: flex; justify-content: space-between; }
#business.public .top .dl dl:not(:last-of-type){ margin-bottom: 60px; }
#business.public .top .dl dl dt{ font-size: 3rem; font-weight: 700; color: var(--mainColor); letter-spacing: -0.02em; }
#business.public .top .dl dl dd{ width: calc(100% - 160px); font-size: 1.7rem; font-weight: 400; color: #1F1F1F; letter-spacing: -0.02em; }

#business.public .process{ background: url("/img/sub/business/build_bg.jpg") no-repeat center center / cover; padding: 16% 0 13.7%; }
#business.public .photo .box:not(:last-of-type){ margin-bottom: 110px; }
#business.public .photo .text{ display: flex; margin-bottom: 45px; }
#business.public .photo .text *{ line-height: 1.5; letter-spacing: -0.02em; }
#business.public .photo .title{ padding-right: 105px; }
#business.public .photo .title *{ white-space: nowrap; }
#business.public .photo h5{ font-family: var(--Montserrat); font-size: 4rem; font-weight: 700; color: var(--mainColor); text-transform: uppercase; }
#business.public .photo span{ font-size: 2.4rem; font-weight: 500; color: #222; }
#business.public .photo .content{ font-size: 1.7rem; font-weight: 300; color: #1F1F1F; padding: 10px; }
#business.public .photo ul{ display: flex; margin-bottom: -40px; }
#business.public .photo ul li{ width: calc((100% - 40px) / 2); margin-right: 40px; margin-bottom: 40px; }
#business.public .photo ul li:nth-of-type(2n){ margin-right: 0; }
#business.public .photo ul li figure{ width: 100%; position: relative; overflow: hidden; padding-bottom: 60.6%; border-radius: 10px; }
#business.public .photo ul li figure.border{ border: 1px solid #ECECEC; }
#business.public .photo ul li figure img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media screen and (max-width: 1600px){
	#business.public .top .dl dl dt{ font-size: 2.8rem; }

	#business.public .photo h5{ font-size: 3rem; }
	#business.public .photo span{ font-size: 2.2rem; }
}

@media screen and (max-width: 1350px){
	#business.public .feature br{ display: none; }
}

@media screen and (max-width: 1250px){
	#business.public .top .dl{ margin-top: 80px; }
	#business.public .top .dl dl dt{ font-size: 2.5rem; }
	#business.public .top .dl dl dd{ width: calc(100% - 120px); }

	#business.public .photo .box:not(:last-of-type){ margin-bottom: 80px; }
	#business.public .photo .text{ margin-bottom: 30px; }
	#business.public .photo .title{ padding-right: 60px; }
	#business.public .photo h5{ font-size: 2.5rem; }
	#business.public .photo span{ font-size: 2rem; }
	#business.public .photo .content{ padding: 5px; }
}

@media screen and (max-width: 1000px){
	#business.public .process{ padding: 80px 0; }

	#business.public .photo .text{ flex-direction: column; }
	#business.public .photo .text .title{ padding-right: 0; }
	#business.public .photo h5{ font-size: 2.2rem; }
	#business.public .photo span{ font-size: 1.8rem; }
	#business.public .photo .content{ padding: 0; padding-top: 10px; font-size: 1.6rem; }
}

@media screen and (max-width: 985px){
	#business.public .photo br{ display: none; }
}

@media screen and (max-width: 900px){
	#business.public .top .dl{ margin-top: 40px; }
	#business.public .top .dl dl:not(:last-of-type){ margin-bottom: 30px; }
	#business.public .top .dl dl dt{ font-size: 2.2rem; }
	#business.public .top .dl dl dd{ font-size: 1.6rem; }

	#business.public .process{ padding: 60px 0; }

	#business.public .photo .box:not(:last-of-type){ margin-bottom: 60px; }
	#business.public .photo .text{ margin-bottom: 10px; }
	#business.public .photo h5{ font-size: 2rem; }
	#business.public .photo span{ font-size: 1.7rem; }

	#business.public .photo ul{ margin-bottom: -20px; }
	#business.public .photo ul li{ width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom: 20px; }
	#business.public .photo ul li:nth-of-type(2n){ margin-right: 0; }
}

@media screen and (max-width: 885px){
	#business.public .top br{ display: none; }
}

@media screen and (max-width: 750px){
	#business.public .top .dl dl{ flex-direction: column; }
	#business.public .top .dl dl dd{ width: 100%; margin-top: 10px; }
}


/* 사업분야 - 건축미술심의 */
#business.build .top .list{ margin-top: 75px; text-align: center; }
#business.build .top .list > p{ font-size: 1.7rem; font-weight: 400; color: #1F1F1F; letter-spacing: -0.02em; line-height: 1.5; margin-bottom: 110px; }
#business.build .top .list ul{ display: flex; margin-bottom: -30px; }
#business.build .top .list ul li{ width: calc((100% - 90px) / 4); margin-right: 30px; margin-bottom: 30px; padding: 3.3% 20px; border: 1px solid #E6E6E6; border-radius: 10px; }
#business.build .top .list ul li:nth-of-type(4n){ margin-right: 0; }
#business.build .top .list dl dt span{ font-family: var(--Montserrat); font-size: 1.7rem; font-weight: 600; color: var(--mainColor); letter-spacing: -0.02em; }
#business.build .top .list dl dt p{ font-size: 2.4rem; font-weight: 600; color: #1F1F1F; letter-spacing: -0.02em; margin-top: 10px; }
#business.build .top .list dl dt .icon{ margin: 30px 0; }
#business.build .top .list dl dd{ font-size: 1.7rem; font-weight: 400; color: #1F1F1F; letter-spacing: -0.02em; line-height: 1.5; }
#business.build .top .list dl dd span{ display: inline-block; width: 100%; font-size: 1.5rem; font-weight: 300; line-height: 1.7; margin-top: 4px; }

#business.build .process{ background: url("/img/sub/business/public_bg.jpg") no-repeat center center / cover; padding: 5.3% 0 12.4%; }
#business.build .process h4{ font-size: 4.5rem; font-weight: 700; text-align: center; margin-bottom: 60px; }
#business.build .process li:last-of-type{ margin-top: -2.6em; }

#business.build .table{ margin: 110px 0; }
#business.build .table .hexagen{ --width: 30px; --position: -16px; --border: #D9D9D9; }
#business.build .table dl{ display: flex; justify-content: space-between; }
#business.build .table dl:not(:last-of-type){ margin-bottom: 20px; }
#business.build .table dl dt, #business.build .table ul{ padding: 30px 40px; }
#business.build .table dl dt{ display: flex; align-items: center; width: 345px; font-size: 2.4rem; font-weight: 400; color: var(--mainColor); letter-spacing: -0.02em; background: #F8F8F8; position: relative; }
#business.build .table dl:first-of-type dt, #business.build .table dl:last-of-type dt{ background: var(--mainColor); color: #fff; }
#business.build .table dl dt span{ display: inline-block; font-weight: 700; margin-right: 20px; }
#business.build .table dl dd{ width: calc(100% - 390px); display: flex; align-items: center; border: 1px solid #D9D9D9; position: relative; }
#business.build .table ul{ width: 100%; display: flex; align-items: center; position: relative; }
#business.build .table ul li{ font-size: 2rem; font-weight: 400; color: #1F1F1F; letter-spacing: -0.02em; line-height: 1.5; position: relative; }
#business.build .table ul li:not(:first-of-type){ padding-left: 40px; }
#business.build .table ul li:not(:last-of-type){ padding-right: 25px; }
#business.build .table ul li:nth-of-type(1){ width: 27.8%; }
#business.build .table ul li:nth-of-type(2){ width: 39.9%; }
#business.build .table ul li:nth-of-type(3){ width: 32.3%; }
#business.build .table ul li::after{ content: url("/img/sub/business/arrow_after.png"); position: absolute; top: 52%; right: 0; transform: translateY(-50%); }
#business.build .table ul li:last-of-type::after{ display: none; }

#business.build .table .figure{ margin-top: 110px; position: relative; padding-bottom: 24%; }
#business.build .table .figure figure{ width: calc((100% + (100vw - 100%) / 2)); height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
#business.build .table .figure figure img{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media screen and (max-width: 1600px){
	#business.build .top .list > p{ margin-bottom: 80px; }
	#business.build .top .list dl dt p{ font-size: 2rem; }

	#business.build .process h4{ font-size: 4rem; }

	#business.build .table dl dt, #business.build .table ul{ padding: 25px 30px; }
	#business.build .table dl dt{ font-size: 2rem; }
	#business.build .table ul li{ font-size: 1.8rem; }
	#business.build .table ul li:not(:first-of-type){ padding-left: 30px; }
}

@media screen and (max-width: 1435px){
	#business.build .feature br{ display: none; }	
}

@media screen and (max-width: 1400px){
	#business.build .top .list ul li br{ display: none; }	
}

@media screen and (max-width: 1310px){
	#business.build .table .hexagen{ --width: 25px; --position: -13px; }
	#business.build .table dl dt, #business.build .table ul{ padding: 20px 25px; }
	#business.build .table dl dt{ width: 271px; }
	#business.build .table dl dd{ width: calc(100% - 300px); }
}

@media screen and (max-width: 1250px){
	#business.build .top .list ul{ flex-wrap: wrap; }
	#business.build .top .list ul li{ width: calc((100% - 30px) / 2); }
	#business.build .top .list ul li:nth-of-type(2n){ margin-right: 0; }
	#business.build .top .list dl dt p{ font-size: 2rem; }
	#business.build .top .list dl dt .icon{ margin: 20px 0; }

	#business.build .process h4{ font-size: 3.5rem; }
	#business.build .process li:last-of-type{ margin-top: 0; }

	#business.build .table{ margin: 80px 0; }
	#business.build .table dl dt span{ margin-right: 10px; }
	#business.build .table dl dt{ width: 241px; font-size: 1.8rem; }
	#business.build .table dl dd{ width: calc(100% - 270px); }
	#business.build .table ul li{ font-size: 1.7rem; }
	#business.build .table ul li:not(:first-of-type){ padding-left: 20px; }
	#business.build .table ul li:nth-of-type(1){ width: 30%; }
	#business.build .table ul li:nth-of-type(2){ width: 45%; }
	#business.build .table ul li:nth-of-type(3){ width: 25%; }
	#business.build .table .figure{ margin-top: 80px; }
}

@media screen and (max-width: 1060px){
	#business.build .table .hexagen{ --width: 22px; --position: -11px; }
	#business.build .table dl:not(:last-of-type){ margin-bottom: 30px; }
	#business.build .table dl{ flex-direction: column; }
	#business.build .table dl dt, #business.build .table ul{ padding: 15px 20px; }
	#business.build .table dl dt{ width: 100%; justify-content: center; }
	#business.build .table dl dd{ width: 100%; margin-top: 10px; }
	#business.build .table ul{ flex-direction: column; text-align: center; }
	#business.build .table ul li:nth-of-type(1), #business.build .table ul li:nth-of-type(2), #business.build .table ul li:nth-of-type(3){ width: 100%; }
	#business.build .table ul li:not(:first-of-type){ padding-left: 0; }
	#business.build .table ul li:not(:last-of-type){ padding-right: 0; padding-bottom: 30px; }
	#business.build .table ul li::after{ top: calc(100% - 3px); left: 50%; transform: translate(-50%, -100%) rotate(90deg); }
}

@media screen and (max-width: 900px){
	#business.build .top .list{ margin-top: 40px; }
	#business.build .top .list > p{ font-size: 1.6rem; margin-bottom: 50px; }
	#business.build .top .list ul li{ padding: 3.3% 40px; }
	#business.build .top .list dl dt p{ font-size: 2rem; }
	#business.build .top .list dl dd{ font-size: 1.6rem; }

	#business.build .process{ padding: 50px 0; }
	#business.build .process h4{ font-size: 2.8rem; margin-bottom: 45px; }

	#business.build .table dl dt{ font-size: 1.8rem; }
	#business.build .table ul li{ font-size: 1.6rem; }
	#business.build .table .figure{ margin-top: 50px; }
}

@media screen and (max-width: 700px){
	#business.build .top .list ul li{ width: 100%; margin-right: 0; }
}

@media screen and (max-width: 500px){
	#business.build .top .list > p br{ display: none; }
}


/* 사업분야 - 갤러리 */
#business.gallery .top .figure{ margin-top: 110px; }
#business.gallery .commas{ margin: 140px 0 70px; }
#business.gallery .top .commas::after{ bottom: -22px; }
#business.gallery .top .list p{ font-size: 1.7rem; font-weight: 400; color: #1F1F1F; letter-spacing: -0.02em; line-height: 1.5; text-align: center; margin-bottom: 110px; }

#business.gallery .artist{ margin-bottom: 110px; }
#business.gallery .artist .box:not(:last-of-type){ margin-bottom: 80px; }
#business.gallery .artist p{ font-size: 2rem; font-weight: 500; color: #1F1F1F; letter-spacing: -0.02em; }
#business.gallery .artist .title h5{ font-family: var(--Montserrat); font-size: 4rem; font-weight: 700; color: var(--mainColor); letter-spacing: -0.02em; margin-bottom: 5px; }
#business.gallery .artist .content{ padding-left: 120px; }
#business.gallery .artist .content ul{ display: flex; flex-wrap: wrap; padding-top: 65px; margin-bottom: -30px; position: relative; }
#business.gallery .artist .content ul::before{ content: ""; width: 1px; height: 60%; background: var(--mainColor); position: absolute; top: 0; left: 0; }
#business.gallery .artist .content ul li{ width: calc(100% / 6); padding: 10px; margin-bottom: 30px; }
#business.gallery .artist .content ul li p{ text-align: center; }

#business.gallery .image .list ul{ display: flex; flex-wrap: wrap; margin-bottom: -30px; }
#business.gallery .image .list ul li{ width: calc((100% - 120px) / 5); margin-right: 30px; margin-bottom: 30px; }
#business.gallery .image .list ul li:nth-of-type(5n){ margin-right: 0; }
#business.gallery .image .list ul li figure{ width: 100%; position: relative; overflow: hidden; padding-bottom: 66%; }
#business.gallery .image .list ul li figure img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media screen and (max-width: 1600px){
	#business.gallery .top .figure{ margin-top: 80px; }
	#business.gallery .commas{ margin: 100px 0 50px; }
	#business.gallery .top .list p{ margin-bottom: 80px; }

	#business.gallery .artist .title h5{ font-size: 3.5rem; }
	#business.gallery .artist .content ul{ padding-top: 30px; }
}

@media screen and (max-width: 1250px){
	#business.gallery .top .figure{ margin-top: 50px; }
	#business.gallery .commas{ margin: 50px 0 30px; }
	#business.gallery .top .commas::after{ bottom: -50%; }
	#business.gallery .top .list p{ margin-bottom: 50px; }

	#business.gallery .artist{ margin-bottom: 80px; }
	#business.gallery .artist .box:not(:last-of-type){ margin-bottom: 40px; }
	#business.gallery .artist p{ font-size: 1.8rem; }
	#business.gallery .artist .title h5{ font-size: 3rem; }
	#business.gallery .artist .content ul li{ width: calc(100% / 5); }

	#business.gallery .image .list ul li{ width: calc((100% - 90px) / 4); }
	#business.gallery .image .list ul li:nth-of-type(5n){ margin-right: 30px; }
	#business.gallery .image .list ul li:nth-of-type(4n){ margin-right: 0; }
}

@media screen and (max-width: 1000px){
	#business.gallery .image .list ul li{ width: calc((100% - 60px) / 3); }
	#business.gallery .image .list ul li:nth-of-type(4n){ margin-right: 30px; }
	#business.gallery .image .list ul li:nth-of-type(3n){ margin-right: 0; }
}

@media screen and (max-width: 900px){
	#business.gallery .top .figure{ margin-top: 20px; }

	#business.gallery .artist p{ font-size: 1.6rem; }
	#business.gallery .artist .title h5{ font-size: 2.5rem; }
	#business.gallery .artist .content{ padding-left: 80px; }
	#business.gallery .artist .content ul{ margin-bottom: -15px; }
	#business.gallery .artist .content ul li{ width: calc(100% / 4); margin-bottom: 15px; }
}

@media screen and (max-width: 800px){
	#business.gallery .artist .content{ padding-left: 0; }
	#business.gallery .artist .content ul::before{ top: 20px; }
}

@media screen and (max-width: 700px){
	#business.gallery .artist .content ul li{ width: calc(100% / 3); }

	#business.gallery .image .list ul{ margin-bottom: -20px; }
	#business.gallery .image .list ul li{ width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom: 20px; }
	#business.gallery .image .list ul li:nth-of-type(5n){ margin-right: 20px; }
	#business.gallery .image .list ul li:nth-of-type(4n){ margin-right: 20px; }
	#business.gallery .image .list ul li:nth-of-type(3n){ margin-right: 20px; }
	#business.gallery .image .list ul li:nth-of-type(2n){ margin-right: 0; }
}

@media screen and (max-width: 610px){
	#business .top br{ display: none; }
}


/* 사업분야 - 전시기획 */
#business.exhibit .top .commas::after{ bottom: 67px; }

#business.exhibit .white-line{ background: url("/img/sub/business/exhibit_bg.jpg") no-repeat center center / cover; }
#business.exhibit .white-line > div{ padding: 6.3% 0 8.7%; }
#business.exhibit .white-line h4{ margin-bottom: 70px; }
#business.exhibit .white-line ul{ display: flex; }
#business.exhibit .white-line ul li{ width: calc(100% / 4); padding: 0 20px; }
#business.exhibit .white-line ul li span{ font-family: var(--Montserrat); font-size: 1.7rem; font-weight: 600; letter-spacing: -0.02em; }
#business.exhibit .white-line ul li .icon{ margin: 20px 0 35px; }
#business.exhibit .white-line ul li p{ font-size: 2.4rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1.4666; }

#business.exhibit .list{ margin: 140px 0; }

#business.exhibit .box-list{ margin-top: 60px; }
#business.exhibit .box-list .box{ display: flex; justify-content: space-between; }
#business.exhibit .box-list .box:not(:last-of-type){ margin-bottom: 75px; }
#business.exhibit .box-list .title{ position: relative; width: 300px; }
#business.exhibit .box-list .title .hexagen{ width: 100%; --width: 30px; --position: -16px; }
#business.exhibit .box-list .title p{ background: var(--mainColor); position: relative; font-size: 2.4rem; font-weight: 700; color: #fff; letter-spacing: -0.02em; text-align: center; padding: 20px; }
#business.exhibit .box-list .content{ width: calc(100% - 440px); }
#business.exhibit .box-list dl{ display: flex; padding: 10px; }
#business.exhibit .box-list dl *{ font-size: 1.7rem; font-weight: 400; color: #1F1F1F; letter-spacing: -0.02em; line-height: 1.5; }
#business.exhibit .box-list dl dt{ font-family: var(--Montserrat); font-weight: 600; margin-right: 5px; }

@media screen and (max-width: 1600px){
	#business.exhibit .white-line ul li p{ font-size: 2.2rem; } 

	#business.exhibit .list{ margin: 110px 0; }

	#business.exhibit .box-list .title p{ font-size: 2.2rem; }
	#business.exhibit .box-list .content{ width: calc(100% - 400px); }
}

@media screen and (max-width: 1540px){
	#business.exhibit .white-line > div{ width: calc(100% - 40px); margin: 0 auto; }
}

@media screen and (max-width: 1250px){
	#business.exhibit .top .commas::after{ bottom: -50%; }

	#business.exhibit .white-line h4{ margin-bottom: 40px; }
	#business.exhibit .white-line ul li p{ font-size: 2rem; } 

	#business.exhibit .list{ margin: 80px 0; }

	#business.exhibit .box-list .title{ width: 250px; }
	#business.exhibit .box-list .title .hexagen{ --width: 22px; --position: -11px; }
	#business.exhibit .box-list .title p{ font-size: 2rem; padding: 15px 20px; }
	#business.exhibit .box-list .content{ width: calc(100% - 350px); }
}

@media screen and (max-width: 1000px){
	#business.exhibit .white-line > div::before, #business.exhibit .white-line > div::after{ display: none; }
	#business.exhibit .white-line ul{ flex-wrap: wrap; margin-bottom: -50px; }
	#business.exhibit .white-line ul li{ width: calc(100% / 2); margin-bottom: 50px; }

	#business.exhibit .box-list{ margin-top: 30px; }
	#business.exhibit .box-list .box{ flex-direction: column; }
	#business.exhibit .box-list .title{ width: 100%; }
	#business.exhibit .box-list .title .hexagen{ --width: 17px; --position: -8px; }
	#business.exhibit .box-list .title p{ padding: 10px 20px; }
	#business.exhibit .box-list .content{ width: 100%; margin-top: 10px; }
}

@media screen and (max-width: 900px){
	#business.exhibit .white-line > div{ padding: 60px 0; }
	#business.exhibit .white-line ul li p{ font-size: 1.8rem; } 

	#business.exhibit .list{ margin: 60px 0; }

	#business.exhibit .box-list .box:not(:last-of-type){ margin-bottom: 50px; }
	#business.exhibit .box-list .title p{ font-size: 1.8rem; }
	#business.exhibit .box-list .content dl:not(:last-of-type){ padding-bottom: 0; }
	#business.exhibit .box-list dl *{ font-size: 1.6rem; }
}


/* 포트폴리오 */
#portfolio{ padding-top: 0; }
#portfolio .filter-box{ margin-top: 20px; }
#portfolio .filter-box .hexagen{ width: 100%; --width: 22px; --position: -11px; --border: rgba(0, 0, 0, 0.1); }
#portfolio .filter-box .search{ display: flex; justify-content: space-between; margin-bottom: 20px; }
#portfolio .filter-box .search > div{ position: relative; }
#portfolio .filter-box .search .line{ width: 100%; }
#portfolio .filter-box .search input, #portfolio .filter-box .search button{ height: 55px; font-family: var(--baseFont); font-size: 1.7rem; color: #1F1F1F; letter-spacing: -0.02em; padding: 0 30px; border: none; }
#portfolio .filter-box .search .input{ width: calc(100% - 250px); }
#portfolio .filter-box .search .input input{ width: 100%; font-weight: 300; border: 1px solid rgba(0, 0, 0, 0.1); outline: none; }
#portfolio .filter-box .search .button{ width: 220px; }
#portfolio .filter-box .search button{ width: 100%; background: var(--mainColor); font-weight: 700; color: #fff; outline: none; }

#portfolio .filter-box .filter{ background: #F8F8F8; padding: 40px 0; }
#portfolio .filter-box .filter *{ font-size: 1.7rem; line-height: 1; }
#portfolio .filter-box .filter .line{ width: 100%; display: flex; }
#portfolio .filter-box .filter .line:not(:last-of-type){ margin-bottom: 7px; }  
#portfolio .filter-box .filter .title{ width: 220px; }
#portfolio .filter-box .filter .title .hexagen{ height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background: var(--mainColor); --bg: #F8F8F8; }
#portfolio .filter-box .filter .title p{ font-weight: 700; color: #fff; letter-spacing: -0.02em; text-align: center; padding: 19px; }
#portfolio .filter-box .filter .ul{ width: calc((100% - 220px)); padding: 7px 30px 14px; }
#portfolio .filter-box .filter .line:not(:last-of-type) .ul{ border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
#portfolio .filter-box .filter .ul ul{ display: flex; flex-wrap: wrap; gap: 18px; }
#portfolio .filter-box .filter .ul ul li input{ display: none; }
#portfolio .filter-box .filter .ul ul li input + label{ display: inline-block; padding: 10px 20px; font-weight: 400; color: #999; background: #fff; border: 1px solid #DDD; border-radius: 600px; cursor: pointer; }
#portfolio .filter-box .filter .ul ul li input:checked + label{ background: var(--mainColor); border: 1px solid var(--mainColor); color: #fff; }

/* 슬라이드 버튼 */
#portfolio .filter-box .filter .button{  text-align: center; cursor: pointer; }
#portfolio .filter-box .filter .button .hexagen{ font-family: var(--Montserrat); font-size: 2.2rem; font-weight: 700; color: #fff; line-height: 1; background: var(--mainColor); padding: 20px; --bg: #F8F8F8; }
#portfolio .filter-box .filter .form-box{ margin-top: 30px; display: none; }

#portfolio .thumbnail-list{ display: flex; flex-wrap: wrap; margin-bottom: -20px; }
#portfolio .thumbnail-list li{ width: calc((100% - 44px) / 3); margin-right: 20px; margin-bottom: 20px; position: relative; }
#portfolio .thumbnail-list li:nth-of-type(3n){ margin-right: 0; }
#portfolio .thumbnail-list li figure{ width: 100%; position: relative; overflow: hidden; padding-bottom: 71.5%; border-radius: 10px; }
#portfolio .thumbnail-list li figure img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#portfolio .thumbnail-list li p{ font-size: 1.9rem; font-weight: 600; color: #fff; letter-spacing: -0.02em; line-height: 1.5; position: absolute; bottom: 17px; left: 0; right: 0; z-index: 5; padding: 0 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#portfolio .thumbnail-list li a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; }

@media screen and (max-width: 1600px){
	#portfolio .filter-box .filter .ul ul{ gap: 10px 15px; }

	#portfolio .filter-box .filter .button .hexagen{ font-size: 2rem; }

	#portfolio .thumbnail-list li p{ font-size: 1.8rem; }
}

@media screen and (max-width: 1250px){
	#portfolio.sub-content section:not(:last-of-type){ margin-bottom: 50px; }

	#portfolio .filter-box .search input, #portfolio .filter-box .search button{ font-size: 1.6rem; height: 50px; }
	#portfolio .filter-box .search .input{ width: calc(100% - 200px); }
	#portfolio .filter-box .search .button{ width: 180px; }

	#portfolio .filter-box .filter *{ font-size: 1.6rem; }
	#portfolio .filter-box .filter .title{ width: 180px; }
	#portfolio .filter-box .filter .ul{ width: calc(100% - 180px); padding: 7px 20px 14px; }
	#portfolio .filter-box .filter .ul ul li input + label{ padding: 8px 15px; }

	#portfolio .filter-box .filter .button .hexagen{ font-size: 1.8rem; padding: 15px; }
	#portfolio .filter-box .filter .form-box{ margin-top: 20px; }

	#portfolio .thumbnail-list li p{ font-size: 1.7rem; padding: 0 15px; }
}

@media screen and (max-width: 1000px){
	#portfolio .thumbnail-list li{ width: calc((100% - 20px) / 2); margin-right: 20px; }
	#portfolio .thumbnail-list li:nth-of-type(3n){ margin-right: 20px; }
	#portfolio .thumbnail-list li:nth-of-type(2n){ margin-right: 0; }
}

@media screen and (max-width: 900px){
	#portfolio .filter-box{ margin-top: 30px; }
	#portfolio .filter-box .search .hexagen{ --width: 17px; --position: -8px; }
	#portfolio .filter-box .search .input{ width: calc(100% - 130px); }
	#portfolio .filter-box .search .button{ width: 120px; }

	#portfolio .filter-box .filter{ padding: 20px 0; }
	#portfolio .filter-box .filter .hexagen{ --width: 15px; --position: -8px; }
	#portfolio .filter-box .filter .line{ flex-direction: column; }
	#portfolio .filter-box .filter .line:not(:last-of-type){ margin-bottom: 20px; }
	#portfolio .filter-box .filter .title{ width: 100%; }
	#portfolio .filter-box .filter .title p{ padding: 10px; }
	#portfolio .filter-box .filter .ul{ width: 100%; padding: 10px 15px; }
	#portfolio .filter-box .filter .ul ul{ gap: 10px; }

	#portfolio .filter-box .filter .button .hexagen{ font-size: 1.7rem; }
}


/* 포트폴리오 - 상세 페이지 */
#view .page-title{ margin-bottom: 55px; }
#view .title-box{ padding: 30px 40px; background: var(--mainColor); color: #fff; border-radius: 5px; }
#view .title-box .flex-box{ display: flex; justify-content: space-between; align-items: flex-end; }
#view .title-box h5{ width: calc(100% - 120px); font-size: 2.2rem; font-weight: 500; }
#view .title-box span{ display: inline-block; font-size: 1.7rem; font-weight: 400; padding: 3px 0; }

#view .content-box{ border: 1px solid #DDD; border-radius: 5px; padding: 40px; }

#view .table *{ font-size: 1.6rem; }
#view .table table{ border-radius: 5px; overflow: hidden; }
#view .table table tr{ border-bottom: 1px solid #fff; }
#view .table table th{ width: 375px; font-weight: 500; letter-spacing: -0.02em; padding: 0 40px; text-align: left; }
#view .table .td{ border: 1px solid #DDD; border-left: none; overflow: hidden; }
#view .table table tr:first-of-type .td{ border-radius: 0 5px 0 0; }
#view .table table tr:last-of-type .td{ border-radius: 0 0 5px 0; }
#view .table table tr:not(:first-of-type) .td{ border-top: none; }
#view .table table tr:only-of-type .td{ border-radius: 0 5px 5px 0; border-top: 1px solid #DDD; }
#view .table .td > *{ width: 100%; padding: 25px 20px; }

#view .file-box{ margin-top: 30px; }
#view .file-box .flex-box{ display: flex; justify-content: space-between; }
#view .file-box table th{ color: #fff; background: var(--mainColor); }
#view .file-box input{ border: none; outline: none; }
#view .file-box .td{ width: 100%; }
#view .file-box .td a{ display: inline-block; } 
#view .file-box .file{ width: 225px; background: var(--mainColor); color: #fff; }
#view .file-box table tr:first-of-type .file{ border-radius: 5px 5px 0 0; }
#view .file-box table tr:last-of-type .file{ border-radius: 0 0 5px 5px; }
#view .file-box table tr:only-of-type .file{ border-radius: 5px; }
#view .file-box .file input{ display: none; }
#view .file-box .file label{ display: inline-block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 1.7rem; font-weight: 700; letter-spacing: -0.02em; cursor: pointer; }

#view .file-box ul{ display: flex; justify-content: center; margin-top: 40px; }
#view .file-box ul li:not(:last-of-type){ margin-right: 20px; }
#view .file-box ul li .hexagen{ --width: 22px; --position: -11px; --border: #DDD; }
#view .file-box ul li a{ display: inline-block; font-size: 1.7rem; font-weight: 700; background: var(--mainColor); color: #fff; letter-spacing: -0.02em; line-height: 1.3; padding: 17px 80px; }
#view .file-box ul li .border a{ background: none; font-weight: 400; color: #222; padding: 17px 40px; border: 1px solid var(--border); }

#view .link-box{ margin-top: 80px; }
#view .link-box table th{ color: #222; background: #DCDCDC; }
#view .link-box table td{ color: #1F1F1F; position: relative; }
#view .link-box table td p{ width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view .link-box table td a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; }

@media screen and (max-width: 1500px){
	#view .table table th{ width: 250px; }
}

@media screen and (max-width: 1250px){
	#view .page-title{ margin-bottom: 30px; }
	#view .title-box{ padding: 20px 40px; }
	#view .title-box h5{ font-size: 2rem; }

	#view .content-box{ padding: 30px 40px; }

	#view .table .td > *{ padding: 20px 15px; }

	#view .file-box{ margin-top: 15px; }
	#view .file-box .td{ width: calc(100% - 190px); }
	#view .file-box .file{ width: 180px; }
	#view .file-box .file label{ font-size: 1.6rem; }

	#view .file-box ul{ margin-top: 20px; }
	#view .file-box ul li a{ padding: 15px 50px; }
	#view .file-box ul li .border a{ padding: 15px 30px; }
	#view .file-box ul li a{ font-size: 1.6rem; }

	#view .link-box{ margin-top: 50px; }
}

@media screen and (max-width: 1000px){
	#view .title-box{ padding: 20px 25px; }
	#view .title-box h5{ font-size: 1.9rem; }
	#view .title-box span{ font-size: 1.6rem; }

	#view .content-box{ padding: 25px; }

	#view .table table th{ width: 150px; padding: 0 25px; font-size: 1.5rem; }
	#view .table .td > *{ padding: 15px; font-size: 1.5rem; }

	#view .file-box .td{ width: calc(100% - 130px); }
	#view .file-box .file{ width: 120px; }
	#view .file-box .file label{ font-size: 1.5rem; }
}

@media screen and (max-width: 800px){
	#view .title-box{ padding: 12px 20px; }

	#view .content-box{ padding: 20px; }

	#view .table table th{ width: 105px; padding: 0 20px; }

	#view .file-box .td{ width: calc(100% - 110px); }
	#view .file-box .file{ width: 100px; }
	#view .file-box ul{ margin-top: 15px; }
	#view .file-box ul li .hexagen{ --width: 17px; --position: -9px; }
	#view .file-box ul li a{ padding: 12px 30px; }
	#view .file-box ul li .border a{ padding: 12px 20px; }
}


/* 채용공고 */
#employ .page-title{ margin-bottom: 85px; }
#employ .intro{ margin-bottom: 192px; position: relative; }
#employ .intro::after{ content: "MALONG COMPANY"; font-family: var(--Montserrat); font-size: 16.2rem; font-weight: 900; color: #F8F8F8; position: absolute; bottom: 26px; left: -9px; z-index: -1; transform: translateY(100%); line-height: 1; }  
#employ .intro .flex-box .figure{ padding-bottom: 32%; }
#employ .intro .flex-box .text .gray{ padding: 70px 0; }
#employ .intro .flex-box .text .gray p{ font-size: 2.4rem; font-weight: 700; color: var(--mainColor); line-height: 1.6; }

#employ .commas{ text-align: center; color: #1F1F1F; padding: 60px 0; position: relative; }
#employ .commas::before, #employ .commas::after{ content: url("/img/sub/commas_after.svg"); position: absolute; left: 50%; }
#employ .commas::before{ top: 0; transform: translateX(-50%); }
#employ .commas::after{ bottom: 0; transform: translateX(-50%) rotate(180deg); }
#employ .commas h5{ font-size: 3rem; font-weight: 700; line-height: 1.6333; }
#employ .commas h5 span{ font-weight: 400; }
#employ .commas p{ font-size: 1.7rem; font-weight: 400; margin: 20px 0 30px; line-height: 1.7352; }

#employ .white-line{ background: url("/img/sub/employ/employ_bg01.jpg") no-repeat center center / cover; }
#employ .white-line > div{ padding: 150px 0 125px; }
#employ .white-line h4{ font-family: var(--Montserrat); }

#employ .introduce .list li:not(:last-of-type){ margin-bottom: 100px; }
#employ .introduce .flex-box{ display: flex; justify-content: space-between; }
#employ .introduce .flex-box > div{ width: calc((100% - 70px) / 2); }
#employ .introduce .figure figure{ max-width: 667px; width: 100%; }
#employ .introduce .text{ display: flex; justify-content: center; align-items: center; }
#employ .introduce .text dl{ padding-left: 30px; padding-top: 63px; position: relative; }
#employ .introduce .text dl::before{ content: attr(data-num); font-size: 8rem; font-weight: 700; color: #F8F8F8; letter-spacing: -0.02em; line-height: 1.5; position: absolute; top: 0; left: 0; z-index: -1; }
#employ .introduce .text dl *{ color: #1F1F1F; letter-spacing: -0.02em; line-height: 1.5; }
#employ .introduce .text dl dt{ font-size: 3rem; font-weight: 500; }
#employ .introduce .text dl dd{ font-size: 1.7rem; font-weight: 300; padding-top: 80px; position: relative; }
#employ .introduce .text dl dd::before{ content: ""; width: 1px; height: 50px; background: var(--mainColor); position: absolute; top: 15px; left: 0; }

#employ .introduce .list li:nth-of-type(even){ text-align: right; }
#employ .introduce .list li:nth-of-type(even) .flex-box{ flex-direction: row-reverse; }
#employ .introduce .list li:nth-of-type(even) dl{ padding-left: 0; padding-right: 30px; }
#employ .introduce .list li:nth-of-type(even) dl::before{ left: 100%; transform: translateX(-100%); }
#employ .introduce .list li:nth-of-type(even) dd::before{ left: 100%; }

#employ .introduce .box{ margin-top: 100px; }
#employ .introduce .box .text dl{ padding-left: 0; text-align: center; }
#employ .introduce .box .text dl::before{ left: 50%; transform: translateX(-50%); }
#employ .introduce .box .text dl dd{ padding-top: 25px; }
#employ .introduce .box .text dl dd::before{ display: none; }

#employ .introduce .box .icon-box{ margin-top: 80px; }
#employ .introduce .box .icon-box ul{ display: flex; flex-wrap: wrap; margin-bottom: -13.5px; }
#employ .introduce .box .icon-box ul li{ width: calc((100% - 27px) / 3); margin-right: 13.5px; margin-bottom: 13.5px; padding: 65px 30px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; text-align: center; }
#employ .introduce .box .icon-box ul li:nth-of-type(3n){ margin-right: 0; }
#employ .introduce .box .icon-box dl *{ color: #1F1F1F; letter-spacing: -0.02em; line-height: 1.5; }
#employ .introduce .box .icon-box dl dt{ font-family: var(--Montserrat); font-size: 2.4rem; font-weight: 600; margin: 20px 0 10px; }
#employ .introduce .box .icon-box dl dd{ font-size: 1.7rem; font-weight: 300; }

#employ .organ{ overflow: hidden; }
#employ .organ .sec-title p{ font-weight: 700; }
#employ .organ ul{ display: flex; flex-wrap: wrap; position: relative; margin-top: 80px; margin-bottom: -50px; }
#employ .organ ul::before{ content: ""; width: 100vw; height: 1px; background: var(--mainColor); position: absolute; top: 45px; left: 50%; transform: translateX(-50%); }
#employ .organ ul li{ width: calc((100% - 60px) / 4); margin-right: 20px; margin-bottom: 50px; position: relative; }
#employ .organ ul li::before{ content: ""; width: calc(100% + 40px); height: 1px; background: var(--mainColor); position: absolute; top: 45px; left: 50%; transform: translateX(-50%); }
#employ .organ ul li:nth-of-type(4n){ margin-right: 0; }
#employ .organ ul li .hexagen{ --width: 37px; --position: -18px; background: var(--mainColor); width: 100%; height: 90px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
#employ .organ ul li .hexagen p{ font-size: 2.4rem; font-weight: 700; color: #fff; letter-spacing: -0.02em; }
#employ .organ ul li .hexagen span{ display: inline-block; width: 100%; font-size: 1.7rem; font-weight: 400; }
#employ .organ ul li .flex{ display: flex; justify-content: space-between; }
#employ .organ ul li .flex dl{ width: calc((100% - 15px) / 2); margin-top: 20px; text-align: center; }
#employ .organ ul li .flex dl *{ font-size: 1.7rem; font-weight: 400; color: #222; line-height: 1.1; letter-spacing: -0.02em; }
#employ .organ ul li .flex dl dt{ height: 65px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #DCDCDC; border-radius: 10px; font-weight: 600; margin-bottom: 25px; }
#employ .organ ul li .flex dl dt span{ display: inline-block; width: 100%; font-family: var(--Montserrat); }
#employ .organ ul li .flex dl dd{ padding: 10px; }
#employ .organ ul li .flex dl dd:not(:last-of-type){ margin-bottom: 20px; }

#employ .employ .commas{ padding: 110px 0; }
#employ .employ .commas p{ margin: 0 0 20px; }

@media screen and (max-width: 1770px){
	#employ .intro::after{ font-size: 13rem; }

	#employ .white-line > div{ width: calc(100% - 40px); margin: 0 auto; }
}

@media screen and (max-width: 1500px){
	#employ .intro::after{ font-size: 10rem; bottom: 17px; }
	#employ .intro .flex-box .text .gray p{ font-size: 2.2rem; }

	#employ .commas h5{ font-size: 2.6rem; }

	#employ .introduce .text dl{ padding-top: 45px; }
	#employ .introduce .text dl::before{ font-size: 6rem; }
	#employ .introduce .text dl dt{ font-size: 2.6rem; }

	#employ .introduce .box .icon-box dl dt{ font-size: 2.2rem; }

	#employ .organ ul li .hexagen p{ font-size: 2.2rem; }
	#employ .organ ul li .flex dl{ width: calc((100% - 10px) / 2); }
	#employ .organ ul li .flex dl *{ font-size: 1.6rem; }
}

@media screen and (max-width: 1310px){
	#employ .introduce .list br{ display: none; }
}

@media screen and (max-width: 1250px){
	#employ .intro::after{ font-size: 7rem; bottom: 12px; }
	#employ .intro .flex-box .text .gray{ padding: 40px 0; }
	#employ .intro .flex-box .text .gray p{ font-size: 2rem; }

	#employ .commas h5{ font-size: 2.4rem; }

	#employ .white-line > div{ padding: 100px 0; }

	#employ .introduce .list li:not(:last-of-type){ margin-bottom: 80px; }
	#employ .introduce .box{ margin-top: 80px; }
	#employ .introduce .flex-box > div{ width: calc((100% - 30px) / 2); }
	#employ .introduce .text dl dt{ font-size: 2.4rem; }
	#employ .introduce .text dl dd{ padding-top: 60px; }
	#employ .introduce .text dl dd::before{ height: 30px; }

	#employ .introduce .box .icon-box{ margin-top: 40px; }
	#employ .introduce .box .icon-box dl dt{ font-size: 2rem; }

	#employ .organ ul{ margin-top: 40px; }
	#employ .organ ul::before, #employ .organ ul li::before{ top: 40px; }
	#employ .organ ul li .hexagen{ height: 80px; --width: 30px; --position: -15px; }
	#employ .organ ul li .hexagen p{ font-size: 2rem; }
	#employ .organ ul li .hexagen span{ font-size: 1.5rem; }
	#employ .organ ul li .flex dl *{ font-size: 1.5rem; }

	#employ .employ .commas{ padding: 80px 0; }
}

@media screen and (max-width: 1200px){
	#employ .introduce .box .icon-box ul li{ padding: 45px 30px; }
}

@media screen and (max-width: 1000px){
	#employ .introduce .flex-box{ flex-direction: column; align-items: center; }
	#employ .introduce .flex-box > div{ width: 100%; }
	#employ .introduce .list .image{ text-align: center; }
	#employ .introduce .text dl{ padding-left: 0; }

	#employ .introduce .list li:nth-of-type(even){ text-align: left; }
	#employ .introduce .list li:nth-of-type(even) .flex-box{ flex-direction: column; }
	#employ .introduce .list li:nth-of-type(even) dl{ padding-right: 0; }
	#employ .introduce .list li:nth-of-type(even) dl::before{ left: 0; transform: translateX(0); }
	#employ .introduce .list li:nth-of-type(even) dd::before{ left: 0; }

	#employ .introduce .box .icon-box ul li{ width: calc((100% - 13.5px) / 2); }
	#employ .introduce .box .icon-box ul li:nth-of-type(3n){ margin-right: 13.5px; }
	#employ .introduce .box .icon-box ul li:nth-of-type(2n){ margin-right: 0; }

	#employ .organ ul::before, #employ .organ ul li::before{ top: 35px; }
	#employ .organ ul li{ width: calc((100% - 20px) / 2); }
	#employ .organ ul li:nth-of-type(2n){ margin-right: 0; }
	#employ .organ ul li .hexagen{ height: 70px; --width: 20px; --position: -10px; }
	#employ .organ ul li .flex dl{ margin-top: 10px; }
	#employ .organ ul li .flex dl dt{ margin-bottom: 10px; }
	#employ .organ ul li .flex dl dd:not(:last-of-type){ margin-bottom: 10px; }
}

@media screen and (max-width: 900px){
	#employ .intro::after{ font-size: 6rem; }
	#employ .intro .flex-box .text .gray p{ font-size: 1.8rem; }

	#employ .commas h5{ font-size: 2.2rem; }

	#employ .introduce .list li:not(:last-of-type){ margin-bottom: 60px; }
	#employ .introduce .box{ margin-top: 60px; }
	#employ .introduce .text dl dt{ font-size: 2.2rem; }

	#employ .introduce .box .icon-box{ margin-top: 20px; }
	#employ .introduce .box .icon-box dl dt{ margin: 10px 0 5px; }
	#employ .introduce .box .icon-box dl dd{ font-size: 1.6rem; }

	#employ .organ ul{ margin-top: 20px; }
	#employ .organ ul li .hexagen p{ font-size: 1.8rem; }

	#employ .employ .commas{ padding: 60px 0; }
}

@media screen and (max-width: 700px){
	#employ .introduce .box br{ display: none; }

	#employ .employ br{ display: none; }
}

@media screen and (max-width: 600px){
	#employ .organ ul li{ width: 100%; margin-right: 0; }
	#employ .organ ul li .flex dl dt{ height: 55px; }
}

@media screen and (max-width: 550px){
	#employ .introduce .box .icon-box ul li{ width: 100%; margin-right: 0; }
	#employ .introduce .box .icon-box ul li:nth-of-type(3n){ margin-right: 0; }
}


/* 고객문의 */
#inquiry .page-title{ margin-bottom: 88px; }
#inquiry .flex-box{ display: flex; justify-content: space-between; }
#inquiry .article:not(:last-of-type){ margin-bottom: 50px; }
#inquiry .form-box .section:not(:last-of-type){ margin-bottom: 75px; }

#inquiry .title-box{ width: calc(100% - 1015px); padding-right: 100px; }
/* #inquiry .title-box .sticky{ position: sticky; top: 200px; left: 0; margin-bottom: 400px; } */
#inquiry .title-box span{ font-family: var(--Montserrat); font-size: 1.7rem; font-weight: 800; color: var(--mainColor); letter-spacing: -0.02em; line-height: 1.5; }
#inquiry .title-box h5{ font-size: 4rem; font-weight: 500; color: #222; letter-spacing: -0.02em; margin-top: 15px; }
#inquiry .title-box h5 strong{ font-weight: 800; }

#inquiry .form-box{ width: 1015px; }
#inquiry .form-box *{ font-size: 1.7rem; letter-spacing: -0.02em; }
#inquiry .form-box .line:not(:last-of-type){ margin-bottom: 30px; }
#inquiry .form-box .flex{ display: flex; align-items: center; }
#inquiry .form-box .tit{ font-size: 2.4rem; font-weight: 600; color: #222; letter-spacing: -0.02em; margin-bottom: 10px; }
#inquiry .form-box .tit span{ color: var(--mainColor); }
#inquiry .form-box input[type="text"], #inquiry .form-box input[type="tel"], #inquiry .form-box textarea{ width: 100%; background: #fff; border: 1px solid #DCDCDC; border-radius: 5px; font-weight: 300; color: #1F1F1F; padding: 25px; appearance: none; }
#inquiry .form-box input[type="text"]::placeholder, #inquiry .form-box input[type="tel"]::placeholder, #inquiry .form-box textarea::placeholder{ color: #BBB; }
#inquiry .form-box textarea{ resize: none; height: 300px; }
#inquiry .form-box .flex > span{ display: inline-block; font-weight: 300; color: #000; margin: 0 20px; }

#inquiry .max350{ width: 350px; margin-right: 35px; }
#inquiry .max310{ width: 310px; }

#inquiry .name > div:last-of-type{ width: calc(100% - 385px); }
#inquiry .email > div:last-of-type{ width: calc(100% - 365px); }

#inquiry .category{ display: flex; flex-wrap: wrap; gap: 18px; margin-top: 25px; }
#inquiry .category li{ background: var(--mainColor); border-radius: 600px; font-size: 1.7rem; font-weight: 400; color: #fff; line-height: 1; padding: 10px 20px; }

#inquiry .file p{ font-size: 1.7rem; font-weight: 300; color: #1F1F1F; line-height: 1.6; }
#inquiry .file p span{ display: inline-block; font-size: 2rem; font-weight: 500; color: #222; line-height: 1.5; margin-right: 20px; }
#inquiry .file ul li{ display: flex; justify-content: space-between; }
#inquiry .file ul li:not(:last-of-type){ margin-bottom: 15px; }
#inquiry .file input[type="text"]{ width: calc(100% - 255px); background: #F8F8F8; }
#inquiry .file .input input[type="file"]{ display: none; }
#inquiry .file .input label{ display: flex; justify-content: center; align-items: center; width: 235px; height: 100%; background: var(--mainColor); border-radius: 5px; font-weight: 700; color: #fff; cursor: pointer; }

#inquiry .agree{ margin-top: 25px; }
#inquiry .agree input{ display: none; }
#inquiry .agree label{ display: inline-block; font-weight: 300; color: #1F1F1F; line-height: 1.6; padding-left: 30px; position: relative; cursor: pointer; }
#inquiry .agree label::before{ content: ""; width: 16px; height: 16px; border: 1px solid #DCDCDC; position: absolute; top: 4px; left: 0; }
#inquiry .agree input:checked + label::before{ border: 1px solid #1F1F1F; }
#inquiry .agree input:checked + label::after{ content: "\e928"; font-family: "xeicon"; font-style: normal; font-size: 1.4rem; position: absolute; top: 2px; left: 2px; }

#inquiry .slide-menu{ padding: 25px 30px; border-bottom: 4px solid var(--mainColor); cursor: pointer; }
#inquiry .slide-menu p{ font-size: 2.4rem; font-weight: 600; color: var(--mainColor); line-height: 1.5; position: relative; padding-right: 50px; }
#inquiry .slide-menu p::after{ content: "\e936"; font-family: "xeicon"; font-style: normal; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: all 0.5s; }
#inquiry .slide-menu.on p::after{ transform: translateY(-50%) rotate(-180deg); }

#inquiry .slide-content{ background: #F8F8F8; padding: 50px 40px; display: none; }
#inquiry .slide-content .tit{ margin-bottom: 15px; }
#inquiry .slide-content .radio{ display: flex; flex-wrap: wrap; margin-bottom: -15px; }
#inquiry .slide-content .radio li{ width: calc((100% - 20px) / 3); margin-right: 10px; margin-bottom: 15px; }
#inquiry .slide-content .radio li:nth-of-type(3n){ margin-right: 0; }
#inquiry .slide-content .radio li input{ display: none; }
#inquiry .slide-content .radio li label{ display: flex; justify-content: center; align-items: center; width: 100%; height: 70px; text-align: center; font-weight: 400; color: #222; background: #fff; border: 1px solid #DCDCDC; border-radius: 5px; cursor: pointer; line-height: 1; }

#inquiry .slide-content .radio li input:checked + label{ background: var(--mainColor); border: 1px solid var(--mainColor); font-weight: 700; color: #fff; }

#inquiry .submit{ width: 500px; height: 96px; display: flex; justify-content: center; align-items: center; background: var(--mainColor); border: none; border-radius: 5px; font-family: var(--baseFont); font-size: 2.4rem; font-weight: 600; color: #fff; margin: 0 auto; margin-top: 80px; }

@media screen and (max-width: 1500px){
	#inquiry .title-box{ width: 401px; }
	#inquiry .title-box h5{ font-size: 3.3rem; }

	#inquiry .form-box{ width: calc(100% - 401px); }
	#inquiry .form-box .tit{ font-size: 2.2rem; }
	#inquiry .form-box input[type="text"], #inquiry .form-box input[type="tel"], #inquiry .form-box textarea{ padding: 20px; }

	#inquiry .file input[type="text"]{ width: calc(100% - 220px); }
	#inquiry .file .input label{ width: 200px; }

	#inquiry .slide-menu p{ font-size: 2.2rem; }

	#inquiry .submit{ width: 400px; height: 85px; font-size: 2.2rem; margin-top: 60px; }
}

@media screen and (max-width: 1250px){
	#inquiry .title-box{ width: 320px; }
	#inquiry .title-box span{ font-size: 1.6rem; } 
	#inquiry .title-box h5{ font-size: 2.8rem; margin-top: 5px; }

	#inquiry .form-box{ width: calc(100% - 320px); }
	#inquiry .form-box *{ font-size: 1.6rem; }
	#inquiry .form-box .tit{ font-size: 2rem; }
	#inquiry .form-box input[type="text"], #inquiry .form-box input[type="tel"], #inquiry .form-box textarea{ padding: 18px 15px; }
	#inquiry .category{ gap: 10px; margin-top: 5px; }
	#inquiry .category li{ font-size: 1.6rem; padding: 9px 15px; }

	#inquiry .file input[type="text"]{ width: calc(100% - 170px); }
	#inquiry .file .input label{ width: 150px; }

	#inquiry .slide-menu{ padding: 15px 20px; }
	#inquiry .slide-menu p{ font-size: 2rem; }
	#inquiry .slide-content{ padding: 25px; }
	#inquiry .slide-content .tit{ margin-bottom: 10px; }
	#inquiry .slide-content .radio li label{ height: 60px; }
	
	#inquiry .submit{ width: 350px; height: 75px; font-size: 2rem; }
}

@media screen and (max-width: 1000px){
	#inquiry .article:not(:last-of-type){ margin-bottom: 80px; }
	#inquiry .flex-box{ flex-direction: column; }
	#inquiry .title-box{ width: 100%; padding-right: 0; }
	#inquiry .title-box br{ display: none; }
	#inquiry .title-box .sticky{ margin-bottom: 30px; }

	#inquiry .form-box{ width: 100%; }

	#inquiry .max350, #inquiry .name > div:last-of-type{ width: calc((100% - 20px) / 2); }
	#inquiry .max310, #inquiry .email > div:last-of-type{ width: calc((100% - 45px) / 2); }
	#inquiry .form-box .flex > span{ margin: 0 15px; }

	#inquiry .file p span{ font-size: 1.8rem; }

	#inquiry .article2 .article:not(:last-of-type){ margin-bottom: 40px; }
}

@media screen and (max-width: 900px){
	#inquiry .form-box .section:not(:last-of-type){ margin-bottom: 50px; }
	#inquiry .title-box span{ font-size: 1.5rem; }
	#inquiry .title-box h5{ font-size: 2.5rem; }
	#inquiry .form-box .tit{ font-size: 1.8rem; }

	#inquiry .file p span{ width: 100%; margin-right: 0; margin-bottom: 5px; }

	#inquiry .slide-menu p{ font-size: 1.8rem; }
	#inquiry .slide-content .radio li label{ height: 50px; }

	#inquiry .submit{ width: 250px; height: 60px; font-size: 1.8rem; }
}

@media screen and (max-width: 800px){
	#inquiry .form-box .line:not(:last-of-type){ margin-bottom: 20px; }

	#inquiry .name{ flex-direction: column; }
	#inquiry .max350, #inquiry .name > div:last-of-type{ width: 100%; }
	#inquiry .max350{ margin-right: 0; margin-bottom: 20px; }

	#inquiry .file input[type="text"]{ width: calc(100% - 110px); }
	#inquiry .file .input label{ width: 100px; }
	#inquiry .agree{ margin-top: 15px; }
}

@media screen and (max-width: 550px){
	#inquiry .slide-menu{ padding: 10px; }
	#inquiry .slide-menu p{ font-size: 1.7rem; }

	#inquiry .slide-content .radio li{ width: calc((100% - 10px) / 2); }
	#inquiry .slide-content .radio li:nth-of-type(3n){ margin-right: 10px; }
	#inquiry .slide-content .radio li:nth-of-type(2n){ margin-right: 0; }

	#inquiry .submit{ width: 200px; height: 55px; margin-top: 40px; }
}


/* 고객문의 - 접수완료 */
#result .center{ text-align: center; margin-top: 120px; }
#result .center .page-title{ padding-top: 80px; }

@media screen and (max-width: 1500px){
	#result .center{ margin-top: 80px; }
	#result .center .page-title{ padding-top: 50px; }
}

@media screen and (max-width: 1250px){
	#result .center{ margin-top: 50px; }
	#result .center .page-title{ padding-top: 40px; }	
}

@media screen and (max-width: 900px){
	#result .center .page-title h3{ font-size: 2.3rem; }
}