@font-face {
	font-family: 'SCDream';
	font-weight: 100;
	font-style: normal;
	src:url('../fonts/SCDream1.woff') format('woff');
}
@font-face {
	font-family: 'SCDream';
	font-weight: 200;
	font-style: normal;
	src:url('../fonts/SCDream2.woff') format('woff');
}
@font-face {
	font-family: 'SCDream';
	font-weight: 300;
	font-style: normal;
	src:url('../fonts/SCDream3.woff') format('woff');
}
@font-face {
	font-family: 'SCDream';
	font-weight: 400;
	font-style: normal;
	src:url('../fonts/SCDream4.woff') format('woff');
}
@font-face {
	font-family: 'SCDream';
	font-weight: 500;
	font-style: normal;
	src:url('../fonts/SCDream5.woff') format('woff');
}
@font-face {
	font-family: 'SCDream';
	font-weight: 600;
	font-style: normal;
	src:url('../fonts/SCDream6.woff') format('woff');
}
@font-face {
	font-family: 'SCDream';
	font-weight: 700;
	font-style: normal;
	src:url('../fonts/SCDream7.woff') format('woff');
}
@font-face {
	font-family: 'SCDream';
	font-weight: 800;
	font-style: normal;
	src:url('../fonts/SCDream8.woff') format('woff');
}
@font-face {
	font-family: 'SCDream';
	font-weight: 900;
	font-style: normal;
	src:url('../fonts/SCDream9.woff') format('woff');
}
@font-face {
	font-family: 'frutiger';
	font-weight: 700;
	font-style: normal;
	src:url('../fonts/frutiger65.woff') format('woff');
}
@font-face {
	font-family: 'frutiger';
	font-weight: 1000;
	font-style: normal;
	src:url('../fonts/frutiger87.woff') format('woff');
}
html {
  scroll-behavior: smooth;
}

body {
	font-family: 'SCDream';
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
} 
.inner {
  width: 100%;
  margin: 0 auto;
  padding: 0px 20px;
}

/* top */
.top {
  width: 100%;
  height: 95px;
  position: fixed;
  z-index: 999999999999;
  background: #fff;
}
.m-top {
  width: 100%;
  height: 95px;
  background-color: #fff;
}
.top_tt li:nth-child(1) img{padding-bottom: 5px;}
  .menu_close {
    top: 20px;
    right: 20px;
    height: 20px;
    position: absolute;
  }
.top_top .top_tt:not(.top-menu ul) {
    display: flex;
    /* justify-content: center; */
    /* align-items: flex-end; */
    /* padding-top: 30px; */
    /* margin-bottom: 37px; */
    color: #467165;
    font-family: 'SCDream';
    font-weight: 400;
    letter-spacing: 0px;
    font-size: 17px;
    height: 100%;
}
.top_top {
    width: 100%;
    position: relative;
    height: 80px;
}
.top_top .top_tt li:not(.menu_box li) {
    cursor: pointer;
    margin-top: auto;
}

.top_top .top_tt li:nth-child(3) img {
  margin-right: 10px;
}

.top_top .logo_box{
	position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
	}
.top_top .top_tt li:nth-child(2) a{
	display:block;
	}
.top_top .top_tt li:nth-child(2) a img {
    height: 50px;
}

.top_bottom{
  margin-top:32px;
  display: none;
}
.top_bottom ul {
  display: flex;
  justify-content: space-between;
  color: #467165;
  width: 100%;
  font-family: 'SCDream';    
  font-weight: 300;
  text-align: center;
}
.top_bottom ul li a {
  color: #406d60;
  font-weight: 400;
}
.top_bottom ul li:first-child a {
  float: inline-start;
}
.top_bottom ul li:last-child a {
  float: inline-end;
}
.top_bottom li {
  position: relative;
  width: 25%;
}
.top_bottom li:not(:last-child) {
}
.top_bottom li:not(:last-child)::after {
  width: 1px;
  height: 12px;
  background: #467165;
  position: absolute;
  /* content: ""; */
  display: block;
  top: 3px;
  left: 65px;
  }
  .top-menu {
    position: fixed;
    width: 60%;
    top: 0px;
    left: 0;
    height: 250px;
    background-color: #fffffff0;
    z-index: 9999;
    /* display: none; */
    /* border-top: 1px solid #406d603d; */
    padding: 10px 20px;
    display: none;
    transition: display 0.3s ease;
    height: 100%; 
  }

.top-menu.active {
  display: block;
}

.top-menu .tit {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 11px;
  padding-bottom: 10px;
}

