@charset "UTF-8";
.dm-menu {
}

.dm-hidden {
    display: none !important
}

.dm-menu {
    color: #333;
    /*background: #fff;*/
    padding: 0;
    position: relative
}

.dm-menu a,
.dm-menu div,
.dm-menu li,
.dm-menu span,
.dm-menu ul {
    color: inherit;
    box-sizing: border-box;
    /*display: block*/
}

.dm-menu a, .dm-menu li, .dm-menu span, .dm-menu ul {
    position: relative
}

.dm-menu a {
    text-decoration: none
}

.dm-menu li, .dm-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.dm-menu > ul:after {
    content: '';
    display: block;
    clear: both
}

.dm-menu_align-right > ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.dm-menu_align-center > ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dm-menu_align-justify > ul {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.dm-menu_align-justify > ul > li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.dm-menu_border > ul {
    border-bottom: 5px solid #54b4eb;
    border-bottom-width: var(--dm-menu-border-width);
    border-bottom-color: var(--dm-menu-border-color)
}

.dm-menu_logo > ul {
    padding-left: var(--dm-logo-width)
}

.dm-menu_logo > a, .dm-menu_logo > span {
    background: none left center/contain no-repeat transparent;
    background-origin: content-box;
    display: block;
    width: var(--dm-logo-width);
    padding: 5px 10px 5px 10px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1
}

.dm-menu:not(.dm-menu_logo) > a, .dm-menu:not(.dm-menu_logo) > span {
    display: none
}

.dm-menu > ul > li > a, .dm-menu > ul > li > span {
    height: var(--dm-menu-height);
    padding-top: calc((var(--dm-menu-height) - 20px) / 2);
    padding-bottom: calc((var(--dm-menu-height) - 20px) / 2);
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    z-index: 0
}

.dm-menu > ul > li:hover > a, .dm-menu > ul > li:hover > span {
    z-index: 2
}

.dm-item_align-right {
    float: right;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.dm-menu_item-bg > ul > li.dm-selected > a, .dm-menu_item-bg > ul > li.dm-selected > span {
    background: #54b4eb;
    background: var(--dm-item-current-bg);
    color: #eee;
    color: var(--dm-item-current-color)
}

.dm-menu_item-bg > ul > li:hover > a, .dm-menu_item-bg > ul > li:hover > span {
    background: dm_item_hover_bg;
    background: var(--dm-item-hover-bg);
    color: #333;
    color: var(--dm-item-hover-color)
}

.dm-menu_item-border > ul > li > a:after, .dm-menu_item-border > ul > li > span:after {
    content: '';
    display: block;
    height: var(--dm-menu-border-width);
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px
}

.dm-menu_item-border > ul > li.dm-selected > a:after, .dm-menu_item-border > ul > li.dm-selected > span:after {
    background: var(--dm-item-current-bg)
}

.dm-menu_item-border > ul > li:hover > a:after, .dm-menu_item-border > ul > li:hover > span:after {
    background: var(--dm-item-hover-bg)
}

.dm-menu_item-border > ul > li:not(.dm-item_submenu-fullwidth) > ul {
    margin-left: 20px;
    margin-right: 20px
}

.dm-menu_item-border.dm-menu_border > ul > li > a:after, .dm-menu_item-border.dm-menu_border > ul > li > span:after {
    bottom: calc(0px - var(--dm-menu-border-width))
}

.dm-menu_item-border.dm-menu_border > ul > li > ul {
    top: calc(100% + var(--dm-menu-border-width))
}

.dm-item_icon-only > a > [class*=fa-], .dm-item_icon-only > span > [class*=fa-], .dm-item_icon-text > a > [class*=fa-], .dm-item_icon-text > span > [class*=fa-] {
    font-size: 120%
}

.dm-item_icon-text > a > [class*=fa-], .dm-item_icon-text > span > [class*=fa-] {
    margin-right: 4px;
    vertical-align: text-top
}

.dm-menu > ul > .dm-item_icon-only > a, .dm-menu > ul > .dm-item_icon-only > span {
    padding-left: 10px;
    padding-right: 10px
}

.dm-menu > ul > .dm-item_icon-only > a:before, .dm-menu > ul > .dm-item_icon-only > span:before {
    content: none;
    display: none
}

.dm-menu_item-border > ul > .dm-item_icon-only:hover > a:after, .dm-menu_item-border > ul > .dm-item_icon-only:hover > span:after {
    left: 5px;
    right: 5px
}

.dm-menu_item-border > ul > .dm-item_icon-only:hover > ul {
    margin-left: 5px;
    margin-right: 5px
}

.dm-menu_item-subindicator > ul > .dm-item_parent > a:before, .dm-menu_item-subindicator > ul > .dm-item_parent > span:before {
    content: '';
    border: 3px solid transparent;
    border-top: 4px solid #333;
    opacity: .3;
    display: block;
    width: 0;
    height: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    right: 10px
}

.dm-menu li ul {
    display: none
}

.dm-menu:not(.dm-menu_submenu) li ul {
    display: none !important
}

#header_pc .gnb .dm-menu_submenu li ul {
    background: #fff;
    white-space: nowrap;
    position: absolute;
    z-index: 10;
    border: 1px solid #ddd;
    border-top: 0;
    top: 37px;
    padding: 0;
}
#header_pc .gnb  li.dm-menu_submenu ul li,
#header_pc .gnb  li.dm-menu_submenu ul li a{
    width: 100%;
    display: inline-block;
}
.dm-menu_submenu li.dm-item_submenu-overflow:hover > ul {
    display: block !important;
    opacity: 100% !important;
}

