@charset "utf-8";
/* CSS Document */

/* common */
.gnb_wrap ul {height: 0; overflow: hidden;}
.gnb_wrap .active > ul {height: auto;}

/* 1depth */
.gnb_wrap > li {font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; border-bottom: 1px solid #edf1f3;}
.gnb_wrap > li:first-child {border-top: 1px solid #edf1f3;}
.gnb_wrap .gnb_dashboard {background: url("../img/gnb_dashboard.png") no-repeat 25px center;}
.gnb_wrap .gnb_member {background: url("../img/gnb_member.png") no-repeat 25px center;}
.gnb_wrap .gnb_site {background: url("../img/gnb_site.png") no-repeat 25px center;}
.gnb_wrap .gnb_board {background: url("../img/gnb_board.png") no-repeat 25px center;}
.gnb_wrap .gnb_statistics {background: url("../img/gnb_statistics.png") no-repeat 25px center;}
.gnb_wrap > li > a{display: block; padding-top: 15px; padding-bottom: 15px; padding-right: 20px; padding-left: 25px;}
.gnb_wrap > li > a > span{display: block; padding-left: 25px;}

/* 1depth - Active */
.gnb_wrap > li.active {background-color: #e6ebee;}
.gnb_wrap > li.active:hover {background-color: #e6ebee;}
.gnb_wrap > li.active .gnb_dashboard {background-image: url("../img/gnb_dashboard_h.png");}
.gnb_wrap > li.active .gnb_member {background-image: url("../img/gnb_member_h.png");}
.gnb_wrap > li.active .gnb_site {background-image: url("../img/gnb_site_h.png");}
.gnb_wrap > li.active .gnb_board {background-image: url("../img/gnb_board_h.png");}
.gnb_wrap > li.active .gnb_statistics {background-image: url("../img/gnb_statistics_h.png");}
.gnb_wrap > li.active > a > span {color: #01a9da; font-weight: 500;}
.gnb_wrap > li.active > ul {height: auto;}

/* 1depth - hover */
.gnb_wrap > li:hover > ul{background-color: #e6ebee;}
.gnb_wrap > li:hover .gnb_dashboard {background-image: url("../img/gnb_dashboard_h.png");}
.gnb_wrap > li:hover .gnb_member {background-image: url("../img/gnb_member_h.png");}
.gnb_wrap > li:hover .gnb_site {background-image: url("../img/gnb_site_h.png");}
.gnb_wrap > li:hover .gnb_board {background-image: url("../img/gnb_board_h.png");}
.gnb_wrap > li:hover .gnb_statistics {background-image: url("../img/gnb_statistics_h.png");}
.gnb_wrap > li:hover > a > span {color: #01a9da;}

/* 2depth */
.gnb_wrap > li > ul {height: 0; overflow: hidden;}
.gnb_wrap > li > ul > li {font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; border-top: 1px solid #e0e7ea;}
.gnb_wrap > li > ul > li > a{display: block; padding-top: 15px; padding-bottom: 15px; padding-right: 20px; padding-left: 25px;}
.gnb_wrap > li > ul > li > a > span{display: block; padding-left: 25px;}
/* 2depth - active */
.gnb_wrap > li > ul > li.active > a > span {font-weight: 500;}
/* 2depth - hover */
.gnb_wrap > li > ul > li:hover > a > span {font-weight: 500;}


/* 3depth */
.gnb_wrap > li > ul > li > ul > li {font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; border-top: 1px solid #e0e7ea;}
.gnb_wrap > li > ul > li > ul > li > a{display: block; padding-top: 15px; padding-bottom: 15px; padding-right: 20px; padding-left: 25px;}
.gnb_wrap > li > ul > li > ul > li > a > span{display: block; padding-left: 40px;}
/* 3depth - active */
.gnb_wrap > li > ul > li > ul > li.active > a > span {font-weight: 500;}
/* 3depth - hover */
.gnb_wrap > li > ul > li > ul > li:hover > a > span {font-weight: 500;}

/* 1, 2depth Active Dot */
.gnb_wrap .active_txt {background: url("../img/gnb_active_dot.png") no-repeat right center; padding-right: 15px;}