@charset "utf-8";

/* 
 * 메인 & 서브 페이지 메인 타이틀 
 * 서브 페이지 타이틀 변경된 경우 메인 제외 전체 변경해 주셔야 합니다.
 */
.main_tit {text-align: center;}
.main_tit span {display: block; margin-bottom: 5px; font-weight: 700; font-size: 16px; line-height: 1.75em; letter-spacing: 0.05em; color: #b1b7c9; }
.main_tit h3 {font-weight: 700; font-size: 52px; letter-spacing: -0.025em; color: var(--main-color); position: relative; padding-bottom: 20px;}
.main_tit h3::before {content: ''; position: absolute; bottom: 0; left: calc(50% - 60px); width: 120px; height: 2px; background-color: var(--main-color);}

.main_tit.white h3 {color: #fff;}
.main_tit.white h3::before {background-color: #fff;}

/* 서브 페이지 콘텐츠 타이틀 */
.sub_con_tit {text-align: center;}
.sub_con_tit h4 {font-size: 36px; line-height: 1em; letter-spacing: -0.025em;}

/* 탭 버튼 */
.tab_btn_wrap {border-bottom: 1px solid #e5e5e5;}
.tab_btn_wrap .inner {display: flex; align-items: center; justify-content: center; gap: 0 80px; padding: 40px 0;}
.tab_btn_wrap .btn {font-weight: 700; font-size: 24px; line-height: 1em; letter-spacing: -0.025em; color: #888;}
.tab_btn_wrap .btn.active {color: #222;}

/* 탭 컨텐츠 */
.tab_content .tab_wrap {display: none;}
.tab_content .tab_wrap.active {display: block;}

/* 카카오지도 크기 */
.map_wrap .root_daum_roughmap_landing {width: 100%; height: 100%;}
.map_wrap .root_daum_roughmap .wrap_map {width: 100%; height: 100%;}

/* 구글 지도 크기 */
.map_wrap iframe {width: 100%; height: 100%;}