body * {
    font-family: 'Pretendard Variable', sans-serif;
    box-sizing: border-box;
    color: var(--baseColor);
}

input,
input:focus,
textarea,
textarea:focus {
    outline: none !important;
}

.closeBtn {
    display: block;
    z-index: -99999;
    border: none;
    background-color: var(--bD9);
    padding: 0;
    border-radius: var(--size4);
    position: absolute;
}

.closeBtn i {
    color: var(--baseColor);
    width: 20px;
    line-height: 20px;
    cursor: pointer;
}

.starCol {
    color: #FFD245;
}

.accentCol {
    color: #A62D0E;
}

.title01 {
    font-weight: var(--ftW600);
    font-size: var(--ftS02rem);
    line-height: 1.5;
    margin-bottom: var(--mg10);
    color: var(--b333);
}

[class^="regcolor"] {
    background-color: #FEA654;
}

[class$="-bun"] {
    font-size: var(--ftS05rem);
    font-weight: var(--ftW500);
    display: inline-block;
    color: var(--white);
    line-height: 1.5;
    padding: 0 var(--pd15);
    border-radius: var(--pd30);
}

input {
    outline: none;
}

input[type="checkbox"] {
    width: var(--ftS03rem);
    height: var(--ftS03rem);
    background: url(../images/icon/btn-checkOff.svg) center / contain no-repeat;
    margin: 0 var(--mg5) 0 0;
    appearance: none;
    cursor: pointer;
}

input[type="checkbox"]:checked {
    background-image: url("../images/icon/btn-checkOn.svg");
}

input[type="radio"] {
    width: var(--ftS03rem);
    height: var(--ftS03rem);
    background: url(../images/icon/btn-radioOff.svg) center / contain no-repeat;
    margin: 0 var(--mg5) 0 0;
    appearance: none;
    cursor: pointer;
}

input[type="radio"]:checked {
    background-image: url("../images/icon/btn-radioOn.svg");
}

.main-cover .sldie-pagination .slick-dots {
    gap: var(--mg15);
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: static;
}

.main-cover .sldie-pagination .slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
}

.main-cover .sldie-pagination button {
    appearance: none;
    width: 8px;
    height: 8px;
    text-indent: -9999;
    display: block;
    background-color: var(--bD9);
    border-radius: 50%;
    padding: 0;
    border: none;
}

.main-cover .sldie-pagination button::before,
.main-cover .slick-prev,
.main-cover .slick-next {
    display: none !important;
}

.main-cover .sldie-pagination li.slick-active button {
    background-color: var(--mainColor);
}

.main-cover .sldie-button-next,
.main-cover .sldie-button-prev {
    position: absolute;
    top: calc(100% - 54%);
    cursor: pointer;
    appearance: none;
    display: block;
    background-color: var(--bf9);
    text-indent: -9999;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    transition: var(--ttionBG), var(--ttionopac2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 20px;
}

.main-cover [class^='sldie-button']:not(.noHov) {
    opacity: 0;
    transition: var(--ttionBG), var(--ttionopac2);
}

.main-cover [class^='sldie-button']:hover {
    background-color: var(--mainColor);
}

.main-cover [class^='sldie-button'].active {
    opacity: 1;
}

.main-cover .sldie-button-next {
    right: -4%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%2354C3FE' d='M305 239c9.4 9.4 9.4 24.6 0 33.9L113 465c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l175-175L79 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L305 239z'/%3E%3C/svg%3E");
}

.main-cover .sldie-button-next:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23FFFFFF' d='M305 239c9.4 9.4 9.4 24.6 0 33.9L113 465c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l175-175L79 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L305 239z'/%3E%3C/svg%3E");
}

.main-cover .sldie-button-prev {
    left: -4%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%2354C3FE' d='M15 239c-9.4 9.4-9.4 24.6 0 33.9l192 192c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L66 256l175-175c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L15 239z'/%3E%3C/svg%3E");
}

