/* 공통 */
.no-cont {width: fit-content; margin: 145px auto;}
.no-cont img {width: 100%; max-width: 700px; margin-bottom: 30px;}
.no-cont p {text-align: center; font-size: 2rem; font-weight: 600; font-family: var(--point-fc);}
.no-cont p:last-child {margin-top: 20px;}
.no-cont p em {font-weight: 400;}

.err-cont {width: fit-content; margin: 0 auto; word-wrap: break-word; word-break: keep-all;}
.err-cont img {width: 100%; max-width: 700px; margin-bottom: 30px;}
.err-cont p {text-align: center; line-height: 1.4; font-size: 1.8rem; color: var(--gray-88);}
.err-cont p:first-of-type {font-size: 3rem; font-weight: 600; color: var(--blue);}
.err-cont p em {font-weight: 400;}

div.no-data {width: 100%; padding: 60px 0; border-top: 2px solid var(--main); border-bottom: 1px solid var(--gray-e5);}
div.no-data p {font-weight: 500; font-size: 2rem; text-align: center; word-wrap: break-word; word-break: keep-all;}
div.no-data .txt-box p {margin: 10px;}

.loading-wrap {position: absolute; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; padding-top: 250px; background-color: rgba(255,255,255,0.9); backdrop-filter: blur(2px);}
.loading-wrap .img-wrap {position: sticky; left: 50%; top: 50%; width: 100px; margin: 0 auto; transform: translate(-50%, -50%);}

.no-list {padding: 0;}
.no-list::before , .no-list::after {display: none;}

