@import url('sub.css');




/* 기업이념 */
.corp-philosophy{box-sizing:border-box; width:100%;}
.corp-philosophy__inner{box-sizing:border-box; display:flex; gap:80px;}
.corp-philosophy__media{box-sizing:border-box; position:relative; width:780px; overflow:hidden;}
.corp-philosophy__photo{box-sizing:border-box; aspect-ratio: 1/0.9; overflow: hidden; position: relative;}
.corp-philosophy__photo img{display:block; width:100%; height:100%; object-fit:cover; object-position:center;}
.corp-philosophy__logo{box-sizing:border-box; position:absolute; left:50%; bottom:-2px; max-width:393px; width:60%; transform:translateX(-50%); overflow:hidden; pointer-events:none;}
.corp-philosophy__logo img{display:block; width:100%; height:100%; object-fit:contain; object-position:center bottom;}
.corp-philosophy__txt{box-sizing:border-box; flex:1; display:flex; flex-direction:column; gap:30px; align-items:flex-start; justify-content:center;}
.corp-philosophy__hd{box-sizing:border-box; display:flex; flex-direction:column; gap:10px; align-items:flex-start; width:100%; color:var(--black);}
.corp-philosophy__since{margin:0; font-weight:600 !important; color:var(--black);}
.corp-philosophy__lead{margin:0; width:100%; color:var(--black);}
.corp-philosophy__lead span{display: inline; line-height: inherit;}
.corp-philosophy__motif{color:var(--main);}
.corp-philosophy__body{box-sizing:border-box; display:flex; flex-direction:column; gap:20px; align-items:flex-start; width:100%;}
.corp-philosophy__para{margin:0; width:100%; color:var(--basic);}
.corp-philosophy__closing{margin:0; width:100%; color:var(--black);}

/* 사업분야 */
.biz-field{box-sizing:border-box; width:100%;}
.biz-field__list{box-sizing:border-box; display:flex; flex-wrap:wrap; gap:30px; align-items:stretch; justify-content:center; width:100%;}
.biz-field__card{box-sizing:border-box; display:flex; width: calc((100% - 90px)/4); min-height:210px; align-items:center; justify-content:center; gap:25px; padding:30px; overflow:hidden; background:var(--white);}
.biz-field__ico{box-sizing:border-box; flex-shrink:0; width:90px; height:90px; border-radius:80px; display:flex; align-items:center; justify-content:center;}
.biz-field__card--main .biz-field__ico{background:var(--main);}
.biz-field__card--sub .biz-field__ico{background:var(--sub);}
.biz-field__ico img{display:block; width: 100%; height: 100%; object-fit:contain;}
.biz-field__txt{box-sizing:border-box; flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:5px; align-items:flex-start; justify-content:center;}
.biz-field__tit{margin:0; width:100%; font-weight:600 !important; color:var(--black); line-height:160%;}
.biz-field__desc{margin:0; width:100%; color:var(--basic);}