.main-cover .sldie-button-prev:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23FFFFFF' d='M15 239c-9.4 9.4-9.4 24.6 0 33.9l192 192c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L66 256l175-175c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L15 239z'/%3E%3C/svg%3E");
}

figure.image {
    text-align: center;
}

figure.image-style-side {
    text-align: right;
}

.ck-editor__main :is(h2, h3, h4),
.textpt :is(h2, h3, h4) {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

.ck-editor__main h2,
.textpt h2 {
    font-size: var(--ftS02rem) !important;
}

.ck-editor__main h3,
.textpt h3 {
    font-size: var(--ftS03rem) !important;
}

.ck-editor__main h4,
.textpt h4 {
    font-size: var(--ftS05rem) !important;
}

.ck-editor__main p,
.textpt p,
.ck-editor__main ul li,
.textpt ul li,
.ck-editor__main ol li,
.textpt ol li {
    font-size: var(--ftS06rem);
    line-height: 1.5;
}

.textpt p a {
    color: var(--subColor);
}

.ck-editor__main ul,
.textpt ul,
.ck-editor__main ol,
.textpt ol {
    padding: 0 0 0 var(--pd30);
    list-style: revert;
}

.ck-editor__main ul li,
.textpt ul li,
.ck-editor__main ol li,
.textpt ol li {
    list-style: revert;
}

.textpt blockquote {
    border-left: 5px solid #ccc;
    font-style: italic;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.ck-content .table table {
    border: 1px double #b3b3b3;
    border-collapse: collapse;
    border-spacing: 0;
    height: 100%;
    width: 100%;
}

.textpt table td,
.textpt table th {
    border: 1px solid #bfbfbf;
    min-width: 2em;
    padding: .4em;
}

.textpt td,
.textpt th {
    overflow-wrap: break-word;
    position: relative;
}

/* ! */

#header {
    background-color: var(--white);
    position: fixed;
    top: 0;
    box-shadow: var(--shadow2);
    width: 100%;
    max-height: 80px;
    z-index: 10;
    overflow: hidden;
}

#header>div {
    max-width: var(--maxWh);
    margin: 0 auto;
    display: flex;
    align-items: center;
    line-height: 80px;
    gap: var(--mg40);
}

#header>div h1 a {
    display: block;
}

#header>div h1 a img {
    width: 100%;
    /* min-width: 192px; */
    min-width: 170px;
}

#header .mb-Nav {
    display: none;
}

#header .dt-Nav {
    width: 100%;
    height: auto;
}

#header .dt-Nav ul {
    display: flex;
    align-items: center;
    height: 100%;
    gap: var(--mg50);
}

#header .dt-Nav ul li a {
    display: block;
    font-size: var(--ftS03rem);
    font-weight: var(--ftW500);
    transition: var(--ttionFtC);
}

#header .dt-Nav ul li a:hover,
#header .dt-Nav ul li a.active {
    color: var(--mainColor);
}

#header .dt-Nav ul li:last-child {
    margin-left: auto;
}

#header .dt-Nav ul li:last-child a {
    display: inline;
    font-size: var(--ftS06rem);
}

#header .dt-Nav ul li:last-child a:last-child {
    margin-left: var(--mg30);
    color: var(--mainColor);
}

/* ! */

#footer {
    background-color: var(--white);
    width: 100%;
    max-width: var(--maxWh);
    margin: 0 auto;
    padding: var(--pd80) 0;
}

#footer * {
    font-size: var(--ftS06rem);
    font-weight: var(--ftW500);
    font-style: normal;
}

footer .copy {
    text-align: center;
    font-size: var(--ftS08rem) !important;
}

#footer>a {
    display: block;
    max-width: 170px;
    margin-bottom: var(--mg40);
}

#footer>a img {
    width: 100%;
}

#footer .ftMbox {
    display: flex;
    width: 100%;
    gap: 10%;
    margin-bottom: var(--mg100);

}

#footer .ftMbox>div:first-child {
    width: 60%;
}

