@charset "UTF-8";

/* 일시기부 */
.copy_donation p:nth-of-type(1) {font-size: 32px; line-height: 42px; color: #222; opacity: 0; transform: translateY(50px); font-family: "spoqa_bold"; margin-top: -48px; word-break: keep-all;}
.copy_donation p:nth-of-type(2) {font-size: 18px; color: #444; margin: 35px 0 25px; opacity: 0; transform: translateY(50px); word-break: keep-all;}
.copy_donation p:nth-of-type(3) {font-size: 18px; font-family: "spoqa_medium"; color: #043B72; opacity: 0; transform: translateY(50px); word-break: keep-all;}

.list_card {margin-top: 150px; overflow: hidden; display: flex; flex-wrap: wrap;}
.list_card li {width: 460px; min-height: 596px; border: 1px solid #E5E5E5; border-radius: 20px; padding-bottom: 100px; overflow: hidden; margin-bottom: 100px; transform: translateY(70px); transition-duration: 0.7s; opacity: 0;}
.list_card li:nth-of-type(3n-1) {margin: 0 40px 100px 40px;}
.list_card li.active {opacity: 1; transform: translateY(0);}
.list_card li:nth-of-type(3n-1).active {opacity: 1; transform: translateY(100px);}
.list_card li .img {width: 100%; height: 306px; overflow: hidden; position: relative; border-radius: 20px 20px 0 0;}
.list_card li .img img {width: 100%; transition: all 0.5s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; object-fit: cover;}
.list_card li:hover .img img {transform: translate(-50%, -50%) scale(1.1);}
.list_card li .txt {margin: 40px;}
.list_card li .txt p:nth-of-type(1) {font-size: 28px; font-family: "spoqa_bold"; color: #043B72; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.list_card li .txt p:nth-of-type(2) {font-size: 16px; margin-top: 20px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: break-all;}
.list_card li a {font-size: 20px; color: #222; font-family: "spoqa_bold"; text-align: center; display: block; border-top: 1px solid #E5E5E5; padding: 24px 0; position: absolute; bottom: 0; width: 100%;}

.t_srch_div .list_card li {width: 32%;}
.t_srch_div .list_card li:nth-of-type(3n-1) {margin: 0 2% 100px 2%;}
.t_srch_div .list_card li .img {width: 100%;}

.sub_con .more {text-align: center; color: #222; display: block; width: 120px; height: 48px; line-height: 47px; border: 1px solid #E5E5E5; border-radius: 24px; font-size: 16px; font-family: "spoqa_medium"; margin: 100px auto 0;}

@media all and (max-width: 1600px) {
	/* body {background: red;} */
	.list_card li {width: 30%;}
}

@media all and (max-width:1024px) {
	.copy_donation p:nth-of-type(1) {font-size: 20px; line-height: 30px; margin-top: 0;}
	.copy_donation p:nth-of-type(2) {font-size: 14px; line-height: 24px; margin: 17px 0 20px;}
	.copy_donation p:nth-of-type(3) {font-size: 14px; line-height: 24px;}
	.list_card {margin-top: 60px;}
	.list_card li {width: 48%; margin-bottom: 60px;}
	.list_card li:nth-of-type(3n-1) {margin: 0; margin-bottom: 60px; transition-delay: 0s !important;}
	.list_card.list_dona li:nth-of-type(3n) {transition-delay: 0s !important;}
	.list_card.list_dona li:nth-of-type(2n) {margin: 0 0 60px 4%; transition-delay: 0.2s !important;}
	.list_card.list_dona li:nth-of-type(6n) {transition-delay: 0.2s !important;}

	.t_srch_div .list_card li {width: 48%; margin-bottom: 60px;}
	.t_srch_div .list_card li:nth-of-type(3n-1) {margin: 0; margin-bottom: 60px; transition-delay: 0s !important;}
	.t_srch_div .list_card.list_dona li:nth-of-type(3n) {transition-delay: 0s !important;}
	.t_srch_div .list_card.list_dona li:nth-of-type(2n) {margin: 0 0 60px 4%; transition-delay: 0.2s !important;}
	.t_srch_div .list_card.list_dona li:nth-of-type(6n) {transition-delay: 0.2s !important;}
}

@media all and (max-width:768px) {
	.list_card {padding-bottom: 40px;}
	.list_card li {width: 100%; margin-bottom: 40px; border-radius: 16px; min-height: 420px;}
	.list_card li:nth-of-type(3n-1) {margin: 0; margin-bottom: 40px;}
	.list_card.list_dona li:nth-of-type(2n) {margin: 0 0 40px 0;}
	.list_card.list_dona li:nth-of-type(3n-1).active {transition-delay: 0s !important;}
	.list_card li .img {width: 100%; height: 50vw; border-radius: 16px 16px 0 0;}
	.list_card li .img img {width: 100%; height: auto;}
	.list_card li .txt {margin: 30px 20px;}
	.list_card li .txt p:nth-of-type(1) {font-size: 16px; line-height: 26px;}
	.list_card li .txt p:nth-of-type(2) {font-size: 14px; line-height: 24px; margin-top: 12px;}
	.list_card li a {font-size: 16px; line-height: 26px; padding: 20px 0;}
	.list_card.list_dona li:nth-of-type(2n) {transition-delay: 0s !important;}
	.list_card.list_dona li:nth-of-type(6n) {transition-delay: 0s !important;}

	.t_srch_div .list_card li {width: 100%; margin-bottom: 40px; border-radius: 16px; min-height: 420px;}
	.t_srch_div .list_card li:nth-of-type(3n-1) {margin: 0; margin-bottom: 40px;}
	.t_srch_div .list_card.list_dona li:nth-of-type(2n) {margin: 0 0 40px 0;}
	.t_srch_div .list_card.list_dona li:nth-of-type(3n-1).active {transition-delay: 0s !important;}
	.t_srch_div .list_card li .img {width: 100%; height: 50vw;}
	.t_srch_div .list_card li .img img {width: 100%; height: auto;}
	.t_srch_div .list_card li .txt {margin: 30px 20px;}
	.t_srch_div .list_card li .txt p:nth-of-type(1) {font-size: 16px; line-height: 26px;}
	.t_srch_div .list_card li .txt p:nth-of-type(2) {font-size: 14px; line-height: 24px;}
	.t_srch_div .list_card li a {font-size: 16px; line-height: 26px; padding: 20px 0;}
	.t_srch_div .list_card.list_dona li:nth-of-type(2n) {transition-delay: 0s !important;}
	.t_srch_div .list_card.list_dona li:nth-of-type(6n) {transition-delay: 0s !important;}
}

@media all and (max-width:500px) {
	.list_card li .img {width: 100%; height: 218px;}
	.list_card li .img img {width: auto; height: auto;}

	.t_srch_div .list_card li .img {width: 100%; height: 218px;}
	.t_srch_div .list_card li .img img {width: auto; height: auto;}
}




/* 회원가입 */
.mem {padding-top: 20px;}
.join_process + .mem {padding-top: 0px;}
.member_div {display: flex; justify-content: space-between; margin-bottom: 40px;}
.member_div > a {display: block; position: relative; width: 710px; height: 332px; background: #F7F7F7; color: #444; border-radius: 15px; transition-duration: 0.3s; transition-property: background, color;}
.member_div > a > div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 510px;}
.member_div > a > div .txt1 {margin-bottom: 20px; font-size: 32px; color: #043B72; font-family: "spoqa_bold"; transition: 0.3s; transition-property: color;}
.member_div > a.left > div {background: url('../images/member-div-icon1.svg') no-repeat right center;}
.member_div > a.right > div {background: url('../images/member-div-icon2.svg') no-repeat right center;}
.member_div > a:hover {background: #F58220; color: #fff;}
.member_div > a:hover > div .txt1 {color: #fff;}
.member_div > a.left:hover > div {background: url('../images/member-div-icon1-on.svg') no-repeat right center;}
.member_div > a.right:hover > div {background: url('../images/member-div-icon2-on.svg') no-repeat right center;}

.click_txt a {color: #F58220; text-decoration: underline; font-family: "spoqa_bold";}

@media screen and (max-width: 1600px) {
	.member_div > a {width: 620px;}
	.member_div > a > div {width: 520px;}
}

@media screen and (max-width: 1500px) {
	.member_div > a {width: 490px;}
	.member_div > a > div {width: 410px;}
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1024px) {
	.member_div {display: block;}
	.member_div > a {width: 100%;}
	.member_div > a:first-of-type {margin-bottom: 50px;}
}

@media screen and (max-width: 768px) {
	.mem {padding-top: 0px;}
	.member_div {margin-bottom: 20px;}
	.member_div > a {height: 233px; }
	.member_div > a:first-of-type {margin-bottom: 20px;}
	.member_div > a > div {width: auto; padding-top: 80px; top: 30px; left: 30px; transform: translate(0, 0);}
	.member_div > a.left > div {background: url('../images/member-div-icon1-1.svg') no-repeat left top;}
	.member_div > a.right > div {background: url('../images/member-div-icon2-1.svg') no-repeat left top;}
	.member_div > a.left:hover > div {background: url('../images/member-div-icon1-on.svg') no-repeat left top; background-size: 60px;}
	.member_div > a.right:hover > div {background: url('../images/member-div-icon2-on.svg') no-repeat left top; background-size: 60px;}
	.member_div > a > div .txt1 {font-size: 20px; margin-bottom: 10px;}
}

@media screen and (max-width: 500px) {
}

.join_process {display: flex; justify-content: space-between; width: 100%; height: 100px; margin-bottom: 120px;}
.join_process > p {width: 25%; height: 100px; padding:20px 0 20px 130px;}
.join_process > p:nth-child(1) {background: url('../images/join-process-icon1.svg') no-repeat 0 0;}
.join_process > p:nth-child(2) {background: url('../images/join-process-icon2.svg') no-repeat 0 0;}
.join_process > p:nth-child(3) {background: url('../images/join-process-icon3.svg') no-repeat 0 0;}
.join_process > p:nth-child(4) {background: url('../images/join-process-icon4.svg') no-repeat 0 0;}
.join_process > p.on:nth-child(1) {background: url('../images/join-process-icon1-on.svg') no-repeat 0 0;}
.join_process > p.on:nth-child(2) {background: url('../images/join-process-icon2-on.svg') no-repeat 0 0;}
.join_process > p.on:nth-child(3) {background: url('../images/join-process-icon3-on.svg') no-repeat 0 0;}
.join_process > p.on:nth-child(4) {background: url('../images/join-process-icon4-on.svg') no-repeat 0 0;}
.join_process > p > span {display: block; color: #888;}
.join_process > p.on > span {color: #F58220;}
.join_process > p > .txt1 {font-size: 16px;}
.join_process > p > .txt2 {font-size: 22px; font-family: "spoqa_bold";}

@media screen and (max-width: 1500px) {
	.join_process {height: auto;}
	.join_process > p {padding:110px 0 20px 0; text-align: center;}
	.join_process > p:nth-child(1) {background: url('../images/join-process-icon1.svg') no-repeat center 0;}
	.join_process > p:nth-child(2) {background: url('../images/join-process-icon2.svg') no-repeat center 0;}
	.join_process > p:nth-child(3) {background: url('../images/join-process-icon3.svg') no-repeat center 0;}
	.join_process > p:nth-child(4) {background: url('../images/join-process-icon4.svg') no-repeat center 0;}
	.join_process > p.on:nth-child(1) {background: url('../images/join-process-icon1-on.svg') no-repeat center 0;}
	.join_process > p.on:nth-child(2) {background: url('../images/join-process-icon2-on.svg') no-repeat center 0;}
	.join_process > p.on:nth-child(3) {background: url('../images/join-process-icon3-on.svg') no-repeat center 0;}
	.join_process > p.on:nth-child(4) {background: url('../images/join-process-icon4-on.svg') no-repeat center 0;}
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 768px) {
	.join_process {margin-bottom: 80px;}
	.join_process > p {padding:100px 0 20px 0; text-align: center;}
	.join_process > p:nth-child(1) {background-size: 80px;}
	.join_process > p:nth-child(2) {background-size: 80px;}
	.join_process > p:nth-child(3) {background-size: 80px;}
	.join_process > p:nth-child(4) {background-size: 80px;}
	.join_process > p.on:nth-child(1) {background-size: 80px;}
	.join_process > p.on:nth-child(2) {background-size: 80px;}
	.join_process > p.on:nth-child(3) {background-size: 80px;}
	.join_process > p.on:nth-child(4) {background-size: 80px;}

	.join_process > p > .txt1 {display: none;}
	.join_process > p > .txt2 {font-size: 16px;}
}

@media screen and (max-width: 500px) {
	.join_process {margin-bottom: 60px;}
	.join_process > p {padding:70px 0 20px 0;}
	.join_process > p:nth-child(1) {background-size: 60px;}
	.join_process > p:nth-child(2) {background-size: 60px;}
	.join_process > p:nth-child(3) {background-size: 60px;}
	.join_process > p:nth-child(4) {background-size: 60px;}
	.join_process > p.on:nth-child(1) {background-size: 60px;}
	.join_process > p.on:nth-child(2) {background-size: 60px;}
	.join_process > p.on:nth-child(3) {background-size: 60px;}
	.join_process > p.on:nth-child(4) {background-size: 60px;}

	.join_process > p > .txt2 {font-size: 12px;}
}

.agree_con .list {position: relative; margin-top: 10px; min-height: 90px; border-radius: 8px; background-color: #F7F7F7;}
.agree_con .list.has_no_con .click_div:after {display: none;} /* 열릴 내용이 없을 경우 */
.agree_con .list:first-child {margin-top: 0;}
.agree_con .list .click_div {display: -ms-flexbox; display: -webkit-box; display: flex; align-items: center; position: relative; padding: 0 40px; min-height: 90px; height: 90px; background-color: #fff; border: 1px solid #ddd; border-radius: 8px; z-index: 2;}
.agree_con .list .click_div:after {content: ""; display: block; position: absolute; right: 40px; top: 50%; transform: translateY(-50%) rotate(0deg); width: 26px; height: 26px; background: url(../images/icon-accordion-arr.svg) no-repeat center center/26px 26px; transition: transform .3s ease;}
.agree_con .list.on .click_div:after {transform: translateY(-50%) rotate(180deg);}
.agree_con .list .click_div .form_checkbox + .form_checkbox {margin-left: 60px;}
.agree_con .list .open_area {margin-top: -12px; position: relative; font-size: 18px; overflow: hidden; border: 1px solid #ddd; border-radius: 10px;}
.agree_con .list .open_area .for_padding {padding: 52px 80px 50px; height: 100%;}
.mem .agree_con .list .open_area {height: 320px;}
.mem .agree_con .list:first-child .open_area {height: 320px;}

.mem_comp {text-align: center; color: #444; word-break: keep-all;}

.mem_comp .txt1 {margin-bottom: 30px;}


table.policy {border-top: 1px solid #222;}
table.policy tr th {border-bottom: 1px solid #ddd; background: #efefef; border-right: 1px solid #ddd; text-align: center; padding: 30px 0; font-family: "spoqa_bold"; color: #222; word-break: keep-all;}
table.policy tr th:last-of-type {border-right: 0;}
table.policy tr td {border-right: 1px solid #ddd; padding: 30px; border-bottom: 1px solid #ddd; background: #fff; color: #444; word-break: keep-all;}
table.policy tr:first-of-type td:last-of-type {border-right: 0;}

@media screen and (max-width: 1024px) {
	table.policy tr th {padding: 20px 10px;}
	table.policy tr td {padding: 20px 10px;}
}

@media screen and (max-width: 768px) {
	.agree_con .list {min-height: 70px; margin-top: 4px;}
	.agree_con .list .click_div {padding: 0 16px; height: 70px; min-height: 70px;}
	.agree_con .list .click_div:after {content: ""; display: block; position: absolute; right: 16px; top: 50%; transform: translateY(-50%) rotate(0deg); width: 16px; height: 16px; background: url(../images/icon-accordion-arr.svg) no-repeat; background-size: cover; transition: transform .3s ease;}
	.agree_con .list .click_div .title {width: calc(90% - 25px); word-break: keep-all;}
	.agree_con .list .open_area {font-size: 14px; line-height: 24px;}
	.agree_con .list .open_area .for_padding {padding: 24px 16px 24px; height: 100%;}

	.mem_comp .txt1 {margin-bottom: 20px;}

	table.policy tr th {padding: 15px 10px;}
	table.policy tr td {padding: 15px 10px;}
}

@media screen and (max-width: 500px) {
	.agree_con .list {min-height: 62px;}
	.agree_con .list .click_div {height: 62px; min-height: 62px;}

	.mem_comp .txt1 {margin-bottom: 15px;}
}





/* 로그인 */
.login_area {display: flex; justify-content: space-between; margin-top: 40px; margin-bottom: 160px;}
.login_area.mem {padding-top: 0;}
.login_area .left {width: 510px;}
.login_area .left .form_input {display: block; margin-bottom: 20px;}
.login_area .left .form_input input {width: 100%;}
.login_area .left .btn_type1 {width: 100%; margin-top: 30px;}
.login_area .left .bts {width: 100%; display: flex; justify-content: center; margin-top: 30px;}
.login_area .left .bts a {display: inline-block; position: relative; width: auto; padding: 0 16px;}
.login_area .left .bts a::before {content: ""; display: block; position: absolute; top: 6px; right: 0; width: 1px; height: 14px; background: #ddd;}
.login_area .left .bts a:last-child {font-family: "spoqa_bold"; color: #F58220;}
.login_area .left .bts a:last-child::before {display: none;}
.login_area .left .sns {margin-top: 60px;}
.login_area .left .sns > div {margin-top: 30px;}
.login_area .left .sns > div a {display: inline-block; margin-right: 30px; vertical-align: top;}
.login_area .right.swiper-container {width: 660px; height: 565px; margin: 0;}
.login_area .right.swiper-container .swiper-wrapper {width: 660px; height: 520px;}
.login_area .right.swiper-container .swiper-wrapper .swiper-slide {position: relative; width: 660px; height: 520px; border-radius: 20px; overflow: hidden;}
.login_area .right.swiper-container .swiper-wrapper .swiper-slide img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%;}
.login_area .right.swiper-container .swiper-pagination {bottom: 0; width: 100%; margin: 0; border-radius: 20px;}
.login_area .right.swiper-container .swiper-pagination-bullet {width: 13px; height: 13px; margin: 0 7px 0 8px; background: #EBEBEB; opacity: 1;}
.login_area .right.swiper-container .swiper-pagination-bullet-active {background: #888;}
.login_area .right.swiper-container .swiper-pagination > a {display: inline-block; width: 15px; height: 15px; margin-left: 10px; background: url('../images/main-pop-stop.svg') no-repeat center 3px; background-size: auto 13px;}
.login_area .right.swiper-container .swiper-pagination > a.on {background: url('../images/main-pop-play.svg') no-repeat center 2px; background-size: auto 14px;}

@media screen and (max-width: 1500px) {
	.login_area .left {width: 410px;}
	.login_area .right.swiper-container {width: 500px; height: 565px; margin: 0;}
	.login_area .right.swiper-container .swiper-wrapper {width: 500px; height: 520px;}
	.login_area .right.swiper-container .swiper-wrapper .swiper-slide {width: 500px; height: 520px;}
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1024px) {
	.login_area {display: block;}
	.login_area .left {width: 100%;}
	.login_area .right.swiper-container {width: 100%; height: auto; margin: 100px auto 0; padding-bottom: 50px;}
	.login_area .right.swiper-container .swiper-wrapper {width: 100%; height: auto;}
	.login_area .right.swiper-container .swiper-wrapper .swiper-slide {width: 100%; height: auto;}
	.login_area .right.swiper-container .swiper-wrapper .swiper-slide img {position: relative; top: 0; left: 0; transform: translate(0, 0); width: 100%;}
}

@media screen and (max-width: 768px) {
	.login_area { margin-top: 20px; margin-bottom: 0;}
	.login_area .left .form_input {margin-bottom: 10px;}
	.login_area .left .btn_type1 {margin-top: 20px;}
	.login_area .left .sns {margin-top: 40px;}
	.login_area .left .sns > div {margin-top: 20px;}
	.login_area .right.swiper-container {margin: 50px auto 0; padding-bottom: 30px;}
	.login_area .right.swiper-container .swiper-pagination-bullet {width: 10px; height: 10px; margin: 0 3px 0 4px;}
	.login_area .right.swiper-container .swiper-pagination > a {width: 10px; height: 10px; margin-left: 5px; background: url('../images/main-pop-stop.svg') no-repeat center 0; background-size: auto 10px;}
	.login_area .right.swiper-container .swiper-pagination > a.on {background: url('../images/main-pop-play.svg') no-repeat center 0; background-size: auto 11px;}
	.login_area .left .sns > div a {margin-right: 20px;}
	.login_area .left .sns > div a img {width: 52px;}
}

@media screen and (max-width: 500px) {
	.login_area .left .bts a {padding: 0 10px;}
	.login_area .left .sns > div {display: flex;}
	.login_area .left .sns > div a {margin-right: 20px;}
}

.find_id .form_radio {margin-right: 60px !important;}
.find_id .result {width: 100%; padding: 100px 0; background: #F7F7F7; border-radius: 15px; text-align: center; color: #444;}
.find_id .result .r_box {width: 600px; padding: 50px 0; margin: 0 auto 60px; background: #fff;}
.find_id .result .txt2 {margin-top: 20px; color: #043B72;}
.find_id .result.no_info .txt2 {padding-top: 120px; background: url('../images/ico-exclamation.svg') no-repeat center 0; background-size: 80px;}
.find_id .result .txt2 + p {margin-top: 20px;}
.find_id .result.none .txt2::before {content: ""; width: 84px; height: 84px; background: url(../images/ico-exclamation.svg) no-repeat; display: block; margin: 0 auto 36px;}

.find_pw {width: 100%; padding: 100px 0 !important; background: #F7F7F7; border-radius: 15px; text-align: center; color: #444;}
.find_pw .self_auth {padding-top: 120px; background: url('../images/icon-id-phone.svg') no-repeat center 0; background-size: 80px;}
.find_pw .self_auth .txt1 {color: #043B72;}
.find_pw .self_auth .txt2 {margin: 20px 0 40px;}

@media screen and (max-width: 768px) {
	.find_pw .self_auth .txt2 {margin: 8px 0 20px;}

	.find_id .form_radio {margin-right: 5% !important;}
	.find_id .form_radio:last-child {margin-right: 0 !important;}
	.find_pw {padding: 50px 0 !important;}
	.find_pw .self_auth {padding-top: 80px; background: url('../images/icon-id-phone.svg') no-repeat center 0; background-size: 60px;}
	.find_id .result.no_info .txt2 {padding-top: 80px; background: url('../images/ico-exclamation.svg') no-repeat center 0; background-size: 60px;}
	.find_id .result .txt2 + p {margin-top: 13px;}
	.find_id .result .r_box {width: calc(100% - 40px); padding: 25px 0; margin: 0 auto 30px;}
	.find_id .result .txt2 {margin-top: 12px;}
}


.dor_mem .result {width: 100%; padding: 100px 0; background: #F7F7F7; border-radius: 15px; text-align: center; color: #444;}
.dor_mem .result strong {color: #f58220;}
.dor_mem .result br.ver_m {display: none;}
.dor_mem .result .r_box {width: 600px; padding: 50px 0; margin: 60px auto 0; background: #fff; border-radius: 15px;}
.dor_mem .result .r_box li {display: flex; justify-content: space-between; align-items: center; width: 292px; margin: 0 auto 20px;}
.dor_mem .result .r_box li:last-child {margin: 0 auto;}
.dor_mem .result .txt2 {margin-top: 0; color: #043B72;}


.mem_join .form_radio {margin-right: 60px !important;}
.pop_mem_postnum {text-align: center;}
.pop_mem_postnum .copy {padding-top: 85px; background: url('../images/mem-postnum-icon.svg') no-repeat center 0; word-break: keep-all;}
.pop_mem_postnum .dot_txt {width: 410px; margin: 20px auto 0; word-break: keep-all;}

@media screen and (max-width: 1600px) {
	.mem_join .form_radio {margin-right: 40px !important;}
}

@media screen and (max-width: 1024px) {

	.login_area {display: block;}
	.login_area .left {width: 100%;}

}

@media screen and (max-width: 768px) {
	.mem_join .form_radio {margin-right: 10% !important;}
	.find_id .result {padding: 50px 5%; word-break: keep-all; border-radius: 12px;}
	.dor_mem .result {padding: 50px 5%; word-break: keep-all;}
	.dor_mem .result br {display: none;}
	.dor_mem .result br.ver_m {display: block;}
	.dor_mem .result .r_box {width: calc(100% - 40px); padding: 25px 0; margin: 30px auto 0; border-radius: 0;}
	.dor_mem .result .r_box li {width: calc(100% - 100px); margin: 0 auto 10px;}

	.pop_mem_postnum .copy {padding-top: 75px; background: url('../images/mem-postnum-icon.svg') no-repeat center 0; background-size: 52px;}
	.pop_mem_postnum .dot_txt {margin: 10px auto 0;}
}

@media screen and (max-width: 500px) {
	.pop_mem_postnum .dot_txt {width: 90%; margin: 10px auto 0; word-break: keep-all;}
}








/* 활동스토리 - 활동후기 목록 */
.search_type {position: absolute; top: -165px; right: 0; border: 1px solid #ddd; border-radius: 10px; width: 460px; height: 60px;}
.search_type input {border: 0; width: 420px; height: 50px; margin-top: 5px;}
.search_type input:focus {background: 0; border: 0;}
/* .search_box input {font-size: 18px; width: 420px; border: 0; height: 50px; margin-top: 5px;}  */
/* .search_box input::placeholder {color: #888;} */
.search_type a {position: absolute; right: 25px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px;}
.list_num {color: #444; margin-bottom: 59px;}
.list_num span {color: #F58220; font-family: "spoqa_bold";}
.list_card_type2 {overflow: hidden;}
.list_card_type2 a {border: 1px solid #E5E5E5; border-radius: 20px; display: block; width: 460px; height: 504px; float: left; margin-bottom: 100px; overflow: hidden; transform: translateY(70px); transition-property: transform, opacity, border; transition-duration: 0.7s, 0.7s, 0.2s; opacity: 0;}

.list_card_type2 a:hover {border: 1px solid #F58220;}
.list_card_type2 a.scroll_motion.init {transform: translateY(70px); transition-property: border; transition-duration: 0.2s; transition-delay: 0s; opacity: 0; animation: fadeUp 0.7s forwards;}
.list_card_type2 a.scroll_motion.init:nth-of-type(2) {animation-delay: 0.2s;}
.list_card_type2 a.scroll_motion.init:nth-of-type(3) {animation-delay: 0.3s;}

@keyframes fadeUp {
	0% {transform: translateY(70px); opacity: 0;}
	100% {opacity: 1; transform: translateY(0);}
}

.list_card_type2 a.active {opacity: 1; transform: translateY(0);}
.list_card_type2 a:nth-of-type(3n-1) {margin: 0 40px; transition-delay: 0.2s;}
.list_card_type2 a:nth-of-type(3n) {transition-delay: 0.3s;}
.list_card_type2 a .img {width: 460px; height: 306px; overflow: hidden; position: relative;}
.list_card_type2 a .img img {width: 100%; height: 100%; transition: all 0.5s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); object-fit: cover;}
.list_card_type2 a:hover .img img {transform: translate(-50%, -50%) scale(1.1);}
.list_card_type2 a .txt {padding: 40px 30px 0 40px;}
.list_card_type2 a .txt .tit {color: #222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.list_card_type2 a .txt .date {color: #888; position: absolute; bottom: 39px;}

.btn_wrap {text-align: center;}

@media all and (max-width: 1600px) {
	.list_card_type2 a {width: 400px;}
	.list_card_type2 a .img {width: 100%; height: 270px; object-fit: cover;}

	.t_srch_div .list_card_type2 a {width: 32%;}
	.t_srch_div .list_card_type2 a:nth-of-type(3n-1) {margin: 0 2%;}
}

@media all and (max-width: 1500px) {
	.list_card_type2 a {width: 300px;}
	.list_card_type2 a .img {height: 250px;}

	.t_srch_div .list_card_type2 a {width: 49%; margin-bottom: 40px;}
	.t_srch_div .list_card_type2 a:nth-of-type(3n-1) {margin: 0;}
	.t_srch_div .list_card_type2 a:nth-of-type(2n) {margin: 0 0 40px 2%;}
}

@media all and (max-width:1024px) {
	.search_type {top: -94px; width: 100%; height: 52px;}
	.search_type input {width: calc(100% - 40px); margin-top: 0;}
	.list_num {margin: 128px 0 20px;}

	.list_card_type2 a {width: 48%; margin-bottom: 60px; height: 440px;}
	.list_card_type2 a:nth-of-type(3n-1) {margin: 0; margin-bottom: 60px; transition-delay: 0s !important;}
	.list_card_type2 a:nth-of-type(3n) {transition-delay: 0s !important;}
	.list_card_type2 a:nth-of-type(2n) {margin: 0 0 60px 4%; transition-delay: 0.2s !important;}

	.list_card_type2 a .img {height: 29vw;}

	.t_srch_div .list_card_type2 a {width: 48%; margin-bottom: 60px; height: 440px;}
	.t_srch_div .list_card_type2 a:nth-of-type(3n-1) {margin: 0; margin-bottom: 60px; transition-delay: 0s !important;}
	.t_srch_div .list_card_type2 a:nth-of-type(3n) {transition-delay: 0s !important;}
	.t_srch_div .list_card_type2 a:nth-of-type(2n) {margin: 0 0 60px 4%; transition-delay: 0.2s !important;}

	.t_srch_div .list_card_type2 a .img {height: 29vw;}
}

@media all and (max-width:768px) {
	.search_type {top: -88px;}
	.list_card_type2 {padding-bottom: 50px;}
	.list_card_type2 a {width: 100%; margin-bottom: 40px; height: 80vw; border-radius: 16px;}
	.list_card_type2 a .img {height: 50vw;}
	.list_card_type2 a .img img {width: 100%; height: 100%;}
	.list_card_type2 a .txt {padding: 30px 20px;}
	.list_card_type2 a .txt .date {bottom: 30px;}
	.list_card_type2 a:nth-of-type(3n-1) {margin: 0; margin-bottom: 60px; transition-delay: 0s !important;}
	.list_card_type2 a:nth-of-type(3n) {transition-delay: 0s !important;}
	.list_card_type2 a:nth-of-type(2n) {margin: 0 0 40px 0; transition-delay: 0s !important;}

	.t_srch_div .list_card_type2 a {width: 100%; margin-bottom: 40px; height: 80vw; border-radius: 16px;}
	.t_srch_div .list_card_type2 a .img {height: 50vw;}
	.t_srch_div .list_card_type2 a .img img {width: 100%; height: auto;}
	.t_srch_div .list_card_type2 a .txt {padding: 30px 20px;}
	.t_srch_div .list_card_type2 a .txt .date {bottom: 30px;}
	.t_srch_div .list_card_type2 a:nth-of-type(3n-1) {margin: 0; margin-bottom: 60px; transition-delay: 0s !important;}
	.t_srch_div .list_card_type2 a:nth-of-type(3n) {transition-delay: 0s !important;}
	.t_srch_div .list_card_type2 a:nth-of-type(2n) {margin: 0 0 40px 0; transition-delay: 0s !important;}

	.btn_wrap {display: flex; justify-content: center;}
}

@media all and (max-width:500px) {
	.list_card_type2 a {height: 373px;}
	.list_card_type2 a .img {width: 100%; height: 218px;}
	/* .list_card_type2 a .img img {width: auto; height: auto;} */

	.t_srch_div .list_card_type2 a {height: 373px;}
	.t_srch_div .list_card_type2 a .img {width: 100%; height: 218px;}
	.t_srch_div .list_card_type2 a .img img {width: auto; height: auto;}
}



/* 활동스토리 - 활동후기 목록 - 검색결과없음 */
.list_card_none {width: 100%; height: 380px; background: #F7F7F7; text-align: center; color: #444; border-radius: 15px;}
.list_card_none p {padding-top: 236px; position: relative;}
.list_card_none p::before {content: ""; background: url(../images/ico-exclamation.svg) no-repeat; width: 84px; height: 84px; display: block; position: absolute; top: 120px; left: 50%; transform: translateX(-50%);}


@media all and (max-width:768px) {
	.list_card_none {height: 261px; border-radius: 12px;}
	.list_card_none p {padding-top: 158px;}
	.list_card_none p::before {content: ""; background: url(../images/ico-exclamation.svg) no-repeat; background-size: cover; width: 64px; height: 64px; display: block; position: absolute; top: 80px; left: 50%; transform: translateX(-50%);}
}



/* 활동스토리 - 발행물 목록 */
.list_card_type3 {overflow: hidden; display: flex; flex-wrap: wrap;}
.list_card_type3 .docu {position: relative; margin-right: 40px; margin-bottom: 100px; transform: translateY(70px); transition-property: transform, opacity, border; transition-duration: 0.7s, 0.7s, 0.2s; opacity: 0;}
.list_card_type3 .docu .img {width: 335px; height: 450px; overflow: hidden; border-radius: 15px; position: relative; border: 1px solid #ddd;}
/* .list_card_type3 .docu:hover .img {border: 1px solid #F58220;} */
.list_card_type3 .docu .img img {height: 100%; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.list_card_type3 .docu.active {opacity: 1; transform: translateY(0);}
.list_card_type3 .docu:nth-of-type(4n-2) {transition-delay: 0.3s;}
.list_card_type3 .docu:nth-of-type(4n-1) {transition-delay: 0.4s !important;}
.list_card_type3 .docu:nth-of-type(4n) {margin-right: 0; transition-delay: 0.5s !important;}
.list_card_type3 .docu.scroll_motion.init {transform: translateY(70px); transition-duration: unset; opacity: 0; animation:fadeUp 0.7s forwards;}
.list_card_type3 .docu.scroll_motion.init:nth-of-type(2) {animation-delay: 0.2s;}
.list_card_type3 .docu.scroll_motion.init:nth-of-type(3) {animation-delay: 0.3s;}
.list_card_type3 .docu.scroll_motion.init:nth-of-type(4) {animation-delay: 0.4s;}

/* 2025-05-20 수정 s */
.list_card_type3 .docu .img .hover {width: 100%; height: 100%; background: rgba(245, 130, 32, 1); border-radius: 15px; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transition: all 0.3s; z-index: 1;}
.list_card_type3 .docu .img .hover a {display: flex; justify-content: space-between; align-items: center; width: calc(100% - 60px); margin: 0 auto; padding: 20px; color: #fff; font-family: "spoqa_bold"; font-size: 16px; position: relative;}
.list_card_type3 .docu .img .hover a.pdf::before {content: ""; width: 48px; height: 48px; display: block; background: url(../images/ico-pdf.svg) no-repeat; background-size: cover;}
.list_card_type3 .docu .img .hover a.ebook::before {content: ""; width: 48px; height: 48px; display: block; background: url(../images/ico-ebook.svg) no-repeat; background-size: cover;}
.list_card_type3 .docu .img .hover a.video::before {content: ""; width: 48px; height: 48px; display: block; background: url(../images/ico-video.svg) no-repeat; background-size: cover;}
.list_card_type3 .docu .img .hover a + a {border-top: 1px solid rgba(255, 255, 255, 0.4);}
/* // 2025-05-20 수정 e */

.list_card_type3 .docu .img:hover .hover {opacity: 1;}

.list_card_type3 .docu .txt {position: relative; margin-top: 30px; width: 335px; overflow: hidden;}
.list_card_type3 .docu .txt p {width: calc(100% - 40px); word-break: break-all;}
.list_card_type3 .docu .txt a {position: absolute; right: 0; top: 5px;}

@media all and (max-width: 1600px) {
	.list_card_type3 .docu .img {width: 290px; height: 390px;}
	.list_card_type3 .docu .txt {width: 290px;}
}

@media all and (max-width: 1500px) {
	.list_card_type3 .docu .img {width: 220px; height: 296px;}
	.list_card_type3 .docu .txt {width: 220px;}
	.list_card_type3 .docu .img .hover a {padding: 10px} /* 2025-05-20 추가 */
	.list_card_type3 .docu .img .hover a.ebook::before {left: -15px;}
	.list_card_type3 .docu .img .hover a.ebook {margin-left: 30px;}

	.t_srch_div .list_card_type3 {width: 1000px; margin: auto;}
}

@media all and (max-width: 1150px) {
	.t_srch_div .list_card_type3 {width: 100%; margin: auto;}
	.t_srch_div .list_card_type3 .docu {width: 48%; margin-right: 0; margin-bottom: 60px;}
	.t_srch_div .list_card_type3 .docu:nth-of-type(2n) {margin: 0 0 60px 4%; transition-delay: 0.2s !important;}
	.t_srch_div .list_card_type3 .docu:nth-of-type(4n-1) {transition-delay: 0s !important;}
	.t_srch_div .list_card_type3 .docu .img {width: 100%; height: 58vw;}
	.t_srch_div .list_card_type3 .docu .txt {width: 100%;}
	.t_srch_div .list_card_type3 .docu .txt a {top: 0;}
}

@media all and (max-width:1024px) {
	.list_card_type3 .docu {width: 48%; margin-right: 0; margin-bottom: 60px;}
	.list_card_type3 .docu:nth-of-type(2n) {margin: 0 0 60px 4%; transition-delay: 0.2s !important;}
	.list_card_type3 .docu:nth-of-type(4n-1) {transition-delay: 0s !important;}
	.list_card_type3 .docu .img {width: 100%; height: 58vw;}
	.list_card_type3 .docu .txt {width: 100%;}
	.list_card_type3 .docu .txt a {top: 0;}
}

@media all and (max-width:768px) {
	.list_card_type3 .docu {width: 100%; margin-bottom: 40px; display: flex; position: relative;}
	.list_card_type3 .docu:nth-of-type(2n) {margin: 0; margin-bottom: 40px; transition-delay: 0s !important;}
	.list_card_type3 .docu .img {height: 63vw; position: unset; border-radius: 12px;}
	.list_card_type3 .docu .img img {position: unset; transform: translate(0);}

	.list_card_type3 .docu .img .hover {opacity: 1; background: 0; width: auto; height: auto; left: unset; right: 0; width: calc(50% - 18px); top: 83px; border-radius: 0; display: block; transition: none;}
	.list_card_type3 .docu .img .hover.for_top3 {top: 110px;}
	/* 2025-05-20 수정 s */
	.list_card_type3 .docu .img .hover a {font-size: 13px; color: #585858; display: block; width: 100%; position: relative; padding: 0; padding-left: 32px; margin-bottom: 10px;}
	.list_card_type3 .docu .img .hover a.pdf::before {content: ""; width: 24px; height: 24px; display: block; background: url(../images/ico-pdf-b.svg) no-repeat; background-size: cover; margin-top: 0; position: absolute; top: 0; left: 0;}
	.list_card_type3 .docu .img .hover a.ebook {margin-left: 0;}
	.list_card_type3 .docu .img .hover a.ebook::before {content: ""; width: 24px; height: 24px; display: block; background: url(../images/ico-ebook-b.svg) no-repeat; background-size: cover; margin-top: 0; position: absolute; top: 0; left: 0;}
	.list_card_type3 .docu .img .hover a.video::before  {content: ""; width: 24px; height: 24px; display: block; background: url(../images/ico-video-b.svg) no-repeat; background-size: cover; margin-top: 0; position: absolute; top: 0; left: 0;}


	.list_card_type3 .docu .txt {margin-top: 30px; margin-left: 30px;}
	.list_card_type3 .docu .txt p {width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
	.list_card_type3 .docu .txt a {left: 0; top: 120px; display: inline-block;}
	.list_card_type3 .docu .txt a.for_top {top: 85px !important;}
	.list_card_type3 .docu .txt a.for_top2 {top: 145px !important;}
	.list_card_type3 .docu .txt a.for_top4 {top: 115px !important;}
	.list_card_type3 .docu .txt a.for_top5 {top: 154px !important;}
	/* 2025-05-20 수정 e */
	.list_card_type3 .docu .txt a::after {content: "다운로드"; font-family: "spoqa_bold"; font-size: 13px; margin-left: 8px; color: #585858;}

	.list_card_type3 .docu .txt a img {width: 28px; height: 28px;}


	.t_srch_div .list_card_type3 .docu {width: 100%; margin-bottom: 40px;}
	.t_srch_div .list_card_type3 .docu:nth-of-type(2n) {margin: 0 0 40px 0;}
	.t_srch_div .list_card_type3 .docu .txt {margin-top: 30px; margin-left: 30px;}
	.t_srch_div .list_card_type3 .docu .txt p {width: 100%;}
	.t_srch_div .list_card_type3 .docu .txt a {left: 0; top: 120px; display: inline-block;}
	.t_srch_div .list_card_type3 .docu .txt a::after {content: "다운로드"; font-family: "spoqa_bold"; font-size: 13px; margin-left: 8px; color: #585858;}
	.t_srch_div .list_card_type3 .docu .txt a img {width: 28px; height: 28px;}
	.t_srch_div .list_card_type3 .docu .img {height: 63vw; position: unset; border-radius: 12px;}
	.t_srch_div .list_card_type3 .docu .img img {position: unset; transform: translate(0);}
	.t_srch_div .list_card_type3 .docu .img .hover {opacity: 1; background: 0; width: auto; height: auto; left: unset;right: 0; width: calc(50% - 18px); top: 83px; border-radius: 0; display: block;}
	.t_srch_div .list_card_type3 .docu .img .hover a {font-size: 13px; color: #585858; display: block; width: 100%; position: relative; padding-left: 32px; margin-bottom: 10px;}
	.t_srch_div .list_card_type3 .docu .img .hover a.pdf {margin-right: 0;}
	.t_srch_div .list_card_type3 .docu .img .hover a.pdf::before {display: none;}
	.t_srch_div .list_card_type3 .docu .img .hover a.pdf::after {content: ""; width: 24px; height: 24px; display: block; background: url(../images/ico-pdf-b.svg) no-repeat; background-size: cover; margin-top: 0; position: absolute; top: 0; left: 0;}
	.t_srch_div .list_card_type3 .docu .img .hover a.ebook::after {content: ""; width: 24px; height: 24px; display: block; background: url(../images/ico-ebook-b.svg) no-repeat; background-size: cover; margin-top: 0; position: absolute; top: 0; left: 0;}
}

@media all and (max-width: 500px) {
	.list_card_type3 .docu .txt {margin-left: 15px;}
	.list_card_type3 .docu .img .hover {width: calc(50% - 10px);}
}


/* 활동스토리 - 뉴스레터 목록 */
.news_sign {margin: 118px 0 106px; padding: 76px 0 80px; position: relative;}
.news_sign > p {color: #fff;}
.news_sign .form_input, .news_sign .form_checkbox {display: block;}
.news_sign .form_input input:first-of-type {width: 335px; margin-right: 20px;}
.news_sign .form_input input:last-of-type {width: 480px;}
.news_sign .form_checkbox {margin: 20px 0 40px;}
.news_sign .form_checkbox label {color: #fff; word-break: keep-all;}
.news_sign .form_checkbox a {color: #fff;}
.news_sign .bg {min-width: 1920px; height: 446px; background: url(../images/bg-news.jpg) no-repeat; background-position: center; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;}

@media screen and (min-width: 1921px) {
	.news_sign .bg {min-width: 3000px; height: 446px; background: url(../images/bg-news.jpg) no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
}

@media all and (max-width:1024px) {
	.news_sign {margin: 128px 0 0; padding: 47px 0 50px;}
	.news_sign .form_input input:first-of-type {width: 100%;}
	.news_sign .form_input input:last-of-type {width: 100%; margin-top: 8px;}

	.news_sign + .list_num {margin: 60px 0 20px;}
}

@media all and (max-width:768px) {
	.news_sign .bg {min-width: 100vw; height: 398px; background: url(../images/bg-news-m.jpg) no-repeat; background-position: center; background-size: cover; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
	.news_sign .form_checkbox {margin: 10px 0 30px;}
	.news_sign .form_checkbox a {display: block; margin-left: 28px;}
}





/* 활동스토리 - 뉴스레터, 활동후기 상세 */
.detail_tit {position: relative; border-bottom: 1px solid #ddd;}
.detail_tit > p {width: calc(100% - 70px); word-break: break-all; word-break: keep-all;}
.detail_tit .date {margin: 28px 0 48px; display: inline-block; color: #888;}
.detail_view {width: 960px; margin: 0 auto; padding: 80px 0 100px; position: relative; word-break: keep-all; overflow: hidden;} /* 2023-03-21 수정 */
.detail_view::after {content: ""; background: #ddd; width: 1440px; height: 1px; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.detail_view .img_area {margin-bottom: 80px; text-align: center;}
/* .detail_view .img_area img {width: 100%;} */
.detail_view .swiper {width: 960px; height: 403px; overflow: hidden; position: relative;}
.detail_view .swiper img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.detail_view .swiper .swiper-wrapper {width: 100%; height: 100%;}
.detail_view .swiper .swiper-slide {width: 100%; height: 100%; position: relative; overflow: hidden;}
.detail_view .swiper .swiper-slide div {position: absolute; bottom: 0; background: rgba(245, 130, 32, 0.8); width: 100%; color: #fff; padding: 14px 30px; min-height: 55px; text-align: left;}
.detail_view .swiper .swiper-slide div p {width: calc(100% - 130px);}
.detail_view .swiper .pages {position: absolute; bottom: 14px; z-index: 10; right: 67px; color: #fff;}
.detail_view .swiper .pages strong {padding-right: 5px;}
.detail_view .swiper .swiper-button-prev {width: 24px; height: 24px; background: url(../images/ico-prev.svg) no-repeat; top: unset; bottom: 14px; left: unset; right: 120px;}
.detail_view .swiper .swiper-button-next {width: 24px; height: 24px; background: url(../images/ico-prev.svg) no-repeat; transform: rotate(180deg); top: unset; bottom: 14px; right: 30px;}


@media all and (max-width:1500px) {
	.detail_view::after {content: ""; background: #ddd; width: 100%; height: 1px; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
}

@media all and (max-width:1024px) {
	.detail_view {width: 100%;}
	.detail_view img {width: 100%; height: auto !important;} /* 2022-07-25 비율 수정 */
	.detail_view .swiper {width: 100%; height: 400px;}
	.detail_view .swiper .swiper-slide {width: 100%; height: 100%;}
	/* .detail_view img {height: 57vw;} */
}

@media all and (max-width:768px) {
	.detail_tit > p {width: 100%;}
	.detail_tit .date {margin: 27px 0 27px;}

	.detail_view {padding: 50px 0 50px;}
	.detail_view img {width: 100%;}
	.detail_view iframe {width: 100% !important;}
	.detail_view .txt_area img {width: 100%; height: auto !important;} /* 2022-07-25 비율 수정 */
	.detail_view .img_area {margin-bottom: 40px;}
	.detail_view .swiper {height: 300px;}
	.detail_view .swiper .pages {bottom: unset; top: 12px; right: 12px; background: rgba(245, 130, 32, 0.5); padding: 5px 18px; border-radius: 20px;}
	.detail_view .swiper .swiper-button-next {display: none;}
	.detail_view .swiper .swiper-button-prev {display: none;}
	.detail_view .swiper img {position: relative; top: 0; left: 0; transform: translate(0, 0);}
	.detail_view .swiper .swiper-slide div p {width: 100%;}

}

@media all and (max-width:500px) {
	.detail_view .swiper {height: auto;}
	.detail_view .swiper .swiper-slide div {position: relative; padding: 20px;}
	.detail_view .swiper .swiper-slide > p {height: 130px;}
}


/* 활동스토리 - 약관동의레이어 */

.pop_wrap .pop_content .pop_body.pop_load_save {text-align: center; margin: 120px auto 84px;}
.pop_wrap .pop_content .pop_body.pop_load_save .txt1 {font-family: "spoqa_bold"; margin-bottom: 16px;}
.pop_wrap .pop_content .pop_body.pop_load_save .txt1::before {content: ""; background: url(../images/ico-tem.svg) no-repeat; display: block; width: 64px; height: 64px; margin: 0 auto 17px;}

@media all and (max-width:768px) {
	.pop_wrap .pop_content .pop_body.pop_load_save .txt1 {margin-bottom: 12px;}
	.pop_wrap .pop_content .pop_body.pop_load_save .txt1::before {content: ""; background: url(../images/ico-tem.svg) no-repeat; background-size: cover; display: block; width: 52px; height: 52px; margin: 0 auto 35px;}

	.pop_wrap .pop_content .pop_body.pop_news_consent {width: calc(100% - 32px); max-height: calc(100% - 130px); margin: 100px auto 60px;}
}





/* 재단소개 */
.csr_info {position: relative;}

.csr_info .txt_pack {text-align: center;}
.csr_info .txt_pack .subpage_copy {color: #043B72; margin-bottom: 20px;}
.csr_info .txt_pack .subpage_copy strong {display: inline-block;}
.csr_info .txt_pack > a {display: inline-block; margin-top: 32px; color: #222; padding-right: 15px; background: url(../images/more-arrow-b.svg) no-repeat 55px 6px;}
.csr_info .txt_pack.scroll_motion .subpage_copy {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-property: transform, opacity;}
.csr_info .txt_pack.scroll_motion .txt2 {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.2s; transition-property: transform, opacity;}
.csr_info .txt_pack.scroll_motion  > a {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.4s; transition-property: transform, opacity;}
.csr_info .txt_pack.scroll_motion.active .subpage_copy {transform: translate(0 ,0); opacity: 1;}
.csr_info .txt_pack.scroll_motion.active .txt2 {transform: translate(0 ,0); opacity: 1;}
.csr_info .txt_pack.scroll_motion.active  > a {transform: translate(0 ,0); opacity: 1;}

.csr_info .part1 {text-align: center;}
.csr_info .part1 .txt2 {margin-top: 30px; text-align: center; color: #444;}
.csr_info .part1 .txt3 {margin-top: 30px; color: #F58220; font-family: "spoqa_bold";}
.csr_info .part1.scroll_motion .subpage_copy {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-property: transform, opacity;}
.csr_info .part1.scroll_motion .txt2 {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.2s; transition-property: transform, opacity;}
.csr_info .part1.scroll_motion .txt3 {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.4s; transition-property: transform, opacity;}
.csr_info .part1.scroll_motion.active .subpage_copy {transform: translate(0 ,0); opacity: 1;}
.csr_info .part1.scroll_motion.active .txt2 {transform: translate(0 ,0); opacity: 1;}
.csr_info .part1.scroll_motion.active .txt2 {transform: translate(0 ,0); opacity: 1;}
.csr_info .part1.scroll_motion.init .subpage_copy {transform: translateY(100px); transition-duration: unset; opacity: 0; animation:fadeUp 0.8s forwards;}
.csr_info .part1.scroll_motion.init .txt2 {transform: translateY(100px); transition-duration: unset; opacity: 0; animation:fadeUp 0.8s forwards; animation-delay: 0.2s;}
.csr_info .part1.scroll_motion.init .txt3 {transform: translateY(100px); transition-duration: unset; opacity: 0; animation:fadeUp 0.8s forwards; animation-delay: 0.3s;}

.csr_info .part2 {position: relative; width: 100%; height: 100vh; margin-top: 180px; overflow: hidden;}
.csr_info .part2 .part_list {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden;}
.csr_info .part2 .part_list:nth-child(1) {z-index: 4;}
.csr_info .part2 .part_list:nth-child(2) {z-index: 3;}
.csr_info .part2 .part_list:nth-child(3) {z-index: 2;}
.csr_info .part2 .part_list:nth-child(4) {z-index: 1;}
.csr_info .part2 .part_list .img {position: absolute; top: 0; left: 0; width: 100%; height: 100vh;}
.csr_info .part2 .part_list .subpage_title {position: absolute; bottom: 700px; left: 230px; height: 170px; color: #fff;}
.csr_info .part2 .part_list .txt {position: absolute; bottom: 180px; left: 230px;color: #fff;}
.csr_info .part2 .part_list .txt .subpage_copy {color: #fff; margin-bottom: 21px;}
.csr_info .part2 .part_list .txt  > a {display: inline-block; margin-top: 32px; color: #fff; font-size: 16px; padding-right: 15px; background: url(../images/more-arrow-w.svg) no-repeat 50px 5px;}
.csr_info .part2 .part_list .rb_txt {position: absolute; bottom: 185px; right: 230px; color: #fff; text-align: right;}
.csr_info .part2 .part_list .rb_txt .data {display: flex; font-family: "spoqa_bold";}
.csr_info .part2 .part_list .rb_txt .data > p {margin-left: 90px;}
.csr_info .part2 .part_list .rb_txt strong {font-size: 110px;}
.csr_info .part2 .part_list:first-child .subpage_title {transform: translate(0 ,100px); opacity: 0;}
.csr_info .part2 .part_list:first-child .txt {transform: translate(0 ,100px); opacity: 0;}
.csr_info .part2 .part_list:first-child .rb_txt {transform: translate(0 ,100px); opacity: 0;}
.csr_info .part2.scroll_motion .part_list:nth-child(1) .subpage_title {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-property: transform, opacity;}
.csr_info .part2.scroll_motion .part_list:nth-child(1) .txt {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.2s; transition-property: transform, opacity;}
.csr_info .part2.scroll_motion .part_list:nth-child(1) .rb_txt {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.4s; transition-property: transform, opacity;}
.csr_info .part2.scroll_motion.active .part_list:nth-child(1) .subpage_title {transform: translate(0 ,0); opacity: 1;}
.csr_info .part2.scroll_motion.active .part_list:nth-child(1) .txt {transform: translate(0 ,0); opacity: 1;}
.csr_info .part2.scroll_motion.active .part_list:nth-child(1) .rb_txt {transform: translate(0 ,0); opacity: 1;}

@media all and (max-width:1600px) {
	.csr_info .part2 .part_list .subpage_title {left: 130px; bottom: 450px;}
	.csr_info .part2 .part_list .txt {left: 130px; bottom: 100px;}
	.csr_info .part2 .part_list .rb_txt {right: 130px;}
}

@media all and (max-width:1500px) {
	.csr_info .part2 .part_list .subpage_title {left: 80px;}
	.csr_info .part2 .part_list .txt {left: 80px;}
	.csr_info .part2 .part_list .rb_txt {right: 80px;}
}

@media all and (max-width:1400px) {
	.csr_info .part2 .part_list .rb_txt .data > p {margin-left: 70px;}
	.csr_info .part2 .part_list .rb_txt strong {font-size: 100px;}
}

@media all and (max-width:1280px) {
	.csr_info .part2 .part_list .subpage_title {left: 72px;}
	.csr_info .part2 .part_list .txt {left: 72px;}
	.csr_info .part2 .part_list .rb_txt {right: 72px;}
	.csr_info .part2 .part_list .rb_txt .data > p {margin-left: 45px;}
	.csr_info .part2 .part_list .rb_txt strong {font-size: 90px;}
}

@media all and (max-width:1100px) {
	.csr_info .part2 .part_list .rb_txt .data > p {margin-left: 30px;}
	.csr_info .part2 .part_list .rb_txt strong {font-size: 70px;}
}

@media all and (max-width:1024px) {
	.csr_info .part1 {padding: 0 30px; word-break: keep-all;}

	.csr_info .part2 {margin-top: 60px;}
	.csr_info .part2 .part_list {padding: 0 30px;}
	.csr_info .part2 .part_list .subpage_title {left: 30px; bottom: 70%; height: auto;}
	.csr_info .part2 .part_list .txt {left: 30px; bottom: 10%; width: 90%; word-break: keep-all;}
	.csr_info .part2 .part_list .rb_txt {position: relative; right: 0; bottom: auto; float: right; margin-top: 200px;}
	.csr_info .part2 .part_list .rb_txt .addtxt {margin-top: 10px;}

	.csr_info .part2 .part_list .img {background-attachment: unset !important;}
	.csr_info .part3 {padding: 0 30px 100px;}

	.csr_info .part2 {height: auto;}
	.csr_info .part2 .part_list {position: relative; top: 0; left: 0; padding: 0 15px;}
	.csr_info .part2 .part_list .subpage_title {left: 16px; bottom: unset; height: auto; top: 60px;}

	.csr_info .part2 .part_list .txt {left: 16px; bottom: 10%; width: 90%; word-break: keep-all;}
	.csr_info .part2 .part_list .txt  > a {padding-right: 20px; background: 0; position: relative;}
	.csr_info .part2 .part_list .txt  > a::after {content: ""; background: url(../images/more-arrow-w.svg) no-repeat; width: 20px; height: 20px; display: block; position: absolute; top: 5px; right: -10px;}
	.csr_info .part2 .part_list .txt br {display: none;}
	.csr_info .part2 .part_list:first-child .subpage_title {transform: translate(0 ,0); opacity: 1;}
	.csr_info .part2 .part_list:first-child .txt {transform: translate(0 ,0); opacity: 1;}
	.csr_info .part2 .part_list:first-child .rb_txt {transform: translate(0 ,0); opacity: 1;}
	.csr_info .part2.scroll_motion .part_list:nth-child(1) .subpage_title {transform: translate(0 ,0); opacity: 1; transition-duration: 0s; transition-property: transform, opacity;}
	.csr_info .part2.scroll_motion .part_list:nth-child(1) .txt {transform: translate(0 ,0); opacity: 1; transition-duration: 0s; transition-delay: 0s; transition-property: transform, opacity;}
	.csr_info .part2.scroll_motion .part_list:nth-child(1) .rb_txt {transform: translate(0 ,0); opacity: 1; transition-duration: 0s; transition-delay: 0s; transition-property: transform, opacity;}
	.csr_info .part2.scroll_motion.active .part_list:nth-child(1) .subpage_title {transform: translate(0 ,0); opacity: 1;}
	.csr_info .part2.scroll_motion.active .part_list:nth-child(1) .txt {transform: translate(0 ,0); opacity: 1;}
	.csr_info .part2.scroll_motion.active .part_list:nth-child(1) .rb_txt {transform: translate(0 ,0); opacity: 1;}
}

@media all and (max-width:768px) {
	.csr_info .txt_pack > a {background: 0; position: relative; padding-right: 17px;}
	.csr_info .txt_pack > a::after {content: ""; width: 10px; height: 10px; display: inline-block; background: url(../images/more-arrow-b.svg) no-repeat; position: absolute; top: 7px; right: 0; background-size: contain;}

	.csr_info .part1 {padding: 0 15px;}

	.csr_info .part2 {height: auto;}
	.csr_info .part2 .part_list {position: relative; top: 0; left: 0; padding: 0 15px;}
	.csr_info .part2 .part_list .subpage_title {left: 16px; bottom: unset; height: auto; top: 60px;}

	.csr_info .part2 .part_list .txt {left: 16px; bottom: 10%; width: 90%; word-break: keep-all;}
	.csr_info .part2 .part_list .txt  > a {padding-right: 20px; background: 0; position: relative;}
	.csr_info .part2 .part_list .txt  > a::after {content: ""; background: url(../images/more-arrow-w.svg) no-repeat; width: 20px; height: 20px; display: block; position: absolute; top: 5px; right: -10px;}
	.csr_info .part2 .part_list .txt br {display: none;}
	.csr_info .part2 .part_list:first-child .subpage_title {transform: translate(0 ,0); opacity: 1;}
	.csr_info .part2 .part_list:first-child .txt {transform: translate(0 ,0); opacity: 1;}
	.csr_info .part2 .part_list:first-child .rb_txt {transform: translate(0 ,0); opacity: 1;}
	.csr_info .part2.scroll_motion .part_list:nth-child(1) .subpage_title {transform: translate(0 ,0); opacity: 1; transition-duration: 0s; transition-property: transform, opacity;}
	.csr_info .part2.scroll_motion .part_list:nth-child(1) .txt {transform: translate(0 ,0); opacity: 1; transition-duration: 0s; transition-delay: 0s; transition-property: transform, opacity;}
	.csr_info .part2.scroll_motion .part_list:nth-child(1) .rb_txt {transform: translate(0 ,0); opacity: 1; transition-duration: 0s; transition-delay: 0s; transition-property: transform, opacity;}
	.csr_info .part2.scroll_motion.active .part_list:nth-child(1) .subpage_title {transform: translate(0 ,0); opacity: 1;}
	.csr_info .part2.scroll_motion.active .part_list:nth-child(1) .txt {transform: translate(0 ,0); opacity: 1;}
	.csr_info .part2.scroll_motion.active .part_list:nth-child(1) .rb_txt {transform: translate(0 ,0); opacity: 1;}
}

@media all and (max-width:500px){
	.csr_info .part2 .part_list:nth-of-type(1) .img {background:url('../images/his001-con1-bg1-m.jpg') no-repeat center center !important; background-size: cover !important;}
	.csr_info .part2 .part_list:nth-of-type(2) .img {background:url('../images/his001-con1-bg2-m.jpg') no-repeat center center !important; background-size: cover !important;}
	.csr_info .part2 .part_list:nth-of-type(3) .img {background:url('../images/his001-con1-bg3-m.jpg') no-repeat center center !important; background-size: cover !important;}
}


.csr_info .part3 {padding: 0 0 178px; margin-top: -100vh}
.csr_info .part3.scroll_motion .subpage_copy {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-property: transform, opacity;}
.csr_info .part3.scroll_motion .txt1 {color: #f58220; font-family: "spoqa_bold";}
.csr_info .part3.scroll_motion .txt2 {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.2s; transition-property: transform, opacity;}
.csr_info .part3.scroll_motion .txt2 .subpage_title {color: #063B72;}
.csr_info .part3.scroll_motion .txt2 span {vertical-align: top; display: inline-block; padding-top: 10px; padding-left: 8px; color: #063B72;}
.csr_info .part3.scroll_motion .txt_pack > a {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.4s; transition-property: transform, opacity; font-family: "spoqa_bold";}
.csr_info .part3.scroll_motion.active .subpage_copy {transform: translate(0 ,0); opacity: 1;}
.csr_info .part3.scroll_motion.active .txt2 {transform: translate(0 ,0); opacity: 1;}
.csr_info .part3.scroll_motion.active .txt_pack > a {transform: translate(0 ,0); opacity: 1; }
.csr_info .part3 ul {display: flex; justify-content: space-between; margin-top: 80px;}
.csr_info .part3 ul li {position: relative; padding-left: 126px;}
.csr_info .part3.scroll_motion ul li:nth-child(1) {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.5s; transition-property: transform, opacity;}
.csr_info .part3.scroll_motion ul li:nth-child(2) {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.6s; transition-property: transform, opacity;}
.csr_info .part3.scroll_motion ul li:nth-child(3) {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.7s; transition-property: transform, opacity;}
.csr_info .part3.scroll_motion ul li:nth-child(4) {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.8s; transition-property: transform, opacity;}
.csr_info .part3.scroll_motion.active ul li:nth-child(1) {transform: translate(0 ,0); opacity: 1;}
.csr_info .part3.scroll_motion.active ul li:nth-child(2) {transform: translate(0 ,0); opacity: 1;}
.csr_info .part3.scroll_motion.active ul li:nth-child(3) {transform: translate(0 ,0); opacity: 1;}
.csr_info .part3.scroll_motion.active ul li:nth-child(4) {transform: translate(0 ,0); opacity: 1;}
.csr_info .part3 ul li:nth-child(1)::before {content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 84px; height: 84px; background: url(../images/main4-icon1.svg) no-repeat 0 0;}
.csr_info .part3 ul li:nth-child(2)::before {content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 84px; height: 84px; background: url(../images/main4-icon2.svg) no-repeat 0 0;}
.csr_info .part3 ul li:nth-child(3)::before {content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 84px; height: 84px; background: url(../images/main4-icon3.svg) no-repeat 0 0;}
.csr_info .part3 ul li:nth-child(4)::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 64px; height: 64px; background: url(../images/his001-part3-icon4.svg) no-repeat 0 0;}
.csr_info .part3 ul li .txt2 {margin-top: 15px; font-family: "spoqa_bold";}
.csr_info .part3 ul li:last-child {margin-right: 0px;}
.csr_info .part3 > p {text-align: right; margin-top: 40px; color: #888;}

@media all and (max-width: 1500px) {
	.csr_info .part3 ul {display: block; width: 420px; margin: 80px auto 0;}
	.csr_info .part3 ul li {margin-bottom: 40px;}
}

@media all and (max-width:1024px) {
	.csr_info .part3 {padding: 100px 30px; margin-top: 0;}
	.csr_info .part3 ul {margin-top: 50px; width: 330px !important;}
	.csr_info .part3 ul li {padding: 0 0 0 110px; margin-bottom: 30px;}
	.csr_info .part3 ul li:last-child {margin-bottom: 0px;}
	.csr_info .part3.scroll_motion ul li:nth-child(1) {width: 100%;}
	.csr_info .part3.scroll_motion ul li:nth-child(2) {width: 100%;}
	.csr_info .part3.scroll_motion ul li:nth-child(3) {width: 100%;}
	.csr_info .part3.scroll_motion ul li:nth-child(4) {width: 100%;}
	.csr_info .part3 ul li:nth-child(1)::before {width: 64px; height: 64px; background-size: cover;}
	.csr_info .part3 ul li:nth-child(2)::before {width: 64px; height: 64px; background-size: cover;}
	.csr_info .part3 ul li:nth-child(3)::before {width: 64px; height: 64px; background-size: cover;}
	.csr_info .part3 ul li:nth-child(4)::before {width: 64px; height: 64px; background-size: cover;}
	.csr_info .part3 ul li .txt2 {margin-top: 5px;}
}

@media all and (max-width:768px) {
	.csr_info .part3 {padding: 60px 15px; word-break: keep-all; margin-top: 0;}
	.csr_info .part3.scroll_motion .txt_pack > a {margin-top: 20px;}
	.csr_info .part3 ul {margin-top: 40px; width: 310px !important;}
	.csr_info .part3.scroll_motion .txt2 .subpage_title {font-size: 48px; line-height: 58px;}
	.csr_info .part3.scroll_motion .txt2 span {font-size: 16px;}
}

@media all and (max-width:500px) {
	.csr_info .part3 ul {width: 300px !important;}
	.csr_info .part3 ul li {padding: 0 0 0 80px;}
}

.csr_info .part4 {position: relative; width: 100%; height: 754px; background: #F7F0E8;}
.csr_info .part4 .txt_pack {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.csr_info .part4.scroll_motion .subpage_copy {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-property: transform, opacity;}
.csr_info .part4.scroll_motion .txt2 {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.2s; transition-property: transform, opacity;}
.csr_info .part4.scroll_motion .txt_pack > a {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.4s; transition-property: transform, opacity;}
.csr_info .part4.scroll_motion.active .subpage_copy {transform: translate(0 ,0); opacity: 1;}
.csr_info .part4.scroll_motion.active .txt2 {transform: translate(0 ,0); opacity: 1;}
.csr_info .part4.scroll_motion.active .txt_pack > a {transform: translate(0 ,0); opacity: 1;}
.csr_info .part4 .deco {position: absolute; top: 0; left: 0; width: 100%; height: 754px;}
.csr_info .part4 .deco .wave {position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 2838px; height: 460px;}
.csr_info .part4 .deco .wave p {position: absolute; top: 0; left: 0; width: 5590px; height: 460px; background: url('../images/his001-part4-wave.png') no-repeat 0 0; background-size: 100%;}
.csr_info .part4 .deco .wave p:nth-child(2) {position: absolute; top: 0; left: 5590px; width: 5590px; height: 460px; background: url('../images/his001-part4-wave.png') no-repeat 0 0; background-size: 100%;}
.csr_info .part4 .deco .img1 {position: absolute; top: 114px; left: 168px; width: 200px; height: 200px; border-radius: 50%; overflow: hidden; transform: scale(0); transition-duration: 1s; transition-delay: 0.4s; transition-property: transform;}
.csr_info .part4 .deco .img2 {position: absolute; top: 80px; right: 430px; width: 150px; height: 150px; border-radius: 50%; overflow: hidden; transform: scale(0); transition-duration: 1s; transition-delay: 0.5s; transition-property: transform;}
.csr_info .part4 .deco .img3 {position: absolute; bottom: 80px; left: 368px; width: 260px; height: 260px; border-radius: 50%; overflow: hidden; transform: scale(0); transition-duration: 1s; transition-delay: 0.6s; transition-property: transform;}
.csr_info .part4 .deco .img4 {position: absolute; bottom: 85px; right: 125px; width: 380px; height: 380px; border-radius: 50%; overflow: hidden; transform: scale(0); transition-duration: 1s; transition-delay: 0.7s; transition-property: transform;}
.csr_info .part4 .deco .img1 img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.csr_info .part4 .deco .img2 img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.csr_info .part4 .deco .img3 img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.csr_info .part4 .deco .img4 img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.csr_info .part4.scroll_motion.active .deco .img1 {transform: scale(1);}
.csr_info .part4.scroll_motion.active .deco .img2 {transform: scale(1);}
.csr_info .part4.scroll_motion.active .deco .img3 {transform: scale(1);}
.csr_info .part4.scroll_motion.active .deco .img4 {transform: scale(1);}

@media all and (max-width:1600px) {
	.csr_info .part4 .deco .img1 {left: 84px;}
	.csr_info .part4 .deco .img2 {right: 215px;}
	.csr_info .part4 .deco .img3 {left: 184px;}
	.csr_info .part4 .deco .img4 {right: 62px;}
}

@media all and (max-width:1500px) {
	.csr_info .part4 .deco .img1 {left: 42px;}
	.csr_info .part4 .deco .img2 {right: 107px;}
	.csr_info .part4 .deco .img3 {left: 92px;}
	.csr_info .part4 .deco .img4 {right: 31px;}
}

@media all and (max-width:1400px) {
	.csr_info .part4 .deco .img1 {width: 150px; height: 150px;}
	.csr_info .part4 .deco .img2 {width: 120px; height: 120px;}
	.csr_info .part4 .deco .img3 {width: 200px; height: 200px;}
	.csr_info .part4 .deco .img4 {width: 300px; height: 300px;}
}

@media all and (max-width:1280px) {
	.csr_info .part4 .deco .img1 {width: 120px; height: 120px;}
	.csr_info .part4 .deco .img2 {width: 100px; height: 100px;}
	.csr_info .part4 .deco .img3 {width: 170px; height: 170px;}
	.csr_info .part4 .deco .img4 {width: 250px; height: 250px;}
}

@media all and (max-width:1024px) {
}

@media all and (max-width:768px) {
	.csr_info .part4 {height: 366px;}
	.csr_info .part4 .txt_pack {width: calc(100% - 30px); text-align: center; word-break: keep-all;}
	.csr_info .part4 .deco {height: 366px;}
	.csr_info .part4 .deco .img1 {top: 15px; left: -15px; width: 80px; height: 80px;}
	.csr_info .part4 .deco .img2 {top: 60px; right: 45px; width: 62px; height: 62px;}
	.csr_info .part4 .deco .img3 {bottom: 20px; left: 24px; width: 88px; height: 88px;}
	.csr_info .part4 .deco .img4 {bottom: 33px; right: 16px; width: 110px; height: 110px;}
}

.csr_info .part5 {position: relative; width: 100%; height: 808px; padding: 184px 0 200px; background: #F58220;}
.csr_info .part5::before {content: ""; display: block; position: absolute; top: 475px; left: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.3);}
.csr_info .part5 .txt_pack {color: #fff;}
.csr_info .part5 .txt_pack .subpage_copy {color: #fff; }
.csr_info .part5 .txt_pack  > a {color: #fff; background: url(../images/more-arrow-w.svg) no-repeat 55px 6px;}
.csr_info .part5.scroll_motion .subpage_copy {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-property: transform, opacity;}
.csr_info .part5.scroll_motion .txt2 {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.2s; transition-property: transform, opacity;}
.csr_info .part5.scroll_motion .txt_pack > a {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.4s; transition-property: transform, opacity;}
.csr_info .part5.scroll_motion.active .subpage_copy {transform: translate(0 ,0); opacity: 1;}
.csr_info .part5.scroll_motion.active .txt2 {transform: translate(0 ,0); opacity: 1;}
.csr_info .part5.scroll_motion.active .txt_pack > a {transform: translate(0 ,0); opacity: 1;}
.csr_info .part5 ul {display: flex; justify-content: space-between; margin-top: 80px; color: #fff;}
.csr_info .part5 ul .txt1 {position: relative; display: inline-block; padding-bottom: 20px; font-family: "spoqa_bold"; letter-spacing: 5px; opacity: 0.8;}
.csr_info .part5 ul .txt1::after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff;}
.csr_info .part5 ul .content_stit {margin-top: 50px; color: #fff;}
.csr_info .part5.scroll_motion ul li:nth-child(1) {transform: translate(100px ,0); opacity: 0; transition-duration: 0.8s; transition-delay: 0.5s; transition-property: transform, opacity;}
.csr_info .part5.scroll_motion ul li:nth-child(2) {transform: translate(100px ,0); opacity: 0; transition-duration: 0.8s; transition-delay: 0.6s; transition-property: transform, opacity;}
.csr_info .part5.scroll_motion ul li:nth-child(3) {transform: translate(100px ,0); opacity: 0; transition-duration: 0.8s; transition-delay: 0.7s; transition-property: transform, opacity;}
.csr_info .part5.scroll_motion.active ul li:nth-child(1) {transform: translate(0 ,0); opacity: 1;}
.csr_info .part5.scroll_motion.active ul li:nth-child(2) {transform: translate(0 ,0); opacity: 1;}
.csr_info .part5.scroll_motion.active ul li:nth-child(3) {transform: translate(0 ,0); opacity: 1;}

@media all and (max-width:1024px) {
	.csr_info .part5::before {top: 460px;}
}

@media all and (max-width:768px) {
	.csr_info .part5 {height: auto; padding: 60px 15px 130px; word-break: keep-all; margin-bottom: -80px;}
	.csr_info .part5 ul {display: block;}
	.csr_info .part5 li {margin-bottom: 40px;}
	.csr_info .part5 li:last-child {margin-bottom: 0px;}
	.csr_info .part5::before {display: none;}
	.csr_info .part5 ul .txt1 {padding-bottom: 12px;}
	.csr_info .part5 ul .content_stit {margin-top: 20px;}
	.csr_info .part5 ul .content_stit br {display: none;}
	/* .csr_info .part5 .txt_pack > a {background: url(../images/more-arrow-w.svg) no-repeat 45px 7px; background-size: 6px;} */
	.csr_info .part5 .txt_pack > a::after {content: ""; width: 10px; height: 10px; display: inline-block; background: url(../images/more-arrow-w.svg) no-repeat; position: absolute; top: 7px; right: 0; background-size: contain;}
}

.csr_history {display: flex; overflow: hidden;}
.csr_history .left {display: flex; align-content: center; justify-content: center; width: calc(100% - 1064px); height: 100vh; padding: 130px 0; text-align: center; background: #F58220;}
.csr_history .left a {position: relative; display: block; margin: 20px 0;}
.csr_history .left a .txt1 {font-size: 80px; font-family: "spoqa_bold"; letter-spacing: 1px; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; color: #F58220; transition-duration: 0.5s; transition-property: color;}
.csr_history .left a .txt2 {width: 100%; margin-top: -10px; font-size: 16px; font-family: "spoqa_bold"; color: rgba(255, 255, 255, 0.5); transition-duration: 0.5s; transition-property: color, letter-spacing, text-shadow;}
.csr_history .left a.on .txt1 {color: #fff; letter-spacing: 0px; text-shadow: 0px 0 #fff, 0 0px #fff, 0px 0 #fff, 0 0px #fff;}
.csr_history .left a.on .txt2 {color: rgba(255, 255, 255, 1);}
.csr_history .right {position: relative; width: 1064px; padding: 140px 0 0; overflow: hidden;}
.csr_history .right ul {position: relative; width: 560px; margin: auto;}
.csr_history .right ul li {margin-bottom: 160px;}
.csr_history .right ul li .tit {font-family: "spoqa_bold"; font-size: 72px; color: #222; margin-bottom: 30px;}
.csr_history .right ul li .info_list:first-child {margin-left: 0;}
.csr_history .right ul li .info_list > div {position: relative; padding-left: 60px; color: #444; margin-bottom: 30px;}
.csr_history .right ul li .info_list > div > span {position: absolute; top: 0; left: 0; font-family: "spoqa_bold"; color: #222;}
/* 2025-06-05 */
.csr_history .right ul li .info_list > div > p{padding-bottom: 10px;}
.csr_history .right ul li .info_list > div > p:last-child{padding-bottom: 0;}
/* // 2025-06-05 */
.csr_history .right ul li .info_list .img {position: relative; width: 335px; height: 223px; margin-bottom: 20px;}/* 2025-06-12*/
.csr_history .right ul li .info_list .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%;}

@media all and (max-width:1600px) {
	.csr_history .left {width: calc(100% - 800px);}
	.csr_history .right {width: 800px;}

	.csr_history .left a .txt1 {font-size: 50px;}
}

@media all and (max-width:1280px) {
	.csr_history .left {width: calc(100% - 700px);}
	.csr_history .right {width: 700px;}
}

@media all and (max-width:1024px) {
	.csr_history .left {position: fixed; bottom: 0; left: 0; width: 100%; height: 58px; padding: 30px; z-index: 10; transition: all 0.3s;}
	.csr_history .left.for_position {position: absolute; bottom: -60px;}
	.csr_history .left a {display: inline-block; width: auto; margin: 0;}
	.csr_history .left a .txt1 {display: none;}
	/* .csr_history .left a .txt2 {font-size: 20px; margin-top: 0;} */

	.csr_history .right {width: 100%; padding: 0;}
	.csr_history .right ul {position: relative; width: 90%; margin: auto;}
}

@media all and (max-width:768px) {
	.csr_history .left {height: 60px; padding: 17px;}
	.csr_history .left a {display: inline-block; width: auto;}
	.csr_history .left a .txt2 {font-size: 14px; margin-top: 0px;}

	.csr_history .right ul li {margin-bottom: 60px;}
	.csr_history .right ul li .tit {font-size: 48px; line-height: 60px; margin-bottom: 20px;}
	.csr_history .right ul li .info_list > div {margin-bottom: 24px;}
	.csr_history .right ul li .info_list .img {width: 80%; height: auto;margin-bottom: 20px;}
	.csr_history .right ul li .info_list .img img {position: relative; top: 0%; left: 0%; transform: translate(0%, 0%); height: auto; width: 100%;}
}

.csr_gorupsocial {width: 100%;}
.csr_gorupsocial li {margin-bottom: 180px;}
.csr_gorupsocial li:last-child {margin-bottom: 0px;}
.csr_gorupsocial li > .img {width: 100%; height: 580px;}
.csr_gorupsocial li:nth-child(1) > .img {background: url('../images/his005-part1img.jpg') no-repeat center center; background-size: cover;}
.csr_gorupsocial li:nth-child(2) > .img {background: url('../images/his005-part4img.jpg') no-repeat center center; background-size: cover;}
.csr_gorupsocial li:nth-child(3) > .img {background: url('../images/his005-part2img.jpg') no-repeat center center; background-size: cover;}
.csr_gorupsocial li:nth-child(4) > .img {background: url('../images/his005-part3img.jpg') no-repeat center center; background-size: cover;}
.csr_gorupsocial li:nth-child(1) > .img.scroll_motion {background-size: auto 100%; transition-duration: 1s; transition-property: background;}
.csr_gorupsocial li:nth-child(2) > .img.scroll_motion {background-size: auto 100%; transition-duration: 1s; transition-property: background}
.csr_gorupsocial li:nth-child(3) > .img.scroll_motion {background-size: auto 100%; transition-duration: 1s; transition-property: background;}
.csr_gorupsocial li:nth-child(4) > .img.scroll_motion {background-size: auto 100%; transition-duration: 1s; transition-property: background;}
.csr_gorupsocial li:nth-child(1) > .img.scroll_motion.active {background-size: auto 110%;}
.csr_gorupsocial li:nth-child(2) > .img.scroll_motion.active {background-size: auto 110%;}
.csr_gorupsocial li:nth-child(3) > .img.scroll_motion.active {background-size: auto 110%;}
.csr_gorupsocial li:nth-child(4) > .img.scroll_motion.active {background-size: auto 110%;}

.csr_gorupsocial li > .info {display: flex; justify-content: space-between; margin-top: 120px;}
.csr_gorupsocial li > .info.for_mt {margin-top: 180px;}
.csr_gorupsocial li > .info .left {width: 50%;}

/* .csr_gorupsocial li > .info .left .subpage_copy br {display: none;}
.csr_gorupsocial li > .info .left .subpage_copy br.pc {display: block;} */
.csr_gorupsocial li > .info .left > a {display: inline-block; width: 210px; height: 50px;  margin-top: 40px; border: 1px solid #043B72; border-radius: 10px; padding: 10px 0; text-align: center;}
.csr_gorupsocial li > .info .left > a > span {padding-right: 45px; background: url('../images/icon-gohp.svg') no-repeat right center; color: #043B72; font-size: 17px;}
.csr_gorupsocial li > .info .right {width: 50%;}
.csr_gorupsocial li > .info .right .txt1 {word-break: keep-all;}
.csr_gorupsocial li > .info .right .txt2 {display: flex; margin-top: 80px;}
.csr_gorupsocial li > .info .right .txt2 .info {margin-right: 70px;}
.csr_gorupsocial li > .info .right .txt2 .info .content_stit {color: #043B72;}
.csr_gorupsocial li > .info .right .txt2 .info .num {font-size: 110px; font-family: "spoqa_bold";}
.csr_gorupsocial li > .info .right .txt2 .info .num span {font-size: 18px; font-family: "spoqa_bold"; margin-left: 10px;}
.csr_gorupsocial li > .info .right .add {color: #888; margin-top: 10px;}
.csr_gorupsocial li > .info .right .worklist {margin-top: 60px;}
.csr_gorupsocial li > .info .right .worklist .tr {display: flex; margin-top: 25px; padding:10px 0 10px 68px;}
.csr_gorupsocial li > .info .right .worklist .tr:first-child {margin-bottom: 0px;}
.csr_gorupsocial li > .info .right .worklist .tr .th {width: 150px; font-family: "spoqa_bold"; color: #222;}
.csr_gorupsocial li > .info .right .worklist .tr .td {width: calc(100% - 150px); word-break: keep-all;}
.csr_gorupsocial li > .info .right .content_stxt {margin-top: 30px;}
.csr_gorupsocial li > .info.scroll_motion .left {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-property: transform, opacity;}
.csr_gorupsocial li > .info.scroll_motion.active .left {transform: translate(0, 0); opacity: 1;}
.csr_gorupsocial li > .info.scroll_motion .right .txt1 {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.1s; transition-property: transform, opacity;}
.csr_gorupsocial li > .info.scroll_motion.active .right .txt1 {transform: translate(0, 0); opacity: 1;}
.csr_gorupsocial li > .info.scroll_motion .right .txt2 {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.2s; transition-property: transform, opacity;}
.csr_gorupsocial li > .info.scroll_motion .right .content_stxt {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.4s; transition-property: transform, opacity;}
.csr_gorupsocial li > .info.scroll_motion.active .right .content_stxt {transform: translate(0, 0); opacity: 1;}

.csr_gorupsocial li > .info.scroll_motion .right .add {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.2s; transition-property: transform, opacity;}
.csr_gorupsocial li > .info.scroll_motion.active .right .add {transform: translate(0, 0); opacity: 1;}

.csr_gorupsocial li > .info.scroll_motion.active .right .txt2 {transform: translate(0, 0); opacity: 1;}
.csr_gorupsocial li > .info.scroll_motion .right .worklist {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.3s; transition-property: transform, opacity;}
.csr_gorupsocial li > .info.scroll_motion.active .right .worklist {transform: translate(0, 0); opacity: 1;}

@media all and (max-width:1600px) {
	.csr_gorupsocial li > .info .left {width: calc(100% - 730px);}
	.csr_gorupsocial li > .info .right {width: 730px;}

	.csr_gorupsocial li > .img {height: 460px;}
}

@media all and (max-width:1500px) {
	.csr_gorupsocial li > .info .left {width: calc(100% - 650px);}
	.csr_gorupsocial li > .info .left .subpage_copy br {display: block;}
	.csr_gorupsocial li > .info .right {width: 600px; word-break: keep-all;}
	.csr_gorupsocial li > .info .right .txt1 br {display: none;}
	.csr_gorupsocial li > .info .right .txt2 .info {margin-right: 40px;}
	.csr_gorupsocial li > .info .right .txt2 .info .num {font-size: 90px;}
}

@media all and (max-width:1280px) {
	.csr_gorupsocial li > .img {height: 460px;}
}

@media all and (max-width:1024px) {
	.csr_gorupsocial li {margin-bottom: 100px;}
	.csr_gorupsocial li > .info {display: block;}
	.csr_gorupsocial li > .img {height: 350px;}
	.csr_gorupsocial li > .info .left {display: flex; justify-content: space-between; align-items: center; width: 100%;}
	.csr_gorupsocial li > .info .left .subpage_copy br {display: none;}
	.csr_gorupsocial li > .info .left .subpage_copy br.pc {display: none;}
	.csr_gorupsocial li > .info .left > a {margin-top: 0;}
	.csr_gorupsocial li > .info .right {width: 100%; margin-top: 15px;}
	.csr_gorupsocial li > .info .right .txt2 {margin-top: 50px;}
	.csr_gorupsocial li > .info .right .txt2 .info {margin-right: 50px;}
	.csr_gorupsocial li > .info .right .txt2 .info .num {font-size: 80px;}
}

@media all and (max-width:768px) {
	.csr_gorupsocial li > .info.for_mt {margin-top: 80px; padding-bottom: 50px;}
	.csr_gorupsocial li > .img {height: 230px;}
	.csr_gorupsocial li:nth-child(1) > .img {background: url('../images/his005-part1img.jpg') no-repeat right center; background-size: cover;}
	.csr_gorupsocial li > .info {margin-top: 50px;}
	.csr_gorupsocial li > .info .left {display: block;}
	.csr_gorupsocial li > .info .left .content_tit {font-size: 16px; display: block; margin-top: 0;}
	.csr_gorupsocial li > .info .left > a {width: 185px; height: 38px; margin-top: 20px; padding: 7px 0; text-align: center;}
	.csr_gorupsocial li > .info .left > a > span {padding-right: 25px; background: url('../images/icon-gohp.svg') no-repeat right center; background-size: 12px; color: #043B72; font-size: 14px;}
	.csr_gorupsocial li > .info .right .txt2 .info {margin-right: 30px;}
	.csr_gorupsocial li > .info .right .txt2 .info .num {font-size: 64px; font-family: "spoqa_bold"; line-height: 80px;}
	.csr_gorupsocial li > .info .right .txt2 .info .num span {font-size: 14px; font-family: "spoqa_bold"; margin-left: 10px; line-height: 24px;}
	.csr_gorupsocial li > .info .right .txt2 .info .num span.add {display: block; font-size: 14px; font-family: "spoqa_regular"; color: #888; margin-left: 0; line-height: 24px;}
	.csr_gorupsocial li > .info .right .worklist {margin-top: 30px;}
	.csr_gorupsocial li > .info .right .worklist .tr {display: block;}
	.csr_gorupsocial li > .info .right .worklist .tr .th {width: 100%;}
	.csr_gorupsocial li > .info .right .worklist .tr .td {width: 100%;}
}

@media all and (max-width:360px) {
	.csr_gorupsocial li:nth-child(1) > .img {background: url('../images/his005-part1img-m.jpg') no-repeat 42% center; background-size: cover;}
}




/* 기부문화 */
.dona_culture_info {position: relative;}
.dona_culture_info .part1 {text-align: center;}
.dona_culture_info .part1 .txt2 {margin: 30px 0;}
.dona_culture_info .part1 .subpage_copy.scroll_motion.init {transform: translateY(100px); transition-duration: unset; opacity: 0; animation:fadeUp 0.8s forwards;}
.dona_culture_info .part1 .txt2.scroll_motion.init {transform: translateY(100px); transition-duration: unset; opacity: 0; animation:fadeUp 0.8s forwards; animation-delay: 0.1s;}

@keyframes fadeUp {
	0% {transform: translateY(100px); opacity: 0;}
	100% {opacity: 1; transform: translateY(0);}
}

.dona_culture_info .part1 .txt_img {position: relative; width: 1335px; margin: auto; margin-bottom: 116px;}
.dona_culture_info .part1 .txt_img img {width: 100%;}
.dona_culture_info .part1 .txt_img.scroll_motion {transform: translate(0, 100px); opacity: 0; transition: 0.8s;}
.dona_culture_info .part1 .txt_img.scroll_motion.active {transform: translate(0, 0); opacity: 1;}
.dona_culture_info .part1 .txt_img.scroll_motion.init {transform: translateY(100px); transition-duration: unset; opacity: 0; animation:fadeUp 0.8s forwards; animation-delay: 0.5s;}
.dona_culture_info .part1 .txt_img .movie_deco {position: absolute; bottom: 65px; left: 695px; width: 238px; height: 152px; border-radius: 76px; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transition: 0.8s;}
.dona_culture_info .part1 .txt_img .movie_deco video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}

@media all and (max-width:1500px) {
	.dona_culture_info .part1 .txt_img {width: 1000px;}
	.dona_culture_info .part1 .txt_img .movie_deco {bottom: 45px; left: 520px; width: 180px; height: 122px; border-radius: 66px;}
}

@media all and (max-width:1024px) {
	.dona_culture_info .part1 {width: 90%; margin: auto; word-break: keep-all;}
	/* .dona_culture_info .part1 .subpage_copy br {display: none;} */
	.dona_culture_info .part1 .txt2 {margin: 30px 0;}
	.dona_culture_info .part1 .subpage_copy.scroll_motion_init {transform: translateY(100px); transition-duration: unset; opacity: 0; animation:fadeUp 0.8s forwards;}
	.dona_culture_info .part1 .txt2.scroll_motion_init {transform: translateY(100px); transition-duration: unset; opacity: 0; animation:fadeUp 0.8s forwards; animation-delay: 0.1s;}
	.dona_culture_info .part1 .txt_img {width: 700px;}
	.dona_culture_info .part1 .txt_img .movie_deco {bottom: 35px; left: 360px; width: 130px; height: 75px; border-radius: 41px;}
}

@media all and (max-width:768px) {
	.dona_culture_info .part1 .txt2 {margin: 15px 0;}
	.dona_culture_info .part1 .txt_img {width: 326px;}
	.dona_culture_info .part1 .txt_img .movie_deco {bottom: 25px; left: 77px; width: 80px; height: 50px; border-radius: 25px;}
}

@media all and (max-width:500px) {
	/* .dona_culture_info .part1 .txt2 br {display: none; word-break: keep-all;} */
	.dona_culture_info .part1 .txt_img {width: 260px;}
	.dona_culture_info .part1 .txt_img .movie_deco {bottom: 18px; left: 62px; width: 65px; height: 40px; border-radius: 25px;}
}

.dona_culture_info .part2 {position: relative; width: 100%; padding: 180px 0; background: #f58220; text-align: center;}
.dona_culture_info .part2 {position: relative;}
.dona_culture_info .part2 a {border: 1px solid #fff; margin-top: 40px; transform: translateY(50px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.3s;}
.dona_culture_info .part2 a:hover span {color: #f58220;}
.dona_culture_info .part2 span {color: #fff; }
.dona_culture_info .part2 .wave {position: absolute; top: 565px; left: 0; width: 2795px; height: 230px;}
.dona_culture_info .part2 .wave p {position: absolute; bottom: 0; left: 0; width: 2795px; height: 230px; background: url('../images/dona-cul-wave.png') no-repeat 0 0; background-size: 100%;}
.dona_culture_info .part2 .wave p:nth-child(2) {position: absolute; bottom: 0; left: 2785px; width: 2795px; height: 230px; background: url('../images/dona-cul-wave.png') no-repeat 0 0; background-size: 100%;}
.dona_culture_info .part2 {width: 100%; padding: 180px 0; background: #f58220; text-align: center;}
.dona_culture_info .part2 > p {color: #fff;}
.dona_culture_info .part2 .content_txt {margin-top: 20px;}
.dona_culture_info .part2 .content_tit {margin-top: 40px;}
.dona_culture_info .part2 .small {font-size: 14px; padding-top: 18px; display: inline-block;}
.dona_culture_info .part2 .swiper-container {width: 1460px; margin: 40px auto 0; overflow: visible;}
.dona_culture_info .part2 .swiper-container .swiper-slide {width: 360px; margin: 0 auto;}/* 2024-12-19 사업종료 */
.dona_culture_info .part2 .swiper-container .swiper-slide .txt {padding: 0 25px; color: #fff; word-break: keep-all;}
.dona_culture_info .part2 .swiper-container .swiper-slide .txt .content_stit {margin: 40px 0 20px; color: #fff;}
.dona_culture_info .part2 .swiper-container .swiper-slide:nth-child(2n) {transform: translate(0, 45px);}
.dona_culture_info .part2 .swiper-container .swiper-button-next {top: 170px; right: -150px; width: 46px; height: 46px; background: url(../images/dona-cul-infopart2-right.svg) no-repeat 0 0; background-size: 100%;}
.dona_culture_info .part2 .swiper-container .swiper-button-prev {top: 170px; left: -150px; width: 46px; height: 46px; background: url(../images/dona-cul-infopart2-left.svg) no-repeat 0 0; background-size: 100%;}
.dona_culture_info .part2.scroll_motion .subpage_copy {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0s;}
.dona_culture_info .part2.scroll_motion .content_txt {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.1s;}
.dona_culture_info .part2.scroll_motion .content_tit {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.2s;}
.dona_culture_info .part2.scroll_motion .swiper-container {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.4s;}
.dona_culture_info .part2.scroll_motion.active .subpage_copy {transform: translate(0, 0); opacity: 1;}
.dona_culture_info .part2.scroll_motion.active .content_txt {transform: translate(0, 0); opacity: 1;}
.dona_culture_info .part2.scroll_motion.active .content_tit {transform: translate(0, 0); opacity: 1;}
.dona_culture_info .part2.scroll_motion.active .swiper-container {transform: translate(0, 0); opacity: 1;}
.dona_culture_info .part2.scroll_motion.active a {transform: translate(0, 0); opacity: 1;}
.content_txt2 {font-family: "spoqa_bold";}

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

@media all and (max-width:1024px) {
	.dona_culture_info .part2 {padding: 120px 0;}
	.dona_culture_info .part2 .wave {position: absolute; top: 465px; left: 0; width: 2838px; height: 230px;}
	.dona_culture_info .part2 .wave p {position: absolute; bottom: 0; left: 0; width: 2838px; height: 230px; background: url('../images/dona-cul-wave.png') no-repeat 0 0; background-size: 100%;}
	.dona_culture_info .part2 .swiper-container {width: 100%;}
	.dona_culture_info .part2 .swiper-container .swiper-slide {width: 270px;}
	.dona_culture_info .part2 .swiper-container .swiper-slide .img {width: 238px; margin: auto;}
	.dona_culture_info .part2 .swiper-container .swiper-slide .img img {width: 100%;}
	.dona_culture_info .part2 .swiper-container .swiper-button-next {top: 170px; right: -150px; width: 46px; height: 46px; background: url(../images/dona-cul-infopart2-right.svg) no-repeat 0 0; background-size: 100%;}
	.dona_culture_info .part2 .swiper-container .swiper-button-prev {top: 170px; left: -150px; width: 46px; height: 46px; background: url(../images/dona-cul-infopart2-left.svg) no-repeat 0 0; background-size: 100%;}
}

@media all and (max-width:768px) {
	.dona_culture_info .part2 {padding: 60px 5%; word-break: keep-all;}
	.dona_culture_info .part2 .content_txt {margin-top: 10px;}
	/* .dona_culture_info .part2 .content_txt br {display: none;} */
	.dona_culture_info .part2 .content_tit {margin-top: 20px;}
	.dona_culture_info .part2 .swiper-container .swiper-slide .txt .content_stit {margin: 20px 0 12px;}
	.dona_culture_info .part2 .swiper-container .swiper-slide .txt1 br {display: none;}
}

@media all and (max-width:500px) {
}

.dona_culture_info .other_part {width: 100%; background: #F7F0E8; padding: 180px 0 0; border: 1px solid rgba(0, 0, 0, 0.0);}
.dona_culture_info.dev .other_part {padding: 180px 0;}
.dona_culture_info .other_part dt {margin-bottom: 80px; text-align: center; color: #043B72;}
.dona_culture_info .other_part .part3 ul {display: flex; justify-content: space-between; width: 1240px; margin: auto; text-align: center;}
.dona_culture_info .other_part dt.scroll_motion {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0s;}
.dona_culture_info .other_part .part3.scroll_motion {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.1s;}
.dona_culture_info .other_part dt.scroll_motion.active {transform: translate(0, 0); opacity: 1;}
.dona_culture_info .other_part .part3.scroll_motion.active {transform: translate(0, 0); opacity: 1;}
.dona_culture_info .other_part .part3 li {position: relative; width: 250px; height: 250px; background: #fff; border-radius: 50%; text-align: center; overflow: hidden;}
.dona_culture_info .other_part .part3 li svg {position: absolute; top: 0; left: 0; width: 250px; height: 250px; transform: rotateZ(-90deg);}
.dona_culture_info .other_part .part3 li:nth-child(1) .path1 {stroke-dasharray: 785; stroke-dashoffset: 785; transition-duration: 1s; transition-delay: 0.4s;}
.dona_culture_info .other_part .part3 li:nth-child(2) .path1 {stroke-dasharray: 785; stroke-dashoffset: 785; transition-duration: 1s; transition-delay: 0.4s;}
.dona_culture_info .other_part .part3 li:nth-child(3) .path1 {stroke-dasharray: 785; stroke-dashoffset: 785; transition-duration: 1s; transition-delay: 0.4s;}
.dona_culture_info .other_part .part3 li:nth-child(4) .path1 {stroke-dasharray: 785; stroke-dashoffset: 785; transition-duration: 1s; transition-delay: 0.4s;}
.dona_culture_info .other_part .part3.active li:nth-child(1) .path1 {stroke-dashoffset: 588.75;}
.dona_culture_info .other_part .part3.active li:nth-child(2) .path1 {stroke-dashoffset: 392.5;}
.dona_culture_info .other_part .part3.active li:nth-child(3) .path1 {stroke-dashoffset: 196.25;}
.dona_culture_info .other_part .part3.active li:nth-child(4) .path1 {stroke-dashoffset: 0;}
.dona_culture_info .other_part .part3 li .txt_pack {position: absolute; top: 70px; left: 0; width: 100%;}
.dona_culture_info .other_part .part3 li .txt_pack .content_stit {color: #f58220; margin-bottom: 20px;}

@media all and (max-width:1280px) {
	.dona_culture_info .other_part .part3 ul {width: 980px;}
	.dona_culture_info .other_part .part3 li {width: 220px; height: 220px;}
	.dona_culture_info .other_part .part3 li svg {width: 220px; height: 220px;}
	.dona_culture_info .other_part .part3 li .txt_pack {top: 55px;}

	.dona_culture_info .other_part .part3 li:nth-child(1) .path1 {stroke-dasharray: 690.8; stroke-dashoffset: 690.8;}
	.dona_culture_info .other_part .part3 li:nth-child(2) .path1 {stroke-dasharray: 690.8; stroke-dashoffset: 690.8;}
	.dona_culture_info .other_part .part3 li:nth-child(3) .path1 {stroke-dasharray: 690.8; stroke-dashoffset: 690.8;}
	.dona_culture_info .other_part .part3 li:nth-child(4) .path1 {stroke-dasharray: 690.8; stroke-dashoffset: 690.8;}
	.dona_culture_info .other_part .part3.active li:nth-child(1) .path1 {stroke-dashoffset: 518.1;}
	.dona_culture_info .other_part .part3.active li:nth-child(2) .path1 {stroke-dashoffset: 345.4;}
	.dona_culture_info .other_part .part3.active li:nth-child(3) .path1 {stroke-dashoffset: 172.7;}
	.dona_culture_info .other_part .part3.active li:nth-child(4) .path1 {stroke-dashoffset: 0;}
}

@media all and (max-width:1024px) {
	.dona_culture_info .other_part .part3 ul {width: 500px; flex-wrap: wrap; margin: 0 auto 90px;}
	.dona_culture_info .other_part .part3 li {margin-bottom: 45px;}
	.dona_culture_info .other_part .part3 li:nth-child(3) {margin-bottom: 0;}
	.dona_culture_info .other_part .part3 li:nth-child(4) {margin-bottom: 0;}
}

@media all and (max-width:768px) {
	.dona_culture_info .other_part {padding: 90px 0;}
	.dona_culture_info .other_part dt {margin-bottom: 40px;}
	.dona_culture_info .other_part .part3 ul {width: 320px; flex-wrap: wrap; margin: auto;}
	.dona_culture_info .other_part .part3 li {width: 154px; height: 154px; margin-bottom: 10px;}
	.dona_culture_info .other_part .part3 li:nth-child(3) {margin-bottom: 0;}
	.dona_culture_info .other_part .part3 li:nth-child(4) {margin-bottom: 0;}
	.dona_culture_info .other_part .part3 li svg {width: 154px; height: 154px;}
	.dona_culture_info .other_part .part3 li .txt_pack {top: 35px;}
	.dona_culture_info .other_part .part3 li .txt_pack .content_stit {margin-bottom: 10px;}

	.dona_culture_info .other_part .part3 li:nth-child(1) .path1 {stroke-dasharray: 483.56; stroke-dashoffset: 483.56;}
	.dona_culture_info .other_part .part3 li:nth-child(2) .path1 {stroke-dasharray: 483.56; stroke-dashoffset: 483.56;}
	.dona_culture_info .other_part .part3 li:nth-child(3) .path1 {stroke-dasharray: 483.56; stroke-dashoffset: 483.56;}
	.dona_culture_info .other_part .part3 li:nth-child(4) .path1 {stroke-dasharray: 483.56; stroke-dashoffset: 483.56;}
	.dona_culture_info .other_part .part3.active li:nth-child(1) .path1 {stroke-dashoffset: 362.67;}
	.dona_culture_info .other_part .part3.active li:nth-child(2) .path1 {stroke-dashoffset: 241.78;}
	.dona_culture_info .other_part .part3.active li:nth-child(3) .path1 {stroke-dashoffset: 120.89;}
	.dona_culture_info .other_part .part3.active li:nth-child(4) .path1 {stroke-dashoffset: 0;}
}

@media all and (max-width:500px) {
	.dona_culture_info.dev .other_part {padding: 0 0 90px;}
	.dona_culture_info .other_part .part3 ul {width: 290px;}
	.dona_culture_info .other_part .part3 li {width: 140px; height: 140px; margin-bottom: 10px;}
	.dona_culture_info .other_part .part3 li svg {width: 140px; height: 140px;}
	.dona_culture_info .other_part .part3 li .txt_pack {top: 30px;}
	.dona_culture_info .other_part .part3 li .txt_pack .content_stit {margin-bottom: 5px;}

	.dona_culture_info .other_part .part3 li:nth-child(1) .path1 {stroke-dasharray: 439.6; stroke-dashoffset: 439.6;}
	.dona_culture_info .other_part .part3 li:nth-child(2) .path1 {stroke-dasharray: 439.6; stroke-dashoffset: 439.6;}
	.dona_culture_info .other_part .part3 li:nth-child(3) .path1 {stroke-dasharray: 439.6; stroke-dashoffset: 439.6;}
	.dona_culture_info .other_part .part3 li:nth-child(4) .path1 {stroke-dasharray: 439.6; stroke-dashoffset: 439.6;}
	.dona_culture_info .other_part .part3.active li:nth-child(1) .path1 {stroke-dashoffset: 329.7;}
	.dona_culture_info .other_part .part3.active li:nth-child(2) .path1 {stroke-dashoffset: 219.8;}
	.dona_culture_info .other_part .part3.active li:nth-child(3) .path1 {stroke-dashoffset: 109.9;}
	.dona_culture_info .other_part .part3.active li:nth-child(4) .path1 {stroke-dashoffset: 0;}
}

.dona_culture_info .other_part .part4 .top {display: flex; position: relative; width: 100%; }/* 2023-04-26 수정*/
.dona_culture_info .other_part .part4 .top .left {position: relative; width: 55%; z-index: 1;}
.dona_culture_info .other_part .part4 .top .left .img {position: relative; width: 100%; height: 620px; border-radius: 0 20px 20px 0; overflow: hidden;}
.dona_culture_info .other_part .part4 .top .left .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.dona_culture_info .other_part .part4 .top .right {/*position: relative;*/display: flex; flex-direction: column;     align-items: center; justify-content: space-around; width: 45%; height: 620px;} /* 2023-04-26 수정 */
/*.dona_culture_info .other_part .part4 .top .right .txt_pack {position: absolute; top: 50%; left: 100px; transform: translate(0, -50%);}*/ /* 2023-04-26 삭제 */
.dona_culture_info .other_part .part4 .top .right .txt_pack .txt1 {color: #f58220; font-family: "spoqa_bold";}
.dona_culture_info .other_part .part4 .top .right .txt_pack .content_tit {margin-top: 20px; color: #043B72;}
.dona_culture_info .other_part .part4 .top .right .txt_pack .btn_arrow {margin-top: 40px;}
.dona_culture_info .other_part .part4 .top .right .txt_pack.scroll_motion .txt1 {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0s;}
.dona_culture_info .other_part .part4 .top .right .txt_pack.scroll_motion .content_tit {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.1s;}
.dona_culture_info .other_part .part4 .top .right .txt_pack.scroll_motion .btn_arrow {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.2s;}
.dona_culture_info .other_part .part4 .top .right .txt_pack.scroll_motion.active .txt1 {transform: translate(0, 0); opacity: 1;}
.dona_culture_info .other_part .part4 .top .right .txt_pack.scroll_motion.active .content_tit {transform: translate(0, 0); opacity: 1;}
.dona_culture_info .other_part .part4 .top .right .txt_pack.scroll_motion.active .btn_arrow {transform: translate(0, 0); opacity: 1;}
.dona_culture_info .other_part .part4 .bot {margin-left: 230px;}
.dona_culture_info .other_part .part4 .bot li {display: flex; margin-bottom: 80px;}
.dona_culture_info .other_part .part4 .bot li:last-child {margin-bottom: 0px;}
.dona_culture_info .other_part .part4 .bot .left {width: 440px; padding-top: 40px;}
.dona_culture_info .other_part .part4 .bot .left .txt_pack .txt1 {color: #f58220; font-family: "spoqa_bold";}
.dona_culture_info .other_part .part4 .bot .left .txt_pack .content_tit {margin-top: 20px; color: #043B72;}
.dona_culture_info .other_part .part4 .bot .left .txt_pack .btn_arrow {margin-top: 40px;}
.dona_culture_info .other_part .part4 .bot .left.scroll_motion .txt_pack .txt1 {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0s;}
.dona_culture_info .other_part .part4 .bot .left.scroll_motion .txt_pack .content_tit {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.1s;}
.dona_culture_info .other_part .part4 .bot .left.scroll_motion .txt_pack .btn_arrow {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.2s;}
.dona_culture_info .other_part .part4 .bot .left.scroll_motion.active .txt_pack .txt1 {transform: translate(0, 0); opacity: 1;}
.dona_culture_info .other_part .part4 .bot .left.scroll_motion.active .txt_pack .content_tit {transform: translate(0, 0); opacity: 1;}
.dona_culture_info .other_part .part4 .bot .left.scroll_motion.active .txt_pack .btn_arrow {transform: translate(0, 0); opacity: 1;}
.dona_culture_info .other_part .part4 .bot .left .swiper-buttons {margin-top: 80px;}
.dona_culture_info .other_part .part4 .bot .left.scroll_motion .swiper-buttons {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.3s;}
.dona_culture_info .other_part .part4 .bot .left.scroll_motion.active .swiper-buttons {transform: translate(0, 0); opacity: 1;}
.dona_culture_info .other_part .part4 .bot .left .swiper-buttons .swiper-button-prev {position: relative; top: 0; left: 0; display: inline-block; width: 24px; height: 24px; background: url('../images/dona-cul-part4-prev.svg') no-repeat center center;}
.dona_culture_info .other_part .part4 .bot .left .swiper-buttons .swiper-button-next {position: relative; top: 0; left: 0;display: inline-block; width: 24px; height: 24px; background: url('../images/dona-cul-part4-next.svg') no-repeat center center;}
.dona_culture_info .other_part .part4 .bot .right {width: calc(100% - 440px);}
.dona_culture_info .other_part .part4 .bot .right.scroll_motion{transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0s;}
.dona_culture_info .other_part .part4 .bot .right.scroll_motion.active {transform: translate(0, 0); opacity: 1;}
.dona_culture_info .other_part .part4 .bot .right .swiper-slide {width: 460px;}
.dona_culture_info .other_part .part4 .bot .right .swiper-slide:hover .img img {transform: translate(-50%, -50%) scale(1.1);}
.dona_culture_info .other_part .part4 .bot .right .img {position: relative; width: 460px; height: 306px; border-radius: 20px; overflow: hidden;}
.dona_culture_info .other_part .part4 .bot .right .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; transition: all 0.5s;}
.dona_culture_info .other_part .part4 .bot .right .txt_pack {margin-top: 30px;}
.dona_culture_info .other_part .part4 .bot .right .txt_pack .content_stit {margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.dona_culture_info .other_part .part4 .bot .right .txt_pack > a {margin-top: 30px;}
.dona_culture_info .other_part .part4 .bot .right .txt_pack .txt2 {margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: break-all;}
.dona_culture_info .other_part .part4 .bot .right .txt_pack .txt2 strong {display: inline-block; margin-right: 8px;}

@media all and (min-width: 1921px) {
	.dona_culture_info .other_part .part4 .top {display: flex; position: relative; margin: 0 auto;}/* 2023-04-26 */
	.dona_culture_info .other_part .part4 .top .left {width: 50%;}
	.dona_culture_info .other_part .part4 .top .left .img img {left: 0; transform: translate(0, -50%); width: 100%;}
	.dona_culture_info .other_part .part4 .bot {margin-left: 230px; width: 1460px; margin: 0 auto;}

	.dona_culture_info .other_part .part4 .bot .left {width: 530px;}
}

@media all and (max-width:1280px) {
	.dona_culture_info .other_part .part4 .top .left {width: 50%;}
	.dona_culture_info .other_part .part4 .top .left .img img {top: 50%;}
	.dona_culture_info .other_part .part4 .top .right {width: 50%;}
	.dona_culture_info .other_part .part4 .bot {margin-left: 72px;}
}

@media all and (max-width:1024px) {
	.dona_culture_info .other_part .part4 .top {flex-direction: column-reverse;}/* 2023-04-26 수정 */
	.dona_culture_info .other_part .part4 .top .left {width: calc(100% - 32px); margin-top: 60px;}
	.dona_culture_info .other_part .part4 .top .left .img {height: 310px;}
	.dona_culture_info .other_part .part4 .top .right {align-items: stretch; width: 100%; height: auto; padding: 0 30px;}/* 2023-04-26 수정 */
	.dona_culture_info .other_part .part4 .top .right .txt_pack {position: relative; top: 0; left: 0; transform: translate(0, 0);margin-bottom: 30px;}/* 2023-04-26 수정 */
	.dona_culture_info .other_part .part4 .bot li {display: block; margin-bottom: 80px; padding-top: 0;}
	.dona_culture_info .other_part .part4 .bot .right {width: 100%; padding-left: 0; margin-top: 60px;}
	.dona_culture_info .other_part .part4 .bot .left .swiper-buttons {margin-top: 40px;}
}

@media all and (max-width:768px) {
	/* .dona_culture_info .other_part .part4 .top { margin-bottom: 70px;} 2023-04-26 삭제*/
	.dona_culture_info .other_part .part4 .top .left {width: calc(100% - 16px); margin-top: 30px;}
	.dona_culture_info .other_part .part4 .top .left .img {height: 200px;}
	.dona_culture_info .other_part .part4 .top .left .img img {width: 100%; min-width: 400px;}
	.dona_culture_info .other_part .part4 .top .right {padding: 0 15px;}
	.dona_culture_info .other_part .part4 .top .right .txt_pack .content_tit {margin-top: 10px;}
	.dona_culture_info .other_part .part4 .top .right .txt_pack .btn_arrow {margin-top: 20px;}
	.dona_culture_info .other_part .part4 .bot {margin-left: 15px;}
	.dona_culture_info .other_part .part4 .bot .left {padding-top: 0; width: 100%;}
	.dona_culture_info .other_part .part4 .bot .left .txt_pack .content_tit {margin-top: 10px;}
	.dona_culture_info .other_part .part4 .bot .left .txt_pack .btn_arrow {margin-top: 20px;}
	.dona_culture_info .other_part .part4 .bot .right {margin-top: 30px;}
	.dona_culture_info .other_part .part4 .bot .right .swiper-slide {width: 270px;}
	.dona_culture_info .other_part .part4 .bot .right .img {width: 270px; height: 180px; border-radius: 16px; overflow: hidden;}
	.dona_culture_info .other_part .part4 .bot .right .swiper-slide .img img {transition: none;}
	.dona_culture_info .other_part .part4 .bot .right .swiper-slide:hover .img img {transform: translate(-50%, -50%) scale(1);}
	.dona_culture_info .other_part .part4 .bot .right .txt_pack {margin-top: 20px;}
	.dona_culture_info .other_part .part4 .bot .right .txt_pack .content_stit {margin-bottom: 12px;}
	.dona_culture_info .other_part .part4 .bot .right .txt_pack .txt2 {margin-bottom: 0;}
	.dona_culture_info .other_part .part4 .bot .right .txt_pack > a {margin-top: 20px;}
	.dona_culture_info .other_part .part4 .bot .left.scroll_motion.active .swiper-buttons {display: none;}
}

@media all and (max-width:500px) {
}

.dona_culture_info .part5 {width: 100%; padding: 180px 0 0;}
.dona_culture_info .part5 .subpage_copy {text-align: center; color: #043B72;}
.dona_culture_info .part5 .faq {width: 1460px; margin: 80px auto 0; border-top: 1px solid #ddd;}
.dona_culture_info .part5.scroll_motion .subpage_copy {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.1s;}
.dona_culture_info .part5.scroll_motion .faq {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.2s;}
.dona_culture_info .part5.scroll_motion.active .subpage_copy {transform: translate(0, 0); opacity: 1;}
.dona_culture_info .part5.scroll_motion.active .faq {transform: translate(0, 0); opacity: 1;}
.dona_culture_info .part5 .faq li {position: relative; padding: 45px 0; border-bottom: 1px solid #ddd;}
.dona_culture_info .part5 .faq li a {display: flex; width: 100%; font-family: "spoqa_bold"; font-size: 24px; color: #222; line-height: 26px;}
.dona_culture_info .part5 .faq li a > div {width: calc(100% - 180px);}
.dona_culture_info .part5 .faq li a > p {width: 100px; text-align: center; font-size: 26px; transition-duration: 0.3s; transition-property: color;}
.dona_culture_info .part5 .faq li a > p .top {display: inline-block; width: 67px; height: 40px; padding: 5px 0; transform: translate(0, -7px); font-size: 16px; color: #043B72; border: 1px solid #043B72; border-radius: 20px;}
.dona_culture_info .part5 .faq li .answer {display: none; padding-left: 100px; margin-top: 24px; color: #444;}
.dona_culture_info .part5 .faq li .answer a {display: inline; font-family: "spoqa_medium"; font-size: 18px;} /* 2022-08-03 추가 */
.dona_culture_info .part5 .faq li::after {content: ""; display: block; position: absolute; top: 49px; right: 40px; width: 24px; height: 24px; background: url('../images/accordion-arrow.svg') no-repeat 0 0; transition-duration: 0.3s; transition-property: transform; z-index: -1;}
.dona_culture_info .part5 .faq li.on a > p {color: #F58220;}
.dona_culture_info .part5 .faq li.on::after {transform: rotate(-180deg);}

@media all and (max-width:1500px) {
	.dona_culture_info .part5 .faq {width: 1200px;}
}

@media all and (max-width:1280px) {
	.dona_culture_info .part5 .faq {width: 1024px;}
	.dona_culture_info .part5 .faq li .answer {width: 900px;}
}

@media all and (max-width:1024px) {
	.dona_culture_info .part5 .faq {width: 90%;}
	.dona_culture_info .part5 .faq li .answer {width: 90%;}
	.dona_culture_info .part5 {width: 100%; padding: 100px 0 0;}
	.dona_culture_info .part5 .faq {margin: 50px auto 0;}
}

@media all and (max-width:768px) {
	.dona_culture_info .part5 {width: 100%; padding: 60px 0 0;}
	.dona_culture_info .part5 .faq {margin: 30px auto 0;}
	.dona_culture_info .part5 .faq li a {display: block; position: relative; font-size: 16px;  padding-left: 46px; line-height: 24px; }
	.dona_culture_info .part5 .faq li a > p {position: absolute; top: 0; left: 0; font-size: 18px; width: 46px;}
	.dona_culture_info .part5 .faq li a > div {width: calc(100% - 35px);}
	.dona_culture_info .part5 .faq li a > p .top {width: 40px; height: 30px; padding: 2px 0; transform: translate(0, -3px); font-size: 12px; border-radius: 20px;}
	.dona_culture_info .part5 .faq li {padding: 22px 0;}
	.dona_culture_info .part5 .faq li .answer {margin-top: 20px; padding-left: 50px;}
	.dona_culture_info .part5 .faq li .answer a {padding:0; font-size: 14px;} /* 2022-08-03 추가 */
	.dona_culture_info .part5 .faq li::after {top: 28px; right: 3%; width: 16px; height: 16px; background: url('../images/accordion-arrow.svg') no-repeat 0 0; background-size: 100%;}
}

@media all and (max-width:500px) {
}

.culture_input1 {padding-top: 20px;}
.dona_info {width: 100%; height: 640px; background: #F7F7F7; margin-bottom: 150px;}
.dona_info .inner {display: flex; justify-content: space-between; position: relative; padding: 120px 0;}
.dona_info .inner .process {display: flex; justify-content: space-between; position: absolute; top: -168px; right: 0; color: #444;}
.dona_info .inner .process p{position: relative; vertical-align: middle; margin-left: 20px;}
.dona_info .inner .process p strong{display: inline-block; width: 42px; height: 42px; border-radius: 50%; background: #ccc; color: #fff; font-family: "spoqa_medium"; text-align: center; line-height: 42px;}
.dona_info .inner .process p span{display: none; margin-left: 8px;}
.dona_info .inner .process p.on span{display: inline-block;}
.dona_info .inner .process p.on strong{background: #F58220;}
.dona_info .inner .process p.complete strong{opacity: 0;}
.dona_info .inner .process p.complete::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 42px; height: 42px; border-radius: 50%; background: url('../images/process-complete-icon.svg') no-repeat center center #ccc;}
.dona_info .inner .left {width: calc(100% - 585px);}
.dona_info .inner .left ul {margin: 40px 0;}
.dona_info .inner .left ul li {display: table; width: 100%; margin-bottom: 14px;}
.dona_info .inner .left ul li:last-child {margin-bottom: 0px;}
.dona_info .inner .left ul li .th {display: table-cell; width: 140px; font-family: "spoqa_medium"; color: #222;}
.dona_info .inner .left ul li .td {display: table-cell; color: #444;}
.dona_info .inner .left .dot_txt a {color: #F58220; text-decoration: underline;}
.dona_info .inner .right {position: relative; width: 625px; height: 400px; border-radius: 20px; overflow: hidden;}
.dona_info .inner .right .img {width: 625px; height: 400px; border-radius: 20px; overflow: hidden;}
.dona_info .inner .right .copy_txt {position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%); text-align: center; color: #fff; width: 80%; word-break: keep-all;} /* 2023-01-04 수정 */
.dona_info .inner .right dl {margin-top: 40px; padding-top: 40px; border-top: 1px solid #ddd;}
.dona_info .inner .right dl:first-child {margin-top: 0px; padding-top: 0px; border-top: 0px solid #ddd;}
.dona_info .inner .right dt {margin-bottom: 30px;}
.dona_info .inner .right dd {display: flex; margin-bottom: 20px; color: #444;}
.dona_info .inner .right dd:last-child {margin-bottom: 0;}
.dona_info .inner .right dd .th {width: 140px; font-family: "spoqa_medium"; color: #222;}

.t_dona_money {display: flex; justify-content: space-between; align-items: center; margin-top: 100px;}
.t_dona_money .content_stit {font-family: "spoqa_medium"; color: #222;}
.t_dona_money .content_stit p {display: inline-block;}
.t_dona_money .content_stit span {color: #F58220;}
.t_dona_money .content_stit strong {margin-right: 26px;}
.t_dona_money .add_bts > a {margin-left: 16px;}

@media all and (max-width:1500px) {
	.dona_info .inner .right {position: relative; width: 525px;}
	.dona_info .inner .right .img {position: relative; width: 525px;}
	.dona_info .inner .right .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

	.culture_input1 .input_money {width: 220px; padding-left: 15px}
}

@media all and (max-width:1024px) {
	.culture_input1 {padding-top: 70px;}
	.dona_info {height: auto; margin-bottom: 150px;}
	.dona_info .inner {flex-direction: column-reverse; width: 100% !important; padding: 0 0 120px;}
	.dona_info .inner .process {display: flex; justify-content: space-between; position: absolute; top: -92px; right: auto; left: 5%; color: #444;}
	.dona_info .inner .process p{position: relative; vertical-align: middle; margin-left: 20px;}
	.dona_info .inner .process p:first-child{margin-left: 0px;}
	.dona_info .inner .process p strong{display: inline-block; width: 42px; height: 42px; border-radius: 50%; background: #ccc; color: #fff; font-family: "spoqa_medium"; text-align: center; line-height: 42px;}
	.dona_info .inner .process p span{display: none; margin-left: 8px;}
	.dona_info .inner .process p.on span{display: inline-block;}
	.dona_info .inner .process p.on strong{background: #F58220;}
	.dona_info .inner .process p.complete strong{opacity: 0;}
	.dona_info .inner .process p.complete::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 42px; height: 42px; border-radius: 50%; background: url('../images/process-complete-icon.svg') no-repeat center center #ccc;}
	.dona_info .inner .left {width: 90%; margin: 120px auto 0;}
	.dona_info .inner .left ul {margin: 40px 0;}
	.dona_info .inner .left ul li {display: table; width: 100%; margin-bottom: 14px;}
	.dona_info .inner .left ul li:last-child {margin-bottom: 0px;}
	.dona_info .inner .left ul li .th {display: table-cell; width: 140px; font-family: "spoqa_medium"; color: #222;}
	.dona_info .inner .left ul li .td {display: table-cell; color: #444;}
	.dona_info .inner .left .dot_txt a {color: #F58220; text-decoration: underline;}
	.dona_info .inner .right {width: 100%; height: auto; border-radius: 0px;}
	.dona_info .inner .right .img {width: 100%; height: auto; border-radius: 0;}
	.dona_info .inner .right .img img {position: relative; top: 0; left: 0; transform: translate(0, 0); width: 100%;}
	.dona_info .inner .right .copy_txt {position: absolute; bottom: 40px; width: 45%; text-align: center; color: #fff;}

	.t_dona_money .content_stit {width: 300px;}
}

@media all and (max-width:900px) {
	.t_dona_money {display: block;}
	.t_dona_money .content_stit {display: flex; justify-content: space-between; width: 100%; margin-bottom: 40px;}
	.t_dona_money .content_stit strong {margin-right: 0;}
	.t_dona_money .add_bts {display: flex; justify-content: space-between;}
	.t_dona_money .add_bts > a {margin-left: 0; width: 49%;}
}

@media all and (max-width:768px) {
	.dona_info {height: auto; margin-bottom: 60px;}
	.dona_info .inner {padding: 0 0 60px;}
	.dona_info .inner .process {top: -80px; right: auto; left: 3%;}
	.dona_info .inner .process p{margin-left: 12px;}
	.dona_info .inner .process p:first-child{margin-left: 0px;}
	.dona_info .inner .process p strong{width: 30px; height: 30px; line-height: 30px;}
	.dona_info .inner .process p.complete::before{width: 30px; height: 30px; background: url('../images/process-complete-icon.svg') no-repeat center center #ccc;}
	.dona_info .inner .left {width: 90%; margin: 60px auto 0;}
	.dona_info .inner .left ul {margin: 40px 0;}
	.dona_info .inner .left ul li {display: table; width: 100%; margin-bottom: 14px;}
	.dona_info .inner .left ul li:last-child {margin-bottom: 0px;}
	.dona_info .inner .left ul li .th {display: table-cell; width: 35%; font-family: "spoqa_medium"; color: #222;}
	.dona_info .inner .left ul li .td {display: table-cell; color: #444; word-break: break-all;}
	.dona_info .inner .left .dot_txt a {color: #F58220; text-decoration: underline;}
	.dona_info .inner .right {width: 100%; height: auto; border-radius: 0px;}
	.dona_info .inner .right .img {width: 100%; height: auto; border-radius: 0;}
	.dona_info .inner .right .img img {width: 100%;}

	.dona_info .inner .right dl {margin-top: 20px; padding-top: 20px;}
	.dona_info .inner .right dt {margin-bottom: 15px;}
	.dona_info .inner .right dd {margin-bottom: 10px;}
	.dona_info .inner .right dd .th {width: 70px;}

	.t_dona_money .content_stit {margin-bottom: 20px;}
	.t_dona_money {display: block; margin-top: 0;}

	.dona_info .inner .right .copy_txt {width: 350px;}
}

@media all and (max-width:500px) {
	.dona_info .inner .right .copy_txt {bottom: 30px; font-size: 12px;}
}

@media all and (max-width:380px) {
	.dona_info .inner .right .copy_txt {width: 90%;}
}


.dona_info.comp {width: 100%; height: auto;}
.dona_info.comp .right {height: auto; border-radius: 0; overflow: visible;}
.dona_info.comp .inner {display: block; width: 1200px !important;}
.dona_info.comp .txt_pack {width: 100%; text-align: center;}
.dona_info.comp .txt_pack .txt2 {color: #888; margin-top: 20px;}
.dona_info.comp .dona_comp_box {display: flex; justify-content: space-between; margin-top: 80px;}
.dona_info .inner .left .paper {width: 440px; border-radius: 20px; overflow: hidden; box-shadow: 10px 20px 40px rgba(0, 0, 0, 0.08); overflow: hidden;}
.dona_info .inner .left .paper .top {position: relative; width: 440px; height: 500px; padding: 50px; overflow: hidden; background: url('../images/dona-paper-bg.jpg') no-repeat center center;}
.dona_info .inner .left .paper .top .flag {width: 90px; height: 32px; border: 1px solid #fff; text-align: center; border-radius: 16px; line-height: 30px; color: #fff;}
.dona_info .inner .left .paper .top .content_tit {color: #fff; position: absolute; bottom: 60px; left: 50px;}
.dona_info .inner .left .paper .top .logo {position: absolute; top: 50px; right: 50px;}
.dona_info .inner .left .paper .bot {width: 440px; padding: 30px 50px; color: #444;}
.dona_info .inner .left .paper .bot ul {margin: 0;}
.dona_info .inner .left .paper .bot li {display: flex; justify-content: space-between; padding: 5px 0; margin: 0;}
.dona_info .inner .left .paper .bot .type1 {font-family: "spoqa_medium"; color: #222; min-width: 85px;}
.dona_info .inner .left .paper .bot .type2 {text-align: right; word-break: keep-all;}

@media all and (max-width:1500px) {
	.dona_info.comp .inner .right {width: 625px;}
}

@media all and (max-width:1280px) {
	.dona_info.comp .inner {width: calc(100% - 144px) !important;}
	.dona_info.comp .inner .right {width: 40%;}
}

@media all and (max-width:1024px) {
	.dona_info.comp .inner {width: 100% !important; padding: 120px 0;}
	.dona_info.comp .txt_pack .txt2 {margin-top: 20px;}
	.dona_info.comp .dona_comp_box {display: block; margin-top: 80px;}
	.dona_info.comp .inner .left .paper {margin: auto;}
	.dona_info.comp .inner .right {width: 70%; height: auto; margin: 100px auto 0;}
	.dona_info .inner .right dd .th {width: 30%; min-width: 130px; margin-right: 5%;}
}

@media all and (max-width:768px) {
	.dona_info.comp .inner {padding: 60px 0;}
	.dona_info.comp .txt_pack .txt2 {margin-top: 10px;}
	.dona_info.comp .dona_comp_box {margin-top: 40px;}
	.dona_info.comp .inner .left .paper {margin: auto;}
	.dona_info .inner .left .paper {width: 60%;}
	.dona_info .inner .left .paper .top {width: 100%; height: 318px; padding: 30px; background: url('../images/dona-paper-bg.jpg') no-repeat center center;}
	.dona_info .inner .left .paper .top .flag {width: 90px; height: 32px;}
	.dona_info .inner .left .paper .top .content_tit {bottom: 40px; left: 30px;}
	.dona_info .inner .left .paper .top .logo {position: absolute; top: 30px; right: 30px;}
	.dona_info .inner .left .paper .bot {width: 100%; padding: 24px 30px;}
	.dona_info .inner .left .paper .bot li {display: flex; justify-content: space-between; padding: 5px 0; margin: 0;}
	.dona_info .inner .left .paper .bot .type1 {min-width: 65px;}

	.dona_info.comp .inner .right {width: 90%; height: auto; margin: 50px auto 0;}
	.dona_info .inner .right dd .th {width: 20%; min-width: 130px; margin-right: 5%;}
}

@media all and (max-width:500px) {
	.dona_info .inner .left .paper {width: 90%;}
}

.upbring_dona {position: relative; width: 100%; height: 440px; margin-top: 120px; overflow: hidden; border-radius: 20px;}
.upbring_dona .img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/upbring-dona-img.jpg') no-repeat center center; background-size: cover;}
.upbring_dona .txt_pack {position: absolute; top: 50%; left: 120px; transform: translate(0, -50%); color: #fff;}
.upbring_dona .txt_pack .content_stit {color: #fff;}
.upbring_dona .txt_pack .txt2 {margin: 20px 0 30px;}
.upbring_dona.scroll_motion .img {transform: scale(1); transition-duration: 0.8s; transition-property: transform;}
.upbring_dona.scroll_motion .txt_pack .content_stit {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.1s; transition-property: transform, opacity;}
.upbring_dona.scroll_motion .txt_pack .txt2 {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.2s; transition-property: transform, opacity;}
.upbring_dona.scroll_motion .txt_pack > a {transform: translate(0, 100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.3s; transition-property: transform, opacity;}
.upbring_dona.scroll_motion.active .img {transform: scale(1.1);}
.upbring_dona.scroll_motion.active .txt_pack .content_stit {transform: translate(0, 0); opacity: 1;}
.upbring_dona.scroll_motion.active .txt_pack .txt2 {transform: translate(0, 0); opacity: 1;}
.upbring_dona.scroll_motion.active .txt_pack > a {transform: translate(0, 0); opacity: 1;}

@media all and (max-width:1024px) {
	.upbring_dona {position: relative; width: 120%; height: 440px; transform: translate(-10%, 0); margin-top: 120px; overflow: hidden; border-radius: 0px;}
	.upbring_dona .txt_pack {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; width: 80%; word-break: keep-all;}
}

@media all and (max-width:768px) {
	.upbring_dona {height: 240px; margin-top: 60px;}
	.upbring_dona .img img {height: 100%;}
	.upbring_dona .txt_pack {width: calc(90% - 72px)}
	.upbring_dona .txt_pack .txt2 {margin: 12px 0 20px;}
}



.select_cms_certi {display: flex; justify-content: space-between; margin: 60px 0;}
.select_cms_certi > a {display: block; position: relative; width: 49%; height: 160px; border: 1px solid #ddd; border-radius: 10px; transition-duration: 0.5s; transition-property: border, background; overflow: visible;}
.select_cms_certi > a span {display: block; width: auto; position: absolute; top: 50%; left: 50%; padding: 20px 0 20px 92px; transform: translate(-50%, -50%); font-family: "spoqa_medium"; font-size: 24px; color: #888; transition-duration: 0.5s; transition-property: color; word-break: keep-all;}
.select_cms_certi > a.online_sign span {background: url('../images/online-sign-icon.svg') no-repeat 0 center;}
.select_cms_certi > a.phone_ars span {background: url('../images/phone-ars-icon.svg') no-repeat 0 center;}
.select_cms_certi > a.on {border: 1px solid #F58220;}
.select_cms_certi > a.on span {color: #F58220;}
.select_cms_certi > a.online_sign.on span {background: url('../images/online-sign-icon-on.svg') no-repeat 0 center;}
.select_cms_certi > a.phone_ars.on span {background: url('../images/phone-ars-icon-on.svg') no-repeat 0 center;}

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

@media all and (max-width:1024px) {
	.select_cms_certi > a {width: 49%;}
}

@media all and (max-width:768px) {
	.select_cms_certi {margin: 30px 0;}
	.select_cms_certi > a {height: 100px; text-align: center; word-break: keep-all;}
	.select_cms_certi > a span {width: 100%; padding: 44px 0 0 0; font-size: 16px;}
	.select_cms_certi > a.online_sign span {background: url('../images/online-sign-icon.svg') no-repeat center 0; background-size: 36px;}
	.select_cms_certi > a.phone_ars span {background: url('../images/phone-ars-icon.svg') no-repeat center 0; background-size: 36px;}
	.select_cms_certi > a.online_sign.on span {background: url('../images/online-sign-icon-on.svg') no-repeat center 0; background-size: 36px;}
	.select_cms_certi > a.phone_ars.on span {background: url('../images/phone-ars-icon-on.svg') no-repeat center 0; background-size: 36px;}
}

@media all and (max-width:500px) {
}



.result_cms_certi {margin-bottom: 20px;}
.result_cms_certi .sign_board .sign_area {width: 100%; height: 400px; margin-top: 30px; border: 1px solid #ddd; border-radius: 15px; overflow: hidden;}
.result_cms_certi .sign_board p {position: relative;}
.result_cms_certi .sign_board p a {position: absolute; top: 15px; right: 0; font-size: 18px; font-family: "spoqa_regular"; padding-left: 35px;}/* 2023-06-22 cms 수정 */
.result_cms_certi .sign_board p a::before {content: ""; background: url(../images/ico-reset.svg); width: 24px; height: 24px; display: inline-block; position: absolute; left: 0; top: 6px;}

/* 2023-06-22 cms 추가 */
.result_cms_certi .sign_board .content_stit{margin-top:30px; font-family: "spoqa_regular";}
.result_cms_certi .sign_board .content_stit .dot_txt{display: block; margin-top: 0; line-height: 1.5;}
.result_cms_certi .sign_board .content_stit .dot_txt.color_orange{color: #F58220;}
.result_cms_certi .sign_board .content_stit .dot_txt.color_orange::before{background-color: #F58220;}
/* // 2023-06-22 cms 추가 */

.result_cms_certi .ars_board .ars_ing {position: relative; width: 100%; height: 400px; margin-top: 30px; border: 1px solid #ddd; border-radius: 15px; overflow: hidden;}
.result_cms_certi .ars_board .ars_ing .in_area {position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; text-align: center;}
.result_cms_certi .ars_board .ars_ing .in_area .txt1 {font-family: "spoqa_bold"; color: #222;}
.result_cms_certi .ars_board .ars_ing .in_area .txt2 {color: #444; margin: 20px 0 40px;}
.result_cms_certi .ars_board .ars_complete {position: relative; width: 100%; height: 400px; margin-top: 30px; border: 1px solid #ddd; border-radius: 15px; overflow: hidden;}
.result_cms_certi .ars_board .ars_complete .in_area {position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; text-align: center;}
.result_cms_certi .ars_board .ars_complete .in_area .txt1 {padding-top: 84px; font-family: "spoqa_medium"; color: #444; background: url('../images/complete-icon.svg') no-repeat center 0;}

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

@media all and (max-width:1024px) {
}

@media all and (max-width:768px) {
	.result_cms_certi .sign_board .sign_area {height: 260px; margin-top: 15px;}
	.result_cms_certi .ars_board .ars_ing {height: 260px; margin-top: 15px; word-break: keep-all;}
	.result_cms_certi .ars_board .ars_ing .in_area .txt2 {margin: 12px 0 20px;}
	.result_cms_certi .ars_board .ars_complete {height: 260px; margin-top: 15px;}
	.result_cms_certi .ars_board .ars_complete .in_area .txt1 {padding-top: 68px; background: url('../images/complete-icon.svg') no-repeat center 0; background-size: 52px;}

	.result_cms_certi .sign_board p a {display: block; width: 100px; left: 0; top:41px; font-size: 14px; padding-left: 28px;}/* 2023-06-22 cms 수정 */
	.result_cms_certi .sign_board p a::before {content: ""; background: url(../images/ico-reset.svg); background-size: cover; width: 20px; height: 20px; display: inline-block; position: absolute; left: 0; top: 3px;}

	/* 2023-06-22 cms 추가 */
	.result_cms_certi .sign_board .content_stit{margin-bottom:40px;}
	/* // 2023-06-22 cms 추가 */
}

@media all and (max-width:500px) {
}



/* 기부문화 - 일시기부 목록 */
.list_card.list_dona li:nth-of-type(3n-1).active {opacity: 1; transform: translateY(0); transition-delay: 0.2s;}
.list_card.list_dona li:nth-of-type(3n) {transition-delay: 0.3s;}
.copy_donation.copy_donation_tem p:nth-of-type(3) {color: #F58220; font-family: "spoqa_bold";}

/* 2023-04-26 추가 */

.card_wrapper .card_title{opacity: 0; transform: translateY(50px); margin-top: 150px; padding-bottom:35px; font-size: 32px; line-height: 42px; color: #222; font-family: "spoqa_bold";}
.card_wrapper .card_title.active { opacity: 1; transform: translateY(0); transition: 0.5s;}
.card_wrapper .list_card.list_dona{margin-top: 0;}

.dona_type.dona_info{height: auto;}
.dona_type.dona_info .inner{display:block; }
/* 2023-05-04 수정 */
.dona_type.dona_info .inner ul{display: flex; justify-content: space-between;}
.dona_type.dona_info .inner ul li {opacity: 0; transform: translateY(50px);}
.dona_type.dona_info .inner ul li.active {opacity: 1; transform: translateY(0); transition: 0.5s;}
/* //2023-05-04 수정 */
.dona_type.dona_info .inner ul li .dona_type_title{display: flex; align-items:center; padding-left: 10px;}
.dona_type.dona_info .inner ul li .txt1{padding-left: 10px; font-size: 32px; font-family: "spoqa_bold"; color: #F58220;}
.dona_type.dona_info .inner ul li .txt2{padding-top: 30px; font-size: 18px; color: #F58220; }
.dona_type.dona_info .inner ul li .txt3{padding-top: 12px; font-size: 18px; color: #444;}
.dona_type.dona_info .inner ul li .txt_bold{font-weight: bold;}
.dona_type.dona_info .inner ul li .wh_box{display: flex; flex-direction: column; align-items: center; padding: 10px 0; margin: 20px 0; background-color: #ffffff; border-radius: 10px;}
.dona_type.dona_info .inner ul li .wh_box .txt{width:309px; margin:0 auto; line-height:30px;}
.dona_type.dona_info .inner ul li .dona_btn{display: flex; justify-content: space-around; }
.dona_type.dona_info .inner ul li .dona_btn a{background-color: #f58220; color: #ffffff; width: 175px; height: 40px; line-height: 40px; text-align: center; border-radius: 30px;}

@media all and (max-width:1500px) {
	.dona_type.dona_info .inner ul{flex-direction: column; align-items: center}
	.dona_type.dona_info .inner ul li{width: 100%; margin-bottom: 70px;}
	.dona_type.dona_info .inner ul li:last-child{margin-bottom: 0;}
	.dona_type.dona_info .inner ul li .txt2 {padding-top: 20px;}
	.dona_type.dona_info .inner ul li .txt3{padding-top: 8px;}
	.dona_type.dona_info .inner ul li .dona_btn a{width: 45%;}

}

@media all and (max-width:1024px) {
	.card_wrapper .card_title{font-size: 20px; margin-top: 60px;} /* 2024-10-11 */

	.dona_type.dona_info .inner{width: 90% !important; padding: 120px 0;}
	.dona_type.dona_info .inner ul{align-items: flex-start;}
	.dona_type.dona_info .inner ul li .txt1{font-size: 20px; line-height: 30px;}
	.dona_type.dona_info .inner ul li .txt2{font-size: 14px; line-height: 24px;}
	.dona_type.dona_info .inner ul li .txt3{font-size: 14px; line-height: 24px;}
	.dona_type.dona_info .inner ul li .wh_box .txt{width:275px; font-size: 14px; line-height: 24px;}
	.dona_type.dona_info .inner ul li .dona_btn a{font-size: 14px;}

}

@media all and (max-width:768px) {
	.dona_type.dona_info .inner{padding: 100px 0;}
	.dona_type.dona_info .inner{width: 94% !important;}
	.dona_type.dona_info .inner ul{width: 100%;}
	.dona_type.dona_info .inner ul li .wh_box .txt{width:245px;}

}

/* //2023-04-26 추가 */

/* 기부문화 - 일시기부 기부정보입력 */
.dona_info_tem .inner .left ul {margin: 20px 0 40px;}
.dona_info_tem .inner .left .content_stit {color: #043B72;}


/* 기부문화 - 일시기부 기부완료 */
.dona_info_tem.comp .inner .left .paper {padding-bottom: 40px;}
.dona_info_tem.comp .inner .left .paper .bot {height: auto; margin-top: 35px;}
.dona_info_tem.comp .inner .left .paper .bot:last-of-type {margin-top: 20px;}


/* 기부문화 - 증서출력 */
.pop_wrap .pop_content.pop_dona_print {width: 1024px; max-height: 1071px;}
.pop_wrap .pop_content.pop_dona_print .pop_body {max-height: 618px; margin: 120px auto 140px; margin-left: 37px; width: calc(100% - 50px); padding-bottom: 30px;}

.pop_print_area {width: calc(100% - 80px); margin: 38px auto 0;}

.pop_print_area .pop_print_head {border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; padding-bottom: 40px; margin-bottom: 40px;}
.sub_con .pop_print_head .content_tit + * {margin-top: 0;}

.pop_print_area .pop_print_body {display: flex; justify-content: space-between;}
.pop_print_area .pop_print_body .inner {width: 100% !important; padding: 0;}
.pop_print_area .pop_print_body .dona_info {background: #fff; margin-bottom: 0;}
.pop_print_area .pop_print_body .dona_info.comp .dona_comp_box {margin-top: 0;}
.pop_print_area .pop_print_body .dona_info .left {width: 360px;}
.pop_print_area .pop_print_body .dona_info .left .paper {width: 100%; padding-bottom: 40px;}
.pop_print_area .pop_print_body .dona_info .left .paper .top {width: 100%; height: 410px; padding: 40px; background: url('../images/dona-paper-bg.jpg') no-repeat center center; background-size: cover;}
.pop_print_area .pop_print_body .dona_info .inner .left .paper .top .content_tit {left: 40px; bottom: 50px;}
.pop_print_area .pop_print_body .dona_info .inner .left .paper .top .logo {top: 30px; right: 30px;}
.pop_print_area .pop_print_body .dona_info .left .paper .bot {width: 100%; height: auto; margin-top: 37px; padding: 0 50px; color: #444;}
.pop_print_area .pop_print_body .dona_info.comp .dona_comp_box {margin-top: 0; padding-bottom: 30px;}
.pop_print_area .pop_print_body .dona_info .left {width: 360px;}
.pop_print_area .pop_print_body .dona_info .right {width: 444px;}
.pop_print_area .pop_print_body .dona_info .right .sign {text-align: right; margin-top: 50px; display: flex; align-items: center; justify-content: flex-end;}
.pop_print_area .pop_print_body .dona_info .right .sign p {padding-top: 12px; font-family: "spoqa_medium"; color: #222;}
.pop_print_area .pop_print_body .dona_info .right .txt_type {margin-top: 40px; padding-top: 40px; border-top: 1px solid #ddd;}
.dona_info.pop {background: #fff; margin-bottom: 0;}
.dona_info.pop.comp .inner {width: 90% !important;}
.dona_info.pop.comp .dona_comp_box {margin-top: 0;}
.dona_info.pop .left {width: 360px;}
.dona_info.pop .left .paper {width: 100%; padding-bottom: 40px;}
.dona_info.pop .left .paper .top {width: 100%; height: 410px; padding: 40px; background: url('../images/dona-paper-bg.jpg') no-repeat center center; background-size: cover;}
.dona_info.pop .inner .left .paper .top .content_tit {left: 40px; bottom: 50px;}
.dona_info.pop .inner .left .paper .top .logo {top: 30px; right: 30px;}
.dona_info.pop .left .paper .bot {width: 100%; height: auto; margin-top: 37px; padding: 0 50px; color: #444;}
.dona_info.pop.comp .dona_comp_box {margin-top: 0; padding-bottom: 30px;}
.dona_info.pop .left {width: 360px;}
.dona_info.pop .right {width: 444px;}
.dona_info.pop .right .sign {text-align: right; margin-top: 50px; display: flex; align-items: center; justify-content: flex-end;}
.dona_info.pop .right .sign p {padding-top: 12px; font-family: "spoqa_medium"; color: #222;}
.dona_info.pop .right .txt_type {margin-top: 40px; padding-top: 40px; border-top: 1px solid #ddd;}

.pop_wrap .pop_content.pop_dona_print .bt_area {position: fixed; bottom: 60px; left: 50%; transform: translateX(-50%); width: 100%;}

@media screen and (max-width: 1550px) {
	.pop_wrap .pop_content.pop_dona_print {max-height: 85vh !important;}
	.pop_wrap .pop_content.pop_dona_print .pop_body {max-height: 50vh !important;}
}

@media screen and (max-width:1280px) {
	.dona_info.pop.comp .inner .right {width: calc(100% - 500px);}
}

@media screen and (max-width:1024px) {
	.pop_wrap .pop_content.pop_dona_print {width: 100%; max-height: 100vh !important; border-radius: 0;}
	.pop_wrap .pop_content.pop_dona_print .pop_body {max-height: 590px !important;}
	.pop_print_area .pop_print_body .dona_info .inner .left {margin: 0 auto;}
	.pop_print_area .pop_print_body .dona_info.comp .inner .right {margin: 60px auto 0;}
	.dona_info.pop.comp .inner {width: 90% !important;}
	.dona_info.pop .inner .left {margin: 0 auto;}
	.dona_info.pop.comp .inner .right {width: 90%; margin: 60px auto 0;}
	.dona_info.pop .right .txt_type br {display: none;}

	.pop_wrap .pop_content.pop_dona_print .bt_area {display: none;}
}

@media screen and (max-width:768px) {
	.pop_print_area .pop_print_head {padding-bottom: 17px;}
	.pop_wrap .pop_print_head .content_tit {vertical-align: middle; padding-top: 20px;}
	.pop_wrap .pop_content.pop_dona_print .pop_body {position: absolute; top: 0; left: 16px; width: calc(100% - 32px); max-height: calc(100% - 100px) !important; margin: 70px auto 60px; padding-bottom: 0;}
	.pop_print_area {width: calc(100% - 20px); margin: 0; margin-right: 20px;}
	.pop_print_area .pop_print_body .dona_info .inner .left {width: 85%;}
	.pop_print_area .pop_print_body .dona_info .left .paper {padding-bottom: 23px; border-radius: 16px;}
	.pop_print_area .pop_print_body .dona_info .left .paper .top {height: 318px; padding: 30px;}
	.pop_print_area .pop_print_body .dona_info .inner .left .paper .top .content_tit {left: 30px; bottom: 40px;}
	.pop_print_area .pop_print_body .dona_info .left .paper .bot {margin-top: 23px; padding: 0 30px;}
	.pop_print_area .pop_print_body .dona_info .inner .right {width: 100%; margin: 50px auto 0;}
	.pop_print_area .pop_print_body .dona_info .inner .right dd .th {width: 100px;}
	.pop_print_area .pop_print_body .dona_info.comp .inner .right {margin: 50px auto 0;}
	.pop_print_area .pop_print_body .dona_info .right .txt_type {padding-top: 30px; margin-top: 30px; word-break: keep-all;}
	.pop_print_area .pop_print_body .dona_info .right .sign {margin-top: 40px;}

	.dona_info.pop .inner .left {width: 85%;}
	.dona_info.pop .left .paper {padding-bottom: 23px; border-radius: 16px;}
	.dona_info.pop .left .paper .top {height: 318px; padding: 30px;}
	.dona_info.pop .inner .left .paper .top .content_tit {left: 30px; bottom: 40px;}
	.dona_info.pop .left .paper .bot {margin-top: 23px; padding: 0 30px;}
	.dona_info.pop .inner .right {width: 100%; margin: 50px auto 0;}
	.dona_info.pop .inner .right dd .th {width: 100px;}
	.dona_info.pop.comp .inner .right {margin: 50px auto 0;}
	.dona_info.pop .right .txt_type {padding-top: 30px; margin-top: 30px; word-break: keep-all;}
	.dona_info.pop .right .sign {margin-top: 40px;}
}

@media screen and (max-width: 450px) {
	.pop_print_area .pop_print_body .dona_info .right .txt_type br {display: none;}
	.pop_print_area .pop_print_body .dona_info .right .sign p br {display: block;}
}




/* 기부문화 - 특별기부 상세 */
.spacial_dona_card {display: flex; border: 1px solid #E5E5E5; border-radius: 20px;}
.spacial_dona_card + img {width: 100%;}
.spacial_dona_card .left {position: relative; width: 724px; overflow: hidden; border-radius: 20px 0 0 20px;}
.spacial_dona_card .left img {height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.spacial_dona_card .right {padding: 60px 80px; width: calc(100% - 724px); min-height: 502px;}
.spacial_dona_card .right .tit_area {min-height: 170px;}
.spacial_dona_card .right .tit_area .type {color: #F58220; font-family: "spoqa_bold";}
.spacial_dona_card .right .tit_area .tit {margin: 12px 0 26px;}
.spacial_dona_card .right .tit_area .people {color: #444; display: inline-block; margin-right: 40px; margin-top: 0;}
.spacial_dona_card .right .tit_area .people::before {content: ""; background: url(../images/ico-people.svg) no-repeat; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 8px;}
.spacial_dona_card .right .tit_area .period {color: #444; display: inline-block;}
.spacial_dona_card .right .tit_area .period::before {content: ""; background: url(../images/ico-date.svg) no-repeat; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 8px;}
.spacial_dona_card .right .progress_area {margin: 14px 0 40px; width: 100%; position: relative; overflow: hidden;}
.spacial_dona_card .right .progress_area p {text-align: right; color: #f58220; margin-bottom: 10px; margin-right: 4px;}
.spacial_dona_card .right .progress_area p strong {color: #f58220; padding-right: 5px;}
.spacial_dona_card .right .progress_area .bar {width: 100%; height: 8px; overflow: hidden; position: relative; border-radius: 100px 100px 100px 100px;}
.spacial_dona_card .right .progress_area div.upper {width: 100%; height: 100%; background: #EAEAEA; border-radius: 100px 100px 100px 100px;}
.spacial_dona_card .right .progress_area div.under {width: 0; height: 100%; background: #F58220; border-radius: 50px 0 0 50px; position: absolute; bottom: 0; transition: width 0.6s ease-out;}
/* .spacial_dona_card.active .right .progress_area div.under {width: 80%;} */
.spacial_dona_card .right .num_area dl {display: flex; justify-content: space-between;}
.spacial_dona_card .right .num_area dl:last-of-type {margin-top: 24px;}
.spacial_dona_card .right .num_area dl dt {color: #222; font-family: "spoqa_medium"; line-height: 36px;}
/* .spacial_dona_card .right .num_area dl dd {color: #043B72;} */

.spacial_dona_banner {text-align: center; margin-top: 150px; padding: 180px 0 80px; position: relative; height: 760px; color:#fff;}
.spacial_dona_banner .bg {position: absolute; min-width: 1920px; height: 760px; left: 50%; top: 0; transform: translate(-50%); z-index: -1; overflow: hidden;}
.spacial_dona_banner .bg img {width: 100%;}
.spacial_dona_banner .txt1 {color: #F58220; opacity: 0; transform: translateY(100px); transition-duration: 0.7s;}
.spacial_dona_banner.active .txt1 {opacity: 1; transform: translateY(0);}
.spacial_dona_banner .txt1 span {border: 2px solid #f58220; border-radius: 10px; padding: 10px 20px; margin: 0 30px;}
.spacial_dona_banner .txt1 br {display: none;}
.spacial_dona_banner .txt2 {margin: 84px 0 40px; font-size: 24px; line-height: 36px; opacity: 0; transform: translateY(100px); transition-duration: 0.7s; transition-delay: 0.4s;}
.spacial_dona_banner.active .txt2 {opacity: 1; transform: translateY(0);}
.spacial_dona_banner .hash {opacity: 0; transform: translateY(50px); transition-duration: 0.7s; transition-delay: 0.6s;}
.spacial_dona_banner .hash span {margin: 0 20px;}
.spacial_dona_banner .hash br {display: none;}
.spacial_dona_banner.active .hash {opacity: 1; transform: translateY(0);}
.spacial_dona_banner .txt3 {margin-top: 180px; opacity: 0; transform: translateY(40px); transition-duration: 0.7s; transition-delay: 1.3s;}
.spacial_dona_banner.active .txt3 {opacity: 0.8; transform: translateY(0);}


@media screen and (min-width: 1921px) {
	.spacial_dona_banner .bg {min-width: 3000px;}
}

@media screen and (max-width: 1500px) {
	.spacial_dona_card {display: block; border-radius: 16px;}
	.spacial_dona_card .left {width: 100%; border-radius: 16px 16px 0 0;}
	.spacial_dona_card .left img {width: 100%; position: unset; transform: translate(0, 0);}
	.spacial_dona_card .right {width: 100%; height: auto; min-height: 350px;}
	.spacial_dona_card .right .progress_area {width: calc(100% + 2px);}
	.spacial_dona_card .right .progress_area div.upper {width: 100%;}
	.spacial_dona_card .right .tit_area .period {margin-top: 0;}
}

@media screen and (max-width: 1024px) {
	.spacial_dona_banner {padding: 100px 0 80px;}
	.spacial_dona_banner .txt1 {word-break: keep-all; transform: translateY(50px);}
	.spacial_dona_banner.active .txt1 {opacity: 1; transform: translateY(0);}
	.spacial_dona_banner .txt1 br {display: block;}
	.spacial_dona_banner .txt1 span {padding: 10px 16px; display: inline-block; margin: 0 0 12px 12px;}
	.spacial_dona_banner .txt2 {transform: translateY(50px);}
	.spacial_dona_banner.active .txt2 {opacity: 1; transform: translateY(0);}
}

@media screen and (max-width: 768px) {
	.spacial_dona_card .right {padding: 30px 20px; min-height: 230px;}
	.spacial_dona_card .right .tit_area {min-height: 130px;}
	.spacial_dona_card .right .tit_area .tit {margin: 12px 0;}
	.spacial_dona_card .right .tit_area .people::before {content: ""; background: url(../images/ico-people.svg) no-repeat; width: 20px; height: 20px; background-size: cover; display: inline-block; vertical-align: middle; margin-right: 8px;}
	.spacial_dona_card .right .tit_area .period {display: block; margin-top: 12px;}
	.spacial_dona_card .right .tit_area .period::before {content: ""; background: url(../images/ico-date.svg) no-repeat; width: 20px; height: 20px; background-size: cover; display: inline-block; vertical-align: middle; margin-right: 8px;}
	.spacial_dona_card .right .progress_area {margin: 14px 0 24px;}
	.spacial_dona_card .right .num_area dl:last-of-type {margin-top: 16px;}
	.spacial_dona_card .right .num_area dl dt {line-height: 26px;}

	.spacial_dona_banner {margin-top: 60px; height: 517px; padding: 60px 0;}
	.spacial_dona_banner img {display: none;}
	.spacial_dona_banner::after {content: ""; background: url(../images/special-dona-bg.jpg) no-repeat; background-size: cover; background-position: center; min-width: 1920px; height: 517px; display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%); z-index: -1;}
	.spacial_dona_banner .txt2 {margin: 29px 0 20px; word-break: keep-all; font-size: 16px; line-height: 26px;}
	.spacial_dona_banner .hash span {margin: 0 10px; word-break: keep-all;}
	.spacial_dona_banner .hash br {display: block;}
	.spacial_dona_banner .txt3 {margin-top: 60px; word-break: keep-all;}
}




/* 해외교환장학 */
.business_intro .part1 {text-align: center;}
.business_intro .part1 .txt2 {margin-top: 30px; text-align: center; color: #444;}
.business_intro .part1.scroll_motion .subpage_copy {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-property: transform, opacity;}
.business_intro .part1.scroll_motion .txt2 {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.2s; transition-property: transform, opacity;}
.business_intro .part1.scroll_motion .txt3 {transform: translate(0 ,100px); opacity: 0; transition-duration: 0.8s; transition-delay: 0.4s; transition-property: transform, opacity;}
.business_intro .part1.scroll_motion.active .subpage_copy {transform: translate(0 ,0); opacity: 1;}
.business_intro .part1.scroll_motion.active .txt2 {transform: translate(0 ,0); opacity: 1;}
.business_intro .part1.scroll_motion.active .txt3 {transform: translate(0 ,0); opacity: 1;}

@media screen and (max-width: 1024px) {
	.business_intro .part1 {padding: 0 30px; word-break: keep-all;}

}

@media screen and (max-width: 768px) {
	.business_intro .part1 br {display: none;}
}

.business_intro .part2 {position: relative; width: 100%; height: 600px; margin-top: 180px; background: url('../images/sch001-part2-bg.jpg') no-repeat center center; background-size: auto 100%; transition-duration: 1s; transition-property: background;}
.business_intro .part2 > p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -40%); width: 100%; text-align: center; color: #fff; opacity: 0; transition-duration: 0.5s; transition-property: opacity;}
.business_intro .part2.scroll_motion.active {background: url('../images/sch001-part2-bg.jpg') no-repeat center center; background-size: auto 105%;}
.business_intro .part2.scroll_motion.active > p {top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1;}

@media screen and (max-width: 1024px) {
	.business_intro .part2 {margin-top: 120px; height: 400px;}
}

@media screen and (max-width: 768px) {
	.business_intro .part2 {margin-top: 60px; height: 250px;}
	.business_intro .part2 > p {width: 90%; word-break: keep-all;}
}

.business_intro .part3 {position: relative; width: 100%; margin-top: 180px; background: url('../images/sch001-part3-bg.png') no-repeat 120px 140px;}
.business_intro .part3 .top {position: relative; height: 1000px;}
.business_intro .part3 .top .subpage_copy {position: absolute; top: 0; left: 0; transform: translate(0, 100px); opacity: 0; transition-duration: 0.5s; transition-property: transform, opacity;}
.business_intro .part3 .top .img1 {position: absolute; top: 390px; left: 20px; transform: scale(0.5); opacity: 0; transition-duration: 1s; transition-property: transform, opacity; transition-delay: 0.4s;}
.business_intro .part3 .top .img2 {position: absolute; top: 668px; left: 235px; transform: scale(0.5); opacity: 0; transition-duration: 1s; transition-property: transform, opacity; transition-delay: 0.3s;}
.business_intro .part3 .top .img3 {position: absolute; top: 0; left: 683px; transform: scale(0.5); opacity: 0; transition-duration: 1s; transition-property: transform, opacity; transition-delay: 0.2s;}
.business_intro .part3 .bot {position: relative; height: 600px; margin-top: 160px;}
.business_intro .part3 .bot .subpage_copy {position: absolute; top: 50%; left: 808px; transform: translate(100px, -50%); opacity: 0; transition-duration: 0.5s; transition-property: transform, opacity; transition-delay: 0.5s;}
.business_intro .part3 .bot .img1 {position: absolute; top: 0; left: 30px; transform: scale(0.5); opacity: 0; transition-duration: 1s; transition-property: transform, opacity; transition-delay: 0.7s;}
.business_intro .part3.scroll_motion.active .top .subpage_copy {transform: translate(0, 0); opacity: 1;}
.business_intro .part3.scroll_motion.active .top .img1 {transform: scale(1); opacity: 1;}
.business_intro .part3.scroll_motion.active .top .img2 {transform: scale(1); opacity: 1;}
.business_intro .part3.scroll_motion.active .top .img3 {transform: scale(1); opacity: 1;}
.business_intro .part3.scroll_motion.active .bot .subpage_copy {transform: translate(0, -50%); opacity: 1;}
.business_intro .part3.scroll_motion.active .bot .img1 {transform: scale(1); opacity: 1;}

@media screen and (max-width: 1600px) {
	.business_intro .part3 {background: url('../images/sch001-part3-bg.png') no-repeat 50px 140px; background-size: 700px auto;}
	.business_intro .part3 .bot .subpage_copy {left: 700px;}
}

@media screen and (max-width: 1500px) {
	.business_intro .part3 .top .img3 {left: 500px;}
	.business_intro .part3 .bot .img1 {left: -150px;}
	.business_intro .part3 .bot .subpage_copy {left: 550px;}
}

@media screen and (max-width: 1024px) {
	.business_intro .part3 {margin-top: 100px; background: url('../images/sch001-part3-bg.png') no-repeat 30px 140px; background-size: 500px auto;}
	.business_intro .part3 .top .img2 {left: 100px;}
	.business_intro .part3 .top .img3 {top: 100px; left: 450px; width: 500px;}
	.business_intro .part3 .top .img3 img {width: 100%;}
	.business_intro .part3 .bot {margin-top: 100px; height: 450px;}
	.business_intro .part3 .bot .img1 {width: 450px; left: -200px;}
	.business_intro .part3 .bot .img1 img {width: 100%;}
	.business_intro .part3 .bot .subpage_copy {left: 350px;}
}

@media screen and (max-width:768px) {
	.business_intro .part3 .top {height: 440px;}
	.business_intro .part3 .top .img1 {width: 80px; top: 120px; left: 0;}
	.business_intro .part3 .top .img1 img {width: 100%;}
	.business_intro .part3 .top .img2 {width: 150px; top: 350px; left: 18px;}
	.business_intro .part3 .top .img2 img {width: 100%;}
	.business_intro .part3 .top .img3 {width: 260px; top: 180px; left: auto; right: 0;}
	.business_intro .part3 .bot {height: 350px;}
	.business_intro .part3 .bot .img1 {width: 220px; top: 60px; left: 0;}
	.business_intro .part3 .bot .subpage_copy {left: 250px;}
}

@media screen and (max-width:500px) {
	.business_intro .part3 {margin-top: 60px; background: url('../images/sch001-part3-bg.png') no-repeat 5% 100px; background-size: 250px auto;}
	.business_intro .part3 .top .img1 {width: 60px; top: 180px;}
	.business_intro .part3 .top .img2 {width: 80px; top: 300px;}
	.business_intro .part3 .top .img3 {width: 180px; top: 180px;}
	.business_intro .part3 .bot .img1 {width: 160px; top: 0; left: 0;}
	.business_intro .part3 .bot .subpage_copy {left: auto; right: 0; top: auto; bottom: 0; transform: translate(0, 0);}
}


.business_intro .part4 {position: relative; width: 100%; height: 100vh; margin-top: 180px;}
.business_intro .part4 .bg {position: absolute; top: 0; left: 0; width: 3374px; height: 100%; background: url('../images/sch001-part4-bg.jpg') no-repeat 0 0; background-size: cover;}
.business_intro .part4 .p_center {position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%;}
.business_intro .part4 .subpage_copy {position: relative; width: 1460px; margin: auto; color: #fff;}
.business_intro .part4 .info {display: flex; justify-content: space-between; position: relative; width: 2618px; margin-top: 75px; transform: translate(200px, 0);}
.business_intro .part4 .info dl dt.content_stit {color: #fff; margin-bottom: 30px;}
.business_intro .part4 .info dl dd {height: 500px; padding: 60px 85px; border-radius: 20px; overflow: hidden; background-color: rgba(255, 255, 255, 0.2); backdrop-filter: saturate(100%) blur(25px); -webkit-backdrop-filter: saturate(100%) blur(25px);	box-shadow: 10px 10px 20px rgb(0 0 0 / 10%);}
.business_intro .part4 .info dl:nth-child(1) dd {width: 710px;}
.business_intro .part4 .info dl:nth-child(1) dd ul {display: flex; justify-content: space-between;}
.business_intro .part4 .info dl:nth-child(1) dd li {display: flex; flex-direction: column; justify-content: flex-end; text-align: center; height: 380px; color: #fff;}
.business_intro .part4 .info dl:nth-child(1) dd li .txt1 {font-family: "spoqa_bold"; font-size: 18px;}
.business_intro .part4 .info dl:nth-child(1) dd li .txt2 {font-family: "spoqa_bold"; font-size: 16px;}
.business_intro .part4 .info dl:nth-child(1) dd li .bar {width: 20px; background: #F58220; border-radius: 80px; margin: 16px auto;}
.business_intro .part4 .info dl:nth-child(2) dd {width: 710px; padding: 134px 85px;}
.business_intro .part4 .info dl:nth-child(2) dd ul {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.business_intro .part4 .info dl:nth-child(2) dd li {display: flex; justify-content: space-between; align-items: center; font-family: "spoqa_bold"; font-size: 18px; color: #fff;}
.business_intro .part4 .info dl:nth-child(2) dd li .bars {width: 415px; text-align: right;}
.business_intro .part4 .info dl:nth-child(2) dd li .bars .bar1 {position: relative; width: 100%; height: 26px;}
.business_intro .part4 .info dl:nth-child(2) dd li .bars .bar1 span {position: absolute; top: 7px; left: 0; display: inline-block; height: 10px; background: #F58220; border-radius: 50px;}
.business_intro .part4 .info dl:nth-child(2) dd li .bars .bar2 {position: relative; width: 100%; height: 26px;}
.business_intro .part4 .info dl:nth-child(2) dd li .bars .bar2 span {position: absolute; top: 7px; left: 0; display: inline-block; height: 10px; background: #fff; border-radius: 50px;}
.business_intro .part4 .info dl:nth-child(3) dd {width: 1118px;}
.business_intro .part4 .info dl:nth-child(3) dd ul {display: flex; justify-content: space-between;}
.business_intro .part4 .info dl:nth-child(3) dd li {display: flex; flex-direction: column; justify-content: flex-end; text-align: center; height: 380px; color: #fff;}
.business_intro .part4 .info dl:nth-child(3) dd li .txt1 {font-family: "spoqa_bold"; font-size: 18px;}
.business_intro .part4 .info dl:nth-child(3) dd li .txt2 {font-family: "spoqa_bold"; font-size: 16px;}
.business_intro .part4 .info dl:nth-child(3) dd li .bar {width: 20px; background: #F58220; border-radius: 80px; margin: 16px auto;}

@media screen and (max-width:1500px) {
	.business_intro .part4 .subpage_copy {width: 1000px;}
	.business_intro .part4 .info {margin-top: 40px;}
}

@media screen and (max-width:1024px) {
	.business_intro .part4 {margin-top: 100px;}

	.business_intro .part4 .subpage_copy {width: 90%;}
	.business_intro .part4 .info {width: 1200px;}
	.business_intro .part4 .info dl dd {height: 240px; padding: 30px 5%;}
	.business_intro .part4 .info dl dt.content_stit {margin-bottom: 12px;}
	.business_intro .part4 .info dl:nth-child(1) dd {width: 312px;}
	.business_intro .part4 .info dl:nth-child(1) dd li {height: 180px;}
	.business_intro .part4 .info dl:nth-child(1) dd li .txt1 {font-size: 10px; line-height: 12px;}
	.business_intro .part4 .info dl:nth-child(1) dd li .txt2 {font-size: 10px; line-height: 20px;}
	.business_intro .part4 .info dl:nth-child(1) dd li .bar {width: 10px;}

	.business_intro .part4 .info dl:nth-child(2) dd {width: 340px; padding: 60px 24px;}
	.business_intro .part4 .info dl:nth-child(2) dd li {font-size: 10px; line-height: 12px;}
	.business_intro .part4 .info dl:nth-child(2) dd li .bars {width: 220px;}
	.business_intro .part4 .info dl:nth-child(2) dd li .bars .bar1 {height: 20px;}
	.business_intro .part4 .info dl:nth-child(2) dd li .bars .bar2 {height: 20px;}
	.business_intro .part4 .info dl:nth-child(2) dd li .bars .bar1 span {height: 5px;}
	.business_intro .part4 .info dl:nth-child(2) dd li .bars .bar2 span {height: 5px;}

	.business_intro .part4 .info dl:nth-child(3) dd {width: 500px; padding: 30px 24px;}
	.business_intro .part4 .info dl:nth-child(3) dd li {height: 200px;}
	.business_intro .part4 .info dl:nth-child(3) dd li .txt1 {font-size: 10px; line-height: 12px;}
	.business_intro .part4 .info dl:nth-child(3) dd li .txt2 {font-size: 10px; line-height: 20px;}
	.business_intro .part4 .info dl:nth-child(3) dd li .bar {width: 8px;}
}

@media screen and (max-width:768px) {
	.business_intro .part4 {margin-top: 60px;}
}

.business_intro .part5 {position: relative; margin-top: 180px;}
.business_intro .part5 .content_tit {color: #043B72; text-align: center;}
.business_intro .part5 .support_slide_area2 {margin-top: 80px;}
.business_intro .part5 .support_slide_area2 .swiper-slide {width: 460px !important; height: 570px;}
.business_intro .part5 .support_slide_area2 .swiper-slide .img {height: 306px;}
.business_intro .part5 .support_slide_area2 .swiper-slide .txt1 {font-family: "spoqa_bold"; color: #F58220;}
.business_intro .part5 .support_slide_area2 .swiper-slide .content_stit {margin-top: 5px; height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.business_intro .part5 .support_slide_area2 .swiper-slide .txt2 {margin-top: 10px;}
.business_intro .part5 .support_slide_area2 .swiper-slide .txt3 {margin-top: 5px;}

@media screen and (max-width:1024px) {
	.business_intro .part5 {margin-top: 100px;}
	.business_intro .part5 .support_slide_area2 {margin-top: 50px;}
	.business_intro .part5 .support_slide_area2 .swiper-slide .content_stit {height: 60px;}
	.business_intro .part5 .support_slide_area2 .swiper-button-next {display: none;}
	.business_intro .part5 .support_slide_area2 .swiper-button-prev {display: none;}

}

@media screen and (max-width:768px) {
	.business_intro .part5 {margin-top: 60px; padding-bottom: 70px;}
	.business_intro .part5 .support_slide_area2 {margin-top: 30px;}
	.business_intro .part5 .support_slide_area2 .swiper-slide {width: 300px !important; height: 383px;}
	.business_intro .part5 .support_slide_area2 .swiper-slide .img {height: 200px;}
	.business_intro .part5 .support_slide_area2 .swiper-slide .img img {height: 100%;}
	.business_intro .part5 .support_slide_area2 .swiper-slide .txt {padding: 20px 16px;}
	.business_intro .part5 .support_slide_area2 .swiper-slide .content_stit {margin-top: 5px; height: 52px;}
	.business_intro .part5 .support_slide_area2 .swiper-slide .txt2 {margin-top: 5px;}
	.business_intro .part5 .support_slide_area2 .swiper-slide .txt3 {margin-top: 0;}
}



.global_sec1 {padding-bottom: 301px !important ;}
.global_sec1 .img > div.one2 {top: 155px !important;}
.global_sec1 .img > div.one4 {top: 930px !important;}
.global_sec2 {background: #F7F0E8; padding: 180px 0;}
.global_sec2 > p {color: #043B72; text-align: center; transform: translateY(100px); opacity: 0; transition-duration: 0.5s;}
.global_sec2.active > p {transform: translateY(0); opacity: 1;}
.global_sec2 .txt{margin: 40px auto 0; text-align: right; color: #888;}/* 2025-06-24 */

.global_sec2 p.content_stit {margin-bottom: 40px; color: #444; text-align: left;}
.global_sec2 p.content_stit span {font-size: 18px;} /* 2022-11-02 추가 */
.global_sec2 .map_area {width: 1280px; margin: 120px auto 150px; }
.global_sec2 .map_area p.content_stit {padding-left: 35px;}
.global_sec2 .map_box {position: relative;}
.global_sec2 .map_box .img {width: 100%; height: 670px; background: url(../images/map.png) no-repeat; background-size: cover;}
.global_sec2 .map_box .continent {width: 100%; height: 100%;}
.global_sec2 .map_box .continent .data {width: 100px; height: 100px; background: rgba(245, 130, 32, 0.8); border-radius: 100px; color: #fff; text-align: center; position: absolute; transform: translateY(70px); opacity: 0; transition-duration: 0.5s;}
.global_sec2 .map_box .continent.active .data {transform: translateY(0); opacity: 1;}
.global_sec2 .map_box .continent .data.north_america {width: 200px; height: 200px; top: 105px; left: 15px;}
.global_sec2 .map_box .continent .data.europe {width: 200px; height: 200px; top: 40px; right: 488px; transition-delay: 0.4s;}
.global_sec2 .map_box .continent .data.middle_east {width: 120px; height: 120px; top: 130px; right: 326px; transition-delay: 0.5s;}
.global_sec2 .map_box .continent .data.asia {width: 180px; height: 180px; top: 204px; right: 93px; transition-delay: 0.7s;}
.global_sec2 .map_box .continent .data.south_america {width: 120px; height: 120px; bottom: 93px; left: 320px; transition-delay: 0.6s;}
.global_sec2 .map_box .continent .data.oceania {width: 120px; height: 120px; bottom: 70px; right: 105px; transition-delay: 0.9s;}
.global_sec2 .map_box .continent .data dl {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: "spoqa_medium"; width: 100%;}
.global_sec2 .map_box .continent .data dl dd {font-size: 16px; font-family: "spoqa_bold";}
.global_sec2 .map_box .continent .data dl dd span {font-size: 24px;padding-right: 5px;}


.global_sec2 .ranking_area {width: 1210px; margin: 0 auto; display: flex; justify-content: space-between;}
.global_sec2 .ranking_area .left {width: 460px; transform: translateY(100px); opacity: 0; transition-duration: 0.5s;}
.global_sec2 .ranking_area.active .left {transform: translateY(0); opacity: 1;}
.global_sec2 .ranking_area .left li {border-top: 1px solid #EDDECD; font-family: "spoqa_medium"; overflow: hidden; width: 100%; padding: 18px 0; color: #222; display: flex; justify-content: space-between; align-items: flex-start;}
.global_sec2 .ranking_area .left li:first-of-type {border-top: 0; padding-top: 0;}
.global_sec2 .ranking_area .left li p {word-break: break-all;}
.global_sec2 .ranking_area .left li .ranking {width: 40px;}
.global_sec2 .ranking_area .left li .country {margin: 0 40px; width: 215px; padding-left: 32px; position: relative;}
.global_sec2 .ranking_area .left li .country::before {content: ""; width: 24px; height: 24px; display: inline-block; border-radius: 50px; background-size: cover; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.global_sec2 .ranking_area .left li .country.us::before {background: url(../images/flag-us.png);}
.global_sec2 .ranking_area .left li .country.germany::before {background: url(../images/flag-germany.png);}
.global_sec2 .ranking_area .left li .country.china::before {background: url(../images/flag-china.png);}
.global_sec2 .ranking_area .left li .country.france::before {background: url(../images/flag-france.png);}
.global_sec2 .ranking_area .left li .country.canada::before {background: url(../images/flag-canada.png);}
.global_sec2 .ranking_area .left li .country.uk::before {background: url(../images/flag-uk.png);}
.global_sec2 .ranking_area .left li .country.jp::before {background: url(../images/flag-jp.png);}
.global_sec2 .ranking_area .left li .country.singapore::before {background: url(../images/flag-singapore.png);}
.global_sec2 .ranking_area .left li .country.netherlands::before {background: url(../images/flag-netherlands.png);}
.global_sec2 .ranking_area .left li .country.spain::before {background: url(../images/flag-spain.png);}
.global_sec2 .ranking_area .left li .people {width: 120px; color: #444; text-align: right;}
.global_sec2 .ranking_area .left li .people span {font-size: 24px; font-family: "spoqa_bold";}
.global_sec2 .criterion {color: #888; margin: 40px auto 0; width: 1210px; text-align: left;}

.global_sec2 .ranking_area .right {width: 460px; transform: translateY(100px); opacity: 0; transition-duration: 0.5s; transition-delay: 0.3s;}
.global_sec2 .ranking_area.active .right {transform: translateY(0); opacity: 1;}
.global_sec2 .ranking_area .right li {font-family: "spoqa_medium"; width: 100%; color: #222; display: flex; justify-content: space-between; align-items: center; margin-bottom: 42px;}
.global_sec2 .ranking_area .right li p {word-break: break-all;}
.global_sec2 .ranking_area .right li .year {width: 57px;}
.global_sec2 .ranking_area .right li .graph {width: 202px; margin: 0 40px;}
/* 2022-12-06, 2025-01-21, 2025-12-12 수정 */
.global_sec2 .ranking_area .right li .graph span {width:250px; height: 6px; border-radius: 50px; background: #f58220; display: inline-block;}
.global_sec2 .ranking_area .right li:nth-of-type(2) .graph span {width: 250px;}
.global_sec2 .ranking_area .right li:nth-of-type(3) .graph span {width: 140px;}
/* // 2022-12-06, 2025-01-21, 2025-12-12 수정 */
.global_sec2 .ranking_area .right li .people {width: 120px; text-align: right;}
.global_sec2 .ranking_area .right li .people span {font-size: 24px; font-family: "spoqa_bold";}

/* 2025-01-31 */
#vodBox {position:fixed;top:0;left:0;width:100%;height: 100vh; background: rgba(0, 0, 0, 0.5); z-index:500;}
#vodBox .vod_area {width:100%;height:auto; }
#vodBox .vod_player {position:relative;margin:120px auto 0;max-width:855px;text-align: right;}
#vodBox .vod_player .close_box1{position: absolute;top: 0;}
#vodBox #jwplay{max-width: 100%;}
#vodBox .vod_player .jwplay-btn-wrap{text-align:right;background:#202020;height:45px;box-sizing:border-box;}
.jwplay-btn-wrap:after{display:block;clear:both;content:'';}
.jwplay-btn-wrap p{float:left;text-align:left;margin:0;height:44px;}
.jwplay-btn-wrap a{overflow:hidden;display:inline-block;width:59px;height:44px;text-indent:-9999999px;border:0;text-align:left;}
.jwplay-btn-wrap a:hover{text-align:left;}
.jwplay-btn-wrap a:focus{outline: -webkit-focus-ring-color auto 5px;outline-offset: -2px;}
.jwplay-btn-wrap .jw-play-btn.play{background:url(../images/btn_jwplay_01.gif) no-repeat center;}
.jwplay-btn-wrap .jw-play-btn.stop{background:url(../images/btn_jwplay_01_1.gif) no-repeat center;}
.jwplay-btn-wrap .jw-volume-btn1{background:url(../images/btn_jwplay_02.gif) no-repeat center;}
.jwplay-btn-wrap .jw-volume-btn2{background:url(../images/btn_jwplay_03.gif) no-repeat center;}
.jwplay-btn-wrap .jw-volume-btn3.down{background:url(../images/btn_jwplay_04.gif) no-repeat center;}
.jwplay-btn-wrap .jw-volume-btn3.up{background:url(../images/btn_jwplay_04_1.gif) no-repeat center;}
.jwplay-btn-wrap .fullscreen{background:url(../images/btn_jwplay_05.gif) no-repeat center;}
/* .jwplay-btn-wrap .close_box1{background:url(../images/btn_pop_close.png) no-repeat center;} */
/* // 2025-01-31 */


@media all and (max-width: 1300px) {
	.global_sec1 {padding-bottom: 200px !important;}
	.global_sec1 .img > div.one4 {top: 850px !important;}

	.global_sec2 .map_area {width: 1000px;}
	.global_sec2 .map_box .img {width: 100%; height: 524px; background: url(../images/map.png) no-repeat; background-size: cover;}
	.global_sec2 .map_box .continent .data.north_america {width: 170px; height: 170px;}
	.global_sec2 .map_box .continent .data.europe {width: 170px; height: 170px; right: 408px;}
	.global_sec2 .map_box .continent .data.middle_east {width: 110px; height: 110px; right: 286px;}
	.global_sec2 .map_box .continent .data.asia {width: 150px; height: 150px; top: 184px;}
	.global_sec2 .map_box .continent .data.south_america {width: 110px; height: 110px; left: 250px;}
	.global_sec2 .map_box .continent .data.oceania {width: 110px; height: 110px;}
	.global_sec2 .map_box .continent .data dl {font-size: 13px;}
	.global_sec2 .map_box .continent .data dl dd {font-size: 13px;}
	.global_sec2 .map_box .continent .data dl dd span {font-size: 16px;}

	.global_sec2 .ranking_area {width: 1000px;}

	.global_sec2 .criterion {width: 1000px;}
	
	.global_sec2 .txt{width: 94%; margin: 20px auto 0;}/* 2025-06-24 */
}

@media all and (max-width: 1024px) {
	.global_sec1 .img > div.one4 {top: 720px !important;}

	.global_sec2 .map_area {width: 600px;}
	.global_sec2 .map_box .img {width: 100%; height: 336px; background: url(../images/map.png) no-repeat; background-size: cover;}
	.global_sec2 .map_box .continent .data.north_america {width: 108px; height: 108px; top: 60px;}
	.global_sec2 .map_box .continent .data.europe {width: 108px; height: 108px; top: 20px; right: 230px;}
	.global_sec2 .map_box .continent .data.middle_east {width: 74px; height: 74px; top: 60px; right: 130px;}
	.global_sec2 .map_box .continent .data.asia {width: 108px; height: 108px; top: 120px; right: 20px;}
	.global_sec2 .map_box .continent .data.south_america {width: 74px; height: 74px; bottom: 50px; left: 150px;}
	.global_sec2 .map_box .continent .data.oceania {width: 74px; height: 74px; bottom: 20px; right: 20px;}
	.global_sec2 .map_box .continent .data dl {font-family: "spoqa_regular";}

	.global_sec2 .ranking_area {width: 600px; display: block;}
	.global_sec2 .ranking_area .left {width: 100%;}
	.global_sec2 .ranking_area .left li .ranking {width: 70px;}
	.global_sec2 .ranking_area .left li .country {width: 350px;}
	.global_sec2 .ranking_area .right {width: 100%; margin-top: 70px;}
	.global_sec2 .ranking_area .right li .year {width: 70px;}
	.global_sec2 .ranking_area .right li .graph {width: 350px;}

	.global_sec2 .criterion {width: 600px;}

	/* 2025-01-31 */
	#vodBox .vod_player .close_box1{top: auto; bottom: -45px; right: 0;}
	#vodBox .vod_player {position: absolute; top: 5vh; left: 50%; max-width:100%; width:90vw; margin:0; transform:translateX(-50%);}
	/* // 2025-01-31 */
}


@media all and (max-width: 768px) {
	.support_sec1 .copy p {word-break: keep-all;}

	.global_sec1 {padding-bottom: 140px !important;}
	.global_sec1 .img > div.one4 {top: 530px !important;}

	.global_sec2 {padding: 60px 0;}
	.global_sec2 p.content_stit {margin-bottom: 24px;}
	.global_sec2 p.content_stit span {font-size:13px;} /* 2022-11-02 추가 */
	.global_sec2 .map_area {margin: 30px 0 50px; width: 100%;}
	.global_sec2 .map_area p.content_stit {padding-left: 3%;}
	.global_sec2 .map_box {overflow-x: scroll; padding: 0 3%; overflow-y: hidden;}
	.global_sec2 .map_box .for_position {width: 600px; position: relative;}

	.global_sec2 .ranking_area {width: 94%;}
	.global_sec2 .ranking_area .left li .country {margin: 0; width: 300px;}
	.global_sec2 .ranking_area .left li .people {width: 200px;}
	.global_sec2 .ranking_area .left li .people span {font-size: 20px; line-height: 30px;}

	.global_sec2 .ranking_area .right {margin-top: 32px;}
	.global_sec2 .ranking_area .right li {margin-bottom: 16px;}
	.global_sec2 .ranking_area .right li .year {width: 110px;}
	.global_sec2 .ranking_area .right li .graph {margin: 0 10px; width: 300px;}
	.global_sec2 .ranking_area .right li .people {width: 150px;}
	.global_sec2 .ranking_area .right li .graph span {height: 4px;}
	/* 2022-12-06, 2025-01-21 수정 */
	.global_sec2 .ranking_area .right li:nth-of-type(1) .graph span {width: 180px;}
	.global_sec2 .ranking_area .right li:nth-of-type(2) .graph span {width: 180px;}
	.global_sec2 .ranking_area .right li:nth-of-type(3) .graph span {width: 100px;} /* 2025-06-24 */
	/* // 2022-12-06, 2025-01-21 수정 */
	.global_sec2 .ranking_area .right li .people span {font-size: 20px; line-height: 30px;}

	.global_sec2 .criterion {width: 94%; margin: 30px auto 0;}
}




/* 브라우저 업데이트 안내 */
.browser_update {text-align: center; word-break: keep-all;}
.browser_update ul {display: flex; justify-content: space-between; font-size: 14px; color: #888; margin-bottom: 40px;}
.browser_update li {width: 145px; height: 140px; padding-top: 24px; border: 1px solid #ddd; border-radius: 8px;}
.browser_update li a {display: block; padding-top: 75px;}
.browser_update li:nth-child(1) a {background: url('../images/info_update_brw1.svg') no-repeat center 0;}
.browser_update li:nth-child(2) a {background: url('../images/info_update_brw2.svg') no-repeat center 0;}
.browser_update li:nth-child(3) a {background: url('../images/info_update_brw3.png') no-repeat center 0;}
.browser_update li:nth-child(4) a {background: url('../images/info_update_brw4.svg') no-repeat center 0;}

@media all and (max-width:1024px) {
}

@media all and (max-width:768px) {
	.browser_update {text-align: center; word-break: keep-all; margin: 70px auto 60px !important;}
	.browser_update br {display: none;}
	.browser_update ul {display: flex; justify-content: space-between; flex-wrap: wrap; width: 310px; font-size: 14px; color: #888; margin:0  auto 40px;}
	.browser_update li {margin-bottom: 20px;}
}

@media all and (max-width:500px) {
	.browser_update ul {width: 100%; margin:0  auto 20px; font-size: 12px;}
	.browser_update li {width: 48%; height: 120px; margin-bottom: 12px; padding-top: 25px;}
	.browser_update li a {padding-top: 50px;}
	.browser_update li:nth-child(1) a {background: url('../images/info_update_brw1.svg') no-repeat center 0; background-size: auto 50px;}
	.browser_update li:nth-child(2) a {background: url('../images/info_update_brw2.svg') no-repeat center 0; background-size: auto 50px;}
	.browser_update li:nth-child(3) a {background: url('../images/info_update_brw3.svg') no-repeat center 0; background-size: auto 50px;}
	.browser_update li:nth-child(4) a {background: url('../images/info_update_brw4.svg') no-repeat center 0; background-size: auto 50px;}
}

/* 이메일무단수집거부 안내 */
.deny_email {text-align: center; word-break: keep-all;}
.deny_email .content_stit {padding-top: 84px; margin-bottom: 20px; color: #043B72; background: url('../images/ico-emaildeny.svg') no-repeat center 0;}

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

@media all and (max-width:1024px) {
}

@media all and (max-width:768px) {
	.deny_email .content_stit {margin-bottom: 10px;}
}

@media all and (max-width:500px) {
}

/* 이용약관 */
.terms dt {color: #043B72; margin-top: 81px;}
.terms dt:first-child {margin-top: 0;}
.terms dd {position: relative; padding-left: 26px; margin-top: 20px;}
.terms dd p {margin-top: 20px;}
.terms dd:last-child {margin-top: 30px;}
.terms dd:first-child {margin-top: 40px;}
.terms dd > span {position: absolute; top: 0; left: 0;}

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

@media all and (max-width:1024px) {
}

@media all and (max-width:768px) {
	.terms dt {margin-top: 41px;}
	.terms dd {padding-left: 20px; margin-top: 10px;}
	.terms dd p {margin-top: 10px;}
	.terms dd:last-child {margin-top: 15px;}
	.terms dd:first-child {margin-top: 20px;}
}

@media all and (max-width:500px) {
}

/* 개인정보처리방침 */
.privacy_p {color: #444;}
.privacy_p ol {margin-top: 20px;}
.privacy_p li {margin-bottom: 20px;}
.privacy_p li:last-child {margin-bottom: 0px;}
.privacy_p li strong {display: inline-block; margin-right: 6px;}
.privacy_p dt {margin-top: 80px; color: #043B72;}
.privacy_p dd {margin-top: 40px;}
.privacy_p dd .privacy_txt {position: relative; padding-left: 30px; margin-top: 30px;}
.privacy_p dd .privacy_txt > span {position: absolute; top: 0; left: 0;}
.privacy_p dd .privacy_txt .dot_txt {font-size: 18px; color: #444;}
.privacy_p dd .privacy_txt .dot_txt::before {background: #444;}
.privacy_p dd .privacy_txt .dot_txt {margin-top: 22px;}
.privacy_p dd .privacy_txt .dot_txt + .dot_txt {margin-top: 11px;}
/*  2024-09-09 추가 */
.privacy_p dd .privacy_txt .no_dot_txt {margin-top: 22px; text-indent: -20px; padding-left: 20px;} 
.privacy_p dd .privacy_txt .no_dot_txt.no_in{text-indent:0; padding-left:0;} 
.privacy_p dd .privacy_txt .no_dot_txt + .no_dot_txt {margin-top: 11px;}
.privacy_p dd .table_tit{position: relative; padding-left: 30px; margin-bottom: 11px;}
.privacy_p dd .table_tit > span{position: absolute; top: 0; left: 0;}
.privacy_p dd .dash p{margin-top: 22px;}
.privacy_p dd .dash p + p{margin-top: 11px;}
/* // 2024-09-09 추가 */
.privacy_p dd > * + .hori_scroll {margin-top: 40px;}
.privacy_p dd table {width: 100%; margin-bottom: 20px;}
.privacy_p dd table th {padding: 20px 40px; background: #F7F7F7; color: #333; font-family: "spoqa_bold"; border-top: 1px solid #222; border-bottom: 1px solid #EBEBEB; border-right: 1px solid #EDEFF0;}
.privacy_p dd table th:last-of-type {border-right: 0;}
.privacy_p dd table td {padding: 20px 40px; border-bottom: 1px solid #EDEFF0; border-right: 1px solid #EDEFF0; border-left: 1px solid #EDEFF0;}
.privacy_p dd table td:last-child {border-right: 0;}
.privacy_p dd table td:nth-child(1) {border-left: 0;}

.privacy_p .terms_his {display: flex; align-items: center; margin-top: 100px;}
.privacy_p .terms_his .tit {color: #222; font-family: "spoqa_medium"; margin-right: 40px;}
.privacy_p .terms_his .form_select {width: 350px; margin-right: 20px;}
.privacy_p .content_stxt {display: block; margin-top: 10px; color: #444;}

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

@media all and (max-width:1024px) {
}

@media all and (max-width:768px) {
	.privacy_p ol {margin-top: 10px;}
	.privacy_p li {margin-bottom: 10px;}
	.privacy_p dt {margin-top: 30px;}
	.privacy_p dd {margin-top: 20px;}
	.privacy_p dd .privacy_txt {padding-left: 20px; margin-top: 20px;}
	.privacy_p dd .privacy_txt .dot_txt {margin-top: 12px; font-size: 14px;}
	.privacy_p dd .privacy_txt .dot_txt + .dot_txt {margin-top: 8px;}
	.privacy_p dd > * + .hori_scroll {margin-top: 20px; overflow-x: auto;}
	.privacy_p dd > * + .hori_scroll table {width: 1000px;}
	.privacy_p dd table {width: 100%; margin-bottom: 10px;}
	.privacy_p dd table th {padding: 10px 20px; font-size: 12px;}
	.privacy_p dd table td {padding: 10px 20px;}
	.privacy_p .terms_his {display: block; margin-top: 60px;}
	.privacy_p .terms_his .tit {margin-right: 0px; margin-bottom: 10px;}
	.privacy_p .terms_his .form_select {width: 100%; margin-right: 0px; margin-bottom: 10px;}
	.privacy_p .terms_his > a {width: 100%;}
	/*  2024-09-09 추가 */
	.privacy_p dd .privacy_txt .no_dot_txt {text-indent: -15px; padding-left: 15px;} 
	/* // 2024-09-09 추가 */
}

@media all and (max-width:500px) {
}

/* 에러페이지 */
.error_p {width: 100%; padding: 100px 15px; border-radius: 15px; background: #F7F7F7; text-align: center; margin-bottom: 30px;}
.error_p .content_stit {padding-top: 126px; margin-bottom: 20px; color: #043B72; background: url('../images/Ico-error-p.svg') no-repeat center 0;}
@media screen and (max-width: 768px) {
	.error_p {padding: 50px 15px; margin-top: -10px; word-break: keep-all; border-radius: 12px; margin-bottom: 20px;}
	.error_p .content_stit {padding-top: 80px; margin-bottom: 10px; background: url('../images/Ico-error-p.svg') no-repeat center 0; background-size: 60px; font-size: 20px; line-height: 30px;}
}

@media screen and (max-width: 500px) {
}


/* 패밀리사이트 안내레이어 2023-07-26 수정 */
.pop_wrap .pop_body.family_site {margin-left: 37px; width: calc(100% - 50px);}
.pop_wrap .pop_body.pop_news_consent {margin-left: 37px; width: calc(100% - 50px);}
.pop_wrap .pop_body.family_site .for_scroll {margin-right: 20px;}
.pop_body.family_site dl {display: flex; margin-bottom: 30px; border-bottom: 1px solid #EBEBEB;} /* 2023-07-12 수정 */
.pop_body.family_site dl:last-of-type{border-bottom: 0; margin-bottom: 0;}
.pop_body.family_site dl dt {width:30%; font-family: "spoqa_medium"; margin-bottom: 20px; color: #E4883C;}/* 2023-07-12 수정 */
.pop_body.family_site dl dd {display: flex; flex-wrap: wrap; width:70%; margin-bottom: 30px;}/* 2023-07-12 수정 */
.pop_body.family_site dl dd a,.pop_body.family_site dl dd P {width: 220px; display: inline-block; margin-bottom: 10px; /*margin-right: 22px;*/}/* 2023-07-12 수정 */
.pop_body.family_site dl dd a.none {cursor: default;}
/* .pop_body.family_site dl dd a:nth-of-type(3n) {margin-right: 0;} */
.pop_body.family_site dl dd a:hover {color: #E4883C; font-family: "spoqa_medium";}
.pop_body.family_site dl dd p{color: #333;}/* 2023-07-12 추가 */
/* .pop_body.family_site .content_stxt {margin-top: 30px;} 2023-07-12 삭제 */
.pop_body.family_site .ml30p{width: 100%;  color: #888;} /* 2023-07-26 수정 */

@media screen and (max-width: 768px) {
	#familyPop .pop_content{width:100%;}
	.pop_wrap .pop_body.family_site {width: calc(100% - 32px); max-height: calc(100% - 100px); margin: 70px auto 60px;}
	.pop_body.family_site dt br{display: none;}
	.pop_body.family_site dl {flex-direction: column;padding-bottom: 20px;}
	.pop_body.family_site dl dt {width:100%;}
	.pop_body.family_site dl dd {flex-direction: column; width:100%; margin-bottom: 0;}/* 2023-07-12 수정 */
	.pop_body.family_site dl dd.content_stxt {margin-top: 0;}
	.pop_body.family_site dl dd a,.pop_body.family_site dl dd P {width: auto;}
	.pop_body.family_site dl dd a {width: 100%; margin-right: 0; word-break: keep-all;}
	.pop_body.family_site .content_stxt {margin-top: 20px;}
	.pop_body.family_site .ml30p{width: 100%; margin: 0;}

}

@media screen and (max-width: 500px) {
	.pop_wrap .pop_body.family_site .for_scroll {margin-right: 10px;}

}



/* 1:1 문의 */
.mem_join .inquiry .list_input .form_radio {margin-right: 0 !important; margin-left: 60px;}
.mem_join .inquiry .form_radio:first-of-type {margin-left: 0;}
.mem_join .inquiry .form_select {margin-left: 20px;}
.mem_join .inquiry .form_input {width: 100%;}
.mem_join .inquiry .form_input input {width: 100%;}
.mem_join .inquiry .form_input.short input {width: 350px;} /* 2022-07-18 추가 */
.mem_join .inquiry .form_input textarea {width: 100%; height: 180px;}
.mem_join .list_input ul li .td .has_add_msg {width: 100%;}
.mem_join .form_input.file input[type="file"] {	position: absolute;	width: 0;	height: 0;	padding: 0;	overflow: hidden;	border: 0;}
.mem_join .form_input.file label {display: inline-block; width: 128px; height: 50px; line-height: 50px; text-align: center; color: #222; cursor: pointer; border: 1px solid #222; border-radius: 10px;}
.mem_join .form_input.file .file_name {	display: inline-block; font-size:18px; padding: 0 10px;	vertical-align: middle;	background-color: #f5f5f5;  border: 1px solid #ebebeb;  border-radius: 5px;}
.mem_join .form_input.file .file_msg {font-size: 14px; color: #888; margin: 20px 0; padding-left: 10px; position: relative;}
.mem_join .form_input.file .file_msg::before {content: ""; background: #888; width: 4px; height: 4px; display: inline-block; border-radius: 50px; position: absolute; top: 8px; left: 0;}
.mem_join .form_input.file .file_area {background: #F7F7F7; padding: 20px 20px 10px 20px; border-radius: 10px; width: 100%;}

.mem_join .form_input.file .file_area .file_name {display: inline-block; font-size: 14px; font-family: "spoqa_medium"; border: 1px solid #222; border-radius: 20px 20px 20px 20px; padding: 8px 35px 8px 15px; margin: 0 10px 10px 0; background: #fff; cursor: pointer; line-height: 17px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 975px;}
.mem_join .form_input.file .file_area .file_name .delbt {display: inline-block; width: 18px; height: 18px; background: url(../images/ico-file-close.png) no-repeat; margin-left: 10px; vertical-align: middle; position: absolute; top: 8px; right: 8px;}

.mem_join .agree_con .list .open_area {height: 320px;}
.mem_join .agree_con .list .open_area.mcustom_scroll2 {overflow-y: auto;}
.mem_join .agree_con .list .open_area.mcustom_scroll2 .for_padding {padding-bottom: 50px; height: auto;}
.mem_join .agree_con .list .open_area.mcustom_scroll2::-webkit-scrollbar {width: 6px;}
.mem_join .agree_con .list .open_area.mcustom_scroll2::-webkit-scrollbar-thumb {background: #ccc; border-radius: 50px;}

/* 2022-07-18 추가, 2022-07-19 수정 */
.captcha_area {position: relative; margin-bottom: 20px;}
.captcha_area::after {content: ""; display: block; clear: both;}
.captcha_area .img {float: left; display: flex; justify-content: center; align-items: center; width: 200px; height: 80px; box-sizing: border-box; border-radius: 10px 0 0 10px; border: 1px solid #e5e5e5;}
.captcha_area .desc-type {float: left;}
.captcha_area .desc-type a {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.captcha_area .desc-type a:nth-child(2) {border-top: none;}
.captcha_area .desc-type .refresh_btn {border-radius: 0 10px 0 0;}
.captcha_area .desc-type .listen_btn {border-radius: 0 0 10px 0;}
/* // 2022-07-18 추가, 2022-07-19 수정 */

@media screen and (max-width: 1600px) {
	.mem_join .form_input.file .file_area .file_name {max-width: 795px;}
}

@media screen and (max-width: 1500px) {
	.mem_join .form_input.file .file_area .file_name {max-width: 660px;}
}

@media screen and (max-width: 1024px) {
	.mem_join .form_radio {display: block; margin-left: 0; margin-bottom: 20px;}
	.mem_join .form_select {margin-left: 0; margin-top: 10px;}
	.mem_join .form_input.file .file_area .file_name {max-width: 58vw;}
}

@media screen and (max-width: 768px) {
	.mem_join .inquiry .form_radio {display: inline-block; margin-bottom: 20px; vertical-align: top;}
	.mem_join .inquiry .form_radio:first-of-type {margin-left: 0;}
	.mem_join .inquiry .form_select {margin-left: 0; margin-top: 10px;}
	.mem_join .inquiry .content_tit:not(:first-child) {margin-top: 60px;}
	.mem_join .inquiry .for_position {padding-bottom: 50px; position: unset;}
	.mem_join .inquiry .form_select {position: absolute; top: 90px; left: 0; width: 100%;}
	.mem_join .inquiry .form_input textarea {height: 138px;}

	.mem_join .form_input.file label {width: 160px;}
	.mem_join .form_input.file .file_msg {font-size: 13px; margin: 12px 0;}
	.mem_join .form_input.file .file_area {padding: 12px 12px 0 12px;}
	.mem_join .form_input.file .file_area div {padding: 5px 10px; margin: 0 12px 12px 0;}
	.mem_join .form_input.file .file_area div a {margin-left: 5px;}

	.mem_join .agree_con .list .open_area.mcustom_scroll2 .for_padding {padding-bottom: 20px;}

	.mem_join .form_input.file .file_area .file_name {max-width: 100%;}

	/* 2022-07-19 추가 */
	.captcha_area {margin-right: 0 !important;}
	.captcha_area .img {width: calc(100% - 40px);}
	/* // 2022-07-19 추가 */
}

@media screen and (max-width: 417px) {
}




/* 재단소식 - 공지사항 목록 */
.list_card_type4 {overflow: hidden; display: flex; flex-wrap: wrap;}
.list_card_type4 a {display: inline-block; width: 460px; min-height: 248px; border: 1px solid #E5E5E5; border-radius: 20px; padding: 50px 40px; overflow: hidden; margin-bottom: 40px; transform: translateY(70px); transition-property: transform, opacity, border; transition-duration: 0.7s, 0.7s, 0.2s; opacity: 0;}
.list_card_type4 a:hover {border: 1px solid #F58220;}
.list_card_type4 a.active {opacity: 1; transform: translateY(0);}
.list_card_type4 a:nth-of-type(3n-1) {margin: 0 40px 40px 40px; transition-delay: 0.2s, 0.2s, 0s;}
.list_card_type4 a:nth-of-type(3n) {transition-delay: 0.3s, 0.3s, 0s;}
.list_card_type4 a.scroll_motion.init {transform: translateY(70px); transition-property: border; transition-duration: 0.2s; transition-delay: 0s; opacity: 0; animation: fadeUp 0.7s forwards;}
.list_card_type4 a.scroll_motion.init:nth-of-type(2) {animation-delay: 0.2s, 0s;}
.list_card_type4 a.scroll_motion.init:nth-of-type(3) {animation-delay: 0.3s, 0s;}
.list_card_type4 a .class {font-family: "spoqa_bold"; position: relative; margin-bottom: 40px;}
.list_card_type4 a .class span.color {color: #F58220; margin-right: 20px;}
.list_card_type4 a .tit {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0 0 60px; word-break: break-all;}
.list_card_type4 a .date {color: #888; position: relative; display: inline-block; padding-right: 35px;}

.list_card_type4 + .btn_wrap {margin-top: 100px;}

@keyframes border {
	0% {border: 1px solid #E5E5E5;}
	100% {border: 1px solid #f58220;}
}

@media screen and (max-width: 1600px) {
	.list_card_type4 a {width: 400px;}
	.t_srch_div .list_card_type4 a {width: 32%;}
	.t_srch_div .list_card_type4 a:nth-of-type(3n-1) {margin: 0 2% 40px 2%;}
}

@media screen and (max-width: 1500px) {
	.list_card_type4 a {width: 470px;}
	.list_card_type4 a:nth-of-type(3n-1) {margin: 0 0 40px 0;}
	.list_card_type4 a:nth-of-type(3n) {margin: 0 0 40px 0;}
	.list_card_type4 a:nth-of-type(2n) {margin: 0 0 40px 40px;}

	.t_srch_div .list_card_type4 a {width: 48%;}
	.t_srch_div .list_card_type4 a:nth-of-type(3n-1) {margin: 0 0 40px 0;}
	.t_srch_div .list_card_type4 a:nth-of-type(3n) {margin: 0 0 40px 0;}
	.t_srch_div .list_card_type4 a:nth-of-type(2n) {margin: 0 0 40px 4%;}
}

@media screen and (max-width: 1024px) {
	.tab_area + .list_num {margin: 50px 0 20px;}
	.search_type2 {top: -45px;}
	.list_card_type4 a {width: 48%; margin-bottom: 40px; border-radius: 16px; min-height: 155px;}
	.list_card_type4 a:nth-of-type(3n-1) {margin: 0; margin-bottom: 60px; transition-delay: 0s !important;}
	.list_card_type4 a:nth-of-type(3n) {margin: 0 0 40px 0; transition-delay: 0s !important;}
	.list_card_type4 a:nth-of-type(2n) {margin: 0 0 40px 4%; transition-delay: 0.2s !important;}
}

@media screen and (max-width: 768px) {
	.search_type2 {top: -10px;}

	.list_card_type4 a {width: 100%; margin-bottom: 20px; padding: 30px 20px;}
	.list_card_type4 a:nth-of-type(3n-1) {margin-bottom: 20px;}
	.list_card_type4 a:nth-of-type(3n) {margin: 0 0 20px 0;}
	.list_card_type4 a:nth-of-type(2n) {margin: 0 0 20px 0; transition-delay: 0s !important;}
	.list_card_type4 a .class {margin-bottom: 20px;}
	.list_card_type4 a .tit {margin: 0 0 28px;}
	.list_card_type4 a .class span.color {margin-right: 12px;}
	.list_card_type4 a .date {padding-right: 30px;}

	.t_srch_div .list_card_type4 a {width: 100%;}
	.t_srch_div .list_card_type4 a:nth-of-type(3n-1) {margin: 0 0 20px 0;}
	.t_srch_div .list_card_type4 a:nth-of-type(3n) {margin: 0 0 20px 0;}
	.t_srch_div .list_card_type4 a:nth-of-type(2n) {margin: 0 0 20px 0;}


	.list_card_type4 + .btn_wrap {margin-top: 40px;}
}



/* 재단소식 - 공지사항 상세 */
.detail_tit .cate {font-family: "spoqa_bold"; margin-bottom: 20px;}
.detail_tit .cate span.color {color: #F58220; margin-right: 20px;}
.detail_tit .cate span.color_orange {color: #F58220; margin-right: 20px;}
.detail_tit .cate span.color_grey {color: #888; margin-right: 20px;}
.detail_tit .cate span.color_blue {color: #043B72; margin-right: 20px;}
.detail_tit.type2 .share_btns, .detail_tit.type3 .share_btns {top: 50px;}
.detail_view .file_area {position: relative; margin-top: 100px; padding-left: 105px;}
.detail_view .file_area span {display: block; position: absolute; top: 5px; left: 0; font-family: "spoqa_bold";}
.detail_view .file_area a {display: inline-block; font-size: 14px; font-family: "spoqa_medium"; border: 1px solid #222; border-radius: 20px 20px 20px 20px; padding: 8px 17px; margin:0 10px 5px 0; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 975px;}

/* .mem_join.gui .form_input.file .file_area .file_name {display: inline-block; font-size: 14px; font-family: "spoqa_medium"; border: 1px solid #222; border-radius: 20px 20px 20px 20px; padding: 8px 35px 8px 15px; margin: 0 10px 10px 0; background: #fff; cursor: pointer; line-height: 17px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 975px;} */




.detail_view .link_area {margin-top: 60px;}
.detail_view .link_area .date {font-family: "spoqa_bold"; color: #222; margin-bottom: 20px;}
.detail_view .link_area a {display: inline-block; border: 1px solid #043B72; border-radius: 10px; padding: 12px 25px; font-size: 17px; color: #043B72;}
.detail_view .link_area a::after {content: ""; background: url(../images/ico-link.svg) no-repeat; width: 17px; height: 17px; display: inline-block; margin-left: 20px;}
.detail_view .link_area p {font-family: "spoqa_bold"; margin-bottom: 20px; color: #222;}

/* 2023-03-21 추가, 2023-04-14 수정 s */
.detail_view .txt_area.table table {width: 858px; border-color: #000; color: #000; font-size: 14.6px;}
.detail_view .txt_area.table table tr:first-of-type {background-color: rgb(230, 230, 230);}
.detail_view .txt_area.table table tr td {padding: 7px 0;}
/* // 2023-03-21 추가, 2023-04-14 수정 e */

@media screen and (max-width: 1500px) {
	.detail_view .file_area a {max-width: 840px;}
}

@media screen and (max-width: 1024px) {
	.detail_view .file_area a {max-width: 100%;}
}

/* 2023-03-21 추가, 2023-04-14 수정 s */
@media screen and (max-width: 970px) {
	.detail_view .txt_area.table {overflow-x: scroll;}
}
/* // 2023-03-21 추가, 2023-04-14 수정 e */

@media screen and (max-width: 768px) {
	.detail_tit.type2 .share_btns, .detail_tit.type3 .share_btns {top: unset; bottom: 20px;}
	.detail_tit .cate span.color {margin-right: 12px;}
	.detail_view .file_area {margin-top: 60px; padding-left: 20px;}
	.detail_view .file_area span {position: unset; display: block; margin-bottom: 20px; }
	.detail_view .file_area a {font-size: 13px; padding: 5px 14px; margin: 0 12px 6px 0; font-family: "spoqa_regular";}

	.detail_view .link_area {margin-top: 40px;}
	.detail_view .link_area a {font-size: 14px; padding: 8px 22px;}
	.detail_view .link_area a::after {content: ""; background: url(../images/ico-link.svg) no-repeat; background-size: cover; width: 12px; height: 12px; display: inline-block; margin-left: 30px;}
}


/* 재단소식 - 리서치 목록 */
.list_card_type5 {display: flex; flex-wrap: wrap;}
.list_card_type5 a {display: inline-block; width: 700px; min-height: 310px; border: 1px solid #E5E5E5; border-radius: 20px; padding: 60px; overflow: hidden; margin-bottom: 80px; transform: translateY(70px); transition-duration: 0.7s; opacity: 0;}
.list_card_type5 a.scroll_motion.init {transform: translateY(70px); transition-duration: unset; opacity: 0; animation:fadeUp 0.7s forwards;}
.list_card_type5 a.scroll_motion.init:nth-of-type(2n) {animation-delay: 0.2s;}
.list_card_type5 a:nth-of-type(2n) {margin: 0 0 80px 60px; transition-delay: 0.2s;}
.list_card_type5 a.active {opacity: 1; transform: translateY(0);}
.list_card_type5 a .class {font-family: "spoqa_bold"; position: relative;}
.list_card_type5 a .class span:first-of-type {margin-right: 20px;}
.list_card_type5 a .class span.color_orange {color: #F58220;}
.list_card_type5 a .class span.color_grey {color: #888;}
.list_card_type5 a .class span.color_blue {color: #043B72;}
.list_card_type5 a .tit {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 40px 0 80px}
.list_card_type5 a .info p {display: inline-block; position: relative; padding-left: 34px; color: #444;}
.list_card_type5 a .info p:first-of-type {margin-right: 30px; padding-left: 0;}/* 2023-09-11 추가 */
/* .list_card_type5 a .info p:first-of-type::before {content: ""; background: url(../images/ico-count.svg) no-repeat; display: inline-block; width: 24px; height: 24px; position: absolute; top: 2px; left: 0;} 2023-09-11 삭제 */
.list_card_type5 a .info p:last-of-type::before {content: ""; background: url(../images/ico-date.svg) no-repeat; display: inline-block; width: 24px; height: 24px; position: absolute; top: 2px; left: 0;}

@media screen and (max-width: 1600px) {
	.list_card_type5 a {width: 600px;}
	.t_srch_div .list_card_type5 a {width: 49%;}
	.t_srch_div .list_card_type5 a:nth-of-type(2n) {margin: 0 0 80px 2%;}
}

@media screen and (max-width: 1500px) {
	.list_card_type5 a {width: 470px;}
	.list_card_type5 a .info p:first-of-type {margin-bottom: 10px;}
}

@media screen and (max-width: 1024px) {
	.list_card_type5 a {width: 100%; margin-bottom: 60px;}
	.list_card_type5 a:nth-of-type(2n) {margin: 0 0 60px 0; transition-delay: 0s !important;}

	.t_srch_div .list_card_type5 a {width: 100%; margin-bottom: 60px;}
	.t_srch_div .list_card_type5 a:nth-of-type(2n) {margin: 0 0 60px 0; transition-delay: 0s !important;}
}

@media screen and (max-width: 768px) {
	.list_card_type5 a {margin-bottom: 40px; padding: 30px 20px; min-height: 154px; border-radius: 10px;}
	.list_card_type5 a:nth-of-type(2n) {margin: 0 0 40px 0;}
	.list_card_type5 a .class span:first-of-type {margin-right: 10px;}
	.list_card_type5 a .tit {margin: 20px 0 28px;}
	.list_card_type5 a .info p {padding-left: 30px;}
	.list_card_type5 a .info p:first-of-type {display: block; margin-bottom: 10px;}
	.list_card_type5 a .info p:first-of-type::before {content: ""; /* background: url(../images/ico-count.svg) no-repeat; */ background-size: cover; display: inline-block; width: 20px; height: 20px; position: absolute; top: 2px; left: 0;}
	/* .list_card_type5 a .info p:last-of-type::before {content: ""; background: url(../images/ico-date.svg) no-repeat; background-size: cover; display: inline-block; width: 20px; height: 20px; position: absolute; top: 2px; left: 0;} 2023-09-11 삭제*/

	.t_srch_div .list_card_type5 a {margin-bottom: 40px; padding: 30px 20px; min-height: 154px; border-radius: 10px;}
	.t_srch_div .list_card_type5 a:nth-of-type(2n) {margin: 0 0 40px 0;}
	.t_srch_div .list_card_type5 a .class span:first-of-type {margin-right: 10px;}
	.t_srch_div .list_card_type5 a .tit {margin: 20px 0 28px;}
	.t_srch_div .list_card_type5 a .info p {padding-left: 30px;}
	.t_srch_div .list_card_type5 a .info p:first-of-type {display: block; margin-bottom: 10px;}
	.t_srch_div .list_card_type5 a .info p:first-of-type::before {content: ""; background: url(../images/ico-count.svg) no-repeat; background-size: cover; display: inline-block; width: 20px; height: 20px; position: absolute; top: 2px; left: 0;}
	.t_srch_div .list_card_type5 a .info p:last-of-type::before {content: ""; background: url(../images/ico-date.svg) no-repeat; background-size: cover; display: inline-block; width: 20px; height: 20px; position: absolute; top: 2px; left: 0;}
}



/* 재단소식 - 리서치 목록 */
.detail_tit.type3 > p {width: calc(100% - 490px);}
.detail_tit .info {position: absolute; top: 68px; right: 100px;}
.detail_tit .info p {color: #444; position: relative; padding-left: 34px; display: inline-block;}
/* 2023-09-11 수정 */
.detail_tit .info p:first-of-type {margin-right: 30px; padding-left: 0;}
.detail_tit .info p:first-of-type::before {content: ""; /*background: url(../images/ico-count.svg) no-repeat; */ display: inline-block; display: inline-block; width: 24px; height: 24px; position: absolute; top: 2px; left: 0;}
.detail_tit .info p:last-of-type::before {content: ""; background: url(../images/ico-date.svg) no-repeat; width: 24px; height: 24px; position: absolute; top: 2px; left: 0;}
/*// 2023-09-11 수정 */


@media screen and (max-width: 1024px) {
	.detail_tit.type3 > p {width: 100%;}
	.detail_tit .info {position: unset; margin-top: 16px;}
}

@media screen and (max-width: 768px) {
	.detail_tit .info p {display: block; padding-left: 30px;}
	/* .detail_tit .info p:first-of-type::before {content: ""; background: url(../images/ico-date.svg) no-repeat; background-size: cover; display: inline-block; width: 20px; height: 20px; position: absolute; top: 2px; left: 0;} 2023-09-11 삭제 */
	.detail_tit .info p:last-of-type::before {content: ""; background: url(../images/ico-date.svg) no-repeat; background-size: cover; display: inline-block; width: 20px; height: 20px; position: absolute; top: 2px; left: 0;}	.detail_tit .cate span.color_orange {margin-right: 12px;}
}



/* 재단소식 - 리서치 참여 레이어 */
.pop_date {color: #888; margin-top: 8px;}
.pop_wrap .pop_content.pop_research {max-height: 840px;}
.pop_wrap .pop_content.pop_research .pop_body {padding-right: 20px; margin-left: 37px; width: calc(100% - 50px); margin: 20px auto 60px !important; max-height: 600px !important;}

.pop_wrap .pop_content.pop_research .pop_head {height: auto; position: unset; margin-left: 40px;}
.for_height {position: relative;}
.pop_research .content_stit {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.pop_research .top_fixed {position: sticky; top: 0; width: 100%; background: #fff; z-index: 5; margin-bottom: 50px;}
.pop_research .top_fixed .fixed_con {border: 1px solid #ddd; border-radius: 10px; padding: 30px; width: 100%; background: #fff;}
.pop_research .top_fixed::after {content: ""; width: 100%; height: 20px; background: #fff; display: inline-block; position: absolute; top: -1px; left: 0; z-index: -10;}
/* .pop_research .top_fixed::after {content: ""; width: 100%; height: 30px; background: #fff; display: block; position: absolute; left: 0; bottom: -31px;} */

.pop_research .top_fixed .fixed_con .option {font-family: "spoqa_bold"; color: #222; margin-right: 40px;}
.pop_research .top_fixed .fixed_con .date {color: #444; position: relative; padding-left: 34px;}
.pop_research .top_fixed .fixed_con .date::before {content: ""; background: url(../images/ico-date.svg) no-repeat; display: inline-block; width: 24px; height: 24px; position: absolute; top: 2px; left: 0;}
.pop_research .top_fixed .fixed_con .nums {position: absolute; padding-left: 30px; right: 30px; top: 30px; color: #444;}
.pop_research .top_fixed .fixed_con .nums::before {content: ""; background: url(../images/ico-step.svg) no-repeat; display: inline-block; width: 24px; height: 24px; position: absolute; top: 2px; left: 0;}
.pop_research .top_fixed .fixed_con .nums span:first-of-type {font-family: "spoqa_bold";}

.pop_research .agree_con .list .open_area {height: 200px;}
.pop_research .agree_con .list .open_area .for_padding {padding: 30px;}

/* .pop_research .policy_area {background: #f7f7f7; border:1px solid #ddd; border-radius: 10px;}
.pop_research .policy_area .tit {font-family: "spoqa_medium"; border:1px solid #ddd; padding: 30px; border-radius: 10px; background: #fff; width: calc(100% + 2px); height: calc(100% + 2px); margin-top: -1px; margin-left: -1px;}
.pop_research .policy_area .txt {padding: 30px 10px 30px 0; height: 200px;}
.pop_research .policy_area .txt .scroll_box {height: calc(200px - 60px); overflow: auto; padding: 0 10px 0 30px}
.pop_research .policy_area .txt .scroll_box::-webkit-scrollbar {width: 6px;}
.pop_research .policy_area .txt .scroll_box::-webkit-scrollbar-thumb {background: #ccc; border-radius: 50px;} */



.pop_research .input_area {margin-top: 60px; border-bottom: 1px solid #ddd;}
.pop_research .input_area.box2 {margin-bottom: 60px;}
.pop_research .input_area > p {padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.pop_research .input_area .list_input ul {padding: 30px 0; border: 0;}
.pop_research .input_area .list_input ul li .th {width: 230px; padding: 25px 30px; color: #222;}
.pop_research .input_area .list_input ul li .td {width: calc(100% - 230px); padding: 0;}
.pop_research .input_area .list_input dl {padding: 30px; margin-top: -10px;}
.pop_research .input_area .list_input dl:first-of-type {margin-top: 0;}
.pop_research .input_area .list_input dl dt {font-family: "spoqa_medium"; color: #222; position: relative;}
.pop_research .input_area .list_input dl dt.essen::after {content: ""; background: #E63A3A; width: 6px; height: 6px; display: inline-block; border-radius: 20px; position: absolute; bottom: 15px; margin-left: 8px;}

.pop_research .input_area .list_input dl dd.img {margin: 30px 0 20px;}
.pop_research .input_area .list_input dl dd.img img {width: 100%;}
.pop_research .input_area .list_input dl dd.input .form_input {width: 100%;}
.pop_research .input_area .list_input dl dd.input .form_input input {width: 100%;}
.pop_research .input_area .list_input dl dd.input .form_input textarea {width: 100%; border-radius: 10px; min-height: 194px; padding: 20px;}
.pop_research .input_area .list_input dl dd.input .for_flex {display: flex; flex-wrap: wrap;}
.pop_research .input_area .list_input dl dd.input .for_flex .form_checkbox {min-width: 170px; margin-bottom: 20px; margin-right: 20px;}
/* .pop_research .input_area .list_input dl dd.input .for_flex .form_checkbox:nth-of-type(4) {width: auto;} */
.pop_research .input_area .list_input dl dd.input .for_flex .form_radio {min-width: 170px; margin-bottom: 20px; margin-right: 20px;}
.pop_research .input_area .list_input dl dd.input .for_flex .form_radio + .form_radio {margin-left: 0;}
/* .pop_research .input_area .list_input dl dd.input .for_flex .form_radio:nth-of-type(4) {width: auto;} */
.pop_research .input_area .list_input dl dd.input .for_flex + .form_input {margin-top: -10px;}

@media screen and (max-width: 1550px) {
	.pop_research {width: 720px !important; max-height: 85vh !important;}
	.pop_wrap .pop_content.pop_research .pop_body {max-height: 50vh !important;}
}

@media screen and (max-width: 768px) {
	.pop_wrap .pop_content.pop_research {max-height: 100%; width: 100% !important;}
	.pop_wrap .pop_content.pop_research .pop_body {width: calc(100% - 32px); margin-left: 16px; margin: 60px auto 60px; max-height: calc(100% - 150px) !important;}
	.pop_wrap .pop_content.pop_research .pop_head {margin-left: 16px;}
	.pop_research .top_fixed {margin-bottom: 40px;}
	.pop_research .top_fixed .fixed_con {padding: 20px 20px 53px 20px;}
	.pop_research .top_fixed .fixed_con .nums {top: 20px; right: unset; left: 111px; top: 50px;}
	.pop_research .top_fixed .fixed_con .date {padding-left: 30px;}
	.pop_research .top_fixed .fixed_con .date::before {width: 20px; height: 20px; background-size: cover;}
	.pop_research .input_area > p {font-size: 20px; line-height: 30px;}
	.input_area .list_input .essen_info {top: -45px; font-size: 14px;}
	.pop_research .policy_area .tit {padding: 20px;}
	.pop_research .policy_area .txt .scroll_box {padding: 0 10px 0 20px;}
	.pop_research .input_area {margin-top: 40px;}
	.pop_research .input_area .list_input dl {padding: 25px 0;}
	.pop_research .input_area .list_input dl dt.essen::after {margin-left: 5px;}
	.pop_research .input_area .list_input dl dd.img {width: 100%; margin: 16px 0 16px;}
	.pop_research .input_area .list_input dl dd.img img {width: 100%;}
	.pop_research .input_area .list_input dl dd.input .form_input textarea {min-height: 178px; font-size: 14px; padding: 16px;}

	.pop_research .input_area .list_input ul li .th {width: 100%; padding: 24px 0 12px 0;}
	.pop_research .input_area .list_input ul li:first-of-type .th {padding-top: 0;}
	.pop_research .input_area .list_input ul li .td {width: 100%;}

	.pop_research .input_area .list_input dl dd.input .for_flex .form_checkbox {width: 100%; margin-bottom: 12px;}
	/* .pop_research .input_area .list_input dl dd.input .for_flex .form_checkbox:nth-of-type(4) {width: auto;} */
	.pop_research .input_area .list_input dl dd.input .for_flex + .form_input {margin-top: 0;}
	.pop_research .input_area .list_input dl dd.input .for_flex .form_radio {width: 100%; margin-bottom: 12px;}
}

@media screen and (max-width: 600px) {
	.pop_wrap .pop_content.pop_research .pop_body {padding-bottom: 50px;}
	.pop_research .top_fixed .fixed_con .option {margin-right: 20px;}
	.pop_research .top_fixed .fixed_con .nums {left: 91px;}
	/* .pop_research .input_area .list_input dl dd.input .for_flex .form_checkbox {width: 38%;} */
	/* .pop_research .input_area .list_input dl dd.input .for_flex .form_checkbox:nth-of-type(4) {width: 38%;} */
	/* .pop_research .input_area .list_input dl dd.input .for_flex .form_checkbox:nth-of-type(3n) {width: auto;} */
	/* .pop_research .input_area .list_input dl dd.input .for_flex .form_radio {width: 36%;} */
	/* .pop_research .input_area .list_input dl dd.input .for_flex .form_radio:nth-of-type(4) {width: 36%;} */
	/* .pop_research .input_area .list_input dl dd.input .for_flex .form_radio:nth-of-type(3n) {width: auto;} */
}

@media screen and (max-width: 400px) {
	.pop_research .top_fixed .fixed_con {padding: 15px 20px;}
	.pop_research .top_fixed .fixed_con .option {display: block;}
	.pop_research .top_fixed .fixed_con .date {display: block; margin-top: 5px;}
	.pop_research .top_fixed .fixed_con .nums {position: relative; top: 0; left: 0;}
	.pop_research .top_fixed .fixed_con .nums::before {left: -1px;}

	/* .pop_research .input_area .list_input dl dd.input .for_flex .form_checkbox {width: 100%;} */
	/* .pop_research .input_area .list_input dl dd.input .for_flex .form_checkbox:nth-of-type(4) {width: 35%;} */
	/* .pop_research .input_area .list_input dl dd.input .for_flex .form_radio {width: 100%;} */
	/* .pop_research .input_area .list_input dl dd.input .for_flex .form_radio:nth-of-type(4) {width: 32%;} */
}




/* 재단소식 - 투명경영 목록 */
/* 2025-03-18 */
.guide_con{position: relative;display: flex; align-items: center; justify-content: center; height: 150px; margin-top: 56px;}
.guide_con::after {content: ""; background: #F7F7F7; width: 3000px; height: 150px; display: inline-block; position: absolute; z-index: -1; left: 50%; top: 0; transform: translateX(-50%);}
.guide_con img{width: 177px; height: 112px;}
.guide_con span{padding-left: 30px; color: #043B72; font-size: 32px; line-height: 42px;}
/* // 2025-03-18 */

.info_wrap {display: flex; justify-content: space-between; text-align: center; margin-top: 120px; flex-wrap: wrap;}
.info_wrap li {width: 25%; font-family: "spoqa_bold"; padding-top: 85px; position: relative; transform: translateY(50px); opacity: 0; transition-duration: 0.5s;}
.info_wrap li:nth-of-type(2) {transition-delay: 0.3s;}
.info_wrap li:nth-of-type(3) {transition-delay: 0.5s;}
.info_wrap li:nth-of-type(4) {transition-delay: 0.6s;}
.info_wrap.active li {opacity: 1; transform: translateY(0);}
.info_wrap li::after {content: ""; width: 1px; height: 50px; background: #ddd; display: inline-block; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.info_wrap li:nth-of-type(1)::before {content: ""; background: url(../images/ico-t-management1.svg); background-size: contain; width: 64px; height: 64px; display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%);}
.info_wrap li:nth-of-type(2)::before {content: ""; background: url(../images/ico-t-management2.svg); background-size: contain; width: 64px; height: 64px; display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%);}
.info_wrap li:nth-of-type(3)::before {content: ""; background: url(../images/ico-t-management3.svg); background-size: contain; width: 64px; height: 64px; display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%);}
.info_wrap li:nth-of-type(4)::before {content: ""; background: url(../images/ico-t-management4.svg); background-size: contain; width: 64px; height: 64px; display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%);}
.info_wrap li:nth-of-type(4)::after {display: none;}

.info_wrap li br {display: none;}

.graph_wrap {height: 617px; background: #F7F0E8; margin: 120px 0 150px; display: flex; justify-content: center; align-items: center; position: relative;}
.graph_wrap::after {content: ""; background: #F7F0E8; width: 3000px; height: 617px; display: inline-block; position: absolute; z-index: -1; left: 50%; top: 0; transform: translateX(-50%);}
.graph_wrap .box {width: 493px;}
.graph_wrap .box:first-of-type {margin-right: 100px;}
.graph_wrap .box .top {color: #222; transform: translateY(70px); transition-duration: 0.7s; opacity: 0;}
.graph_wrap.active .box .top {transform: translateY(0); opacity: 1;}
.graph_wrap .box .top p:nth-of-type(2) {margin: 14px 0 40px; font-family: "spoqa_bold"; font-size: 24px;}
.graph_wrap .box .bot {display: flex; justify-content: space-between; align-items: center; position: relative;}
.graph_wrap .box .bot .graph {width: 240px; height: 240px; position: relative; overflow: hidden;}
.graph_wrap .box .bot .graph canvas {width: 200%; height: 100%; position: absolute; left: -50%;}
.graph_wrap .box .bot .graph .percent {color: #F58220; position: absolute; top: calc(50% + 20px); left: 50%; transform: translate(-50%, -50%); transition-duration: 0.5s; opacity: 0; transition-delay: 1.3s; transition-property: top, opacity; font-size: 32px; font-family: "spoqa_bold";}

.graph_wrap.active .box .bot .graph .percent {top: 50%; opacity: 1;}
.graph_wrap .box .bot .data {color: #444; transform: translateY(70px); transition-duration: 0.7s; opacity: 0; transition-delay: 0.3s; transition-property: transform, opacity;}
.graph_wrap.active .box .bot .data {transform: translateY(0); opacity: 1;}
.graph_wrap .box .bot .data li {position: relative; padding-left: 18px; margin-bottom: 20px;}
.graph_wrap .box .bot .data li span:nth-of-type(1) {display: inline-block; width: 120px;}
.graph_wrap .box .bot .data li p {font-family: "spoqa_bold"; margin-top: 10px;}
.graph_wrap .box .bot .data li::before {content: ""; background: teal; width: 8px; height: 8px; display: inline-block; border-radius: 50px; position: absolute; left: 0; top: 10px;}
.graph_wrap .box .bot .data li.color_orange::before {background: #F58220;}
.graph_wrap .box .bot .data li.color_navy::before {background: #043B72;}
.graph_wrap .box .bot .data li.color_blue::before {background: #00A9CE;}
.graph_wrap .box .bot .data li.color_yellow::before {background: #F0B26B;}
.graph_wrap .box .bot .percent span {color: #F58220; display: inline-block; padding-right: 5px;}
.t_management_wrap {position: relative;}
.t_management_wrap .search_type {top: 10px;}
.t_management_wrap .list_num {margin-top: 120px;}
.t_management_wrap .list_card_type4 a {min-height: 250px;}
.t_management_wrap .list_card_type4 a .tit {margin: 0 0 60px 0;}
.t_management_wrap .list_card_type4 a .date {display: inline-block; position: relative; padding-right: 40px;}

.list_card_type4 a .file {width: 25px; height: 25px; display: inline-block; background: url(../images/ico-attachments.svg) no-repeat; position: absolute; right: 0; top: 2px;}

.year_sel {position: absolute; top: 180px; right: 0;}
.year_sel.result {position: absolute; top: -20px; right: 0;}
.year_sel .form_select {width: 160px; margin-right: 20px;}
.year_sel .form_select .form_select_arr {width: 100%;}
.year_sel .form_select .form_select_arr select {width: 100%;}


@media screen and (max-width: 1024px) {
	/* 2025-03-18 */
	.guide_con{position: relative; display: flex; flex-direction: column; height: 183px; margin-top: 56px;}
	.guide_con::after {height: 183px;}
	.guide_con img{width: 130px; height:82px;}
	.guide_con span{padding-left: 0; padding-top: 7px; font-size: 20px; text-align: center; line-height: 30px;}
	/* // 2025-03-18 */

	.graph_wrap {justify-content: space-between;}
	.graph_wrap .box {width: 380px;}
	.graph_wrap .box:first-of-type {margin-right: 20px;}
	.graph_wrap .box .bot .graph {width: 150px; height: 150px;}

	.t_management_wrap .search_type {top: 85px;}
	.year_sel.result {top: -25px;}
	.info_wrap li {width: 50%;}
	.info_wrap li:nth-of-type(1) {margin-bottom: 40px;}
	.info_wrap li:nth-of-type(2) {margin-bottom: 40px;}
	.info_wrap li:nth-of-type(2)::after {display: none;}
}

@media screen and (max-width: 786px) {
	.info_wrap {margin-top: 50px;}
	.info_wrap li {padding-top: 55px;}
	.info_wrap li br {display: block;}
	.info_wrap li:nth-of-type(1)::before {width: 45px; height: 45px;}
	.info_wrap li:nth-of-type(2)::before {width: 45px; height: 45px;}
	.info_wrap li:nth-of-type(3)::before {width: 45px; height: 45px;}
	.info_wrap li:nth-of-type(4)::before {width: 45px; height: 45px;}

	.info_wrap.init li:nth-of-type(1) {transform: translateY(50px); transition-duration: unset; opacity: 0; animation:fadeUp 0.8s forwards; animation-delay: 0.6s;}
	.info_wrap.init li:nth-of-type(2) {transform: translateY(50px); transition-duration: unset; opacity: 0; animation:fadeUp 0.8s forwards; animation-delay: 0.7s;}
	.info_wrap.init li:nth-of-type(3) {transform: translateY(50px); transition-duration: unset; opacity: 0; animation:fadeUp 0.8s forwards; animation-delay: 0.9s;}
	.info_wrap.init li:nth-of-type(4) {transform: translateY(50px); transition-duration: unset; opacity: 0; animation:fadeUp 0.8s forwards; animation-delay: 1s;}

	.graph_wrap {display: block; height: auto; margin: 60px 0; padding: 60px 0;}
	.graph_wrap::after {content: ""; background: #F7F0E8; width: 3000px; height: 630px; display: inline-block; position: absolute; z-index: -1; left: 50%; top: 0; transform: translateX(-50%);}
	.graph_wrap .box {width: 100%; max-width: 330px; margin: 0 auto !important;}
	.graph_wrap .box:first-of-type {padding-bottom: 60px; }
	.graph_wrap .box .top p:nth-of-type(2) {margin: 0 0 19px;}
	.graph_wrap .box .bot .data li {padding-left: 15px; margin-bottom: 12px;}
	.graph_wrap .box .bot .data li::before {content: ""; background: teal; width: 6px; height: 6px; display: inline-block; border-radius: 50px; position: absolute; left: 0; top: 10px;}
	.graph_wrap .box .bot .data li p {margin-top: 4px;}
	.graph_wrap .box .bot .data li span:nth-of-type(1) {width: 100px;}
	.graph_wrap .box .bot .graph .percent {font-size: 16px;}

	.t_management_wrap .search_type {top: 75px;}
	.t_management_wrap .list_num {margin-top: 140px;}
	.year_sel {top: 160px;}
	.year_sel .form_select {width: 125px; margin-right: 10px;}
	.year_sel .btn_type1.s1 {min-width: 54px;}
	.t_management_wrap .list_card_type4 a {min-height: 150px;}
	.t_management_wrap .list_card_type4 a .tit {margin: 0 0 20px 0;}
	.list_card_type4 a .file {width: 20px; height: 20px; display: inline-block; background: url(../images/ico-attachments.svg) no-repeat; background-size: cover; position: absolute; right: 0; top: 2px;}
}








/* 마이페이지 - 서브 메인 */
.mypage_intro {position: relative; padding-top: 120px;}
.mypage_intro.type1::after {content: ""; background: url(../images/mypage-bg1.png) no-repeat; display: inline-block; width: 1920px; height: 572px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
.mypage_intro .sec1 {position: relative; color: #fff;}
.mypage_intro .sec1 span.index {border: 1px solid #fff; border-radius: 50px; padding: 5px 20px; font-size: 14px; display: inline-block;}
.mypage_intro .sec1 p.greet {display: inline-block; color: #fff; font-size: 24px; line-height: 36px; margin-left: 10px;}
.mypage_intro .sec1 a {color: inherit; position: absolute; right: 0; top: 0; padding-left: 30px;}
.mypage_intro .sec1 a::before {content: ""; background: url(../images/mypage-edit.svg) no-repeat; width: 24px; height: 24px; display: inline-block; position: absolute; left: 0;}
.mypage_intro .sec1 p.txt {color: #fff; margin: 50px 0 0;}

.mypage_intro .sec2 {background: #fff; border-radius: 15px; padding: 80px 60px; margin-top: 80px; display: flex; justify-content: space-between; box-shadow: 10px 20px 40px rgba(0, 0, 0, 0.08);}
.mypage_intro .sec2 .box {width: 367px; position: relative;}
.mypage_intro .sec2 .box:nth-of-type(2) {border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; padding: 0 60px; box-sizing: content-box;}
.mypage_intro .sec2 .box > p {margin-bottom: 40px;}
.mypage_intro .sec2 .box > a {font-size: 14px; font-family: "spoqa_medium"; border: 1px solid #222; border-radius: 8px; padding: 7px 18px; position: absolute; top: 0; right: 0;}
.mypage_intro .sec2 .box dl {margin-bottom: 24px; display: flex; justify-content: space-between; align-items: center;}
.mypage_intro .sec2 .box dl:last-of-type {margin-bottom: 0; color: #222;}
.mypage_intro .sec2 .box dl dt {font-family: "spoqa_medium";}
.mypage_intro .sec2 .box dl dd {font-family: "spoqa_bold"; font-size: 24px; text-align: right;}
.mypage_intro .sec2 .box dl dd a {color: #F58220;}
.mypage_link {background: #F7F7F7; border-radius: 10px; padding: 30px 40px; margin-top: 50px; position: relative; color: #222;}
.mypage_link a {position: absolute; top: 50%; right: 40px; transform: translateY(-50%); font-size: 16px; font-family: "spoqa_bold"; padding-right: 20px;}
.mypage_link a::after {content: ""; display: inline-block; width: 7px; height: 13px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url(../images/ico-arrow.svg);}

.mypage_con {margin: 150px 0; position: relative;}
.mypage_con > .tit {margin-bottom: 30px;}
.mypage_con > .tit a {position: absolute; top: -20px; right: 0; font-size: 16px; font-family: "spoqa_bold"; padding-right: 20px;}
.mypage_con > .tit a::after {content: ""; display: inline-block; width: 7px; height: 13px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url(../images/ico-arrow.svg);}
.mypage_con .card_swipe {position: relative; overflow: hidden;}
.mypage_con .card_swipe .swiper-wrapper {width: 100%; align-items: stretch;}
.dona_status_card {border: 1px solid #ddd; border-radius: 15px; width: 710px; padding: 50px 40px; position: relative;}
.dona_status_card p {color: #888;}
.dona_status_card a {position: absolute; top: 50px; right: 50px; font-size: 16px; font-family: "spoqa_bold"; padding-right: 20px;}
.dona_status_card a::after {content: ""; display: inline-block; width: 7px; height: 13px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url(../images/ico-arrow.svg);}
/* .dona_status_card .flex {display: flex; justify-content: space-between;} */
.dona_status_card .img {width: 154px; height: 102px; border-radius: 10px; overflow: hidden; position: relative; margin-top: 25px; margin-right: 20px;}
.dona_status_card .img img {width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.card_swipe .dona_status_card .img {display: none;}
.card_swipe .dona_status_card .img + .txt dl {position: unset; width: 100%;}
.dona_status_card .txt {flex-grow: 1;}
.dona_status_card .txt dl {display: flex; justify-content: space-between; margin: 20px 0 50px; width: 100%;}
.dona_status_card .txt dl dt {max-width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.dona_status_card .txt dl dd {color: #444; max-width: 30%; word-break: break-all; text-align: right;}
.dona_status_card .txt dl dd span {color: #F58220;}
.dona_status_card .txt div {color: #444}
.dona_status_card .txt div:first-of-type {margin-bottom: 20px;}
.fail {color: #C21919;}
.done {color: #F58220;}
.plan {color: #043B72;}
.dona_status_card .txt div span.result {color: #888; font-size: 14px; display: inline-block; padding-left: 10px;}
.mypage_con .swiper-button-next {width: 46px; height: 46px; background: url(../images/ico-next.svg); right: -150px; top: 50%;}
.mypage_con .swiper-button-prev {width: 46px; height: 46px; background: url(../images/ico-next.svg); transform: rotate(180deg); left: -150px; top: 50%;}

.menu_area {display: flex; justify-content: space-between;}
.menu_area a {display: inline-block; width: 335px; height: 180px; border: 1px solid #ddd; border-radius: 15px; text-align: center; padding-top: 51px; transition: all 0.2s;}
.menu_area a::before {content: ""; width: 44px; height: 44px; display: block;margin: 0 auto 12px;}
.menu_area a:nth-of-type(1):before {background: url(../images/ico-mypage-link1.svg); background-size: cover;}
.menu_area a:nth-of-type(2):before {background: url(../images/ico-mypage-link2.svg); background-size: cover;}
.menu_area a:nth-of-type(3):before {background: url(../images/ico-mypage-link3.svg); background-size: cover;}
.menu_area a:nth-of-type(4):before {background: url(../images/ico-mypage-link4.svg); background-size: cover;}
.menu_area a:hover {border: 1px solid #F58220;}


/* 마이페이지 - 서브메인(기부자회원)_기부내역없음 */
.mypage_con .list_card_none {border-radius: 15px;}
.mypage_con .list_card_none p {font-size: 24px;}
.my_con .list_card_none {border-radius: 15px;}




@media screen and (max-width: 1600px) {
	.mypage_intro .sec2 .box {width: 300px;}

	.dona_status_card {width: 620px;}
	.dona_status_card .txt dl dt {max-width: 65%;}
	.dona_status_card .txt dl dd {max-width: 40%;}

	.mypage_con .swiper-button-next {right: -80px;}
	.mypage_con .swiper-button-prev {left: -80px;}

	.menu_area a {width: 280px;}
}

@media screen and (max-width: 1500px) {
	.mypage_intro .sec2 .box {width: 250px;}
	.mypage_intro .sec2 .box:nth-of-type(2) {padding: 0 30px;}

	.dona_status_card {width: 480px;}
	.dona_status_card .txt dl dt {max-width: 55%;}
	.dona_status_card .txt dl dd {max-width: 45%;}
	.mypage_con .swiper-button-next {right: -80px;}
	.mypage_con .swiper-button-prev {left: -80px;}
	.dona_status_card .txt div span.result {padding-left: 0; display: block;}

	.menu_area a {width: 220px;}
}

@media screen and (max-width: 1024px) {
	.mypage_intro .sec2 {display: block;}
	.mypage_intro .sec2 .box {width: 100%; }
	.mypage_intro .sec2 .box:nth-of-type(2) {padding: 40px 0; border-right: 0; border-left: 0; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; margin: 40px 0;}

	.mypage_con {height: 370px;}
	.mypage_con .card_swipe {position: absolute; width: calc(100% + 50px);}
	.mypage_con .card_swipe .swiper-wrapper {width: 100%;}
	.mypage_con .card_swipe .swiper-wrapper .swiper-slide {width: calc(100% - 100px);}

	.dona_status_card .txt dl dt {max-width: 73%;}
	.dona_status_card .txt dl dd {max-width: 27%;}

	.menu_area {display: block;}
	.menu_area a {width: 100%; margin-bottom: 30px; border-radius: 12px;}
	.menu_area a:last-of-type {margin-bottom: 0;}


	.my_con .tit_area .search_type {top: 80px;}
	.my_con .tit_area .subpage_copy.for_padding {padding-bottom: 100px;}
}

@media screen and (max-width: 768px) {
	.mypage_intro {padding-top: 60px;}
	.mypage_intro .sec1 p.greet {display: block; margin-left: 0; margin-top: 16px; font-size: 16px; line-height: 26px;}
	.mypage_intro .sec1 p.txt {margin: 24px 0 0;}
	.mypage_intro .sec2 {margin-top: 30px; padding: 30px 20px;}
	.mypage_intro .sec2 .box > p {margin-bottom: 27px;}
	.mypage_intro .sec2 .box dl {margin-bottom: 16px;}
	.mypage_intro .sec2 .box dl dd {font-size: 16px;}
	.mypage_intro .sec2 .box > a {font-size: 13px; font-family: "spoqa_regular"; padding: 5px 13px;}
	.mypage_intro .sec2 .box:nth-of-type(2) {padding: 30px 0; margin: 30px 0;}
	.mypage_link {margin-top: 30px; padding: 16px 20px;}
	.mypage_link a {position: relative; right: unset; margin-top: 12px; font-size: 14px;}

	.mypage_con {margin: 60px 0; height: 300px;}
	.mypage_con .card_swipe {position: absolute; width: calc(100% + 20px);}
	.mypage_con .card_swipe .swiper-wrapper .swiper-slide {width: calc(100% - 40px);}
	.mypage_con .card_swipe .swiper-wrapper .swiper-slide:last-of-type {margin-right: 20px;}
	.mypage_con > .tit {margin-bottom: 20px;}
	.mypage_con > .tit a {top: -16px;}
	.mypage_con > .tit p {width: calc(100% - 70px); word-break: keep-all;}
	.dona_status_card {padding: 30px 20px; border-radius: 12px;}
	.dona_status_card a {top: 30px; right: 20px; font-size: 14px; }
	.dona_status_card p {width: calc(100% - 80px);}
	.dona_status_card .txt dl {display: block; margin: 20px 0 30px;}
	.dona_status_card .txt dl dt {max-width: 100%;}
	.dona_status_card .txt dl dd {max-width: 100%; text-align: left;}
	.dona_status_card .txt div:first-of-type {margin-bottom: 10px;}


	.menu_area a {height: 60px; padding: 20px 30px 20px 55px; position: relative; text-align: left; margin-bottom: 8px;}
	.menu_area a::before {width: 24px; height: 24px; background-size: contain; position: absolute; top: calc(50% + 2px); transform: translateY(-50%); left: 20px;}

	.mypage_con .list_card_none {border-radius: 12px;}
	.my_con .list_card_none {border-radius: 12px;}
	.mypage_con .list_card_none p {font-size: 16px;}

	.my_con .tit_area .search_type {top: 70px;}
	.my_con .tit_area .subpage_copy {font-size: 32px; line-height: 42px;}
	.my_con .tit_area .subpage_copy.for_padding {padding-bottom: 90px;}
}



/* 마이페이지 - 서브메인(장학생회원) */
.mypage_intro.type2::after {content: ""; background: url(../images/mypage-bg2.png) no-repeat; display: inline-block; width: 1920px; height: 532px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
.mypage_intro.type2 .sec2 .box {width: 610px; }
.mypage_intro.type2 .sec2 .box:nth-of-type(2) {border-left: 1px solid #EBEBEB; border-right: 0; margin-left: 60px; padding-left: 60px; padding-right: 0; box-sizing: content-box;}
.mypage_intro.type2 .sec2 .box dl dd {font-family: "spoqa_regular"; font-size: 18px;}
.mypage_intro.type2 .sec2 .box > a {font-size: 16px; font-family: "spoqa_bold"; border: 0; border-radius: 0; padding: 0; position: absolute; top: 0; right: 0; padding-right: 20px;}
.mypage_intro.type2 .sec2 .box > a::after {content: ""; display: inline-block; width: 7px; height: 13px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url(../images/ico-arrow.svg);}
.menu_area.type2 a {display: inline-block; width: 260px; height: 180px; border: 1px solid #ddd; border-radius: 15px; text-align: center; padding-top: 51px; transition: all 0.2s;}
.menu_area.type2 a:nth-of-type(1):before {background: url(../images/ico-mypage-link1.svg); background-size: cover;}
.menu_area.type2 a:nth-of-type(2):before {background: url(../images/ico-mypage-link5.svg); background-size: cover;}
.menu_area.type2 a:nth-of-type(3):before {background: url(../images/ico-mypage-link6.svg); background-size: cover;}
.menu_area.type2 a:nth-of-type(4):before {background: url(../images/ico-mypage-link7.svg); background-size: cover;}
.menu_area.type2 a:nth-of-type(5):before {background: url(../images/ico-mypage-link4.svg); background-size: cover;}
.menu_area.type2 a:hover {border: 1px solid #F58220;}

.mypage_con.type2 .card_swipe .swiper-slide {border: 1px solid #ddd; border-radius: 15px; width: 460px; height: 328px; padding: 50px 40px; transition: all 0.3s;}
.mypage_con.type2 .card_swipe .swiper-slide:hover {border: 1px solid #F58220;}

.mypage_con.type2 .card_swipe .swiper-slide p {color: #222;}
.mypage_con.type2 .card_swipe .swiper-slide p.tit {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 40px 0 60px; min-height: 72px;}
.mypage_con.type2 .card_swipe .swiper-slide div:first-of-type {margin-bottom: 0; font-family: "spoqa_bold"; color: #222;}
.mypage_con.type2 .card_swipe .swiper-slide span {padding-right: 20px;}
.mypage_con.type2 .card_swipe .swiper-slide p:last-of-type {position: relative; display: inline-block; padding-right: 35px;}
.mypage_con.type2 .card_swipe .swiper-slide .file {width: 25px; height: 25px; display: inline-block; background: url(../images/ico-attachments.svg) no-repeat; position: absolute; right: 0; top: 2px;}

@media screen and (max-width: 1600px) {
	.mypage_con.type2 .card_swipe .swiper-slide {width: 400px;}
	.menu_area.type2 a {width: 230px;}
}

@media screen and (max-width: 1500px) {
	.mypage_con.type2 .card_swipe .swiper-slide {width: 305px;}
	.menu_area.type2 a {width: 180px;}
}

@media screen and (max-width: 1024px) {
	.mypage_intro.type2 .sec2 .box {width: 100%;}
	.mypage_intro.type2 .sec2 .box:nth-of-type(2) {margin-left: 0; padding-left: 0; border-left: 0; border-bottom: 0;}
	.mypage_intro.type2 .sec2 .box > a {top: 40px;}

	.mypage_con.type2 {height: 355px;}
	.mypage_con.type2 .card_swipe {position: absolute; width: calc(100% + 50px);}
	.mypage_con.type2 .card_swipe .swiper-wrapper {width: 100%;}
	.mypage_con.type2 .card_swipe .swiper-wrapper .swiper-slide {width: calc(100% - 100px);}
	.menu_area.type2 a {width: 100%; height: 60px; padding: 20px 30px 20px 55px; position: relative; text-align: left; margin-bottom: 8px;}
	.menu_area.type2 a::before {width: 24px; height: 24px; background-size: contain; position: absolute; top: calc(50% + 2px); transform: translateY(-50%); left: 20px;}
}

@media screen and (max-width: 768px) {
	.mypage_con.type2 .card_swipe {position: absolute; width: calc(100% + 20px);}
	.mypage_con.type2 .card_swipe .swiper-wrapper .swiper-slide {width: calc(100% - 40px); height: 205px;}
	.mypage_intro.type2 .sec2 .box dl dd {font-size: 14px;}
	.mypage_intro.type2 .sec2 .box > a {font-size: 14px; top: 28px;}
	.mypage_intro.type2 .sec2 .box:nth-of-type(2) {padding-bottom: 0; margin-bottom: 0;}
	.mypage_con.type2 {height: 265px;}
	.mypage_con.type2 .card_swipe .swiper-wrapper .swiper-slide {padding: 30px 20px; margin-right: 20px !important;}
	.mypage_con.type2 .card_swipe .swiper-slide p.tit {margin: 20px 0 30px; min-height: 52px;}
	.mypage_con.type2 .card_swipe .swiper-slide span {padding-right: 12px;}
	.mypage_con.type2 .card_swipe .swiper-slide p:last-of-type {padding-right: 30px;}
	.mypage_con.type2 .card_swipe .swiper-slide .file {width: 20px; height: 20px; display: inline-block; background: url(../images/ico-attachments.svg) no-repeat; position: absolute; right: 0; top: 2px; background-size: cover;}
}


/* 마이페이지 - 기부금영수증 발급 레이어 */
.pop_wrap.dona_edit .pop_content {width: 980px; max-height: 840px; height: 840px;}
.pop_wrap.dona_edit .pop_content .pop_body {padding-right: 20px; margin-left: 37px; width: calc(100% - 50px); height: 700px; max-height: 680px;}
.pop_wrap.dona_edit .box {border: 1px solid #ddd; border-radius: 10px; padding: 54px 40px 50px; position: relative; margin-top: 20px;}
.pop_wrap.dona_edit .box:first-of-type {margin-top: 0;}
.pop_wrap.dona_edit .box p {margin-bottom: 34px;}
.pop_wrap.dona_edit .box a {font-size: 14px; font-family: "spoqa_medium"; border: 1px solid #222; border-radius: 8px; padding: 7px 18px; position: absolute; top: 54px; right: 40px;}
.pop_wrap.dona_edit .box div {display: flex; margin-bottom: 24px; }
.pop_wrap.dona_edit .box div:last-of-type {margin-bottom: 0;}
.pop_wrap.dona_edit .box div dl {display: flex; min-width: 214px; width: 50%;}
.pop_wrap.dona_edit .box div dl:first-of-type {min-width: 214px; margin-right: 50px;}
.pop_wrap.dona_edit .box div dl dt {width: 140px;}
.pop_wrap.dona_edit .box div dl:first-of-type  dd {width: calc(100% - 140px);}
.pop_wrap.dona_edit .btn_wrap {margin-top: 60px;}

@media screen and (max-width: 1550px) {
	.pop_wrap.dona_edit .pop_content {max-height: 85vh !important;}
	.pop_wrap.dona_edit .pop_content .pop_body {max-height: 63vh !important;}
}

@media screen and (max-width: 1024px) {
	.pop_wrap.dona_edit .pop_content {width: 100%;}
	.pop_wrap.dona_edit .box div {display: block; margin-bottom: 16px;}
	.pop_wrap.dona_edit .box div dl {width: 100%;}
	.pop_wrap.dona_edit .box div dl:first-of-type {min-width: 100%; margin-bottom: 16px;}
	.pop_wrap.dona_edit .box div dl:first-of-type dd {width: calc(100% - 140px);}
}

@media screen and (max-width: 768px) {
	.pop_wrap.dona_edit .pop_content {max-height: 100%; height: 100%;}
	.pop_wrap.dona_edit .pop_content .pop_body {width: calc(100% - 32px); max-height: calc(100% - 70px); margin: 70px auto 60px;}
	.pop_wrap.dona_edit .box {padding: 37px 20px;}
	.pop_wrap.dona_edit .box p {margin-bottom: 27px;}
	.pop_wrap.dona_edit .box a {top: 30px; right: 20px; font-size: 13px; font-family: "spoqa_regular"; padding: 5px 15px;}
	.pop_wrap.dona_edit .box div dl dt {width: 120px;}
	.pop_wrap.dona_edit .box div dl dd {width: calc(100% - 120px);}
}

@media screen and (max-width: 500px) {
	.pop_wrap.dona_edit .box div dl dt {width: 80px;}
	.pop_wrap.dona_edit .box div dl dd {width: calc(100% - 80px);}
}




/* 마이페이지 - 정기기부 변경정보 입력 레이어 */
.pop_wrap.dona_edit.step2 .img_area {width: 100%; height: 260px; border-radius: 20px; color: #fff; text-align: center; background: url(../images/pop-dona-edit-step2.jpg) no-repeat; background-position: center; padding-top: 198px;}
.pop_wrap.dona_edit.step2 .dona_input {margin-top: 60px; }
.pop_wrap.dona_edit.step2 .dona_input .content_tit {font-size: 24px !important; line-height: 34px;}
.pop_wrap.dona_edit.step2 .dona_input > .content_tit:not(:first-child) {margin-top: 60px;}
.pop_wrap.dona_edit.step2 .list_input ul {padding: 30px 0;}
.pop_wrap.dona_edit.step2 .list_input ul li .th {padding: 20px 30px 20px 30px; width: 230px;}
.pop_wrap.dona_edit.step2 .list_input ul li:first-of-type .th {padding-top: 18px;}
.pop_wrap.dona_edit.step2 .list_input ul li:first-of-type .td .tab_input {margin-top: 20px;}
.pop_wrap.dona_edit.step2 .list_input ul li:last-of-type .th {padding-bottom: 0;}
.pop_wrap.dona_edit.step2 .list_input ul li .td {width: calc(100% - 230px); padding: 20px 0;}
/* .pop_wrap.dona_edit.step2 .list_input ul li:first-of-type .td {padding-top: 0;} */
.pop_wrap.dona_edit.step2 .list_input ul li:last-of-type .td {padding-bottom: 0;}
.pop_wrap.dona_edit.step2 .list_input ul li .td .has_add_msg > * {margin-left: 0; float: none; margin-top: 0;}
.pop_wrap.dona_edit.step2 .list_input:first-of-type ul li .td .form_input {margin-top: -20px;}
.pop_wrap.dona_edit.step2 .list_input:nth-of-type(2) ul li .td .form_input {margin-left: 20px;}
.pop_wrap.dona_edit.step2 .list_input ul li .td > *:not(:last-child) {margin-right: 0;}
.pop_wrap.dona_edit.step2 .info_box {padding: 40px;}
.pop_wrap.dona_edit.step2 .cms_txt {margin-top: 20px;}
.pop_wrap.dona_edit.step2 .select_cms_certi {margin: 50px 0;}
.pop_wrap.dona_edit.step2 .select_cms_certi > a {width: 48%; height: 140px;}
.pop_wrap.dona_edit.step2 .select_cms_certi > a span {padding: 40px 0 40px 80px;}
.pop_wrap.dona_edit.step2 .select_cms_certi > a:first-of-type span {min-width: 235px;}
.pop_wrap.dona_edit.step2 .result_cms_certi .sign_board .sign_area { margin: 20px 0;}
.pop_wrap.dona_edit.step2 .agree_con {margin-top: 20px;}


@media screen and (max-width: 1024px) {
	.pop_wrap.dona_edit.step2 .img_area {padding: 198px 20px 0 20px; word-break: keep-all;}
	.pop_wrap.dona_edit.step2 .list_input:nth-of-type(2) ul li .td .form_input {margin-left: 0;}
}

@media screen and (max-width: 768px) {
	.pop_wrap.dona_edit.step2 .img_area {padding: 188px 20px 0 20px;}
	.pop_wrap.dona_edit.step2 .list_input ul li .th {width: 100%; padding: 0;}
	.pop_wrap.dona_edit.step2 .list_input ul li:first-of-type .th {padding-top: 0;}
	.pop_wrap.dona_edit.step2 .list_input ul li .td {width: 100%; padding: 12px 0 24px;}
	.pop_wrap.dona_edit.step2 .list_input ul li:first-of-type .td {padding-top: 12px;}
	.pop_wrap.dona_edit.step2 .list_input:first-of-type ul li .td {color: #888;}
	.pop_wrap.dona_edit.step2 .list_input:first-of-type ul li .td .form_input {margin-top: 0;}
	.pop_wrap.dona_edit.step2 .list_input:first-of-type ul li .td .has_add_msg > *:not(:last-child) {margin-right: 0;}
	.pop_wrap.dona_edit.step2 .list_input ul li:first-of-type .td .tab_input {margin-top: 8px;}
	.pop_wrap.dona_edit.step2 .list_input:nth-of-type(2) ul li .td .form_input {margin-top: 8px;}
	.pop_wrap.dona_edit.step2 .info_box {padding: 30px 16px;}
	.pop_wrap.dona_edit.step2 .dona_input {margin-top: 0;}
	.pop_wrap.dona_edit.step2 .dona_input .content_tit {font-size: 20px !important; line-height: 30px;}
	.pop_wrap.dona_edit.step2 .select_cms_certi {margin: 30px 0;}
	.pop_wrap.dona_edit.step2 .select_cms_certi > a {height: 100px;}
	.pop_wrap.dona_edit.step2 .select_cms_certi > a span {padding: 40px 0 0 0 ;}
}



/* 마이페이지 - 회원정보 수정 */
.sub_con.my_sub {display: flex; justify-content: space-between;}
.my_lnb .profile {margin-bottom: 50px; color: #043B72;}
.my_lnb .profile .index {border: 1px solid #043B72; display: inline-block; border-radius: 50px; padding: 7px 20px; margin-bottom: 16px;}
.my_lnb .menu a {display: block; color: #888; margin-bottom: 20px;}
.my_lnb .menu a:last-of-type {margin-bottom: 0;}
.my_lnb .menu a.on {color: #F58220;}

.my_con {width: 1084px;}
.my_con .tit_area {margin-bottom: 60px;}
.my_con .tit_area .copy {margin-top: 20px; color: #444; word-break: keep-all;}

/* 2022-08-09 추가 */
.my_con .correction_notice {margin: 15px 0 20px; padding-left: 14px; font-size: 15px; color: #888; word-break: keep-all;}
.my_con .correction_notice::before {content: ""; display: block; position: absolute; top: 9px; left: 0; width: 6px; height: 6px; border-radius: 3px; background-color: #E63A3A;} /* 2022-08-10 추가 */
.my_con .correction_notice span {font-weight: 600; text-decoration: underline; color: #000;}
/* // 2022-08-09 추가 */


@media screen and (max-width: 1500px) {
	.my_con {width: 800px;}
}

@media screen and (max-width: 1024px) {
	.sub_con.my_sub {margin-top: 0;}
	.my_lnb {display: none;}
	.my_con {width: 100%;}

	.my_con .tit_area {margin-bottom: 50px;}
	.my_con .list_num {margin: 50px 0 28px;}
}

@media screen and (max-width: 768px) {
	.sub_con.my_sub {display: block;}
}



/* 마이페이지 - 회원정보 수정 기부자(일반) 회원 */
.my_con .mem_join > p {position: relative;}
.my_con .mem_join > p > a {position: absolute; font-size: 16px; top: -10px; right: 0; font-family: "spoqa_regular"; border: 1px solid #222; border-radius: 10px; padding: 2px 18px;}
.my_con .mem_join .list_info_box .td {position: relative;}
.my_con .mem_join .list_info_box .td a {margin-left: 20px; font-size: 14px; font-family: "spoqa_medium"; border: 1px solid #222; border-radius: 10px; padding: 8px 18px;}
.my_con .mem_join .list_input .td .address.for_width {width: 100%;}
.my_con .mem_join .list_input .td .address.for_width .form_input {width: 100%;}
.my_con .mem_join .list_input .td .address.for_width .form_input input {width: 100%;}
.my_con .mem_join .list_input .td dl dt {color: #222; margin-bottom: 20px; font-family: "spoqa_medium";}
.my_con .mem_join .list_input .td dl dt:last-of-type {margin-top: 40px;}
.my_con .mem_join .list_input .td dl .id_num {margin-top: 20px;}
.my_con .mem_join .list_input .td dl .id_num span {padding: 0 20px; color: #888;}
.my_con .mem_join .list_input .td .form_checkbox + .form_checkbox {margin-left: 60px;}
.my_con .my_link {position: relative; width: 100%; height: 26px; margin-top: 30px; text-align: right;}
.my_con .my_link a {font-size: 16px; font-family: "spoqa_medium"; padding-right: 20px;}
.my_con .my_link a::after {content: ""; display: inline-block; width: 7px; height: 13px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url(../images/ico-arrow.svg);}

@media screen and (max-width: 1024px) {
	.my_con .mem_join .list_input .td dl .id_num {display: flex;}
	.my_con .mem_join .list_input .td dl .id_num .form_input {width: 48%;}
	.my_con .mem_join .list_input .td dl .id_num span {padding: 14px 8px 0 8px;}
}

@media screen and (max-width: 768px) {
	.my_con .mem_join .list_info_box .td a {display: block; width: 90px; margin-left: 0; margin-top: 12px;}

	.my_con .mem_join > p > a {font-size: 13px; top: 0;}
	.my_con .mem_join .list_input .th span br {display: none;}
	.my_con .list_input ul li .td .has_add_msg {width: 100%;}
	.my_con .my_link {margin-top: 20px;}
	.my_con .my_link a {font-family: "spoqa_bold"; font-size: 14px; line-height: 26px; padding-right: 16px;}

	.my_con .password .btn_type1 {min-width: 115px;}
}


/* 마이페이지 - 비밀번호 변경 팝업 */
.pop_wrap.edit_password .pop_content {max-height: 840px;}
.pop_wrap.edit_password .pop_content .pop_body {height: 700px; max-height: 680px; margin: 120px auto 60px; padding-right: 20px; margin-left: 37px; width: calc(100% - 50px);}
.pop_wrap.edit_password .find_id {position: relative; padding-top: 40px;}
.pop_wrap.edit_password .essen_info {position: absolute; top: 0; right: 0; padding-left: 14px; font-size: 16px; color: #888; text-align: right; display: inline-block;}
.pop_wrap.edit_password .essen_info::before {content: ""; display: block; position:absolute; top: 8px; left: 0; width: 6px; height: 6px; border-radius: 3px; background: #E63A3A;}

.pop_wrap.edit_password .list_input ul {padding: 30px 0;}
.pop_wrap.edit_password .list_input ul li .th {padding: 35px 30px 20px 30px; width: 230px;}
.pop_wrap.edit_password .list_input ul li:first-of-type .th {padding-top: 18px;}
.pop_wrap.edit_password .list_input ul li:last-of-type .th {padding-bottom: 0;}
.pop_wrap.edit_password .list_input ul li .td {width: calc(100% - 230px); padding: 20px 0;}
.pop_wrap.edit_password .list_input ul li:first-of-type .td {padding-top: 0;}
.pop_wrap.edit_password .list_input ul li:last-of-type .td {padding-bottom: 0;}

.pop_wrap.edit_password .list_input ul li .td .has_add_msg > * {margin-left: 0;}
.pop_wrap.edit_password .form_add_msg + .form_add_msg {margin-top: 5px;}


@media screen and (max-width: 1600px) {
	.pop_wrap.edit_password .pop_content .pop_body {height: 400px;}
}

@media screen and (max-width: 1024px) {
	.pop_wrap.edit_password .essen_info {font-size: 14px;}
	.pop_wrap.edit_password .list_input ul li {display: block;}
	.pop_wrap.edit_password .list_input ul li .th {padding: 0; width: 100%; display: block;}
	.pop_wrap.edit_password .list_input ul li:first-of-type .th {padding-top: 0;}
	.pop_wrap.edit_password .list_input ul li .td {width: 100%;}
	.pop_wrap.edit_password .list_input ul li:first-of-type .td {padding-top: 18px;}
}

@media screen and (max-width: 768px) {
	.pop_wrap.edit_password .pop_content .pop_body {width: calc(100% - 32px); max-height: calc(100% - 70px); margin: 70px auto 60px;}
	.pop_wrap.edit_password .list_input ul li .td {padding: 12px 0 24px 0;}
}



/* 마이페이지 - 회원정보 수정_장학생회원 */
.scholarship_info {padding: 60px; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB;}
.scholarship_info dl {display: flex; margin-bottom: 40px;}
.scholarship_info dl:last-of-type {margin-bottom: 0;}
.scholarship_info dl dt {width: 315px; font-family: "spoqa_medium"; color: #222;}
.scholarship_info dl dd {color: #444; width: calc(100% - 315px);}
.only_m {display: none;}


@media screen and (max-width: 768px) {
	.scholarship_info {padding: 30px 0;}
	.scholarship_info dl {display: block; margin-bottom: 20px;}
	.scholarship_info dl dt {width: 100%; margin-bottom: 12px;}
	.scholarship_info dl dd {width: 100%;}

	.only_m {display: block; font-size: 13px; color: #888; margin-top: 12px;}
}




/* 마이페이지 - 회원정보 수정_회원탈퇴 */
.withdrawal_info {background: #F7F7F7; padding: 60px; border-radius: 15px;}
.withdrawal_info dl {margin-bottom: 40px; word-break: keep-all;}
.withdrawal_info dl:last-of-type {margin-bottom: 0;}
.withdrawal_info dl dt {color: #222; font-family: "spoqa_medium"; margin-bottom: 16px; position: relative; padding-left: 20px; }
.withdrawal_info dl dt span {position: absolute; left: 0;}
.withdrawal_info dl dd {padding-left: 20px; color: #444;}
.withdrawal_info dl dd p {margin-top: 16px; position: relative; padding-left: 12px;}
.withdrawal_info dl dd p:first-of-type {margin-top: 20px;}
.withdrawal_info dl dd p:nth-of-type(1):before {content: ""; display: block; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; border-radius: 2px; background: #888;}
.withdrawal_info dl dd p:nth-of-type(2):before {content: ""; display: block; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; border-radius: 2px; background: #888;}
.withdrawal_info dl dd p.red_txt {padding-left: 18px;}
.withdrawal_info dl dd p.red_txt::before {content: "※" !important; display: block; position: absolute; top: 0px; left: -5px; background: 0 !important;}

.withdrawal_reason {padding: 60px; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB;}
.withdrawal_reason .form_radio {display: block; margin-left: 0; margin-bottom: 20px;}
.withdrawal_reason .form_input {background: #F7F7F7; border-radius: 10px; width: 100%; padding: 20px;}
.withdrawal_reason .form_input input {width: 100%;}

@media screen and (max-width: 768px) {
	.withdrawal_info {padding:  30px 20px; border-radius: 12px;}
	.withdrawal_info dl {margin-bottom: 24px;}
	.withdrawal_info dl dt {margin-bottom: 12px;}
	.withdrawal_info dl dd p {margin-top: 12px;}
	.withdrawal_info dl dd p:first-of-type {margin-top: 12px;}
	.withdrawal_reason {padding: 30px 0;}
	.withdrawal_reason .form_input {padding: 12px; border-radius: 10px;}
}

@media screen and (max-width: 500px) {
	.withdrawal_info dl dd p.red_txt br {display: none;}
}





/* 마이페이지 - 장학생 증명서 다운로드 (장학생증명서) */
.certificate_info {background: #F7F7F7; padding: 60px; border-radius: 15px;}
.certificate_info dl {margin-bottom: 40px;}
.certificate_info dl:last-of-type {margin-bottom: 0;}
.certificate_info dl dt {color: #222; font-family: "spoqa_medium"; margin-bottom: 16px; position: relative;}

.my_con .list_input .period {color: #444;}
.my_con .list_input .period + .form_radio {margin: 20px 0;}
.my_con .list_input .date {background: #F7F7F7; padding: 20px; border-radius: 15px;}
.my_con .list_input .date span {color: #888; font-family: "spoqa_medium"; padding: 0 20px; line-height: 60px;}
.my_con .list_input .for_width {width: 650px;}
.my_con .list_input .for_width input {width: 100%;}
.content_tit + .certi_tab {margin-top: 30px;}
.certi_tab {overflow: hidden; margin-bottom: 40px;}
.certi_tab a {color: #888; margin-right: 20px; width: auto;}
.certi_tab a.on {color: #222; font-family: "spoqa_bold"; border-bottom: 4px solid #F58220; padding-bottom: 5px;}

.issuance_list_wrap .list {display: none; flex-wrap: wrap; justify-content: space-between;}
.issuance_list_wrap .list.on {display: flex;}
.issuance_list_wrap .box {width: 522px; min-height: 320px; padding: 50px 40px; border: 1px solid #ddd; border-radius: 16px; margin-bottom: 40px;}
.issuance_list_wrap .box dl {margin-top: 20px; display: flex;}
.issuance_list_wrap .box dl:first-of-type {margin-top: 30px;}
.issuance_list_wrap .box dl dt {width: 140px; font-family: "spoqa_medium"; color: #222;}
.issuance_list_wrap .box dl dd {color: #444; width: calc(100% - 140px);}
.issuance_list_wrap .btn_wrap {margin-top: 60px;}

@media screen and (max-width: 1500px) {
	.my_con .list_input .for_width {width: 500px;}
	.issuance_list_wrap .box {width: 48%;}
}

@media screen and (max-width: 1024px) {
	.my_con .list_input ul li .th {width: 250px;}
	.my_con .list_input ul li .td .date .form_input input {width: 44% !important;}
}

@media screen and (max-width: 768px) {
	.my_con .list_input .date span {padding: 0 1%;}
	.my_con .list_input ul li .td .date .form_input input {width: 47% !important;}
	.faq_area .content_tit {margin-bottom: 20px;}
	.content_tit + .certi_tab {margin-top: 0;}
	.certi_tab {margin-bottom: 24px;}
	.certi_tab a.on {padding-bottom: 2px;}
	.certificate_info {padding:  30px 20px; border-radius: 12px;}
	.certificate_info dl {margin-bottom: 24px;}
	.certificate_info dl dt {margin-bottom: 12px;}
	.issuance_list_wrap .box {width: 100%; padding: 30px 20px; min-height: 180px; margin-bottom: 20px; border-radius: 12px;}
	.issuance_list_wrap .box dl {margin-top: 16px;}
	.issuance_list_wrap .box dl:first-of-type {margin-top: 20px;}
	.issuance_list_wrap .btn_wrap {margin-top: 40px;}
}

@media screen and (max-width: 500px) {
	.issuance_list_wrap .box dl dt {width: 80px;}
	.issuance_list_wrap .box dl dd {width: calc(100% - 80px);}
}


/* 마이페이지 - 장학생 의무사항 */
.my_con .section {margin-bottom: 150px; position: relative;}
.my_con .section:last-of-type {margin-bottom: 0;}
.my_con .student_docu {display: flex; flex-wrap: wrap;}
.my_con .student_docu > div {width: 532px; min-height: 144px; padding: 40px; border: 1px solid #ddd; border-radius: 15px; margin-bottom: 20px; transition: all 0.2s; position: relative;}

.my_con .student_docu > div:nth-of-type(odd) {margin-right: 20px;}
.my_con .student_docu > div:hover {border: 1px solid #F58220;}
.my_con .student_docu > div span {display: block;}
.my_con .student_docu > div .dt {font-family: "spoqa_bold"; margin-bottom: 20px;}
.my_con .student_docu > div .dd:not(.yet) {color: #444;}

.my_con .student_docu > div .btn {position: absolute; top: 50%; transform: translateY(-50%); right: 40px;}
.yet {color: #043B72;}
.my_con .student_docu > div .btn a {min-width: 66px; height: 38px; border-radius: 8px;}
.my_con .student_docu > div .btn a span {line-height: 37px; font-size: 14px; font-family: "spoqa_medium";}

@media screen and (max-width: 1600px) {
	.my_con .student_docu > div {width: 530px;}
}

@media screen and (max-width: 1500px) {
	.my_con .student_docu > div {width: 390px;}
}

@media screen and (max-width: 1024px) {
	.my_con .student_docu > div {width: 100%;}
	.my_con .student_docu {display: block;}
}

@media screen and (max-width: 768px) {
	.my_con .student_docu > div {min-height: 80px; padding: 30px 20px; border-radius: 12px;}
	.my_con .student_docu > div .dt {margin-bottom: 12px;}
	.my_con .student_docu > div .btn {right: 20px;}
	.my_con .section {margin-bottom: 60px;}
}

@media screen and (max-width: 380px) {
	.my_con .student_docu > div .btn {position: unset; transform: translateY(0); margin-top: 12px;}
}

/* 마이페이지 - 장학생 의무사항 제출 레이어 */
.pop_wrap.docu_submission .pop_content {max-height: 750px;}
.pop_wrap.docu_submission .pop_content .pop_body {padding-right: 20px; margin-left: 37px; width: calc(100% - 50px); max-height: 620px; padding-bottom: 40px;}
.docu_submission .down {border-bottom: 1px solid #ddd; padding-bottom: 40px; margin: 40px 0; position: relative;}
.docu_submission .down p:first-of-type {color: #222; font-family: "spoqa_medium"; margin-bottom: 12px;}
.docu_submission .down a {position: absolute; top: 0; right: 0; display: inline-block; border: 1px solid #222; text-align: center; font-size: 16px; border-radius: 10px; width: 130px; height: 50px; line-height: 49px;}
.docu_submission .submiss p:first-of-type {color: #222; font-family: "spoqa_medium"; margin-bottom: 34px; padding-top: 10px;}
.docu_submission .submiss p:nth-of-type(2) {font-size: 14px; color: #888; padding-left: 10px; position: relative; margin-bottom: 5px;}
.docu_submission .submiss p:nth-of-type(3) {font-size: 14px; color: #888; padding-left: 10px; position: relative;}
.docu_submission .submiss p:nth-of-type(2)::before {content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50px; background: #888; position: absolute; top: 10px; left: 0;}
.docu_submission .submiss p:nth-of-type(3)::before {content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50px; background: #888; position: absolute; top: 10px; left: 0;}
.docu_submission .submiss {position: relative; width: 100%; word-break: keep-all;}
.docu_submission .submiss .form_input.file { width: 100%; position: unset;}
.docu_submission .submiss .form_input.file input[type="file"] {position: absolute;	width: 0;	height: 0;	padding: 0;	overflow: hidden;	border: 0;}
.docu_submission .submiss .form_input.file label {display: inline-block; width: 100px; height: 50px; line-height: 49px; text-align: center; color: #222; cursor: pointer; border: 1px solid #222; border-radius: 10px; font-size: 16px; position: absolute; top: 0; right: 0;}
.docu_submission .submiss .form_input.file .file_area {background: #F7F7F7; padding: 20px 20px 10px 20px; border-radius: 10px; width: 100%; margin-top: 20px;}
.docu_submission .submiss .form_input.file .file_area .file_name {display: inline-block; font-size: 14px; font-family: "spoqa_medium"; border: 1px solid #222; border-radius: 20px 20px 20px 20px; padding: 8px 35px 8px 15px; margin: 0 10px 10px 0; background: #fff; cursor: pointer; line-height: 17px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;}
.docu_submission .submiss .form_input.file .file_area .file_name .delbt {display: inline-block; width: 18px; height: 18px; background: url(../images/ico-file-close.png) no-repeat; margin-left: 10px; vertical-align: middle; position: absolute; top: 8px; right: 8px;}
.docu_submission .done {font-family: "spoqa_medium"; color: #222;}
.docu_submission .done > p {margin: 40px 0 20px;}
.docu_submission .done .file_area_done {background: #F7F7F7; padding: 20px; border-radius: 10px; width: 100%; font-size: 14px;}
.docu_submission .done .file_area_done a {margin-top: 12px; display: inline-block; border: 1px solid #222; border-radius: 20px 20px 20px 20px; padding: 8px 15px; background: #fff; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;}
.docu_submission .done .file_area_done a:first-of-type {margin-top: 0;}
.docu_submission .btn_wrap {margin: 60px auto 0;}

/* 2025-11-19 */
 .docu_submission.new{padding-top: 30px;}
.docu_submission.new .submiss p:first-of-type {font-size: 14px; color: #888;
 padding-left: 10px; position: relative; margin-bottom: 5px; padding-top: 0; font-family: "spoqa_regular", "맑은 고딕", "Malgun Gothic", sans-serif;}
 .docu_submission .submiss p:nth-of-type(1)::before {content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50px; background: #888; position: absolute; top: 10px; left: 0;}
 .docu_submission.new .submiss .form_input.file .txt-box{margin-left:150px;}
.docu_submission.new .submiss .form_input.file label{width: 128px; left: 0; right: auto;}

/* //2025-11-19 */

@media screen and (max-width: 1550px) {
	.pop_wrap.docu_submission .pop_content {max-height: 85vh !important;}
	.pop_wrap.docu_submission .pop_content .pop_body {max-height: calc(85vh - 160px);}/* 2025-04-03 수정 */
	.pop_wrap.docu_submission .pop_content .pop_body.no_pb {padding-bottom: 0 !important;} /* 2023-02-06 추가 */
}

@media screen and (max-width: 768px) {
	.pop_wrap.docu_submission .pop_content .pop_body {width: calc(100% - 32px); max-height: calc(100% - 70px); margin: 70px auto 60px;}
	.docu_submission .down {margin: 30px 0; padding-bottom: 30px;}
	.docu_submission .down a {position: unset; margin-top: 12px; font-size: 14px; width: 106px; border-radius: 8px;}
	.docu_submission .submiss p:first-of-type {margin-bottom: 12px;}
	.docu_submission .submiss .form_input.file label {position: unset; margin-top: 12px; font-size: 14px; width: 78px; border-radius: 8px;}
	.docu_submission .done .file_area_done {padding: 12px;}
	.docu_submission .done > p {margin: 30px 0 20px;}
	.docu_submission .btn_wrap {margin: 50px auto 0;}

	/* 2025-11-19 */
	 .docu_submission.new .submiss .form_input.file .txt-box{margin-left:0; padding-top: 10px;}
}




/* 마이페이지 - 기부내역 목록 */
.my_con .amount {position: absolute; right: 0; top: 0; margin-top: 0;}
.my_con .amount span {padding-left: 20px;}
.my_con .dona_status {border: 1px solid #ddd; border-radius: 16px; padding: 50px 60px; margin: 30px 0 80px; display: flex; justify-content: space-between;}
.my_con .dona_status div {position: relative; width: 422px;}
.my_con .dona_status div.left::after {content: ""; background: #ebebeb; width: 1px; height: 100%; display: inline-block; position: absolute; top: 0; right: -60px;}
.my_con .dona_status div dl {margin-bottom: 24px; display: flex; color: #222; justify-content: space-between;}
.my_con .dona_status div dl:last-of-type {margin-bottom: 0;}
.my_con .dona_status div dl dt {font-family: "spoqa_medium"; }
.my_con .dona_status div dl dt span {color: #888; font-size: 14px; font-family: "spoqa_regular";}
.my_con .dona_status div dl dd {font-family: "spoqa_bold"; text-align: right;}
.my_con .dona_status div dl dd span {color: #888; font-family: "spoqa_regular";}
.my_con .dona_srch {background: #F7F7F7; padding: 33px 30px; position: relative;}
.my_con .dona_srch.no_list a {top: 20px;}
.my_con .dona_srch ul {width: calc(100% - 200px); font-size: 14px; color: #888;}
.my_con .dona_srch ul li {display: inline-block; margin-right: 20px;}
.my_con .dona_srch ul li:last-of-type {margin-right: 0;}
.my_con .dona_srch a {position: absolute; top: 30px; right: 30px; color: #222; padding-left: 30px;}
.my_con .dona_srch a::before {content: ""; background: url(../images/ico-filter.svg); width: 24px; height: 24px; display: inline-block; position: absolute; top: 2px; left: 0;}
.my_con .status_list {margin-top: 80px;}
.my_con .status_list .btn_wrap {text-align: right; margin-bottom: 20px; margin-top: 0; display: block; width: 100%;}
.my_con .status_list .btn_wrap a {display: inline-block; width: 66px; height: 38px; line-height: 37px; text-align: center; color: #222; border: 1px solid #222; border-radius: 8px; font-size: 14px; font-family: "spoqa_medium";}
.issuance_list_wrap .list .dona_status_card {width: 100%; margin-bottom: 40px;}
.issuance_list_wrap .list .dona_status_card:last-of-type {margin-bottom: 80px;}
.issuance_list_wrap .list .dona_status_card .txt div:first-of-type {margin-bottom: 0;}
.issuance_list_wrap .list .dona_status_card .txt div:last-of-type {position: absolute; right: 40px; bottom: 50px;}
.issuance_list_wrap .list .dona_status_card .img {margin-right: 40px;}

@media screen and (max-width: 1500px) {
	.my_con .dona_status div {width: 43%;}
	.my_con .dona_status div.left::after {right: -46px;}
}

@media screen and (max-width: 1024px) {
	.my_con .dona_status {display: block;}
	.my_con .dona_status div {width: 100%;}
	.my_con .dona_status div.left {padding-bottom: 30px; margin-bottom: 30px;}
	.my_con .dona_status div.left::after {content: ""; background: #ebebeb; width: 100%; height: 1px; display: inline-block; position: absolute; top: unset; bottom: 0; right: 0;}
	.my_con .dona_srch ul {margin-top: 35px; width: 100%;}
	.my_con .dona_srch a {right: unset; left: 30px;}
	.my_con .dona_srch.no_list {padding: 33px 30px 1px 30px;}
	.my_con .dona_srch.no_list a {top: 22px;}
}

@media screen and (max-width: 768px) {
	.my_con .amount {position: unset; margin-top: 12px;}
	.my_con .dona_status {padding: 30px 20px; border-radius: 12px; margin: 20px 0 40px;}
	.my_con .dona_status div dl {margin-bottom: 16px;}
	.my_con .dona_srch {padding: 20px 16px; border-radius: 10px;}
	.my_con .dona_srch a {top: 20px; left: 16px;}
	.my_con .status_list {margin-top: 40px;}
	.issuance_list_wrap .list .dona_status_card {margin-bottom: 20px;}
	.issuance_list_wrap .list .dona_status_card .txt div:last-of-type {position: unset;}

	.dona_status_card .flex {display: block;}
	.dona_status_card .img {width: 40%; height: 20vw; display: inline-block; margin-bottom: 30px;}
	.dona_status_card .img + .txt dl {width: 40%; position: absolute; top: 60px; left: calc(40% + 16px);}
}



/* 마이페이지 - 상세검색 레이어 */
.pop_wrap.dona_srch .pop_content {width: 980px; max-height: 840px; height: 840px;}
.pop_wrap.dona_srch .pop_content .pop_body {padding-right: 20px; width: calc(100% - 50px); height: 700px; max-height: 550px; margin: 120px 0 140px; margin-left: 37px; position: relative;}

.pop_wrap.dona_srch .dona_input > .content_tit:not(:first-child) {margin-top: 60px;}
.pop_wrap.dona_srch .list_input ul {padding: 30px 0;}
.pop_wrap.dona_srch .list_input ul li {display: block;}
.pop_wrap.dona_srch .list_input ul li .th {padding: 35px 30px 20px 30px; width: 230px;}
.pop_wrap.dona_srch .list_input ul li.hide {display: none;}
.pop_wrap.dona_srch .list_input ul li:first-of-type .th {padding-top: 18px;}
.pop_wrap.dona_srch .list_input ul li:last-of-type .th {padding-bottom: 0;}
.pop_wrap.dona_srch .list_input ul li .td {width: calc(100% - 230px); padding: 20px 0;}
.pop_wrap.dona_srch .list_input ul li:first-of-type .td {padding-top: 0;}
.pop_wrap.dona_srch .list_input ul li:last-of-type .td {padding-bottom: 0;}
.pop_wrap.dona_srch .list_input ul li .td > *:not(:last-child) {margin-right: 0;}

.pop_wrap.dona_srch .list_input ul li .tab_input {float: none;}
.pop_wrap.dona_srch .list_input ul li .td .date {background: #F7F7F7; border-radius: 10px; padding: 20px; margin-top: 20px;}
.pop_wrap.dona_srch .list_input ul li .td .date span {color: #888; font-family: "spoqa_medium"; padding: 0 20px; line-height: 60px;}
.pop_wrap.dona_srch .list_input ul li .td .tab_input {width: 546px;}
.pop_wrap.dona_srch .list_input ul li .td .dona_type a {display: inline-block; border: 1px solid #ddd; width: 125px; height: 60px; line-height: 59px; color: #888; text-align: center; border-radius: 10px; margin-right: 10px; transition-duration: 0.3s;}
.pop_wrap.dona_srch .list_input ul li .td .dona_type a:last-of-type {margin-right: 0;}
.pop_wrap.dona_srch .list_input ul li .td .dona_type a.on {color: #F58220; border: 1px solid #F58220;}

.pop_wrap.dona_srch .culture_input1 {padding-top: 0;}
.pop_wrap.dona_srch .pop_content .pop_body .bt_area {position: fixed; bottom: 60px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 10;}

/* .pop_wrap .pop_content.pop_dona_print .bt_area {position: fixed; bottom: 60px; left: 50%; transform: translateX(-50%); width: 100%;} */
@media screen and (max-width: 1550px) {
	.pop_wrap.dona_srch .pop_content {max-height: 85vh !important;}
	.pop_wrap.dona_srch .pop_content .pop_body {max-height: 48vh !important;}
}

@media screen and (max-width: 1024px) {
	.pop_wrap.dona_srch .pop_content {width: 100%; height: 100%;}
	.pop_wrap.dona_srch .pop_content .pop_body {width: calc(100% - 32px); max-height: calc(100% - 230px) !important; margin: 70px auto 60px;}
	.pop_wrap.dona_srch .list_input ul li .td .tab_input {width: 100%; }
	.pop_wrap.dona_srch .tab_input a {width: 20%;}
	.pop_wrap.dona_srch .list_input ul li .td .date .form_input input {width: 44.5% !important;}
	.pop_wrap.dona_srch .list_input ul li .td .date span {padding: 0 3%; line-height: 50px;}
}

@media screen and (max-width: 768px) {
	.pop_wrap.dona_srch .pop_content {max-height: 100% !important;}
	.pop_wrap.dona_srch .pop_content .pop_body {max-height: calc(100% - 90px) !important; -webkit-overflow-scrolling: touch; padding-right: 0; position: absolute; top: 0; left: 16px; height: 100%;}

	.pop_wrap.dona_srch .list_input ul li .th {padding: 0 0 12px; width: 100%;}
	.pop_wrap.dona_srch .list_input ul li:first-of-type .th {padding-left: 0; padding-top: 0;}
	.pop_wrap.dona_srch .list_input ul li:last-of-type .th {padding-bottom: 12px;}
	.pop_wrap.dona_srch .list_input ul li .td {padding: 0 0 20px; width: 100%;}
	.pop_wrap.dona_srch .list_input ul li .td .date {padding: 12px;}
	.pop_wrap.dona_srch .list_input ul li .td .date .form_input input {width: 45% !important;}
	.pop_wrap.dona_srch .list_input ul li .td .dona_type a {width: 32%; margin-right: calc(2% - 5px); height: 50px; line-height: 49px;}
	.pop_wrap.dona_srch .pop_content .pop_body .bt_area {bottom: 0; background: #fff; display: flex; left: 0; transform: translateX(0); padding: 20px 10px; margin-top: 0; position: relative;}
	.pop_wrap.dona_srch .pop_content .pop_body .bt_area a {margin: 0 2px;}
}

@media screen and (max-width: 400px) {
	.pop_wrap.dona_srch .list_input ul li .td .date {background: 0; padding: 0;}
	.pop_wrap.dona_srch .list_input ul li .td .date .form_input input {padding: 0 6px !important; font-size: 13px;}
	.pop_wrap.dona_srch .list_input ul li .td .date .form_input input[type="date"]::before {right: 6px; opacity: 1; top: 15px;}
	.pop_wrap.dona_srch .list_input ul li .td .date .form_input input[type="date"]::after {right: 6px; width: 18px; height: 18px; background-size: contain;}
	.pop_wrap.dona_srch .list_input ul li .td .date span {padding: 0 2%;}
}





/* 마이페이지 - 정기기부 내역 상세 */
.dona_detail {border: 1px solid #ddd; border-radius: 15px; padding: 60px; position: relative;}
.dona_detail > p {color: #888;}
.dona_detail .link {position: absolute; top: 50px; right: 60px;}
.dona_detail .link a {display: inline-block; width: 66px; height: 38px; line-height: 37px; text-align: center; color: #222; border: 1px solid #222; border-radius: 8px; font-size: 14px; font-family: "spoqa_medium"; margin-left: 5px;}

.dona_detail .for_flex {display: flex; justify-content: space-between; margin-top: 38px;}
.dona_detail .for_flex div {color: #888; width: 480px;}
.dona_detail .for_flex div:first-of-type {border-right: 1px solid #ddd;}
.dona_detail .for_flex div:last-of-type {padding-left: 60px;}
.dona_detail .for_flex div .content_tit {margin-top: 12px;}

.my_con .dona_detail_list .box {border: 1px solid #ddd; border-radius: 15px; padding: 60px; display: flex; margin-bottom: 40px;}
.my_con .dona_detail_list .box > p {width: 165px;}
.my_con .dona_detail_list .box div {width: calc(100% - 165px); display: flex; flex-wrap: wrap; justify-content: space-between;}
.my_con .dona_detail_list .box div dl {display: flex; color: #444; margin-top: 24px; width: 350px;}
.my_con .dona_detail_list .box div dl:nth-of-type(1) {margin-top: 0;}
.my_con .dona_detail_list .box div dl:nth-of-type(2) {margin-top: 0;}
.my_con .dona_detail_list .box div dl dt {width: 140px; font-family: "spoqa_medium"; color: #222;}

.my_con .dona_detail_list .box + .btn_wrap {margin: 80px 0 100px;}
.my_con .mp_list_btn .btn_type1 {margin: 0 10px;}


@media screen and (max-width: 1024px) {
	.my_con .dona_detail_list .box {display: block;}
	.my_con .dona_detail_list .box div dl {margin-top: 16px; width: 100%;}
	.my_con .dona_detail_list .box div dl:nth-of-type(1) {margin-top: 20px;}
	.my_con .dona_detail_list .box div dl:nth-of-type(2) {margin-top: 16px;}
}

@media screen and (max-width: 768px) {
	.dona_detail {padding: 40px 20px 30px 20px;}
	.dona_detail .for_flex {display: block;}
	.dona_detail .for_flex div {width: 100%;}
	.dona_detail .for_flex div:first-of-type {border-bottom: 1px solid #ddd; border-right: 0; padding-bottom: 30px; margin-bottom: 30px;}
	.dona_detail .for_flex div:last-of-type {padding-left: 0;}
	.dona_detail .link {top: 30px; right: 20px;}
	.my_con .dona_detail_list .box {padding: 30px 20px; margin-bottom: 20px;}
	.my_con .dona_detail_list .box > p {width: 100%; font-size: 16px; font-family: "spoqa_medium";}
	.my_con .dona_detail_list .box div {width: 100%;}
	.my_con .dona_detail_list .box div dl dt {width: 96px;}
	.my_con .dona_detail_list .box + .btn_wrap {margin: 40px 0 50px;}

	.my_con .mp_list_btn .btn_type1 {margin: 0 2% 0 0;}
	.my_con .mp_list_btn .btn_type1:last-child {margin: 0;}
}

@media screen and (max-width: 500px) {
	.dona_detail > p {width: calc(100% - 150px);}
	.my_con .dona_detail_list .box div dl dt {width: 70px;}
}



/* 마이페이지 - 정기기부 내역 상세 */
.pop_wrap.dona_srch .dona_detail {padding: 50px 60px;}
.pop_wrap.dona_srch .dona_detail .for_flex {margin-top: 28px;}
.pop_wrap.dona_srch .dona_detail .for_flex div:last-of-type {padding: 0; width: 100%;}
.pop_wrap.dona_srch .dona_detail .for_flex div:first-of-type {border: 0; width: 100%;}
.pop_wrap.dona_srch .content_stit:not(:first-child) {margin: 60px 0 20px;}
.pop_wrap.dona_srch .scholarship_info {padding: 30px;}
.pop_wrap.dona_srch .scholarship_info dl dt {width: 230px;}
.pop_wrap.dona_srch .scholarship_info dl dd p {color: #888; font-size: 14px; padding-left: 10px; margin-top: 20px; position: relative;}
.pop_wrap.dona_srch .scholarship_info dl dd p::before {content: ""; width: 4px; height: 4px; display: inline-block; background: #888; border-radius: 50px; position: absolute; left: 0; top: 10px;}
.pop_wrap.dona_srch .withdrawal_reason {padding: 30px;}
.pop_wrap.dona_srch .withdrawal_reason > p {color: #222; font-family: "spoqa_medium"; margin-bottom: 20px;}

.my_con .scholarship_info + .btn_wrap {margin-top: 80px;}

@media screen and (max-width: 768px) {
	.pop_wrap.dona_srch .dona_detail {padding: 30px 20px;}
	.pop_wrap.dona_srch .dona_detail .for_flex div:first-of-type {margin-bottom: 0;}
	.pop_wrap.dona_srch .scholarship_info {padding: 30px 0;}
	.pop_wrap.dona_srch .withdrawal_reason {padding: 30px 0;}

	.my_con .scholarship_info + .btn_wrap {display: flex; justify-content: center; margin-top: 50px;}
}



/* 마이페이지 - 기부 영수증 발급 */
.dona_history {margin-top: 80px;}
.dona_history .division {display: flex; flex-wrap: wrap; justify-content: space-between}
.dona_history .division .year {width: calc(100% - 912px); position: relative;}
.dona_history .division .year::after {content: ""; background: #F58220; width: 16px; height: 16px; border-radius: 50px; display: inline-block; position: absolute; right: 40px; top: 0;}
.dona_history .division .year::before {content: ""; background: #ddd; width: 1px; height: 100%; display: inline-block; position: absolute; top: 0; right: 48px;}
.dona_history .division .card {width: 912px; border: 1px solid #ddd; border-radius: 15px; padding: 50px 40px; margin-bottom: 40px; display: flex; justify-content: space-between; position: relative;}
.dona_history .division .card .left {color: #888;}
.dona_history .division .card .left p:first-of-type {margin-bottom: 10px;}
.dona_history .division .card .right {font-family: "spoqa_bold"; margin-right: 100px; text-align: right;}
.dona_history .division .card .right p:first-of-type {margin-bottom: 10px;}
.dona_history .division .card a {display: inline-block; width: 66px; height: 38px; line-height: 37px; text-align: center; border: 1px solid #222; color: #222; border-radius: 10px; font-size: 14px; font-family: "spoqa_medium"; position: absolute; right: 40px; top: 65px;}
.dona_history .division:last-of-type .card:last-of-type {margin-bottom: 0;}

.dona_history + .btn_wrap {margin-top: 80px;}

@media screen and (max-width: 1500px) {
	.dona_history .division .card {width: 650px;}
	.dona_history .division .year {width: calc(100% - 650px);}
	.dona_history .division .year::before {right: 38px;}
	.dona_history .division .year::after {right: 30.5px;}
}

@media screen and (max-width: 1024px) {
	.dona_history .division > div:not(.year) {width: calc(100% - 150px);}
	.dona_history .division .year {width: 150px;}
	.dona_history .division .card {width: 100%;}
}

@media screen and (max-width: 1024px) {
	.dona_history {margin-top: 50px;}
	.dona_history .division > div:not(.year) {width: calc(100% - 90px);}
	.dona_history .division .year {width: 90px; font-size: 16px;}
	.dona_history .division .year::before {right: 21px;}
	.dona_history .division .year::after {right: 15px; width: 12px; height: 12px;}
	.dona_history .division .card {padding: 30px 20px; display: block; margin-bottom: 20px;}
	.dona_history .division .card .left p:first-of-type {margin-bottom: 4px;}
	.dona_history .division .card .right {text-align: left; margin-top: 20px;}
	.dona_history .division .card .right p:first-of-type {margin-bottom: 4px;}
	.dona_history .division .card a {top: unset; bottom: 30px; right: 20px; font-size: 13px; width: 56px; height: 35px; line-height: 34px;}
	.dona_history + .btn_wrap {margin-top: 40px;}
}




/* 마이페이지 - 1:1문의내역 */
.srch_area {background: #f7f7f7; width: 100%; padding: 32px 0; text-align: center; margin-top: 60px;}
.srch_area .form_input {margin: 0 auto;  width: 460px;}
.srch_area .form_input input {width: 100%;}
.srch_area .form_input a {position: absolute; top: 20px; right: 20px; width: 18px; height: 18px;}

.inquiry_list {position: relative;}
.inquiry_list .list_num {margin: 80px 0 50px;}
.inquiry_list .form_select {position: absolute; top: -20px; right: 0;}
.inquiry_list .list_card_type4 a {width: 522px; margin: 0 0 40px 0; transform: translateY(0); transition-duration: 0.2s; transition-delay: 0 !important; opacity: 1; }
.inquiry_list .list_card_type4 a:nth-of-type(3n-1) {transition-delay: 0s;}
.inquiry_list .list_card_type4 a:nth-of-type(3n) {transition-delay: 0s;}
.inquiry_list .list_card_type4 a:nth-of-type(2n) {margin: 0 0 40px 40px;}
.inquiry_list .list_card_type4 a .grey {color: #888 !important;}
.inquiry_list .list_card_type4 a:hover {border: 1px solid #F58220;}

.inquiry_list + .btn_wrap {margin-top: 80px;}

@media screen and (max-width: 1500px) {
	.inquiry_list .list_card_type4 a {width: 380px;}

}

@media screen and (max-width: 1024px) {
	.inquiry_list .list_card_type4 a {width: 48%;}
	.inquiry_list .list_card_type4 a:nth-of-type(2n) {margin: 0 0 40px 4%;}
}

@media screen and (max-width: 768px) {
	.srch_area {width: 120%; margin-left: -10%; padding: 30px 0; margin-top: 50px;}
	.srch_area .form_input {width: 80%;}
	.srch_area .form_input a {top: 17px}
	.inquiry_list .list_num {margin: 45px 0 36px;}
	.inquiry_list .list_card_type4 a {width: 100%; margin: 0 0 20px 0;}
	.inquiry_list .list_card_type4 a:nth-of-type(2n) {margin: 0 0 20px 0;}
	.inquiry_list .list_card_type4 a .tit {margin: 20px 0 54px;}
	.inquiry_list + .btn_wrap {margin-top: 40px;}
}

.my_con .detail_tit > p {width: 100%;}
.my_con .detail_tit .cate span.color.grey {color: #888;}

.my_con .detail_view::after {width: 1084px;}

.my_con .answer_tit {color: #F58220;}
.my_con .answer_date {margin: 12px 0 40px; color: #888;}
.my_con .answer_con {color: #444; word-break: keep-all;}

.my_con .detail_view .file_area a {max-width: 840px;}


@media screen and (max-width: 1500px) {
	.my_con .detail_view .file_area a {max-width: 670px;}
	.my_con .detail_view::after {width: 800px; left: 0; transform: translateX(0);}
}

@media screen and (max-width: 1024px) {
	.my_con .detail_tit .date {margin: 16px 0 30px;}
	.my_con .detail_view::after {width: 100%;}
	.my_con .detail_view .file_area a {max-width: 100%;}
}

@media screen and (max-width: 768px) {
	.my_con .detail_view .file_area {padding-left: 0;}
	.my_con .answer_date {margin: 7px 0 20px;}
}




/* 재단소개 - 이사회 */

.director_list {display: flex; flex-wrap: wrap; padding-top: 20px;}
.director_list.director_list2{padding-top: 0;}
.director_list .scroll_motion {width: 275px; margin-bottom: 100px; transform: translateY(70px); opacity: 0; transition-duration: 0.7s; margin-right: 120px;}
.director_list .scroll_motion.active {transform: translateY(0); opacity: 1;}

.director_list .scroll_motion.init {transform: translateY(70px); transition-property: border; transition-duration: 0.2s; transition-delay: 0s; opacity: 0; animation: fadeUp 0.7s forwards;}
.director_list .scroll_motion.init:nth-of-type(2) {animation-delay: 0.2s, 0s;}
.director_list .scroll_motion.init:nth-of-type(3) {animation-delay: 0.3s, 0s;}
.director_list .scroll_motion.init:nth-of-type(4) {animation-delay: 0.4s, 0s;}


.director_list > div:nth-of-type(4n-2) {transition-delay: 0.2s;}
.director_list > div:nth-of-type(4n-1) {transition-delay: 0.3s;}
.director_list > div:nth-of-type(4n) {transition-delay: 0.4s; margin-right: 0;}

.director_list .scroll_motion .img {width: 100%; height: 380px; border-radius: 50%; overflow: hidden; position: relative;}
.director_list .scroll_motion .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.director_list .scroll_motion .txt p:nth-of-type(1) {color: #F58220; font-family: "spoqa_bold";}
.director_list .scroll_motion .txt p:nth-of-type(2) {margin: 6px 0 15px;}
.director_list .scroll_motion .txt p:nth-of-type(3) {color: #222; margin-top: 0;}

/* 2024-01-31 이사회 추가 */
.secretariat-tb .hori_scroll{margin-top: 70px;}
.secretariat-tb table {width: 100%; margin-bottom: 20px; text-align: center;}
.secretariat-tb table th {padding: 20px 40px; background: #F7F7F7; color: #333; font-family: "spoqa_bold"; border-top: 1px solid #222; border-bottom: 1px solid #EBEBEB; border-right: 1px solid #EDEFF0;}
.secretariat-tb table th:last-of-type {border-right: 0;}
.secretariat-tb table tr{height:90px;}
.secretariat-tb table td {padding: 20px 40px; border-bottom: 1px solid #EDEFF0; border-right: 1px solid #EDEFF0; border-left: 1px solid #EDEFF0;}
.secretariat-tb table td:last-child {border-right: 0;}
.secretariat-tb table td:nth-child(1) {border-left: 0;}
.secretariat-tb table td span{font-size: 14px; color:#888;}
/* // 2024-01-31 이사회 추가 */

@media screen and (max-width: 1600px) {
	.director_list .scroll_motion {margin-right: 60px;}
}

@media screen and (max-width: 1500px) {
	.director_list {width: 80%; margin: 0 auto;}
	.director_list .scroll_motion {width: 45%; margin-right: 10%;}
	.director_list > div:nth-of-type(2n) {margin-right: 0;}
	.director_list > div:nth-of-type(4n-1) {transition-delay: 0s;}
	.director_list > div:nth-of-type(4n) {transition-delay: 0.2s;}

}

@media screen and (max-width: 1024px) {
	.director_list .scroll_motion {width: 44%; margin-right: 12%;}
	.director_list .scroll_motion .img {width: 100%; height: 32vw;}
}

@media screen and (max-width: 768px) {
	.director_list {width: 100%; padding-top: 20px;}/* 2024-01-31 수정 */
	.director_list.director_list2 {padding-bottom: 50px;}
	.director_list .scroll_motion  {margin-bottom: 40px}
	.director_list .scroll_motion .txt p:nth-of-type(2) {margin: 3px 0 9px;}
	.director_list .scroll_motion .img {height: 42vw;}

	/* 2024-01-31 이사회 추가 */
	.secretariat-tb .hori_scroll {margin-top: 20px;overflow-x: auto;}
	.secretariat-tb .hori_scroll table {width: 1000px;}
	.secretariat-tb table {width: 100%; margin-bottom: 10px;}
	.secretariat-tb table tr{height:60px; box-sizing: border-box;}
	.secretariat-tb table th {padding: 0; font-size: 14px;}
	.secretariat-tb table td {padding: 0;}
	.secretariat-tb table td span{font-size: 12px;}
	/* // 2024-01-31 이사회 추가 */
}



/* 재단소개 - 활동성과 */
.subpage_copy.no_br br {display: block;}
.outcome_img {width: 100%; height: 33vw; background: url(../images/outcome-img.jpg) no-repeat center center; background-size: 100%; overflow: hidden; transition-duration: 1s; transition-property: background;}
.outcome_img.scroll_motion.active {background: url(../images/outcome-img.jpg) no-repeat center center; background-size: 110%;}

.outcome_con {padding: 146px 0 150px;}
.outcome_con.bg {background: #F7F0E8;}
.outcome_con.bg2 {background: #F7F7F7; margin-bottom: -200px}

.outcome_con .division {display: flex; justify-content: space-between;}
.outcome_con .division .tit {opacity: 0; transform: translateY(70px); transition-duration: 0.7s;}
.outcome_con .division .tit p:nth-of-type(1) {font-family: "spoqa_bold";}
.outcome_con .division .tit p:nth-of-type(2) {margin: 13px 0 16px;}
.outcome_con .division .tit p:nth-of-type(3) {color: #888;}
.outcome_con .division .con {width: 50%;}
.outcome_con .division .con .copy {color: #222; opacity: 0; transform: translateY(70px); transition-duration: 0.7s;}
.outcome_con .division .con .semi_tit {margin: 80px 0 0; color: #043B72; font-family: "spoqa_bold"; opacity: 0; transform: translateY(70px); transition-duration: 0.7s;}
.outcome_con .division .con .per {color: #222; font-family: "spoqa_bold"; margin-bottom: 60px; opacity: 0; transform: translateY(70px); transition-duration: 0.7s;}
.outcome_con .division .con .per span {font-size: 110px; padding-right: 10px; word-break: break-all;}
.outcome_con .division .con .graph_area {display: flex; justify-content: space-between;}
.outcome_con .division .con .graph_area .graph {width: 290px; height: 290px; position: relative; }
.outcome_con .division .con .graph_area .graph canvas {width: 200%;	height: 100%;	position: absolute;	left: -50%;}
.outcome_con .division .con .graph_area .info {width: calc(100% - 290px); padding-left: 50px;}
.outcome_con .division .con .graph_area .info .top {display: flex; font-family: "spoqa_bold"; opacity: 0; transform: translateY(70px); transition-duration: 0.7s;}
.outcome_con .division .con .graph_area .info .top div:first-of-type {margin-right: 40px;}
.outcome_con .division .con .graph_area .info .top span {font-size: 52px; padding-right: 10px;}
.outcome_con .division .con .graph_area .info .bot {margin-top: 40px; display: flex; flex-wrap: wrap; opacity: 0; transform: translateY(70px); transition-duration: 0.7s; transition-delay: 0.2s;}
.outcome_con .division .con .graph_area .info .bot dl {display: flex; color: #444; margin-top: 6px; width: 157px;}
.outcome_con .division .con .graph_area .info .bot dl:nth-of-type(2n) {margin-left: 40px;}
.outcome_con .division .con .graph_area .info .bot dl dt {width: 120px; padding-left: 15px; position: relative;}
.outcome_con .division .con .graph_area .info .bot dl dt::before {content: ""; width: 8px; height: 8px; display: inline-block; border-radius: 50px; background: #F58220; position: absolute; top: 10px; left: 0;}
.outcome_con .division .con .graph_area .info .bot dl:nth-of-type(2) dt::before {background: #043B72;}
.outcome_con .division .con .graph_area .info .bot dl:nth-of-type(3) dt::before {background: #1386B8;}
.outcome_con .division .con .graph_area .info .bot dl:nth-of-type(4) dt::before {background: #95BDDB;}
.outcome_con .division .con .graph_area .info .bot dl:nth-of-type(5) dt::before {background: #ECB672;}
.outcome_con .division .con .graph_area .info .bot dl:nth-of-type(6) dt::before {background: #939596;}
.outcome_con .division .con .criterion {color: #888; margin-top: 50px;}

.outcome_con .division .con .data {display: flex; flex-wrap: wrap; max-width: 500px; margin-top: 40px;}
.outcome_con .division .con .data dl {margin-top: 40px; color: #222; width: 236px; opacity: 0; transform: translateY(50px); transition-duration: 0.8s; transition-delay: 0.3s;}
.outcome_con .division .con .data dl dt {position: relative; padding-top: 56px;}
.outcome_con .division .con .data dl dt::before {content:""; width: 48px; height: 48px; display: block; background: url(../images/ico-outcome-data1.svg) no-repeat; background-size: cover; position: absolute; top: 0; left: 0;}
/* 2025-08-04 */
.outcome_con .division .con .data dl:nth-of-type(2) dt::before {content:""; width: 48px; height: 48px; display: block; background: url(../images/ico-outcome-data7.svg) no-repeat; background-size: cover; position: absolute; top: 0; left: 0;}
.outcome_con .division .con .data dl:nth-of-type(3) dt::before {content:""; width: 48px; height: 48px; display: block; background: url(../images/ico-outcome-data2.svg) no-repeat; background-size: cover; position: absolute; top: 0; left: 0;}
.outcome_con .division .con .data dl:nth-of-type(4) dt::before {content:""; width: 48px; height: 48px; display: block; background: url(../images/ico-outcome-data3.svg) no-repeat; background-size: cover; position: absolute; top: 0; left: 0;}
.outcome_con .division .con .data dl:nth-of-type(5) dt::before {content:""; width: 48px; height: 48px; display: block; background: url(../images/ico-outcome-data4.svg) no-repeat; background-size: cover; position: absolute; top: 0; left: 0;}
.outcome_con .division .con .data dl:nth-of-type(6) dt::before {content:""; width: 48px; height: 48px; display: block; background: url(../images/ico-outcome-data5.svg) no-repeat; background-size: cover; position: absolute; top: 0; left: 0;}
.outcome_con .division .con .data dl:nth-of-type(7) dt::before {content:""; width: 48px; height: 48px; display: block; background: url(../images/ico-outcome-data6.svg) no-repeat; background-size: cover; position: absolute; top: 0; left: 0;}
/* 2025-08-04 */
.outcome_con .division .con .data dl dd {font-family: "spoqa_bold";}
.outcome_con .division .con .data dl dd span {font-size: 52px; padding-right: 10px;}
.outcome_con .division .con .poli {padding-left: 42px;}
.outcome_con .division .con .poli div {width: 268px; height: 268px; border: 1px solid #F58220; border-radius: 50%; background: #F7F0E8; text-align: center; color: #222; font-size: 16px; padding-top: 85px; display: inline-block; margin-left: -42px; opacity: 0; transform: translateY(50px); transition-duration: 0.8s;}
.outcome_con .division .con .poli div p:nth-of-type(2) {font-family: "spoqa_bold";}
.outcome_con .division .con .poli div p:nth-of-type(2) span {padding-right: 10px; font-size: 56px;}
.outcome_con .division .con .since {padding-top: 34px;}
.outcome_con .division .con .since dl {margin-top: 46px; padding-left: 88px; position: relative; transform: translateY(50px); opacity: 0; transition-duration: 0.5s;}
.outcome_con .division .con .since dl::before {content:""; width: 58px; height: 58px; display: inline-block; position: absolute; left: 0; top: 0;}
.outcome_con .division .con .since dl:nth-of-type(1):before {background: url(../images/dona-cul-since1.svg); background-size: cover;}
.outcome_con .division .con .since dl:nth-of-type(2):before {background: url(../images/dona-cul-since2.svg); background-size: cover;}
.outcome_con .division .con .since dl:nth-of-type(3):before {background: url(../images/dona-cul-since3.svg); background-size: cover;}

.outcome_con .division .tit.active {opacity: 1; transform: translateY(0);}

.outcome_con .division .con .copy.active {opacity: 1; transform: translateY(0);}
.outcome_con .division .con .semi_tit.active {opacity: 1; transform: translateY(0);}
.outcome_con .division .con .per.active {opacity: 1; transform: translateY(0);}
.outcome_con .division .con .graph_area.active .info .top {opacity: 1; transform: translateY(0);}
.outcome_con .division .con .graph_area.active .info .bot {opacity: 1; transform: translateY(0);}

.outcome_con .division .con .data dl:nth-of-type(2) {transition-delay: 0.4s;}
.outcome_con .division .con .data dl:nth-of-type(3) {transition-delay: 0.8s;}
.outcome_con .division .con .data dl:nth-of-type(4) {transition-delay: 1s;}
.outcome_con .division .con .data dl:nth-of-type(5) {transition-delay: 1.2s;}
.outcome_con .division .con .data dl:nth-of-type(6) {transition-delay: 1.4s;}
.outcome_con .division .con .data dl:nth-of-type(7) {transition-delay: 1.6s;}/* 2025-08-04*/

.outcome_con .division .con .since dl:nth-of-type(1) {transition-delay: 0.2s}
.outcome_con .division .con .since dl:nth-of-type(2) {transition-delay: 0.5s}
.outcome_con .division .con .since dl:nth-of-type(3) {transition-delay: 0.6s}
.outcome_con .division .con .since.active dl {opacity: 1; transform: translateY(0);}

.outcome_con .division .con .data.active dl {opacity: 1; transform: translateY(0);}

.outcome_con .division .con .poli div:nth-of-type(2) {transition-delay: 0.2s;}
.outcome_con .division .con .poli div:nth-of-type(3) {transition-delay: 0.3s;}
.outcome_con .division .con .poli.active div {opacity: 1; transform: translateY(0);}

@media screen and (max-width: 1600px) {
	.outcome_con .division .con {width: 60%;}

	.outcome_con .division .con .poli div {width: 230px; height: 230px; padding-top: 70px;}
}

@media screen and (max-width: 1500px) {
	.outcome_con .division .con {width: 70%;}
}

@media screen and (max-width: 1024px) {
	.outcome_con .division {display: block;}
	.outcome_con .division .con {width: 100%; margin-top: 50px;}
	.outcome_con .division .con .poli div {width: 250px; height: 250px; padding-top: 75px;}
}

@media screen and (max-width: 768px) {
	.outcome_img {height: 60vw;}

	.outcome_img.scroll_motion{background: url(../images/outcome-img-m.jpg) no-repeat center center; background-size: 100%; overflow: hidden; transition-duration: 1s; transition-property: background;}
	.outcome_img.scroll_motion.active {background: url(../images/outcome-img-m.jpg) no-repeat center center; background-size: 110%;}

	.outcome_con {padding: 60px 0;}
	.outcome_con .division .tit {transform: translateY(40px);}
	.outcome_con .division .tit p:nth-of-type(2) {margin: 7px 0 9px;}
	.outcome_con .division .con {margin-top: 20px;}
	.outcome_con .division .con .copy {transform: translateY(40px);}
	.outcome_con .division .con .per {margin-bottom: 30px; transform: translateY(40px);}
	.outcome_con .division .con .per span {font-size: 64px; line-height: 74px; padding-right: 5px;}
	.outcome_con .division .con .semi_tit {margin: 47px 0 0; transform: translateY(40px);}

	.outcome_con .division .con .graph_area {display: block; padding-top: 100px; position: relative;}
	.outcome_con .division .con .graph_area .info {padding-left: 0; width: 100%;}
	.outcome_con .division .con .graph_area .info .top {position: absolute; top:-0; left: 0;}
	.outcome_con .division .con .graph_area .info .top span {font-size: 40px; line-height: 54px; padding-right: 5px;}
	.outcome_con .division .con .graph_area .graph {width: 164px !important; height: 164px !important;}
	.outcome_con .division .con .graph_area .info .bot {position: absolute; bottom: 0; left: 194px; display: block;}
	.outcome_con .division .con .graph_area .info .bot dl:nth-of-type(2n) {margin-left: 0;}
	.outcome_con .division .con .graph_area .info .bot dl dt {width: 90px;}
	.outcome_con .division .con .graph_area .info .bot dl dt::before {width: 6px; height: 6px;}
	.outcome_con .division .con .criterion {margin-top: 30px;}

	.outcome_con .division .con .data {margin-top: 17px; }
	.outcome_con .division .con .data dl {width: 50%; margin-top: 30px; transform: translateY(35px);}
	.outcome_con .division .con .data dl dt {padding-top: 50px;}
	.outcome_con .division .con .data dl dt::before {width: 42px !important; height: 42px !important;}
	.outcome_con .division .con .data dl dd span {font-size: 40px; line-height: 54px; padding-right: 5px;}

	.outcome_con.bg2 .division .con .per span {font-size: 48px;}
	.outcome_con .division .con .poli {padding-left: 0; text-align: center; padding-top: 30px;}
	.outcome_con .division .con .poli div {display: block; width: 200px; height: 200px; padding-top: 63px; font-size: 13px; margin: -30px auto 0;}
	.outcome_con .division .con .poli div p:nth-of-type(2) span {font-size: 40px; line-height: 50px; padding-right: 5px;}
	.outcome_con.bg2 {margin-bottom: -80px; padding-bottom: 110px;}
	.outcome_con .division .con .since {padding-top: 19px;}
	.outcome_con .division .con .since dl {margin-top: 28px; word-break: keep-all; padding-left: 68px;}
	.outcome_con .division .con .since dl::before {content:""; width: 48px; height: 48px; display: inline-block; position: absolute; left: 0; top: 0;}
}

@media screen and (max-width: 500px) {
	.subpage_copy.no_br {word-break: keep-all;}
	.subpage_copy.no_br br {display: none;}

}

@media screen and (max-width: 360px) {
	.outcome_con .division .con .graph_area.active .info .bot {left: 180px;}
}



/* 미래세대지원 - 청소년 문화체험활동지원 */
.fur_txt {margin-top: 60px; word-break: keep-all;}
.fur_txt .high_txt {font-size: 32px; font-family: "spoqa_bold"; color: #222; line-height: 42px; padding-bottom: 30px; display: block;}
.support_slide_area {position: relative;}
.support_slide_area > img {width: 100%;}
.support_slide_area .swiper-slide img {width: 100%;}
.support_slide_area .swiper-pagination {bottom: 40px;}
.support_slide_area .swiper-pagination-bullet {width: 16px; height: 16px; background: #000; opacity: 0.3; margin: 0 5px; border: 1px solid #fff;}
.support_slide_area .swiper-pagination-bullet-active {background: #F58220; opacity: 1; border: 0}

.support_slide_area .swiper-button-next {background: url(../images/dona-cul-infopart2-right.svg); width: 46px; height: 46px; background-size: cover; margin-top: -23px; right: 80px; cursor: pointer;}
.support_slide_area .swiper-button-prev {background: url(../images/dona-cul-infopart2-left.svg); width: 46px; height: 46px; background-size: cover; margin-top: -23px; left: 80px; cursor: pointer;}

/* .support_slide_area .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {opacity: 1; cursor: pointer;} */

.support_con .info {display: flex; margin: 100px auto 150px;}
.support_con .info .desc {width: 585px; word-break: keep-all; color: #043B72; margin-right: 165px;}
/* 2025-01-23 */
.support_con .info .left a {display: inline-block; width: 210px; height: 50px; margin-top: 40px; border: 1px solid #043B72; border-radius: 10px; padding: 10px 0; text-align: center;}
.support_con .info .left a span{padding-right: 45px; background: url(../images/icon-gohp.svg) no-repeat right center; color: #043B72; font-size: 17px;}
/* // 2025-01-23 */
.support_con .info .content_tit + * {margin-top: 0;}
.support_con .info .detail dl {display: flex; margin-bottom: 24px; word-break: keep-all;}
.support_con .info .detail dl:last-of-type {margin-bottom: 40px;}
.support_con .info .detail dl dt {width: 140px; font-family: "spoqa_medium"; color: #222;}
.support_con .info .detail dl dd {color: #444; width: calc(100% - 140px);}
.support_con .info .detail dl dd a {margin-top: 20px;}
.support_con .info .detail p {font-size: 14px; color: #888; padding-left: 12px; position: relative; margin-top: 12px; text-align: left;}
.support_con .info .detail p:first-of-type {margin-top: 0;}
.support_con .info .detail p::before {content: ""; background: #888; width: 4px; height: 4px; border-radius: 50px; display: inline-block; position: absolute; top: 9px; left: 0;}
.support_con .info .detail > a {margin-top: 100px;} /* 2023-09-01 추가 */


.support_con .info .detail2 > dl {margin-bottom: 30px; padding-left: 78px; position: relative; word-break: keep-all;}
.support_con .info .detail2 > dl:last-of-type {border-bottom: 1px solid #EBEBEB; padding-bottom: 50px; margin-bottom: 50px;} /* 2023-01-03 수정 */
.support_con .info .detail2 > dl:nth-of-type(1)::before {content: ""; width: 58px; height: 58px; background: url(../images/ico-global1.svg); display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.support_con .info .detail2 > dl:nth-of-type(2)::before {content: ""; width: 58px; height: 58px; background: url(../images/ico-global2.svg); display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.support_con .info .detail2 > dl:nth-of-type(3)::before {content: ""; width: 58px; height: 58px; background: url(../images/ico-global3.svg); display: inline-block; position: absolute; left: 0; top: 4px;} /* 2023-01-03 수정 */
.support_con .info .detail2 > dl:nth-of-type(4)::before {content: ""; width: 58px; height: 58px; background: url(../images/ico-global4.svg); display: inline-block; position: absolute; left: 0; top: 2px;}

.support_con .info .detail2 > dl dt {font-family: "spoqa_bold"; color: #043B72; margin-bottom: 10px;}
.support_con .info .detail2 > dl dd {color: #444;}
.support_con .info .detail2 > a {margin-top: 100px;}
.support_con .info .detail2 .app {display: none;}



.card_area {background: #F7F7F7; padding: 150px 0 208px; position: relative; margin-bottom: -200px;}
.support_slide_area2 {overflow: hidden; }
/* 2024-12-19, 2025-08-04 */
.support_slide_area2 .swiper-slide {display: inline-block; width: 460px !important; height: 520px; border: 1px solid #ddd; border-radius: 20px; background: #fff;} 
.support_slide_area2 .swiper-slide .img {width: 100%; height: 300px; overflow: hidden; border-radius: 20px 20px 0 0; position: relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);}
.support_slide_area2 .swiper-slide .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s; width: 100%; height: 100%; object-fit: cover;}
/* // 2024-12-19, 2025-08-04 */
.support_slide_area2 .swiper-slide:hover .img img {transform: translate(-50%, -50%) scale(1.1);}
.support_slide_area2 .swiper-slide .txt {padding: 40px; word-break: keep-all; border-radius: 0 0 20px 20px;}
.support_slide_area2 .swiper-slide .txt .content_stit {color: #043B72; margin-bottom: 20px;}

.support_slide_area2 .swiper-button-next {background: url(../images/dona-cul-infopart3-right.svg); width: 46px; height: 46px; background-size: cover; right: 80px; cursor: pointer;}
.support_slide_area2 .swiper-button-prev {background: url(../images/dona-cul-infopart3-left.svg); width: 46px; height: 46px; background-size: cover; left: 80px; cursor: pointer;}
.business_intro .support_slide_area2 .swiper-button-next {margin-top: 40px;}
.business_intro .support_slide_area2 .swiper-button-prev {margin-top: 40px;}

/* 2023-12-07 이중언어 개편 */
.multi_lang .warn_con{display: flex; align-items: center; padding: 36px 40px; margin: 0 auto; background-color: #F7F7F7; border-radius: 15px;}
.multi_lang .warn_con figure img{padding-right: 20px;}
.multi_lang .warn_con .warn_txt span{color: #F58220;font-family: "spoqa_bold";}
.multi_lang .form_input_con{margin-top: 140px; text-align: right;}
.multi_lang .form_input_con .search_type input{width: 100%;}
.multi_lang .search_type{position: relative; top: 0; right: 0;}
/* // 2023-12-07 이중언어 개편 */

@media screen and (max-width: 1600px) {
	.support_slide_area2 .swiper-slide {width: calc(50% - 20px) !important;}

	.support_slide_area2 .swiper-button-next {background: url(../images/dona-cul-infopart3-right.svg); width: 46px; height: 46px; background-size: cover; right: 30px; cursor: pointer;}
	.support_slide_area2 .swiper-button-prev {background: url(../images/dona-cul-infopart3-left.svg); width: 46px; height: 46px; background-size: cover; left: 30px; cursor: pointer;}
}

@media screen and (max-width: 1500px) {
	.support_slide_area2 .swiper-slide {width: 480px !important;}
}

@media screen and (max-width: 1024px) {
	.support_slide_area .swiper-button-next {right: 15px;}
	.support_slide_area .swiper-button-prev {left: 15px;}

	.fur_txt .high_txt {font-size: 26px; line-height: 36px;}
	.support_con .info {display: block;}
	.support_con .info .desc {width: 100%; margin-right: 0; margin-bottom: 50px;}
	.support_con .info .left a {margin-top: 0;margin-bottom: 50px;}
	.support_slide_area2 {width: 90% !important;}/* 2024-12-19 710->90% */
	.support_slide_area2 .swiper-button-next {right: 15px; width: 30px; height: 30px; margin-top: 0;}
	.support_slide_area2 .swiper-button-prev {left: 15px; width: 30px; height: 30px; margin-top: 0;}

	.support_con .info .detail2 .app {display: block; width: 100%; height: 168px;  background: url(../images/phone-img.png)no-repeat #F7F0E8; background-position: right 60px center; border-radius: 15px; margin-top: 30px; border-radius: 15px; overflow: hidden; position: relative; padding: 64px 60px;}
	.support_con .info .detail2 .app .btn_type1 {width: 175px; background: #fff; text-align: left; padding: 0 16px;}
	.support_con .info .detail2 .app .btn_type1 span {position: relative; padding-left: 22px;}
	.support_con .info .detail2 .app .btn_type1 span::before {content: ""; background: url(../images/ico-apple.svg) no-repeat; width: 18px; height: 18px; display: block; position: absolute; top: 2px; left: 0;}
	.support_con .info .detail2 .app .btn_type1:last-of-type {width: 202px; margin-left: 5px;}
	.support_con .info .detail2 .app .btn_type1:last-of-type span::before {content: ""; background: url(../images/ico-play.svg) no-repeat; width: 18px; height: 18px; display: block; position: absolute; top: 3px; left: 0;}
	/* 2024-12-19,2025-08-04 */
	.support_slide_area2 .swiper-slide {width:calc(50% - 10px) !important; height: 535px; margin-right: 20px;}
	.support_slide_area2 .swiper-slide:last-of-type{margin-right: 0 !important;}
	/* //2024-12-19,2025-08-04 */
	/* 2023-12-07 이중언어 개편 */
	.multi_lang .sub_con {margin: 60px auto 200px;}
	.multi_lang .form_input_con{margin-top: 100px;}
	.multi_lang .list_num {margin: 50px 0 20px;}
	/* // 2023-12-07 이중언어 개편 */
}


@media screen and (max-width: 768px) {
	.fur_txt {margin-top: 50px;}
	.fur_txt .high_txt {font-size: 20px; line-height: 30px; padding-bottom: 20px;}

	/* .sub_visual .fur_txt.no_br br {display: none;} */

	.support_slide_area .swiper-pagination {bottom: 12px;}
	.support_slide_area .swiper-pagination-bullet {width: 10px; height: 10px; margin: 0 4px;}

	.support_slide_area .swiper-button-next {width: 24px; height: 24px; margin-top: -12px; right: 17px;}
	.support_slide_area .swiper-button-prev {width: 24px; height: 24px; margin-top: -12px; left: 17px;}

	.support_con .info {margin: 40px auto 60px;}
	/* 2025-01-23 */
	.support_con .info .left a {width: 185px; height: 38px; margin-top: 20px; margin-bottom: 0; padding: 7px 0; text-align: center;}
	.support_con .info .left a span{padding-right: 25px; background: url('../images/icon-gohp.svg') no-repeat right center; background-size: 12px; color: #043B72; font-size: 14px;}
	/* // 2025-01-23 */
	.support_con .info .desc {margin-bottom: 0;}
	.support_con .info .detail  {text-align: center; margin-top: 20px;}/* 2023-09-01, 2025-08-04 추가 */
	.support_con .info .detail dl {margin-bottom: 16px; text-align: left;}
	.support_con .info .detail dl:last-of-type {margin-bottom: 20px;}
	.support_con .info .detail dl dt {width: 115px;}
	.support_con .info .detail dl dd {width: calc(100% - 115px);}
	.support_con .info .detail > a {margin: 50px auto 0;}/* 2023-09-01 추가 */


	.support_con .info .detail2  {text-align: center; margin-top: 20px;} /* 2025-08-04 */
	.support_con .info .detail2 > dl {margin-bottom: 24px; text-align: left; padding-left: 56px;}
	.support_con .info .detail2 > dl:nth-of-type(4) {margin-bottom: 40px; padding-bottom: 40px;}

	.support_con .info .detail2 > dl:nth-of-type(1)::before {content: ""; width: 40px; height: 40px; background: url(../images/ico-global1.svg); display: inline-block; position: absolute; left: 0; top: 2px; transform: translateY(0); background-size: cover;}
	.support_con .info .detail2 > dl:nth-of-type(2)::before {content: ""; width: 40px; height: 40px; background: url(../images/ico-global2.svg); display: inline-block; position: absolute; left: 0; top: 2px; transform: translateY(0); background-size: cover;}
	.support_con .info .detail2 > dl:nth-of-type(3)::before {content: ""; width: 40px; height: 40px; background: url(../images/ico-global3.svg); display: inline-block; position: absolute; left: 0; top: 2px; transform: translateY(0); background-size: cover;}
	.support_con .info .detail2 > dl:nth-of-type(4)::before {content: ""; width: 40px; height: 40px; background: url(../images/ico-global4.svg); display: inline-block; position: absolute; left: 0; top: 2px; background-size: cover;}



	.support_con .info .detail2 > dl dt {margin-bottom: 0;}
	.support_con .info .detail2 > a {margin: 50px auto 0;}

	.support_con .info .detail2 .app {padding: 40px 20px; background-position: right 0 center;}
	.support_con .info .detail2 .app .btn_type1 {display: block; width: 160px;}
	.support_con .info .detail2 .app .btn_type1:last-of-type {margin-left: 0; margin-top: 8px; width: 185px;}
	.support_con .info .detail2 .app .btn_type1 span::before {top: 0;}
	.support_con .info .detail2 .app .btn_type1:last-of-type span::before {top: 0;}


	.card_area {padding: 60px 0 160px; position: relative; margin-bottom: -100px;}
	.support_slide_area2 { width: 100% !important; margin-left: 20px;} /*2025-08-04*/
	.support_slide_area2 .swiper-wrapper {width: 100%;}
	.support_slide_area2 .swiper-slide {width: calc(100% - 40px) !important; height: auto; border-radius: 16px;}
	.support_slide_area2 .swiper-slide .img {width: 100%; height: 55vw; border-radius: 16px 16px 0 0;}
	.support_slide_area2 .swiper-slide .txt {padding: 30px 20px; border-radius: 0 0 16px 16px;}
	.support_slide_area2 .swiper-slide .txt .content_stit {margin-bottom: 12px;}

	.support_slide_area2 .swiper-button-next {display: none;}
	.support_slide_area2 .swiper-button-prev {display: none;}

	/* 2023-12-07 이중언어 개편 */
	.multi_lang .warn_con{flex-direction: column;	padding: 25px 25px;}
	.multi_lang .warn_con figure img{padding-right: 0; padding-bottom: 20px;}
	.multi_lang .warn_con .warn_txt{text-align: center;}
	.multi_lang .sub_con {margin: 50px auto 0;}
	.multi_lang .form_input_con{margin-top: 50px;}
	.multi_lang .list_card_type3 .docu .img .hover{top:75%; padding-left: 40px;}
	.multi_lang .list_card_type3 .docu .img .hover a{font-size: 16px;}
	.multi_lang .list_card_type3 .docu .txt a {top: 82%; padding-left: 40px;}
	.multi_lang .list_card_type3 .docu .txt a::after{font-size: 16px;}
	.multi_lang .list_card_type3 .docu .txt p {padding-left: 40px; font-size: 20px;}
	/* // 2023-12-07 이중언어 개편 */
}

@media screen and (max-width: 500px) {
	.support_slide_area .swiper-slide {position: relative; height: 200px;}
	.support_slide_area .swiper-slide img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%; width: auto;}
	.support_slide_area .swiper-slide-active {z-index: 5;}

	/* 2023-12-07 이중언어 개편 */
	.multi_lang .list_card_type3 .docu .img .hover{top:70%; padding-left: 20px;}
	.multi_lang .list_card_type3 .docu .txt {margin-top: 10px;}
	.multi_lang .list_card_type3 .docu .txt a {top: 82%; padding-left: 20px;}
	.multi_lang .list_card_type3 .docu .txt p {padding-left: 20px; font-size: 16px;}
	.multi_lang .list_card_type3 .docu .img .hover a{font-size: 13px;}
	.multi_lang .list_card_type3 .docu .txt a::after{font-size: 13px;}
	/* // 2023-12-07 이중언어 개편 */
}




/* 미래세대지원 - 사업안내 */
.support_sec1 {text-align: center; position: relative; padding-bottom: 327px;}
.support_sec1 .copy p {opacity: 0; transform: translateY(50px); transition-duration: 0.7s;}
.support_sec1 .copy p:nth-of-type(2) {margin-top: 30px; color: #444; transition-delay: 0.3s;}
.support_sec1 .copy.active p {opacity: 1; transform: translateY(0);}
.support_sec1 .copy.scroll_motion.init p:nth-of-type(1){transform: translateY(100px); transition-duration: unset; opacity: 0; animation:fadeUp 0.8s forwards;}
.support_sec1 .copy.scroll_motion.init p:nth-of-type(2){transform: translateY(100px); transition-duration: unset; opacity: 0; animation:fadeUp 0.8s forwards; animation-delay: 0.2s;}


.support_sec1 .txt_ani {margin-top: 200px;}
.support_sec1 .txt_ani p {opacity: 0; transform: translateY(50px); transition-duration: 0.7s; color: #043B72;}
.support_sec1 .txt_ani p:nth-of-type(2) {margin: 40px 0 40px; transition-delay: 0.3s;}
.support_sec1 .txt_ani p:nth-of-type(3) {transition-delay: 0.5s;}
.support_sec1 .txt_ani.active p {opacity: 1; transform: translateY(0);}
.support_sec1 .img > div {position: absolute;}
.support_sec1 .img > div > div {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0; height: 0; transition-duration: 0.5s; overflow: hidden; border-radius: 50%; transition-timing-function: ease-out;}
.support_sec1 .img > div > div img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.support_sec1 .img > div.one1 {top: 233px; left: 110px; width: 18vw; height: 18vw;}
.support_sec1 .img > div.one1 > div {transition-delay: 0.2s;}
.support_sec1 .img > div.one2 {top: 141px; right: 70px; width: 26vw; height: 26vw;}
.support_sec1 .img > div.one3 {top: 643px; left: 20vw; width: 12vw; height: 12vw;}
.support_sec1 .img > div.one4 {top: 855px; right: 370px; width: 11vw; height: 11vw;}
.support_sec1 .img > div.active > div {width: 100%; height: 100%;}






.support_sec2 {background: url(../images/support-sec2-bg.jpg) no-repeat; background-size: cover; background-position: center; padding: 180px 0 125px; color: #fff;}
.support_sec2 .top {display: flex; justify-content: space-between; margin-bottom: 206px;}
.support_sec2 .top .left p:first-of-type {color: #fff;}
.support_sec2 .top .right p:first-of-type {color: #fff;}
.support_sec2 .top .right p:last-of-type {font-size: 32px; font-family: "spoqa_medium";}
.support_sec2 .top .right p:last-of-type span {font-size: 110px; font-family: "spoqa_bold"; padding-right: 10px;}
/* 2025-08-04 */
.support_sec2 .bottom dl {margin: 0 40px 55px 0; display: inline-block; min-width: 163px; opacity: 0; transform: translateY(50px); transition-duration: 0.7s;}
.support_sec2 .bottom dl:nth-of-type(1):before {content: ""; background: url(../images/ico-support-intro1.svg); background-size: cover; width: 36px; height: 36px; display: inline-block; margin-bottom: 14px;}
.support_sec2 .bottom dl:nth-of-type(2):before {content: ""; background: url(../images/ico-support-intro7.svg); background-size: cover; width: 36px; height: 36px; display: inline-block; margin-bottom: 14px;}
.support_sec2 .bottom dl:nth-of-type(3):before {content: ""; background: url(../images/ico-support-intro2.svg); background-size: cover; width: 36px; height: 36px; display: inline-block; margin-bottom: 14px;}
.support_sec2 .bottom dl:nth-of-type(4):before {content: ""; background: url(../images/ico-support-intro3.svg); background-size: cover; width: 36px; height: 36px; display: inline-block; margin-bottom: 14px;}
.support_sec2 .bottom dl:nth-of-type(5):before {content: ""; background: url(../images/ico-support-intro4.svg); background-size: cover; width: 36px; height: 36px; display: inline-block; margin-bottom: 14px;}
.support_sec2 .bottom dl:nth-of-type(6):before {content: ""; background: url(../images/ico-support-intro5.svg); background-size: cover; width: 36px; height: 36px; display: inline-block; margin-bottom: 14px;}
.support_sec2 .bottom dl:nth-of-type(7):before {content: ""; background: url(../images/ico-support-intro6.svg); background-size: cover; width: 36px; height: 36px; display: inline-block; margin-bottom: 14px;}
/* // 2025-08-04 */
.support_sec2 .bottom dl dt {font-size: 16px;}
.support_sec2 .bottom dl dd {font-family: "spoqa_bold"; }
.support_sec2 .bottom dl dd span {font-size: 48px; padding-right: 8px;}
.support_sec2 .top .left {opacity: 0; transform: translateY(50px); transition-duration: 0.7s;}
.support_sec2 .top .right {opacity: 0; transform: translateY(50px); transition-duration: 0.7s; transition-delay: 0.3s;}
.support_sec2 .top.active .left {opacity: 1; transform: translateY(0);}
.support_sec2 .top.active .right {opacity: 1; transform: translateY(0);}
.support_sec2 .bottom dl:nth-of-type(2) {transition-delay: 0.3s;}
.support_sec2 .bottom dl:nth-of-type(3) {transition-delay: 0.4s;}
.support_sec2 .bottom dl:nth-of-type(4) {transition-delay: 0.7s;}
.support_sec2 .bottom dl:nth-of-type(5) {transition-delay: 0.8s;}
.support_sec2 .bottom dl:nth-of-type(6) {transition-delay: 0.9s;}
.support_sec2 .bottom dl:nth-of-type(7) {transition-delay: 1.1s;}/* 2025-08-04 */
.support_sec2 .bottom.active dl {opacity: 1; transform: translateY(0);}

.support_sec3 {padding: 180px 0; position: relative; overflow: hidden;}
.support_sec3::after {content: ""; width: 100%; min-height: 1800px; background: #F7F0E8; display: inline-block; position: absolute; top: 0; left: 0; z-index: -2;}
.support_sec3 > p {text-align: center; color: #043B72; margin-bottom: 80px;}
.support_sec3 > div {position: relative;}
.support_sec3 a {border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; padding: 60px 0; overflow: hidden; width: 100%;}
.support_sec3 a:first-of-type {border-top: 1px solid #ddd; }
.support_sec3 a p:first-of-type {width: 375px; margin-right: 80px; transition: all 0.2s;}
.support_sec3 a p:first-of-type + * {margin-top: 0;}
.support_sec3 a:hover p:first-of-type {color: #F58220;}
.support_sec3 a p:nth-of-type(2) {width: 600px; word-break: keep-all; color: #444;}
.support_sec3 a p:nth-of-type(2) span {font-family: "spoqa_bold"; display: block; padding-bottom: 10px; color: #222; letter-spacing: -.04em;}
.support_sec3 a .thumb {position: absolute; top: 50%; left: 50%; border-radius: 50%; overflow: hidden; width: 340px; height: 340px; opacity: 0.75; transform: translate(-50%, -50%); z-index: -1;}
.support_sec3 a .thumb span {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0; height: 0; transition-duration: 0.3s; overflow: hidden; border-radius: 50%; transition-timing-function: ease-out; display: inline-block;}
.support_sec3 a .thumb span img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.support_sec3 a.on .thumb span {width: 100%; height: 100%;}
.support_sec3 a div.go {width: calc(100% - 1040px); height: 64px; display: inline-block; position: relative;}
.support_sec3 a div.go span {position: absolute; top: 0; right: 0; transition: all 0.3s;}
.support_sec3 a div.go .none {transform: translateY(0) scale(1); opacity: 1;}
.support_sec3 a div.go .on {transform: scale(0); opacity: 0;}
.support_sec3 a.on div.go .none {transform: translateY(20px) scale(0); opacity: 0;}
.support_sec3 a.on div.go .on {transform: scale(1); opacity: 1;}

.support_sec4 {padding: 180px 0 0;}
.support_sec4 .mypage_con {margin: 80px 0 0;}
.support_sec4 > p {text-align: center; color: #043B72;}

@media screen and (max-width: 1500px) {
	.support_sec2 .top.active .left {width: 40%; word-break: keep-all;}
	.support_sec3 a p:first-of-type {margin-right: 0; width: 340px;}
	.support_sec3 a p:nth-of-type(2) { width: 500px;}
}

@media screen and (max-width: 1024px) {
	.support_sec1 {padding-bottom: 200px;}
	.support_sec1 .txt_ani {margin-top: 150px;}
	.support_sec1 .img > div.one1 {top: 420px; left: 5%; width: 20vw; height: 20vw;}
	.support_sec1 .img > div.one2 {right: 2%; width: 28vw; height: 28vw;}
	.support_sec1 .img > div.one3 {top: 650px; left: 16%; width: 15vw; height: 15vw;}
	.support_sec1 .img > div.one4 {top: 740px; right: 16%; width: 18vw; height: 18vw;}

	.support_sec2 {background: url(../images/support-sec2-bg2.jpg) no-repeat; background-size: cover; background-position: right;}
	.support_sec2 .top {display: block; margin-bottom: 100px;}
	.support_sec2 .top.active .left {width: 100%;}
	.support_sec2 .top .right {margin-top: 80px;}

	.support_sec3 a {display: block; position: relative; padding: 30px 0;}
	.support_sec3 a p:first-of-type {width: 100%; padding-left: 105px; word-break: keep-all;}
	.support_sec3 a p:nth-of-type(2) {width: 100%; margin-top: 12px; padding-left: 105px; word-break: keep-all;}
	.support_sec3 a .thumb {opacity: 1; width: 80px; height: 80px; top: 30px !important; left: 0 !important; transform: translate(0);}
	.support_sec3 a .thumb span {width: 100%; height: 100%;}
	.support_sec3 a div.go {display: none;}
}


@media screen and (max-width: 768px) {
	.support_sec1 {padding-bottom: 140px;}
	.support_sec1 .copy {padding: 0 4%; word-break: keep-all;}
	.support_sec1 .copy p:nth-of-type(2) {margin-top: 20px;}
	.support_sec1 .txt_ani {margin-top: 100px;}
	.support_sec1 .txt_ani p:nth-of-type(2) {margin: 20px 0 20px;}
	.support_sec1 .img > div.one1 {top: 320px; left: -5%; width: 20vw; height: 20vw;}
	.support_sec1 .img > div.one2 {top: 120px; right: -7%;}
	.support_sec1 .img > div.one3 {top: 450px; left: 16%; width: 15vw; height: 15vw;}
	.support_sec1 .img > div.one4 {top: 500px; right: 16%; width: 18vw; height: 18vw;}

	.support_sec1 .txt_ani.init p:nth-of-type(1){transform: translateY(100px); transition-duration: unset; opacity: 0; animation:fadeUp 0.8s forwards; animation-delay: 0.3s;}
	.support_sec1 .txt_ani.init p:nth-of-type(2){transform: translateY(100px); transition-duration: unset; opacity: 0; animation:fadeUp 0.8s forwards; animation-delay: 0.4s;}
	.support_sec1 .txt_ani.init p:nth-of-type(3){transform: translateY(100px); transition-duration: unset; opacity: 0; animation:fadeUp 0.8s forwards; animation-delay: 0.5s;}

	.support_sec1 .img > div.one1.init > div {transition-duration: unset; animation:scaleUp 0.8s forwards; animation-delay: 0.6s;}
	.support_sec1 .img > div.one2.init > div {transition-duration: unset; animation:scaleUp 0.8s forwards; animation-delay: 0.7s;}
	.support_sec1 .img > div.one3.init > div {transition-duration: unset; animation:scaleUp 0.8s forwards; animation-delay: 0.8s;}
	.support_sec1 .img > div.one4.init > div {transition-duration: unset; animation:scaleUp 0.8s forwards; animation-delay: 0.9s;}


	@keyframes scaleUp {
		0% {width: 0; height: 0;}
		100% {width: 100%; height: 100%;}
	}


	.support_sec2 {padding: 60px 0; word-break: keep-all;}
	.support_sec2 .top {margin-bottom: 40px;}
	.support_sec2 .top .right {margin-top: 40px;}
	.support_sec2 .top .right p:last-of-type {font-size: 14px;}
	.support_sec2 .top .right p:last-of-type span {font-size: 64px; line-height: 74px;}
	.support_sec2 .bottom dl {margin: 0 0 30px 0; min-width: 49%;}
	.support_sec2 .bottom dl:nth-of-type(1)::before {margin-bottom: 10px;}
	.support_sec2 .bottom dl:nth-of-type(2)::before {margin-bottom: 10px;}
	.support_sec2 .bottom dl:nth-of-type(3)::before {margin-bottom: 10px;}
	.support_sec2 .bottom dl:nth-of-type(4)::before {margin-bottom: 10px;}
	.support_sec2 .bottom dl:nth-of-type(5)::before {margin-bottom: 10px;}
	.support_sec2 .bottom dl:nth-of-type(6)::before {margin-bottom: 10px;}
	.support_sec2 .bottom dl dt {font-size: 13px;}
	.support_sec2 .bottom dl dd span {font-size: 32px; line-height: 42px;}
	.support_sec2 .bottom br {display: none;}

	.support_sec3 {padding: 60px 0;}
	.support_sec3 > p {margin-bottom: 30px; padding: 0 4%; word-break: keep-all;}

	.support_sec4 {padding: 60px 0 50px;}
	.support_sec4 .mypage_con {margin: 30px 0 0;}
	.support_sec4 .mypage_con.type2 {height: 215px;}
}


@media screen and (max-width: 500px) {
	.support_sec1 .copy p:nth-of-type(2) br {display: none;}
	.support_sec1 .img > div.one1 {top: 380px; left: -5%; width: 20vw; height: 20vw;}
	.support_sec1 .img > div.one2 {top: 150px; right: -7%;}
	.support_sec1 .img > div.one3 {top: 520px; left: 16%; width: 15vw; height: 15vw; width: 17vw; height: 17vw;}
	.support_sec1 .img > div.one4 {top: 580px; right: 16%; width: 18vw; height: 18vw; width: 20vw; height: 20vw;}
}

/* 2022-11-23 추가 */
/* 미래세대지원 - 이중언어교재 지원 */
.pop_wrap.app_service .pop_content {overflow: initial; text-align: center;}
.pop_wrap.app_service .pop_content .pop_head {position: initial; left: 0; width: 100%; min-height: initial; padding-top: 45px;}
.pop_wrap.app_service .pop_content .pop_head p {width: 100%; float: none;}
.pop_wrap.app_service .pop_content .pop_head p .only_m {display: none;}
.pop_wrap.app_service .pop_content .pop_body {margin: 20px auto 45px;}
.pop_wrap.app_service .pop_content .pop_body .text {margin-right: 0; word-break: keep-all; color: #444;}
.pop_wrap.app_service .pop_content .pop_body .text span {color: #F58220;} /* 2022-11-25 추가 */
.pop_wrap.app_service .pop_content .pop_body .text .only_pc {display: block;}
.pop_wrap.app_service .pop_content .pop_body .sub_notice {margin-top: 35px;}
.pop_wrap.app_service .pop_content .pop_body .sub_notice li {display: flex; margin-bottom: 10px; text-align: left; font-size: 15px; color: #888;}
.pop_wrap.app_service .pop_content .pop_body .sub_notice li:last-of-type {margin-bottom: 0;}
.pop_wrap.app_service .pop_content .pop_body .sub_notice li p:first-of-type {margin-right: 3px; font-weight: bold;}
.pop_wrap.app_service .pop_content .xbt {top: -45px; right: 0;}
.pop_wrap.app_service .pop_content .close_today {position: absolute; left: 0; margin-top: 15px; font-size: 15px; color: #fff;}

@media screen and (max-width: 768px) {
	.pop_wrap.app_service {display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.8);}
	.pop_wrap.app_service .pop_content{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%; height: 400px; min-height: auto;border-radius: 10px;}/* 2023-11-09 추가 */
	.pop_wrap.app_service .pop_content .pop_content_wrap{position: absolute; transform: translateY(-50%); top: 50%; }
	.pop_wrap.app_service .pop_content .pop_head {padding-top: 0px;}/* 2023-11-09 추가 */
	.pop_wrap.app_service .pop_content .pop_head p {font-size: 22px;}
	.pop_wrap.app_service .pop_content .pop_head p .only_m {display: block;}
	/* .pop_wrap.app_service .pop_content {position: initial; width: 90%; height: 60vh; min-height: fit-content; margin: 0 auto; border-radius: 10px;} 2023-01-03 수정, 2023-11-09삭제 */
	.pop_wrap.app_service .pop_content .xbt {top: -35px;}
	.pop_wrap.app_service .pop_content .pop_body {margin: 30px auto 0;}/* 2023-11-09 수정 */
	.pop_wrap.app_service .pop_content .pop_body .text {text-align: left; font-size: 16px;}
	.pop_wrap.app_service .pop_content .pop_body .text .only_pc {display: none;}
	.pop_wrap.app_service .pop_content .pop_body .sub_notice {margin-top: 30px;}
	.pop_wrap.app_service .pop_content .pop_body .sub_notice li, .pop_wrap.app_service .pop_content .close_today {position: absolute; font-size: 14px; bottom: -30px;}/* 2023-11-09 수정 */
}

@media screen and (max-width: 500px){
	.pop_wrap.app_service .pop_content{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%; height: 450px; min-height: auto;border-radius: 10px;}/* 2023-11-09 추가 */
}
/* // 2022-11-23 추가 */



/* 해외교환장학 - 글로벌리포터 */
.content_tit.global {margin-top: 54px;}
.detail_srch {background: #F7F7F7; border-radius: 15px; padding: 30px; width: 100%; height: 100%; text-align: center; margin: 0 0 108px;}
.detail_srch > * {margin: 0 3px;}
.detail_srch .form_select {width: 160px;}
.detail_srch .search_type2 {position: relative; border: 1px solid #ddd; border-radius: 10px; width: 460px; height: 60px; background: #fff; text-align: left;}
.detail_srch .search_type2 input {border: 0; width: 420px; height: 50px; margin-top: 5px;}
.detail_srch .search_type2 input:focus {background: 0; border: 0;}
.detail_srch .search_type2 a {position: absolute; right: 25px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px;}

.global.list_card_type2 a {height: 580px;}
.global.list_card_type2 a .class {font-family: "spoqa_bold"; margin-bottom: 20px;}
.global.list_card_type2 a .tit {color: #043B72;}
.global.list_card_type2 a .writer {margin-top: 20px; color: #444;}

@media screen and (max-width: 1500px) {
	.detail_srch .search_type2 {width: 300px;}
	.detail_srch .search_type2 input {width: 260px;}
}

@media screen and (max-width: 1024px) {
	.detail_srch {position: relative; height: 265px;}
	.detail_srch > * {margin: 0;}
	.detail_srch .form_select {position: absolute;}
	.detail_srch .form_select:nth-of-type(1) {width: 45%; top: 30px; left: 30px;}
	.detail_srch .form_select:nth-of-type(2) {width: 45%; top: 30px; right: 30px;}
	.detail_srch .form_select:nth-of-type(3) {width: calc(100% - 65px); top: 100px; left: 30px;}
	.detail_srch .search_type2 {position: absolute; top: 170px; left: 30px; width: calc(100% - 65px);}
	.detail_srch .search_type2 input {width: calc(100% - 65px);}

	.global.list_card_type2 a {height: 100%;}
	.global.list_card_type2 a .txt {padding: 40px 30px 40px 30px; min-height: 260px;}
	.global.list_card_type2 a .date {position: unset;}
}

@media screen and (max-width: 768px) {
	.content_tit.global {margin-top: 49px;}
	.detail_srch {background: 0; padding: 0; height: 170px; margin-bottom: -78px;}
	.detail_srch .form_select {position: absolute;}
	.detail_srch .form_select:nth-of-type(1) {width: 49%; top: 0; left: 0;}
	.detail_srch .form_select:nth-of-type(2) {width: 49%; top: 0; right: 0;}
	.detail_srch .form_select:nth-of-type(3) {width: 100%; top: 58px; left: 0;}
	.detail_srch .search_type2 {position: absolute; top: 116px; left: 0; width: 100%; height: 50px;}
	.detail_srch .search_type2 input {width: calc(100% - 65px); height: 40px;}
	.detail_srch .search_type2 a {right: 16px;}

	.global.list_card_type2 a .txt {padding: 30px 16px; min-height: none;}
	.global.list_card_type2 a .class {margin-bottom: 12px;}
	.global.list_card_type2 a .writer {margin-top: 12px;}
}

@media screen and (max-width: 500px) {
	.content_tit.global br {display: none; word-break: keep-all;}
}



/* 해외교환장학 - 글로벌리포터 상세 */
.youtube_area .video {height: 640px; width: 100%;}
.youtube_area .video iframe {width: 100%; height: 100%;}
.youtube_area .subtitle {margin: 20px 0 80px; border: 1px solid #ddd; padding: 30px 10px 30px 30px; color: #444;}
.youtube_area .subtitle .for_padding {height: 130px; overflow-y: auto;}
.youtube_area .subtitle .for_padding::-webkit-scrollbar {width: 6px;}
.youtube_area .subtitle .for_padding::-webkit-scrollbar-thumb {background: #ccc; border-radius: 50px;}

@media screen and (max-width: 768px) {
	.youtube_area .video {height: 400px;}
	.youtube_area .subtitle {margin: 12px 0 40px; padding: 20px 8px 20px 20px;}
	.youtube_area .subtitle .for_padding::-webkit-scrollbar {width: 4px;}
}



/* 해외교환장학 - 선발개요 */
/* old */
.selection_img {position: relative; height: 580px; width: 100%; margin-bottom: 120px;}
.selection_img::after {content: ""; background: url(../images/selection-img.jpg); background-position-y: center; background-size: cover; width: 1920px; height: 580px; display: inline-block; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.selection_sec1 dl {display: flex; justify-content: space-between; margin-bottom: 150px;}
.selection_sec1 dl dd {width: 960px; margin-top: 0 !important; color: #444;}
.selection_sec1 dl dd.for_flex {display: flex; justify-content: space-between;}
.selection_sec1 dl dd .card {width: 460px; background: #F7F7F7; border-radius: 10px; padding: 50px;}
.selection_sec1 dl dd .card div {margin-top: 40px; display: flex; }
.selection_sec1 dl dd .card div p:nth-of-type(1) {margin-right: 80px;}
.selection_sec1 dl dd .card div p span {display: block; font-family: "spoqa_bold"; }
.selection_sec1 dl dd.for_tab p {margin-bottom: 50px;}
.selection_sec1 dl dd .info_list .box {border: 1px solid #ddd; padding: 40px 10px 40px 50px; display: none; word-break: keep-all;}
.selection_sec1 dl dd .info_list .box.on {display: block;}
.selection_sec1 dl dd .info_list .box .for_padding {overflow-y: auto; height: 320px; }
.selection_sec1 dl dd .info_list .box .for_padding::-webkit-scrollbar {width: 6px;}
.selection_sec1 dl dd .info_list .box .for_padding::-webkit-scrollbar-thumb {background: #ccc; border-radius: 50px;}

.selection_sec2 {position: relative; padding: 150px 0;}
.selection_sec2::after {content: ""; width: 1920px; height: 640px; display: block; background: #F7F0E8; position: absolute; top: 0; left: 50%; transform: translate(-50%); z-index: -1;}
.selection_sec2 .content_tit {margin-bottom: 50px;}
.selection_sec2 ol {display: flex; justify-content: space-between;}
.selection_sec2 ol li {width: 250px; height: 250px; background: #fff; border-radius: 50%; text-align: center; position: relative; overflow: hidden;}
.selection_sec2 ol li .txt_pack .content_stit {color: #F58220; margin-bottom: 30px; padding-top: 70px;}
.selection_sec2 ol li svg {position: absolute; top: 0; left: 0; width: 250px; height: 250px; transform: rotateZ(-90deg);}
.selection_sec2 ol li .path1 {stroke-dasharray: 785; stroke-dashoffset: 785; transition-duration: 1s; transition-delay: 0.4s;}
.selection_sec2.active ol li:nth-child(1) .path1 {stroke-dashoffset: 628;}
.selection_sec2.active ol li:nth-child(2) .path1 {stroke-dashoffset: 471;}
.selection_sec2.active ol li:nth-child(3) .path1 {stroke-dashoffset: 314;}
.selection_sec2.active ol li:nth-child(4) .path1 {stroke-dashoffset: 157;}
.selection_sec2.active ol li:nth-child(5) .path1 {stroke-dashoffset: 0;}

.selection_sec3 {margin-top: 150px;}
.selection_sec3 .img {background: url(../images/selection-img2.jpg); background-position: center; background-size: cover; width: 100%; height: 580px;}
.selection_sec3 dl {display: flex; justify-content: space-between; margin-top: 100px;}
.selection_sec3 dl dd {width: 830px; margin-top: 0 !important; color: #444;}
.selection_sec3 .btn_wrap {text-align: left; margin-top: 60px;}

/* .selection_sec4 {margin-top: 150px;} */
.selection_sec4 .faq li {border-bottom: 1px solid #ddd; padding: 40px 30px; position: relative;}
.selection_sec4 .faq li::after {content: ""; display: block; position: absolute; top: 49px; right: 40px; width: 24px; height: 24px; background: url('../images/accordion-arrow.svg') no-repeat 0 0; transition-duration: 0.3s; transition-property: transform; z-index: -1;}
.selection_sec4 .faq li.on::after {transform: rotate(-180deg);}
.selection_sec4 .faq li.on a p:first-of-type {color: #F58220;}
.selection_sec4 .faq li:first-of-type {border-top: 1px solid #ddd;}
.selection_sec4 .faq li a {display: flex; width: 100%; font-family: "spoqa_bold"; font-size: 24px;	color: #222;	line-height: 34px; align-items: flex-start;}
.selection_sec4 .faq li a p:first-of-type {margin-right: 40px; transition-duration: 0.3s;}
.selection_sec4 .faq li a p:first-of-type.top {border: 1px solid #043B72; border-radius: 20px; display: inline-block; padding: 4px 12px; color: #043B72; margin-right: 40px; font-size: 16px; line-height: 26px;}
.selection_sec4 .faq li a p:last-of-type {width: calc(100% - 150px);}
.selection_sec4 .faq li .answer {padding-top: 24px; color: #444; margin-left: 60px; width: calc(100% - 120px); word-break: keep-all; display: none;}
.selection_sec4 .faq li .answer.for_margin {margin-left: 100px; width: calc(100% - 160px);}


@media screen and (max-width: 1500px) {
	.selection_sec1 dl dd {width: 750px;}
	.selection_sec1 dl dd .card {width: 360px;}
	.selection_sec1 dl dd .card div p {width: 100px;}
	.selection_sec1 dl dd .card div p:nth-of-type(1) {margin-right: 30px;}

	.selection_sec2::after {content: ""; width: 1920px; height: 895px; display: block; background: #F7F0E8; position: absolute; top: 0; left: 50%; transform: translate(-50%); z-index: -1;}
	.selection_sec2 ol {flex-wrap: wrap; justify-content: center;}
	.selection_sec2 ol li {margin: 0 20px;}

	.selection_sec3 dl dd {width: 500px;}
}

@media screen and (max-width: 1280px) {
	.selection_sec2 ol li {width: 220px; height: 220px;}
	.selection_sec2 ol li svg {width: 220px; height: 220px;}
	.selection_sec2 ol li .path1 {stroke-dasharray: 690.8; stroke-dashoffset: 690.8;}
	.selection_sec2.active ol li:nth-child(1) .path1 {stroke-dashoffset: 552.64;}
	.selection_sec2.active ol li:nth-child(2) .path1 {stroke-dashoffset: 421.84;}
	.selection_sec2.active ol li:nth-child(3) .path1 {stroke-dashoffset: 283.68;}
	.selection_sec2.active ol li:nth-child(4) .path1 {stroke-dashoffset: 138.16;}
	.selection_sec2 ol li .txt_pack .content_stit {margin-bottom: 10px;}
}

@media screen and (max-width: 1024px) {
	.selection_img {height: 350px;}
	.selection_img::after {height: 350px;}

	.selection_sec1 dl {display: block; margin-bottom: 100px;}
	.selection_sec1 dl dd {width: 100%; margin-top: 20px !important;}
	.selection_sec1 dl dd.for_flex {display: block;}
	.selection_sec1 dl dd .card {width: 100%; padding: 30px;}
	.selection_sec1 dl dd .card:first-of-type {margin-bottom: 20px;}
	.selection_sec1 dl dd .card div {margin-top: 20px;}
	.selection_sec1 dl dd .card div p {width: 50%;}
	.selection_sec1 dl dd .card div p:nth-of-type(1) {margin-right: 20px;}

	.selection_sec2 {padding: 100px 0;}
	.selection_sec2::after {content: ""; width: 1920px; height: 765px; display: block; background: #F7F0E8; position: absolute; top: 0; left: 50%; transform: translate(-50%); z-index: -1;}
	.selection_sec2 ol li {margin: 5px;}
}

@media screen and (max-width: 768px) {
	.selection_img {margin-bottom: 60px;}

	.selection_sec1 dl {margin-bottom: 60px;}
	.selection_sec1 dl dd.for_tab p {word-break: keep-all; margin-bottom: 40px;}
	.selection_sec1 dl dd .info_list .box {padding: 30px 5px 30px 30px;}
	.selection_sec1 dl dd .info_list .box .for_padding {height: 240px; padding-right: 20px;}
	.selection_sec1 dl dd .info_list .box .for_padding::-webkit-scrollbar {width: 4px;}

	.selection_sec2 {padding: 60px 0;}
	.selection_sec2::after {content: ""; width: 1920px; height: 675px; display: block; background: #F7F0E8; position: absolute; top: 0; left: 50%; transform: translate(-50%); z-index: -1;}
	.selection_sec2 .content_tit {margin-bottom: 30px;}
	.selection_sec2 ol {justify-content: space-between; width: 320px;}
	.selection_sec2 ol li {width: 154px; height: 154px; margin: 0; margin-bottom: 10px;}
	.selection_sec2 ol li svg {width: 154px; height: 154px;}
	.selection_sec2 ol li .path1 {stroke-dasharray: 439.6; stroke-dashoffset: 439.6;}
	.selection_sec2.active ol li:nth-child(1) .path1 {stroke-dashoffset: 341.68;}
	.selection_sec2.active ol li:nth-child(2) .path1 {stroke-dashoffset: 253.76;}
	.selection_sec2.active ol li:nth-child(3) .path1 {stroke-dashoffset: 165.84;}
	.selection_sec2.active ol li:nth-child(4) .path1 {stroke-dashoffset: 87.92;}
	.selection_sec2 ol li .txt_pack .content_stit {padding-top: 40px;}

	.selection_sec3 {margin-top: 60px;}
	.selection_sec3 .img {background: url(../images/selection-img2-m.jpg); background-position: center; background-size: cover; width: 100%; height: 200px;}
	.selection_sec3 dl {display: block; margin-top: 60px;}
	.selection_sec3 dl dd {width: 100%; margin-top: 20px !important; word-break: keep-all;}
	.selection_sec3 .btn_wrap {margin-top: 20px;}

	/* .selection_sec4 {margin-top: 60px;} */
	.selection_sec4 .faq li {padding: 22px 22px 22px 10px;}
	.selection_sec4 .faq li::after {top: 28px; right: 3%; width: 16px; height: 16px; background: url('../images/accordion-arrow.svg') no-repeat 0 0; background-size: 100%;}
	.selection_sec4 .faq li a {font-size: 16px; line-height: 26px; word-break: keep-all;}
	.selection_sec4 .faq li a p:first-of-type {margin-right: 20px;}
	.selection_sec4 .faq li a p:first-of-type.top {margin-right: 16px; font-size: 13px; line-height: 23px;}
	.selection_sec4 .faq li a p:last-of-type {width: calc(100% - 100px);}
	.selection_sec4 .faq li .answer {padding-top: 18px; color: #444; margin-left: 32px; width: calc(100% - 65px);}
	.selection_sec4 .faq li .answer.for_margin {margin-left: 68px; width: calc(100% - 105px);}
}

@media screen and (max-width: 500px) {
	.selection_sec2::after {content: ""; width: 1920px; height: 630px; display: block; background: #F7F0E8; position: absolute; top: 0; left: 50%; transform: translate(-50%); z-index: -1;}
	.selection_sec2 ol {width: 290px;}
	.selection_sec2 ol li {width: 140px; height: 140px;}
	.selection_sec2 ol li svg {width: 140px; height: 140px;}
}
/* //old */


.faq_sec1 {background: #F7F7F7; position: relative; overflow: hidden;}

.faq_sec1 .left {width: 690px; height: 100vh; background: url(../images/faq-fix-img.jpg) no-repeat; background-size: cover; position: absolute; top: 0; left: 0;}
.faq_sec1 .left.fixed_top {position: fixed;}
.faq_sec1 .left.fixed_bot {position: absolute; top: unset; bottom: 0;}

.faq_sec1 .right {padding: 120px 165px 120px 810px;}
.faq_sec1 .right p.content_tit {color: #043B72;}
.faq_sec1 .right .info1 {margin: 80px 0 150px;}
.faq_sec1 .right .info1 p:nth-of-type(2) {margin: 20px 0 30px;}
.faq_sec1 .right .info .desc {display: flex;}
.faq_sec1 .right .info .desc dl {margin-right: 60px; padding-left: 78px; position: relative; color: #444;}
.faq_sec1 .right .info1 .desc dl::before {content: ""; background: url(../images/ico-faq-america.svg) no-repeat; background-size: cover; width: 58px; height: 58px; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.faq_sec1 .right .info1 .desc dl:last-of-type::before {content: ""; background: url(../images/ico-faq-asia.svg) no-repeat; background-size: cover; width: 58px; height: 58px; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.faq_sec1 .right .info1 .desc dl dd {color: #222; font-size: 16px; font-family: "spoqa_bold";}
.faq_sec1 .right .info2 .desc {margin-top: 40px;}
.faq_sec1 .right .info2 .desc dl::before {content: ""; background: url(../images/ico-faq-fall.svg) no-repeat; background-size: cover; width: 58px; height: 58px; display: inline-block; position: absolute; top: 0; left: 0;}
.faq_sec1 .right .info2 .desc dl:last-of-type::before {content: ""; background: url(../images/ico-faq-spring.svg) no-repeat; background-size: cover; width: 58px; height: 58px; display: inline-block; position: absolute; top: 0; left: 0;}
.faq_sec1 .right .info2 .desc dl dt {font-family: "spoqa_bold"; color: #222;}
.faq_sec1 .right .info2 .desc dl dd {font-family: "spoqa_medium"; color: #444;}
.faq_sec1 .right .info2 .desc dl dd p {width: 212px; display: flex; justify-content: space-between; margin-top: 8px;}
.faq_sec1 .right .info2 .desc dl dd p:first-of-type {margin-top: 12px;}

.faq_sec1 .right .info_tab {margin: 150px 0 150px;}
.faq_sec1 .right .info_tab > p {margin-bottom: 30px;}
.faq_sec1 .right .info_tab .info_list .box {border: 1px solid #ddd; background: #fff; width: 835px; height: 400px; padding: 40px 10px 40px 50px; display: none; word-break: keep-all;}
.faq_sec1 .right .info_tab .info_list .box .for_padding { overflow-y: auto; height: 100%; }
.faq_sec1 .right .info_tab .info_list .box .for_padding::-webkit-scrollbar {width: 6px;}
.faq_sec1 .right .info_tab .info_list .box .for_padding::-webkit-scrollbar-thumb {background: #ccc; border-radius: 50px;}
.faq_sec1 .right .info_tab .info_list .box.on {display: block;}

/* .faq_sec1 .right .info_procedure {border: 1px solid red;} */
.faq_sec1 .right .info_procedure > p {margin-bottom: 30px;}
.faq_sec1 .right .info_procedure ol {display: flex; justify-content: space-between; width: 835px;}
.faq_sec1 .right .info_procedure ol li {width: 186px; height: 186px; text-align: center; border-radius: 50%; padding-top: 80px; position: relative; background: #fff; overflow: hidden;}
.faq_sec1 .right .info_procedure ol li:first-of-type::before {content: ""; background: url(../images/ico-procedure1.svg) no-repeat !important; background-size: cover; width: 36px; height: 36px; display: inline-block; position: absolute; top: 40px; left: 50%; transform: translateX(-50%);}
.faq_sec1 .right .info_procedure ol li:nth-of-type(2)::before {content: ""; background: url(../images/ico-procedure2.svg) no-repeat !important; background-size: cover; width: 36px; height: 36px; display: inline-block; position: absolute; top: 40px; left: 50%; transform: translateX(-50%);}
.faq_sec1 .right .info_procedure ol li:nth-of-type(3)::before {content: ""; background: url(../images/ico-procedure3.svg) no-repeat !important; background-size: cover; width: 36px; height: 36px; display: inline-block; position: absolute; top: 40px; left: 50%; transform: translateX(-50%);}
.faq_sec1 .right .info_procedure ol li:nth-of-type(4)::before {content: ""; background: url(../images/ico-procedure4.svg) no-repeat !important; background-size: cover; width: 36px; height: 36px; display: inline-block; position: absolute; top: 40px; left: 50%; transform: translateX(-50%);}

.faq_sec1 .right .info_procedure ol li p:first-of-type {font-family: "spoqa_bold";}
.faq_sec1 .right .info_procedure ol li svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(-90deg); width: 186px !important; height: 186px !important;}
.faq_sec1 .right .info_procedure ol li .path1 {stroke-dasharray: 584; stroke-dashoffset: 548; transition-duration: 1s;}
.faq_sec1 .right .info_procedure.active ol li:nth-child(1) .path1 {stroke-dashoffset: 438;}
.faq_sec1 .right .info_procedure.active ol li:nth-child(2) .path1 {stroke-dashoffset: 292;}
.faq_sec1 .right .info_procedure.active ol li:nth-child(3) .path1 {stroke-dashoffset: 146;}
.faq_sec1 .right .info_procedure.active ol li:nth-child(4) .path1 {stroke-dashoffset: 0;}

.faq_dev {margin-top: 150px;}

.faq_banner .img {background: url(../images/faq-banner.jpg) no-repeat center center; background-size: cover;}
.faq_banner .content_tit {color: #fff;}
.faq_banner a.sub {margin-right: 12px;}
.faq_banner a.sub span {color: #fff;}

.faq_area {margin-top: 150px;}
.faq_area .list {display: none;}
.faq_area .list.on {display: block;}

.faq_area .btn_wrap {margin-top: 80px; margin-bottom: 200px;}
.faq_area .content_tit {margin-bottom: 30px;}


@media screen and (min-width: 1920px) {
	.faq_sec1 .left {width: 850px; height: 100vh; background: url(../images/faq-fix-img.jpg) no-repeat; background-size: cover; position: absolute; top: 0; left: 0;}
	.faq_sec1 .right {padding: 120px 165px 120px 1020px;}
}

@media screen and (max-width: 1700px) {
	.faq_sec1 .right {padding: 120px 165px 120px 750px;}
}

@media screen and (max-width: 1600px) {
	.faq_sec1 .right {padding: 120px 60px 120px 750px;}
	.faq_sec1 .right .info_tab .info_list .box {width: 660px;}
	.faq_sec1 .right .info_procedure ol {width: 400px; flex-wrap: wrap; margin: auto;}
	.faq_sec1 .right .info_procedure ol li:nth-of-type(1), .faq_sec1 .right .info_procedure ol li:nth-of-type(2) {margin-bottom: 20px;}
}

@media screen and (max-width: 1500px) {
	.faq_sec1 .left {position: unset; width: 100%; background: url(../images/faq-fix-img-t.jpg) no-repeat; background-size: cover; background-position: center; height: 400px;}
	.faq_sec1 .left.fixed_top {position: unset;}
	.faq_sec1 .left.fixed_bot {position: unset;}
	.faq_sec1 .right {padding: 80px 0; width: 1000px; margin: 0 auto;}
}

@media screen and (max-width: 1024px) {
	.faq_sec1 .right {width: 90%;}
	.faq_banner {width: 120% !important; margin-top: 100px;}
	.faq_banner .txt_pack {width: 70%;}

	.faq_area {margin-top: 100px;}
}

@media screen and (max-width: 768px) {
	.faq_sec1 .left {height: 300px;}
	.faq_sec1 .right {padding: 40px 0;}
	.faq_sec1 .right .info1 {margin: 60px 0;}
	.faq_sec1 .right .info1 .desc dl {padding-left: 60px; margin-right: 35px;}
	.faq_sec1 .right .info1 .desc dl:last-of-type {margin-right: 0;}
	.faq_sec1 .right .info1 .desc dl::before {content: ""; background: url(../images/ico-faq-america.svg) no-repeat; background-size: cover; width: 48px; height: 48px; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
	.faq_sec1 .right .info1 .desc dl:last-of-type::before {content: ""; background: url(../images/ico-faq-asia.svg) no-repeat; background-size: cover; width: 48px; height: 48px; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
	.faq_sec1 .right .info1 .desc dl dd {font-size: 13px;}
	.faq_sec1 .right .info1 .desc dl dd .content_tit {font-size: 24px;}

	.faq_sec1 .right .info2 .desc {margin-top: 22px; display: block;}
	.faq_sec1 .right .info2 .desc dl {padding-left: 60px;}
	.faq_sec1 .right .info2 .desc dl:first-of-type {margin-bottom: 50px;}
	.faq_sec1 .right .info2 .desc dl::before {content: ""; background: url(../images/ico-faq-fall.svg) no-repeat; background-size: cover; width: 48px; height: 48px; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
	.faq_sec1 .right .info2 .desc dl:last-of-type::before {content: ""; background: url(../images/ico-faq-spring.svg) no-repeat; 	background-size: cover; width: 48px; height: 48px; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
	.faq_sec1 .right .info2 .desc dl dd p {width: 168px;}
	.faq_sec1 .right .info_tab > p {margin-bottom: 20px;}
	.faq_sec1 .right .info_tab {margin: 71px 0 60px;}
	.faq_sec1 .right .info_tab .info_list .box {width: 100%; padding: 30px 15px 30px 30px; height: 300px;}
	.faq_sec1 .right .info_tab .info_list .box .for_padding::-webkit-scrollbar {width: 4px;}

	.faq_sec1 .right .info_procedure ol {width: 328px;}
	.faq_sec1 .right .info_procedure ol li {width: 154px; height: 154px; padding-top: 65px;}
	.faq_sec1 .right .info_procedure ol li:first-of-type::before {content: ""; background: url(../images/ico-procedure1.svg) no-repeat !important; background-size: cover !important; width: 30px; height: 30px; display: inline-block; position: absolute; top: 32px; left: 50%; transform: translateX(-50%);}
	.faq_sec1 .right .info_procedure ol li:nth-of-type(2)::before {content: ""; background: url(../images/ico-procedure2.svg) no-repeat !important; background-size: cover !important; width: 30px; height: 30px; display: inline-block; position: absolute; top: 32px; left: 50%; transform: translateX(-50%);}
	.faq_sec1 .right .info_procedure ol li:nth-of-type(3)::before {content: ""; background: url(../images/ico-procedure3.svg) no-repeat !important; background-size: cover !important; width: 30px; height: 30px; display: inline-block; position: absolute; top: 32px; left: 50%; transform: translateX(-50%);}
	.faq_sec1 .right .info_procedure ol li:nth-of-type(4)::before {content: ""; background: url(../images/ico-procedure4.svg) no-repeat !important; background-size: cover !important; width: 30px; height: 30px; display: inline-block; position: absolute; top: 32px; left: 50%; transform: translateX(-50%);}
	.faq_sec1 .right .info_procedure ol li svg {width: 154px !important; height: 154px !important;}
	.faq_sec1 .right .info_procedure ol li .path1 {stroke-dasharray: 483; stroke-dashoffset: 483; transition-duration: 1s;}
	.faq_sec1 .right .info_procedure.active ol li:nth-child(1) .path1 {stroke-dashoffset: 363;}
	.faq_sec1 .right .info_procedure.active ol li:nth-child(2) .path1 {stroke-dashoffset: 242;}
	.faq_sec1 .right .info_procedure.active ol li:nth-child(3) .path1 {stroke-dashoffset: 121;}
	.faq_sec1 .right .info_procedure.active ol li:nth-child(4) .path1 {stroke-dashoffset: 0;}

	.faq_dev {margin-top: 60px; padding-bottom: 0;}
	.faq_banner::after {content: ""; background: #000; opacity: 0.3; width: 100%; height: 100%; display: block;}
	.faq_banner .txt_pack {z-index: 10;}
	.faq_area {margin-top: 0;}
	.faq_area .btn_wrap {margin-top: 40px; padding-bottom: 80px; margin-bottom: 0;}
}

@media screen and (max-width: 500px) {
	.faq_sec1 .right .info_procedure ol {width: 320px;}
	/* .faq_sec1 .right .info_procedure ol li {width: 140px; height: 140px; padding-top: 60px;} */
	/* .faq_sec1 .right .info_procedure ol li svg {width: 138px !important; height: 138px !important;} */

	.faq_sec1 .left {position: unset; width: 100%; background: url(../images/faq-fix-img-m.png) no-repeat; background-size: cover; background-position: center; height: 230px;}
}


@media screen and (max-width: 350px) {
	.faq_sec1 .right .info_procedure ol {width: 280px;}
	.faq_sec1 .right .info_procedure ol li {width: 130px; height: 130px; padding-top: 60px;}
	.faq_sec1 .right .info_procedure ol li:nth-of-type(1), .faq_sec1 .right .info_procedure ol li:nth-of-type(2) {margin-bottom: 5px;}
	.faq_sec1 .right .info_procedure ol li svg {width: 130px !important; height: 130px !important;}
	.faq_sec1 .right .info_procedure ol li .path1 {stroke-dasharray: 408; stroke-dashoffset: 408; transition-duration: 1s;}
	.faq_sec1 .right .info_procedure ol li:nth-of-type(1), .faq_sec1 .right .info_procedure ol li:nth-of-type(2) {margin-bottom: 20px;}
	.faq_sec1 .right .info_procedure.active ol li:nth-child(1) .path1 {stroke-dashoffset: 312;}
	.faq_sec1 .right .info_procedure.active ol li:nth-child(2) .path1 {stroke-dashoffset: 208;}
	.faq_sec1 .right .info_procedure.active ol li:nth-child(3) .path1 {stroke-dashoffset: 104;}
	.faq_sec1 .right .info_procedure.active ol li:nth-child(4) .path1 {stroke-dashoffset: 0;}
}








@media print{
	.sub_body {height: 100%; overflow: hidden;}
	.pop_wrap {height: 100%;}
	.pop_wrap .pop_content.pop_dona_print {width: 100%; height: 100%; max-height: 100%;}
	.pop_wrap .pop_content .pop_head {display: none;}
	.pop_wrap .pop_content .xbt {display: none;}
	.pop_wrap .pop_content.pop_dona_print .bt_area {display: none;}
	.pop_wrap .pop_content.pop_dona_print .pop_body {max-height: 100%; overflow-y: hidden;}

	.pop_print_area {width: 100%; margin:0; height: 100%;}

	.pop_print_area .pop_print_body {display: flex; justify-content: space-between;}
	.pop_print_area .pop_print_body .inner {width: 100% !important; padding: 0;}
	.pop_print_area .pop_print_body .dona_info {background: #fff; margin-bottom: 0;}
	.pop_print_area .pop_print_body .dona_info.comp .dona_comp_box {display: block; margin-top: 0;}
	.pop_print_area .pop_print_body .dona_info .left {width: 800px; height: 800px; margin: auto;}
	.pop_print_area .pop_print_body .dona_info .left .paper {width: 100%; padding-bottom: 40px;}
	.pop_print_area .pop_print_body .dona_info .left .paper .top {width: 100%; height: 710px; padding: 40px; background: url('../images/dona-paper-bg.jpg') no-repeat center center; background-size: cover;}
	.pop_print_area .pop_print_body .dona_info .inner .left .paper .top .content_tit {left: 40px; bottom: 50px; font-size: 50px; line-height: 70px;}
	.pop_print_area .pop_print_body .dona_info .inner .left .paper .top .logo {top: 30px; right: 30px;}
	.pop_print_area .pop_print_body .dona_info .inner .left .paper .top .logo img {width: 300px;}
	.pop_print_area .pop_print_body .dona_info .left .paper .bot {width: 100%; height: auto; margin-top: 37px; padding: 0 50px; color: #444;}
	.pop_print_area .pop_print_body .dona_info .inner .left .paper .bot .type1 {font-size: 30px;}
	.pop_print_area .pop_print_body .dona_info .inner .left .paper .bot .type2 {font-size: 30px;}
	.pop_print_area .pop_print_body .dona_info.comp .dona_comp_box {margin-top: 0; padding-bottom: 30px;}
	.pop_print_area .pop_print_body .dona_info .right {width: 800px; margin: 150px auto 0;}
	.pop_print_area .pop_print_body .dona_info .inner .right dt {display: none;}
	.pop_print_area .pop_print_body .dona_info .inner .right dd {margin-bottom: 50px;}
	.pop_print_area .pop_print_body .dona_info .inner .right dd .th {font-size: 30px;}
	.pop_print_area .pop_print_body .dona_info .inner .right dd .td {font-size: 30px;}
	.pop_print_area .pop_print_body .dona_info .right .sign {text-align: right; margin-top: 50px; display: flex; align-items: center; justify-content: flex-end;}
	.pop_print_area .pop_print_body .dona_info .right .sign p {padding-top: 30px; font-family: "spoqa_medium"; color: #222; font-size: 27px; line-height: 40px;}
	.pop_print_area .pop_print_body .dona_info .right .txt_type {margin-top: 60px; padding-top: 60px; border-top: 1px solid #ddd; font-size: 30px; line-height: 55px;}

	.dona_info.pop {background: #fff; margin-bottom: 0;}
	.dona_info.pop.comp .dona_comp_box {display: block; margin-top: 0;}
	.dona_info.pop .left {width: 800px; height: 800px; margin: auto;}
	.dona_info.pop .left .paper {width: 100%; padding-bottom: 40px;}
	.dona_info.pop .left .paper .top {width: 100%; height: 710px; padding: 40px; background: url('../images/dona-paper-bg.jpg') no-repeat center center; background-size: cover;}
	.dona_info.pop .inner .left .paper .top .content_tit {left: 40px; bottom: 50px; font-size: 50px; line-height: 70px;}
	.dona_info.pop .inner .left .paper .top .logo {top: 30px; right: 30px;}
	.dona_info.pop .inner .left .paper .top .logo img {width: 300px;}
	.dona_info.pop .left .paper .bot {width: 100%; height: auto; margin-top: 37px; padding: 0 50px; color: #444;}
	.dona_info.pop .left .paper .bot .type1 {font-size: 30px;}
	.dona_info.pop .left .paper .bot .type2 {font-size: 30px;}
	.dona_info.pop.comp .dona_comp_box {margin-top: 0; padding-bottom: 30px;}
	.dona_info.pop.comp .inner .right {width: 800px; margin: 150px auto 0;}
	.dona_info.pop.comp .inner .right dt {display: none;}
	.dona_info.pop.comp .inner .right dd {margin-bottom: 50px;}
	.dona_info.pop.comp .inner .right dd .th {font-size: 30px;}
	.dona_info.pop.comp .inner .right dd .td {font-size: 30px;}
	.dona_info.pop.comp .inner .right .sign {text-align: right; margin-top: 50px; display: flex; align-items: center; justify-content: flex-end;}
	.dona_info.pop.comp .inner .right .sign p {padding-top: 30px; font-family: "spoqa_medium"; color: #222; font-size: 27px; line-height: 40px;}
	.dona_info.pop.comp .inner .right .txt_type {margin-top: 60px; padding-top: 60px; border-top: 1px solid #ddd; font-size: 30px; line-height: 55px;}

}

/* 설립자 인사말 추가 2023-04-24 */
.gr_visual{display: flex; border-bottom: 1px solid #333;}
.gr_visual .gr_txt_con{width: 70%;}
.gr_visual .gr_txt_con .content_tit{word-break: keep-all;}
.gr_visual .gr_txt_con .content_tit .only_p{display: block;}
.gr_visual .gr_txt_con .content_tit .only_m{display: none;}
.gr_visual .gr_img_con{width: 30%;}
.gr_visual .gr_img_con figure{display: flex; justify-content: flex-end;}
.gr_visual .gr_img_con img{width: 100%;}
.gr_con {padding: 100px 0 0;}
.gr_con .division {display: flex; justify-content: space-between;}
.gr_con .division .tit {opacity: 0; transform: translateY(70px); transition-duration: 0.7s;}
.gr_con .division .tit p:nth-of-type(1) {font-family: "spoqa_bold";}
.gr_con .division .tit p:nth-of-type(2) {margin: 13px 0 16px; color:#9A9A9A;}
.gr_con .division .tit .only_t{display: none;}
.gr_con .division .tit.active {opacity: 1; transform: translateY(0);}
.gr_con .division .con {width: 50%;}
.gr_con .division .con .copy {color: #222; opacity: 0; transform: translateY(70px); transition-duration: 0.7s;}
.gr_con .division .con .copy.active {opacity: 1; transform: translateY(0);}
.gr_con .con .copy {padding-bottom: 50px;}
.gr_con .con .copy .mb30{margin-bottom: 30px;}
.gr_con .division .con .copy .only_p{display: block;}
.gr_con .con .gr_sign{display: flex; align-items: center; margin-top: 30px;}
.gr_con .con .gr_sign img{width: 20%; margin-left: 30px;}

/* 2024-09-10*/
.gr_btn_wrap{padding-top: 120px; opacity: 0; transform: translateY(70px); transition-duration: 0.7s;}
.gr_btn_wrap.active{opacity: 1; transform: translateY(0);}
.gr_btn_wrap .content_tit{color: #043B72; text-align: center;}
.gr_btn_wrap .btn{display: flex; justify-content: center; column-gap: 20px;}
/* // 2024-09-10*/

/* 설립자 인사말 pc,mobile 버전, 2024-09-10  */
.his_pc figure img{width:100%; margin-top:297px;}

.his_mo figure {text-align: center;}
.his_mo figure img{width:720px; margin:200px auto; padding-top: 10px;}
.his_mo .gr_btn_wrap{padding-top: 0; margin-bottom: 200px;}
.his_mo .gr_btn_wrap .btn{margin-top: 20px;}
/* // 2024-09-10  */

@media screen and (max-width: 1024px) {
	.his_pc .share_btns{top: -100px;}
}

@media screen and (max-width: 1600px) {
	.gr_con .division .con {width: 60%; }
	.gr_con .con .gr_sign img{width:30%;}
	.gr_con .division .con .copy .only_p{display: none;}

}

@media screen and (max-width: 1500px) {
	.gr_visual{flex-direction:column;}
	.gr_visual .gr_txt_con{width: 100%;}
	.gr_visual .gr_img_con{width: 100%;}
	.gr_visual .gr_img_con figure{margin-top: 50px;}
	.gr_visual .gr_img_con img{width: 50%;}
	.gr_con .division .tit .only_t{display: block;}
	.gr_con .division .con {width: 70%;}
	.gr_con .division .subpage_copy {font-size: 32px;}

}

@media screen and (max-width: 1024px) {
	.gr_con .division {display: block;}
	.gr_con .division .con {width: 100%; margin-top: 50px;}
	.gr_con .division .tit .only_t{display: none;}
	.gr_visual figure img{width: 50%;}

	/* 설립자 인사말 pc,mobile 버전 */
	.his_pc figure img{margin-top:180px;}
}


@media screen and (max-width: 768px) {
	.gr_visual .gr_img_con img{width: 60%;}
	.gr_visual .gr_txt_con .content_tit{font-size: 20px;}
	.gr_visual .gr_txt_con .content_tit .only_p{display: none;}
	.gr_visual .gr_txt_con .content_tit .only_m{display: block;}
	.gr_con {padding: 60px 0 0;}
	.gr_con .division .tit {transform: translateY(40px);}
	.gr_con .division .tit p:nth-of-type(2) {margin: 7px 0 9px;}
	.gr_con .division .con {margin-top: 20px;}
	.gr_con .con .copy{font-size: 16px;}
	.gr_con .con .copy .mb30{margin-bottom: 20px;}
	.gr_con .division .con .copy {transform: translateY(40px);}
	.gr_con .division .con .copy.no_br p br {display: none;}

	/* 설립자 인사말 pc,mobile 버전, 2024-09-10 */
	.his_pc figure img{margin-top:100px;}
	.his_pc .share_btns{top:unset;}

	.his_mo figure img{width:100%; margin:58px auto 100px;}
	.his_mo .gr_btn_wrap{margin-bottom: 130px;}

	.gr_btn_wrap{padding-top: 40px;}
	.gr_btn_wrap .content_tit{font-size: 18px;;}
	.gr_btn_wrap .btn{flex-direction: column; row-gap: 10px;}
	.gr_btn_wrap .btn_arrow span{display: block;} 
	/* // 2024-09-10*/
}

@media screen and (max-width: 500px){
	.gr_visual .subpage_title + .content_tit br {display:block;}
}

/* // 설립자 인사말 추가 2023-04-24 */



/* 2023-05-22 아너스클럽 추가 s */
.honors_con .only_pc{
	display: block;
}

.honors_con .only_mo{
	display: none;
}

.honors_con .sub_visual{
	margin-bottom:100px;
}

.honors_con .sub_con{
	margin-bottom: 0;
}

.honors_con .honors_info{
	width: 100%;
	background: #F7F0E8;
	padding: 80px 0 200px;
}

.honors_con .honors_info .honors_txt{
	text-align: center;
}

.honors_con .honors_info .honors_txt figure{
	margin-bottom: 30px;
}

.honors_con .honors_info .honors_txt p:first-of-type{
	font-family: "spoqa_bold", sans-serif;
	padding-bottom: 25px;
	font-size:48px;
	color: #053B72;
}

.honors_con .honors_info .honors_txt .txt1, .honors_con .honors_info .honors_txt .txt2{
	opacity: 0;
	transform: translateY(50px);
	transition: 0.5s;
}

.honors_con .honors_info .honors_txt .txt1.active{
	opacity: 1;
	transform: translate(0px, 0px);
}

.honors_con .honors_info .honors_txt .txt2.active{
	opacity: 1;
	transform: translate(0px, 0px);
	transition-delay: 0.1s;
}

.honors_con .honors_info .td{
	display: flex;
	justify-content: flex-end;
	padding-top: 50px;
	padding-right: 20px;
}

.honors_con .honors_info .honors_list{
	background-image: url(../images/honors_back_img.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	padding: 40px 0;
	opacity: 0;
	transform: translateY(50px);
	transition: 0.5s;
}

.honors_con .honors_info .honors_list.active{
	opacity: 1;
	transform: translate(0px, 0px);
}


.honors_con .honors_info .honors_list ul{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding-top: 20px;
}

.honors_con .honors_info .honors_list>ul>li{
	width: 20%;
	height: 82px;
	margin-bottom: 10px;
}

.honors_con .honors_info .honors_list>ul>li>a{
	display: block;
	position: relative;
	background-image: url(../images/honors_list_img_bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 12px;
	margin-right: 12px;
	height: 100%;

}


.honors_con .honors_info .honors_list>ul>li>a>p{
	position: absolute;
	transform: translateY(-40%);
	top: 40%;
	width: 100%;
	height: 2vw;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.honors_pop_list .pop_wrap.honors_pop .pop_content{
	width: 440px;
}

.honors_pop_list .pop_wrap.honors_pop .pop_content .pop_body{
	margin: 60px auto 60px;
	overflow-y: visible;
}

.honors_pop_list .pop_wrap.honors_pop .pop_content .pop_body .pop_print_body{
	text-align: center;
}

.honors_pop_list .pop_wrap.honors_pop .pop_content .pop_body .pop_print_body .pop_img img{
	width: 330px;
}

.honors_pop_list .pop_wrap.honors_pop .pop_content .pop_body .pop_print_body .pop_txt {
	font-family: "spoqa_bold", sans-serif;
}

.honors_pop_list .pop_wrap.honors_pop .pop_content .pop_body .pop_print_body .pop_txt .txt1{
	font-size: 40px;
}

.honors_pop_list .pop_wrap.honors_pop .pop_content .pop_body .pop_print_body .pop_txt .txt1 span{
	padding-left: 5px;
	font-family: "spoqa_regular", sans-serif;
	font-size: 18px;
	color: #F58220;
}

.honors_pop_list .pop_wrap.honors_pop .pop_content .pop_body .pop_print_body .pop_txt .txt2{
	padding-top: 15px;
	font-size: 26px;
}

.honors_pop_list .pop_wrap.honors_pop .pop_content .pop_body .pop_print_body .pop_txt .txt3{
	padding-top: 15px;
	font-size: 18px;
	color: #F58220;
}


@media screen and (max-width: 1600px){
	.honors_con .honors_info .td .form_radio + .form_radio{
		margin-left: 55px;
	}

	.honors_con .honors_info .honors_list>ul>li{
		width: 25%;
		height: 82px;
		margin-bottom: 10px;

	}

	.honors_con .honors_info .honors_list>ul>li>a>p{
		transform: translateY(-30%);
		top: 30%;
	}

}

@media screen and (max-width: 1024px){
	.honors_con .honors_info .td .form_radio + .form_radio{
		margin-left: 30px;
	}

	.honors_con .honors_info .honors_list>ul>li{
		width: 33.3%;

	}

}


@media screen and (max-width: 768px){
	.honors_con .honors_info{
		padding: 108px 0 130px;
	}
	.honors_con .honors_info .td .form_radio + .form_radio{
		margin-left: 25px;
	}

	.honors_con .only_pc{
		display: none;
	}

	.honors_con .only_mo{
		display: block;
	}

	.honors_con .honors_info .honors_txt figure img{
		width: 120px;
	}

	.honors_con .honors_info .td {
		padding-right: 6%;
	}

	.honors_con .honors_info .honors_txt p:first-of-type{
		font-size:32px;
	}

	.honors_con .honors_info .honors_list>ul>li{
		width: 50%;
	}

	.honors_con .honors_info .honors_list>ul>li>a {
		margin: 0;
		height: 100%;
		width: 100%;
	}

	.honors_pop_list .pop_wrap.honors_pop{
		height: 100vh;
		min-height: auto;
		background: rgba(0, 0, 0, 0.8);
	}

	.honors_pop_list .pop_wrap.honors_pop .pop_content{
		width: 100%;
		height: auto;
		min-height: auto;
		border-radius: 10px;
		top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
	}

	.honors_pop_list .pop_wrap.honors_pop .pop_content .pop_body .pop_print_body .pop_txt .txt1 {
		font-size: 32px;
	}

	.honors_pop_list .pop_wrap.honors_pop .pop_content .pop_body .pop_print_body .pop_txt .txt2 {
		line-height: 1.5;
		font-size: 23px;
	}



}

@media screen and (max-width: 470px){
	.honors_con .honors_info .td {
		padding-right: 3%;
	}

	.honors_con .honors_info .honors_list>ul>li{
		height: 65px;
		margin-bottom: 8px;
	}

	.honors_con .honors_info .honors_list>ul>li>a>p{
		transform: translateY(-27%);
		top: 27%;
	}

}


/* 2023-05-22 아너스클럽 추가 e */