@import url('sub.css'); 




/**** S:: 회사소개 > 인사말 ****/
.greeting_cont {display:flex; flex-wrap:wrap; /* align-items:center; */}
.greeting_cont .imgBox {width:50%;}
.greeting_cont .imgBox img {max-width:100%;}
.greeting_cont .tBox {padding-left:70px; box-sizing:border-box; width:50%;}
.greeting_cont .tBox .fs42 .point {line-height:inherit; letter-spacing:inherit;}
.greeting_cont .tBox .fs24 {color:var(--black); margin:20px 0; letter-spacing:0;}
.greeting_cont .tBox .fs18 b {font-weight:bold; color:var(--black); line-height:inherit; letter-spacing:inherit;}
.greeting_cont .tBox .fs18+.fs18 {margin:10px 0 0;}
.greeting_cont .tBox .ceo {margin:50px 0 0; font-weight:400;}
.greeting_cont .tBox .ceo b {display:inline-block; margin-left:4px; font-weight:700; line-height:inherit; letter-spacing:inherit;}
/**** E:: 회사소개 > 인사말 ****/



/**** S:: 회사소개 > 찾아오시는 길 ****/
.loca_map_wrap {width:100%; height: 520px; position:relative;}
.loca_map_wrap::after {content:''; width:100%; height:100%; border:1px solid var(--border); box-sizing:border-box; position:absolute; top:0; left:0; z-index:10;}
.loca_map_wrap iframe {height:100% !important; width:100% !important;}
.loca_map_info {margin:40px 0 0; position:relative; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:20px 10px;}
.loca_map_info .loca_map_info_in {flex:1;}
.loca_map_info .fs24 {display:flex; /* flex-wrap:wrap;  */gap:0 6px; margin:0 0 11px; font-weight: 600; color:var(--black); letter-spacing:0;}
.loca_map_info .fs24::before {content:'\e0c8'; font-size:30px; 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; letter-spacing: 0; font-family:Var(--eng);}
.loca_map_info small+small {margin-left:30px;}
.loca_map_info small b {color:var(--black); font-weight:600; display:inline-block; margin-right:8px; letter-spacing: 0; font-family:var(--kor);}
.root_daum_roughmap .map_border {display:none;}
.loca_map_info .loca_btn {display:flex; flex-wrap:wrap; gap:0 4px; width:190px; }
.loca_map_info .loca_btn a {flex:1; height:56px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight:600; line-height:1; padding:0 20px; box-sizing:border-box; gap:0 14px; transition:all 0.3s ease;}
.loca_map_info .loca_btn a::after {content:''; display:inline-block;}
.loca_map_info .loca_btn a.naver {background:#03CF5D; color:#fff; border:2px solid #03CF5D;}
.loca_map_info .loca_btn a.naver::after {width:20px; aspect-ratio:14/18; background:url("/company/img/naver.svg") no-repeat center / contain;}
.loca_map_info .loca_btn a.naver:hover {background:#27E277; border-color:#27E277;}
.loca_map_info .loca_btn a.kakao {background:#FEE102; color:#1A0000; border:2px solid #FEE102;}
.loca_map_info .loca_btn a.kakao::after {width:20px; aspect-ratio:9/18; background:url("/company/img/kakao.svg") no-repeat center / contain;}
.loca_map_info .loca_btn a.kakao:hover {background:#FFEA4D; border-color:#FFEA4D;}
.loca_map_info .loca_btn a.google {background:var(--grayBg); color:var(--black); border:2px solid var(--grayBg);}
.loca_map_info .loca_btn a.google::after {width:20px; aspect-ratio:9/18; background:url("/company/img/google.svg") no-repeat center / contain;}
.loca_map_info .loca_btn a.google:hover {background:#FFFFFF; border-color:#E5E5E5;}
/**** E:: 회사소개 > 찾아오시는 길 ****/



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

.greeting_cont .tBox br {display:none;}

}

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


.greeting_cont {align-items:flex-start;}
.greeting_cont .tBox {padding-left:40px;}


/**** S:: 회사소개 > 찾아오시는 길 ****/
.location_cont{}
.location_cont .location_info ul{width:calc(100% - 305px);}
.location_cont .location_info .location_btn a{width: 150px; font-size:1rem;}
/**** E:: 회사소개 > 찾아오시는 길 ****/




}

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





/**** S:: 회사소개 > 조직도 ****/
.organ_cont{}
.organ_cont .fs20{padding:0 0 30px;}
/**** 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:: 회사소개 > 인사말 ****/
.greeting_cont {display:block;}
.greeting_cont .imgBox {width:100%; margin:0 0 30px;}
.greeting_cont .tBox {width:100%; padding-left:0;}
.greeting_cont .tBox .fs24 {margin:12px 0;}
.greeting_cont .tBox .ceo {margin:30px 0 0;}
/**** E:: 회사소개 > 인사말 ****/


/**** S:: 회사소개 > 조직도 ****/
.organ_cont{}
.organ_cont .fs20{padding:0 0 20px;}
.organ_cont .img.m{display:block;}
.organ_cont .img.pc{display:none;}
/**** E:: 회사소개 > 조직도 ****/


/**** S:: 회사소개 > 오시는길 ****/
.loca_map_info {margin:20px 0 0;}
.loca_map_wrap {height: 250px;}
.loca_map_info .fs24 {margin:0 0 6px;}
.loca_map_info .fs24::before {font-size:22px;}
.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; padding:0 5px; gap:5px;}
.loca_map_info .loca_btn a.naver::after {width:16px;}
.loca_map_info .loca_btn a.kakao::after {width:14px;}
.loca_map_info .loca_btn a.google::after {width:16px;}
/**** E:: 회사소개 > 오시는길 ****/



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





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




}