.top-menu ul {
  width: 100%;
  padding: 0px 5px;
  position: relative;
  font-size: 16px;
  align-items: center;
  border-bottom: 1px solid #acbfb9;
  padding: 20px 0px;
}
.top-menu ul li {
  width: 60%;
}
.top-menu .menu_box .p1 a, .p2 a, .p2{color: #324e46; font-weight: 500;}
.top-menu .menu_box {
  width: 100%;
}

.top-menu ul .p2:not(:last-child) {
  margin-bottom: 10px;
}
.top-menu ul .p2:last-child {
  margin-right: 8px;
}
.top-menu ul li a{color: #527a6f;}
.top-menu ul li:not(.sub):hover {
  color: #14382e;
  font-size: 15px;
}
.top-menu ul li:not(.sub) {
  font-size: 14px;
  color: #65887e;
  margin-right: 9px;
  padding: 2px 0px;
}
.top-menu ul .sub:hover {
  font-size: 14px;
  /* font-weight: 500; */
  color: #14382e;
  
}
.top-menu ul .sub {
  margin-bottom: 8px;
  font-size: 13px;
  color: #92ada5;
  margin-left: 5px;
  padding-right: 20px;
}
.main_banner img{width: 100%;
  height: 269px;}
.main_banner {
  width: 100%;

  position: relative;
}
.main_banner .swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: auto;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  position: relative;
  padding-top: 100%;
}

.main_banner .swiper-slide img {
 width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  object-fit: cover;
}
.main_banner .txt {
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 9;
  color: #fff;
  width: 100%;
  font-family: 'SCDream';    
  
  text-align: center;
}
.main_banner .txt ul li:nth-child(1){    text-shadow: 0px 0px 2px #353535;font-size: 20px; font-weight: 400;}
.main_banner .txt ul li:nth-child(2){       text-shadow: 0px 0px 2px #353535; font-size: 25px;
  font-weight: 500;
  margin-bottom: 219px;
  margin-top: 20px;}
.main_banner .txt li a {
  color: #fff;
  border: 2px solid #fff;
  padding: 3px 18px;
  font-size: 17px;
  text-shadow: 0px 0px 11px #353535;

}

.main .content1 {
  background-image: url(../img/content_01.jpg);
  height: 850px;
  width: 100%;
  position: relative;

}
.main .content1 .txt {
  width: 100%;

}
.main .content1 ul {
  color: #fff;
  text-align: center;
  width: 100%; 
}
.main .content1 ul li:nth-child(1) {
  font-size: 25px;
  margin-bottom: 20px;
}
.main .content1 ul li:nth-child(2) {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 40px;
}
.main .content1 ul li:nth-child(3){
  width: 4px;
  height: 100px;
  margin: 0 auto;
  background: #fff;
}
.main .content1 ul li:nth-child(4) {
  margin-top: 40px;
  font-size: 25px;
  letter-spacing: -0.5px;
  margin-bottom: 20px;
  word-break: keep-all;

}
.main .content1 ul li:nth-child(4) span {
  font-weight: 600;
}
.main .content1 ul li:nth-child(5) span {
  font-weight: 600;
}
.main .content1 ul li:nth-child(5) {
  font-size: 30px;
}
.re {
  width: 100%;
  height: 1830px;
  background-color: #467165;
}
#content_2 {
  overflow: hidden;
}
.main .content2 {
  height: 430px;
  width: 100%;
  position: relative;
  transition: transform 0.3s ease; /* 애니메이션 속성 추가 */
  transform: scale(1); /* 원래 크기로 설정 */

}
.flex {
  display: flex;
  align-items: center;
  height: 100%;
}
.main .content2 .txt ul {
  font-size: 20px;
  font-family: 'SCDream';
  font-weight: 300;
  margin-bottom: 136px;
  height: 140px;
}
.main .content2 .txt ul li {
  margin-bottom: 4px;
  text-shadow: 0px 0px 11px white;
  
}
.main .content2 .txt .p1 {
  font-size: 35px;
  font-weight: 800;
  font-family: 'SCDream';
  letter-spacing: 1.5px;
  margin-bottom: 16px;
  text-shadow: 0px 0px 11px white;

}
.main .content2 .txt a {
  border: 1px solid #575756;
  padding: 3px 12px;
  font-family: 'SCDream';
  font-size: 13px;
  font-weight: 500;
}
.main .content2 .txt a:hover {
    background: #575756;
    color: #ffffff;
    transition: all 0.2s linear;
}
.main .content2-1 {
  background-image: url(../img/mainbanner_01.jpg
  );
  background-size: cover;
  background-position: center;
}
.main .content2-2 {
  background-image: url(../img/mainbanner_02.jpg);
  background-size: cover;
  background-position: center;
}
.main .content2-3 {
  background-image: url(../img/mainbanner_03.jpg);
  background-size: cover;
  background-position: center;
}
.main .content2-4 {
  background-image: url(../img/mainbanner_04.jpg);
  background-size: cover;
  background-position: center;
}
.main .content2.animate {
  transform: scale(1.03); /* 1.1배 확대 */
  transition: transform 1s ease; /* 확대 애니메이션 설정 */
}

.footer {
  width: 100%;
  padding-top: 100px;
  color: #467165;
}
.footer .footer_top ul {
  font-size: 13px;
  font-weight: 400;
  font-family: 'SCDream';    
  margin-bottom: 18px;
  display: flex;
  text-align: center;
  /* padding: 0px 482px; */

}
.footer .footer_top li {
  width: calc(100% / 3);
}
.footer .footer_top li:nth-child(2) {
}
.footer .footer_top li:nth-child(3) {
  border: none;
}
.footer .footer_top li a {
  color: #467165;
}

#mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 999999;
  background-color: rgba(0,0,0,0.6);
  display: none;
}
.service_layer {
  width: 100%;
  height: 740px;
  background: #ffffff;
  border-radius: 15px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 9999999999;
  display: none;
}
.service_layer .layer-top {
  width: 100%;
  height: 60px;
  border-bottom: 1px #e4e4e4 solid;
  font-size: 20px;
  color: #000000;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}
.service_layer .layer-top .layer_close {
  margin-left: auto;
  height: 20px;
  cursor: pointer;
}
.service_layer .layer-body {
  padding: 20px;
  overflow: auto;
  height: calc(740px - 60px);
  color: #333;
  font-size: 14px;
}
.service_layer .layer-body .cont-text p {
  font-size: 13px;
  line-height: 1.6;
}
.footer .footer_middle {
  background-color: #d9e2df;
  padding: 10px 0px;

}

.footer .footer_middle ul{
    padding: 7px 0px;
    font-size: 11px;
    font-weight: 400;
    font-family: 'SCDream';  
}
.footer .footer_middle ul li {
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: 400;
  color: #14382e;
  position:relative;
}
.footer .footer_middle ul li:nth-child(1){
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 500;
  margin-top: 4px;
}
.footer .footer_middle .bold span {
  font-weight: 500;
}
.footer .footer_middle .font-size {
  font-size: 14px;
  color: #467165;
}
.footer .eng {
  font-family: 'Frutiger', sans-serif;
  font-weight: 400 !important;
  font-size: 13px;
  
}
.footer .footer_bottom {
  /* padding: 0px 482px; */
  font-size: 14px;
  font-family: 'Frutiger', sans-serif;
  padding: 15px 0px;
}
.footer .kor {
  font-family: 'SCDream';    
  
}
/* //main / footer/ top */


/* brand */
/* brand */

.brand .category-menu {
	margin-top:70px;
	margin-bottom:65px;
  width: 100%;
	}.brand .brand_menu li.tab_active a{
    color:#ffffff;
    background:#3e665a;
    font-weight:600;
    }
.brand .brand_menu {
	display:flex;
  justify-self: center
	}

.brand .brand_menu li {
    width: calc(100% / 3);
    border: 1px #3e665a solid;
    height: 35px;
    border-right: none;
}
.brand .brand_menu li:last-child {border-right: 1px #3e665a solid;}
.brand .brand_menu li:hover a{
	color:#ffffff;
	background:#3e665a;
	font-weight:600;
	}
.brand .brand_menu li a {
    width: 100%;
    color: #3e665a;
    font-size: 14px;
    display: block;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand #brand-story {
  height: 700px;
  width: 100%;
  background-image: url(../img/brnad-storyback.jpg);
  background-size: cover;
}
.brand #brand-story .tit {
  height: 186px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 38px;
  color: #477165;
  font-weight: bold;
  position: relative;
}
.brand #brand-story .tit::after {
  position: absolute;
  content: "";
  width: 41px;
  height: 3px;
  top: 61px;
  left: 44%;
  background-color: #477165;
}

.brand #brand-story ul li:nth-child(1) {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 29px;
}
.brand #brand-story ul li:nth-child(2) {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 29px;

}
.brand #brand-story ul li:nth-child(3) {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 29px;
}
.brand #brand-story ul li:nth-child(4) {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 29px;
}
.brand #brand-story ul .li5 {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
}
.barnd_bg {
  background-image: url(../img/barand_img.png);
  background-size: 140px;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.brand #brand-story ul .li5 img{width: 60px;}
.brand #brand-story ul .li5 p {margin-right: 30px;}
.brand #content4 {
  height: 842px;
  width: 100%;
  background-image: url(../img/brand-missionback.jpg);
  display: flex;
  align-items: center;
  background-size: cover;
  padding-top: 30px;
}
.brand #content4 .tit{
	margin:0 auto;
  margin-bottom: 100px;
	}
  .brand #content4 .tit .bar {
    width: 40px;
    height: 5px;
    background: #fff;
    margin: 0 auto 28px;
}
.brand #content4 .tit p{
	font-size:38px;
	font-weight:600;
	color:#fff;
	text-align:Center;
	line-height:1;
	}
