/* Main */
.section-main { padding-top: 170px; }
.section-main .section-title { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 35px; }
.section-main .section-title h3 { margin-bottom: -18px; line-height: 1.45; font-family: 'Welcome'; font-size: 56px; color: #111; font-weight: bold; letter-spacing: -0.0625em; }
.section-main .section-title h3 + .text { margin-top: 34px; font-size: 20px; }

.section-main--visual { padding-top: 0 !important; }
.section-main--visual .swiper { height: 100%; }
.section-main--visual .background { height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transform: scale(1.5); }
.section-main--visual .inner { position: absolute; top: 30%; left: 0; right: 0; text-align: right; }
.section-main--visual .text-wrap { display: inline-block; max-width: 530px; width: 100%; text-align: left; }
.section-main--visual .text-wrap .title { margin-bottom: 20px; line-height: 1.4; font-family: 'Welcome'; font-size: 64px; color: #111; font-weight: bold; letter-spacing: -0.0375em; }
.section-main--visual .text-wrap .text { font-size: 24px; color: #333; font-weight: 500; }
.section-main--visual .control { z-index: 2; display: flex; justify-content: flex-end; position: absolute; top: 69.5%; left: 0; right: 0; margin: auto; max-width: 1500px; width: 90%; }
.section-main--visual .control-wrap { display: flex; align-items: center; max-width: 530px; width: 100%; }
.section-main--visual .control .toggle { display: block; position: relative; margin-right: 30px; width: 40px; height: 40px; border-radius: 50%; }
.section-main--visual .control .toggle::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 16px; height: 16px; background: url('/images/icon-pause.svg') no-repeat center / auto 100%; pointer-events: none; }
.section-main--visual .control .toggle[data-state="pause"]::before { background-image: url('/images/icon-play.svg'); }
.section-main--visual .control .toggle svg { display: block; width: 100%; height: auto; pointer-events: none; }
.section-main--visual .control .toggle .path { display: block; transform: rotateZ(-90deg); transform-origin: center; stroke-dasharray: 250; }
.section-main--visual .pager-container { display: flex; align-items: center; }
.section-main--visual .swiper-button-next,
.section-main--visual .swiper-button-prev { position: static; margin: 0; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; }
.section-main--visual .swiper-button-next::after,
.section-main--visual .swiper-button-prev::after { content: none; }
.section-main--visual .swiper-button-next { background-image: url('/images/main/visual-arrow-right.svg'); }
.section-main--visual .swiper-button-prev { background-image: url('/images/main/visual-arrow-left.svg'); }
.section-main--visual .swiper-pagination { position: static; margin: 0 6px; width: 64px; text-align: center; font-size: 18px; color: rgba(51, 51, 51, 0.6); font-weight: 700; }
.section-main--visual .swiper-pagination-current { color: rgba(51, 51, 51, 1); }

.section-main--business { position: relative; }
.section-main--business::before { content: ''; z-index: 1; position: absolute; bottom: -150px; right: -100px; width: 406px; height: 514px; background: url('/images/main/business-background-symbol.png') no-repeat center / auto 100%; }
.section-main--business .inner { z-index: 2; }
.section-main--business .tabs { display: flex; margin-bottom: -15px; width: auto; }
.section-main--business .tabs .swiper-pagination-bullet { display: block; margin: 0 0 0 50px; width: auto; height: auto; background: none; opacity: 1; }
.section-main--business .tabs .swiper-pagination-bullet .toggle { font-weight: 500; color: #b2b2b2; transition: all ease .3s; }
.section-main--business .tabs .swiper-pagination-bullet-active .toggle { color: var(--COLOR-PRIMARY) !important; }
.section-main--business .tabs .swiper-pagination-bullet .icon { display: block; margin: 0 auto 5px; width: 52px; height: 48px; }
.section-main--business .tabs .swiper-pagination-bullet .icon svg { display: block; margin: auto; width: auto; height: 100%; fill: currentColor; stroke: currentColor; }
.section-main--business .business-box { display: flex; }
.section-main--business .business-box.start .business-box-body { justify-content: flex-start; padding-top: 60px; }
.section-main--business .business-box-head { width: 51.7%; }
.section-main--business .business-box-head .block { position: relative; padding-top: 76.5%; width: 100%; height: 0; cursor: zoom-in; }
.section-main--business .business-box-head .block::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid var(--COLOR-PRIMARY); border-bottom-left-radius: 16px; box-sizing: border-box; opacity: 0; transition: opacity ease .3s; }
.section-main--business .business-box-head .block img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-bottom-left-radius: 32px; }
.section-main--business .business-box-body { display: flex; flex-direction: column; justify-content: space-between; padding-left: 80px; width: 48.3%; }
.section-main--business .business-box img { border-bottom-left-radius: 32px; }
.section-main--business .business-box .title { margin: -15px 0 10px; font-size: 40px; color: #111; font-weight: 700; }
.section-main--business .business-box .text { font-size: 18px; }
.section-main--business .business-box .button { margin-top: 50px; }
.section-main--business .business-box .image-wrap { display: flex; margin: 0 -18px; }
.section-main--business .business-box .image-wrap::after { content: none; }
.section-main--business .business-box .image-wrap li { flex: 1 1; padding: 0 18px; }
.section-main--business .business-box .image-wrap .block { position: relative; padding-top: 76.5%; width: 100%; height: 0; cursor: zoom-in; }
.section-main--business .business-box .image-wrap .block::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid var(--COLOR-PRIMARY); border-bottom-left-radius: 16px; box-sizing: border-box; opacity: 0; transition: opacity ease .3s; }
.section-main--business .business-box .image-wrap .block img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-bottom-left-radius: 16px; }
.section-main--business .business-box .image-wrap .on .block::after { opacity: 1; }
.section-main--business .business-box .button-wrap { display: flex; flex-wrap: wrap; margin: 70px -10px -10px; }
.section-main--business .business-box .button-wrap .button { flex: 0 1 calc(50% - 20px); margin: 10px; }

