@charset "utf-8";


/* 모달팝업 공통 */
.modal {
	display: none;
    position: fixed;
	overflow-x: hidden;
    overflow-y: auto;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 40px 0;
    background-color: rgba(var(--color-black-rgb),0.8);
	z-index: 8000;
}

.modal .modal-dialog {
    position: relative;
    overflow: hidden;
    width: 90%;
    max-width: 1240px;
    padding: 30px 34px;
    margin: 0 auto;
    background-color: var(--color-background);
    border-radius: 10px;
}

.modal.size-big .modal-dialog {
    max-width: 1400px;
}

.modal.size-small .modal-dialog {
    max-width: 960px;
}

.modal.size-mini .modal-dialog {
    max-width: 640px;
}

.modal .modal-dialog .modal-head {
    min-height: 55px;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--color-basic);
}

.modal .modal-dialog .modal-head h2.modal-tit {
    font-size: 2.4rem;
}

.modal .modal-dialog .modal-head h2.modal-tit small {
    font-size: 2rem;
}

.modal .modal-dialog .modal-head h2.modal-tit small.mini {
    font-size: 1.6rem;
    font-weight: var(--font-weight-light);
}

.modal .modal-dialog .modal-head .modal-close-btn {
    font-size: 3rem;
    color: var(--color-gray-light);
}

.modal .modal-dialog .modal-head .modal-close-btn:hover {
    color: var(--color-basic);
}

.modal .modal-dialog .modal-content {
    position: relative;
    padding: 30px 0;
}

.modal .modal-dialog .modal-foot {
    gap: 5px;
}

.table-modal-box .modal-content {
    padding-top: 0 !important;
}

.table-modal-box .basic-tbl,
.table-modal-box .basic-write-tbl {
    border-top: none;
}


/* 모달팝업 // 연관자료탐색 */
.rds-slide-box .rds-slide {
    overflow: hidden;
    padding: 0 10px;
    background-color: rgba(var(--color-basic-rgb),0.02);
    border-radius: 5px;
}

.rds-slide .powerful-con:hover {
    background-color: rgba(var(--color-basic-rgb),0);
}

.related-data-search .powerful-list {
    border: 1px solid var(--color-gray-light);
    border-radius: 5px;
}


/* 모달팝업 // 주제찾기, 저널찾기 */
.subject-search .browser-tree {
    padding: 15px;
    border: 1px solid var(--color-gray-light);
    background-color: var(--color-background);
    box-shadow: inset 2px 2px 4px rgba(var(--color-black-rgb),0.05);
    border-radius: 5px;
}

.personal-search-box {
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    border: 2px solid var(--color-blue-deep);
    background-color: var(--color-background);
    box-shadow: inset 2px 3px 5px rgba(var(--color-black-rgb),0.08);
    border-radius: 26px;
}

.personal-search-box .basic-select {
    flex-shrink: 0;
    border: none;
    height: 50px;
    line-height: 50px;
    padding-left: 30px;
    border-right: 1px solid var(--color-gray-light);
    background-color: transparent;
    font-size: 1.8rem;
}

.personal-search-box .basic-input {
    flex-grow: 1;
    border: none;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    background-color: transparent;
    font-size: 1.8rem;
}

.personal-search-box .search-btn {
    flex-shrink: 0;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    font-size: 1.8rem;
    border-radius: 0;
}

.lang-keyboard-box {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--color-gray-light);
}

.lang-keyboard-box .keyboard-list {
    flex-wrap: wrap;
    gap: 4px;
}

.lang-keyboard-box .keyboard-list .btns {
    width: 30px;
    padding: 0;
}


/* 모달팝업 // 출원인, 발명자, 대리인 */
.applicant-div .guidebox {
    padding: 24px;
    background-color: rgba(var(--color-basic-rgb),0.02);
    box-shadow: inset 1px 2px 2px rgba(var(--color-black-rgb),0.1);
    border-radius: 10px;
}

.applicant-div .guidebox p {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--color-gray-light);
}

.applicant-div .guidebox .guide-table {
    align-items: flex-start;
    gap: 150px;
}

.applicant-div .guidebox dl {
    align-items: flex-start;
    gap: 30px;
    font-size: 1.5rem;
}

.applicant-div .guidebox dl dt {
    flex-shrink: 0;
    font-weight: var(--font-weight-semibold);
}

.applicant-div .guidebox dl dd {
    color: var(--color-gray);
}

.applicant-div .applicant-search {
    gap: 5px;
}

