/* 레이아웃 CSS */
@media all and (max-width:1024px) { 
    .gnb_wrap .inner {padding-left: 0px !important; padding-right: 0px !important;}
}

.cbp-hrmenu .cbp-hrsub-inner > div {min-width: 140px;}
.cbp-hrmenu .cbp-hrsub {margin-left: -30px;}
#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;}

#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);
}



/* style.css 또는 header.php 바로 위 style 태그에 추가 가능 */
#contents_wrap {
    visibility: hidden;
}



#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 (min-width:1025px){

    .gnb_wrap .inner{
        display:flex;
        flex-direction:column;
        align-items:flex-start;   /* 🔥 왼쪽 정렬로 변경 */
        position:relative;
    }

    .logo_wrap{
        margin-bottom:20px;
    }

  #cbp-hrmenu{
        width:100%;
        border-top:1px solid #eee;
        border-bottom:1px solid #eee;
        padding:15px 0;
        text-align:left;        /* 🔥 center → left */
    }

    #cbp-hrmenu > ul{
        display:flex;           /* 🔥 inline-flex → flex */
        gap:40px;
        justify-content:flex-start;  /* 🔥 왼쪽 정렬 */
        padding-left:40px;      /* 🔥 왼쪽 여백 */
    }


    .snb_wrap{
        position:absolute;
        right:0;
        top:0;   /* 🔥 30px → 0 으로 맞춰라 */
    }

}