@charset "utf-8";
.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;
}
#container .in-between {
   display: flex;
   align-items: normal;
   justify-content: flex-start;
   flex-direction: row;
   gap: var(--krds-gap-8);
}
#container > .inner {
   min-height: 60rem;
}
@media (min-width: 1024px) {
   .inner {
      margin: 0 auto;
   }
}

#container .in-between .krds-side-navigation {
   width: 29.6rem;
   padding: var(--krds-padding-10) var(--krds-padding-10) var(--krds-padding-10) 0;
}

#container .in-between .content {
   flex: 1;
   padding-bottom: var(--krds-gap-12);
   overflow: hidden;
}
@media (max-width: 767px) {
   #container .in-between .contents {
      width: 100%;
   }
}

.krds-main-menu .inner {
	max-width: 1200px;
	padding: 0;
}
/* 헤더 - 로고  */
#krds-header .header-container .header-branding {
	padding: 0 var(--krds-padding-5);
}
/*  헤더 - 통합검색 */
.sch-form-wrap {
	display: block;
}
.sch-form-wrap .sch-input {
	align-items: center;
}
.sch-form-wrap .krds-input {
   width: 28.5rem;
   height: var(--krds-input--size-height-large);
   border-radius: var(--krds-input--radius-large);
   font-size: var(--krds-input--pc-font-size-medium);
   text-indent: 0;
}
.header-actions .sch-input .btn-delete {
	right: 5rem;
}
.header-actions .sch-input .krds-input {
	padding-right: 7rem;
}
.header-schlabel {
	min-height: var(--krds-header--navi-min-height);
    padding-right: 1.2rem;    
    font-size: var(--krds-header--navi-font-size-pc);
    font-weight: var(--krds-font-weight-bold);    
    transition: var(--krds-transition-base);
    line-height: var(--krds-header--navi-min-height);
}
@media (max-width: 1024px) {
	.sch-form-wrap .krds-input {	  
	   height: var(--krds-input--size-height-small);
	}
}

@media (max-width: 767px) {
	.sch-form-wrap.pc-sch {
	   display: none;
	   position: absolute;
	   top: 52px;
	   left: 0;
	   padding: 1rem;
	   background: var(--krds-color-light-secondary-10);
	   border-bottom: 1px solid #ccc;
	   width:  100%;
	}
	.sch-form-wrap.pc-sch .sch-input {
		width: 100%; 
	}
	.sch-form-wrap.pc-sch input {
		width: 100%; 
	}
	.sch-form-wrap.pc-sch .sch-input .ico-search {
		right: 2rem;
	}
	.header-schlabel {
		display: none;
	}
}

/* select box 같이 있을 경우 */
.sch-form-wrap.flex-inline {
   display: inline-flex;
}
.sch-form-wrap.flex-inline .krds-form-select {
   width: 18rem;
}
.sch-form-wrap.flex-inline .input-group {
   gap: var(--krds-gap-5);
   align-items: flex-start;
}
.sch-form-wrap.flex-inline .krds-btn.medium {
   flex-shrink: 0;
}

/*  헤더 - 마이메뉴  */
.krds-drop-wrap.my-drop .drop-menu {
   width: 21rem;
}
.krds-drop-wrap .drop-menu .drop-in {
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   flex-direction: column;
   gap: var(--krds-dropdown--menu-gap);
   position: relative;
   z-index: 1;
}
.krds-drop-wrap.my-drop .my-time .time {
   display: inline-flex;
   align-items: center;
   justify-content: flex-start;
   flex-direction: row;
   gap: var(--krds-gap-1);
   color: var(--krds-light-color-text-primary);
}
.krds-drop-wrap.my-drop .my-name {
   font-size: var(--krds-pc-font-size-body-large);
   font-weight: var(--krds-font-weight-bold);
   margin-bottom: var(--krds-gap-3);
}
.krds-drop-wrap.my-drop .my-time {
   font-size: var(--krds-pc-font-size-body-small);
}
.krds-drop-wrap.my-drop .my-time dt {
   margin-bottom: var(--krds-gap-2);
   color: var(--krds-light-color-text-subtle);
}
.krds-drop-wrap.my-drop .my-time dd {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-direction: row;
   gap: var(--krds-gap-3);
}
.krds-drop-wrap.my-drop .my-time .time {
   display: inline-flex;
   align-items: center;
   justify-content: flex-start;
   flex-direction: row;
   gap: var(--krds-gap-1);
   color: var(--krds-light-color-text-primary);
}
.krds-drop-wrap.my-drop .my-time .time::before {
   display: inline-flex;
   content: "";
   width: var(--krds-icon--size-small);
   height: var(--krds-icon--size-small);
   background: url(/images/coast_new_2025/component/icon/ico_time.svg) center;
   background-size: contain;
}
.krds-btn.text {
   --krds-button--size-height-xsmall: var(--krds-size-height-3);
   --krds-button--padding-x-xsmall: var(--krds-padding-1);
   --krds-button--padding-y-xsmall: var(--krds-number-0);
   --krds-button--size-height-small: var(--krds-size-height-4);
   --krds-button--padding-x-small: var(--krds-padding-1);
   --krds-button--padding-y-small: var(--krds-number-0);
   --krds-button--size-height-medium: var(--krds-size-height-5);
   --krds-button--padding-x-medium: var(--krds-padding-1);
   --krds-button--padding-y-medium: var(--krds-number-2);
   --krds-button--size-height-large: var(--krds-size-height-6);
   --krds-button--padding-x-large: var(--krds-padding-1);
   --krds-button--padding-y-large: 0.5rem;
   --krds-button--size-height-xlarge: var(--krds-size-height-7);
   --krds-button--padding-x-xlarge: var(--krds-padding-1);
   --krds-button--padding-y-xlarge: 0.9rem;
   display: inline-block;
   height: auto !important;
   padding: var(--krds-button--padding-y-large) var(--krds-button--padding-x-large);
   text-align: left;
   white-space: normal;
}
.krds-btn.text {
   background-color: var(--krds-button--color-text-fill);
   border-color: var(--krds-button--color-text-border);
   color: var(--krds-button--color-text-text);
}
.krds-btn.small {
   gap: var(--krds-button--gap-small);
   height: var(--krds-button--size-height-small);
   padding: var(--krds-button--padding-y-small) var(--krds-button--padding-x-small);
   border-radius: var(--krds-button--radius-small);
   font-size: var(--krds-button--pc-font-size-small);
   font-weight: var(--krds-button--font-weight-small);
}
.krds-btn.text.h-auto {
   height: auto;
   padding: var(--krds-padding-1) !important;
}