.applicant-div .applicant-search .asbox {
    gap: 10px;
}

.applicant-div .applicant-search .asbox label {
    flex-shrink: 0;
    font-weight: var(--font-weight-light);
}

.applicant-div .applicant-search .asbox .as-input {
    flex-grow: 1;
}

.applicant-div .applicant-search .btns {
    flex-shrink: 0;
}

.applicant-div .applicant-answer:not(.no-top-border) {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid var(--color-gray-light);
}

.applicant-div .choice-box {
    padding: 30px 34px;
    margin: 30px -34px 0;
    background-color: rgba(var(--color-basic-rgb),0.03);
}

.applicant-div .choice-box h3 {
    margin-bottom: 10px;
    font-weight: var(--font-weight-semibold);
}


/* 모달팝업 // IPC 분류 */
.ipc-first-list {
    padding: 20px 0;
    border-top: 1px solid var(--color-gray-light);
    border-bottom: 1px solid var(--color-gray-light);
}

.ipc-first-list li {
    width: var(--li-size);
    padding: 5px 0;
}

.ipc-first-list li .ifl-btn {
    gap: 10px;
    font-size: 1.5rem;
}

.ipc-first-list li .ifl-btn .code {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: rgba(var(--color-black-rgb),0.5);
    color: var(--color-white);
    text-align: center;
    font-weight: var(--font-weight-semibold);
    border-radius: 5px;
    transition: .3s;
}

.ipc-first-list li .ifl-btn:hover {
    color: var(--color-blue);
}

.ipc-first-list li .ifl-btn:hover .code {
    background-color: var(--color-blue);
}


/* 모달팝업 // 상세검색 */
.detail-search-modal .inner {
    position: relative;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid var(--color-gray-light);
    border-radius: 10px;
}

.detail-search-modal .inner .detail-search-box {
    flex-grow: 1;
    padding: 30px 34px;
}

.detail-search-modal .inner .detail-search-guide {
    flex-shrink: 0;
    /* width: 500px; */
    width: 50%;
    padding: 30px 34px;
    background-color: rgba(var(--color-basic-rgb),0.03);
}

.detail-search-modal .inner .detail-search-guide h3 {
    font-size: 2rem;
    font-weight: var(--font-weight-semibold);
}

.detail-search-modal .btn-area {
    position: relative;
}

.detail-search-modal .btn-area .back-btn {
    position: absolute;
    top: 0;
    left: 0;
}

.ds-article-list .flex-spacebetween {
    gap: 5px;
}

.ds-article-list .flex-spacebetween:not(:first-child) {
    margin-top: 8px;
}

.ds-article-list .flex-spacebetween .basic-select,
.ds-article-list .flex-spacebetween .btns {
    flex-shrink: 0;
}

.ds-article-list .flex-spacebetween .basic-input {
    flex-grow: 1;
    width: 100%;
}

.detail-search-modal .side-pop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    /* width: 500px; */
    width: 50%;
    padding: 30px 34px;
    background-color: var(--table-header-bg);
}

.detail-search-modal .side-pop h2.tit-h2 .side-pop-close-btn {
    position: absolute;
    top: calc(50% - 20px);
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: var(--color-gray);
    color: var(--color-white);
    text-align: center;
    border-radius: 50%;
    font-size: 2rem;
    transition: .2s;
}

.detail-search-modal .side-pop h2.tit-h2 .side-pop-close-btn:hover {
    background-color: var(--color-basic);
}

.detail-search-modal .ipc-first-list li {
    width: 30%;
    padding: 5px 0;
    text-align: left;
}

.detail-search-modal .ipc-first-list li:nth-child(3n) {
    width: 40%;
}


/* 모달팝업 // 인기 자료 필터 설정 */
.boost-term-setting .modal-content {
    padding-top: 0 !important;
}

.boost-term-setting .checkradio-list {
    padding: 15px 10px;
    border-bottom: 1px solid var(--color-gray-light);
}

.boost-term-setting .checkradio-list.boost-se li {
    flex-grow: 1;
}

.boost-term-setting .checkradio-list.boost-se label {
    align-items: flex-start;
}

.boost-term-setting .checkradio-list.boost-se label span {
    margin-top: 4px;
    margin-right: 10px;
}

.boost-term-setting .checkradio-list.boost-se label em {
    line-height: 1.4;
}

.boost-term-setting .checkradio-list.boost-se label em strong {
    font-size: 1.8rem;
    font-weight: var(--font-weight-semibold);
}

