@import url('sub.css'); 



/**** S:: 회사소개 > CEO인사말 ****/
.hero-section .w1010 {max-width: 1010px; width: 90%; margin:0 auto;}
.hero-section .hero-text {background:url("/company/img/greeting_bg.jpg")no-repeat center / cover; padding: 130px 0 140px; margin-bottom: 55px;}
.hero-section .hero-text .fs24 {margin: 0 0 15px; font-weight: 300;}
.hero-section .hero-text .point {line-height: inherit; letter-spacing: inherit;}
.content-text .fs18 {text-align: justify;}
.content-text .fs18+.fs18 {margin-top: 15px;}
.content-text .signature {margin-top: 70px; }
/**** E:: 회사소개 > CEO인사말 ****/




/**** S:: 회사소개 > CI ****/
.guide-container .logo-section+.logo-section {margin-top: 100px;}
.guide-container .section-title { margin-bottom: 30px;}
.guide-container .main-display-box {width: 100%; min-height: 400px;  border: 1px solid var(--border); margin-bottom: 30px; display: flex; justify-content: center;  align-items: center; gap:0 160px; padding: 40px; background-color:var(--white); background-image: linear-gradient(rgba(51,49,46,0.06) 1px, transparent 1px),linear-gradient(90deg, rgba(51,49,46,0.06) 1px, transparent 1px); background-size: 20px 20px; box-sizing: border-box; background-position: center center;}
.guide-container .main-display-box.ver2 {gap:0 300px;}
.guide-container .logo-wrapper {display: flex; justify-content: center; align-items: center;}
.guide-container .logo-wrapper img {max-width: 100%; height: auto; display: block;}
.guide-container .variation-grid {display:flex; flex-wrap: wrap; gap:30px;}
.guide-container .card {flex:1 0 0; border: 1px solid var(--border); background: var(--white); display: flex; flex-direction: column; box-sizing: border-box;}
.guide-container .card-image {padding: 20px 40px; display: flex; justify-content: center; align-items: center; flex-grow: 1; background-color: var(--white); aspect-ratio: 36 / 21;}
.guide-container .card-image img {max-width: 100%; object-fit: contain;}

.guide-container .card-caption {background-color: var(--grayBg);  text-align: center; padding: 20px; border-top: 1px solid var(--border);}
/**** E:: 회사소개 > CI ****/





/**** S:: 회사소개 > 조직도 ****/
.org-container {width: 100%; max-width: 1270px; position: relative; text-align: center; margin:0 auto;}
.org-container .box {width: 295px; height: 72px; color: var(--white); font-weight: 500; display: flex; align-items: center; justify-content: center; position: relative;}

.org-container .level-1 {display: flex; justify-content: center; margin-bottom: 50px; position: relative;}
.org-container .level-1::after {content: ''; position: absolute; top: 100%; left: 50%; width: 1px; height: 336px; background-color: var(--border);}

