@charset "UTF-8";
#visual {
  position: relative;
  margin: 0 5rem;
  z-index: 2;
}
#visual .inner_visual {
  position: relative;
  border-radius: 5rem;
  overflow: hidden;
}
#visual .img {
  height: 40rem;
}
#visual .img:after {
  position: absolute;
  bottom: -10px;
  height: 12px;
  left: 0;
  right: 0;
  background: #fff;
  transition: 0.4s 1s;
  content: "";
}
#visual .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 105%;
  max-width: none;
  height: 105%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 1.5s 0.3s;
}
#visual .tit_visual {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 7.2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
}
#visual .tit_visual .wfix {
  width: 100%;
}
#visual .tit_visual .sup {
  display: block;
  font-size: 2.6rem;
}
#visual .tit_visual .title {
  display: block;
  margin-top: 0.15em;
  font-size: 7rem;
  font-weight: 800;
}
#visual .navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 66.8rem;
  height: 14rem;
  padding: 5rem 0 0 13rem;
  background: url(../img/visual_deco.png) no-repeat 0 0 / contain;
  transition: 1.5s 0.3s;
}
#visual .navigation a {
  display: flex;
  align-items: center;
  height: 6rem;
}
#visual .navigation .home {
  font-size: 0;
  width: 7rem;
  background: url(../img/icon_home.png) no-repeat center/1.8rem auto;
}
#visual .navigation [class^="nav_depth"] {
  position: relative;
  width: 23rem;
}
#visual .navigation [class^="nav_depth"]:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 2rem;
  transform: translateY(-50%);
  background: #d9d9d9;
  content: "";
}
#visual .navigation .current {
  justify-content: space-between;
  padding: 0 3rem;
  font-size: 1.8rem;
  font-weight: 700;
}
#visual .navigation .current:after {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(../img/icon_arrow03.png) no-repeat center/contain;
  transition: 0.3s;
  content: "";
}
#visual .navigation .current.on:after {
  transform: rotate(180deg);
}
#visual .navigation ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 1.6rem 0;
  background: #eee;
  border-radius: 2rem;
  width: 100%;
}
#visual .navigation ul a {
  height: 4rem;
  padding: 0 3rem;
  font-size: 1.8rem;
  opacity: 0.5;
  transition: 0.3s;
}
@media screen and (min-width: 1368px) {
  #visual .navigation ul a:hover {
    font-weight: 800;
    opacity: 1;
  }
}
#visual.aos-animate .img img {
  width: 100%;
  height: 100%;
  border-bottom-right-radius: 6rem;
}
#visual.aos-animate .img:after {
  height: 11px;
}
@media screen and (max-width: 1380px) {
  #visual .tit_visual {
    bottom: 9rem;
  }
  #visual .navigation {
    right: -2px;
  }
}
@media screen and (max-width: 1024px) {
  #visual {
    margin: 0 4rem;
  }
}
@media screen and (max-width: 768px) {
  #visual {
    margin: 0 20px;
  }
  #visual .inner_visual {
    border-radius: 25px;
  }
  #visual .img {
    height: 200px;
  }
  #visual .tit_visual {
    display: flex;
    justify-content: center;
    top: 0;
    bottom: 0;
  }
  #visual .tit_visual .sup {
    font-size: 13px;
  }
  #visual .tit_visual .title {
    font-size: 35px;
  }
  #visual .navigation {
    right: -1px;
    width: 180px;
    height: 70px;
    padding: 25px 0 0 40px;
    background-image: url(../img/visual_deco_mo.png);
  }
  #visual .navigation .nav_depth1 {
    display: none;
  }
  #visual .navigation a {
    height: 3rem;
  }
  #visual .navigation .home {
    width: 3rem;
    background-size: 0.9rem auto;
  }
  #visual .navigation .nav_depth2 {
    width: auto;
    flex-grow: 1;
  }
  #visual .navigation .nav_depth2:before {
    height: 10px;
  }
  #visual .navigation .current {
    padding: 0 10px;
    font-size: 10px;
  }
  #visual .navigation .current:after {
    width: 8px;
    height: 8px;
  }
  #visual .navigation ul {
    padding: 8px 0;
    border-radius: 10px;
  }
  #visual .navigation ul a {
    height: 20px;
    padding: 0 15px;
    font-size: 9px;
  }
}

.cursor_black {
  display: none;
  position: fixed;
  pointer-events: none;
  transform: translate(-50%, -50%);
  width: 15.5rem;
  height: 15.5rem;
  background: url(../img/cursor.png) no-repeat center/contain;
  z-index: 9;
}

.cursor_blue {
  display: none;
  position: fixed;
  pointer-events: none;
  transform: translate(-50%, -50%);
  width: 15.5rem;
  height: 15.5rem;
  background: url(../img/cursor2.png) no-repeat center/contain;
  z-index: 9;
}

#contents {
  position: relative;
  padding-top: 10rem;
}
#contents .remote {
  position: absolute;
  top: 10rem;
  left: 0;
  right: 0;
}
#contents .remote .inner_remote {
  position: relative;
  width: 26rem;
  padding: 2.5rem;
  border: 1px solid #d9d9d9;
  border-radius: 4rem;
  text-align: center;
  z-index: 9;
}
#contents .remote .inner_remote .list_remote {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#contents .remote .inner_remote .on_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  border-radius: 5rem;
  background: var(--blue);
  transition: 0.3s;
  content: "";
}
#contents .remote a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5rem;
  font-size: 1.8rem;
  transition: 0.3s;
  font-weight: 700;
}
#contents .remote:not(:has(.hover)) .on a,
#contents .remote .hover a {
  color: #fff;
  font-weight: 800;
}
#contents .remote.fix {
  position: fixed;
}
#contents .remote.end {
  position: absolute;
  top: auto;
  bottom: 0;
}
#contents .group_contents .wfix {
  padding-left: 36rem;
}
#contents .group_contents section {
  position: relative;
}
#contents .tit_section .sup {
  display: block;
  font-size: 1.8rem;
  color: var(--blue);
  font-weight: 800;
}
#contents .tit_section .title {
  display: block;
  font-size: 4.8rem;
  font-weight: 800;
}
#contents .tit_section .desc {
  margin-top: 2rem;
  line-height: 1.4;
}
#contents .contents {
  margin-top: 2rem;
}
#contents .graybox {
  background-color: #f9f9f9;
  border-radius: 2rem;
}
#contents .graybox.img {
  display: flex;
  width: 100%;
  padding: 6rem 5rem 8rem;
  justify-content: center;
  align-items: center;
}
#contents .linebox {
  border: 1px solid #ddd;
  border-radius: 2rem;
}
#contents .f-width {
  width: 100%;
}

