@charset "utf-8";

@import url('icon.css');@import url('font.css');
@import url('../plab/layout.css');

/* css 변수 */
:root{
	--font-no: 'Noto Sans KR', sans-serif;
	--font-su: 'SUIT', sans-serif;
	--font-pr: 'Pretendard', sans-serif;
	
	--white: #fff;
	--black: #000;
	
	--gray-100: #121212;
	--gray-80: #363D48;
	--gray-70: #5C6675;
	--gray-60: #7E8B9A;
	--gray-50: #A4B1C1;
	--gray-40: #C2CAD6;
	--gray-30: #E0E3EB;
	--gray-20: #EDEDF3;
	--gray-10: #F6F6F9;
	--gray-5: #FAFAFC;
	--gray-0: #ffffff;
	
	--bg-primary: #fff;
	--bg-inactive: var(--gray-40);
	--bg-secondary: var(--gray-10);
	--bg-tertiary: var(--gray-20);
	--bg-inverse: var(--gray-100);
	--bg-alternative: var(--gray-5);
	--bg-backdrop: rgba(0, 0, 0, 0.40);
	
	--icon-primary: #7b8a9d;
	--icon-secondary: var(--gray-80);
	--icon-disabled: var(--gray-30);
	
	--surface-hover: rgba(0, 0, 0, .04);
	--surface-inactive: var(--gray-40);
	
	--brand-primary: #172C8D;
	--brand-primary-10: #EDEEF6;
	--brand-primary-5: #EAFAEB;
	--brand-secondary: #1FBAFF;
	--brand-secondary-5: #E6E5FF;
	--brand-secondary-10: #CCEFFF;
	--brand-inverse: #0cef67;

	--text-primary: var(--gray-100);
	--text-secondary: var(--gray-70);

	--text-inverse: #fff;
	--text-inactive: #A3B1C2;
	--text-brand: #172C8D;
	--text-negative: #ff4542;

	--stroke-accent: var(--gray-70);
	--stroke-border: var(--gray-30);
	--stroke-divider: var(--gray-20);

	--etc-red-10: #FDE7E7;
	--etc-blue-10: #e7effd;
	--etc-blue-70: #025af6;
	--etc-gradient: linear-gradient(90deg, #2EEA83 -13.29%, #00ECD9 50.75%, #036BFB 117.38%);
	--etc-premium: #172C8D;

	--border-radius-s: .4rem;
	--border-radius-m: .8rem;
	--border-radius-l: 1.2rem;
}

html{ font-family: var(--font-pr), sans-serif;}
textarea, input{outline: none;}
img {max-width: 100%;}
.plab__container *{font-family: var(--font-pr), sans-serif;}

/* Color */
.pl__color--primary{color: var(--text-primary) !important;}
.pl__color--secondary{color: var(--text-secondary) !important;}
.pl__color--teritary{color: var(--gray-50) !important;}
.pl__color--disabled{color: var(--gray-40) !important;}
.pl__color--brand{color: var(--text-brand) !important;}
.pl__color--brand2{color: var(--brand-primary) !important;}
.pl__color--brand3{color: var(--brand-inverse) !important;}
.pl__color--brand4{color: var(--brand-secondary) !important;}
.pl__color--white{color: var(--white) !important;}
.pl__color--inactive{color: var(--text-inactive) !important;}
.pl__color--inverse{color: var(--text-inverse) !important;}
.pl__color--negative{color: var(--text-negative) !important;}
.pl__color--premium{color: var(--etc-premium) !important;}
.pl__color--b70{color: var(--etc-blue-70) !important;}
.pl__color--b10{color: var(--etc-blue-10) !important;}
.pl__color--g100{color: var(--gray-100) !important;}
.pl__color--g70{color: var(--gray-70) !important;}
.pl__color--g60{color: var(--gray-60) !important;}
.pl__color--g50{color: var(--gray-50) !important;}
.pl__color--g30{color: var(--gray-30) !important;}
.pl__color--g20{color: var(--gray-20) !important;}
.pl__color--g10{color: var(--gray-10) !important;}
.pl__color--g5{color: var(--gray-5) !important;}
.pl__color--g0{color: var(--gray-0) !important;}

.pl__bg--primary{background: var(--text-primary) !important;}
.pl__bg--secondary{background: var(--text-secondary) !important;}
.pl__bg--tertiary{background: var(--bg-tertiary) !important;}
.pl__bg--disabled{background: var(--gray-40) !important;}
.pl__bg--brand{background: var(--text-brand) !important;}
.pl__bg--brand2{background: var(--brand-primary) !important;}
.pl__bg--brand3{background: var(--brand-inverse) !important;}
.pl__bg--brand4{background: var(--brand-secondary-10) !important;}
.pl__bg--white{background: var(--white) !important;}
.pl__bg--inactive{background: var(--bg-inactive) !important;}
.pl__bg--inverse{background: var(--bg-inverse) !important;}
.pl__bg--negative{background: var(--bg-negative) !important;}
.pl__bg--premium{background: var(--etc-premium) !important;}
.pl__bg--b70{background: var(--etc-blue-70) !important;}
.pl__bg--b10{background: var(--etc-blue-10) !important;}
.pl__bg--g100{background: var(--gray-100) !important;}
.pl__bg--g70{background: var(--gray-70) !important;}
.pl__bg--g60{background: var(--gray-60) !important;}
.pl__bg--g50{background: var(--gray-50) !important;}
.pl__bg--g30{background: var(--gray-30) !important;}
.pl__bg--g20{background: var(--gray-20) !important;}
.pl__bg--g10{background: var(--gray-10) !important;}
.pl__bg--g5{background: var(--gray-5) !important;}
.pl__bg--g0{background: var(--gray-0) !important;}

/* Layout */
.justify-start{justify-content: flex-start !important;}
.justify-end{justify-content: flex-end !important;}
.justify-center{justify-content: center !important;}
.justify-between{justify-content: space-between !important;}
.items-start{align-items: flex-start !important;}
.items-end{align-items: flex-end !important;}
.items-center{align-items: center !important;}
.p-0{padding: 0 !important;}
.px-0{padding-left: 0 !important;padding-right: 0 !important;}
.py-0{padding-top: 0 !important;padding-bottom: 0 !important;}

/* Text */
.pl__text--hidden{display: inline-block;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.pl__text--hidden--multi{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: unset;overflow: hidden;}


/* ======= Plab ======= */
body{height: auto;font-family: var(--font-pr);}
body.no-scroll{overflow: hidden;}
em{font-style: normal}
textarea{resize: none;}

/* input radio */
input[type=radio]{all: unset;appearance: none;background: var(--gray-50, #A4B1C1);width: 2.4rem;height: 2.4rem;mask-size: 100% auto;mask-position: center center;-webkit-mask-image: url('../../img/icon/icon_radio_off.svg');mask-image: url('../../img/icon/icon_radio_off.svg');flex-shrink: 0;}
input[type=radio]:checked{-webkit-mask-image: url('../../img/icon/icon_radio_on.svg');mask-image: url('../../img/icon/icon_radio_on.svg');}
/* input checkbox */
input[type=checkbox]{all: unset;appearance: none;background: var(--gray-50, #A4B1C1);width: 2.4rem;height: 2.4rem;mask-size: 100% auto;mask-position: center center;-webkit-mask-image: url('../../img/icon/icon_checkbox_off.svg');mask-image: url('../../img/icon/icon_checkbox_off.svg');flex-shrink: 0;}
input[type=checkbox]:checked{-webkit-mask-image: url('../../img/icon/icon_checkbox_on.svg');mask-image: url('../../img/icon/icon_checkbox_on.svg');}

/* mo 공통 */
.pl__container{min-height: 50rem;}
.px-2{padding-left:.2rem !important;padding-right:.2rem !important;}
.py-2{padding-top:.2rem !important;padding-bottom:.2rem !important;}
.px-5{padding-left:.5rem !important;padding-right:.5rem !important;}
.py-5{padding-top:.5rem !important;padding-bottom:.5rem !important;}
.px-4{padding-left:.4rem !important;padding-right:.4rem !important;}
.py-4{padding-top:.4rem !important;padding-bottom:.4rem !important;}
.py-6{padding-top:.6rem !important;padding-bottom:.6rem !important;}
.px-8{padding-left:.8rem !important;padding-right:.8rem !important;}
.py-8{padding-top:.8rem !important;padding-bottom:.8rem !important;}
.px-10{padding-left:1rem !important;padding-right:1rem !important;}
.py-10{padding-top:1rem !important;padding-bottom:1rem !important;}
.px-12{padding-left:1.2rem !important;padding-right:1.2rem !important;}
.py-12{padding-top:1.2rem !important;padding-bottom:1.2rem !important;}
.px-14{padding-left:1.4rem !important;padding-right:1.4rem !important;}
.py-14{padding-top:1.4rem !important;padding-bottom:1.4rem !important;}
.px-16{padding-left:1.6rem !important;padding-right:1.6rem !important;}
.py-16{padding-top:1.6rem !important;padding-bottom:1.6rem !important;}
.px-18{padding-left:1.8rem !important;padding-right:1.8rem !important;}
.py-18{padding-top:1.8rem !important;padding-bottom:1.8rem !important;}
.px-20{padding-left:2rem !important;padding-right:2rem !important;}
.py-20{padding-top:2rem !important;padding-bottom:2rem !important;}
.px-24{padding-left:2.4rem !important;padding-right:2.4rem !important;}
.py-24{padding-top:2.4rem !important;padding-bottom:2.4rem !important;}
.px-28{padding-left:2.8rem !important;padding-right:2.8rem !important;}
.py-28{padding-top:2.8rem !important;padding-bottom:2.8rem !important;}
.px-30{padding-left:3rem !important;padding-right:3rem !important;}
.py-30{padding-top:3rem !important;padding-bottom:3rem !important;}
.px-40{padding-left:4rem !important;padding-right:4rem !important;}
.py-40{padding-top:4rem !important;padding-bottom:4rem !important;}
.gap-0{gap: 0 !important;}
.gap-2{gap: .2rem !important;}
.gap-4{gap: .4rem !important;}
.gap-6{gap: .6rem !important;}
.gap-8{gap: .8rem !important;}
.gap-10{gap: 1rem !important;}
.gap-12{gap: 1.2rem !important;}
.gap-14{gap: 1.2rem !important;}
.gap-16{gap: 1.6rem !important;}
.gap-20{gap: 2rem !important;}
.gap-24{gap: 2.4rem !important;}
.gap-30{gap: 3rem !important;}
.gap-40{gap: 4rem !important;}
.gap-60{gap: 6rem !important;}

i[class*=pl__ico--] {position: relative;display: inline-block;width: 2.4rem;height: 2.4rem;}
i.pl__ico--new{width: 1.6rem;height: 1.6rem;}
i.pl__ico--new::after{background-size:100%;}
.pl__ico--arrow_up_s::after,
.pl__ico--arrow_down_s::after,
.pl__ico--arrow_left_s::after,
.pl__ico--arrow_right_s::after{width: 1.2rem;}
i.pl__ico--dot{width: 1.2rem;height: 1.2rem;}
i.pl__ico--dot::after{width: .6rem;height: 1.2rem;}

/* LAYOUT */
[class*=pl__layout]{display: flex;justify-content: space-between;gap: 2rem;flex-wrap: wrap;width: 100%;}
[class*=pl__layout][class*=--column]{flex-direction: column;justify-content: start;}
.pl__layout--column > div:not(.pl__inner){width:100%;}
.pl__layout--column--start{align-items: start;}
.pl__layout[class*=gap-] {justify-content: start;width: auto;}
.pl__layout > .pl__layout{width: auto;}
.pl__inner{margin: 0 auto;padding: 0 1.6rem;position: relative;width: 100%;max-width: 1200px;}
.pl__inner.pd-0{padding: 0;}
[class*=pl__box]{background: #fff;border-radius: var(--border-radius-m, .8rem);overflow: hidden;}
[class*=pl__box][class*=--border] { border: .1rem solid var(--gray-30, #E0E3EB);}
[class*=pl__box][class*=--bg] {background: var(--bg-secondary);}
[class*=pl__box][class*=--shadow]{box-shadow: 0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.08);}
[class*=pl__box][class*=--gradient] {position:relative;background: var(--Light, linear-gradient(147deg, #EAFDE7 44.12%, #BBEAFE 124.14%));}
[class*=pl__box][class*=--gradient][class*=--brand]{background: linear-gradient(103deg, #2EEA83 -9.82%, #00ECD9 79.23%, #036BFB 125.85%);}
[class*=pl__box][class*=--empty]{display: flex;justify-content: center;align-items: center;height: 44rem;text-align: center;border-radius: 0;}
[class*=pl__box][class*=--empty] [class*=pl__layout][class*=--column]{width: auto;align-items: center;}

/* TEXT */
[class*=pl__typo--]{font-family: var(--font-pr);color: var(--text-primary);}
[class*=pl__typo][class*=--normal]{line-height: normal;}
[class*=pl__typo--heading]{font-weight: 700 !important;}
[class*=pl__typo--heading30]{font-size: 3rem !important;line-height: 3.4rem;letter-spacing: -0.03rem;}
[class*=pl__typo--heading24]{font-size: 2.4rem !important;line-height: 3.4rem;letter-spacing: -0.024rem;}
[class*=pl__typo--heading22]{font-size: 2.2rem !important;line-height: 2.948rem;letter-spacing: 0;}
[class*=pl__typo--heading20]{font-size: 2rem !important;line-height: 2.86rem;letter-spacing: 0;}
[class*=pl__typo--heading18]{font-size: 1.8rem !important;line-height: 2.574rem;;letter-spacing: 0;}
[class*=pl__typo--heading16]{font-size: 1.6rem !important;line-height: 2.288rem;letter-spacing: 0;}
[class*=pl__typo--heading15]{font-size: 1.5rem !important;line-height: 2.1rem;letter-spacing: -0.015rem;}
[class*=pl__typo--heading14]{font-size: 1.4rem !important;line-height: 1.96rem;letter-spacing: -0.014rem;}
[class*=pl__typo--heading13]{font-size: 1.3rem !important;line-height: 1.82rem;letter-spacing: -0.013rem;}
[class*=pl__typo--heading12]{font-size: 1.2rem !important;line-height: 1.716rem;letter-spacing: -0.12rem;}
[class*=pl__typo--heading11]{font-size: 1.1rem !important;line-height: 1.573rem;letter-spacing: -0.11rem;}
[class*=pl__typo--title]{font-weight: 600 !important;}
[class*=pl__typo--title16]{font-size: 1.6rem !important;line-height: 2.4rem;letter-spacing: -0.016rem;}
[class*=pl__typo--title15]{font-size: 1.5rem !important;line-height: 2.1rem;letter-spacing: -0.015rem;}
[class*=pl__typo--title14]{font-size: 1.4rem !important;line-height: 1.96rem;letter-spacing: -0.014rem;}
[class*=pl__typo--title13]{font-size: 1.3rem !important;line-height: 1.82rem;letter-spacing: -0.013rem;}
[class*=pl__typo--title12]{font-size: 1.2rem !important;line-height: 1.71rem;letter-spacing: -0.012rem;}
[class*=pl__typo--title11]{font-size: 1.1rem !important;line-height: 1.7rem;letter-spacing: -0.011rem;}
[class*=pl__typo--subtitle]{font-weight: 500 !important;}
[class*=pl__typo--subtitle15]{font-size: 1.5rem !important;line-height: 2.1rem;letter-spacing: -0.015rem;}
[class*=pl__typo--subtitle14]{font-size: 1.4rem !important;line-height: 1.96rem;letter-spacing: -0.014rem;}
[class*=pl__typo--subtitle13]{font-size: 1.3rem !important;line-height: 1.82rem;letter-spacing: -0.013rem;}
[class*=pl__typo--subtitle12]{font-size: 1.2rem !important;line-height: 1.71rem;letter-spacing: -0.012rem;}
[class*=pl__typo--subtitle11]{font-size: 1.1rem !important;line-height: 1.7rem;letter-spacing: -0.011rem;}
[class*=pl__typo--body]{font-weight: 400 !important;}
[class*=pl__typo--body17]{font-size: 1.7rem !important;line-height: 2.7rem;letter-spacing: -0.034rem;}
[class*=pl__typo--body16]{font-size: 1.6rem !important;line-height: 2.24rem;letter-spacing: -0.016rem;}
[class*=pl__typo--body15]{font-size: 1.5rem !important;line-height: 2.3rem;letter-spacing: -0.03rem;}
[class*=pl__typo--body14]{font-size: 1.4rem !important;line-height: 1.96rem;letter-spacing: -0.014rem;}
[class*=pl__typo--body13]{font-size: 1.3rem !important;line-height: 1.85rem;letter-spacing: -0.013rem;}
[class*=pl__typo--body12]{font-size: 1.2rem !important;line-height: 1.71rem;letter-spacing: -0.012rem;}
[class*=pl__typo--body11]{font-size: 1.1rem !important;line-height: 1.57rem;letter-spacing: -0.011rem;}
[class*=pl__typo--caption]{font-weight: 700 !important;}
[class*=pl__typo--caption12]{font-size: 1.2rem !important;line-height: 1.71rem;letter-spacing: -0.012rem;}
[class*=pl__typo--caption11]{font-size: 1.1rem !important;line-height: 1.57rem;letter-spacing: -0.011rem;}

/* radius */
.pl__radius--l{border-radius: 1.2rem !important;}
.pl__radius--m{border-radius: .8rem !important;}
.pl__radius--s{border-radius: .4rem !important;}
.pl__radius--0{border-radius: 0 !important;}

/* button */
/* 버튼 여러개 flex 정렬시 pl__btns로 묶음 */
.pl__btns{display: flex;align-items: center;flex-wrap: wrap;gap: 0 .8rem;}
.pl__btns > [class*=pl__btn--]{flex: 1;min-width: 0;width: auto !important;}
/* button type 필수 */
[class*=pl__btn--]{display: flex;justify-content: center;align-items: center;width: 100%;border-radius: var(--border-radius-m);gap: 0 .2rem;position: relative;overflow: hidden;}
[class*=pl__btn--]:hover{text-decoration: none;}
[class*=pl__btn--][class*=--full]{width: 100% !important;}
/* button style */
[class*=pl__btn--][class*=--basic] {border: .1rem solid var(--gray-30, #E0E3EB);color: var(--text-primary, #121212)}
[class*=pl__btn--][class*=--accent]{background: var(--gray-100, #121212);color: var(--white, #fff);}
[class*=pl__btn--][class*=--brand]{background: var(--brand-primary-10, #D5F6D6);color: var(--brand-primary, #0EBA5C);}
[class*=pl__btn--][class*=--primary]{background: var(--brand-primary-5, #EAFAEB);color: var(--brand-primary, #0EBA5C);}
[class*=pl__btn--][class*=--gray]{background: var(--bg-secondary, #F6F6F9);color: var(--text-primary, #121212)}
/* button size */
[class*=pl__btn--][class*=--small]{width: 4.3rem;height: 3rem;font-size: 1.3rem;font-weight: 600;line-height: 1.82rem;letter-spacing: -0.013rem;}
[class*=pl__btn--][class*=--medium]{width: 5.4rem;height: 3.8rem;font-size: 1.3rem;font-weight: 600;line-height: 1.82rem;letter-spacing: -0.013rem;}
[class*=pl__btn--][class*=--large]{width: 16rem;height: 4.4rem;font-size: 1.5rem;font-weight: 600;line-height: 2.1rem;letter-spacing: -0.015rem;}
/* radius large */
[class*=pl__btn--][class*=--radius]{border-radius: 100rem;}
[class*=pl__btn--][class*=--primary--radius]{border: .1rem solid var(--brand-primary, #0EBA5C);}

/* TAB  */
[class*=pl__tab--]{display: inline-flex;width: 100%;}
[class*=pl__tab--] li{cursor: pointer;user-select: none;}
[class*=pl__tab--]:not(:is([class*=--round], [class*=--text], [class*=--line], [class*=--thumb])) > li{flex: 1;}
[class*=pl__tab--button] li{background: #fff;font-size: 1.3rem;color: var(--text-primary, #121212);border: .1rem solid var(--gray-30, #E0E3EB);border-left: 0;display:flex;justify-content: center;align-items: center;}
[class*=pl__tab--button] li:first-child{border-radius: var(--border-radius-m, .8rem) 0 0 var(--border-radius-m, .8rem);border-left: .1rem solid var(--gray-30, #E0E3EB);}
[class*=pl__tab--button] li:last-child{border-radius: 0 var(--border-radius-m, .8rem) var(--border-radius-m, .8rem) 0;}
[class*=pl__tab--button] li.active{background: var(--pl-background, #F6F0FF);color: var(--pl-primary, #172C8D);border: .1rem solid var(--pl-primary, #172C8D);}
[class*=pl__tab--button] li:has(+ .active){border-right: 0;}
[class*=pl__tab--button] li.active + li{border-left: 0;}
[class*=pl__tab--rounded]{width: auto;gap: .8rem;}
[class*=pl__tab--rounded] li{width: auto;}
[class*=pl__tab--rounded] ul > li > span, 
[class*=pl__tab--rounded] li{display: inline-block;background: var(--bg-secondary);color: var(--text-primary);width: auto;height: 3.2rem;line-height: 3.2rem;border-radius: 3rem;font-size: 1.4rem;font-weight: 500;padding: 0 1.2rem;}
[class*=pl__tab--rounded] ul > li.active > span,
[class*=pl__tab--rounded] li.active{background: var(--text-primary);color: #fff;font-weight: 700;border-color: var(--gray-100)}
[class*=pl__tab--rounded][class*=--white] > li > span,
[class*=pl__tab--rounded][class*=--white] > li{color:var(--white, #fff);border-color: var(--white, #fff);opacity: .7;background:none;font-weight: 400;}
[class*=pl__tab--rounded][class*=--white] > li.active > span,
[class*=pl__tab--rounded][class*=--white] > li.active{background: var(--white, #fff);color: var(--pl-primary, #172C8D);opacity: 1;font-weight: 700;}
[class*=pl__tab--line]{display: flex;gap: 1.6rem;position: relative;}
[class*=pl__tab--line]::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);background: var(--gray-30);width: 100vw;height: .1rem;pointer-events: none;z-index: 0;}
[class*=pl__tab--line] > li{flex: none;display: flex;align-items: center;gap: .4rem;font-size: 1.6rem;font-weight: 600;color: var(--gray-50);padding-bottom: 1rem;position: relative;line-height: 2.4rem;}
[class*=pl__tab--line] > li i{width: 1.8rem;height: 1.8rem;}
[class*=pl__tab--line] > li i::after{background: var(--gray-50);}
[class*=pl__tab--line] > li.active{color: var(--text-primary);}
[class*=pl__tab--line] > li.active::after{content: "";display: inline-block;position: absolute;bottom: 0;left: 0;background: var(--text-primary);width: 100%;height: .3rem;z-index: 1;}
[class*=pl__tab--line] > li.active i::after{background: var(--text-primary);}
[class*=pl__tab--thumb]{width: auto;gap: .8rem;}
[class*=pl__tab--thumb] li{background: #fff;color: var(--text-primary, #121212);border-radius: 10rem;font-size: 1.4rem;font-weight: 400;letter-spacing: -0.1.4rem;border: .1rem solid var(--gray-30, #E0E3EB);display: flex;flex-wrap: wrap;align-items: center;gap: 0 .8rem;padding: .8rem 1.2rem .8rem .8rem;;flex-shrink: 0;width: auto;}
[class*=pl__tab--thumb] li .tab--thumb{display:block;width: 3rem;height: 3rem;border-radius: 100%;overflow: hidden;background: var(--pl-teritary);flex-shrink: 0;}
[class*=pl__tab--thumb] li .tab--thumb img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
[class*=pl__tab--thumb] li.active{color: var(--pl-primary);border-color: var(--pl-primary);background: var(--pl-background);font-weight: 600;}
[class*=pl__tab].swiper{gap:0;}
[class*=pl__tab][class*=--small]{height: 4rem;}
[class*=pl__tab][class*=--medium]{height: 4.4rem;}
[class*=pl__tab][class*=--medium] li{font-size: 1.5rem;}
[class*=pl__tab][class*=--large]{height: 5rem;}
[class*=pl__tab][class*=--large] li{font-size: 1.6rem}
[class*=pl__tab][class*=--large] li.active{font-weight: 600;}

/* 탭 슬라이더 */
.pl__tab--slider{display: flex;flex-direction: column;overflow: hidden;}
.pl__tab--slider > div{width: 100%;}
.pl__tab--slider .slider__nav:not(.swiper){display: flex;}
.pl__tab--slider .slider__nav:not(.swiper) > li{flex: 1;}
.pl__tab--slider .slider__nav:not(.swiper) > li:first-child{color: #fff;}
.pl__tab--slider .slider__nav{background: var(--bg-secondary);border-radius: 5rem;height: 4rem;padding: .2rem;position: relative;}
.pl__tab--slider .slider__nav li{display: flex;justify-content: center;align-items: center;z-index: 1;position: relative;transition: color .3s;}
.pl__tab--slider .slider__nav li span{color: var(--text-brand);}
.pl__tab--slider .slider__nav li.active{color: #fff;}
.pl__tab--slider .slider__nav li.active span{color: #fff;transition: color .4s;}
.pl__tab--slider .slider__nav::after{content: "";background: var(--bg-inverse);position: absolute;top: .2rem;left: .2rem;width: calc(50% - .2rem);height: 3.6rem;border-radius: 5rem;z-index: 0;transition: left .3s;}
.pl__tab--slider .slider__nav:has(li:last-child.active)::after{left: 50%;}
.pl__tab--slider .slider__tab:not(.swiper){display: flex;}
.pl__tab--slider .slider__tab:not(.swiper) > li{width: 100%;flex-shrink: 0;}
.pl__tab--slider .swiper-pagination{font-size: 0;line-height: 0;position: static;margin: 0;margin-top: .8rem;}
.pl__tab--slider .swiper-pagination > span{background: var(--icon-secondary);width: .6rem;height: .6rem;opacity: .2;border-radius: 5rem;transition: .3s}
.pl__tab--slider .swiper-pagination > span[class*=active]{opacity: 1;width: 1.6rem;}

/* 드롭다운 */
[class*='pl__dropdown--menu']{display: block !important;position: absolute;list-style: none;background: #FFFFFF;min-width: 10rem;border: .1rem solid var(--stroke-divider);box-shadow: 0 .4rem .6rem 0 rgba(0, 0, 0, 0.08);border-radius: var(--border-radius-m);margin: 0;padding: .4rem 0;opacity: 0 !important;transition: 0s;pointer-events: none;z-index: 100;top: -99rem;box-sizing: border-box;font-family: var(--font-pr);}
[class*='pl__dropdown--menu'] > li{height: auto;}
[class*='pl__dropdown--menu'] > li > a{display: block;color: #121212;font-size: 1.3rem;font-weight: 500;width: 100%;height: 3rem;line-height: 3rem;text-align: left;box-sizing: border-box;padding: 0 1rem;}
[class*='pl__dropdown--menu'] > li > a:active{background: var(--pl-bg-hover);text-decoration: none;}
[class*='pl__dropdown--menu'].active{opacity: 1 !important;pointer-events: all;}
[class*='pl__dropdown--menu'][class*=--large]{min-width: 15.3rem;padding: .8rem 0;}
[class*='pl__dropdown--menu'][class*=--large] > li > a{font-size: 1.6rem;font-weight: 700;padding: 0 1.6rem;height: 4.4rem;line-height: 4.4rem;}

/* 게시판 드롭다운 버튼 */
[class*=pl__dropdown--btn]{display: flex;align-items: center;gap: .4rem;padding: 0 .6rem;height: 2.4rem;border-radius: var(--border-radius-m);overflow: hidden;position: relative;}
[class*=pl__dropdown--btn] > i{width: 1.2rem;height: 2.4rem;}
[class*=pl__dropdown--icon]{width: 2.4rem;height: 2.4rem;flex-shrink: 0;border-radius: var(--border-radius-s);position: relative;overflow: hidden;}
[class*=pl__select--box]{display: block;border:.1rem solid var(--gray-30);border-radius: var(--border-radius-m, .8rem);overflow: hidden;position:relative;text-decoration: none !important;width: 100%;}
[class*=pl__select--box]:after{content:'';display:inline-block;width: 1.2rem;height: 2.4rem;-webkit-mask-image: url('../../img/icon/icon_arrow_down_s.svg');mask-image: url('../../img/icon/icon_arrow_down_s.svg');position: absolute;top: 50%;margin-top: -1.2rem;right: 1.6rem;background-color: var(--gray-70);pointer-events: none;mask-repeat: no-repeat;mask-size: 100%;}
[class*=pl__select--box] select:invalid{color: var(--gray-50);}
[class*=pl__select--box] :is(select, .select){width:100%;border:none;height: 3.6rem;font-size: 1.4rem;font-weight: 400;line-height: 1.9rem;letter-spacing: -0.034rem;padding:0 1.2rem;background: none;}
[class*=pl__select--box] :is(select, .select){color: var(--text-primary);}
[class*=pl__select--box] :is(select, .select) option[disabled]{display: none}
[class*=pl__select--box] .select{display: flex;justify-content: space-between;align-items: center;gap: .8rem;line-height: 4.4rem;text-decoration: none;color: var(--gray-50);}
[class*=pl__select--box] .select span{color: var(--pl-primary);}
[class*=pl__select--box].selected .select{color: var(--text-primary);}
[class*=pl__select--box][class*=--small]{border-radius: var(--border-radius-m, .8rem);}
[class*=pl__select--box][class*=--small]::after{right: .9rem;}
[class*=pl__select--box][class*=--small] :is(select, .select){padding: 0 .9rem;padding-right: 2.7rem;height: 3.2rem;line-height: 3.2rem;}
[class*=pl__select--box][class*=--large] :is(select, .select){padding: 0 1.6rem;padding-right: 3.6rem;height: 4.8rem;line-height: 4.8rem;}
[class*=pl__select--box][class*=--large].selected :is(select, .select){font-weight: 600;}
[class*=pl__select--box][class*=--large] .select{flex-direction: column;align-items: start;gap: .6rem;height: auto;line-height: normal;padding: 1.6rem;}
[class*=pl__select--box][class*=--large] .select > div{font-size: 1.6rem;font-weight: 600;line-height: 2.4rem;}
[class*=pl__select--box][class*=--large] .select > div > span{color: var(--pl-primary, #172C8D);}
[class*=pl__select--box][class*=--large] .select > div > p{color: var(--text-primary, #121212);}
[class*=pl__select--box][class*=--large] .select > div{display: flex;gap: .8rem;align-items: center;}
[class*=pl__select--box][class*=--large] .select > span{font-size: 1.3rem;color: var(--text-secondary, #5C6675);font-weight: 400;}
[class*=pl__select--box][class*=--rounded]{display: flex;align-items: center;gap: .4rem;width: auto;height: 3.4rem;padding: 0 1rem;border-radius: 5rem;}
[class*=pl__select--box][class*=--rounded]::after{background: var(--icon-primary);position: static;margin: 0;flex-shrink: 0;}
[class*=pl__select--box][class*=--rounded] .select{padding: 0;gap: .4rem;flex-shrink: 0;width: auto;height: 100%;}

/* chips input */
[class*=pl__chips]{display: flex;flex-wrap: wrap;gap: .6rem;}
[class*=pl__chips] label{display: flex;width: auto;height: 3.2rem;justify-content: center;align-items: center;border-radius: 3rem;cursor: pointer;padding: 0 1.2rem;background: var(--bg-secondary);border: .1rem solid var(--bg-secondary);color: var(--text-primary);font-size: 1.4rem;font-weight: 400;line-height: 1.9rem;letter-spacing: -0.1.4rem;}
[class*=pl__chips] input:is([type=checkbox], [type=radio]){appearance: none;-webkit-appearance: none;display:none;}
[class*=pl__chips] label:has(input:checked),
[class*=pl__chips] label.active{border-color: var(--text-brand);background: var(--brand-primary-5);color: var(--text-brand);font-weight: 600;border-color: var(--brand-primary);}
.pl__chips--outline label{border: .1rem solid var(--gray-30, #E0E3EB);}
.pl__chips--gray label:has(input:checked) {background: var(--gray-100);color: var(--white);border-color: var(--gray-100);}
[class*=pl__chips][class*=--small] label{height: 2.8rem;padding: 0 1rem;}

/* paging */
.pl__paging .paging__wrap{text-align: center;margin: 0;padding: 0}
.pl__paging .paging__box{display: flex;justify-content: center;align-items: center;gap: .8rem;}
.pl__paging .paging__box :is(a, span){display: flex;justify-content: center;align-items: center;color: var(--text-secondary, #5C6675);width: 3rem;height: 3rem;font-size: 1.5rem;border-radius: var(--border-radius-m, .8rem);position: relative;overflow: hidden;font-weight: 500;}
.pl__paging .paging__box a:has([class*=pl__ico--]){background: var(--bg-alternative);}
.pl__paging .paging__box a:has([class*=pl__ico--]) i::after{width: 1.2rem;height: 2.4rem;}
.pl__paging .paging__box a.active:not(:has([class*=pl__ico--])){background: var(--bg-tertiary);color: var(--text-primary);font-weight: 600;}
.pl__paging .paging__box a.active:has([class*=pl__ico--]),
.pl__paging .paging__box a [class*=pl__ico--]{display: block;width: 100%;height: 100%;}
.pl__paging .paging__box a [class*=pl__ico--]::after{background-color: var(--icon-primary);}

/* carousel */
[class*=pl__carousel][class*=swiper-button] {position: absolute;top: 50%;transform: translateY(-50%);margin-top: 0;}
[class*=pl__carousel] {display:inline-block;width: 4.4rem;height: 4.4rem;background:var(--white, #fff);border: .1rem solid var(--gray-30, #E0E3EB);border-radius: 100%;box-shadow: 0 .4rem .6rem 0 rgba(0, 0, 0, 0.08);cursor:pointer;user-select: none;}
[class*=pl__carousel]:after {width: 2.6rem;height: 2.6rem;}
[class*=pl__carousel][class*=-next]:after {transform: rotate(180deg);}
.pl__carousel--l[class*=-prev]{left: -2rem;}
.pl__carousel--l[class*=-next]{right: -2rem;}
.pl__img--full img {max-width:100%;margin: auto;width:100%;height: 100%;object-fit: cover;object-position: center;}
.pl__bg--brand {background:var(--pl-background) !important}
.pl__bg--secondary {background:var(--gray-10) !important}
.pl__text--gradient {background: var(--pl-special);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}

/* label */
[class*=pl__label]{display: inline-flex;align-items: center;flex-shrink: 0;gap: .1rem;font-size: 1.2rem;font-weight: 700;height: 1.8rem;padding: 0 .5rem;border-radius: var(--border-radius-s, .4rem);font-family: var(--font-pr);letter-spacing: -0.012rem;}
[class*=pl__label] i{width: 1.6rem;height: 1.6rem;}
[class*=pl__label]{background: var(--icon-primary);color: #fff;}
[class*=pl__label] i::after{background: #fff;}
[class*=pl__label][class*=--primary]{background: var(--brand-primary-10);color: var(--text-brand);}
[class*=pl__label][class*=--primary] i::after{background: var(--text-brand);}
[class*=pl__label][class*=--brand]{background: var(--brand-primary);color: #fff;}
[class*=pl__label][class*=--brand] i::after{background: var(--text-brand);}
[class*=pl__label][class*=--brand2]{background: var(--brand-primary-10);color: var(--brand-primary);}
[class*=pl__label][class*=--brand2] i::after{background: var(--brand-primary);}
[class*=pl__label][class*=--blue]{background: var(--brand-secondary-10);color: var(--brand-secondary);}
[class*=pl__label][class*=--tertiary]{background: var(--bg-tertiary);color: var(--text-secondary);}
[class*=pl__label][class*=--inverse]{background: var(--bg-inverse);color: #fff;}
[class*=pl__label][class*=--bg]{background: var(--text-brand);color: #fff;}
[class*=pl__label][class*=--bg] i::after{background: #fff;}
[class*=pl__label][class*=--full]{width: 100%;justify-content: center;text-align: center;}
[class*=pl__label][class*=--large]{height: 2.2rem !important;line-height: 2.2rem !important;padding: 0 .4rem;}
[class*=pl__label][class*=--text]{padding: 0 !important;background: transparent !important;}

/* 토글아이콘 */
.pl__toggle--switch{display: inline-flex;height: 1.9rem;align-items: center;gap: 0 .5rem;user-select: none;cursor: pointer;}
.pl__toggle--switch em{font-size: 1.4rem;color: var(--text-secondary);font-style: normal;}
.pl__toggle--switch input[type='checkbox']{display:none;position:absolute;top:0;left:0;}
.pl__toggle--switch .ico-switch{background: var(--gray-40);position: relative;width: 2.2rem;height: 1.4rem;border-radius: 5rem;transition: .15s;}
.pl__toggle--switch .ico-switch > .ico-switch-move{background: #fff;position: absolute;left: .3rem;top: .3rem;width: .8rem;height: .8rem;border-radius: 5rem;transition: .15s;}
.pl__toggle--switch.active .ico-switch,
.pl__toggle--switch input[type='checkbox']:checked + .ico-switch{background: var(--bg-inverse)}
.pl__toggle--switch.active .ico-switch > .ico-switch-move,
.pl__toggle--switch input[type='checkbox']:checked + .ico-switch .ico-switch-move{left: 1.1rem;}

/* Input */
[class*=pl__input]:not([class*=--search], [class*=box]){border: .1rem solid var(--stroke-border); border-radius: var(--border-radius-m); overflow: hidden;}
.pl__form input:is([type=text]) {border: none; height: auto; width: auto; min-width: auto; background: var(--white); padding: 0; border-radius: 0; min-height: auto;}
.pl__form :is(input:is([type=text]), textarea)::placeholder {color: var(--gray-50); white-space: pre-line;}
.pl__form input.pl__input--underline{border-bottom: .1rem solid var(--gray-30) !important; border-radius: 0 !important; padding: 1.2rem 0 !important; width: 100%; color: var(--text-primary);}
.pl__form input.pl__input--text{border: .1rem solid var(--gray-30) !important; width: auto; height: 3.6rem; line-height: normal; padding: 0 1.2rem; border-radius: var(--border-radius-m, .8rem);}
.pl__form input.pl__input--text:read-only{background: var(--gray-10, #F6F6F9); border: 0 !important;}
.pl__form [class*=pl__input]:is([class*=--underline], [class*=--text])::placeholder{font-size: inherit !important; line-height: normal !important; color: var(--gray-50);}
/* Input(Search) */
.pl__input--search{border: 0 !important;}
.pl__input--search form{display: inline-flex; align-items: center; gap: .4rem; height: 3.6rem; padding: 0 0 0 1.2rem; border-radius: var(--border-radius-m); cursor: pointer;}
.pl__input--search input[type=search]{width: 21.6rem; height: 2.3rem; transition: all .5s; line-height: normal;}
.pl__input--search input[type=search]::-webkit-search-cancel-button{appearance: none; width: 1.4rem; height: 1.4rem; background: transparent url('../../img/icon/ico_del_fill.png') no-repeat; background-size: contain; border: none; cursor: pointer; margin-left: .4rem;}
.pl__input--search button{font-size: 0; width: 3.6rem; height: 100%;}
.pl__input--search button > i{width: 20px; height: 20px;}
.pl__input--search :is(input, button){color: inherit; border: none; background: transparent; outline: none;}
.pl__input--search .pl__ico--search::after{background: var(--gray-70);}

/* 파일 첨부 */
.pl__file .attach-btn button{height: auto !important;border: 0;width: 100%;}
.pl__file .attach-btn button i{width: 1.6rem;height: 1.6rem;}
.pl__file .attach-btn button i.pl__ico--plus_circle:after{background-color: var(--text-secondary);}
.pl__file .file__add{border: .1rem dashed var(--stroke-border) !important;border-radius: var(--border-radius-m);}
.pl__file .file__list ul{display: flex;flex-wrap: wrap;gap: .8rem;}
.pl__file .file__list ul > li{display: flex;justify-content: center;align-items: center;gap: 0 .2rem;color: var(--text-secondary);font-size: 1.3rem;font-weight: 400;line-height: 1.8rem;letter-spacing: -0.26rem;width: 100%;border-radius: var(--border-radius-m);padding: 1.2rem;background: var(--gray-10);}
.pl__file .file__list i.pl__ico--clip{width: 1.6rem;height: 1.6rem;}
.pl__file .file__list i.pl__ico--clip::after{background-color: var(--gray-70);}
.pl__file .file__list .file--name{flex: 1;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: break-word;font-size: 1.4rem;line-height: 1.96rem;letter-spacing: -0.014rem;}
.pl__file .file__list .file--del{width: 1.8rem;height: 1.8rem;font-size: 0;color: transparent;cursor: pointer;}
.pl__file .file__list .file--del i{width: 1.8rem;height: 1.8rem;}
.pl__file .file__list .file--del i:after{background-color: var(--gray-60)}
.pl__file .file--detail{color: var(--gray-50);font-size: 1.2rem;font-weight: 400;line-height: 1.8rem;letter-spacing: -0.012rem;}

/* 딤팝업 */
.cn-modal.cn-dim_popup {z-index: 145;background: rgba(0, 0, 0, .45) !important;}
.cn-modal.cn-dim_popup .cn-modal-main {width: 34.3rem;border-radius: var(--border-radius-l);}
.cn-modal.cn-dim_popup .cn-modal-main .cn-modal-head {font-size: 1.6rem;width: 100%;height: 5rem;line-height: 5rem;padding: 0;}
.cn-modal.cn-dim_popup .cn-modal-main .cn-modal-head strong {font-size: 1.6rem;width: 100%;}
.cn-modal.cn-dim_popup .cn-modal-main .cn-modal-head .cn-modal-close {width: 5rem;height: 5rem;line-height: 5rem;top: 0;}
.cn-modal.cn-dim_popup .cn-modal-main .modal_contents {padding: 1.6rem 2.4rem;}



/* ======= 반응형 ======= */
.only-tablet {display: none !important;}
.only-desktop {display: none !important;}
.only-mobile {display: block !important;}

/* 태블릿 */
@media (min-width: 768px) {
	.only-mobile {display: none !important;}
	.only-desktop {display: none !important;}
	.only-tablet {display: block !important;}
	.pl__inner {padding: 0 3rem;}
}

/* 일반 데스크탑 */
@media (min-width: 1200px) {
	.only-tablet {display: none !important;}
	.only-mobile {display: none !important;}
	.only-desktop {display: block !important;}
}