@charset "UTF-8";
/* 공통 */
/* **** area mixin ****/
/* **** text attr ****/
/* **** scroll ****/
/* **** form mixin ****/
/* ***** MAIN ***** */
/* ** 긴급공지 **/
.main-urgent-wrap {
  background-color: #F0F0F0;
}
.main-urgent-wrap .urgent-ban-list {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
  width: 100%;
  max-width: 84.6rem;
  padding: var(--btis-spacer-6);
  margin: 0 auto;
}
.main-urgent-wrap .urgent-ban-list .urgent-ban {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-4);
  height: 8rem;
  padding: var(--btis-spacer-2) var(--btis-spacer-4);
  border-radius: var(--btis-rd-6);
  background-color: var(--btis-white);
}
.main-urgent-wrap .urgent-ban-list .urgent-badge {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-1);
  font-size: var(--btis-fz-body-sm);
  font-weight: 700;
  color: var(--btis-white);
  min-width: 7.8rem;
  height: 4.8rem;
  padding: var(--btis-spacer-2) var(--btis-spacer-3);
  border-radius: 10rem;
}
.main-urgent-wrap .urgent-ban-list .urgent-badge::before {
  display: inline-flex;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.main-urgent-wrap .urgent-ban-list .urgent-badge.danger {
  background-color: var(--btis-danger);
}
.main-urgent-wrap .urgent-ban-list .urgent-badge.danger::before {
  background-image: url(../images/ico_urgent_badge_danger.svg);
}
.main-urgent-wrap .urgent-ban-list .urgent-badge.ok {
  background-color: var(--btis-success);
}
.main-urgent-wrap .urgent-ban-list .urgent-badge.ok::before {
  background-image: url(../images/ico_urgent_badge_ok.svg);
}
.main-urgent-wrap .urgent-ban-list .urgent-badge.info {
  background-color: var(--btis-primary-70);
}
.main-urgent-wrap .urgent-ban-list .urgent-badge.info::before {
  background-image: url(../images/ico_urgent_badge_info.svg);
}
.main-urgent-wrap .urgent-ban-list .urgent-txt {
  flex: 1;
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* 메인 상단 */
.maintop-wrap {
  position: relative;
  padding: var(--btis-spacer-8) var(--btis-spacer-25);
}
.maintop-wrap .top-area {
  height: 56.6rem;
  padding: var(--btis-spacer-8) 0;
  position:relative
}
.maintop-wrap .top-area .in {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: var(--btis-spacer-10);
  height: 100%;
}
.maintop-wrap .top-area .text {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  /* min-height: 30rem; 너무 이상함*/
  min-height: 42rem;
}
.maintop-wrap .top-area .text .tit {
  font-size: var(--btis-fz-display-sm);
  font-weight: 700;
  position:relative;
}
.maintop-wrap .top-area .text .txt {
  font-size: var(--btis-fz-body-lg);
  padding: var(--btis-spacer-4) 0;
}

.maintop-wrap .top-area .in .im {
    flex-basis: 35%;
    flex-shrink: 0;
    margin-right: auto;
    text-align: right;
	margin-top:5.2rem
}
.maintop-wrap .top-area .text .s-tit {
    font-size: var(--btis-fz-title-xlg);
    font-weight: 700;
	letter-spacing: 3rem;
	color:var(--btis-primary)
}
.maintop-wrap .top-area .text .img-text{
	width: 18rem;
    display: inline-block;
    position: absolute;
    right: -19rem;
    top: -2.4rem;
}
.maintop-wrap.bg{
	background:url(../images/main_03.png) no-repeat bottom left 30%;
	background-size: 40% auto;
}
/* ** 비주얼  영역 ** */
.main-vban-wrap.bg {
  background-color: #D8E4F2;
}
.main-vban-wrap:not(.bg) {
  margin-top: var(--btis-spacer-12);
}
.main-vban-wrap .vb-swiper {
  position: relative;
  padding: var(--btis-spacer-8) var(--btis-spacer-25);
}
.main-vban-wrap .vb-swiper .swiper-slide {
  height: 49.6rem;
  padding: var(--btis-spacer-8) var(--btis-spacer-11);
}
.main-vban-wrap .vb-swiper .swiper-slide .in {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: var(--btis-spacer-10);
  height: 100%;
  background-position: center right;
  background-repeat: no-repeat;
}
.main-vban-wrap .vb-swiper .swiper-slide .text {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-10);
  min-height: 30rem;
}
.main-vban-wrap .vb-swiper .swiper-slide .text .tit {
  font-size: var(--btis-fz-display-sm);
  font-weight: 700;
}
.main-vban-wrap .vb-swiper .swiper-slide .text .txt {
  font-size: var(--btis-fz-body-lg);
}
.main-vban-wrap .vb-swiper .swiper-slide .im {
  flex-basis: 35%;
  flex-shrink: 0;
  margin-right: auto;
  text-align: right;
}
.main-vban-wrap .vb-swiper .swiper-slide .im img {
  width: 100%;
  max-width: 34rem;
}
.main-vban-wrap .vb-swiper .swiper-button-prev,
.main-vban-wrap .vb-swiper .swiper-button-next {
  width: 6.4rem;
  height: 6.4rem;
}
.main-vban-wrap .vb-swiper .swiper-button-prev::after,
.main-vban-wrap .vb-swiper .swiper-button-next::after {
  width: 3.6rem;
  height: 3.6rem;
}
.main-vban-wrap .vb-card {
  position: relative;
  z-index: 1;
  padding: var(--btis-spacer-22) var(--btis-spacer-20);
  border-radius: var(--btis-rd-12);
  background-color: var(--btis-secondary-5);
}
.main-vban-wrap .vb-card .in {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  gap: var(--btis-spacer-10);
  height: 100%;
  background-position: center right;
  background-repeat: no-repeat;
}
.main-vban-wrap .vb-card .main-d-text {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-10);
  min-height: 30rem;
}
.main-vban-wrap .vb-card .main-d-text .tit {
  font-size: var(--btis-fz-display-sm);
  font-weight: 700;
}
.main-vban-wrap .vb-card .main-d-text .txt {
  font-size: var(--btis-fz-body-lg);
}
.main-vban-wrap .vb-card .im {
  flex-basis: 35%;
  flex-shrink: 0;
  margin-right: auto;
  text-align: right;
}
.main-vban-wrap .vb-card .im img {
  width: 100%;
  max-width: 30rem;
}
.main-vban-wrap .vb-card .main-d-links {
  flex-direction: row;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: var(--btis-spacer-10) var(--btis-spacer-20);
}
.main-vban-wrap .vb-card .main-d-links .btn {
  font-weight: 700;
  height: 8rem;
  padding: var(--btis-spacer-5) var(--btis-spacer-6) !important;
}
.main-vban-wrap .main-top-sch {
  display: flex;
  align-items: normal;
  justify-content: center;
  flex-direction: column;
  gap: var(--btis-spacer-20);
  width: 100%;
  max-width: 68.5rem;
  padding: var(--btis-spacer-16) 0;
  margin: 0 auto;
}
.main-vban-wrap .main-top-sch .sch-tit {
  font-size: var(--btis-fz-title-xlg);
  font-weight: 700;
  text-align: center;
}
.main-vban-wrap .main-top-sch .sch-form-wrap {
  gap: var(--btis-spacer-20);
}
.main-vban-wrap .main-top-sch .sch-tag {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-6);
}
.main-vban-wrap .main-top-sch .sch-tag dt {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  font-weight: 700;
  line-height: 1;
  height: 2.4rem;
}
.main-vban-wrap .main-top-sch .sch-tag dd {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-2);
  overflow-x: auto;
}
.main-vban-wrap .main-top-sch .sch-tag dd .btis-badge {
  white-space: nowrap;
}
.main-vban-wrap #main-vb-basic {
  height: 48rem;
}
.main-vban-wrap #main-vb-basic .d-auto .in {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
}
.main-vban-wrap #main-vb-basic .d-auto .in > div {
  width: 100%;
  max-width: 68.5rem;
  margin: 0 auto;
}
.main-vban-wrap #main-vb-basic .d-auto .sch-form-wrap {
  align-items: center;
  padding: var(--btis-spacer-13) 0;
}
.main-vban-wrap #main-vb-basic .d-auto .sch-form-wrap .sch-input {
  width: 100%;
  max-width: 56rem;
}
.main-vban-wrap #main-vb-basic .d-auto .sch-form-wrap .sch-ranking #sch-ranking-list .swiper {
  height: 2.5rem;
}
.main-vban-wrap #main-vb-basic .d-auto .sch-form-wrap .sch-ranking #sch-ranking-list .swiper-wrapper {
  counter-reset: item;
}
.main-vban-wrap #main-vb-basic .d-auto .sch-form-wrap .sch-ranking #sch-ranking-list .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  counter-increment: item;
}
.main-vban-wrap #main-vb-basic .d-auto .sch-form-wrap .sch-ranking #sch-ranking-list .swiper-slide::before {
  display: inline-flex;
  content: counter(item);
  font-weight: 700;
  color: var(--btis-primary);
  width: 2rem;
}
.main-vban-wrap #main-vb-basic .d-auto .sch-form-wrap .sch-ranking #sch-ranking-list .swiper-slide .ranking-txt {
  width: 18.5rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.main-vban-wrap #main-vb-basic .d-auto .sch-form-wrap .sch-ranking #sch-ranking-list .swiper-slide .ranking-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 0.2rem;
  font-size: var(--btis-fz-body-sm);
  font-size: var(--btis-fz-body-sm);
  width: 3.2rem;
}
.main-vban-wrap #main-vb-basic .d-auto .sch-form-wrap .sch-ranking #sch-ranking-list .swiper-slide .ranking-state::before {
  display: inline-flex;
  content: "";
  width: 1rem;
  height: 1rem;
}
.main-vban-wrap #main-vb-basic .d-auto .sch-form-wrap .sch-ranking #sch-ranking-list .swiper-slide .ranking-state.up {
  color: var(--btis-danger);
}
.main-vban-wrap #main-vb-basic .d-auto .sch-form-wrap .sch-ranking #sch-ranking-list .swiper-slide .ranking-state.up::before {
  width: 0;
  height: 0;
  border-bottom: 0.6rem solid var(--btis-danger);
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
}
.main-vban-wrap #main-vb-basic .d-auto .sch-form-wrap .sch-ranking #sch-ranking-list .swiper-slide .ranking-state.down {
  color: var(--btis-information);
}
.main-vban-wrap #main-vb-basic .d-auto .sch-form-wrap .sch-ranking #sch-ranking-list .swiper-slide .ranking-state.down::before {
  width: 0;
  height: 0;
  border-top: 0.6rem solid var(--btis-information);
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
}
.main-vban-wrap #main-vb-basic .d-auto .sch-form-wrap .sch-ranking #sch-ranking-list .swiper-slide .ranking-state.same::before {
  width: 0.6rem;
  height: 0.2rem;
  background-color: var(--btis-gray-90);
}
.main-vban-wrap #main-vb-basic .d-auto .sch-form-wrap .sch-ranking .dl {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-6);
}
.main-vban-wrap #main-vb-basic .d-auto .sch-form-wrap .sch-ranking .dl dt {
  font-weight: 700;
}
.main-vban-wrap #main-vb-basic .d-auto .sch-form-wrap .sch-ranking .dl dd {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-1);
}
.main-vban-wrap #main-vb-basic .d-auto #main-vb-btm {
  max-width: 68.5rem;
  margin: auto auto 0;
}
.main-vban-wrap #main-vb-basic .d-auto #main-vb-btm .d-card {
  gap: var(--btis-spacer-10);
}
.main-vban-wrap #main-vb-basic .d-auto #main-vb-btm .main-d-text {
  gap: var(--btis-spacer-4);
}
.main-vban-wrap #main-vb-basic .d-auto #main-vb-btm .main-d-text .tit {
  font-size: var(--btis-fz-title-md);
}
.main-vban-wrap #main-vb-basic .d-auto #main-vb-btm .im {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-shrink: 0;
  width: 24rem;
  border-radius: var(--btis-rd-12);
  background-color: #DFE7EF;
}
.main-vban-wrap #main-vb-basic .d-auto #main-vb-btm .im img {
  max-width: 100%;
  max-height: 100%;
}
.main-vban-wrap #main-vb-basic .d-auto #main-vb-btm .swiper-indicator {
  margin-top: var(--btis-spacer-6);
}
.main-vban-wrap #main-vb-basic .d-fix .in {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.main-vban-wrap #main-vb-basic .d-fix .d-login-wrap {
  display: flex;
  align-items: normal;
  justify-content: center;
  flex-direction: column;
  gap: var(--btis-spacer-6);
  height: 100%;
}
.main-vban-wrap #main-vb-basic .d-fix .d-login-wrap .txt {
  font-size: var(--btis-fz-title-md);
  font-weight: 700;
  text-align: center;
  padding-bottom: var(--btis-spacer-10);
}
.main-vban-wrap #main-vb-basic .d-fix .d-login-wrap .login-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.main-vban-wrap #main-vb-basic .d-fix .d-login-wrap .login-links > li .btn.btn-txt {
  height: auto;
  padding: 0 1rem;
}
.main-vban-wrap #main-vb-basic .d-fix .d-login-wrap .login-links > li + li {
  position: relative;
  margin-left: var(--btis-spacer-4);
  padding-left: calc(var(--btis-spacer-4) + 0.1rem);
}
.main-vban-wrap #main-vb-basic .d-fix .d-login-wrap .login-links > li + li::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 0.1rem;
  height: 1.6rem;
  background-color: var(--btis-gray-30);
  transform: translateY(-50%);
}
.main-vban-wrap #main-vb-basic .d-fix .d-login-wrap::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 0.1rem;
  height: 100%;
  background-color: var(--btis-gray-30);
}
.main-vban-wrap #main-vb-basic .d-fix .main-tit-wrap {
  gap: var(--btis-spacer-4);
}
.main-vban-wrap #main-vb-basic .d-fix .main-tit-wrap .tit {
  font-size: var(--btis-fz-title-md);
}
.main-vban-wrap #main-vb-basic .d-fix #main-vb-links {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.main-vban-wrap #main-vb-basic .d-fix #main-vb-links .main-d-links .btn-txt {
  font-weight: 700;
  padding: var(--btis-spacer-5) var(--btis-spacer-6) !important;
}

