@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

body {
  font-family: 'Pretendard-Regular', "Noto Sans KR", sans-serif;
}

.m-br{display:none;}
@media all and (max-width:1280px){ 
	.m-br{display:block;}
	.pc-br{display:none;}
	.display-m{display:block;}
	.display-pc{display:none;}
}


#main-page{
  padding: 150px 0 0;
}


/*==================================  팝업  ===================================*/
.popup {
  display: none;
  position: fixed;
  top: 12%;
  left: 1%;
  background-color: white;
  border: 1px solid #ccc;
 padding: 0 10px 10px 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  width: 80%;
  max-width: 450px;
  border-radius: 8px;
  text-align: center;
  }
  .popup a{cursor: pointer;}
  .overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  }
  .popup-header {
  cursor: move;
  color: #fff;
  }
  .popup img {
  width: 100%;
  border-radius: 8px;
  cursor: pointer;
  }
  .close-button {
  margin-top: 10px;
  padding: 10px 15px;
  background-color: #00573f;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  }
  .close-button:hover {
  background-color: #00573f;
  }

  @media screen and (max-width:500px){
    .popup{
      width: 100%;
      left: 0;
    }
  }



/* 전체 레이아웃 */
.visual_con {
  display: flex;
  width: 100%;
  gap: 20px 30px;
}

/* 왼쪽 카드 영역 */
.visual_con .visual_l {
  /* flex: 3; */
  flex: 2.5;
  /* width: 70%; */
}

/* 카드 컨테이너 */
.visual_con .cards {
  display: flex;
  gap: 10px;
}

/* 카드 스타일 */
.visual_con .card {
  /* flex: 1; */
  width: 16%;
  height: 600px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  
  /* transition: flex 0.4s ease-in-out, transform 0.3s ease-in-out; */
  transition: width 0.4s ease-in-out, transform 0.3s ease-in-out;
  cursor: pointer;
}

.visual_con .card1 {
  background: url('../../images/main2/main_slider01.jpg') no-repeat center/cover;
}

.visual_con .card2 {
  background: url('../../images/main2/main_slider02.jpg') no-repeat center/cover;
}

.visual_con .card3 {
  background: url('../../images/main2/main_slider03.jpg') no-repeat center/cover;
}


/* 활성화된 카드 스타일 */
.visual_con .card.active {
  /* flex: 3; */
  width: 70%;
  /* transform: scale(1.05); */
}

/* 카드 오버레이 */
.visual_con .overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 100px 24px 100px;
  transition: background 0.3s ease-in-out;
  z-index: 0;
}

.visual_con .overlay .txt{
  color: white;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s 0.3s;
  transform: translateX(10%);
  white-space: nowrap;
}

.visual_con .overlay .txt .title{
  font-size: 32px;
}

.visual_con .overlay .txt .title b{
  color: #00f3ae;
}


.visual_con .overlay .txt .title + .title {
  margin-top: 14px;
}

.visual_con .overlay .txt.sm .title{
  font-size: 24px;
}

.visual_con .overlay .txt.m .title{
  font-size: 24px;
}

