@import url('sub.css'); 



/**** S:: ȸ»ç°³¿ä ****/
.overview-visual{position:relative; min-height:420px; border-radius:var(--borderR5); overflow:hidden;}
.overview-visual_bg{position:absolute; left:0; top:0; width:100%; height:100%; background:url('/company/img/overview-bg.jpg') no-repeat center/cover;}
.overview-info{position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:30px; height:100%; padding:140px 10%; text-align:center; color:var(--white); box-sizing:border-box;}
.overview-info h4{color:var(--white);}
.overview-info p{color:var(--white); letter-spacing:var(--letter-spacing-body); line-height:166.67%;}
.overview-list{display:flex; flex-wrap:wrap; width:100%; background:var(--white);}
.overview-list dl{display:flex; align-items:flex-start; gap:10px; width:50%; padding:25px 20px; border-bottom:1px solid var(--border); box-sizing:border-box;}
.overview-list dl.overview-list_full{width:100%;}
.overview-list dt{flex-shrink:0; width:100px;}
.overview-list dt p{color:var(--black); font-weight:600; letter-spacing:var(--letter-spacing-body); line-height:166.67%;}
.overview-list dd{flex:1; min-width:0;}
.overview-list dd p{color:var(--basic); letter-spacing:var(--letter-spacing-body); line-height:166.67%; word-break:keep-all;}
.overview-contact{display:flex; align-items:center; gap:8px 25px; flex-wrap:wrap;}
.overview-contact p{display:flex; align-items:center; gap:5px; color:var(--basic);}
.overview-ico{display:block; flex-shrink:0; width:20px; height:20px; position:relative;}
.overview-ico::before{display:block; width:100%; height:100%; line-height:20px; font-size:20px; font-family:var(--icon); font-weight:400; color:var(--basic);}
.overview-ico--tel::before{content:'\e0b0';}
.overview-ico--fax::before{content:'\ead8';}
/**** E:: ȸ»ç°³¿ä ****/



/**** S:: Àλ縻 ****/
.greeting-cont .greeting-in{display:flex; align-items:center; justify-content:center; gap:100px; width:100%;}
.greeting-cont .greeting-in > div{flex:1;}
.greeting-cont .img-area{max-width:100%;}
.greeting-cont .img-area img{display:block; width:100%; height:auto;}
.greeting-cont .txt-area{display:flex; flex-direction:column; gap:50px;}
.greeting-cont .greeting-txt{display:flex; flex-direction:column; gap:30px; width:100%;}
.greeting-cont .greeting-txt h4{color:var(--black);}
.greeting-cont .greeting-txt h4 .point{color:var(--main); display: inline; letter-spacing: inherit; line-height: inherit;}
.greeting-cont .greeting-desc{display:flex; flex-direction:column; gap:30px; width:100%;}
.greeting-cont .greeting-desc p{color:var(--basic); letter-spacing:var(--letter-spacing-body); line-height:166.67%; word-break:keep-all;}
.greeting-cont .greeting-ceo{display:flex; align-items:center; gap:20px; width:100%;}
.greeting-cont .greeting-ceo p{color:var(--black); font-weight:600; letter-spacing:var(--letter-spacing-body); line-height:166.67%;}
.greeting-cont .greeting-ceo img{display:block; width:85px; height:auto;}
/**** E:: Àλ縻 ****/


/**** S:: Á¶Á÷µµ ****/
.organization-cont .org-chart{position:relative; display:flex; flex-direction:column; align-items:center; gap:50px; width:100%;}
.organization-cont .org-chart::before{content:''; position:absolute; left:50%; bottom: 0; width:1px; height:calc(100% - 280px); background:var(--border); transform:translateX(-50%); z-index:0; pointer-events:none;}

