@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 {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
} */
.inner {
  width: 970px;
  margin: 0 auto;
}
/* }
.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}  */
/* top */
body {
  font-family: 'SCDream';
}
.top {
  width: 100%;
  height: 210px;
}
.top_top ul:not(.top-menu ul) {
    display: flex;
    width: 13px;
    /* 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: 113px;
}
.top_top ul li {
    cursor: pointer;
    margin-top: auto;
}

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

.top_top .logo_box{
	position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
	}
.top_top ul li a{  color: #467165;
}
.top_top ul li:nth-child(2) a{
	display:block;
  margin-top: 9px;
	}
.top_top ul li:nth-child(2) a img {
    height: 50px;
}

.top_bottom{
  margin-top:32px;
}
.top_bottom > div {
  display: flex;
  justify-content: space-between;
  color: #467165;
  width: 100%;
  font-family: 'SCDream';    
  font-weight: 500;
}
.top_bottom > div .main a:not(.sub a) {
  color: #406d60;
  padding: 10px 0px;
}
.top_bottom .main {
  position: relative;
}
.top_bottom .main .sub1 {display: none;}
.top_bottom .main .sub2 {display: none;}
.top_bottom .main .sub {
  position: absolute;
  left: -76px;
  top: 25px;
  width: 100%;
  z-index: 999999;
}
.top_bottom .main .sub ul {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  text-align: center;
  border: 1px solid #406d60;
}
.top_bottom .main .sub ul li:hover{
  background-color: #406d60;
  color: #fff;
}
.top_bottom .main .sub ul li a:focus {
  background-color: #406d60;
  color: #fff;
  width: 100%;
  height: 100%;
  display: block;
}
.top_bottom > div .sub a {
  color: #406d60;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.top_bottom > div .sub li:hover a{
  color: #fff;
}
.top_bottom > div .sub li:hover a{
  color: #fff;
}
.top_bottom .main .sub1 ul li{
  width: 100%;
  /* padding-left: 15px !important; */
  padding: 10px 0px;

}
.top_bottom .main .sub2 ul li{
  width: 100%;
  padding-right: 6px !important;
  padding: 10px 0px;

}
/* .top_bottom .main:hover .sub:hover {
  display: block;}
  .top_bottom .main .sub:hover {display: block;}
  .top_bottom .main:hover .sub {
  display: block;
} */
.top_bottom .main:hover {
  font-weight: 700;
}
.top_bottom .main:not(:last-child) {
  width: 20%;
}
.top_bottom .main:not(:last-child)::after {
  width: 1px;
  height: 12px;
  background: #467165;
  position: absolute;
  content: "";
  display: block;
  top: 6px;
  left: 133px;
  }
  .top-menu {
    position: absolute;
    width: 100%;
    top: 115px;
    top: 115px;
    left: 0;
    height: 300px;
    background-color: #fff;
    border-radius: 0px 0px 10px 10px;
    border-top: 1px solid #406d603d;
    box-shadow: 0px -2px 6px 0px #d1dcd9bf;
    padding: 10px 20px;
    display: none;
    transition: display 0.3s ease;
    z-index: 9999999;
}
.top-menu.active {
  display: block;
}

.top-menu .menu_close {
  position: absolute;
  top: 15px;
  right: 25px;
  width: 20px;
}

