@charset "utf-8";
@import url('font/font-awesome.css');

div.wrapper {overflow:hidden; font-family:'Noto Sans KR', '맑은고딕', sans-serif;font-size: 15px; background: url('../image/kses_newsletter_bg.png') center top no-repeat, url('../image/kses_newsletter_mid_bg.png') center top repeat-y ;word-break: keep-all;}

div.wrapper a {text-decoration: none;}

img {max-width:100%; }

/*  Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
	div.wrapper {width: 100%;min-width:320px; font-size:15px;}
	a.mOnly {display: block;}
}

/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
	div.wrapper {word-break:keep-all;}

	a.mOnly {cursor:default !important;}
}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
	.pcOnly {display:none !important;}
	.mobileOnly {display:block !important;}
}
/* PC : width:961px ~  */
@media screen and (min-width: 961px) {
	.pcOnly {display:block !important;}
	.mobileOnly {display:none !important;}
}


/* =================== Header =================== */

div#headerWrap {position: relative; height: 320px; margin: 0 auto;}
div#headerWrap a {display: block;}
div#headerWrap h1 {position: absolute; top: 155px;}
div#headerWrap h1 a {font-weight: 300; color:#FFF; text-align: center;}
div#headerWrap h1 a > span {display: block; background: url('../image/header_bg.png') center top no-repeat; font-weight: 500;}
div#headerWrap h1 a > span span {color: #ffef81;}


/* _headerUtil */


div#headerWrap div.headerUtil ul,
div#headerWrap p.home {position:absolute;}
div#headerWrap div.headerUtil li {display:inline-block; vertical-align: middle; margin-left: 10px;}
div#headerWrap div.headerUtil li:first-child {margin-left: 0;}

div#headerWrap p.home a {display:block;}
div#headerWrap a.newsletter {padding: 0 10px 2px; border-radius:4px;background-color: #ffffff;color: #313131;font-size: 15px;}


/* _gnb */
div.gnbWrap {display: none;z-index: 100;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(0,0,0,.7);}
ul#gnb,
div.gnbWrap p.close {position: absolute;left:50%;}

div.gnbWrap p.close {top: 33px; height: 50px; margin-left: 430px;}
div.gnbWrap p.close a {width: 50px;height: 50px;text-indent: -10000px;background: url('../image/icon_close.png') center center no-repeat;}

ul#gnb {top: 105px;background-color: #fff;}
ul#gnb li {}
ul#gnb ul li {padding-left: 60px;background-color: #f7f7f7;}

ul#gnb a {position: relative; font-weight: 300; color: #282828;}

ul#gnb a:before {position: absolute;}

ul#gnb > li > a {padding-left: 60px;}
ul#gnb > li > a:before {content: "●"; color: #d2d2d2;}
ul#gnb > li  li a {padding-left: 10px;}
ul#gnb > li  li a:before {left: 0;content: "-";}



/* PC : width:961px ~  */
@media screen and (min-width: 961px) {
	div.wrapper {}

	div#headerWrap {width: 960px;}
	div#headerWrap h1 {left: 50%; margin-left: -369px;}
	div#headerWrap h1 a {font-size: 40px;}
	div#headerWrap h1 a > span {margin-top: 20px; padding-top: 20px; font-size: 25px;}

	/* _headerUtil */
	div#headerWrap div.headerUtil ul {right:0; top:33px;}
	div#headerWrap p.home {top:23px; left:22px;}


	/* _gnb */
	div.gnbWrap {width: 100%;}
	ul#gnb{width: 680px;margin-left: -220px; border: 10px solid #32457b; background: url('../image/gnbBg_top.png') right top no-repeat, url('../image/gnbBg_bot.png') right bottom no-repeat #fff; padding: 30px 0;}
	
	ul#gnb > li > a {padding-left: 50px;}
	ul#gnb a {font-size: 18px; line-height: 36px; font-weight: 600; padding: 5px 0 7px;}
	ul#gnb a:before {top: 5px; left:30px; font-size:8px; line-height: 36px;}

	div#headerWrap a.viewMenu {width: 50px;height: 50px;}

}

