.special_top_con .txt b/* 공통 */
.width80{width:80%; margin:0 auto}
.red_txt{color:red}
.center_bt_wp{ margin: 30px auto; width: 100%; text-align: center;}
.center_bt_wp .hvr-sweep-to-right:last-child{margin-right:0}
/* 버튼 */
.hvr-sweep-to-right {display: inline-block;position: relative;overflow: hidden;z-index: 0; padding: 10px 20px; background: #555; color: #fff;    border-radius: 5px; font-weight: bold; margin: 0 20px 0 0;}
.hvr-sweep-to-right::before {content: "";position: absolute;top: 0;left: 0;height: 100%;width: 0;background: rgba(0,0,0,0.2);transition: width 0.4s ease-out;z-index: -1;}
.hvr-sweep-to-right:hover::before {width: 100%;}
.hvr-sweep-to-right.red{ background: #FF5E6A;}
.hvr-sweep-to-right.green{background:#00cca2}

/* ul 리스트 */
.basic_list{ padding-left: 25px;}
.basic_list li{ list-style: circle; font-size: 18px;}
.basic_list li small{ font-size: 15px;margin-top: 10px;display: block;}
/* 아이콘 카드 */
.icon_card { display: flex; justify-content: space-between; width: 80%; margin: 0 auto}
.icon_card  li .icon{margin:0 auto}
.icon_card  li .icon_card_txt{}
.icon_card_txt p{ text-align: center; font-size: 25px; font-weight: bold;margin:20px 0}
.icon_card_txt b{ text-align: center; font-weight: ; display: block; padding: 15px 0; font-size: 20px;}
.icon_card_txt span {display:inline-block; text-align:center; width:100%;}
.icon_card.two li{width:40%;padding: 50px 2%;}
.icon_card.three li{width:30%;padding: 50px 2%;}
.icon_card.four li{width:23%;padding: 50px 2%;}
.icon_card.six li{width:16%; padding: 1%;}
.icon_card.seven li{width:14%; padding: 1%;}

/* 사업 - 조혈모세포란? */
.sc_info_box{/*background:url(/img/stemcell_top_bg.png) no-repeat bottom;*/   ;}
.sc_info_box .stemcell_info_txt{ width: ; font-size: 20px; padding: 0 0 20px 0;}
.sc_info_box .stemcell_info_txt .sc_info_box_tit{font-weight: bold; margin-bottom: 15px; display: block; font-size: 40px;}
.sc_info_box .stemcell_info_txt p{ line-height: 35px;background: #f9f9f9; padding: 50px;}
.sc_info_box .stemcell_info_txt b{font-weight: bold;}
.sc_info_box.red{background-color:#; color: #}
.sc_info_box.blue{background-color:#; color: #;}
.sc_bubble_con{ padding: 100px 0; background: #fffafa; }
.sc_bubble_con .inner-container{display: flex; align-items: center;}
.sc_bubble_con .inner-container .sc_bubble_img{width:35%}
.sc_bubble_con .inner-container .sc_bubble_txt_box{width:65%}
.sc_bubble_con .sc_bubble_txt{ margin: 50px 0; font-size: 20px;}
.sc_bubble_con .sc_bubble_txt small{ padding-top: 50px; display: block; color: #555; font-size: 18px;}
.bubble_green{ font-weight: bold; background:url(/img/stemcell_bubble.png) no-repeat center;text-align: center;  height: 150px; font-size: 30px; color: #fff; padding-top: 35px;}
.transplant_icon_wp{}
.transplant_icon_wp ul{}
.transplant_icon_wp ul li{display: flex; align-items: center; border-bottom: 1px solid #ddd; padding: 30px;}
.transplant_icon_wp ul li .icon_txt_box{ margin-left: 60px;}
.transplant_icon_wp ul li .icon_txt_box b{ margin-bottom: 15px; font-size: 20px; font-weight: bold; display: block; color: #03a483;}

/* 사업 현황 */
.status_tit{ font-size: 20px; margin: 25px 0 100px;}
.status_tit b{}
.status_icon_con{margin: 0 auto 100px;}
.status_icon_con span{ width: 80%; margin: 0 auto; display: block;}
.nation_wp{ display: flex; flex-wrap: wrap;}
.nation_wp li{display: flex; width: 20%; margin-bottom: 20px; align-items: center;}
.nation_wp li img{width:40%; box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);}
.nation_wp li .nation_txt_box{ padding-left: 20px;}
.nation_wp li .nation_txt_box b{ display: block; font-weight: bold;}
.nation_wp li .nation_txt_box .red_box{margin-right:10px}
.red_box:before{ content: ""; display: inline-block;width: 12px;height: 12px;background: #b12332;margin-right: 5px;}
.green_box:before{ content: "";display: inline-block;width: 12px;height: 12px;background: #00cca2;margin-right: 5px;}

.bargraph_wp{margin-bottom:60px}
.bargraph_wp.green{margin-bottom:20px}
.bargraph_wp ul{ display: flex;  }
.bargraph_wp.red ul li{width:14.2857%; }
.bargraph_wp.red ul li .bar span{ background: #d6000f; }
.bargraph_wp.green ul li{width:10%; }
.bargraph_wp.green ul li .bar span{ background: #2ba52c; }
.bargraph_wp ul li .bar{height:300px; display: flex;align-items: flex-end;justify-content: center; }
.bargraph_wp ul li .bar span{display: block; max-width:90px; width: 70%; text-align: center; color: #fff; border-radius: 10px 10px 0 0; font-weight: bold;}
.bargraph_wp ul li .txt{ border-top: 1px solid #bbb;padding: 10px 0;display: flex;align-items: center;justify-content: center;}
.bargraph_wp ul li .txt img{ width: 45px; border: 1px solid #ddd; margin-right: 5px;}

/*재외동포지원사업*/
.over_con01_wp{ border-top: 2px solid #d6000f; margin-bottom:150px}
.over_con01_wp li{ display: flex; align-items: center; border-bottom: 1px solid #ddd; padding: 20px 0px;}
.over_con01_wp li .tit {width: 15%; font-size: 18px;font-weight: bold;text-align: center;display: flex;flex-direction: column;align-items: center;}
.over_con01_wp li .tit img{width: 35px; margin-bottom: 10px;}
.over_con01_wp li .dot{display: flex; align-items: center;}
.over_con01_wp li .dot:before{content:""; width:5px; height:5px; background:#ddd; display:inline-block; margin-right: 10px; }


/* 기증희망등록 
.charts_wp{background:url(/img/charts_img.png) no-repeat; width: 60%;min-height: 1000px; background-size: 100%; padding: 12% 5% 0; margin: 0 auto;}*/
.charts_wp{padding: 0 0 150px;}
.blue_list{ display: flex; align-items: center; justify-content: center;}
.blue_list li.blue_bg{background:#; width: 30%; font-size: 20px; min-height: 250px;;display: flex;align-items: center;justify-content: center; flex-direction: column;}
.reg_icon_list_wp p{ min-height: 130px;}
.reg_icon_list_wp p b{ display: block;text-align: center;font-weight: bold;}
.reg_icon_list_wp p small{ font-size: 16px; padding-left: 13px;}
.charts_list_wp{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.charts_list_wp li{width:19%; background: #eef1f7; padding: 25px; margin-bottom: 20px; min-height: 160px;}
.charts_list_wp li b{ font-size: 20px; color: #37588e; display: block; font-weight: bold; }
.charts_list_wp li small{ font-size: 13px;display: block;color: #555;}
.blue_list li.arrow{ padding: 10px; width: 80px;}
/* 자주 묻는 질문 */
.faq-wrap { max-width:100%; border-top: 2px solid #d6000f; }
.faq-item { border-bottom:1px solid #ddd; padding:20px 0; cursor:pointer; position:relative; }
.faq-q { font-weight:600; font-size:20px; position:relative; padding-right:44px; /* 오른쪽 여유 */ }
.faq-q::before,
.faq-q::after {content: "";position: absolute;right: 12px;top: 50%;background-color: #333;transform: translateY(-50%);transition: transform 0.25s ease, opacity 0.25s ease;border-radius: 2px;box-sizing: border-box;}
.faq-q::before {width: 16px;   /* 가로 길이 */height: 2px;   /* 두께 */}
.faq-q::after {width: 3px;    /* 두께 */height: 16px;  /* 세로 길이 */transform-origin: center;  right: 19px;}
.faq-item.active .faq-q::after {transform: translateY(-50%) scaleY(0);opacity: 0;}
.faq-a { display:none; padding: 35px;color: #555;line-height: 1.6;background: #f8f8f8;margin-top: 20px;}


/* 지원 사업 */
.support_icon_con{margin-bottom:100px;}
.support-con01-wp{ display: flex; justify-content: space-between; align-items: center; margin-bottom:60px; }
.support-con02-wp{ background: #fff4f2; }
.support-con02-wp .inner-container{ display: flex; align-items: center; justify-content: center;}
.support-con02-wp .support-con02-txt p img{max-width: 600px;}
.support-con02-wp .support-con02-img{ padding: 50px 0 0;}
.support-text{width:45%; display: flex;  flex-direction: column;}
.support-text a.hvr-sweep-to-right{ text-align: center; width:100%}
.support-text p{ font-size: 20px;  padding-bottom: 30px;}
.support-img{ width: 50%;}
.support-img img{width:100%}
.support-text .basic_list{margin-bottom: 30px;}


.list_search {display: flex;justify-content: flex-end;margin-bottom: 30px;}
.list_search input {border: 1px solid #ccc;height: 40px;padding: 0 10px;font-size: 14px;background-color: #fff;border-right: 0;width: 200px;}
.list_search input:focus-visible {outline: none;}
.list_search a {display: flex;width: 40px;height: 40px;border: 1px solid #ccc;justify-content: center;align-items: center;}
.list_search a img {width: 70%;height: 70%;}


/* 개인 후원 */
.indiv_top_wp{display: flex; align-items: center; margin-bottom: 100px; justify-content: space-between; }
.indiv_top_wp p{font-size: 25px; align-items: center; width: 60%;}
.indiv_top_wp img{ width: 40%;}
.indiv_list_wp{}
.indiv_list_wp ul{}
.indiv_list_wp ul li{ width: 100%; display: flex;  justify-content: flex-end; margin-bottom: 20px; font-size: 18px;} 
.indiv_list_wp ul li:nth-child(1) {background:url(/img/indiv_list_bg04.png) no-repeat; background-size: 300px;}
.indiv_list_wp ul li:nth-child(2) {background:url(/img/indiv_list_bg05.png) no-repeat; background-size: 300px;}
.indiv_list_wp ul li:nth-child(3) {background:url(/img/indiv_list_bg06.png) no-repeat; background-size: 300px;}
.indiv_list_wp ul li p{ font-size: 20px;  width: 85%; padding: 0 0 0 0; color: #444; min-height: 200px;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;}
.indiv_list_wp ul li p b{ color: #0d9a7d;display: block; font-weight: bold; margin-bottom: 10px;}
.indiv_img_wp{ margin: 100px 0;}
.indiv_img_wp ul{ display: flex; flex-wrap: wrap;}
.indiv_img_wp ul li{ width: 31%; margin: 0 1% 50px 1%; padding: 15px; border: 1px solid #ddd;}
.indiv_img_wp ul li img{background: #ddd;display: block; width: 100%; ;}
.indiv_img_wp ul li .indiv_img_txt{padding: 20px 0; font-size: 20px; text-align: center;}
.indiv_img_wp  .indiv_txt_con01{border-top:2px solid #0d9a7d;}
.indiv_txt_con01,.indiv_txt_con02{display: flex;  font-size: 20px; border-bottom: 1px solid #ddd; padding: 20px 0; line-height: 35px; align-items: center;}
.indiv_txt_con01 .tit,.indiv_txt_con02 .tit{color: #0d9a7d;margin-right: 30px; font-weight: bold; width: 10%; text-align: center;}
.indiv_txt_con01 .tit img,.indiv_txt_con02 .tit img{ width: 40px; margin: 0 auto; padding-bottom: 5px;}
.indiv_txt_con01 p b,.indiv_txt_con02 p b{font-weight: bold;}
.individual-wrap .center_bt_wp {margin-bottom:100px;}


.story_list_wp{ position: relative; margin-bottom:100px}
.story-slide{}
.story-slide .swiper-slide{position: relative; }
.story-slide .story_img_wp{/* margin-bottom:30px; */ display: block; height:400px;}
.story-slide .story_img_wp img{ overflow: hidden; width:100%; height:100%; object-fit:cover;}
.story-slide .swiper-slide:hover .story_img_wp img{}
.story-slide .story_txt_wp{background:rgba(255,255,255,0.8)  url(/img/story_txt_bg.png) no-repeat center; background-size: 90%; aspect-ratio: 500 / 210; display: flex; flex-direction: column;justify-content: center;align-items: flex-start; padding: 40px; border-top-right-radius: 20px; border-top-left-radius: 20px; position: absolute; bottom: 0; width: 100%;}
.story-slide .story_txt_wp .story_desc_txt{}
.story-slide .story_txt_wp .badge{margin-bottom:10px; display:none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{}



/* 기념일 후원 */
.specia-box1 .special_top_con{ display: flex; align-items: center;}
.special_top_con .txt{}
.special_top_con .txt .more-btn{justify-content: flex-start;}
.special_top_con .txt b{ font-size: 30px; font-weight:bold;}
.special_top_con .txt p{ font-size: 25px;  padding: 30px 0 10px;}
.special_top_con img{margin:0 auto; width: 60%;}
.special_letter_wp{background:url(/img/letter_bg.jpg) no-repeat; height: 900px; background-size: cover; position: relative; display: flex; justify-content: center; align-items: center;}
.special_letter_wp:before{content:""; background:url(/img/letter_shadow.png) no-repeat; height: 900px; background-size: cover;width: 100%; display: block; position: absolute; z-index: 3;}
.special_letter_in{ display: flex; align-items: center; width: 1000px;height: 100%;background: url(/img/letter_paper.png) no-repeat center; background-size: 100%;}
.swiper.letter_swiper{z-index: 20; width: 400px; margin-left: 300px; margin-top: 200px;min-height: 220px;}
.swiper.letter_swiper .swiper-slide .special_letter_txt{ max-height: 243px;margin-bottom: 20px; overflow: hidden; }
.swiper.letter_swiper .swiper-wrapper{ padding-bottom: 30px;}
.swiper.letter_swiper .swiper-slide div{ font-family: "Gamja Flower", sans-serif; font-weight: 400; font-size:20px ;font-style: normal;}

.special_happy_con{ display: flex; align-items: center; margin: 100px 0;}
.special_happy_con .special_certif_wp{display: flex;justify-content: space-around; align-items: center; width: 100%; max-width: 1400px; margin: 0 auto;}
.special_happy_con .special_certif_wp .certif_frame_wp{background:url(/img/certificate_frame.png) no-repeat center; background-size: 100%; width: 50%; max-width: 500px; aspect-ratio: 1 / 1.4; display: flex; align-items: center; flex-direction: column; text-align: center; font-size: 20px; line-height: 50px; padding-top: 140px;color: #555; min-width: 350px;}
.special_happy_con .special_certif_wp .certif_frame_wp b{ color: #000; letter-spacing: 10px;font-size: 30px;font-weight: bold;padding-bottom: 50px;}
.special_happy_con .special_certif_wp .certif_txt_wp{ font-size: 30px;}
.special_happy_con .special_certif_wp .certif_txt_wp b{color: #D6000F; font-weight: bold;}


.special_icon_con {padding: 150px 0;background: #f8f8f8;margin: 100px 0;}
.special_icon_con p{ font-size: 30px; text-align: center; margin-bottom: 40px; font-weight: bold;}
.specia-box2-wp{background:url(/img/specia_box2_bg01.png) no-repeat center; background-size: 100%; aspect-ratio: 384/185; display: flex; align-items: center; justify-content: center;}
.specia-box2{ text-align: center;}
.specia-box2 p{font-size: 30px;text-shadow: 1px 0px 12px #fff;font-weight: bold;}
.specia-box2 .specia_box2_txt_box{/*background:url(/img/specia_box2_heart.png) no-repeat;*/ max-width: 600px; margin: 0 auto;background-size: 100%;aspect-ratio: 7 / 6.5; display: flex; align-items: center; justify-content: center;flex-direction: column;}
.specia-box2 .specia_box2_txt_box .specia_box2_txt img{ width: 90%; margin: 0 auto;}
.specia-box2 .specia_box2_txt_box .specia_box2_bt{ margin-top: 50px; max-width: 220px; background: #d6000f; padding: 15px 40px; border-radius: 50px; }
.specia-box2 .specia_box2_txt_box .specia_box2_bt:hover{background:#ff0b1c}
/* 기증 확인 및 예우 */
.respect-wrap div.table-scroll {height:700px; overflow-y:scroll;margin-bottom:60px; border: 1px solid #ddd;}
.respect-wrap table.table-type01 {border-collapse:separate; border-spacing:0; border-top:0;}
.respect-wrap table.table-type01 thead {position:sticky; top:0; z-index:2;}
.respect-wrap .table-type01 thead tr:first-child th::before {content:""; position:absolute; top:0; left:0; width:100%; height:2px; background-color:#a3101b;}
.respect_top_wp{ text-align: center;margin: 0 auto;padding: 50px 0; font-size: 20px; margin-bottom: 60px; line-height: 40px; font-weight: bold;}
.respect_top_wp:after{content: "";background: url(/img/marks_icon02.png) no-repeat;display: inline-block;width: 30px;height: 27px;background-size: 30px;margin-left: 10px;}
.respect_top_wp:before{ content: "";background: url(/img/marks_icon01.png) no-repeat;display: inline-block;width: 30px;height: 27px;background-size: 30px;margin-right:10px;}



/* 천원의 꿈 */
.won_top_wp{background:#d1f2ff; text-align: center; padding: 150px 0 0;}
.won_top_wp p{ font-size: 30px;padding: 50px 0;color: #273340;font-weight: 500;line-height: 35px;}
.won_top_wp b{ font-size: 40px; color: #38527d; font-weight: bold;}
.won_top_wp img{margin:0 auto; max-width: 600px; width:100%}
.won_con1_wp{background:#d1f2ff;  padding: 80px 0;}
.won_con1_wp p{ font-size: 30px; font-weight: 500; padding: 40px;}
.won_con1_wp .won_con1_tit{ font-weight: 500; padding: 50px 0 150px; text-align: center;}
.won_con1_wp .won_con1_txtbox{ background: #fff; padding: 50px;font-size: 18px; width: 80%;margin: 0 auto;border-radius: 50px;display: flex;flex-direction: column;align-items: center;text-align: center;}
.won_con1_wp .won_con1_txtbox .won_con1_in_txt:before{content:""; display:block; width:50%; height:1px; background:#b4b4b4; margin: 0 auto;}
.won_con1_wp .won_con1_txtbox .won_con1_in_txt span{ margin-top: 40px; display: block;}
.won_con1_wp .icon_card{width: 80%; margin: 0 auto; flex-wrap: wrap;}
.won_con1_wp .icon_card li{ width: 25%;text-align: center;margin: 0 auto; display: flex;justify-content: center;}
.won_con1_wp .icon_card li:nth-child(5){justify-content: flex-end;}
.won_con1_wp .icon_card li:nth-child(7){ justify-content: flex-start;}
.won_con2_wp{ font-size: 30px; font-weight: 500; text-align: center; width: 80%; margin: 150px auto;}
.won_con2_wp .btn_won{color: #273340; display: flex;width: 30%;margin: 0 auto;background: #bed7ed; align-items: center;padding: 20px; justify-content: center; border-radius: 50px; margin-top: 50px;}
.won_con2_wp .btn_won img{ width: 100px; margin-right: 20px;}


/* 환자 응원 프로젝트 */
.cheering-box1{}
.cheering-box1 .cheering-box1-ft{margin-top: 20px; background: #f7f7f7; padding: 30px;line-height: 30px;}
.cheering-box1 .cheering-box1-ft b{font-weight:500; color: #37588e;}
.cheering-box1 .cheering-box1-ft span{ padding: 10px;display: inline-block;background: #ff5e6a;color: #fff;border-radius: 5px;}
.cheering-box2{ margin-top: 150px;}
.cheering-box2 ul{display: flex; justify-content: space-between;}
.cheering-box2 ul li{ width: 48%;}
.cheering-box2 ul li .tit_wp{ padding: 25px 0;}
.cheering-box2 ul li .tit_wp p{ color: #555; padding-bottom: 20px;}
.cheering-box2 ul li .tit_wp .tit{ font-size: 30px;font-weight: bold;margin-bottom: 20px;display: block;}
.cheering-box2 ul li .tit_wp .price{color: #37588e;font-size: 30px;font-weight: bold;}
.cheering-box2 ul li .txt{ padding: 30px; border: 1px solid #ddd; line-height: 30px;}
.cheering-box2 ul li .txt b{font-weight: bold; padding: 0 20px 0 0;}
.cheering-box2 ul li img{ width: 100%;}