/* 02나눔_01책읽어주는문화봉사단_01사업안내_01소개 */
.sub2_5_1_1 .banner_box{border:2px solid #e5e5e5; border-radius: 15px; padding:50px 40px; background:url('../images/02/sub2_1_1_1.png') no-repeat; background-position:center right 70px; margin-bottom:10px; margin-top:40px;}
.sub2_5_1_1 .banner_box p{color:#999; font-size:17px; line-height:175%;}
.sub2_5_1_1 .banner_box p span{color:#ff6600; font-size:24px; font-weight:500; margin-bottom:27px; display:block;}
.sub2_5_1_1 .txt_list dl{display:table; table-layout: fixed; width:100%; border-top:1px solid #e5e5e5}
.sub2_5_1_1 .txt_list dl:first-child{border-top:none;}
.sub2_5_1_1 .txt_list dl dt{display:table-cell; vertical-align: top; width:200px; color:#333; font-size:24px; font-weight:500; padding-top:50px;}
/*.sub2_5_1_1 .txt_list dl dd{display:table-cell; vertical-align: middle; padding:50px 0; color:#777; font-size:17px; line-height:160%; overflow: hidden}*/
.sub2_5_1_1 .txt_list dl dd{ vertical-align: middle; padding:50px 0; color:#777; font-size:17px; line-height:160%; overflow: hidden}
/*.sub2_5_1_1 .txt_list dl dd ul{margin:0 -35px;}*/
/*.sub2_5_1_1 .txt_list dl dd ul li{width:50%; float:left;}*/
.sub2_5_1_1 .txt_list dl dd ul li > div{margin:0 35px;}
.sub2_5_1_1 .txt_list dl dd ul li span{padding-left:25px; position:relative; display:block; margin-bottom:30px;}
.sub2_5_1_1 .txt_list dl dd ul li span:before{content:''; width:15px; height:12px; background:url('../images/common/ico_check.png') no-repeat; position:absolute; top:5px; left:0;}


/* 02나눔_01책읽어주는문화봉사단_01사업안내_02지역주관처모집 */
.sub2_5_1_2 .txt_list{border-top:2px solid #333; margin-bottom:70px; margin-top:40px;}
.sub2_5_1_2 .txt_list dl{display:table; table-layout: fixed; width:100%; border-top:1px solid #e5e5e5}
.sub2_5_1_2 .txt_list dl:first-child{border-top:none;}
.sub2_5_1_2 .txt_list dl dt{display:table-cell; vertical-align: top; width:153px; color:#333; font-size:24px; font-weight:500; padding-top:50px; padding-left:10px; padding-right:57px; line-height:140%;}
.sub2_5_1_2 .txt_list dl dd{display:table-cell; vertical-align: middle; padding:50px 0; color:#777; font-size:17px; line-height:160%; overflow: hidden}
.sub2_5_1_2 .txt_list dl dd ul{margin:0 -30px;}
.sub2_5_1_2 .txt_list dl dd ul li{width:33.33%; float:left;}
.sub2_5_1_2 .txt_list dl dd ul li > div{margin:0 30px; text-align:center;}
.sub2_5_1_2 .txt_list dl dd ul li > div .img{margin-bottom:25px;}
.sub2_5_1_2 .txt_list dl dd ul li > div .txt{font-size:16px; color:#777; line-height:165%;}
.sub2_5_1_2 .txt_list dl dd ul li > div a{margin-top:10px; display:inline-block; width:153px; height:36px; line-height:36px; text-align:center; background:url('../images/common/arrow_right_g.png') no-repeat; background-position:center right 10px; border:1px solid #ccc; color:#777; font-size:15px; border-radius: 5px}
.sub2_5_1_2 .txt_list dl dd ul li > div a span{display:inline-block; padding-right:10px;}
.sub2_5_1_2 .txt_list dl dd .dot{padding-left:10px; font-size:17px; color:#777; position:relative; line-height:165%;}
.sub2_5_1_2 .txt_list dl dd .dot:before{content:''; width:3px; height:3px; background:#fca313; position:absolute; left:0; top:50%; margin-top:-1.5px;}
.sub2_5_1_2 .txt_list dl dd .down_btn{width:236px; height:36px; line-height:36px; background:#fca313; color:#fff; font-size:14px; text-align:center; display:inline-block; border-radius: 5px}
.sub2_5_1_2 .txt_list dl dd .down_btn > img{margin-right:5px;}

/*.txt_list dl { line-height: 50px; }*/
.txt_sub dl span{padding-left:25px; position:relative; display:block; margin-bottom: 10px;}
.txt_sub dl span:before{content:''; width:15px; height:12px; background:url('../images/common/ico_check.png') no-repeat; position:absolute; top:5px; left:0;}
.txt_sub dl ul li { padding-left: 26px; margin: 6px 0; }

/* 02나눔_02교정시설독서활동지원사업 */
.sub2_1 .banner_box{border:2px solid #e5e5e5; border-radius: 15px; padding:50px 40px; background:url('../images/02/sub2_2_1.png') no-repeat; background-position:center right 70px; margin-bottom:10px;}
.sub2_1 .banner_box p{color:#999; font-size:17px; line-height:175%;}
.sub2_1 .banner_box p span{color:#ff6600; font-size:24px; font-weight:500; margin-bottom:27px; display:block;}
.sub2_1 .txt_list dl{display:table; table-layout: fixed; width:100%; border-top:1px solid #e5e5e5}
.sub2_1 .txt_list dl:first-child{border-top:none;}
.sub2_1 .txt_list dl dt{display:table-cell; vertical-align: top; width:200px; color:#333; font-size:24px; font-weight:500; padding-top:50px;}
.sub2_1 .txt_list dl dd{display:table-cell; vertical-align: middle; padding:50px 0; color:#777; font-size:17px; line-height:160%;}
.sub2_1 .txt_list dl span{padding-left:25px; position:relative; display:block; margin-bottom:30px;}
.sub2_1 .txt_list dl span:before{content:''; width:15px; height:12px; background:url('../images/common/ico_check.png') no-repeat; position:absolute; top:5px; left:0;}


/* 02나눔_03문화복지책나눔지원사업 */
.sub2_2 .banner_box{border:2px solid #e5e5e5; border-radius: 15px; padding:50px 40px; background:url('../images/02/sub2_3_1.png') no-repeat; background-position:center right 70px; margin-bottom:10px;}
.sub2_2 .banner_box p{color:#999; font-size:17px; line-height:175%;}
.sub2_2 .banner_box p span{color:#ff6600; font-size:24px; font-weight:500; margin-bottom:27px; display:block;}
.sub2_2 .txt_list dl{display:table; table-layout: fixed; width:100%; border-top:1px solid #e5e5e5}
.sub2_2 .txt_list dl:first-child{border-top:none;}
.sub2_2 .txt_list dl dt{display:table-cell; vertical-align: top; width:200px; color:#333; font-size:24px; font-weight:500; padding-top:50px;}
.sub2_2 .txt_list dl dd{display:table-cell; vertical-align: middle; padding:50px 0; color:#777; font-size:17px; line-height:160%;}
.sub2_2 .txt_list dl dd span{position:relative; display:block; margin-bottom:16px;}
/*.sub2_2 .txt_list dl dd span:before{content:''; width:15px; height:12px; background:url('../images/common/ico_check.png') no-repeat; position:absolute; top:5px; left:0;}*/


/* 02나눔_04심야책방운영지원사업 */
.sub2_3 .banner_box{border:2px solid #e5e5e5; border-radius: 15px; padding:50px 40px; background:url('../images/02/sub2_4_1.png') no-repeat; background-position:center right 70px; margin-bottom:10px;}
.sub2_3 .banner_box p{color:#999; font-size:17px; line-height:175%;}
.sub2_3 .banner_box p span{color:#ff6600; font-size:24px; font-weight:500; margin-bottom:27px; display:block;}
.sub2_3 .txt_list dl{display:table; table-layout: fixed; width:100%; border-top:1px solid #e5e5e5}
.sub2_3 .txt_list dl:first-child{border-top:none;}
.sub2_3 .txt_list dl dt{display:table-cell; vertical-align: top; width:200px; color:#333; font-size:24px; font-weight:500; padding-top:50px;}
.sub2_3 .txt_list dl dd{display:table-cell; vertical-align: middle; padding:50px 0; color:#777; font-size:17px; line-height:160%;}
.sub2_3 .txt_list dl dd span{position:relative; display:block; margin-bottom:16px;}

/* 02나눔_05지역독서활성화지원사업 */
.sub2_4 .banner_box{border:2px solid #e5e5e5; border-radius: 15px; padding:50px 40px; background:url('../images/02/sub2_5_1.png') no-repeat; background-position:center right 70px; margin-bottom:10px;}
.sub2_4 .banner_box p{color:#999; font-size:17px; line-height:175%;}
.sub2_4 .banner_box p span{color:#ff6600; font-size:24px; font-weight:500; margin-bottom:27px; display:block;}
.sub2_4 .txt_list dl{display:table; table-layout: fixed; width:100%; border-top:1px solid #e5e5e5}
.sub2_4 .txt_list dl:first-child{border-top:none;}
.sub2_4 .txt_list dl dt{display:table-cell; vertical-align: top; width:200px; color:#333; font-size:24px; font-weight:500; padding-top:50px;}
.sub2_4 .txt_list dl dd{display:table-cell; vertical-align: middle; padding:50px 0; color:#777; font-size:17px; line-height:160%;}
.sub2_4 .txt_list dl dd > span{padding-left:25px; position:relative; display:block; margin-bottom:20px;}
.sub2_4 .txt_list dl dd > span:before{content:''; width:15px; height:12px; background:url('../images/common/ico_check.png') no-repeat; position:absolute; top:5px; left:0;}
.sub2_4 .txt_list dl dd ul li img{width: 48%; margin-top: 30px;}
.sub2_4 .txt_list dl dd ul li img:nth-child(2){margin-left:10px;}


@media (max-width:1024px) {
    .sub2_5_1_1 .txt_list dl dt{display:block; font-size:16px; padding:30px 10px 0 10px}
    .sub2_5_1_1 .txt_list dl dd{display:block; font-size:14px; padding:15px 10px 30px;}
    .sub2_5_1_1 .txt_list dl dd > br{display:none;}
    .sub2_5_1_1 .txt_list dl dd ul li{width:100%;}
    .sub2_5_1_1 .txt_list dl dd ul li span > br{display:none;}
    .sub2_5_1_1 .banner_box p{font-size:14px;}
    .sub2_5_1_1 .banner_box p span{font-size:18px; margin-bottom:10px;}
    .sub2_5_1_1 .banner_box{background-size:100px;}
    .sub2_5_1_1 .txt_list dl dd ul{margin:0}
    .sub2_5_1_1 .txt_list dl dd ul li > div{margin:0;}
    .sub2_5_1_1 .txt_list dl dd ul li span{padding-left:18px; margin-bottom:15px;}
    .sub2_5_1_1 .txt_list dl dd ul li span:before{width:10px; height:8px; background-size:cover;}

    .sub2_5_1_2 .txt_list{border:none;}
    .sub2_5_1_2 .txt_list dl dt{display:block; font-size:16px; padding-top:30px; padding-right:0; width:100%;}
    .sub2_5_1_2 .txt_list dl dd{display:block; font-size:14px; padding:15px 0 30px;}
    .sub2_5_1_2 .txt_list dl dd ul li > div .txt{font-size:14px;}
    .sub2_5_1_2 .txt_list dl dd .dot{font-size:14px;}

    .sub_content.sub2_1{margin-top:78px;}
    .sub2_1 .txt_list dl dt{display:block; font-size:16px; padding:30px 10px 0 10px}
    .sub2_1 .txt_list dl dd{display:block; font-size:14px; padding:15px 10px 30px;}
    .sub2_1 .txt_list dl dd > br{display:none;}
    .sub2_1 .txt_list dl dd ul li{width:100%;}
    .sub2_1 .txt_list dl dd ul li span > br{display:none;}
    .sub2_1 .banner_box p{font-size:14px;}
    .sub2_1 .banner_box p span{font-size:18px; margin-bottom:10px;}
    .sub2_1 .banner_box{background-size:100px;}
    .sub2_1 .txt_list dl dd ul{margin:0}
    .sub2_1 .txt_list dl dd ul li > div{margin:0;}
    .sub2_1 .txt_list dl dd ul li span{padding-left:18px; margin-bottom:15px;}
    .sub2_1 .txt_list dl dd ul li span:before{width:10px; height:8px; background-size:cover;}

    .sub_content.sub2_2{margin-top:78px;}
    .sub2_2 .txt_list dl dt{display:block; font-size:16px; padding:30px 10px 0 10px}
    .sub2_2 .txt_list dl dd{display:block; font-size:14px; padding:15px 10px 30px;}
    .sub2_2 .txt_list dl dd > br{display:none;}
    .sub2_2 .txt_list dl dd ul li{width:100%;}
    .sub2_2 .txt_list dl dd ul li span > br{display:none;}
    .sub2_2 .banner_box p{font-size:14px;}
    .sub2_2 .banner_box p span{font-size:18px; margin-bottom:10px;}
    .sub2_2 .banner_box{background-size:100px;}
    .sub2_2 .txt_list dl dd ul{margin:0}
    .sub2_2 .txt_list dl dd ul li > div{margin:0;}
    .sub2_2 .txt_list dl dd ul li span{padding-left:18px; margin-bottom:15px;}
    .sub2_2 .txt_list dl dd ul li span:before{width:10px; height:8px; background-size:cover;}

    .sub_content.sub2_3{margin-top:78px;}
    .sub2_3 .txt_list dl dt{display:block; font-size:16px; padding:30px 10px 0 10px}
    .sub2_3 .txt_list dl dd{display:block; font-size:14px; padding:15px 10px 30px;}
    .sub2_3 .txt_list dl dd > br{display:none;}
    .sub2_3 .txt_list dl dd ul li{width:100%;}
    .sub2_3 .txt_list dl dd ul li span > br{display:none;}
    .sub2_3 .banner_box p{font-size:14px;}
    .sub2_3 .banner_box p span{font-size:18px; margin-bottom:10px;}
    .sub2_3 .banner_box{background-size:100px;}
    .sub2_3 .txt_list dl dd ul{margin:0}
    .sub2_3 .txt_list dl dd ul li > div{margin:0;}
    .sub2_3 .txt_list dl dd ul li span{padding-left:18px; margin-bottom:15px;}
    .sub2_3 .txt_list dl dd ul li span:before{width:10px; height:8px; background-size:cover;}

    .sub_content.sub2_4{margin-top:78px;}
    .sub2_4 .txt_list dl dt{display:block; font-size:16px; padding:30px 10px 0 10px}
    .sub2_4 .txt_list dl dd{display:block; font-size:14px; padding:15px 10px 30px;}
    .sub2_4 .txt_list dl dd > br{display:none;}
    .sub2_4 .txt_list dl dd ul li{width:100%;}
    .sub2_4 .txt_list dl dd ul li span > br{display:none;}
    .sub2_4 .banner_box p{font-size:14px;}
    .sub2_4 .banner_box p span{font-size:18px; margin-bottom:10px;}
    .sub2_4 .banner_box{background-size:100px;}
    .sub2_4 .txt_list dl dd ul{margin:0}
    .sub2_4 .txt_list dl dd ul li > div{margin:0;}
    .sub2_4 .txt_list dl dd ul li span{padding-left:18px; margin-bottom:15px;}
    .sub2_4 .txt_list dl dd ul li span:before{width:10px; height:8px; background-size:cover;}

    .sub_content.sub2_5_1_2{margin-top:78px;}
/*     .sub2_5_1_2 .sub_container .main_tit{margin-bottom:0;} */
    .sub2_5_1_2 .txt_list{border:none;}
    .sub2_5_1_2 .txt_list dl dt{display:block; font-size:16px; padding-top:30px; padding-right:0; width:100%;}
    .sub2_5_1_2 .txt_list dl dd{display:block; font-size:14px; padding:15px 0 30px;}
    .sub2_5_1_2 .txt_list dl dd ul li > div .txt{font-size:14px;}
    .sub2_5_1_2 .txt_list dl dd .dot{font-size:14px;}
}


@media (max-width:768px) {
    .sub2_5_1_2 .txt_list dl{border-top:none; position:relative}
    .sub2_5_1_2 .txt_list dl dd{position:relative;}
    .sub2_5_1_2 .txt_list dl dd.list_dd{padding-bottom:40px;}
    .sub2_5_1_2 .txt_list dl dd .down_btn{width:100%; height:40px; line-height:40px;}
    .sub2_5_1_2 .txt_list dl dd ul{margin:0;}
    .sub2_5_1_2 .txt_list dl dd ul li{width:100%;}
    .sub2_5_1_2 .txt_list dl dd ul li > div{margin:0; margin-bottom:20px; text-align:left; display:table; table-layout: fixed; width:100%;}
    .sub2_5_1_2 .txt_list dl dd ul li > div .img{display:table-cell; vertical-align: middle; width:115px;}
    .sub2_5_1_2 .txt_list dl dd ul li > div .img > img{width:75px;}
    .sub2_5_1_2 .txt_list dl dd ul li > div .txt{display:table-cell; vertical-align: middle; width:100%}
    .sub2_5_1_2 .txt_list dl dd ul li > div .txt > br{display:none;}
    .sub2_5_1_2 .txt_list dl dd ul li > div a{position:absolute; bottom:0; left:0; width:100%; height:40px; line-height:40px; color:#fff; background:#b2b2b2;}
    .sub2_5_1_2 .txt_list dl dd ul li > div a span{background:url('../images/common/arrow_right_w.png') no-repeat; background-position:center right; padding-right:15px; background-size:5.5px}
    .sub2_5_1_2 .txt_list dl dd .dot:before{top:10px; margin-top:0;}
}

@media (max-width:640px){
    .sub2_5_1_1 .banner_box{padding: 150px 40px 30px; text-align: center; background-position: top 25px center;}
    .sub2_5_1_1 .banner_box p{line-height:150%;}
    .sub2_1 .banner_box{padding: 150px 40px 30px; text-align: center; background-position: top 25px center;}
    .sub2_1 .banner_box p{line-height:150%;}
    .sub2_2 .banner_box{padding: 150px 40px 30px; text-align: center; background-position: top 25px center;}
    .sub2_2 .banner_box p{line-height:150%;}
    .sub2_3 .banner_box{padding: 150px 40px 30px; text-align: center; background-position: top 25px center;}
    .sub2_3 .banner_box p{line-height:150%;}
    .sub2_4 .banner_box{padding: 150px 40px 30px; text-align: center; background-position: top 25px center;}
    .sub2_4 .banner_box p{line-height:150%;}
}

@media (max-width:510px) {

    .sub2_5_2_1 .tab_list{overflow-x:scroll}
    .sub2_5_2_1 .tab_list ul{width:470px;}

}

@media (max-width:480px) {
    .sub2_5_1_2 .txt_list dl dd ul li > div .img{width:90px;}
}
