/*set_up-----------------------------------------------------------------------------------------------------------------*/
*{box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
html{font-size:16px;}
body{margin:0; padding:0; font-family:'NotoKr_R' , sans-serif;  width:100%; height:auto; color:#333;} 

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0;}
ul, ol, dl{list-style:none;}
fieldset{border:none;}
legend{display:none;}
img{border:none;}

/*텍스트 밑줄 없애기*/
a{ text-decoration:none; }
a:hover{ text-decoration:none;}

/*인용구*/
blockquote:before, blockquote:after,
q:before, q:after{content: ''; content: none;}
table{border-collapse: collapse;border-spacing: 0;}
blockquote, q{quotes: none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{display: block;}

/*clearfix*/
.cf:after{clear:both; content:""; display:block;}

/*float*/
.FL {float:left}
.FR {float:right}

/*추가 편의*/
a{color:#333;}
*:focus{outline:none; border:none;}

select{border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none; /* 화살표 없애기 공통*/}
select::-ms-expand{display:none; /* 화살표 없애기 for IE10, 11*/ }

/*co-----------------------------------------------------------------------------------------------------------------*/

/* select */
select{width:100%; height:3rem; line-height:3rem; padding:0 1rem; border:0; font-size:1rem; background:transparent; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:"NotoKr_R"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
select::-ms-expand{display:none;}
div.sel-wrap{position:relative; border:1px solid #ccc; background:#fff url("/img/select_arrow.png") right center no-repeat; background-size:auto 11px;}
select:focus{border:1px solid #333;}

/* input */
input{border:1px solid #ccc; margin:0; outline:none; -webkit-appearance:none; appearance:none; -webkit-border-radius:0; border-radius:0; font-family:"NotoKr_R"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input:-ms-input-placeholder{color:#888; font-family:"NotoKr_L"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input:-moz-input-placeholder{color:#888; font-family:"NotoKr_L"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input::-webkit-input-placeholder{color:#888; font-family:"NotoKr_L"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input::placeholder{opacity:1; color:#888; font-family:"NotoKr_L"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input:focus{outline:none; border:1px solid #333;}

input[type="text"],[type="password"]{width:100%; height:3rem; line-height:3rem; padding:0 0.5rem;}
input:disabled{background:#ddd; border:#ddd;}

/* input - checkbox, radio */
label.c-input{position:relative; display:inline-block; height:3rem; line-height:3rem; padding-left:1.5rem; cursor:pointer; font-size:1rem;}
label.c-input input{position:absolute; z-index:-1; opacity:0; width:0; height:0; padding:0;}
label.c-input div.ci-show{position:absolute; top:50%; left:0; transform:translateY(-50%); height:1rem; width:1rem; background:#e6e6e6; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
label.c-input div.ci-show:after{content:""; position:absolute; display:none;}
label.c-input.ci-radio div.ci-show{border-radius:50%;}
label.c-input:hover input ~ div.ci-show,
label.c-input input:focus ~ div.ci-show{background:#ccc;}
label.c-input input:checked ~ div.ci-show{background:#0094b3;}
label.c-input:hover input:not([disabled]):checked ~ div.ci-show{background:#0094b3;}
label.c-input input:checked:focus ~ div.ci-show{background:#0094b3;}
label.c-input input:disabled ~ div.ci-show{background:#e6e6e6; opacity:0.6; pointer-events:none;}
label.c-input input:checked ~ div.ci-show:after{display:block;}

label.c-input.ci-check div.ci-show:after{left:6px; top:2px; width:3px; height:8px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg);}
label.c-input.ci-check input:disabled ~ div.ci-show:after{border-color:#7b7b7b;}
label.c-input.not-txt{height:auto; line-height:normal; padding:0;}
label.c-input.not-txt div.ci-show{position:inherit; top:auto; left:auto; transform:none;}
label.c-input.not-txt input:checked ~ div.ci-show,
label.c-input.not-txt input:checked:focus ~ div.ci-show,
label.c-input.not-txt:hover input:not([disabled]):checked ~ div.ci-show{background:#005b82;}

label.c-input.ci-radio div.ci-show:after{left:50%; top:50%; transform:translate(-50%, -50%); height:6px; width:6px; border-radius:50%; background:#fff;}
label.c-input.ci-radio input:disabled ~ div.ci-show:after{background:#7b7b7b;}

/* textarea */
textarea{-webkit-appearance:none; appearance:none; -webkit-border-radius:0; border-radius:0; border:1px solid #ccc; padding:0.3rem; outline:none; font-family:"NotoKr_R"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea:-ms-input-placeholder{opacity:1; color:#888; font-family:"NotoKr_L"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea:-moz-input-placeholder{opacity:1; color:#888; font-family:"NotoKr_L"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea::-webkit-input-placeholder{opacity:1; color:#888; font-family:"NotoKr_L"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea::placeholder{opacity:1; color:#888; font-family:"NotoKr_L"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea:focus{outline:none; border:1px solid #333;}


/* 踰꾪듉 */
div.btn-wrap{width:100%; height:auto; text-align:center;}
a.btn{display:inline-block; width:auto; height:3rem; line-height:3rem; padding:0 1.5rem; border:1px solid #333; text-align:center; font-size:1rem;  cursor:pointer; -webkit-transition:0.3s; -o-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
a.btn.wh{border-color:#fff; color:#fff;}
a.btn.wh-opa05{border-color:rgba(255, 255, 255, 0.5); color:rgba(255, 255, 255, 0.5);}
a.btn.fill01{background:#0093b4; border:1px solid #0093b4; color:#fff;}
a.btn.fill02{background:#6c757d; border:1px solid #6c757d; color:#fff;}
a.btn.fill03{background:#d13135; border:1px solid #d13135; color:#fff;}
a.btn.fill04{background:#282c37; border:1px solid #282c37; color:#fff;}
a.btn.fill05{background:#f39c11; border:1px solid #f39c11; color:#fff;}
a.btn.btn01:hover{background:#0093b4; border:1px solid #0093b4; color:#fff; box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);}
a.btn.btn02:hover{background:#6c757d; border:1px solid #6c757d; color:#fff; box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);}
a.btn.btn03:hover{background:#d13135; border:1px solid #d13135; color:#fff; box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);}
a.btn.btn04:hover{background:#282c37; border:1px solid #282c37; color:#fff; box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);}
a.btn.btn05:hover{background:#f39c11; border:1px solid #f39c11; color:#fff; box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);}
a.fill01:hover,
a.fill02:hover,
a.fill03:hover,
a.fill04:hover,
a.fill05:hover{transform:translateY(-7px); box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);}

/* margin, padding */
.mt1{margin-top:1rem;}
.mt1d5{margin-top:1.5rem;}
.mt2{margin-top:2rem;}
.mt3{margin-top:3rem;}

/* ?고듃 */
span.underline{position:relative; display:inline-block;}
span.underline:after{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#333;}
span.underline-wh:after{background:#fff;}

.center{text-align:center;}
.blue01{color:#0094b3;}

/* table */

@media screen and (max-width:1024px){
	/* 紐⑤떖 */
 div.wrap{width:90%; height:auto; max-height:80%;}
	
	/* div */
	div.b02:before,
	div.b02:after{width:1.5rem; height:1.5rem;}
	div.b02:before{left:15%;}
	div.b02:after{right:15%;}
}

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

@media screen and (max-width:640px){
	/* table */
	@keyframes tableScroll{
		0%{left:0;}
		50%{left:7px;}
		100%{left:0;}
	}

}

@media screen and (max-width:480px){
	/* select */
	div.sel-wrap{background-size:auto 7px;}


}
	

/*co-----------------------------------------------------------------------------------------------------------------*/

/*pro-----------------------------------------------------------------------------------------------------------------*/



/* 대표 */
div.donate{position:relative; width:100%; height:100vh; background:url("/images/main/fund_go.jpg") center no-repeat; background-size:cover; background-attachment:fixed; overflow:hidden;}
div.donate div.left{float:left; width:50%; height:100%; padding:2% 0 3% 5%;}

div.form-wrap{width:100%; height:100%; background:#fff; border-radius:1rem;}
div.form-wrap div.inner{width:100%; height:auto; padding:3rem;}
div.form-wrap h4.form-tit{width:100%; height:auto; margin-bottom:0.5rem; font-family:"NotoKr_B"; font-size:1.8rem;}
div.form-wrap h4.form-tit.small{font-size:1.2rem; font-family:"NotoKr_R"; letter-spacing:-0.05rem;}
div.form-wrap div.form{width:100%; height:auto; border-top:2px solid #333; border-bottom:1px solid #333; padding:1.5rem 0; margin-bottom:3rem;}
div.form-wrap div.form:last-child{margin-bottom:0;}
div.form-wrap div.form div.list{width:100%; height:auto; margin-bottom:1.5rem;}
div.form-wrap div.form div.list:last-child{margin-bottom:0;}
div.form-wrap div.form div.list div.tit{float:left; position:relative; width:20%; height:3rem; line-height:3rem; font-family:"NotoKr_B";}
div.form-wrap div.form div.list div.tit.esse span:after{position:relative; top:-0.2rem; left:0.5rem; display:inline-block; content:""; width:5px; height:5px; border-radius:50%; background:#ff0100;}
div.form-wrap div.form div.list div.con{float:left; width:80%; height:auto;}

	/* 후원하기 */
div.form-wrap div.form div.list.cycle div.con > label:first-child{margin-right:1.5rem;}
div.form-wrap div.form div.list.price div.con > div.sel-wrap{float:left; width:48%;}
div.form-wrap div.form div.list.price div.con > label{float:right; width:48%;}
div.form-wrap div.form div.list.price div.con > label > input{float:left; width:90%;}
div.form-wrap div.form div.list.price div.con > label > span{float:left; width:10%; height:3rem; line-height:3rem; text-align:right;}
div.form-wrap div.form div.list.price span.inf-txt{display:block; float:right; width:80%;}
div.form-wrap div.form div.list.price span.red{color:red;}
div.form-wrap div.form div.list.pay{}
div.form-wrap div.form div.list.pay div.btn-wrap{position:relative; display:flex; flex-wrap:wrap; min-height:3rem; height:auto;}
div.form-wrap div.form div.list.pay div.btn-wrap > label{order:1; position:absolute; top:0; display:block; width:24%; height:3rem; line-height:3rem; background:#fff; border:1px solid #ccc; text-align:center; color:#bbb; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer;}
div.form-wrap div.form div.list.pay div.btn-wrap > label.pay01{left:0;}
div.form-wrap div.form div.list.pay div.btn-wrap > label.pay02{left:25%;}
div.form-wrap div.form div.list.pay div.btn-wrap > label.pay03{left:50%;line-height:1.4rem;}
div.form-wrap div.form div.list.pay div.btn-wrap > label.pay04{right:0%;}
div.form-wrap div.form div.list.pay div.btn-wrap div.pay-tabCon{display:none; order:99; flex-grow:1; width:100%; padding:1.5rem 1.8rem; background:#f8f8f8; margin-top:3.5rem;}
div.form-wrap div.form div.list.pay div.btn-wrap > input[type="radio"]{display:none;}
div.form-wrap div.form div.list.pay div.btn-wrap > label:hover,
div.form-wrap div.form div.list.pay div.btn-wrap > input[type="radio"]:checked + label{border:1px solid #0094b3; color:#0094b3; font-family:"NotoKr_M";}
div.form-wrap div.form div.list.pay div.btn-wrap > input[type="radio"]:checked + label + div.pay-tabCon{display:block;}
div.form-wrap div.form div.list.pay div.btn-wrap div.pay-tabCon div.select-wrap{width:100%;}
div.form-wrap div.form div.list.pay div.btn-wrap div.pay-tabCon div.select-wrap > label{float:left; width:50%; font-weight:bold; text-align:left;}
div.form-wrap div.form div.list.pay div.btn-wrap div.pay-tabCon div.pay-tabCon-con{margin-top:1.5rem;}
div.form-wrap div.form div.list.pay div.btn-wrap div.pay-tabCon div.pay-tabCon-con > div{margin-bottom:1rem;}
div.form-wrap div.form div.list.pay div.btn-wrap div.pay-tabCon div.pay-tabCon-con > div:last-child{margin-bottom:0;}
div.form-wrap div.form div.list.pay div.btn-wrap div.pay-tabCon div.pay-tabCon-con div div.tit{font-family:"NotoKr_R"; text-align:left;}
div.form-wrap div.form div.list.pay div.btn-wrap div.pay-tabCon div.pay-tabCon-con div.bank{width:100%; height:auto;}
div.form-wrap div.form div.list.pay div.btn-wrap div.pay-tabCon div.pay-tabCon-con div.bank div.sel-wrap{width:100%; background:#fff url("/img/select_arrow.png") 100% center no-repeat; background-size:auto 20%;}
div.form-wrap div.form div.list.pay div.btn-wrap div.pay-tabCon div.pay-tabCon-con div.number{display:none;}
div.form-wrap div.form div.list.pay div.btn-wrap div.pay-tabCon div.pay-tabCon-con div.number div.con input{float:left; width:31.3%;}
div.form-wrap div.form div.list.pay div.btn-wrap div.pay-tabCon div.pay-tabCon-con div.number div.con input:nth-of-type(2){margin:0 3%;}
div.form-wrap div.form div.list.pay div.btn-wrap div.pay-tabCon div.pay-tabCon-con div.birth div.con div.sel-wrap{float:left; width:31.3%; background:#fff url("/img/select_arrow.png") 100% center no-repeat; background-size:auto 20%;}
div.form-wrap div.form div.list.pay div.btn-wrap div.pay-tabCon div.pay-tabCon-con div.birth div.con div.sel-wrap:nth-of-type(2){margin:0 3%;}
div.form-wrap div.form div.list.pay div.btn-wrap div.pay-tabCon div.fac_num div.tit{font-family:"NotoKr_R"; text-align:left;}
div.form-wrap div.form div.list.pay.pay-type02 div.btn-wrap > label{width:31%;}
div.form-wrap div.form div.list.pay.pay-type02 div.btn-wrap > label.pay03{left:0;}
div.form-wrap div.form div.list.pay.pay-type02 div.btn-wrap > label.pay04{left:50%; transform:translateX(-50%); letter-spacing:-0.1rem;}
div.form-wrap div.form div.list.pay.pay-type02 div.btn-wrap > label.pay04 br{display:none;}
div.form-wrap div.form div.list.pay.pay-type02 div.btn-wrap > label.pay05{right:0;}
div.form-wrap div.form div.list.etc div.con textarea{width:100%; height:5rem; border:1px solid #ccc; resize:none;}
div.form-wrap div.form div.list.count div.con div.times{float:left; width:45%;}
div.form-wrap div.form div.list.count div.con div.times div.sel-wrap{display:inline-block; width:90%;}
div.form-wrap div.form div.list.count div.con div.times > span{display:inline-block;}
div.form-wrap div.form div.list.count div.con div.bar{float:left; width:10%; height:3rem; line-height:3rem; text-align:center;}
div.form-wrap div.form div.list.count div.con div.month{float:left; width:100%; height:3rem; line-height:3rem; background:#f0f0f0; padding:0 1rem; letter-spacing:-0.08rem;}
div.form-wrap div.form div.list.count div.con div.month div.month-tit{float:left; font-family:"NotoKr_B";}
div.form-wrap div.form div.list.count div.con div.month div.t_price{float:right;}
div.form-wrap div.form div.list.date2 div.con div.date-wrap{float:left; width:45%;}
div.form-wrap div.form div.list.date2 div.con div.date-wrap div:nth-of-type(1){float:left; width:58%;}
div.form-wrap div.form div.list.date2 div.con div.date-wrap div:nth-of-type(2){float:right; width:40%;}
div.form-wrap div.form div.list.date2 div.con div.bar{float:left; width:10%; height:3rem; line-height:3rem; text-align:center;}
div.form-wrap div.form div.list.date2 span.inf-txt{float:right; width:80%;}

	/* 회원정보 */
div.form-wrap div.form div.list.name div.con > input{float:left; width:80%;}
div.form-wrap div.form div.list.name div.con > label{float:right; width:20%; text-align:right;}
div.form-wrap div.form div.list.name div.con > label.c-input div.ci-show{left:inherit; right:2.5rem;}
div.form-wrap div.form div.list div.tit > label.c-input{position:absolute; top:50%; right:0; transform:translateY(-50%); height:auto; line-height:normal;}
div.form-wrap div.form div.list.r-num div.con > input{float:left; width:45%}
div.form-wrap div.form div.list.r-num div.con > span.bar{float:left; width:10%; height:3rem; line-height:3rem; text-align:center;}
div.form-wrap div.form div.list.c-num div.con > input,
div.form-wrap div.form div.list.phone div.con > input,
div.form-wrap div.form div.list.phone div.con > div.sel-wrap{float:left; width:26.666%;}
div.form-wrap div.form div.list.c-num div.con > span.bar,
div.form-wrap div.form div.list.phone div.con > span.bar{float:left; width:10%; height:3rem; line-height:3rem; text-align:center;}
div.form-wrap div.form div.list.mail div.con > input,
div.form-wrap div.form div.list.mail div.con > div.sel-wrap{float:left; width:26.666%}
div.form-wrap div.form div.list.mail div.con > span.bar{float:left; width:10%; height:3rem; line-height:3rem; text-align:center;}

	/* 약정정보 */
div.form-wrap div.form div.list.position div.con div[class^="part"]{display:inline-block;}
div.form-wrap div.form div.list.position div.con div[class^="part"] label{margin-right:0.8rem;}
div.form-wrap div.form div.list.position div.con div.part02 label:last-child{margin-right:0;}
div.form-wrap div.form div.list.position div.con span.inf{display:block; font-size:0.8rem;}
div.form-wrap div.form div.list.posi-con div.con > span.s-tit{display:block; width:100%; font-size:0.8rem; font-family:"NotoKr_M";}
div.form-wrap div.form div.list.posi-con-alumni div.con > div.sel-wrap{float:left; width:31%; margin-right:3.5%;}
div.form-wrap div.form div.list.posi-con-alumni div.con div.sel-wrap:last-child{margin-right:0;}
div.form-wrap div.form div.list.posi-con-stu div.con > div.sel-wrap{float:left; width:31%; margin-right:3.5%;}
div.form-wrap div.form div.list.posi-con-stu div.con > input{float:left; width:31%; margin-right:0;}
div.form-wrap div.form div.list.posi-con-parents div.con > input{float:left; width:48%; margin-right:4%;}
div.form-wrap div.form div.list.posi-con-parents div.con > input:last-child{margin-right:0;}
div.form-wrap div.form div.list.posi-con-company div.con > input{float:left; width:31%; margin-right:3.5%;}
div.form-wrap div.form div.list.posi-con-company div.con > input:last-child{margin-right:0;}
div.form-wrap div.form div.list.post{margin-bottom:0;}
div.form-wrap div.form div.list.post div.con label:first-child{margin-right:1.5rem;}
div.form-wrap div.form div.list.post-txt{}
div.form-wrap div.form div.list.post-txt div.con > input.add01{float:left; width:80%;}
div.form-wrap div.form div.list.post-txt div.con > a.zip-btn{float:left; display:block; width:20%; height:3rem; line-height:3rem; background:#333; text-align:center; color:#fff;}
div.form-wrap div.form div.list.post-txt div.con > input.add02{width:100%; margin-top:0.5rem;}

	/* 개인정보 수집 및 이용 동의 */
div.form-wrap div.form div.terms-all{width:100%; height:auto; background:#f5f5f5; padding:0 1rem; margin-bottom:2rem;}
div.form-wrap div.form div.terms-wrap{width:100%; height:auto; margin-bottom:2rem; letter-spacing:-0.05rem;}
div.form-wrap div.form div.terms-wrap label.c-input{height:auto; line-height:normal; margin-bottom:0.5rem;}
div.form-wrap div.form div.terms-wrap label.c-input div.ci-show{top:0.3rem; transform:none;}
div.form-wrap div.form div.terms-wrap div.terms{width:100%; height:6rem; border:1px solid #ccc;}
div.form-wrap div.form div.terms-wrap div.terms div.wrap{line-height:1.6; padding:1rem; font-size:0.9rem; color:#888; font-family:"NotoKr_DL";}
div.form-wrap div.form div.terms-wrap div.terms div.wrap span.bold{coloR:#333; font-family:"NotoKr_M";}
div.form-wrap div.form div.terms-wrap div.terms div.wrap ul.terms-li{word-break:keep-all;}
div.form-wrap div.form div.terms-wrap div.terms div.wrap ul.terms-li > li > ul{padding-left:1rem;}
div.form-wrap div.form div.agree-wrap{margin-top:1rem; text-align:center;}
div.form-wrap div.form div.agree-wrap > div span.tit{display:inline-block; margin-right:2rem;}
div.form-wrap div.form div.agree-wrap > div label:last-child{margin-left:1rem;}
p.terms-last-txt{margin-bottom:2rem; text-align:center; letter-spacing:-0.05rem;}

div.donate div.right{float:right; position:relative; width:50%; height:100%;}
div.donate div.right div.txt-wrap{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:80%; height:auto; text-align:right;}
div.donate div.right div.txt-wrap div.tit{font-size:8rem; color:#fff; letter-spacing:-0.8rem; text-shadow:0 0 8px rgba(0, 0, 0, 0.8);}
div.donate div.right div.txt-wrap div.con{width:100%; height:auto; padding:4rem; margin-top:-2.6rem; background:rgba(0, 0, 0, 0.7); color:#fff; font-size:2.5rem; letter-spacing:-0.2rem;}


@keyframes arrow01{
	0%{top:40%;}
	100%{top:50%;}
}
@media screen and (max-width:1600px){
	
	div.donate div.left{width:60%;}
}

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

}

@media screen and (max-width:1366px){
	
	div.donate div.right div.txt-wrap div.con{padding:3rem 1.5rem;}
}

@media screen and (max-width:1280px){
	
	div.form-wrap div.inner{padding:2rem;}

}

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

	div.donate div.left{float:none; width:90%; margin:0 auto; padding:2rem 0 2rem 0;}

}

@media screen and (max-width:768px){
	
	div.form-wrap div.form div.list.price div.con > div.sel-wrap{width:100%;}
	div.form-wrap div.form div.list.count div.con div.month{padding:0 0.5rem;}
		/* 개인정보 수집 및 이용 동의 */
	div.form-wrap div.form div.terms-all,
	div.form-wrap div.form div.terms-wrap{margin-bottom:1.5rem;}
	
}

@media screen and (max-width:640px){
	
	div.donate div.left{padding-top:2rem;}
	
	div.form-wrap div.form div.list div.tit{float:none; width:100%; height:auto; line-height:normal;}
	div.form-wrap div.form div.list div.con{float:none; width:100%;}
	div.form-wrap div.form div.list.price span.inf-txt{float:none; width:100%;}
	div.form-wrap div.form div.list.posi-con div.tit,
	div.form-wrap div.form div.list.post-txt div.tit{display:none;}
	div.form-wrap div.form div.list div.tit > label.c-input{position:inherit; top:auto; right:auto; transform:none; vertical-align:middle;}

}

@media screen and (max-width:480px){
	
	div.donate div.left{padding-top:2rem; padding-bottom:1rem;}	
	
	div.form-wrap div.inner{padding:1rem 0 1rem 1.5rem;}
	div.form-wrap2 div.inner{padding-right:1.5rem;}
	div.form-wrap h4.form-tit{font-size:1.5rem;}
	div.form-wrap div.form div.list.pay.pay-type02 div.btn-wrap > label.pay04{line-height:normal;}
	div.form-wrap div.form div.list.pay.pay-type02 div.btn-wrap > label.pay04 br{display:block;}
	div.form-wrap div.form div.list.count div.con div.times{width:90%;}
	div.form-wrap div.form div.list.count div.con div.month{width:100%; margin-top:0.5rem;}
		/* 개인정보 수집 및 이용 동의 */
	div.form-wrap div.form div.terms-all,
	div.form-wrap div.form div.terms-wrap{margin-bottom:1rem;}


}
	

@media screen and (max-width:425px){
	
	span.esse{margin-left:0.5rem;}

	div.donate div.left{padding-top:2rem;}
	
	div.form-wrap div.form div.list.pay div.btn-wrap div.pay-tabCon{padding:1rem;}
	div.form-wrap div.form div.list.post-txt div.con > input.add01{width:65%;}
	div.form-wrap div.form div.list.post-txt div.con > a.zip-btn{width:35%;}
	div.form-wrap div.form div.terms-wrap{height:10rem;}
	div.form-wrap div.form div.list.count div.con div.times div.sel-wrap{width:80%;}
	div.form-wrap div.form div.list.date2 span.inf-txt{float:none; width:100%;}

}