@charset "utf-8";

body .intro {}

/* 회사개요 */
.company .company-wrap {display:flex; justify-content:space-between;}
.company .company-txt {width:700px;}
.company .company-txt h4 {padding:0 0 50px; letter-spacing:-1.2px;}
.company .company-txt p {line-height:1.8; font-size:var(--fs18);}
.company .company-txt p+p {padding:30px 0 0;}
.company .company-txt b {font-weight:700;}
.company .company-img {width:600px; position:relative;}
.company .company-img img {}
.company .company-img div {width:70%; height:80px; display:flex; align-items:end; justify-content:end; position:absolute; right:0; bottom:0; border-left:50px solid var(--red); background:#fff;}
.company .company-img div p {padding:0 0 0 90px; font-size:var(--fs18); font-weight:800; line-height:1; display:inline-block; position:relative;}
.company .company-img div p span {font-size:var(--fs32); color:var(--blue);}
.company .company-img div p:before {width:57px; height:1px; background:#000; left:0; top:50%; position:absolute; display:block; content:'';}


/* 인사말 */
.greet {text-align: center;}
.greet .greet-tit {padding:0 0 30px;}
.greet .greet-inner {}
.greet .greet-inner .tit {height:500px; padding:90px 50px; background:url(../../images/intro/greetBg.WEBP)center 90% /cover no-repeat; position:relative;}
.greet .greet-inner .tit:before {position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5);content:'';}
.greet .greet-inner .tit h5 {color: #FFF; text-align: center; font-size: var(--fs24); font-weight: 700;line-height: 1.8; position:relative;}
.greet .greet-inner .txt {padding:100px; padding-bottom:0; width:calc(100% - 200px); margin:-200px auto 0; background:#fff; position:relative;}
.greet .greet-inner .txt p {font-size:var(--fs18); line-height:1.8;}
.greet .greet-inner .txt p+p {padding:40px 0 0;}
.greet .greet-inner .txt p.sign {padding:45px 0 0; font-weight:800;}

/* 비전 */
.vision {}
.vision .vision-wrap {}
.vision .vision-item {padding-left:130px;}
.vision .vision-item+.vision-item {padding-top:50px; margin-top:50px; border-top:1px solid var(--gray2);}
.vision .vision-item h4 {padding:0 0 30px; color:#0F61CD; font-size:var(--fs48); font-weight: 800;line-height:1}
.vision .vision-item p {font-size:var(--fs18); line-height:1.8;}
.vision .vision-item p b {font-size:var(--fs24); font-weight:700; line-height:1.4;}
.vision .vision-item p+p {padding:30px 0 0; }
.vision .vision-item .box {padding:10px 30px; font-size:var(--fs18); font-weight:700; line-height:1.8; color:#fff; display:inline-block; background:var(--navy); border-radius:100px;}
.vision .vision-item:nth-child(1) {background:url(../../images/intro/visionIcon_01.svg)0 0 no-repeat;}
.vision .vision-item:nth-child(2) {background:url(../../images/intro/visionIcon_02.svg)0 50px no-repeat;}
.vision .vision-item:nth-child(3) {background:url(../../images/intro/visionIcon_03.svg)0 50px no-repeat;}

/* 연혁 */
.history {}
.history .history-wrap {display:flex; gap:100px; width:100%;}
.history .history-tit {width:300px; position:sticky; top:100px; align-self: start;}
.history .history-tit .img {width:100%; position:relative;}
.history .history-tit .img:before,
.history .history-tit .img:after {background:var(--red); right:0;bottom:0; position:absolute; content:''; display:block;}
.history .history-tit .img:before {width:100%; height:50px;}
.history .history-tit .img:after {width:50px; height:100px;}
.history .history-tit .txt h4 {padding:30px 0 10px; color:var(--blue); font-size:var(--fs24); font-weight:800;line-height:1.8;}
.history .history-tit .txt p {color:#666;}

.history .history-list {width:calc(100% - 400px);}
.history .history-item+.history-item {margin-top:50px; padding-top:70px; border-top:1px solid var(--gray2);}
.history .history-item h4 {padding:0 0 35px; color:var(--navy); font-size:var(--fs36); font-weight:800; line-height:1;}
.history .history-item dl {padding-left:200px; position:relative;}
.history .history-item dl>* {font-size:var(--fs18);}
.history .history-item dt {position:absolute; left:0; font-weight:800;}
.history .history-item dd {padding:0 0 20px;}
.history .history-item dd.mon {position:absolute; left:150px; color:var(--blue);}

/* 조직도 */
.organ {}
.organ .organ-wrap {}
.organ .organ-img {}
.organ .organ-img img {margin:0 auto;}

/* 면허 */
.patent {}
.patent .patent-wrap {}
.patent .patent-list {margin:70px 0 0; gap:20px; display:flex; flex-wrap:wrap;}
.patent .patent-item {padding:20px; width:calc((100% - 60px)/4); border:1px solid var(--gray2); transition:var(--ani); text-align:center;}
.patent .patent-item:hover {border: 1px solid #000; background: #FFF; box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.10);}
.patent .patent-item .img {aspect-ratio: 1 / 1.4;}
.patent .patent-item p {padding:10px 0 0; font-size:var(--fs18);}

/* 협력업체 */
.cooper {}
.cooper .cooper-list {display:flex; gap:30px 20px; flex-wrap:wrap;}
.cooper .cooper-item {width:calc((100% - 80px)/5); text-align:center;}
.cooper .cooper-item .img {padding:20px; border:1px solid var(--gray2); aspect-ratio:16/9; border-radius:10px;}
.cooper .cooper-item .img img {object-fit:scale-down;}
.cooper .cooper-item p {padding:10px 0 0;}

/* 찾아오시는길 */
.location {}
.location .tabWrap {margin:0 0 50px;}
.location .tabItem {display:block;}
.location .tabItem p {padding:20px 0 0; font-size:var(--fs18); font-weight:700; line-height:1.8; text-align:center;}
.location .root_daum_roughmap {width:100%;}
.location .root_daum_roughmap .wrap_map {width:100%; height:600px;}
.location .root_daum_roughmap .wrap_controllers {display:none;}
.location .root_daum_roughmap .cont {display:none;}


/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1024px) {
	
	/* 회사개요 */
	.company .company-wrap {gap:40px; flex-direction:column;}
	.company .company-txt {width:100%;}
	.company .company-txt h4 {padding:0 0 40px}
	.company .company-txt p+p {padding:25px 0 0;}
	.company .company-img {width:100%;}
	.company .company-img div {height:70px; border-width:40px;}
	.company .company-img div p:before {width:50px;}
	
	/* 인사말 */
	.greet {}
	.greet .greet-inner .tit {height:auto; padding:80px 40px; display:flex; align-items:center; justify-content:center;}
	.greet .greet-inner .txt {width:100%; padding:40px; padding-bottom:0; margin:0;}
	.greet .greet-inner .txt p+p {padding:30px 0 0;}
	.greet .greet-inner .txt p.sign {padding:35px 0 0;}
	
	/* 비전 */
	.vision {}
	.vision .vision-item {padding-left:100px;}
	.vision .vision-item h4 {padding:0 0 25px}
	.vision .vision-item p+p {padding:25px 0 0;}
	.vision .vision-item+.vision-item {padding-top:40px; margin-top:40px; background-position:0 40px;}
	
	/* 연혁 */
	.history  {}
	.history .history-wrap {gap:50px;}
	.history .history-tit {width:260px; position:static;}
	.history .history-tit .img:before {height:40px;}
	.history .history-tit .img:after {width:40px; height:80px;}
	
	.history .history-list {width:calc(100% - 310px);}
	.history .history-item dl {padding-left:120px;}
	.history .history-item dd.mon {left:85px;}
	.history .history-item+.history-item {margin-top:40px; padding-top:60px;}
	
	/* 조직도 */
	.organ {}
	/* 면허 */
	.patent {}
	.patent .patent-list {margin:50px 0 0;}
	.patent .patent-item {width:calc((100% - 40px)/3);}
	
	/* 협력업체 */
	.cooper {}
	.cooper .cooper-list {gap:25px 20px;}
	.cooper .cooper-item {width:calc((100% - 60px)/4);}
	
	/* 찾아오시는길 */
	.location {}
	.location .tabWrap {margin:0 0 40px;}
	.location .root_daum_roughmap .wrap_map {height:60vw;}

	
	
}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	/* 회사개요 */
	.company .company-wrap {gap:30px; flex-direction:column;}
	.company .company-txt h4 {padding:0 0 20px}
	.company .company-txt p+p {padding:14px 0 0;}
	.company .company-img div {width:90%; height:50px; border-width:30px;}
	.company .company-img div p {padding:0 0 0 60px;}
	.company .company-img div p:before {width:40px;}
	
	/* 인사말 */
	.greet {}
	.greet .greet-inner .tit {padding:50px 20px;}
	.greet .greet-inner .txt {width:100%; padding:20px 0 0; margin:0;}
	.greet .greet-inner .txt p+p {padding:20px 0 0;}
	.greet .greet-inner .txt p.sign {padding:30px 0 0;}
	
	/* 비전 */
	.vision {}
	.vision .vision-item {padding-left:60px; background-size:40px !important;}
	.vision .vision-item+.vision-item {padding-top:30px; margin-top:30px; background-position:0 30px;}
	.vision .vision-item .box {line-height:1.6;}
	
	
	/* 연혁 */
	.history  {}
	.history .history-wrap {gap:40px; flex-direction:column;}
	.history .history-tit {width:100%; display:flex; gap:30px;}
	.history .history-tit .img {width:220px;}
	.history .history-tit .img:before {height:30px;}
	.history .history-tit .img:after {width:30px; height:60px;}
	.history .history-tit .txt {width:calc(100% - 240px);}
	.history .history-tit .txt h4 {padding:0 0 10px; line-height:1.2}
	
	.history .history-list {width:100%;}
	.history .history-item h4 {padding:0 0 25px;}
	.history .history-item dl {padding-left:120px;}
	.history .history-item dd {padding:0 0 14px;}
	.history .history-item dd.mon {left:85px;}
	.history .history-item+.history-item {margin-top:20px; padding-top:34px;}
	
	/* 조직도 */
	.organ {}
	
	/* 면허 */
	.patent {}
	.patent .patent-wrap {}
	.patent .patent-list {margin:30px 0 0; gap:10px;}
	.patent .patent-item {width:calc((100% - 10px)/2);}
	
	/* 협력업체 */
	.cooper {}
	.cooper .cooper-list {gap:20px 10px;}
	.cooper .cooper-item {width:calc((100% - 20px)/3);}
	.cooper .cooper-item .img {padding:10px;}
	
	/* 찾아오시는길 */
	.location {}
	.location .tabWrap {margin:0 0 30px;}
	
	
}

/* ************************ 모바일 ************************ */
@media (max-width: 500px) {
	
	/* 협력업체 */
	.cooper {}
	.cooper .cooper-list {gap:10px 5px;}
	.cooper .cooper-item {width:calc((100% - 5px)/2);}
	.cooper .cooper-item p {padding:5px 0 0;}
	
}