@charset "utf-8";
/* *******************************************************
 * filename : company.css
 * description : 기업소개 CSS
 * date : 2022.10.06
******************************************************** */
/* ******************  조직도 비주얼 ********************** */
#treeVisual {overflow:hidden; width:100%; height:1000px;  position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
#treeVisual .area{max-width: 1440px;} 

.tree-visual-wrap,
.tree-visual-con, 
.tree-visual-item{
	height:100%; 
}

.tree-visual-con{z-index:1;}
/* 뉴스 비주얼 :: 이미지 */
.tree-visual-item{position:relative;}

/* 뉴스 비주얼 :: 텍스트 */
.tree-visual-item .tree-visual-txt-con{
	position:absolute; 
	top:50%; left:0px; top:0.79vw;
	width:100%; 
}
/* .tree-visual-item .tree-big-txt1{position:absolute; bottom:9vw;left: 0%; background:url("/resources/image/common/text/ANJ Solution.svg"); height:9vw; background-size: cover; width: 24vw; max-width:390px; max-height:148px;} */
.tree-visual-item .tree-big-txt1{position:absolute; bottom:175px;left: 0%; background:url("/resources/image/common/text/ANJ Solution.svg"); height:148px; background-size: cover; width: 390px;}
/* .tree-visual-item .tree-big-txt2{position:absolute; bottom:0; background:url("/resources/image/common/text/ORGANIZATION.svg"); left:0; right:0;height:9vw;background-size: cover;} */
.tree-visual-item .tree-big-txt2{position:absolute; bottom:0; background:url("/resources/image/common/text/ORGANIZATION.svg"); left:0; right:0;height:172px; width:1913px; background-size: cover;}

