@charset "utf-8";
/* [ima] 서브 상단 띠 (인천) - _title.php
   왼쪽 : 남색 + 청록 사선 / 오른쪽 : 파란 그라데이션 + 바다 물결 + 흐린 원
   색을 바꾸려면 아래 변수만 */
#nt_title.imab {
	--b-navy: #12395f; --b-teal: #13867a; --b-blue1: #2f7fc1; --b-blue2: #5bb0de;
	position: relative; height: 120px; margin: 0; padding: 0; overflow: hidden;
	background: linear-gradient(90deg, var(--b-blue1) 40%, var(--b-blue2) 100%) !important;
	border: 0; color: #fff;
}
/* 겹침 순서 : 띠 안에서만 정함 (테마가 .nt-container 에 z-index 를 줘도 글자가 남색 판 아래로 숨지 않게) */
#nt_title.imab { isolation: isolate; }
#nt_title.imab .imab-bg { position: absolute; inset: 0; z-index: 0 !important; }
#nt_title.imab > .nt-container { position: relative; z-index: 2 !important; }
#nt_title.imab .imab-left { position: absolute; left: 0; top: 0; bottom: 0; width: 56%; background: var(--b-navy); clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%); z-index: 3; }
#nt_title.imab .imab-slash { position: absolute; left: 0; top: 0; bottom: 0; width: 58%; background: var(--b-teal); clip-path: polygon(96.6% 0, 100% 0, 89.6% 100%, 86.2% 100%); z-index: 3; }
#nt_title.imab .imab-wave { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; }
#nt_title.imab .imab-circle { position: absolute; border-radius: 50%; background: rgba(255,255,255,.08); z-index: 1; }
#nt_title.imab .imab-circle.c1 { width: 280px; height: 280px; right: 6%; top: -180px; }
#nt_title.imab .imab-circle.c2 { width: 180px; height: 180px; right: 26%; bottom: -120px; background: rgba(255,255,255,.06); }

#nt_title.imab .imab-in { position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; height: 120px; }
/* 글자 : 예전 띠(ima.css)의 #nt_title 글자 규칙이 남아 있어도 덮어쓰도록 !important */
#nt_title.imab .imab-txt, #nt_title.imab .imab-txt p, #nt_title.imab .imab-txt strong { display: block; visibility: visible !important; opacity: 1; color: #fff !important; margin: 0; padding: 0; text-indent: 0 !important; }
#nt_title.imab .imab-txt strong { display: inline; }
#nt_title.imab .imab-txt .imab-en { font-size: 11px !important; letter-spacing: .35em; color: rgba(255,255,255,.65) !important; margin-bottom: 5px !important; }
#nt_title.imab .imab-txt .imab-slogan { font-size: 26px !important; font-weight: 300 !important; line-height: 1.3 !important; letter-spacing: -.5px; }
#nt_title.imab .imab-txt .imab-slogan strong { font-weight: 800 !important; }
#nt_title.imab .imab-txt .imab-name { margin-top: 5px !important; font-size: 14px !important; color: rgba(255,255,255,.85) !important; }

#nt_title.imab .imab-quick { display: flex; margin: 0; padding: 0; list-style: none; }
#nt_title.imab .imab-quick li { margin-left: 18px; }
#nt_title.imab .imab-quick a { display: flex; flex-direction: column; align-items: center; color: #fff !important; text-decoration: none !important; }
#nt_title.imab .imab-ico { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1.5px solid rgba(255,255,255,.85); border-radius: 50%; background: rgba(255,255,255,.12); font-size: 18px !important; transition: background .2s, transform .2s; }
#nt_title.imab .imab-lb { margin-top: 6px; font-size: 13px !important; font-weight: 600; line-height: 1.2; text-shadow: 0 1px 2px rgba(0,0,0,.15); }
#nt_title.imab .imab-quick a:hover .imab-ico { background: #fff; color: var(--b-navy); transform: translateY(-2px); }

/* 태블릿 : 왼쪽을 조금 넓게 */
@media (max-width: 991.98px) {
	#nt_title.imab .imab-left { width: 62%; }
	#nt_title.imab .imab-slash { width: 64%; }
	#nt_title.imab .imab-txt .imab-slogan { font-size: 22px !important; }
	#nt_title.imab .imab-quick li { margin-left: 16px; }
}