.boost-term-setting .checkradio-list.boost-se label em small {
    font-size: 1.4rem;
    font-weight: var(--font-weight-light);
}


/* 모달팝업 // 특허번호검색, 내보내기 */
.number-search-div .modal-content,
.export-div .modal-content {
    padding-top: 0 !important;
}

.number-search-div .basic-write-tbl,
.export-div .basic-write-tbl {
    border-top: none;
}


/* 모달팝업 // 표/그림 */
.image-detail .image-detail-box {
    position: relative;
    padding: 30px 100px;
    margin: 0 -34px;
    background-color: rgba(var(--color-basic-rgb),0.03);
}

.image-detail .image-detail-box figure {
    text-align: center;
    font-size: 0;
}

.image-detail .image-detail-box .txtbox {
    margin-top: 20px;
}

.image-detail .image-detail-box .txtbox dt .btns {
    flex-shrink: 0;
    margin-left: 20px;
}

.image-detail .image-detail-box .txtbox dd {
    margin-top: 10px;
    font-size: 1.4rem;
    font-weight: var(--font-weight-light);
    color: var(--color-gray);
}

.image-detail .image-detail-box .arrow-button {
    position: absolute;
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;
    background-color: var(--color-background);
    text-align: center;
    font-size: 2rem;
    border-radius: 50%;
    box-shadow: 5px 5px 20px rgba(var(--color-black-rgb),0.15);
    color: var(--color-gray);
    transition: .3s;
}

.image-detail .image-detail-box .arrow-button:hover {
    color: var(--color-blue)
}

.image-detail .image-detail-box .arrow-button.arrow-prev {
    left: 34px;
}

.image-detail .image-detail-box .arrow-button.arrow-prev:hover {
    transform: translateX(-5px);
}

.image-detail .image-detail-box .arrow-button.arrow-next {
    right: 34px;
}

.image-detail .image-detail-box .arrow-button.arrow-next:hover {
    transform: translateX(5px);
}


/* 모달팝업 // 썸네일 확대 이미지 슬라이드 */
.introduce-img-detail .thumb-img-slide-box {
    position: relative;
    padding: 0 70px;
}

.introduce-img-detail .thumb-img-slide-box .thumb-img-slide {
    overflow: hidden;
}

.introduce-img-detail .thumb-img-slide-box .thumb-img-slide figure {
    overflow: hidden;
    font-size: 0;
    border-radius: 10px;
}

.introduce-img-detail .thumb-img-slide-box .thumb-img-slide .txt {
    margin-bottom: 20px;
}

.introduce-img-detail .thumb-img-slide-box .thumb-img-slide .txt h4 {
    font-weight: var(--font-weight-semibold);
    font-size: 1.8rem;
}

.introduce-img-detail .thumb-img-slide-box .thumb-img-slide .txt p {
    margin-top: 5px;
    font-weight: var(--font-weight-light);
}

.introduce-img-detail .thumb-img-slide-box .swiper-button {
    position: absolute;
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;
    background-color: var(--color-background);
    text-align: center;
    font-size: 2rem;
    border-radius: 50%;
    box-shadow: 5px 5px 20px rgba(var(--color-black-rgb),0.15);
    color: var(--color-gray);
    transition: .3s;
}

.introduce-img-detail .thumb-img-slide-box .swiper-button.swiper-prev {
    left: 0px;
}

.introduce-img-detail .thumb-img-slide-box .swiper-button.swiper-next {
    right: 0px;
}

.introduce-img-detail .thumb-img-slide-box .swiper-button:not(.swiper-button-disabled):hover {
    color: var(--color-blue)
}

.introduce-img-detail .thumb-img-slide-box .swiper-button:not(.swiper-button-disabled).swiper-prev:hover {
    transform: translateX(-5px);
}

.introduce-img-detail .thumb-img-slide-box .swiper-button:not(.swiper-button-disabled).swiper-next:hover {
    transform: translateX(5px);
}

.introduce-img-detail .thumb-img-slide-box .swiper-button.swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
}


/* 모달팝업 // 관련기능 활용안내 */
.export-info h3 {
    font-size: 1.8rem;
    font-weight: var(--font-weight-semibold);
}

.export-info p {
    padding: 20px 0;
    margin: 20px 0;
    border-top: 1px solid var(--color-gray-light);
    border-bottom: 1px solid var(--color-gray-light);
    font-size: 1.5rem;
    font-weight: var(--font-weight-light);
}

.export-info figure {
    width: 80%;
    margin: 0 auto;
}