.tree-visual-item .tree-visual-txt-con .tree-visual-txt-inner {width: 100%;}
.tree-visual-item .tree-visual-txt-con .tree-visual-txt1{display:block; font-size:60px; font-weight:400; letter-spacing:-1px; color:#3d3939; margin-bottom:1.25vw; line-height:1.25; }
.tree-visual-item .tree-visual-txt-con .tree-visual-txt1 em{font-weight:700;}
.tree-visual-item .tree-visual-txt-con .tree-visual-txt2{font-size:24px; color:#000000;}

.tree-visual-item .tree-visual-txt-con .txt-wrap {display:block; overflow:hidden; }
.tree-visual-item .txt-wrap em {display:inline-block; }

/* .tree-visual-item-wrap{width:1440px; height:508px;} */
.tree-visual-item-wrap{width:100%; height:fit-content;}
.tree-visual-item-wrap .tree-post-wrap{padding-right:20px; padding-left:20px;}
.tree-visual-item-wrap .tree-post{width:330px; height:450px; -webkit-box-shadow: 3px 7px 7px #00000038; border-radius:18px; border: 1px solid #00000038;}
.tree-visual-item-wrap .tree-post .tree-post-image{width:100%; height:220px;}


/* ******************  비전 비주얼 ********************** */
#visionVisual {overflow:hidden; width:100%; height:1000px;  position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
#visionVisual .area{max-width: 100vw; margin:0;} 

.vision-visual-wrap,
.vision-visual-con, 
.vision-visual-item{
	height:100%; 
}
.vision-visual-con{z-index:1;}
/* 뉴스 비주얼 :: 이미지 */
.vision-visual-item{position:relative;}

/* 뉴스 비주얼 :: 텍스트 */
.vision-visual-item .vision-visual-txt-con{
	position:absolute; 
	left:0px; 
	width:100%; 
}
/* .vision-visual-item .vision-big-txt{position:absolute; bottom:-4vh;left: 50%;transform: translate(-50%,0);} */
/* .vision-visual-item .vision-big-txt em{font-size:26vh; color:white; font-weight:800;} */
.vision-visual-item .vision-big-txt{position:absolute; bottom:0; left: 50%;transform: translate(-50%,0); background:url("/resources/image/common/text/VISION.svg"); width: 71vh;height:16vh;background-size: cover;}
.vision-visual-item .vision-visual-txt-con .vision-visual-txt-inner {width: 100%;}
.vision-visual-item .vision-visual-txt-con .vision-visual-txt1{
	display:block; 
	font-size:52px; 
	font-weight:400; 
	letter-spacing:-1px; 
	margin-bottom:0.25vw; 
	margin-top:2.25vw;
	line-height:1.25; 
	text-align:center;
}
.vision-visual-item .vision-visual-txt-con .vision-visual-txt1 em{font-weight:700;background: linear-gradient(to right, #00BF8F, #0B8793);
    color: transparent;
    -webkit-background-clip: text;}
.vision-visual-item .vision-visual-txt-con .vision-visual-txt2{font-size:24px; color:#333333;text-align:center;margin-bottom:2.25vw;}
.vision-visual-item .vision-visual-txt-con .vision-visual-txt2 em{font-weight:bold;}
.vision-visual-item .vision-visual-txt-con .vision-visual-txt3{font-size:24px; color:#333333;width: fit-content;margin: auto;}
.vision-visual-item .vision-visual-txt-con .txt-wrap {display:block; overflow:hidden; }
.vision-visual-item .txt-wrap em {display:inline-block; }

.vision-visual-item-wrap{width:100%; height:100%; min-width:1913px !important;}
.vision-visual-item-wrap .vision-post-wrap{display:inline-block;width:33.1%;height: calc(100vh - 70px);}
.vision-visual-item-wrap .vision-post{width:100%; height:100%; position:relative;}
.vision-visual-item-wrap .vision-post .vision-post-image{width:100%;}
.vision-visual-item-wrap .vision-post .vision-post-image img{width:100%;}
.vision-visual-item-wrap .vision-post .vision-post-txt-wrap{position:absolute;top:50%;    transform: translate(0,-50%); height: 291px;background: #ffffffb5; width:101%;}

/* ******************  연혁 비주얼 ********************** */
#historyVisual {overflow:hidden; width:100%; height:1000px;  position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
#historyVisual .area{max-width: 1440px;} 

#height60px {
	height: 60px;
}

.history-visual-con .slick-track,
.history-visual-con .slick-list {
	 -webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.history-visual-con .slick-list{
	padding-top:16px;
}
.history-visual-wrap,
.history-visual-con, 
.history-visual-con .slick-list,  
.history-visual-con .slick-track, 
.history-visual-item{
	height:100%; 
}

.history-visual-con{z-index:1;}
/* 연혁 비주얼 :: 이미지 */
.history-visual-item{position:relative;}

/* 연혁 비주얼 :: 텍스트 */
.history-visual-item .history-visual-txt-con{
	position:absolute; 
	top:50%; left:0px; top:0.79vw;
	width:100%; 
	z-index:1;
}
.history-visual-item .history-big-txt{position:absolute; bottom:0; left: 50%;transform: translate(-50%,0); background:url("/resources/image/common/text/HISTORY_EDIT.svg"); fill:E6E6E6; width: 97vh;height:16vh;background-size: cover;}

.history-visual-item .history-visual-txt-con .history-visual-txt-inner {width: 100%;}
.history-visual-item .history-visual-txt-con .history-visual-txt1{display:block; font-size:48px; font-weight:400; letter-spacing:-1px; color:#333333; margin-bottom:1.25vw; line-height:1.25; }
.history-visual-item .history-visual-txt-con .history-visual-txt1 em{font-weight:700;}
.history-visual-item .history-visual-txt-con .history-visual-txt2{font-size:24px; color:#000000;margin-bottom: 5px; margin-top:20px;}
.history-visual-item .history-visual-txt-con .history-visual-txt2 em{font-weight:600; padding-right: 10px;}
.history-visual-item .history-visual-txt-con .history-visual-txt3{font-size:18px; color:#000000;}

.history-visual-item .history-visual-txt-con .txt-wrap {display:block; overflow:hidden; }
.history-visual-item .txt-wrap em {display:inline-block; }
.history-visual-txt3 .preTxt {font-family : Pretendard Variable Subset; font-size: 18px; color : #000000; margin-bottom: 29px; }

/* .history-visual-item-wrap{width:1440px; height:508px;} */
.history-visual-item-wrap{width:100%; height:508px;}
.history-visual-item-wrap .history-post-wrap{padding-right:20px; padding-left:20px;}
.history-visual-item-wrap .history-post{width:330px;}
.history-visual-item-wrap .history-post .history-post-image{width:100%; height:58px;}
.history-maintenance-btn .small {font-size: 14px;}
.basic-btn:hover{ color:#00BF8F; }
.basic-btn.red:hover{ color: red; }

/* ******************  오시는길 비주얼 ********************** */
#directionVisual {overflow:hidden; width:100%; height:1000px;  position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
#directionVisual .area{max-width: 1440px;} 

.direction-visual-wrap,
.direction-visual-con, 
.direction-visual-item{
	height:100%; 
}
/* 오시는길 :: 지도 */
a.map{
	color:blue; 
	font-size:13px;
	padding:4px;
	position:relative;
	bottom:7px;
	right:25px;
}

a.map:hover{
	color:red;
}

/* 지도 인포 윈도우 */
.info_window_address{
	display:inline-block;
	position:relative;
	left:77px;
	bottom:30px;
}

.info_window_title{
	font-size:13px;
	position:relative;
	bottom:7px;
	left:15px;
}

.info_window_image {
	padding:4px;
	position:relative;
	left:15px;
	top:7px;
}

.info_window_wapper {
	border-radius : 3px;
}

.direction-visual-con{z-index:1;}
/* 오시는길 비주얼 :: 이미지 */
.direction-visual-item{position:relative;}

/* 오시는길 비주얼 :: 텍스트 */
.direction-visual-item .direction-visual-txt-con{
	position:absolute; 
	top:50%; left:0px; top:0.79vw;
	width:100%; 
	z-index:1;
}
/* .direction-visual-item .direction-big-txt{position:absolute; bottom:0; background:url("/resources/image/common/text/DIRECTIONS.svg"); width: 100%;height:22vh;background-size: cover;} */
.direction-visual-item .direction-big-txt{position:absolute; bottom:0; background:url("/resources/image/common/text/DIRECTIONS.svg"); left:0; right:0;height:12vw;background-size: cover;}
.direction-visual-item .direction-visual-txt-con .direction-visual-txt-inner {width: 100%;}
.direction-visual-item .direction-visual-txt-con .direction-visual-txt1{display:block; font-size:60px; font-weight:400; letter-spacing:-1px; color:#3d3939; margin-bottom:1.25vw; line-height:1.25; }
.direction-visual-item .direction-visual-txt-con .direction-visual-txt1 em{font-weight:700;}
.direction-visual-item .direction-visual-txt-con .direction-visual-txt2{font-size:24px; color:#000000;}

.direction-visual-item .direction-visual-txt-con .txt-wrap {display:block; overflow:hidden; }
.direction-visual-item .txt-wrap em {display:inline-block; }

/* .direction-visual-item-wrap{width:1440px; height:508px; position:relative;} */
.direction-visual-item-wrap{width:100%; height:508px; position:relative;}
/* .direction-visual-item-wrap .direction-visual-map-wrap{position:absolute; width:544px; height:560px; left:0;} */
.direction-visual-item-wrap .direction-visual-map-wrap{position:absolute; width:544px; height:60.28vh; left:0;}
.direction-visual-item-wrap .direction-visual-txt-wrap{position:absolute; left: 665px; top: 50%; transform: translate(0,-50%);}
.direction-visual-item-wrap .direction-visual-txt-wrap .blank{display:inline-block; width:1px; height:50px; vertical-align:middle;}
.direction-visual-item-wrap .direction-visual-txt-wrap .title{width: 91px;display:inline-block;font-size:24px; color :#00BF8F; font-weight:bold;}
.direction-visual-item-wrap .direction-visual-txt-wrap .value{display:inline-block;font-size:24px; color :#000000;}
.direction-visual-item-wrap .direction-post-wrap{padding-right:20px; padding-left:20px;}
.direction-visual-item-wrap .direction-post{width:330px; height:450px; -webkit-box-shadow: 3px 7px 7px #00000038; border-radius:18px; border: 1px solid #00000038;}
.direction-visual-item-wrap .direction-post .direction-post-image{width:100%; height:220px;}

@media all and (max-width:1710px){
	.main-nav-list .main-nav-btn span {display:none;}
}
@media all and (max-width:1410px){
	#mainNav {display:none !important;}
}

.area {
    max-width: 1110px;
    margin: 0px auto;
}

#companyContainer{
/* 	margin-top: 100px; */
    height: 100vh;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    transition-duration: 0.2s;
    overflow-x: hidden;
    margin-right: 7px;
}

#companyContainer::-webkit-scrollbar{
	width:9px;
}

#companyContainer::-webkit-scrollbar-thumb{
	background-color:#00BF8F;
	height:53px;
	border-radius : 10px;
}

#companyContainer::-webkit-scrollbar-track{
	background-color:#d8d8d8;
}

#companyContainer .submenu-container-fixed{
	position:fixed;
	width:100%;
	top :0;
	background-color: #F8F8F9;
	z-index:99;
}

body{
	overflow-y:hidden;
}


#tree-visual-item-list{
	width:100%;
	height:100%;
}

.button-wrap{
	position: relative;
	height: 74px;
}

.history-insert-btn{
	text-align: right; position:relative; right:20px; width: 88%; margin-top: 27px;
}

.submenu-visual .submenu-list-container .submenu-button{
	width:210px !important;
}

#naver-loading{
	position: absolute;
    width: 544px;
/*     height: 560px; */
    height:60.28vh;
    background: url(/resources/image/common/loading.gif);
    background-size: 31%;
    background-repeat: no-repeat;
    background-position:center;
    border: 1px solid #00000038;
}

/* slick-slide */
.history-post-txt-wrap{
	display: block; height: 578px; overflow-y: auto;
}

.history-post-txt-wrap::-webkit-scrollbar {  width: 10px;  /* 스크롤바의 너비 */}
.history-post-txt-wrap::-webkit-scrollbar-thumb {  height: 30%; /* 스크롤바의 길이 */  background: #999999; /* 스크롤바의 색상 */  border-radius: 10px;} 
.history-post-txt-wrap::-webkit-scrollbar-track {  background: #F2F2F2;  /*스크롤바 뒷 배경 색상*/}

.history-visual-pre-wrap {
	white-space:pre-wrap; font-family : Pretendard Variable Subset; font-size: 18px; color : #000000;
}
/* 
@media all and (max-width: 1300px) {
	.button-wrap{
		height: 32px;
	}
	
	.history-insert-btn{
		text-align: right; position:relative; right:86px; width: 88%; margin-top: 27px;
	}
	
	#height60px {
		height: 35px;
	}
	
}
 */
/* 
@media all and (max-width: 1000px){
	.history-visual-item .history-visual-txt-con .history-visual-txt1{
		font-size: 26px !important;
	}
	
	.history-visual-item .history-visual-txt-con .history-visual-txt2{
		font-size: 20px !important;
	}
	
	.history-visual-pre-wrap{
		font-size: 14px;
	}
	
	.history-visual-item .history-big-txt{
		left:0 !important;
		right:0 !important;
		transform:none !important;
		width:auto !important;
		height: 7vh !important;
	}
	
	.history-visual-item-wrap .history-post{
		width:inherit !important;
	}
	
	.submenu-visual .submenu-list-container .area{
		width:100% !important;
		max-width: none;
	}
	
	.submenu-visual .submenu-list-container .submenu-button{
		width:24% !important;
	}
	
	.direction-visual-item-wrap .direction-visual-txt-wrap {
		left:0px;
		transform:none;
		bottom: 12vw;
		top:unset;
	}
	
	.direction-visual-item .direction-visual-txt-con, #directionVisual .area,.direction-visual-item .direction-visual-txt-con .direction-visual-txt-inner , .direction-visual-item-wrap{
		height:inherit;
	}
	
	.direction-visual-item-wrap .direction-visual-txt-wrap .title{
		vertical-align: middle;
	}
	
	.direction-visual-item-wrap .direction-visual-txt-wrap .value{
		width: calc(100% - 100px);
		vertical-align: middle;
	}
	
	.tree-visual-item-wrap img{
		width:-webkit-fill-available;
	}
	
	.tree-visual-item-wrap div{
		flex-direction: column;
	}
	
	.tree-visual-item-wrap .pc-img{
		display:none;
	}
	
	.tree-visual-item-wrap .m-img{
		display:inline-block !important;
	}
	
	.vision-visual-item-wrap .vision-post-wrap{
		display:block;
		width:100%;
		height:calc(33.3vh - 23.3333px);
		
	}
	
	.vision-visual-item-wrap .vision-post .vision-post-image img{
		width:100vw;
	}
	
	.vision-visual-item-wrap .vision-post .vision-post-txt-wrap{
		height: calc(calc(calc(100vh - 70px) / 3 ) / 2);
	}
	
	.vision-visual-item .vision-visual-txt-con .vision-visual-txt1{
		font-size: 27px;
	}
	
	.vision-visual-item .vision-visual-txt-con .vision-visual-txt2{
		font-size: 18px;
	}
	
	.vision-visual-item .vision-visual-txt-con .vision-visual-txt3{
		font-size: 14px;
	}
	
	.vision-visual-item .vision-big-txt{
		left:0 !important;
		right:0 !important;
		transform:none !important;
		width:auto !important;
		height: 9vh !important;
		z-index:1;
	}
}
 */