@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
	font-family: printingboxLight;
	src: url(https://fastly.jsdelivr.net/gh/projectnoonnu/2507-1@1.0/printingboxLight.woff2) format(woff2);
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: printingboxMedium;
	src: url(https://fastly.jsdelivr.net/gh/projectnoonnu/2507-1@1.0/printingboxMedium.woff2) format(woff2);
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: printingboxBold;
	src: url(https://fastly.jsdelivr.net/gh/projectnoonnu/2507-1@1.0/printingboxBold.woff2) format(woff2);
	font-weight: 600;
	font-style: normal;
}


* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
	font-family: 'Noto Sans KR', sans-serif;
}
div { font-size:0; }
a { 
	text-decoration:none; 
}
button { 
	border:none;
	background:transparent;
	cursor:pointer;
}
table { 
	width: 100%;
	table-layout:fixed;
	border-spacing:0;
}
.td_150 { 
	width: 150px; 
}

/* 랜딩페이지 시작
------------------------------------------------------ */
.landWr { 
	position:relative; 
	width: 100%;
	overflow:hidden;
}
.landWr img { 
	max-width: 100%; 
}
.bgCir { 
	position:absolute;
	display:block;	
	width: 1920px;
	left:50%;
	top:0;
	margin:0 0 0 -960px;
	z-index:-1;
}
.sectionWr { 
	position:relative; 
	width: 100%; 
	max-width: 1920px;
	margin:0 auto;
}
.section { 
	position:relative; 
	max-width: 1025px;
	margin:0 auto;
}
.sectionWr .section01 { 
	position:relative; 
	padding:9.2% 0;
	margin:0 0 7px;
}
.sectionWr .section01 .conBox { 
	position:relative; 
	width: 100%;
	max-width: 1025px; 
	margin:0 auto;
}
.sectionWr .section01 .conBox .leftBox { 
	position:relative; 
	max-width: 60%;
	margin:0 0 0 9px;
	z-index:1;
}
.sectionWr .section01 .conBox .leftBox .logoImg { 
	margin:0 0 58px;
}
.sectionWr .section01 .conBox .leftBox .txtImg {  
	margin:0 0 60px;
}
.sectionWr .section01 .conBox .leftBox .btnLst { 
	display:flex; 
	gap:10px;
}
.sectionWr .section01 .conBox .leftBox .btnLst > li a { 
	display:block; 
}
.sectionWr .section01 .conBox .leftBox .btnLst > li:last-child { 
	margin:0;
}
.sectionWr .section01 .conBox .leftBox .btnLst.has1 > li { 
	width: auto; 
	margin:0;
}
.sectionWr .section01 .conBox .rightBox { 
	position:absolute; 
	max-width: 35%;	
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.section.section02 { 
	padding:0 0 77px;
}
.section.section02 .titBox { 
	margin:0 0 25px;
	padding:0 10px;
	text-align:center; 
}
.section.section02 .conBox { 
	position:relative;  
	text-align:center;
}
.section.section02 .conBox .cBox { 
	position:relative;
	display:flex; 
	justify-content:center;
	gap:6px;
}
.section.section02 .conBox .sec2bal { 
	position:absolute; 
	max-width:50%;
}
.section.section02 .conBox .sec2bal0 { 
	top: 17.51%;
    right: -3%;
}
.section.section02 .conBox .sec2bal1 { 
	max-width: 30%;
	top: 33.95%;
    left: -7.5%;
}
.section.section02 .conBox .sec2bal2 { 
	max-width: 30%; 
	top: 34.05%;
    right: 2%;
}
.section.section02 .conBox .sec2bal3 {
	top: 64.32%;
    left: -10%;
}
.section.section02 .conBox .sec2bal4 { 
	top: 88%;
    right:0;
}
.section03 { 
	display:flex;
	flex-wrap:wrap;
	padding:100px 0 80px;
	background:#F2F7FF;
	overflow:hidden;
}
.section03 .conBox { 
	position: relative;
    max-width: 1025px;
    margin: 0 auto;
}
.section03 .conBox:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;	 
	width: 903px;
	height: 903px;
	border:120px solid #fff;
	border-radius:50%;
	bottom:-260px;
	right:-580px;
	opacity:.4;
	z-index:0;
}
.section03 .conBox > * { 
	position:relative; 
	z-index:1;
}
.section03 .titBox { 
	width: 100%;
	margin:0 0 48px;
	text-align:center;
}
.section03 .sec3Box { 
	display:flex; 
	align-items:center;
	gap:25px;
}
.section03 .sec3Box + .sec3Box { 
	margin:20px 0 0;
}
.section.section04 { 
	display:flex;
	flex-direction:row-reverse;
	justify-content:center;
	padding:0 80px 0 0;
	margin-bottom:119px;
}
.section.section04 .lBox { 
	margin:0 0 0 108px;
	padding:112px 0 0;
}
.section05 { 
	box-sizing:border-box;
	padding:33px 0 37px;
	background:#123B5C;
}
.section05 .conBox { 
	position:relative; 
	max-width: 1025px;
    margin: 0 auto;
}
.section05 .lBox { 
	position:relative; 
	max-width:60%;
	z-index:1;
}
.section05 .lBox .txtBox { 
	margin:0 0 60px;
}
.section05 .lBox .btnLst { 
	display:flex; 
	gap:10px;
}
.section05 .lBox .btnLst > li a { 
	display:block; 
}
.section05 .lBox .btnLst > li:last-child { 
	margin:0;
}
.section05 .lBox .btnLst.has1 > li { 
	width: auto; 
	margin:0;
}
.section05 .rBox { 
	position:absolute; 
	right:-173px;
	bottom:-32px;
}
footer { 
	background:#292929;
}
footer .section { 
	padding:60px 0 60px 530px;
}
.footer_logo { 
	position:absolute; 
	left:0;
	top:50%;
	transform:translateY(-50%);
}
.footer_info ul { 
	display:flex; 
	flex-wrap:wrap;
}
.footer_info ul li { 
	position:relative; 
	box-sizing:border-box;
	margin:0 10px 10px 0;
	padding:0 10px 0 0;
}
.footer_info ul li:after { 
	content:"";
	position:absolute;
	display:block;
	width: 1px;
	height: 8px;
	right:0;
	top:50%;
	margin:-4px 0 0;
	background:#595959;
}
.footer_info ul li dl { 
	display:flex; 
	gap:8px;
	font-size:14px;
	letter-spacing:-.3px;
	line-height:1.2;
}
.footer_info ul li dl dt { 
	flex-shrink:0;
	color:#939393; 
}
.footer_info ul li dl dd { 
	color:#fff; 
}
.footer_info ul li:last-child:after { 
	display:none; 
}
.footer_info .copy { 
	font-size:13px;
	line-height:1.2;
	letter-spacing:-.3px;
	color:#727272;
}
@media all and (max-width:1919px){
	.sectionWr .section01 .conBox .leftBox { 
		margin:0;
	}
	.sectionWr .section01 .conBox .leftBox .txtImg { 
		margin:0 0 20px;
	}
	.section.section02 { 
		padding:0 0 60px;
	}
	.section03 { 
		padding:80px 10px;
	}
	.section.section04 { 
		padding:0 10px;
		margin-bottom:80px;
	}
}
@media all and (max-width:1239px){
	.section.section02 .conBox .cBox .sec2Phone { 
		max-width:80%; 
	}
	.section.section02 .conBox .sec2bal1,
	.section.section02 .conBox .sec2bal3 { 
		left:10px; 
	}
	.section.section02 .conBox .sec2bal0,
	.section.section02 .conBox .sec2bal2,
	.section.section02 .conBox .sec2bal4 { 
		right:10px; 
	}
	.section.section02 .conBox .sec2bal0 { 
		top:10%;
	}
}
@media all and (max-width:1024px) { 
	.sectionWr .section01 { 
		padding:6% 10px;
	}
	.section.section02 .titBox img { 
		max-width:80%; 
	}
	.section.section02 .conBox { 
		padding:0 10px; 
	}
	.section.section02 .conBox > div { 
		max-width:50%; 
		margin:0 auto 20px;
	}
	.section03 { 
		padding:60px 10px;
	}
	.section03 .titBox { 
		margin:0 0 30px;
	}
	.section.section04 { 
		flex-wrap:wrap; 
		flex-direction:row;
		margin-bottom:60px;
	}
	.section.section04 .lBox,
	.section.section04 .rBox { 
		width: 100%; 
		text-align:center;
	}
	.section.section04 .lBox img,
	.section.section04 .rBox img { 
		max-width: 50%; 
	}
	.section.section04 .lBox { 
		margin:0 0 20px;
		padding:0;
	}
	.section05 { 
		padding:40px 10px;
	}
	.section05 .lBox { 
		margin:0 auto;
	}
	.section05 .lBox .txtBox { 
		margin:0 0 30px;
	}
	.section05 .rBox { 
		display:none;
	}
}
@media all and (max-width:999px) { 
	.section.section02 { 
		padding:0 0 40px;
	}
	.section.section02 .titBox { 
		margin:0 0 20px; 
	}
	.section03 { 
		padding:40px 10px;
	}
	.section03 .titBox { 
		margin:0 0 20px;
	}
	.section03 .sec3Box { 
		flex-wrap:wrap; 
		justify-content:center;
		gap:10px;
	}
	.section03 .sec3Box > * { 
		width: 100%; 
		text-align:center;
	}
	.section03 .sec3Box + .sec3Box { 
		margin:15px 0 0;
	}
	.section.section04 { 
		margin-bottom:40px;
	}
	.section05 { 
		padding:30px 10px;
	}
	.section05 .lBox .txtBox { 
		margin:0 0 20px;
	}
	footer .section { 
		padding:30px;
	}
	.footer_logo { 
		position:relative; 
		width: 188px;
		left:auto;
		top:auto;
		margin:0 auto 20px;
		transform:translateY(0);
	}
	.footer_info ul { 
		justify-content:center; 
	}
	.footer_info .copy { 
		text-align:center; 
	}
}
@media all and (max-width:599px) {
	.sectionWr .section01 .conBox .leftBox { 
		max-width:70%;
		margin:0 auto;
	}
	.sectionWr .section01 .conBox .leftBox .txtImg { 
		margin:0 0 15px;
	}
	.sectionWr .section01 .conBox .rightBox { 
		display:none; 
	}
	.section.section02 { 
		padding:0 0 20px;
	}
	.section.section02 .conBox .cBox .sec2Phone { 
		max-width: 60%; 
	}
	.section03 { 
		padding:20px 10px;
	}
	.section03 .titBox { 
		margin:0 0 15px;
	}	
	.section03 .sec3Box + .sec3Box { 
		margin:10px 0 0;
	}
	.section.section04 { 
		margin-bottom:40px;
	}
	.section.section02 .conBox > div,
	.section.section04 .lBox img,
	.section.section04 .rBox img,
	.section05 .lBox { 
		max-width: 80%; 
	}
	.section05 { 
		padding:20px 10px;
	}
	footer .section { 
		padding:20px;
	}
	.footer_logo { 
		width: 167px;
		margin:0 auto 15px;
	}
}
/* -------- 한기소 추가 부분 시작  -------- */
.sectionEx01 .conBox,
.sectionEx02 .conBox {
	padding:0 10px;
	max-width: 1025px; 
	margin:0 auto;
}
.sectionExStit { 
	font-family: printingboxMedium;
	font-size:24px;
	line-height:1.2;
	letter-spacing:-.5px;
	color:#2196F3;
	text-align:center;
	word-break:keep-all;
}
.sectionExTit { 
	margin:0 0 45px;
	font-family: printingboxBold;
	font-weight:700;
	font-size:52px;
	letter-spacing:-.5px;
	line-height:1.2;
	color:#373737;
	text-align:center;
	word-break:keep-all;
}
.sectionExTxt { 
	margin:0 0 50px;
	font-family: printingboxLight;
	font-size:24px;
	line-height:1.2;
	letter-spacing:-.5px;
	line-height:1.2;
	color:#373737;
	text-align:center;
	word-break:keep-all;
}
.secExLst { 
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:24px;
}
.secExLst01 { 
	justify-content:center; 
}
.secExLst01 > li { 
	width: 49%; 
	text-align:center;
}
.secEx { 
	display:block; 
	height: 100%;
	padding:17px;
	border-radius:5px;
	font-weight:500;
	font-size:20px;
	line-height:1;
	letter-spacing:-.5px;
}
.secEx.st01 { 
	background:#fff; 
	border:1px solid #FF5F7C;
	color:#FF5F7C;
}
.secEx.st02 { 
	background:#FF5F7C;
	color:#fff;
}
.sectionEx01 { 
	padding:100px 0;
}
.sectionEx02 { 
	padding:72px 0;
	background:#FFF3F5;
}
.sectionEx03 { 
	padding:70px 0;
	background:#E2F2FF;
}
.sectionEx03 .conBox {
	max-width: 944px; 
	margin:0 auto;
	padding:0 10px;
}
.sectionEx03 .sectionExTit { 
	margin:0 0 18px;
}
.sectionEx03 form label { 
	display:block; 
	margin:0 0 12px;
	font-size:20px;
	line-height:1.2;
	letter-spacing:-.3px;
	color:#373737;
}
.sectionEx03 form label span { 
	font-weight:500;
	color:#FF2C2C;
}
.sectionEx03 form .inputArea { 
	width: 100%;
	margin:0 0 23px;
	padding:15px;
	border-radius:5px;
	border:1px solid #D0DCE4;
	font-size:20px;
	letter-spacing:-.3px;
	color:#373737;
}
.sectionEx03 form .inputArea::placeholder { 
	font-size:20px;
	letter-spacing:-.3px;
	color:#969696; 
}
.sectionEx03 form .chkLnkBox { 
	margin:0 0 10px;
	text-align:center; 
}
.sectionEx03 form .chkLnkBox .chkLnk { 
	position:relative; 
	display:inline-block; 
	padding:0 0 3px;
	font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: -.5px;
    color: #2196F3;
}
.sectionEx03 form .chkLnkBox .chkLnk:after { 
	content:"";
	position:absolute;
	display:block;
	width: 100%;
	height: 1px;
	bottom:0;
	left:0;
	background: #2196F3;
}
.sectionEx03 form .chkBox { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:center; 
	align-items:center; 
	gap:6px;
	margin:0 0 15px;
}
.sectionEx03 form .chkBox label { 
	margin:0;
	font-weight:500;
	font-size:16px;
	line-height:1.2;
	letter-spacing:-.5px;
	color:#969696;
}
.sectionEx03 form .btnBox > * { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width: 170px;
	height: 55px;
	padding:0 10px;
	margin:0 auto;
	background: #2196F3;
	border:none;
	border-radius:5px; 
	font-weight:700;
	font-size:20px;
	line-height:1;
	letter-spacing:-.3px;
	color:#fff;
}
.secCallBox { 
	position:relative; 
}
.secCallBox .inputArea#phone { 
	padding-right:120px;
}
.secCallBox .callBtn { 
	position:absolute; 
	box-sizing:border-box;
	padding:10px;
	right:15px;
	bottom:34px;
	border-radius:5px;
	background:#2196F3;
	font-size:20px;
	line-height:1;
	letter-spacing:-.3px;
	color:#fff;
	z-index:10;
}
.secCallhid { 
	display:none;
}
@media all and (max-width:1024px){
	.sectionEx01 { 
		padding:80px 0;
	}
	.sectionEx02,
	.sectionEx03 { 
		padding:60px 0;
	}
	.sectionExTit { 
		margin:0 0 30px;
		font-size: 42px;
	}
	.secEx { 
		padding:15px;
		font-size:16px;
	}
	.sectionExTxt { 
		margin:0 0 30px;
		font-size:22px; 
	}
	.sectionExStit { 
		font-size:22px; 
	}
	.sectionEx03 .sectionExTit { 
		margin:0 0 10px;
	}
	.sectionEx03 form label { 
		margin:0 0 10px;
		font-size:18px; 
	}
	.sectionEx03 form .inputArea { 
		padding:10px;
		margin:0 0 15px;
		font-size:18px;
	}
	.sectionEx03 form .inputArea::placeholder { 
		font-size:18px; 
	}
	.sectionEx03 form .btnBox > * { 
		width: 150px; 
		height: 40px;
		font-size:18px;
	}
	.secCallBox .inputArea#phone { 
		padding-right:90px;
	}
	.secCallBox .callBtn { 
		right:7px;
		bottom:22px;
		padding:8px;
		font-size:16px; 
	}
}
@media all and (max-width:999px){
	.sectionEx01 { 
		padding:60px 0;
	}
	.sectionEx02,
	.sectionEx03 { 
		padding:40px 0;
	}
	.sectionExTit { 
		margin:0 0 25px;
		font-size: 36px;
	}
	.secEx { 
		padding:10px;
	}
	.sectionExStit { 
		font-size:20px; 
	}
	.sectionExTxt { 
		margin:0 0 25px;
		font-size:19px; 
	}
	.sectionEx03 form label,
	.sectionEx03 form .inputArea,
	.sectionEx03 form .inputArea::placeholder,
	.secCallBox .callBtn { 
		font-size:16px; 
	}
	.sectionEx03 form .btnBox > * { 
		width: 130px; 
		height: 35px;
		font-size:16px;
	}
}
@media all and (max-width:599px){
	.sectionEx01,
	.sectionEx02,
	.sectionEx03 { 
		padding:30px 0;
	}
	.sectionExTit { 
		margin:0 0 20px;
		font-size: 31px;
	}
	.secEx { 
		font-size:15px;
	}
	.secExLst,
	.secExLst01 { 
		gap:15px; 
	}
	.secExLst01 > li { 
		width: 100%; 
	}
	.sectionExStit { 
		font-size:18px; 
	}
	.sectionExTxt { 
		margin:0 0 20px;
		font-size:18px; 
	}
	.sectionEx03 form label,
	.sectionEx03 form .inputArea,
	.sectionEx03 form .inputArea::placeholder,
	.secCallBox .callBtn { 
		font-size:15px; 
	}
	.secCallBox .callBtn { 
		bottom: 21px;
	}
	.sectionEx03 form .btnBox > * { 
		width: 120px;
		font-size:15px;
	}
}
/* -------- 한기소 추가 부분 끝  -------- */
/* 랜딩페이지 끝
------------------------------------------------------ */
/* 기부자 명단 시작
------------------------------------------------------ */
.dntLstWr { 
	max-width: 1080px;
	margin:0 auto;
	padding:165px 0;
}
.dntLstWr img { 
	max-width: 100%; 
}
.dntLstWr .dntLogo { 
	margin:0 0 124px;
	text-align:center;
}
.dntLstWr .sectionExTit { 
	margin:0 0 10px;
}
.dntLstWr .dntPrice { 
	margin:0 0 117px;
	font-weight:700;
	font-size:96px;
	text-align:center;
	line-height:1.2;
	letter-spacing:-.5px;
	color:#373737;
}
.dntLstWr .dntPrice span { 
	font-size:1.333em; 
}
.dntLstWr .dntTit01 { 
	position:relative; 
	padding:15px 0 0;
	margin:0 0 20px;
	text-align:center;
	font-weight:700;
	font-size:52px;
	line-height:1.2;
	letter-spacing:-.5px;
	color:#373737;
}
.dntLstWr .dntTit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 26px;
	height: 4px;
	left:50%;
	top:0;
	margin:0 0 0 -13px;
	background:#4B9DFF;
}
.dntLstWr .dntTxt01 { 
	margin:0 0 63px;
	font-size:24px;
	line-height:1.2;
	letter-spacing:-.5px;
	color:#373737;
	text-align:center;
}
.dntLstWr .dntTblBox { 
	overflow-x:auto; 
}
.dntLstWr .dntTblBox table { 
	min-width: 900px;
	border:1px solid #e0e0e0;
	font-size:21px;
	letter-spacing:-.45px;
	color:#373737;
}
.dntLstWr .dntTblBox table thead { 
	background:#f6f6f6; 
	border-bottom:1px solid #e0e0e0;
	text-align:left;
}
.dntLstWr .dntTblBox table thead tr th,
.dntLstWr .dntTblBox table tbody tr td { 
	padding:27px 36px;
	border-right:1px solid #e0e0e0;
}
.dntLstWr .dntTblBox table thead tr th:last-child, 
.dntLstWr .dntTblBox table tbody tr td:last-child {
	border-right:none;
}
.dntLstWr .dntTblBox table tbody tr td {
	border-bottom:1px solid #e0e0e0;	 
}
.dntLstWr .dntTblBox table tbody tr:last-child td { 
	border-bottom:none;
}
@media all and (max-width:1024px){
	.dntLstWr { 
		padding:100px 10px;
	}
	.dntLstWr .dntLogo { 
		margin:0 0 80px;
	}
	.dntLstWr .dntPrice { 
		margin:0 0 60px;
		font-size:86px; 
	}
	.dntLstWr .dntTit01 { 
		font-size:42px; 
	}
	.dntLstWr .dntTxt01 { 
		margin:0 0 40px;
		font-size:22px; 
	}
	.dntLstWr .dntTblBox table { 
		font-size:19px; 
	}
	.dntLstWr .dntTblBox table thead tr th, 
	.dntLstWr .dntTblBox table tbody tr td { 
		padding:20px;
	}
}
@media all and (max-width:999px){
	.dntLstWr { 
		padding:80px 10px;
	}
	.dntLstWr .dntLogo { 
		margin:0 0 60px;
	}
	.dntLstWr .dntPrice { 
		margin:0 0 40px;
		font-size:77px; 
	}
	.dntLstWr .dntTit01 { 
		padding:10px 0 0;
		margin:0 0 15px;
		font-size:36px; 
	}
	.dntLstWr .dntTxt01 { 
		margin:0 0 30px;
		font-size:20px; 
	}
	.dntLstWr .dntTblBox table { 
		font-size:18px; 
	}
	.dntLstWr .dntTblBox table thead tr th, 
	.dntLstWr .dntTblBox table tbody tr td { 
		padding:15px;
	}
}
@media all and (max-width:599px){
	.dntLstWr { 
		padding:40px 10px;
	}
	.dntLstWr .dntLogo { 
		margin:0 0 20px;
	}
	.dntLstWr .dntPrice { 
		margin:0 0 20px;
		font-size:38px; 
	}
	.dntLstWr .dntTit01 { 
		font-size:31px; 
	}
	.dntLstWr .dntTxt01 { 
		margin:0 0 20px;
		font-size:18px; 
	}
	.dntLstWr .dntTblBox table { 
		font-size:16px; 
	}
	.dntLstWr .dntTblBox table thead tr th, 
	.dntLstWr .dntTblBox table tbody tr td { 
		padding:10px;
	}
}
/* 기부자 명단 끝
------------------------------------------------------ */