@charset "utf-8";

.sub_wrap{width: 100%;margin-top:110px;overflow: hidden;}

.sub_visual{height: 430px; display: flex; align-items: center; width: 100%; -webkit-background-size: cover; background-size: cover; text-align: center;justify-content: center;}
.sub_visual h4 { font-size: 3.437em; color: #fff;  line-height: 1.35;font-family: 'S-CoreDream-6Bold'; padding-bottom: 12px;}
.sub_visual p {color: #fff;font-size: 2.187em;font-family: 'InkLipquid';}

.sub_layout {display: flex;justify-content: space-between; position: relative;}
.sub_layout .lnb {flex:0 1 18.6%; width: 17.4%; max-width: 250px;} 
.sub_layout .lnb .lnb_cate{}
.sv_title{background: #7dca23; height: 173px; border-radius: 0 0px 20px 0; padding-left: 38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 49px;}
.sv_title h3{color: #fff; margin-bottom: 8px; font-size: 2em; line-height: 1;}
.sv_title p{color: #fff;  background: url(../../images/sub/lnb_bg.png) no-repeat top right; font-size: 1.125em; padding: 10px 30px 0 0 ; display: inline-block;}

.s_tb > li{-webkit-transition: 0.3s; -moz-transition:0.3s; -ms-transition:0.3s;-o-transition:0.3s; transition:0.3s; }
.s_tb > li:last-child{margin-bottom: 0} 
.s_tb > li > a{padding:13px 19px 14px; box-sizing: border-box; -webkit-transition: 0.3s; -moz-transition:0.3s; -ms-transition:0.3s;-o-transition:0.3s; transition:0.3s; border-bottom: 1px solid #ddd;}
.s_tb > li.current > a{color: #fff; background: #222222; font-weight: 500;}


.slnb{padding: 20px; display: none; background: #f5f5f5;}
.slnb li{}
.slnb a{position: relative; padding: 3px 8px; -webkit-transition: 0.3s; -moz-transition:0.3s; -ms-transition:0.3s;-o-transition:0.3s; transition:0.3s;}
.slnb a::before{content: ""; position: absolute; width: 4px; height: 1px; background: #666; left: 0; top: 16px; -webkit-transition: 0.3s; -moz-transition:0.3s; -ms-transition:0.3s;-o-transition:0.3s; transition:0.3s;}
.slnb li.current a{color: #7dca23;}
.slnb li.current a::before{background: #7dca23;}
.lnb204 .slnb{display: block;}


.sub_layout .lnb501,
.sub_cont5 .s_name_wrap {display: none;!important} 
.sub_layout501 { justify-content: center;}

.sub_layout .lnb0,
.sub_cont0 .s_name_wrap {display: none;!important} 
.sub_layout0 { justify-content: center;}



@media (min-width:1024px){ 
	.s_tb > li:hover > a{color: #fff; background: #222222; font-weight: 500;}
	.slnb li:hover a{color: #7dca23;}
	.slnb li:hover a::before{background: #7dca23;}
}


.sub_layout .sub_cont{flex:0 1 77.1%; max-width: 1110px; width:79.7%;}
.bd_sec{padding-bottom: 150px;}

.s_name_wrap {margin-bottom: 68px;display: flex; justify-content: space-between;} 
.s_page_name {font-size: 2.18em; line-height: 1; font-weight: 700;letter-spacing: -0.03em; font-family: 'S-CoreDream-6Bold'; color: #111;} 
.sub_bd_wrap{background: #f5f5f5; display: flex; height: 80px;}
.sub_bd{display: flex;    align-items: center;}
.sub_bd li{margin-right:10px; padding-right: 10px;color: #999; position: relative;}
.sub_bd li:last-child{margin-right: 0; padding-right: 0;}
.sub_bd li.home{width:16px; height: 18px;font-size:0;/* text-indent: -9999px; */background: url(../../images/layout/home_icon.png) no-repeat center left/ contain;}
.sub_bd li::after{content: '';position: absolute; top: 50%; right: 0; background: #999; width: 2px; height: 2px;}
.sub_bd li:last-child::after{display: none;}

.sub_cont{margin-top: 70px;}






/* 공통 */
.sub_layout article:last-child{padding-bottom: 150px;}

.arti_tit{position: relative; font-size: 1.777em; line-height: 1; padding-left: 22px; margin-bottom: 30px;}
.arti_tit::before{width: 4px; height: 28px; background: #192e4e; left:0 ; top: 3px; content: ""; position: absolute;}

table{border-top: 1px solid #222;}
table tr{border-bottom: 1px solid #ddd;}
table th{ height: 55px; ;background: #f5f5f5; color: #111; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #ddd; font-weight: 400;}
table td{height: 55px; color: #666; padding: 11px 10px 15px; border-right: 1px solid #ddd; line-height: 1.75;}

table th:last-child,
table td:last-child{border-right: 0;}



.row_box_s{display: flex; justify-content: space-between;}
.row_box_w{display: flex; flex-wrap:wrap;justify-content: space-between;}
.row_box{display: flex;}

@media (min-width:800px){ 
}




/* s_tit_box */



/* s101 greeting */
.greeting{}
.greeting .txt_box{width: 59%;}
.greeting .txt_box h4{display: inline-block; padding-right: 50px; padding-bottom: 13px; background: url(../../images/sub/greeting02.png) no-repeat bottom right; line-height: 1; font-size: 1.875em; letter-spacing: -0.03em; margin-bottom: 12px;}
.greeting .txt_box p{}
.greeting .txt_box p:nth-child(n+3){margin-top: 28px;}
.greeting .img_box{width: 36.49%;}
.greeting .img_box figure{}
.greeting .img_box img{box-shadow: 7px 7px 10px rgba(0,0,0,0.03);}
.greeting .img_box p{ font-size: 1.125em; margin-top: 50px; display: flex; align-items: center; justify-content: flex-end;}
.greeting .img_box span{color: #111;}
.greeting .img_box span:first-child{}
.greeting .img_box span:last-child{font-family: 'Enjoy'; font-size: 2.111em; line-height: 1; margin-top: 5px; margin-left: 12px; }

/* s102 organization */
.organization{}
.organization span{position: relative; margin-right: 10px; padding-right: 11px;}
.organization span::before{content: ""; position: absolute; right: 0; top: 5px; width: 1px; height: 14px; background: #666;}
.organization span:last-child{margin-right: 0; padding-right: 0;}
.organization span:last-child::before{display: none;}

.organization_tb{margin-bottom: 80px;}
.organization_tb > div{margin-bottom: 10px;}
.organization_tb .color01{}
.organization_tb .color01 h3{border: 1px solid #7dca23; background: #7dca23; color: #fff;}
.organization_tb .color01 p{}
.organization_tb .color01 span{}
.organization_tb .color01 > div{}

.organization_tb .color02{}
.organization_tb .color02 h3{border: 1px solid #7dca23; background: #fff; color: #7dca23;}
.organization_tb .color02 p{}
.organization_tb .color02 > div{width: 34%;}

.organization_tb .color03{margin-bottom: 0;}
.organization_tb .color03 h3{border: 1px solid #111111; background: #fff; color: #111111;}
.organization_tb .color03 p{}
.organization_tb .color03 span{}
.organization_tb .color03 > div{width: 34%;}

.organization_tb h3{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 151px; line-height: 50px; border-radius: 50px; font-size: 1.125em; text-align: center; margin-right: 20px;}
.organization_tb p{}
.organization_tb > div > div{display: flex; align-items: center;}


/* s103 history */
.img_txt{position: relative; margin-bottom: 70px;}
.img_txt::before{content: ""; position: absolute; width: 96.4%; height: 86.7%; border:1px solid rgba(255,255,255,0.2) ; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) ;}
.img_txt .txt_box{position: absolute; width: 100%; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform:translateY(-50%) ;}
.img_txt .txt_box h3{font-size: 1.875em; line-height: 1.4; color: #fff;}


.his_cont{position: relative; padding-bottom: 40px;}
.his_cont::before{content: ""; position: absolute; left: 182px; top: 15px; width: 1px; height:100%;background: #ddd;}
.his_cont::after{content: ""; position: absolute; left:179px; bottom: -15px; width: 6px; height: 6px; background: #222 ;border-radius:50% ; }

.his_cont h4{font-size: 1.56em; color: #7dca23;  font-family:'S-CoreDream-6Bold'; position: relative; width: 65px; padding-right: 123px; margin-right: 60px;}
.his_cont h4::after{content: ""; position: absolute; right: 0; top: 13px; width: 6px; height: 6px; border:3px solid #7dca23 ;border-radius:50% ; background: #fff;}
.his_cont h4::before{content: ""; position: absolute; right: 0; top: 19px; width: 98px; height: 1px; background: #7dca23 ;}

.his_cont > div{margin-bottom: 42px; display: flex;}
.his_cont ul{margin-top: 5px;}
.his_cont li{display: flex; margin-bottom: 6px;}
.his_cont li:last-child{margin-bottom: 0;} 
.his_cont li > span {color: #333; margin-right: 34px;}
.his_cont li p{line-height: 1.888;position: relative;}


/* s104 location */
.location article > .row_box:not(:last-child){padding-bottom: 40px; margin-bottom: 40px; background: url(../../images/sub/dot.png) repeat-x left bottom;}

.location .map_box{width: 50%;}
.location .txt_box{ width: 50%; padding: 92px 20px 0 59px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.txt_loca h4{font-size: 1.56em; letter-spacing: -0.03em;}
.txt_loca p{ line-height: 1.888; display: flex; margin: 16px 0 52px;}
.txt_loca span{font-weight: 500; color: #333; width: 64px; margin-right: 37px;}
.location .icon_box{margin-left: 2px;}
.location .icon_box li a{position: relative; width: 65px; height: 65px; background: #f5f5f5; border-radius:50% ;margin-right: 10px;}
.location .icon_box li:last-child a{margin-right: 0;}
.location .icon_box li a:before{position: absolute; content:''; width: 100%; height: 100%; background: url(../../images/template/print_1.png) center no-repeat; transition:.3s;}
.location .icon_box li:nth-child(2) a:before{ background: url(../../images/template/print_2.png) center no-repeat;}
.map_border,
.wrap_controllers {display: none!important;}
.location:last-child{margin-bottom: 0;}
.map_box .root_daum_roughmap {width:100%!important;}

@media (min-width:800px){
	.location .icon_box li a:hover:before{transform:rotate(30deg)}
}




/* s201 about_us01 */
.about_us01{}
.about_cont01{padding-bottom: 50px;}
.about_cont01 .txt_box{}
.about_cont01 .img_box{}
.about_cont01 p{display: inline-block; padding-right: 50px;  background: url(../../images/sub/greeting02.png) no-repeat bottom right; margin-bottom: 20px;}
.about_cont01 h4{font-size: 1.872em; line-height: 1.4; letter-spacing: -0.03em;}
.about_cont01 figure{padding-left: 10px; padding-bottom: 10px; background: url(../../images/sub/about_us02.png) no-repeat bottom left;}
.about_cont01 img{}

.about_cont02{ border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 52px 60px 35px;}
.about_cont02 .txt_box {background: url(../../images/sub/dot.png) repeat-x left bottom; padding-bottom: 35px; margin-bottom: 40px;}
.about_cont02 .txt_box p{width: 50%}
.about_cont02 .txt_box p:last-child{padding-left: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.about_cont02 .icon_box{display: flex;align-items: center;}
.about_cont02 .icon_box:first-child{margin-bottom: 10px;}
.about_cont02 figure{ margin-right: 20px;}
.about_cont02 img{}
.about_cont02 .icon_box p{color: #111;}



/* s204_1 intro */
.intro{}
.intro h4{font-size: 1.25em;font-weight: 400; color: #111; line-height: 1; letter-spacing: -0.03em;	}
.intro h4 span{color: #4899f8;}
.intro_list{}
.intro_list li{background: url(../../images/sub/dot.png) repeat-x bottom left;align-items: center; padding: 41px 0;}
.intro_list li > figure{width: 162px; flex:0 0 162px;}
.intro_list .txt_box{margin: 0 70px 0 48px; width: calc(100% - 360px);}
.intro_list b{font-size: 1.25em;}
.intro_list b span{position: relative; display: inline-block;font-size: 0.8em; padding-left: 18px; margin-left: 30px; color: #999; font-weight: 400;}
.intro_list b span::before{position: absolute; content: ""; height: 15px; width: 1px; left: 0; top:8px ; background: #dddddd;		}
.intro_list p{line-height: 1.75; margin-top: 15px;}
.intro_list a{width: 80px; height: 80px; background: #f5f5f5; border-radius: 50%; text-align: center; display: flex; justify-content: center; flex-direction: column; flex:0 0 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 6px;}
.intro_list a figure{}
.intro_list a img{}
.intro_list a span{font-size: 12px;}

/* s204_3 neighbor01 */
.neighbor01{}
.neighbor_icon{}

.neighbor_icon > div{align-items: center;padding: 0 0 40px; background: url(../../images/sub/dot.png) repeat-x bottom left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.neighbor_icon > div:nth-child(n+3){padding: 40px 0;}
.neighbor01 .neighbor_icon > div:nth-child(5){padding-bottom: 0; background: none;	}
.neighbor_icon > div:nth-child(2n){padding-left: 35px;}

.neighbor_icon figure{margin-right: 20px; border-radius: 50%; box-shadow:0px 0px 15px rgba(0,0,0,0.1);}
.neighbor_icon img{}
.neighbor_icon p{}
.neighbor_icon{}
.neighbor_icon{}
.neighbor_icon{}


/* s204_4 neighbor02 */
.neighbor02 .row_box{align-items: center;}
.neighbor02 .row_box:last-child{margin-top: 40px; padding-top: 40px; background: url(../../images/sub/dot.png) repeat-x top left;}
.neighbor02 .row_box:last-child .txt_box{margin-left: 0; margin-right: 60px;}

.neighbor02 .img_box{}
.neighbor02 .img_box img{}
.neighbor02 .img_box figure{}
.neighbor02 .txt_box{margin-left: 60px;}
.neighbor02 .txt_box p{ margin-bottom: 30px;}
.neighbor02 .txt_box p:last-child{margin-bottom: 0;}

/* s204_5 neighbor03 */
.neighbor03 .neighbor_icon > div:nth-child(n+7){padding-bottom: 0; background: none;}
/* s401 volunteer */
.volunteer p{margin-bottom: 28px;}
.volunteer p:last-child{margin-bottom: 0;}
.volunteer h3{font-size: 1.875em; margin-bottom: 10px; letter-spacing: -0.03em; color: #111;}
.volunteer article{padding-bottom:  61px;}
.volunteer .volunteer_arti01{background: url(../../images/sub/volunteer02.jpg) no-repeat center / cover; margin-bottom: 68px; padding-bottom: 54px;}
.volunteer_arti01 h3{color: #fff; line-height: 87px; background: rgba(72,153,284,0.8) url(../../images/sub/volunteer01.png) no-repeat center right 30px; padding: 0 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 52px;}
.volunteer_arti01 p{color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 60px;}
.volunteer_arti02{}
.volunteer_arti02 h3{}
.volunteer_arti02 p{}
.volunteer_arti03{padding-bottom: 86px;}
.volunteer_arti03 h3{margin-bottom: 18px;}
.volunteer_arti03 p{}
.volunteer_arti04{}
.volunteer_arti04 h3{}
.volunteer_arti04 p{}
.num_list{display: flex;}
.num_list li{display: flex; width: 49.1%; margin-bottom: 10px;}
.num_list li:nth-child(7){width: 100%;}
.num_list li:nth-child(7) span:first-child{line-height: 111px;}
.num_list li:nth-child(7) span:last-child{height: 111px;}
.num_list span{display: inline-block;}
.num_list span:first-child{width: 55px; text-align: center; background: #7dca23; color: #fff; ;line-height: 55px;}
.num_list span:last-child{border: 1px solid #ddd; width: calc(100% - 55px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 55px;display: flex; flex-direction: column; justify-content: center; padding:0 30px;}
.num_list b{font-weight: 400;}
.num_list li:nth-child(n+18){margin-bottom: 0;}
.num_list li.bg span:last-child{background: #f5f5f5;}
.dot_box{}
.volunteer .dot_box p{position: relative; padding-left: 9px; margin-bottom: 0;}
.dot_box p::before{position: absolute; content: ""; width: 5px; height: 1px ; background: #666; left: 0; top: 16px;}


/* s403 sponsor */
.sponsor{}
.sponsor article{padding-bottom: 67px;}
.member_arti > div{padding: 50px 0 57px 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 49.1%; background: url(../../images/sub/sponsor01.png) no-repeat right 30px top 30px;}
.member_arti .regular{border:1px solid #ddd ;}
.member_arti .general{background: #f5f5f5 url(../../images/sub/sponsor02.png) no-repeat right 30px top 34px; }
.member_arti h3{font-size: 1.562em; margin-bottom: 10px;}
.member_arti b{font-weight: 400; margin-top: 30px;}
.member_arti em{color: #7dca23;display: block;	}


.sponsor_arti{}
.sponsor_arti h3{font-size: 1.87em; margin-bottom: 10px;}
.sponsor_arti h4{font-size: 1.25em;}
.sponsor_arti .regular{}
.sponsor_arti .regular > div{margin-bottom: 30px; margin-top: 18px;}
.sponsor_arti .regular > p{text-align: center; background: #f5f5f5; line-height: 60px;}
.sponsor_arti .regular_cont{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; flex:0 0 50%;}
.sponsor_arti .regular_cont:first-child{padding-right: 30px;}
.sponsor_arti .regular_cont:nth-child(2){padding-left: 40px;}
.sponsor_arti .regular_cont figure{margin-right: 20px; flex:0 0 100px}
.sponsor_arti .regular_cont img{}
.sponsor_arti .regular_cont .txt_box{width: calc(100% - 120px); margin-top: 7px;}
.sponsor_arti .regular_cont h5{font-size: 1em; font-weight: 500; color: #111; line-height: 1.75;}
.sponsor_arti .regular_cont p{line-height: 1.75; letter-spacing: -0.03em;}
.sponsor_arti .temporary{margin-top: 52px;}
.sponsor_arti .temporary .tit_box{}
.sponsor_arti .temporary .tit_box h4{margin-bottom: 10px;}
.sponsor_arti .temporary .tit_box p{letter-spacing: -0.03em;}
.sponsor_arti .temporary .tit_box span{color: #999;letter-spacing: -0.03em;}
.sponsor_arti .temporary .tit_box a{display: inline-block; color: #0a2a62; margin-left: 5px;}
.sponsor_arti .temporary_cont {margin: 35px 0 0;}
.sponsor_arti .temporary_cont p{}
.sponsor_arti .temporary_cont span{display: inline-block; width: 50%; line-height: 57px; text-align: center; background: #4899f8;}
.sponsor_arti .temporary_cont span:first-child{color: #fff;}
.sponsor_arti .temporary_cont span:last-child{border-left: 1px solid rgba(255,255,255,0.3); color: #d6e9ff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.sponsor_arti .temporary_cont p:last-child{border-bottom: 1px solid #ddd; text-align: center; line-height: 1.75; padding: 10px 0 15px;}
.sponsor_arti{}
.sponsor_arti{}
.sponsor_arti{}
.sponsor_arti{}
.sponsor_arti{}
.sponsor_arti{}
.sponsor_arti{}
.sponsor_arti{}
.sponsor_arti{}