.subVisual {width:100%; height:100vh; overflow:hidden;  display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; }
.subVisual .bg {width:100%; height:100%; position:absolute; top:0; left:0;  z-index:-1; background-size:cover; background-repeat:no-repeat; background-position:center; animation: scaleUp02 8s forwards;}
.subVisual .tit {font-family: "Sorts Mill Goudy", serif;  font-size:90px; font-weight:400; color:#fff; text-shadow:3px 3px 40px rgba(0,0,0,0.5); line-height:1; text-align:center;}
.subVisual .border {display:block; width:76px; height:4px; background-color:#fff; opacity:0.2; margin:35px auto 42px auto;}
.subVisual .txt {font-size:28px; font-weight:400; color:#fff; text-shadow:3px 3px 40px rgba(0,0,0,0.5); line-height:1; text-align:center;}
.subVisual .downImg {position:absolute; bottom:50px; left:50%; transform:translate(-50%,0); animation:scrollDown 1.07s linear infinite; }
.sub {width:100%; }
.sub .secBg {background-size:100%; background-repeat:no-repeat; background-position:top; background-image:url('../../_images/sub/sub_bg_type01.jpg');}
.sub .secBg01 {background-color:#eae4d8;}
.sub .secBg02 {background-color:#ebe5d9;}
.sub .sec {width:100%; padding:120px 0 130px 0;}
.sub .sec .inner {width:1480px; margin:0 auto;}
.sub .board {padding:200px 0 130px 0;}
.sub .subTit01 {text-align:center; font-size:40px; font-weight:700; color:var(--color02); line-height:1;}
.sub .subTit01 img {width:18px; margin:35px 0 45px 0;}
.sub .text01 {text-align:center; font-size:24px; font-weight:400; color:var(--color03); line-height:1.7;}
.sub .text01 span {display:inline-block; color:var(--color02);}
.sub .text02 {text-align:left; font-size:18px; font-weight:400; color:var(--color03); line-height:1.7; letter-spacing:-0.9px;}
.sub .text02 span {display:inline-block; font-weight:400; color:var(--color02);}
.sub .text02 .bold {font-weight:700;}
.sub .lineDeco01 {display:block; width:1px; height:80px; background-color:var(--color02); opacity:0.2; margin:48px auto 45px auto;}
.sub .imgBox img {width:100%;}
.sub .defaultText {font-size:18px; font-weight:400; color:#666;}

@keyframes scrollDown {
    0% {
		transform:translate(-50%,0);
    }

    50% {
		transform:translate(-50%,10px);
    }

    100% {
		transform:translate(-50%,0);
    }
}
@keyframes scaleUp02 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1); /* 원하는 크기로 설정 */
    }
}
@media screen and (max-width:1680px){
	.sub .sec .inner {width:1280px;}
}
@media screen and (max-width:1380px){
	.sub .sec .inner {width:1200px;}
	.subVisual .tit {font-size:90px;}
	.subVisual .txt {font-size:24px;}
	.subVisual .border {width:45px; margin:30px auto 35px auto;}
	#aboutUs .sec .inner {width:calc(100% - 40px); padding:0 20px;}
	.sub .subTit01 {font-size:36px;}
}
@media screen and (max-width:1280px){
	.sub .sec .inner {width:calc(100% - 40px);}
}
@media screen and (max-width:1080px){
	.subVisual .tit {font-size:60px;}
	.subVisual .txt {font-size:19px; line-height:1.4; }
}
@media screen and (max-width:980px){
	.sub .sec .inner {width:calc(100% - 40px); padding:0 20px;}
	.sub .subType02 .inner {padding:30px 20px; width:calc(100% - 60px); margin:0 auto;}
	.sub .subType02 {background-image:none;}
	#counseling 	.formStyle {margin-bottom:50px !important;}
	#counseling 	.formStyle li {display:block;}
	#counseling .formStyle li >label {width:calc(100% - 20px); }
	#counseling .formStyle li >label p {padding-bottom:10px;}
	#counseling 	.formStyle li input,
	#counseling 	.formStyle li textarea {width:calc(100% - 20px);}
	#counseling .signBtn01 {display:none;}
	#counseling 	.signBtnWrap .signBtn {width:calc(100% - 20px);}
	#counseling 	 .formStyle textarea {height:160px;}
	.subVisual {width:calc(100% - 40px); height:calc(100vh - 73px); padding:0 20px;}
	.subVisual .tit {font-size:46px;}
	.subVisual .txt {font-size:18px;}
	.subVisual .downImg {width:35px;}
	.subVisual .border {margin:25px auto; height:2px;}
	.sub .subTit01 {font-size:26px;}
}
@media screen and (max-width:680px){
	.sub .subTit01 {font-size:26px;}
	.sub .text01 {font-size:18px;}
	.sub .text02 {font-size:16px;}
	.sub .sec,
	#ceo .sec {padding:80px 0;}
	.sub .board {padding:120px 0 80px 0;}
	.sub .subTit01 img {margin:30px auto;}
	.subVisual .tit {font-size:36px;}
}

/* 회사소개 */
#aboutUs .sec .inner {width:1280px;}
#aboutUs .sec01 ul li {width:100%; display:flex; flex-direction:row; justify-content:center; align-items:center; }
#aboutUs .sec01 ul li:not(:last-child) {margin-bottom:35px;}
#aboutUs .sec01 ul li >div {width:50%;}
#aboutUs .sec01 ul li p {font-size:18px; font-weight:400; color:var(--color03); line-height:1.7; padding-left:55px; text-align:left; word-break:keep-all;}
#aboutUs .sec01 ul li:nth-child(2) p {padding-left:0; padding-right:55px; text-align:right;}

@media screen and (max-width:1320px){
	#aboutUs .sec01 ul li p br {display:none;}
	#aboutUs .sec01 .inner {width:calc(100% - 40px); padding:0 20px;}
}
@media screen and (max-width:980px){
	#aboutUs .sec01 ul li {flex-direction:column; }
	#aboutUs .sec01 ul li:not(:last-child) {margin-bottom:85px;}
	#aboutUs .sec01 ul li >div {width:100%;}
	#aboutUs .sec01 ul li .imgBox {order:1;}
	#aboutUs .sec01 ul li .textBox {order:2;}
	#aboutUs .sec01 ul li p, #aboutUs .sec01 ul li:nth-child(2) p {padding:25px 0 0 0; text-align:left;}
}
@media screen and (max-width:680px){
	#aboutUs .sec01 ul li p  {font-size:16px;}
}

/* ceo */
#ceo .sec {padding:120px 0 40px 0;}
#ceo .sec01 .ceoBox {position:relative; top:-90px; justify-content:center;}
#ceo .sec01 .textBox {padding-left:65px;}
#ceo .sec01 .point {color:var(--color02); display:inline;}
#ceo .ceoText {text-align:right; padding-top:60px; font-size:21px; font-weight:400; color:var(--color02);}


@media screen and (max-width:1680px){
	#ceo .sec01 .textBox {padding-left: 30px;}
	#ceo .sec01 .ceoImg img {width:500px;}
	#ceo .sec01 .ceoBox {top:0;}
}
@media screen and (max-width:1520px){
	#ceo .sec01 .ceoImg img {width:400px;}
	#ceo .sec01 .ceoBox {top:-40px;}

	#ceo .sec .text02 {font-size:16px;}
}
@media screen and (max-width:1320px){
	#ceo .sec01 .ceoBox {top:0;}
	#ceo .sec01 .ceoImg img {width:420px;}
	#ceo .ceoText {padding-top:40px; font-size:20px;}
}
@media screen and (max-width:1080px){
	#ceo .sec01 .ceoBox {display:block;}
	#ceo .sec01 .ceoBox >div {width:100%;}	
	#ceo .sec01 .textBox {padding-left:0; padding-top:40px;}
	#ceo .sec01 .ceoImg img {display:block; margin:0 auto;}
}
@media screen and (max-width:680px){
	#aboutUs .sec01 ul li p  {font-size:16px;}
	#ceo .ceoText {font-size:18px; padding-top:50px;}
	#ceo .sec01 .ceoImg img  {width:100%;}
}

/* location */
#location .locationBox, #location .root_daum_roughmap, #location .wrap_map {width:100% !important;}
/* #location .root_daum_roughmap div {height:100% !important;} */
#location .locationBox ul {padding-top:20px;}
#location .locationBox ul li {padding:25px 0; border-bottom:1px solid rgba(52,48,44,0.2);}
#location .locationBox dt {text-align:left; font-size:18px; font-weight:700; color:var(--color02); line-height:1;}
#location .locationBox dd {text-align:left; font-size:18px; font-weight:400; color:var(--color03); line-height:1;}
#location .locationBox dt span {width:21px; display:inline-block; line-height:1; position:relative; top:0.4px;}

@media screen and (max-width:1520px){
	#location .root_daum_roughmap {height:500px !important;}
}
@media screen and (max-width:680px){
	#location .root_daum_roughmap {height:300px !important;}	
	#location .locationBox li:nth-child(1) dt {width:60px;}
	#location .locationBox li:nth-child(2) dt {width:96px;}
	#location .locationBox li:nth-child(1) dd {width:calc(100% - 60px);}
	#location .locationBox li:nth-child(2) dd {width:calc(100% - 96px);}
	#location .locationBox dl {align-items: flex-start;}
	#location .locationBox dt span {position:relative; top:0.5px;}
	#location .locationBox dt, #location .locationBox dd {font-size:16px; line-height:1.2;}
}

/* business 1 */
.businessBox01 {width:100%; justify-content:space-between;}
.businessBox01 li {width:32.5%;}
.businessBox01 .imgBox {width:100%;}
.businessBox01 .textBox {width:100%; background-color:#fff; padding:45px 0; text-align:center;}
.businessBox01 .textBox p {font-size:21px; font-weight:400; color:var(--color02); line-height:1;}

.businessBox02 {position:relative; top:-90px;}
.businessBox02 .textBox {padding-left:55px; padding-top:80px;}
.businessBox02 .textBox {}
.businessBox02 .textBox dt {font-size:28px; font-weight:700; color:var(--color02); margin-bottom:35px;}
.businessBox02 .textBox dd {font-size:18px; font-weight:400; color:var(--color03); width:100%; border-bottom:1px solid rgba(52, 48, 44, 0.2); margin-bottom:14px; padding-bottom:14px; display:flex; flex-direction:row; align-items:center;}
.businessBox02 .textBox dd span {padding-right:3px;}
.businessBox02 .textBox dd:last-child {margin-bottom:0;}

.businessBox03 li {width:20%; text-align:center; position:relative; padding:30px 0 20px 0; border-right:1px solid rgba(52, 48, 44, 0.2); box-sizing:border-box;}
.businessBox03 li:last-child {border-right:0;}
.businessBox03 li .icon {height:80px; line-height:80px; display:block;}
.businessBox03 li:nth-child(1) .icon img {width:93px;}
.businessBox03 li:nth-child(2) .icon img {width:78px;}
.businessBox03 li:nth-child(3) .icon img {width:48px;}
.businessBox03 li:nth-child(4) .icon img {width:85px;}
.businessBox03 li:nth-child(5) .icon img {width:73px;}
.businessBox03 p {margin-top:30px; text-align:center; font-size:21px; font-weight:400; color:var(--color02);}

#business .sec,
#scf .sec{position:relative; z-index:2;}
#business .deco,
#scf .deco {position:absolute; right:0; bottom:300px; z-index:-1;}
#scf .deco {bottom:280px;}

@media screen and (max-width:1280px){
	.businessBox01 .textBox {padding:40px 0;}
	.businessBox01 .textBox p {font-size:20px;}
	.businessBox02 {top:0; padding-bottom:90px;}
	.businessBox02 .textBox {padding-top:0;}
	.businessBox02 .textBox dt {font-size:24px; margin-bottom:25px;}
	.businessBox02 .textBox dd {align-items:flex-start; line-height:1.3;}
	#business .deco, #scf .deco {width:300px; bottom:300px;}
	.businessBox03 li:nth-child(1) .icon img {width:73px;}
	.businessBox03 li:nth-child(2) .icon img {width:58px;}
	.businessBox03 li:nth-child(3) .icon img {width:38px;}
	.businessBox03 li:nth-child(4) .icon img {width:65px;}
	.businessBox03 li:nth-child(5) .icon img {width:53px;}
	.businessBox03 li {padding:25px 0;}
	.businessBox03 p {margin-top:20px; font-size:19px;}
}
@media screen and (max-width:980px){
	.businessBox01 .textBox {padding:30px 0;}
	.businessBox01 .textBox p {font-size:18px;}
	.businessBox03 li:nth-child(1) .icon img {width:43px;}
	.businessBox03 li:nth-child(2) .icon img {width:38px;}
	.businessBox03 li:nth-child(3) .icon img {width:28px;}
	.businessBox03 li:nth-child(4) .icon img {width:45px;}
	.businessBox03 li:nth-child(5) .icon img {width:43px;}
}
@media screen and (max-width:720px){
	.businessBox01, .businessBox02 {display:block;}
	.businessBox01 li {width:100%; margin-bottom:30px;}
	.businessBox02 .textBox {padding-left:0; padding-top:40px;}
	.businessBox02 .textBox dt {font-size:21px;}
	.businessBox02 .textBox dd {font-size:16px; padding-bottom:12px; margin-bottom:12px;}
	.businessBox03 p {font-size:16px;}
	.businessBox03 li {padding:10px 2px;}
	.businessBox03 li .icon {height:50px; line-height:50px;}
	.businessBox03 li:nth-child(1) .icon img {width:33px;}
	.businessBox03 li:nth-child(2) .icon img {width:30px;}
	.businessBox03 li:nth-child(3) .icon img {width:21px;}
	.businessBox03 li:nth-child(4) .icon img {width:35px;}
	.businessBox03 li:nth-child(5) .icon img {width:33px;}
	.businessBox03 p {font-size:15px; height:20px;}
}
@media screen and (max-width:480px){
	.businessBox01 .textBox p {font-size:16px;}
	.businessBox03 ul {display:block;}
	.businessBox03 li {width:100%; border-right:none; border-bottom:1px solid rgba(52, 48, 44, 0.2); padding:25px 0;}
	.businessBox03 li:last-child {border-bottom:none;}
	.businessBox03 li .icon {height:auto; line-height:1;}
	.businessBox03 p {height:auto; margin-top:15px;}
	#business .deco, #scf .deco {display:none;}
}
/* 선정산시스템 */
.descTitle dt, .imgDesc p, .descTitle dt span {font-size:28px; font-weight:700; color:#34302c;}
.imgDesc p span {padding-right:5px;}
.descTitle dt span {padding-right:13px;}
.descTitle dd {font-size:24px; font-weight:400; color:#666666; padding-left:20px;}
.descBox li {margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid rgba(52, 48, 44, 0.2); box-sizing:border-box;}
.descBox li span,
.descBox li p {font-size:18px; font-weight:400; color:#666666;}
.descBox li span {padding-right:3px;}
.descText01 {font-size:16px; font-weight:400; color:#666666; text-align:right; padding-top:13px;}

#scf .scfBox {position:relative;}
#scf .scfBox img {width:100%;}
#scf .scfBox .imgDesc {position:absolute; top:25px; left:30px; padding-top:0; z-index:2;}
#scf .scfBox .imgDesc p {display:flex; flex-direction:row; align-items:flex-start;}
#scf .scfBox img.mo {display:none;}
#scf .scfPatent {display:block; margin:0 auto;}
#scf .descBox {width:calc(100% - 40px); padding-left:40px;}

@media screen and (max-width:1280px){
	.descBox li {align-items:flex-start;}
	.descBox li p {word-break:keep-all;}
	.descTitle dt, .descTitle .descTit {font-size:24px;}
	.descTitle dd {font-size:19px;}
	.descBox li span, .descBox li p {font-size:16px;}
	#scf .descBox {padding-left:25px;}
	.descTitle {top:25px;}
	#scf .scfBox .imgDesc p {font-size:21px;}
}
@media screen and (max-width:980px){
	#scf .scfBox .imgDesc {position:relative; top:0; left:0; margin-bottom:20px;}
}
@media screen and (max-width:880px){
	#scf .scfPatent {width:100%;}
	#scf .descTitle {display:block; padding-top:10px; margin-bottom:20px !important;}
	#scf .descTitle dt, #scf .scfBox .imgDesc p {font-size:21px;}
	#scf .descTitle dt span {font-size:17px; padding-right:5px; position:relative; top:-1px;}
	.imgDesc p span {font-size:17px;}
	#scf .descTitle dd {font-size:18px; padding-top:5px; padding-left:20px;}
	.descTitle dt span, .imgDesc p span {padding-right:10px;}
	#scf .descBox {padding-left:20px;}
}
@media screen and (max-width:640px){
	#scf .scfBox img.pc {display:none;}
	#scf .scfBox img.mo {display:block;}
	#scf .descTitle dt, #scf .scfBox .imgDesc p {display:none;}
}
@media screen and (max-width:480px){
	#scf .scfPatent {width:100%;}
	#scf .descTitle {display:block; padding-top:10px; margin-bottom:20px !important;}
	#scf .descTitle dt, #scf .scfBox .imgDesc p {font-size:19px;}
	#scf .descTitle dt span {font-size:14px; top:-3px;}
	.imgDesc p span {font-size:14px;}
	#scf .descTitle dd {font-size:17px; padding-top:5px; padding-left:18px;}
	#scf .descBox {padding-left:15px;}
}