/**
 * cms.css — CMS(콘텐츠 관리·서브상단 관리·게시판) 출력 구조를 시안 스타일에 연결
 */

/* 서브상단 LNB: [ACTIVEn] 토큰이 붙이는 .active */
.sub-top__lnb-list > li.active a {color:#fff; background:#032112;}

/* 게시판·모듈 페이지(라우터가 만드는 #contArea > .sub-title + .real-cont) */
#container > #contArea:not(.sub-cont) {width:100%; max-width:1460px; margin-left:auto; margin-right:auto; padding-left:var(--space-container); padding-right:var(--space-container); box-sizing:border-box;}
#contArea:not(.sub-cont) > .sub-title {padding:140px 0 100px; text-align:left;}
#contArea:not(.sub-cont) > .sub-title .tit {margin:0; font-family:var(--font-pretendard); font-size:56px; font-weight:600; line-height:1.3; letter-spacing:-1.12px; color:var(--color-heading);}
#contArea:not(.sub-cont) > .real-cont {min-height:300px; padding-bottom:140px;}

/* 헤더 언어 선택(다국어 사용 시에만 출력) */
.header-right .language {position:relative;}

/* 오시는 길 카카오맵: 시안 지도 칸을 채움 */
.location-map {height:auto; overflow:visible;}
.location-map .root_daum_roughmap {width:100% !important;}
.location-map .root_daum_roughmap .wrap_map {width:100% !important; height:640px !important;}
.location-map .root_daum_roughmap .wrap_map .map {width:100% !important; height:100% !important;}

.product-list-empty {margin:40px 0 0; font-size:16px; line-height:1.6; color:#686868; text-align:center;}

.support-inquiry .board-form th em {margin-left:2px; color:#d12b2b; font-style:normal;}
.support-inquiry .board-form table th {width:180px; text-align:left; vertical-align:middle;}
.support-inquiry .board-form table td {vertical-align:middle;}
.support-inquiry .board-form input[type="file"] {-webkit-appearance:auto; appearance:auto; display:block; width:100%; max-width:100%; font-size:16px; color:#505050;}
.support-inquiry .board-form .captcha-wrap {height:auto; align-items:center; flex-wrap:wrap;}
.support-inquiry .board-form .captcha-wrap img {height:44px; width:auto;}
.support-inquiry .board-form .captcha-wrap .input {width:180px; flex:0 0 180px;}
.support-inquiry .inquiry-write-agree {margin:28px 0 0; color:#505050; font-size:16px; line-height:1.5;}
.support-inquiry .inquiry-write-agree a {display:inline-block; margin-left:8px; padding:0 10px; font-size:13px; line-height:26px; border:1px solid #ddd; background:#fff; vertical-align:middle;}
.support-inquiry .board-form + .inquiry-write-agree, .support-inquiry form.board-form .inquiry-write-agree {clear:both;}
.support-inquiry .buttons {margin-top:28px;}
.support-inquiry .buttons .btn-pack {min-width:120px; border-radius:0;}

@media (max-width: 1023px) {
	#contArea:not(.sub-cont) > .sub-title {padding:100px 0 72px;}
	#contArea:not(.sub-cont) > .sub-title .tit {font-size:32px;}
	#contArea:not(.sub-cont) > .real-cont {padding-bottom:100px;}
}

@media (max-width: 767px) {
	#container > #contArea:not(.sub-cont) {padding-left:16px; padding-right:16px;}
	#contArea:not(.sub-cont) > .sub-title {padding:72px 0 56px;}
	#contArea:not(.sub-cont) > .sub-title .tit {font-size:24px;}
	#contArea:not(.sub-cont) > .real-cont {padding-bottom:60px;}
	.location-map .root_daum_roughmap .wrap_map {height:auto !important; aspect-ratio:16 / 9;}
}