@charset "UTF-8";
/* 공통 */
/* **** area mixin ****/
/* **** text attr ****/
/* **** scroll ****/
/* **** form mixin ****/
/* **** COMMON **** */
/* ** accessibility ** */
.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* ** area control ** */
.scroll-no {overflow: hidden;}
.w-hide {display: none !important;}

/* ** font & text ** */
.text-bold {font-weight: 700;}
.text-underline {text-decoration: underline;}
/*.txt-deco-under {text-decoration: underline; } */
.keyword {font-weight: 700; color: #1D56BC; background-color: #D3E1FB; }
.text-point-primary {color: var(--krds-primary);}
.txt-yellow {color: #ffff33 !important;}
.txt-white {color: #ffffff !important;}
.txt-black {color: #1d1d1d !important;}
.txt-blue {color: #0085cd !important;}
.txt-red {color: #eb003b !important; }
.txt-gray {color: #555555 !important; }
.txt-blue-dark {color: #1D56BC !important;}
.txt-bold {font-weight: 700 !important; }
.txt-bold-400 {font-weight: 400 !important; }
.txt-bold-500 {font-weight: 500 !important; }
.txt-bold-600 {font-weight: 600 !important; }
.txt-bold-700 {font-weight: 700 !important; }
.txt-critical {font-size: 16px; font-weight: 400; color: #555; padding-left: 14px; letter-spacing: -0.5px; position: relative; }
.txt-critical::before {position: absolute; content: '※'; font-size: 16px; color: #555; margin-right: 2px; display: inline-block; left: 0; top: -1px; }
.txt-critical_sm {font-size: 15px; color: #555555; font-weight: 400; padding-left: 10px; letter-spacing: -0.5px; position: relative; }
.txt-critical_sm::before {position: absolute; content: '*'; font-size: 15px; color: #555555; display: inline-block; left: 0; top: 2px;}
.txt-critical.txt-gray::before {color: #555555; }
.txt-critical.txt-red::before {color: #EB003B; }

.tit-sm {font-size: 15px!important;}
.tit-md {font-size: 17px!important;}
.tit-lg {font-size: 19px!important;}
.tit-xlg {font-size: 25px!important;}
.tit-xxlg {font-size: 32px!important;}

.txt-xsm {font-size: 13px!important;}
.txt-sm {font-size: 15px!important;}
.txt-md {font-size: 17px!important;}
.txt-lg {font-size: 19px!important;}
.txt-xlg {font-size: 24px!important;}
.txt-xxlg {font-size: 32px!important;}
.nowrap-none {white-space:normal !important}

.ico-star {margin-left: 3px; font-size: 0; }
.ico-star:before {display: inline; font-size: 16px; font-weight: 600; color: #ff0000; content: "*"; }



/* 라인 유형 */
hr.line-1 {width:100%;border: 1px solid #F0F0F0;}
hr.dotted {border-style: dotted;}
hr.dashed {border-style: dashed;}


/* 공통규칙 */

.d-b {display: block; }
.d-ib {display: inline-block; }
.fl-l {float: left; }

.mt-0 {margin-top: 0 !important;}
.mt-2 {margin-top: 2px !important;}
.mt-5 {margin-top: 5px !important; }
.mt-10 {margin-top: 10px !important; }
.mt-15 {margin-top: 15px !important; }
.mt-20 {margin-top: 20px !important; }
.mt-24 {margin-top: 24px !important; }
.mt-30 {margin-top: 30px !important; }
.mt-40 {margin-top: 40px !important; }
.mt-45 {margin-top: 45px !important; }
.mt-50 {margin-top: 50px !important; }
.mt-75 {margin-top: 75px !important; }

.mb-0 {margin-bottom: 0 !important; }

.ml-20 {margin-left: 20px !important; }

.pl-0 {padding-left: 0 !important;}
.pl-20 {padding-left: 20px !important; }

.pr-0 {padding-right: 0 !important;}

.ta-l {text-align: left !important;}
.ta-c {text-align: center !important;}
.ta-r {text-align: right !important; }


.w-auto {width: auto !important; }
.w-full {width: 100% !important; }
.w-10 {width: 10% !important;}
.w-20 {width: 20% !important;}
.w-30 {width: 30% !important;}
.w-32 {width: 32% !important;}
.w-40 {width: 40% !important;}
.w-50 {width: 50% !important;}
.w-60 {width: 60% !important;}
.w-70 {width: 70% !important;}
.w-80 {width: 80% !important;}
.w-89 {width: 89% !important; }
.w-90 {width: 90% !important;}
.w-100 {width: 100px !important; }
.w-190 {width: 190px !important; }
.w-200 {width: 200px !important; }
.w-250 {width: 250px !important; }
.w-300 {width: 300px !important; }
.w-350 {width: 350px !important; }
.w-400 {width: 400px !important;}

.w-40px {width:40px!important;}
.w-50px {width:50px!important;}
.w-60px {width:60px!important;}
.w-70px {width:70px!important;}
.w-80px {width:80px!important;}
.w-90px {width:90px!important;}
.w-100px {width:100px!important;}
.w-120px {width:120px!important;}
.w-140px {width:140px!important;}
.w-160px {width:160px!important;}
.w-180px {width:180px!important;}
.w-200px {width:200px!important;}
.w-250px {width:250px!important;}
.w-300px {width:300px!important;}
.w-350px {width:350px!important;}
.w-400px {width:400px!important;}

.blind {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}


/*  아이콘 유형  */
.ico {
    display: inline-block;
    vertical-align: middle;
}
.ico.x24 {width: 24px; height: 24px; background-size: 24px !important;}
.ico.x32 {width: 32px; height: 32px; background-size: 32px !important;}
.ico.x40 {width: 40px; height: 40px; background-size: 40px !important;}
.ico.x48 {width: 48px; height: 48px; background-size: 48px !important;}
.ico.x58 {width: 58px; height: 58px; background-size: 58px !important;}
.ico.x80 {width: 80px; height: 80px; background-size: 80px !important;}
.ico.x130 {width: 130px; height: 130px; background-size: 130px !important;}
.ico.x180 {width: 180px; height: 180px; background-size: 180px !important;}

/* 공통화 링크 */
a.undrline-over:hover {text-decoration : underline; text-underline-position : under; color:#1D56BC;}
button.btn.end {color:#6D7882;background:#CDD1D5;}
button.btn.btn-txt.ico-reset {display:inline-flex; align-items:center;}
a.btn.btn-txt {display:inline-flex; align-items:center;}
.page_group .btn-group a.btn {display:inline-flex; align-items:center;}


/* A 버튼 */
.page_group .btn-group a {margin:4px 4px;}
.page_group .btn-group a.btn[class*=ico-] {padding-bottom: 0px;}
.page_group .btn-group a.btn.ico-arrw::before, .page_group .btn-group a.btn.ico-arrw::after {top: 0px;}
.page_group .btn-group a.btn.ico-arrw-black::before, .page_group .btn-group a.btn.ico-arrw-black::after {top: 0px;}
.page_group a.btn, .page_group button.btn,
.search-between-conts a.btn, .search-between-conts button.btn{
    display: inline-flex;;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.4s ease-in-out;	
}

a.btn.btn-txt {
    display: inline-flex;;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.4s ease-in-out;
}



/* ** drop down ** */
.krds-drop-wrap[data-type=info] .drop-btn::before {transition: 0.4s ease-in-out;}
.krds-drop-wrap[data-type=info] .drop-btn.active::before {transform: rotate(90deg);}
.krds-drop-wrap[data-type=info] .drop-menu {
	left: 0;
	width: 37rem;
	padding: var(--krds-spacer-6);
	margin-top: 0;
	transform: translateX(0);
	border-radius: 1.2rem;
	background-color: var(--krds-gray-5);
}
.krds-drop-wrap[data-type=info] .drop-menu::before {display: none;}

/* ** bullet list ** */
.list-bullet {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: var(--krds-spacer-6);
}
.list-bullet > li {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--krds-spacer-1);
	color: var(--krds-gray-70);
}
.list-bullet > li::before {content: "•";}

/* ** swiper ** */
.swiper-indicator {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: row;
	gap: var(--krds-spacer-2);
	flex-shrink: 0;
	position: relative;
}
.swiper-indicator.text-center {justify-content: center;}
.swiper-indicator .swiper-pagination {
	top: auto;
	bottom: auto;
	width: auto;
}
.swiper-indicator .swiper-pagination:not(.swiper-pagination-fraction) {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	height: 4rem;
	padding: var(--krds-spacer-3);
	border-radius: 4rem;
	background-color: var(--krds-white);
}
.swiper-indicator .swiper-pagination.swiper-pagination-fraction.swiper-pagination-bg {
	font-weight: 700;
	padding: var(--krds-spacer-3);
	border-radius: 4rem;
	background-color: var(--krds-white);
}
.swiper-indicator .swiper-button-next,
.swiper-indicator .swiper-button-prev {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	margin: auto;
}
.swiper-indicator .swiper-navigation {
	display: inline-flex;
	gap: var(--krds-spacer-2);
}
.swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	position: relative;
	top: auto;
	bottom: auto;
	height: 4rem;
}
.swiper-pagination .swiper-pagination-bullet {
	width: 0.8rem;
	height: 0.8rem;
	opacity: 0.4;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 2rem;
	border-radius: 14rem;
	background-color: var(--krds-primary);
	opacity: 1;
}
.swiper-pagination.swiper-pagination-fraction {gap: var(--krds-spacer-1);}
.swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {color: var(--krds-secondary);}

.swiper-controller {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: var(--krds-spacer-2);
}

[class^=swiper-button-] {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: 4rem;
	height: 4rem;
	border-radius: var(--krds-rd-full);
	border: 0.1rem solid var(--krds-gray-20);
	background-color: var(--krds-white);
}
[class^=swiper-button-]::after {
	content: "";
	font-size: 0 !important;
	width: 2.4rem;
	height: 2.4rem;
	background-repeat: no-repeat;
}

.swiper-button-more::after {background-image: url(../img/common/ico_swiper_more.svg);}
.swiper-button-play::after {background-image: url(../img/common/ico_swiper_play.svg);}
.swiper-button-stop::after {background-image: url(../img/common/ico_swiper_stop.svg);}
.swiper-button-next::after,
.swiper-button-prev::after {
	background-position: center;
	background-size: contain;
}
.swiper-button-next:hover,.swiper-button-prev:hover {background-color: var(--krds-secondary-5);}
.swiper-button-next:active,.swiper-button-prev:active {background-color: var(--krds-secondary);}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	background-color: var(--krds-gray-10);
	opacity: 1;
}

.swiper-button-next {right: 0;}
.swiper-button-next::after {background-image: url(../img/common/ico_swiper_next.svg);}
.swiper-button-next:active::after {background-image: url(../img/common/ico_swiper_next_wh.svg);}
.swiper-button-next.swiper-button-disabled::after {background-image: url(../img/common/ico_swiper_next_gray.svg);}
.swiper-button-prev {left: 0;}
.swiper-button-prev::after {background-image: url(../img/common/ico_swiper_prev.svg);}
.swiper-button-prev:active::after {background-image: url(../img/common/ico_swiper_prev_wh.svg);}
.swiper-button-prev.swiper-button-disabled::after {background-image: url(../img/common/ico_swiper_prev_gray.svg);}




















/* **** ELEMENT **** */
/* ** step ** */
.step-wrap {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
}
.step-wrap > li {
	flex: 1;
	position: relative;
	font-size: var(--krds-fz-body-sm);
}
.step-wrap > li::after {
	position: absolute;
	top: 1rem;
	left: 0;
	content: "";
	width: 100%;
	height: 0.1rem;
	background-color: var(--krds-gray-40);
}
.step-wrap > li > span {
	display: block;
	position: relative;
	padding-top: var(--krds-spacer-8);
	padding-right: var(--krds-spacer-8);
}
.step-wrap > li > span::before, .step-wrap > li > span::after {
	content: "";
	border-radius: var(--krds-rd-full);
}
.step-wrap > li > span::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 2rem;
	height: 2rem;
	background-color: var(--krds-gray-20);
	border: 1px solid var(--krds-gray-20);
}
.step-wrap > li .step {color: var(--krds-gray-70);}
.step-wrap > li .step-tit {
	font-weight: 700;
	white-space: nowrap;
}
.step-wrap > li.done::after {background-color: var(--krds-secondary);}
.step-wrap > li.done > span::before {
	width: 1.6rem;
	height: 1.6rem;
	margin-top: 0.2rem;
	border: 0;
	background-color: var(--krds-secondary);
}
.step-wrap > li.done > span::after {
	position: absolute;
	top: 0.4rem;
	left: 0.2rem;
	z-index: 3;
	width: 1.2rem;
	height: 1.2rem;
	background: url(../img/common/ico_check_8.svg) no-repeat;
	background-position: center;
	background-size: contain;
}
.step-wrap > li.active > span::before {
	background-color: var(--krds-white);
	border-color: var(--krds-primary);
}
.step-wrap > li.active > span::after {
	position: absolute;
	top: 0.4rem;
	left: 0.4rem;
	z-index: 3;
	width: 1.2rem;
	height: 1.2rem;
	background: var(--krds-primary) url(../img/common/ico_step_active.svg) no-repeat center;
	background-size: contain;
}
.step-wrap > li:last-child::after {display: none;}

.page-step .conts-wrap .sec-tit {font-size: var(--krds-fz-heading-sm);}
.page-step .conts-wrap .sec-tit .step-now {
	display: block;
	font-size: var(--krds-fz-body-md);
	color: var(--krds-gray-70);
	font-weight: 400;
}
.page-step .conts-wrap .sec-tit .step-now strong {
	color: var(--krds-primary-60);
	font-weight: 700;
}

/* ** guide txt ** */
.guide-txt {
	font-size: var(--krds-fz-body-md);
	padding: var(--krds-spacer-4) var(--krds-spacer-6);
	border-radius: 0.8rem;
	background-color: var(--krds-secondary-5);
}

/* ** pagination ** */
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: var(--krds-spacer-2);
	width: 100%;
	margin-top: var(--krds-spacer-10);
}
.pagination .page-navi {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	color: var(--krds-gray-70);
	min-width: 4rem;
	height: 4rem;
}
.pagination .page-navi:hover {
	border-radius: 0.6rem;
	background-color: var(--krds-secondary-5);
	transition: 0.4s ease-in-out;
}
.pagination .page-navi:active {
	background-color: var(--krds-secondary-10);
	transition: 0.4s ease-in-out;
}
.pagination .page-navi.prev {
	order: 1;
	padding: 0 var(--krds-spacer-2) 0 var(--krds-spacer-1);
}
.pagination .page-navi.prev::before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	content: "";
	width: 2rem;
	height: 2rem;
	background-image: url(../img/common/ico_page_arr_left.svg);
	background-repeat: no-repeat;
}
.pagination .page-navi.first::before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	content: "";
	width: 14px;
	height: 12px;
	background-image: url(../img/common/paging-first.png);
	background-repeat: no-repeat;
}
.pagination .page-navi.next {
	order: 3;
	padding: 0 var(--krds-spacer-1) 0 var(--krds-spacer-2);
}
.pagination .page-navi.next::after {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	content: "";
	width: 2rem;
	height: 2rem;
	background-image: url(../img/common/ico_page_arr_right.svg);
	background-repeat: no-repeat;
}
.pagination .page-navi.last {
	order: 3;
	padding: 0 var(--krds-spacer-1) 0 var(--krds-spacer-2);
}
.pagination .page-navi.last::after {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	content: "";
	width: 14px;
	height: 12px;
	background-image: url(../img/common/paging-last.png);
	background-repeat: no-repeat;
}


.pagination .page-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	order: 2;
	gap: var(--krds-spacer-2);
}
.pagination .page-links .page-link {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	color: var(--krds-gray-70);
	min-width: 4rem;
	height: 4rem;
}
.pagination .page-links .page-link:hover {
	border-radius: 0.6rem;
	background-color: var(--krds-secondary-5);
	transition: 0.4s ease-in-out;
}
.pagination .page-links .page-link:active {
	background-color: var(--krds-secondary-10);
	transition: 0.4s ease-in-out;
}
.pagination .page-links .page-link.link-dot {
	background-image: url(../img/common/ico_page_dot.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.pagination .page-links .page-link.active {
	font-weight: 700;
	color: var(--krds-white);
	border-radius: 6px;
	background-color: var(--krds-secondary);
}
.pagination.m-page {display: none;}
.pagination + .helper-box {margin-top: var(--krds-spacer-10);}

/* ** badge ** */
.krds-badge-wrap {
	display: flex;
	gap: var(--krds-spacer-2);
}

.krds-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	font-size: var(--krds-fz-label-sm);
	color: var(--krds-primary-60);
	height: 2.4rem;
	padding: 0 var(--krds-spacer-2);
	border-radius: 0.4rem;
	background-color: var(--krds-primary-5);
}
.krds-badge.bg1 {
	color: var(--krds-white);
	background-color: var(--krds-primary);
}
.krds-badge.bg2 {
	color: var(--krds-gray-80);
	background-color: var(--krds-gray-20);
}
.krds-badge.bg3 {
	color: var(--krds-success);
	background-color: #E3F3E6;
}
.krds-badge.bg4 {
	color: #ff0000;
	background-color: rgba(224, 0, 0, 0.1);
}

/* **** POPUP **** */
.popup-wrap {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	padding: var(--krds-spacer-3);
}
.popup-wrap .popup-in {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	margin: 0 auto;
	height: 100%;
}
.popup-wrap .popup {
	display: flex;
	align-items: normal;
	justify-content: flex-start;
	flex-direction: column;
}
.popup-wrap .popup .popup-head .pop-tit {font-size: var(--krds-fz-title-xlg);}
.popup-wrap .popup .popup-body {
	flex: 1;
	overflow-x: hidden;
	overflow-y: auto;
}
.popup-wrap .popup .popup-body::-webkit-scrollbar {width: 0.8rem;}
.popup-wrap .popup .popup-body::-webkit-scrollbar-thumb {
	background-color: var(--krds-gray-40);
	border-radius: 0.8rem;
}
.popup-wrap .popup .popup-body::-webkit-scrollbar-track {background-color: var(--krds-gray-30);}
.popup-wrap .popup-close {
	background: url(../img/common/ico_close_48.svg) no-repeat;
	background-size: 2.4rem;
	background-position: center;
}
.popup-wrap[data-type=full] {
	gap: var(--krds-spacer-10);
	max-height: 100%;
	background-color: #DEE2E8;
}
.popup-wrap[data-type=full] .popup-in {padding: var(--krds-spacer-20) 0;}
.popup-wrap[data-type=full] .popup {
	gap: var(--krds-spacer-10);
	width: 100%;
	max-width: 128rem;
	height: 100%;
}
.popup-wrap[data-type=full] .popup-close {
	position: absolute;
	top: 8rem;
	right: 8rem;
	z-index: 3;
	width: 4.8rem;
	height: 4.8rem;
	background: url(../img/common/ico_close_48.svg) no-repeat;
	background-size: contain;
}
.popup-wrap[data-type=full].is-open {display: block;}
.popup-wrap[data-type=bottom] {
	display: block;
	top: auto;
	bottom: -5rem;
	height: 0;
}
.popup-wrap[data-type=bottom]::after {
	display: none;
	content: "";
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: var(--krds-black);
	transition: all ease 0.6s 0.4s;
}
.popup-wrap[data-type=bottom] .popup-in {height: 0;}
.popup-wrap[data-type=bottom] .popup {
	position: fixed;
	left: 0;
	bottom: -100%;
	z-index: 2;
	width: 100%;
	max-height: 90%;
	border-top-left-radius: 1.6rem;
	border-top-right-radius: 1.6rem;
	background-color: var(--krds-white);
	transition: all ease 0.6s 0.2s;
}
.popup-wrap[data-type=bottom] .popup-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	flex-shrink: 0;
	height: 7.2rem;
	padding: 0 var(--krds-spacer-4);
}
.popup-wrap[data-type=bottom] .popup-body {padding: 0 var(--krds-spacer-4);}
.popup-wrap[data-type=bottom] .popup-close {
	width: 2.4rem;
	height: 2.4rem;
}
.popup-wrap[data-type=bottom] .popup-btm {
	display: flex;
	position: sticky;
	left: 0;
	bottom: 0;
	z-index: 5;
	gap: var(--krds-spacer-4);
	padding: var(--krds-spacer-6) var(--krds-spacer-4) var(--krds-spacer-10);
	border-top: 0.1rem solid var(--krds-gray-40);
	background-color: var(--krds-white);
}
.popup-wrap[data-type=bottom] .popup-btm .btn {flex: 1;}
.popup-wrap[data-type=bottom].is-open::after {display: block;opacity: 0.5;}
.popup-wrap[data-type=bottom].is-open .popup {bottom: 0;}
.popup-wrap[data-type=bottom].is-close::after {display: block;opacity: 0.5;}

@media (min-width: 1024px) {
	/* **** PAGE LAYOUT ELEMENT **** */
	/* ** 페이지 타이틀 ** */
	.page-title-wrap {gap: var(--krds-spacer-10);}
	.page-title-wrap[data-type=responsive] .h-tit-drop {display: none;}
	/* **** ELEMENT **** */
	/* step */
	.step-wrap {
		margin-bottom: var(--krds-spacer-16);
	}
}
@media (max-width: 1023px) {
	/* **** PAGE LAYOUT ELEMENT **** */
	/* ** 페이지 타이틀 ** */
	.page-title-wrap {
		gap: var(--krds-spacer-8);
		margin-bottom: var(--krds-spacer-16);
	}
	.page-title-wrap .h-txt .br {
		display: none;
	}


/*	.page-title-wrap[data-type=responsive] .h-tit {	display: none;} 
		.page-title-wrap .h-tit-drop .drop-btn {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: row;
		gap: var(--krds-spacer-2);
	}
	.page-title-wrap .h-tit-drop .drop-btn::after {
		display: inline-flex;
		content: "";
		width: 3.2rem;
		height: 3.2rem;
		background-image: url(../img/common/ico_h_tit_drop_arr.svg);
		background-repeat: no-repeat;
		background-size: contain;
		transition: 0.4s ease-in-out;
	}
	.page-title-wrap .h-tit-drop .drop-btn.active::after {
		transform: rotate(-180deg);
	}
	.page-title-wrap .h-tit-drop .drop-menu {
		left: 0;
		transform: 0;
		width: 100%;
		max-width: 80rem;
		transform: translateX(0);
	}
	.page-title-wrap .h-tit-drop .drop-menu::before {
		display: none;
	}
	.page-title-wrap .h-tit-drop .drop-menu .item-link {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: row;
		position: relative;
		align-items: center;
		font-size: var(--krds-fz-body-md);
		height: auto;
		min-height: 4.8rem;
		padding: var(--krds-spacer-2) var(--krds-spacer-4) var(--krds-spacer-2) var(--krds-spacer-7);
	}
	.page-title-wrap .h-tit-drop .drop-menu .item-link::before {
		display: inline-flex;
		flex-shrink: 0;
		position: absolute;
		top: 0;
		left: 1.6rem;
		content: "•";
		line-height: 4.7rem;
		margin-top: 0.1rem;
	}
	.page-title-wrap .h-tit-drop .drop-menu .item-link:hover, .page-title-wrap .h-tit-drop .drop-menu .item-link:active {
		font-weight: 700;
		color: var(--krds-secondary);
	}
	.page-title-wrap .h-tit-drop .drop-menu .item-link:hover::before, .page-title-wrap .h-tit-drop .drop-menu .item-link:active::before {
		font-weight: 400;
	}
/*
	/* **** ELEMENT **** */
	/* step */
	.step-wrap {
		margin-bottom: var(--krds-spacer-10);
	}
	/* pagination */
	.pagination.w-page {
		display: none;
	}
	.pagination.m-page {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: column;
		gap: var(--krds-spacer-6);
	}
	.pagination.m-page .page-navis {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: row;
		gap: var(--krds-spacer-2);
	}
	.pagination + .helper-box {
		margin-top: var(--krds-spacer-8);
	}
	/* **** POPUP **** */
	.popup-wrap[data-type=full] .popup-close {
		top: 2.4rem;
		right: 1.6rem;
	}
}