.export-info figure img {
    width: 100%;
}

.export-info dl {
    margin-top: 30px;
}

.export-info dl dt {
    margin-bottom: 10px;
    font-size: 1.8rem;
    font-weight: var(--font-weight-semibold);
}


/* 모달팝업 // MY ON 담기 */
.my-on-vo .basic-write-tbl .flex-spacebetween .basic-input,
.my-on-vo .basic-write-tbl .flex-spacebetween .inner {
    flex-grow: 1;
}

.my-on-vo .basic-write-tbl .flex-spacebetween .btns {
    flex-shrink: 0;
    margin-left: 20px;
}


/* 모달팝업 // 핵심어 질의응답 */
.qa-div-slide .powerful-con {
    position: relative;
    padding: 0 130px 0 25px;
}

.qa-div-slide .qa-div-detail {
    padding: 30px 25px;
    margin-top: 30px;
    border-top: 1px solid var(--color-gray-light);
    background-color: rgba(var(--color-basic-rgb),0.02);
}

.qa-div-slide .qa-div-detail dl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.qa-div-slide .qa-div-detail dl:not(:first-child) {
    margin-top: 20px;
}

.qa-div-slide .qa-div-detail dl dt {
    flex-shrink: 0;
    width: 200px;
    height: 50px;
    line-height: 48px;
    margin-right: 30px;
    border: 1px solid var(--color-gray-light);
    background-color: var(--color-background);
    font-weight: var(--font-weight-semibold);
    border-radius: 25px;
    text-align: center;
}

.qa-div-slide .qa-div-detail dl dd {
    flex-grow: 1;
    padding-top: 12px;
    font-weight: var(--font-weight-light);
}

.qa-div-slide .qa-div-detail dl dd .fluorescence {
    background-color: var(--color-yellow);
}

.qa-div .arrow-box {
    position: absolute;
    top: 30px;
    right: 0;
    gap: 10px;
    z-index: 2000;
}

.qa-div .arrow-box .swiper-button {
    width: 50px;
    height: 50px;
    background-color: var(--color-background);
    box-shadow: 0 3px 10px rgba(var(--color-black-rgb),0.1);
    border-radius: 50%;
    font-size: 1.8rem;
}

.qa-div .arrow-box .swiper-button.swiper-button-disabled {
    opacity: .3;
}


/* 모달팝업 // 초록 용어 설명 */
.abstract-word .contain-term {
    align-items: flex-start;
    margin-bottom: 20px;
}

.abstract-word .contain-term h3 {
    flex-shrink: 0;
    margin-right: 30px;
    font-weight: var(--font-weight-semibold);
    font-size: 1.8rem;
}
.abstract-word-box {
    border-top: 2px solid var(--color-blue-deep);
}

.abstract-word-box .aw-box {
    align-items: flex-start;
    padding: 20px 0;
    border-bottom: 1px solid var(--color-gray-light);
}

.abstract-word-box .aw-box dt {
    flex-shrink: 0;
    width: 200px;
    font-weight: var(--font-weight-semibold);
}

.abstract-word-box .aw-box dd {
    flex-grow: 1;
}

.abstract-word-box .aw-box dd ul.jum-ul {
    width: 970px;
}

.abstract-word-box .aw-box dd ul.jum-ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 20px;
}

.abstract-word-box .aw-box dd ul.jum-ul li .link-btn {
    flex-shrink: 0;
    margin-left: 10px;
}


/* 모달팝업 // 개인프로젝트 조회 */
.select-myon-project .modal-content {
    padding-top: 0 !important;
}

.select-myon-project .all-powerful-list {
    border-top: none;
}


/* 모달팝업 // 프로젝트 회원 관리 */
.select-member-info .ask-email-send-form {
    padding: 30px;
    background-color: rgba(var(--color-basic-rgb),0.03);
    border-radius: 10px;
    box-shadow: inset 1px 1px 2px rgba(var(--color-black-rgb),0.1);
}


/* 모달팝업 // 프로젝트 공유자 참가 요청 */
.ask-email-send-form {
    position: relative;
    align-items: flex-start;
}

.ask-email-send-form .inout-ms {
    width: 48.5%;
}


/* 모달팝업 // 검색결과 클러스터링 */
.multi-clustering-box .mc-con {
    overflow: hidden;
    border: 1px solid var(--color-gray-light);
    border-radius: 10px;
    transition: .3s;
}

.multi-clustering-box .mc-con:not(:first-child) {
    margin-top: 15px;
}