.visual_con .gradient {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 80%;
  background: linear-gradient(180deg, #000, transparent);
  z-index: -1;
  transition: 0.5s;
}

/* hover 시 오버레이 강조 */
/* .visual_con .card:hover .overlay {
  background: rgba(0, 0, 0, 0.7);
} */
/* .visual_con .card.active .overlay {
  background: rgba(0, 0, 0, 0.4);
} */

.visual_con .card.active .overlay .txt{
  opacity: 1;
  visibility: visible;
  transform: none;
}

.visual_con .card.active .gradient {
  height: 40%;
}

/* 왼쪽 텍스트 영역 */
.visual_con .visual_r {
  /* flex: 1; */
  flex: 1.5;
  /* width: 30%; */
  display: flex;
  align-items: center;
}

/* 텍스트 컨테이너 */
.visual_con .txt_con {
  position: relative;
  width: 100%;
  height: 100%;
}

/* 개별 텍스트 */
.visual_con .txt_wrap {
  visibility: hidden;
  opacity: 0;
  transform: translateY(10%);
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 10%;
  line-height: 1.25;
  width: 100%;
}

/* .visual_con .txt_wrap:last-of-type{
  top: 0%;
} */

/* 활성화된 텍스트 */
.visual_con .txt_wrap.active {
  visibility: visible;
  opacity: 1;
  transform: none;
}

.visual_con .txt_wrap .tit {
  font-size: 32px;
  margin-bottom: 30px;
  color: #363636;
  line-height: 1.2;
  font-weight: bold;
}

.visual_con .txt_wrap .txt {
  font-size: 20px;
}

.visual_con .txt_wrap.txt_wrap1 .txt {
  font-size: 32px;
  font-weight: bold;
  color: #363636;
}

.visual_con .txt_wrap .txt b{
  color: #00936a;
}

.visual_con .txt_wrap .txt + .txt{
  margin-top: 10px;
}

.visual_con .txt_wrap .round-box .txt{
  padding: 10px 20px;
  border: 1px solid #00573f;
  border-radius: 20px;
  display: inline-block;
  background-color: #00573f;
  color: #fff;
}

.visual_con .txt_wrap .round-box + .round-box{
  margin-top: 10px;
}

.visual_con .txt_wrap .round-layoutBox {
  display: flex;
  align-items: center;
  gap: 10px;
}

.visual_con .txt_wrap .round-layoutBox span{
  border-radius: 100%;
  background-color: #00573f;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  aspect-ratio: 1/1;
  text-align: center;
  flex-shrink: 0;
}

.visual_con .txt_wrap .round-layoutBox + .round-layoutBox{
  margin-top: 10px;
}

.visual_con .txt_wrap .round-layoutBox .txt {font-weight: bold; font-size: 18px;}

.visual_con .txt_wrap .required{
  color: #00573f;
  margin-bottom: 10px;
  font-weight: bold;
}

.visual_con .txt_wrap .required strong {
  font-size: 22px;
  color: crimson;
}

.visual_con .txt_wrap .round-box + .required{
  margin-top: 16px;
}


.visual_con .txt_wrap .round-layoutBox + .required{
  margin-top: 16px;
}

.visual_con .txt_wrap .chart_cont{overflow: hidden;}

.visual_con .txt_wrap .chart_cont::after{
  content: '';
  clear: both;
  display: block;
}

.visual_con .tabs {
	display: flex;
	width: auto;
  gap: 10px;
  margin-bottom: 20px;
}

.visual_con .tabs .swiper-pagination-bullet {
	display: block;
	width: auto;
	height: auto;
	background: none;
	opacity: 1;
}

/* .visual_con .tabs .swiper-pagination-bullet:first-child {
	margin-left: 0;
} */

.visual_con .tabs .swiper-pagination-bullet .toggle {
	font-weight: 500;
	color: #b2b2b2;
	transition: all ease .3s;
	border: 1px solid #b2b2b2;
	padding: 8px 12px;
	border-radius: 20px;
}

.visual_con .tabs .swiper-pagination-bullet-active .toggle {
	color: #00573f !important;
	border-color: #00573f;
}

.visual_con .tabs .swiper-pagination-bullet .icon {
	display: block;
	margin: 0 auto 5px;
	width: 52px;
	height: 48px;
}

.visual_con .tabs .swiper-pagination-bullet .icon svg {
	display: block;
	margin: auto;
	width: auto;
	height: 100%;
	fill: currentColor;
	stroke: currentColor;
}

.visual_con .swiper{
  /* margin-bottom: 20px; */
}

/* .chart-box {
  opacity: 0;
  transform: translateY(20%);
  transition: all 0.5s 1s;
}

.swiper-slide-active .chart-box {
  opacity: 1;
  transform: none;
} */

.visual_con .swiper .chart-box{
  max-width: 400px;
  /* margin: 0 auto; */
}

@media screen and (max-width:1600px) {
  .visual_con .txt_wrap .tit{
    font-size: 28px;
  }


  .visual_con .txt_wrap .txt {
    font-size: 18px;
  }

  .visual_con .txt_wrap.txt_wrap1 .txt {
    font-size: 28px;
    word-break: keep-all;
  }
  

  .visual_con .overlay .txt.m .title{
    font-size: 22px;
  }

  .visual_con .overlay .txt.sm .title {
    font-size: 20px;
  }

}

@media screen and (max-width:1280px) {
  .visual_con .overlay .txt.sm .title {
    font-size: 18px;
  }

}


@media screen and (max-width:960px) {
  /* 전체 레이아웃 */
.visual_con {
  flex-direction: column;
}

.visual_con .cards{
  gap: 5px;
}

.visual_con .card{
  height: 400px;
}

.visual_con .overlay {
  padding: 40px 24px;
}

.visual_con .overlay .txt .title{
  font-size: 26px;
}

.visual_con .overlay .txt.m .title{
  font-size: 20px;
}

.visual_con .txt_wrap{
  position: static;
  visibility: visible;
  opacity: 1;
  transform: none;
  display: none;
}


.visual_con .txt_wrap.active {
  display: block;
}

.visual_con .txt_wrap .tit {
  font-size: 26px;
}

.visual_con .txt_wrap .txt {
  font-size: 16px;
}

.visual_con .txt_wrap.txt_wrap1 .txt {
    font-size: 26px;
}
.visual_con .txt_wrap .round-layoutBox span{
  width: 70px;
  font-size: 15px;
}

.visual_con .txt_wrap .round-layoutBox .txt{
  font-size: 16px;
}

/* .visual_con .swiper .chart-box{
  margin: 0 auto;
} */

}

@media screen and (max-width:768px){
  .visual_con .overlay{
    padding: 40px 10px;
  }
  .visual_con .overlay .txt .title{font-size: 18px;}
  
  .visual_con .txt_wrap .tit{
    font-size: 20px;
    margin-bottom: 15px;
  }

  .visual_con .txt_wrap .txt{
    font-size: 15px;
  }

  .visual_con .txt_wrap.txt_wrap1 .tit {
    font-size: 18px;
  }
  
  .visual_con .txt_wrap.txt_wrap1 .txt {
    font-size: 18px;
    font-weight: bold;
  }

  .visual_con .txt_wrap .round-layoutBox .txt{
    font-size: 15px;
  }

}

@media screen and (max-width:600px){

  .visual_con .overlay .txt .title{font-size: 16px;}

  .visual_con .overlay .txt.m .title{
    font-size: 15px;
  }

  .visual_con .overlay .txt.sm .title{
    font-size: 12px;
  }

  .visual_con .card {
    height: 300px;
  }

  .visual_con .txt_wrap.txt_wrap1 .tit {
    font-size: 16px;
  }
  
  .visual_con .txt_wrap.txt_wrap1 .txt {
    font-size: 16px;
  }

}

@media screen and (max-width:375px){

  .visual_con .overlay .txt.m .title{
    font-size: 12px;
  }

  .visual_con .overlay .txt.sm .title{
    font-size: 8px;
  }

}


/*  -------- 메인 컨텐츠 :: 컨텐츠2(인트로) start -------- */

@keyframes textanimate{
  0% {
      transform: translateY(0);
  }
  70% {
      transform: translateY(-500%);
  }
  100% {
    transform: translateY(-500%);
  }
}

@keyframes textanimate2{
  0% {
      transform: translateX(0);
  }
  70% {
      transform: translateX(-500%);
  }
  100% {
    transform: translateX(-500%);
  }
}

.didim_sec {
  text-align: center;
  width: 100%;
  height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 16px;
  box-sizing: border-box;
  word-break: keep-all;
}
.section_bg {
  position: relative;
}
.section_bg .bg{
  background-image: url(../../images/main2/section_bg_bg.jpg);
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.didim_sec .section1_text .title_a {
  font-size: 45px;
  line-height: 1.4;
  font-weight: bold;
}

.didim_sec .section1_text .title_a .text {
  position: relative;
  z-index: 21;
}

.didim_sec .section1_text .title_a .text_animate {
  display: inline-block;
  position: relative;
  width: 190px;
  width: 166px;
  height: 150px;
  overflow: hidden;
  background: #fff;
  margin-bottom: -48px;
  margin-right: -12px;
}

.didim_sec .section1_text .title_a .text_animate span {
  display: inline-block;
  position: absolute;
  width: 100%;
  left: 0;
  color: #d1d1d1;
  top: 37%;
}

.didim_sec .section1_text .title_a .text_animate .gradient_top {
  /* top: 0;
  height: 60px; */
  left: 0;
  width: 60px;
  height: 100%;
  background: linear-gradient(180deg, #fff, transparent);
  z-index: 21;
  display: none;
}

.didim_sec .section1_text .title_a .text_animate b {
  font-weight: bold;
}

/* .didim_sec .section1_text .title_a .text_animate b span {
  -moz-animation: textanimate 3s infinite;
  -webkit-animation: textanimate 3s infinite;
  animation: textanimate 3s infinite;
} */

.didim_sec .section1_text .title_a .text_animate b span {
  -moz-animation: textanimate2 3s infinite;
  -webkit-animation: textanimate2 3s infinite;
  animation: textanimate2 3s infinite;
}

/* .didim_sec .section1_text .title_a .text_animate .motion1 {
  top: 0;
}

.didim_sec .section1_text .title_a .text_animate .motion2 {
  top: 35%;
  color: #00573f;
}

.didim_sec .section1_text .title_a .text_animate .motion3 {
  top: 70%;
}

.didim_sec .section1_text .title_a .text_animate .motion4 {
  top: 105%;
}

.didim_sec .section1_text .title_a .text_animate .motion5 {
  top: 140%;
}

.didim_sec .section1_text .title_a .text_animate .motion6 {
  top: 175%;
}

.didim_sec .section1_text .title_a .text_animate .motion7 {
  top: 210%;
}

.didim_sec .section1_text .title_a .text_animate .motion8 {
  top: 245%;
  color: #00573f;
}

.didim_sec .section1_text .title_a .text_animate .motion9 {
  top: 280%;
} */


.didim_sec .section1_text .title_a .text_animate .motion1 {
  left: -100%;
}

.didim_sec .section1_text .title_a .text_animate .motion2 {
  left: 0;
  color: #00573f;
}

.didim_sec .section1_text .title_a .text_animate .motion3 {
  left: 100%;
}

.didim_sec .section1_text .title_a .text_animate .motion4 {
  left: 200%;
}

.didim_sec .section1_text .title_a .text_animate .motion5 {
  left: 300%;
}

.didim_sec .section1_text .title_a .text_animate .motion6 {
  left: 400%;
}

.didim_sec .section1_text .title_a .text_animate .motion7 {
  left: 500%;
  color: #00573f;
}

.didim_sec .section1_text .title_a .text_animate .motion8 {
  left: 600%;
}

.didim_sec .section1_text .title_a .text_animate .motion9 {
  left: 700%;
}

.didim_sec .section1_text .title_a .text_animate .gradient_bottom {
  /* bottom: 0; */
  /* height: 60px; */
  right: 0;
  width: 60px;
  height: 100%;
  left: auto;
  background: linear-gradient(90deg, #fff, transparent);
  z-index: 21;
  display: none;
}

.didim_sec .section1_text .t {
  font-size: 18px;
  color: #757575;
  margin-top: 50px;
}

.didim_sec .section1_img {
  /* width: 300px; */
  margin: 0 auto;
  margin-top: 80px;
}

.didim_sec .section1_img img {
  display: block;
  width: 100%;
  max-width: 200px;
}

@media screen and (max-width: 992px) {
  .didim_sec .section1_text .title_a{
    font-size: 40px;
  }

  .didim_sec .section1_text .title_a .text_animate {
    /* width: 95px; */
    /* width: 170px; */
    width: 145px;
    height: 133px;
    margin-bottom: -42px;
  }

  .didim_sec .section1_text .title_a .text_animate .gradient_top {
    height: 35px;
}

/* .didim_sec .section1_text .title_a .text_animate .gradient_bottom{
  height: 35px;
} */

}


@media screen and (max-width:960px) {
  .section_bg{
    margin-top: 70px;
  }
}

@media screen and (max-width:768px) {
  .didim_sec{
    height: 500px;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 576px) {
  .didim_sec .section1_text .title_a{
    font-size: 30px;
  }

  .didim_sec .section1_text .title_a .text_animate {
      /* width: 80px; */
      /* width: 140px; */
      width: 110px;
      height: 100px;
      margin-bottom: -32px;
  }

  .didim_sec .section1_text .title_a .text_animate .gradient_top {
    height: 30px;
  }
  .didim_sec .section1_text .title_a .text_animate .gradient_bottom{
    height: 30px;
  }
}

@media screen and (max-width:480px) {
  .didim_sec .section1_text .title_a{
    font-size: 24px;
  }

  .didim_sec .section1_text .title_a .text_animate {
    /* width: 120px; */
    width: 90px;
    height: 80px;
    margin-bottom: -25px;
    margin-right: -7px;
}

.didim_sec .section1_text .t{
  font-size: 16px;
}

.didim_sec .section1_img img {
  max-width: 100px;
}


}

/*  -------- 메인 컨텐츠 :: 컨텐츠2(인트로) end -------- */

/* -------- 메인 컨텐츠 :: 컨텐츠3(브랜드) -------- */
#mainProductCon{padding: 200px 0 180px; position: relative; background-color: #fff;}

.main-tab-container{width: 100%; max-width: 1440px; margin: 0 auto; box-sizing: border-box; display: flex; flex-wrap:wrap; justify-content: space-between;}
/* .main-tab-prd-con{min-height: 800px;} */
.main-tab-prd-con .main-tit-box.m-ver{display: none;}

/* 브랜드 왼쪽 :: 탭 */
.main-tab-wrapper{width: 220px; position: relative;}
.main-tab-wrapper .main-tit-box .main-tit{font-size:52px; letter-spacing: 0em; font-weight: 700;}
.main-tab-wrapper .main-tit-box .main-sub-txt{margin-top:10px; margin-bottom: 80px; font-size:17px; font-weight:500; line-height:1.52; color: #000;}
.main-tab-list{}
.main-tab-inner{width: 100%; max-width: 1806px; margin: 0 auto; box-sizing: border-box; }
.main-tab-list ul{width: 220px;}
.main-tab-list ul li{}
.main-tab-list ul li + li{margin-top: 55px;}
.main-tab-list ul li a{padding: 0 40px 0 20px; width: 100%; max-width: 200px; height: 66px; border: 2px solid #000; box-sizing: border-box; display: flex; align-items: center; position: relative; transition:all 0.4s ease-in-out; transition-property: border-color, background-color;}
.main-tab-list ul li a em{font-style: normal; font-size: 18px; line-height: 1.3; font-weight: 500; color: #000; transition:all 0.4s ease-in-out; transition-property: color;}
.main-tab-list ul li a:after{position: absolute; top: 50%; margin-top: -11px; right: 15px; font-size: 22px; color: #000; content: "\e930"; font-family: xeicon; transform: rotate(90deg);}
.main-tab-list ul li p{margin-top: 25px; font-size: 15.4px; line-height: 1.55; letter-spacing: -0.055em; font-weight: 500; color: #5f5f5f; opacity: 0.58;}
/* selected */
.main-tab-list ul li.selected a{border-color: #00573f; background-color: #00573f;}
.main-tab-list ul li.selected a em,
.main-tab-list ul li.selected a:after{color: #fff;}
.main-tab-list ul li.selected p{opacity: 1;}
/* Tab Fixed Move*/
.main-tab-list.top-fixed{/* position:fixed; */position:sticky; top:160px; left:0; width:100%;}
.main-tab-list.absolute{position: absolute; top: auto; bottom: 0;}

/* 브랜드 오른쪽 :: 컨텐츠 */
.main-tab-prd-con-wrapper{padding-left: 20px; width: calc(100% - 220px); max-width: 1520px; box-sizing: border-box;}
.main-prd-con{margin-top: 70px;}
.main-prd-con.main-prd-con01{margin-top: 0;}
.main-prd-top{margin-bottom: 15px; display: flex; align-items: center;}
.main-prd-top img{height: 40px; max-height: 40px;}
.main-prd-top b{margin-left: 15px; font-size: 50px; letter-spacing: -0.025em; font-weight: 700; color: #000;}

.main-prd-middle{position: relative;}
.main-prd-middle .prd-bg{position: relative; width: 100%; height: 0; padding-top: 60%;}
.main-prd-middle .prd-bg span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.main-prd-middle .prd-bg span iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.main-prd-middle .prd-img{position: absolute; bottom: -94px; right: -3.8%; width: 70%; text-align: right;}
.main-prd-middle .prd-img img{max-width: 100%; display: inline-block;}

.main-prd-bottom{margin-top: 40px; position: relative;}
.prd-tit-spec-group{display: flex; flex-wrap:wrap; align-items: center;}
.prd-tit-spec-group .prd-tit{font-size: 40px; letter-spacing: -0.055em; font-weight: 700; color: #000;}
.prd-tit-spec-group .prd-spec{margin-left: 20px; position: relative;}
.prd-tit-spec-group .prd-spec .prd-spec-tooltip-open-btn{width: 111px; height: 37px; font-size: 16px; font-weight: 600; letter-spacing: -0.055em; color: #fff; background-color: #000; border: 2px solid #000; border-radius: 3px; display: flex; align-items: center; justify-content: center; transition:all 0.4s ease-in-out; transition-property: color, background-color; box-sizing: border-box;}
.prd-tit-spec-group .prd-spec .prd-spec-tooltip-open-btn i{position: relative; top: -1px; margin-right: 10px; color: #00573f;}
.prd-tit-spec-group .prd-spec .prd-spec-tooltip-open-btn.open{background-color: #fff; color: #000;}
.prd-tit-spec-group .prd-spec .prd-spec-tooltip-box{position: absolute; bottom: 0; left: 122px; width: 300px; padding: 30px; background-color: #fff; border: 2px solid #000; border-radius: 5px; box-sizing: border-box; box-shadow: 18px 18px 49px -9px rgba(0,0,0,0.14); visibility: hidden; opacity: 0; transition:all 0.4s ease-in-out; transition-property: visibility, opacity;}
.prd-tit-spec-group .prd-spec .prd-spec-tooltip-box.open{visibility: visible; opacity: 1;}
.prd-tit-spec-group .prd-spec .prd-spec-tooltip-box .prd-spec-tooltip-tit{display: none;}
.prd-tit-spec-group .prd-spec .prd-spec-tooltip-box ul{}
.prd-tit-spec-group .prd-spec .prd-spec-tooltip-box ul li + li{margin-top: 10px;}
.prd-tit-spec-group .prd-spec .prd-spec-tooltip-box ul li{position: relative; padding-left: 10px; font-size: 16px; line-height: 1.3; font-weight: 500; color: #000;}
.prd-tit-spec-group .prd-spec .prd-spec-tooltip-box ul li:before{position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background-color: #000; content: '';}

.prd-info-btn-group{margin-top: 15px; padding-right: 6%; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.prd-info-btn-group .prd-info{width: calc(100% - 130px);}
.prd-info-btn-group .prd-info p{font-size: 17px; line-height: 1.52; font-weight: 500; letter-spacing: -0.055em; color: #353535;}
.prd-info-btn-group .prd-info p + p{margin-top: 15px;}
.prd-info-btn-group .prd-info p b{font-weight: 600; color: #00573f;}
.prd-info-btn-group .prd-btn{width: 112px; height: 112px; font-size: 16.5px; letter-spacing: -0.065em; font-weight: 500; color: #fff; text-align: center; background-color: #000; display: flex; flex-direction: column; align-items: center; justify-content: center; transition:all 0.4s ease-in-out; transition-property: background-color;}
.prd-info-btn-group .prd-btn img{height: 24px; margin-bottom: 15px;}

@media all and ( min-width: 801px ){
	.prd-tit-spec-group .prd-spec .prd-spec-tooltip-open-btn:hover{background-color: #fff; color: #000;}
	.prd-info-btn-group .prd-btn:hover{background-color: #00573f;}
}

@media all and ( max-width: 1866px ){
	.main-tab-list.top-fixed .main-tab-inner,
	.main-tab-container{padding:0 20px; /* max-width:none; */}
  .main-tab-list.top-fixed .main-tab-inner{padding: 0;}
}
@media all and ( max-width: 1280px ){
	/* Tab Fixed Move*/
	.main-tab-list.top-fixed{top:110px;}
	
	.main-prd-middle .prd-img {width: 80%;}
	.main-prd-bottom {/* margin-top: 100px; */}
	.prd-info-btn-group {padding-right: 0;}
}
@media all and ( max-width: 800px ){
	#mainProductCon{padding: 100px 0 80px;}

	.main-tab-container{position: relative; display: block;}
	.main-tab-prd-con{min-height: auto;}
	.main-tab-prd-con .main-tit-box.m-ver{display: block;}
	.main-tab-prd-con .main-tit-box.m-ver .main-tit{font-size:52px;}
	.main-tab-prd-con .main-tit-box.m-ver .main-sub-txt{display: block; margin-bottom: 30px; font-size: 17px; line-height: 1.55; letter-spacing: -0.055em; font-weight: 500; color: #5f5f5f; opacity: 0.58;}

	/* 브랜드 왼쪽 :: 탭 */
	.main-tab-wrapper{width: 100%; position: relative; padding-bottom: 45px;}
	.main-tab-wrapper .main-tit-box .main-tit{font-size:52px;}
	.main-tab-wrapper .main-tit-box .main-sub-txt{margin-top:10px; margin-bottom: 30px; font-size:17px; line-height:1.52;}
	.main-tab-list{/* position: absolute; bottom: 0; left: 0; */ width: 100%;}
  .main-tab-list.top-fixed .main-tab-inner{padding: 0 20px;}
	.main-tab-inner{width: 100%;}
	.main-tab-list ul{width: auto; /* margin: 0 -10px; */ display: flex; flex-wrap:wrap; gap: 10px 1%; justify-content: center;}
	.main-tab-list ul li{/* margin: 0 10px; */ margin: 0; width: calc(33.333% - 1%);}
	.main-tab-list ul li + li{margin-top: 0;}
	.main-tab-list ul li a{padding: 0 40px 0 20px; width: 100%; max-width: none; height: 45px; background-color: #fff;}
	.main-tab-list ul li a em{font-size: 16px; line-height: 1.3;}
	.main-tab-list ul li a:after{margin-top: -11px; right: 15px; font-size: 22px;}
	.main-tab-list ul li p{margin-top: 15px; font-size: 15px; line-height: 1.55; display: none;}
	/* Tab Fixed Move*/
	.main-tab-list.top-fixed{position:fixed; top:90px; left:0; width:100%; height: 45px; z-index: 99;}
	.main-tab-list.absolute{position: absolute; top: auto; bottom: 0;}

	/* 브랜드 오른쪽 :: 컨텐츠 */
	.main-tab-prd-con-wrapper{padding-left: 0; width: 100%;}
	.main-prd-con.main-prd-con01,
	.main-prd-con{margin-top: 70px;}
	.main-prd-top{margin-bottom: 15px; display: flex; align-items: center;}
	.main-prd-top img{height: 40px; max-height: 40px;}
	.main-prd-top b{margin-left: 15px; font-size: 24px;}

	.main-prd-middle{position: relative;}
	.main-prd-middle .prd-img{bottom: -94px; right: -3.8%; width: 100%; text-align: right;}
	.main-prd-middle .prd-img img{max-width: 100%;}
	.main-prd-con03 .main-prd-middle .prd-img img{max-width: 94%;}
	.main-prd-con04 .main-prd-middle .prd-img img,
	.main-prd-con05 .main-prd-middle .prd-img img,
	.main-prd-con06 .main-prd-middle .prd-img img{max-width: 60%;}
	.main-prd-con07 .main-prd-middle .prd-img img{max-width: 40%;}

	.main-prd-bottom{margin-top: 50px; position: relative;}
	.prd-tit-spec-group{position: relative; display: flex; flex-wrap:wrap; align-items: center;}
	.prd-tit-spec-group .prd-tit{font-size: 30px;}
	.prd-tit-spec-group .prd-spec{margin-left: 20px; position: static;}
	.prd-tit-spec-group .prd-spec .prd-spec-tooltip-open-btn{width: 111px; height: 37px; font-size: 16px;}
	.prd-tit-spec-group .prd-spec .prd-spec-tooltip-open-btn i{top: -1px; margin-right: 10px;}
	.prd-tit-spec-group .prd-spec .prd-spec-tooltip-box{bottom: auto; top: 50%; left: 5%; transform: translateY(-50%); /* left: 122px; width: 300px; */ width: 90%; padding: 30px; box-shadow: 18px 18px 49px -9px rgba(0,0,0,0.14);}
	.prd-tit-spec-group .prd-spec .prd-spec-tooltip-box .prd-spec-tooltip-tit{margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between;}
	.prd-tit-spec-group .prd-spec .prd-spec-tooltip-box .prd-spec-tooltip-tit .tit{font-size: 24px; color: #000;}
	.prd-tit-spec-group .prd-spec .prd-spec-tooltip-box .prd-spec-tooltip-tit .prd-spec-tooltip-close-btn{position: relative; top: -2px; font-size: 30px; color: #000; width: 40px; height: 40px; line-height: 42px; text-align: center; display: block;}
	.prd-tit-spec-group .prd-spec .prd-spec-tooltip-box ul li + li{margin-top: 10px;}
	.prd-tit-spec-group .prd-spec .prd-spec-tooltip-box ul li{padding-left: 10px; font-size: 16px; line-height: 1.3;}
	.prd-tit-spec-group .prd-spec .prd-spec-tooltip-box ul li:before{top: 8px; width: 3px; height: 3px;}

	.prd-info-btn-group{margin-top: 15px; padding-right: 0; display: block;}
	.prd-info-btn-group .prd-info{width: 100%;}
	.prd-info-btn-group .prd-info p{font-size: 17px; line-height: 1.52;}
	.prd-info-btn-group .prd-info p + p{margin-top: 15px;}
	.prd-info-btn-group .prd-btn{margin: 30px auto 0; width: 112px; height: 112px; font-size: 16px;}
	.prd-info-btn-group .prd-btn img{height: 24px; margin-bottom: 15px;}
}


@media screen and (max-width:480px) {
  .main-tab-list ul li{/* margin: 0 10px; */ margin: 0; width: calc(50% - 1%);}
  .main-tab-list ul li a em{
    font-size: 14px;
  }

  .main-tab-list ul li a:after{
    font-size: 16px;
    margin-top: -9px;
  }
}

#didim_point{
  width: 100%;
}

#didim_point .didim_pCont{
  width: 100%;
  padding: 50px 0;
}

.didim_pCont .cards{
  display: flex;
  gap: 20px 2%;
}

.didim_pCont .text-layout{
  text-align: center;
  word-break: keep-all;
  margin-bottom: 50px;
}

.didim_pCont .text-layout .tit{
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
}

.didim_pCont .text-layout .tit b {
  color: #00573f;
}

.didim_pCont .text-layout .txt {
  color: #666;
}

.didim_pCont .item_img {
  overflow: hidden;
  border-radius: 20px;
}


.didim_pCont .item_img img {
  display: block;
  width: 100%;
}

.didim_pCont .item_text {
  margin-top: 40px;
}

.didim_pCont .item_text .tit {
  font-weight: bold;
  font-size: 27px;
  line-height: 1.4;

}

.didim_pCont .item_text .t {
  margin-top: 15px;
  font-size: 18px;
  color: #757575;
}


@media screen and (max-width:960px) {
  .didim_pCont .text-layout .tit{
    font-size: 28px;
  }
  .didim_pCont .cards{
    gap: 30px 2%;
    flex-wrap: wrap;
  }

  .didim_pCont .cards .card-item{
    width: 49%;
  }

  .didim_pCont .item_text{
    margin-top: 14px;
  }
  .didim_pCont .item_text .t{
    margin-top: 10px;
  }
  
}

@media screen and (max-width:768px) {
  .didim_pCont .text-layout .tit{
    font-size: 24px;
  }
  .didim_pCont .item_text .tit{
    font-size: 18px;
    line-height: 1.2;
  }

  .didim_pCont .item_text .t{
    font-size: 14px;
  }
}


#why_didim{
  background-color: #eee;
  padding: 100px 0;
  margin-top: 50px;
}

.why_cont .txt-layout{
  margin-bottom: 50px;
  text-align: center;
  line-height: 1.2;
}

.why_cont .txt-layout h2 {font-size: 40px;}
.why_cont .txt-layout h2 b{color: #00573f;}

.why_cont .card_layout{display: flex; flex-wrap: wrap; gap: 20px;}
.why_cont .card_layout .card_item{width: calc(50% - 10px); padding:30px 20px; box-sizing: border-box; display: flex; flex-direction: row-reverse; align-items: center; gap: 20px; border-radius: 20px; background-color: #fff;}
.why_cont .card_layout .card_item .txt_area{width: 80%;}
.why_cont .card_layout .card_item .txt_area h2{font-size: 22px; font-weight: bold; margin-bottom: 10px;}
.why_cont .card_layout .card_item .txt_area p{color: #666;}
.why_cont .card_layout .card_item .ico{width: 20%; aspect-ratio: 1/1;}
.why_cont .card_layout .card_item .ico img{max-width: 100%;}

@media screen and (max-width:1280px) {
  .why_cont .txt-layout h2{font-size: 32px;}
  .why_cont .card_layout .card_item .txt_area h2{font-size: 20px;}
}

@media screen and (max-width:960px) {
  .why_cont .card_layout .card_item{flex-direction: column-reverse; align-items: normal; justify-content: flex-end;}
  .why_cont .card_layout .card_item .txt_area{width: 100%;}
  .why_cont .card_layout .card_item .ico{width: 100%; max-width: 80px;}

}

@media screen and (max-width:768px) {
  #why_didim{padding: 60px 0;}
  .why_cont .txt-layout{margin-bottom: 30px;}
  .why_cont .card_layout .card_item{flex-direction: row-reverse; align-items: center; justify-content: center;}
  .why_cont .card_layout{flex-direction: column;}

  .why_cont .card_layout .card_item{width: 100%;}

}

@media screen and (max-width:480px) {
  .why_cont .txt-layout h2{font-size: 24px;}
  .why_cont .card_layout .card_item .txt_area h2{font-size: 16px;}
  .why_cont .card_layout .card_item .txt_area p {font-size: 14px;}
}

#section_banner {position: relative;}

#section_banner .bg{
  background-image: url(../../images/main2/section_banner_bg.jpg);
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.banner_sec{
  width: 100%;
  height: 830px;
}

.banner_sec .banner_cont{
  width: 100%;
  height: 100%;
  padding-top: 100px;
}

.banner_sec .banner_cont .text-layout{
  text-align: center;
}

.banner_sec .banner_cont .text-layout p {
  margin-bottom: 40px;
  color: #666;
  line-height: 1.8;
  font-size: 20px;
}

.banner_sec .banner_cont .text-layout p b{
  color: #00573f;
}

.banner_sec .banner_cont .text-layout h2{
  font-size: 48px;
  margin-bottom: 80px;
}

.banner_sec .banner_cont .text-layout .link_btn{
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner_sec .banner_cont .text-layout .link_btn a{
  font-weight: bold;
  font-size: 18px;
  padding: 25px 50px 28px;
  background-color: #00573f;
  color: #fff;
  border-radius: 50px;
}

.banner_sec .banner_cont .text-layout .link_btn a:hover{
  background-color: #004733;
}

@media screen and (max-width:960px) {
  .banner_sec {
    height: auto;
  }

  .banner_sec .banner_cont{ padding: 100px 0 150px;}

}

@media screen and (max-width:768px) {
  .banner_sec .banner_cont{ padding: 50px 0 150px;}

  .banner_sec .banner_cont .text-layout p{
    font-size: 16px;
    margin-bottom: 20px;
  }

  .banner_sec .banner_cont .text-layout h2{
    font-size: 28px;
    margin-bottom: 30px;
  }

  .banner_sec .banner_cont .text-layout .link_btn a{
    font-size: 16px;
    padding: 14px 32px;
  }
}