/* ================================================================
 * m0811-header.css = m0811.css 의 헤더(+풋터) 부분만 추출 (1~179줄).
 *   m0811.css 전체를 헤더에 로드하면 그 '메인' 규칙(#main-floor1/#container26 등)이
 *   메인페이지 sotong2026/main.css 를 덮어 레이아웃이 깨지므로(범위=헤더),
 *   헤더 스킨만 뽑아 로드한다. 메인 2026화 시 원본 m0811.css 사용.
 * ================================================================ */
#wrap-2026 {
	min-width: 320px;
}

#header-2026 {
	position: sticky;
	left: 0;
	top: 0;
	z-index: 99;
	background: #fff;
	transform: translate3d(0, 0, 0);
	transition: .4s;
}

#wrap-2026.scroll-down #header-2026 {
	transform: translate3d(0, -100%, 0);
}

#wrap-2026.scroll-sdw #header-2026 {
	border-bottom: 1px solid #dfdfdf;
}
/* 스킵 '본문내용 바로가기' 타깃(#content-2025)은 빈 0높이 div. accessibility.css의 *:focus-visible{outline:2px solid #005fcc !important}가 포커스 시 적용돼 위/아래 파란 2줄로 보이고 포커스 유지돼 계속 남음. a11y의 !important를 이기려 id+!important로 이 랜드마크에만 아웃라인 제거(스킵은 포커스 이동/스크롤만 담당) */
#content-2025 {
	outline: none !important;
}

.mn26-bg {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 80;
}

#header-2026 {
	font-family: 'Pretendard GOV';
}

#header-2026 * {
	font-family: inherit !important;
}

.nuri-area {
	background: #e8edf8;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
}

.nuri-area .wid-t {
	margin: 0 auto;
	width: calc(100% - 30px);
	max-width: 1200px;
	position: relative;
}
/* 혁신 : 누리집 줄 우측에 화면크기 배치 (소통은 floor1에 화면크기가 있어 nuri엔 미노출) */
#wrap-2026.innovation .nuri-area .wid-t {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.nuri-area .wid-t p {
	color: #3e3e3d;
	font-size: 14px;
	line-height: 20px;
	padding-left: 38px;
	background: url('/images/front/0813_images/header_bg1.png') no-repeat
		left top;
	background-size: 30px;
	word-break: keep-all;
}

#header-floor1 {
	background: #fff;
	border-bottom: 1px solid #dadde6;
}

#header-floor1>.wid-box {
	display: flex;
	height: 40px;
	align-items: center;
	justify-content: flex-end;
}

.header-btn2 {
	align-items: center;
}

/* 항목 사이 구분선(header-base.css 의 li:not(:first-child) 배경)을 글자 높이 가운데로.
   ※ ':not' 과 '(' 사이에 공백이 있으면 선택자가 무효가 되어 규칙 전체가 무시된다 */
.header-btn2>li:not (:first-child ) {
	background-position: 10px center;
}

#header-2026 .header-btn2>li>a:hover {
	color: #000;
}

.header-btn2 .lg-o {
	display: flex;
	gap: 10px;
	align-items: center;
}

.header-btn2 .lg-zl {
	display: flex;
	gap: 10px;
	align-items: center;
}

.header-btn2 .tml {
	display: block;
	font-size: 14px;
	line-height: 18px;
	padding: 5px 7px;
	border: 1px solid #dfdfdf;
	border-radius: 15px;;
}

.header-btn2 .tml .tm {
	display: inline-block;
	min-width: 40px;
	text-align: center;
}

.header-btn2 .tml>span {
	color: #3464d0;
}

/* 남은 시간 가운데 정렬 : common-2025.css 의 #timer(ID) 가 위 .tm 규칙을 덮어 우측정렬이 되므로
   ID 보다 높은 특이도로 되돌린다 (!important 불필요, 헤더 안 타이머에만 적용) */
.header-btn2 .tml #timer {
	text-align: center;
}

/* '연장하기' 오른쪽 여백 : 위 .tml>span 은 타이머까지 잡으므로 마지막 자식만 지정한다 */
.header-btn2 .tml>span:last-child {
	margin-right: 5px;
}

.site-tab {
	display: flex;
	margin-left: 12px;
	gap: 4px;
}

.site-tab>a {
	display: block;
	font-weight: 500;
	font-size: 17px;
	line-height: 20px;
	color: #4c4c4c;
	padding: 4px 10px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
}