#contents section + section {
  margin-top: 20rem;
}
#contents .list_dot li {
  position: relative;
  padding-left: 0.66em;
  line-height: 1.4;
  margin-bottom: 5px;
}
#contents .list_dot li:last-child {
  margin-bottom: 0;
}
#contents .list_dot li:before {
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 100%;
  background-color: #000;
  transform: translateY(-50%);
  content: "";
}
#contents .list_toggle {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
#contents .list_toggle > li {
  border-bottom: 1px solid #d9d9d9;
}
#contents .list_toggle > li:last-child {
  border-bottom: none;
}
#contents .list_toggle .tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 8rem;
  padding: 1.6rem 3rem;
  cursor: pointer;
  font-size: 2.2rem;
  font-weight: 800;
}
#contents .list_toggle .tit:after {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(../img/icon_arrow.png) no-repeat center/contain;
  transform: rotate(90deg);
  transition: 0.3s;
  content: "";
}
#contents .list_toggle .conts_toggle {
  display: none;
  /*  padding: 3rem;*/
}
#contents .list_toggle .on {
  border-bottom-color: var(--blue);
}
#contents .list_toggle .on .tit {
  color: var(--blue);
  border-bottom: 1px solid #ddd;
}
#contents .list_toggle .on .tit:after {
  transform: rotate(0deg);
}
@media screen and (max-width: 1024px) {
  #contents .remote {
    display: none;
  }
  #contents .group_contents .wfix {
    padding: 0 4rem;
  }
}
@media screen and (max-width: 768px) {
  #contents {
    padding-top: 50px;
  }
  #contents .group_contents .wfix {
    padding: 0 20px;
  }
  #contents .tit_section .sup {
    font-size: 10px;
  }
  #contents .tit_section .title {
    font-size: 23px;
  }
  #contents .tit_section .desc {
    margin-top: 16px;
  }
  #contents .contents {
    margin-top: 10px;
  }
  #contents .graybox {
    border-radius: 12px;
  }
  #contents .graybox.img {
    padding: 35px 25px;
  }
  #contents .linebox {
    border-radius: 12px;
  }
  #contents section + section {
    margin-top: 100px;
  }
  #contents .list_dot li:before {
    width: 2px;
    height: 2px;
  }
  #contents .list_toggle .tit {
    min-height: 45px;
    padding: 10px 15px;
    font-size: 15px;
  }
  #contents .list_toggle .tit:after {
    width: 7px;
    height: 7px;
  }
}

#contents.noremote .group_contents .wfix {
  padding: 0 4rem;
}
@media screen and (max-width: 1024px) {
  #contents.noremote .group_contents .wfix {
    padding: 0 4rem;
  }
}
@media screen and (max-width: 1024px) {
  #contents.noremote .group_contents .wfix {
    padding: 0 20px;
  }
}

.page0101 .tit {
  display: block;
  font-size: 2.2rem;
  font-weight: 800;
}
.page0101 .desc {
  margin-top: 1.2rem;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .page0101 [class^="item"] {
    gap: 15px;
    /*    padding: 15px;*/
  }
  .page0101 [class^="item"]:before {
    width: 65px;
    height: 65px;
  }
  .page0101 .tit {
    font-size: 15px;
  }
  .page0101 .desc {
    margin-top: 10px;
  }
}

.page0101 .section2 [class^="item"] {
  /*  display: flex;*/
  gap: 2rem;
}

.page0101 .section2 .contents {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}
.page0101 .section2 .contents [class^="item"] {
  width: 33.33%;
  overflow: hidden;
}
.page0101 .section2 .contents .img {
  wdth: 100%;
  aspect-ratio: 1 / 0.66;
}
.page0101 .section2 .contents .inner {
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
  padding: 4rem 2rem;
  text-align: center;
}
.page0101 .section2 .contents .inner li {
  line-height: 1.4;
}

.page0101 .section2 .contents .item1 .img {
  background: url(../img/sub0101_img0201.jpg) no-repeat center center / 100%;
}
.page0101 .section2 .contents .item2 .img {
  background: url(../img/sub0101_img0202.jpg) no-repeat center center / 100%;
}
.page0101 .section2 .contents .item3 .img {
  background: url(../img/sub0101_img0203.jpg) no-repeat center center / 100%;
}

@media screen and (max-width: 768px) {
  .page0101 .section2 [class^="item"]:before {
    width: 8rem;
    height: 8rem;
  }
  .page0101 .section2 .contents {
    gap: 10px;
  }
  .page0101 .section2 .contents .inner {
    gap: 1rem;
    padding: 1.5rem 1.5rem 2rem;
  }
}
@media screen and (max-width: 570px) {
  .page0101 .section2 .contents {
    flex-direction: column;
  }
  .page0101 .section2 .contents [class^="item"] {
    width: 100%;
  }
  .page0101 .section2 .contents .img {
    aspect-ratio: 1 / 0.45;
  }
}

