@import url('sub.css'); 
* {outline:none;}


body,html{font-family: var(--redbell);}
*{font-family: var(--redbell);}

.header, .header *{font-family: var(--kor);}
.footer .foot_menu ul li a{font-family: var(--kor);}
.footer .foot_info ul li{font-family: var(--kor);}
.footer .foot_info .copyright{font-family: var(--kor);}

.bell_bg{width: 100%; height: var(--vh); position:fixed; top:0; left:0; z-index:-1; background:url("/assets/img/redbell/img_ver2/redbell_intro_bg.jpg")no-repeat center / cover; overflow:hidden;}
.bell_bg:before{content:''; display:block; width:100%; height:100%; background: #F11E0C; mix-blend-mode: multiply; position: absolute; left:0; bottom:0; transition:all .5s linear; opacity: 0;}
.fp-viewing-sec3 .bell_bg:before{opacity: 0.78;}
.fp-viewing-sec4 .bell_bg:before{opacity: 1;}
.fp-viewing-sec5 .bell_bg:before{opacity: 0.09; height: 46%;}
.fp-viewing-sec7 .bell_bg:before{opacity: 0.09;}
.fp-viewing-sec8 .bell_bg:before{opacity: 0.25;}


.bell_header {position:fixed; top:0; left:0; width:100%; z-index:9999; min-width:320px;}
.bell_header .w1350 {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:35px 0;}
.bell_header .w1350 h1 {display:flex; flex-wrap:wrap; align-items:center; gap:0 20px; transition:all .3s linear; box-sizing:border-box;}
.bell_header .w1350 h1 a{display: block; height: 71px;}
.bell_header .w1350 h1 a.save_logo{height: 55px;}
.bell_header .w1350 h1 a svg{width: auto; height: 100%;}
.bell_header .w1350 h1 .save_logo * {fill:var(--black);}
.bell_header .w1350 h1 .save_logo path:last-of-type {fill:var(--main) !important;}
.bell_header .w1350 a {display:block; line-height:1;}
.bell_header .w1350 svg {display:block; line-height:1;}


.bell_header .w1350 h2{width: 237px; height:90px; position: relative; transition:all .3s linear;}
.bell_header .w1350 h2 svg, .bell_header .w1350 h2 img{width: 100%; height: auto; position: absolute; left:0; top:0;}
.bell_header .w1350 h2 .bell_logo_w{opacity: 0;}
.bell_header .w1350 h2 .bell_logo{opacity: 1;}

.fp-viewing-sec1 .bell_header .w1350 h2 {opacity:0;}
.fp-viewing-sec3 .bell_header .w1350 h2 .bell_logo_w{opacity: 1;}
.fp-viewing-sec3 .bell_header .w1350 h2 .bell_logo{opacity: 0;}
.fp-viewing-sec4 .bell_header .w1350 h2 .bell_logo_w{opacity: 1;}
.fp-viewing-sec4 .bell_header .w1350 h2 .bell_logo{opacity: 0;}
.fp-viewing-sec4 .bell_header .w1350 h1,
.fp-viewing-sec3 .bell_header .w1350 h1{background:var(--white); border-radius:30px; padding:30px;}



/* ��Ʈ */
.pointColor2{color:var(--sub4) !important;}
.fs60{font-size:3.333rem; font-weight: 600; letter-spacing: 0.09px; line-height: 125%; color:var(--black); font-family:var(--redbell);}
.fs50{font-size:2.778rem; font-weight: 400; letter-spacing: 0.075px; line-height: 130%; color:var(--black); font-family:var(--redbell);}
.fs50 b{font-weight: 700; line-height: inherit; letter-spacing: inherit;}

.fs40{font-size:2.222rem; font-weight: 700; letter-spacing: 0.06px; line-height: 120%; color:var(--black); font-family:var(--redbell);}

.fs32{font-size:1.778rem; letter-spacing: 0.048px; line-height: 140%; font-weight: 400; color:var(--black); font-family:var(--redbell);}
.fs30{font-size:1.667rem; letter-spacing: 0.045px; line-height: 160%; font-weight: 400; color:var(--black); font-family:var(--redbell);}
.fs30 b{font-weight: 700; line-height: inherit; letter-spacing: inherit;}

.fs23{font-size:1.278rem; letter-spacing: 0.035px; line-height: 150%; font-weight: 400; color:var(--black); font-family:var(--redbell);}



/* ��ư */
.btn_box {display: flex; flex-wrap: wrap; gap:15px; padding: 60px 0 0 !important; justify-content: center;}
.moreBtn{display: block; position: relative; background:url('/assets/img/redbell/img_ver2/btn_bg_w.png') no-repeat center/contain;  transition:all .3s; text-align:center;}
.moreBtn::before{content:''; display: block; width: 100%; height: 100%; position: absolute; left:5px; top:5px; z-index: -1; transition:all .3s;}
.moreBtn em{display: block; font-style:normal; font-weight: 700; color:var(--main);font-family:var(--redbell); transition:all .3s; }
.moreBtn.ver1{width: 428px; height: 110px;}
.moreBtn.ver1 em{font-size:1.944rem; line-height: 110px;}


.moreBtn.ver1:hover{background:url('/assets/img/redbell/img_ver2/btn_bg_r.png') no-repeat center/contain; transition:all .3s;}
.moreBtn.ver1:hover em{color:var(--white); transition:all .3s;}
.moreBtn.ver1:hover::before{background:url('/assets/img/redbell/img_ver2/btn_bg_w.png') no-repeat center/contain; transition:all .3s;}

.moreBtn.ver2{width: 300px; height: 77px;}
.moreBtn.ver2 em{font-size:1.667rem; line-height: 77px;}
.moreBtn.ver2::before{background:url('/assets/img/redbell/img_ver2/btn_bg_r.png') no-repeat center/contain;}
.moreBtn.ver2::before{background:url('/assets/img/redbell/img_ver2/btn_bg_r.png') no-repeat center/contain;}
.moreBtn.ver2:hover{background:url('/assets/img/redbell/img_ver2/btn_bg_r.png') no-repeat center/contain; transition:all .3s;}
.moreBtn.ver2:hover em{color:var(--white); transition:all .3s;}
.moreBtn.ver2:hover::before{background:url('/assets/img/redbell/img_ver2/btn_bg_r_on.png') no-repeat center/contain; transition:all .3s;}

.moreBtn.ver3{width: 300px; height: 77px;}
.moreBtn.ver3 em{font-size:1.667rem; line-height: 77px; color:var(--sub4);}
.moreBtn.ver3::before{background:url('/assets/img/redbell/img_ver2/btn_bg_g.png') no-repeat center/contain;}
.moreBtn.ver3:hover{background:url('/assets/img/redbell/img_ver2/btn_bg_g.png') no-repeat center/contain; transition:all .3s;}
.moreBtn.ver3:hover em{color:var(--white); transition:all .3s;}
.moreBtn.ver3:hover::before{background:url('/assets/img/redbell/img_ver2/btn_bg_g_on.png') no-repeat center/contain; transition:all .3s;}

.moreBtn.ver4{width: 300px; height: 77px;}
.moreBtn.ver4 em{font-size:1.667rem; line-height: 77px; color:#1a6fd4;}
.moreBtn.ver4::before{background:url('/assets/img/redbell/img_ver2/btn_bg_b.png') no-repeat center/contain;}
.moreBtn.ver4:hover{background:url('/assets/img/redbell/img_ver2/btn_bg_b.png') no-repeat center/contain; transition:all .3s;}
.moreBtn.ver4:hover em{color:var(--white); transition:all .3s;}
.moreBtn.ver4:hover::before{background:url('/assets/img/redbell/img_ver2/btn_bg_b_on.png') no-repeat center/contain; transition:all .3s;}




/* ����! ���座 */
@keyframes rotate_ani {
  from {-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes updown_ani {
	0% {transform: translateY(-15%);}
	50% {transform: translateY(15%);}
	100% {transform: translateY(-15%);}
}

.rotate svg {transform:rotate(0);}
.rotate.on1 svg {transform:rotate(-10deg);}
.rotate img {transform:rotate(0);}
.rotate.on1 img {transform:rotate(-10deg);}


.section {position: relative; width: 100%; height: var(--vh); box-sizing: border-box; display: flex; justify-content: center; flex-direction: column; z-index: 1; overflow: hidden;}
.section .fp-overflow {position: relative; width: 100%; height: var(--vh); overflow: hidden; display: flex; justify-content: center; flex-direction: column;}
.section .section_arr {display:block; position:absolute; bottom:30px; left:50%; transform:translateX(-50%); font-size:1.333rem; font-weight: 400; color:var(--white); letter-spacing: 0.036px;}
.section .section_arr::after {content:'\ead0'; font-size:40px; display:block; line-height:1; font-family:var(--icon); color:var(--white);}

.sec2 .section_arr,.sec4 .section_arr,.sec5 .section_arr, .sec6 .section_arr, .sec7 .section_arr {color:var(--black);}
.sec2 .section_arr::after,.sec4 .section_arr::after,.sec5 .section_arr::after, .sec6 .section_arr::after, .sec7 .section_arr::after {color:var(--black);}

.fp-height-auto {height: auto !important; overflow: visible !important; display: block !important;}
.fp-height-auto > .fp-overflow {display:block; overflow-y: auto;}
.section .fp-overflow::-webkit-scrollbar {background-color: var(--white);width: 8px}
.section .fp-overflow::-webkit-scrollbar-track {background-color: var(--white);}
.section .fp-overflow::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,1); border-radius: 16px; border: 4px solid transparent}


@keyframes transform_ani {
  from {transform: rotate(1deg) scaleY(-1); opacity:0;}
  to {transform: rotate(1deg) scaleY(1); opacity:1;}
}
@keyframes dissolve_ani {
  from {transform: translate(0,70px); opacity:0;}
  to {transform: translate(0); opacity:1;}
}

@keyframes fade-up-down {
		0% {transform:translateY(30%); opacity:0;}
		70% {transform:translateY(-15%); opacity:1;}
		100% {transform: translate(0); opacity:1;}
}
@keyframes ring {
		0%,100% { transform: rotate(0deg);}
		50% {transform: rotate(-30deg);}
}


@keyframes arm {
		0%,100% { transform: rotate(0deg) translateY(0);}
		50% {transform: rotate(-10deg) translateY(30px);}
}

/* ver3 키비주얼 애니메이션 */
@keyframes ring-slow {
		0%,100% { transform: rotate(0deg);}
		50% { transform: rotate(-15deg);}
}
@keyframes arm-pull-inner {
		0%,100% { transform: rotate(0deg);}
		50% { transform: rotate(-8deg);}
}

.fade-up {transform: translate(0,70px); opacity:0;}
.action .fade-up.delay1 {animation:0.3s ease-in-out 0.2s forwards dissolve_ani;}
.action .fade-up.delay2 {animation:0.3s ease-in-out 0.4s forwards dissolve_ani;}
.action .fade-up.delay3 {animation:0.3s ease-in-out 0.6s forwards dissolve_ani;}


 
 
.people_wrap{position: absolute; left: 0; top:0; width: 100%; height: var(--vh); z-index: 0; overflow: hidden;}
.people_wrap .people_list {width:100%; height:100%; position:absolute; top:0; left:50%; z-index:10; max-width:1584px; transform:translateX(-50%);}
.people_wrap .people_list::after {content:''; width:100%; height:50%; position:absolute; bottom:0; left:0; background:url("/assets/img/redbell/img_ver2/earth_bg.png")no-repeat center bottom / 100% auto; z-index:1; opacity:0; transform:translateY(35%); transition:all 0.7s linear; z-index:-1;}
.people_wrap .people_list li{position:absolute; bottom:0; z-index:1;}
.people_wrap .people_list li.peo1 {left: 10%; bottom: 0; transform:translateY(50%); opacity:0; z-index:2;}
.people_wrap .people_list li.peo2 {right: 55%; bottom: 21.5%; transform:translateY(50%); opacity:0;}
.people_wrap .people_list li.peo3 {right: 43%; bottom: 22%; transform:translateY(50%); opacity:0;}
.people_wrap .people_list li.peo4 {right: 30%; bottom: 15%; transform:translateY(50%); opacity:0;}
.people_wrap .people_list li.peo5 {right: 8%; bottom: 0; transform:translateX(50%); opacity:0; height:100%; display:flex; flex-wrap:wrap; align-items:flex-end; z-index:1;}
.people_wrap .people_list li.peo6 {right: 0; bottom: 0; transform:translateX(25%); opacity:0; width: 100%; height:100%; z-index:-1;}


.people_wrap .people_list li.peo5 .bell {position:absolute; bottom: 470px; right: 28%; animation:5s ease-in-out 0.2s infinite ring; z-index:10;}
.people_wrap .people_list li.peo5 .bell i {position:relative; display:block;}
.people_wrap .people_list li.peo5 .bell i::before {content:''; width:914px; height:335px; background:url("/assets/img/redbell/img_ver2/bell_sound.png")no-repeat center; position:absolute; bottom:-50px; left:-67px; }
.people_wrap .people_list li.peo5 .bell i::after {content:''; width:100%; height:100%; position:absolute; top:0; left:0%; background:url("/assets/img/redbell/img_ver2/redbell_tit.svg")no-repeat left 67% top 83%;}
.people_wrap .people_list li.peo5 .people{position: relative;} 
.people_wrap .people_list li.peo5 .people img{max-width:550px; height: auto;} 
.people_wrap .people_list li.peo5 .people .arm{position: absolute; left:0; top:-26%; width: 100%; animation:5s ease-in-out 0.2s infinite arm;} 
 
 
.people_wrap .people_list li.peo6 {}
.people_wrap .people_list li.peo6 .bell {position:absolute; right: 0; bottom: 0; width: 100%; height: 100%;}
.people_wrap .people_list li.peo6 .bell .img1 {width:939px; height:auto; position:absolute; top:270px; right:200px; z-index:-1; }
.people_wrap .people_list li.peo6 .bell .img2 {width:856px; height:auto; position:absolute; top:200px; right:160px; z-index:-1; }


 
.section.action .people_list li.peo1 {animation:0.7s ease-in-out 0.2s forwards fade-up-down;}
.section.action .people_list li.peo2 {animation:0.7s ease-in-out 0.8s forwards fade-up-down;}
.section.action .people_list li.peo3 {animation:0.7s ease-in-out 0.4s forwards fade-up-down;}
.section.action .people_list li.peo4 {animation:0.7s ease-in-out 0.5s forwards fade-up-down;}
.section.action .people_list li.peo5 {transform:translateX(0); opacity:1; transition:all 1s 1s ease-in-out;}
.section.action .people_list li.peo6 {transform:translateX(0); opacity:1; transition:all 1s 1s ease-in-out;}
.section.action .people_list::after {opacity:1; transform:translateY(0); transition:all 0.7s linear;}




 
 
 
 
 
 
 
 
 
/* section1 */
.sec1{}
.sec1 .flow_banner{position: relative; overflow: hidden; padding: 18px 0 16px; background:var(--main); position: absolute; left:0; bottom: 0; width: 100%; z-index: 9;}
.sec1 .flow_banner .flow_banner_in{width: 100%; display: flex;}
.sec1 .flow_banner .flow_banner_roll{display: flex;}
.sec1 .flow_banner .flow_banner_roll li{font-size:1.278rem; margin-right: 40px; white-space: nowrap; letter-spacing: 0.035px; line-height: 130%; font-weight: 400; color:var(--white);}
.sec1 .flow_banner .flow_banner_roll li b{font-weight: 700; line-height: 130%;	}

@keyframes flowRolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.sec1 {}
.sec1 .info{transform:translateY(-50%);}
.sec1 .info .info-cols {display:flex; gap:0; justify-content:flex-start; max-width:650px; transform:translate(-50%,-55%); opacity:0;}
.sec1.action .info .info-cols {transform:translate(0,-70%); opacity:1; transition:all 1s 1s ease-in-out;}
.sec1 .info .info-left {flex:1;}
.sec1 .info .info-right {flex:1;}
.sec1 .info ul li{font-size:1.128rem; font-weight:400; color:var(--black); letter-spacing: 0.035px; line-height: 140%; box-sizing:border-box; position: relative; padding:0 0 30px 25px;}
.sec1 .info ul li:last-child{padding-bottom: 0;}
.sec1 .info ul li::before{content:''; display: block; width: 12px; height: 12px; border-radius:50%; background:var(--main); position: absolute; left:0; top:9px;}
.sec1 .info ul li span{display: block; font-weight: 700; color:var(--main); font-size:1.444rem; padding: 0 0 5px;}
.sec1 .section_arr{bottom: 90px;}


/* ===== sec1 ver3 키비주얼 (vw 기반, bottom 앵커, JS 불필요) ===== */
.kv-scene {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:0;}
.kv-layer {position:absolute; pointer-events:none;}
.kv-layer img {display:block; width:100%; height:auto;}

/* 텍스처 오버레이 (최상위) — mix-blend는 부모에, opacity는 ::before에만 */
.kv-texture {left:0; top:0; width:100%; height:100%; z-index:99; mix-blend-mode:soft-light;}
.kv-texture::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url("/assets/img/redbell/img_ver3/texture-bg.png") no-repeat center bottom; background-size:cover; opacity:0.451;}

/* 하늘 (뷰포트 전체 채움) */
.kv-sky {left:0; top:0; width:100%; height:100%; z-index:1;}
.kv-sky img {width:100%; height:100%; object-fit:cover; object-position:center bottom;}

/* 배경 합성 이미지 (mountain + field03 + field02 + assembly) */
.kv-main-bg1 {left:0; bottom:0; width:100%; z-index:2; transform:scale(1.055); transform-origin:center bottom;}

/* 캐릭터: 발표하는 아이 (모션3) */
.kv-child-presenting {left:77.73vw; bottom:min(11.48vw, 20.4vh); width:min(8.28vw, 14.7vh); z-index:6; transform:translateY(30%); opacity:0;}
.sec1.action .kv-child-presenting {animation:0.7s ease-in-out 0.5s forwards fade-up-down;}

/* 종을 당기는 아이 + 팔 (모션2) */
.kv-child-bell-arm {left:31.9vw; bottom:min(12vw, 21.3vh); width:21vw; z-index:7; transform:translateY(30%); opacity:0;}
.kv-child-bell-arm img {animation:7s ease-in-out 0.2s infinite arm-pull-inner; transform-origin:0% 50%;}
.sec1.action .kv-child-bell-arm {animation:0.7s ease-in-out 0.4s forwards fade-up-down;}

.kv-child-bell-body {left:25.36vw; bottom:0; width:min(29.01vw, 51.6vh); z-index:8; transform:translateY(30%); opacity:0;}
.sec1.action .kv-child-bell-body {animation:0.7s ease-in-out 0.4s forwards fade-up-down;}

/* 종 (모션1: 느린 좌우 흔들림) */
.kv-bell {left:39.9vw; bottom:min(23.81vw, 42.3vh); width:min(35.83vw, 63.7vh); z-index:9;}
.kv-bell img {animation:7s ease-in-out 0.2s infinite ring-slow; transform-origin:50% 10%;}

/* 전경 합성 이미지 (field01 + field01-2 + front-trees + small-leaves + tree01) */
.kv-main-bg2 {left:0; bottom:0; width:100%; z-index:10; transform:scale(1.055); transform-origin:center bottom;}

/* 캐릭터: 관찰하는 아이 (모션3) */
.kv-child-observing {left:58.07vw; bottom:min(1.46vw, 2.6vh); width:min(18.75vw, 33.3vh); z-index:15; transform:translateY(30%); opacity:0;}
.sec1.action .kv-child-observing {animation:0.7s ease-in-out 0.7s forwards fade-up-down;}

/* 캐릭터: 기후위기 아동권리 (모션3) */
.kv-child-sign {left:13.28vw; bottom:min(8.85vw, 15.7vh); width:min(12.08vw, 21.5vh); z-index:20; transform:translateY(30%); opacity:0;}
.sec1.action .kv-child-sign {animation:0.7s ease-in-out 0.3s forwards fade-up-down;}

/* 나뭇잎 */
.kv-leaves {left:15.78vw; bottom:0vw; width:min(9.58vw, 17vh); z-index:21;}

/* info 영역 z-index 확보 */
.sec1 .info {z-index:25; position:relative;}
/* ===== /sec1 ver3 키비주얼 ===== */


/* section2 */
.sec2{text-align:center;}
.sec2 .img{margin: 0 auto 30px; width: 495px; height: auto;}
.sec2 .img img{width: 100%; height: auto;}
.sec2 .redbell_illust{position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:1350px; width: 100%; height: 100%;}
.sec2 .redbell_illust li{position: absolute;}
.sec2 .redbell_illust li img{width: 100%; height: auto; position: relative; z-index: 2;}
.sec2 .redbell_illust li .redbell_obj{display: block; width: 206px; height: 206px; position: relative;}
.sec2 .redbell_illust li .redbell_obj::before{content:''; display: block; width: 180px; height: 180px; background:rgba(218, 41, 28, 0.15); border-radius:50%; position: absolute;}
.sec2 .redbell_illust li.ill1 .redbell_obj::before{width: 200px; height: 200px; right: -45px; top: -45px;}
.sec2 .redbell_illust li.ill2 .redbell_obj::before{right: -80px; bottom: -80px;}
.sec2 .redbell_illust li.ill3 .redbell_obj::before{right: -80px; top: 0;}
.sec2 .redbell_illust li .redbell_sparkling01{display: block; width: 61px; height: auto; position: absolute; right: -100px; top:-70px;}
.sec2 .redbell_illust li .redbell_sparkling02{display: block; width: 72px; height: auto; position: absolute; right: -160px; top:-130px;}
.sec2 .redbell_illust li.ill1{left: 0; top:40%;}
.sec2 .redbell_illust li.ill2{right: 5%; top:30%;}
.sec2 .redbell_illust li.ill3{right: 20%; bottom: 5%;}



/* section3 */
.sec3{text-align:center;}
.sec3 .img{margin: 0 auto 40px; width: 566px; height: auto; display: block;}
.sec3 .img img{width: 100%; height: auto;}
.sec3 .fs50{color:var(--white);}
.sec3 .fs30{color:var(--white); padding: 10px 0 0;}



/* section4 */
.sec4{text-align:center;}
.sec4 .fs60{color:var(--white); text-shadow: 0px 0px 20px var(--main);}
.sec4 .people_wrap .people_list li.peo5{bottom: -10px;}
.sec4 .people_wrap .people_list li.peo5 .bell i::after{display: none;}
.sec4 .people_wrap .people_list li.peo5 .bell i::before{display: none;}
.sec4 .people_wrap .people_list li.peo1{bottom: -2vw;}

.sec4 .people_wrap .people_list li.peo5 .bell {bottom: 21vw; right: 8%; z-index: 2;}
.sec4 .people_wrap .people_list li.peo5 .bell i img{width: 702px; height: auto;}
.sec4 .people_wrap .people_list li.peo5 .people img{max-width:448px; height: auto;} 
 
.sec4.section.action .people_list li.peo5 {transform:translateX(0); opacity:1; transition:all 0.6s 0.3s ease-in-out;}
 


/* section5 */
.sec5{text-align:center;}
.sec5 .fs60{}
.sec5 .campaign_tit{display: flex; justify-content: center; gap:60px; padding: 20px 0 0;}
.sec5 .campaign_tit li{font-size:1.333rem; line-height: 140%; font-weight:400; color:var(--main); padding:8px 20px; box-sizing:border-box; border:2px solid var(--main); border-radius:50px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sec5 .campaign_tit li::after{content:'\e01f'; display:block; width:24px; height:24px; line-height:24px; font-size:24px; font-family:var(--icon); position:absolute; right:-44px; top:50%; margin-top: -12px; font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 48;}
.sec5 .campaign_tit li:last-child::after{display:none;}
.campaign_together{padding: 60px 0 0; max-width:1120px; margin: 0 auto;}
.campaign_together ul{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:30px;}
.campaign_together ul li{border-radius:30px; overflow:hidden; position:relative; text-align:left;}

.campaign_together ul li .img{position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items: center; transition:all 0.3s linear; }
.campaign_together ul li:nth-child(1) .img{background:var(--main);}
.campaign_together ul li:nth-child(2) .img{background:var(--sub4);}
.campaign_together ul li:hover .img {transform: scaleX(-1); transition:all 0.3s linear;}
.campaign_together ul li .img .img_box{width: 65%;}
.campaign_together ul li .img .img_box img{max-width: 100%; height: auto;}
.campaign_together ul li .img .txt_box{width: 35%;}
.campaign_together ul li .img .txt_box .fs50{color:var(--white);}
.campaign_together ul li .cover{background:var(--white); box-sizing:border-box; padding: 25px 40px 20px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; opacity:0; visibility:hidden; transform: scaleX(-1); transition:all 0.3s linear;}
.campaign_together ul li:hover .cover {opacity:1; visibility:visible; transition:all 0.3s linear; transform: scaleX(1); }
.campaign_together ul li .cover .img_box{display: none;}
.campaign_together ul li .cover dl{display: flex;}
.campaign_together ul li .cover dl dt{width: 160px;}
.campaign_together ul li .cover dl dt .fs30{font-weight: 700; color:var(--main);}
.campaign_together ul li:nth-child(2) .cover dl dt .fs30{color:var(--sub4);}
.campaign_together ul li .cover dl dd{width: calc(100% - 160px);}
.campaign_together ul li .cover dl dd .fs23{padding: 0 0 10px;}
.campaign_together ul li .cover dl dd .fs23:last-child{padding-bottom: 0;}
.campaign_together ul li .cover dl dd .fs23 span{display: block;}
.campaign_together ul li .cover .reference_txt{padding: 20px 0 0;}
.campaign_together ul li .cover .fs16{display:flex; gap:0 5px; color: var(--sub2); font-size: 0.833rem; font-weight: 400; line-height:150%; letter-spacing: 0.023px; padding: 0 0 8px;}
.campaign_together ul li .cover .fs16:last-child{padding: 0;}
.campaign_together ul li .cover .fs16 i {color:var(--sub2); font-style:normal; font-size:inherit; position:relative; top:0;}

/* campaign_together ver1 - 단체참여 카드 */
.campaign_together.ver1 ul{grid-template-columns: 1fr;}
.campaign_together.ver1 ul li{background:var(--main); min-height:325px;}
.campaign_together.ver1 ul li .card_inner{display:flex; justify-content:space-between; align-items:center; height:100%; padding:40px 60px 40px 80px; box-sizing:border-box;}
.campaign_together.ver1 ul li .card_inner .txt_box{flex:1; display:flex; flex-direction:column; justify-content:space-between; height:100%; min-height:245px;}
.campaign_together.ver1 ul li .card_inner .txt_box .fs30{color:var(--white); font-weight:600; line-height:140%; letter-spacing:0.045px;}
.campaign_together.ver1 ul li .card_inner .txt_box .info_list .fs23{color:var(--white); font-weight:400; line-height:145%; letter-spacing:0.035px; padding:0 0 4px;}
.campaign_together.ver1 ul li .card_inner .txt_box .info_list .fs23:last-child{padding:0;}
.campaign_together.ver1 ul li .card_inner .txt_box .reference_txt{padding:0;}
.campaign_together.ver1 ul li .card_inner .txt_box .reference_txt .fs15{display:flex; gap:0 5px; color:var(--white); opacity:0.8; font-size:0.833rem; font-weight:400; line-height:150%; letter-spacing:0.023px;}
.campaign_together.ver1 ul li .card_inner .txt_box .reference_txt .fs15 i{font-style:normal;}
.campaign_together.ver1 ul li .card_inner .img_box{flex-shrink:0; width:200px; margin-left:40px;}
.campaign_together.ver1 ul li .card_inner .img_box img{width:100%; height:auto;}


/* section6 */
.sec6{text-align:center;}

.campaign_together2{padding: 40px 0 0; max-width:1120px; margin: 0 auto;}
.campaign_together2 ul{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:30px;}
.campaign_together2 ul li{border-radius:30px; overflow:hidden; position:relative; text-align:left;}
.campaign_together2 ul li .img{position:absolute; top:0; left:0; width:100%; height:100%; display:block;  transition:all 0.3s linear;}
.campaign_together2 ul li:hover .img {transform: scaleX(-1); transition:all 0.3s linear;}
.campaign_together2 ul li .img .box{position: absolute; left:0; top:0; width: 100%; text-align:center; box-sizing:border-box; padding: 50px 10px;}
.campaign_together2 ul li .img .fs50{color:var(--white); font-weight: 700;}
.campaign_together2 ul li .img .fs32{color:var(--white); font-weight: 400;}
.campaign_together2 ul li .img .fs20{color:var(--white); padding: 20px 0 0;}
.campaign_together2 ul li .img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.campaign_together2 ul li .cover{height:100%; background:var(--white);  position: relative; opacity:0; visibility:hidden; transform: scaleX(-1); transition:all 0.3s linear}
.campaign_together2 ul li:hover .cover {opacity:1; visibility:visible; transition:all 0.3s linear; transform: scaleX(1); }
.campaign_together2 ul li .cover .fs20{display: none;}
.campaign_together2 ul li .cover .txt_box{width: 100%; height:100%; padding:25px 40px 20px; box-sizing:border-box;}
.campaign_together2 ul li .cover .txt_box > *{position: relative; z-index: 1;}
.campaign_together2 ul li .cover .fs30{color:var(--main); padding: 0 0 15px; font-weight: 700;}
.campaign_together2 ul li .cover .dots{font-size:1.111rem; font-weight: 400; color:var(--black); line-height: 150%; letter-spacing: 0.03px; position: relative; box-sizing:border-box; padding: 0 0 6px 10px;}
.campaign_together2 ul li .cover .dots:last-of-type{padding-bottom: 0;}
.campaign_together2 ul li .cover .dots::before {content:''; width: 3px; height: 3px; background: var(--black); position:absolute; top:11px; left:0;}
.campaign_together2 ul li .cover .reference_txt{padding:  40px 0 0;}
.campaign_together2 ul li .cover .fs16{display:flex; gap:0 5px; color: var(--sub2); font-size: 0.833rem; font-weight: 400; line-height:150%; letter-spacing: 0.023px; padding: 0 0 8px;}
.campaign_together2 ul li .cover .fs16 i {color:var(--sub2); font-style:normal; font-size:inherit; position:relative; top:0;}
.campaign_together2 ul li .cover .redbell_cover_img{display: block; width: 175px; position: absolute; right: 30px; bottom: 0; z-index: 0;}
.campaign_together2 ul li .cover .redbell_cover_img img{width: 100%; height: auto;}



/* section7 */
.sec7{text-align:center;}
.activity_wrap{padding: 40px 0 0; box-sizing:border-box;}
.activity_list{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:30px; max-width:1120px; margin: 0 auto;}
.activity_list .list{position:relative; z-index:10;}
.activity_list .list .edu_obj{position: absolute; width: 280px;}
.activity_list .list:nth-child(1) .edu_obj{left: -250px; bottom: 20px;}
.activity_list .list:nth-child(2) .edu_obj{right: -260px; bottom: -10px;}
.activity_list .list .edu_obj img{width: 100%; height: auto;}
.activity_list .list a{display:block; width:100%; height:100%; border-radius:30px; overflow:hidden; position:relative;}
.activity_list .list dl{position:relative;}
.activity_list .list dl::before {content:''; width:100%; height: 100%; position:absolute; bottom:0; left:0; background: linear-gradient(180deg, rgba(218, 41, 28, 0.00) 0%, #DA291C 100%); z-index:99; transition:all 0.5s ease;}


.activity_list .list dl dt{aspect-ratio:3/2.2; overflow: hidden;} 
.activity_list .list dl dt img{display: block; width: 100%; height: 100%; object-fit:cover;}
.activity_list .list dl dd{position:absolute; bottom:-155px; text-align: center; left:0; z-index:100; width:100%; height:100%; display:flex; flex-wrap:wrap; align-content:center; flex-direction: column; justify-content:center; transition:all 0.5s ease;}
.activity_list .list dl dd .fs40{color:var(--white);}
.activity_list .list dl dd .fs20{color:var(--white); padding: 5px 0 0;}
.activity_list .list dl dd .btn {display:block; width: 75px; height: 75px; border-radius: 15px; border: 2px solid var(--white); box-sizing:border-box; margin:23px auto 0;  text-align:center; opacity:0; transition:all 0.5s ease;}
.activity_list .list dl dd .btn::before {content:'\e0b2'; font-size:30px; font-family:var(--icon); line-height:73px;  color:var(--white);}

.activity_list .list:hover dl::before {height: 200%; transition:all 0.5s ease;}
.activity_list .list:hover dl dd {bottom:0; transition:all 0.5s ease;}
.activity_list .list:hover dl dd .btn {opacity:1; transition:all 0.5s ease;}




/* section8 */
.sec8{min-height:var(--vh); box-sizing:border-box; display:flex; flex-wrap:Wrap; align-content:center;}
.faq_wrap{display: flex; flex-wrap: wrap;}
.faq_wrap .tit_box{width: 40%;}
.faq_wrap .faq_box{width: 60%;}

	.faqList{}
	.faqList dl{background:var(--white); overflow: hidden; border-radius:30px; margin: 0 0 15px;}
	.faqList dl:last-child{margin: 0;}
	.faqList dl .faq_tit{width: 50px; height:50px; line-height:50px; text-align:center; border-radius:50%; background:var(--main); font-size:1.444rem; font-weight:700; color:var(--white); display: block; position: absolute; left: 20px; top:18px;}  
	.faqList dl .faq_tit.a{background:var(--sub2);}
	.faqList dl dt{padding: 28px 82px 26px; box-sizing:border-box; position: relative; font-size:1.278rem; color:var(--black); letter-spacing: 0.035px; line-height: 145%; position: relative; cursor:pointer;}
	.faqList dl dt::after{content:'\e313'; display: block; width: 34px; height: 34px; line-height:34px; font-size:34px; text-align:center; position: absolute; right: 40px; top:50%; margin-top: -17px; font-family:var(--icon); transition:all .3s linear; opacity: 0.5;}
	.faqList dl.on dt::after{opacity: 1; transform:rotate(180deg);}
	.faqList dl dd{display: none; position: relative; border-top: 1px solid var(--border); padding: 30px 82px; box-sizing:border-box;  font-size:1.111rem; color:var(--basic); letter-spacing: 0.03px; line-height: 150%;}


.section_faq .people_wrap .people_list li.peo1{bottom: -2vw; right: auto; left: 3vw;}
.section_faq .people_wrap .people_list li.peo2{bottom: 10vw; right: auto; left: 28vw;}


/*******************************************************************************
	@media ~Height 930px
*******************************************************************************/
@media all and (max-height:930px) {
.kv-child-bell-arm {left:30.9vw; bottom:min(12vw, 19.3vh);}
}

/*******************************************************************************
	@media ~Height 900px
*******************************************************************************/
@media all and (max-height:900px) {



.people_wrap{}
.people_wrap .people_list li.peo5 {right: 10%; bottom: 0;}

.people_wrap .people_list li.peo5 .bell i img {max-width:500px;}
.people_wrap .people_list li.peo5 .bell i::before {width:145%; height:50%; bottom:-7%; left:-12%; background-size:100% auto;}
.people_wrap .people_list li.peo5 .bell i::after {background-size:70% auto;}

.people_wrap .people_list li.peo6 .bell .img1 {width:700px; top:180px; right:240px;}
.people_wrap .people_list li.peo6 .bell .img2 {width:700px; top:120px; right: 220px;}

.sec4 .people_wrap .people_list li.peo5 .bell {right:28%;}

/* sec1 ver3 키비주얼 반응형 */
.kv-child-bell-body {left:28.36vw;}
.sec1 .info ul li{padding:0 0 10px 20px; font-size:1.111rem;}
.sec1 .info ul li span{font-size:1.222rem;}
.sec1.action .info .info-cols {transform: translate(0, -75%);}

}

/*******************************************************************************
	@media ~Height 864px
*******************************************************************************/
@media all and (max-height:864px) {
.kv-child-bell-arm {bottom:10vw;}
}


/*******************************************************************************
	@media 1700px
*******************************************************************************/
@media all and (max-width:1700px) {


.sec1 .info{transform:translateY(80px);}

/* section7 */
.activity_list .list:nth-child(1) .edu_obj{left: -150px; bottom: auto; top:-160px;}
.activity_list .list:nth-child(2) .edu_obj{right: -150px; bottom: -200px;}


}
/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 

.people_wrap{}
.people_wrap .people_list {}
.people_wrap .people_list::after {background-size:125% auto;}
.people_wrap .people_list li{}
.people_wrap .people_list li.peo1 {left: 2%;}
.people_wrap .people_list li.peo2 {right: 60%;}
.people_wrap .people_list li.peo3 {right: 48%;}
.people_wrap .people_list li.peo4 {right: 35%;}

.section_faq .people_wrap .people_list li.peo1{left: -3vw;}
.section_faq .people_wrap .people_list li.peo2{bottom: 14vw;}



/* section7 */
.activity_list .list .edu_obj{width: 200px;}
.activity_list .list:nth-child(1) .edu_obj{left: -80px; top:-120px;}
.activity_list .list:nth-child(2) .edu_obj{right: -80px; bottom: -150px;}




}
/*******************************************************************************
	@media ~1200px
*******************************************************************************/
@media all and (max-width:1200px) { 


/* ��Ʈ */
.fs60{font-size:3.056rem;}
.fs50{font-size:2.5rem;}
.fs40{font-size:1.944rem;}
.fs32{font-size:1.556rem;}
.fs30{font-size:1.333rem;}
.fs23{font-size:1.167rem;}







.people_wrap{}
.people_wrap .people_list {}

.people_wrap .people_list li{}
.people_wrap .people_list li.peo1 {left:-5vw; bottom:0;}
.people_wrap .people_list li.peo1 img {width:50vw;}
.people_wrap .people_list li.peo2 {right:66vw; bottom:16vw;}
.people_wrap .people_list li.peo2 img {width:11vw;}
.people_wrap .people_list li.peo3 {right:50vw; bottom:17vw;}
.people_wrap .people_list li.peo3 img {width:12vw;}
.people_wrap .people_list li.peo4 {right:38vw; bottom:16vw;}
.people_wrap .people_list li.peo4 img {width:16vw;}


.people_wrap .people_list li.peo5 {right: 2vw; bottom: 0;}
.people_wrap .people_list li.peo5 .people img{width:100%; max-width:45vw;} 

.people_wrap .people_list li.peo5 .bell {bottom:42vw;}
.people_wrap .people_list li.peo5 .bell img {width:50vw;}
.people_wrap .people_list li.peo5 .bell i img {max-width:500px;}
.people_wrap .people_list li.peo5 .bell i::before {width:138%; height:50%; bottom:-7%; left:-12%; background-size:100% auto;}
.people_wrap .people_list li.peo5 .bell i::after {background-size:70% auto;}



.people_wrap .people_list li.peo6 .bell .img1 {width:50vw; top:auto; bottom:14vw; right:13vw;}
.people_wrap .people_list li.peo6 .bell .img2 {width:54vw; top:auto; bottom:40vw; right: 9vw;}
 




/* section1 - 1200px */
.sec1 .info{transform:translateY(50px);}

/* section4 */
.sec4 .people_wrap .people_list li.peo5 .bell {bottom: 40vw; right: 19vw;}
.sec4 .people_wrap .people_list li.peo5 .bell i img{width: 50vw; height: auto;}
.sec4 .people_wrap .people_list li.peo5 .people img{max-width:50vw; height: auto;} 
 
 



/* section5 */
.campaign_together{padding: 40px 0 0;}
.campaign_together ul{grid-gap:10px;}
.campaign_together ul li .cover dl dt{width: 120px;}
.campaign_together ul li .cover dl dd{width: calc(100% - 120px);}



/* section6 */
.campaign_together2 ul{grid-gap:10px;}



}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 


/* ��Ʈ */
.fs60{font-size:2.778rem;}
.fs50{font-size:2.222rem;}
.fs40{font-size:1.667rem;}
.fs32{font-size:1.333rem;}
.fs30{font-size:1.222rem;}
.fs23{font-size:1.111rem;}

/* ��ư */
.btn_box {gap:10px; padding: 40px 0 0 !important;}
.moreBtn.ver1{width: 311px; height: 80px;}
.moreBtn.ver1 em{line-height: 80px; font-size:1.389rem;}
.moreBtn.ver2{width: 214px; height: 55px;}
.moreBtn.ver2 em{font-size:1.111rem; line-height: 55px;}
.moreBtn.ver3{width: 214px; height: 55px;}
.moreBtn.ver3 em{font-size:1.111rem; line-height: 55px;}
.moreBtn.ver4{width: 214px; height: 55px;}
.moreBtn.ver4 em{font-size:1.111rem; line-height: 55px;}


.section .section_arr::after{font-size:30px;}


.bell_header .w1350 {padding:20px 0;}
.bell_header .w1350 h1 {gap:0 10px;}
.bell_header .w1350 h1 a{height: 61px;}
.bell_header .w1350 h1 a.save_logo{height: 45px;}
.bell_header .w1350 h2{width: 167px; height:100px;}

.fp-viewing-sec4 .bell_header .w1350 h1,
.fp-viewing-sec3 .bell_header .w1350 h1{border-radius:20px; padding:20px;}


.box-ani br {display:none;}



.people_wrap{}
.people_wrap .people_list {}

.people_wrap .people_list li{}
.people_wrap .people_list li.peo1 {left:-10vw; bottom:0;}
.people_wrap .people_list li.peo1 img {width:60vw;}
.people_wrap .people_list li.peo2 {right:59vw; bottom:12vw;}
.people_wrap .people_list li.peo2 img {width:20vw;}
.people_wrap .people_list li.peo3 {right:42vw; bottom:17vw;}
.people_wrap .people_list li.peo3 img {width:18vw;}
.people_wrap .people_list li.peo4 {right:25vw; bottom:14vw;}
.people_wrap .people_list li.peo4 img {width:26vw;}





/* section1 - 980px */
.sec1{}
.sec1 .flow_banner{padding: 14px 0 12px;}
.sec1 .flow_banner .flow_banner_roll li{font-size:1.111rem; margin-right: 30px;}

.sec1 .info{transform:translateY(0); max-width: 100%; position: absolute; top: 28%; left: 5%; width: 90%; z-index:25;}
.sec1 .info .info-cols {flex-direction:column; gap:0; max-width:420px;}
.sec1.action .info .info-cols {transform: translate(0, -70%);}
.sec1 .info ul li{font-size:1.111rem; padding:0 0 10px 16px;}
.sec1 .info ul li::before{width: 7px; height: 7px; top:8px;}
.sec1 .info ul li span{font-size:1.222rem;}
.sec1 .info .info-left {padding-bottom: 10px;}

.sec1 .section_arr{bottom: 70px; }

/* section2 */
.sec2 .img{margin: 0 auto 20px; width: 300px; height: auto;}
.sec2 .fs30 br{display: block;}
.sec2 .redbell_illust li .redbell_obj{width: 180px; height: 180px; }
.sec2 .redbell_illust li .redbell_obj::before{width: 140px; height: 140px;}
.sec2 .redbell_illust li.ill1 .redbell_obj::before{width: 160px; height: 160px;}
.sec2 .redbell_illust li .redbell_sparkling01{width: 50px; height: auto;}
.sec2 .redbell_illust li .redbell_sparkling02{width: 60px; height: auto; right: -100px; top:-100px;}

.sec2 .redbell_illust li.ill3{bottom: 10%;}



/* section4 */
.sec4 .fp-overflow{justify-content: flex-start;}
.sec4 .w1350{padding: 200px 0 0;}
 


/* section3 */
.sec3 .img{margin: 0 auto 30px; width: 400px; height: auto;}


/* section5 */
.sec5 .campaign_tit{gap:40px; padding: 15px 0 0;}
.sec5 .campaign_tit li{font-size:1rem;}
.sec5 .campaign_tit li::after{width:20px; height:20px; line-height:20px; font-size:20px; right:-32px; margin-top: -10px;}

.campaign_together{padding: 30px 0 0;}
.campaign_together ul li{border-radius:20px;}
.campaign_together ul li .img{flex-wrap:wrap; text-align:center;}
.campaign_together ul li .img .img_box img{max-width:40%; height: auto;}
.campaign_together ul li .img .img_box{width: 100%;}
.campaign_together ul li .img .txt_box{width: 100%; padding: 0 10px 10px; box-sizing:border-box;}
.campaign_together ul li .img .txt_box br{display: none;}
.campaign_together ul li .cover{padding: 25px 30px 20px;}
.campaign_together ul li .cover dl dt{width: 100px;}
.campaign_together ul li .cover dl dd{width: calc(100% - 100px);}

/* campaign_together ver1 - 980px */
.campaign_together.ver1 ul li{min-height:280px; border-radius:20px;}
.campaign_together.ver1 ul li .card_inner{padding:30px 40px 30px 50px;}
.campaign_together.ver1 ul li .card_inner .txt_box{min-height:220px;}
.campaign_together.ver1 ul li .card_inner .txt_box .fs30{font-size:1.333rem;}
.campaign_together.ver1 ul li .card_inner .txt_box .info_list .fs23{font-size:1.111rem;}
.campaign_together.ver1 ul li .card_inner .img_box{width:160px; margin-left:30px;}


/* section6 */
.campaign_together2{padding: 30px 0 0;}
.campaign_together2 ul{grid-template-columns: repeat(2, 1fr); }
.campaign_together2 ul li{border-radius:20px;}
.campaign_together2 ul li .img .box{padding: 30px 10px;}
.campaign_together2 ul li .img .fs20{padding: 15px 0 0;}
.campaign_together2 ul li .cover{}
.campaign_together2 ul li .cover .txt_box{padding:25px 30px 20px;}
.campaign_together2 ul li .cover .fs30{padding: 0 0 10px;}
.campaign_together2 ul li .cover .reference_txt{padding:  20px 0 0;}
.campaign_together2 ul li .cover .redbell_cover_img{width: 100px; right: 20px;}


/* section7 */
.activity_wrap{padding: 30px 0 0;}
.activity_list{grid-gap:15px;}
.activity_list .list .edu_obj{width: 150px;}
.activity_list .list:nth-child(1) .edu_obj{left: -50px; top:-120px;}
.activity_list .list:nth-child(2) .edu_obj{right: -50px; bottom: -100px;}
.activity_list .list a{border-radius:20px;}

.activity_list .list dl dd{bottom:-38%;}
.activity_list .list dl dd .btn {margin:15px auto 0; width:60px; height:60px; }
.activity_list .list dl dd .btn::before {line-height:58px; font-size:25px;}



/* section8 */
.faq_wrap{}
.faq_wrap .tit_box{width: 100%; text-align:center; padding: 0 0 40px;}
.faq_wrap .faq_box{width: 100%;}

	.faqList{}
	.faqList dl{border-radius:20px; margin: 0 0 10px;}
	.faqList dl .faq_tit{width: 40px; height:40px; line-height:40px; font-size:20px; left: 10px; top:13px;}  
	.faqList dl dt{padding: 20px 60px 20px; font-size:1.111rem;}
	.faqList dl dt::after{width: 30px; height: 30px; line-height:30px; font-size:30px; right: 20px; margin-top: -15px; }
	.faqList dl dd{padding: 20px 60px; font-size:1rem;}



.section_faq .people_wrap .people_list li.peo1{bottom: -3vw; left: -3vw;}
.section_faq .people_wrap .people_list li.peo1 img{width: 50vw;}
.section_faq .people_wrap .people_list li.peo2{bottom: 11vw; left: 37vw;}
.section_faq .people_wrap .people_list li.peo2 img{width: 15vw;}

}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 


.fp-viewing-sec5 .bell_header,  .fp-viewing-sec6 .bell_header,  .fp-viewing-sec7 .bell_header,  .fp-viewing-sec8 .bell_header {display:none;}
.sec5 .section_arr::before, .sec6 .section_arr::before, .sec7 .section_arr::before, .sec8 .section_arr::before {display:none;}





.bell_header .w1350 {padding:15px 0; flex-wrap:nowrap;}
.bell_header .w1350 h1 {flex-shrink:0; flex-wrap:nowrap;}
.bell_header .w1350 h1 a{height: 40px;}
.bell_header .w1350 h1 a img{height:100%; width:auto;}
.bell_header .w1350 h1 a.save_logo{height: 30px;}
.bell_header .w1350 h2{width: 80px; height:48px; flex-shrink:0;}
.bell_header .w1350 h2 img{width:100%; height:auto;}

.fp-viewing-sec4 .bell_header .w1350 h1,
.fp-viewing-sec3 .bell_header .w1350 h1{border-radius:10px; padding:10px;}



.section .section_arr {bottom:20px; font-size:1rem;}


/* ��Ʈ */
.fs60{font-size:2rem;}
.fs50{font-size:1.944rem;}
.fs40{font-size:1.444rem;}

/* ��ư */
.btn_box {padding: 20px 0 0 !important; flex-direction: column; align-items: center;}
.moreBtn.ver1{width: 214px; height: 55px;}
.moreBtn.ver1 em{line-height: 55px; font-size:1.111rem;}
.moreBtn.ver2{width: 156px; height: 40px;}
.moreBtn.ver2 em{font-size:1rem; line-height: 40px;}
.moreBtn.ver3{width: 156px; height: 40px;}
.moreBtn.ver3 em{font-size:1rem; line-height: 40px;}
.moreBtn.ver4{width: 156px; height: 40px;}
.moreBtn.ver4 em{font-size:1rem; line-height: 40px;}



/* section1 - 680px */
.sec1{}
.sec1 .flow_banner{padding: 12px 0 10px;}
.sec1 .flow_banner .flow_banner_roll li{margin-right: 20px;}

.sec1 .info{top: 30%; z-index:25;}
.sec1 .info .info-cols {max-width:420px;}
.sec1 .info ul li{padding:0 0 15px 12px;}
.sec1 .info ul li::before{width: 5px; height: 5px; top:8px;}
.sec1 .info ul li span{padding: 0 0 3px;}

.sec1 .section_arr{bottom: 60px; }
 
/* section2 */
.sec2 .img{width: 150px; height: auto;}
.sec2 .fs30 br{display: none;}
.sec2 .redbell_illust{max-width:400px;}
.sec2 .redbell_illust li .redbell_obj{width: 120px; height: 120px; }
.sec2 .redbell_illust li .redbell_obj::before{width: 80px; height: 80px;}
.sec2 .redbell_illust li.ill1 .redbell_obj::before{width: 100px; height: 100px; right: -20px; top: -20px;}
.sec2 .redbell_illust li.ill2 .redbell_obj::before{right: -40px; bottom: -40px;}
.sec2 .redbell_illust li.ill3 .redbell_obj::before{right: -40px; top: 0;}
.sec2 .redbell_illust li .redbell_sparkling01{width: 40px; height: auto; right: -50px; top:-50px;}
.sec2 .redbell_illust li .redbell_sparkling02{width: 50px; height: auto; right: -50px; top:-50px;}
.sec2 .redbell_illust li.ill1{left: 0; top:30%;}
.sec2 .redbell_illust li.ill2{right: 5%; top:25%;}
.sec2 .redbell_illust li.ill3{bottom: 15%;}



/* section3 */
.sec3 .img{margin: 0 auto 20px; width: 250px; height: auto;}
.sec3 .fs30{padding: 8px 0 0;}


 /* section5 */

.sec5 .campaign_tit{gap:20px; padding: 10px 0 0;}
.sec5 .campaign_tit li{width: calc((100% - 40px)/3); padding: 6px 15px; font-size:12px;}
.sec5 .campaign_tit li::after{width:12px; height:12px; line-height:12px; font-size:12px; right:-18px; margin-top: -6px;}


.campaign_together{padding: 15px 0 0;}
.campaign_together ul{grid-template-columns: repeat(1, 1fr);}
.campaign_together ul li{border-radius:10px;}
.campaign_together ul li .img{display: none;}

.campaign_together ul li .cover{padding: 0; transform: scaleX(1); opacity:1; visibility:visible; display: flex; flex-direction: row;}
.campaign_together ul li .cover .img_box{ box-sizing:border-box; padding: 20px 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 30%;}
.campaign_together ul li:nth-child(1) .cover .img_box{background:var(--main);}
.campaign_together ul li:nth-child(2) .cover .img_box{background:var(--sub4);}
.campaign_together ul li .cover .txt_box{width: 70%; box-sizing:border-box; padding: 15px;}
.campaign_together ul li .cover dl{flex-wrap:wrap;}
.campaign_together ul li .cover dl dt{width: 100%;}
.campaign_together ul li .cover dl dd{width: 100%;}
.campaign_together ul li .cover dl dd .fs23{padding: 0 0 6px 60px; box-sizing:border-box; position: relative; font-size:1rem;}
.campaign_together ul li .cover dl dd .fs23 span{position: absolute; left: 0; top:0;}
.campaign_together ul li .cover .reference_txt{padding: 10px 0 0;}

/* campaign_together ver1 - 680px */
.campaign_together.ver1 ul li{min-height:auto; border-radius:10px;}
.campaign_together.ver1 ul li .card_inner{flex-direction:column; padding:20px; align-items:flex-start;}
.campaign_together.ver1 ul li .card_inner .txt_box{min-height:auto; order:2;}
.campaign_together.ver1 ul li .card_inner .txt_box .fs30{font-size:1.111rem; line-height:150%;}
.campaign_together.ver1 ul li .card_inner .txt_box .info_list{padding:12px 0 0;}
.campaign_together.ver1 ul li .card_inner .txt_box .info_list .fs23{font-size:1rem;}
.campaign_together.ver1 ul li .card_inner .txt_box .reference_txt .fs15{font-size:0.722rem;}
.campaign_together.ver1 ul li .card_inner .img_box{width:120px; margin:0 auto 15px; order:1;}

/* section6 */
.campaign_together2{padding: 15px 0 0;}
.campaign_together2 ul{grid-template-columns: repeat(1, 1fr);}
.campaign_together2 ul li{border-radius:10px;}
.campaign_together2 ul li .img{display: none;}
.campaign_together2 ul li .cover{transform: scaleX(1); opacity:1; visibility:visible;}
.campaign_together2 ul li .cover .txt_box{padding:20px;}
.campaign_together2 ul li .cover .fs30{padding: 0;}
.campaign_together2 ul li .cover .fs20{padding: 3px 0 8px; font-size:1rem; display: block;}
.campaign_together2 ul li .cover .dots{font-size:1rem; padding: 0 0 6px 10px;}
.campaign_together2 ul li .cover .dots::before {top:8px;}
.campaign_together2 ul li .cover .reference_txt{padding:10px 0 0;}
.campaign_together2 ul li .cover .fs16 br{display: none;}


 
/* section7 */
.sec7 .fs60 span{display: block;}
.activity_wrap{padding: 20px 0 0;}
.activity_list{grid-template-columns: repeat(1, 1fr);}
.activity_list .list .edu_obj{width: 100px;}
.activity_list .list:nth-child(1) .edu_obj{left: -30px; top:-80px;}
.activity_list .list:nth-child(2) .edu_obj{right: -30px; bottom: -80px;}
.activity_list .list a{border-radius:10px;}

.activity_list .list dl dt{aspect-ratio:3/1.5;}
.activity_list .list dl dd{bottom:-38%;}
.activity_list .list dl dd .btn {margin:10px auto 0; width:34px; height:34px; border-radius:5px;}
.activity_list .list dl dd .btn::before {line-height:32px; font-size:16px;}



/* section8 */
.sec8{align-content: flex-start;}
.faq_wrap{}
.faq_wrap .tit_box{padding: 0 0 20px;}

	.faqList{}
	.faqList dl{border-radius:10px; margin: 0 0 5px;}
	.faqList dl .faq_tit{width: 30px; height:30px; line-height:30px; font-size:16px; left: 10px; top:13px;}  
	.faqList dl dt{padding: 16px 50px 16px;}
	.faqList dl dt::after{width: 20px; height: 20px; line-height:20px; font-size:20px; right: 15px; margin-top: -10px; }
	.faqList dl dd{padding: 16px 50px;}



}
/*******************************************************************************
	@media ~500px
*******************************************************************************/
@media all and (max-width:500px) {
.sec1.action .info .info-cols {transform: translate(0, -45%);}
}

/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:420px) {



.bell_header .w1350 {padding:10px 0;}
.bell_header .w1350 h1 a{height: 25px;}
.bell_header .w1350 h1 a.save_logo{height: 18px;}
.bell_header .w1350 h1 a{height: 25px;}
.bell_header .w1350 h2{width: 65px; height:40px;}


/* ��ư */
.moreBtn.ver2{width: 136px; height: 35px;}
.moreBtn.ver2 em{line-height: 35px;}
.moreBtn.ver3{width: 136px; height: 35px;}
.moreBtn.ver3 em{line-height: 35px;}
.moreBtn.ver4{width: 136px; height: 35px;}
.moreBtn.ver4 em{line-height: 35px;}


}