.site-tab>a.on {
	background: #3464d0;
	color: #fff;
	border-color: #3464d0;
}

#header-2026 .site-tab>a.on {
	color: #fff;
}

#gnb-2026>li>a {
	font-size: 20px;
	font-weight: 600;
	gap: 6px;
}

#gnb-2026>li>a>img {
	margin-top: 4px;
}

.allm-wp {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 999;
	background: #fff;
	border-top: 1px solid #e0e4ee;
	box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1);
	padding: 45px 0 60px;
}

.allm-wid {
	width: calc(100% - 30px);
	max-width: 1350px;
	margin: 0 auto;
}

.allm26 {
	display: flex;
	gap: 30px;
}

.allm26>li {
	width: 10%;
	flex-grow: 1;
}

.allm26>li>a {
	position: relative;
	display: block;
	padding: 16px 5px 16px 10%;
	background: #eaf1fa;
	font-size: 20px;
	color: #444;
	font-weight: 500;
	line-height: 1.1;
}

.allm26>li>a:before {
	content: "";
	position: absolute;
	left: 0;
	top: -2px;
	width: 28px;
	height: 5px;
	background: #3464d0;
}

.allm26>li>a img {
	margin-top: 4px;
	width: 14px;
}
/* .allm26 > li:hover > a { color: #f25379; } */
.allm26>li:hover>a:before {
	background: #f25379;
}

.alm-dp2 {
	padding: 25px 0;
}

.alm-dp2>li {
	color: #7d7d7d;
	text-align: center
}

.alm-dp2>li+li {
	margin-top: 10px
}

.alm-dp2>li>a {
	font-size: 17px;
	color: #4c4c4c
}

.alm-dp2>li>a:hover {
	color: #3464d0
}
/*
.alm-dp2>li>a {
	display: inline-block;
	padding-left: 12px;
	position: relative;
	font-size: 18px;
	line-height: 22px;
}

.alm-dp2>li>a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #9d9d9d;
}

.alm-dp2>li>a:hover:before {
	background: #000;
}
*/
#header-2026 .alm-dp2>li>a:hover {
	color: #3464d0;
}

.pc_Search_box {
	margin-left: auto;
	width: 300px;
	box-sizing: border-box;
	position: relative;
}
/* 서브 페이지(통합검색 결과 등)는 이 파일 뒤에 modal_new.css 를 싣는데
   거기 input[type="text"]{height:40px;border:1px solid #cecece;font-size:20px} 가
   같은 순위라 나중에 로드된 쪽이 이겨 검색창 모양이 깨진다. #header-2026 로 순위를 올려 고정한다 */
#header-2026 .pc_Search_box input {
	width: 100%;
	height: 45px;
	padding: 0 40px 0 24px;
	border: 0;
	background: #fff;
	font-size: 18px;
	border: 1px solid #434343;
	border-radius: 45px;
	outline-offset: 0 !important;
}

.pc_Search_box a {
	position: absolute;
	right: 20px;
	top: 12px;
	font-size: 0;
	width: 18px;
	height: 20px;
	background: url('/images/front/0813_images/header_search.png') no-repeat;
}

.Search-ShowBox1 {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 99;
	width: 100%;
	padding: 36px 0;
	background: #fff;
	border-top: 1px solid #e0e4ee;
	box-shadow: 0 2px 3px 5px rgba(0, 0, 0, 0.1);
	z-index: 999;
}

.Search-ShowBox1>.wid {
	width: calc(100% - 30px); 
	max-width : 495px;
	margin: 0 auto;
	position: relative;
	max-width: 495px;
}

.Search-ShowBox1 .Search-input01 {
	height: 56px;
	padding: 2px 60px 2px 20px;
	border: 1px solid #283f87;
	border-radius: 50px;
	position: relative;
}

.Search-ShowBox1 .Search-input01 input {
	color: #222;
	font-size: 18px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0 5px;
}

.Search-ShowBox1 .Search-input01 input::-webkit-input-placeholder {
	color: #222;
}

.Search-ShowBox1 .Search-input01 .a-go1 {
	position: absolute;
	top: 0px; right : -40px; width : 56px; height : 56px;
	font-size: 0;
	border-radius: 50px;
	background: #283f87 url('/images/front/0813_images/header_search_w.png')
		no-repeat center;
	background-size: 22px;
	right: -40px;
	width: 56px;
	height: 56px;
}