.top-menu .tit {
  font-size: 24px;
  font-family: 'Frutiger', sans-serif;
  font-weight: 500;
  margin-bottom: 15px;
  border-bottom: 1px solid #65887e8a;
  padding-bottom: 10px;
}
.top-menu ul:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 190px;
  background-color: #92ada582;
  top: 5px;
  left: 178px;
  position: absolute;
}
.top-menu ul {
  width: calc(100% / 5);
  /* vertical-align:middle; */
  display: inline-table;
  /* justify-content: center; */
  padding: 0px 5px;
  position: relative;
}
.top-menu .menu_box {
  width: 100%;
  display: flex;
}
.top-menu ul .p1 {
  margin-bottom: 10px;
  font-weight: 500;
}
.top-menu ul .p2 {
  margin-bottom: 10px;
  font-weight: 500;
}
.top-menu ul li:not(.sub):hover {
  color: #14382e;
  font-size: 16px;
}
.top-menu ul li:not(.sub) {
  margin-bottom: 8px;
  font-size: 15px;
  color: #65887e;
}
.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 {
  width: 100%;
  height: 990px;
  position: relative;
}
.main_banner img {width:100%;}
.main_banner .txt {
  position: absolute;
  top: 130px;
  left: 0;
  z-index: 9;
  color: #003701;
  width: 100%;
  font-family: 'SCDream';    
  
  text-align: center;
}
.main_banner .txt ul li:nth-child(1) {
    font-size: 32px;
    font-weight: 700;
}
.main_banner .txt ul li:nth-child(2){font-size: 40px; font-weight:700;
margin-bottom: 32px;}
.main_banner .txt li a {
  color: #003701;
  border: 2px solid #003701;
  padding: 8px 18px;
  font-size: 22px;
}

/* *new content02* */
#content_Form {
  padding: 0px 78px !important; 
}
#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: 18px;
}
#content-Area .table_head ul li:nth-child(1) {
  width: 55px;
  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% - 232px);
  display: flex;
  align-items: center;
  justify-content: center;
}
#content-Area .table_head ul li:nth-child(3) {
  width: 177px;
  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 {
  display: flex;
  width: 100%;
  height: 33px;
  font-weight: 300;
}
#content-Area .table_main ul li:nth-child(1) {
  width: 55px;
  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% - 232px);
  display: flex;
  align-items: center;
  padding-left: 7px;
}
#content-Area .table_main ul li:nth-child(3) {
  width: 177px;
  border-left: 2px solid #b6bbb6;
  display: flex;
  align-items: center;
  justify-content: center;
}




.n-content2{
  height: 775px;
  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;
}
.n-content2 span{font-weight: bold;}
.n-content2 .p1{
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 60px;
}
.n-content2 .p2{
  font-size: 37px;
  font-weight: 400;
  margin-bottom: 60px;
  line-height: 55px;
}


/* // * new content02* */
/* * new content03* */
.n-content3 {
  height: 1010px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.n-content3 .tit ul li:nth-child(2){font-size: 48px; font-weight: 400; padding: 0px 40px;}
.n-content3 .tit ul li:nth-child(2) span {font-size: 48 px; 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{ 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: 35px;
  font-weight: 800;
  color: #3B8370;
}

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

}

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

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

}

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

.n-content3 .main1 ul li:nth-child(4){font-size: 25px;
  font-weight: 400;
margin-top: 30px;}


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

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