/*  사이드 메뉴 */
.krds-side-navigation .lnb-tit {
   border-bottom: 3px solid var(--krds-color-light-primary-50);
}

/*  페이지 타이틀  */
.page-title-wrap {
   display: flex;
   align-items: normal;
   justify-content: flex-start;
   flex-direction: column;
   margin-bottom: var(--krds-pc-gap-layout-h2-h3);
   gap: var(--krds-pc-gap-layout-title-body-large);
}
.page-title-wrap .h-tit {
   font-size: var(--krds-pc-font-size-heading-xlarge);
   letter-spacing: var(--krds-typo-letter-spacing-1);
   font-weight: var(--krds-font-weight-bold);
}
.page-title-wrap .h-tit .small-txt {
   display: flex;
   margin-bottom: var(--krds-pc-gap-layout-title-body-small);
   font-size: var(--krds-pc-font-size-heading-xxsmall);
   color: var(--krds-light-color-text-subtle);
}
.txt-box.outline .check-list > li {
   position: relative;
   padding-left: calc(var(--krds-size-height-4) + var(--krds-padding-3));
   font-size: var(--krds-pc-font-size-body-medium);
   color: var(--krds-light-color-text-primary);
}
.txt-box.outline .check-list > li::before {
   position: absolute;
   top: var(--krds-gap-1);
   left: 0;
   content: "";
   display: inline-flex;
   width: var(--krds-icon--size-large);
   height: var(--krds-icon--size-large);
   background-color: var(--krds-light-color-text-basic);
   background-color: transparent !important;
   forced-color-adjust: none;
   background-image: url(/images/coast_new_2025/component/icon/ico_outline_chk.svg);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
}
@media (max-width: 767px) {
   .page-title-wrap .h-tit {
      font-size: var(--krds-mobile-font-size-heading-xlarge);
      letter-spacing: var(--krds-typo-letter-spacing-1);
   }
}
@media (max-width: 1023px) {
   .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-gap-3);
   }
}
@media (min-width: 1024px) {
   .page-title-wrap[data-type="responsive"] .h-tit-drop {
      display: none;
   }
}

/*  텍스트 박스 */
.txt-box {
   --txt-box-width-border: var(--krds-light-border-width-static-regular);
   --txt-box-color-border: var(--krds-light-color-border-gray);
   --txt-box-color-background: var(--krds-light-color-surface-gray-subtler);
   padding: var(--krds-pc-padding-card-large);
   background-color: var(--txt-box-color-background);
   border: var(--txt-box-width-border) solid var(--txt-box-color-border);
   border-radius: var(--krds-radius-xlarge1);
}
.outline {
   border-color: var(--krds--color-border-secondary-light);
   background-color: var(--krds--color-surface-secondary-subtler);
   gap: var(--krds-gap-7);
}
.txt-box.outline {
   margin-bottom: var(--krds-gap-3);
   border-color: var(--krds-light-color-border-secondary-light);
   background-color: var(--krds-light-color-surface-secondary-subtler);
}
.txt-box.outline .check-list {
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   flex-direction: column;
   gap: var(--krds-gap-5);
}
.outline .outline-tit {
   gap: var(--krds-gap-2);
   font-size: var(--krds-pc-font-size-heading-medium);
   font-weight: var(--krds-font-weight-bold);
}

.outline .outline-tit::before {
   background: url(/img/pattern/content/ico_outline.svg) no-repeat center;
   background-size: contain;
}

.outline .outline-txt {
   font-size: var(--krds-pc-font-size-body-large);
}

.outline .conts-desc-wrap {
   gap: var(--krds-gap-5);
   width: 100%;
   padding-top: var(--krds-padding-8);
   border-top: var(--txt-box-width-border) dotted var(--txt-box-color-border);
}

.outline .conts-desc-wrap.type-disclosure {
   gap: 0;
   padding: 0;
   border: none;
}

.outline .conts-desc-wrap.type-disclosure .krds-disclosure ~ .krds-disclosure {
   margin-top: var(--krds-gap-5);
}

.outline .check-list {
   gap: var(--krds-gap-5);
}