.main-box-responsive {
  display: grid;
  grid-template-columns: 1fr 41rem;
  grid-gap: var(--btis-spacer-6);
}
.main-box-responsive > div {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
}
.main-box-responsive .d-auto {
  flex: 1;
}
.main-box-responsive .d-fix {
  width: 41rem;
}
.main-box-responsive .in {
  height: 100%;
  padding: var(--btis-spacer-8);
  border-radius: var(--btis-rd-12);
  background-color: var(--btis-secondary-5);
}
.main-box-responsive .in.outline {
  gap: var(--btis-spacer-6);
  border: 0.1rem solid var(--btis-gray-40);
  background-color: var(--btis-white);
}
.main-box-responsive .in.outline .main-tit-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
}
.main-box-responsive .in.outline .main-tit-wrap .tit {
  font-size: var(--btis-fz-title-md);
}
.main-box-responsive .swiper-in {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.main-box-responsive.type-wrap > div {
  gap: var(--btis-spacer-10);
}
.main-sect .map-chart {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	gap: var(--btis-spacer-20);
	position:relative
}
.main-sect .map-chart .btn-chart .active .map:after {
    content: "";
    display: block;
    background: url(../images/main_map.png) no-repeat right top;
    width: 5.2rem;
    height: 6.2rem;
    position: absolute;
	font-size:1.4rem;
	line-height:5rem;
	color:#fff;
}

.main-sect .map-chart .btn-chart .active .map.map-01:after {
    content: "서울";
	left: 10rem;
    top: 13.4rem;
}
.main-sect .map-chart .btn-chart .active .map.map-02:after {
    content: "인천";
	top:15rem;
	left:4.6rem;
}
.main-sect .map-chart .btn-chart .active .map.map-03:after {
    content: "경기";
	top: 21rem;
    left: 12.6rem;
}
.main-sect .map-chart .btn-chart .active .map.map-04:after {
    content: "강원";
	top: 12rem;
    left: 28rem;
}
.main-sect .map-chart .btn-chart .active .map.map-05:after {
    content: "충남";
	top: 33rem;
    left: 7rem;
}
.main-sect .map-chart .btn-chart .active .map.map-06:after {
    content: "충북";
	top: 25rem;
    left: 21rem;
}
.main-sect .map-chart .btn-chart .active .map.map-07:after {
    content: "세종";
	top: 31rem;
    left: 13rem;
}
.main-sect .map-chart .btn-chart .active .map.map-08:after {
    content: "대전";
	top: 35.3rem;
    left: 15.2rem;
}
.main-sect .map-chart .btn-chart .active .map.map-09:after {
    content: "경남";
	bottom: 24rem;
    left: 28rem;
}
.main-sect .map-chart .btn-chart .active .map.map-10:after {
    content: "경북";
	top: 31rem;
    left: 35rem;
}
.main-sect .map-chart .btn-chart .active .map.map-11:after {
    content: "대구";
	bottom: 32rem;
    left: 31rem;
}
.main-sect .map-chart .btn-chart .active .map.map-12:after {
    content: "울산";
	bottom: 28rem;
    left: 41rem;
}
.main-sect .map-chart .btn-chart .active .map.map-13:after {
    content: "부산";
	bottom: 21.4rem;
    left: 38rem;
}
.main-sect .map-chart .btn-chart .active .map.map-14:after {
    content: "전남";
	bottom: 15rem;
    left: 8rem;
}
.main-sect .map-chart .btn-chart .active .map.map-15:after {
    content: "전북";
	bottom: 29rem;
    left: 12rem;
}
.main-sect .map-chart .btn-chart .active .map.map-16:after {
    content: "광주";
	bottom: 20.8rem;
    left: 7rem;
}
.main-sect .map-chart .btn-chart .active .map.map-17:after {
    content: "제주";
	bottom: 1.8rem;
    left: 9rem;
}
.main-sect .map-chart .map-area{
	min-width:4.8rem
}
.main-sect .map-chart .g-chart{
	padding: var(--btis-spacer-8) var(--btis-spacer-2);
}
.main-sect.main-pd {
  padding: var(--btis-spacer-10);
  /*padding: var(--btis-spacer-30); 기존*/
}
.map-chart .btn-chart{
	width: 50%;
    margin-left: auto;
 }
.map-chart .btn-chart .btn.secondary{
	border-radius:3rem;
	padding: 0 var(--btis-btn-px-xlg);
	margin-bottom: var(--btis-spacer-2);
	min-width:10rem;
}
.map-chart .btn-chart .btn.secondary.active{
	background:var(--btis-primary);
	color:var(--btis-white);
}
.main-sect .g-chart > h5{
	font-size: var(--btis-fz-body-md);
}
.main-sect .g-chart .progress-w-percent .progress-value{
	font-size: var(--btis-fz-body-md);
}
.main-sect .g-chart .progress-w-percent{
	min-height: 2rem;
    margin-bottom: 2rem;
}
.main-sect .g-chart .progress-w-percent .progress{
	margin-top:.8rem
}
.main-sect .inner {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-10);
}
.main-sect.bg {
  padding-top: var(--btis-spacer-20);
  padding-bottom: var(--btis-spacer-20);
  background-color: var(--btis-secondary-5);
}
.main-sect.bg .contents-wrap .contents-text {
  background-color: #DFE7EF;
}
.main-sect:last-child:not(.bg) {
  padding-bottom: var(--btis-spacer-20);
}
.main-sect .tab {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.main-sect .tab .btn-txt {
  height: auto;
}
.main-sect .tab .btn-txt.ico-plus {
  margin-left: auto;
}
.main-sect .menu-list {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.main-sect .menu-list .menu-swiper-in {
  position: relative;
}
.main-sect .menu-list .menu-item {
  flex-shrink: 0;
  gap: var(--btis-spacer-4);
}
.main-sect .menu-list .menu-item .ico {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-shrink: 0;
  width: 8rem;
  height: 8rem;
  background-repeat: no-repeat;
  background-position: center;
}
.main-sect.mg0{
	margin-top:0
}
.main-sect.mg0 .pd-in{
	margin-top: var(--btis-spacer-8);
    padding-bottom: var(--btis-spacer-6);
}
.main-sect.bg1 {
    background-color: var(--btis-primary);
}
.main-sect .menu-list .menu-item .ico.i1 {
  background-image: url(../images/main_menu_ico1.svg);
}
.main-sect .menu-list .menu-item .ico.i2 {
  background-image: url(../images/main_menu_ico2.svg);
}
.main-sect .menu-list .menu-item .ico.i3 {
  background-image: url(../images/main_menu_ico3.svg);
}
.main-sect .menu-list .menu-item .ico.i4 {
  background-image: url(../images/main_menu_ico4.svg);
}
.main-sect .menu-list .menu-item .ico.i5 {
  background-image: url(../images/main_menu_ico5.svg);
}
.main-sect .menu-list .menu-item .ico.i6 {
  background-image: url(../images/main_menu_ico6.svg);
}
.main-sect .menu-list .menu-item .ico.i7 {
  background-image: url(../images/main_menu_ico7.svg);
}
.main-sect .menu-list .menu-item .ico.i8 {
  background-image: url(../images/main_menu_ico8.svg);
}
.main-sect .menu-list:not(.outline) .menu-item .ico {
  border-radius: var(--btis-rd-12);
  background-color: var(--btis-secondary-5);
}
.main-sect .menu-list.type1 .menu-swiper-in {
  padding: 0 var(--btis-spacer-16);
}
.main-sect .menu-list.type1 .menu-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  height: 11.6rem;
}
.main-sect .menu-list.type1 .menu-item .txt {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 100%;
  padding: 0 var(--btis-spacer-1);
  text-align: center;
}
.main-sect .menu-list.type1.outline .menu-item {
  justify-content: center;
  height: 10.8rem;
  border-radius: var(--btis-rd-12);
  border: 0.1rem solid var(--btis-gray-40);
}
.main-sect .menu-list.type1.outline .menu-item .ico {
  width: 3.2rem;
  height: 3.2rem;
}
.main-sect .menu-list.type2 .menu-swiper-in {
  padding: 0 var(--btis-spacer-26);
}
.main-sect .menu-list.type2 .menu-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}
.main-sect .menu-list.type2 .menu-item .tit {
  font-weight: 700;
}
.main-sect .menu-list.type2 .menu-item .txt {
  font-size: var(--btis-fz-body-sm);
  color: var(--btis-gray-70);
  margin-top: var(--btis-spacer-2);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.main-sect .menu-list.type2 .menu-item .ico.i1 {
  background-image: url(../images/main_menu_blue_ico1.svg);
}
.main-sect .menu-list.type2 .menu-item .ico.i2 {
  background-image: url(../images/main_menu_blue_ico2.svg);
}
.main-sect .menu-list.type2 .menu-item .ico.i3 {
  background-image: url(../images/main_menu_blue_ico3.svg);
}
.main-sect .menu-list.type2 .menu-item .ico.i4 {
  background-image: url(../images/main_menu_blue_ico3.svg);
}
.main-sect .menu-list-rel {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: var(--btis-spacer-6);
}
.main-sect .menu-list-rel li > a {
  display: block;
}
.main-sect .menu-list-rel li > .btn-txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  font-size: var(--btis-fz-title-md);
  font-weight: 700;
  width: 100%;
  height: 7.2rem;
  padding: var(--btis-spacer-2) var(--btis-spacer-8) !important;
  border-radius: var(--btis-rd-12);
  background-color: var(--btis-secondary-5);
}
.main-sect .menu-list-rel .li1 {
  grid-column: 1/3;
}
.main-sect .menu-list-rel .li2 {
  grid-column: 3/5;
}
.main-sect .menu-list-rel .d-card {
  padding: var(--btis-spacer-8);
}
.main-sect .menu-list-rel.outline li > .btn-txt {
  border: 0.1rem solid var(--btis-gray-40);
  background-color: var(--btis-white);
}
.main-sect .contents-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: row;
  gap: var(--btis-spacer-6);
}
.main-sect .contents-wrap .contents-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
  flex-shrink: 0;
  width: 30.2rem;
  height: 47.6rem;
  padding: var(--btis-spacer-10);
  border-radius: var(--btis-rd-12);
  background-color: var(--btis-secondary-5);
  background-image: url(../images/main_ico_book_M.svg);
  background-position: bottom 4rem right 4rem;
  background-repeat: no-repeat;
}
.main-sect .contents-wrap .contents-text .tit {
  font-size: var(--btis-fz-title-xlg);
  font-weight: 700;
}
.main-sect .contents-wrap .contents-text .txt {
  font-size: var(--btis-fz-body-md);
}
.main-sect .contents-wrap .contents-list {
  display: flex;
  align-items: normal;
  justify-content: space-between;
  flex-direction: column;
  gap: var(--btis-spacer-10);
  flex: 1;
  overflow: hidden;
}
.main-sect .contents-wrap .contents-list .contents-swiper-in {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 0 72px;
}
.main-sect .contents-wrap .contents-list .contents-swiper-in li > a {
  display: block;
}
.main-sect .contents-wrap .contents-list .swiper {
  height: 39.6rem;
}
.main-sect .contents-wrap .d-card {
  gap: var(--btis-spacer-10);
}
.main-sect .contents-wrap .d-card .im {
  flex-shrink: 0;
  height: 19.6rem;
  border-radius: var(--btis-rd-12);
  background-repeat: no-repeat;
  background-position: center;
}
.main-sect .policy-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-10);
}
.main-sect .policy-list > li {
  flex: 1;
}
.main-sect .policy-list > li > a {
  display: block;
}
.main-sect .policy-list .d-card {
  padding: 0;
}
.main-sect .policy-list .d-card .im {
	flex-shrink: 0;
	height: 19.6rem;
	background-color: #cfd6ec;
	background-repeat: no-repeat;
	background-position: right 3rem bottom 3rem;
    padding: var(--btis-spacer-8);
    background-size: 12rem auto;
}
.main-sect .policy-list .d-card .im.i1 {
  background-image: url(../images/main_11.png);
}
.main-sect .policy-list .d-card .im.i2 {
	background-image: url(../images/main_12.png);
	background-color: #c3ddce;
}
.main-sect .policy-list .d-card .in {
  padding: var(--btis-spacer-6);
  background-color: var(--btis-white);
}
.main-sect .policy-list .d-card .c-tit{
	color:var(--btis-black);
	font-weight:700;
	font-size: var(--btis-fz-title-xlg);
}
.main-sect .news-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--btis-spacer-6);
}
.main-sect .news-list > li {
  /*display: flex;*/
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--btis-spacer-6);
  width: calc(25% - 2.4rem);
  height: 25rem;
  border: .1rem solid var(--btis-primary-30);
  padding: 0 var(--btis-spacer-4);
  border-radius: var(--btis-rd-10);
  background-color: var(--btis-primary-40);
}
/*.main-sect .news-list > li > a {
  display: block;
  height: 100%;
  width:100%
}*/
.main-sect .news-list .text > a {
  /*display: flex;*/
  display: contents;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  padding: 5px 0;
  border-bottom: .1rem solid var(--btis-primary-40);
}
.post-span {
  border-bottom: .1rem solid var(--btis-primary-30);
  padding: 5px 0;
  width: 100%;
}
.post-bd-ttl {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.main-sect .news-list .d-card {
  gap: 0 var(--btis-spacer-6);
  padding: var(--btis-spacer-5) 0;
}
.main-sect .news-list .btn-area {
    display: inline-flex;
    gap: var(--btis-spacer-4);
    margin-left: auto;
}
.main-sect .news-list .d-card .im {
  flex: 1;
  width: 100%;
  min-width: 10rem;
  max-width: 20rem;
  height: 100%;
  overflow: hidden;
}
.main-sect .news-list .d-card .c-txt .btn-more{
	display: inline-flex;
    gap: var(--btis-spacer-4);
    margin-left: auto;
    justify-content: flex-end;
}
.main-sect .news-list .d-card .c-txt .btn-more .btn.sm{
	height:2.4rem;
}
.main-sect .news-list .d-card .im img {
  min-width: 100%;
  max-width: inherit;
  height: 100%;
}
.main-sect .service-list {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-10);
  padding-left: 0.2rem;
}
.main-sect .service-list li > a {
  display: block;
  height: 100%;
}
.main-sect .service-list .swiper-slide {
  height: auto;
}
.main-sect .one-serv-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-10);
}
.main-sect .one-serv-wrap .main-d-links {
  width: 24rem;
}
.main-sect .news-tbl-list {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-4);
  width: 100%;
  margin-top: auto;
}
.main-sect .news-tbl-list li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--btis-spacer-4);
}
.main-sect .news-tbl-list li .tit {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.main-sect .news-tbl-list li .date {
  flex-shrink: 0;
  color: var(--btis-gray-70);
}
.main-sect .main-noti-wrap {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.main-sect .main-noti-wrap .noti-primary-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-4);
}
.main-sect .main-noti-wrap .noti-primary-item .tit {
  flex: 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.main-sect .main-noti-wrap .noti-primary-item .date {
  color: var(--btis-gray-70);
  margin-left: auto;
}
.main-sect .main-noti-wrap .noti-swiper.no-swiper .swiper-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-6);
}
.main-sect .main-noti-wrap .noti-swiper.no-swiper .swiper-wrapper .swiper-slide {
  flex: 1;
}

/* 요소 */
.main-tit-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-2);
}
.main-tit-wrap .tit {
  font-size: var(--btis-fz-title-xxlg);
}
.main-tit-wrap .btn-txt {
  gap: var(--btis-spacer-1);
  height: 3.2rem;
}
.main-tit-wrap .btn-txt.ico-plus {
  margin-left: auto;
}

.d-card {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.d-card .in {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
  flex: 1;
}
.d-card .text {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-1);
}
.d-card .c-tit {
  font-size: var(--btis-fz-title-xsm);
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: var(--btis-white);
  word-break: break-word;
}

.d-card .c-txt {
  color: var(--btis-white);
	/*display: -webkit-box;*/
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: flex;
  margin-bottom: 7px;
}
/*.d-card .c-date{
  font-size: 1.3rem;
  color: var(--btis-primary-20);
  white-space: nowrap; !* 줄바꿈 방지 *!
  text-align: right; !* 오른쪽 정렬 *!
  margin-left: 10px; !* 글내용과 날짜 사이 간격 *!
}*/
.d-card .c-date{
  font-size: 1.3rem;
  color: var(--btis-primary-10);
  white-space: nowrap; /* 줄바꿈 방지 */
  text-align: left; /* 오른쪽 정렬 */
  /*margin-left: 10px; !* 글내용과 날짜 사이 간격 *!*/
}
.d-card .c-btn {
  margin-top: auto;
}
.d-card.d-row {
  flex-direction: row;
}
.d-card.line {
  padding: var(--btis-spacer-6);
  border-radius: var(--btis-rd-12);
}
.d-card.fill {
  padding: var(--btis-spacer-6);
  border-radius: var(--btis-rd-12);
  background-color: var(--btis-secondary-5);
}
.d-card.fill .c-btn {
  text-align: right;
}
.d-card.d-responsive {
  flex-direction: row;
  min-height: 32.2rem;
}
.d-card.d-responsive .im {
  flex-shrink: 0;
  width: 41rem;
  height: 100%;
  overflow: hidden;
}
.d-card.d-responsive .im img {
  height: 100%;
  max-width: inherit;
  min-width: 100%;
  min-height: 100%;
}
.d-card.d-responsive .in .c-tit {
  font-size: var(--btis-fz-heading-sm);
}
.d-card.d-responsive .in .c-btn {
  margin-top: inherit;
}
.d-card.d-responsive:not(.line) .im {
  border-radius: var(--btis-rd-12);
}
.d-card.d-responsive:not(.line) .im img {
  width: 100%;
  min-width: inherit;
  min-height: 100%;
  height: auto;
}
.d-card.d-responsive:not(.line) .in {
  padding: var(--btis-spacer-6) var(--btis-spacer-10);
}
.d-card.d-responsive:not(.line) .in .c-tit {
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.d-card.d-responsive.line {
  min-height: 27.4rem;
  padding: 0;
}
.d-card.d-responsive.line .im {
  width: 40rem;
  height: 27.2rem;
}
.d-card.d-responsive.line .in {
  gap: var(--btis-spacer-10);
  padding: var(--btis-spacer-6) var(--btis-spacer-8);
}
.d-card.d-responsive.line .in .c-tit {
  font-size: var(--btis-fz-title-md);
}

.main-d-text {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.main-d-text .cate {
  font-weight: 700;
  font-size: var(--btis-fz-title-sm);
}
.main-d-text .tit {
  font-weight: 700;
  font-size: var(--btis-fz-title-xlg);
}
.main-d-text .txt {
  font-size: var(--btis-fz-body-md);
  color: var(--btis-gray-70);
}

.main-d-links {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-2);
}
.main-d-links .btn-txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex: 1;
  height: 4.4rem;
  padding: var(--btis-spacer-3) var(--btis-spacer-4) !important;
  background-color: var(--btis-white);
}

