/* Main Visual */
.main_visual{overflow:hidden;position:relative;z-index:50;width:100%;height:500px;}
.main_visual .bx-wrapper{position:relative;}
.main_visual .main_slider{position:relative;}
.main_slider > li{position:absolute;width:100%;height:500px;background-position:50% 50%;background-repeat:no-repeat;text-align:center;}
.main_slider > li.no_01{background-image:url(../images/main_visual_01.jpg);}
.main_slider > li.no_02{background-image:url(../images/main_visual_02.jpg);}

.main_visual .txt_wrap{width:1140px;margin:250px auto 0;}
.main_visual .txt_wrap li{text-align:center;line-height:1.3em;font-weight:300;}
.main_visual .txt_wrap li.tit{margin-bottom:10px;font-size:42px;}
.main_visual .txt_wrap li.con{font-size:20px;color:#333;}


/* Main Visual Paging */
.main_visual .bx-has-pager{position:absolute;left:50%;bottom:10px;margin-left:-12px;z-index:100;text-align:center;}
.main_visual .bx-default-pager .bx-pager-item{display:inline-block;}
.main_visual .bx-pager-item .bx-pager-link{display:inline-block;width:12px;height:12px;margin:0 2.5px;background-color:rgba(255,255,255,1);border-radius:6px;text-indent:-9999px;}
.main_visual .bx-pager-item .active{width:33px;background-color:#fea500;}

/* Container */
.container{position:relative;width:100%;background-color:#f5f5f5;}

.main_sec{width:1140px;margin:0 auto;padding-top:30px;}
.main_sec h3{margin-bottom:50px;font-size:26px;font-weight:500;color:#fea500;text-align:center; clear : both;}
.main_sec h3:before{position:relative;top:4px;display:inline-block;content:'';width:38px;height:27px;margin-right:10px;background:url(../images/icon_main_tit_01.png) 0 0 no-repeat;}
.main_sec_01::after{content:""; display : block; clear : both;}
.main_sec_02 h3:before{width:34px;background:url(../images/icon_main_tit_02.png) 0 0 no-repeat;}
.main_sec_03 h3:before{width:44px;background:url(../images/icon_main_tit_03.png) 0 0 no-repeat;}
.main_sec:nth-child(3n-1) h3{color:#4775d2;}
.main_sec:nth-child(3n) h3{color:#82cd6e;}

.box_wrap{clear : both; position:relative;}
.box_wrap:after, .box:after{display:block;content:'';clear:both;}
.box{overflow:hidden;float:left;position:relative;width:360px;height:433px;margin-right:30px;background-color:#fff;padding:30px;border:1px solid #ddd;box-sizing:border-box}
.box:last-child{margin-right:0;}

.box.youtu_box{width:750px; padding:0px;}



.sec_top_menu{display:block; width: 570px; height:276px; box-sizing:border-box; /*margin:0 auto;*/ margin-bottom:30px; float:left;} /*2017-08-11메인페이지 메뉴추가요청*/
.sec_top_menu li a{width:100%; height:100%; display:block}
.sec_top_menu li{float:left; width:280px; height:132px ;border:1px solid #ddd; margin-right:10px; background:#fff; color:#333; font-size:18px; line-height:132px; text-align:center; cursor:pointer; margin-bottom:10px;
    box-sizing: border-box;}
.sec_top_menu li::hover{font-weight:bold}
.sec_top_menu li img{margin-top:55px; height:22px; padding-right:10px;}
.sec_top_menu li:nth-child(2),
.sec_top_menu li:last-child{margin-right:0}

.box_03{width:555px;}
.box_mini{margin-right:0;padding:20px;height:201.5px;}
.box h4{margin-bottom:30px;font-size:22px;font-weight:500;color:#333;}
.box_mini h4{margin-bottom:20px;}
.box h4 span{margin-left:5px;font-size:22px;font-weight:500;font-style:italic;}



/* 공지사항 */
.box_01{float:left; width : 540px; box-sizing:border-box; margin-right : 0; margin-left:30px; height:274px; margin-bottom:30px;}
.box .ul_ellipsis{height:180px;margin-bottom:30px;}
.box .ul_ellipsis li{margin-bottom:16px;}
.box .ul_ellipsis li:last-child{margin-bottom:0;}
.box .ul_ellipsis li a:hover{color:#fea500;}
.box_01 .btn_hover{position:absolute; top:30px; right: 20px;}


/* 포토뉴스 */

.box_02 h4{display : none;}
.box_wrap ul.box_02_list{width:100%; clear:both;}
.box_wrap ul.box_02_list::after{display:block;content:'';clear:both;}
.box_02_list li.box_02{width:275px; height:334px; margin-right : 10px;}
.box_02_list li:last-child{margin-right:0;}

.box_wrap .btn_02 .btn_hover{position:absolute; top:30px; right: 20px;}


/* 사례관리팀 */
.box .photo_wrap{overflow:hidden;float:left;width:210px;height:210px;margin-right:0px; box-sizing:border-box; margin-bottom:20px;}
.box .photo_wrap img{width:100%;height:100%;}
.box .case_wrap{clear : both;}
.box .ul_case{width:210px;height:30px;margin-bottom:0px;}
.box .ul_case li.tit{margin-bottom:20px;}
.box .ul_case li.tit:after{display:block;content:'';width:50px;height:1px;margin-top:0px; border-bottom:1px solid #fea500;}
.box .ul_case li.tit span{overflow:hidden;display:block;height:40px;font-size:17px;font-weight:400;}
.box .ul_case li.txt{overflow:hidden;height:130px;}


/* 오늘의 식단 */
.meal_wrap{display:table;width:100%;height:268px;}
.ul_meal{display:table-cell;vertical-align:middle;}
.ul_meal li{text-align:center;margin-bottom:10px;}
.ul_meal li:last-child{margin-bottom:0;}
.btn_meal{position:absolute;bottom:0;left:-1px;display:block;width:360px;height:45px;font-weight:400;text-align:center;line-height:45px;color:#fff;background-color:#4775d2;}

/* 기관방문 & 대관안내*/
.box_mini_01{margin-bottom:30px;background:#fff url(../images/box_mini_01_bg.jpg) 100% 0 no-repeat;}
.box_mini_02{background:#fff url(../images/box_mini_04_bg.png) 100% 0 no-repeat;}
.box_mini_03{margin-bottom:30px; background:#fff url(../images/box_mini_03_bg.png) 100% 0 no-repeat; margin-right:30px !important;}
.box_mini_04{background:#fff url(../images/box_mini_02_bg.jpg) 100% 0 no-repeat;  margin-right:30px !important;}
.box_mini .guide_txt{margin-bottom:24px; height: 20px;}
.box.box_mini h4{margin-top:20px;margin-bottom:20px;}

/* 사랑나눔 */
.main_sec_03{margin-bottom:30px;}
.main_sec_03 .box_03{border:none;height:352px;}
.main_sec_03 .box_03 h4{font-size:30px;color:#fff;font-weight:400;}
.main_sec_03 .box_03 .txt{margin-bottom:30px;color:#fff}
.request_01{background:url(../images/request_01_bg.jpg) 0 0 no-repeat;}
.request_02{background:url(../images/request_02_bg.jpg) 0 0 no-repeat;}
.btn_request{display:block;width:168px;height:48px;line-height:48px;border:1px solid #fff;background-color:rgba(255,255,255,0.2);border-radius:48px;text-align:center;color:#fff;font-weight:400;font-size:20px;}

/* 명단 */
.main_sec_04{padding:0;margin-bottom:30px;}
.main_sec_04 .box_03{height:228px;}
.roll_slider_01 span, .roll_slider_02 span{display:inline-block;padding:0 10px;padding-bottom:10px;word-break:keep-all;}
.roll_slider_01 > li, .roll_slider_02 > li{overflow:hidden;height:105px;}

/* 명단 Paging */
.main_sec_04 .bx-has-pager{position:absolute;top:40px;right:30px;z-index:100;text-align:center;}
.main_sec_04 .bx-default-pager .bx-pager-item{display:inline-block;}
.main_sec_04 .bx-pager-item .bx-pager-link{display:inline-block;width:12px;height:12px;margin:0 2.5px;background-color:rgba(0,0,0,0.2);border-radius:6px;text-indent:-9999px;}
.main_sec_04 .bx-pager-item .active{background-color:#82cd6e;}

/* 뉴스레터 */
.news_letter{width:1140px;margin:0 auto 30px;}
.news_letter h3{float:left;margin-right:10px;font-size:22px;font-weight:500;color:#fea500;}
.news_letter h3:before{position:relative;top:4.5px;display:inline-block;content:'';width:35px;height:30px;margin-right:10px;background:url(../images/icon_main_tit_04.png) 0 0 no-repeat;}
.news_letter .txt_wrap, .news_letter .form_wrap{float:left;width:555px;}
.news_letter .txt_wrap{height:40px;line-height:40px;margin-right:30px;}
.news_letter .txt_wrap .news_txt{line-height:40px;}
.news_letter .form_wrap{position:relative;}
.news_letter .form_wrap ul li{float:left;}
.news_letter .form_wrap ul li.no_01{margin-right:10px;}
.news_letter .form_wrap ul li strong{margin-right:10px;line-height:40px;}
.news_letter .form_wrap ul li input{height:40px;border:1px solid #ddd;font-size:15px;}
.news_letter .form_wrap ul li #txt_name{width:140px;}
.news_letter .form_wrap ul li #txt_email{width:210px;}
.news_letter .form_wrap .btn_news_appli{position:absolute;top:0;right:0;display:inline-block;width:97px;height:40px;line-height:40px;background:#82cd6e url(../images/icon_form_check.png) 20px 50% no-repeat;border-radius:0 40px 40px 0;color:#fff;font-size:17px;font-weight:400;text-indent:15px;}

/* 라인 */
.raibbow_bar{
	width:1140px;height:3px;margin:0 auto 30px;
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #fea500), color-stop(0.49, #5fb43d), color-stop(1, #224e9f));
	background: -moz-linear-gradient(left, #fea500 0%, #5fb43d 49%, #224e9f 100%);
	background: -webkit-linear-gradient(left,  #fea500 0%, #5fb43d 49%, #224e9f 100%);
	background: -o-linear-gradient(left,  #fea500 0%, #5fb43d 49%, #224e9f 100%);
	background: -ms-linear-gradient(left,  #fea500 0%, #5fb43d 49%, #224e9f 100%);
	background: linear-gradient(left,  #fea500 0%, #5fb43d 49%, #224e9f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fea500', endColorstr='#224e9f', gradientType=1);	
}

/* 유관기관 */
.main_sec_05{position:relative;padding-top:0;padding-bottom:30px;}

.organi_wrap .bx-wrapper{max-width:995px !important;}
.organi_slider li{border:1px solid #ddd;box-sizing:border-box}
.bx-controls-direction a{position:absolute;top:7px;display:block;width:36px;height:36px;text-indent:-9999px;border:2px solid #ddd;border-radius:36px;}
.bx-controls-direction a:hover{border-color:#4775d2;}
.bx-controls-direction a.bx-prev{left:0; top:50%; margin-top: -35px; background:#fff url(../images/btn_organi_prev.png) 49% 50% no-repeat;}
.bx-controls-direction a.bx-next{right:0; top:50%; margin-top: -35px; background:#fff url(../images/btn_organi_next.png) 51% 50% no-repeat;}

/* ul ellipsis */
.ul_ellipsis{}
.ul_ellipsis li{}
.ul_ellipsis li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}




/*:*:*:*:*:**:*:*:*:*:*: MOBILE *:*:*:*:*:**:*:*:*:*:*:*/
@media (max-width:767px){

/* Main Visual */
.main_visual, .main_slider > li, .main_visual .txt_wrap{height:250px;}
.main_visual{}
.main_slider > li{background-position:50% 50%;background-size:auto 100%;background-size:auto 100%;}
.main_visual .txt_wrap{width:100%;margin:0;margin-top:40px;}
.main_visual .txt_wrap li.tit{font-size:25px;margin-bottom:5px;}
.main_visual .txt_wrap li.con{font-size:15px;}
.main_visual img{width:100%; height:100%;}

/* Main Visual Paging */
.main_visual .bx-has-pager{top:20px;}

/*sec_top_menu*/

.sec_top_menu{height:110px; width:100%;}
.sec_top_menu li{width:47.5%; height:50px; font-size:0.8em; line-height:30px; padding-top:3%; padding-bottom:1%}
.sec_top_menu li img{margin-top:0px; height:15px; vertical-align:middle}

/* container */
.container{margin-top:0;}
.box_inner{width:auto;padding:10px;box-sizing:border-box;}

/* container */
.container{margin-top:0;padding:0 15px;box-sizing:border-box}
.main_sec{width:auto;padding-top:30px;}
.main_sec h3{margin-bottom:30px;}
.main_sec_03{margin-bottom:0;}
.main_sec_04{padding-top:20px;}
.main_sec_05{padding-top:0;}
.box{width:100%;margin-bottom:15px;margin-right:0;padding:20px; background-size:cover;}
.box:last-child{margin:0;}
.box_02{width:100%;}
.box_mini{margin-right:0;}


/* 공지사항 */
.box_01{margin-left:0px;}
.box .ul_ellipsis{height:180px;margin-bottom:30px;}
.box .ul_ellipsis li{margin-bottom:16px;}
.box .ul_ellipsis li:last-child{margin-bottom:0;}
.box .ul_ellipsis li a:hover{color:#fea500;}
.box_01 .btn_hover{position:absolute; top:30px; right: 20px;}

/* 사례관리팀 */
.main_sec_01 .box_02{height:auto;}
.box .photo_wrap{/* display:none; */float:none;width:100%;height:auto;margin-right:0;margin-bottom:20px;}
.box .case_wrap{width:100%;}
.box .ul_case{width:100%; height:auto;}

/* 포토뉴스 */

.box_02_list li.box_02{width:100%; height:auto; margin-right : 0px;}



/* 오늘의식단 */
.btn_meal{left:0;width:100%;}

/* 기관안내 */
.main_sec_02 .box:nth-child(2){height:auto;}
.guide_img{margin-bottom:20px;height:auto;}
.guide_img img{position:static;width:100%;}


/* 자원봉사 신청 */
.main_sec .box_03{height:auto;background-size:100%;width:100%;margin-right:0;}
.main_sec .box_03:last-child{margin-right:0;}

.main_sec_03 .box_03 h4{font-size:20px; margin-bottom:14px;}
.main_sec_03 .box_03 .txt{font-size:14px; margin-bottom:10px;}

.box_03 .btn_request{font-size:14px ;height: 38px; line-height:38px; width:140px;}



/* 뉴스레터 */
.news_letter{width:100%;}
.news_letter .txt_wrap, .news_letter .form_wrap{float:none;width:100%;margin-right:0;}
.news_letter h3{float:none;text-align:center;}
.news_letter .txt_wrap{height:auto;}
.news_letter .txt_wrap .news_txt{text-align:center;}
.news_letter .form_wrap{display:table;width:auto;margin:0 auto;}
.news_letter .form_wrap ul{}
.news_letter .form_wrap .btn_news_appli{position:static;width:100%;margin-top:10px;border-radius:40px;background-position:42% 50%;}

.news_letter .form_wrap ul li{float:none;}
.news_letter .form_wrap ul li.no_01{margin-right:0;margin-bottom:10px;}
.news_letter .form_wrap ul li:after{display:block;content:'';clear:both;}
.news_letter .form_wrap ul li strong, .news_letter .form_wrap ul li input{float:left;display:block;}
.news_letter .form_wrap ul li strong{width:30%;margin-right:0;}
.news_letter .form_wrap ul li #txt_name{width:70%;}
.news_letter .form_wrap ul li #txt_email{width:70%;}

/* 라인 */
.raibbow_bar{width:100%;}

/* 유관기관 */
.organi_wrap .bx-wrapper{max-width:100% !important;}
.bx-controls-direction{display:none;}

}

/*:*:*:*:*:**:*:*:*:*:*: TABLET *:*:*:*:*:**:*:*:*:*:*:*/
@media (min-width:768px) and (max-width:1279px){

/* Main Visual */
.main_visual, .main_slider > li, .main_visual .txt_wrap{height:450px;}
.main_visual{margin-top:46px;}
.main_slider > li{background-position:50% 50%;}
.main_visual .txt_wrap{width:100%;margin:0;margin-top:70px;}
.main_visual .txt_wrap li.tit{font-size:30px;}

/* Main Visual Paging */
.main_visual .bx-has-pager{top:50px;}

/*sec_top_menu*/
.sec_top_menu{width:100%; height: auto;}
.sec_top_menu li{width:23.5%; margin-right :1.5%;}
.sec_top_menu li:nth-child(2){margin-right:1.5%;}


/* container */
.container{margin-top:0;padding:0 15px;box-sizing:border-box}
.main_sec{width:auto;}
.box{width:32%;margin-right:2%;}
.box:last-child{margin-right:0;}
.box_02{width:66%;}
.box_mini{margin-right:0;}
.main_sec .box_03{width:49%;margin-right:2%;}
.main_sec .box_03:last-child{margin-right:0;}


/* 공지사항 */
.box_01{float:none; width : 100%; margin-left:0px;}


/* 포토뉴스 */

.box_02_list li.box_02{width:23.5%; height:auto; margin-right : 1.5%;}


/* 사례관리팀 */
.box .photo_wrap{width:100%;height:auto;margin-right:5%;}

.box .case_wrap{width:65%;}
.box .ul_case{width:100%;}


/* 오늘의식단 */
.btn_meal{left:0;width:100%;}

/* 뉴스레터 */
.news_letter{width:100%;}
.news_letter .txt_wrap, .news_letter .form_wrap{float:none;width:100%;margin-right:0;}
.news_letter h3{float:none;text-align:center;}
.news_letter .txt_wrap{height:auto;}
.news_letter .txt_wrap .news_txt{text-align:center;}
.news_letter .form_wrap{display:table;width:auto;margin:0 auto;}
.news_letter .form_wrap ul{}
.news_letter .form_wrap .btn_news_appli{position:relative;top:0;left:-5px;}

/* 라인 */
.raibbow_bar{width:100%;}

/* 유관기관 */
.organi_wrap .bx-wrapper{max-width:85% !important;}
.bx-controls-direction{/* display:none; */}

}

/*:*:*:*:*:**:*:*:*:*:*: PC *:*:*:*:*:**:*:*:*:*:*:*/
@media (min-width:1280px){

/* Main Visual */
.main_visual{}

}