@charset 'utf-8';

.font {
	font-family: 'Noto Sans KR', sans-serif;
}

* {
	box-sizing: border-box;
}

* {
	padding: 0;
	margin: 0;
	color: #333;
	font-family: 'Noto Sans KR', '맑은 고딕', sans-serif;
}

body,header,footer {
	padding: 0;
	margin: 0;
}

header,section,footer,div,p,ul,ol,li,
#wrap {
	display: block;
}

img {
	border: none;
	vertical-align: top;
}

li {
	list-style-type: none;
}

a:link,
a:visited {
	text-decoration: none;
	color: #333;
}

a:hover,
a:focus {
	/*outline:none;*/
}

.over_hi{
	overflow: hidden;
}

.header {
  width:100%;
}

.header_wrap {
  max-width:100%;
  position:relative;
  margin:0 auto;
  height:85px;
}

/* logo */
.header_logo h1 {
  width:150px;
  height:70px;
  position:absolute;
  top:17px;
  margin-left:10px;
}
.header_logo img {
  max-width:100%;
}

/* all_btn */
.all_btn {
  position:absolute;
  top:35px;
  right:15px;
  width:30px;
  height:30px;
  cursor:pointer;
}
.all_btn span {
  display:block;
  width:30px;
  height:1.5px;
  background-color:#000;
}
.all_btn span:nth-child(1) {
  position:absolute;
  top:0px;
  right:0px;
  transition-duration:0.2s;
}
.all_btn span:nth-child(2) {
  position:absolute;
  top:8px;
  right:0px;
  transition-duration:0.2s;
}
.all_btn span:nth-child(3) {
  position:absolute;
  top:16px;
  right:0px;
  transition-duration:0.2s;
}

/* click_class */
.all_btn.on span:nth-child(1) {
  top:8px;
  transform:rotate(45deg);
  background-color:#333;
}
.all_btn.on span:nth-child(2) {
  opacity:0;
}
.all_btn.on span:nth-child(3) {
  transform:rotate(-45deg);
  top:8px;
  background-color:#333;
}

/* nav_list */
.nav {
  width:100%;
  display:none;
  position:relative;
  top:85px;
}
.nav.on {
  display:block;
}
.nav_menu {
  width:100%;
  position:relative;
  z-index:99999;
}
.nav_menu > li {
  width:100%;
  height:auto;
  background-color:#333;
  border-bottom:1px solid #f6f6f6;
  cursor:pointer;
}
.nav_menu > li:last-child {
  border-bottom:none;
}
.nav_menu > li a {
  display:block;
  padding:10px 0px 10px 25px;
  font-size:16px;
  font-weight:400;
  color:#fff;
  letter-spacing:-0.6px;
}
.nav_menu > li p {
  font-size:16px;
  color:#fff;
  display:block;
  padding:10px 0px 10px 25px;
}
.nav .nav_qna p span {
  display:inline-block;
  letter-spacing:-0.6px;
}
.nav .nav_qna p span:nth-child(1){
  font-weight:400;
  letter-spacing:-0.75px;
  margin-right:5px;
}
.nav .nav_qna p span:nth-child(2){
  color:#ef4d16;
  font-weight:bold;
  letter-spacing:-0.75px;
}

/* nav_sub */
.sub_menu {
  display:none;
}
.sub_menu.active {
  display:block;
}

.sub_menu {
  width:100%;
  position:relative;
  z-index:999999;
  display:block;
  height:auto;
  background-color:#fff;
  display:none;
}

.sub_menu > li {
  width:100%;
  background-color:#f7f7f7;
  border-bottom:1px solid rgba(246,246,246,0.5);
  cursor:pointer;
}
.sub_menu > li:last-child {
  border-bottom:none;
}
.sub_menu > li a {
  color:#333;
  font-size:16px;
  padding:10px 0px 10px 25px;
}