/* PLC60 COMMON CSS — TEST */

body {
    margin: 0;
    background: #071f3d;
}

.plc60-test-title {
    color: #ffd34d;
    font-family: Arial, sans-serif;
    text-align: center;
    padding: 40px;
}

/* PLC60 HERO BACKGROUND */
.plc60-hero {
    position: relative;
    background: #071f3d;
    overflow: hidden;
}

.plc60-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url('/test/images/hero_bg_master.png') center -180px / cover no-repeat;
    opacity: 0.20;
    pointer-events: none;
    z-index: 0;
}

.plc60-hero-frame {
    position: relative;
    background: transparent !important;
    z-index: 1;
}

.plc60-watermark {
    display: none;
}

/* ========================================
   PLC60 HEADER
   ======================================== */

.plc60-header {
    width: 100%;
    position: relative;
    z-index: 1000;
}

/* TOP WHITE HEADER */

.plc60-top-header {
    height: 72px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 45px;
    box-sizing: border-box;
}

/* LOGO */

.plc60-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.plc60-logo img {
    width: 155px;
    height: auto;
    display: block;
}

.plc60-logo-text {
    display: none !important;
}  

/* TOP MENU */

.plc60-top-nav {
    display: flex;
    align-items: center;
    gap: 24px;
}
.plc60-top-nav a {
    font-family: Arial, sans-serif;
    font-size: 12px;   /* 13px → 12px */
    font-weight: 600;
    color: #183b6b;
    text-decoration: none;
    white-space: nowrap;
}

.plc60-top-nav a:hover {
    color: #1596a5;
}


/* REGISTRATION BUTTON */

.plc60-registration {
    background: #19b957 !important;
    color: #ffffff !important;
    padding: 13px 25px;
    border-radius: 25px;
    font-size: 12px !important;
}


/* SECOND NAVIGATION BAR */

.plc60-main-nav {
    height: 42px;
    min-height: 42px;
    background: #183b6b;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.plc60-main-nav a {
    display: block;
    padding: 10px 20px;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.plc60-main-nav a:hover {
    background: #24538d;
}


/* ========================================
   PLC60 COURSE CARD - FINAL CLEAN VERSION
   ======================================== */
/* ========================================
   PLC60 COURSE CARD
   ======================================== */

.plc60-course-card {
    position: relative !important;
    top: -40px !important;

    width: 370px !important;
    min-height: 205px !important;

    margin-top: 0 !important;

    background: #284f88 !important;
    border: 2px solid #d5ae28 !important;
    border-radius: 12px !important;

    text-align: center;
    padding: 24px 20px !important;
    box-sizing: border-box;

    transition: transform 0.25s ease, box-shadow 0.25s ease;
}


/* ========================================
   COURSE CARD HOVER
   ======================================== */

.plc60-course-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 28px rgba(0,0,0,.35);
}


/* ========================================
   REGISTER NOW BUTTON
   ======================================== */

.plc60-course-button {
    display: block !important;

    width: 170px !important;
    margin: 0 auto 24px !important;

    background: #19c552 !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 22px !important;

    padding: 11px 10px !important;

    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: 0.3px !important;

    text-decoration: none !important;

    transition: transform 0.2s ease, box-shadow 0.2s ease;
}


/* REGISTER NOW - 밑줄 완전 제거 */

.plc60-course-button,
.plc60-course-button:hover,
.plc60-course-button:visited,
.plc60-course-button:focus,
.plc60-course-button:active {
    color: #ffffff !important;
    text-decoration: none !important;
    border-bottom: none !important;
}


/* REGISTER NOW - HOVER */

.plc60-course-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 14px rgba(0,0,0,.25);
}


/* ========================================
   TJ ADMISSION PREP COURSE
   ======================================== */

