@font-face {
  font-family: "GmarketSansMedium";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}
html, body * {
  font-family: "Noto Sans KR";
}
#container{
  max-width: 768px;
}
#container img {
  width: unset;
}
#main {
  text-align: center;
  max-width: 768px;
}
.center {
  width:700px;
  text-align: center;
  position: relative;
  margin: auto;
}
#main .center {
  width:100%;
  overflow: hidden;
  position: relative;
  height:461px;
}
#main .center .mainBg {
  position: absolute;
  top:0;left:50%;
  transform: translate(-50%, 0);
  max-width:768px;
}

#S2 {
  position: relative;
  text-align: center;
  padding:90px 0;
}
#S2 img{
  max-width:706px;
}
#S3 {
  background-color: #f8f8f8;
  position: relative;
  text-align: center;
  padding:85px 0;
}
#S3 img{
  max-width:589px;
}
#S4 {
  background-color: #ffffff;
  position: relative;
  text-align: center;
  padding:85px 0;
}
#S4 img{
  max-width:706px;
}
#S5 {
  background-color: #f8f8f8;
  position: relative;
  text-align: left;
  padding:85px 0;
}
#S5 img{
  max-width:656px;
}
#S6 {
  background-color: #ffffff;
  position: relative;
  text-align: center;
  padding:90px 0 85px;
  overflow: hidden;
}
#S6 .center {
  display: flex;flex-direction: column;gap:95px;align-items: center;justify-content: center;
  width:768px;
}
#S6 .center> img {
  max-width: 567px;
}
#S6 .center .S6Tab {
  width:100%;
}
#S6 .center .S6Tab #content {
  width:100%;
}
#S6 .center .S6Tab #content #two_content {
  display: flex;flex-direction: column;gap:150px;align-items: center;justify-content: center;
}
#S6 .center .S6Tab #two_tab1 {
  display: flex;flex-direction: column;gap:50px;align-items: center;justify-content: center;width: 100%;position: relative;
}
#S6 .center .S6Tab #two_tab1 .tabs2024_4 {
  width:100%;padding: 0 30px;
}
#S6 .center .S6Tab #two_tab1 .tabs2024_4 .swiper-slide {
  width: fit-content;text-align: center;
}
#S6 .center .S6Tab #two_tab2 {
  display: flex;flex-direction: column;gap:50px;align-items: center;justify-content: center;width: 100%;position: relative;
}
#S6 .center .S6Tab #two_tab2 .tabs2024_2 {
  width:100%;padding: 0 30px;
}
#S6 .center .S6Tab #two_tab2 .tabs2024_2 .swiper-slide {
  width: fit-content;text-align: center;
}
#S6 .center .S6Tab #two_tab1 .tab1_title img {
  max-width: 708px;
}
#S6 .center .S6Tab #two_tab2 .tab1_title img {
  max-width: 708px;
}

#S6 .center .S6Tab #two_tab1 .S3Img {
  max-width:1450px;
  width: 100%;
}
#S6 .center .S6Tab #two_tab1 .S3Img img {
  max-width: 100%;
}
#S6 .center .S6Tab #two_tab2 .S3Img {
  max-width:970px;
  width: 100%;
}
#S6 .center .S6Tab #two_tab2 .S3Img img {
  width: 100%;
}
.S3Img img {
  border:1px solid #4C7796;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 0 !important;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 0 !important;
}

#S7 {
  background-color: #f8f8f8;
  position: relative;
  text-align: center;
  padding:130px 0 45px;
  display: flex;
  flex-direction: column;
  gap:50px;
}
#S7 #S7_title img {
  max-width:706px;
}
#S7 #S7_content {
  width:100%;
}
#S7 #S7_content .swiper-container {
  width:100%;overflow: hidden;
}
#S7 .swiper-container .swiper-wrapper {
  -webkit-transition-timing-function:linear;
  transition-timing-function:linear;
}
#S7 .swiper-container .swiper-slide{
  width:fit-content;
}
#S7 .swiper-container .swiper-slide{
  width:fit-content;
}
#S7 .swiper-container .swiper-slide img{
  width: auto;height: 385px;
}
#S7 .swiper-container a{
  position: absolute;
  bottom:100px;
  left: 50%;
  transform: translate(-50%, 0);
}