/* // * new content6* */
.content1 .txt li a {
  color: #fff;
  border: 2px solid #fff;
  padding: 5px 15px;
  font-size: 18px;
}

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

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

}
.main .content1 ul {

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

  /* transform: translateY(50%) */
}
.main .content1 ul li:nth-child(1) {
  font-size: 30px;
  margin-bottom: 20px;
}
.main .content1 ul li:nth-child(2) {
  font-size: 30px;
  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: 40px;
  margin-bottom: 20px;

}
.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: 40px;
}
.re {
  width: 100%;
  height: 1830px;
  background-color: #467165;
}
#content_2 {
  overflow: hidden;
}
.main .content2 {
  height: 805px;
  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: 25px;
  font-family: 'SCDream';    
  font-weight: 300;
  margin-bottom: 48px;
  height: 150px;
}
.main .content2 .txt ul li {
  margin-bottom: 10px;
  text-shadow: 0px 0px 11px white;
  
}
.main .content2 .txt .p1 {
  font-size: 58px;
  font-weight: 800;
  font-family: 'SCDream';    
  letter-spacing: 1.5px;
  text-shadow: 0px 0px 11px white;
  margin-bottom: 40px;
  text-shadow: 0px 0px 11px white;

}
.main .content2 .txt a {
  border: 2px solid #575756;
  padding: 3px 12px;
  font-family: 'SCDream';    
  font-size: 19px;
  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 {
  height: 661px;
  width: 100%;
  padding-top: 200px;
  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: 640px;
  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 a{margin-left: auto;}
.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_top ul {
  display: flex;
  font-size: 15px;
  font-weight: 400;
  font-family: 'SCDream';    
  margin-bottom: 18px;
}
.footer .footer_top li a {
  color: #467165;
}
.footer .footer_top li {
  padding-right: 70px;
  border-right: 1px solid #467165;
   cursor: pointer;
}
.footer .footer_top li:nth-child(2) {
  margin-left: 70px;
}
.footer .footer_top li:nth-child(3) {
  margin-left: 70px;
  border: none;
}


.footer .footer_middle {
  background-color: #d9e2df;
  padding-left: 10px;
}
.footer .footer_middle {
  display: flex;
}
.footer .footer_middle ul{
  width: 35.66%;
  padding: 27px 0px;
  font-size: 15px;
  font-weight: 400;
  font-family: 'SCDream';    
}
.footer .footer_middle ul li {
  margin-bottom: 7px;
  font-size: 15px;
  font-weight: 400;
}
.footer .footer_middle ul li:nth-child(1){
  margin-bottom: 19px;
  font-size: 16px;
  font-weight: 600;
  margin-top: 3px;
}
.footer .footer_middle .bold span {
  font-weight: 600;
}
.footer .footer_middle .font-size {
  font-size: 14px;
}
.footer .eng {
  font-family: 'Frutiger', sans-serif;
  font-weight: 400 !important;
  font-size: 16px;
  
}
.footer .footer_bottom {
  /* padding: 0px 482px; */
  margin-top: 42px;
  font-size: 16px;
  font-family: 'Frutiger', sans-serif;

}
.footer .kor {
  font-family: 'SCDream';    
  
}
.footer .flex4 {
  display: flex;

}
/* //main / footer/ top */


/* brand */
.b-txt3 {
  font-weight: 400 !important;
}
.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: 1267px;
  width: 100%;
}
.brand #brand-story .tit {
  height: 265px;
  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: 40px;
  height: 5px;
  top: 80px;
  left: 47%;
  background-color:#477165 ;
}

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

}
.brand #brand-story ul li:nth-child(3) {
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 43px;
  line-height: 50px;
}
.brand #brand-story ul li:nth-child(4) {
  font-size: 25px;
  font-weight: 400;
  margin-bottom: 25px;
  margin-top: 70px;
}
.brand #brand-story ul .li5 {
  display: flex;
  align-items: center;
  font-size: 25px;
  font-weight: 400;
}
.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;
}
.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%;
}
.brand #content4 .main .main1 {
  width: calc(100% / 4);
  
}
.brand #content4 .main .main1 li:nth-child(1) img {width: 85px;}
.brand #content4 .main .main1 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.brand #content4 .main .main1 li:nth-child(1) {
  width: 150px;
  height: 150px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

}
.brand #content4 .main .main1 li:nth-child(2) {
  font-size: 29px;
  font-weight: 700;
  color: #fff;
  margin-top: 25px;
  margin-bottom: 36px;
  text-align: center;
  width: 100%;
}
.brand #content4 .main .main1 li:nth-child(3) {
  font-size: 23px;
  letter-spacing: -0.8px;
  font-weight: 300;
  color: #fff;
  text-align: center;
}
.brand .n-content5 {
  height: 958px;
  width: 100%;
  background-color: #d8e1e0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.brand .n-content5 .mission{
  display: flex;
  align-items: center;
  color: #487065;
  font-size: 30px;
  letter-spacing: -0.5px;
  font-weight: 400;
}
.brand .n-content5 .mission li{margin-bottom: 18px;}

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

.brand .n-content5 .mission .cicle{
  width: 245px;
  height: 245px;
  border-radius: 50%;
  background-color: #487065;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  margin-right: 58px;
}
.brand .n-content5 .vision {
  margin-top: 133px;
}

.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: #000;
  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: rgb(0, 0, 0);
}
.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 {
  height: 4153px;
  width: 100%;
  background-color: #fff;
}
.brand #content3 .tit{
	margin:0 auto;
  margin-top: 100px;
	}
.brand #content3 .tit .bar {
    width: 40px;
    height: 5px;
    background: #487065;
    margin: 0 auto 28px;
}
.brand #content3 .tit p{
	font-size:38px;
	font-weight:800;
	color:#487065;
	text-align:Center;
	line-height:1;
	}