.plc60-course-card h2 {
    margin: 0 0 12px !important;

    color: #ffd43f !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}


/* ========================================
   COURSE INFORMATION
   ======================================== */

.plc60-course-card p {
    margin: 6px 0 !important;

    color: #ffffff !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1.5 !important;

    text-decoration: none !important;
}


/* ========================================
   PLC60 HERO - REDUCE SPACE BEFORE MIT
   ======================================== */

.plc60-hero {
    padding-bottom: 0 !important;
}


/* Hero 전체 높이 축소 */
.plc60-hero-frame {
    height: 580px !important;
}

/* ========================================
   PLC60 HERO TITLE - LARGER
   ======================================== */

.plc60-hero-title {
    font-size: 44px !important;
}

/* ========================================
   PLC60 MIT SUCCESS STORY
   COLOR / FONT CONSISTENCY
   ======================================== */

.plc60-mit-card h2 {
    color: #ffd43f !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 700 !important;
}

.plc60-mit-card p {
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
}


/* Success Story Button */

.plc60-mit-card a {
    background: #ffd43f !important;
    color: #153b68 !important;
    font-family: Arial, sans-serif !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.plc60-mit-card a:hover {
    background: #ffd43f !important;
    color: #153b68 !important;
}


/* ========================================
   LOWER LINK / PILL BUTTONS
   ======================================== */

.plc60-pills a {
    color: #ffd43f !important;
    border-color: #ffd43f !important;
    font-family: Arial, sans-serif !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.plc60-pills a:hover {
    color: #153b68 !important;
    background: #ffd43f !important;
    border-color: #ffd43f !important;
}


/* ========================================
   OUR BRANCHES
   ======================================== */

.plc60-branches-title {
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-weight: 700 !important;
}

.plc60-branches strong {
    color: #ffd43f !important;
    font-family: Arial, sans-serif !important;
}

.plc60-branches p {
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
}

.plc60-branches a {
    color: #ffd43f !important;
    font-family: Arial, sans-serif !important;
    text-decoration: underline;
}

.plc60-contact {
    color: #ffd43f !important;
}


/* ========================================
   PLC60 CIRCLE ICONS - CLEAR & LARGER
   ======================================== */
/* ========================================
   PLC60 NODE ICONS - CLEAN & SHARP
   ======================================== */

.plc60-node b {
    display: block !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 auto 8px !important;

    color: #ffffff !important;
    font-size: 36px !important;
    line-height: 42px !important;

    font-family: "Segoe UI Symbol",
                 "Arial Unicode MS",
                 Arial,
                 sans-serif !important;

    font-weight: 700 !important;

    text-decoration: none !important;

    /* 아이콘을 선명하게 */
    text-shadow:
        0 1px 2px rgba(0,0,0,.25),
        0 0 3px rgba(255,255,255,.25);
}


/* ========================================
   NODE TEXT
   ======================================== */

.plc60-node span {
    display: block !important;

    color: #ffffff !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;

    text-decoration: none !important;
}


/* ========================================
   ICON + TEXT - REMOVE UNDERLINE
   ======================================== */

.plc60-node,
.plc60-node *,
.plc60-node b,
.plc60-node span {
    text-decoration: none !important;
}


/* ========================================
   INDIVIDUAL ICON SIZE
   ======================================== */

/* TJ Admission Prep */
.node-tj b {
    font-size: 36px !important;
}

/* Digital SAT Prep */
.node-sat b {
    font-size: 36px !important;
}

/* Elite Tutors */
.node-elite b {
    font-size: 38px !important;
}

/* 1-on-1 Tutoring */
.node-tutor b {
    font-size: 38px !important;
}

/* Summer Program */
.node-summer b {
    font-size: 36px !important;
}

/* ========================================
   PLC60 NODE - ICON / TEXT FINAL SIZE
   ======================================== */

.plc60-node .node-icon {
    width: 28px !important;
    height: 28px !important;
    margin: 0 auto 5px !important;
    display: block !important;
}


/* Elite Tutors 아이콘 */
.plc60-node.node-elite .node-icon {
    width: 30px !important;
    height: 30px !important;
}


/* 1-on-1 아이콘 */
.plc60-node.node-tutor .node-icon {
    width: 30px !important;
    height: 30px !important;
}


/* 원 안의 글씨 */
.plc60-node span {
    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    margin: 0 !important;
}


/* 각 원별로 조금씩 조정 */
.plc60-node.node-tj span {
    font-size: 12px !important;
}

.plc60-node.node-sat span {
    font-size: 12px !important;
}

.plc60-node.node-elite span {
    font-size: 12px !important;
}

.plc60-node.node-tutor span {
    font-size: 12px !important;
}

.plc60-node.node-summer span {
    font-size: 12px !important;
}

/* ========================================
   PLC60 CIRCLE TEXT - FINAL
   서클 안 글자 배치만 조정
   ======================================== */

@media (min-width: 769px) {

    /* TJ Admission Prep
       TJ ADMISSION = 한 줄
       PREP = 두 번째 줄 */
    .plc60-node.node-tj span {
        font-size: 15px !important;
        line-height: 1.15 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    /* Digital SAT Prep
       DIGITAL = 첫 줄
       SAT PREP = 두 번째 줄
       글자 사이 간격을 조금 넉넉하게 */
    .plc60-node.node-sat span {
        font-size: 15px !important;
        line-height: 1.25 !important;
        letter-spacing: 0.5px !important;
        white-space: normal !important;
    }

}


/* ========================================
   PLC60 NODE CIRCLES - SLIGHTLY LARGER
   ======================================== */

.plc60-node {
    width: 120px !important;
    height: 116px !important;
    border-radius: 50% !important;
}

/* ========================================
   MIT SECTION - SMALL PILLS
   TEXT WHITE / BORDER YELLOW
   ======================================== */

.plc60-pills a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Hover 시에도 글씨 흰색 유지 */
.plc60-pills a:hover,
.plc60-pills a:visited,
.plc60-pills a:focus {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* ========================================
   MIT SECTION - PILL HOVER EFFECT
   ======================================== */

.plc60-pills a {
    color: #ffffff !important;
    background: transparent !important;
    border: 1px solid #9ec1e8 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

/* HOVER */
.plc60-pills a:hover {
    color: #153b68 !important;
    background: #ffd43f !important;
    border-color: #ffd43f !important;
    text-decoration: none !important;
}

/* 클릭/방문 후에도 기본 상태 유지 */
.plc60-pills a:visited,
.plc60-pills a:focus {
    text-decoration: none !important;
}

/* ========================================
   MIT SUCCESS STORY - HOVER EFFECT
   ======================================== */

.plc60-mit-success-button {
    color: #153b68 !important;
    background: #ffd43f !important;
    border: 1px solid #ffd43f !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

/* 마우스를 올리면 살짝 위로 움직이고 강조 */
.plc60-mit-success-button:hover {
    color: #153b68 !important;
    background: #ffd43f !important;
    border-color: #ffd43f !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.20) !important;
    text-decoration: none !important;
}

.plc60-course-card h2 a,
.plc60-course-card h2 a:hover,
.plc60-course-card h2 a:visited,
.plc60-course-card h2 a:focus {
    color: #ffd43f !important;
    text-decoration: none !important;
}


/* ========================================
   TJ ADMISSION COURSE LINK
   ======================================== */

.plc60-course-card h2 a,
.plc60-course-card h2 a:link,
.plc60-course-card h2 a:visited,
.plc60-course-card h2 a:hover,
.plc60-course-card h2 a:active {
    color: #ffd43f !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: none !important;
}


/* ========================================
   PLC60 FOOTER
   ======================================== */

.plc60-footer {
    display: block !important;
    width: 100% !important;
    background: #183f72 !important;
    color: #ffffff !important;
    padding: 40px 20px 25px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    position: relative !important;
    clear: both !important;
}


/* ========================================
   FOOTER LINKS
   ======================================== */

.plc60-footer-links {
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto 28px !important;

    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 35px !important;

    text-align: left !important;
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.9 !important;
}


/* 각 Footer 항목 */

.plc60-footer-links > div {
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1.9 !important;
}


/* 별표 포인트 */

.plc60-footer-links > div::first-line {
    color: #ffd43f !important;
}


/* ========================================
   FOOTER BRAND
   ======================================== */

.plc60-footer-brand {
    color: #ffd43f !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;

    margin-top: 20px !important;
    padding-top: 20px !important;

    border-top: 1px solid rgba(255,255,255,.20) !important;
}


/* ========================================
   COPYRIGHT
   ======================================== */

.plc60-copyright {
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;

    margin-top: 12px !important;
    opacity: .85 !important;
}


/* ========================================
   MOBILE / TABLET
   ======================================== */

@media (max-width: 768px) {

    .plc60-footer {
        padding: 35px 15px 20px !important;
    }

    .plc60-footer-links {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        text-align: center !important;
    }

    .plc60-footer-links > div {
        font-size: 12px !important;
    }

    .plc60-footer-brand {
        font-size: 14px !important;
    }
}

@media (min-width: 769px) {

/* ========================================
   PLC60 FOOTER - DESKTOP ONLY
   ======================================== */

.plc60-footer {
    background: #bfd2ec !important;
    color: #ffffff;
    text-align: center;
    padding: 38px 30px 0;
    margin: 0;
}

/* Footer 3개 컬럼 */
.plc60-footer-links {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    text-align: left;
}

/* Footer 항목 */
.plc60-footer-links > div {
    color: #183b6b !important;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 2;
}

/* 첫 번째 컬럼 */
.plc60-footer-links > div:first-child {
    color: #ffffff;
}

/* Footer 브랜드 */
.plc60-footer-brand {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.25);

    color: #ffd43f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    font-weight: 700;
}

/* Copyright */
.plc60-copyright {
    margin: 30px -30px 0;
    padding: 15px;

    background: #0b2342;

    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

}

/* ========================================
   PLC60 FOOTER - FINAL COLOR
   ======================================== */

/* Footer 메뉴 전체 */
.plc60-footer-links > div,
.plc60-footer-links > div:first-child {
    color: #183b6b !important;
}

/* Footer 브랜드 */
.plc60-footer-brand {
    color: #183b6b !important;
}

/* Copyright */
.plc60-copyright {
    background: #0b2342 !important;
    color: #ffffff !important;
}


/* ========================================
   PLC60 FOOTER - ALL MENU TEXT
   ======================================== */

.plc60-footer-links,
.plc60-footer-links div,
.plc60-footer-links div span,
.plc60-footer-links div a,
.plc60-footer-links div strong {
    color: #183b6b !important;
}


/* ========================================
   FOOTER FIRST ITEMS - COLOR
   ======================================== */

.plc60-footer-links > div:first-child {
    color: #183b6b !important;
}

.plc60-footer-links > div:nth-child(2) {
    color: #183b6b !important;
}

.plc60-footer-links > div:nth-child(3) {
    color: #183b6b !important;
}

/* Footer 각 컬럼의 첫 줄 노란색 제거 */
.plc60-footer-links > div::first-line {
    color: #183b6b !important;
}

/* ========================================
   COURSE CARD - CLEAN BACKGROUND
   ======================================== */
/* ========================================
   COURSE CARD - COMPLETELY OPAQUE
   ======================================== */

.plc60-course-card {
    position: relative !important;
    z-index: 50 !important;

    /* 뒤의 PLC 워터마크가 절대 비치지 않도록 */
    background: rgb(40, 79, 136) !important;
    opacity: 1 !important;

    /* 카드 자체 그림자 제거 */
    box-shadow: none !important;

    /* 카드 안의 내용이 확실히 위에 오도록 */
    isolation: isolate !important;
}

/* 카드 내부를 완전히 불투명하게 */
.plc60-course-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;

    background: rgb(40, 79, 136) !important;

    border-radius: 12px !important;
    z-index: -1 !important;
}

/* Register Now */
.plc60-course-button {
    position: relative !important;
    z-index: 100 !important;

    opacity: 1 !important;
    background: #19c552 !important;
    color: #ffffff !important;

    text-shadow: none !important;
    box-shadow: none !important;
}


/* ========================================
   PLC60 DESKTOP - RESPONSIVE HEIGHT
   Shorter desktop screens only
   MOBILE IS NOT CHANGED
   ======================================== */

@media (min-width: 992px) and (max-height: 850px){

    .plc60-hero-frame{
        height: 560px !important;
    }

    .plc60-hero-title{
        top: 12px !important;
        font-size: 36px !important;
        transform: none !important;
    }

    .plc60-hero-since{
        top: 58px !important;
        transform: none !important;
        font-size: 22px !important;
    }

    .plc60-node{
        width: 118px !important;
        height: 118px !important;
    }

    /* Circle text — another ~15% smaller */
    .plc60-node span{
        font-size: 8.5px !important;
        line-height: 1.1 !important;
    }

    .node-tj{
        left: 205px !important;
        top: 105px !important;
        transform: none !important;
    }

    .node-sat{
        left: 411px !important;
        top: 105px !important;
        transform: none !important;
    }

    .node-elite{
        left: 306px !important;
        top: 235px !important;
        transform: none !important;
    }

    .node-tutor{
        left: 205px !important;
        top: 370px !important;
        transform: none !important;
    }

    .node-summer{
        left: 411px !important;
        top: 370px !important;
        transform: none !important;
    }

    .plc60-lines{
        transform: none !important;
    }

    .line-tl{
        width: 68px !important;
        left: 286px !important;
        top: 193px !important;
        transform: rotate(55deg) !important;
    }

    .line-tr{
        width: 68px !important;
        left: 434px !important;
        top: 193px !important;
        transform: rotate(125deg) !important;
    }

    .line-bl{
        width: 92px !important;
        left: 333px !important;
        top: 322px !important;
        transform: rotate(127deg) !important;
    }

    .line-br{
        width: 92px !important;
        left: 387px !important;
        top: 322px !important;
        transform: rotate(53deg) !important;
    }
}

@media (min-width: 992px) and (max-height: 720px){

    .plc60-hero-frame{
        height: 500px !important;
    }

    .plc60-hero-title{
        top: -5px !important;
        font-size: 38px !important;
        transform: none !important;
    }

    .plc60-hero-since{
        top: 38px !important;
        font-size: 25px !important;
        transform: none !important;
    }

    .plc60-node{
        width: 96px !important;
        height: 96px !important;
    }

    .node-tj{
        left: 210px !important;
        top: 92px !important;
    }

    .node-sat{
        left: 406px !important;
        top: 92px !important;
    }

    .node-elite{
        left: 312px !important;
        top: 208px !important;
    }

    .node-tutor{
        left: 210px !important;
        top: 325px !important;
    }

    .node-summer{
        left: 406px !important;
        top: 325px !important;
    }

    .line-tl{
        width: 62px !important;
        left: 289px !important;
        top: 170px !important;
    }

    .line-tr{
        width: 62px !important;
        left: 431px !important;
        top: 170px !important;
    }

    .line-bl{
        width: 80px !important;
        left: 337px !important;
        top: 285px !important;
    }

    .line-br{
        width: 80px !important;
        left: 383px !important;
        top: 285px !important;
    }
}

/* ========================================
   PLC60 - SHORT DESKTOP CIRCLE TEXT FINAL FIX
   Only the text inside the 5 circles
   ======================================== */
@media (min-width: 992px) and (max-height: 850px){
    .plc60-node.node-tj span,
    .plc60-node.node-sat span,
    .plc60-node.node-elite span,
    .plc60-node.node-tutor span,
    .plc60-node.node-summer span {
        font-size: 9px !important;
        line-height: 1.05 !important;
    }
}



/* ========================================
   PLC60 HEADER RESPONSIVE
   769px ~ 991px
   ======================================== */

@media (min-width:769px) and (max-width:991px){

    /* TOP WHITE HEADER */
    .plc60-top-header{
        height:68px !important;
        padding:0 15px !important;
    }

    /* LOGO */
    .plc60-logo img{
        width:125px !important;
    }

    /* TOP MENU */
    .plc60-top-nav{
        gap:12px !important;
    }

    .plc60-top-nav a{
        font-size:11px !important;
    }

    /* REGISTRATION */
    .plc60-registration{
        padding:10px 16px !important;
        font-size:11px !important;
        white-space:nowrap !important;
    }


    /* ========================================
       SECOND NAVIGATION
       ======================================== */

    .plc60-main-nav{
        width:100% !important;
        height:42px !important;
        overflow:hidden !important;
        justify-content:center !important;
    }

    .plc60-main-nav a{
        padding:10px 10px !important;
        font-size:11px !important;
        white-space:nowrap !important;
    }

}






/* =========================================================
   PLC60 — RESPONSIVE MAIN NAV
   769px ~ 991px
   메뉴가 겹치지 않도록 자연스럽게 축소
   ========================================================= */

@media (min-width: 769px) and (max-width: 991px) {

    .plc60-main-nav {
        width: 100% !important;
        height: 42px !important;
        min-height: 42px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 0 !important;
        overflow: hidden !important;
    }

    .plc60-main-nav a {
        flex: 0 1 auto !important;
        min-width: 0 !important;

        padding: 10px 7px !important;

        font-size: 10px !important;
        line-height: 1 !important;

        white-space: nowrap !important;
        text-align: center !important;

        box-sizing: border-box !important;
    }

}


/* ---------------------------------------------------------
   조금 더 작은 화면
   --------------------------------------------------------- */

@media (min-width: 769px) and (max-width: 850px) {

    .plc60-main-nav a {
        padding: 10px 4px !important;
        font-size: 9px !important;
    }

}


/* =========================================================
   PLC60 MOBILE HEADER
   768px 이하에서만 표시
   ========================================================= */

.plc60-mobile-header {
    display: none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    /* 기존 PLC60 Desktop Header 숨김 */
    .plc60-header {
        display: none !important;
    }

    /* Mobile Header 표시 */
    .plc60-mobile-header {
        display: block !important;
        width: 100%;
        background: #ffffff;
        position: relative;
        z-index: 9999;
    }

    .plc60-mobile-top {
        height: 64px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 0 15px;
        box-sizing: border-box;
    }

    .plc60-mobile-logo img {
        width: 135px;
        height: auto;
        display: block;
    }

    .plc60-mobile-toggle {
        width: 44px;
        height: 44px;

        border: none;
        border-radius: 6px;

        background: #183b6b;
        color: #ffffff;

        font-size: 25px;
        line-height: 44px;

        cursor: pointer;
    }

    .plc60-mobile-menu {
        display: none;

        background: #183b6b;
        width: 100%;
    }

    .plc60-mobile-open .plc60-mobile-menu {
        display: block !important;
    }

    .plc60-mobile-menu a {
        display: block;

        padding: 13px 18px;

        border-bottom: 1px solid rgba(255,255,255,.15);

        color: #ffffff;
        font-family: Arial, sans-serif;

        font-size: 14px;
        font-weight: 600;

        text-decoration: none;
    }

    .plc60-mobile-menu a:hover {
        background: #24538d;
    }

}