.brand #content4 .main{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}
.brand #content4 .main .main1 {
  width: calc(100% / 2);
  
}
.brand #content4 .main .main1 li:nth-child(1) img {width: 50px;}
.brand #content4 .main .main1 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.brand #content4 .main .main1 li:nth-child(1) {
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;

}
.brand #content4 .main .main1 li:nth-child(2) {
  font-size: 21px;
  font-weight: 700;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 25px;
  text-align: center;
  width: 100%;
}
.brand #content4 .main .main1 li:nth-child(3) {
font-size: 16px;
letter-spacing: -0.8px;
font-weight: 300;
color: #fff;
text-align: center;
height: 120px;
}
.brand .n-content5 {
  width: 100%;
  background-color: #d8e1e0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 40px 0px;
}
.brand .n-content5 .mission{
  color: #487065;
  font-size: 16px;
  letter-spacing: -0.5px;
  font-weight: 400;
}
.brand .n-content5 .mission li{margin-bottom: 18px;}
@media only screen and (max-width: 767px) {
  .brand .n-content5 .mission li br{
    display:none !important;
  }

}
.b-txt3 {
  font-weight: 400 !important;
}

.brand .n-content5 .mission span{
  font-weight: bold;
}

.brand .n-content5 .mission .txt{
    margin-top: 20px;
    margin-bottom: 40px;
}
.brand .n-content5 .mission .cicle{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #487065;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  /* margin-right: 15px; */
  margin: auto;
}
.brand .n-content5 .vision {
  margin-top: 65px;
}

.brand .content1 {
  background-image: url(../img/brand-mainback.jpg);
  background-size: cover;
  height: 858px;

  width: 100%;
  position: relative;

}
.brand .content1 .txt {
  width: 100%;

}
.brand .content1 ul {

  color: #fff;
  text-align: center;
  width: 100%;
  font-family: 'SCDream';    

  /* transform: translateY(50%) */
}
.brand .content1 ul li:nth-child(1) {
  font-size: 30px;
  margin-bottom: 20px;
}
.brand .content1 ul li:nth-child(2) {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 40px;
}
.brand .content1 ul li:nth-child(3){
  width: 4px;
  height: 100px;
  margin: 0 auto;
  background: #fff;
}
.brand .content1 ul li:nth-child(4) {
  margin-top: 40px;
  font-size: 40px;
  margin-bottom: 20px;

}
.brand .content1 ul li:nth-child(4) span {
  font-weight: 600;
}
.brand .content1 ul li:nth-child(5) span {
  font-weight: 600;
}
.brand .content1 ul li:nth-child(5) {
  font-size: 40px;
}
.brand .content2{
  background: #d9e2df;
  height: 1694px;
  width: 100%;
}
.brand .content2{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.brand .content2 .box_1 img {
  padding: 47px 172px;
  border: 2px solid #487065;
  /* height: 92px; */
  width: 690px;
  height: 190px;
}
.brand .content2 .content2_1 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 78px;
}
.brand .content2 .content2_1 .img-box {
  width: 220px;
  height: 220px;
  margin: auto;
  background-color: #487065;
  border-radius: 100%;
  /* padding: 0px; */
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.brand .content2 .content2_1 img {
  /* width: 125px; */
  height: 125px;
  text-align: center;
}
.brand .content2 .content2_1 .t1 {
  width: 50%;
  text-align: center;
}
.brand .content2 .content2_1 .t1 p {
  /* width: 50%; */
  text-align: center;
  font-size: 36px;
  color: #487065;
  font-family: 'SCDream';  
  margin-bottom: 110px;   
  font-weight: 500;

}
.brand .content2 .content2_1 .t1 .p1 {
  /* width: 50%; */
  text-align: center;
  font-size: 42px;
  color: #487065;
  font-weight: 700;
  font-family: 'Frutiger', sans-serif;
  margin-top: 40px;
  margin-bottom: 10px;
}

.brand #content3 .tit {
  height: 186px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 38px;
  color: #477165;
  font-weight: bold;
  position: relative;
}
.brand #content3 .tit::after {
  position: absolute;
  content: "";
  width: 41px;
  height: 3px;
  top: 61px;
  left: 44%;
  background-color: #477165;
}
.brand #content3 .date {
  color: #487166;
  font-weight: 600;
  margin-bottom: 10px;
  margin-left: 27px;
  position: relative;
  font-size: 20px;
}
.brand #content3 .date::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  top: 11px;
  left: -24px;
  position: absolute;
  background-color: #487166;
}
.brand #content3 .date::before {
  content: "";
  width: 38px;
  height: 2px;
  top: 14px;
  position: absolute;
  background-color: #487166;
  left: -61px;
}
.brand #content3 .htr li::marker {
  color: #487166;
}
.brand #content3 .htr .le li {
  list-style: disc;
  color: #000;
  word-break: keep-all;
  margin-bottom: 10px;
}
.brand #content3 .htr .ri2 li {
  list-style: disc;
  color: #000;
  word-break: keep-all;
  margin-bottom: 10px;
}
.brand #content3 .circle {
  height: 200px;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.brand #content3 img {display: none;}
/* .brand #content3 .circle p::after {
  width: 125px;
  height: 2px;
  background-color: #487065;
  content: "";
  top: 50%;
  right: 107px;
  position: absolute;
} */
.brand #content3 .circle p::before {
  width: 2px;
    height: 934px;
    background-color: #487065;
    content: "";
    top: 50%;
    position: absolute;
}
.brand #content3 .htr span {font-weight: bold;}
.brand #content3 .htr .le {
  padding-left: 26px;
}

#content3 .htr  { padding-left: 69px;}
.htr .ri2 {
  padding-left: 26px;
}
.brand #content3 .circle p {
  width: 120px;
  height: 120px;
  background-color: #487065;
  border-radius: 100%;
  /* padding: 0px; */
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  color: #fff;
  font-size: 23px;
  font-weight: 700;
  font-family: 'Frutiger', sans-serif;
  border: 10px solid #639387;
  position: relative;
}

