@charset "UTF-8";

/* header */
#wpadminbar{position:fixed;}
.admin-bar #header{top:46px;}
@media (min-width:768px){
    .admin-bar #header{top:32px;}
}
@media (min-width:1024px){
    #header:before{display:none; position:absolute; top:89px; left:0; width:100%; height:1px; background-color:#666; content:'';}
    #header.main-header:before,
    #header.is-hover:before{display:block;}
}

/* gnb */
#gnb > li{@apply relative text-lg font-medium text-black3 text-center;}
#gnb > li > a{@apply flex justify-center lg:justify-between items-center lg:h-[90px] px-5 2xl:px-[24px]; transition: color 0.3s ease, background-color 0.3s ease;}
#gnb > li > a:hover,
#gnb > li:hover > a{color: #fff !important; background-color: #EFBE00 !important;}
#gnb .sub-menu{@apply hidden lg:absolute lg:top-full lg:left-1/2 lg:-translate-x-1/2 flex-wrap lg:flex-col justify-center gap-4 lg:w-[106px] ml-auto mr-auto pt-2 lg:pt-[30px] pb-3 lg:pb-10 text-base text-secondary;}
#gnb .sub-menu a{transition: color 0.3s ease, background-color 0.3s ease;}
#gnb .sub-menu a:hover{color: #fff !important; background-color: #EFBE00 !important;}
@media (min-width:1024px){
    #gnb > li:hover > .sub-menu{display:flex;}
}

/* page */
.page-numbers{display:flex; align-items:center; gap:16px;}
.page-numbers li a,
.page-numbers li span{width:32px; height:32px; border-radius:3px; font-size:16px; font-weight:400; line-height:32px; color:#333; text-align:center; align-items:center; justify-content:center;}
.page-numbers li .current{background-color:#EFBE00; color:#fff;}
.pagination li .prev,
.pagination li .next{display:block; width:32px; height:32px; border-radius:3px; font-size:0;}
.pagination li .prev{background:url(/wp-content/themes/Nordinary/assets/images/common/icon_prev.svg) no-repeat center;}
.pagination li .prev.disabled{background-image:url(/wp-content/themes/Nordinary/assets/images/common/icon_prev_disabled.svg);}
.pagination li .next{background:url(/wp-content/themes/Nordinary/assets/images/common/icon_next.svg) no-repeat center;}
.pagination li .next.disabled{background-image:url(/wp-content/themes/Nordinary/assets/images/common/icon_next_disabled.svg);}

/* swiper */
.swiper-button-disabled{opacity:0.3;}


/* kakao map */
.root_daum_roughmap_landing{width:100% !important; height:220px !important;}
.root_daum_roughmap_landing .wrap_map{height:100% !important;}
.map_border{display:none !important;}
@media (min-width:1024px){
    .root_daum_roughmap_landing{height:350px !important;}
}

/* 인재상 원형 스타일 */
.talent-circles {
    gap: 10px;
    max-width: 600px;
    margin: 0 auto;
}

.talent-circle {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    position: relative;
    flex-shrink: 0;
}

.talent-circle__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
}

.talent-circle__desc {
    font-size: 10px;
    line-height: 1.5;
}

/* 원형 색상 (투명도 90%) */
.talent-circle--1 { background: rgba(250, 154, 20, 0.9); }
.talent-circle--2 { background: rgba(239, 164, 0, 0.9); }
.talent-circle--3 { background: rgba(239, 190, 0, 0.9); }
.talent-circle--4 { background: rgba(217, 179, 35, 0.9); }
.talent-circle--5 { background: rgba(197, 169, 59, 0.9); }


/* PC (lg 이상) */
@media (min-width: 1024px) {
    .talent-circles {
        max-width: none;
    }

    .talent-circle {
        width: 280px;
        height: 280px;
        margin: 0 -25px;
    }

    .talent-circle__title {
        font-size: 22px;
    }

    .talent-circle__desc {
        font-size: 16px;
    }

    .talent-circle--4,
    .talent-circle--5 {
        margin-top: 0;
    }
}

/* UW Board - Nordinary 테마 오버라이드 */
:root {
    --board-main-color: #333;
    --board-main-color-dark: #000;
    --board-border-color: #BCBCBC;
    --board-radius: 0;
}

/* nordinary 스킨에서 외부 래퍼 불필요 */
.uw-board-container .uw-board-header {
    margin-bottom: 20px;
}

/* 검색바 Nordinary 스타일 맞춤 */
.uw-board-container .uw-search-form {
    border-color: #BCBCBC;
}

/* 글쓰기 버튼 Nordinary 스타일 */
.uw-board-container .uw-btn-write {
    border: 1px solid #333;
    color: #333;
    border-radius: 0;
}

.uw-board-container .uw-btn-write:hover {
    background: #333;
    color: #fff;
}

/* board-content 내부 이미지 반응형 */
.board-content img {
    max-width: 100%;
    height: auto;
}