.section-main--news { overflow: hidden; padding-bottom: 180px; }
.section-main--news .main-board-gallery .swiper { overflow: visible; padding-bottom: 30px; }
.section-main--news .main-board-gallery .image-wrap { overflow: hidden; position: relative; padding-top: 100%; height: 0; border: 1px solid #e5e5e5; border-bottom-left-radius: 24px; }
.section-main--news .main-board-gallery .image-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform ease .6s; }
.section-main--news .main-board-gallery .title { overflow: hidden; margin: 30px 0 15px; font-size: 22px; font-weight: 500; color: #111; white-space: nowrap; text-overflow: ellipsis; }
.section-main--news .main-board-gallery .date { font-size: 15px; }
.section-main--news .main-board-gallery .date .icon { margin-right: 6px; }

.section-main--notice { background: linear-gradient(to bottom, #f9f8f9, #fff); }
.section-main--notice .main-board { border-top: 1px solid #111111; }
.section-main--notice .main-board .box { display: flex; align-items: center; position: relative; padding: 38px 180px 42px 0; }
.section-main--notice .main-board .box::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e7e7e7; }
.section-main--notice .main-board .box::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--COLOR-PRIMARY); transform: scaleX(0); transform-origin: left; transition: transform ease 1s; }
.section-main--notice .main-board .arrow { position: absolute; top: 0; right: 80px; bottom: 0; margin: auto; width: 68px; height: 68px; border: 1px solid var(--COLOR-PRIMARY); border-radius: 50%; opacity: 0; transform: translateX(-35px); transition: all ease .6s; }
.section-main--notice .main-board .arrow::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 17.7 16.9' enable-background='new 0 0 17.7 16.9' xml:space='preserve' stroke='%23164081'%3E%3Cg%3E%3Cline stroke-width='1.8' stroke-miterlimit='10' x1='0' y1='8.4' x2='15.8' y2='8.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='9.3' y1='1.3' x2='16.5' y2='8.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='9.3' y1='15.6' x2='16.5' y2='8.4'/%3E%3C/g%3E%3C/svg%3E"); }
.section-main--notice .main-board .num { flex: 0 0 auto; display: block; width: 180px; text-align: center; font-size: 40px; transition: color ease .3s; }
.section-main--notice .main-board .text-wrap { flex: 1 1; padding-left: 20px; width: 100%; }
.section-main--notice .main-board .title { overflow: hidden; margin-bottom: 20px; font-size: 30px; font-weight: 500; color: #111; white-space: nowrap; text-overflow: ellipsis; transition: color ease .3s; }
.section-main--notice .main-board .date { font-size: 15px; }
.section-main--notice .main-board .icon-date { margin-right: 6px; }

.section-main--sponsor { padding-bottom: 180px; }
.section-main--sponsor .section-title { flex-direction: column; align-items: flex-start; }
/* .section-main--sponsor .section-title h3 { margin-bottom: 34px; } */
.section-main--sponsor .sponsor { display: flex; }
.section-main--sponsor .sponsor-head { width: 39.3%; padding-right: 80px; }
.section-main--sponsor .sponsor-body { width: 60.7%; }
.section-main--sponsor .sponsor .lists { display: flex; flex-wrap: wrap; margin: -25px; }
.section-main--sponsor .sponsor .lists li { padding: 25px; width: 50%; }
.section-main--sponsor .sponsor .lists li:nth-child(2) { margin-top: 140px; }
.section-main--sponsor .sponsor .lists li:nth-child(3) { margin-top: -140px; }
.section-main--sponsor .sponsor .box { overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; position: relative; padding: 65px 50px; min-height: 430px; }
.section-main--sponsor .sponsor .box::before { content: ''; z-index: -2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #e5e5e5; border-bottom-left-radius: 24px; }
.section-main--sponsor .sponsor .box::after { content: ''; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(48deg, var(--COLOR-PRIMARY), #3CAAE1); border-bottom-left-radius: 24px; transition: opacity ease .6s; opacity: 0; }
.section-main--sponsor .sponsor .title { margin-bottom: 20px; font-size: 30px; color: #111; font-weight: 700; transition: color ease .3s; }
.section-main--sponsor .sponsor .sponsor-body .text { font-size: 18px; transition: color ease .3s; }
.section-main--sponsor .sponsor .text-wrap { z-index: 2; position: relative; }
.section-main--sponsor .sponsor .link { display: inline-block; position: relative; margin-right: auto; padding-right: 16px; color: var(--COLOR-PRIMARY); transition: color ease .3s; }
.section-main--sponsor .sponsor .link::before,
.section-main--sponsor .sponsor .link::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 6px; height: 11px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 7.7 12.9' enable-background='new 0 0 7.7 12.9' xml:space='preserve' stroke='%23164081'%3E%3Cg%3E%3Cpath stroke-width='1.8' stroke-miterlimit='10' d='M5.7,6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='1.3' x2='6.4' y2='6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='11.6' x2='6.4' y2='6.4'/%3E%3C/g%3E%3C/svg%3E"); transition: all ease .6s; }
.section-main--sponsor .sponsor .link::before { transform: translateX(-15px); opacity: 0; }
.section-main--sponsor .sponsor .icon { position: absolute; right: -35px; bottom: -35px; width: 230px; height: 230px; color: #efefef; transition: all ease .6s; }
.section-main--sponsor .sponsor .icon svg { display: block; width: 100%; height: auto; fill: currentColor; stroke: currentColor; }
@media screen and (pointer: fine) {
    .section-main--business .tabs .toggle:hover { color: #111; }

	.section-main--news .main-board-gallery .box:hover .title { text-decoration: underline; text-underline-offset: 0.125em; }
	.section-main--news .main-board-gallery .box:hover .image-wrap img { transform: scale(1.2); }

    .section-main--notice .main-board .box:hover::after,
    .section-main--notice .main-board .box:hover .arrow { transform: none; opacity: 1; }
    .section-main--notice .main-board .box:hover .num,
    .section-main--notice .main-board .box:hover .title { color: var(--COLOR-PRIMARY); }

    .section-main--sponsor .sponsor .box:hover::after { opacity: 1; }
    .section-main--sponsor .sponsor .box:hover .title,
    .section-main--sponsor .sponsor .box:hover .text,
    .section-main--sponsor .sponsor .box:hover .link { color: #fff; }
    .section-main--sponsor .sponsor .box:hover .link::before,
    .section-main--sponsor .sponsor .box:hover .link::after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 7.7 12.9' enable-background='new 0 0 7.7 12.9' xml:space='preserve' stroke='%23fff'%3E%3Cg%3E%3Cpath stroke-width='1.8' stroke-miterlimit='10' d='M5.7,6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='1.3' x2='6.4' y2='6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='11.6' x2='6.4' y2='6.4'/%3E%3C/g%3E%3C/svg%3E"); }
    .section-main--sponsor .sponsor .box:hover .link::before { transform: none; opacity: 1; }
    .section-main--sponsor .sponsor .box:hover .link::after { transform: translateX(6px); }
    .section-main--sponsor .sponsor .box:hover .icon { opacity: .2; transform: translateX(-15px); }
}
@media screen and (min-width: 1025px) {
	.section-main--business .section-title { margin-bottom: 70px; }
}
@media screen and (max-width: 1024px) {
	.section-main .section-title { margin-bottom: 15px; flex-direction: column; align-items: flex-start; }
	.section-main .section-title h3 { margin-bottom: 0; font-size: 34px; }
	.section-main .section-title h3 + .text { margin-top: 14px; font-size: 18px; }

	.section-main--visual .control-wrap,
	.section-main--visual .text-wrap { max-width: 400px; }
	.section-main--visual .text-wrap .title { font-size: 38px; }
	.section-main--visual .text-wrap .text { font-size: 18px; }

	.section-main--business::before { transform: scale(0.7); }
	.section-main--business .tabs { margin: 40px 0 30px; width: 100%; }
	.section-main--business .tabs .swiper-pagination-bullet { margin: 0 16px; }
	.section-main--business .tabs .swiper-pagination-bullet .toggle { font-size: 15px; }
	.section-main--business .business-box-body { padding-left: 45px; }
	.section-main--business .business-box .text { font-size: 16px; }
	.section-main--business .business-box .title { margin-top: -10px; font-size: 30px; }
	.section-main--business .business-box .button { margin-top: 30px; }
	.section-main--business .business-box .image-wrap { margin: 0 -10px; }
	.section-main--business .business-box .image-wrap li { padding: 0 10px; }
	.section-main--business .business-box .button-wrap { margin-top: 30px; }
	.section-main--business .business-box .button-wrap .button { flex: 0 1 100%; margin-top: 5px; margin-bottom: 5px; }

	.section-main--news .buttons { position: absolute; top: calc(100% + 35px); left: 0; }
	.section-main--news .main-board-gallery .swiper-slide { width: 45%; }
	.section-main--news .main-board-gallery .title { margin: 15px 0 5px; font-size: 18px; }
	.section-main--news .main-board-gallery .date { font-size: 14px; }

	.section-main--notice .main-board .box { padding: 24px 0; }
	.section-main--notice .main-board .num { width: 120px; font-size: 30px; }
	.section-main--notice .main-board .title { margin-bottom: 10px; font-size: 22px; }

	.section-main--sponsor .sponsor { flex-direction: column; }
	.section-main--sponsor .sponsor-head { width: 100%; padding-right: 0; margin-bottom: 35px; }
	.section-main--sponsor .sponsor-body { width: 100%; }
	.section-main--sponsor .sponsor .lists { margin: -12px; }
	.section-main--sponsor .sponsor .lists li { padding: 12px; }
	.section-main--sponsor .sponsor .lists li:nth-child(2) { margin-top: 80px; }
	.section-main--sponsor .sponsor .lists li:nth-child(3) { margin-top: -80px; }
	.section-main--sponsor .sponsor .box { padding: 52px 48px; min-height: 320px; }
	.section-main--sponsor .sponsor .title { margin-bottom: 12px; font-size: 24px; }
	.section-main--sponsor .sponsor .icon { width: 180px; height: 180px; }
	.section-main--sponsor .sponsor .sponsor-body .text { font-size: 17px; }
}
@media screen and (max-width: 768px) {
	.section-main { padding-top: 120px; }
	.section-main .section-title h3 { font-size: 24px; }
	.section-main .section-title h3 + .text { margin-top: 10px; font-size: 16px; }

	.section-main--visual .text-wrap .title { font-size: 32px; }
	.section-main--visual .text-wrap .text { font-size: 16px; }
	.section-main--visual .control { top: auto; bottom: 5%; }
	.section-main--visual .control .toggle { margin-right: 0; }
	.section-main--visual .control-wrap { max-width: none; }
	.section-main--visual .swiper-button-next,
	.section-main--visual .swiper-button-prev { display: none; }
	.section-main--visual .swiper-pagination { font-size: 14px; }

	.section-main--business::before { right: -125px; transform: scale(0.4); }
	.section-main--business .tabs .swiper-pagination-bullet { margin: 0 10px; }
	.section-main--business .tabs .swiper-pagination-bullet .toggle { font-size: 14px; }
	.section-main--business .scroll-container { overflow-x: auto; margin: 0 -5%; width: 110%; }
	.section-main--business .business-box { flex-direction: column-reverse; }
	.section-main--business .business-box-head { width: 100%; }
	.section-main--business .business-box-body { width: 100%; flex-direction: column; padding-left: 0; }
	.section-main--business .business-box .image-wrap { margin: 35px -3px 5px; }
	.section-main--business .business-box .image-wrap li { padding: 0 3px; }
	.section-main--business .business-box .title { font-size: 24px; margin-top: 0; }
	.section-main--business .business-box .text { font-size: 15px; }
	.section-main--business .business-box .button-wrap { margin-top: 25px; margin-bottom: 25px; }

	.section-main--news { padding-bottom: 120px; }
	.section-main--news .main-board-gallery .title { margin: 10px 0 2px; font-size: 16px; }
	.section-main--news .main-board-gallery .date { font-size: 13px; }

	.section-main--notice .main-board .box { padding: 16px 0; }
	.section-main--notice .main-board .num { display: none; }
	.section-main--notice .main-board .text-wrap { padding-left: 0; }
	.section-main--notice .main-board .title { font-size: 16px; }
	.section-main--notice .main-board .date { font-size: 13px; }
	.section-main--notice .main-board .icon-date { margin-right: 4px; }

	.section-main--sponsor { padding-bottom: 120px; }
	.section-main--sponsor .sponsor .lists { margin: -10px 0; }
	.section-main--sponsor .sponsor .lists li { padding: 12px 0; width: 100%; }
	.section-main--sponsor .sponsor .lists li:nth-child(2),
	.section-main--sponsor .sponsor .lists li:nth-child(3) { margin-top: 0; }
	.section-main--sponsor .sponsor .box { padding: 24px; min-height: auto; }
	.section-main--sponsor .sponsor .link { margin-top: 30px; }
	.section-main--sponsor .sponsor .icon { width: 140px; height: 140px; }
	.section-main--sponsor .sponsor .title { margin-bottom: 10px; font-size: 20px; }
	.section-main--sponsor .sponsor .sponsor-body .text { font-size: 15px; }
}
@media screen and (max-width: 500px) {
	.section-main--news .main-board-gallery .swiper-slide { width: 75%; }
}

@media screen and (max-width: 1024px) {
    .section-main--news .buttons {
        position: absolute;
        top: calc(100% + 35px);
        left: 16px;
    }
}

/* 비주얼 */
/* .sec_visual {height: calc(100vh - 136px);height: calc(100svh - 136px);overflow: hidden;position: relative;color: #fff;max-height: 986px;display: flex;flex-direction: column;padding: 0 50px;animation: fade-in 1s .15s both;}
.sec_visual .visual_wrap {flex-grow: 1;}
.sec_visual .visual_tit {font-size: 35px;position: relative;z-index: 5;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%; }
.sec_visual .visual_tit .sec_tit {position: relative;z-index: 5;animation: text-up .8s .2s both;color: inherit;font-size: inherit;}
.sec_visual .visual_bg {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.sec_visual .visual_item::before {content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: #000;opacity: .3;}
.sec_visual .visual_tit .logo {width: 180px;height: 70px;margin-bottom: .5em;display: block;background: url('/theme/mooul/img/logo_white.svg') no-repeat center / contain;animation: text-up .5s .5s both;} */

/* 메인 비주얼 */
.sec_visual {position: relative;}
.sec_visual .visual_wrap {position: relative;}
.sec_visual .visual_item {height: 240px;}
.sec_visual .visual_item img {object-fit: cover; object-position: center center; width: 100%; height: 240px;}
.sec_visual .visual_tit {padding: 32px 0;}
/* .sec_visual .visual_tit .visual_inner {padding: 0 16px;} */
.sec_visual .visual_tit .sec_tit {font-size: 32px; font-weight: 700; margin-bottom: 12px;}
.sec_visual .visual_tit .sec_desc {font-size: 16px; font-weight: 400;}
.sec_visual .visual_tit .sec_link {display: none;}

.donate_box {display: none;}

@media screen and (min-width: 1024px) {
    .sec_visual .visual_wrap {height: calc(100vh - 100px - 80px);}
    .sec_visual .visual_item {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    .sec_visual .visual_item img {height: 100%; z-index: 0;}
    .sec_visual .visual_item::after {content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #000; opacity: 0.25;}
    .sec_visual .visual_tit {position: relative; z-index: 10; height: 100%; display: flex; align-items: center;}
    .sec_visual .visual_tit .visual_inner {width: 100%; color: #fff;}
    .sec_visual .visual_tit .sec_tit {font-size: 56px;}
    .sec_visual .visual_tit .sec_desc {font-size: 18px;}
    .sec_visual .visual_tit .sec_link {display: inline-block; padding: 12px 48px; border-radius: 8px; background-color: #3CAAE1; color: #fff; font-size: 16px; font-weight: 500; margin-top: 12px;}

    .donate_box {display: block; position: absolute; right: 0; bottom: 0; z-index: 20;}
    .donate_box .form_wrap {display: flex; align-items: stretch; height: 104px;}
    .donate_box .donate_tit {border-radius: 12px 0 0 0; background-color: rgb(66 66 66); font-size: 18px; color: #fff; padding: 0 32px; font-weight: 700; display: flex; align-items: center;}
    .donate_box .select_area {background-color: #fff;display: flex; align-items: center; padding: 0 32px; border-right: 1px solid #ddd; gap: 12px;}
    .donate_box .select_area .donate_type {display: flex; align-items: center; gap: 6px;}
    .donate_box .select_area .donate_dot {width: 24px; height: 24px; border-radius: 9999px; border: 6px solid #fff; background-color: #ddd; box-shadow: 0 0 0 1px #ddd; cursor: pointer;}
    .donate_box .select_area .donate_type > input[name="donate_type"]:checked + .donate_dot {background-color:#3CAAE1;box-shadow: 0 0 0 1px #3CAAE1;}
    .donate_box .select_area .donate_label {font-size: 16px;}
    .donate_box .input_area {background-color: #fff;display: flex; align-items: center; padding: 0 32px; gap: 12px;}
    .donate_box .input_area #donate_amounts {font-size: 16px; padding: 0 16px; width: 152px; height: 40px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 8px;}
    .donate_box .input_area #donate_amount {font-size: 16px; padding: 0 16px; width: 152px; height: 40px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 8px; text-align: right;}
    .donate_box .donate_btn {display: flex; align-items: center; background-color: #3CAAE1; color: #fff; font-size: 24px; font-weight: 700; padding: 0 48px;}
}



