@font-face {
  font-family: 'Jalnan Gothic';
  src: url('/webPub/sc_2025/redgoat_pettydust2/font/JalnanGothicTTF.ttf') format('truetype'),
       url('/webPub/sc_2025/redgoat_pettydust2/font/JalnanGothic.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff2);
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff2);
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff2);
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff2);
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff2);
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff2);
    font-weight: 900;
    font-display: swap;
}
@charset "utf-8";
body {overflow-x:auto;font-size:16px; color:#333;  letter-spacing: -0.06em; font-family: 'NanumSquareNeo', sans-serif;;
    cursor: url('/webPub/sc_2025/redgoat_pettydust2/images/img_cursor02.png'), auto !important;
}
a, button, input, label {
    cursor:  url('/webPub/sc_2025/redgoat_pettydust2/images/img_cursor03.png'), auto !important;
}
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:#333333;}
#section-wrap{max-width:1920px;min-width:1250px; overflow:hidden}
.inner-box{width:1250px;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}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.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 Gothic'; border-radius:50px;
	box-shadow: 0px 10px 0px 0px rgba(163, 11, 0, 100); }

.bar{position:absolute;bottom:11px; left:-2px; display:block;width:calc(100% + 4px); height:20px;background:#fff;border-radius:3px}
.bar.red{background:#da291c;}
.bar.green{background:#5bd7b1;}

.title{font-weight: 500; font-family: 'Jalnan Gothic'; font-size:3.875rem;  color:#181e29; line-height:1.3em}
.rel:has(.bar) .txt {
    position: relative;
    z-index: 1;
}

/*
.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{
	overflow:hidden;
	position: relative;
	 min-height:1100px; text-align:center;
	background: url(/webPub/sc_2025/redgoat_pettydust2/images/bg_intro.jpg) no-repeat center ;;

}
.intro-section .inner-box{height:1100px}
.intro-section .logo{padding-top: 40px; display: inline-block;}
.intro-section .txt-logo{margin-top:25px;font-size:14px; display: flex ; align-items: center;justify-content: center;}
.intro-section .txt-nrise{display:inline-block; width:64px; height:17px;margin-left:5px; background: url(/webPub/sc_2025/redgoat_pettydust2/images/txt_nrise.png) no-repeat center ;}
/******배경 이미지*/
/*
.intro-section .glow-rotator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1100px;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.intro-section .glow-rotator .glow-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2212px;
  height: 2212px;
  background: repeating-conic-gradient(
    rgba(255, 249, 180, 0.53) 0deg 9.09deg,
    transparent 9.09deg 20deg
  );
  transform-origin: center center;
  transform: translate(-50%, -50%);
  animation: spinOnce 7s ease-in-out forwards;
  pointer-events: none;
  z-index: 0;
  opacity: 1;
  animation-fill-mode: forwards;
  animation-name: spinOnce, glowPulse;
  animation-duration: 5s, 3s;
  animation-timing-function: ease-in-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards, none;
}
@keyframes spinOnce {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes glowPulse {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
}
*/
/*****타이틀 영역*/
.intro-section .inner-box{position:relative; z-index:2}
.intro-section .title-wrap{position:relative; display: flex;justify-content: flex-end; flex-direction: column;align-items: end;}
.intro-section .title-wrap h1{margin-top:20px; margin-right:-20px}
.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:-20px ; top:25px; display: inline-block;perspective: 600px; }
.intro-section .img img {
	display: block;
	width:194px;
	opacity: 0;
	transform-origin: bottom center;
	animation:
	fadeDrop 0.3s ease-out forwards 0.6s,
	swingSmooth 3s ease-in-out infinite 1.3s;
	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 .btn-intro{z-index:3;margin-top:10px; margin-right:20px;width:434px; height:133px;
	background:url('/webPub/sc_2025/redgoat_pettydust2/images/intro_btn.png');
	opacity: 0;
	animation: fadeIn 0.5s ease-out forwards; animation-delay: 1s;
}

/*고티망이 이미지*/
.intro-section .img-wrap{
	margin-top:90px;
	position: absolute;
	right: 184px;
	bottom: 155px;
	opacity: 0;
	animation: fadeIn 0.5s ease-out forwards; animation-delay: 1.2s;
	padding:35px 0 0 100px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.intro-section .img-wrap img{position:relative;z-index:2 }
/* 효과 */
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.bg-wave-shine {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url('/webPub/sc_2025/redgoat_pettydust2/images/bg_intro_mangeGo.png');
	animation: waveGlow 4s ease-in-out infinite;
	pointer-events: none;
	mix-blend-mode: screen;
	opacity: 0.6;
	z-index: 2;
}
@keyframes waveGlow {
  0% {
    opacity: 1;
    filter: brightness(1);
  }
  50% {
    opacity: 0.4;
    filter: brightness(1.15);
  }
  100% {
    opacity: 1;
    filter: brightness(1);
  }
}

/*********************** section01 영역*/
.section01{margin-top: -130px; position: relative;z-index:1}
.section01 .scene{display:block; width:100%;height:1136px;  background:url('/webPub/sc_2025/redgoat_pettydust2/images/bg_section01.png') no-repeat  center ;}
.section01 .inner-box{position:absolute; top:60px;display: flex; left: 50%;transform: translateX(-50%);}
.section01 .scene02{margin-right:auto}
.section01 .scene02 .img01{ position: absolute;  margin-top: 79px; margin-left: -170px;}
.section01 .scene02 .img02 { position: absolute; margin-top:620px; margin-left:-140px;}

.section01 .scene01{margin-right:auto}
.section01 .scene01 .img01{position: absolute; top: 166px;  margin-left: 37px;}
.section01 .scene01 .img02 { position: absolute; top:348px;  margin-left: 37px;}
.section01 .scene01 .img03 { position: absolute; top: 124px; margin-left: 396px;}
.section01 .scene01 .img04 { position: absolute; top: 256px; margin-left: 430px;}
.section01 .scene01 .img05 { position: absolute;top: 620px; margin-left: 117px;}
.section01 .scene01 .img06 {margin-top: 131px; margin-left: 174px;;display: block;}


/*********************** section02 영역*/
.section02 {position:relative;height: 1308px; margin-top:30px; display: flex ;justify-content: center;background:#5bd7b1;text-align:center;}
.section02::before {
	z-index: 1;
	content: '';
	position: absolute;
	right: -3px;
	top: -118px;
	width: calc(100% + 2px);;
	height: 115px;
	background-color: #5bd7b1;
    transform: rotate(3.3deg);
    transform-origin: top left;
    border-top: 5px solid;
}
/*
.section02::after {
	z-index: 2;
	content: '';
	position: absolute;
	right: 1px;
	bottom: 0;
	width: calc(100% + 2px);
	height: 115px;
	background-color: #fff;
	transform: rotate(-3.2deg);
	transform-origin: top right;
	border-top:5px solid #000;
	    background-color: #384776;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26"><circle cx="13" cy="13" r="5" fill="%2332406b"/></svg>');
    background-repeat: repeat;
    background-size: 26px 26px;
}*/
.section02 .bg { z-index: 2; position: absolute;top:-117px; width: 100%; height: 1407px;
	background:url('/webPub/sc_2025/redgoat_pettydust2/images/bg_section02.png') no-repeat center -20px;
	transform: scale(1.3); /* 처음에 커진 상태 */
	opacity: 0;
	transition: transform 1s ease, opacity 1s ease;

}
[data-aos="fade"].aos-animate-scale.aos-animate {
  transform: scale(1); /* 작아지면서 나타남 */
  opacity: 1;
}

.section02 .star {
	z-index: 2; position: absolute;top:-117px; width: 100%; height: 1407px;
	background:url('/webPub/sc_2025/redgoat_pettydust2/images/bg_section02_star.png') no-repeat center 10px;
	opacity: 0;
	animation: none;
	transition: opacity 0.8s ease;
}

.section02 .star.aos-animate {
  opacity: 1;
  animation: sparkle 2s ease-in-out infinite;
}

@keyframes sparkle {
  0%, 100% {
    filter: brightness(1);
    opacity: 1;
    transform: scale(1);
  }
  50% {
    filter: brightness(1.8);
    opacity: 0.7;
    transform: scale(1.01);
  }
}
.section-movie {position:relative; width: 1250px; height:1018px; margin: 0 auto;text-align:center;padding-top:100px;position: relative;  z-index: 2;}
.section-movie .title{ margin-left:350px; text-align:left;}
.section-movie .title span:not(.bar) {position: relative;  z-index: 1;}
.section-movie .div_movie {height:550px;margin:0 auto 75px;}
.section-movie .div_movie {position:absolute;top:330px;left:50%;transform:translateX(-50%);width:960px;height:550px; overflow: hidden;background:#000; border: 5px solid #000; border-radius: 20px;}
.section-movie .div_movie  iframe{position:absolute;top:0;left:0; width:100%;height:100%;}
.section-movie .img-mang{position:absolute; top: 104px; left: 97px; display:block; width:227px; height:268px; z-index:2; background: url('/webPub/sc_2025/redgoat_pettydust2/images/img_movie01.png') no-repeat center / contain;}
.section-movie .img-goty{position:absolute; top: 537px;right: -34px; display:block; width:276px; height:348px;  background: url('/webPub/sc_2025/redgoat_pettydust2/images/img_movie02.png') no-repeat center / contain;}
.section02 .desc{ z-index:3; width: 890px; padding: 100px 0 120px; position: absolute; bottom: -50px;line-height:1.5; color:#000; font-weight:700; font-size: 2rem; background: url('/webPub/sc_2025/redgoat_pettydust2/images/bg_sectione02_txt.png') no-repeat}



/*********************** section03 영역*/
.section03 {position:relative;overflow: hidden; margin-top: -176px;/*transform: rotate(3.3deg); transform-origin: top left;   margin-bottom: 117px;  border-bottom: 5px solid #000;*/}

.section03 .bg{ position:absolute;width: 75%; height:1454px;
	background: url('/webPub/sc_2025/redgoat_pettydust2/images/bg_section03.png') no-repeat;
	background-size:100% auto;
	animation: waveGlow 4s ease-in-out infinite;
	pointer-events: none;
	mix-blend-mode: screen;
	opacity: 0.6;
}
.section03 .bg01{
	left:-50px; top:0px;
}
.section03 .bg02{
	right:-50px; bottom:-200px;
}
.section03 .inner-box{position:relative; z-index:2 ;padding-top:190px; /*transform: rotate(-3.3deg);*/ }
.section03 .line-txt01{display: flex ; justify-content: flex-start;  align-items: normal;}
.section03 .title{font-size:3.6875rem}
.section03 h2 .txt-goty{ display:inline-block; width:130px; height:70px;background: url('/webPub/sc_2025/redgoat_pettydust2/images/section02_txt01.png') no-repeat;}
.section03 h2 .txt-mang{display:inline-block; margin-left:10px; width:130px; height:70px;background: url('/webPub/sc_2025/redgoat_pettydust2/images/section02_txt02.png') no-repeat;}

.section03 .desc{margin-top:30px;  color:#393939;  font-size: 2rem;font-weight:700 }
.section03 .btn{margin-top:50px; display:inline-block}

.section03 .keyring{ position: absolute; right: -155px; top: 150px; animation: swing2 3s ease-in-out infinite;  transform-origin: top center;}
.section03 .keyring svg{ width:600px; height:300px; display:block;}
.section03 .keyring .text{  letter-spacing:-1px;color:#333333}
.section03 .keyring .letter{  position:absolute;  font-size:26px;  font-weight:800;  letter-spacing:-2px;  opacity:0;  display:block;  margin:0;}
.section03 .keyring .curve-path{  fill:none;  stroke:transparent;}
text tspan { opacity:0; }
.f-yellow { fill:#f98d02; }
.f-red { fill:#e83431; }

.section03 .keyring-img{ right: -40px;  top: 250px;}
.section03 .keyring .space{width:5px; display:inline-block}
.section03 .keyring .letter + .letter + .letter{margin-right:10px}

@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 .img-box{position:relative; padding:80px 0 150px;}
.section03 .img-box img{ max-width:100%}

/* 모바일 세로 (해상도 ~ 479px)*/
@media all and (max-width:1400px) {
	.section03 .keyring {  right: -125px;}
	.section03 .keyring-img { right: -10px;}
	.section03 .img-box{margin: 0 auto;;width:calc( 100% - 200px)}
}
.section03 .img-box .desc{ display: block; margin-top:20px; font-size:24px; color:#393939}
.section03 .icon01 {
  position: absolute;
  left: -150px;
  bottom: 520px;
  width: 261px;
  height: 273px;
  background: url('/webPub/sc_2025/redgoat_pettydust2/images/obj_wonstein01.png') no-repeat center;
  transform-origin: center bottom;
}

.section03 .icon02 {
  position: absolute;
  right: -110px;
  top: 377px;
  width: 261px;
  height: 273px;
  background: url('/webPub/sc_2025/redgoat_pettydust2/images/obj_wonstein02.png') no-repeat center;
  transform-origin: center bottom;
}

/* 흔들림 */
@keyframes shake {
  0% { transform: rotate(0deg) scale(1); opacity: 0; }
  10% { transform: rotate(-10deg) scale(1.1); opacity: 1; }
  20% { transform: rotate(10deg) scale(1.1); }
  30% { transform: rotate(-8deg) scale(1.05); }
  40% { transform: rotate(8deg) scale(1.05); }
  50% { transform: rotate(0deg) scale(1.1); }
  60%, 100% { transform: rotate(0deg) scale(1); opacity: 1; }
}

/* 펄스 */
@keyframes pulse {
  0% { transform: scale(1); opacity: 0; }
  20% { transform: scale(1.1); opacity: 1; }
  40% { transform: scale(0.95); }
  60% { transform: scale(1.15); }
  80% { transform: scale(0.97); }
  100% { transform: scale(1); opacity: 1; }
}

/* AOS 트리거용 */
[data-aos="shake-once"].aos-animate {
  animation: shake 1.2s ease-in-out both;
}

[data-aos="pulse-once"].aos-animate {
  animation: pulse 1.5s ease-in-out both;
}


/*********************** section03 영역*/
.section04 { overflow:hidden; position:relative;padding:100px 0 ; text-align:center; background:#d3d3d3 url('/webPub/sc_2025/redgoat_pettydust2/images/bg_section04.png') no-repeat center bottom; background-size:100% ; border-bottom:5px solid #0b1825}
.section04 .inner-box{padding:90px 0 150px}
.section04 h2{font-size:4rem; font-family: 'Jalnan Gothic'; font-weight:normal; line-height:1.8 }
.section04 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #444;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border:5px solid #181e29
}

.swiper-slide {
  width: 28%;
  margin-top:100px;
}
.swiper-slide:nth-child(2n) {
  margin-top:0px;
}
.swiper-slide:nth-child(3n) {
  width: 33.85%;
  margin-top:176px;
}

.section04 .tit-wrap .txt{padding-top:70px;  font-size:3.375rem; font-family: 'Jalnan Gothic'; }
.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}


/*********************** section05 영역*/
.section05 { z-index: 2; position:relative; text-align:center;	background-color:#384776; overflow: hidden; margin-top: -45px; border-top: 5px solid #000; border-bottom: 5px solid #000;}

.section05 .bg{
	position:absolute ;
	display:block; width:100%; height:100%;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26"><circle cx="13" cy="13" r="5" fill="%2332406b"/></svg>');
	background-repeat: repeat;
	background-size: 26px 26px;
	transform-origin: center;
	transform: rotate(-1deg);
}
.section05 .inner-box{padding:150px 0 100px}
.section05 .title{ position:relative; width: fit-content;  margin: 0 auto;font-size:2.5rem;color:#fff ; line-height:1.5}
.section05 .title:before{content:'';position: absolute;top: -7px;left: -34px;display:block;  width:61px; height:45px; background: url('/webPub/sc_2025/redgoat_pettydust2/images/section05_quotes_l.png') no-repeat center / contain;}
.section05 .title:after{content:'';;position: absolute;bottom: -7px;right: -92px;display:block;  width:61px; height:45px; background: url('/webPub/sc_2025/redgoat_pettydust2/images/section05_quotes_r.png') no-repeat center / contain;}
.section05 .btn-wrap{padding-top:60px;  display:flex; justify-content: center;gap: 44px;}


.section-faq{padding-top: 80px;background:#f7f7f7}
.list-box{ padding:45px 50px;  font-family: 'NanumSquareRound'; background:#fff; text-align:left; border:5px solid #181e29}
.list-box .tit{font-family: 'Jalnan Gothic'; font-size:3.125rem; font-weight: 500; color:#0b1825}
.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: 'NanumSquareNeo';;
}

.faq-list button:before{  content:"Q.";  position:absolute;  top:29px;  left:25px;  color:#da291c;font-weight:800}
.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 #0d1a27;
    border-right: 2px solid #0d1a27;
}
.faq-list button.active{border-bottom:none; }
.faq-list button.active:after{
    transform: rotate(-45deg);
    border-top: 2px solid #848181;
    border-right: 2px solid #848181;
}

.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:400}

/** 하단고정 배너 *********************************************/
#fixed-bnr{
  z-index: 999;
  position:fixed;
  right:60px;
  bottom:120px;
  width:236px;
  height:306px;
  transition:all 0.3s;
  -o-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}
#fixed-bnr .pendant{ margin-left: 80px;margin-top: -20px; }
#fixed-bnr:after{content: ''; display: block; position: absolute;top: 138px; left: 118px; width: 10px;height: 9px;;background: #fff;transform: rotate(-14deg);border-radius: 10px; }
#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;}