.dm-menu_submenu > ul > li > ul {
    top: 100%;
    left: 0;
    z-index: 10;
}

.dm-item_submenu-align-right > ul {
    left: auto !important;
    right: 0
}

.dm-subitem_submenu-align-right > ul {
    left: auto !important;
    right: 100%
}

.dm-menu_submenu-arrow > ul > .dm-item_parent:hover > a:after, .dm-menu_submenu-arrow > ul > .dm-item_parent:hover > span:after {
    content: '';
    background: 0 0;
    border: 8px solid transparent;
    border-bottom-color: var(--dm-submenu-bg);
    display: block;
    width: 0;
    height: 0;
    margin-left: -8px;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 2
}

.dm-menu_submenu-arrow > ul > .dm-item_submenu-tabs:hover > a:after, .dm-menu_submenu-arrow > ul > .dm-item_submenu-tabs:hover > span:after {
    border-bottom-color: var(--dm-submenu-tabs-bg)
}

.dm-menu_submenu-arrow.dm-menu_submenu-border > ul > .dm-item_parent:hover > a:after, .dm-menu_submenu-arrow.dm-menu_submenu-border > ul > .dm-item_parent:hover > span:after {
    bottom: calc(0px - var(--dm-menu-border-width))
}

.dm-menu_submenu-border > ul > li > ul {
    border-top: 5px solid #ccc;
    border-top-color: var(--dm-item-hover-bg);
    border-top-width: var(--dm-menu-border-width)
}

.dm-item_submenu-fullwidth {
    position: static !important
}

.dm-item_submenu-fullwidth > ul {
    margin-left: 0;
    margin-right: 0;
    right: 0;
    /*top: calc(100% - $dm_menu_padding_bottom)*/
}

.dm-subitem_submenu-inline > div[style*=background-image] {
    background-size: cover;
    background-position: center center;
    display: block;
    height: 150px;
    margin-bottom: 10px
}

.dm-menu li .dm-subitem_submenu-inline > a, .dm-menu li .dm-subitem_submenu-inline > span {
    font-weight: 700
}

.dm-menu li .dm-subitem_submenu-inline > ul {
    background: 0 0 !important;
    box-shadow: none !important;
    display: block !important;
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    position: static !important
}

.dm-menu li .dm-subitem_submenu-inline > ul > li {
    border-top: none !important
}

.dm-menu li .dm-subitem_submenu-inline > ul > li > a, .dm-menu li .dm-subitem_submenu-inline > ul > li > span {
    padding: 5px 10px 5px 10px
}

.dm-menu li .dm-subitem_submenu-inline > ul > li > a:before, .dm-menu li .dm-subitem_submenu-inline > ul > li > span:before {
    content: '›';
    display: inline-block;
    margin-right: 5px
}

.dm-item_submenu-mega > ul > li {
    border-top: none !important
}

.dm-item_submenu-mega > ul > li + li {
    padding-left: 10px
}