/*  페이지 상단 이동 */
.page-top-button {
   width: var(--krds-size-height-8);
   height: var(--krds-size-height-8);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row;
   border-radius: var(--krds-radius-medium3);
   border: 0.1rem solid var(--krds-light-color-border-gray-light);
   background-color: var(--krds-light-color-action-white);
   box-shadow: 0px 0px 2px 0px var(--krds-light-color-alpha-shadow1),
      0px 4px 8px 0px var(--krds-light-color-alpha-shadow2);
   position: fixed;
   right: 4rem;
   bottom: 6.4rem;
   z-index: -1;
   visibility: hidden;
   opacity: 0;
}
.page-top-button.active {
   z-index: 60;
   visibility: visible;
   opacity: 1;
}
.svg-icon.ico-go-top {
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-position: center center;
   -webkit-mask-size: contain;
   mask-repeat: no-repeat;
   mask-position: center center;
   mask-size: contain;
   -webkit-mask-image: url(/images/coast_new_2025/component/icon/ico_go_top.svg);
   mask-image: url(/images/coast_new_2025/component/icon/ico_go_top.svg);
}

/*  이용약관 */
.policy-box .box-tit {
   margin-bottom: var(--krds-pc-gap-layout-title-body-medium);
   font-size: var(--krds-pc-font-size-heading-small);
   font-weight: var(--krds-typo-font-weight-bold);
}
.policy-box p {
   position: relative;
   margin-bottom: var(--krds-pc-gap-layout-text-text-medium);
}
.policy-box .number-list li {
   position: relative;
   margin-bottom: var(--krds-pc-gap-layout-text-text-medium);
   padding-left: var(--krds-number-12);
}
.policy-box .number-list .num {
   position: absolute;
   top: 0;
   left: 0;
}

/* input  Placeholder */
.krds-input {
   position: relative;
   width: 100%;
   padding: 0 var(--krds-input--padding-x);
   background-color: var(--krds-input--color-surface);
   border: 0.1rem solid var(--krds-input--color-border);
   color: var(--krds-input--color-text);
   transition: var(--krds-transition-base);
}
.krds-input:focus,
.krds-input.focus {
   border-color: var(--krds-input--color-border-active);
   border-width: 2px;
   outline: none;
   box-shadow: none;
}
.krds-input[readonly] {
   background-color: var(--krds-input--color-surface-readonly);
   border-color: var(--krds-input--color-border-readonly);
   color: var(--krds-input--color-text-readonly);
}
.krds-input[readonly].datepicker {
   background-color: var(--krds-input--color-surface);
   border-color: var(--krds-input--color-border);
   color: var(--krds-input--color-text);
}
.krds-input[readonly]:focus {
   border-color: var(--krds-input--color-border-active);
}
.krds-input[disabled] {
   background-color: var(--krds-input--color-surface-disabled);
   border-color: var(--krds-input--color-border-disabled);
   color: var(--krds-input--color-text-disabled);
}
.krds-input::-webkit-input-placeholder {
   color: var(--krds-input--color-text-placeholder);
   font-size: inherit;
}
.krds-input::-moz-placeholder {
   color: var(--krds-input--color-text-placeholder);
   font-size: inherit;
}
.krds-input:-ms-input-placeholder {
   color: var(--krds-input--color-text-placeholder);
   font-size: inherit;
}
.krds-input::-ms-input-placeholder {
   color: var(--krds-input--color-text-placeholder);
   font-size: inherit;
}

/*  info-box  */
.info-box {
   position: relative;
   background-color: var(--krds-light-color-surface-secondary-subtler);
   padding: var(--krds-pc-padding-card-small);
   border-radius: var(--krds-radius-xlarge1);
}

/*  line-box  */
.line-box {
   position: relative;
   display: flex;
   align-items: center;
   gap: var(--krds-gap-5);
   margin-bottom: var(--krds-pc-gap-layout-text-text-medium);
   padding: var(--krds-pc-padding-card-small);
   border: 5px solid var(--krds-light-color-border-secondary-light);
   text-align: center;
}
.krds-info-list.dotlist > li {
   position: relative;
   padding-left: var(--krds-info-list--depth1-padding-left);
   color: var(--krds-info-list--depth1-color-text);
   font-size: var(--krds-info-list--pc-text-depth1);
}
.krds-info-list.dotlist > li::before {
   content: "";
   width: 0.6rem;
   height: 0.6rem;
   content: "";
   background-color: var(--krds-info-list--depth1-color-text);
   border-radius: var(--krds-radius-max);
   top: 1rem;
   left: 0.8rem;
}
/* 상단 검색어 영역 */
.total-search-top-box {
   display: flex;
   justify-content: center;
   position: relative;
   margin-bottom: var(--krds-gap-11);
   height: 11rem;
   background: var(--krds-color-light-secondary-5);
   border-radius: var(--krds-radius-medium1);
}
.total-search-top-box > .inner {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 2;
   width: 100%;
   max-width: 480px;
   padding: 0;
}
.total-search-top-box > .inner .sch-form-wrap {
   width: 100%;
   gap: var(--krds-gap-4);
}
.total-search-top-box .sch-input input {
   width: 100%;
}
@media (max-width: 767px) {
   .total-search-top-box {
      margin-bottom: var(--krds-gap-8);
   }

   .total-search-top-box > .inner {
      padding-top: var(--krds-padding-8);
      padding-bottom: var(--krds-padding-9);
   }

   .total-search-top-box .krds-input {
      height: var(--krds-size-height-9);
   }

   .total-search-top-box .krds-btn.icon.xlarge {
      width: var(--krds-size-height-5);
      height: var(--krds-size-height-5);
   }

   .krds-btn.large {
      font-size: var(--krds-button--mobile-font-size-large);
   }
}