/*  Mobile : ~ width:960px*/  
@media screen and (max-width: 960px) {
	div.wrapper {width: 100%;min-width:320px; background: none;}

	div#headerWrap {position: relative;background: url('../image/topBg_m.png') no-repeat center top; background-size: 100% 100%; height: auto;}
	div#headerWrap:after {z-index: 5;position: absolute;bottom: -53px;right: 0;width: 65px;height: 66px;background: url('../image/topBg_m2.png') right bottom no-repeat;background-size: auto 66px;content: '';}
	div#headerWrap h1 {position: static;top: auto; left: auto; padding: 80px 0 30px 0; clear: both;}
	div#headerWrap h1 a {font-size:24px; text-align: center; width: 100%; display:block; }
	div#headerWrap h1 a img.mobileOnly{display:inline-block !important;}
	

	/* _headerUtil */
	div#headerWrap div.headerUtil ul {right:10px; top:15px; font-size: 0;}
	div#headerWrap div.headerUtil li {display:inline-block; font-size: 15px; vertical-align: middle; width: 75px;}
	div#headerWrap div.headerUtil li:last-child{width: 25px;}

	div#headerWrap p.home {top:15px; left:15px; }
	div#headerWrap p.home img {width:100px; height:auto;}


	/* _gnb */
	ul#gnb,
	div.gnbWrap p.close {right: 10px; left:auto;}
	
	ul#gnb {top:54px; border:5px solid #32457b; max-width:600px;background: url('../image/gnbBg_top.png') right top no-repeat, url('../image/gnbBg_bot.png') right bottom no-repeat #fff;background-size: 133px, 80px;}
	div.gnbWrap p.close {height:25px; margin-left: 0; top:15px;}
	div.gnbWrap p.close a {width:25px; height:25px; background-size: 25px 25px;}

	ul#gnb ul li {padding-left: 30px; background-color: #f7f7f7;}
	ul#gnb > li > a {padding-left:30px; line-height:22px;}
	ul#gnb a {font-size:14px; line-height: 28px;}
	ul#gnb a {padding:8px 5px 9px;}
	ul#gnb a:before {top:8px; left:15px; font-size:0.1em;}

	div#headerWrap a.search,
	div#headerWrap a.viewMenu {width:25px;height: 24px; background-size:auto 24px;}
	div#headerWrap a.newsletter {font-size:13px;}
}






/* =================== Footer =================== */

div#footerWrap {background-color: #142e25; text-align: center; color: #fff; padding: 20px 0; font-weight: 200;}

/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div#footerWrap p{font-size: 14px;}


}


/*  Mobile : ~ width:960px */
@media screen and (max-width: 960px) {

div#footerWrap p{font-size: 12px;}

}




/* =================== 타이틀 관련 =================== */



/* div#container {background: url('../image/kses_newsletter_botBg.png') center 360px no-repeat;} */


