/* --------------------------------reset-------------------------------- */
* {padding: 0; margin: 0; box-sizing: border-box}
html, body {font-size: 16px; max-width:1920px; word-break:break-all}
body {font-family:'Pretendard', sans-serif; color: #333; letter-spacing: -0.05em; -webkit-text-size-adjust:none}
button, input, select, table, textarea {font-family:'Pretendard', sans-serif}
a {text-decoration: none; color: inherit; display:block}
ol,ul {list-style: none}
button {background: none; border:none; cursor:pointer}
table {border-spacing: 0; border-collapse: collapse}
::before,::after {box-sizing:border-box}
input, select, textarea {vertical-align:middle; outline:none; box-sizing:border-box; border-radius:0; -moz-appearance:none; -webkit-appearance:none; appearance:none; border:none}

/* extra font */
.f_nanum {font-family:'Nanumsquare','Pretendard', sans-serif}
/* --------------------------------reset end-------------------------------- */

/* --------------------------------admin common-------------------------------- */
/* .ofy_hidden {position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden}*/
/*html.ofy_hidden {height: 100%}*/
/*html.ofy_hidden body {height: 100%; overflow: hidden}*/

/* layout */
/*#wrap {position:relative; max-width:1920px; min-width:320px; margin:0 auto}*/
/*#contents {width:100%; min-width:1300px; max-width:1300px; height:100%; box-sizing:border-box; transition:all .3s ease-in-out}*/
/*#contents section {width:100%; max-width:1300px}*/
/*#contents section.ad_sec {padding:160px 40px 0 320px}*/
/*#contents.open {margin-left:-280px}*/

.clearfix::after {content:""; clear:both; display:block}
.blind {border:0; clip:rect(0 0 0 0); clip-path:inset(50%); width:1px; height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; white-space:nowrap}


/* -------- 페이지 상단 제목 / 하단 버튼 영역 --------*/
.ad_sec .top {display:flex; justify-content:space-between; align-items:center; flex-direction:row; margin-bottom:20px}
.ad_sec .top .btn_wrap {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px}
.ad_sec .btm {margin:20px auto 100px}
.ad_sec .btm .btn_wrap {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px}
.ad_sec .btn_wrap button,
.ad_sec .btn_wrap a {display: inline-block; background-color: #333; color:#fff; padding:11px 20px; border-radius:5px; font-size:14px; line-height:1; min-width:100px; text-align:center}
.ad_sec .btn_wrap .btn_type_01 {background-color:#333}
.ad_sec .btn_wrap .btn_type_02 {background-color:#888}
.ad_sec .btn_wrap .btn_type_03 {background-color:#999}


/* -------- table --------*/
.no_border_top {border-top:none !important}
.no_border_btm {border-bottom:none !important}
.no_border_lf {border-left:none !important}
.no_border_rg {border-right:none !important}
table {width:100%; border:0; border-color:transparent}
table thead {background:#F2F2F2}

table tbody tr {border-top:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4}
table thead tr th {font-weight:600; font-size:14px; line-height:14px; padding:13px 0; text-align:center; letter-spacing:-.01em; color:#333; border-top:1px solid #333; border-bottom:1px solid #333}
table tbody tr td {text-align:center; font-weight:400; font-size:14px; line-height:20px; padding:5px 10px; letter-spacing:-.01em; color:#333}

/* .table_scroll {position: relative; top: 0; left: 0; width: 100%; height: 300px; overflow-y: scroll}
.table_scroll thead tr th {position: sticky; top: 0; background: #ebeaea; border:none}
.table_scroll thead tr th,
.table_scroll tbody tr td {word-break: break-all}*/

/* -------- input --------*/
input,label,label > span {position:relative; color:#333; line-height:40px; font-size:14px}
input[type="text"],
input[type="number"],
input[type="email"]{display:inline-block; width:100%; height:40px; border:1px solid #E4E4E4; color:#333; padding:0 16px; line-height:40px;}

/* text */
input[type="text"].half {width:50%; min-width:300px}
label.text input[type="text"] {padding:0 65px 0 16px}
label.text .count_text {position:absolute; top:50%; right:16px; transform:translate(0,-50%)}

/* number */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0}

/* check or radio */
.chk_wrap {position:relative}
.chk_wrap input[type="checkbox"] {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:1.11rem; height:1.11rem; z-index:0; appearance:none}
.chk_wrap input[type="checkbox"] + label {vertical-align:top; font-size:0}
.chk_wrap input[type="checkbox"] + label span {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:1.25rem; height:1.25rem; cursor:pointer; box-sizing:border-box; border:1px solid #E4E4E4; border-radius: 0.25rem}
.chk_wrap input[type="checkbox"]:checked + label span {background:url(/admin/images/common/ico_ckbox.svg) no-repeat center top 0.3rem/0.75rem auto #6049EA; border: 1px solid #6049EA}
.chk_wrap input[type="radio"] {appearance:auto}

.chk_wrap_02 input[type="checkbox"] + label span {position: relative; display: inline-block; width: 20px; height: 20px; cursor: pointer; box-sizing: border-box; border: 1px solid #E4E4E4; border-radius: 0.25rem;}
.chk_wrap_02 input[type="checkbox"]:checked + label span {background:url(/admin/images/common/ico_ckbox.svg) no-repeat center top 0.3rem/0.75rem auto #6049EA; border: 1px solid #6049EA}
/* file */
label.file {display:inline-flex; justify-content:flex-start; align-items:center}
label.file span {display:inline-block; width:300px; height:40px; border:1px solid #E4E4E4; padding:0 10px; line-height:40px}
label.file input[type="file"] {position:relative; width:100px; height:40px; box-sizing:border-box}
label.file input[type="file"]::before {content:'이미지 선택'; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#333; line-height:40px; text-align:center; color:#fff}

/* switch */
.switch_wrap {display:flex; align-items:center; justify-content:center}
.switch_wrap h4 {margin-right:7px; font-size:14px; font-weight:500}
.switch_wrap .switch-button {position:relative; display:block; width:3rem; height:1.6rem}
.switch_wrap .switch-button input {opacity:0; width:0; height:0}
.switch_wrap .onoff-switch {position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; border-radius:20px; background:#E4E4E4; border:1px solid #E4E4E4; -webkit-transition:.4s; transition:.4s}
.switch_wrap .onoff-switch:before {position:absolute; content:""; height:1.2rem; width:1.2rem; left:.2rem; top:.15rem; background-color:#FFF; -webkit-transition:.5s; transition:.4s; border-radius:100%; z-index:10; box-shadow:1px 1px 2px rgba(0,0,0,0.25)}
.switch_wrap .switch-button input:checked + .onoff-switch {background-color:#555; border:1px solid #555}
.switch_wrap .switch-button input:checked + .onoff-switch:before {-webkit-transform:translateX(1.3rem); -ms-transform:translateX(1.3rem); transform:translateX(1.3rem); background-color:#fff}

/*date */
input[type="date"] {width: 200px; height: 40px; padding: 0 7px 0 14px; border: 1px solid #DADADA; background-color: #ffffff; color: #888}

/* url */
input[type="url"] {display:inline-block; width:100%; height:40px; border:1px solid #E4E4E4; color:#333; padding:0 16px; line-height:40px}
input[type="url"].half {width:50%; min-width:300px}

/* dropdown */
.drop_wrap {display:inline-block}
.drop_wrap label {margin-right:10px; font-size:16px; font-weight:600; color:#333; line-height:30px}
.drop_wrap select {width:136px; height:30px; padding:0 8px; border:1px solid #E4E4E4; background:url(/admin/images/ico_down.svg) no-repeat right 16px center/10px auto #fff; font-size:14px; color:#333}

/* pagination */
.pg_wrap {min-width: 320px; margin-top: 40px; text-align: center}
.pg_wrap .pg_list {font-size: 0; display: inline-block; margin: 0 1.66rem; vertical-align: top}
.pg_wrap a {vertical-align: top; /* width: 2rem; */ height: 2rem; font-size: 1rem; display: inline-block; font-weight: 700; font-size: .84rem; line-height: 100%; text-align: center; color: #555; padding: .6rem; transition: all .2s ease-in-out}
.pg_wrap .pg_list a:hover, .pg_wrap .pg_list a.clicked {color: #FFF; background: #333}
.pg_wrap a.btn_move {background: #FFF; border: 1px solid #DADADA}
.pg_wrap a.btn_move.btn_prev {background: url(../images/ico_arrow_rect.svg) center center no-repeat; transform: rotate(180deg)}
.pg_wrap a.btn_move.btn_prev_all {background: url(../images/ico_arrow_dbRect.svg) center center no-repeat; transform: rotate(180deg)}
.pg_wrap a.btn_move.btn_next {background: url(../images/ico_arrow_rect.svg) center center no-repeat}
.pg_wrap a.btn_move.btn_next_all {background: url(../images/ico_arrow_dbRect.svg) center center no-repeat}


.flex_box {display:flex; gap:10px; justify-content:flex-start; align-items:center}


@media screen and (min-width:767.1px) {
 .brm {display: none}
}/* xlg ~ md */
@media screen and (max-width:767px) {
 .brd {display: none}
}/* sm */
/* --------------------------------admin common end-------------------------------- */

/* --------------------------------admin header -------------------------------- */
#ad_hd {position:relative}
#ad_hd .inner {width:280px; height:100%; position:relative}
#ad_hd .top_nav {position:fixed; top:0; left:0; background-color:#fff; z-index:101; width:100%; margin:0 auto; height:70px; border-bottom:1px solid #efefef; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center; padding:0 30px}
/* #ad_hd .top_nav .logo {margin:0; padding:0; position:absolute; top:18px; left:30px; z-index:100; font-size:0}*/
#ad_hd .snb ul {display:flex; justify-content:flex-start; align-items:center; gap:10px}
#ad_hd .snb ul a {display:block; width:100%; height:30px; line-height:30px; background-color:#999; color:#ffffff; font-size:14px; text-align:center; padding:0 10px}
#ad_hd .ad_gnb {position:fixed; z-index:1; top:0; left:0; width:280px; height:100%; padding:30px 0 0 30px; border-right:1px solid #555; z-index:99; transition:all .3s ease-in-out; background-color:#fff}
#ad_hd .ad_gnb.open {left:-280px}
#ad_hd .ad_gnb .scroll_wrap {width:100%; height:calc(100% - 70px); overflow-y:auto; margin-top:70px}
#ad_hd .ad_gnb .menu_dep01 > li {padding:14px; border-bottom:1px solid #ddd; position:relative}
#ad_hd .ad_gnb .menu_dep01 > li.active {background-color:#f8f8f8}
#ad_hd .ad_gnb .menu_dep01 > li.active::before {content:''; display:block; position:absolute; top:0; left:0; width:5px; height:100%; background-color:#ddd}
#ad_hd .ad_gnb .menu_dep01 span {margin:60px 0 15px; display:block}
#ad_hd .ad_gnb .menu_dep01 >li >span {position:relative; margin:0; cursor:pointer}
#ad_hd .ad_gnb .menu_dep01 >li >span::after {content:""; position:absolute; right:23px; top:50%; transform:translateY(-50%); width:10px; height:10px; background:url(/admin/images/ico_down.svg) no-repeat center/100% auto; transition:transform .2s}
#ad_hd .ad_gnb .menu_dep01 >li.open >span::after {transform:translateY(-50%) scaleY(-1)}
#ad_hd .ad_gnb .menu_dep02 {margin:20px 0 0 20px; display:none}
#ad_hd .ad_gnb .menu_dep02 li {width:100%; height:28px; line-height:28px; transition:all .3s ease-in-out; margin-bottom:7px; color:#666; font-weight:400}
#ad_hd .ad_gnb .menu_dep01 >li >span,
#ad_hd .ad_gnb .menu_dep01 >li,
#ad_hd .ad_gnb .menu_dep02 li.active {font-weight:600}
/*토글버튼*/
#ad_hd .logo_wrap {display: flex; justify-content: space-between; align-items: center; width: 234px;}
#ad_hd .btn_toggleMenu {width:30px; height: 30px; background:url(/admin/images/btn_menu.svg) no-repeat center/24px auto #fff;}
/* --------------------------------admin header -------------------------------- */


/* --------------------------------admin login page -------------------------------- */
/* 어드민 로그인 페이지 */
#contents .login_sec {width:100%; height: 100vh; max-width:692px; margin: 0 auto; display:flex; align-items:center; justify-content: center; text-align:center}
#contents .login_sec .login_title {font-size:36px; line-height:56px; font-weight:400}
#contents .login_sec .login_title img {margin-right:16px}
#contents .login_sec .login_desc {font-size:14px; line-height:21px; color:#666}
#contents .login_sec form {width:380px; margin: 36px auto 48px;}
#contents .login_sec form input[type=text],.login_sec form input[type=password] {width:380px; height:50px; margin:0 auto 10px; padding-left:10px; border:1px solid #E9E9E9; box-sizing:border-box; border-radius:5px}
#contents .login_sec form .chk_wrap {position:relative;text-align:left;}
#contents .login_sec form .chk_wrap input[type="checkbox"] {display:none}
#contents .login_sec form .chk_wrap input[type="checkbox"] + label {padding-left:28px; line-height:22px; font-size:14px;color: #666;}
#contents .login_sec form .chk_wrap input[type="checkbox"] + label span {position:absolute; left:0; top:50%; transform: translate(0,-50%); width:22px; height:22px; cursor:pointer; box-sizing:border-box; border-radius:100%; background:url(/admin/images/icon_check.svg) no-repeat center /cover #fff}
#contents .login_sec form .chk_wrap input[type="checkbox"]:checked + label span {background:url(/admin/images/icon_checked.svg) no-repeat center /cover}
#contents .login_sec form .btn_login {display:block; background-color:#6049ea; color:#fff; width:380px; height:50px; font-size:1rem; border-radius:.313rem; text-align:center; line-height:3.125rem; margin:15px auto 17px}
/* --------------------------------//admin login page end -------------------------------- */




/* --------------------------------admin main banner page -------------------------------- */
/* 최상단 배너 리스트 페이지 */

/* common */
.ad_sec[class*="ad_sec_mn_ban"] .top {display:flex; justify-content:space-between; align-items:center; flex-direction:row; margin-bottom:20px}
.ad_sec[class*="ad_sec_mn_ban"] .top .btn_wrap {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px}

/* button */
.ad_sec[class*="ad_sec_mn_ban"] .btm .btn_wrap {display:flex; justify-content:center; align-items:center; flex-direction:row; margin-top:20px; gap:10px}
.ad_sec[class*="ad_sec_mn_ban"] .top .btn_wrap > button,
.ad_sec[class*="ad_sec_mn_ban"] .top .btn_wrap > a,
.ad_sec[class*="ad_sec_mn_ban"] .btm .btn_wrap > button,
.ad_sec[class*="ad_sec_mn_ban"] .btm .btn_wrap > a {color:#fff; padding:12px 28px; border-radius:8px; font-size:14px; line-height:1; font-weight:400}
.ad_sec[class*="ad_sec_mn_ban"] .btn_wrap .btn_type_01 {background-color:#333}
.ad_sec[class*="ad_sec_mn_ban"] .btn_wrap .btn_type_02 {background-color:#666}
.ad_sec[class*="ad_sec_mn_ban"] .btn_wrap .btn_type_03 {background-color:#999}

/* table_wrap */
.ad_sec[class*="ad_sec_mn_ban"] .table_wrap table {width:100%}
.ad_sec[class*="ad_sec_mn_ban"] .table_wrap table thead {background:#F2F2F2}
.ad_sec[class*="ad_sec_mn_ban"] .table_wrap table thead tr th {font-weight:600; font-size:14px; line-height:14px; padding:13px 0; text-align:center; letter-spacing:-.01em; color:#333; border-top:1px solid #333; border-bottom:1px solid #333}
.ad_sec[class*="ad_sec_mn_ban"] .table_wrap table tbody tr td .ban_tit {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
/* .ad_sec[class*="ad_sec_mn_ban"] .table_wrap table tbody tr td.no_border_lf {border-left:none}*/
/* .ad_sec[class*="ad_sec_mn_ban"] .table_wrap table tbody tr td.no_border_rg {border-right:none}*/
.ad_sec[class*="ad_sec_mn_ban"] .table_wrap table tbody tr td figure {display:inline-block; width: 152px; height:72px; border-radius:10px; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center center}
/* --------------------------------//admin main banner page end -------------------------------- */


/* --------------------------------admin main banner add page -------------------------------- */
/* 최상단 배너 추가 페이지 */
.table_wrap.text_lf table thead tr th,
.table_wrap.text_lf table tbody tr td {text-align:left}
.table_wrap.text_lf .switch_wrap {justify-content:flex-start}
.table_wrap.text_lf .chk_wrap {display:inline-block}
/* --------------------------------//admin main banner add page end -------------------------------- */



/* --------------------------------admin main banner add page -------------------------------- */
/* 긴급 모금 캠페인 카드 페이지 */
/* table_wrap */
.ad_sec[class*="ad_mn_urgent_fd"] .table_wrap table tbody tr td .ban_tit {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.ad_sec[class*="ad_mn_urgent_fd"] .switch_wrap {justify-content:flex-start}
.ad_sec[class*="ad_mn_urgent_fd"] .table_wrap .btn_wrap {text-align:left}
.ad_sec[class*="ad_mn_urgent_fd"] .list_campaign .ban_tit {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
/* --------------------------------//admin main banner add page end -------------------------------- */


/* --------------------------------admin member page -------------------------------- */
/* 검색 옵션 레이아웃 */
.search_wrap {margin-top: 30px; padding-bottom: 20px; border-bottom: 2px solid #000}
.search_wrap .flex_wrap {display: flex; align-self: flex-start; justify-content: space-between}
.search_wrap .opt_tit {margin-right: 20px; font-size: 16px}
.search_wrap .option_wrap {width: calc(100% - 90px)}
.search_wrap .option_wrap >div {display: flex; justify-content: space-between}
.search_wrap .option_wrap .top {margin: 0;}
.search_wrap .option_wrap .mid,
.search_wrap .option_wrap .bot {margin: 10px 0 0 0;}
.option_wrap [data-layout="flex"] {display: flex; align-items: center;}
.option_wrap input[type="date"] {width: 200px; height: 40px; padding: 0 7px 0 14px; border: 1px solid #DADADA; background-color: #ffffff; color: #888}
.option_wrap input[type="text"] {width: 300px; height: 40px; padding: 0 14px; border: 1px solid #DADADA; background-color: #ffffff; color: #888}
.option_wrap select {width: 140px; height: 40px; padding: 0 14px; border: 1px solid #DADADA; background: url(/admin/images/ico_down.svg) no-repeat right 14px center/12px auto #fff; color: #888}
.option_wrap .items_wrap select {margin-right: 20px}
.option_wrap .tilde {margin: 0 10px}
.search_wrap .btn_wrap {width: 70px}
.search_wrap .btn_wrap button {width: 100%; height: 100%; background-color: #333; color: #fff; min-width:unset}
/* 테이블 레이아웃 */
.table_wrap {margin-top: 30px}
.table_top {display: flex; justify-content: space-between; align-items: center}
.table_top .result_tit {font-size: 14px; font-weight: 400}
.table_top .result_tit span {font-weight: 700}
.table_top .desc_tit {width: 100%; color: #000; text-align:right; font-size: 14px; font-weight: 400}
.table_top button {/*width: 80px; height: 40px; */background-color: #333; color: #fff}
.table_top button:not(:first-child) {margin-left: 10px}
.table_top .btn_wrap > *:not(:first-child) {margin-left: 10px}
.table_wrap table {table-layout: fixed; width:100%; margin-top: 20px; font-size: 14px}
.table_wrap thead {border-top: 2px solid #333; border-bottom: 2px solid #333}
.table_wrap th {padding: 10px 0}
.table_wrap td {padding: 12px 6px; text-align: center}
.table_wrap .member_id {text-align: left}
.table_wrap .chk_wrap input[type="checkbox"] + label {display: block; width: 1.25rem; height: 1.25rem; margin: 0 auto; padding-left: 0; border-radius: 0.25rem; cursor:pointer; box-sizing: border-box; border: 1px solid #E4E4E4; background-color: #fff}
.table_wrap .chk_wrap input[type="checkbox"]:checked + label {background:url(/admin/images/common/ico_ckbox.svg) no-repeat center top 0.3rem/0.75rem auto #6049EA; border: 1px solid #6049EA}
.table_wrap .btn_wrap.move_wrap {display:flex; justify-content:center; flex-direction:column; align-items:center; gap:5px}
.table_wrap .btn_wrap.move_wrap button {width:28px; height: 28px}
.table_wrap .btn_wrap.move_wrap button.btn_up {background:url(/admin/images/btn_up.svg) center center/contain no-repeat}
.table_wrap .btn_wrap.move_wrap button.btn_down {background:url(/admin/images/btn_down.svg) center center/contain no-repeat}
/* 라디오 버튼 커스텀 */
.table_wrap .radio_wrap {display:flex; gap: 24px}
.table_wrap .radio_wrap li {position: relative; border:none !important}
.table_wrap .radio_wrap input[type="radio"] {position: absolute; left: 0rem; top: 0rem; width: 1.25rem; height: 1.25rem; z-index: 0; appearance: none}
.table_wrap .radio_wrap input[type="radio"] + label {padding-left: calc(1.25rem + 0.5rem); vertical-align: top; font-size: 14px; color: #444}
.table_wrap .radio_wrap input[type="radio"] + label span {position: absolute; left: 0; top: 50%; width: 1.25rem; height: 1.25rem; transform: translateY(-50%); border-radius: 1.25rem; cursor:pointer; box-sizing: border-box; border: 1px solid #E4E4E4}
.table_wrap .radio_wrap input[type="radio"]:checked + label span {background:url(/admin/images/common/ico_ckbox.svg) no-repeat center top 0.35rem/0.75rem auto #6049EA; border: 1px solid #6049EA}
/* 멤버 관리 상세 + 추가 페이지 */
.ad_member_sec .sub_tit {margin-top: 30px; font-size: 18px; font-weight: 500}
.ad_member_sec td {position: relative; text-align: left}
.ad_member_sec td:nth-child(odd) {padding: 0 16px}
.ad_member_sec label.text input[type="text"] {padding: 0 16px}
.ad_member_sec label.text_02 input[type="text"] {width: 110px}
.ad_member_sec .btn_stop,
.ad_member_sec .btn_withdrawal {position: absolute; top: 50%; width: 70px; height: 40px; border-radius: 10px; background-color: #444; color: #fff; transform: translateY(-50%)}
.ad_member_sec .btn_stop {right: 80px}
.ad_member_sec .btn_withdrawal {right: 0}
.ad_member_sec input[type="password"] {display:inline-block; width:100%; height:40px; border:1px solid #E4E4E4; color:#333; padding:0 16px; line-height:40px}
.ad_member_sec .drop_wrap,
.ad_member_sec .drop_wrap select{width:100%;height:40px}
.ad_member_sec .unit {position:absolute; right:1rem; top:50%; transform: translateY(-50%)}
.ad_member_sec .employee_email{padding-right:118px;}
.ad_member_sec .question {width: 100%; min-height: 4rem; font-size: 0.9rem; font-weight: 300; resize: none; border: 1px solid #e4e4e4}

.ad_member_sec .inner_box.choice {width:100%; margin-top:2.5rem; padding:0.5rem; border-radius:1.875rem; box-sizing:border-box; box-shadow:none; background-color:#ffffff}
.ad_member_sec .inner_box.choice .title {margin-bottom:2rem; font-size:1rem; font-weight:600}
.ad_member_sec .inner_box.choice .desc {position:relative; padding-left:0.5rem; font-size:0.875rem; color:#BFBFBF; font-weight:300; line-height:150%}
.ad_member_sec .inner_box.choice .desc .middot {position:absolute; left:0; top:0.615rem; width:0.188rem; height:0.188rem; border-radius:100%; background-color:#D9D9D9}
.ad_member_sec .inner_box.choice .chk_wrap strongb {font-size: 0.9rem;}

/* --------------------------------//admin member page end -------------------------------- */

/* --------------------------------admin campaign list page-------------------------------- */
.ad_camp_sec .top .state_wrap {width: 48%}
.ad_camp_sec .top .state_wrap select {width: 286px}
.ad_camp_sec .bot input[type="text"] {width: 588px}
.ad_camp_sec .option_wrap input[type="date"] {width: 317px}
.ad_camp_sec .btn_wrap button.gray {background-color:#999}
.ad_camp_sec .table_top .btn_wrap a {margin-left:10px}

.ad_sec .narrow_wid {padding:14px}
.ad_sec .narrow_wid a,
.ad_sec .narrow_wid p {height:14px; line-height:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
/* --------------------------------admin campaign list page end-------------------------------- */

/* --------------------------------admin campaign sponsor add page -------------------------------- */
/* 모금 캠페인 후원 등록 페이지 */
.ad_camp_add_sec .unit {position:absolute; right:1rem; top:50%; transform: translateY(-50%)}
.ad_camp_add_sec select {width: 240px}

/* 모금 캠페인 후원 등록 (엑셀) 페이지 */
.ad_camp_add_sec [data-layout="excel"] form .flex_box {display:flex; justify-content:flex-start; align-items:center; gap:0}
.ad_camp_add_sec [data-layout="excel"] form .flex_box button {border-radius:0; background-color: #333; width:100px; height:40px; line-height: 40px; text-align: center; color: #fff; padding:0}
.ad_camp_add_sec [data-layout="excel"] .file_desc {margin-top:-16px; color: #A6A6A6; font-size: 14px; font-weight: 400; display:block}
.ad_camp_add_sec [data-layout="excel"] .file_download {color: #0BB2F8; font-size: 14px; font-weight: 400; display:inline-block; text-decoration: underline; text-underline-position: below}
.ad_camp_add_sec [data-layout="excel"] label.file input[type="file"]::before {content:'파일 선택'; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#333; line-height:40px; text-align:center; color:#fff}
/* --------------------------------//admin campaign sponsor add page end -------------------------------- */



/* --------------------------------admin campaign add page -------------------------------- */
/* 모금 캠페인 등록/수정 페이지 */
.ad_camp_add_sec select {width:240px}
.ad_camp_add_sec [data-layout="campaign"] .radio_wrap li {padding:0 !important;}
.ad_camp_add_sec [data-layout="campaign"] label.file input[type="file"]::before {content:'파일 선택';}

/* tab */
.ad_camp_add_sec .tab_menu_wrap {margin-top:100px; border-bottom:1px solid #E4E4E4}
.ad_camp_add_sec .tab_menu_wrap ul {display:flex; justify-content:flex-start; align-items:center}
.ad_camp_add_sec .tab_menu_wrap ul li {display:inline-block}
.ad_camp_add_sec .tab_menu_wrap ul li a {display:block; padding:10px 15px; text-align:center; font-weight:500; font-size:16px; color:#999; cursor:pointer}
.ad_camp_add_sec .tab_menu_wrap ul li.active a {border-bottom:1px solid #666; color:#444}
.ad_camp_add_sec .table_wrap table .inner_table tr {border-top:none}
.ad_camp_add_sec .tab_cont {display:none}
.ad_camp_add_sec .tab_cont_wrap .tab_cont.active {display:block}
.ad_camp_add_sec .tab_cont > .title {margin-top:2rem; font-size:15px}
.ad_camp_add_sec .tab_cont .input_list li {padding:14px 0}
.ad_camp_add_sec .tab_cont .input_list li:not(:last-child) {border-bottom:1px solid #E4E4E4}
.ad_camp_add_sec .tab_cont .flex_box {display:flex; align-items:center; justify-content:space-between; gap:12px}
.ad_camp_add_sec .tab_cont .flex_box.flex_ver {flex-direction:column; align-items:flex-start; flex:1}
.ad_camp_add_sec .tab_cont .flex_box .input_wrap {display:flex; align-items:center; justify-content:left; gap:15px}
.ad_camp_add_sec .tab_cont .widthFull {flex:1; width:100%}
.ad_camp_add_sec .tab_cont .tit {text-align:left; font-weight:400; font-size:14px; line-height:20px; letter-spacing:-.01em; color:#333}
.ad_camp_add_sec .tab_cont li .flex_box .input_wrap .tit {min-width:92px}
.ad_camp_add_sec .tab_cont li .flex_box .input_wrap .tit.w150 {min-width:150px}
.ad_camp_add_sec .tab_cont li .flex_box .input_wrap .flex_box .input_wrap .tit {min-width:50px}
.ad_camp_add_sec .tab_cont .flex_tit .tit {align-self:flex-start; margin-top:10px}
.ad_camp_add_sec .tab_cont .sub_tit {font-weight:400; font-size:14px}
.ad_camp_add_sec .tab_cont .flex_box input {flex:1}
.ad_camp_add_sec .tab_cont .flex_box .editor_wrap {width:100%}
.ad_camp_add_sec .tab_cont .flex_box .chk_wrap {flex:unset!important}
.ad_camp_add_sec .tab_cont .flex_box .option_wrap input[type="date"] {width:130px}
.ad_camp_add_sec .tab_cont .option_list li {padding:0 0 10px!important}
.ad_camp_add_sec .tab_cont .option_list li:not(:first-child) {padding:10px 0!important}
.ad_camp_add_sec .tab_cont .option_list li:last-child {padding:10px 0 0!important}
.ad_camp_add_sec .tab_cont .option_list li > .flex_box {margin-top:10px}
.ad_camp_add_sec .tab_cont .question {width: 100%; min-height: 4rem; font-size: 0.9rem; font-weight: 300; resize: none; border: 1px solid #e4e4e4}

/* add editor from campaign.css */
.ad_camp_add_sec .tab_cont .add_cont {margin: 2rem 0 1rem}
.ad_camp_add_sec .tab_cont .editor_wrap {border: 1px solid #E4E4E4}
.ad_camp_add_sec .tab_cont .editor_wrap:not(:last-child) {margin-bottom: 1rem}
.ad_camp_add_sec .tab_cont .editor_wrap input[type="text"],
.ad_camp_add_sec .tab_cont .editor_wrap textarea {width: 100%; padding: 1.5rem 1.5rem 2rem}
.ad_camp_add_sec .tab_cont .editor_wrap input[type="text"] {height: inherit;}
.ad_camp_add_sec .tab_cont .editor_menu {width: 100%; height: 2.125rem; border-top: 1px solid #E4E4E4; background-color: #F8F8F8; overflow: hidden;}
.ad_camp_add_sec .tab_cont .editor_menu .left {float: left}
.ad_camp_add_sec .tab_cont .editor_menu .right {float: right}
.ad_camp_add_sec .tab_cont .editor_menu ul {display: flex}
.ad_camp_add_sec .tab_cont .editor_menu button {width: 2rem; height:2.125rem}
.ad_camp_add_sec .tab_cont .editor_menu .left li {border-right: 1px solid #E4E4E4}
.ad_camp_add_sec .tab_cont .editor_menu .right li {border-left: 1px solid #E4E4E4}
.ad_camp_add_sec .tab_cont .editor_menu .btn_color {background: url(/admin/images/campaign/ico_editor_07.svg) no-repeat center center/100% auto}
.ad_camp_add_sec .tab_cont .editor_menu .btn_left {background: url(/admin/images/campaign/ico_editor_08.svg) no-repeat center center/100% auto}
.ad_camp_add_sec .tab_cont .editor_menu .btn_center {background: url(/admin/images/campaign/ico_editor_09.svg) no-repeat center center/100% auto}
.ad_camp_add_sec .tab_cont .editor_menu .btn_right {background: url(/admin/images/campaign/ico_editor_10.svg) no-repeat center center/100% auto}
.ad_camp_add_sec .tab_cont .editor_menu .btn_up {background: url(/admin/images/campaign/ico_editor_11.svg) no-repeat center center/100% auto}
.ad_camp_add_sec .tab_cont .editor_menu .btn_down {background: url(/admin/images/campaign/ico_editor_12.svg) no-repeat center center/100% auto}
.ad_camp_add_sec .tab_cont .editor_menu .btn_del {width: 4rem; font-size: 0.75rem}
.ad_camp_add_sec .tab_cont .editor_menu .btn_del span {display: inline-block; width: 0.75rem; height: 0.75rem; margin-right: 0.25rem; background: url(/admin/images/campaign/ico_del.svg) no-repeat center center/100% auto; vertical-align: -0.1rem}
.ad_camp_add_sec .tab_cont .editor_menu .btn_color_02 {width: 4rem; background: url(/admin/images/campaign/ico_editor_13.svg) no-repeat center center/100% auto}

.ad_camp_add_sec .tab_cont .editor_wrap input {border:none}
.ad_camp_add_sec .tab_cont .img_wrap {background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 0.625rem}
.ad_camp_add_sec .tab_cont .file_wrap {position: relative}
.ad_camp_add_sec .tab_cont .file_wrap input {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0}
.ad_camp_add_sec .tab_cont .file_wrap label {position: absolute; left: 1rem; top: 1rem; padding: 0.4rem 0.65rem; border: 1px solid #888; border-radius: 0.375rem; font-size: 0.815rem; color: #888; font-weight: 500; background-color: #fff}
.ad_camp_add_sec .tab_cont [data-cont="title"] input {font-size: 1.5rem; font-weight: 700}
.ad_camp_add_sec .tab_cont [data-cont="subtitle"] input {font-size: 1.25rem; font-weight: 600}
.ad_camp_add_sec .tab_cont [data-cont="contents"] textarea {width: 100%; min-height: 4rem; font-size: 1.125rem; font-weight: 300; resize: none}
.ad_camp_add_sec .tab_cont [data-cont="img"] .cont {width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: #fcfcfc}
.ad_camp_add_sec .tab_cont [data-cont="img"] .file_wrap {height: 11.875rem;display: flex;justify-content: center; align-items: center;}
.ad_camp_add_sec .tab_cont [data-cont="img"] .file_wrap > img{height:100%;}
.ad_camp_add_sec .tab_cont [data-cont="img"] label {left: 50%; top: auto; bottom: 3rem; transform: translateX(-50%); background-color: #fff; line-height: 1}
.ad_camp_add_sec .tab_cont [data-cont="img"] .left {position: relative; width: calc(100% - 2rem - 2rem - 4rem - 3px)}
.ad_camp_add_sec .tab_cont [data-cont="img"] .left label {display: inline-block; width: 6.25rem; height:2.125rem; font-size: 0.75rem; color: #5D5D5D; border-right: 1px solid #E4E4E4; text-align: center; line-height: 2.125rem; left:0; top: 0; bottom: 0; transform: initial; background-color: #F8F8F8;}
.ad_camp_add_sec .tab_cont [data-cont="img"] .left input[type="url"] {position: absolute; right: 0; top: 0; width: calc(100% - 6.25rem); height: calc(2.125rem - 1px); padding: 0 0.5rem; font-size: 0.75rem; border:none;}
.ad_camp_add_sec .tab_cont [data-cont="video"] .cont {width: 100%; height: 11.875rem; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: #fcfcfc}
.ad_camp_add_sec .tab_cont [data-cont="video"] .left {position: relative; width: calc(100% - 2rem - 2rem - 4rem - 3px)}
.ad_camp_add_sec .tab_cont [data-cont="video"] label {display: inline-block; width: 6.25rem; height:2.125rem; font-size: 0.75rem; color: #5D5D5D; border-right: 1px solid #E4E4E4; text-align: center; line-height: 2.125rem}
.ad_camp_add_sec .tab_cont [data-cont="video"] input[type="url"] {position: absolute; right: 0; top: 0; width: calc(100% - 6.25rem); height: calc(2.125rem - 1px); padding: 0 0.5rem; font-size: 0.75rem; border:none}
.ad_camp_add_sec .tab_cont [data-cont="button"] .cont {padding: 1.5rem 1.5rem 2rem; text-align: center}
.ad_camp_add_sec .tab_cont [data-cont="button"] .left {position: relative; width: calc(100% - 2rem - 2rem - 4rem - 3px)}
.ad_camp_add_sec .tab_cont [data-cont="button"] label {display: inline-block; width: 4rem; height:2.125rem; font-size: 0.75rem; color: #5D5D5D; border-right: 1px solid #E4E4E4; text-align: center; line-height: 2.125rem}
.ad_camp_add_sec .tab_cont [data-cont="button"] input[type="url"] {position: absolute; right: 0; top: 0; width: calc(100% - 4rem - 2rem - 4rem - 2px); height: calc(2.125rem - 1px); padding: 0 0.5rem; font-size: 0.75rem; border:none}
.ad_camp_add_sec .tab_cont [data-cont="button"] input[type="text"] {display: inline-block; width: 10.125rem; padding: 1rem; border-radius: 31.25rem; background-color: #444; text-align: center; color: #fff; font-size: 1.125rem; font-weight: 700}
.ad_camp_add_sec .tab_cont [data-cont="button"] input[type="text"]::placeholder {color: #fff; font-size: 1.125rem; font-weight: 700}

/* add btn from campaign.css */
.ad_camp_add_sec .add_btn {margin:0 auto 1rem}
.ad_camp_add_sec .add_btn ul {display: flex; flex-wrap: wrap; gap: 0.5rem}
.ad_camp_add_sec .add_btn li {flex: 1 1 calc((100% / 6) - (0.5rem * 2))}
.ad_camp_add_sec .add_btn button {position: relative; display: block; width: 100%; height: 5.5rem; background-color: #F9F9F9; border-radius: 0.625rem}
.ad_camp_add_sec .add_btn i,
.ad_camp_add_sec .add_btn span {position: absolute; left: 50%; transform: translateX(-50%)}
.ad_camp_add_sec .add_btn i {top: 1.125rem; width: 2.5rem; height: 1.625rem}
.ad_camp_add_sec .add_btn li:nth-child(1) i {background: url(/admin/images/campaign/ico_editor_01.png) no-repeat center center/100% auto}
.ad_camp_add_sec .add_btn li:nth-child(2) i {background: url(/admin/images/campaign/ico_editor_02.png) no-repeat center center/100% auto}
.ad_camp_add_sec .add_btn li:nth-child(3) i {background: url(/admin/images/campaign/ico_editor_03.png) no-repeat center center/100% auto}
.ad_camp_add_sec .add_btn li:nth-child(4) i {background: url(/admin/images/campaign/ico_editor_04.png) no-repeat center center/100% auto}
.ad_camp_add_sec .add_btn li:nth-child(5) i {background: url(/admin/images/campaign/ico_editor_05.png) no-repeat center center/100% auto}
.ad_camp_add_sec .add_btn li:nth-child(6) i {background: url(/admin/images/campaign/ico_editor_06.png) no-repeat center center/100% auto}
.ad_camp_add_sec .add_btn span {display: block; width: 100%; bottom: 1rem; color: #A3A3A3}


/* add editor from campaign.css */
.ad_camp_add_sec [data-input="plan"] {margin-top: 16px}
.ad_camp_add_sec [data-input="plan"] li {display: flex; justify-content:flex-start; margin-bottom: 0.5rem}
.ad_camp_add_sec [data-input="plan"] li >div {position: relative ; display: flex; justify-content: center; align-items: center; gap: 16px; flex:1}
/* .ad_camp_add_sec [data-input="plan"] .plan_cont {width: 50%}
.ad_camp_add_sec [data-input="plan"] .plan_amount {width: 30%}*/
.ad_camp_add_sec [data-input="plan"] li >div label {flex:150px; text-align:right}
.ad_camp_add_sec [data-input="plan"] input {width: 100%; height: 3rem; font-size: 0.875rem; font-weight: 300; background-color: #F9F9F9; border-radius: 0.625rem; border:none}
.ad_camp_add_sec [data-input="plan"] .plan_cont input {padding: 1rem 3.5rem 1rem 1rem}
.ad_camp_add_sec [data-input="plan"] .plan_amount input {padding: 1rem 2.5rem 1rem 1rem}
.ad_camp_add_sec [data-input="plan"] input::placeholder {color: #A3A3A3}
.ad_camp_add_sec .tab_cont .text_count ,
.ad_camp_add_sec [data-input="plan"] .text_count {position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); font-size: 0.875rem; color: #8D8D8D; font-weight: 300}
.ad_camp_add_sec .tab_cont .text_count strong,
.ad_camp_add_sec [data-input="plan"] .text_count strong {font-weight: 500}
.ad_camp_add_sec [data-input="plan"] .btn_reset {position: absolute; right: 1rem; top: 50%; bottom: auto; transform: translateY(-50%); width: 1.25rem; height: 1.25rem; background: url(/admin/images/campaign/ico_times_circle.svg) no-repeat center center/100% auto; z-index: 10}
.ad_camp_add_sec .btn_add {width: 200px; height: 3rem; background-color: #A3A3A3; color: #fff; border-radius: 0.625rem; float: right; margin:10px auto 20px}
.ad_camp_add_sec .btn_add i {display: inline-block; width: 1rem; height: 1rem; margin-left: 0.5rem; background: url(/admin/images/campaign/ico_times_circle_white.svg) no-repeat center center/100% auto; vertical-align: -0.165rem}
.ad_camp_add_sec .sum_wrap {display: flex; justify-content: flex-end; width: 100%; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #5D5D5D}
.ad_camp_add_sec .sum_wrap h6 {font-weight: 600; color: #5D5D5D; margin-right:10px; font-size:14px}
.ad_camp_add_sec .sum_wrap p {color: #5D5D5D}
.ad_camp_add_sec .sum_wrap span {margin-right: 0.315rem; color: #444; font-weight: 600; font-size: 1.125rem}
.ad_camp_add_sec .info {width: 100%; margin-top: 0.5rem; text-align: right; font-weight: 300; color: #FF62AD; font-size: 0.875rem}
.ad_camp_add_sec .info span {font-weight:600}
/* --------------------------------//admin campaign add page end -------------------------------- */


/* --------------------------------//admin voluteer add page -------------------------------- */
/* 봉사 캠페인 등록/수정 페이지 */
/* .ad_camp_add_sec [data-layout="volunteer"] .tab_cont .flex_box.flex_ver {align-items:flex-end}
.ad_camp_add_sec [data-layout="volunteer"] .btn_add {margin:10px 0 30px}*/
.ad_camp_add_sec [data-layout="volunteer"] .chk_list {display:flex; justify-content:left; align-items:center; flex-direction:row; gap:20px}
.ad_camp_add_sec [data-layout="volunteer"] .chk_wrap input[type="checkbox"] {display:inline-block; width:1.25rem; height:1.25rem; margin:0 2px 0 0; padding-left:0; border-radius:.25rem; cursor:pointer; box-sizing:border-box; border:1px solid #E4E4E4; background-color:#fff; position:relative; left:unset; top:unset; transform:none; z-index:0; appearance:none; flex:unset}
.ad_camp_add_sec [data-layout="volunteer"] .chk_wrap input[type="checkbox"]:checked {background:url(/admin/images/common/ico_ckbox.svg) no-repeat center top 0.3rem/0.75rem auto #6049EA; border:1px solid #6049EA}
.ad_camp_add_sec [data-layout="volunteer"] .chk_wrap input[type="checkbox"] + label {border:none; display:block; width:auto; height:auto; margin:0; text-align:left; padding-left:0; border-radius:0; cursor:pointer; box-sizing:border-box; background-color:#fff; color:red; font-size:14px}
.ad_camp_add_sec [data-layout="volunteer"] .chk_wrap input[type="text"] {width:200px; margin-left:15px}
.ad_camp_add_sec [data-layout="volunteer"] .radio_wrap li {padding:0;}

.ad_camp_add_sec [data-layout="volunteer"] .context {border:1px solid #E4E4E4; padding:20px; margin-bottom:10px}
.ad_camp_add_sec [data-layout="volunteer"] .context h5 {font-weight:600; font-size:16px; line-height: 140%}
.ad_camp_add_sec [data-layout="volunteer"] .context p {font-weight:400; font-size:14px; line-height: 170%}

.ad_camp_add_sec [data-layout="volunteer"] .context p:not(:last-child) {margin-bottom:10px}
.ad_camp_add_sec [data-layout="volunteer"] .context h5 + h5 {margin-top:10px}

.ad_camp_add_sec [data-layout="volunteer"] .tab_cont .flex_box.flex_ver {gap:5px;}

.ad_camp_add_sec [data-layout="volunteer"] .btn_delete_opt{width:46px;height:38px;background-color:#A3A3A3;color:#fff;font-weight:700;}
/* --------------------------------//admin voluteer add page end -------------------------------- */

/* --------------------------------admin campaign sponsor list page -------------------------------- */
.ad_camp_sec .top > div {width: 48%}
.ad_camp_sec .top > div select {width: 286px}
.ad_camp_sec .mid {margin-bottom:20px}
.ad_camp_sec .mid .option_wrap select {width:150px !important}
/* --------------------------------//admin campaign sponsor list page end -------------------------------- */


/* --------------------------------admin donation receipt add page -------------------------------- */
.receipt_sec .option_wrap input[type="text"] {width:200px}
.receipt_sec .option_wrap select {width:120px}
.receipt_sec .option_wrap .items_wrap select {margin-right:0; width:120px; border-right: none}
.receipt_sec .search_wrap .btn_wrap button {height:auto}
/* --------------------------------admin donation receipt add page end -------------------------------- */


/* --------------------------------admin partner-------------------------------- */
.partner_sec .top {margin-bottom: 0;}
.partner_sec .tab_menu_wrap {margin-top: 0;}
.partner_sec table tbody tr:first-child {border-top: 0px;}
.partner_sec .flex_box .input_wrap {position: relative;}
.partner_sec .flex_box_modi {flex-wrap: wrap;}
.partner_sec .flex_box_modi .input_wrap {width: 100%;}
.partner_sec .flex_box_modi [data-layout="inner"] {padding-left: 107px;}
.partner_sec .flex_box_modi [data-layout="inner"] .input_wrap {width: 48%;}
.partner_sec .btn_veri {display: block; width: 80px; height: 40px; background-color: #333; color: #fff; border-radius: 5px;}
.partner_sec .desc {margin-top: 6px; padding-left: 107px; color: #888;}
.partner_sec .tab_cont .editor_wrap[data-layout="thum"]  {width: 200px;}
/* 리스트 */
.part_list_sec .search_wrap .opt_tit {white-space: nowrap;}
.part_list_sec .option_wrap [data-layout="flex"] {width: 100%;}
.part_list_sec .option_wrap input[type="text"] {width: calc(100% - 160px);}
/* 상세 */
.part_desc_sec table td {padding: 14px 0; line-height: 160%; text-align: left;}
.part_desc_sec table td:nth-child(odd) {font-weight: 600;}
.part_desc_sec .flie_wrap {display: flex; gap: 8px; width: 100%; max-width: 500px;}
.part_desc_sec .flie_wrap:not(:last-child) {margin-bottom: 10px;}
.part_desc_sec .flie_wrap h6 {width: calc(100% - 98px); height: 40px; padding: 0 16px; line-height: 40px; border: 1px solid #333; font-size: 14px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.part_desc_sec .flie_wrap button,
.part_desc_sec .flie_wrap a {display: block; width: 90px; height: 40px; border-radius: 5px; text-align: center; line-height: 40px; background-color: #333; color: #fff;}
.part_desc_sec .flie_wrap_modi h6 {width: calc(100% - 68px);}
.part_desc_sec .flie_wrap_modi button,
.part_desc_sec .flie_wrap_modi a {width: 60px;}
/* --------------------------------admin partner end-------------------------------- */


/* --------------------------------admin csr-------------------------------- */
.csr_sec .opt_tit {white-space: nowrap;}
/* 에디터 메뉴바 */
.csr_sec .add_cont {margin: 2rem 0 1rem}
.csr_sec .editor_wrap {border: 1px solid #E4E4E4}
.csr_sec .editor_wrap:not(:last-child) {margin-bottom: 1rem}
.csr_sec .editor_wrap input[type="text"],
.csr_sec .editor_wrap textarea {width: 100%; padding: 1.5rem 1.5rem 2rem}
.csr_sec .editor_wrap input[type="text"] {height: inherit;}
.csr_sec .editor_menu {width: 100%; height: 2.125rem; border-top: 1px solid #E4E4E4; background-color: #F8F8F8}
.csr_sec .editor_menu .left {float: left}
.csr_sec .editor_menu .right {float: right}
.csr_sec .editor_menu ul {display: flex}
.csr_sec .editor_menu button {width: 2rem; height:2.125rem}
.csr_sec .editor_menu .left li {border-right: 1px solid #E4E4E4}
.csr_sec .editor_menu .right li {border-left: 1px solid #E4E4E4}
.csr_sec .editor_menu .btn_color {background: url(/admin/images/campaign/ico_editor_07.svg) no-repeat center center/100% auto}
.csr_sec .editor_menu .btn_left {background: url(/admin/images/campaign/ico_editor_08.svg) no-repeat center center/100% auto}
.csr_sec .editor_menu .btn_center {background: url(/admin/images/campaign/ico_editor_09.svg) no-repeat center center/100% auto}
.csr_sec .editor_menu .btn_right {background: url(/admin/images/campaign/ico_editor_10.svg) no-repeat center center/100% auto}
.csr_sec .editor_menu .btn_up {background: url(/admin/images/campaign/ico_editor_11.svg) no-repeat center center/100% auto}
.csr_sec .editor_menu .btn_down {background: url(/admin/images/campaign/ico_editor_12.svg) no-repeat center center/100% auto}
.csr_sec .editor_menu .btn_del {width: 4rem; font-size: 0.75rem}
.csr_sec .editor_menu .btn_del span {display: inline-block; width: 0.75rem; height: 0.75rem; margin-right: 0.25rem; background: url(/admin/images/campaign/ico_del.svg) no-repeat center center/100% auto; vertical-align: -0.1rem}
.csr_sec .editor_menu .btn_color_02 {width: 4rem; background: url(/admin/images/campaign/ico_editor_13.svg) no-repeat center center/100% auto}
/* 에디터 cont */
.csr_sec .editor_wrap input {border:none;}
.csr_sec .img_wrap {background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 0.625rem}
.csr_sec .file_wrap {position: relative}
.csr_sec .file_wrap input {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0}
.csr_sec .file_wrap label {position: absolute; left: 1rem; top: 1rem; padding: 0.4rem 0.65rem; border: 1px solid #888; border-radius: 0.375rem; font-size: 0.815rem; color: #888; font-weight: 500; background-color: #fff}
.csr_sec [data-cont="title"] input {font-size: 1.5rem; font-weight: 700}
.csr_sec [data-cont="subtitle"] input {font-size: 1.25rem; font-weight: 600}
.csr_sec [data-cont="contents"] textarea {width: 100%; min-height: 4rem; font-size: 1.125rem; font-weight: 300; resize: none}
.csr_sec [data-cont="img"] .cont {width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: #fcfcfc}
.csr_sec [data-cont="img"] .file_wrap {height: 11.875rem;display: flex;justify-content: center; align-items: center;}
.csr_sec [data-cont="img"] .file_wrap > img{height:100%}
.csr_sec [data-cont="img"] label {left: 50%; top: auto; bottom: 3rem; transform: translateX(-50%); background-color: #fff; line-height: 1}
.csr_sec [data-cont="video"] .cont {width: 100%; height: 11.875rem; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: #fcfcfc}
.csr_sec [data-cont="video"] .left {position: relative; width: calc(100% - 2rem - 2rem - 4rem - 3px)}
.csr_sec [data-cont="video"] label {display: inline-block; width: 6.25rem; height:2.125rem; font-size: 0.75rem; color: #5D5D5D; border-right: 1px solid #E4E4E4; text-align: center; line-height: 2.125rem}
.csr_sec [data-cont="video"] input[type="url"] {position: absolute; right: 0; top: 0; width: calc(100% - 6.25rem); height: calc(2.125rem - 1px); padding: 0 0.5rem; font-size: 0.75rem; border:none}
.csr_sec [data-cont="button"] .cont {padding: 1.5rem 1.5rem 2rem; text-align: center}
.csr_sec [data-cont="button"] .left {position: relative; width: calc(100% - 2rem - 2rem - 4rem - 3px)}
.csr_sec [data-cont="button"] label {display: inline-block; width: 4rem; height:2.125rem; font-size: 0.75rem; color: #5D5D5D; border-right: 1px solid #E4E4E4; text-align: center; line-height: 2.125rem}
.csr_sec [data-cont="button"] input[type="url"] {position: absolute; right: 0; top: 0; width: calc(100% - 4rem - 2rem - 4rem - 2px); height: calc(2.125rem - 1px); padding: 0 0.5rem; font-size: 0.75rem; border:none}
.csr_sec [data-cont="button"] input[type="text"] {display: inline-block; width: 10.125rem; padding: 1rem; border-radius: 31.25rem; background-color: #444; text-align: center; color: #fff; font-size: 1.125rem; font-weight: 700}
.csr_sec [data-cont="button"] input[type="text"]::placeholder {color: #fff; font-size: 1.125rem; font-weight: 700}
/* 에디터 버튼 커스텀 */
.csr_sec .add_btn {margin:0 auto 1rem}
.csr_sec .add_btn ul {display: flex; flex-wrap: wrap; gap: 0.5rem}
.csr_sec .add_btn li {flex: 1 1 calc((100% / 6) - (0.5rem * 2))}
.csr_sec .add_btn button {position: relative; display: block; width: 100%; height: 5.5rem; background-color: #F9F9F9; border-radius: 0.625rem}
.csr_sec .add_btn i,
.csr_sec .add_btn span {position: absolute; left: 50%; transform: translateX(-50%)}
.csr_sec .add_btn i {top: 1.125rem; width: 2.5rem; height: 1.625rem}
.csr_sec .add_btn li:nth-child(1) i {background: url(/admin/images/campaign/ico_editor_01.png) no-repeat center center/100% auto}
.csr_sec .add_btn li:nth-child(2) i {background: url(/admin/images/campaign/ico_editor_02.png) no-repeat center center/100% auto}
.csr_sec .add_btn li:nth-child(3) i {background: url(/admin/images/campaign/ico_editor_03.png) no-repeat center center/100% auto}
.csr_sec .add_btn li:nth-child(4) i {background: url(/admin/images/campaign/ico_editor_04.png) no-repeat center center/100% auto}
.csr_sec .add_btn li:nth-child(5) i {background: url(/admin/images/campaign/ico_editor_05.png) no-repeat center center/100% auto}
.csr_sec .add_btn li:nth-child(6) i {background: url(/admin/images/campaign/ico_editor_06.png) no-repeat center center/100% auto}
.csr_sec .add_btn span {display: block; width: 100%; bottom: 1rem; color: #A3A3A3}
/* 소식 페이지 */
.csr_sec[data-layout="news"] .date_wrap {width: 400px;}
.csr_sec[data-layout="news"] .input_wrap {width: 328px;}
.csr_sec[data-layout="news"] .url_wrap {position: relative;}
.csr_sec[data-layout="news"] .url_wrap input[type="text"] {width: calc(100% - 100px);}
.csr_sec[data-layout="news"] .url_wrap::after {content: ""; position: absolute; right: 0; top: 0; width: 90px; height: 40px;}
.csr_sec[data-layout="news"] .url_wrap a {display: block; width: 90px; height: 40px; text-align: center; line-height: 40px; background-color: #333; color: #fff; border-radius: 5px;}
.csr_sec[data-layout="news"] .url_wrap.active::after {display: none;}
/* 공지, faq 페이지 */
.csr_sec[data-layout="notice"] .input_wrap,
.csr_sec[data-layout="faq"] .input_wrap  {width: 588px;}
.csr_sec[data-layout="faq"] textarea {width: 100%; min-height: 300px; padding: 16px; border: 1px solid #E4E4E4; color: #333; line-height: 150%; resize: none;}
/* --------------------------------admin csr end-------------------------------- */


/* --------------------------------admin popup -------------------------------- */
.pu_wrap {width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; display:table; background:rgba(0,0,0,0.5)}
.pu_inner {display:table-cell; text-align:center; vertical-align:middle}
/* .pu_inner {}*/
.pu_cont {display:inline-block; width:1000px; min-height:500px; overflow:hidden; position:relative; z-index:10; background-color:#fff; padding:30px; box-sizing:border-box; text-align:left; box-shadow:3px 3px 10px rgba(0,0,0,.2)}
.pu_cont .top {display:flex; justify-content:space-between; align-items:center; margin-bottom:30px}
.pu_cont .top label {margin-right:10px; font-size:16px; font-weight:600; color:#333; line-height:30px}
.pu_cont .top input[type="text"] {height:30px; line-height:30px; width:auto}
.pu_tit {font-weight:700; font-size:20px; line-height:24px; padding-bottom:30px}
.pu_tit button.btn_close {font-weight:400; font-size:30px; position:absolute; right:35px; margin-top:-5px}
.pu_admin .cols2 th,.pu_admin .cols2 td {width:50%; float:left}
.pu_admin .cols2 td:nth-child(3) {width:48%; margin-right:2%}
.pu_admin .rows3 td {margin-bottom:12px}
.pu_admin input {display:inline-block; width:100%; height:40px; border:1px solid #E4E4E4; color:#333; padding:0 10px; line-height:40px}
.pu_admin .val_check {margin-right:10px; color:#cecece; font-size:14px}
.pu_admin .val_check.on {color:#888}
.pu_admin .btn_wrap {position:absolute; bottom:0; left:0; width:100%; z-index:11}
.pu_admin .btn_wrap button {width:50%; height:50px; display:inline-block; float:left; background-color:#E4E4E4; font-size:16px}
.pu_admin .btn_wrap button.btn_save {background-color:#1e2431; color:#fff}
.pu_admin select {width:100%; height:38px; background:#FFF; border:1px solid #E4E4E4; box-sizing:border-box; margin-right:15px; padding-left:8px; background:url(/images/arrow_down.png) no-repeat 95% 50%; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.pu_admin select::-ms-expand {display:none}



/* button */
.pu_cont .btn_close_pu {position:absolute; top:30px; right:40px; cursor:pointer; display:block; width:20px; height:20px; background:url(/admin/images/btn_close_gr.svg) center center / contain no-repeat}
/* .pu_cont .btn_close_pu::before {content:''; display:block; width:1px; height:20px; transform:rotate(45deg); background-color:#333; position:absolute; top:0; left:0}
.pu_cont .btn_close_pu::after {content:''; display:block; width:1px; height:20px; transform:rotate(-45deg); background-color:#333; position:absolute; top:0; left:0}*/

.pu_cont form .btn_wrap {display:flex; justify-content:flex-end; align-items:center; gap:5px; flex-direction:row}
.pu_cont form .btn_wrap button {background-color:#333; color:#fff; padding:9px 28px; border-radius:5px; font-size:14px; line-height:1}
.pu_cont form .btn_wrap button.btn_type_02 {background-color:#888}

/*confirm popup*/
[class*='confirm'] .pu_cont{max-width: 400px; min-height: 150px; border: 2px solid #222;}
[class*='confirm'] .pu_cont .cont_box{min-height: inherit; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px;}
[class*='confirm'] .pu_cont .cont_box .btn_wrap{width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px;}
[class*='confirm'] .pu_cont .cont_box .btn_wrap [class*="btn_"]{display: inline-block; color: #fff; background-color: #222; padding: 11px 20px; border-radius: 5px; font-size: 14px; line-height: 1; min-width: 100px; text-align: center;}
[class*='confirm'] .pu_cont .cont_box .btn_wrap [class*="btn_"][data-color="gray"]{background-color: #999;}
/* --------------------------------//admin popup end -------------------------------- */


/* --------------------------------20240715------------------------------ */
.ad_camp_add_sec #frmAppInfo .input_list li::after{content: ""; display: block; clear: both;}
.ad_camp_add_sec #frmAppInfo .option_list .input_wrap:not(:last-child) {margin-bottom: 10px;}
.ad_camp_add_sec #frmAppInfo .option_list .input_wrap:not(:first-child) {padding-left: 56px;}
.ad_camp_add_sec #frmAppInfo .option_list .input_wrap:not(:first-child) .tit {text-align: center;}
.ad_camp_add_sec #frmAppInfo .btn_add {display: block; margin: 10px auto 20px; float: none;}
.ad_camp_sec #donationList td button {width: 100%; min-width: auto; padding: 8px 0; font-size: 12px;}
/* --------------------------------20240715------------------------------ */


/* --------------------------------20240820------------------------------ */
.table_wrap .file_box { display: flex; margin: 20px 0; align-items: center; }
.table_wrap .file_box h6 { margin-right: 20px }
/* --------------------------------20240820------------------------------ */


/* --------------------------------20250408 new campain page------------------------------ */
.top .location{display: flex; gap: 8px;}
.top .location li{display: flex; align-items: center; gap: 8px; font-size: 14px; color: #666;}
.top .location li:not(:last-child)::after{content: ">"; display: block;}
.tit .mark{color: red; display: inline-block; margin-left: 2px; font-size: 12px;}
.widthNine{width: 90%; margin: 0 auto;}

.ad_modi .tab_menu_wrap{margin-top: 0;}
.ad_modi .tab_cont_tit{margin: 30px 0 10px; text-align: left;}
.ad_modi .tab_cont .flex_box[data-size="w_4"]{width: 350px;}
.ad_modi .tab_cont .flex_box[data-size="w"]>div{width: 25%;}
.ad_modi .tab_cont .flex_box[data-size="w"]>div.info .value{width: 100%;}
.ad_modi .tab_cont .flex_box[data-align="left"]{justify-content: flex-start; text-indent: 40px;}
.ad_modi .tab_cont .flex_box[data-align="left"] .info{width: 265px;}
.ad_modi .tab_cont .flex_box[data-layout="switch"]{display: flex; gap: 13px; align-items: center; justify-content: flex-start; margin: 14px 0;}
.ad_modi .tab_cont .input_list[data-layout="flex_w"]{display: flex; flex-wrap: wrap;}
.ad_modi .tab_cont .input_list[data-layout="flex_w"]>li.info{width: 33.33%;}
.ad_modi .tab_cont .input_list li:not(:last-child) {border-bottom:0;}
.ad_modi .tab_cont .input_list li[data-layout="border"] {border-bottom: 1px solid #e4e4e4;}
.ad_modi .tab_cont .input_list li[data-required="flex"]{display: flex;}
.ad_modi .tab_cont .tit{min-width: 92px; white-space: nowrap;}
.ad_modi .tab_cont .tit.bold{font-weight: 800;}
.ad_modi .tab_cont .tit[data-required="no_self"]{align-self: unset; margin-bottom: 10px;}
.ad_modi .tab_cont .input_wrap{white-space: nowrap;}
.ad_modi .info{display: flex; justify-content: start; gap: 15px; color: #333; margin-top: 0;}
.ad_modi .info span{font-weight: 400;}
.ad_modi .info[data-align="center"]{justify-content: center;}
.ad_modi .btn_delete_opt{width: 46px; height: 38px; background-color: #a3a3a3; color: #fff; font-weight: 700;}
.ad_modi .btn_wrap[data-size="h_6"]{height: 60px;}
.ad_modi .btn_wrap[data-size="h_6"] .btn_add {background-color: #a3a3a3;}
.ad_modi .left input[type="text"]{position: absolute; top: 0; left: 0; width: 100%; height: calc(2.125rem - 1px); padding: 0 0.5rem; font-size: 0.75rem; border: none; display: inline-block; line-height: 40px;}
.ad_modi .tit_wrap{display: flex; flex-direction: column;}
.ad_modi .tit_wrap .tit{text-align: center;}
.ad_modi .tit_wrap .tit_des{font-size: 11px; white-space: nowrap;}
.ad_modi .content_wrap{display: flex; flex-direction: column; gap: 15px;}

.flex_box[data-layout="opt"]{width: 80%; margin: 10px auto 0;}
.input_list[data-layout="form"] .flex_box{justify-content: flex-start;}
.input_list[data-layout="form"] .form_box{display: flex; flex-direction: column; gap: 10px;}
.input_list[data-layout="form"] .option_wrap>div,
.input_list[data-layout="form"] .option_wrap select,
.input_list[data-layout="form"] .input_wrap>div{width: 550px;}
.input_list[data-layout="form"] .input_wrap textarea{width: 650px; resize: none; height: 160px; padding: 12px; border: 1px solid #e4e4e4; text-overflow: ellipsis; font-size: 14px;}
.input_list[data-layout="form"] .btn_wrap{width: 55px; height: 40px;}
.input_list[data-layout="form"] .btn_wrap>button{white-space: nowrap; min-width: unset; width: 100%; height: 100%; background-color: #a3a3a3; display: flex; justify-content: center; align-items: center;}
.input_list[data-layout="form"] .up_down{margin-top: -4px;}
.input_list[data-layout="form"] .up_down li{padding: 0; margin-top: 5px;}
.input_list[data-layout="form"] .up_down li:first-child button{transform: rotate(180deg); background-position: center top 1px;}
.input_list[data-layout="form"] .up_down button{display: block; width: 20px; height: 16px; font-size: 8px; background: url("/admin/images/campaign/ico_down.svg") no-repeat center top/16px auto #666; border-radius: 2px;}
.input_list[data-layout="form"] .btn_add{float: unset; background-color: #fff; border: 1px solid #A3A3A3; color: #A3A3A3;}
.input_list[data-cont="terms"] select{width: 600px;}
.input_list[data-cont="terms"] .btn_add{height: 40px; margin: 0; width: 150px;}
.input_wrap[data-required="standard"]{position: relative;}
.input_wrap[data-size="w_4"] input[type="text"]{width: 400px;}
.input_wrap[data-size="w_3"] input[type="text"]{width: 300px;}
.input_wrap[data-layout="select"]{flex: 1;}
.input_wrap[data-layout="select"] select{padding: 0 7px 0 14px; width: 70px; height: 40px; text-overflow: ellipsis; border: 1px solid #dadada; color: #888; background: url("/admin/images/campaign/select_bg.svg") no-repeat center right 8px/16px auto;}
.radio_wrap[data-layout="vert"]{align-items: baseline;}
.url_wrap[data-align="po_a"]>label{position: absolute; left: 0; top: 0;}

.file_drop_wrap{display: flex; flex-direction: column; align-items: center; width: 100%; gap: 20px;}
.file_drop_wrap .file_drop{position: relative; display: block; width: 100%; height: 100px; padding: 1rem; border: 2px dashed #666; border-radius: 12px;}
.file_drop_wrap .file_drop .text_wrap{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.file_drop_wrap .file_drop i{display: block; width: 28px; height: 22px; margin: 0 auto 4px; background: url("/admin/images/campaign/ico_drop.png") no-repeat center/100% auto;}
.file_drop_wrap .file_drop span{font-size: 14px; color: #888; white-space: nowrap;}
.file_drop_wrap .preview{margin-top: 10px; width: 100%; text-align: left;}
.file_drop_wrap .preview img {max-width: 100%; height: auto; display: block; object-fit: contain;}
/* ------------------------------// 20250408 new campain page------------------------------ */


/* ------------------------------20250410 미래------------------------------ */
/*레이아웃*/
.scroll_wrap {max-height: 60vh; overflow-y: auto;}
/*테이블*/
.table_wrap[data-layout="title"] td {padding: 12px;}
.table_wrap[data-layout="title"] td:nth-child(1) {background-color: #333; color: #fff;}
.table_wrap[data-layout="title"] td:nth-child(2) {text-align: left;}
.table_wrap .underline {display: inline-block; text-decoration: underline;}
.table_wrap .btn_cancel {display: block; width: 100%; height: 40px; border-radius: 8px; background-color: #333; color: #fff;}
/*세로형 테이블*/
.table_wrap[data-layout="vertical"]:first-child,
.table_wrap[data-layout="vertical"]:first-child table {margin-top: 0;}
.table_wrap[data-layout="vertical"] tr {border-bottom:1px solid #E8E8E8}
.table_wrap[data-layout="vertical"] th {height:57px; padding:0 10px; background-color: #f1f1f1; text-align: center;}
.table_wrap[data-layout="vertical"] td {padding:8px 12px; border:none}
.table_wrap[data-layout="vertical"] td:not([data-layout="right"]) {text-align:left}
.table_wrap[data-layout="vertical"] .table_title {font-size: 16px; font-weight: 500;}
.table_wrap[data-layout="vertical"] .switch_wrap {justify-content: flex-start;}
.table_wrap[data-layout="vertical"] .btn_type_01 {display: block; width: 100%; height: 38px; background-color: #333; color: #fff; border-radius: 10px;}
.table_wrap[data-layout="vertical"] .btn_down {display: inline-block; margin-left: 10px; width: 80px; height: 38px; background-color: #333; color: #fff; border-radius: 10px;}
/*검색*/
.search_wrap_modi {padding:16px; border:1px solid #222; margin-top: 16px;}
.search_wrap_modi[data-gap="flex"] {justify-content: space-between;}
.search_wrap_modi .flex_wrap {display:flex; align-items:center; gap: 20px; flex-wrap:wrap}
.search_wrap_modi >.flex_wrap:not(:last-child) {margin-bottom:10px}
.search_wrap_modi [data-flex="0"] {width:100%}
.search_wrap_modi [data-flex="1"] {flex:1}
.search_wrap_modi .flex_wrap[data-gap="sm"] {gap:8px}
.search_wrap_modi .input_tit {display: block; font-size: 16px; font-weight: 500; line-height: 100%;}
/*input*/
.search_wrap_modi .option_wrap select {width: 120px;}
.search_wrap_modi .option_wrap input[type="text"] {width: 100%;}
.search_wrap_modi .option_wrap input[type="date"] {width: 140px;}
/* ------------------------------//20250410 미래------------------------------ */