.brand #content3 .circle {
  height: 500px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;

}

.brand #content3 .circle  p {
  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;
  color: #fff;
  font-size: 42px;
  font-weight: 700;
  font-family: 'Frutiger', sans-serif;
  border: 20px solid #639387;
}
.brand #content3 .circle::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 193px;
  top: 72%;
  left: 50%;
  background-color: #3a655a;
}
.brand #content3 .htr {
  display: flex;
  width: 100%;
}
.brand #content3 .htr1 {
  height: 502px;
  width: 100%;
}
.brand #content3 .htr .le ul {
  display: inline-grid;
  padding-left: 31px;

}
.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;
  margin-right: 170px;
  margin-bottom: 10px;
  padding-top: 10px;
  position: relative;
}
.brand #content3 .htr .le .date::after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 100%;
  top: 30px;
  right: 120px;
  position: absolute;
  background-color: #487166;
}
.brand #content3 .htr .le .date::before {
  content: "";
  width: 280px;
  height: 2px;
  top: 35px;
  position: absolute;
  background-color: #487166;
  right: -159px;
}
.brand #content3 .htr .le {
  width: 50%;
  font-size: 23px;
  font-weight: 300;
  padding-left: 57px;
  }
.brand #content3 .htr .le7 {
  width: 50%;
  font-size: 23px;
  font-weight: 300;
  padding-left: 57px;
  padding-top: 82px;
}

.brand #content3 .htr .ri::after {
  content: "";
  width: 25px;
  height: 25px;
  top: 261px;
  left: -16px;
  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;
  /* margin-right: auto; */
  float: right;
  border-left: 2px solid #3a655a;
  
  /* padding-bottom: 10px; */
}
.brand #content3 .htr .ri img {
  float: right;
  position: absolute;
  top: 31%;
  left: 53%;
  transform: translate(-50%,-50%);
}
.brand #content3 .htr .ri2 img {
  float: right;
  position: absolute;
  top: 38%;
  left: 53%;
  transform: translate(-50%,-50%);
}
.brand #content3 .htr .ri img {
  float: right;
  position: absolute;
  top: 31%;
  left: 53%;
  transform: translate(-50%,-50%);
}
.brand #content3 .htr2 {
  height: 578px;
  position: relative;
}
.brand #content3 .htr2 .le  {padding-top: 70px;}
.brand #content3 .htr2 .ri  {padding-top: 50px;}

.brand #content3 .htr3 .ri2 img {margin-top: 53px;}
.brand #content3 .htr3 .ri7 {
  width: 50%;
  position: relative;
  font-size: 24px;
  color: #545453;
  font-weight: 300;
  border-left: 2px solid #3a655a;
  padding-left: 74px;
  padding-top: 213px;
}
.brand #content3 .htr3 .ri2 {
  width: 50%;
  position: relative;
  font-size: 24px;
  color: #545453;
  font-weight: 300;
  border-left: 2px solid #3a655a;
  padding-left: 74px;
}
.brand #content3 .date {
  font-size: 38px;
}
.brand #content3 .htr3 .ri2 .date {
  color: #487166;
  font-weight: 600;
  margin-bottom: 10px;
  margin-left: 27px;

  position: relative;
}
.brand #content3 .htr3 .ri2 ul {
  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: 300px;

}
.brand #content3 .htr li::marker {
  color: #487166;
}

