/* 레이아웃 CSS */
#header {border-bottom: 1px solid #DCDCDC !important;box-shadow: none;padding-bottom: 20px;}
.gnb_wrap .inner {max-width:1440px;display: grid; grid-template-columns: auto 1fr auto; align-items: center; padding-left: 20px; padding-right: 20px; column-gap: 30px; }
.gnb_wrap .logo_wrap {float: none; margin-right: 0;}
.gnb_wrap nav {float: none;}
.gnb_wrap .snb_wrap {float: none;}
.gnb_wrap nav > ul {float: none;display:grid;grid-auto-flow: column; gap: 30px; justify-content: space-around; max-width: 800px;}
.gnb_wrap .tog_wrap {margin-right: 0;}
.gnb_wrap .snb_wrap .my_btn_wrap {margin-left: 0;white-space: nowrap;}
.contents_wrap > .sub {max-width:1400px;margin:0 auto;padding-left:20px; padding-right:20px;width:100%;}

.cbp-hrmenu > ul > li { padding-left:0; padding-right:0; white-space: nowrap; }

.white_bg {background-color: #fff; color:#25282B; border:1px solid #25282B;}

.cbp-hrmenu > ul > li > a:hover {color: #0cad63 !important;}
.cbp-hrmenu .cbp-hrsub-inner > div {min-width: 140px;}
.cbp-hrmenu .cbp-hrsub {margin-left: -30px;border-top:3px solid #192f55 !important;border-radius: 0 0 10px 10px;top: 78px;}
#cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner > div > ul > li{position: relative; min-height:32.2px;}
#cbp-hrmenu .cbp-hropen .cbp-hrsub {padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px;}
.cbp-hrmenu .cbp-hrsub-inner > div i {position: absolute; top:-5px; right:-5px; opacity: 0.5; transition: transform 220ms ease, opacity 220ms ease;}
#cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner > div > ul > li:hover i {opacity: 0;}
.cbp-hrmenu .cbp-hrsub-inner > div a {padding-right: 20px;color: #000 !important;text-align:center;}
.cbp-hrmenu .cbp-hrsub-inner > div a:hover {color: #0cad63 !important;}

#cbp-hrmenu .cbp-hrsub-3{
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    position: absolute;
    left: 90%;
    top: -10px;

    background-color: #fff;
    min-width: 120px;
    padding: 15px 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);

    transform: translate3d(0, 6px, 0);
    transition: transform 220ms ease, opacity 220ms ease;
    z-index: 9
}

#cbp-hrmenu .cbp-hrsub > .cbp-hrsub-inner ul > li:hover > .cbp-hrsub-3{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
}

#cbp-hrmenu .cbp-hrsub > .cbp-hrsub-inner ul > li:hover > .cbp-hrsub-3 a {padding-top: 4px; padding-bottom: 4px; font-family: 'font-R'; font-size: 13px; padding-right: 0px;}
#cbp-hrmenu .cbp-hrsub > .cbp-hrsub-inner ul > li:hover {position: relative;}

@media all and (max-width:1200px) {
    .cbp-hrmenu > ul > li a {font-size: 14px;}
}

@media all and (max-width:1024px) {
    .gnb_wrap .inner {padding-left: 0 !important; padding-right: 0 !important;}
}