.Search-ShowBox1 .Search-term01 {
	margin: 25px 15px 0;
	line-height: 22px;
	gap: 10px;
	display: flex;
}

.Search-ShowBox1 .Search-term01>dt {
	color: #222;
	font-size: 18px;
	font-weight: 500;
	white-space: nowrap;
}

.Search-ShowBox1 .Search-term01>dd {
	color: #555;
	font-size: 17px;
	gap: 5px 15px;
	display: flex;
	flex-wrap: wrap;
}

.Search-ShowBox1 .Search-close1 {
	position: absolute;
	left: calc(50% - 25px);
	bottom: -25px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #8A8A8A url('/images/front/0813_images/header_search_close1.png') no-repeat center;
	background-size: 10px;
    box-shadow: none;
    color: #4c4c4c;
    font-size: 16px;
    text-indent: -38px;
    display: flex;
    align-items: center;
}

.hd-mbtn {
	display: none;
	margin-left: auto;
}

.hd-mbtn>a {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #444;
	position: relative;
}

.hd-mbtn>a:before {
	content: '';
	display: block;
	height: 28px;
	margin-bottom: 6px;
	background: center center no-repeat;
}

.hd-mbtn>.search-sw:before {
	background-image: url(/images/front/common/hd_srsw2.png);
	background-size: 20px;
}

.hd-mbtn>.join-sw:before {
	background-image: url(/images/front/common/join-sw.png);
}

.hd-mbtn>.login-sw:before {
	background-image: url(/images/front/common/login-sw.png);
	background-size: 18px;
}
.hd-mbtn > .menu-sw { display:none }
.hd-mbtn > .menu-sw:before { background-image: url(/images/front/0813_images/hd_mnsw.png) }
.hd-mbtn>.menu-sw.on:before { background-image: url(/images/common/se_out.png) }
.hd-mbtn>.menu-sw .otx { display: none; position: absolute; left: 0; right: 0; bottom: 0; background: #fff }
.hd-mbtn>.menu-sw.on .otx { display: block; text-align: center }
.header-menu { width: calc(100% - 660px) }
#gnb-2026 { justify-content: space-evenly }
#gnb-2026 > li:not(:first-child){ margin:0 }

.mo-mntp {
	display: none;
	background: #3464d0;
	padding: 15px 20px;
}

.mbn-clo {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.mbn-clo .mbn {
	font-size: 17px;
	color: #fff;
	line-height: 22px;
	font-weight: 600;
}

.mbn-clo .mo-mcl {
	display: block;
	margin-left: auto;
	width: 26px;
	height: 26px;
	font-size: 0;
	background: url(/images/front/0813_images/aout.png) center center
		no-repeat;
}

.mo-mlg {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fff;
}

.mo-mlg a {
	display: block;
	font-size: 16px;
	line-height: 20px;
	padding-left: 18px;
	background: 0 1px no-repeat;
}

.mo-mlg a.ic1 {
	background-image: url(/images/front/0813_images/mm_log_ic1.png);
}

.mo-mlg a.ic2 {
	background-image: url(/images/front/0813_images/mm_log_ic2.png);
}

.mo-mlg a.ic3 {
	background-image: url(/images/front/0813_images/mm_log_ic3.png);
}

.mo-mlg i {
	display: block;
	width: 1px;
	height: 14px;
	background: rgba(255, 255, 255, 0.3);
}

#footer-2026 {
	font-family: 'Pretendard GOV';
}

#footer-2026 * {
	font-family: inherit !important;
}

.Ftext-list1 {
	font-weight: 400;
}

.Ftext-list1
>
li


:not

 

(
:first-child

 

){
margin-top


:

 

5
px


;
}
.Ftext-list1>li>i {
	font-style: normal;
}

.footer-btn1 {
	font-weight: 500;
}

@media screen and (max-width: 1360px) {
	#header-2026 {
		min-width: 320px;
		position: relative;
		transform: none;
	}
	#header-floor2 {
		padding: 0;
		/* border-bottom: 1px solid #dadde6; */
	}
	.pc_Search_box {
		display: none;
	}
	.hd-mbtn { display: flex; gap: 18px	}
	.allm-wp { padding: 20px }
	.allm-wid { width: 100%; padding: 0 }
	.mgnb-out { display: none }
}

