.text-center{text-align:center;}
 .text-right{text-align:right;}
 .text-left{text-align:left;}
 table.table-text-center tr,  .table-text-center th,  .table-text-center td{vertical-align:middle; text-align:center;}
/* text 제거 */
 .hwrap header a h1.logo span, .btn_more a span, .btn_link li a span,.family-site .train li a span,.next{
     position:absolute;
     left:-9999%;
     width:1px;
     height:1px;
     font-size:0;
     overflow:hidden;
}
 .hid{
     display:none;
}
/*sub visual */
 .subvisual.sv1,  .subvisual.sv5{
     background-image: url('/img/sub_visual01.png');
    background-repeat:no-repeat;
     background-position: center;
    background-size:cover
}
 .subvisual.sv2,  .subvisual.sv6{
     background-image: url('/img/sub_visual02.png');
    background-repeat:no-repeat;
     background-position: center;
    background-size:cover
}
 .subvisual.sv3,  .subvisual.sv7{
     background-image: url('/img/sub_visual03.png');
    background-repeat:no-repeat;
     background-position: center;
    background-size:cover
}
 .subvisual.sv4{
     background-image: url('/img/sub_visual04.png');
    background-repeat:no-repeat;
     background-position: center;
    background-size:cover
}
/*  .subvisual.sv5{
     background-image: url('/images/sub05.jpg');
    background-repeat:no-repeat;
     background-position: center;
    background-size:cover
 }
 .subvisual.sv6{
     background-image: url('/images/sub06.jpg');
    background-repeat:no-repeat;
     background-position: center;
    background-size:cover
 }
 .subvisual.sv7{
     background-image: url('/images/sub07.jpg');
    background-repeat:no-repeat;
     background-position: center;
    background-size:cover
 } */
 h3{
     width:210px;
     padding-top:27px;
     padding-bottom:30px;
     background: url('/images/green_line.jpg')no-repeat 0px 0px;
     font-weight:400;
     font-size:30px;
     letter-spacing:-1.5px;
     color: #5f5f5f;
}
 h4{
     font-size:24px;
     font-weight:700;
     letter-spacing:-1.5px;
     color:#5a5a5a;
     padding-bottom:25px;
	 padding-top:60px;
	 margin-top:25px;
     border-top:1px solid #67625e;
	 text-align:center;
}
h4 ~ .main__desc{line-height:1.6; margin-bottom:15px; display:block;}
/* left-menu */
 .left-menu{
     width:210px;
     float:left;
}
 .left-menu > h3{
    background-image:none;
     padding-top:0;
}
 .left-menu > h3::before{
    content:'';
     display:block;
     width:45px;
     height:5px;
     background-color:#67625e;
     margin-bottom:30px;
}
 .left-menu ul{
     width:210px;
}
 .left-menu ul li{
     height:39px;
     border-bottom:1px solid #d3d3d3;
}
 .left-menu ul li a{
     display:block;
     width:200px;
     height:39px;
     line-height:39px;
     padding-left:5px;
     color:#6a6a6a;
     font-size:15px;
     background: url('/images/arrow_g.png')no-repeat 198px 15px;
}
 .left-menu ul li:hover {
     background-color:#67625e;
}
 .left-menu ul li a:hover{
     color:white;
     background: url('/images/arrow_w.png')no-repeat 198px 15px;
}
@media screen and (max-width:1024px){
	.left-menu{float:none; width:100%;}
	.left-menu ul{width:100%; margin-bottom:30px;}
	.left-menu ul::after{clear:both; display:block; content:'';}
	.left-menu > h3{width:100%;}
	.left-menu ul li{float:left; width:calc((100% - 10px) / 2);}
	.left-menu ul li:nth-child(2n){margin-left:10px;}
	.left-menu ul li a{width:100%; padding-right:5px;
		background-position:95% center !important;
	}
}
@media screen and (max-width:599px){

	.left-menu ul{display:none;}
	}
}
/* addClass*/
 .active{
     background: url('./images/arrow_w.png')no-repeat 195px 15px;
     color:white;
}
 li.active2{
     background-color:#a9d05d;
}
/**/
 .contants_desc{
    width:calc(100% - 210px - 100px - 0.1px);
     margin-left:100px;
     float:left;
}
@media screen and (max-width:1024px){
	.contants_desc{width:100%; margin-left:0;}
	.contants_desc h4{font-size:24px; font-weight:500;}
}
/* location */
 .location{
     width:100%;
     height:19px;
     margin-bottom:8px;
}
 .location::after{
    display:block;
     clear:both;
     content:'';
}
 .location ul{
    height:19px;
     line-height:19px;
     padding-left:79%;
}
 .location ul li{
     display:inline;
     float:left;
     text-align:right;
     padding: 0 5px 0 5px;
	 white-space:nowrap;
}
 .location ul li a{
     font-weight: 400;
     color: #4a4a4a;
     font-size:13px;
}
 .location ul li a img{
     vertical-align:middle;
     line-height:19px;
}
 .location ul li span{
     padding-left:10px;
     font-weight: 400;
     color: #4a4a4a;
     font-size:13px;
}
 .location ul{
    padding-left:0;
     float:right;
}
 @media screen and (max-width:1200px){
     .location{
        padding-bottom:20px;
    }
	.location ul{
		float:left;
	}

}
/* JOIN */
 div.terms-process{
     width:100%;
     height:60px;
     margin:0 auto;
     text-align:center;
     margin-bottom:45px;
     margin-top: 25px;
}
 div.terms-process ul li{
     width:30%;
     height:60px;
     line-height:60px;
     float:left;
     background-color:#eee;
     border-radius:3px;
}
 span.arrow_blue2{
     display:block;
     width:5%;
     height:60px;
     float:left;
     background: url('/images/next_arrow.png')no-repeat 17px 22px;
}
 .signup-area .bg_d3{
     background-color: #ff7474;
     color:white;
}
/* 가로100 버튼 */
 .signup-area p.btn,.signup-area div.btn{
     width: 100%;
     margin: 0 auto;
	 text-align:center;
}
 .signup-area p.btn::after,.signup-area div.btn::after{clear:both; content:''; display:block;}
 .signup-area .btn a, .signup-area .btn input,input.btn_submit{
     display:inline-block;
     width:80px;
     height:35px;
     line-height:30px;
     margin-right:2%;
     border:1px solid #d3d3d3;
     border-radius: 30px;
     background-color:#eee;
     color: #2a398a;
     text-align:center;
}
 .signup-area .btn a:last-child, .signup-area .btn input,input.btn_submit:last-child{
	margin-right:0;
 }
 .signup-area .btn a:hover, .signup-area .btn input:hover,,input.btn_submit:hover{
     color: #2a398a;
     background-color:#d3d3d3;
}
/* step 01 */
 .terms-box{
     overflow: auto;
	 border: 1px solid #ddd;
	 padding: 5px 10px;
     width: 888px;
	 height: 400px;
	 box-sizing: border-box;
	 text-align: left;
}
 .terms-check{
     margin-bottom:45px;
}
/* step 02 */
 .signup-area p.terms-process{
     text-align:center;
     margin-bottom:45px;
}
 p.terms-tit{
     margin-bottom:30px;
     text-align:left;
}
 p.terms-tit strong{
     text-align:center;
    font-size:30px;
     color:#4e4e4e;
     letter-spacing:-2.5;
     line-height:35px;
     background: url('/images/h4_bg.jpg')no-repeat;
     display:block;
     width:100%;
     text-align:left;
}
 .btn a img{
     height:35px;
     vertical-align:middle;
     margin:8px 0px 8px 0px ;
}
 .btn{
     text-align:center;
}
 .btn input{
     height:35px;
}
 #user_memo{
     margin: 8px 0px 8px 0px;
}
/* Login */
 .login-form {
     margin-top: 60px;
}
/* step 03 == LOGIN */
 #frm .login-area .login-group-1 .form-left input{
     border:none;
     font-size:16px;
     height: 62px;
}
 #frm .login-area{
     width:100%;
	 padding-bottom:50px;
}
 #frm .login-area::after{clear:both; display:block; content:'';}
 #frm .login-area .login-group-1{
     width:47%;
     height: 550px;
     padding:50px;
     float:left;
     border:1px solid #d3d3d3;
	 box-sizing:border-box;
}
 #frm .login-area .login-group-2-3{
     width: 53%;
     height:550px;
     float:left;
}
 #frm .login-area .login-group-2{
     height:50%;
     padding:50px;
     border-top:1px solid #d3d3d3;
     border-right:1px solid #d3d3d3;
     border-bottom:1px solid #d3d3d3;
	 box-sizing:border-box;
}
 #frm .login-area .login-group-3{
    height:50%;
     padding:50px;
     border-top: 1px solid #d3d3d3;
     border-right:1px solid #d3d3d3;
	 box-sizing:border-box;
}
 #frm .login-area .login-group-1 #id-wrap{
     width: 100%;
     height: 62px;
     background: url(../images/bg_login.jpg) no-repeat;
     padding-top: 15px;
     border-bottom: 2px solid #ccc;
     margin-bottom: 30px;
}
 #frm .login-area .login-group-1 #pw-wrap{
     border:none;
     width: 100%;
     height: 62px;
     background: url(../images/bg_pw.jpg) no-repeat;
     padding-top: 15px;
     border-bottom: 2px solid #ccc;
     margin-bottom: 60px;
}
 input.btn_login{
     border-radius: 5px;
     line-height: 40px;
     color: #fff;
     text-align: center;
     background: #a9d05d;
     border: none;
     font-size:18px;
     width:100%;
     height:60px;
}
 input.btn_login:hover{
     color: #a9d05d;
     background-color: white;
     cursor:pointer;
     font-size:18px;
     border:1px solid #a9d05d;
}
 .form-right{
     margin-top:55px;
}
/* a 버튼 STYLE */
 .btn-area a,div.signup-area form#frm_pwd p.btn a,div.signup-area form#frm_id p.btn a,#frm .login-area .login-group-3 a.goJOIN, #frm .login-area .login-group-2 a.find_id,#frm .login-area .login-group-2 a.find_pw{
     border-radius: 5px;
     line-height: 40px;
     color: #fff;
     text-align: center;
     background: #a9d05d;
     border: none;
}
/* a 버튼 hover STYLE */
 .btn-area a:hover, div.signup-area form#frm_pwd p.btn a:hover,div.signup-area form#frm_id p.btn a:hover, #frm .login-area .login-group-3 a.goJOIN:hover, #frm .login-area .login-group-2 a.find_id:hover, #frm .login-area .login-group-2 a.find_pw:hover{
     color: #a9d05d;
     background-color: white;
     border:1px solid #a9d05d;
}
 #frm .login-area .login-group-3 a.goJOIN{
     display:block;
     width:80%;
     margin:0 auto;
     height:60px;
     line-height:60px;
}
 #frm .login-area .login-group-2 a.find_pw{
     display:block;
     width:40%;
     margin:0 auto;
     height:60px;
     line-height:60px;
     float:left;
}
 #frm .login-area .login-group-2 a.find_id{
     display:block;
     width:40%;
     margin:0 auto;
     height:60px;
     line-height:60px;
    float:left;
     margin-right:2%;
     margin-left: 30px;
}
 .login-group-2 p.info,.login-group-3 p.info{
     font-size:16px;
     margin-bottom:45px;
     line-height:24px;
     margin-top:15px;
}
 #frm .login-area .login-group-2 p.btn{
     margin:0 auto;
     width:100%;
     height: 60px;
}
#frm .login-area .login-group-2 p.btn a{box-sizing:border-box;}
/* Search ID / PW */
 div.signup-area{
     width: 100%;
     margin:0 auto;
     text-align:center;
	 padding-bottom:50px;
}
 div.signup-area form#frm_id{
     width:100%;
     border:1px solid #d3d3d3;
     padding: 50px;
     margin-bottom:45px;
	 box-sizing:border-box;
}
 div.signup-area form#frm_pwd{
     width:100%;
     border:1px solid #d3d3d3;
     padding: 50px;
	 box-sizing:border-box;
}
 div.signup-area form#frm_id p.terms-tit{
}
 div.signup-area form#frm_id p.name-check{
     text-align:center;
     margin-bottom: 40px;
}
 div.signup-area form#frm_id p.btn{
     width:100%;
     text-align:right;
}
 div.signup-area form#frm_id p.btn a{
     display:inline-block;
     width:40%;
     text-align:center;
     height:60px;
     line-height:60px;
}
 div.signup-area form#frm_pwd p.terms-tit{
}
 div.signup-area form#frm_pwd p.name-check{
     text-align:center;
     margin-bottom:20px;
}
 div.signup-area form#frm_pwd p.btn{
     width:100%;
     text-align:right;
     margin-top:40px;
}
 div.signup-area form#frm_pwd p.btn a{
     display:inline-block;
     width:40%;
     text-align:center;
     height:60px;
     line-height:60px;
    /*border:1px solid #d3d3d3;
     border-radius: 30px;
     background-color:#eee;
     font-size: 18px;
    */
}