/* 검색 입력 */
.sch-input {
   display: flex;
   position: relative;
}
.sch-input .krds-input {
   padding: 0 6rem 0 var(--krds-padding-6);
}
.sch-input .btn-delete {
	position: absolute;
	top: 50%;
	right: 6rem;
	transform: translateY(-50%);
	display:inline-flex; 
	justify-content:center; 
	align-items:center; 
	flex-shrink:0; 
	width:2.4rem; 
	height:2.4rem; 
	margin:0; 
	padding:0; 
	border:0; 
	cursor:pointer; 
	text-decoration:none; 
	vertical-align:middle; 
	background:transparent url(/images/coast_new_2025/component/icon/ico_delete.svg) center no-repeat;
}
.sch-input .krds-input.xlarge {
   font-weight: var(--krds-font-weight-bold);
   padding: 0 8.6rem 0 var(--krds-padding-8);
}
.sch-input .ico-search {
   position: absolute;
   top: 50%;
   right: var(--krds-gap-5);
   transform: translateY(-50%);
}
/* 모바일 전용 */
@media (max-width: 768px) {
   .form-group .form-conts.keyword-sch {
      width: 100%;
   }
   .sch-form-wrap {
      flex-direction: column;
      align-items: flex-start;
   }
   .sch-input .krds-input.xlg {
      padding: 0 var(--krds-number-16) 0 var(--krds-number-8);
   }
   .sch-input .krds-input.xlg ~ .ico-search {
      right: var(--krds-number-8);
      width: 2.4rem;
      height: 2.4rem;
   }
}

/* 결과 리스트 상단 */
.search-list-top {
   --search-list-color-text-primary: var(--krds-light-color-text-primary);
   --search-list-width-border: var(--krds-light-border-width-variable-regular);
   --search-list-color-border: var(--krds-light-color-divider-gray);
   --search-list-sort-btn-color-button-hover: var(--krds-light-color-button-text-fill-hover);
   --search-list-sort-btn-color-button-active: var(--krds-light-color-button-text-fill-pressed);
   --search-list-sort-btn-color: var(--krds-light-color-text-basic);
   --search-list-sort-btn-color-background: var(--krds-light-color-button-text-fill);
   --search-list-sort-btn-border: var(--krds-light-border-width-static-regular) solid
      var(--krds-light-color-button-text-border);
   display: flex;
   justify-content: space-between;
   gap: var(--krds-gap-9);
   margin: var(--krds-pc-gap-layout-h2-h3) 0 var(--krds-gap-7);
}

.search-list-top .sch-left {
   display: flex;
   align-items: center;
   gap: var(--krds-gap-7);
}
.search-list-top .sch-left .krds-check-area {
   font-size: 0;
}
.search-list-top .sch-left .btn-txt.sm {
   height: 2.4rem;
}

.search-list-top .sch-info {
   display: inline;
   font-size: var(--krds-pc-font-size-body-large);
   font-weight: var(--krds-font-weight-bold);
}
.search-list-top .sch-info .point {
   word-break: break-all;
   color: var(--search-list-color-text-primary);
}
.search-list-top .sch-info .br {
   display: none;
}