@media screen and (max-width: 1024px) {
	#footer-2026 .logo { margin: 0 }
	.Fmenu-list1 { justify-content: flex-start }
	.footer-text { text-align: left }
	.footer-btn1 { position: absolute; right: 0; top: 0 }
	.Ftext-list1 > li > i { font-size: 0; display: block }
	.hd-mbtn > .menu-sw { display:block }
	.allm-wp { position: fixed; left: auto; right: 0; top: -1px; bottom: 0; width: 90%; max-width: 380px; padding: 0; overflow-y: auto }
	.allm-wp:after { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: -1 }
}

@media screen and (max-width: 767px) {
	
	.allm-wid {
		display: flex;
		flex-direction: column;
		height: 100%;
	}
	.mo-mntp {
		display: block;
	}
	.allm26 {
		display: block;
		background: #fff;
		flex-grow: 1;
	}
	.allm26>li {
		width: 100%;
	}
	.allm26>li>a:before {
		display: none;
	}
	.allm26>li>a {
		padding: 16px 20px;
		font-size: 21px;
		line-height: 26px;
		font-weight: 700;
		background: #fff;
		border-bottom: 1px solid #d6dbe5;
	}
	.allm26>li>a img {
		margin-top: 3px;
	}
	.allm26>li>a.hsc:after {
		content: '';
		position: absolute;
		right: 25px;
		top: 50%;
		width: 16px;
		height: 10px;
		margin-top: -5px;
		background: url('/images/front/0813_images/moff.png') no-repeat right
			center;
	}
	.allm26>li>a.on:after {
		transform: rotate(180deg);
	}
	.allm26>li>.mchild-depth2 {
		display: none;
		padding: 15px 4% 20px;
		background: #fff;
	}
	.alm-dp2 {
		display: none;
		padding: 20px 25px;
		background: #eef4fc;
		border-bottom: 1px solid #d6dbe5;
	}
	.alm-dp2>li {
		color: #444;
		text-align: left;
	}
	.alm-dp2>li>a {
		padding-left: 12px;
	}
	.alm-dp2>li>a:before {
		width: 5px;
		height: 18px;
		border-radius: 0;
		top: 1px;
		background: #3464d0;
		display: none;
	}
	.alm-dp2>li>a:hover {
		font-weight: 600;
	}
	.alm-dp2>li>a:hover:before {
		display: block;
	}

	/* 폰에서는 앞의 .pc-only 항목이 모두 숨겨져 .lg-o 가 화면상 첫 항목이 되지만,
	   :first-child 는 DOM 순서로 판정되므로 구분선이 홀로 남는다 → 이때만 제거 */
	.header-btn2>li.lg-o {
		padding-left: 0;
		background: none;
	}
}

@media screen and (max-width: 600px) {
	#header-2026 .logo {
		width: 140px;
	}
	.header-btn2.lgd>li {
		display: none;
	}
	.header-btn2.lgd>li.lg-o {
		display: flex;
		padding-left: 0;
		background: none;
	}
}

@media screen and (max-width: 550px) {
	#footer-2026 .logo {
		width: 150px;
	}
	.footer-btn1 {
		height: 38px;
		width: 250px;
		padding: 0 12px;
	}
	.footer-btn1::after {
		width: 20px;
		background-position: right center;
	}
}

@media screen and (max-width: 450px) {
	#footer-2026 .logo {
		width: 110px
	}
	.hd-mbtn {
		gap: 5px;
	}
	.site-tab {
		margin-left: 5px;
	}
	.site-tab>a {
		padding: 3px;
		font-size: 12px;
	}
	.hd-mbtn>a {
		font-size: 12px;
	}
	.mo-mlg {
		gap: 8px;
	}
	.mo-mlg a {
		font-size: 14px;
	}
	.footer-btn1 {
		width: 196px;
		padding: 0 10px;
		font-size: 12px;
		top: -5px;
	}
	.footer-btn1>span {
		display: block;
		word-break: keep-all;
		width: calc(100% - 25px);
	}
	.footer-btn1::after {
		background-size: 16px;
		width: 16px;
	}
}

@media screen and (max-width: 370px) {
	#header-2026 .logo {
		width: 110px;
		line-height: 20px;
	}
	.nuri-area .wid-t p {
		letter-spacing: -1px;
	}
}

