@charset "utf-8";

.clearfix:after{display:block;clear:both;content:".";visibility:hidden;height:0;}
.clearfix{display:block;}
/* 텍스트 */
.em_orange{color:#ff6521;}
.em_green{color:#2f6e00;}
.em_purple{color:#81359c;}
.em_red{color:#ea0000;}
span.txt_block{display:block;}
/* 서브 레이아웃 */
.sub_visual, .sub_wrap{width:100%;}
.sub_visual{height:400px;}
.sub_visual.visual01{background:url('/theme/basic/img/page/sub_visual01.jpg') no-repeat center top;}
.sub_visual.visual02{background:url('/theme/basic/img/page/sub_visual02.jpg') no-repeat center top;}
.sub_visual.visual03{background:url('/theme/basic/img/page/sub_visual03.jpg') no-repeat center top;}
.sub_visual.visual04{background:url('/theme/basic/img/page/sub_visual04.jpg') no-repeat center top;}
.sub_visual.visual05{background:url('/theme/basic/img/page/sub_visual05.jpg') no-repeat center top;}
.sub_visual.visual06{background:url('/theme/basic/img/page/sub_visual06.jpg') no-repeat center top;}
.sub_visual.visual07{background:url('/theme/basic/img/page/sub_visual07.jpg') no-repeat center top;}

.sub_visual .visual_top{width:100%;max-width:1200px;margin:0 auto;font-size:50px;line-height:400px;font-weight:500;text-align:center;color:#fff;}
.sub_wrap{width:100%;height:auto;margin-bottom:120px;}
.lnb{width:100%;max-width:1200px;margin:0 auto;position:relative;}
.sub_menu{display:block;padding:0 1%;width:100%;height:70px;position:absolute;top:-34px;
background: #cf2882;background: -webkit-linear-gradient(135deg, #cf2882, #92179d);background: -moz-linear-gradient(135deg, #cf2882, #92179d);background: -o-linear-gradient(135deg, #cf2882, #92179d);background: linear-gradient(135deg, #cf2882, #92179d);}
.sub_menu li{float:left;text-align:center;padding:0 2px;}
.sub_menu.list8 li{width:12.5%;}
.sub_menu.list8 li a{padding:0;font-size:17px;letter-spacing:-0.1em;}
.sub_menu.list7 li{width:14%;}
.sub_menu.list7 li:first-child, .sub_menu.list7 li:last-child{width:15%;}
.sub_menu.list6 li{width:15%;}
.sub_menu.list6 li:nth-child(1){margin-left:55px;}
.sub_menu.list5 li{width:20%;}
.sub_menu.list4 li{width:25%;}
.sub_menu.list3 li{width:33%;}
.sub_menu.list3 li:first-child{width:34%;}
.sub_menu.list2 li{/*width:50%;*/width:33.333333%;}
.sub_menu li a{width:100%;font-size:19px;color:#fff;font-weight:300;display:inline-block;height:70px;line-height:70px;padding:0 10px;}
.sub_menu li a.on{font-weight:500;border-bottom:7px solid #fff;}
.sub_menu li a:hover{border-bottom:7px solid #fff;}
.snb_tab{width:100%;margin-bottom:90px;}
.snb_tab li{width:33%;float:left;height:50px;margin-left:-1px;}
.snb_tab li:last-child{width:34%;}
.snb_tab li a{display:inline-block;width:100%;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #c02374;text-align:center;font-size:17px;color:#999999;font-weight:500;line-height:50px;}
.sub_menu.list7 li a{font-size:16px;}
.snb_tab li:first-child a{border-left:1px solid #ccc;}
.snb_tab li a.on, .snb_tab li a:hover{border-top:2px solid #c02374;border-right:1px solid #c02374;border-right:1px solid #c02374;border-left:1px solid #c02374;border-bottom:none;color:#c02374;}
.snb_tab.half li{width:50%;}

/* 타이틀 */
#contents{max-width:1200px;width:100%;margin:0 auto;padding:120px 0 100px;font-size:18px;color:#4d4d4d;font-weight:400;}
#contents h2{font-size:40px;color:#2d2d2d;font-weight:500;text-align:center;position:relative;height:165px;}
#contents h2:after{content:'';position:absolute;width:1px;height:50px;background-color:#d5368e;left:50%;top:75px;}
#contents h3{font-size:27px;color:#1d1d1d;font-weight:500;position:relative;min-height:100px;margin-top:100px;line-height:35px;}
#contents h2.second{margin-top:100px;}
#contents h3:after{content:'';position:absolute;width:25px;height:3px;background-color:#c02374;left:0;top:50px;}
#contents strong{color:#1d1d1d;font-weight:600;}
#contents h2.h0, #contents h3.h0{background:none;}
#contents h2.h0:after, #contents h3.h0:after{display:none;}
#contents h3.first_h3{margin-top:10px;}
#contents h4.about{font-size:20px;color:#1d1d1d;font-weight:500;margin-bottom:15px;}
#contents.temple p{margin-bottom:10px;}
@media all and (max-width:630px){
	#contents.email h3:after{display:none;}
}
@media all and (max-width:600px){
	#contents h3.first_h3{margin-top:30px;}
}

.website{margin:30px 0;}
.website a{color:#d5368e}
/* 복지관 알기 */
.greeting{text-align:center;}
.greeting .greetings_tit{font-size:30px;color:#c02374;font-weight:300;margin-bottom:40px;}
.greeting .greetings_txt{background:url('/theme/basic/img/page/greeting_bg02.jpg') no-repeat;padding:70px 0 50px 650px;text-align:left;min-height:355px;}
.greeting .mr_txt{width:100%;border-top:3px solid #dc539e;border-bottom:3px solid #dc539e;padding:50px 0 30px;}
.greeting .mr_txt h3{font-size:23px !important;line-height:32px !important;color:#c02374 !important;margin-bottom:45px !important;margin-top:0 !important;min-height:0 !important;}
.greeting .mr_txt p{font-size:20px;line-height:32px;color:#2d2d2d;margin-bottom:56px;}
.greeting .mr_txt p.copy{font-size:16px;color:#535353;position:relative;margin-bottom:0;}
.greeting .mr_txt p.copy:before{position:absolute;content:'';width:18px;height:1px;background-color:#c02374;left:calc(50% - 9px);top:-27px;}
.greeting .mr-member{display:block;text-align:right;font-size:15px;font-weight:500;color:#c02374;}

.introduce ul{float:left;position:relative;}
.introduce ul:after{position:absolute;content:'';width:130px;height:1px;background-color:#c02374;right:-130px;top:50%;	}
.introduce ul li{float:left;width:150px;height:150px;border:20px solid #8dd538;background-color:#466a1c;border-radius:100%;text-align:center;color:#fff;font-size:24px;font-weight:500;line-height:110px;}
.introduce ul li:nth-child(2){border:20px solid #d6ea4e;background-color:#6b7527;}
.introduce ul li:nth-child(3){border:20px solid #108e4b;background-color:#084725;}
.intro_txt{float:left;margin-left:165px;width:585px;position:relative;margin-top:15px;padding-top:5px;}
.intro_txt:before{position:absolute;content:'';width:1px;height:123px;left:-36px;top:0;background-color:#c02374;}

table{width:100%;border-collapse:collapse;border-spacing:0;}
.table01{border-top:1px solid #9a9a9a;}
.table01 th, .table01 td{border-bottom:1px solid #ccc;padding:15px 25px;word-break:keep-all;}
.table01 tr.last th, .table01 tr.last td, .table01 tr.last_th th{border-bottom:1px solid #9a9a9a;}
.table01 th{background-color:#ebebeb;color:#222222;font-size:18px;font-weight:400;}
.table01 td{font-size:16px;color:#4d4d4d;}
.table01 td.date{background-color:#f6f6f6;text-align:center;letter-spacing:-0.5px;}

.table02{border-top:1px solid #9a9a9a;}
.table02 th, .table02 td{border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:15px 25px;}
.table02 th:last-child, .table02 td:last-child{border-right:none;}
.table02 th{background-color:#ebebeb;color:#222222;font-size:18px;font-weight:400;}
.table02 td{font-size:16px;color:#4d4d4d;text-align:center;}
.table02 th.n_last, .table02 td.n_last{border-right:1px solid #ccc;}
.table02 .txt_red{color:#ea0000;}

ul.bullet{text-align:left;}
ul.bullet li{padding-left:10px;position:relative;}
ul.bullet li::before{content:'';width:5px;height:2px;background-color:#999;position:absolute;left:0;top:11px;}
ul.bullet > li ul.bullet li{color:#767676;}
ul.bullet > li ul.bullet li::before{content:'';width:2px;height:5px;background-color:#666;position:absolute;left:0;top:11px;}
ul.bullet li span.year{color:#000;display:inline-block;width:80px;}
#btn_floor{display:block;width:100%;height:45px;}
#btn_floor li{float:left;margin-left:1%;width:11.6%;text-align:center;font-size:20px;height:45px;line-height:45px;border:1px solid #ccc;}
#btn_floor li:first-child{margin-left:0;}

.vision .vision_txt{width:400px;float:left;font-size:32px;color:#4d4d4d;text-align:center;position:relative;margin-top:50px;}
.vision .vision_txt:before, .vision .vision_txt:after{content:'';position:absolute;width:23px;height:21px;left:calc(50% - 11px);}
.vision .vision_txt:before{background:url('/theme/basic/img/page/quot_left.gif') no-repeat;top:-45px;}
.vision .vision_txt:after{background:url('/theme/basic/img/page/quot_right.gif') no-repeat;bottom:-45px;}
#contents .vision .vision_txt strong{color:#4d4d4d;}
.vision .mission{display:block;width:800px;float:left;text-align:right;padding-right:20px;}
.vision .m_mission{display:none;}
.org_img{display:block;text-align:center;}
.org_m{display:none;}
.slogan{background:url('/theme/basic/img/page/bg_lotus.jpg') no-repeat;width:100%;height:130px;font-family: 'Jeju Myeongjo', serif;font-size:35px;text-align:center;color:#545454;line-height:130px;}
.slogan i, .slogan em{font-style:normal;font-size:45px;}
.slogan i{color:#c02374;}
.slogan em{color:#a439a1;}
.corporation img{float:left;width:455px;margin-right:50px;}
.corporation .corp_txt{float:left;}
.corporation .corp_txt h4{color:#c02374;font-size:23px;line-height:32px;}
.corporation .corp_txt p{font-size:18px;line-height:30px;}
.corporation .corp_txt p strong{font-weight:600;color:#1d1d1d;}
.mr_ci{display:block;width:100%;height:250px;margin-top:60px;background:url('/theme/basic/img/page/bg_mr_ci.jpg') no-repeat 0 10px;}
.mr_ci li{display:block;width:100%;height:90px;}
.mr_ci li dl{margin-left:355px;}
.mr_ci li dl dt{float:left;font-size:20px;color:#8b175b;background-color:#f9eef6;width:280px;height:57px;line-height:57px;border-radius:30px;text-align:center;}
.mr_ci li dl dd{float:left;line-height:57px;margin-left:30px;}
.btn_page{display:inline-block;float:right;height:93px;margin-top:30px;}
.mr_map{display:block;width:100%;overflow:hidden;margin-top:30px;}
.mr_map_m{display:none;}
/* 사업 알기 */
.step_biz01 li{float:left;width:20%;padding:0 1%;text-align:center;}
.step_biz01 li img{vertical-align:bottom;margin-bottom:20px;}
.step_biz01 li span{display:block;font-size:16px;line-height:25px;margin-bottom:30px;}
#contents  .step_biz01 li span strong{display:block;font-size:20px;color:#1d1d1d;line-height:30px;font-weight:400;margin-bottom:10px;}
.biz_service{padding:25px 0;border-bottom:1px solid #cccccc;}
.biz_service.first{border-top:1px solid #cccccc;margin-top:55px;}
.biz_service dl{margin-bottom:20px;}
.biz_service dl dt{width:215px;height:45px;font-size:20px;line-height:45px;color:#fff;text-align:center;border-radius:30px;margin-right:25px;margin-bottom:15px;background-color:#05b1a1;}
.biz_service dl dd{font-size:20px;line-height:45px;font-weight:500;}
.biz_service dl.biz01 dt{width:450px;}
/*
.biz_service dl dt{float:left;width:215px;height:45px;font-size:20px;line-height:45px;color:#fff;text-align:center;border-radius:30px;margin-right:25px;background-color:#05b1a1;}
.biz_service dl dd{float:left;font-size:20px;line-height:45px;font-weight:500;}
*/
.biz_service div img{float:left;display:inline-block;width:215px;margin-right:25px;}
.biz_service div ul{float:left;}
.biz_service div ul li,
.biz_service dl dd ul li{font-size:15px;line-height:26px;background:url('/theme/basic/img/page/bullet_list.jpg') no-repeat 0 11px;padding-left:15px;}
.biz_service dl dd ul{margin-top:10px;margin-bottom:20px;}
.biz_service02 div{float:left;width:50%;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:30px 0;margin-top:30px;}
.biz_service02 div img{float:left;width:288px;height:113px;margin-right:25px;}
.biz_service02 div ul{float:left;}
.biz_service02 div ul li{font-size:15px;line-height:26px;background:url('/theme/basic/img/page/bullet_list.jpg') no-repeat 0 11px;padding-left:15px;}
.biz_org li{width:27%;margin-left:9.5%;float:left;height:45px;font-size:20px;line-height:45px;color:#fff;text-align:center;border-radius:30px;background-color:#05b1a1;margin-bottom:40px;}
.biz_org li:nth-child(3n+1){margin-left:0;}
.biz_org li span{display:block;font-size:16px;color:#4d4d4d;line-height:25px;}
.show_mo{display:none;}
.mr_edu{display:block;}
.mr_edu_m{display:none;}
.mr_edu img{width:49%;margin-left:2%;float:left;}
.mr_edu img:first-child{margin-left:0;}
.mr_program h4{font-size:20px;color:#c02374;margin:50px 0 20px;letter-spacing:-1px;}

/* biz05 */
blockquote { margin: 2px 0px 20px 12px; font-size: 15px;}
.biz05_background { background-color: #FFF8E1; padding: 10px;}
/* 행복나누기 */
.volunteer{padding:0;display:block;width:100%;min-height:500px;}
.volunteer li{counter-increment:number;position:relative;width:30%;height:150px;background-color:#ebebeb;float:left;margin-left:5%;padding-top:80px;text-align:center;margin-bottom:20px;}
.volunteer li:nth-child(3n+1){margin-left:0;}
.volunteer li:before{content:counter(number, decimal);display:block;width:40px;height:40px;background-color:#c02374;color:#fff;font-size:20px;text-align:center;border-radius:100%;line-height:40px;position:absolute;top:20px;left:calc(50% - 20px);}
.volunteer li:after{content:'';background:url('/theme/basic/img/page/arrow_list.png') no-repeat 0 0;width:36px;height:28px;position:absolute;right:-48px;top:calc(50% - 18px);}
.volunteer li:last-child:after{display:none;}
.benefit_volun li{float:left;width:50%;height:155px;	}
.benefit_volun li dl{margin-left:155px;margin-top:30px;padding-right:20px;}
.benefit_volun li dl dt{font-size:20px;font-weight:600;}
.benefit_volun li dl dd{font-size:15px;margin-top:15px;}
.benefit_volun li{background:url('/theme/basic/img/page/icon_benefit01.png') no-repeat;}
.benefit_volun li:nth-child(2){background:url('/theme/basic/img/page/icon_benefit02.png') no-repeat;}
.benefit_volun li:nth-child(3){background:url('/theme/basic/img/page/icon_benefit03.png') no-repeat;}
.benefit_volun li:nth-child(4){background:url('/theme/basic/img/page/icon_benefit04.png') no-repeat;}
.benefit_volun.sponsor li{background:url('/theme/basic/img/page/icon_benefit05.png') no-repeat;}
.benefit_volun.sponsor li:nth-child(2){background:url('/theme/basic/img/page/icon_benefit06.png') no-repeat;}
.benefit_volun.sponsor li:nth-child(3){background:url('/theme/basic/img/page/icon_benefit07.png') no-repeat;}
.spon_list dt{float:left;width:215px;height:45px;line-height:45px;background-color:#05b1a1;color:#fff;font-size:20px;font-weight:600;text-align:center;border-radius:30px;margin-bottom:15px;}
.spon_list dd{width:calc(100% - 235px);float:left;margin-left:20px;line-height:45px;margin-bottom:15px;}
.step_rent{display:block;height:300px;padding-bottom:60px;border-bottom:2px solid #ccc;}
.step_rent li{float:left;width:22%;margin-left:4%;}
.step_rent li:first-child{margin-left:0;}
.step_rent li h4{width:100%;height:80px;text-align:center;background-color:#05b1a1;color:#fff;border-radius:50px;font-size:20px;font-weight:500;line-height:55px;}
.step_rent li h4 span{display:block;font-size:15px;line-height:0;font-weight:400;}
.step_rent li h5{margin-left:15%;line-height:50px;}
.step_rent li ul{margin-left:15%;}
.step_rent li ul li{float:none;width:100%;margin-left:0;font-size:15px;line-height:26px;}
.step_rent > li{margin-bottom:20px;}
.rent_permit{text-align:center;margin-top:70px;}
.rent_permit h4{position:relative;width:280px;height:80px;background-color:#c02374;color:#fff;font-size:25px;line-height:80px;border-radius:50px;left:calc(50% - 140px);margin-bottom:30px;}
.rent_permit h4:before{content:'';position:absolute;background:url('/theme/basic/img/page/arrow_rent.gif') no-repeat 0 0;left:calc(50% - 20px);top:-60px;width:41px;height:52px;}
.rent_permit h5{font-size:20px;margin-bottom:15px;}
.rent_permit div{font-size:15px;line-height:26px;}
/* 신뢰쌓기 */
.regi_volun{position:relative;padding-top:230px;}
.regi_volun:before{content:'';position:absolute;left:calc(50% - 96px);top:10px;width:193px;height:191px;background:url('/theme/basic/img/page/icon_volun.png') no-repeat 0 0;}
.regi_volun.spon:before{background:url('/theme/basic/img/page/icon_sponsor.png') no-repeat 0 0;}
.regi_volun p{font-size:20px;line-height:32px;color:#1d1d1d;text-align:center;}
#contents .regi_volun p strong{color:#00b1a1;}
.btn_regist{text-align:center;margin-top:50px;}
.btn_regist span{margin-left:30px;}
.btn_regist span:first-child{margin-left:0;}
/* 이용안내 */
.sitemap{float:left;width:22%;margin-left:4%;}
.sitemap:nth-child(4n+1){margin-left:0;}
#contents .sitemap h3{font-size:25px;color:#fff;font-weight:400;background:#24baac url('/theme/basic/img/page/bg_sitemap.jpg');min-height:80px;line-height:80px;text-align:center;margin-top:0;}
.sitemap h3:after{display:none;}
.sitemap .site_menu{display:block;width:100%;text-align:center;height:400px}
.sitemap .site_menu li{border-bottom:1px solid #c0c0c0;line-height:50px;}
.sitemap .site_menu li a{font-size:18px;color:#4d4d4d;}
.sitemap .site_menu li a:hover{color:#000;}

.btn-edu{text-align:center;margin-top:50px;}
.btn-edu a{display:inline-block;padding:10px 45px;background-color:#dc539e;border-radius:30px;color:#fff;font-size:17px;font-weight:500;}


@media all and (max-width:1300px){
	.volunteer li{width:25%;padding-right:15px;padding-left:15px;}
}
@media all and (max-width:1200px){
	.introduce ul, .intro_txt{float:none;}
	.introduce ul{display:block;width:450px;height:180px;margin:0 auto;}
	.introduce ul:after, .intro_txt:before{display:none;}
	.intro_txt{width:100%;margin-left:0;}
	.vision .vision_txt{float:none;width:100%;margin-bottom:100px;}
	.vision .mission{float:none;text-align:left;padding:0;}
}
@media all and (max-width:1100px){
	.sub_menu{padding:0;}
	.sub_menu li{padding:0;}
	.greeting .greetings_txt{background-size:800px;background-position:center bottom;padding:0 20px 500px;}
	.biz_service02 div{float:none;width:100%;height:175px;}
	.volunteer li:after{background-size:60%;}
}
@media all and (max-width:1000px){
	.benefit_volun li{float:none;width:100%;}
}
@media all and (max-width:980px){
	.biz_service dl dd{line-height:30px;margin:20px 0;}
}
@media all and (max-width:900px){
	.sub_menu li a{font-size:15px;letter-spacing:-1px;padding:0;}
}
@media all and (max-width:800px){
.btn_regist span{margin-left:0;}
}
@media all and (max-width:768px){
	.lnb{display:none;}
	.sub_visual{background-size:180%;height:250px;margin-bottom:40px;}
	.sub_visual .visual_top{line-height:250px;}
	#contents{margin-top:-70px;}
	.mr_ci{background:none;}
	.mr_ci li dl{margin-left:0;}
	#contents  .step_biz01 li span strong{font-size:17px;}
	#contents  .step_biz01 li span{font-size:15px;}
	.biz_org li{width:30%;margin-left:5%;}
	.biz_org li span{font-size:14px;letter-spacing:-0.5px;}
	#contents .table-responsive {width: 100%;margin-bottom: 15px;overflow-y: hidden;border-bottom:1px solid #c6c6c6}
	.show_mo{display:block;font-size:14px;letter-spacing:-1px;}
	.mr_program h4{font-size:17px;}
	#contents table th{font-size:14px;padding:10px;}
	#contents table td{font-size:13px;padding:10px;}
	.volunteer li{width:45%;margin-left:7%;}
	.volunteer li:nth-child(3n+1){margin-left:7%;}
	.volunteer li:nth-child(2n+1){margin-left:0;}
	.volunteer li:after{right:-43px;}
	.step_rent{height:500px;}
	.step_rent li{width:48%;}
	.step_rent li:nth-child(2n+1){margin-left:0;}
	#contents .sitemap h3{font-size:20px;}
	.sitemap .site_menu li a{font-size:15px;letter-spacing:-1px;}
  .biz_service dl.biz01 dt{width:100%;padding:8px 20px;line-height:25px;display:inline-block;height:auto;border-radius:40px;word-break:keep-all;}
  .greeting .greetings_txt{background-size:500px;padding-bottom:300px;}
}
@media all and (max-width:600px){
	#contents{padding-bottom:0;}
	#contents h2{font-size:30px;height:130px;}
	#contents h2:after{height:30px;}
	.greeting .greetings_tit{font-size:24px;letter-spacing:-1px;}
	.greeting .greetings_txt{font-size:15px;}
	.greeting .mr_txt h3{font-size:18px;line-height:28px;letter-spacing:-1px;}
	.greeting .mr_txt h3 i{display:block;}
	.greeting .mr_txt p{font-size:15px;line-height:24px;}
	.table01 th{font-size:15px;}
	.table01 td{font-size:14px;}
	.sub_visual{background-size:180%;height:210px;}
	.sub_visual .visual_top{font-size:30px;line-height:180px;}
	.vision .vision_txt{font-size:24px;}
	.vision .mission{display:none;}
	.vision .m_mission{display:block;}

	.org_img{display:none;}
	.org_m{display:block}
    .org_m img{display:block;max-width:100%;margin-left:auto;margin-right:auto;}
	.slogan{font-size:20px;letter-spacing:-1px;}
	.slogan i, .slogan em{font-size:24px;}
	.step_biz01{display:block;width:100%;height:570px;}
	.step_biz01 li{float:none;width:100%;padding:0;text-align:left;}
	.step_biz01 li img{width:25%;display:inline-block;}
	.step_biz01 li span{display:inline-block;font-size:16px;margin-left:10px;}
	#contents  .step_biz01 li span strong{font-size:20px;}
	.mr_edu{display:none;}
	.mr_edu_m{display:block;}
	.mr_edu_m img{margin-bottom:20px;}
}
@media all and (max-width:585px){
	.biz_org li{width:49%;margin-left:2%;}
	.biz_org li:nth-child(3n+1){margin-left:2%;}
	.biz_org li:nth-child(2n+1){margin-left:0;}
	.biz_service02 div{height:195px;}
	.biz_service02 div ul{padding:10px 0;}
}
@media all and (max-width:550px){
	span.txt_block{display:none;}
	.volunteer li{font-size:15px;line-height:20px;}
	.spon_list dt{float:none;width:100%;}
	.spon_list dd{float:none;width:100%;line-height:27px;margin-left:0;padding:0 10px;}
}
@media all and (max-width:500px){
	.table01 th, .table01 td{padding:10px;}
	.introduce ul{width:315px;}
	.introduce ul li{float:left;width:105px;height:105px;font-size:20px;line-height:65px;}
	#contents{margin-top:-130px;}
	.mr_ci{height:380px;}
	.mr_ci li{height:120px;}
	.mr_ci li dl dt, .mr_ci li dl dd{float:none;}
	.mr_ci li dl dt{width:100%;}
	.mr_ci li dl dd{line-height:24px;margin-left:0;padding:0 15px;}
	.mr_map{display:none;}
	.mr_map_m{margin-top:20px;display:block;width:100%;overflow:hidden;}
	.volunteer li{width:42%;}
	.volunteer li:after{background-size:50%;right:-40px;}
	.benefit_volun li{height:120px;}
	.benefit_volun li, .benefit_volun li:nth-child(2), .benefit_volun li:nth-child(3), .benefit_volun li:nth-child(4){background-size:20%;}
	.benefit_volun.sponsor li, .benefit_volun.sponsor li:nth-child(2), .benefit_volun.sponsor li:nth-child(3){background-size:20%;}
	.benefit_volun li dl{margin-left:90px;padding-right:0;}
	.sitemap{width:32%;margin-left:2%;}
	.sitemap:nth-child(4n+1){margin-left:2%;}
	.sitemap:nth-child(3n+1){margin-left:0;}
	.sitemap:last-child{width:34%;}
	.sub_visual{height:150px;}
  .greeting .greetings_txt{background-size:350px;padding:0 0 230px;}
}
@media all and (max-width:400px){
	.sub_visual .visual_top{line-height:130px;}
	.step_rent li h4{font-size:17px;letter-spacing:-1px;}
	.step_rent li h4 span{font-size:13px;}
  .greeting .mr_txt h3{font-size:20px !important;line-height:28px !important;}
}

@media all and (max-width:320px){
	.slogan{font-size:18px;letter-spacing:-1px;height:70px;line-height:70px;background-position:center;}
	.slogan i, .slogan em{font-size:21px;}
	.step_biz01 li img{display:none;}
	.sitemap{width:48%;margin-left:2%;}
	.sitemap:nth-child(3n+1){margin-left:2%;}
	.sitemap:nth-child(2n+1){margin-left:0;}
	#contents .sitemap h3{font-size:18px;}
	.sitemap:last-child{width:48%;}
  .greeting .mr_txt h3{font-size:18px !important;}
}

#cf_privacy,
#cf_stipulation{width:100%;height:600px;font-size:14px;background:#fafafa;color:#5d5d5d;}
@media all and (max-width:500px){
	#cf_privacy,
	#cf_stipulation{height:240px;font-size:13px;}
}

.calendar{width:100%;}
.calendar .calender_con{width:100%;height:800px;}
@media all and (max-width:640px){
	.calendar .calender_con{height:600px;}
}


/*220111 기관소개 내용 수정*/
.introduce-wrap{}
.introduce-wrap .introduce{float:left;width:50%;}
.introduce-wrap .introduce .intro_txt{width:calc(100% - 150px);margin-left:0;padding-left:60px;padding-top:20px;}
.introduce-wrap .introduce .intro_txt:before{left:30px;padding-top:20px;}
.introduce-wrap .introduce ul:after{width:30px;right:-30px;}
.introduce-wrap .introduce:nth-of-type(2) ul li{border:20px solid #d6ea4e;background-color:#6b7527;}
@media all and (max-width:1200px){
	.introduce-wrap .introduce ul{width:100%;height:auto;}
	.introduce-wrap .introduce ul li{float:none;margin-left:auto;margin-right:auto;}
	.introduce-wrap .introduce .intro_txt{width:90%;margin-right:auto;margin-left:auto;text-align:center;padding-left:0;}
}
@media all and (max-width:500px){
	.introduce-wrap .introduce .intro_txt{padding-top:0;}
	.introduce-wrap .introduce ul li{border:12px solid #8dd538;line-height:80px;}
	.introduce-wrap .introduce:nth-of-type(2) ul li{border:12px solid #d6ea4e}
	.introduce-wrap .introduce .intro_txt{font-size:16px;}
}


/* 이용자의 권리보호 */
.sub_menu.list9{text-align:center;}
.sub_menu.list9 li{display:inline-block; float:none;}
.sub_menu.list9 li a{padding:0 10px;}
@media all and (max-width:1000px){
	.sub_menu.list9 li a{padding:0 5px;}
}



.history #btn_floor li{width:calc((100% - 60px)/4);margin-left:20px;}
.history #btn_floor li:first-child{margin-left:0;}
.history .table01 th, .history .table01 td{padding-top:10px;padding-bottom:10px;}
.history .table01 td{font-size:15px;}
@media all and (max-width:1000px){
	.history #btn_floor li{width:calc((100% - 30px)/4);margin-left:10px;font-size:16px;}
	.history .contbox h4{font-size:18px;height:40px;line-height:40px;}
}
@media all and (max-width:640px){
	.history #btn_floor{height:auto;}
	.history #btn_floor li{width:calc((100% - 5px)/2);height:40px;margin-left:5px;margin-bottom:5px;font-size:14px;line-height:40px;}
	.history #btn_floor li:nth-child(2n-1){margin-left:0;}
	.history .contbox h4{font-size:16px;}
}


/*민원접수 안내*/
.complaint_box{padding:80px 30px;text-align:center;background:url('/theme/basic/img/sub/complaint_bg.jpg') center center no-repeat;background-size:cover;border:2px solid #ffd6ec;}
.complaint_box .inner{display:flex;justify-content: center;align-items: center;}
.complaint_box .desc{text-align:center;}
.complaint_box span{display:block;font-size:20px;color:#000;}
.complaint_box span.txt1{}
.complaint_box span.txt2{margin:5px 0 20px 0;font-weight:600;}
.complaint_box span.txt3{display:inline-block;font-weight:600;padding:5px 30px;background:#92179d;border-radius:30px;color:#fff;}
@media all and (max-width:640px){
	.complaint_box{padding:50px 15px;}
	.complaint_box span{font-size:16px;}
	.complaint_box .desc .m_640_br{display:block;}
}



/*교육문화프로그램안내*/
.program_image{}
.program_image img{display:block; width:100%; max-width:100%; margin:0 auto;}




/* 250604_기관현황 */
.contbox {margin-top:30px;}
.contbox .tit_floor {width:100%;height:60px;background-color:#4e4e4e;font-size:25px;font-weight:500;line-height:60px;color:#fff;text-align:center;}
.contbox .img_floor {display:flex;justify-content:center;align-items:center;background:#f5f5f5;width:100%;min-height:200px;padding:65px 30px;position:relative;}
.contbox .img_floor .info_floor {position:absolute;top:65px;left:75px;}
.contbox .img_floor .info_floor li {position:relative;padding-left:15px;}
.contbox .img_floor .info_floor li::before {position:absolute;top:11px;left:0;width:5px;height:5px;content:'';background:#57a30d;border-radius:50%;}
	@media all and (max-width:1023px){
		.contbox .img_floor {flex-direction:column-reverse;padding:40px 30px;gap:30px;}
		.contbox .img_floor .info_floor {position:static;width:100%;display:flex;flex-wrap:wrap;gap:5px 40px;}
	}
	@media all and (max-width:767px){
		.contbox .img_floor {padding:30px 15px;gap:20px;}
		.contbox .img_floor .info_floor {position:static;width:100%;display:flex;flex-wrap:wrap;gap:5px 40px;}
	}