@charset "UTF-8";
.inner {
    width: 100%;
    max-width: var(--krds-contents-wrap-size);
    padding-left: var(--krds-contents-padding-x);
    padding-right: var(--krds-contents-padding-x);
}

#container > .inner {
    /*min-height: 60rem;*/
}

#container > .inner:not(.in-between) {
    /*padding-bottom: var(--krds-pc-gap-layout-contents-footer);*/
}

@media (max-width: 767px) {
#container > .inner {
    min-height: auto;
}
#container > .inner:not(.in-between) {
    padding-bottom: var(--krds-pc-gap-layout-h4-h5);
            min-height: auto;
}
}

#container > .krds-breadcrumb-wrap {
    padding-bottom: 0;
}
#container > .krds-breadcrumb-wrap .breadcrumb {
    max-width: var(--krds-contents-wrap-size);
    padding-left: var(--krds-contents-padding-x);
    padding-right: var(--krds-contents-padding-x);
}
@media (min-width: 1024px) {
    .inner.narrow {
        max-width: calc(79.2rem + var(--krds-contents-padding-x) * 2);
    }
}




.page-title-wrap {
     display: flex
;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: var(--krds-pc-gap-layout-h2-h3);
    gap: var(--krds-pc-gap-layout-title-body-large);
}
.page-title-wrap .h-tit {
    font-size: var(--krds-pc-font-size-heading-xlarge);
    letter-spacing: var(--krds-typo-letter-spacing-1);
    font-weight: var(--krds-font-weight-bold);
}
.page-title-wrap .h-tit .small-txt {
    display: flex;
    margin-bottom: var(--krds-pc-gap-layout-title-body-small);
    font-size: var(--krds-pc-font-size-heading-xxsmall);
    color: var(--krds-light-color-text-subtle);
        letter-spacing: 0;
}


@media (max-width: 767px) {
        .page-title-wrap {
        margin-bottom: var(--krds-mobile-gap-layout-h2-h3);
        gap: var(--krds-pc-gap-layout-title-body-small, 8px);
    }
    .page-title-wrap .h-tit {
        font-size: var(--krds-mobile-font-size-heading-xlarge);
        letter-spacing: var(--krds-typo-letter-spacing-1);
    }
        .page-title-wrap .h-tit .small-txt {
        margin-bottom: var(--krds-mobile-gap-layout-title-body-small);
        font-size: var(--krds-mobile-font-size-body-xsmall);
    }

}

@media (max-width: 426px) {

}

.conts-area {
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--krds-gap-9);
    width: 100%;
}



.form-group .form-tit, .form-group .form-label {
    width: 100%;
    color: var(--krds-light-color-text-subtle);
}


.form-group .form-conts {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--krds-gap-4);
    width: 100%;
}

