@charset "UTF-8";

/* 메인비주얼, 팝업존 */
.sen01 {background-color: #fff7ec;}
.sen01 .sen_cont {position: relative;}
.sen01 .sen_cont:before {content: ''; position:absolute; top: 31px; left: 20px; width: 103px; height: 87px; background-image: url('/new/images/main/main_val_icon_l.png'); background-size: cover; background-repeat: no-repeat;}
.sen01 .sen_cont .container {}
.sen01 .sen_cont .container .main_val_cont {}
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area {padding: 31px 0 61px; background-image: url('/new/images/main/main_val_icon_r.png'); background-position: right 20px bottom; background-repeat: no-repeat;}
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide {padding: 0 500px 0 0;}
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-list {margin: 0 0 34px;}
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-list .slick-track {}
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-list .slick-track li {}
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-list .slick-track li .box {display: block;}
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-list .slick-track li .box .title {height: 144px; margin: 0 0 25px; font-family: 'GmarketSans'; font-weight: 700; font-size: 58px; line-height: 72px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
/* .sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-list .slick-track li .box .title .ft_c {color: #f1692a;} */
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-list .slick-track li .box .title .ft_c {color: #f04c1b;} /* 20240618 수정 */
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-list .slick-track li .box .text {font-weight: 400; font-size: 16px; line-height: 26px; color: #424242; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all;}
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots {}
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li {display: inline-block; width: 40px; height: 40px; margin: 0 8px 0 0; border-radius: 50%; font-size: 0; vertical-align: middle;}
/* .sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li button {display: block; position:relative; overflow: hidden; width: 100%; height: 100%; font-weight: 600; font-size: 12px; line-height: 38px; color: #9e9e9e; text-align: center;} */
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li button {display: block; position:relative; overflow: hidden; width: 100%; height: 100%; font-weight: 600; font-size: 12px; line-height: 38px; color: #808080; text-align: center;} /* 20240618 수정 */
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li button .one {position:absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; height: 50%;}
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li button .one.bottom {top: 20px; transform: rotate(180deg);}
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li button .one:after {content: ''; position:absolute; top: 0; left: 0;width: 40px; height: 40px; border: 1px solid transparent; box-sizing: border-box; border-radius: 50%;}
/* .sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li.slick-active button {color: #f1692a;}
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li.slick-active button .one.top:after {border-top-color: #f1692a; border-left-color: #f1692a;  animation: spin 2.5s 1 linear both;}
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li.slick-active button .one.bottom:after {border-bottom-color: #f1692a; border-right-color: #f1692a;  animation: spin2 2.5s 2.5s 1 linear both;} */
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li.slick-active button {color: #f04c1b;} /* 20240618 수정 */
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li.slick-active button .one.top:after {border-top-color: #f04c1b; border-left-color: #f04c1b;  animation: spin 2.5s 1 linear both;} /* 20240618 수정 */
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li.slick-active button .one.bottom:after {border-bottom-color: #f04c1b; border-right-color: #f04c1b;  animation: spin2 2.5s 2.5s 1 linear both;} /* 20240618 수정 */
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li.play,
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li.stop {display: none; margin: 0; font-size: 0; vertical-align: middle;}
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li.play.on,
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li.stop.on {display: inline-block;}
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li.play button,
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li.stop button {width: 100%; height: 100%; background-color: rgba(189, 189, 189, 0.2); background-position: center; background-repeat: no-repeat; border-radius: 50%;}
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li.play button {background-image: url('/new/images/main/main_val_play.png');}
.sen01 .sen_cont .container .main_val_cont .main_val_slide_area #main_val_slide .slick-dots li.stop button {background-image: url('/new/images/main/main_val_stop.png');}
 @keyframes spin {
	from{
		transform: rotate(-135deg);
	}
	to{
		transform: rotate(45deg);
	}
}

 @keyframes spin2 {
	from{
		transform: rotate(45deg);
	}
	to{
		transform: rotate(225deg);
	}
}
.sen01 .sen_cont .main_popzon_cont {border-top: 1px solid #eeeeee;}
.sen01 .sen_cont .main_popzon_cont .container .popzon_btn_box {position: absolute; top: -28px; right: 0; width: 56px; height: 56px; background-color: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 50%;}
.sen01 .sen_cont .main_popzon_cont .container .popzon_btn_box .btn {display: block; position: relative; width: 100%; height: 100%;}
.sen01 .sen_cont .main_popzon_cont .container .popzon_btn_box .btn .line {position:absolute; top: 50%; left: 50%; width: 24px; height: 2px; background-color: #757575; transform: translate(-50%,-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.sen01 .sen_cont .main_popzon_cont .container .popzon_btn_box .btn .line.line1 {}
.sen01 .sen_cont .main_popzon_cont .container .popzon_btn_box .btn .line.line2 {left: 16px; transform: rotate(90deg);}
.sen01 .sen_cont .main_popzon_cont.on .container .popzon_btn_box .btn .line.line2 {left: 50%; transform: translate(-50%,-50%);}
.sen01 .sen_cont .main_popzon_cont .popzon_img_cont_area {}
.sen01 .sen_cont .main_popzon_cont .popzon_img_cont_area .img_box {display: block;}
.sen01 .sen_cont .main_popzon_cont .popzon_img_cont_area .img_box img {}
/* 메인비주얼, 팝업존 end */

/* 공고, 메뉴 리스트 */
.sen02 {padding: 60px 0 80px;}
.sen02 .sen_cont {}
.sen02 .sen_cont .container {}
.sen02 .sen_cont .container .public_list_cont {margin: 0 0 40px;}
.sen02 .sen_cont .container .public_list_cont .list {margin: 0 0 0 80px; font-size: 0;}
.sen02 .sen_cont .container .public_list_cont .list li {display: inline-block; width: calc(33.3333% + 80px); margin: 0 0 0 -80px; padding: 33px 80px 34px 40px; border-radius: 100px;}
.sen02 .sen_cont .container .public_list_cont .list li.bgc1 {background-color: rgba(241, 105, 42, 0.1);}
.sen02 .sen_cont .container .public_list_cont .list li.bgc2 {background-color: rgba(45, 166, 85, 0.1);}
.sen02 .sen_cont .container .public_list_cont .list li.bgc3 {background-color: rgba(12, 99, 166, 0.1);}
.sen02 .sen_cont .container .public_list_cont .list li .box {}
.sen02 .sen_cont .container .public_list_cont .list li .box .text_box {padding: 0 0 0 120px; background-position: left top; background-repeat: no-repeat;}
.sen02 .sen_cont .container .public_list_cont .list li.bgc1 .box .text_box {background-image: url('/new/images/main/public_icon01.png');}
.sen02 .sen_cont .container .public_list_cont .list li.bgc2 .box .text_box {background-image: url('/new/images/main/public_icon02.png');}
.sen02 .sen_cont .container .public_list_cont .list li.bgc3 .box .text_box {background-image: url('/new/images/main/public_icon03.png');}
.sen02 .sen_cont .container .public_list_cont .list li .box .text_box .title {margin: 0 0 10px; font-weight: 600; font-size: 24px; line-height: 36px; color: #212121;}
.sen02 .sen_cont .container .public_list_cont .list li .box .text_box .text {margin: 0 0 15px; font-weight: 400; font-size: 14px; line-height: 24px; color: #424242;}
.sen02 .sen_cont .container .public_list_cont .list li .box .text_box .link {display: inline-block; padding: 0 24px 0 0; font-weight: 400; font-size: 14px; line-height: 24px; background-position: right center; background-repeat: no-repeat;}
/* .sen02 .sen_cont .container .public_list_cont .list li.bgc1 .box .text_box .link {background-image: url('/new/images/main/public_next01.png'); color: #f1692a;}
.sen02 .sen_cont .container .public_list_cont .list li.bgc2 .box .text_box .link {background-image: url('/new/images/main/public_next02.png'); color: #2da655;} */
.sen02 .sen_cont .container .public_list_cont .list li.bgc1 .box .text_box .link {background-image: url('../../new/images/main/public_next01.png'); color: #f04c1b;} /* 20240618 수정 */
.sen02 .sen_cont .container .public_list_cont .list li.bgc2 .box .text_box .link {background-image: url('../../new/images/main/public_next02.png'); color: #1f9c4c;} /* 20240618 수정 */
.sen02 .sen_cont .container .public_list_cont .list li.bgc3 .box .text_box .link {background-image: url('/new/images/main/public_next03.png'); color: #0c63a6;}
.sen02 .sen_cont .container .menu_list_cont {padding: 28px 80px; background-color: #ffffff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); border-radius: 50px;}
.sen02 .sen_cont .container .menu_list_cont .list {font-size: 0;}
.sen02 .sen_cont .container .menu_list_cont .list li {display: inline-block; position:relative; width: calc(16.6666% - 30px); margin: 0 30px 0 0; padding: 0 8px 0 0;}
/* .sen02 .sen_cont .container .menu_list_cont .list li:after {content: ''; position:absolute; top: 50%; right: 0; width: 8px; height: 8px; background-color: #e0e0e0; border-radius: 50%; transform: translateY(-50%);} */
.sen02 .sen_cont .container .menu_list_cont .list li:last-child {width: 16.6666%; margin: 0; padding: 0;}
.sen02 .sen_cont .container .menu_list_cont .list li:last-child:after {display: none;}
.sen02 .sen_cont .container .menu_list_cont .list li .box {display: block;}
.sen02 .sen_cont .container .menu_list_cont .list li .box .text {padding: 0 0 0 43px; font-weight: 600; font-size: 18px; line-height: 40px; color: #212121; background-position: left center; background-repeat: no-repeat;}
.sen02 .sen_cont .container .menu_list_cont .list li .box.icon01 .text {background-image: url('/new/images/main/menu_list_icon01.png');}
.sen02 .sen_cont .container .menu_list_cont .list li .box.icon02 .text {background-image: url('/new/images/main/menu_list_icon02.png');}
.sen02 .sen_cont .container .menu_list_cont .list li .box.icon03 .text {background-image: url('/new/images/main/menu_list_icon03.png');}
.sen02 .sen_cont .container .menu_list_cont .list li .box.icon04 .text {background-image: url('/new/images/main/menu_list_icon04.png');}
.sen02 .sen_cont .container .menu_list_cont .list li .box.icon05 .text {background-image: url('/new/images/main/menu_list_icon05.png');}
.sen02 .sen_cont .container .menu_list_cont .list li .box.icon06 .text {background-image: url('/new/images/main/menu_list_icon06.png');}
/* 공고, 메뉴 리스트 */

/* 봉사자 모집공고 */
.sen03 { padding: 0 0 54px 0;}
.sen03 .sen_cont {}
.sen03 .sen_cont .servant_tab_cont { position: relative; overflow: hidden; width: 100%; height: 100%; padding: 0 0 0 80px; background-color: #e6eff3;}
.sen03 .sen_cont .servant_tab_cont .tab_menu_area { position: absolute; top: 0; left: 0;}
.sen03 .sen_cont .servant_tab_cont .tab_menu_area > .list {}
.sen03 .sen_cont .servant_tab_cont .tab_menu_area > .list > li { width: 80px; background-color: #d2e3e9;}
.sen03 .sen_cont .servant_tab_cont .tab_menu_area > .list > li.on { background-color: #446875;}
.sen03 .sen_cont .servant_tab_cont .tab_menu_area > .list > li .tab_btn { display: block; width: 100%;}
.sen03 .sen_cont .servant_tab_cont .tab_menu_area > .list > li .tab_btn .inner_box { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 266px;}
.sen03 .sen_cont .servant_tab_cont .tab_menu_area > .list > li .tab_btn .text_area { margin: 0 0 10px 0;}
/* .sen03 .sen_cont .servant_tab_cont .tab_menu_area > .list > li .tab_btn .text_area .text { display: block; font-weight: 600; font-size: 18px; line-height: 23px; color: rgba(68, 104, 117, 0.5);} */
.sen03 .sen_cont .servant_tab_cont .tab_menu_area > .list > li .tab_btn .text_area .text { display: block; font-weight: 600; font-size: 18px; line-height: 23px; color: rgba(68, 104, 117, 0.8);} /* 20240618 수정 */
.sen03 .sen_cont .servant_tab_cont .tab_menu_area > .list > li .tab_btn .text_area .text.mb10 { margin: 0 0 10px 0;}
.sen03 .sen_cont .servant_tab_cont .tab_menu_area > .list > li.on .tab_btn .text_area .text { color: #ffffff;}
.sen03 .sen_cont .servant_tab_cont .tab_menu_area > .list > li .tab_btn .icon_box {}
.sen03 .sen_cont .servant_tab_cont .tab_menu_area > .list > li .tab_btn .icon_box img {}
.sen03 .sen_cont .servant_tab_cont .tab_cont { display: none; margin: 0  0 0 -80px;}
.sen03 .sen_cont .servant_tab_cont .tab_cont.on { display: block;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container {}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area { padding: 60px 0; background-image: url('/new/images/main/servant_bg_img.png'); background-position: bottom -10px left; background-repeat: no-repeat;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box { display: flex; justify-content: space-between; align-items: stretch;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .title_area { width: 360px; min-height: 412px;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .title_area > .title { font-family: 'GmarketSans'; font-weight: 700; font-size: 48px; line-height: 56px; color: #212121;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .title_area > .text { font-weight: 400; font-size: 16px; line-height: 24px; color: #424242;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area { width: calc(100% - 360px);}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area { }
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list {}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list { margin: -20px -260px -20px -20px; padding: 20px 220px 20px 20px;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide { margin: 0 40px 0 0}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box { display: block; overflow: hidden; background-color: #ffffff; border-radius: 10px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area { position: relative; padding: 36px 20px 27px;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .mark_area { position: absolute; top: 0; right: 0; width: 60px;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .mark_area .inner { display: flex; justify-content: center; align-items: center; height: 60px; border-radius: 0 10px 0 10px;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .mark_area .inner.red { background-color: #ed4040;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .mark_area .inner.gray { background-color: #848690;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .mark_area .inner.blue { background-color: #3c79d5;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .mark_area .inner .text { font-weight: 400; font-size: 14px; line-height: 60px; color: #ffffff; text-align: center;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box {}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .title_area { margin: 0 0 20px 0; border-bottom: 1px solid #eeeeee; padding: 0 0 20px 0;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .title_area .mark_list_area { margin: 0 0 18px 0;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .title_area .mark_list_area > .list { font-size: 0;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .title_area .mark_list_area > .list > li { display: inline-block; margin: 0 4px 0 0; padding: 0 9px; font-weight: 400; font-size: 13px; line-height: 24px; vertical-align:middle; border-radius: 5px;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .title_area .mark_list_area > .list > li:last-child { margin: 0;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .title_area .mark_list_area > .list > li.purple { background-color: rgba(92, 17, 166, 0.15); color: #a61198;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .title_area .mark_list_area > .list > li.blue { background-color: rgba(12, 99, 166, 0.15); color: #0c63a6;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .title_area .mark_list_area > .list > li.green { background-color: rgba(0, 166, 56, 0.15); color: #00a638;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .title_area .mark_list_area > .list > li.orange { background-color: rgba(241, 105, 42, 0.15); color: #f1692a;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .title_area .title { height: 60px; font-weight: 600; font-size: 20px; line-height: 30px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .data_list_area {}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .data_list_area > .list {min-height: 115px;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .data_list_area > .list > li { position: relative; margin: 0 0 5px 0; padding: 0 0 0 95px;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .data_list_area > .list > li:last-child { margin: 0;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .data_list_area > .list > li .tit { position: absolute; top: 0; left: 0; padding: 0 0 0 25px; background-position: left center; background-repeat: no-repeat; font-weight: 500; font-size: 15px; line-height: 25px; color: #616161;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .data_list_area > .list > li .tit.icon01 { background-image: url('/new/images/main/data_list_icon_img01.png');}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .data_list_area > .list > li .tit.icon02 { background-image: url('/new/images/main/data_list_icon_img02.png');}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .data_list_area > .list > li .tit.icon03 { background-image: url('/new/images/main/data_list_icon_img03.png');}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .data_list_area > .list > li .tit.icon04 { background-image: url('/new/images/main/data_list_icon_img04.png');}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .data_list_area > .list > li .txt { font-weight: 400; font-size: 14px; line-height: 25px; color: #616161;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .servant_info_area .info_box .data_list_area > .list > li .txt .ft_c { color: #f1692a;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box .btn_mark_area { background-color: #eeeeee; font-weight: 400; font-size: 16px; line-height: 48px; color: #bdbdbd; text-align: center; transition: all 0.3s;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-list .slick-slide > .box:hover .btn_mark_area { background-color: #f1692a; color: #ffffff;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-dots { display: flex; position: relative; margin: 40px 0 0 0; padding:0 120px 0 0;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-dots > li { width: 100%; font-size: 0;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-dots > li > button { display: block; position: relative; width: 100%; height: 3px; background-color: #bdbdbd; border-radius: 5px; text-indent: -9999px;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-dots > li.slick-active > button { background-color: #f1692a;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-dots > li.last_area { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 94px;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-dots > li.last_area .btn_area { display: inline-block; vertical-align:middle; margin: 0 15px 0 0;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-dots > li.last_area .btn_area > .list { font-size: 0;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-dots > li.last_area .btn_area > .list > li { display: inline-block; margin: 0 15px 0 0; border-right: 1px solid #bdbdbd; padding: 0 15px 0 0; vertical-align:middle;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-dots > li.last_area .btn_area > .list > li:last-child { margin: 0; border-right: none; padding: 0;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-dots > li.last_area .btn_area > .list > li .btn { display: block; width: 12px; height: 22px; background-position: center; background-size: 100%; background-repeat: no-repeat;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-dots > li.last_area .btn_area > .list > li .btn.prev { background-image: url('/new/images/main/servant_btn_prev_icon.png');}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-dots > li.last_area .btn_area > .list > li .btn.next { background-image: url('/new/images/main/servant_btn_next_icon.png');}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-dots > li.last_area .link_area { display: inline-block; vertical-align:middle;}
.sen03 .sen_cont .servant_tab_cont .tab_cont .container .servant_com_area > .inner_box > .servant_list_area .servant_slide_area > .list > .slick-dots > li.last_area .link_area .link { display: block; width: 24px; height: 24px; background-image: url('/new/images/main/servant_plus_icon.png'); background-position: center; background-repeat: no-repeat;}
/* 봉사자 모집공고 end */

/* 공지사항 시군구 소식 */
.sen04 { overflow: hidden; padding: 0 0 60px 0;}
.sen04 .sen_cont {}
.sen04 .sen_cont .container {}
.sen04 .sen_cont .container .info_cont_area {}
.sen04 .sen_cont .container .info_cont_area > .inner_box { display: flex; justify-content: space-between; align-items: stretch;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box {}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box.left_box { width: calc(100% - 320px); margin: 0 40px 0 0;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box.right_box { width: 320px;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area {}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area > .title_area { margin: 0 0 20px 0;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box.left_box .cont_area > .title_area { position: relative; padding: 0 60px 0 0;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area > .title_area > .title { font-family: 'GmarketSans'; font-weight: 700; font-size: 32px; line-height: 48px; color: #212121;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .title_area .more_btn { display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
/* .sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .title_area .more_btn .text { padding: 0 20px 0 0; background-image: url('/new/images/main/more_btn_arrow.png'); background-position: center right; background-repeat: no-repeat; font-weight: 400; font-size: 15px; line-height: 22px; color: #9e9e9e;} */
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .title_area .more_btn .text { padding: 0 20px 0 0; background-image: url('../../new/images/main/more_btn_arrow.png'); background-position: center right; background-repeat: no-repeat; font-weight: 400; font-size: 15px; line-height: 22px; color: #808080;} /* 20240618 수정 */
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area {}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .top_cont { margin: 0 0 25px 0; border-bottom: 1px solid #e0e0e0; padding: 0 0 25px 0;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .top_cont .box { display: block;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .top_cont .box .inner_box { display: flex; justify-content: space-between; align-items: center;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .top_cont .box .inner_box .date_area { width: 70px;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .top_cont .box .inner_box .date_area .date_inner { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 70px; background-color: #feefd9; border-radius: 50%;}
/* .sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .top_cont .box .inner_box .date_area .date_inner .day { font-family: 'GmarketSans'; font-weight: 700; font-size: 28px; line-height: 31px; color: #f1692a;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .top_cont .box .inner_box .date_area .date_inner .year_month { font-weight: 500; font-size: 10px; line-height: 15px; color: #f1692a;} */
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .top_cont .box .inner_box .date_area .date_inner .day { font-family: 'GmarketSans'; font-weight: 700; font-size: 28px; line-height: 31px; color: #f04c1b;} /* 20240618 수정 */
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .top_cont .box .inner_box .date_area .date_inner .year_month { font-weight: 500; font-size: 10px; line-height: 15px; color: #f04c1b;} /* 20240618 수정 */
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .top_cont .box .inner_box .text_area { width: calc(100% - 70px); padding: 0 0 0 20px;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .top_cont .box .inner_box .text_area .title_area { margin: 0 0 8px 0; font-size: 0;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .top_cont .box .inner_box .text_area .title_area .title  { display: inline-block; position: relative; padding: 0 34px 0 0;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .top_cont .box .inner_box .text_area .title_area .title::before { display: block; content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 24px; height: 24px; background-image: url('/new/images/main/new_icon.png'); background-size: 100%; background-repeat: no-repeat;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .top_cont .box .inner_box .text_area .title_area .title .tit { font-weight: 600; font-size: 20px; line-height: 30px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .top_cont .box .inner_box .text_area .text { font-weight: 400; font-size: 16px; line-height: 24px; color: #616161; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .bot_cont {}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .bot_cont > .list {}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .bot_cont > .list > li { margin: 0 0 15px 0;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .bot_cont > .list > li:last-child { margin: 0;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .bot_cont > .list > li.li2 { position: relative; padding: 0 0 0 15px;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .bot_cont > .list > li.li2::before { display: block; content: ''; position: absolute; top: 8.5px; left: 0; width: 6px; height: 6px; background-color: #9e9e9e; border-radius: 50%;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .bot_cont > .list > li .inner_box { display: block; position: relative; padding: 0 80px 0 0;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .bot_cont > .list > li .inner_box .title { font-weight: 400; font-size: 16px; line-height: 24px; color: #424242; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .notice_com_area .bot_cont > .list > li .inner_box .date { position: absolute; top:0; right: 0; font-weight: 400; font-size: 14px; line-height: 24px; color: #9e9e9e;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area {}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area {}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area #news_slide { margin: -20px;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area #news_slide .slick-dots { display: none !important;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area #news_slide .slick-list {}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area #news_slide .slick-list .slick-track {}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area #news_slide .slick-list .slick-track .slick-slide { padding: 20px;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area #news_slide .slick-list .slick-track .slick-slide .box { display: block;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area #news_slide .slick-list .slick-track .slick-slide .box .img_area { display: table; width: 100%; overflow: hidden; table-layout: fixed; border-radius: 10px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area #news_slide .slick-list .slick-track .slick-slide .box .img_area .img_inner { display: table-cell; height: 320px; text-align: center; vertical-align:middle;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area #news_slide .slick-list .slick-track .slick-slide .box .img_area .img_inner img { display: inline-block;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area .news_control_area { position: absolute; right: 5px; bottom: 5px;}
/* .sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area .news_control_area .nav_box { padding: 0 17px; background-color: rgba(0, 0, 0, 0.3); font-size: 0; border-radius: 30px;} */
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area .news_control_area .nav_box { padding: 0 17px; background-color: rgba(0, 0, 0, 0.45); font-size: 0; border-radius: 30px;} /* 20240618 수정 */
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area .news_control_area .nav_box .num { display: inline-block; margin: 0 8px; font-weight: 700; font-size: 14px; line-height: 28px; color: #ffffff; vertical-align:middle; }
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area .news_control_area .nav_box .num .now {}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area .news_control_area .nav_box .num .total {}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area .news_control_area .nav_box .play_area { display: inline-block; font-size: 0; vertical-align:middle;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area .news_control_area .nav_box .play_area .nav { width: 7px; height: 10px; background-position: center; background-size: 100%; background-repeat: no-repeat;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area .news_control_area .nav_box .play_area .nav.prev { background-image: url('/new/images/main/play_nav_prev_img.png');}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area .news_control_area .nav_box .play_area .nav.next { background-image: url('/new/images/main/play_nav_next_img.png');}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area .news_control_area .nav_box .play_stop_area { display: inline-block; margin: 0 0 0 10px; font-size: 0; vertical-align:middle;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area .news_control_area .nav_box .play_stop_area .btn { display: none; width: 7px; height: 10px; background-position: center; background-size: 100%; background-repeat: no-repeat;}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area .news_control_area .nav_box .play_stop_area .btn.play { background-image: url('/new/images/main/play_stop_play_img.png');}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area .news_control_area .nav_box .play_stop_area .btn.stop { background-image: url('/new/images/main/play_stop_stop_img.png');}
.sen04 .sen_cont .container .info_cont_area > .inner_box > .box .cont_area .news_com_area .news_slide_area .news_control_area .nav_box .play_stop_area .btn.on { display: block;}
/* 공지사항 시군구 소식 end */

/* layerPop */
#layerPop{display:none; position:absolute; z-index:9999; margin-left:-500px;  border:5px solid #f04c1b; background:#fff8ea;}
/* #layerPop .popContents{padding:30px;} */
#layerPop .popFooter:after{content:""; display:block; clear:both;}
#layerPop .popFooter{*zoom:1; color:#fff; background:#f04c1b; height:27px; line-height:27px; position:absolute; bottom:0; width:100%;}
#layerPop .popFooter *{vertical-align:middle;}
#layerPop .popFooter .left{float:left;}
#layerPop .popFooter .right{float:right;}
#layerPop .popFooter .right a{color:#fff; margin-top:3px;}

/* layerPop2 */
#layerPop2{display:none; position:absolute; z-index:9999; margin-left:-500px;  border:5px solid #f04c1b; background:#fff8ea;}
/* #layerPop2 .popContents{padding:30px;} */
#layerPop2 .popFooter:after{content:""; display:block; clear:both;}
#layerPop2 .popFooter{*zoom:1; color:#fff; background:#f04c1b; height:27px; line-height:27px; position:absolute; bottom:0; width:100%;}
#layerPop2 .popFooter *{vertical-align:middle;}
#layerPop2 .popFooter .left{float:left;}
#layerPop2 .popFooter .right{float:right;}
#layerPop2 .popFooter .right a{color:#fff; margin-top:3px;}

/* layerPop3 */
#layerPop3{display:none; position:absolute; z-index:9999; margin-left:-500px;  border:5px solid #f04c1b; background:#fff8ea;}
/* #layerPop3 .popContents{padding:30px;} */
#layerPop3 .popFooter:after{content:""; display:block; clear:both;}
#layerPop3 .popFooter{*zoom:1; color:#fff; background:#f04c1b; height:27px; line-height:27px; position:absolute; bottom:0; width:100%;}
#layerPop3 .popFooter *{vertical-align:middle;}
#layerPop3 .popFooter .left{float:left;}
#layerPop3 .popFooter .right{float:right;}
#layerPop3 .popFooter .right a{color:#fff; margin-top:3px;}

.ico_talent {display:inline-block;width:31px;height:14px;background:#1c7fa4;font-size:10px;color:#fff;text-align:center;font-weight:bold;line-height:15px;letter-spacing:-0.3px;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;border-radius:1px;vertical-align:middle} /* 재능 */
.ico_new {display:inline-block;width:16px;height:14px;background:url(/images/site/mbl/ico/ico_new.png) no-repeat;background-size:auto 14px;text-indent:-9999em} /* 신규 */

.popFooter .left input {-webkit-appearance: auto;}