.main-d-ban-swiper {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  z-index: 1;
  height: 100%;
}
.main-d-ban-swiper .swiper {
  width: 100%;
  height: 100%;
}
.main-d-ban-swiper .swiper-indicator {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin-top: auto;
}
.main-d-ban-swiper .swiper-indicator .swiper-pagination {
  font-weight: 700;
  padding: var(--btis-spacer-3);
  border-radius: 4rem;
  background-color: var(--btis-white);
}
.main-d-ban-swiper .text {
  color: #4D5B63;
}
.main-d-ban-swiper .text .cate {
  font-size: var(--btis-fz-body-sm);
  font-weight: 700;
}
.main-d-ban-swiper .text .tit {
  font-size: var(--btis-fz-heading-sm);
  font-weight: 700;
}
.main-d-ban-swiper .im {
  text-align: right;
}
.main-d-ban-swiper.bg {
  background-color: #EBF2FA;
}
.main-d-ban-swiper.bg .text {
  color: #485B6B;
}

.main-tit-wrap .tab{
	margin-left:auto;
}
.main-tit-wrap .tab{
	margin-left:auto;
}
.main-tit-wrap .tab .btn-tab {
  width: 100%;
  background-color: var(--btis-primary-40);
  border:0;
  color: var(--btis-white);
  transition: 0.4s ease-in-out;
  border-radius: var(--btis-rd-20);
  padding: var(--btis-spacer-2) var(--btis-spacer-4);
  font-weight: normal;
}

.main-tit-wrap .tab .active .btn-tab {
  width: 100%;
  background-color: var(--btis-white);
  color: var(--btis-primary);
  font-weight: 700;
  transition: 0.4s ease-in-out;
}
.main-tit-wrap .tab > ul > li + li {
    margin-left: var(--btis-tab-ml-fill);
}
.main-tit-wrap .tab .btn-tab:not(:disabled):hover {
  border-radius: var(--btis-rd-20);
  /*background-color: var(--btis-primary-34);*/
  transition: 0.4s ease-in-out;
  background-color: var(--btis-white);
  color: var(--btis-primary);
}
.main-tit-wrap .tab .btn-tab:not(:disabled):active {
  background-color: var(--btis-secondary-10);
  transition: 0.4s ease-in-out;
}
.main-sect .sm-tit{
	font-size: var(--btis-fz-body-sm);
	color:var(--btis-white);
	letter-spacing:1rem;
	position:relative;
}
.main-sect .sm-tit:before{
	content: '';
    display: inline-block;
    background-image: url(../images/main_08.png);
    width: 40rem;
    height: 10rem;
    position: absolute;
    left: -6rem;
    top: -5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}
.main-sect .sm-tit.type1{
	color:var(--btis-gray-80);
}
.main-sect .sm-tit.type1:before{
    background-image: url(../images/main_09.png);
}
.main-tit-wrap.column{
	flex-direction: column;
	align-items:flex-start;
}
/* ***** CONTENT ***** */
/* ** 로그인 ** */
.login-form-area {
  display: flex;
  width: 100%;
  padding: var(--btis-spacer-10) var(--btis-spacer-15);
  border-top: 1px solid var(--btis-gray-30);
  border-bottom: 1px solid var(--btis-gray-30);
}
.login-form-area .login-wrap {
  position: relative;
  width: 49rem;
  padding-right: var(--btis-spacer-10);
}
.link-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.link-group > li .btn.btn-txt {
  height: 4rem;
  padding: 0 1rem;
}
.link-group > li + li {
  position: relative;
  margin-left: var(--btis-spacer-2);
  padding-left: calc(var(--btis-spacer-2) + 0.1rem);
}
.link-group > li + li::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 0.1rem;
  height: 1.6rem;
  background-color: var(--btis-gray-30);
  transform: translateY(-50%);
}

.login-form-area .login-wrap::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 0.1rem;
  height: 100%;
  background-color: var(--btis-gray-30);
}
.login-form-area .login-info-wrap {
  width: 45rem;
  padding: var(--btis-spacer-6) 0 var(--btis-spacer-6) var(--btis-spacer-10);
}
.login-form-area.type-tab {
  padding-left: 0;
  padding-right: 0;
}
.login-form-area.type-tab .in {
  width: 100%;
  max-width: 34rem;
  margin: 0 auto;
}
.login-form-area.type-tab .login-wrap {
  width: 50%;
  padding: 0;
}
.login-form-area.type-tab .login-info-wrap {
  width: 50%;
  padding: 0;
}
.login-form-area.type-tab .login-info-wrap .in {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.login-form-area.type-tab .login-info-wrap .tit {
  font-weight: 700;
}
.login-form-area.type-tab .login-info-wrap .btn-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.login-form-area.type-tab .login-info-wrap .btn-wrap .btn {
  width: 100%;
}
.login-form-area.type-tab .login-info-wrap .btn-wrap .btn.btn-func {
  justify-content: flex-start;
}
.login-form-area.type-tab .login-info-wrap .btn-wrap.login-method {
  gap: var(--btis-spacer-4);
}
.login-form-area.type-tab .login-info-wrap .btn-wrap:not(.login-method) .btn {
  justify-content: flex-start;
}

/* 로그인 방식 선택 */
.login-opt-wrap {
  display: flex;
  gap: var(--btis-spacer-6);
}
.login-opt-wrap .ico-info {
  display: inline-flex;
  align-self: center;
  margin-left: var(--btis-spacer-1);
}

.certify-sel-wrap {
  width: 100%;
}
.certify-sel-wrap .certify-opt-tit {
  flex-shrink: 0;
  margin-top: var(--btis-spacer-6);
  font-size: 2.5rem;
  color: var(--btis-gray-90);
  font-weight: 700;
}
.certify-sel-wrap .certify-option {
  border-top: 1px solid var(--btis-gray-30);
}
.certify-sel-wrap .certify-option > li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--btis-spacer-10);
  padding-top: var(--btis-spacer-6);
  padding-bottom: var(--btis-spacer-6);
  border-bottom: 1px solid var(--btis-gray-30);
}
.certify-sel-wrap .certify-type {
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: var(--btis-spacer-4);
  width: 100%;
  max-width: 64rem;
}
.certify-sel-wrap .certify-type > li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-direction: column;
  position: relative;
  padding: var(--btis-spacer-8) var(--btis-spacer-8) var(--btis-spacer-8) var(--btis-spacer-22);
  background-color: var(--btis-gray-5);
  border: 1px solid var(--btis-gray-20);
  border-radius: var(--btis-rd-12);
}
.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(--btis-spacer-4);
}
.certify-sel-wrap .certify-type > li .login-link:focus {
  outline-offset: 0.4rem;
  outline: 2px solid rgba(36, 107, 235, 0.8);
  border-radius: 0;
}
.certify-sel-wrap .certify-type > li::before, .certify-sel-wrap .certify-type > li::after {
  position: absolute;
  top: 3.2rem;
  left: 3.2rem;
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background-size: contain;
}
.certify-sel-wrap .certify-type > li::after {
  position: absolute;
  top: 3.2rem;
  left: auto;
  right: 3.2rem;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../images/ico_login_certify_go.svg);
}
.certify-sel-wrap .certify-type > li.mobile::before {
  background-image: url(../images/ico_login_certify_type_01.svg);
}
.certify-sel-wrap .certify-type > li.public::before {
  background-image: url(../images/ico_login_certify_type_02.svg);
}
.certify-sel-wrap .certify-type > li.simplicity::before {
  background-image: url(../images/ico_login_certify_type_03.svg);
}
.certify-sel-wrap .certify-type > li.sns::before {
  background-image: url(../images/ico_login_certify_type_04.svg);
}
.certify-sel-wrap .certify-type > li.id::before {
  background-image: url(../images/ico_login_certify_type_05.svg);
}
.certify-sel-wrap .certify-type > li.guest::before {
  background-image: url(../images/ico_login_certify_type_06.svg);
}
.certify-sel-wrap .certify-type > li .type-tit {
  font-size: 2.5rem;
  color: var(--btis-gray-90);
  font-weight: 700;
}
.certify-sel-wrap .certify-type > li .type-desc {
  margin-top: var(--btis-spacer-6);
  padding-right: var(--btis-spacer-12);
  color: var(--btis-gray-70);
}
.certify-sel-wrap .certify-type > li .icon-arr {
  margin-top: var(--btis-spacer-4);
}


.certify-sel-wrap .certify-type .btis-disclosure .expand-in {
  background-color: var(--btis-white);
}

.certify-sel-wrap .certify-use {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.certify-sel-wrap .certify-use-tit {
  font-weight:700;
}
.certify-sel-wrap .certify-use-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.certify-sel-wrap .certify-use-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--btis-spacer-4);
}
.certify-sel-wrap .certify-use-list > li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.certify-sel-wrap .certify-use-list > li::before {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  content: "";
  width: var(--btis-spacer-6);
  height: var(--btis-spacer-6);
  background-size: contain;
  margin-right: var(--btis-spacer-2);
}
.certify-sel-wrap .certify-use-list > li.ico-nonghyup::before {
  background-image: url(../images/ico_login_certify_nonghyup.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-kb::before {
  background-image: url(../images/ico_login_certify_kb.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-naver::before {
  background-image: url(../images/ico_login_certify_naver.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-banksalad::before {
  background-image: url(../images/ico_login_certify_banksalad.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-samsungpass::before {
  background-image: url(../images/ico_login_certify_samsungpass.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-shinhan::before {
  background-image: url(../images/ico_login_certify_shinhan.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-toss::before {
  background-image: url(../images/ico_login_certify_toss.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-payco::before {
  background-image: url(../images/ico_login_certify_payco.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-hana::before {
  background-image: url(../images/ico_login_certify_hana.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-driving::before {
  background-image: url(../images/ico_login_certify_driving.svg);
}

/* 회원가입 유도 */
.join-member-bn-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-4);
  color: var(--btis-gray-90);
}
.join-member-bn-wrap .txt-desc {
  flex-shrink: 0;
  flex-grow: 0;
  font-weight: 700;
}

.login-type-ul {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
}
.login-type-ul li {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding: 0 var(--btis-spacer-4);
  border-left: 0.1rem solid var(--btis-gray-30);
}
.login-type-ul li:nth-child(1) {
  align-items: flex-start;
  padding-left: 0;
  border-left: 0;
}
.login-type-ul li:nth-child(2) {
  align-items: center;
}
.login-type-ul li:nth-child(3) {
  align-items: flex-end;
  padding-right: 0;
}
.login-type-ul li .in {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-10);
  max-width: 28.8rem;
}
.login-type-ul li .tit {
  font-size: var(--btis-fz-title-xlg);
  font-weight: 700;
}
.login-type-ul li .btn-wrap {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-4);
}
.login-type-ul li .btn-wrap .btn {
  flex-wrap: wrap;
  padding: 0;
}
.login-type-ul li .btn-wrap .btn .text-bold {
  font-size: var(--btis-fz-body-md);
  color: var(--btis-secondary);
}

/* 약관동의 */
.terms-agree-all {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.terms-agree-all .form-check input[type=checkbox] ~ label {
  font-weight: 700;
  font-size: var(--btis-fz-label-lg);
  line-height: 2.4rem;
  padding-left: var(--btis-spacer-10);
}
.terms-agree-all .form-check input[type=checkbox] ~ label::before {
  width: 2.4rem;
  height: 2.4rem;
}
.terms-agree-all .form-check input[type=checkbox] ~ label::after {
  width: 2rem;
  height: 2rem;
  background-size: contain;
}
.terms-agree-all .conts-desc {
  padding-left: var(--btis-spacer-10);
}

.terms-agree-ul {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.terms-agree-ul li {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
  padding: var(--btis-spacer-8) 0;
  border-top: 0.1rem solid var(--btis-gray-40);
}
.terms-agree-ul li:first-child {
  padding-top: 0;
  border-top: 0;
}
.terms-agree-ul .agree-tit {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.terms-agree-ul .agree-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  height: auto;
  padding: var(--btis-spacer-5) var(--btis-spacer-6);
}

/* ** 검색 : 공통 ** */
/* 검색 공통 : 결과 리스트 상단 */
.search-list-top {
  display: flex;
  justify-content: space-between;
  gap: var(--btis-spacer-10);
}
.search-list-top .sch-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-4);
}
.search-list-top .sch-left .btn-txt.sm {
  height: 2.4rem;
}
.search-list-top .sch-info {
  font-size: var(--btis-fz-title-md);
  font-weight: 700;
}
.search-list-top .sch-info .keyword {
  color: var(--btis-primary-60);
}
.search-list-top .sch-info .br {
  display: none;
}
.search-list-top .sch-sort {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.search-list-top .sch-sort li {
  display: flex;
  align-items: center;
}
.search-list-top .sch-sort li:not(:first-child) {
  margin-left: var(--btis-spacer-4);
}
.search-list-top .sch-sort li:not(:first-child)::before {
  display: inline-flex;
  content: "";
  width: 0.1rem;
  height: 2rem;
  margin-right: var(--btis-spacer-4);
  background-color: var(--btis-gray-30);
}
.search-list-top .sch-sort .sort-label {
  font-weight: 700;
  white-space: nowrap;
  margin-right: var(--btis-spacer-3);
}
.search-list-top .sch-sort .sort-select {
  color: var(--btis-gray-90);
  padding-right: var(--btis-spacer-6);
  border: 0;
  background: url(../images/ico_select_20.svg) no-repeat center right;
  background-size: auto 2rem;
}
.search-list-top .sch-sort .w-sort-btn {
  display: flex;
  align-items: center;
  gap: var(--btis-spacer-4);
}
.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(--btis-rd-6);
  background-color: var(--btis-secondary-5);
  transition: 0.4s ease-in-out;
}
.search-list-top .sch-sort .w-sort-btn button:active {
  background-color: var(--btis-secondary-10);
  transition: 0.4s ease-in-out;
}
.search-list-top .sch-sort .m-sort-btn {
  display: none;
}
.search-list-top .side-line-ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--btis-spacer-4) var(--btis-spacer-2);
}
.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: 0.1rem;
  height: 1.2rem;
  margin-left: var(--btis-spacer-2);
  background-color: var(--btis-gray-40);
}
.search-list-top.type1 {
  padding: var(--btis-spacer-3) 0;
}
.search-list-top.type1.align-top {
  align-items: flex-start;
}
.search-list-top.type1.align-top .sch-left {
  align-items: flex-start;
}
.search-list-top.type2 {
  flex-wrap: wrap;
  padding: var(--btis-spacer-4) 0 var(--btis-spacer-6);
  margin-bottom: var(--btis-spacer-10);
  border-bottom: 0.1rem solid var(--btis-gray-40);
}

/* 필터칩 박스 */
.filter-chip-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-4);
  padding: var(--btis-spacer-4) var(--btis-spacer-6);
  margin-bottom: var(--btis-spacer-10);
  border-radius: 0.8rem;
  background: var(--btis-secondary-5);
}
.filter-chip-box dt {
  font-weight: 700;
}
.filter-chip-box dt .num {
  color: var(--btis-primary-60);
}
.filter-chip-box dd {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-2);
}

/* 아코디언  리스트 */
.acco-list .li {
  padding: var(--btis-spacer-7) 0;
}
.acco-list .li:not(:first-child) {
  border-top: 0.1rem solid var(--btis-gray-40);
}
.acco-list .li.active .acco-head .acco-btn::after {
  transform: rotate(-180deg);
}
.acco-list .acco-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-1);
  position: relative;
  font-size: var(--btis-fz-title-md);
  font-weight: 700;
  cursor: pointer;
}
.acco-list .acco-head .tit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-1);
}
.acco-list .acco-head .num {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-size: var(--btis-fz-label-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--btis-white);
  height: 2rem;
  padding: 0 var(--btis-spacer-2);
  border-radius: 2rem;
  background-color: var(--btis-primary);
}
.acco-list .acco-head .acco-btn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.acco-list .acco-head .acco-btn::after {
  display: inline-flex;
  position: absolute;
  right: 0;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/ico_arr_16_down.svg) no-repeat center;
  background-size: contain;
  transition: 0.4s ease-in-out;
}
.acco-list .acco-body {
  height: 0;
  overflow: hidden;
  transition: 0.4s ease-in-out;
}
.acco-list .acco-body .acco-in {
  padding-top: var(--btis-spacer-6);
}

/* 필터 아코디언 */
.filter-list .acco-in {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: 2.4rem;
}

/* ** 통합검색 ** */
/* 검색어 영역 */
.total-search-top-box {
  position: relative;
  margin-bottom: var(--btis-spacer-16);
}
.total-search-top-box > .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
  padding-top: var(--btis-spacer-14);
  padding-bottom: var(--btis-spacer-14);
}
.total-search-top-box > .inner .sch-input-wrap .sch-etc {
  display: flex;
  margin-top: var(--btis-spacer-4);
}
.total-search-top-box > .inner .sch-input-wrap .sch-etc .ico-sch::before {
  background-image: url(../images/ico_sch1_20.svg);
}
.total-search-top-box::after {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  transform: translateX(-50%);
  content: "";
  width: 100vw;
  height: 100%;
  background-color: var(--btis-secondary-5);
}

/* 통합검색 : 결과 탭메뉴 */
.tab-area.mutation .tab-conts.active {
  align-items: normal;
  gap: 0;
}

.tab.tab-mutation {
  position: relative;
  z-index: 60;
  margin-bottom: var(--btis-spacer-10);
}
.tab.tab-mutation .m-tab-btn {
  display: none;
}
.tab.is-open .tab {
  display: flex !important;
}

/* 통합검색 : 결과 리스트 */
.total-search-list .li {
  display: flex;
  flex-direction: column;
  gap: var(--btis-spacer-6);
  padding: var(--btis-spacer-8) 0;
  border-bottom: 0.1rem solid var(--btis-gray-40);
}
.total-search-list .li .keyword {
  font-weight: 700;
  color: var(--btis-primary-60);
  background-color: var(--btis-primary-10);
}
.total-search-list .li:first-child {
  padding-top: 0;
}
.total-search-list .info-top {
  display: flex;
  gap: var(--btis-spacer-4);
}
.total-search-list .info-top .i-date {
  color: var(--btis-gray-70);
}
.total-search-list .info-body {
  display: flex;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.total-search-list .info-body a:hover {
  text-decoration: underline;
}
.total-search-list .info-body .tit {
  font-size: var(--btis-fz-body-lg);
  font-weight: 700;
  margin-bottom: var(--btis-spacer-6);
}
.total-search-list .info-body .txt {
  color: var(--btis-gray-70);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.total-search-list .info-body .in {
  display: flex;
  gap: var(--btis-spacer-10);
}
.total-search-list .info-body .thum {
  display: inline-flex;
  flex-shrink: 0;
  width: 18rem;
  height: 11rem;
  border-radius: var(--btis-rd-8);
  overflow: hidden;
}
.total-search-list .info-body .thum img {
  width: 100%;
  height: 100%;
}
.total-search-list .info-btm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--btis-spacer-4);
}
.total-search-list .info-btm .url-link {
  text-decoration: underline;
}
.total-search-list .info-btm .i-cate {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  color: var(--btis-gray-70);
}
.total-search-list .info-btm .i-cate li {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
}
.total-search-list .info-btm .i-cate li:not(:first-child)::before {
  display: inline-flex;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/ico_arr_16_right_gray70.svg) no-repeat center;
  background-size: contain;
}
.total-search-list .info-btm .i-cate .span {
  text-decoration: underline;
  padding: 0 0.2rem;
}
.total-search-list .info-btm .i-cate .span:hover {
  border-radius: var(--btis-rd-6);
  background-color: var(--btis-secondary-5);
  transition: 0.4s ease-in-out;
}
.total-search-list .info-btm .i-cate .span:active {
  background-color: var(--btis-secondary-10);
  transition: 0.4s ease-in-out;
}
.total-search-list .info-btm .btn-area {
  display: inline-flex;
  gap: var(--btis-spacer-2);
}

/* 통합검색 양쪽 배치 */
.search-between-conts {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-20);
}
.search-between-conts .aside {
  position: relative;
  flex-shrink: 0;
}
.search-between-conts .aside .filter-list {
  border-bottom: 0.1rem solid var(--btis-gray-40);
}
.search-between-conts .aside .filter-dl dt {
  font-size: var(--btis-fz-title-xlg);
  font-weight: 700;
  line-height: 1;
  padding: var(--btis-spacer-4) 0;
  border-bottom: 0.1rem solid var(--btis-gray-70);
}
.search-between-conts .aside .filter-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-top: var(--btis-spacer-6);
}
.search-between-conts .aside .filter-btn .btn {
  flex: 1;
}
.search-between-conts .aside .filter-reset {
  position: absolute;
  top: var(--btis-spacer-4);
  right: 0;
}
.search-between-conts .aside .filter-reset .btn {
  height: auto;
}
.search-between-conts .contents {
  flex: 1;
}
.search-between-conts .aside {
  width: 29.6rem;
}