.input-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-gap-5);
    width: 100%;
}
@media (max-width: 767px) {
.m-inner{
border-top: 8px solid var(--krds-light-color-element-gray-lighter, #F4F5F6);
padding-top: var(--krds-gap-8);
}

}
.m-inner-top{
padding-bottom: 0 !important;
}


.conts-wrap {
    width: 100%;
    color: var(--krds-light-color-text-bolder);
}
.conts-area .sec-tit {
    font-size: var(--krds-pc-font-size-heading-medium);
}
.conts-wrap .conts-wrap h3.sec-tit {
    margin-bottom: var(--krds-pc-gap-layout-title-body-large);
    font-size: var(--krds-pc-font-size-heading-large);
}
.conts-wrap .conts-wrap h3.sec-tit ~ .conts-wrap {
    margin-top: var(--krds-pc-gap-layout-h2-h3);
}
.conts-wrap h4.sec-tit {
    margin-bottom: var(--krds-pc-gap-layout-title-body-large);
    font-size: var(--krds-pc-font-size-heading-medium);
}
.conts-wrap .conts-wrap .conts-desc:not(:last-child) {
    margin-bottom: var(--krds-pc-gap-layout-title-body-large);
}

.conts-wrap h3.sec-tit {
    font-size: var(--krds-pc-font-size-heading-large);
}

@media (max-width: 767px) {
    .conts-wrap h3.sec-tit {
        font-size: var(--krds-pc-font-size-heading-medium);
    }
.conts-wrap .conts-wrap h3.sec-tit{
font-size: var(--krds-pc-font-size-heading-medium, 22px);
}
.tab-conts-wrap .conts-wrap h3.sec-tit{
margin-bottom: 0;
}
}

.sec-tit-02{
font-size: var(--krds-pc-font-size-heading-medium, 24px);
}
.sec-tit-03{
font-size: var(--krds-pc-font-size-heading-xsmall, 17px);

}
/*panel*/
.panel-wrap{
display: flex;
gap: var(--krds-gap-layout-h4-h4, 40px);
}
.panel{
flex: 1;
display: flex;
 flex-direction: column;
gap: var(--krds-gap-7, 24px);
}

/**/
.box{
display: flex;
padding: var(--krds-gap-7, 24px) var(--krds-gap-layout-h3-h4, 24px);
flex-direction: column;
align-items: flex-start;
gap: var(--krds-gap-7, 24px);
flex: 1 0 0;
border-radius: var(--krds-radius-xlarge1, 12px);
background: #FFF;
width: 100%;
}
.box .tit-wrap{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.box .tit{
font-size: var(--krds-pc-font-size-heading-medium, 24px);
}

@media (max-width: 767px) {
.box{
/*    gap: var(--krds-gap-7);
padding: 12px;*/
}

.box .tit{
font-size: var(--krds-pc-font-size-heading-small, 19px);
}
}


/*.center-header */
.center-header {
	/* background: linear-gradient(180deg, #6CB92C 0%, #35B597 59.87%); */
	background: linear-gradient(180deg, #599824 0%, #2A8F77 59.87%);
  border-radius: 0 0 40px 40px;
  color: white;
  padding: var(--krds-gap-8, 32px) 0;
box-shadow: 0 0 2px 0 var(--color-alpha-shadow2, rgba(0, 0, 0, 0.08)), 0 var(--shadow-y-4, 16px) var(--shadow-blur-4, 24px) 0 var(--color-alpha-shadow3, rgba(0, 0, 0, 0.12));
margin-bottom: var(--gap-layout-h3-h3, 64px) ;
;
}

.center-header .header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;}

.center-header .logo-title {
  display: flex;
  align-items: center;
  gap: var(--krds-gap-5);
}

.center-header .logo {
  width: 88px;
  height: 74px;
  background-image: url(../../images/component/main_im_02.svg);
  border-radius: 5.176px;
  background-color: #fff;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}


.center-header .title-text h1 {
  font-size: var(--krds-pcfont-size-heading-large, 32px);
}

.center-header .title-text p {
font-size: var(--krds-pcfont-size-label-medium, 17px);
font-weight: 400;
}

.center-header .header-nav {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.header-nav-btn{
    display: flex;
  flex-direction: column;
  gap: 16px;  
}
.center-header .header-nav button {
  background: #fff;
color: var(--krds-light-color-text-basic, #1E2124);
  border-radius: 8px;
height: var(--krds-size-height-8, 56px);
min-width: 90px;
width: 280px;
  cursor: pointer;
  display: flex;
  font-size: var(--krds-pc-font-size-body-large, 19px);
font-weight: 700;
align-items: center;
    justify-content: center;
}

/*
.center-header .uljin{
background-image: url(../../images/center-uljin.png);
}*/
@media (max-width: 1200px) {
.center-header{
margin-bottom: var(--gap-layout-h5-h5, 32px);
border-radius: 0 0 24px 24px;
}
.center-header .header-inner{
flex-direction: column;
gap: var(--gap-7, 24px);
align-items: flex-start;
}
.center-header .header-nav{
flex-direction: row;
gap: 16px;
        width: 100%;

}
.header-nav-btn{
flex-direction: row;
gap: 16px;
        width: 100%;
}
.center-header .header-nav button{
font-size: var(--font-size-body-medium, 17px);
height:var(--krds-size-height-7, 48px);
width: -webkit-fill-available;
}
}


@media (max-width: 767px) {
.center-header{
padding: var(--krds-gap-7) 0;
}
.center-header .logo{
width: 52px;
height: 40px;
}
.center-header .title-text h1{
font-size: var(--krds-pc-font-size-body-small, 15px);
}
.center-header .title-text p{
font-size: 11px;
}
.center-header .header-nav{
flex-direction: column;
}
.center-header .header-nav button{
font-size: var(--krds-pc-font-size-body-small, 15px);   
}
.header-nav-btn{
flex-direction: column; 
}
.header-nav > button.mob-only{
border-radius: var(--radius-small3, 4px);
border: 1px solid var(--color-button-tertiary-border, #58616A);
background: var(--color-background-dim, rgba(0, 0, 0, 0.75));   
color: var(--color-text-bolder-inverse, #FFF);
font-size: var(--font-size-label-small, 15px);
height: var(--size-height-5, 32px);
font-weight: 400;
}
.center-header .header-nav button{
 height: var(--size-height-6, 40px);   
}
}