/* [수정] 태블릿(≤1024): respon.css #wrap-2026{overflow:hidden}이 헤더 아래로 펼쳐지는 전체메뉴 패널(.allm-wp)을 잘라 안 보이던 문제 → overflow 해제 (헤더는 가로 넘침 없음). ≤767 은 .allm-wp 가 position:fixed 드로어라 무관. */
@media screen and (max-width: 1024px) {
	#wrap-2026 {
		overflow: visible;
	}
}

/* ───────────────────────────────────────────────────────────
 * [B안] 소통 2026 헤더 스크롤 고정 (메인 + 서브) — 원본 퍼블 동작 재현
 * 원인: 헤더 include가 #wrap-2026 를 "헤더만" 감싸고 닫아, sticky 의 컨테이너가
 *       헤더 높이(~190px)뿐 → 조금만 스크롤하면 헤더가 컨테이너를 벗어나 그냥 사라짐.
 * 대응: 소통 2026 페이지(Empty/Frame_v2 body.sot-hd26)에서만 #header-2026 를 fixed 로
 *       바꾸고 #header_gap 으로 헤더 높이만큼 본문을 내림. 스크롤 시 유지되다 350px에서
 *       menu26.js 가 .scroll-down → transform:translateY(-100%) 로 숨김.
 * 범위: 데스크톱(>1360)만. ≤1360 은 헤더가 position:relative(일반흐름)라 무관.
 *       혁신(옛 헤더)·영문(스텁)은 body 클래스가 없어 영향 없음.
 *       서브의 .mt150 는 main_css/common.css 미로드라 무효 → 이중 공백 없음.
 * ※ 190px 가 헤더 실측과 미세하게 어긋나 공백/겹침이 보이면 이 값만 조정. */
@media screen and (min-width: 1361px) {
	/*
	body.sot-hd26 #header-2026 {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
	body.sot-hd26 #header_gap {
		height: 180px;
	}
	*/
	/* 스킵 '본문내용 바로가기' 시 고정헤더 숨겨 배너부터 보이게 (JS가 skip-hd-hide 부여, 다음 스크롤 시 해제) */
	#wrap-2026.skip-hd-hide #header-2026 {
		transform: translateY(-100%);
	}
}
/* 스킵 '메뉴 바로가기' 시 nuri안내줄 + 로그인줄(floor1) 숨기고 메뉴줄(floor2)부터 보이게 (JS가 body.sot-hd26에서 skip-menu-top 부여, 다음 스크롤 시 해제) */
#wrap-2026.skip-menu-top .nuri-area, #wrap-2026.skip-menu-top #header-floor1
	{
	display: none;
}
/* 20260819 update*/
#wrap-2026.sotong.scroll-sdw .header-2026 {
	border-bottom: 1px solid #dadde6
}

.footer-btn1 {
	gap: 4px
}

body.sot-hd26 #header-2026 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0
}

body.sot-hd26 #header_gap {
	height: 190px
}

/*
@media screen and (max-width: 1360px) {
	body.sot-hd26 #header_gap { height: 160px }
}
*/

/* 20260826 pub update */
.nuri-area .wid-t {
	display: flex;
	justify-content: space-between
}

.hd-mbtn-area {
	text-align: right;
	margin-left: auto
}

.hd-mbtn-area .tml {
	display: inline-block;
	font-size: 14px;
	line-height: 26px;
	padding: 0 7px;
	border-radius: 15px;
	color: #3464d0;
	background: #f3f4f6;
	margin-bottom: 18px
}

.hd-mbtn-area .tml span {
	text-align: center !important;
	color: #3464d0;
}

.hd-mbtn-area .tml span.tm {
	font-weight: 500
}

.hd-mbtn-area .tml span.ic_timer {
	padding-left: 14px;
	background: url(/images/front/common/ic_timer.png) left center no-repeat;
}

.hd-mbtn {
	display: flex;
	gap: 38px;
	row-gap: 18px;
	margin: 0;
}

.hd-mbtn.log {
	gap: 16px
}

.hd-mbtn.log>i {
	height: 14px;
	background: #d1d6e1;
	width: 1px;
	margin: auto
}

#header-2026 .hd-mbtn > a {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 18px;
	font-weight: 500;
	color: #202020
}
#header-2026 .hd-mbtn > a.menu-sw { display:none }

#header-2026 .hd-mbtn>a.n-ic {
	padding-left: 0
}

