@import url('sub.css'); 

/**** S:: 회사소개 > 기업개요 ****/
.overview_top {margin-bottom:50px;}
.overview_top .bg {background-image:url('/eng/company/img/overview_top.jpg');}
.overview_top .top_tit_wrap .fs56 {font-family:var(--eng); color:var(--white);}
.overview_top .top_tit_wrap .fs20 {padding-bottom:20px; color:var(--white);}
.overview .overview_txt {margin-bottom:50px; text-align:center;}
.overview .overview_info {background:var(--grayBg); border-radius:var(--borderR30); padding:50px 40px; box-sizing:border-box; gap:30px;}
.overview .overview_info dl {display:flex; flex-wrap:wrap; gap:0 20px;}
.overview .overview_info dl dt {width:80px;}
.overview .overview_info dl dt p {width:100%; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; background:var(--white); border-radius:100%;}
.overview .overview_info dl dd {width:calc(100% - 100px); align-self:center;}
.overview .overview_info dl dd h3, .overview .overview_info dl dd div, .overview .overview_info dl dd div * {line-height:inherit;}
.overview .overview_info dl dd h3 {color:var(--black); font-weight:600; padding-bottom:5px;}
.overview .overview_info figure:last-child {grid-column:1/3; grid-row:4/5;}
/**** E:: 회사소개 > 기업개요 ****/


/**** S:: 회사소개 > 인사말 ****/
.greeting_top {height:auto; margin-bottom:50px; align-items:center; justify-content:space-between; background:var(--grayBg); padding:60px 140px 60px 80px;}
.greeting_top .image img {mix-blend-mode:multiply;}
.greeting_top .top_tit_wrap {text-align:left; width:calc(100% - 240px);}
.greeting_top .top_tit_wrap .fs56 {font-family:var(--eng); color:var(--black); font-weight:300; }
.greeting_top .top_tit_wrap .fs56 strong {display:block; font-weight:700;}

.greeting .greeting_txt {margin-bottom:50px;}
.greeting .greeting_txt > p + p {margin-top:30px;}
.greeting .greeting_txt .fs26 {color:var(--black); font-weight:600; margin-top:60px;}

.greeting .greet_sign {display:flex; justify-content:flex-end; align-items:flex-end; gap:0 30px;}
.greeting .greet_sign .fsE26 {font-weight:300; color:var(--black);}
.greeting .greet_sign .fsE26 strong {font-weight:700;}

/**** E:: 회사소개 > 인사말 ****/


/**** S:: 회사소개 > 찾아오시는 길 ****/
.location > section {margin-bottom:150px;}
.location > section:last-child {margin-bottom:0;}

.location .fs34 {margin-bottom:20px; color:var(--black);}
.location .mapbox {margin-bottom: 30px;}
.location .mapbox iframe {width:100%; height:550px;}

.location .infobox {display: flex; gap: 30px; align-items: flex-start;}
.location .infobox .info_txt {flex: 1; align-self:center;}
.location .infobox .info_txt .dl_wrap {display: flex; flex-wrap: wrap; gap:5px 30px; }
.location .infobox .info_txt .dl_wrap dl {display: flex; gap: 5px; }
.location .infobox .info_txt .dl_wrap dl dt {display: flex; align-items: center; justify-content: center;}
.location .infobox .info_txt .dl_wrap dl dt::before {font-family: var(--icon); font-weight: 400; font-style: normal; line-height: 1; font-size: 20px; color:var(--black);}
.location .infobox .info_txt .dl_wrap dl.addr {width:100%;}
.location .infobox .info_txt .dl_wrap dl.addr dt {align-items:flex-start; margin-top:5px;}
.location .infobox .info_txt .dl_wrap dl.addr dt::before {content: '\e0c8';}
.location .infobox .info_txt .dl_wrap dl.call dt::before {content: '\e0b0';}
.location .infobox .info_txt .dl_wrap dl.fax dt::before {content: '\ead8';}
.location .infobox .info_txt .dl_wrap dl.mail dt::before {content: '\e158';}
.location .headOffice .infobox .info_txt .dl_wrap dl.addr {width:100%;}


.location .infobox .info_link {display: flex; gap: 5px; flex-shrink: 0;}
.location .infobox .info_link a {width: 160px; padding: 15px 0; gap: 14px; align-items: center; justify-content: center; border-radius: 9999px; display: flex; border: 1px solid; color:var(--black); border-radius:var(--borderR5); transition:all 0.4s ease-out;}
.location .infobox .info_link a.google {background-color:var(--grayBg); border-color:var(--grayBg);}
.location .infobox .info_link a span, .location .infobox .info_link a svg path {transition:all 0.4s ease-out;}
.location .infobox .info_link a.google:hover {background-color:#4285F4; border-color:#4285F4;}
.location .infobox .info_link a.google:hover span {color:var(--white);}
.location .infobox .info_link a.google:hover svg path {fill:var(--white);}

/**** E:: 회사소개 > 찾아오시는 길 ****/



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

/**** S:: 회사소개 > 기업개요 ****/
.overview_txt .fs18 br {display:block;}
/**** E:: 회사소개 > 기업개요 ****/


/**** S:: 회사소개 > 인사말 ****/
.greeting_txt .fs20 br {display:block;}
/**** E:: 회사소개 > 기업개요 ****/

}

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


/**** S:: 회사소개 > 인사말 ****/
.greeting_top {padding:60px 80px;}
/**** E:: 회사소개 > 인사말 ****/