#S8 {
  background-color: #f8f8f8;
  position: relative;
  text-align: center;
  padding:45px 0 65px;
  display: flex;
  flex-direction: column;
  gap:70px;
}

#S8 #S8_content {
  display: flex;gap:30px;align-items: center;justify-content: center;
}
#S8 #S8_title img {
  max-width: 467px;
}
#S8 #S8_content a img {
  max-width: 340px;
}
#S9 {
  background-color: #f8f8f8;
  position: relative;
  text-align: center;
  padding:80px 0;
}
#S9 img {
  max-width: 358px;
}
.S3Name {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  gap:0.78125vw;
}
.S3Name p {
  font-family: "GmarketSansMedium";
  font-size: 3.125vw;
  padding-top: 5px;
}
.S3NameObjL {
  width: 2.8125vw !important;
}
.S3NameObjR {
  width: 2.8125vw !important;
}


@media all and (max-width:1920px){
  #S2 img{
    width: 91.9791vw;
  }
  #S3 img{
    width: 84.9479vw;
  }
  #S4 img{
    width: 91.9791vw;
  }
  #S5 img{
    width: 85.4687vw;
  }
  #S6 .center> img {
    width: 73.8541vw;
  }
  #S6 .center .S6Tab #two_tab1 .tab1_title img {
    width: 92.1354vw;
  }
  #S6 .center .S6Tab #two_tab2 .tab1_title img {
    width: 92.1354vw;
  }
  #S7 #S7_title img {
    width: 91.9791vw;
  }
  #S8 #S8_title img {
    width: 64.5312vw;
  }
  #S8 #S8_content a img {
    width: 44.2187vw;
  }
  #S9 img {
    width: 46.6666vw;
  }
}

@media all and (max-width:768px){
  .inner {
    PADDING:0 3.9062VW;
  }
  #container{
    max-width: 100vw;
  }
  #main {
    text-align: center;
    max-width: 100vw;
  }
  .center {
    width:91.1458vw;
  }
  #main .center {
    height:60.0260vw;
  }
  #main .center .mainBg {
    max-width:100vw;
  }
  #S2 {
    padding:11.7187vw 0;
  }
  #S3 {
    padding:11.0677vw 0;
  }
  #S4 {
    padding:11.0677vw 0;
  }
  #S5 {
    padding:11.0677vw 0;
  }
  #S6 {
    padding:11.7187vw 0 11.0677vw;
  }
  #S6 .center {
    gap:12.3697vw;
    width:100vw;
  }
  #S6 .center .S6Tab #content #two_content {
    gap:19.5312vw;
  }
  #S6 .center .S6Tab #two_tab1 {
    gap:6.5104vw;
  }
  #S6 .center .S6Tab #two_tab1 .tabs2024_4 {
    padding: 0 3.9062vw;
  }
  #S6 .center .S6Tab #two_tab2 {
    gap:6.5104vw;
  }
  #S6 .center .S6Tab #two_tab2 .tabs2024_2 {
    padding: 0 3.9062vw;
  }
  
  #S7 {
    padding:16.9270vw 0 5.8593vw;
    gap:6.5104vw;
  }
  
  #S8 {
    padding:5.8593vw 0 8.4635vw;
    gap:9.1145vw;
  }
  
  #S8 #S8_content {
    gap:3.9062vw;
  }
  #S9 {
    padding:10.4166vw 0;
  }
  #S7 .swiper-container {
    bottom:39.9740vw;
    padding:0 4.4271vw;
  }
  #S7 .swiper-container .swiper-slide img{
    width: auto;height: 50.1302vw;
  }

  #S7 .section_inner a{
    bottom:13.0208vw;
  }
  #S6 .center .S6Tab #two_tab1 .S3Img {
    max-width:100%;
  }
  #S6 .center .S6Tab #two_tab2 .S3Img {
    max-width:100%;
  }
  .S3Name {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.302vw;
    gap: 0.78125vw;
  }
  .S3Name p {
    font-family: "GmarketSansMedium";
    font-size: 3.125vw;
    padding-top: 0.651vw;
  }  
  .S3NameObjL {
    width: 2.8645vw !important;
  }
  .S3NameObjR {
    width: 2.8645vw !important;
  }
}