.search-list-top .sch-sort {
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
.search-list-top .sch-sort .sort-label {
   font-weight: var(--krds-font-weight-bold);
   white-space: nowrap;
   margin-right: var(--krds-gap-4);
}
.search-list-top .sch-sort .krds-form-select-sort {
   border: var(--search-list-sort-btn-border);
   border-radius: var(--krds-radius-medium2);
   background-color: var(--search-list-sort-btn-color-background);
}
.search-list-top .sch-sort .w-sort-btn {
   display: flex;
   align-items: center;
   gap: var(--krds-gap-3);
}
.search-list-top .sch-sort .w-sort-btn button {
   transition: var(--krds-transition-base);
   color: var(--search-list-sort-btn-color);
   border: var(--search-list-sort-btn-border);
   border-radius: var(--krds-radius-medium2);
   background-color: var(--search-list-sort-btn-color-background);
}
.search-list-top .sch-sort .w-sort-btn button.active {
   text-decoration: underline;
}
.search-list-top .sch-sort .w-sort-btn button:hover {
   border-radius: var(--krds-radius-medium1);
   background-color: var(--search-list-sort-btn-color-button-hover);
   transition: var(--krds-transition-base);
}
.search-list-top .sch-sort .w-sort-btn button:active {
   background-color: var(--search-list-sort-btn-color-button-active);
   transition: var(--krds-transition-base);
}
.search-list-top .sch-sort .m-sort-btn {
   display: none;
}

.search-list-top .sch-info li,
.search-list-top .sch-sort li {
   display: flex;
   align-items: center;
   position: relative;
}
.search-list-top .sch-info li:not(:last-child),
.search-list-top .sch-sort li:not(:last-child) {
   margin-right: 0.8rem;
   padding-right: 0.8rem;
}
.search-list-top .sch-info li:not(:last-child)::after,
.search-list-top .sch-sort li:not(:last-child)::after {
   content: "";
   display: inline-flex;
   width: var(--search-list-width-border);
   height: var(--krds-size-height-2);
   background-color: var(--search-list-color-border);
   position: absolute;
   top: 50%;
   right: 0;
   transform: translateY(-50%);
}
.search-list-top .sch-sort {
   flex-shrink: 0;
}
.search-list-top .sch-info li {
   display: inline;
}
.search-list-top .sch-info li .search-result {
   display: inline-block;
   width: max-content;
}
.search-list-top .side-line-ul {
   display: flex;
   flex-wrap: wrap;
   gap: var(--krds-gap-5) var(--krds-gap-3);
}
.search-list-top .side-line-ul li {
   display: inline-flex;
   align-items: center;
}
.search-list-top .side-line-ul li:not(:last-child)::after {
   display: inline-flex;
   content: "";
   width: var(--search-list-width-border);
   height: var(--krds-size-height-2);
   margin-left: var(--krds-padding-3);
   background-color: var(--search-list-color-border);
}
.search-list-top.border {
   flex-wrap: wrap;
   margin: 0; 
   padding-bottom: var(--krds-padding-8);
   border-bottom: var(--search-list-width-border) solid var(--search-list-color-border);
}

/* 필터칩 박스 */
.filter-chip {
   --filter-chip-color-background: var(--krds-light-color-surface-secondary-subtler);
   --filter-chip-num-color-text: var(--krds-light-color-text-primary);
   display: flex;
   align-items: center;
   gap: var(--krds-gap-5);
   padding: var(--krds-padding-7) var(--krds-padding-8);
   margin-bottom: var(--krds-gap-9);
   background: var(--filter-chip-color-background);
   border-radius: var(--krds-radius-xlarge2);
}
.filter-chip dt {
   display: flex;
   align-items: center;
   font-weight: var(--krds-font-weight-bold);
   white-space: nowrap;
   height: var(--krds-size-height-5);
}
.filter-chip dt .num {
   margin-left: var(--krds-gap-2);
   color: var(--filter-chip-num-color-text);
}
.filter-chip dd {
   display: flex;
   gap: var(--krds-gap-3);
   flex: 1;
}
.filter-chip dd .krds-btn.icon.xlarge {
   flex-shrink: 0;
}
.filter-chip dd .krds-btn.icon.xlarge .ico-refresh {
   width: var(--krds-size-height-2);
   height: var(--krds-size-height-2);
}
.filter-chip .chip-wrap {
   justify-content: flex-start;
}
.w-hide {
   display: none !important;
}
@media (max-width: 1024px) {
	.sch-input { 
		margin-top: .7rem;
	}
}
@media (max-width: 767px) {
   .m-hide {
      display: none !important;
   }
}
/* 검색 공통 - 모바일 */
@media (max-width: 768px) {
   .search-top-box .sch-form-wrap .sch-input,
   .search-top-box .sch-form-wrap .krds-input {
      width: 100%;
   }
   .search-top-box .sch-form-wrap.flex-inline {
      display: flex;
   }
   .search-top-box .sch-form-wrap.flex-inline .krds-form-select {
      width: 100%;
   }
   .search-top-box .sch-form-wrap.flex-inline .input-group {
      flex-direction: column;
   }
   .search-top-box .sch-filter-box {
      display: none;
   }
   /* 결과 리스트 상단(모바일) */
   .search-list-top {
      flex-direction: column;
      gap: var(--krds-gap-7);
      margin-top: var(--krds-mobile-gap-layout-h2-h3);
   }
   .search-list-top .sch-info,
   .search-list-top .sch-left {
      order: 2;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--krds-gap-4);
      font-size: var(--krds-mobile-font-size-body-large);
   }
   .search-list-top .sch-info {
      flex-direction: row;
      flex-wrap: wrap;
      gap: 0;
   }
   .search-list-top .sch-sort {
      order: 1;
      margin-left: auto;
   }
   .search-list-top .sch-sort .w-hide {
      display: flex !important;
   }
      .search-list-top .sch-sort .m-hide {
      display: none;
   }
   .search-list-top .sch-sort .w-sort-btn {
      display: none;
   }
   .search-list-top .sch-sort .m-sort-btn {
      display: flex;
      align-items: center;
   }
   .search-list-top .sch-sort .krds-btn.ico-filter {
      position: relative;
      font-size: var(--krds-pc-font-size-heading-xxsmall);
      height: 2.5rem;
      padding: var(--krds-padding-1);
   }
   .search-list-top .sch-sort .krds-btn.ico-filter .span {
      position: relative;
      z-index: 2;
      font-weight: var(--krds-font-weight-bold);
   }
   .search-list-top .sch-sort .krds-btn.ico-filter .krds-badge.number {
      position: absolute;
      top: calc(-1 * var(--krds-number-6));
      right: var(--krds-number-5);
      z-index: 1;
   }
   .search-list-top .side-line-ul {
      gap: var(--krds-gap-3);
      margin-top: var(--krds-gap-4);
   }
   .search-list-top.border {
      margin-bottom: 0;
   }
   /* 모바일에선 필터칩 숨김 */
   .filter-chip {
      display: none;
   }
}
/*==================================================================
로그인
==================================================================*/
/* 로그인 옵션 */
.login-opt-wrap {
   display: flex;
   gap: var(--krds-gap-7);
}