/* ** 신청하기 목록 ** */
/* 신청하기 검색 폼 */
/*.search-top-box .sch-form-wrap .input-group {
  width: 48rem;
}
.search-top-box .sch-form-wrap .input-group .sch-input {
  flex: 1;
}
.search-top-box .sch-form-wrap .input-group .sch-input .form-control {
  width: 100%;
}
.search-top-box .sch-form-wrap .sch-input .form-control {
  width: 54.8rem;
}
.search-top-box .sch-filter-box {
  padding: var(--btis-spacer-3);
  border-radius: var(--btis-rd-12);
  background: var(--btis-secondary-5);
  margin-bottom: var(--btis-spacer-8);
}
.search-top-box .sch-filter-box .filter-form {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-6);
  max-width: 100%;
}
.search-top-box .sch-filter-box .filter-form > div {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-3);
  width: 100%;
  max-width: 40rem;
}
.search-top-box .sch-filter-box .filter-form > div:nth-child(3){
  justify-content: flex-end;
}
.search-top-box .sch-filter-box .filter-form .label {
  font-weight: 700;
  white-space: nowrap;
  min-width: 6.3rem;
}
.search-top-box .sch-filter-box .filter-form .form-select {
  width: 100%;
  max-width: 18rem;
}
.search-top-box .sch-filter-box .filter-form .form-control {
  width: 100%;
  max-width: 18rem;
}
.search-top-box .sch-filter-box .filter-chip {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-4);
  margin-top: var(--btis-spacer-6);
  padding-top: var(--btis-spacer-6);
  border-top: 0.1rem solid var(--btis-gray-40);
}
.search-top-box .sch-filter-box .filter-chip dt {
  display: flex;
  align-items: center;
  font-weight: 700;
  white-space: nowrap;
  height: 3.2rem;
}
.search-top-box .sch-filter-box .filter-chip dt .num {
  color: var(--btis-primary-60);
}
.search-top-box .sch-filter-box .filter-chip dd {
  display: flex;
  gap: var(--btis-spacer-2);
  flex: 1;
}
.search-top-box .sch-filter-box .filter-chip dd .ico-refresh {
  flex-shrink: 0;
}
.search-top-box .sch-filter-box .filter-chip dd .chip-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--btis-spacer-2);
}*/
.search-top-box .sch-filter-box {
  padding: var(--btis-spacer-3);
  border-radius: var(--btis-rd-12);
  background: var(--btis-secondary-5);
  margin-bottom: var(--btis-spacer-8);
}
.search-top-box .sch-filter-box .filter-form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-6);
  max-width: 100%;
  /*flex-wrap: wrap;*/ /* 줄바꿈 가능 */
}
.search-top-box .sch-filter-box .filter-form > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-3);
  /*width: 50rem;*/
  max-width: 50rem;
}
.search-top-box .sch-filter-box .filter-form > div:nth-child(3) {
  justify-content: flex-end;
}
.search-top-box .sch-filter-box .filter-form .label {
  font-weight: 700;
  white-space: nowrap;
  min-width: 6.3rem;
}
.search-top-box .sch-filter-box .filter-form .form-select {
  /*width: 100%;*/
  max-width: 18rem;
}
.search-top-box .sch-filter-box .filter-form .ar {
  display: flex;
  gap: var(--btis-spacer-3);
}

/* 📌 모바일 화면 (600px 이하) */
@media (max-width: 600px) {
  .search-top-box .sch-filter-box .filter-form {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--btis-spacer-4);
  }

  .search-top-box .sch-filter-box .filter-form > div {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
  }

  .search-top-box .sch-filter-box .filter-form .form-select {
    width: 100%;
    max-width: 100%;
  }

  .search-top-box .sch-filter-box .filter-form .ar {
    flex-direction: column;
    width: 100%;
  }

  .search-top-box .sch-filter-box .filter-form .btn {
    width: 100%;
  }
}

/* 신청하기 : 검색 결과 리스트 */
.search-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: var(--btis-spacer-6);
}
.search-list .li {
  position: relative;
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6) 0;
  padding: var(--btis-spacer-6);
  overflow-x: auto;
  box-sizing: border-box;
  border-radius: var(--btis-rd-12);
  border: 0.1rem solid var(--btis-gray-40);
}
.search-list .li.is-check {
  border-color: transparent;
  outline: 0.2rem solid var(--btis-primary);
}
.search-list .li .in {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
  width: 100%;
}
.search-list .chk-area {
  z-index: 0;
}
.search-list .chk-area .form-check {
  display: inline-flex;
}
.search-list .chk-area .form-check input[type=checkbox] ~ label {
  padding-left: var(--btis-spacer-5);
}
.search-list .chk-area ~ .card-btn {
  top: calc(var(--btis-spacer-6) * 2 + var(--btis-rdo-size-md));
}
.search-list .card-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-2);
}
.search-list .card-top .btn-area {
  display: inline-flex;
  gap: var(--btis-spacer-4);
}
.search-list .card-top .btn-area .btn {
  height: 2.4rem;
}
.search-list .card-body {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.search-list .card-body .c-text {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
  padding: var(--btis-spacer-4) 0;
  word-break: break-all;
}
.search-list .card-body .c-text:hover {
  text-decoration: underline;
}
.search-list .card-body .c-text .c-tit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-2);
  position: relative;
  font-size: var(--btis-fz-title-lg);
  font-weight: 700;
}
.search-list .card-body .c-text .c-tit .span {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.search-list .card-body .c-text .c-tit::after {
  display: inline-flex;
  flex-shrink: 0;
  content: "";
  width: var(--btis-spacer-6);
  height: var(--btis-spacer-6);
  background: url(../images/ico_arr_20_right.svg) no-repeat;
  background-size: contain;
  background-position: center;
}
.search-list .card-body .c-text .c-txt {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.search-list .card-body .c-text .c-date .key {
  font-weight: 700;
}
.search-list .card-body .c-btn {
  text-align: right;
}
.search-list .card-btm {
  display: flex;
  flex-wrap: wrap;
  gap: var(--btis-spacer-2) var(--btis-spacer-1);
  padding-top: var(--btis-spacer-6);
  margin-top: auto;
  border-top: 0.1rem solid var(--btis-gray-30);
}
.search-list .card-btm .tag {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-size: var(--btis-fz-label-sm);
  color: var(--btis-gray-80);
  height: 3.2rem;
  padding: 0 var(--btis-spacer-3);
  border-radius: 10rem;
  border: 0.1rem solid var(--btis-gray-40);
  background-color: var(--btis-white);
}
.search-list .card-btm .tag::before {
  content: "#";
}
.search-list .card-btn {
  position: absolute;
  top: var(--btis-spacer-6);
  right: var(--btis-spacer-6);
  display: inline-flex;
  gap: var(--btis-spacer-4);
}
.search-list .card-btn .btn {
  height: 2.4rem;
}
.search-list.type2 .card-body .c-tit {
  margin-top: 0;
}
.search-list.type2 .card-body .c-txt .key {
  margin-right: 0.6rem;
  white-space: nowrap;
}
.search-list.type2 .card-body .c-txt-p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}
.search-list.type2 .card-body .c-txt-p:not(:first-child) {
  margin-top: var(--btis-spacer-4);
}
.search-list.type2 .card-body .c-txt-ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--btis-spacer-4) var(--btis-spacer-2);
}
.search-list.type2 .card-body .c-txt-ul li {
  display: inline-flex;
  align-items: center;
}
.search-list.type2 .card-body .c-txt-ul li:not(:last-child)::after {
  display: inline-flex;
  content: "";
  width: 0.1rem;
  height: 1.2rem;
  margin-left: var(--btis-spacer-2);
  background-color: var(--btis-gray-40);
}

.tbl-wrap .def-list .btn-txt.sm {
  height: 2.4rem;
}

/* 신청하기 : 검색 결과 리스트 : 선택형 */
.page-appl-btn {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-4);
  flex: 1;
}
.page-appl-btn .page-appl-in {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-4);
}
.page-appl-btn .page-appl-in .secondary {
  flex: 1;
}
.page-appl-btn .page-appl-in .secondary + .primary {
  max-width: 15.2rem;
}
.page-appl-btn .page-appl-list {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-4);
  padding: var(--btis-spacer-4);
  border-radius: 0.8rem;
  border: 0.1rem solid var(--btis-primary);
  background: var(--btis-white);
}
.page-appl-btn .page-appl-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--btis-spacer-4);
  height: 4.8rem;
}
.page-appl-btn .page-appl-list li .txt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex: 1;
  gap: var(--btis-spacer-2);
  overflow: hidden;
}
.page-appl-btn .page-appl-list li .txt .btis-badge {
  font-weight: 400;
}
.page-appl-btn .page-appl-list li .txt .span {
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page-appl-btn .page-appl-list li .btn-txt {
  flex: none;
}

/* ** 바구니 ** */
.txt-box .conts-desc-wrap .btis-drop-wrap[data-type=info] {
  display: flex;
}
.txt-box .conts-desc-wrap .btis-drop-wrap[data-type=info] .drop-menu {
  max-width: 100%;
}

/* ** 서비스 신청 : 상세 ** */
.conts-area.quick-nav-type {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}
.conts-area.quick-nav-type > .conts-detail-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-10);
}
.conts-area.quick-nav-type > .quick-nav-area {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-10);
  position: sticky;
  top: 24.4rem;
  width: 29.6rem;
  transition: 0.4s ease-in-out;
}
.conts-area.quick-nav-type > .quick-nav-area > * {
  width: 100%;
}
.conts-area.quick-nav-type > .quick-nav-area .btn-wrap .btn {
  width: 100%;
}
.conts-area.quick-nav-type .quick-nav-tab {
  width: calc(100% + 3.2rem);
  margin: 0 -1.6rem;
  overflow: hidden;
}
.conts-area.quick-nav-type .quick-nav-tab [role=tablist] {
  padding-left: var(--btis-spacer-4);
  padding-right: var(--btis-spacer-4);
}

.scroll-down .conts-area.quick-nav-type > .quick-nav-area {
  top: 6rem;
}

.quick-title-wrap .guide-txt {
  padding: 0 0 var(--btis-spacer-4) 0;
  background-color: transparent;
  border-radius: 0;
  font-size: var(--btis-fz-title-xsm);
}

.sec-tit {
  font-size: var(--btis-fz-title-xlg);
  font-weight: 700;
}

.quick-list li > a {
  display: block;
  position: relative;
  padding: 0.7rem 0 0.7rem 2.6rem;
  transition: 0.4s ease-in-out;
}
.quick-list li > a.active {
  background-color: var(--btis-secondary-5);
  color: var(--btis-secondary);
  font-weight: 700;
}
.quick-list li > a.active::before {
  width: 0.4rem;
  background-color: var(--btis-secondary);
}
.quick-list li > a::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 0.2rem;
  height: 100%;
  background-color: var(--btis-secondary-10);
  transition: 0.4s ease-in-out;
}
.quick-list li > a:focus {
  outline-offset: 0.4rem;
  outline: 2px solid rgba(36, 107, 235, 0.8);
}

.btn-wrap .guide-txt {
  padding: var(--btis-spacer-4) 0 0 0;
  background-color: transparent;
  border-radius: 0;
  text-align: center;
}

/* 상세 버튼 모음 */
.info-list.btn-txt-list > li + li {
  margin-top: var(--btis-spacer-6) !important;
}
.info-list.btn-txt-list .btn-txt.sm {
  height: auto;
}

.conts-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-10);
  width: 100%;
  color: var(--btis-gray-70);
}
.conts-wrap.scroll-check {
  gap: 0;
}
.conts-wrap.scroll-check .section-link + .section-link {
  padding-top: var(--btis-spacer-16);
}
.conts-wrap > * {
  width: 100%;
}
.conts-wrap .conts-wrap {
  gap: var(--btis-spacer-8);
}
.conts-wrap .conts-wrap .conts-wrap {
  gap: var(--btis-spacer-6);
}
.conts-wrap .conts-wrap .conts-wrap .sec-tit {
  font-size: var(--btis-fz-title-lg);
}
.conts-wrap .conts-wrap .conts-wrap .sec-tit.ico-t{
	position:relative;
	padding-left: var(--btis-spacer-3);
}
.conts-wrap .conts-wrap .conts-wrap .sec-tit.ico-t:after{
	position: absolute;
	top: .8rem;
	left: 0;
	content: "";
	width: .4rem;
	height: .8rem;
	background: var(--btis-primary);
}

