@charset "UTF-8";

header#header {
	box-sizing:border-box;
	margin: 0 auto;
   background:rgba(255,255,255,1.0);
	text-align: center;
	padding:20px 0; /* 메뉴 위치 */
}
a#title {
	display: none;
	font-size:15px;
}
div#wrap {
	position: relative;
}
div#slide_bg {
	display: none;
	position: fixed;
	top: 0;
	left: -100%;
	height:100%;
	width: 100%;
	background-color: rgba(255,255,255,1.0); /* 모바일 배경 */
	z-index: 1;
}
div#slide_menu { /* 모바일 메뉴 펼쳐짐*/
	display: none;
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	margin-left: +300px;
	height:100%;
	padding-top: 80px;
	background-color: #fff;
	z-index: 1;
}
a#close_btn { /* 모바일 닫기 버튼 */
	position: absolute;
	top: 28px;
	right: 55px;
	width: 40px;
	height: 40px;
}

ul.m_nav { margin:0 0 0;  }

ul.nav_main {
	text-align: center;
	list-style: none;
	padding-left: 0;
}
ul.m_nav_sub {
	display: none;
}
.m_nav_title a {
	display: inline-block;
	width: 100%;
	padding:10px 20px;
	font-size:18px;
	font-weight:500;
	text-align:left;
}
ul.m_nav_sub {
	background-color:#ededed;
	padding:6px 0;
}
ul.m_nav_sub li a {
	font-size:15px;
	padding:5px 20px;
	text-align:left; /* 모바일 2차 서브메뉴 */
}
div#content {
 max-width:;
 height:;
 background-color: #;
}
div#burgerbtn { /* 모바일 삼선메뉴*/
	display: none;
	position: absolute;
	top: 50px;
	right: 5%;
	width: 30px;
	height: 22px;
	cursor: pointer;
	color:#fff;
}


 @media screen and (max-width: 1100px) {

.pc_nav { display:none; }

div#burgerbtn { /* 모바일 삼선메뉴*/
	display: block;
	position: absolute;
	padding:0;
	top:30px;
	right: 5%;
	cursor: pointer;
	color:#000;
}

a#close_btn { /* 모바일 닫기 버튼 */
	position: absolute;
	top: 22px;
	right: 5%;
	width: 40px;
	height: 40px;
}

div#slide_menu {
	display: block;
	z-index: 9;
	height: 100%;
	max-height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	
	/* 파이어폭스 스크롤바 제거 */
	scrollbar-width: none;
	/* IE 및 구버전 엣지 스크롤바 제거 */
	-ms-overflow-style: none;
}

/* 크롬, 사파리, 신형 엣지, 오페라 스크롤바 제거 */
div#slide_menu::-webkit-scrollbar {
	display: none;
}

div#slide_bg {
	display: block;
}

ul.m_nav { margin: 5%; }

.m_nav_title a {
	display: inline-block;
	width: 100%;
	padding:15px 0;
	font-size:1.3rem;
	font-weight:600;
	color:#333;
	letter-spacing:0;
	text-align:left;
}
ul.m_nav_sub {
	background-color:#ededed; 
	padding:10px 0; border-radius:10px; 
}
ul.m_nav_sub li a {
	display:block;
	font-size:1.2rem;
	font-weight:500;
	padding:10px 25px;
	letter-spacing:0;
	text-align:left; /* 모바일 2차 서브메뉴 */
}
div#tel {
	border-top:1px solid #dedede;
	margin:0 5%;
	padding:30px 0;
}
div#tel span { display:block; margin:20px 0 0; width:100%; }
div#tel h1 {
	display:block;
	margin:10px 0 0;
	font-size:1.0em;
	font-weight:600;
}
div#tel h2 {
	display:block;
	margin:0;
}
div#tel h2 a {
	display:block;
	margin:0 0;
	font-size:1.5rem;
	color:#457be8;
	letter-spacing:0;
}
div#tel h3 {
	display:block; font-size:1.0em; color:#222;
}
div#tel p {
	display:block;
	margin:2px 0 0;
	font-size:1.0em;
	line-height:1.7em;
}

}


 @media screen and (max-width: 767px) {
#all_menu {
	display:none;
}
ul.nav_main {
	display: none;
}
a#title {
	display: none;
}
div#burgerbtn { /* 모바일 삼선메뉴*/
	display: block;
	position: absolute;
	padding:0;
	top:20px;
	right: 10px;
    width:;
    height:;
	cursor: pointer;
	color:#000;
}

a#close_btn { /* 모바일 닫기 버튼 */
	position: absolute;
	top: 11px;
	right: 30px;
	width: 40px;
	height: 40px;
}

#slide_menu { /* 모바일 메뉴 펼쳐짐*/
	display: none;
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100%;
	padding-top: 60px;
	background-color: #fff; /* 배경을 흰색 불투명으로 유지 */
	z-index: 9;           /* ★ 헤더(10) 및 로고(9)보다 훨씬 높은 값으로 수정 */
	box-sizing: border-box;
	max-height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}

div#slide_bg {
	display: block;
}

ul.m_nav { margin:0 0 0;  }

.m_nav_title a {
	display: inline-block;
	width: 100%;
	padding:15px 30px;
	font-size:1.3rem;
	font-weight:600;
	color:#333;
	letter-spacing:0;
	text-align:left;
}
ul.m_nav_sub {
	background-color:#ededed; margin: 0 20px;
	padding:10px 0; border-radius:10px; 
}
ul.m_nav_sub li a {
	display:block;
	font-size:1.2rem;
	font-weight:500;
	padding:10px 25px;
	letter-spacing:0;
	text-align:left; /* 모바일 2차 서브메뉴 */
}
div#tel {
	border-top:1px solid #dedede;
	margin:10px 30px;
	padding:10px 0;
}
div#tel span { display:block; margin:10px 0 0; width:100%; }
div#tel h1 {
	display:block;
	margin:10px 0 0;
	font-size:1.0em;
	font-weight:600;
color:#;
	letter-spacing:-0.5px;
}
div#tel h2 {
	display:block;
	margin:0;
}
div#tel h2 a {
	display:block;
	margin:0 0;
	font-size:1.3rem;
	color:#457be8;
	letter-spacing:0;
}
div#tel h3 {
	display:block; font-size:1.0em; color:#222;
}
div#tel p {
	display:block;
	margin:2px 0 0;
	font-size:0.9em;
	line-height:1.5em;
}
}

/* 모바일 어두운 배경(.is-dark)일 때 삼선 메뉴 이미지 흰색 처리 */
#header.is-dark #burgerbtn img {
    filter: brightness(0) invert(1) !important;
}

/* 모바일 슬라이드 메뉴가 열렸을 때 로고 블랙으로 고정 */
#header.mobile-opened .logo img {
    content: url('../images/logo.png') !important;
}