.multi-clustering-box .mc-con .mc-onoff-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 20px;
    width: 100%;
    padding: 20px 55px 20px 25px;
    transition: .3s;
}

.multi-clustering-box .mc-con .mc-onoff-btn em {
    flex-grow: 1;
    text-align: left;
    font-size: 1.8rem;
}

.multi-clustering-box .mc-con .mc-onoff-btn .ico {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    line-height: 48px;
    border: 1px solid var(--color-gray-light);
    border-radius: 5px;
    font-size: 2rem;
    transition: .3s;
}

.multi-clustering-box .mc-con:hover {
    border-color: rgba(var(--color-gray-rgb),0.5);
}

.multi-clustering-box .mc-con .mc-onoff-btn.on {
    background-color: var(--color-sky);
}

.multi-clustering-box .mc-con .mc-onoff-btn:hover em,
.multi-clustering-box .mc-con .mc-onoff-btn.on em {
    color: var(--color-blue);
}

.multi-clustering-box .mc-con .mc-onoff-btn:hover .ico,
.multi-clustering-box .mc-con .mc-onoff-btn.on .ico {
    border-color: var(--color-blue);
    background-color: var(--color-sky);
    color: var(--color-blue);
}

.multi-clustering-box .mc-con .all-powerful-list {
    max-height: var(--overview-height);
    border: none;
    border-top: 1px solid var(--color-gray-light);
    background-color: rgba(var(--color-basic-rgb),0.03);
}

.multi-clustering-box .mc-con .all-powerful-list .powerful-con {
    padding: 20px 25px;
}


/* 모달팝업 // 폴더 생성 & 수정 */
.make-folder-keyword-box {
    display: flex;
    justify-content: center;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid var(--color-gray-light);
    border-radius: 10px;
}

.make-folder-keyword-box label {
    flex-shrink: 0;
    height: 50px;
    line-height: 50px;
    padding: 0px 30px;
    background-color: rgba(var(--color-basic-rgb),0.03);
}

.make-folder-keyword-box .basic-input {
    flex-grow: 1;
    height: 50px;
    line-height: 50px;
    border: none;
    padding-left: 20px;
    font-size: 1.8rem;
    font-weight: var(--font-weight-light);
}

.make-folder-keyword-box .basic-select {
    flex-grow: 1;
    height: 50px;
    border: none;
    font-size: 1.8rem;
    font-weight: var(--font-weight-light);
}


/* 모달팝업 // 분류항목선택 */
.cl-answer {
    padding: 30px 34px;
    margin: 0 -34px;
    background-color: rgba(var(--color-basic-rgb),0.03);
}

.cl-answer h3 small {
    font-weight: var(--font-weight-light);
}


/* 모달팝업 // PDF 원문이 보이지 않는 경우 */
.original-view-popup ol {
    padding-left: 25px;
    border-top: 1px solid var(--color-blue-deep);
    border-bottom: 1px solid var(--color-gray-light);
    list-style: decimal;
    list-style-position: outside;
}

.original-view-popup ol li {
    padding: 15px 0;
}

.original-view-popup ol li:not(:last-child) {
    border-bottom: 1px solid var(--color-gray-light);
}

.original-view-popup ol li small {
    font-size: 1.4rem;
}

.original-view-popup ol li figure {
    display: block;
    overflow: hidden;
    font-size: 0;
    border-radius: 10px;
}


/* 모달팝업 // 오픈소스 모델 */
.open-source-notice hr {
    padding: 0;
    margin: 30px 0;
}

.openai-guide-dl {
    margin: 20px 0;
    border: 1px solid var(--color-gray-light);
}

.openai-guide-dl dt {
    padding: 10px 15px;
    background-color: var(--color-sky);
}

.openai-guide-dl dd {
    padding: 10px 15px;
    font-weight: var(--font-weight-light);
}

.openai-guide-dl dd a {
    color: var(--color-blue);
}

.openai-guide-dl dd a:hover {
    text-decoration: underline;
}


/* 모달팝업 // 용어선택 */
.word-choice-modal .comment {
    padding: 8px 15px;
    border: 1px solid var(--color-sky);
    background-color: rgba(var(--color-sky-rgb),0.5);
}


/* 모달팝업 // 유사문장검색 */
.resemblance-sentence .rs-box:not(:first-child) {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px dashed var(--color-gray-light);
}

.resemblance-sentence .rs-box h3 {
    margin-bottom: 20px;
    font-size: 2rem;
    font-weight: var(--font-weight-bold);
}

