@charset "utf-8";

@import url("base.css");
/*******************/
.con_wrap {width: 100%;float: left;}
.ci_img {width: 100%;float: left;}
.ci_img img {display:block;width:100%;}
.ci_img img.pc{display:block;}
.ci_img img.mo{display:none;}
#ci h3 {color: #3394ce;text-align: center;padding: 50px 0 20px 0;clear: both;}
#ci p {text-align: center;font-size: 20px;margin-bottom: 50px;}
.ci_btn {clear: both;text-align: center;}
.ci_btn a {display:inline-block;color: #fff;background: #3394ce;font-size: 18px;line-height: 1;padding: 15px 30px;border-radius: 30px;}
.ci_btn a i {display:inline-block;margin-left:10px;}
/*******************/
.map_sec {clear:both;margin-top:50px;}
.map_sec h4 {clear:both;position:relative; margin-bottom:20px; padding-left:13px; font-size:20px; color:#171616; font-weight:700; line-height:1.33;}
.map_sec h4:before {position:absolute; top:8px; left:0; width:6px; height:6px; border-radius:50%; background:#3394ce; content:'';}
.map_sec p {line-height:1.5;}

/*******************/
.es_content_area {clear: both;border: #ddd 2px solid;padding: 30px;border-radius: 10px;margin: 30px 0;}
#priviacy_con h3 {margin-left:0}
a.bs_title_box.bs_open_btn {display: block;position: relative;width: 100%;}
.is_btn.wd_col_bg_cw {display: inline-block;position: absolute;right: 0;top: 0;font-size: 27px;background: #e8e8e8;padding: 12px 19px;line-height: 1;border-radius: 18%;}
.ss_desc {padding-left: 17px;font-size: 17px;}
.bs_desc_box {padding: 20px;background: #f5f5f5;margin-top: 20px;border-radius: 5px;text-align:center;}
.is_more_btn.bs_open_btn {display: inline-block;clear: both;margin: 30px auto;background: #fff;padding: 10px 20px;line-height: 1;color: #000;font-weight: 500;font-size: 16px;border-radius: 10px;}
.ss_btn.wd_col_bg_cw {display: inline-block;background: #51a90f;font-size: 17px;padding: 16px 25px;color: #fff;font-weight: 600;border-radius: 5px;}


/*연혁*/
.history{text-align:center;}
.history .h_title {height: 91px;width: 180px;display: inline-block;border-radius: 30px 0 30px 0;background: linear-gradient(90deg, #90c91c, #1b9f38);}
.history .h_title h2 {font-size: 25px;color: #fff;font-weight: 500;padding-top: 30px;margin: 0;border-bottom: none;padding-bottom: 0;padding-left:0;}
.history .h_title h2:before {display:none;}
.history li > span p {color: #000;display: inline-block;font-weight: bold;font-size: 39px;background: #fff;padding: 0 20px;line-height: 1;}
.history  li > span{display:inline-block;position: relative; margin-bottom: 26px;}
.history  li  div p{font-size:16px;padding-bottom:5px;color:#333;word-break:keep-all; font-weight:500;line-height:1.3}
.history  li  div{display:inline-block;}
.history  li{padding:48px 0 0;}
.history  ul{position: relative;}
.history  ul:after {content: ''; position: absolute; width: 1px; height:100%; background:#ccc;top:-10px;left:50%;z-index:-2;}
.history  .left{padding-right:50%;text-align:right;}
.history  .right{padding-left:50%;text-align:left;}
.history  .left div p{text-align:right;padding-right:73px;position:relative;}
.history  .right div p{text-align:left;padding-left:73px;position:relative;}
.history  .left div p:after{content: ''; position: absolute; width:5px; height:5px;border-radius:50%;top:10px;right:-3px;background:#ccc;}
.history  .right div p:after{content: ''; position: absolute; width:5px; height:5px;border-radius:50%;top:11px;left:-2px;background:#ccc;}
.history  .right span{padding:0 50px;float:left;}
.history  .left span{float:right;padding:0 50px;}
.history  .left span:after {content: ''; position: absolute; width: 15px; height:15px;border:3px solid #31a511; background:#fff; border-radius:50%;bottom:15px;right:-8px;}
.history  .right span:after {content: ''; position: absolute; width: 15px; height:15px;border:3px solid #31a511; background:#fff; border-radius:50%;bottom:12px;left:-7px;}
.history  .left span:before {content: ''; position: absolute; width: 72%; height:1px; background:#ccc; right:0;bottom:21px;z-index:-1;}
.history .right span:before {content: ''; position: absolute; width: 72%; height:1px;background:#ccc;left:0;bottom:18px;z-index:-1;}
.history  .after_none:after{display:none;}
.history .right div p b {display:inline-block;margin-right:10px;}



.tran_box span{font-size:25px; font-weight:400; display:inline-block;  padding-top:15px;}
.tran_box h2{font-size:30px; padding:80px 65px 80px 65px; line-height:1.5; margin:0; font-weight:600;}
.tran_box {width: 100%; overflow: hidden;   background: url(/img/sub/tran_bg.jpg) 0 0 no-repeat; margin-bottom:30px; }

.gaduk01_table.mo {display:none;}
table td.left {text-align:left;}
table.mo {display:none;}

#person h3 {padding-left: 0;}
#person h3:before {display:none;}
p.person_head {background: #f7f7f7;padding: 25px;}


.gaguk_table {clear: both;margin-bottom: 30px;}
#person table {border-left: 1px solid #ddd;border-top: 2px solid #000;}
#person table th {font-size: 15px;padding: 10px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f5f5f5;color: #383838;text-align: center;}
#person table td {font-size: 15px;padding: 10px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;line-height: 1.3;word-break: break-all;text-align: left;}
#person > table {margin-left:30px;width:calc(100% - 30px);}
#person > p {
    padding-left: 30px;
    margin-bottom: 10px;
}
ul.priv {
    padding: 0 0 20px 47px;
}
#person > dl {
    padding: 0 0 20px 48px;
}
#person > dl > dd {
    padding: 0 0 0 17px;
}
#person table.priv_table {margin-top:20px;margin-bottom:20px;}
#person table.priv_table td {text-align: center;}
.my_pe_content01_inr { padding: 30px; border: 1px solid #ccc; background: #fbfbfb;border-radius:10px;text-align:center; }
.my_pe_content01_inr p { line-height: 23px; }
span.email_img {
    display: block;
    margin-bottom: 30px;
}
.email_tit {
    font-size: 20px;
    margin-bottom: 20px;
}

/*신호등나눔_후원안내 및 신청*/
.support_list_wrap {margin-top:60px;}
.support_list_wrap li {padding-bottom: 48px; word-break:keep-all;}
.support_list_wrap h4 {clear:both;position:relative; margin-bottom:16px; padding-left:13px; font-size:20px; color:#171616; font-weight:700; line-height:1.33;}
.support_list_wrap h4:before {position:absolute; top:8px; left:0; width:6px; height:6px; border-radius:50%; background:#3394ce; content:'';}
.support_list_wrap h4 span{font-size: 16px; color: #F5832E; font-weight:500;}
.support_list_wrap p {line-height:1.6; color:#888; font-weight:500;}
.support_list_wrap li img {margin-top:32px;}

/*신호등나눔_자원봉사안내 및 신청*/
.sub_tit_wrap {text-align:center;}
.sub_tit_wrap p {text-align:center; padding-top:16px; color: #999; font-size: 18px;}
.volunteer_work {position: relative; margin-top: 60px; padding: 36px 0 36px 36px; background-color:#fff; border-radius: 20px; box-shadow: 0 0 20px rgba(5,69,107,0.06);}
.volunteer_work span{position: absolute; top:-32px; left:24px; background-color: #E8F7FF; color:#3394ce; padding: 12px 20px; border-radius: 0 20px 0px 20px; font-size:18px; font-weight:700; word-break: keep-all;}
.volunteer_work p{position:relative; line-height:2.0; padding-left:13px; color:#111; font-weight:500;}
.volunteer_work p:before {position:absolute; top:13px; left:0; width:4px; height:4px; border-radius:50%; background:#111; content:'';}
.volunteer_work p strong{color:#F5832E;}