/*main common*/
@media all and (min-width:1024px) {
.gnb ul.mgnbmemulist {display: inline-block; position: absolute; width: 500px; top: 90px; right: 0;}
.gnb ul.mgnbmemulist li {display:block; float: left; font-size:16px; line-height:16px; margin:10px; padding:0;}
.gnb ul.mgnbmemulist li a.dp1 {display:block; font-size:16px; font-weight: bold; line-height:16px; color:#ffffff; padding:0 0 10px 0; text-decoration:none; text-shadow: 1px 1px 1px #000000;}
.gnb ul.mgnbmemulist li a.dp1:hover {color: #000000; text-shadow: 1px 1px 1px #ffffff;}
.gnb ul.mgnbmemulist li.on a.dp1 {}
.gnb ul.mgnbmemulist li.active a.dp1 {}
.gnb ul.mgnbmemulist li.last {border-bottom:none;}
}

@media all and (min-width:760px) and (max-width:1023px) {
.gnb ul.mgnbmemulist ul.gnbmemulist {display: inline-block; position: absolute; width: 280px; top: 30px; right: 0;}
.gnb ul.mgnbmemulist li {display:block; float: left; font-size:15px; line-height:15px; margin:10px; padding:0;}
.gnb ul.mgnbmemulist li a.dp1 {display:block; font-size:15px; font-weight: bold; line-height:18px; color:#ffffff; padding:0 0 10px 0; text-decoration:none; text-shadow: 1px 1px 1px #000000;}
.gnb ul.mgnbmemulist li a.dp1:hover {color: #000000; text-shadow: 1px 1px 1px #ffffff;}
.gnb ul.mgnbmemulist li.on a.dp1 {}
.gnb ul.mgnbmemulist li.active a.dp1 {}
.gnb ul.mgnbmemulist li.last {border-bottom:none;}
}

@media only screen and (max-width : 759px) {
.gnb ul.mgnbmemulist ul.gnbmenulist {display: block;}
.gnb ul.mgnbmemulist li {display:block; width:263px; font-size:16px; line-height:16px; margin:0 0 0 15px; padding:0 0 20px 0; background:#fff; border-bottom:1px solid #ccc;}
.gnb ul.mgnbmemulist li a.dp1 {display:block; font-size:18.5px; line-height:18.5px; color:#333; padding:20px 0 0 0; text-align:left; text-decoration:none;}
.gnb ul.mgnbmemulist li a.dp1:hover {}
.gnb ul.mgnbmemulist li.on a.dp1 {}
.gnb ul.mgnbmemulist li.active a.dp1 {}
.gnb ul.mgnbmemulist li.last {border-bottom:none;}
}