.resemblance-sentence .rs-box .rs-con {
    padding: 20px 30px;
    border: 1px solid var(--color-gray-light);
    border-radius: 10px;
}

.resemblance-sentence .rs-box .rs-con:not(:first-of-type) {
    margin-top: 10px;
}

.resemblance-sentence .rs-box .rs-con .loca {
    margin-bottom: 10px;
}

.resemblance-sentence .rs-box .rs-con .loca em {
    font-size: 1.5rem;
    color: var(--color-blue-deep);
}

.resemblance-sentence .rs-box .rs-con .box-p {
    padding: 20px;
    margin: 0 -20px 20px;
    background-color: rgba(var(--color-basic-rgb),0.03);
    box-shadow: inset 1px 1px 2px rgba(var(--color-basic-rgb),0.1);
    border-radius: 5px;
}

.resemblance-sentence .rs-box .rs-con .box-p.point-box-p {
    background-color: var(--color-sky);
    color: var(--color-blue-deep);
    font-weight: var(--font-weight-semibold);
}

.resemblance-sentence .rs-box .rs-con h4 {
    font-size: 1.8rem;
    font-weight: var(--font-weight-semibold);
}

.resemblance-sentence .rs-box .rs-con .comment {
    margin-top: 10px;
}


/* 모달팝업 // 이용약관, 개인정보처리방침, 이메일무단수집거부 */
.provision-policy-modal .pp-bigtit {
    padding: 20px;
    border: 1px solid var(--color-gray-light);
    background-color: rgba(var(--color-basic-rgb),0.03);
    border-radius: 10px;
}

.provision-policy-modal .pp-con {
    margin-top: 50px;
}

.provision-policy-modal .pp-con h3 {
    margin-bottom: 15px;
    font-size: 1.8rem;
}

.provision-policy-modal .pp-con h3 b {
    font-weight: var(--font-weight-semibold);
}

.provision-policy-modal .pp-con h3.flex-start {
    gap: 10px;
}

.provision-policy-modal .pp-con h3.flex-start .ico {
    font-size: 0;
}

.provision-policy-modal .pp-con h3.flex-start .ico img {
    max-height: 40px;
}

.provision-policy-modal .pp-con ol.pp-ol-list {
    margin-left: 25px;
}

.provision-policy-modal .pp-con ol.pp-ol-list li {
    position: relative;
}

.provision-policy-modal .pp-con ol.pp-ol-list li:not(:first-child) {
    margin-top: 10px;
}

.provision-policy-modal .pp-con ol.pp-ol-list.no-mgt li:not(:first-child) {
    margin-top: 0;
}

.provision-policy-modal .pp-con ol.pp-ol-list.type-num > li {
    list-style: decimal;
}

.provision-policy-modal .pp-con ol.pp-ol-list.type-wonnum > li:before {
    position: absolute;
    top: 0;
    left: -25px;
    content: '①';
}

.provision-policy-modal .pp-con ol.pp-ol-list.type-wonnum > li:nth-child(2)::before {
    content: '②';
}

.provision-policy-modal .pp-con ol.pp-ol-list.type-wonnum > li:nth-child(3)::before {
    content: '③';
}

.provision-policy-modal .pp-con ol.pp-ol-list.type-wonnum > li:nth-child(4)::before {
    content: '④';
}

.provision-policy-modal .pp-con ol.pp-ol-list.type-wonnum > li:nth-child(5)::before {
    content: '⑤';
}

.provision-policy-modal .pp-con ol.pp-ol-list.type-wonnum > li:nth-child(6)::before {
    content: '⑥';
}

.provision-policy-modal .pp-con ol.pp-ol-list.type-wonnum > li:nth-child(7)::before {
    content: '⑦';
}

.provision-policy-modal .pp-con ol.pp-ol-list.type-wonnum > li:nth-child(8)::before {
    content: '⑧';
}


/* 모달 대잔치 */
.modal-party {
    max-width: 600px;
    margin: 0 auto;
    padding: 40px 20px !important;
}

.modal-party h1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
}

.modal-party h1 a {
    width: 200px;
    font-size: 0;
}

.modal-party h1 span {
    margin-top: 5px;
    font-weight: var(--font-weight-bold);
    font-size: 2rem;
}

.modal-party ol.modal-party-list {
    list-style-type: decimal;
}

.modal-party .modal-party-list {
    border-top: 2px solid var(--color-blue-deep);
    border-bottom: 1px solid var(--color-blue-deep);
}

