@charset "utf-8";

/*
    REVAMP
    PF Main/Sub Navigation
*/
.pf-main-nav,
.pf-sub-nav {margin:0 auto; max-width:1920px; overflow:hidden;}
.pf-main-nav .innr,
.pf-sub-nav .innr {margin:0 auto; max-width:1440px;}
.pf-main-nav .pf-head-title {padding:48px 24px 16px;}
.pf-main-nav .pf-head-title h2 {line-height:48px; font-size:40px;}
.pf-m-nav-menu {position:relative; padding:16px 24px 10px; overflow:visible;}
.pf-m-nav-menu .pf-m-nav-prev[data-device="mo"],
.pf-m-nav-menu .pf-m-nav-next[data-device="mo"] {position:absolute; top:50%; width:35px; height:35px; background:url(/sec/static/_images/revamp/icon-pf-sub-nav-arrow.svg) left top / 100% no-repeat; z-index:10;}
.pf-m-nav-menu .pf-m-nav-prev[data-device="mo"] {left:10px; transform:translateY(-50%) rotate(180deg);}
.pf-m-nav-menu .pf-m-nav-next[data-device="mo"] {right:10px; transform:translateY(-50%);}
.pf-m-nav-menu-innr {display:flex;}/* swiper 실행 전 UI 유지 */
.pf-m-nav-item {margin-right:8px; width:auto;}
.pf-m-nav-item:last-child {margin-right:0;}
.pf-m-nav-item a {display:block;}/* focus outline */
.pf-m-nav-item .item-innr {display:flex; flex-direction:column; row-gap:6px; padding:12px 12px 10px; width:200px; min-height:168px; background-color:#f7f7f7; border-radius:16px;}
.pf-m-nav-item .item-innr .txt dt {display:flex; align-items:center; justify-content:center; height:44px; text-align:center; line-height:22px; font-size:16px; font-weight:bold;}
.pf-m-nav-item .item-innr .txt dd {height:0; overflow:hidden;}
.pf-m-nav-item .item-innr .img {margin:0 auto; max-width:96px;}
.pf-m-nav-item .item-innr .img > img {transition:transform 200ms cubic-bezier(.35,0,.36,1);}
.pf-m-nav-item:not(.item-actv) a:hover .item-innr .img > img {transform:scale(1.1);}
.pf-m-nav-item.item-actv a {pointer-events:none; cursor:default;}
.pf-m-nav-item.item-actv .item-innr {flex-direction:row; align-items:center; column-gap:8px; padding:23px 24px 25px; width:390px;}
.pf-m-nav-item.item-actv .item-innr .txt {width:214px;}
.pf-m-nav-item.item-actv .item-innr .txt dt {display:block; height:auto; text-align:left; line-height:27px; font-size:20px;}
.pf-m-nav-item.item-actv .item-innr .txt dd {margin-top:8px; height:auto; line-height:16px; font-size:12px; letter-spacing:-.025em; word-break:break-all;}
.pf-m-nav-item.item-actv .item-innr .img {max-width:120px;}
.pf-m-nav-menu .pf-m-nav-ctrl {display:flex; align-items:center; justify-content:center; column-gap:60px; margin:0 auto; max-width:1440px;}
.slide-initialized .pf-m-nav-menu .pf-m-nav-ctrl {margin:24px auto 0;}
.pf-m-nav-ctrl .pf-m-nav-prgrs {position:relative; width:562px; height:2px; background-color:rgba(0,0,0,.1); border-radius:1px; overflow:hidden;}
.pf-m-nav-ctrl .pf-m-nav-prgrs .swiper-pagination-progressbar-fill {background:black; border-radius:1px;}
.pf-m-nav-ctrl .pf-m-nav-cta {display:flex; column-gap:12px;}
.pf-m-nav-ctrl .pf-m-nav-cta button {width:40px; height:40px; background:url(/sec/static/_images/revamp/icon-pf-main-nav-arrow.svg) top left / 100% no-repeat;}
.pf-m-nav-ctrl .pf-m-nav-cta .pf-m-nav-prev {transform:rotate(180deg);}
.pf-m-nav-ctrl .pf-m-nav-cta .swiper-button-disabled {pointer-events:none; cursor:default; opacity:.4;}
.pf-m-nav-ctrl .pf-m-nav-cta .swiper-button-disabled:focus {outline:none !important;}

.pf-main-nav-empty {display:none;}
.pf-main-nav.nav-fxd .pf-head-title,
.nav-fxd .pf-m-nav-menu .pf-m-nav-ctrl,
.nav-fxd .pf-m-nav-item .item-innr .img,
.nav-fxd .pf-m-nav-item .item-innr .txt dd,
.nav-fxd .pf-m-nav-item .item-innr .txt dt > br {display:none;}

.pf-main-nav.nav-fxd {position:fixed; top:0; right:0; left:0; height:auto; background-color:white; border-bottom:1px solid #ddd; z-index:12;}
.nav-fxd .pf-m-nav-menu {padding-top:0; padding-bottom:0; text-align:center; overflow:hidden;}
.nav-fxd .pf-m-nav-menu-innr {display:inline-flex; width:auto;}
.nav-fxd .pf-m-nav-item:not(:last-child) {margin-right:24px;}
.nav-fxd .pf-m-nav-item .item-innr {padding:24px 0 26px; width:auto; min-height:auto; background-color:transparent;}
.nav-fxd .pf-m-nav-item .item-innr .txt dt {height:auto; line-height:19px; font-size:14px; white-space:nowrap; color:#717171;}
.nav-fxd .pf-m-nav-item.item-actv .item-innr,
.nav-fxd .pf-m-nav-item.item-actv .item-innr .txt {width:auto;}
.nav-fxd .pf-m-nav-item.item-actv .item-innr .txt dt {color:black;}
.nav-fxd + .pf-main-nav-empty {display:block; min-height:370px;}

.pf-s-nav-menu {position:relative; padding:24px 24px 8px; text-align:center; overflow:hidden;}
.pf-s-nav-menu .pf-s-nav-menu-innr {display:inline-flex; align-items:center; justify-content:center; width:auto;}
.pf-s-nav-menu .pf-s-nav-prev,
.pf-s-nav-menu .pf-s-nav-next {position:absolute; top:24px; width:20px; height:56px; background:url(/sec/static/_images/revamp/icon-pf-sub-nav-arrow.svg) left center / 20px no-repeat; z-index:10;}
.pf-s-nav-menu .pf-s-nav-prev {left:2px; transform:rotate(180deg);}
.pf-s-nav-menu .pf-s-nav-next {right:2px;}
.pf-s-nav-item {display:inline-block;}
.swiper-wrapper .pf-s-nav-item {width:auto;}
.pf-s-nav-item button {padding:16px; white-space:nowrap; color:#717171;}
.pf-s-nav-item button > b {display:inline; line-height:24px; font-size:18px; letter-spacing:-.025em;}
.pf-s-nav-item.item-actv button {color:black;}

.pf-main-nav .pf-head-title h2[data-device="mo"],
.pf-m-nav-item .item-innr .txt dt[data-device="mo"],
.pf-s-nav-item button > b[data-device="mo"] {display:none;}

.pf-m-nav-menu > .pf-m-nav-prev,
.pf-m-nav-menu > .pf-m-nav-next,
.pf-m-nav-menu > .swiper-button-disabled,
.pf-m-nav-menu > .swiper-button-lock,
.pf-s-nav-menu .swiper-button-disabled {display:none;}

.nav-fxd .pf-m-nav-menu > .pf-m-nav-prev,
.nav-fxd .pf-m-nav-menu > .pf-m-nav-next {display:block;}
.nav-fxd .pf-m-nav-menu > .swiper-button-lock {display:none;}

@media screen and (max-width:1100px) {
    .pf-main-nav .pf-head-title {padding:2.9963vw 2.9963vw .9988vw;}
    .pf-main-nav .pf-head-title h2 {line-height:3.9950vw; font-size:2.9963vw;}
    .pf-m-nav-menu {padding:.9988vw 2.9963vw;}
    .pf-m-nav-item .item-innr {row-gap:0; padding:1.4981vw .9988vw 1.9975vw; width:17.4782vw; min-height:16.7291vw; border-radius:2.4969vw;}
    .pf-m-nav-item .item-innr .txt dt {height:7.2409vw; line-height:2.3720vw; font-size:1.7478vw;}
    .pf-m-nav-item .item-innr .img {max-width:5.9925vw;}
    .pf-m-nav-item.item-actv .item-innr {padding:2.8714vw 1.9975vw; width:32.9588vw;}
    .pf-m-nav-item.item-actv .item-innr .txt {width:16.9788vw;}
    .pf-m-nav-item.item-actv .item-innr .txt dt {line-height:2.7466vw; font-size:1.9975vw;}
    .pf-m-nav-item.item-actv .item-innr .txt dd {margin-top:.9988vw; line-height:1.9975vw; font-size:1.4981vw;}
    .pf-m-nav-item.item-actv .item-innr .img {max-width:10.9863vw;}
    .pf-m-nav-menu .pf-m-nav-ctrl {column-gap:1.9975vw; margin-top:1.4981vw;}
    .pf-m-nav-ctrl .pf-m-nav-prgrs {width:38.9513vw;}
    .pf-m-nav-ctrl .pf-m-nav-cta {column-gap:0.7491vw;}
    .pf-m-nav-ctrl .pf-m-nav-cta button {width:2.9963vw; height:2.9963vw;}

    .nav-fxd + .pf-main-nav-empty {min-height:31.2110vw;}
    .nav-fxd .pf-m-nav-menu-innr {justify-content:flex-start;}
    .nav-fxd .pf-m-nav-item.item-actv .item-innr {padding:2.9963vw 0 3.2459vw;}
    .nav-fxd .pf-m-nav-item.item-actv .item-innr .txt dt {line-height:2.3720vw; font-size:1.7478vw;}

    .pf-s-nav-menu {padding:3.9950vw 2.9963vw 1.4981vw;}
    .pf-s-nav-item button {padding:1.1236vw .9988vw .9988vw;}
    .pf-s-nav-item button > b {line-height:2.6217vw; font-size:1.9975vw;}
}
@media screen and (max-width:801px) {
    .pf-main-nav .pf-head-title {padding:24px 24px 8px;}
    .pf-main-nav .pf-head-title h2 {line-height:32px; font-size:24px;}
    .pf-m-nav-menu {padding:8px 24px;}
    .pf-m-nav-item .item-innr {row-gap:0; padding:12px 8px 16px; width:140px; min-height:134px; border-radius:20px;}
    .pf-m-nav-item .item-innr .txt dt {height:58px; line-height:19px; font-size:14px;}
    .pf-m-nav-item .item-innr .img {max-width:48px;}
    .pf-m-nav-item.item-actv .item-innr {padding:23px 16px; width:264px;}
    .pf-m-nav-item.item-actv .item-innr .txt {width:136px;}
    .pf-m-nav-item.item-actv .item-innr .txt dt {line-height:22px; font-size:16px;}
    .pf-m-nav-item.item-actv .item-innr .txt dd {margin-top:8px; line-height:16px; font-size:12px;}
    .pf-m-nav-item.item-actv .item-innr .img {max-width:88px;}
    .pf-m-nav-menu .pf-m-nav-ctrl {column-gap:16px; margin-top:12px;}
    .pf-m-nav-ctrl .pf-m-nav-prgrs {width:312px;}
    .pf-m-nav-ctrl .pf-m-nav-cta {column-gap:6px;}
    .pf-m-nav-ctrl .pf-m-nav-cta button {width:24px; height:24px;}

    .nav-fxd + .pf-main-nav-empty {min-height:250px;}
    .nav-fxd .pf-m-nav-menu-innr {justify-content:flex-start;}
    .nav-fxd .pf-m-nav-item.item-actv .item-innr {padding:24px 0 26px;}
    .nav-fxd .pf-m-nav-item.item-actv .item-innr .txt dt {line-height:19px; font-size:14px;}

    .pf-s-nav-menu {padding:32px 24px 12px;}
    .pf-s-nav-item button {padding:9px 8px 8px;}
    .pf-s-nav-item button > b {line-height:21px; font-size:16px;}
}
@media screen and (max-width:800px) {
    .pf-main-nav .pf-head-title h2[data-device="pc"],
    .pf-m-nav-menu .pf-m-nav-ctrl[data-device="pc"],
    .pf-m-nav-item .item-innr .txt dt[data-device="pc"],
    .pf-s-nav-item button > b[data-device="pc"] {display:none;}
    .pf-main-nav .pf-head-title h2[data-device="mo"],
    .pf-m-nav-menu .pf-m-nav-prev[data-device="mo"],
    .pf-m-nav-menu .pf-m-nav-next[data-device="mo"],
    .pf-s-nav-item button > b[data-device="mo"] {display:block;}
    .pf-m-nav-menu .swiper-button-disabled[data-device="mo"] {display:none;}
    .pf-m-nav-item .item-innr .txt dt[data-device="mo"] {display:flex;}
    .pf-m-nav-item.item-actv .item-innr .txt dt[data-device="mo"] {display:block;}

    .pf-m-nav-menu {padding:2.2222vw 10vw;}
    .pf-m-nav-item:first-child {margin-left:-3.3333vw;}
    .pf-m-nav-item:last-child {margin-right:-3.3333vw;}
    .pf-m-nav-item.item-actv .item-innr .txt dd {display:none;}
    .pf-m-nav-menu {position:relative;}
    .pf-m-nav-menu .pf-m-nav-prev[data-device="mo"],
    .pf-m-nav-menu .pf-m-nav-next[data-device="mo"] {position:absolute; top:50%; width:11.9444vw; height:37.2222vw; background:url(/sec/static/_images/revamp/icon-pf-sub-nav-arrow.svg) left center / 9.7222vw no-repeat; z-index:10;}
    .pf-m-nav-menu .pf-m-nav-prev[data-device="mo"] {left:.5556vw; transform:translateY(-50%) rotate(180deg);}
    .pf-m-nav-menu .pf-m-nav-next[data-device="mo"] {right:.5556vw; transform:translateY(-50%);}

    .nav-fxd + .pf-main-nav-empty {min-height:59.4444vw;}
    .nav-fxd .pf-m-nav-menu .pf-m-nav-prev[data-device="mo"],
    .nav-fxd .pf-m-nav-menu .pf-m-nav-next[data-device="mo"] {width:5.5556vw; height:18.3333vw; background-size:5.5556vw;}
    .nav-fxd .pf-m-nav-item.item-actv .item-innr {padding:6.6667vw 0 7.2222vw;}
    .nav-fxd .pf-m-nav-item.item-actv .item-innr .txt dt {line-height:5.2778vw; font-size:3.8889vw;}

    .pf-s-nav-menu {padding:8.8889vw 6.6667vw 3.3333vw;}
    .pf-s-nav-item:first-child {margin-left:-2.2222vw;}
    .pf-s-nav-item:last-child {margin-right:-2.2222vw;}
    .pf-s-nav-menu .pf-s-nav-prev,
    .pf-s-nav-menu .pf-s-nav-next {top:8.8889vw; width:5.5556vw; height:10.5556vw;}
    .pf-s-nav-menu .pf-s-nav-prev {left:.5556vw;}
    .pf-s-nav-menu .pf-s-nav-next {right:.5556vw;}
    .pf-s-nav-item button {padding:2.5000vw 2.2222vw 2.2222vw;}
    .pf-s-nav-item button > b {line-height:5.8333vw; font-size:4.4444vw;}
}
@media screen and (max-width:360px) {
    .pf-m-nav-menu {padding:8px 36px;}
    .pf-m-nav-item:first-child {margin-left:-12px;}
    .pf-m-nav-item:last-child {margin-right:-12px;}
    .pf-m-nav-item.item-actv .item-innr .txt dd {display:none;}
    .pf-m-nav-menu {position:relative;}
    .pf-m-nav-menu .pf-m-nav-prev[data-device="mo"],
    .pf-m-nav-menu .pf-m-nav-next[data-device="mo"] {position:absolute; top:50%; width:43px; height:134px; background:url(/sec/static/_images/revamp/icon-pf-sub-nav-arrow.svg) left center / 35px no-repeat; z-index:10;}
    .pf-m-nav-menu .pf-m-nav-prev[data-device="mo"] {left:2px; transform:translateY(-50%) rotate(180deg);}
    .pf-m-nav-menu .pf-m-nav-next[data-device="mo"] {right:2px; transform:translateY(-50%);}

    .nav-fxd + .pf-main-nav-empty {min-height:214px;}
    .nav-fxd .pf-m-nav-menu .pf-m-nav-prev[data-device="mo"],
    .nav-fxd .pf-m-nav-menu .pf-m-nav-next[data-device="mo"] {width:20px; height:66px; background-size:20px;}
    .nav-fxd .pf-m-nav-item.item-actv .item-innr {padding:24px 0 26px;}
    .nav-fxd .pf-m-nav-item.item-actv .item-innr .txt dt {line-height:19px; font-size:14px;}

    .pf-s-nav-menu {padding:32px 24px 12px;}
    .pf-s-nav-item:first-child {margin-left:-8px;}
    .pf-s-nav-item:last-child {margin-right:-8px;}
    .pf-s-nav-menu .pf-s-nav-prev,
    .pf-s-nav-menu .pf-s-nav-next {top:32px; width:20px; height:38px;}
    .pf-s-nav-menu .pf-s-nav-prev {left:2px;}
    .pf-s-nav-menu .pf-s-nav-next {right:2px;}
    .pf-s-nav-item button {padding:9px 8px 8px;}
    .pf-s-nav-item button > b {line-height:21px; font-size:16px;}

}
@media screen and (max-width:320px) {
    .pf-m-nav-item.item-actv .item-innr {width:224px;}
    .pf-m-nav-item.item-actv .item-innr .txt {width:96px;}
}