/* 본인인증방식 선택 */
.certify-sel-wrap {
   width: 100%;
}
.certify-sel-wrap .lt-box {
	flex-shrink: 0;
	margin-top: var(--krds-padding-8);
	width: 35%;
}
.certify-sel-wrap .lt-box .certify-opt-tit {   
   font-size: var(--krds-pc-font-size-heading-medium);
   font-weight: var(--krds-font-weight-bold);
   margin-bottom: var(--krds-gap-3);
}
.certify-sel-wrap .certify-option {
   border-top: var(--certify-width-border) solid var(--certify-color-border);
}
.certify-sel-wrap .certify-option > li {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--krds-gap-7);
   padding-top: var(--krds-padding-8);
   padding-bottom: var(--krds-padding-8);
   border-bottom: var(--certify-width-border) solid var(--certify-color-border);
}
.certify-sel-wrap .certify-type {
   display: flex;
   flex-direction: column;
   flex: 1;
   gap: var(--krds-gap-5);
   width: 100%;
   max-width: 58.8rem;
}
.certify-sel-wrap .certify-type > li {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   position: relative;
   padding: var(--krds-padding-9) var(--krds-padding-9) var(--krds-padding-9) var(--krds-number-21);
   background-color: var(--krds-light-color-background-gray-subtler);
   border-radius: var(--krds-radius-xlarge1);
}
.certify-sel-wrap .certify-type > li::before,
.certify-sel-wrap .certify-type > li::after {
   position: absolute;
   top: var(--krds-gap-8);
   left: var(--krds-gap-8);
   content: "";
   display: inline-flex;
   width: var(--krds-size-height-6);
   height: var(--krds-size-height-6);   
   forced-color-adjust: none;
   background-size: contain;
}
.certify-sel-wrap .certify-type > li::before {
	background-image: url(/images/coast_new_2025/component/icon/ico_login_certify_type_03.svg);	
}
.certify-sel-wrap .certify-type > li.id::before {
	background-image: url(/images/coast_new_2025/component/icon/ico_login_certify_type_05.svg);	
}
.certify-sel-wrap .certify-type > li::after {
   position: absolute;
   top: var(--krds-gap-9);
   left: auto;
   right: var(--krds-gap-8);
   display: inline-flex;
   width: var(--krds-size-height-4);
   height: var(--krds-size-height-4);   
   forced-color-adjust: none;
   -webkit-background-repeat: no-repeat;
   -webkit-background-position: center center;
   -webkit-background-size: contain;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: contain;
   -webkit-background-image: url(/images/coast_new_2025/component/icon/ico_more.svg);
   background-image: url(/images/coast_new_2025/component/icon/ico_more.svg);
}
.certify-sel-wrap .certify-type > li .login-link {
   display: block;
   width: 100%;
}
.certify-sel-wrap .certify-type > li .login-link + .btn-wrap {
   margin-top: var(--krds-padding-6);
}
.certify-sel-wrap .certify-type > li .type-tit {
   margin: var(--krds-gap-2) 0;
   font-size: var(--krds-pc-font-size-heading-small);
   font-weight: var(--krds-font-weight-bold);
}
.certify-sel-wrap .certify-type > li .type-desc {
   margin-top: var(--krds-gap-3);
   padding-right: var(--krds-padding-10);
   color: var(--certify-desc-color-text);
}
#krds-header .header-container .btn-navi.mo-sch {
	display: none;
}
/* 로그인 - 모바일 */
@media (max-width: 768px) {
	.certify-sel-wrap .certify-type > li::before,
	.certify-sel-wrap .certify-type > li::after {   
	   top: var(--krds-gap-6);	   
	}
	.certify-sel-wrap .certify-type > li::before {
		left: var(--krds-gap-6);
	}
	#krds-header .header-container .btn-navi.mo-sch {
		display: flex;
	}
}

/* 인증수단 로고 리스트 */
.certify-sel-wrap .certify-use {
   display: flex;
   flex-direction: column;
   gap: var(--krds-gap-7);
}
.certify-sel-wrap .certify-use-tit {
   font-weight: var(--krds-font-weight-bold);
}
.certify-sel-wrap .certify-use-item {
   display: flex;
   flex-direction: column;
   gap: var(--krds-gap-7);
}
.certify-sel-wrap .certify-use-list {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: var(--krds-gap-5);
}
.certify-sel-wrap .certify-use-list > li {
   display: flex;
   align-items: center;
}
.certify-sel-wrap .certify-use-list > li::before {
   content: "";
   display: inline-block;
   width: 1.6rem;
   height: 1.6rem;
   background-size: contain;
   background-repeat: no-repeat;
   margin-right: var(--krds-gap-3);
}
.certify-sel-wrap .certify-use-list > li.ico-kb::before {
   background-image: url("../img/component/content/ico_login_certify_kb.svg");
}
.certify-sel-wrap .certify-use-list > li.ico-naver::before {
   background-image: url("../img/component/content/ico_login_certify_naver.svg");
}
.certify-sel-wrap .certify-use-list > li.ico-samsungpass::before {
   background-image: url("../img/component/content/ico_login_certify_samsungpass.svg");
}
.certify-sel-wrap .certify-use-list > li.ico-shinhan::before {
   background-image: url("../img/component/content/ico_login_certify_shinhan.svg");
}
.certify-sel-wrap .certify-use-list > li.ico-toss::before {
   background-image: url("../img/component/content/ico_login_certify_toss.svg");
}