/* 찾아오시는 길 */
.loc-ft{box-sizing:border-box; width:100%; display: flex; flex-direction: column; gap:50px;}
.loc-ft__inner{box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:40px; width:100%;}
.loc-ft__info{box-sizing:border-box; flex-shrink:0; width:380px; max-width:100%; display:flex; flex-direction:column; gap:20px; align-items:flex-start;}
.loc-ft__tit{margin:0; width:100%; font-weight:700; color:var(--black); line-height:137.5%; letter-spacing:-0.05em;}
.loc-ft__blk{box-sizing:border-box; display:flex; flex-direction:column; gap:15px; align-items:flex-start; width:100%;}
.loc-ft__addr{margin:0; width:100%; color:var(--black); line-height:160%; letter-spacing:-0.03em;}
.loc-ft__contacts{box-sizing:border-box; margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:6px; align-items:flex-start; width:100%;}
.loc-ft__row{box-sizing:border-box; display:flex; align-items:center; gap:5px; width:100%;}
.loc-ft__row-txt{box-sizing:border-box; display:flex; align-items:center; gap:10px; flex-wrap:wrap; line-height:166.7%;}
.loc-ft__lbl{font-weight:600 !important; color:var(--black);}
.loc-ft__lbl::before{display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; font-size:20px; font-weight: 400; font-family: var(--icon); color:inherit;}
.loc-ft__lbl.tel::before{content:'\e0b0';}
.loc-ft__lbl.fax::before{content:'\e8ad';}
.loc-ft__val{font-weight:400; color:var(--basic); text-decoration:none;}
a.loc-ft__val:hover{text-decoration:underline;}
.loc-ft__trans{box-sizing:border-box; display:flex; align-items:center; flex-wrap:wrap; gap:5px; width:100%; border-top:1px solid #ddd; padding-top:20px; line-height:166.7%;}
.loc-ft__badge{box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; height:26px; padding:0 10px; border-radius:30px; background:#c95557; color:var(--white); font-size:0.778rem; font-weight:600; line-height:143%;}
.loc-ft__badge.ver2{background: #7B4AC9;}
.loc-ft__station{font-weight:600 !important; color:var(--black);}
.loc-ft__dist{font-weight:400; color:var(--basic);}
.loc-ft__mapbtns{box-sizing:border-box; display:flex; align-items:center; gap:4px; padding-top:40px; width:100%;}
.loc-ft__mapbtn{box-sizing:border-box; position:relative; flex-shrink:0; width:60px; height:60px; border-radius:60px; display:flex; align-items:center; justify-content:center; text-decoration:none; overflow:hidden; transition:transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease, border-color 0.25s ease;}
.loc-ft__mapbtn--naver{background:#10d265;}
.loc-ft__mapbtn--naver:hover{transform:translateY(-3px); box-shadow:0 8px 20px rgba(16,210,101,0.45); filter:brightness(1.08);}
.loc-ft__mapbtn--kakao{background:#fae100;}
.loc-ft__mapbtn--kakao:hover{transform:translateY(-3px); box-shadow:0 8px 20px rgba(250,225,0,0.55); filter:brightness(0.97);}
.loc-ft__mapbtn--google{background:var(--white); border:1px solid var(--border);}
.loc-ft__mapbtn--google:hover{transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,0.1); border-color:rgba(16,16,16,0.25); filter:brightness(0.98);}
.loc-ft__mapbtn:focus-visible{outline:2px solid var(--main); outline-offset:4px;}
.loc-ft__mapbtn img{display: block; width: 100%; height: 100%; object-fit:contain;}
.loc-ft__map{box-sizing:border-box; flex:1 1 0; overflow:hidden;}
.loc-ft__map .map_box{width: 100%; height: 550px !important; border:1px solid var(--border); box-sizing: border-box;}
.loc-ft__map .wrap_controllers{display: none !important;}
.loc-ft__map .cont{display: none !important;}
.loc-ft__map .map_border{display: none !important;}
.loc-ft__map .wrap_btn_zoom{display: none !important;}
.loc-ft__map .wrap_map{width: 100%; height: 100% !important;}
.loc-ft__map .root_daum_roughmap {width: 100%; height: 100% !important; pointer-events: none;}



/* 연혁 */
.history_cont{display: flex; flex-direction: column; gap:200px;}
.history_in{display: flex;}
.history_in article{box-sizing: border-box;}
.history_in .img_area{width: 510px;}
.history_in .img_area .img{display: block; overflow: hidden; aspect-ratio: 1/1; position: sticky; top:150px; transition: all .4s; background:var(--grayBg);}
.history_in .img_area .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.history_in .img_area .img h4{padding: 50px 45px; box-sizing: border-box; position: absolute; left: 0; top:0; color:var(--white); z-index: 2; width: 100%;}
.history_in .txt_area{width: calc(100% - 510px); padding: 20px 0 0 100px; display: flex; flex-direction: column; gap:60px;} 
.history_in .txt_area .his_in{display: flex; flex-direction: column; gap:15px;}
.history_in .txt_area .his_in h5{color:var(--black); line-height: 120%;}
.history_in .txt_area .his_in ul{display: flex; flex-direction: column; gap:6px; }
.history_in .txt_area .his_in ul li{padding-left: 35px; box-sizing: border-box; position: relative; font-size:1rem; letter-spacing: var(--letter-spacing-default); line-height: 150%;}
.history_in .txt_area .his_in ul li strong{display: block; position: absolute; left: 0; top:0; color:var(--black); font-weight: 600; letter-spacing: 0;}





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


 /* 사업분야 */
.biz-field__card{width: calc((100% - 30px)/2);}
.biz-field__list .biz-field__card:nth-child(4n+1) .biz-field__ico,.biz-field__list .biz-field__card:nth-child(4n+4) .biz-field__ico{background:var(--main);}
.biz-field__list .biz-field__card:nth-child(4n+2) .biz-field__ico,.biz-field__list .biz-field__card:nth-child(4n+3) .biz-field__ico{background:var(--sub);}



/* 기업이념 */
.corp-philosophy__inner{gap:50px;}
.corp-philosophy__media{width:40%;}
.corp-philosophy__photo{aspect-ratio: auto; height: 100%;}




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




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


/* 기업이념 */
.corp-philosophy__media{width:35%;}
.corp-philosophy__txt{gap:20px;}
.corp-philosophy__hd{gap:6px;}
.corp-philosophy__body{gap:10px;}



/* 찾아오시는 길 */
.loc-ft__info{width:300px;}



/* 연혁 */
.history_cont{gap:150px;}
.history_in .img_area{width: 40%;}
.history_in .img_area .img h4{padding: 40px 35px;}
.history_in .txt_area{width: 60%; padding: 20px 0 0 50px;}



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


/* 기업이념 */
.corp-philosophy__inner{gap:30px; flex-wrap:wrap;}
.corp-philosophy__media{width:100%;}
.corp-philosophy__photo{aspect-ratio: 2/1; height: auto;}
.corp-philosophy__logo{width:50%;}
.corp-philosophy__txt{gap:15px;}



/* 사업분야 */
.biz-field__list{gap:20px;}
.biz-field__card{width: calc((100% - 20px)/2); min-height:170px; gap:20px; padding:20px;}
.biz-field__ico{width:70px; height:70px;}
.biz-field__txt{gap:5px;}




/* 찾아오시는 길 */
.loc-ft{gap:40px;}
.loc-ft__inner{gap:30px; width:100%; flex-wrap:wrap;}
.loc-ft__info{width:100%; flex:auto; gap:10px; position: relative;}
.loc-ft__blk{gap:10px;}
.loc-ft__row-txt{gap:10px;}
.loc-ft__trans{padding-top:15px;}
.loc-ft__mapbtns{padding-top:0; position: absolute; left: 10px; bottom:-90px; z-index: 10;}
.loc-ft__mapbtn{width:50px; height:50px;}
.loc-ft__map .map_box{height: 450px !important;}



/* 연혁 */
.history_cont{gap:100px;}
.history_in .img_area .img{top:120px;}
.history_in .img_area .img h4{padding: 30px 25px;}
.history_in .txt_area{padding: 10px 0 0 30px; gap:40px;} 
.history_in .txt_area .his_in{gap:10px;}


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

/* 기업이념 */
.corp-philosophy__inner{gap:20px;}
.corp-philosophy__lead br{display: none;}

 /* 사업분야 */
.biz-field__list{gap:10px;}
.biz-field__card{width: 100%; min-height:auto; gap:15px; padding:15px;}
.biz-field__ico{width:50px; height:50px;}
.biz-field__txt{gap:2px;}
.biz-field__list .biz-field__card:nth-child(odd) .biz-field__ico{background:var(--main);}
.biz-field__list .biz-field__card:nth-child(even) .biz-field__ico{background:var(--sub);}




/* 찾아오시는 길 */
.loc-ft{gap:30px;}
.loc-ft__inner{gap:20px;}
.loc-ft__lbl::before{font-size:16px;}
.loc-ft__trans{padding-top:10px;}
.loc-ft__badge{ height:22px;}
.loc-ft__mapbtns{left: 5px; bottom:-65px;}
.loc-ft__mapbtn{width:40px; height:40px;}
.loc-ft__map .map_box{height: 300px !important;}



/* 연혁 */
.history_cont{gap:60px;}
.history_in{flex-wrap: wrap;}
.history_in .img_area{width: 100%;}
.history_in .img_area .img{top:auto; aspect-ratio: 2/1;}
.history_in .img_area .img h4{padding: 20px; text-align:center; top:50%; transform: translateY(-50%);}
.history_in .txt_area{width: 100%; padding: 20px 0 0; gap:30px;} 
.history_in .txt_area .his_in{gap:6px;}
.history_in .txt_area .his_in ul{ gap:4px; }
.history_in .txt_area .his_in ul li{padding-left: 30px;}


}