.dm-item_submenu-mega:hover > ul {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.dm-item_submenu-mega:hover > ul > li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dm-menu_submenu-shadow li ul {
    box-shadow: var(--dm-submnu-boxshadow)
}

.dm-item_submenu-tabs > ul:after {
    content: '';
    background: var(--dm-submenu-tabs-bg);
    display: block;
    width: calc(25% + 5px);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1
}

.dm-item_submenu-tabs > ul > li {
    width: 25%;
    box-shadow: border-box;
    position: static
}

.dm-item_submenu-tabs > ul > li > ul {
    box-shadow: none;
    top: 0;
    left: calc(25% + 5px);
    right: 0
}

.dm-item_submenu-tabs > ul > li.dm-selected > a, .dm-item_submenu-tabs > ul > li.dm-selected > span, .dm-item_submenu-tabs > ul > li:hover > a, .dm-item_submenu-tabs > ul > li:hover > span {
    background: var(--dm-submenu-bg) !important
}

.dm-item_submenu-tabs > ul > li.dm-selected > ul, .dm-item_submenu-tabs > ul > li:hover > ul {
    display: block
}

.dm-item_submenu-tabs > ul > li.dm-selected.dm-item_submenu-mega > ul, .dm-item_submenu-tabs > ul > li:hover.dm-item_submenu-mega > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.dm-item_submenu-tabs > ul > li.dm-selected.dm-item_submenu-mega > ul > li, .dm-item_submenu-tabs > ul > li:hover.dm-item_submenu-mega > ul > li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dm-menu li li.dm-item_submenu-overflow a,
.dm-menu li li.dm-item_submenu-overflow span {
    padding: 10px 10px 10px 10px
}

.dm-menu_subitem-bg li li.dm-selected > a, .dm-menu_subitem-bg li li.dm-selected > span, .dm-menu_subitem-bg li li:hover > a, .dm-menu_subitem-bg li li:hover > span {
    background-color: var(--dm-subitem-hover-bg)
}

.dm-menu_subitem-bg .dm-item_submenu-mega > ul > li:hover > a, .dm-menu_subitem-bg .dm-item_submenu-mega > ul > li:hover > span, .dm-menu_subitem-bg .dm-subitem_submenu-inline:hover > a, .dm-menu_subitem-bg .dm-subitem_submenu-inline:hover > span {
    background: 0 0
}

.dm-menu_subitem-bg .dm-item_submenu-mega > ul > li > a[href]:hover, .dm-menu_subitem-bg .dm-subitem_submenu-inline > a[href]:hover {
    background-color: var(--dm-subitem-hover-bg)
}

.dm-menu_subitem-border li li {
    border-top: 1px solid var(--dm-subitem-border)
}

.dm-menu_subitem-border li li:first-child {
    border-top: none
}




/*추가*/
#header_pc .gnb ul li:hover a .border_span:after{}
#header_pc .gnb .dm-item_submenu-overflow > span{}
#header_pc .gnb .dm-item_submenu-overflow > span{
    padding: 17px 20px 18px;
}

#header_pc .gnb ul.gnb_ul .dm-menu li{
    padding:0;
}
#header_pc .dm-menu_submenu li.dm-item_submenu-overflow li:hover,
#header_pc .dm-menu_submenu li.dm-item_submenu-overflow li.dm-item_parent:hover{
    background:rgba(0,0,0,0.1);
}
#header_pc .dm-menu_submenu li.dm-item_submenu-overflow li.dm-item_parent:hover > ul {
    display: block !important;
    opacity: 100% !important;
    overflow: hidden;
    transform: none;
    top: 0;
    left: -100%;
    width: 100%;
    /*min-width: 160px;
    white-space: normal;*/
    padding: 15px 0px;
}
#header_pc .dm-menu_submenu li.dm-item_submenu-overflow li.dm-item_parent:hover > ul li{
    line-height: 1;
    float: left;
}
#header_pc .dm-menu_submenu li.dm-item_submenu-overflow li.dm-item_parent:hover > ul li a{
    padding:8px 10px;
    white-space: normal;
    display: inline-block;
    width: 100%;
    text-align: center;
}
#header_pc .dm-menu_submenu li.dm-item_submenu-overflow li.dm-item_parent:hover > ul li a span{
    font-size: 14px;
}
#header_pc .gnb .dm-menu li.dm-item_submenu-overflow > ul{
    padding-top: 30px;
    padding-bottom:30px;
    left: 50%;
    transform: translateX(-50%);
}
#header_pc .gnb .dm-menu li.dm-item_submenu-overflow li{
    width: 100%;
    float: left;
    /*display: inline-block;*/
}
#header_pc .gnb .dm-menu li.dm-item_submenu-overflow li a{
    display: inline-block;
    padding: 6px 30px;
    width: 100%;
    text-align: center;
}
#header_pc .gnb .dm-menu li.dm-item_submenu-overflow li a span{
    font-weight: 400;
    font-size: 14px;

}
#header_pc .gnb .dm-item_submenu-overflow .border_span{
    padding: 0 0px;
    display: inline-block;
    width: 100%;
}
#header_pc .gnb .dm-item_submenu-overflow .border_span:after{
    display: none;
}

#header_pc .gnb .gnb_ul li.dm-item_submenu-overflow ul.ol{
    border-top: 1px solid #ddd;
}