/* 회원가입 유도 */
.join-member-bn-wrap {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: var(--krds-gap-5);
}
.join-member-bn-wrap .txt-desc {
   font-size: var(--krds-pc-font-size-heading-small);
   font-weight: var(--krds-font-weight-bold);
}

/* 로그인 방식 선택 */
.login-type-ul {
   display: flex;
   gap: var(--krds-gap-8);
   width: 100%;
}
.login-type-ul li {
   flex: 1;
}
.login-type-ul li:not(:first-child) {
   padding-left: var(--krds-padding-9);
   border-left: var(--login-ul-width-border) solid var(--login-ul-color-border);
}
.login-type-ul li .in {
   display: flex;
   flex-direction: column;
   align-items: normal;
   gap: var(--krds-pc-gap-layout-title-body-large);
}
.login-type-ul li .tit {
   font-size: var(--krds-pc-font-size-heading-small);
   font-weight: var(--krds-font-weight-bold);
}
.login-type-ul li .btn-wrap {
   display: flex;
   flex-direction: column;
   align-items: normal;
   margin-top: var(--krds-gap-5);
   gap: var(--krds-gap-5);
}
.login-type-ul li .btn-wrap .krds-btn .text-bold {
   font-weight: var(--krds-font-weight-bold);
   color: var(--login-ul-color-text);
}
/* 로그인 폼 */
.loginWrap1 form {
	width:100%; 
	max-width: 600px;
}
.loginWrap1 form input,
.loginWrap1 form .btn {
	height: 60px;
	font-size: 1.7rem;
}
.svg-icon.ico-pw-visible {
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(/images/coast_new_2025/component/icon/ico_pw_visible_off.svg);
    mask-image: url(/images/coast_new_2025/component/icon/ico_pw_visible_off.svg);
}
.svg-icon.ico-pw-visible-on {
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(/images/coast_new_2025/component/icon/ico_pw_visible_on.svg);
    mask-image: url(/images/coast_new_2025/component/icon/ico_pw_visible_on.svg);
}
.link-group {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.link-group > li + li::before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .8rem;
    content: "";
    width: 1px;
    height: 1.6rem;
    background-color: var(--krds-color-light-gray-60);
}
.loginWrap1 .loginBox .helper-box {
	margin-top: var(--krds-number-14);
}
/* 회원가입 폼 */
.text-hint {
	display: flex;
	align-items: center;
	font-size: var(--krds-pc-font-size-label-xsmall);
	color: var(--krds-color-light-primary-40);
}
.text-hint .svg-icon { 
	margin-right: .4rem;
}
.svg-icon.ico-info {
	background: url(/images/coast_new_2025/component/icon/ico_system_info.svg);
}

/* 태블릿 전용 */
@media (max-width: 1279px) {
   .login-type-ul {
      gap: var(--krds-gap-7);
   }
   .login-type-ul li:not(:first-child) {
      padding-left: var(--krds-padding-8);
   }
   .login-form-area {
      flex-direction: column;
      padding: var(--krds-padding-8) 0;
      gap: var(--krds-gap-8);
   }
   .login-form-area::after {
      display: none;
   }
   .login-info-wrap {
      padding-bottom: 0;
      border-top: 1px solid var(--krds-color-divider-gray);
   }
}

/* 모바일 전용 */
@media (max-width: 767px) {
   .conts-area[class*="login-"] {
      gap: var(--krds-gap-7);
   }
   .conts-area.login-type .join-member-bn-wrap ~ .helper-box {
      margin-top: -0.8rem;
   }
   .login-opt-wrap {
      flex-direction: column;
      gap: var(--krds-gap-5);
   }
   .certify-sel-wrap .certify-opt-tit {
      margin-top: 0;
      width: 100%;
      font-size: var(--krds-mobile-font-size-heading-small);
   }
   .certify-sel-wrap .certify-option > li {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column;
      gap: var(--krds-gap-5);
      padding-top: var(--krds-padding-6);
      padding-bottom: var(--krds-padding-6);
   }
   .certify-sel-wrap .certify-type {
      max-width: none;
      width: 100%;
      gap: var(--krds-gap-4);
   }
   .certify-sel-wrap .certify-type > li {
      padding: var(--krds-padding-8);
   }
   .certify-sel-wrap .certify-type > li .login-link + .btn-wrap {
      margin-top: var(--krds-gap-3);
   }
   .certify-sel-wrap .certify-type > li .type-tit {
      margin: var(--krds-number-1) 0;
      padding-left: var(--krds-gap-10);
      font-size: var(--krds-mobile-font-size-heading-small);
   }
   .certify-sel-wrap .certify-type > li .type-desc {
      margin-top: var(--krds-gap-3);
   }
   .certify-sel-wrap .certify-use-item {
      gap: var(--krds-gap-5);
   }
   .certify-sel-wrap .certify-use-list {
      grid-template-columns: 1fr;
   }
   .join-member-bn-wrap {
      flex-direction: column;
      gap: var(--krds-gap-4);
   }
   .join-member-bn-wrap .txt-desc {
      font-size: var(--krds-mobile-font-size-heading-small);
   }
   .login-type-ul {
      gap: 0;
      flex-direction: column;
   }
   .login-type-ul li {
      padding: var(--krds-padding-8) 0;
   }
   .login-type-ul li:not(:first-child) {
      padding-left: 0;
      border: none;
      border-top: 1px solid var(--krds-color-divider-gray-light);
   }
   .login-type-ul li .in {
      gap: var(--krds-mobile-gap-layout-title-body-large);
   }
   .login-type-ul li .tit {
      font-size: var(--krds-mobile-font-size-heading-small);
   }
}