.brand .content1 {
  background-image: url(../img/brnad_main.jpg);
  width: 100%;
  height: 858px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brand .content1 ul {
  text-align: center;
  color: #fff;

  font-family: 'SCDream';       
}
.brand .content1 ul li:nth-child(1){
  font-size: 25px;
  font-family: 'SCDream';     
  font-weight: 200;
  margin-bottom: 10px;
}
.brand .content1 ul li:nth-child(2){
  font-size: 27px;
  margin-bottom: 65px;

  font-family: 'SCDream';      
  font-weight: 500;    
}
.brand .content1 ul li:nth-child(3){
  font-size: 25px;
  font-weight: 200;
  margin-bottom: 10px;

}
.brand .content1 ul li:nth-child(4){
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 10px;
  letter-spacing: -2.8px;
}
.brand .content1 ul li .bold{
  font-weight: 500;
}
.brand .content1 ul li:nth-child(5){
  font-size: 30px;
  font-weight: 200;

}
.brand .content2{
  background: #d9e2df;
  height: 900px;
  width: 100%;
}
.brand .content2{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.brand .content2 .box_1 img {
  padding: 20px 47px;
  border: 2px solid #487065;
  /* height: 92px; */
  width: 281px;
  height: 100%;
}
.brand .content2 .content2_1 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 78px;
}
.brand .content2 .content2_1 .img-box {
  width: 100px;
  height: 100px;
  margin: auto;
  background-color: #487065;
  border-radius: 100%;
  /* padding: 0px; */
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.brand .content2 .content2_1 img {
  /* width: 125px; */
  height: 57px;
  text-align: center;
}
.brand .content2 .content2_1 .t1 {
  width: 50%;
  text-align: center;
  margin-bottom: 41px;
}
.brand .content2 .content2_1 .t1 p {
  text-align: center;
  font-size: 17px;
  color: #487065;
  font-family: 'SCDream';
  font-weight: 400;
  margin-top: 20px;
}
.brand .content2 .content2_1 .t1 .p1 {
    /* width: 50%; */
    text-align: center;
    font-size: 21px;
    color: #487065;
    font-weight: 700;
    font-family: 'Frutiger', sans-serif;
    /* margin-top: 40px; */
    /* margin-bottom: 10px; */
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand .content3 {
  width: 100%;
  background-color: #fff;
}
.brand .content3 .circle {
  height: 604px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;

}
.brand .content3 .circle  p {
  width: 100px;
  height: 100px;
  margin: auto;
  background-color: #487065;
  border-radius: 100%;
  /* padding: 0px; */
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  font-family: 'Frutiger', sans-serif;
}
.brand .content3 .circle::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 271px;
  top: 58%;
  left: 50%;
  background-color: #3a655a;
}
.brand .content3 .htr {
  display: flex;
  width: 100%;
}
.brand .content3 .htr1 {
  height: 310px;
  width: 100%;
}
.brand .content3 .htr .le ul {
  display: inline-grid;
  padding-left: 7px;
  padding-top: 20px;
}
.brand .content3 .htr .le li  {
  list-style: disc;
  color: #3c3a3b;
  margin-bottom: 10px;
  
}
.brand .content3 .htr span {
  font-weight: 600;
}
.brand .content3 .htr .le .date {
  color: #487166;
  font-weight: 600;
    position: relative;
    font-size: 20px;
}
.brand .content3 .htr .le .date::after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 100%;
  top: 8px;
  right: 93px;
  position: absolute;
  background-color: #487166;
}
.brand .content3 .htr .le .date::before {
  content: "";
  width: 100px;
  height: 2px;
  top: 13px;
  position: absolute;
  background-color: #487166;
  /* right: -159px; */
  right: 0;}

.brand .content3 .htr .le {
  width: 50%;
  font-size: 14px;
  font-weight: 300;

  }
  .brand .content3 .htr .ri::after {
    content: "";
    width: 15px;
    height: 15px;
    top: 4px;
    left: -10px;
    position: absolute;
    background-color: #fff;
    border: 2px solid #487166;
    border-radius: 100%;
}
.brand .content3 .htr3 .ri2::after {
  content: "";
  width: 25px;
  height: 25px;
  top: 7px;
  left: -16px;
  position: absolute;
  background-color: #fff;
  border: 3px solid #487166;
  border-radius: 100%;
}
.brand .content3 .htr .ri {
  width: 50%;
  position: relative;
  float: right;
  border-left: 2px solid #3a655a;
}
.brand .content3 .htr .ri img {
  float: right;
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translate(-50%,-50%);
  height: 95px;
}
.brand .content3 .htr2 {
  height: 329px;
  position: relative;
}
.brand .content3 .htr2 .ri3 img {
    float: right;
    position: absolute;
    top: 81%;
    left: 53%;
    transform: translate(-50%,-50%);
  height: 95px;

}
.brand .content3 .htr3 .ri2 {
  width: 50%;
  position: relative;
  font-size: 14px;
  font-weight: 300;
  border-left: 2px solid #3a655a;
  letter-spacing: -1.5px;
}
.brand .content3 .htr3 .ri2 .date {
  color: #487166;
  font-weight: 600;
  margin-bottom: 10px;
  position: relative;
  margin-left: 43px;
  font-size: 20px;
}
.brand .content3 .htr3 .ri2 ul {
  padding-top: 30px;
  padding-left: 31px;
}
.brand .content3 .htr3 .ri2 li {
  list-style: disc;
  color: #000;
  word-break: keep-all;
  margin-bottom: 10px;
}
.brand .content3 .htr3 .le2 {
  width: 50%;
  position: relative;
  /* margin-right: auto; */
  float: left;
}
.brand .content3 .htr3 {
  height: 400px;
}
.brand .content3 .htr li::marker {
  color: #487166;
}

.brand .content3 .htr3 .le2 img{
  float: right;
  position: absolute;
  top: 81%;
  left: 47%;
  transform: translate(-50%,-50%);
  height: 95px;

}
.brand .content3 .htr3 .ri2::after {
  content: "";
  width: 15px;
  height: 15px;
  top: 6px;
  left: -11px;
  position: absolute;
  background-color: #fff;
  border: 2px solid #487166;
  border-radius: 100%;
}
.brand .content3 .htr3 .ri2 .date::before {
  content: "";
  width: 32px;
  height: 2px;
  top: 14px;
  position: absolute;
  background-color: #487166;
  left: -53px;
}
.brand .content3 .htr3 .ri2 .date::after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 100%;
  top: 9px;
  left: -25px;
  position: absolute;
  background-color: #487166;
}
.brand .content3 .htr4 {
  height: 500px;
}
.brand .content3 .htr5 {
  height: 466px;
  position: relative;
}
.brand .content3 .htr4 .le2 img {
  float: right;
  position: absolute;
  left: 47%;
  transform: translate(-50%,-50%);
  height: 95px;

}
.brand .content3 .htr5 .ri2::after {
  content: "";
  width: 15px;
  height: 15px;
  top: 100%;
  position: absolute;
  background-color: #467066;
  border: 2px solid #487166;
  border-radius: 100%;
  bottom: 0;
}






/* kit */
.kit .content1 {
  background-image: url(../img/diy_main.jpg);

  text-align: center;
  margin: 0 auto;
  font-size: 25px;
  letter-spacing: -2px;
  width: 100%;
  height: 465px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  margin-bottom: 20px;
}
.kit .content1 ul {
  text-align: center;
}
.kit .content1 ul li:nth-child(1) {
  font-size: 30px;
  font-family: 'Frutiger', sans-serif;
  font-weight: 700;
  margin-bottom: 35px;
  letter-spacing: 3px;
  color: #fff;
}
.kit .content1 ul li:nth-child(3) {
  font-size: 25px;
  /* font-family: 'Frutiger', sans-serif; */
  font-weight: 700;
  /* margin-bottom: 20px; */
  /* letter-spacing: 3px; */
  color: #fff;
}
.kit .content1 ul li:nth-child(2) {
  font-size: 25px;
  font-weight: 300;
  margin-bottom: 10px;
  /* letter-spacing: 3px; */
  color: #fff;
}


.kit #product_area {padding-bottom:100px;}
.kit #product_area .txt2 {
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}


