@import url("sub.css");

/*** Location ***/
/* LOCATION — WRAP */
.location-cont .pageTit{margin: 0 0 80px;}
.locationList {display:flex; flex-direction:column; gap:50px;}
.locationItem {display:flex; align-items:center; justify-content:space-between; gap:100px;}

/* LOCATION — INFO */
.locationInfo {width:390px; flex-shrink:0; display:flex; flex-direction:column; gap:20px;}
.locationName {color:var(--black);}
.locationInfoBody {display:flex; flex-direction:column; gap:30px; padding:30px 0 0; border-top:1px solid var(--border);}
.locationAdr {color:var(--black);}
.locationAdr br {display:inline;}
.locationContact {display:flex; flex-direction:column; gap:5px;}
.locationRow {display:flex; align-items:center; gap:5px;}
.locationMeta {display:flex; align-items:center; gap:10px;}
.locationIcoTel,
.locationIcoMail {display:block; width:20px; height:20px; flex-shrink:0; font-style:normal;}
.locationIcoTel::before,
.locationIcoMail::before {display:block; width:20px; height:20px; font-family:var(--icon); font-size:20px; line-height:20px; color:var(--black); -webkit-font-feature-settings:'liga'; font-feature-settings:'liga';}
.locationIcoTel::before {content:'\e61d';}
.locationIcoMail::before {content:'\e158';}
.locationLabel {display:block; width:55px; flex-shrink:0; color:var(--black);}
.locationVal {color:var(--basic);}
.locationVal:hover {color:var(--main);}