#footer .ftMbox>div:first-child ul:first-child,
#footer .ftMbox>div:first-child ul:first-child li:has(address) {
    margin-bottom: var(--mg20);
}

#footer .ftMbox>div:first-child ul:first-child li {
    margin-bottom: var(--mg10);
    line-height: 1.2;
}

#footer .ftMbox>div:first-child ul:first-child li:last-child a {
    text-decoration: underline;
    text-underline-position: under;
}

#footer .ftMbox>div:first-child ul:last-child {
    display: flex;
    justify-content: flex-start;
    gap: var(--pd60);
}

#footer .ftMbox>div:first-child ul:last-child li {
    width: max-content;
}

#footer .ftMbox>div:first-child ul:last-child li:not(:first-child) {
    position: relative;
}


#footer .ftMbox>div:first-child ul:last-child li:not(:first-child)::after {
    content: "|";
    position: absolute;
    left: -32px;
    top: 1px;
    color: var(--bD9);
}

#footer .ftMbox>div:last-child {
    width: 30%;
}

#footer .ftMbox>div:last-child details {
    position: relative;
}

#footer .ftMbox>div:last-child details summary {
    line-height: 1.2;
    padding: 0 var(--pd20) var(--pd10);
    margin-bottom: var(--mg20);
    border-bottom: 0.06rem solid var(--baseColor);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23555555' d='M305 239c9.4 9.4 9.4 24.6 0 33.9L113 465c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l175-175L79 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L305 239z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 0.55rem;
    background-position: right var(--pd10) top;
    cursor: pointer;
}

#footer .ftMbox>div:last-child details ul {
    border: 0.06rem solid var(--baseColor);
    max-height: 110px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-bottom: var(--mg30);
    position: absolute;
    z-index: 10;
    background-color: var(--white);
    width: 100%;
}

#footer .ftMbox>div:last-child details ul::-webkit-scrollbar,
#footer .ftMbox>div:last-child details ul:-webkit-scrollbar {
    display: none;
}

#footer .ftMbox>div:last-child details ul li {
    line-height: 2.2;
    padding-left: var(--pd20);
    transition: var(--ttionBG);
}

#footer .ftMbox>div:last-child details ul li:hover {
    background-color: var(--bfb);
}

#footer .ftMbox>div:last-child details ul li a {
    display: block;
    font-size: var(--ftS06rem);
}

#footer .ftMbox>div:last-child div {
    display: flex;
    gap: var(--mg20);
    margin-top: var(--mg10);
}

#footer .ftMbox>div:last-child div a {
    display: block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-indent: -9999;
}

#footer .ftMbox>div:last-child div a:first-of-type {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23888888' d='M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z'/%3E%3C/svg%3E");
}

#footer .ftMbox>div:last-child div a:nth-of-type(2) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23888888' d='M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z'/%3E%3C/svg%3E");
}

#footer .ftMbox>div:last-child div a:last-of-type {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23888888' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");
}

.pagination_wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;

}
.pagination_wrap>div i{
  padding: 6px 8px;
}
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.pagination li {
    text-align: center;
  }
  
  .pagination li a.active {
    color: var(--white);
    background-color: var(--mainColor);
    border-radius: var(--size4);
  }
  
  .pagination li a {
    color: #555;
    line-height: 2.16;
    font-size: var(--ftS07rem);
    width: 30px;
    display: block;
}


.winView {
    background-color: var(--white);
    border-radius: var(--size8);
    padding: var(--pd5) var(--pd20) var(--pd40);
    width: 100% !important;
}

.winView>h4 {
    font-size: var(--ftS03rem);
    line-height: 1.4;
    padding: var(--pd20) 0;
    border-bottom: 0.12rem solid var(--bf2);
    margin-bottom: var(--mg30);
}

.winView .textpt {
    padding-bottom: var(--pd40);
    min-height: 200px;
}

.winView .textpt img {
    height: auto;
    width: 100%;
    object-fit: contain;
}

