@charset "utf-8";

/*header*/
.header-wrapper:after {
display: block;
content: "";
clear: both;
}

.header {
float: left;
}
.header * {
margin: 0;
padding: 0;
}

.header ul,
.header ol {
list-style: none;
}

.header {
width: 750px;
height: 85px;
margin: 0 auto;
/*padding-top: 10px;*/
}

.header:after {
content: "";
clear: both;
display: block;
}

.header .util-menu {
float: right;
}

.header .util-menu li {
float: left;
}

.header h1 {
float: left;
padding-top: 10px;
}

.header .gnb {
list-style: none;
float: left;
padding-top: 10px;
font-family: 'dotum';
letter-spacing: -1px;
}

.header .gnb>li {
position: relative;
float: left;
list-style: none;
}

.header .gnb>li>a {
display: block;
padding: 10px 20px;
box-sizing: border-box;
font-size: 14px;
color: #333;
font-weight: bold;
}

.header .gnb>li:hover>a,
.header .gnb>li>a.active {
text-decoration: none;
color: #00afd7;
}

.header .gnb>li:nth-of-type(1) .dp2 {
width: 458px;
}

.header .gnb>li:nth-of-type(2) .dp2 {
width: 209px;
}

.header .gnb>li:nth-of-type(3) .dp2 {
width: 139px;
}

.header .gnb>li:nth-of-type(4) .dp2 {
width: 345px;
}

.header .gnb>li:nth-of-type(5) .dp2 {
width: 300px;
}
.header .gnb>li:nth-of-type(6) .dp2 {
width: 175px;
}
.header .gnb>li:nth-of-type(7) .dp2 {
width: 267px;
}

.header .gnb>li:hover>.dp2 {
display: block;
}

.header .gnb .dp2 {
list-style: none;
position: absolute;
top: 30px;
left: 0;
display: none;
/* border: 1px solid #ccc;*/
font-family: 'dotum';
/*background: #fff;*/
background: rgba(255,255,255,0.6);
font-weight: 400;
}
.header .gnb .dp2:last-child {
/*	left: -90px;*/
	left: 10px;
}
.header .gnb .dp2:after {
content: "";
display: block;
clear: both;
}

.header .gnb .dp2>li>a {
float: left;
padding: 5px 10px;
/* border-right: 1px solid #ccc;*/
}

.header .gnb .dp2>li:last-child>a {
border-right: none;
}

.header .gnb .dp2>li:hover>a,
.header .gnb .dp2>li>a.active {
color: #fff;
background: #00afd7;
text-decoration: none;
}