/* 레이아웃 CSS */

.rows_gnb_wrap {border-top:1px solid rgba(255,255,255,0.2); padding-top: 10px; margin-top: 20px;}

.row_gnbs {position: relative;}

.row_gnbs .cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner {padding-left: 0px; padding-right: 0px;}

.row_gnbs .cbp-hrmenu > ul > li {padding-left: 0px; padding-right: 0px; margin-right: 80px;}

.row_gnbs .cbp-hrmenu > ul > li:last-child {margin-right: 0;}

.gnb_wrap .rows_gnb_wrap .row_gnbs nav#cbp-hrmenu.cbp-hrmenu.pc {float: none !important; width: 100%;}

.gnb_wrap .rows_gnb_wrap .row_gnbs nav#cbp-hrmenu.cbp-hrmenu.pc > ul {float: none !important; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; line-height: 100%; margin: 0 auto; padding-left: 0; padding-right: 0;}

.row_gnbs .cbp-hrmenu .cbp-hrsub,

.row_gnbs .cbp-hrmenu .cbp-hrsub-inner {text-align: left;}

.gnb_wrap .row_gnbs nav {float:none;}

.row_gnbs .cbp-hrmenu .cbp-hrsub {top:40px;}



.gnb_wrap .snb_wrap .qm_wrap {position: relative;}

.gnb_wrap .snb_wrap {display: flex; align-items: center; justify-content: flex-end; float: right; gap: 20px;}

.gnb_wrap .snb_wrap > li {float: none;}

.gnb_wrap .snb_wrap .qm_wrap a {display: none;}

#search_box_wrap {display: none; z-index: 100;}

.rb_bbs_wrap .btns_gr_wrap {top:185px !important;}



@media all and (min-width:1025px) {

    .gnb_wrap > .inner {position: relative; z-index: 10;}

    .gnb_wrap .rows_gnb_wrap {position: relative; z-index: 5;}

    .gnb_wrap .snb_wrap .qm_wrap #search_box_wrap {z-index: 100;}

    .gnb_wrap .snb_wrap {gap: 12px;}

    .gnb_wrap .snb_wrap .my_btn_wrap {margin-left: 0 !important;}

}



.co_header0 .rows_gnb_wrap {border-top:1px solid rgba(0,0,0,0.05);}



.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: 100%;

    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:1024px) {

    .rows_gnb_wrap {display: none;}

    .gnb_wrap .snb_wrap {display: flex !important; align-items: center; justify-content: flex-end; float: right; gap: 12px !important;}

    .gnb_wrap .snb_wrap .member_info_wrap {display: none !important;}

    .gnb_wrap .snb_wrap .qm_wrap {display: none !important;}

    .gnb_wrap .snb_wrap .my_btn_wrap {display: block !important; float: none; margin-left: 0 !important;}

    #search_box_wrap {z-index: 105;}

    .gnb_wrap .tog_wrap {margin-right: 20px;}



    /* 1.0.1 { */

    .gnb_wrap .snb_wrap .my_btn_wrap .btn_round.arr_bg {display: none;}

    .gnb_wrap .snb_wrap .my_btn_wrap .btn_round {padding-left: 15px; padding-right: 15px; height:35px;}

    /* } */

    

    /* 1.1.1 { */

    .gnb_wrap .inner {padding-left: 0px !important; padding-right: 0px !important;}

    /* } */

    

}