.conts-wrap .conts-wrap .conts-wrap .sec-tit.ico-t:before{
	position: absolute;
	top: 1.6rem;
	left: 0;
	content: "";
	width: .4rem;
	height: .8rem;
	background: var(--btis-point);
}

.conts-wrap .conts-wrap .conts-wrap .sec-tit.ico-t.t1:before{
	position: absolute;
	top: 1.7rem;
	left: 0;
	content: "";
	width: .6rem;
	height: .6rem;
	background: var(--btis-point-70);
	border-radius:var(--btis-rd-20);
}

.conts-wrap .conts-wrap .conts-wrap .sec-tit.ico-t.t1:after{
	position: absolute;
	top: .9rem;
	left: 0;
	content: "";
	width: .6rem;
	height: .6rem;
	background: var(--btis-point);
	border-radius:var(--btis-rd-20);
}
.conts-wrap .conts-wrap .conts-wrap .conts-wrap {
  gap: var(--btis-spacer-4);
}
.conts-wrap .conts-wrap .conts-wrap .conts-wrap .sec-tit {
  font-size: var(--btis-fz-title-sm);
}
.conts-wrap .sec-tit {
  color: var(--btis-gray-90);
}

.calc-wrap .total-txt + .calc-list {
  margin-top: var(--btis-spacer-3);
  padding-top: var(--btis-spacer-3);
  border-top: 1px dashed var(--btis-gray-40);
}

.conts-expand-area .expand-wrap {
  position: relative;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.conts-expand-area .expand-wrap::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 6.2rem;
  background: linear-gradient(180deg, transparent 0%, var(--btis-white) 100%);
  visibility: visible;
  z-index: auto;
  opacity: 1;
  z-index: 10;
  transition: 0.4s ease-in-out;
}
.conts-expand-area .btn-conts-expand {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
  border-radius: 0;
}
.conts-expand-area .btn-conts-expand::after {
  content: "";
  width: 2rem;
  height: 2rem;
  margin-left: var(--btis-spacer-1);
  background: url(../images/ico_arr_expand.svg) no-repeat center;
  background-size: contain;
  transition: 0.4s ease-in-out;
  transform: rotate(0);
}
.conts-expand-area.active .expand-wrap {
  max-height: 1000vh !important;
  transition: max-height 1.5s ease-in-out;
}
.conts-expand-area.active .expand-wrap::after {
  visibility: hidden;
  z-index: -1;
  opacity: 0;
}
.conts-expand-area.active .btn-conts-expand::after {
  transform: rotate(180deg);
}
.conts-expand-area.step .expand-wrap {
  max-height: 20.7rem;
}
.conts-expand-area.step .btn-conts-expand {
  height: 4rem;
  padding-left: 6.6rem;
}
.conts-expand-area.step .btn-conts-expand::before {
  position: absolute;
  top: 50%;
  left: 1.2rem;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: var(--btis-secondary-10) url(../images/ico_conts_expand.svg) no-repeat center;
  background-size: 1.6rem;
  border-radius: var(--btis-rd-full);
  transform: translateY(-50%);
}
.conts-expand-area.txt-box {
  padding-bottom: 0;
}
.conts-expand-area.txt-box .expand-wrap {
  max-height: 20rem;
}
.conts-expand-area.txt-box .expand-wrap::after {
  background: linear-gradient(180deg, transparent 0%, var(--btis-gray-5) 100%);
}
.conts-expand-area.txt-box .btn-conts-expand {
  justify-content: center;
  width: 100%;
  height: 6.2rem;
  border-top: 1px solid var(--btis-gray-40);
}

.service-step > li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-4);
  position: relative;
  padding-left: 6.6rem;
  padding-bottom: var(--btis-spacer-6);
}
.service-step > li .num {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: absolute;
  top: 0;
  left: 1.2rem;
  z-index: 2;
  width: 2.4rem;
  height: 2.4rem;
  background-color: var(--btis-secondary);
  border-radius: var(--btis-rd-full);
  color: var(--btis-white);
}
.service-step > li::before {
  position: absolute;
  top: 0;
  left: 2.4rem;
  content: "";
  width: 0.1rem;
  height: 100%;
  background-color: var(--btis-secondary-20);
}
.service-step > li:last-of-type {
  padding-bottom: 0;
}
.service-step > li:last-of-type::before {
  display: none;
}
.service-step > li .tit-area {
  display: flex;
  width: 100%;
}
.service-step > li .tit-area .tit {
  color: var(--btis-secondary);
  font-weight: 700;
}
.service-step > li .tit-area .period {
  position: relative;
  margin-left: var(--btis-spacer-2);
  padding-left: calc(var(--btis-spacer-2) + 0.1rem);
}
.service-step > li .tit-area .period::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 0.1rem;
  height: 0.8rem;
  background-color: var(--btis-gray-40);
  transform: translateY(-50%);
}
.service-step > li .conts-desc {
  width: 100%;
}
.service-step > li .btn-txt.sm {
  height: auto;
}

.txt-box {
  padding: var(--btis-spacer-4);
  background-color: var(--btis-gray-5);
  border: 1px solid var(--btis-gray-40);
  border-radius: var(--btis-rd-12);
  color: var(--btis-gray-90);
}
.txt-box .conts-desc {
  padding-bottom: var(--btis-spacer-6);
}

.box-group-area {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.box-group-area > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  min-height: 6.4rem;
  padding: var(--btis-spacer-3) var(--btis-spacer-4);
  border: 1px solid var(--btis-gray-40);
  border-radius: 0.6rem;
  color: var(--btis-gray-90);
}
.box-group-area > li .btn-wrap {
  width: auto;
  padding-left: var(--btis-spacer-6);
}

/* 등본 발급 */
.outline .conts-desc-wrap.type1 {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-8);
}
.outline .conts-desc-wrap.type1 .sec-tit {
  font-size: var(--btis-fz-title-md);
}
.outline .conts-desc-wrap.type1 .info-list {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.outline .conts-desc-wrap.type1 .info-list li {
  margin: 0;
}

.fieldset-msg {
  position: relative;
  padding-left: var(--btis-spacer-6);
  font-size: var(--btis-fz-body-lg);
  color: var(--btis-primary-60);
  margin-bottom: var(--btis-spacer-6);
}
.fieldset-msg::before {
  position: absolute;
  top: 0.4rem;
  left: 0;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/ico_outline_chk.svg) no-repeat center;
  background-size: contain;
}

.txt-box.bg-gray {
  border: 0;
}
.txt-box.bg-gray .btm-btn-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: row;
  gap: var(--btis-spacer-4);
}
.txt-box.bg-gray .btm-btn-wrap .btn {
  min-width: 9.1rem;
}
.txt-box.bg-white {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-10);
  width: 100%;
  background-color: var(--btis-white);
}
.txt-box.bg-white .box-tit-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.txt-box.bg-white .box-tit1 {
  font-size: var(--btis-fz-title-xlg);
  color: var(--btis-gray-90);
}
.txt-box.bg-white .box-tit2 {
  display: flex;
  position: relative;
  gap: var(--btis-spacer-2);
  font-size: var(--btis-fz-title-md);
  font-weight: 700;
}
.txt-box.bg-white .box-cnt {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-16);
}
.txt-box.bg-white .box-sec {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.txt-box.bg-white .tbl-no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: var(--btis-fz-body-lg);
  color: var(--btis-gray-70);
  padding: var(--btis-spacer-13) var(--btis-spacer-6);
  text-align: center;
  border-radius: var(--btis-rd-8);
  background-color: var(--btis-gray-5);
}
.txt-box.bg-white .form-group-row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-6);
  width: 58.8rem;
  max-width: 100%;
}
.txt-box.bg-white .form-group-row .form-group {
  flex: 1;
}
.txt-box.bg-white .form-group {
  width: 58.8rem;
  max-width: 100%;
}
.txt-box.bg-white .form-group.full {
  width: 100%;
}
.txt-box.bg-white .form-conts + .form-conts {
  margin-top: var(--btis-spacer-3);
}
.txt-box.bg-white .form-check-cnt {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
  padding-left: var(--btis-spacer-8);
}
.txt-box.bg-white .form-check-cnt .form-label {
  margin-bottom: var(--btis-spacer-3);
}
.txt-box.bg-white .form-group-addr {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  width: 58.8rem;
  max-width: 100%;
  gap: var(--btis-spacer-4);
}
.txt-box.bg-white .form-group-addr .form-group {
  width: 100%;
}
.txt-box.bg-white .form-group-addr .addr-number {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-3);
  flex: 1;
}
.txt-box.bg-white .form-group-addr .addr-number > .form-group {
  flex: 1;
}
.txt-box.bg-white .form-group-addr .addr-division {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
}
.txt-box.bg-white .file-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--btis-spacer-10);
  padding: var(--btis-spacer-16) var(--btis-spacer-10);
  border-radius: 12px;
  border: 0.1rem dashed var(--btis-gray-40);
  background-color: var(--btis-gray-10);
}
.txt-box.bg-white .file-upload .txt {
  font-size: var(--btis-fz-body-lg);
  text-align: center;
}
.txt-box.bg-white .form-addr-result {
  padding: var(--btis-spacer-6);
  border-radius: 8px;
  background-color: var(--btis-gray-5);
}
.txt-box.bg-white .form-addr-result .info-ul {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.txt-box.bg-white .form-addr-result .info-ul li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-6);
}
.txt-box.bg-white .form-addr-result .info-ul li .key {
  flex: 1;
  width: 24rem;
}
.txt-box.bg-white .form-addr-result .info-ul li .value {
  flex: 2;
}
.txt-box.bg-white .form-addr-result .info-ul + .info-ul {
  padding-top: var(--btis-spacer-6);
  margin-top: var(--btis-spacer-6);
  border-top: 0.1rem solid var(--btis-gray-30);
}
.txt-box.bg-white .btn-txt.sm {
  height: auto;
}
.txt-box:not(:first-of-type) {
  margin-top: var(--btis-spacer-4);
}
.txt-box .book-info-ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.txt-box .book-info-ul > li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-10);
}
.txt-box .book-info-ul > li .key {
  flex-shrink: 0;
  width: 16rem;
}

/* ** 완료 페이지 ** */
.comp-msg-wrap {
  font-size: var(--btis-fz-heading-md);
  font-weight: 700;
  margin-bottom: var(--btis-spacer-20);
  text-align: center;
}
.comp-msg-wrap .point {
  color: var(--btis-primary-60);
}

.comp-info-box {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-10);
  padding: var(--btis-spacer-10);
  border-radius: var(--btis-rd-12);
  background: var(--btis-secondary-5);
}
.comp-info-box li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-6);
  font-size: var(--btis-fz-body-lg);
}
.comp-info-box li .key {
  flex-shrink: 0;
  font-weight: 700;
  width: 12rem;
}
.comp-info-box li .value {
  display: inline-flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  gap: var(--btis-spacer-6);
}

.comp-btn-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  gap: var(--btis-spacer-4);
  margin-top: var(--btis-spacer-10);
}

.comp-link-box {
  padding: var(--btis-spacer-10);
  margin-top: var(--btis-spacer-20);
  border-radius: var(--btis-rd-12);
  background: var(--btis-gray-5);
}
.comp-link-box dt {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
  padding-bottom: var(--btis-spacer-6);
  margin-bottom: var(--btis-spacer-6);
  border-bottom: 0.1rem solid #D9D9D9;
}
.comp-link-box dt .tit {
  font-size: var(--btis-fz-title-md);
  font-weight: 700;
}
.comp-link-box dd {
  display: flex;
  gap: var(--btis-spacer-6);
}

/* ** 평가 ** */
.assess-question-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-6);
}
.assess-question-wrap .assess-qu {
  flex: 1;
  font-size: var(--btis-fz-title-md);
  font-weight: 700;
}
.assess-question-wrap .assess-an {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-4);
}
.assess-question-wrap .assess-an .form-chip .radio ~ .form-chip-outline {
  justify-content: center;
  color: var(--btis-primary);
  width: 12rem;
  border-color: var(--btis-primary);
  background-color: var(--btis-white);
}
.assess-question-wrap .assess-an .form-chip .radio ~ .form-chip-outline::before {
  flex-shrink: 0;
}
.assess-question-wrap .assess-an .form-chip .radio ~ .form-chip-outline::after {
  display: inline-flex;
  flex-shrink: 0;
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../images/ico_smile_20.svg) no-repeat center;
}
.assess-question-wrap .assess-an .form-chip .radio:not(:checked) ~ .form-chip-outline::before {
  display: none;
}

.assess-opinion-wrap {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-8);
  padding-top: var(--btis-spacer-10);
  margin-top: var(--btis-spacer-10);
  border-top: 0.1rem solid var(--btis-gray-30);
}
.assess-opinion-wrap .assess-opinion-tit {
  font-size: var(--btis-fz-title-md);
  font-weight: 700;
}
.assess-opinion-wrap .assess-opinion-list {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-8);
  counter-reset: item;
}
.assess-opinion-wrap .assess-opinion-list li {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.assess-opinion-wrap .assess-opinion-list li .form-qu {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  counter-increment: item;
}
.assess-opinion-wrap .assess-opinion-list li .form-qu::before {
  display: inline-flex;
  content: counter(item);
  width: 1.5rem;
}
.assess-opinion-wrap .assess-opinion-list .form-group {
  padding-left: var(--btis-spacer-4);
}

.assess-end-message {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-4);
  padding: var(--btis-spacer-4);
  margin-top: var(--btis-spacer-20);
  border-radius: var(--btis-rd-6);
  border: 0.1rem solid #CEE9D4;
  background-color: #EEF7F0;
}
.assess-end-message .tit {
  font-size: var(--btis-fz-body-lg);
  color: #006E18;
  font-weight: 700;
}
.assess-end-message .tit::before {
  display: inline-flex;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  margin-right: var(--btis-spacer-2);
  vertical-align: text-top;
  background: url(../images/ico_check_rd_20.svg) no-repeat center;
  background-size: contain;
}
.assess-end-message .txt {
  padding-left: var(--btis-spacer-8);
}

/* ** 도움말 박스 ** */
.helper-box {
  width: 100%;
  padding: var(--btis-spacer-6);
  background-color: var(--btis-secondary-5);
  border: 1px solid var(--btis-gray-20);
  border-radius: 0.6rem;
}
.helper-box .helper-tit {
  display: flex;
  position: relative;
  color: var(--btis-secondary);
  font-weight: 700;
}
.helper-box .helper-tit::before {
  margin-right: var(--btis-spacer-1);
  content: "";
  width: 2rem;
  height: 2rem;
  margin-top: var(--btis-spacer-default2);
  background-image: url(../images/ico_helper_info.svg);
  background-size: contain;
}
.helper-box .info-list > li + li {
  margin-top: var(--btis-spacer-2);
}
.helper-box .helper-desc-wrap {
  margin-top: var(--btis-spacer-5);
  margin-left: var(--btis-spacer-6);
}
.helper-box .helper-desc-wrap .info-list:first-child {
  margin-top: 0;
}
.helper-box.refer {
  padding: var(--btis-spacer-4);
  background-color: var(--btis-gray-5);
}
.helper-box.refer .helper-tit {
  color: var(--btis-gray-90);
}
.helper-box.refer .helper-tit::before {
  background-image: url(../images/ico_helper_info_trans.svg);
}
.helper-box.refer .helper-desc-wrap {
  margin-top: var(--btis-spacer-4);
}

.info-list .helper-box {
  width: initial;
  margin-left: calc(var(--btis-spacer-4) * -1);
}
.info-list > li > .helper-box {
  margin-top: var(--btis-spacer-6);
}
.info-list > li .info-list > li > .helper-box {
  margin-top: var(--btis-spacer-4);
}

/* 컨텐츠 상세 */
.outline {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-10);
}
.outline .outline-tit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-1);
  font-size: var(--btis-fz-title-xlg);
  font-weight: 700;
}
.outline .outline-tit::before {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url(../images/ico_outline.svg) no-repeat center;
  background-size: contain;
}
.outline .outline-txt {
  font-size: var(--btis-fz-body-lg);
  color: var(--btis-gray-90);
}
.outline .conts-desc-wrap {
  width: 100%;
  padding-top: var(--btis-spacer-10);
  border-top: 1px dotted var(--btis-gray-40);
}
.outline .check-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-4);
}
.outline .check-list > li {
  position: relative;
  padding-left: var(--btis-spacer-8);
  font-size: var(--btis-fz-body-lg);
  color: var(--btis-primary-60);
}
.outline .check-list > li::before {
  position: absolute;
  top: 0.4rem;
  left: 0;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/ico_outline_chk.svg) no-repeat center;
  background-size: contain;
}
.outline .check-list.info > li {
  padding-left: var(--btis-spacer-6);
  font-size: var(--btis-fz-body-md);
  color: var(--btis-primary-90);
}