.kit .category-menu {
	margin-top:70px;
	margin-bottom:65px;
	}

.kit .kit_menu {
	display:flex;
	}

.kit .kit_menu li {
    width: calc(100% / 3);
    border: 1px #3e665a solid;
    height: 35px;
    border-right: none;
}
.kit .kit_menu li:last-child {border-right: 1px #3e665a solid;}
.kit .kit_menu li.tab_active a{
	color:#ffffff;
	background:#3e665a;
	font-weight:600;
	}
.kit .kit_menu li a {
    width: 100%;
    color: #3e665a;
    font-size: 14px;
    display: block;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kit #product_area .product_list {
	overflow:hidden;
	}
.kit #product_area .product_list .product_box{
	display:flex;
	flex-wrap:wrap;
  justify-content: space-between;
	}
.kit .item01 {
  box-sizing: border-box;
  width: calc((100% / 2 ) - 10px);
  margin-bottom: 20px;
  position: relative;
}
.kit .item01 .n_order{
width: 100%;
height: 40px;
background-color: #346156;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 0;
}
.kit #product_area .product_list .product_box .item01:nth-child(4n-4) {margin-right:0px;}
.kit #product_area .product_list .product_box .item01 .imgbox {
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.kit #product_area .product_list .product_box .item01 .imgbox img{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	}
.kit #product_area .product_list .product_box .item01 .txt {
    font-size: 15px;
    font-weight: 400;
    color: #467066;
    line-height: 1;
    padding: 25px 0px 60px;
    text-align: Center;
}
.kit #product_area .product_list .product_box .item01:hover .buy_link{display:block;transition: all 5s linear;}
.kit #product_area .product_list .product_box .item01 .buy_link {
    display:none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0px;
    left: 0px;
}
.kit #product_area .product_list .product_box .item01 .buy_link a {
  display: block;
  border: 1px #ffffff solid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #ffffff;
  font-size: 17px;
  padding: 6px 4px;
  width: 80%;
  text-align: center;
}
.kit .tab-content{
  display: none;
}
 
.kit .tab-content.current{
  display: inherit;
}
.kit .view img {
    margin: 0 auto;
    display: table;
    width: 100%;
}
.kit .back_btn {
    width: 155px;
    height: 50px;
    border: 1px #346156 solid;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 20px;
}
.kit .link_btn{
  width: 100%;
  /* max-width: 780px; */
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 20px;
  
}
.kit .link_btn a{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
  background: #346156;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  height: 50px;
  line-height: 50px;
}
.kit .link_btn a.soldout{
  background: #d2d2d2;
}
.kit .link_btn a.soldout:hover{
  background: #346156;
  transition: all 0.2s linear;
}
.kit .link_btn a .imgbox{
  width: 8px;
  rotate: 180deg;
}
.kit .link_btn a .imgbox img{
  width: 100%;
  filter: brightness(0) invert(1);
}
.kit .back_btn a {
    display: block;
    width: 100%;
    color: #346156;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    height: 50px;
    line-height: 50px;
}
.kit .back_btn a:hover {
    background: #346156;
    color: #ffffff;
    transition: all 0.2s linear;
}
/* program */
.pro-content1 ul {
  text-align: center;
}
.pro-content1 ul li {
  text-shadow: 0px 0px 11px white;

}
.pro-content1 ul li span {
  font-weight: 700;
}
.pro-content1 ul li:last-child{margin-bottom: 0px;}
.pro-content1 ul li{
  font-size: 25px;
  margin-bottom: 20px;
  font-weight: 300;
  word-break: keep-all;
}
.pro-content1 {
  background-image: url(../img/program_mainimg.jpg);
  /* width: 100%; */
  /* height: 750px; */
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  text-align: center;
  margin: 0 auto;
  font-size: 25px;
  letter-spacing: -2px;
  width: 100%;
  height: 465px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}

#program_area {padding-top:115px;padding-bottom:115px;overflow:hidden;}
#program_area .img01{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: 7px;
}
#program_area .item01{overflow:hidden;margin-bottom:20px;}
#program_area .item01 .box01{
float:left;
width:100%;
margin-right:20px;
}
#program_area .item01 .box02 {
	width:100%;
	float:right;
	position:relative;
	}
#program_area .item01 .box02 .txt{
	font-size:24px;
	color:#ffffff;
	font-weight:700;
	position:absolute;
	top:35px;
	right:35px;
	}

#program_area .item02{overflow:hidden;margin-bottom:20px;margin-bottom: 20px;}
#program_area .item02 .box01{
	float:left;
	position:relative;
	width:100%;
	margin-right:20px;
	}
#program_area .item02 .box01 .txt{
	font-size:24px;
	color:#ffffff;
	font-weight:700;
	position:absolute;
	bottom:35px;
	left:35px;
	}
#program_area .item02 .box02 {
	width:100%;
	float:right;
	position:relative;
	}
#program_area .item03{margin-bottom:140px; }
#program_area .link_box {
    width: 100%;
    border: 1px #346156 solid;
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 0 auto;
}
#program_area .link_box a {
    display: block;
    width: 100%;
    color: #346156;
    font-size: 12px;
    letter-spacing: -0.8px;
    font-weight: 400;
    text-align: center;
    height: 40px;
    line-height: 40px;
}
#program_area .link_box a:hover {background:#346156;color:#ffffff;transition: all 0.2s linear;}

/* b2b */

.b2b-content1 {
  background-image: url(../img/b2b_mainimg.jpg);

  text-align: center;
  margin: 0 auto;
  font-size: 25px;
  letter-spacing: -2px;
  width: 100%;
  height: 465px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.b2b-content1 ul {
  text-align: center;
}
.b2b-content1 ul li {
  text-shadow: 0px 0px 11px white;
  font-weight: 300;
}
.b2b-content1 ul li span {
  font-weight: 700;
}
.b2b-content1 ul li:last-child{margin-bottom: 0px;}
.b2b-content1 ul li{
  font-size: 25px;
  margin-bottom: 20px;
  letter-spacing: -1.5px;
}



#b2b_area {overflow:hidden;}
#b2b_area .logo_ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#b2b_area .logo_ul li {
  width: calc((100% / 2) - 20px);
    /* float: left; */
    /* text-align: center; */
    margin-right: 20px;
}
#b2b_area .logo_ul li:nth-child(4n-4) {margin-right:0px;}
#b2b_area .logo_ul li img{width:100%;}


/* service */