/*******************************************************************************
	redbell apply page - 참여 신청 페이지
*******************************************************************************/
/* 폼 요소 폰트 상속 */
.apply_form, .apply_form *{font-family:var(--kor);}
.apply_form input, .apply_form select, .apply_form textarea, .apply_form button{font-family:var(--kor);}

/* 서브페이지 공통 */
#subpage{position:relative; min-height:100vh; padding:160px 0 80px; box-sizing:border-box;}
#subpage .subpage_bg{position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1;}
.apply_cont{position:relative; z-index:1;}
.apply_cont .subtitle{text-align:center;}
.apply_cont .subtitle h3{display:flex; flex-direction:row; align-items:center; justify-content:center;}
.apply_cont .subtitle h3 .redbell_logo_svg{width:238px; height:auto;}
.apply_cont .subtitle img{margin: 0; max-width:539px; width:70%; display:block;}
.apply_cont .subtitle h3 .fs80{color:#222; font-family:var(--eng); font-size:3.333rem; font-weight:700; letter-spacing:-3px; text-shadow:2px 2px 0px rgba(0,0,0,0.3);}
.apply_cont .white_box{background:var(--white); border-radius:30px; padding:80px 115px; box-sizing:border-box;}

/* 폼 스타일 */
.apply_form{max-width:890px; margin:0 auto;}
.form_section{margin:0 0 15px;}
.form_section:last-of-type{margin:0;}

/* 섹션 헤더 - 어두운 회색 배경 */
.section_header{background:#414042; border-radius:10px; padding:14px 22px; margin:15px 0 15px;}
.section_header h4{font-size:1rem; font-weight:600; color:var(--white); letter-spacing:-0.72px; line-height:32px;}

/* 폼 행 */
.form_row{display:flex; align-items:center; padding:15px 0; border-bottom:1px solid #ddd;}
.form_row:last-child{border-bottom:none; padding-bottom:0;}
.form_row.no_border{border-bottom:none;}
.form_row.row_top{align-items:flex-start;}
.form_row.row_top .form_label{padding-top:12px;}

/* 라벨 */
.form_label{width:179px; flex-shrink:0; font-size:1rem; font-weight:600; color:#222; line-height:1rem; letter-spacing:-0.72px;}
.form_label span{color:#da291c;}
.form_label.multiline{line-height:28px;}

/* 입력 영역 */
.form_input{flex:1;}
.input_text{width:100%; height:45px; border:1px solid #ddd; border-radius:5px; padding:0 13px; box-sizing:border-box; font-size:1rem; color:#222; letter-spacing:-0.72px; transition:border-color 0.2s;}
.input_text:focus{border-color:#777; outline:none;}
.input_text::placeholder{color:#222; opacity:0.3;}
.input_textarea{width:100%; height:110px; border:1px solid #ddd; border-radius:5px; padding:12px 13px; box-sizing:border-box; font-size:1rem; color:#222; letter-spacing:-0.72px; resize:none; transition:border-color 0.2s;}
.input_textarea:focus{border-color:#777; outline:none;}
.input_select{height:45px; border:1px solid #ddd; border-radius:5px; padding:0 30px 0 16px; box-sizing:border-box; font-size:1rem; color:#222; opacity:0.7; letter-spacing:-0.72px; background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23222' d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E") no-repeat right 10px center; appearance:none; cursor:pointer;}
.input_select:focus{border-color:#777; outline:none;}

/* 입력 그룹 */
.input_group{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.input_group.address_group{align-items: flex-start;}
.input_group.grid_2x2{display:grid; grid-template-columns:repeat(2, 350px); gap:8px;}
.input_group.grid_2x2 .input_text{width:100%;}
.input_group.phone_group{flex-wrap:nowrap;}
.input_group.phone_group .input_select{width:130px;}
.input_group.phone_group .input_text{width:130px; flex:none;}
.input_group.phone_group .dash{color:#222; opacity:0.6; font-size:1rem;}
.input_group.email_group{flex-wrap:nowrap;}
.input_group.email_group .input_text{width:160px; flex:none;}
.input_group.email_group .at{color:#222; opacity:0.6; font-size:1rem;}
.input_group.email_group .input_select{width:143px;}
.input_group.count_group .input_text{width:218px;}
.input_group.count_group .unit{font-size:1rem; color:#777; margin-left:1px;}
.input_group.area_group .input_text{width:218px;}

/* 라디오 버튼 */
.radio_group{display:flex; align-items:center; height:45px;}
.radio_item{display:flex; align-items:center; gap:7px; cursor:pointer; width:206px;}
.radio_item input[type="radio"]{width:22px; height:22px; border:1px solid #777; border-radius:50%; appearance:none; cursor:pointer; position:relative; opacity:0.5; margin:0;}
.radio_item input[type="radio"]:checked{opacity:1; border-color:#da291c;}
.radio_item input[type="radio"]:checked::after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:12px; height:12px; background:#da291c; border-radius:50%;}
.radio_item span{font-size:1rem; font-weight:400; color:#777; letter-spacing:-0.72px;}

/* plan-radio 스타일 */
.plan-radio{display:flex; align-items:center; gap:8px; cursor:pointer; width: 100%; max-width: 206px;}
.plan-radio input[type="radio"]{display:none;}
.plan-radio .radio-mark{width:20px; height:20px; border:2px solid #ddd; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:border-color 0.2s ease;}
.plan-radio input[type="radio"]:checked + .radio-mark{border-color:#da291c;}
.plan-radio .radio-mark::after{content:''; width:12px; height:12px; border-radius:50%; border:4px solid #da291c; opacity:0; transition:opacity 0.2s ease;}
.plan-radio input[type="radio"]:checked + .radio-mark::after{opacity:1;}
.plan-radio .radio-text{font-family:'Pretendard', sans-serif; font-size:16px; font-weight:400; color:#222; letter-spacing:-0.64px;}

/* 체크박스 - 폼 내 */
.checkbox_item{display:flex; align-items:center; gap:7px; cursor:pointer; height:32px;}
.checkbox_item input[type="checkbox"]{width:22px; height:22px; border:1px solid #777; border-radius:5px; appearance:none; cursor:pointer; position:relative; opacity:0.5; margin:0;}
.checkbox_item input[type="checkbox"]:checked{opacity:1; background:#da291c; border-color:#da291c;}
.checkbox_item input[type="checkbox"]:checked::after{content:'\e876'; font-family:var(--icon); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:var(--white); font-size:14px;}
.checkbox_item span{font-size:1rem; font-weight:400; color:#777; letter-spacing:-0.72px;}

/* 안내 문구 */
.notice_text{font-size:16px; color:#da291c; letter-spacing:-0.64px; line-height:28px; margin:8px 0 0;}

/* 스팸금지 */
.spam_row{flex-wrap:wrap;}
.spam_row .form_input{display:flex; flex-direction:column; gap:6px;}
.spam_input_wrap{display:flex; align-items:center; gap:0; width:100%;}
.spam_img{width:80px; height:33px; border-radius:5px; overflow:hidden; flex-shrink:0;}
.spam_img img{width:100%; height:100%; object-fit:cover;}
.spam_input_wrap .input_text{flex:1; margin-left:7px;}
.spam_notice{font-size: 16px; color:#da291c; letter-spacing:-0.64px; line-height:28px;}
.spam_notice span{cursor:pointer;}

/* 저작권 안내 박스 */
.copyright_notice{background:var(--white); border:1px solid #ddd; border-radius:20px; padding:40px; margin:50px 0 0;}
.copyright_notice ul{display:flex; flex-direction:column; gap:8px;}
.copyright_notice ul li{display:flex; align-items:flex-start; gap:4px; font-size:1rem; color:#777; letter-spacing:-0.72px; line-height:28px;}
.copyright_notice ul li .icon{width:24px; height:24px; flex-shrink:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23da291c' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") no-repeat center/contain;}

/* 동의 영역 */
.agree_area{display:flex; justify-content:center; gap:30px; padding:30px 0 50px; flex-wrap:wrap;}
.agree_area .checkbox_item{gap:5px;}
.agree_area .checkbox_item input[type="checkbox"]{width:20px; height:20px; border-radius:3px; border-color:#bbb; opacity:1;}
.agree_area .checkbox_item span{opacity:0.7;}
.agree_area .link_detail{color:#da291c; font-weight:600; text-decoration:underline; margin-left:3px;}

/* 개인정보 동의 토글 */
.agree_area .checkbox_item{flex-wrap:wrap;}
.agree_area .checkbox_item label{opacity:0.7;}
.agree_area .option{cursor:pointer; display:inline-block; font-weight:600; color:#da291c; font-size:1rem; text-decoration:underline; line-height:120%;}
.agree_area .pri_agree_cont{width:100%; margin-top:10px;}
.agree_area .pri_agree_cont .textarea{width:100%; height:200px; padding:20px; border:1px solid #ddd; border-radius:10px; font-size:0.889rem; color:rgba(34,34,34,0.7); line-height:1.6; resize:none; background:#f9f9f9;}

/* 제출 버튼 */
.submit_area{text-align:center;}
.submit_btn{display:inline-flex; align-items:center; justify-content:space-between; width:270px; height:75px; background:#da291c; border:2px solid #222; border-radius:15px; padding:0 40px; cursor:pointer; box-shadow:2px 5px 0px 0px rgba(0,0,0,0.2); transition:all 0.2s;}
.submit_btn:hover{transform:translateY(-2px); box-shadow:2px 7px 0px 0px rgba(0,0,0,0.2);}
.submit_btn span{font-family:var(--eng); font-size:1.111rem; font-weight:700; color:var(--white); letter-spacing:-1px; text-transform:uppercase;}
.submit_btn .icon_form{width:33px; height:33px; background: url("/assets/img/save/img/form_icon.png") no-repeat center / 100% auto;}

/* 개인정보수집 동의 팝업 */
.privacy_popup .contents{padding:20px 30px 30px; text-align:left;}
.privacy_popup h1{margin-top:30px; margin-bottom:20px;}
.privacy_popup h2{margin-bottom:15px;}
.privacy_detail{background:#f8f8f8; border-radius:10px; padding:20px; margin-bottom:20px;}
.privacy_detail p{font-size:14px; color:#555; line-height:170%; letter-spacing:-0.5px; margin-bottom:15px;}
.privacy_detail p:last-child{margin-bottom:0;}
.privacy_detail p strong{color:#222; font-weight:600;}

/* 아동안전보호정책 이행확약서 팝업 */
.childsafety_popup .contents{padding:20px 30px 30px; text-align:left;}
.childsafety_popup h1{font-family:var(--eng); margin-top:30px; margin-bottom:20px;}
.childsafety_popup h2{margin-bottom:15px;}
.childsafety_popup .privacy_detail{font-family:var(--eng); font-size:14px;}
.childsafety_popup .privacy_detail p{font-family:var(--eng); font-size:14px; color:#555; line-height:170%; letter-spacing:-0.5px; margin-bottom:15px;}
.childsafety_popup .privacy_detail p strong{font-family:var(--eng); font-size:14px; color:#222; font-weight:600;}
.childsafety_popup .privacy_detail ul{margin:15px 0; padding-left:20px;}
.childsafety_popup .privacy_detail ul li{font-family:var(--eng); font-size:14px; color:#555; line-height:180%; letter-spacing:-0.5px; margin-bottom:8px; list-style:disc;}

/* 팝업 스크롤 스타일 */
.popup .container{max-height:90vh; overflow-y:auto;}
.popup .container::-webkit-scrollbar{width:8px;}
.popup .container::-webkit-scrollbar-track{background:#f1f1f1; border-radius:4px;}
.popup .container::-webkit-scrollbar-thumb{background:#ccc; border-radius:4px;}
.popup .container::-webkit-scrollbar-thumb:hover{background:#999;}

/* 신청 마감일 안내 */
.deadline_notice{background:#FFF5F5; border:1px solid #DA291C; border-radius:10px; padding:20px 25px; margin:0 0 20px;}
.deadline_notice h4{font-size:1rem; font-weight:700; color:#DA291C; margin:0 0 6px;}
.deadline_notice p{font-size:0.889rem; color:#555; line-height:1.5;}
.deadline_notice .notice_red{color:#DA291C; font-weight:500;}

/* 섹션 헤더 버튼 영역 */
.section_header{display:flex; align-items:center; justify-content:space-between;}
.section_header_btns{display:flex; gap:8px;}
.section_header_btns .btn_crew_add,
.section_header_btns .btn_crew_delete{display:inline-flex; align-items:center; justify-content:center; min-width:60px; height:32px; padding:0 16px; border:none; border-radius:6px; font-family:'Pretendard', sans-serif; font-size:13px; font-weight:500; cursor:pointer; transition:all 0.2s ease;}
.section_header_btns .btn_crew_add{background:#DA291C; color:#fff;}
.section_header_btns .btn_crew_add:hover{background:#b82318;}
.section_header_btns .btn_crew_delete{background:#fff; border:1px solid #777; color:#777;}
.section_header_btns .btn_crew_delete:hover{background:#f5f5f5; border-color:#555;}

/* 주소 검색 영역 */
.address_group{display:flex; flex-direction:column; gap:8px; width:100%;}
.address_row{display:flex; gap:8px; align-items:center;}
.address_row .input_text{flex:1; max-width:200px;}
.btn_address_search{display:inline-flex; align-items:center; justify-content:center; min-width:90px; height:40px; padding:0 20px; background:#414042; border:none; border-radius:10px; font-family:'Pretendard', sans-serif; font-size:16px; font-weight:600; color:#fff; cursor:pointer; transition:all 0.2s ease;}
.btn_address_search:hover{background:#333;}
.btn_verify{display:inline-flex; align-items:center; justify-content:center; min-width:90px; height:40px; padding:0 20px; background:#414042; border:none; border-radius:10px; font-family:'Pretendard', sans-serif; font-size:16px; font-weight:600; color:#fff; cursor:pointer; transition:all 0.2s ease;}
.btn_verify:hover{background:#333;}

/* 크루원 테이블 */
.crew_table_wrap{width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.crew_table{width:100%; border-collapse:collapse; border:1px solid #ddd; overflow:hidden;}
.crew_table thead th{background:#f8f8f8; padding:12px 10px; font-size:14px; font-weight:600; color:#333; border-bottom:2px solid #ddd; text-align:center; white-space:nowrap;}
.crew_table tbody td{padding:12px 10px; font-size:14px; color:#555; border-bottom:1px solid #eee; text-align:center;}
.crew_table tbody tr:hover td{background:#fafafa;}
.crew_table .col_check{width:40px;}
.crew_table .empty_row td{padding:40px 20px; color:#999; font-size:15px;}

/* 크루원 회원 추가 팝업 */
.crew_member_popup .container{max-width:680px; width:92%; padding:0;}
.crew_member_popup .top{display:flex; align-items:center; justify-content:space-between; padding:20px 30px; border-bottom:1px solid #eee;}
.crew_member_popup .top h2{font-size:18px; font-weight:700; color:#222;}
.crew_member_popup .contents{width: calc(100% - 40px); padding: 20px;}

/* 팝업 검색 필터 영역 - 메인 폼(.form_row) 스타일 통일 */
.crew_member_popup, .crew_member_popup *{font-family:var(--kor);}
.crew_member_popup input, .crew_member_popup select, .crew_member_popup button{font-family:var(--kor);}
.popup_search_filter{display:flex; flex-direction:column; margin-bottom:20px; padding:0 30px;}
.popup_filter_row{display:flex; align-items:center; padding:15px 0; border-bottom:1px solid #ddd;}
.popup_filter_row .popup_label{width:179px; flex-shrink:0; font-size:1rem; font-weight:600; color:#222; line-height:1rem; letter-spacing:-0.72px;}
.popup_filter_row .popup_label span{color:#DA291C;}
.popup_filter_row .input_select,
.popup_filter_row .input_text{flex:1; height:44px; border:1px solid #ddd; border-radius:8px; padding:0 15px; font-size:1rem; color:#222; box-sizing:border-box;}
.popup_filter_row .input_text::placeholder{color:#aaa;}
.popup_filter_btns{display:flex; gap:8px; justify-content:flex-end; padding-top:15px;}
.popup_filter_btns .btn_popup_search{display:inline-flex; align-items:center; justify-content:center; min-width:56px; height:38px; padding:0 14px; border:none; border-radius:6px; background:#DA291C; color:#fff; font-size:13px; font-weight:600; cursor:pointer; transition:all 0.2s ease;}
.popup_filter_btns .btn_popup_search:hover{background:#b82318;}
.popup_filter_btns .btn_popup_reset{display:inline-flex; align-items:center; justify-content:center; min-width:56px; height:38px; padding:0 14px; border:1px solid #999; border-radius:6px; background:#fff; color:#555; font-size:13px; font-weight:500; cursor:pointer; transition:all 0.2s ease;}
.popup_filter_btns .btn_popup_reset:hover{background:#f5f5f5; border-color:#666;}

/* 팝업 내 크루원 리스트 테이블 */
.popup_crew_table_wrap{width:100%; max-height:260px; overflow-y:auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:20px;}
.popup_crew_table_wrap::-webkit-scrollbar{width:6px;}
.popup_crew_table_wrap::-webkit-scrollbar-track{background:#f1f1f1;}
.popup_crew_table_wrap::-webkit-scrollbar-thumb{background:#ccc; border-radius:3px;}
.popup_crew_table{width:100%; border-collapse:collapse;}
.popup_crew_table thead th{background:#f8f8f8; padding:10px 8px; font-size:13px; font-weight:600; color:#333; border-bottom:2px solid #ddd; text-align:center; white-space:nowrap; position:sticky; top:0; z-index:1;}
.popup_crew_table tbody td{padding:10px 8px; font-size:13px; color:#555; border-bottom:1px solid #eee; text-align:center;}
.popup_crew_table tbody tr:hover td{background:#fafafa;}
.popup_crew_table .col_remove{width:50px;}
.popup_crew_table .empty_row td{padding:30px 20px; color:#999; font-size:13px;}

/* X 삭제 버튼 */
.btn_remove_row{display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border:1px solid #ddd; border-radius:4px; background:#fff; color:#999; font-size:14px; font-weight:700; cursor:pointer; transition:all 0.2s ease; line-height:1;}
.btn_remove_row:hover{background:#fee; border-color:#DA291C; color:#DA291C;}

/* 팝업 하단 버튼 */
.popup_btn_area{display:flex; justify-content:center; gap:12px; margin-top:20px; padding:0 30px;}
.popup_btn_area .btn_popup_cancel,
.popup_btn_area .btn_popup_confirm{display:inline-flex; align-items:center; justify-content:center; min-width:100px; height:40px; padding:0 20px; border:none; border-radius:10px; font-family:'Pretendard', sans-serif; font-size:16px; font-weight:600; cursor:pointer; transition:all 0.2s ease;}
.popup_btn_area .btn_popup_cancel{background:#fff; border:1px solid #777; color:#777;}
.popup_btn_area .btn_popup_cancel:hover{background:#f5f5f5; border-color:#555;}
.popup_btn_area .btn_popup_confirm{background:#DA291C; color:#fff;}
.popup_btn_area .btn_popup_confirm:hover{background:#b82318;}

/*******************************************************************************
	redbell apply page - Tablet (980px 이하)
*******************************************************************************/
@media all and (max-width:980px) {
#subpage{padding:120px 0 60px;}
.apply_cont .subtitle h3 .redbell_logo_svg{width:140px;}
.apply_cont .white_box{padding:40px 30px; border-radius:20px;}

.section_header{padding:15px 20px;}
.section_header h4{font-size:1.111rem;}

.form_row{flex-direction:column; gap:8px 0;}
.form_label{width:100%; line-height:1.4;}
.form_notice_row{padding:0;}

.input_group.phone_group{flex-wrap:wrap;}
.input_group.phone_group .input_select{width:80px;}
.input_group.email_group{flex-direction:column; align-items:stretch;}
.input_group.email_group .input_select{width:100%;}
.input_group.grid_2x2{grid-template-columns:1fr;}

.radio_group{flex-direction:column; gap:12px; height:auto;}
.plan-radio .radio-text{font-size:15px;}

.copyright_notice{padding:20px;}
.copyright_notice ul li{font-size:0.889rem;}

.agree_area{flex-wrap:wrap;}

.submit_btn{width:100%; max-width:300px;}

.section_header_btns .btn_crew_add,
.section_header_btns .btn_crew_delete{font-size:12px; min-width:50px; height:28px; padding:0 12px;}
.address_row .input_text{max-width:160px;}
.btn_address_search{min-width:80px; height:36px; font-size:14px; padding:0 16px;}
.btn_verify{min-width:80px; height:36px; font-size:14px; padding:0 16px;}
.crew_table thead th,
.crew_table tbody td{padding:10px 8px; font-size:13px;}
.crew_member_popup .container{width:95%; max-width:620px;}
.popup_filter_row{flex-direction:column; gap:8px 0;}
.popup_filter_row .popup_label{width:100%; line-height:1.4;}
.popup_crew_table thead th,
.popup_crew_table tbody td{padding:8px 6px; font-size:12px;}
.popup_crew_table_wrap{max-height:220px;}
}

/*******************************************************************************
	redbell apply page - Mobile (680px 이하)
*******************************************************************************/
@media all and (max-width:680px) {
#subpage{padding:100px 15px 40px;}
.apply_cont .subtitle{margin:0 0 25px;}
.apply_cont .subtitle h3 .redbell_logo_svg{width:120px;}
.apply_cont .subtitle h3 .fs60{font-size:2rem;}
.apply_cont .white_box{padding:25px 20px; border-radius:15px;}

.section_header{padding:12px 15px; margin:0 0 20px; border-radius:8px;}
.section_header h4{font-size:1rem;}

.form_row{margin:0 0 15px;}
.form_label{font-size:0.944rem;}
.input_text, .input_select{height:44px; font-size:0.944rem;}
.input_textarea{padding:12px; font-size:0.944rem;}

.input_group{gap:8px;}
.input_group.grid_2x2{grid-template-columns:1fr;}
.input_group.count_group .input_text{width:100px;}

.plan-radio .radio-mark{width:18px; height:18px;}
.plan-radio .radio-mark::after{width:10px; height:10px; border-width:3px;}
.plan-radio .radio-text{font-size:14px;}

.spam_input_wrap{flex-direction:column; align-items:flex-start; gap:10px;}
.spam_img{width:100%; max-width:120px;}
.spam_input_wrap .input_text{margin-left:0; margin-top:8px;}
.spam_notice{font-size:0.833rem;}

.copyright_notice{padding:15px; margin:20px 0;}
.copyright_notice ul li{font-size:0.833rem; gap:8px;}
.copyright_notice ul li .icon{width:18px; height:18px;}

.agree_area{flex-direction:column; gap:12px; padding:15px 0 25px;}
.checkbox_item span{font-size:0.944rem;}

.submit_btn{height:54px; padding:0 30px;}
.submit_btn span{font-size:1.111rem;}

.deadline_notice{padding:15px 18px;}
.deadline_notice h4{font-size:0.889rem;}
.deadline_notice p{font-size:0.833rem;}
.section_header_btns .btn_crew_add,
.section_header_btns .btn_crew_delete{font-size:12px; min-width:46px; height:26px; padding:0 10px; border-radius:5px;}
.address_row{flex-direction:column;}
.address_row .input_text{max-width:100%;}
.btn_address_search{width:100%; height:36px; font-size:14px; border-radius:8px;}
.btn_verify{width:100%; height:36px; font-size:14px; border-radius:8px;}
.crew_table thead th,
.crew_table tbody td{padding:8px 6px; font-size:12px;}
.popup_btn_area .btn_popup_cancel,
.popup_btn_area .btn_popup_confirm{min-width:80px; height:36px; font-size:14px; border-radius:8px;}
.crew_member_popup .container{width:96%; max-width:100%;}
.crew_member_popup .contents{padding:15px 15px 20px;}
.popup_filter_row{margin:0 0 10px; padding:12px 0;}
.popup_filter_row .popup_label{font-size:0.944rem;}
.popup_filter_row .input_select,
.popup_filter_row .input_text{height:44px; font-size:0.944rem;}
.popup_crew_table_wrap{max-height:200px;}
.popup_crew_table thead th,
.popup_crew_table tbody td{padding:7px 5px; font-size:11px;}
.popup_crew_table .col_guardian_name,
.popup_crew_table .col_guardian_phone{display:none;}
}