@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');

@font-face {
    font-family: 'Pretendard';
    src: url('../font/PretendardVariable.woff2') format('woff2-variations'),
    url('../font/PretendardVariable.ttf') format('truetype');
}

@font-face {
    font-family: 'Oswald-Bold';
    src: url('../font/Oswald-Bold.woff') format('woff'),
         url('../font/Oswald-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../font/Montserrat-Bold.woff') format('woff'),
         url('../font/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../font/Montserrat-SemiBold.woff') format('woff'),
         url('../font/Montserrat-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../font/Montserrat-Medium.woff') format('woff'),
         url('../font/Montserrat-Medium.ttf') format('truetype');
}


/* °øÅë ·¹À̾ƿô ¼³Á¤ */

html {
  scroll-behavior: smooth;
}


body {
  font-family: 'Pretendard', sans-serif;
  font-size: 16px;
  color: #000;
  background-color: #fff;
  line-height: 1.6;
  word-break: keep-all;
}

/* ¸µÅ© ½ºÅ¸ÀÏ */
a {
  color: inherit;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration:none;
}

/* À̹ÌÁö ¹ÝÀÀÇü */
img {
  max-width: 100%;
    width:100%;
  height: auto;
  display: block;
}

/* ¹öÆ° ÃʱâÈ­ */
button {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
}

/* ÀÎDz/Æû ¿ä¼Ò ÃʱâÈ­ */
input, textarea, select {
  font: inherit;
  color: inherit;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px;
  outline: none;
}
input:focus, textarea:focus, select:focus {
  border-color: #666;
}


.display_pc_only{display: block !important;}
.display_tablet_only{display: none !important;}


/* Æ˾÷ ±âº» */
.popup_layer {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.8);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.popup_layer.active { display: flex; }

.popup_inner {
  background: #fff;
  max-width: 1400px;
  width: 90%;
  height:80vh;
    overflow-y: auto;
    padding: 0px;
  
  text-align: center;
  position: relative;
  animation: fadeIn 0.3s ease;
}

.popup_inner h2 {
  font-size: 22px;
  margin-bottom: 12px;
}
.popup_inner p {
  font-size: 14px;
  line-height: 1.6;
}