.modal-party .modal-party-list li:not(:first-child) {
    border-top: 1px solid var(--color-gray-light);
}

.modal-party .modal-party-list li .mpl-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 15px 40px 15px 20px;
    font-weight: var(--font-weight-light);
    transition: .3s;
}

.modal-party .modal-party-list li .mpl-btn:hover {
    padding: 15px 20px;
    background-color: rgba(var(--color-basic-rgb),0.03);
    color: var(--color-blue);
}

.modal-party .modal-papa {
    position: relative;
    overflow: hidden;
    width: 300px;
    margin: 40px auto 0;
    font-size: 0;
    border-radius: 20px;
}
/******************** 반응형 ********************/

.detail-search-modal #multi_sel.basic-select{max-width:430px; width:100% !important;}

@media screen and (max-width:1440px){
	.detail-search-modal .inner .detail-search-guide{width:45%;}
}
@media screen and (max-width:1200px){
/* 	#myonProjectPutForm.modal .modal-dialog .modal-content .basic-write-tbl{display: block} */
	#myonProjectPutForm.modal .modal-dialog .modal-content .basic-write-tbl col,
	#myonProjectPutForm.modal .modal-dialog .modal-content .basic-write-tbl tr{width: 100%;}
/* 	#myonProjectPutForm.modal .modal-dialog .modal-content .basic-write-tbl th{width: 100%; float:left} */
/* 	#myonProjectPutForm.modal .modal-dialog .modal-content .basic-write-tbl td{width: 100%; float:left} */	
	#myonProjectPutForm.modal .modal-dialog .modal-content .basic-write-tbl .flex-spacebetween{flex-wrap: wrap}
	#myonProjectPutForm.modal .modal-dialog .modal-content .basic-write-tbl col:nth-child(1){width:20% !important;}
	#myonProjectPutForm.modal .modal-dialog .modal-content .basic-write-tbl col:nth-child(2){width:30% !important;}
	#myonProjectPutForm.modal .modal-dialog .modal-content .basic-write-tbl col:nth-child(3){width:50% !important;}
	#myonProjectPutForm.modal .modal-dialog .modal-content .basic-write-tbl .basic-input{width: 100% !important}
	#myonProjectPutForm.modal .modal-dialog .modal-content .basic-write-tbl .basic-select{width: 100%}
	#myonProjectPutForm.modal .modal-dialog .modal-content .basic-write-tbl .btns.btn-blue{width: 100%; margin-top: 5px}
	#myonProjectPutForm.modal .modal-dialog .modal-head h2.modal-tit small.mini{display: block}
	
	.select-member-info #memberInvite .ask-email-send-form{flex-direction: column;     gap: 20px;}
	.select-member-info #memberInvite .ask-email-send-form .inout-ms{width:100%;}
	
	.detail-search-modal .inner{flex-direction: column;}
	.detail-search-modal .inner .detail-search-guide{width:100%;}
	.detail-search-modal .modal-content{max-height: calc(100vh - 230px); overflow-y: auto;}
}


@media screen and (max-width:768px) {	
	.modal .modal-dialog{padding:25px; min-width:200px;}
	.modal .modal-dialog .modal-head h2.modal-tit{font-size:2.0rem; padding-right:15px;}
	.modal .modal-dialog .modal-head{min-height:45px;}
	.modal .modal-dialog .modal-head .modal-close-btn{font-size:2.5rem;}
	.modal .modal-dialog .modal-foot .btns{width:100%;}
	
	/* 모달 테이블 */
	.modal .modal-content .basic-write-tbl col,
	.modal .modal-content .basic-write-tbl th,
	.modal .modal-content .basic-write-tbl td{width:100%; display:block;}
	.modal .modal-content .basic-write-tbl th{text-align:left;}
	.modal .modal-content .basic-write-tbl th,
	.modal .modal-content .basic-write-tbl td{padding:10px;}
	
	.modal .modal-dialog .modal-content{max-height: calc(100vh - 260px); overflow-y: auto;}
	#selectMyONLogList.modal .modal-dialog .modal-content .basic-tbl{min-width: 640px}
	#selectMemberInfo.modal .modal-dialog .modal-content .basic-tbl{min-width: 640px}
	
	
	.abstract-word .contain-term{flex-direction: column; margin-bottom:0; gap:5px;}
	..abstract-word-box.mgt40px{margin-top: 20px !important}
	.modal .abstract-word-box .aw-box{flex-direction: column; padding:10px 0;}
	.modal .abstract-word-box .aw-box dt,
	.modal .abstract-word-box .aw-box dd{padding:3px; width:100%;}
	
	#memberOrgVO .basic-input.w300px{width: calc(100% - 72px - 5px) !important;}
	
	#myonVODiv .basic-write-tbl .basic-select,
	#myonVODiv .basic-write-tbl .basic-input,
	#myonVODiv .basic-write-tbl .btns {width: 100% !important;   }
	#myonVODiv .basic-write-tbl .btns { margin-top: 5px; margin-left:0;}
	#myonVODiv .basic-write-tbl .flex-spacebetween{flex-direction: column;}
	.qa-div .arrow-box .swiper-button{width:30px; height:30px; font-size:1.3rem;}
	.qa-div-slide .powerful-con{padding: 0 95px 0 10px;}
	
	.image-detail .image-detail-box{margin:0;}
	.image-detail .image-detail-box .arrow-button.arrow-prev{left:20px;}
	.image-detail .image-detail-box .arrow-button.arrow-next{right:20px;}
	
	.qa-div-slide .qa-div-detail{}	
	.qa-div-slide .qa-div-detail dl{ flex-direction: column;}
	.qa-div-slide .qa-div-detail dl dt{width: 100%; height: 34px; line-height: 32px;}
	.qa-div-slide .qa-div-detail dl dd{padding-top: 6px;}
	   
}