/**** S:: 회사소개 > 찾아오시는 길 ****/
.location .mapbox iframe {height:500px;}
/**** E:: 회사소개 > 찾아오시는 길 ****/


}


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

/**** S:: 회사소개 > 찾아오시는 길 ****/
.location .infobox .info_txt .dl_wrap dl.addr {width:100%;}
/**** E:: 회사소개 > 찾아오시는 길 ****/


}



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

/**** S:: 회사소개 > 기업개요 ****/
.overview_txt .fs18 br {display:none;}
/**** E:: 회사소개 > 기업개요 ****/

}


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

/**** S:: 회사소개 > 인사말 ****/
.greeting_top .top_tit_wrap .fs56 br {display:none;}
.greeting_txt .fs20 br {display:none;}
/**** E:: 회사소개 > 기업개요 ****/
}


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


/**** S:: 회사소개 > 기업개요 ****/
.overview_top {margin-bottom:40px;}

.overview_top .top_tit_wrap .fs20 {padding-bottom:15px;}
.overview .overview_txt {margin-bottom:40px;}
.overview .overview_info {padding:40px 30px; gap:20px; grid-template-columns:repeat(1, 1fr);}
.overview .overview_info figure:last-child {grid-column:1/2; grid-row:7/8;}

/**** E:: 회사소개 > 기업개요 ****/


/**** S:: 회사소개 > 인사말 ****/
.greeting_top {margin-bottom:40px; padding:40px 60px;}
.greeting_top .top_tit_wrap {width:calc(100% - 200px);}
.greeting_top .image img {max-height:390px;}
.greeting .greeting_txt {margin-bottom:40px;}
.greeting .greeting_txt > p + p {margin-top:20px;}
.greeting .greeting_txt .fs26 {margin-top:40px;}

.greeting .greet_sign {gap:0 20px;}
.greeting .greet_sign img {max-height:70px;}
/**** E:: 회사소개 > 인사말 ****/


/**** S:: 회사소개 > 찾아오시는 길 ****/
.location > section {margin-bottom:100px;}

.location .fs34 {margin-bottom:15px;}
.location .mapbox iframe {height:400px;}

.location .infobox {gap:20px}
.location .infobox .info_txt .dl_wrap {gap:3px 20px;}
.location .infobox .info_txt .dl_wrap dl dt::before {font-size:18px;}
.location .infobox .info_txt .dl_wrap dl.addr dt {margin-top:3px;}

.location .infobox .info_link a {width:140px; padding:12px 0; gap:10px; }
.location .infobox .info_link a.google svg {width:auto; height:17px;}

/**** E:: 회사소개 > 찾아오시는 길 ****/




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


/**** S:: 회사소개 > 기업개요 ****/
.overview_top {margin-bottom:30px;}
.overview_top .top_tit_wrap .fs20 {padding-bottom:12px;}
.overview .overview_txt {margin-bottom:30px;}
.overview .overview_info {padding:30px 20px;}
.overview .overview_info dl {gap:0 15px;}
.overview .overview_info dl dt {width:70px;}
.overview .overview_info dl dt p img {max-height:30px;}
.overview .overview_info dl dd {width:calc(100% - 85px);}
/**** E:: 회사소개 > 기업개요 ****/



/**** S:: 회사소개 > 인사말 ****/
.greeting_top {margin-bottom:30px; padding:40px 30px; flex-direction:column; justify-content:center; align-items:center; gap:30px 0;}
.greeting_top .top_tit_wrap {width:100%; text-align:center;}
.greeting_top .image {text-align:center;}
.greeting .greeting_txt {margin-bottom:30px;}
.greeting .greeting_txt > p + p {margin-top:15px;}
.greeting .greeting_txt .fs26 {margin-top:30px;}

.greeting .greet_sign {gap:0 15px;}
.greeting .greet_sign img {max-height:50px;}
/**** 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:: 회사소개 > 찾아오시는 길 ****/
.location > section {margin-bottom:60px;}
.location .mapbox {margin-bottom:20px;}
.location .mapbox iframe {height:340px;}

.location .infobox {flex-direction:column;}
.location .infobox .info_txt {width:100%;}
.location .infobox .info_txt .dl_wrap dl dt::before {font-size:16px;}
.location .infobox .info_txt .dl_wrap dl.addr dt {margin-top:1px;}

.location .infobox .info_link {width:100%; justify-content:flex-end;}
.location .infobox .info_link a {width:130px; padding:10px 0; gap:8px; }
.location .infobox .info_link a.google svg {width:auto; height:15px;}
/**** E:: 회사소개 > 찾아오시는 길 ****/


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


/**** S:: 회사소개 > 기업개요 ****/
.overview_top {margin-bottom:30px;}
.overview .overview_info {gap:0;}
.overview .overview_info figure {padding:20px 0; border-bottom:1px dashed var(--border);}
.overview .overview_info figure:first-child {padding-top:0;}
.overview .overview_info figure:last-child {padding-bottom:0; border-bottom:0;}
.overview .overview_info dl {flex-direction:column; align-items:center; gap:15px 0;}
.overview .overview_info dl dd {width:100%; text-align:center;}
/**** E:: 회사소개 > 기업개요 ****/


/**** S:: 회사소개 > 인사말 ****/
.greeting .greet_sign {gap:10px 0; flex-direction:column;}
.greeting .greet_sign img {max-height:40px;}
/**** E:: 회사소개 > 인사말 ****/

}