/* Only the requested PC navigation and home contact rail. */
@media (min-width: 1025px) {
    .sk_app .pc_header.sk_hdr .sk_gnb { height: 67px; min-height: 67px; padding: 0 24px 0 40px; gap: 28px; flex-wrap: nowrap; }
    .sk_app .pc_header.sk_hdr .sk_gnb_big { flex: 0 0 auto; gap: 28px; }
    .sk_app .pc_header.sk_hdr .sk_gnb_item { position: relative; font-size: 20px; font-weight: 500; color: #fff; }
    .sk_app .pc_header.sk_hdr .sk_gnb_item:is(:hover, .active)::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #fff; }
    .sk_app .pc_header.sk_hdr .sk_gnb_sm { flex: 1 1 auto; justify-content: flex-end; flex-wrap: nowrap; gap: 16px; }
    .sk_app .pc_header.sk_hdr .sk_gnb_link { font-size: 15px; font-weight: 400; line-height: 65px; color: #fff; }
    .sk_app .pc_header.sk_hdr .txt_rolling { display: inline-flex; padding: 0; gap: 0; white-space: nowrap; }
    .sk_app .pc_header .txt_rolling > span { animation: rolling-colors 1500ms steps(1, end) infinite; }
    .sk_app .pc_header .txt_rolling > span:nth-child(2) { animation-name: rolling-colors-1; }
    .sk_app .pc_header .txt_rolling > span:nth-child(3) { animation-name: rolling-colors-2; }
    .sk_app .pc_header .txt_rolling > span:nth-child(4) { animation-name: rolling-colors-3; }

    /* Home's existing content inset is 16px; the source rail starts at the container edge. */
    .sk_app #right_contents.sk_side { display: block; width: 230px; margin-top: -16px; position: relative; }
    .sk_app #right_contents .sk_clock { display: flex; align-items: baseline; gap: 10px; padding: 47px 0 0; border-bottom: 1px solid #090909; }
    .sk_app #right_contents .sk_clock > * { font-family: 'Noto Sans Korean', sans-serif; font-size: 25px; font-weight: 900; line-height: 43px; letter-spacing: -1px; }
    .sk_app #right_contents .sk_clock > span { color: #303030; }
    .sk_app #right_contents #sk_clock { color: #a98a51; }
    .sk_app #right_contents .sk_cbn { height: 88px; padding: 48px 0 0 13px; display: block; border: 0; border-radius: 0; background-size: 230px 88px; background-repeat: no-repeat; background-position: left top; }
    .sk_app #right_contents .sk_cbn_tg { background-image: url('/images/castle/banner_right_tg.png'); }
    .sk_app #right_contents .sk_cbn_ka { margin-top: 10px; background-image: url('/images/castle/banner_right_kt.png'); }
    .sk_app #right_contents .sk_cbn_t, .sk_app #right_contents .sk_cbn i { display: none; }
    .sk_app #right_contents .sk_cbn_v { font-size: 29px; font-weight: 700; line-height: 29px; letter-spacing: -1.5px; color: #fff; text-shadow: 0 5px 5px rgb(0 0 0 / 75%); }
    .sk_app #right_contents .sk_cbn_ch { display: block; height: auto; margin-top: 10px; padding: 0; background: none; }
    .sk_app #right_contents .sk_cbn_ch img { display: block; width: 100%; height: auto; }
    .sk_app #right_contents .sk_cbn:hover { filter: none; }
    .sk_app #right_contents .sk_cs { margin-top: 10px; padding: 13px 0 12px 11px; background: #000; }
    .sk_app #right_contents .sk_cs h4 { margin: 0; font-size: 19px; line-height: 19px; font-weight: 700; color: #f8c853; }
    .sk_app #right_contents .sk_cs p { margin: 8px 0 0; font-size: 12px; line-height: 14px; color: #999; }
    .sk_app #right_contents .sk_cs_btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 138px; height: 30px; margin-top: 12px; padding: 0; border: 1px solid #f8c853; background: #121212; color: #f8c853; font-size: 13px; line-height: 28px; }
    .sk_app #right_contents .sk_cs_btn i { display: none; }
    .sk_app #right_contents .sk_cs_btn::after { content: ''; width: 10px; height: 7px; background: url('/images/castle/right/ico_arr_rt.png') no-repeat; }
}
@media (min-width: 1025px) and (max-width: 1250px) {
    .sk_app .pc_header.sk_hdr .sk_gnb { padding-inline: 16px; gap: 12px; }
    .sk_app .pc_header.sk_hdr .sk_gnb_big { gap: 12px; }
    .sk_app .pc_header.sk_hdr .sk_gnb_item { font-size: 18px; }
    .sk_app .pc_header.sk_hdr .sk_gnb_sm { gap: 8px; }
    .sk_app .pc_header.sk_hdr .sk_gnb_link { font-size: 12px; }
}
/* Original palette rotates right by one position every 300ms, including its duplicate yellow. */
@keyframes rolling-colors {
    0%, 100% { color: #FFE400; }
    20% { color: #FAED7D; }
    40% { color: #CCA63D; }
    60% { color: #F2CB61; }
    80% { color: #FFE400; }
}
@keyframes rolling-colors-1 {
    0%, 20%, 100% { color: #FFE400; }
    40% { color: #FAED7D; }
    60% { color: #CCA63D; }
    80% { color: #F2CB61; }
}
@keyframes rolling-colors-2 {
    0%, 100% { color: #F2CB61; }
    20%, 40% { color: #FFE400; }
    60% { color: #FAED7D; }
    80% { color: #CCA63D; }
}
@keyframes rolling-colors-3 {
    0%, 100% { color: #CCA63D; }
    20% { color: #F2CB61; }
    40%, 60% { color: #FFE400; }
    80% { color: #FAED7D; }
}
.sk_home_loader { color: #fff; text-align: center; padding-top: 10px; }
.sk_home_loader img { width: 20px; height: 20px; vertical-align: middle; }