@import url('sub.css'); 

/**** S::후원안내 > 후원안내 ****/
.sponsor_cont {}
.sponsor_cont section + section {margin-top:90px;}
.sponsor_cont section .tit_area {margin-bottom:15px;}

.catch_tit {text-align:center; display: flex; flex-direction: column; align-items: center;}
.catch_tit h3 {font-weight:400; display:inline; position:relative; line-height: 140%; }
.catch_tit h3:before {display:block; content:''; background:url('/sponsor/img/catch_l.png'); background-size:cover !important; background-repeat:no-repeat !important; width:39px; height:26px; position:absolute; left:-55px; top:0px;}
.catch_tit h3:after {display:block; content:''; background:url('/sponsor/img/catch_r.png'); background-size:cover !important; background-repeat:no-repeat !important; width:39px; height:26px; position:absolute; right:-55px; top:0px;}
.catch_tit h3 span {font-weight:700;}

.catch_tit ul {background:var(--grayBg2); border-radius:var(--borderR10); display:inline-flex; align-items:center; padding:15px; box-sizing:border-box; margin-top:45px; position:relative; width:330px; height:80px; box-sizing:border-box;}
.catch_tit ul:before {display:block; content:''; background:url('/sponsor/img/poygon.png'); background-size:cover !important; background-repeat:no-repeat !important; width:50px; height:30px; position:absolute; left:50%; top:-20px; transform:translateX(-50%);}

.catch_tit ul li {padding:0 0 0 15px; position:relative; box-sizing:border-box;}
.catch_tit ul li:first-of-type {padding-right:15px; color:var(--black); font-weight:600; display:flex; justify-content: center; align-items:center; gap:15px; padding-left:0;}
.catch_tit ul li:first-of-type:before {width:50px; height:50px; display:block; content:'\e0b0'; font-family:var(--icon); color:var(--white); background:var(--sub); border-radius:var(--borderR10); font-size:24px; display:flex; justify-content: center; align-items:center; font-weight:400;}
.catch_tit ul li:last-of-type:before {position:absolute; left:0; width:1px; height:10px; background:var(--border); top:50%; transform:translateY(-50%); display:block; content:'';}

.sponsor_cont .deposit_list {display:flex; box-sizing:border-box; border:1px solid var(--border); border-radius:var(--borderR20); padding:40px; text-align:center; }
.sponsor_cont .deposit_list dt, .sponsor_cont .deposit_list dd {display:flex; justify-content: center; width:50%; text-align:center; gap:10px 20px; align-items:center; padding:0 5%; box-sizing:border-box;}
.sponsor_cont .deposit_list dt img {max-width:100%; height:auto;}
.sponsor_cont .deposit_list dd .semibold {color:var(--black);}
.sponsor_cont .deposit_list dd {border-left:1px solid var(--border);}

.sub_btn {}
.sub_btn a {display:block; background:var(--main); border-radius:100px; padding:0 25px; width:220px; height:70px; line-height:68px; border:1px solid transparent; position:relative;  box-sizing:border-box; display:flex; align-items:center; color:var(--white); margin:60px auto 0; transition:all .4s ease; font-weight:600; box-shadow: 65px 34px 21px 0px rgba(0, 0, 0, 0.00), 42px 22px 19px 0px rgba(0, 0, 0, 0.01), 24px 12px 16px 0px rgba(0, 0, 0, 0.03), 10px 5px 12px 0px rgba(0, 0, 0, 0.04), 3px 1px 6px 0px rgba(0, 0, 0, 0.05);}
.sub_btn a:after {display:flex; content:'\e5c8'; align-items:center; justify-content:center; font-family:var(--icon); color:var(--main); background:var(--white); border-radius:100%; width:50px; height:50px; line-height:50px; font-size:24px; font-weight:400; position:absolute; right:10px; transition:all .4s ease; }
.sub_btn a:hover {background:var(--white); border-color:var(--main); color:var(--main);}
.sub_btn a:hover:after {background:var(--main); color:var(--white);}
/**** E::후원안내 > 후원안내 ****/


/**** S::후원안내 > 자원봉사안내 ****/
.volunteer_cont {}
.volunteer_cont section + section {margin-top:90px;}
.volunteer_cont section .tit_area {margin-bottom:15px;}

.volunteer_cont .table_wrap {box-sizing:border-box; border-top:3px solid var(--main);}
.volunteer_cont .table_wrap dl {display:flex;}
.volunteer_cont .table_wrap dl dt, .volunteer_cont .table_wrap dl dd {padding:14px 25px;}
.volunteer_cont .table_wrap dl dt {width:22.222%; box-sizing:border-box; text-align:center; color:var(--black); background:var(--grayBg2); border-bottom:1px solid var(--border2); border-right:1px solid var(--border2)}
.volunteer_cont .table_wrap dl dd {width:77.777%; box-sizing:border-box; border-bottom:1px solid var(--border); font-weight:400;}
.volunteer_cont .ex {}
.volunteer_cont .ex p {margin-top:15px; padding-left:24px; font-weight:400; position:relative;}
.volunteer_cont .ex p:before {display:block; content:'\e88e'; font-family:Var(--icon); font-size:18px; color:var(--main); position:absolute; left:0; top:0px; }
/**** E::후원안내 > 자원봉사안내 ****/