.page0101 .section3 .contents {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.page0101 .section3 [class^="item"] {
  display: flex;
  gap: 4rem;
  align-items: center;
  width: 100%;
}
.page0101 .section3 [class^="item"] .img {
  width: 33.33%;
  aspect-ratio: 1 / 0.7;
  background: #eee;
  border-radius: 2rem;
}
.page0101 .section3 .inner {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 66.66%;
}
.page0101 .section3 .inner .icon {
  width: 3.5rem;
  aspect-ratio: 1 / 1;
}
.page0101 .section3 .inner li {
  line-height: 1.4;
}

.page0101 .section3 .contents .item1 .img {
  background: url(../img/sub0101_img0301-2.jpg) no-repeat center center / 100%;
}
.page0101 .section3 .contents .item2 .img {
  background: url(../img/sub0101_img0302-2.jpg) no-repeat center center / 100%;
}
.page0101 .section3 .contents .item3 .img {
  background: url(../img/sub0101_img0303-2.jpg) no-repeat center center / 100%;
}
.page0101 .section3 .contents .item4 .img {
  background: url(../img/sub0101_img0304-2.jpg) no-repeat center center / 100%;
}
.page0101 .section3 .contents .item5 .img {
  background: url(../img/sub0101_img0305.jpg) no-repeat center center / 100%;
}

@media screen and (max-width: 768px) {
  .page0101 .section3 [class^="item"] {
    gap: 2rem;
  }
  .page0101 .section3 .inner {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .page0101 .section3 .inner .icon {
    width: 1.8rem;
  }
  .page0101 .section3 [class^="item"] .img {
  border-radius: 12px;
}
}

@media screen and (max-width: 600px) {
  .page0101 .section3 [class^="item"] .img {
    width: 40%;
  }
  .page0101 .section3 .inner {
    width: 60%;
  }
}
@media screen and (max-width: 480px) {
  .page0101 .section3 [class^="item"] .img {
    width: 50%;
  }
  .page0101 .section3 .inner {
    width: 50%;
  }
  .page0101 .section3 .inner .icon {
    display: none;
  }
}
@media screen and (max-width: 440px) {
	.page0101 .section3 [class^="item"] {flex-direction: column;}
  .page0101 .section3 [class^="item"] .img {
    width: 100%;
  }
  .page0101 .section3 .inner {
    width: 100%;
  }
  .page0101 .section3 .inner .icon {
    display: none;
  }
}

.page0102 .contents [class^="item"] {
  display: flex;
/*	align-items: flex-start;*/
  gap: 1rem;
  overflow: hidden;
}
.page0102 .contents [class^="box"] {
  border-radius: 2rem;
}
.page0102 .contents .bigger_tit {
  position: relative;
  font-size: 2.6rem;
  z-index: 1;
}

.page0102 .contents .box_left {
  position: relative;
  width: 50rem;
/*  aspect-ratio: 550 / 535*/
}
.page0102 .contents .box_left ul {
  position: relative;
  z-index: 1;
  margin-top: 1rem;
}

.page0102 .contents .box_right {
  width: calc(100% - 50rem);
  display: flex;
  flex-direction: column;
}
.page0102 .contents .box_right ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
/*  margin-top: auto;*/
}
.page0102 .contents .box_right ul li {
  display: flex;
  gap: 2rem;
  padding: 2rem 3rem 3rem;
}
.page0102 .contents .box_right .icon img {
}
.page0102 .contents .box_right .inner {
  width: calc(100% - 80px);
  margin-top: 1rem;
}
.page0102 .contents .box_right .inner .tit {
  font-weight: 800;
}
.page0102 .contents .box_right .inner p.dot {
  margin-top: .5rem;
  position: relative;
	padding-left: 0.66em;
	line-height: 1.4;	
}
.page0102 .contents .box_right .inner p.dot:before {position: absolute; top:0.7em; left:0; width:.3rem; height:.3rem; border-radius: 100%; background-color: #000; transform: translateY(-50%); content: ""}

@media screen and (max-width: 768px) {
  .page0102 .contents [class^="item"] {
    flex-direction: column;
  }
  .page0102 .contents .bigger_tit {
    font-size: 1.8rem;
  }
	.page0102 .contents [class^="box"] {
  border-radius: 12px;
}
  .page0102 .contents .box_left {
    width: 100%;
    padding: 2rem 2rem;
    aspect-ratio: 1 / 0.7;
  }
  .page0102 .contents .box_right {
    width: 100%;
  }
  .page0102 .contents .box_right ul li {
    padding: 1rem 1.5rem 1.5rem;
    gap: 1rem;
  }
  .page0102 .contents .box_right .icon img {
    width: 5rem;
    aspect-ratio: 1 / 1;
  }
  .page0102 .contents .box_right .inner {
    margin-top: 0.8rem;
  }
  .page0102 .contents .box_right .inner p.dot:before {
    width:2px; height:2px
  }
}

/*
.page0102 .contents .box_left:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to top, rgba(12, 77, 162, 0) 50%, var(--blue) 115%);
	border-radius: 1rem;
	content: "";
} 
*/ /* 이미지 오버레이 */

.page0102 .section1 .contents .item1 .box_left {
  background: url(../img/sub0102_img01.jpg) no-repeat center center / cover;
}
.page0102 .section2 .contents .item1 .box_left {
  background: url(../img/sub0102_img02.jpg) no-repeat center center / cover;
}
.page0102 .section3 .contents .item1 .box_left {
  background: url(../img/sub0102_img03.jpg) no-repeat center bottom / cover;
}
.page0102 .section4 .contents .item1 .box_left {
  background: url(../img/sub0102_img04.jpg) no-repeat center center / contain;
	background-color: #f9f9f9;
}
.page0102 .section5 .contents .item1 .box_left {
  background: url(../img/sub0102_img05.jpg) no-repeat center center / cover;
}
.page0102 .section4.en .contents .item1 .box_left {
  background: url(../img/sub0102_img04_en.jpg) no-repeat center center / contain;
	background-color: #f9f9f9;
}

.page0103 .section1 .contents {
  display: flex;
  gap: 1rem;
}
.page0103 .section1 .contents .img {
  width: 40%;
  position: relative;
  background: url(../img/sub0103_img0102.png) no-repeat center -70%;
}
.page0103 .section1 .contents img {
  position: absolute;
  width: 520px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page0103 .section1 div.spec {
  width: 60%;
	border:1px solid #ddd; border-radius: 2rem; overflow: hidden;
}
.page0103 .section1 div.spec table {
  font-size: 1.6rem;
  /*  min-width: 500px;*/
  overflow: hidden;
  border-collapse: collapse;
  table-layout: fixed;
  text-align: left;
  vertical-align: center;
	border-radius: 2rem
}

.page0103 .section1 div.spec table th {
  background: #e6edf6;
  padding: 1.2rem 1.4rem;
  width: 20%;
  box-sizing: border-box;
  text-align: center;
}

.page0103 .section1 div.spec table td {
  padding: 0.7rem 1rem;
  vertical-align: top;
  border-bottom: 1px solid #d9d9d9;
}

.page0103 .section1 div.spec table .border-bottom {
  border-bottom: 2px solid #d9d9d9;
}
.page0103 .section1 div.spec table .cell-center {
  width: 18%;
	border-right: 1px solid #ddd
}
.page0103 .section1 div.spec table .border-bottom-none {border-bottom: none}

@media screen and (max-width: 900px) {
  .page0103 .section1 .contents {
    flex-direction: column;
  }
  .page0103 .section1 .contents .img {
    width: 100%;
    aspect-ratio: 1 / 0.5;
    background: url(../img/sub0103_img0102.png) no-repeat center center;
  }
  .page0103 .section1 .contents img {
    transform: translate(-50%, -50%) scale(0.7);
  }
  .page0103 .section1 div.spec {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .page0103 .section1 div.spec table {
    font-size: 9px;
  }
  .page0103 .section1 div.spec table th {
    padding: 0 0.7rem;
  }
  .page0103 .section1 div.spec table td {
    padding: 0.4rem 0.7rem;
  }
}

.page0103 .section2 .contents {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  gap: 2rem;
  margin-top: 2rem;
}
.page0103 .section2 [class^="item"] {
  width: calc(50% - 1rem);
  padding: 3.6rem;
  overflow: hidden;
}
.page0103 .section2 [class^="item"]:before {
  display: block;
  width: 8rem;
  height: 8.1rem;
  background-position: center;
  background-size: contain;
  content: "";
}
.page0103 .section2 .inner {
  position: relative;
}
.page0103 .section2 .item1:before {
  background-image: url(../img/sub0104_img0101.png);
}
.page0103 .section2 .item2:before {
  background-image: url(../img/sub0104_img0102.png);
}
.page0103 .section2 .item3:before {
  background-image: url(../img/sub0104_img0103.png);
}
.page0103 .section2 .item4:before {
  background-image: url(../img/sub0104_img0104.png);
}
.page0103 .section2 .item5:before {
  background-image: url(../img/sub0104_img0105.png);
}

.page0103 .section2 .num {
  display: block;
  opacity: 0.8;
}
.page0103 .section2 .tit {
  display: block;
  margin-top: 5rem;
  font-size: 2.2rem;
  font-weight: 800;
}
.page0103 .section2 .list_dot {
  margin-top: 1.2rem;
}
.page0103 .section2 ul {
  margin-top: 2rem;
}

@media screen and (max-width: 768px) {
  .page0103 .section2 .contents {
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
  }
  .page0103 .section2 [class^="item"] {
    width: 100%;
    padding: 18px;
  }
  .page0103 .section2 [class^="item"]:before {
    width: 60px;
    height: 61px;
    left: auto;
    right: 35px;
  }
  .page0103 .section2 .num {
    font-size: 10px;
  }
  .page0103 .section2 .tit {
    margin-top: 16px;
    font-size: 15px;
  }
  .page0103 .section2 .list_dot {
    margin-top: 10px;
  }
  .page0103 .section2 ul {
    margin-top: 10px;
  }
}
.page0103 .section3 .contents {
  flex-flow: nowrap;
  margin-bottom: 2rem;
}
.page0103 .section3 .contents [class^="item"] {
  width: 33.333%;
}

@media screen and (max-width: 510px) {
  .page0103 .section3 .contents {
    flex-direction: column;
    margin-bottom: 10px;
  }
  .page0103 .section3 .contents [class^="item"] {
    width: 100%;
  }
}

.page0103 .section3 .item1:before {
  background-image: url(../img/sub0105_img0101.png);
}
.page0103 .section3 .item2:before {
  background-image: url(../img/sub0105_img0102.png);
}
.page0103 .section3 .item3:before {
  background-image: url(../img/sub0105_img0103.png);
}

.page0103 .section3 .slider [class^="dash"] {
  display: flex !important;
  gap: 2rem;
}
.page0103 .section3 .slider .left {
  width: 60%;
  aspect-ratio: 1 / 0.56;
  border: 1px solid #ddd;
  border-radius: 2rem;
  background-color: #000;
}
.page0103 .section3 .slider .right {
  width: 40%;
  border-radius: 2rem;
  padding: 4rem;
  border: 1px solid #ddd;
}
.page0103 .section3 .slider .right .tit {
  font-size: 2.2rem;
  margin: 0 0 1.5rem 0;
}
@media screen and (max-width: 1080px) {
  .page0103 .section3 .slider .left {
    height: 350px;
  }
}
@media screen and (max-width: 900px) {
  .page0103 .section3 .slider .right {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .page0103 .section3 .slider [class^="dash"] {
    flex-direction: column;
    gap: 2rem;
  }
  .page0103 .section3 .slider .left {
    width: 100%;
    height: auto;
    border-radius: 5px;
  }
  .page0103 .section3 .slider .right {
    width: 100%;
    border-radius: 5px;
    padding: 25px;
  }
  .page0103 .section3 .slider .right .tit {
    font-size: 18px;
    margin: 0 0 1.5rem 0;
  }
}

.page0103 .slick-slider {
  position: relative;
}
.page0103 .slick-arrow {
  position: absolute;
  bottom: 40px;
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 100px;
  background-color: #f9f9f9;
  z-index: 1;
}

.page0103 .slick-prev {
  right: 120px;
  font-size: 0;
  color: transparent;
}
.page0103 .slick-next {
  right: 40px;
  font-size: 0;
  color: transparent;
}
@media screen and (max-width: 900px) {
  .page0103 .slick-prev {
    bottom: 25px;
    right: 105px;
  }
  .page0103 .slick-next {
    bottom: 25px;
    right: 25px;
  }
}

.page0103 .slick-prev:before {
  content: "";
  width: 10px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-60%, -50%);
  background: url(../img/arrow.png) center / contain no-repeat;
}
.page0103 .slick-next:before {
  content: "";
  width: 10px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%) rotate(180deg);
  background: url(../img/arrow.png) center / contain no-repeat;
}

.page0103 .slick-dots {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .page0103 .section3 .slider .left {
    aspect-ratio: 1 / 0.55;
  }

  .page0103 .section3 button {
    display: none !important;
  }
  .page0103 .section3 .slider [class^="dash"] {
    gap: 10px;
  }

  .page0103 .slick-dots {
    display: flex !important;
    gap: 5px;
    justify-content: center;
    margin-top: 10px;
  }
  .page0103 .slick-dots li {
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: #eee;
  }
  .page0103 .slick-dots li.slick-active {
    background-color: var(--blue);
  }
}

.page0103 .section3 .slider .dash01 .left {
  background: url(../img/dash01_en.jpg) center / contain no-repeat;
  background-color: #f9f9f9;
}
.page0103 .section3 .slider .dash02 .left {
  background: url(../img/dash02_en.jpg) center / contain no-repeat;
  background-color: #f9f9f9;
}
.page0103 .section3 .slider .dash03 .left {
  background: url(../img/dash03_en.jpg) center / contain no-repeat;
  background-color: #f9f9f9;
}
.page0103 .section3 .slider .dash04 .left {
  background: url(../img/dash04_en.jpg) center / contain no-repeat;
  background-color: #f9f9f9;
}
.page0103 .section3 .slider .dash05 .left {
  background: url(../img/dash05_en.jpg) center / contain no-repeat;
  background-color: #f9f9f9;
}
.page0103 .section3 .slider .dash06 .left {
  background: url(../img/dash06_en.jpg) center / contain no-repeat;
  background-color: #f9f9f9;
}
.page0103 .section3 .slider .dash07 .left {
  background: url(../img/dash07_en.jpg) center / contain no-repeat;
  background-color: #f9f9f9;
}
.page0103 .section3 .slider .dash08 .left {
  background: url(../img/dash08_en.jpg) center / contain no-repeat;
  background-color: #f9f9f9;
}
.page0103 .section3 .slider .dash09 .left {
  background: url(../img/dash09_en.jpg) center / contain no-repeat;
  background-color: #f9f9f9;
}
.page0103 .section3 .slider .dash10 .left {
  background: url(../img/dash10_en.jpg) center / contain no-repeat;
  background-color: #f9f9f9;
}

.page0201 .section1 [class^="item"] {
  margin-top: 2rem;
  padding: 4rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.page0201 .section1 [class^="item"] .subtit {
  font-size: 2.8rem;
  font-weight: 800;
  display: flex;
  gap: 1rem;
  align-items: center;
}
.page0201 .section1 [class^="item"] .subtit:before {
  content: "";
  width: 0.8rem;
  height: 2.5rem;
  background-color: var(--blue);
}

.page0201 .section1 .item1 .img_wrap {
  display: flex;
  justify-content: space-between;
}
.page0201 .section1 .item1 .img_wrap [class^="y"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 20%;
}
.page0201 .section1 .item1 .img_wrap [class^="y"] .img {
  width: 100%;
  aspect-ratio: 1 / 0.72;
  border: 1px solid #ddd;
  border-radius: 1rem;
}

.page0201 .section1 .item1 .img_wrap .y2010 .img {
  background: url(../img/sub0201_img0101.png) center / contain no-repeat;
}
.page0201 .section1 .item1 .img_wrap .y2015 .img {
  background: url(../img/sub0201_img0102.png) center / contain no-repeat;
}
.page0201 .section1 .item1 .img_wrap .y2017 .img {
  background: url(../img/sub0201_img0103.png) center / contain no-repeat;
}
.page0201 .section1 .item1 .img_wrap .y2026 .img {
  background: url(../img/sub0201_img0104.png) center / contain no-repeat;
}
.page0201 .section1 .item1 .img_wrap [class^="y"] .img {
  background-color: #f9f9f9;
}

.page0201 .section1 .item1 .img_wrap .txt {
  text-align: center;
}
.page0201 .section1 .item1 .img_wrap .txt p {
  font-size: 1.6rem;
  font-weight: 800;
  margin-bottom: 0.5rem;
}
.page0201 .section1 .item1 .img_wrap .txt span {
  font-size: 1.8rem;
}
.page0201 .section1 .item1 .img_wrap .txt span {
  font-size: 1.8rem;
}
.page0201 .section1 .item1 .img_wrap .tri {
  width: 1.5rem;
  background: url(../img/sub0201_tri01.png) center 37% / contain no-repeat;
}
@media screen and (max-width: 1373px) {
  .page0201 .section1 .item1 .img_wrap .tri {
    background: url(../img/sub0201_tri01.png) center 27% / contain no-repeat;
  }
}
@media screen and (max-width: 1024px) {
  .page0201 .section1 .item1 .img_wrap .tri {
    background: url(../img/sub0201_tri01.png) center 37% / contain no-repeat;
  }
}
@media screen and (max-width: 804px) {
  .page0201 .section1 .item1 .img_wrap .tri {
    background: url(../img/sub0201_tri01.png) center 27% / contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .page0201 .section1 .item1 .img_wrap .tri {
    background: url(../img/sub0201_tri01.png) center 37% / contain no-repeat;
  }
}
@media screen and (max-width: 632px) {
  .page0201 .section1 .item1 .img_wrap .tri {
    background: url(../img/sub0201_tri01.png) center 27% / contain no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .page0201 .section1 [class^="item"] {
    padding: 2rem;
    gap: 1.5rem;
  }
  .page0201 .section1 [class^="item"] .subtit {
    font-size: 18px;
    gap: 6px;
  }
  .page0201 .section1 [class^="item"] .subtit:before {
    width: 5px;
    height: 18px;
  }
  .page0201 .section1 .item1 .img_wrap [class^="y"] {
    gap: 1.2rem;
  }
  .page0201 .section1 .item1 .img_wrap .txt p {
    font-size: 11px;
    margin-bottom: 0.2rem;
  }
  .page0201 .section1 .item1 .img_wrap .txt span {
    font-size: 11px;
  }
  .page0201 .section1 .item1 .img_wrap .tri {
    width: 10px;
  }
}

@media screen and (max-width: 500px) {
  .page0201 .section1 .item1 .img_wrap {
    flex-direction: column;
    gap: 1rem;
  }
  .page0201 .section1 .item1 .img_wrap [class^="y"] {
    width: 100%;
  }
  .page0201 .section1 .item1 .img_wrap [class^="y"] .img {
    aspect-ratio: 1 / 0.62;
  }
  .page0201 .section1 .item1 .img_wrap .tri {
    width: 100%;
    height: 12px;
    background: url(../img/sub0201_tri02_r.png) center / contain no-repeat;
  }
}

.page0201 .section1 .item2 .img_wrap {
  display: flex;
  justify-content: space-between;
}
.page0201 .section1 .item2 .img_wrap [class^="product"] {
  width: 30%;
  padding: 1.5rem 1.5rem 4.5rem;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.page0201 .section1 .item2 .img_wrap .product03 {
  border: 1px solid var(--blue);
  background: #f4f8fc;
  box-shadow: 0 0 10px rgba(12, 77, 162, 0.2);
}
.page0201 .section1 .item2 .img_wrap .tri {
  width: 1.5rem;
  background-color: var(--blue);
  background: url(../img/sub0201_tri02.png) center / contain no-repeat;
}

.page0201 .section1 .item2 .img_wrap .prod_tit {
  width: 100%;
  padding: 1.5rem;
  background-color: #333;
  border-radius: 0.7rem;
  text-align: center;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 800;
}
.page0201 .section1 .item2 .img_wrap .product03 .prod_tit {
  background-color: var(--blue);
}
.page0201 .section1 .item2 .img_wrap .img {
  width: 100%;
  aspect-ratio: 1 / 0.56;
}
.page0201 .section1 .item2 .img_wrap .txt_wrap {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  padding: 0 2rem;
  line-height: 1.4;
}
.page0201 .section1 .item2 .img_wrap .txt_wrap .inner .tit {
  font-weight: 800;
}
.page0201 .section1 .item2 .img_wrap .txt_wrap .inner ul {
  margin-top: 1rem;
}
.page0201 .section1 .item2 .img_wrap .txt_wrap .inner li {
  font-size: 1.6rem;
}

.page0201 .section1 .item2 .img_wrap .product01 .img {
  background: url(../img/sub0201_img0105.png) center / contain no-repeat;
}
.page0201 .section1 .item2 .img_wrap .product02 .img {
  background: url(../img/sub0201_img0106.png) center / contain no-repeat;
}
.page0201 .section1 .item2 .img_wrap .product03 .img {
  background: url(../img/sub0201_img0107.png) center / contain no-repeat;
}

@media screen and (max-width: 768px) {
  .page0201 .section1 .item2 .img_wrap {
    flex-direction: column;
    gap: 1rem;
  }
  .page0201 .section1 .item2 .img_wrap [class^="product"] {
    width: 100%;
    gap: 1.5rem;
    padding: 1.5rem 1.5rem 2.5rem;
    border-radius: 1rem;
  }
  .page0201 .section1 .item2 .img_wrap .img {
    aspect-ratio: 1 / 0.36;
  }
  .page0201 .section1 .item2 .img_wrap .tri {
    width: 100%;
    height: 12px;
    background: url(../img/sub0201_tri02_r.png) center / contain no-repeat;
  }
  .page0201 .section1 .item2 .img_wrap .prod_tit {
    padding: 1rem;
    font-size: 16px;
  }
  .page0201 .section1 .item2 .img_wrap .txt_wrap {
    gap: 2rem;
  }
  .page0201 .section1 .item2 .img_wrap .txt_wrap .inner .tit {
    font-size: 15px;
  }
  .page0201 .section1 .item2 .img_wrap .txt_wrap .inner li {
    font-size: 11px;
  }
}
@media screen and (max-width: 450px) {
  .page0201 .section1 .item2 .img_wrap .img {
    aspect-ratio: 1 / 0.56;
  }
}

.page0201 .section2 .item1 {
  padding: 6rem;
  border-radius: 2rem;
  margin-top: 2rem;
	text-align: center;
}
@media screen and (max-width: 768px) {
  .page0201 .section2 .item1 {
    padding: 0;
  }
}

.page0201 .section3 [class^="item"] {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  margin-top: 2rem;
}
.page0201 .section3 .left {
  width: calc(100% - 30rem);
  border-radius: 2rem;
  border: 1px solid #ddd;
  display: flex;
  overflow: hidden;
}
.page0201 .section3 .left .img {
  width: 32%;
}
.page0201 .section3 .left .inner {
  padding: 5rem 4rem;
	width:68%;
}
.page0201 .section3 .left .inner .tit {
  font-size: 2.2rem;
  font-weight: 800;
}
.page0201 .section3 .left .inner p {
  margin: 3rem 0 2rem;
  font-size: 1.8rem;
}
.page0201 .section3 .left .inner ul {
  font-size: 1.6rem;
}


.page0201 .section3 .item1 .left .img {
  background: url(../img/sub0201_img0301.jpg) center / cover no-repeat;
}
.page0201 .section3 .item2 .left .img {
  background: url(../img/sub0201_img0302.jpg) center / cover no-repeat;
}
.page0201 .section3 .item3 .left .img {
  background: url(../img/sub0201_img0303.jpg) center / cover no-repeat;
}
.page0201 .section3 .tri {
  width: 15px;
  background: url(../img/sub0201_tri02.png) center / contain no-repeat;
}

.page0201 .section3 .right {
  width: 28rem;
  border-radius: 2rem;
  border: 1px solid var(--blue);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  gap: 2rem;
  box-shadow: 0 0 10px rgba(12, 77, 162, 0.2);
}
.page0201 .section3 .right .icon {
  width: 10rem;
  aspect-ratio: 1 / 1;
}
.page0201 .section3 .right .txt {
  font-size: 2.2rem;
  font-weight: 800;
}
.page0201 .section3 .item1 .right .icon {
  background: url(../img/sub0201_img0301_i.png) center / contain no-repeat;
}
.page0201 .section3 .item2 .right .icon {
  background: url(../img/sub0201_img0302_i.png) center / contain no-repeat;
}
.page0201 .section3 .item3 .right .icon {
  background: url(../img/sub0201_img0303_i.png) center / contain no-repeat;
}

@media screen and (max-width: 768px) {
  .page0201 .section3 [class^="item"] {
    flex-direction: column;
    gap: 1rem;
    margin-top: 4rem;
  }
  .page0201 .section3 .left {
    width: 100%;
    flex-direction: column;
    border-radius: 12px;
  }
  .page0201 .section3 .left .img {
    width: 100%;
    aspect-ratio: 1 / 0.65;
  }
  .page0201 .section3 .left .inner {
    padding: 2rem;
	  width:100%;
  }
  .page0201 .section3 .left .inner .tit {
    font-size: 15px;
    font-weight: 800;
  }
  .page0201 .section3 .left .inner p {
    margin: 1.5rem 0 1rem;
    font-size: 11px;
  }
  .page0201 .section3 .left .inner ul {
    font-size: 1rem;
  }

  .page0201 .section3 .tri {
    width: 100%;
    height: 12px;
    background: url(../img/sub0201_tri02_r.png) center / contain no-repeat;
  }

  .page0201 .section3 .right {
    width: 100%;
    padding: 2rem;
    gap: 1.5rem;
    border-radius: 12px;
  }
  .page0201 .section3 .right .icon {
    width: 60px;
  }
  .page0201 .section3 .right .txt {
    font-size: 15px;
  }
}

.page0201 .section4 .tab_wrap ul {
  display: flex;
  gap: 1rem;
}
.page0201 .section4 .tab_wrap ul li {
  padding: 1.2rem 4rem;
  border: 1px solid #ddd;
  border-radius: 100px;
  cursor: pointer;
  font-weight: 800;
	transition: .5s
}
.page0201 .section4 .tab_wrap ul li:hover {
  border: 1px solid var(--blue);
}
.page0201 .section4 .tab_wrap ul li.on {
  background: var(--blue);
  border:1px solid var(--blue);
  color: #fff;
}

.page0201 .section4 .contents_wrap {
  position: relative;
  width: 100%;
}
.page0201 .section4 [class^="item"] {
  display: none;
  width: 100%;
  gap: 4rem;
  align-items: center;
}
.page0201 .section4 [class^="item"].on {
  display: flex;
}
.page0201 .section4 .left {
  width: 70%;
  aspect-ratio: 1 / 0.7;
/*	height:500px;*/
  border: 1px solid #ddd;
  border-radius: 2rem;
	overflow: hidden;
		position: relative
}
.page0201 .section4 .right {
  width: 40%;
}
.page0201 .section4 .right .tit {
  font-size: 22px;
  font-weight: 800;
}
.page0201 .section4 .right ul {
  margin-top: 2rem;
}
.page0201 .section4 .item3 .left [class^=img] {width:100%;height: 100%;}

.page0201 .section4 .item1 .left {
  background: url(../img/sub0201_img0401.jpg) center / contain no-repeat;
	background-color: #f9f9f9;
}
.page0201 .section4 .item2 .left {
  background: url(../img/sub0201_img0402.jpg) center / contain no-repeat;
  background-color: #f9f9f9;
}
.page0201 .section4 .item3 .left .img01 {
  background: url(../img/sub0201_img0403-1.jpg) center / contain no-repeat;
  background-color: #f9f9f9;
}
.page0201 .section4 .item3 .left .img02 {
  background: url(../img/sub0201_img0403-2.jpg) center / contain no-repeat;
  background-color: #f9f9f9;
}

.page0201 .section4 .item1 .left.en {
  background: url(../img/sub0201_img0401_en.jpg) center / contain no-repeat;
	background-color: #f9f9f9;
}
.page0201 .section4 .item2 .left.en {
  background: url(../img/sub0201_img0402_en.jpg) center / contain no-repeat;
  background-color: #f9f9f9;
}
.page0201 .section4 .item3 .left.en .img02 {
  background: url(../img/sub0201_img0403-2_en.jpg) center / contain no-repeat;
  background-color: #f9f9f9;
}


@media screen and (max-width: 768px) {
  .page0201 .section4 .tab_wrap ul li {
    width: 33.33%;
    padding: 12px 10px;
    text-align: center;
  }
  .page0201 .section4 [class^="item"] {
    gap: 15px;
    flex-direction: column;
  }
  .page0201 .section4 .left {
    width: 100%;
    border-radius: 12px;
  }
  .page0201 .section4 .right {
    width: 100%;
  }
  .page0201 .section4 .right .inner {
    padding: 0 1rem;
  }
  .page0201 .section4 .right .tit {
    font-size: 15px;
  }
  .page0201 .section4 .right ul {
    margin-top: 8px;
  }
}

@media screen and (max-width: 490px) {
  .page0201 .section4 .tab_wrap ul {
    flex-wrap: wrap;
  }
  .page0201 .section4 .tab_wrap ul li {
    width: calc(50% - 1rem);
  }
}

.page0201 .section4 .left,
.page0201 .section4 .tab3_slider,
.page0201 .section4 .slick-list,
.page0201 .section4 .slick-track,
.page0201 .section4 .slick-slide,
.page0201 .section4 .slick-slide > div{
    height:100%;
}
.page0201 .section4 .item3 .left [class^=img]{
    height:100%;
}

.page0201 .section4 .tab3_slider {position: relative}
.page0201 .section4 .tab3_slider button {position: absolute; font-size: 0; width:6rem; height: 6rem; top:50%; transform: translateY(-50%);opacity: .2;z-index: 1; transition: .5s;}
.page0201 .section4 .tab3_slider button:hover {opacity: .5}
.page0201 .section4 .tab3_slider .slick-prev {left:0;}
.page0201 .section4 .tab3_slider .slick-next {right:0}
.page0201 .section4 .tab3_slider .slick-prev:before { content: "";
    width: 20px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-80%, -50%);
	background: url(../img/arrow.png) center / contain no-repeat;}
.page0201 .section4 .tab3_slider .slick-next:before {content: "";
    width: 20px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0%, -50%) rotate(180deg);
	background: url(../img/arrow.png) center / contain no-repeat;}

@media screen and (max-width: 768px) {
	.page0201 .section4 .tab3_slider button {width:3rem; height: 100%;opacity: .5;}
	.page0201 .section4 .tab3_slider .slick-prev:before { width: 15px;    height: 25px;transform: translate(-50%, -50%);}
	.page0201 .section4 .tab3_slider .slick-next:before { width: 15px;    height: 25px;transform: translate(-50%, -50%)  rotate(180deg);}
}

/*
.page0201 .section5 ul {display: flex; flex-wrap: wrap; gap : 2rem}
.page0201 .section5 ul li { width: calc(20% - 2rem); aspect-ratio : 1 / 0.35; border: 1px solid #ddd; border-radius: 1rem;overflow: hidden;text-align: center}
@media screen and (max-width: 768px){
	.page0201 .section5 ul {gap : 1rem}
	.page0201 .section5 ul li {width: calc(25% - 1rem);border-radius: 8px}
}
@media screen and (max-width: 490px){
	.page0201 .section5 ul li {width: calc(33.33% - 1rem);}
}
*/

.page0201 .section5 .slider {
  overflow: hidden;
}
.page0201 .section5 .swiper-wrapper {transition-timing-function: linear;}
.page0201 .section5 .swiper-slide {
  width: auto;
  border: 1px solid #ddd;
  border-radius: 1rem;
  overflow: hidden;
}

.page0202 .contents [class^="item"] {
  width: 100%;
  padding: 3rem;
	text-align: center
}
@media screen and (max-width: 768px) {
  .page0202 .contents [class^="item"] {
    padding: 4rem 2rem 2rem;
	  text-align: left
  }
}

.page0202 [class^="item"] [class^="d_"] p {
  font-size: 15px;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 15px;
}
.page0202 [class^="item"] [class^="d_"] p:before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 100px;
  background-color: var(--blue);
  font-weight: 800;
  color: white;
  font-size: 15px;
}
.page0202 [class^="item"] .inner {
  width: 100%;
}
.page0202 [class^="item"] [class^="d_"] ul {
  margin-bottom: 20px;
}
.page0202 [class^="item"] [class^="d_"]:after {
  content: "";
  display: block;
  width: 100%;
  border: 1px dashed #ddd;
  margin-bottom: 20px;
}
.page0202 [class^="item"] [class^="d_"]:last-child:after {
  display: none;
}

.page0202 [class^="item"] .d_1 p:before {
  content: "1";
}
.page0202 [class^="item"] .d_2 p:before {
  content: "2";
}
.page0202 [class^="item"] .d_3 p:before {
  content: "3";
}
.page0202 [class^="item"] .d_4 p:before {
  content: "4";
}
.page0202 [class^="item"] .d_5 p:before {
  content: "5";
}
.page0202 [class^="item"] .d_6 p:before {
  content: "6";
}
.page0202 [class^="item"] .d_7 p:before {
  content: "7";
}
.page0202 [class^="item"] .d_8 p:before {
  content: "8";
}

@media screen and (max-width: 768px) {
  .page0202 [class^="item"].mo {
    display: flex;
    flex-direction: column;
    gap: 60px;
    align-items: center;
  }
  .page0202 [class^="item"] img {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .page0202 [class^="item"] img {
    width: 70%;
  }
}
@media screen and (max-width: 450px) {
  .page0202 [class^="item"] img {
    width: 100%;
  }
}

/*
.page0203 .contents {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  margin-top: 2rem;
}
*/
/*
.page0203 [class^="item"] {
  display: flex;
  gap: 2rem;
  padding: 2.5rem;
}
*/
.page0203 .contents_inner {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  margin-top: 2rem;
}

.page0203 .img {
  padding: 5rem;
  text-align: center;
/*  width: 65%;*/
}

/* .page0203 .sticky {display: flex; flex-direction: column; width:35%; height:auto; gap:2rem; position: sticky; top:100px;} */

.page0203 .sticky {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  gap: 2rem;
/*
  position: absolute;
  top: 8.5em;
  right: 0;
*/
}
.page0203 .sticky [class^="item"] {
  display: flex;
  gap: 2rem;
  padding: 2.5rem;
}

.page0203 .inner {
  position: relative;
}
.page0203 [class^="item"] .icon {
  display: block;
  width: 8rem;
  height: 8.1rem;
  background-position: center;
  background-size: contain;
}
.page0203 .item1 .icon {
  background: url(../img/sub0203_img0201.png) center / cover no-repeat;
}
.page0203 .item2 .icon {
  background: url(../img/sub0203_img0202.png) center / cover no-repeat;
}
.page0203 .item3 .icon {
  background: url(../img/sub0203_img0203.png) center / cover no-repeat;
}

.page0203 .tit {
  display: block;
  margin-top: 1.5rem;
  font-size: 2.2rem;
  font-weight: 800;
}
.page0203 .list_dot {
  margin-top: 1.2rem;
}

@media screen and (max-width: 768px) {
  .page0203 .contents {
    flex-direction: column;
    gap: 1rem;
  }
	.page0203 .contents_inner {gap:1rem;}
  .page0203 .sticky {
    width: 100%;
    gap: 1rem;
  }
  .page0203 [class^="item"] {
    flex-direction: column;
    gap: 0;
  }
  .page0203 [class^="item"] .icon {
    width: 60px;
    height: 61px;
  }
  .page0203 [class^="item"] .tit {
    font-size: 15px;
    margin-top: 16px;
  }
	.page0203 .sticky [class^="item"] {
  padding: 2rem;
}
}

.page0203 .info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page0203 .info .LR_wrap {
  display: flex;
  gap: 17rem;
  margin-bottom: 2.5rem;
	justify-content: space-between
}
.page0203 .info .motor {
  margin-bottom: 2.5rem;
}
.page0203 .info .motor img {
  border-radius: 1.5rem
}
.page0203 .info .motor p {
  font-weight: 800;
  margin-top: 0.5rem;
}
.page0203 .info ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  position: relative;
}
.page0203 .info ul:before {
  content: "";
  position: absolute;
  top: 6.5rem;
  width: 100%;height:100%;
}
.page0203 .info .left ul:before {
  left: 3rem;
/*  aspect-ratio: 1 / 9.35;*/
  background: url(../img/sub0203_img0103-1.png) center / contain no-repeat;
}
.page0203 .info .right ul:before {
  right: 3rem;
/*  aspect-ratio: 1 / 9.45;*/
  background: url(../img/sub0203_img0104-2.png) center / contain no-repeat;
}
.page0203 .info [class^="box"] {
  width: 23rem;
  height: 7rem;
  font-size: 1.6rem;
  border-radius: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-style: solid;
  border-width: 3px;
  background: #fff;
}
.page0203 .info .box_double {height: 16.5rem;}

@media screen and (max-width: 1480px) {
	.page0203 .img {padding:4rem}
	.page0203 .info .LR_wrap {gap:14rem;}
	.page0203 .sticky [class^="item"] {flex-direction: column; gap:0;}
}
@media screen and (max-width: 1024px) {
	.page0203 .info .LR_wrap {gap:17rem;}
	.page0203 .sticky [class^="item"] {flex-direction: row; gap:1.5rem;}
}
@media screen and (max-width: 890px) {
	.page0203 .info .LR_wrap {gap:14rem;}
	.page0203 .sticky [class^="item"] {flex-direction: column; gap:0;}
}
@media screen and (max-width: 820px) {
	.page0203 .contents_inner {flex-direction: column}
	.page0203 .img {width: 100%}
	.page0203 .sticky {flex-direction: row;}
	.page0203 .sticky [class^=item] {width:100%}
}
@media screen and (max-width: 768px) {
	.page0203 .info .motor {margin-bottom: 1.5rem;  }
    .page0203 .info .motor img {width: 85%; border-radius: 12px;}
    .page0203 .info ul {gap: 1.5rem;  }
	.page0203 .info ul:before {top:4.2rem;width: 105%;height:105%;}
	.page0203 .info .left ul:before{left:1.5rem;}
	.page0203 .info .right ul:before{right:1.5rem;}
	.page0203 .info .LR_wrap {gap:9rem;}
    .page0203 .info [class^="box"] {width: 160px; height: 50px; font-size: 11px; border-radius: 12px;}
	.page0203 .info .box_double {height: calc(100px + 1.5rem)}
    .page0203 .info .box_last {width: 146px; height: 56px;}
    .page0203 .info .box_monitor {height: auto; padding: 1.5rem;}
	.page0203 #contents .info.linebox {border: none;}
	.page0203 .img {padding: 30px 15px; width: 100%;}
}
@media screen and (max-width: 570px) {
	.page0203 .contents_inner {gap:3rem;}
	#contents .page0203 .img.linebox {border:none; border-radius: 0; padding:0 }
	.page0203 .info .motor img {width: 70%;}
	.page0203 .info .LR_wrap {width:100%; justify-content: space-between; gap:0;}
	.page0203 .sticky { flex-direction: column;}
	
	#contents .page0203 .img.linebox {gap:1rem}
	.page0203 .info .left ul:before {background: url(../img/sub0203_img0103_m.png) center / contain no-repeat;}
	.page0203 .info .right ul:before {background: url(../img/sub0203_img0104_m.png) center / contain no-repeat;}
	.page0203 .info ul:before {top:3.5rem;width: 100%;height:100%;}
	.page0203 .info .left ul:before{left:5rem;}
	.page0203 .info .right ul:before{right:5rem;}
}
@media screen and (max-width: 500px) {
	.page0203 .info .left ul:before {background: url(../img/sub0203_img0103_m2.png) center / contain no-repeat;}
	.page0203 .info .right ul:before {background: url(../img/sub0203_img0104_m2.png) center / contain no-repeat;}
	.page0203 .info ul:before {top:3.5rem;}
	.page0203 .info .left ul:before{left:3rem;}
	.page0203 .info .right ul:before{right:3rem;}
 	.page0203 .info [class^="box"] {width: 140px; }
}


.page0203 .info .left .box1 {
  border-color: #23bba9;
}
.page0203 .info .left .box2 {
  border-color: #24b9ad;
}
.page0203 .info .left .box3 {
  border-color: #26b5b2;
}
.page0203 .info .left .box4 {
  border-color: #27b1b7;
}
.page0203 .info .left .box5 {
  border-color: #29adbd;
}
.page0203 .info .left .box6 {
  border-color: #2ba8c2;
}
.page0203 .info .left .box7 {
  border-color: #2da4c7;
}
.page0203 .info .left .box8 {
  border-color: #2ea1cb;
}

.page0203 .info .right .box1 {
  border-color: #8d46be;
}
.page0203 .info .right .box2 {
  border-color: #8246bf;
}
.page0203 .info .right .box3 {
  border-color: #7745bf;
}
.page0203 .info .right .box4 {
  border-color: #6744c0;
}
.page0203 .info .right .box5 {
  border-color: #5744c1;
}
.page0203 .info .right .box6 {
  border-color: #4743c2;
}
.page0203 .info .right .box7 {
  border-color: #3b43c3;
}
.page0203 .info .right .box8 {
  border-color: #2e42c4;
}

.page0203 .info .center {
  display: flex;
  flex-direction: column;
  gap: 1rem;
	align-items: center;
}

.page0203 .info .box_last {
  border: none;
  background: linear-gradient(90deg, #2f9fce 0%, #2d42c4 100%);
  padding: 3px;
  width: 23.06rem;
  height: 7.06rem;
}
.page0203 .info .box_last:before {
  content: "Fault Detection	Framework";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 1.2rem;
}
.page0203 .info .box_monitor {
  height: auto;
  padding: 2.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-weight: 800;
  font-size: 1.8rem;
  border-color: #5fc769;
}

@media screen and (max-width: 768px) {
	.page0203 .info .box_last {width: 18.06rem;}
	.page0203 .info .box_monitor {padding: 2rem;font-size: 15px}
	.page0203 .info .box_last:before {border-radius: 9px}
}
@media screen and (max-width: 570px) {
	.page0203 .info .box_last {width: 17.06rem;}
}
@media screen and (max-width: 460px) {
	.page0203 .info .box_last {width: 15.06rem;height:5.56rem }
}


.page0504 section.map_section div.map_inner {
}
.page0504 section .map {
  width: 100%;
  height: 400px;
  background-color: #f9f9f9;
  border-radius: 1rem;
  margin-bottom: 1rem;
}
.page0504 section .etc {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page0504 section .etc strong {
  font-weight: 800;
}

.page0504 section .etc div {
  width: 49.6%;
  padding: 30px;
  border-radius: 1rem;
  background-repeat: no-repeat;
  background-color: #f9f9f9;
  background-position: 30px 30px;
}
.page0504 section .etc p:first-child {
  padding-top: 50px;
  margin-bottom: 0.8rem;
}

.page0504 section .etc .etc01 {
  background-image: url("../img/sub0504_img01.png");
  margin-bottom: 1rem;
}
.page0504 section .etc .etc02 {
  background-image: url("../img/sub0504_img02.png");
  margin-bottom: 1rem;
}
.page0504 section .etc .etc03 {
  background-image: url("../img/sub0504_img03.png");
}
.page0504 section .etc .etc04 {
  background-image: url("../img/sub0504_img04.png");
}

@media screen and (max-width: 768px) {
  .page0504 section .etc div {
    width: 100%;
    margin-bottom: 10px;
  }
  .page0504 section .etc div:last-child {
    margin-bottom: 0;
  }
}

.root_daum_roughmap .cont {
  display: none;
}

.video {
  aspect-ratio: 1920 / 1080;
	overflow: hidden;
}

iframe {width:100%;aspect-ratio: 1920 / 1080;}


.page0101 [class^=bigitem] {margin-top: 10rem;}
.page0101 [class^=bigitem]:first-child {margin-top: 0}
.page0101 .subtit_wrap{}
.page0101 .subtit_wrap .subtit {font-size: 3.2rem; font-weight: 800}
.page0101 [class^=big_inner] {margin-top: 5rem}
.page0101 .big_inner1 {margin-top: 0}
.page0101 [class^=big_inner] .desc p {font-size: 2.4rem; font-weight: 800; margin-bottom: .5rem}
@media screen and (max-width: 768px) {
	.page0101 .subtit_wrap .subtit {font-size: 18px;}
	.page0101 [class^=big_inner] .desc p {font-size: 15px;}
}