@media screen and (max-width:768px){
	#frm .login-area .login-group-1{padding:30px;}
	input.btn_login, #frm .login-area, .login-group-3 a.goJOIN{line-height:30px !important; font-size:14px; height:30px !important;}
	#frm .login-area .login-group-1 .form-left input{width:100%;}
	.#frm .login-area .login-group-1 #id-wrap{background:none;}
	div.terms-process span.arrow_blue2{display:none;}
	div.terms-process ul li{width:33.333%;}
	p.name-check span{display:block; text-align:right; margin-left:0 !important;}
	p.name-check span + span{margin-top:10px;}
	p.name-check span input{width:calc(100% - 60px) !important;}
}
@media screen and (max-width:599px){
	#frm .login-area .login-group-1{width:100%; float:none; height:auto; padding:0; border:0;}
	#frm .login-area .login-group-1 #id-wrap{margin-bottom:0}
	#frm .login-area .login-group-1 #pw-wrap{margin-bottom:10px;}
	#frm .login-area .login-group-1 .form-right{margin-top:20px;}
	.login-form{margin:0;}
	#frm .login-area .login-group-2-3{width:100%; height:auto;}
	#frm .login-area .login-group-3{padding:0; margin-top:20px; width:100%; width:100%; height:auto; border:0;}
	.login-group-2 p.info, .login-group-3 p.info{margin-bottom:20px;}
	#frm .login-area .login-group-3 a.goJOIN{width:100%;}

	#frm .login-area .login-group-2{margin-top:20px; padding:0; border:0;}
	#frm .login-area .login-group-2 a.find_id{width:calc((100% - 10px) / 2); line-height:30px; height:30px; margin-left:0; margin-right:0;}
	#frm .login-area .login-group-2 a.find_pw{width:calc((100% - 10px) / 2); line-height:30px; height:30px; margin-left:10px;}
	div.terms-process{height:auto;}
	div.terms-process ul{padding-bottom:15px;}
	div.terms-process ul li{width:100%; float:none;}

	div.signup-area form#frm_id p.btn a{width:100%;}
	div.signup-area form#frm_pwd p.btn a{width:100%;}
}

