/* 레이아웃 CSS */
@media all and (max-width:1024px) { 
    .gnb_wrap .inner {padding-left: 0px !important; padding-right: 0px !important;}
}

#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 .cbp-hrsub-inner > div > ul > li:hover i {opacity: 0;}

.cbp-hrmenu .cbp-hrsub-inner > div {min-width: 140px;}
.cbp-hrmenu .cbp-hrsub {margin-left: -30px;}
.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-inner > div a {padding-right: 20px;}
.cbp-hrmenu > ul,.cbp-hrmenu .cbp-hrsub-inner {padding: 0 0;}
.cbp-hrmenu > ul > li {padding-left: 0px; padding-right: 40px;}

#cbp-hrmenu .cbp-hrsub-3{
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    position: absolute;
    left: -20px;
    top: 50px;

    background-color: #fff;
    width: auto;
    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; white-space: nowrap;}
#cbp-hrmenu .cbp-hrsub > .cbp-hrsub-inner ul > li:hover {position: relative;}

#header {box-shadow: none; top:120px; padding-top: 0px; padding-bottom: 0px;}
#header.gnb_up {top:0px;}
#search_box_wrap {left: auto; right:0px;}

.header_top {position: fixed; top:50px; left: 0px; width:100%; z-index: 103; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1)}
.header_top .inner {width: var(--rb-header-width); margin: 0 auto; p}
.header_top #logo_img img {height:40px;}

.header_top.gnb_up_top {display: none}
.header_top .inner {display: flex; align-items: center; gap:40px;}
.header_top .logo_wrap {}
.header_top .q_m_wrap {margin-left: auto; display: flex; align-items: center; gap:20px;}
.header_top .q_m_wrap a {color:#fff; opacity: 0.6;}
.header_top .q_m_wrap a:hover {opacity: 1;}

.gnb_wrap .snb_wrap .qm_wrap {display: flex; align-items: center; gap:20px;}
.gnb_wrap .snb_wrap .qm_wrap button {padding: 0px; text-align: center; margin-left: 15px; margin: 0px !important; width: auto;}
.gnb_wrap .snb_wrap .qm_wrap a {padding: 0px; text-align: center; margin: 0px !important; width: auto; line-height: 100%;}
.gnb_wrap .inner {display: flex; align-items: center;}
.gnb_wrap ul {float:none; line-height: 100%;}
.gnb_wrap nav {padding-top: 30px; padding-bottom: 30px;}
.gnb_wrap nav a {line-height: 100%;}
.gnb_wrap nav ul {display: flex; align-items: center; gap:40px;}
.cbp-hrmenu > ul > li {padding-right: 0px;}
.gnb_wrap .snb_wrap {float:none; margin-left: auto;}
.cbp-hrmenu .cbp-hrsub-inner > div a {padding-right: 0px;}
.cbp-hrmenu .cbp-hrsub {top:65px; margin-left: -20px;}
.cbp-hrsub-inner ul {gap:10px 20px !important; flex-direction: row; flex-wrap: wrap;}
.cbp-hrmenu .cbp-hrsub {padding: 0px 20px !important; width: auto !important;}
.cbp-hrmenu .cbp-hrsub a {padding-top: 20px !important; padding-bottom: 20px !important;}
.cbp-hrmenu .cbp-hrsub .cbp-hrsub-3 a {padding-top: 4px !important; padding-bottom: 4px !important;}
.cbp-hrmenu .cbp-hrsub-inner > div {min-width: auto !important;}
.cbp-hrmenu .cbp-hrsub {max-width: 550px;}
.gnb_wrap nav a {float:none; padding: 0px !important;}
.cbp-hrmenu > ul > li > a:hover {opacity: 0.6;}

#cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner > div > ul > li {min-height: auto;}

.bbs_main_wrap_thumb_top_con .bbs_main_wrap_con_ul1 {border-radius: 0px !important; border:0px !important;}
.gallery-item-img img {border-radius: 0px !important; border:0px !important;}
.footer_copy_ul1_li2 {width: 100%;}
.btns_gr_wrap {display: none !important;}

#google_notranslate_top {margin-left: 15px !important; position: relative;}
.translation-links {top:25px !important; right:-17px !important; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05) !important;}
.translation-links a {margin-top: 2px; margin-bottom: 2px; display: block}

.translation-links::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    
}

#cbp-hrmenu-btm .cbp-hrsub-inner > div > ul > li.rb-btm-2d a {padding-top: 8px !important; padding-bottom: 8px !important;}
.cbp-hrmenu-btm .cbp-hropen .cbp-hrsub {padding-left: 0px !important; padding-right: 0px !important;}
#cbp-hrmenu-btm li.rb-btm-2d.rb-3d-open > .cbp-hrsub-3 {padding-top: 20px !important; padding-bottom: 20px !important;}
#cbp-hrmenu-btm .cbp-hrsub-3 > li > a {padding-top: 5px !important; padding-bottom: 5px !important;}

.search_top_wrap_inner {position: relative;}
.search_top_wrap_inner input {background-color: rgba(255,255,255,0.2) !important; border:0px !important; border-radius: 50px !important; width: 100%; color:#fff;}
.search_top_wrap_inner input::placeholder {color:#fff;}
.search_top_wrap_inner input:focus {outline: none; border:0px !important;}
.search_top_wrap_inner button {position: absolute; top:13px; right:20px;}

@media all and (max-width:1310px) {
    .header_top .inner {width: 1024px;}
}

@media all and (max-width:1024px) {
    .header_top {top:5px; padding-left: var(--rb-gap); padding-right: var(--rb-gap);}
    #header {top:50px; padding-top: 15px; padding-bottom: 15px;}
    .moves .header_top {left: 100%;}
    main footer .footer_copy {padding-bottom: 50px !important;}
    .header_top .q_m_wrap {gap:10px;}
    .search_top_wrap_inner {width: 70%;}
    .search_top_wrap_inner input {height:38px;}
    .search_top_wrap_inner button {top:10px; right:15px;}
}