.brand #content3 .htr3 .le2 img{
  float: right;
  position: absolute;
  top: 48%;
  left: 47%;
  transform: translate(-50%,-50%);
}
.brand #content3 .htr3 .ri2::after {
  content: "";
  width: 25px;
  height: 25px;
  top: 315px;
  left: -16px;
  position: absolute;
  background-color: #fff;
  border: 2px solid #487166;
  border-radius: 100%;
}
.brand #content3 .htr3 .ri7::after {
  content: "";
  width: 25px;
  height: 25px;
  top: 57px;
  left: -16px;
  position: absolute;
  background-color: #fff;
  border: 2px solid #487166;
  border-radius: 100%;
  display: none;
}
.brand #content3 .htr3 .ri2 .date::before {
  content: "";
  width: 82px;
  height: 2px;
  top: 29px;
  position: absolute;
  background-color: #487166;
  left: -114px;
}
.brand #content3 .htr3 .ri4::after {
  content: "";
  width: 25px;
  height: 25px;
  top: 186px;
  left: -16px;
  position: absolute;
  background-color: #fff;
  border: 2px solid #487166;
  border-radius: 100%;
}
.brand #content3 .htr3 .ri4 .date::before {
  content: "";
  width: 82px;
  height: 2px;
  top: 29px;
  position: absolute;
  background-color: #487166;
  left: -114px;
}
.brand #content3 .htr3 .ri2 .date::after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 100%;
  top: 24px;
  left: -33px;
  position: absolute;
  background-color: #487166;
}
.brand #content3 .htr4 {
  height: 475px;
}
.brand #content3 .htr5 {
  height: 497px;
  position: relative;
}
.brand #content3 .htr4 .le2 img {
  float: right;
  position: absolute;
  left: 47%;
  transform: translate(-50%,-50%);
}
.brand #content3 .htr1 {position: relative;}
.brand #content3 .htr1::after {
  content: "";
  width: 25px;
  height: 25px;
  /* top: 7px; */
  left: 472px;
  position: absolute;
  background-color: #467066;
  border: 2px solid #487166;
  border-radius: 100%;
  bottom: 0;
}






/* kit */
.kit .content1 {
  background-image: url(../img/diy_main.jpg);
  width: 100%;
  height: 858px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.kit .content1 ul {
  text-align: center;
}
.kit .content1 ul li:nth-child(1) {
  font-size: 70px;
  font-family: 'Frutiger', sans-serif;
  font-weight: 900;
  margin-bottom: 35px;
  letter-spacing: 3px;
  color: #fff;
}
.kit .content1 ul li:nth-child(3) {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 32px;
}
.kit .content1 ul li:nth-child(2) {
  font-size: 36px;
  font-weight: 300;
  color: #fff;
}


.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;
  cursor: pointer;

}
.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 {

	}
.kit #product_area .product_list .product_box{
	display:flex;
	flex-wrap:wrap;
	padding-top:100px;
	}
.kit .item01 {
    box-sizing: border-box;
    width: calc((100% / 4) - 15px);
    margin-right: 20px;
    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: 18px;
    font-weight: 400;
    color: #467066;
    line-height: 1;
    padding: 25px 0px 60px;
    text-align: Center;
}
.kit3 #product_area .product_list .product_box .item01 .txt {
    padding: 25px 0px 45px !important;
}
.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: 18px;
    padding: 7px 20px;
    text-align: center;
}
.kit .tab-content{
  display: none;
}
 
.kit .tab-content.current{
  display: inherit;
}
.kit .view img {
    margin: 0 auto;
    display: table;
}
.kit .back_btn {
    width: 155px;
    height: 50px;
    border: 1px #346156 solid;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 100px auto 0px;
}
.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: 22px;
  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: 10px;
  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: 22px;
    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 1px 7px white;

}
.pro-content1 ul li span {
  font-weight: 700;
}
.pro-content1 ul li:last-child{margin-bottom: 0px;}
.pro-content1 ul li{
  font-size: 40px;
  margin-bottom: 20px;
  font-weight: 300;
}
.pro-content1 {
    background-image: url(../img/program_mainimg.jpg);
    width: 100%;
    height: 858px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#program_area {padding-top:115px;overflow:hidden;}






#program_area .link_box {
    width: 330px;
    height: 40px;
    border: 1px #346156 solid;
    display: flex;
    align-items: center;
    justify-content: center;
}
#program_area .link_box a {
    display: block;
    width: 100%;
    color: #346156;
    font-size: 22px;
    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);
  width: 100%;
  height: 858px;
  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: 38px;
  margin-bottom: 20px;
}



#b2b_area {padding-top: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: 140px; display: flex; align-items: center; color: #848484; font-size: 18px; letter-spacing: -0.8px;}
#b2b_area .logo_ul .main {
  width: calc((100% / 3) - 80px);
    height: 452px;
    /* float: left; */
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 50px;
}
#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: 450px;
  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: #3a4dff !important;
}
#b2b_area .swiper-pagination-bullet {
    opacity: 0.8 !important;
}
#b2b_area .logo_ul .main .sub .mySwiper {
  position: relative;
}

