@charset "utf-8";


/* 공통 */

.sub_page .sub_inner{max-width: 940px; margin: 0 auto; font-size: 0; box-sizing: border-box; word-break: keep-all;}

.sub_page .con_wrap h4.conTit{font-size: 20px; font-weight: bold; line-height: 26px;padding-left: 30px; position: relative; margin-bottom: 20px;}
.sub_page .con_wrap h4.conTit::before{content: ''; background: url(../img/sub/h3_conTit_icon.png) 0 0 no-repeat; width:24px; height: 23px; position: absolute; top:2px; left: 0; }


.sub_page .con_wrap h5.conTit{font-size: 20px; font-weight: 500; line-height: 26px;padding-left: 30px; position: relative; margin-bottom: 20px;}
.sub_page .con_wrap h5.conTit::before{content: ''; background: url(../img/sub/h4_conTit_icon.png) 0 0 no-repeat; width:18px; height: 18px; position: absolute; top:4px; left: 6px; }

.sub_page .con_wrap p.conTxt{font-size: 17px; font-weight: 500; line-height: 26px; color: #555; padding-left: 30px; position: relative;}

.sub_page .con_wrap p.conTxt::before{content: ''; background: url(../img/sub/p_conTxt_icon.png) 0 0 no-repeat; width:7px; height: 7px; position: absolute; top:9px; left: 13px; }

.sub_page .con_tbl{margin: 10px 0;word-break: keep-all;border-top: 2px solid #2c995e;}
.sub_page .con_tbl th{font-size: 17px; padding: 14px 12px;background: #f2f8f1;border-bottom: 1px solid #ccc; }
.sub_page .con_tbl th:nth-child(1){border-left: none;}
.sub_page .con_tbl th:last-child{border-right: none;}
.sub_page .con_tbl th.th_02{border-top: none;}

.sub_page .con_tbl td{font-size: 17px;padding: 14px 12px;border-bottom: 1px solid #ccc;text-align: center;}
.sub_page .con_tbl td:nth-child(1){border-left: none;}
.sub_page .con_tbl td:last-child{border-right: none;}


@media all and (max-width:940px){
	.sub_page .sub_inner{width: 98%; margin: 0 auto;}
	
}

@media all and (max-width:768px){
	.sub_page .con_wrap h4.conTit{font-size: 18px; }
	.sub_page .con_wrap h5.conTit{font-size: 18px; }
	.sub_page .con_wrap p.conTxt{font-size: 15px; }
	.sub_page .con_tbl th{font-size: 15px;word-break: keep-all;}
	.sub_page .con_tbl td{font-size: 15px;word-break: keep-all;}
}

@media all and (max-width:480px){
.s04 .con_wrap .con_tbl th{font-size: 13px;}
	.s04 .con_wrap .con_tbl td{font-size: 13px;}
	
}

/* 서브레이아웃 */
.subVisual{background: url(../img/sub/subVisual_01.jpg) 32% center no-repeat; background-size: cover; margin-bottom: 40px; width: 100%; height: 166px;}

.subVisual.sv_02{background: url(../img/sub/subVisual_02.jpg) 32% center no-repeat; background-size: cover;}
.subVisual.sv_03{background: url(../img/sub/subVisual_03.jpg) 32% center no-repeat;background-size: cover;}
.subVisual.sv_04{background: url(../img/sub/subVisual_04.jpg) 32% center no-repeat;background-size: cover;}
.subVisual.sv_05{background: url(../img/sub/subVisual_05.jpg) 32% center no-repeat;background-size: cover;}
.subVisual.sv_06{background: url(../img/sub/subVisual_06.jpg) 32% center no-repeat;background-size: cover;}

.sub_content{width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box;display: flex; justify-content: space-between;min-height: 700px;}

.sub_content .left{width: 260px;font-size: 0;}
.sub_content .left .dep1{margin-bottom: 20px;}
.sub_content .left .dep1 h2{font-size:24px; font-weight: bold; }
.sub_content .left .dep1 h2::before{content: ''; background: url(../img/sub/sub_dep1_icon.png)0 0 no-repeat; width:28px; height: 28px; display: inline-block; vertical-align: middle; margin: 0 10px 4px 0;}

.sub_content .left .dep2_wrap{width: 100%;}
.sub_content .left ul.dep2{width: 220px;box-sizing: border-box; font-size: 0;}
.sub_content .left ul.dep2 > li{width: 100%;margin-bottom: 20px;}
.sub_content .left ul.dep2 > li > a{display: block; width: 100%;font-size:18px;font-weight:bold; border:2px solid #e2e2e2;box-sizing: border-box;padding: 15px 20px; word-break: keep-all;}
.sub_content .left ul.dep2 > li > a span{float: right; color: #999999;}
.sub_content .left ul.dep2 > li.on > a {background: #2c995e; color: #fff; border-color: #2c995e;}
.sub_content .left ul.dep2 > li.on > a span{color: #fff;}

.sub_content .left ul.dep2 > li > ul.dep3 {width: 100%;padding: 20px; box-sizing: border-box; font-size: 0; background: #f2f8f1;margin-top: 10px; text-align: left;}
.sub_content .left ul.dep2 > li > ul.dep3 > li a{display: block; font-size: 16px; font-weight: 500; padding: 10px 0; word-break: keep-all; position: relative; padding-left: 15px;}
.sub_content .left ul.dep2 > li > ul.dep3 > li a::before{content: ''; width: 7px; height: 2px; background: #999; position: absolute; left: 0; top:17px; }
.sub_content .left ul.dep2 > li > ul.dep3 > li:hover a{color: #1e6b49;}
.sub_content .left ul.dep2 > li > ul.dep3 > li:hover a::before{background: #1e6b49;}

.sub_content .right{width: 940px;}
.sub_content .right .content{margin-bottom: 70px;}
.sub_content .right .page_tit{width: 100%;display: flex; justify-content: space-between; align-items: flex-end;padding-bottom: 20px; border-bottom: 2px dotted #ccc; margin-bottom: 30px;}
.sub_content .right .page_tit h2{font-size:28px; font-weight: bold; word-break: keep-all}

.sub_content .right .page_tit ul.location{}
.sub_content .right .page_tit ul.location li{display: inline-block; vertical-align: middle;padding: 0 10px;}
.sub_content .right .page_tit ul.location li a{display: block; font-size: 16px; color: #666;position: relative;}

.sub_content .right .page_tit ul.location li a::after{content:'>';position: absolute; top:-1px; right: -15px; }
.sub_content .right .page_tit ul.location li:last-child a::after{display: none;}


@media all and (max-width:1200px){
.sub_content .left .dep2_wrap{display: flex; flex-wrap: wrap;}
.sub_content .left .dep2_wrap ul.dep2{width: 23.5%;margin: 0 2% 2% 0;}
.sub_content .left .dep2_wrap ul.dep2:nth-child(4n){margin: 0 0 2% 0;}
.sub_content .left ul.dep2 > li{margin-bottom: 0; text-align: center;}
.sub_content{flex-direction: column; width: 95%;}
.sub_content .left{width: 100%; margin-bottom: 30px;} 
	
/*
.sub_content .left ul.dep2{width: 100%; display: flex;flex-wrap: wrap; justify-content: space-between;  }	
.sub_content .left ul.dep2 > li{width: 24%; margin-bottom: 10px}	
*/

.sub_content .right{width: 100%} 
	
}

@media all and (max-width:940px){
	.sub_content .right .page_tit{flex-direction: column; justify-content: center; align-items: center;}
	.sub_content .right .page_tit h2{margin-bottom: 10px;}
}

@media all and (max-width:768px){
.subVisual {height: 100px;}
	.sub_content .left .dep2_wrap ul.dep2{width: 49%;margin: 0 2% 2% 0;}
.sub_content .left .dep2_wrap ul.dep2:nth-child(2n){margin: 0 0 2% 0;}

	.sub_content .left .dep1 h2{font-size: 22px;}
	.sub_content .left ul.dep2 > li > a{font-size: 16px;}
	.sub_content .left ul.dep2 > li > ul.dep3 > li a{font-size: 14px;}
	.sub_content .right .page_tit h2{font-size: 24px;}
	.sub_content .right .page_tit ul.location li {font-size: 13px;}
}




/* s0101 수련관소개 */

.s0101{width: 100%;}
.s0101 .sub_inner{max-width: 940px; margin: 0 auto; font-size: 0; box-sizing: border-box;}

.s0101 .con_wrap{}
.s0101 .con_wrap h3.contit{font-family: "S-CoreDream-3Light"; font-size:22px; font-weight: bold; text-align: center; margin-bottom:20px; }
.s0101 .con_wrap .intro{margin-bottom: 80px;}
.s0101 .con_wrap .intro .top_img{border-radius: 70px 30px 70px 30px; margin-bottom: 6%; max-width: 100%;}

.s0101 .con_wrap .intro .intro_txt{width: 100%; margin: 0 auto;text-align: center}
.s0101 .con_wrap .intro .intro_txt .logo{display: inline-block;vertical-align: middle;margin-right: 20px;}
.s0101 .con_wrap .intro .intro_txt .logo img{max-width:100%;}
.s0101 .con_wrap .intro .intro_txt::after{content: ''; background: url(../img/sub/s0101_intro_img.png)0 0 no-repeat; display: block; width: 826px; height: 86px;margin: 0 auto;}

.s0101 .con_wrap .intro .intro_txt .txt{display: inline-block; vertical-align: middle;text-align: left;}
.s0101 .con_wrap .intro .intro_txt .txt p.tit{font-size: 16px;line-height: 24px;margin-bottom: 10px;font-weight: 500;}
.s0101 .con_wrap .intro .intro_txt .txt p.exp{font-size: 22px;line-height: 28px;font-weight: 500;}

.s0101 .con_wrap .intro .intro_txt .txt p.exp b {color:#00a28b; }
.s0101 .con_wrap .intro .intro_txt .txt p.exp span {color:#ff7d00; }


.s0101 .con_wrap .item{display: flex; justify-content: space-between; margin-bottom: 50px;}
.s0101 .con_wrap .item span.tit{width: 100%; max-width:160px; margin-right: 30px; box-sizing: border-box;}

.s0101 .con_wrap .item span.tit p{ font-family: "S-CoreDream-3Light"; font-weight: bold; font-size: 24px; padding-bottom: 20px; border-bottom:3px solid #f5f5f5; box-sizing: border-box;position: relative;}
.s0101 .con_wrap .item span.tit p:after{content: ""; width: 104px; height: 3px; background:#333; position: absolute; bottom: -3px; left: 0;}

.s0101 .con_wrap .item span.txt{width: calc(100% - 190px);}
.s0101 .con_wrap .item span.txt .mission{width: 100%;text-align: center;}
.s0101 .con_wrap .item span.txt .mission span.tt{font-size: 22px; font-weight: 500; margin-bottom: 10px;display: block;}
.s0101 .con_wrap .item span.txt .mission span.tt b{font-size: 28px; font-weight: bold; color: #e58121;}
.s0101 .con_wrap .item span.txt .mission span.tx{font-size: 17px; color: #454545; line-height: 26px;display: block;}

.s0101 .con_wrap .item span.txt .t_box{font-size: 22px; font-weight: 500; line-height: 26px; text-align: center; background: #f8f8f8; border:3px solid #f0f0f0; border-radius: 30px; padding: 14px 10px; box-sizing: border-box; }

.s0101 .con_wrap .item span.txt .value{display: flex; flex-wrap: wrap; justify-content: space-between;}
.s0101 .con_wrap .item span.txt .value li{width: 126px; height: 126px; font-size: 17px; font-weight: 500; line-height: 20px; text-align: center; border-radius: 50%; background: #fff3ac; padding: 42px 0; box-sizing: border-box;}
.s0101 .con_wrap .item span.txt .value li:nth-child(2){background: #c7f3fa}
.s0101 .con_wrap .item span.txt .value li:nth-child(3){background: #ffe9ec}
.s0101 .con_wrap .item span.txt .value li:nth-child(4){background: #eddaff}
.s0101 .con_wrap .item span.txt .value li:nth-child(5){background: #c5fbb6}

.s0101 .con_wrap .item span.txt .activity{display: flex; flex-wrap: wrap; justify-content: space-between;}
.s0101 .con_wrap .item span.txt .activity li{width: 23.5%; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding: 30px 0; box-sizing: border-box;}

.s0101 .con_wrap .item span.txt .activity li:nth-child(-n+4){border-bottom: none;}
.s0101 .con_wrap .item span.txt .activity li span.img{background: url(../img/sub/s0101_activity_spicon.png) 0 0 no-repeat; width: 40px; height: 43px; display:block; margin: 0 auto 10px; }
.s0101 .con_wrap .item span.txt .activity li:nth-child(2) span.img{background-position: -40px 0; }
.s0101 .con_wrap .item span.txt .activity li:nth-child(3) span.img{background-position: -80px 0; }
.s0101 .con_wrap .item span.txt .activity li:nth-child(4) span.img{background-position: -120px 0; }
.s0101 .con_wrap .item span.txt .activity li:nth-child(5) span.img{background-position: -200px 0; }
.s0101 .con_wrap .item span.txt .activity li:nth-child(6) span.img{background-position: -240px 0; }
.s0101 .con_wrap .item span.txt .activity li:nth-child(7) span.img{background-position: -280px 0; }
.s0101 .con_wrap .item span.txt .activity li:nth-child(8) span.img{background-position: -160px 0; }
.s0101 .con_wrap .item span.txt .activity li span.tt{font-size: 17px; line-height: 20px;display: block;text-align: center;}

.s0101 .con_wrap .item span.txt .goal{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.s0101 .con_wrap .item span.txt .goal li{width: 23.5%;}
.s0101 .con_wrap .item span.txt .goal li span{font-size:17px; line-height: 20px; text-align: center;display: block; padding: 17px 0; box-sizing: border-box;}
.s0101 .con_wrap .item span.txt .goal li span.tt{ background: #ffe447; border-radius: 10px 10px 0 0;font-weight: 500;  }
.s0101 .con_wrap .item span.txt .goal li span.tx{background: #f7f4e5; border-radius: 0 0 10px 10px;font-weight: 500; }

.s0101 .con_wrap .item span.txt .goal li:nth-child(2) span.tt{background: #a8e4ed}
.s0101 .con_wrap .item span.txt .goal li:nth-child(2) span.tx{background: #eaf5f7}
.s0101 .con_wrap .item span.txt .goal li:nth-child(3) span.tt{background: #ffd7dc}
.s0101 .con_wrap .item span.txt .goal li:nth-child(3) span.tx{background: #fef1f3}
.s0101 .con_wrap .item span.txt .goal li:nth-child(4) span.tt{background: #e6d3f7}
.s0101 .con_wrap .item span.txt .goal li:nth-child(4) span.tx{background: #f5f1f9}

.s0101 .con_wrap .item span.txt .task{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.s0101 .con_wrap .item span.txt .task li{width: 23.5%; min-height:165px;}
.s0101 .con_wrap .item span.txt .task li span{display: block; font-size: 17px; font-weight: 500; line-height: 20px; text-align: center; padding:20px 0; box-sizing: border-box;}
.s0101 .con_wrap .item span.txt .task li span.t_top{background: #f7f4e5;border-bottom: 1px dashed #ccc;}
.s0101 .con_wrap .item span.txt .task li span.t_btm{background: #f7f4e5;}

.s0101 .con_wrap .item span.txt .task li:nth-child(1) span.t_top{height: 50%;display: flex; align-items: center; justify-content: center;}
.s0101 .con_wrap .item span.txt .task li:nth-child(1) span.t_btm{height: 50%;display: flex; align-items: center; justify-content: center;}

.s0101 .con_wrap .item span.txt .task li:nth-child(2) span.t_top{background: #eaf5f7;height: 50%;display: flex; align-items: center; justify-content: center;}
.s0101 .con_wrap .item span.txt .task li:nth-child(2) span.t_btm{background: #eaf5f7;height: 50%;display: flex; align-items: center; justify-content: center;}

.s0101 .con_wrap .item span.txt .task li:nth-child(3) span.t_top{background: #fef1f3}
.s0101 .con_wrap .item span.txt .task li:nth-child(3) span.t_mid{background: #fef1f3; border-bottom: 1px dashed #ccc;}
.s0101 .con_wrap .item span.txt .task li:nth-child(3) span.t_btm{background: #fef1f3}

.s0101 .con_wrap .item span.txt .task li:nth-child(4) span.t_top{background: #f5f1f9}
.s0101 .con_wrap .item span.txt .task li:nth-child(4) span.t_mid{background: #f5f1f9;border-bottom: 1px dashed #ccc;}
.s0101 .con_wrap .item span.txt .task li:nth-child(4) span.t_btm{background: #f5f1f9}

.s0101 .con_wrap .item span.txt .promise{width: 100%;}
.s0101 .con_wrap .item span.txt .promise li{background:#eef3eb; padding: 13px 20px; box-sizing: border-box; margin-bottom: 10px; border-radius: 10px;}
.s0101 .con_wrap .item span.txt .promise li:nth-child(2n){background:#f5f5f5;}
.s0101 .con_wrap .item span.txt .promise li p{font-size:17px; line-height: 28px; font-weight: 500; position: relative; padding-left: 40px;}
.s0101 .con_wrap .item span.txt .promise li p::before{content: "1"; width: 32px; height: 32px; line-height: 32px; background: #93bb7b; position: absolute;color: #fff; text-align: center; border-radius: 50%; top: 0; left: 0;}
.s0101 .con_wrap .item span.txt .promise li:nth-child(2n) p::before{background:#b5b5b5; }

.s0101 .con_wrap .item span.txt .promise li:nth-child(2) p::before{content: "2";}
.s0101 .con_wrap .item span.txt .promise li:nth-child(3) p::before{content: "3";}
.s0101 .con_wrap .item span.txt .promise li:nth-child(4) p::before{content: "4";}
.s0101 .con_wrap .item span.txt .promise li:nth-child(5) p::before{content: "5";}
.s0101 .con_wrap .item span.txt .promise li:nth-child(6) p::before{content: "6";}

.s0101 .con_wrap .item span.txt ul.info{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border:1px solid #ccc; padding: 16px 0; box-sizing: border-box; border-radius: 10px; margin-top: 20px;}
.s0101 .con_wrap .item span.txt ul.info li{margin:0 40px 0 0; font-size: 17px; font-weight: 500;}
.s0101 .con_wrap .item span.txt ul.info li:last-child{margin: 0;}
.s0101 .con_wrap .item span.txt ul.info li span{}
.s0101 .con_wrap .item span.txt ul.info li::before{content: ''; background: url(../img/sub/s0101_info_spicon.png) 0 0 no-repeat; width: 23px; height: 23px; display: inline-block; vertical-align: middle; margin: 0 8px 0 0;}
.s0101 .con_wrap .item span.txt ul.info li:nth-child(2)::before{background-position: -23px 0;}
.s0101 .con_wrap .item span.txt ul.info li:nth-child(3)::before{background-position: -46px 0;}

@media all and (max-width:940px){
	.s0101 .con_wrap .intro .intro_txt::after{display: none;}
	.s0101 .con_wrap .intro .intro_txt .txt p.exp{font-size: 20px;}
	
	.s0101 .con_wrap .item{flex-direction: column;}
	.s0101 .con_wrap .item span.tit{max-width: none; width: 100%; margin-bottom: 20px;}
	.s0101 .con_wrap .item span.tit p{border-color: #333; text-align: center;}
	.s0101 .con_wrap .item span.tit p:after{display: none;}
	
	.s0101 .con_wrap .item span.txt{width: 100%;}
	
	
}

@media all and (max-width:768px){
	.s0101 .con_wrap .intro .intro_txt .txt p.exp{font-size: 18px;}
	.s0101 .con_wrap .item span.tit p{font-size: 20px;}
	.s0101 .con_wrap .item span.txt .mission span.tt{font-size: 18px;margin-bottom: 10px;}
	.s0101 .con_wrap .item span.txt .mission span.tt b{font-size: 22px;}
	.s0101 .con_wrap .item span.txt .mission span.tx{font-size: 15px;}
	
	.s0101 .con_wrap .item span.txt .t_box{font-size: 17px;}
	
	.s0101 .con_wrap .item span.txt .value li{font-size: 15px;}
	.s0101 .con_wrap .item span.txt .activity li span.tt{font-size: 15px;}
	.s0101 .con_wrap .item span.txt .goal li span.tt{font-size: 15px;}
	.s0101 .con_wrap .item span.txt .goal li span.tx{font-size: 15px;}
	.s0101 .con_wrap .item span.txt .task li span.t_top{font-size: 15px;}
	.s0101 .con_wrap .item span.txt .task li span.t_mid{font-size: 15px;}
	.s0101 .con_wrap .item span.txt .task li span.t_btm{font-size: 15px;}
	
	.s0101 .con_wrap .item span.txt .promise li p{font-size: 15px;}
	
	.s0101 .con_wrap .item span.txt ul.info li{font-size: 15px;}
	
	.s0101 .con_wrap .item span.txt .value{justify-content: center;}
	.s0101 .con_wrap .item span.txt .value li{width: 33.33%; border-radius: 0; padding: 15px 0; height: auto;}
	.s0101 .con_wrap .item span.txt .value li:nth-child(4),.s0101 .con_wrap .item span.txt .value li:nth-child(5){width: 50%;}
	
	.s0101 .con_wrap .item span.txt ul.info{flex-direction: column;}
	.s0101 .con_wrap .item span.txt ul.info li{padding: 5px 0;}

}	

@media all and (max-width:520px){
	.s0101 .con_wrap .item span.txt .goal li{width: 49%; margin-bottom: 2%}
	.s0101 .con_wrap .item span.txt .goal li:nth-child(3), .s0101 .con_wrap .item span.txt .goal li:nth-child(4){margin-bottom: 0;}
	
	.s0101 .con_wrap .item span.txt .task li{width: 49%; margin-bottom: 2%}
	.s0101 .con_wrap .item span.txt .task li:nth-child(3), .s0101 .con_wrap .item span.txt .task li:nth-child(4){margin-bottom: 0;}
	
}	


/* s0102 연혁 */

.s0102{}
.s0102 .sub_inner{max-width: 940px; margin: 0 auto; font-size: 0; box-sizing: border-box;}

.s0102 .tit_wrap{font-family: "S-CoreDream-3Light"; font-size: 32px;font-weight: bold;text-align: center; margin-bottom: 20px;}
.s0102 .tit_wrap span{font-size: 18px; font-weight: 500;display: block;}
.s0102 .tit_wrap span b{color:#d87000; font-weight: 500; }

.s0102 .con_wrap{border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 40px 30px;}
.s0102 .con_top{border-top: 2px solid #000;}

.s0102 .con_wrap h4.tit{font-size:28px; font-weight: bold; width: 18%; display: inline-block; vertical-align: top; }
.s0102 .con_wrap ul.history{width: 80%; display: inline-block; vertical-align: top;}
.s0102 .con_wrap ul.history > li{margin-bottom: 20px;}
.s0102 .con_wrap ul.history > li span.month {font-size: 17px; font-weight: bold; width: 36px; height: 36px; line-height: 36px; border: 2px solid #f19300; border-radius: 50%; display: inline-block; vertical-align: top; text-align: center; color: #f19300; margin: 0 20px 0 0;background: #fff; position: relative;z-index: 10; }
/*
.s0102 .con_wrap ul.history > li span.month::before{content: ''; width:2px; height: 100%; position: absolute; top:-36px; left: 50%; transform: translateX(-50%); background:#f19300;z-index: -10; }
.s0102 .con_wrap ul.history > li:first-child span.month::before{display: none; }
*/
.s0102 .con_wrap:nth-child(2n-1) ul.history > li span.month{border-color:#52a17d; color: #52a17d}

.s0102 .con_wrap ul.history > li span.txt{display: inline-block; vertical-align: top;} 
.s0102 .con_wrap ul.history > li span.txt ul.txt_list{}
.s0102 .con_wrap ul.history > li span.txt ul.txt_list li{font-size: 17px; font-weight: 500; padding: 8px 0 0 0;}
.s0102 .con_wrap ul.history > li span.txt ul.txt_list li::before{content: '-'; margin: 0 5px 0 0; }


@media all and (max-width:768px){
	.s0102 .con_wrap h4.tit{font-size: 26px;}
	.s0102 .con_wrap ul.history > li span.month{font-size: 15px}
	.s0102 .con_wrap ul.history > li span.txt ul.txt_list li{font-size: 15px}
}

@media all and (max-width:700px){
	.s0102 .con_wrap ul.history > li span.month{display: block; border-radius: 0; width: 80px; height: 30px; line-height: 30px;}
	.s0102 .con_wrap ul.history > li span.txt{display: block; width: 100%;}
}

@media all and (max-width:525px){
	.s0102 .con_wrap h4.tit{display: block; width: 100%; margin: 0 0 20px 0;}
	.s0102 .con_wrap ul.history{display: block; width: 100%;}
}



/* s0103 공간소개 */

.s0103{}
.s0103 .sub_inner{max-width: 940px; margin: 0 auto; font-size: 0; box-sizing: border-box; word-break: keep-all;}

.s0103 .intro{width: 100%;position: relative; display: flex; justify-content: space-between; align-items: center;}
.s0103 .intro .intro_l{width: 52%;}
.s0103 .intro .intro_l ul{font-size: 0;}
.s0103 .intro .intro_l ul li{margin-bottom: 24px;}
.s0103 .intro .intro_l ul li span.tit{font-size:20px; font-weight: bold;display: inline-block; vertical-align: top;width: 100%; max-width: 160px;line-height: 30px;}
.s0103 .intro .intro_l ul li span.tit::before{content: '';background: url(../img/sub/s0103_tit_spicon.png) 0 0 no-repeat; width: 22px; height: 22px; display: inline-block; vertical-align: middle; margin: 0 10px 3px 0;  }
.s0103 .intro .intro_l ul li:nth-child(2) span.tit::before{background-position: -22px 0;}
.s0103 .intro .intro_l ul li:nth-child(3) span.tit::before{background-position: -44px 0;}
.s0103 .intro .intro_l ul li:nth-child(4) span.tit::before{background-position: -66px 0;}
.s0103 .intro .intro_l ul li:nth-child(5) span.tit::before{background-position: -88px 0;}
.s0103 .intro .intro_l ul li span.txt{font-size:17px; font-weight: 500; display: inline-block; vertical-align: top;width: calc(100% - 160px); line-height: 30px;}
.s0103 .intro .intro_l ul li span.txt strong{margin-right: 10px;}

.s0103 .intro .intro_r{width: 48%;}
.s0103 .intro .intro_r img{max-width: 100%;}

.s0103 .floor{padding: 80px 40px; background: #f3f5f7;box-sizing: border-box;}
.s0103 .floor .tit_wrap{padding-bottom: 30px; box-sizing: border-box; border-bottom: 1px dashed #ccc;text-align: center}
.s0103 .floor .tit_wrap h4{font-size: 32px;font-family: "S-CoreDream-3Light"; font-weight: bold;margin-bottom: 20px;}
.s0103 .floor .tit_wrap p{font-size: 18px;font-weight: bold;}

.s0103 .floor .con_list{width: 100%; font-size: 0;padding-top: 60px;box-sizing: border-box;}
.s0103 .floor .con_list li{position: relative;}
.s0103 .floor .con_list li span{display: inline-block; vertical-align: bottom; line-height: 28px;}
.s0103 .floor .con_list li span.tit{background: url(../img/sub/s0103_spicon.png) 0 0 no-repeat;height: 86px; width: 90px;position: absolute; top:-30px; left: 0;}
.s0103 .floor .con_list li span.tit b{font-size:22px; font-weight: bold; color: #fff;padding: 22px 0; display: inline-block;font-family: "S-CoreDream-3Light";width: 75px;text-align: center;box-sizing: border-box;}
.s0103 .floor .con_list li span.txt{width: calc(100% - 90px); font-size: 17px; font-weight: 500;padding-left: 100px;box-sizing: border-box;}
.s0103 .floor .con_list li span.txt b{font-weight: 500; color:#2a8d7f; }
.s0103 .floor .con_list li .img_wrap{display: block;margin: 20px 0 50px 0;}
.s0103 .floor .con_list li .img_wrap img{max-width: 100%; }

.s0103 .modal{}
.s0103 .modal .con_modal{position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);background: #fff; border-radius:20px; box-sizing: border-box;padding: 40px;border: 1px solid #ccc;width: 100%;max-width: 640px;font-size: 0; z-index: 1;box-shadow: 0 13px 33px -10px rgb(0 0 0 / 25%); display: none;}
.s0103 .modal .con_modal .con_close{position: absolute;top:22px; right: 28px;}
.s0103 .modal .con_modal .con_close a.close_btn{text-align: center;font-size: 17px;font-weight: bold;}
.s0103 .modal .con_modal .con_close a.close_btn::after{    content: "";width: 19px;height: 18px; background: url(../img/sub/s0103_close_icon.png) center center no-repeat; display: inline-block;vertical-align: middle; margin: 0 0 0 10px;}

.s0103 .modal .con_modal .con_l{display: inline-block; vertical-align: middle; border: 2px solid #ccc;border-radius: 10px;overflow: hidden;width: 100%;max-width: 280px; box-sizing: border-box;}
.s0103 .modal .con_modal .con_l img{max-width: 100%;}

.s0103 .modal .con_modal .con_r{display: inline-block; vertical-align: middle;width: calc(100% - 280px);padding: 10px 0 0 20px; box-sizing: border-box;}
.s0103 .modal .con_modal .con_r span.tit{font-size: 22px; font-weight: bold; display: block; width: 100%;margin-bottom: 8px; }
.s0103 .modal .con_modal .con_r span.txt{font-size: 17px; line-height:26px; color: #555;display: block;margin-bottom: 15px;}
.s0103 .modal .con_modal .con_r ul.info{font-size: 0;margin-bottom: 10px;}
.s0103 .modal .con_modal .con_r ul.info li{margin-bottom: 8px;}
.s0103 .modal .con_modal .con_r ul.info li span.tt{font-size: 17px; font-weight: bold; width: 100%; max-width: 70px; position:relative;display: inline-block;vertical-align: top;}
.s0103 .modal .con_modal .con_r ul.info li span.tt:after{position: absolute;content: "|"; color:#333; top: 1px;right: 0px;font-weight: 500;}
.s0103 .modal .con_modal .con_r ul.info li span.tx{font-size: 17px;width: calc(100% - 70px);display: inline-block;padding-left: 8px; box-sizing: border-box;letter-spacing: -1.1px;}
.s0103 .modal .con_modal .con_r span.red{font-size: 17px; font-weight: bold;color: #e60012;}


@media all and (max-width:940px){
	.s0103 .intro {flex-direction: column;justify-content:center;}
	.s0103 .intro .intro_l{order: 2;width: 100%;}
	.s0103 .intro .intro_r{order: 1;width: 100%;}
}

@media all and (max-width:768px){
	.s0103 .floor{padding: 35px 15px;}
	.s0103 .floor .con_list li .img_wrap{overflow: auto;}
	.s0103 .floor .con_list li .img_wrap img{width: 520px;
    max-width: none;}
	
	.s0103 .intro .intro_l ul li span.tit{font-size: 18px;}
	.s0103 .intro .intro_l ul li span.txt{font-size: 15px;}
	.s0103 .floor .tit_wrap h4{font-size: 28px;}
	.s0103 .floor .tit_wrap p{font-size: 16px;}
	.s0103 .floor .con_list li span.tit{width:75px; height: 72px; background-size: cover}
	.s0103 .floor .con_list li span.tit b{font-size: 17px;padding:17px 0; width: 62px;}
	.s0103 .floor .con_list li span.txt{font-size: 15px; width: 100%; padding-left: 70px;}
	
	.s0103 .modal .con_modal{width: 90%; margin: 0 auto;}
	.s0103 .modal .con_modal .con_cmn {display: block; }
	.s0103 .modal .con_modal .con_l {max-width: 100%;margin:20px 0;}
	.s0103 .modal .con_modal .con_r {max-width: 100%; width: 100%;padding: 0}
	.s0103 .modal .con_modal .con_r span.txt br{display: none;}

}

@media all and (max-width:470px){
	
	.s0103 .intro .intro_l ul li{text-align: center;margin-bottom: 10px;}
	.s0103 .intro .intro_l ul li span.tit{display: block; width: 100%; max-width: none;}
	.s0103 .intro .intro_l ul li span.txt{display: block; width: 100%; }
}




/* s0104 운영법인 */

.s0104{}
.s0104 .sub_inner{max-width: 940px; margin: 0 auto; font-size: 0; box-sizing: border-box; word-break: keep-all;}

.s0104 .con_top{}
.s0104 .con_top .con_logo{background: url(../img/sub/s0104_top_bg.jpg) 0 0 no-repeat; min-height: 220px;display: flex; justify-content: center; align-items: center;margin-bottom: 40px;}
.s0104 .con_top .con_logo img{max-width: 100%;}
.s0104 .con_top .con_tit{font-size:20px; font-weight: 500; line-height:38px; text-align: center;margin-bottom: 50px;position: relative;}
.s0104 .con_top .con_tit::after{content: ''; background:url(../img/sub/s0104_con_tit_icon.png) 0 0 no-repeat;width: 220px; height: 66px; position: absolute; bottom: -50px; left:50%; transform: translateX(-50%);}

.s0104 .con_top .con_tit span.highlight_01{background:#fcfbea;color: #db9500; font-weight: bold; }
.s0104 .con_top .con_tit span.highlight_02{color: #1f4391; background:#f4f6fa; font-weight: bold;}
.s0104 .con_top .con_tit span b{position: relative;font-weight: bold;}
.s0104 .con_top .con_tit span b::before{content: ''; background:#ffa400; width:5px; height: 5px; position: absolute; top:-10px; left: 50%; transform: translateX(-50%);border-radius:50%;}
.s0104 .con_top .con_tit span.highlight_02 b::before{background:#4176eb;}

.s0104 .con_top .con_txt{font-size: 17px; font-weight: 500; line-height: 28px; background:#f7f4ef; padding: 30px 20px; box-sizing: border-box; text-align: center;position: relative;margin-bottom: 40px;}

.s0104 .con_top .con_txt::before{content: ''; background:url(../img/sub/s0104_con_tit_before.png) 0 0 no-repeat;width: 73px; height: 43px; position: absolute; top:-43px; left:40px; }

.s0104 .con_top .con_txt::after{content: ''; background:url(../img/sub/s0104_con_tit_after.png) 0 0 no-repeat;width: 73px; height: 43px; position: absolute; top:-43px; right:40px; }


.s0104 h3.tit{font-family: "S-CoreDream-3Light"; font-size: 28px; font-weight: bold;text-align: center; margin-bottom: 20px;}
.s0104 h3.tit span{color: #de891c; }
.s0104 h3.tit::before{content: ''; background: url(../img/sub/s0104_slogan_ic.png) 0 0 no-repeat; width: 36px; height: 64px; display: inline-block; vertical-align: middle; margin: 0 0 2px 0 }
.s0104 h3.tit::after{content: ''; background: url(../img/sub/s0104_slogan_ic.png) 0 0 no-repeat; width: 36px; height: 64px; display: inline-block; vertical-align: middle;  transform: scaleX(-1); margin: 0 0 2px 0;}

.s0104 .slogan{border-bottom: 1px dashed #ccc;margin-bottom: 40px;}
.s0104 .slogan ul.s_list{font-size: 0; background: url(../img/sub/s0104_slogan_bg.png) 0 0 no-repeat; width: 626px; height: 164px; display: block; margin: 0 auto 20px;display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.s0104 .slogan ul.s_list li{font-size: 22px; color: #fff; font-weight: bold; width: 25%; text-align: center;}
.s0104 .slogan ul.s_list li span{font-size: 32px; }

.s0104 .slogan ul.s_info{font-size: 0;display: flex; flex-wrap:wrap; justify-content: space-around; align-items: center; padding: 20px 0;}
.s0104 .slogan ul.s_info li{display: flex; align-items: center;}
.s0104 .slogan ul.s_info li::before{content: ''; background: url(../img/sub/s0104_info_spicon.png)0 0 no-repeat; width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
.s0104 .slogan ul.s_info li:nth-child(2)::before{background-position: -30px 0;}
.s0104 .slogan ul.s_info li:nth-child(3)::before{background-position: -60px 0;}

.s0104 .slogan ul.s_info li span.tit{font-size: 17px; font-weight: bold; margin: 0 7px 0 0;}
.s0104 .slogan ul.s_info li span.txt{font-size: 17px; font-weight: 500;}

.s0104 .business{}
.s0104 .business .b_item{display: inline-block; vertical-align: top; width: 32%; margin: 0 2% 0 0; text-align: center;}
.s0104 .business .b_item:last-child{margin: 0;}
.s0104 .business .b_item .tit{background: url(../img/sub/s0104_business_bx.png) 0 0 no-repeat; width: 142px; height: 164px; margin: 0 auto 20px;position: relative;}
.s0104 .business .b_item .tit::after{content: ''; background: url(../img/sub/s0104_business_icon.png) 0 0 no-repeat; width: 68px; height: 68px; position: absolute; top:50%; right: -85%; transform: translateY(-50%);}
.s0104 .business .b_item:last-child .tit::after{display: none;}

.s0104 .business .b_item .tit p{font-size: 22px;font-weight: 500; padding:50px 0 }
.s0104 .business .b_item .tit p span{font-size: 32px;font-weight: bold;}

.s0104 .business .b_item ul.list{}
.s0104 .business .b_item ul.list li{background: #f7f4ef;font-size: 17px;font-weight: 500; line-height: 28px; margin:0 0 20px 0; padding:20px; box-sizing: border-box;}

@media all and (max-width:768px){
	.s0104 .business .b_item .tit::after{display: none;}
}

@media all and (max-width:768px){
	.s0104 .con_top .con_tit{font-size: 17px;}
	.s0104 .con_top .con_txt{font-size: 15px}
	
	.s0104 h3.tit{font-size: 25px;}
	
	.s0104 .slogan ul.s_list li{font-size: 20px;}
	.s0104 .slogan ul.s_list li span{font-size: 28px;}
	.s0104 .slogan ul.s_info{flex-direction: column; }
	.s0104 .slogan ul.s_info li{margin: 0 0 8px 0}
	.s0104 .slogan ul.s_info li span.tit{font-size: 15px}
	.s0104 .slogan ul.s_info li span.txt{font-size: 15px}
	
	.s0104 .business .b_item{width: 100%; margin: 0 0 20px 0;}
	.s0104 .business .b_item ul.list li{width: 80%; margin: 0 auto 10px;}
	.s0104 .business .b_item .tit p{font-size: 20px;}
	.s0104 .business .b_item .tit p span{font-size: 28px;}
	.s0104 .business .b_item ul.list li{font-size: 15px}
	
	
}


@media all and (max-width:640px){
	.s0104 .slogan ul.s_list{background: none;width: auto;}
	.s0104 .slogan ul.s_list li{background: #e5b133; padding: 15px; box-sizing: border-box; width: 50%;}
	.s0104 .slogan ul.s_list li:nth-child(2){background: #e29133;}
	.s0104 .slogan ul.s_list li:nth-child(3){background: #bc914e;}
	.s0104 .slogan ul.s_list li:nth-child(4){background: #956856;}
	
	
}

@media all and (max-width:525px){
	.s0104 .con_top .con_txt::before{width: 50px; height: 29px; background-size: cover; top:-29px; left: 20px;}
	.s0104 .con_top .con_txt::after{width: 50px; height: 29px; background-size: cover; top:-29px; right: 20px;}
}

@media all and (max-width:430px){
	
}




/* s0106 오시는길 */

.s0106{}
.s0106 .sub_inner{max-width: 940px; margin: 0 auto; font-size: 0; box-sizing: border-box;}

.s0106 .road{border:1px solid #ccc; border-radius: 10px; box-sizing: border-box;overflow: hidden; margin-bottom: 40px;}
.s0106 .road .map{}
.s0106 .road .info{width: 100%; padding:40px; box-sizing: border-box; display: flex; justify-content: center;align-items: center;}
.s0106 .road .info .info_l{margin-right: 10%;}
.s0106 .road .info .info_l img{max-width: 100%}
.s0106 .road .info .info_r{}
.s0106 .road .info .info_r ul{font-size: 0;}
.s0106 .road .info .info_r ul li{font-size:16px; font-weight: 500; padding-bottom: 15px;}
.s0106 .road .info .info_r ul li::before{content: ''; background: url(../img/sub/s0106_info_spicon.png) 0 0 no-repeat; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}
.s0106 .road .info .info_r ul li:nth-child(2)::before{background-position: -20px 0;}
.s0106 .road .info .info_r ul li:nth-child(3)::before{background-position: -40px 0;}
.s0106 .road .info .info_r ul li:nth-child(4)::before{background-position: -60px 0;}

.s0106 .bus{border:1px solid #ccc; border-radius: 10px; box-sizing: border-box;font-size: 0;display: flex; padding: 40px 30px;}
.s0106 .bus .bus_l{ margin: 0 20px 0 0; background: url(../img/sub/s0106_bus_tit_bg.png) 0 0 no-repeat; width: 130px; height: 170px; display: block; }
.s0106  .bus .bus_l .bus_tit{background: url(../img/sub/s0106_bus_tit_bg.png) 0 0 no-repeat; width: 130px; display: inline-block; width: 100%;padding: 50px 0;box-sizing: border-box;}
.s0106 .bus .bus_l span.icon{display: block; margin: 0 auto 15px;text-align: center;}
.s0106 .bus .bus_l span.tit{font-size: 20px; color: #fff; font-weight: bold;display: block;text-align: center;}

.s0106 .bus .bus_r{width: calc(100% - 150px);}
.s0106 .bus .bus_r .bus_list{font-size: 0; box-sizing: border-box; display: inline-block; vertical-align: top; width: 38%;}
.s0106 .bus .bus_r .bus_list:last-child{width: 62%;}
.s0106 .bus .bus_r .bus_list li{font-size:16px; font-weight: 500; background: #f2f8f1; padding: 8px 20px; box-sizing: border-box;}
.s0106 .bus .bus_r .bus_list li:nth-child(2n){background: #fff;  }
.s0106 .bus .bus_r .bus_list li:nth-child(3n){background: #f8f8f8;  }

@media all and (max-width:940px){
	.s0106 .bus .bus_r .bus_list{width: 100%; display: block;}
	.s0106 .bus .bus_r .bus_list:last-child{width: 100%; display: block;}
}

@media all and (max-width:768px){
	.s0106 .road .info .info_r ul li{font-size: 15px;}
	.s0106 .bus .bus_l span.tit{font-size: 18px;}
	.s0106 .bus .bus_r .bus_list li{font-size: 15px;}
}


@media all and (max-width:670px){
	.s0106 .road .info{display: block; text-align: center;}
	.s0106 .road .info .info_l{width: 100%; margin-right: 0; margin-bottom: 30px;}
	.s0106 .bus{display: block; }
	.s0106 .bus .bus_l{background: #005a3a; height: auto; margin: 0;width: 100%; max-width: 160px; text-align: center; border-radius: 10px; box-sizing: border-box;margin-bottom: 20px;}
	.s0106 .bus .bus_l .bus_tit{background-image: none; padding: 10px; width: auto;}
	
	.s0106 .bus .bus_l span.icon{margin: 0; display: inline-block;vertical-align: middle;margin: 0 10px 0 0;}
	.s0106 .bus .bus_l span.tit{display: inline-block; vertical-align: middle; }
	
	.s0106 .bus .bus_r{width: 100%;}

}



/* s0201 청소년운영위원회 */

.s0201{}
.s0201 .sub_inner{max-width: 940px; margin: 0 auto; font-size: 0; box-sizing: border-box; word-break: keep-all;}

.sub_page .stit_wrap{border: 1px dashed #ccc;height: 278px; display: flex; align-items: center;margin-top: 38px;position: relative;border-left: none; margin-bottom: 40px; padding-right: 30px;margin-top: 60px;}
.sub_page .stit_wrap .tit_img{position: absolute;top:-37px;}
.sub_page .stit_wrap .tit_img img{max-width: 100%;}
.sub_page .stit_wrap .tit_con{padding-left: 314px;box-sizing: border-box;   }
.sub_page .stit_wrap .tit_con .tit{border-bottom: 1px dashed #ccc;padding-bottom: 20px; box-sizing: border-box;}
.sub_page .stit_wrap .tit_con .tit span.maintit{font-size: 38px; font-weight: bold; font-family:'yg-jalnan'; position: relative;}

.sub_page .stit_wrap .tit_con .tit span.subtit {font-size: 22px;font-family: "pretendard"; display: block; font-weight: 500;}
.sub_page .stit_wrap .tit_con .tit span.maintit b{color: #2c995e;}

.sub_page .stit_wrap .tit_con .tit span.maintit::after{content: ''; width:8px; height: 8px; background:#2c995e;border-radius: 50%; position: absolute;top:-5px; right: -10px}

.sub_page .stit_wrap .tit_con .txt{font-size: 17px; line-height: 26px;padding-top: 20px; box-sizing: border-box;}
.sub_page .stit_wrap .tit_con .txt b{color: #888; font-weight: bold;}

.s0201 .con_info{display: flex; justify-content: space-between; margin-bottom: 40px;}
.s0201 .con_info .item{width: 32%;}
.s0201 .con_info .item .c_tit{font-size:24px; font-weight: bold; text-align: center;position: relative;width: 100%; max-width: 174px; margin: 0 auto 20px; border-top: 2px solid #333; padding-top: 16px; box-sizing: border-box; }
.s0201 .con_info .item .c_tit::before{content: ''; background: url(../img/sub/tit_spicon.png) 0 0 no-repeat; width: 30px; height: 30px; display: inline-block; vertical-align: top; margin: 0 10px 0 0;}


.s0201 .con_info .item:nth-child(2) .c_tit::before{background-position: -30px 0}
.s0201 .con_info .item:nth-child(3) .c_tit::before{background-position: -60px 0}

.s0201 .con_info .item .c_txt{padding:30px; box-sizing: border-box; font-size: 17px; line-height: 26px; border: 1px dashed #ccc; border-radius: 10px; height:  114px; display: flex; align-items: center;justify-content: center; box-shadow: 0 5px 0 #f2f2f2;}


.s0201 .con_act{margin-bottom: 20px;}
.s0201 .con_act .c_tit{font-size:24px; font-weight: bold; text-align: center;position: relative;width: 100%; max-width: 174px; margin: 0 auto 20px; border-top: 2px solid #333; padding-top: 16px; box-sizing: border-box; }
.s0201 .con_act .c_tit::before{content: ''; background: url(../img/sub/tit_spicon.png) -90px 0 no-repeat; width: 30px; height: 30px; display: inline-block; vertical-align: top; margin: 0 10px 0 0;}

.s0201 .con_act ul.a_list{display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center; }
.s0201 .con_act ul.a_list li{background:#eef3eb;border-radius: 10px; height: 86px;  width: 32%; padding: 20px; box-sizing: border-box; margin: 0 2% 2% 0;}
.s0201 .con_act ul.a_list li:nth-child(3n){margin: 0 0 2% 0;}
.s0201 .con_act ul.a_list li span{font-size: 17px; line-height: 26px;position: relative; padding-left: 30px; display: block;}
.s0201 .con_act ul.a_list li span::before{content: '>'; width:22px; height: 22px; border-radius: 50%; background: #0c5235; position: absolute; top:2px; left: 0; color: #fff; text-align: center; line-height: 21px; font-size: 12px;font-weight: bold;}
/*.s0201 .con_act ul.a_list li span::before{content: '';  width: 22px; height: 22px; background: url(../img/sub/act_icon.png") 0 0 no-repeat;position: absolute; top:2px; left: 0;}*/

.s0201 .con_bnfit{margin-bottom: 40px;}
.s0201 .con_bnfit .c_tit{font-size:24px; font-weight: bold; text-align: center;position: relative;width: 100%; max-width: 174px; margin: 0 auto 20px; border-top: 2px solid #333; padding-top: 16px; box-sizing: border-box; }
.s0201 .con_bnfit .c_tit::before{content: ''; background: url(../img/sub/tit_spicon.png) -120px 0 no-repeat; width: 30px; height: 30px; display: inline-block; vertical-align: top; margin: 0 10px 0 0;}

.s0201 .con_bnfit .bnfit{background: url(../img/sub/benefit_bg.png) 0 0 no-repeat; border-radius: 10px; position: relative;height: 263px; padding: 50px 30px 30px 30px; box-sizing: border-box;}

.s0201 .b_img{position: absolute; bottom: 0; left: 40px;}
.s0201 .con_bnfit .bnfit ul{padding-left:292px; box-sizing: border-box;display: flex; flex-wrap:wrap;justify-content: space-around;align-items: center;}
.s0201 .con_bnfit .bnfit ul li{ background: #fff; font-size: 17px;line-height: 26px;font-weight: 500; width: 28%; height: 188px; display: flex; justify-content: center; align-items: center;text-align: center;position: relative;}

.s0201 .con_bnfit .bnfit ul li::after{content: "1"; background: url(../img/sub/s0101_promise_icon.png) 0 0 no-repeat; position: absolute;top:-20px; left: 50%; transform: translateX(-50%); width:32px; height: 31px; line-height: 32px; color: #fff; }
.s0201 .con_bnfit .bnfit ul li:nth-child(2)::after{content: "2";}
.s0201 .con_bnfit .bnfit ul li:nth-child(3)::after{content: "3";}

.s0201 .app{font-size: 17px; width: 100%; max-width: 370px; background: #f4f4f4; border-radius: 10px; padding: 10px; box-sizing: border-box; text-align: center; margin: 0 auto; font-weight: 500}



@media all and (max-width:940px){
	.s0201 .con_act ul.a_list li{width: 49%;}
	.s0201 .con_act ul.a_list li:nth-child(3n){margin: 0 2% 2% 0;}
	.s0201 .con_act ul.a_list li:nth-child(2n){margin: 0 0 2% 0;}
	
	.s0201 .b_img{display: none;}
	.s0201 .con_bnfit .bnfit ul{padding-left: 0;}
}


@media all and (max-width:768px){
	.sub_page .stit_wrap{height: auto; padding: 30px 20px;border:none;border: 1px dashed #ccc;}
	.sub_page .stit_wrap .tit_img{position: static; margin-right: 20px;}
	.sub_page .stit_wrap .tit_con{padding-left: 0;}
	.sub_page .stit_wrap .tit_con .tit span.subtit{font-size:18px}
	.sub_page .stit_wrap .tit_con .tit span.maintit{font-size: 30px;}
	.sub_page .stit_wrap .tit_con .txt{font-size: 15px;}
	
	
	.s0201 .con_info .item .c_tit{font-size: 20px;}
	.s0201 .con_act .c_tit{font-size: 20px;}
	.s0201 .con_bnfit .c_tit{font-size: 20px;}
	
	.s0201 .con_info{flex-direction: column;}
	.s0201 .con_info .item{width: 100%; margin-bottom: 40px;}
	.s0201 .con_info .item:last-child{margin-bottom: 0px;}
	.s0201 .con_info .item .c_txt{font-size: 15px;}
	
	.s0201 .con_act ul.a_list li span{font-size: 15px;}
	.s0201 .con_bnfit .bnfit ul li{font-size: 15px;}
	
}

@media all and (max-width:640px){
	.sub_page .stit_wrap{flex-direction: column;}
	.sub_page .stit_wrap .tit_img{margin-right: 0px; margin-bottom: 20px;}
	.sub_page .stit_wrap .tit_con .tit{text-align: center;}
	.sub_page .stit_wrap .tit_con .tit span.maintit::after{display: none;}
	.s0201 .con_act{margin-bottom: 40px;}
	.s0201 .con_act ul.a_list li{width: 100%;margin: 0 0 2% 0;height: auto;}
	.s0201 .con_act ul.a_list li:nth-child(3n){margin: 0 0 2% 0;}
	.s0201 .con_act ul.a_list li:nth-child(2n){margin: 0 0 2% 0;}
	.s0201 .con_act ul.a_list li:last-child{margin: 0;}
	.s0201 .app{font-size: 15px;}
}

@media all and (max-width:520px){
	.s0201 .con_bnfit .bnfit{height: auto; background-size: cover;}
	.s0201 .con_bnfit .bnfit ul{flex-direction: column;}
	.s0201 .con_bnfit .bnfit ul li{width: 100%;margin-bottom: 30px; height: 150px;}
	.s0201 .con_bnfit .bnfit ul li:last-child{margin-bottom: 0}
}


/* s0202 동아리활동 */

.s0202{}
.s0202 .sub_inner{max-width: 940px; margin: 0 auto; font-size: 0; box-sizing: border-box; word-break: keep-all;}

.s0202 .club{background: #2c995e; color: #fff; font-weight: bold; padding:20px; box-sizing: border-box; font-size: 24px; font-weight: 26px; border-radius: 10px; text-align: center;margin-bottom: 40px;}

.s0202 .con_info{display: flex; justify-content: space-between; margin-bottom: 40px;}
.s0202 .con_info .item{width: 32%;}
.s0202 .con_info .item .c_tit{font-size:24px; font-weight: bold; text-align: center;position: relative;width: 100%; max-width: 174px; margin: 0 auto 20px; border-top: 2px solid #333; padding-top: 16px; box-sizing: border-box; }
.s0202 .con_info .item .c_tit::before{content: ''; background: url(../img/sub/tit_spicon.png) 0 0 no-repeat; width: 30px; height: 30px; display: inline-block; vertical-align: top; margin: 0 10px 0 0;}


.s0202 .con_info .item:nth-child(2) .c_tit::before{background-position: -30px 0}
.s0202 .con_info .item:nth-child(3) .c_tit::before{background-position: -60px 0}

.s0202 .con_info .item .c_txt::before{content: ''; background: url(../img/sub/s0202_spicon.png)0 0 no-repeat; width: 165px; height: 155px; display: block; margin: 0 auto 5px; }
.s0202 .con_info .item:nth-child(2) .c_txt::before{background-position: -165px 0;}
.s0202 .con_info .item:nth-child(3) .c_txt::before{background-position: -330px 0;}

.s0202 .con_info .item .c_txt{padding:30px; box-sizing: border-box; font-size: 17px; line-height: 26px; border: 1px dashed #ccc; border-radius: 10px;  display: flex; align-items: center;justify-content: center; box-shadow: 0 5px 0 #f2f2f2; display: block; text-align: center;}


.s0202 .con_act{margin-bottom: 20px;}
.s0202 .con_act .c_tit{font-size:24px; font-weight: bold; text-align: center;position: relative;width: 100%; max-width: 174px; margin: 0 auto 20px; border-top: 2px solid #333; padding-top: 16px; box-sizing: border-box; }
.s0202 .con_act .c_tit::before{content: ''; background: url(../img/sub/tit_spicon.png) -90px 0 no-repeat; width: 30px; height: 30px; display: inline-block; vertical-align: top; margin: 0 10px 0 0;}

.s0202 .con_act ul.a_list{display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center; }
.s0202 .con_act ul.a_list li{background:#eef3eb;border-radius: 10px; height: 110px;  width: 32%; padding: 20px; box-sizing: border-box; margin: 0 2% 2% 0;}
.s0202 .con_act ul.a_list li:nth-child(3n){margin: 0 0 2% 0;}
.s0202 .con_act ul.a_list li span{font-size: 17px; line-height: 26px;position: relative; padding-left: 30px; display: block;}
.s0202 .con_act ul.a_list li span::before{content: '>'; width:22px; height: 22px; border-radius: 50%; background: #0c5235; position: absolute; top:2px; left: 0; color: #fff; text-align: center; line-height: 21px; font-size: 12px;font-weight: bold;}
/*.s0202 .con_act ul.a_list li span::before{content: '';  width: 22px; height: 22px; background: url(../img/sub/act_icon.png") 0 0 no-repeat;position: absolute; top:2px; left: 0;}*/

.s0202 .con_bnfit{margin-bottom: 40px;}
.s0202 .con_bnfit .c_tit{font-size:24px; font-weight: bold; text-align: center;position: relative;width: 100%; max-width: 174px; margin: 0 auto 20px; border-top: 2px solid #333; padding-top: 16px; box-sizing: border-box;}
.s0202 .con_bnfit .c_tit::before{content: ''; background: url(../img/sub/tit_spicon.png) -120px 0 no-repeat; width: 30px; height: 30px; display: inline-block; vertical-align: top; margin: 0 10px 0 0;}

.s0202 .con_bnfit .bnfit{background: url(../img/sub/benefit_bg.png) 0 0 no-repeat; border-radius: 10px; position: relative;height: 263px; padding: 50px 30px 30px 30px; box-sizing: border-box;}

.s0202 .b_img{position: absolute; bottom: 0; left: 40px;}
.s0202 .con_bnfit .bnfit ul{padding-left:292px; box-sizing: border-box;display: flex; flex-wrap:wrap;justify-content: space-around;align-items: center;}
.s0202 .con_bnfit .bnfit ul li{ background: #fff; font-size: 17px;line-height: 26px;font-weight: 500; width: 28%; height: 188px; display: flex; justify-content: center; align-items: center;text-align: center;position: relative;}

.s0202 .con_bnfit .bnfit ul li::after{content: "1"; background: url(../img/sub/s0101_promise_icon.png) 0 0 no-repeat; position: absolute;top:-20px; left: 50%; transform: translateX(-50%); width:32px; height: 31px; line-height: 32px; color: #fff; }
.s0202 .con_bnfit .bnfit ul li:nth-child(2)::after{content: "2";}
.s0202 .con_bnfit .bnfit ul li:nth-child(3)::after{content: "3";}

.s0202 .app{}
.s0202 .app .c_tit{font-size:24px; font-weight: bold; text-align: center;position: relative;width: 100%; max-width: 174px; margin: 0 auto 10px; border-top: 2px solid #333; padding-top: 16px; box-sizing: border-box; }
.s0202 .app .c_tit::before{content: ''; background: url(../img/sub/tit_spicon.png) -150px 0 no-repeat; width: 30px; height: 30px; display: inline-block; vertical-align: top; margin: 0 10px 0 0;}

.s0202 .app .c_exp{font-size:17px; text-align: center; margin-bottom: 20px;font-weight: 500;}

.s0202 .app .app_step{display: flex; flex-wrap: wrap;justify-content: space-between; align-items: center; margin-bottom: 20px;}
.s0202 .app .app_step li{width: 100%; max-width: 210px; height: 210px; background: #d1e8f3; border-radius: 50%; padding: 8px; box-sizing: border-box; padding: 50px 0;box-sizing: border-box;}
.s0202 .app .app_step li:nth-child(2){background:#cce693; }
.s0202 .app .app_step li:nth-child(3){background:#b2f1e2; }
.s0202 .app .app_step li:nth-child(4){background:#ffe465; }

.s0202 .app .app_step li span.s_img{background: url(../img/sub/s0202_app_spicon.png)0 0 no-repeat; width: 70px; height: 68px; display: block; margin: 0 auto 10px;}

.s0202 .app .app_step li:nth-child(2) span.s_img{background-position: -70px 0;}
.s0202 .app .app_step li:nth-child(3) span.s_img{background-position: -140px 0;}
.s0202 .app .app_step li:nth-child(4) span.s_img{background-position: -210px 0;}

.s0202 .app .app_step li span.s_txt{font-size: 17px; font-weight: 500; text-align: center; line-height: 26px; display: block;}

.s0202 .app .app_info{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.s0202 .app .app_info li{width: 23.5%; background:#ebf5f9; text-align: center; padding:20px 0; border-radius: 10px; box-sizing: border-box; display: flex; flex-direction: column;}
.s0202 .app .app_info li:nth-child(2){background:#eff4e5; }
.s0202 .app .app_info li:nth-child(3){background:#e3f2ee; }
.s0202 .app .app_info li:nth-child(4){background:#f5f1e1; }

.s0202 .app .app_info li span.s_tit{font-size: 20px; font-weight: bold; margin-bottom: 10px; display: block;}
.s0202 .app .app_info li span.s_txt{font-size: 17px; font-weight: 500;display: block; line-height: 30px;}
.s0202 .app .app_info li a.s_down{font-size: 17px; font-weight: 500; border: 1px solid #333; padding: 4px 18px; border-radius: 5px; box-sizing: border-box; display: block; width: 100%; max-width: 114px; margin: 0 auto;}

.s0202 .app .app_info li a.s_down::after{content: ''; background: url(../img/sub/s0202_down_icon.png) 0 0 no-repeat; width:14px; height: 14px; display: inline-block; margin: 0 0 0 5px;}


@media all and (max-width:940px){
	.s0202 .con_act ul.a_list li{width: 49%;}
	.s0202 .con_act ul.a_list li:nth-child(3n){margin: 0 2% 2% 0;}
	.s0202 .con_act ul.a_list li:nth-child(2n){margin: 0 0 2% 0;}
	
	.s0202 .b_img{display: none;}
	.s0202 .con_bnfit .bnfit ul{padding-left: 0;}
	
	.s0202 .app .app_step li{width: 25%; height: auto; border-radius: 0; padding: 30px; max-width: none;}
	.s0202 .app .app_step li span.s_txt{height: 52px;}
	
	.s0202 .app .app_info li{width: 49%; margin-bottom: 20px;}
}


@media all and (max-width:768px){
	.sub_page .stit_wrap{height: auto; padding: 30px 20px;}
	.sub_page .stit_wrap .tit_img{position: static; margin-right: 20px;}
	.sub_page .stit_wrap .tit_con{padding-left: 0;}
	.sub_page .stit_wrap .tit_con .tit span.subtit{font-size:18px}
	.sub_page .stit_wrap .tit_con .tit span.maintit{font-size: 30px;}
	.sub_page .stit_wrap .tit_con .txt{font-size: 15px;}
	
	.s0202 .club{font-size: 22px;}
	
	.s0202 .con_info .item .c_tit{font-size: 20px;}
	.s0202 .con_act .c_tit{font-size: 20px;}
	.s0202 .con_bnfit .c_tit{font-size: 20px;}
	
	.s0202 .con_info{flex-direction: column;}
	.s0202 .con_info .item{width: 100%; margin-bottom: 40px;}
	.s0202 .con_info .item:last-child{margin-bottom: 0px;}
	.s0202 .con_info .item .c_txt{font-size: 15px;}
	
	.s0202 .con_act ul.a_list li span{font-size: 15px;}
	.s0202 .con_bnfit .bnfit ul li{font-size: 15px;}
	
	.s0202 .app .c_exp{font-size: 16px;}
	
}

@media all and (max-width:640px){
	.sub_page .stit_wrap{flex-direction: column;}
	.sub_page .stit_wrap .tit_img{margin-right: 0px; margin-bottom: 20px;}
	.sub_page .stit_wrap .tit_con .tit{text-align: center;}
	
	.s0202 .con_act{margin-bottom: 40px;}
	.s0202 .con_act ul.a_list li{width: 100%;margin: 0 0 2% 0; height: auto;}
	.s0202 .con_act ul.a_list li:nth-child(3n){margin: 0 0 2% 0;}
	.s0202 .con_act ul.a_list li:nth-child(2n){margin: 0 0 2% 0;}
	.s0202 .con_act ul.a_list li:last-child{margin: 0;}
	.s0202 .app{font-size: 15px;}
	
	.s0202 .app .app_step li{width: 50%; height: auto; border-radius: 0; padding: 20px;}

}

@media all and (max-width:520px){
	.s0202 .con_bnfit .bnfit{height: auto; background-size: cover;}
	.s0202 .con_bnfit .bnfit ul{flex-direction: column;}
	.s0202 .con_bnfit .bnfit ul li{width: 100%;margin-bottom: 30px; height: 150px;}
	.s0202 .con_bnfit .bnfit ul li:last-child{margin-bottom: 0}
	
	.s0202 .app .app_info li{width: 100%;}
}



/* s0203 동아리활동 */

.s0203{}
.s0203 .sub_inner{max-width: 940px; margin: 0 auto; font-size: 0; box-sizing: border-box; word-break: keep-all;}

.s0203 .tit_wrap{margin-bottom: 40px;}
.s0203 .tit_wrap h3{font-size: 32px; color: #f8a01b;font-family: "S-CoreDream-3Light";font-weight: bold;text-align: center;margin-bottom: 30px;}
.s0203 .tit_wrap h3 span{font-weight: bold; color: #2f994e; display: block;}
.s0203 .tit_wrap p{font-size: 18px; line-height: 28px;text-align: center;font-weight: 500;margin-bottom:15px;}
.s0203 .tit_wrap span{font-weight: bold;}
.s0203 .tit_wrap img{display: block; margin: auto; max-width: 100%;}


.s0203 .con_wrap{margin-bottom: 40px;}
.s0203 .con_wrap ul.dovol{display: flex;flex-wrap: wrap; }
.s0203 .con_wrap ul.dovol li{width: 23.5%; margin: 0 2% 0 0; background: #edf4dd; padding: 30px 20px; box-sizing: border-box;position: relative;}
.s0203 .con_wrap ul.dovol li:nth-child(2){background: #f6f1e0;}
.s0203 .con_wrap ul.dovol li:nth-child(3){background: #f8e8e9;}
.s0203 .con_wrap ul.dovol li:last-child{margin: 0;background: #e9f0f5;}

.s0203 .con_wrap ul.dovol li::after{content: ''; background: url(../img/sub/s0203_arrw_icon.png) 0 0 no-repeat; width: 44px; height: 44px; position: absolute;top:50%; right: -31px; transform: translateY(-50%);z-index: 9}
.s0203 .con_wrap ul.dovol li:last-child::after{display: none;}

.s0203 .con_wrap ul.dovol li span.img{background: url(../img/sub/s0203_dovol_spicon.png) 0 0 no-repeat; width: 120px; height: 120px; display: block; margin: 0 auto 20px;}

.s0203 .con_wrap ul.dovol li:nth-child(2) span.img{background-position: -120px 0;}
.s0203 .con_wrap ul.dovol li:nth-child(3) span.img{background-position: -240px 0;}
.s0203 .con_wrap ul.dovol li:nth-child(4) span.img{background-position: -360px 0;}

.s0203 .con_wrap ul.dovol li span.tit{font-size:18px; font-weight: 500; line-height: 26px; text-align: center; display:block;}

.s0203 .con_wrap ul.hivol{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.s0203 .con_wrap ul.hivol li{background: #f8f8f8; padding: 30px; box-sizing: border-box; border-radius: 10px;position: relative;}

.s0203 .con_wrap ul.hivol li::after{content: ''; background: url(../img/sub/s0203_arrw_icon.png) 0 0 no-repeat; width: 44px; height: 44px; position: absolute;top:50%; right: -31px; transform: translateY(-50%);z-index: 9}
.s0203 .con_wrap ul.hivol li:last-child::after{display: none;}

.s0203 .con_wrap ul.hivol li span.img{background: url(../img/sub/s0203_hi_spicon.png) 0 0 no-repeat; width: 33px; height: 34px; display: block; margin: 0 auto 7px;}

.s0203 .con_wrap ul.hivol li:nth-child(2) span.img{background-position: -33px 0;}
.s0203 .con_wrap ul.hivol li:nth-child(3) span.img{background-position: -66px 0;}
.s0203 .con_wrap ul.hivol li:nth-child(4) span.img{background-position: -165px 0;}
.s0203 .con_wrap ul.hivol li:nth-child(5) span.img{background-position: -99px 0;}
.s0203 .con_wrap ul.hivol li:nth-child(6) span.img{background-position: -132px 0;}

.s0203 .con_wrap ul.hivol li span.txt{font-size:18px; font-weight: 500; line-height: 26px; text-align: center; display:block;}

.s0203 .vol_btn a {display: block; font-size: 18px; font-weight: 500; color: #fff;text-align:center; background: #464646;; padding: 24px; box-sizing: border-box; width: 100%; max-width: 236px; border-radius: 15px; margin: 0 auto;}

.s0203 .vol_btn a::after{content: ''; background:url(../img/sub/link_icon.png)0 0 no-repeat; width: 12px; height: 12px; display: inline-block; margin: 0 0 0 10px;}

@media all and (max-width:940px){
	.s0203 .con_wrap ul.dovol li{width: 49%;margin: 0 2% 2% 0;}
	.s0203 .con_wrap ul.dovol li:nth-child(2n){margin: 0 0 2% 0;}
	.s0203 .con_wrap ul.dovol li::after{display: none;}
	
	.s0203 .con_wrap ul.hivol li{width: 32%; margin: 0 2% 2% 0;}
	.s0203 .con_wrap ul.hivol li:nth-child(3n){margin: 0 0 2% 0;}
	.s0203 .con_wrap ul.hivol li::after{display: none;}
}

@media all and (max-width:768px){
	.s0203 .tit_wrap h3{font-size: 28px;}
	.s0203 .tit_wrap p{font-size: 16px;}
	.sub_page .con_wrap h4.conTit{font-size: 18px;}
	.s0203 .con_wrap ul.dovol li span.tit{font-size: 16px;}
	.s0203 .con_wrap ul.hivol li span.txt{font-size: 16px;}
	.s0203 .vol_btn a{font-size: 16px; padding: 18px; max-width: 200px;}
}

@media all and (max-width:640px){
	.s0203 .con_wrap ul.hivol li{width: 49%; padding: 30px 0;}
	.s0203 .con_wrap ul.hivol li:nth-child(3n){margin: 0 2% 2% 0;}
	.s0203 .con_wrap ul.hivol li:nth-child(2n){margin: 0 0 2% 0;}
}

@media all and (max-width:420px){
	.s0203 .con_wrap ul.dovol li{width: 100%; margin: 0 0 2% 0;}
}



/* s0204 재미난활동 */

.s0204{}
.s0204 .sub_inner{max-width: 940px; margin: 0 auto; font-size: 0; box-sizing: border-box; word-break: keep-all;}

.s0204 .con_wrap {width: 100%;}
.s0204 .con_wrap .item{display: flex; flex-wrap: wrap; justify-content: space-between;margin-bottom: 40px;width: 100%;}
.s0204 .con_wrap .item span.tit{font-size: 24px; font-weight: bold; width: 100%; max-width: 174px; padding: 20px 0; box-sizing: border-box; border-top: 2px solid #333;}
.s0204 .con_wrap .item span.tit::after{content: ''; background: url(../img/sub/s0204_tit_spicon.png) 0 0 no-repeat; width: 62px; height: 59px; display: block; margin: 15px 0 0 0;}
.s0204 .con_wrap .item:nth-child(2) span.tit::after{background-position: -62px 0;}
.s0204 .con_wrap .item span.txt{width: calc(100% - 200px);}
.s0204 .con_wrap .item span.txt ul.list{font-size: 0;}
.s0204 .con_wrap .item span.txt ul.list li{display: flex; justify-content: space-between;border-bottom: 1px dashed #ccc; padding: 40px 0;}
.s0204 .con_wrap .item span.txt ul.list li:first-child{padding-top: 20px;}
.s0204 .con_wrap .item span.txt ul.list li span.cont{padding-right: 20px; box-sizing: border-box;}
.s0204 .con_wrap .item span.txt ul.list li span.cont p.tit{font-size: 20px; font-weight: bold; line-height: 26px;margin-bottom: 15px;}
.s0204 .con_wrap .item span.txt ul.list li span.cont p.tit span{color: #2c995e;}
.s0204 .con_wrap .item span.txt ul.list li span.cont p.txt{font-size: 17px; font-weight: 500; line-height: 26px;}

/*.s0204 .con_wrap .item span.txt ul li span.img img{max-width: 100%;}*/

.s0204 .con_wrap .item span.txt2 {width: calc(100% - 200px);background: #faf9ed; padding: 30px; box-sizing: border-box; box-sizing: border-box;}

.s0204 .con_wrap .item span.txt2 .tt{font-size: 20px; font-weight: bold; margin-bottom: 15px; line-height: 26px; }
.s0204 .con_wrap .item span.txt2 .tx{font-size: 17px; font-weight: 500; margin-bottom: 25px; line-height: 26px; font-weight: 500; }
.s0204 .con_wrap .item span.txt2 .list_tt{font-size:20px; font-weight: bold; border: 2px solid #333; padding: 8px; width
100%; max-width: 126px; text-align: center; border-radius: 40px; margin-bottom: 20px;}

.s0204 .con_wrap .item span.txt2 ul.list {display: flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
.s0204 .con_wrap .item span.txt2 ul.list li{width: 32%; background: #d1e8f3; font-size: 17px; line-height: 26px; font-weight: 500;position: relative; padding: 20px; box-sizing: border-box;border-radius: 10px; text-align: center;}
.s0204 .con_wrap .item span.txt2 ul.list li:nth-child(2){background: #cce693}
.s0204 .con_wrap .item span.txt2 ul.list li:nth-child(3){background: #b2f1e2}

.s0204 .con_wrap .item span.txt2 ul.list li::after{content: ''; background: url(../img/sub/s0204_arrw_icon.png) 0 0 no-repeat; width: 62px; height: 15px; position: absolute; right: -39px; top: 50%; transform:translateY(-50%);z-index: 2}
.s0204 .con_wrap .item span.txt2 ul.list li:last-child::after{display: none;}

@media all and (max-width:768px){
	.s0204 .con_wrap .item{flex-direction: column;}
	
	.s0204 .con_wrap .item span.tit {width: 100%; max-width: 100%;text-align: center;}
	.s0204 .con_wrap .item span.tit br{display: none;}
	.s0204 .con_wrap .item span.tit::after{display: none}
	
	.s0204 .con_wrap .item span.txt{width: 100%;}
	.s0204 .con_wrap .item span.txt2{width: 100%;}
	.s0204 .con_wrap .item span.txt2 ul.list li::after{display: none;}
	
	.s0204 .con_wrap .item span.txt ul li span.cont p.tit{font-size: 18px;}
	.s0204 .con_wrap .item span.txt ul li span.cont p.txt{font-size: 15px;}
	
	.s0204 .con_wrap .item span.txt2 .tt{font-size: 18px;}
	.s0204 .con_wrap .item span.txt2 .tx{font-size: 15px;}
	.s0204 .con_wrap .item span.txt2 .list_tt{font-size: 18px;}
	.s0204 .con_wrap .item span.txt2 ul.list li{font-size: 15px;}
	
	.s0204 .con_wrap .item span.txt2 ul.list{flex-direction: column;}
	.s0204 .con_wrap .item span.txt2 ul.list li{width: 100%; margin-bottom: 10px;}
	.s0204 .con_wrap .item span.txt2 ul.list li:last-child{margin-bottom: 0px;}

}

@media all and (max-width:640px){
	.s0204 .con_wrap .item span.txt ul.list li{flex-direction: column; align-items: center;}
	.s0204 .con_wrap .item span.txt ul.list li span.cont p.txt{margin-bottom: 15px;}
	.s0204 .con_wrap .item span.txt ul.list li span.cont{padding-right: 0}
	.s0204 .con_wrap .item span.txt ul.list li span.img{display: block; width: 100%;}
	.s0204 .con_wrap .item span.txt ul.list li span.img img{width: 100%;}
}



/* s0205 청소년수련활동인증제 */

.s0205{}
.s0205 .sub_inner{max-width: 940px; margin: 0 auto; font-size: 0; box-sizing: border-box; word-break: keep-all;}

.s0205 .con_wrap {width: 100%;}
.s0205 .con_wrap .item{display: flex; flex-wrap: wrap; justify-content: space-between;margin-bottom: 40px;width: 100%;}
.s0205 .con_wrap .item span.tit{font-size: 24px; font-weight: bold; width: 100%; max-width: 174px; padding: 20px 0; box-sizing: border-box; border-top: 2px solid #333;}
.s0205 .con_wrap .item span.tit::after{content: ''; background: url(../img/sub/s0204_tit_spicon.png) -124px 0 no-repeat; width: 62px; height: 59px; display: block; margin: 15px 0 0 0;}
.s0205 .con_wrap .item:nth-child(2) span.tit::after{background-position: -186px 0;}
.s0205 .con_wrap .item:nth-child(3) span.tit::after{background-position: -248px 0;}

.s0205 .con_wrap .item span.txt{width: calc(100% - 200px);}

.s0205 .con_wrap .item span.txt p.hi_method{font-size: 17px; line-height: 30px; border: 1px dashed #ccc; box-shadow: 0 5px 0 #f2f2f2; padding: 30px; box-sizing: border-box; border-radius: 10px;}

.s0205 .con_wrap .item span.txt .char{}
.s0205 .con_wrap .item span.txt .char li{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 0 12px 0;}
.s0205 .con_wrap .item span.txt .char li span.tt{font-size: 18px; font-weight: bold; color: #fff; background: #80514b; padding: 10px; width: 100%; max-width: 126px; text-align: center; border-radius: 10px;margin-right: 10px;}
.s0205 .con_wrap .item span.txt .char li span.tx{width: calc(100% - 156px); font-size: 17px; line-height: 26px; display: flex;align-items: center;}



.s0205 .con_wrap .item span.txt ul.p_list{font-size: 0;}
.s0205 .con_wrap .item span.txt ul.p_list li{display: flex; justify-content: space-between;border-bottom: 1px dashed #ccc; padding: 30px 0;}
.s0205 .con_wrap .item span.txt ul.p_list li:first-child{padding-top: 20px;}
.s0205 .con_wrap .item span.txt ul.p_list li span.cont{padding-right: 20px; box-sizing: border-box;width: 100%;}
.s0205 .con_wrap .item span.txt ul.p_list li span.cont p.tit{font-size: 20px; font-weight: bold; line-height: 26px;margin-bottom: 15px;}
.s0205 .con_wrap .item span.txt ul.p_list li span.cont p.tit::

.s0205 .con_wrap .item span.txt ul.p_list li span.cont p.tit span{color: #2c995e;}

.s0205 .con_wrap .item span.txt ul.p_list li span.cont p.txt{display:flex; }
.s0205 .con_wrap .item span.txt ul.p_list li span.cont p.txt span{font-size: 17px; line-height: 26px;}
.s0205 .con_wrap .item span.txt ul.p_list li span.cont p.txt span.tt{font-weight: bold; width: 100%; max-width: 50px;position: relative}
.s0205 .con_wrap .item span.txt ul.p_list li span.cont p.txt span.tt::after{content: ''; width:2px; height: 16px; background: #8b8b8b; position: absolute;top:5px; right: 10px;}

.s0205 .con_wrap .item span.txt ul.p_list li span.cont p.txt span.tx{width: calc(100% - 50px);}


/*.s0205 .con_wrap .item span.txt ul.p_list li span.cont p.txt {font-size: 17px; line-height: 26px; }*/
/*
.s0205 .con_wrap .item span.txt ul.p_list li span.cont p.txt span{display: inline-block; vertical-align: top; }
.s0205 .con_wrap .item span.txt ul.p_list li span.cont p.txt span.tt{font-weight: bold; margin-right: 20px;position: relative;}

.s0205 .con_wrap .item span.txt ul.p_list li span.cont p.txt span.tt::after{content: ''; width:2px; height: 16px; background: #8b8b8b; position: absolute;top:5px; right: -13px;}
*/



@media all and (max-width:940px){
	.s0205 .con_wrap .item span.txt ul.p_list li span.cont p.txt span.tx br{display: none;}
}


@media all and (max-width:768px){
	.s0205 .con_wrap .item{flex-direction: column;}
	.s0205 .con_wrap .item span.tit {width: 100%; max-width: 100%;text-align: center;}
	.s0205 .con_wrap .item span.tit br{display: none;}
	.s0205 .con_wrap .item span.tit::after{display: none}
	
	.s0205 .con_wrap .item span.txt{width: 100%;}
	.s0205 .con_wrap .item span.txt2{width: 100%;}
	.s0205 .con_wrap .item span.txt2 ul.list li::after{display: none;}
	
	.s0205 .con_wrap .item span.txt ul li span.cont p.tit{font-size: 18px;}
	.s0205 .con_wrap .item span.txt ul li span.cont p.txt{font-size: 15px;}
	
	.s0205 .con_wrap .item span.txt2 .tt{font-size: 18px;}
	.s0205 .con_wrap .item span.txt2 .tx{font-size: 15px;}
	.s0205 .con_wrap .item span.txt2 .list_tt{font-size: 18px;}
	.s0205 .con_wrap .item span.txt2 ul.list li{font-size: 15px;}
	
	.s0205 .con_wrap .item span.txt2 ul.list{flex-direction: column;}
	.s0205 .con_wrap .item span.txt2 ul.list li{width: 100%; margin-bottom: 10px;}
	.s0205 .con_wrap .item span.txt2 ul.list li:last-child{margin-bottom: 0px;}
	.s0205 .con_wrap .item span.txt p.hi_method{font-size: 15px;}
	
	
	.s0205 .con_wrap .item span.txt .char li{flex-direction: column; align-items: flex-start;}
	.s0205 .con_wrap .item span.txt .char li span.tt{font-size: 15px; margin-right: 0;margin-bottom: 5px;}
	.s0205 .con_wrap .item span.txt .char li span.tx{font-size: 15px;width: 100%;}
	.s0205 .con_wrap .item span.txt ul.p_list li span.cont p.tit{font-size: 18px;}
	.s0205 .con_wrap .item span.txt ul.p_list li span.cont p.txt{font-size: 15px;}
	.s0205 .con_wrap .item span.txt ul.p_list li span.cont p.txt span{font-size: 15px;}

}



@media all and (max-width:640px){
	.s0205 .con_wrap .item span.txt ul.p_list li{flex-direction: column;}
	.s0205 .con_wrap .item span.txt ul.p_list li span.img{order: 1; margin-bottom: 15px; width: 100%}
	.s0205 .con_wrap .item span.txt ul.p_list li span.img img{width: 100%}
	.s0205 .con_wrap .item span.txt ul.p_list li span.cont{order: 2; padding-right: 0;}
}


/* s0206 학교연계활동 */

.s0206{}
.s0206 .sub_inner{max-width: 940px; margin: 0 auto; font-size: 0; box-sizing: border-box; word-break: keep-all;}

.s0206 .con_wrap{margin-bottom: 40px;}
.s0206 .con_wrap .item{padding: 30px 0; box-sizing: border-box; border-bottom: 1px dashed #ccc; }

.s0206 .con_wrap .item .tit_wrap{margin-bottom: 30px;}
.s0206 .con_wrap .item .tit_wrap h4{font-size: 20px; font-weight: bold; line-height: 26px;margin-bottom: 15px;}
.s0206 .con_wrap .item .tit_wrap p{font-size: 17px; font-weight: 500; line-height: 26px;color: #555;}


.s0206 .con_wrap .item .list_wrap{display: flex; justify-content: space-between;}
.s0206 .con_wrap .item .img img{border-radius: 10px;}
.s0206 .con_wrap .item .list{width: 100%;padding-right: 20px; box-sizing: border-box;}
.s0206 .con_wrap .item .list li{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 0 12px 0;}
.s0206 .con_wrap .item .list li span.tt{font-size: 18px; font-weight: bold; color: #fff; background: #289f85; padding: 10px; width: 100%; max-width: 126px; text-align: center; border-radius: 10px;margin-right: 10px;}
.s0206 .con_wrap .item:nth-child(2n) .list li span.tt{background: #4e4643;}
.s0206 .con_wrap .item .list li span.tx{width: calc(100% - 156px); font-size: 17px; line-height: 26px; display: flex;align-items: center;display: block;}

.s0206 .app{font-size: 17px; width: 100%; max-width: 370px; background: #f4f4f4; border-radius: 10px; padding: 10px; box-sizing: border-box; text-align: center; margin: 0 auto; font-weight: 500}

@media all and (max-width:768px){
	.s0206 .con_wrap .item .tit_wrap h4{font-size: 18px;}
	.s0206 .con_wrap .item .tit_wrap p{font-size: 15px;}
	
	.s0206 .con_wrap .item .list_wrap{flex-direction: column;}
	.s0206 .con_wrap .item .img{order: 1;margin-bottom: 20px;}
	.s0206 .con_wrap .item .img img{width: 100%;}
	.s0206 .con_wrap .item .list{order: 2;padding-right: 0;}
	.s0206 .con_wrap .item .list li{flex-direction: column; align-items: flex-start;}
	.s0206 .con_wrap .item .list li span.tt{font-size: 15px;}
	.s0206 .con_wrap .item .list li span.tx{font-size: 15px; width: 100%}

}


/* s03 재미난공간 공통 */

.sub_03{}
.sub_03 .con_wrap{margin-bottom: 40px;}
.sub_03 .con_wrap ul.list{width:100%;display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_03 .con_wrap ul.list li {width: 49%; margin: 0 2% 30px 0;}
.sub_03 .con_wrap ul.list li:nth-child(2n) {margin:0;}

.sub_03 .con_wrap ul.list li span.tit{font-size: 20px; font-weight: bold; line-height: 26px;display: block;margin-bottom: 15px;}
.sub_03 .con_wrap ul.list li span.txt{font-size: 17px; font-weight: 500; line-height: 26px;display: block; margin-bottom: 30px; height: 78px;}
.sub_03 .con_wrap ul.list2 li span.txt{height: 52px !important;}
.sub_03 .con_wrap ul.list li span.img{display: block; display: flex; flex-wrap: wrap;margin: 30px 0;}
.sub_03 .con_wrap ul.list li span.img img{width: 48%;display: block; margin: 0 4% 4% 0;border-radius: 10px;}
.sub_03 .con_wrap ul.list li span.img img:nth-child(2n){margin: 0 0 4% 0;}
.sub_03 .con_wrap ul.list li span.img img:nth-child(3), .sub_03 .con_wrap ul.list li span.img img:nth-child(4){margin-bottom: 0;}
.sub_03 .con_wrap ul.list li span.img.full img {width: 100%; margin: 0;}

.sub_03 .list_wrap{}
.sub_03 .list_wrap ul.list{width: 100%;padding-right: 20px; box-sizing: border-box; }
.sub_03 .list_wrap ul.list li{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 0 18px 0;}
.sub_03 .list_wrap ul.list li span.tt{font-size: 18px; font-weight: bold; color: #fff; background: #289f85; padding: 10px; width: 100%; max-width: 126px; text-align:center; border-radius: 10px;margin-right: 10px;}

.sub_03 .list_wrap ul.list li span.tx{width: calc(100% - 156px); font-size: 17px; line-height: 26px; display: flex;align-items: center;display: block;font-weight: 500;}


/* 0302-끝 */
.sub_03 .img_wrap{display: flex;justify-content: space-between; margin-bottom: 40px; width:100%; max-width: 880px; margin: 0 auto 40px;border-bottom: 1px dashed #ccc;}
.sub_03 .img_wrap ul{}
.sub_03 .img_wrap ul li{box-sizing: border-box;margin: 0 30px 30px 0;}
.sub_03 .img_wrap ul:nth-child(2) li{margin: 0 0 30px 0;}

.sub_03 .img_wrap ul li img{ border-radius: 10px; max-width: 100%;}

.s0304.sub_03 .img_wrap ul:nth-child(2) li.list{display: flex; justify-content: space-between}
.s0304.sub_03 .img_wrap ul:nth-child(2) li.list img{max-width: 100%;}


@media all and (max-width:940px){
	.sub_03 .con_wrap ul.list li span.txt br{display: none;}
	.sub_03 .img_wrap{display: flex;flex-wrap: }
}


@media all and (max-width:768px){
	
	.sub_03 .con_wrap ul.list{flex-direction: column;}
	.sub_03 .con_wrap ul.list li{width: 100%;margin: 0 0 20px 0;}
	.sub_03 .con_wrap ul.list li:nth-child(2n){ margin: 0 0 20px 0;}
	
	
	.sub_03 .con_wrap ul.list li span.tit{font-size: 18px;}
	.sub_03 .con_wrap ul.list li span.txt{font-size: 15px;margin-bottom: 15px; height: auto;}
	.sub_03 .con_wrap ul.list2 li span.txt{height: 50px !important;}
	
	.sub_03 .list_wrap ul.list li{flex-direction: column; align-items: flex-start;}
	.sub_03 .list_wrap ul.list li span.tt{font-size: 15px;margin-bottom: 7px;}
	.sub_03 .list_wrap ul.list li span.tx{font-size: 15px;width: 100%;}
	.sub_03 .list_wrap ul.list li span.tx br{display: none;}
	
	
	
	
}

@media all and (max-width:640px){
	.sub_03 .img_wrap{flex-direction: column; align-items: center;}
	.sub_03 .img_wrap ul li{margin: 0 0 10px 0;}
	.sub_03 .img_wrap ul:nth-child(2) li{margin: 0 0 10px 0;}
	.sub_03 .img_wrap ul li img{width: 100%; max-width: none;}
}


/* s04 공통 */

.s04 .stit_wrap{position: relative;}

.s04 ul.tab{font-size: 0; width: 100%;text-align: right; margin:0 0 30px 0;}
.s04 ul.tab li{width: 100%; max-width: 160px; display: inline-block; vertical-align: top;margin: 0 10px 0 0;}
.s04 ul.tab li:last-child{margin: 0;}
.s04 ul.tab li a{font-size: 18px; color: #fff; background:#555;display: block; text-align: center; border-radius: 10px; padding: 14px; text-align: center;font-weight: bold; }

.s04 .stit_wrap a.more_btn{position: absolute; bottom: 0; right: 0; background: #655246; width: 100%; max-width: 220px; color: #fff; font-size:20px; text-align: center; padding: 13px; border-radius: 10px 0 0 0}

.s04 .con_wrap ul.info{width: 100%;margin-bottom: 20px;}
.s04 .con_wrap ul.info li{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: top; padding: 0 0 18px 0;}
.s04 .con_wrap ul.info li span.tt{font-size: 18px; font-weight: bold; color: #fff; background: #289f85; padding: 15px; width: 100%; max-width: 160px; text-align:center; border-radius: 10px;margin-right: 10px; box-sizing: border-box;height:55px;}

.s04 .con_wrap ul.info li span.tt::before{content: ''; background: url(../img/sub/s04_spicon.png) 0 0 no-repeat; width: 25px; height: 24px; display: inline-block; vertical-align: top; margin: 0 10px 0 0;}
.s04 .con_wrap ul.info li:nth-child(2) span.tt::before{background-position: -25px 0;}
.s04 .con_wrap ul.info li:nth-child(3) span.tt::before{background-position: -50px 0;}
.s04 .con_wrap ul.info li:nth-child(4) span.tt::before{background-position: -75px 0;}
.s04 .con_wrap ul.info li:nth-child(5) span.tt::before{background-position: -100px 0;}

.s04 .con_wrap ul.info li span.tx{width: calc(100% - 180px); font-size: 17px; line-height: 26px; display: flex;align-items: center;display: block;font-weight: 500;}

.s04 .con_wrap ul.info li span.tx b{position: relative; background: url(/src/img/sub/highlight_img.png) 0 bottom repeat-x; font-weight: bold;}

.s04 .con_wrap .con_tbl{border-top: 2px solid #289f85;}
.s04 .con_wrap .con_tbl th{border: 1px solid #ccc;}
.s04 .con_wrap .con_tbl th:nth-child(1){border-left: none; }
.s04 .con_wrap .con_tbl th:last-child{border-right: none; }
.s04 .con_wrap .con_tbl td{border: 1px solid #ccc; }
.s04 .con_wrap .con_tbl td:nth-child(1){border-left: none; }
.s04 .con_wrap .con_tbl td:last-child{border-right: none; }

.s04 .con_wrap p.tbTxt{font-size: 17px; line-height: 26px;}

.s0401 .con_wrap .con_tbl{margin-bottom: 40px;}


@media all and (max-width:768px){
	.sub_page .stit_wrap{margin-top: 0;}
	.s04 .stit_wrap a.more_btn {max-width: 130px; font-size: 17px; padding: 10px;}
	
	.s04 .con_wrap ul.info li{flex-direction: column;}
	.s04 .con_wrap ul.info li span.tt{font-size: 15px; margin-bottom: 10px;width: 100%;line-height: 22px;max-width: 140px;}
	.s04 .con_wrap ul.info li span.tx{font-size: 15px;width: 100%;}
	.s04 .con_wrap p.tbTxt{font-size: 15px;}
	.s04 ul.tab li a{font-size: 15px;}
}

@media all and (max-width:640px){
	.s04 .stit_wrap a.more_btn {border-radius: 10px; position: static; display: block; width: 100%; margin-top: 20px; }
	.s04 ul.tab{text-align: center;}
	.s04 ul.tab li{max-width: 135px;}
}

@media all and (max-width:480px){
	.s04 .con_wrap .con_tbl th{font-size: 13px;}
	.s04 .con_wrap .con_tbl td{font-size: 13px;}
}


/* s05 공통 */

.s05 .tit_wrap {text-align: center; margin-bottom: 20px;}

.s05 .tit_wrap span.subtit {font-size: 22px;font-family: "pretendard"; display: block; font-weight: 500;}

.s05 .tit_wrap span.maintit{font-size: 38px; font-weight: bold; font-family:'yg-jalnan'; position: relative;}
.s05 .tit_wrap span.maintit b{color: #2c995e;}

.s05 .tit_wrap span.maintit::after{content: ''; width:8px; height: 8px; background:#2c995e;border-radius: 50%; position: absolute;top:-5px; right: -10px}

.s05 .con_wrap{margin-bottom: 40px;}

.s05 .app_btn{border-radius:50px; background-color:#2c995e;  font-size: 17px; padding:18px 0; width:100%; max-width: 240px; display: block; text-align: center; margin: 0 auto; margin-bottom: 40px; color:#ffffff; }
.s05 .app_btn::after{content: ''; background: url(../img/sub/link_icon_02.png) 0 0 no-repeat; width:12px; height: 12px; display: inline-block; margin: 0 0 0 10px; }

.s05 .app_step{display: flex; flex-wrap:wrap; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.s05 .app_step li{background: #f5f5f5;padding: 30px 20px; box-sizing: border-box; height: 140px; border-radius: 10px; position: relative;}

.s05 .app_step li::after{content: ''; background: url(../img/sub/s0204_arrw_icon.png)0 0 no-repeat; width: 62px; height: 15px; position: absolute; top:5px; right: -30px; z-index: 1;}
.s05 .app_step li:last-child::after{display: none;}

.s05 .app_step li span.img{background: url(../img/sub/s0501_spicon.png) 0 0 no-repeat; width: 32px; height: 27px; display: block; margin: 0 auto 5px; }

.s05 .app_step li:nth-child(2) span.img{background-position: -32px 0;}
.s05 .app_step li:nth-child(3) span.img{background-position: -64px 0;}
.s05 .app_step li:nth-child(4) span.img{background-position: -96px 0;}
.s05 .app_step li:nth-child(5) span.img{background-position: -128px 0;}
.s05 .app_step li:nth-child(6) span.img{background-position: -160px 0;}
.s05 .app_step li:nth-child(7) span.img{background-position: -192px 0;}
.s05 .app_step li:nth-child(8) span.img{background-position: -224px 0;}

.s05 .app_step li span.tit{font-size: 17px; line-height: 24px;text-align: center; display: block; }

.s05 .app_noti{font-size:17px; background: #f5f5f5; padding: 15px; text-align: center; }

.s05 .tit_wrap h4.p_tit{font-size: 24px; font-weight: bold;margin-bottom: 10px;}
.s05 .tit_wrap p.p_txt{font-size: 17px; font-weight: 500; color: #555;}
.s05 .tit_wrap p.p_txt span{color:#dd4c3f; text-decoration: underline; }

.s05 .program_tbl td a:hover{color: #2c995e;text-decoration: underline;} 

.s05 .program_tbl{margin: 10px 0 40px 0; word-break: keep-all;}
.s05 .program_tbl th{font-size: 17px; padding: 14px 12px;background: #f2f8f1;border: 1px solid #ccc; border-top: 2px solid #2c995e;}
.s05 .program_tbl th:nth-child(1){border-left: none;}
.s05 .program_tbl th:last-child{border-right: none;}

.s05 .program_tbl td{font-size: 17px;padding: 14px 12px;border: 1px solid #ccc;text-align: center; line-height: 26px}
.s05 .program_tbl td:nth-child(1){border-left: none;}
.s05 .program_tbl td:last-child{border-right: none;}

.s05 .pro_info ul.info{width: 100%;margin-bottom: 20px;}
.s05 .pro_info ul.info li{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 0 18px 0;}
.s05 .pro_info ul.info li span.tt{font-size: 18px; font-weight: bold; color: #fff; background: #289f85; padding: 15px; width: 100%; max-width: 160px; text-align:center; border-radius: 10px;margin-right: 10px; box-sizing: border-box;}

.s05 .pro_info ul.info li span.tt::before{content: ''; background: url(../img/sub/s05_pro_info_icon.png) 0 0 no-repeat; width: 20px; height: 21px; display: inline-block; vertical-align: top; margin: 0 10px 0 0;}
.s05 .pro_info ul.info li:nth-child(2) span.tt::before{background-position: -20px 0;}
.s05 .pro_info ul.info li:nth-child(3) span.tt::before{background-position: -40px 0;}

.s05 .pro_info ul.info li span.tx{width: calc(100% - 180px); font-size: 17px; line-height: 26px; display: flex;align-items: center;display: block;font-weight: 500;}

.s05 .con_wrap .program .p_img{position: relative; top:10px;}
.s05 .con_wrap .program .p_img img{display: block; max-width: 100%;}

.s05 .con_wrap .tab_con_cmn {display: none;}


.s05 .m_apply_btn{ width: 100px; height: 70px; border-radius: 10px; background:#2c995e;  color: #fff; font-size: 16px; font-weight: 600; text-align: center;padding: 15px; box-sizing: border-box; position: fixed; bottom: 20px; right: 20px;border: 2px solid #fff; box-shadow: 0 0 4px #2c995e}


/* s0501 프로그램신청 */

.s0501{}

.s0501 .program_tab{display:flex; flex-wrap: wrap; margin-bottom: 40px;}
.s0501 .program_tab li{width: 23.5%; margin: 0 2% 2% 0;}
.s0501 .program_tab li:nth-child(4n){margin: 0 0 2% 0;}
.s0501 .program_tab li a{display: block; font-size: 17px; font-weight: 500; border:1px solid #ccc; box-sizing: border-box; padding: 20px 0; text-align: center; }
.s0501 .program_tab li.on a{background:#fc972c; color: #fff; display: block; border-color:#fc972c;  }
.s0501 .program_tab li a:hover{background:#fc972c; color: #fff; border-color:#fc972c;}

.s0501 .conTxt span.red{color:#ff5a4c; border-radius: 10px; }


@media all and (max-width:940px){
	.s05 .app_step li{width:23.5%; margin: 0 2% 2% 0;}
	.s05 .app_step li:nth-child(4n){margin: 0 0 2% 0;}
	.s05 .app_step li::after{display: none;}
}


@media all and (max-width:768px){
	.s0501 .program_tab li a{font-size: 15px; padding: 15px 0;}
	
	.s05 .app_btn{font-size: 15px;}
	.s05 .app_step li span.tit{font-size: 15px;}
	.s05 .app_noti{font-size: 15px;}
	
	
	.s05 .app_step{justify-content: flex-start}
	.s05 .app_step li{width:32%; margin: 0 2% 2% 0;}
	.s05 .app_step li:nth-child(4n){margin: 0 2% 2% 0;}
	.s05 .app_step li:nth-child(3n){margin: 0 0 2% 0;}
	
	.s05 .tit_wrap h4.p_tit{font-size: 22px;}
	.s05 .tit_wrap p.p_txt{font-size: 15px}
	
	.s05 .program_tbl th{font-size: 15px}
	.s05 .program_tbl td{font-size: 15px}

}


@media all and (max-width:525px){
	
	.s0501 .program_tab{justify-content: flex-start;}
	.s0501 .program_tab li{width:49%;}
	.s0501 .program_tab li:nth-child(4n){margin: 0 2% 2% 0;}
	.s0501 .program_tab li:nth-child(2n){margin: 0 0 2% 0;}
	
	.s05 .app_step li{width:49%;}
	.s05 .app_step li:nth-child(4n){margin: 0 2% 2% 0;}
	.s05 .app_step li:nth-child(3n){margin: 0 2% 2% 0;}
	.s05 .app_step li:nth-child(2n){margin: 0 0 2% 0;}
	
	.s05 .m_apply_btn{display: block;}
}


@media all and (max-width:480px){
	.s05 .app_step li{height: 120px; padding: 20px 10px;}
	.s05 .program_tbl th{font-size: 13px; padding: 7px}
	.s05 .program_tbl td{font-size: 13px;padding: 7px; line-height: 22px}
}