@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

*{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Spoqa Han Sans Neo', 'sans-serif';letter-spacing: -0.035em;-webkit-appearance: none;}
span{color: inherit;}
.for_pc{display: block;}
img.for_pc, span.for_pc{display: inline;}
.for_tablet{display: none;}
.for_mobile{display: none;}
.for_tm{display: none;}
.for_pt{display: block;}
em.for_pt{display: inline;}
img.for_pt{display: inline;}
em{font-style: normal;}

a {border:none; padding:0; margin:0; outline:none; text-decoration:none;}
a:active {color:#666666; text-decoration:none;}
a:link {color:#666666; text-decoration:none;}
a:visited {color:#666666; text-decoration:none;}
a:hover {color:#666666; text-decoration:none;}

@media only screen and (max-width: 1024px){
    .for_pc, img.for_pc, span.for_pc{display: none;}
    .for_tablet{display: block;}
    img.for_tablet{display: inline;}
    .for_tm{display: block;}
    img.for_tm{display: inline;}
}
@media only screen and (max-width: 768px){
    .for_tablet{display: none;}
    img.for_tablet{display: none;}
    .for_mobile{display: block;}
    img.for_mobile{display: inline;}
    .for_pt{display: none;}
    img.for_pt{display: none;}
    em.for_pt{display: none;}
}

.container{max-width: 1288px;margin: 0 auto;padding: 0 10px; position:relative; top:0; left:0;}
.clearfix::after{content: '';display: block;clear: both;}

#give{background: url("../img/bg.png") no-repeat top center/cover;padding: 70px 0 600px; position:relative; top:0; left:0;}
.logo{text-align: center;}
.logo img{width:100%;}

.logo_bg {width:100%; max-width:1800px; margin:0 auto; padding:3.5% 20px 0 20px; text-align:right; position:absolute; top:0; left:0; right:0; box-sizing: border-box;}
.logo_bg img {width:10.9%; max-width:190px;}

.board{padding:28px 44px 70px;background: #fff;}
.board__title{text-align:center; word-break:keep-all;}
.board__title > a{font-size:35px; color:#2549c5; font-weight:700; line-height:43px; letter-spacing:-0.5px;}
.board__title__desc{position:relative; top:0; left:0;}
.board__title__desc > .text01_con{}
.board__title__desc > .text01_con span{font-size:16px; color:#333333; line-height:24px; letter-spacing:-0.5px;}

/* 기도제목위 성경말씀 추가했습니다 20240220 */
.board__title__desc > .text022_con{margin-top:9px; padding:5px;}
.board__title__desc > .text022_con span{font-size:21px; color:#333333; font-weight:500; line-height:30px; letter-spacing:-0.5px;}

.board__title__desc > .text02_con{margin-top:9px; padding:50px; background-color:#faf7d9;}
.board__title__desc > .text02_con span{font-size:21px; color:#333333; font-weight:500; line-height:38px; letter-spacing:-0.5px;}
.board__title__desc > .text03_con{margin-top:50px;}
.board__title__desc > .text03_con span{font-size:17px; color:#333333; font-weight:300; line-height:25px; letter-spacing:-0.5px;}
.board__title__desc > .text03_con span .color_text{font-size:23px; color:#2549c5; font-weight:500; line-height:26px; letter-spacing:-0.5px;}
.board__title__desc > .text03_con span .color_text .bold_text{font-weight:700;}
.board__title__desc > .text04_con{margin-top:24px;}
.board__title__desc > .text04_con span{font-size:22px; color:#333333; font-weight:500; line-height:30px; letter-spacing:-0.5px;}
.board__title__desc > .text04_con span .color_text{font-size:50px; color:#2549c5; font-weight:700; line-height:58px; letter-spacing:-0.5px;}
.board__title__desc > .text04_con span .bold_text{font-weight:700;}
.board__caption{font-size: 15px;padding-bottom: 11px;}

.table__head{border-top: 4px solid #555;border-bottom: 1px solid #b0b0b0;}
.table__head__th{color: #000;font-size: 17px;font-weight: 500;float: left;text-align: center;padding: 16px 0;}
.table__head__th--num{width: 8%;}
.table__head__th--subject{width: 82%;}
.table__head__th--phone{width: 10%;}
.table__body__tr{background-color: #fff;}
.table__body__tr.changeAnimate{animation-name: change;animation-duration: 1s;}
.table__body__tr:hover{background: #eee;}
.table__body__td{float: left;color: #454545;font-size: 16px;padding: 20px 0;border-bottom: 1px solid #e9e9e9;}
.table__body__td--num{width: 8%;text-align: center;}
.table__body__td--subject{width: 82%;padding: 20px 15px;display: -webkit-box; -webkit-line-clamp: 1;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;-webkit-box-orient: vertical;}
.table__body__td--subject span{color: #2549c5;}
/*.table__body__td--subject{width: 78%;padding: 20px 15px;}*/
.table__body__td--phone{width: 10%;text-align: center;}

@keyframes change{
    0%{background-color: #b2b2b2;}
    100%{background-color: #fff;}
}

.board__bottom{margin-top: 50px;position: relative;}
.board__write{width: 136px;height: 43px;line-height: 43px;background: #333;color: #fff;font-size: 18px;text-align: center;float: right;cursor: pointer;position: absolute;bottom: -18px;right: 0;}
.board__write:hover{background: #2549c5;}

.popup-wrap{position: absolute;width: 100%;top: 0;left: 0;height: 100%;background: rgba(0,0,0,0.7);display: none;}
.popup-wrap.on{display: block;}
.popup{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border: 3px solid #2549c5;background: #fff;padding: 20px;width: 570px;display: none;}
.popup.on{display: block;}
.popup__title{color: #2549c5;font-size: 27px;font-weight: bold;padding-bottom: 20px;}
.popup__box{display: flex;padding-bottom: 30px;}
/*.popup__box--flex{justify-content: space-around;}*/
/*.popup__box--flex::after{content: none;}*/
.popup__box--line{padding-bottom: 20px;}
.popup__label{color: #000;font-size: 17px;font-weight: 500;float: left;min-width: 120px;line-height: 37px;}
.popup__label--line{line-height: 82px;}
.popup__label--multi-line{line-height: normal;}
.popup__input{max-width: 187px;width: 100%;height: 37px;outline: 0;border: 1px solid #d9d9d9;border-radius: 0;padding: 0 10px;}
.popup__box--line__wrap{width: 100%;max-width: calc(100% - 120px);}
.popup__input--line{max-width: 100%;height: 82px;padding: 10px 10px;}
.popup__input__caption{color: #999;font-size: 14px;padding-top: 5px;}
.popup__input__caption--right{float: right;}
.popup__btn{display: flex;width: 231px;justify-content: space-between;margin: 10px auto 0;}
.edit-popup__btn{width: 100%;}
.edit-popup__btn .popup__cancel{margin-left: 10px;}
.popup__write, .popup__cancel, .popup__edit, .popup__delete{cursor: pointer;width: 110px;height: 43px;border: 1px solid #333;text-align: center;line-height: 41px;}
.popup__write, .popup__edit{background: #333;color: #fff;}
.popup__delete{background: #2549c5;color: #fff;border: 0;line-height: 43px;}
.edit-popup__btn--wrap{display: flex;}

.close-btn{cursor: pointer;position: absolute;top: 25px;right: 25px;}

#password-popup{padding: 135px 20px 100px;}
.password-popup__box{text-align: center;}
.password-popup__label{color: #333;font-size: 20px;padding-bottom: 8px;}
.password-popup__input{width: 237px;height: 51px;line-height: 51px;background: #e9e9e9;outline: 0;border: 0;padding: 0 15px;font-size: 18px;}
.password-popup__btn{justify-content: space-around;margin-top: 60px;}

.nav{margin-top: 65px;text-align: center;height: 43px;line-height: 43px;}
.nav button{border: 0;outline: 0;background: transparent;font-size: 17px;color: #bbb;font-weight: 500;cursor: pointer;}
.nav .num button, .nav .active{margin: 0 8px;padding:0 8px;/*width: 27px;*/height: 27px;line-height: 27px;text-align: center;}
.nav .next, .nav .prev{margin: 0 22px;color: #000;}
.nav .last button, .nav .first button{color: #000;font-size: 15px;margin: 0 10px}
.nav .next img, .nav .prev img, .nav .first img, .nav .last img{margin-top: -3px;color: #000;cursor: pointer;}
.nav .active{border-radius: 50%;color: #000;}

#captcha {display:inline-block;position:relative;width: 100%;border: 0;outline: 0;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {;height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0 0 10px 0;text-align: center;}
#captcha #captcha_mp3 {display: none;}
#captcha #captcha_reload {display: none;}
#captcha #captcha_key {max-width: 187px;width: 100%;height: 37px;outline: 0;border: 1px solid #d9d9d9;border-radius: 0;padding: 0 10px;display: block;}
#captcha #captcha_info {color: #999;font-size: 14px;padding-top: 5px;display: block;}

.board__search{width: auto;display: table;margin: 30px auto 0;}
.board__search__wrap{height: 47px;}
.board__search__select__wrap{float: left;}
.board__search__input__wrap{float: left;}
.board__search__select{color: #000;font-size: 16px;width: 120px;height: 47px;line-height: 47px;border: 0;margin-right: 20px;border-radius: 47px;padding: 0 4px;background: url("../img/arrow.png") no-repeat right+4px center;}
#stx{float: left;width: 325px;height: 47px;padding: 0 15px;background: #e9e9e9;border-radius: 47px;border: 0;outline: 0;font-size: 16px;}
.board__search__button{float: left;height: 100%;cursor: pointer;}
.board__search__button img{margin: 10px 0 0 10px;}

@media only screen and (max-width: 1024px){
	/* 시안 상 사이즈
	.logo_bg {max-width:100%; padding:3% 10px 0 10px;}
	.logo_bg img {width:13.7%; max-width:137px;}

	.board__title{margin-bottom:48px;}
	.board__title > a{font-size:32px; line-height:40px;}
	.board__title__desc > .text01_con span{font-size:19px; line-height:27px;}
	.board__title__desc > .text02_con{margin-top:9px; padding:20px;}
	.board__title__desc > .text02_con span{font-size:28px; line-height:36px;}
	.board__title__desc > .text03_con{margin-top:16px;}
	.board__title__desc > .text03_con span{font-size:18px; line-height:26px;}
	.board__title__desc > .text03_con span .color_text{font-size:28px; line-height:36px;}
	.board__title__desc > .text03_con span .mt.first {margin-top:5px;}
	.board__title__desc > .text04_con{margin-top:10px;}
	.board__title__desc > .text04_con span{font-size:22px; line-height:30px;}
	.board__title__desc > .text04_con span .color_text{font-size:48px; line-height:56px;}
	*/

    #give{background-image:url("../img/bg-m.png"); padding: 45px 0 75px;}
	
	.logo_bg {max-width:100%; padding:3% 10px 0 10px;}
	.logo_bg img {width:13.7%; max-width:137px;}

    .logo img{max-width: 100%;}
    .board{padding: 30px 15px 40px;}
	.board__title{margin-bottom:28px;}
    .board__title > a{font-size:19px; line-height:27px;}
	.board__title__desc > .text01_con {margin-top:-7px;}
	.board__title__desc > .text01_con span{font-size:11px; line-height:19px;}


	/* 기도제목위 성경말씀 추가했습니다 20240220 */
	.board__title__desc > .text022_con{margin-top:5px; padding:4px;}
	.board__title__desc > .text022_con span{font-size:16px; line-height:24px;}


	.board__title__desc > .text02_con{margin-top:5px; padding:12px;}
	.board__title__desc > .text02_con span{font-size:16px; line-height:24px;}
	.board__title__desc > .text03_con{margin-top:9px;}
	.board__title__desc > .text03_con span{font-size:10px; line-height:16px;}
	.board__title__desc > .text03_con span .color_text{font-size:18px; line-height:20px;}
	.board__title__desc > .text03_con span .mt{display:block; margin-top:-21px;}
	.board__title__desc > .text03_con span .mt.first {margin-top:3px;}
	.board__title__desc > .text04_con{margin-top:6px;}
	.board__title__desc > .text04_con span{font-size:13px; line-height:17px;}
	.board__title__desc > .text04_con span .color_text{font-size:28px; line-height:36px;}

    .board__caption{font-size: 13px;padding-bottom: 8px;color: #bbb;}

	.table__head{display: none;}
    .table__body__tr{border-bottom: 1px solid #e9e9e9;padding: 10px 5px;}
    .table__body__tr:first-child{border-top: 1px solid #e9e9e9;}
    .table__body__td{border: 0;width: 100%;text-align: left;padding: 0;}
    .table__body__td--num{display: none;}
    .table__body__td--subject{font-size: 15px;color: #333;padding-bottom: 2px;white-space: normal;overflow: visible;display: block;-webkit-line-clamp: 10;-webkit-box-orient: unset;}
    .table__body__td--phone{font-size: 13px;color: #bbb;}

    .popup{width: 85%;padding: 15px;}
    .popup__box{display: block;padding-bottom: 5px;}
    .popup__box--line__wrap{max-width: 100%;}
    .popup__title{font-size: 19px;}
    .popup__label{width: 100%;float: none;}
    .popup__input{max-width: 100%;}
    .popup__label--multi-line{padding-bottom: 5px;}
    .popup__label--multi-line br{display: none;}
    .popup__label--line{line-height: 32px;}
    .password-popup__label{font-size: 18px;}
    .password-popup__input{width: 220px;height: 40px;font-size: 16px;}
    .close-btn{top: 18px;right: 15px;}
    .edit-popup__btn{display: block;}
    .edit-popup__btn--wrap{display: block;}
    .edit-popup__btn .popup__delete, .edit-popup__btn .popup__edit, .edit-popup__btn .popup__cancel{width: 31%;margin-left: 3.5%;float: left;}
    .popup__delete{margin-left: 0 !important;}

    .board__bottom{margin-top: 15px;}
    .board__write{position: relative; bottom:0; float: none;margin: 15px auto 0;width: 230px;font-size: 19px;background: #333333;}

    .nav{margin-top: 10px;}
    .nav button{font-size: 15px;}
    .nav .num button, .nav .active{margin: 0 1px;}

    .nav .next, .nav .prev{margin: 0 9px;}
    .nav .last button, .nav .first button{margin: 0 6px;}

    #captcha #captcha_key{max-width: 100%;}

    .board__search__select__wrap{float: none;width: 100%;text-align: center;}
    .board__search__input__wrap{float: none;text-align: center;}
    #stx{width: 250px}
}


@media only screen and (max-width: 767px){
    .board__bottom .nav .btn-default_v2{padding:0 4px}
    .board__bottom .nav .btn-default_v3{padding:0}
}

@media only screen and (max-width:320px){
    .nav .num button, .nav .active{padding:0}
    .nav .next, .nav .prev{margin:0 6px;}
    .nav .last button, .nav .first button{margin:0}
    .nav button{font-size:13px}
    .nav .last button, .nav .first button{font-size:13px}
}