.box.ceo {height: 76px; background: linear-gradient(90deg, #F6921D 0%, #F27129 50%, #EE433A 100%); position: relative; z-index: 2;}

.level-2 {display: flex; justify-content: space-between; margin-bottom: 100px; position: relative;}
.group-left, .group-right {width:50%; display: flex; flex-wrap:wrap; gap: 10px; flex-direction: column;}
.group-left {justify-content:space-between;}
.group-right {justify-content:flex-end;}

.box.aud {background-color: var(--sub);}
.group-left li {position: relative;}
.group-left li::after {content:''; width:100%; height: 1px; background:var(--border); position: absolute; top:50%; right: 0; z-index: -1;}

.box.ext {background-color: var(--sub3); margin:0 0 0 auto;}

.group-right li:first-of-type .box.ext::before {content: ''; width: 1px; height: 165px; background: var(--border); position: absolute; top:36px; left:-50px;}
.box.ext::after {content:''; width:50px; height: 1px; background:var(--border); position: absolute; top:50%; left: 0; z-index: -1; transform: translateX(-100%);}
.group-right li:nth-of-type(2) .box.ext::after {display: none;}
.group-right {position: relative;}
.group-right::after {content:''; width:100%; height: 1px; background:var(--border); position: absolute; top:50%; left: 0; z-index: -1;}

.level-3 {display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; position: relative;}
/*.level-3 {display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; position: relative;}
.level-3::before {content: ''; position: absolute; top: -50px; left: calc((100% - 90px) / 8);
    right: calc((100% - 90px) / 8); height: 1px; background-color: var(--border);}
*/
.level-3::before {content: ''; position: absolute; top: -50px; left: calc((100% - 120px) / 10);
    right: calc((100% - 120px) / 10); height: 1px; background-color: var(--border);}


.dept-col {position: relative;}
.dept-col::before {content: ''; position: absolute; top: -50px; left: 50%; width: 1px; height: 50px; background-color: var(--border);}
.box-head {border: 4px solid var(--main); color: var(--main); font-weight: 700; padding: 16px 0; background: var(--white); margin-bottom: 5px;}
.box-list li {background-color: var(--grayBg); padding: 16px 10px; color: var(--black); font-size: 0.95rem; margin-bottom: 5px;}
/**** E:: 회사소개 > 조직도 ****/





/**** S:: 회사소개 > 비전&미션 ****/
.vision-container .vision-header {text-align: center; margin-bottom: 55px;}
.vision-container .vision-header .bold, .vision-container .vision-header .point {line-height: inherit; letter-spacing: inherit;}
.vision-container .mission-section {position: relative; width: 100%; height: 485px; background: url('/company/img/vision_bg.jpg') no-repeat center/cover; display: flex; justify-content: center; align-items: center; text-align: center; color: var(--white); position: relative; z-index: 10; padding:0 5%; box-sizing: border-box;}
.vision-container .mission-section * {color:var(--white);}
.vision-container .mission-section .fs44 {font-weight: 300; margin-top: 30px;}
.vision-container .mission-section .fs44 .point {line-height: inherit; letter-spacing: inherit; font-weight: 600;;}

.vision-container .core-value-section {position: relative; padding: 90px 40px; box-sizing:border-box; border-radius: 500px; border: 7px solid var(--main); text-align: center; margin:100px 0; position: relative; z-index: 9;}
.vision-container .core-value-section::after {content: ''; width: 1035px; aspect-ratio: 1035 / 818; background: url("/company/img/vision_arr.svg")no-repeat center / 100% auto; position: absolute; top:80%; left:50%; transform:translate(-50%,-50%); z-index: -1; max-width:100%;}
.vision-container .core-value-section .core-box .fs44 {margin:30px 0 0; color: var(--main);}

.business-section {position: relative; z-index: 10;}
.business-grid-wrapper {display: grid; grid-template-columns: repeat(3, 1fr);  gap: 30px; margin-top: 30px;}
.business-grid-wrapper dl {background: var(--grayBg);}
.business-grid-wrapper dl dt {padding:20px; box-sizing: border-box; text-align: center; background: var(--sub); color: var(--white); font-weight: 700;}
.business-grid-wrapper dl dd {padding: 30px 35px; box-sizing: border-box;}
/**** E:: 회사소개 > 비전&미션 ****/


/**** S:: 회사소개 > 오시는길 ****/
.loca_map_wrap .wrap_controllers {display:none;}
.loca_map_wrap .cont {display:none;}
.root_daum_roughmap_landing, .root_daum_roughmap .wrap_map {height:100% !important; width:100% !important;}
.loca_map_wrap {height:560px; border:1px solid var(--border); box-sizing:border-box;}
.loca_map_info {margin:30px 0 0; position:relative; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:20px 10px;}
.loca_map_info .fs20 {display:flex; /* flex-wrap:wrap;  */gap:0 6px; margin:0 0 12px;}
.loca_map_info .fs20::before {content:'\e0c8'; font-size:26px; line-height:1; font-family:var(--icon); display:block; position:relative; top:2px; flex-shrink: 0; font-weight:500;}
.loca_map_info small {display:inline-block;}
.loca_map_info small+small {margin-left:25px;}
.loca_map_info small b {color:var(--black); font-weight:600; display:inline-block; margin-right:10px;}
.root_daum_roughmap .map_border {display:none;}
.loca_map_info .loca_btn {display:flex; flex-wrap:wrap; gap:0 2px; width:362px; }
.loca_map_info .loca_btn a {flex:1; height:55px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 5px; font-weight:600; line-height:1; border-radius:50px;}
.loca_map_info .loca_btn a.naver {background:#03CF5D; color:var(--white);}
.loca_map_info .loca_btn a.naver::before {content:''; width:21px; background:url("/company/img/naver.svg")no-repeat center / 100%; aspect-ratio: 14 / 18;}
.loca_map_info .loca_btn a.kakao {background:#FEE102; color:#1A0000;}
.loca_map_info .loca_btn a.kakao::before {content:''; width:21px; background:url("/company/img/kakao.svg")no-repeat center / 100%; aspect-ratio: 9 / 18;}
/**** E:: 회사소개 > 오시는길 ****/




/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 


}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 


}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 

/**** S:: 회사소개 > CEO인사말 ****/
.hero-section .hero-text {text-align: center; padding: 80px 0 90px; margin-bottom: 35px;}
/**** E:: 회사소개 > CEO인사말 ****/

/**** S:: 회사소개 > CI ****/
.guide-container .main-display-box {gap:0 40px; padding:120px 60px; min-height: auto;}
.guide-container .main-display-box.ver2 {gap:0 100px;}
.guide-container .variation-grid {gap:15px;}
/**** E:: 회사소개 > CI ****/



/**** S:: 회사소개 > 조직도 ****/
.org-container .box {width:200px;}
.group-right li .box.ext::after {width:30px;}
.group-right li:first-of-type .box.ext::before {left:-30px;}

.level-3 {gap:15px;}
.level-3::before {left: calc((100% - 45px) / 8); right: calc((100% - 45px) / 8);}
/**** E:: 회사소개 > 조직도 ****/



/**** S:: 회사소개 > 비전&미션 ****/
.vision-container .mission-section {height: auto; padding:100px 5%;}
.vision-container .core-value-section {padding: 60px 30px; margin: 80px 0;}
.business-grid-wrapper {gap: 15px;}
.business-grid-wrapper dl dd {padding:20px;}
/**** E:: 회사소개 > 비전&미션 ****/


/**** S:: 회사소개 > 오시는길 ****/
.loca_map_wrap {height:420px;}
.loca_map_info .loca_btn {width:100%;}
/**** E:: 회사소개 > 오시는길 ****/


}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 

/**** S:: 회사소개 > CEO인사말 ****/
.hero-section .hero-text {text-align: center; padding: 60px 0; margin-bottom: 30px;}
.hero-section .hero-text .fs24 {margin-bottom: 10px;}
.content-text .signature {margin-top: 30px;}
/**** E:: 회사소개 > CEO인사말 ****/

/**** S:: 회사소개 > CI ****/
.guide-container .logo-section+.logo-section {margin-top: 50px;}
.guide-container .section-title {margin-bottom: 20px;}
.guide-container .main-display-box {gap:80px; margin-bottom: 20px; padding:60px 30px; flex-direction: column;}
.guide-container .main-display-box.ver2 {gap:80px;}
.guide-container .card {flex: 0 0 calc((100% - 15px) / 2);}
.guide-container .card-caption {padding: 12px;}
.guide-container .card-image {padding:20px;}
/**** E:: 회사소개 > CI ****/


/**** S:: 회사소개 > 조직도 ****/
.org-container .level-1::after {height: 245px;}
.org-container .box {width:65%; height:50px;}
.group-right li .box.ext::after {width:25px;}
.group-right li:first-of-type .box.ext::before {left:-25px; height: 120px; top:25px;}

.level-2 {margin-bottom: 50px;;}
.level-3 {gap:20px 15px; grid-template-columns: repeat(2, 1fr);}
.level-3::before {left: calc((100% - 15px) / 4); right: calc((100% - 15px) / 4); top:-25px;}
.dept-col::before {top:-25px; height: 25px;}
.level-3 .dept-col:nth-child(4)::before{top:-76px; height:76px }
.level-3 .dept-col:nth-child(5)::before{top:-76px; height:76px }
.box-head {border-width: 2px; padding:12px 0;}
.box-list li {padding:12px 10px;}

/**** E:: 회사소개 > 조직도 ****/

/**** S:: 회사소개 > 비전&미션 ****/
.vision-container .vision-header {margin-bottom: 30px;}
.vision-container .vision-header br {display: none;}
.vision-container .mission-section {padding: 60px 5%;}
.vision-container .mission-section br {display: none;}
.vision-container .mission-section .fs44 {margin-top: 15px;}
.vision-container .core-value-section {padding: 30px 20px; margin: 40px 0; border-width: 4px;}
.vision-container .core-value-section .core-box .fs44 {margin-top: 10px;}
.business-grid-wrapper {grid-template-columns: repeat(1, 1fr); margin-top: 15px;}
.business-grid-wrapper dl dt {padding: 12px 15px;}
.business-grid-wrapper dl dd {padding: 15px;}
/**** E:: 회사소개 > 비전&미션 ****/


/**** S:: 회사소개 > 오시는길 ****/
.loca_map_info {margin:20px 0 0;}
.loca_map_wrap {height:250px;}
.loca_map_info .fs20 {margin:0 0 6px;}
.loca_map_info .fs20::before {font-size:20px;}
.loca_map_info small {display:block;}
.loca_map_info small+small {margin-left:0; margin-top:5px;}
.loca_map_info .loca_btn a {height:44px;}
.loca_map_info .loca_btn a.naver::before {width:18px;}
.loca_map_info .loca_btn a.kakao::before {width:16px;}
/**** E:: 회사소개 > 오시는길 ****/


}