.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,
.ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners,
.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
    width: auto !important;
}

.winView .PrevNext {
    margin-bottom: var(--mg30);
    border-bottom: 0.15rem solid var(--bf2);
    border-top: 0.15rem solid var(--bf2);

}

.winView .PrevNext a {
    display: flex;
    width: 100%;
    align-items: center;
    line-height: 3.36;
    font-size: var(--ftS06rem);
    font-weight: var(--ftW600);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
}

.winView .PrevNext a:first-child {
    border-bottom: 0.12rem solid var(--bf2);
}

.winView .PrevNext a span {
    width: 10%;
    text-align: center;
    margin-right: var(--mg10);
    color: var(--b999);
    font-weight: var(--ftW500);
}

.winView .PrevNext a span i {
    color: inherit;
    margin-right: var(--mg10);
    vertical-align: middle;
}

.winView button {
    appearance: none;
    cursor: pointer;
    display: block;
    width: 18%;
    font-size: var(--ftS05rem);
    border: 0.12rem solid var(--mainColor);
    border-radius: var(--size4);
    line-height: 3;
    margin: 0 auto;
    background-color: var(--white);
    font-weight: var(--ftW500);
    color: var(--mainColor);
}

.winView button:hover {
    background-color: var(--mainColor);
    color: var(--white);
    transition: 0.2s linear;
}

.winView .viewCate {
    background-color: var(--mainColor);
    color: var(--white);
    font-weight: var(--ftW500);
    font-size: var(--ftS06rem);
    margin-right: var(--mg10);
    padding: var(--pd5) var(--pd10);
    border-radius: var(--size4);
}

.writeForm {
    background-color: var(--white);
    border-radius: var(--size8);
    padding: var(--pd30);
}

.writeForm>div {
    display: flex;
    width: 100%;
    align-items: center;
}

.writeForm>div:not(:last-child) {
    background-color: var(--bEEE);
    border-top: 0.12rem solid var(--bD9);
    border-left: 0.12rem solid var(--bD9);
    border-right: 0.12rem solid var(--bD9);
}

.writeForm .top label,
.writeForm .mid label {
    width: 15%;
    text-align: center;
    font-size: var(--ftS05rem);
}

.writeForm .top input:not([type="radio"]),
.writeForm .mid textarea {
    width: 85%;
    font-size: var(--ftS06rem);
    padding: 0 var(--pd20);
    appearance: none;
    border: none;
    background-color: var(--white);
    border-left: 0.12rem solid var(--bD9);
}

.writeForm .mid textarea {
    resize: none;
    min-height: 400px;
    outline: none;
    padding: var(--pd20);
    border-bottom-right-radius: var(--size4);
}


.writeForm .top input {
    line-height: 3.1;
    border-bottom: none;
    padding: 0 var(--pd20);
    flex-grow: 1;
}

.writeForm .ck.ck-editor {
    flex-grow: 1;
    width: 85%;
}

.writeForm .bott {
    margin-top: var(--mg15);
}

.writeForm .mid {
    margin-bottom: var(--mg20);
    border-bottom: 0.12rem solid var(--bD9);
    border-bottom-right-radius: var(--size4);
    border-bottom-left-radius: var(--size4);
}

.writeForm .bott {
    justify-content: flex-end;
    gap: 1%;
}

.writeForm .bott input {
    line-height: 3;
    border-radius: var(--size4);
    padding: 0 var(--pd40);
    background-color: var(--white);
    color: var(--mainColor);
    font-size: var(--ftS07rem);
    cursor: pointer;
    border: 0.12rem solid var(--mainColor);
}

.writeForm .bott input:hover {
    background-color: var(--mainColor);
    color: var(--white);
    transition: 0.2s linear;
}

.writeForm .selBox {
    width: 85%;
    position: relative;
}

.writeForm .selBox span {
    font-size: var(--ftS06rem);
    padding: 0 var(--pd20);
    background-color: var(--white);
    border-left: 0.12rem solid var(--bD9);
    display: block;
    width: 100%;
    line-height: 3;
    cursor: pointer;
}

