@charset "utf-8";


.doc{font-size: 16px;}
.box1{ width:1500px;max-width: 96%; margin:0 auto; position:relative } 
.mobile_only{display:none;}
.fwB{ font-weight:700!important;}

:root { 
    --mainColor:#89b834;
    --subColor:#0f7c00;
    --bor_r:3px;
    --item_r:35px;
	--header_H:80px;
	--fs_01: "Nanum Brush Script", serif;
}


#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/*header*/
#header{z-index: 200; position: fixed; top: 0; left: 0; width:100%; background: #fff;}
#header .va_wrap,
#header .h_wrap{height:var(--header_H);}
#header #logo{z-index:800;}
/* #header #logo img{display:block;} */
#header .gnb_wrap{margin:0 auto;}
#header .gnb_wrap .gnb .depth1{margin:0 36px; position: relative;}
#header .gnb_wrap .gnb .depth1 > a{font-size: 1.0625em; line-height: inherit; font-weight:600; color:#000; position: relative;}
#header .gnb_wrap .gnb .depth1 > ul{background:#fff; min-width: 160px; border: 1px solid #ddd; border-top:0; margin-top:-2px; transition:all .5s; position:absolute; left:50%; transform:translateX(-50%); max-height:0; overflow:hidden; opacity:0 }
#header .gnb_wrap .gnb .depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background-color:var(--mainColor); transform: scaleX(0); transition: .3s;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a{display: block; text-align: center; color:#444; border-top: 1px dotted #ddd; font-weight:400; padding: 15px 10px;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a:hover{background: #f5f5f5;}
#header .gnb_wrap .gnb .depth1:hover ul{ max-height:500px; opacity:1 }
#header .gnb_wrap .gnb .depth1:hover > ul:after{transform: scaleX(1);}

/*후원*/
#header .hd_par_btn{display: block; font-size: 1em; color: #fff; background: #fdaf00; padding: 10px 26px; border-radius: 50px;}
#header .hd_par_btn .xi{font-size: 16px; margin-left: 8px;}

/*검색*/
#header .hd_sch_btn{font-size:1.125em; color:#fff; cursor: pointer;}
#header .hd_sch_btn.on .xi:before{content:'\e921';}
#header .hd_sch_wr #hd_sch{border:1px solid rgba(255,255,255,.8); border-radius: 50px; position: relative; width:240px; overflow: hidden;}
#header .hd_sch_wr #hd_sch #sch_stx{border:0; background:transparent; color:#fff; width:100%; height: 45px; padding:5px 55px 5px 20px; font-size:.95em; box-sizing: border-box;}
#header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:rgba(255,255,255,.8)!important;}
#header .hd_sch_wr #hd_sch button{border:0; background-color:var(--mainColor); width:38px; height: 38px; color:#fff; position: absolute; top:50%; transform: translateY(-50%); right:4px; border-radius: 50%; font-size:.9em;}

/*회원*/
#header .hd_login{margin-left:20px;}
#header .hd_login > li a{color:#fff; margin-left:15px; font-weight: 300;}
#header .hd_login > li:first-child a{margin-left:0px;}
#header .hd_login > li .xi{vertical-align: baseline; margin-right:4px;}

/*전체메뉴버튼*/
#header .btn_gnb{position: relative; z-index: 10000; margin-left:10px; font-size: 1em; color: #666; border: 1px solid #ddd; padding: 10px 26px; border-radius: 50px;}
#header .btn_gnb .xi{font-size: 16px; margin-right: 8px;}
#header .btn_gnb.on .xi:before{content: "\e921";}


