.aboutus-container { max-width: 75.5%; display: flex; margin: 0 auto; padding: 0;}
.aboutus-title-container { padding: 7.8125rem 0 0 0;}
.aboutus-title-container .aboutus-left h1 { font-size: 3.25rem; text-align: left; flex: 0 0 100%; }
.aboutus-title-container .aboutus-left span { font-size: 1.25rem; text-align: left; flex: 0 0 100%; color: #999; display: flex; align-items: end; }
.aboutus-title-detail { color: #666; font-size: 1.25rem; display: flex; text-align: justify;  }
.aboutus-title-detail + p { text-align: justify; }
.aboutus-title-container { display: flex; flex-wrap: wrap;}
.aboutus-title-container .aboutus-left { display: flex; flex: 0 0 30%; flex-wrap: wrap; }
.aboutus-title-container .aboutus-right { display: flex; flex: 0 0 70%; flex-wrap: wrap; }
.number-list .number-item h1 { display: flex; align-items: center; justify-content: center; }
.number-list .number-item { flex: 0 0 25%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; align-items: center; padding-left: -1rem; }
.honor-title { flex: 0 0 70%; font-size: 3.25rem; line-height: 1; padding-bottom: 3.5rem; text-align: left; }

.number-step-container {background-color: #fff; min-height: 1px; padding: 11.25rem 0 0 0;}
.slick-list { overflow: hidden; }
.honor-list-container { width: 75.5%; margin: 0 auto; padding: 11.25rem 0 0 0;  overflow: hidden; display: flex; flex-wrap: wrap; position: relative; }
.honor-list { width: 100%;  display: flex; flex-wrap: nowrap;  }
.honor-item { width: 33.33%; overflow: hidden; margin-left: .5rem; margin-right: .5rem; }
.honor-item .honors img { width: 100%; cursor:pointer ; }
.honor-item .honors { display: flex; flex-wrap: wrap; padding: 3.75rem 2.75rem; background-color: #f5f7f9; border-radius: 15px; align-items: flex-start; }
.honor-item .honors h4 { color: #7f7f7f; font-size: 1rem; text-align: center; flex: 0 0 100%; padding: 2rem 0 0 0; line-height: 1; }
.slick-arrow { position: absolute; }

.honor-list .slick-arrow { width: 3rem; height: 3rem; left: unset; top: unset; cursor: pointer; background-color: transparent; border: #c5c5c5 1px solid; border-radius: 50%; color: #c5c5c5; position: absolute; top: -6rem; }
.honor-list .cr-slick-prev { right: 5.875rem; z-index: 999; color: #262626; }
.honor-list .cr-slick-next { right: 1.875rem; z-index: 999; color: #262626; }
.honor-list .slick-arrow:hover { color: #ff5c18; border: #ff5c18 1px solid; }

.link-more { display: flex; flex: 0 0 100%; height: fit-content; padding: 3rem .5rem 0 0; justify-content: end;}
.link-more > a > span{ width: fit-content; padding-right: 5px; color: #ff5c18;}
.link-more > a > img { flex: 0; height: 1.6875rem; width: 1.6875rem;}

.team-section { display: flex; width: 100%; }
.team-container { padding-top: 11.25rem; flex: 0 0 75%; position: relative; padding-top: 11.25rem; margin: 0 auto; overflow: hidden; }
.team-title { width: 100%; padding-bottom: 5.625rem;}
.team-content-list { width: 100%; }
.team-title h1 {font-size: 3.25rem; text-align: left; line-height: 1;}
.team-desc-container {flex: 1; display: flex; justify-content: flex-end; order: 2;}
.team-content-item-container { width: 100%; display: none; }
.team-content-item-container.slick-active { display: block; }
.team-content-item { width: 100%; display: flex; flex-wrap: wrap; align-items: start; }
.team-content-item .team-img { flex: 0 0 46.666%; order: 1; border-radius: 15px; display: flex; align-items: flex-start; }
.team-content-item .team-img > img { border-radius: 25px; width: 100%; }
.team-content-item .team-desc { flex: 0 0 82%; }
.team-desc .team-desc-title {display: flex; flex-wrap: wrap; flex: 0 0 100%; height: fit-content;  }
.team-desc .team-desc-title h2 { font-size: 3rem; text-align: left; flex: 0 0 100%; line-height: 1; padding-bottom: 1.5625rem;}
.team-desc .team-desc-title span { color: #ff5c18; font-size: 1.25rem;line-height: 1; text-align: left;}
.team-desc .team-desc-title hr { flex: 0 0 100%; margin: 2.5rem 0; border-top: #7f7f7f 1px solid;}
.team-desc .team-desc-txt { flex: 0 0 100%; text-align: left; font-size: 1.1rem; color: #7f7f7f; display: flex; justify-content: start; align-items: start; flex-wrap: wrap;}
.team-desc .team-desc-txt > p { flex: 0 0 100%; }

.team-content-list .slick-arrow { width: 3rem; height: 3rem; left: unset; top: unset; cursor: pointer; background-color: transparent; border: #c5c5c5 1px solid; border-radius: 50%; color: #c5c5c5; position: absolute; top: -8.85rem; }
.team-content-list .cr-slick-prev { right: 5.875rem; z-index: 999; color: #262626; }
.team-content-list .cr-slick-next { right: 1.875rem; z-index: 999; color: #262626; }
.team-content-list .slick-arrow:hover { color: #ff5c18; border: #ff5c18 1px solid; }


.department-section { display: flex; width: 100%; }
.department-container { padding-top: 11.25rem; flex: 0 0 75.5%; position: relative; padding-top: 11.25rem; margin: 0 auto; overflow: hidden; }
.department-title { width: 100%; padding-bottom: 5.625rem; }
.department-title h1 {font-size: 3.25rem; text-align: left; line-height: 1;}
.department-content-list { width: 100%; }
.department-title h1 {font-size: 3.25rem; text-align: left; line-height: 1;}
.department-desc-container {flex: 1; display: flex; justify-content: left; order: 1; padding-top: 1.5625rem;}
.department-content-item-container { width: 100%; display: none; }
.department-content-item-container.slick-active { display: block; }
.department-content-item { width: 100%; display: flex; flex-wrap: wrap;  }
.department-content-item .department-img { flex: 0 0 46.666%; order: 2; border-radius: 15px; }
.department-content-item .department-img > img { border-radius: 25px; }
.department-content-item .department-desc { flex: 0 0 88%; display: flex; flex-wrap: wrap; align-content: flex-start; }
.department-desc .department-desc-title {display: flex; flex-wrap: wrap; flex: 0 0 100%; height: fit-content;  }
.department-desc .department-desc-title h2 { font-size: 3rem; text-align: left; flex: 0 0 100%; line-height: 1; padding-bottom: 1.5625rem;}
.department-desc .department-desc-title span { color: #ff5c18; font-size: 1.25rem;line-height: 1; text-align: left;}
.department-desc .department-desc-title hr { flex: 0 0 100%; margin: 2.5rem 0; border-top: #7f7f7f 1px solid;}
.department-desc .department-desc-txt { flex: 0 0 100%; text-align: left; font-size: 1rem; color: #7f7f7f; display: flex; justify-content: start; align-items: start; flex-wrap: wrap;}
.department-desc .department-desc-txt > p { flex: 0 0 100%; }

.department-content-list .slick-arrow { width: 3rem; height: 3rem; left: unset; top: unset; cursor: pointer; background-color: transparent; border: #c5c5c5 1px solid; border-radius: 50%; color: #c5c5c5; position: absolute; top: -8.85rem; }
.department-content-list .cr-slick-prev { right: 5.875rem; z-index: 999; color: #262626; }
.department-content-list .cr-slick-next { right: 1.875rem; z-index: 999; color: #262626; }
.department-content-list .slick-arrow:hover { color: #ff5c18; border: #ff5c18 1px solid; }

.department-desc-item { flex: 0 0 100%; flex-wrap: wrap;}
.department-desc-item > h1 { color: #cbcbcb; cursor: pointer;  font-size: 1.875rem; line-height: 2.5; flex: 0 0 100%; text-align: left;  border-top: 1px solid #e5e5e5; height: fit-content;}
.department-memo { flex: 0 0 100%; display: flex; flex-wrap: wrap; padding-top: 1rem; display: none; }
.department-desc-item.active .department-memo { display: block; }
.department-desc-item.active > h1 { border-bottom: 0; color: #ff5c18; }
.department-memo .dep-dec { flex: 0 0 100%; color: #808080; font-size: 1.125rem; text-align: left; line-height: 1.6; }
.department-memo > ol { display: flex; flex: 0 0 100%; flex-wrap: wrap; padding-bottom: 2rem; }
.department-memo > ol > li { flex: 0 0 25%; border-left: #e5e5e5 1px solid; display: flex; margin-top: 1.25rem; flex-wrap: wrap; justify-content: center; font-size: 14px; color: #808080; height: fit-content; }
.dep-icon1::before { content: url(/images/d-icon1.png); width: 38px; height: 33px; flex: 0 0 100%; margin-bottom: 10px;  }
.dep-icon2::before { content: url(/images/d-icon2.png); width: 38px; height: 33px; flex: 0 0 100%; margin-bottom: 10px; }
.dep-icon3::before { content: url(/images/d-icon3.png); width: 38px; height: 33px; flex: 0 0 100%; margin-bottom: 10px; }
.dep-icon4::before { content: url(/images/d-icon4.png); width: 38px; height: 33px; flex: 0 0 100%; margin-bottom: 10px; }
.dep-icon5::before { content: url(/images/d-icon5.png); width: 38px; height: 33px; flex: 0 0 100%; margin-bottom: 10px; }
.about-img003 {  display: flex; width: 100%; padding-top: 11.25rem; align-items: flex-start;}

.partner-section {display: flex; width: 100%;}
.partner-container { padding-top: 11.25rem; flex: 0 0 75.5%; position: relative; padding-top: 11.25rem; margin: 0 auto; overflow: hidden; }
.partner-title { flex: 0 0 100%; }
.partner-title h1 { flex: 0 0 100%; font-size: 3.25rem; text-align:center; }
.partner-des-container { display: flex; flex: 0 0 100%; flex-wrap: wrap;  padding-top: 7.5rem;}
.partner-des-container .partner-des { flex: 0 0 50%; text-align: left; color: #666; padding-right: 4.6875rem; }
.partner-des-container .partner-num-list { flex: 0 0 50%; padding-left: 4.6875rem; }
.partner-num-list .number-list .number-item h1 {font-size: 3.25rem; }
.partner-num-list .number-list .number-item i { font-size: 1rem; color: #666; }
.partner-num-list .number-list .number-item {flex: 0 0 33.33%;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;padding-left: -1rem;}
.about-img004 { width: 75.5%; position: relative; padding-top: 5.25rem; margin: 0 auto; overflow: hidden; }
.about-img004 img { width: 100%; }
#viewer-list { display: none;}
.team-desc-txt > p + p { margin-top: 2rem; }
.parner-list { display: flex; width: 100%; flex-wrap: wrap; }
.parner-list ol { display: flex; flex: 0 0 100%; flex-wrap: wrap;}
.parner-list ol li { flex: 0 0 14.285%; padding: 4px 3px; }
.parner-list ol li > img { width: 100%;
    -webkit-filter: grayscale(80%) hue-rotate(15deg);
    -moz-filter: grayscale(80%) hue-rotate(15deg);
    -ms-filter: grayscale(80%) hue-rotate(15deg);
    -o-filter: grayscale(80%) hue-rotate(15deg);
    filter: grayscale(80%) hue-rotate(15deg);
    cursor: pointer; }
.parner-list ol li:hover > img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: grayscale(0%);

    transform: translate(0px,-3px);}

.banner-container { width: 100%; overflow: hidden;}
.banner-list {display: flex; width: 100%; }
.banner-item { position: relative; width: 100%; flex: 0 0 100%; }
.banner-item > div { width: 100%; }
.slick-active .banner--content { visibility: visible; width: 100%; max-width: 100%; }
.banner__single__content h1 { font-size: 3.45rem; text-align: center; }
.banner__single__content h5 { font-size: 1.65rem; text-align: center; }
.banner--content { bottom: calc(50% - 3rem); }

.about-img003 { display: flex; width: 100%; padding-top: 0; margin-top: 11.25rem; }
.jzg-container { width: 75.5%; position: absolute; top: 7.5rem; left: 12.25%; right: 12.25%;}
.jzg-list { display: flex; width: 100%; }
.jzg-list > ol { display: flex; flex: 0 0 100%; justify-items: flex-start; flex-wrap: wrap; }
.jzg-list > ol > li { flex: 0 0 50%; border-bottom: #fff 1px solid; padding-bottom: 3.25rem; margin-bottom: 3.25rem; }
.jzg-list > ol > li > h2 { font-size: 2.5rem; color: #fff; width: 100%; text-align: left; line-height: 1;  }
.jzg-list > ol > li > h4 { font-size: 1.25rem; color: #fff; width: 100%; text-align: left; line-height: 1;padding-top: 1rem;  }
.txt-right { text-align: right!important; }
@media only screen and (min-width: 720px) and (max-width: 1024px) {
    .jzg-container { top: 12rem; }
    .jzg-list > ol > li { flex: 0 0 100%; border-bottom: #fff 1px solid; padding-bottom: 3.25rem; margin-bottom: 3.25rem; }
    .txt-right { text-align: left!important; }
}
@media only screen and (min-width: 300px) and (max-width: 719px) {
    .jzg-list > ol > li { flex: 0 0 100%; border-bottom: #fff 1px solid; padding-bottom: 3.25rem; margin-bottom: 3.25rem; }
    .txt-right { text-align: left!important; }
}

@media only screen and (min-width: 300px) and (max-width: 1024px) {
    .aboutus-container { max-width: 90%; }
    .aboutus-title-container .aboutus-left h1 {font-size: 2.25rem;}
    .honor-list-container  { width: 90%;}
    .team-container { flex: 0 0 90%; }

    .team-content-item .team-desc { flex:0 0 100%; padding-top: 3.25rem; padding-left: 1rem; padding-right: 1rem;}
    .team-desc .team-desc-title hr { margin: 1rem 0 ; }
    .team-content-item .team-img { flex: 0 0 100%; }
    .team-desc-container { order: 2;}

    .department-container { flex: 0 0 90%; }
    .department-content-item .tedepartmentam-desc { flex:0 0 100%; padding-top: 3.25rem; padding-left: 1rem; padding-right: 1rem;}
    .department-desc .department-desc-title hr { margin: 1rem 0 ; }
    .department-content-item .department-img { flex: 0 0 100%; }
    .department-desc-container { order: 2;}
    .department-content-item .department-img { order: 1;}
    .department-content-item .department-desc { flex: 0 0 100%; padding-top: 3.25rem;}
    .partner-container { flex: 0 0 90%; }
    .partner-des-container .partner-des { flex: 0 0 100%; text-align: left; color: #666; padding-right: 0; }
    .partner-des-container .partner-num-list { flex: 0 0 100%; padding-left: 0; }
    .partner-des-container .number-list { padding: 4.25rem 0; }

    .aboutus-title-container .aboutus-left { flex: 0 0 100%; padding-bottom: 2.7rem;}
    .aboutus-title-container .aboutus-right { flex: 0 0 100%;}
    .aboutus-title-container .aboutus-left h1 { flex: 0 0 70%;  }
    .aboutus-title-container .aboutus-left span { flex: 0 0 30%; line-height: 1; align-items: center; justify-content: end;}
    .aboutus-title-container { padding: 5.2rem 0 0 0;}
    .team-desc-txt > p + p { margin-top: .3rem; }
    .team-desc .team-desc-txt { font-size: 1.625rem; padding-top: 1rem;}
    .team-desc .team-desc-title span { font-size: 1.4rem;}
    .banner__single__content h1 { font-size: 2.45rem; text-align: center; }
    .banner__single__content h5 { font-size: .8rem; text-align: center; padding-top: 1rem; }
    .banner--content { bottom: calc(35%); }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) { 
    .number-step-container { min-height: 320px; }
}

@media only screen and (min-width: 620px) and (max-width: 970px) { 
    .number-list .number-item { flex: 0 0 50%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding-left: -1rem; padding-bottom: 3rem; }
}
@media only screen and (min-width: 300px) and (max-width: 619px) { 
    .number-list .number-item { flex: 0 0 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding-left: -1rem; padding-bottom: 3rem; }
    .about-img004 { padding-top: 5.25rem;}
}
@media only screen and (min-width: 300px) and (max-width: 1424px) { 
    .about-img004 { width: 90%;}
}
@media only screen and (min-width: 300px) and (max-width: 719px) { 
    .number-step-container { padding: 3rem;}
}
.number-list { border-bottom: 1px #ccc solid; padding-bottom: 6rem;}
.xh-dec-container { padding: 6rem 0 7.25rem 0; display: flex; flex-wrap: wrap; flex: 0 0 75%; margin: 0 auto; }
.honor-banner { width: 100%; }
.honor-banner img { width: 100%; }
@media only screen and (min-width: 300px) and (max-width: 1024px) { 
    .xh-dec-container { flex: 0 0 95%; margin: 0 auto; }
}
@media only screen and (min-width: 300px) and (max-width: 789px) { 
    .xh-dec-container { padding: 7rem 0; }
    .xh-dec-title { flex: 0 0 100%; padding-bottom: 1.75rem; }
    .xh-dec-content { flex: 0 0 100%; padding-left: 0; border-left: 0; border-top: #ccc 1px solid; padding-top: 1.75rem; }
    .xh-dec-content > span { position: relative; }
}
.slick-slider { margin-bottom: 0; }