@charset "utf-8";
/* CSS Document */

.faqItem .title, .faqItem .toggler .toggleOpen .line::after, .faqItem .toggler .toggleOpen .line, .faqItem .toggler .toggleOpen {
  transition: all 0.5s;
}



.faqArea{ padding-top:50px;max-width: 1366px; margin:0 auto;}


@media (max-width: 1180px) {
  .faqArea{ padding-top:0px;}
}
.textEditor {
  font-size: 17px;
  color: #000;
  letter-spacing: 1px;
  line-height: 1.6;
}

.topWrap {
  padding-top: 56px;
}

.topNote {
  padding-top: 0px;
  margin-bottom: 72px;
}
@media (max-width: 1200px) {
  .topNote {
    margin-bottom: 45px;
  }
}

.faqList {
  margin-bottom: 130px;
}
@media (max-width: 1200px) {
  .faqList {
    margin-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .faqList {
    margin-bottom: 60px;
  }
}

.faqItem {
  margin-bottom: 45px;
  position: relative;
}
.faqItem .contentBox {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  background-color: #fff;
}
.faqItem .toggler {
  display: -ms-flexbox;
  display: flex;
  border-radius: 50px 0;
  overflow: hidden;
  background:#008FD7;
  color: #fff;
}
@media (max-width: 960px) {
  .faqItem .toggler {
    border-radius: 20px 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.faqItem .toggler .Img {
  width: 46.5%;
  border-radius: 50px 0;
  overflow: hidden;
}

@media (max-width: 960px) {
  .faqItem .toggler .Img {
     width: 50%;
	  border-radius: 20px 0px 0 0;
  }
}


@media (max-width: 640px) {
  .faqItem .toggler .Img {
     width: 100%;
	 border-radius: 20px 0px 0 0;
  }
  
    .faqItem .toggler .Img img{
     width: 100%;
  }
}
@media (min-width: 1201px) {
  .faqItem .toggler .Img:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.faqItem .toggler .Img img {
  display: block;
  transition: all 1s ease;
}
.faqItem .toggler .textBox {
  width: 53.5%;
  padding: 48px 11% 50px 4.2%;
  height: 380px;
}
@media (max-width: 1540px) {
  .faqItem .toggler .textBox {
    padding: 20px 80px 20px 20px;
    height: 23vw;
  }
}
@media (max-width: 960px) {
  .faqItem .toggler .textBox {
    padding: 20px;
	width:50%;
    height: auto;
  }
}
@media (max-width: 640px) {
  .faqItem .toggler .textBox {
    width: 100%;
    height: auto;
  }
}
.faqItem .toggler .textBox .Txt {
  height: 100%;
  overflow: auto;
}
.faqItem .toggler .textBox .Txt::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
  background-color: #008FD7;
}
.faqItem .toggler .textBox .Txt::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color:#ffffff;
}
.faqItem .toggler .textBox .Txt::-webkit-scrollbar-thumb {
  background: #0bb850;
}
.faqItem .toggler .btnBox {
  position: absolute;
  z-index: 2;
  top: -10px;
  height: 98px;
  width: 58px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 960px) {
  .faqItem .toggler .btnBox {
    width: 100%;
    height: auto;
    padding:10px 0 ;
	background:#0053A6;
  }
}
@media (min-width: 1201px) {
  .faqItem .toggler .btnBox:hover .toggleOpen {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}
.faqItem .toggler .toggleOpen {
  display: -ms-flexbox;
  display: flex;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #fff;
  border: 3px solid #5bb6e3;
}
@media (max-width: 1280px) {
  .faqItem .toggler .toggleOpen {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 960px) {
  .faqItem .toggler .toggleOpen {
    width: 100%;
    height: auto;
    padding: 10px 0;
    border-radius: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0);
  }
}
.faqItem .toggler .toggleOpen .line {
  width: 18px;
  height: 2px;
  background-color: #0881bd;
  position: relative;
}
@media (max-width: 960px) {
  .faqItem .toggler .toggleOpen .line {
    background-color: #fff;
  }
}
.faqItem .toggler .toggleOpen .line::after {
  content: "";
  position: absolute;
  height: 18px;
  width: 2px;
  background-color: #0881bd;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 960px) {
  .faqItem .toggler .toggleOpen .line::after {
    background-color: #fff;
  }
}
.faqItem .toggler .wrap {
  display: -ms-flexbox;
  display: flex;
}
.faqItem .toggler + .content {
  display: none;
}
.faqItem .toggler + .content .definition {
  padding: 38px 117px 44px 117px;
}
@media (max-width: 1540px) {
  .faqItem .toggler + .content .definition {
    padding: 44px 20px;
  }
}
@media (max-width: 1200px) {
  .faqItem .toggler + .content .definition {
    padding: 20px;
  }
}


.faqItem .toggler.open .btnBox .toggleOpen .line {
  background-color: #0881bd;
}
.faqItem .toggler.open .btnBox .toggleOpen .line::after {
  background-color: #0881bd;
  height: 0;
}
.faqItem .icon {
  width: 105px;
  height: 105px;
  background-color: #f3fcff;
  border-radius: 50%;
  border: 4px solid #0881bd;
  padding: 20px;
  position: absolute;
}
.faqItem .title {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 1.7px;
  margin-bottom: 26px;
}
@media (max-width: 1180px) {
  .faqItem .title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  .faqItem .title {
    font-size: 18px;
  }
}
.faqItem .text {
  color: #fff;
  letter-spacing: 1px;
  line-height: 1.6;
}
@media (max-width: 1180px) {
  .faqItem .text {
    font-size: 15px;
  }
}
  
.faqList > .faqItem:nth-of-type(even) .toggler{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.faqList .faqItem .toggler{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 960px) {
    .faqList .faqItem{
        display: block;
    }
}

.faqItem:nth-of-type(odd) {
  padding-right: 82px;
  -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
@media (max-width: 960px) {
  .faqItem:nth-of-type(odd) {
    padding-right: 0px;
	display: block;
  }
}
.faqItem:nth-of-type(odd) .contentBox {
  border-radius: 50px 0;
}
@media (max-width: 960px) {
  .faqItem:nth-of-type(odd) .contentBox {
    border-radius: 20px 0;
  }
}
.faqItem:nth-of-type(odd) .toggler .btnBox {
  right: 100px;
}
@media (max-width: 1280px) {
  .faqItem:nth-of-type(odd) .toggler .btnBox {
    right: 90px;
  }
}
@media (max-width: 960px) {
  .faqItem:nth-of-type(odd) .toggler .btnBox {
    position: unset;
  }
}
.faqItem:nth-of-type(even) {
  padding-left: 100px;
}
@media (max-width: 960px) {
  .faqItem:nth-of-type(even) {
    padding-left: 0px;
  }
}
.faqItem:nth-of-type(even) .contentBox {
  border-radius: 0 50px;
}
@media (max-width: 960px) {
  .faqItem:nth-of-type(even) .contentBox {
    border-radius: 0 20px;
  }
}
.faqItem:nth-of-type(even) .toggler {
  border-radius: 0 50px;
}
@media (max-width: 960px) {
  .faqItem:nth-of-type(even) .toggler {
    border-radius: 0 20px;
  }
}
.faqItem:nth-of-type(even) .toggler .Img {
  border-radius: 0 50px;
  padding-right:0;
}

@media (max-width: 960px) {
  .faqItem:nth-of-type(even) .toggler .Img {
     width: 50%;
	  border-radius: 0px 20px 0 0;
  }
}



.faqItem:nth-of-type(even) .toggler .textBox {
  padding: 47px 5.2% 59px 9%;
}
@media (max-width: 1540px) {
  .faqItem:nth-of-type(even) .toggler .textBox {
    padding: 20px 20px 20px 80px;
  }
}
@media (max-width: 960px) {
  .faqItem:nth-of-type(even) .toggler .textBox {
    padding: 20px;
  }
}


@media (max-width: 640px) {
  .faqItem:nth-of-type(even) .toggler .Img {
     width: 100%;
	  border-radius: 0px 20px 0 0;
  }
  .faqItem:nth-of-type(even) .toggler .Img img{
     width: 100%;
  }
  
  .faqItem:nth-of-type(even) .toggler .textBox {
    padding: 20px;
  }
}


.faqItem:nth-of-type(even) .toggler .btnBox {
  left: 100px;
}
@media (max-width: 1280px) {
  .faqItem:nth-of-type(even) .toggler .btnBox {
    left: 90px;
  }
}
@media (max-width: 960px) {
  .faqItem:nth-of-type(even) .toggler .btnBox {
    position: unset;
  }
}

.cStyle2 .text{ color:#000}



.distributorList .bottomBox .linkBox .icon, .distributorList .topBox .title {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.distributorList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 -15px;
}
@media (min-width: 1024px) {
	.distributorList {
		padding-top: 36px;
	}
}
@media (max-width: 537px) {
	.distributorList {
		margin: 0;
	}
}
.distributorList .distributorItem {
	width: 33.3%;
	padding: 0 5px 30px;
}
@media (max-width: 537px) {
	.distributorList .distributorItem {
		width: 50%;
		padding: 0 -15px 30px;
	}
}
.distributorList .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 23px;
	border-radius: 3px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 3px 12px 0px rgba(82, 82, 82, 0.09);
	        box-shadow: 0px 3px 12px 0px rgba(82, 82, 82, 0.09);
	height: 100%;
}
@media (max-width: 992px) {
	.distributorList .item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
.distributorList .Img {
	width: 190px;
}
.distributorList .Img img {
	width: 100%;
}
@media (max-width: 1280px) {
	.distributorList .Img {
		width: 150px;
	}
}
@media (max-width: 1180px) {
	.distributorList .Img {
		width: 120px;
	}
}
@media (max-width: 992px) {
	.distributorList .Img {
		width: 100%;
	}
	.distributorList .Img img {
		max-width: 190px;
		margin: 0 auto;
	}
}
.distributorList .Txt {
	padding-left: 17px;
}
@media (min-width: 993px) {
	.distributorList .Txt {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
}
@media (max-width: 992px) {
	.distributorList .Txt {
		width: 100%;
		padding-left: 0;
	}
}
.distributorList .topBox .title {
	display: block;
	color: #303030;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1.26px;
	line-height: 1.714;
	position: relative;
	padding-left: 20px;
}
@media (min-width: 1201px) {
	.distributorList .topBox .title:hover {
		color: #296caf;
	}
}
.distributorList .topBox .title:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: 6px;
	height: 26px;
	background-color: #296caf;
}
.distributorList .topBox .text {
	color: #858585;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.64px;
	line-height: 1.875;
	padding-top: 6px;
}

@media (max-width: 450px) {
	.distributorList .topBox .title{
		display:none;
	}
}

.distributorList .bottomBox {
	margin-top: 21px;
	border-top: 1px solid #d6d6d6;
}
.distributorList .bottomBox .linkBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-top: 14px;
}
@media (max-width: 768px) {
	.distributorList .bottomBox .linkBox {
		padding-top: 20px;
	}
}
.distributorList .bottomBox .linkBox a {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	padding: 5px 0;
}
@media (min-width: 1201px) {
	.distributorList .bottomBox .linkBox a:hover {
		-webkit-transform: translateY(-2.5px);
		        transform: translateY(-2.5px);
	}
	.distributorList .bottomBox .linkBox a:hover .icon {
		background-color: #ACD3F4;
	}
}
.distributorList .bottomBox .linkBox a:nth-child(2) {
	padding-left: 20px;
	border-left: 1px solid #d6d6d6;
}
@media (max-width: 768px) {
	.distributorList .bottomBox .linkBox a {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding: 0;
	}
	.distributorList .bottomBox .linkBox a:nth-child(1) {
		padding-right: 0;
	}
	.distributorList .bottomBox .linkBox a:nth-child(2) {
		padding-left: 0;
	}
}
.distributorList .bottomBox .linkBox .icon {
	width: 38px;
	height: 38px;
	border-radius: 50px;
	background-color: #f7f7f7;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.distributorList .bottomBox .linkBox .txt {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	color: #303030;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.9px;
	padding-left: 14px;
}
@media (max-width: 768px) {
	.distributorList .bottomBox .linkBox .txt {
		padding-left: 0;
		padding-top: 10px;
	}
}