/*=========================================================
도움말박스
=========================================================*/
.helper-box {
   width: 100%;
   padding: var(--krds-pc-padding-card-xsmall);
   border-radius: var(--krds-radius-xlarge2);
   background-color: var(--krds-color-light-secondary-5);
   border: 1px solid var(--krds-color-light-secondary-10);
}

/* web 전용 속성 */
@media (min-width: 1281px) {
  .inner {
    margin: 0 auto;
  }
  .inner.narrow {
    max-width: calc(79.2rem + (var(--krds-contents-padding-x) * 2));    
  }
}

/* 태블릿 & 모바일 전용 속성 */
@media (max-width: 1280px) {
  /* container */
  #container .in-between .krds-side-navigation {
    display: none;
  }
  #container .in-between .contents {
    padding-left: 0;
  }
}

/* 모바일 전용 */
@media (max-width: 767px) {
  /* container */
  #container > .inner {
    min-height: 50rem;
  }
  	#container .in-between {
	    gap:0 ;
	}
  #container .in-between .contents {
    padding-right: 0;
  }
  .certify-sel-wrap .lt-box {
	width: 100%; 
  }
}

/* 사이트이용정책 */
.bg.grayscale-5 {
	background-color: #f8f8f8;
}

.bg.grayscale-5.fst {
	margin-top: 25px;
}

.border.radius-12 {
	border-radius: 1.2rem;
}

.border.grayscale-5 {
	border-color: #f8f8f8;
}

.border.solid {
	border-style: solid;
}

.border.line-1 {
	border-width: 0.1rem;
}

.border.grayscale-40 {
	border-color: #c6c6c6;
}

.inside-40 {
	padding: 4rem !important;
}

.font {
	line-height: 150%;
}

.font.body.lg {
	font-size: var(--krds-fz-body-lg);
}

#copyright_policy .copyright_box {
	padding: 10px;
    border: solid;
    border-width: 5px;
    border-color: #bfd6e9;
}

/* 통합검색 */ 
.search-between-conts {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	gap: 6.4rem;

}
.search-between-conts .aside {
	position: relative;
	top: 0; 
	width: 28.2rem;
	flex-shrink: 0;
	height: 100%;
	transition: top .1s;
}
.accordion-body .row { 
	margin: 0;
}
.search-between-conts .aside .fieldset {
	gap: var(--krds-gap-4);
}
.search-between-conts .aside .filter-btn {
	margin-top: var(--krds-gap-2);
}
.search-between-conts .aside .filter-btn .krds-btn {
	width: 100%;
}

.search-result .list {
	width: 100%; 
}
.search-result .list li {
	width: 100%; 
	padding: 2rem 1rem;
	border-bottom: 1px solid var(--krds-color-light-gray-20);
}
.search-result .list .cont-area {
	display: flex;
	flex-direction: column;	
}
.search-result .list li .badge {
	margin-bottom: .8rem;
	color: var(--krds-color-light-primary-60);
    background-color: var(--krds-color-light-primary-5);
    height: 2.4rem;    
	line-height: 2.4rem;    
    font-size: var(--krds-pc-font-size-body-small);
    font-weight: var(--krds-font-weight-regular);
    padding: 0 0.8rem;
    border-radius: 0.4rem;
}
.search-result .list li .tit {
	font-size: var(--krds-pc-font-size-heading-small);
    font-weight: var(--krds-font-weight-bold);
    margin-bottom: var(--krds-gap-4);
}
.search-result .list li .txt {    
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	margin-bottom: 2rem; 
}
.search-result .list li .keyword {
	font-weight: var(--krds-font-weight-bold);
    color: var(--krds-color-light-primary-60);
    background-color: var(--krds-color-light-primary-5);
}
.search-result .list li .link-area a {
	text-decoration: underline;
}
.svg-icon.ico-filter {
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(/images/coast_new_2025/component/icon/ico_filter.svg);
    mask-image: url(/images/coast_new_2025/component/icon/ico_filter.svg);
} 
#totalSort .btn-toggle {
	display: none;
}
.sch-sort .w-sort-btn.mo-sort {
	display: none;
}
/* 모바일 전용 */
@media (max-width: 767px) { 
	.total-search-top-box .sch-input {
		padding-right: 1.6rem;
		padding-left: 1.6rem;
	}
	.sch-input .ico-search {
		right: 3rem; 
	}
    .search-between-conts .aside {
        display: none;
    }
    .search-list-top  .sch-sort .w-sort-btn.pc-sort {
		display: none;
	}
    .search-list-top  .sch-sort .w-sort-btn.mo-sort {
		display: block;
	}
}
.krds-modal {
	 display: none;
}

/* 페이지 상단 이동 */
.page-top-button.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.page-top-button:not(.active) {
  transform: translateY(20px);
}
.page-top-button:hover {
  background-color: var(--krds-color-element-primary-hover, #0055aa);
}