#header-2026 .hd-mbtn>a.n-ic:before {
	content: none
}
.hd-mbtn>a:before {
	width: 22px;
	height: 22px;
	margin: 0;
	background-size: 22px;
}

#gnb-2026 li { flex: 1 }

#gnb-2026>li>a { justify-content: center; height: 58px; position: relative; text-indent:10px; transition:.2s; }
#gnb-2026>li>a:after { transition:.2s }
#gnb-2026>li>a:hover:after { transform:rotate(180deg) }
.header-menu { width: 100% }
.allm-wp { padding: 0 }
.allm-wid { max-width: 1200px }
.allm26 { gap: 0 }
.allm26>li>a { display: none }
.hd-mbtn>a.m_show { display: none !important }
.Search-ShowBox1 { box-shadow: 0 8px 5px 5px rgba(0, 0, 0, 0.1) }
.Search-ShowBox1>.wid {
	width: 1200px;
	max-width:calc(100% - 30px);
	position: relative;
	display: flex;
	justify-content: center
}
.Search-ShowBox1>.wid>.Search-input01 { width: calc(100% - 30px); max-width: 495px }
.Search-ShowBox1>.wid>.Search-close1 {
	left: auto;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}
@media screen and (max-width: 1024px) {
	.header-menu-ct { display: none }
	body.sot-hd26 #header_gap { height:131px }
	.hd-mbtn-area .tml { justify-content: flex-end; margin-bottom:4px }
	#header-2026 .hd-mbtn-area > .hd-mbtn.log > a.m_hide, #header-2026 .hd-mbtn-area > .hd-mbtn.log > i { display:none } 
	#header-2026 .hd-mbtn { gap: 16px; justify-content: flex-end }
	#header-2026 .hd-mbtn > a { display:flex; flex-direction:column; font-size:14px; font-weight:500 }
	#header-2026 .hd-mbtn > a.join-sw,
	#header-2026 .hd-mbtn > a.login-sw,
	#header-2026 .hd-mbtn > a.mypage { display:none }
	#header-2026 .hd-mbtn > a.menu-sw { display:flex }
	.hd-mbtn > a:before { width:28px; height:28px; background-size:28px; }
	.hd-mbtn >.search-sw:before { background-size:28px }
	.allm-wp { position: fixed; left: auto; right: 0; top: -1px; bottom: 0; width: 90%; max-width: 380px; padding: 0; overflow-y: auto; }
	.allm-wid { display: flex; flex-direction: column; height: 100%; }
    .mo-mntp { display: block; }
    .allm26 { display: block; background: #fff;flex-grow: 1;    }
    .allm26 > li { width: 100%; }
    .allm26 > li > a { display: block; padding: 16px 20px; font-size: 21px; line-height: 26px; font-weight: 600; background: #fff; border-bottom: 1px solid #d6dbe5 }
    .allm26 > li > a.hsc:after { content:''; display:inline-flex; background:url(/images/front/0813_images/hd-nav-arw.png) center no-repeat; width:14px; height:9px; position:absolute; right:30px; top:0; bottom:0; margin:auto; opacity:.6 }
    .allm26 > li > a.hsc.on { font-weight:600 }
    .allm26 > li > a.hsc.on:after { transform:rotate(180deg); opacity:1 }
    .allm26 > li > a:before { content:none }
    .alm-dp2 { display: none; padding: 20px 25px; background: #eef4fc; border-bottom: 1px solid #d6dbe5 }
    .alm-dp2 > li { color: #444; text-align: left }
    .alm-dp2 > li > a { padding-left: 12px }
}
@media screen and (max-width: 769px) {
	.Search-ShowBox1 { padding: 52px 0 20px }
	.Search-ShowBox1 > .wid { width: calc(100% - 40px) }
	.Search-ShowBox1 > .wid > .Search-close1 { top: -45px; bottom: inherit; margin: auto }
	.Search-ShowBox1 > .wid > .Search-input01 { width:calc(100% - 60px); margin-left:-30px }
}
@media screen and (max-width: 480px) {
	#header-floor2>.wid-box { display: flex; flex-direction: column-reverse; justify-content: center; align-items: flex-start  	}
	.site-tab { margin-left:0; margin-bottom:8px; margin-top:4px; }
	.site-tab > a { padding: 2px 6px; font-size:15px;	}
}