/* 레이아웃 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: 30px;}
.row_gnbs .cbp-hrmenu > ul {float:none !important; line-height: 100%;}
.gnb_wrap .row_gnbs nav {float:none;}
.row_gnbs .cbp-hrmenu .cbp-hrsub {top:40px;}

.search_top_wrap {float:left; position: relative; width: 250px;}
.search_top_wrap input {border:0px;border-radius: 40px; height:40px; width: 100%; color:#000;}
.search_top_wrap input::placeholder{font-family:'font-R',sans-serif; color:#999;}
.search_top_wrap button {position: absolute; top:10px; right:15px;}
.search_top_wrap input:focus {border:1px solid #ddd;}
.search_top_wrap_inner {position: relative;}

/* 게시판 fixed 버튼 위치조정 */
.rb_bbs_wrap .btns_gr_wrap {top:185px !important;}

.co_header0 .rows_gnb_wrap {border-top:1px solid rgba(0,0,0,0.05);}
.co_header0 .search_top_wrap input {background-color: rgba(0,0,0,0.05);}
.ser_display_none .search_top_wrap_inner {display: none;}

.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:7px; 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;}

#header {box-shadow: none; border-bottom: 1px solid #eee !important; padding-bottom: 0px;}
#header.gnb_up {top:-60px !important;}
.gnb_wrap .inner {display: flex; align-items: center; gap:30px}
.gnb_wrap .snb_wrap {float:none; margin-left: auto; display: flex; align-items: center; gap:30px;}
.gnb_wrap .logo_wrap {margin-right: 0px;}
.gnb_wrap ul {line-height: 100%;}
.gnb_wrap .snb_wrap .qm_wrap a {padding-left: 0px; padding-right: 0px; line-height: 100%; margin: 0px; float:none; width: auto;}
.gnb_wrap #ol_after_scrap {margin-top: 0px;}
.gnb_wrap .snb_wrap .qm_wrap {display: flex; align-items: center; gap:10px;}
.gnb_wrap .snb_wrap .member_info_wrap {margin-left: 0px;}
.gnb_wrap .snb_wrap .my_btn_wrap {float:none; margin-left: 0px;}
.gnb_wrap .snb_wrap .my_btn_wrap button {background-color: #fff; border:1px solid #ddd; height:35px; color:#000;}
.gnb_wrap .snb_wrap .qm_wrap a span {left: 10px; border-radius: 20px; min-width: 18px; text-align: center; top:-4px}
.gnb_wrap .rows_gnb_wrap {margin-top: 0px; border-top:0px; padding-bottom: 10px;}
.gnb_wrap .rows_gnb_wrap .cbp-hrmenu > ul > li {padding-right: 0px;}
.gnb_wrap .rows_gnb_wrap nav {width: 100%;}
.gnb_wrap .rows_gnb_wrap nav .swiper-slide-gnb {width: auto !important;}
.swiper-container-gnb {overflow: inherit !important;}
.gnb_wrap .snb_q_wrap {display: flex; align-items: center; gap:25px; flex: 0 0 auto;}
.gnb_wrap .snb_q_wrap a {opacity: 0.6}
.gnb_wrap .rows_gnb_wrap {display: flex; align-items: center; margin: 0 auto;}
.gnb_wrap .rows_gnb_wrap .row_gnbs {width: 100%; margin:inherit; display: block; align-items: center; gap: 0px;}
.gnb_wrap nav {background-color: transparent;}
.gnb_wrap .snb_wrap .member_info_wrap a .notranslate font {opacity: 0.6;}
.gnb_wrap .snb_wrap .my_btn_wrap .btn_round.arr_bg {background-image: url(../../rb.img/icon/arr_down.svg);}
.gnb_wrap .snb_wrap .qm_wrap a svg {opacity: .3; margin-top: 3px;}
.gnb_wrap .snb_wrap .qm_wrap a:hover svg {opacity: 1;}

#rb_my_ovray.arr_bg.is_open{background-image: url(../../rb.img/icon/arr_up.svg);}
.rb_my_panel{
    display: none;
    position: absolute;
    min-height: 200px;
    z-index: 999;
    min-width: 220px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    padding: 20px;
}

#rb_my_panel{position:fixed;}
#rb_my_panel[aria-hidden="true"]{display:none;}
#rb_my_panel.is_open{display:block;}

.rb_my_panel_row {display: flex; align-items: center; gap:15px;}
.rb_my_panel_row .rb_my_p_ul1 {}
.rb_my_panel_row .rb_my_p_ul1 img {height:40px; border-radius: 10px;}
.rb_my_panel_row .rb_my_p_ul2 {}
.rb_my_panel_row .rb_my_p_ul2 li {float:none;}
.my_p_flex {display: flex; align-items: center; gap:5px;}
.rb_my_p_btn {flex: 1 1 0; min-width: 0; background-color: #f0f5f9 !important; border:0px !important; border-radius: 6px; text-align: center; color:#000;}
.rb_my_p_btn_w {background-color: #fff !important; border:1px solid #ddd !important;}
.rb_my_p_ul2.flex_r {margin-left: auto;}
.rb_my_panel_line {border-top:1px solid #eee; margin-top: 10px;}

#google_notranslate_top {margin-left: 0px !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;

}


@media all and (max-width:1024px) {

    .search_top_wrap {display: none !important;}
    .gnb_wrap .snb_wrap .qm_wrap a {width: auto; padding-left: 0px;}

    /* 1.0.1 { */
    .mobile_cb {clear: both;}
    .search_top_wrap {display: block; float:none !important; width: 100%; margin-top: 10px;}
    .gnb_wrap .snb_wrap .my_btn_wrap {display: block;}
    .gnb_wrap .snb_wrap .my_btn_wrap .btn_round.arr_bg {padding-left: 15px; padding-right: 35px; min-width: 92px; flex-shrink: 0;}
    .gnb_wrap .snb_wrap .qm_wrap a span {right: 10px; left: auto;}
    /* } */

    /* 1.1.1 { */
    .gnb_wrap .inner {gap:10px;}
    /* } */

    .gnb_wrap .tog_wrap {margin-right: 0px;}
    .gnb_wrap .snb_wrap {gap:10px;}
    .rows_gnb_wrap .cbp-hrmenu {position:relative; width: 100%; height: auto;}
    .gnb_wrap .rows_gnb_wrap {width: 100% !important;}
    .rows_gnb_wrap .cbp-hrmenu .cbp-hrsub {display: none !important;}
    .gnb_wrap .snb_q_wrap {display: none;}
    .gnb_wrap .snb_wrap .my_btn_wrap .btn_round.arr_bg {background-position: center right 15px;}

.gnb_wrap .snb_wrap .my_btn_wrap {display: block !important;}
}

/* 인문도시 Figma 헤더 */
#header { position:fixed !important; top:0 !important; padding:0 !important; border:0 !important; background:#fff; box-shadow:none; }
#header.gnb_up { top:0 !important; }
#header .gnb_wrap { position:relative; min-height:125px; }
#header .gnb_wrap > .inner { display:flex; height:125px; align-items:center; }
#header .logo_wrap { position:relative; z-index:3; flex:none; }
#header .logo_wrap img { max-width:230px; max-height:58px; object-fit:contain; }
#header .snb_wrap, #header .search_top_wrap, #header .snb_q_wrap { display:none !important; }
#header .hc-program-apply { box-sizing:border-box; position:relative; z-index:3; display:flex; min-width:100px; height:38px; margin-left:auto; padding:0 19px; align-items:center; justify-content:center; border:3px solid transparent; border-radius:999px; background:#48df8b; color:#111; font-size:13px; line-height:1; white-space:nowrap; transition:transform .2s, background-color .2s, border-color .2s; }
#header .hc-program-apply:hover, #header .hc-program-apply:focus-visible { border-color:#48df8b; background:#fff; color:#111; transform:translateY(-2px); }
#header .hc-program-apply:focus-visible { outline:2px solid #fff; outline-offset:3px; }
#header .rows_gnb_wrap { position:absolute; z-index:2; top:0; right:120px; left:300px; width:auto !important; height:125px; margin:0; padding:0; }
#header .rows_gnb_wrap .row_gnbs { width:100%; }
#header .rows_gnb_wrap .cbp-hrmenu > ul { display:flex; align-items:center; justify-content:center; gap:54px; }
#header .rows_gnb_wrap .cbp-hrmenu > ul > li { box-sizing:border-box; width:120px !important; min-width:120px; flex:0 0 120px; margin-right:0 !important; padding:0; text-align:center; }
#header .rows_gnb_wrap .cbp-hrmenu > ul > li > a { position:relative; display:inline-block; padding:51px 0; color:#111; font-size:17px; }
#header .rows_gnb_wrap .cbp-hrmenu > ul > li:hover > a,
#header .rows_gnb_wrap .cbp-hrmenu > ul > li:focus-within > a { color:#2788ff; }
#header .rows_gnb_wrap .cbp-hrmenu > ul > li:hover > a:after,
#header .rows_gnb_wrap .cbp-hrmenu > ul > li:focus-within > a:after { position:absolute; right:0; bottom:24px; left:0; height:3px; background:#2788ff; content:''; }
#header .rows_gnb_wrap .cbp-hrmenu .cbp-hrsub { display:none !important; }

/* Figma 메인메뉴 on: 어느 주메뉴에 진입해도 전체 2차 메뉴를 한 번에 펼친다. */
#header .hc-mega-menu { position:fixed; top:125px; right:0; left:0; height:0; overflow:hidden; border-top:1px solid #f2f2f2; background:#fff; box-shadow:0 16px 25px rgba(25,41,69,.08); opacity:0; visibility:hidden; transition:height .22s ease, opacity .18s ease, visibility .18s ease; }
#header #cbp-hrmenu:hover .hc-mega-menu,
#header #cbp-hrmenu:focus-within .hc-mega-menu { height:221px; opacity:1; visibility:visible; }
#header .hc-mega-menu-inner { box-sizing:border-box; display:flex; width:calc(100% - 420px); height:100%; margin-left:300px; align-items:flex-start; justify-content:center; gap:54px; }
#header .hc-mega-menu-column { flex:0 0 120px; min-width:120px; text-align:left; }
#header .hc-mega-menu-column ul { display:flex; width:100%; flex-direction:column; align-items:stretch; margin:0; padding:0; }
#header .hc-mega-menu-column li { box-sizing:border-box; display:block !important; float:none !important; clear:both; width:100% !important; margin:0; padding:0; white-space:nowrap; text-align:left !important; }
#header .hc-mega-menu-column a { box-sizing:border-box; display:block; width:100% !important; padding:0; color:#111 !important; font-family:'font-R','Paperlogy',sans-serif; font-size:17px; line-height:40px; text-align:left !important; }
#header .hc-mega-menu-column a:hover,
#header .hc-mega-menu-column a:focus { color:#2788ff !important; }

@media all and (max-width:1170px) {
    #header .hc-program-apply { display:none; }
}

@media all and (max-width:1024px) {
    #header .gnb_wrap, #header .gnb_wrap > .inner { min-height:70px; height:70px; }
    #header .gnb_wrap > .inner { justify-content:space-between; padding:0 20px !important; }
    #header .logo_wrap img { width:153px; max-width:153px; height:39px; max-height:39px; object-fit:contain; }
    #header .rows_gnb_wrap { display:none !important; }
    #header .hc-mega-menu { display:none !important; }
    #header .snb_wrap { display:none !important; }
    #header .hc-program-apply { display:none; }
    #header .tog_wrap { display:block !important; position:absolute; right:20px; margin:0; }
    #header #tog_gnb_mobile { display:flex; width:36px; height:36px; align-items:center; justify-content:center; border:0; background:transparent; }
    #header #tog_gnb_mobile svg { width:26px; height:23px; }
    #header #tog_gnb_mobile svg path { fill:#111; }

    #cbp-hrmenu-btm { box-sizing:border-box; left:auto !important; right:-100%; bottom:0; z-index:204; width:58% !important; min-width:0; max-width:300px; height:100vh; height:100dvh; padding:60px 0 0 !important; overflow-x:hidden; overflow-y:auto; background:#fff; box-shadow:none !important; transition:right .35s ease; }
    #cbp-hrmenu-btm.active { right:0; }
    body:before { position:fixed; z-index:203; inset:0; background:rgba(0,0,0,.57); opacity:0; pointer-events:none; transition:opacity .25s ease; content:''; }
    body:has(#cbp-hrmenu-btm.active):before { opacity:1; }
    body:has(#cbp-hrmenu-btm.active) main.moves, body:has(#cbp-hrmenu-btm.active) header.moves { left:0 !important; transform:none !important; }
    body:has(#cbp-hrmenu-btm.active) { overflow:hidden; }
    body:has(#cbp-hrmenu-btm.active) main.moves { position:relative !important; }
    #cbp-hrmenu-btm:before { position:absolute; top:0; right:0; left:0; height:60px; padding:0 20px; background:#2788ff; color:#fff; font:500 16px/60px 'Paperlogy', sans-serif; content:'인문도시사업단'; }
    #cbp-hrmenu-btm .rb_btm_search_pn, #cbp-hrmenu-btm .rb_btm_search_btn, #cbp-hrmenu-btm .user_prof_bg, #cbp-hrmenu-btm .user_prof, #cbp-hrmenu-btm .user_prof_btns { display:none !important; }
    #cbp-hrmenu-btm .hc-mobile-quick-links { display:flex; height:60px; border-bottom:1px solid #d8d8d8; background:#e9f2ff; }
    #cbp-hrmenu-btm .hc-mobile-quick-links a { box-sizing:border-box; display:flex; width:50%; padding:0 15px; align-items:center; color:#111; font:500 14px/1.3 'Paperlogy', sans-serif; justify-content:center; }
    #cbp-hrmenu-btm .hc-mobile-quick-links a:first-child { border-right:1px solid #d8d8d8; }
    #cbp-hrmenu-btm .hc-mobile-quick-links a:hover,
    #cbp-hrmenu-btm .hc-mobile-quick-links a:focus { color:#2788ff; }
    #cbp-hrmenu-btm > ul { margin:0; }
    #cbp-hrmenu-btm > ul:before { display:none; content:none; }
    #cbp-hrmenu-btm > ul > li { min-height:50px; border-bottom:1px solid #ddd; text-indent:15px; }
    #cbp-hrmenu-btm > ul > li > a { line-height:50px; font-size:16px; }
    #cbp-hrmenu-btm > ul > li.add_arr_svg { background-position:right 16px top 20px; }
    #cbp-hrmenu-btm > ul > li .add_arr_btn { width:48px; height:50px; }
    #cbp-hrmenu-btm .cbp-hrsub { background:#f5f5f5 !important; }
    #cbp-hrmenu-btm .cbp-hrsub-inner > div { padding:12px 15px 16px !important; }
    #cbp-hrmenu-btm .cbp-hrsub-inner > div > ul > li.rb-btm-2d { display:list-item !important; margin-left:18px; padding-left:2px; list-style:disc outside !important; text-indent:0; }
    #cbp-hrmenu-btm .cbp-hrsub-inner > div > ul > li.rb-btm-2d a { padding:4px 0 !important; font-size:16px; line-height:24px; }
    #m_gnb_close_btn { display:none; position:fixed !important; z-index:205; top:0 !important; right:0 !important; width:60px !important; height:60px !important; }
    #m_gnb_close_btn.active { display:block !important; }
    #m_gnb_close_btn img { width:21px; filter:brightness(0) invert(1); }
}

@media all and (max-width:420px) {
    #cbp-hrmenu-btm { width:72% !important; }
}

/* 인문도시 Figma 서브페이지 헤더 */
.hc-sub-header { box-sizing:border-box; width:100%; border-bottom:1px solid #e6e6e6; background:#fff; }
.hc-sub-header__inner { box-sizing:border-box; display:flex; width:min(1400px, calc(100% - 80px)); min-height:202px; margin:0 auto; padding:52px 0 47px; align-items:flex-end; justify-content:space-between; gap:48px; }
.hc-sub-header__intro { flex:0 1 500px; min-width:0; }
.hc-sub-breadcrumb { display:flex; min-height:21px; align-items:center; gap:10px; color:#7c7c7c; font-family:'font-R','Paperlogy',sans-serif; font-size:14px; line-height:21px; white-space:nowrap; }
.hc-sub-breadcrumb strong { color:#111; font-weight:400; }
.hc-sub-breadcrumb__home { position:relative; display:block; width:21px; height:21px; flex:0 0 21px; }
.hc-sub-breadcrumb__home span:before { position:absolute; top:5px; left:4px; width:11px; height:10px; border:1.7px solid #7c7c7c; border-top:0; border-radius:1px; content:''; }
.hc-sub-breadcrumb__home span:after { position:absolute; top:3px; left:5px; width:9px; height:9px; border-top:1.7px solid #7c7c7c; border-left:1.7px solid #7c7c7c; transform:rotate(45deg); content:''; }
.hc-sub-breadcrumb__chevron { width:6px; height:6px; margin:0 2px; border-top:1px solid #aaa; border-right:1px solid #aaa; transform:rotate(45deg); }
.hc-sub-header__intro h1 { margin:24px 0 0; color:#111; font-family:'font-B','Paperlogy',sans-serif; font-size:36px; font-weight:700; line-height:46px; }
.hc-sub-tabs { display:flex; max-width:720px; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.hc-sub-tabs a { box-sizing:border-box; display:flex; min-width:104px; height:49px; padding:0 20px; align-items:center; justify-content:center; border-radius:50px; color:#929292; font-family:'font-B','Paperlogy',sans-serif; font-size:20px; line-height:1; white-space:nowrap; transition:background-color .18s ease, color .18s ease; }
.hc-sub-tabs a:hover, .hc-sub-tabs a:focus { color:#2788ff; }
.hc-sub-tabs a.is-active { background:#2788ff; color:#fff; }
.sub > #container_title { display:none; }

@media all and (max-width:1024px) {
    .hc-sub-header__inner { width:calc(100% - 40px); min-height:0; padding:30px 0 28px; align-items:flex-start; flex-direction:column; gap:24px; }
    .hc-sub-header__intro { flex:none; width:100%; }
    .hc-sub-header__intro h1 { margin-top:15px; font-size:29px; line-height:38px; }
    .hc-sub-tabs { width:100%; max-width:none; padding-bottom:2px; justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
    .hc-sub-tabs::-webkit-scrollbar { display:none; }
    .hc-sub-tabs a { min-width:auto; height:42px; padding:0 18px; font-size:16px; }
}

@media all and (max-width:480px) {
    .hc-sub-header__inner { width:calc(100% - 32px); padding:24px 0; gap:20px; }
    .hc-sub-breadcrumb { gap:7px; font-size:12px; }
    .hc-sub-header__intro h1 { font-size:26px; line-height:34px; }
}