@import url('sub.css'); 



/**** S:: 기업소개 ****/
.about_cont{position: relative;}
.about_cont .btn_area{position: absolute; right: 0; top:-100px;}

.about_style{padding: 230px 0 0; position: relative; margin: 0 auto;}
.about_style .about_style_img{position: relative; max-width:547px; margin: 0 auto;}
.about_style .about_style_img .about_tit{text-align:center; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.about_style .about_style_img .about_tit img{width: 70px; height: auto; margin: 0 auto 8px;}
.about_style .about_style_img .about_tit .fs34{color:var(--white);}
.about_style .about_style_img .about_thickness{width: 100%;}
.about_style .about_style_img .about_thickness img{width: 100%; height: auto;}
.about_style .about_style_img .about_icon{width: 214px; position: absolute;}
.about_style .about_style_img .about_icon img{width: 100%; height: auto;}
.about_style .about_style_img .about_icon.trust{left: 50%; top:-57px; margin-left: -107px;}
.about_style .about_style_img .about_icon.honest{left: 50%; margin-left: 100px; top:279px;}
.about_style .about_style_img .about_icon.sustainability{right: 50%; margin-right: 100px; top:279px;}
.about_style dl{max-width:380px; width: 100%; position: absolute;}
.about_style dl.trust{left: 50%; margin-left: -190px; top:0; text-align:center;}
.about_style dl.honest{left: 50%; margin-left: 360px; top:550px;}
.about_style dl.sustainability{right: 50%; margin-right: 360px; top:540px; text-align:right;}
.about_style dl dt{display: none;}
.about_style dl dd{}
.about_style dl dd .fs14{color:var(--white); font-weight: 700; line-height: 120%; font-family:var(--eng); padding: 0 0 3px;}
.about_style dl dd .fs26{color:var(--sub);}
.about_style dl dd .fs18{color:rgba(255,255,255,.7); padding:10px 0 0;}

.about_in{padding: 100px 0 0;}
.about_in .fs20{padding:0 0 30px; line-height: 170%;}
.about_in .fs20:last-child{padding:0;}
.about_in .fs20 br{display: block;}
/**** E:: 기업소개 ****/




/**** S:: 조직체계 ****/
.organ_cont{}
.organ_cont .stock-scroll-drag-guide{}
.organ_img img{max-width:100%; height: auto;}
/**** E:: 조직체계 ****/



/**** S:: 찾아오시는길 ****/
.location_map{}
.location_map iframe{width: 100%; height: 500px;}
.location_info{padding: 50px 400px 40px 0; box-sizing:border-box; position: relative;}
.location_info:before{content:''; display: block; width: 100%; height: 1px; background:var(--border_white); position: absolute; left:0; bottom: 0;}
.location_info .fs34{color:var(--white);}
.location_info ul{display: flex; flex-wrap:wrap; gap:10px 40px; padding: 26px 0 0;}
.location_info ul li{font-size:1rem; letter-spacing: -0.9px; line-height: 160%; color:var(--white); display: flex; align-items:center; gap:10px;}
.location_info ul li b{font-weight: 600; letter-spacing: -0.9px; display: flex; align-items:center; gap:10px;}
.location_info ul li b::before{ display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align:center; border-radius:50%; background:rgba(255,255,255,.1); font-family:var(--icon); color:var(--sub); font-size:24px; font-weight: 400;}
.location_info ul li.address b::before{content:'\e0c8';}
.location_info ul li.tel b::before{content:'\e0b0';}
.location_info ul li.fax b::before{content:'\eada';}
.location_btn{position: absolute; right: 0; top:65px; display: flex; gap:10px;}
.location_btn a{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100px; height: 100px; font-size:0.889rem; color:var(--black); font-weight: 600; line-height: 120%; letter-spacing: -0.8px; transition:all .3s linear;} 
.location_btn a svg{width: 28px; height: auto; margin: 0 auto 8px;}
.location_btn a path{transition:all .3s linear;} 
.location_btn a.kakaoBtn{background:#FAE100;} 
.location_btn a.kakaoBtn:hover{background:#FAF200;} 
.location_btn a.naverBtn{background:#10D265; color:var(--white);} 
.location_btn a.naverBtn:hover{background:#00FF70;} 
.location_btn a.naverBtn path{fill:var(--white);} 
.location_btn a.printBtn{background:rgba(255,255,255,.2); color:var(--white);} 
.location_btn a.printBtn:hover{background:var(--sub); color:var(--black);} 
.location_btn a.printBtn:hover path{fill:var(--black);} 
.print .location_info .fs34{color:var(--black);}
.print .location_info ul li{color:var(--basic);}
.print .location_info ul li b{color:var(--black);}
.print .location_info ul li b:before{background:var(--sub); color:var(--black);}
.print .location_btn a.printBtn{display: flex !important; background:var(--sub); color:var(--black);} 
.print .location_btn a.printBtn path{fill:var(--black);} 
/**** E:: 찾아오시는길 ****/



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


/**** S:: 기업소개 ****/
.about_style{padding: 190px 0 0; max-width:1200px;}
.about_style .about_style_img{max-width:400px;}
.about_style .about_style_img .about_icon{width: 150px;}
.about_style .about_style_img .about_icon.trust{top:-40px; margin-left: -75px;}
.about_style .about_style_img .about_icon.honest{margin-left: 70px; top:220px;}
.about_style .about_style_img .about_icon.sustainability{margin-right: 70px; top:220px;}
.about_style dl{max-width:300px;}
.about_style dl.trust{margin-left: -150px; top:0;}
.about_style dl.honest{margin-left: 250px; top:410px;}
.about_style dl.sustainability{margin-right: 250px; top:410px;}

/**** E:: 기업소개 ****/

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




}

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


/**** S:: 기업소개 ****/
.about_style{padding: 210px 0 0; max-width:900px;}
.about_style .about_style_img{max-width:300px;}
.about_style .about_style_img .about_icon{width: 100px;}
.about_style .about_style_img .about_icon.trust{top:-30px; margin-left: -50px;}
.about_style .about_style_img .about_icon.honest{margin-left: 60px; top:180px;}
.about_style .about_style_img .about_icon.sustainability{margin-right: 60px; top:180px;}
.about_style dl{max-width:250px;}
.about_style dl.trust{margin-left: -125px; top:0;}
.about_style dl.honest{margin-left: 180px; top:350px;}
.about_style dl.sustainability{margin-right: 180px; top:350px;}
/**** E:: 기업소개 ****/







}

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



/**** S:: 기업소개 ****/
.about_cont .btn_area{top:-78px;}

.about_style{padding: 0;}
.about_style .about_style_img{max-width:100%;}
.about_style .about_style_img .about_tit{transform:translate(0,0); position: relative; left: auto; top:auto; padding:20px; border:1px solid rgba(255,255,255,.2); box-sizing:border-box; background:rgba(255,255,255,.1);}
.about_style .about_style_img .about_tit img{width: 50px; height: auto; margin: 0 auto 5px;}
.about_style .about_style_img .about_thickness{display: none;}
.about_style .about_style_img .about_icon{display: none;}
.about_style dl{max-width:100%; position: relative !important; left: auto !important; right: auto !important; top:auto !important; margin: 0 !important; text-align:left !important; display: flex; padding: 25px 20px; box-sizing:border-box; border:1px solid rgba(255,255,255,.2); border-top: 0;}
.about_style dl dt{display: block; width: 80px;}
.about_style dl dt img{width: 100%; height: auto;}
.about_style dl dd{width: calc(100% - 80px); box-sizing:border-box; padding: 0 0 0 20px;}
.about_style dl dd .fs18{padding:6px 0 0;}

.about_in{padding: 50px 0 0;}
.about_in .fs20{padding:0 0 20px;}
.about_in .fs20 br{display: none;}
/**** E:: 기업소개 ****/


/**** S:: 조직체계 ****/
.organ_cont .stock-scroll-drag-guide{display: flex;}
.organ_style{overflow-y: hidden; overflow-x:auto;}
.organ_img{width: 980px;}
/**** E:: 조직체계 ****/


/**** S:: 찾아오시는길 ****/
.location_map{}
.location_map iframe{height: 400px;}
.location_info{padding: 30px 0;}
.location_info ul{padding: 15px 0 0;}
.location_btn{top:-100px; right: 15px; gap:5px; z-index: 9;}
.location_btn a{width: 80px; height: 80px;} 
.location_btn a.printBtn{display: none;}
/**** E:: 찾아오시는길 ****/


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


/**** S:: 기업소개 ****/
.about_cont .btn_area{top:auto; position: relative; right: auto; display: flex; justify-content: center; margin: 20px 0 0;}


.about_in{padding: 30px 0 0;}
.about_in .fs20{padding:0 0 10px;}
/**** E:: 기업소개 ****/





/**** S:: 조직체계 ****/
.organ_img{width:680px;}
/**** E:: 조직체계 ****/


/**** S:: 찾아오시는길 ****/
.location_map{}
.location_map iframe{height: 300px;}
.location_info{padding: 20px 0;}
.location_info ul{gap:6px 20px; padding: 10px 0 0; flex-direction: column;}
.location_info ul li{gap:5px;}
.location_info ul li b{gap:5px;}
.location_info ul li b::before{width: 35px; height: 35px; line-height: 35px; font-size:18px;}
.location_btn{top:-80px; right: 10px;}
.location_btn a{width: 60px; height: 60px;} 
.location_btn a svg{width: 20px; height: auto; margin: 0 auto 6px;}
/**** E:: 찾아오시는길 ****/



}