.sub.show {
  display: flex !important;
  width: 192px !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;
  
}
.sub.down {
  display: none !important;
}

.sub-box.down {
  display: none !important;
}
#b2b_area .logo_ul .main .sub .sub-box {
  background-color: #fff;
  width: 80%;
  margin: auto;
  height: 505px;
  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%;}

/* service */

.service  {width: 100%;}
.service .content1 {
  background-image:url(../img/service_main.jpg) ;
  height: 858px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-size: 40px;
}
.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-bottom: 15px;
  color: #406c62;
}
.flex2 {
  display: flex;
  margin-top: 36px;
  align-items: center;
  width: 100%;
}
.flex2 p {
  font-weight: 500;
}
.flex3{ 
  display: flex;
  align-items: center;
  width: 100%;
}
.flex2 .p2{
  width: calc(100% - 805px);
  font-size: 17px;

}
.service .service_main {
  /* display: flex; */
  width: 100%;
  height: 246px;
  color: #467066;
}
.service .service_main .txt p{
  height: 120px;
  overflow: auto;
  font-size: 17px;
  color: #758f87;
  width: 99%;
  display: flex;
  margin-top: 13px;
  padding: 0px 10px;
}

.service .service_main .txt{
  height: 146px;
  width: 805px;
  justify-content: center;
  align-items: center;
  /* padding: 20px 0px; */
  background-color: #d9e2df;
  overflow: auto;
  font-size: 17px;

}
.service .service_main .txt p::-webkit-scrollbar {
  width: 10px;
}
.service .service_main .txt p::-webkit-scrollbar-thumb {
  background-color: #467066;
  border-radius: 10px;
  margin-right: 10px;
}
body::-webkit-scrollbar {
  width: 10px;
}
body::-webkit-scrollbar-thumb {
  background-color: #467066;
  border-radius: 10px;
}
.service_content {
  border-bottom: 2px solid #406c62;
  margin-top: 124px;
}
.bt {
  display: flex;
  float: right;
  list-style: none;
  margin-top: 16px;
  margin-bottom: 24px;
  color: #467066;
  font-size: 17px;

  font-weight: 500;
}

.checkBtn input {
  margin-right: 5px;
  width: 15px;
  height: 15px;
  margin-top: 5px;
  accent-color: #406c62;
}
.service_2 {
    height: 100px;
    width: 100%;
}
.service_2 label {
    height: 100px;
    display: flex;
    border-bottom: 2px solid #406c62;
    align-items: center;
    width: 100%;
}
.service_2 p {
  width: 100px;
  font-size: 17px;
  color: #467066;
  font-weight: 500;
}
.service_2 input {
  width: calc(100% - 100px);
  height: 97px;
  float: right;
  padding: 20px;
  font-size: 16px;
  /* background-color: #fff; */
  border: none;
  font-family: 'SCDream';   
  color: #467066;

}
.service_2 input:focus {
  outline: none;
}
.service_txt {
    height: 502px;
    width: 100%;
    border-bottom: 2px solid #406c62;
}
.service_txt label {
    display: flex;
    align-items: center;
}
.service_txt p {
  width: 100px;
  margin-top: 38px;
  color: #467066;
  font-size: 17px;
  font-weight: 500;
}
.service_txt .svc_ip {
  width: calc(100% - 100px);
  height: 97px;
  float: right;
  padding: 20px;
  font-size: 17px;
  /* background-color: #fff; */
  border: none;
  font-family: 'SCDream';   
  color: #467066;

}
.service_txt .svc_ip2 {
  height: 500px;
}
.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: 93px;
  height: 38px;
  display: flex;
  font-size: 24px;
  justify-content: center;
  line-height: 38px;
}

