@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:wght@700&display=swap");

/*Color variables*/
/*gray variables*/
/*white variables*/
/*black variables*/
/*shadow variables*/
.only_desktop { display:block;}
.only_desktop_tab { display:block;}
.only_mobile {display:none;}
.only_mobile_w500 {display:none;}
.only_mobile_w1024 {display:none;}
.only_mobile_w768 {display:none;}
.only_desktop_w768 {display:block;}
.only_desktop_w1024 {display:block;}

.bg_fff {background:#fff!important;}

@media (max-width: 1024px) {
.only_mobile_w1024 {display:block;}
.only_desktop_w1024 {display:none;}
}

@media (max-width: 768px) {
  .only_desktop {display:none;}
  .only_mobile {display:block;}
  .only_mobile_w768 {display:block;}
  .only_desktop_w768 {display:none;}
}
@media (max-width: 500px) {
  .only_mobile_w500 {display:block;}
  .only_desktop_tab { display:none;}
}
.comp_index {
  margin-top: 150px;
  padding: 20px;
  background-color: yellow;
  overflow: hidden;
}

.comp_index .sub_title {
  font-size: 1.2rem;
  letter-spacing: -0.01rem;
  color: #676767;
}

.comp_index .title {
  font-size: 2rem;
  font-weight: 600;
  font-style: italic;
}

.blank_mobile_80 {
  display: none;
}

@media (max-width: 768px) {
  .blank_mobile_80 {
    display: block;
    height: 80px;
  }
}

.comp_title_area {
  margin-top: 150px;
  padding-bottom: 60px;
}
.comp_title_area.type2 {
  margin-top: 150px;
  padding-bottom: 30px;
}
.comp_title_area.type3 {
  margin-top:100px;
  padding-top:100px;
  padding-bottom: 30px;
}

.comp_title_area .comp_title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 5.3rem;
  color: #000000;
  text-align: center;
}
.comp_title_area .comp_title small {font-size: 70%;}
.comp_title_area .ellipse_title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.5rem;
  font-weight: 600;
  color: #000000;
  text-align: center;
}
.comp_title_area .ellipse_title span {display:inline-block; padding:10px 20px; border:1px solid #000; border-radius:5rem; min-width:200px; line-height:1;}

.comp_title_area .comp_sub_title {
  font-size: 30px;
  text-align: center;
  margin-top: 30px;
  font-weight: 600;
}

.comp_title_area .comp_description {
  width: 100%;
  margin-top: 30px;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 2.7rem;
  text-align: center;
  color: #666666;
}

.comp_title_area .comp_description .info {
  margin-top: 25px;
  color: #666666;
}
.comp_title_area .comp_description.waterList {
	width:635px; margin:30px auto 0; max-width:100%;
}
.comp_title_area .comp_description.waterList p {
  margin-bottom: 5px;
  text-align:left;
}

.comp_title_area .comp_description.waterList p .num {
  color: #fff;
  width: 27px;
  height: 27px;
  display: inline-block;
  background: #1e1e1e;
  border-radius: 50%;
  text-align:center;
}


@media (max-width: 768px) {
  .comp_title_area {
    margin-top: 80px;
    padding-bottom: 40px;
  }
.comp_title_area.type2 {
    margin-top: 80px;
    padding-bottom: 25px;
  }
.comp_title_area.type3 {
  margin-top:50px;
  padding-top:50px;
  padding-bottom:30px;
}
  .comp_title_area .comp_title {
    margin-top: 40px;
    font-size: 3rem;
    line-height: 4rem;
  }

  .comp_title_area .comp_sub_title {
    font-size: 20px;
  }

  .comp_title_area .comp_description {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }
  
  
}

@media (max-width: 500px) { 
	.comp_title_area .comp_description {margin-top:15px;}
}

.comp_pro_cross_leftright {
  margin-top: 150px;
}

.comp_pro_cross_leftright .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  height: auto;
}

.comp_pro_cross_leftright .item.pc_padding_0_50px {padding:0 50px;}


.comp_pro_cross_leftright .item:first-child {
  padding-top: 0;
}

.comp_pro_cross_leftright .item:last-child {
  margin-bottom: 0;
}

.comp_pro_cross_leftright .item .image_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  height: auto;
}

.comp_pro_cross_leftright .item .image_area img {
  width: 100%;
}

.comp_pro_cross_leftright .item .image_area .icon_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.comp_pro_cross_leftright .item .image_area .icon_set .icon_item {
  width: 33.333%;
  text-align: center;
  padding: 25px 0;
}

.comp_pro_cross_leftright .item .image_area .icon_set .icon_item img {
  max-width: 67px;
}

.comp_pro_cross_leftright .item .image_area .icon_set .icon_item .title {
  margin-top: 10px;
}

@media (max-width: 768px) {
  .comp_pro_cross_leftright .item .image_area .icon_set {
    padding: initial;
  }

  .comp_pro_cross_leftright .item .image_area .icon_set .icon_item {
    padding: 15px 0;
  }

  .comp_pro_cross_leftright .item .image_area .icon_set .icon_item .title {
    font-size: 1.4rem;
  }
  .comp_title_area .ellipse_title {font-size:2rem;}
}

.comp_pro_cross_leftright .item .contents_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  height: auto;
}

.comp_pro_cross_leftright .item .contents_area .contents_set {
  margin-top: 60px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set:first-child {
  margin-top: 0;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .title {
  margin-bottom: 20px;
  font-size: 3rem;
  color: #000000;
  line-height: 4rem;
  font-weight: 600;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .title .sub_title {
  font-size: 2rem;
  line-height: 3rem;
  margin-top: 10px;
}

@media (max-width: 1024px) {
  .comp_pro_cross_leftright .item .contents_area .contents_set .title {
    margin-bottom: 20px;
    font-size: 3rem;
    line-height: 3.8rem;
  }
}

.comp_pro_cross_leftright .item .contents_area .contents_set .contents {
  font-size: 1.7rem;
  font-weight: 300;
  color: #666666;
  line-height: 2.7rem;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .contents .info {
  margin-top: 15px;
  font-size: 1.4rem;
  color: #666666;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .title {
  font-size: 3rem;
  text-align: right !important;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .con_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  margin-top: 20px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .con_area .sub_item {
  width: calc((100% - 100px) / 3);
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .con_area .sub_item img {
  width: 100%;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .con_area .sub_item .sub_title {
  margin-top: 15px;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
  line-height: 2.2rem;
  text-align: center;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .con_area svg {
  margin: 0 15px;
  margin-top: 65px;
}

@media (max-width: 768px) {
  .comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .title {
    font-size: 2rem !important;
    text-align: left !important;
  }

  .comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .con_area {
    display: block;
  }

  .comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .con_area .sub_item {
    width: 100%;
  }

  .comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .con_area .sub_item:not(:first-child) {
    margin-top: 20px;
  }

  .comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .con_area .sub_item .sub_title {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }

  .comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .con_area svg {
    display: none;
  }
  .comp_pro_cross_leftright .item .contents_area .contents_set .contents { font-size:1.6rem;}
  
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents {
  display: block;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin-top: 40px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents .sub_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents .sub_item img {
  width: 70px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents .sub_item .sub_title {
  text-align: left;
  margin-left: 20px;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #666666;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents .sub_item .sub_title b {
  display: block;
  font-weight: 600;
  text-align: center;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents .sub_item:first-child {
  margin-left: 0;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents .sub_item:last-child {
  margin-top: 15px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents.small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents.small .sub_title {
  text-align: center;
  margin-top: 20px;
  margin-left: 0;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #666666;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents.small .sub_item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 72px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents.small .sub_item img {
  width: 40px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin-top: 40px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .sub_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .sub_item img {
  width: 70px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .sub_item .sub_title {
  text-align: left;
  margin-left: 20px;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #666666;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .sub_item .sub_title b {
  display: block;
  font-weight: 600;
  text-align: center;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .sub_item:first-child {
  margin-left: 0;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2 .sub_item:last-child {
  margin-top: 15px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2.small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2.small .sub_title {
  text-align: center;
  margin-top: 20px;
  margin-left: 0;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #666666;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2.small .sub_item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 72px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type2.small .sub_item img {
  width: 40px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin-top: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type3 .sub_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type3 .sub_item img {
  width: 70px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type3 .sub_item .sub_title {
  text-align: center;
  margin-left: 20px;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #666666;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type3 .sub_item .sub_title b {
  display: block;
  font-weight: 600;
  text-align: center;
}

@media (max-width: 1024px) {
  .comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type3 .sub_item .sub_title {
    margin-top: 15px;
  }
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type3 .sub_item:first-child {
  margin-left: 0;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type3.small .sub_item {
  min-width: 72px;
  margin-left: 10px;
  margin-right: 10px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type3.small .sub_item img {
  width: 40px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type4 {
  display: block;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin-top: 40px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type4 .sub_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type4 .sub_item img {
  width: 70px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type4 .sub_item .sub_title {
  text-align: center;
  margin-left: 20px;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #666666;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type4 .sub_item .sub_title b {
  display: block;
  font-weight: 600;
  text-align: center;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type4 .sub_item:first-child {
  margin-left: 0;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type4 .sub_item:last-child {
  margin-right: 0;
  margin-top: 20px;
}

@media (max-width: 768px) {
  .comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type4 .sub_item {
    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;
  }
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type4.small .sub_item {
  min-width: 72px;
  margin-left: 10px;
  margin-right: 10px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type4.small .sub_item img {
  width: 40px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 40px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type5 .sub_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  align-items: center;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type5 .sub_item img {
  width: 70px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type5 .sub_item .sub_title {
  text-align: center;
  margin-left: 20px;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #666666;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type5 .sub_item .sub_title b {
  display: block;
  font-weight: 600;
  text-align: center;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type5 .sub_item:first-child {
  margin-left: 0;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type5 .sub_item:last-child {
  margin-left: 30px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type5.small .sub_item {
  min-width: 72px;
  margin-left: 10px;
  margin-right: 10px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type5.small .sub_item img {
  width: 40px;
}

@media (max-width: 768px) {
  .comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type5 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type6 {
  display: block;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin-top: 40px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type6 .sub_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type6 .sub_item img {
  width: 70px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type6 .sub_item .sub_title {
  text-align: left;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #666666;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type6 .sub_item .sub_title b {
  display: block;
  font-weight: 600;
  text-align: center;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type6 .sub_item:first-child {
  margin-left: 0;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type6 .sub_item:last-child {
  margin-right: 0;
  margin-top: 20px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type6.small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type6.small .sub_title {
  text-align: center;
  margin-top: 20px;
  margin-left: 0;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #666666;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type6.small .sub_item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 72px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 0;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type6.small .sub_item img {
  width: 40px;
}

@media (max-width: 768px) {
  .comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type6 .sub_item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type7 {
  display: block;
  margin-top: 40px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type7 .sub_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type7 .sub_item img {
  width: 70px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type7 .sub_item .sub_title {
  text-align: left;
  margin-left: 20px;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #666666;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type7 .sub_item .sub_title b {
  display: block;
  font-weight: 600;
  text-align: center;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type7 .sub_item:first-child {
  margin-left: 0;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type7 .sub_item:last-child {
  margin-right: 0;
  margin-top: 20px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type7.small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type7.small .sub_title {
  text-align: center;
  margin-top: 20px;
  margin-left: 0;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #666666;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type7.small .sub_item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 72px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 0;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type7.small .sub_item img {
  width: 40px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type8 {
  display: block;
  margin-top: 40px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type8 .sub_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type8 .sub_item img {
  width: 70px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type8 .sub_item .sub_title {
  text-align: left;
  margin-left: 20px;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #666666;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type8 .sub_item .sub_title b {
  display: block;
  font-weight: 600;
  text-align: center;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type8 .sub_item:first-child {
  margin-left: 0;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type8 .sub_item:last-child {
  margin-right: 0;
  margin-top: 20px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type8.small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type8.small .sub_title {
  text-align: center;
  margin-top: 20px;
  margin-left: 0;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #666666;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type8.small .sub_item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 72px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 0;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .sub_contents_type8.small .sub_item img {
  width: 40px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .table_area {
  width: 100%;
  margin-top: 40px;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .table_area table thead tr {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .table_area table thead tr th {
  text-align: center;
  padding: 18px 0;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .table_area table tbody tr {
  border-bottom: 1px solid #CBCBCB;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .table_area table tbody tr td {
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  text-align: center;
  padding: 18px 0;
  line-height: 2rem;
}

.comp_pro_cross_leftright .item .contents_area .contents_set .strong_text {
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 600;
  margin-top: 15px;
  line-height: 2.4rem;
  color: #000000;
}

.comp_pro_cross_leftright .item:nth-child(odd) .contents_area {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.comp_pro_cross_leftright .item:nth-child(odd) .contents_group {
  padding-left: 98px;
}

.comp_pro_cross_leftright .item .contents_group.pc_padding-left_50px {
  padding-left: 50px;
}

@media (max-width: 1024px) {
  .comp_pro_cross_leftright .item:nth-child(odd) .contents_group {
    padding-left: 40px;
  }
}

.comp_pro_cross_leftright .item:nth-child(odd) .contents_group.reverse {
  padding-left: 0;
  padding-right: 98px;
  text-align: right;
}

@media (max-width: 1024px) {
  .comp_pro_cross_leftright .item:nth-child(odd) .contents_group.reverse {
    padding-left: 0;
    padding-right: 40px;
  }
}

@media (max-width: 768px) {
  .comp_pro_cross_leftright .item:nth-child(odd) .contents_group.reverse {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }

  .comp_pro_cross_leftright .item:nth-child(odd) .contents_group.reverse .title {
    font-size: 3rem;
  }

  .comp_pro_cross_leftright .item:nth-child(odd) .contents_group.reverse .contents {
    margin-top: 30px;
    padding-bottom: 20px;
  }
}

.comp_pro_cross_leftright .item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.comp_pro_cross_leftright .item:nth-child(even) .contents_area {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.comp_pro_cross_leftright .item:nth-child(even) .contents_group {
  padding-right: 98px;
  text-align: right;
}

@media (max-width: 1024px) {
  .comp_pro_cross_leftright .item:nth-child(even) .contents_group {
    padding-right: 40px;
  }
}

.comp_pro_cross_leftright .item:nth-child(even) .contents_group .sub_contents {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.comp_pro_cross_leftright .item:nth-child(even) .contents_group.reverse {
  padding-left: 98px;
  padding-right: 0;
  text-align: left;
}

@media (max-width: 1024px) {
  .comp_pro_cross_leftright .item:nth-child(even) .contents_group.reverse {
    padding-left: 40px;
    padding-right: 0;
  }
  .comp_pro_cross_leftright .item.pc_padding_0_50px {padding:0;}
}

@media (max-width: 768px) {
  .comp_pro_cross_leftright .item:nth-child(even) .contents_group.reverse {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }

  .comp_pro_cross_leftright .item:nth-child(even) .contents_group.reverse .title {
    font-size: 3rem;
  }

  .comp_pro_cross_leftright .item:nth-child(even) .contents_group.reverse .contents {
    margin-top: 30px;
    padding-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .comp_pro_cross_leftright {
    margin-top: 80px;
  }

  .comp_pro_cross_leftright .comp_title {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 3rem;
    line-height: 4rem;
  }

  .comp_pro_cross_leftright .item {
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 80px;
  }

  .comp_pro_cross_leftright .item:first-child {
    margin-top: 0;
  }

  .comp_pro_cross_leftright .item:last-child {
    padding-bottom: 0;
  }

  .comp_pro_cross_leftright .item .image_area {
    width: 100%;
  }

  .comp_pro_cross_leftright .item .contents_area {
    display: block;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .comp_pro_cross_leftright .item .contents_area .contents_group {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
	margin-top:10px;
  }

  .comp_pro_cross_leftright .item .contents_area .contents_group .contents_set {
    margin-top: 35px;
  }

  .comp_pro_cross_leftright .item .contents_area .contents_group .contents_set:first-child {
    margin-top: 0;
  }

  .comp_pro_cross_leftright .item .contents_area .contents_group .title {
    font-size: 2.5rem;
    line-height: 3.5rem;
    margin-bottom: 15px;
  }

  .comp_pro_cross_leftright .item .contents_area .contents_group .sub_contents {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
}

.comp_pro_brand_tech .item_wrap .item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  width: 100%;
  min-height: 442px;
  background-color: #FAFAFA;
}

.comp_pro_brand_tech .item_wrap .item .image_area {
  background-size: cover;
}

.comp_pro_brand_tech .item_wrap .item .image_area img {
  display: none;
  width: 100%;
}

.comp_pro_brand_tech .item_wrap .item .contents_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 17px 35px;
}

.comp_pro_brand_tech .item_wrap .item .contents_area .contents_set {
  width: 50%;
  padding: 17px 25px;
}

@media (max-width: 1024px) {
  .comp_pro_brand_tech .item_wrap .item .contents_area .contents_set {
    width: 100%;
  }
}

.comp_pro_brand_tech .item_wrap .item .contents_area .contents_set .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 35px;
}

.comp_pro_brand_tech .item_wrap .item .contents_area .contents_set .title {
  margin-top: 20px;
  margin-bottom: 12px;
  font-family: "Noto Sans";
  font-size: 1.8rem;
  font-weight: 500;
}

.comp_pro_brand_tech .item_wrap .item .contents_area .contents_set .contents {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
}

.comp_pro_brand_tech .description_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  margin-top: 78px;
}

.comp_pro_brand_tech .description_wrap .title {
  width: 280px;
  font-family: "Noto-Sans";
  font-size: 3rem;
  line-height: 3.5rem;
  color: #000000;
}

.comp_pro_brand_tech .description_wrap .contents {
  width: calc(100% - 280px);
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #000000;
}

@media (max-width: 768px) {
  .comp_pro_brand_tech .comp_title {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 3rem;
    line-height: 4rem;
  }

  .comp_pro_brand_tech .item_wrap .item {
    display: block;
  }

  .comp_pro_brand_tech .item_wrap .item .image_area {
    background-size: cover;
  }

  .comp_pro_brand_tech .item_wrap .item .image_area img {
    display: block;
    width: 100%;
  }

  .comp_pro_brand_tech .item_wrap .item .contents_area {
    padding: 17px 25px;
  }

  .comp_pro_brand_tech .item_wrap .item .contents_area .contents_set {
    padding: 17px 0;
  }

  .comp_pro_brand_tech .description_wrap {
    display: block;
    margin-top: 40px;
    padding-bottom: 60px;
  }

  .comp_pro_brand_tech .description_wrap .title {
    width: 100%;
  }

  .comp_pro_brand_tech .description_wrap .contents {
    width: 100%;
    margin-top: 20px;
  }
}

.comp_pro_explanation .item_wrap .item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  width: 100%;
  min-height: 442px;
  background-color: #FAFAFA;
}

.comp_pro_explanation .item_wrap .item .image_area {
  background-size: cover;
}

.comp_pro_explanation .item_wrap .item .image_area img {
  display: none;
  width: 100%;
}

.comp_pro_explanation .item_wrap .item .contents_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 60px;
}

.comp_pro_explanation .item_wrap .item .contents_area .contents_set {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
}

@media (max-width: 768px) {
  .comp_pro_explanation .comp_title {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 3rem;
    line-height: 4rem;
  }

  .comp_pro_explanation .item_wrap .item {
    display: block;
  }

  .comp_pro_explanation .item_wrap .item .image_area {
    background-size: cover;
  }

  .comp_pro_explanation .item_wrap .item .image_area img {
    display: block;
    width: 100%;
  }

  .comp_pro_explanation .item_wrap .item .contents_area {
    padding: 17px 25px;
  }

  .comp_pro_explanation .item_wrap .item .contents_area .contents_set {
    padding: 17px 0;
  }
}

.comp_pro_default_image .item_wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.comp_pro_default_image .item_wrap .item img {
  width: 100%;
}

.comp_pro_image_innertext .item_wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 500px;
  background-size: cover;
  padding: 20px;
}

.comp_pro_image_innertext .item_wrap .item .contents {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.8rem;
  text-align: center;
}

.comp_pro_swiper_single .item_wrap .item {
  position: relative;
  width: 100%;
}

.comp_pro_swiper_single .item_wrap .item .pro_swiper_single {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.comp_pro_swiper_single .item_wrap .item .pro_swiper_single .swiper-wrapper {
  height: auto;
}

.comp_pro_swiper_single .item_wrap .item .pro_swiper_single .swiper-wrapper .swiper-slide {
  position: relative;
  height: 0;
  padding-bottom: 55.66%;
  overflow: hidden;
}

.comp_pro_swiper_single .item_wrap .item .pro_swiper_single .swiper-wrapper .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.comp_pro_swiper_single .item_wrap .item .swiper_prev {
  position: absolute;
  top: 50%;
  left: -68px;
  margin-top: -34px;
  cursor: pointer;
  z-index: 1;
}

.comp_pro_swiper_single .item_wrap .item .swiper_prev:focus {
  outline: none;
}

.comp_pro_swiper_single .item_wrap .item .swiper_next {
  position: absolute;
  top: 50%;
  right: -68px;
  margin-top: -34px;
  cursor: pointer;
  z-index: 1;
}

.comp_pro_swiper_single .item_wrap .item .swiper_next:focus {
  outline: none;
}

@media (max-width: 1350px) {
  .comp_pro_swiper_single .item_wrap .item .swiper_prev {
    left: 0;
  }

  .comp_pro_swiper_single .item_wrap .item .swiper_next {
    right: 0;
  }
}

@media (max-width: 768px) {
  .comp_pro_swiper_single .item_wrap .item .swiper_prev {
    margin-top: -22px;
  }

  .comp_pro_swiper_single .item_wrap .item .swiper_prev img {
    width: 44px;
  }

  .comp_pro_swiper_single .item_wrap .item .swiper_next {
    margin-top: -22px;
  }

  .comp_pro_swiper_single .item_wrap .item .swiper_next img {
    width: 44px;
  }
}

.swiper_pagination_bullet {
  width: 5px;
  height: 5px;
  color: #000000 !important;
}

.swiper_pagination_bullet_active {
  width: 5px;
  height: 5px;
  color: #000000 !important;
}

.comp_pro_swiper_multi_a_ratio {
  padding-bottom: 150px;
  overflow: hidden;
}

.comp_pro_swiper_multi_a_ratio .item_wrap .item {
  position: relative;
  width: 100%;
}

.comp_pro_swiper_multi_a_ratio .item_wrap .item .pro_swiper_multi_a_ratio {
  position: relative;
  width: 100%;
}

.comp_pro_swiper_multi_a_ratio .item_wrap .item .pro_swiper_multi_a_ratio .swiper-wrapper {
  height: auto;
}

.comp_pro_swiper_multi_a_ratio .item_wrap .item .pro_swiper_multi_a_ratio .swiper-wrapper .swiper-slide {
  position: relative;
  width: 30%;
  height: 0;
  padding-bottom: 36.72%;
}

.comp_pro_swiper_multi_a_ratio .item_wrap .item .pro_swiper_multi_a_ratio .swiper-wrapper .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.comp_pro_swiper_multi_a_ratio .item_wrap .item .pro_swiper_multi_a_ratio .swiper-wrapper .swiper-slide .pro_title_area {
  position: absolute;
  top: 100%;
}

.comp_pro_swiper_multi_a_ratio .item_wrap .item .pro_swiper_multi_a_ratio .swiper-wrapper .swiper-slide .pro_title_area .pro_title {
  margin-top: 20px;
  font-size: 2rem;
  line-height: 3rem;
  color: #000000;
}

.comp_pro_swiper_multi_a_ratio .item_wrap .item .pro_swiper_multi_a_ratio .swiper-wrapper .swiper-slide .pro_title_area a {
  width: 100px;
  height: 35px;
  margin-top: 10px;
  margin-left: 0;
}

@media (max-width: 1024px) {
  .comp_pro_swiper_multi_a_ratio .item_wrap .item .pro_swiper_multi_a_ratio .swiper-wrapper .swiper-slide .pro_title_area .pro_title {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }

  .comp_pro_swiper_multi_a_ratio .item_wrap .item .pro_swiper_multi_a_ratio .swiper-wrapper .swiper-slide .pro_title_area a {
    width: 110px;
    height: 40px;
  }
}

.comp_pro_swiper_multi_a_ratio .item_wrap .item .swiper_multi_a_ratio_prev {
  position: absolute;
  top: 50%;
  left: -68px;
  margin-top: -34px;
  cursor: pointer;
  z-index: 1;
}

.comp_pro_swiper_multi_a_ratio .item_wrap .item .swiper_multi_a_ratio_prev:focus {
  outline: none;
}

.comp_pro_swiper_multi_a_ratio .item_wrap .item .swiper_multi_a_ratio_next {
  position: absolute;
  top: 50%;
  right: -68px;
  margin-top: -34px;
  cursor: pointer;
  z-index: 1;
}

.comp_pro_swiper_multi_a_ratio .item_wrap .item .swiper_multi_a_ratio_next:focus {
  outline: none;
}

@media (max-width: 1350px) {
  .comp_pro_swiper_multi_a_ratio .item_wrap .item .swiper_multi_a_ratio_prev {
    left: 0;
  }

  .comp_pro_swiper_multi_a_ratio .item_wrap .item .swiper_multi_a_ratio_next {
    right: 0;
  }
}

@media (max-width: 768px) {
  .comp_pro_swiper_multi_a_ratio .item_wrap .item .swiper_multi_a_ratio_prev {
    margin-top: -22px;
  }

  .comp_pro_swiper_multi_a_ratio .item_wrap .item .swiper_multi_a_ratio_prev img {
    width: 44px;
  }

  .comp_pro_swiper_multi_a_ratio .item_wrap .item .swiper_multi_a_ratio_next {
    margin-top: -22px;
  }

  .comp_pro_swiper_multi_a_ratio .item_wrap .item .swiper_multi_a_ratio_next img {
    width: 44px;
  }

  .comp_pro_swiper_multi_a_ratio .item_wrap .item .pro_swiper_multi_a_ratio .swiper-wrapper .swiper-slide {
    width: 50%;
    padding-bottom: 61.21%;
  }
}

.comp_pro_wide_bg_object {
  margin-top: 150px;
}

.comp_pro_wide_bg_object .item_wrap {
  height: 411px;
  overflow: hidden;
}

.comp_pro_wide_bg_object .item_wrap .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.comp_pro_wide_bg_object .item_wrap .item .contents_area {
  width: 50%;
}

.comp_pro_wide_bg_object .item_wrap .item .contents_area .title {
  margin-top: 50px;
  font-size: 3rem;
  line-height: 3.8rem;
}

.comp_pro_wide_bg_object .item_wrap .item .contents_area .contents {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
}

.comp_pro_wide_bg_object .item_wrap .item .image_area {
  position: relative;
  width: 50%;
  height: 411px;
}

.comp_pro_wide_bg_object .item_wrap .item .image_area img {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 411px;
}

@media (max-width: 1024px) {
  .comp_pro_wide_bg_object {
    margin-top: 100px;
  }

  .comp_pro_wide_bg_object .item_wrap {
    height: 350px;
  }

  .comp_pro_wide_bg_object .item_wrap .item {
    height: 350px;
  }

  .comp_pro_wide_bg_object .item_wrap .item .image_area {
    height: 350px;
  }

  .comp_pro_wide_bg_object .item_wrap .item .image_area img {
    height: 350px;
  }
}

@media (max-width: 900px) {
  .comp_pro_wide_bg_object .item_wrap {
    height: 300px;
  }

  .comp_pro_wide_bg_object .item_wrap .item {
    height: 300px;
  }

  .comp_pro_wide_bg_object .item_wrap .item .image_area {
    height: 300px;
  }

  .comp_pro_wide_bg_object .item_wrap .item .image_area img {
    height: 300px;
  }
}

@media (max-width: 768px) {
  .comp_pro_wide_bg_object .item_wrap {
    height: inherit;
  }

  .comp_pro_wide_bg_object .item_wrap .item {
    display: block;
    height: inherit;
  }

  .comp_pro_wide_bg_object .item_wrap .item .contents_area {
    width: 100%;
    padding-top: 40px;
  }

  .comp_pro_wide_bg_object .item_wrap .item .contents_area .logo img {
    width: 70px;
  }

  .comp_pro_wide_bg_object .item_wrap .item .contents_area .title {
    margin-top: 40px;
  }

  .comp_pro_wide_bg_object .item_wrap .item .image_area {
    width: 100%;
    height: inherit;
  }

  .comp_pro_wide_bg_object .item_wrap .item .image_area img {
    position: inherit;
    width: 100%;
    height: inherit;
  }
}

.comp_pro_bg_layer_obj {
  margin-top: 100px;
  padding-bottom: 120px;
}

.comp_pro_bg_layer_obj .item_wrap .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 411px;
  background-repeat: no-repeat;
  background-size: cover;
}

.comp_pro_bg_layer_obj .item_wrap .item .contents_area {
  width: 55%;
  padding-left: 55px;
}

.comp_pro_bg_layer_obj .item_wrap .item .contents_area .title {
  margin-top: 45px;
  font-size: 2.8rem;
  line-height: 3.8rem;
}

.comp_pro_bg_layer_obj .item_wrap .item .contents_area .contents {
  margin-top: 10px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
}

.comp_pro_bg_layer_obj .item_wrap .item .image_area {
  position: absolute;
  top: 48px;
  left: 50%;
}

.comp_pro_bg_layer_obj .item_wrap .item .image_area img {
  width: 363px;
  margin-left: 72px;
}

@media (max-width: 1024px) {
  .comp_pro_bg_layer_obj {
    padding-bottom: 60px;
  }

  .comp_pro_bg_layer_obj .item_wrap .item {
    height: 350px;
  }

  .comp_pro_bg_layer_obj .item_wrap .item .image_area img {
    width: 280px;
    margin-left: 80px;
  }
}

@media (max-width: 768px) {
  .comp_pro_bg_layer_obj {
    padding-bottom: 0;
  }

  .comp_pro_bg_layer_obj .item_wrap .item {
    display: block;
    height: inherit;
  }

  .comp_pro_bg_layer_obj .item_wrap .item .contents_area {
    width: 100%;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .comp_pro_bg_layer_obj .item_wrap .item .contents_area .title {
    margin-top: 30px;
    font-size: 2.5rem;
    line-height: 3.2rem;
  }

  .comp_pro_bg_layer_obj .item_wrap .item .contents_area .contents {
    margin-top: 10px;
  }

  .comp_pro_bg_layer_obj .item_wrap .item .image_area {
    position: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: initial;
    left: initial;
    right: initial !important;
    width: 100%;
    margin-top: 40px;
  }

  .comp_pro_bg_layer_obj .item_wrap .item .image_area img {
    width: 100%;
    max-width: 363px;
    margin-left: inherit;
  }
}

.comp_pro_half_dimtext {
  margin-top: 100px;
}

.comp_pro_half_dimtext .item_wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.comp_pro_half_dimtext .item_wrap .item .contents_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  height: 100%;
  padding-left: 90px;
  background-color: rgba(0, 0, 0, 0.7);
}

.comp_pro_half_dimtext .item_wrap .item .contents_set .contents .sub_title {
  font-size: 3rem;
  color: #ffffff;
}

.comp_pro_half_dimtext .item_wrap .item .contents_set .contents .title {
  font-size: 5.6rem;
  font-weight: 600;
  color: #ffffff;
}

.comp_pro_half_dimtext .item_wrap .item .contents_set .contents .text {
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #ffffff;
}

@media (max-width: 1024px) {
  .comp_pro_half_dimtext .item_wrap .item .contents_set {
    padding-left: 50px;
  }
}

@media (max-width: 768px) {
  .comp_pro_half_dimtext .item_wrap .item {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 480px;
  }

  .comp_pro_half_dimtext .item_wrap .item .contents_set {
    width: 100%;
    height: auto;
    background-size: 200%;
    padding: 30px 20px;
  }

  .comp_pro_half_dimtext .item_wrap .item .contents_set .contents .sub_title {
    font-size: 2rem;
  }

  .comp_pro_half_dimtext .item_wrap .item .contents_set .contents .title {
    font-size: 3rem;
  }

  .comp_pro_half_dimtext .item_wrap .item .contents_set .contents .text {
    margin-top: 15px;
  }
}

.comp_pro_numbering_info {
  margin-top: 100px;
}

.comp_pro_numbering_info .half_contents {
  margin-top: -80px;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp_pro_numbering_info .half_contents .half_item {
  width: 50%;
}

.comp_pro_numbering_info .half_contents .half_item .title {
  font-size: 3rem;
  font-weight: 600;
  color: #000000;
}

.comp_pro_numbering_info .half_contents .half_item .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_numbering_info .half_contents .half_item:first-child {
  padding-right: 100px;
  border-right: 1px solid #DBDBDB;
}

.comp_pro_numbering_info .half_contents .half_item:last-child {
  padding-left: 80px;
}

@media (max-width: 1024px) {
  .comp_pro_numbering_info .half_contents .half_item:first-child {
    padding-right: 50px;
  }

  .comp_pro_numbering_info .half_contents .half_item:last-child {
    padding-left: 50px;
  }
}

@media (max-width: 768px) {
  .comp_pro_numbering_info .half_contents {
    display: block;
  }

  .comp_pro_numbering_info .half_contents .half_item {
    width: 100%;
  }

  .comp_pro_numbering_info .half_contents .half_item .title {
    font-size: 2rem;
  }

  .comp_pro_numbering_info .half_contents .half_item:first-child {
    padding-right: 0;
    padding-bottom: 30px;
    border-right: none;
    border-bottom: 1px solid #DBDBDB;
  }

  .comp_pro_numbering_info .half_contents .half_item:last-child {
    margin-top: 30px;
    padding-left: 0;
  }
}

.comp_pro_numbering_info .item_wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 35px;
}

.comp_pro_numbering_info .item_wrap .item .image_area {
  width: 50%;
  text-align: center;
}

.comp_pro_numbering_info .item_wrap .item .image_area img {
  width: 100%;
}

.comp_pro_numbering_info .item_wrap .item .contents_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
}

.comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .title {
  margin-bottom: 40px;
  font-size: 4rem;
  line-height: 5rem;
}

.comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .sub_title {
  color: #666666;
  margin-bottom: 40px;
  font-weight: 300;
  line-height: 2.7rem;
}

.comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .numbering_set {
  padding-right: 65px;
}

.comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .numbering_set .numbering {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 13px 0;
}

.comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .numbering_set .numbering img {
  margin-right: 15px;
}

.comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .numbering_set .numbering .title_set .title {
  margin-bottom: 0;
  padding-top: 2px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 3rem;
  color: #000000;
}

.comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .numbering_set .numbering .title_set .text {
  margin-top: 15px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .numbering_set .numbering_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 13px 0;
}

.comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .numbering_set .numbering_center img {
  margin-right: 15px;
}

.comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .numbering_set .numbering_center .title_set .title {
  margin-bottom: 0;
  padding-top: 2px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 3rem;
  color: #000000;
}

.comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .numbering_set .numbering_center .title_set .text {
  margin-top: 15px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

@media (max-width: 1024px) {
  .comp_pro_numbering_info .item_wrap .item {
    padding: 0;
  }

  .comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .title {
    margin-top: 40px;
    font-size: 4rem;
    line-height: 4.8rem;
  }

  .comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .numbering_set .numbering {
    padding: 8px 0;
  }

  .comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .numbering_set .numbering .title_set .title {
    margin-top: 0;
  }

  .comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .numbering_set .numbering .title_set .text {
    margin-top: 15px;
    padding-bottom: 15px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.7rem;
  }
}

@media (max-width: 768px) {
  .comp_pro_numbering_info .item_wrap .item {
    display: block;
  }

  .comp_pro_numbering_info .item_wrap .item .image_area {
    width: 100%;
  }

  .comp_pro_numbering_info .item_wrap .item .contents_area {
    width: 100%;
    margin-top: 20px;
  }

  .comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .title {
    margin-bottom: 20px;
    font-size: 2.5rem;
    line-height: 3.2rem;
  }

  .comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .numbering_set .numbering .title_set .title {
    margin-top: -3px;
  }

  .comp_pro_numbering_info .item_wrap .item .contents_area .contents_set .numbering_set .numbering img {
    width: 24px;
  }
}

.comp_pro_only_01 {
  margin-top: 60px;
}

.comp_pro_only_01 .item_wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.comp_pro_only_01 .item_wrap .item .image_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
}

.comp_pro_only_01 .item_wrap .item .image_area .image_set {
  width: 33.33%;
}

.comp_pro_only_01 .item_wrap .item .image_area .image_set img {
  width: 100%;
}

.comp_pro_only_01 .item_wrap .item .image_area .con_set {
  width: 33.33%;
  text-align: center;
}

.comp_pro_only_01 .item_wrap .item .image_area .con_set div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_only_01 .item_wrap .item .image_area .con_set div img {
  margin: 0 8px;
}

.comp_pro_only_01 .item_wrap .item .image_area .con_set .icon {
  margin: 20px 0;
}

.comp_pro_only_01 .item_wrap .item .contents_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  padding: 0 35px;
}

.comp_pro_only_01 .item_wrap .item .contents_area .contents_set .title {
  font-size: 3rem;
  line-height: 4rem;
  margin-bottom: 20px;
}

.comp_pro_only_01 .item_wrap .item .contents_area .contents_set .text {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_only_01 .item_wrap .item .contents_area .contents_set:not(:first-child) {
  margin-top: 60px;
}

@media (max-width: 1024px) {
  .comp_pro_only_01 .item_wrap .item .contents_area {
    padding: 0 35px 0 0;
  }

  .comp_pro_only_01 .item_wrap .item .contents_area .contents_set .title {
    font-size: 3rem;
    line-height: 3.8rem;
    margin-bottom: 10px;
  }

  .comp_pro_only_01 .item_wrap .item .contents_area .contents_set:not(:first-child) {
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .comp_pro_only_01 .item_wrap .item {
    display: block;
  }

  .comp_pro_only_01 .item_wrap .item .image_area {
    width: 100%;
  }

  .comp_pro_only_01 .item_wrap .item .image_area .con_set div span {
    font-size: 1.2rem;
    letter-spacing: -0.01rem;
  }

  .comp_pro_only_01 .item_wrap .item .image_area .con_set .icon {
    margin: 15px 0;
  }

  .comp_pro_only_01 .item_wrap .item .image_area .con_set .icon img {
    width: 80%;
  }

  .comp_pro_only_01 .item_wrap .item .contents_area {
    width: 100%;
    margin-top: 40px;
  }

  .comp_pro_only_01 .item_wrap .item .contents_area .contents_set .title {
    font-size: 2.5rem;
    line-height: 3.2rem;
  }
}

.comp_pro_checkerboard {
  background-color: #F5F6F8;
  margin-top: 100px;
  padding: 75px 0;
}
.comp_pro_checkerboard.type-bg_fff {background-color:#fff; margin-top:0; padding-bottom:0;}

.comp_pro_checkerboard .section_title_area .section_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 5.3rem;
  color: #000000;
  text-align: center;
}

.comp_pro_checkerboard .section_title_area .section_sub_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  text-align: center;
  color: #666666;
}

@media (max-width: 768px) {
  .comp_pro_checkerboard .section_title_area .section_title {
    font-size: 3rem;
    line-height: 4rem;
  }

  .comp_pro_checkerboard .section_title_area .section_sub_title {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }
}

.comp_pro_checkerboard .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 48px;
}

.comp_pro_checkerboard .item_wrap .item_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.comp_pro_checkerboard .item_wrap .item_set.grid_bx {display:grid; gap:60px 40px;}
.comp_pro_checkerboard .item_wrap .item_set.grid_bx.repeat_4_2_1 {grid-template-columns:repeat(4,1fr);}


.comp_pro_checkerboard .item_wrap .item_set .item {
  min-height: 414px;
  margin: 12px;
  background-color: #ffffff;
  border-radius: 8px;
}
.comp_pro_checkerboard.type-bg_fff .item_wrap .item_set .item { 
min-height:auto; margin:0;
}


.comp_pro_checkerboard.type2 .item_wrap .item_set .item {min-height:449px;}


@media (max-width: 768px) { 
.comp_pro_checkerboard.type2 .item_wrap .item_set .item {min-height:auto;}

.comp_pro_checkerboard .item_wrap .item_set.grid_bx.repeat_4_2_1 {grid-template-columns:repeat(2,1fr);}
}

@media (max-width: 500px) { 
.comp_pro_checkerboard .item_wrap .item_set.grid_bx.repeat_4_2_1 {grid-template-columns:repeat(1,1fr);}
}

.comp_pro_checkerboard .item_wrap .item_set .item .item_inner {
  width: 373px;
  height: 100%;
  padding: 50px 20px 40px 20px;
  text-align: center;
}
.comp_pro_checkerboard .item_wrap .item_set.grid_bx .item .item_inner {width:100%;}
.comp_pro_checkerboard.type-bg_fff .item_wrap .item_set.grid_bx .item .item_inner {padding:0;}
.comp_pro_checkerboard.type-bg_fff .item_wrap .item_set.grid_bx .item .item_inner img {width:100%;}

.comp_pro_checkerboard .item_wrap .item_set .item .item_inner .title {
  margin-top: 30px;
  font-size: 3rem;
  line-height: 4rem;
}
.comp_pro_checkerboard .item_wrap .item_set .item .item_inner .title.small { 
font-size:2.4rem;
}
@media (max-width: 768px) {  
.comp_pro_checkerboard .item_wrap .item_set .item .item_inner .title.small { 
font-size:2rem;
}
}

.comp_pro_checkerboard .item_wrap .item_set .item .item_inner .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_checkerboard .item_wrap .item_set .item .item_inner.graph {
  padding: 50px 20px 40px 0;
}

.comp_pro_checkerboard .item_wrap .item_set .item.x1 {
  width: 373px;
}
.comp_pro_checkerboard .item_wrap .item_set.grid_bx .item.x1 {width:100%; height:100%;}
.comp_pro_checkerboard .item_wrap .item_set .item.x2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 770px;
}

@media (max-width: 833px) {
  .comp_pro_checkerboard .item_wrap .item_set .item {
    min-height: inherit;
  }

  .comp_pro_checkerboard .item_wrap .item_set .item .item_inner {
    width: 100%;
  }

  .comp_pro_checkerboard .item_wrap .item_set .item .item_inner.graph {
    padding: 0px 20px 40px 20px;
  }

  .comp_pro_checkerboard .item_wrap .item_set .item .item_inner.graph img {
    width: 100%;
    max-width: 373px;
  }

  .comp_pro_checkerboard .item_wrap .item_set .item.x1 {
    width: 100%;
  }

  .comp_pro_checkerboard .item_wrap .item_set .item.x2 {
    display: block;
    width: 100%;
  }
}

.comp_pro_youtube {
  margin-top: 150px;
}

@media (max-width: 500px) {
  .comp_pro_youtube {
    margin-top: 80px;
  }
}

.comp_pro_youtube .item_wrap .item {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 비율인 경우 */
  /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
  padding-top: 25px;
  height: 0;
}

.comp_pro_youtube .item_wrap .item iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.comp_pro_poster_type01 {
  margin-top: 100px;
}

.comp_pro_poster_type01 .item_wrap .item {
  height: 1469px;
  padding: 80px 20px;
  background-size: cover;
  text-align: center;
}

.comp_pro_poster_type01 .item_wrap .item .sub_title_top {
  font-size: 4rem;
  font-weight: 600;
  line-height: 4.6rem;
}

.comp_pro_poster_type01 .item_wrap .item .title {
  margin-top: 10px;
  font-size: 6rem;
  font-weight: 600;
}

.comp_pro_poster_type01 .item_wrap .item .text {
  max-width: 546px;
  margin: 30px auto 0;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
}

.comp_pro_poster_type01 .item_wrap .item .sub_title_bottom {
  margin-top: 186px;
  font-size: 4rem;
  font-weight: 600;
  line-height: 4.6rem;
}

@media (max-width: 768px) {
  .comp_pro_poster_type01 .item_wrap .item {
    height: 1000px;
    padding: 35px 20px;
  }

  .comp_pro_poster_type01 .item_wrap .item .sub_title_top {
    font-size: 2rem;
    line-height: 2.8rem;
  }

  .comp_pro_poster_type01 .item_wrap .item .title {
    margin-top: 10px;
    font-size: 3rem;
  }

  .comp_pro_poster_type01 .item_wrap .item .text {
    margin: 20px auto 0;
  }

  .comp_pro_poster_type01 .item_wrap .item .sub_title_bottom {
    margin-top: 50px;
    font-size: 2rem;
    line-height: 2.8rem;
  }
}

.comp_pro_pcmobile_change_numbering .item_wrap .item .item_pc {
  display: block;
  text-align: center;
}

.comp_pro_pcmobile_change_numbering .item_wrap .item .item_pc img {
  width: 100%;
}

.comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile {
  display: none;
  text-align: center;
}

.comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile img {
  width: 100%;
}

.comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .img_radius {
  margin-top: 30px;
  width: 150px;
  height: 150px;
  border-radius: 70%;
  overflow: hidden;
}

.comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .img_radius img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .numbering_set .numbering {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 0;
  text-align: left;
}

.comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .numbering_set .numbering img {
  width: 24px;
  margin-right: 15px;
}

.comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .img_radius_wrap {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .img_radius_wrap .circle_shape {
  width: 120px;
  height: 120px;
  border-radius: 65px;
  overflow: hidden;
}

.comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .img_radius_wrap .circle_shape img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .img_radius_wrap .text_area {
  display: block;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 120px);
  text-align: left;
  padding-left: 20px;
}

.comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .img_radius_wrap .text_area img {
  width: 24px;
}

.comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .img_radius_wrap .text_area .title {
  font-size: 1.8rem;
  font-weight: 600;
  margin-top: 10px;
}

.comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .img_radius_wrap .text_area .description {
  font-size: 1.6rem;
  color: #666666;
  margin-top: 5px;
}

@media (max-width: 768px) {
  .comp_pro_pcmobile_change_numbering .item_wrap .item .item_pc {
    display: none;
  }

  .comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile {
    display: block;
  }
}

@media (max-width: 500px) {
  .comp_pro_pcmobile_change_numbering .item_wrap .item .item_pc {
    display: none;
  }

  .comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .img_radius_wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .img_radius_wrap .circle_shape {
    width: 80px;
    height: 80px;
    border-radius: 28px;
  }

  .comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .img_radius_wrap .text_area {
    width: 100%;
    padding: 0 0 0 20px;
    width: calc(100% - 80px);
  }

  .comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .img_radius_wrap .text_area img {
    float: left;
    margin-right: 5px;
  }

  .comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .img_radius_wrap .text_area .title {
    font-size: 1.8rem;
    margin-top: -2px;
  }

  .comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .img_radius_wrap .text_area .description {
    clear: both;
    font-size: 1.6rem;
    margin-top: 10px;
  }
}

.comp_pro_top_brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 711px;
}

.comp_pro_top_brand .image_area {
  width: 58%;
  background-size: cover;
}

.comp_pro_top_brand .contents_area {
  position: relative;
  width: 42%;
  padding-left: 50px;
}

.comp_pro_top_brand .contents_area .logo {
  position: absolute;
  top: 94px;
  left: -20px;
}

.comp_pro_top_brand .contents_area .title {
  margin-top: 307px;
  max-width: 430px;
  font-size: 3rem;
  font-weight: 600;
  line-height: 3.8rem;
}

.comp_pro_top_brand .contents_area .text {
  max-width: 430px;
  margin-top: 20px;
  padding-top: 30px;
  border-top: 1px solid #000000;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

@media (max-width: 1240px) {
  .comp_pro_top_brand .contents_area {
    padding-right: 20px;
  }

  .comp_pro_top_brand .contents_area .logo {
    padding-right: 20px;
  }

  .comp_pro_top_brand .contents_area .logo img {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .comp_pro_top_brand .contents_area {
    padding-left: 30px;
  }

  .comp_pro_top_brand .contents_area .title {
    margin-top: 200px;
  }
}

.comp_pro_top_lineup {
  margin-top: 70px;
}

.comp_pro_top_lineup .item_wrap .item .lineup_top {
  padding-bottom: 35px;
  border-bottom: 1px solid #000000;
}

.comp_pro_top_lineup .item_wrap .item .lineup_top .sub_title {
  font-size: 2rem;
  font-weight: 600;
  color: #989898;
}

.comp_pro_top_lineup .item_wrap .item .lineup_top .title {
  margin-top: 15px;
  font-size: 4.5rem;
  font-weight: 600;
}

.comp_pro_top_lineup .item_wrap .item .lineup_bottom {
  margin-top: 40px;
}

.comp_pro_top_lineup .item_wrap .item .lineup_bottom .title {
  width: 100%;
  font-size: 2.4rem;
  font-weight: 600;
}

.comp_pro_top_lineup .item_wrap .item .lineup_bottom .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

@media (max-width: 768px) {
  .comp_pro_top_lineup .item_wrap .item .lineup_top {
    padding-bottom: 25px;
  }

  .comp_pro_top_lineup .item_wrap .item .lineup_top .sub_title {
    font-size: 1.8rem;
  }

  .comp_pro_top_lineup .item_wrap .item .lineup_top .title {
    font-size: 3rem;
    line-height: 4rem;
  }

  .comp_pro_top_lineup .item_wrap .item .lineup_bottom {
    margin-top: 30px;
  }

  .comp_pro_top_lineup .item_wrap .item .lineup_bottom .title {
    font-size: 2.7rem;
    font-weight: 600;
  }

  .comp_pro_top_lineup .item_wrap .item .lineup_bottom .text {
    margin-top: 20px;
  }
}

.comp_pro_top_visual {
  height: 500px;
  background-size: cover;
}

@media (max-width: 1024px) {
  .comp_pro_top_visual {
    height: 350px;
  }
}

@media (max-width: 768px) {
  .comp_pro_top_visual {
    height: 250px;
  }
}

.comp_pro_table .item_wrap .item table {
  width: 100%;
  table-layout: fixed;
}

.comp_pro_table .item_wrap .item table thead tr {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.comp_pro_table .item_wrap .item table thead tr.bg_gray th {background:#f0f0f0;}
.comp_pro_table .item_wrap .item table thead tr.table-tit {border:0;}
.comp_pro_table .item_wrap .item table thead tr.table-tit th {font-weight:700; font-size:24px; padding:20px; border:0;}
.comp_pro_table .item_wrap .item table .range-graph {border-radius:100px; font-weight:600; font-size:20px; padding:13px 10px; text-align:center; margin:5px;}
.comp_pro_table .item_wrap .item table .range-graph.bg_555 {color:#fff; background:#555;}
.comp_pro_table .item_wrap .item table .range-graph.bg_fff {color:#000; background:#fff; border:#000; border:1px solid #000;}
.comp_pro_table .item_wrap .item table .range-graph.bg_9f9f9f {color:#fff; background:#9f9f9f;}

.comp_pro_table .item_wrap .item table .bg_edf0f9 {background:#edf0f9;}

@media (max-width: 768px) {
.comp_pro_table .item_wrap .item table thead tr.table-tit th {font-size:20px; padding:15px;}
.comp_pro_table .item_wrap .item table .range-graph {font-size:16px; padding:10px;}

}

@media (max-width: 600px) {
.comp_pro_table .item_wrap .item table .range-graph.bg_9f9f9f {font-size:12px; padding:10px;}
}
@media (max-width: 400px) {
.comp_pro_table .item_wrap .item table .range-graph.bg_9f9f9f {font-size:9px; padding:5px;}
}
.comp_pro_table .item_wrap .item table thead tr th {
  padding: 15px 0;
}

.comp_pro_table .item_wrap .item table thead tr th .pro_title {
  font-size: 1.6rem;
  font-weight: 600;
}

.comp_pro_table .item_wrap .item table thead tr th .pro_model {
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 400;
  margin-top: 6px;
  color: #666666;
}

.comp_pro_table .item_wrap .item table tbody tr {
  border-bottom: 1px solid #CBCBCB;
}

.comp_pro_table .item_wrap .item table tbody tr th {
  padding: 20px 0;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 600;
  color: #000000;
  white-space: normal;
  word-break: break-all;
}

.comp_pro_table .item_wrap .item table tbody tr td {
  padding: 20px 10px;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
  line-height: 2.2rem;
  text-align: center;
  white-space: normal;
  word-break: break-all;
}

.comp_pro_table .item_wrap .item table tbody tr td .image_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 184px;
  padding: 10px;
}

.comp_pro_table .item_wrap .item table tbody tr td .image_area img {
  width: 100%;
}

.comp_pro_table .item_wrap .item table tbody tr td .color_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 54px;
}

.comp_pro_table .item_wrap .item table tbody tr td .color_area img {
  margin: 0 5px; 
  max-width:20px;
}

@media (max-width: 768px) {
  .comp_pro_table.table_pc {
    display: none;
  }
}

.comp_pro_table.table_mobile {
  display: none;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .comp_pro_table.table_mobile {
    display: block;
  }
}

.comp_pro_list_3x .item_wrap {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.comp_pro_list_3x .item_wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 33.333%;
}

.comp_pro_list_3x .item_wrap .item .item_set {
  text-align: center;
}

.comp_pro_list_3x .item_wrap .item .item_set .img_area img {
  width: 100%;
}

.comp_pro_list_3x .item_wrap .item .item_set .title {
  margin-top: 20px;
  font-size: 2rem;
  line-height: 3.2rem;
  color: #000000;
  margin-bottom: 100px;
}

@media (max-width: 768px) {
  .comp_pro_list_3x .item_wrap {
    display: block;
  }

  .comp_pro_list_3x .item_wrap .item {
    width: 100%;
    margin-bottom: 20px;
  }

  .comp_pro_list_3x .item_wrap .item .item_set .img_area img {
    max-width: 500px;
  }

  .comp_pro_list_3x .item_wrap .item .item_set .title {
    margin-top: 20px;
    font-size: 2rem;
  }
}

.comp_pro_image_and_table {
  margin-top: 100px;
  padding: 100px 0;
}

.comp_pro_image_and_table .section_title_area .section_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 5.3rem;
  color: #000000;
  text-align: center;
}

.comp_pro_image_and_table .section_title_area .section_sub_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  text-align: center;
  color: #666666;
}

@media (max-width: 768px) {
  .comp_pro_image_and_table .section_title_area .section_title {
    font-size: 3rem;
    line-height: 4rem;
  }

  .comp_pro_image_and_table .section_title_area .section_sub_title {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }
}

.comp_pro_image_and_table .item_wrap .item_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 40px;
}

.comp_pro_image_and_table .item_wrap .item_set .image_area {
  width: 50%;
  height: 300px;
  background-size: cover;
}

.comp_pro_image_and_table .item_wrap .item_set .image {
  display: none;
}

.comp_pro_image_and_table .item_wrap .item_set .table_area {
  width: 50%;
  padding-left: 60px;
}

.comp_pro_image_and_table .item_wrap .item_set .table_area .table_title {
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_image_and_table .item_wrap .item_set .table_area table {
  margin-top: 20px;
  border-top: 1px solid #000000;
}

.comp_pro_image_and_table .item_wrap .item_set .table_area table tr {
  border-bottom: 1px solid #DBDBDB;
}

.comp_pro_image_and_table .item_wrap .item_set .table_area table tr th {
  width: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  text-align: left;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 400;
  color: #666666;
  line-height: 2rem;
}

.comp_pro_image_and_table .item_wrap .item_set .table_area table tr td {
  width: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: left;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 400;
  color: #666666;
  line-height: 2rem;
}

.comp_pro_image_and_table .item_wrap .item_set .table_area table.x3 tr th {
  width: 33.33%;
}

.comp_pro_image_and_table .item_wrap .item_set .table_area table.x3 tr td {
  width: 33.33%;
}

.comp_pro_image_and_table .item_wrap .item_set:first-child {
  margin-top: 40px;
}

.comp_pro_image_and_table.gray_bg {
  background-color: #F5F6F8;
}

@media (max-width: 768px) {
  .comp_pro_image_and_table .item_wrap .item_set {
    display: block;
    margin-top: 50px;
  }

  .comp_pro_image_and_table .item_wrap .item_set .image_area {
    display: none;
  }

  .comp_pro_image_and_table .item_wrap .item_set .image {
    display: block;
    width: 100%;
  }

  .comp_pro_image_and_table .item_wrap .item_set .table_area {
    width: 100%;
    padding-left: 0;
    margin-top: 30px;
  }

  .comp_pro_image_and_table .item_wrap .item_set .table_area .table_title {
    font-size: 2rem;
    font-weight: 600;
  }

  .comp_pro_image_and_table .item_wrap .item_set .table_area table {
    margin-top: 20px;
    border-top: 1px solid #000000;
  }
}

.comp_pro_image_and_icon_table {
  margin-top: 150px;
}

.comp_pro_image_and_icon_table .section_title_area .section_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 5.3rem;
  color: #000000;
  text-align: center;
}

.comp_pro_image_and_icon_table .section_title_area .section_sub_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  text-align: center;
  color: #666666;
}

@media (max-width: 768px) {
  .comp_pro_image_and_icon_table .section_title_area .section_title {
    font-size: 3rem;
    line-height: 4rem;
  }

  .comp_pro_image_and_icon_table .section_title_area .section_sub_title {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }
}

.comp_pro_image_and_icon_table .item_wrap .item_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 60px;
}

.comp_pro_image_and_icon_table .item_wrap .item_set .image_area {
  width: 50%;
}

.comp_pro_image_and_icon_table .item_wrap .item_set .image_area img {
  width: 100%;
}

.comp_pro_image_and_icon_table .item_wrap .item_set .table_area {
  width: 50%;
}

.comp_pro_image_and_icon_table .item_wrap .item_set .table_area .table_title {
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_image_and_icon_table .item_wrap .item_set .table_area table {
  margin-top: 20px;
}

.comp_pro_image_and_icon_table .item_wrap .item_set .table_area table thead {
  border-bottom: 1px solid #000000;
}

.comp_pro_image_and_icon_table .item_wrap .item_set .table_area table thead tr th {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 600;
  text-align: center;
}

.comp_pro_image_and_icon_table .item_wrap .item_set .table_area table tbody tr {
  border-bottom: 1px solid #DBDBDB;
}

.comp_pro_image_and_icon_table .item_wrap .item_set .table_area table tbody tr th {
  width: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 400;
  color: #666666;
  line-height: 2rem;
  text-align: center;
}

.comp_pro_image_and_icon_table .item_wrap .item_set .table_area table tbody tr td {
  width: calc(100% - 100px);
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 400;
  color: #666666;
  line-height: 2rem;
}

@media (max-width: 768px) {
  .comp_pro_image_and_icon_table .item_wrap .item_set {
    display: block;
    margin-top: 50px;
  }

  .comp_pro_image_and_icon_table .item_wrap .item_set .image_area {
    width: 100%;
    text-align: center;
  }

  .comp_pro_image_and_icon_table .item_wrap .item_set .image_area img {
    max-width: 500px;
  }

  .comp_pro_image_and_icon_table .item_wrap .item_set .table_area {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }

  .comp_pro_image_and_icon_table .item_wrap .item_set .table_area table {
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .comp_pro_image_and_icon_table {
    margin-top: 80px;
  }
}

.comp_pro_obj_strong {
  margin-top: 50px;
  overflow: hidden;
}

.comp_pro_obj_strong .item_wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 400px;
  background-color: #202020;
}

.comp_pro_obj_strong .item_wrap .item {
  width: 50%;
  padding-left: 60px;
  padding-right: 10px;
}

.comp_pro_obj_strong .item_wrap .item img {
  width: 100%;
  max-width: 532px;
}

.comp_pro_obj_strong .item_wrap .obj {
  position: absolute;
  top: -78px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  padding-left: 10px;
}

.comp_pro_obj_strong .item_wrap .obj img {
  width: 100%;
  max-width: 542px;
}

@media (max-width: 1024px) {
  .comp_pro_obj_strong .item_wrap {
    height: 300px;
  }
}

@media (max-width: 768px) {
  .comp_pro_obj_strong {
    margin-top: 0;
  }

  .comp_pro_obj_strong .item_wrap {
    display: block;
    height: auto;
    padding: 35px 20px;
  }

  .comp_pro_obj_strong .item_wrap .item {
    width: 100%;
    padding: 0;
    text-align: center;
  }

  .comp_pro_obj_strong .item_wrap .obj {
    position: inherit;
    top: inherit;
    right: inherit;
    display: block;
    width: 100%;
    text-align: center;
  }
}

.comp_pro_ud505_01 {
  margin-top: 12px;
}

.comp_pro_ud505_01 .item_wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp_pro_ud505_01 .item_wrap .item {
  width: 50%;
  text-align: center;
}

.comp_pro_ud505_01 .item_wrap .item .title {
  font-size: 2.2rem;
  font-weight: 600;
}

.comp_pro_ud505_01 .item_wrap .item .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-size: 300;
}

.comp_pro_ud505_01 .item_wrap .item .image_area {
  position: relative;
  width: 100%;
  margin-top: 55px;
}

.comp_pro_ud505_01 .item_wrap .item .image_area .des_title_area {
  position: absolute;
  top: -15px;
  width: 100%;
}

.comp_pro_ud505_01 .item_wrap .item .image_area .des_title_area .des_title {
  font-size: 1.8rem;
  font-weight: 600;
}

.comp_pro_ud505_01 .item_wrap .item .image_area .des_title_area .des_sub_title {
  margin-bottom: 5px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #CE372A;
}

.comp_pro_ud505_01 .item_wrap .item .image_area img {
  width: 100%;
}

.comp_pro_ud505_01 .item_wrap .item:nth-child(1) {
  padding-right: 35px;
}

.comp_pro_ud505_01 .item_wrap .item:nth-child(3) {
  padding-left: 35px;
}

.comp_pro_ud505_01 .item_wrap .item:nth-child(3) .title {
  color: #CE372A;
}

.comp_pro_ud505_01 .item_wrap .arrow_mobile {
  display: none;
}

.comp_pro_ud505_01 .item_wrap .arrow {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

@media (max-width: 768px) {
  .comp_pro_ud505_01 .item_wrap {
    display: block;
  }

  .comp_pro_ud505_01 .item_wrap .item {
    width: 100%;
  }

  .comp_pro_ud505_01 .item_wrap .item .title {
    font-size: 2rem;
  }

  .comp_pro_ud505_01 .item_wrap .item .text {
    margin-top: 10px;
    font-size: 1.6rem;
    font-size: 300;
  }

  .comp_pro_ud505_01 .item_wrap .item .image_area .des_title_area .des_title {
    font-size: 1.6rem;
  }

  .comp_pro_ud505_01 .item_wrap .item .image_area .des_title_area .des_sub_title {
    margin-bottom: 5px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #CE372A;
  }

  .comp_pro_ud505_01 .item_wrap .item .image_area img {
    max-width: 500px;
  }

  .comp_pro_ud505_01 .item_wrap .item:nth-child(1) {
    padding-right: 0;
  }

  .comp_pro_ud505_01 .item_wrap .item:nth-child(3) {
    padding-left: 0;
  }

  .comp_pro_ud505_01 .item_wrap .item:nth-child(3) .title {
    color: #CE372A;
  }

  .comp_pro_ud505_01 .item_wrap .arrow_mobile {
    display: block;
    text-align: center;
    margin: 30px 0;
  }

  .comp_pro_ud505_01 .item_wrap .arrow {
    display: none;
  }
}

.comp_pro_box_inner_half .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px;
  border: 1px solid #CBCBCB;
}

.comp_pro_box_inner_half .item_wrap .text_area {
  width: calc(100% - 350px);
  padding-right: 110px;
}

.comp_pro_box_inner_half .item_wrap .text_area .title {
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_box_inner_half .item_wrap .text_area .text {
  margin-top: 15px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_box_inner_half .item_wrap .image_area {
  width: 350px;
}

.comp_pro_box_inner_half .item_wrap .image_area img {
  width: 100%;
}

@media (max-width: 1024px) {
  .comp_pro_box_inner_half .item_wrap {
    padding: 40px;
  }

  .comp_pro_box_inner_half .item_wrap .text_area {
    width: calc(100% - 280px);
    padding-right: 50px;
  }

  .comp_pro_box_inner_half .item_wrap .image_area {
    width: 280px;
  }
}

@media (max-width: 768px) {
  .comp_pro_box_inner_half .item_wrap {
    display: block;
    margin-top: 20px;
  }

  .comp_pro_box_inner_half .item_wrap .text_area {
    width: 100%;
    padding-right: 0;
  }

  .comp_pro_box_inner_half .item_wrap .image_area {
    width: 100%;
    margin-top: 30px;
    text-align: center;
  }

  .comp_pro_box_inner_half .item_wrap .image_area img {
    max-width: 500px;
  }
}

.comp_pro_cookware_series .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.comp_pro_cookware_series .item_wrap .item {
  width: 25%;
  margin-bottom: 100px;
}

.comp_pro_cookware_series .item_wrap .item img {
  width: 100%;
}

.comp_pro_cookware_series .item_wrap .item .title {
  margin-top: 20px;
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_cookware_series .item_wrap .item .prop1 {
  margin-top: 40px;
  padding-right: 20px;
}

.comp_pro_cookware_series .item_wrap .item .prop1 li {
  padding: 5px 0;
  font-size: 1.6rem;
}

.comp_pro_cookware_series .item_wrap .item .prop2 {
  margin-top: 20px;
}

.comp_pro_cookware_series .item_wrap .item .prop2 li {
  padding: 10px 0;
}

.comp_pro_cookware_series .item_wrap .item .prop2 li .prop_title {
  font-size: 1.6rem;
  font-weight: 600;
}

.comp_pro_cookware_series .item_wrap .item .prop2 li .contents {
  margin-left: 20px;
}

.comp_pro_cookware_series .item_wrap .item .prop2 li .contents img {
  width: auto;
  margin-right: 8px;
}

@media (max-width: 768px) {
  .comp_pro_cookware_series .item_wrap .item {
    width: 50%;
    margin-bottom: 50px;
    padding-right: 20px;
  }
}

.comp_pro_half_img_text_jy .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.comp_pro_half_img_text_jy .item_wrap .item {
  text-align: center;
  font-size: 2rem;
  width: 100%;
  margin-left: 60px;
}

.comp_pro_half_img_text_jy .item_wrap .item .image_area img {
  width: 100%;
}

.comp_pro_half_img_text_jy .item_wrap .item .title {
  font-size: 2rem;
  font-weight: 400;
  margin-top: 20px;
}

.comp_pro_half_img_text_jy .item_wrap .item .text {
  font-size: 1.6rem;
  font-weight: 300;
  margin-top: 20px;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_half_img_text_jy .item_wrap .item:not(:last-child) {
  margin-left: 0;
}

@media (max-width: 768px) {
  .comp_pro_half_img_text_jy .item_wrap {
    display: block;
  }

  .comp_pro_half_img_text_jy .item_wrap .item {
    margin-left: 0;
    max-width: initial;
  }

  .comp_pro_half_img_text_jy .item_wrap .item .image_area {
    width: 100%;
  }

  .comp_pro_half_img_text_jy .item_wrap .item .image_area img {
    max-width: 317px;
  }

  .comp_pro_half_img_text_jy .item_wrap .item:last-child {
    margin-top: 40px;
  }
}

.comp_pro_half_img_text_jy_dolce_oven .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp_pro_half_img_text_jy_dolce_oven .item_wrap .item {
  text-align: center;
  font-size: 2rem;
  justify-items: flex-end;
  margin-top: 60px;
  width: 100%;
}

.comp_pro_half_img_text_jy_dolce_oven .item_wrap .item .image_area img {
  width: 100%;
  max-width: 350px;
}

.comp_pro_half_img_text_jy_dolce_oven .item_wrap .item .title {
  font-size: 2rem;
  font-weight: 400;
  margin-top: 20px;
}

.comp_pro_half_img_text_jy_dolce_oven .item_wrap .item .text {
  font-size: 1.6rem;
  font-weight: 300;
  margin-top: 20px;
  line-height: 2.7rem;
  color: #666666;
}

@media (max-width: 768px) {
  .comp_pro_half_img_text_jy_dolce_oven .item_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .comp_pro_half_img_text_jy_dolce_oven .item_wrap .item {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }

  .comp_pro_half_img_text_jy_dolce_oven .item_wrap .item .image_area {
    width: 100%;
  }

  .comp_pro_half_img_text_jy_dolce_oven .item_wrap .item .image_area img {
    max-width: 200px;
  }
}

@media (max-width: 500px) {
  .comp_pro_half_img_text_jy_dolce_oven .item_wrap {
    display: block;
  }

  .comp_pro_half_img_text_jy_dolce_oven .item_wrap .item {
    text-align: center;
    margin-top: 40px;
  }

  .comp_pro_half_img_text_jy_dolce_oven .item_wrap:not(:last-child) {
    margin-top: 0;
  }
  .comp_pro_cross_leftright .item.flip {display:flex; flex-direction:column; }
  .comp_pro_cross_leftright .item.flip .image_area {order:2;}
  .comp_title_area .comp_title {font-size:2.7rem;}
  .comp_pro_title_02 .item_wrap .item .title {font-size:2.5rem!important;}
  .comp_pro_cross_leftright .item.flip {margin-top:0;}
}

.comp_pro_coffee_prop {
  width: 100%;
  margin-top: 150px;
}

.comp_pro_coffee_prop .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  width: 100%;
  overflow: hidden;
}

.comp_pro_coffee_prop .item_wrap .item {
  width: 50%;
}

.comp_pro_coffee_prop .item_wrap .item .title {
  font-size: 4rem;
  font-weight: 600;
  line-height: 5rem;
}

.comp_pro_coffee_prop .item_wrap .item .sub_title {
  font-size: 4rem;
  font-weight: 300;
  line-height: 5rem;
}

.comp_pro_coffee_prop .item_wrap .item .des_wrap {
  margin-top: 40px;
}

.comp_pro_coffee_prop .item_wrap .item .des_wrap li {
  font-size: 2rem;
  line-height: 3rem;
}

.comp_pro_coffee_prop .item_wrap .item .contents {
  margin-top: 2rem;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_coffee_prop .item_wrap .item .info_area {
  margin-top: 40px;
}

.comp_pro_coffee_prop .item_wrap .item .info_area .info_title {
  font-size: 1.6rem;
  font-weight: 600;
  color: #F7A700;
}

.comp_pro_coffee_prop .item_wrap .item .info_area .info_text {
  margin-top: 8px;
  font-size: 1.6rem;
  font-weight: 300;
}

.comp_pro_coffee_prop .item_wrap .item img {
  width: 100%;
}

.comp_pro_coffee_prop .item_wrap .item.image_area {
  text-align: center;
  padding: 0 40px;
}

.comp_pro_coffee_prop .prop_area {
  margin-top: 100px;
  overflow: hidden;
}

.comp_pro_coffee_prop .prop_area .title {
  font-size: 4rem;
  font-weight: 600;
}

.comp_pro_coffee_prop .prop_area .prop_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
}

.comp_pro_coffee_prop .prop_area .prop_wrap .table_area {
  width: 50%;
  padding-right: 50px;
}

.comp_pro_coffee_prop .prop_area .prop_wrap .table_area .table_title {
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_coffee_prop .prop_area .prop_wrap .table_area table {
  margin-top: 20px;
  border-top: 1px solid #000000;
}

.comp_pro_coffee_prop .prop_area .prop_wrap .table_area table tr {
  border-bottom: 1px solid #DBDBDB;
}

.comp_pro_coffee_prop .prop_area .prop_wrap .table_area table tr th {
  width: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  text-align: left;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 400;
  color: #666666;
  line-height: 2rem;
}

.comp_pro_coffee_prop .prop_area .prop_wrap .table_area table tr td {
  width: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: right;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 400;
  color: #666666;
  line-height: 2rem;
}

.comp_pro_coffee_prop .prop_area .prop_wrap .prop {
  width: 50%;
}

.comp_pro_coffee_prop .prop_area .prop_wrap .prop ul li {
  padding: 19px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_coffee_prop .prop_area .prop_wrap .prop ul li span {
  width: 80px;
  margin-right: 34px;
  font-weight: 600;
}

.comp_pro_coffee_prop .prop_area .prop_wrap .prop ul li img {
  margin-right: 20px;
}

.comp_pro_coffee_prop .prop_area .prop_wrap .prop.image_area {
  text-align: center;
}

.comp_pro_coffee_prop .prop_area .prop_wrap .prop.image_area img {
  width: 100%;
}

@media (max-width: 1024px) {
  .comp_pro_coffee_prop .prop_area .prop_wrap .prop ul {
    padding-left: 20px;
  }

  .comp_pro_coffee_prop .prop_area .prop_wrap .prop ul li {
    padding: 12px 0;
  }

  .comp_pro_coffee_prop .prop_area .prop_wrap .prop ul li img {
    margin-right: 15px;
    width: 30px;
  }

  .comp_pro_coffee_prop .prop_area .prop_wrap .prop.image_area img {
    padding-right: 20px;
  }
}

@media (max-width: 768px) {
  .comp_pro_coffee_prop .item_wrap {
    display: block;
  }

  .comp_pro_coffee_prop .item_wrap .item {
    width: 100%;
  }

  .comp_pro_coffee_prop .item_wrap .item .title {
    margin-top: 40px;
    font-size: 2rem;
    line-height: 2.7rem;
  }

  .comp_pro_coffee_prop .item_wrap .item .sub_title {
    font-size: 2rem;
    line-height: 2.7rem;
  }

  .comp_pro_coffee_prop .item_wrap .item .des_wrap {
    margin-top: 20px;
  }

  .comp_pro_coffee_prop .item_wrap .item .des_wrap li {
    font-size: 1.6rem;
  }

  .comp_pro_coffee_prop .item_wrap .item .info_area {
    margin-top: 20px;
  }

  .comp_pro_coffee_prop .prop_area {
    margin-top: 80px;
  }

  .comp_pro_coffee_prop .prop_area .title {
    font-size: 2.5rem;
  }

  .comp_pro_coffee_prop .prop_area .prop_wrap {
    display: block;
  }

  .comp_pro_coffee_prop .prop_area .prop_wrap .table_area {
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }

  .comp_pro_coffee_prop .prop_area .prop_wrap .prop {
    width: 100%;
  }

  .comp_pro_coffee_prop .prop_area .prop_wrap .prop ul {
    margin-top: 40px;
    padding-left: 0;
  }

  .comp_pro_coffee_prop .prop_area .prop_wrap .prop ul li span {
    width: 80px;
    margin-right: 20px;
    font-size: 1.4rem;
    letter-spacing: -0.02rem;
    font-weight: 600;
  }

  .comp_pro_coffee_prop .prop_area .prop_wrap .prop ul li img {
    margin-right: 15px;
  }

  .comp_pro_coffee_prop .prop_area .prop_wrap .prop.image_area img {
    padding-right: 0;
  }
}

.comp_pro_3x_image_text_jy {
  text-align: center;
}

.comp_pro_3x_image_text_jy .border_title {
  display: inline-block;
  font-size: 2rem;
  font-weight: 600;
  border: 1px solid #CBCBCB;
  border-radius: 25px;
  padding: 10px 20px;
  margin-bottom: 30px;
}

.comp_pro_3x_image_text_jy .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 50px;
}

.comp_pro_3x_image_text_jy .item_wrap .item {
  width: calc((100% - 50px) / 3);
}

.comp_pro_3x_image_text_jy .item_wrap .item .title {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 600;
}

.comp_pro_3x_image_text_jy .item_wrap .item .text {
  margin-top: 15px;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_3x_image_text_jy .item_wrap .item .image_area {
  width: 100%;
}

.comp_pro_3x_image_text_jy .item_wrap .item .image_area img {
  width: 100%;
}

@media (max-width: 768px) {
  .comp_pro_3x_image_text_jy .item_wrap {
    display: block;
  }

  .comp_pro_3x_image_text_jy .item_wrap .item {
    width: 100%;
    margin-bottom: 40px;
  }
}

.comp_pro_4x_image_text_jy {
  margin-top: 20px;
}

.comp_pro_4x_image_text_jy .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.comp_pro_4x_image_text_jy .item_wrap .item {
  width: calc((100% - 50px) / 4);
}

.comp_pro_4x_image_text_jy .item_wrap .item .title {
  margin-top: 30px;
  font-size: 20px;
}

.comp_pro_4x_image_text_jy .item_wrap .item .text {
  margin-top: 15px;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_4x_image_text_jy .item_wrap .item .image_area {
  width: 100%;
}

.comp_pro_4x_image_text_jy .item_wrap .item .image_area img {
  width: 100%;
}

@media (max-width: 768px) {
  .comp_pro_4x_image_text_jy .item_wrap {
    display: block;
  }

  .comp_pro_4x_image_text_jy .item_wrap .item {
    width: 100%;
    margin-bottom: 40px;
  }
}

.comp_pro_list_4x .item_wrap {
  position: relative;
  height: 700px;
  overflow: hidden;
}

.comp_pro_list_4x .item_wrap .type {
  position: absolute;
}

.comp_pro_list_4x .item_wrap .type:nth-child(1) {
  left: -27px;
  bottom: 120px;
}

.comp_pro_list_4x .item_wrap .type:nth-child(2) {
  left: 27%;
  top: -105px;
}

.comp_pro_list_4x .item_wrap .type:nth-child(3) {
  right: 27%;
  bottom: -18px;
}

.comp_pro_list_4x .item_wrap .type:nth-child(4) {
  right: -25px;
  top: 56px;
}

.comp_pro_list_4x .item_wrap .item {
  position: absolute;
  text-align: center;
}

.comp_pro_list_4x .item_wrap .item img {
  max-width: 276px;
}

.comp_pro_list_4x .item_wrap .item .title {
  margin-top: 35px;
  font-size: 2rem;
}

.comp_pro_list_4x .item_wrap .item:nth-child(5) {
  top: 50px;
  left: 0;
}

.comp_pro_list_4x .item_wrap .item:nth-child(6) {
  top: 50px;
  left: 50%;
}

.comp_pro_list_4x .item_wrap .item:nth-child(7) {
  bottom: 50px;
  right: 50%;
}

.comp_pro_list_4x .item_wrap .item:nth-child(8) {
  bottom: 50px;
  right: 0;
}

@media (max-width: 768px) {
  .comp_pro_list_4x .item_wrap {
    position: inherit;
    height: inherit;
  }

  .comp_pro_list_4x .item_wrap .type {
    display: none;
  }

  .comp_pro_list_4x .item_wrap .item {
    position: inherit;
    margin-bottom: 40px;
  }

  .comp_pro_list_4x .item_wrap .item img {
    width: 100%;
  }

  .comp_pro_list_4x .item_wrap .item .title {
    margin-top: 20px;
  }

  .comp_pro_list_4x .item_wrap .item:last-child {
    margin-bottom: 0;
  }
}

.comp_pro_half_dash .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 17px;
}

.comp_pro_half_dash .item_wrap .item {
  width: 100%;
  text-align: center;
}

.comp_pro_half_dash .item_wrap .item .image_area {
  width: 100%;
}

.comp_pro_half_dash .item_wrap .item .image_area img {
  width: 100%;
}

.comp_pro_half_dash .item_wrap .item .title {
  margin-top: 40px;
  font-size: 2.4rem;
  line-height: 3.4rem;
}

.comp_pro_half_dash .item_wrap .item .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_half_dash .item_wrap .item .text .info {
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 300;
}

.comp_pro_half_dash .item_wrap .item:not(:last-child) {
  border-right: 1px dashed #C8C8C8;
  padding-right: 20px;
}

.comp_pro_half_dash .item_wrap .item:not(:first-child) {
  padding-left: 20px;
  margin-bottom: 60px;
}

@media (max-width: 768px) {
  .comp_pro_half_dash .item_wrap {
    display: block;
  }

  .comp_pro_half_dash .item_wrap .item {
    width: 100%;
  }

  .comp_pro_half_dash .item_wrap .item .text .info {
    margin-top: 15px;
  }

  .comp_pro_half_dash .item_wrap .item:first-child {
    padding-right: 0;
    border-right: 0;
    margin-bottom: 60px;
  }

  .comp_pro_half_dash .item_wrap .item:last-child {
    padding-left: 0;
  }
}

.comp_pro_installation_guide .item_wrap {
  width: 100%;
  text-align: center;
}

.comp_pro_installation_guide .item_wrap .item .title {
  font-size: 2rem;
}

.comp_pro_installation_guide .item_wrap .item .image_area {
  margin-top: 30px;
  width: 100%;
}

.comp_pro_installation_guide .item_wrap .item .image_area img {
  width: 100%;
}

.comp_pro_installation_guide .item_wrap .item table {
  margin: 0 auto;
}

.comp_pro_installation_guide .item_wrap .item table thead tr th {
  padding: 20px;
  background-color: #ECECEC;
  border: 1px solid #C8C8C8;
}

.comp_pro_installation_guide .item_wrap .item table tbody tr td {
  padding: 20px;
  border: 1px solid #C8C8C8;
}
.comp_pro_installation_guide.type2 .item_wrap .item table thead tr th {padding:15px 10px}
.comp_pro_installation_guide.type2 .item_wrap .item table tbody tr td {padding:15px 10px}

.comp_pro_installation_guide .item_wrap .item .table_mobile {
  display: none;
}

.comp_pro_installation_guide .item_wrap .item.table {
  max-width: 1000px;
  margin: 60px auto;
}
.comp_pro_installation_guide .item_wrap .grid_bx .item.table {max-width:none; margin:0;}


.comp_pro_installation_guide .item_wrap .item .info {
  margin-top: 10px;
  text-align: left;
  font-size: 1.3rem;
  letter-spacing: -0.01rem;
  color: #141213;
}

@media (max-width: 768px) {
  .comp_pro_installation_guide .item_wrap .item table {
    margin: 0 auto;
  }

  .comp_pro_installation_guide .item_wrap .item table thead tr th {
    padding: 10px;
    width: 50%;
  }
.comp_pro_installation_guide.type2 .item_wrap .item table thead tr th {width:auto;}
  .comp_pro_installation_guide .item_wrap .item table tbody tr td {
    padding: 10px;
    width: 50%;
  }
.comp_pro_installation_guide.type2 .item_wrap .item table tbody tr td {width:auto;}
  .comp_pro_installation_guide .item_wrap .item .table_pc {
    display: none;
  }

  .comp_pro_installation_guide .item_wrap .item .table_mobile {
    display: table;
  }

  .comp_pro_installation_guide .item_wrap .item .table_title {
    font-size: 1.8rem;
    padding: 10px 0;
    margin-top: 15px;
  }
}

.comp_pro_installation_guide_dolce_oven .item_wrap {
  width: 100%;
  text-align: center;
}

.comp_pro_installation_guide_dolce_oven .item_wrap .item .title {
  font-size: 2rem;
}

.comp_pro_installation_guide_dolce_oven .item_wrap .item .image_area {
  margin-top: 30px;
  width: 100%;
}

.comp_pro_installation_guide_dolce_oven .item_wrap .item .image_area img {
  width: 100%;
}

.comp_pro_installation_guide_dolce_oven .item_wrap .item table {
  margin: 0 auto;
}

.comp_pro_installation_guide_dolce_oven .item_wrap .item table thead tr th {
  padding: 20px;
  background-color: #ECECEC;
  border: 1px solid #C8C8C8;
}

.comp_pro_installation_guide_dolce_oven .item_wrap .item table tbody tr td {
  padding: 20px;
  border: 1px solid #C8C8C8;
}

.comp_pro_installation_guide_dolce_oven .item_wrap .item .table_mobile {
  display: none;
}

.comp_pro_installation_guide_dolce_oven .item_wrap .item.table {
  max-width: 1000px;
  margin: 60px auto;
}

.comp_pro_installation_guide_dolce_oven .item_wrap .item .info {
  margin-top: 10px;
  text-align: left;
  font-size: 1.3rem;
  letter-spacing: -0.01rem;
  color: #141213;
}

@media (max-width: 768px) {
  .comp_pro_installation_guide_dolce_oven .item_wrap .item table {
    margin: 0 auto;
  }

  .comp_pro_installation_guide_dolce_oven .item_wrap .item table thead tr th {
    padding: 10px;
    width: 50%;
  }

  .comp_pro_installation_guide_dolce_oven .item_wrap .item table tbody tr td {
    padding: 10px;
    width: 50%;
  }

  .comp_pro_installation_guide_dolce_oven .item_wrap .item .table_pc {
    display: none;
  }

  .comp_pro_installation_guide_dolce_oven .item_wrap .item .table_mobile {
    display: table;
  }

  .comp_pro_installation_guide_dolce_oven .item_wrap .item .table_title {
    font-size: 1.8rem;
    padding: 10px 0;
    margin-top: 15px;
  }
}

.comp_pro_spec_list .item_wrap {
  border-top: 1px solid #000000;
}

.comp_pro_spec_list .item_wrap .item li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px solid #E4E4E4;
  padding: 10px 0;
}

.comp_pro_spec_list .item_wrap .item li .title {
  padding: 20px;
  width: 150px;
  font-size: 1.6rem;
  line-height: 2.7rem;
  font-weight: 600;
}

.comp_pro_spec_list .item_wrap .item li .text {
  width: calc(100% - 150px);
  padding: 20px;
  font-size: 1.6rem;
  line-height: 2.7rem;
}

.comp_pro_spec_list .item_wrap .item li .text span {
  margin-right: 24px;
}

.comp_pro_spec_list .item_wrap .item li .image_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0;
  width: calc(100% - 150px);
}

.comp_pro_spec_list .item_wrap .item li .image_area .image_item {
  width: 20%;
  padding: 0 20px;
  text-align: center;
}

.comp_pro_spec_list .item_wrap .item li .image_area .image_item img {
  width: 100%;
}

.comp_pro_spec_list .item_wrap .item li .image_area .image_item .img_title {
  margin-top: 20px;
}

@media (max-width: 768px) {
  .comp_pro_spec_list .item_wrap .item li {
    padding: 20px 0;
    display: block;
  }

  .comp_pro_spec_list .item_wrap .item li .title {
    width: 100%;
    padding: 0;
  }

  .comp_pro_spec_list .item_wrap .item li .text {
    width: 100%;
    padding: 0;
    margin-top: 10px;
  }

  .comp_pro_spec_list .item_wrap .item li .image_area {
    width: 100%;
  }

  .comp_pro_spec_list .item_wrap .item li .image_area .image_item {
    width: 33.33%;
    margin-bottom: 40px;
  }
}

@media (max-width: 500px) {
  .comp_pro_spec_list .item_wrap .item li .image_area .image_item {
    width: 50%;
    margin-bottom: 40px;
  }
}

.comp_pro_installation_guide2 .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.comp_pro_installation_guide2 .item_wrap .item {
  padding: 0 30px;
  text-align: center;
}

.comp_pro_installation_guide2 .item_wrap .item .title {
  font-size: 2rem;
}

.comp_pro_installation_guide2 .item_wrap .item img {
  margin-top: 30px;
  width: 100%;
}

@media (max-width: 768px) {
  .comp_pro_installation_guide2 .item_wrap {
    display: block;
  }

  .comp_pro_installation_guide2 .item_wrap .item {
    margin-bottom: 20px;
  }

  .comp_pro_installation_guide2 .item_wrap .item .title {
    font-size: 1.8rem;
  }
}

.comp_pro_noise_level {
  margin-top: 60px;
}

.comp_pro_noise_level.odor_inten .item_wrap {align-items:center;}
.comp_pro_noise_level.odor_inten .item_wrap .item.graph_area {background:#F5F6F8;  padding:30px 30px 100px 30px; border-radius:20px;}

.comp_pro_noise_level .item_wrap .item.graph_area .tit {margin-bottom:30px; font-size:2.4rem; text-align:center;}


.comp_pro_noise_level .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.comp_pro_noise_level.induction .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: block
}

.comp_pro_noise_level .item_wrap .item {
  width: 50%;
}

.comp_pro_noise_level.odor_inten .item_wrap .item { 
width:100%;
}
.comp_pro_noise_level.odor_inten .item_wrap .item.contents_area {width:50%; text-align:right; padding-right:100px;}

.comp_pro_noise_level.induction .item_wrap .item {
  width: 100%;
}

.comp_pro_noise_level .item_wrap .item.contents_area {
  padding: 0 30px;
}

.comp_pro_noise_level .item_wrap .item.contents_area .title {
  font-size: 4rem;
  line-height: 5rem;
}
.comp_pro_noise_level.odor_inten .item_wrap .item.contents_area .title {font-size:3rem; font-weight:600; line-height:4rem;}



.comp_pro_noise_level .item_wrap .item.contents_area .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  color: #666666;
  line-height:2.7rem;
}

.comp_pro_noise_level .item_wrap .item.contents_area img {
  margin-top: 50px;
}

.comp_pro_noise_level .item_wrap .item.graph_area {
  position: relative;
  padding: 20px 40px 20px 20px;
  background-color: #F5F6F8;
}

.comp_pro_noise_level .item_wrap .item.graph_area ul {
  width: 100%;
}

.comp_pro_noise_level .item_wrap .item.graph_area ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0;
}

.comp_pro_noise_level .item_wrap .item.graph_area ul li .title {
  width: 134px;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
}

.comp_pro_noise_level .item_wrap .item.graph_area ul li .graph_area {
  padding-top: 5px;
  width: calc(100% - 134px);
}

.comp_pro_noise_level.odor_inten .item_wrap .item.graph_area ul li .title {
  width: 150px;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  color:#505050; font-weight:600;
}
.comp_pro_noise_level.odor_inten .item_wrap .item.graph_area ul li .title small {font-size:1.2rem; display:block; color:#45556C; font-weight:400;}

.comp_pro_noise_level.odor_inten .item_wrap .item.graph_area ul li .graph_area {
  padding-top: 5px;
  width: calc(100% - 150px);
}

.comp_pro_noise_level .item_wrap .item.graph_area ul li .graph_area .graph_set {
  text-align: right; overflow:hidden;
}

.comp_pro_noise_level .item_wrap .item.graph_area ul li .graph_area .graph_set .graph {
  position: relative;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background-color: #D6D6D6;
  overflow: hidden;
}
.comp_pro_noise_level.odor_inten .item_wrap .item.graph_area ul li .graph_area .graph_set .graph {height:15px; background:#fff; border-radius:15px;}
.comp_pro_noise_level.odor_inten .item_wrap .item.graph_area ul li .graph_area .graph_set .graph .inner {height:100%; border-radius:15px; background:linear-gradient(90deg, #E9E9E9 0%, #C9CED5 100%);}
.comp_pro_noise_level.odor_inten .item_wrap .item.graph_area ul li .graph_area .graph_set .graph .inner2 {height:100%; border-radius:15px; background:#3E4349;}

.comp_pro_noise_level .item_wrap .item.graph_area ul li .graph_area .graph_set .graph .inner {
  position: absolute;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background-color: #000000;
}



.comp_pro_noise_level .item_wrap .item.graph_area ul li .graph_area .graph_set .graph_text {
  margin-top: 5px;
  font-size: 1.3rem;
  letter-spacing: -0.01rem;
  font-weight: 600;
  color: #9B9B9B;
}
.comp_pro_noise_level.odor_inten .item_wrap .item.graph_area ul li .graph_area .graph_set .graph_text {font-weight:400; color:#45556C; text-align:left;}


.comp_pro_noise_level .item_wrap .item.graph_area ul li .graph_area .graph_set .graph_text.strong {
  color: #000000;
}

.comp_pro_noise_level .item_wrap .item.graph_area .info {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 1.3rem;
  letter-spacing: -0.01rem;
  text-align: right;
}
.comp_pro_noise_level .item_wrap .item.graph_area .info > div {display:flex;
  align-items:center;
  gap:10px;}

.comp_pro_noise_level .item_wrap .item.graph_area .info.txt-center {left:50%; transform:translateX(-50%); text-align:center; width:100%; display:flex; flex-direction:column; align-items:center; gap:10px;}
.comp_pro_noise_level.odor_inten .item_wrap .item.graph_area .info i {display:inline-block; width:45px; height:15px; border-radius:2rem; }
.comp_pro_noise_level.odor_inten .item_wrap .item.graph_area .info .black i {background:#3E4349}
.comp_pro_noise_level.odor_inten .item_wrap .item.graph_area .info .gray i {background:linear-gradient(90deg, #E9E9E9 0%, #C9CED5 100%);}

.comp_pro_noise_level.odor_inten .item_wrap .item.graph_area .info {color:#45556C; bottom:35px;}



@media (max-width: 1024px) {
  .comp_pro_noise_level .item_wrap .item.graph_area .info {
    bottom: 10px;
  }
  
}

@media (max-width: 768px) {
  .comp_pro_noise_level .item_wrap {
    display: block;
  }

  .comp_pro_noise_level .item_wrap .item {
    width: 100%;
  }

  .comp_pro_noise_level .item_wrap .item.contents_area {
    padding: 0;
    text-align: center;
  }

  .comp_pro_noise_level .item_wrap .item.contents_area .title {
    font-size: 3rem;
    line-height: 4rem;
  }
	.comp_pro_noise_level.odor_inten .item_wrap .item.contents_area .title {font-size:2rem;}
	
  .comp_pro_noise_level .item_wrap .item.contents_area .text {
    margin-top: 15px;
  }

  .comp_pro_noise_level .item_wrap .item.contents_area img {
    margin-top: 20px;
  }

  .comp_pro_noise_level .item_wrap .item.graph_area {
    margin-top: 40px;
    padding: 20px;
  }

  .comp_pro_noise_level .item_wrap .item.graph_area ul {
    width: 100%;
  }

  .comp_pro_noise_level .item_wrap .item.graph_area ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0;
  }
  
  
	
	
  .comp_pro_noise_level .item_wrap .item.graph_area ul li .title {
    width: 110px;
    font-size: 1.3rem;
    letter-spacing: -0.01rem;
  }

  .comp_pro_noise_level .item_wrap .item.graph_area ul li .graph_area {
    width: calc(100% - 110px);
  }

  .comp_pro_noise_level .item_wrap .item.graph_area ul li:last-child {
    padding-bottom: 30px;
  }
  .comp_pro_noise_level.odor_inten .item_wrap .item.contents_area {text-align:left; width:100%; padding-right:0;} 
  .comp_pro_noise_level.odor_inten .item_wrap .item.graph_area .info.txt-center {bottom:40px;}
  
}
@media (max-width: 500px) { 
.comp_pro_noise_level.odor_inten .item_wrap .item.graph_area ul li {flex-direction:column;}
.comp_pro_noise_level.odor_inten .item_wrap .item.graph_area ul li .graph_area {
  padding-top: 5px; width:100%;}

}



.comp_pro_list_5x {
  margin-top: 60px;
}

.comp_pro_list_5x .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.comp_pro_list_5x .item_wrap .item {
  width: 33.33%;
  padding: 0 20px;
  text-align: center;
}

.comp_pro_list_5x .item_wrap .item:nth-child(4) {
  margin-top: 50px;
}

.comp_pro_list_5x .item_wrap .item:nth-child(5) {
  margin-top: 50px;
}

.comp_pro_list_5x .item_wrap .item img {
  width: 100%;
}

.comp_pro_list_5x .item_wrap .item .title {
  margin-top: 20px;
  font-size: 2rem;
}

@media (max-width: 768px) {
  .comp_pro_list_5x .item_wrap .item {
    width: 50%;
    padding: 0;
  }

  .comp_pro_list_5x .item_wrap .item:nth-child(1) {
    padding-right: 15px;
  }

  .comp_pro_list_5x .item_wrap .item:nth-child(2) {
    margin-top: 0;
    padding-left: 15px;
  }

  .comp_pro_list_5x .item_wrap .item:nth-child(3) {
    margin-top: 50px;
    padding-right: 15px;
  }

  .comp_pro_list_5x .item_wrap .item:nth-child(4) {
    margin-top: 50px;
    padding-left: 15px;
  }

  .comp_pro_list_5x .item_wrap .item:nth-child(5) {
    margin-top: 50px;
  }
}

.comp_pro_coffee_top_visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 954px;
  background-size: cover;
}

.comp_pro_coffee_top_visual .obj {
  width: 221px;
}

.comp_pro_coffee_top_visual .obj img {
  width: 221px;
}

@media (max-width: 1024px) {
  .comp_pro_coffee_top_visual {
    height: 600px;
  }

  .comp_pro_coffee_top_visual .obj {
    width: 150px;
  }

  .comp_pro_coffee_top_visual .obj img {
    width: 150px;
  }
}

@media (max-width: 768px) {
  .comp_pro_coffee_top_visual {
    height: 550px;
  }

  .comp_pro_coffee_top_visual .obj {
    width: 120px;
  }

  .comp_pro_coffee_top_visual .obj img {
    width: 120px;
  }
}

.comp_pro_coffee_center_visual {
  margin-top: 100px;
  overflow: hidden;
}

.comp_pro_coffee_center_visual .item {
  position: relative;
  text-align: center;
  width: 100%;
  height: 1212px;
  background-size: cover;
}

.comp_pro_coffee_center_visual .item .obj img {
  width: 100%;
}

.comp_pro_coffee_center_visual .item .title {
  margin-top: 15px;
  padding: 0 40px;
  font-size: 4rem;
  font-weight: 600;
  line-height: 5rem;
  color: #ffffff;
}

.comp_pro_coffee_center_visual .item .text {
  margin-top: 30px;
  padding: 0 50px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #B9B9B9;
}

.comp_pro_coffee_center_visual .item .deco {
  position: absolute;
  top: 0;
  left: 50%;
  width: 141px;
  margin-left: -70px;
}

.comp_pro_coffee_center_visual .item .deco img {
  width: 141px;
}

@media (max-width: 768px) {
  .comp_pro_coffee_center_visual .item .title {
    font-size: 2rem;
    line-height: 3rem;
  }

  .comp_pro_coffee_center_visual .item .text {
    margin-top: 30px;
    padding: 0 20px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.7rem;
    color: #ffffff;
  }
}

.comp_pro_controller_center_visual {
  margin-top: 100px;
  overflow: hidden;
}

.comp_pro_controller_center_visual .item {
  position: relative;
  text-align: center;
  width: 100%;
  height: 980px;
  background-size: cover;
}

.comp_pro_controller_center_visual .item .obj img {
  width: 100%;
}

.comp_pro_controller_center_visual .item .small_title {
  font-size: 4.5rem;
  color: #73B4DC;
  padding-top: 150px;
  font-weight: 600;
}

@media (max-width: 320px) {
  .comp_pro_controller_center_visual .item {
    padding-top: 100px;
  }
}

.comp_pro_controller_center_visual .item .title {
  padding: 0 40px;
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 5.3rem;
  color: #ffffff;
}

.comp_pro_controller_center_visual .item .middle_title {
  font-size: 2.4rem;
  font-weight: 600;
  color: #ffffff;
  margin-top: 40px;
}

.comp_pro_controller_center_visual .item .text {
  margin-top: 10px;
  padding: 0 50px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #B9B9B9;
}

.comp_pro_controller_center_visual .item .deco {
  position: absolute;
  top: 0;
  left: 50%;
  width: 141px;
  margin-left: -70px;
}

.comp_pro_controller_center_visual .item .deco img {
  width: 141px;
}

@media (max-width: 768px) {
  .comp_pro_controller_center_visual .item {
    height: 920px;
    padding-top: 0;
  }

  .comp_pro_controller_center_visual .item .title {
    padding-top: 50px;
    font-size: 3rem;
    line-height: 4rem;
  }

  .comp_pro_controller_center_visual .item .text {
    margin-top: 10px;
    padding: 0 20px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.7rem;
    color: #B9B9B9;
  }
}

@media (max-width: 500px) {
  .comp_pro_controller_center_visual .item {
    height: 820px;
  }
  .comp_pro_installation_guide.type2 .item_wrap .item table thead tr th {font-size:1.2rem;}
}

.comp_pro_coffee_map .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp_pro_coffee_map .item_wrap .item:first-child {
  width: 60%;
}

.comp_pro_coffee_map .item_wrap .item:first-child img {
  width: 100%;
  max-width: 673px;
}

.comp_pro_coffee_map .item_wrap .item:last-child {
  width: 40%;
  padding-top: 30px;
  padding-left: 60px;
}

.comp_pro_coffee_map .item_wrap .item .set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.comp_pro_coffee_map .item_wrap .item .set .text_set {
  padding-left: 30px;
}

.comp_pro_coffee_map .item_wrap .item .set .text_set .title {
  margin-top: 8px;
  font-size: 1.6rem;
  font-weight: 600;
}

.comp_pro_coffee_map .item_wrap .item .set .text_set .text {
  margin-top: 10px;
  font-size: 1.6rem;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_coffee_map .item_wrap .item .set:last-child {
  margin-top: 60px;
}

@media (max-width: 1024px) {
  .comp_pro_coffee_map .item_wrap .item:first-child {
    width: 50%;
  }

  .comp_pro_coffee_map .item_wrap .item:last-child {
    width: 50%;
  }

  .comp_pro_coffee_map .item_wrap .item .set:last-child {
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  .comp_pro_coffee_map {
    margin-top: 40px;
  }

  .comp_pro_coffee_map .item_wrap {
    display: block;
  }

  .comp_pro_coffee_map .item_wrap .item:first-child {
    width: 100%;
  }

  .comp_pro_coffee_map .item_wrap .item:last-child {
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    margin-top: 60px;
  }
}

.comp_pro_oven_half_visual {
  margin-top: 80px;
}

.comp_pro_oven_half_visual .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000000;
}

.comp_pro_oven_half_visual .item_wrap .item {
  position: relative;
  width: 50%;
  height: 763px;
  background-size: cover;
  background-color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.comp_pro_oven_half_visual .item_wrap .item img {
  width: 100%;
}

.comp_pro_oven_half_visual .item_wrap .item .title {
  padding: 0 60px;
  font-size: 5.6rem;
  font-weight: 600;
  color: #ffffff;
}

.comp_pro_oven_half_visual .item_wrap .item .text {
  margin-top: 40px;
  padding: 0 60px;
  font-size: 1.6rem;
  font-weight: 300;
  color: #ffffff;
  line-height: 2.7rem;
}

.comp_pro_oven_half_visual .item_wrap .item .layer {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  left: 50%;
  margin-left: -136px;
}

.comp_pro_oven_half_visual .item_wrap .item .layer .title {
  margin-top: 50px;
  padding: 0;
  font-size: 2rem;
  text-align: center;
  color: #000000;
}

.comp_pro_oven_half_visual .item_wrap .item .layer .line {
  width: 1px;
  height: 32px;
  margin-top: 20px;
  background-color: #ffffff;
}

.comp_pro_oven_half_visual .item_wrap .item .layer .circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 174px;
  height: 174px;
  margin-top: 20px;
  border-radius: 86px;
  background-color: rgba(255, 255, 255, 0.3);
  font-size: 2rem;
}

@media (max-width: 1024px) {
  .comp_pro_oven_half_visual .item_wrap .item {
    height: 700px;
  }
}

@media (max-width: 768px) {
  .comp_pro_oven_half_visual .item_wrap {
    display: block;
  }

  .comp_pro_oven_half_visual .item_wrap .item {
    width: 100%;
    height: 580px;
  }

  .comp_pro_oven_half_visual .item_wrap .item .title {
    padding: 0;
    font-size: 2rem;
  }

  .comp_pro_oven_half_visual .item_wrap .item .text {
    margin-top: 20px;
    padding: 0;
  }

  .comp_pro_oven_half_visual .item_wrap .item:last-child {
    height: auto;
    padding: 40px 20px;
  }

  .comp_pro_oven_half_visual .item_wrap .item .layer .title {
    margin-top: 30px;
  }

  .comp_pro_oven_half_visual .item_wrap .item .layer .line {
    display: none;
  }
}

.comp_pro_macaroon_tip {
  margin-top: 100px;
  background-color: #F6F6F6;
}

.comp_pro_macaroon_tip .item_wrap {
  padding: 60px 0;
}

.comp_pro_macaroon_tip .item_wrap .title {
  font-size: 2.4rem;
  font-weight: 600;
}

.comp_pro_macaroon_tip .item_wrap .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_macaroon_tip .item_wrap .info {
  margin-top: 40px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

@media (max-width: 768px) {
  .comp_pro_macaroon_tip .item_wrap .title {
    font-size: 2rem;
  }
}

.comp_pro_oven_clean_guide {
  background-color: #F5F6F8;
  margin-top: 100px;
  padding: 75px 0;
}

.comp_pro_oven_clean_guide .section_title_area .section_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 5.3rem;
  color: #000000;
  text-align: center;
}

.comp_pro_oven_clean_guide .section_title_area .section_sub_title {
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 60px;
}

@media (max-width: 768px) {
  .comp_pro_oven_clean_guide .section_title_area .section_title {
    font-size: 3rem;
    line-height: 4rem;
  }
}

.comp_pro_oven_clean_guide .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.comp_pro_oven_clean_guide .item_wrap .item_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.comp_pro_oven_clean_guide .item_wrap .item_set .item {
  min-height: 400px;
  background-color: #ffffff;
  border-radius: 8px;
}

.comp_pro_oven_clean_guide .item_wrap .item_set .item .item_inner {
  width: 373px;
  height: 100%;
  padding: 50px 30px 40px 30px;
  text-align: center;
}

.comp_pro_oven_clean_guide .item_wrap .item_set .item .item_inner .contents .title {
  margin-top: 30px;
  font-size: 3rem;
  line-height: 4rem;
}

.comp_pro_oven_clean_guide .item_wrap .item_set .item .item_inner .contents .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_oven_clean_guide .item_wrap .item_set .item.full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}

.comp_pro_oven_clean_guide .item_wrap .item_set .item.full .arrow_right {
  margin-top: 160px;
}

.comp_pro_oven_clean_guide .item_wrap .item_set .item.full .arrow_right img {
  width: 40px;
}

.comp_pro_oven_clean_guide .item_wrap .item_set .item.full .arrow_bottom {
  display: none;
}

.comp_pro_oven_clean_guide .item_wrap .item_set .item.full .arrow_bottom img {
  width: 40px;
}

.comp_pro_oven_clean_guide .item_wrap .item_set .item.half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
  padding: 35px;
  width: calc((100% - 40px) / 2);
}

.comp_pro_oven_clean_guide .item_wrap .item_set .item.half .half_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.comp_pro_oven_clean_guide .item_wrap .item_set .item.half .half_inner .image_area {
  width: 172px;
}

.comp_pro_oven_clean_guide .item_wrap .item_set .item.half .half_inner .image_area img {
  width: 172px;
}

.comp_pro_oven_clean_guide .item_wrap .item_set .item.half .half_inner .contents_area {
  padding-left: 50px;
}

.comp_pro_oven_clean_guide .item_wrap .item_set .item.half .half_inner .contents_area .title {
  font-size: 3rem;
}

.comp_pro_oven_clean_guide .item_wrap .item_set .item.half .half_inner .contents_area .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

@media (max-width: 1024px) {
  .comp_pro_oven_clean_guide .item_wrap .item_set .item .item_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 30px 30px 40px 30px;
    text-align: left;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item .item_inner .contents .title {
    margin-top: 10px;
    padding-left: 20px;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item .item_inner .contents .text {
    margin-top: 15px;
    padding-left: 20px;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item.full {
    display: block;
    width: 100%;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item.full .arrow_right {
    display: none;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item.full .arrow_bottom {
    display: block;
    width: 40ox;
    text-align: center;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item.half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
    padding: 35px;
    width: 100%;
    height: auto;
    min-height: auto;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item.half .half_inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .comp_pro_oven_clean_guide .item_wrap .item_set .item.half .half_inner .image_area {
    width: 120px;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item.half .half_inner .image_area img {
    width: 120px;
  }
}

@media (max-width: 500px) {
  .comp_pro_oven_clean_guide .item_wrap .item_set .item .item_inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 30px 40px 30px;
    text-align: center;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item .item_inner img {
    margin: 0 auto;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item .item_inner .contents .title {
    font-size: 2rem;
    margin-top: 10px;
    padding-left: 0;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item .item_inner .contents .text {
    margin-top: 15px;
    padding-left: 0;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item.full .arrow_bottom img {
    width: 40px;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item.half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
    padding: 35px;
    width: 100%;
    height: auto;
    min-height: auto;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item.half .half_inner {
    display: block;
    text-align: center;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item.half .half_inner .image_area {
    width: 100%;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item.half .half_inner .image_area img {
    width: 172px;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item.half .half_inner .contents_area {
    padding-left: 0;
  }

  .comp_pro_oven_clean_guide .item_wrap .item_set .item.half .half_inner .contents_area .title {
    margin-top: 20px;
    font-size: 2rem;
  }
}

.comp_pro_oven_clean_guide2 {
  background-color: #F5F6F8;
  padding: 0 0 75px 0;
}

.comp_pro_oven_clean_guide2 .section_title_area .section_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 60px;
  width: 100%;
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 4rem;
  color: #000000;
  text-align: center;
}

@media (max-width: 768px) {
  .comp_pro_oven_clean_guide2 .section_title_area .section_title {
    font-size: 2rem;
    line-height: 3rem;
  }
}

.comp_pro_oven_clean_guide2 .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 20px;
}

.comp_pro_oven_clean_guide2 .item_wrap .item_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.comp_pro_oven_clean_guide2 .item_wrap .item_set .item {
  position: relative;
  min-height: 420px;
  background-color: #ffffff;
  border-radius: 8px;
}

.comp_pro_oven_clean_guide2 .item_wrap .item_set .item .item_inner {
  width: 373px;
  height: 100%;
  padding: 50px 30px 40px 30px;
  text-align: center;
}

.comp_pro_oven_clean_guide2 .item_wrap .item_set .item .item_inner .contents .title {
  margin-top: 30px;
  font-size: 3rem;
  line-height: 4rem;
}

.comp_pro_oven_clean_guide2 .item_wrap .item_set .item .item_inner .contents .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.7rem;
  color: #000000;
}

.comp_pro_oven_clean_guide2 .item_wrap .item_set .item.full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}

.comp_pro_oven_clean_guide2 .item_wrap .item_set .item.full .arrow_right {
  margin-top: 160px;
}

.comp_pro_oven_clean_guide2 .item_wrap .item_set .item.full .arrow_bottom {
  display: none;
}

.comp_pro_oven_clean_guide2 .item_wrap .item_set .item .info {
  position: absolute;
  bottom: 75px;
  width: 100%;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
  line-height: 2.2rem;
  text-align: center;
  color: #666666;
}

@media (max-width: 1024px) {
  .comp_pro_oven_clean_guide2 .item_wrap .item_set .item .item_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 30px 30px 40px 30px;
    text-align: left;
  }

  .comp_pro_oven_clean_guide2 .item_wrap .item_set .item .item_inner .contents .title {
    margin-top: 10px;
    padding-left: 20px;
  }

  .comp_pro_oven_clean_guide2 .item_wrap .item_set .item .item_inner .contents .text {
    margin-top: 15px;
    padding-left: 20px;
  }

  .comp_pro_oven_clean_guide2 .item_wrap .item_set .item.full {
    display: block;
    width: 100%;
  }

  .comp_pro_oven_clean_guide2 .item_wrap .item_set .item.full .arrow_right {
    display: none;
  }

  .comp_pro_oven_clean_guide2 .item_wrap .item_set .item.full .arrow_bottom {
    display: block;
    width: 100%;
    text-align: center;
  }

  .comp_pro_oven_clean_guide2 .item_wrap .item_set .item .info {
    position: inherit;
    bottom: inherit;
    padding: 0 20px 60px 20px;
    text-align: left;
  }
}

@media (max-width: 500px) {
  .comp_pro_oven_clean_guide2 .item_wrap .item_set .item .item_inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 30px 40px 30px;
    text-align: center;
  }

  .comp_pro_oven_clean_guide2 .item_wrap .item_set .item .item_inner img {
    margin: 0 auto;
  }

  .comp_pro_oven_clean_guide2 .item_wrap .item_set .item .item_inner .contents .title {
    margin-top: 10px;
    padding-left: 0;
  }

  .comp_pro_oven_clean_guide2 .item_wrap .item_set .item .item_inner .contents .text {
    margin-top: 15px;
    padding-left: 0;
  }

  .comp_pro_oven_clean_guide2 .item_wrap .item_set .item.full .arrow_bottom img {
    width: 40px;
  }

  .comp_pro_oven_clean_guide2 .item_wrap .item_set .item .info {
    margin-top: 20px;
  }
}

.comp_pro_size .container_fixed .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.comp_pro_size .container_fixed .item_wrap .item {
  width: 50%;
  padding: 0 2%;
}

.comp_pro_size .container_fixed .item_wrap .item .image_area img {
  width: 100%;
}

.comp_pro_size .container_fixed .item_wrap .item .table_area {
  margin-top: 20px;
}

.comp_pro_size .container_fixed .item_wrap .item .table_area table thead tr th {
  padding: 15px 20px;
  background-color: #ECECEC;
  border: 1px solid #C8C8C8;
}

.comp_pro_size .container_fixed .item_wrap .item .table_area table thead tr th img {
  width: 18px;
  margin-right: 10px;
  margin-top: 4px;
}

.comp_pro_size .container_fixed .item_wrap .item .table_area table tbody tr td {
  padding: 15px 20px;
  border: 1px solid #C8C8C8;
  font-weight: 300;
  text-align: center;
}

.comp_pro_size .container_fixed .item_wrap .item .table_area .info {
  margin-top: 40px;
}

@media (max-width: 1024px) {
  .comp_pro_size .container_fixed .item_wrap {
    display: block;
  }

  .comp_pro_size .container_fixed .item_wrap .item {
    display: block;
    width: 100%;
  }

  .comp_pro_size .container_fixed .item_wrap .item .image_area {
    width: 100%;
    padding-right: 0;
    text-align: center;
  }

  .comp_pro_size .container_fixed .item_wrap .item .image_area img {
    max-width: 500px;
  }

  .comp_pro_size .container_fixed .item_wrap .item .table_area {
    width: 100%;
    margin-top: 30px;
  }

  .comp_pro_size .container_fixed .item_wrap .item .table_area table thead tr th {
    text-align: center;
  }

  .comp_pro_size .container_fixed .item_wrap .item .table_area table thead tr th img {
    display: block;
    width: 18px;
    margin: 0 auto;
    margin-bottom: 10px;
  }

  .comp_pro_size .container_fixed .item_wrap .item .table_area .info {
    margin-top: 20px;
  }

  .comp_pro_size .container_fixed .item_wrap .item:not(:first-child) {
    margin-top: 60px;
  }
}

.comp_pro_acc_check {
  margin-top: 100px;
  padding-top: 60px;
  padding-bottom: 100px;
  background-color: #F5F6F8;
}

.comp_pro_acc_check .title_area .title {
  font-size: 2.4rem;
  font-weight: 600;
}

.comp_pro_acc_check .title_area .text {
  margin-top: 10px;
  font-weight: 300;
}

.comp_pro_acc_check .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 50px;
}

.comp_pro_acc_check .item_wrap .item {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 30px 48px;
}

.comp_pro_acc_check .item_wrap .item .image_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comp_pro_acc_check .item_wrap .item .image_area .image_set img {
  width: 100%;
  max-width: 277px;
}

.comp_pro_acc_check .item_wrap .item:first-child {
  width: 35%;
}

.comp_pro_acc_check .item_wrap .item:last-child {
  width: 61%;
}

.comp_pro_acc_check .item_wrap .item:last-child .image_area .image_set:last-child {
  margin-left: 30px;
}

.comp_pro_acc_check .item_wrap .item .title {
  margin-top: 30px;
  text-align: center;
  font-size: 2rem;
}

@media (max-width: 768px) {
  .comp_pro_acc_check {
    padding-bottom: 60px;
  }

  .comp_pro_acc_check .title_area .title {
    font-size: 2rem;
  }

  .comp_pro_acc_check .item_wrap {
    display: block;
    margin-top: 40px;
  }

  .comp_pro_acc_check .item_wrap .item {
    width: 100%;
    text-align: center;
  }

  .comp_pro_acc_check .item_wrap .item .image_area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .comp_pro_acc_check .item_wrap .item:first-child {
    width: 100%;
  }

  .comp_pro_acc_check .item_wrap .item:last-child {
    width: 100%;
    margin-top: 40px;
  }
}

@media (max-width: 500px) {
  .comp_pro_acc_check .item_wrap .item .image_area {
    display: block;
  }

  .comp_pro_acc_check .item_wrap .item:last-child .image_area .image_set:last-child {
    margin-top: 30px;
    margin-left: 0;
  }
}

.container_full_comp_pro_acc {
  margin-top: 150px;
  margin-bottom: 60px;
}

.container_full_comp_pro_acc .item_wrap {
  width: 100%;
  text-align: center;
}

.container_full_comp_pro_acc .item_wrap .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container_full_comp_pro_acc .item_wrap .item .title {
  font-size: 4.5rem;
  font-weight: 600;
}

.container_full_comp_pro_acc .item_wrap .item .text {
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.container_full_comp_pro_acc .item_wrap .item .line {
  width: 1px;
  height: 82px;
  margin-top: 20px;
  background-color: #000000;
}

.container_full_comp_pro_acc .item_wrap .item .circle {
  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;
  width: 174px;
  height: 174px;
  margin-top: 20px;
  border-radius: 86px;
  background-color: rgba(0, 0, 0, 0.1);
  font-size: 2rem;
}

.container_full_comp_pro_acc .item_wrap .item .image_area {
  margin-top: 80px;
}

.container_full_comp_pro_acc .item_wrap .item .image_area img {
  width: 100%;
}

.comp_pro_img_text_3x .item_wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comp_pro_img_text_3x .item_wrap .item {
  width: calc((100% - 80px)/3);
  text-align: center;
}

.comp_pro_img_text_3x .item_wrap .item .image_area {
  width: 100%;
}

.comp_pro_img_text_3x .item_wrap .item .image_area img {
  width: 100%;
}

.comp_pro_img_text_3x .item_wrap .item .title {
  font-size: 2rem;
  font-weight: 400;
  line-height: 28px;
  margin-top: 30px;
}

.comp_pro_img_text_3x .item_wrap .item .text {
  font-size: 1.6rem;
  font-weight: 300;
  margin-top: 30px;
  line-height: 2.7rem;
}

.comp_pro_img_text_3x .item_wrap .item .icon_area {
  width: 100%;
}

.comp_pro_img_text_3x .item_wrap .item .icon_area img {
  width: 127px;
  height: 127px;
  margin-top: 40px;
}

@media (max-width: 768px) {
  .comp_pro_img_text_3x .item_wrap {
    display: block;
  }

  .comp_pro_img_text_3x .item_wrap .item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 40px;
  }

  .comp_pro_img_text_3x .item_wrap .item .title {
    font-size: 2rem;
    margin-top: 20px;
  }

  .comp_pro_img_text_3x .item_wrap .item .text {
    margin-top: 10px;
  }

  .comp_pro_img_text_3x .item_wrap .item:last-child {
    margin-top: 40px;
  }
}

.comp_pro_img_half {
  margin-top: 80px;
}

.comp_pro_img_half .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp_pro_img_half .item_wrap .item:first-child {
  width: 50%;
}

.comp_pro_img_half .item_wrap .item:first-child img {
  width: 100%;
  max-width: 552px;
}

.comp_pro_img_half .item_wrap .item:last-child {
  width: 50%;
  padding-top: 44px;
  padding-left: 50px;
}

.comp_pro_img_half .item_wrap .item:last-child .title {
  font-size: 3rem;
  line-height: 4rem;
}

.comp_pro_img_half .item_wrap .item:last-child .text {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 27px;
  margin-top: 20px;
  color: #666666;
}

.comp_pro_img_half .item_wrap .item:last-child .info_text {
  font-size: 1.2rem;
  letter-spacing: -0.01rem;
  margin-top: 20px;
}

.comp_pro_img_half .item_wrap .item:last-child .image_area {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp_pro_img_half .item_wrap .item:last-child .image_area img {
  width: calc((100% - 40px)/2);
  max-width: 200px;
  margin-top: 40px;
}

.comp_pro_img_half .item_wrap .item:last-child .image_area img:first-child {
  margin-right: 40px;
}

@media (max-width: 1024px) {
  .comp_pro_img_half .item_wrap .item:first-child {
    width: 100%;
  }

  .comp_pro_img_half .item_wrap .item:first-child img {
    width: 100%;
  }

  .comp_pro_img_half .item_wrap .item:last-child {
    width: 100%;
    padding-top: 0;
  }

  .comp_pro_img_half .item_wrap .item:last-child .image_area img {
    width: calc((100% - 20px)/2);
  }

  .comp_pro_img_half .item_wrap .item:last-child .image_area img:first-child {
    margin-right: 20px;
  }
}

@media (max-width: 768px) {
  .comp_pro_img_half .item_wrap {
    display: block;
  }

  .comp_pro_img_half .item_wrap .item:first-child {
    text-align: center;
  }

  .comp_pro_img_half .item_wrap .item:last-child {
    padding-left: 0;
    margin-top: 40px;
  }
}

.comp_pro_img_icon_half {
  margin-top: 87px;
}

.comp_pro_img_icon_half .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp_pro_img_icon_half .item_wrap .text_area {
  width: 50%;
}

.comp_pro_img_icon_half .item_wrap .text_area .title {
  font-size: 4rem;
  line-height: 5rem;
}

.comp_pro_img_icon_half .item_wrap .text_area .icon_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 20px;
}

.comp_pro_img_icon_half .item_wrap .text_area .icon_wrap .icon_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

.comp_pro_img_icon_half .item_wrap .text_area .icon_wrap .icon_set img {
  max-width: 70px;
}

.comp_pro_img_icon_half .item_wrap .text_area .icon_wrap .icon_set .text_set {
  padding-left: 5px;
}

.comp_pro_img_icon_half .item_wrap .text_area .icon_wrap .icon_set .text_set .text_title {
  font-weight: 300;
}

.comp_pro_img_icon_half .item_wrap .text_area .icon_wrap .icon_set .text_set .text_title .strong {
  font-size: 1.8rem;
  font-weight: 600;
}

.comp_pro_img_icon_half .item_wrap .text_area .icon_wrap .icon_set .text_set .text_description {
  font-weight: 300;
  margin-top: 10px;
}

.comp_pro_img_icon_half .item_wrap .image_area {
  width: 50%;
  text-align: center;
}

.comp_pro_img_icon_half .item_wrap .image_area img {
  width: 100%;
  max-width: 600px;
}

.comp_pro_img_icon_half .item_wrap .image_area .info_text {
  margin-top: 20px;
  font-weight: 300;
  color: #FF4343;
}

@media (max-width: 1024px) {
  .comp_pro_img_icon_half .item_wrap {
    display: block;
  }

  .comp_pro_img_icon_half .item_wrap .text_area {
    width: 100%;
  }

  .comp_pro_img_icon_half .item_wrap .text_area .icon_wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .comp_pro_img_icon_half .item_wrap .text_area .icon_wrap .icon_set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 33.3%;
  }

  .comp_pro_img_icon_half .item_wrap .text_area .icon_wrap .icon_set:nth-child(1) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .comp_pro_img_icon_half .item_wrap .text_area .icon_wrap .icon_set:nth-child(2) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .comp_pro_img_icon_half .item_wrap .text_area .icon_wrap .icon_set:nth-child(3) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }

  .comp_pro_img_icon_half .item_wrap .text_area .icon_wrap .icon_set:nth-child(4) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }

  .comp_pro_img_icon_half .item_wrap .text_area .icon_wrap .icon_set:nth-child(5) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .comp_pro_img_icon_half .item_wrap .text_area .icon_wrap .icon_set:nth-child(6) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }

  .comp_pro_img_icon_half .item_wrap .image_area {
    display: block;
    width: 100%;
    margin-top: 40px;
  }

  .comp_pro_img_icon_half .item_wrap .image_area img {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .comp_pro_img_icon_half .item_wrap {
    display: block;
  }

  .comp_pro_img_icon_half .item_wrap .text_area {
    width: 100%;
  }

  .comp_pro_img_icon_half .item_wrap .text_area .icon_wrap .icon_set {
    display: block;
    width: 50%;
  }
}

.comp_pro_wine_top_visual {
  margin-top: 100px;
}

.comp_pro_wine_top_visual .item_wrap {
  height: 600px;
  background-size: cover;
}

.comp_pro_wine_top_visual .item_wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 600px;
  padding: 40px;
}

.comp_pro_wine_top_visual .item_wrap .item .title {
  width: 100%;
  font-family: 'Noto Serif', serif;
  font-size: 4.8rem;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 5.4rem;
}

.comp_pro_wine_top_visual .item_wrap .item .title .only_821 {
  display: none;
}

.comp_pro_wine_top_visual .item_wrap .item .text {
  width: 100%;
  font-size: 2rem;
  margin-top: 15px;
  text-align: center;
  line-height: 3rem;
  color: #ffffff;
}

@media (max-width: 821px) {
  .comp_pro_wine_top_visual .item_wrap {
    height: 500px;
  }

  .comp_pro_wine_top_visual .item_wrap .item {
    height: 500px;
  }

  .comp_pro_wine_top_visual .item_wrap .item .title .only_821 {
    display: block;
  }

  .comp_pro_wine_top_visual .item_wrap .item .text {
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  .comp_pro_wine_top_visual .item_wrap .item .title {
    font-size: 3rem;
    line-height: 4rem;
  }

  .comp_pro_wine_top_visual .item_wrap .item .text {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }
}

@media (max-width: 768px) {
  .comp_pro_wine_top_visual .item_wrap {
    height: 450px;
  }

  .comp_pro_wine_top_visual .item_wrap .item {
    height: 450px;
  }
}

.comp_pro_wine_check_list {
  margin-top: 60px;
}

.comp_pro_wine_check_list .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_wine_check_list .item_wrap .item {
  width: 50%;
}

.comp_pro_wine_check_list .item_wrap .item .deco_text {
  font-size: 2.4rem;
  color: #B97E56;
}

.comp_pro_wine_check_list .item_wrap .item .title {
  margin-top: 10px;
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 5.3rem;
}

.comp_pro_wine_check_list .item_wrap .item ul {
  margin-top: 60px;
}

.comp_pro_wine_check_list .item_wrap .item ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.comp_pro_wine_check_list .item_wrap .item ul li img {
  margin-top: 2px;
  margin-right: 15px;
}

.comp_pro_wine_check_list .item_wrap .item ul li .text {
  font-size: 1.8rem;
  line-height: 2.7rem;
}

.comp_pro_wine_check_list .item_wrap .item ul li:not(:first-child) {
  margin-top: 40px;
}

.comp_pro_wine_check_list .item_wrap .item:first-child {
  padding-right: 20px;
}

.comp_pro_wine_check_list .item_wrap .item:last-child {
  text-align: right;
}

.comp_pro_wine_check_list .item_wrap .item:last-child img {
  width: 100%;
  max-width: 545px;
}

@media (max-width: 1024px) {
  .comp_pro_wine_check_list .item_wrap .item .title {
    font-size: 3.5rem;
    line-height: 4.5rem;
  }

  .comp_pro_wine_check_list .item_wrap .item ul {
    margin-top: 40px;
  }

  .comp_pro_wine_check_list .item_wrap .item ul li .text {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }

  .comp_pro_wine_check_list .item_wrap .item ul li:not(:first-child) {
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .comp_pro_wine_check_list .item_wrap {
    display: block;
  }

  .comp_pro_wine_check_list .item_wrap .item {
    width: 100%;
  }

  .comp_pro_wine_check_list .item_wrap .item .deco_text {
    font-size: 1.6rem;
  }

  .comp_pro_wine_check_list .item_wrap .item .title {
    margin-top: 10px;
    font-size: 3rem;
    font-weight: 600;
    line-height: 4rem;
  }

  .comp_pro_wine_check_list .item_wrap .item:last-child {
    margin-top: 60px;
    text-align: center;
  }

  .comp_pro_wine_check_list .item_wrap .item:last-child img {
    width: 100%;
    max-width: 545px;
  }
}

.comp_pro_wine_import_process {
  margin-top: 60px;
}

.comp_pro_wine_import_process .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px dashed #C8C8C8;
  padding-top: 65px;
}

.comp_pro_wine_import_process .item_wrap .item_image {
  text-align: center;
}

.comp_pro_wine_import_process .item_wrap .item_image img {
  width: 100%;
  max-width: 175px;
}

.comp_pro_wine_import_process .item_wrap .item_arrow .arrow_left img {
  width: 50px;
}

.comp_pro_wine_import_process .item_wrap .item_arrow .arrow_bottom {
  display: none;
}

.comp_pro_wine_import_process .item_wrap .item_diagram .importer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.comp_pro_wine_import_process .item_wrap .item_diagram .importer span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 90px;
  height: 90px;
  border-radius: 45px;
  background-color: #D5D5D5;
  color: #ffffff;
  text-align: center;
}

.comp_pro_wine_import_process .item_wrap .item_diagram .importer span:nth-child(2) {
  margin-left: -6px;
  margin-right: -6px;
}

.comp_pro_wine_import_process .item_wrap .item_diagram .smeg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 258px;
  height: 90px;
  margin-top: 25px;
  background-color: #000000;
  border-radius: 45px;
  font-size: 1.8rem;
  color: #ffffff;
}

@media (max-width: 1024px) {
  .comp_pro_wine_import_process .item_wrap .item_arrow .arrow_left img {
    width: 40px;
  }
}

@media (max-width: 768px) {
  .comp_pro_wine_import_process .item_wrap .item_image img {
    max-width: 100px;
  }

  .comp_pro_wine_import_process .item_wrap .item_arrow .arrow_left img {
    width: 30px;
  }

  .comp_pro_wine_import_process .item_wrap .item_arrow .arrow_right img {
    width: 30px;
  }

  .comp_pro_wine_import_process .item_wrap .item_diagram .importer span {
    width: 70px;
    height: 70px;
    font-size: 1.3rem;
  }

  .comp_pro_wine_import_process .item_wrap .item_diagram .smeg {
    width: 198px;
    height: 50px;
  }
}

@media (max-width: 500px) {
  .comp_pro_wine_import_process .item_wrap .item_image img {
    max-width: 100px;
  }

  .comp_pro_wine_import_process .item_wrap .item_arrow .arrow_left img {
    width: 30px;
  }

  .comp_pro_wine_import_process .item_wrap .item_arrow .arrow_right img {
    width: 30px;
  }

  .comp_pro_wine_import_process .item_wrap .item_diagram .importer span {
    width: 65px;
    height: 65px;
    font-size: 1.3rem;
  }

  .comp_pro_wine_import_process .item_wrap .item_diagram .smeg {
    font-size: 1.4rem;
    width: 180px;
    height: 50px;
  }
}

@media (max-width: 400px) {
  .comp_pro_wine_import_process .item_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
  }

  .comp_pro_wine_import_process .item_wrap .item_arrow .arrow_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .comp_pro_wine_import_process .item_wrap .item_arrow .arrow_left img {
    width: 20px;
  }

  .comp_pro_wine_import_process .item_wrap .item_arrow .arrow_bottom {
    display: none;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .comp_pro_wine_import_process .item_wrap .item_arrow .arrow_bottom img {
    width: 50px;
  }

  .comp_pro_wine_import_process .item_wrap .item_diagram .importer span {
    width: 50px;
    height: 50px;
    font-size: 1.2rem;
  }

  .comp_pro_wine_import_process .item_wrap .item_diagram .smeg {
    font-size: 1.4rem;
    width: 140px;
    height: 30px;
  }
}

.comp_pro_acc_02 {
  margin-top: 100px;
}

.comp_pro_acc_02 .item_wrap {
  width: 100%;
  border: 1px solid #CBCBCB;
}

.comp_pro_acc_02 .item_wrap .item_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 50px 30px 40px 30px;
}

.comp_pro_acc_02 .item_wrap .item_set .item_inner img {
  max-width: 282px;
  width: 100%;
}

.comp_pro_acc_02 .item_wrap .item_set .arrow_right img {
  width: 100%;
  max-width: 74px;
}

.comp_pro_acc_02 .item_wrap .item_set .arrow_bottom {
  display: none;
}

@media (max-width: 768px) {
  .comp_pro_acc_02 .item_wrap .item_set {
    padding: 20px;
  }
}

@media (max-width: 500px) {
  .comp_pro_acc_02 .item_wrap .item_set {
    display: block;
    text-align: center;
  }

  .comp_pro_acc_02 .item_wrap .item_set .arrow_right {
    display: none;
  }

  .comp_pro_acc_02 .item_wrap .item_set .arrow_bottom {
    display: block;
    width: 100%;
    text-align: center;
  }

  .comp_pro_acc_02 .item_wrap .item_set .arrow_bottom img {
    width: 74px;
  }
}

.comp_pro_wine_detail {
  margin-top: 265px;
}

.comp_pro_wine_detail .wine_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.comp_pro_wine_detail .wine_top .wine_visual_area {
  position: relative;
  width: 40%;
  min-height: 636px;
  background-color: #E7E7E9;
}

.comp_pro_wine_detail .wine_top .wine_visual_area .image_area {
  position: absolute;
  bottom: 35px;
  left: 50%;
}

.comp_pro_wine_detail .wine_top .wine_visual_area_barolo {
  position: relative;
  width: 40%;
  min-height: 636px;
  background-color: #E7E7E9;
}

.comp_pro_wine_detail .wine_top .wine_visual_area_barolo .image_area {
  position: absolute;
  bottom: 35px;
  left: 50%;
}

.comp_pro_wine_detail .wine_top .wine_detail_area {
  width: 54%;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .title_eng {
  font-family: 'Noto Serif', serif;
  font-size: 5.6rem;
  font-weight: 700;
  line-height: 6.4rem;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .title_kor {
  margin-top: 5px;
  font-size: 3rem;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .border_line {
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
  margin-top: 30px;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .border_line .summary {
  margin: 20px 0;
  font-size: 1.8rem;
  color: #666666;
  font-weight: 300;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .title_award {
  margin-top: 30px;
  font-weight: 600;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .text_award {
  margin-top: 30px;
  font-weight: 600;
  color: #666666;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .list_award {
  margin-top: 20px;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .list_award li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .list_award li .contents_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .list_award li .contents_area .year {
  display: inline-block;
  width: 35px;
  margin-right: 15px;
  font-weight: 600;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .list_award li .contents_area .contents {
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .list_award li .score_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 84px;
  margin-left: 10px;
  padding: 0px 5px 0px 0px;
  background-color: #eeeeee;
  border-radius: 20px;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .list_award li .score_area .score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 28px;
  padding: 0 5px;
  width: 40px;
  height: 28px;
  border-radius: 14px;
  background-color: #333333;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  color: #ffffff;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .list_award li .score_area .score_100 {
  margin-left: 5px;
  color: #777777;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .list_award li .score_area.single {
  background-color: initial;
  margin-left: initial;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .list_award li .score_area.single .score {
  padding: 2px 7px;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .list_award li .score_area.gold {
  padding-right: 0;
}

.comp_pro_wine_detail .wine_top .wine_detail_area .list_award li .score_area.gold .score {
  width: 83px;
}

.comp_pro_wine_detail .wine_info_default {
  width: 50%;
  padding-bottom: 40px;
}

.comp_pro_wine_detail .wine_info_default .title {
  margin-top: 40px;
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_wine_detail .wine_info_default .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_wine_detail .wine_middle {
  display: block;
  margin-top: 40px;
}

.comp_pro_wine_detail .wine_middle .wine_info {
  width: 100%;
  border-top: 1px dashed #C8C8C8;
}

.comp_pro_wine_detail .wine_middle .wine_making {
  width: 100%;
  border-top: 1px dashed #C8C8C8;
}

.comp_pro_wine_detail .wine_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-top: 1px dashed #C8C8C8;
  border-bottom: 1px dashed #C8C8C8;
}

.comp_pro_wine_detail .wine_bottom .wine_taste {
  width: 46%;
}

.comp_pro_wine_detail .wine_bottom .wine_taste .graph_area {
  display: block;
  width: 100%;
  margin-top: 30px;
}

.comp_pro_wine_detail .wine_bottom .wine_taste .graph_area .con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 15px 0;
}

.comp_pro_wine_detail .wine_bottom .wine_taste .graph_area .body {
  padding-right: 40px;
}

.comp_pro_wine_detail .wine_bottom .wine_taste .graph_area .sweet {
  padding-right: 40px;
}

.comp_pro_wine_detail .wine_bottom .wine_taste .graph_area .acidity {
  padding-right: 40px;
}

.comp_pro_wine_detail .wine_bottom .wine_taste .graph_area .title_taste {
  font-weight: 300;
  width: 85px;
}

.comp_pro_wine_detail .wine_bottom .wine_taste .graph_area .graph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 170px;
  margin-left: 20px;
}

.comp_pro_wine_detail .wine_bottom .wine_taste .graph_area .graph .marker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 28px;
  height: 28px;
  padding: 5px;
  border-radius: 14px;
  border: 1px solid #C8C8C8;
  color: #666666;
  line-height: 1;
}

.comp_pro_wine_detail .wine_bottom .wine_taste .graph_area .graph .marker.active {
  border: initial;
  background-color: #000000;
  color: #ffffff;
}

.comp_pro_wine_detail .wine_bottom .wine_food {
  width: 54%;
}

.comp_pro_wine_detail .wine_bottom .wine_food .food_img_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 20px;
}

.comp_pro_wine_detail .wine_bottom .wine_food .food_img_wrap .food_img_set {
  text-align: center;
}

.comp_pro_wine_detail .wine_bottom .wine_food .food_img_wrap .food_img_set img {
  width: 100%;
  max-width: 84px;
}

.comp_pro_wine_detail .wine_bottom .wine_food .food_img_wrap .food_img_set:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 768px) {
  .comp_pro_wine_detail {
    margin-top: 150PX;
  }

  .comp_pro_wine_detail .wine_top {
    display: block;
  }

  .comp_pro_wine_detail .wine_top .wine_visual_area {
    width: 100%;
    min-height: 450px;
  }

  .comp_pro_wine_detail .wine_top .wine_visual_area .image_area {
    left: 65%;
  }

  .comp_pro_wine_detail .wine_top .wine_visual_area .image_area img {
    width: 60%;
  }

  .comp_pro_wine_detail .wine_top .wine_visual_area_barolo {
    width: 100%;
    min-height: 450px;
  }

  .comp_pro_wine_detail .wine_top .wine_visual_area_barolo .image_area {
    left: 62%;
  }

  .comp_pro_wine_detail .wine_top .wine_visual_area_barolo .image_area img {
    width: 60%;
  }

  .comp_pro_wine_detail .wine_top .wine_detail_area {
    width: 100%;
  }

  .comp_pro_wine_detail .wine_top .wine_detail_area .title_eng {
    margin-top: 20px;
    font-size: 4rem;
    line-height: 5rem;
  }

  .comp_pro_wine_detail .wine_middle {
    display: block;
    border-top: initial;
  }

  .comp_pro_wine_detail .wine_middle .wine_info {
    padding-right: initial;
    border-right: initial;
    border-top: 1px dashed #C8C8C8;
  }

  .comp_pro_wine_detail .wine_middle .wine_making {
    padding-left: initial;
    border-top: 1px dashed #C8C8C8;
  }

  .comp_pro_wine_detail .wine_bottom {
    display: block;
    border-top: initial;
  }

  .comp_pro_wine_detail .wine_bottom .wine_taste {
    width: 100%;
    border-right: initial;
    border-top: 1px dashed #C8C8C8;
  }

  .comp_pro_wine_detail .wine_bottom .wine_food {
    width: 100%;
    padding-left: initial;
    border-top: 1px dashed #C8C8C8;
  }

  .comp_pro_wine_detail .wine_info_default {
    width: 100%;
  }
}

.comp_pro_image_inner_icon {
  width: 100%;
}

.comp_pro_image_inner_icon .item_wrap {
  position: relative;
  width: 100%;
  height: 450px;
  background-size: cover;
}

.comp_pro_image_inner_icon .item_wrap .obj_set {
  position: absolute;
  top: 40px;
  left: 90px;
  text-align: center;
}

.comp_pro_image_inner_icon .item_wrap .obj_set .obj_01 img {
  width: 150px;
}

.comp_pro_image_inner_icon .item_wrap .obj_set .obj_02 {
  margin-top: 10px;
}

.comp_pro_image_inner_icon .item_wrap .obj_set .obj_02 img {
  width: 30px;
}

.comp_pro_image_inner_icon .item_wrap .obj_set .obj_03 {
  margin-top: 2px;
}

.comp_pro_image_inner_icon .item_wrap .obj_set .obj_03 img {
  width: 150px;
}

@media (max-width: 768px) {
  .comp_pro_image_inner_icon .item_wrap .obj_set {
    left: 50%;
    margin-left: -75px;
  }
}

.comp_pro_image_inner_icon1x {
  width: 100%;
}

.comp_pro_image_inner_icon1x .item_wrap {
  position: relative;
  width: 100%;
  height: 450px;
  background-size: cover;
}

.comp_pro_image_inner_icon1x .item_wrap .dim {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.comp_pro_image_inner_icon1x .item_wrap .dim .obj_set {
  position: absolute;
  top: 150px;
  left: 130px;
  text-align: center;
}

.comp_pro_image_inner_icon1x .item_wrap .dim .obj_set .icon img {
  width: 100px;
}

.comp_pro_image_inner_icon1x .item_wrap .dim .obj_set .text {
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.8rem;
  margin-top: 20px;
}

@media (max-width: 768px) {
  .comp_pro_image_inner_icon1x .item_wrap .dim {
    background-color: rgba(0, 0, 0, 0.5);
  }

  .comp_pro_image_inner_icon1x .item_wrap .dim .obj_set {
    left: 50%;
    margin-left: -80px;
  }

  .comp_pro_image_inner_icon1x .item_wrap .dim .obj_set .icon path {
    stroke: #ffffff;
  }

  .comp_pro_image_inner_icon1x .item_wrap .dim .obj_set .text {
    color: #ffffff;
  }
}

.comp_pro_image_inner_icon_wool .item_wrap {
  position: relative;
}

.comp_pro_image_inner_icon_wool .item_wrap .obj_set {
  display: block;
  position: absolute;
  top: 150px;
  left: 100px;
  text-align: left;
}

.comp_pro_image_inner_icon_wool .item_wrap .obj_set .icon img {
  width: 50px;
}

.comp_pro_image_inner_icon_wool .item_wrap .obj_set .title {
  font-size: 2rem;
  line-height: 2.7rem;
  font-weight: 600;
  margin-top: 20px;
}

.comp_pro_image_inner_icon_wool .item_wrap .obj_set .text {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  margin-top: 15px;
  width: 385px;
  color: #666666;
}

.comp_pro_image_inner_icon_wool .item_wrap .image_area {
  width: 100%;
  height: 450px;
  background-size: cover;
}

@media (max-width: 1024px) {
  .comp_pro_image_inner_icon_wool .item_wrap .image_area {
    background-position: center center;
  }
}

@media (max-width: 768px) {
  .comp_pro_image_inner_icon_wool .item_wrap .obj_set {
    top: 50px;
    left: 40px;
  }

  .comp_pro_image_inner_icon_wool .item_wrap .image_area {
    height: 300px;
  }
}

@media (max-width: 500px) {
  .comp_pro_image_inner_icon_wool .item_wrap {
    display: block;
  }

  .comp_pro_image_inner_icon_wool .item_wrap .obj_set {
    position: inherit;
    top: inherit;
    left: inherit;
  }

  .comp_pro_image_inner_icon_wool .item_wrap .obj_set .text {
    width: 100%;
  }

  .comp_pro_image_inner_icon_wool .item_wrap .image_area {
    height: 200px;
    margin-top: 20px;
    background-size: 200%;
    background-position: right center;
  }
}

.comp_pro_half_2x .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.comp_pro_half_2x .item_wrap .item {
  padding: 0 80px;
  text-align: center;
}

.comp_pro_half_2x .item_wrap .item .title {
  font-size: 2rem;
  margin-top: 20px;
}

.comp_pro_half_2x .item_wrap .item img {
  width: 100%;
}

@media (max-width: 768px) {
  .comp_pro_half_2x .item_wrap {
    display: block;
  }

  .comp_pro_half_2x .item_wrap .item:last-child {
    margin-top: 30px;
  }
}

.comp_pro_bg_inner_3x_new {
  margin-top: 100px;
  overflow: hidden;
}

.comp_pro_bg_inner_3x_new .item_wrap {
  position: relative;
  width: 100%;
  height: 600px;
}

.comp_pro_bg_inner_3x_new .item_wrap .image_area {
  width: 100%;
  height: 600px;
  background-size: cover;
}

.comp_pro_bg_inner_3x_new .item_wrap .title {
  position: absolute;
  top: 145px;
  right: 35%;
  margin-right: -236px;
  font-size: 4.6rem;
  line-height: 5.6rem;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
}

.comp_pro_bg_inner_3x_new .item_wrap .text_area {
  position: absolute;
  right: 66px;
  bottom: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 60%;
}

.comp_pro_bg_inner_3x_new .item_wrap .text_area .text_set {
  width: 31%;
  height: 199px;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.8);
}

.comp_pro_bg_inner_3x_new .item_wrap .text_area .text_set .text_title {
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_bg_inner_3x_new .item_wrap .text_area .text_set .text_discription {
  margin-top: 15px;
  font-size: 1.6rem;
  line-height: 2.7rem;
}

@media (max-width: 1024px) {
  .comp_pro_bg_inner_3x_new .item_wrap .title {
    top: 80px;
  }

  .comp_pro_bg_inner_3x_new .item_wrap .text_area {
    display: block;
    bottom: 60px;
  }

  .comp_pro_bg_inner_3x_new .item_wrap .text_area .text_set {
    width: 100%;
    height: initial;
    padding: 20px;
    margin-bottom: 15px;
  }

  .comp_pro_bg_inner_3x_new .item_wrap .text_area .text_set .text_discription {
    margin-top: 3px;
  }
}

@media (max-width: 930px) {
  .comp_pro_bg_inner_3x_new .item_wrap {
    height: auto;
  }

  .comp_pro_bg_inner_3x_new .item_wrap .image_area {
    height: 300px;
  }

  .comp_pro_bg_inner_3x_new .item_wrap .title {
    top: 90px;
  }

  .comp_pro_bg_inner_3x_new .item_wrap .text_area {
    position: initial;
    right: initial;
    bottom: initial;
    width: 100%;
  }

  .comp_pro_bg_inner_3x_new .item_wrap .text_area .text_set {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
    border-bottom: 1px dashed #cccccc;
  }
}

@media (max-width: 768px) {
  .comp_pro_bg_inner_3x_new .item_wrap .title {
    font-size: 3.8rem;
    line-height: 4.8rem;
    margin-right: -195px;
  }
}

@media (max-width: 640px) {
  .comp_pro_bg_inner_3x_new .item_wrap .image_area {
    height: 250px;
  }

  .comp_pro_bg_inner_3x_new .item_wrap .title {
    top: 100px;
    font-size: 3rem;
    line-height: 4rem;
    margin-right: -153px;
  }
}

@media (max-width: 500px) {
  .comp_pro_bg_inner_3x_new .item_wrap .image_area {
    height: 230px;
  }

  .comp_pro_bg_inner_3x_new .item_wrap .title {
    top: 85px;
    font-size: 2.4rem;
    line-height: 3.5rem;
    margin-right: -123px;
  }
}

.comp_pro_bg_inner_4x_new {
  margin-top: 100px;
  overflow: hidden;
}

.comp_pro_bg_inner_4x_new .item_wrap {
  position: relative;
  width: 100%;
  height: 600px;
}

.comp_pro_bg_inner_4x_new .item_wrap .image_area {
  width: 100%;
  max-width: 1200px;
  height: 400px;
  background-size: cover;
}

.comp_pro_bg_inner_4x_new .item_wrap .title {
  position: absolute;
  top: 100px;
  right: 15%;
  margin-left: -145px;
  font-size: 4.6rem;
  line-height: 5.6rem;
  font-weight: 600;
  color: #ffffff;
  text-align: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.comp_pro_bg_inner_4x_new .item_wrap .title span {
  font-size: 3rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.3);
}

.comp_pro_bg_inner_4x_new .item_wrap .title .info {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.3rem;
  margin-top: 10px;
}

.comp_pro_bg_inner_4x_new .item_wrap .sub_title {
  font-size: 1.6rem;
  color: #ffffff;
}

.comp_pro_bg_inner_4x_new .item_wrap .text_area {
  right: 120px;
  bottom: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.comp_pro_bg_inner_4x_new .item_wrap .text_area .text_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
}

.comp_pro_bg_inner_4x_new .item_wrap .text_area .text_wrap .text_set {
  width: 50%;
  padding: 20px 20px;
  margin-top: 30px;
  background-color: rgba(255, 255, 255, 0.8);
}

.comp_pro_bg_inner_4x_new .item_wrap .text_area .text_wrap .text_set .icon img {
  width: 80px;
}

.comp_pro_bg_inner_4x_new .item_wrap .text_area .text_wrap .text_set .text_title {
  margin-top: 15px;
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_bg_inner_4x_new .item_wrap .text_area .text_wrap:first-child .text_set {
  border-right: 1px dashed #cccccc;
}

.comp_pro_bg_inner_4x_new .item_wrap .text_area .text_wrap:last-child .text_set:not(:last-child) {
  border-right: 1px dashed #cccccc;
}

@media (max-width: 1024px) {
  .comp_pro_bg_inner_4x_new .item_wrap .title {
    top: 100px;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .text_wrap .text_set {
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .text_wrap .text_set .text_title {
    font-size: 1.8rem;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .text_wrap:first-child .text_set {
    border-right: 1px dashed #cccccc;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .text_wrap:last-child .text_set:not(:last-child) {
    border-right: 1px dashed #cccccc;
  }
}

@media (max-width: 930px) {
  .comp_pro_bg_inner_4x_new .item_wrap {
    height: auto;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .image_area {
    height: 300px;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .title {
    top: 60px;
    margin-right: -40px;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .text_area {
    position: initial;
    right: initial;
    bottom: initial;
    width: 100%;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .text_area .text_wrap .text_set {
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .text_area .text_wrap .text_set .text_title {
    font-size: 1.8rem;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .text_area .text_wrap:first-child .text_set {
    border-right: 1px dashed #cccccc;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .text_area .text_wrap:last-child .text_set:not(:last-child) {
    border-right: 1px dashed #cccccc;
  }
}

@media (max-width: 768px) {
  .comp_pro_bg_inner_4x_new .item_wrap .title {
    font-size: 3.8rem;
    line-height: 4.8rem;
    margin-right: -35px;
    margin-top: 20px;
  }
}

@media (max-width: 640px) {
  .comp_pro_bg_inner_4x_new .item_wrap .image_area {
    height: 250px;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .title {
    top: 65px;
    font-size: 3rem;
    line-height: 4rem;
    margin-right: -30px;
  }
}

@media (max-width: 500px) {
  .comp_pro_bg_inner_4x_new .item_wrap .image_area {
    height: 350px;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .title {
    top: 0px;
    right: initial;
    left: 50%;
    width: 200px;
    margin-right: initial;
    margin-left: -100px;
    font-size: 2.4rem;
    line-height: 3.5rem;
    text-align: center;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .title span {
    font-size: 4rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.3);
  }

  .comp_pro_bg_inner_4x_new .item_wrap .text_area {
    display: block;
    width: 100%;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .text_area .text_wrap {
    width: 100%;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .text_area .text_wrap .text_set {
    width: 50%;
    height: auto;
    padding: 15px;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .text_area .text_wrap .text_set .icon img {
    width: 60px;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .text_area .text_wrap .text_set .text_title {
    font-size: 1.6rem;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .text_area .text_wrap:first-child .text_set:last-child {
    border-right: initial;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .text_area .text_wrap:last-child {
    border-top: 1px dashed #cccccc;
  }

  .comp_pro_bg_inner_4x_new .item_wrap .text_area .text_wrap:last-child .text_set {
    margin-top: initial;
  }
}

.comp_pro_bg_inner_oven_1x {
  margin-top: 100px;
}

.comp_pro_bg_inner_oven_1x .item_wrap .image_area {
  width: 100%;
  max-width: 1200px;
  height: 400px;
  background-size: cover;
}

.comp_pro_bg_inner_oven_1x .item_wrap .text_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.comp_pro_bg_inner_oven_1x .item_wrap .text_area .text_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp_pro_bg_inner_oven_1x .item_wrap .text_area .text_wrap .text_set {
  margin-top: 50px;
}

.comp_pro_bg_inner_oven_1x .item_wrap .text_area .text_wrap .text_set .text_title {
  margin-top: 15px;
  font-size: 2rem;
  font-weight: 600;
}

@media (max-width: 1024px) {
  .comp_pro_bg_inner_oven_1x .item_wrap .title {
    top: 150px;
  }

  .comp_pro_bg_inner_oven_1x .item_wrap .text_wrap .text_set {
    width: 100%;
    margin-top: 50px;
  }

  .comp_pro_bg_inner_oven_1x .item_wrap .text_wrap .text_set .text_title {
    font-size: 1.8rem;
  }
}

@media (max-width: 930px) {
  .comp_pro_bg_inner_oven_1x .item_wrap {
    height: auto;
  }

  .comp_pro_bg_inner_oven_1x .item_wrap .image_area {
    height: 300px;
  }

  .comp_pro_bg_inner_oven_1x .item_wrap .text_area {
    position: initial;
    right: initial;
    bottom: initial;
    width: 100%;
  }

  .comp_pro_bg_inner_oven_1x .item_wrap .text_area .text_wrap .text_set {
    width: 100%;
    margin-top: 50px;
  }

  .comp_pro_bg_inner_oven_1x .item_wrap .text_area .text_wrap .text_set .text_title {
    font-size: 1.8rem;
  }
}

@media (max-width: 640px) {
  .comp_pro_bg_inner_oven_1x .item_wrap .image_area {
    height: 250px;
  }
}

@media (max-width: 500px) {
  .comp_pro_bg_inner_oven_1x .item_wrap .image_area {
    height: 350px;
  }

  .comp_pro_bg_inner_oven_1x .item_wrap .text_area {
    display: block;
    width: 100%;
  }

  .comp_pro_bg_inner_oven_1x .item_wrap .text_area .text_wrap {
    width: 100%;
  }

  .comp_pro_bg_inner_oven_1x .item_wrap .text_area .text_wrap .text_set {
    margin-top: 30px;
  }

  .comp_pro_bg_inner_oven_1x .item_wrap .text_area .text_wrap .text_set .icon img {
    width: 60px;
  }

  .comp_pro_bg_inner_oven_1x .item_wrap .text_area .text_wrap .text_set .text_title {
    font-size: 1.6rem;
  }
}

.comp_pro_bg_inner_oven_4x {
  margin-top: 100px;
  overflow: hidden;
}

.comp_pro_bg_inner_oven_4x .item_wrap {
  position: relative;
  width: 100%;
  height: 600px;
}

.comp_pro_bg_inner_oven_4x .item_wrap .image_area {
  width: 100%;
  max-width: 1200px;
  height: 400px;
  background-size: cover;
}

.comp_pro_bg_inner_oven_4x .item_wrap .title {
  position: absolute;
  top: 145px;
  right: 15%;
  margin-left: -145px;
  font-size: 4.6rem;
  line-height: 5.6rem;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.comp_pro_bg_inner_oven_4x .item_wrap .title span {
  font-size: 8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.3);
}

.comp_pro_bg_inner_oven_4x .item_wrap .sub_title {
  font-size: 1.6rem;
  color: #ffffff;
}

.comp_pro_bg_inner_oven_4x .item_wrap .text_area {
  right: 120px;
  bottom: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
}

.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x .text_set {
  width: 50%;
  padding: 20px 20px;
  margin-top: 30px;
}

.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x .text_set .icon img {
  width: 80px;
}

.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x .text_set .text_title {
  margin-top: 15px;
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x:first-child .text_set {
  border-right: 1px dashed #cccccc;
}

.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x:last-child .text_set:not(:last-child) {
  border-right: 1px dashed #cccccc;
}



/* 4열 한 줄: 이미지와 같은 1200px 기준, 가운데 정렬 */
.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x.x4col{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

/* 아이템 4개(25%) + 가운데 점선, 오른쪽 끝은 제거 */
.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x.x4col .text_set{
  width: 25%;
  box-sizing: border-box;
  padding: 20px 20px;
  margin-top: 30px;
  border-right: 1px dashed #cccccc;
}
.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x.x4col .text_set:nth-child(4){
  border-right: none;
}

/* 모바일(<=500px): 2열 + 오른쪽 보더 처리 */
@media (max-width: 500px){
  .comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x.x4col .text_set{
    width: 50%;
    border-right: 1px dashed #cccccc;
  }
  .comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x.x4col .text_set:nth-child(2n){
    border-right: none;
  }
}

/* 잘림 방지(기존 .item_wrap 높이 600px/overflow:hidden 상쇄) */
.comp_pro_bg_inner_oven_4x.x4x2{ overflow: visible !important; }
.comp_pro_bg_inner_oven_4x.x4x2 .item_wrap{ height: auto !important; }



.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_3x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_3x .text_set {
  width: calc(100% / 3);
  padding: 20px 20px;
  margin-top: 30px;
}

.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_3x .text_set .icon img {
  width: 100%;
  max-width: 80px;
}

.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_3x .text_set .text_title {
  margin-top: 15px;
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_3x .text_set:not(:first-child) {
  border-left: 1px dashed #cccccc;
}

.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_2x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_2x .text_set {
  width: calc(100% / 2);
  padding: 20px 20px;
  margin-top: 30px;
}

.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_2x .text_set .icon img {
  width: 100%;
  max-width: 80px;
}

.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_2x .text_set .text_title {
  margin-top: 15px;
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_2x .text_set:not(:first-child) {
  border-left: 1px dashed #cccccc;
}

@media (max-width: 1024px) {
  .comp_pro_bg_inner_oven_4x .item_wrap .title {
    top: 150px;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .text_wrap_4x .text_set {
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .text_wrap_4x .text_set .text_title {
    font-size: 1.8rem;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .text_wrap_4x:first-child .text_set {
    border-right: 1px dashed #cccccc;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .text_wrap_4x:last-child .text_set:not(:last-child) {
    border-right: 1px dashed #cccccc;
  }
}

@media (max-width: 930px) {
  .comp_pro_bg_inner_oven_4x .item_wrap {
    height: auto;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .image_area {
    height: 300px;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .title {
    top: 90px;
    margin-right: -40px;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .text_area {
    position: initial;
    right: initial;
    bottom: initial;
    width: 100%;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x .text_set {
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x .text_set .text_title {
    font-size: 1.8rem;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x:first-child .text_set {
    border-right: 1px dashed #cccccc;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x:last-child .text_set:not(:last-child) {
    border-right: 1px dashed #cccccc;
  }
}

@media (max-width: 768px) {
  .comp_pro_bg_inner_oven_4x .item_wrap .title {
    font-size: 3.8rem;
    line-height: 4.8rem;
    margin-right: -35px;
    margin-top: 20px;
  }
}

@media (max-width: 640px) {
  .comp_pro_bg_inner_oven_4x .item_wrap .image_area {
    height: 250px;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .title {
    top: 65px;
    font-size: 3rem;
    line-height: 4rem;
    margin-right: -30px;
  }
}

@media (max-width: 500px) {
  .comp_pro_bg_inner_oven_4x .item_wrap .image_area {
    height: 350px;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .title {
    top: 0px;
    right: initial;
    left: 50%;
    width: 200px;
    margin-right: initial;
    margin-left: -100px;
    font-size: 2.4rem;
    line-height: 3.5rem;
    text-align: center;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .title span {
    font-size: 4rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.3);
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .text_area {
    display: block;
    width: 100%;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x {
    width: 100%;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x .text_set {
    width: 50%;
    height: auto;
    padding: 15px;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x .text_set .icon img {
    width: 60px;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x .text_set .text_title {
    font-size: 1.6rem;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x:first-child .text_set:last-child {
    border-right: initial;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x:last-child {
    border-top: 1px dashed #cccccc;
  }

  .comp_pro_bg_inner_oven_4x .item_wrap .text_area .text_wrap_4x:last-child .text_set {
    margin-top: initial;
  }

}

@media screen and (max-width: 860px) {
  /* 모바일: 첫 번째 줄만 점선 제거 */
  .comp_pro_bg_inner_oven_4x .item_wrap.only_mobile .text_area:first-of-type .text_wrap_4x {
    border-top: none !important;
  }
}




.comp_pro_bg_inner_3x {
  overflow: hidden;
}

.comp_pro_bg_inner_3x .item_wrap {
  position: relative;
  width: 100%;
  height: 600px;
}

.comp_pro_bg_inner_3x .item_wrap .image_area {
  width: 100%;
  max-width: 1200px;
  height: 400px;
  background-size: cover;
}

.comp_pro_bg_inner_3x .item_wrap .title {
  position: absolute;
  top: 145px;
  right: 15%;
  margin-left: -145px;
  font-size: 4.6rem;
  line-height: 5.6rem;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.comp_pro_bg_inner_3x .item_wrap .title span {
  font-size: 8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.3);
}

.comp_pro_bg_inner_3x .item_wrap .sub_title {
  font-size: 1.6rem;
  color: #ffffff;
}

.comp_pro_bg_inner_3x .item_wrap .text_area {
  right: 120px;
  bottom: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.comp_pro_bg_inner_3x .item_wrap .text_area .text_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.comp_pro_bg_inner_3x .item_wrap .text_area .text_wrap .text_set {
  width: 50%;
  padding: 30px 20px;
  margin-top: 30px;
  background-color: rgba(255, 255, 255, 0.8);
}

.comp_pro_bg_inner_3x .item_wrap .text_area .text_wrap .text_set .icon img {
  width: 80px;
}

.comp_pro_bg_inner_3x .item_wrap .text_area .text_wrap .text_set .text_title {
  margin-top: 15px;
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_bg_inner_3x .item_wrap .text_area .text_wrap:last-child .text_set:not(:last-child) {
  border-right: 1px dashed #cccccc;
}

@media (max-width: 1024px) {
  .comp_pro_bg_inner_3x .item_wrap .title {
    top: 150px;
  }

  .comp_pro_bg_inner_3x .item_wrap .text_wrap .text_set {
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
  }

  .comp_pro_bg_inner_3x .item_wrap .text_wrap .text_set .text_title {
    font-size: 1.8rem;
  }

  .comp_pro_bg_inner_3x .item_wrap .text_wrap:last-child .text_set:not(:last-child) {
    border-right: 1px dashed #cccccc;
  }
}

@media (max-width: 930px) {
  .comp_pro_bg_inner_3x .item_wrap {
    height: auto;
  }

  .comp_pro_bg_inner_3x .item_wrap .image_area {
    height: 300px;
  }

  .comp_pro_bg_inner_3x .item_wrap .title {
    top: 90px;
    margin-right: -40px;
  }

  .comp_pro_bg_inner_3x .item_wrap .text_area {
    position: initial;
    right: initial;
    bottom: initial;
    width: 100%;
  }

  .comp_pro_bg_inner_3x .item_wrap .text_area .text_wrap .text_set {
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
  }

  .comp_pro_bg_inner_3x .item_wrap .text_area .text_wrap .text_set .text_title {
    font-size: 1.8rem;
  }

  .comp_pro_bg_inner_3x .item_wrap .text_area .text_wrap:last-child .text_set:not(:last-child) {
    border-right: 1px dashed #cccccc;
  }
}

@media (max-width: 768px) {
  .comp_pro_bg_inner_3x .item_wrap .title {
    font-size: 3.8rem;
    line-height: 4.8rem;
    margin-right: -35px;
    margin-top: 20px;
  }
}

@media (max-width: 640px) {
  .comp_pro_bg_inner_3x .item_wrap .image_area {
    height: 250px;
  }

  .comp_pro_bg_inner_3x .item_wrap .title {
    top: 65px;
    font-size: 3rem;
    line-height: 4rem;
    margin-right: -30px;
  }
}

@media (max-width: 500px) {
  .comp_pro_bg_inner_3x .item_wrap .image_area {
    height: 350px;
  }

  .comp_pro_bg_inner_3x .item_wrap .title {
    top: 0px;
    right: initial;
    left: 50%;
    width: 200px;
    margin-right: initial;
    margin-left: -100px;
    font-size: 2.4rem;
    line-height: 3.5rem;
    text-align: center;
  }

  .comp_pro_bg_inner_3x .item_wrap .title span {
    font-size: 4rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.3);
  }

  .comp_pro_bg_inner_3x .item_wrap .text_area {
    display: block;
    width: 100%;
  }

  .comp_pro_bg_inner_3x .item_wrap .text_area .text_wrap {
    width: 100%;
  }

  .comp_pro_bg_inner_3x .item_wrap .text_area .text_wrap .text_set {
    width: 50%;
    height: auto;
    padding: 15px;
  }

  .comp_pro_bg_inner_3x .item_wrap .text_area .text_wrap .text_set .icon img {
    width: 60px;
  }

  .comp_pro_bg_inner_3x .item_wrap .text_area .text_wrap .text_set .text_title {
    font-size: 1.6rem;
  }

  .comp_pro_bg_inner_3x .item_wrap .text_area .text_wrap:first-child .text_set:last-child {
    border-right: initial;
  }

  .comp_pro_bg_inner_3x .item_wrap .text_area .text_wrap:last-child {
    margin-top: 20px;
  }

  .comp_pro_bg_inner_3x .item_wrap .text_area .text_wrap:last-child .text_set {
    margin-top: initial;
  }
}

.comp_pro_use {
  margin-top: 100px;
}

.comp_pro_use .item_wrap {
  border-top: 1px dashed #cccccc;
}

.comp_pro_use .item_wrap .title {
  margin-top: 40px;
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_use .item_wrap .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

@media (max-width: 768px) {
  .comp_pro_use .item_wrap .title {
    font-size: 2rem;
  }
}

.comp_pro_3x_acc_detail .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.comp_pro_3x_acc_detail .item_wrap .title {
  font-size: 5.6rem;
}

.comp_pro_3x_acc_detail .item_wrap .item {
  width: calc((100% - 50px) / 3);
}

.comp_pro_3x_acc_detail .item_wrap .item .title {
  margin-top: 30px;
  font-size: 20px;
}

.comp_pro_3x_acc_detail .item_wrap .item .text {
  margin-top: 15px;
  font-weight: 300;
  line-height: 2.7rem;
}

.comp_pro_3x_acc_detail .item_wrap .item .image_area {
  width: 100%;
}

.comp_pro_3x_acc_detail .item_wrap .item .image_area img {
  width: 100%;
}

@media (max-width: 768px) {
  .comp_pro_3x_acc_detail .item_wrap {
    display: block;
  }

  .comp_pro_3x_acc_detail .item_wrap .item {
    width: 100%;
    margin-bottom: 40px;
  }
}

.comp_pro_pod_coffee {
  margin-top: 40px;
}

.comp_pro_pod_coffee .item_wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_pod_coffee .item_wrap .item .image_area {
  width: 251px;
  padding-left: 40px;
  text-align: center;
}

.comp_pro_pod_coffee .item_wrap .item .image_area img {
  width: 100%;
  max-width: 212px;
}

.comp_pro_pod_coffee .item_wrap .item .image_area .title {
  margin-top: 20px;
  font-weight: 300;
}

.comp_pro_pod_coffee .item_wrap .item .content_area {
  width: calc(100% - 251px);
  padding-left: 84px;
}

.comp_pro_pod_coffee .item_wrap .item .content_area li {
  position: relative;
  padding: 5px 0;
  color: #7E7E7E;
  line-height: 2.7rem;
}

.comp_pro_pod_coffee .item_wrap .item .content_area li::before {
  content: "·";
  position: absolute;
  left: -10px;
}

.comp_pro_pod_coffee .item_wrap .item:last-child .image_area .title {
  font-size: 1.8rem;
  font-weight: 600;
}

.comp_pro_pod_coffee .item_wrap .item:last-child .content_area li {
  color: #000000;
}

.comp_pro_pod_coffee .item_wrap .vs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 0;
}

.comp_pro_pod_coffee .item_wrap .vs .line {
  width: calc((100% - 170px) / 2);
  height: 1px;
  background-color: #D9D9D9;
}

@media (max-width: 768px) {
  .comp_pro_pod_coffee .item_wrap .item .image_area {
    width: 221px;
    padding-left: 0;
  }

  .comp_pro_pod_coffee .item_wrap .item .content_area {
    width: calc(100% - 221px);
    padding-left: 30px;
  }
}

@media (max-width: 600px) {
  .comp_pro_pod_coffee .item_wrap .item {
    display: block;
  }

  .comp_pro_pod_coffee .item_wrap .item .image_area {
    width: 100%;
  }

  .comp_pro_pod_coffee .item_wrap .item .content_area {
    width: 100%;
    margin-top: 30px;
    padding-left: 0;
  }
}

.comp_pro_bg_single_text {
  margin-top: 100px;
  padding: 60px 0;
}

.comp_pro_bg_single_text .title {
  font-size: 2.4rem;
  font-weight: 600;
}

.comp_pro_bg_single_text .text {
  position: relative;
  margin-top: 20px;
  padding-left: 10px;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_bg_single_text .text::before {
  content: "·";
  position: absolute;
  left: 0;
}

.comp_pro_sicily_visual {
  margin-top: 100px;
}

.comp_pro_sicily_visual .item_inner_image {
  width: 100%;
  height: 942px;
  background-size: cover;
}

.comp_pro_sicily_visual .item_inner_image .logo {
  text-align: center;
  padding-top: 100px;
}

.comp_pro_sicily_visual .item_inner_image .logo img {
  max-width: 600px;
}

@media (max-width: 768px) {
  .comp_pro_sicily_visual .item_inner_image {
    width: 100%;
    height: 690px;
    background-size: cover;
  }

  .comp_pro_sicily_visual .item_inner_image .logo img {
    width: 340px;
  }
}

@media (max-width: 550px) {
  .comp_pro_sicily_visual .item_inner_image {
    width: 100%;
    height: 500px;
    background-size: cover;
  }

  .comp_pro_sicily_visual .item_inner_image .logo img {
    width: 340px;
  }
}

@media (max-width: 370px) {
  .comp_pro_sicily_visual .item_inner_image {
    width: 100%;
    height: 300px;
    background-size: cover;
  }

  .comp_pro_sicily_visual .item_inner_image .logo img {
    margin-top: -50px;
    width: 250px;
  }
}

.comp_pro_sicily_visual .sub_text {
  font-size: 1.6rem;
  text-align: center;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 60px;
  color: #666666;
  font-weight: 300;
  line-height: 2.4rem;
}

.comp_pro_sicily_visual .item_inner_text {
  height: 782px;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.comp_pro_sicily_visual .item_inner_text .text_wrap {
  width: 428px;
  margin-top: -50px;
}

.comp_pro_sicily_visual .item_inner_text .text_wrap .title_sub {
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
  color: #ffffff;
}

.comp_pro_sicily_visual .item_inner_text .text_wrap .title {
  margin-top: 5px;
  font-size: 3rem;
  font-weight: 600;
  color: #ffffff;
}

.comp_pro_sicily_visual .item_inner_text .text_wrap .text {
  margin-top: 10px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #ffffff;
  padding: 20px;
}

.comp_pro_sicily_visual .comp_pro_x2 {
  width: 100%;
  height: 900px;
  background-size: cover;
}

.comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap .item_set {
  text-align: center;
  padding-top: 100px;
}

.comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap .item_set .item img {
  width: 924px;
}

.comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap .item_set_x2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap .item_set_x2 .item img {
  width: 462px;
}

@media (max-width: 1024px) {
  .comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap {
    width: 100%;
  }

  .comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap .item_set {
    text-align: center;
    padding-top: 100px;
  }

  .comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap .item_set .item img {
    width: 80%;
  }

  .comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap .item_set_x2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap .item_set_x2 .item img {
    width: 90%;
  }
}

@media (max-width: 768px) {
  .comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap {
    width: 100%;
  }

  .comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap .item_set {
    text-align: center;
    padding-top: 100px;
  }

  .comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap .item_set .item img {
    width: 80%;
  }

  .comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap .item_set_x2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap .item_set_x2 .item img {
    width: 90%;
  }
}

@media (max-width: 650px) {
  .comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap {
    width: 100%;
  }

  .comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap .item_set {
    text-align: center;
    padding-top: 50px;
  }

  .comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap .item_set .item img {
    width: 80%;
  }

  .comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap .item_set_x2 {
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .comp_pro_sicily_visual .comp_pro_x2 .container_fixed .item_wrap .item_set_x2 .item img {
    width: 65%;
  }
}

@media (max-width: 950px) {
  .comp_pro_sicily_visual .comp_pro_x2 {
    width: 100%;
    height: 800px;
    background-size: cover;
  }
}

@media (max-width: 900px) {
  .comp_pro_sicily_visual .comp_pro_x2 {
    width: 100%;
    height: 740px;
    background-size: cover;
  }
}

@media (max-width: 768px) {
  .comp_pro_sicily_visual .comp_pro_x2 {
    width: 100%;
    height: 650px;
    background-size: cover;
  }
}

@media (max-width: 650px) {
  .comp_pro_sicily_visual .comp_pro_x2 {
    width: 100%;
    height: 900px;
    background-size: cover;
  }
}

@media (max-width: 550px) {
  .comp_pro_sicily_visual .comp_pro_x2 {
    width: 100%;
    height: 750px;
    background-size: cover;
  }
}

@media (max-width: 500px) {
  .comp_pro_sicily_visual .comp_pro_x2 {
    width: 100%;
    height: 650px;
    background-size: cover;
  }
}

@media (max-width: 380px) {
  .comp_pro_sicily_visual .comp_pro_x2 {
    width: 100%;
    height: 550px;
    background-size: cover;
  }
}

@media (max-width: 340px) {
  .comp_pro_sicily_visual .comp_pro_x2 {
    width: 100%;
    height: 450px;
    background-size: cover;
  }
}

.comp_pro_sicily_visual .comp_pro_x3 {
  width: 100%;
  height: 1000px;
  background-size: cover;
}

.comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap .item_set {
  text-align: center;
  padding-top: 100px;
}

.comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap .item_set .item img {
  width: 924px;
}

.comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap .item_set_x2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap .item_set_x2 .item {
  margin-top: 50px;
}

.comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap .item_set_x2 .item img {
  width: 308px;
}

@media (max-width: 1024px) {
  .comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap {
    width: 100%;
  }

  .comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap .item_set {
    text-align: center;
    padding-top: 100px;
  }

  .comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap .item_set .item img {
    width: 80%;
  }

  .comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap .item_set_x2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap .item_set_x2 .item img {
    width: 90%;
  }
}

@media (max-width: 768px) {
  .comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap {
    width: 100%;
  }

  .comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap .item_set {
    text-align: center;
    padding-top: 100px;
  }

  .comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap .item_set .item img {
    width: 80%;
  }

  .comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap .item_set_x2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap .item_set_x2 .item img {
    width: 90%;
  }
}

@media (max-width: 650px) {
  .comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap {
    width: 100%;
  }

  .comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap .item_set {
    text-align: center;
    padding-top: 50px;
  }

  .comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap .item_set .item img {
    width: 80%;
  }

  .comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap .item_set_x2 {
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .comp_pro_sicily_visual .comp_pro_x3 .container_fixed .item_wrap .item_set_x2 .item img {
    width: 50%;
  }
}

@media (max-width: 1024px) {
  .comp_pro_sicily_visual .comp_pro_x3 {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}

@media (max-width: 768px) {
  .comp_pro_sicily_visual {
    margin-top: 50px;
  }
}

.comp_pro_sicily_half_visual {
  margin-top: 80px;
}

.comp_pro_sicily_half_visual .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000000;
}

.comp_pro_sicily_half_visual .item_wrap .item {
  position: relative;
  width: 50%;
  height: 600px;
  background-size: cover;
  background-color: #AA131A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.comp_pro_sicily_half_visual .item_wrap .item img {
  width: 251px;
}

.comp_pro_sicily_half_visual .item_wrap .item .title {
  padding: 0 60px;
  font-size: 5.6rem;
  font-weight: 600;
  color: #ffffff;
}

.comp_pro_sicily_half_visual .item_wrap .item .text {
  margin-top: 10px;
  padding: 0 60px;
  font-size: 1.6rem;
  font-weight: 300;
  color: #ffffff;
  line-height: 2.7rem;
}

.comp_pro_sicily_half_visual .item_wrap .item .layer {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  left: 50%;
  margin-left: -136px;
}

.comp_pro_sicily_half_visual .item_wrap .item .layer .title {
  margin-top: 50px;
  padding: 0;
  font-size: 2rem;
  text-align: center;
  color: #000000;
}

@media (max-width: 1024px) {
  .comp_pro_sicily_half_visual .item_wrap .item {
    height: 600px;
  }
}

@media (max-width: 768px) {
  .comp_pro_sicily_half_visual .item_wrap {
    display: block;
  }

  .comp_pro_sicily_half_visual .item_wrap .item {
    width: 100%;
    height: 400px;
  }

  .comp_pro_sicily_half_visual .item_wrap .item .title {
    padding: 0;
    font-size: 2rem;
  }

  .comp_pro_sicily_half_visual .item_wrap .item .text {
    margin-top: 20px;
    padding: 0;
  }

  .comp_pro_sicily_half_visual .item_wrap .item:last-child {
    height: auto;
    padding: 40px 20px;
  }
}

@media (max-width: 500px) {
  .comp_pro_sicily_half_visual .item_wrap {
    display: block;
  }

  .comp_pro_sicily_half_visual .item_wrap .item {
    width: 100%;
    height: 350px;
  }

  .comp_pro_sicily_half_visual .item_wrap .item .title {
    padding: 0;
    font-size: 2rem;
  }

  .comp_pro_sicily_half_visual .item_wrap .item .text {
    margin-top: 20px;
    padding: 0;
  }

  .comp_pro_sicily_half_visual .item_wrap .item:last-child {
    height: auto;
    padding: 40px 20px;
  }
}

.comp_pro_information {
  margin-top: 100px;
}

.comp_pro_information .item_wrap {
  border-top: 1px dashed #cccccc;
  padding: 45px 0;
}

.comp_pro_information .item_wrap .title {
  font-size: 2.4rem;
  font-weight: 600;
}

.comp_pro_information .item_wrap .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

@media (max-width: 768px) {
  .comp_pro_information .item_wrap .title {
    font-size: 2rem;
  }
}

.comp_pro_5x_small_image {
  margin-top: 30px;
}

.comp_pro_5x_small_image .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.comp_pro_5x_small_image .item_wrap .item {
  width: calc((100% - 50px) / 5);
}

.comp_pro_5x_small_image .item_wrap .item .title {
  margin-top: 30px;
  font-size: 20px;
}

.comp_pro_5x_small_image .item_wrap .item .text {
  margin-top: 15px;
  font-weight: 300;
  line-height: 2.7rem;
}

.comp_pro_5x_small_image .item_wrap .item .image_area {
  width: 100%;
}

.comp_pro_5x_small_image .item_wrap .item .image_area img {
  width: 100%;
}

@media (max-width: 768px) {
  .comp_pro_5x_small_image .item_wrap {
    display: block;
  }

  .comp_pro_5x_small_image .item_wrap .item {
    width: 100%;
    margin-bottom: 40px;
  }
}

.comp_pro_purchase_benefits .title {
  font-size: 4rem;
  font-weight: 300;
  line-height: 5rem;
  text-align: center;
}

.comp_pro_purchase_benefits .info {
  margin-top: 30px;
  font-size: 1.6rem;
  line-height: 2.7rem;
  text-align: center;
  color: #666666;
}

.comp_pro_purchase_benefits .item_wrap {
  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;
}

.comp_pro_purchase_benefits .item_wrap .top_image_area {
  width: 180px;
  text-align: center;
}

.comp_pro_purchase_benefits .item_wrap .top_image_area img {
  max-width: 160px;
}

.comp_pro_purchase_benefits .item_wrap .branch_line {
  margin: 0 50px;
}

.comp_pro_purchase_benefits .item_wrap .bottom_image_area {
  width: 100%;
}

.comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 35px 0;
}

.comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap .sub_image_area {
  width: 300px;
  text-align: center;
  margin-left: 100px;
  margin-right: 100px;
}

.comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap .sub_image_area img {
  max-width: 160px;
}

.comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap .sub_image_area .img_title {
  margin-top: 15px;
  line-height: 2rem;
}

.comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap .arrow_right {
  height: 96px;
  width: 21%;
}

.comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap .text_area {
  width: 330px;
  font-size: 2rem;
  line-height: 3rem;
  text-align: center;
}

@media (max-width: 980px) {
  .comp_pro_purchase_benefits .item_wrap {
    display: block;
    margin-top: 30px;
  }

  .comp_pro_purchase_benefits .item_wrap .top_image_area {
    width: 100%;
  }

  .comp_pro_purchase_benefits .item_wrap .branch_line {
    width: 50.5%;
    margin: 0 auto;
    margin-top: 30px;
    border-top: 3px solid #D7D7D7;
    border-left: 3px solid #D7D7D7;
    border-right: 3px solid #D7D7D7;
    height: 40px;
  }

  .comp_pro_purchase_benefits .item_wrap .branch_line img {
    display: none;
  }

  .comp_pro_purchase_benefits .item_wrap .bottom_image_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }

  .comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap .arrow_right {
    display: none;
  }

  .comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap .arrow_bottom {
    height: 96px;
    width: 10%;
    margin-top: 30px;
  }

  .comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap .text_area {
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  .comp_pro_purchase_benefits .title {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 3.6rem;
  }

  .comp_pro_purchase_benefits .info {
    margin-top: 20px;
    font-size: 1.6rem;
    line-height: 2.7rem;
    text-align: center;
  }

  .comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap .sub_image_area {
    width: auto;
  }

  .comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap .arrow_bottom {
    height: 96px;
    width: 13%;
    margin-top: 30px;
  }

  .comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap .text_area {
    width: auto;
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
    text-align: center;
  }
}

@media (max-width: 500px) {
  .comp_pro_purchase_benefits .title {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 3.6rem;
  }

  .comp_pro_purchase_benefits .info {
    margin-top: 20px;
    font-size: 1.6rem;
    line-height: 2.7rem;
    text-align: center;
  }

  .comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap .sub_image_area {
    width: auto;
  }

  .comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap .arrow_bottom {
    height: 96px;
    width: 13%;
    margin-top: 30px;
  }

  .comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap .text_area {
    width: auto;
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
    text-align: center;
  }
  .comp_title_area {}
}

@media (max-width: 300px) {
  .comp_pro_purchase_benefits .title {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 3.6rem;
  }

  .comp_pro_purchase_benefits .info {
    margin-top: 20px;
    font-size: 1.6rem;
    line-height: 2.7rem;
    text-align: center;
  }

  .comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap .sub_image_area {
    width: auto;
  }

  .comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap .arrow_bottom {
    height: 96px;
    width: 20%;
    margin-top: 30px;
  }

  .comp_pro_purchase_benefits .item_wrap .bottom_image_area .sub_image_wrap .text_area {
    width: auto;
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
    text-align: center;
  }
}

.comp_pro_cross_leftright_half_table {
  margin-top: 150px;
}

.comp_pro_cross_leftright_half_table .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  height: auto;
}

.comp_pro_cross_leftright_half_table .item:first-child {
  padding-top: 0;
}

.comp_pro_cross_leftright_half_table .item:last-child {
  margin-bottom: 0;
}

.comp_pro_cross_leftright_half_table .item .image_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  height: auto;
}

.comp_pro_cross_leftright_half_table .item .image_area img {
  width: 100%;
}

.comp_pro_cross_leftright_half_table .item .contents_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  height: auto;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set {
  margin-top: 60px;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set:first-child {
  margin-top: 0;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set:first-child .item_wrap .item_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set:first-child .item_wrap .item_set .image_area {
  width: 50%;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set:first-child .item_wrap .item_set .image_area img {
  width: 100%;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set:first-child .item_wrap .item_set .table_area {
  width: 100%;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set:first-child .item_wrap .item_set .table_area .table_title {
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set:first-child .item_wrap .item_set .table_area table {
  margin-top: 20px;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set:first-child .item_wrap .item_set .table_area table thead {
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set:first-child .item_wrap .item_set .table_area table thead tr th {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 600;
  text-align: center;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set:first-child .item_wrap .item_set .table_area table tbody tr {
  border-bottom: 1px solid #DBDBDB;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set:first-child .item_wrap .item_set .table_area table tbody tr th {
  width: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 400;
  color: #666666;
  line-height: 2rem;
  text-align: center;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set:first-child .item_wrap .item_set .table_area table tbody tr td {
  width: calc(100% - 100px);
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 400;
  color: #666666;
  line-height: 2rem;
}

@media (max-width: 1024px) {
  .comp_pro_cross_leftright_half_table .item .contents_area .contents_set:first-child .item_wrap .item_set {
    display: block;
    margin-top: 50px;
  }

  .comp_pro_cross_leftright_half_table .item .contents_area .contents_set:first-child .item_wrap .item_set .image_area {
    width: 100%;
    text-align: center;
  }

  .comp_pro_cross_leftright_half_table .item .contents_area .contents_set:first-child .item_wrap .item_set .image_area img {
    max-width: 500px;
  }

  .comp_pro_cross_leftright_half_table .item .contents_area .contents_set:first-child .item_wrap .item_set .table_area {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }

  .comp_pro_cross_leftright_half_table .item .contents_area .contents_set:first-child .item_wrap .item_set .table_area table {
    margin-top: 20px;
  }
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .title {
  margin-bottom: 20px;
  font-size: 3rem;
  color: #000000;
  line-height: 4rem;
  font-weight: 600;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .title .sub_title {
  font-size: 2rem;
  line-height: 3.2rem;
  margin-top: 10px;
}

@media (max-width: 1024px) {
  .comp_pro_cross_leftright_half_table .item .contents_area .contents_set .title {
    margin-bottom: 20px;
    font-size: 3rem;
    line-height: 3.8rem;
  }
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .contents {
  font-size: 1.6rem;
  font-weight: 300;
  color: #666666;
  line-height: 2.7rem;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin-top: 40px;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents .sub_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 23px;
  margin-right: 23px;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents .sub_item img {
  width: 70px;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents .sub_item .sub_title {
  text-align: center;
  margin-left: 20px;
  font-weight: 300;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents .sub_item .sub_title b {
  display: block;
  font-weight: 600;
  text-align: center;
}

@media (max-width: 1024px) {
  .comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents .sub_item .sub_title {
    margin-top: 15px;
  }
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents .sub_item:first-child {
  margin-left: 0;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents .sub_item:last-child {
  margin-right: 0;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents.small .sub_item {
  min-width: 72px;
  margin-left: 10px;
  margin-right: 10px;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents.small .sub_item img {
  width: 40px;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents_type2 .sub_item .title {
  font-size: 2rem;
  margin-bottom: initial;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents_type2 .item_sct_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents_type2 .item_sct_wrap .item_sct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents_type2 .item_sct_wrap .item_sct img {
  width: 100%;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents_type2 .item_sct_wrap .item_sct .text_set {
  text-align: left;
  padding-left: 20px;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents_type2 .item_sct_wrap .item_sct .text_set .title_sct {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.7rem;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents_type2 .item_sct_wrap .item_sct .text_set .text_sct {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents_type2 .item_sct_wrap .item_sct:last-child {
  margin-left: 10px;
}

@media (max-width: 500px) {
  .comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents_type2 .item_sct_wrap {
    display: block;
  }

  .comp_pro_cross_leftright_half_table .item .contents_area .contents_set .sub_contents_type2 .item_sct_wrap .item_sct_wrap .item_sct:not(last-child) {
    margin-left: 0px;
  }
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .table_area {
  width: 100%;
  margin-top: 40px;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .table_area table thead tr {
  border-bottom: 1px solid #000000;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .table_area table thead tr th {
  text-align: center;
  padding: 18px 0;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .table_area table tbody tr {
  border-bottom: 1px solid #CBCBCB;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .table_area table tbody tr td {
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  text-align: center;
  padding: 18px 0;
  line-height: 2rem;
}

.comp_pro_cross_leftright_half_table .item .contents_area .contents_set .strong_text {
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 600;
  margin-top: 15px;
  line-height: inherit;
}

.comp_pro_cross_leftright_half_table .item:nth-child(odd) .contents_area {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.comp_pro_cross_leftright_half_table .item:nth-child(odd) .contents_group {
  padding-left: 98px;
}

@media (max-width: 1024px) {
  .comp_pro_cross_leftright_half_table .item:nth-child(odd) .contents_group {
    padding-left: 40px;
  }
}

.comp_pro_cross_leftright_half_table .item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.comp_pro_cross_leftright_half_table .item:nth-child(even) .contents_area {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.comp_pro_cross_leftright_half_table .item:nth-child(even) .contents_group {
  padding-right: 98px;
  text-align: right;
}

@media (max-width: 1024px) {
  .comp_pro_cross_leftright_half_table .item:nth-child(even) .contents_group {
    padding-right: 40px;
  }
}

.comp_pro_cross_leftright_half_table .item:nth-child(even) .contents_group .sub_contents {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (max-width: 768px) {
  .comp_pro_cross_leftright_half_table {
    margin-top: 5px;
  }

  .comp_pro_cross_leftright_half_table .comp_title {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 3rem;
    line-height: 4rem;
  }

  .comp_pro_cross_leftright_half_table .item {
    display: block;
    padding-bottom: 60px;
  }

  .comp_pro_cross_leftright_half_table .item:last-child {
    padding-bottom: 0;
  }

  .comp_pro_cross_leftright_half_table .item .image_area {
    width: 100%;
  }

  .comp_pro_cross_leftright_half_table .item .contents_area {
    display: block;
    width: 100%;
    margin-top: 40px;
  }

  .comp_pro_cross_leftright_half_table .item .contents_area .contents_group {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
  }

  .comp_pro_cross_leftright_half_table .item .contents_area .contents_group .contents_set {
    margin-top: 35px;
  }

  .comp_pro_cross_leftright_half_table .item .contents_area .contents_group .contents_set:first-child {
    margin-top: 0;
  }

  .comp_pro_cross_leftright_half_table .item .contents_area .contents_group .title {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }

  .comp_pro_cross_leftright_half_table .item .contents_area .contents_group .sub_contents {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
}

.comp_pro_4060_tray {
  margin-top: 100px;
}

.comp_pro_4060_tray .title_text {
  font-size: 2rem;
  line-height: 3.1rem;
  text-align: center;
}

.comp_pro_4060_tray .item_wrap {
  margin-top: 50px;
}

.comp_pro_4060_tray .item_wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_4060_tray .item_wrap .item .arrow_right {
  margin: 0 40px;
}

.comp_pro_4060_tray .item_wrap .item .arrow_right img {
  width: 100%;
}

.comp_pro_4060_tray .item_wrap .item .arrow_bottom {
  display: none;
}

.comp_pro_4060_tray .item_wrap .item .first_img {
  text-align: center;
}

.comp_pro_4060_tray .item_wrap .item .first_img img {
  width: 100%;
}

.comp_pro_4060_tray .item_wrap .item .last_img {
  text-align: center;
}

.comp_pro_4060_tray .item_wrap .item .last_img img {
  width: 100%;
}

.comp_pro_4060_tray .item_wrap .item .last_img .title {
  margin-top: 20px;
  font-size: 2rem;
}

.comp_pro_4060_tray .item_wrap .item:not(:first-child) {
  margin-top: 40px;
}

@media (max-width: 768px) {
  .comp_pro_4060_tray .title_text {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }

  .comp_pro_4060_tray .item_wrap {
    margin-top: 50px;
  }

  .comp_pro_4060_tray .item_wrap .item {
    display: block;
  }

  .comp_pro_4060_tray .item_wrap .item .arrow_right {
    display: none;
  }

  .comp_pro_4060_tray .item_wrap .item .arrow_bottom {
    display: block;
    text-align: center;
    margin: 20px 0;
  }

  .comp_pro_4060_tray .item_wrap .item .arrow_bottom img {
    width: 25px;
  }

  .comp_pro_4060_tray .item_wrap .item .last_img .title {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }

  .comp_pro_4060_tray .item_wrap .item:not(:first-child) {
    margin-top: 60px;
  }
}

.comp_pro_dish_washer .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_dish_washer .item .image_area {
  width: 50%;
}

.comp_pro_dish_washer .item .image_area img {
  width: 100%;
}

.comp_pro_dish_washer .item .contents_area {
  width: 50%;
}

.comp_pro_dish_washer .item .contents_area .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0;
}

.comp_pro_dish_washer .item .contents_area .contents .text_area {
  margin-left: 30px;
}

.comp_pro_dish_washer .item .contents_area .contents .text_area .title {
  font-size: 1.8rem;
  font-weight: 600;
}

.comp_pro_dish_washer .item .contents_area .contents .text_area .text {
  margin-top: 10px;
  font-style: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_dish_washer .item:first-child {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.comp_pro_dish_washer .item:first-child .contents_area {
  padding-right: 100px;
}

.comp_pro_dish_washer .item:last-child {
  margin-top: 100px;
}

.comp_pro_dish_washer .item:last-child .contents_area {
  padding-left: 100px;
}

@media (max-width: 1024px) {
  .comp_pro_dish_washer .item:first-child .contents_area {
    padding-right: 50px;
  }

  .comp_pro_dish_washer .item:last-child .contents_area {
    padding-left: 50px;
  }
}

@media (max-width: 768px) {
  .comp_pro_dish_washer .item {
    display: block;
  }

  .comp_pro_dish_washer .item .image_area {
    width: 100%;
    text-align: center;
  }

  .comp_pro_dish_washer .item .contents_area {
    margin-top: 40px;
    width: 100%;
  }

  .comp_pro_dish_washer .item .contents_area .text_area .title {
    font-size: 1.6rem;
  }

  .comp_pro_dish_washer .item:first-child .contents_area {
    padding-right: 0;
  }

  .comp_pro_dish_washer .item:last-child .contents_area {
    padding-left: 0;
  }
}

.comp_pro_dish_washer_2 .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.comp_pro_dish_washer_2 .item_wrap .item {
  position: relative;
  width: 50%;
}

.comp_pro_dish_washer_2 .item_wrap .item .title {
  margin-top: 20px;
  width: 100%;
  font-size: 1.8rem;
  text-align: center;
  color: #000000;
}

.comp_pro_dish_washer_2 .item_wrap .item img {
  width: 100%;
}

@media (max-width: 1024px) {
  .comp_pro_dish_washer_2 .item_wrap .item .title {
    top: 4%;
  }
}

@media (max-width: 768px) {
  .comp_pro_dish_washer_2 .item_wrap {
    display: block;
  }

  .comp_pro_dish_washer_2 .item_wrap .item {
    width: 100%;
  }

  .comp_pro_dish_washer_2 .item_wrap .item .title {
    top: 6%;
    font-size: 1.6rem;
    font-weight: 400;
  }

  .comp_pro_dish_washer_2 .item_wrap .item:last-child {
    margin-top: 40px;
  }
}

@media (max-width: 500px) {
  .comp_pro_dish_washer_2 .item_wrap .item .title {
    top: 2%;
  }
}

.comp_pro_acc_tip .item_wrap {
  max-width: 1000px;
  margin: 0 auto;
}

.comp_pro_acc_tip .item_wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_acc_tip .item_wrap .item .text_area {
  margin-left: 40px;
}

.comp_pro_acc_tip .item_wrap .item .text_area .title {
  font-size: 2rem;
}

.comp_pro_acc_tip .item_wrap .item .text_area .text {
  margin-top: 20px;
  font-size: 1.6rem;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_acc_tip .item_wrap .item:first-child {
  padding-bottom: 30px;
}

.comp_pro_acc_tip .item_wrap .item:not(:first-child) {
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px dashed #C8C8C8;
}

.comp_pro_acc_tip .item_wrap .item:last-child {
  padding-top: 30px;
  padding-bottom: 0;
}

.comp_pro_acc_tip .item_wrap .info_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 170px;
  margin-top: -50px;
}

.comp_pro_acc_tip .item_wrap .info_area .set .info {
  font-size: 1.6rem;
  font-weight: 300;
  color: #666666;
  padding-left: 7px;
  margin-top: 5px;
}

.comp_pro_acc_tip .item_wrap .info_area .set:last-child {
  margin-left: 30px;
}

@media (max-width: 768px) {
  .comp_pro_acc_tip .item_wrap .item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .comp_pro_acc_tip .item_wrap .info_area {
    display: block;
    padding-left: 0;
    margin-top: 0;
  }

  .comp_pro_acc_tip .item_wrap .info_area .set .info {
    font-size: 1.6rem;
    font-weight: 300;
    color: #666666;
    padding-left: 7px;
    margin-top: 5px;
  }

  .comp_pro_acc_tip .item_wrap .info_area .set:last-child {
    margin-left: 0;
    margin-top: 20px;
  }
}

@media (max-width: 500px) {
  .comp_pro_acc_tip .item_wrap img {
    display: block;
    margin: 0 auto;
  }

  .comp_pro_acc_tip .item_wrap .item {
    display: block;
  }

  .comp_pro_acc_tip .item_wrap .item .text_area {
    margin-top: 30px;
    margin-left: 0;
  }
}

@media (max-width: 768px) {
  .comp_pro_acc_tip.only_title .item_wrap .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.comp_pro_coffe_break .item_wrap .item_pc {
  width: 100%;
}

.comp_pro_coffe_break .item_wrap .item_pc img {
  width: 100%;
}

.comp_pro_coffe_break .item_wrap .item_mobile {
  display: none;
}

@media (max-width: 768px) {
  .comp_pro_coffe_break .item_wrap .item_pc {
    display: none;
  }

  .comp_pro_coffe_break .item_wrap .item_mobile {
    display: block;
  }

  .comp_pro_coffe_break .item_wrap .item_mobile .top_image {
    text-align: center;
  }

  .comp_pro_coffe_break .item_wrap .item_mobile .top_image img {
    max-width: 500px;
    width: 100%;
  }

  .comp_pro_coffe_break .item_wrap .item_mobile .item_set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
  }

  .comp_pro_coffe_break .item_wrap .item_mobile .item_set .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    padding: 15px 0;
  }

  .comp_pro_coffe_break .item_wrap .item_mobile .item_set .item img {
    max-width: 130px;
  }

  .comp_pro_coffe_break .item_wrap .item_mobile .item_set .item .text {
    font-size: 1.6rem;
    line-height: 2.7rem;
    padding: 0 20px;
  }
}

@media (max-width: 640px) {
  .comp_pro_coffe_break .item_wrap .item_mobile .item_set .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 15px 0;
  }

  .comp_pro_coffe_break .item_wrap .item_mobile .item_set .item img {
    max-width: 130px;
  }

  .comp_pro_coffe_break .item_wrap .item_mobile .item_set .item .text {
    font-size: 1.6rem;
    line-height: 2.7rem;
    padding: 0 20px;
  }
}

.comp_pro_recipe {
  background-color: #F5F6F8;
  padding-top: 100px;
}

.comp_pro_recipe .item_wrap .title_sec {
  width: 100%;
  margin-top: 50px;
  font-size: 2.4rem;
  font-weight: 600;
  text-align: center;
}

.comp_pro_recipe .item_wrap .card_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
}

@media (max-width: 768px) {
  .comp_pro_recipe .item_wrap .card_wrap {
    display: block;
  }

  .comp_pro_recipe .item_wrap .card_wrap .card {
    margin: 20px auto;
  }
}

.comp_pro_recipe .item_wrap .card {
  max-width: 390px;
  width: 100%;
  padding: 20px 30px 30px 30px;
  margin: 0 10px;
  border-radius: 8px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.13);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.13);
}

.comp_pro_recipe .item_wrap .card .member_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_recipe .item_wrap .card .member_area img {
  width: 40px;
  height: 40px;
}

.comp_pro_recipe .item_wrap .card .member_area .name {
  margin-left: 10px;
  font-size: 2rem;
}

.comp_pro_recipe .item_wrap .card .image_area {
  width: 100%;
  margin-top: 10px;
}

.comp_pro_recipe .item_wrap .card .image_area img {
  width: 100%;
}

.comp_pro_recipe .item_wrap .card .func_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
}

.comp_pro_recipe .item_wrap .card .func_area .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.comp_pro_recipe .item_wrap .card .func_area .left img {
  width: 35px;
  height: 35px;
}

.comp_pro_recipe .item_wrap .card .func_area .left img:last-child {
  margin-left: 10px;
}

.comp_pro_recipe .item_wrap .card .func_area .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp_pro_recipe .item_wrap .card .func_area .right img {
  width: 35px;
  height: 35px;
}

.comp_pro_recipe .item_wrap .card .bottom_area {
  margin-top: 20px;
  font-weight: 300;
  line-height: 2.4rem;
}

.comp_pro_recipe .item_wrap .card .bottom_area .name {
  font-size: 1.6rem;
  font-weight: 400;
  padding-right: 10px;
}

@media (max-width: 500px) {
  .comp_pro_recipe .item_wrap .card {
    padding: 15px 15px 30px 15px;
  }
}

.comp_pro_recipe .item_wrap .recipe_wrap .title_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_recipe .item_wrap .recipe_wrap .title_area .title {
  font-size: 3.6rem;
  margin-left: 6px;
}

.comp_pro_recipe .item_wrap .recipe_wrap .recipe_area {
  width: 100%;
  margin-top: 50px;
}

.comp_pro_recipe .item_wrap .recipe_wrap .recipe_area .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.comp_pro_recipe .item_wrap .recipe_wrap .recipe_area .item .recipe_title {
  width: 130px;
  font-size: 2rem;
}

.comp_pro_recipe .item_wrap .recipe_wrap .recipe_area .item .recipe_text {
  width: calc(100% - 130px);
  font-size: 1.6rem;
  line-height: 2.7rem;
  font-weight: 300;
  color: #666666;
}

.comp_pro_recipe .item_wrap .recipe_wrap .recipe_area .item:not(:first-child) {
  margin-top: 30px;
}

.comp_pro_recipe .item_wrap .recipe_wrap.x2 {
  margin-top: 57px;
  display: block;
  padding-bottom: 50px;
  border-bottom: 1px dashed #C8C8C8;
}

.comp_pro_recipe .item_wrap .recipe_wrap.x2 .title_area {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 70px;
}

.comp_pro_recipe .item_wrap .recipe_wrap.x2 .recipe_area {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  margin-top: 50px;
}

@media (max-width: 1024px) {
  .comp_pro_recipe .item_wrap .recipe_wrap.x2 {
    display: block;
  }

  .comp_pro_recipe .item_wrap .recipe_wrap.x2 .title_area {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 0;
  }

  .comp_pro_recipe .item_wrap .recipe_wrap.x2 .recipe_area {
    width: 100%;
    max-width: initial;
    margin-top: 50px;
  }
}

@media (max-width: 500px) {
  .comp_pro_recipe .item_wrap .recipe_wrap .recipe_area .item {
    display: block;
  }

  .comp_pro_recipe .item_wrap .recipe_wrap .recipe_area .item .recipe_title {
    width: 100%;
    font-size: 1.6rem;
  }

  .comp_pro_recipe .item_wrap .recipe_wrap .recipe_area .item .recipe_text {
    width: 100%;
    color: #666666;
    margin-top: 15px;
  }

  .comp_pro_recipe .item_wrap .recipe_wrap .recipe_area .item:not(:first-child) {
    margin-top: 25px;
  }
}

.comp_pro_recipe .item_wrap .card_wrap_x1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px dashed #C8C8C8;
}

.comp_pro_recipe .item_wrap .card_wrap_x1 .card_wrap {
  width: 50%;
  margin-top: 0;
  padding-right: 20px;
}

.comp_pro_recipe .item_wrap .card_wrap_x1 .recipe_wrap {
  width: 50%;
  margin-top: 30px;
}

@media (max-width: 768px) {
  .comp_pro_recipe .item_wrap .card_wrap_x1 {
    display: block;
  }

  .comp_pro_recipe .item_wrap .card_wrap_x1 .card_wrap {
    width: 100%;
    margin-right: initial;
    padding-right: initial;
  }

  .comp_pro_recipe .item_wrap .card_wrap_x1 .recipe_wrap {
    width: 100%;
    margin-top: 60px;
  }

  .comp_pro_recipe .item_wrap .card_wrap_x1 .recipe_wrap .title_area img {
    width: 40px;
  }

  .comp_pro_recipe .item_wrap .card_wrap_x1 .recipe_wrap .title_area .title {
    font-size: 2rem;
  }

  .comp_pro_recipe .item_wrap .card_wrap_x1 .recipe_wrap .recipe_area {
    margin-top: 30px;
  }

  .comp_pro_recipe .item_wrap .card_wrap_x1 .recipe_wrap .recipe_area .item:not(:first-child) {
    margin-top: 20px;
  }
}

.comp_pro_recipe .item_wrap .card_wrap_x1:last-child {
  border-bottom: initial;
}

.comp_pro_sicily_banner {
  margin-top: 150px;
}

.comp_pro_sicily_banner .container_fixed {
  background-size: contain;
  background-repeat: no-repeat;
}

.comp_pro_sicily_banner .item_wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 507px;
}

.comp_pro_sicily_banner .item_wrap .image_wrap {
  width: 50%;
  padding-right: 30px;
}

.comp_pro_sicily_banner .item_wrap .image_wrap img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.comp_pro_sicily_banner .item_wrap .text_wrap {
  width: 50%;
}

.comp_pro_sicily_banner .item_wrap .text_wrap .text {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #ffffff;
}

.comp_pro_sicily_banner .item_wrap .logo {
  position: absolute;
  top: 70px;
  right: 0;
}

@media (max-width: 768px) {
  .comp_pro_sicily_banner .container_fixed {
    background-image: none !important;
  }

  .comp_pro_sicily_banner .item_wrap {
    display: block;
    height: auto;
    padding: 60px 0;
  }

  .comp_pro_sicily_banner .item_wrap .image_wrap {
    width: 100%;
    padding-right: 0;
  }

  .comp_pro_sicily_banner .item_wrap .text_wrap {
    width: 100%;
  }

  .comp_pro_sicily_banner .item_wrap .text_wrap img {
    display: block;
    margin: 0 auto;
  }

  .comp_pro_sicily_banner .item_wrap .logo {
    top: 30px;
  }
}

.comp_pro_how_to_use {
  padding: 90px 0;
  background-color: #F5F6F8;
  margin-top: 90px;
}

@media (max-width: 768px) {
  .comp_pro_how_to_use {
    margin-top: 40px;
  }
}

.comp_pro_how_to_use .title {
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 5.3rem;
  text-align: center;
}

.comp_pro_how_to_use .comp_description {
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  text-align: center;
  color: #666666;
}

.comp_pro_how_to_use .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 60px;
}

.comp_pro_how_to_use .item_wrap .item {
  width: 32%;
  max-width: 373px;
  height: 472px;
  border-radius: 8px;
  padding-bottom: 30px;
  background-color: #ffffff;
  overflow: hidden;
}

.comp_pro_how_to_use .item_wrap .item img {
  width: 100%;
  max-width: 373px;
}

.comp_pro_how_to_use .item_wrap .item .title_num {
  margin-top: 20px;
  font-size: 4.8rem;
  color: #47A3DE;
  text-align: center;
}

.comp_pro_how_to_use .item_wrap .item .text {
  font-size: 1.6rem;
  font-weight: 300;
  color: #666666;
  line-height: 2.7rem;
  margin-top: 15px;
  padding: 0 20px;
  text-align: center;
}

.comp_pro_how_to_use .info {
  width: 100%;
  margin-top: 40px;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 600;
  text-align: center;
}

@media (max-width: 1024px) {
  .comp_pro_how_to_use .item_wrap .item {
    height: 420px;
  }
}

@media (max-width: 768px) {
  .comp_pro_how_to_use {
    padding: 50px 0;
  }

  .comp_pro_how_to_use .title {
    font-size: 3rem;
    line-height: 5rem;
    text-align: center;
  }

  .comp_pro_how_to_use .item_wrap {
    display: block;
    margin-top: 40px;
  }

  .comp_pro_how_to_use .item_wrap .item {
    width: 100%;
    margin: 0 auto;
    height: auto;
  }

  .comp_pro_how_to_use .item_wrap .item:not(:first-child) {
    margin-top: 30px;
  }

  .comp_pro_how_to_use .item_wrap .item .title_num {
    font-size: 3rem;
    color: #47A3DE;
  }
}

.comp_pro_how_to_use.how_to_use2 .item_wrap .item {
  height: 500px;
}

@media (max-width: 1024px) {
  .comp_pro_how_to_use.how_to_use2 .item_wrap .item {
    height: 470px;
  }
}

@media (max-width: 768px) {
  .comp_pro_how_to_use.how_to_use2 .item_wrap .item {
    height: auto;
  }
}

.comp_pro_wide_oven .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.comp_pro_wide_oven .item_wrap .image_area {
  width: calc(100% - 600px);
  text-align: center;
}

.comp_pro_wide_oven .item_wrap .image_area img {
  width: 100%;
  max-width: 600px;
}

.comp_pro_wide_oven .item_wrap .text_area {
  width: 600px;
}

.comp_pro_wide_oven .item_wrap .text_area .title_sec {
  font-size: 3rem;
}

.comp_pro_wide_oven .item_wrap .text_area .info_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
}

.comp_pro_wide_oven .item_wrap .text_area .info_area .item {
  width: 35%;
  text-align: left;
}

.comp_pro_wide_oven .item_wrap .text_area .info_area .item .title {
  display: inline-block;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 600;
  border: 1px solid #000000;
  border-radius: 20px;
  padding: 5px 14px;
}

.comp_pro_wide_oven .item_wrap .text_area .info_area .item .table_area {
  margin-top: 24px;
}

.comp_pro_wide_oven .item_wrap .text_area .info_area .item .table_area table tr {
  border-top: 1px solid #DBDBDB;
}

.comp_pro_wide_oven .item_wrap .text_area .info_area .item .table_area table tr:first-child {
  border-top: 1px solid #000000;
}

.comp_pro_wide_oven .item_wrap .text_area .info_area .item .table_area table tr th {
  width: 70px;
  padding: 13px 0;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  color: #666666;
  text-align: left;
}

.comp_pro_wide_oven .item_wrap .text_area .info_area .item .table_area table tr td {
  padding: 13px 0;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
  color: #666666;
  text-align: left;
}

.comp_pro_wide_oven .item_wrap .text_area .info_area .item .info_img {
  display: inline-block;
  text-align: left;
  margin-top: 40px;
}

.comp_pro_wide_oven .item_wrap .text_area .info_area .item .info_img .num {
  margin-top: 8px;
  text-align: center;
}

.comp_pro_wide_oven .item_wrap .text_area .info_area .item.new .title {
  display: inline-block;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 600;
  border: 1px solid #000000;
  border-radius: 20px;
  padding: 5px 14px;
  color: #ffffff;
  background-color: #000000;
}

.comp_pro_wide_oven .item_wrap .text_area .info_area .item.new .table_area table tr th {
  font-weight: 600;
  color: #000000;
}

.comp_pro_wide_oven .item_wrap .text_area .info_area .item.new .table_area table tr td {
  color: #000000;
  text-align: left;
}

.comp_pro_wide_oven .item_wrap .text_area .info_area .icon {
  margin: 0 40px;
}

@media (max-width: 1024px) {
  .comp_pro_wide_oven .item_wrap {
    display: block;
  }

  .comp_pro_wide_oven .item_wrap .image_area {
    width: 100%;
  }

  .comp_pro_wide_oven .item_wrap .text_area {
    width: 100%;
  }
}

@media (max-width: 700px) {
  .comp_pro_wide_oven .item_wrap .text_area {
    margin-top: 40px;
  }

  .comp_pro_wide_oven .item_wrap .text_area .title_sec {
    font-size: 2rem;
  }

  .comp_pro_wide_oven .item_wrap .text_area .info_area {
    display: block;
  }

  .comp_pro_wide_oven .item_wrap .text_area .info_area .item {
    width: 100%;
  }

  .comp_pro_wide_oven .item_wrap .text_area .info_area .item:last-child {
    margin-top: 40px;
  }

  .comp_pro_wide_oven .item_wrap .text_area .info_area .icon {
    display: none;
  }
}

.comp_pro_half_before_after .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comp_pro_half_before_after .item_wrap .item {
  width: 50%;
}

.comp_pro_half_before_after .item_wrap .item img {
  max-width: 600px;
  width: 100%;
}

.comp_pro_half_before_after .info {
  margin-top: 40px;
  font-size: 1.4rem;
  text-align: center;
}

@media (max-width: 768px) {
  .comp_pro_half_before_after .item_wrap {
    display: block;
    text-align: center;
  }

  .comp_pro_half_before_after .item_wrap .item {
    width: 100%;
    margin: 0 auto;
  }

  .comp_pro_half_before_after .item_wrap .item:last-child {
    margin-top: 20px;
  }

  .comp_pro_half_before_after .info {
    margin-top: 20px;
  }
}

.comp_pro_half_graph .item_wrap {
  display: block;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comp_pro_half_graph .item_wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_half_graph .item_wrap .item .title_item {
  font-size: 3rem;
  font-weight: 600;
  color: #5190ED;
  text-align: center;
  width: 50%;
}

.comp_pro_half_graph .item_wrap .item .graph_img {
  height: 600px;
  background-color: #F2F2F2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 33px;
}

.comp_pro_half_graph .item_wrap .item .graph_img .graph_set {
  text-align: center;
}

.comp_pro_half_graph .item_wrap .item .graph_img .graph_set img {
  width: 100%;
  max-width: 247px;
}

.comp_pro_half_graph .item_wrap .item .graph_img .graph_set .zoom {
  margin-top: 28px;
  font-size: 1.6rem;
  font-weight: 300;
}

.comp_pro_half_graph .item_wrap .item .graph_img .graph_set .title {
  margin-top: 20px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.7rem;
}

@media (max-width: 986px) {
  .comp_pro_half_graph .item_wrap .item .graph_img .graph_set .title {
    font-size: 1.4rem;
    letter-spacing: -0.02rem;
    line-height: 2.3rem;
  }
}

.comp_pro_half_graph .item_wrap .item .graph_img .graph_set:first-child {
  padding-right: 20px;
}

.comp_pro_half_graph .item_wrap .item .graph_img .graph_set:last-child {
  padding-left: 20px;
}

.comp_pro_half_graph .item_wrap .item .graph_html {
  height: 600px;
  background-color: #E4E8EC;
  padding: 40px;
  width: 50%;
}

.comp_pro_half_graph .item_wrap .item .graph_html .source {
  font-size: 1.6rem;
  font-weight: 300;
  text-align: right;
}

.comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 50px;
}

.comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set {
  width: 25%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph_title {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #666666;
}

.comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph_title.active {
  color: #5190ED;
}

@media (max-width: 1132px) {
  .comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph_title {
    font-size: 1.4rem;
    letter-spacing: -0.02rem;
  }
}

.comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph {
  position: relative;
  width: 72px;
  padding-top: 20px;
  background-color: #5190ED;
  border-radius: 36px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #ffffff;
}

.comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph.graph_01 {
  height: 425px;
}

.comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph.graph_02 {
  height: 264px;
}

.comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph.graph_03 {
  height: 197px;
  padding-top: 0;
}

.comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph.graph_04 {
  height: 123px;
}

.comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph .top {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  background-color: #ffffff;
  border: 10px solid #5190ED;
  border-radius: 50px;
  color: #5190ED;
  font-size: 2.5rem;
}

.comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph .top span {
  display: block;
  font-size: 1.8rem;
  margin-top: -5px;
}

@media (max-width: 1024px) {
  .comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph {
    width: 50px;
  }

  .comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph .top {
    width: 80px;
    height: 80px;
    margin-left: -40px;
  }
}

@media (max-width: 1240px) {
  .comp_pro_half_graph .item_wrap .item .graph_img {
    height: 450px;
    width: 50%;
  }

  .comp_pro_half_graph .item_wrap .item .graph_html {
    height: 450px;
  }

  .comp_pro_half_graph .item_wrap .item .graph_html .source {
    font-size: 1.4rem;
    letter-spacing: -0.02rem;
  }

  .comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap {
    margin-top: 0;
  }

  .comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph.graph_01 {
    height: 320px;
  }

  .comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph.graph_02 {
    height: 198px;
  }

  .comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph.graph_03 {
    height: 148px;
  }

  .comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph.graph_04 {
    height: 93px;
  }
}

@media (max-width: 820px) {
  .comp_pro_half_graph .item_wrap .item {
    display: block;
    width: 100%;
    margin-top: 40px;
  }

  .comp_pro_half_graph .item_wrap .item .title_item {
    width: 100%;
    font-size: 2rem;
  }

  .comp_pro_half_graph .item_wrap .item .graph_img {
    display: block;
    height: auto;
    width: 100%;
    margin-top: 20px;
  }

  .comp_pro_half_graph .item_wrap .item .graph_img .graph_set .zoom {
    margin-top: 20px;
  }

  .comp_pro_half_graph .item_wrap .item .graph_img .graph_set .title {
    margin-top: 10px;
    font-size: 1.6rem;
    line-height: 2.7rem;
  }

  .comp_pro_half_graph .item_wrap .item .graph_img .graph_set:first-child {
    padding-right: 0;
  }

  .comp_pro_half_graph .item_wrap .item .graph_img .graph_set:last-child {
    margin-top: 40px;
    padding-left: 0;
  }

  .comp_pro_half_graph .item_wrap .item .graph_html {
    width: 100%;
    margin-top: 20px;
    padding: 20px;
  }

  .comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph {
    width: 40px;
    font-size: 1.6rem;
  }

  .comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph .top {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    font-size: 1.6rem;
  }

  .comp_pro_half_graph .item_wrap .item .graph_html .graph_wrap .graph_set .graph .top span {
    font-size: 1.4rem;
    letter-spacing: -0.02rem;
  }
}

.comp_pro_baking .item_wrap {
  padding: 80px 0;
  background-color: #F6F6F6;
}

.comp_pro_baking .item_wrap .item_top {
  text-align: center;
}

.comp_pro_baking .item_wrap .item_top img {
  width: 100%;
}

.comp_pro_baking .item_wrap .item_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: -80px;
}

.comp_pro_baking .item_wrap .item_bottom .item {
  width: 50%;
  text-align: center;
  padding: 0 80px;
}

.comp_pro_baking .item_wrap .item_bottom .item .title {
  margin-top: 65px;
  font-size: 3rem;
  line-height: 5rem;
}

.comp_pro_baking .item_wrap .item_bottom .item .text {
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

@media (max-width: 1024px) {
  .comp_pro_baking .item_wrap .item_bottom .item {
    padding: 0 40px;
  }
}

@media (max-width: 768px) {
  .comp_pro_baking .item_wrap .item_bottom {
    display: block;
    margin-top: 50px;
  }

  .comp_pro_baking .item_wrap .item_bottom .item {
    width: 100%;
    padding: 0 20px;
    text-align: left;
  }

  .comp_pro_baking .item_wrap .item_bottom .item .icon {
    text-align: center;
  }

  .comp_pro_baking .item_wrap .item_bottom .item .title {
    margin-top: 30px;
    font-size: 2rem;
    line-height: 3rem;
  }

  .comp_pro_baking .item_wrap .item_bottom .item .text {
    margin-top: 15px;
  }

  .comp_pro_baking .item_wrap .item_bottom .item:last-child {
    margin-top: 50px;
  }
}

.comp_pro_oven_wind_force .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 588px;
  background-size: cover;
  padding-right: 60px;
}

.comp_pro_oven_wind_force .item_wrap .item_top .item {
  padding: 10px 0;
  text-align: center;
}

.comp_pro_oven_wind_force .item_wrap .item_top .item .title {
  margin-top: 20px;
}

@media (max-width: 500px) {
  .comp_pro_oven_wind_force .item_wrap {
    height: 200px;
    padding-right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 530px;
  }

  .comp_pro_oven_wind_force .item_wrap .item_top {
    padding-top: 220px;
    margin-bottom: 320px;
  }
}

.comp_pro_con_controller_cost {
  padding: 80px 0;
}

.comp_pro_con_controller_cost .title {
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 5.3rem;
  color: #000000;
  text-align: center;
}

.comp_pro_con_controller_cost .description {
  margin-top: 20px;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.7rem;
  text-align: center;
}

.comp_pro_con_controller_cost .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 60px;
}

.comp_pro_con_controller_cost .item_wrap .item {
  width: 31%;
  max-width: 373px;
  padding: 68px 0;
  background-color: #ffffff;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #cccccc;
}

.comp_pro_con_controller_cost .item_wrap .item .title_item {
  font-size: 2.4rem;
  line-height: 3.4rem;
}

.comp_pro_con_controller_cost .item_wrap .item .cost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 40px;
}

.comp_pro_con_controller_cost .item_wrap .item .cost .impact {
  font-size: 10rem;
  font-weight: 600;
}

.comp_pro_con_controller_cost .item_wrap .item .cost .unit {
  margin-left: 10px;
  font-size: 2rem;
  margin-bottom: 18px;
}

.comp_pro_con_controller_cost .item_wrap .item:first-child .title_item {
  color: #2274D0;
}

.comp_pro_con_controller_cost .item_wrap .item:first-child .cost {
  color: #2274D0;
}

@media (max-width: 940px) {
  .comp_pro_con_controller_cost .item_wrap .item .title_item {
    font-size: 2.5rem;
    line-height: 3.1rem;
  }
}

@media (max-width: 768px) {
  .comp_pro_con_controller_cost {
    padding: 40px 0;
  }

  .comp_pro_con_controller_cost .title {
    font-size: 3rem;
    line-height: 4rem;
  }

  .comp_pro_con_controller_cost .description {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }

  .comp_pro_con_controller_cost .item_wrap {
    display: block;
    margin-top: 40px;
    text-align: center;
  }

  .comp_pro_con_controller_cost .item_wrap .item {
    width: 100%;
    margin: 0 auto;
  }

  .comp_pro_con_controller_cost .item_wrap .item:not(:first-child) {
    margin-top: 30px;
  }

  .comp_pro_con_controller_cost .item_wrap .item .title_item {
    font-size: 2rem;
    line-height: 2.7rem;
  }

  .comp_pro_con_controller_cost .item_wrap .item .cost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 20px;
  }

  .comp_pro_con_controller_cost .item_wrap .item .cost .impact {
    font-size: 8rem;
    font-weight: 600;
  }

  .comp_pro_con_controller_cost .item_wrap .item .cost .unit {
    margin-left: 10px;
    font-size: 2rem;
    margin-bottom: 18px;
  }
}

.comp_pro_service_process {
  margin-top: 100px;
  background-color: #F5F6F8;
  padding: 80px 0;
}

.comp_pro_service_process .title {
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 5.3rem;
  color: #000000;
  text-align: center;
}

.comp_pro_service_process .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
}

.comp_pro_service_process .item_wrap .item {
  padding: 48px 0;
  background-color: #ffffff;
  text-align: center;
  border-radius: 8px;
}

.comp_pro_service_process .item_wrap .item.x1 {
  width: 31%;
  max-width: 373px;
  padding-left: 20px;
  padding-right: 20px;
}

.comp_pro_service_process .item_wrap .item.x1 .num {
  font-size: 4.8rem;
  color: #47A3DE;
}

.comp_pro_service_process .item_wrap .item.x1 img {
  margin-top: 20px;
}

.comp_pro_service_process .item_wrap .item.x1 .text {
  margin-top: 30px;
  font-size: 2rem;
  font-weight: 300;
  line-height: 3.2rem;
}

@media (max-width: 1100px) {
  .comp_pro_service_process .item_wrap .item.x1 .text {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}

.comp_pro_service_process .item_wrap .item.x3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 40px;
  margin-top: 40px;
}

.comp_pro_service_process .item_wrap .item.x3 .text_area {
  text-align: center;
}

.comp_pro_service_process .item_wrap .item.x3 .text_area .title {
  font-size: 3rem;
  font-weight: 300;
  line-height: 3.7rem;
  text-align: center;
}

.comp_pro_service_process .item_wrap .item.x3 .text_area .title span {
  font-weight: 600;
  color: #FC9512;
}

.comp_pro_service_process .info {
  margin-top: 20px;
  text-align: left;
  line-height: 2.7rem;
}

@media (max-width: 768px) {
  .comp_pro_service_process {
    padding: 40px 0;
  }

  .comp_pro_service_process .title {
    font-size: 3rem;
    line-height: 4rem;
  }

  .comp_pro_service_process .item_wrap {
    display: block;
  }

  .comp_pro_service_process .item_wrap .item {
    margin: 0 auto;
  }

  .comp_pro_service_process .item_wrap .item.x1 {
    width: 100%;
  }

  .comp_pro_service_process .item_wrap .item.x1 .num {
    font-size: 3rem;
  }

  .comp_pro_service_process .item_wrap .item.x1 .text {
    font-size: 1.6rem;
  }

  .comp_pro_service_process .item_wrap .item.x1:not(:first-child) {
    margin-top: 40px;
  }

  .comp_pro_service_process .item_wrap .item.x3 {
    display: block;
    max-width: 373px;
  }

  .comp_pro_service_process .item_wrap .item.x3 .image_area img {
    width: 100%;
  }

  .comp_pro_service_process .item_wrap .item.x3 .text_area {
    margin-left: 0;
  }

  .comp_pro_service_process .item_wrap .item.x3 .text_area .title {
    font-size: 2rem;
    line-height: 3.1rem;
    font-weight: 400;
  }

  .comp_pro_service_process .info {
    max-width: 373px;
    margin: 0 auto;
    margin-top: 20px;
  }
}

.comp_pro_oven_before_after .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_pro_oven_before_after .item_wrap .item {
  width: calc((100% - 120px) / 2);
}

.comp_pro_oven_before_after .item_wrap .item .image_area {
  width: 100%;
}

.comp_pro_oven_before_after .item_wrap .item .image_area img {
  width: 100%;
  max-width: 539px;
}

.comp_pro_oven_before_after .item_wrap .item .title {
  font-size: 2rem;
  color: #B9B9B9;
  text-align: center;
  margin-top: 20px;
}

.comp_pro_oven_before_after .item_wrap .item:last-child .title {
  color: #000000;
}

.comp_pro_oven_before_after .item_wrap .arrow_right {
  width: 120px;
  text-align: center;
}

.comp_pro_oven_before_after .item_wrap .arrow_bottom {
  display: none;
}

@media (max-width: 768px) {
  .comp_pro_oven_before_after .item_wrap {
    display: block;
  }

  .comp_pro_oven_before_after .item_wrap .item {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .comp_pro_oven_before_after .item_wrap .arrow_right {
    display: none;
  }

  .comp_pro_oven_before_after .item_wrap .arrow_bottom {
    display: block;
    margin: 40px 0;
    text-align: center;
  }

  .comp_pro_oven_before_after .item_wrap .arrow_bottom img {
    width: 40px;
  }
}

.comp_pro_cookware_closeup .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #F4F5F7;
  padding: 35px 0;
}

.comp_pro_cookware_closeup .item_wrap .item {
  width: 50%;
}

.comp_pro_cookware_closeup .item_wrap .item img {
  width: 100%;
  max-width: 564px;
}

.comp_pro_cookware_closeup .item_wrap .item:first-child {
  text-align: left;
  padding-right: 35px;
}

.comp_pro_cookware_closeup .item_wrap .item:last-child {
  text-align: right;
  padding-left: 35px;
}

@media (max-width: 768px) {
  .comp_pro_cookware_closeup .item_wrap {
    display: block;
  }

  .comp_pro_cookware_closeup .item_wrap .item {
    width: 100%;
  }

  .comp_pro_cookware_closeup .item_wrap .item:last-child {
    margin-top: 30px;
  }
}

.container_full_comp_pro_acc_new {
  margin-top: 100px;
}

.container_full_comp_pro_acc_new .item_wrap {
  width: 100%;
  text-align: center;
  background-color: #F5F6F8;
}

.container_full_comp_pro_acc_new .item_wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
}

.container_full_comp_pro_acc_new .item_wrap .item .title {
  margin-top: 50px;
  font-size: 4.5rem;
  font-weight: 600;
}

.container_full_comp_pro_acc_new .item_wrap .item .text {
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.container_full_comp_pro_acc_new .item_wrap .item .line {
  width: 1px;
  height: 82px;
  margin-top: 20px;
  background-color: #000000;
}

.container_full_comp_pro_acc_new .item_wrap .item .circle {
  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;
  width: 174px;
  height: 174px;
  margin-top: 20px;
  border-radius: 86px;
  background-color: rgba(0, 0, 0, 0.1);
  font-size: 2rem;
}

.container_full_comp_pro_acc_new .item_wrap .item .image_area img {
  margin-top: 50px;
  width: 100%;
}

.container_full_comp_pro_acc_new .item_wrap .item .image_area_max img {
  margin-top: 50px;
  width: 100%;
  margin-bottom: 80px;
  max-width: 600px;
}

.container_full_comp_pro_acc_new .item_wrap .item .image_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.container_full_comp_pro_acc_new .item_wrap .item .image_wrap .image_area img {
  width: 100%;
  max-width: 450px;
  margin-top: 0;
  margin-bottom: 80px;
}

.container_full_comp_pro_acc_new .item_wrap .item .image_wrap_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container_full_comp_pro_acc_new .item_wrap .item .image_wrap_02 .image_area img {
  width: 100%;
  margin-bottom: 0;
}

.container_full_comp_pro_acc_new .item_wrap .item .pro_image_wrap .image_area {
  width: 100%;
}

.container_full_comp_pro_acc_new .item_wrap .item .pro_image_wrap .image_area img {
  margin-bottom: initial;
}

.container_full_comp_pro_acc_new .item_wrap .item .pro_image_wrap .sub_text {
  font-size: 2rem;
  margin-top: 20px;
  margin-bottom: 80px;
}

@media (max-width: 768px) {
  .container_full_comp_pro_acc_new .item_wrap .item .title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    margin-top: 0;
  }

  .container_full_comp_pro_acc_new .item_wrap .item .image_area img {
    margin-top: 20px;
    margin-bottom: 0px;
  }

  .container_full_comp_pro_acc_new .item_wrap .item .image_area_max img {
    width: 80%;
  }

  .container_full_comp_pro_acc_new .item_wrap .item .image_wrap {
    display: block;
  }

  .container_full_comp_pro_acc_new .item_wrap .item .image_wrap .image_area img {
    width: 100%;
    max-width: 270px;
    margin-top: 0;
    margin-bottom: 40px;
  }

  .container_full_comp_pro_acc_new .item_wrap .item .image_wrap_02 {
    display: block;
  }

  .container_full_comp_pro_acc_new .item_wrap .item .image_wrap_02 .image_area img {
    width: 100%;
    max-width: 500px;
    margin-top: 0;
    margin-bottom: 40px;
  }

  .container_full_comp_pro_acc_new .item_wrap .item .pro_image_wrap .sub_text {
    font-size: 1.6rem;
    margin-bottom: 50px;
  }
}

.comp_pro_checkerboard_new {
  margin-top: 150px;
}

@media (max-width: 768px) {
  .comp_pro_checkerboard_new {
    margin-top: 100px;
  }
}

.comp_pro_checkerboard_new .section_title_area .section_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 6.4rem;
  color: #000000;
  text-align: center;
}

.comp_pro_checkerboard_new .section_title_area .section_sub_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.7rem;
  text-align: center;
}

@media (max-width: 768px) {
  .comp_pro_checkerboard_new .section_title_area {
    margin-top: 100px;
  }

  .comp_pro_checkerboard_new .section_title_area .section_title {
    font-size: 3rem;
    line-height: 4rem;
  }

  .comp_pro_checkerboard_new .section_title_area .section_sub_title {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }
}

.comp_pro_checkerboard_new .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 50px;
}

.comp_pro_checkerboard_new .item_wrap .item_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.comp_pro_checkerboard_new .item_wrap .item_set .item {
  min-height: 414px;
  margin: 12px;
  background-color: #ffffff;
  border-radius: 8px;
}

.comp_pro_checkerboard_new .item_wrap .item_set .item .item_inner {
  width: 373px;
  height: 100%;
  padding: 50px 20px 40px 20px;
  text-align: center;
}

.comp_pro_checkerboard_new .item_wrap .item_set .item .item_inner .title {
  margin-top: 30px;
  font-size: 2.4rem;
  line-height: 4rem;
}

.comp_pro_checkerboard_new .item_wrap .item_set .item .item_inner .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_checkerboard_new .item_wrap .item_set .item .item_inner.graph {
  padding: 50px 20px 40px 0;
}

.comp_pro_checkerboard_new .item_wrap .item_set .item.x1 {
  width: 373px;
  border: 1px solid #DBDBDB;
}

.comp_pro_checkerboard_new .item_wrap .item_set .item.x2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 770px;
}

@media (max-width: 833px) {
  .comp_pro_checkerboard_new .item_wrap {
    margin-top: 40px;
  }

  .comp_pro_checkerboard_new .item_wrap .item_set .item {
    min-height: inherit;
  }

  .comp_pro_checkerboard_new .item_wrap .item_set .item .item_inner {
    width: 100%;
  }

  .comp_pro_checkerboard_new .item_wrap .item_set .item .item_inner.graph {
    padding: 0px 20px 40px 20px;
  }

  .comp_pro_checkerboard_new .item_wrap .item_set .item .item_inner.graph img {
    width: 100%;
    max-width: 373px;
  }

  .comp_pro_checkerboard_new .item_wrap .item_set .item.x1 {
    width: 100%;
  }

  .comp_pro_checkerboard_new .item_wrap .item_set .item.x2 {
    display: block;
    width: 100%;
  }
}

.container_full_comp_pro_top_edition {
  margin-top: 100px;
}

.container_full_comp_pro_top_edition .item_wrap {
  width: 100%;
  text-align: center;
}

.container_full_comp_pro_top_edition .item_wrap .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container_full_comp_pro_top_edition .item_wrap .item .title {
  font-size: 4rem;
  font-weight: 600;
}

.container_full_comp_pro_top_edition .item_wrap .item .bold_text {
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 600;
}

.container_full_comp_pro_top_edition .item_wrap .item .text {
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.container_full_comp_pro_top_edition .item_wrap .item .line {
  width: 1px;
  height: 82px;
  margin-top: 20px;
  background-color: #000000;
}

.container_full_comp_pro_top_edition .item_wrap .item .circle {
  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;
  width: 174px;
  height: 174px;
  margin-top: 20px;
  border-radius: 86px;
  background-color: rgba(0, 0, 0, 0.1);
  font-size: 2rem;
}

.container_full_comp_pro_top_edition .item_wrap .item .image_area img {
  width: 100%;
  margin-bottom: 100px;
}

@media (max-width: 768px) {
  .container_full_comp_pro_top_edition .item_wrap .item .title {
    font-size: 3rem;
  }
}

.comp_food_material .item_wrap {
  position: relative;
}

.comp_food_material .item_wrap .item_01 .image_area {
  width: 100%;
}

.comp_food_material .item_wrap .item_01 .image_area img {
  max-width: 1200px;
  width: 100%;
}

.comp_food_material .item_wrap .item_01 .title {
  position: absolute;
  top: 10%;
  left: 50%;
  margin-left: -235px;
  margin-top: -25px;
  font-size: 4.5rem;
  font-weight: 600;
  color: #000000;
  text-align: center;
}

.comp_food_material .item_wrap .item_text {
  width: 100%;
}

.comp_food_material .item_wrap .item_text .text {
  text-align: center;
  margin-top: 60px;
  font-size: 2rem;
  line-height: 3rem;
  color: #000000;
}

@media (max-width: 833px) {
  .comp_food_material .item_wrap .item_01 .title {
    text-align: center;
    top: 0;
    left: 22%;
    margin-left: initial;
    margin-top: initial;
    font-weight: 600;
    color: #000000;
  }
}

@media (max-width: 768px) {
  .comp_food_material .item_wrap .item_01 .image_area img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 300px;
  }

  .comp_food_material .item_wrap .item_01 .title {
    font-size: 3rem;
    top: 10%;
    left: 50%;
    margin-left: -155px;
    font-weight: 600;
    color: #000000;
  }

  .comp_food_material .item_wrap .item_text .text {
    font-size: 1.6rem;
    line-height: 2.7rem;
    margin-top: 40px;
  }
}

@media (max-width: 500px) {
  .comp_food_material .item_wrap .item_01 .title {
    font-size: 2.6rem;
    text-align: center;
    top: 10%;
    left: 50%;
    margin-left: -125px;
    margin-top: -25px;
    font-weight: 600;
    color: #000000;
    text-align: center;
  }
}

.comp_pro_wide_bg_coffee {
  position: relative;
  margin-top: 150px;
}

.comp_pro_wide_bg_coffee .item_wrap {
  height: 400px;
  overflow: hidden;
}

.comp_pro_wide_bg_coffee .item_wrap .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  z-index:33;
}

.comp_pro_wide_bg_coffee .item_wrap .item .contents_area {
  width: 50%;
}

.comp_pro_wide_bg_coffee .item_wrap .item .contents_area .title {
  margin-top: 45px;
  font-size: 4rem;
  font-weight: 600;
  line-height: 3.8rem;
  color: #ffffff;
}
.comp_pro_wide_bg_coffee .item_wrap .item .contents_area .title .kor_text { display:block; margin-top:20px; font-size:3rem;}

.comp_pro_wide_bg_coffee .item_wrap .item .contents_area .contents {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #ffffff;
}

@media (max-width: 1024px) {
  .comp_pro_wide_bg_coffee {
    margin-top: 80px;
  }

  .comp_pro_wide_bg_coffee .item_wrap {
    height: 350px;
  }

  .comp_pro_wide_bg_coffee .item_wrap .item {
    height: 350px;
  }
}

@media (max-width: 768px) {
  .comp_pro_wide_bg_coffee .coffee_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }

  .comp_pro_wide_bg_coffee .item_wrap {
    height: 500px;
  }

  .comp_pro_wide_bg_coffee .item_wrap .item {
    display: block;
    height: inherit;
  }

  .comp_pro_wide_bg_coffee .item_wrap .item .contents_area {
    width: 100%;
    padding-top: 150px;
  }

  .comp_pro_wide_bg_coffee .item_wrap .item .contents_area .title {
    margin-top: 40px;
  }
  .comp_pro_wide_bg_coffee .item_wrap .item .contents_area .title {font-size:3rem;}
}

.comp_pro_checkerboard_x4 {
  margin-top: 100px;
  padding: 75px 0;
}

.comp_pro_checkerboard_x4 .section_title_area .section_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 5.3rem;
  color: #000000;
  text-align: center;
}

@media (max-width: 768px) {
  .comp_pro_checkerboard_x4 .section_title_area .section_title {
    font-size: 3rem;
    line-height: 4rem;
  }
  .comp_pro_wide_bg_coffee .item_wrap .item .contents_area .title .kor_text { display:block; margin-top:15px; font-size:2.5rem;}
}

.comp_pro_checkerboard_x4 .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item {
  min-height: 400px;
  background-color: #ffffff;
  border-radius: 8px;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item .item_inner {
  width: 373px;
  height: 100%;
  padding: 50px 30px 40px 30px;
  text-align: center;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item .item_inner .contents .title {
  margin-top: 30px;
  font-size: 2.4rem;
  line-height: 4rem;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item .item_inner .contents .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item.full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item.full .arrow_right {
  margin-top: 160px;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item.full .arrow_right img {
  width: 40px;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item.full .arrow_bottom {
  display: none;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item.full .arrow_bottom img {
  width: 40px;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item.half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
  border: 1px solid #DBDBDB;
  width: calc((100% - 40px) / 2);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item.half .half_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item.half .half_inner .image_area {
  width: 172px;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item.half .half_inner .image_area img {
  width: 172px;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item.half .half_inner .contents_area {
  text-align: center;
  /*220627 수정 */
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item.half .half_inner .contents_area .icon {
  padding: 20px 0;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item.half .half_inner .contents_area .icon img {
  width: 100%;
  max-width: 60px;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item.half .half_inner .contents_area .title {
  font-size: 2.4rem;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item.half .half_inner .contents_area .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_checkerboard_x4 .item_wrap .item_set .item.half .half_inner .contents_area .text2 {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

@media (max-width: 1024px) {
  .comp_pro_checkerboard_x4 .item_wrap .item_set .item .item_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 30px 30px 40px 30px;
    text-align: center;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item .item_inner .contents .title {
    margin-top: 10px;
    padding-left: 20px;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item .item_inner .contents .text {
    margin-top: 15px;
    padding-left: 20px;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item.full {
    display: block;
    width: 100%;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item.full .arrow_right {
    display: none;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item.full .arrow_bottom {
    display: block;
    width: 40ox;
    text-align: center;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item.half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
    padding: 35px;
    width: 100%;
    height: auto;
    min-height: auto;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item.half .half_inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .comp_pro_checkerboard_x4 .item_wrap .item_set .item.half .half_inner .image_area {
    width: 120px;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item.half .half_inner .image_area img {
    width: 120px;
  }
}

@media (max-width: 500px) {
  .comp_pro_checkerboard_x4 .item_wrap .item_set .item .item_inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 30px 40px 30px;
    text-align: center;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item .item_inner img {
    margin: 0 auto;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item .item_inner .contents .title {
    margin-top: 10px;
    padding-left: 0;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item .item_inner .contents .text {
    margin-top: 15px;
    padding-left: 0;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item.full .arrow_bottom img {
    width: 40px;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item.half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
    padding: 35px;
    width: 100%;
    height: auto;
    min-height: auto;
    margin: 12px;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item.half .half_inner {
    display: block;
    text-align: center;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item.half .half_inner .image_area {
    width: 100%;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item.half .half_inner .image_area img {
    width: 172px;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item.half .half_inner .contents_area {
    padding-left: 0;
  }

  .comp_pro_checkerboard_x4 .item_wrap .item_set .item.half .half_inner .contents_area .title {
    margin-top: 20px;
  }
}

.comp_pro_catalog .item_wrap {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.comp_pro_catalog .item_wrap .top_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comp_pro_catalog .item_wrap .top_area .image_area {
  width: 50%;
}

.comp_pro_catalog .item_wrap .top_area .image_area img {
  max-width: 500px;
  width: 100%;
}

.comp_pro_catalog .item_wrap .top_area .contents_area {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 98px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 830px) {
  .comp_pro_catalog .item_wrap .top_area .contents_area {
    padding-left: 20px;
  }
}

.comp_pro_catalog .item_wrap .top_area .contents_area .pro_name {
  font-size: 3rem;
  font-weight: 600;
  line-height: 5rem;
}

.comp_pro_catalog .item_wrap .top_area .contents_area .pro_model {
  margin-top: 15px;
  font-size: 2.4rem;
  font-weight: 300;
  color: #666666;
}

.comp_pro_catalog .item_wrap .top_area .contents_area .size_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 25px;
}

.comp_pro_catalog .item_wrap .top_area .contents_area .size_set .item_size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 600;
  color: #666666;
  padding: 10px 0;
  cursor: pointer;
}

.comp_pro_catalog .item_wrap .top_area .contents_area .size_set .item_size img {
  width: 24px;
  height: 24px;
}

.comp_pro_catalog .item_wrap .top_area .contents_area .size_set .item_size .select_on {
  display: none;
  margin-right: 10px;
}

.comp_pro_catalog .item_wrap .top_area .contents_area .size_set .item_size .select_off {
  display: block;
  margin-right: 10px;
}

.comp_pro_catalog .item_wrap .top_area .contents_area .size_set .item_size.active .select_on {
  display: block;
}

.comp_pro_catalog .item_wrap .top_area .contents_area .size_set .item_size.active .select_off {
  display: none;
}

.comp_pro_catalog .item_wrap .top_area .contents_area .size_set .item_size:not(:last-child) {
  margin-right: 14px;
}

.comp_pro_catalog .item_wrap .top_area .contents_area .color_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
}

.comp_pro_catalog .item_wrap .top_area .contents_area .color_set .item_color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  cursor: pointer;
}

.comp_pro_catalog .item_wrap .top_area .contents_area .color_set .item_color img {
  width: 24px;
  height: 24px;
}

.comp_pro_catalog .item_wrap .top_area .contents_area .color_set .item_color.active {
  border: 1px solid #A4A4A4;
}

.comp_pro_catalog .item_wrap .top_area .contents_area .color_set .item_color:not(:first-child) {
  margin-left: 10px;
}

.comp_pro_catalog .item_wrap .bottom_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comp_pro_catalog .item_wrap .bottom_area .item_thumb {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #F3F3F3;
  cursor: pointer;
}

.comp_pro_catalog .item_wrap .bottom_area .item_thumb img {
  margin-top: 9px;
  max-width: 150px;
  width: 100%;
}

.comp_pro_catalog .item_wrap .bottom_area .item_thumb .item_thumb {
  font-size: 1.8rem;
}

.comp_pro_catalog .item_wrap .bottom_area .item_thumb.active {
  border-top: 1px solid #000000;
}

@media (max-width: 768px) {
  .comp_pro_catalog .item_wrap .top_area {
    display: block;
  }

  .comp_pro_catalog .item_wrap .top_area .image_area {
    width: 100%;
    text-align: center;
  }

  .comp_pro_catalog .item_wrap .top_area .contents_area {
    width: 100%;
  }

  .comp_pro_catalog .item_wrap .top_area .contents_area .pro_name {
    font-size: 2.5rem;
    line-height: 3.4rem;
  }

  .comp_pro_catalog .item_wrap .top_area .contents_area .pro_model {
    font-size: 1.6rem;
    line-height: 2.7rem;
    margin-top: 5px;
  }

  .comp_pro_catalog .item_wrap .bottom_area {
    margin-top: 40px;
  }
}

.comp_pro_catalog_nolist .item_wrap {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.comp_pro_catalog_nolist .item_wrap .top_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comp_pro_catalog_nolist .item_wrap .top_area .image_area {
  width: 50%;
}

.comp_pro_catalog_nolist .item_wrap .top_area .image_area img {
  max-width: 500px;
  width: 100%;
}

.comp_pro_catalog_nolist .item_wrap .top_area .contents_area {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 830px) {
  .comp_pro_catalog_nolist .item_wrap .top_area .contents_area {
    padding-left: 20px;
  }
}

.comp_pro_catalog_nolist .item_wrap .top_area .contents_area .pro_name {
  font-size: 4rem;
  font-weight: 600;
  line-height: 5rem;
}

.comp_pro_catalog_nolist .item_wrap .top_area .contents_area .pro_model {
  margin-top: 15px;
  font-size: 2.4rem;
  font-weight: 300;
  color: #666666;
}

.comp_pro_catalog_nolist .item_wrap .top_area .contents_area .color_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
}

.comp_pro_catalog_nolist .item_wrap .top_area .contents_area .color_set .item_color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  cursor: pointer;
}

.comp_pro_catalog_nolist .item_wrap .top_area .contents_area .color_set .item_color img {
  width: 24px;
  height: 24px;
}

.comp_pro_catalog_nolist .item_wrap .top_area .contents_area .color_set .item_color.active {
  border: 1px solid #A4A4A4;
}

.comp_pro_catalog_nolist .item_wrap .top_area .contents_area .color_set .item_color:not(:first-child) {
  margin-left: 10px;
}

@media (max-width: 768px) {
  .comp_pro_catalog_nolist .item_wrap .top_area {
    display: block;
  }

  .comp_pro_catalog_nolist .item_wrap .top_area .image_area {
    width: 100%;
    text-align: center;
  }

  .comp_pro_catalog_nolist .item_wrap .top_area .contents_area {
    width: 100%;
  }

  .comp_pro_catalog_nolist .item_wrap .top_area .contents_area .pro_name {
    font-size: 2.5rem;
    line-height: 3.4rem;
  }

  .comp_pro_catalog_nolist .item_wrap .top_area .contents_area .pro_model {
    font-size: 1.6rem;
    line-height: 2.7rem;
    margin-top: 5px;
  }
}

.comp_product_info .title_area {
  margin-top: 20px;
  font-size: 2.4rem;
  font-weight: 600;
  text-align: left;
  padding-bottom: 0;
}

.comp_product_info .contents_area {
  margin-top: 20px;
  padding-bottom: 20px;
}

.comp_product_info .contents_area.sub2 {
  margin-top: 3px;
  padding-bottom: 20px;
}

.comp_product_info .contents_area .text {
  font-weight: 300;
  padding: 5px 0 5px 7px;
  line-height: 2.7rem;
}

.comp_product_info .contents_area .text2 {
  font-weight: 300;
  padding: 5px 0 5px 7px;
  line-height: 2.7rem;
}

.comp_product_info .contents_area .text::before {
  content: "·";
  position: absolute;
  margin-left: -7px;
}

.comp_product_info .contents_area .sub_text {
  font-weight: 300;
  margin-top: -5px;
  padding: 0 0 5px 20px;
  color: #666666;
  line-height: 2.7rem;
}

.comp_product_info .contents_area .sub_text::before {
  content: "-";
  position: absolute;
  margin-left: -14px;
}

.comp_product_info .contents_area .table_type_01 {
  width: 100%;
  margin: 20px 0;
}

.comp_product_info .contents_area .table_type_01 thead {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #D5D5D5;
}

.comp_product_info .contents_area .table_type_01 thead tr th {
  width: 50%;
  padding: 15px 20px;
  font-size: 1.4rem;
  letter-spacing: -0.04rem;
}

.comp_product_info .contents_area .table_type_01 thead tr th:not(:last-child) {
  border-right: 1px solid #d5d5d5;
}

.comp_product_info .contents_area .table_type_01 tbody tr {
  border-bottom: 1px solid #D5D5D5;
}

.comp_product_info .contents_area .table_type_01 tbody tr td {
  text-align: center;
  padding: 15px 20px;
  font-size: 1.4rem;
  letter-spacing: -0.04rem;
}

.comp_product_info .contents_area .table_type_01 tbody tr td:not(:last-child) {
  border-right: 1px solid #d5d5d5;
}

.comp_product_info .contents_area .table_type_02 {
  width: 100%;
  margin: 20px 0;
}

.comp_product_info .contents_area .table_type_02 thead {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #D5D5D5;
}

.comp_product_info .contents_area .table_type_02 thead tr th {
  padding: 15px 20px;
  font-size: 1.4rem;
  letter-spacing: -0.04rem;
}

.comp_product_info .contents_area .table_type_02 thead tr th:not(:last-child) {
  border-right: 1px solid #d5d5d5;
}

.comp_product_info .contents_area .table_type_02 tbody {
  border-top: 1px solid #000000;
}

.comp_product_info .contents_area .table_type_02 tbody tr {
  border-bottom: 1px solid #D5D5D5;
}

.comp_product_info .contents_area .table_type_02 tbody tr td {
  text-align: left;
  padding: 15px 20px;
  font-size: 1.4rem;
  letter-spacing: -0.04rem;
}

.comp_product_info .contents_area .table_type_02 tbody tr td:not(:last-child) {
  border-right: 1px solid #d5d5d5;
}

@media (max-width: 768px) {
  .comp_product_info .title_area {
    font-size: 2rem;
    font-weight: 400;
  }
}

.comp_pro_membership_check {
  padding: 0 0 75px 0;
  margin-top: 150px;
}

.comp_pro_membership_check .section_title_area .section_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
  width: 100%;
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 4rem;
  color: #000000;
  text-align: center;
}

.comp_pro_membership_check .section_title_area .section_text {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
  text-align: center;
}

@media (max-width: 768px) {
  .comp_pro_membership_check .section_title_area .section_title {
    font-size: 3rem;
    line-height: 4rem;
  }
}

.comp_pro_membership_check .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 20px;
}

.comp_pro_membership_check .item_wrap .item_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.comp_pro_membership_check .item_wrap .item_set .item {
  position: relative;
  min-height: 420px;
  background-color: #ffffff;
  border-radius: 8px;
}

.comp_pro_membership_check .item_wrap .item_set .item .item_inner {
  height: 100%;
  padding: 50px 30px 40px 30px;
  text-align: center;
}

.comp_pro_membership_check .item_wrap .item_set .item .item_inner .contents .title {
  margin-top: 30px;
  font-size: 3rem;
  line-height: 4rem;
}

.comp_pro_membership_check .item_wrap .item_set .item .item_inner .contents .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #000000;
}

.comp_pro_membership_check .item_wrap .item_set .item.full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}

.comp_pro_membership_check .item_wrap .item_set .item.full .arrow_right {
  margin-top: 160px;
}

.comp_pro_membership_check .item_wrap .item_set .item.full .arrow_bottom {
  display: none;
}

.comp_pro_membership_check .item_wrap .item_set .item .info {
  position: absolute;
  bottom: 75px;
  width: 100%;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 300;
  line-height: 2.2rem;
  text-align: center;
  color: #666666;
}

@media (max-width: 1024px) {
  .comp_pro_membership_check .item_wrap .item_set .item .item_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 30px 30px 40px 30px;
    text-align: left;
  }

  .comp_pro_membership_check .item_wrap .item_set .item .item_inner .contents .title {
    margin-top: 10px;
    padding-left: 20px;
  }

  .comp_pro_membership_check .item_wrap .item_set .item .item_inner .contents .text {
    margin-top: 15px;
    padding-left: 20px;
  }

  .comp_pro_membership_check .item_wrap .item_set .item.full {
    display: block;
    width: 100%;
  }

  .comp_pro_membership_check .item_wrap .item_set .item.full .arrow_right {
    display: none;
  }

  .comp_pro_membership_check .item_wrap .item_set .item.full .arrow_bottom {
    display: block;
    width: 100%;
    text-align: center;
  }

  .comp_pro_membership_check .item_wrap .item_set .item .info {
    position: inherit;
    bottom: inherit;
    padding: 0 20px 60px 20px;
    text-align: left;
  }
}

@media (max-width: 500px) {
  .comp_pro_membership_check .item_wrap .item_set .item .item_inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 30px 40px 30px;
    text-align: center;
  }

  .comp_pro_membership_check .item_wrap .item_set .item .item_inner img {
    margin: 0 auto;
  }

  .comp_pro_membership_check .item_wrap .item_set .item .item_inner .contents .title {
    margin-top: 10px;
    padding-left: 0;
  }

  .comp_pro_membership_check .item_wrap .item_set .item .item_inner .contents .text {
    margin-top: 15px;
    padding-left: 0;
  }

  .comp_pro_membership_check .item_wrap .item_set .item.full .arrow_bottom img {
    width: 40px;
  }

  .comp_pro_membership_check .item_wrap .item_set .item .info {
    margin-top: 20px;
  }
}

.comp_pro_banner_type_01 .item_wrap {
  margin: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 0;
}

.comp_pro_banner_type_01 .item_wrap .text_area .title {
  font-size: 3rem;
  font-weight: 300;
  line-height: 3.5rem;
}

.comp_pro_banner_type_01 .item_wrap .text_area .title strong {
  font-weight: 600;
}

.comp_pro_banner_type_01 .item_wrap .text_area .text {
  margin-top: 10px;
  font-size: 1.6rem;
  font-weight: 300;
}

.comp_pro_banner_type_01 .item_wrap .text_area .info {
  margin-top: 10px;
  font-size: 1.6rem;
}

.comp_pro_banner_type_01 .item_wrap .text_area .btn {
  display: inline-block;
  margin-top: 10px;
  padding: 6px 12px;
  font-size: 1.3rem;
}

.comp_pro_banner_type_01 .item_wrap .text_area .btn_youtube {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  padding: 6px 12px;
  font-size: 1.3rem;
  border-radius: 20px;
}

.comp_pro_banner_type_01 .item_wrap .text_area .btn_youtube svg {
  margin-right: 5px;
}

.comp_pro_banner_type_01 .item_wrap .image_area {
  margin-left: 15px;
}

.comp_pro_banner_type_01 .item_wrap .image_area img {
  width: 100%;
}

.comp_pro_banner_type_01 .item_wrap.s-padding {
  padding: 10px 0;
}

.comp_pro_banner_type_01 .item_wrap.n-padding {
  padding: 0;
}

@media (max-width: 768px) {
  .comp_pro_banner_type_01 .item_wrap .text_area .title {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .comp_pro_banner_type_01 .item_wrap .text_area .text {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .comp_pro_banner_type_01 .item_wrap .text_area .info {
    font-size: 1.3rem;
    line-height: 1.9rem;
  }
}

@media (max-width: 500px) {
  .comp_pro_banner_type_01 .item_wrap .image_area.releted img {
    width: 100px;
  }
}

.comp_pro_banner_warranty {
  background-color: #F5F6F8;
  margin: 5px 0;
  padding: 75px 0;
}

.comp_pro_banner_warranty .section_title_area .section_title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 5.3rem;
  color: #0077df;
  text-align: center;
}

.comp_pro_banner_warranty .section_title_area .section_sub_title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  text-align: center;
  color: #666666;
}

@media (max-width: 768px) {
  .comp_pro_banner_warranty .section_title_area .section_title {
    font-size: 3rem;
    line-height: 4rem;
  }

  .comp_pro_banner_warranty .section_title_area .section_sub_title {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }
}

.comp_pro_banner_warranty .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 48px;
}

.comp_pro_banner_warranty .item_wrap .item_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.comp_pro_banner_warranty .item_wrap .item_set .item {
  min-height: 414px;
  margin: 12px;
  background-color: #ffffff;
  border-radius: 8px;
}

.comp_pro_banner_warranty .item_wrap .item_set .item .item_inner {
  width: 373px;
  height: 100%;
  padding: 50px 25px 40px 25px;
  text-align: center;
}

.comp_pro_banner_warranty .item_wrap .item_set .item .item_inner .title {
  margin-top: 30px;
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 600;
}

.comp_pro_banner_warranty .item_wrap .item_set .item .item_inner .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
  text-align: left;
}

.comp_pro_banner_warranty .item_wrap .item_set .item .item_inner.graph {
  padding: 50px 20px 40px 0;
}

.comp_pro_banner_warranty .item_wrap .item_set .item.x1 {
  width: 373px;
}

.comp_pro_banner_warranty .item_wrap .item_set .item.x2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 770px;
}

@media (max-width: 833px) {
  .comp_pro_banner_warranty .item_wrap .item_set .item {
    min-height: inherit;
  }

  .comp_pro_banner_warranty .item_wrap .item_set .item .item_inner {
    width: 100%;
  }

  .comp_pro_banner_warranty .item_wrap .item_set .item .item_inner.graph {
    padding: 0px 20px 40px 20px;
  }

  .comp_pro_banner_warranty .item_wrap .item_set .item .item_inner.graph img {
    width: 100%;
    max-width: 373px;
  }

  .comp_pro_banner_warranty .item_wrap .item_set .item.x1 {
    width: 100%;
  }

  .comp_pro_banner_warranty .item_wrap .item_set .item.x2 {
    display: block;
    width: 100%;
  }
}

.error_page {
  height: 100%;
}

.error_page .container_fixed {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.error_page .container_fixed .item_wrap {
  margin-top: 180px;
}

.error_page .container_fixed .item_wrap .logo_img {
  margin-bottom: 50px;
}

.error_page .container_fixed .item_wrap .logo_img img {
  width: 100%;
  max-width: 100px;
}

.error_page .container_fixed .item_wrap .item_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.error_page .container_fixed .item_wrap .item_set .left_item {
  width: 50%;
  text-align: center;
}

.error_page .container_fixed .item_wrap .item_set .left_item .text_area .title {
  font-size: 4rem;
  line-height: 5rem;
  margin-top: 40px;
}

.error_page .container_fixed .item_wrap .item_set .left_item .text_area .description {
  font-size: 1.6rem;
  color: #666666;
  line-height: 2.4rem;
  margin-top: 20px;
  padding: 0 55px;
}

.error_page .container_fixed .item_wrap .item_set .left_item .btn_basic {
  margin-left: -132px;
  left: 50%;
  margin-top: 40px;
}

.error_page .container_fixed .item_wrap .item_set .right_item {
  width: 50%;
}

.error_page .container_fixed .item_wrap .item_set .right_item .sub_title {
  font-size: 3rem;
  text-align: center;
  font-weight: 600;
}

.error_page .container_fixed .item_wrap .item_set .right_item .comp_pro_bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.error_page .container_fixed .item_wrap .item_set .right_item .comp_pro_bt .image_set {
  position: relative;
  width: 40%;
  text-align: center;
  margin-top: 30px;
}

.error_page .container_fixed .item_wrap .item_set .right_item .comp_pro_bt .image_set .image_area {
  position: relative;
  display: inline-block;
}

.error_page .container_fixed .item_wrap .item_set .right_item .comp_pro_bt .image_set .image_area img {
  width: 100%;
  max-width: 180px;
}

.error_page .container_fixed .item_wrap .item_set .right_item .comp_pro_bt .image_set .image_area .back_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 180px;
  height: 100%;
  max-height: 180px;
  border-radius: 90px;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.error_page .container_fixed .item_wrap .item_set .right_item .comp_pro_bt .image_set .image_area .text {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 180px;
  height: 100%;
  max-height: 180px;
  color: #ffffff;
  align-items: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}

.error_page .container_fixed .item_wrap .item_set .right_item .comp_pro_bt .image_set:hover .image_area .back_bg {
  background-color: rgba(0, 0, 0, 0.3);
}

.error_page .container_fixed .item_wrap .item_set .right_item .comp_pro_bt .image_set:hover .image_area .text {
  opacity: 1;
}

@media (max-width: 1024px) {
  .error_page .container_fixed .item_wrap .item_set .left_item {
    padding-right: 30px;
  }

  .error_page .container_fixed .item_wrap .item_set .right_item .comp_pro_bt .image_set {
    width: 50%;
  }
}

@media (max-width: 768px) {
  .error_page .container_fixed .item_wrap .item_set {
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .error_page .container_fixed .item_wrap .item_set .left_item {
    width: 100%;
    padding-right: initial;
  }

  .error_page .container_fixed .item_wrap .item_set .right_item {
    border-top: 1px solid #E6E6E6;
    width: 100%;
    margin-top: 60px;
  }

  .error_page .container_fixed .item_wrap .item_set .right_item .sub_title {
    padding-top: 60px;
  }

  .error_page .container_fixed .item_wrap .item_set .right_item .comp_pro_bt .image_set {
    width: 50%;
  }
}

@media (max-width: 500px) {
  .error_page .container_fixed .item_wrap .item_set .right_item .comp_pro_bt .image_set {
    width: 50%;
    padding: 10px;
  }
}

.comp_pro_img_text_bg_3x .item_wrap {
  background-color: #F5F6F8;
  width: 100%;
  display: block;
  padding: 50px;
}

.comp_pro_img_text_bg_3x .item_wrap .text_area .title {
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_img_text_bg_3x .item_wrap .image_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 30px;
  width: 100%;
}

.comp_pro_img_text_bg_3x .item_wrap .image_wrap .item {
  width: calc((100% - 80px)/3);
}

.comp_pro_img_text_bg_3x .item_wrap .image_wrap .item .image_area img {
  width: 100%;
}

.comp_pro_img_text_bg_3x .item_wrap .image_wrap .item .title {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  margin-top: 20px;
  text-align: center;
}

@media (max-width: 768px) {
  .comp_pro_img_text_bg_3x .item_wrap {
    display: block;
    margin-top: 20px;
  }

  .comp_pro_img_text_bg_3x .item_wrap .image_wrap {
    display: block;
  }

  .comp_pro_img_text_bg_3x .item_wrap .image_wrap .item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 40px;
  }

  .comp_pro_img_text_bg_3x .item_wrap .image_wrap .item .title {
    font-size: 1.6rem;
    margin-top: 20px;
  }

  .comp_pro_img_text_bg_3x .item_wrap .image_wrap .item .text {
    margin-top: 10px;
  }

  .comp_pro_img_text_bg_3x .item_wrap .image_wrap .item:last-child {
    margin-top: 40px;
  }
}

.treana_bg_text {
  margin-top: 100px;
}

.treana_bg_text .item_wrap {
  position: relative;
  background-size: cover;
  height: 600px;
}

.treana_bg_text .item_wrap .item {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 170px;
}

.treana_bg_text .item_wrap .item .image_area {
  width: 100%;
}

.treana_bg_text .item_wrap .item .image_area img {
  max-width: 476px;
}

.treana_bg_text .item_wrap .item .text {
  font-family: 'Noto Sans';
  line-height: 2.7rem;
  margin-top: 40px;
}

.treana_bg_text .item_wrap .item .icon_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.treana_bg_text .item_wrap .item .icon_set .icon {
  margin-top: 30px;
  padding: 0 30px;
}

.treana_bg_text .item_wrap .item .icon_set .icon:not(:last-child) {
  border-right: 1px dashed #666666;
}

@media (max-width: 768px) {
  .treana_bg_text .item_wrap .item {
    padding: 0 20px;
  }

  .treana_bg_text .item_wrap .item .image_area img {
    width: 80%;
  }
}

@media (max-width: 500px) {
  .treana_bg_text .item_wrap {
    height: 500px;
  }

  .treana_bg_text .item_wrap .item {
    top: 120px;
  }

  .treana_bg_text .item_wrap .item .icon_set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .treana_bg_text .item_wrap .item .icon_set .icon {
    padding: 0 5px;
  }

  .treana_bg_text .item_wrap .item .icon_set .icon img {
    width: 100%;
  }
}

.comp_wind_image_text {
  margin-top: 100px;
}

.comp_wind_image_text .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp_wind_image_text .item_wrap .item .image_area img {
  width: 100%;
}

.comp_wind_image_text .item_wrap .item .text {
  line-height: 27px;
  margin-top: 40px;
  text-align: center;
  color: #666666;
}

@media (max-width: 500px) {
  .comp_wind_image_text {
    margin-top: 50px;
  }
}

.comp_wine_only_image {
  margin-top: 100px;
}

.comp_wine_only_image .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp_wine_only_image .item_wrap .item .image_area img {
  width: 100%;
}

@media (max-width: 500px) {
  .comp_wine_only_image {
    margin-top: 50px;
  }
}

.comp_pro_img_half_center_txt {
  margin-top: 60px;
}

.comp_pro_img_half_center_txt .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp_pro_img_half_center_txt .item_wrap .item:first-child {
  width: 40%;
}

.comp_pro_img_half_center_txt .item_wrap .item:first-child img {
  width: 100%;
  max-width: 472px;
}

.comp_pro_img_half_center_txt .item_wrap .item:last-child {
  width: 60%;
  text-align: center;
  margin: auto auto;
}

.comp_pro_img_half_center_txt .item_wrap .item:last-child .title {
  font-family: "noto-sans";
  font-weight: 700;
  font-size: 3rem;
  line-height: 54px;
}

.comp_pro_img_half_center_txt .item_wrap .item:last-child .text {
  font-size: 1.6rem;
  line-height: 27px;
  margin-top: 30px;
  color: #666666;
}

@media (max-width: 1024px) {
  .comp_pro_img_half_center_txt .item_wrap .item:first-child {
    width: 40%;
  }

  .comp_pro_img_half_center_txt .item_wrap .item:first-child image {
    width: 100%;
  }

  .comp_pro_img_half_center_txt .item_wrap .item:last-child {
    padding-left: 30px;
  }
}

@media (max-width: 768px) {
  .comp_pro_img_half_center_txt .item_wrap {
    display: block;
  }

  .comp_pro_img_half_center_txt .item_wrap .item:first-child {
    width: 100%;
    text-align: center;
  }

  .comp_pro_img_half_center_txt .item_wrap .item:first-child img {
    width: 50%;
    max-width: inherit;
  }

  .comp_pro_img_half_center_txt .item_wrap .item:last-child {
    padding-left: inherit;
    width: 100%;
  }

  .comp_pro_img_half_center_txt .item_wrap .item:last-child .title {
    margin-top: 30px;
  }

  .comp_pro_img_half_center_txt .item_wrap .item:last-child .text {
    margin-top: 20px;
  }
}

.comp_wine_2x_image_text {
  margin-top: 100px;
}

.comp_wine_2x_image_text .item_wrap {
  width: 100%;
  text-align: center;
}

.comp_wine_2x_image_text .item_wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comp_wine_2x_image_text .item_wrap .item .image_area {
  width: calc((100% - 35px) / 2);
}

.comp_wine_2x_image_text .item_wrap .item .image_area img {
  width: 100%;
  max-width: 585px;
}

.comp_wine_2x_image_text .item_wrap .text {
  font-size: 1.6rem;
  line-height: 27px;
  margin-top: 40px;
  color: #666666;
}

@media (max-width: 500px) {
  .comp_wine_2x_image_text {
    margin-top: 50px;
  }

  .comp_wine_2x_image_text .item_wrap .item {
    display: block;
  }

  .comp_wine_2x_image_text .item_wrap .item .image_area {
    width: 100%;
  }

  .comp_wine_2x_image_text .item_wrap .item .image_area img {
    width: 100%;
  }
}

.comp_pro_img_half_half_txt {
  margin-top: 60px;
}

.comp_pro_img_half_half_txt .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comp_pro_img_half_half_txt .item_wrap .item:first-child {
  width: 50%;
  margin: 0 0;
  text-align: center;
  border-right: 1px dashed #666666;
}

.comp_pro_img_half_half_txt .item_wrap .item:first-child img {
  margin-top: 60px;
  width: 100%;
  max-width: 481px;
}

.comp_pro_img_half_half_txt .item_wrap .item:last-child {
  width: 50%;
  text-align: center;
  margin: auto auto;
}

.comp_pro_img_half_half_txt .item_wrap .item:last-child .title {
  font-family: "noto-sans";
  font-weight: 700;
  font-size: 3rem;
  line-height: 54px;
}

.comp_pro_img_half_half_txt .item_wrap .item:last-child .text {
  font-size: 1.6rem;
  line-height: 27px;
  margin-top: 30px;
  color: #666666;
}

@media (max-width: 1024px) {
  .comp_pro_img_half_half_txt {
    margin-top: 0;
  }

  .comp_pro_img_half_half_txt .item_wrap .item:first-child {
    width: 40%;
  }

  .comp_pro_img_half_half_txt .item_wrap .item:first-child image {
    width: 100%;
  }

  .comp_pro_img_half_half_txt .item_wrap .item:last-child {
    padding-left: 30px;
  }
}

@media (max-width: 768px) {
  .comp_pro_img_half_half_txt .item_wrap {
    display: block;
  }

  .comp_pro_img_half_half_txt .item_wrap .item:first-child {
    width: 100%;
    text-align: center;
  }

  .comp_pro_img_half_half_txt .item_wrap .item:first-child img {
    width: 50%;
    max-width: inherit;
  }

  .comp_pro_img_half_half_txt .item_wrap .item:last-child {
    padding-left: inherit;
    width: 100%;
  }

  .comp_pro_img_half_half_txt .item_wrap .item:last-child .title {
    margin-top: 30px;
  }

  .comp_pro_img_half_half_txt .item_wrap .item:last-child .text {
    margin-top: 20px;
  }
}

.smeg_service_relocation {
  margin-top: 100px;
  text-align: center;
}

.smeg_service_relocation .logo {
  margin-bottom: 100px;
}

.smeg_service_relocation .text_wrap {
  margin-bottom: 100px;
}

.smeg_service_relocation .text_wrap .title {
  font-size: 5rem;
  font-weight: 600;
  margin-bottom: 40px;
}

.smeg_service_relocation .text_wrap .text {
  color: #666666;
}

@media (max-width: 768px) {
  .smeg_service_relocation .logo {
    margin-bottom: 80px;
  }

  .smeg_service_relocation .logo img {
    width: 100%;
    max-width: 276px;
  }

  .smeg_service_relocation .text_wrap {
    margin-bottom: 60px;
  }

  .smeg_service_relocation .text_wrap .title {
    font-size: 4rem;
    margin-bottom: 20px;
  }
}

@media (max-width: 500px) {
  .smeg_service_relocation .text_wrap {
    margin-bottom: 40px;
  }
}

.smeg_service_img .image_area {
  width: 100%;
  max-width: 1200px;
  height: 500px;
  background-size: cover;
}

@media (max-width: 768px) {
  .smeg_service_img .image_area {
    height: 300px;
  }
}

@media (max-width: 500px) {
  .smeg_service_img .image_area {
    height: 200px;
  }
}

.smeg_service_3x {
  margin-top: 60px;
}

.smeg_service_3x .item_wrap .title {
  font-size: 3rem;
  text-align: center;
  font-weight: 600;
  margin-bottom: 60px;
}

.smeg_service_3x .item_wrap .icon_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 150px;
  gap:20px;
}
.smeg_service_3x .item_wrap .icon_wrap.grid_bx {display:grid;}
.smeg_service_3x .item_wrap .icon_wrap .icon_area {
  margin-right: 100px;
}
.smeg_service_3x .item_wrap.text-align-center .icon_wrap .icon_area {display:grid;}

.smeg_service_3x .item_wrap .icon_wrap .icon_area .icon {
  margin-bottom: 40px;
}

.smeg_service_3x .item_wrap .icon_wrap .icon_area .icon img {
  
  max-width: 261px;
}
.smeg_service_3x.grid_num4-2 .item_wrap .icon_wrap .icon_area .icon img {
  
  max-width: 170px;
}

.smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap { }

.smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap .sub_title {
  font-size: 2.4rem;
  margin-bottom: 20px;
  font-weight: 600;
}


.smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap .text {
  color: #666666;
}

.smeg_service_3x .item_wrap .icon_wrap .icon_area:last-child {
  margin-right: 0;
}

.container_full .caution {text-align:center; font-size:2rem; padding : 60px 0; background:#f5f5f5; margin-bottom:80px;}
.container_full .caution .icon {margin-bottom:30px;}

@media (max-width: 1024px) {
  .smeg_service_3x .item_wrap .icon_wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
	.smeg_service_3x.grid_num3 .item_wrap .icon_wrap { 
	display: grid;
    grid-template-columns: repeat(3,1fr);
  }
	
  .smeg_service_3x.grid_num4 .item_wrap .icon_wrap { 
	display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
  }
  
  .smeg_service_3x .item_wrap .icon_wrap .icon_area {
    margin-right: initial;
  }
}

@media (max-width: 900px) {
  .smeg_service_3x .item_wrap .icon_wrap .icon_area {
    margin-right: 0px;
  }
  .smeg_service_3x .item_wrap .icon_wrap .icon_area .btn_basic 
  {width:auto;} 
  .smeg_service_3x.grid_num4 .item_wrap .icon_wrap { 
	display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 0px;
	margin-bottom:100px;
  }
  .smeg_service_3x.grid_num3 .item_wrap .icon_wrap { 
	display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
	margin-bottom:100px;
  }
  .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon img {
  max-width: 230px;
}
  .container_full .caution {padding:40px 30px; margin-bottom:60px;}
  .container_full .caution .icon {margin-bottom:20px;}
  .container_full .caution .icon img {width:60px;}
}

@media (max-width: 768px) {
 .smeg_service_3x.grid_num4-2 .item_wrap .icon_wrap { 
	display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
  }
}
@media (max-width: 500px) {
  .smeg_service_3x .item_wrap .icon_wrap {
    display: block;
    margin-bottom: 50px;
  }
  .smeg_service_3x.grid_num3 {margin-top:40px;}
  .smeg_service_3x.grid_num3 .item_wrap .icon_wrap { 
	display: grid;
    grid-template-columns: repeat(1,1fr);
	margin-bottom:0px;
  }
.smeg_service_3x.grid_num4 .item_wrap .icon_wrap { 
	display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 20px;
	margin-bottom:50px;
  }
  .smeg_service_3x .item_wrap .icon_wrap .icon_area {
    margin-right: initial;
    margin-bottom: 40px;
	
  }
  .smeg_service_3x.grid_num3 .item_wrap .icon_wrap .icon_area { 
  margin-bottom:0;}
	.smeg_service_3x.grid_num4 .item_wrap .icon_wrap .icon_area {margin-bottom:0;}
  .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon {
    margin-bottom: 10px;
  }
  
  .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon img {
    max-width: 200px;
  }
  .smeg_service_3x.grid_num4-2 .item_wrap .icon_wrap .icon_area .icon img {
  max-width: 150px;
}
  .comp_store .store_link ul li {
    width: 100%;
    font-size: 18px;}
  .comp_pro_installation_guide .item_wrap .item .image_area {margin-top:0;}
  .comp_title_area {padding-bottom:20px;}
  .container_full .caution {font-size:1.5rem; margin-bottom:40px;} 
}

/* smeg_service_4x */
.smeg_service_4x {
  margin-top: 100px;
}

.smeg_service_4x .item_wrap .title {
  font-size: 3rem;
  text-align: center;
  font-weight: 600;
  margin-bottom: 60px;
}

.smeg_service_4x .item_wrap .icon_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 150px;
}

.smeg_service_4x .item_wrap .icon_wrap .icon_area {
  margin-right: 100px;
  width:calc((100% - 300px)/4);
}

.smeg_service_4x .item_wrap .icon_wrap .icon_area .icon {
  margin-bottom: 40px;
}

.smeg_service_4x .item_wrap .icon_wrap .icon_area .icon img {
  width: 100%;
  max-width: 261px;
}

.smeg_service_4x .item_wrap .icon_wrap .icon_area .text_wrap .sub_title {
  font-size: 2.4rem;
  margin-bottom: 20px;
  font-weight: 600;
}

.smeg_service_4x .item_wrap .icon_wrap .icon_area .text_wrap .text {
  color: #666666;
}

.smeg_service_4x .item_wrap .icon_wrap .icon_area:last-child {
  margin-right: 0;
}

@media (max-width: 1024px) {
  .smeg_service_4x .item_wrap .icon_wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .smeg_service_4x .item_wrap .icon_wrap .icon_area {
    margin-right: initial;
	margin-right:20px;
	width:calc((100% - 60px)/4);
  }
}

@media (max-width: 500px) {
  .smeg_service_4x .item_wrap .icon_wrap {
    display: block;
    margin-bottom: 100px;
  }

  .smeg_service_4x .item_wrap .icon_wrap .icon_area {
    margin-right: initial;
    margin-bottom: 40px;
	width:100%;
  }

  .smeg_service_4x .item_wrap .icon_wrap .icon_area .icon {
    margin-bottom: 20px;
  }

  .smeg_service_4x .item_wrap .icon_wrap .icon_area .icon img {
    max-width: 200px;
  }
}
/* smeg_service_4x */

.smeg_service_table .item_wrap .text_wrap .title {
  font-size: 4rem;
  font-weight: 600;
  margin-bottom: 20px;
}

.smeg_service_table .item_wrap .text_wrap .blue_text {
  color: #4784e8;
}

@media (max-width: 769px) {
  .smeg_service_table {
    margin-bottom: 40px;
  }

  .smeg_service_table .item_wrap .text_wrap .title {
    font-size: 3rem;
  }
}

.smeg_service_table_01 {
  width: 100%;
  margin: 40px 0 80px 0;
}

.smeg_service_table_01 thead {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #D5D5D5;
}

.smeg_service_table_01 thead tr th {
  padding: 15px 20px;
  font-size: 1.4rem;
  letter-spacing: -0.04rem;
}

.smeg_service_table_01 thead tr th:not(:last-child) {
  border-right: 1px solid #d5d5d5;
}

.smeg_service_table_01 tbody tr {
  border-bottom: 1px solid #D5D5D5;
}

.smeg_service_table_01 tbody tr td {
  text-align: center;
  padding: 15px 20px;
  font-size: 1.4rem;
  letter-spacing: -0.04rem;
  border-right: 1px solid #d5d5d5;
}

.smeg_service_table_01 tbody tr td.last_td {
  border-right: none;
}

@media (max-width: 600px) {
  .smeg_service_table_01 {
    display: none;
  }
}

.smeg_service_table_01_mo {
  display: none;
  width: 100%;
  margin: 40px 0 0 0;
}
.smeg_service_table_01_mo+.smeg_service_table_01_mo {margin-top:20px;}

.smeg_service_table_01_mo thead {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #D5D5D5;
}

.smeg_service_table_01_mo thead tr th {
  padding: 15px 5px;
  font-size: 1.2rem;
  letter-spacing: -0.04rem;
}

.smeg_service_table_01_mo thead tr th:not(:last-child) {
  border-right: 1px solid #d5d5d5;
}

.smeg_service_table_01_mo tbody tr {
  border-bottom: 1px solid #D5D5D5;
}

.smeg_service_table_01_mo tbody tr td {
  text-align: center;
  padding: 15px 5px;
  font-size: 1.2rem;
  letter-spacing: -0.04rem;
  border-right: 1px solid #d5d5d5;
}

.smeg_service_table_01_mo tbody tr td:last-child {
  border-right: none;
}

@media (max-width: 600px) {
  .smeg_service_table_01_mo {
    display: table;
  }
}

.smeg_service_table_02_mo {
  display: none;
  width: 100%;
  margin-bottom: 80px;
  font-size: 1.2rem;
}

.smeg_service_table_02_mo thead {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #D5D5D5;
}

.smeg_service_table_02_mo thead tr th {
  width: 50%;
  padding: 15px 5px;
  font-size: 1.2rem;
  letter-spacing: -0.04rem;
}

.smeg_service_table_02_mo thead tr th:not(:last-child) {
  border-right: 1px solid #d5d5d5;
}

.smeg_service_table_02_mo tbody tr {
  border-bottom: 1px solid #D5D5D5;
}

.smeg_service_table_02_mo tbody tr td {
  text-align: center;
  padding: 15px 5px;
  font-size: 1.2rem;
  letter-spacing: -0.04rem;
  border-right: 1px solid #d5d5d5;
}

.smeg_service_table_02_mo tbody tr td:last-child {
  border-right: none;
}

@media (max-width: 600px) {
  .smeg_service_table_02_mo {
    display: table;
  }
}

.support_retro .item_wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.support_retro .item_wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 100px;
}

.support_retro .item_wrap .item .key_title {
  width: 100%;
  font-size: 4rem;
  font-weight: 600;
  text-align: center;
  line-height: 5rem;
}

.support_retro .item_wrap .item .line_half {
  width: 70%;
  border-top: 1px solid #000000;
}

.support_retro .item_wrap .line {
  width: 100%;
  border-top: 1px solid #000000;
  margin-bottom: 40px;
}

.support_retro .item_wrap .bg_img {
  width: 100%;
  margin-top: 50px;
}

.support_retro .item_wrap .bg_img img {
  width: 100%;
}

.support_retro .item_wrap .item_text {
  display: block;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 40px 0;
}

.support_retro .item_wrap .item_text .text_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.support_retro .item_wrap .item_text .text_01 .left_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.support_retro .item_wrap .item_text .text_01 .left_text .number img {
  width: 100%;
  max-width: 25px;
  margin-right: 5px;
}

.support_retro .item_wrap .item_text .text_01 .left_text .title {
  font-size: 20px;
  font-weight: 600;
  margin-right: 10px;
}

.support_retro .item_wrap .item_text .text_01 .text {
  color: #666666;
}

.support_retro .item_wrap .item_text .text_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

.support_retro .item_wrap .item_text .text_02 .left_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.support_retro .item_wrap .item_text .text_02 .left_text .number img {
  width: 100%;
  max-width: 25px;
  margin-right: 5px;
}

.support_retro .item_wrap .item_text .text_02 .left_text .title {
  font-size: 20px;
  font-weight: 600;
  margin-right: 10px;
}

.support_retro .item_wrap .item_text .text_02 .text {
  color: #666666;
}

@media (max-width: 1240px) {
  .support_retro .item_wrap .item .line_half {
    width: 50%;
  }

  .support_retro .item_wrap .item_text {
    display: block;
  }

  .support_retro .item_wrap .item_text .text_02 {
    margin-top: 20px;
  }
}

@media (max-width: 1000px) {
  .support_retro .item_wrap .item .key_title {
    font-size: 3rem;
    line-height: 4.4rem;
  }

  .support_retro .item_wrap .item .line_half {
    width: 35%;
  }
}

@media (max-width: 768px) {
  .support_retro .item_wrap .item .line_half {
    width: 30%;
  }

  .support_retro .item_wrap .item_text {
    display: block;
  }

  .support_retro .item_wrap .item_text .text_01 {
    display: block;
  }

  .support_retro .item_wrap .item_text .text_01 .left_text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
  }

  .support_retro .item_wrap .item_text .text_01 .left_text .number img {
    margin-right: 10px;
  }

  .support_retro .item_wrap .item_text .text_01 .left_text .title {
    margin-right: 0;
  }

  .support_retro .item_wrap .item_text .text_02 {
    display: block;
    margin-top: 40px;
  }

  .support_retro .item_wrap .item_text .text_02 .left_text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
  }

  .support_retro .item_wrap .item_text .text_02 .left_text .number img {
    margin-right: 10px;
  }

  .support_retro .item_wrap .item_text .text_02 .left_text .title {
    margin-right: 0;
  }
}

@media (max-width: 600px) {
  .support_retro .item_wrap .item .line_half {
    width: 20%;
  }
}

@media (max-width: 538px) {
  .support_retro .item_wrap .item .key_title {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }

  .support_retro .item_wrap .item .line_half {
    width: 5%;
  }

  .support_retro .item_wrap .bg_img {
    margin-top: 30px;
  }
}

@media (max-width: 400px) {
  .support_retro .item_wrap .item .line_half {
    width: 20%;
  }
}

.comp_pro_bg_inner_text {
  margin-top: 100px;
}

.comp_pro_bg_inner_text .item_wrap .image_area {
  position: relative;
}

.comp_pro_bg_inner_text .item_wrap .image_area .text_set {
  width: 100%;
  position: absolute;
  top: 0;
  margin-top: 60px;
}

.comp_pro_bg_inner_text .item_wrap .image_area .text_set .title {
  color: #ffffff;
  text-align: center;
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 5rem;
}

.comp_pro_bg_inner_text .item_wrap .image_area .text_set .text {
  margin-top: 25px;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
}

.comp_pro_bg_inner_text .item_wrap .image_area img {
  width: 100%;
}

.comp_pro_bg_inner_text .item_wrap .icon_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 75px;
  padding: 0 76px;
}

.comp_pro_bg_inner_text .item_wrap .icon_set .item img {
  width: 100%;
  max-width: 168px;
}

.comp_pro_bg_inner_text .item_wrap .icon_set .line {
  width: 1px;
  height: 180px;
  margin: 0 20px;
  background: #D6D6D6;
}

@media (max-width: 940px) {
  .comp_pro_bg_inner_text .item_wrap .image_area .text_set {
    position: initial;
  }

  .comp_pro_bg_inner_text .item_wrap .image_area .text_set .title {
    color: #000000;
  }

  .comp_pro_bg_inner_text .item_wrap .image_area .text_set .text {
    color: #000000;
  }

  .comp_pro_bg_inner_text .item_wrap .image_area img {
    margin-top: 50px;
  }
}

@media (max-width: 1024px) {
  .comp_pro_bg_inner_text .item_wrap .icon_set {
    padding: 0;
  }
}

@media (max-width: 768px) {
  .comp_pro_bg_inner_text .item_wrap .image_area .text_set .title {
    font-size: 3rem;
    line-height: 4rem;
  }

  .comp_pro_bg_inner_text .item_wrap .image_area .text_set .text {
    margin-top: 20px;
  }

  .comp_pro_bg_inner_text .item_wrap .image_area img {
    margin-top: 30px;
  }

  .comp_pro_bg_inner_text .item_wrap .icon_set {
    margin-top: 30px;
    padding: 0;
  }

  .comp_pro_bg_inner_text .item_wrap .icon_set .line {
    height: 90px;
    margin: 0 10px;
    background: #D6D6D6;
  }
}

@media (max-width: 500px) {
  .comp_pro_bg_inner_text .item_wrap .icon_set {
    margin-top: 25px;
    padding: 0;
  }

  .comp_pro_bg_inner_text .item_wrap .icon_set .line {
    display: none;
  }
}

.comp_new_half .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_new_half .item_wrap .item img {
  width: 100%;
  max-width: 600px;
}

.comp_new_half .item_wrap .item:first-child {
  margin-right: 20px;
}

.comp_new_half .item_wrap .item:last-child {
  margin-left: 20px;
}

.comp_new_half .item_wrap .item.temp1 {
  max-width: 500px;
}

.comp_new_half .info {
  text-align: center;
  font-size: 1.4rem;
  margin-top: 20px;
}

@media (max-width: 768px) {
  .comp_new_half .item_wrap {
    display: block;
  }

  .comp_new_half .item_wrap .item {
    margin: 0 auto;
    text-align: center;
  }

  .comp_new_half .item_wrap .item img {
    width: 100%;
    max-width: 600px;
  }

  .comp_new_half .item_wrap .item:first-child {
    margin-right: 0;
  }

  .comp_new_half .item_wrap .item:last-child {
    margin-left: 0;
  }

  .comp_new_half .item_wrap .item.temp1 {
    max-width: 540px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
  }
}

.comp_new_half2 .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_new_half2 .item_wrap .item img {
  width: 100%;
  max-width: 600px;
}

@media (max-width: 768px) {
  .comp_new_half2 .item_wrap {
    display: block;
  }

  .comp_new_half2 .item_wrap .item {
    margin: 0 auto;
    text-align: center;
  }

  .comp_new_half2 .item_wrap .item img {
    width: 100%;
    max-width: 600px;
  }

  .comp_new_half2 .item_wrap .item:last-child {
    margin-top: 20px;
  }
}

/*220627 수정사항때문에 추가  */
.comp_new_half2_1 .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.comp_new_half2_1 .item_wrap .w40per_pc {width:40%}
.comp_new_half2_1 .item_wrap .w50per_pc {width:50%}
.comp_new_half2_1 .item_wrap .w60per_pc {width:60%}
.comp_new_half2_1 .item_wrap .item img {
  width: 100%;
  max-width: 600px;
}

@media (max-width: 768px) {
  .comp_new_half2_1 .item_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
	
  .comp_new_half2_1 .item_wrap .item {
    margin: 0 auto;
    text-align: center;
  }

  .comp_new_half2_1 .item_wrap .item img {
    width: 100%;
    max-width: 600px;
  }
  
  .comp_new_half2_1 .item_wrap .w40per_pc {width:100%} 
  .comp_new_half2_1 .item_wrap .w50per_pc {width:100%} 
  .comp_new_half2_1 .item_wrap .w60per_pc {width:100%} 
  .comp_new_half2_1.f_d_column_w768 .item_wrap {flex-direction:column;}
}

.comp_new_half3 .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_new_half3 .item_wrap .item {
  width: 33.333%;
}

.comp_new_half3 .item_wrap .item img {
  width: 100%;
  max-width: 400px;
}

.comp_new_half3 .item_wrap_mo {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_new_half3 .item_wrap_mo .item {
  width: 100%;
}

.comp_new_half3 .item_wrap_mo .item img {
  width: 100%;
}

@media (max-width: 768px) {
  .comp_new_half3 .item_wrap {
    display: none;
  }

  .comp_new_half3 .item_wrap_mo {
    display: block;
  }
}

.comp_numbering_info {
  margin-top: 70px;
}

.comp_numbering_info .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comp_numbering_info .item_wrap .item_set {
  width: 50%;
}

.comp_numbering_info .item_wrap .item_set .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.comp_numbering_info .item_wrap .item_set .item .img_area img {
  width: 150px;
}

.comp_numbering_info .item_wrap .item_set .item .con_area {
  margin-top: 20px;
  margin-left: 20px;
}

.comp_numbering_info .item_wrap .item_set .item .con_area .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_numbering_info .item_wrap .item_set .item .con_area .title img {
  width: 30px;
  margin-right: 20px;
}

.comp_numbering_info .item_wrap .item_set .item .con_area .title span {
  font-size: 1.8rem;
  font-weight: 600;
}

.comp_numbering_info .item_wrap .item_set .item .con_area .text {
  margin-top: 20px;
}
.comp_numbering_info .item_wrap .item_set .item+.item {margin-top:50px;}
.comp_numbering_info .item_wrap .item_set .item:last-child {
  margin-top: 50px;
}

.comp_numbering_info .item_wrap .item_set:first-child {
  padding-right: 50px;
}

@media (max-width: 1024px) {
  .comp_numbering_info .item_wrap .item_set .item .img_area img {
    width: 120px;
  }

  .comp_numbering_info .item_wrap .item_set .item .con_area {
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .comp_numbering_info .item_wrap {
    display: block;
  }

  .comp_numbering_info .item_wrap .item_set {
    width: 100%;
  }

  .comp_numbering_info .item_wrap .item_set .item {
    margin-top: 40px;
  }
.comp_numbering_info .item_wrap .item_set .item+.item {margin-top:40px;}
  .comp_numbering_info .item_wrap .item_set .item:last-child {
    margin-top: 40px;
  }

  .comp_numbering_info .item_wrap .item_set:first-child {
    padding-right: initial;
  }
}

.comp_item_list .item_wrap .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 50px;
}

.comp_item_list .item_wrap .title img {
  width: 30px;
  margin-right: 20px;
}

.comp_item_list .item_wrap .title span {
  font-size: 1.8rem;
  font-weight: 600;
}

.comp_item_list .item_wrap .icon_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 25px;
}

.comp_item_list .item_wrap .icon_wrap .icon_set {
  width: 25%;
}

.comp_item_list .item_wrap .icon_wrap .icon_set .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 0;
}

.comp_item_list .item_wrap .icon_wrap .icon_set .item img {
  width: 40px;
  margin-right: 10px;
}

@media (max-width: 768px) {
  .comp_item_list .item_wrap .icon_wrap .icon_set {
    width: 50%;
  }
}

.comp_4_6_flex .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_4_6_flex .item_wrap .img_area {
  width: 40%;
}

.comp_4_6_flex .item_wrap .img_area img {
  width: 100%;
  max-width: 510px;
}

.comp_4_6_flex .item_wrap .con_area {
  width: 60%;
  padding-left: 80px;
}

.comp_4_6_flex .item_wrap .con_area .title {
  font-size: 3rem;
  line-height: 4rem;
  font-weight: 600;
}

.comp_4_6_flex .item_wrap .con_area .text {
  margin-top: 30px;
}

@media (max-width: 1024px) {
  .comp_4_6_flex .item_wrap .con_area {
    padding-left: 30px;
  }
}

@media (max-width: 768px) {
  .comp_4_6_flex .item_wrap {
    display: block;
  }

  .comp_4_6_flex .item_wrap .img_area {
    width: 100%;
    text-align: center;
  }

  .comp_4_6_flex .item_wrap .con_area {
    width: 100%;
    margin-top: 40px;
    padding-left: initial;
  }
}

.comp_guide_step_3 .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.comp_guide_step_3 .item_wrap .item img {
  width: 100%;
  max-width: 285px;
}

.comp_guide_step_3 .item_wrap .item .title {
  text-align: center;
  font-weight: 600;
  margin-top: 15px;
}

.comp_guide_step_3 .item_wrap .item .text {
  text-align: center;
}

.comp_guide_step_3 .item_wrap svg {
  margin: 0 20px;
  margin-top: 120px;
}

.comp_guide_step_3 .info_wrap {
  text-align: center;
  margin-top: 50px;
}

@media (max-width: 768px) {
  .comp_guide_step_3 .item_wrap {
    display: block;
  }

  .comp_guide_step_3 .item_wrap .item {
    text-align: center;
  }

  .comp_guide_step_3 .item_wrap .item:not(:first-child) {
    margin-top: 50px;
  }

  .comp_guide_step_3 .item_wrap svg {
    display: none;
  }
}

.comp_simple_img .item_wrap {
  text-align: center;
}

.comp_simple_img .item_wrap .title {
  font-size: 2.4rem;
  font-weight: 600;
  color: #585858;
}

.comp_simple_img .item_wrap img {
  width: 100%;
  max-width: 1087px;
}

.comp_simple_img .item_wrap:not(:first-child) {
  margin-top: 60px;
}

@media (max-width: 768px) {
  .comp_simple_img .item_wrap .title {
    font-size: 2rem;
  }
}

.comp_kc_mark {
  margin-top: 100px;
}

.comp_kc_mark .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 40px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}

.comp_kc_mark .item_wrap img {
  max-width: 92px;
}

.comp_kc_mark .item_wrap .con_area {
  padding-left: 30px;
}

.comp_kc_mark .item_wrap .con_area .title {
  font-size: 2rem;
  font-weight: 600;
}

.comp_kc_mark .item_wrap .con_area .text {
  margin-top: 15px;
}

.comp_kc_mark .item_wrap .con_area .text .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 3px;
}

.comp_kc_mark .item_wrap .con_area .text .item .item_title {
  font-weight: 300;
  color: #666666;
  width: 85px;
}

.comp_kc_mark .item_wrap .con_area .text .item .item_text {
  font-weight: 600;
}

.comp_kc_mark .item_wrap .con_area .info {
  margin-top: 10px;
  font-size: 1.4rem;
  color: #666666;
}

@media (max-width: 768px) {
  .comp_kc_mark .item_wrap {
    padding: 20px 20px;
  }
}

.comp_pro_branch_off {
  margin-top: 80px;
}

.comp_pro_branch_off .title_area {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 50px;
}

.comp_pro_branch_off .item_wrap {
  width: 100%;
}

.comp_pro_branch_off .item_wrap img {
  width: 100%;
}

.comp_pro_branch_off .item_wrap.only_mobile {
  display: none;
}

@media (max-width: 768px) {
  .comp_pro_branch_off {
    margin-top: 50px;
  }

  .comp_pro_branch_off .title_area {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 20px;
  }

  .comp_pro_branch_off .item_wrap.only_pc {
    display: none;
  }

  .comp_pro_branch_off .item_wrap.only_mobile {
    display: block;
  }
}

.contents_set_hmf01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.contents_set_hmf01 .con_area {
  width: 65%;
}

.contents_set_hmf01 .con_area .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 3rem;
  font-weight: 600;
  text-align: left;
  margin-bottom: 20px;
}

.contents_set_hmf01 .con_area .title img {
  max-width: 34px;
  margin-right: 10px;
}

.contents_set_hmf01 .con_area .contents {
  text-align: left;
  font-size: 1.6rem;
  font-weight: 300;
  color: #666666;
  line-height: 2.7rem;
}

.contents_set_hmf01 .img_area {
  margin-right: 25px;
}

.contents_set_hmf01 .img_area img {
  width: 100%;
  max-width: 133px;
}

@media (max-width: 768px) {
  .contents_set_hmf01 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .contents_set_hmf01 .con_area {
    width: initial;
  }

  .contents_set_hmf01 .con_area .title {
    font-size: 2.5rem;
  }

  .contents_set_hmf01 .con_area .title img {
    max-width: 28px;
    margin-right: 10px;
  }

  .contents_set_hmf01 .img_area {
    width: initial;
    padding-right: 20px;
  }

  .contents_set_hmf01 .img_area img {
    width: 100%;
    max-width: 70px;
  }
}

@media (max-width: 768px) {
  .sub_con_pc_only {
    display: none !important;
  }
}

.sub_con_mo_only {
  display: none !important;
}

@media (max-width: 768px) {
  .sub_con_mo_only {
    display: block !important;
  }
}

.comp_pro_wide_bg_object2 {
  margin-top: 150px;
}

.comp_pro_wide_bg_object2 .item_wrap {
  height: 411px;
  overflow: hidden;
}

.comp_pro_wide_bg_object2 .item_wrap .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.comp_pro_wide_bg_object2 .item_wrap .item .contents_area {
  width: 50%;
}

.comp_pro_wide_bg_object2 .item_wrap .item .contents_area .title {
  margin-top: 50px;
  font-size: 3rem;
  line-height: 3.8rem;
}

.comp_pro_wide_bg_object2 .item_wrap .item .contents_area .contents {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
}

.comp_pro_wide_bg_object2 .item_wrap .item .image_area {
  position: relative;
  width: 50%;
  height: 411px;
}

.comp_pro_wide_bg_object2 .item_wrap .item .image_area img {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 411px;
}

@media (max-width: 1024px) {
  .comp_pro_wide_bg_object2 {
    margin-top: 100px;
  }

  .comp_pro_wide_bg_object2 .item_wrap {
    height: 350px;
  }

  .comp_pro_wide_bg_object2 .item_wrap .item {
    height: 350px;
  }

  .comp_pro_wide_bg_object2 .item_wrap .item .image_area {
    height: 350px;
  }

  .comp_pro_wide_bg_object2 .item_wrap .item .image_area img {
    height: 350px;
  }
}

@media (max-width: 900px) {
  .comp_pro_wide_bg_object2 .item_wrap {
    height: 300px;
  }

  .comp_pro_wide_bg_object2 .item_wrap .item {
    height: 300px;
  }

  .comp_pro_wide_bg_object2 .item_wrap .item .image_area {
    height: 300px;
  }

  .comp_pro_wide_bg_object2 .item_wrap .item .image_area img {
    height: 300px;
  }
}

@media (max-width: 768px) {
  .comp_pro_wide_bg_object2 .item_wrap {
    height: inherit;
  }

  .comp_pro_wide_bg_object2 .item_wrap .item {
    display: block;
    height: inherit;
  }

  .comp_pro_wide_bg_object2 .item_wrap .item .contents_area {
    width: 100%;
    padding-top: 40px;
  }

  .comp_pro_wide_bg_object2 .item_wrap .item .contents_area .logo img {
    width: 70px;
  }

  .comp_pro_wide_bg_object2 .item_wrap .item .contents_area .title {
    margin-top: 40px;
  }

  .comp_pro_wide_bg_object2 .item_wrap .item .image_area {
    width: 100%;
    height: inherit;
  }

  .comp_pro_wide_bg_object2 .item_wrap .item .image_area img {
    position: inherit;
    width: 100%;
    height: inherit;
  }
}

.comp_hand_mixer_guide {
  margin-top: 80px;
}

.comp_hand_mixer_guide .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_hand_mixer_guide .item_wrap .item .main_img {
  width: 100%;
  max-width: 456px;
}

.comp_hand_mixer_guide .item_wrap .item .sub_img {
  width: 100%;
  max-width: 340px;
}

@media (max-width: 768px) {
  .comp_hand_mixer_guide .item_wrap {
    display: block;
    text-align: center;
  }

  .comp_hand_mixer_guide .item_wrap .mo_img {
    margin-top: 80px;
  }

  .comp_hand_mixer_guide .item_wrap .mo_img img {
    width: 100%;
    max-width: 450px;
  }
}

.comp_lifestyle_2x .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comp_lifestyle_2x .item_wrap .item {
  width: 50%;
}

.comp_lifestyle_2x .item_wrap .item img {
  width: 100%;
}

.comp_lifestyle_2x .item_wrap .item:first-child {
  padding-right: 10px;
}

.comp_lifestyle_2x .item_wrap .item:last-child {
  padding-left: 10px;
}

@media (max-width: 768px) {
  .comp_lifestyle_2x .item_wrap {
    display: block;
  }

  .comp_lifestyle_2x .item_wrap .item {
    width: 100%;
  }

  .comp_lifestyle_2x .item_wrap .item:first-child {
    padding-right: initial;
  }

  .comp_lifestyle_2x .item_wrap .item:last-child {
    padding-left: initial;
    margin-top: 30px;
  }
}

.comp_pro_information_2 {
  margin-top: 100px;
}

.comp_pro_information_2 .item_wrap {
  border-top: 1px dashed #cccccc;
  padding: 45px 0;
}

.comp_pro_information_2 .item_wrap .title {
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_information_2 .item_wrap .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

@media (max-width: 768px) {
  .comp_pro_information_2 .item_wrap .title {
    font-size: 2rem;
  }
}

.comp_pro_title_01 {
  margin-top: 70px;
  padding-bottom: 10px;
}

.comp_pro_title_01 .item_wrap .item {
  padding: 60px 0px 35px;
  background-size: cover;
  text-align: center;
}

.comp_pro_title_01 .item_wrap .item .sub_title_top {
  font-size: 4rem;
  font-weight: 600;
  line-height: 4.6rem;
}

.comp_pro_title_01 .item_wrap .item .title {
  margin-top: 10px;
  font-size: 6rem;
  font-weight: 600;
}

.comp_pro_title_01 .item_wrap .item .text {
  max-width: 700px;
  margin: 30px auto 0;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
}

.comp_pro_title_01 .item_wrap .item .sub_title_bottom {
  margin-top: 186px;
  font-size: 4rem;
  font-weight: 600;
  line-height: 4.6rem;
}

@media (max-width: 768px) {
  .comp_pro_title_01 .item_wrap {
    margin-top: 50px;
    padding-bottom: 10px;
  }

  .comp_pro_title_01 .item_wrap .item {
    padding: 0px 0px;
  }

  .comp_pro_title_01 .item_wrap .item .sub_title_top {
    font-size: 2rem;
    line-height: 2.8rem;
  }

  .comp_pro_title_01 .item_wrap .item .title {
    margin-top: 10px;
    font-size: 3rem;
  }

  .comp_pro_title_01 .item_wrap .item .text {
    margin: 20px auto 0;
  }

  .comp_pro_title_01 .item_wrap .item .sub_title_bottom {
    margin-top: 50px;
    font-size: 2rem;
    line-height: 2.8rem;
  }
}

.comp_pro_title_02 {
  margin-top: 70px;
  padding-bottom: 10px;
}

.comp_pro_title_02 .item_wrap .item {
  padding: 60px 0px 35px;
  background-size: cover;
  text-align: center;
}

.comp_pro_title_02 .item_wrap .item .sub_title_top {
  font-size: 4rem;
  font-weight: 600;
  line-height: 4.6rem;
}

.comp_pro_title_02 .item_wrap .item .title {
  margin-top: 10px;
  font-size: 4.5rem;
  font-weight: 600;
}

.comp_pro_title_02 .item_wrap .item .text {
  max-width: 1000px;
  margin: 30px auto 0;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_title_02 .item_wrap .item .sub_title_bottom {
  margin-top: 186px;
  font-size: 4rem;
  font-weight: 600;
  line-height: 4.6rem;
}

@media (max-width: 768px) {
  .comp_pro_title_02 .item_wrap {
    margin-top: 50px;
    padding-bottom: 10px;
  }

  .comp_pro_title_02 .item_wrap .item {
    padding: 0px 0px;
  }

  .comp_pro_title_02 .item_wrap .item .sub_title_top {
    font-size: 2rem;
    line-height: 2.8rem;
  }

  .comp_pro_title_02 .item_wrap .item .title {
    margin-top: 10px;
    font-size: 3rem;
  }

  .comp_pro_title_02 .item_wrap .item .text {
    margin: 20px auto 0;
  }

  .comp_pro_title_02 .item_wrap .item .sub_title_bottom {
    margin-top: 50px;
    font-size: 1.6rem;
    line-height: 2.7rem;
  }
  .comp_pro_title_02 .item_wrap .item .text {font-size:1.6rem;}
}

.comp_pro_information_3 {
  margin-top: 100px;
}

.comp_pro_information_3 .item_wrap {
  padding: 45px 0;
}

.comp_pro_information_3 .item_wrap .title {
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_information_3 .item_wrap .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

@media (max-width: 768px) {
  .comp_pro_information_3 .item_wrap .title {
    font-size: 2rem;
  }
}

.smegazine_01 .item_wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.smegazine_01 .item_wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 100px;
}

.smegazine_01 .item_wrap .item .key_title {
  width: 100%;
  font-size: 3rem;
  font-weight: 600;
  text-align: left;
  line-height: 4.5rem;
}

.smegazine_01 .item_wrap .item .key_title .title {
  margin-top: 0px;
  font-size: 2rem;
  font-weight: 600;
}

.smegazine_01 .item_wrap .item .line_half {
  width: 70%;
  border-top: 1px solid #000000;
}

.smegazine_01 .item_wrap .bg_img {
  width: 100%;
  margin-top: 30px;
}

.smegazine_01 .item_wrap .bg_img img {
  width: 100%;
}

.smegazine_01 .item_wrap .main_title {
  margin-top: 20px;
  font-size: 3rem;
  font-weight: 600;
}

.smegazine_01 .item_wrap .title {
  margin-top: 20px;
  font-size: 2rem;
  font-weight: 600;
}

.smegazine_01 .item_wrap .main_text {
  margin-top: 20px;
  margin-bottom: 50px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.7rem;
  text-align: center;
  color: #000000;
}

.smegazine_01 .item_wrap .text {
  margin-top: 20px;
  margin-bottom: 50px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.smegazine_01 .item_wrap .info {
  margin-top: 20px;
  font-size: 1.4rem;
  text-align: center;
}

@media (max-width: 768px) {
  .smegazine_01 .item_wrap .item .line_half {
    width: 30%;
  }

  .smegazine_01 .item_wrap .title {
    font-size: 2rem;
  }

  .smegazine_01 .item_wrap .info {
    margin-top: 10px;
  }
}

.smegazine_swiper .item_wrap .item {
  position: relative;
  width: 100%;
  margin-top: 30px;
}

.smegazine_swiper .item_wrap .item .pro_swiper_single {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.smegazine_swiper.full_height .item_wrap .item .pro_swiper_single {
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 2 / 3;
  overflow: hidden;
}

.smegazine_swiper .item_wrap .item .pro_swiper_single .swiper-wrapper {
  height: auto;
}

.smegazine_swiper .item_wrap .item .pro_swiper_single .swiper-wrapper .swiper-slide {
  position: relative;
  height: 0;
  padding-bottom: 65.66%;
  overflow: hidden;
}

.smegazine_swiper.full_height .item_wrap .item .pro_swiper_single .swiper-wrapper .swiper-slide {
  aspect-ratio: 2 / 3;
  position: relative;
  height: 100%;
  padding-bottom: 65.66%;
  overflow: hidden;
}

.smegazine_swiper .item_wrap .item .pro_swiper_single .swiper-wrapper .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.smegazine_swiper.full_height .item_wrap .item .pro_swiper_single .swiper-wrapper .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
   aspect-ratio: 2 / 3;
}

.smegazine_swiper .item_wrap .item .swiper_prev {
  position: absolute;
  top: 50%;
  left: -68px;
  margin-top: -34px;
  cursor: pointer;
  z-index: 1;
}

.smegazine_swiper .item_wrap .item .swiper_prev:focus {
  outline: none;
}

.smegazine_swiper .item_wrap .item .swiper_next {
  position: absolute;
  top: 50%;
  right: -68px;
  margin-top: -34px;
  cursor: pointer;
  z-index: 1;
}

.smegazine_swiper .item_wrap .item .swiper_next:focus {
  outline: none;
}

.comp_pro_cross_leftright.closer {margin-top:60px;}
.container_full.closer {margin:60px 0 0; padding-bottom:30px;}

@media (max-width: 1350px) {
  .smegazine_swiper .item_wrap .item .swiper_prev {
    left: 0;
  }

  .smegazine_swiper .item_wrap .item .swiper_next {
    right: 0;
  }
}

@media (max-width: 768px) {
  .smegazine_swiper .item_wrap .item .swiper_prev {
    margin-top: -22px;
  }

  .smegazine_swiper .item_wrap .item .swiper_prev img {
    width: 44px;
  }

  .smegazine_swiper .item_wrap .item .swiper_next {
    margin-top: -22px;
  }

  .smegazine_swiper .item_wrap .item .swiper_next img {
    width: 44px;
  }
}

.comp_pro_smegazine_tip {
  margin-top: 0px;
  margin-bottom: 80px;
  background-color: #F6F6F6;
}

.comp_pro_smegazine_tip .item_wrap {
  padding: 30px 0;
}

.comp_pro_smegazine_tip .item_wrap .title {
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_smegazine_tip .item_wrap .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_smegazine_tip .item_wrap .info {
  margin-top: 40px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

@media (max-width: 768px) {
  .comp_pro_smegazine_tip .item_wrap .title {
    font-size: 2rem;
  }
}

.comp_pro_title_03 {
  margin-top: 70px;
  padding-bottom: 10px;
}

.comp_pro_title_03 .item_wrap .item {
  padding: 20px 0px;
  background-size: cover;
  text-align: left;
}

.comp_pro_title_03 .item_wrap .item .sub_title_top {
  font-size: 2rem;
  font-weight: 600;
  line-height: 4.6rem;
}

.comp_pro_title_03 .item_wrap .item .title {
  margin-top: 10px;
  font-size: 3rem;
  font-weight: 600;
}

.comp_pro_title_03 .item_wrap .item .text {
  max-width: 1000px;
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_title_03 .item_wrap .item .sub_title_bottom {
  margin-top: 186px;
  font-size: 4rem;
  font-weight: 600;
  line-height: 4.6rem;
}

@media (max-width: 768px) {
  .comp_pro_title_03 .item_wrap {
    margin-top: 50px;
    padding-bottom: 10px;
  }

  .comp_pro_title_03 .item_wrap .item {
    padding: 0px 0px;
  }

  .comp_pro_title_03 .item_wrap .item .sub_title_top {
    font-size: 2rem;
    line-height: 2.8rem;
  }

  .comp_pro_title_03 .item_wrap .item .title {
    margin-top: 10px;
    font-size: 3rem;
  }

  .comp_pro_title_03 .item_wrap .item .text {
    margin: 20px auto 0;
  }

  .comp_pro_title_03 .item_wrap .item .sub_title_bottom {
    margin-top: 50px;
    font-size: 1.6rem;
    line-height: 2.7rem;
  }
}

.comp_title_area_02 {
  margin-top: 150px;
  padding-bottom: 60px;
}

.comp_title_area_02 .comp_title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 6rem;
  color: #000000;
  text-align: center;
}

.comp_title_area_02 .comp_sub_title {
  font-size: 30px;
  text-align: center;
  margin-top: 30px;
  font-weight: 600;
}

.comp_title_area_02 .comp_point_description {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 50px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 3rem;
  text-align: center;
  color: #000000;
}

.comp_title_area_02 .comp_description {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 50px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.7rem;
  text-align: center;
  color: #000000;
}

.comp_title_area_02 .comp_description .info {
  margin-top: 25px;
  color: #666666;
}

@media (max-width: 768px) {
  .comp_title_area_02 {
    margin-top: 80px;
    padding-bottom: 40px;
  }

  .comp_title_area_02 .comp_title {
    margin-top: 40px;
    font-size: 3rem;
    line-height: 4.5rem;
  }

  .comp_title_area_02 .comp_sub_title {
    font-size: 20px;
  }

  .comp_title_area_02 .comp_description {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }
}

.comp_numbering_info_02 {
  margin-top: 70px;
}

.comp_numbering_info_02 .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comp_numbering_info_02 .item_wrap .item_set {
  width: 50%;
}

.comp_numbering_info_02 .item_wrap .item_set .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.comp_numbering_info_02 .item_wrap .item_set .item .img_area img {
  width: 150px;
}

.comp_numbering_info_02 .item_wrap .item_set .item .con_area {
  margin-top: 20px;
  margin-left: 20px;
}

.comp_numbering_info_02 .item_wrap .item_set .item .con_area .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comp_numbering_info_02 .item_wrap .item_set .item .con_area .title img {
  width: 30px;
  margin-right: 10px;
}

.comp_numbering_info_02 .item_wrap .item_set .item .con_area .title span {
  font-size: 1.8rem;
  font-weight: 600;
}

.comp_numbering_info_02 .item_wrap .item_set .item .con_area .text {
  margin-top: 20px;
}

.comp_numbering_info_02 .item_wrap .item_set .item:last-child {
  margin-top: 50px;
}

.comp_numbering_info_02 .item_wrap .item_set .item:nth-child(2) {
  margin-top: 50px;
}

.comp_numbering_info_02 .item_wrap .item_set:first-child {
  padding-right: 30px;
}

@media (max-width: 1024px) {
  .comp_numbering_info_02 .item_wrap .item_set .item .img_area img {
    width: 120px;
  }

  .comp_numbering_info_02 .item_wrap .item_set .item .con_area {
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .comp_numbering_info_02 .item_wrap {
    display: block;
  }

  .comp_numbering_info_02 .item_wrap .item_set {
    width: 100%;
  }

  .comp_numbering_info_02 .item_wrap .item_set .item {
    margin-top: 40px;
  }

  .comp_numbering_info_02 .item_wrap .item_set .item:last-child {
    margin-top: 40px;
  }

  .comp_numbering_info_02 .item_wrap .item_set:first-child {
    padding-right: initial;
  }
}

.comp_pro_checkerboard_x4_02 {
  margin-top: 100px;
  padding: 75px 0;
}

.comp_pro_checkerboard_x4_02 .section_title_area .section_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 5.3rem;
  color: #000000;
  text-align: center;
}

@media (max-width: 768px) {
  .comp_pro_checkerboard_x4_02 .section_title_area .section_title {
    font-size: 3rem;
    line-height: 4rem;
  }
}

.comp_pro_checkerboard_x4_02 .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item {
  min-height: 400px;
  background-color: #ffffff;
  border-radius: 8px;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item .item_inner {
  width: 373px;
  height: 100%;
  padding: 50px 30px 40px 30px;
  text-align: center;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item .item_inner .contents .title {
  margin-top: 30px;
  font-size: 2.4rem;
  line-height: 4rem;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item .item_inner .contents .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.full .arrow_right {
  margin-top: 160px;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.full .arrow_right img {
  width: 40px;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.full .arrow_bottom {
  display: none;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.full .arrow_bottom img {
  width: 40px;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
  border: 1px solid #DBDBDB;
  width: calc((100% - 40px) / 2);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half .half_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half .half_inner .image_area {
  width: 172px;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half .half_inner .image_area img {
  width: 172px;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half .half_inner .contents_area {
  text-align: center;
  /*220627 수정 */
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half .half_inner .contents_area .icon {
  padding: 20px 0;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half .half_inner .contents_area .icon img {
  width: 100%;
  max-width: 60px;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half .half_inner .contents_area .title {
  font-size: 2.4rem;
}

.comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half .half_inner .contents_area .text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

@media (max-width: 1024px) {
  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item .item_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 30px 30px 40px 30px;
    text-align: center;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item .item_inner .contents .title {
    margin-top: 10px;
    padding-left: 20px;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item .item_inner .contents .text {
    margin-top: 15px;
    padding-left: 20px;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.full {
    display: block;
    width: 100%;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.full .arrow_right {
    display: none;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.full .arrow_bottom {
    display: block;
    width: 40ox;
    text-align: center;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
    padding: 35px;
    width: 100%;
    height: auto;
    min-height: auto;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half .half_inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half .half_inner .image_area {
    width: 120px;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half .half_inner .image_area img {
    width: 120px;
  }
}

@media (max-width: 500px) {
  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item .item_inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 30px 40px 30px;
    text-align: center;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item .item_inner img {
    margin: 0 auto;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item .item_inner .contents .title {
    margin-top: 10px;
    padding-left: 0;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item .item_inner .contents .text {
    margin-top: 15px;
    padding-left: 0;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.full .arrow_bottom img {
    width: 40px;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
    padding: 35px;
    width: 100%;
    height: auto;
    min-height: auto;
    margin: 12px;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half .half_inner {
    display: block;
    text-align: center;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half .half_inner .image_area {
    width: 100%;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half .half_inner .image_area img {
    width: 172px;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half .half_inner .contents_area {
    padding-left: 0;
  }

  .comp_pro_checkerboard_x4_02 .item_wrap .item_set .item.half .half_inner .contents_area .title {
    margin-top: 20px;
  }
}

.comp_pro_swiper_multi_a_ratio_02 {
  padding-bottom: 150px;
  overflow: hidden;
}

.comp_pro_swiper_multi_a_ratio_02 .item_wrap .item {
  position: relative;
  width: 100%;
}

.comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .pro_swiper_multi_a_ratio_02 {
  position: relative;
  width: 100%;
}

.comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .pro_swiper_multi_a_ratio_02 .swiper-wrapper {
  height: auto;
}

.comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .pro_swiper_multi_a_ratio_02 .swiper-wrapper .swiper-slide {
  position: relative;
  width: 30%;
  height: 0;
  padding-bottom: 36.72%;
}

.comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .pro_swiper_multi_a_ratio_02 .swiper-wrapper .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .pro_swiper_multi_a_ratio_02 .swiper-wrapper .swiper-slide .pro_title_area {
  position: absolute;
  top: 100%;
}

.comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .pro_swiper_multi_a_ratio_02 .swiper-wrapper .swiper-slide .pro_title_area .pro_title {
  margin-top: 20px;
  font-size: 2rem;
  line-height: 3rem;
  color: #000000;
}

.comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .pro_swiper_multi_a_ratio_02 .swiper-wrapper .swiper-slide .pro_title_area a {
  width: 100px;
  height: 35px;
  margin-top: 10px;
  margin-left: 0;
}

@media (max-width: 1024px) {
  .comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .pro_swiper_multi_a_ratio_02 .swiper-wrapper .swiper-slide .pro_title_area .pro_title {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }

  .comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .pro_swiper_multi_a_ratio_02 .swiper-wrapper .swiper-slide .pro_title_area a {
    width: 80px;
    height: 30px;
  }
}

.comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .swiper_multi_a_ratio_02_prev {
  position: absolute;
  top: 50%;
  left: -68px;
  margin-top: -34px;
  cursor: pointer;
  z-index: 1;
}

.comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .swiper_multi_a_ratio_02_prev:focus {
  outline: none;
}

.comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .swiper_multi_a_ratio_02_next {
  position: absolute;
  top: 50%;
  right: -68px;
  margin-top: -34px;
  cursor: pointer;
  z-index: 1;
}

.comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .swiper_multi_a_ratio_02_next:focus {
  outline: none;
}

@media (max-width: 1350px) {
  .comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .swiper_multi_a_ratio_02_prev {
    left: 0;
  }

  .comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .swiper_multi_a_ratio_02_next {
    right: 0;
  }
}

@media (max-width: 768px) {
  .comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .swiper_multi_a_ratio_02_prev {
    margin-top: -22px;
  }

  .comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .swiper_multi_a_ratio_02_prev img {
    width: 44px;
  }

  .comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .swiper_multi_a_ratio_02_next {
    margin-top: -22px;
  }

  .comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .swiper_multi_a_ratio_02_next img {
    width: 44px;
  }

  .comp_pro_swiper_multi_a_ratio_02 .item_wrap .item .pro_swiper_multi_a_ratio_02 .swiper-wrapper .swiper-slide {
    width: 50%;
    padding-bottom: 61.21%;
  }
}

.comp_pro_default_image_01 .item_wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.comp_pro_default_image_01 .item_wrap .item img {
  width: 100%;
}

.comp_pro_default_image_01 .info {
  margin-top: 40px;
  font-size: 1.4rem;
  text-align: center;
}

@media (max-width: 768px) {
  .comp_pro_default_image_01 .info {
    margin-top: 20px;
  }
}

.comp_pro_bg_inner_4x_new_02 {
  margin-top: 0px;
  overflow: hidden;
}

.comp_pro_bg_inner_4x_new_02 .item_wrap {
  position: relative;
}

.comp_pro_bg_inner_4x_new_02 .item_wrap .image_area {
  width: 100%;
  max-width: 1200px;
  height: 600px;
  background-size: cover;
}

.comp_pro_bg_inner_4x_new_02 .item_wrap .title {
  position: absolute;
  top: 100px;
  right: 15%;
  margin-left: -145px;
  font-size: 4.6rem;
  line-height: 5.6rem;
  font-weight: 600;
  color: #ffffff;
  text-align: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.comp_pro_bg_inner_4x_new_02 .item_wrap .title span {
  font-size: 3rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.3);
}

.comp_pro_bg_inner_4x_new_02 .item_wrap .title .info {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.3rem;
  margin-top: 10px;
}

.comp_pro_bg_inner_4x_new_02 .item_wrap .sub_title {
  font-size: 1.6rem;
  color: #ffffff;
}

.comp_pro_bg_inner_4x_new_02 .item_wrap .text_area {
  right: 120px;
  bottom: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.comp_pro_bg_inner_4x_new_02 .item_wrap .text_area .text_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
}

.comp_pro_bg_inner_4x_new_02 .item_wrap .text_area .text_wrap .text_set {
  width: 50%;
  padding: 20px 20px;
  margin-top: 30px;
  background-color: rgba(255, 255, 255, 0.8);
}

.comp_pro_bg_inner_4x_new_02 .item_wrap .text_area .text_wrap .text_set .icon img {
  width: 80px;
}

.comp_pro_bg_inner_4x_new_02 .item_wrap .text_area .text_wrap .text_set .text_title {
  margin-top: 15px;
  font-size: 2rem;
  font-weight: 600;
}

.comp_pro_bg_inner_4x_new_02 .item_wrap .text_area .text_wrap .text_set .text_description {
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #666666;
}

.comp_pro_bg_inner_4x_new_02 .item_wrap .text_area .text_wrap:first-child .text_set {
  border-right: 1px dashed #cccccc;
}

.comp_pro_bg_inner_4x_new_02 .item_wrap .text_area .text_wrap:last-child .text_set:not(:last-child) {
  border-right: 1px dashed #cccccc;
}
.smeg_service_3x .item_wrap .icon_wrap .text_wrap a {color:#000;}
.smeg_service_3x .item_wrap .icon_wrap .text_wrap a:hover {color:#f00;}
@media (max-width: 768px) {
  .comp_pro_bg_inner_4x_new_02 .item_wrap .image_area {
    height: 300px;
  }

  .comp_pro_bg_inner_4x_new_02 .item_wrap .title {
    top: 0px;
    right: initial;
    left: 50%;
    width: 200px;
    margin-right: initial;
    margin-left: -100px;
    font-size: 2.4rem;
    line-height: 3.5rem;
    text-align: center;
  }

  .comp_pro_bg_inner_4x_new_02 .item_wrap .title span {
    font-size: 4rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.3);
  }

  .comp_pro_bg_inner_4x_new_02 .item_wrap .text_area {
    display: block;
    width: 100%;
  }

  .comp_pro_bg_inner_4x_new_02 .item_wrap .text_area .text_wrap {
    width: 100%;
  }

  .comp_pro_bg_inner_4x_new_02 .item_wrap .text_area .text_wrap .text_set {
    width: 50%;
    height: auto;
    padding: 15px;
  }

  .comp_pro_bg_inner_4x_new_02 .item_wrap .text_area .text_wrap .text_set .icon img {
    width: 60px;
  }

  .comp_pro_bg_inner_4x_new_02 .item_wrap .text_area .text_wrap .text_set .text_title {
    font-size: 1.8rem;
  }

  .comp_pro_bg_inner_4x_new_02 .item_wrap .text_area .text_wrap .text_set .text_description {
    font-size: 1.5rem;
    line-height: 2.2rem;
  }

  .comp_pro_bg_inner_4x_new_02 .item_wrap .text_area .text_wrap:first-child .text_set:last-child {
    border-right: initial;
  }

  .comp_pro_bg_inner_4x_new_02 .item_wrap .text_area .text_wrap:last-child {
    border-top: 1px dashed #cccccc;
  }

  .comp_pro_bg_inner_4x_new_02 .item_wrap .text_area .text_wrap:last-child .text_set {
    margin-top: initial;
  }
}

.comp_detail_4x {
  margin-top: 100px;
}

.comp_detail_4x .item_wrap .title {
  font-size: 3rem;
  text-align: center;
  font-weight: 600;
  margin-bottom: 60px;
}

.comp_detail_4x .item_wrap .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 150px;
}

.comp_detail_4x .item_wrap .item_wrap .item_area {
  margin-right: 10px;
}

.comp_detail_4x .item_wrap .item_wrap .item_area .image {
  margin-bottom: 20px;
}

.comp_detail_4x .item_wrap .item_wrap .item_area .image img {
  width: 100%;
  max-width: 1000px;
}

.comp_detail_4x .item_wrap .item_wrap .item_area .text_wrap .sub_title {
  font-size: 2.2rem;
  margin-bottom: 10px;
  font-weight: 600;
}

.comp_detail_4x .item_wrap .item_wrap .item_area .text_wrap .text {
  color: #666666;
}

.comp_detail_4x .item_wrap .item_wrap .item_area:last-child {
  margin-right: 0;
}

@media (max-width: 768px) {
  .comp_detail_4x .item_wrap .item_wrap {
    display: block;
    margin-bottom: 100px;
    text-align: left;
  }

  .comp_detail_4x .item_wrap .item_wrap .item_area {
    width: 100%;
    height: auto;
    padding: 15px;
  }

  .comp_detail_4x .item_wrap .item_wrap .item_area .image {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }

  .comp_detail_4x .item_wrap .item_wrap .item_area .image img {
    max-width: 800px;
  }

  .comp_detail_4x .item_wrap .item_wrap .item_area .text_wrap {
    width: 100%;
  }

  .comp_detail_4x .item_wrap .item_wrap .item_area .text_wrap .sub_title {
    font-size: 2rem;
    margin-bottom: 0px;
  }

  .comp_detail_4x .item_wrap .item_wrap .item_area:last-child {
    margin-right: 0;
  }
}
.comp_title_area.store {text-align:center;}
.comp_title_area.store .link {margin:30px 0 0; padding:0 60px; line-height:60px; border:1px solid #ccc; display:inline-block; color:#000; transition:all .3s;}
.comp_title_area.store .link:hover {background:#f1f1f1;}
.comp_store {margin-top:20px;}
/* .comp_store .store_link .link {margin-bottom:20px; color:#fff; font-size:36px; display:flex; align-items:center; justify-content:center; height:400px; background:url(/images/product_detail/SO6102/store_location_bg.png) center /cover no-repeat; font-weight:700;} */
.comp_store .store_link ul {display:flex; gap:15px; flex-wrap:wrap;}
.comp_store .store_link ul li {width:calc((100% - 30px)/3); font-size:21px;}
.comp_store .store_link p {margin-top:20px; color:#0070c0;}
@media (max-width: 768px) {
	.comp_title_area.store .link {margin:20px 0 0; padding:0 40px; line-height:50px;}
	.comp_store .store_link .link {height:300px; font-size:27px;}
	.comp_store .store_link ul {display:block;}
	.comp_store .store_link ul li {width:100%; font-size:18px;}
	.comp_store .store_link ul li+li {margin-top:10px; }
	.comp_store .store_link p {}
	.comp_pro_cross_leftright .item .contents_area {margin-top:60px;}
	.comp_pro_cross_leftright .item .contents_area:nth-of-type(1) {margin-top:0;}
	
}

@media (max-width: 500px) {
	.comp_store .store_link ul li {width:100%; font-size:18px;}
	.container_full.closer {margin-top:0;}
	.container_full.closer .item .contents_area {margin-top:40px;}
	.container_full.closer {padding-bottom:0;}	
	.comp_pro_cross_leftright .item .contents_area.closer {margin-top:0;} 
}

/********* 테라로사 콜라보 원두 ***********/

.terarosa .comp_pro_youtube {margin-top:100px;}
.comp_pro_youtube.terarosa .item_wrap .item {padding-top:0;} 
.terarosa .comp_pro_youtube .item_wrap .item { padding-top: 0; }
.comp_pro_coffee_top_visual.terarosa {align-items:flex-start;}
.comp_pro_coffee_top_visual.terarosa .obj {width:55%; padding-top:16vh;}
.comp_pro_coffee_top_visual .obj img {width:100%;}
.terarosa .comp_pro_cross_leftright .item .image_area {justify-content: center;}
.comp_pro_cross_leftright .item .image_area img.small {max-width:500px;}
.terarosa .comp_pro_image_and_icon_table .section_title_area .section_title {display:block; line-height:6.3rem;}
.comp_pro_image_and_icon_table.terarosa .section_title_area .section_title > span {margin-left:20px;}
.comp_pro_image_and_icon_table.terarosa .section_title_area .section_title span .x {display:inline-block; font-size:3.5rem; margin:0 10px; transform:translateY(-3px); }
.comp_pro_image_and_icon_table.terarosa .section_title_area .section_sub_title {font-size:2rem; line-height:3.5rem; margin-top:60px;}
.terarosa .container_fixed .image_area {text-align:center;}
.terarosa .container_full.comp_pro_spec_list {margin-top:80px}

@media (max-width: 1024px) { 
.terarosa .comp_pro_youtube {margin-top:80px;}
.comp_pro_image_and_icon_table.terarosa .section_title_area .section_title {line-height:5rem;}
.comp_pro_image_and_icon_table.terarosa .section_title_area .section_title > span {display:block;}
.comp_pro_coffee_top_visual.terarosa .obj { width: 55%; padding-top: 10vh;}
.comp_pro_image_and_icon_table.terarosa {margin-top:80px;}
.comp_pro_image_and_icon_table.terarosa .section_title_area .section_title {font-size:3.5rem;}
.comp_pro_image_and_icon_table.terarosa .section_title_area .section_sub_title {margin-top:30px;}
.comp_pro_image_and_icon_table.terarosa .section_title_area .section_title > span {margin-left:0px;} 
.comp_pro_image_and_icon_table.terarosa .section_title_area .section_title span .x {display:inline-block; font-size:2.5rem; margin:0 7px; transform:translateY(-3px); }
.comp_pro_image_and_icon_table.terarosa .section_title_area .section_sub_title {font-size:1.8rem; line-height:3rem;}
.terarosa .container_fixed .image_area img {width:100%;}
.terarosa .comp_pro_coffee_center_visual {margin-top:80px;}
.terarosa .comp_pro_coffee_prop {margin-top:80px;}
.comp_pro_cross_leftright .item .image_area img.small {}
}

@media (max-width: 768px) { 
.terarosa .comp_pro_youtube {margin-top:60px;}
.comp_pro_coffee_top_visual.terarosa .obj { width: 80%; padding-top: 14vh;}
.comp_pro_image_and_icon_table.terarosa .section_title_area .section_title {font-size:2.5rem;}

.comp_pro_image_and_icon_table.terarosa .section_title_area .section_title span .x {display:inline-block; font-size:1.5rem; margin:0 5px; transform:translateY(-2px); }
.comp_pro_image_and_icon_table.terarosa .section_title_area .section_sub_title {font-size:1.6rem; line-height:2.6rem; margin-top:20px;}

.comp_pro_image_and_icon_table.terarosa .section_title_area .section_title {line-height:4rem;}
.comp_pro_image_and_icon_table.terarosa {margin-top:60px;}
.terarosa .comp_pro_coffee_center_visual {margin-top:80px;}
.terarosa .comp_pro_cross_leftright .item .contents_area {margin-top:40px;}
.terarosa .comp_pro_cross_leftright {margin-top:80px;}
.terarosa .container_full.comp_pro_spec_list {margin-top:60px;}
}

@media (max-width: 500px) { 
.terarosa .container_full.comp_pro_spec_list {margin-top:40px;}
} 

.comp_pro_banner_type_01.dish_wash_banner2024 .item_wrap .text_area .title {font-size:2rem; }
.comp_pro_banner_type_01.dish_wash_banner2024 .item_wrap .text_area .title .subtitle {font-size:3rem;}
.comp_pro_banner_type_01.dish_wash_banner2024 .item_wrap .image_area img {max-width:150px;}

@media (max-width: 768px) {  
.comp_pro_banner_type_01.dish_wash_banner2024 .item_wrap .text_area .title {font-size:1.6rem; }
.comp_pro_banner_type_01.dish_wash_banner2024 .item_wrap .text_area .title .subtitle {display:block; font-size:2rem; margin-top:5px;}
.comp_pro_banner_type_01.dish_wash_banner2024 .item_wrap .image_area img {max-width:110px;}
}

.comp_pro_banner_type_01.sweet_event_2024 .item_wrap .image_area img {max-width:200px;}
.comp_pro_banner_type_01.sweet_event_2024 .item_wrap .text_area .title {font-size:3.7rem; } 
.comp_pro_banner_type_01.sweet_event_2024 .item_wrap .text_area .title .square {display:block; background:#ff6463; color:#fff; font-size:1.8rem; text-align:center; font-weight:500; padding:5px 8px;}
.comp_pro_banner_type_01.sweet_event_2024 .item_wrap .text_area .title .square .yellow {color:#ffefa3;}
.comp_pro_banner_type_01.sweet_event_2024 .item_wrap .text_area .title p {margin-top:5px;color:#4a4a4a; font-weight:800; text-shadow: 3px 0 #fff, 0 3px #fff, -3px 0 #fff, 0 -3px #fff;}
.comp_pro_banner_type_01.sweet_event_2024 .item_wrap .text_area .title p span {display:inline-block; color:#ff6463; margin-right:5px;}
.oven_detail .comp_pro_branch_off {margin-top:0px;} 
@media (max-width: 768px) {  
.comp_pro_banner_type_01.sweet_event_2024 .item_wrap .text_area .title .square {font-size:1.5rem; }
.comp_pro_banner_type_01.sweet_event_2024 .item_wrap .text_area .title {font-size:2.5rem;}
.comp_pro_banner_type_01.sweet_event_2024 .item_wrap .text_area .title p {margin-top:5px;color:#4a4a4a; font-weight:800; text-shadow: 2px 0 #fff, 0 2px #fff, -2px 0 #fff, 0 -2px #fff;}
.comp_pro_banner_type_01.sweet_event_2024 .item_wrap .image_area img {max-width:160px;}
}
@media (max-width: 500px) { 
.comp_pro_banner_type_01.sweet_event_2024 .item_wrap .text_area .title .square {font-size:1.3rem; }
.comp_pro_banner_type_01.sweet_event_2024 .item_wrap .text_area .title {font-size:2.2rem;}
.comp_pro_banner_type_01.sweet_event_2024 .item_wrap .image_area img {max-width:120px;}
}


/* 클래식 오븐 */

.oven_detail .comp_pro_top_lineup {margin-top:30px;}
.oven_detail .smeg_service_3x.grid_num4 {}
.oven_detail .smeg_service_3x.grid_num4 .item_wrap .icon_wrap {display:grid; grid-template-columns:repeat(4,1fr); row-gap:20px; }
.oven_detail .smeg_service_3x.grid_num5 .item_wrap .icon_wrap {display:grid; grid-template-columns:repeat(5,1fr); row-gap:20px;}
.oven_detail .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon {margin-bottom:20px;}
.oven_detail .smeg_service_3x .item_wrap .icon_wrap .icon_area {margin-right:0;}

.oven_detail .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon img {max-width:170px;}
.oven_detail .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap .sub_title {font-size:2rem;}
.oven_detail .smeg_service_3x.grid_num4-2 .item_wrap .icon_wrap {display:grid; grid-template-columns:repeat(4,1fr); gap:60px;}

.oven_detail .smeg_service_3x.grid_num4-2-1 .item_wrap .icon_wrap {display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.comp_title_area.medium_full .comp_title {font-size:3.6rem;}
.comp_title_area.medium_full .comp_description {margin-top:10px;}
.comp_title_area.small_full {margin-top:100px; padding-bottom:0;}
.comp_title_area.small_full .comp_title {font-size:3rem;}
.comp_title_area.medium_full .sub_title {text-align:center; font-size:2.6rem; font-weight:600; margin-top:20px;}
.comp_title_area.medium_full .sub_title.flex_st {display:flex; align-items:center; justify-content:center; gap:20px;}
.comp_title_area.medium_full .sub_title.flex_st dd {font-size:2.4rem;}
.comp_title_area.medium_full .sub_title.flex_st .arrow_right {height:30px;}
.comp_title_area.medium_full .sub_title.flex_st .arrow_right img {width:80px;}
.comp_title_area.small_full .comp_description {margin-top:15px;}
.comp_title_area.small_full .comp_description span.notice {display:block; margin-top:10px; font-weight:500;}
.comp_title_area .comp_description span.notice {display:block; margin-top:10px; font-weight:500;}
.small_full .image_area {text-align:center;}
.small_full .image_area img {width:60%; margin-top:20px; aspect-ratio: 1.33/1; object-fit: cover;}
.comp_title_area.small_full .item+.item {margin-top:80px; 
}
.oven_detail .comp_pro_wide_bg_coffee .item_wrap .item {align-items:flex-start;}


.container_full.comp_pro_table.type2 {padding-top:40px;}
.container_full.comp_pro_table .title {text-align:center; font-size:3rem; margin-bottom:30px;}
.comp_pro_table.type2 .item_wrap .item table thead tr {border-top:1px solid #666; border-bottom:1px solid #ccc;}
.comp_pro_table.type2 .item_wrap .item table tbody tr:last-of-type {border-bottom:1px solid #666;}
.comp_pro_table.type2 .item_wrap .item table thead tr th {border-right:1px solid #cbcbcb;}
.comp_pro_table.type2 .item_wrap .item table thead tr th:last-of-type {border-right:0;}
.comp_pro_table.type2 .item_wrap .item table tbody tr td {border-right:1px solid #cbcbcb;}
.comp_pro_table.type2 .item_wrap .item table tbody tr.image_line td {padding:0 10px;}

.comp_pro_table.type2 .item_wrap .item table tbody tr td:last-of-type {border-right:0;}
.comp_pro_table.type2 .item_wrap .item table tbody tr td .image_area {padding:0;}

@media (max-width: 768px) { 

.oven_detail .comp_pro_wide_bg_coffee .item_wrap {height:500px;}
.oven_detail .smegazine_swiper .item_wrap .item {margin-top:0;}
.oven_detail .smeg_service_3x.grid_num4 .item_wrap .icon_wrap {display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.oven_detail .smeg_service_3x.grid_num5 .item_wrap .icon_wrap .icon_area .icon {margin-bottom:10px;}
.smeg_service_3x.grid_num5 .item_wrap .icon_wrap .icon_area {margin-bottom:0;}
.oven_detail .smeg_service_3x.grid_num5.comp_pro_branch_off {margin-top:0;}
.oven_detail .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap .sub_title {font-size:1.5rem;}

.comp_pro_cross_leftright .item .contents_area {margin-top:25px;}
.oven_detail .smeg_service_3x.grid_num4-2 .item_wrap .icon_wrap {display:grid; grid-template-columns:repeat(2,1fr); padding: 0px; gap: 30px;}
.oven_detail .smeg_service_3x.grid_num4-2 .item_wrap .icon_wrap .icon_area {margin-bottom:0;}
.comp_pro_spec_list .item_wrap .item li .image_area.grid_num4-2 {display:grid; grid-template-columns:repeat(2,1fr); row-gap:10px;}
.comp_pro_spec_list .item_wrap .item li .image_area.grid_num4-2 .image_item{width:100%; margin-bottom:0;}
.oven_detail .smeg_service_3x.grid_num4-2-1 .item_wrap .icon_wrap {display:grid; grid-template-columns:repeat(2,1fr); row-gap:20px;}

.comp_title_area.small_full {margin-top:80px;}

.small_full .image_area img {width:100%; margin-top:20px; aspect-ratio: 1.33/1; object-fit: cover;}
.oven_detail .comp_title_area.small_full .item+.item {margin-top:60px; }
.smeg_service_3x .item_wrap .icon_wrap {margin-bottom:100px;}
.container_full.comp_pro_table .title {font-size:2.5rem;}
.comp_title_area.medium_full .comp_title {font-size:3rem;}
.comp_pro_table.type2 .item_wrap .item table tbody tr td {padding:10px;}
.comp_pro_table.type2 .item_wrap .item table tbody tr td .image_area {height:auto; padding:10px;}
.comp_title_area.medium_full .sub_title {font-size:2.2rem;}
.comp_title_area.medium_full .sub_title.flex_st dd {font-size:1.8rem;}
.comp_title_area.medium_full .sub_title.flex_st .arrow_right {height:15px;}
.comp_title_area.medium_full .sub_title.flex_st .arrow_right img {width:40px;}

}

@media (max-width: 500px) {
.oven_detail .comp_pro_branch_off {margin-top:10px;}

.oven_detail .smeg_service_3x.grid_num4 .item_wrap .icon_wrap {display:grid; grid-template-columns:repeat(4,1fr); column-gap:10px; row-gap:0;}
.oven_detail .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon {margin-bottom:10px;}
.oven_detail .smeg_service_3x.grid_num4 .item_wrap .icon_wrap .icon_area .icon img {max-width:55px; width:100%;}
.oven_detail .smeg_service_3x.grid_num4-2 .item_wrap .icon_wrap .icon_area .icon img {max-width:150px; width:100%;}
.oven_detail .smeg_service_3x.grid_num4-2-1 .item_wrap .icon_wrap {display:grid; grid-template-columns:repeat(1,1fr); row-gap:20px;}
.oven_detail .smeg_service_3x.grid_num4-2-1 .item_wrap .icon_wrap .icon_area {margin-bottom:0;}
.oven_detail .comp_title_area .comp_description {margin-top:20px;}
.smeg_service_3x .item_wrap .icon_wrap {margin-bottom:80px;}
.comp_title_area.small_full .comp_title {font-size:2.7rem;}
.comp_pro_table.type2 .item_wrap .item table thead tr th .pro_title {font-size:1.3rem;}
.oven_detail .smeg_service_3x.grid_num5 .item_wrap .icon_wrap {grid-template-columns:repeat(2,1fr);}
.oven_detail .smeg_service_3x.grid_num5 .item_wrap .icon_wrap .icon_area .icon img {max-width:90px;}
.comp_title_area.medium_full .comp_title {font-size:2.4rem;}
.comp_title_area.medium_full .sub_title {font-size:1.8rem;}
.comp_title_area.medium_full .sub_title.flex_st dd {font-size:1.6rem;}
}
@media (max-width: 350px) { 
.oven_detail .smeg_service_3x.grid_num4 .item_wrap .icon_wrap .icon_area .icon img {max-width:45px; width:100%;}
.oven_detail .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap .sub_title {font-size:1.2rem;}
}
/*# sourceMappingURL=product_detail.css.map */

.comp_pro_banner_type_01.protouch_oven .item_wrap {padding:0;}
.comp_pro_banner_type_01.protouch_oven .item_wrap .image_area img { max-width:200px; }
.comp_pro_banner_type_01.protouch_oven .item_wrap .text_area .title {font-weight:800;}
.comp_pro_banner_type_01.protouch_oven .item_wrap .text_area .square {display:inline-block; color:#fff; font-weight:600; background:#000; text-align:center; padding:5px 15px; font-size:1.8rem; border-radius:2rem; margin-top:10px;}
@media (max-width: 768px) { 
.comp_pro_banner_type_01.protouch_oven .item_wrap .text_area .square {font-size:1.5rem;}
}
@media (max-width: 500px) { 
.comp_pro_banner_type_01.protouch_oven .item_wrap .text_area .title {font-size:1.7rem;} 
.comp_pro_banner_type_01.protouch_oven .item_wrap .text_area .square {font-size:1.4rem; padding:5px 10px;}
.comp_pro_banner_type_01.protouch_oven .item_wrap .image_area img { max-width:120px; }
}

.comp_pro_banner_type_01.mordern_classic_202403 .item_wrap .image_area img { max-width:400px; width:100%; }
.comp_pro_banner_type_01.mordern_classic_202403 .item_wrap .text_area .title {line-height:1.4;} 
@media (max-width: 768px) { 
.comp_pro_banner_type_01.mordern_classic_202403 .item_wrap .text_area .title {font-size:2rem;}
.comp_pro_banner_type_01.mordern_classic_202403 .item_wrap .image_area {}
.comp_pro_banner_type_01.mordern_classic_202403 .item_wrap .image_area {width:30%;}
}

@media (max-width: 500px) { 
.comp_pro_banner_type_01.mordern_classic_202403 .item_wrap .text_area .title {font-size:1.4rem;}
.comp_pro_banner_type_01.mordern_classic_202403 .item_wrap .image_area {width:35%;}
}


/********* renew 전자동커피머신 ***********/

.auto_coffee .container_full.comp_pro_wide_bg_coffee.only_desktop {position:relative; height:533px; background: no-repeat url('/images/product_detail/BCC02/bcc02_img_01.png'); background-size: cover; background-position: 35% center; margin-top:0;}
.auto_coffee .container_full.comp_pro_wide_bg_coffee.only_desktop:after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.1; background-color:#000; }
.movie_zone {position:relative;}
.movie_zone .mov100 {max-width:1200px; width:100%; margin:0 auto;}
.movie_zone .mov100 video {width:100%;}
.auto_coffee .container_full .caution {margin-bottom:30px;}
.auto_coffee .smeg_service_3x.grid_3x3_2x2 {margin-top:110px;}
/* 아이콘 영역에만 적용할 여백 조정 클래스 */
.auto_coffee .container_full.smeg_service_3x.icon_margin_fix {
  margin-top: 40px !important; /* 기존 110px에서 줄임 */
}
.auto_coffee .smeg_service_3x.grid_3x3_2x2 .item_wrap .icon_wrap {display:grid; grid-template-columns:repeat(3,1fr); row-gap:60px;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon {margin-bottom:25px;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dt {font-size:2.2rem; font-weight:600;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dd {font-size:2rem; color:#666; margin-top:10px;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon img {max-width:190px; width:100%;}
.comp_pro_table.type3 .item_wrap .item table thead tr th:nth-of-type(1) {border-right:1px solid #e6e6e6;}
.comp_pro_table.type3 .item_wrap .item table thead tr th:nth-of-type(3) {background:#e4e5e5;}
.comp_pro_table.type3 .item_wrap .item table tbody tr th {border-right:1px solid #e6e6e6; font-size:1.6rem;}
.comp_pro_table.type3 .item_wrap .item table tbody tr td:nth-of-type(2) {background:#f5f5f5;}
.comp_pro_cross_leftright .item.image_double .image_area:nth-of-type(2) img {width:90%;}
.auto_coffee .small_full .image_area {text-align: center; width: 60%; margin: 0 auto;}
.auto_coffee .small_full .image_area img {width: 100%; margin-top: 20px; aspect-ratio: auto; object-fit: cover; margin-top:30px;}
.small_full .text_wrap p {font-size:2rem; margin-top:30px; font-weight:600;}
.small_full .text_wrap ul {margin-top:15px; }
.small_full .text_wrap ul li+li {margin-top:5px; }
.small_full .text_wrap ul li {font-weight:300;}
.small_full .text_wrap ul li span {font-weight:600;}

.smeg_service_3x.grid_2and3 .item_wrap .icon_wrap {display:block;}
.smeg_service_3x.grid_2and3 .item_wrap .icon_wrap .line01 {display:grid; grid-template-columns:repeat(2,1fr);}
.smeg_service_3x.grid_2and3 .item_wrap .icon_wrap .line02 {display:flex; justify-content:space-between; margin-top:50px;}
.auto_coffee .smeg_service_3x.grid_2and3 .item_wrap .icon_wrap .icon_area .icon img {max-width:150px;}
.smeg_service_3x.grid_2and3 .item_wrap .icon_wrap .line02 .icon_area {width:20%;}

@media (max-width: 768px) { 
.auto_coffee .comp_pro_wide_bg_coffee .item_wrap .item .contents_area .contents { 
font-size:2rem; } 
.auto_coffee .comp_pro_wide_bg_coffee .item_wrap .item .contents_area .contents { 
font-size:2rem; } 
.auto_coffee .container_full.comp_pro_wide_bg_coffee.only_mobile { background: no-repeat url(/images/product_detail/BCC2024/BCC2024_bg_01.webp); background-size: cover; background-position: 90% top; height: 80dvh; margin-top: 0px;}
.auto_coffee .container_full .caution {margin-bottom:30px;}
.auto_coffee .smeg_service_3x.grid_3x3_2x2 {margin-top:110px;}
.auto_coffee .smeg_service_3x.grid_3x3_2x2 .item_wrap .icon_wrap {display:grid; grid-template-columns:repeat(3,1fr); row-gap:60px;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon {margin-bottom:25px;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dt {font-size:2.2rem; font-weight:600;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dd {font-size:2rem; color:#666; margin-top:10px;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon img {max-width:190px; width:100%;}
.auto_coffee .comp_title_area {margin-top:100px;}
.auto_coffee .comp_title_area.main_cont {margin-top:150px;}
.auto_coffee .comp_title_area .comp_title {text-transform:uppercase;}
.auto_coffee .comp_title_area .comp_description {text-transform:uppercase;}
.comp_pro_cross_leftright .item.image_double .image_area {justify-content:center;}
.comp_pro_cross_leftright .item.image_double .image_area:nth-of-type(2) img {width:100%;}
.auto_coffee .small_full .image_area {width:100%;}
.comp_title_area.small_full .comp_title {font-size:2.5rem;}
.auto_coffee .smeg_service_3x.grid_2and3 .item_wrap .icon_wrap .icon_area .icon img { 
width:110px;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon {margin-bottom:15px;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dt {font-size:1.8rem;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dd {font-size:1.8rem;}
.smeg_service_3x.grid_2and3 .item_wrap .icon_wrap .line02 .icon_area {width:auto;}
.smeg_service_3x.grid_2and3 .item_wrap .icon_wrap .line02 {margin-top:35px;}
}

@media (max-width: 500px) { 
.auto_coffee .smeg_service_3x.grid_3x3_2x2 {margin-top:60px;} 
.auto_coffee .smeg_service_3x.grid_3x3_2x2 .item_wrap .icon_wrap {display:grid; grid-template-columns:repeat(2,1fr); row-gap:40px;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area {margin-bottom:0;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon {margin-bottom:20px;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dt {font-size:1.6rem!important; font-weight:600;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dd {font-size:1.6rem;}
.comp_pro_table.type3 {margin-bottom:100px;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dt {font-size:1.4rem;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dd {font-size:1.2rem;}
.auto_coffee .smeg_service_3x.grid_2and3 .item_wrap .icon_wrap .icon_area .icon img {max-width:90px;}
.auto_coffee .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon {margin-bottom:8px;}
 }
 
/********* 에스프레소 컵 ***********/
.espresso_cup .container_full_comp_pro_acc_new .item_wrap .item {padding:20px 20px 150px 20px;}
.espresso_cup .container_full_comp_pro_acc_new .item_wrap .item .pro_image_wrap .image_area img {margin-top:80px;}
.espresso_cup .comp_pro_half_img_text_jy {margin-top:150px;}
.comp_pro_size .container_fixed .item_wrap .item .table_area table tbody tr th {border:1px solid #C8C8C8 }

@media (max-width: 768px) {  
.espresso_cup .container_full_comp_pro_acc_new .item_wrap .item {padding:20px 20px 80px 20px;}
}


@media (max-width: 500px) {  
.espresso_cup .container_full_comp_pro_acc_new .item_wrap .item {padding:20px 20px 60px 20px;}
.espresso_cup .comp_pro_size .container_fixed .item_wrap .item .table_area table tbody tr td {padding:15px 10px;}
}

/********* new 빅토리아 인덕션 ***********/
.grid2x1 {display:grid; grid-template-columns:repeat(2,1fr); }
.grid2x2_1x1 {display:grid; grid-template-columns:repeat(2,1fr); }
.grid_1x1 {display:grid; grid-template-columns:repeat(1,1fr); }
.smeg_service_3x.grid1x4_2x2 .item_wrap .icon_wrap {display:grid; grid-template-columns:repeat(4,1fr); gap:30px; max-width:none;}
.grid3x1_1x3 .container_fixed .item_wrap {display:grid; grid-template-columns:repeat(3,1fr);} 
.grid3x1_1x3 .container_fixed .item_wrap img {width:100%;}
.grid3x1_1x3 .container_fixed .text_wrap {width: 100%; margin-top: 60px;
 font-size: 1.6rem; font-weight: 300; line-height: 2.7rem; text-align: center; color: #666666; }
 .smeg_service_3x .item_wrap .icon_wrap .text_wrap a {font-size:2.2rem;}
 
.container_full.gradation .img img {width:100%; }
.container_full.gradation .title {font-size:4.5rem; font-weight:600; line-height: 5.3rem; text-align:center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center;}
.title_photo .container_fixed {position:relative;}
.title_photo .container_fixed .title_wrap {position:absolute; top:10%; left:10%; color:#fff;}
.title_photo .container_fixed .title_wrap p {font-size:4rem; font-weight:800;}
.title_photo .container_fixed .title_wrap span {display:inline-block; font-size:1.6rem; padding-top:10px;}
.comp_title_area.cont_exist {padding-bottom:0;}
.comp_pro_cross_leftright.title_exist {margin-top:0;}
.comp_pro_cross_leftright.graph_exist {margin-top:30px;}
.length_graph .graph_wrap {position:relative; width:100%; height:700px; margin: 0 auto; background:#F5F6F8; overflow:hidden;}
.length_graph .graph_wrap .graph {overflow:hidden;}
.length_graph .graph_wrap .graph > div {position:absolute; bottom:0; width:70px; border-radius:50px 50px 0 0; }
.length_graph .graph_wrap .graph > div p {position:relative; font-weight:600; font-size:2.5rem;}
.length_graph .graph_wrap .graph > div p span {position:absolute; top:-50px; left:50%; transform:translate(-50%);}
.length_graph .graph_wrap .graph > div img {position:absolute; left:50px; top:50px;}
.length_graph .graph_wrap .graph > div#item1 p {color:#adadad;}
.length_graph .graph_wrap .graph > div#item2 p {font-size:3rem;}
.length_graph .graph_wrap .graph > div#item1 {left:30%; background:#adadad;}
.length_graph .graph_wrap .graph > div#item2 {left:63%; background:#000;}
.length_graph .text_wrap {position:relative; margin-top:15px; height:50px;}
.length_graph .text_wrap p {font-size:3rem; font-weight:600; position:absolute; transform:translate(-50%);}
.length_graph .text_wrap p.graph_titA {left:33%; color:#adadad;}
.length_graph .text_wrap p.graph_titB {left:66%;}
.p-100 {height:600px; animation:p-100 2s normal ease-out;}
.p-50 {height:300px; animation:p-50 2s normal ease-out;}
.length_graph .info {text-align:center; margin-top:20px;}
.length_graph .info span {font-size:12px; display:block; color:#666; font-weight:300;}
/*@keyframes p-100{from{height:0px}to{height:600px}}
@keyframes p-50{from{height:0px}to{height:300px}}*/


.vict_induct .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon img {max-width:230px; width:100%;}
.vict_induct .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap {font-size:2rem; font-weight:500; }
.vict_induct.oven_detail .comp_pro_top_lineup {margin-top:0; padding:50px 0 150px;}
.container_full .caution {margin-bottom:150px;}
.vict_induct .gradation .container_fixed {background:#F5F6F8; padding:0 0px 100px;}
.vict_induct .gradation .title {position:relative; padding:0 0 100px;} 
.vict_induct .gradation .title img {position:absolute; top:-55px;}
.vict_induct .gradation .title:after {content:""; display:block; width:160px; height:3px; background:#707070; position:absolute; bottom:50px; left:50%; transform:translateX(-50%);}
.vict_induct .gradation .grid2x2_1x1 {gap:30px; padding:0 50px;}
.vict_induct .gradation .grid2x2_1x1 .comment_img img {width:100%; aspect-ratio: 2.8 / 1; object-fit: cover; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.vict_induct .gradation .grid2x2_1x1 .comment_img:last-of-type {grid-column: 1 / 3; text-align: center;}
.vict_induct .gradation .grid2x2_1x1 .comment_img:last-of-type img {width:calc(50% - 15px); }
.vict_induct .gradation .info {display:block; text-align:center; padding-top:30px}
.vict_induct .smeg_service_3x {margin-top:30px;}
.vict_induct .grid3x1_1x3 .container_fixed .item_wrap {gap:80px; text-align:center;}
.vict_induct .grid3x1_1x3 .container_fixed .item_wrap span{display:inline-block; margin-top:20px; font-size:1.8rem;}
.vict_induct .comp_pro_default_image .item_wrap .item img {max-height:870px; object-fit:cover;}
.vict_induct .comp_pro_cross_leftright .item {padding:80px 0;}
.vict_induct .comp_pro_cross_leftright .item:last-of-type {padding-bottom:0;}
.vict_induct .comp_pro_installation_guide .item_wrap .item .image_area {margin-top:0;}
.smeg_service_3x.collection_btn .item_wrap .icon_wrap {gap:100px; }
.smeg_service_3x.collection_btn .item_wrap .icon_wrap .text_wrap a { font-weight:400;}

@media (max-width: 768px) {  

.container_full .caution {margin-bottom:80px;}
 .container_full.gradation .title {margin-top: 40px; font-size: 3rem; line-height: 4rem; padding:0 0 80px;}
 .grid2x2_1x1 {grid-template-columns:repeat(1,1fr);}
 .smeg_service_3x.grid1x4_2x2 .item_wrap .icon_wrap {grid-template-columns:repeat(2,1fr);}
 .smeg_service_3x.grid1x4_2x2 .item_wrap .icon_wrap .icon_area .icon {margin-bottom:20px;}
 .smeg_service_3x.collection_btn .item_wrap .icon_wrap {display:block; }
.smeg_service_3x.collection_btn .item_wrap .icon_wrap .icon_area {width:100%;}
.smeg_service_3x.collection_btn .item_wrap .icon_wrap .icon_area {margin-bottom:10px;}
.smeg_service_3x.collection_btn .item_wrap .icon_wrap .text_wrap a {line-height:45px;}
 .smeg_service_3x.grid1x4_2x2 .item_wrap .icon_wrap dt {font-size:1.8rem;}
 .smeg_service_3x .item_wrap .icon_wrap .text_wrap a {font-size:1.8rem;} 
 .grid3x1_1x3 .container_fixed .item_wrap {grid-template-columns:repeat(1,1fr); padding:0 20px;}
 
 .title_photo .container_fixed .title_wrap p {font-size:3.5rem;}
 .title_photo .container_fixed .title_wrap span {padding-top:5px;}
 .length_graph .graph_wrap {height:55dvh;}
 .length_graph .text_wrap p {font-size:2.5rem;}
 .length_graph .graph_wrap .graph > div p {font-size:2.2rem;}
 .length_graph .graph_wrap .graph > div#item1 {left:28%;}
 .length_graph .graph_wrap .graph > div#item2 {left:61%;}
 .length_graph .graph_wrap .graph > div#item2 p {font-size:2.5rem;}
 .length_graph .graph_wrap .graph > div p span {top:-35px;}
 .length_graph .graph_wrap .graph > div img {width:90px;}
 .length_graph .info {margin-top:0;}
 .p-100 {height:45dvh; animation:p-100 2s normal ease-out;}
 .p-50 {height:22.5dvh; animation:p-50 2s normal ease-out;}
 
 
.vict_induct .gradation .title:after {width:100px; bottom:40px;}
.vict_induct .gradation .grid2x2_1x1 .comment_img:last-of-type img {width:100%;}
.vict_induct .gradation .grid2x2_1x1 .comment_img:last-of-type {grid-column:auto;}
.vict_induct .gradation .container_fixed {padding:0 0 50px 0!important;}
.vict_induct .comp_pro_default_image .item_wrap .item img {height:50dvh;}
.vict_induct .comp_pro_installation_guide .item_wrap .item .table_pc {display:block;}

.vict_induct .comp_pro_installation_guide .item_wrap .item table thead tr th:nth-of-type(1) {width:10%;}
.vict_induct .comp_pro_installation_guide .item_wrap .flex_bx .item table thead tr th:nth-of-type(1) {width:auto;}
.vict_induct .comp_pro_installation_guide .item_wrap .flex_bx .item table thead tr th:nth-of-type(4) {width:auto;}
.vict_induct .comp_pro_installation_guide .item_wrap .item table thead tr th:nth-of-type(4) {width:40%;}
.vict_induct .comp_pro_installation_guide .item_wrap .item table thead tr th {width:30%;}
.vict_induct .comp_pro_installation_guide .item_wrap .item table tbody tr td:nth-of-type(1) {width:10%;}
.vict_induct .comp_pro_installation_guide .item_wrap .item table tbody tr td:nth-of-type(4) {width:40%;}
.vict_induct .comp_pro_installation_guide .item_wrap .item table tbody tr td {width:30%;}
.vict_induct .grid3x1_1x3 .container_fixed .item_wrap {gap:40px;}
.vict_induct.oven_detail .comp_pro_top_lineup {margin-top:0; padding:30px 0 80px;}
.vict_induct .gradation .title img {width:80px; object-fit:contain; top:0;}
.vict_induct .gradation .container_fixed {padding:0 0 80px}
.vict_induct .comp_pro_cross_leftright .item {padding:50px 0 0; margin-top:0;}


}

@media (max-width: 500px) { 
.comp_title_area {margin-top:60px;}
.container_full .caution {margin-bottom:50px;}
.comp_pro_checkerboard .section_title_area .section_title {font-size:2.5rem;}
.comp_pro_checkerboard .item_wrap .item_set .item .item_inner .title {font-size:2rem;}
.smeg_service_3x.grid1x4_2x2 .item_wrap .icon_wrap {margin-bottom:60px;}
.smeg_service_3x.grid1x4_2x2 .item_wrap .icon_wrap .icon_area {margin-bottom:20px;}
.smeg_service_3x.grid1x4_2x2 .item_wrap .icon_wrap dt {font-size:1.6rem;}
.grid3x1_1x3 .container_fixed .text_wrap {margin-top:20px;}
.title_photo .container_fixed .title_wrap p {font-size:3rem;}
 .title_photo .container_fixed .title_wrap span {padding-top:0px; font-size:1.4rem;}
.comp_pro_cross_leftright .item.flip .image_area {order:0;}
.comp_pro_cross_leftright .item .contents_area { margin-top:15px;}
.comp_pro_cross_leftright .item .contents_area .contents_group .title {font-size:2.2rem; }


.length_graph .graph_wrap .graph > div {width:50px;}
.length_graph .graph_wrap .graph > div img {left:35px; width:80px;}
.length_graph .text_wrap p {font-size:1.8rem; white-space:nowrap;}
.length_graph .graph_wrap .graph > div#item1 {left:22%;}
.length_graph .text_wrap p.graph_titA {left:29%;}
.length_graph .text_wrap p.graph_titB {left:69%;}
.vict_induct.oven_detail .comp_pro_top_lineup {padding:20px 0 60px;}
.vict_induct .gradation .grid2x2_1x1 {padding:0 20px; gap:10px;}
.vict_induct .comp_pro_default_image .item_wrap .item img {height:30dvh;}
.vict_induct .comp_pro_installation_guide .item_wrap .item table thead tr th {padding:5px; font-size:14px;}
.vict_induct .comp_pro_installation_guide .item_wrap .item table thead tr th {width:25%;}
.vict_induct .comp_pro_installation_guide .item_wrap .item table tbody tr td {width:25%;}
.vict_induct .comp_pro_installation_guide .item_wrap .item.table {margin-top:30px;}

.vict_induct .container_full.gradation .title {margin-top:0; font-size:2.2rem; line-height:1.2; padding: 0 0 50px;}
.vict_induct .gradation .title img {width:50px;}
.vict_induct .smeg_service_3x {margin-top:15px;}
.vict_induct .comp_pro_cross_leftright .item {padding:40px 0 0; }
.vict_induct .gradation .title:after {width:85px; bottom:25px;}
} 


/********* new 컨벡션오븐 ALFA43K ***********/
.visual_area.alfa43k {height:533px; width:100%; background:url(/images/product_detail/SPS43K/sps43k_img_01.png) no-repeat; background-size: cover; background-position: 86% top;}
.comp_pro_top_lineup.renew240503 .item_wrap .item .lineup_top {border-bottom:0; padding-bottom:0;}
.comp_title_area.get_item {padding-bottom:0;}
.comp_title_area.renew240503 .comp_sub_title {font-size:4rem; margin-top:10px;}
.container_fixed.get_title_up {margin-top:50px;}
.comp_pro_default_image .item_wrap .item.w800 img {max-width:800px;}
.smeg_service_3x .item_wrap .icon_wrap.grid2x1 .text_wrap dt {font-size:2.5rem; font-weight:500;}
.smeg_service_3x.renew240503 .item_wrap .icon_wrap .icon_area .icon img {width:100%; max-width:200px;}
.container_fixed.checklist {background:#e8eaff; padding:80px 80px;}
.container_fixed.checklist .tit {font-size:2.4rem; font-weight:700;}
.container_fixed.checklist .tit img {margin-right:10px; transform:translateY(3px);}
.container_fixed.checklist ul {margin-top:30px;}
.container_fixed.checklist ul li {font-size:2rem; font-weight:500; padding-left:25px; position:relative;}
.container_fixed.checklist ul li:before {content:""; display:block; width:14px; height:17px; background:url(/images/product_detail/ALFA43K/i-list_check.png) no-repeat center/contain; position:absolute; left:0; top:7px;}
.container_fixed.checklist ul li+li {margin-top:20px;}
.comp_pro_default_image .item_wrap .item {position:relative;}
.comp_pro_default_image .item_wrap .item .annot {position:absolute;}
.container_fixed.w800 {max-width:800px;}



.smeg_service_3x .item_wrap .icon_wrap.grid2x1 .text_wrap dt {font-size:2.5rem; font-weight:500;}

.smeg_service_3x.renew240503 {margin-top:50px;} 
.smeg_service_3x.renew240503 .item_wrap .icon_wrap .icon_area {margin-right:0; padding:30px 100px;}
.smeg_service_3x.renew240503 .item_wrap .icon_wrap .icon_area+.icon_area {border-left:2px dotted #d8d8d8;}
.smeg_service_3x.renew240503 .item_wrap .icon_wrap {gap:0; margin-bottom:80px;}
.comp_pro_default_image.renew240503 .item_wrap .item .annot {bottom:20%; color:#999;}
.comp_pro_default_image .item_wrap .item+.item {margin-top:20px;}

.container_full.gradation.renew240503 .title small {display:block; font-size:3rem; color:#d8d8d8; font-weight:500;}
.gradation.renew240503 .container_fixed {padding:180px 50px 130px; background:#fafafa;}
.gradation.renew240503.renew250305 .container_fixed {background:#F5F6F8;}
.gradation.renew240503 .comment {padding:45px 40px; background:#fff; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; display:flex; flex-direction:column; justify-content:space-between;}
.gradation.renew240503 .comment>img {width:100%; border-radius:20px; aspect-ratio:1.35/1; object-fit:cover; margin-top:25px;}
.gradation.renew240503 .comment .star {text-align:left; display:flex; margin-bottom:20px;}
.gradation.renew240503.renew250305 .comment .star {justify-content:center;}
.gradation.renew240503 .comment .star img {object-fit:contain; width:20px;}
.gradation.renew240503 .comment .text {font-size:16px; text-align:left; line-height:1.5; font-weight:400;}
.gradation.renew240503.renew250305 .comment .text {text-align:center;}
.gradation.renew240503 .grid2x2_1x1 {gap:30px; margin-top:80px;}
.gradation.renew240503 .grid_1x1 {gap:30px;}

.smeg_service_3x.renew240503-2 .item_wrap .icon_wrap.grid2x1 {display:grid; margin-bottom:100px;} 
.smeg_service_3x.renew240503-2 .item_wrap .icon_wrap .icon_area {margin-right:0;}
.smeg_service_3x.renew240503-2 .item_wrap .icon_wrap .icon_area .icon {margin-bottom:0;}
.smeg_service_3x.renew240503-2 .item_wrap .icon_wrap .icon_area .text_wrap {padding-left:100px; text-align:left;}
.smeg_service_3x.renew240503-2 .item_wrap .icon_wrap .icon_area .text_wrap dt {position:relative;}
.smeg_service_3x.renew240503-2 .item_wrap .icon_wrap .icon_area .text_wrap dt img {position:absolute;}
.smeg_service_3x.renew240503-2 .item_wrap .icon_wrap .icon_area:nth-of-type(1) .text_wrap dt img {left:-35px; top:-6px;}
.smeg_service_3x.renew240503-2 .item_wrap .icon_wrap .icon_area:nth-of-type(2) .text_wrap dt img {left:-50px; top:1px;}
.smeg_service_3x.renew240503-2 .item_wrap .icon_wrap .icon_area .text_wrap dd {color:#666; font-size:1.8rem; margin-top:10px;}

.comp_title_area.renew240503 {padding-bottom:0; margin-top:180px;}
.comp_title_area.renew240503 .container_fixed.bg_gray {background:url(/images/product_detail/ALFA43K/new_ALFA43K_img04_titbg.webp) no-repeat center/cover; padding:150px 0 80px;}
.smeg_service_3x.renew240503-3 {margin-top:0;}
.smeg_service_3x.renew240503-3 .item_wrap .icon_wrap.grid3x1 {display:grid; grid-template-columns:repeat(3,1fr);}
.smeg_service_3x.renew240503-3 .item_wrap .icon_wrap.grid3x1 .icon_area {margin-right:0;}
.smeg_service_3x.renew240503-3 .item_wrap .icon_wrap .icon_area .icon img {max-width:none; object-fit:cover; aspect-ratio:.67/1; width:100%;}
.smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dt {font-size:2.5rem;}

.comp_pro_table.type4 .item_wrap .item table thead tr {border-top:3px solid #707070; border-bottom:3px solid #707070;}
.comp_pro_table.type4 .item_wrap .item table thead tr th {font-weight:400; background:#f9f9f9;}
.comp_pro_table.type4.num2 .item_wrap .item table thead tr th {font-weight:600;}
.comp_pro_table.type4 .item_wrap .item table thead tr th+th {border-left:1px solid #9b9794;}
.comp_pro_table.type4 .item_wrap .item table thead tr th.smeg {font-weight:800; background:#fcf7f3;}
.comp_pro_table.type4 .item_wrap .item table tbody tr th {font-weight:400; }
.comp_pro_table.type4.num2 .item_wrap .item table tbody tr th {font-weight:600;}
.comp_pro_table.type4 .item_wrap .item table tbody tr th.smeg {font-weight:800; font-size:1.6rem;}
.comp_pro_table.type4 .item_wrap .item table tbody tr {border-bottom:1px solid #736f6e; }
.comp_pro_table.type4 .item_wrap .item table tbody tr td {border-left:1px solid #9b9794;}
.comp_pro_table.type4 .item_wrap .item table tbody tr td.smeg {font-weight:800; background:#fcf7f3; font-size:1.6rem;}
.comp_pro_table.type4 .item_wrap .item table {}

.comp_pro_default_image .item_wrap.double .item {gap:30px;}
.comp_pro_default_image .item_wrap.double .item img {width:50%;}
.comp_pro_default_image.renew240503 .item_wrap.double .item {gap:100px; margin-top:60px;}
.comp_pro_default_image.renew240503 .item_wrap.double .item img {width:40%;}

.container_fixed.exist_bg {position:relative;}
.container_fixed.exist_bg:before {content:""; display:block; height:70%; width:100%; position:absolute; bottom:0; background:#e6e6e6;}
.renew240503 .container_fixed.exist_bg {padding-bottom:80px;}

.fix_graph .container_fixed {padding:80px 80px; background:#f5f6f8;}
.fix_graph .container_fixed .graph_wrap dl {display:grid; grid-template-columns:200px auto;}
.fix_graph .container_fixed .graph_wrap dl+dl {margin-top:20px;}
.fix_graph .container_fixed .graph_wrap dl dt {font-size:1.8rem; line-height:1;}
.fix_graph .container_fixed .graph_wrap dl.smeg dt {font-weight:700;}
.fix_graph .container_fixed .graph_wrap dl dd {position:relative;}
.fix_graph .container_fixed .graph_wrap dl dd .bar {display:block; height:20px; background:#d6d6d6; border-radius:20px;}
.fix_graph .container_fixed .graph_wrap dl.smeg dd .bar {background:#000;}
.fix_graph .container_fixed .graph_wrap dl dd .stat {display:block; text-align:right; margin-top:5px;}
.fix_graph .container_fixed .graph_wrap dl:nth-of-type(1) dd  {width:100%;}
.fix_graph .container_fixed .graph_wrap dl:nth-of-type(2) dd  {width:90%;}
.fix_graph .container_fixed .graph_wrap dl:nth-of-type(3) dd  {width:80%;}
.fix_graph .container_fixed .graph_wrap dl:nth-of-type(4) dd  {width:70%;}
.fix_graph .container_fixed .graph_wrap dl:nth-of-type(5) dd  {width:60%;}
.fix_graph .container_fixed .graph_wrap dl.smeg dd {width:50%;}
.fix_graph .container_fixed .graph_wrap .source {display:block; text-align:right; color:#999; margin-top:30px;}

.container_fixed.box_type {margin-top:50px;}
.container_fixed.box_type .item_wrap .box {border:1px solid #707070; padding:60px 30px; text-align:center;}
.container_fixed.box_type .item_wrap.grid2X1_1X2 {display:grid; grid-template-columns:repeat(2,1fr); gap:30px;}
.container_fixed.box_type .item_wrap .box dt {font-size:2.5rem; font-weight:700;}
.container_fixed.box_type .item_wrap .box dt img {margin-right:10px; max-width:30px; }
.container_fixed.box_type .item_wrap .box dd {font-weight:400; margin-top:30px;}

.container_fixed.process.renew240503 {margin-top:80px;}
.container_fixed.process .item_wrap.grid2x1_1X2 {display:grid; grid-template-columns:repeat(2,1fr); gap:100px;}
.container_fixed.process .item_wrap .item>img {width:100%;}
.container_fixed.process .item_wrap .item dl {margin-top:30px;}
.container_fixed.process .item_wrap .item dl dt {font-size:2.5rem; font-weight:600; line-height: 1.3;}
.container_fixed.process .item_wrap .item dl dt img {max-width:35px; margin-right:10px;}
.container_fixed.process .item_wrap .item dl dd {margin-top:15px;}
.container_fixed.cont_exist {margin-top:80px;}
@media (max-width: 1240px) {  
.renew240503-3 .container_fixed {padding:0!important;}
.renew240503-3 .container_fixed .item_wrap .item img {width:100%;}
}

@media (max-width: 1024px) { 
.smeg_service_3x.renew240503 .item_wrap .icon_wrap {display:grid;}

}

@media (max-width: 768px) {  
.visual_area.alfa43k {height:70vh; min-height:300px; width:100%; background:url(/images/product_detail/ALFA43K/sps43k_img_01_mob.webp) no-repeat; background-size: cover; background-position:right top;}
.comp_title_area .comp_sub_title {margin-top:15px;}
.comp_pro_default_image .item_wrap .item.w800 img {width:80%;}
.comp_pro_top_lineup.renew240503 {margin-top:50px;}
.comp_pro_top_lineup.renew240503 .item_wrap .item .lineup_top .title {margin-top:5px;}
.comp_title_area.renew240503 {margin-top:80px;}
.comp_title_area.renew240503 .comp_sub_title {font-size:2.5rem;}
.smeg_service_3x.renew240503 {margin-top:40px;}
.smeg_service_3x.renew240503 .item_wrap .icon_wrap {margin-bottom:20px;}
.smeg_service_3x.renew240503 .item_wrap .icon_wrap .icon_area .icon img {width:100%;}
.smeg_service_3x.renew240503 .item_wrap .icon_wrap .icon_area {padding:30px 5vw;}
.smeg_service_3x.renew240503.m80per .item_wrap {width:80%; margin:0 auto;}
.smeg_service_3x.renew240503 .item_wrap .icon_wrap .icon_area .text_wrap dt {font-size:2rem;}
.smeg_service_3x.renew240503 .item_wrap .icon_wrap .icon_area .icon {margin-bottom:20px;}
.container_fixed.checklist {padding:50px;}
.container_fixed.checklist .tit {font-size:2.2rem;}
.container_fixed.checklist ul {margin-top:20px;}
.container_fixed.checklist ul li {font-size:1.8rem;}
.container_fixed.checklist ul li:before {top:5px;}
.container_fixed.checklist ul li+li {margin-top:15px;}
.comp_pro_default_image .item_wrap .item.w800.m100per img {width:100%;}
.gradation.renew240503 .container_fixed {padding: 70px 50px 100px;}
.gradation.renew240503 .grid2x2_1x1 {margin-top:0; grid-template-columns:repeat(2,1fr); gap:15px;}
.container_full.gradation.renew240503 .title small {font-size:2rem;}
.gradation.renew240503 .comment {padding:25px;}
.container_full.gradation.renew240503 .title {padding-bottom:50px;}
.gradation.renew240503 .comment .star {margin-bottom:15px;}
.smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dt {font-size:2rem;}
.smeg_service_3x.renew240503-2 .item_wrap .icon_wrap .icon_area .text_wrap dd {font-size:1.6rem;}
.smeg_service_3x.renew240503-2 .item_wrap .icon_wrap .icon_area .text_wrap {padding-left:11vw;}
.smeg_service_3x.renew240503-2 .item_wrap .icon_wrap .icon_area:nth-of-type(1) .text_wrap dt img {width:15px; top: -1px; left: -24px;}
.smeg_service_3x.renew240503-2 .item_wrap .icon_wrap .icon_area:nth-of-type(2) .text_wrap dt img {width:30px; left:-37px;}
.smeg_service_3x.renew240503-2 {margin-top:30px;}
.comp_title_area.renew240503 .container_fixed.bg_gray {padding: 50px 0 30px;}
.smeg_service_3x.renew240503-3 .item_wrap .icon_wrap .icon_area .icon {margin-bottom:20px;}
.smeg_service_3x.renew240503-3 .item_wrap .icon_wrap .icon_area .text_wrap dt {font-size:1.8rem;}
.comp_pro_default_image.renew240503 .item_wrap.double .item {flex-direction:column; gap:30px;}
.comp_pro_default_image.renew240503 .item_wrap.double .item img {width:80%;}
.fix_graph .container_fixed {margin:0 20px;}
.fix_graph .container_fixed .graph_wrap dl {grid-template-columns:150px auto;}
.fix_graph .container_fixed .graph_wrap dl+dl {margin-top:10px;}
.fix_graph .container_fixed .graph_wrap dl dt {font-size:1.6rem;}
.fix_graph .container_fixed .graph_wrap dl dd .bar {height:15px;}
.fix_graph .container_fixed .graph_wrap dl dd .stat {font-size:14px;}
.fix_graph .container_fixed {padding:60px;}
.fix_graph .container_fixed .graph_wrap .source {margin-top:15px; font-size:14px;}
.container_fixed.box_type .item_wrap.grid2X1_1X2 {grid-template-columns:repeat(1,1fr); gap:20px;}
.container_fixed.process .item_wrap.grid2x1_1X2 {grid-template-columns:repeat(1,1fr); gap:60px;}
.container_fixed.process.renew240503 {margin-top:60px;}
.container_fixed.cont_exist {margin-top:60px;}
.comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .img_radius_wrap .text_area img {float:left; }
.comp_pro_pcmobile_change_numbering .item_wrap .item .item_mobile .img_radius_wrap .text_area .title {margin-top:0; line-height:1.2; padding-left:30px;}
}

@media (max-width: 500px) { 

.smeg_service_3x.renew240503.m80per .item_wrap {width:100%; margin:0 auto;}
.comp_title_area.renew240503 .comp_sub_title {font-size:2rem;} 
.smeg_service_3x.renew240503 .item_wrap .icon_wrap .icon_area .text_wrap dt {font-size:1.6rem;}
.container_fixed.get_title_up {margin-top:30px;}
.container_fixed.checklist ul {margin-top:15px;} 
.container_fixed.checklist ul li {font-size:1.6rem; padding-left:22px;}
.container_fixed.checklist ul li:before {width:12px;}
.container_fixed.checklist ul li+li {margin-top:10px;}
.container_fixed.checklist .tit {font-size:2rem;}
.container_fixed.checklist .tit img {transform: translateY(3px); width:25px;}
.comp_pro_default_image.renew240503 .item_wrap .item .annot {font-size:12px;}
.gradation.renew240503 .container_fixed {padding:70px 20px;}
.gradation.renew240503 .grid2x2_1x1 {margin-top:0; grid-template-columns:repeat(1,1fr); gap:15px;} 
.container_full.gradation.renew240503 .title {margin-top:0; font-size:2.5rem; padding-bottom:30px;}
.container_full.gradation.renew240503 .title .star img {width:25px;}
.smeg_service_3x.renew240503-2 .item_wrap .icon_wrap .icon_area {margin-bottom:20px;}
.smeg_service_3x.renew240503-2 .item_wrap .icon_wrap.grid2x1 {grid-template-columns:repeat(1,1fr); gap:0; margin-bottom:30px;}
.smeg_service_3x.renew240503-2 .item_wrap .icon_wrap .icon_area .text_wrap { padding-left: 0px;
text-align: center;}
.smeg_service_3x.renew240503-2 .item_wrap .icon_wrap .icon_area .text_wrap dt img {position:static; margin-right:10px;}
.container_fixed.exist_bg:before {width:90%;}
.comp_title_area .comp_title.renew240503 {font-size:2.5rem; margin-top:0;}
.smeg_service_3x.renew240503-3 .item_wrap .icon_wrap.grid3x1 {gap:5px; }
.smeg_service_3x.renew240503-3 .item_wrap .icon_wrap.grid3x1 .icon_area {margin-bottom:0; }
.fix_graph .container_fixed .graph_wrap dl {grid-template-columns:repeat(1,1fr); gap:10px;}
.container_fixed.box_type .item_wrap .box {padding:30px;}
.container_fixed.box_type .item_wrap .box dt {font-size:2rem;}
.container_fixed.box_type .item_wrap .box dt img {width:20px; margin-right: 5px;}
.container_fixed.box_type .item_wrap .box dd {margin-top:20px;}
.container_fixed.cont_exist {margin-top:40px;} 
.comp_pro_default_image .item_wrap .item.w800.m100per img {width:100%;}
}
.product_shipping_info .comp_pro_table .item_wrap .item table tbody tr th {font-size:1.6rem;}
.product_shipping_info .comp_pro_table .item_wrap .item table tbody tr td {font-size:1.6rem;}

/********* 높이조절 스텐랙 2  ***********/
.comp_pro_checkerboard_new .item_wrap.item4 .item_set {display:grid; grid-template-columns:repeat(4,1fr);}
.comp_pro_checkerboard_new .item_wrap.item4 .item_set .item .item_inner {width:auto; }
.comp_pro_checkerboard_new .item_wrap.item4 .item_set .item.x1 {width:auto;}
.comp_pro_checkerboard_new .item_wrap.item4 .item_set .item {min-height:350px;}
.comp_pro_checkerboard_new .item_wrap.item4 .item_set .item .item_inner .title {margin-top:0; display: flex; justify-content: center; align-items: center; min-height:80px; font-size:2rem;}


@media (max-width: 1240px) {  
.comp_pro_checkerboard_new .section_title_area .section_title {font-size:4rem;}
.comp_pro_checkerboard_new .item_wrap.item4 .item_set {display:grid; grid-template-columns:repeat(2,1fr);}

.comp_pro_checkerboard_new .item_wrap.item4 .item_set .item {min-height: 250px;}
.comp_pro_checkerboard_new .item_wrap.item4 .item_set .item .item_inner .title {min-height:auto;}
.comp_pro_checkerboard_new .item_wrap.item4 .item_set .item .item_inner {padding:40px 20px 40px 20px;}
}

@media (max-width: 768px) { 
.comp_pro_checkerboard_new {margin-top:80px;}
.comp_pro_checkerboard_new .section_title_area .section_title {font-size:3.5rem;}
.comp_pro_checkerboard_new .item_wrap.item4 .item_set {display:grid; grid-template-columns:repeat(1,1fr);}
.comp_pro_checkerboard_new .item_wrap.item4 .item_set .item {min-height:auto;}
}   

/********* 블렌드 원터치 믹서 BLC01  ***********/

.comp_pro_default_image .item_wrap .item .absolute-img {position:absolute;}

.blc01 .comp_pro_wide_bg_coffee .item_wrap .item .contents_area .contents {font-size:24px;}
.oven_detail.blc01 .smeg_service_3x.grid_num4-2-1 .item_wrap .icon_wrap {row-gap:50px; margin-top:50px;}
.gradation.renew240822 .container_fixed {padding: 150px 50px 150px; background: #eaeaea url(/images/product_detail/BLC01/blc01_gradation_bg.png) 50px bottom / 42% no-repeat;}
.container_full.gradation.renew240822 .title small {margin-top:30px; color:#000; font-weight:400;}
.gradation.renew240822 .grid2x2_1x1 {row-gap:30px; column-gap:0;}
.gradation.renew240822 .comment {background:#333; color:#fff; padding:40px 40px 50px;}
.gradation.renew240822 .comment.blank {opacity:0;}
.gradation.renew240822 .comment .tit {font-size:30px; margin-bottom:15px; font-weight:500;}
.gradation.renew240822 .comment .text {font-size:24px; font-weight:300;}
.gradation.renew240822 .comment .star {margin-bottom:35px;}
.blc01 .comp_pro_youtube {margin-top:0;}
.blc01 .comp_pro_table .item_wrap .item table tbody tr td .image_area {height:auto;}
.blc01 .comp_pro_youtube .item_wrap .item {padding:0; height:auto; aspect-ratio:16/9;}
.blc01 .comp_pro_table .item_wrap .item table tr .text-left {padding-left:30px;}
.blc01 .comp_title_area.exist_item {margin-top:100px;}
.comp_pro_default_image .item_wrap .text {width: 100%; margin-top: 30px; font-size:1.6rem;
font-weight: 300; line-height: 2.7rem; text-align: center; color:#666666;}
.comp_pro_default_image .item_wrap .text.impact {font-size:3rem; color:#000; font-weight:600;}
.comp_pro_default_image .item_wrap .text.double {display:flex;}
.blc01 .comp_pro_default_image .item_wrap .text.double {margin: 10px auto;}
.comp_pro_default_image .item_wrap .text.double p {color:#000; font-size:2rem; text-align:center; width:50%;}

.blc01 .small_full .image_area img {aspect-ratio: auto;}
.comp_pro_default_image .item_wrap.grid_1-2 .item {display:grid; grid-template-columns:repeat(2,1fr); row-gap:30px;}
.comp_pro_default_image .item_wrap.grid_1-2 .item img.grid-column_1-2 {grid-column:1/3; max-width: 600px; margin:0 auto;}
.comp_pro_default_image .item_wrap.triple .item img {width:calc(100% / 3);}
.blc01 .comp_pro_default_image .item_wrap.triple .item {justify-content:space-between;}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num1 {z-index:-1;}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num2 {bottom: 46.5%;
left: 16%; max-width:368px; width:30.66%; display:flex; align-items:center;}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num2 img {width:60%;}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num2 span.text {text-align: center; color:#fff; font-weight:500; font-size:2.8rem; margin-top:0; line-height:1.3;}

.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num3 {bottom: 28%;
left: 29%; max-width:447px; width:37%; display:flex; align-items:center;}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num3 img {width:48.9%;}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num3 span.text {text-align: center; color:#fff; font-weight:500; font-size:2.8rem; margin-top:0; line-height:1.3;}

.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num6 {bottom:-40px; left:17%; max-width:454px; width:56.75%;}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num6 img {}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num6 span.text {display:block; text-align:center; margin-top:10px; color:#000; font-weight:500; font-size:2.2rem; transform:translateX(-7%);}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num6 img {max-width:454px;}


.comp_pro_cross_leftright .item .image_area {position:relative;}
.comp_pro_cross_leftright .item_wrap .item .absolute-img {position:absolute;}
.blc01 .comp_pro_cross_leftright .item_wrap .item .absolute-img.num6 {bottom: -54px; left:5%; max-width:454px; width:56.75%;}
.blc01 .comp_pro_cross_leftright .item_wrap .item .absolute-img.num6 img {}
.blc01 .comp_pro_cross_leftright .item_wrap .item .absolute-img.num6 span.text {display:block; text-align:center; margin-top:10px; color:#000; font-weight:500; font-size:2.2rem; transform:translateX(-7%);}
.blc01 .comp_pro_cross_leftright .item_wrap .item .absolute-img.num6 img {max-width:454px;}

.container_full .small_title {-webkit-box-pack: center; -ms-flex-pack: center;
justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; font-size: 3rem; font-weight: 600; line-height: 3.3rem; color: #000000; text-align: center; margin: 40px 0 20px;}

@media (max-width: 1240px) {  
.container_full.gradation.renew240822 .title {font-size:36px;}
.container_full.gradation.renew240822 .title small {font-size:2.5rem; margin-top:15px;}
.gradation.renew240822 .container_fixed {background: #eaeaea url(/images/product_detail/BLC01/blc01_gradation_bg.png) 50px bottom / 450px no-repeat; padding:100px 50px;}
.gradation.renew240822 .comment .tit {font-size:24px;}
.gradation.renew240822 .comment .text {font-size:18px;}
.gradation.renew240822 .comment .star {margin-bottom:25px;}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num6 {left:10%;}
}

@media (max-width: 1024px) {
	
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num3 {bottom:27%; left:29%;}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num3 span.text {font-size: 2.4rem; white-space: nowrap;}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num6 {left:1%;}

}

@media (max-width: 768px) {  
.blc01 .comp_title_area.exist_item {margin-top:50px;}
.gradation.renew240822 .container_fixed {background: #eaeaea url(/images/product_detail/BLC01/blc01_gradation_bg.png) 30px bottom / 300px no-repeat; padding: 50px 30px 80px;}
.container_full.gradation.renew240822 .title {font-size:30px;}
.container_full.gradation.renew240822 .title small {font-size:2rem;}
.gradation.renew240822 .grid2x2_1x1 {grid-template-columns:repeat(1, 1fr); width:60%;}
.gradation.renew240822 .comment {padding:25px 30px 30px;}
.gradation.renew240822 .comment.blank {display:none;} 
.gradation.renew240822 .comment .tit {font-size:16px; margin-bottom:7px;}
.gradation.renew240822 .comment .text {font-size:14px;}
.gradation.renew240822 .flex-end_right {display:flex; justify-content:flex-end;}
.container_full.gradation.renew240822 .title {padding-bottom:70px;}
.gradation.renew240822 .comment .star img {width:14px;}
.comp_pro_table.only_mobile_w768.renew240822 .item_wrap .item table {border-top:1px solid #000;}
.comp_pro_table.only_mobile_w768.renew240822 .item_wrap .item table tbody tr:last-child {border-bottom:1px solid #000;}
.comp_pro_table.only_mobile_w768.renew240822 .item_wrap .item table tbody tr th {}
.blc01 .comp_pro_default_image .item_wrap.grid_1-2 .item {display:block;}
.blc01 .comp_pro_default_image .item_wrap.triple .item {display:block;}
.comp_pro_default_image .item_wrap.triple .item img {width:100%;}
.comp_pro_default_image .item_wrap .text.double p {font-size:1.6rem;}
.container_full .small_title {-webkit-box-pack: center; -ms-flex-pack: center;
justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; font-size: 2rem;font-weight: 600; line-height: 3.3rem; color: #000000; text-align: center; margin: 40px 0 20px;}
.blc01 .comp_pro_top_lineup .item_wrap .item .lineup_bottom {margin-top:30px;}
.oven_detail.blc01 .comp_pro_top_lineup {margin-top:0;}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num2 {bottom: 45.5%; left: 14%;
 width: 30%;}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num2 span.text {font-size:2.2rem;}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num3 span.text {font-size: 2.8vw;}	
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num6 span.text {font-size:1.8rem; transform:translateX(-7%);}
.comp_pro_default_image .item_wrap .text.impact {font-size:2rem;}
.blc01 .comp_pro_cross_leftright .item_wrap .item .absolute-img.num6 span.text {font-size:1.8rem;}
.blc01 .comp_pro_cross_leftright .item .image_area.num6 {padding-bottom:50px}
.blc01 .comp_pro_cross_leftright .item_wrap .item .absolute-img.num6 {bottom:0;}
.comp_pro_cross_leftright.mob_reverse .item {display:flex; flex-direction:column!important;}

}

@media (max-width: 500px) { 
.blc01 .comp_pro_cross_leftright {margin-top:80px;}
.oven_detail.blc01 .smeg_service_3x.grid_num4-2-1 .item_wrap .icon_wrap {grid-template-columns: repeat(2, 1fr);}
.oven_detail.blc01 .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon img {max-width:120px;}
.gradation.renew240822 .container_fixed {background: #eaeaea url(/images/product_detail/BLC01/blc01_gradation_bg.png) center 220px / 250px no-repeat;
padding: 50px 30px 80px;}
.gradation.renew240822 .grid2x2_1x1 {width:100%; gap:20px;}
.container_full.gradation.renew240822 .title {font-size:26px; padding-bottom:450px;}
.container_full.gradation.renew240822 .title small {font-size:1.8rem;}

.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num2 {bottom: 43.5%; left: 9%;
width: 30%; gap: 5px;}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num2 span.text {font-size:1.6rem;}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num3 {left:24%;}
.blc01 .comp_pro_default_image .item_wrap .item .absolute-img.num3 span.text {font-size: 1.6rem;}	 
}

/********* 스메그 멀티프로 오븐 ALFA43XMFDSK  ***********/

.comp_pro_table table .smeg {background:#fff7f3;}
.comp_pro_table .color_num1 tbody tr td:nth-of-type(1), .comp_pro_table .color_num1 tbody tr th:nth-of-type(1) {background:#fff7f3;}
.comp_pro_table .color_num2 tbody tr td:nth-of-type(2), .comp_pro_table .color_num2 tbody tr th:nth-of-type(2) {background:#fff7f3;}
.comp_pro_table .color_num3 tbody tr td:nth-of-type(3), .comp_pro_table .color_num3 tbody tr th:nth-of-type(3) {background:#fff7f3;}
.comp_pro_table .color_num4 tbody tr td:nth-of-type(4), .comp_pro_table .color_num4 tbody tr th:nth-of-type(4) {background:#fff7f3;}
.comp_pro_table .color_num5 tbody tr td:nth-of-type(5), .comp_pro_table .color_num5 tbody tr th:nth-of-type(5) {background:#fff7f3;}
.comp_pro_table .color_num6 tbody tr td:nth-of-type(6), .comp_pro_table .color_num6 tbody tr th:nth-of-type(6) {background:#fff7f3;}


.gap20 {gap:20px;}
.comp_pro_default_image + .comp_pro_default_image {margin-top:80px;}
.comp_title_area .comp_sub_title {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;
align-items: center; width: 100%; font-size:2.5rem; font-weight:600; line-height:4.3rem;
color:#000000; text-align:center;}
.comp_pro_default_image .item_wrap .notice {display:block; text-align:center; margin-bottom:20px;}
.comp_pro_cross_leftright.top_no_exist {margin-top:0;}

.comp_pro_cross_leftright .item .contents_area.center_txt {padding-top:50px;}
.comp_pro_cross_leftright .item:nth-child(even) .contents_area.center_txt .contents_group {padding-right:0;}
.comp_pro_cross_leftright .item .contents_area .contents_set .title img.icon {display: inline-block; transform:translateY(1px); margin-right:10px; width:40px;}
.comp_pro_cross_leftright .item .contents_area .contents_set .title .icon img {width:45px;}
.comp_pro_cross_leftright .item .contents_area .contents_set .title .icon img+img {margin-left:5px;}
.alfa43xmfdsk .comp_pro_cross_leftright .item .contents_area .contents_set .title span.icon {display:inline-block; transform:translateY(-7px);}
.alfa43xmfdsk .comp_pro_wide_bg_coffee .item_wrap .item {align-items:start;}
.alfa43xmfdsk .comp_pro_wide_bg_coffee .item_wrap .item .contents_area .contents {font-size:24px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .line {width:1px; height:300px; margin: 0 20px; background:#D6D6D6;}

.comp_title_area .comp_title .sub_tit {display:block; font-size:4rem; font-weight:500; margin-top:10px;}

.smeg_service_3x.renew240911 .item_wrap .icon_wrap .icon_area {}
.alfa43xmfdsk .comp_pro_top_lineup .item_wrap .item .lineup_bottom .title {font-size:3rem;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap {margin-bottom:60px; justify-content: space-between; row-gap:30px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap p {font-size:2rem;}
.alfa43xmfdsk .smeg_service_3x.renew240911 .item_wrap .icon_wrap .icon_area {padding:0; margin:0;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon img {max-width:150px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon.width_260 img {max-width:260px; width:100%;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon.width_190 img {max-width:190px; width:100%;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon.width_130 img {max-width:130px; width:100%;}

.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap.gap100 {gap:100px;}
.alfa43xmfdsk  .smeg_service_3x .item_wrap .icon_wrap .icon_area.w300 {margin-right:0;}
.alfa43xmfdsk  .smeg_service_3x .item_wrap .icon_wrap.grid2x1 .icon_area.w300 {width:50%;}
.smeg_service_3x .item_wrap .icon_wrap .icon_area.w300 .icon img {max-width:300px; width:100%;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dt {font-size:2.2rem;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dt img {margin-right:10px; width:25px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area.num1 .text_wrap dt img {width:15px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area.num3 {width:60%;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dd {font-size:2rem; margin-top:10px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .grid2x1 li {display:flex; gap:10px; align-items:center;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .grid2x1 li img {width:50px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap.text-only dd {margin-top:20px;}
.alfa43xmfdsk .smeg_service_3x.num2 {margin-top:80px;}
.alfa43xmfdsk .comp_title_area .comp_sub_title img {width:35px; margin-right:9px; transform:translateY(5px);}
.comp_title_area .comp_title .icon {display:inline-block; width:60px; text-align:center; margin-top:20px;}

.comp_pro_table .item_wrap.double {display:flex; gap:10px;}
.comp_pro_table.border-tbody-none .item_wrap .item table tbody tr {border:none;}
.comp_pro_table .item_wrap table td b, .comp_pro_table .item_wrap table th b {display:block; font-weight:700;}
.comp_pro_table .item_wrap table td span, .comp_pro_table .item_wrap table th span {display:block;}
.comp_pro_table.pro_oven60L .item_wrap .item table tbody tr {min-height:150px;}
.comp_pro_table.pro_oven60L .item_wrap .item table tbody tr td {min-height:150px;}
.comp_pro_table.pro_oven60L .item_wrap.double .column4 {width:60%;}
.comp_pro_table.pro_oven60L .item_wrap.double .column2 {width:40%;}
.comp_pro_table.pro_oven60L .item_wrap .item table img.small_product {max-width:130px; width:100%;}
.comp_pro_table.pro_oven60L .item_wrap .item table tbody tr th b {font-size:16px;}
.comp_pro_table.pro_oven60L .item_wrap .item table tbody tr th span {font-weight:400;}
.comp_pro_table.pro_oven60L .item_wrap .item table tbody tr td img.icon {max-width:50px; max-height:50px; margin-top:5px;}
/* 3:2:2 구조용 column 클래스 */
.comp_pro_table.pro_oven60L .item_wrap.triple { display: flex; gap: 10px; }
.comp_pro_table.pro_oven60L .item_wrap.triple .column3of7 {width: 42.857%;}
.comp_pro_table.pro_oven60L .item_wrap.triple .column2of7 {width: 28.571%;}

@media (max-width: 1024px) { 
.alfa43xmfdsk .comp_pro_top_lineup .item_wrap .item .lineup_bottom .title {font-size:2.8rem;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap.m-grid2x1 {display:grid; grid-template-columns:repeat(2,1fr); row-gap:50px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap.m-grid2x1 .icon_area .icon {margin-bottom:10px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dt {font-size:2.5rem;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area.num1 .text_wrap dt img {width:15px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area.num2 .text_wrap dt img {width:30px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area.num3 .text_wrap dt img {width:30px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dd {font-size:1.6rem;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap.text-only dd li img {width:60px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap.gap100 {gap:50px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap.text-only dd ul.gap20 {column-gap:10px;}
}

@media (max-width: 768px) {  
.comp_title_area .comp_title .sub_tit {font-size:3rem; margin-top:0;}

.comp_title_area .comp_sub_title {font-size:2rem;}
.comp_title_area .comp_title .icon {display:inline-block; width:40px; text-align:center; margin-top:15px;}
.alfa43xmfdsk .comp_title_area .comp_sub_title img {width: 27px; margin-right:9px; transform:translateY(9px);}
.comp_pro_cross_leftright .item.reverse {display:flex; flex-direction:column;}
.comp_pro_cross_leftright .item.reverse+.item.reverse {margin-top:60px;}
.comp_pro_cross_leftright .item.reverse .contents_area .contents_group {text-align:center;}
.comp_pro_cross_leftright .item.reverse .image_area {order:2;}
.comp_pro_cross_leftright .item .contents_area.center_txt {padding-top:0;}
.comp_pro_cross_leftright .item .contents_area.center_txt.order_w768 {order:-1;}

.alfa43xmfdsk .comp_pro_top_lineup .item_wrap .item .lineup_bottom .title {font-size:2.6rem;}
.alfa43xmfdsk .comp_pro_top_lineup .item_wrap .item .lineup_bottom .text p+p {margin-top:30px;}
.alfa43xmfdsk .comp_pro_cross_leftright .item:nth-of-type(2) {margin-top:0;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap.gap100 {flex-direction:column;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap.grid2x1 .icon_area.w300 {width:100%;}
.alfa43xmfdsk .smeg_service_3x.num2 .item_wrap .icon_wrap {gap:0px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area.w300 .text_wrap {text-align:left; max-width:300px; margin:0 auto; }
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap.text-only dd li img {width:40px;}

.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dt {font-size:2rem;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area.num1 .text_wrap dt img {width:13px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area.num2 .text_wrap dt img {width:25px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area.num3 {width:100%; max-width:350px; margin:0 auto;}
.smeg_service_3x .item_wrap .icon_wrap .icon_area.m-grid2x1 .text_wrap .sub_title {font-size:2rem; margin-bottom:10px;}
.alfa43xmfdsk .smeg_service_3x.num2 {margin-top:60px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap.m-grid2x1 .icon_area .icon img  {max-width:100px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area.w300 .icon img {max-width:160px;}

.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap.m-grid2x1 .icon_area .text_wrap p {font-size:1.6rem;}
.alfa43xmfdsk .comp_pro_cross_leftright.top_no_exist .item .contents_area .contents_group .contents_set {margin-top:20px;}
.alfa43xmfdsk .comp_pro_cross_leftright .item .contents_area {margin-top:0;}

.comp_pro_cross_leftright .item .contents_area .contents_group .title {font-size:2rem;}
.alfa43xmfdsk .comp_pro_cross_leftright .item .contents_area .contents_set .title span.icon {transform: translateY(-3px);}
.alfa43xmfdsk .comp_pro_cross_leftright .item .contents_area .contents_set .title span.icon img {width: 35px;}

.gradation.renew250305 {padding:0 20px;}
.vict_induct .renew250305 {padding-top:50px;}
.alfa43xmfdsk .smeg_service_3x.type3 .item_wrap .icon_wrap .icon_area .text_wrap dt {font-size:2rem;}
.smeg_service_3x.type3 .item_wrap .icon_wrap .icon_area.border_dashed {padding:30px 20px!important;}
.smeg_service_3x .item_wrap.text-align-center .icon_wrap .icon_area {display:block;}
 }
 
 
 @media (max-width: 500px) {   
.comp_title_area.no-item {padding-bottom:20px;}
.comp_title_area .comp_title .sub_tit {font-size:2.4rem;}
.smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap {padding-left:0;}
.smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap .sub_title {font-size:2rem; margin-bottom:10px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap.text-only dd li img {width:35px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .grid2x1 li span {font-size:1.5rem;}
.smeg_service_3x .item_wrap .icon_wrap .icon_area.w500 .icon img {width:65%;}
.smeg_service_3x .item_wrap .icon_wrap .icon_area.w500.num4 {margin-bottom:0;}
.alfa43xmfdsk .comp_pro_cross_leftright.top_no_exist .item .contents_area .contents_group .contents_set {margin-top:35px;}
.alfa43xmfdsk .comp_pro_cross_leftright.top_no_exist.num1 .item .contents_area .contents_group .contents_set {margin-top:0;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area.num1 .text_wrap dt img {width:10px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area.num2 .text_wrap dt img {width:20px;}
.alfa43xmfdsk .smeg_service_3x .item_wrap .icon_wrap .icon_area.num3 .text_wrap dt img {width:20px;}

.smeg_service_3x.grid_2.type3 .item_wrap .icon_wrap {grid-template-columns: repeat(1, 1fr);}
.smeg_service_3x.grid_2.type3 .item_wrap .icon_wrap .icon_area.border_dashed {border-right:0;}
.smeg_service_3x.type3 .item_wrap .icon_wrap .icon_area.border_dashed:last-child {border-top:2px dashed #d5d5d5;}

.comp_pro_table.pro_oven60L .item_wrap .item table tbody tr th b {font-size:14px;}
.comp_pro_table.pro_oven60L .item_wrap .item table tbody tr th span {font-size:13px;}
 }
 
 
.renew241128 .smeg_service_3x .item_wrap .icon_wrap .icon_area {margin-right:0;}
.renew241128 .comp_pro_top_lineup {padding:0 0 150px;}
.use_slide {margin-top:150px;}
.margin_top_zero {margin-top:0!important;}
.margin_bottom_zero {margin-bottom:0!important;}
.padding_zero {padding:0!important;}
.alfa43xmfdsk .smeg_service_3x.grid_3and4 .item_wrap .icon_wrap {flex-direction:column;}
.smeg_service_3x.grid_3and4 .item_wrap .icon_wrap .line01 {display:grid
; grid-template-columns: repeat(3, 1fr);}
.smeg_service_3x.grid_3and4 .item_wrap .icon_wrap .line02 {display: flex
; justify-content: space-between; margin-top: 50px;}
.margin_top_150_80 {margin-top:150px;}
.margin_top_0_30 {}
.margin_top_80_40 {margin-top:80px;}
.margin_top_50_30 {margin-top:50px;}
.margin_top_60_40 {margin-top:60px;}
.padding_top_150_80 {padding-top:150px;}
.padding_top_100_80 {padding-top:100px;}
.padding_top_100_50 {padding-top:100px;}
.padding_top_60_40 {padding-top:60px;}
.padding_top_60_30 {padding-top:60px;}
.padding_150_80 {padding:150px 0;}
.padding_100_80 {padding:100px 0;}
.padding_100_50 {padding:100px 0;}

.smeg_service_3x.grid_3 .item_wrap .icon_wrap {display:grid
; grid-template-columns: repeat(3, 1fr); row-gap:50px;}
.smeg_service_3x.grid_3.type3 .item_wrap .icon_wrap {gap:0;}
.smeg_service_3x.grid_2 .item_wrap .icon_wrap {display:grid
; grid-template-columns: repeat(2, 1fr); gap:0;}
.smeg_service_3x.type3 .item_wrap .icon_wrap .icon_area.border_dashed {border:2px dashed #d5d5d5; border-top:0; border-left:0; padding:60px 30px;}
.smeg_service_3x.type3 .item_wrap .icon_wrap .icon_area.border_dashed:nth-child(3n) {border-right:0;}
.smeg_service_3x.type3 .item_wrap .icon_wrap .icon_area.border_dashed:last-child, .smeg_service_3x.type3 .item_wrap .icon_wrap .icon_area.border_dashed:nth-last-child(2), .smeg_service_3x.type3 .item_wrap .icon_wrap .icon_area.border_dashed:nth-last-child(3) {border-bottom:0;}
.smeg_service_3x.type3 .item_wrap .icon_wrap .icon_area {margin-right:0;}
.alfa43xmfdsk .smeg_service_3x.type3  .item_wrap .icon_wrap .icon_area .text_wrap dt {font-size:2.6rem;}
.alfa43xmfdsk .smeg_service_3x.type3 .item_wrap .icon_wrap .icon_area .text_wrap dd {font-size:1.8rem;}


.table_area span.arrow_dot {display:block; width:100%; border-top:1px dotted #000; position:relative;}
.table_area span.arrow_dot:before {content:""; display:block; position:absolute; width: 0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:10px solid #000; top:-6px; left:-11px;}
.table_area span.arrow_dot:after {content:""; display:block; position:absolute; width: 0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:10px solid #000; top:-6px; right:-11px;}

.table_gap_zero .table+.table tr th:first-child {border-left:0;}
.table_gap_zero .table+.table tr td:first-child {border-left:0;}


.table_area.type2 tbody th {font-weight:400;}
.table_area.type2 .small_tit {text-align:center; margin-bottom:10px;}
.table_area.type2+.table_area.type2 {margin-top:50px;}
.table_area.type2 th, .table_area.type2 td {padding:10px;}
.table_area.type2 td.icon {display:flex; justify-content:center; column-gap:10px;}
.comp_title_area .notice {text-align:center; margin-top:20px; font-size:1.4rem;}

.table_area.type3 tbody th {font-weight:400;}
.table_area.type3 .small_tit {text-align:center; margin-bottom:10px;}
.table_area.type3+.table_area.type3 {margin-top:50px;}
.table_area.type3 th, .table_area.type3 td {padding:15px 10px;}
.table_area.type3 td.icon {display:flex; justify-content:center; column-gap:10px;}
.container_fixed .table_tit {background:#333; color:#fff; text-align:center; padding:20px 10px; font-size:2rem;}

.container_fixed.double_title {display:flex; justify-content:center; gap:100px;}
.container_fixed.double_title .before_line {position:relative;}
.container_fixed.double_title .before_line:before {content:""; display:block; width:2px; height:30px; background:#000; position:absolute; left:-52px; top:35px;}

 @media (max-width: 768px) {  
.container_fixed.double_title {flex-direction:column; gap:20px;}
.comp_title_area .container_fixed.double_title .comp_description {margin-top:10px;}
.container_fixed.double_title .before_line:before {left:50%; width:30px; height:4px; top:0; transform:translateX(-50%);}
 }

.table_tit.combioven {
  background: #031D43;
  color: #fff;
  text-align: center;
  padding: 20px 10px;
  font-size: 2rem; 
  font-weight:700;
}

@media (max-width: 1024px) { 
.renew241128 .comp_pro_top_lineup {padding:0 0 100px;}
.use_slide {margin-top:100px;} 
.alfa43xmfdsk .smeg_service_3x.grid_2x2x2x1 .item_wrap .icon_wrap {display:grid; grid-template-columns:repeat(2,1fr);}
.alfa43xmfdsk .smeg_service_3x.grid_2x2x2x1 .item_wrap .icon_wrap .grid_column_1-3 {}
.smeg_service_3x.grid_3 .item_wrap .icon_wrap {display:grid
; grid-template-columns: repeat(2, 1fr); row-gap:50px;}
.smeg_service_3x.type3 .item_wrap .icon_wrap .icon_area.border_dashed:nth-last-child(3) {border-bottom:2px dashed #d5d5d5;}
.smeg_service_3x.type3 .item_wrap .icon_wrap .icon_area.border_dashed:nth-child(3n) {border-right:2px dashed #d5d5d5;}
.smeg_service_3x.type3 .item_wrap .icon_wrap .icon_area.border_dashed:nth-child(2n) {border-right:0;}
}

 @media (max-width: 768px) { 
 .margin_top_80_40 {margin-top:40px;}
 .margin_top_60_40 {margin-top:40px;}
 .renew241128 .comp_pro_top_lineup {padding:0 0 70px;}
 .use_slide {margin-top:70px;} 
 .alfa43xmfdsk.renew241128 .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon.width_260 img {max-width:200px;}
 .alfa43xmfdsk.renew241128 .smeg_service_3x .item_wrap .icon_wrap { }
 .alfa43xmfdsk.renew241128 .comp_pro_cross_leftright .item:nth-of-type(2) {margin-top:80px;}
.renew241209 .smeg_service_3x .item_wrap .icon_wrap .icon_area .icon.width_190 img {max-width:150px;}
.margin_top_150_80 {margin-top:80px;}
.margin_top_50_30 {margin-top:30px;}
.margin_top_0_20 {margin-top:20px;}
.padding_top_150_80 {padding-top:80px;}
.padding_top_100_80 {padding-top:80px;}
.padding_top_100_50 {padding-top:50px;}
.padding_top_60_40 {padding-top:40px;}
.padding_top_60_30 {padding-top:30px;}
.padding_150_80 {padding:80px 0;}



.padding_100_50 {padding:50px 0;}
.table_area.type2 {font-size:1.4rem;}
/*.table_area.type2.scroll_768 {overflow-x:auto;}
.table_area.type2.scroll_768 table {min-width:768px;}
.table_area.type2.scroll_500 {overflow-x:auto;}
.table_area.type2.scroll_500 table {min-width:500px;}*/
.comp_pro_cross_leftright .item {margin-top:60px;}
.container_fixed .table_tit {font-size:1.8rem;}
 }
 
  @media (max-width: 500px) {
	.renew241128 .comp_pro_cross_leftright {margin-top:80px;}
	.renew241128 .comp_pro_cross_leftright.use_guide {margin-top:80px;}
	.renew241128 .comp_pro_cross_leftright.use_guide .item {margin-top:30px;}
	.alfa43xmfdsk.renew241128 .comp_pro_cross_leftright.use_guide .item:nth-of-type(2) {margin-top:30px;}
	.alfa43xmfdsk .renew241209 .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dt {font-size:1.6rem;}
	
	.table_area.type2 th, .table_area.type2 td {padding:5px;}
	.table_area.type2 {font-size:1.2rem;}
	.table_area.type2 tbody th, .table_area.type2 tbody td {font-size:1.2rem;}
	.comp_pro_cross_leftright .item .contents_area .contents_set .table_area table thead tr th {font-size:1.2rem;}
	.comp_pro_cross_leftright .item .contents_area .contents_set .table_area table tbody tr td {font-size:1.2rem;}
	.table_area.type2 td.icon {display:flex; flex-wrap:wrap; justify-content:center; gap:10px}
  }
  
  /* 가전 클리닝 서비스 */
  .minW500 {min-width:500px;}
  .maxW60 {max-width:60px;}
  .maxW80 {max-width:80px;}
  .pc_maxW400 {max-width:400px;}
  .pc_maxW500 {max-width:500px;}
  .margin_padding_line_80_50 {margin-top:80px; padding-top:80px; border-top:1px solid #ddd; }
  .comp_title_area.padding0 {padding:0;}
  .comp_pro_cross_leftright .item .image_area.flex-end {justify-content:flex-end;}
  
  .comp_pro_cross_leftright .item .contents_area.pcW65per {width:65%;}
  .comp_pro_cross_leftright .item .image_area.pcW35per {width:35%;}
  
  .container_full.grid_type1 .comp_title {margin-bottom:20px; font-size:3rem; color:#000000; line-height:4rem; font-weight:600;}
  .container_full.grid_type1 .item_wrap {display:grid; gap:20px;}
  .container_full.grid_type1 .item.bx_type {display:flex; flex-direction:column; justify-content:space-between; border:1px solid #999; padding:30px 13px 20px;}
  .container_full.grid_type1 .item_wrap .icon_wrap {display:flex; justify-content:center; align-items:center;}
  .container_full.grid_type1 .grid_4x1_2x1_1x1 .item_wrap {grid-template-columns:repeat(4,1fr);}
   .container_full.grid_type1 .grid_4x1_4x1_2x1_2x1 .item_wrap {grid-template-columns:repeat(4,1fr);}
     .container_full.grid_type1 .grid_4x1_4x1_2x1_2x1 .item_wrap {grid-template-columns:repeat(4,1fr);}
   .container_full.grid_type1 .grid_4x1_4x1_2x1_1x1 .item_wrap {grid-template-columns:repeat(4,1fr);}
  .container_full.grid_type1 .grid_3x1_3x1_1x1 .item_wrap {grid-template-columns:repeat(3,1fr);}
   .container_full.grid_type1 .grid_3x1_2x1_2x1 .item_wrap {grid-template-columns:repeat(3,1fr);}
   .container_full.grid_type1 .grid_3x1_2x1_1x1 .item_wrap {grid-template-columns:repeat(3,1fr);}
    .container_full.grid_type1 .pc_w75per {width:75%; margin:0 auto;}
  .container_full.grid_type1 .item_tit {font-size:2rem; font-weight:600; margin-top:20px;}
  .container_full.grid_type1 .link_tit {font-weight:600; font-size:2.4rem; text-align:center; margin-bottom:15px;}
  .container_full.grid_type1 .link_tit.call {display:flex; align-items:center; justify-content:center; gap:10px;}
  .container_full.grid_type1 .link_tit small {font-size:1.8rem;}
  .container_full.grid_type1 .link_tit .number {}
   .container_full.grid_type1 .call_time {text-align:center; font-weight:600;}
   .container_full.grid_type1 .call_time span {display:block; color:#666; font-weight:400;}
  .container_full.grid_type1 .gray_bx {background:#f4f4f2; margin-top:10px; padding:10px;}
  .container_full.grid_type1 .gray_bx span {display:block;}
  .container_full.grid_type1 .gray_bx span.cost {text-align:right; margin-top:5px; font-weight:600;}
  .container_full.grid_type1 .white_bx {padding:10px; font-size:1.5rem;}
  .container_full.grid_type1 .white_bx dt {color:#333;}
  .container_full.grid_type1 .white_bx dd {font-weight:500; margin-top:10px; margin-bottom: 10px;}
  .container_full.grid_type1 a.btn_detail {display:block; width:100%; padding:14px 10px 16px; background:#333; color:#fff; text-align:center; line-height:1; transition:all 0.3s; border:1px solid #333;}
  .container_full.grid_type1 a.btn_detail:hover {border:1px solid #333; background:#fff; color:#333;}
  
  .container_full.grid_type2.gray .container_fixed {background:#f2f2f2; padding:60px;}
  .container_full.grid_type2 .grid_2x2_1x1 .item_wrap {display:grid; grid-template-columns:repeat(2,1fr); gap:30px; margin-top:40px;}
   .container_full.grid_type2 .grid_2x1 .item_wrap {display:grid; grid-template-columns:repeat(2,1fr);}
  .container_full.grid_type2 .grid_2x2_1x1 .item_wrap .item img {width:100%;}
  .container_full.grid_type2 .comp_title {font-size:3.2rem; text-align:center; font-weight:600; }
  .container_full.grid_type2 .bx_type {background:#fff; text-align:center; border:1px solid #dbdbdb; padding:50px;}
  .container_full.grid_type2 .bx_type .tit_wrap dt {font-size:1.8rem; font-weight:600;}
   .container_full.grid_type2 .bx_type .tit_wrap dt svg {transform:translateY(8px);}
  .container_full.grid_type2 .bx_type .tit_wrap dt span {display:inline-block; color:#fff; background:#000; width:27px; height:27px; text-align:center; border-radius:50%; line-height:27px; font-size:1.3rem; font-weight:400;}
  .container_full.grid_type2 .bx_type .tit_wrap dd {font-size:2rem; font-weight:600; margin-top:10px;}
  .container_full.grid_type2 .bx_type .icon_wrap {margin-top:20px;}
  .container_full.grid_type2 .bx_type p {margin-top:30px; font-size:1.8rem;}
  
   
  
  .container_full.step_type1 .comp_title {margin-bottom:20px; font-size:3rem; color:#000000; line-height:4rem; font-weight:600;}
  .container_full.step_type1 .titBg_wrap img {width:100%;}
  .container_full.step_type1 .step_wrap {display:grid; grid-template-columns:repeat(5,1fr); gap:60px 20px; margin-top:60px; overflow:hidden;}
  .container_full.step_type1 .step {display:flex; flex-direction:column; justify-content:space-between;}
  .container_full.step_type1 .step .step_img img {width:100%; aspect-ratio: 1.297 / 1; object-fit:cover;}
   .container_full.step_type1 .step .step_tit {font-size:2rem; font-w
    eight:600; text-align:center; margin-bottom:15px;}
   .container_full.step_type1 .step .arrow_line {position:relative; margin-bottom:20px;}
   .container_full.step_type1 .step .arrow_line span {display:block;}
   .container_full.step_type1 .step .arrow_line .circle {position:relative; width:35px; height:35px; border:1px solid #ddd; border-radius:50%; margin:0 auto; background:#fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
   .container_full.step_type1 .step .arrow_line .circle:before {content:""; display:block; background:url(/images/product_detail/Clinic_Service/i-arrow.png) no-repeat center center / contain; width:9px; height:23px; position:absolute; top:5px; left:13px;}
   .container_full.step_type1 .step .arrow_line .line {width:calc(100% + 20px); height:0.5px; border-top:0.5px solid transparent; border-image: repeating-linear-gradient(to right, #999 0, #999 7px, transparent 7px, transparent 11px) 1; position:absolute; top:50%; z-index:-1;}
   .container_full.step_type1 .step:last-of-type .arrow_line .line {width:100%;}
   .container_full.step_type1 .small_contents {margin-top:50px;}
   .container_full.step_type1 .small_contents p+p {margin-top:10px;}
   
   
   .container_full.step_type2 .comp_title {margin-bottom:20px; font-size:3rem; color:#000000; line-height:4rem; font-weight:600;}
   .container_full.step_type2 .step_inner {display:flex; align-items:center;}
   .container_full.step_type2 .step_inner > div {width:50%;}
   .container_full.step_type2 .bgWrap {}
   .container_full.step_type2 .bgWrap img {width:100%; aspect-ratio:1.03/1; object-fit:cover; max-width:800px; margin:0 auto;}
   .container_full.step_type2 .step_wrap {padding-left:80px;}
   .container_full.step_type2 .step_wrap .step {display:flex; gap:20px;}
   .container_full.step_type2 .step_wrap .step+.step {margin-top:30px;}
   .container_full.step_type2 .step_wrap .step > p {font-size:2rem; font-weight:600;}
   .container_full.step_type2 .step_wrap .step .step_num {display:inline-block; width:30px; height:30px; line-height:29px; border-radius:50%; background:#000; color:#fff; text-align:center; font-weight:400; font-size:1.6rem; margin-left:10px;}
   .container_full.step_type2 .step_wrap .step dl dt {font-size:2.2rem; line-height:1.2; font-weight:600; margin-bottom:20px;}
   .container_full.step_type2 .step_wrap .step dl dd {font-size:2rem; line-height:1.8; }
   .comp_pro_oven_before_after.gray .container_fixed {background:#f2f2f2; padding:60px;}
   .comp_pro_oven_before_after.gray .container_fixed .comp_title {font-size:3rem; font-weight:600; margin-bottom:30px;}
   .comp_pro_oven_before_after.gray .item_wrap .item .title {color:#000;}
  @media (max-width: 1024px) { 
 .container_full.grid_type1 .grid_4x1_2x1_1x1 .item_wrap {grid-template-columns:repeat(2,1fr);}
 
.container_full.step_type1 .step_wrap {grid-template-columns:repeat(3,1fr);}
.container_full.step_type2 .step_inner {flex-direction:column;}
.container_full.step_type2 .step_inner > div {width:100%;}
.container_full.step_type2 .step_wrap {padding:60px 0 0 0;}
}

  @media (max-width: 768px) {
.margin_padding_line_80_50 {margin-top:50px; padding-top:50px;}
.comp_pro_cross_leftright .item .image_area.pcW35per {width:100%;}
.comp_pro_cross_leftright .item .contents_area.pcW65per {width:100%;}
.container_full.grid_type1 .comp_title {font-size:2.4rem;}
.container_full.grid_type2 .comp_title {font-size:2.4rem;}
.container_full.grid_type2.gray .container_fixed {padding:45px 0;}
.container_full.step_type1 .step_wrap {row-gap:40px;}
.container_full.step_type1 .comp_title {font-size:2.4rem;}
.container_full.step_type1 .step .step_tit {font-size:1.8rem;}
.container_full.step_type1 .step_wrap {margin-top:30px;}
.container_full.step_type1 .small_contents {margin-top:30px;}
.container_full.step_type2 .comp_title {font-size:2.4rem;}
.container_full.step_type2 .step_wrap {padding:40px 0 0 0;}
.container_full.step_type2 .step_wrap .step+.step {margin-top:25px;}
.container_full.step_type2 .step_wrap .step dl dt {font-size: 2rem; margin-bottom:15px;
line-height:1.4;}
.container_full.step_type2 .step_wrap .step p {font-size:1.8rem;}
.container_full.step_type2 .step_wrap .step .step_num {line-height:25px; height:25px; width:25px; font-size:1.4rem;}
.container_full.step_type2 .step_wrap .step dl dd {font-size:1.8rem;}
.container_full.grid_type1 .grid_4x1_4x1_2x1_1x1 .item_wrap {grid-template-columns:repeat(2,1fr);}
.container_full.grid_type1 .grid_4x1_4x1_2x1_2x1 .item_wrap {grid-template-columns:repeat(2,1fr);}
.container_full.grid_type1 .grid_3x1_3x1_1x1 .item_wrap {grid-template-columns: repeat(1,1fr);}
.container_full.grid_type1 .grid_3x1_2x1_2x1 .item_wrap {
grid-template-columns: repeat(2,1fr);}
.container_full.grid_type1 .grid_3x1_2x1_1x1 .item_wrap {
grid-template-columns: repeat(2,1fr);}
.container_full.grid_type1 .pc_w75per {width:100%;}
.container_full.grid_type1 .link_tit {font-size:2.2rem;}
.container_full.grid_type1 .link_tit small {font-size:1.6rem;}
.container_full.grid_type2 .grid_2x2_1x1 .item_wrap {gap:20px;}
.container_full.grid_type2 .bx_type {padding:50px 30px;}
.comp_pro_oven_before_after.gray .container_fixed {padding:45px 0;}
.comp_pro_oven_before_after.gray .container_fixed .comp_title {font-size:2.4rem;} 
  }
  
  @media (max-width: 500px) {
.minW500 {min-width:auto;}
.comp_pro_cross_leftright.install_service .item .contents_area {width:100%;}
.container_full.grid_type1 .grid_4x1_2x1_1x1 .item_wrap {grid-template-columns:repeat(1,1fr);}
.container_full.step_type1 .step_wrap {grid-template-columns:repeat(2,1fr); row-gap:30px;}
.container_full.step_type2 .step_wrap .step {flex-direction:column; gap:5px;}
.container_full.step_type2 .step_wrap .step dl dt {margin-bottom:10px;}
.container_full.grid_type1 .link_tit {font-size:2rem;}
.container_full.grid_type1 .link_tit small {font-size:1.4rem;}
.container_full.grid_type2 .grid_2x2_1x1 .item_wrap {grid-template-columns:1fr;}
.container_full.grid_type2 .bx_type {padding:30px;} 
  }
 
.text-center {text-align:center;}
.item .billiards {position:absolute; bottom:30px; left:50%; transform:translateX(-50%);}
.smeg_service_3x.grid_num4-2.w100per .item_wrap .icon_wrap .icon_area .icon img {width:100%; max-width:none;}

.product_img_txt .container_fixed {display:flex; justify-content:center; align-items:center; gap:20px; flex-wrap:wrap;}
.product_img_txt .txt .p_name {font-size:3rem;}
.product_img_txt .txt .serial {color:#999; font-size:2rem;}
.alfa43xmfdsk .renew250307 .smeg_service_3x .item_wrap .icon_wrap .icon_area .text_wrap dd {font-size:1.6rem;}
.renew250307 .smeg_service_3x .item_wrap .icon_wrap .icon_area {margin:0 45px;}
.renew250508 .smeg_service_3x .item_wrap .icon_wrap .icon_area {margin:0 30px;}
.vict_induct .gradation.renew250305 .container_fixed {padding:100px 0 50px;}
.vict_induct .gradation .container_fixed .img {position:relative;}
.vict_induct .gradation .container_fixed .img .tit.absolute {position:absolute; top:10%; left:10%; color:#fff; font-weight:600; font-size:4rem; text-shadow:1px 1px 8px #666;}

.comp_title_area .small.comp_title {font-size:3.5rem;}
.comp_title_area .comp_title.underline {text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:10px;}


/* 5개 아이콘 전용 그리드 (grid_num5-1 전용, 다른 상페 영향 없음) */
.oven_detail .smeg_service_3x.grid_num5-1 .container_fixed{max-width:1200px;margin:0 auto;}
.oven_detail .smeg_service_3x.grid_num5-1 .item_wrap .icon_wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:40px;justify-items:center;}
.oven_detail .smeg_service_3x.grid_num5-1 .icon_area{float:none;width:auto;margin:0!important;text-align:center;}
.oven_detail .smeg_service_3x.grid_num5-1 .icon_area .icon img{max-width:180px;width:100%;height:auto;display:block;margin:0 auto;}
@media (max-width:860px){.oven_detail .smeg_service_3x.grid_num5-1 .item_wrap .icon_wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}}


.type_intro .tit {font-size:2.4rem; font-weight:500; margin-bottom:40px;}
.type_intro .grid_2x1 {display:grid; grid-template-columns:1fr 1fr; gap:30px;}
.type_intro .grid_2x1 .type_bx {place-items:center;}
.type_intro .type_bx img {width:100%;}
.type_intro .txt {margin-top:10px;}
.type_intro .txt dt {font-size:2.8rem; font-weight:600;}
.type_intro .txt dd {margin-top:15px; color:#666; font-weight:300;}



  @media (max-width: 768px) { 
  .renew250307 .smeg_service_3x .item_wrap .icon_wrap .icon_area {margin:0;}
  .vict_induct .gradation .container_fixed .img .tit.absolute {font-size:2.6rem;}
  .type_intro .tit {font-size: 2rem; margin-bottom:30px;}
  .type_intro .txt dt {font-size:2.4rem;}
  .type_intro.renew250307 .grid_2x1 .type_bx {display:flex; gap:20px;}
  .type_intro.renew250307 .grid_2x1 {grid-template-columns:1fr;}
  .type_intro.renew250307 .type_bx img {width:100px;}
  .type_intro.renew250307 .txt {display:flex; gap:20px; align-items:center; margin-top:0;}
  .type_intro.renew250307 .txt dt {font-size:1.8rem;}
  .type_intro.renew250307 .txt dd {margin-top:0;}
  .product_img_txt .txt .p_name {font-size:2rem;}
  .product_img_txt .txt .serial {font-size:1.6rem;}
  .comp_pro_top_lineup {margin-top:50px;}
  .comp_title_area .small.comp_title {font-size:2.4rem;}
  .comp_title_area.gradation.renew250305 .comp_title {margin-top:20px;}
  .comp_title_area.renew250305 .small.comp_title {margin-top:0;}
  
  }
  
@media (max-width: 500px) { 
.renew250307 .smeg_service_3x.grid_3 .item_wrap .icon_wrap {row-gap:30px;}
.type_intro.renew250307 .txt {flex-direction:column; gap:15px;}
.type_intro.renew250307 .txt dt {font-size:1.6rem;}
.type_intro.renew250307 .txt dd {font-size:1.4rem;}
}
/**/
.txt_uppercase {text-transform:uppercase;}
.txt_center {text-align:center;}
/* flex_bx 스타일 추가 */
.flex_bx {display:flex;}
.flex_bx.type1 {align-items:center; background:#f5f6f8; padding:50px 100px; border-radius:50px;}
.flex_bx .w50per {width:50%;}
.flex_bx .video_wrap video {width:100%;}
.flex_bx.type1 .common_tit {color:#888;}
.flex_bx.type1 dl {margin-top:30px;}
.flex_bx.type1 dl dt {font-weight:600; font-size:3rem; line-height:1.3;}
.flex_bx.type1 dl dd {color:#888; margin-top:20px;}




.flex_bx.type2 {align-items:center;}
.flex_bx.type2 .txt_wrap {text-align:left; padding-left:50px;}
.flex_bx.type2 dl dt {font-weight:600; font-size:3rem; line-height:1.3;}
.flex_bx.type2 dl dd {color:#666; margin-top:30px;}
@media (max-width: 1024px) {  
.flex_bx.type1 {padding:50px;}
.flex_bx.type1 dl dt {font-size:2.5rem;}
.flex_bx.type2 dl dd {margin-top:10px;}
}

@media (max-width: 768px) {  
.flex_bx.direction_column_w768 {flex-direction:column;}

.flex_bx.type1 {padding:30px; border-radius:30px; flex-direction:column; gap:30px;}
.flex_bx.type1 .w50per {width:100%;}
.flex_bx.type1 dl {margin-top:20px;}

.flex_bx.type2 {flex-direction:column; gap:20px;}
.flex_bx.type2 .w50per {width:100%;}
.flex_bx.type2 .txt_wrap {padding-left:0;}
.flex_bx.type2 dl dt {font-size:2rem;}
}

@media (max-width: 500px) {  
.flex_bx.type1 dl dt {font-size:2rem;}

}

/* grid_bx 스타일 추가 */
.grid_bx {display:grid;}
.grid_bx.type2 {row-gap:40px;}
.grid_bx.type2 .icon {border-right:2px dashed #b7b7b7;}
.grid_bx.grid_3x1.type2 .icon:nth-child(3n) {border-right:0;}
/*.grid_bx.grid_3x1.type2 .icon:nth-child(3n-2) {border-left:2px dashed #b7b7b7;}*/
.grid_bx.gap10px {gap:10px}
.grid_bx.gap20px {gap:20px}
.grid_bx.gap30px {gap:30px}
.grid_bx.gap20px_m10px {gap:20px}
.grid_bx.grid_3x1 {grid-template-columns:repeat(3,1fr);}
.grid_bx.grid_40vs60_1x1 {grid-template-columns:40% 60%;}
.grid_bx.grid_3x1_3x1_1x1_1x1 {grid-template-columns:repeat(3,1fr);}
.grid_bx.grid_2x1_2x1_1x1_1x1 {grid-template-columns:repeat(2,1fr);}
.grid_bx.grid_4x1_2x1_2x1_1x1 {grid-template-columns:repeat(4,1fr);}
.grid_bx.grid_5x1_3x1_2x1_1x1 {grid-template-columns:repeat(5,1fr);}
.grid_bx.grid_5x1_3x1_2x1_2x1 {grid-template-columns:repeat(5,1fr);}

.table.type2 {display:grid; grid-template-rows:100px auto; border-top:1px solid #000; border-bottom:1px solid #000;}
.table.type2 .table_tit {display:flex; flex-direction:column; align-items:center; text-align:center; justify-content:center; font-weight:600; font-size:2rem; border-bottom:1px solid #000;}
.table.type2 .table_tit img {margin-top:5px;}
.table.type2 ul {display:grid; min-height:420px;}
.table.type2 ul li {display:grid; grid-template-columns:50px auto; padding:0 20px; align-items:center;}
.table.type2 ul li+li {border-top:1px solid #ddd;}
.gallery_typeA .item {position:relative;}

.youtube-video-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 비율 (9/16 = 0.5625) */
  overflow: hidden;
  aspect-ratio:16/9;
}

.youtube-video-container iframe,
.youtube-video-container img.thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  cursor: pointer;
}

i.play {display:inline-block; background:url(/images/product_detail/i-play.png) no-repeat center / contain;}
.absolute_tit {position:absolute;}
.gallery_typeA .absolute_tit {font-size:2.5rem; color:#fff; top:25px; left:30px; font-weight:600; text-shadow: 1px 1px 8px #666;}
.gallery_typeA .absolute_tit i.play {width:30px; height:30px; margin-left:10px; transform:translateY(5px);}
.gallery_typeA .item {position:relative;}
.gallery_typeA .item img {width:100%; height:100%; aspect-ratio: 1.5 / 1; object-fit: cover;}

.grid_bx.type3 .item {text-align:center; padding:30px 50px;}
.grid_bx.type3 p.tit {font-weight:700; font-size:3rem; color:#000;}
.grid_bx.type3 .item+.item {border-left:1px solid #ddd;}
.grid_bx.type3 .item > img {margin-top:15px; width:100%;}
.grid_bx.type3 .item  p.explain {color:#666; margin-top:15px; font-weight:300; line-height:1.7;}

.grid_bx.type4 .icon_wrap {display:grid; grid-template-columns:repeat(5,1fr); text-align:center; gap:20px;}
.grid_bx.type4 .icon_wrap .icon img {width:100%;}
.grid_bx.type4 .icon_wrap .text_wrap dt {font-size:2.2rem; margin-top:5px; font-weight:600;}
.grid_bx .info.text-align-center {text-align:center; margin-top:10px;}



@media (max-width: 1024px) {  
.grid_bx.grid_5x1_3x1_2x1_1x1 {grid-template-columns:repeat(3,1fr);}
.grid_bx.grid_5x1_3x1_2x1_2x1 {grid-template-columns:repeat(3,1fr);}
.grid_bx.grid_4x1_2x1_2x1_1x1 {grid-template-columns:repeat(2,1fr);}
.table.type2 ul {min-height:390px;}
.grid_bx.type3 .item {padding:20px 40px;}
.grid_bx.type3 p.tit {font-size:2.4rem;}
.grid_bx.type4 .icon_wrap .text_wrap dt {font-size:1.8rem;}
}
@media (max-width: 768px) { 
.grid_bx.grid_2x1_2x1_1x1_1x1 {grid-template-columns:repeat(1,1fr);}  
.grid_bx.grid_5x1_3x1_2x1_1x1 {grid-template-columns:repeat(2,1fr);}
.grid_bx.grid_5x1_3x1_2x1_2x1 {grid-template-columns:repeat(2,1fr);}
.grid_bx.grid_3x1_3x1_1x1_1x1 {grid-template-columns:repeat(1,1fr);}

.grid_bx.grid_40vs60_1x1 {grid-template-columns:1fr;}


.table.type2 {grid-template-rows:80px auto;}
.table.type2 ul {min-height:350px;}
.table.type2 ul li {font-size:1.4rem;}
.table.type2 .table_tit {font-size:1.8rem;}
.table.type2 .table_tit img {width:35px;}
.gallery_typeA .absolute_tit {font-size:2rem; top:20px; left:30px;}
.gallery_typeA .absolute_tit i.play {transform: translateY(7px);}
.grid_bx.type2 {padding-top:30px;}

.grid_bx.type3 .item {padding:30px 40px;}
.grid_bx.type3 .item:first-child {padding-top:0;}
.grid_bx.type3 .item+.item {border-left:0; border-top:1px solid #ddd;}
.m_maxW285_auto {max-width:285px; margin:0 auto;}

.grid_bx.type4 .icon_wrap {grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 500px) { 
.grid_bx.gap20px_m10px {gap:10px}
.container_full.grid_type1 .item_wrap {gap:10px;}
.grid_bx.grid_5x1_3x1_2x1_1x1 {grid-template-columns:repeat(1,1fr);}
.grid_bx.grid_4x1_2x1_2x1_1x1 {grid-template-columns:repeat(1,1fr);}
.table.type2 ul {min-height:auto;}
.table.type2 ul li {padding:10px 15px; grid-template-columns:30px auto;}
.gallery_typeA .absolute_tit {top:20px; left:20px;}
.grid_bx.type2 {row-gap:30px;}
.table.type2 .table_tit {font-size:1.6rem;}
.grid_bx.type2 .icon img {width:50px;}
.grid_bx.type2 .icon p {font-size:1.4rem;}
.grid_bx.type3 .item {padding:30px 20px;} 

.grid_bx.type4 .icon_wrap {gap:20px 10px;}
}

/* 내려오는 COLOR-CHIP 추가 */
.before_f2ebe2 {background-color:#f2ebe2;}
.before_0d0d0d {background-color:#0d0d0d;}
.before_747474 {background-color:#747474;}
.color-chip_bx {position:relative; text-align:center;}
.color-chip-wrap.grid_bx.grid_3x1 {gap:50px;}
.color-chip_bx:before {content:""; display:block; position:absolute; width:70%; height:130%; bottom:0; right:0;}
.color-chip_bx.be_f2ebe2:before {background:#f2ebe2;}
.color-chip_bx.be_0d0d0d:before {background:#0d0d0d;}
.color-chip_bx.be_747474:before {background:#747474;}
.color-chip_bx span {display:block; font-size:2.4rem; position:absolute; top:-23%; right:5%;}
.color-chip_bx .img {position:relative; }
.color-chip_bx .img img {width:95%; transform:translateX(-5%);}

@media (max-width: 1024px) {  
.color-chip-wrap.grid_bx.grid_3x1 {gap:30px;}
.color-chip_bx span {font-size:2rem;}

}

@media (max-width: 768px) {  
.color-chip-wrap.grid_bx.grid_3x1 {gap:15px;}
.color-chip_bx span {font-size:1.6rem; top:-43%;}
.color-chip_bx:before {width:80%; height:150%;}
}
/* 3개 고정 레이아웃 전용 - 제품 간 여백 적용 */
.color_grid3_fixed {
  display: flex;
  gap: 20px;            /* 슬라이드 사이 여백 */
  flex-wrap: wrap;
}

/* 3개 고정 전용 슬라이드 너비 계산 */
.color_grid3_fixed .swiper-slide {
  flex: 1 1 calc((100% - 40px) / 3);  /* 3개 기준 너비 */
  box-sizing: border-box;
}

.info_bx.typeB {text-align:center;}
.info_bx.typeB .tit {font-size:2rem; font-weight:700; display:inline-block; border-top:1px dashed #000; border-bottom:1px dashed #000; padding-top:3px; padding-bottom:5px;}
.info_bx.typeB .comp_description {color:#666; margin-top:20px;}

.comp_pro_installation_guide.tr90im .item_wrap .item.first table thead tr th {border-right:0;}
.comp_pro_installation_guide.tr90im .item_wrap .item.first table tbody tr td {border-right:0;}

@media (max-width: 768px) {  
.info_bx.typeB .tit {font-size:1.8rem;}
.info_bx.typeB .comp_description {font-size:1.4rem;}

.comp_pro_installation_guide.tr90im .item_wrap .item.first table thead tr th {border-right:1px solid #C8C8C8;}
.comp_pro_installation_guide.tr90im .item_wrap .item.first table tbody tr td {border-right:1px solid #C8C8C8;}
}

.border_wrap.typeA .container_fixed {border:1px solid #707070; padding:60px 80px; text-align:center;}
.border_wrap.typeA .tit {border:2px solid #707070; font-size:3rem; font-weight:700; display:inline-block; margin-bottom:60px; padding:5px 30px 8px; border-radius:10rem;}

.border_wrap.typeA .flex_bx+.flex_bx {margin-top:30px; padding-top:30px; border-top:1px solid #737373;}


@media (max-width: 768px) { 
.border_wrap.typeA .container_fixed {width:95%; padding:40px 20px;}
.border_wrap.typeA .tit {font-size:2.4rem; margin-bottom:40px;}
}
@media (max-width: 500px) { 
.border_wrap.typeA .container_fixed {width:95%; padding:30px 20px;}
.border_wrap.typeA .tit {font-size:2rem; margin-bottom:30px;}
.flex_bx.type2 dl dt {font-size:1.8rem;}
}
/* ---------------------------------------------
   모바일 전용 - 아이콘 설명 텍스트 강제 확대
--------------------------------------------- */
@media (max-width: 768px) {
  .smeg_service_3x .text_wrap dt {
    font-size: 1.8rem !important;
    line-height: 1.4;
  }

  .smeg_service_3x .text_wrap dd {
    font-size: 1.6rem !important;
    line-height: 1.7;
    font-weight: 400;
  }

  .smeg_service_3x .text_wrap {
    text-align: center;
    word-break: keep-all;
  }
}

/* ---------------------------------------------
   스메그 체크보드 - 기존 3칸 레이아웃의 전체 너비를 기준으로 2칸 나누기
--------------------------------------------- */
@media (min-width: 1024px) {
  .checkerboard_2col .container_fixed {
    max-width: 1200px; /* 기존 3칸 전체 너비와 동일하게 유지 */
    margin: 0 auto;
  }

  .checkerboard_2col .item_set {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 30px;
  }

  .checkerboard_2col .item_set .item.x1 {
    width: calc((100% - 30px) / 2);
    box-sizing: border-box;
  }
}

@media (max-width: 1023px) {
  .checkerboard_2col .item_set .item.x1 {
    width: 100%;
  }
}


/* 이미지 30%, 표 62%, 이미지와 표 사이 마진 3% */
.comp_pro_cross_leftright--wideTable .item {
  display: flex;
  flex-wrap: nowrap;
}

.comp_pro_cross_leftright--wideTable .item .image_area {
  width: 30% !important;
  margin-right: 3%;
}

.comp_pro_cross_leftright--wideTable .item .contents_area {
  width: 67% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.comp_pro_cross_leftright--wideTable .item .contents_area .contents_group,
.comp_pro_cross_leftright--wideTable .item .contents_area .contents_set,
.comp_pro_cross_leftright--wideTable .item .contents_area .table_area {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/*  모바일: 세로 정렬 전환 */
@media (max-width: 768px) {
  .comp_pro_cross_leftright--wideTable .item {
    display: block;
  }

  .comp_pro_cross_leftright--wideTable .item .image_area,
  .comp_pro_cross_leftright--wideTable .item .contents_area {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .comp_pro_cross_leftright--wideTable .item .contents_area {
    margin-top: 30px;
  }
}


/* ============================================================
   SMEG 상세페이지 : 텍스트 오버레이형 (SPO5L2S 예시)
   - PC : 1200px 고정, 이미지 폭 비례 세로 중앙 정렬
   - MO : 기본 오버레이(이미지 위 텍스트)
   ============================================================ */

/* -------------------- 전역 표시/비표시 유틸 -------------------- */
.only_desktop { display: block; }
.only_mobile  { display: none; }
@media (max-width: 768px){
  .only_desktop { display: none !important; }
  .only_mobile  { display: block !important; }
}

/* -------------------- PC (only_desktop / 1920 full width + 세로 고정) -------------------- */
.comp_pro_text_overlay_1200 .item_wrap {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}

/* 이미지 영역 */
.comp_pro_text_overlay_1200 .image_area {
  position: relative;
  width: 100%;
  height: 900px;
  max-height: 900px;
  overflow: hidden;
}
.comp_pro_text_overlay_1200 .image_area > img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}

/* 텍스트 레이어 (세로 중앙 정렬) */
.comp_pro_text_overlay_1200 .text_layer {
  position: absolute; inset: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  pointer-events: none;
}

/* 텍스트 위치: 1200 그리드 왼쪽 + 160px */
.comp_pro_text_overlay_1200 .text_inner {
  pointer-events: auto;
  display: flex; flex-direction: column; justify-content: center;
  min-height: 100%;
  width: 560px;
  padding-left: 0;
  margin-left: calc((min(100%, 1920px) - 1200px)/2 + 160px);
  color: #000;
  font-family: 'Pretendard','Noto Sans KR',sans-serif;
}

/* 반응형 (1200 이하) */
@media (max-width: 1200px) {
  .comp_pro_text_overlay_1200 .item_wrap { max-width: 100%; }
  .comp_pro_text_overlay_1200 .image_area {
    height: auto; max-height: none; aspect-ratio: 1505 / 844;
  }
  .comp_pro_text_overlay_1200 .text_inner {
    margin-left: 0;
    padding-left: clamp(24px, 10vw, 140px);
    width: min(560px, 52%);
  }
}

/* 제품명/코드 */
.comp_pro_text_overlay_1200 .title {
  font-size: 44px;
  font-weight: 700;
  line-height: 1.25;
  margin: 40px 0 32px;
  letter-spacing: -0.01em;
}
.comp_pro_text_overlay_1200 .title .model {
  display: block; margin-top: 5px;
  font-size: 22px; font-weight: 400; opacity: 0.9;
}

/* 리스트 영역 */
.comp_pro_text_overlay_1200 .feature_list { margin: 0; padding: 0; list-style: none; }
.comp_pro_text_overlay_1200 .feature_list .text_set { margin: 30px 0; }
.comp_pro_text_overlay_1200 .feature_list .text_set:first-child { margin-top: 40px; }
.comp_pro_text_overlay_1200 .feature_list .text_title {
  margin-bottom: 6px; font-size: 21px; font-weight: 700; line-height: 0.5; color: #000;
}
.comp_pro_text_overlay_1200 .feature_list .text_description {
  margin-top: 0; font-size: 15px; line-height: 1.9; color: #333;
}

/* 반응형: 1200 이하 타이포 축소 */
@media (max-width: 1200px) {
  .comp_pro_text_overlay_1200 .item_wrap { width: 100%; }
  .comp_pro_text_overlay_1200 .text_inner { padding-left: clamp(24px, 10vw, 140px); width: min(560px, 52%); }
  .comp_pro_text_overlay_1200 .title { font-size: clamp(36px, 5vw, 56px); }
  .comp_pro_text_overlay_1200 .title .model { font-size: clamp(16px, 1.8vw, 22px); }
}

/* 태블릿 이하: PC 섹션 비노출 */
@media (max-width: 768px) {
  .comp_pro_text_overlay_1200.only_desktop { display: none; }
}



/* -------------------- MOBILE (only_mobile) : 오버레이 -------------------- */
.comp_pro_text_overlay_mo { position: relative; }

/* 이미지 */
.comp_pro_text_overlay_mo .mo_image { position: relative; }
.comp_pro_text_overlay_mo .mo_image img { display:block; width:100%; height:auto; }
/* 필요 시만 그라디언트 사용 */
.comp_pro_text_overlay_mo .mo_image::after{ content:""; position:absolute; inset:0; z-index:0; }

/* 텍스트 블록: 세로 중앙 + 위치/폭 보정 */
.comp_pro_text_overlay_mo .mo_text{
  position:absolute; inset:0;
  display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
  gap:10px;
  padding:clamp(20px, 8vw, 40px);
  padding-left:clamp(28px, 10vw, 90px);   /* 좌측 여백 보정 */
  width:min(700px, 94%);                  /* ✅ 폭 확장(줄바꿈 완화) */
  transform:translateY(-4%);              /* 중앙보다 약간 위로 */
  color:#fff; text-shadow:0 2px 6px rgba(0,0,0,.35);
  font-family:'Pretendard','Noto Sans KR',sans-serif;
  z-index:1; pointer-events:none;
}
.comp_pro_text_overlay_mo .mo_text > * { pointer-events:auto; }

/* 제품명 / 코드 */
.comp_pro_text_overlay_mo .mo_title{
  margin:20px 0 0;
  font-weight:700; line-height:1.1; font-size:34px; letter-spacing:-0.01em;
}
.comp_pro_text_overlay_mo .mo_model{
  font-size:18px; font-weight:400; opacity:.9; margin:0; line-height:1.1;
}

/* -------------------- MOBILE : 2×2 Feature Grid -------------------- */
.comp_pro_text_overlay_mo .mo_feature_wrap{
  display:grid !important;
  grid-template-columns:1.05fr 1fr !important;
  column-gap:40px !important;
  row-gap:32px !important;
  margin-top:100px !important;
  width:100%;
}
.comp_pro_text_overlay_mo .mo_feature_wrap .text_set{ margin:0; min-width:0; }
.comp_pro_text_overlay_mo .mo_feature_wrap .text_title{
  margin:0 0 6px; font-size:18px; font-weight:700; line-height:1.35;
  color:inherit; word-break:keep-all; overflow-wrap:anywhere;
}
.comp_pro_text_overlay_mo .mo_feature_wrap .text_description{
  margin:0; font-size:15px; line-height:1;
  color:rgba(255,255,255,.85); word-break:keep-all; overflow-wrap:anywhere;
}
.comp_pro_text_overlay_mo .mo_feature_wrap .text_set:nth-child(even){ padding-left:0px; }
@media (max-width:480px){
  .comp_pro_text_overlay_mo .mo_feature_wrap{
    grid-template-columns:1fr !important;
  }
}
/* 아주 좁은 화면에서는 1열로 복귀 */
@media (max-width:480px){
  .comp_pro_text_overlay_mo .mo_feature_wrap,
  .comp_pro_text_overlay_mo .mo_feature_list{
    grid-template-columns:1fr !important;
    column-gap:20px !important;
  }
  .comp_pro_text_overlay_mo .mo_feature_wrap .text_set:nth-child(even),
  .comp_pro_text_overlay_mo .mo_feature_list .text_set:nth-child(even){
    padding-left:0 !important;
  }
}

/* ============================================================
   TEXT COLOR THEME (공통: 데스크탑 + 모바일)
   - .light-text : 어두운 배경 대비용 흰 폰트
   - .dark-text  : 밝은 배경 대비용 검은 폰트
   ============================================================ */

/* -------------------- LIGHT-TEXT (기본: 흰 폰트) -------------------- */
.comp_pro_text_overlay_1200.light-text .title,
.comp_pro_text_overlay_1200.light-text .title .model,
.comp_pro_text_overlay_1200.light-text .feature_list .text_title,
.comp_pro_text_overlay_1200.light-text .feature_list .text_description,
.comp_pro_text_overlay_mo.light-text .mo_text,
.comp_pro_text_overlay_mo.light-text .mo_model,
.comp_pro_text_overlay_mo.light-text .mo_title,
.comp_pro_text_overlay_mo.light-text .mo_feature_list .text_title,
.comp_pro_text_overlay_mo.light-text .mo_feature_list .text_description {
  color: rgba(255,255,255,1);
  text-shadow: 0 2px 6px rgba(0,0,0,.35);
}

.comp_pro_text_overlay_1200.light-text .title .model,
.comp_pro_text_overlay_mo.light-text .mo_model { color: rgba(255,255,255,.75); }

.comp_pro_text_overlay_1200.light-text .feature_list .text_title,
.comp_pro_text_overlay_mo.light-text .mo_feature_list .text_title { color: rgba(255,255,255,.92); }

.comp_pro_text_overlay_1200.light-text .feature_list .text_description,
.comp_pro_text_overlay_mo.light-text .mo_feature_list .text_description { color: rgba(255,255,255,.8); }

.comp_pro_text_overlay_mo.light-text .mo_image::after {
  background: linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.55) 100%);
}

/* -------------------- DARK-TEXT (밝은 배경 대비용) -------------------- */
.comp_pro_text_overlay_1200.dark-text .title,
.comp_pro_text_overlay_1200.dark-text .title .model,
.comp_pro_text_overlay_1200.dark-text .feature_list .text_title,
.comp_pro_text_overlay_1200.dark-text .feature_list .text_description,
.comp_pro_text_overlay_mo.dark-text .mo_text,
.comp_pro_text_overlay_mo.dark-text .mo_model,
.comp_pro_text_overlay_mo.dark-text .mo_title,
.comp_pro_text_overlay_mo.dark-text .mo_feature_list .text_title,
.comp_pro_text_overlay_mo.dark-text .mo_feature_list .text_description {
  color: #000;
  text-shadow: none;
}

.comp_pro_text_overlay_1200.dark-text .title .model,
.comp_pro_text_overlay_mo.dark-text .mo_model { color: rgba(0,0,0,.65); }

.comp_pro_text_overlay_1200.dark-text .feature_list .text_title,
.comp_pro_text_overlay_mo.dark-text .mo_feature_list .text_title { color: rgba(0,0,0,.85); }

.comp_pro_text_overlay_1200.dark-text .feature_list .text_description,
.comp_pro_text_overlay_mo.dark-text .mo_feature_list .text_description { color: rgba(0,0,0,.68); }

.comp_pro_text_overlay_mo.dark-text .mo_image::after {
  background: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.1) 100%);
}


.comp_pro_cross_leftright .item .contents_group .icon_sign {display:flex; justify-content:flex-end; align-items:center; gap:10px; margin-top:20px;}
.comp_pro_cross_leftright .item .contents_group .icon_sign span {font-size:1.7rem; color:#666; font-weight:700;}

@media (max-width:768px) { 
.comp_pro_cross_leftright .item .contents_group .icon_sign {justify-content:flex-start;}
}