.popup_close {

     position: fixed;
    z-index: 999;
    right: 15%;
    top: 10%;
    border: none;
    background: none;
    font-size: 70px;
    cursor: pointer;
    line-height: 1;
    color:#000;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}


/* ÄÁÅ×ÀÌ³Ê */
.container {
  max-width: 1560px;
  margin: 0 auto;
  padding: 0 20px;
}


.top_ban{background:#962222; color:#fff; width: 100%;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  white-space: nowrap;
  position: relative;}

.top_ban .ban_wrap {
  display: flex;
  animation: marquee 15s linear infinite;
}

.top_ban .ban_text {
  padding: 8px 7rem;
  flex-shrink: 0;font-family: 'Oswald-Bold';
    
}

/* ¹«ÇÑ Á¡æ¿ì È帧 */
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

#header.scrolled{position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;}
#header{background:#000;}
#header .inner{max-width:95%; margin:auto; padding:20px 0;align-items: center; display: grid; grid-template-columns: 1fr 1fr 1fr;}
#header .logo img{height:45px; width:auto;}
#header .menu{display: flex; align-items: center; justify-content: center;}
#header .menu ul{display: flex; gap:50px;justify-content: center;}
#header .menu a{font-size: 14px;font-family: 'Oswald-Bold'; color:#fff;}
#header .top_sns{display: flex; gap:5px;justify-content: flex-end; align-items: center;}
#header .top_sns a{    display: flex; align-items: center;}
#header .top_sns svg{    filter: invert(1);height:auto;}
#header .top_sns .Youtube svg{width:25px;}
#header .top_sns .Insta svg{width:20px;}

footer{background:#000; padding:10px 0; text-align: center;}
footer .text1{font-family: 'Montserrat-SemiBold'; color:#fff; font-size:20px;}

.swiper0 {
    z-index:50;
overflow: hidden;
position: relative;

}
.swiper0 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background:#fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color:#fff;
    cursor:pointer;
    cursor:pointer;
}
.swiper0 .swiper-slide img{    width: 100%;
height: 100%;
object-fit: cover;}

.swiper0 .swiper-slide.garo2{display: grid; grid-template-columns: 1fr 1fr;}
.swiper0 .swiper-slide .in_box{position:relative;}

.swiper0 .swiper-slide .in{position: absolute;}
.swiper-slide img { }
.swiper0:after { content:""; clear:both; display:block;   }
/*.swiper0 .swiper-slide:before {
content: "";
display: block;
padding-bottom: 49%;}*/
/*.swiper0 .swiper-button-next, .swiper0 .swiper-button-prev{margin-top: -105px;}*/
.swiper0 .swiper-button-prev{left:15px;}
.swiper0 .swiper-button-next{right:15px;}
.swiper0 .swiper-button-next:after, .swiper0 .swiper-button-prev:after{color:#fff;font-size: 30px;font-weight: 300;}

.swiper0 .swiper-button-prev, .swiper0 .swiper-container-rtl .swiper-button-next{background-image:none; width:75px;}
.swiper0 .swiper-button-next, .swiper0 .swiper-container-rtl .swiper-button-prev{background-image:none; width:75px;}


.swiper0 .in_text{text-align:center; color:#fff;    position: absolute;  width: 100%; z-index: 9;}

.swiper0 .in_text3{bottom: 90px;}
.swiper0 .swiper-slide.garo1 .in_text .one{font-size: 50px;   font-family: 'Montserrat-Bold'; line-height: 1.2}
.swiper0 .swiper-slide.garo1 .in_text .two{    font-size: 24px; font-weight:400; margin:10px 0 25px; line-height: 1.4}

.swiper0 .swiper-slide.garo2 .in_text .one{font-size: 50px;   font-family: 'Montserrat-Bold'; line-height: 1.2}
.swiper0 .swiper-slide.garo2 .in_text .two{    font-size: 24px; font-weight:400; margin:25px 0 25px;line-height: 1.4}
.swiper0 .swiper-slide.garo2 .in_text3 .two{margin:5px 0 0 0;}

.swiper0 .swiper-scrollbar{background:rgba(255,255,255,0.3);    bottom: 0px !important; width: 100% !important; left: 50% !important;transform: translate(-50%, 0%); height:4px !important; border-radius:0;}
    .swiper0 .swiper-scrollbar-drag{background:#3f3f3f;border-radius:0;}

.swiper0 .swiper-pagination{bottom:25px !important; color:#fff;}
.swiper0 .swiper-pagination .swiper-pagination-bullet{width:12px; height:12px; opacity:0.1; background:#000;}
.swiper0 .swiper-pagination .swiper-pagination-bullet-active{  border-radius:100px; opacity: 0.3;}

@media all and (min-width:1025px) {
    .swiper0 .in_text1{text-align: left; width:90%; left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
}

@media all and (max-width:1024px) {
    .swiper0 .swiper-slide.garo2{display: block; width:100%;}
    .swiper0 .in_text1{text-align: center; padding: 0 0 0 0px; bottom:35%;}
    .swiper0 .in_text2{text-align: center; padding: 0 0 0 0px; bottom:40%;}
    .swiper0 .in_text3{text-align: center; padding: 0 0 0 0px; bottom:40%;}

    .swiper0 .swiper-button-next {right: 0px;}
    .swiper0 .swiper-button-prev{left:0;}

    .swiper0 .swiper-slide.garo1 .in_text .one, .swiper0 .swiper-slide.garo2 .in_text .one {font-size: 20px;}
    .swiper0 .swiper-slide.garo1 .in_text .two, .swiper0 .swiper-slide.garo2 .in_text .two {font-size: 16px;  margin: 8px 0 20px;}
    .swiper0 .swiper-slide.garo1 .in_text .link1 a, .swiper0 .swiper-slide.garo2 .in_text .link1 a {font-size: 14px;}

    .swiper0 .swiper-pagination{bottom:20px !important; color:#fff; }
    .swiper0 .swiper-pagination .swiper-pagination-bullet{width:8px; height: 8px;}
    .swiper0:after {padding-bottom:0px;}
    .swiper0 .swiper-button-prev, .swiper0 .swiper-container-rtl .swiper-button-next{width:40px;}
    .swiper0 .swiper-button-next, .swiper0 .swiper-container-rtl .swiper-button-prev{width:40px;}
    .swiper0 .swiper-button-next:after, .swiper0 .swiper-button-prev:after{font-size: 20px;}

}

.title{font-family: 'Montserrat-Bold'; font-size:clamp(22px, 4vw, 40px); text-align: center;}
.main1{margin:clamp(60px, 12vw, 155px) auto; max-width:1240px;}
.main1 .box{margin:clamp(30px, 7vw, 85px) 0 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr;gap:15px; }
.main1 .box .in_box{}
.main1 .foto{width:100%;}
.main1 .foto img{}
.main1 .text1{background:#000; color:#fff; font-size:30px;font-family: 'Montserrat-Bold';text-align: center; padding:25px 0;}
.main1 .text2{background:#000; color:#fff; font-size:14px; line-height: 1.2; text-align: center;     min-height: 110px;}
.main1 .link1{background:#000; display: flex;    justify-content: center; padding:20px 0 30px;}
.main1 .link1 a{display:inline-block; color:#fff; font-size: 12px; background:#962222; padding:5px 20px; border-radius: 100px; text-align: center;     line-height: 1.5;}

.main2{position: relative;}
.main2 .in_box{text-align: left; position: absolute;width:90%; left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.main2 .in_box .text1{ color:#fff; font-size:30px;font-family: 'Montserrat-Bold';    margin: 0 0 20px 0; }
.main2 .in_box .text2{ color:#fff; font-size:24px; line-height: 1.2; }
.main2 .in_box .link1{ padding:20px 0 30px;}
.main2 .in_box .link1 a{display:inline-block; color:#fff; font-size: 12px; background:#962222; padding:8px 20px; border-radius: 100px; text-align: center;     line-height: 1.5;}

.main3{margin:auto; padding:clamp(60px, 12vw, 155px) 0; max-width:1240px;}
.main3 .box{max-width: 1400px; margin:auto;}
.main3 .box table{width:100%;font-size: 24px; line-height: 1.4;border-bottom: 2px solid #aab1b2}
.main3 .box table thead th{padding:50px 0 0 0;}
.main3 .box table thead img{width:80%; max-width: 150px; margin:auto;}
.main3 .box table tbody th{padding:35px 0;    border-bottom: 2px solid #aab1b2;     text-align: left;}
.main3 .box table tbody th .green{font-family: 'Montserrat-Bold'; color:#0c7550;}
.main3 .box table tbody th .gray{font-family: 'Montserrat-Bold'; color:#aab1b2;}
.main3 .box table tbody th .black{font-family: 'Montserrat-Bold'; color:#000;}
.main3 .box table tbody th .red{font-family: 'Montserrat-Bold'; color:#962222;}
.main3 .box table td{padding:25px 0;border-bottom: 1px solid #aab1b2}
.main3 .box table tr th:nth-child(1), .main3 .box table tr td:nth-child(1){font-weight: 600;    padding: 25px;width: 15%;}
.main3 .box table tbody td:nth-child(n+2){text-align: center;}
.main3 .box table tbody th:nth-child(n+2){text-align: center;}

.main4{}
.main4 .in_box{display: grid; grid-template-columns: 1fr 1fr;}
.main4 .in_box .foto{}
.main4 .in_box .box{position: relative;    background: linear-gradient(180deg, rgba(15, 14, 14, 1) 30%, rgba(97, 81, 81, 1) 80%);}
.main4 .in_box .box .in_text{color:#fff;position: absolute;width:85%; left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.main4 .in_box .box .in_text .text1{font-size:40px;font-family: 'Montserrat-Bold';  }
.main4 .in_box .box .in_text .text2{font-size: 36px; line-height: 1.2; font-weight: 600; margin:clamp(70px, 9vw, 115px) 0 clamp(40px, 6vw, 65px)}
.main4 .in_box .box .in_text .text3{font-size: 24px;}
.main4 .in_box .box .in_text .text4{font-size: 36px; line-height: 1.2; font-weight: 600; text-align: right}
.main4 .in_box .box .in_text .text5{font-size: 15px; line-height: 1.4; text-align: right; margin:clamp(45px, 6vw, 75px) 0 0 0; }


.main5{padding:clamp(100px, 12vw, 155px) 0;background: url(../imgs/main5_bg.jpg) top center no-repeat;
    background-size: 100%;}
.main5 .box{max-width: 1515px; margin:auto;}
.main5 .title{text-align: left;}
.main5 .title2{font-size: 36px; line-height: 1.2;    font-weight: 500;  margin: 30px 0 0 0;}
.main5 .box_img{position: relative;display: flex; justify-content: flex-end;}
.main5 .box_img .foto{    max-width: 505px;}
.main5 .box_img .in_text{position: absolute;width:75%; left:0%;top:55%;transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);-moz-transform:translate(0%,-50%);-o-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);}
.main5 .box_img .in_text ul{display: flex;flex-direction: column; gap:85px;}
.main5 .box_img .in_text li{display: flex; justify-content: space-between;    align-items: flex-end;}
.main5 .box_img .in_text .text1{font-size:30px;font-family: 'Montserrat-Bold';}
.main5 .box_img .in_text .text2{font-size: 24px; line-height: 1.2;}
.main5 .box_img .in_text .in_line{    display: flex;  align-items: center;  }
.main5 .box_img .in_text .in_line span:nth-child(1){width: 20px;  height: 20px;  display: block;  border-radius: 100px;  border: 4px solid #cbcbcb;}
.main5 .box_img .in_text .in_line span:nth-child(2){width: 100%; height: 4px; background: #cbcbcb;  display: block;}
.main5 .box_img .in_text .in_line span:nth-child(3){    width: 20px;  height: 20px;  display: block;  border-radius: 100px;  border: 4px solid #cbcbcb;}

.main5 .box_img .in_text li:nth-child(1) .in_line{width: 36%;}
.main5 .box_img .in_text li:nth-child(2) .in_line{width: 33%;}
.main5 .box_img .in_text li:nth-child(3) .in_line{width: 52%;}


.main6{padding: clamp(60px, 12vw, 155px) 0 clamp(55px, 8vw, 90px) 0;}
.main6 .title2{text-align: center; font-size: 24px; color:#b2b2b2;font-family: 'Montserrat-Bold'; }
.main6 .box{margin:30px 0 0 0;}
.swiper_video{overflow: hidden;}
.main6 .video_box {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 ºñÀ² */
  overflow: hidden;
}

.main6 .video_box iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0;
}


/* ¦¡¦¡ .main7 ¹üÀ§¿¡¸¸ Àû¿ë ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.main7{padding:clamp(100px, 12vw, 155px) 0; background: url(../imgs/main6_bg.jpg) top center no-repeat;  background-size: cover;}
.main7 .content{max-width: 1400px; margin:50px auto 0;}

.main7 .qa-accordion{border-top:1px solid #aab1b2;border-bottom:1px solid #aab1b2;}
.main7 .qa-item + .qa-item { border-top: 1px solid #aab1b2; }

.main7 .qa-q {
  width: 100%; text-align: left;
  padding: 30px 45px 30px 45px; border:0;
   cursor:pointer; position:relative;    font-size: 24px;
    line-height: 1.4;
    font-weight: 500;
    display: grid;
    grid-template-columns: 50px 1fr;align-items: center;
    gap: 80px;
    color:#000;
}
.main7 .qa-q span.qa-point{font-family: 'Montserrat-Bold';
    font-size: 20px;
    display: inline-block;
    background: #000;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    text-align: center;
    line-height: 50px;}
/*.main7 .qa-q:hover, .main7 .qa-q:focus-visible { background:#fafafa; }*/
.main7 .qa-q[aria-expanded="true"] { font-weight:600; }

/* ¾ÆÀÌÄÜ */
.main7 .qa-icon{
  position:absolute; right:16px; top:50%; transform:translateY(-50%) rotate(45deg);
  width:10px; height:10px; border-right:2px solid #333; border-bottom:2px solid #333;
  transition:transform .2s ease;
}
.main7 .qa-q[aria-expanded="true"] .qa-icon{ transform:translateY(-50%) rotate(-135deg); }

/* ¾ÆÄÚµð¾ð ÆгÎ: ±âº» ¼û±è(°­Á¦) */
.main7 .qa-a{ display:none !important; padding:0 16px 30px 175px; line-height:1.6;font-size: 24px; color:#8b8b8b }
.main7 .qa-a.is-open{ display:block !important; padding-top:8px; }

/* READ MORE: óÀ½¿£ data-more="true" ¼û±è */
.main7 .qa-accordion .qa-item[data-more="true"]{ display:none; }
.main7 .qa-accordion.show-all .qa-item[data-more="true"]{ display:block; }

/* READ MORE ¹öÆ° */
.main7 .qa-moreWrap{ text-align:center; margin-top:100px; }
.main7 .qa-moreBtn{
  display:inline-block; padding:15px 25px; border:1px solid #222; 
  font-size:25px; border-radius: 100px; cursor:pointer; color: #000;
}
.main7 .qa-moreBtn[hidden]{ display:none; }


.main8 .in_box{display: grid; grid-template-columns: 1fr 1fr;}
.main8 .in_box .foto{}
.main8 .in_box .box{position: relative;    background: linear-gradient(180deg, rgba(15, 14, 14, 1) 30%, rgba(97, 81, 81, 1) 80%);}
.main8 .in_box .box .in_text{color:#fff;position: absolute;width:85%; left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.main8 .in_box .box .in_text .text1{font-size:50px;font-family: 'Montserrat-Bold';  }
.main8 .in_box .box .in_text .text2{font-size: 30px; line-height: 1.4; font-weight: 500; font-family: 'Montserrat-SemiBold', 'Pretendard'; }
.main8 .in_box .box .in_text .text3{font-size: 24px; line-height: 1.4; font-weight: 500; font-family: 'Montserrat-Medium', 'Pretendard'; padding: clamp(24px, 4vw, 40px) 0 clamp(36px, 5vw, 60px); }
.main8 .in_box .box .in_text .text3 span{font-family: 'Montserrat-SemiBold';  }
.main8 .in_box .box .link1{}
.main8 .in_box .box .link1 .bt_sns{display:none;}
.main8 .in_box .box .link1 a{display:inline-block; color:#fff; font-size: 18px; background:#962222; padding:8px 20px; border-radius: 100px; text-align: center;     line-height: 1.5;font-family: 'Montserrat-Medium'}
.main8 .in_box .box .link1 a span{font-family:'Pretendard';display: inline-block;
    margin: 0 0 0 5px;}

.anchor-offset { position: relative; }
/* 1024px ÀÌÇÏ¿¡¼­ Àû¿ëµÇ´Â ¸ð¹ÙÀÏ ½ºÅ¸ÀÏ */
@media (max-width: 1024px) {
    
}


@media (min-width: 1025px) {
 .anchor-offset::before {
    content: "";
    display: block;
    height: 100px;         /* ¿øÇÏ´Â »ó´Ü ¿©¹é */
    margin-top: -100px;     /* À§·Î ²ø¾î¿Ã¸®±â */
    visibility: hidden;
    pointer-events: none;
  }
}

@media screen and (max-width: 1024px) {
    .display_pc_only{display: none !important;}
    .display_tablet_only{display: block !important;}
    
    
    
}




/* ¸ð¹ÙÀÏ ±âÁØ (¿¹: 768px ÀÌÇÏ) */
@media screen and (max-width: 1024px) {
    .top_ban{font-size: 12px;}
    .top_ban .ban_text {padding: 8px 1rem}
    
    #header .inner{display: block;padding: 15px 0;}
    #header .logo{display: flex; justify-content: center;}
    #header .top_sns{display:none;}
    #header .logo img{    height: 35px;}
    #header .menu{    background: #525252;  padding: 10px;}
    
    .title{font-size: 20px;}
    .main1{margin:30px auto 60px;}
    .main1 .title{margin:0 0 25px 0;}
    .main1 .box{display: block;margin: 15px 0 0 0;}
    .main1 .box .in_box { width: 92%; margin: 0 auto 20px;}
    .main1 .text1{font-size: 24px; padding:20px 0;}
    .main1 .text2{min-height: auto;}
    .main1 .link1{padding: 25px 0 30px;}
    
    .popup_inner{height:100vh; width:100%;}
    .popup_close{right:4%; top:0%; font-size: 48px;}
    
    .main2 .in_box{    top: auto; bottom: 0%;}
    .main2 .in_box .text1{font-size: 22px;margin: 0 0 10px 0;}
    .main2 .in_box .text2{    font-size: 14px; line-height: 1.4;}
    
    .main3 .box{width: 100%;               /* ºÎ¸ð ¹Ú½º Æø °íÁ¤ */
  overflow-x: auto;          /* °¡·Î ½ºÅ©·Ñ Çã¿ë */ padding:0 0 0 20px;
  -webkit-overflow-scrolling: touch; /* ¸ð¹ÙÀÏ ºÎµå·¯¿î ½ºÅ©·Ñ */}
    .main3 .box table{font-size: 16px;min-width: 665px;          /* ½ºÅ©·ÑÀÌ ÇÊ¿äÇÒ Á¤µµÀÇ ÃÖ¼Ò Æø ÁöÁ¤ */
  border-collapse: collapse;
  width: 100%;}
    .main3 .box th, .main3 .box td{white-space: nowrap; }
    .main3 .box table thead img{max-width: 100px;}
    
    .main4 .in_box{display: block;}
    .main4 .in_box .box .in_text{position: relative;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);margin: auto;        padding: 30px 0 60px 0;}
    
    .main4 .in_box .box .in_text .text1 { font-size: 28px;}
    .main4 .in_box .box .in_text .text2{font-size: 18px; line-height: 1.4; margin:20px 0;}
    .main4 .in_box .box .in_text .text3 { font-size: 12px;}
    .main4 .in_box .box .in_text .text4{text-align: left;        font-size: 20px; line-height: 1.4; margin: 0 0 0px 0;}
    .main4 .in_box .box .in_text .text5{text-align: left; margin:20px 0 0 0;}
    
    .main5 .title{padding:0 20px;}
    .main5 .title2{font-size: 14px;  line-height: 1.4;  margin: 10px 0 0 20px;position: relative;
        z-index: 9;}
    .main5 .box_img .foto{width:45%;        margin: -20% 0 0 0;}
    .main5 .box_img .in_text{left:20px;        top: 70%;    width: 72%;}
    .main5 .box_img .in_text .text1 { font-size: 16px;        line-height: 1.2;  margin: 0 0 5px 0;}
    .main5 .box_img .in_text .text2 {  font-size: 13px; line-height: 1.4;}
    .main5 .box_img .in_text ul{gap:15px;}
    .main5 .box_img .in_text li{position: relative;}
    .main5 .box_img .in_text .in_line span:nth-child(1){border: 2px solid #cbcbcb; width:15px; height:14px;}
    .main5 .box_img .in_text .in_line span:nth-child(2){height: 2px;}
    .main5 .box_img .in_text .in_line span:nth-child(3){border: 2px solid #cbcbcb;width:15px; height:14px;}
    
    .main5 .box_img .in_text li:nth-child(1) .in_line { width: 80%;  position: absolute;  right: 0;  top: 2px;}
    .main5 .box_img .in_text li:nth-child(2) .in_line { width: 73%;  position: absolute;  right: 0; top: 2px;}
    .main5 .box_img .in_text li:nth-child(3) .in_line { width: 70%;  position: absolute;  right: 0; top: 2px;}
    
    .main6 .title2{font-size: 16px;}
    
    .main7 .content{width:92%;margin: 35px auto 0;}
    .main7 .qa-q{gap:20px;font-size: 16px;padding:15px 15px 15px 15px;grid-template-columns: 30px 1fr;}
    .main7 .qa-q span.qa-point{font-size: 13px; width:30px; height:30px; line-height: 30px;}
    .main7 .qa-q span.qa-ask{display: inline-block; width:90%;}
    .main7 .qa-a{font-size: 14px; padding: 0 16px 20px 65px}
    .main7 .qa-moreBtn{font-size: 16px; padding:10px 25px;}
    .main7 .qa-moreWrap{margin-top: 50px;}
    
    .main8 .in_box{display: block;}
    .main8 .in_box .box .in_text{position: relative;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);margin: auto;        padding: 30px 0 60px 0;}
    
    .main8 .in_box .box .in_text .text1 { font-size: 28px;}
    .main8 .in_box .box .in_text .text2{font-size: 18px; line-height: 1.4; margin:10px 0;}
    .main8 .in_box .box .in_text .text3 { font-size: 12px;}
    .main8 .in_box .box .link1 {
    display: flex;
        justify-content: space-between;}
    .main8 .in_box .box .link1 a{font-size: 12px;}
    
    .main8 .in_box .box .link1 .bt_sns{}
    .main8 .in_box .box .link1 .bt_sns{display: flex; gap:5px;justify-content: flex-end; align-items: center;}
    .main8 .in_box .box .link1 .bt_sns a{    display: flex; align-items: center;background: transparent;
        padding: 0;}
    .main8 .in_box .box .link1 .bt_sns svg{    filter: invert(1);height:auto;}
    .main8 .in_box .box .link1 .bt_sns .Youtube svg{width:25px;}
    .main8 .in_box .box .link1 .bt_sns .Insta svg{width:20px;}
    
    footer .text1{font-size: 14px;}
    
    
}