/* 전체메뉴 */
.pc_all_menu .gnb_all > li.depth1 > a.dp1{font-size: 2.75em; font-weight: 700; color: #333;}


/*스크롤 header*/
.scroll #header{background-color:#fff; border-bottom:1px solid #ddd;}
.scroll #header .gnb_wrap .gnb .depth1 > a{color:#222;}
.scroll #header .hd_sch_btn{color:#555;}
.scroll #header .hd_sch_wr #hd_sch{border-color:#ccc;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx{color:#555;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:#aaa!important;}
.scroll #header .hd_login > li a{color:#555;}
.scroll #header .btn_gnb .a_rd{background-color:#666;}


/*탑버튼*/
.qk_list{position: fixed; bottom:30px; right: 26px;z-index: 100;font-size: 16px;}
.qk_list li{ margin-top: 5px;}
.qk_list li a{display: block; width: 52px; height: 52px; line-height: 52px; text-align: center;  border-radius: 50%; font-size: 1.45em;  box-shadow: 2px 2px 3px rgb(0 0 0 / 20%); overflow: hidden; margin-left: auto; background-color: #333; color: #fff; transition: .5s;}
.qk_list li a:hover .stx{width:auto; overflow: hidden; display: block;}
.qk_list > li.top_btn a{background-color:#333; color:#fff;}
.qk_list > li.kakao_btn a{background-color:#fae100; color:#3c1e1e;}
.qk_list > li.blog_btn a{background-color:#03c75a; color:#fff;}
.qk_list > li.face_btn a{background-color:#1674ea;; color:#fff; display: none;}
.qk_list > li.youtube_btn a{background-color:red; color:#fff; display: none;}
.qk_list li .xi{width: 52px; line-height: 52px; text-align:center;}
.qk_list li .stx{font-style: normal; font-size: .75em; width:0; overflow: hidden; display: none; font-weight: 700;}
.qk_list li .qk_call{background-color: var(--mainColor);}
.qk_list li .qk_call:hover{width:210px; border-radius: 50px;}
.qk_list li .qk_inq .xi{font-size:.85em;}
.qk_list li .qk_inq .stx{font-size:.7em;}
.qk_list li .qk_inq:hover{width:140px; border-radius: 50px;}
.qk_list li .qk_down{background-color: #1dbdd5}
.qk_list li .qk_down .stx{font-size:.7em;}	
.qk_list li .qk_down:hover{width:210px; border-radius: 50px;}

/*footer*/
#footer{background-color:#f8f8f8;border-top: 1px solid #e5e5e5; padding:45px 0 60px; margin-top:8em;}
#footer .f_menu{margin-bottom:20px;}
#footer .f_menu > li a{font-size: .937em;font-weight: 600;color:#444; margin-right:30px;}
#footer .f_menu > li:last-child a{margin-right:0px;}
#footer .f_info > li{color:#666; font-weight: 300; margin-right:45px; font-size:.937em; position: relative;}
#footer .f_info > li:before{content: ''; position: absolute; top: 3px; right: -25px; width: 1px; height: 15px; background: #666; opacity: .5;}
#footer .f_info > li:nth-child(3):before,
#footer .f_info > li:last-child:before{display: none;}

#footer .f_copy{font-size:.875em; color:#666; margin-top:20px; letter-spacing: 1px; font-weight: 300; opacity: .6}
#footer .f_sns a{display: block;width: 45px;height: 45px;line-height: 45px;background: #ddd; border-radius: 50%;font-size: 1.125em;color: #fff;text-align: center;margin-right: 5px; transition: .3s;}
#footer .f_sns a.youtube:hover{background: red;}
#footer .f_sns a.face:hover{background: #1674ea;}
#footer .f_site .site_wrap{position: relative; width: 200px;}
#footer .f_site .site_wrap .siteBtn{display: block;font-size: .937em; color: #999;  width: 100%; height: 45px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; padding: .5em; transition: .3s;border-radius: 26px;}
#footer .f_site .site_wrap .siteBtn .xi {margin-left: 30px; vertical-align: middle; font-size: .938em}
#footer .f_site .site_wrap .site{position: absolute; left: 0; z-index: 10; bottom: 0; margin-bottom: 3em; width: 100%; background: #fff; opacity: 0; visibility: hidden; transition: .3s; border: 1px solid #ccc; box-sizing: border-box;border-radius: 10px}
#footer .f_site .site_wrap:hover .site{opacity: 1; visibility: visible}
#footer .f_site .site_wrap:hover .siteBtn .xi:before{content: "\e930";}
#footer .f_site .site_wrap .site > li{border-bottom: 1px solid #ddd; text-align: left;}
#footer .f_site .site_wrap .site > li:last-child{border:none}
#footer .f_site .site_wrap .site > li > a{display: block; font-size: .875em; padding: .5em 3em .6em 1em; font-weight: 300; color: #333; overflow: hidden; position: relative; transition: .3s}
#footer .f_site .site_wrap .site > li > a .icon:before{content: "\e980"; font-size: .813em; margin-right: .125em}
#footer .f_site .site_wrap .site > li > a:after{content: "\e907"; font-family: 'xeicon'!important; position: absolute; right: -2em; top: 9px; transition: .3s}
#footer .f_site .site_wrap:hover .siteBtn,
#footer .f_site .site_wrap .site > li:hover > a{opacity: 1}
#footer .f_site .site_wrap .site > li:hover > a:after{right: 1em}


/*서브 비주얼*/
.sub_v_wrap{position: relative;}
#sub_visual{height:430px; position: relative; overflow: hidden;}
#sub_visual .bgfix{position:absolute; top: 0; left:0; width:100%; height: 100%; transform: scale(1.15); transition-timing-function: ease-in-out; transition: 1s;}
#sub_visual .sub_v_tit{ font-weight: 700; text-align:center; font-size:3.625em; color:#fff; position: relative; z-index: 10; margin-right:3em; opacity:0; transition:1s;}
.load #sub_visual .bgfix{transform: scale(1);}
.load #sub_visual .sub_v_tit{margin-right:0; opacity:1}

#sub_visual.sub10 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub20 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub30 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub40 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub50 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}

/*snb*/
#snb { position: absolute; bottom:4em; left:50%; transform: translateX(-50%); z-index: 10; opacity: 0; transition: 1.5s; width:96%;}
#snb .snb_list .sdp1 a{display:block; width:55px; height: 55px; line-height: 55px; border-radius: 50%; text-align:center; background-color:var(--mainColor); color:#fff; font-size:1.125em;}
#snb .snb_list .sdp2,
#snb .snb_list .sdp3,
#snb .snb_list .last{position: relative; width:250px; border-bottom:1px solid rgba(255,255,255,.3);padding:15px 20px; margin-left:20px; cursor: pointer; box-sizing: border-box;}
#snb .snb_list .last{cursor: default;}
#snb .snb_list .sdp_tt{ color:#fff; font-size:1.125em; font-weight: 500; padding-right:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#snb .snb_list .sdp_tt:before{content:'\e943'; font-family: 'xeicon'; position: absolute; top: 50%; right:20px; transform: translateY(-50%); font-size:.938em;}
#snb .snb_list .last .sdp_tt:before{display:none;}
#snb .snb_list .sdp_list_wrap{ max-height: 0px; position: absolute; top: 75px; left: 0;  width: 100%;  background: #fff; border-radius: 20px; box-sizing: border-box; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); z-index: 10; transition: .3s; transition-timing-function: ease-in-out; opacity: 0; overflow: hidden;}
#snb .snb_list .Aon .sdp_list_wrap{ max-height: 1000px; opacity: 1;}
#snb .snb_list .sdp_list{ padding: 25px; }
#snb .snb_list .sdp_list > li{margin-bottom:7px;}
#snb .snb_list .sdp_list > li:last-child{margin-bottom:0;}
#snb .snb_list .sdp_list > li a{color:#777; font-size:1.05em;}
#snb .snb_list .sdp_list > li.on a{color:var(--mainColor); font-weight: 500;}
.load #snb{ opacity: 1;}

/*컨텐츠 페이지*/
.ctt_admin{display:none;}/*관리자 내용수정 버튼*/
#ctt header{display:none;}/*컨텐츠 페이지 타이틀 header*/

/*컨텐츠 타이틀*/
.container_title{font-weight: 200; font-size: 2.125em; padding-top: 35px; margin: 55px 0; text-align: center; position: relative;}
.container_title:before{content:''; width:1px; height: 26px; visibility: hidden; transition: .8s; transition-timing-function: ease-in-out; transform: scaleY(0); transform-origin: left top; background: #222; position: absolute; top: 0; left: 50%;}
.load .container_title:before{transform: scaleY(1); visibility: visible;} 

/*개인정보&이용약관*/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: .938em;}
.agree_box .in_con .agree_wrap span{ display: block;}

/* 아이콘 */
.chk_box input[type="checkbox"]:checked + label span{background: url(../img/chk.png) no-repeat 50% 50% var(--mainColor)}
.pg_wrap .pg_page.pg_end{background: url('../img/btn_end.gif') no-repeat 50% 50%;}
.pg_wrap .pg_page.pg_start{background: url('../img/btn_first.gif') no-repeat 50% 50%;}


/*=================================================================main============================================================*/


/*메인 샘플용 css*/
.main_section{padding:5.5em 0;}
.main_section_bg{background-color: #f9f9f9;}
.main_tit{ margin-bottom: 40px;}
.main_tit .in_tt{ font-size:2.625em; font-weight: 700; color:#111; line-height: 1.3;}
.main_more{text-align:center;}
.main_more a{display: inline-block; padding:13px 50px; border:1px solid #ccc; transition: .3s; color:#888; font-size:1.125em; border-radius: 50px; margin-top: 40px;}.main_more a:hover{border-color:var(--maincolor); background-color:var(--mainColor); color:#fff;}
 


/* 메인 비주얼 */
.main_v_wrap {margin-top: 80px;}
.mainSlider{width: calc(100% - 340px); position:relative;}
.mainSlider .swiper-container{height: 600px; border: 1px solid #ddd; border-radius: var(--item_r); margin-right: 20px; }
.mainSlider .el{ height:auto; position:relative; overflow:hidden}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; /*height:600px;*/}
.mainSlider .slogan{ position:absolute; top:50%; left:50%; transform: translate(-50%, -60%); color:#fff;}
.mainSlider .slogan .t1{ font-size:3.875em; display:block; transform:translateY(1em); font-weight: 800; opacity:0; margin-bottom: 5px; line-height: 1.2;}
.mainSlider .slogan .t2{ font-size:1.75em; font-weight: 200; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:20px;}
.mainSlider .slogan .t3{ font-size:1em; font-weight: 200; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:20px;}
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
.mainSlider .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s}
.main_v_wrap .main_notice{width: 340px;}
.main_v_wrap .main_notice .in_box{background: var(--mainColor);height: 290px;border-radius: var(--item_r);padding: 35px 30px;margin-bottom: 20px;}
.main_v_wrap .main_notice .in_box .ti{display: inline-block;font-size: .875em; color: var(--mainColor);text-align: center; width: 90px;height: 30px;line-height: 30px;border-radius: 5px;background: #fff;margin-bottom: 20px;}
.main_v_wrap .main_notice .in_box.st{background: var(--subColor);}
.main_v_wrap .main_notice .in_box.st .ti{color: var(--subColor);}
.mainSlider .main_control{ position: absolute; right: 45px; bottom:20px; transform: translateX(-50%); z-index: 100;}
.mainSlider .mainSlider-pagination{width: 80px; height: 40px;line-height: 40px;background: #fff; font-size: .875em; color: #aaa; text-align: center;border-radius: 20px; margin-right: 5px;}
.mainSlider .mainSlider-pagination .swiper-pagination-current{color: #666;}

.main_control .arr_st{width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: #fff; text-align: center; color: #aaa; font-size: 1.125em; margin-left: 5px; cursor: pointer; transition: .3s;}
.main_control .arr_st:hover{background: var(--mainColor); color: #fff;}
.main_control.st .arr_st{width: 54px; height: 54px; line-height: 54px; font-size: 1.5em; border: 1px solid #ddd;}
.main_control.st .arr_st:hover{border-color: var(--mainColor);}


/* 센터소개 */
.main_center{overflow: hidden;}
.main_center > div{width: 100%;}
.main_center .center_list{margin-right: -20px;}
.main_center .center_list > li{width: 16.66%;}
.main_center .center_list > li .in{display: block; height: 190px; text-align: center; margin-right: 20px; background: #f3f3f3; border-radius: 30px; transition: .3s;}
.main_center .center_list > li .in .ti{display: inline-block; font-size: 1.125em;font-weight: 500; color: #333;margin-top: 20px; position: relative;}
.main_center .center_list > li .in .ti:before{content: ''; display: none; position: absolute; top: 0; left: -10px; width: 7px; height: 7px; background: #fff; border-radius: 50%;}
.main_center .center_list > li .in:hover{background: var(--mainColor); color: #fff;} 
.main_center .center_list > li .in:hover img{filter: brightness(100)}
.main_center .center_list > li .in:hover .ti{color: #fff;}
.main_center .center_list > li .in:hover .ti:before{display: block;}
.main_center .center_slide .img_z{height: 500px;border-radius: var(--item_r);}
.main_center .main_control{position: absolute; bottom: 35px; right: 45px; z-index: 1;}


/* 자립생활지원 */
.main_support{background: #f9f9f9;}
.main_support .main_tit{width: 20%;}
.main_support .main_tit .in_tt{margin-bottom: 40px;}
.main_support .in_box{width: 80%;}
.main_support .support_slide{position: relative;}
.main_support .support_slide .in{display: block;}
.main_support .support_slide .in .img_z{display: block; height: 375px; border-radius: var(--item_r); align-content: center; text-align: center; position: relative; overflow: hidden; margin-bottom: 15px;}
.main_support .support_slide .in .img_z:before{content: ''; display: block; width: 100%; height: 100%; background: var(--mainColor); opacity: 0; position: absolute; top: 0; left: 0; transition: .3s;}
.main_support .support_slide .in .view_btn{position: relative; z-index: 1; opacity: 0; transition: .3s;}
.main_support .support_slide .in .view_btn .xi{font-size: 1.4375em; color: var(--mainColor); width: 54px; height: 54px; line-height: 54px; border-radius: 50%; background: #fff; margin-bottom: 10px;}
.main_support .support_slide .in .view_btn .tt{font-size: .875em; color: #fff;}
.main_support .support_slide .in .txt_z{text-align: center;}
.main_support .support_slide .in .txt_z .ti{font-size: 1.25em; font-weight: 600; color: #333; margin-bottom: 5px;}
.main_support .support_slide .in .txt_z .tt{font-size: .937em; color: #666; line-height: 1.6;}
.main_support .support_slide .in:hover .img_z:before{opacity: .85;}
.main_support .support_slide .in:hover .view_btn{opacity: 1;}


/* 장애인활동지원 */
.main_business{}
.main_business .bus_box{margin-right: -25px;}
.main_business .bus_box > li{width: 33.33%;}
.main_business .bus_box > li .in{height: 100%; border-radius: var(--item_r); padding: 28px 35px; margin-right: 25px;}
.main_business .bus_box > li .in .ti{font-size: 1.6875em; font-weight: 600;}
.main_business .bus_box > li:nth-child(2) .in{background: var(--mainColor);}
.main_business .bus_box > li:nth-child(2) .in a.ti{color: #fff;}
.main_business .bus_box > li:nth-child(3) .in{background: #f4f4f4;}
.main_business .bus_box > li:nth-child(3) .in a.ti{color: #333;}
.main_business .bus_box > li:nth-child(3) .in .xi{color: #999;}
.main_business .bus_box > li:nth-child(3) .in .lat.bus_st li{background: #fff;}
.main_business .bus_box > li .in .list_box{font-size: 1em; color: #333; font-weight: 400;}
.main_business .bus_box > li .in.st{padding: 0;}
.main_business .bus_box > li .in.st .img_box{display: block; background: #f4f4f4; border-radius: var(--item_r); margin-bottom: 13px;}
.main_business .bus_box > li .in.st .img_box .ti{padding: 16px 30px; color: #333;}
.main_business .bus_box > li .in.st .img_box .ti .xi{color: #999;}
.main_business .bus_box > li .in.st .img_z{height: 268px; border-radius: var(--item_r);}
.main_business .bus_box > li .in.st .ti{font-size: 1.4375em; font-weight: 600;}
.main_business .bus_box > li .in.st .more_btn{display: block; color: #fff; background: var(--subColor); padding: 26px 30px; border-radius: 20px;}
.main_business .bus_box > li .in.st .more_btn .xi.xi-border-color{float: left; font-size: 1.5em; margin-right: 10px;}

 
/* 공지사항 */
.main_contact{padding: 0;}
.main_contact .in_box.le{width: calc(100% - 600px);}
.main_contact .in_box.ri{width: 600px;}
.main_contact .in_box.le .wrap_idx{margin-right: 40px;}
.main_contact .in_box.le .tab_idx_st a{font-size: 2.25em; font-weight: 500; color: #aaa; margin-right: 35px;}
.main_contact .in_box.le .tab_idx_st .on a{color: var(--mainColor); font-weight: 600;}
.main_contact .in_box.ri .cont_list{margin-left: 40px;}
.main_contact .in_box.ri .cont_list .in{padding: 52px 80px 52px 90px; background-color: var(--mainColor); border-radius: 150px; margin-bottom: 15px; color: #fff; position: relative;}
.main_contact .in_box.ri .cont_list .in .ti{font-size: 1.625em;font-weight: 600;color: #f9f9f9;margin-bottom: 15px;}
.main_contact .in_box.ri .cont_list .in .tel{font-size: 2em; font-weight: 700;}
.main_contact .in_box.ri .cont_list .in .tel .xi{font-size: .8125em;color: var(--mainColor); width: 48px; height: 48px; line-height: 48px; text-align: center; background-color: #fff; border-radius: 50%; margin-right: 10px; margin-bottom: 15px;}
.main_contact .in_box.ri .cont_list .in .tx{line-height: 1.8; }
.main_contact .in_box.ri .cont_list .in .tx > li{margin-right: 40px; position: relative;}
.main_contact .in_box.ri .cont_list .in .tx > li:nth-child(1):before,
.main_contact .in_box.ri .cont_list .in .tx > li:nth-child(3):before{content: ''; display: block; position: absolute; top: 5px; right: -20px; width: 1px; height: 15px; background-color: #fff;}
.main_contact .in_box.ri .cont_list .in .bank{font-size: 1.4375em; font-weight: 700;}
.main_contact .in_box.ri .cont_list .in .bank img{margin-right: 15px;}
.main_contact .in_box.ri .cont_list .in .tx .xi{width: 26px; height: 26px; line-height: 26px; border-radius: 50%; background-color: #fff; color: var(--subColor); text-align: center; margin-right: 5px; font-size: 1em;}
.main_contact .in_box.ri .cont_list .in.st{background-color: var(--subColor);}
.main_contact .in_box.ri .cont_list .in.st .tx.flex{margin-top: 20px;}
.main_contact .in_box.ri .cont_list .in .img_bg{position: absolute;bottom: 35px; right: 30px;}




/**/
.tab_idx{ margin:-1em 0 3em -1em;}
.tab_idx > li{flex:1 20%;}
.tab_idx > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd; margin:1em 0 0 1em; color:#666; transition:.3s;}
.tab_idx > li > a .va{font-size:1.068em; font-weight:500}
.tab_idx > li > a:hover,
.tab_idx > li.on > a{ box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:var(--mainColor); border-color:var(--mainColor)}

/**/
.nm_page_tt{font-size:1.5em; text-align: center; margin:80px auto 30px;}
.nm_page_tt .nmb{width:50px; height: 50px; line-height: 50px; border-radius: 50%; background-color: var(--mainColor); display: inline-block; color:#fff; margin-right:5px;}
.page_tt{font-size:1.825em; font-weight: 600;}
.page_stt{font-size:1.45em; font-weight: 600;}
.page_tx{font-size:1.125em; font-weight: 300; color:#222;}
.page_stx{font-size:1em; font-weight: 300;}




/*=================================================================sub============================================================*/



/* 센터소개 */
.about_04_01 .intro_tit{padding: 7em 0 12em; margin:0 2%; border-radius:var(--item_r);}
.about_04_01 .intro_tit .in_tt { font-weight: 900; line-height: 1; text-align: center;}
.about_04_01 .intro_tit .in_tt .t1{ color: #fff; font-style: italic; line-height: 1.2; margin-bottom:15px; font-size:3.825em; }
.about_04_01 .intro_tit .in_tt .t2{ color: #fff; font-style: italic; font-size:2.375em;}	
.about_04_01 .intro_box{background-color:#fff; padding:6em 9em; box-sizing: border-box; line-height: 1.8; margin-top: -9em; box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius:var(--item_r);}
.about_04_01 .intro_box .page_tt .fwB{font-weight: 700;}
.about_04_01 .intro_box .page_stt{ line-height: 1.2; margin-bottom: 40px;}
.about_04_01 .intro_box .page_tx{ margin-top: 25px; line-height: 1.5;}
.about_04_01 .intro_box .page_tx.ceo_name{margin-top:55px;}
.about_04_01 .intro_box .page_tx.ceo_name .tx{letter-spacing: 2px;}
.about_04_01 .intro_box .page_tx.ceo_name .in_name{font-size: 2em; margin-left: 10px; letter-spacing: 6px; font-family: var(--fs_01);}

/* 연혁 */
.his_02_01 .sub_history_img { text-align:center; }
.his_02_01 .sub_history_tit{ text-align:center; padding:80px 0;}
.his_02_01 .sub_history_tit .t1{ font-size:2.625em; color:#fff;}
.his_02_01 .sub_history_tit .t2{ color:#fff; margin-top:10px; font-size:1.125em; font-weight: 300;}
.his_02_01 .sub_history_wrap{ position:relative; z-index:inherit; padding-left: 140px;}
.his_02_01 .sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:101px; height:100%; margin-left:1px; top:5px}
.his_02_01 .sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; width:100%; margin-top:40px}
.his_02_01 .sub_history_wrap .sub_history > li .history{ padding:0 20px; border-bottom: 1px dotted #ccc;}
.his_02_01 .sub_history_wrap .sub_history > li .history:before{content:''; position:absolute; top:5px;  left:-42px; width:10px; height:10px; background:var(--mainColor); border-radius:100%;}
.his_02_01 .sub_history_wrap .sub_history > li .history .year{ font-size:1.9em; font-weight:600; color:#333; position:absolute; top: -12px;left:-140px; z-index:inherit; letter-spacing:-1px;}
.his_02_01 .sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top:15px}
.his_02_01 .sub_history_wrap .sub_history > li .history .list .tt{ display:block; font-size:1em; font-weight: 300; color:#222; line-height:1.4; margin-bottom:15px; vertical-align:middle;}
.his_02_01 .sub_history_wrap .sub_history > li .history .list .txt {position:relative; padding-left:10px;}
.his_02_01 .sub_history_wrap .sub_history > li .history .list .txt:before {position:absolute; content:""; width:5px; height:2px; background:#888; left:0; top:10px;}
.his_02_01 .sub_history_wrap .sub_history > li .history .list .month{ min-width:50px; display:inline-block; color:#999; font-weight: 700;}
.his_02_01 .tab_idx{margin: -1em 0 5em -1em}

/* 오시는길 */
.loc_04_01 .location_box{ margin: 0 auto; padding: 0 1em;}
.loc_04_01 .location_box .map_tw{padding-bottom:1em; font-size:1.5em;}
.loc_04_01 .location_box .map_tw .xi{ width: 44px; height: 44px; background: var(--mainColor); border-radius: 50%; line-height: 44px; margin-right: 10px; font-size:.938em; color:#fff;}
.loc_04_01 .location_box .map_view{ border-top:3px solid var(--mainColor); box-shadow: 0 0.25em 0.5em rgba(0,0,0,.2); transition: .3s;  padding: 1em; border-radius: 0 0 1em 1em;}
.loc_04_01 .location_box .map_view .tt {padding-bottom:10px; font-size:1.125em; color:#333; letter-spacing:-2px; vertical-align:middle;}
.loc_04_01 .location_box .map_view .xi {vertical-align:middle; font-size:1.125em; padding-right:5px;}
.loc_04_01 .location_box .map_view .map_cont .root_daum_roughmap .wrap_controllers{display:none;}
.loc_04_01 .location_box .info_list{margin-top:1em;}
.loc_04_01 .location_box .info_list > li { padding:2.5em 0; border-bottom:1px dotted #ddd;}
.loc_04_01 .location_box .info_list > li h3 { float:left; font-size:1.375em; font-weight:500; position: relative; padding-top:7px;}
.loc_04_01 .location_box .info_list > li h3 .xi {margin-right: 5px;}
.loc_04_01 .location_box .info_list > li .info { margin:0 0 0 240px;}
.loc_04_01 .location_box .info_list > li .info .in_tbox{border: 1px solid #ddd; padding: 1.5em; background-color: #f9f9f9; color:#333; border-radius: 15px;}
.loc_04_01 .location_box .info_list > li .info .in_tbox .fwB{margin-right:8px;}
.loc_04_01 .location_box .root_daum_roughmap .wrap_map{border-radius:15px; overflow:hidden;}


/* 조직도 */
.org_wrap .img_z{margin:0 auto; text-align:center; margin-bottom:2em;}
.table_st{table-layout:fixed; border-top: 2px solid var(--subColor); margin-bottom: 10px;}
.table_st th,
.table_st td{ padding:.7em 1em; border:1px solid #ddd; text-align: center; line-height: 1.3;}
.table_st th{color:#222; background-color:#f9f9f9; font-size:1.125em; font-weight: 500;}
.table_st td{color:#333; font-size:1.068em;}	
.table_st td .dot_list > li,
.table_st td .em_tx{font-size:1em;}
.table_st td .dot_list > li{margin-bottom: 10px;}
.table_st .bg_01{background-color:#f9f9f9;}	
.table_st .bg_02{background-color:var(--subColor); color:#fff;}	
.table_st .bg_03{background-image: linear-gradient(90deg, var(--mainColor)20%, transparent, var(--mainColor)80%);border-color:#bbb;}
.table_st .bg_03.st span{font-size: 1.25em;}
.table_st .bg_04{background-color:var(--mainClor);}
.table_st .bor_01{border-bottom: 2px solid #ccc;}
.table_info{color:#888; font-size:.938em; display: none;}	

/* 비전 */
.vis_01_02{ text-align: center; overflow: hidden;}
.vis_01_02 .page_tt{font-weight: 700;}
.vis_01_02 .page_stt{margin:20px 0 10px;}
.vis_01_02 .vis_cont{margin-top:60px;}
.vis_01_02 .vis_cont > li{}
.vis_01_02 .vis_cont > li .in{width:200px; height:200px; border:3px dotted #ddd; border-radius: 50%; margin:0 50px; background-color: #fff; position: relative; padding: 40px;}
.vis_01_02 .vis_cont > li:not(:last-child) .in:after{content:''; width:100%; height: 1px; border-top:1px solid #bbb;  position: absolute; top:50%; right: -100%;}
.vis_01_02 .vis_cont > li .in .in_stt{font-size:1.125em; font-weight: 500; margin-bottom: 5px;}
.vis_01_02 .vis_imgbox{margin-top:6em; margin-right:-20px;}
.vis_01_02 .vis_imgbox > li{width:25%;}
.vis_01_02 .vis_imgbox > li .in{margin-right:20px;color:#fff; height: 130px;line-height: 130px;border-radius: var(--item_r);}
.vis_01_02 .vis_imgbox > li:nth-child(1) .in{background-color: #fbc54e;}
.vis_01_02 .vis_imgbox > li:nth-child(2) .in{background-color: #8fc16a;}
.vis_01_02 .vis_imgbox > li:nth-child(3) .in{background-color: #43a789;}
.vis_01_02 .vis_imgbox > li:nth-child(4) .in{background-color: #528d89;}
.vis_01_02 .vis_imgbox > li .in .img_z{height:300px; border-radius:15px; margin-bottom:10px;}
.vis_01_02 .vis_imgbox > li .in .ti{font-size:1.25em; font-weight:600;}

/* 후원 */
.partner_wrap .page_tt{margin-bottom:10px;}
.partner_wrap .par_list{margin-top: 40px;margin-right:-40px;}
.partner_wrap .par_list > li{width:50%;}
.partner_wrap .par_list > li .in{height:250px; margin-right:40px; padding: 4em 6em; border-radius:150px; color:#fff;}
.partner_wrap .par_list > li .in .ti{font-size:1.5em; font-weight:700; margin-bottom:10px;}
.partner_wrap .par_list > li .in .num{font-size:2em; font-weight:700;}
.partner_wrap .par_list > li .in .num img{filter: brightness(100); margin-right:10px;}
.partner_wrap .par_list > li .in .xi{width:60px; height:60px; line-height:60px; border-radius:50%; margin-right:20px; background:#fff; text-align:center; font-size:1.75em; color:var(--mainColor);}
.partner_wrap .par_list > li .in .tel{font-size:2.25em; font-weight:700;}


/* 자립생활지원 */
.bus_02_01 .values_wrap{margin-right:-120px; margin-top:50px; margin-bottom: 8em;}
.bus_02_01 .values_wrap > li{width:33.33%;}
.bus_02_01 .values_wrap > li .in{margin-right:120px; text-align: center;}
.bus_02_01 .values_wrap > li .in .img_z{height:280px; width:280px; border-radius: 50%; margin: 0 auto 30px; overflow: hidden; position: relative; box-shadow: 0px 3px 7px rgba(0,0,0,.1);}
.bus_02_01 .values_wrap > li .in .img_z .bgfix{width:100%; height: 100%; position: absolute; top: 0; left: 0;}
.bus_02_01 .values_wrap > li .in .page_stt{line-height: 1.3;}
.bus_02_01 .values_wrap > li .in .page_stt .t_en{font-size: .75em; font-weight: 300;}
.bus_02_01 .values_wrap > li .in .page_tx{margin:15px auto 0; width:90%;}
	
/* .bus_03_02{margin-top:8em;} */
.bus_03_02 .prog_list{border-top:1px solid #333; margin-bottom:4em; margin-top:1.2em;}
.bus_03_02 .prog_list > li{border-bottom:1px solid #eaeaea; padding:3em 0;}
.bus_03_02 .prog_list > li .page_stt{width:35%; padding-right: 4em;}
.bus_03_02 .prog_list > li .page_stt .in_nmb{margin-bottom:7px;}
.bus_03_02 .prog_list > li .page_tx{width:65%;}
.bus_03_02 .prog_list > li .page_tx .in_img{margin-top:30px; width:100%; height:300px; background-color: #aaa;border-radius: var(--item_r);}
.bus_03_02 .prog_img > li{width:50%;}

/* 사업영역 */
.bus_wrap .tit_img{width:50%;}
.bus_wrap .tit_img .img_z{height:460px; margin-right: 2.5em; border-radius: var(--item_r);}
.bus_wrap .tit_txt{width: 50%; padding-left: 2.5em;}
.bus_wrap .tit_txt .page_stt{margin-bottom: 15px;}
.bus_wrap .dot_list span.c_red{display:block; margin-bottom:20px;}
.bus_wrap .bus_03_02{margin-bottom: 8em;} 


.pro_list{margin-top:20px; margin-right: -40px;}
.pro_list > li{width: 33.33%;}
.pro_list > li .in{font-size: 1em; font-weight:600; color:#fff; text-align:center; padding: 10px 10px; border-radius: 30px; margin-bottom: 5px;position: relative; margin-right: 40px; width: 100%; background:var(--mainColor);}
.pro_list > li .in:before{content: "\e90b"; display: block; position: absolute; top: 5px; right: -30px; font-family: 'xeicon'; font-size: 1.25em; color: #ddd;}
.pro_list > li:last-child .in:before{display: none;}






.dot_list{margin-bottom: 20px;}
.dot_list > li{position: relative; margin-left: 10px; line-height: 1.6; margin-bottom: 5px;}
.dot_list > li::before{content:''; display: block; width: 3px; height: 3px; border-radius:50%; background-color: #ababab; position: absolute; top: 10px; left: -10px;}

.sup_list{margin-right: -2em;}
.sup_list > li{width:50%; height: 100%; margin-bottom: 4em;}
.sup_list > li .in{margin-right: 2em;}
.sup_list > li .in .in_img{width: 100%; height: 300px; margin-bottom:20px;border-radius: var(--item_r);}
.sup_list > li .in .page_stt{margin-bottom: 15px;}

.sp_list > li{display: flex; margin-bottom: 6px;}
.sp_list > li .bg_01{display: inline-block; min-width:100px;; height: 34px; line-height: 34px; border-radius: 30px; background: #eee; color: #666; text-align: center; font-size: .937em; font-weight: 500; margin-right: 15px;}
.sp_list > li .bg_02{font-size: .937em; font-weight: 600; color: var(--subColor); padding: 4px 10px;}