@charset "UTF-8";
/* form */
input, select, textarea, button, a {outline:none}
input[type=submit], input[type=reset] {cursor:pointer;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}
input[type=text], input[type=password], select, textarea, input[type=number], input[type=email], input[type=date]{width:100%;padding:0 10px;background:#fff;border:1px solid #c3c3c3; border-radius: 5px; -webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;box-sizing:border-box;font-size:14px;font-weight:400}
input[type=text], input[type=password], select, input[type=number], input[type=email]{height:40px}
select {padding:0 7px;background:#fff url(/images/site/mbl/ico/ico_selectArrow_new.png) no-repeat right 10px center;background-size:11px auto;}
textarea {padding:12px 10px;resize:none}
input[type=checkbox] {width: 20px; height: 20px; border: 0 none; background: url(/images/site/mbl/ico/ico_chkOff_new.png) no-repeat; background-size: 100% auto; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; vertical-align: middle; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0;}
input[type=checkbox]:checked:after {display: block; width: 20px; height: 20px; content: ' '; background: url(/images/site/mbl/ico/ico_chkOn_new.png) no-repeat; background-size: 100% auto;}
::-webkit-input-placeholder {padding-top:2px;color:#bbb}
input[type=checkbox] + label {font-size: 16px;color: #757575;margin-left: 5px;line-height: 20px;letter-spacing: -0.5px; vertical-align: middle;}
input.w200 {width: 200px;}
.red {color: #f23535;}
.right_txt {margin: 0 0 5px; font-weight: 500; font-size: 14px; line-height: 21px; text-align: right;}
input.date_input {padding: 0 25px 0 10px; background-image: url("/images/site/mbl/ico/date_icon.png"); background-position: right 10px center; background-size: 16px; background-repeat: no-repeat;}
/* 버튼 */
.btnW {overflow:hidden;padding:20px 10px 0 10px}
.btnW.clearfix:after {content: ''; display: block; clear: both;}
.btnW.pt0 {padding: 0 10px 0 10px;}
.btnW.pt10 {padding: 10px 10px 0 10px;}
.btnW.plr0 {padding: 10px 0 0;}
.btnW.one_btn button[type="button"].btnStyle01.btn_orange {width: 100%; margin: 0;}
/* 220317 추가 */
.btnW.ta_right {text-align:right;}
.btnW.ta_right.p0 {padding: 10px 0 0;}
.btnW .btnL {float:left;}
.btnW .btnR {float:right;}
.btnW.vis {overflow: visible;}
.btnW .btnR.resize .btn_style01, .btnW .btnR.resize .btn_style02 {width: 65px;}
/* 220317 추가 */
.btnW .btnR:last-child {margin: 0 4px 0 0;}
.btn_style {display:inline-block;height:35px;background:#f1592a;line-height:33px;/* font-weight:bold; */letter-spacing:-1px;color:#fff;text-align:center;vertical-align:top; border-radius: 6px;}
/* button.btn_style {line-height:36px} */
.btn_style01 {width:90px;background:#f1592a}
.btn_style02 {width:90px;background:#b2b4bd}
.btn_style03 {width:60px;background:#ffffff; border: 1px solid #1c7fa4; border-radius: 5px; color: #1c7fa4; box-sizing: border-box;}

.btn_com01 {display:inline-block;height:35px;line-height:35px;border:1px solid #bbb;color:#bbb;text-align:center;font-weight:bold;letter-spacing:-1px;box-sizing:border-box}
.btn_scrap {width:85px}
.btn_scrap span {display:inline-block;padding:0 5px 0 21px;background:url(/images/site/mbl/ico/ico_scrap.png) no-repeat 0 center;background-size:16px 15px}

/* 220317 추가 */
.share_btn_box {display: inline-block; position: relative;}
.share_btn_box .sns_share_box {left: auto; right: 0; transform: none;}
.btn_share {display:inline-block;overflow:hidden;height:35px;padding:0 15px;box-sizing:border-box;background-color:#1c7fa4;line-height:35px;border-radius:6px;}
.btn_share.closed span {padding: 0 0 0 15px;background-image:url(/images/site/mbl/ico/icon_group_closed.png);background-position:0 center;background-size:10px auto;background-repeat:no-repeat;}
.btn_share.closed.del span {background-image: url(/images/site/mbl/ico/delete_icon.png);}
.btn_share.closed.del.grey {background: #9e9e9e;}

.btn_share.atv_date span {padding: 0 0 0 15px; background-image:url(/images/site/mbl/ico/icon_add_date.png);}
.btn_share.all_atv_date span {padding: 0 0 0 15px; background-image:url(/images/site/mbl/ico/icon_all_add.png);}
.btn_share.check {background-color: #1c7fa4;}
.btn_share.check span {padding: 0 0 0 15px; background-image:url(/images/site/mbl/ico/icon_write_complete.png);}

.btn_share span {display:inline-block;padding:0 0 0 12px;box-sizing:border-box;background-image:url(/images/site/mbl/ico/ico_share.png);background-position:0 center;background-size:10px auto;background-repeat:no-repeat;font-size:15px;color:#fff;}
.btn_file_down {display:inline-block;overflow:hidden;height:25px;padding:0 10px;box-sizing:border-box;background-color:#1c7fa4;line-height:37px;border-radius:6px;}
.btn_file_down span {display:inline-block;padding:0 0 0 17px;box-sizing:border-box;background-image:url(/images/site/mbl/ico/ico_file_down.png);background-position:0 center;background-size:10px auto;background-repeat:no-repeat;font-size:12px;line-height:24px;color:#fff;}

/* 220329 추가 */
.active_btn_list {font-size: 0;}
.active_btn_list li {margin: 6px 0 0;}
.active_btn_list li:first-child {margin: 0;}
.active_btn_list li a {display:inline-block; position: relative; overflow: hidden; width: 100%; border-radius: 6px;}
.active_btn_list li a .icon {position:absolute; top: 0; left: 0;display:inline-block; width: 35px; height: 35px;}
.active_btn_list li a .content {display:inline-block; width: 100%; height: 35px; font-weight: 500; font-size: 14px; line-height: 35px; color: #fff; text-align: center;}
.active_btn_list li.icon01 a .icon {background-color: #0f5f86; background-image: url(/images/site/mbl/ico/icon_list.png); background-size: 13px auto; background-position: center center; background-repeat: no-repeat;}
.active_btn_list li.icon01 a .content {background-color: #1c7fa4;}
.active_btn_list li.icon02 a .icon {background-color: #0ca1a1; background-image: url(/images/site/mbl/ico/icon_page_check.png); background-size: 13px auto; background-position: center center; background-repeat: no-repeat;}
.active_btn_list li.icon02 a .content {background-color: #16baba;}
.active_btn_list li.icon03 a .icon {background-color: #0b9465; background-image: url(/images/site/mbl/ico/icon_active_insert.png); background-size: 13px auto; background-position: center center; background-repeat: no-repeat;}
.active_btn_list li.icon03 a .content {background-color: #15b085;}


/* -- 220315 수정 -- */
.btn_mapView {display:inline-block;position:relative;height:30px;padding:0 13px 0 26px;box-sizing:border-box;background:#1c7fa4;line-height:30px;color:#fff;font-weight:400;text-align:center;letter-spacing:-1px;font-size:14px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:6px;}
.btn_mapView:before {content:'';display:inline-block;position:absolute;top:50%;left:12px;width:7px;height:10px;background-image:url(/images/site/mbl/ico/ico_anchor.png);background-repeat:no-repeat;background-size:100% auto;background-position:center center;transform:translateY(-50%);}
/* -- //220315 수정 -- */
.btn_groupJoin {position:absolute;right:0;top:50%;display:block;width:45px;/* height:30px; */margin-top:-15px;border:1px solid #1c7fa4;color:#1c7fa4;font-weight:500;line-height:30px;text-align:center;box-sizing:border-box;letter-spacing:-1px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}

.btn_sendSearch {display:inline-block;width:70px;height:40px;border:1px solid #1c7fa4;border-radius:5px;text-align:center;color:#1c7fa4;font-weight:500;line-height:40px;box-sizing:border-box;letter-spacing:-1px}
.btn_sendSearch span {display:inline-block;padding-left:18px;background:url(/images/site/mbl/ico/ico_sendSearch.png) no-repeat 0 center;background-size:14px auto}

/* 모집 취소, 삭제, 재승인 */
.btn_cmn {display:inline-block;width:48px;height:20px;text-align:center;box-sizing:border-box;font-weight:500;font-size:11px;line-height:19px;letter-spacing:-1px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px}
button.btn_cmn {line-height:19px}
.btn_cmn.btn_cmn01 {color:#dd3402;border:1px solid #dd3402}
.btn_cmn.btn_cmn02 {color:#bbb;border:1px solid #bbb}
.btn_cmn.btn_cmn03 {color:#f1592a;border:1px solid #f1592a}

/* 연계버튼 */
.period {font-size:11px;color:#727272;}
/* 220318 추가 */
.status_area {font-size:0;margin:0 0 10px 0;}
.status_area .ico_type {margin: 0 5px 0 0;}
.atv_info.data_area {margin: 5px 0 0;}
.listStyle .atv_info dl dd span.ico_building {display:inline-block;padding: 0 0 0 17px;background-image: url(/images/site/mbl/ico/view_info_icon01.png);background-size: 14px 16px;background-position: 0 0;background-repeat: no-repeat;}
.listStyle .atv_info dl dd span.loca {margin: 0 0 0 10px;}
.listStyle .atv_info dl dd span.loca.no {margin: 0;}
/* 220318 수정 */
.cntcbtn {display:inline-block;overflow:hidden;height:20px;padding:0 8px;font-size:0;box-sizing:border-box;cursor: pointer;border-radius:3px;vertical-align:middle;}
.cntcbtn:HOVER {opacity:0.8}
.cntcbtn span {display:inline-block;font-weight:500;font-size:12px;line-height:18px;}
.success {border:1px solid #00a67a;color:#00a67a;}
.fail {border:1px solid #f1592a;color:#f1592a;}
.request {border:1px solid #1c7fa4;color:#1c7fa4;}
.working {border:1px solid #bdbdbd;color:#bdbdbd;}
/* 220318 수정 */


/* 페이지 버튼 */
.listBtn {padding-top:15px;text-align:center}
.listBtn > * {display:inline-block}
.listBtn a {width:35px;height:32px;text-indent:-9999em}
.listBtn .btn_prev {background:url(/images/site/mbl/btn/btn_pagePrev.png) no-repeat;background-size:35px auto}
.listBtn .btn_next {background:url(/images/site/mbl/btn/btn_pageNext.png) no-repeat;background-size:35px auto}
.listBtn span {padding:6px 15px 0 15px;font-size:17px;color:#bcbcbc;vertical-align:top}
.listBtn strong {color:#555}

/* 220315 페이지네이션 추가 */
.pagination {margin: 32px 0 0;font-size: 0;text-align:center;}
.pagination > a {display:inline-block;width:18px;height:18px;margin:0 2px;border:1px solid #bdbdbd;font-weight:500;font-size:10px;line-height:16px;color:#9e9e9e;text-align:center;border-radius:5px;vertical-align:top;box-sizing:border-box;}
.pagination > a.active {border:1px solid #757575;background-color:#757575;color:#fff;}
.pagination > a.pg_first, .pagination > a.pg_prev, .pagination > a.pg_next, .pagination > a.pg_last {border:none;font-size:0;}
.pagination > a.pg_first {background-image:url(/images/site/mbl/btn/btn_first.png);background-position:center center;background-size:11px auto;background-repeat:no-repeat;}
.pagination > a.pg_prev {background-image:url(/images/site/mbl/btn/btn_prev.png);background-position:center center;background-size:7px auto;background-repeat:no-repeat;}
.pagination > a.pg_next {background-image:url(/images/site/mbl/btn/btn_next.png);background-position:center center;background-size:7px auto;background-repeat:no-repeat;}
.pagination > a.pg_last {background-image:url(/images/site/mbl/btn/btn_last.png);background-position:center center;background-size:11px auto;background-repeat:no-repeat;}
/* //220315 페이지네이션 추가 */


/* 탭버튼 */
.tabW {padding:13px 10px 0 10px}
.tabTlt {overflow:hidden}
.tabTlt li {float:left;width:50%;text-align:center;box-sizing:border-box}
.tabTlt.tab4 li {width: 25%;}
.tabTlt.tab4 li a {font-size: 12px;}
/* .tabTlt li:first-child {padding:2px 1px 0 0} */
.tabTlt li.active {padding-top:0}
.tabTlt a {display:block;height:40px;border-radius:7px 7px 0 0;background-color:#f5f5f5;line-height:40px;color:#bdbdbd;font-size:13px;font-weight:500;letter-spacing:-0.5px}
.tabTlt li.active a {height:40px;background:#fff /* url(/images/site/mbl/ico/ico_tabArrow.png) no-repeat 93% center */;background-size:10px auto;border:2px solid #f1592a;border-bottom:0 none;line-height:40px;color:#f1592a;/* font-size:15px */}

@media only screen and (max-width:420px) {
.tabPersonal li.active a {background-position:95% center}
}
@media only screen and (max-width:380px) {
.tabPersonal li.active a {font-size:14px}
}

.tabContent {padding-top:15px;border-top:2px solid #f1592a;margin-top:-2px}
.tabCon {display:none}
.tabCon01 {display:block}
.tabCon .join-content {padding: 10px 0;}
.tabCon .formBtnW {padding: 10px 0 0;}
.tabCon04 .myViewTop {margin: 0 0 20px;}



.tabOne {position:relative;overflow:hidden;z-index:2}
.tabOne p.tab {float:left;width:50%;padding-right:1px;box-sizing:border-box;text-align:center}
.tabOne p.tab span {display:block;height:42px;border-radius:7px 7px 0 0;background:#fff /* url(/images/site/mbl/ico/ico_tabArrow.png) */ no-repeat 93% center;background-size:10px auto;border:2px solid #f1592a;border-bottom:0 none;line-height:43px;color:#f1592a;font-size:15px;letter-spacing:-0.5px;font-weight:500}

/* 아이콘 스타일 - 문화, 체육, 청소년, 재능, 신규 */
.ico_type {display:inline-block;width:47px;height:20px;line-height:20px;font-size:11px;font-weight:400;text-align:center;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}
.ico_type01 {background:#fcb03f;} /* 문화 */
.ico_type02 {background:#74aec4} /* 체육 */
.ico_type03 {background:#848484} /* 청소년 */


.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} /* 신규 */
.ico_lock {display:inline-block;width:10px;height:14px;background:url(/images/site/mbl/ico/ico_lock.png) no-repeat;background-size:10px auto;text-indent:-9999em} /* 비밀글 */
.subTlt .ico_lock {position:relative;top:6px;background-image:url(/images/site/mbl/ico/ico_lockH.png)}

/* 모집중 건수 */
.ico_statusCnt {display:inline-block;position:absolute;top:50%;right:0;margin: -9px 0 0;width:18px;height:18px;border:1px solid #f1592a;font-size:11px;font-weight:bold;color:#f1592a;text-align:center;line-height:18px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px}

/* 모집상태 */
.ico_status {display:inline-block;height:18px;border-radius:3px;padding:0 10px;font-size:11px;line-height:18px;color:#fff;text-align:center;font-weight:400}
.ico_status01 {border: 1px solid #f1592a; color: #f1592a;}
.ico_status02 {border: 1px solid #00a67a; color: #00a67a;}
.ico_status03 {height: 20px; line-height: 20px; background-color: #bdbdbd;}
.ico_status04 {border: 1px solid #bdbdbd; height: 20px; line-height: 20px; color: #bdbdbd;}

/* 댓글 */
/* 220317 color 수정 */
.ico_comment {color:#757575;font-size:11px}
.ico_comment.zero {color:#c7c7c7}
.ico_comment {display:inline-block;margin-right:5px;margin: 0 0 0 10px;padding: 0 0 0 20px;background:url(/images/site/mbl/ico/icon_reply.png) no-repeat;background-size:16px auto;line-height:16px;}
.ico_comment:first-child {margin: 0;}

/* 신고 버튼 2022-04-19 */
.report_list {font-size: 0;}
.report_list dd {display: inline-block; margin: 0 !important;}
.report_list dd:nth-child(2) {margin: 0;}
.ico_report1 {display:inline-block;margin-right:5px;padding: 0 0 0 20px;background:url(/images/site/mbl/ico/ico_report1.png) no-repeat;background-size:16px auto;font-size: 12px;line-height:16px; vertical-align: top;}
.ico_report2 {display:inline-block;margin-right:5px;margin: 0 0 0 10px;padding: 0 0 0 20px;background:url(/images/site/mbl/ico/ico_report2.png) no-repeat;background-size:16px auto;font-size: 12px;line-height:16px;  vertical-align: top;}

/* 목록 스타일 */
.listStyle {padding:0 10px}
.tabW .listStyle {padding:0}
.listStyle li {position:relative;}
.listStyle li > a:first-child {position:relative;display:block;padding:14px 20px 11px 0;border-bottom:1px solid #efefef}
.listStyle li:last-child > a {border-bottom:1px solid #c7c7c7}
.listStyle .ico_type {/* position:absolute;left:0;top:50%;width:36px;margin-top:-10px */vertical-align:middle;}
.listStyle dt {position:relative;display:inline-block;max-width:100%;margin-bottom:3px;/* font-weight:bold; */box-sizing:border-box}
.listStyle li.new dt {padding-right:21px}
.listStyle li dl dd .date_box {margin: 10px 0 0;}

/* 220330 추가 */
.listStyle.provol_list {}
.listStyle.provol_list li > .box {position:relative; display:block; padding: 14px 20px 11px 0; border-bottom: 1px solid #efefef; box-sizing: border-box;}
.listStyle.provol_list li > .box.no_pd {padding: 14px 0 11px 0; box-sizing: border-box;}
.listStyle.provol_list li:last-chidl .box {border-bottom: none;}
.listStyle.provol_list li .box .tblStyle02 tr td .provol_appl_text {min-height: 120px; padding: 15px; border: 1px solid #e0e0e0; background-color: #f6f6f6; font-weight: 300; font-size: 14px; line-height: 20px; color: #757575; border-radius: 6px; box-sizing: border-box;}
.bot_grey_anc {padding: 0 10px; font-weight: 300; font-size: 13px; line-height: 18px; color: #757575; box-sizing: border-box;}
.listStyle.provol_list li .box .btnR {padding: 5px 0 5px; box-sizing: border-box;}
.listStyle.provol_list li .box .btnR .btn_share.write span {padding: 0 0 0 14px; background-image:url(/images/site/mbl/ico/icon_write.png); background-repeat: no-repeat;}
.listStyle.provol_list li .box .btnR .btn_share.write.disabled {background-color: #bdbdbd;}
.listStyle.provol_list li .box .btnR .btn_share.write.disabled span {padding: 0 0 0 14px; background-image:url(/images/site/mbl/ico/icon_write_complete.png);}

.listStyle.provol_list li .box.no_pd .activity_date_area {margin: 0 -15px; padding: 15px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; background-color: #fafafa; box-sizing: border-box;}
.listStyle.provol_list li .box.no_pd .activity_date_area .btn_area {font-size: 0;}
.listStyle.provol_list li .box.no_pd .activity_date_area .btn_area > a {margin: 0 0 0 5px;}
.listStyle.provol_list li .box.no_pd .activity_date_area .btn_area > a:first-child {margin: 0;}
.listStyle.provol_list li .box.no_pd .activity_date_area .date_insert_form {}
.listStyle.provol_list li .box.no_pd .activity_date_area .date_insert_form .list > li {position: relative; padding: 10px 0; border-bottom: 1px solid #efefef; box-sizing: border-box;}
.listStyle.provol_list li .box.no_pd .activity_date_area .date_insert_form .list > li > .btn_date_delete {display:inline-block; position: absolute; top: 21px; right: 5px; width: 18px; height: 18px; border: none; background-image:url(/images/site/mbl/ico/icon_date_delete.png); background-position: center center; background-size: 18px auto; background-repeat: no-repeat; font-size: 0;}
.listStyle.provol_list li .box.no_pd .activity_date_area .date_insert_form .list > li > .time_area {margin: 10px 0 0;}
.listStyle.provol_list li .box.no_pd .activity_date_area .date_insert_form .list > li > .date_area .text {display: inline-block; padding: 0 5px; font-size: 16px; color: #757575; line-height: 40px; vertical-align: top; }
.listStyle.provol_list li .box.no_pd .activity_date_area .date_insert_form .list > li > .date_area .date_insert_input {display: inline-block; width: calc(25% - 30px) !important; margin: 0 0 0 20px; vertical-align: top;}
.listStyle.provol_list li .box.no_pd .activity_date_area .total_time_area {position:relative; margin: 16px 0 0; font-weight: 400; font-size: 14px; line-height: 24px; color: #424242;}
.listStyle.provol_list li .box.no_pd .activity_date_area .total_time_area .time_area {dipslay:inline-block; position: absolute; top: 50%; right: 0; font-weight: 400; font-size: 14px; line-height: 24px; color: #424242; transform: translateY(-50%); }
.listStyle.provol_list li .box.no_pd .activity_date_area .total_time_area .time_area span {display:inline-block; font-weight:700; font-szie: 17px; line-height: 24px; color: #f1592a;}
.listStyle.provol_list li .box.no_pd .time_input {padding: 15px 0 11px 0; font-size: 0;box-sizing: border-box;}
.listStyle.provol_list li .box.no_pd .time_input > .total_text {padding: 0 0 7px 0; font-weight: 400; font-size: 14px; line-height: 24px; box-sizing: border-box;}
.listStyle.provol_list li .box.no_pd .time_input > select {width: calc(25% - 25px);}
.listStyle.provol_list li .box.no_pd .time_input > span {display: inline-block; padding: 0 5px; font-size: 14px; color: #757575; line-height: 40px; vertical-align: top;}
.listStyle.provol_list li .box.no_pd .time_input .btn_area {margin: 10px 0 0;}


/* 220316 수정 */
.listStyle dt > span:first-child {display:block;width:100%;overflow:hidden;text-overflow:ellipsis;height: 40px;letter-spacing:-0.4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 20px;}
.listStyle dt > span:first-child .vol_id {font-weight: 500; font-size: 15px; line-height: 20px; color: #424242;}
/* //220316 수정 */
.listStyle dt .ico_new {position:absolute;top:3px;right:0}
.listStyle dt span.division {color:#888888}
.listStyle dd {margin:5px 0 0; color:#727272;font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.3px;word-break:keep-all;}
.listStyle dd span.division {color:#888888}
/* 220317 추가 */
.listStyle dd span.user_name {display: inline-block; padding: 0 0 0 17px; background-image: url(/images/site/mbl/ico/icon_user.png); background-size: 14px 14px; background-position: 0 center; background-repeat: no-repeat;}
.loca {display: inline-block; padding: 0 0 0 17px; background-image: url("/images/site/mbl/ico/ico_loca.png"); background-size: 14px 16px; background-position: 0 0; background-repeat: no-repeat;}
.listStyle dd .loca {display: inline-block; padding: 0 0 0 14px; background-image: url("/images/site/mbl/ico/ico_loca.png"); background-size: 14px 16px; background-position: 0 0; background-repeat: no-repeat;}
.listStyle dd .loca.m10 {margin: 0 10px;}
.listStyle dd .icon_category {display: inline-block; margin: 0 0 0 10px; padding: 0 0 0 17px; background-image: url("/images/site/mbl/ico/icon_atv_category.png"); background-size: 14px 16px; background-position: 0 0; background-repeat: no-repeat;}
.listStyle .atv_info dd .date_box {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -0.3px; word-break: keep-all;}
.listStyle .atv_info dd .date_box .date {display: inline-block; margin: 0 10px 0 0; padding: 0 0 0 17px; background-image: url("/images/site/mbl/ico/ico_date.png"); background-size: 14px 16px; background-position: 0 0; background-repeat: no-repeat;font-size: 12px;line-height: 16px;color: #727272;}
.listStyle .atv_info dd .date_box .recruit_date {display: inline-block; margin: 0 10px 0 0; padding: 0 0 0 18px; background-image: url("/images/site/mbl/ico/ico_recruit_date.png"); background-size: 16px 10px; background-position: left center; background-repeat: no-repeat;font-size: 12px;line-height: 16px;color: #727272;}
.listStyle dd .date {display: inline-block; margin: 0 0 0 10px; padding: 0 0 0 17px; background-image: url("/images/site/mbl/ico/ico_date.png"); background-size: 14px 16px; background-position: 0 0; background-repeat: no-repeat;}
.listStyle dd .date.no {margin: 0;}
.listStyle .typeB {color:#727272}

.listStyle li > a .ico_type {display: inline-block;vertical-align: top;}
/* 220328 위쪽 마진값 추가 */
.listStyle li > a p {display: inline-block; vertical-align: top; margin: 0 0 5px;}
/* 220317 margin: 10px 0 0; 삭제 */
.listStyle li > a dl {margin: 5px 0 0;}

/* 220328 추가 */
.listStyle.sty02 li > a dl {margin: 5px 0 7px 0;}
.listStyle.sty02 li > a dl dt span {font-weight:500; font-size: 15px; line-height: 20px; color: #424242;}
.listStyle.sty02 li > a dl dd span {font-size: 15px; color: #424242;}
.listStyle.sty02 li > a dl dd {margin: 7px 0 0;}
/* //220328 추가 */

/* 220425 체크박스 있는 경우 */
.listStyle.sty02.check li {position: relative; display: block; padding: 14px 20px 11px 0; border-bottom: 1px solid #efefef; box-sizing: border-box;}
.listStyle.sty02.check li > p {display: inlie-block; margin: 0 0 5px; vertical-align: top;}
.listStyle.sty02.check li > dl {margin: 10px 0 7px 0;}
.listStyle.sty02.check li > dl dt a {display: inline-block;}
.listStyle.sty02.check li > dl dt a span {font-weight: 500; font-size: 15px; line-height: 20px; color: #424242;}
.listStyle.sty02.check li > dl dd span {font-size: 15px; color: #424242;}
.listStyle.sty02.check li > dl dd {margin: 7px 0 0;}

/* 220316 추가 */
.imgList li a dl dd .user_name, .imgList li.img a dl dd .act_date {color:#757575;} 
.imgList li a dl dd .user_name {display:inline-block;padding:0 0 0 17px;background-image: url(/images/site/mbl/ico/icon_user.png);background-size: 14px 14px;background-position: 0 0;background-repeat: no-repeat;}
/* //220316 추가 */

/* 봉사자 모집공고, 봉사자검색 */
/* .listStyle01 li > a:first-child {padding-left:46px} */
.listStyle01 .talent dt {padding-right:36px}
.listStyle01 .new.talent dt {padding-right:57px}
.listStyle01 .new2.talent dt {padding: 0 20px 0 0;}
.listStyle01.sty02 .new2.talent dt {display:block;position:relative;}
.listStyle01.sty02 .new2.talent dt .chkW {position:absolute;top:-1px;right:0px;}

.listStyle01.sty02 .new2.talent dt.hide {margin: 0;}
.listStyle01.sty02 .new2.talent dt.hide span {overflow: hidden; width: 0px; height: 0px; font-size: 0; text-indet: -99999px;}
.listStyle01.sty02 .new2.talent dt.hide + dd {margin: 0;}

.listStyle01 dt .ico_talent {position:absolute;top:3px;right:0}
.listStyle01 .new .ico_talent {right:21px}

.myListStyle01 li:first-child > a {border-top:1px solid #efefef}
.asideCon .myListStyle01 li:first-child > a  {border-top:0 none}

/* 활동처검색 */
.listStyle02 li > a:first-child {padding-left:46px}
.listStyle02 li.status > a:first-child {padding-right:28px}
.listStyle02 .ico_statusCnt {position:absolute;right:0;top:50%;margin-top:-9px}

/* 활동후기 */
/* 2022-04-21 */
.imgList li {}
.imgList li .box2 {border-top: 1px solid #efefef; padding: 10px 0;}
.imgList li:first-child .box2 {border-top: none;}
.imgList li:last-child .box2 {border-bottom: 1px solid #efefef;}
.imgList li .box2 a {display: block;}
.imgList li .box2 a:first-child {min-height:49px}
/* //2022-04-21 */
/* 220316 수정 */
.imgList li.img a {position:relative;}
.imgList dd:nth-child(2) {margin-bottom:5px}
/* .imgList li.img a .img_box {display: table; table-layout: fixed; width: 100%;}
.imgList li.img a .img_box .imgW {display: table-cell; width: 100%; height: 250px; vertical-align: middle; text-align: center;}
.imgList li.img a .img_box .imgW img {display: inline-block;} */
.imgList .imgW {display:block;width:100%;margin: 0 0 10px;}
.imgList .imgW img {width:100%;border:1px solid #efefef;}
/* //220316 수정 */


/* 그룹리스트 */
.listStyleGroup li > a:first-child {padding-right:50px;/* padding-left:46px */}

/* 공지사항 */
.listStyleNotice {padding:0}
.listStyleNotice li {padding:0;margin:0 12px}
.listStyleNotice li.notice {padding:0 10px;margin:0;background:#f6f9fb}
.listStyleNotice li.notice > a:first-child {/* padding-left:46px */}
/*.listStyleNotice li:last-child > a:first-child {border-bottom:1px solid #efefef}*/

/* 묻고답하기 */
.qnaList {padding:0}
.qnaList li {margin:0 10px}
.qnaList li.answer {padding:0 10px;margin:0;background:#f6f9fb}
.qnaList li.answer > a:first-child {padding-left:46px}
.qnaList li.answer dt {color:#888888}
.qnaList .lock dt {padding-right:15px}
.qnaList .lock.new dt {padding-right:36px}
.qnaList dt .ico_lock {position:absolute;top:4px;right:0}
.qnaList .new .ico_lock {right:21px}
.qnaList .ico_type {margin:0;top:12px}

/* 자주하는 질문 */
.faqList {}

/* 마이페이지 리스트 */
.myList{}
.myList li {position:relative;padding:12px 0;border-top:1px solid #efefef}
.myList li:first-child {border-top: 0;}
.myList li:last-child {border-bottom:1px solid #c7c7c7}
.myList li > a:first-child {padding:0;border:0}
.myList dd:nth-child(3) {margin-top:4px}
.listStyle dd:nth-child(3).btn_box {margin:10px 0 0;}


/* 마이페이지 */
.myList01 {}
.myList01 li {position:relative;padding:12px 59px 12px 0;border-top:1px solid #efefef}
.myList01 li:last-child {border-bottom:1px solid #c7c7c7}
.myList01 li > a:first-child {padding:0;border:0}
.myList01 dd:nth-child(3) {margin-top:4px}
.myList01 p > * {position:absolute;right:0;top:37px}
.myList01 p > *:first-child {top:12px}
.myList01 p > *:last-child {top:50%;margin-top:-10px}
.myList01 p > *:first-child + * {top:37px;margin-top:0}

.myList02 li {position:relative;padding:12px 0 12px 0;border-top:1px solid #efefef}
.myList02 li:last-child {border-bottom:1px solid #c7c7c7}
.myList02 li > a:first-child {padding:0;border:0}

/* 그룹관리 */
.myList03 {}
.myList03 li {position:relative;padding:20px 59px 20px 0;border-top:1px solid #efefef}
.myList03 li:last-child {border-bottom:1px solid #c7c7c7}
.myList03 li > a:first-child {padding:0;border:0}
.myList03 p > * {position:absolute;right:0;top:37px}
.myList03 p > *:first-child {top:12px}
.myList03 p > *:last-child {top:50%;margin-top:-10px}
.myList03 p > *:first-child + * {top:37px;margin-top:0}

/* 그룹리스트 */
.groupList li {position:relative}
.groupList li:first-child > a {border-top:1px solid #efefef}
.groupList p {position:absolute;right:0;top:50%;margin-top:-10px}
.groupList p *:last-child {margin-left:10px}

/* 쪽지 */
.noteList {padding:0}
.noteList li {position:relative;padding:12px 59px 9px 0;border-top:1px solid #efefef}
.noteList li:first-child {border-top:0 none}
.noteList li:last-child {border-bottom:1px solid #c7c7c7}
.noteList li > a:first-child {padding:0;border:0}
.noteList p > * {position:absolute;right:0;top:50%;margin-top:-10px}
.noteList dd {overflow:visible;white-space:normal;line-height:1.4}

/* 220329 추가 */
.noteList dt .message_id {font-weight: 500;}
.noteList dd .message_date {display:inline-block;padding: 0 0 0 15px;background-image:url(/images/site/mbl/ico/icon_message_date.png);background-position: left center;background-size: 12px auto;background-repeat:no-repeat;color: #bdbdbd;box-sizing: border-box;}
.noteList p > .btn_msg_remove {width: 25px; height: 25px; border: none; background-image:url(/images/site/mbl/ico/icon_msg_remove.png); background-position: center center; background-size: 13px auto; background-repeat: no-repeat; font-size: 0;}


/* 상세보기 top */
.viewTop {margin: 15px 10px;padding:15px 0px;margin-bottom:10px;border-bottom:1px solid #efefef;}
.viewTop .categoryTop {margin-bottom:5px}
/* 220317 수정 */
.viewTop .info {margin:10px 0 0 0;font-size:12px;color:#888888;line-height: 18px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -0.3px; word-break: keep-all;}
.viewTop .info strong {color:#f1592a}
/* 220317 추가 */
.viewTop .info .user_name {display: inline-block; padding: 0 0 0 17px; background-image: url(/images/site/mbl/ico/icon_user.png); background-size: 12px 12px; background-position: 0 center; background-repeat: no-repeat;}
.viewTop .info .date {display: inline-block; margin: 0 0 0 10px; padding: 0 0 0 17px; background-image: url(/images/site/mbl/ico/ico_date.png); background-size: 12px 13px; background-position: 0 center; background-repeat: no-repeat;}
.viewTop .info .views {display:inline-block; margin: 0 0 0 10px;}

/* 220317 추가 */
.viewTop .info .division {display:inline-block;padding:0 10px;color:#dcdcdc;vertical-align:1px}
.viewTop .info02 {margin-top:7px}
.viewBtnW {position:relative;padding-right:130px;margin-top:20px}
.viewBtnW .btn_style {width:100%}
.viewBtnW .btn_com01 {position:absolute;top:0;right:0}
.viewBtnW .btn_mbl_kakao {position: absolute;top: 0;right: 90px;}

.viewGroupBtnW {margin-top:20px;text-align:center}
.viewGroupBtnW .btn_style {width:200px}

.viewTop .info .icon {margin: 0 5px 0 0; padding: 0 0 0 15px; background-size: 14px 16px; background-position: 0 0; background-repeat: no-repeat;}
.viewTop .info .icon.icon01 {display: block; width: 100%; margin: 0 0 10px; background-image: url("/images/site/mbl/ico/view_info_icon01.png");}
.viewTop .info .icon.icon02 {background-image: url("/images/site/mbl/ico/view_info_icon02.png");}
.viewTop .info .icon.icon03 {background-image: url("/images/site/mbl/ico/view_info_icon03.png");}
.viewTop .info .icon.icon_category {padding: 0 0 0 17px; background-image: url(/images/site/mbl/ico/icon_atv_category.png); background-position: 0 center; background-size: 14px auto;}

.attach_file_list {margin:20px 0 10px;}

/* 활동처 검색 상세보기 */
.activityIng {margin-top:20px}
.activityIng dt {margin-bottom:13px;font-size:14px;font-weight:bold}
.activityIng span {/* color:#888888; */font-size:12px;font-weight:normal}
.activityIng .division {color:#dcdcdc;font-size:14px;vertical-align:1px}
.activityIng dd {font-size:14px;line-height:1.1}
.activityIng li {padding-left:10px;margin-top:10px;background:url(/images/site/mbl/bul/bul_dot_activityIng.png) no-repeat 0 6px;background-size:4px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.activityIng li:first-child {margin-top:0}

/* 봉사자검색 상세보기 */
.viewTalentTop {padding:20px 10px;border-bottom:1px solid #c7c7c7}
.viewTalentTop .subTlt {margin-bottom:15px}
.viewTalentTop .ico_type {vertical-align:2px}

.volunteerView {overflow:hidden}
.volunteerView dl {float:left;padding-top:5px;letter-spacing:-0.5px}
.volunteerView dt {margin-bottom:17px;font-size:22px;color:#1c7fa4;font-weight:bold}
.volunteerView dt .date {margin: 0 0 0 5px; padding: 0 0 0 17px; background-image: url(/images/site/mbl/ico/ico_date.png); background-size: 14px 16px; background-position: 0 0; background-repeat: no-repeat;font-size:12px;color:#888888;font-weight:normal;letter-spacing:0}
.volunteerView dd {padding-left:7px;border-left:2px solid #1c7fa4;color:#727272;font-size:12px}
.volunteerView dd:last-child {margin-top:9px}
.volunteerView dd strong {display:inline-block;width:65px;color:#464646}
.volunteerView dd .division {color:#888888;vertical-align:1px}
.volunteerImg {float:left;margin-right:10px;overflow:hidden;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px}
.volunteerImg img {width:71px}

.viewTalentBottom {padding:0 10px}
.volunteerTxt {padding:25px 0 0 0;font-size:14px;color:#252525;line-height:1.3;text-align:justify}

.btn_wrap {position: fixed; left: 0; bottom: 0; right: 0; width: 100%;  z-index: 9;}
.btn_area {}
.btn_area .btn_style99 {}
.btn_area .btn {display: block; width: 100%; height: 50px; background-color: #ff9600; font-weight: 500; font-size: 20px; line-height: 50px; color: #ffffff; text-align: center;}
.btn_area .btn.btn_style .text {padding: 0 0 0 20px; background-image: url("/images/site/mbl/ico/apply_icon.png"); background-position: left center; background-size: 18px 18px; background-repeat: no-repeat;}
#sticky-wrapper{}


.share_list {}
.share_list .list {font-size: 0;}
.share_list .list > li {display: inline-block; position: relative; width: calc(25% - 7.5px); margin: 0 10px 0 0; vertical-align: top;}
.share_list .list > li:last-child {margin: 0;}
.share_list .list > li .box {display: block; padding: 20px 0; border-radius: 7px; background-color: #fff1ed; text-align: center;}
.share_list .list > li .box .box_inner {display: table; table-layout: fixed; width: 100%; }
.share_list .list > li .box .box_inner .text {display: table-cell; width: 100%; vertical-align: middle; padding: 30px 0 0; background-size: 20px 20px; background-position: top center; background-repeat: no-repeat; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; line-height: 20px; color: #424242;}
.share_list .list > li.icon01 .box .box_inner .text {background-image: url("/images/site/mbl/ico/share_icon01.png");}
.share_list .list > li.icon02 .box .box_inner .text {background-image: url("/images/site/mbl/ico/share_icon02.png");}
.share_list .list > li.icon03 .box .box_inner .text {background-image: url("/images/site/mbl/ico/share_icon03.png");}
.share_list .list > li.icon04 .box .box_inner .text {background-image: url("/images/site/mbl/ico/share_icon04.png");}

/* 220427 공유하기  */
.sns_share_box {display: none; position: absolute; bottom: -40px; left: 50%; width: 170px; font-size: 0; box-sizing: border-box; transform: translateX(-50%); z-index: 2;}
.sns_share_box.on {display: block;}
.sns_share_box li {display: inline-block; margin: 0 5px 0 0;}
.sns_share_box li:last-child {margin: 0;}
.sns_share_box li button {display: inline-block; width: 30px; height: 30px; background-color: #3b5998; border-radius: 3px; color: #fff; font-size: 17px; text-align: center;}
.sns_share_box li.twitter button {background-color: #55acee;}
.sns_share_box li.kakaostory button {background-color: #fccb00;}
.sns_share_box li.kakaotalk button {background-color: #fccb00;}
.sns_share_box li.kakaotalk button i:before {font-size: 24px; color: #391d1d;}
.sns_share_box li.blog button {background-color: #00c73c;}
.sns_share_box li button i {height: 30px; line-height: 30px;}


/* 요청하기, 댓글 */
.replyListW {position:relative;padding:0 10px;margin-top:25px}
.replyListW h3 {margin-bottom:15px;font-size:16px;letter-spacing:-1px}
.replyListW h3 strong {color:#f1592a}
 .replyListW dl dt {margin: 0;}

.replyListW ul {border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0}
.replyListW li {position:relative;padding:12px 10px;border-top:1px solid #ececec}
.replyListW li:first-child {border-top:0 none}
/* .replyListW li.userWrite {background:#f9f9f9} */
.replyListW dl {font-size:12px}
.replyListW dt {position:relative;margin-bottom:13px;font-weight:500;vertical-align:middle;}
/* 220317 추가 */
.replyListW dt .btn_reply_more {display:inline-block;width:14px;height:14px;position:absolute;top:5px;right:5px;font-size:0;background-image:url(/images/site/mbl/ico/ico_reply_more.png);background-position:center center;background-size: 2px auto; background-repeat:no-repeat;}
.replyListW dt .write_user {display:inline-block;margin:0 10px 0 0;font-size:14px;line-height:24px;}
.replyListW dt .write_time {display:inline-block;padding: 0 0 0 15px;box-sizing:border-box;background-image:url(/images/site/mbl/ico/ico_write_time.png);background-position:0 center;background-size:12px auto;background-repeat:no-repeat;font-weight:400;font-size:12px;line-height:18px;color:#bdbdbd;}

.replyListW dt .division {color:#757575;vertical-align:1px}
.replyListW dt .date {color:#888888;font-weight:normal}
.replyListW dd {font-size:14px;color:#727272;line-height:1.4;letter-spacing:-1px}

/* 220317 추가 */
.replyListW dd .reply_area {position:relative;margin: 0 0 12px;padding: 0 90px 0 0;box-sizing:border-box;}
.replyListW dd .btn_reply_submit {display:inline-block;position:absolute;top:0;right:0;overflow:hidden;width:80px;height:100px;background-color:#f1592a;font-size:14px;line-height:100px;color:#fff;border-radius:6px;}


.replyBtn {position:absolute;top:0;right:0;}
.replyBtn .btn_replyMod {display:block;width:4px;height:15px;padding:10px 10px;background:url(/images/site/mbl/btn/btn_replyMod.png) no-repeat center;background-size:auto 15px;text-indent:-9999em;outline:none}
.replyBtn ul {display:none;position:absolute;top:29px;right:0;width:59px;border:1px solid #d0d0d0;background:#fff;z-index:20}
.replyBtn li {padding:0;text-align:center;border:0 none}
.replyBtn li a {display:block;height:36px;font-size:13px;color:#252525;line-height:36px}

.btn_replyWrite {position:absolute;top:2px;right:10px}
.btn_replyWrite a {font-size:14px;color:#1c7fa4;text-decoration:underline}


/* 테이블 스타일 */
.viewTable {padding:0 10px}
.viewTable.ptb20 {padding: 20px 10px;}
table {width:100%}
.thWidth56 th {width:56px}
.thWidth71 th {width:71px}
.thWidth85 th {width:85px}
.thWidth87 th {width:87px}
.thWidth98 th {width:98px}

.tblStyle02 {}
.tblStyle02 th, .tblStyle02 td {padding:9px 0 10px 0;border-top:1px solid #ececec;font-size:14px;line-height:1.3; font-weight: 400;}
.tblStyle02 tr:first-child th, .tblStyle02 tr:first-child td {border-top:0 none}
.tblStyle02 th {position: relative; color:#424242;text-align:left;vertical-align:top;letter-spacing:-0.5px; padding: 9px 0 10px 10px;}
.tblStyle02 td {color:#757575;text-align:justify;position: relative;}
.tblStyle02 th:before {display: block; content: ""; position: absolute; left: 0; top: 16px; width: 4px; height: 4px; border-radius: 50%; background-color: #f1592a; }
.tblStyle02 td .attachFile {display: inline-block; position: relative; font-weight: 400; font-size: 14px; line-height: 1.3; color: #328ffe; padding: 0 0 0 15px; background-image: url(/images/site/mbl/ico/ico_attach_clip.png); background-position: left top 3px; background-size: 9px 15px; background-repeat: no-repeat; text-decoration: underline;}
.listStyle.provol_list li .tblStyle02 td .attachFile {background-position: top 2px left; word-break: keep-all;}
/* 220328 추가 */
.tblStyle02.no-bd th {padding:7px 0 7px 10px; border: none;}
.tblStyle02.no-bd td {padding:7px 0 7px 10px; border: none;}
/* //220328 추가 */

.tblStyle02_01 {border-bottom:1px solid #d0d0d0}
.tblStyle02_01 tr:first-child th, .tblStyle02_01 tr:first-child td {border-top:1px solid #d0d0d0}
.tblStyle02_01 th {color:#424242}

.tblStyle02_02 {border-bottom:1px solid #ececec}

.tblStyle02_03 {border-bottom:1px solid #ececec}

.tblStyle02_04 {border-bottom:1px solid #ececec}
.tblStyle02_04 tr:first-child th, .tblStyle02_04 tr:first-child td {border-top:1px solid #ececec}

.area_box {position: relative; padding: 0 90px 0 0;}
.area_box .text {}
.mapBtn {/* padding-top:7px */position: absolute; right: 0; top: 0;}
.view_map {width: 100%; height: 250px; margin: 20px 0 0;}
/* 신청자 */
.proposerList {margin-bottom:20px;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0}
.proposerList > li {padding:12px 10px;border-top:1px solid #ececec}
.proposerList li:first-child {border-top:0 none}
.proposerList dt {margin-bottom:5px;font-size:12px;color:#888888; box-sizing: border-box;}
.proposerList dt strong {color:#464646}
.proposerList .attachFile {display: inline-block; position: relative; font-weight: 400; font-size: 14px; line-height: 24px; color: #328ffe; padding: 0 0 2px 15px; background-image: url(/images/site/mbl/ico/ico_attach_clip.png); background-position: 0 center; background-size: 9px auto; background-repeat: no-repeat;}
.proposerList .division {display:inline-block;padding:0 10px;color:#757575;vertical-align:1px}
.proposerList dd {font-size:14px;color:#727272;line-height:1.3}
.proposerList dd .ico_statusCnt {display:none;}
.proposerList dl dt .write_time {display:inline-block;margin:0 0 0 10px;padding: 0 0 0 15px;box-sizing:border-box;background-image:url(/images/site/mbl/ico/ico_write_time.png);background-position:0 center;background-size:12px auto;background-repeat:no-repeat;font-weight:400;font-size:12px;line-height:18px;color:#bdbdbd;}


.viewBottom {padding:12px 10px;background:#f9f9f9}
.viewBottom02 {margin-top:20px}
.viewBottom p {position:relative;padding-left:13px;font-size:12px;color:#727272;line-height:1.45;letter-spacing:-0.5px}
.viewBottom p span {position:absolute;left:0;top:0}

/* 마이페이지 상단 */
.myViewTop {padding:12px 10px;margin:20px 10px;background:#f9f9f9}
.myViewTop p {position:relative;padding-left:13px;font-size:12px;color:#727272;line-height:1.45;letter-spacing:-0.5px}
.myViewTop p span {position:absolute;left:0;top:0}
.myViewTop .list li {position:relative;margin:0 0 3px 0;padding: 0 0 0 7px;font-size:14px;line-height:20px;color:#757575;box-sizing: border-box;}
.myViewTop .list li:last-child {margin: 0;} 
.myViewTop .list li:before {position:absolute;top:9px;left:0;content:'';display:inline-block;width:3px;height:3px;overflow:hidden;border-radius:50%;background-color:#f1592a;}

/* 등록, 글쓰기 */
/* 220317 regW 패딩값 수정 */
.regW {padding:10px;}
.regW h2 {margin-bottom:12px; font-size: 16px;}
.regW dl .tit {margin: 0 0 10px;}
.regW dl .tit .color-orang {padding-left: 5px;}
 .regW.pd_tb {padding: 10px 0;}

/* 220328 추가 */
.pw_check_anc {margin: 0 0 22px; padding: 20px 0 0; box-sizing: border-box;}
.pw_check_anc .txt_box {padding: 10px; background-color: #f6f6f6; font-weight: 400; font-size: 14px; line-height: 20px; color: #f23939; border-radius: 6px; box-sizing: border-box;}

/* 220328 */

/* 220319 추가 */
.day_select {}
.day_select .tit {margin: 20px 0 0;}
.day_select .list {margin:10px 0 0;}
.day_select .list li {display:inline-block;margin:0 45px 5px 0;}
.day_select .list li:last-child {margin: 0;}
.basicForm {}
.basicForm dt label {font-weight: 500; font-size: 14px; }
.basicForm dt.form_title {margin:0 0 10px 0;font-wieght:500;font-size:14px;line-height:20px;color:#424242;}
.basicForm dd {margin-bottom:10px; font-weight: 400; font-size: 16px; color: #757575;}
.basicForm dd .billiards_txt {margin:4px 0 0;font-weight:400;font-size:14px;line-height:20px;color:#757575;}
.basicForm .sort_box + dd {margin: 10px 0 15px 0;}
.basicForm dd .text2 {margin: 5px 0 0; font-weight: 500; font-size: 13px; line-height: 21px;}
.basicForm dd:last-child {margin-bottom:0}
.basicForm textarea {height:94px;line-height:1.2}
.basicForm textarea.height175 {height:175px}
.basicForm textarea.height232 {height:232px}

.basicForm .chkW {margin-top:15px}
.basicForm .chkW label {font-weight:bold}


/* 220317 단 떨어지는 현상 font-size 추가 */
.formBtnW {margin: 0 -2px;padding-top:30px;font-size:0;}
.formBtnW.pt0 {padding: 0 0 0;}
.formBtnW.plr10 {padding: 30px 10px 0;}
.formBtnW.clearfix:after {content:''; display: block; clear: both;} 
/* 220316 수정 */
.formBtnW input {width:calc(50% - 4px);height:35px;margin: 0 2px;border:0 none;color:#fff;font-weight:500;line-height:33px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px;}
.formBtnW.one_btn input {width:calc(100% - 4px);}
.formBtnW input[type=submit] {background:#f1592a}
.formBtnW input[type=reset] {background:#9e9e9e;}
.formBtnW input[type=reset].btnStyle01.btn_grey.bd {border: 1px solid #9e9e9e; background-color: #fff; box-sizing: border-box; color: #9e9e9e;}
.formBtnW button[type="button"].btnStyle01.btn_orange {width:calc(50% - 4px);height:35px;margin: 0 2px;border:0 none;background-color:#f1592a;color:#fff;font-weight:500;line-height:35px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px;}
.formBtnW button[type="button"].btnStyle01.btn_grey {width:calc(50% - 4px);height:35px;margin: 0 2px;border:0 none;background-color:#9e9e9e;color:#fff;font-weight:500;line-height:35px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px;}
.formBtnW #tab1 .bottom_btn_area {margin: 10px 0 0;}
.formBtnW #tab1 .bottom_btn_area button {width: calc(100% - 4px);}
.formBtnW #tab2 button, .formBtnW #tab2 input {width:calc(50% - 4px);}
/* .formBtnW #tab2.button3 button, .formBtnW #tab2.button3 input {width: calc(50% - 4px);} */
.formBtnW #tab2 .bottom_btn_area {margin: 10px 0 0;}
.formBtnW #tab2 .bottom_btn_area button {width: calc(100% - 4px);}
.formBtnW #tab1 .bottom_btn_area.one_btn button, .formBtnW #tab2 .bottom_btn_area.one_btn button {margin: 0;}
.formBtnW button[type="button"].btnStyle01.btn_grey.bd {border: 1px solid #9e9e9e; background-color: #fff; box-sizing: border-box; color: #9e9e9e;}

/*220317 추가 */
.formBtnW .bSubmit {float:right; background-color:#f1592a;}
.formBtnW .bSubmit.w100 {width: 100%;}
.formBtnW .bReset {float:right; background-color:#9e9e9e;}

/* 그룹가입신청 */
.groupJoinForm {}
.groupJoinForm dl {padding:20px 0 22px 0;background:#f2f7f9;text-align:center}
.groupJoinForm dt {margin-bottom:6px;font-size:16px;font-weight:bold;color:#1c7fa4}
.groupJoinForm dd {font-size:13px;color:#727272}

/* 파일 첨부 */
.fileAttachW {padding-top:10px}
.fileAttach {overflow:hidden}
.fileAttach li {float:left;width:50%;padding:0 0 0 8px;box-sizing:border-box}
.fileAttach li .tit {margin:0 0 7px;font-size:14px;color:#424242;}
.fileAttach li:first-child {padding:0 8px 0 0}

/* 220316 수정 */
.fileAttach li button {display:block;width:100%;height:30px;border:1px solid #1c7fa4;background-color:#1c7fa4;line-height:30px;text-align:center;color:#1c7fa4;font-size:13px;font-weight:500;border-radius:6px;box-sizing:border-box;}
.fileAttach li button span {display:inline-block;color:#fff;}
.fileAttach .btn_fileAttach span {padding-left:20px;background:url(/images/site/mbl/ico/ico_fileAttach.png) no-repeat 0 center;background-size:auto 15px}
.fileAttach .btn_photoAttach span {padding-left:22px;background:url(/images/site/mbl/ico/ico_attach_img.png) no-repeat 0 center;background-size:auto 14px}
/* 220316 수정 */
.fileInput {visibility:hidden;position:absolute;left:-9999em;top:-9999em}

/* 파일 첨부 목록 */
.fileAttachList {margin: 10px 0 0;}
.fileAttachList li {position:relative;padding:14px 30px 14px 28px;border: 1px solid #e0e0e0;background-color:#fafafa; background-image:url(/images/site/mbl/ico/ico_attach_form_clip.png); background-size: 8px auto; background-position: left 12px top 17px; background-repeat: no-repeat; margin-top:10px; color:#727272;font-size:13px;line-height: 18px;color:#bdbdbd;border-radius:6px;}
/* .fileAttachList li:first-child {margin-top:10px} */
.fileAttachList li button {position:absolute;top:9px;right:5px;display:block;width:31px;height:31px;background:url(/images/site/mbl/btn/btn_fileDel_new.png) no-repeat center;background-size:20px auto;text-indent:-9999em}

/* 게시판 상세 */
.viewTxt {padding:10px 0;margin:0 10px;border-bottom:1px solid #ececec;font-size:14px;color:#252525;line-height:1.4;text-align:justify}
.viewTxt img {width:100%}
.imgAttachList {}
.imgAttachList li {margin-top:8px;color:#252525}
.imgAttachList li a {color:#252525}
.imgAttachList li:first-child {margin-top:0}

/* 2022-03-21 */
.qnaReply {margin-top:30px; background-color: #fafafa; padding: 15px;}
.qnaReply h3 {margin-bottom:10px; font-weight: 500;}
.qnaReply h3 > div {margin: 10px 0 0;}
.qnaReply h3 > div .user_name {display: inline-block; padding: 0 0 0 17px; background-image: url("/images/site/mbl/ico/icon_user.png"); background-size: 12px 12px; background-position: 0 0; background-repeat: no-repeat;}
.qnaReply h3 > div .date {display: inline-block; margin: 0 0 0 10px; padding: 0 0 0 17px; background-image: url("/images/site/mbl/ico/ico_date.png"); background-size: 12px 13px; background-position: 0 0; background-repeat: no-repeat;}
.qnaReply p {margin: 0 0 10px 0; padding: 10px 0 0;background:#f9f9f9;border-bottom:1px solid #d0d0d0;color:#727272;font-size:14px;line-height:1.4;text-align:justify}
.qnaReply .viewTxt {margin: 5px 0 0; border-bottom: none;}
.viewTxt.new {border-bottom: none;}
.viewTop.new {padding: 15px 0 !important;}
/* 2022-03-21 */


/* 220317 추가 */
.viewTxt .attach_file_list {overflow: hidden; padding: 10px 13px; border: 1px solid #e0e0e0; background-color: #fafafa; box-sizing: border-box; border-radius: 6px;}
.viewTxt .attach_file_list li {display:block; margin: 3px 0 0;}
.viewTxt .attach_file_list li:first-child {margin: 0;}

.viewTxt .attach_file_list li a {display:inline-block;position:relative;font-weight:400;font-size:14px;line-height:24px;color:#328ffe;padding:0 0 2px 15px;background-image:url(/images/site/mbl/ico/ico_attach_clip.png);background-position:left top 6px;background-size: 9px 15px;background-repeat:no-repeat;text-decoration:underline;}
/* .viewTxt .attach_file_list li a:after {content:'';display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#328ffe;} */
/* 마이페이지 */
.activityNotice {padding:15px 10px;margin:20px 10px 0 10px;background:#e8f0f3;font-weight:bold;font-size:13px}
.activityNotice strong {color:#f1592a}
.activityNotice .division {display:inline-block;padding:0 5px;vertical-align:1px;color:#727272}
.activityNotice + .myViewTop {margin-top:10px}

/* 220318 추가 */
.atv_area {padding:10px;box-sizing:border-box;}
.atv_area > div {background-color:#fff1ed;}
.atv_area .count {margin:0 0 5px;padding:20px 7px;box-sizing:border-box;border-top-left-radius:6px;border-top-right-radius:6px;}
.atv_area .count .ico01, .atv_area .count .ico02 {display:inline-block;float:left;width:20px;height:20px;margin: 3px 3px 0 0;background-color:#f1592a;border-radius:50%;overflow:hidden;vertical-align:middle;}
.atv_area .count .ico01 {background-image:url(/images/site/mbl/ico/ico_atv_time.png);background-position:center center;background-size:12px auto;background-repeat:no-repeat;}
.atv_area .count .ico02 {background-image:url(/images/site/mbl/ico/ico_atv_count.png);background-position:center center;background-size:10px auto;background-repeat:no-repeat;}
.atv_area .count ul {font-size:0;}
.atv_area .count ul li {display:inline-block;width:50%;padding: 0 5px 0 0;font-weight:500;font-size:12px;line-height:24px;color:#424242;box-sizing: border-box;vertical-align: top;}
.atv_area .count ul li > div {display: block; overflow: hidden; vertical-align: middle;}
.atv_area .count ul li strong {display:inline-block;margin:0 2px;font-weight:700;font-size:14px;line-height:24px;color:#f1592a;}
.atv_area .announce {padding: 11px 10px;font-weight:400;font-size:14px;line-height:20px;color:#757575;border-bottom-left-radius:6px;border-bottom-right-radius:6px;box-sizing:border-box;}
.atv_area .announce span {display:inline-block;width:16px;height:16px;margin:-3px 5px 0 0;background-image:url(/images/site/mbl/ico/ico_atv_announce.png);background-position:center center;background-size:16px auto;background-repeat:no-repeat;vertical-align:middle;}
/* //220318 추가 */


.ico_mileage {position:absolute;right:0;top:12px;font-size:14px;font-weight:bold;color:#f1592a}
.ico_mileage span {display:inline-block;width:14px;height:14px;margin-right:5px;background:url(/images/site/mbl/ico/ico_mileageP.png) no-repeat;background-size:100%;text-indent:-9999em;vertical-align:middle}
.ico_mileageM {color:#1c7fa4}
.ico_mileageM span {background-image:url(/images/site/mbl/ico/ico_mileageM.png)} /* 차감 */

.mySubTlt {margin:22px 10px 10px 10px}

.matchForm legend {display:block;padding:0;margin:0 10px 10px 10px;font-weight:bold;font-size:20px;line-height:1.2;letter-spacing:-1px}
.mySubTlt + .myViewTop {margin-top:0;margin-bottom:0}

/* 맞춤봉사정보 설정*/
.matchForm {padding-top:30px}
.matchForm fieldset {margin-bottom:30px}
.matchForm fieldset.last {margin-bottom:0}
.matchForm dl {background:#f2f7f9;border-bottom:1px solid #e3e3e3}
.matchForm dt {padding:0 10px;border-top:1px solid #e3e3e3;}
.matchForm dt.open {background:#1c7fa4;border-top:1px solid #aaa;border-bottom:1px solid #e2e2e2}
.matchForm dt a {display:block;height:43px;background:url(/images/site/mbl/ico/ico_arrowDown.png) no-repeat 100% center;background-size:18px auto;line-height:43px;font-weight:bold;color:#1c7fa4}
.matchForm dt.open a {background-image:url(/images/site/mbl/ico/ico_arrowUp.png);color:#fff}
.matchForm dd {overflow:hidden;height:0}
.matchForm .area01 dd.open {height:160px}
.matchForm .area02 dd.open {height:110px}
.matchForm dd div {padding:10px}
.matchForm select {margin-bottom:10px}
.matchForm dd select:last-child {margin-bottom:0}
.matchForm ul {overflow:hidden;padding:0 10px;padding-bottom:1px}
.matchForm li {float:left;font-weight:bold}
.matchForm li:first-child {margin-right:50px}
.matchForm .formBtnW {margin:0 10px}
.matchForm dt, .matchForm dt a {-webkit-transition:all 0.4s 0s;-moz-transition:all 0.4 0s;-ms-transition:all 0.4s 0s;transition:all 0.4s 0s}
.matchForm dd {-webkit-transition:all 0.3s 0s;-moz-transition:all 0.3s 0s;-ms-transition:all 0.3s 0s;transition:all 0.3s 0s}

.passwordTop {margin-bottom:15px}
.passwordTop + .regW {padding-top:0}

/* 쪽지 보내기 */
.noteTlt {font-size:16px}
.sendUser {position:relative;padding-right:80px}
.sendUser .btn_sendSearch {position:absolute;right:0;top:0}
/* 220421 파일리스트와 쪽지 보낼사람 리스트 분리 */
.fileAttachNoteW li {padding: 14px 10px; background-image: none;}
.fileAttachNoteW li:last-child {margin-bottom:10px}
.fileAttachNoteW li:first-child {margin-top:0}

/* 쪽지 보내기 레이어팝업 */
/*.noteLayer {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);padding:94px 20px 40px 20px;box-sizing:border-box}*/
.noteLayer {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);padding:50px 20px 50px 20px;box-sizing:border-box}
.noteLayer .inner {position:relative;max-width:500px;height:80%;padding:44px 0 60px 0;margin:0 auto;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;box-sizing:border-box}
.noteLayer .inner form, .noteLayer .inner fieldset {height:100%}
.noteLayer h1 {position:absolute;left:0;top:0;width:100%;height:44px;padding:0 12px;border-bottom:1px solid #f1592a;line-height:43px;font-weight:500;font-size:19px;color:#f1592a;box-sizing:border-box}
.noteLayer ul {overflow-y:auto;max-height:100%;padding:0 12px}
.noteLayer li {height:15px;padding:19px 0;border-bottom:1px solid #efefef}
.noteLayer li:last-child {border-bottom:0 none}
.noteLayer p {position:absolute;left:0;bottom:0;width:100%;text-align:center;padding:0 12px;box-sizing:border-box}
.noteLayer p span {display:block;padding:12px 0;border-top:1px solid #f1592a}
.noteLayer p input {display:inline-block;width:90px;height:35px;padding:0;border:0 none;border-radius:5px;background:#f1592a;line-height:35px;font-weight:500;letter-spacing:-1px;color:#fff;text-align:center;vertical-align:top}
.noteLayer .btn_layerClose {position:absolute;top:7px;right:8px;display:block;width:28px;height:29px;background:url(/images/site/mbl/btn/btn_layerClose.png) no-repeat center;background-size:18px auto;text-indent:-9999em}

/* 그룹회원 관리 */
.memberList span {color:#727272}

.groupMember {overflow:hidden;padding:17px 10px;margin-bottom:12px;background:#f2f7f9}
.groupMember p {float:left;padding-top:2px;font-size:12px;color:#888888}
.groupMember p strong {color:#252525;font-size:22px}
.groupMember p span {vertical-align:2px}
.groupMember .btn_noteSend {float:right;display:inline-block;width:85px;height:26px;background:#1c7fa4;line-height:26px;color:#fff;font-weight:bold;letter-spacing:-1px;text-align:center;font-size:14px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px}


/* 문화체육장원봉사 소개 */
.intro {padding:30px 10px 0 10px}
.intro dl {margin-top:45px}
.intro dl:first-child {margin-top:0}
.intro dt {margin-bottom:7px;font-size:16px;font-weight:bold;text-align:justify}
.intro dd.txt {margin-bottom:12px;color:#727272;font-size:12px;line-height:1.5}
.intro dd img {width:100%}

/* 220614 문화품앗이란 수정 */
.intro dd.txt .service_list {}
.intro dd.txt .service_list > .list {}
.intro dd.txt .service_list > .list > li {margin: 5px 0 0;}
.intro dd.txt .service_list > .list > li:first-child {margin: 0;}
.intro dd.txt .service_list > .list > li .service {font-weight: 700; font-size: 13px;}
.intro dd.txt .service_list > .list > li .desc {margin: 2px 0 0; padding: 0 0 0 15px; box-sizing: border-box;}
.intro dd.txt .service_list > .list > li .desc > .list {}
.intro dd.txt .service_list > .list > li .desc > .list > li {position: relative; padding: 0 0 0 8px;}
.intro dd.txt .service_list > .list > li .desc > .list > li .dash {display: inline-block; position: absolute; top: 0; left: 0; line-height: 1.5;}

.intro dd.txt_bi01 {margin-top:15px;font-size:12px;font-weight:bold;line-height:1.5}
.intro dd.txt_bi02 {margin-top:4px;font-size:12px;color:#727272;line-height:1.5}
.intro dd .color01 {color:#f1592a}
.intro dd .color02 {color:#dd3402}
.intro dd .color03 {color:#1c7fa4}

.intro dd.symbol {margin-bottom:15px}

/* 지역본부 센터검색 */
.orgList {padding:0 10px}
.orgList li {border-top:1px solid #efefef}
.orgList li.on + li {border-top:1px solid #c7c7c7}
.orgList li:first-child {border-top:0 none}
.orgList li:last-child {border-bottom:1px solid #c7c7c7}
.orgList dt {position:relative;}
/* .orgList dt a {display:block;padding:12px 0 11px 46px;background:url(/images/site/mbl/ico/ico_arrowDown_center.png) no-repeat right center;background-size:18px auto;font-weight:500;} */
.orgList dt a {display:block;padding:12px 0 11px 46px;}
.orgList li.on dt a {background-image:url(/images/site/mbl/ico/ico_arrowUp_center.png);border-bottom:1px solid #efefef}
/* .orgList .ico_type {position:absolute;left:0;top:50%;width:36px;margin-top:-10px} */
.orgList .ico_type {vertical-align: text-bottom;}
.orgList dd {padding:5px 10px;border-top:1px solid #efefef;background:#f9f9f9}
.orgList .tblStyle02 th, .orgList .tblStyle02 td {padding:4px 0 5px 0;border:0 none}
.orgList .tblStyle02 th {color:#464646}
.orgList .tblStyle02 td {color:#727272}

/* -- 220315 수정 --*/
.orgList .tblStyle02.orange_dot th {position:relative;padding: 4px 0 5px 8px;box-sizing:border-box;color:#464646;}
.orgList .tblStyle02.orange_dot th:before {content:'';display:inline-block;position:absolute;top:12px;left:0;width:3px;height:3px;background-color:#f1592a;border-radius:50%;overflow:hidden;}
/* -- //220315 수정 --*/


/*봉사자 모집공고 알림서비스*/
.noticeTop {padding:12px 10px;margin:20px 10px 0 10px;background:#f2f7f9;line-height:1.45;font-size:12px;text-align:justify}
.tabContent .noticeTop {margin:0;margin-bottom:25px}
.noticeTop + .memberW {padding-top:15px}
.serviceCancel {padding-top:10px;text-align:center}
.serviceCancel a {color:#888888;font-size:12px;font-weight:bold}

.serviceField {margin-bottom:25px}
.serviceField > p {position:relative;padding-top:3px;margin-bottom:13px;}
.serviceField label {font-size:16px;font-weight:bold;letter-spacing:-1px}
.serviceField input[type=checkbox] {position:absolute;right:0;top:0;width:25px;height:25px;border:0 none;background:url(/images/site/mbl/ico/ico_chkOff_c.png) no-repeat;background-size:auto 100%}
.serviceField input[type=checkbox]:checked:after {display:block;width:25px;height:25px;content:' ';background:url(/images/site/mbl/ico/ico_chkOn_c.png) no-repeat;background-size:auto 100%}

.serviceField div {overflow-y:scroll;height:150px;padding:12px 10px;border:1px solid #888888;box-sizing:border-box;background:#f7f7f7;line-height:1.4;text-align:justify;font-size:14px}
.serviceField div span.inner {display:block;padding:12px 10px}

/* 회원 */
.memBtnW {padding-top:20px}
.memBtnW input[type=submit] {width:100%;height:40px;background:#1c7fa4;border:0 none;font-size:16px;line-height:41px;font-weight:500;color:#fff;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0}
.memBtnW.orange input[type=submit] {background-color: #f1592a; border-radius: 7px;}
.memberW {padding:30px 10px 0 10px}
.memberW h2.loginTxt {height:24px;margin-bottom:8px;background:url(/images/site/mbl/txt/txt_login.png) no-repeat center;background-size:auto 100%;text-indent:-9999em}
.memberW .tabW {padding:0}
.memberW .tabContent {padding-top:20px}
.memberW .noticeTop {margin-bottom:30px;font-size:10px;text-align:center;color:#727272;font-weight:bold;letter-spacing:-0.3px}
.memberW .viewBottom {margin-top:30px}
.memberW .btn_find {padding-top:10px;text-align:center}
.memberW .btn_find.ta_left {text-align:left;}
.memberW .btn_find a {color:#888888;font-weight:bold;font-size:12px}
.memberW .btn_find span {color:#bcbcbc;vertical-align:1px}

/* 2022-03-15 */
.memberW .btn_find .list {font-size: 0;}
.memberW .btn_find .list li {display: inline-block; position: relative; margin: 0 10px 0 0; padding: 0 10px 0 0;}
.memberW .btn_find .list li:last-child {margin: 0; padding: 0;}
.memberW .btn_find .list li:after {display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background-color: #434343;}
.memberW .btn_find .list li:last-child:after {display: none;}
.memberW .btn_find .list li a {font-weight: 400; font-size: 15px; line-height: 23px; color: #434343;}
/* 2022-03-15 */

.memberW .findTlt {margin-bottom:13px;font-size:16px;color:#464646;letter-spacing:-1px}
.memberW .findId {padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid #e9e9e9}

/* 2022-03-15 */
.memberW .tabW.new {margin: 20px 0 0;}
.memberW .tabW.new .tabTlt {font-size: 0;}
.memberW .tabW.new .tabTlt li {display: inline-block; width: calc(33.3333% - 6.6666px); margin: 0 10px 0 0;}
.memberW .tabW.new .tabTlt li:last-child {margin: 0;}
.memberW .tabW.new .tabTlt li.active {}
.memberW .tabW.new .tabTlt a {background-color: #ffffff; color: #898989;}
.memberW .tabW.new .tabTlt li a {border: 1px solid #c3c3c3; border-radius: 5px;}
.memberW .tabW.new .tabTlt li.active a {border: 1px solid #f1592a; color: #434343;}
.tabContent.bt_non {border-top: none;}

.login_area {text-align: center;}
.login_area .logo_box {}
.login_area .logo_box img {}
.login_area .title {margin: 20px 0 0; font-weight: 700; font-size: 20px; line-height:30px; color: #434343;}
.login_area .title.mt0 {margin: 0 0 0;}
.login_area .text {font-weight: 400; font-size: 16px; line-height: 24px; color: #434343;}
/* 2022-03-15 */


/* 자원봉사 활동내역 확인서 조회 */
.btn_activityPaper {padding-top:20px;text-align:center}
.btn_activityPaper a {display:inline-block;width:150px;height:35px;background:#f1592a;color:#fff;line-height:35px;font-weight:bold;letter-spacing:-1px}
.myViewTop + .btn_activityPaper {padding-top:0}

.activityPaper {padding:20px 0;margin:20px 10px 0 10px;background:#f2f7f9;font-size:12px;text-align:center}
.activityPaper dt {margin-bottom:10px;font-weight:bold;color:#252525}
.activityPaper dd {color:#727272}

.btn_activitySearch {padding-top:20px;text-align:center}
.btn_activitySearch input[type=submit] {width:150px;height:40px;background:#f1592a;border:0 none;font-size:16px;line-height:41px;font-weight:bold;color:#fff;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0}


/* 개인정보처리방침 */
.personalInfo {text-align:justify;line-height:1.3}
.personalInfo > section {margin-top:20px}
.personalInfo > section:first-child {margin-top:0}
.personalInfo h2 {margin-bottom:8px;color:#1c7fa4}
.personalInfo ol {}
.personalInfo ol li {position:relative;padding-left:17px;margin-bottom:12px;font-size:14px}
.personalInfo ol li > span, .personalInfo dt span {position:absolute;left:0;top:-1px}
.personalInfo ol li li, .personalInfo ol li > p {margin-bottom:8px;color:#727272;font-size:12px}
.personalInfo ol li li {padding-left:14px}
.personalInfo ol li li:first-child {margin-top:5px}
.personalInfo ol li > p {margin-top:10px}
.personalInfo ol li li > span, .personalInfo dt span {top:0}
.personalInfo dl {font-size:12px;color:#727272}
.personalInfo dt {margin-bottom:2px}
.personalInfo dd {margin-top:10px}
.personalInfo dd:nth-child(2) {margin-top:0}
.personalInfo dd p, .personalInfo .noticeP p {margin-top:2px;padding-left:7px;background:url(/images/site/mbl/bul/bul_dot.png) no-repeat 0 6px;background-size:3px auto;font-size:12px}
.personalInfo .noticeP p:first-child {margin-top:10px}
.personalInfo dd p span {display:inline-block;margin-top:5px;color:#888888}
.personalInfo .noticeDl {padding:10px 0 10px 17px}
.personalInfo .noticeDl dd {padding-left:14px}
.personalInfo .alignL {text-align:left}
.personalInfo p.noticeT {position:relative;padding-left:17px;color:#888888;font-size:14px}
.personalInfo p.noticeT span {position:absolute;left:0;top:0}

/* 이용약관 */
.agree {padding:15px 10px 0 10px}
.agree h2 {padding-top:5px;margin-bottom:15px;color:#1c7fa4}
.agree h3 {margin-bottom:8px;color:#252525;font-size:14px}
.agree p, .agree ol {margin-bottom:20px;text-align:justify;font-size:14px;line-height:1.3}
.agree ol li {position:relative;padding-left:17px;margin-bottom:8px}
.agree ol li:last-child {margin-bottom:0}
.agree ol li span {position:absolute;left:0;top:-2px}
.agree ol li li {padding-left:20px;color:#727272}
.agree ol ul, .agree ol ol {margin-top:10px}
.agree ol li li span {top:0}


/* 이용안내 */
.introProcess {padding-top:3px}
.introProcess h1 {margin-bottom:15px;font-size:16px}
.introProcess h2 {height:21px;margin-bottom:14px;font-size:14px;line-height:22px}
.introProcess h2:before {display:inline-block;width:21px;height:21px;margin-right:5px;line-height:21px;-webkit-border-radius:21px;-moz-border-radius:21px;-ms-border-radius:21px;border-radius:21px;text-align:center;color:#fff}
.introProcess > ol > li:first-child h2:before {content:'1';background:#1c7fa4}
.introProcess > ol > li:nth-child(2) h2:before {content:'2';background:#a4bfaf}
.introProcess > ol > li:nth-child(3) h2:before {content:'3';background:#fcaf3e}
.introProcess > ol > li:nth-child(4) h2:before {content:'4';background:#fc802c}
.introProcess > ol > li:nth-child(5) h2:before {content:'5';background:#f15b2a}

.introProcess > ol > li {padding:15px 10px;margin-bottom:25px;border:1px solid #e6e6e6}
.introProcess > ol > li:last-child {margin-bottom:0}
.introProcess .txt {margin-bottom:13px;color:#575757;font-size:12px;font-weight:bold;line-height:1.4;text-align:justify}
.introProcess .txt strong {color:#f26b3f}
.introProcess .notice {padding:7px 10px 8px 10px;font-size:12px;line-height:1.4;color:#777}

.introProcess > ol > li:first-child .notice {background:#eef4f6}
.introProcess > ol > li:nth-child(2) .notice {background:#edf2ef}
.introProcess > ol > li:nth-child(3) .notice {background:#fff3e2}
.introProcess > ol > li:nth-child(4) .notice {background:#fff2e9}
.introProcess > ol > li:nth-child(5) .notice {background:#feeee9}

.introProcess > ol > li:first-child ul {padding-top:20px}
.introProcess > ol > li:first-child li {height:26px;padding-left:9px;background:url(/images/site/mbl/bul/bul_dot_process01.png) no-repeat 0 center;background-size:3px auto;font-size:12px;color:#777;line-height:27px}
.introProcess > ol > li:first-child li:first-child {margin-bottom:10px}
.introProcess > ol > li:first-child li a {float:right;display:inline-block;width:68px;height:26px;border:1px solid #f19b2a;line-height:27px;font-size:14px;text-align:center;box-sizing:border-box;color:#f19b2a;font-weight:bold;letter-spacing:-1px}

.introProcess01 > ol > li:nth-child(4) .txt {margin-bottom:0}

.introProcess02 > ol > li:first-child .txt {margin-bottom:4px}
.introProcess dl {font-size:12px;font-weight:bold}
.introProcess02 dl {margin-bottom:15px}
.introProcess dt {margin-bottom:5px;color:#575757}
.introProcess01 dt {padding-left:10px;background:url(/images/site/mbl/bul/bul_dot_process02.png) no-repeat 0 center;background-size:3px auto;}
.introProcess dd {color:#f26b3f}
.introProcess01 dd {padding-left:10px;margin-bottom:12px}


/* 아이패드 세로 이상 해상도 */
@media only screen and (min-width:768px) {
/* 버튼 */
.btnW {padding:20px 15px 0 15px}

/* 탭버튼 */
.tabW {padding:13px 15px 0 15px}

/* 목록 스타일*/
.listStyle {padding:0 15px}

/* 공지사항 */
.listStyleNotice {padding:0}
.listStyleNotice li {padding:0;margin:0 15px}
.listStyleNotice li.notice {padding:0 15px;margin:0}

/* 묻고답하기 */
.qnaList {padding:0}
.qnaList li {margin:0 15px}
.qnaList li.answer {padding:0 14px 0 15px;margin:0;margin-right:1px}


/* 상세보기 top / 봉사자검색 상세보기 / 요청하기, 댓글 / 테이블 스타일 */
/* .viewTop, .viewTalentTop, .viewTalentBottom, .replyListW, .viewTable, .regW {padding-left:15px;padding-right:15px} */

/* 요청하기, 댓글 */
.btn_replyWrite {right:15px}

/* 게시판 상세 / 마이페이지 상단 / 마이페이지 */
.viewTxt, .myViewTop, .activityNotice {margin-left:15px;margin-right:15px}

/* 마이페이지 */
.mySubTlt, .matchForm legend {margin-left:15px;margin-right:15px}

/* 맞춤봉사정보 설정*/
.matchForm dt, .matchForm dd div, .matchForm ul {padding-left:15px;padding-right:15px}
.matchForm .formBtnW {margin-left:15px;margin-right:15px}

/* 그룹회원관리 */
.groupMember {padding-left:15px;padding-right:15px}

/* 문화체육장원봉사 소개 */
.intro {padding:30px 15px 0 15px}
.intro dd.txt_bi01, .intro dd.txt_bi02 {font-size:14px}

.introBi dl {overflow:hidden}
.introBi dd.img:nth-child(2) {float:left;width:37%;}
.introBi dd.img:nth-child(3) {float:right;width:56%;margin-top:15px}
.introBi dd.txt_bi01 {margin-top:20px;}
.introBi dd.txt_bi01, .introBi dd.txt_bi02 {float:right;width:56%}

/* 220602 캐릭터 소개 추가 */
.introBi dl.char_intro {text-align: center;}
.introBi dl.char_intro dd.img {float: none; width: 100%;}
.introBi dl.char_intro dd.img .box {}
.introBi dl.char_intro dd.img .box img {max-width: 700px;}

/* 지역본부 센터검색 */
.orgList {padding:0 15px}

/* 회원 */
.memberW {width:54%;min-width:350px;padding-left:15px;padding-right:15px;margin:0 auto}
.memberW02 {min-width:100%;box-sizing:border-box}

/* 봉사자 모집공고 알림서비스 */
.noticeTop, .activityPaper {margin-left:15px;margin-right:15px}

/* 이용약관 */
.agree {padding-left:15px;padding-right:15px}

/* 쪽지 보내기 레이어팝업 */
.noteLayer {padding:0}
.noteLayer .inner {top:50%;margin-top:-225px;max-height:450px}
}

/* 2022-03-16 회원가입 추가 */
.join_area {padding: 20px 10px;}
.join_area.p0 {padding: 0;}
.join_area.p0 .text_list {margin: 0;}
.join_area.plr10 {padding: 0 10px; box-sizing: border-box;}
.join_area .mem_type {border-bottom: 1px solid #dedede; padding: 0 0 20px;}
.join_area .mem_type .list {font-size: 0;}
.join_area .mem_type .list li {display: inline-block; position: relative; width: calc(25% - 10px); margin: 0 10px 0 0; padding: 0 3px 0 0; vertical-align: top;}
.join_area .mem_type .list li:last-child {margin: 0; padding: 0;}
.join_area .mem_type .list li:before {display: block; content: ""; position: absolute; right: 0; top: 13px; width: 14px; height: 2px; background-image: url("/images/site/mbl/ico/join_arr.png"); background-position: 0 0; background-size: cover; background-repeat: no-repeat;}
.join_area .mem_type .list li:last-child:before {display: none;}
.join_area .mem_type .list li .box {}
.join_area .mem_type .list li .box .num {display: block; width: 25px; margin: 0 auto; border-radius: 50%; background-color: #eeeeee; font-weight: 500; font-size: 14px; line-height: 25px; color: #434343; text-align: center;}
.join_area .mem_type .list li .box .text {display: block; margin: 10px 0 0; font-weight:400; font-size: 15px; line-height: 23px; color: #a4a4a4; text-align: center; word-break: keep-all;}
.join_area .mem_type .list li.on .num {background-color: #f1592a; color: #ffffff; box-shadow: 3px 4px 16px 0px rgba(0, 0, 0, 0.15);}
.join_area .mem_type .list li.on .text {color: #434343;}
.join_area .text_box {margin: 20px 0 0; text-align: center;}
.join_area .text_box .title {font-weight: 500; font-size: 18px; line-height: 27px; color: #434343;}
.join_area .text_box .title .ft_c {font-weight: 700; color: #f1592a;}
.join_area .text_box .text {margin: 5px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #434343; word-break: keep-all;}
.join_area .join_list_box {margin: 20px 0 0;}
.join_area .join_list_box .list {}
.join_area .join_list_box .list li {margin: 10px 0 0;}
.join_area .join_list_box .list li:first-child {margin: 0;}
.join_area .join_list_box .list li .box {display: block; border-radius: 7px; padding: 15px 10px; font-size: 0; text-align: center;}
.join_area .join_list_box .list li.bg01 .box {background-color: #f1592a;}
.join_area .join_list_box .list li.bg02 .box {background-color: #f9a01b;}
.join_area .join_list_box .list li.bg03 .box {background-color: #1c80a4;}
.join_area .join_list_box .list li .box .text {display: inline-block; position: relative; padding: 17px 0 17px 100px; font-weight: 400; font-size: 20px; line-height: 30px; color: #ffffff; vertical-align: middle;}
.join_area .join_list_box .list li .box .text:before {display: block; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 85px; height: 64px; background-size: cover; background-position: 0 0; background-repeat: no-repeat;}
.join_area .join_list_box .list li.bg01 .box .text:before {background-image: url("/images/site/mbl/ico/join_icon01.png");}
.join_area .join_list_box .list li.bg02 .box .text:before {background-image: url("/images/site/mbl/ico/join_icon02.png");}
.join_area .join_list_box .list li.bg03 .box .text:before {background-image: url("/images/site/mbl/ico/join_icon03.png");}
.join_area .join_list_box .list li .box .join {display: inline-block; margin: 0 0 0 10px; vertical-align: middle;}
.join_area .join_list_box .list li .box .join .list {}
.join_area .join_list_box .list li .box .join .list li {margin: 5px 0 0;}
.join_area .join_list_box .list li .box .join .list li:first-child {margin: 0;}
.join_area .join_list_box .list li .box .join .list li .inner {display: block; border-radius: 5px; padding: 0 10px; font-weight: 500; font-size: 14px; line-height: 25px; color: #ffffff;}
.join_area .join_list_box .list li.bg01 .box .join .list li .inner {background-color: #de3400;}
.join_area .join_list_box .list li.bg02 .box .join .list li .inner {background-color: #ef8700;}
.join_area .join_list_box .list li.bg03 .box .join .list li .inner {background-color: #006082;}
.join_area .text_list {margin: 15px 0 0;}
.join_area .text_list .list {}
.join_area .text_list .list li {font-weight: 400; font-size: 14px; line-height: 25px; color: #898989; word-break: keep-all;}
/* // 2022-03-16 */


.listStyle li.lock.new {}
.listStyle li.lock.new > a {padding: 14px 0 11px;}
.listStyle li.lock.new.answer > a {padding-left: 20px;}
.listStyle li.lock.new > a dd .date {display: inline-block; margin: 0 0 0 10px; padding: 0 0 0 17px; background-image: url("/images/site/mbl/ico/ico_date.png"); background-size: 14px 16px; background-position: 0 0; background-repeat: no-repeat;}
.listStyle li.lock.new > a dd .name {display: inline-block; padding: 0 0 0 17px; background-image: url("/images/site/mbl/ico/icon_user.png"); background-size: 14px 14px; background-position: 0 0; background-repeat: no-repeat;}
.listStyle li.lock.new > a .sort {display: inline-block; margin: 0 0 5px; border: 1px solid #bdbdbd; border-radius: 5px; padding: 0 5px; font-size: 13px; line-height: 20px;}
.listStyle li.lock.new > a .sort.sort01 {color: #bdbdbd;}
.listStyle li.lock.new > a .sort.sort02 {border: 1px solid #00a67a; color: #00a67a;}
.listStyle li.lock.new.answer > a .sort {display: none;}

/* 2022-04-22 */
.listStyle.sty2 li {border-bottom: 1px solid #efefef;}
.listStyle.sty2 li .box {padding: 10px 0;}
.listStyle.sty2 li:first-child .box {padding: 0 0 10px;}
.listStyle.sty2 li .box p {margin: 0 0 5px;}
.listStyle.sty2 li .box a {display: block;}
/* // 2022-04-22 */

/* 2022-03-30 */
.chk_list {font-size: 0;}
.chk_list li {display: inline-block; width: 25%; margin: 0 0 10px 0;}
.chk_list li input[type=checkbox] + label {width: auto;}
.chk_list li input[type=checkbox]:disabled {background-image:url(/images/site/mbl/ico/ico_chkOff_disabled.png);}
.chk_list li input[type=checkbox]:disabled + label {color: #ccc;}

.time_area {font-size: 0;}
.time_area .box {display: inline-block; width: calc(50% - 10px); vertical-align: top;}
.time_area .box .inner {display: inline-block; width: 50%; font-size: 0;}
.time_area .box .inner select {display: inline-block; width: calc(100% - 25px); vertical-align: top;}
.time_area .box .inner select option {}
.time_area .box .inner .text {display: inline-block; padding: 0 5px; font-size: 16px; color: #757575; line-height: 40px; vertical-align: top;}
.time_area > .text {display: inline-block; padding: 0 5px; font-size: 16px; color: #757575; line-height: 40px; vertical-align: top;}

.slt_area {font-size: 0;}
.slt_area > select {display: inline-block; width: calc(50% - 5px); margin: 0 10px 0 0;}
.slt_area > select:last-child {margin: 0;}

.title_box {font-size: 0;}
.title_box strong {display: inline-block !important; width: auto; vertical-align: top;}
.title_box .radio_box_area {display: inline-block; margin: 0 0 0 10px;}
.join-list-type .title_box .radio_box_area ul > li {width: auto; margin: 0 5px 0 0;}

.app_list {}
.app_list > .list {}
.app_list > .list > li {border-top: 1px solid #efefef; padding: 10px 0;}
.app_list > .list > li:first-child {border-top: none; padding: 0 0 10px;}
.app_list > .list > li > .tit_box {overflow: hidden;}
.app_list > .list > li > .tit_box > .title {float: left; font-weight: 400; font-size: 18px; line-height: 27px; color: #000000;}
.app_list > .list > li > .tit_box .chkW {float: right;}

.app_list > .list > li .info_list {margin: 15px 0 0;} 
.app_list > .list > li .info_list .list {}
.app_list > .list > li .info_list .list li {margin: 20px 0 0;}
.app_list > .list > li .info_list .list li:first-child {margin: 0;}
.app_list > .list > li .info_list .list li .box {} 
.app_list > .list > li .info_list .list li .box .tit {font-weight: 500; font-size: 16px; color: #363636;} 
.app_list > .list > li .info_list .list li .box .info {margin: 15px 0 0;}

.app_list > .list > li .info_list .list li .tit_box {overflow: hidden;}
.app_list > .list > li .info_list .list li .tit_box .tit {float: left;}
.app_list > .list > li .info_list .list li .tit_box .text {float: right; font-size: 14px; line-height: 24px; color: #757575;}

.building {margin: 0 0 0 10px; padding: 0 0 0 15px; background-image: url(/images/site/mbl/ico/view_info_icon01.png); background-size: 12px 14px; background-position: left center; background-repeat: no-repeat;}
/* 2022-03-30 */

/* 2022-04-19 쪽지 상세 */
.note_area {padding: 15px;}
.note_area .list {}
.note_area .list li {margin: 10px 0 0;}
.note_area .list li:first-child {margin: 0;}
.note_area .list li .box {display: table; table-layout: fixed; width: 100%;}
.note_area .list li .box .tit {position: relative; display: table-cell; width: 100px; padding: 0 0 0 10px; vertical-align: middle; font-weight: 400; font-size: 14px; line-height: 21px; color: #424242;}
.note_area .list li .box .tit:before {display: block; content: ""; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; border-radius: 50%; background-color: #f1592a;}
.note_area .list li .box .txt {display: table-cell; width: 100%; vertical-align: middle; font-weight: 400; font-size: 14px; line-height: 21px; color: #757575;}
.note_area .list li .box .txt .content {border-radius: 5px; border: 1px solid #e0e0e0; padding: 10px; background-color: #f6f6f6;}
.note_area .list li.db .box .tit {display: block; width: 100%;}
.note_area .list li.db .box .txt {display: block; width: 100%; margin: 10px 0 0;}
.note_area .list li.db .box .txt .content {height: 300px;}
.btn_box {margin: 30px 0 0; font-size: 0;}
.btn_box .btn {display: inline-block; width: calc(50% - 4px); height: 35px; margin: 0 2px; border: 0 none; border-radius: 6px; color: #fff; font-weight: 500; line-height: 36px;}
.btn_box .btn:last-child {margin: 0;}
.btn_box .btn.btn01 {background-color: #f1592a;}
.btn_box .btn.btn02 {background-color: #9e9e9e;}
/* // 2022-04-19 쪽지 상세 */



/* 테블릿 2단 */
@media only screen and (min-width:768px) and (orientation : landscape) {

/* 목록 스타일*/
.asideCon .listStyle {padding:0}
.asideCon .listStyle .ico_type {left:12px}

/* 봉사자 모집공고, 봉사자검색 */
.asideCon .listStyle01 li > a {padding-right:12px}
.asideCon .listStyle01 li > a:first-child {padding-left:58px}

/* 우측 공지사항 */
.asideCon .listStyleNotice li {padding:0;margin:0 12px}
.asideCon .listStyleNotice li.notice {padding:0 12px;margin:0}
.asideCon .listStyleNotice .ico_type {left:0}
}

#event_a{left:0px !important; top:-70px !important; width:100% !important; height:px !important;}

#mask{
	position: absolute;
    left: 0;
    top: 0;
    z-index: 10000;
    background-color: #000;
    display: none;
}

/*
 * 가입이벤트 용 시작
 */
.joinEventLayer {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:100}
.joinEventDiv {
	position:absolute;left:0px;top:20%;
	font-family: "맑은 고딕",Malgun Gothic,"돋움",Dotum,Arial,sans-serif;
	z-index: 100;
	width: 80%;
	height: 250px;
	margin:0px 10%;
}
.joinEventDiv dt {
	height: 50px;
	background: #f1592a;
	line-height: 18px;
}
.joinEventDiv dt span {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	margin: 15px 0 0 15px;
}
.joinEventDiv dd {
	background: #fff5ee none repeat scroll 0 0;
	height: 250px;
	text-align: center;
}
.joinEventDiv .btnOk {
	background: #f1592a none repeat scroll 0 0;
	color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 16px;
    letter-spacing: -1px;
    min-width: 163px;
    padding: 11px 10px 12px;
    text-align: center;
    line-height: 15px;
    margin-top: 20px;
}
.joinEventDiv .btnCancle {
	background: #666 none repeat scroll 0 0;
	color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 16px;
    letter-spacing: -1px;
    min-width: 163px;
    padding: 11px 10px 12px;
    text-align: center;
    line-height: 15px;
    margin-top: 20px;
}
.joinEventDiv .joinEventAnswerDiv {
	padding: 20px 20px;
	font-size: 15px;
    font-weight: bold;
    line-height: 25px;
    margin: 0px;
}
.joinEventDiv .joinEventAnswer {
	width: 250px;
	height: 30px;
	border: 1px solid #666;
	font-family: "맑은 고딕",Malgun Gothic,"돋움",Dotum,Arial,sans-serif;
	font-size: 16px;
	padding-left: 5px;
	margin-bottom: 10px;
}
/*
 * 가입이벤트 용 끝
 */