.writeForm .selBox span::after {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: block;
    width: var(--ftS08rem);
    height: var(--ftS08rem);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: top right;
    font-size: var(--ftSrem12);
    line-height: 1;
    color: #232323;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: var(--pd20);

}

.writeForm .selBox:has(ul.open) span::after {
    transform: rotate(180deg) translateY(50%);
}

.writeForm .selBox ul {
    z-index: 3;
    max-height: 0;
    overflow-y: hidden;
    width: 100%;
    position: absolute;
    background-color: var(--white);
}

.writeForm .selBox ul.open {
    border: 0.12rem solid var(--bD9);
    max-height: 300px;
    transition: 0.4s linear;
}

.writeForm .selBox ul li {
    font-size: var(--ftS06rem);
    padding: 0 var(--pd20);
    line-height: 3;
    cursor: pointer;
}

.writeForm .selBox ul li:hover {
    background-color: var(--mainOpColor);
    transition: 0.1s linear;
}

.ck-editor__editable[role="textbox"] {
    min-height: 450px;
}

.writeForm .lockBox :is(.lockQnaT, label) {
    width: 15%;
    text-align: center;
}

.writeForm .lockBox .lockCheck {
    width: 35%;
    padding: 0 var(--pd20);
    background-color: var(--white);
    border-left: 0.12rem solid var(--bD9);
    border-right: 0.12rem solid var(--bD9);
}

.writeForm .lockBox .lockCheck * {
    line-height: 3;
    vertical-align: middle;
    cursor: pointer;
}

.writeForm .lockBox .lockCheck input {
    padding: 0;
}

.writeForm .lockBox .lockCheck input:last-of-type {
    margin-left: var(--mg15);
}

.writeForm .lockBox input[type="password"] {
    width: 35%;
}

.ansCon {
    margin-bottom: var(--mg30);
    border-radius: var(--size8);
    background-color: #f3fbff;
    overflow: hidden;
}

.ansCon :is(.ansli, .ansTopBox) {
    background-color: #f3fbff;
    display: flex;
    align-items: flex-start;
    width: 100%;
    gap: var(--mg15);
    padding: var(--pd20) 0;
    max-width: calc(100% - 40px);
    margin: auto;
}
.ansCon #cmtList{
    flex-direction: column;
}

.ansCon #cmtList:not(:nth-last-of-type(1)){
  border-bottom: 0.12rem solid #D9D9D9;
}

.ansCon :is(.ansli, .ansTopBox) .ansBox {
    flex-grow: 1;
    width: 100%;
}

.ansCon :is(.ansli, .ansTopBox) .top {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: var(--mg10);
    font-size: var(--ftS06rem);
    margin-bottom: var(--mg10);
}

.ansCon :is(.ansli, .ansTopBox) .top span {
    color: var(--b999);
    font-size: var(--ftS08rem);
}

.ansCon :is(.ansli, .ansTopBox) .top>span {
    margin-right: auto;
}

.ansCon :is(.ansli, .ansTopBox) .top span span {
    margin-left: var(--mg10);
}

.ansCon :is(.ansli, .ansTopBox) .moreEd {
    position: relative;
    width: 20px;
    text-align: right;
}

.ansCon :is(.ansli, .ansTopBox) .moreEd i {
    cursor: pointer;
    display: block;
}

.ansCon :is(.ansli, .ansTopBox) .moreEd i:hover {
    color: var(--mainColor);
    transition: 0.15 linear;
}

.ansCon :is(.ansli, .ansTopBox) .moreEd:has(ul.open) i {
    color: var(--mainColor);
}

.ansCon :is(.ansli, .ansTopBox) .moreEd ul {
    position: absolute;
    background-color: var(--white);
    border-radius: var(--size4);
    box-shadow: var(--shadow2);
    min-width: 70px;
    left: -40px;
    margin-top: var(--mg15);
    padding: var(--pd10);
    z-index: 2;
    display: none;
}