.sub-tit {display: block; margin-bottom: 30px; font-size: 2.6rem; color: #333; /* text-align: center; */}

.more {display: flex; align-items: center; gap: 10px; color: #666;}
.more i.arr-next {width: 5px; height: 9px;}
.more-arr {display: block; width: 40px; height: 40px; font-size: 0; border-radius: 100%; background: var(--gray-f5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 20' fill='none'%3E%3Cpath d='M1.48152 9.64001L17.6818 9.64001' stroke='%231A3AC5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0469 2.5L17.6818 9.64008L12.0469 16.7802' stroke='%231A3AC5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 20px 16px; transition: all .3s;}

.tag-process { color: #aaa !important;}
.tag-process.doing {font-weight: 600; color: var(--green) !important;}
.tag-process.done {font-weight: 600; color: var(--main) !important;}
.tag-process.no {font-weight: 600; color: var(--pink) !important;}

.tag.bg-001 {color: #fff; background-color: var(--main);}
.tag.bg-002 {color: #fff; background-color: var(--sub);}
.tag.bg-003 {color: #fff; background-color: var(--yellow);}
.tag.bg-004 {color: #fff; background-color: var(--pink);}
.tag.bg-005 {color: #fff; background-color: var(--green);}

.tag1.bg-aply-001 {color: #fff; background-color: var(--yellow);}
.tag1.bg-aply-002 {color: #fff; background-color: var(--blue);}
.tag1.bg-aply-003 {color: #ddd; background-color: var(--gray-f5);}

/* tab-st */
.tab-st1 > .tab {display: flex; width: 100%; margin-bottom: 40px;}
.tab-st1 > .tab li {position: relative; flex: 1; border: 1px solid var(--gray-e5); transition: all .3s;}
.tab-st1 > .tab li + li {border-left: 0;}
.tab-st1 > .tab li:first-child {border-radius: 6px 0 0 6px;}
.tab-st1 > .tab li:last-child {border-radius: 0 6px 6px 0;}
.tab-st1 > .tab li.active {border: 1px solid var(--main); background-color: var(--main);}
.tab-st1 > .tab li a {display: block; width: 100%; height: 100%; line-height: 55px; font-size: 1.8rem; color: #888; text-align: center; transition: all .3s;}
.tab-st1 > .tab li.active a { font-weight: 600; color: #fff;}

.tab-st2 > .tab {display: flex; width: 100%; margin-bottom: 40px;}
.tab-st2 > .tab li {position: relative; flex: 1; border-bottom: 1px solid var(--gray-e5);}
.tab-st2 > .tab li a {display: block; width: 100%; height: 100%; line-height: 80px; font-size: 2rem; color: #888; text-align: center; transition: all .3s;}
.tab-st2 > .tab li.active a { font-weight: 600; color: var(--main);}
.tab-st2 > .tab li::after {content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: var(--main); transform: translateX(-50%); transition: all .3s;}
.tab-st2 > .tab li.active::after {width: 100%;}

.tab-st3 > .tab {display: flex; align-items: center; gap: 10px; width: 100%;}
.tab-st3 > .tab li {position: relative; padding-right: 10px; white-space: nowrap;}
.tab-st3 > .tab li::after {content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 8px; background-color: #eee; transform: translateY(-50%);}
.tab-st3 > .tab li:last-child {padding: 0;}
.tab-st3 > .tab li:last-child::after {display: none;}
.tab-st3 > .tab li a {  color: #aaa;}
.tab-st3 > .tab li.active a {font-weight: 600; color: var(--main);}
.sch-box > .tab-st3 {flex-shrink: 0; margin-right: 10px;}

.tab-wrap .cont {display: none;}
.tab-wrap .cont.active {display: block;}

.parsley-errors-list {color: var(--pink);}

@media only screen and (max-width: 767px) {
	.tab-st1 .tab {flex-wrap: wrap;}
	.tab-st1 .tab li {flex: 1 1 50%;}
	.tab-st1.nth3 .tab li:first-child {border-radius: 6px 0 0 0;}
	.tab-st1.nth3 .tab li:nth-child(2) {border-top-right-radius: 6px;}
	.tab-st1.nth3 .tab li:last-child {border-top: 0;  border-left: 1px solid var(--gray-e5); border-radius: 0 0 6px 6px;}
	.tab-st1.nth4 .tab li:first-child {border-radius: 6px 0 0 0;}
	.tab-st1.nth4 .tab li:nth-child(2) {border-top-right-radius: 6px;}
	.tab-st1.nth4 .tab li:nth-child(3) {border-top: 0; border-left: 1px solid var(--gray-e5); border-bottom-left-radius: 6px;}
	.tab-st1.nth4 .tab li:last-child {border-top: 0; border-radius: 0 0 6px 0;}

	.sch-box .tab-st3 {width: 100%; margin-right: 0;}
	.sch-box .tab-st3 .tab {justify-content: center;}
}

/* title style */
.big-img .title {padding: 20px 0;}
.big-img .title strong {font-weight: 600; font-size: 2.6rem; color: #333;}

.big-img .slide-box {position: relative;}
.big-img .slide-box .img-wrap {position: relative; padding: 35%;}
.big-img .slide-box .img-wrap img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.big-img .slide-box .swiper-wrapper {align-items: center;}
.big-img .img-box {display: flex; justify-content: center; gap: 10px;}
.big-img .img-box .img-wrap {max-width: 600px; /* max-height: 400px; */}
.big-img .img-box .youtube {width: 100%; max-width: 560px;}
.big-img .img-box .youtube iframe {width: 100%; height: 350px;}
/* .img-box .img-wrap img {} */

@media only screen and (max-width: 767px) {
	.big-img .img-box {flex-wrap: wrap;}
}

.flex-box { display: flex; gap: 50px;}
.flex-box .title {flex-shrink: 0; width: 300px;}
.flex-box .title strong {font-weight: 600; font-size: 2rem; color: #333;}
.flex-box .rg {width: calc(100% - 350px)}
.flex-box .rg p {margin-bottom: 20px; line-height: 1.2; word-break: keep-all; word-wrap: break-word;}

@media only screen and (max-width: 767px) {
	.flex-box {flex-flow: column wrap; gap: 20px;}
	.flex-box .rg {width: 100%;}
}

/* 조건 검색 */
.srch-detail.active {background-color: var(--main); color: #fff;}
.srch-detail::before {content: ""; display: inline-block; margin-right: 10px; padding: 6px; background: url(../img/content/detail-srch.svg) no-repeat center / contain;}
.srch-detail.active::before {filter: brightness(100);}
.detail-wrap {display: none; width: 100%; margin-bottom: 20px; padding: 40px; border: 1px solid #ddd; background-color: var(--gray-f9); border-radius: 10px;}
.detail-check .list {display: flex; padding-bottom: 20px;}
.detail-check .list + .list {padding-top: 20px; border-top: 1px dashed var(--gray-e5);}
.detail-check .list .lf {flex-shrink: 0; width: 15%; padding-right: 20px;}
.detail-check .list .lf strong {font-weight: 600; font-size: 1.8rem; word-wrap: break-word; word-break: keep-all;}
.detail-check .list .left-menu {width: 100px; padding: 10px 0; border-right: 1px solid var(--gray-e5);}
.detail-check .left-menu ~ .check-list .checkbox {width: 140px;}
.check-list {display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding-top: 10px;}
.detail-check .list .rg > div:first-child .left-menu {padding-top: 0;}
.detail-check .list .rg > div:last-child .left-menu {padding-bottom: 0;}
.detail-check .list .rg button.active {border: 1px solid var(--main); background-color: var(--main); color: #fff;}

.detail-result {display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; padding: 30px 20px; border: 1px solid var(--gray-e5); border-radius: 10px;}
.detail-result li {display: flex; align-items: center; gap: 10px; padding: 10px 15px; border-radius: 6px; background-color: var(--gray-f5); font-weight: 600; color: var(--main);}
.detail-result li a {display: inline-block; width: 8px; height: 8px; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.06 42.06'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %231A3AC5; stroke-linecap: round; stroke-linejoin: round; stroke-width: 8px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cline class='cls-1' x1='3' y1='3' x2='39.06' y2='39.06'/%3E%3Cline class='cls-1' x1='39.06' y1='3' x2='3' y2='39.06'/%3E%3C/g%3E%3C/svg%3E");}

@media only screen and (max-width: 1330px) {
	.check-list {padding: 15px; border: 1px solid var(--gray-e5); border-radius: 6px;}
	.detail-check .list .rg > div .left-menu {width: 100%; border: 0; border-top: 1px solid var(--gray-cc);}
	.detail-check .list .rg > div:first-child .left-menu {border: 0;}
	
	.detail-check .checklist-st1 {gap: 10px 20px;}
	.detail-check .checklist-st1:nth-child(n + 2) {margin-top: 15px;}
}
@media only screen and (max-width: 1023px) {
	.detail-check .list {flex-flow: column wrap; gap: 20px;}
	.detail-check .list .lf {width: 100%;}
}
@media only screen and (max-width: 767px) {
	.detail-wrap {padding: 30px;}
	.s-tab-wrap .tab {flex-wrap: wrap;}
}

/* table-scroll */
.table-scroll-wrap{position: relative;}
@media only screen and (max-width: 767px) {
  .table-scroll-wrap{ width: 100%; word-break: keep-all; overflow-x: scroll;}
  .table-scroll-wrap table {width: 800px;}
  .table-scroll-event {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(255,255,255,0.8);}
  .table-scroll-event.hidden {display: none;}
  .table-scroll-event .inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} 
  .table-scroll-event .inner::before {
    content: "";
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    display: block;
    width: 30px; height: 30px;
    background-repeat: no-repeat; background-size: contain; background-position: center;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 64.28'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M26.24,52.94s-8.39-7.82-8.39-15.08v-8.7c0-2.32,1.88-4.2,4.2-4.2h0c2.32,0,4.2,1.88,4.2,4.2V6.25c0-2.45,2.11-4.42,4.61-4.18,2.18.21,3.79,2.17,3.79,4.36v12.24c0-2.45,2.11-4.42,4.61-4.18,2.18.21,3.79,2.17,3.79,4.36v3.74c0-2.32,1.88-4.2,4.2-4.2h0c2.32,0,4.2,1.88,4.2,4.2v3.12c0-2.59,2.35-4.64,5.04-4.11,1.99.39,3.35,2.26,3.35,4.3h0c0,5.83.45,10.07-.06,15.51-.12,1.25-.34,2.49-.67,3.7l-2.09,7.84h-30.76Z'/%3E%3Cline class='cls-1' x1='26.24' y1='29.16' x2='26.24' y2='35.78'/%3E%3Cline class='cls-1' x1='34.63' y1='18.67' x2='34.63' y2='29.16'/%3E%3Cline class='cls-1' x1='43.03' y1='20.59' x2='43.03' y2='29.16'/%3E%3Cline class='cls-1' x1='51.42' y1='25.71' x2='51.42' y2='29.16'/%3E%3Crect class='cls-1' x='26.24' y='52.94' width='30.76' height='10.34'/%3E%3C/g%3E%3Cline class='cls-1' x1='40.31' y1='7.05' x2='58.94' y2='7.05'/%3E%3Cpolyline class='cls-1' points='52.89 1 58.94 7.05 52.89 13.11'/%3E%3Cline class='cls-1' x1='19.63' y1='7.05' x2='1' y2='7.05'/%3E%3Cpolyline class='cls-1' points='7.05 1 1 7.05 7.05 13.11'/%3E%3C/svg%3E");
    animation: leftRight 2.4s infinite linear;
  }
  @keyframes leftRight {
    0% {transform: translateX(0px);}
    50% {transform: translateX(-20px);}
    100% {transform: translateX(0px);}
  }
  .table-scroll-event .inner::after {
    content: "좌우로 스크롤하세요";
    position: absolute; left: 50%; top: 20px; transform: translateX(-50%);
    display: block;
    margin-top: 15px;
    font-size: 14px;
  }
}


/******************* 로그인 *******************/
.login-box {width: 100%; max-width: 450px; margin: 0 auto; }

.login-top li.no-list { padding-left: 0;}
.login-top li.no-list::before {display: none;}
.login-top strong {font-size: 2.2rem;}

.login-inpt > input {width: 100%; height: 50px; line-height: 36px; margin-bottom: 10px; padding: 0 15px; border: 1px solid var(--gray-e5); border-radius: 5px;}
.login-inpt button {width: 100%; height: 45px; font-weight: 600;}
.pass-err {font-size: 15px;}

.login-menu {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px;}
.login-menu li {position: relative; padding-right: 11px; color: #aaa;}
.login-menu li::after {content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 8px; background-color: var(--gray-e5); transform: translateY(-50%);}
.login-menu li:last-child {padding-right: 0;}
.login-menu li:last-child::after {display: none;}
.login-menu li:last-child a {font-weight: 600;}

/* 아이디찾기 */
.login-result {padding: 40px; border-radius: 10px;}
.login-result p {color: #666; text-align: center;}
.login-result p em {font-weight: 600;}

/* 실무자 변경 신청 */
.num {display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
.num input[type="text"] {max-width: 160px;}
.num span { display: inline-block; width: 10px; height: 1px; font-size: 0; background-color: var(--gray-e5);}

.login-note li.title {color: var(--blue);}
.login-note li {position: relative; margin-top: 10px; padding-left: 15px; line-height: 1.2; color: #666; word-wrap: break-word; word-break: keep-all;}
.login-note li::after {content: ""; position: absolute; left: 0; top: 7px; width: 5px; height: 5px; border-radius: 100%; background-color: var(--main);}
.login-note li + li {margin-top: 10px;}
.login-note em {font-weight: 600;}

/* 회원가입 */
.txt-box {text-align: center; margin-bottom: 60px;}
.txt-box strong {font-size: 2.4rem;}
.txt-box p {margin-top: 20px; line-height: 1.2;}
.txt-box p em {font-weight: 600;}

.popup-wrap .txt-box {margin-bottom: 0;}

.join {display: flex; justify-content: center; gap: 40px;}
.join li {display: flex; justify-content: space-between; flex-flow: column wrap; width: 100%; max-width: 250px; height: 340px; padding: 10px; border: 1px solid var(--gray-e5); border-radius: 10px;}
.join .img-wrap {position: relative; width: 180px; height: 180px; margin: 0 auto 20px; border-radius: 100%; background-color: var(--gray-f8);}
.join .img-wrap img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.join li p {line-height: 1.4; text-align: center;}
.join li a {width: 100%; text-align: center;}

.join-step {position: relative; display: flex; justify-content: space-between; width: 100%; max-width: 650px; margin: 0 auto 30px; padding: 10px 0;}
.join-step::before {content: ""; position: absolute; left: 0; top: 50%; z-index: -1; width: 100%; height: 1px; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23A2BDF1' stroke-width='3' stroke-dasharray='4%2c 8' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");}
.join-step li {display: flex; align-items: center; justify-content: center; height: 60px; padding: 10px 30px; border: 1px solid var(--light-main); border-radius: 100px; font-weight: 500; font-size: 1.8rem; color: var(--main); outline: 10px solid #fff; background-color: #fff;}
.join-step li.active {position: relative; gap: 20px; padding: 10px 30px 10px 10px; border: 1px solid var(--main); font-weight: 600; color: #fff; background-color: var(--main);}
.join-step li.active::before {content: ""; display: block; width: 40px; height: 40px; border-radius: 100%;}
.join-step li.step1::before {background: #fff url(../img/content/join-step1.svg) no-repeat center / 18px 20px;}
.join-step li.step2::before {background: #fff url(../img/content/join-step2.svg) no-repeat center / 20px;}
.join-step li.step3::before {background: #fff url(../img/content/join-step3.svg) no-repeat center / 18px 20px;}
.join-step li.step4::before {content: "1"; line-height: 40px; font-size: 2rem; text-align: center; background-color: #fff; color: var(--main);}
.join-step li.step5::before {content: "2"; line-height: 40px; font-size: 2rem; text-align: center; background-color: #fff; color: var(--main);}
.join-step li.step6::before {content: "3"; line-height: 40px; font-size: 2rem; text-align: center; background-color: #fff; color: var(--main);}
.join-step li.step7::before {content: "4"; line-height: 40px; font-size: 2rem; text-align: center; background-color: #fff; color: var(--main);}
.join-step li.done {padding: 10px 30px; border: 1px solid var(--main); font-weight: 500; color: #fff; background-color: var(--main);}
.join-step li.done::before {display: none;}

.table-step4-rfr .more-icn {display: block; width: 20px; height: 20px; font-size: 0; background: url(../img/content/more-icn.svg) no-repeat center / 18px; transition: all .3s;}
.table-step4-rfr .more-icn:hover {transform: rotate(180deg);}
.table-step4-rfr .minus-btn {display: block; width: 20px; height: 20px; font-size: 0; background: url(../img/content/minus-btn.svg) no-repeat center / 18px; transition: all .3s;}
.table-step4-rfr .minus-btn:hover {transform: rotate(180deg);}

.flex .absol-inp {flex-shrink: 0; width: 100%; max-width: 50rem;}
.absol-inp {position: relative;}
.absol-inp span {position: absolute; right: 10px; top: 50%; font-weight: 500; font-size: 14px; transform: translateY(-50%);}

.myp-box .join-step {max-width: none;}
.join-step ~ .form-wrap1 .inp-flex .checkbox {width: 100px;}

.join-agree {margin-top: 60px;}
.join-agree > strong {display: block; margin-bottom: 20px; line-height: 1.2; text-align: center; font-size: 2.4rem; color: #333; word-wrap: break-word; word-break: keep-all;}
.agree-doc {max-height: 300px; margin-bottom: 30px; padding: 30px; border: 1px solid var(--gray-e5); border-radius: 10px; overflow-y: scroll;}
.agree-doc p {line-height: 1.4;}
.check-box {margin: 0 auto;}
.check-box .checkbox {margin: 0 auto; width: fit-content;}
.all-check {margin: 40px 0 60px; padding: 20px 0; border-radius: 10px; background-color: var(--gray-f5);}

.table-addr {display: flex; align-items: center; gap: 10px; max-width: 50rem;}
.table-addr input:first-child {width: 10rem;}
.table-addr input:nth-child(2) {width: 100%;}

.join-done {border-radius: 20px; text-align: center;}
.join-done .icn {display: block; width: 100px; height: 100px; margin: 60px auto 30px; background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 312 312.67'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke: %23888; %7D .cls-1, .cls-2 %7B fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 8px; %7D .cls-2 %7B stroke: %231a3ac5; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Ccircle class='cls-1' cx='246' cy='66' r='62'/%3E%3Cpolyline class='cls-2' points='222.14 64.28 241.6 83.98 269.86 48.02'/%3E%3C/g%3E%3Cline class='cls-1' x1='95.29' y1='139.89' x2='178.71' y2='139.89'/%3E%3Cline class='cls-1' x1='95.29' y1='186.65' x2='178.71' y2='186.65'/%3E%3Cline class='cls-1' x1='95.29' y1='233.41' x2='178.71' y2='233.41'/%3E%3Cg%3E%3Cpolyline class='cls-1' points='166.76 33.16 69.68 33.16 4 98.84 4 308.67 246 308.67 246 154.92'/%3E%3Cpolygon class='cls-1' points='32.31 98.84 69.68 98.84 69.68 33.16 4 98.84 32.31 98.84'/%3E%3C/g%3E%3Cpath class='cls-1' d='M65.03,233.41c0,1.37-1.11,2.49-2.49,2.49s-2.49-1.11-2.49-2.49,1.11-2.49,2.49-2.49,2.49,1.11,2.49,2.49Z'/%3E%3Cpath class='cls-1' d='M65.03,186.65c0,1.37-1.11,2.49-2.49,2.49s-2.49-1.11-2.49-2.49,1.11-2.49,2.49-2.49,2.49,1.11,2.49,2.49Z'/%3E%3Cpath class='cls-1' d='M65.03,139.89c0,1.37-1.11,2.49-2.49,2.49s-2.49-1.11-2.49-2.49,1.11-2.49,2.49-2.49,2.49,1.11,2.49,2.49Z'/%3E%3C/svg%3E") no-repeat center / contain;}
.join-done strong {font-size: 2.6rem;}
.join-done p {margin-top: 40px; padding: 30px 10px; border-top: 1px solid var(--gray-e5); line-height: 1.2; font-size: 1.8rem; word-wrap: break-word; word-break: keep-all;}

@media only screen and (max-width: 1023px) {
	.myp-box .join-step {flex-flow: column wrap; gap: 10px;}
	.myp-box .join-step::before {display: none;}
	.myp-box .join-step li {justify-content: flex-start; padding: 0 30px; border: 0; border-bottom: 1px solid var(--light-main); border-radius: 6px; outline: unset;}
	.myp-box .join-step li.active {padding: 10px 30px; border-radius: 10px;}
	.myp-box .join-step li::before {flex-shrink: 0;}
}
@media only screen and (max-width: 767px) {
	.txt-box {margin-bottom: 30px;}

	.join {flex-flow: column wrap; gap: 20px;}
	.join li {max-width: unset; height: 280px; }
	.join .img-wrap {width: 140px; height: 140px;}
	.join .img-wrap img {width: 90px;}
	.join li p br {display: none;}
	
	.join-step {flex-flow: column wrap; gap: 10px;}
	.join-step::before {display: none;}
	.join-step li {justify-content: flex-start; padding: 0 30px 10px; border: 0; border-bottom: 1px solid var(--light-main); border-radius: 0px; outline: unset;}
	.join-step li.active {border-radius: 10px;}
	.join-step li.done {padding-bottom: 0; border: 0; border-radius: 10px; color: var(--main); background-color: var(--light2-main);}
}
@media only screen and (max-width: 600px) {
	.pass-tip ul {flex-flow: column wrap; gap: 30px;}
	.pass-tip .img-wrap {margin-bottom: 10px;}
	.pass-tip .img-wrap img {height: 55px;}
	.pass-tip p br {display: none;}
}
@media only screen and (max-width: 500px) {
	table.table-st1 button {width: 100%;}

	.table-addr {flex-wrap: wrap;}
	.table-addr button {width: 100%;}
}
@media only screen and (max-width: 350px) {
	.login-menu {gap: 0;}
	.login-menu li {width: 50%; text-align: center; padding-right: 0; padding: 10px 0; border-bottom: 1px solid var(--gray-e5);}
	.login-menu li:nth-child(2):after {display: none;}
	.login-menu li:nth-child(2) ~ li {border-bottom: 0;}
}

/******************* sub01 *******************/
.img-top {display: flex; gap: 80px; margin-bottom: 60px;}
.img-top .img-wrap {position: relative; width: 100%; max-width: 450px; height: 0; padding-bottom: 600px; border-radius: 10px; background: #f5f5f5; }
.img-top .img-wrap img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.img-top .title { margin-bottom: 60px;}
.img-top .title .tag {margin-right: 10px;}
.img-top .title strong {line-height: 1.4; font-weight: 600; font-size: 2.6rem; vertical-align: sub;}

.detail-list li {display: flex; align-items: center; gap: 20px; font-size: 1.8rem;}
.detail-list li + li {margin-top: 20px;}
.detail-list li.term {align-items: flex-start;}
.detail-list li span {flex-shrink: 0; position: relative; display: inline-block; width: 120px; padding-right: 10px; color: #666;}
.detail-list li span::after {content: ""; position: absolute; right: 0; top: 4px; width: 1px; height: 8px; background-color: #ccc;}
.detail-list li.term span::after {top: 6px;}
.detail-list li em {line-height: 1.2;}
.detail-list li p {margin-top: 5px; line-height: 1.2;}
.detail-list li a {font-weight: 500; color: var(--blue);}
.detail-list li a:hover {text-decoration: underline;}
.detail-list .txt-wrap p {line-height: 1.2;}
.detail-list .txt-wrap p + p {margin-top: 10px;}

@media only screen and (max-width: 1023px) {
	.img-top {gap: 40px;}
}
@media only screen and (max-width: 767px) {
	.img-top {flex-flow: column wrap;}
	.img-top .img-wrap {width: 100%; max-width: none; padding-bottom: 125%;}
	.img-top .title { margin-bottom: 30px;}
}

/******************* sub02 *******************/
a.home {font-size: 0;}
a.home i.home {width: 15px; height: 15px;}
a.home:hover i.home {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15.62'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %231A3AC5; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M8.5.33c-.29-.22-.64-.33-1-.33s-.71.12-1,.33L.67,4.71c-.21.16-.38.36-.49.59s-.18.49-.18.75v7.92c0,.44.18.87.49,1.18.31.31.74.49,1.18.49h3.25c.24,0,.48-.1.65-.27.17-.17.27-.41.27-.65v-4.08c0-.44.18-.87.49-1.18.31-.31.74-.49,1.18-.49s.87.18,1.18.49c.31.31.49.74.49,1.18v4.08c0,.24.1.48.27.65.17.17.41.27.65.27h3.25c.44,0,.87-.18,1.18-.49.31-.31.49-.74.49-1.18v-7.92c0-.26-.06-.51-.18-.75-.12-.23-.28-.43-.49-.59L8.5.33Z'/%3E%3C/svg%3E");}

.txt-top .title {display: flex; align-items: center; gap: 30px; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid var(--gray-e5);}
.txt-top .title .lf {display: flex; align-items: center; gap: 10px;}
.txt-top .title strong {font-size: 2.6rem;}
.txt-top .home .link {width: 22px; height: 23px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 23' fill='none'%3E%3Cpath d='M8.8611 4.74738H6.9911C5.82755 4.74738 5.24577 4.74738 4.80112 4.97386C4.41018 5.17306 4.09233 5.49091 3.89313 5.88185C3.66666 6.3265 3.66666 6.90827 3.66666 8.07183V15.9674C3.66666 17.1309 3.66666 17.7127 3.89313 18.1574C4.09233 18.5483 4.41018 18.8661 4.80112 19.0654C5.24473 19.2918 5.82651 19.2918 6.98798 19.2918H14.8898C16.0513 19.2918 16.632 19.2918 17.0756 19.0654C17.4673 18.8659 17.7852 18.548 17.9846 18.1574C18.2111 17.7127 18.2111 17.132 18.2111 15.9705V14.0974M19.25 8.90294V3.7085M19.25 3.7085H14.0555M19.25 3.7085L11.9778 10.9807' stroke='%23AAAAAA' stroke-width='2.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;}
.txt-top .detail-list span {width: 200px; padding-right: 20px;}
.txt-top .date {align-self: flex-end; color: var(--gray-88);}

.concert-wrap {position: relative;}
.concert-wrap .swiper-slide a {position: relative; display: block; height: 400px; color: #aeaeae; border-radius: 10px; overflow: hidden;}
.concert-wrap .swiper-slide a img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.concert-wrap .hover {position: absolute; bottom: -100%; left: 0; width: 100%; padding: 15px; background-color: rgba(0,0,0,0.85); transition: all 0.4s;}
.concert-wrap .hover p {margin-bottom: 20px; line-height: 1.4; font-size: 1.8rem; color: #fff; word-wrap: break-word; word-break: keep-all;}
.concert-wrap .hover span {font-size: 14px;}
.concert-wrap .hover em {display: block; margin-top: 10px; font-size: 14px; text-align: right;}
.concert-wrap .swiper-slide a:hover .hover {bottom: 0;}

.one-one .form-wrap1 .lf p {line-height: 1.2; word-wrap: break-word; word-break: keep-all;}
.one-one .form-frame .form-group {padding-top: 1.2em;}
.one-one .form-frame .form-group .title { flex-shrink: 0; width: 10rem; font-weight: 600; }

.recom-concert {margin-bottom: 100px;}
.recom-wrap {position: relative;}
.recom-list .gallery-item a { display: block; }
.recom-list .gallery-item a .img-wrap { position: relative; width: 100%; height: 0; padding-bottom: 120%; border-radius: 10px; background: #f5f5f5; }
.recom-list .gallery-item a .img-wrap::after {content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 100%);}
.recom-list .gallery-item a .img-wrap .tag {position: absolute; left: 15px; top: 15px; z-index: 2;}
.recom-list .gallery-item a .img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.recom-list .gallery-item a .txt-wrap { padding-top: 15px; }
.recom-list .gallery-item a .txt-wrap .tit { height: 52px; margin-bottom: 15px; line-height: 1.4; font-weight: 700; font-size: 18px; word-break: keep-all; }
.recom-list .gallery-item a .txt-wrap .date { display: block; font-size: 15px; color: #888; }
.recom-list .gallery-item a .txt-wrap .date + .date {margin-top: 6px;}

@media only screen and (max-width: 1023px) {
	.recom-list .gallery-item a .txt-wrap .tit {height: 52px; font-size: 18px;}
}
@media only screen and (max-width: 767px){
	.txt-top .title {justify-content: space-between; flex-wrap: wrap; gap: 20px; margin: 0;}
	.txt-top .title .lf {flex-wrap: wrap;}
	.txt-top .title > a {margin-left: auto;}
	.txt-top .date {display: inline-block; margin-left: auto;}
	.txt-top .detail-list li {flex-flow: column wrap; align-items: flex-start; gap: 10px;}
	.txt-top .detail-list li + li {border-top: 1px dashed var(--gray-e5);}
	.txt-top .detail-list span {padding-right: 0; padding: 20px 0 10px;}
	.txt-top .detail-list span::after {display: none;}

	.one-one .form-wrap1 > .title {flex-flow: column wrap; align-items: flex-start; gap: 15px;}
	.one-one .form-wrap1 > .title span {align-self: flex-end;}
	.one-one .form-frame .form-group .title {padding-bottom: 1.2rem;}
}
@media only screen and (max-width: 500px) {
    .recom-list .gallery-item {width: 100%;}
	.recom-list .gallery-item a .img-wrap {height: 50%;}
}
@media only screen and (max-width: 400px){
	.txt-top .title > a {width: 100%; text-align: center;}
}
/******************* sub03 *******************/
/* 소개 */
.sec-tit {font-weight: 700; font-size: 2.6rem; }
.sec-txt {margin-top: 20px; line-height: 1.2; color: #444;}

.surport-intro {}
.surport-intro .top-box {position: relative; padding: 50px 60px; color: #fff; text-align: center; border-radius: 10px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), linear-gradient(90deg, var(--main, #1A3AC5) 0%, var(--sub, #AB81E4) 50%, var(--point2, #FF628A) 100%);}
.surport-intro .top-box::after {content: ""; position: absolute; left: 50%; bottom: -100%; width: 1px; height: 100%; background-color: #ddd; transform: translateX(-50%);}
.surport-intro .top-box::before {content: ""; position: absolute; left: 50%; bottom: calc(-100% + 60px); width: 68%; height: 80px; border: 1px solid #ddd; border-bottom: none; border-radius: 20px 20px 0 0; transform: translateX(-50%);}
.surport-intro .top-box strong {line-height: 1.2; font-weight: 700; font-size: 2.6rem; word-wrap: break-word; word-break: keep-all;}
.surport-intro .top-box p {margin-top: 20px; font-size: 1.8rem; line-height: 1.4; word-wrap: break-word; word-break: keep-all;}
.surport-intro ul {display: flex; gap: 20px;}
.surport-intro li {flex: 1; position: relative; margin-top: 130px; padding: 40px 20px; border: 1px solid #000; border-radius: 10px; background-color: #fff;}
.surport-intro li:first-child {border: 1px solid var(--main);}
.surport-intro li:nth-child(2) {border: 1px solid var(--sub);}
.surport-intro li:last-child {border: 1px solid var(--pink);}
.surport-intro li strong {position: absolute; left: 50%; top: -21px; display: inline-block; padding: 10px 20px; border-radius: 100px; font-weight: 600; font-size: 2.2rem; color: #fff; transform: translateX(-50%);}
.surport-intro li:first-child strong {background-color: var(--main);}
.surport-intro li:nth-child(2) strong {background-color: var(--sub);}
.surport-intro li:last-child strong {background-color: var(--pink);}
.surport-intro li p {line-height: 1.3; font-size: 1.8rem; color: #757575; word-wrap: break-word; word-break: keep-all;}
.surport-intro li em {font-weight: 500;}
.surport-intro li:first-child em {color: var(--main);}
.surport-intro li:nth-child(2) em {color: var(--sub);}
.surport-intro li:last-child em {color: var(--pink);}

.surport-aply {}
.surport-aply .top {display: flex; gap: 20px; width: 100%; justify-content: space-between; align-items: flex-end;}
.surport-aply .top .lf {}
.surport-aply .top > a {flex-shrink: 0;}
.surport-aply .top a::after {content: ""; display: inline-block; margin-left: 10px; width: 4px; height: 9px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='9' viewBox='0 0 4 9' fill='none'%3E%3Cg clip-path='url(%23clip0_634_1291)'%3E%3Cpath d='M0.5 0.599963L3.5 4.50091L0.5 8.39996' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_634_1291'%3E%3Crect width='9' height='4' fill='white' transform='translate(0 9) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center / contain;}
.aply-list {display: flex; gap: 20px; margin-top: 90px;}
.aply-list li {flex: 1; position: relative; padding: 0 30px 30px; border-radius: 10px; background-color: var(--gray-f9);}
.aply-list li::before {content: ""; position: absolute; right: 20px; top: -30px; width: 88px; height: 70px; background: no-repeat right center / contain;}
.aply-list li:first-child:before {background-image: url(../img/content/aply-img1.png);}
.aply-list li:nth-child(2):before {background-image: url(../img/content/aply-img2.png);}
.aply-list li:nth-child(3):before {background-image: url(../img/content/aply-img3.svg);}
.aply-list li:last-child:before {background-image: url(../img/content/aply-img4.svg);}
.aply-list li span {display: inline-block; margin-bottom: 20px; padding: 6px 15px; border-radius: 0px 0px 6px 6px; font-weight: 500; color: #fff; background-color: var(--main);}
.aply-list li strong {display: block; margin-bottom: 20px; padding: 20px 0; border-bottom: 1px solid var(--gray-e5); font-weight: 600; font-size: 2.2rem; color: var(--main);}
.aply-list li:nth-child(2) span {background-color: var(--sub);}
.aply-list li:nth-child(3) span {background-color: var(--pink);}
.aply-list li:last-child span {background-color: #3CA8C0;}
.aply-list li:nth-child(2) strong {color: var(--sub);}
.aply-list li:nth-child(3) strong {color: var(--pink);}
.aply-list li:last-child strong {color: #3CA8C0;}
.aply-list li p {line-height: 1.2; color: #666;}
.surport-aply > span {display: block; margin-top: 20px; color: #888; text-align: end;}

@media only screen and (max-width: 1023px) {
	.aply-list {flex-wrap: wrap; gap: 40px 20px;}
	.aply-list li {flex: none; width: calc(50% - 10px);}
}
@media only screen and (max-width: 767px) {
	.surport-intro .top-box {padding: 40px 50px;}
	.surport-intro .top-box::after {bottom: calc(-100% - 200px); height: calc(100% + 200px);}
	.surport-intro .top-box::before {bottom: calc(-100% + 80px); width: 52%;}
	.surport-intro ul {flex-wrap: wrap;}
	.surport-intro li {flex: none; width: calc(50% - 10px); margin-top: 80px;}
	.surport-intro li:last-child {width: 100%; margin-top: 20px;}
}
@media only screen and (max-width: 600px) {
	.surport-intro .top-box {padding: 40px 30px;}
	.surport-intro .top-box::after {bottom: calc(-100% - 250px); height: calc(100% + 250px);}
	.surport-intro .top-box::before {display: none;}
	.surport-intro ul {margin-top: 50px;}
	.surport-intro li {width: 100%; margin-top: 20px;}

	.surport-aply .top {flex-wrap: wrap;}
	.surport-aply .top > a {margin-left: auto;}
	.aply-list {margin-top: 60px;}
	.aply-list li {width: 100%;}
}

/* 리스트 */
.apli-list > li + li {margin-top: 20px;}
.apli-list > li a {display: block; padding: 30px; border: 1px solid var(--gray-e5); border-radius: 20px; transition: all .3s;}
.apli-list > li a:hover {border: 1px solid var(--main); box-shadow: 2px 4px 6px 0px rgba(84, 127, 209, 0.08);}
.apli-list .tit {margin-bottom: 40px;}
.apli-list .tit strong {line-height: 1.6; font-weight: 600; font-size: 2.2rem;}
.apli-list .tit .tag1 {vertical-align: 2px;}
.apli-list .bottom {display: flex; justify-content: space-between; gap: 20px;}
.apli-list .term li {font-weight: 500; color: #888;}
.apli-list .term li + li {margin-top: 10px;}
.apli-list > li:hover .more-arr {background: var(--main) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 20' fill='none'%3E%3Cpath d='M1.48152 9.64001L17.6818 9.64001' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0469 2.5L17.6818 9.64008L12.0469 16.7802' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 20px 16px;}
.apli-list > li.no-data {padding: 40px 0; border-top: 2px solid var(--blue); border-bottom: 1px solid var(--gray-e5);}
.apli-list > li.no-data p {font-size: 2rem; text-align: center; color: #666;}

/* 자료서식 및 매뉴얼 */
.faq2 .faq-item .tit::before {display: none;}
.faq2 .faq-item .tit span {position: absolute; top: 50%; left: 24px; display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; font-size: 1.8rem; transform: translateY(-50%);}
.faq2 .faq-item .tit a {font-size: 0;}
.faq2 .faq-item .tit .file {display: inline-flex; margin-left: 5px;}
.faq2 .faq-item .cont {padding: 10px 30px 30px;}
.faq2 .faq-item .cont::before { display: none;}
.faq2 .faq-item .cont .file-box {margin-top: 40px; padding: 20px 40px 0; border-top: 1px solid var(--gray-e5);}
.faq2 .faq-item .cont .file-box li + li {margin-top: 10px;}

.bbs-list-wrap3 .faq-item .tit strong.file-in:after {content: ''; display: inline-block; width: 14px; height: 16px; margin-left: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16' fill='none'%3E%3Cpath d='M13 8.50116L8.11271 13.7017C6.48595 15.4328 3.84815 15.4328 2.22138 13.7017C0.594621 11.9707 0.591123 9.1638 2.22138 7.42904L2.22839 7.41787L7.46201 1.84877C8.52553 0.717078 10.2537 0.717078 11.3208 1.84877C12.3843 2.98418 12.3843 4.82317 11.3208 5.95486L6.08714 11.524L6.07314 11.5351C5.5134 12.1308 4.60381 12.1308 4.04056 11.5351C3.47732 10.9395 3.47732 9.96789 4.04056 9.37227L8.52903 4.59609' stroke='%23888888' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}

@media only screen and (max-width: 767px) {
	.faq2 .faq-item .cont .file-box {padding: 20px;}
}


@media only screen and (max-width: 400px){
	.apli-list > li a {padding: 15px;}
	.apli-list .tit {margin-bottom: 30px;}
	.apli-list .bottom {flex-flow: column wrap; gap: 10px;}
	.apli-list .bottom .more-arr {align-self: flex-end;}
}

/******************* sub04 *******************/
.s-tab-wrap {padding: 30px; border: 1px solid var(--gray-e5); border-radius: 10px;}


/******************* sub05 *******************/
/*** 소개 ***/
.intro-txt {position: relative; padding: 80px; color: #fff; border-radius: 20px; background: url(../img/content/txt-bg.jpg) no-repeat center / cover; text-align: center; word-wrap: break-word; word-break: keep-all; overflow: hidden;}
.intro-txt::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6);}
.intro-txt .tit {margin-bottom: 40px; font-weight: 700; font-size: 2.6rem;}
.intro-txt p {line-height: 1.4; font-size: 1.8rem;}

.intro-graph {position: relative; margin: 130px 0;}
.intro-graph .center {position: relative; display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 280px; height: 280px; border-radius: 100%; background-color: var(--light2-main);}
.intro-graph .center::before {content: ""; position: absolute; left: 50%; top: 50%; width: 160px; height: 160px; border-radius: 100%; background-color: #fff; box-shadow: 0px 4px 4px 0px rgba(84, 127, 209, 0.10); transform: translate(-50%, -50%);}
.intro-graph .center img {position: relative; width: 130px;}
.graph-box {position: absolute; left: 50%; top: 50%; margin: -20px 0 130px 0; text-align: center; transform: translate(-50%, -50%);}
.graph-box span {position: relative; display: flex; justify-content: center; align-items: center; width: 130px; height: 130px; line-height: 1.4; font-weight: 500; border-radius: 100%;}
.graph-box span::before {content: ""; position: absolute; left: 50%; top: 50%; z-index: -1; width: 90px; height: 90px; background-color: #fff; border-radius: 100%; transform: translate(-50%, -50%);}
.graph-box .top {display: flex; justify-content: center; margin-bottom: 40px;}
.graph-box .top span {background: linear-gradient(180deg, #E4D1FF 0%, rgba(228, 209, 255, 0.20) 100%);}
.graph-box .mid {display: flex; gap: 45%; margin-left: -35%; margin-bottom: 60px; text-align: left;}
.graph-box .mid p {flex-shrink: 0; line-height: 1.3; color: #444;}
.graph-box .mid p:first-child {text-align: right;}
.graph-box .bottom {display: flex; justify-content: center; gap: 140px;}
.graph-box .bottom span:first-child {background: linear-gradient(180deg, #FFA9BF 0%, rgba(255, 169, 191, 0.20) 100%);}
.graph-box .bottom span:last-child {background: linear-gradient(180deg, #FADF32 0%, rgba(250, 223, 50, 0.20) 100%);}

.intro-data {margin-bottom: 100px;}
.intro-data .top {margin-bottom: 60px; text-align: center;}
.intro-data .bottom {display: flex; gap: 22px; margin-top: 60px;}
.intro-data .bottom li {position: relative; width: 50%; text-align: center; padding: 35px 0; color: #fff; background-color: #494099; word-wrap: break-word; word-break: keep-all;}
.intro-data .bottom li:first-child {z-index: 1;}
.intro-data .bottom li::after {content: ""; position: absolute; right: -29px; top: 0; width: 30px; height: 100%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M0.40625 140V0L28 70L0.40625 140Z' fill='%23494099'/%3E%3C/svg%3E") no-repeat left center / contain;}
.intro-data .bottom li:last-child {background-color: var(--pink);}
.intro-data .bottom li:last-child:after {right: unset; left: -1px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M0.40625 140V0L28 70L0.40625 140Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat left center / contain;}
.intro-data .bottom strong {line-height: 1.2; font-weight: 500; font-size: 2.2rem;}
.intro-data .bottom p {margin-top: 20px; line-height: 1.2; font-size: 1.8rem;}

.intro-service .top {margin-bottom: 60px; text-align: center;}
.service-wrap {display: flex; gap: 40px;}
.service-wrap .list {flex: 1;}
.service-wrap span {display: block; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--gray-e5);}
.service-wrap ul {display: flex; flex-wrap: wrap; gap: 10px;}
.service-wrap li {}
.service-wrap a {}
.service-wrap a::after {content: ""; display: inline-block; width: 4px; height: 9px; margin-left: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cg clip-path='url(%23clip0_634_1297)'%3E%3Cpath d='M0.5 0.599902L3.5 4.50085L0.5 8.3999' stroke='%231A3AC5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_634_1297'%3E%3Crect width='9' height='4' fill='white' transform='translate(0 9) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center / contain;}

.circle-ani-wrap { position: relative; width: 400px; height: 260px; margin: 0 auto; }
.circle-ani-wrap .circle-wrap { filter: url("#goo"); -webkit-filter: url('#goo'); position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 400px; height: 260px; }
.circle-ani-wrap .circle-wrap .circle { position: absolute; top: 0; left: 0; width: 260px; height: 260px; border-radius: 100%; background-image: linear-gradient(to right, #494099, #AD7AAE); animation: blob-left-top cubic-bezier(0.77, 0, 0.175, 1) 4s infinite; -webkit-animation: blob-left-top cubic-bezier(0.77, 0, 0.175, 1) 4s infinite; }
.circle-ani-wrap .circle-wrap .circle2 { left: unset; right: 0; background-image: linear-gradient(to left,#FFA9BF, #AD7AAE); animation-name: blob-right-top; -webkit-animation-name: blob-right-top; }
.circle-ani-wrap .circle-wrap-sm { position: absolute; top: 50%; transform: translateY(-50%); width: 147px; height: 147px; }
.circle-ani-wrap .circle-wrap-sm::before { content:""; position: absolute; width: 147px; height: 147px; border-radius: 100%; background: #494099; opacity: .6; animation: blob-opacity-left cubic-bezier(0.77, 0, 0.175, 1) 4s infinite; -webkit-animation: blob-opacity-left cubic-bezier(0.77, 0, 0.175, 1) 4s infinite; }
.circle-ani-wrap .circle-wrap-sm::after { content:""; position: absolute; top: 15px; width: 127px; height: 127px; border-radius: 100%; background: #494099; opacity: .1; animation: blob-opacity-left cubic-bezier(0.77, 0, 0.175, 1) 4s infinite; -webkit-animation: blob-opacity-left cubic-bezier(0.77, 0, 0.175, 1) 4s infinite; }
.circle-ani-wrap .circle-wrap-sm1 { left: -90px; }
.circle-ani-wrap .circle-wrap-sm1::before { left: 0; }
.circle-ani-wrap .circle-wrap-sm1::after { left: -90px; }
.circle-ani-wrap .circle-wrap-sm2 { right: -90px; }
.circle-ani-wrap .circle-wrap-sm2::before { right: 0; background: #FFA9BF; animation-name: blob-opacity-right; -webkit-animation-name: blob-opacity-right;; }
.circle-ani-wrap .circle-wrap-sm2::after { right: -90px; background: #FFA9BF; animation-name: blob-opacity-right; -webkit-animation-name: blob-opacity-right; }
.circle-ani-wrap svg { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; transform: translate(0, 0); }

@keyframes blob-left-top {
	0% { transform: scale(1) translate(0, 0); }
	30% { transform: scale(0.8) translate(-40px, 0); }
	60% { transform: scale(0.8) translate(-40px, 0); }
	100% { transform: scale(1) translate(0, 0); }
}
@keyframes blob-right-top {
	0% { transform: scale(1) translate(0, 0); }
	30% { transform: scale(0.8) translate(40px, 0); }
	60% { transform: scale(0.8) translate(40px, 0); }
	100% { transform: scale(1) translate(0, 0); }
}
@keyframes blob-opacity-left {
	0% { transform: scale(1) translate(-20px, 0); }
	30% { transform: scale(0.8) translate(-40px, 0); }
	60% { transform: scale(0.8) translate(-40px, 0); }
	100% { transform: scale(1) translate(-20px, 0); }
}
@keyframes blob-opacity-right {
	0% { transform: scale(1) translate(20px, 0); }
	30% { transform: scale(0.8) translate(40px, 0); }
	60% { transform: scale(0.8) translate(40px, 0); }
	100% { transform: scale(1) translate(20px, 0); }
}

@media only screen and (max-width: 1023px) {
	.intro-graph {margin: 80px 0;}
	.intro-graph .center {width: 220px; height: 220px;}
	.graph-box {position: relative; left: unset; top: unset; margin: 40px 0 0; transform: unset;}
	.graph-box > div {margin-bottom: 20px !important;}
	.graph-box span {height: auto; padding: 20px; background: #fff !important;}
	.graph-box span::before {display: none;}
	.graph-box span br {display: none;}
	.graph-box .top {margin-bottom: 20px;}
	.graph-box .top span {width: 100%; border-radius: 10px; border: 1px solid var(--sub);}
	.graph-box .mid {justify-content: center; gap: 20px; margin-left: 0px;}
	.graph-box .mid p {flex: 1; padding: 20px; text-align: center !important; border: 1px solid var(--gray-e5); border-radius: 10px;}
	.graph-box .bottom {gap: 20px;}
	.graph-box .bottom span {flex: 1; border-radius: 10px;}
	.graph-box .bottom span:first-child {border: 1px solid var(--pink);}
	.graph-box .bottom span:last-child {border: 1px solid var(--yellow);}

	.intro-data .bottom {flex-wrap: wrap;}
	.intro-data .bottom li {width: 100%; padding: 35px 10px;}
	.intro-data .bottom li::after {width: 100%; height: 30px;}
	.intro-data .bottom li:first-child:after {right: 50%; top: unset; bottom: -29px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 29' fill='none'%3E%3Cpath d='M0.796875 0.20308L1023.8 0.203125L512.297 28.2031L0.796875 0.20308Z' fill='%23494099'/%3E%3C/svg%3E") no-repeat center top / contain; transform: translateX(50%);}
	.intro-data .bottom li:last-child {padding-top: 60px;}
	.intro-data .bottom li:last-child:after {left: 50%; top: -1px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 29' fill='none'%3E%3Cpath d='M0.796875 0.20308L1023.8 0.203125L512.297 28.2031L0.796875 0.20308Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center top / contain; transform: translateX(-50%);}
	
	.circle-ani-wrap { width: 290px; height: 200px; }
	.circle-ani-wrap .circle-wrap { width: 290px; height: 200px; }
	.circle-ani-wrap .circle-wrap .circle { width: 190px; height: 190px; }
	.circle-ani-wrap .circle-wrap-sm { width: 95px; height: 95px; }
	.circle-ani-wrap .circle-wrap-sm::before { width: 95px; height: 95px; }
	.circle-ani-wrap .circle-wrap-sm::after { width: 75px; height: 75px; }
	.circle-ani-wrap .circle-wrap-sm1 { left: -50px; }
	.circle-ani-wrap .circle-wrap-sm2 { right: -50px; }
	.circle-ani-wrap .circle-wrap-sm1::after { left: -50px; }
	.circle-ani-wrap .circle-wrap-sm2::after { right: -50px; }
}
@media only screen and (max-width: 767px) {
	.intro-txt {padding: 30px;}

	.service-wrap {flex-wrap: wrap;}
	.service-wrap .list {flex: unset; width: calc(50% - 20px);}

	.circle-ani-wrap { width: 125px; height: 100px; }
	.circle-ani-wrap .circle-wrap { width: 125px; height: 100px; }
	.circle-ani-wrap .circle-wrap .circle { width: 100px; height: 100px; }
	.circle-ani-wrap .circle-wrap-sm { width: 55px; height: 55px; }
	.circle-ani-wrap .circle-wrap-sm1 { left: -30px; }
	.circle-ani-wrap .circle-wrap-sm2 { right: -30px; }
	.circle-ani-wrap .circle-wrap-sm1::after { left: -20px; }
	.circle-ani-wrap .circle-wrap-sm2::after { right: -20px; }
	.circle-ani-wrap .circle-wrap-sm::before { width: 55px; height: 55px; }
	.circle-ani-wrap .circle-wrap-sm::after { top: 10px; width: 35px; height: 35px; }
}
@media only screen and (max-width: 500px) {
	.service-wrap .list {width: 100%;}
}

/******************* 마이페이지 *******************/
/* 마이페이지 */
.myp-box {display: flex; gap: 40px; width: 100%;}
.myp-box > .lf {position: relative; flex-shrink: 0; width: 200px; padding: 30px; border-radius: 10px; background-color: var(--light2-main);}
.myp-box > .lf strong {display: block; margin-bottom: 30px; font-family: 'Montserrat'; font-weight: 900; font-size: 2.4rem; color: var(--blue); text-align: center;}
.myp-box .table-st1 p {padding: 0; line-height: 2.3rem; font-size: 15px;}

.side-menu {position: sticky; top: 110px; left: 0;}
.side-menu > li {margin-bottom: 30px;}
.side-menu > li:last-child {margin-bottom: 0px;}
.side-menu > li > a { font-weight: 600; font-size: 1.8rem;}
.side-menu > li a.on {color: var(--blue);}
.side-menu .dep2 {margin-top: 15px; padding-left: 10px;}
.side-menu .dep2 li + li {margin-top: 8px;}
.side-menu .dep2 li a {color: #444;}
.side-menu .dep2 li a.on {color: var(--blue);}

.myp-box > .rg { width: calc(100% - 230px);}
.myp-box > .rg > .top {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 40px; padding: 20px 0; border-bottom: 2px solid var(--light-main);}
.myp-box > .rg > .top .tit {line-height: 1.3; font-size: 2.2rem; word-wrap: break-word; word-break: keep-all;}
.myp-box > .rg .tit em {font-weight: 700;}

.myp-wrap {display: flex; gap: 20px;}
.my-list {width: 50%; padding: 20px; border: 1px solid var(--light-main); border-radius: 10px;}
.my-list .top {display: flex; justify-content: space-between; gap: 10px; margin-bottom: 30px;}
.my-list .top strong {font-weight: 700; font-size: 2rem;}
.my-list .top span {font-weight: 500; font-size: 1.8rem;}
.my-list .top em {font-weight: 600; font-size: 2.2rem;}
.my-list .bottom .top .more-icn {display: block; width: 20px; height: 20px; font-size: 0; background: url(../img/content/more-icn.svg) no-repeat center / 18px; transition: all .3s;}
.my-list .bottom .top .more-icn:hover {transform: rotate(180deg);}
.my-list .bottom .tab-wrap {display: flex; align-items: center; gap: 20px;}
.my-list .bottom .tab-wrap li {color: #aaa;}
.my-list .bottom .tab-wrap li.active {font-weight: 700; font-size: 1.8rem; color: var(--blue);}
.list-wrap li {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.list-wrap li + li {margin-top: 15px;}
.list-wrap li a {height: fit-content; margin-right: auto; font-weight: 500; font-size: 1.8rem; color: #666; transition: all .3s;}
.list-wrap li a:hover {color: var(--blue);}
.list-wrap li > span {color: #aaa;}
.cont-wrap .list-wrap {display: none;}
.cont-wrap .list-wrap.active {display: block;}

.my-list.my-list2 > .top {margin-bottom: 10px;}

/* 지원사업 신청 현황 */
.time-wrap {text-align: end;}
.time-limit {display: flex; align-items: center; justify-content: flex-end; gap: 8px; width: fit-content; margin-left: auto; padding: 6px 10px; border: 1px solid var(--light-main); border-radius: 6px;}
.time-limit span {font-weight: 600; font-size: 1.7rem; color: var(--main);}

.myp-box table textarea.inp-st1 {min-height: 300px;}

.myp-box .inp-flex + .inp-flex {margin-top: 10px;}
.myp-box .inp-flex .checkbox {width: 140px;}
.myp-box .inp-flex .rg input {max-width: 100px; text-align: end;}
.myp-box .inp-flex .full {width: calc(100% - 400px);}
.myp-box .inp-flex .full input {max-width: 50rem; text-align: start;}

.inp-history {display: flex; align-items: center; gap: 10px; padding-bottom: 10px; margin-bottom: 10px;}
.inp-history + .inp-history {border-top: 1px solid var(--gray-e5);}
.inp-history .inp-st1[type="date"] {flex-shrink: 0;}
.inp-history > .lf {width: 100%;}
.inp-history > .lf > div + div {margin-top: 10px;}
.show-box {display: flex; align-items: center; gap: 10px; width: 100%;}
.show-box .rg {display: flex; align-items: center; gap: 10px; width: 100%;}
.show-box .rg span {white-space: nowrap;}

.table-count { text-align: end;}
.table-count span {color: var(--gray-66);}
.table-count em {font-weight: 600; font-size: 1.8rem; color: var(--blue);}

.btn-space {display: flex; justify-content: space-between; gap: 10px; width: 100%;}
.btn-space .lf {display: flex; align-items: center; gap: 10px;}

.appli-txt {text-align: center;}
.appli-txt .icn {display: block; width: 100px; height: 100px; margin: 0 auto 30px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1156.22 1657.49'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e5e5e5; %7D .cls-2 %7B fill: %23a2bdf1; %7D .cls-3 %7B fill: %231a3ac5; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M864.53,315.44c0-61.33-45.84-111.94-106.74-117.99-3.14-.38-6.3-.6-9.47-.6h-72.37c-16.81,0-30.51-13.48-30.76-30.32v-.19l-.03-.69c-.06-5.14,1.79-10.07,5.02-14.02,18.56-22.8,25.84-53.93,18.16-82.87-9.81-37-42.05-64.47-80.18-68.29-3.1-.31-6.27-.47-9.41-.47-51.08,0-92.66,41.58-92.66,92.69,0,6.77.72,13.55,2.16,20.01l.53,2.32c3.32,13.48,9.72,26.03,18.5,36.65,3.26,3.98,5.17,8.94,5.08,14.11v.75c-.25,16.81-13.95,30.32-30.79,30.32h-72.65c-1.16,0-2.32.06-3.48.13-63.84,2.54-113.76,54.5-113.76,118.46v84.69h572.84v-84.69ZM617.85,93.08c-2.22,17.72-16.67,32.25-34.37,34.54-12.51,1.63-24.79-2.51-33.67-11.37-8.86-8.84-13.04-21.07-11.45-33.55,2.27-17.73,16.77-32.24,34.47-34.5,1.75-.22,3.5-.34,5.24-.34,10.6,0,20.7,4.13,28.31,11.71,8.85,8.82,13.03,21.04,11.47,33.51Z'/%3E%3Cpath class='cls-1' d='M1007.21,260.15h-79.69v68.98h78.17c44.12,0,80.02,35.9,80.02,80.02v1099.37c0,44.12-35.9,79.99-80.02,79.99H149c-44.12,0-80.02-35.87-80.02-79.99V409.15c0-44.12,35.9-80.02,80.02-80.02h78.17v-68.98h-78.17C66.85,260.15,0,327,0,409.15v1099.37c0,82.15,66.85,148.97,149,148.97h856.69c82.15,0,149-66.82,149-148.97v-323.84l1.53.38V409.15c0-82.15-66.85-149-149.01-149Z'/%3E%3Cpath class='cls-3' d='M278.11,1015.06l196.7,165.3c33.68,28.3,83.93,23.95,112.23-9.73l51.27-61-.33-.22,255.03-300.87c28.45-33.56,24.3-83.83-9.26-112.28h0c-33.56-28.45-83.83-24.3-112.28,9.26l-225.39,265.89c-16.63,19.62-45.99,22.1-65.68,5.55l-99.78-83.87c-33.68-28.31-83.93-23.95-112.24,9.72h0c-28.31,33.69-23.96,83.94,9.73,112.25Z'/%3E%3C/svg%3E");}
.appli-txt strong {line-height: 1.2; font-size: 3.4rem; color: var(--blue); word-wrap: break-word; word-break: keep-all;}
.appli-txt p {margin: 30px 0 40px; line-height: 1.2; font-size: 1.8rem; word-wrap: break-word; word-break: keep-all;}
.appli-txt p em {font-weight: 500; word-wrap: break-word; word-break: keep-all;}
.appli-done .tab-wrap {display: none; margin-top: 60px;}

ul.dwn li {position: relative; padding-left: 20px;}
ul.dwn li::before {content:""; position: absolute; left: 0; top: 50%; width: 14px; height: 18px; background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58.53 51.37'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23153A55; stroke-linecap: round; stroke-linejoin: round; stroke-width: 5px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M56.53,35.34v5.97c0,4.45-3.6,8.05-8.05,8.05H10.05c-4.45,0-8.05-3.6-8.05-8.05v-5.97'/%3E%3Cpolyline class='cls-1' points='42.95 24.21 29.26 37.38 15.58 24.21'/%3E%3Cline class='cls-1' x1='29.26' y1='37.38' x2='29.26' y2='2'/%3E%3C/svg%3E") no-repeat center / 14px 12px; transform: translateY(-50%);}
ul.dwn li a {line-height: 1.3;}
ul.dwn li a:hover {text-decoration: underline;}

.sns-list {}
.sns-list img {width: 25px; height: 25px;}

.coll-check-pop .tit-box {text-align: center;}
.coll-check-pop .tit-box .tit {display: block; margin-bottom: 10px; font-size: 2rem;}
.coll-check-pop .tit-box span {font-size: 1.8rem;}

.coll-list {display: flex; flex-wrap: wrap; gap: 20px;}
.coll-list li {flex: 1; display: flex; flex-flow: column wrap; justify-content: space-between; border: 1px solid var(--gray-e5); border-radius: 10px; overflow: hidden;}
.coll-list strong {display: flex; justify-content: center; align-items: center; min-height: 80px; padding: 10px; background-color: var(--light2-main); text-align: center;}
.coll-list p {padding: 10px; text-align: center;}
.coll-list span {display: block; padding: 10px; border-top: 1px solid var(--gray-e5); text-align: center;}

@media only screen and (max-width: 1200px){
	.inp-history {flex-wrap: wrap;}
}
@media only screen and (max-width: 1023px){
	.myp-box .inp-flex .full {width: auto;}
}
@media only screen and (max-width: 767px){
	.coll-list li {flex: 1 1 calc(50% - 10px);}
	
	.myp-box > .rg { width: 100%;}
}
@media only screen and (max-width: 500px){
	.show-box {flex-wrap: wrap;}
	.show-box .rg {flex-wrap: wrap;}
	
	.btn-space {flex-wrap: wrap; justify-content: flex-end;}

	.appli-done .tab-wrap {margin-top: 40px;}
	.appli-done .tab {flex-wrap: wrap;}
	.appli-done .tab li {flex: 1 1 50%;}
	.appli-done .tab li a {line-height: 60px;}
}
@media only screen and (max-width: 400px){
	.coll-list li {flex: 1 1 100%;}
}
@media only screen and (max-width: 350px){
	.appli-txt p br {display: none;}
}

/* 회원탈퇴 */
.quit-list li {position: relative; padding-left: 12px;}
.quit-list li + li {margin-top: 10px;}
.quit-list li::before {content: ''; position: absolute; top: 10px; left: 0; width: 5px; height: 1px; background-color: #888; }

@media only screen and (max-width: 1023px){
	/* 마이페이지 */
	.myp-box {gap: 20px;}
	.myp-box > .lf {width: 170px; padding: 20px;}

	.myp-wrap {flex-flow: column wrap;}
	.my-list {width: 100%;}
	
	/* 회원탈퇴 */
	.quit-list li::before {top: 8px;}
}
@media only screen and (max-width: 767px){
	/* 마이페이지 */
	.myp-box {flex-flow: column wrap;}
	.myp-box > .lf {width: 100%;}
	.side-menu {display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
	.side-menu > li {position: relative; margin-bottom: 0; padding-right: 13px; text-align: center;}
	.side-menu > li::after {content: ""; position: absolute; right: 0; top: 50%; width: 3px; height: 3px; border-radius: 100%; background-color: #ddd; transform: translateY(-50%);}
	.side-menu > li:last-child {padding: 0;}
	.side-menu > li:last-child::after {display: none;}
	.side-menu .dep2 {display: none; padding: 0;}
	
	/* 회원탈퇴 */
	.quit-list li {text-align: left;}
}
@media only screen and (max-width: 630px){
	.myp-box > .rg > .top {flex-wrap: wrap;}
	.myp-box > .rg > .top .tit {display: block; width: 100%; text-align: center;}
	.myp-box > .rg > .top .btn-ce {width: 100%;}
	.myp-box > .rg > .top button {width: 100%; max-width: none;}
}
@media only screen and (max-width: 400px){
	.my-list .bottom .tab-wrap {flex-wrap: wrap; gap: 10px 20px;}
}

/* 20250617 추가 */
.del-input > .flex {width: calc(100% - 60px);}
.del-input > .delBtn > button {height: 100%;}
/* 20250617 추가 */

/******************* 통합검색 *******************/
.total-search .tab-wrap .tab {flex-wrap: wrap;}
.total-search .tab-wrap .tab a {padding: 10px; line-height: 50px; font-size: 1.8rem; white-space: nowrap;}

.srch-result p {font-size: 1.8rem; text-align: center; color: var(--gray-66);}
.srch-result p em {font-weight: 700;}

.result-wrap {border-bottom: 1px solid var(--gray-cc);}
.result-wrap + .result-wrap {margin-top: 60px;}
.result-wrap .title { display: flex; justify-content: space-between; align-items: baseline; padding: 20px 0; border-bottom: 2px solid var(--main); }
.result-wrap .title strong { font-size: 2.4rem; color: #222; }
.result-wrap .no-result {padding: 40px; font-size: 1.8rem; text-align: center;}
.result-wrap div.result-list {padding: 20px;}
.result-wrap ul.result-list > li {padding: 20px; border-bottom: 1px solid var(--gray-e5);}
.result-wrap ul.result-list > li:last-child {border: 0;}
.result-wrap ul.result-list > li > a {display: block; font-weight: 600; line-height: 1.4; font-size: 2rem; color: #666;}
.result-wrap .srch-bread {display: flex; gap: 10px; margin-top: 20px; font-size: 15px; color: #888;}
.result-wrap .srch-bread li {position: relative; padding-right: 16px;}
.result-wrap .srch-bread li:last-child {padding: 0;}
.result-wrap .srch-bread li::after {content: ""; position: absolute; right: 0; top: 50%; width: 5px; height: 8px; transform: translateY(-50%); background: url(../img/common/next-btn.svg) no-repeat center / contain;}
.result-wrap .srch-bread li:last-child::after {display: none;}

/******************* footer *******************/
/* list-style */
.dot-li-st{margin-top: 10px;}
.dot-li-st > li{margin-bottom: 10px; padding-left: 15px; word-break: keep-all; line-height: 1.5; position: relative;}
.dot-li-st > li::after{content: ""; width: 6px; height: 6px; border-radius: 100%; background-color: var(--sub); opacity: 0.4; position: absolute; left: 0; top: 12px;}
.dash-list{margin-top: 10px;}
.dash-list > li {position: relative; margin-bottom: 10px; padding-left: 10px; color: var(--gray-66);}
.dash-list > li::before{content: ""; width: 5px; height: 1px; background-color: var(--gray-66); position: absolute; left: 0; top: 12px;}
.no-li-st::before, .no-li-st::after{display: none;}
.no-li-st > li::before, .no-li-st > li::after{display: none;}
.no-li-st2::after{display: none;}
.no-li-st2 > li::after{display: none;}

/* 개인정보처리방침 */
.privacy-page .top-box {position: relative; display: flex; justify-content: space-between; gap: 30px; padding-bottom: 30px;}
.privacy-page .top-box::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: url(../img/content/division-line.png) top left / cover;}
.privacy-page .top-box .txt p {line-height: 1.2; font-size: 16px; color: #757575; word-break: keep-all;}
/* 모바일 */
@media only screen and (max-width: 767px) {
  .top-box {flex-direction: column; gap: 20px;}
}

.privacy-label .label-list {display: flex; flex-wrap: wrap; gap: 13px;}
.privacy-label .label-list li {align-self: stretch; width: calc(25% - 10px);}
.privacy-label .label-list li a {display: block; width: 100%; padding: 35px 30px; border: 1px solid var(--gray-e5);  text-align: center;}
.privacy-label .label-list li .icn img {width: 70px; height: 70px; object-fit: contain;}
.privacy-label .label-list li em {display: block; margin: 10px 0 5px; line-height: 2.2rem; font-weight: 500; font-size: 1.7rem;}
.privacy-index {padding: 40px; border: 1px solid var(--gray-e5);}
.privacy-index ul {display: flex; flex-wrap: wrap; gap: 10px;}
.privacy-index ul li {display: flex; align-items: center; gap: 6px; width: calc(50% - 5px);}
.privacy-index ul li .icn {display: flex; align-items: center; justify-content: center; gap: 3px;}
.privacy-index ul li .icn img {width: 20px; height: 20px; object-fit: contain;}
.privacy-index ul li a {font-weight: 600; font-size: 15px; color: #444;}
.privacy-index ul li a:hover {text-decoration: underline;}
.privacy-cont {line-height: 1.8; color: var(--gray-44);}
.privacy-cont .tit {display: flex; align-items: center; gap: 10px; margin-bottom: 20px;}
.privacy-cont .icn {display: flex; align-items: center; justify-content: center; gap: 3px;}
.privacy-cont .icn img {width: 35px; height: 35px; object-fit: contain;}
.privacy-cont .tit strong{font-size: 1.8rem;}
.privacy-cont p{word-break: keep-all;}
.privacy-cont a:hover {text-decoration: underline;}
.privacy-page .form-wrap1 .title {margin: 0; border: 0;}
.privacy-cont tbody tr:hover {font-weight: inherit; background-color: inherit;}
.privacy-cont tbody tr td {padding: 14px 10px; word-break: keep-all; text-align: left;}
.privacy-cont tbody tr td.ce {text-align: center;}
.privacy-cont tbody tr td.row {border-right: 1px solid #eaeaea;}
.privacy-cont table ul {margin: 0;}
.privacy-cont table .dash-list li {margin: 0;}
.privacy-cont .dot-li-st{margin-top: 30px;}
.privacy-cont .dot-li-st li::after {top: 9px;}
.privacy-cont .dot-li-st > li{margin-bottom: 20px; font-weight: 500; font-size: 1.6rem; color: var(--gray-44);}
.privacy-cont .dot-li-st > li li{font-weight: 400; color: var(--gray-66);}
.privacy-cont .dot-li-st > li p{font-weight: 400; color: var(--gray-66);}
.privacy-cont .dash-list li{line-height: 1.6;}

.privacy-list {display: none;}

@media only screen and (max-width: 1023px) {
	.privacy-cont .table-scroll-wrap{ word-break: keep-all; overflow-x: scroll;}
	.privacy-cont .table-scroll-event {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(255,255,255,0.8);}
	.privacy-cont .table-scroll-event.hidden {display: none;}
	.privacy-cont .table-scroll-event .inner::before {
		content: "";
		position: absolute; top: 80px; left: 50%; transform: translateX(-50%);
		display: block;
		width: 30px; height: 30px;
		background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 64.28'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M26.24,52.94s-8.39-7.82-8.39-15.08v-8.7c0-2.32,1.88-4.2,4.2-4.2h0c2.32,0,4.2,1.88,4.2,4.2V6.25c0-2.45,2.11-4.42,4.61-4.18,2.18.21,3.79,2.17,3.79,4.36v12.24c0-2.45,2.11-4.42,4.61-4.18,2.18.21,3.79,2.17,3.79,4.36v3.74c0-2.32,1.88-4.2,4.2-4.2h0c2.32,0,4.2,1.88,4.2,4.2v3.12c0-2.59,2.35-4.64,5.04-4.11,1.99.39,3.35,2.26,3.35,4.3h0c0,5.83.45,10.07-.06,15.51-.12,1.25-.34,2.49-.67,3.7l-2.09,7.84h-30.76Z'/%3E%3Cline class='cls-1' x1='26.24' y1='29.16' x2='26.24' y2='35.78'/%3E%3Cline class='cls-1' x1='34.63' y1='18.67' x2='34.63' y2='29.16'/%3E%3Cline class='cls-1' x1='43.03' y1='20.59' x2='43.03' y2='29.16'/%3E%3Cline class='cls-1' x1='51.42' y1='25.71' x2='51.42' y2='29.16'/%3E%3Crect class='cls-1' x='26.24' y='52.94' width='30.76' height='10.34'/%3E%3C/g%3E%3Cline class='cls-1' x1='40.31' y1='7.05' x2='58.94' y2='7.05'/%3E%3Cpolyline class='cls-1' points='52.89 1 58.94 7.05 52.89 13.11'/%3E%3Cline class='cls-1' x1='19.63' y1='7.05' x2='1' y2='7.05'/%3E%3Cpolyline class='cls-1' points='7.05 1 1 7.05 7.05 13.11'/%3E%3C/svg%3E") no-repeat center / contain;
		animation: leftRight 2.4s infinite linear;
	}
	@keyframes leftRight {
		0% {transform: translateX(0px);}
		50% {transform: translateX(-20px);}
		100% {transform: translateX(0px);}
	}
	.privacy-cont .table-scroll-event .inner::after {
		content: "좌우로 스크롤하세요";
		position: absolute; left: 50%; top: 110px; transform: translateX(-50%);
		display: block;
		margin-top: 15px;
		font-size: 14px;
	}
	.privacy-cont .table-scroll-wrap .bbs-list-wrap2 {width: 1030px;}
}
@media only screen and (max-width: 767px) {
  .privacy-label .label-list {gap: 10px;}
  .privacy-label .label-list li {width: calc(50% - 12px);}
  .privacy-label .label-list li .icn img {width: 50px; height: 50px;}
  .privacy-index {padding: 20px;}
  .privacy-index ul li {width: 100%;}
  .privacy-index ul li .icn img {width: 18px; height: 18px;}
  .privacy-cont .tit {gap: 5px;}
  .privacy-cont .icn {gap: 0;}
  .privacy-cont .icn img {width: 25px; height: 25px;}
}
@media only screen and (max-width: 430px) {
  .privacy-btn .btn-bace9{flex-flow: column wrap; gap: 10px; height: auto; padding: 10px; line-height: 1;}
}
@media only screen and (max-width: 390px) {
  .privacy-label .label-list li {width: 100%;}
  .privacy-label .label-list li .icn img {width: 40px; height: 40px;}
}

/* 이용약관 */
.terms-wrap .tit {font-size: 2.4rem;}
.terms-list {margin-top: 30px;}
.terms-list strong {display: block; padding: 15px; border-top: 1px solid var(--main); font-weight: 500; font-size: 1.8rem; color: #444; background-color: var(--light2-main);}
.terms-inner {padding: 15px;}
.terms-inner p {line-height: 1.4; color: #666;}
.terms-inner li {line-height: 1.4; color: #666;}
.terms-inner li + li {margin-top: 8px;}
.terms-inner .fc-sub {font-weight: 500;}

/* 저작권정책 */
.copy-top {display: flex; align-items: center; gap: 20px; padding: 30px; background-color: var(--gray-f5);}
.copy-top .img-wrap {width: 50px; height: 50px; flex-shrink: 0;}
.copy-top .img-wrap img {object-fit: contain;}
.copy-top p {line-height: 1.4; font-weight: 500; font-size: 2rem; word-break: keep-all;}

.copy-txt {margin-top: 40px;}
.copy-txt p {line-height: 1.4; font-size: 1.8rem;}
.copy-txt p + p {margin-top: 20px;}

@media only screen and (max-width: 767px) {
	.copy-top {flex-flow: column wrap; padding: 20px;}
}

/* 이메일무단수집거부 */
.terms-top {display: flex; align-items: center; gap: 50px; padding: 30px; border-top: 3px solid var(--main);}
.terms-top .coution {flex-shrink: 0; width: 100px; height: 100px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57 50' fill='none'%3E%3Cpath d='M28.14 2L2 47.28H54.28L28.14 2Z' stroke='%23E5E5E5' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M28.1396 20.53V33.14' stroke='%23FF628A' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.1396 39.74V40.14' stroke='%23FF628A' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.terms-top p {line-height: 1.4; font-size: 2.2rem; color: #666; word-wrap: break-word; word-break: keep-all;}
.terms-top p em {font-weight: 500;}
@media only screen and (max-width: 767px) {
	.terms-top {flex-flow: column wrap; gap: 20px;}
	.terms-top p {font-size: 2rem;}
}