.service  {width: 100%;}
.service .content1 {
  background-image: url(../img/service_main.jpg);
  text-align: center;
  margin: 0 auto;
  font-size: 25px;
  letter-spacing: -2px;
  width: 100%;
  height: 465px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  text-shadow: 0 0 8px white;
  background-repeat: no-repeat;
  background-position: left;
}
.service .content1 .p2 {
  font-weight: 700;
  margin-top: 10px;
}
.service .service_content .service_1 .p3{
  border-bottom: 2px solid #406c62;
  font-size: 21px;
  font-weight: 600;
  /* margin-top: 55px; */
  padding: 25px 0;
  color: #406c62;
}
.flex2 {
  display: flex;
  margin-top: 36px;
  align-items: center;
  width: 100%;
}
.flex2 p {
  color: #758f87;
}
.flex3{ 
  display: flex;
  align-items: center;
  width: 100%;
}
.flex2 .p2{
  justify-content: center;
}
.service .service_main .flex2 {display: block; }
.service .service_main {
  /* display: flex; */
  width: 100%;
  height: 246px;
}
.service .service_main .txt p{
  height: 140px;
  padding: 16px 20px;
  overflow: auto;
}
.service .service_main .txt{
  height: 136px;
  width: 100%;
  justify-content: center;
  align-items: center;
  /* padding: 20px 0px; */
  background-color: #d9e2df;
  overflow: auto;
  margin-top: 10px;
}
.bt {
  display: flex;
  float: right;
  list-style: none;
  margin-top: 16px;
  margin-bottom: 24px;
  color: #467066;
}

.checkBtn input {
  float: right;
  /* margin-right: 10px; */
  width: 15px;
  height: 15px;
  margin-top: 2px;
  margin-left: 20px;
  accent-color: #406c62;
}
.service_2 {
  width: 100%;
  display: flex;
  border-bottom: 2px solid #406c62;
  align-items: center;
}
.service_2 p {
  width: 40%;
  font-size: 14px;
  color: #467066;
  font-weight: 500;
  margin-top: 10px;
}
.service_2 label {width: 100%;}
.service_txt {
  border-bottom: 2px solid #406c62;
  height: 302px;
  width: 100%;
}
.service_2 input {
  width: 100%;
  height: 43px;
  /* float: right; */
  padding: 7px;
  font-size: 15px;
  background-color: #fff;
  border: none;
  font-family: 'SCDream';
}
.service_2 input:focus {
  outline: none;
}
.service_txt p {
    margin-top: 22px;
    color: #467066;
    font-size: 15px;
    font-weight: 500;
}
.service_txt .svc_ip {
  width: 90%;
  height: 97px;
  float: right;
  padding: 20px;
  font-size: 17px;
  /* background-color: #fff; */
  border: none;
  font-family: 'SCDream';   
  color: #467066;

}
.service_txt .svc_ip2 {
  height: 265px;
  width: 100%;
  margin-top: 10px;
  padding: 0;
}
.service_txt .svc_ip:focus {
  outline: none;
}
.ok {
    display: flex;
    text-align: center;
    justify-content: center;
    margin-top: 100px;
    cursor: pointer;
    margin: 100px auto 0px;
    border: none;
}
.ok p {
  color: #fff;
  background-color: #467066;
  width: 78px;
  height: 35px;
  display: flex;
  font-size: 18px;
  justify-content: center;
  line-height: 35px;
}


/*  */
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url(../img/left_bt.png) !important;
  left: 10px !important;
  right: auto;
  /* width: 100%; */
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 40px !important;
  height: 40px !important;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 40px 40px !important;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url(../img/right_bt.png) !important;
  right: 10px !important;
  left: auto;
}
a.tBt {
  position: fixed;
  right: 15px;
  bottom: 60px;
  display: none;
  z-index: 999999;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  overflow: hidden;
  color: #bbb;
  border: 1px solid #bbb;
  background-color: rgba(255, 255, 255, .5);
  font-size: 12px;
  padding: 8px 5px;
}
a.topBt img{
  width: 100%;
}
a.bookBt {
  position: fixed;
  right: 15px;
  bottom: 130px;
  display: none;
  z-index: 999999;
  width: 60px;
  height: 60px;
  color: #fff;
  justify-content: center;
  font-size: 12px;
  float: left;
  clear: both;
  padding: 12px 5px;
  background-color: #588370;
  border-radius: 5px;
}
.topBt .tt{
  text-align: center;
}
.topBt .imgbox{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}
.tBt .imgbox img{
  width: 10px;
  transform: rotate(90deg);
  filter: brightness(1) invert(1);
  opacity: 30%;
}
.bookBt .imgbox img{
  width: 20px;
  filter: brightness(0) invert(1);
}

/* map */

.map_top {
  width: 100%;
  margin-bottom: 60px;
  padding: 20px 0px;
  border-bottom: 1px solid #406d60;
}
.map_top a {
  color: #406d60;

}
.map_top p {
  width: 100%;
  font-size: 30px;
  text-align: center;
  margin-bottom: 30px;
  color: #406d60;
}
.map_top ul {
  display: flex;
  width: 100%;
  text-align: center;
  font-size: 17px;
}
.map_top ul li {
  width: calc(100% / 3);
}
.map_main {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 500px;
}
.map_main .main_box {
  width: calc((100% / 2) - 10px );

}
.map_main p {
  font-size: 22px;
  color: #406d60;
  margin-bottom: 20px;
  padding: 10px 0px;
  border-bottom: 2px solid #406d60;

}
.map_main ul li  {margin-bottom: 10px;}
.map_main ul li a {
  margin-bottom: 4px;
  color: #6b968a;
  list-style: none;
}

.map_main ul li a:hover {
  margin-bottom: 4px;
  color: #406d60;

}