.pageTit {background: url('../image/pageTit.png') 0 14px no-repeat; font-weight: 700; color: #282f8f;}


.subTit{text-align: center; font-size: 17px; font-weight: 400;}
.conTit{font-size: 17px; font-weight: 400; margin: 15px 0 10px;}
.subTitBg {margin: 30px 0 5px; padding: 9px 20px 11px; background-color: #ddeeff; font-size: 20px; font-weight: 700; color: #012950;  border-radius:28px;}
.boldTit {padding-left:8px; text-indent:-8px; font-weight: bold; color: #000;}
.subTit_q {margin: 30px 0 5px; background: url('../image/tit_sub.jpg') 0 4px no-repeat; font-weight: 700;color: #3a3a3a;}
.borderTit {font-size: 0;line-height: 0;color: #000;font-weight: 500;}
.borderTit span {display: inline-block;vertical-align: top;padding: 0 5px;}

.subTitBg:first-child,
.boldTit:first-child {margin-top: 0;}


.conTit + p{margin-top: 0 !important;}



/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
	div#container {padding: 20px 0;}
	/* div#container.main{background: url('../image/kses_newsletter_botBg.png') center 360px no-repeat;} */

	.subTit{margin: 25px 0 15px;}
	.conTit{margin: 20px 0 5px;}
	.pageTit {padding-left: 30px; font-size: 24px;}
	.boldTit {margin:30px 0 10px;}
	.subTit_q {padding-left: 35px; font-size: 20px;}
	.borderTit {margin-top: 30px;}
	.borderTit span {font-size: 20px;line-height: 30px;box-shadow: inset 0 -13px 0 #bef0ff;}
}


/*  Mobile : ~ width:960px */
@media screen and (max-width: 960px) {

	.subTit{margin: 20px 0 10px; font-size: 15px;}
	.conTit{margin: 20px 0 5px; font-size: 15px;}
	.pageTit {font-size:15px; padding-left: 20px; background-position: left 10px; background-size: 13px 8px;}
	.boldTit {margin:20px 0 10px; font-size:15px; line-height:20px;}
	.subTit_q {padding-left:24px; font-size: 15px; background-size:20px;}
	.borderTit {margin-top: 15px;}
	.borderTit span {font-size: 15px;line-height: 20px;box-shadow: inset 0 -7px 0 #bef0ff;}
}




/* =================== 메인 =================== */

/* Main */


div.main div.banner,
div.main div.contents {background-color: #636363;}
div.main div.contents a {display: block;}

div.main div.contents > dl {position: relative; background-color: #FFF;}
div.main dt.titBg {position: absolute;left: 0;top: -26px;padding-right: 15px;background-position: right top;background-repeat: no-repeat;}
div.main dt.titBg span {display: block; color:#FFF;}

ul.mainQuick > li.row2ea a:first-child {margin-bottom: 15px;}

ul.mainQuick > li.col2ea {overflow: hidden;}
ul.mainQuick > li.col2ea a {float: right;width: calc(50% - 8px);margin: 0 0 0 8px;}
ul.mainQuick > li.col2ea a:first-child {float: left;margin: 0 8px 0 0;}

dl.mainEvent dt {background-image: url('../image/main_tit06.png');}
dl.mainEvent dt span {background-color: #614d46;}





/* PC : width:961px ~  */
@media screen and (min-width: 961px) {

	div#container.main {padding-top:15px;}
	
	div.main div.banner,
	div#container div.contents {padding:35px; width: 888px; margin: -35px auto 0; border: 1px solid #d2d2d2; border-top: 0 none; background: #fff;}

	div.main div.banner{margin-top: 30px;}
	div.main div.banner ul{margin: 0; padding: 0; overflow: hidden;}
	div.main div.banner ul li{float: left;width: calc(50% - 20px);padding: 0 40px 0 0;}
	div.main div.banner ul li:last-child{padding-right: 0 !important;}

	div.main dt.titBg span {min-width:170px; padding: 12px 30px 14px; font-size: 18px; line-height: 20px;}
	div.intro {max-width: 960px; margin:  0 auto 35px;}
	

	ul.mainQuick {margin: 0;padding: 0;}
	ul.mainQuick:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
	ul.mainQuick > li:nth-child(odd) {float: left;width: calc(50% - 20px);padding: 0 20px 30px 0;}
	ul.mainQuick > li:nth-child(even) {float: left;width: calc(50% - 20px);padding: 0 0 30px 20px;}
	ul.mainQuick > li {float: left;width: calc(50% - 40px);padding: 0 40px 30px 0;}
	ul.mainQuick > li.row2ea,
	ul.mainQuick > li.col2ea {padding: 0 0 30px 20px;}

}



/*  Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
	
	div#container {padding:15px 0 15px; background-image: none; background-color: #e4ebe8;}
	div.main div.banner,
	div#container div.contents {padding:15px; margin: 0 15px 15px; background: #fff;}
	div#container div.contents {min-height: 300px;}

	div.main div.banner{margin-bottom: 0;}
	div.main div.banner ul{margin: 0; padding: 0; overflow: hidden;}
	div.main div.banner ul li{float: left;width: calc(50% - 10px);padding: 0 20px 0 0;}
	div.main div.banner ul li:last-child{padding-right: 0 !important;}

	div.main dt.titBg span {padding: 10px 20px 10px; font-size: 15px; line-height: 18px;}
	div.intro {margin: -15px 0 15px;width: 100%;}
	div.intro img {display: block;width: 100%;}
	

	div.main div.contents > dl {margin-top:45px;}
	div.main div.contents > dl:first-child {margin-top:0;}
	div.main .contents dl dt {z-index:10;}

	ul.mainQuick {overflow:hidden;}
	ul.mainQuick > li {float:left;width:100%;padding-top: 15px;}
	ul.mainQuick > li:first-child {padding-top: 0;}
	ul.mainQuick img {width:100%;}
	ul.mainQuick > li.half {width: calc(50% - 7.5px);}
	ul.mainQuick > li.half:last-child {margin-left: 15px;}
}



/*  Mobile : ~ width:640px */
@media screen and (max-width: 720px) {
	
	div.main .section01,
	div.main .section02 {float:none; width:100%;}

	div.main .contents .section03 {overflow:hidden; margin:0;}
	div.main .contents .section03 a {width:100%; padding:0;}

	div.main .contents .section04 {overflow:hidden; margin:0;}
	div.main .contents .section04 a {width:100%; padding:0;}

	div.main .contents > div,
	div.main .contents > div a {padding-top:15px;}
	div.main .contents > div:first-child,
	div.main .contents > div a:first-child {padding-top:0;}

	div.main .section03 {float:none; width: 100%}
	div.main .section03 a {width:100%;}
	div.main .section04 {float:none; width: 100%;}
	div.main .section04 a {width:100%;}

	div.section05{width: 100%; float: none; padding: 0 0 10px 0;}
	div.section05 a{display: block;}
	div.section05 a img{width: 100%; }

	div.section06{width: 100%; float: none; padding:  0 0 35px 0; box-sizing: border-box;}
	div.section06 a{width: 48%; float: left; padding-right: 1%; padding-top:  0 !important;}
	div.section06 a:last-child{float: right; padding-left: 1%;}
	div.section06 a img{width: 100%;}


}




/* =================== 컨텐츠 =================== */

div.contents {padding-top: 20px;font-size: 15px;color: #636363;text-align: justify; min-height: 300px; font-weight: 400;}
div.contents > p:first-child {margin-top: 0;}

p.info {display: block;color: #7a7a7a;}


/* _sub01*/
div.sub01 > * {margin-top: 2em;}
div.sub01 > *:first-child {margin-top: 0;}
div.sub01 > p.bg {margin-top: 50px;padding: 10px 0 12px;text-align: center;color: #fff;font-weight: 500;font-size: 24px;background:#164c82 url('../image/sub01_bg.png') 0 0 repeat-y;}

div.sub01 span.fl {display: block;margin:0  15px 15px 0;color: #7a7a7a;text-align: center;}
div.sub01 span img {display: block;}


/* _sub02*/
div.sub02 div.imgArea {position: relative;padding-left: 200px;}
div.sub02 div.imgArea p.img {position: absolute;left: 0;top: 0;}
div.sub02 > *:nth-child(2) {margin-top: 2em;}


/* _sub03*/
div.sub03 > p:first-child {margin-top: 0;}

div.sub03 span.fr {display: block;margin:0  0 15px 15px;color: #7a7a7a;text-align: center;}
div.sub03 span img {display: block;}

/* _sub04*/
div.sub04 > *:nth-child(2) {margin-top: 2em;}


/* _sub06*/
div.sub05 {}
div.sub05 p.ac {font-weight: 500;}


/* _sub06*/
div.sub06 {}
div.sub06 th {background-color: #f5f5f5;}
div.sub06 table.tblDef td {padding: 20px;}


/* _sub07*/
div.sub07 {}
div.sub07 .fl {margin: 10px 15px 15px 0;}
div.sub07 span.fwBold {display: inline-block;padding-bottom: 15px;}


/* _sub09*/

div.newMember table.tblDef thead th{background: #ddebf7;}





/* _서브 이름*/
.name{font-size: 17px; color: #000; font-weight: bold; text-align: right; margin: 0; padding: 0; margin-top: 0 !important;}


.photo {text-align: center;}
.photo img {display: block;margin: 0 auto; width:100%; max-width:770px;}
.photo span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo750 {text-align: center; font-size: 14px}
.photo750 img {display: block;margin: 0 auto; width:100%; max-width:750px;}
.photo750 span {display: block;padding: 15px 0 0;font-weight: 500;}

.photo750a {text-align: center; font-size: 14px}
.photo750a img {display: block;margin: 0 auto; width:100%; max-width:750px;}
.photo750a span {display: block;font-weight: 500;}

.photo900 {text-align: center; font-size: 14px}
.photo900 img {display: block;margin: 0 auto; width:100%; max-width:900px;}
.photo900 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo800 {text-align: center; font-size: 14px}
.photo800 img {display: block;margin: 0 auto; width:100%; max-width:800px;}
.photo800 span {display: block;padding: 15px 0 0;font-weight: 500;}

.photo990 {text-align: center; font-size: 14px}
.photo990 img {display: block;margin: 0 auto; width:100%; max-width:990px;}
.photo990 span {display: block;padding: 15px 0 0;font-weight: 500;}

/*
.photo770 {text-align: center;font-size: 14px;line-height: 1.2;}
.photo770 img {display: block;margin: 0 auto; width:100%; max-width:770px;}
.photo770 span {display: block;padding: 15px 0 0;font-weight: 500;}
*/
.photo770 {text-align: center; font-size: 14px}
.photo770 img {display: block;margin: 0 auto; width:100%; max-width:770px;}
.photo770 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo700 {text-align: center; font-size: 14px}
.photo700 img {display: block;margin: 0 auto; width:100%; max-width:700px;}
.photo700 span {display: block;padding: 15px 0 0;font-weight: 500;}

.photo618 {text-align: center; font-size: 14px}
.photo618 img {display: block;margin: 0 auto; width:100%; max-width:618px;}
.photo618 span {display: block;padding: 15px 0 0;font-weight: 500;}

.photo600 {text-align: center; font-size: 14px}
.photo600 img {display: block;margin: 0 auto; width:100%; max-width:600px;}
.photo600 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo650 {text-align: center; font-size: 14px}
.photo650 img {display: block;margin: 0 auto; width:100%; max-width:650px;}
.photo650 span {display: block;padding: 15px 0 0;font-weight: 500;}

.photo550 {text-align: center; font-size: 14px}
.photo550 img {display: block;margin: 0 auto; width:100%; max-width:550px;}
.photo550 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo500 {text-align: center; font-size: 14px}
.photo500 img {display: block;margin: 0 auto; width:100%; max-width:500px;}
.photo500 span {display: block;padding: 15px 0 0;font-weight: 500;}

.photo450 {text-align: center; font-size: 14px}
.photo450 img {display: block;margin: 0 auto; width:100%; max-width:450px;}
.photo450 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo400 {text-align: center; font-size: 14px}
.photo400 img {display: block;margin: 0 auto; width:100%; max-width:400px;}
.photo400 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo350 {text-align: center; font-size: 14px}
.photo350 img {display: block;margin: 0 auto; width:100%; max-width:350px;}
.photo350 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo150 {text-align: center; font-size: 14px}
.photo150 img {display: block;margin: 0 auto; width:100%; max-width:150px;}
.photo150 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo155 {text-align: center; font-size: 14px}
.photo155 img {display: block;margin: 0 auto; width:100%; max-width:155px;}
.photo155 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo1500 {text-align: center; font-size: 14px}
.photo1500 img {display: block;margin: 0 auto; width:100%; max-width:1500px;}
.photo1500 span {display: block;padding: 15px 0 0;font-weight: 500;}

table.tblDef {border: 1px solid #dedede;border-right: 0 none;border-bottom: 0 none;}
table.tblDef th,
table.tblDef td {padding: 5px;border-right:1px solid #dedede;border-bottom: 1px solid #dedede;text-align: center; font-size:12px; color: #3f3f3f; }
table.tblDef th {}
table.tblDef tr.fwBold > * {font-weight: 500;}
table.tblDef thead th {font-weight: 500;background-color: #f5f5f5;}

h4.profileTit {margin-top:30px;}
h4.profileTit a {display:block; padding:5px 20px; background:#3a4525 url('../image/bl_toggle.png') no-repeat right -57px; font-size:15px; color:#FFF;}

h4.profileTit.on a {background-position:right 18px;}

dl.profile {display:none; padding:0 20px 20px; border:1px solid #ccc;}
dl.profile dt:first-child {padding-top:10px;}

p.txtTwo {overflow:hidden;}
p.txtTwo b {display:block; width:50%; float:left;}




/*  pc : ~ width:990px */
@media screen and (min-width: 960px) {
	
	div.contents > p {margin: 10px 0;}

	
	div.big {padding-left:380px;}
	div.noImg {padding-left:0;}

	div.name p.img {display: inline-block;vertical-align: top;margin-top:0;}
	div.name p.img img {display: block;width: 140px;}
	div.name p.img + strong {display: block;}
	div.name p.line {padding:128px 0 15px; font-size:15px;}
	div.noImg p.line {padding:30px 0 15px}

	dl.profile dt {padding:20px 0 5px;}

}

/*  Mobile : ~ width:960px */
@media screen and (max-width: 960px) {

	div.contents > p {margin-top:1em;font-size: 15px;}
	
	.name{font-size: 15px;}
	div.noImg {padding-left:0;}
	
	div.name p.img {top:auto; bottom:0;}
	div.name img {width:100px;}

	div.name p.line {padding:50px 0 10px; font-size:15px; line-height:18px;}
	div.name p.line span {padding-bottom:5px;}
	div.big p.line,
	div.noImg p.line {padding:10px 0;}
	div.long p.line{padding:20px 0 10px;}

	dl.profile dt {padding:15px 0 5px	}

	p.txtTwo b {font-size:13px;}

}



/* 회원동정 */
ul.member_info{overflow: hidden;}
ul.member_info li:first-child{margin-top: 0;}


/* PC */
@media all and (min-width: 961px) {

	ul.member_info{margin-top: 30px;}
	ul.member_info li{margin-top: 20px;}

}


/* Mobile */
@media all and (max-width: 960px) {
	
	ul.member_info{margin-top: 20px;}
	ul.member_info li{margin-top: 10px;}

}

/* 기부금 명단 css 211025추가 */
div.donation {}
div.donation ul, div.donation li {margin: 0;padding: 0;list-style: none;}
div.donation ul:after {display: block;clear: both;height: 0;font-size: 0;line-height: 0;content: '';}
/* PC */
@media all and (min-width: 961px) {
div.donation ul {margin: 20px 0 35px;}
div.donation li {float: left;width: 165px;height: 95px;margin: 0 0 15px 15px;padding: 10px 10px;vertical-align: middle;text-align: center;color: #fff;font-size: 19px;line-height: 40px;font-weight: 500;box-sizing:border-box;background-position: 0 0;background-repeat: no-repeat;}
div.donation li:nth-child(5n+1) {clear: both;margin-left: 0;}
div.donation li.vMiddle {line-height: 65px;}
div.donation li span {display: block;padding: 5px 0 0;border-top: 1px solid #fff;font-size: 14px;line-height: 25px;font-weight: 300;}

ul.grade1 li {background-image: url('../image/grade1_bg.png');}
ul.grade2 li {background-image: url('../image/grade2_bg.png');}
ul.grade3 li {background-image: url('../image/grade3_bg.png');}
ul.grade4 li {background-image: url('../image/grade4_bg.png');}
ul.grade5 li {background-image: url('../image/grade5_bg.png');}
ul.grade6 li {background-image: url('../image/grade6_bg.png');}

}


/* Mobile */
@media all and (max-width: 960px) {
div.donation ul {margin: 10px 0 16px;}
div.donation li {float: left;width: calc(50% - 5px);margin: 0 0 10px 10px;padding: 10px 10px;vertical-align: middle;text-align: center;color: #fff;font-size: 15px;line-height: 30px;font-weight: 500;box-sizing:border-box;background-position: 0 0;background-repeat: no-repeat;background-size: cover;}
div.donation li:nth-child(2n+1) {clear: both;margin-left: 0;}
div.donation li.vMiddle {line-height: 52px;}
div.donation li span {display: block;padding: 5px 0 0;border-top: 1px solid #fff;font-size: 13px;line-height: 16px;font-weight: 300;}

ul.grade1 li {background-image: url('../image/grade1_bg.png');}
ul.grade2 li {background-image: url('../image/grade2_bg.png');}
ul.grade3 li {background-image: url('../image/grade3_bg.png');}
ul.grade4 li {background-image: url('../image/grade4_bg.png');}
ul.grade5 li {background-image: url('../image/grade5_bg.png');}
ul.grade6 li {background-image: url('../image/grade6_bg.png');}

}

.unListNum{}
.unListNum > li{margin-left: 15px; text-indent: -15px; margin-top: 5px;}
.unListNum > li:first-child{margin-top: 0;}

.list_bar{}
.list_bar li::before{content:"-"; margin-right: 5px; display:inline-block; vertical-align: middle; text-indent: 0;}




/* 모바일용 테이블 관련 */
@media all and (max-width: 960px) {
	table.rwTbl,
	table.rwTbl tbody,
	table.rwTbl tr,
	table.rwTbl th, table.rwTbl td,
	table.rwThead,
	table.rwThead tbody,
	table.rwThead tr,
	table.rwThead th, table.rwThead td,
	table.rwTrHead,
	table.rwTrHead tbody,
	table.rwTrHead tr,
	table.rwTrHead th, table.rwTrHead td {display:block;}

	table.rwTbl colgroup,
	table.rwTbl col,
	table.rwTbl thead,
	table.rwThead colgroup,
	table.rwThead col,
	table.rwThead thead,
	table.rwTrHead colgroup,
	table.rwTrHead col,
	table.rwTrHead thead {display:none;}

	table.rwTbl th,
	table.rwTbl td {padding:8px 5px 9px;}

	table.rwTbl th.bg {margin-top:30px;}

	table.rwThead td {border-left: 0 none !important;}

	table.rwTbl input[type=text],
	table.rwTbl input[type=password],
	table.rwTbl textarea {width:100%;height:32px;box-sizing:border-box;}
	table.rwTbl textarea {height:50px;}

	table.rwTbl th label,
	table.rwTbl th span {line-height:1.2;}
	
	table.rwTbl td .fcBlue,
	table.rwTbl td.phone span {font-size:0.9em;}

	table.rwTbl td.attch div.widthBtn select + input[type=text] {margin-top:10px;}

	table.rwThead {}
	table.rwThead > tbody > tr {}
	table.rwThead td {padding:5px;min-height:1.2em;}
	table.rwThead td:before {display:block;float:left;width:40%;content:attr(data-thead);font-weight:400;}


	table.rwTbl tbody tr,
	table.rwThead tbody tr {overflow:hidden;}
	table.rwTbl > tbody > tr:first-child,
	table.rwThead > tbody > tr:first-child {border-top:0 none;}
	table.rwThead > tbody > tr:first-child > td {border-top: 1px solid #ddd;}

	table.rwThead tbody tr > *:first-child {border-top: 0 none;}
	table.rwTrHead td {padding:0 0 10px;border-left:0 none;}
	table.rwTrHead td:before {display:block;padding:7px 0 9px;margin-bottom:10px;content:attr(data-thead);font-weight:400;text-align:center;background-color:#6460ac;color:#fff;}





div.newMember table.rwTbl {border-left: 0 none; border-right: 0 none;}
	div.newMember table.rwTbl td:nth-child(3n+1){color: #282f8f; font-weight: bold;}
	div.newMember table.rwTbl tr:first-child{margin-top: 0;}
	div.newMember table.rwTbl tr{margin-top: 30px; border-top:2px solid #282f8f;}
}


/* 탭메뉴 */
.subMenu {font-size: 0;line-height: 0;text-align: center;}
.subMenu li {display: inline-block;padding: 0;background-color: #fff;border: 2px solid #ba3076;vertical-align: top;}
.subMenu li:first-child {border-right: 0 none;}
.subMenu li:nth-child(2) {border-left: 0 none;}
.subMenu a {display: block;text-align: center;border-bottom: 0 none;color: #d8afc4;font-family: 'GothicA1-SemiBold', sans-serif;;}
.subMenu .on {background: none;}
.subMenu .on a {background-color: #ba3076;color: #fff;}

/* PC*/
@media all and (min-width: 961px) {
.subMenu {margin: 20px 0 40px;}
.subMenu li {width: 250px;}
.subMenu li:first-child {border-radius: 30px 0 0 30px;}
.subMenu li:nth-child(2) {border-radius: 0 30px 30px 0;}
.subMenu a {padding: 10px 0;font-size: 22px;line-height: 30px;}
.subMenu .on a {border-radius: 30px;}
}

/* Mobile */
@media all and (max-width: 960px) {
.subMenu {margin: 20px 0 40px;}
.subMenu li {width: 125px;}
.subMenu li:first-child {border-radius: 30px 0 0 30px;}
.subMenu li:nth-child(2) {border-radius: 0 30px 30px 0;}
.subMenu a {padding: 5px 0;font-size: 16px;line-height: 22px;}
.subMenu .on a {border-radius: 30px;}
}


ul.donateList {list-style: none; font-size:0; line-height: 0;}
ul.donateList li {display: inline-block; box-sizing:border-box; text-align: center; vertical-align: top;}
ul.donateList li img {display: block;margin: 0 auto;border: 6px solid #030e6e; margin-bottom: 10px; box-sizing:border-box;}
ul.donateList li span {display: block;  font-family: 'Gothic A1', sans-serif; color:#000; font-weight: bold;}

/* PC*/
@media all and (min-width: 961px) {
ul.donateList {margin: 30px 0 0;}
ul.donateList li { width: calc(33.33%  - 40px);margin: 80px 0 0 60px;}
ul.donateList li:nth-child(3n+1) {margin-left: 0;}
ul.donateList li:nth-child(-n+3) {margin-top: 0;}
ul.donateList li span {font-size:18px; line-height: 24px;}
}


/* Mobile */
@media all and (max-width: 960px) {
ul.donateList {margin: 30px 0 0;}
ul.donateList li { width: calc(50%  - 15px);margin: 40px 0 0 30px;}
ul.donateList li:nth-child(2n+1) {margin-left: 0;}
ul.donateList li:nth-child(-n+2) {margin-top: 0;}
ul.donateList li span {font-size:14px; line-height: 22px;}

}