/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){




}

/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){


.volunteer_cont .catch_tit h3 { padding:0 5%; box-sizing:border-box;}
.volunteer_cont .catch_tit h3:before {left: 0;}
.volunteer_cont .catch_tit h3:after {right: 0;}
}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){


/**** S::후원안내 > 후원안내 ****/
.sponsor_cont section + section {margin-top:60px;}
.sponsor_cont section .tit_area {margin-bottom:13px;}


.catch_tit h3:before {width:30px; height:20px; left:-40px; top:0px;}
.catch_tit h3:after {width:30px; height:20px; right:-40px; top:0px;}

.catch_tit ul {padding:10px; margin-top:30px; width:290px; height:60px;}
.catch_tit ul:before {width:40px; height:20px; top:-10px;}
.catch_tit ul li {padding:0 0 0 15px;}
.catch_tit ul li:first-of-type {padding-right:13px; gap:13px;}
.catch_tit ul li:first-of-type:before {width:40px; height:40px; font-size:20px; }
.catch_tit ul li:last-of-type:before {height:10px;}

.sponsor_cont .deposit_list {padding:30px;}
.sponsor_cont .deposit_list dt, .sponsor_cont .deposit_list dd {gap:10px 20px; flex-wrap:wrap;}
.sponsor_cont .deposit_list dt img {width:100px;}


.sub_btn a {padding:0 20px; width:180px; height:60px; line-height:58px; margin:40px auto 0; }
.sub_btn a:after {width:40px; height:40px; line-height:40px; font-size:22px; }


.volunteer_cont .catch_tit h3 { width:90%}
/**** E::후원안내 > 후원안내 ****/

/**** S::후원안내 > 자원봉사안내 ****/
.volunteer_cont {}
.volunteer_cont section + section {margin-top:60px;}
.volunteer_cont section .tit_area {margin-bottom:13px;}



.volunteer_cont .table_wrap dl dt, .volunteer_cont .table_wrap dl dd {padding:14px 20px;}

.volunteer_cont .ex p {margin-top:13px; padding-left:20px; }
.volunteer_cont .ex p:before {font-size:16px; top:1px; }
/**** E::후원안내 > 자원봉사안내 ****/

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/**** S::후원안내 > 후원안내 ****/
.sponsor_cont section + section {margin-top:30px;}
.sponsor_cont section .tit_area {margin-bottom:10px;}

/* .catch_tit {margin-top:25px;} */
.catch_tit h3 {box-sizing:border-box; padding: 0 5%; }
.catch_tit h3:before {width:20px; height:13px; left:0px; top:0px;}
.catch_tit h3:after {width:20px; height:12px; right:0px; top:0px;}

.catch_tit ul {padding:10px; margin-top:15px; width:230px; height:50px; flex-wrap: wrap}
.catch_tit ul:before {width:35px; height:15px; top:-10px;}
.catch_tit ul li {padding:0 0 0 8px;}
.catch_tit ul li:first-of-type {padding-right:10px; gap:8px;}
.catch_tit ul li:first-of-type:before {width:28px; height:28px; font-size:16px; }
.catch_tit ul li:last-of-type:before {height:8px;}

.sponsor_cont .deposit_list {padding:10px 50px; flex-wrap:wrap;}
.sponsor_cont .deposit_list dt, .sponsor_cont .deposit_list dd {gap:5px 10px; width:100%; padding:5%;}
.sponsor_cont .deposit_list dd {border-left:0; border-top:1px solid var(--border);}
.sponsor_cont .deposit_list dt img {width:80px;}


.sub_btn a {padding:0 15px; width:150px; height:50px; line-height:48px; margin:20px auto 0; }
.sub_btn a:after {width:30px; height:30px; line-height:30px; font-size:19px; }
/**** E::후원안내 > 후원안내 ****/

/**** S::후원안내 > 자원봉사안내 ****/
.volunteer_cont {}
.volunteer_cont section + section {margin-top:30px;}
.volunteer_cont section .tit_area {margin-bottom:10px;}

.volunteer_cont .table_wrap {border-top:2px solid var(--main);}
.volunteer_cont .table_wrap dl dt, .volunteer_cont .table_wrap dl dd {padding:12px 16px;}

.volunteer_cont .ex p {margin-top:10px; padding-left:16px; }
.volunteer_cont .ex p:before {font-size:14px; top:0px; }
/**** E::후원안내 > 자원봉사안내 ****/



}
/*******************************************************************************
    @media ~480px               
*******************************************************************************/
@media all and (max-width:480px){

.catch_tit h3 {box-sizing:border-box; padding: 0 5%; width:90%;}



}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){




}