/*  */
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url(../img/left_bt.png) !important;
  left: 30px !important;
  right: auto;
  /* width: 100%; */
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 61px !important;
  height: 61px !important;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 61px 61px !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: 30px !important;
  left: auto;
}
a.tBt {
  position: fixed;
  right: 40px;
  bottom: 50px;
  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: 40px;
  bottom: 120px;
  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% / 3) - 40px );
}
.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 program */
#program_area .title {
	font-size:35px;
	color:#1c1c1b;
	text-align:center;
	line-height:1;
	margin-bottom:65px;
	}
#program_area .title span{
	font-weight:700;
	font-size:37px;
	}
#program_area .content{
	display: flex;
    justify-content: space-between;
	}
#program_area .content .item01{
	width:calc(100% / 3);
	height:240px;
	margin-right:27px;
	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: 5px;
    background: #467066;
    margin: 0 auto 28px;
}
.program #content-Area .titleArea .title{
	font-size:38px;
	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;
	width:100%;
	}
.categoryArea .tab_ul li {
    width: calc(100% / 3);
    border: 1px #3e665a solid;
    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: calc(100% / 5) !important;
}
.categoryArea .tab_ul li a {
    width: 100%;
    color: #3e665a;
    font-size: 16px;
    display: block;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.categoryArea .tab_ul li:last-child {
    border-right: 1px #3e665a solid;
}
.categoryArea .tab_ul li.tab_active a {
    color: #ffffff;
    background: #3e665a;
    font-weight: 600;
}

.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: 26px;
    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:18px;
	font-weight:400;
	color:#477065;
	text-align:Center;
	}
.program #content-Area .itemArea{
	overflow:hidden;
	}
.program #content-Area .itemArea .item01 {
    overflow: hidden;
    padding-left: 100px;
    display: flex;
    align-items: flex-start;
	border-bottom: 1px #b7b7b7 solid;
	padding-bottom:30px;
	margin-bottom:30px;
}
.program #content-Area .itemArea .itemTitle{
	width:100px;
	height:100px;
	border-radius:50%;
	background:#467066;
	display: flex;
    align-items: center;
    justify-content: center;
	}
.program #content-Area .itemArea .itemTitle .txt{
	font-size:18px;
	font-weight:800;
	color:#ffffff;
	text-align:center;
	}
.program #content-Area .itemArea .txtForm {
    padding-left: 35px;
    width: calc(100% - 100px);
}
.program #content-Area .itemArea .txtForm01 .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 .txtForm01 .ul_txt > li::after {
    content: '';
    width: 3px;
    height: 3px;
    background: #457164;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 0px;
}
.program #content-Area .itemArea .txtForm01 .ul_txt li:last-child {margin-bottom:0px;}
.program #content-Area .itemArea .txtForm01 .ul_txt li span{
	font-weight:600;
	}


.program #content-Area .itemArea .txtForm02 .left_txtA{
	width:50%;
	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 > 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;
}
.program #content-Area .itemArea .txtForm02 .smail_ul > li {
    color: #1c1c1b;
    font-weight: 300;
    line-height: 1;
    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;}
.p_mt25_ {margin-top:-25px;}
.p_mt45_ {margin-top:-45px;}
.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 !important;
    line-height: 1;
    font-size: 15px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 42px;
    margin-top: 10px;
    display: block;
}

.program .table_Form {
    width: 100%;
    overflow: hidden;
    line-height: 1;
    margin-top: 36px;
}
.program .table_Form .cont_tit{display:flex;align-items: center;}
.program .table_Form .cont_tit .p1{font-size:20px;color:#477065; font-weight:800;}
.program .table_Form .cont_tit .p2{margin-left:auto;color:#e30413; font-weight:300;font-size:14px;}



.no_nth::after{display:none;}


.barnd_bg {
    background-image: url(../img/barand_img.png);
    background-size: 440px;
    background-repeat: no-repeat;
    background-position: right bottom;
}




.kit #product_area .product_list .product_box .item01:focus .buy_link {
    display: block;
    transition: all 5s linear;
}
.kit #product_area .txt2 {
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}

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


.skip {
text-align:Center;
}
.skip a {
    opacity: 0;
    width: 100%;
    display: block;
    margin-top: -23px;
}
.skip a:focus {
 opacity: 1;
 color:#333333;
 border:1px #000000 solid;
 margin-top: 0px;
}

.footer .wa {
    height: 60px;
    margin-top: 40px;
}