@charset "utf-8";
@font-face {
    font-family: 'YClover';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/YClover-Regular.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'YClover';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/YClover-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}


/*subWrap*/
.subWrap{margin-bottom:100px;}

/*subTopBn*/
.subTopBn{/* position:absolute; top:0; */ position:relative; min-height:330px; background:url('/images/sub/subTopBn01.png')no-repeat center; background-size:cover;}
.subTopBn > div{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center;  }
.subTopBn > div > h2{margin-bottom:16px; color:#fff; font-size:32px; font-weight:700; }
.subTopBn > div > p{color:#fff; font-size:18px;}

/*subTit*/
.subTit{margin:80px 0 40px; text-align:center;}
.subTit > h2{font-size:36px; font-family: 'Paperlogy-7Bold';}
.subTit > h2::after{content:""; display:block; width:40px; height:3px; background:#1a73e8; margin:20px auto;}
.subTit > p{font-size:18px; line-height:26px; font-weight:400; color:#777;}

/*인사말*/
.greeting{position:relative; margin:80px 0 140px; overflow:hidden; font-family:'Pretendard','Noto Sans KR',sans-serif;}
.greeting > .inner{max-width:1200px; margin:0 auto; padding:0 20px; display:flex; align-items:flex-start; gap:70px;}
.greeting > .inner > .img_wrap{flex:0.7;}
.greeting .highlight > span{white-space:nowrap;}
.greeting > .inner > .img_wrap > img{width:100%; display:block; border-radius:24px; overflow:hidden; box-shadow:0 15px 40px rgba(0,0,0,0.06);}
.greeting > .inner > .text_wrap{flex:1; padding-top:10px;}
.greeting > .inner > .text_wrap > .highlight{position:relative; margin-bottom:30px; font-size:34px; line-height:1.5; font-weight:700; color:#111; letter-spacing:-0.03em; word-break:keep-all;}
.greeting > .inner > .text_wrap > .desc{display:flex; flex-direction:column; gap:15px;}
.greeting > .inner > .text_wrap > .desc p{font-size:19px; line-height:1.9; font-weight:400; color:#555; letter-spacing:-0.02em; word-break:keep-all;}
/* .greeting > .inner > .text_wrap > .desc .thankyou{margin-top:10px; font-size:20px; font-weight:600; color:#111;} */
.greeting > .inner > .text_wrap > .signature{margin-top:30px;}
.greeting > .inner > .text_wrap > .signature p{display:flex; align-items:flex-end; justify-content:flex-end; gap:10px; font-size:20px; color:#123e79; font-weight:800;}

/* 로고소개 */
.brand_wrap{max-width:1200px;margin:0 auto 120px; font-family:'Noto Sans KR',sans-serif;color:#333;line-height:1.7;}
.brand_wrap > h1{font-size: 35px; text-align: center; font-weight: 800; /* margin-bottom: 20px; */}
.brand_wrap > h1::after {content: ""; display: block; width: 40px; height: 3px; background: #1a73e8; margin: 20px auto;}
.brand_wrap section{margin-bottom:40px;background:#fff;padding:45px;border-radius:20px;box-shadow:0 10px 35px rgba(0,0,0,0.05);}
.brand_wrap h2{font-size:24px;font-weight:800;color:#111;margin:0 0 22px;padding-left:14px;border-left:5px solid #0087CF;}
.brand_wrap h3{font-size:17px;font-weight:700;color:#222;margin:40px 0 18px;display:flex;align-items:center;}
.brand_wrap h3::before{content:'';width:7px;height:7px;border-radius:50%;background:#F47920;margin-right:10px;}
.brand_wrap p{font-size:15px;color:#666;margin-bottom:20px;word-break:keep-all;}
.brand_wrap .brand_emphasis{color:#0087CF;font-weight:700;}

.brand_wrap .logo_grid{display:flex;gap:20px;margin-top:15px;}
.brand_wrap .logo_single{max-width:300px;margin:0 auto 30px;}
.brand_wrap .logo_item{flex:1;}
.brand_wrap .logo_item img{width:100%;display:block;}

.brand_wrap .logo_box{height:auto; overflow: hidden; background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;align-items:center;justify-content:center; transition:all .25s ease;}
.brand_wrap .logo_box:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.06);}
.brand_wrap .logo_box img{max-width:100%;max-height:100%;display:block;}

.brand_wrap .value_grid{display:flex;gap:18px;margin-top:25px;}
.brand_wrap .value_card{flex:1;background:#fff;border-radius:16px;padding:30px 24px;text-align:center;border:1px solid #edf2f7;}
.brand_wrap .value_card.blue{border-top:5px solid #0087CF;}
.brand_wrap .value_card.orange{border-top:5px solid #F47920;}
.brand_wrap .value_card.green{border-top:5px solid #8CC63F;}

.brand_wrap .value_card h4{font-size:18px;font-weight:800;margin-bottom:12px;}
.brand_wrap .value_card.blue h4{color:#0087CF;}
.brand_wrap .value_card.orange h4{color:#F47920;}
.brand_wrap .value_card.green h4{color:#8CC63F;}

.brand_wrap .value_card p{font-size:14px;color:#666;margin:0;}

.brand_wrap .color_section_title{font-size:14px;font-weight:800;color:#6b7280;letter-spacing:1px;margin:30px 0 14px;text-transform:uppercase;}

.brand_wrap .color_grid{display:flex;gap:16px;flex-wrap:wrap;}
.brand_wrap .color_item{flex:1;min-width:180px;background:#f8fafc;border-radius:14px;padding:16px;border:1px solid #edf2f7;}

.brand_wrap .color_swatch{width:100%;height:58px;border-radius:10px;margin-bottom:14px;}
.brand_wrap .blue_bg{background:#0087CF;}
.brand_wrap .orange_bg{background:#F47920;}
.brand_wrap .green_bg{background:#8CC63F;}
.brand_wrap .grey_bg{background:#575757;}
.brand_wrap .black_bg{background:#000000;}
.brand_wrap .emerald_bg{background:#00A896;}
.brand_wrap .yellow_bg{background:#FFD166;}

.brand_wrap .color_title{font-size:15px;font-weight:800;color:#111;margin-bottom:6px;}
.brand_wrap .color_meta p{margin:0;font-size:12px;font-family:monospace;color:#666;line-height:1.5;}

.brand_wrap .typo_box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:30px;}
.brand_wrap .typo_title{font-size:17px;font-weight:800;color:#111;margin-bottom:18px;}
.brand_wrap .typo_box ul{padding-left:18px;margin:0;}
.brand_wrap .typo_box li{font-size:14px;color:#555;margin-bottom:12px;word-break:keep-all;}
.brand_wrap .typo_box li:last-child{margin-bottom:0;}

.brand_wrap .typo_box02{margin-top: 20px;}

.brand_wrap .download_wrap{text-align:center;margin-top:45px;}

.brand_wrap .download_btn{display:inline-flex;align-items:center;justify-content:center;height:62px;padding:0 42px;border-radius:100px;background:linear-gradient(135deg,#0087CF 0%,#00A896 100%);color:#fff;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 12px 30px rgba(0,135,207,0.25);transition:all .25s ease;}

.brand_wrap .download_btn:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,135,207,0.32);}

/* 설립목적 */
.purpose {}
.purpose > .inner { max-width: 1200px; margin: 0 auto 120px; }

.purpose > .inner > .header_group { text-align: center; margin-bottom: 80px; }
.purpose > .inner > .header_group > .sub_title { display: inline-block; font-size: 14px; color: #1a73e8; font-weight: 800; letter-spacing: 2px; margin-bottom: 15px; padding: 5px 15px; background: rgba(26, 115, 232, 0.05); border-radius: 50px; }
.purpose > .inner > .header_group > .main_title { font-size: 35px; color: #111; font-weight: 300; letter-spacing: -1.5px; }
.purpose > .inner > .header_group > .main_title > b { font-weight: 800; color: #1a73e8; }

.purpose > .inner > .mission_grid {display: flex; flex-wrap: wrap; gap: 30px; justify-content: center;}
.purpose > .inner > .mission_grid > .mission_card {flex: 1; min-width: 340px; display: flex; }
.purpose > .inner > .mission_grid > .mission_card > .card_content {width: 100%; background: #fff; padding: 50px 40px; border-radius: 30px; border: 1px solid #eef2f8; box-shadow: 0 15px 35px rgba(0,0,0,0.03); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); display: flex; flex-direction: column;}

.purpose > .inner > .mission_grid > .mission_card > .card_content > .card_top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
.purpose > .inner > .mission_grid > .mission_card > .card_content > .card_top > .num {font-size: 20px; font-weight: 900; color: #cbd5e0;}
.purpose > .inner > .mission_grid > .mission_card > .card_content > .card_top > .icon_box {width: 65px; height: 65px; background-color: #f8fbff; border-radius: 20px; display: flex; align-items: center; justify-content: center; transition: 0.3s;}
.purpose > .inner > .mission_grid > .mission_card > .card_content > .card_top > .icon_box > i {font-size: 26px; color: #1a73e8;}

.purpose > .inner > .mission_grid > .mission_card > .card_content > .txt_box { flex-grow: 1; } 
.purpose > .inner > .mission_grid > .mission_card > .card_content > .txt_box > h3 {font-size: 23px; color: #222; line-height: 1.4; font-weight: 700; margin-bottom: 20px; word-break: keep-all; min-height: 64px;}
.purpose > .inner > .mission_grid > .mission_card > .card_content > .txt_box > .bar {width: 30px; height: 4px; background: #1a73e8; margin-bottom: 25px; transition: 0.4s; border-radius: 2px;}
.purpose > .inner > .mission_grid > .mission_card > .card_content > .txt_box > p {font-size: 16px; color: #777; line-height: 1.7; word-break: keep-all;}

.purpose > .inner > .mission_grid > .mission_card:hover > .card_content { transform: translateY(-15px); border-color: #1a73e8; box-shadow: 0 30px 60px rgba(26, 115, 232, 0.12); }
.purpose > .inner > .mission_grid > .mission_card:hover .icon_box { background-color: #1a73e8; }
.purpose > .inner > .mission_grid > .mission_card:hover .icon_box > i { color: #fff; }
.purpose > .inner > .mission_grid > .mission_card:hover .bar { width: 60px; background: #000; }

/* 오시는길 */
.location-page{width:100%; margin:50px auto 120px; font-family:'Pretendard', sans-serif;}

.location-page > .inner{width:1200px; /* margin:0 auto; */ box-sizing:border-box;}

.location-page .office-tabs{display:flex; justify-content:center; gap:18px; margin-bottom:50px; flex-wrap:wrap;}
.location-page .office-tabs .tab-btn{padding: 15px 30px; border-radius:100px; border:1px solid #e5e5e5; background:#fff; color:#555; font-size:17px; font-weight:600; cursor:pointer; transition:all .3s; box-shadow:0 8px 25px rgba(0,0,0,0.06);}
.location-page .office-tabs .tab-btn.active{background:#1a73e8; color:#fff; transform:translateY(-3px); box-shadow:0 12px 30px rgba(26,115,232,0.22);}

.location-page .office-content{display:none; animation:fade .4s ease;}
.location-page .office-content.active{display:block;}

@keyframes fade{
    from{opacity:0; transform:translateY(10px);}
    to{opacity:1; transform:translateY(0);}
}

.location-page .location-card{overflow:hidden; border-radius:35px; background:#fff; border:1px solid #edf1f5; box-shadow:0 10px 35px rgba(0,0,0,0.06);}

.location-page .map-wrap{width:100%; overflow:hidden; line-height:0;}
.location-page .kakaoMap{width:100% !important;}
.location-page .kakaoMap .wrap_map{width:100% !important;}
.location-page .kakaoMap .wrap_controllers{display:none !important;}
.location-page .kakaoMap .cont{display:none;}

.location-page .location-info{padding:50px;}
.location-page .location-info-top{display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:40px; flex-wrap:wrap;}
.location-page .location-info-top h3{font-size:38px; font-weight:700; letter-spacing:-0.04em; color:#111;}
.location-page .location-badge{padding:12px 22px; border-radius:100px; background:#eef5ff; color:#1a73e8; font-size:15px; font-weight:700;}

.location-page .info-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
.location-page .info-item{padding:28px; border-radius:22px; border:1px solid #edf1f5; background:#fff; transition:all .3s;}
.location-page .info-item span{display:block; margin-bottom:12px; font-size:14px; font-weight:700; letter-spacing:0.02em; color:#64bb45;}
.location-page .info-item p{font-size:18px; line-height:1.7; color:#333; word-break:keep-all;}

.location-page .traffic-box{grid-column:1/-1; margin-top:10px;}
.location-page .traffic-box p{line-height:1.9;}


/* 국외스포츠관광 */
.overseas{display:flex;max-width:1300px;margin:50px auto;padding:0 24px;gap:36px;align-items:flex-start;font-family:'Pretendard',-apple-system,sans-serif;}

.overseas > .overseas-content{flex-grow:1;min-width:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:44px;box-shadow:0 10px 30px rgba(15,23,42,0.015);}

.overseas > .overseas-content > .content-header-box{margin-bottom:20px;border-bottom:1px solid #f1f5f9;padding-bottom:20px;}
.overseas > .overseas-content > .content-header-box > .content-tag{font-size:11px;font-weight:800;color:#2563eb;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:6px;}
.overseas > .overseas-content > .content-header-box > h2{font-size:28px;color:#0f172a;font-weight:800;letter-spacing:-0.02em;margin:0;}
.overseas > .overseas-content > .content-header-box > h2 > .sub-title{font-size:20px;color:#64748b;font-weight:500;}
.overseas > .overseas-content > .content-image-zone{width:100%; aspect-ratio:16/9; border-radius:16px; overflow:hidden; border:1px solid #e2e8f0; margin-bottom: 30px;}
.overseas > .overseas-content > .content-image-zone > img{width:100%; height:100%; object-fit:cover; display:block;}

.overseas > .overseas-content > .info-card-grid{display:flex;flex-direction:column;gap:18px;}
.overseas > .overseas-content > .info-card-grid > .info-card{background-color:#f8fafc;border:1px solid #edf2f7;border-radius:14px;padding:24px 28px;display:flex;gap:20px;align-items:flex-start;transition:transform .2s ease,box-shadow .2s ease;}

.overseas > .overseas-content > .info-card-grid > .info-card > .card-num{font-size:12px;font-weight:800;color:#2563eb;background-color:#eff6ff;padding:5px 10px;border-radius:8px;line-height:1;font-family:'Courier New',monospace;}
.overseas > .overseas-content > .info-card-grid > .info-card > .card-body > p{font-size:15px;color:#334155;line-height:1.7;margin:0;word-break:keep-all;}
.overseas > .overseas-content > .info-card-grid > .info-card > .card-body > strong{color:#1e40af;font-weight:700;}

.overseas > .overseas-content > .info-card-grid > .info-card.Highlight{background-color:#fff;border:1px solid #e0e7ff;border-left:5px solid #2563eb;box-shadow:0 8px 25px rgba(37,99,235,0.04);}
.overseas > .overseas-content > .info-card-grid > .info-card.Highlight > .card-num{background-color:#2563eb;color:#fff;font-family:'Pretendard',sans-serif;font-size:11px;letter-spacing:0.05em;}

.overseas > .overseas-content > .info-card-grid > .info-card.Highlight > .highlight-title{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 8px 0;}
.overseas > .overseas-content > .info-card-grid > .info-card.Highlight > .card-body > p{color:#475569;}


/* 기부신청서폼 */
#wraper{
	margin-bottom:120px;
}

#wraper #middleArea{
	width:100%;
}

#wraper #middleArea .donation{
	width:1000px;
	margin:0 auto;
	font-family:'Noto Sans KR', sans-serif;
	color:#222;
}

#wraper #middleArea .donation h4{
	margin-bottom:14px;
	font-size:24px;
	font-weight:700;
	color:#005792;
	letter-spacing:-0.3px;
}

#wraper #middleArea .donation p{
	margin-bottom:10px;
	font-size:15px;
	line-height:28px;
	color:#666;
	word-break:keep-all;
}

#wraper #middleArea .donation form h5{
	margin-top:45px;
	margin-bottom:14px;
	font-size:20px;
	font-weight:700;
	color:#111;
	letter-spacing:-0.3px;
}

#wraper #middleArea .donation *{
	box-sizing:border-box;
}

#wraper #middleArea .donation table{
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
	border-top:2px solid #222;
	background:#fff;
}

#wraper #middleArea .donation table th,
#wraper #middleArea .donation table td{
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	vertical-align:middle;
}

#wraper #middleArea .donation table tr > *:last-child{
	border-right:0;
}

#wraper #middleArea .donation table th{
	padding:18px 16px;
	background:#f8fafc;
	font-size:15px;
	font-weight:600;
	color:#222;
	text-align:center;
	line-height:22px;
}

#wraper #middleArea .donation table td{
	padding:10px 14px;
	background:#fff;
}

#wraper #middleArea .donation input[type="text"],
#wraper #middleArea .donation input[type="email"]{
	width:100%;
	height:48px;
	padding:0 14px;
	border:1px solid #dcdfe5;
	border-radius:6px;
	background:#fff;
	font-size:14px;
	color:#222;
	transition:all .2s ease;
}

#wraper #middleArea .donation input[type="text"]:focus,
#wraper #middleArea .donation input[type="email"]:focus{
	outline:none;
	border-color:#005792;
	background:#fcfdff;
	box-shadow:0 0 0 3px rgba(0,87,146,0.08);
}

#wraper #middleArea .donation input::placeholder{
	color:#aaa;
}

#wraper #middleArea .donation input[type="radio"]{
	width:18px;
	height:18px;
	accent-color:#005792;
	cursor:pointer;
}

#wraper #middleArea .donation .donation_captcha{
	margin:24px 0 28px;
	text-align:center;
}

#wraper #middleArea .donation .donation_captcha #captcha{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:6px;
	max-width:420px;
	padding:14px 16px;
	border:1px solid #e1e5ec;
	border-radius:8px;
	background:#f8fafc;
	text-align:left;
}

#wraper #middleArea .donation .donation_captcha #captcha #captcha_img{
	width:104px;
	height:40px;
	border:1px solid #c7ced8;
	background:#fff;
}

#wraper #middleArea .donation .donation_captcha #captcha #captcha_key{
	width:150px !important;
	height:40px !important;
	margin:0;
	padding:0 10px;
	border:1px solid #d4dae3;
	border-radius:6px;
	background:#fff;
	font-size:18px;
	font-weight:600;
	text-align:center;
}

#wraper #middleArea .donation .donation_captcha #captcha #captcha_key:focus{
	outline:none;
	border-color:#005792;
	box-shadow:0 0 0 3px rgba(0,87,146,0.08);
}

#wraper #middleArea .donation .donation_captcha #captcha #captcha_mp3,
#wraper #middleArea .donation .donation_captcha #captcha #captcha_reload{
	flex:0 0 auto;
}

#wraper #middleArea .donation .donation_captcha #captcha #captcha_info{
	flex:0 0 100%;
	margin:4px 0 0;
	color:#555;
	font-size:13px;
	letter-spacing:0;
	text-align:center;
}

#wraper #middleArea .donation .info_table .receipt_tit{
	line-height:24px;
}

#wraper #middleArea .donation .info_table .receipt_box{
	padding:0;
}

#wraper #middleArea .donation .info_table .receipt_inner{
	display:flex;
	flex-direction:column;
}

#wraper #middleArea .donation .info_table .receipt_row{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:10px;
	padding:16px 18px;
	border-bottom:1px solid #e5e5e5;
}

#wraper #middleArea .donation .info_table .receipt_row:last-child{
	border-bottom:0;
}

#wraper #middleArea .donation .info_table .receipt_row label{
	display:flex;
	align-items:center;
	gap:6px;
	margin-right:10px;
	font-size:14px;
	font-weight:500;
	cursor:pointer;
}

#wraper #middleArea .donation .info_table .receipt_row .txt{
	font-size:14px;
	color:#555;
}

#wraper #middleArea .donation .info_table .receipt_input{
	width:140px !important;
	height:40px !important;
}

#wraper #middleArea .donation .info_table .receipt_input.birth{
	width:220px !important;
}

#wraper #middleArea .donation .info_table .receipt_notice{
	padding:14px 18px;
	background:#fafafa;
}

#wraper #middleArea .donation .info_table .receipt_notice p{
	margin:4px 0;
	font-size:12px;
	line-height:20px;
	color:#777;
}

#wraper #middleArea .donation .support_select{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:24px;
	padding:20px;
	border:1px solid #e5e5e5;
	border-top:2px solid #222;
	border-radius:0 0 8px 8px;
	background:#fafbfd;
}

#wraper #middleArea .donation .support_select label{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:15px;
	font-weight:600;
	cursor:pointer;
}

#wraper #middleArea .donation .support_select .guide{
	margin-left:auto;
	font-size:13px;
	color:#777;
}

#wraper #middleArea .donation .amount_table .txt_td{
	font-weight:700;
	color:#005792;
}

#wraper #middleArea .donation .goods_table input{
	text-align:center;
}

#wraper #middleArea .donation .goods_table .inner_wrap{
	display:flex;
	align-items:center;
	gap:0;
}

#wraper #middleArea .donation .goods_table .mini_tit{
	width:80px;
	height:48px;
	line-height:48px;
	border-top:1px solid #dcdfe5;
	border-bottom:1px solid #dcdfe5;
	background:#f5f7fa;
	font-size:13px;
	font-weight:600;
	text-align:center;
	color:#555;
}

#wraper #middleArea .donation .goods_table .inner_wrap input{
	width:calc(50% - 40px);
	border-radius:0;
}

#wraper #middleArea .donation .goods_table .inner_wrap input:first-child{
	border-radius:6px 0 0 6px;
}

#wraper #middleArea .donation .goods_table .inner_wrap input:last-child{
	border-radius:0 6px 6px 0;
}

#wraper #middleArea .donation .account_box{
	border-radius:8px;
	overflow:hidden;
}

#wraper #middleArea .donation .privacy_box td{
	padding:18px 20px;
	font-size:14px;
	line-height:26px;
	color:#666;
}

#wraper #middleArea .donation .privacy_box .agree_box{
	text-align:center;
}

#wraper #middleArea .donation .privacy_box .agree_box label{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	font-weight:600;
	cursor:pointer;
}

#wraper #middleArea .donation form h3{
	margin-top:50px;
	font-size:24px;
	line-height:38px;
	font-weight:700;
	text-align:center;
	color:#111;
	word-break:keep-all;
}

#wraper #middleArea .donation .date_box{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;
	margin-top:28px;
}

#wraper #middleArea .donation .date_box label{
	display:flex;
	align-items:center;
	gap:6px;
	font-size:16px;
	font-weight:500;
}

#wraper #middleArea .donation .date_box input{
	width:90px !important;
	height:44px !important;
	text-align:center;
}

#wraper #middleArea .donation .sign_box{
	margin-top:28px;
	font-size:16px;
	text-align:center;
	color:#333;
}

#wraper #middleArea .donation .sign_box input{
	width:200px !important;
	height:44px !important;
	margin:0 8px;
}

#wraper #middleArea .donation .btn_submit{
	margin-top:40px;
	padding:0 42px !important;
	height:56px;
	border:0;
	border-radius:8px;
	background:#005792;
	font-size:16px;
	font-weight:700;
	color:#fff;
	cursor:pointer;
	transition:all .2s ease;
}

#wraper #middleArea .donation .btn_submit:hover{
	background:#00456f;
	transform:translateY(-1px);
	box-shadow:0 10px 20px rgba(0,87,146,0.15);
}


@media (max-width:1200px) {
	/*subWrap*/
	.subWrap{margin:0; padding:0 3% 80px; box-sizing:border-box;}
	.subTopBn{min-height:160px; background-position:center center 20%;}
	.subTopBn > div{width:100%;}
	.subTopBn > div > h2{margin-bottom:10px; font-size:1.2rem;}
	.subTopBn > div > p{font-size:.9rem; line-height:1.5rem;}
	.subTopBn > div > p > span{display:block;}

	/*subTit*/
	.subTit > h2{font-size:2rem;}
	.subTit > h2::after{width:30px; margin:16px auto;}
	.subTit > p{font-size:1rem;}
	
	/*인사말*/
	.greeting{margin:50px 0 80px;}
	.greeting > .inner{flex-direction:column; gap:35px;}
	.greeting > .inner > .img_wrap{width:100%;}
	.greeting > .inner > .text_wrap{width:100%; padding-top:0;}
	.greeting > .inner > .text_wrap > .highlight{font-size:24px; line-height:1.45;}
	.greeting > .inner > .text_wrap > .desc{gap:18px;}
	.greeting > .inner > .text_wrap > .desc p{font-size:15px; line-height:1.8;}
	.greeting > .inner > .text_wrap > .signature p{justify-content:flex-start; font-size:17px;}
	.greeting .highlight > span{white-space:normal;}
	
	/* 로고소개 */
	.brand_wrap{
		width:100%;
		padding:0 14px;
		margin:20px auto;
		box-sizing:border-box;
		overflow:hidden;
	}

	.brand_wrap *{
		box-sizing:border-box;
	}

	.brand_wrap section{
		width:100%;
		padding:22px 16px;
		margin-bottom:20px;
		border-radius:16px;
	}

	.brand_wrap h2{
		font-size:19px;
		line-height:1.4;
		margin-bottom:14px;
	}

	.brand_wrap h3{
		font-size:14px;
		line-height:1.4;
		margin:26px 0 12px;
	}

	.brand_wrap p{
		font-size:13px;
		line-height:1.7;
		word-break:keep-all;
	}

	.brand_wrap .logo_grid{
		display:flex;
		flex-direction:column;
		gap:12px;
		width:100%;
	}

	.brand_wrap .logo_single{
		max-width:220px;
		margin:0 auto 20px;
	}

	.brand_wrap .logo_item{
		width:100%;
	}

	.brand_wrap .logo_box{
		width:100%;
		min-height:100px;
		height:auto;
		padding:14px;
		border-radius:12px;
	}

	.brand_wrap .logo_box img{
		width:100%;
		max-width:100%;
		height:auto;
		object-fit:contain;
	}

	.brand_wrap .value_grid{
		display:flex;
		flex-direction:column;
		gap:10px;
		margin-top:14px;
	}

	.brand_wrap .value_card{
		width:100%;
		padding:18px 14px;
		border-radius:12px;
	}

	.brand_wrap .value_card h4{
		font-size:15px;
		margin-bottom:6px;
	}

	.brand_wrap .value_card p{
		font-size:12px;
		margin:0;
	}

	.brand_wrap .color_grid{
		display:flex;
		flex-direction:column;
		gap:10px;
		width:100%;
	}

	.brand_wrap .color_item{
		width:100%;
		min-width:0;
		padding:12px;
		border-radius:12px;
	}

	.brand_wrap .color_swatch{
		height:42px;
		margin-bottom:10px;
	}

	.brand_wrap .color_title{
		font-size:13px;
	}

	.brand_wrap .color_meta p{
		font-size:11px;
		line-height:1.5;
		overflow-wrap:break-word;
	}

	.brand_wrap .typo_box{
		width:100%;
		padding:18px 16px;
		border-radius:14px;
	}

	.brand_wrap .typo_title{
		font-size:15px;
		margin-bottom:10px;
		line-height:1.4;
	}

	.brand_wrap .typo_box ul{
		padding-left:16px;
	}

	.brand_wrap .typo_box li{
		font-size:12px;
		line-height:1.7;
		margin-bottom:8px;
	}

	.brand_wrap .download_wrap{
		margin-top:24px;
	}

	.brand_wrap .download_btn{
		width:100%;
		max-width:100%;
		height:52px;
		padding:0 20px;
		border-radius:12px;
		font-size:14px;
	}

	/*설립목적*/
	.purpose{padding:0 15px;}
	.purpose > .inner{width:100%; margin:0 auto 80px;}
	.purpose > .inner > .header_group{margin-bottom:40px;}
	.purpose > .inner > .header_group > .sub_title{font-size:12px; padding:4px 12px;}
	.purpose > .inner > .header_group > .main_title{font-size:24px; line-height:1.4; letter-spacing:-0.03em;}
	.purpose > .inner > .mission_grid{gap:16px;}
	.purpose > .inner > .mission_grid > .mission_card{flex:0 0 100%; min-width:auto;}
	.purpose > .inner > .mission_grid > .mission_card > .card_content{padding:30px 22px; border-radius:20px;}
	.purpose > .inner > .mission_grid > .mission_card > .card_content > .card_top{margin-bottom:24px;}
	.purpose > .inner > .mission_grid > .mission_card > .card_content > .card_top > .num{font-size:17px;}
	.purpose > .inner > .mission_grid > .mission_card > .card_content > .card_top > .icon_box{width:52px; height:52px; border-radius:16px;}
	.purpose > .inner > .mission_grid > .mission_card > .card_content > .card_top > .icon_box > i{font-size:20px;}
	.purpose > .inner > .mission_grid > .mission_card > .card_content > .txt_box > h3{font-size:19px; line-height:1.45; min-height:auto; margin-bottom:14px;}
	.purpose > .inner > .mission_grid > .mission_card > .card_content > .txt_box > .bar{width:28px; height:3px; margin-bottom:16px;}
	.purpose > .inner > .mission_grid > .mission_card > .card_content > .txt_box > p{font-size:14px; line-height:1.7;}
	.purpose > .inner > .mission_grid > .mission_card:hover > .card_content{transform:none;}
	
	/* 오시는길 */
	.location-page{width:100%; margin:40px auto 80px; padding:0;}
	.location-page > .inner{width:100%; padding:0 16px;}
	.location-page .office-tabs{gap:10px; margin-bottom:28px;}
	.location-page .office-tabs .tab-btn{padding: 10px 20px; font-size:15px;}
	.location-page .office-content{width:100%;}
	.location-page .location-card{border-radius:20px;}
	.location-page .map-wrap{width:100%;}
	.location-page .kakaoMap{width:100% !important;}
	.location-page .kakaoMap .wrap_map{height:320px !important;}
	.location-page .location-info{padding:28px 20px;}
	.location-page .location-info-top{gap:12px; margin-bottom:24px;}
	.location-page .location-info-top h3{font-size:24px; line-height:1.3;}
	.location-page .location-badge{ padding:8px 14px; font-size:12px;}
	.location-page .info-grid{grid-template-columns:1fr; gap:12px;}
	.location-page .info-item{padding:20px; border-radius:16px;}
	.location-page .info-item span{margin-bottom:8px; font-size:12px;}
	.location-page .info-item p{font-size:15px; line-height:1.6;}
	.location-page .traffic-box{margin-top:0;}
	
	
	/* 국외스포츠관광 */
	.overseas{flex-direction:column; margin:20px auto; padding:0 16px; gap:20px;}
	.overseas > .overseas-content{width:100%; padding:24px 18px; border-radius:18px;}
	.overseas > .overseas-content > .content-header-box{margin-bottom:18px; padding-bottom:16px;}
	.overseas > .overseas-content > .content-header-box > .content-tag{font-size:10px; letter-spacing:0.08em;}
	.overseas > .overseas-content > .content-header-box > h2{font-size:24px; line-height:1.35;}
	.overseas > .overseas-content > .content-header-box > h2 > .sub-title{display:block; margin-top:6px; font-size:15px; line-height:1.5;}
	.overseas > .overseas-content > .content-image-zone{margin-bottom:24px; border-radius:12px;}
	.overseas > .overseas-content > .info-card-grid{gap:14px;}
	.overseas > .overseas-content > .info-card-grid > .info-card{flex-direction:column; gap:14px; padding:20px 18px; border-radius:12px;}
	.overseas > .overseas-content > .info-card-grid > .info-card > .card-num{font-size:11px; padding:6px 10px;}
	.overseas > .overseas-content > .info-card-grid > .info-card > .card-body{width:100%;}
	.overseas > .overseas-content > .info-card-grid > .info-card > .card-body > p{font-size:14px; line-height:1.75;}
	.overseas > .overseas-content > .info-card-grid > .info-card.Highlight{border-left-width:4px;}

		#wraper{
		margin-bottom:80px;
		padding:0 20px;
	}

	#wraper #middleArea .donation{
		width:100%;
	}

	/* 타이틀 */
	#wraper #middleArea .donation h4{
		font-size:22px;
		line-height:32px;
	}

	#wraper #middleArea .donation p{
		font-size:14px;
		line-height:26px;
	}

	#wraper #middleArea .donation form h5{
		margin-top:40px;
		font-size:18px;
	}

	/* 테이블 */
	#wraper #middleArea .donation table colgroup{
		display:none;
	}

	#wraper #middleArea .donation table,
	#wraper #middleArea .donation table tbody,
	#wraper #middleArea .donation table tr,
	#wraper #middleArea .donation table th,
	#wraper #middleArea .donation table td{
		display:block;
		width:100% !important;
	}

	#wraper #middleArea .donation table{
		border-top:2px solid #222;
	}

	#wraper #middleArea .donation table tr{
		margin-bottom:14px;
		border-bottom:1px solid #e5e5e5;
	}

	#wraper #middleArea .donation table th{
		height:auto;
		padding:14px 16px;
		border-right:0;
		border-bottom:1px solid #e5e5e5;
		font-size:14px;
		text-align:left;
	}

	#wraper #middleArea .donation table td{
		padding:14px;
		border-right:0;
		border-bottom:0;
	}

	/* input */
	#wraper #middleArea .donation input[type="text"],
	#wraper #middleArea .donation input[type="email"]{
		height:46px;
		font-size:14px;
	}

	#wraper #middleArea .donation .donation_captcha #captcha{
		width:100%;
		max-width:360px;
		padding:12px;
	}

	#wraper #middleArea .donation .donation_captcha #captcha #captcha_key{
		width:130px !important;
	}

	/* 영수증 */
	#wraper #middleArea .donation .info_table .receipt_row{
		align-items:flex-start;
		flex-direction:column;
		gap:12px;
	}

	#wraper #middleArea .donation .info_table .receipt_row .txt{
		line-height:22px;
	}

	#wraper #middleArea .donation .info_table .receipt_input,
	#wraper #middleArea .donation .info_table .receipt_input.birth{
		width:100% !important;
	}

	/* 후원 종류 */
	#wraper #middleArea .donation .support_select{
		flex-direction:column;
		align-items:flex-start;
		gap:16px;
		padding:18px;
	}

	#wraper #middleArea .donation .support_select .guide{
		margin-left:0;
		line-height:22px;
	}

	/* 물품 */
	#wraper #middleArea .donation .goods_table .inner_wrap{
		flex-direction:column;
		gap:10px;
	}

	#wraper #middleArea .donation .goods_table .inner_wrap input{
		width:100%;
		border-radius:6px !important;
	}

	#wraper #middleArea .donation .goods_table .mini_tit{
		width:100%;
		height:42px;
		line-height:42px;
		border:1px solid #dcdfe5;
		border-radius:6px;
	}

	/* 개인정보 */
	#wraper #middleArea .donation .privacy_box .agree_box{
		padding-top:0;
		text-align:left;
	}

	#wraper #middleArea .donation .privacy_box .agree_box label{
		justify-content:flex-start;
	}

	/* 동의문 */
	#wraper #middleArea .donation form h3{
		margin-top:45px;
		font-size:20px;
		line-height:34px;
	}

	/* 날짜 */
	#wraper #middleArea .donation .date_box{
		flex-wrap:wrap;
		gap:8px;
	}

	#wraper #middleArea .donation .date_box label{
		font-size:14px;
	}

	#wraper #middleArea .donation .date_box input{
		width:70px !important;
		height:40px !important;
	}

	/* 서명 */
	#wraper #middleArea .donation .sign_box{
		line-height:32px;
		font-size:15px;
	}

	#wraper #middleArea .donation .sign_box input{
		width:100% !important;
		max-width:240px;
		margin:10px auto;
		display:block;
	}

	/* 버튼 */
	#wraper #middleArea .donation .btn_submit{
		width:100%;
		max-width:320px;
		height:52px;
		font-size:15px;
	}

}