.agree-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 6.4rem;
  background-color: var(--btis-gray-10);
  border-radius: var(--btis-rd-8);
}
.agree-box .form-check {
  text-align: center;
}
.agree-box .form-check label {
  color: var(--btis-gray-90);
}

/* **** POPUP **** */
/* 푸터 - 관련 기관 링크 */
.pop-foot-links {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: var(--btis-spacer-2) var(--btis-spacer-4);
}
.pop-foot-links li a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-1);
  padding: var(--btis-spacer-3) var(--btis-spacer-2);
  border-radius: var(--btis-rd-8);
  word-break: break-all;
}
.pop-foot-links li a::before {
  content: "･";
  margin-top: 0.1rem;
}
.pop-foot-links li a:hover {
  background-color: var(--btis-secondary-10);
}
.pop-foot-links li a:active {
  background-color: var(--btis-secondary-20);
}

/* 통합검색 */
.pop-total-serch-wrap {
  max-width: 84.6rem;
  padding: var(--btis-spacer-20) 0 var(--btis-spacer-10);
  margin: 0 auto;
}
.pop-total-serch-wrap .search-tit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-size: var(--btis-fz-heading-sm);
  font-weight: 700;
  line-height: 1;
  margin-bottom: var(--btis-spacer-6);
}
.pop-total-serch-wrap .search-tit .btn-txt {
  margin-left: auto;
}
.pop-total-serch-wrap .search-total-top {
  position: sticky;
  top: 0;
  padding-bottom: var(--btis-spacer-10);
  border-bottom: 0.1rem solid var(--btis-gray-40);
  background-color: #DEE2E8;
}
.pop-total-serch-wrap .search-text {
  padding-top: var(--btis-spacer-10);
}
.pop-total-serch-wrap .search-text .sch-info-list {
  display: flex;
  width: 100%;
}
.pop-total-serch-wrap .search-text .sch-info-list .li {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  width: 50%;
  min-height: 43rem;
  padding: var(--btis-spacer-2) var(--btis-spacer-6);
  margin: 0;
}
.pop-total-serch-wrap .search-text .sch-info-list .li .tit {
  font-size: 2.1rem;
  font-size: var(--btis-fz-title-lg);
  color: var(--btis-gray-90);
  width: 100%;
  margin-bottom: var(--btis-spacer-10);
}
.pop-total-serch-wrap .search-text .sch-info-list .li .list {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
  width: 100%;
}
.pop-total-serch-wrap .search-text .sch-info-list .li .list li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.pop-total-serch-wrap .search-text .sch-info-list .li .ranking-txt {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.pop-total-serch-wrap .search-text .sch-info-list .li .ranking-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-shrink: 0;
  gap: 0.2rem;
  font-size: 1.5rem;
  font-size: var(--btis-fz-body-sm);
  width: 3.2rem;
}
.pop-total-serch-wrap .search-text .sch-info-list .li .ranking-state::before {
  display: inline-flex;
  content: "";
  width: 1rem;
  height: 1rem;
}
.pop-total-serch-wrap .search-text .sch-info-list .li .ranking-state.up {
  color: var(--btis-danger);
}
.pop-total-serch-wrap .search-text .sch-info-list .li .ranking-state.up::before {
  width: 0;
  height: 0;
  border-bottom: 0.6rem solid var(--btis-danger);
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
}
.pop-total-serch-wrap .search-text .sch-info-list .li .ranking-state.down {
  color: var(--btis-information);
}
.pop-total-serch-wrap .search-text .sch-info-list .li .ranking-state.down::before {
  width: 0;
  height: 0;
  border-top: 0.6rem solid var(--btis-information);
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
}
.pop-total-serch-wrap .search-text .sch-info-list .li .ranking-state.same::before {
  width: 0.6rem;
  height: 0.2rem;
  background-color: var(--btis-gray-90);
}
.pop-total-serch-wrap .search-text .sch-info-list .li1 {
  counter-reset: item;
}
.pop-total-serch-wrap .search-text .sch-info-list .li1 li {
  gap: var(--btis-spacer-2);
  counter-increment: item;
}
.pop-total-serch-wrap .search-text .sch-info-list .li1 li::before {
  display: inline-flex;
  content: counter(item);
  width: 2rem;
}
.pop-total-serch-wrap .search-text .sch-info-list .li1 li .ranking-state {
  margin-left: auto;
}
.pop-total-serch-wrap .search-text .sch-info-list .li2 {
  border-left: 0.1rem solid var(--btis-gray-40);
}
.pop-total-serch-wrap .search-text .sch-info-list .li2 li {
  gap: var(--btis-spacer-2);
}
.pop-total-serch-wrap .search-text .sch-info-list .li2 .word-txt {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.pop-total-serch-wrap .search-text .sch-info-list .li2 .btn-ico.ico-del {
  flex-shrink: 0;
  margin-left: auto;
  background-image: url(../images/ico_del_20.svg);
}
.pop-total-serch-wrap .search-text .sch-info-list .li2 .btn-txt {
  margin-top: auto;
}
.pop-total-serch-wrap .search-text .sch-info-list .li2 .btn-txt.ico-del::after {
  background-image: url(../images/ico_del_20.svg);
}
.pop-total-serch-wrap .search-text .sch-keyword-list {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
}
.pop-total-serch-wrap .search-text .sch-keyword-list .li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--btis-spacer-2);
  word-break: break-all;
}
.pop-total-serch-wrap .search-text .sch-keyword-list .li .text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  gap: var(--btis-spacer-3);
}
.pop-total-serch-wrap .search-text .sch-keyword-list .li .text .txt {
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.pop-total-serch-wrap .search-text .sch-keyword-list .li .text .url {
  text-decoration: underline;
}
.pop-total-serch-wrap .search-text .sch-keyword-list .li .btn-txt {
  height: auto;
}

/* 신청하기 필터 */
.pop-filter-top {
  position: sticky;
  top: 0;
  left: -1.6rem;
  z-index: 4;
  padding: var(--btis-spacer-5) var(--btis-spacer-4);
  margin: 0 -1.6rem;
  border-top: 0.1rem solid var(--btis-gray-70);
  background-color: var(--btis-secondary-5);
}
.pop-filter-top .filter-tag-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-2);
}
.pop-filter-top .filter-tag-wrap .ico-refresh {
  flex-shrink: 0;
  margin: var(--btis-spacer-1) 0;
}
.pop-filter-top .filter-tag-wrap .tag-in {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--btis-spacer-2);
  padding: var(--btis-spacer-1) var(--btis-spacer-10) var(--btis-spacer-1) 0;
  overflow: hidden;
  overflow-x: auto;
}
.pop-filter-top .filter-tag-wrap .tag-in::-webkit-scrollbar {
  height: 0.5rem;
}
.pop-filter-top .filter-tag-wrap .tag-in::-webkit-scrollbar-thumb {
  height: 0.1rem;
  background-color: var(--btis-gray-40);
  border-radius: 0rem;
}
.pop-filter-top .filter-tag-wrap .tag-in::-webkit-scrollbar-track {
  background-color: var(--btis-gray-30);
}
.pop-filter-top .filter-tag-wrap .tag-in.is-open {
  flex-wrap: wrap;
  overflow-x: hidden;
}
.pop-filter-top .filter-tag-wrap .tag-in.is-open + .tag-btn {
  padding-left: 0;
}
.pop-filter-top .filter-tag-wrap .tag-btn {
  display: inline-flex;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: var(--btis-spacer-6) var(--btis-spacer-4) var(--btis-spacer-6) var(--btis-spacer-8);
  background: linear-gradient(90deg, rgba(237, 241, 245, 0.3) 3.12%, #EDF1F5 46.25%);
}
.pop-filter-top .filter-tag-wrap .btn-ico.active {
  transform: rotate(-180deg);
}
.pop-filter-top .filter-dl dt {
  font-weight: 700;
  margin-bottom: var(--btis-spacer-4);
}
.pop-filter-top .filter-dl dd {
  font-size: var(--btis-fz-body-sm);
  color: var(--btis-gray-70);
}

/* 로그인 약관 동의 */
.pop-agree-wrap {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-8);
}
.pop-agree-wrap .agree-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--btis-spacer-4);
}
.pop-agree-wrap .agree-head .tit {
  flex: 1;
  font-size: var(--btis---btis-fz-title-md);
}
.pop-agree-wrap .agree-head .agree-navigation {
  display: inline-flex;
  gap: var(--btis-spacer-2);
}
.pop-agree-wrap .agree-head .agree-navigation .btn {
  width: 4rem;
  height: 4rem;
}
.pop-agree-wrap .agree-body {
  height: 38rem;
  padding: var(--btis-spacer-1);
  overflow: hidden;
  border-radius: var(--btis-rd-12);
  border: 0.1rem solid var(--btis-gray-40);
}
.pop-agree-wrap .agree-body .in {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--btis-spacer-6);
  height: 100%;
  padding: var(--btis-spacer-5);
  overflow: hidden;
  overflow-y: auto;
}
.pop-agree-wrap .agree-body .in::-webkit-scrollbar {
  width: 0.8rem;
}
.pop-agree-wrap .agree-body .in::-webkit-scrollbar-thumb {
  background-color: var(--btis-gray-40);
  border-radius: 0.8rem;
}
.pop-agree-wrap .agree-body .in::-webkit-scrollbar-track {
  background-color: var(--btis-gray-30);
}
.pop-agree-wrap .agree-body .agree-t1 {
  font-weight: 700;
}


/* 제도소개 */

.c-box {
	display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--btis-spacer-4);
    width: 100%;
    border-radius: var(--btis-rd-12);
    background: var(--btis-primary-5);
	padding: var(--btis-spacer-4);
}
.box-text{
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--btis-spacer-2);
}
/* .cnt-inner {
    max-width: 100rem;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    margin: auto;
    box-sizing: border-box;
}
*/
.set-group .cnt-inner{
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
	background: url(../images/con_01.svg) no-repeat center center;
    min-height: 50rem;
}

/* 도입배경 */
.infographic-sec .set-group {
	contain: paint;
}

.infographic-sec .set-item {
    display: flex;
    min-width: calc(50% - 10rem);
    font-size: var(--btis-fz-body-md);
    text-align: center;
    flex-direction: column;
    align-items: center;
    transition: 1s calc(var(--delay, 0)* 1s) ease-in-out;
	padding: var(--btis-spacer-6);
}
/*
.infographic-sec .set-item {
	position: absolute;
	top: 50%;
	font-size: var(---btis-fz-body-md);
	text-align: center;
	opacity: 0;
	transition: 1s calc(var(--delay, 0) * 1s) ease-in-out;
}
*/
.infographic-sec .set-item h3 {
	margin-bottom: 1.2rem;
    font-size: var(--btis-fz-title-xlg);
	font-weight: 700;
}

.infographic-sec .set-item h4 {
	margin-bottom: 1.2rem;
    font-size: var(--btis-fz-title-lg);
	font-weight: 700;
}
.infographic-sec .set-item p {
	margin-bottom: 3.2rem;
}

.infographic-sec .set-item .chip-list {
	display: inline-flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: .8rem;
	max-width: 35rem;
}
.infographic-sec .set-item:first-child{
	margin-left: 10rem;

}
.infographic-sec .set-item:last-child {
	color: var(--btis-primary);
}

.infographic-sec .set-item li {
	border: 1px solid var(--btis-gray-40);
	background: var(--btis-gray-5);
	border-radius:7rem;
	padding: var(--btis-spacer-2) var(--btis-spacer-4);
	font-size: var(--btis-fz-body-sm);
	width:28rem;
}
.infographic-sec .set-item li.green {
	border: 1px solid var(--btis-primary-40);
	background: var(--btis-primary-5);
}
.infographic-sec .set-item .clip{
	font-weight:bold;
	display:block
}

.infographic-sec .graphic_wrap {
	display: flex;
	justify-content: center;
}

.infographic-sec .graphic_wrap svg {
	flex: none;
	width: 105rem;
	height: 60rem;
}

.conts-wrap .p-tit{
	font-size: var(--btis-fz-title-sm);
	color: #fff;
	position: relative;
	padding: var(--btis-spacer-2) var(--btis-spacer-4);
	display: inline-flex	;
	background: var(--btis-primary);
	margin-left: -1.7rem;
	margin-bottom: 1.6rem;
}
.text-fill{
	background-color: var(--btis-point-20);
    padding: var(--btis-spacer-0) var(--btis-spacer-1);
	border-radius: var(--btis-rd-4);
    display: inline-block;
	font-weight:500
}

.txt-box > p{
	padding:var(--btis-spacer-1) var(--btis-spacer-0)
}
.txt-box.bg-white{
	background-color: var(--btis-white);
}


/* 원형 */
.conts-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: var(--btis-spacer-6);
}
.conts-list .li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--btis-spacer-6) 0;
  padding: var(--btis-spacer-8);
  overflow-x: auto;
  box-sizing: border-box;
  border-radius: var(--btis-rd-full);
  border: 0.1rem solid var(--btis-gray-40);
  width:32rem;
  height:32rem;
}
.conts-list .li.bd-warning{
	border: 0.1rem solid var(--btis-warning);
}
.conts-list .li.bd-primary{
	border: 0.1rem solid var(--btis-primary);
}
.conts-list .li.bd-point{
	border: 0.1rem solid var(--btis-point);
}
.conts-list .cl-body {
  display: flex;
  align-items: normal;
  justify-content: center;
  flex-direction: column;
  text-align:center
}
.conts-list .cl-body .cl-text {
  display: flex;
  align-items: normal;
  justify-content: center;
  flex-direction: column;
  padding: var(--btis-spacer-3) 0;
  word-break: break-all;
  font-size: var(--btis-fz-body-lg);
}
.dp-block{
	display:block
}
.dp-ib{
	display:inline-block
}
/* 원형 */
.rank-list {
	display: flex;
	gap: 2rem;
}

.rank-list > li {
	display: flex;
	position: relative;
	flex: 1;
}

.rank-list .rank-item {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 0;
    padding: 3rem 1.2rem;
    background: var(--color);
    border-radius: 5rem;
    color: var(--btis-black);
    text-align: center;
}

.rank-list > li:nth-child(n+3):after,
.rank-list > li:nth-child(n+3):before{
	display: inline-block;
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    width: 1rem;
    height: .1rem;
    margin-right: -1.5rem;
    background: var(--btis-white);
	transform: rotate(45deg);
}
.rank-list > li:nth-child(n+3):before {
	transform: rotate(-45deg);
}
.rank-list > li:nth-child(n+3) {
    position: relative;
    margin-left: -4rem;
}
.rank-list > li:first-of-type .rank-item {
    color: var(--btis-white);
}

.rank-list > li:first-of-type:after {
	display: inline-block;
    content: '';
    position: absolute;
    right: -1.4rem;
    top: 50%;
    width: 1rem;
    height: .1rem;
    background: var(--btis-black);
}
.rank-list > li:first-of-type:before {
	display: inline-block;
    content: '';
    position: absolute;
    right: -1.4rem;
    top: 50%;
    width: 1rem;
    height: .1rem;
    margin-top: -.4rem;
    background: var(--btis-black);
}
.rank-list-info > li:nth-child(n+3) {
    position: relative;
    margin-left: -4rem;
}

.info_list {
	display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
	padding-top:var(--btis-spacer-10)
}

.info_list > li {
	min-width: calc(20% - 1rem);
    max-width: calc((100% - 4rem) / 5);
    flex: 1;
    font-size: var(--btis-fz-body-sm);
    text-align: center;
    padding: var(--btis-spacer-3);
    border-radius: var(--btis-rd-6);
}
.info_list > li:nth-child(n+3) {
    border: 0.1rem solid var(--btis-primary-30);
    position: relative;
	background: var(--btis-primary-5);
}

.info_list > li b {
	display: block;
    margin-bottom: .8rem;
    font-size: var(--btis-fz-body-sm);
}
.info_list > li:nth-child(n+3):after {
	display: inline-block;
    content: '';
    position: absolute;
    right: 50%;
    top: -4rem;
    width: .6rem;
    height: .6rem;
    margin-right: -.4rem;
    background: var(--btis-primary);
	border-radius:var(--btis-rd-10)
}
.info_list > li:nth-child(n+3):before {
	display: inline-block;
    content: '';
    position: absolute;
    left: 50%;
    top: -4rem;
    width: .1rem;
    height: 4rem;
    background: var(--btis-primary);
}

/* 박스 */
.line-list {
	display: flex;
	position: relative;
	margin: var(--btis-spacer-3) 0 var(--btis-spacer-4);
}