/* new */
/* * new content03* */
.n-content3 {
  padding: 70px 0px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.n-content3 .tit ul li img{width: 50px;}
.n-content3 .tit ul li:nth-child(2){font-size: 24px; font-weight: 400; padding: 0px 40px;}
.n-content3 .tit ul li:nth-child(2) span {font-size: 24px; font-weight: bold;}
.n-content3 .tit ul li:nth-child(3) {margin-top: auto;}
.n-content3 .tit ul{
  display: flex;
  text-align: center;
  justify-content: center;
}
.n-content3 .tit ul h2{ display: flex; width: 100%;}
.n-content3 .tit ul{ display: flex; width: 100%;}
.n-content3 .main{display: flex; width: 100%; margin-top: 90px;}
.n-content3 .main1{width: calc(100% / 3);
  margin: auto; text-align: center;}
.n-content3 .main1 ul li:nth-child(1){font-size: 20px;
  font-weight: 800;
  color: #3B8370;
}

.n-content3 .main2 ul li:nth-child(1){font-size: 20px;
  font-weight: 800;
  color: #C15807;

}

.n-content3 .main3 ul li:nth-child(1){font-size: 20px;
  font-weight: 800;
  color: #E22D38;
}
.n-content3 .main1 ul li:nth-child(3){font-size: 15px;
  font-weight: 800;
  color: #3B8370;
}

.n-content3 .main ul li img{max-width: 50px; max-height: 50px;}
.n-content3 .main2 ul li:nth-child(3){font-size: 15px;
  font-weight: 800;
  color: #C15807;

}

.n-content3 .main3 ul li:nth-child(3){font-size: 15px;
  font-weight: 800;
  color: #E22D38;
}
.n-content3 .main1 ul li:nth-child(2){margin-top: 30px;
margin-bottom: 40px;
height: 55px;}

.n-content3 .main1 ul li:nth-child(4){font-size: 13px;
  letter-spacing: -0.8px;
  color: rgb(97, 97, 97);
  font-weight: 300;
margin-top: 30px;
height: 120px;
padding: 0px 10px;
display: flex;
text-align: center;
align-items: center;
word-break: keep-all;}


/* // * new content03* */
@media only screen and (max-width: 767px) {

  .n-content3 .main1 ul li:nth-child(4) br
    {
    display:none !important;
  }

}
/*  * new content4* */
.n-content4 {
  width: 100%;
  height: 90px;
  background-image: url(../img/kit-back.jpg);
  background-size: cover;
}
/* // * new content4* */
/* * new content5* */
.main .n-content5 {
  padding: 70px 0px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.main .n-content5 img {width: 100%;
}
.main .n-content5 .txt li span{
  font-weight: 800;
}
.main .n-content5 .txt li:nth-child(1){
  font-size: 28px;
  margin-bottom: 55px;
  margin-top: 120px;
}
.main .n-content5 .txt li:nth-child(2){
  font-size: 15px;
  font-weight: 300;
  line-height: 43px;
}

/* // * new content5* */
/* * new content6* */
.content6  {width: 100%;}
.content6 .tit {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 140px;
  font-size: 15px;
  font-weight: 300;
  line-height: 45px;
  letter-spacing: -0.5px;
}
.content6 p span {font-weight: 600;}

/* // * new content6* */
/* *new content02* */

#content-Area .table_head {
  display: flex;
  width: 100%;
  height: 33px;
  background-color: #467066;
  color: #fff;
  margin-top: 13px;
}
#content-Area .table_head ul {
  display: flex;
  text-align: center;
  width: 100%;
  height: 33px;
  background-color: #467066;
  color: #fff;
  font-size: 14px;
}
#content-Area .table_head ul li:nth-child(1) {
  width: 40px;
  border-right: 2px solid #b6bbb6;
  display: flex;
  align-items: center;
  justify-content: center;
}
#content-Area .table_head ul li:nth-child(2) {
  width: calc(100% - 120px);
  display: flex;
  align-items: center;
  justify-content: center;
}
#content-Area .table_head ul li:nth-child(3) {
  width: 70px;
  border-left: 2px solid #b6bbb6;
  display: flex;
  align-items: center;
  justify-content: center;
}
#content-Area .table_main {
  width: 100%;
  background-color: #ffffff;
  color: #467066;
  border-bottom: 1px solid #467066;

}
#content-Area .table_main ul li span {font-weight: bold;}
#content-Area .table_main ul {
  height: 60px;
  display: flex;
  width: 100%;
  font-weight: 300;
}
#content-Area .table_main ul li:nth-child(1) {
  width: 40px;
  border-right: 2px solid #b6bbb6;
  display: flex;
  align-items: center;
  justify-content: center;

}
#content-Area .table_main ul li:nth-child(2) {
  width: calc(100% - 120px);
  align-items: center;
  padding-left: 7px;
  padding: 0px 8px;
  overflow: auto;
  line-height: 25px;
  display: flex;
  flex-wrap: wrap;
}
#content-Area .table_main ul li:nth-child(3) {
  width: 80px;
  border-left: 2px solid #b6bbb6;
  display: flex;
  align-items: center;
  justify-content: center;
}




.n-content2{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #d8e0e0;
  color: #477165; 
  letter-spacing: 0.8px;
  font-size: 18px;
  font-weight: bold;
  padding: 50px 0px;
}
.n-content2 span{font-weight: bold;}
.n-content2 .p1{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 60px;
}
.n-content2 .p2{
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 60px;
  line-height: 30px;
  word-break: keep-all;
}
@media only screen and (max-width: 767px) {

  .n-content2 .p2 br{
    display:none !important;
  }

}
.content1 .txt li a {
  color: #fff;
  border: 2px solid #fff;
  padding: 3px 18px;
  font-size: 17px;
  text-shadow: 0px 0px 11px #353535;

}
/* // * new content02* */
/* style2 */
#program_area .title {
	font-size:21px;
	color:#1c1c1b;
	text-align:center;
	line-height:1.5;
	margin-bottom:65px;
  
	}
#program_area .title span{
	font-weight:700;
	font-size:21px;
	}
#program_area .content{
    justify-content: space-between;
	}
#program_area .content .item01{
	height:240px;
	position:relative;
	display:flex;
	align-items:center;
	justify-content: center;
	flex-direction: column;
	}
#program_area .content .item01 .txt {
    font-size: 32px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1;
    text-shadow: 0px 1px 7px black;
		text-align: center;
		line-height: 50px;
}
#program_area .content .item01 .txt a {color:#ffffff;}
#program_area .content .item01 .txt1 {margin-bottom:12px;}
#program_area .content .bg01{
	background:url(../img/program_01_off.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	}
#program_area .content .bg02{
	background:url(../img/program_02_off.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	}
#program_area .content .bg03{
	background:url(../img/program_03_off.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	}


.program #content-Area{
	padding-top:72px;
	overflow:hidden;
	}
.program #content-Area .titleArea{
	margin:0 auto;
	}
.program #content-Area .titleArea .bar {
    width: 40px;
    height: 3px;
    background: #467066;
    margin: 0 auto 28px;
}
.program #content-Area .titleArea .title{
	font-size:24px;
	font-weight:600;
	color:#467066;
	text-align:Center;
	line-height:1;
	}
.program .categoryArea{margin-top:65px;margin-bottom:70px;}
.categoryArea {
	display:flex;
	align-items:center;
	justify-content: center;
	}
.categoryArea .tab_ul{
	display:flex;
  flex-wrap: wrap;
  width:100%;
  border: 1px solid #3e665a;

	}
.categoryArea .tab_ul li {
    width: calc(100% / 3);
    height: 35px;
    border-right: none;
}
.categoryArea .line2 li {
    width: calc(100% / 2) !important;
}
.categoryArea .line3 li {
    width: calc(100% / 3) !important;
}
.categoryArea .line5 li {
    width: 100% !important;
}
.categoryArea .tab_ul li a {
    width: 100%;
    color: #3e665a;
    font-size: 14px;
    display: block;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.categoryArea .tab_ul li {
}
.categoryArea .tab_ul li {
}
.categoryArea .tab_ul li:first-child {
    border-top: 1px #3e665a solid;
}
.categoryArea .tab_ul li.tab_active a {
    color: #ffffff;
    background: #3e665a;
}

.link_box_area {
    display: flex;
    justify-content: center;
	margin-top:80px;
}
.link_box_area .link_box:first-child{margin-right:50px;}


.program #content-Area #content01 {overflow:hidden;}
.program #content-Area .htxt {
    overflow: hidden;
    font-size: 20px;
    font-weight: 800;
    color: #467066;
    text-align: Center;
    line-height: 1;
    margin-bottom: 18px;
}
.program #content-Area .stxt {
    width: 100%;
    padding-top:20px;
	padding-bottom:20px;
    background: #d9e2df;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom:33px;
}
.program #content-Area .stxt p{
  font-size: 14px;
  font-weight: 400;
  color: #477065;
  text-align: Center;
  padding: 0px 10px;
  line-height: 1.7;
	}
.program #content-Area .itemArea{
	overflow:hidden;
	}