/* sub01_01 단체연혁 */
 body .history table{
     text-align:left;
}
 body .history table tr:nth-child(1) td{
     border:0 none;
}
 body .history{
     margin-top:25px;
}
 body .history td{
     border:0 none;
     padding:0;
}
 body .history h3{
     width:70px;
     height:30px;
     line-height:30px;
     font-weight:700;
     font-size:30px;
     letter-spacing:-2.5px;
     color:#808080;
	padding-top:7px;
     float:left;
     background:none;
}
 body .history .h-box div{
     width:calc(100% - 70px - 60px - 0.1px);
     float:right;
     border-left:1px solid #dedede;
     padding-bottom:45px;
    /**/
     position:relative;
    /*margin-top:-12px;
    */
}
 body .history div span{
     font-weight:700;
     font-size:16px;
     letter-spacing:-0.5px;
     color:#6a6a6a;
     line-height:30px;
     padding-right:43px;
     padding-left:32px;
     position: absolute;
     left: -7px;
}
 body .history div table tr:nth-child(1) span{
     background:url("/images/green_mini_circle.png")no-repeat -9px 0px;
}
 body .history td{
     padding-left:113px;
     font-weight:400;
     font-size:15.5px;
     letter-spacing:-0.2px;
     color: #6a6a6a;
     line-height:30px;
}
 body .history .h-box:after{
     content:"";
     display:block;
     clear:both;
     visibility:hidden;
     height:0px;
}
@media screen and (max-width:1024px){
	 body .history .h-box div{
		width:calc(100% - 70px - 30px - 0.1px)
	 }
}
@media screen and (max-width:768px){
	body .history h3{font-size:18px; width:40px;}
	 body .history .h-box div{
		width:calc(100% - 40px - 20px - 0.1px)
	 }
	 body .history td{padding-left:75px;}
}
/* sub01_02 소장인사말 */
 .greeting h4{
     margin-bottom:25px;
}
 .greeting{
     width:100%;
     letter-spacing:-0.4px;
     font-weight:400;
     color:#3e3e3e;
     line-height:27px;
}
 .greeting p{
     padding-bottom:20px;
}
 .greeting p.txtem{
     font-size:18px;
     color:#0f4522;
}
 .greeting p.txtem2{
     text-align:right;
     font-size:18px;
     color:#3e3e3e;
}
/* sub01_03 연락처 및 약도 */
 p.addtxt{
     position: absolute;
     top: 538px;
     left: 80px;
}
 .root_daum_roughmap_landing .cont .section_address{
     display:none;
}
 .root_daum_roughmap .wrap_controllers{
     margin-bottom:158px;
}
 .root_daum_roughmap_landing{
     position:relative;
}
 div.contact-table{
     width:100%;;
     height:178px;
     position:absolute;
     top:333px;
     padding-top:20px;
}
 body .contact{
     font-family:'Nanum Gothic';
     font-size:16px;
     color:#3e3e3e;
     font-weight:400;
     line-height:25px;
     letter-spacing:-0.4px;
}
 body .contact-table table{
     border-collapse: collapse;
     text-align:center;
     width:100%;
     font-family:'Nanum Gothic';
     margin-top:18px;
}
 .contact-table table th{
     font-size:16px;
     color:#fff;
     font-weight:700;
     line-height:25px;
     background-color:#67625e;
     padding:10px;
     border-right: 1px solid #dedede;
     border-bottom: 1px solid #dedede;
     border-top:1px solid #dedede;
     font-family:'Nanum Gothic';
}
 .contact-table table td{
     font-size:16px;
     line-height:25px;
    /**/
     color:#3e3e3e;
     font-weight:400;
     padding:10px;
    /* border-right: 1px solid #dedede;
    */
     border-bottom: 1px solid #dedede;
     font-family:'Nanum Gothic';
}
 .contact-table table tr:nth-child(1) td{
     border-top:1px solid #dedede;
}
 body .root_daum_roughmap .section_busstop .wrap_list .icon_bus{
     margin-top:-2px;
}
 body .root_daum_roughmap .section_busline .ico_bus1 .icon_bus {
     margin-top:5px;
}
 body .root_daum_roughmap .section_busline .ico_bus2 .icon_bus {
     margin-top:5px;
}
 body .root_daum_roughmap .section_busline .ico_bus10 .icon_bus {
     margin-top:5px;
}
 body .root_daum_roughmap .section_busline .ico_bus3 .icon_bus {
     margin-top:5px;
}
 body .root_daum_roughmap .section_busline .ico_bus7 .icon_bus {
     margin-top:5px;
}
 body .root_daum_roughmap .section_busline .ico_bus4 .icon_bus {
     margin-top:5px;
}
 body .root_daum_roughmap .section_busline .how_way .txt_bar{
     margin-top:7px;
}
.map--wrap .map_container{position:relative;overflow:hidden;width:100%;height:350px;}
.map--wrap #map{height:100%; width:100%; position:relative;}
.map--wrap .radius_border{border:1px solid #919191;border-radius:5px;}  
.map--wrap .custom_typecontrol {position:absolute;top:10px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.map--wrap .custom_typecontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.map--wrap .custom_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}       
.map--wrap .custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.map--wrap .custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.map--wrap .custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.map--wrap .custom_typecontrol .selected_btn:hover {color:#fff;}   
.map--wrap .custom_zoomcontrol {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;} 
.map--wrap .custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}     
.map--wrap .custom_zoomcontrol span img {width:15px;height:15px;padding:12px 0;border:none;}             
.map--wrap .custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}
.map--wrap table.tbl{border-spacing:0; width:100%; margin-top:20px;}
.map--wrap table.tbl th{background-color:#67625e; padding:8px 16px; color:#fff}
.map--wrap table.tbl td{border-bottom:1px solid #ddd; padding:8px 16px;}
.map--wrap table.tbl tr:first-child td{border-top:1px solid #ddd;}
.map--wrap .depth1__list{padding:20px 20px 60px; box-sizing:border-box;}
.map--wrap .section_item--depth1 + .section_item--depth1{margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}
.map--wrap .map--info_title{font-weight:700; margin-top:6px; margin-bottom:8px;}
.map--wrap .map--info_desc a{line-height:20px;}
.map--wrap .map--info_desc a:hover{text-decoration:underline;}
.map--wrap .map--info_desc.subway .desc_shape{display:inline-block; width:20px; line-height:20px; color:#fff; background-color:#09b4ea; border-radius:50%; text-align:center; margin-right:4px;}
.map--wrap .map--info_desc.bus .desc_shape{display:inline-block; width:14px; line-height:13px; border-radius:50%; border:1px solid #333; color:#333; text-align:center; margin-right:2px; transform:translateY(-1px); font-size:9px;}
.map--wrap .map--info_desc.bus::after{clear:both; display:block; content:'';}
.map--wrap .map--info_desc.bus a{display:block; float:left; margin-right:10px; margin-bottom:8px; white-space:nowrap;}
.map--wrap .map--info_desc.bus a:last-child{margin-right:0;}
.map--wrap .map--info_desc.bus2 .section_item--depth2 + .section_item--depth2{margin-top:10px;}
.map--wrap .map--info_desc.bus2 .section_item--depth2::after{clear:both; content:''; display:block;}
.map--wrap .map--info_desc.bus2 .section_item--depth2 label{display:block; line-height:18px; font-size:12px; color:#fff; width:30px; border-radius:3px; float:left; margin-right:10px; text-align:center; border:1px solid #333; box-sizing:border-box;}
.map--wrap .map--info_desc.bus2 .section_item--depth2 .depth3__list{width:calc(100% - 30px - 10px - 0.1px); float:left;}
.map--wrap .map--info_desc.bus2 .section_item--depth2 .depth3__list::after{content:''; display:block; clear:both;}
.map--wrap .map--info_desc.bus2 .section_item--depth2 .depth3__list .section_item--depth3{float:left; line-height:20px; padding:0 8px; position:relative; font-size:14px;}
.map--wrap .map--info_desc.bus2 .section_item--depth2 .depth3__list .section_item--depth3::before{position:absolute; content:''; display:block; height:10px; width:1px; background-color:#ddd; left:100%; top:50%; transform:translateY(-50%);}
.map--wrap .map--info_desc.bus2 .section_item--depth2 .depth3__list .section_item--depth3:last-child::before{display:none;}
.map--wrap .map--info_desc.bus2 .section_item--depth2 label.bus_blue{background-color:#7182f5; border-color:#6372d7}
.map--wrap .map--info_desc.bus2 .section_item--depth2 label.bus_green{background-color:#5fb73c; border-color:#53a135;}
.map--wrap .map--info_desc.bus2 .section_item--depth2 label.bus_brown{background-color:#aa8874; border-color:#957766;}
.map--wrap .map--info_desc.bus2 .section_item--depth2 label.bus_skyblue{background-color:#00aeab; border-color:#009996}
.map--wrap .map--info_desc.bus2 .section_item--depth2 label.bus_purple{background-color:#a37ad5; border-color:#8f6bbb;}
.map--wrap .map--info_desc.bus2 .section_item--depth2 a{white-space:nowrap;}
@media screen and (max-width:599px){
	.map--wrap .depth1__list{padding-left:0; padding-right:0;}
	.map--wrap .map--info_desc.bus2 .section_item--depth2 .depth3__list .section_item--depth3{margin-bottom:8px;}
	.map--wrap .map--info_desc.bus2 .section_item--depth2 + .section_item--depth2{margin-top:15px;}
	.map--wrap .map--info_desc.bus2 .section_item--depth2 .depth3__list{width:100%; float:none; clear:both;}
}

/* sub01_04 정관 */
 h4.associat{
     font-size:20px;
}
 .articles-of-associat{
     width:100%;
     font-size:16px;
     line-height:27px;
     letter-spacing:-0.4px;
     color:#3d3d3d;
}
 .articles-of-associat h4{
     background-color:#8eddc8;
     font-size:20px;
     letter-spacing:0px;
     font-weight:400;
     color:#1c1b1b;
     height:47px;
     line-height:47px;
     border:0 none;
     text-align:center;
     padding:0;
     margin-bottom:20px;
}
 .articles-of-associat h4 span{
     font-size:20px;
     padding-right:10px;
     color:#4f4f4f;
}
 .articles-of-associat p{
     font-size:16px;
     line-height:27px;
     font-weight:400;
     color:#3d3d3d;
     margin-bottom:20px;
}
 .articles-of-associat h5{
     font-size:16px;
     line-height:27px;
     font-weight:700;
     color:#1c1b1b;
     border-top:1px solid #dedede;
     padding-top:20px;
}
 body .brd-n{
     border:0 none;
     padding:0;
}
 .articles-of-associat ul{
     margin-bottom:20px;
}


.articles-of-associat section .chart__tbl thead{background-color:#67625e; color:#fff;}

.articles-of-associat section .chart__tbl th, .articles-of-associat section .chart__tbl td{text-align:center; padding:8px 8px; vertical-align:middle; line-height:1.5;}
 .articles-of-associat section .chart__tbl td{text-align:left; vertical-align:top; }
.articles-of-associat section .chart__tbl tbody tr td{border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.articles-of-associat section .chart__tbl tbody tr + tr td{border-top:0;}


/* sub01_05 조직도 */
	
.organization-chart{clear:both;}
.organization-chart h4{margin-bottom:0; padding:0;}
.organization-chart section .sec--desc img{max-width:100%; margin-top:30px; margin-bottom:10px;}
.organization-chart section .chart--title{ font-weight:500; font-size:20px; color:#333; background-color:#ebebeb; text-align:center; padding-top:10px; padding-bottom:10px;}
.organization-chart section .chart__tbl{margin-top:25px; width:100%; border-spacing:0;}
.organization-chart section .chart__tbl th, .organization-chart section .chart__tbl td{text-align:center; padding:8px 3px; vertical-align:middle; line-height:1.5;}
.organization-chart section .chart__tbl td b, .organization-chart section .chart__tbl td span{display:block;}
.organization-chart section .chart__tbl thead{background-color:#67625e; color:#fff;}

.organization-chart section .chart__tbl tbody tr td{border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.organization-chart section .chart__tbl tbody tr + tr td{border-top:0;}
/* @media screen and (max-width:599px){
	.organization-chart section .chart__tbl thead{display:none;}
	.organization-chart section .chart__tbl tr, .organization-chart section .chart__tbl th, .organization-chart section .chart__tbl td{display:block;}
	.organization-chart section .chart__tbl tbody tr:first-child{border-top:1px solid #ddd;}
	.organization-chart section .chart__tbl tbody tr{border-bottom:1px solid #ddd;}
	.organization-chart section .chart__tbl tbody tr::after{display:block; clear:both; content:''; }
	.organization-chart section .chart__tbl tbody tr td{border:0; float:left; width:100%; box-sizing:border-box; border:1px solid blue; }
	.organization-chart section .chart__tbl tbody tr td:nth-child(1){text-align:right; padding-right:6px;}
	.organization-chart section .chart__tbl tbody tr td:nth-child(2){text-align:left; padding-left:6px;}
	.organization-chart section .chart__tbl tbody tr td:nth-child(1),
	.organization-chart section .chart__tbl tbody tr td:nth-child(2){width:50%; border:1px solid red;}
	.organization-chart section .chart__tbl tbody tr td:nth-child(3), 
	.organization-chart section .chart__tbl tbody tr td:nth-child(4){width:100%; ;}
} */

/* sub01 미션비전 */
.vision section h1{color:#999; font-size:18px; line-height:2; padding:50px 60px; background-color:#f2f2ee; margin-top:-85px;}
.vision section h1 img{max-width:100%;}
.vision section .section__desc .sub--title{margin-top:80px; margin-bottom:25px;}
.vision section .section__desc .sub--title b{font-size:21px;}
.vision section .section__desc p.sub--desc{color:#555; line-height:1.8;}
.vision section .section__desc .sub--desc .card-item{display:flex;}
.vision section .section__desc .sub--desc .card-item::after{content:''; display:block; clear:both;}
.vision section .section__desc .sub--desc .card-item.type1 li{width:calc((100% - 30px) / 2); background-color:#dbf1b0; padding:60px 0; box-sizing:border-box;}
.vision section .section__desc .sub--desc .card-item.type1 li + li{margin-left:30px;}
.vision section .section__desc .sub--desc .card-item.type1 li p.item--title{color:#67625e; font-size:18px; font-weight:700; margin-bottom:30px;}
.vision section .section__desc .sub--desc .card-item.type1 li p.item_desc{width:90%; margin:auto; font-weight:700; line-height:1.8; font-size:17px; word-break:keep-all;}
.vision section .section__desc .sub--desc .card-item.type2 li{width:calc((100% - 30px * 3) / 4); background-color:#67625e;}
.vision section .section__desc .sub--desc .card-item.type2 li + li{margin-left:30px;}
.vision section .section__desc .sub--desc .card-item.type2 li .item--title{
	padding-top:120px; 
	padding-bottom:20px; 
	font-weight:700; 
	color:#67625e; 
	background-color:#f1f1f1; 
	background-position:center 20px; 
	background-repeat:no-repeat; 
	background-size:auto 80px; 
	font-size:20px;
}
.vision section .section__desc .sub--desc .card-item.type2 li:nth-child(1) .item--title{background-image:url('/img/icon_value_01.png');}
.vision section .section__desc .sub--desc .card-item.type2 li:nth-child(2) .item--title{background-image:url('/img/icon_value_02.png');}
.vision section .section__desc .sub--desc .card-item.type2 li:nth-child(3) .item--title{background-image:url('/img/icon_value_03.png');}
.vision section .section__desc .sub--desc .card-item.type2 li:nth-child(4) .item--title{background-image:url('/img/icon_value_04.png');}
.vision section .section__desc .sub--desc .card-item.type2 li .item_desc{font-size:16px; color:#fff; padding:25px 0;}
.vision section .section__desc .sub--desc .card-item.type2 li .item_desc span{display:block; max-width:90%; word-break:keep-all; margin:auto; line-height:1.5;}
.vision section .section__desc .circle-item{display:flex;}
.vision section .section__desc .circle-item li{width:30vw; height:30vw; max-width:calc((889px - 30px * 2) / 3); max-height:calc((889px - 30px * 2) / 3); box-sizing:border-box; border:6px solid #ddd; border-radius:50%; position:relative;}
.vision section .section__desc .circle-item li + li{margin-left:30px;}
.vision section .section__desc .circle-item li .dot_cover{position:absolute; top:17%; width:100%; left:0; text-align:center;}
.vision section .section__desc .circle-item li .dot_cover .dot{display:inline-block; background-color:#8eddc8; width:10px; height:10px; border-radius:50%;}
.vision section .section__desc .circle-item li .dot_cover .dot + .dot{margin-left:6px;}
.vision section .section__desc .circle-item li .item_desc{position:absolute; top:50%; left:50%; width:85%; word-break:keep-all; transform:translate(-50%,-50%); color:#67625e; font-size:20px; font-weight:700; line-height:1.5;}
.vision section .section__desc .poly-item{text-align:center;}
.vision section .section__desc .poly-item:first-child{padding-top:60px;}
.vision section .section__desc .poly-item:last-child{padding-bottom:250px;}
.vision section .section__desc .poly-item + .poly-item{margin-top:-49px;}
.vision section .section__desc .poly-item li{display:inline-block;width:195px; height:225px; position:relative;}
.vision section .section__desc .poly-item li.pl1{background-image:url('/img/polygon_icon1.png');}
.vision section .section__desc .poly-item li.pl2{background-image:url('/img/polygon_icon2.png');}
.vision section .section__desc .poly-item li.pl3{background-image:url('/img/polygon_icon3.png');}
.vision section .section__desc .poly-item li.pl4{background-image:url('/img/polygon_icon4.png');}
.vision section .section__desc .poly-item li + li{margin-left:10px;}
.vision section .section__desc .poly-item li::before, .vision section .section__desc .poly-item li::after{content:''; display:block; position:absolute;}
.vision section .section__desc .poly-item li::before{width:calc(50% + 20px); height:2px; background-color:#afd368; left:50%; transform-origin:left center; z-index:-2;}
.vision section .section__desc .poly-item li::after{height:10px; width:calc(50% + 25px); background-repeat:no-repeat; background-size:contain; background-position:right center; background-image:url('/img/dot_point.png'); transform-origin:left center; z-index:-1; left:50%;}
.vision section .section__desc .poly-item li .item_title{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); line-height:1.6; color:#fff; font-weight:700; font-size:20px; width:80%; word-break:keep-all;}
.vision section .section__desc .poly-item li .item__txt{position:absolute; white-space:nowrap; text-align:left; font-weight:700; line-height:1.5;}
.vision section .section__desc .poly-item li .item__txt p::before{content:'-';}
.vision section .section__desc .poly-item:nth-child(1) li:first-child .item__txt{position:absolute; right:calc(100% + 50px); top:50%; transform:translateY(-50%);}
.vision section .section__desc .poly-item:nth-child(1) li:first-child::before,
.vision section .section__desc .poly-item:nth-child(1) li:first-child::after{top:50%; transform:translateY(-50%) rotate(180deg);}
.vision section .section__desc .poly-item:nth-child(1) li:last-child .item__txt{position:absolute; left:calc(100% + 50px); top:50%; transform:translateY(-50%);}
.vision section .section__desc .poly-item:nth-child(1) li:last-child::before,
.vision section .section__desc .poly-item:nth-child(1) li:last-child::after{top:50%; transform:translateY(-50%);}


.vision section .section__desc .poly-item:nth-child(2) li:first-child .item__txt{position:absolute; right:50%; top:100%;}
.vision section .section__desc .poly-item:nth-child(2) li:first-child::before,
.vision section .section__desc .poly-item:nth-child(2) li:first-child::after{top:50%; transform:translateY(-50%) rotate(-235deg);}
.vision section .section__desc .poly-item:nth-child(2) li:last-child .item__txt{position:absolute; left:calc(50% + 20px); top:100%;}
.vision section .section__desc .poly-item:nth-child(2) li:last-child::before,
.vision section .section__desc .poly-item:nth-child(2) li:last-child::after{top:50%; transform:translateY(-50%) rotate(-305deg);}
.vision section .section__desc .poly-item:nth-child(2) li:nth-child(2)::before,.vision section .section__desc .poly-item:nth-child(2) li:nth-child(2)::after{display:none;}


.vision section .section__desc .poly-item:nth-child(3) li:first-child .item__txt{position:absolute; right:50%; top:105%;}
.vision section .section__desc .poly-item:nth-child(3) li:last-child .item__txt{position:absolute; left:-30%; top:105%;}
.vision section .section__desc .poly-item:nth-child(3) li:first-child::before,
.vision section .section__desc .poly-item:nth-child(3) li:first-child::after,
.vision section .section__desc .poly-item:nth-child(3) li:last-child::before,
.vision section .section__desc .poly-item:nth-child(3) li:last-child::after{top:50%; transform:translateY(-50%) rotate(-235deg);}
@media screen and (max-width:1024px){
	.vision section .section__desc .circle-item li{max-width:none; max-height:none;}
}
@media screen and (max-width:768px){
	.vision section .section__desc .sub--desc .card-item.type2{display:block;}
	.vision section .section__desc .sub--desc .card-item.type2::after{content:''; display:block; clear:both;}
	.vision section .section__desc .sub--desc .card-item.type2 li{width:calc((100% - 30px) / 2); float:left; margin-bottom:30px;}
	.vision section .section__desc .sub--desc .card-item.type2 li + li{margin-left:0;}
	.vision section .section__desc .sub--desc .card-item.type2 li:nth-child(2n){margin-left:30px;}
	.vision section .section__desc .circle-item{display:block;}
	.vision section .section__desc .circle-item li{width:300px; height:300px; margin-left:auto; margin-right:auto;}
	.vision section .section__desc .circle-item li + li{margin-left:auto;; margin-top:10px;}
	.vision section .section__desc .poly-item:first-child{padding-top:0;}
	.vision section .section__desc .poly-item:last-child{padding-bottom:30px;}
	.vision section .section__desc .poly-item + .poly-item{margin-top:0;}
	.vision section .section__desc .poly-item li{display:flex; width:100%; height:200px; background-position:left center; background-size:contain; background-repeat:no-repeat;}
	.vision section .section__desc .poly-item li{margin-top:20px;}
	.vision section .section__desc .poly-item li + li{margin-left:0;}
	.vision section .section__desc .poly-item li .item_title{position:static; transform:none; margin-top:auto; margin-bottom:auto; width:173px;}
	.vision section .section__desc .poly-item li::before, .vision section .section__desc .poly-item li::after{display:none;}
	.vision section .section__desc .poly-item li .item__txt,
	.vision section .section__desc .poly-item:nth-child(1) li:first-child .item__txt,
	.vision section .section__desc .poly-item:nth-child(1) li:last-child .item__txt,
	.vision section .section__desc .poly-item:nth-child(2) li:first-child .item__txt,
	.vision section .section__desc .poly-item:nth-child(2) li:last-child .item__txt,
	.vision section .section__desc .poly-item:nth-child(3) li:first-child .item__txt,
	.vision section .section__desc .poly-item:nth-child(3) li:last-child .item__txt{position:static; transform:none; margin-top:auto; margin-bottom:auto; width:calc(100% - 173px); box-sizing:border-box; padding-left:20px; white-space:normal; word-break:keep-all;}
	.vision section .section__desc .poly-item li.pl4{display:none;}
}
@media screen and (max-width:599px){
	.vision section h1{padding:20px 10px;}
	.vision section .section__desc .sub--title b{font-size:27px;}
	.vision section .section__desc .sub--desc .card-item.type1{display:block;}
	.vision section .section__desc .sub--desc .card-item.type1 li{width:100%; float:none; padding:20px 0;}
	.vision section .section__desc .sub--desc .card-item.type1 li + li{margin-left:0; margin-top:20px;}
	.vision section .section__desc .sub--desc .card-item.type2 li{width:100%;}
	.vision section .section__desc .sub--desc .card-item.type2 li:nth-child(2n){margin-left:0;}
	.vision section .section__desc .circle-item li{width:100%; height:auto; border:0;}
	.vision section .section__desc .circle-item li + li{margin-top:80px;}
	.vision section .section__desc .circle-item li .dot_cover{padding-bottom:10px; position:static;}
	.vision section .section__desc .circle-item li .item_desc{width:100%; transform:none; position:static; margin:10px auto; font-size:16px;}
	.vision section .section__desc .poly-item li{background-position:left top; background-size:auto 30px; display:block; height:auto;}
	.vision section .section__desc .poly-item li + li{margin-top:40px;}
	.vision section .section__desc .poly-item li .item_title{width:100%; padding-left:40px; color:#333; box-sizing:border-box; text-align:left;line-height:30px; margin-bottom:20px; font-size:18px;}
		.vision section .section__desc .poly-item li .item__txt,
	.vision section .section__desc .poly-item:nth-child(1) li:first-child .item__txt,
	.vision section .section__desc .poly-item:nth-child(1) li:last-child .item__txt,
	.vision section .section__desc .poly-item:nth-child(2) li:first-child .item__txt,
	.vision section .section__desc .poly-item:nth-child(2) li:last-child .item__txt,
	.vision section .section__desc .poly-item:nth-child(3) li:first-child .item__txt,
	.vision section .section__desc .poly-item:nth-child(3) li:last-child .item__txt
	{width:100%; font-weight:500; line-height:1.8;}
}
/* sub02_02 장애인자립생활주택 */
.disabled-bomes{padding-bottom:60px;}
.disabled-bomes .section__desc h4{border:0; font-size:24px; margin-top:60px;}
.disabled-bomes .section__desc p{margin-bottom:25px; line-height:1.8;}
.disabled-bomes .view--box{display:flex; position:relative; margin-bottom:60px;}
.disabled-bomes .view--box .view_item{width:50%;}
.disabled-bomes .view--box .view--img{position:absolute; top:0; bottom:0; box-sizing:border-box; left:50%; transform:translateX(-50%); border-radius:17px; background-color:#fff; border:2px solid #69ccb4; padding:0 25px;}
.disabled-bomes .view--box .view_item.left{padding:60px 150px 70px 40px; background-color:#f2f2ee;}
.disabled-bomes .view--box .view_item.right{padding:60px 40px 70px 150px; background-color:#d2ebe5;}
.disabled-bomes .view--box .view--img span, .disabled-bomes .view--box .view--img b{display:block; text-align:center; font-size:22px; line-height:1.2;}
.disabled-bomes .view--box .view--img span{padding-top: 170px; background-image:url('/img/sub_main_ico01.png'); background-position:center 45px; background-size:auto 90px; background-repeat:no-repeat;}
.disabled-bomes .view--box .view--img b{color:#51bb9c;}
.disabled-bomes .view--box .view_item .view--title{font-size:24px; font-weight:700; margin-bottom:25px; color:#2bae89; text-align: center;}
.disabled-bomes .view--box .view_item .view--desc{text-align: center; line-height:1.8; font-weight:700;}
.tbl_custom{border-spacing:0;}
.tbl_custom th, .tbl_custom td{padding:16px 8px;}
.tbl_custom thead{background-color:#67625e; color:#fff;}
.tbl_custom thead th + th{border-right:1px solid #fff;}
.tbl_custom tbody td{border-bottom: 1px solid #dedede; word-break:keep-all; line-height:1.3;}
.tbl_custom tbody td + td{border-right:1px solid #dedede;}
.tbl_custom tbody td:first-child{background-color:#f7f7f7;}
.tbl_custom th:nth-child(1), .tbl_custom td:nth-child(1){width:120px; box-sizing:border-box;}
@media screen and (max-width:768px){
	.disabled-bomes .view--box{display:block; padding-left:180px; box-sizing:border-box;}
	.disabled-bomes .view--box .view--img{left:0; transform:none; width:200px; padding-top:40px;}
	.disabled-bomes .view--box .view_item{width:100%; box-sizing:border-box;}
	.disabled-bomes .view--box .view_item.left, .disabled-bomes .view--box .view_item.right{padding:20px 40px;}
	.disabled-bomes .view--box .view--img span, .disabled-bomes .view--box .view--img b{font-size:16px;}
	.tbl_custom th, .tbl_custom td{font-size:14px;}

    .disabled-bomes .view--box .view_item .view--title{text-align: left;}
	.disabled-bomes .view--box .view_item .view--desc{text-align: left; }
}
@media screen and (max-width:599px){
	.disabled-bomes .view--box{padding-top:35px; padding-left:0;}
	.disabled-bomes .view--box .view--img{top:0; left:0; height:35px; width:100%; padding:0; border-radius:0; border-left:0; border-right:0; border-top:0;}
	.disabled-bomes .view--box .view--img span, .disabled-bomes .view--box .view--img b{display:inline-block; padding:0; line-height:35px;}
	.disabled-bomes .view--box .view--img span{padding-left:35px; background-size:auto 31px; background-position:0 center;}
	.disabled-bomes .view--box .view_item .view--title{margin-bottom:10px;}
	.disabled-bomes .view--box .view_item .view--desc{font-weight:500; font-size:14px;}
	.disabled-bomes .view--box .view_item.left, .disabled-bomes .view--box .view_item.right{padding:10px 15px;}
	.tbl_custom th:nth-child(1), .tbl_custom td:nth-child(1){width:100px;}
	.tbl_custom th, .tbl_custom td{font-size:12px;}
}

/* sub02_01 서울시자립생활센터지원 */
 .surpport-center{
     width:100%;
     font-size:16px;
     color:#3d3d3d;
     line-height:27px;
	 padding-bottom:60px;
}
 .surpport-center h4{
	padding-top:50px; margin-top:25px; border-top:1px solid #67625e;
	border-bottom:0;
     margin-bottom:25px;
	 text-align:center; font-size:24px;
}
 .surpport-center .tbl_custom thead th{
	border-right:1px solid #fff;
}
.surpport-center .tbl_custom{margin-top:40px;}
.surpport-center .tbl_custom tbody td{border-right:1px solid #ddd;}
.surpport-center .tbl_custom tbody td:first-child{background-color:transparent;}
.surpport-center .tbl_custom tbody th,
.surpport-center .tbl_custom tbody td[rowspan]:first-child{background-color:#f1f1f1; border-right:0;}
.surpport-center .tbl_custom tbody th{font-weight:normal}
.surpport-center .table-scroll{overflow-X:auto;}
.surpport-center .table-scroll .tbl_custom{min-width:480px;}

/* sub후원안내 */
.sponsor h1{background-image:url('/img/sub_main_visual_02.png'); background-position:93% 45%; background-size:auto 85%; background-repeat:no-repeat;}
.sponsor h1 p{font-size:16px; font-weight:500; color:#333;}
.sponsor .sub--desc li{padding-left:120px; position:relative;}
.sponsor .sub--desc li + li{margin-top:40px;}
.sponsor .sub--desc li .img--wrap{position:absolute; width:85px; height:85px; top:0; left:0; border-radius:50%; background-position:center; background-color:#f7f7f7; background-size:52px; background-repeat:no-repeat;}
.sponsor .sub--desc li:nth-child(1) .img--wrap{background-image:url('/img/icon_monthly.png');}
.sponsor .sub--desc li:nth-child(2) .img--wrap{background-image:url('/img/icon_handshake.png');}
.sponsor .sub--desc li:nth-child(3) .img--wrap{background-image:url('/img/icon_delievery.png');}
.sponsor .sub--desc li .desc--title{font-size:18px; font-weight:700; margin-bottom:10px;}
.sponsor .sub--desc li .desc--txt p{color:#6a6a6a; line-height:1.4;}
.sponsor .sub--desc li .desc--txt p + p{margin-top:10px;}
.sponsor .sub--desc li .desc--txt p b{color:#a9d05d; margin-right:7px;}
.sponsor .sub--desc li .desc--txt table{margin-top:20px; width:100%;}
.sponsor .sub--desc li .desc--txt table th{border-right:0;}
.sponsor .sub--desc li .desc--txt table td{background-color:#fff; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:0;}
.sponsor .sub--desc li .desc--txt table td:last-child{border-right:1px solid #ddd;}
.sponsor .sub--desc a.btn{display:block; width:180px; line-height:50px; color:#fff; margin:40px auto 80px; background-color:#67625e; font-size:18px;}
@media screen and (max-width:599px){
	.sponsor .sub--desc li{padding-left:70px;}
	.sponsor .sub--desc li .img--wrap{width:50px; height:50px; background-size:30px;}
}
@media screen and (max-width:500px){
	.sponsor .sub--desc li{padding-left:0;}
	.sponsor .sub--desc li + li{padding-top:30px; border-top:1px solid #eee;}
	.sponsor .sub--desc li .img--wrap{position:static; margin-bottom:20px;}
	.sponsor .sub--desc li .desc--txt p{font-size:14px;}
}

/* sub자원봉사안내 */
.volunteer h1{background-image:url('/img/sub_main_visual_04.png');background-position: 97% 127%;background-size: auto 91%;}
.volunteer .sub--desc ul.card--item__list.type1{display:flex;}
.volunteer .sub--desc ul.card--item__list.type2{padding-bottom:80px;}
.volunteer .sub--desc ul.card--item__list.type2::after{clear:both; display:block; content:'';}
.volunteer .sub--desc ul.card--item__list li{width:33.333%; padding:30px; border:1px solid #ddd; box-sizing:border-box;}
.volunteer .sub--desc ul.card--item__list.type1 li{padding-top:50px; padding-bottom:50px;}
.volunteer .sub--desc ul.card--item__list li img{display:block; height:50px; margin:0 auto 30px;}
.volunteer .sub--desc ul.card--item__list li span{display:block; text-align:center;}
.volunteer .sub--desc ul.card--item__list.type1 li span{font-weight:700; font-size:18px;}
.volunteer .sub--desc ul.card--item__list.type2 li{float:left; width:calc((100% - (40px * 4)) / 5 - 0.1px); height:200px; padding-left:10px; padding-right:10px; position:relative;}
.volunteer .sub--desc ul.card--item__list.type2 li + li{margin-left:40px;}
.volunteer .sub--desc ul.card--item__list.type2 li + li::before{content:''; display:block; width:30px; height:30px; position:absolute; top:50%; right:calc(100% + 5px); border-radius:50%; background-color:#a9d05d; transform:translateY(-50%);}
.volunteer .sub--desc ul.card--item__list.type2 li + li::after{content:''; display:block; width:8px; height:8px; position:absolute ;top:50%; right:calc(100% + 17px); box-sizing:border-box; border-top:2px solid #fff; border-right:2px solid #fff;transform:translateY(-50%) rotate(45deg);}
.volunteer .sub--desc ul.card--item__list.type2 li span{height:50px; display:grid; align-items:center; font-size:14px; word-break:keep-all;}
.volunteer .sub--desc ul.card--item__list li + li{margin-top:0;}
.volunteer .sub--desc ul.card--item__list.type1 li + li{border-left:0;}
@media screen and (max-width:700px){
	.volunteer .sub--desc ul.card--item__list.type2 li{float:none; width:100%; border:0; padding:0; height:auto;}
	.volunteer .sub--desc ul.card--item__list.type2 li img{margin-bottom:10px;}
	.volunteer .sub--desc ul.card--item__list.type2 li span{height:auto; display:block;}
	.volunteer .sub--desc ul.card--item__list.type2 li + li{margin-left:0; margin-top:60px;}
	.volunteer .sub--desc ul.card--item__list.type2 li + li::before{right:50%; top:auto; bottom:calc(100% + 15px); transform:translateX(50%);}
	.volunteer .sub--desc ul.card--item__list.type2 li + li::after{right:50%; top:auto; bottom:calc(100% + 27px); transform:translateX(50%) rotate(135deg);}
}
@media screen and (max-width:599px){
	.volunteer .sub--desc ul.card--item__list.type1{display:block;}
	.volunteer .sub--desc ul.card--item__list.type1 li{width:100%; display:flex;  padding-top:15px; padding-bottom:15px; border:1px solid #ddd;}
	.volunteer .sub--desc ul.card--item__list.type1 li + li{border-top:0; border-left:1px solid #ddd;}
	.volunteer .sub--desc ul.card--item__list.type1 li img, .volunteer .sub--desc ul.card--item__list.type1 li span{margin-top:auto; margin-bottom:auto;}
	.volunteer .sub--desc ul.card--item__list.type1 li img{width:50px; height:auto; margin-left:0; margin-right:10px;}
}
/* sub사업안내 */
.activity_support .desc_row{margin-top:40px;}
.activity_support .desc_row label{display:inline-block; font-size:18px; font-weight:700; padding-left:15px; border-left:4px solid #a9d05d; line-height:1.4; margin-bottom:15px; width:100%; white-space:nowrap;}
.activity_support .desc_row p{line-height:1.5; word-break:keep-all; color:#6a6a6a;}
.activity_support .desc_row p + p{margin-top:30px; }
.activity_support .desc_txt--box{padding:24px; box-sizing:border-box; border:1px solid #ddd; margin-top:30px; margin-bottom:60px;}
.activity_support .desc_txt--box ul{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eee;}
.activity_support .desc_txt--box li span{display:inline-block; padding:8px 11px; color:#fff; font-weight:700; background-color:#67625e; }
.activity_support .desc_txt--box li p{line-height:1.6; color:#6a6a6a; margin:6px 0;}
.activity_support .desc_txt-row{display:flex;}
.activity_support .desc_txt-row + .desc_txt-row{margin-top:10px;}
.activity_support .desc_txt-row b{width:130px; margin-right:10px; line-height:1.3; color:#a9d05d;}
.activity_support .desc_txt-row p{width:calc(100% - 130px - 10px); line-height:1.3;}
@media screen and (max-width:599px){
	.activity_support .desc_txt--box{padding:10px;}
	.activity_support .desc_txt--box ul{margin-bottom:15px; padding-bottom:15px;}
	.activity_support .desc_txt-row, .activity_support .desc_txt-row b{display:block; margin-bottom:5px;}
	.activity_support .desc_txt-row p{width:100%;}
}


/* table set */
/* 회원가입- 01*/
 input#clause,.signup-area input {
     vertical-align: middle;
}
/* 회원가입- 02 */
 .join_02 body .join_02 table{
     border-collapse: collapse;
     text-align:center;
     width:888px;
     font-family:'Nanum Gothic';
     border-top:2px solid #a3a3a3;
     border-bottom:2px solid #a3a3a3;
}
 .join_02 table th{
     font-size:16px;
     color:#3e3e3e;
     font-weight:700;
     line-height:25px;
     background-color:#eee;
     padding:10px;
     border-right: 1px solid #dedede;
     border-top:1px solid #dedede;
     font-family:'Nanum Gothic';
}
 .join_02 table td{
     font-size:16px;
     line-height:25px;
     color:#3e3e3e;
     font-weight:400;
     padding:8px;
     text-align:left;
     padding-left:20px;
     border-bottom: 1px solid #dedede;
     font-family:'Nanum Gothic';
}
 .join_02 table tr:nth-child(1) td{
     border-top:1px solid #dedede;
}

@media screen and (max-width:599px){
	.join_02 .board-list4{margin-top:30px;}
	.join_02 .board-list4, .join_02 .board-list4 thead, .join_02 .board-list4 tbody, .join_02 .board-list4 tfoot, .board-list4 tr, .board-list4 th, .board-list4 td{display:block; width:100%; box-sizing:border-box;}
	.board-list4 tr::after{content:''; display:block; clear:both;}
	.join_02 .board-list4 th{width:87px !important; float:left; width:auto;background-color:transparent !important; border-right:0 !important; border-top:0 !important; text-align:left; padding-left:5px; padding-right:5px; font-size:13px; clear:left;}
	.join_02 .board-list4 td{width:calc(100% - 87px); float:left; font-size:13px; padding-left:5px; padding-right:5px;}
	.join_02 table tr:nth-child(1) td{border-top:0;}
	.join_02 input#zipcode2{margin:0;}
	.join_02 .board-list4 p + p{margin-top:10px;}
	.join_02 .board-list4 p:last-child{text-align:right; line-height:3;}
	.join_02 input{font-size:13px;}
	.join_02 input{box-sizing:border-box;}
	.join_02 input#address{width:100% !important;}
	
	#join_content table.board-list4 td{text-indent:0 !important;}
}
@media screen and (max-width:500px){
	.join_02 .board-list4 th, .join_02 .board-list4 td{width:100%;}
	.join_02 .board-list4 th{padding:0; line-height:1.3; margin-top:30px;}
	.join_02 .board-list4 td{padding:5px 0 ;}
	.join_02 .board-list4 td #member_id,
	.join_02 .board-list4 td #email{width:calc(100% - 100px) !important; float:left; display:block; box-sizing:border-box;}
	.join_02 .board-list4 td #member_id + a,
	.join_02 .board-list4 td #email + a{float:right; display:block; height:30px;}
	.join_02 .board-list4 td #member_pwd,
	.join_02 .board-list4 td #member_pwd_chk{width:100% !important;}
	.join_02 .board-list4 td #phone_no1,
	.join_02 .board-list4 td #phone_no2,
	.join_02 .board-list4 td #phone_no3,
	.join_02 .board-list4 td #mobile_no1,
	.join_02 .board-list4 td #mobile_no2,
	.join_02 .board-list4 td #mobile_no3{width:calc((97% - 30px) / 3) !important;}
}
/* 이용약관 terms-of-use */
 textarea.terms-box{
	width:100%;
     line-height:27px;
}
/* 회원정보수정 - update */
 body .update table{
     border-collapse: collapse;
     text-align:center;
     width:888px;
     font-family:'Nanum Gothic';
     border-top:2px solid #a3a3a3;
     border-bottom:2px solid #a3a3a3;
}
 .update table th{
     font-size:16px;
     color:#3e3e3e;
     font-weight:700;
     line-height:25px;
     background-color:#eee;
     padding:10px;
     border-right: 1px solid #dedede;
     border-top:1px solid #dedede;
     font-family:'Nanum Gothic';
}
 .update table td{
     font-size:16px;
     line-height:25px;
     color:#3e3e3e;
     font-weight:400;
     padding:8px;
     text-align:left;
     padding-left:20px;
     border-bottom: 1px solid #dedede;
     font-family:'Nanum Gothic';
}
 .update table tr:nth-child(1) td{
     border-top:1px solid #dedede;
}
/* board set */
 .search-area{
     width:890px;
     height:46px;
     margin-top:20px;
     margin-bottom:20px;
     text-align:right;
}
 select#sch_condition{
     height:36px;
	 display:block; float:left;
}
 input#sch_word{
     height:36px;
	 box-sizing:border-box;
	 display:block; float:left;
}
 input.btn{
     width:36px;
     height:36px;
     vertical-align:middle;
	 display:block; float:left;
}
/**/
 .signup-area strong{
     margin-top:30px;
}
 .signup-area input{
     height:30px;
     font-size:18px;
}
/*input#member_id,input#member_name,input#member_email,input#member_name,input#member_email{
     height:30px;
     font-size:18px;
}
*/
/* .gallery li a{
     display:none;
}
*/
/* sub CMS폼 */
.cms_form .tbl_caption{padding-left:10px; font-weight:700; position:relative; line-height:1.4; font-size:17px; margin-bottom:12px;}
.cms_form .table_cms + .tbl_caption{margin-top:40px;}
.cms_form .tbl_caption::before{position:absolute; content:''; display:block; height:100%; width:4px; background-color:#a9d05d; top:0; left:0;}
.cms_form .table_cms{width:100%; border-spacing:0; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.cms_form .table_cms th{width:180px; line-height:30px; background-color:#f7f7f7; font-weight:500;}
.cms_form .table_cms td{line-height:30px;}
.cms_form .table_cms td, .cms_form .table_cms td * {color:#3e3e3e;}
.cms_form .table_cms tr:first-child .row_item{border-top:1px solid #dedede;}
.cms_form .table_cms tr .row_item{padding:6px 4px; box-sizing:border-box; border-bottom:1px solid #dedede; font-size:14px;}
.cms_form .table_cms .fulled_input{width:100%; height:30px; outline:none; box-sizing:border-box;}
.cms_form .table_cms input{height:30px; padding:0 4px; box-sizing:border-box;}
.cms_form .table_cms input, .cms_form .table_cms textarea{border:1px solid #eee;}
.cms_form .table_cms textarea.fulled_input{resize:none; height:150px; white-space:normal; padding:15px; line-height:1.5;}
.cms_form .table_cms th[colspan="2"]{background-color:#eeeeee;}
.cms_form .table_cms .chk_custom--wrap input[type="radio"], .cms_form .table_cms .chk_custom--wrap input[type="checkbox"]{display:none;}
.cms_form .table_cms .chk_custom--wrap .chk_custom--output{position:relative; padding-left:24px;}
.cms_form .table_cms .chk_custom--wrap .chk_custom--output .chk_custom_box{width:18px; height:18px; box-sizing:border-box; border:1px solid #eee; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.cms_form .table_cms .chk_custom--wrap .chk_custom--output .chk_custom_box::after, .cms_form .table_cms .chk_custom--wrap .chk_custom--output .chk_custom_box::before{position:absolute; content:''; display:block; width:2px; border-radius:1px; background-color:#3e3e3e; opacity:0; transition:opacity 0.3s;}
.cms_form .table_cms .chk_custom--wrap .chk_custom--output .chk_custom_box::before{height: 5px;top: 34%;left: 22.3%;transform: translateX(-50%) rotate(-48deg);transform-origin: right;}
.cms_form .table_cms .chk_custom--wrap .chk_custom--output .chk_custom_box::after{height: 12px;left: 55%;top: 7%;transform: rotate(41deg);transform-origin: left;}
.cms_form .table_cms .chk_custom--wrap input:checked + .chk_custom--output .chk_custom_box::after{opacity:1;}
.cms_form .table_cms .chk_custom--wrap input:checked + .chk_custom--output .chk_custom_box::before{opacity:1;}
.cms_form .table_cms .inner_input{width:50px; margin-left:8px; margin-right:8px; text-align:right;}
.cms_form .btn{padding:4px 15px; color:#fff; background-color:#67625e; border:0; outline:none; margin-bottom:50px; margin-top:25px; width:200px; font-size:17px; cursor:pointer; display:inline-block; float:none;}
@media screen and (max-width:599px){
	.cms_form .tbl_caption:first-child{margin-bottom:40px;}
	.cms_form .tbl_caption:first-child::after{position:absolute; content:''; display:block; height:1px; width:100%; background-color:#eee; top:calc(100% + 20px); left:0;}
	.cms_form .table_cms{padding-top:0; border-top:0;}
	.cms_form .table_cms tr:first-child {margin-top:0;}
	.cms_form .table_cms, 
	.cms_form .table_cms tbody,
	.cms_form .table_cms tr, 
	.cms_form .table_cms .row_item{display:block; width:100%;}
	.cms_form .table_cms tr{margin-top:20px;}
	.cms_form .table_cms tr:first-child .row_item,
	.cms_form .table_cms tr .row_item{background-color:transparent; border:0;}
	.cms_form .table_cms th.row_item{display:inline-block; width:auto; line-height:1.3; padding-top:0; padding-bottom:0; border-bottom:1px solid #e3e3e3 !important; padding-bottom:3px; margin-bottom:5px; font-weight:700;}
	.cms_form .table_cms td.row_item{width:100%;}
	.cms_form .table_cms th.row_item[colspan="2"]{background-color:#eee; width:100%; padding-top:10px; padding-bottom:10px; font-size:16px; margin-top:0;}
	.cms_form #today{text-align:left;}
}
.cms_complete .section__desc{margin-bottom:100px; background-color:#f7f7f7;}
.cms_complete h1{padding-top:80px; padding-bottom:20px; color:#3e3e3e;}
.cms_complete .btn--wrap{padding-bottom:60px;}
.cms_complete .btn--wrap .btn{display:inline-block; padding-top:10px; padding-bottom:10px; width:100px; margin-top:0; margin-bottom:0;}
.cms_complete .btn--wrap .btn + .btn{margin-left:10px; }
@media screen and (max-width:599px){
	.cms_complete h1{font-size:18px;}
	.cms_complete .btn--wrap .btn{font-size:14px;}
}


/* 개인정보처리방침 */
.privacy {padding-bottom: 3em;word-break: keep-all;text-align: left}
.privacy__head {margin-bottom: 2rem;line-height: 1.7}
.privacy__item + .privacy__item {margin-top: 4rem}
.privacy__item > * + * {margin-top: 1rem}
.privacy__title {font-size: 20px;color: #555}
.privacy__paragraph {line-height: 1.7}
.privacy__list-num {line-height: 1.7}
.privacy__list-num .privacy__list-num__item {counter-increment:list-num;position: relative;padding-left: 1.5em}
.privacy__list-num .privacy__list-num__item + .privacy__list-num__item {margin-top:5px}
.privacy__list-num .privacy__list-num__item:before {content:counter(list-num)'.';position: absolute;left: 0;top: 0}
.privacy__list-num__depth {padding-left: 1.25rem}
.privacy__list-num__depth .depth__item {counter-increment:list-num-circle;position: relative;padding-left: 1.65em}
.privacy__list-num__depth .depth__item:before {content:counter(list-num-circle);position: absolute;left: 0;top: 3px;display: flex;align-items: center;justify-content: center;width: 18px;height: 18px;border: 1px solid #000;border-radius: 50%;font-size: 12px;font-weight: bold;color: #000}
.privacy__list-num__depth .depth__item .privacy__list-num__depth .depth__item {list-style: hangul-consonant;padding-left: 0}
.privacy__list-num__depth .depth__item .privacy__list-num__depth .depth__item:before {display: none}
.privacy__desc {text-align: left;line-height: 1.7}
.privacy__desc + .privacy__desc {margin-top: 10px}
.privacy__desc dt {position: relative;padding-left: 0.85em}
.privacy__desc dt:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 6px;background-color: #a9d05d;border-radius: 50%}
.privacy__desc dd {padding-left: 0.85em}
.privacy__tbl-scr {overflow: hidden;overflow-x: auto}
.privacy__tbl-scr .privacy__tbl {min-width: 800px}
.privacy__tbl {width: 100%;border-spacing: 0;border-collapse: collapse}
.privacy__tbl th,
.privacy__tbl td {padding: 15px 5px;border: 1px solid #eee;text-align: center}
.privacy__tbl th {background-color: #67625e;color: #fff}
.privacy__tbl td {font-size: 14px;color: #454545}
.privacy__tbl td .privacy__desc dd:before {content: '-';margin-right: 5px}
@media screen and (max-width: 768px){
	.privacy__title {font-size: 18px}
	.privacy__head,
	.privacy__paragraph {font-size: 14px}
	.privacy__list-num {font-size: 14px}
	.privacy__tbl th {font-size: 14px}
}

.scroll_table {margin-bottom:70px;}


@media screen and (max-width:640px){
.scroll_table_w.need_scroll .scroll_table { overflow-x:auto; } 
.scroll_table_w.need_scroll .scroll_table table { width:640px; font-size: 13px; } 
}