.organization-cont .org-ceo{position:relative; z-index:1; width:280px; height:280px; border-radius: 50%; border: 1px solid var(--border); box-sizing: border-box; flex-shrink:0;}
.organization-cont .org-ceo-ring{position:absolute; left: 50%; top:50%; transform: translate(-50%,-50%); border-radius:50%; width: 260px; height: 260px;  box-sizing:border-box; background: linear-gradient(135deg, #05A978 0%, #00468E 50%);}

.organization-cont .org-ceo-core{position:absolute; left: 50%; top:50%; transform: translate(-50%,-50%);  z-index:2; width:160px; height:160px; border-radius:50%; background:var(--white); box-shadow:10px 10px 30px rgba(0, 0, 0, 0.20); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px;}
.organization-cont .org-ceo-logo{width:30px; height:auto; display:flex; align-items:center; justify-content:center;}
.organization-cont .org-ceo-logo img{display:block; width:100%; height:auto;}
.organization-cont .org-ceo-core .fs26{color:var(--black); text-align:center; line-height: 120%;}

.organization-cont .org-line{display:block; background:var(--border); flex-shrink:0;}
.organization-cont .org-line--v{width:1px; height:50px; margin:0 auto;}
.organization-cont .org-line--v-drop{height:50px;}
.organization-cont .org-line--h{height:1px; flex: 1;}
.organization-cont .org-line--h-full{position:absolute; left: 50%; transform: translateX(-50%); top:2px; width:calc(((100% + 50px)/5) * 4); height:1px;}
.organization-cont .org-dot{display:block; width:5px; height:5px; border-radius:50%; background:var(--border); flex-shrink:0;}
.organization-cont .org-rnd{position:relative; z-index:1; width:100%; max-width:914px; margin: 0 auto; min-height:60px; display:flex; flex-direction:column; align-items:flex-start; box-sizing:border-box;}
.organization-cont .org-rnd-branch{position:relative; left:50%; display:flex; align-items:center; transform:translateX(-2.5px); width: 50%;}
.organization-cont .org-box{display:flex; align-items:center; justify-content:center; width:100%; min-height:60px; padding:15px 20px; border:1px solid var(--border); border-radius:var(--borderR5); background:var(--grayBg); box-sizing:border-box;}
.organization-cont .org-box p{color:var(--black); font-weight:600; letter-spacing:var(--letter-spacing-body); line-height:166.67%; text-align:center; word-break:keep-all;}
.organization-cont .org-box--rnd{max-width:272px; width: 100%; flex-shrink:0;}
.organization-cont .org-depts{position:relative; z-index:1; width:100%; max-width:1560px;}
.organization-cont .org-depts-top{position:relative; height:52px; margin-bottom:0;}
.organization-cont .org-depts-dots{display:flex; gap:50px; width:100%; height:100%; list-style:none;}
.organization-cont .org-depts-dots li{flex:1; min-width:0; position:relative; display:flex; flex-direction:column; align-items:center;}
.organization-cont .org-depts-dots .org-dot{position:relative; z-index:2;}
.organization-cont .org-depts-list{display:flex; gap:50px; width:100%; list-style:none; margin-top:1px;}
.organization-cont .org-depts-item{flex:1; min-width:0;}
/**** E:: Á¶Á÷µµ ****/


/**** S:: ã¾Æ¿À½Ã´Â±æ ****/
.location-cont .location-in{display:flex; align-items:stretch; gap:20px; width:100%;}
.location-cont .map-area{flex: 1; height:600px; border:1px solid var(--border); border-radius:var(--borderR5); overflow:hidden; box-sizing:border-box; position: relative;}

.location-cont .map-area .root_daum_roughmap{width:100% !important; height:600px !important;}
.location-cont .map-area .root_daum_roughmap .wrap_map{height: 100% !important;}
.location-cont .map-area .wrap_controllers{display: none !important;}
.location-cont .map-area .map_border {display: none !important;}
.location-cont .map-area .cont{display: none !important;}
.location-cont .map-area .map-area__shield{position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; box-sizing:border-box; cursor:pointer;}


.location-cont .txt-area{width: 430px; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:30px; padding:50px; border-radius:var(--borderR5); background:var(--grayBg); box-sizing:border-box;}
.location-cont .location-txt-top{display:flex; flex-direction:column; gap:30px; width:100%;}
.location-cont .location-head{display:flex; flex-direction:column; gap:5px; width:100%; padding-bottom:30px; border-bottom:1px solid var(--border); box-sizing:border-box;}
.location-cont .location-head > .fs14{font-family:var(--eng); font-weight:700; color:var(--main); letter-spacing:var(--letter-spacing-none); line-height:157.14%;}
.location-cont .location-tit{display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%;}
.location-cont .location-tit h4{color:var(--black);}
.location-cont .loca-icon{display:flex; align-items:center; justify-content:center; flex-shrink:0; width:40px; height:40px; border-radius:50%; background:var(--white);}
.location-cont .loca-icon::before{display:block; width:20px; height:20px; line-height:20px; font-size:20px; font-family:var(--icon); font-weight:400; color:var(--black); content:'\e0c8'; font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;}

.location-cont .location-info{display:flex; flex-direction:column; gap:5px; width:100%;}
.location-cont .location-info li{display:flex; gap:10px; width:100%;}
.location-cont .location-info p{color:var(--basic); letter-spacing:var(--letter-spacing-body); line-height:166.67%; word-break:keep-all;}
.location-cont .loca-ico{display:block; flex-shrink:0; width:20px; height:20px; position:relative; margin-top: 5px;}
.location-cont .loca-ico::before{display:block; width:100%; height:100%; line-height:20px; font-size:20px; font-family:var(--icon); font-weight:400; color:var(--basic); font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;}
.location-cont .loca-ico--addr::before{content:'\e55f';}
.location-cont .loca-ico--tel::before{content:'\e0b0';}
.location-cont .loca-ico--fax::before{content:'\ead8';}
.location-cont .loca-ico--email::before{content:'\e158';}
.location-cont .location-btn{display:flex; align-items:center; gap:5px; width:100%;}
.location-cont .location-btn a{display:flex; align-items:center; justify-content:space-between; flex:1; min-width:0; height:60px; padding:0 10px 0 20px; border-radius:var(--borderR5); box-sizing:border-box; font-weight:600; letter-spacing:var(--letter-spacing-button); line-height:175%; text-decoration:none; word-break:keep-all; transition:background .3s ease, box-shadow .3s ease, transform .3s ease;}
.location-cont .kakao-btn{color:#1a1a1a; background:#fae100;}
.location-cont .naver-btn{color:var(--white); background:#03cf5d;}
.location-cont .kakao-btn:hover{background:#fff176; box-shadow:0 6px 16px rgba(250,225,0,0.45); transform:translateY(-2px);}
.location-cont .naver-btn:hover{background:#2ee878; box-shadow:0 6px 16px rgba(3,207,93,0.35); transform:translateY(-2px);}
.location-cont .kakao-btn::after{content:'\e0c8'; display:block; flex-shrink:0; width:24px; height:24px; line-height:24px; font-size:24px; font-family:var(--icon); font-weight:400; color:#007DFF; font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48; transition:transform .3s ease;}
.location-cont .naver-btn::after{content:'\e0c8'; display:block; flex-shrink:0; width:24px; height:24px; line-height:24px; font-size:24px; font-family:var(--icon); font-weight:400; color:var(--white); font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48; transition:transform .3s ease;}
.location-cont .kakao-btn:hover::after,
.location-cont .naver-btn:hover::after{transform:scale(1.08);}
/**** E:: ã¾Æ¿À½Ã´Â±æ ****/


/**** S:: ¿¬Çõ ****/
.history-cont .history-in{display:flex; align-items:flex-start; gap:100px; width:100%;}
.history-cont .txt-area{position:sticky; top:100px; align-self:flex-start; flex:0 0 500px; max-width:500px; width:100%;}
.history-cont .his-area{flex:1; min-width:0;}
.history-cont .txt-area-in{display:flex; flex-direction:column; gap:60px; width:100%; padding-top:60px; box-sizing:border-box;}
.history-cont .history-txt{display:flex; flex-direction:column; gap:30px; width:100%;}
.history-cont .history-head{display:flex; flex-direction:column; gap:5px; width:100%;}
.history-cont .history-head > .fs14{font-family:var(--eng); font-weight:700; color:var(--main); letter-spacing:var(--letter-spacing-none); line-height:157.14%;}
.history-cont .history-head h4.fs38{font-weight:300; color:var(--black); line-height:126.32%; letter-spacing:var(--letter-spacing-heading);}
.history-cont .history-head h4.fs38 span{font-weight:inherit; letter-spacing:inherit; line-height:inherit; display: inline-block;}
.history-cont .history-head h4.fs38 b{font-weight:700; letter-spacing:inherit; line-height:inherit; display: inline-block;}
.history-cont .history-txt > .fs18{color:var(--basic); letter-spacing:var(--letter-spacing-body); line-height:166.67%; word-break:keep-all;}
.history-cont .history-img{position:relative; aspect-ratio: 500/300; border-radius:var(--borderR5); overflow:hidden;}
.history-cont .history-img img{display:block; width:100%; height:100%; object-fit:cover; object-position:right center;}
/**** E:: ¿¬Çõ ****/


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


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

/**** S:: ¿¬Çõ ****/
.history-cont .history-in{gap:50px;}
.history-cont .txt-area{flex:0 0 40%; max-width:40%;}
/**** E:: ¿¬Çõ ****/


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





/**** S:: Àλ縻 ****/
.greeting-cont .greeting-in{gap:50px;}
.greeting-cont .txt-area{gap:40px;}
.greeting-cont .greeting-txt{gap:20px;}
.greeting-cont .greeting-desc{gap:20px;}
.greeting-cont .greeting-ceo{gap:10px;}
/**** E:: Àλ縻 ****/


/**** S:: Á¶Á÷µµ ****/
.organization-cont .org-chart::before{height:calc(100% - 240px);}

.organization-cont .org-ceo{width:240px; height:240px;}
.organization-cont .org-ceo-ring{width: 220px; height: 220px; }
.organization-cont .org-ceo-core{width:120px; height:120px;}

.organization-cont .org-box--rnd{max-width:50%;}
.organization-cont .org-line--h-full{width:calc(((100% + 30px)/5) * 4);}
.organization-cont .org-depts-dots{gap:30px;}
.organization-cont .org-depts-list{gap:30px;}
/**** E:: Á¶Á÷µµ ****/



/**** S:: ã¾Æ¿À½Ã´Â±æ ****/
.location-cont .txt-area{width: 380px; padding:30px;}
.location-cont .location-txt-top{gap:20px;}
.location-cont .location-head{padding-bottom:20px;}

.location-cont .loca-ico{margin-top: 3px;}
/**** E:: ã¾Æ¿À½Ã´Â±æ ****/


/**** S:: ¿¬Çõ ****/
.history-cont .history-head h4.fs38{text-wrap: balance;}
.history-cont .history-head h4.fs38 br{display: none;}
.history-cont .his-area{}
.history-cont .txt-area-in{gap:40px; padding-top:40px;}
.history-cont .history-txt{gap:20px;}
/**** E:: ¿¬Çõ ****/


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

/**** S:: ȸ»ç°³¿ä ****/
.overview-visual{min-height:auto;}
.overview-info{gap:20px; padding:100px 10%;}
.overview-list dl{width:100%; padding:20px 15px;}
/**** E:: ȸ»ç°³¿ä ****/

/**** S:: Àλ縻 ****/
.greeting-cont .greeting-in{gap:40px; flex-direction: column;}
.greeting-cont .img-area img{width: 80%; margin: 0 auto;}
/**** E:: Àλ縻 ****/

/**** S:: Á¶Á÷µµ ****/
.organization-cont .org-chart{gap:20px;}
.organization-cont .org-chart::before{height:calc(100% - 200px);}

.organization-cont .org-ceo{width:200px; height:200px;}
.organization-cont .org-ceo-ring{width: 180px; height: 180px; }

.organization-cont .org-line--v{height:30px;}
.organization-cont .org-line--v-drop{height:27px;}
.organization-cont .org-line--h-full{width:calc(((100% + 10px)/5) * 4);}
.organization-cont .org-rnd{max-width:90%; min-height:auto;}
.organization-cont .org-box{min-height:auto; padding:10px;}
.organization-cont .org-box--rnd{max-width:70%;}
.organization-cont .org-depts-top{height:30px;}
.organization-cont .org-depts-dots{gap:10px;}
.organization-cont .org-depts-list{gap:10px;}
/**** E:: Á¶Á÷µµ ****/

/**** S:: ã¾Æ¿À½Ã´Â±æ ****/
.location-cont .location-in{gap:10px; flex-direction: column;}
.location-cont .map-area{height:400px;}
.location-cont .map-area .root_daum_roughmap{height:400px !important;}

.location-cont .txt-area{width: 100%; gap:25px; padding:25px;}
.location-cont .location-txt-top{gap:15px;}
.location-cont .location-head{padding-bottom:15px;}
.location-cont .location-btn a{height:50px;}
/**** E:: ã¾Æ¿À½Ã´Â±æ ****/

/**** S:: ¿¬Çõ ****/
.history-cont .history-in{gap:0; flex-direction: column;}
.history-cont .txt-area{top:auto; flex:1; max-width:100%;}
.history-cont .history-head h4.fs38{text-wrap: balance;}
.history-cont .history-head h4.fs38 br{display: none;}
.history-cont .his-area{width: 100%;}
.history-cont .txt-area-in{gap:20px; padding-top:0;}
.history-cont .history-txt{gap:10px;}
/**** E:: ¿¬Çõ ****/

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

/**** S:: ȸ»ç°³¿ä ****/
.overview-info{gap:10px; padding:60px 10%;}
.overview-info p br{display: none;}
.overview-list dl{padding:15px 10px;}
.overview-list dt{width:80px;}
.overview-contact{gap:5px 15px;}
.overview-ico{width:16px; height:16px;}
.overview-ico::before{line-height:16px; font-size:16px;}
/**** E:: ȸ»ç°³¿ä ****/

/**** S:: Àλ縻 ****/
.greeting-cont .greeting-in{gap:30px;}
.greeting-cont .txt-area{gap:30px;}
.greeting-cont .greeting-txt{gap:15px;}
.greeting-cont .greeting-desc{gap:15px;}
.greeting-cont .greeting-ceo img{width:60px; height:auto;}
/**** E:: Àλ縻 ****/



/**** S:: Á¶Á÷µµ ****/
.organization-cont .org-chart::before{height:calc(100% - 160px);}

.organization-cont .org-ceo{width:160px; height:160px;}
.organization-cont .org-ceo-ring{width: 140px; height: 140px; }

.organization-cont .org-ceo-core{width:100px; height:100px;}

.organization-cont .org-line--v{height:30px;}
.organization-cont .org-line--v-drop{height:27px;}
.organization-cont .org-line--h-full{display: none;}
.organization-cont .org-box--rnd{max-width:80%;}
.organization-cont .org-depts-top{display: none;}
.organization-cont .org-depts-list{gap:5px; flex-direction: column;}
/**** E:: Á¶Á÷µµ ****/


/**** S:: ã¾Æ¿À½Ã´Â±æ ****/
.location-cont .map-area{height:300px;}
.location-cont .map-area .root_daum_roughmap{height:300px !important;}

.location-cont .txt-area{gap:20px; padding:20px;}
.location-cont .location-txt-top{gap:10px;}
.location-cont .location-head{padding-bottom:10px;}
.location-cont .location-tit{gap:5px;}
.location-cont .loca-icon{width:35px; height:35px;}
.location-cont .loca-icon::before{width:16px; height:16px; line-height:16px; font-size:16px;}

.location-cont .location-info li{gap:5px;}
.location-cont .loca-ico{width:16px; height:16px;}
.location-cont .loca-ico::before{line-height:16px; font-size:16px;}
.location-cont .location-btn a{height:40px; padding:0 10px 0 15px;}
.location-cont .kakao-btn::after{width:20px; height:20px; line-height:20px; font-size:20px;}
.location-cont .naver-btn::after{width:20px; height:20px; line-height:20px; font-size:20px;}
/**** E:: ã¾Æ¿À½Ã´Â±æ ****/

}