@charset "utf-8";

/* ====================
	공통
==================== */
/* CONTENT BOX */
.cont-box-area {padding:46px 50px; border:1px solid #cccbcb; border-radius:var(--radius-md);}
.cont-box-area + .cont-box-area {margin-top:30px !important;}
.cont-box-area[class*=bg-] {border:0 none;}
.cont-box-area.bg-light {background-color:var(--bg-light2);}
.cont-box-area .half-inr {display:flex; margin:0 -10px;}
.cont-box-area .half-inr .inr {flex:1 1; padding:0 10px;}
.cont-box-area .box-inr {padding:20px;}
.cont-box-area .box-inr:not(:first-child) {margin-top:40px;}
.cont-box-area .box-inr:nth-child(odd) {background-color:#f8f8f8;}
.cont-box-area .box-inr > .area-tbl {margin-left:-20px; margin-right:-20px;}
.cont-box-area .btn-label-box {display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:14px;}
.cont-box-area .btn-label-box [class^=btns-] {flex-shrink:0;}
.cont-box-area .tit-area[class*=bg-] {margin-bottom:20px;}
.cont-box-area .tit-area[class*=bg-]:not(:first-child) {margin-top:40px;}
.cont-box-area .tit-area + .txt-area {padding:0 20px;}

/* IMG BOX */
.cont-img {text-align:center;}
.cont-img img {max-width:100%; width:auto; height:auto;}
.cont-img.box {padding:24px 10px; border:1px solid #cccbcb; border-radius:var(--radius-md);}
.cont-img.box:not(:first-child) {margin-top:15px;}

/* IMG INFO BOX */
.cont-box-area .img-info-box {max-width:860px; margin:0 auto}
.img-info-box {display:flex; align-items:center; justify-content:center; gap:30px 50px;}
.img-info-box .img-area {flex-shrink:0; width:auto; max-width:40%;}
.img-info-box .img-area img {max-width:100%; width:auto; height:auto;}
.img-info-box .tit {margin-bottom:10px; color:var(--color-sec); font-size:22px; font-weight:var(--font-bold);}

/* CHART BOX */
.chart-box {display:flex; margin:30px -2px;}
.chart-box .chart {position:relative; flex:1 1; margin:0 2px; height:400px;}
.chart-box .chart iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.chart-box .chart .no-data {margin:10px; padding:0; border:0 none; text-align:left;}

/* DEFINITION DATA */
.def-data-box {display:flex; align-items:stretch;}
.def-data-box .item,
.def-data-box .val {display:inline-flex; align-items:center; padding:14px 30px;}
.def-data-box .item {flex-shrink:0; background-color:var(--bg-light2); color:var(--color-sec); font-weight:var(--font-bold);}
.def-data-box .val {flex:1 1;}

.def-data-list {margin-top:20px;}
.def-data-list .tit {padding:14px 30px; background-color:var(--bg-light2); color:var(--color-sec); font-weight:var(--font-bold);}
.def-data-list .list > li {display:flex; align-items:stretch; border-bottom:1px solid #cccbcb;}
.def-data-list .list .item,
.def-data-list .list .val {display:inline-flex; align-items:center; padding:14px 30px; color:var(--text-gr700);}
.def-data-list .list .item {flex-shrink:0; width:270px;}
.def-data-list .list .val {flex:1 1;}

.def-data-txt {display:flex; flex-wrap:wrap; gap:5px 10px;}
.def-data-txt .item {flex-shrink:0; font-weight:var(--font-bold);}

/* STEP */
.step-box-list {display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap; margin:-40px;}
.step-box-list .step-item {position:relative; flex:1 1 25%; max-width:calc(25% - 80px); min-height:215px; margin:40px; border-radius:60px;}
.step-box-list .step-item::before {content:''; overflow:hidden; position:absolute; top:50%; right:-40px; width:22px; height:32px; background:url(../img/content/icon_step_box_arrow.svg) no-repeat center; background-size:100% auto; transform:translate(50%, -50%); z-index:1;}
.step-box-list .step-item:last-child::before {content:none;}
.step-box-list .step-item .box {display:flex; flex-direction:column; justify-content:center; height:100%; padding:20px; border-radius:60px; text-align:center;}
.step-box-list .step-item.bg1 .box {background-color:#e5edfb;}
.step-box-list .step-item.bg2 .box {background-color:#e1f6ee;}
.step-box-list .step-item.bg3 .box {background-color:#f7e9e3;}
.step-box-list .step-item.bg4 .box {background-color:#ededed;}
.step-box-list .step-item .icon {display:inline-block; width:100px; max-height:100px; margin:0 auto 10px;} 
.step-box-list .step-item .icon img {max-width:100%; height:auto;}
.step-box-list .step-item .tit {font-weight:var(--font-bold);}

.step-col-list {display:flex; margin-bottom:53px; text-align:center;}
.step-col-list > li {position:relative; flex:1 1;}
.step-col-list > li .box {display:flex; flex-direction:column; position:relative; height:100%; padding:17px 10px; background-color:var(--bg-white);}
.step-col-list > li + li {margin-left:56px;}
.step-col-list > li + li .box::before {content:''; overflow:hidden; position:absolute; top:50%; left:-28px; width:22px; height:32px; background:url(../img/content/icon_step_col_arrow.svg) no-repeat center; background-size:100% auto; transform:translate(-50%, -50%); z-index:1;}
.step-col-list > li .tit {position:relative; margin-bottom:10px; padding-bottom:10px; font-weight:var(--font-bold);}
.step-col-list > li .tit::before {content:''; overflow:hidden; position:absolute; top:100%; left:0; right:0; width:120px; height:1px; margin:0 auto; background-color:#d1dbff; }
.step-col-list > li .desc {display:flex; flex-direction:column; justify-content:center; height:100%; color:var(--color-sec); font-weight:var(--font-bold);}
.step-col-list > li .desc > span {display:block;}
.step-col-list > li .add {position:absolute; top:100%; left:0; width:100%; margin-top:13px; padding:10px 5px; background-color:var(--bg-white); border-radius:var(--radius-sm); color:var(--color-sec); font-size:16px; font-weight:var(--font-semibold); line-height:1.2; letter-spacing:var(--letter-spacing-tight);}

/* BOX LIST */
.info-box-list {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; margin:-30px -15px 0;}
.info-box-list .list-item {display:flex; flex-direction:column; justify-content:space-between; width:calc(50% - 30px); margin:30px 15px 0; padding:50px 40px; border:1px solid #cccbcb; border-radius:var(--radius-md);}
.info-box-list .list-item .tit {margin-bottom:13px; padding-bottom:13px; border-bottom:1px solid #cccbcb; color:var(--color-sec); font-size:22px; font-weight:var(--font-bold);}
.info-box-list .list-item .btn-area {margin-top:30px; text-align:center;}

.info-box-list.col3 .list-item {width:calc(33.33333% - 30px); padding:30px;}
.info-box-list.col3 .list-item .tit{font-size:18px;}

@media all and (max-width: 1200px) {
    /* STEP */
    .step-box-list {margin:-40px -18px;}
    .step-box-list .step-item {max-width:calc(25% - 36px); margin:40px 18px;}
    .step-box-list .step-item::before {right:-18px; width:20px; height:29px;}

    .step-col-list > li + li {margin-left:36px;}
    .step-col-list > li + li .box:before {left:-18px; width:20px; height:29px;}
}
@media all and (max-width: 1023px) {
    /* CONTENT BOX */
    .cont-box-area {padding:30px 20px;}

    /* STEP */
    .step-box-list .step-item {min-height:160px;}
    .step-box-list .step-item .box {padding:10px 5px; border-radius:30px; font-size:16px;}

    /* BOX LIST */
    .info-box-list {margin:-30px -10px 0;}
    .info-box-list .list-item {width:calc(50% - 20px); margin:30px 10px 0; padding:30px 20px;}
    .info-box-list.col3 .list-item {width:calc(33.33333% - 20px); padding:20px;}
}
@media all and (max-width: 767px) {
    /* CONTENT BOX */
    .cont-box-area:not(.mo-box, [class*=bg-]) {margin:0 var(--spacing-y-neg); border-width:1px 0 1px 0; border-radius:0;}
    .cont-box-area .half-inr {display:block; margin:0}
    .cont-box-area .half-inr .inr {padding:0;}
    .cont-box-area .half-inr .inr ~ .inr {margin-top:20px;}
    .cont-box-area .box-inr {padding:20px 10px;}
    .cont-box-area .box-inr > .area-tbl {margin-left:-10px; margin-right:-10px;}
    .cont-box-area .btn-label-box {justify-content:center;}
    .cont-box-area .tit-area[class*=bg-]:not(:first-child) {margin-top:20px;}
    .cont-box-area .tit-area + .txt-area {padding:0 10px;}

    /* IMG INFO BOX */
    .img-info-box {flex-direction:column;}
    .img-info-box .img-area {max-width:140px;}

    /* CHART BOX */
    .chart-box {flex-wrap:wrap;}
    .chart-box .chart {flex:1 1 100%; height:300px;}
    .chart-box .chart ~ .chart {margin-top:4px;}

    /* DEFINITION DATA */
    .def-data-box {display:block;}
    .def-data-box .item,
    .def-data-box .val {display:block; padding:14px 20px; font-size:15px;}

    .def-data-list {font-size:15px;}
    .def-data-list .tit {padding:14px 20px;}
    .def-data-list .list .item {width:130px; padding:14px 20px;}
    .def-data-list .list .val {padding:14px 20px 14px 0;}

    /* STEP */
    .step-box-list {justify-content:flex-end;}
    .step-box-list .step-item {flex:none; width:calc(50% - 36px); max-width:none;}
    .step-box-list .step-item:nth-child(4n-1) {order:2;}
    .step-box-list .step-item:nth-child(4n) {order:1;}
    .step-box-list .step-item:nth-child(4n) ~ .step-item {order:3;}
    .step-box-list .step-item:nth-child(4n) ~ .step-item:nth-child(4n-1) {order:4;}
    .step-box-list .step-item:nth-child(2n)::before {top:auto; bottom:-40px; right:50%; transform:translate(50%, 50%) rotate(90deg);}
    .step-box-list .step-item:nth-child(4n-1)::before {left:-18px; right:auto; transform:translate(-50%, -50%) rotate(180deg);}

    .step-col-list {display:block; margin-bottom:0;}
    .step-col-list > li {max-width:200px; margin:0 auto;}
    .step-col-list > li + li {margin:38px auto 0;}
    .step-col-list > li + li .box::before {left:50%; top:-19px; transform:translate(-50%, -50%) rotate(90deg);}
    .step-col-list > li .desc {display:block;}
    .step-col-list > li .add {position:static;}

    /* BOX LIST */
    .info-box-list {margin:-30px var(--spacing-y-neg) 0;}
    .info-box-list .list-item,
    .info-box-list.col3 .list-item {width:100%; margin:30px 0 0; border-width:1px 0 1px 0; border-radius:0;}
}


/* ====================
	통합검색
==================== */
.total-search .search-box {display:flex; gap:10px; margin:0 auto; padding:30px; background-color:var(--bg-light1); border-radius:15px;}
.total-search .search-box .area-ipt {flex:1 1;}
.total-search .search-box .area-ipt .ipt {border:2px solid var(--color-pry); border-radius:5px; outline-offset:4px;}
.total-search .search-box [class^="btns-"] {min-width:115px;}
.total-search .search-box .area-ipt .clear-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; font-size: 20px;  font-weight: 900; color: #555; display: none; /* 기본은 숨김 */ }
.total-search .search-box .area-ipt .ipt:not(:placeholder-shown) + .clear-btn { display: block; /* 글자 입력되면 X 보임 */ }

.total-search .searchword-area .tit {margin-bottom:16px; padding:6px 0; border-bottom:1px solid #cccbcb; font-size:22px; font-weight:var(--font-bold); text-align:center;}
.total-search .searchword-area [class*=keyword-list-] {margin-top:50px; text-align:center;}
.total-search .searchword-area [class*=keyword-list-] ul {display:flex; flex-wrap:wrap; justify-content:center; gap:10px; text-align:center;}
.total-search .searchword-area .word {position:relative;}
.total-search .searchword-area .word a {display:block; padding:5px 12px; background-color:var(--bg-light2); border-radius:var(--radius-md); line-height:1.4;}
.total-search .searchword-area .word .btn-del {position:absolute; top:50%; right:12px; width:24px; height:24px; background:url(../img/content/icon_searchword_del.svg) no-repeat center; background-size:24px; transform:translateY(-50%); z-index:1;}
.total-search .searchword-area .word .btn-del span {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; border:0; clip:rect(1px, 1px, 1px, 1px); -webkit-clip-path:inset(50%); clip-path:inset(50%);}
.total-search .keyword-list-recent .word > a {padding-right:42px;}
.total-search .search-txt {margin:50px 0; color:var(--bg-gr500); font-size:22px; font-weight:var(--font-bold); text-align:center;}
.total-search .search-txt em {color:var(--text-black);}


.sch-result {margin-top:50px;}
.sch-result .tab-menu-sub li.on a {background-color:var(--bg-gr900);}
.sch-result .result-area {margin-top:50px;}
.sch-result .result-area .tit-area {gap:10px; margin-bottom:20px;}
.sch-result .tit-area .msg-btn-box {flex:1 1 auto; justify-content:center; margin-bottom:0;}
.sch-result .tit-area .msg-btn-box [class^=btns-] {min-width:100px; margin-left:0;}
.sch-result .result-area .btn-area {margin-top:30px; text-align:center;}

.sch-result .board-list-col {border-top:1px solid var(--border-muted);}
.sch-result .board-list-col > li {margin:0; border-bottom:1px solid var(--border-muted);}
.sch-result .board-list-col > li > a {border:0 none;}

.sch-result .board-list-row {display:block; margin:0; border-top:1px solid var(--border-muted);}
.sch-result .board-list-row > li {padding:0; border-bottom:1px solid var(--border-muted);}
.sch-result .board-list-row > li > a {display:block; position:relative; min-height:190px; padding:30px 40px 30px 293px; border:0 none; text-align:left;}
.sch-result .board-list-row .img-area {display:inline-block; position:absolute; top:50%; left:40px; width:233px; transform:translateY(-50%);}

.sch-result .board-list-down {border-top:1px solid #cccbcb;}
.sch-result .board-list-down > li {padding:20px 30px; background-color:var(--bg-light2); border-bottom:1px solid #cccbcb;}
.sch-result .board-list-down .tit {position:relative; padding-left:0.9em; font-size:22px; font-weight:var(--font-bold);}
.sch-result .board-list-down .tit::before {content:'•'; position:absolute; left:0; z-index:1;}
.sch-result .board-list-down .desc {margin-top:4px;}
.sch-result .board-list-down .down {display:inline-block; margin-top:4px; color:var(--color-pry);}
.sch-result .board-list-down .down:hover {text-decoration:underline;}
.sch-result .board-list-down .down::after {content:''; display:inline-block; width:24px; height:24px; margin-left:6px; background:url(../img/common/icon_attach_pry.svg) no-repeat center; vertical-align:middle;}

@media all and (max-width: 1023px) {
    .sch-result .tab-menu-sub li a {padding:5px; font-size:16px;}
    .sch-result .tit-area .msg-btn-box {justify-content:flex-start;}
    .sch-result .board-table {margin:0; border-color:#cccbcb;}
    .sch-result .board-list-row > li > a {padding:30px 20px 30px 273px;}
    .sch-result .board-list-row .img-area {left:20px;}
    .sch-result .board-list-down > li {padding:20px;}
}
@media all and (max-width: 767px) {
    .total-search .search-box {padding:20px;}
    .total-search .searchword-area [class*=keyword-list-] ul {justify-content:flex-start;}
    .total-search .searchword-area .word {font-size:16px;}
    
    .sch-result .tab-menu-sub .tab-menu-inr {margin-right:-10px;}
    .sch-result .tab-menu-sub ul {flex-wrap:wrap;}
    .sch-result .tab-menu-sub li {max-width:calc(33.3333% - 10px);}
    .sch-result .board-list-row > li > a {padding:20px; text-align:center;}
    .sch-result .board-list-row .img-area {position:static; top:auto; left:auto; transform:translateY(0);}
}
@media all and (max-width: 479px) {
    .total-search .search-box {display:block; text-align:center;}
    .total-search .search-box [class^="btns-"] {margin-top:20px;}
    .sch-result .board-list-row .img-area {display:block; width:auto;}
}

/* ====================
	회원가입
==================== */
/* STEP */
.join-step {max-width:800px; margin:30px auto 40px;}
.join-step:after {content:''; position:absolute; left:1px; right:1px; top:50%; border-top:3px dashed #a5a5a5; transform:translateY(-50%);}
.join-step {position:relative; display:flex; justify-content:space-between; gap:10px;}
.join-step > li {flex:0 1 22%; max-width:126px; text-align:center;}
.join-step > li .item {position:relative; width:100%; padding-top:100%;}
.join-step > li .item > span {position:absolute; top:50%; left:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; width:100%; height:100%; background-color:var(--bg-white); border:3px dashed #a5a5a5; border-radius:50%; color:var(--text-gr300); font-size:18px; font-weight:var(--font-bold); transform:translate(-50%, -50%); z-index:1;}
.join-step > li .item > span::before {display:inline-block; width:12px; height:20px; border-width:0 8px 8px 0; border-style:solid; border-color:var(--border-white); background-color:transparent; transform:rotate(45deg); z-index:1;}
.join-step > li.on .item > span {background-color:var(--color-sec); border:0 none; color:var(--text-white);}
.join-step > li.on .item > span::before {content:'';}

/* 약관동의 */
.terms-wrap {margin:40px 0;}
.terms-agree-all .check-item .ipt + label {font-size:24px; font-weight:var(--font-bold);}
.terms-cont {padding-top:20px; border-top:1px solid #a5a5a5;}
.terms-cont:not(:first-child) {margin-top:40px;}
.terms-cont ~ .terms-cont {padding-top:0; border-top:0 none;}
.terms-cont .tit-h3 {margin-bottom:20px;}
.terms-scroll-box {position:relative; overflow-y:auto; max-height:500px; padding:30px 20px; background-color:#f8f8f8; border-radius:var(--radius-md);}
.terms-details {position:relative;}
.terms-details .tit {font-weight:var(--font-bold);}
.terms-details .tit-sub {font-weight:var(--font-semibold);}
.terms-details .tit,
.terms-details .tit-sub {margin:20px 0 10px;}
.terms-details .tit:first-child,
.terms-details .tit-sub:first-child {margin-top:0;}
.terms-details .tit-sub.dot {position:relative; padding-left:0.9em;}
.terms-details .tit-sub.dot::before {content:'•'; position:absolute; left:0; z-index:1;}
.terms-details .area-tbl {margin:10px -1px 0 0;}
.terms-details .area-tbl:after {content:none;}
.terms-agree {display:flex; flex-wrap:wrap; margin-top:20px;}
.terms-agree .txt-list:not(ul),
.terms-agree .txt-list > li {padding-left:0 !important;}
.terms-agree .txt-list:not(ul):before,
.terms-agree .txt-list > li:before {position:static;}
.terms-agree .check-group {flex-shrink:0; max-width:100%; margin-left:auto;}
.terms-agree .check-group .check-item {margin-left:auto;}

/* 본인인증 선택 */
.auth-method {padding:50px; border:1px solid #c1b8b8; border-radius:var(--radius-md);}
.auth-method > ul {display:flex; flex-wrap:wrap; justify-content:space-around; margin:-15px -10px;}
.auth-method li[class^=method-] {display:flex; flex:1 1; padding:15px 10px;}
.auth-method li[class^=method-]::before {content:''; display:block; flex-shrink:0; width:90px; height:90px; background-repeat:no-repeat; background-position:center; background-size:100% auto; margin-right:20px;}
.auth-method .method-ipin::before {background-image:url(../img/content/icon_auth_ipin.svg);}
.auth-method .method-id::before {background-image:url(../img/content/icon_auth_id.svg);}
.auth-method .method-phone::before {background-image:url(../img/content/icon_auth_phone.svg);}
.auth-method [class^=method-] .tit {font-size:22px; font-weight:var(--font-bold);}
.auth-method [class^=method-] .desc {margin-top:20px; line-height:1.4;}
.auth-method [class^=method-] [class^=btns-] {margin-top:20px; font-weight:var(--font-medium);}


@media all and (max-width: 1023px) {
    /* STEP */
    .join-step {margin:0 auto 30px;}
    .join-step:after {border-width:2px;}
    .join-step > li .item > span {gap:6px; border-width:2px; font-size:16px;}
    .join-step > li .item > span::before {width:8px; height:13px; border-width:0 5px 5px 0;}

    /* 약관동의 */
    .terms-agree-all .check-item .ipt + label {font-size:20px;}
    .terms-scroll-box {max-height:400px;}
    .terms-details {font-size:16px;}
    .terms-details .area-tbl table {font-size:15px;}

    /* 본인인증 선택 */
    .auth-method {padding:0; border:0 none;}
    .auth-method li[class^=method-] {flex:1 1 100%; max-width:none;}
    .auth-method [class^=method-] .desc {margin-top:10px;}
    .auth-method [class^=method-] .btns-pry {margin-top:10px;}
}
@media all and (max-width: 767px) {
    /* 가입완료 */
    .join-step ~ .form-box-area .form-area > .form-block:first-child {padding-top:40px; border-top:1px solid #ddd;}
    .join-step ~ .form-box-area .form-area > .form-block:last-child {padding-bottom:40px; border-bottom:1px solid #ddd;}
}
@media all and (max-width: 479px) {
    /* STEP */
    .join-step > li .item > span {font-size:12px;}

    /* 약관동의 */
    .terms-details .area-tbl table {font-size:14px;}

    /* 본인인증 선택 */
    .auth-method li[class^=method-]::before {width:80px; height:80px;}
}

/* ====================
	로그인
==================== */
.login-wrap {display:flex; align-items:stretch; margin:0 -10px -20px;}
.login-wrap > [class^="login-"] {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; flex:1 1; margin:0 10px 20px; padding:46px 30px; background-color:#f8f8f8; border-radius:16px;}
.login-wrap > [class^="login-"] .inner {width:100%; max-width:327px;}
.login-wrap > [class^="login-"] .inner .info {display:flex; align-items:center; margin-bottom:16px; min-height:96px; font-size:16px; line-height:1.4;}
.login-wrap > [class^="login-"] .btn-area {margin-top:16px; text-align:center;}
.login-wrap > [class^="login-"] .btn-area [class^=btns-] {min-width:200px; min-height:64px; font-size:22px;}

.login-simple .auth-list {display:flex; flex-wrap:wrap; justify-content:center; margin:0 -5px -10px;}
.login-simple .auth-list > li {overflow:hidden; flex:1 1 25%; max-width:60px; margin:0 5px 10px; border-radius:16px;}
.login-simple .auth-list > li img {width:100%;}
.login-idcard .img-area {text-align:center;}

.login-wrap .login-form {justify-content:flex-end;}
.login-wrap .login-form .form {padding:15px 0;}
.login-wrap .login-form .area-ipt ~ .area-ipt {margin-top:20px;}
.login-wrap .login-form .area-ipt .ipt {height:50px; border-radius:0;}
.login-form .captcha-box {display:flex; align-items:center; gap:4px; margin-top:20px;}
.login-form .captcha-box .area-ipt {width:120px; min-width:90px; flex:1 1;}
.login-form .captcha-box .img-area img {width:100%;}
.login-form .util-box {display:flex; flex-wrap:wrap; flex-direction:row-reverse; align-items:center; justify-content:space-between; gap:5px; margin-top:20px;}
.login-form .captcha-btn {display:inline-flex; margin:-5px; font-size:0;; text-align:right;}
.login-form .captcha-btn button {min-height:30px; margin:5px; padding:0 9px; border:1px solid var(--color-pry); border-radius:8px; color:var(--color-pry); font-size:15px;}
.login-form .util-box .check-item {margin-right:auto;}
.login-form .link {display:flex; justify-content:center; margin:20px -20px -20px;}
.login-form .link span {position:relative; display:inline-block; padding:0 20px; color:var(--text-gr300); font-weight:var(--font-semibold); line-height:1.2; letter-spacing:var(--letter-spacing-tight);}
.login-form .link span ~ span::before {content: ''; position:absolute; left:0; top:50%; width:1px; height:15px; background-color:var(--text-gr300); transform:translateY(-50%);}
.login-form .link span a {display:block;}

@media all and (max-width: 1200px) {
    .login-wrap {flex-wrap:wrap;}
    .login-wrap .login-form {flex:1 1 100%;}
}
@media all and (max-width: 1023px) {
    .login-wrap {display:block; margin:0 var(--spacing-y-neg) -30px;}
    .login-wrap > [class^="login-"] {margin:0 0 30px; padding:20px 30px; border-radius:0;}
    .login-form .link {margin:10px -15px 0;}
    .login-form .link span {padding:0 15px;}
}
@media all and (max-width: 479px) {
    .login-form .link span {font-size:17px;}
}

/* ====================
	국세청 공시 요약정보 팝업
==================== */
.summary-info .board-view-tbl > ul > li .item {width:180px;}
.util-head-box {margin-bottom:30px; padding:20px 30px; background-color:var(--bg-light1); border-radius:var(--radius-sm);}
.util-head-box .select-box {display:inline-flex; gap:10px; align-items:center;}
.util-head-box .select-box .label {flex-shrink:0; font-size:22px; font-weight:var(--font-bold);}
.util-head-box .select-box .area-slt {width:172px;}

@media all and (max-width: 1023px) {
    .summary-info .board-view-tbl > ul > li .item {justify-content:flex-start; text-align:left;}
}
@media all and (max-width: 767px) {
    .summary-info .board-view-tbl > ul > li .item {width:130px;}
    .util-head-box {padding:20px;}
    .util-head-box .select-box .label {font-size:20px;}
}


/* ====================
	기부금품 모집등록 단체 상세
==================== */
.recruit-org .list-btn {margin-bottom:30px;}
.recruit-org .org-intro-box {border-top:0 none;}
.recruit-org .tab-content [class^="cont-"] {margin-top:60px; padding:0 30px;}
.recruit-org .cont-intro {border-bottom:1px solid #c4c3c3; color:var(--text-gr700);}
.recruit-org .cont-intro .desc-box {white-space:pre-line;}
.recruit-org .cont-intro .intro-media {display:flex; align-items:flex-start; justify-content:flex-start; gap:30px; margin-bottom:60px;}
.recruit-org .cont-intro .intro-media .img-area {flex:0 0 490px; width:490px;}
.recruit-org .cont-intro .intro-media .img-area .img {display:block; overflow:hidden; position:relative; padding-top:67.14285%/*56.25%*/;}
.recruit-org .cont-intro .intro-media .img-area img {position:absolute; left:50%; top:0; width:100%; height:auto; min-height:100%; transform:translate(-50%, 0); object-fit:cover;}
.recruit-org .cont-intro .intro-media .tit {font-weight:var(--font-bold);}
.recruit-org .cont-intro .intro-media .desc-box {margin-top:10px;}
.recruit-org .cont-intro .tit-area[class*=bg-] + .desc-box {padding:40px 20px;}

/* 모집실적 탭 추가 */
.recruit-org .chart_div {display: block; width: 100%; height: 100%; margin-top: 20px; margin-bottom: 12px;}
.recruit-org .board-list-col > li > a {padding: 30px 20px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid var(--border-muted); border-radius: 0;}
.recruit-org .board-list-col > li:not(:first-child) {margin-top: 0;}
.recruit-org .recruit-field {width: 100%;}
.recruit-org .inrnoti-box {padding: 20px 30px; border-bottom: 1px solid var(--border-muted);}
.recruit-org .inrnoti-box .txt-list li {color: #515151;}
.recruit-org .inrnoti-box .txt-list li.right {display: flex; align-items: center; justify-content: space-between; gap: 10px; font-weight: bold;}
.txt-list.remark:not(ul):before, .txt-list.remark > li:before {content: '※';}

@media (max-width: 1023px) {
    .recruit-org .board-list-col > li > a {display: block; position: relative; padding: 20px 20px 20px 222px;}
}
@media (max-width: 767px) {
    .recruit-org .board-list-col > li > a {padding: 20px; text-align: center;}
}

@media all and (max-width: 1023px) {
    .recruit-org .list-btn {margin-bottom:20px;}
    .recruit-org .board-view-tbl {margin:0 var(--spacing-y-neg);}
    .recruit-org .org-intro-box {margin:0 var(--spacing-y-neg);}
    .recruit-org .tab-menu-sub li a {font-weight:var(--font-regular);}
    .recruit-org .tab-content [class^="cont-"] {margin:40px var(--spacing-y-neg) 0; padding:0 var(--spacing-y);}

    .recruit-org .cont-intro .intro-media {display:block; margin-bottom:40px;}
    .recruit-org .cont-intro .intro-media .img-area {width:auto; margin-bottom:30px;}
    .recruit-org .cont-intro .tit-area[class*=bg-] + .desc-box {padding:20px 0;}
}

/* ====================
	기부모집활동 상세
==================== */
.recruit-active .active-intro {display:flex; flex-direction:row-reverse; align-items:flex-start; justify-content:space-between; gap:30px; margin-bottom:30px;}
.recruit-active .active-intro .intro-info {position:relative; flex-shrink:0; width:436px; padding:30px; border:1px solid var(--color-sec); border-radius:16px;}
.recruit-active .intro-info > *:not(:last-child) {margin-bottom:20px;}
.recruit-active .intro-info .cate-list {font-size:0;}
.recruit-active .intro-info .cate-list > span {display:inline-block; color:var(--color-sec); font-size:18px; font-weight:var(--font-bold);}
.recruit-active .intro-info .cate-list > span:not(:last-child) {position:relative; margin-right:32px;}
.recruit-active .intro-info .cate-list > span:not(:last-child):after {content:''; overflow:hidden; position:absolute; top:50%; width:2px; height:16px; right:calc(32px/-2); background-color:var(--color-sec); transform:translate(50%, -50%); z-index:1;}
.recruit-active .intro-info .tit {font-size:34px; font-weight:var(--font-bold); line-height:1.2;}
.recruit-active .intro-info .amount-box {justify-content:flex-end; width:100%;}
.recruit-active .intro-info .date-list {padding:5px 0; border-top:1px solid #cccbcb; border-bottom:1px solid #cccbcb;}
.recruit-active .intro-info .date-list > li {display:flex; justify-content:center; flex-wrap:wrap; gap:0 10px; margin:5px 0;}
.recruit-active .intro-info .date-list .val {color:var(--text-gr700);}
.recruit-active .intro-info .btn-area {display:flex; justify-content:center; gap:10px; margin:0 -5px -5px;}
.recruit-active .intro-info .btn-area [class^=btns-] {min-width:auto; margin:0 5px 5px;}
.recruit-active .intro-info .btn-scrap {position:absolute; top:30px; right:30px; z-index:1;}
.recruit-active .intro-media .img-area .img {display:block;}
.recruit-active .intro-media .img-area .img img {width:100%;}
.recruit-active .intro-media .img-area .txt {display:block; padding:8px 10px; background-color:var(--bg-light6); color:var(--text-black); font-weight:var(--font-medium); letter-spacing:var(--letter-spacing-tight); text-align:center; line-height:1.2;}
/*.recruit-active .intro-media .img-area .img {display:block; overflow:hidden; position:relative; padding-top:56.25%;}
.recruit-active .intro-media .img-area .img img {position:absolute; left:50%; top:0; width:100%; height:auto; min-height:100%; transform:translate(-50%, 0); object-fit:cover;}*/
.recruit-active .intro-media .desc-area {padding:20px;}

.org-intro-box {display:flex; position:relative; align-items:center; gap:20px; padding:32px 30px; border-top:1px solid #cccbcb; border-bottom:1px solid #cccbcb;}
.org-intro-box .img-area {flex:0 1 auto; width:200px; text-align:center;}
.org-intro-box .img-area .img {display:block; overflow:hidden; width:118px; height:118px; margin:0 auto 10px; border-radius:50%;}
.org-intro-box .img-area .img img {width:100%; height:100%;}
.org-intro-box .img-area .tit {font-weight:var(--font-bold);}
.org-intro-box .info-area .flag {margin-bottom:16px;}
.org-intro-box .btn-area {flex-shrink:0; margin-left:auto;}
.org-intro-box .btn-scrap {position:absolute; top:32px; left:30px; z-index:1;}

.recruit-active .doc-list-area {margin-top:30px;}
.recruit-active .doc-list-area .tit-area .right .area-slt {width:340px; max-width:100%;}
.doc-list-area .doc-list {padding:0 20px; border-bottom:1px solid #cccbcb;}
.doc-list-area .doc-list > li {display:flex; gap:10px; padding:20px 0;}
.doc-list-area .doc-list > li:not(:first-child) {border-top:1px solid #cccbcb;}
.doc-list-area .doc-list .tit {min-width:40%; font-weight:var(--font-bold);}
.doc-list-area .doc-list .doc-area {display:flex; flex-wrap:wrap; gap:10px; margin-left:auto; color:var(--text-gr700);}

.recruit-active .program-area {margin-top:30px;}
.program-area .program-list {display:flex; align-items:stretch; flex-wrap:wrap; margin:0 -10px -20px; padding:20px;}
.program-area .program-list > li {flex:0 1 25%; padding:0 10px 20px;}
.program-area .program-list > li > a {display:block;}
.program-area .program-list .img-area {position:relative; margin-bottom:20px;}
.program-area .program-list .img-area .img {display:block; overflow:hidden; position:relative; padding-top:56.25%;}
.program-area .program-list .img-area .img img {position:absolute; left:50%; top:50%; width:100%; height:auto; transform:translate(-50%, -50%); object-fit:cover;}
.program-area .program-list .img-area .txt {display:block; padding:6px; background-color:var(--bg-light6); color:var(--text-black); font-size:15px; font-weight:var(--font-medium); letter-spacing:var(--letter-spacing-tight); text-align:center; line-height:1.2;}
.program-area .program-list .tit {overflow:hidden; display:-webkit-box; font-weight:var(--font-bold); -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; text-align:left;}
.program-area .program-list .date {color:var(--text-gr700);}
.program-area .btn-area {margin-top:20px; text-align:center;}

@media all and (max-width: 1023px) {
    .recruit-active .active-intro {display:block;}
    .recruit-active .active-intro .intro-info {width:auto; margin-bottom:30px;}
    .recruit-active .intro-info .tit {font-size:24px;}
    
    .org-intro-box {flex-wrap:wrap; padding:20px;}
    .org-intro-box .info-area {width:calc(100% - 220px);}
    .org-intro-box .btn-area {margin:0 auto;}

    .doc-list-area .doc-list {padding:0;}
    .program-area .program-list {padding:20px 0;}
    .program-area .program-list .img-area .txt {font-size:14px;}
    .program-area .btn-area {margin-top:0;}
}
@media all and (max-width: 767px) {
    .recruit-active .intro-info .amount-box {justify-content:center;}
    .recruit-active .intro-info .btn-area {gap:0;}
    .recruit-active .intro-info .btn-area [class^=btns-] {flex: 1 1; padding:0 10px;}

    .org-intro-box {flex-direction:column;}
    .org-intro-box .img-area {width:auto; padding:30px 0 20px;}
    .org-intro-box .info-area {width:auto;}

    .recruit-active .doc-list-area .tit-area .right {margin-left:0;}
    .doc-list-area .doc-list > li {flex-direction:column;}
    .doc-list-area .doc-list .doc-area {margin:0; justify-content:center;}
    .doc-list-area .doc-list .doc-area .txt {margin-right:auto;}

    .program-area .program-list > li {flex:0 1 50%;}
}

/* ====================
	기부통계
==================== */
.statistic-data {padding:32px 30px; border:1px solid #c1b8b8; border-radius:var(--radius-md);}
.statistic-data .data-head {margin-bottom:16px; text-align:right;}
.statistic-data .data-head .select-box {display:inline-flex; gap:10px; align-items:center;}
.statistic-data .data-head .select-box .label {position:relative; padding-left:0.9em;}
.statistic-data .data-head .select-box .label:before {content:'•'; position:absolute; left:0; z-index:1;}
.statistic-data .data-head .select-box .area-slt {min-width:106px;}

.statistic-data .data-body {display:flex; align-items:stretch; justify-content:space-between; flex-wrap:wrap; margin:0 -10px;}
.statistic-data .data-body .data-item {display:flex; flex-direction:column; flex:1 1; min-width:20%; padding:0 10px; text-align:center;}
.statistic-data .data-item .item {display:inline-flex; flex-direction:column; align-items:center; justify-content:center; height:100%; padding:5px 10px; background-color:#f8f8f8; border-top:1px solid var(--border-gr900);}
.statistic-data .data-item .val {padding:5px 10px 8px;}
.statistic-data .data-item .val .num {font-weight:var(--font-bold);}
.statistic-data .data-item .val .desc {margin-top:13px; color:var(--text-gr700); font-size:15px; text-align:right;}

.statistic-chart {position:relative; margin-top:40px; padding-top:74%;}
.statistic-chart.lg {padding-top:80%;}
.statistic-chart iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

@media all and (max-width: 1023px) {
    .statistic-data {padding:0; border:0 none;}
    .statistic-data .data-body {margin:0;}
    .statistic-data .data-body .data-item {padding:0; font-size:16px;}
    .statistic-data .data-item .val .desc {text-align:center;}

    .statistic-chart {margin-top:30px;}
    .statistic-chart {padding-top:100%;}
    .statistic-chart.lg {padding-top:100%;}
}
@media all and (max-width: 767px) {
    .statistic-data .data-body .data-item {flex:1 1 100%;}
    .statistic-data .data-item .item  {display:block;}
}

/* ====================
	사이트맵
==================== */
.sitemap-area {max-width:calc(var(--content-width) - 100px); margin:0 auto; padding:40px 0;}
.sitemap-area .gnb-list {display:flex; flex-wrap:wrap; align-items:stretch; margin:0 -10px -60px;}
.sitemap-area .gnb-list > li {flex:0 1 25%; padding:0 10px 60px;}
.sitemap-area .gnb-list .menu-tit {padding:10px 20px; border-top:1px solid #515151; border-bottom:1px solid #515151; font-weight:var(--font-bold); text-align:center;}
.sitemap-area .gnb-list .menu-box > li  {padding:10px 20px; border-bottom:1px solid #e6e6e6;}
.sitemap-area .gnb-list .menu-box > li a {display:block;}

@media all and (max-width: 1023px) {
    .sitemap-area {padding:0;}
    .sitemap-area .gnb-list {margin:0 -10px -20px;}
    .sitemap-area .gnb-list > li {flex:0 1 33.33333%; padding:0 10px 20px;}   
}
@media all and (max-width: 767px) {
    .sitemap-area .gnb-list > li {flex:0 1 50%;}
}
@media all and (max-width: 479px) {
    .sitemap-area .gnb-list > li {flex:0 1 100%;}
}
 
/* ====================
	관리자 인증신청
==================== */
/* 인증신청 */
.admin-type > ul {display:flex; margin:-15px -25px;}
.admin-type [class^=admin-] {display:flex; flex-direction:column; justify-content:center; flex:1 1; margin:15px; padding:40px 32px; border:1px solid #bcb3b3; border-radius:var(--radius-lg); text-align:center;}
.admin-type [class^=admin-] .tit {font-size:22px; font-weight:var(--font-bold); text-align:center;}
.admin-type [class^=admin-] .tit::before {content:''; display:block; width:100px; height:100px; margin:0 auto 20px; mask-repeat:no-repeat; mask-size:100% auto; background-color:#9e9b9b;}
.admin-type .admin-1 .tit::before {-webkit-mask-image:url(../img/content/icon_admin_type1.svg); mask-image:url(../img/content/icon_admin_type1.svg);}
.admin-type .admin-2 .tit::before {-webkit-mask-image:url(../img/content/icon_admin_type2.svg); mask-image:url(../img/content/icon_admin_type2.svg);}
.admin-type .admin-3 .tit::before {-webkit-mask-image:url(../img/content/icon_admin_type3.svg); mask-image:url(../img/content/icon_admin_type3.svg);}
.admin-type [class^=admin-] .desc {margin-top:20px; line-height:1.4;}
.admin-type [class^=admin-] [class^=btns-] {margin-top:20px; min-width:120px; padding:0 14px; font-weight:var(--font-medium);}

.admin-type [class^=admin-].on {border:2px solid var(--color-pry);}
.admin-type [class^=admin-].on .tit {color:var(--color-pry);}
.admin-type [class^=admin-].on .tit::before {background-color:var(--color-pry);}
.admin-type [class^=admin-] .val {margin-top:20px;}
.admin-type [class^=admin-] .val > span {display:inline-block; padding:3px 10px; background-color:var(--bg-light2); color:var(--color-pry); font-weight:var(--font-bold); line-height:1.4;}

@media all and (max-width: 1023px) {
    .admin-type > ul {display:block; margin:-10px 0;}
    .admin-type [class^=admin-] {flex-direction:row; align-items:center; justify-content:flex-start; margin:10px 0; padding:25px 10px; border-radius:16px; text-align:left;}
    .admin-type [class^=admin-] .tit {min-width:140px; flex-shrink:0; margin-right:20px; font-size:18px;}
    .admin-type [class^=admin-] .tit::before {width:70px; height:70px;}
    .admin-type [class^=admin-] .desc {margin-top:0;}
}
@media all and (max-width: 767px) {
    .admin-type [class^=admin-] {font-size:16px;}
    .admin-type [class^=admin-] .tit {margin-right:5px;}
    .admin-type [class^=admin-] [class^=btns-] {min-width:auto; min-height:30px; margin-top:10px; font-size:16px;}
    .admin-type [class^=admin-] .val {margin-top:10px;}
}



/* 해당영역 하단부터 붙여넣을 소스 251014~ */

/* 공백 공통 소스 */
.mt0 {margin-top: 0px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.ml10 {margin-left: 10px !important;}
.mr10 {margin-right: 10px !important;}
.pt80 {padding-top: 80px !important;}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0;}
.d-flex {display: flex;}
.d-block {display: block;}
.b-none {border: 0 !important;}
.tit-blue {color: var(--color-sec);}
.align-left {text-align: left !important;}
.align-right {text-align: right !important;}
.color-orange {color:var(--color-orange) !important;}
.font20 {font-size: 20px;}
.gray700 {color: var(--text-gr700);}
.font-regular {font-weight: var(--font-regular) !important;}

/* ====================
	이용약관
==================== */
.tit-h2.tit-icon {position: relative; padding-left: 35px;}
.tit-h2.tit-icon::before {content: ""; position: absolute; background: url(../img/content/icon_terms_tit.svg) no-repeat center; width: 28px; height: 19px; left: 0; top: 50%; transform: translateY(-50%);}
.basic-terms-wrap .basic-terms-cont {margin-top: 29px; margin-bottom: 32px; padding: 30px 30px 50px 30px; overflow-y: auto; border: 1px solid #bababa; border-radius: 16px; line-height: 30px;}
.basic-terms-wrap .basic-terms-cont .cont-section {margin-top: 20px;}
.basic-terms-wrap .basic-terms-cont .subtit-h4 {font-size: var(--font-size-body-sm); font-weight: var(--font-regular); color: var(--text-black); margin-top: 20px; margin-bottom: 20px;}
.basic-terms-wrap .basic-terms-cont .txt-list {color: var(--text-gr700); margin-top: 20px;}
.basic-terms-wrap .basic-terms-cont .num-decimal {list-style: none; counter-reset: list-counter; padding-left: 0; margin-top: 20px; color: var(--text-gr700);}
.basic-terms-wrap .basic-terms-cont .num-decimal li {counter-increment: list-counter; padding-left: 20px; position: relative;}
.basic-terms-wrap .basic-terms-cont .num-decimal li::before {content: counter(list-counter) "."; position: absolute; left: 0; color: #555;}
.basic-terms-wrap .basic-terms-cont .num-none,
.basic-terms-wrap .basic-terms-cont .num-none li {counter-reset: none; counter-increment: none; padding-left: 0;}
.basic-terms-wrap .basic-terms-cont .num-none li::before {content: none;}

/* ====================
	개인정보처리방침
==================== */
.privacy-wrap {margin-top: 10px;}
.privacy-wrap .privacy-box {margin-top: 30px; padding: 50px 30px; border: 1px solid #bababa; border-radius: 16px;}
.privacy-wrap .privacy-box .toptxt-cont {padding: 50px 30px; border: 1px solid #bababa; border-radius: 16px; line-height: 30px;}
.privacy-box .toptxt-cont p {font-size: var(--font-size-body-sm); color: var(--text-gr700);}
.labeling-wrap .tit-h4 {margin-top: 20px; margin-bottom: 20px; text-align: center;}
.labeling-wrap .card-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 0 -50px;}
.labeling-wrap .card {text-align: center;}
.labeling-wrap .icon-wrapper {margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.labeling-wrap .txt-list {margin-top: 20px;}

/* ====================
	저작권정책
==================== */
.copyright-wrap {margin-bottom: 10px;}
.copyright-wrap .copyright-box {margin-top: 30px; padding: 50px 30px; border: 1px solid #bababa; border-radius: 16px; overflow-y: auto;}
.copyright-cont {display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; gap: 30px; line-height: 30px; border: 1px solid #bababa; border-radius: 16px; padding: 30px 30px;}
.copyright-cont .copyright-img {width: 100%; max-width: 214px;}
.copyright-cont .copyright-img img {display: block; max-width: 100%; min-width: 214px;}
.copyright-cont .highlight {color: #0056cc; font-weight: bold;}
.copyright-cont p {color: var(--bg-gr700);}
.copyright-txt {padding-left: 10px;}
.copyright-txt p{position: relative; font-size: 18px; margin-top: 20px; padding-left: 15px; color: var(--text-gr700);}
.copyright-txt p::before{content: ""; position: absolute; top: 12px; left: 0; background: #515151; width: 4px; height: 4px; border-radius: 10px;}
.copyright-contact {display: flex; align-items: center; font-weight: bold; margin-top: 20px; word-break: break-word;}
.copyright-contact .copyright-icon {margin-right: 10px;}

/* ====================
	아이디조회 결과
==================== */
.findform-wrap {background: #fff; padding: 30px 40px; border-radius: 15px; width: 100%;}
.findform-wrap .tit-h4 {text-align: center; line-height: 30px;}
.findform-wrap .highlight {color: #0E4DA4;}
.findform-wrap .txt-list {text-align: center; margin-top: 5px; padding-bottom: 10px;}
.findform-wrap .form-group {display: flex; align-items: center; margin: 30px auto 0; max-width: 585px;flex-wrap: wrap;}
.findform-wrap .form-group label {width: 80px; color: #000; flex-shrink: 0; text-align: left;}
.findform-wrap .form-group input {width: 100%; max-width: 500px; height: 50px; padding: 12px 15px; border: 1px solid #A5A5A5; border-radius: 0;}
.findform-wrap .form-group .input-wrap {flex: 1;}
.findform-wrap .btn-group {margin: 30px 0 0;}
.findform-wrap .btn-group button {min-width: 90px; font-weight: var(--font-medium);}

/* ====================
	비밀번호 찾기
==================== */
.captcha-section {display: flex; max-width: 585px; align-items: center; gap: 15px; padding-left: 80px; margin: 16px auto 30px;}
.captcha-section .captcha-image {width: 180px; height: 50px; border: 1px solid #000; border-radius: 0; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
.captcha-section .captcha-button-group {display: flex; gap: 10px;}
.captcha-section .captcha-button-group .btn {width: 70px; height: 30px; font-size: 15px; border: 1px solid #0C57C4; background-color: #ffffff; color: #0C57C4; border-radius: 8px;}

/* ====================
	비밀번호 찾기 - 변경 화면
==================== */
.findform-wrap .txt-findform {text-align: center; padding-bottom: 10px; font-size: 15px; color: #5b5b5b;}
.findform-wrap .form-group label.label-lg {width: 155px;}

/* ====================
	비밀번호 찾기 - 인증 화면 + 아이디 찾기 - 인증화면
==================== */
.findform-wrap.find-auth {padding:30px 0;}
.findform-wrap.find-auth .txt-list {padding-bottom: 5px;}
.find-auth-cont {width: 100%; margin-top: 40px;}
.find-auth-cont .find-auth-methods {border: 1px solid #A5A5A5; border-radius: 20px; padding: 50px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 40px;}
.find-auth-cont .find-auth-methods .auth-option-wrapper {display: flex; flex-direction: column; align-items: center;}
.auth-option-wrapper .auth-option {display: flex; align-items: flex-start; gap: 20px; margin-bottom: 20px; width: 100%;}
.auth-option-wrapper .auth-option .auth-icon {flex-shrink: 0;}
.auth-option-wrapper .auth-option .auth-icon img {margin-top: -5px;}
.auth-option-wrapper .auth-option .txt-list {text-align: left; margin-top: 20px; padding-bottom: 20px; line-height: 25px;}
.auth-option-wrapper .auth-option .auth-button {min-width: 120px; font-weight: var(--font-medium);}
.find-auth-cont .cancel-button {display: block; border-radius: 10px; margin-left: auto; color: #fff;}

/* ====================
	마이페이지 - 비밀번호 입력
==================== */
.findform-wrap .form-group.only-input {max-width: 500px;}
.findform-wrap .form-group.only-input input {max-width: 100%;}

/* ====================
	관리자인증 신청 - 단체 및 소속 선택 화면
==================== */
.cont-wrap-box.admin-auth-wrap {padding: 40px;}
.admin-auth-wrap .board-table .tbl-body .tbl-cell.title {padding: 20px 11px 20px 30px;}
.admin-auth-wrap .admin-auth-inr {padding: 0 !important;}
.admin-auth-wrap .admin-auth-inr .board-search {justify-content: center; align-items: center;}
.admin-auth-wrap .admin-auth-inr .board-search input {max-width: 500px;}
.admin-auth-wrap .admin-auth-inr .board-search .tit-h4 {min-width: 50px;}

/* ====================
	관리자인증 신청 - 관리자정보 입력 화면
==================== */
.cont-wrap-box.admin-info-wrap {padding: 0 20px;}
.admin-form-wrap {width: 100%; max-width: 655px; margin: 30px auto 0;}
.admin-form-wrap .form-group {display: flex; align-items: center; margin-bottom: 30px;}
.admin-form-wrap .form-group .label {margin-right: 16px;}
.admin-form-wrap .form-group .required {margin-right: 0;}
.admin-form-wrap .form-group .input-group {display: flex; gap: 16px; align-items: center;}
.admin-form-wrap .form-group .input-group .input-box {max-width: 100px; height: 50px; border-radius: 0; padding: 0 12px; border: 1px solid #A5A5A5;}
.admin-form-wrap .form-group .file-input-wrapper {display: flex; align-items: center; gap: 20px; width: 100%; max-width: 503px;}
.admin-form-wrap .form-group .file-input-wrapper .input-full {width: 100%; height: 50px; border: 1px solid #A5A5A5; border-radius: 0; padding: 0 12px; background-color: #fff;}
.admin-form-wrap .notice {display: flex; align-items: center; justify-content: center; gap: 6px; color: #666; font-size: 15px; margin-top: 30px;}
.admin-form-wrap .notice-icon {color: #CA3B3B;}

/* ====================
	관리자인증 신청 - 인증서 등록 화면
==================== */
.admin-regist-wrap {padding: 0;}
.admin-regist-wrap .txt-list {text-align: center;}
.admin-regist-wrap .mark-sm {font-size: 15px;}
.admin-regist-wrap .btn-group {margin: 30px -4px 30px;}

/* ====================
	관리자인증 신청 - 관리자 인증신청 완료 화면
==================== */
/* .admin-regist-wrap .tit-h3{text-align: center;} */
.admin-regist-wrap .align-center {text-align: center;}
.admin-regist-wrap .txt-list.dot {display: inline; font-size: 15px; padding-top: 10px; line-height: 1.9;}
.admin-regist-wrap .btn-group.mb0 {margin-bottom: 0;}

/* ====================
	단체등록 신청 - 단체 등록 신청 완료 화면
==================== */
.oz-complete-box {margin: 30px 0;}
.oz-complete-box .tit-h3 {text-align: center;}
.oz-complete-box .tit-h3 span {font-weight: var(--font-regular);}

/* ====================
	고객센터 - 인증서 갱신
==================== */
.renew-wrap .txt-list {text-align: center;}
.renew-wrap .btn-group {margin: 30px -4px 30px;}

/* ====================
	고객센터 - 단체 등록 신청
==================== */
.group-regist-cont .board-search {align-items: center;}
.group-regist-cont .tit-h4 {min-width: 145px;}
.group-regist-cont .txt-list {margin-top: 20px; text-align: center;}
.group-regist-cont .cont-wrap {margin-top: 20px;}

/* 결과 있을 때 */
.group-regist-cont .search-result-list p {padding-top: 20px;}
.group-regist-cont .search-result-list .board-area [class^="board-list-"] {margin-top: 20px;}
.group-regist-cont .search-result-list .board-list-col > li > a {border-top: 1px solid var(--border-muted); border-bottom: 1px solid var(--border-muted); border-left: 0; border-right: 0; border-radius: 0;}

/* 결과 없을 때 */
.group-regist-cont .search-result-list {margin-top: 10px; border-top: 1px solid #CCCBCB; border-bottom: 1px solid #CCCBCB;}
.group-regist-cont .search-result-list .d-flex {align-items: center; padding: 15px 30px;}
.group-regist-cont .search-result-list button {margin-left: auto;}
.group-regist-cont .btn-group .btns-trd {min-width: 139px; padding: 0 10px;}

/* ====================
	기부활동 가이드 - 기부금품 모집등록절차
==================== */
.donation-cont .cont-box-area {margin-top: 40px; padding: 50px 40px;}
.donation-cont .cont-box-area:first-of-type {margin-top: 80px;}
.donation-cont .cont-box-area .tit-h2 {border-bottom: 1px solid #A3B0DF; padding-bottom: 13px;}
.donation-cont .cont-box-area .txt-list {margin-top: 13px;}
.donation-cont .cont-box-area .txt-list.dot-blue {margin-top: 40px; margin-bottom: 20px; font-size: 18px; font-weight: var(--font-bold); color: var(--color-sec); padding-left: 0.9em;}
.donation-cont .cont-box-area .txt-list.dot-blue:before {content: '•'; position: absolute; left: 0; z-index: 1;}
.donation-cont .cont-box-area .table-col {margin-top: 20px;}
.donation-cont .cont-box-area ul.txt-list {margin-top: 5px;}
.donation-cont .cont-box-area .txt-list.dot {margin-top: 5px;}
.donation-cont .sec2-area .tit-h3 {margin-top: 40px;}
.donation-cont .sec2-area .tit-sub {margin-top: 20px;}
.donation-cont .cont-box-area.sec2-area .txt-list.dot-blue {margin-top: 20px;}
.donation-cont .sec3-area .tit-sub {margin-top: 40px;}
.donation-cont .sec3-area table {margin-top: 20px;}
.donation-cont .sec3-area table th {width: 250px;}
.donation-cont .sec4-area .cont-box-area {margin-top: 40px; margin-bottom: 40px;}
.donation-cont .sec4-area .txt-list.asterisk {color: var(--color-pry);}
.txt-list.asterisk:not(ul), .txt-list.asterisk > li {padding-left: 0.8em;}
.txt-list.asterisk:not(ul):before, .txt-list.asterisk>li:before {content: '*';}
.donation-cont .alert-box {display: flex; align-items: center; gap: 10px; padding: 10px 30px; background: var(--color-pry); margin-top: 40px; margin-bottom: 20px; height: 58px;}
.donation-cont .point-icon {display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; min-width: 20px; border: 2px solid #fff; border-radius: 50%; color: var(--text-white); font-weight: bold; font-size: 14px; flex-shrink: 0;}
.donation-cont .point-icon::before {content: '!';}
.donation-cont .alert-content {flex: 1;}
.donation-cont .alert-content p {font-size: 18px; color: var(--text-white); font-weight: var(--font-bold);}
.donation-cont .sec4-area .table-col {margin-top: 40px;}
.donation-cont .sec4-area .table-col td {line-height: 30px;}
.donation-cont .sec4-area .table-col td .d-block {margin-top: 10px;}
.donation-cont .sec4-area .table-col td .d-block .btns-outline{font-size: 15px;}
.donation-cont .sec4-area .table-col td .d-block:first-child {margin-top: 0;}
.donation-cont .sec4-area .cont-box-area img {width: 100%;}
.donation-cont .sec4-area .cont-box-area img.pc-img {display: block;}
.donation-cont .sec4-area .cont-box-area img.mb-img {display: none;}
.table-col td .txt-pink {color: var(--color-pink);}
.table-col td .txt-blue {color: var(--color-sec);}
.donation-cont tbody tr:nth-last-child(1) td {border: none !important;}

/* ====================
	기부활동 가이드 - 기부금품 모집등록신청
==================== */
.donation-flow-cont {margin: 20px auto 0; background: #E7F0FF; padding: 20px;}
.donation-flow-cont .desktop-flow {display: block;}
.donation-flow-cont .mobile-flow {display: none;}
.donation-flow-cont .horizontal-flow {display: flex; justify-content: center; align-items: center; gap: 10px; margin: 32px 0 45px;}
.donation-flow-cont .flow-box {background-color: var(--bg-white); border-radius: 20px; padding: 10px 40px; text-align: center;}
.donation-flow-cont .flow-box .number {color: var(--color-pry); font-weight: bold; font-size: 18px; margin-bottom: 2px;}
.donation-flow-cont .flow-box .title {color: var(--color-pry); font-weight: bold; font-size: 18px;}
.donation-flow-cont .bottom-boxes {display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-bottom: 15px;}
.donation-flow-cont .bottom-box {background-color: var(--bg-white); border-radius: 20px; padding: 10px 40px; text-align: center;}
.donation-flow-cont .bottom-box .number {color: var(--color-pry); font-weight: bold; font-size: 18px;}

.recruit-list-data {margin: 20px auto 0; width: 100%; background-color: var(--bg-white); overflow: hidden;}
.recruit-list-data .table-row {display: flex; flex-wrap: nowrap; align-items: center; padding: 0 20px;}
.recruit-list-data .table-row:nth-child(odd) {background-color: #fafafa;}
.recruit-list-data .table-row div {font-size: 18px; color: var(--text-gr700);}
.recruit-list-data .table-row .col-title {flex: 0 0 36%; padding: 10px 10px; text-align: left;}
.recruit-list-data .table-row .col-title.flex-set {flex: 0 0 87%;}
.recruit-list-data .table-row .col-desc {flex: 0 0 39%; padding: 10px 10px; text-align: left;}
.recruit-list-data .table-row .col-link {flex: 0 0 12%; padding: 10px 10px 10px 0; text-align: right;}
.recruit-list-data .table-row .col-download {flex: 0 0 13%; padding: 10px 10px 10px 0; text-align: right;}
.recruit-list-data.recruit-term .table-row .col-title.flex-set {flex: 0 0 75%;}


@media (max-width: 1225px) {
  /* 기부활동 가이드 - 기부금품 모집등록신청 */
  .recruit-list-data .table-row .col-title {flex: 0 0 30%;}
  .recruit-list-data .table-row .col-title.flex-set {flex: 0 0 85%;}
  .recruit-list-data.recruit-term .table-row .col-title.flex-set {flex: 0 0 70%;}
  .recruit-list-data .table-row .col-desc {flex: 0 0 40%;}
  .recruit-list-data .table-row .col-link {flex: 0 0 15%;}
  .recruit-list-data .table-row .col-download {flex: 0 0 15%;}
  .recruit-list-data [class^=btns-].down::before {content: none;}
}

@media (max-width: 1215px) {
  /* 개인정보처리방침 */
  .labeling-wrap .card-grid {margin: 0 -20px;}
}

@media (max-width: 1023px) {
  /* 개인정보처리방침 */
  .labeling-wrap .card-grid {margin: 0 auto;}
  /* 관리자인증 신청 - 단체 및 소속 선택 화면 */
  .cont-wrap-box.admin-auth-wrap {padding: 0;}
  .admin-auth-wrap .board-table .tbl-body .tbl-cell.title {padding: 0;}
  .board-table .tbl-tr .tbl-cell.btns {display: block; width: 100% !important;}
  .board-table .tbl-tr .tbl-cell.btns .btn-area {justify-content: center;}
  .board-table .tbl-tr .tbl-cell.btns .btn-area button {width: 100%; max-width: 160px; min-height: 34px; font-weight: var(--font-medium); font-size: 15px;}
}

@media (max-width: 900px) {
  /* 비밀번호 찾기 - 인증 화면 + 아이디 찾기 - 인증화면 */
  .find-auth-cont .find-auth-methods {grid-template-columns: 1fr; gap: 15px;}
  /* 관리자인증 신청 - 관리자정보 입력 화면 */
  .cont-wrap-box.admin-info-wrap {padding: 10px 0;}
  .admin-info-wrap .content-inr {padding: 0;}
  .admin-form-wrap .form-group {display: block;}
  .admin-form-wrap .form-group .input-group .input-box {max-width:100%;}
  .admin-form-wrap .form-group .file-input-wrapper {display: block; max-width: 100%;}
  .admin-form-wrap .form-group .input-group,
  .admin-form-wrap .form-group .file-input-wrapper .input-full,
  .admin-form-wrap .form-group .file-input-wrapper button {margin-top: 16px;}
}

@media (max-width: 800px) {
    /* 기부활동 가이드 - 기부금품 모집등록신청 */
  .donation-flow-cont .desktop-flow {display: none;}
  .donation-flow-cont .mobile-flow {display: block;}
  .donation-flow-cont .vertical-flow {display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 32px 0;}
  .donation-flow-cont .arrow-down {transform: rotate(90deg);}
  .donation-flow-cont .flow-box {background-color: transparent; padding: 0 40px;}
  .donation-flow-cont .bottom-box .title {color: var(--color-pry); font-weight: bold; font-size: 18px;}
}

@media (max-width: 768px) {
  /* 공통 */
  .mo-d-none {display: none !important;}
  .mo-d-block {display: block !important;}
  .terms-mo {margin-top: 40px; border-top: 1px solid #bababa !important;}
  .m-pd0 {padding: 0 !important;}

  /* 이용약관 */
  .basic-terms-wrap .tit-h2 {display: none;}
  .basic-terms-wrap .basic-terms-cont {border: 0; padding: 0; margin-top: 10px;}
  /* 개인정보처리방침 */
  .privacy-wrap .privacy-box {padding: 30px 10px; border: 0; border-radius: initial;}
  .indexlist-wrap .indexlist-grid {grid-template-columns: 1fr;}
  /* 저작권정책 */
  .copyright-wrap .copyright-box {border: 0; padding: 0;}
  .copyright-cont {flex-direction: column; align-items: center;}
  /* 아이디조회 결과 */
  .findform-wrap {padding: 10px 0;}
  .findform-wrap .tit-h4 {text-align: left;}
  .findform-wrap .txt-list {text-align: left; padding-bottom: 0;}
  /* 비밀번호 찾기 */
  .findform-wrap .form-group {display: block; max-width: 100%;}
  .findform-wrap .form-group label {display: block;}
  .findform-wrap .form-group input {margin-top: 10px; max-width: 100%;}
  .captcha-section {padding-left: 0; margin: 16px 0 30px 0;}
  /* 비밀번호 찾기 - 변경 화면 */
  .findform-wrap .txt-findform {text-align: left; padding-bottom: 0;}
  .form-group.mo-block input {margin-top: 10px;}
  /* 비밀번호 찾기 - 인증 화면 + 아이디 찾기 - 인증화면 */
  .findform-wrap.find-auth {padding: 10px 0;}
  .find-auth-cont .find-auth-methods {padding: 0; border: 0; margin-bottom: 10px;}
  .auth-option-wrapper .auth-option .auth-icon img {margin-top: -10px;}
  /* 마이페이지 - 비밀번호 입력 */
  .findform-wrap .form-group.only-input {max-width: 100%;}
  /* 관리자인증 신청 - 단체 및 소속 선택 화면 */
  .admin-auth-wrap .admin-auth-inr .board-search {display: flex;}
  /* 관리자인증 신청 - 인증서 등록 화면 */
  .admin-regist-wrap .content-inr {padding: 0;}
  .admin-regist-wrap .btn-group {margin: 20px -4px 20px;}
  /* 고객센터 - 인증서 갱신 */
  .renew-wrap {margin-top:40px;}

  /* 기부활동 가이드 - 기부금품 모집등록절차 */
  .donation-cont .sec1-area {margin-top: 62px !important; border-top: 1px solid #cccbcb;}
  .donation-cont .sec3-area table th {width: 30%;}
  .donation-cont .sec4-area .cont-box-area img {max-width: 418px; margin: auto;}
  .donation-cont .sec4-area .cont-box-area img.pc-img {display: none;}
  .donation-cont .sec4-area .cont-box-area img.mb-img {display: block;}
  .donation-cont .sec4-area [class^=btns-].down::before {content: none;}
  .donation-cont .sec4-area [class^=btns-].sm {min-width: 66px; min-height: 34px; padding: 0 8px;}
  .donation-cont .sec4-area colgroup col:nth-child(1) {width: 30% !important;}
  .donation-cont .sec4-area colgroup col:nth-child(2) {width: 40% !important;}
  .donation-cont .sec4-area colgroup col:nth-child(3) {width: 30% !important;}
  [class^=btns-] > span {word-break: keep-all;}
  
  /* 기부활동 가이드 - 기부금품 모집등록신청 */
  .donation-cont .cont-box-area {padding: 50px 20px; margin-top:30px; margin-top: 30px !important;}

  .mb-none {display: none;}
  .recruit-list-data .table-row {padding: 10px 20px; flex-wrap: wrap;}
  .recruit-list-data .table-row div {font-size: 16px;}
  .recruit-list-data .table-row .col-title {flex: 0 0 50%; padding: 0 5px;}
  .recruit-list-data .table-row .col-title.flex-set {flex: 0 0 100%;}
  .recruit-list-data.recruit-term .table-row .col-title.flex-set {flex: 0 0 100%;}
  .recruit-list-data .table-row .col-desc {flex: 0 0 50%; padding: 0 5px;}
  .recruit-list-data .table-row .col-link {flex: 0 0 50%; padding: 5px 5px 0; text-align: right;}
  .recruit-list-data .table-row .col-download {flex: 0 0 50%; padding: 5px 5px 0; text-align: left;}
  .recruit-list-data .table-row .col-link.flex-set,
  .recruit-list-data .table-row .col-download.flex-set {flex: 0 0 100%; text-align: center;}
  .recruit-list-data [class^=btns-].sm {min-width: 66px; min-height: 34px; font-size: 15px; padding: 0 10px;}
}


/* error, ok msg */
.msg_ok, .msg_error{margin-top:5px;font-size:.75rem;line-height:1.2;}
.msg_ok{color:#0466c8;}
.msg_error{color:#ff0000;}