@font-face {
  font-family: "jalnan";
  font-weight: normal;
  font-style: normal;
  src: url("https://cdn.jsdelivr.net/gh/wefonts/jalnan/jalnan.eot");
  src: url("https://cdn.jsdelivr.net/gh/wefonts/jalnan/jalnan.eot?#iefix") format("embedded-opentype"),
       url("https://cdn.jsdelivr.net/gh/wefonts/jalnan/jalnan.woff") format("woff"),
       url("https://cdn.jsdelivr.net/gh/wefonts/jalnan/jalnan.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'NanumSquareRound';
  font-style: normal;
  font-weight: 300;
  src: url('https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/NanumSquareRoundL.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/NanumSquareRoundL.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'NanumSquareRound';
  font-style: normal;
  font-weight: 400;
  src: url('https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/NanumSquareRoundR.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/NanumSquareRoundR.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'NanumSquareRound';
  font-style: normal;
  font-weight: 700;
  src: url('https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/NanumSquareRoundB.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/NanumSquareRoundB.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'NanumSquareRound';
  font-style: normal;
  font-weight: 800;
  src: url('https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/NanumSquareRoundEB.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/NanumSquareRoundEB.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "GangwonEdu Saeeum";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/gh/fonts-archive/GangwonEduSaeeum/GangwonEduSaeeum.woff2") format("woff2"),
       url("https://cdn.jsdelivr.net/gh/fonts-archive/GangwonEduSaeeum/GangwonEduSaeeum.woff") format("woff"),
       url("https://cdn.jsdelivr.net/gh/fonts-archive/GangwonEduSaeeum/GangwonEduSaeeum.otf") format("opentype"),
       url("https://cdn.jsdelivr.net/gh/fonts-archive/GangwonEduSaeeum/GangwonEduSaeeum.ttf") format("truetype");
}

@charset "utf-8";
body {overflow-x:auto;font-size:16px; color:#4b1010;  letter-spacing: -0.06em;}
iframe{border:0;margin:0;padding:0;}
/*reset, common */
.emergency_relief_cnts_top { height: 30px; }
#footer {background: #fffbf7; border-top: 2px solid #ed425a;}
#footer .inner {width: 1000px; margin: 0 auto; position: relative; min-height: 72px; padding-top: 22px;}

button{cursor: pointer;}
/* white-gnb */
#wrap{max-width:1920px;min-width:1250px;color:#4b1010;}
.inner-box{width:1250px;position: relative; margin:0 auto}
.f-point01{font-family:jalnan;}
.f-point02{font-family:"GangwonEdu Saeeum", sans-serif;}
.f-red{ color:#da291c}
.f-yellow{ color:#f2aa00}
.bold{font-weight:800}
.rel{position:relative; display: inline-block; width: fit-content;}
.z-index1{z-index:1}

.btn-red { display:flex; align-items: center;justify-content: center; margin:80px auto 0;  width:643px;height:122px; font-size:2.625rem; background:#da291c; color:#fff !important;  font-family: "jalnan"; border-radius:50px;
	box-shadow: 0px 10px 0px 0px rgba(163, 11, 0, 100); }

/*
.emergency_relief_cnts_top {height: 30px; background:#fff; border-bottom-color: #dadada;}
.emergency_relief_cnts_top ul.util_right .save_user {color: #7f7f7f; font-size: 12px; line-height: 19px;}
.emergency_relief_cnts_top ul.util_right .save_user strong {color: #7f7f7f;}
.emergency_relief_cnts_top ul.util_right li a{color:#7f7f7f;}
.CampaignList ul {padding: 6px 14px !important;}
.CampaignList ul li {margin-bottom: 7px;}
*/

/***********************intro 영역*/
.intro-section{ min-height:1717px; text-align:center; background:url('/webPub/sc_2025/redgoat_pettydust/images/bg_intro.jpg')}
.intro-section .logo{padding-top: 40px; display: inline-block;}
/*타이틀 영역*/
.intro-section .title-wrap{position:relative; width: fit-content; margin: 0 auto;}
.intro-section .title-wrap h1{margin-top:60px;}
.intro-section .title-wrap h1 img {
    animation: dropBounce 0.5s cubic-bezier(0.3, 1.5, 0.5, 1) forwards;
   transform: translateY(-70px);
}
@keyframes dropBounce {
  0% {
    transform: translateY(-70px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}

.intro-section .img{position:absolute; right:-5px ; top:-20px; display: inline-block;perspective: 600px; }
.intro-section .img img {
  display: block;
  opacity: 0;
  transform-origin: bottom center;
  animation:
    fadeDrop 0.3s ease-out forwards 0.6s, /* 0.6초 뒤 페이드+낙하 */
    swingSmooth 3s ease-in-out infinite 1.3s; /* 1.3초 뒤 스윙 시작 */
  transform: translateY(-50px);
}
@keyframes fadeDrop {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  80% {
    transform: translateY(10px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes swingSmooth {
  0%   { transform: rotate(0deg); }
  20%  { transform: rotate(3deg); }
  40%  { transform: rotate(-2.5deg); }
  60%  { transform: rotate(2deg); }
  80%  { transform: rotate(-1deg); }
  100% { transform: rotate(0deg); }
}
/*고티망이 이미지*/
.intro-section .img-wrap{margin-top:90px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    opacity: 0;
    animation: fadeIn 0.5s ease-out forwards; animation-delay: 1s;
}
.intro-section .img-wrap img{margin-right:-20px;}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.intro-section .btn-intro{margin-top:60px; width:695px; height:186px;background:url('/webPub/sc_2025/redgoat_pettydust/images/intro_btn.png')}
.intro-section .txt01{margin-top:60px; font-family:NanumSquareRound; font-size:2.375rem; line-height: 1.7; letter-spacing: -0.06em;}


/*********************** section01 영역*/
.section01{background:#fff1dd;}
.section01 .inner-box{padding:60px 0 40px}
.section01 h2{ font-weight: 500; font-family: "jalnan"; font-size:3.875rem; line-height:1}
.section01 h2 .f-point02 {  font-size:7.5rem; vertical-align: -4px;}
.section01 .txt.f-point02{margin-top: 25px;  text-align: center;font-size:3.125rem}
.section01 .scene {
    position: absolute;
    top: 262px;;
    right:-5px;
    width: 564px;
    height: auto;
    display: flex;
    align-items: flex-end;
  }

.section01 .dino {
    z-index:1;
    position: absolute;
    bottom: 30px;

    width: 251px;
    height: 206px;
    border-radius: 20px 20px 15px 15px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;

    background: url('/webPub/sc_2025/redgoat_pettydust/images/section01_logo_mang.png') no-repeat;
    background-size: cover;

    /*animation: bounceWaddle 0.4s ease-in-out infinite;
     transform-origin: center bottom;
     transition: left 0.4s ease;*/
    animation: waddle 0.4s ease-in-out 17;
    transform-origin: center bottom;
}

@keyframes bounceWaddle {
    0%   { transform: translateY(0) rotateZ(0deg); }
    25%  { transform: translateY(-6px) rotateZ(5deg); }
    50%  { transform: translateY(0) rotateZ(0deg); }
    75%  { transform: translateY(-6px) rotateZ(-5deg); }
    100% { transform: translateY(0) rotateZ(0deg); }
}

.section01 .footprint {
    z-index: 0;
    position: absolute;
    bottom: 30px;
    width: 6px;
    height: 6px;
    background: #c69563;
    border-radius: 50%;
    opacity: 0.7;
}

.section01 .section01_img{margin-top:80px; text-align:center}

/*********************** section02 영역*/
.section02{ min-height:932px; text-align: center; background: url('/webPub/sc_2025/redgoat_pettydust/images/bg_section02.jpg') no-repeat;background-size: cover;}
.section02 .inner-box{position:relative}
.section02 .title-wrap{padding-top: 88px;padding-bottom:65px;  margin-left: 20px; display:flex; align-items: flex-end;justify-content: center;}
.section02 .img-goat1{ margin-left: -22px;}
.section02 .img-goat2{ margin-left: -52px;}
.section02 .bleat-img {
    position:absolute;
    margin-left: 182px;
    top: 100px;
    display: inline-block;
    animation: bleatSmooth 3s ease-in-out infinite;
    transform-origin: center center;
}
.section02 .bleat-img02 {
    position:absolute;
    margin-left: 420px;
    top: 109px;
    display: inline-block;
    animation: bleatSmooth 2s ease-in-out infinite;
    transform-origin: center center;
}
@keyframes bleatSmooth {
    0%   { transform: scale(1) translate(0, 0); }
    /* 1st shake (bleatSmooth full) */
    5%   { transform: scale(1.03) translate(-1px, 1px); }
    10%  { transform: scale(1.05) translate(1px, -1px); }
    15%  { transform: scale(1.03) translate(-1px, 0); }
    20%  { transform: scale(1) translate(0, 0); }
    /* 2nd shake */
    25%  { transform: scale(1.03) translate(-1px, 1px); }
    30%  { transform: scale(1.05) translate(1px, -1px); }
    35%  { transform: scale(1.03) translate(-1px, 0); }
    40%  { transform: scale(1) translate(0, 0); }
    /* 쉼 (정지 상태 유지) */
    100% { transform: scale(1) translate(0, 0); }
}
.section02 .txt{font-size:2.375rem; line-height:1.8; font-family: 'NanumSquareRound'; letter-spacing: -0.04em;}
.section02 .txt + .txt{margin-top:30px;}
.section02 .f-point01{font-size:2.8125rem}

/*********************** section03 영역*/
.section03 {background:#fbe8a8;     overflow: hidden;}
.section03 .inner-box{padding:117px 0  }
.section03 h2{font-size:3.5rem; font-family: "jalnan"; font-weight:normal; line-height:1.5 }
.section03 p{margin-top:30px; font-size:2.3625rem; font-family: 'NanumSquareRound';}
.keyring{ position: absolute; right: 0; top: -26px;}
.keyring .bag{ position:absolute; top: 73px; right: -10px; width:354px; height:326px;background: url('/webPub/sc_2025/redgoat_pettydust/images/img_bag.png') no-repeat;}
.keyring .bag:before{z-index: 2; position:absolute;display:block; top: 79px; right: 135px;content:'';width:12px; height:10px;background:#fbe8a8}
.keyring .bag:after{z-index: 2; position:absolute;display:block; top: 79px; right: 75px;content:'';width:12px; height:10px;background:#fbe8a8}
.keyring:after{ position:absolute;display:block; top: 203px;right: 103px;content:'';width:8px; height:7px;background:url('/webPub/sc_2025/redgoat_pettydust/images/img_chain_up.png') no-repeat;animation: swingchain 3s ease-in-out infinite; }
.keyring .pendant {
    display: block;
    position: absolute;
    top: 202px;
    right: -70px;
    animation: swing2 3s ease-in-out infinite;
    transform-origin: top center;
}
.keyring .chain {
    position: absolute;
    top: 159px;
    right: 63px;
    width: 72px; height:59px; background: url('/webPub/sc_2025/redgoat_pettydust/images/img_chain.png') no-repeat;
    transform-origin: top center;
    animation: swingchain 3s ease-in-out infinite;
}
@keyframes swingchain {
  0%   { transform: translateY(0px); }
  20%  { transform: translateY(-3px); }
  40%  { transform: translateY(3px); }
  60%  { transform: translateY(-3px); }
  80%  { transform: translateY(3px); }
  100% { transform: translateY(0px); }
}

@keyframes swing2 {
  0%   { transform: rotate(0deg); }
  20%  { transform: rotate(4deg); }
  40%  { transform: rotate(-3deg); }
  60%  { transform: rotate(3deg); }
  80%  { transform: rotate(-2deg); }
  100% { transform: rotate(0deg); }
}


.section03 .download-img{  display: flex ;flex-wrap: wrap; gap:42px; padding-top:100px}
.section03 .download-img li{position:relative; border:30px solid #fff}

.section03 .btn-download:after{
content:'';
    z-index: 1;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 20px;
    right: 20px;
    background: url('/webPub/sc_2025/redgoat_pettydust/images/btn_down.png') no-repeat;
    font-size:0;
}
.bar.white{background:#fff; width:901px; bottom:0}


/*********************** section03 영역*/
.section04 { overflow:hidden; min-height: 2000px; position:relative; text-align:center; background:#fff1dd url('/webPub/sc_2025/redgoat_pettydust/images/bg_section04.jpg') no-repeat center 0 ;}
.section04 .inner-box{padding:90px 0 150px}
.section04 h2{font-size:4rem; font-family: "jalnan"; font-weight:normal; line-height:1.8 }
.section04:before{z-index:1; position:absolute; left: -380px; top: 1160px; content:''; width:121%; height:1010px; background:#fff1dd ;border-radius: 50% 90% 0 0;}
.section04:after{position:absolute; right: -409px; top: 1185px; content: ''; width: 70%; height: 660px; background: #fbdaa8; border-radius: 50%;}
.section04 .content{ z-index: 1; position: relative; padding-top:540px; font-size:2rem; }


.section04 .tit-wrap .txt{padding-top:70px;  font-size:3.375rem; font-family: "jalnan"; }
.section04 .tit-wrap .txt02{padding-top:50px; font-size:3.125rem; font-family: 'NanumSquareRound'; line-height:1.6;letter-spacing: -0.04em;}
.section04 .tit-wrap .fs-point{font-size:4.25rem; position:relative; z-index:1}

.bar{position:absolute;bottom:-5px; left:-3px; display:block;width:136px; height:17px;background:#f2aa00;border-radius:8.5px}
.bar.red{background:#da291c;}

.box-list{padding-top:100px; }
.box{ position: relative; display: flex ; align-items: center;width:1250px; height:363px;  background: #fbdaa8; border-radius:181.5px;  box-shadow: 0px 6px 0px 0px rgba(198, 141, 86, 100);}
.box.box02{margin-top:180px}

/*배경+화살표*/
.box .bg {
  position: absolute;
  right: 0;
  width: 100%;
  height:363px;
  background: #391c1c;
  transition: background-color 3s ease;
  z-index: 0;
  overflow: hidden;
  border-radius: 181.5px;
}
.box .after-box .bg { background: #fbdaa8; transition: background-color 3s ease; z-index: 0;}
/*
.box .btn-txt{ position: absolute;right: -190px; top: -85px; font-family: "GangwonEdu Saeeum"; font-size:3.125rem; color: #4b1010;}
.box .btn-txt:after{ content:'';position: absolute; right: 90px; display:block; width:71px; height:73px; background: url(/webPub/sc_2025/redgoat_pettydust/images/img_arrow_btn.png) no-repeat center / contain; }
.box.box02 .btn-txt{ position: absolute;left: -190px; top: -85px; right: auto; }
.box.box02 .btn-txt:after{ left: 90px; right: auto; transform: scaleX(-1); }*/

.box .allow {
    z-index:1;
    position: absolute;
    bottom: -57px;
    right:55px;
    width: 126px;
    height: 79px;
    background: url(/webPub/sc_2025/redgoat_pettydust/images/arrow_before.png) no-repeat 0 -31px  / 126px;;
    transition: opacity 3s ease;
    display: block;
}
.box .allow-bg {
    display:block;
    position: absolute;
    bottom: -57px;
    right:55px;
    width: 126px;
    height: 79px;
    background: url(/webPub/sc_2025/redgoat_pettydust/images/arrow_after.png) no-repeat 0 -31px  / 126px;;
}
.box.box02 .allow {
    z-index:1;
    position: absolute;
    bottom: -57px;
    left: 55px;
    width: 126px;
    height: 79px;
    background: url(/webPub/sc_2025/redgoat_pettydust/images/arrow_before.png) no-repeat  0  -31px  / 126px;
    transition: opacity 3s ease;
    display: block;
    transform: scaleX(-1);
}
.box.box02 .allow-bg {
    position: absolute;
    bottom: -57px;
    left: 55px;
    width: 126px;
    height: 79px;
    background: url(/webPub/sc_2025/redgoat_pettydust/images/arrow_after.png) no-repeat  0  -31px  / 126px;
    transform: scaleX(-1);
}
.allow.active { opacity:0 ;}

/*이미지 */
.box .img { position: absolute; left: 0; top: 1px; width: 368px; height: 363px; background: url('/webPub/sc_2025/redgoat_pettydust/images/section04_img_before01.png') no-repeat center / contain; z-index: 2;}
.box .after-box .img {  background: url('/webPub/sc_2025/redgoat_pettydust/images/section04_img_after01.png') no-repeat center / contain;}
.box.box02 .img {left: auto; right: 0; background: url('/webPub/sc_2025/redgoat_pettydust/images/section04_img_before02.png') no-repeat center / contain;}
.box.box02 .after-box .img {  background: url('/webPub/sc_2025/redgoat_pettydust/images/section04_img_after02.png') no-repeat center / contain;}

/*공룡 이동관련*/
.box .dino {
    position: absolute;
    top: 20px;
    right: -200px;
    width: 309px;
    height: 325px;
    background: url('/webPub/sc_2025/redgoat_pettydust/images/section04_img_mango.png') no-repeat center / contain;
    z-index: 3;
    animation: dinoWaddle 1s ease-in-out infinite;
    transform-origin: center center;
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 1;
}

@keyframes dinoWaddle {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(10deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-10deg); }
  100% { transform: rotate(0deg); }
}
.box .dino.move { transition: right 5s ease;  right: 1100px;}
.box .dino.flip-fade-out {  animation: fadeOut 1s ease forwards;  transition: none;}
@keyframes fadeOut {
  from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
}

.box.box02 .dino { top:25px; left:-200px; background: url('/webPub/sc_2025/redgoat_pettydust/images/section04_img_mango2.png') no-repeat center / contain; z-index: 3; transition: left 3s ease ; animation: dinoWaddle 1s ease-in-out infinite;  transform-origin: center center;}
.box.box02 .dino.move { transition: left 5s ease;  left: 1100px;}
.box.box02 .dino.flip-fade-out {animation: fadeOut 1s ease forwards; transition: none; }

/*텍스트*/
.box .before-box, .box .after-box{ z-index: 1; width:100%;}
.box .txt {
    position: absolute;
    left: 0;
    top: 0;
    z-index:1;
    padding-left: 420px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    color:#fff;
    font-size:2.375rem;
    line-height:1.2;
    box-sizing:border-box;
    font-family: "jalnan";
}
.box .txt p{padding-top:10px; font-size:3.375rem;}
.box .after-box .txt { color:#4b1010}
.box.box02 .txt{text-align:right; align-items: flex-end; padding:0  420px 0 0;}

/* before 박스  */
.before-box {
  opacity: 1;
  visibility: visible;
  transition: opacity 1s ease, visibility 1s ease;
}

.before-box.hide {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease, visibility 1s ease;
}
/* after 박스  */
.after-box {
  opacity: 0;
  visibility: hidden;
  transition: opacity 2s ease, visibility 1s ease;
}
.after-box.show {
  opacity: 1;
  visibility: visible;
  transition: opacity 2s ease, visibility 2s ease;
}

/*********************** section05 영역*/
.section05 { overflow:hidden; padding-bottom:200px; position:relative; text-align:center; background:#fbe8a8 }
.section05 .inner-box{padding:110px 0 90px}
.section05 h2{font-size:2.5rem; font-family: "jalnan"; font-weight:normal; line-height:1.5 }
.section05 .bar{ width: 83.5%; bottom: 4px;}
.section05 .swiper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}
.section05 .swiper-wrapper {
    align-items: center;
}
.section05 .swiper-slide {
    width: calc((100% - 180px) / 2);
    max-width:905px;
    transform: scale(0.7);
    overflow: hidden;
    height:fit-content;
    transition: transform 0.5s, height 0.5s, width 0.5s;
    transform: scale(0.7);
    opacity: 0.6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border:3px solid #000000;
    border-radius:50px;
    box-shadow: 8px 8px 0px 0px rgba(198, 141, 86, 100);
    background:#fff;
    cursor: default;
}
.section05 .swiper-slide img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.section05 .swiper-slide-active {
    height: 870px;
    transform: scale(1.05);
    /*height: 824px !important;*/
    /*transform: scale(2);*/
    opacity: 1;
    z-index: 2;;
    display:flex;
    justify-content: flex-start;
    padding-bottom:70px;
}
.section05 .swiper-button-prev,
.section05 .swiper-button-next {
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    padding:10px;
}

.section05 .swiper-button-prev {
  left: calc(50% / 2 - 100px);
}

.section05 .swiper-button-next {
  right: calc(50% / 2 - 100px);
}
.section05 .swiper-button-prev:after{
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 35px;
    height: 35px;
    border-top: 7px solid #da291c;
    border-right: 7px solid #da291c;
    transform: translate(-25%, -50%) rotate(225deg);
}
.section05 .swiper-button-next:after{
    position: absolute;
    top: 50%;
    right: 50%;
    content: '';
    width: 35px;
    height: 35px;
    border-top: 7px solid #da291c;
    border-right: 7px solid #da291c;
    transform:translate(25%, -50%) rotate(45deg);
}
.section05 .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    bottom: -100px !important;
    top: auto !important;
}
.section05 .swiper-pagination-bullet{opacity: 1;width:17px; height:17px; background:#ac8e60; margin:0 15px !important;}
.section05 .swiper-pagination-bullet-active {  opacity: 1;background:#da291c}

.section05 .txt-wrap {
    position: relative;
    min-height:0;
    height:0;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    z-index: 5;
}
.section05 .txt-wrap.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    padding:0 50px;
    box-sizing:border-box;
}

.section05 .txt-wrap .tit{ padding-top: 60px;font-size: 2rem ;line-height:1.5; color:#da291c;  font-family: "jalnan";word-break: keep-all;}
.section05 .txt-wrap .txt{padding-top:20px;  line-height:1.7; font-size:1.75rem; color:#000; font-family: 'NanumSquareRound';word-break: keep-all; }

/*********************** section06 영역*/
.section06 {  position:relative; text-align:center; background:#fff6d6 }
.section06 .inner-box{padding:100px 0 100px}
.section06 h2{ position:relative; width: fit-content;  margin: 0 auto;font-size:2.5rem; font-family: "jalnan"; font-weight:normal; line-height:1.5 }
.section06 h2:before{content:'';position: absolute;top: -7px;left: -34px;display:block;  width:68px; height:46px; background: url('/webPub/sc_2025/redgoat_pettydust/images/section06_quotes_l.png') no-repeat center / contain;}
.section06 h2:after{content:'';;position: absolute;bottom: -7px;right: -92px;display:block;  width:68px; height:46px; background: url('/webPub/sc_2025/redgoat_pettydust/images/section06_quotes_r.png') no-repeat center / contain;}
.section06 .btn-wrap{padding-top:60px;  display:flex; justify-content: center;gap: 44px;}

.list-box{margin-top:80px; padding:45px 50px;  font-family: 'NanumSquareRound'; background:#fff; border-radius:40px; text-align:left}
.list-box .tit{font-family: 'NanumSquareRound'; font-size:3.125rem; font-weight: 800;}
.list-box { font-family: 'NanumSquareRound'; }
.faq-list{ margin-top:20px; border-top:2px solid #4b1010;}
.faq-list li:not(:last-child){}
.faq-list button{
  position:relative;
  display:block;
  width:100%;
  padding:30px 25px 30px 56px;
  font-size:1.5rem;
  font-weight: 700;
  color:#333;
  text-align: left;
  border-bottom:2px solid #ececec;
  transition:all 0.3s;
  -o-transition:all 0.3s;
  -webkit-transition:all 0.3s;
  font-family: 'NanumSquareRound';
}

.faq-list button:before{  content:"Q.";  position:absolute;  top:29px;  left:25px;  color:#4b1010;}
.faq-list button:after{
    content:'';
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top:-5px;
    width: 18px;
    height: 18px;
    transform:translateY(-50%) rotate(135deg);
    transition:all 0.3s;
    -o-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    border-top: 2px solid #4b1010;
    border-right: 2px solid #4b1010;
}
.faq-list button.active{border-bottom:none; }
.faq-list button.active:after{
    transform: rotate(-45deg);
    border-top: 2px solid #838080;
    border-right: 2px solid #838080;
}

.faq-list div{  display:none;  padding:25px 25px;  font-size:1.25rem;  color:#333;  background:#f5f5f5;  border-radius:20px;  line-height:1.7; word-break: keep-all; font-weight:500}


/** 하단고정 배너 *********************************************/
#fixed-bnr{
  z-index: 999;
  position:fixed;
  right:100px;
  bottom:120px;
  width:273px;
  height:273px;
  transition:all 0.3s;
  -o-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}
#fixed-bnr .pendant{ margin-left: 91px;margin-top: -22px; }
#fixed-bnr:after{content: ''; display: block; position: absolute; top: 158px;;left: 138px;width: 8px;height: 9px;background: #fff;transform: rotate(-14deg); }
#fixed-bnr .pendant {
  display: block;
  animation: swing  5s ease-in-out infinite;;
  transform-origin: top center; /* 펜던트 줄 중심으로 회전 */
}
@keyframes swing {
  0%, 85% {
    transform: rotate(0deg);
  }
  90% {
    transform: rotate(-3deg);
  }
  95% {
    transform: rotate(3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/*
@keyframes swing {
  0%   { transform: rotate(0deg); }
  20%  { transform: rotate(5deg); }
  40%  { transform: rotate(-5deg); }
  60%  { transform: rotate(5deg); }
  80%  { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}*/
.copy-area {padding:50px 0;background:#f7f7f7;}
.copy-area p {font-family:'NanumSquareNeo', sans-serif;font-size:20px;text-align:center;color:#000000;}

/*sns_area*/
.sns_area{ padding:47px 0 62px; border-top:3px solid #f8f6f3;}
.sns_area h3{font-weight: normal; display: inline-block; font-size: 16px; color: #4e4e4e; vertical-align: middle; margin-right:8px; font-weight: 700;font-family: "SpoqaHanSansNeo", "Apple SD Gothic Neo", Helvetica, sans-serif, Arial;}
.sns_area .div_inner {margin: 0 auto; height: 100%; text-align: center;}
.sns_area > .div_inner > a{display: inline-block; margin-left: 14px; vertical-align: middle; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
.sns_area > .div_inner > a > img{width:54px;}