.ansCon :is(.ansli, .ansTopBox) .moreEd ul.open {
    display: block;
}

.ansCon :is(.ansli, .ansTopBox) .moreEd ul::after {
    border-bottom: 16px solid var(--white);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 0px solid transparent;
    content: "";
    position: absolute;
    top: calc(-1* var(--mg10));
    left: 50px;
    box-shadow: var(--shadow2);

}

.ansCon :is(.ansli, .ansTopBox) .moreEd ul li {
    text-align: center;
    cursor: pointer;
    line-height: 2.5;
    font-weight: var(--ftW600);
    font-size: var(--ftS07rem);
}

.ansCon :is(.ansli, .ansTopBox) .moreEd ul li:hover {
    color: var(--mainColor);
    transition: 0.15 ease-in;
}

.ansCon :is(.ansli, .ansTopBox) .mid {
    font-weight: var(--ftW500);
    font-size: var(--ftS07rem);
    word-spacing: 1;
    line-height: 1.3;
    margin-bottom: var(--mg10);
    resize: none;
    min-height: 15px;
}

.ansCon :is(.ansli, .ansTopBox) textarea.mid {
    padding: var(--pd10);
    width: 100%;
    overflow: hidden;
    border-color: transparent;
    margin-bottom: 0;
    min-height: 93px;
}

.ansCon :is(.ansli, .ansTopBox) .ansBox button {
    margin: 0 0 0 auto;
    width: 40px;
    line-height: 2;
    font-size: var(--ftS08rem);
    font-weight: var(--ftW500);
}


.ansCon .reCoBox {
    background-color: #e8f4fb;
    border-radius: var(--size8);
    width: 100%;
}

.ansCon .reComenLi {
    gap: var(--mg5);
    background-color: transparent;
    width: auto;
    padding: var(--pd20) 0;
    margin: 0 var(--pd20);
}

.ansCon .reComenLi:not(:last-of-type) {
    border-bottom: 0.06rem dashed var(--bAAA);
}

.ansCon .reComenLi::before {
    content: "ㄴ";
    color: var(--bAAA);
    font-size: var(--ftS06rem);
    font-weight: var(--ftW700);
}

.ansCon :is(.ansli, .ansTopBox) .ansBox .bott {
    background-color: var(--white);
    border: 0.06rem solid var(--bD9);
    border-radius: var(--size8);
    overflow: hidden;
}

.ansCon :is(.ansli, .ansTopBox) .ansBox .bott span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.06rem solid var(--bD9);
}

.ansCon :is(.ansli, .ansTopBox) .ansBox .bott span input[type="file"] {
    display: none;
}

.ansCon :is(.ansli, .ansTopBox) .ansBox .bott span label i {
    padding: 0 var(--pd20);
    font-size: var(--ftS07rem);
    cursor: pointer;
    line-height: 2.6;
}

.ansCon :is(.ansli, .ansTopBox) .ansBox .bott span label i:hover {
    color: var(--mainColor);
}

.ansCon :is(.ansli, .ansTopBox) .ansBox .bott span input[type="password"] {
    margin-left: auto;
    appearance: none;
    border: none;
    padding: 0 var(--pd20);
    width: 28%;
    border-left: 0.06rem solid var(--bD9);
    line-height: 2.7;
    font-size: var(--ftS07rem);
    min-width: 256px;
    border-radius: 0;
}

.ansCon :is(.ansli, .ansTopBox) .ansBox .bott span button {
    margin: 0;
    border: none;
    background-color: var(--mainColor);
    height: 100%;
    line-height: 2.7;
    border-radius: 0;
    color: var(--white);
    letter-spacing: 2;
    width: 7%;
    min-width: 70px;
    font-size: var(--ftS07rem);
}

.ansCon :is(.ansli, .ansTopBox) .ansBox .bott span button:hover {
    background-color: var(--hovColor);
}