@charset "utf-8";

/* 공통 */
.common{font-size:15px;word-break:keep-all;line-height:25px;color:#777;letter-spacing:-.5px;font-family:'notokr-regular'}
.common .stit{font-size:13px;font-weight:700;letter-spacing:5px;color:#fb8834;font-family:'Poppins'}
.common .tit{color:#222;font-size:28px;font-family:'notokr-light'}
.common b,.common .b{font-family:'notokr-bold'}
.common b span{color:#e14d23}
.common .br{white-space:pre-line}
.common  .cont_area{}
.common  .cont_area+.cont_area{margin-top: 70px;padding-top: 70px;border-top:1px dashed #d7d7d7}
.common .g_box{margin-bottom:20px;padding:50px;background-color:#f7f7f7;text-align:center;font-size:16px;color:#555}
.common .cont_area .tit{position:relative;padding-left:35px;font-size:18px;font-family:'notokr-bold'}
.common .cont_area .tit:before{content:url(/sh_page/img/p33_icon.png);position:absolute;left:0;top:0}

/* 인사말 */
#p33{position:relative;z-index:0;padding:100px;text-align:center}
#p33:before{content:'';position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:url(/sh_page/img/p33_patten.jpg) repeat center;opacity:.5}
#p33 .wrap{padding:80px;background-color:#fff;border-radius:50px;border:1px solid #d7d7d7}
#p33 .wrap .stit{margin-bottom:10px}
#p33 .wrap .tit{margin-bottom:30px}
#p33 .wrap .img{margin-bottom:30px}
#p33 .wrap .img img{animation:ani 3s infinite;transform-origin:50% 50%;}
@keyframes ani{100%{transform:rotate(360deg)}}
#p33 .wrap .txt{}
#p33 .wrap .sine{margin-top:30px}
#p33 .wrap .sine span{color:#333;font-family:'notokr-medium'}
#p33 .wrap .sine img{margin-left:10px}

/* 비전과 미션 */
#p34{}
#p34 .cont_area .cont{display:flex;align-items:center;justify-content:center;padding-left:35px}
#p34 .cont_area .cont .img_tit{position:relative;margin-right:100px}
#p34 .cont_area .cont .img_tit:before{content:'\f0ec';position:absolute;right:-60px;top:50%;transform:translateY(-50%);font-size:25px;line-height:25px;color:#ed7d31;font-family:'fontawesome'}
#p34 .cont_area .cont .img img{}
#p34 .cont_area .cont ul{display:flex;justify-content:space-between;align-items:stretch;text-align:center}
#p34 .cont_area .cont ul li{width:calc(100% / 3);padding:15px;background-color:#f7f7f7}
#p34 .cont_area .cont ul li+li{margin-left:20px}
#p34 .cont_area .cont ul li .img{width:178px;height:137px;margin-bottom:20px;background-color:#fff;line-height:137px}
#p34 .cont_area .cont ul li .img img{}
#p34 .cont_area .cont ul li .s_tit{margin-bottom:12px;line-height:16px;font-size:16px;color:#222;font-family:'notokr-medium'}
#p34 .cont_area .cont ul li .txt{word-break:keep-all}
#p34 .cont_area .cont ul li .txt:last-child{margin-bottom:15px}
#p34 .cont_area .g_box_all{padding:20px;margin-top:20px;background-color:#f7f7f7;text-align:center;color:#555}

/* 연혁 */
#p35{}
#p35 .cont_area{display:flex}
#p35 .cont_area .h_tit{position:relative;width:230px;padding-left:22px;font-size:26px;font-weight:700;color:#333;font-family:'Poppins','notokr-bold'}
#p35 .cont_area .h_tit:before{content:'';position:absolute;left:0;top:-3px;width:8px;height:8px;background-color:#e14d23}
#p35 .cont_area .h_cont{position:relative;padding-left:60px}
#p35 .cont_area .h_cont:before{content:'';position:absolute;left:0;top:-10px;width:1px;height:calc(100% + 20px);background-color:#d7d7d7}
#p35 .cont_area .h_cont p{position:relative;padding-left:130px}
#p35 .cont_area .h_cont p+p{margin-top:8px;}
#p35 .cont_area .h_cont p span{position:absolute;left:0;top:0;color:#555;font-size:16px;font-weight:600;font-family:'Poppins'}
#p35 .cont_area .h_cont p span:before{content:'';position:absolute;left:-63px;top:7px;width:8px;height:8px;border:2px solid #d7d7d7;background-color:#fff;border-radius:50%;}

/* 조직도 */
#p36{text-align:center}
#p36 img{width:100%}

/* 행복한공부방지역아동센터 */
#p38{}
#p38 ul{display:flex;justify-content: center;flex-wrap: wrap;}
#p38 ul li{width: calc(100% / 3 - 20px);padding:30px;margin:0 30px 30px 0;border:1px solid #d7d7d7;border-top:3px solid #fb8834}
#p38 ul li:nth-child(3n){margin-right:0}
#p38 ul li .s_tit{margin-bottom:5px;color:#222;font-size:17px;font-family:'notokr-medium'}
#p38 ul li .txt{}

/* 부산지구-초읍초등학교 학교돌봄터 / 서동지역아동센터 */

.wrap .g_box{margin-bottom:50px}
.wrap .g_box p{width: 586px;margin:0 auto;text-align:left;font-size:18px}
.wrap .g_box p+p{margin-top:10px}
.wrap .g_box span{position:relative;padding-left:15px;color:#222;font-family:'notokr-medium'}
.wrap .g_box span:before{content:'';position:absolute;left:0;top:10px;width:5px;height:5px;background-color:#fb8834;border-radius:50%}
.wrap .cont_area .tit{margin-bottom:10px}
.wrap .cont_area .cont dl{width:calc(100% / 4);margin:10px;padding:20px 20px 30px;background-color:#f7f7f7}
.wrap .cont_area .cont dl dt{padding:30px;margin-bottom:10px;background-color:#fff;text-align:center;font-size:18px;color:#222;font-family:'notokr-medium'}
.wrap .cont_area .cont dl dt .icon img{margin-bottom:10px}
#p48 .cont_area .cont{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch}
#p39 .cont_area .cont{display:flex;justify-content: center;align-items:stretch}
#p39 .cont_area .cont dl+dl{margin-left:20px}
#p48  .g_box p{text-align:center}

/* 후원안내 */
#p45{}
#p45 ul{display:flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
#p45 ul li{overflow:hidden;width: calc(100% / 3 - 20px);margin: 0 30px 40px 0;padding-bottom: 15px;border-bottom:1px solid #aaa}
#p45 ul li:nth-child(3n){margin-right:0}
#p45 ul li:nth-child(4n),#p45 ul li:nth-child(5n),#p45 ul li:last-child{border-bottom:0}
#p45 ul li .img{margin-bottom:10px}
#p45 ul li .img img{}
#p45 ul li:last-child .img img{height:100%}
#p45 ul li dl{padding:15px 10px}
#p45 ul li dl dt{margin-bottom:10px;font-size:18px;color:#333;font-family:'notokr-medium'}
#p45 ul li dl dd{}
#p45 a{display:block;transition:all .3s;width:200px;margin:0 auto;padding:20px;background-color:#fb8834;border-radius:5px;font-size:18px;text-align:center;color:#fff;font-family:'notokr-medium'}
#p45 a:hover{background-color:#ff6c00}