.line-list:before {
	display: block;
	content: '';
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: .2rem;
	background: var(--btis-secondary);
}

.line-list > li {
	flex: 1;
	margin-top: -.1rem;
	background: var(--btis-white);
}

.line-list > li:not(:first-of-type) {
	margin-left: -.1rem;
}

.line-item {
	height: 100%;
	padding:  var(--btis-spacer-4);
	border: 1px solid var(--btis-gray-30);
	font-size: var(--btis-fz-body-sm);
}
.line-list > li:nth-of-type(2n){
	background: var(--btis-gray-5);
}

.line-item h6 {
	margin-bottom: var(--btis-spacer-3);
	font-size: var(--btis-fz-body-md);
	font-weight: 700;
	word-break: break-word;
	word-wrap: break-word;
}
.line-item h6,
.line-item p > span{
	color: var(--btis-secondary);
}
.line-list.blue:before{
	background: var(--btis-information);
}
.line-item.blue h6,
.line-item.blue p > span{
	color: var(--btis-information);
}
.line-list.green:before{
	background: var(--btis-primary);
}
.line-item.green h6,
.line-item.green p > span{
	color: var(--btis-primary);
}
.progress-w-percent {
    min-height: 1.4rem;
    margin-bottom: 1.4rem
}

.progress-w-percent .progress {
    width: calc(100% - 5rem);
    float: left;
    margin-top: .4rem
}

.progress-w-percent .progress-value {
    width: 5rem;
    float: right;
    text-align: right;
	font-size: smaller;
}
.progress,.progress-stacked {
    --ct-progress-height: 1rem;
    --ct-progress-font-size: 0.675rem;
    --ct-progress-bg: var(--btis-gray-10);
    --ct-progress-border-radius: var(--btis-rd-10);
    --ct-progress-bar-color: #fff;
    --ct-progress-bar-bg: #727cf5;
    --ct-progress-bar-transition: width 0.6s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .8rem;
    overflow: hidden;
    font-size: var(--btis-fz-body-sm);
    background-color: var(--btis-gray-10);
    border-radius: var(--btis-rd-10)
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: var(--btis-primary);
    text-align: center;
    white-space: nowrap;
    background-color: var(--btis-primary);
    -webkit-transition: var(--ct-progress-bar-transition);
    transition: var(--ct-progress-bar-transition);
    border-radius: var(--btis-rd-10)
}
.progress-bar.bg-1{
    background-color: var(--btis-secondary);
}
.progress-bar.bg-2{
    background-color: var(--btis-point);
}
.progress-bar.bg-3{
    background-color: var(--btis-warning);
}
.progress-bar.bg-4{
    background-color: var(--btis-information);
}
.infog-wrap .infog-item {
	display: flex;
	width: 28rem;
	height: auto;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: 1px solid var(--btis-primary);
	border-radius: var(--btis-rd-12);
	font-size: var(--btis-fz-body-sm);
	box-sizing: border-box;
	flex-direction: column;
    gap: var(--btis-spacer-2);
	padding: var(--btis-spacer-6) var(--btis-spacer-1);
}

.infog-wrap > .infog-item {
	position: relative;
	margin: auto;
}
.infog-wrap > .infog-item.line:after {
	display: block;
	content: '';
	position: absolute;
	top: 100%;
	height:100%;
	width:.1rem;
	background:#ccc;
	left:50%
}
.infog-wrap .infog-item > p, .infog-wrap .infog-item > div{
	background:var(--btis-primary-10);
	border-radius:var(--btis-rd-20);
	padding:var(--btis-spacer-1);
	width:70%
}
.infog-wrap .infog-item.bg-primary > div{
	background:var(--btis-white);
}
.infog-wrap ul {
	display: flex;
	justify-content: center;
	gap: 34rem;
	margin-top: -3rem;
}
.infog-wrap ul.infog-text {
	gap: 2rem;
	margin: 2rem 0;
	position:relative
}
.infog-wrap ul .infog-item {
	color: var(--btis-gray-80);
	background: var(--btis-gray-10);
	border: 1px solid var(--btis-gray-40);
}
.infog-wrap ul .infog-item.line{
	position:relative
}
.infog-wrap ul .infog-item.line:after{
	display: block;
	content: '';
	position: absolute;
	height:.1rem;
	width:123%;
	background:#ccc;
	left:100%
}
.infog-wrap ul .infog-item > div {
	background:var(--btis-white);
}
.infog-wrap > .infog-item:nth-child(3){
	margin-top:-3rem
}
.arrow{
	position:relative;
	display:inline-block
}
.arrow-top {
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .0 .4rem .6rem .4rem;
    border-color: transparent transparent #c6c6c6 transparent;
}

.arrow-top::after {
    content: "";
    position: absolute;
    width: .1rem;
    height: 3rem;
    background-color: #c6c6c6;
    top: 0;
    transform: translate(-50%, 0%);
}
.arrow-bottom {
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 .4rem .6rem .4rem;
    border-color: transparent transparent #c6c6c6 transparent;
	transform: rotate(180deg);
	margin-top:2rem
}

.arrow-bottom::after {
    content: "";
    position: absolute;
    width: .1rem;
    height: 3rem;
    background-color: #c6c6c6;
    top: 0rem;
    transform: translate(-50%, 0%);
}
.label-item {
	margin-left: -1.2rem;
	margin-right: -1.2rem;
}

.label-item:after {
	display: block;
	content: '';
	clear: both;
}

.label-item .item-head,
.label-item .item-body {
	float: left;
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	box-sizing: border-box;
}

.label-item .item-head {
	width: 15%;
}

.label-item .item-body {
	width: 85%;
	text-align: center;
}

.label-item .item-head h5 {
	padding-top: 1.4rem;
	border-top: 2px solid;
	font-size: var(--btis-fz-title-sm);
	color: var(--btis-primary);
}

.label-item .bg_area {
	padding: 3.9rem;
	background: var(--btis-primary);
	font-size: var(--btis-fz-title-sm);
}

.label-item .bg_area p {
	margin-top: 0;
	color: var(--c_white);
}

.label-item .bg_area p + p {
	margin-top: 0.4rem;
}


.label-item .box_list {
	display: flex;
	flex-wrap: wrap;
	gap: 2.4rem;
}

.label-item .box_list .box {
	flex: 1;
	min-width: 25%;
	padding: 2.4rem;
	border-color: var(--c_gray3);
	font-weight: 300;
	text-align: left;
}

.label-item .box_list .box h6 {
	margin-bottom: 1.2rem;
	font-size: var(--title-fz_xs);
	font-weight: 700;
}

.label-item .box_list .box li,
.label-item .box_list .box p {
	font-size: var(--fz_m);
	color: var(--c_gray6);
}

.label-item .box_list .box li:not(:last-of-type) {
	margin-bottom: .8rem;
}

/* 절차 */
.part-body{
	gap: 2.4rem;
    display: flex;
    flex-direction: column;
}
.order-list {
	display: flex;
	gap: 2rem;
}

.order-list > li {
	display: flex;
	position: relative;
	flex: 1;
	min-width: 20%;
}

.order-list .rank-item {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 0;
    padding: 4rem 2.4rem;
    background: var(--color);
    border-radius: 4rem;
    color: var(--btis-black);
    text-align: center;
	font-size: var(--btis-fz-body-sm);
	line-height:1.2
}

.order-list > li:nth-child(n+2):before{
	display: inline-block;
    content: '';
    position: absolute;
    right: 100%;
    top: 45%;
    width: .8rem;
    height: .8rem;
    margin-right: -1.2rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	transform: rotate(45deg);
}
.order-list > li:nth-child(n+2) {
    position: relative;
    margin-left: -4rem;
}
.order-list > li:last-of-type .rank-item {
    color: var(--btis-white);
}
/* 절차 박스 */
.order-box {
	display: flex;
	gap: 1rem;
}

.order-box > li {
	display: flex;
	position: relative;
	flex: 1;
}

.order-box .rank-item {
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: var(--btis-spacer-1) var(--btis-spacer-3);
    background: var(--btis-white);
    border-radius: var(--btis-rd-4);
    color: var(--btis-gray-60);
    text-align: center;
    font-size: var(--btis-fz-detail-md);
    border: .1rem solid var(--btis-gray-40);
    height: auto;
	flex-direction: column;
	text-align: left;
}
.order-box .rank-item p{
    padding: var(--btis-spacer-3) 0;
}
.order-box .rank-item p + p{
	border-top:.1rem dashed var(--btis-gray-40);
    padding: var(--btis-spacer-2) 0;
	width:100%
}
.order-box > li:nth-child(n+2):before{
	display: inline-block;
    content: '';
    position: absolute;
    right: 100%;
    top: 45%;
    width: .8rem;
    height: .8rem;
    margin-right: -1.2rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	transform: rotate(45deg);
}

/* 절차 일정 */
.order-plan {
	display: flex;
	margin-top: var(--btis-spacer-6);
	border-top: .3rem solid var(--btis-primary-10);
}

.order-plan > li {
	display: flex;
	position: relative;
	flex: 1;
}

.order-plan .rank-item {
	display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding:var(--btis-spacer-3);
    background: var(--btis-white);
    border-radius: var(--btis-rd-4);
    color: var(--btis-gray-60);
    text-align: center;
    font-size: var(--btis-fz-detail-md);
    height: auto;
	flex-direction: column;
}
.order-plan .rank-item h4{
	color: var(--btis-primary)
}
.order-plan > li:first-child:after,
.order-plan > li:before{
	display: inline-block;
    content: '';
    position: absolute;
    right: 0;
    top: -.7rem;
    width: 1rem;
    height: 1rem;
    border-radius: var(--btis-rd-10);
    background: #fff;
    border: .2rem solid var(--btis-primary);
}
.order-plan > li:first-child:after{
	left: 0;
}

/* 생산량 보고 */
.info-body{
	position:relative;
}
.info-box {
	display: flex;
	position:absolute;
	top:10rem;
	    gap: var(--btis-spacer-15);
    padding: 0 5rem;
}

.info-box > li {
	display: flex;
	position: relative;
	flex: 1;
}

.info-box .info-item {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: var(--btis-gray-60);
    text-align: center;
    height: auto;
	flex-direction: column;
	gap: var(--btis-spacer-19);
}
.info-box .info-item h4{
    color: var(--btis-gray-90);
    font-size: var(--btis-fz-title-lg);
}
.info-box .info-item p{
    padding: var(--btis-spacer-4);
    font-size: var(--btis-fz-detail-lg);
}
.info-box .info-item p + p{
	border-top:.1rem dashed var(--btis-gray-40);
    padding: var(--btis-spacer-2) 0;
	width:100%
}
.info-box > li:nth-child(n+2):before{
	display: inline-block;
    content: '';
    position: absolute;
    right: 100%;
    top: 45%;
    width: .8rem;
    height: .8rem;
    margin-right: -1.2rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	transform: rotate(45deg);
}
/* 텍스트 박스 */
.text-body{
	padding: var(--btis-spacer-2) 0;
}
.text-box {
	display: flex;
	gap: var(--btis-spacer-5);
}

.text-box > li {
	display: flex;
	position: relative;
	flex: 1;
}

.text-box .rank-item {
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: var(--btis-spacer-4);
    background: var(--btis-white);
    border-radius: var(--btis-rd-8);
    color: var(--btis-gray-60);
    text-align: center;
    font-size: var(--btis-fz-detail-md);
    border: .1rem solid var(--btis-gray-40);
    height: auto;
	flex-direction: column;
	text-align: left;
	gap: var(--btis-spacer-3);
}
.text-box > li:nth-child(n+2):before{
	display: inline-block;
    content: '';
    position: absolute;
    right: 100%;
    top: 45%;
    width: .8rem;
    height: .8rem;
    margin-right: -1.2rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	transform: rotate(45deg);
}
/* 텍스트 박스 */
.proces-text{
	padding: var(--btis-spacer-8) 0;
}
.proces-text .proces-box {
	display: flex;
	gap: var(--btis-spacer-5);
}

.proces-box > li {
	display: flex;
	position: relative;
	flex: 1;
}
.proces-box .rank-item > h5 {
    font-size: var(--btis-fz-title-sm);
    color: var(--btis-gray-80);
}
.proces-box .rank-item {
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: var(--btis-spacer-4);
    background: var(--btis-white);
    border-radius: var(--btis-rd-8);
    color: var(--btis-gray-60);
    text-align: center;
    font-size: var(--btis-fz-detail-md);
    border: .1rem solid var(--btis-gray-40);
    height: auto;
	flex-direction: column;
	text-align: left;
	gap: var(--btis-spacer-3);
}
.proces-box > li:nth-child(n+2):before{
	display: inline-block;
    content: '';
    position: absolute;
    right: 100%;
    top: 45%;
    width: .8rem;
    height: .8rem;
    margin-right: -1.2rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	transform: rotate(45deg);
}
/* 적합성 검토 절차 */

.progressbar a {
  text-decoration: none;
  display: block;
  color: inherit;
}
.progressbar {
  counter-reset: step;
  display: flex;
  position:relative;
  background: url(../images/con_line.svg) no-repeat bottom 3.6rem center;
}
.progressbar li {
  flex:1
}
.progressbar .prog-item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    color: var(--btis-gray-80);
    text-align: center;
	font-size: var(--btis-fz-body-sm);
	height: auto;
    flex-direction: column;
    text-align: left;
	gap: var(--btis-spacer-15);
}
.progressbar .prog-item > h6{
    font-size: var(--btis-fz-title-sm);
	position:relative;
	height:5rem
}
.progressbar .prog-item > div > p{
	text-align:center
}
.progressbar .prog-item > div{
	margin: 0 auto;
}
.progressbar .prog-item .prog-tit{
	background: var(--btis-gray-20);
	padding: var(--btis-spacer-1);
	border-radius:var(--btis-rd-4);
}
.progressbar .prog-item .prog-tit.green{
	background: var(--btis-primary-10);
}
.progressbar li:before {
  width: 2rem;
  height: 2rem;
  content: counter(step);
  counter-increment: step;
  border: .2rem solid var(--btis-primary);
  display: block;
  text-align: center;
  border-radius: 50%;
  font-size:1.2rem;
  top: 6rem;
  position: absolute;
  color:var(--btis-white);
  background: var(--btis-primary);
}
.progressbar li:nth-child(1):before,
.progressbar li:nth-child(4):before{
  color:var(--btis-primary);
  background: var(--btis-white);
}
.progressbar:after {
  width: 100%;
  height: .2rem;
  content: '';
  position: absolute;
  background-color: var(--btis-primary-20);
  top: 42%;
  z-index: -1;
}
.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active {
  color: #2a8552;
}
.progressbar li.active:before {
  border-color: #2a8552;
  background: #2a8552;
  color: #fff;
}
.progressbar li.active + li:after {
  background-color: #2a8552;
}
.progressbar li:last-child:after {
  width: 1rem;
  height: 1rem;
  content: counter(step);
  counter-increment: step;
  border: .2rem solid var(--btis-primary);
  display: block;
  text-align: center;
  border-radius: 50%;
  font-size:1.2rem;
  top: 6.5rem;
  right:0;
  position: absolute;
  background: var(--btis-primary);
  font-size:0
}
.progressbar li:nth-child(n+2) .prog-item > div{
	margin-left:-30%
}
.progressbar li:nth-child(5) .prog-item > div{
	margin-left:-70%
}
.progressbar li:first-child .prog-item > div{
	padding-left: var(--btis-spacer-5);
}
.progressbar:before{
	content: '';
    width: 100%;
    height: 8rem;
    background: url(../images/con_gray_arrow.svg) no-repeat bottom center;
    position: absolute;
    bottom: -7rem;

}
.title-text{
	margin-top: var(--btis-spacer-20);
}
.title-text .text-box .rank-item{
	justify-content: center;
    align-items: center;
}
.title-text .text-box .rank-item > h5{
	text-align:center;
    font-size: var(--btis-fz-title-sm);
	background: var(--btis-primary);
    color: var(--btis-white);
    padding: var(--btis-spacer-2) var(--btis-spacer-8);
    border-radius: var(--btis-rd-20);
	margin-top: -4.2rem;
}
.title-text .text-box .rank-item > h6{
    font-size: var(--btis-fz-title-md);
	color: var(--btis-primary);
}