@media screen and (max-width:594px){
	.modal .modal-dialog .modal-content .basic-tbl.no-sideline col,
	.modal .modal-dialog .modal-content .basic-tbl.no-sideline th,
	.modal .modal-dialog .modal-content .basic-tbl.no-sideline td{display: block}
	.modal .modal-dialog .modal-content .basic-tbl.no-sideline tr{border-bottom: 1px solid var(--color-gray-light);}
	.modal .modal-dialog .modal-content .basic-tbl.no-sideline th{display: none}
	.modal .modal-dialog .modal-content .basic-tbl.no-sideline td{border: none}
	.modal .modal-dialog .modal-content .basic-tbl.no-sideline td:first-child{text-align: left !important; padding: 10px 0 0 10px;}
	.modal .modal-dialog .modal-content .basic-tbl.no-sideline td:last-child{text-align: left !important; padding: 0 10px 10px 10px;}
	.modal .modal-dialog .modal-content .basic-tbl.no-sideline td .btns{width: 100%}
	
	.provision-policy-modal .pp-bigtit{padding:15px;font-size: 1.4rem;}
	.provision-policy-modal .pp-con h3{font-size:1.6rem;}
	.provision-policy-modal .pp-con{font-size:1.4rem; margin-top:30px;}
	
	.make-folder-keyword-box{flex-direction: column;}
	
	.modal-content .find-id #tr_email select{width:100% !important; margin-top:5px;}
	.modal-content .find-pw #id2{width:100% !important;}
	.modal-content .find-pw select,
	.modal-content .find-pw .btns{width:100% !important; margin-top:5px;}
	
	.image-detail .image-detail-box{padding: 30px 70px;}
	.image-detail .image-detail-box .arrow-button{width:30px; height:30px; font-size: 1.5rem;}
	.image-detail .image-detail-box .txtbox dt{    flex-direction: column;}
	.image-detail .image-detail-box .txtbox dt .btns{margin-left:0; width:100%;}
}

@media screen and (max-width:410px){
	#myonProjectPutForm.modal .modal-dialog .modal-foot{flex-wrap: wrap}
	#policyModal.modal .modal-dialog .modal-head h2.modal-tit{flex-direction: column;gap: 5px !important; align-items:start;}
	#policyModal.modal .modal-dialog .modal-head h2.modal-tit select{width:100%;}
	
	.qa-div-slide .powerful-con{padding:30px 10px 0 10px;}
	.qa-div .arrow-box{    top: 15px;}
}

@media screen and (max-width:380px){
	#memberOrgVO .modal-content .flex-start{flex-direction: column;}
	#memberOrgVO .basic-input.w300px{width: 100% !important;}
	#memberOrgVO .btns.fnSearch{width:100%; display:blolck;}
	
	.modal-content .find-id #tr_email #emailId{width:80% !important;}
	.modal-content .find-id #tr_email #emailAdr,
	.modal-content .find-pw #emailPwAdr{width:100% !important; margin-top:5px;}
	.modal .modal-dialog .modal-foot .btns{padding: 0 10px !important;}
}