/* LOCATION — MAP BTNS */
.locationMapBtns {display:flex; align-items:center; gap:4px; padding:30px 0 0;}
.locationMapBtn {display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:var(--borderR100); box-sizing:border-box; transition:opacity 0.3s;}
.locationMapBtn:hover {opacity:0.8;}
.locationMapBtn img {display:block; width:100%; height:100%; object-fit:contain;}
.locationMapBtnNaver {background:#10d265;}
.locationMapBtnKakao {background:#fae100;}
.locationMapBtnGoogle {background:var(--white); border:1px solid var(--border);}

/* LOCATION — MAP */
.locationMap {flex:1; height:550px; flex-shrink:0; border:1px solid var(--border); border-radius:var(--borderR20); overflow:hidden; background:var(--grayBg);}
.locationMap iframe {display:block; width:100%; height:100%;}


/*** Inquiry ***/
/* INQUIRY — WRAP */
.inquiry-cont .pageTit {margin:0 0 80px; text-align:center;}
.inquiry-form form {display:flex; flex-direction:column; gap:30px; padding:60px 60px 50px; max-width: 1010px; margin: 0 auto; box-sizing:border-box; background:var(--white); border-radius:var(--borderR20); box-shadow:0 10px 25px rgba(0,0,0,0.15);}



/*** Career ***/
/* CAREER - PROCESS */
.careerProcessList {display:flex; align-items:stretch; gap:10px; width:100%;}
.careerProcessList li {display:flex; flex:1; flex-direction:column; align-items:center; gap:25px; min-width:0; padding:40px 10px; box-sizing:border-box;}
.careerProcessList li:nth-child(1) {background:rgba(195,21,57,0.02);}
.careerProcessList li:nth-child(2) {background:rgba(195,21,57,0.04);}
.careerProcessList li:nth-child(3) {background:rgba(195,21,57,0.06);}
.careerProcessList li:nth-child(4) {background:rgba(195,21,57,0.08);}
.careerProcessList li:nth-child(5) {background:rgba(195,21,57,0.10);}
.careerProcessList li:nth-child(6) {background:rgba(195,21,57,0.12);}
.careerProcessList .stepNum {font-weight:700; color:var(--main); text-align:center; white-space:nowrap;}
.careerProcessList .stepIco {display:flex; align-items:center; justify-content:center; width:75px; height:75px; flex-shrink:0;}
.careerProcessList .stepIco img {display:block; width:100%; height: 100%; object-fit:contain;}
.careerProcessList .stepTit {font-weight:500; color:var(--black); text-align:center; word-break:keep-all;}

/* CAREER - INTRO */
.career-intro {display:flex; flex-direction:column; align-items:center; gap:30px;}
.careerIntroIco {display:flex; align-items:center; justify-content:center; width:70px; height:auto;}
.careerIntroIco img {display:block; width:100%; height:auto;}
.careerIntroTxt {display:flex; flex-direction:column; align-items:center; gap:20px; width:100%; text-align:center;}
.careerIntroTxt h3 {width:100%; font-weight:700; color:var(--black);}
.careerIntroTxt p {width:100%; color:var(--light);}
.careerIntroCta {font-weight:700; color:var(--main) !important; letter-spacing:0;}








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

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

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

/* LOCATION — WRAP */
.location-cont .pageTit{margin: 0 0 60px;}
.locationList {gap:40px;}
.locationItem {gap:50px;}

/* LOCATION — INFO */
.locationInfo {width:300px; gap:16px;}
.locationInfoBody {gap:24px; padding:24px 0 0;}

/* LOCATION — MAP BTNS */
.locationMapBtns {padding:24px 0 0;}
.locationMapBtn {width:52px; height:52px;}

/* LOCATION — MAP */
.locationMap {height:420px; border-radius:var(--borderR15);}

/* INQUIRY — WRAP */
.inquiry-cont .pageTit {margin:0 0 60px;}
.inquiry-form form {padding:50px 40px 40px;}

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

/* LOCATION — WRAP */
.location-cont .pageTit{margin: 0 0 40px;}
.locationList {gap:40px;}
.locationItem {flex-direction:column; align-items:stretch; gap:30px;}

/* LOCATION — INFO */
.locationInfo {width:100%; position: relative;}
.locationAdr br{display: none;}
.locationInfoBody {gap:15px;}
/* LOCATION — MAP BTNS */
.locationMapBtns {padding:0; position: absolute; right: 10px; bottom: -90px; z-index: 9;}
.locationMapBtn {width:48px; height:48px;}

/* LOCATION — MAP */
.locationMap {flex: auto; width:100%; height:400px; border-radius:var(--borderR10);}

/* INQUIRY — WRAP */
.inquiry-cont .pageTit {margin:0 0 40px;}
.inquiry-form form {padding:40px 30px 30px; gap:24px; border-radius:var(--borderR15);}





/*** Career ***/
/* CAREER - PROCESS */
.careerProcessList {flex-wrap: wrap;}
.careerProcessList li {flex: auto; width: calc((100% - 20px)/3);}
.careerProcessList .stepIco {width:65px; height:65px;}

/* CAREER - INTRO */
.careerIntroIco {width:60px;}





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

/* LOCATION — WRAP */
.location-cont .pageTit{margin: 0 0 25px;}
.locationList {gap:30px;}
.locationItem {gap:20px;}

/* LOCATION — INFO */
.locationInfo {gap:14px;}
.locationInfoBody {gap:10px; padding:20px 0 0;}
.locationMeta {flex-wrap:wrap; gap:4px 10px;}
.locationIcoTel,
.locationIcoMail {width:18px; height:18px;}
.locationIcoTel::before,
.locationIcoMail::before {width:18px; height:18px; font-size:18px; line-height:18px;}
.locationLabel {width:50px;}

/* LOCATION — MAP BTNS */
.locationMapBtns {gap:2px; bottom: -65px;}
.locationMapBtn {width:35px; height:35px;}

/* LOCATION — MAP */
.locationMap {height:280px; border-radius:var(--borderR10);}

/* INQUIRY — WRAP */
.inquiry-cont .pageTit {margin:0 0 25px;}
.inquiry-form form {padding:30px 20px 24px; gap:20px; border-radius:var(--borderR10); box-shadow:0 6px 18px rgba(0,0,0,0.12);}


/*** Career ***/
/* CAREER - PROCESS */
.careerProcessList {gap: 10px;}
.careerProcessList li {gap:15px; width: calc((100% - 10px)/2); padding:25px 10px;}
.careerProcessList .stepIco {width:45px; height:45px;}

/* CAREER - INTRO */
.career-intro {gap:15px;}
.careerIntroIco {width:50px;}
.careerIntroTxt {gap:10px;}




}