.title-text .text-box .rank-item > p{
	font-size: var(--btis-fz-body-md);
	position:relative;
}
.title-text .text-box .rank-item > p:after{
	content: '';
	border-style: solid;
    border-width: 1rem .8rem 0 .8rem;
    border-color: #a6cab6 transparent transparent transparent;
    position: absolute;
    left: 50%;
    bottom: -1.2rem;
    margin-left: -1rem;
}
.title-text .text-box li:last-child .rank-item > h5{
	margin-top:-10.2rem
}
.title-text .text-box li:last-child .rank-item > p{
	margin-top:4rem
}
.text-box .rank-item.gray{
	background: var(--btis-gray-5);
}
.text-box .rank-item > h5{
    font-size: var(--btis-fz-title-sm);
	color: var(--btis-gray-80);
}
/*  */
.step-body{
    display: flex;
    flex-direction: column;
    background: url(../images/con_06.svg) no-repeat bottom center;
	padding: 0 var(--btis-spacer-8);
	margin-bottom: var(--btis-spacer-8);
}
.step-list {
	display: flex;
	column-gap: var(--btis-spacer-4);
}

.step-list > li {
	display: flex;
	position: relative;
	flex: 1;
}

.step-list .rank-item {
	display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 26rem;
    color: var(--btis-black);
    text-align: center;
    flex-direction: column-reverse;
    gap: var(--btis-spacer-15);
	margin-left: -1rem;
}
.step-list .rank-item h6{
    font-size: var(--btis-fz-title-md);
	}
.step-list .rank-item > div{
	width: 100%;
    font-size: var(--btis-fz-body-sm);
    text-align: center;
    padding: var(--btis-spacer-2) var(--btis-spacer-5);
    border: .1rem solid var(--btis-primary);
    border-radius: var(--btis-rd-6);
    margin-bottom: var(--btis-spacer-5);
    min-height: 8.4rem;
	position:relative
}
.step-list .rank-item > div:after{
	content: '';
    border-style: solid;
    border-width: .8rem .8rem 0 .8rem;
    border-color: #2a8552 transparent transparent transparent;
    position: absolute;
    left: 50%;
    bottom: -.8rem;
    margin-left: -.8rem;
}
.step-list .rank-item .mg{
	margin-top:16.5rem
}
.arrow-list{
	display: flex;
    flex-direction: column;
    gap: 1rem;
}
.arrow-list > li{
	display: flex;
    flex-direction: row;
    gap: 2rem;
	align-items: center;
}
.txt-tit{
	text-align:center;
	padding: var(--btis-spacer-4) 0;
	position:relative;
    width: 5.4rem;
    height: 5.4rem;
    display: block;
    border-radius: 50%;
	background: var(--btis-primary-10);
	font-weight: bold;
}
.arrow-list.mg-20{
	margin-top: var(--btis-spacer-4)
}
.arrow-list > li .txt-tit:after {
    content: '';
    border-style: solid;
    border-width: .6rem .6rem 0 .6rem;
    border-color: #2a8552 transparent transparent transparent;
    position: absolute;
    left: 50%;
    bottom: -.8rem;
    margin-left: -.6rem;
}
.arrow-list > li:last-child .txt-tit:after{
	display:none
}
.arrow-list > li .txt-tit:after {
    content: '';
    border-style: solid;
    border-width: .6rem .6rem 0 .6rem;
    border-color: #2a8552 transparent transparent transparent;
    position: absolute;
    left: 50%;
    bottom: -.8rem;
    margin-left: -.6rem;
}
.line-item.point .arrow-list > li .txt-tit:after{
    border-color: #ffb724 transparent transparent transparent;
}
.line-item.point .arrow-list > li .txt-tit{
	background: var(--btis-point-10);
}
.line-list.bd-none:before{
	display:none
}
.line-list .line-item.point, .line-list .line-item{
	position:relative;
}
.line-list .line-item.point:before, .line-list .line-item:before{
	display: block;
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: .2rem;
    background: var(--btis-point);
}
 .line-list .line-item:before{
    background: var(--btis-secondary);
 }

 .line-list .line-item.blue:before{
    background: var(--btis-information);
 }
 .line-list .line-item.green:before{
    background: var(--btis-primary);
 }
/* 자율거래 절차 */
 .proces-body{
	gap: 2.4rem;
    display: flex;
    flex-direction: column;
	margin-top: 4rem;
}
.proces-list {
	display: flex;
	gap: 2rem;
}

.proces-list > li {
	display: flex;
	position: relative;
	flex: 1;
}

.proces-list .rank-item {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 0;
    padding: 4rem 2.4rem;
    background: var(--color);
    border-radius: 4rem;
    color: var(--btis-black);
    text-align: center;
	font-size: var(--btis-fz-title-sm);
	position:relative

}

.proces-list > li:nth-child(n+2):after{
	display: inline-block;
    content: '';
    position: absolute;
    right: 100%;
    top: 45%;
    width: .8rem;
    height: .8rem;
    margin-right: -1.2rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	transform: rotate(45deg);
}
.proces-list > li.line:before{
	display: inline-block;
    content: '';
    position: absolute;
    right: 100%;
    top: -3rem;
    width: .1rem;
    height: 4rem;
    margin-right: -1.2rem;
    background: var(--btis-gray-30);
}
.proces-list > li:nth-child(n+2) {
    position: relative;
    margin-left: -4rem;
}
.proces-list > li:last-of-type .rank-item {
    color: var(--btis-white);
}
.proces-list .proces-txt{
	position:absolute;
	font-size: var(--btis-fz-body-sm);
	top:-4rem;
	text-align:center;
	width:100%;
}
.proces-list .proces-txt > span{
	background: var(--btis-white);
    padding: var(--btis-spacer-3);
}
.proces-list .rank-item.line:after{
	display: inline-block;
    content: '';
    position: absolute;
    top: -3rem;
    width: 92%;
    height: .1rem;
    background: var(--btis-gray-30);
}
.proces-list .rank-item.line:before{
	display: inline-block;
    content: '';
    position: absolute;
    left: 100%;
    top: -3rem;
    width: .1rem;
    height: 4rem;
    margin-left: -1.1rem;
    background: var(--btis-gray-30);
}
.ico-box {
	display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--btis-spacer-6);
    width: 100%;
    border-radius: var(--btis-rd-12);
    background: var(--btis-primary-5);
	padding: var(--btis-spacer-6);
	border: .1rem solid var(--btis-primary);
}
.ico-box .ico-cont{
	display: flex;
    width: auto;
    justify-content: flex-start;
    align-items: center;
    min-width: 10rem;
}
.ico-box .box-text{
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--btis-spacer-3);
	font-size: var(--btis-fz-body-sm);
}
.ico-box .box-text > h5{
	font-size: var(--btis-fz-title-sm);
	color:var(--btis-gray-80);
}
.img-cont {
	text-align:center
}
/*
.img-cont > img{
	width:auto;
	height:auto;
	text-align:center
}
*/
/* 텍스트 박스 */
.join-body{
	display: flex;
}
.join-box {
	display: flex;
    column-gap: var(--btis-spacer-6);
    row-gap: var(--btis-spacer-6);
	flex-wrap: wrap;
}

.join-box > li {
	display: flex;
	position: relative;
	flex: 1;
	min-width: calc(50% - 2.4rem);
}

.join-box .rank-item {
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    color: var(--btis-gray-60);
    font-size: var(--btis-fz-detail-md);
    height: auto;
	flex-direction: column;
	text-align: left;
}
.join-box .rank-item > h5{
	border:.1rem solid var(--btis-point);
    background: var(--btis-point-20);
    padding: var(--btis-spacer-3);
    font-size: var(--btis-fz-title-sm);
    border-radius: var(--btis-rd-8) var(--btis-rd-8) 0 0;
	width:100%;
	color:var(--btis-gray-80);
}
.join-box .rank-item > h5 > small{
	display: inline-block;
    width: 2rem;
    height: 2rem;
    background: var(--btis-point);
    text-align: center;
    border-radius: var(--btis-rd-full);
    margin-right: var(--btis-spacer-2);

}
.join-box .rank-item .join-cont{
    padding: var(--btis-spacer-2) var(--btis-spacer-4);
    border-radius: 0 0 var(--btis-rd-8) var(--btis-rd-8);
	border: .1rem solid var(--btis-gray-30);
	width:100%;
	height: 100%;
	display: flex;
    flex-direction: column;
    gap: var(--btis-spacer-2);
	border-top:0
}
.join-box .rank-item .join-cont p + p {
    border-top: .1rem dashed var(--btis-gray-40);
    padding: var(--btis-spacer-2) 0;
    width: 100%;
}
.join-box > li:nth-child(n+2):before{
	display: inline-block;
    content: '';
    position: absolute;
    right: 100%;
    top: 45%;
    width: .8rem;
    height: .8rem;
    margin-right: -1.2rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	transform: rotate(45deg);
}


.report-wrap .report-list {
	display: flex;
}

.report-wrap .report-list li {
	flex: 1;
	position: relative;
}

.report-wrap .report-list .report-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 0;
	padding-top: 50%;
	padding-bottom: 50%;
	border-radius: 50%;
	background: rgba(42, 133, 82, .15);
	font-size: var(--btis-fz-title-sm);
	text-align: center;
}
.report-list .report-item .num {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: none;
	width: 2.4rem;
    height: 2.4rem;
	margin-bottom: 1.4rem;
	color: var(--btis-primary);
	border: 1px solid;
	border-radius: 50%;
	background: rgba(42, 133, 82, .15);
	box-sizing: border-box;
	font-size: var(--btis-fz-body-sm);
}

.report-list > li:last-of-type .report-item {
	background: rgba(42, 133, 82, .9);
	color: var(--btis-white);
}

.report-list > li:last-of-type .report-item .num {
	color: var(--btis_white);
	background: rgba(255, 255, 255, .2);
}

.report-wrap .report-list li:nth-child(n+2) {
	margin-left: -2rem;
}
.report-list .report-item .tit{
	padding: 0 var(--btis-spacer-8);
    display: inline-block;
}
.report-wrap .report-list > li:nth-child(n+2):after {
    display: inline-block;
    content: '';
    position: absolute;
    right: 100%;
    top: 49%;
    width: .8rem;
    height: .8rem;
    margin-right: -1.2rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
}
/*  박스 */
.num-body{
	display: flex;
}
.num-box {
	display: flex;
    column-gap: var(--btis-spacer-6);
    row-gap: var(--btis-spacer-6);
	flex-wrap: wrap;
}

.num-box > li {
	display: flex;
	position: relative;
	flex: 1;
	min-width: calc(33.33% - 2.4rem);
}

.num-box .rank-item {
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    color: var(--btis-gray-60);
    font-size: var(--btis-fz-detail-lg);
    height: auto;
	flex-direction: column;
	text-align: left;
    padding: var(--btis-spacer-6);
	border-radius: var(--btis-rd-8)
}
.num-box .rank-item .num{
	font-weight:bold;
    font-size: var(--btis-fz-title-md);
	color: var(--btis-gray-80);
}
.num-box > li:nth-child(n+2):before{
	display: inline-block;
    content: '';
    position: absolute;
    right: 100%;
    top: 45%;
    width: .8rem;
    height: .8rem;
    margin-right: -1.2rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	transform: rotate(45deg);
}
.krds-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-size: var(--btis-fz-label-md);
    color: var(--btis-primary);
    height: 2.4rem;
    width: 8rem;
    padding: 0 var(--btis-spacer-2);
    border-radius: 0.4rem;
    background-color: var(--btis-primary-5);
    font-weight: bold;
}
.form-select {
    /*width: 100%;*/
    width: 165px;
    height: var(--btis-select-h-lg);
    padding: var(--btis-select-pd-lg);
    background-color: var(--btis-white);
    background-image: url(../images/ico_select_lg.svg);
    background-repeat: no-repeat;
    background-position: center right var(--btis-select-rn-lg);
    border: .1rem solid var(--btis-gray-60);
    border-radius: var(--btis-select-rd-lg);
    font-family: inherit;
    font-size: var(--btis-select-fz-lg);
    color: var(--btis-gray-90);
    opacity: 1;
}

.detail-view .title {
    position: relative;
	padding: var(--btis-spacer-4) 0;
    font-size: var(--btis-fz-title-lg);
    color: var(--btis-gray-90);
    border-bottom: 2px solid var(--btis-gray-90);
}

.post-navigator {
    border-top: .1rem solid var(--btis-gray-30);
    border-bottom: .1rem solid var(--btis-gray-30);
    /*margin-top: 80px*/
}

.post-navigator li {
    position: relative;
    padding: 24px 0 22px 93px;
	padding: var(--btis-spacer-4) 0 var(--btis-spacer-4) var(--btis-spacer-20);
}

.post-navigator li:first-child {
    border-bottom: .1rem solid var(--btis-gray-30);
}

.post-navigator li strong {
    position: absolute;
    top: 1.6rem;
    left: 1rem;
}

.post-navigator li a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    color:  var(--btis-gray-70);
    padding-right: 10px
}
.detail-view .post-content {
    padding:var(--btis-spacer-6) var(--btis-spacer-4);
    word-break: break-all
}

.detail-view .post-content img {
    max-width: 100%
}

.box-group-area.file > li{
	border:0;
    border-bottom: .1rem solid var(--btis-gray-30);
    border-radius: 0;
	background: var(--btis-gray-5);
}
.box-group-area.file > li.date > p > strong{
	display: inline-block;
    padding-right: var(--btis-spacer-4);
}
.fr-view {
    word-wrap: break-word;
}
.tbl-wrap .tbl.data.ac thead th, .tbl-wrap .tbl.data.ac tbody td{
	text-align:center
}
 .tbl-wrap .tbl.data.ac tbody td.total{
	background: var(--btis-primary-10)
 }
.cm-scroll-drag-guide{
	display:none
}
/*
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

*/
@media screen {
    html:not(.no-js) [data-scroll] {
		transition-duration:0.8s;
        transition-timing-function:ease-in-out;
		pointer-events: none;
		will-change: transform;
		will-change: opacity;
    }
	html:not(.no-js) [data-scroll].animated {
		pointer-events: auto;
    }
	html:not(.no-js) [data-scroll^="fade"][data-scroll^="fade"] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform;
    }
    html:not(.no-js) [data-scroll^="fade"][data-scroll^="fade"].animated {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    html:not(.no-js) [data-scroll="fade-up"] {
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    html:not(.no-js) [data-scroll="fade-down"] {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    html:not(.no-js) [data-scroll="fade-right"] {
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0);
    }
    html:not(.no-js) [data-scroll="fade-left"] {
        -webkit-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0);
    }
}

/*02-06 추가 차트사용*/
.chart-3 {
  display: flex;  /* Flexbox를 사용하여 자식 요소들을 가로로 배치 */
  justify-content: space-between;  /* 차트들 간의 간격을 일정하게 유지 */
  width: 100%;  /* 부모 컨테이너가 화면 크기만큼 꽉 차도록 설정 */
}

#public-container, #private-container, #all-container {
  flex: 1;  /* 각 차트가 동일한 비율로 공간을 차지하도록 설정 */
  min-width: 400px;  /* 차트들이 너무 작아지지 않도록 최소 크기 설정 */
  max-width: 33%; /* 차트가 3개일 때, 각 차트의 최대 크기를 1/3로 설정 */
}

#bar-container, #avg-container, #sel-container {
  flex: 1;  /* 각 차트가 동일한 비율로 공간을 차지하도록 설정 */
  min-width: 400px;  /* 차트들이 너무 작아지지 않도록 최소 크기 설정 */
  max-width: 33%; /* 차트가 3개일 때, 각 차트의 최대 크기를 1/3로 설정 */
}

@media (max-width: 768px) {
  .chart-3 {
    flex-direction: column;  /* 작은 화면에서는 세로로 차트를 배치 */
  }

  #public-container, #private-container, #all-container {
    margin: 10px 0;  /* 세로로 배치 시 차트들 간의 간격 추가 */
    max-width: 100%;  /* 화면이 작을 경우 각 차트가 100% 너비를 차지하도록 설정 */
  }

  #bar-container, #avg-container, #sel-container  {
    margin: 10px 0;  /* 세로로 배치 시 차트들 간의 간격 추가 */
    max-width: 100%;  /* 화면이 작을 경우 각 차트가 100% 너비를 차지하도록 설정 */
  }
}
.board-no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 100px;
  margin: auto;
  text-align: center;
  color: var(--btis-primary-10);
  font-size: 14px;
}
#btn-top {
    position: fixed;
    bottom: 3rem;
    z-index: 1;
    text-indent: -9999px;
    width: 5rem;
    height: 5rem;
    right:2.5rem;
    background: var(--btis-white);
    border-radius:var(--btis-rd-full);
    /*border:.1rem solid var(--btis-primary-60);*/
    background: #f9f9f9 url('../images/ico_arr_up.svg') no-repeat center center;
    background-size: 27px;
    box-shadow: 0 1px 3px 0 rgba(60,64,67,.3),0 1px 7px 0px rgba(60,64,67,.15);
}
#btn-top:hover{
	background-color: #fff;
}