.program #content-Area .itemArea .item01 {
    overflow: hidden;
    align-items: flex-start;
	border-bottom: 1px #b7b7b7 solid;
	padding-bottom:20px;
	margin-bottom:20px;
}
.program #content-Area .itemArea .itemTitle{
	width:80px;
	height:80px;
	border-radius:50%;
	background:#467066;
	display: flex;
    align-items: center;
    justify-content: center;
  margin: auto;
  margin-bottom: 30px;
	}
.program #content-Area .itemArea .itemTitle .txt{
	font-size:18px;
	font-weight:800;
	color:#ffffff;
	text-align:center;
	}
.program #content-Area .itemArea .txtForm {
    width: 100%;
}
.program #content-Area .itemArea .txtForm01 .ul_txt > li {
  color: #1c1c1b;
  font-weight: 300;
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 10px;
}
.program #content-Area .itemArea .txtForm01 .ul_txt > li::after {
	content:'';
	width:3px;
	height:3px;
	background:#457164;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:0px;
	}
.program #content-Area .itemArea .txtForm01 .ul_txt li:last-child {margin-bottom:0px; line-height: 1.5;}
.program #content-Area .itemArea .txtForm01 .ul_txt li span{
	font-weight:600;
	}


.program #content-Area .itemArea .txtForm02 .left_txtA .txtbox{
 }
.program #content-Area .itemArea .txtForm02 .left_txtA{
	width:100%;
	float:left;
	}
.program #content-Area .itemArea .txtForm02 .left_txtA .txtbox .p_1{
	font-weight:700;
	color:#477065;
	font-size:16px;
	line-height:1;
	}
.program #content-Area .itemArea .txtForm02 .left_txtC{
	width:100%;
	float:left;
	}
.program #content-Area .itemArea .txtForm02 .left_txtC .txtbox .p_1{
	font-weight:700;
	color:#477065;
	font-size:16px;
	line-height:1;
	}
.program #content-Area .itemArea .txtForm02 .ul_txt {
  margin-bottom: 25px;
}
.program #content-Area .itemArea .txtForm02 .ul_txt > li {
    color: #1c1c1b;
    font-weight: 300;
    line-height: 1;
    font-size: 15px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 10px;
}
.program #content-Area .itemArea .txtForm02 .ul_txt > li::after {
	content:'';
	width:3px;
	height:3px;
	background:#457164;
	border-radius:50%;
	position:absolute;
	top:6px;
	left:0px;
	}
.program #content-Area .itemArea .txtForm02 .ul_txt li:last-child {margin-bottom:0px;}
.program #content-Area .itemArea .txtForm01 .smail_ul > li {
    color: #1c1c1b;
    font-weight: 300;
    line-height: 1;
    font-size: 15px;
    margin-bottom: 10px;
    position: relative;
	padding-left: 10px;
}
.program #content-Area .itemArea .txtForm02 .smail_ul > li {
    color: #1c1c1b;
    font-weight: 300;
    line-height: 1.5;
    font-size: 15px;
    margin-bottom: 10px;
    position: relative;
}
.p_mb10 {margin-bottom:10px;}
.p_mb12 {margin-bottom:12px;}
.p_mt10 {margin-top:10px;}
.p_mt25 {margin-top:25px;}

.br_no {border-bottom:none !important;}

.program #content02 {margin-top:65px;}
.program #content03 {margin-top:65px;}
.program #content04 {margin-top:65px;}
.program #content05 {margin-top:65px;}
.program #content06 {margin-top:65px;}
.flex_wrap {
	display: flex;
    flex-wrap: wrap;}
.txt_Content_A {
	width: 50%;
    float: left;
    display: flex;
    flex-direction: column;
	}
.txt_Content_A .left_txtA {
    width: 100% !important;
}
.text-c {align-items: center !important; }

.program #content-Area .itemArea .txtForm01 .imTxt {
    color: #1c1c1b;
    font-weight: 300;
    line-height: 1;
    font-size: 15px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 50px;
}


.program .table_Form {
    width: 100%;
    overflow: hidden;
    line-height: 1;
    margin-top: 36px;
}
.program .table_Form .cont_tit .p1{font-size:18px;color:#477065; font-weight:800; margin-bottom: 10px;}
.program .table_Form .cont_tit .p2{margin-left:auto;color:#e30413; font-weight:300;font-size:14px;}
/* style2 */


/* b2b */

.b2b-content1 {
  background-image: url(../img/b2b_mainimg.jpg);
  width: 100%;
  height: 465px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.b2b-content1 ul {
  text-align: center;
}
.b2b-content1 ul li {
  text-shadow: 0px 1px 7px white;
  font-weight: 300;
}
.b2b-content1 ul li span {
  font-weight: 700;
}
.b2b-content1 ul li:last-child{margin-bottom: 0px;}
.b2b-content1 ul li{
  font-size: 24px;
  margin-bottom: 20px;
}



#b2b_area {padding-top:115px;padding-bottom:115px;overflow:hidden;}
#b2b_area .logo_ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
#b2b_area .logo_ul .main .imgbox1 {width: 100%; height: 130px; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
#b2b_area .logo_ul .main .img1 { max-width: 100%; max-height: 130px; margin: auto;}
#b2b_area .logo_ul .main .img2 { width: 100%; cursor: pointer; }
#b2b_area .logo_ul .main p{ margin: auto; height: 170px; display: flex; align-items: center; color: #848484; font-size: 15px; letter-spacing: -0.8px;}

#b2b_area .logo_ul .main {
  width: calc((100% / 3) - 5px);
  /* float: left; */
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 50px;
  border: 1px solid #3a655a;
  padding: 15px 0px;
}
#b2b_area .logo_ul li:nth-child(4n-4) {margin-right:0px;}
#b2b_area .logo_ul li img{width:100%;}
#b2b_area .logo_ul .main .sub .mySwiper .swiper-pagination {
  top: 222px;
  left: 50%;
  transform: translate(-50%,-50%);
}
#b2b_area .logo_ul .main .sub .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 100%;
  background: rgb(65, 65, 65);
  margin-left: 10px;
}
.swiper-pagination-bullet-active {
  background: #ffffff !important;
}
#b2b_area .logo_ul .main .sub .mySwiper {
  position: relative;
}
.sub.show {
  display: flex !important;
}

.sub-box.show {
  display: flex !important;
}
#b2b_area .logo_ul .main .sub {
  background-color: rgba(122, 122, 122, 0.295);
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  align-items: center;
  display: none;
  
  
}
@media only screen and (max-width: 767px) {

  #b2b_area .logo_ul .main p  br{
    display:none !important;
  }

}
.sub.down {
  display: none !important;
}

.sub-box.down {
  display: none !important;
}
#b2b_area .logo_ul .main .sub .sub-box {
  background-color: #fff;
  width: 101%;
  margin: auto;
  height: 265px;
  display: flex;
  padding: 10px;
  overflow: hidden;
}
#b2b_area .logo_ul .main .sub .mySwiper  {width: 100%;}
#b2b_area .logo_ul .main .sub .mySwiper img {width: 100%; height: 100%;}


.n-content4 .h3 {display:none;}
.skip {display: none;}


.footer .wa {
    height: 42px;
    /* margin-top: 40px; */
    position: absolute;
    top: -90px;
    right: 0px;
}