@charset "utf-8";

/* 공통 테이블 */
.com-tbl-wrap {word-break: break-all;}
.com-tbl-wrap table {text-align: center;}
.com-tbl-wrap th {font-weight: 600;}
.com-tbl-wrap.va-baseline :where(th,td) {vertical-align: baseline;}

.com-tbl-wrap.type-01 {}
.com-tbl-wrap.type-01 table {border-top: 2px solid var(--border--table-td); border-left: 1px solid var(--border--table-td); background-color: #fff;}
.com-tbl-wrap.type-01 :where(th,td) {border-right: 1px solid var(--border--table-td); border-bottom: 1px solid var(--border--table-td); padding: 14px 10px;}
.com-tbl-wrap.type-01 td {background-color: var(--bg--bg-primary);}
.com-tbl-wrap.type-01 th {background-color: #f9f9f9;}
html[data-mode="dark"] .com-tbl-wrap.type-01 th {background-color: #1F2021;}

.com-tbl-wrap.type-02 {font-size: 16px; word-break: break-all;}
.com-tbl-wrap.type-02 table {border-top: 2px solid var(--border--board-header); position: relative;}
.com-tbl-wrap.type-02 table::after {content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background-color: #fff;}
html[data-mode="dark"] .com-tbl-wrap.type-02 table::after {background-color: var(--bg--bg-primary);}
.com-tbl-wrap.type-02 :where(th,td) {border-bottom: 1px solid var(--border--table-td); border-right: 1px solid var(--border--table-td); padding: 12px 5px;}
.com-tbl-wrap.type-02 th {font-weight: 600; background-color: var(--bg--board-header);}
.com-tbl-wrap.type-02 td {color: var(--contents--text-color555);}

.com-tbl-wrap.type-03 {}
.com-tbl-wrap.type-03 table {border-left: 1px solid var(--border--table-td); border-top: 1px solid var(--border--board-header);}
.com-tbl-wrap.type-03 :where(th,td) {padding: 20px 10px; border-right: 1px solid var(--border--table-td); border-bottom: 1px solid var(--border--table-td);}
.com-tbl-wrap.type-03 th {font-size: 17px; background-color: var(--bg--board-header);}
.com-tbl-wrap.type-03 td {font-size: 16px; font-weight: 500;}

.com-tbl-wrap.type-04 {font-size: 16px;}
.com-tbl-wrap.type-04 table {border-top: 2px solid var(--border--board-header);}
.com-tbl-wrap.type-04 :where(th,td) {padding: 15px 10px; border-bottom: 1px solid var(--border--table-td); word-break: break-all;}
.com-tbl-wrap.type-04 col:not(:last-of-type) {border-right: 1px solid var(--border--table-td);}
.com-tbl-wrap.type-04 th {background-color: var(--bg--board-header); font-weight: 600;}
.com-tbl-wrap.type-04 td {font-weight: 400;}
.com-tbl-wrap.type-04 .ta-left-pdlr {text-align: left; padding: 0 10px;}
.com-tbl-wrap.type-04 .color-inherit {color: inherit;}

.com-tbl-wrap.type-05 {font-size: 16px; font-weight: 500; line-height: 1.4;}
.com-tbl-wrap.type-05 :where(th,td) {border: 1px solid var(--border--table-td);}
.com-tbl-wrap.type-05 thead th {color: #fff; background-color: #004386; border-color: #2A5A8B; font-size: 17px; font-weight: 500; padding: 20px 10px;}
.com-tbl-wrap.type-05 thead th.active {background-color: #006CD9;}
.com-tbl-wrap.type-05 thead .date {font-weight: 400; font-size: 14px; color: #B5D5FF;}
.com-tbl-wrap.type-05 tbody th {background-color: var(--bg--sub_content-box03); font-weight: inherit;}
.com-tbl-wrap.type-05 tbody th.type-02 {font-size: 18px; font-weight: 600;}
.com-tbl-wrap.type-05 tbody :where(th,td) {padding: 25px 10px;}
.com-tbl-wrap.type-05 .txt-list-01 {display: flex; flex-direction: column; justify-content: center; gap: 2px; white-space: normal;}
.com-tbl-wrap.type-05 .holiday {color: var(--contents--accent-color);}
.com-tbl-wrap.type-05 .txt-list-02 {text-align: left; padding: 0 20px;}
.com-tbl-wrap.type-05 .txt-list-02 > div {line-height: 1.5;}
.com-tbl-wrap.type-05 .txt-list-02 > div:not(:first-of-type) {margin-top: 10px;}
.com-tbl-wrap.type-05 .txt-list-02 dd {margin-top: 5px;}
.com-tbl-wrap.type-05 .txt-list-02 dt {font-weight: 800;}
.com-tbl-wrap.type-05 .txt-list-02 dd {width: 100%;}

.com-tbl-wrap.type-06 {border-top: 2px solid var(--border--board-header);}
.com-tbl-wrap.type-06 table {border-bottom: 1px solid #aaa; text-align: left;}
html[data-mode="dark"] .com-tbl-wrap.type-06 table {border-bottom-color: #393939;}
.com-tbl-wrap.type-06 tr:not(:last-of-type) {border-bottom: 1px solid var(--border--table-td);}
.com-tbl-wrap.type-06 th {padding: 15px 30px; background-color: #fbfbfb;}
html[data-mode="dark"] .com-tbl-wrap.type-06 th {background-color: var(--bg--bg-primary); border-right: 1px solid #333;}
.com-tbl-wrap.type-06 td {padding: 15px 20px;}
.com-tbl-wrap.type-06 td.no-pda {padding: 0;}



@media screen and (max-width: 1080px) {
    .com-tbl-wrap.type-01 {font-size: 14px;}
    .com-tbl-wrap.type-01 :where(th,td) {padding: 12px 10px;}

    .com-tbl-wrap.type-02 {font-size: 14px;}

    .com-tbl-wrap.type-03 :where(th,td) {padding: 12px 10px;}
    .com-tbl-wrap.type-03 th {font-size: 15px;}
    .com-tbl-wrap.type-03 td {font-size: 14px;}

    .com-tbl-wrap.type-04 {font-size: 14px;}
    .com-tbl-wrap.type-04 :where(th,td) {padding: 10px;}
    .com-tbl-wrap.type-04 .ta-left-pdlr {padding: 0 3px;}

    .com-tbl-wrap.type-05 {font-size: 14px;}
    .com-tbl-wrap.type-05 thead th {font-size: 15px;}
    .com-tbl-wrap.type-05 thead .date {font-size: 13px;}
    .com-tbl-wrap.type-05 tbody th.type-02 {font-size: 16px;}
    .com-tbl-wrap.type-05 tbody :where(th,td) {padding: 20px 10px;}
    .com-tbl-wrap.type-05 .txt-list-02 {padding: 0 10px;}
    .com-tbl-wrap.type-05 .txt-list-02 > div {gap: 10px;}
    .com-tbl-wrap.type-05 .txt-list-02 dt {width: 80px;}

    .com-tbl-wrap.type-06 {font-size: 14px;}
    .com-tbl-wrap.type-06 td {padding: 10px 15px;}
    .com-tbl-wrap.type-06 th {padding: 10px 20px;}

}

@media screen and (max-width: 768px) {
    /* 스크롤 O */
    .com-tbl-wrap.scroll::-webkit-scrollbar {width: 3px; height:3px;}
    .com-tbl-wrap.scroll::-webkit-scrollbar-thumb {background: #a9a9a9;}
    .com-tbl-wrap.scroll {overflow: auto;}
    .com-tbl-wrap.scroll table {width: 900px;}

    /* th,td width 100% */
    .com-tbl-wrap.mob-no-table {}
    .com-tbl-wrap.mob-no-table table {text-align: center;}
    .com-tbl-wrap.mob-no-table colgroup {display: none;}
    .com-tbl-wrap.mob-no-table :where(table,tbody,tr,th,td) {display: block; width: 100%;}
    .com-tbl-wrap.mob-no-table :where(th,td) {padding: 12px 10px;}
    .com-tbl-wrap.mob-no-table th {border-bottom: 1px solid var(--border--table-td); border-top: 1px solid var(--border--table-td);}
    .com-tbl-wrap.type-06 tr:not(:last-of-type) {border: none;}
}

/* 테이블 주석 */
.com-tbl-info-01 {font-size: 15px; font-weight: 500; margin-top: 20px; color: #888;}

@media screen and (max-width: 1080px) {
    .com-tbl-info-01 {font-size: 13px; margin-top: 15px;}
}




/* 게시판 리스트 07 */
.com-brd-list-07 {}
.com-brd-list-07 > li {display: flex; gap: 30px;}
.com-brd-list-07 > li:not(:last-of-type) {margin-bottom: 40px;}
.com-brd-list-07 .com-calendar-01 {flex-shrink: 0; width: 320px;}
.com-brd-list-07 .com-list-01 {width: 100%; overflow: auto;}
.com-brd-list-07 .com-list-01 dl {max-height: 264px;}
.com-brd-list-07 .com-list-01 dl > div {display: flex; align-items: flex-start;}
.com-brd-list-07 .com-list-01 dt {flex-shrink: 0; width: 150px; padding: 0; background-color: transparent; padding: 12px 0; border-right: none; margin-left: 10px;}
.com-brd-list-07 .com-list-01 dt span {display: block; padding: 3px 20px; position: relative; z-index: 0;}
.com-brd-list-07 .com-list-01 dt span::before {border-radius: 5px; content: ""; width: 8px; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
.com-brd-list-07 .com-list-01 .multi span { border-radius: 5px;}
.com-brd-list-07 .com-list-01 dt.multi span::before { border-radius: 5px;}
.com-brd-list-07 .com-list-01 dd {padding: 15px; padding-right: 20px;}
.com-brd-list-07 .com-list-01 .beforeColor1 span::before {background-color: rgba(53, 118, 151, 0.8); width: 8px;}
.com-brd-list-07 .com-list-01 .beforeColor2 span::before {background-color: rgba(175, 97, 95, 0.8); width: 8px;}
.com-brd-list-07 .com-list-01 .beforeColor3 span::before {background-color: rgba(127, 127, 167, 0.8); width: 8px;}
.com-brd-list-07 .com-list-01 .beforeColor4 span::before {background-color: rgba(111, 155, 121, 0.8); width: 8px;}
.com-brd-list-07 .com-list-01 .beforeColor5 span::before {background-color: rgba(238, 212, 140, 0.8); width: 8px;}    
.com-brd-list-07 .com-list-01 .multi.beforeColor1 span {background-color: rgba(53, 118, 151, 0.4);}
.com-brd-list-07 .com-list-01 .multi.beforeColor2 span {background-color: rgba(175, 97, 95, 0.4);}
.com-brd-list-07 .com-list-01 .multi.beforeColor3 span {background-color: rgba(127, 127, 167, 0.4);}
.com-brd-list-07 .com-list-01 .multi.beforeColor4 span {background-color: rgba(111, 155, 121, 0.4);}
.com-brd-list-07 .com-list-01 .multi.beforeColor5 span {background-color: rgba(238, 212, 140, 0.4);} 

@media screen and (max-width: 1080px) {
    .com-brd-list-07 > li {gap: 20px;}
    .com-brd-list-07 > li:not(:last-of-type) {margin-bottom: 30px;}
    .com-brd-list-07 .com-calendar-01 {width: 290px;}
  .com-brd-list-07 .com-list-01 {width: 100%; overflow: auto;}
.com-brd-list-07 .com-list-01 dl {max-height: 264px;}
  .com-brd-list-07 .com-list-01 dl > div {display: flex; align-items: flex-start;}
.com-brd-list-07 .com-list-01 dt {flex-shrink: 0; width: 150px; padding: 0; background-color: transparent; padding: 12px 0; border-right: none;}
.com-brd-list-07 .com-list-01 dt span {display: block; padding: 3px 20px; position: relative; z-index: 0;}
.com-brd-list-07 .com-list-01 dt span::before {content: ""; width: 8px; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
.com-brd-list-07 .com-list-01 dt.multi span::before {}
.com-brd-list-07 .com-list-01 dd {padding: 15px; padding-right: 20px;}
.com-brd-list-07 > li.type-02 .com-list-01 dl {max-height: 230px;}

    
}

@media screen and (max-width: 768px) {
    .com-brd-list-07 > li {flex-wrap: wrap; gap: 15px;}
    .com-brd-list-07 .com-calendar-01 {width: 290px;}
    .com-brd-list-07 .com-list-01 dl {max-height: 257px;}
    .com-brd-list-07 > li.type-02 .com-list-01 dl {max-height: 230px;}
  
      .com-brd-list-07 .com-list-01 dt {width: 125px; padding: 10px 0;}
    .com-brd-list-07 .com-list-01 dt span {padding: 3px 15px;}
    .com-brd-list-07 .com-list-01 dd {padding: 12px; padding-right: 15px;}
  
    .com-brd-list-07 .com-list-01 > div:last-of-type {border-bottom: none;}
}

/* CALENDAR */
.com-calendar-01 {background-color: var(--bg--bg-content_01); border: 1px solid var(--border--table-td); border-top: 2px solid var(--border--board-header); padding: 15px 10px; text-align: center; word-break: break-all;}
.com-calendar-01 .date {font-size: 20px; font-weight: 800; text-align: center; margin-bottom: 15px;}
.com-calendar-01 thead {font-weight: 800; font-size: 17px;}
.com-calendar-01 thead th {padding: 0 3px 10px; letter-spacing: -1px;}
.com-calendar-01 tbody {font-size: 15px; font-weight: 600;}
.com-calendar-01 .day {width: 27px; height: 27px; display: flex; justify-content: center; align-items: center; text-align: center; margin: 0 auto;}
html[data-mode="dark"] .com-calendar-01 .sun {color: #FF0000;}
html[data-mode="dark"] .com-calendar-01 .sat {color: #3A89FF;}
.com-calendar-01:not(.main) .hasEvent.line{border-bottom: 2px solid #5581ad;}
.com-calendar-01:not(.main) .active {width: 22px;height: 22px;background-color: var(--bg--bg-primary); border: 1px solid var(--main03); border-radius: 50%;}


/* CALENDAR-main */
.com-calendar-01.main {border-top:unset}
.com-calendar-01.main .date {font-size: 20px; font-weight: 800; margin-bottom: 20px;}
.com-calendar-01.main .day {width: 27px;height: 27px;display: flex;justify-content: center;align-items: center;text-align: center;margin: 1px auto;position: relative;z-index: 1;}
.com-calendar-01.main {border-left: none; border-bottom: none;}
.com-calendar-01.main.calendar .day::before {content: ""; display: none; width: 27px; height: 27px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; background-color: #d6d6d6; z-index: -1;}
html[data-mode="dark"] .com-calendar-01.main.calendar .day::before {background-color: #444;}
.com-calendar-01.main.calendar .day.active::before {display: block;}

/*  */
.com-calendar-01.main.calendar td {position: relative;}
.com-calendar-01.main.calendar td .day {z-index: 15;}
.com-calendar-01.main.calendar .event-one {width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; z-index: 10;}
.com-calendar-01.main.calendar .event-multi {height: 20px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;}
.com-calendar-01.main.calendar .event-multi.start {left: calc(50% - 10px); border-radius: 10px;}
.com-calendar-01.main.calendar .event-multi.one {left: 50%; transform: translate(-50%,-50%); border-radius: 50%;}

/* LIST */
.com-list-01 {border: 1px solid #ddd;}
.com-list-01 dl > div {display: flex; border-bottom: 1px dotted #ddd;}
.com-list-01 :where(dt,dd) {padding: 15px 20px;}
.com-list-01 dt {flex-shrink: 0; width: 280px; font-size: 16px; background-color:#f9f9f9; border-right: 1px dotted #ddd; font-weight: 600;}
.com-list-01 dt.empty {width: 100%;}
.com-list-01 dd {width: 100%; font-size: 17px; font-weight: 500; word-break: break-all; text-align:left;}

.com-list-01.none {border: none;}
.com-list-01.academic {border-top: 2px solid var(--border--table-td);border-bottom: 2px solid var(--border--table-td); border-left: none; border-right: none;}


/* MOVE BOX */
.com-move-box-01 {display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 13px 0; border-top: 2px solid #004386; border-bottom: 1px solid #6e6e6e47;}
.com-move-box-01 .btn-box {display: flex; align-items: center; font-size: 17px; font-weight: 600; gap: 10px;}
.com-move-box-01 .btn-box button {width: 50px; height: 50px; background-color: var(--bg--bg-primary); display: flex; justify-content: center; align-items: center; border: 1px solid #ddd; border-radius: 50%;}
.com-move-box-01 .btn-box button:where(:hover,:focus) {background-color: #f1f1f1;}
html[data-mode="dark"] .com-move-box-01 .btn-box button:where(:hover,:focus) {background-color: #000;}
.com-move-box-01 .txt {font-size: 20px; font-weight: 600; text-align: center;}


@media screen and (max-width: 1400px) { 
}

@media screen and (max-width: 1280px) { 
    .com-calendar-01 .date {font-size: 18px;}
    .com-calendar-01 thead {font-size: 15px;}
    .com-calendar-01 tbody {font-size: 14px;}

    .com-list-01 :where(dt,dd) {padding: 12px 15px;}
    .com-list-01 dt {width: 220px; font-size: 14px;}
    .com-list-01 dd {font-size: 15px;}

    .com-move-box-01 {padding: 10px 0;}
    .com-move-box-01 .btn-box {font-size: 15px;}
    .com-move-box-01 .btn-box button {width: 40px; height: 40px;}
    .com-move-box-01 .btn-box img {width: 9px;}
    .com-move-box-01 .txt {font-size: 18px;}
}

@media screen and (max-width: 768px) {
    .com-move-box-01 .txt {font-size: 17px;}
}

@media screen and (max-width: 480px) { 
    .com-list-01 dl > div {flex-wrap: wrap; text-align: center;} 
    .com-list-01 dl > div:last-of-type {border-bottom: none;}
    .com-list-01 dt {width: 100%; border-bottom: 1px dotted #aaa; border-right: none;}
    .com-list-01 dd {width: 100%; font-size: 14px;}

    .com-move-box-01 {gap: 15px;}
    .com-move-box-01 .btn-box {font-size: 13px; gap: 6px;}
    .com-move-box-01 .btn-box button {width: 30px; height: 30px;}
    .com-move-box-01 .btn-box img {width: 7px;}
    .com-move-box-01 .txt {font-size: 16px;}
}



/*  */

.com-calendar-02 {background-color: var();}
.com-calendar-02 thead {background-color: #eee; color: var(--black); font-weight: bold;}
.com-calendar-02 thead th.sun {background-color: #ccc;}
.com-calendar-02 thead th.sat {background-color: #ccc;}
.com-calendar-02 :where(.kor,.eng) {display: block;}
.com-calendar-02 .kor {font-size: 17px; margin-bottom: 5px;}
.com-calendar-02 .eng {font-size: 15px;}
.com-calendar-02 thead th {padding: 20px 10px;}
.com-calendar-02 tbody {font-size: 15px; font-weight: 500;}
.com-calendar-02 tbody td {height: 100px; vertical-align: baseline;}
.com-calendar-02 :where(th,td) {border: 1px solid #aaaaaa59;}
.com-calendar-02 .day-box {display: flex; align-items: flex-start;}
.com-calendar-02 .day {position: relative; z-index: 0; display: flex; align-items: flex-start; gap: 10px; padding: 12px 15px 0;}
.com-calendar-02 .day-info {position: relative; z-index: 0; display: flex; align-items: flex-start; gap: 10px; padding: 12px 15px 0;}
.com-calendar-02 .day::before {content: ""; display: none; width: 27px; height: 27px; border: 1px solid var(--main03); border-radius: 50%; background-color: var(--key-date); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -1;}
.com-calendar-02 .day.active::before {display: block;}
.com-calendar-02 .event-list {color: var(--contents--third); padding: 12px 0;}
.com-calendar-02 .event-list > li {position: relative; padding: 3px 15px; z-index: 1;}
.com-calendar-02 .event-list > li:not(:last-of-type) {margin-bottom: 5px;}
.com-calendar-02 .event-list > li .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.com-calendar-02 .event-list >  li:not(.start):not(.one) span.text{visibility: hidden;}

.com-calendar-02 .event-list > li.one {margin-left: 15px;}
.com-calendar-02 .event-list > li.start {margin-left: 15px;}
.com-calendar-02 .event-list > li.end {margin-right: 15px;}
.com-calendar-02 .event-list > li.start .bg {border-radius: 5px 0 0 5px;}
.com-calendar-02 .event-list > li.end .bg {border-radius: 0 5px 5px 0;}
.com-calendar-02 .event-list > li.one::before { border-radius: 5px; content: ""; width: 8px; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
.com-calendar-02 .event-list > li.start::before { border-radius: 5px; content: ""; width: 8px; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
.com-calendar-02 .event-list > li.beforeColor1:not(.one) .bg {background-color: rgba(53, 118, 151, 0.4);} 
.com-calendar-02 .event-list > li.beforeColor1::before {background-color: rgba(53, 118, 151, 0.8);} 
.com-calendar-02 .event-list > li.beforeColor2:not(.one) .bg {background-color: rgba(175, 97, 95, 0.4);}  
.com-calendar-02 .event-list > li.beforeColor2::before {background-color: rgba(175, 97, 95, 0.8);}
.com-calendar-02 .event-list > li.beforeColor3:not(.one) .bg {background-color: rgba(127, 127, 167, 0.4);}
.com-calendar-02 .event-list > li.beforeColor3::before {background-color: rgba(127, 127, 167, 0.8);}
.com-calendar-02 .event-list > li.beforeColor4:not(.one) .bg {background-color: rgba(111, 155, 121, 0.4);}
.com-calendar-02 .event-list > li.beforeColor4::before {background-color: rgba(111, 155, 121, 0.8);}
.com-calendar-02 .event-list > li.beforeColor5:not(.one) .bg {background-color: rgba(238, 212, 140, 0.4);}
.com-calendar-02 .event-list > li.beforeColor5::before {background-color: rgba(238, 212, 140, 0.8);}

@media screen and (max-width: 1280px) {
    .com-calendar-02 .kor {font-size: 15px; margin-bottom: 3px;}
    .com-calendar-02 .eng {font-size: 13px;}
    .com-calendar-02 thead th {padding: 12px 10px;}
    .com-calendar-02 tbody {font-size: 13px;}
    .com-calendar-02 tbody td {}
    .com-calendar-02 .day-box {gap: 7px;}
    .com-calendar-02 .day::before {width: 24px; height: 24px;}
    .com-calendar-02 .event-list {margin-top: 15px;}
    .com-calendar-02 .event-list > li::before {top: 6px;}
}

@media screen and (max-width: 768px) {
    .com-calendar-02 {overflow: auto;}
    .com-calendar-02 table {width: 900px;}
}


/* 공통 테이블 */
.com-tbl-wrap {word-break: break-all;}
.com-tbl-wrap table {text-align: center;}
.com-tbl-wrap th {font-weight: 600;}
.com-tbl-wrap.va-baseline :where(th,td) {vertical-align: baseline;}

.com-tbl-wrap.type-04 {font-size: 16px;}
.com-tbl-wrap.type-04 table {border-top: 2px solid #004386;}
.com-tbl-wrap.type-04 :where(th,td) {padding: 15px 10px; border-bottom: 1px solid #ddd; word-break: break-all;}
.com-tbl-wrap.type-04 col:not(:last-of-type) {border-right: 1px solid #ddd;}
.com-tbl-wrap.type-04 th {background-color:#fcfcfc; font-weight: 600;}
.com-tbl-wrap.type-04 td {font-weight: 400; white-space: normal;}
.com-tbl-wrap.type-04 .ta-left-pdlr {text-align: left; padding: 0 10px;}
.com-tbl-wrap.type-04 .color-inherit {color: inherit;}


@media screen and (max-width: 1080px) {
    .com-tbl-wrap.type-04 {font-size: 14px;}
    .com-tbl-wrap.type-04 :where(th,td) {padding: 10px;}
    .com-tbl-wrap.type-04 .ta-left-pdlr {padding: 0 3px;}
}

@media screen and (max-width: 768px) {
    /* 스크롤 O */
    .com-tbl-wrap.scroll::-webkit-scrollbar {width: 3px; height:3px;}
    .com-tbl-wrap.scroll::-webkit-scrollbar-thumb {background: #a9a9a9;}
    .com-tbl-wrap.scroll {overflow: auto;}
    .com-tbl-wrap.scroll table {width: 900px;}

    /* th,td width 100% */
    .com-tbl-wrap.mob-no-table {}
    .com-tbl-wrap.mob-no-table table {text-align: center;}
    .com-tbl-wrap.mob-no-table colgroup {display: none;}
    .com-tbl-wrap.mob-no-table :where(table,tbody,tr,th,td) {display: block; width: 100%;}
    .com-tbl-wrap.mob-no-table :where(th,td) {padding: 12px 10px;}
    .com-tbl-wrap.mob-no-table th {border-bottom: 1px solid var(--border--table-td); border-top: 1px solid var(--border--table-td);}
    .com-tbl-wrap.type-06 tr:not(:last-of-type) {border: none;}
}


/* 테이블 주석 */
.com-tbl-info-01 {font-size: 15px; font-weight: 500; margin-top: 20px; color: #888;}

@media screen and (max-width: 1080px) {
    .com-tbl-info-01 {font-size: 13px; margin-top: 15px;}
}


/* 게시판 리스트 01 */
.com-brd-list-01 {text-align: center; border-top: 2px solid var(--border--board-header);}
.com-brd-list-01 table {}
.com-brd-list-01 :where(td,th) {padding: 12px 5px;}
.com-brd-list-01 tr {border-bottom: 1px solid var(--border--table-td);}
.com-brd-list-01 .td-title .etc-list {--gap-pdl: 16px;display: flex;gap: 5px var(--gap-pdl);font-size: 15px;flex-wrap: wrap;color: #666;}
.com-brd-list-01 .td-title .etc-list li {position: relative;}
.com-brd-list-01 .td-title .etc-list li:not(:first-of-type) {padding-left: var(--gap-pdl);}
.com-brd-list-01 .td-title .etc-list li:not(:first-of-type)::before {content: "";width: 2px;height: 60%;background-color: #ddd;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
/* .com-brd-list-01 .td-title .etc-list .view-cnt .txt {display: none;} */
html[data-mode="dark"] .com-brd-list-01 .td-title .etc-list li:not(:first-of-type)::before {background-color: #777;}
.com-brd-list-01 .td-title .title {display: block;width: fit-content;text-align: left;line-height: 1.4;margin-bottom: 3px;font-weight: 600;width: 100%;font-size: 17px; white-space: normal;}
.com-brd-list-01.survey .td-title .title {margin-bottom: 0;}
.com-brd-list-01 .td-title .title:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
.com-brd-list-01 .td-title .title img {display: inline-block; vertical-align: text-bottom;}
.com-brd-list-01 .td-title .title :where(.icon-reply, .icon-lock) {margin-right: 5px;}
.com-brd-list-01 .td-title .title .icon-new {margin-left: 5px;}
.com-brd-list-01 .td-title .title .icon-notice {display: none;}
.com-brd-list-01 .icon-download {width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; color: var(--contents--dominant-color); border-radius: 3px; border: 1px solid #aaa; background-color: var(--bg--bg-primary); margin: 0 auto; font-size: 16px;}
.com-brd-list-01 .icon-download:where(:hover,:focus) {filter: brightness(0.9);}
html[data-mode="dark"] .com-brd-list-01 .icon-download:where(:hover,:focus) {border-color: #333;}
.com-brd-list-01 .brd-writer {font-size: 15px;}
.com-brd-list-01 :where(.tag-type-01,.tag-type-02) {padding: 8px; font-size: 14px; border-radius: 15px;}
.com-brd-list-01 .tag-type-01 {max-width: 85px; width: 100%; color: #fff; background-color: #444;}
.com-brd-list-01 .tag-type-02 {max-width: 55px; width: 100%;}
.com-brd-list-01 .tag-type-02.type-01 {color: #fff; background-color: #004386;}
.com-brd-list-01 .tag-type-02.type-02 {color: #fff; background-color: #888;}
.com-brd-list-01 .td-icon-notice .icon-notice {margin: 0 auto;}
.com-brd-list-01 .tr-noticed {background-color: var(--bg--bg-content_01);}
.com-brd-list-01 .tr-closed {background-color: #f9f9f9; color:#888}
html[data-mode="dark"] .com-brd-list-01 .tr-closed {background-color: inherit; filter: brightness(0.5);}
.com-brd-list-01 .answer-status {font-weight: 600;}
.com-brd-list-01 .answer-complete {color: var(--contents--tab-default);}
.com-brd-list-01 .answer-waiting {color: var(--contents--tab-active);}
.hashtag a{ padding: 5px 8px; background-color: #004386; color: #fff;}
.tbl_board_nodata{color: #777; text-align: center;}

.com-brd-list-01.dg01 tr td {padding:20px 40px; line-height:1.6; white-space: normal;}
.com-brd-list-01.dg01 tr td:first-child {border-right:1px solid #ddd;}
.com-brd-list-01.dg01 tr .dg02 {border-left:1px solid #ddd;}
.com-brd-list-01.dg01 tr .dg03 span {margin-left:30px;}
.com-brd-list-01.dg01 tr .dg03 span.location {margin-left:0;}

.brd-progress {background:#006CD9; color:#fff; font-size:18px; font-weight:600; padding:10px 0; margin-left:40px; border-radius:50px;}
.brd-progress.end {background:#aaa;}

@media screen and (max-width: 1280px) {
    .com-brd-list-01 {font-size: 14px;}
    .com-brd-list-01 .td-title .etc-list {--gap-pdl: 10px; font-size: 13px;}
    .com-brd-list-01 .brd-writer {font-size: 13px;}
    .com-brd-list-01 .td-title .title {margin-bottom: 5px;}
    .com-brd-list-01 .td-title .title .icon-new {width: 17px; margin-left: 3px; padding-bottom: 1px;}
    .com-brd-list-01 .td-title .title :where(.icon-reply, .icon-lock) {margin-right: 3px;}
    .com-brd-list-01 :where(.tag-type-01,.tag-type-02) {font-size: 13px; padding: 6px 8px;}
    .com-brd-list-01 .tag-type-01 {max-width: 65px;}

    .brd-progress {font-size:16px;}
}

@media screen and (max-width: 768px) {

    /* 스크롤로 변경 */
    .com-brd-list-01.scroll {overflow: auto;}
    .com-brd-list-01.scroll table {width: 900px;}
    .com-brd-list-01.scroll :where(.tag-type-01,.tag-type-02) {font-size: 12px;}


    /* 다른 스타일로 변경 */
    .com-brd-list-01.normal table {}
    .com-brd-list-01.normal colgroup {display: none;}
    .com-brd-list-01.normal tr {display: flex; align-items: center; flex-wrap: wrap; padding: 12px; gap: 13px 8px;}
    .com-brd-list-01.normal .td-title {order: -1; width: 100%;}
    .com-brd-list-01.normal :where(td,th) {padding: 0;}
    .com-brd-list-01.normal .td-title .title .icon-notice {display: inline-block; padding-right: 5px; padding-bottom: 2.5px;}
    .com-brd-list-01.normal .brd-num {display: none;}
    .com-brd-list-01.normal :where(.tag-type-01,.tag-type-02) {font-size: 12px; padding: 5px 8px; max-width: unset; width: auto;}
    .com-brd-list-01.normal .icon-notice {width: 23px;}
    .com-brd-list-01.normal .td-title .etc-list .view-cnt .txt {display: inline;}
    .com-brd-list-01.normal .td-icon-notice {display: none;}
    .com-brd-list-01.normal .tr-normal .td-title .icon-notice { display: none;}

    .com-brd-list-01 .td-title .title {font-size:15px;}

    .com-brd-list-01.dg01 tr td {padding:15px;}

    .brd-progress {font-size:14px; padding:8px 40px; margin-left:0; border-radius:5px;}
}

@media screen and (max-width: 480px) {
    .com-brd-list-01.dg01 tr .dg03 {display:flex; flex-direction:column; text-align:left;}
    .com-brd-list-01.dg01 tr .dg03 span {margin-left:0;}
}


/* 게시판 헤드 01 */
.com-brd-hd-01 {display: flex; flex-wrap: wrap-reverse; justify-content: space-between; align-items: flex-start; gap: 25px 10px; margin-bottom: 15px;}
.com-brd-hd-01 .cnt-box {display: flex; align-items: center; gap: 12px;}
.com-brd-hd-01 .cnt-box b {color:#004386;}
.com-brd-hd-01 .cnt-box .page-cnt {font-size: 14px;}
.com-brd-hd-01 .srch-box {--h: 45px; display: flex; align-items: center; gap: 10px;}
.com-brd-hd-01 .srch-box select {width: 135px; height: var(--h); background-color: var(--bg--bg-primary); border: none; border-bottom: 1px solid var(--border--content-box); appearance: none; background-position: center right 5px; background-size: 11px; padding-right: 25px;}
.com-brd-hd-01 .srch-box option {background-color: var(--bg--bg-primary);}
.com-brd-hd-01 .brd-type-list {display: flex; border: 1px solid var(--border--table-td); border-radius: 5px; overflow: hidden;}
.com-brd-hd-01 .brd-type-list button {width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: var(--bg--bg-primary);}
.com-brd-hd-01 .brd-type-list button:not(.active):where(:hover,:focus) {filter: brightness(0.9);}
.com-brd-hd-01 .brd-type-list button.active {background-color: #4A5164;}
.com-brd-hd-01 .brd-type-list button.active img {filter: brightness(0) invert(1);}
.com-brd-hd-01 .input-box {height: var(--h); position: relative;}
.com-brd-hd-01 .input-box input {width: 260px; height: 100%; border: none; border-bottom: 1px solid var(--border--content-box); padding-left: 10px; padding-right: 40px; background-color: var(--bg--bg-primary);}
.com-brd-hd-01 .input-box .btn-srch {position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}

.com-brd-hd-01.dg01 {display:block; margin-bottom:30px;}
.com-brd-hd-01.dg01 .srch-box {width:100%;}
.com-brd-hd-01.dg01 .srch-box select {width:450px;}
.com-brd-hd-01.dg01 .input-box {width:100%;}
.com-brd-hd-01.dg01 .input-box input {width:100%;}

@media screen and (max-width: 1080px) {
    .com-brd-hd-01 {font-size: 14px; margin-bottom: 10px;}
    .com-brd-hd-01 .srch-box {--h: 38px; gap: 7px;}
    .com-brd-hd-01 .srch-box select {width: 85px; background-size: 9px; padding-right: 20px;}
    .com-brd-hd-01 .input-box input {width: 200px;}
    .com-brd-hd-01 .cnt-box {gap: 8px;}
    .com-brd-hd-01 .cnt-box .page-cnt {font-size: 13px;}
    .com-brd-hd-01 .input-box .btn-srch {width: 18px;}
    .com-brd-hd-01 .brd-type-list button {width: 35px; height: 35px;}
    .com-brd-hd-01 .brd-type-list button img {height: 12px;}
}

@media screen and (max-width: 768px) {
    .com-brd-hd-01 .srch-box {width: 100%;}
    .com-brd-hd-01 .srch-box select {flex-shrink: 0;}
    .com-brd-hd-01 .input-box {width: 100%;}
    .com-brd-hd-01 .input-box input {width: 100%;}
    .com-brd-hd-01 .brd-type-list {flex-shrink: 0;}

    .com-brd-hd-01.dg01 .srch-box select {width:30%;}
}

@media screen and (max-width: 480px) {
    .com-brd-hd-01 .srch-box select {width: 75px;}
}

/* 게시판 페이지네이션 01 */
.com-pagination-01 {--next-prev-mg-lr: 8px; --i-mg-lr: -3px; display: flex; gap: 4px; font-size: 15px; justify-content: center; margin-top: 46px; flex-wrap: wrap;}
.com-pagination-01 li {}
.com-pagination-01 button {width: 30px; height: 35px; display: flex; justify-content: center; align-items: center; text-align: center; background-color: var(--bg--bg-primary); border: 1px solid var(--border--pagination); color: var(--btn--btn444);}
.com-pagination-01 button:not(.active):where(:hover,:focus) {background-color: #f1f1f1;}
html[data-mode="dark"] .com-pagination-01 button:not(.active):where(:hover,:focus) {background-color: #000;}
.com-pagination-01 button.active {color: #fff; background-color: var(--contents--accent-color); border: none;}
html[data-mode="dark"] .com-pagination-01 button.active {background-color: var(--btn--btn-color02);}
.com-pagination-01 button i {font-size: 13px;}
.com-pagination-01 .btn-prev {margin-right: var(--next-prev-mg-lr);}
.com-pagination-01 .btn-next {margin-left: var(--next-prev-mg-lr);}
.com-pagination-01 :where(.btn-begin,.btn-end) i:first-of-type {margin-right: var(--i-mg-lr);}
.com-pagination-01 :where(.btn-begin,.btn-end) i:last-of-type {margin-left: var(--i-mg-lr);}

@media screen and (max-width: 768px) {
    .com-pagination-01 {--next-prev-mg-lr: 3px; font-size: 13px;}
    .com-pagination-01 button {width: 25px; height: 30px;}
    .com-pagination-01 button i {font-size: 11px;}
}


/* 게시글 헤드 01 */
.com-post-hd-01 {border-top: 2px solid var(--border--board-header); border-bottom: 1px solid var(--border--table-td); padding: 30px 20px; white-space: normal;}
.com-post-hd-01 .deadline-box {display: flex; align-items: flex-start; justify-content: center; gap: 10px; margin-bottom: 25px;}
.com-post-hd-01 .status {flex-shrink: 0; font-size: 14px; border-radius: 50px; padding: 7px 16px;}
.com-post-hd-01 .status.type-01 {background-color: #004386; color: #fff;}
.com-post-hd-01 .status.type-02 {background-color: #888; color: #fff;}
.com-post-hd-01 .deadline {font-size: 15px; padding-top: 6px;}
.com-post-hd-01 .title {font-size: 20px; font-weight: 600; text-align: center;}
.com-post-hd-01 .etc-list {--mgpd-r: 16px;display: flex;justify-content: center;align-items: center;margin-top: 13px;flex-wrap: wrap;gap: 5px var(--mgpd-r);color: #666;font-weight: 300;font-size: 15px;}
.com-post-hd-01 li:not(:last-of-type) {padding-right: var(--mgpd-r); position: relative;}
.com-post-hd-01 li:not(:last-of-type)::after {content: ""; width: 1px; height: 70%; background-color: #666; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
html[data-mode="dark"] .com-post-hd-01 li:not(:last-of-type)::after {background-color: #666;}

@media screen and (max-width: 1080px) {
    .com-post-hd-01 {padding: 20px;}
    .com-post-hd-01 .deadline-box {gap: 7px; margin-bottom: 20px;}
    .com-post-hd-01 .status {font-size: 13px; padding: 5px 12px;}
    .com-post-hd-01 .deadline {font-size: 14px; padding-top: 4px;}
    .com-post-hd-01 .title {font-size: 18px;}
    .com-post-hd-01 .etc-list {--mgpd-r: 10px; font-size: 14px; margin-top: 10px;}
}

@media screen and (max-width: 768px) {
    .com-post-hd-01 {padding: 15px 10px;}
    .com-post-hd-01 .deadline-box {margin-bottom: 13px;}
    .com-post-hd-01 .status {font-size: 12px; padding: 5px 10px;}
    .com-post-hd-01 .deadline {font-size: 13px;}
    .com-post-hd-01 .title {font-size: 16px;}
    .com-post-hd-01 .etc-list {--mgpd-r: 7px; font-size: 13px;}
}

/* 게시글 파일리스트 01 */
.com-post-files-01 {font-size: 15px; background-color: #fbfbfb; border-top: 1px solid #ddd; padding: 30px 25px; white-space: normal;}
html[data-mode="dark"] .com-post-files-01 {background-color: #dddddd20; border-top: none;}
.com-post-files-01 .icon-paperclip {transform: rotate(45deg); font-size: 18px;}
.com-post-files-01 li:not(:last-of-type) {margin-bottom: 10px;}
.com-post-files-01 button {display: flex; gap: 10px; text-align: left;}
.com-post-files-01 button:where(:hover,:focus) .file-name {text-decoration: underline; text-underline-position: under;}

@media screen and (max-width: 1080px) {
    .com-post-files-01 {font-size: 14px; padding: 20px;}
    .com-post-files-01 button {gap: 5px;}
    .com-post-files-01 .icon-paperclip {font-size: 16px;}
}

@media screen and (max-width: 768px) {
    .com-post-files-01 {font-size: 13px; padding: 15px;}
    .com-post-files-01 .icon-paperclip {font-size: 15px;}
}

/* 게시글 내용 */
.com-post-content-01 {min-height: 300px; padding: 55px 60px; font-size: 17px; line-height: 1.6; border-bottom: 1px solid var(--border--table-td); white-space: normal;    text-align: initial;}
.com-post-content-01.no-border-bottom {border-bottom: none;}
.com-post-content-01.no-pdlr {padding-left: 0; padding-right: 0; position:relative; z-index:0;}
.com-post-content-01 img{margin:0 auto !important; display:block;}
.com-post-content-01 figure img{margin:0 auto !important; display:block;}

.com-post-content-02 {border-top: 2px solid var(--border--board-header); display: flex; flex-direction: column; margin-bottom:50px; gap: 40px;}

@media screen and (max-width: 1080px) {
    .com-post-content-01 {min-height: 220px; font-size: 15px; padding: 35px;}
    .com-post-content-02 {padding: 20px 20px 60px;}
}

@media screen and (max-width: 768px) {
    .com-post-content-01 {font-size: 14px; padding: 20px;}
    .com-post-content-02 {gap: 30px; padding: 15px 10px 20px; margin-bottom:0;}
}

/* 게시글 고정 글귀 01 */
.com-post-fixed-box-01 {margin-bottom: 30px;}
.com-post-fixed-box-01 img {margin: 0 auto;}

@media screen and (max-width: 1080px) {
    .com-post-fixed-box-01 {margin-bottom: 20px;}
    .com-post-fixed-box-01 img {max-height: 100px;}
}

@media screen and (max-width: 768px) {
    .com-post-fixed-box-01 {margin-bottom: 10px;}
}


/* 게시글 해시태그 */
.com-post-tag-list {padding: 12px 25px; display: flex; flex-direction: column; gap: 15px; border: 1px solid var(--border--table-td);margin-bottom: 15px;}
.com-post-tag-list .show-box {display: flex; align-items: flex-start; gap: 15px; font-size: 16px;}
.com-post-tag-list .icon-tag {margin-top: 6px;}
.com-post-tag-list .list {display: flex; align-items: flex-start; flex-wrap: wrap; gap: 5px 10px;}
.com-post-tag-list .list li:not(.btn-add) {display: block; padding: 5px 10px; background-color: #F6F6F6; border: 1px solid #eee;}
html[data-mode="dark"] .com-post-tag-list .list li:not(.btn-add) {background-color: #bbbbbb1f;}
.com-post-tag-list .btn-remove {font-size: 13px; margin-left: 5px;}
.com-post-tag-list input {max-width: 270px; padding: 0 12px;}
.com-post-tag-list .add-box {display: flex; height: 40px;}
.com-post-tag-list .btn-add {flex-shrink: 0; width: 40px; background-color: #004386; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 20px;}
.com-post-tag-list .btn-add:where(:hover,:focus) {filter: brightness(0.8);}
.com-post-tag-list .btn-add i {font-weight: 800;}

@media screen and (max-width: 1080px) {
    .com-post-tag-list {font-size: 13px; padding: 12px 20px; gap: 12px;}
    .com-post-tag-list .list {gap: 5px 7px;}
    .com-post-tag-list .icon-tag {width: 16px;}
    .com-post-tag-list .btn-add {width: 40px; font-size: 18px;}
    .com-post-tag-list input {padding: 0 10px;}
    .com-post-tag-list .show-box {font-size: 14px;}
  	.com-post-tag-list .btn-remove {font-size: 12px;}
}

@media screen and (max-width: 768px) {
    .com-post-tag-list {padding: 15px;}
    .com-post-tag-list .add-box {height: 38px;}
    .com-post-tag-list input {max-width: unset;}
}


/* 게시글 이동 박스 */
.com-post-move-box {border-top: 1px solid var(--border--table-td); border-bottom: 1px solid var(--border--table-td);}
.com-post-move-box > div {display: flex; align-items: center; padding: 12px 0; white-space: normal;}
.com-post-move-box > div:not(:last-of-type) {border-bottom: 1px solid var(--border--table-td);}
.com-post-move-box dt {flex-shrink: 0; font-size: 16px; display: flex; align-items: center; gap: 20px; font-weight: 600; padding: 0 30px;}
.com-post-move-box dt img {width: 10px;}
html[data-mode="dark"] .com-post-move-box dt img {filter: brightness(0) invert(1);}
.com-post-move-box dd {padding-right: 30px;}
.com-post-move-box dd a {font-size: 16px; text-align:left;}
.com-post-move-box dd a:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
.com-post-move-box .prev-box dt img {transform: rotate(180deg);}

@media screen and (max-width: 1080px) {
    .com-post-move-box dt {font-size: 15px; gap: 10px; padding: 0 20px;}
    .com-post-move-box dt img {width: 9px;}
    .com-post-move-box dd a {font-size: 14px;}
}

@media screen and (max-width: 768px) {
    .com-post-move-box > div {flex-wrap: wrap; padding: 0;}
    .com-post-move-box dt {width: 100%; padding: 10px; justify-content: center; background-color: #f1f1f1; border-bottom: 1px solid #ddd; font-size: 14px;}
    html[data-mode="dark"] .com-post-move-box dt {background-color: #333; border-color: var(--border--table-td);}
    .com-post-move-box dd {width: 100%; padding: 12px 10px; text-align: center; font-size: 13px;}
}


/* 댓글 전체 */
.com-reply-box {margin-bottom: 100px;}
.com-reply-box > .comment-cnt-box {font-weight: 600; margin-bottom: 15px; text-align:left;}
.com-reply-box > .comment-cnt-box .cnt {color: var(--contents--accent-color); font-size: 18px;}
.com-reply-box > .comment-list-box {border-top: 2px solid #004386; margin-top: 28px; border-bottom: 1px solid var(--border--table-td);}
.com-reply-box > .comment-list-box .no-reply {padding: 22px 26px; font-size: 15px; color: #888; text-align: center;}
.com-reply-box > .comment-list-box .list {background-color: #f9f9f9;}

@media screen and (max-width: 768px) {
    .com-reply-box {margin-bottom: 50px;}
    .com-reply-box > .comment-list-box .no-reply {font-size: 14px;}
}

/* 댓글 입력창 */
.com-reply-write-box {min-height: 110px; display: flex;}
.com-reply-write-box.type-02 {padding-left: 25px; background: url('/resources/user/mobile/img/icon/icon_reply_02.svg') no-repeat left top 8px;}
html[data-mode="dark"] .com-reply-write-box.type-02 {background-image: url('/resources/user/mobile/img/icon/icon_reply_03.svg');}
.com-reply-write-box .write-box {width: 100%; border: 1px solid #aaa; padding: 15px 20px; background-color: var(--bg--bg-primary);}
html[data-mode="dark"] .com-reply-write-box .write-box {border-color: var(--border--table-td);}
.com-reply-write-box .btn-post {flex-shrink: 0; width: 120px; background-color: #444; color: #fff;}
.com-reply-write-box .btn-post:where(:hover,:focus) {filter: brightness(0.8);}
.com-reply-write-box .info-box {display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 8px; row-gap: 5px; column-gap: 20px;}
html[data-mode="dark"] .com-reply-write-box .info-box {margin-bottom: 10px;}
.com-reply-write-box .name {font-size: 14px; font-weight: 600;}
.com-reply-write-box textarea {font-size: 15px; resize: vertical; padding: 7px; border: none; line-height: 1.3;}
.com-reply-write-box .com-checkbox-01 {font-size: 13px;}
.com-reply-write-box .com-checkbox-01 .square {width: 16px; height: 16px;}
.com-reply-write-box .com-checkbox-01 label {gap: 5px;}

@media screen and (max-width: 768px) {
    .com-reply-write-box {flex-wrap: wrap; min-height: unset;}
    .com-reply-write-box.type-02 {background-size: 10px; padding-left: 20px;}
    .com-reply-write-box .write-box {padding: 12px 15px;}
    .com-reply-write-box .name {font-size: 13px;}
    .com-reply-write-box textarea {font-size: 14px; padding: 5px; height: 80px;}
    .com-reply-write-box .btn-post {width: 100%; padding: 10px; font-size: 13px;}
    .com-reply-write-box .com-checkbox-01 {font-size: 12px;}
    .com-reply-write-box .com-checkbox-01 .square {width: 14px; height: 14px;}
    .com-reply-write-box .info-box {margin-bottom: 5px;}
}

/* 댓글 */
.com-comment-box {--pd-lr: 20px; --pd-tb: 15px; display: flex; align-items: flex-start; background-color: var(--bg--bg-primary);}
.com-comment-box, .com-comment-box > .inner {gap: 13px;}
.com-comment-box:is(.type-03,.type-04) {padding: 0 var(--pd-lr);}
.com-comment-box:is(.type-03,.type-04) > .inner .box-01 {padding: var(--pd-tb) 0; border: none;}
.com-comment-box.type-02 {padding-left: var(--pd-lr);}
.com-comment-box.type-02 > .inner .box-01 {padding: var(--pd-tb) var(--pd-lr); padding-left: 0;}
.com-comment-box.type-03 {border-top: 1px solid var(--border--table-td);}
.com-comment-box.type-04 > .inner {border-top: 1px solid var(--border--table-td);}
.com-comment-box > .icon-reply {margin-top: 17px;}
html[data-mode="dark"] .com-comment-box > .icon-reply {filter: brightness(0) invert(1);}
.com-comment-box > .inner .icon-lock {margin-top: 15px;}
.com-comment-box > .inner {width: 100%; display: flex; align-items: flex-start;}
.com-comment-box > .inner .box-01 {width: 100%; padding: var(--pd-tb) var(--pd-lr); border-top: 1px solid var(--border--table-td);}
.com-comment-box .box-01 > .hd-box {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; column-gap: 20px; row-gap: 5px;}
.com-comment-box .box-01 > .hd-box .info-box {display: flex; flex-wrap: wrap; align-items: center; row-gap: 5px; column-gap: 12px;}
.com-comment-box .box-01 > .hd-box .info-box .name {font-size: 14px; font-weight: 600;}
.com-comment-box .box-01 > .hd-box .info-box .name.my-reply {color: var(--contents--accent-color);}
.com-comment-box .box-01 > .hd-box .info-box .date {font-size: 12px; color: #666;}
html[data-mode="dark"] .com-comment-box .box-01 > .hd-box .info-box .date {color: #999;}
.com-comment-box .box-01 > .hd-box .util-list {--col-gap-pd-r: 10px; font-size: 13px; display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--col-gap-pd-r); row-gap: 5px;}
.com-comment-box .box-01 > .hd-box .util-list li {}
.com-comment-box .box-01 > .hd-box .util-list li:not(:last-of-type) {border-right: 1px solid #aaa; padding-right: var(--col-gap-pd-r);}
.com-comment-box .box-01 > .hd-box .util-list a {}
.com-comment-box .box-01 > .hd-box .util-list a:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
.com-comment-box .comment-ctt {font-size: 15px; color: #333; margin-top: 12px; white-space: normal;}
html[data-mode="dark"] .com-comment-box .comment-ctt {color: var(--contents--primary);}
.com-comment-box .com-reply-write-box {margin-top: 15px;}

@media screen and (max-width: 768px) {
    .com-comment-box {--pd-lr: 15px; --pd-tb: 12px;}
    .com-comment-box, .com-comment-box > .inner {gap: 8px;}
    .com-comment-box .box-01 > .hd-box .info-box {column-gap: 10px;}
    .com-comment-box .box-01 > .hd-box .info-box .name {font-size: 13px;}
    .com-comment-box .box-01 > .hd-box .info-box .date {font-size: 11px;}
    .com-comment-box .box-01 > .hd-box .util-list {--col-gap-pd-r: 5px; font-size: 12px;}
    .com-comment-box .comment-ctt {font-size: 14px; margin-top: 10px;}
    .com-comment-box > .icon-reply {width: 10px; margin-top: 15px;}
    .com-comment-box > .inner .icon-lock {width: 10px; margin-top: 12px;}
}


/* 게시글 내용없음 */
.com-no-content {color: var(--contents--primary); font-size: 16px; text-align: center; padding: 90px 0;border-bottom: 1px solid var(--border--table-td);}

/* 신청자없음*/
#apply-list-wrap .com-no-content{padding: 30px 0;}



/* 게시글 작성 */
.com-post-write {}
.com-post-write.admin {}
.com-post-write.admin .com-tbl-wrap.type-06 td {padding: 10px;}
.com-post-write.admin .com-tbl-wrap.type-06 th {padding: 10px 30px;}
.com-post-write.admin :where(input:where([type="text"],[type="password"],[type="number"]), select) {height: 40px; padding: 0 10px;}
.com-post-write.admin textarea {height: 170px;}

.com-post-write .mw-440 {max-width: 440px;}
.com-post-write .mw-230 {max-width: 230px;}
.com-post-write .icon-star {color: #FF0000; font-weight: 800; padding-right: 5px;}
.com-post-write :where(input:where([type="text"],[type="password"],[type="number"]), select) {height: 50px; padding: 0 12px;}
.com-post-write textarea {height: 246px; padding: 10px 15px;}
.com-post-write select {padding-right: 30px; background-position: center right 10px;}
html[data-mode="dark"] .com-post-write select {background-image: url("/resources/user/mobile/img/icon/icon_arrow_down_01.svg");}
.com-post-write input:where([type="text"],[type="password"],[type="number"]) {width: 100%;}
.com-post-write .phone {display: flex; align-items: center; gap: 7px;}
.com-post-write .phone li:not(.dash) {width: 100%; max-width: 160px;}
.com-post-write .phone .dash {flex-shrink: 0;}
.com-post-write .phone select {width: 100%;}
.com-post-write .com-post-tag-list {padding: 25px 20px;}
.com-post-write .com-post-tag-list .add-box {height: auto;}
.com-post-write .robot-block {display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px;}

@media screen and (max-width: 1080px) {
    .com-post-write.admin textarea {height: 130px;}
    .com-post-write.admin :where(input:where([type="text"],[type="password"],[type="number"]), select) {height: 35px; padding: 5px 8px;}

    .com-post-write :where(input:where([type="text"],[type="password"],[type="number"]), select) {height: 40px; padding: 0 9px;}
    .com-post-write .phone li:not(.dash) {max-width: 120px;}
    .com-post-write .com-post-tag-list {padding: 15px;}
    .com-post-write textarea {height: 190px; padding: 10px;}
}

@media screen and (max-width: 768px) {
    .com-post-write :is(.mw-440,.mw-230) {max-width: unset;}
    .com-post-write .phone {gap: 4px;}
    .com-post-write .phone li:not(.dash) {max-width: unset;}
}

/* 게시글 작성 02 */
.com-post-write-02 {}
.com-post-write-02 .icon-star {color: #FF0000; position: absolute; top: 3px; left: 0;}
.com-post-write-02 .footnote {color: var(--contents--text-color555); font-size: 15px; margin-top: 10px;}
html[data-mode="dark"] .com-post-write-02 .footnote {color: #eee;}
.com-post-write-02 textarea {height: 446px; padding: 10px;}
.com-post-write-02 .th-title {position: relative; padding-left: 18px;}
.com-post-write-02 .th-title .txt-01 {font-size: 14px; font-weight: 500;}
.com-post-write-02 :is(.com-radio-01 .circle, .com-checkbox-01 .square) {width: 20px; height: 20px;}
.com-post-write-02 :is(.com-radio-01 label, .com-checkbox-01 label) {gap: 10px;}
.com-post-write-02 .mw-440 {max-width: 440px;}
.com-post-write-02 .mw-160 {max-width: 160px;}
.com-post-write-02 .mw-200 {max-width: 200px;}
.com-post-write-02 .mw-535 {max-width: 535px;}
.com-post-write-02 .mw-215 {max-width: 215px;}
.com-post-write-02 .mw-160 {max-width: 160px;}
.com-post-write-02 :is(input:is([type="text"],[type="password"],[type="number"]), select) {width: 100%; height: 40px;}
.com-post-write-02 input:is([type="text"],[type="password"],[type="number"]) {padding: 0 12px; border: 1px solid var(--border--table-td);}
.com-post-write-02 input:is([type="text"],[type="password"],[type="number"]):disabled {border-color: #ccc; background-color: #f1f1f1; color: #888;}
html[data-mode="dark"] .com-post-write-02 input:is([type="text"],[type="password"],[type="number"]):disabled {background-color: #111; border-color: #333; color: #666;}
.com-post-write-02 .tel {display: flex; align-items: center; gap: 5px;}
.com-post-write-02 .sel-01 {padding-left: 12px; padding-right: 35px; background: url("/resources/user/mobile/img/icon/icon_triangle_down_01.svg") no-repeat center right 12px;}
html[data-mode="dark"] .com-post-write-02 .sel-01 {background-image: url("/resources/user/mobile/img/icon/icon_triangle_down_dark_01.svg");}
.com-post-write-02 .sel-02 {padding-left: 20px; padding-right: 35px; background: url("/resources/user/mobile/img/icon/icon_down_arrow_04.svg") no-repeat center right 8px;}
html[data-mode="dark"] .com-post-write-02 .sel-02 {background-image: url("/resources/user/mobile/img/icon/icon_down_arrow_dark_04.svg");}
html[data-mode="dark"] .com-post-write-02 :is(.sel-01,.sel-02) {background-color: #ffffff1a;}
.com-post-write-02 .addr {display: flex; flex-direction: column; gap: 5px;}
.com-post-write-02 .post-num {display: flex;}
.com-post-write-02 .post-num input {border-right: none;}
.com-post-write-02 .post-num button {flex-shrink: 0; min-width: 94px; height: 40px; border: 1px solid #aaa; padding: 0 10px;}
.com-post-write-02 .post-num button:where(:hover,:focus) {background-color: #f1f1f1;}
.com-post-write-02 .flex-01 {display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px;}
.com-post-write-02 .flex-02 {display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; padding: 5px 0;}
.com-post-write-02 .flex-02 .txt {font-weight: 800;}
.com-post-write-02 .flex-03 {display: flex; gap: 5px;}
.com-post-write-02 .flex-03 select {width: 100%;}
.com-post-write-02 .template-01 {}
.com-post-write-02 .template-01 > div {display: flex; flex-wrap: wrap; align-items: center; gap: 10px 40px; padding: 10px 20px;}
.com-post-write-02 .template-01 > div:not(:last-of-type) {border-bottom: 1px solid var(--border--table-td);}
.com-post-write-02 .template-01 dt {font-weight: 600;}
.com-post-write-02 .template-01 dd {display: flex; align-items: center; gap: 5px 10px;}
.com-post-write-02 .template-01 :is(select,input:is([type="text"],[type="password"])) {width: 125px;}
.com-post-write-02 .template-02 {display: flex; align-items: center; gap: 10px;}
.com-post-write-02 .template-03 {display: flex; align-items: center; flex-wrap: wrap; gap: 10px 20px;}
.com-post-write-02 .template-03 > .lb {display: flex; align-items: center; gap: 20px;}
.com-post-write-02 .template-03 > .lb .com-checkbox-01 {flex-shrink: 0;}
.com-post-write-02 .template-03 .input-box {display: flex; align-items: center; gap: 5px;}
.com-post-write-02 .template-03 .input-box input {max-width: 160px;}
.com-post-write-02 .template-04 {display: flex; flex-wrap: wrap; align-items: center; gap: 15px 20px; padding: 8px 0;}
.com-post-write-02 .photo-list {padding: 10px 0;}
.com-post-write-02 .photo-list .list {display: flex; justify-content: space-between; gap: 10px; padding-bottom: 10px;}
.com-post-write-02 .photo-list .list li {width: 190px; height: 150px; position: relative; border: 5px solid #ddd;}
html[data-mode="dark"] .com-post-write-02 .photo-list .list li {border-color: #777;}
.com-post-write-02 .photo-list .list li.li-add-photo {border: 1px solid #A3A8B4;}
.com-post-write-02 .photo-list .list li.li-add-photo a {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; font-weight: 600; color: #fff; background-color: #A3A8B4; padding: 10px;}
.com-post-write-02 .photo-list .list li.li-add-photo a:where(:hover,:focus) {filter: brightness(0.8);}
.com-post-write-02 .photo-list .list .img-box {display: block; width: 100%; height: 100%;}
.com-post-write-02 .photo-list .list .img-box img {width: 100%; height: 100%; object-fit: cover;}
.com-post-write-02 .photo-list .list .txt {position: absolute; top: -5px; left: -5px; color: #fff; background-color: rgba(0, 0, 0, 0.8); padding: 7px 8px; font-size: 13px;}
.com-post-write-02 .photo-list .list .btn-cls {width: 25px; height: 25px; background-color: #000;  position: absolute; top: -5px; right: -5px; display: flex; justify-content: center; align-items: center; color: #fff;}
.com-post-write-02 .calendar-list {display: flex; align-items: center; gap: 5px;}
.com-post-write-02 .calendar-box {max-width: 160px; position: relative;}
.com-post-write-02 .calendar-box .icon-calendar {position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
html[data-mode="dark"] .com-post-write-02 .calendar-box .icon-calendar {filter: invert(1) opacity(0.7);}
.com-post-write-02 .robot-block {display: flex; flex-wrap: wrap; align-items: center; gap: 13px 10px;}
.com-post-write-02 .robot-block > .lb {display: flex; gap: 26px;}
.com-post-write-02 .robot-block :is(img,input) {height: 75px;}
.com-post-write-02 .robot-block input {max-width: 230px;}
.com-post-write-02 input#imgsettingbutton {background: #89898925;}
.com-post-write-02 #uploadFileDiv .row {border: 1px solid var(--border--table-td);}
.com-post-write-02 iframe {background-color:#fff;width:101% !important;}

@media screen and (max-width: 1080px) {
    .com-post-write-02 :is(.com-radio-01 .circle, .com-checkbox-01 .square) {width: 18px; height: 18px;}
    .com-post-write-02 :is(.com-radio-01 label, .com-checkbox-01 label) {gap: 7px;}
    .com-post-write-02 .th-title {padding-left: 15px;}
    .com-post-write-02 .icon-star {top: 2px;}
    .com-post-write-02 .calendar-box .icon-calendar {width: 18px;}
    .com-post-write-02 .robot-block > .lb {gap: 17px;}
    .com-post-write-02 .robot-block :is(img,input) {height: 55px;}
    .com-post-write-02 .post-num button {min-width: 75px;}
    .com-post-write-02 .template-01 {gap: 10px 30px;}
    .com-post-write-02 .template-01 :is(select,input:is([type="text"],[type="password"])) {width: 100px;}
    .com-post-write-02 .template-03 {justify-content: center;}
    .com-post-write-02 .sel-02 {padding-left: 15px; background-position: center right 12px;}
    .com-post-write-02 .photo-list .list li {width: 170px; height: 135px;}
    .com-post-write-02 .photo-list .list li.li-add-photo a {gap: 12px;}
    .com-post-write-02 .photo-list .list li.li-add-photo img {width: 33px;}
    .com-post-write-02 .photo-list .list .txt {font-size: 12px;}
    .com-post-write-02 .photo-list .list .btn-cls {width: 20px; height: 20px; font-size: 12px;}
    .com-post-write-02 .footnote {font-size: 13px; margin-top: 5px;}

}

@media screen and (max-width: 768px) {
    .com-post-write-02 :is(input:is([type="text"],[type="password"]), select) {height: 38px;}
    .com-post-write-02 .th-title {padding-left: 0;}
    .com-post-write-02 .icon-star {position: static; padding-right: 5px;}
    .com-post-write-02 .mws {max-width: unset;}
    .com-post-write-02 .flex-01 {justify-content: center;}
    .com-post-write-02 .flex-02 {justify-content: center;}
    .com-post-write-02 .flex-02 .txt {width: 100%;}
    .com-post-write-02 .template-01 > div {justify-content: center; gap: 15px;}
    .com-post-write-02 .template-02 {justify-content: center;}
    .com-post-write-02 .template-03 .input-box input {max-width: 100px;}
    .com-post-write-02 .template-04 {justify-content: center;}
    .com-post-write-02 .photo-list .list {flex-wrap: wrap; justify-content: center;}
    .com-post-write-02 .photo-list .list li {width: 150px; height: 120px;}
    .com-post-write-02 .calendar-list {width: 100%;}
    .com-post-write-02 .calendar-box {width: 100%; max-width: unset;}
    .com-post-write-02 .robot-block {justify-content: center;}
    .com-post-write-02 .robot-block > .lb {width: 100%; gap: 10px;}
    .com-post-write-02 .robot-block img {flex-shrink: 0;}
    .com-post-write-02 .robot-block :is(img,input) {height: 50px;}
    .com-post-write-02 .robot-block input {max-width: unset;}
}

@media screen and (max-width: 480px) {

}



/* 설문조사 01 */
.com-survey-01 {--wh-pdl: 55px;}
.com-survey-01 .com-btn-box-05 {border-top: 1px solid var(--border--table-td); padding: 40px 0 60px;}
.com-survey-01 textarea {padding: 15px; height: 155px;}
.com-survey-01 .com-radio-01 .circle,
.com-survey-01 .com-checkbox-01 .square {width: 25px; height: 25px; border-color: #d9d9d9;}
html[data-mode="dark"] .com-survey-01 .com-radio-01 .circle,
html[data-mode="dark"] .com-survey-01 .com-checkbox-01 .square {background-color: var(--bg--bg-primary); border-color: #888;}

.com-survey-01 .com-radio-01 input[type="radio"]:checked + label .circle {border-width: 7px !important;}
.com-survey-01 :where(.com-radio-01, .com-checkbox-01) {width: fit-content;}
.com-survey-01 :where(.com-radio-01, .com-checkbox-01) label {gap: 11px;}
.com-survey-01 .survey-box {margin-top: 40px;}
.com-survey-01 .qa-box:not(:last-of-type) {margin-bottom: 20px;}
.com-survey-01 .title {font-size: 20px; font-weight: 600; margin-bottom: 26px; text-align:left;}
.com-survey-01 .question-box {display: flex; min-height: var(--wh-pdl);}
.com-survey-01 .question-box .num {flex-shrink: 0; width: var(--wh-pdl); display: flex; justify-content: center; align-items: center; background-color: #004386; color: #fff; font-weight: 600; font-size: 18px;}
.com-survey-01 .question-box .txt {width: 100%; text-align:left; background-color: var(--bg--bg-content_01); font-size: 17px; font-weight: 600; display: flex; flex-direction: column; justify-content: center; padding: 10px 20px;}
.com-survey-01 .answer-box {padding: 25px 0 25px var(--wh-pdl); display: flex; flex-direction: column; gap: 40px;}
.com-survey-01 .answer-box textarea::placeholder {color: var(--contents--text-color888);}

.com-survey-01 .multiple-choice-01 > li {display: flex; flex-direction: column; gap: 15px;}
.com-survey-01 .multiple-choice-01 > li:not(:last-of-type) {margin-bottom: 10px;}
.com-survey-01 .input-text-01 {width: 100%; padding: 0 20px; height: 55px;}
.com-survey-01 .multiple-choice-02 {display: flex; flex-direction: column; gap: 10px;}
.com-survey-01 .multiple-choice-02 .line-box {display: flex; align-items: center;}
.com-survey-01 .multiple-choice-02 .line-box > div {padding: 0 10px;}
.com-survey-01 .multiple-choice-02 .line-box > div:first-of-type {width: 30%; text-align: left; white-space:normal;}
.com-survey-01 .multiple-choice-02 .line-box > div:first-of-type::before,
.com-survey-01 .multiple-choice-02 .line-box > div:first-of-type::after {display: none;}
.com-survey-01 .multiple-choice-02 .line-box > div {width: calc(70% / 5); text-align: center; position: relative;}
.com-survey-01 .multiple-choice-02 .line-box > div::before,
.com-survey-01 .multiple-choice-02 .line-box > div::after {content: ""; width: 50%; border-top: 1px dashed var(--border--content-box); position: absolute; bottom: 12px;}
.com-survey-01 .multiple-choice-02 .line-box > div::before {left: 0;}
.com-survey-01 .multiple-choice-02 .line-box > div::after {left: 50%;}
.com-survey-01 .multiple-choice-02 .line-box > div:nth-of-type(2)::before,
.com-survey-01 .multiple-choice-02 .line-box > div:last-of-type::after {display: none;}
.com-survey-01 .multiple-choice-02 .line-box.hd-box {border-bottom: 1px solid var(--border--content-box); padding-bottom: 10px; margin-bottom: 7px;}
.com-survey-01 .multiple-choice-02 .line-box.hd-box > div:first-of-type {opacity: 0;}
.com-survey-01 .multiple-choice-02 .line-box.hd-box > div::before,
.com-survey-01 .multiple-choice-02 .line-box.hd-box > div::after {display: none;}
.com-survey-01 .multiple-choice-02 .com-radio-01 {margin: 0 auto; position: relative; z-index: 1;}
.com-survey-01 .multiple-choice-02 .com-radio-01 label {display: flex; flex-direction: column; gap: 5px; font-size: 13px;}
.com-survey-01 .multiple-choice-03 {}
.com-survey-01 .multiple-choice-03 .hd-box {background-color: var(--bg--sub_content-box03); text-align: center; padding: 20px 10px; margin-bottom: 27px; font-weight: 500;}
.com-survey-01 .multiple-choice-03 .degree-box {display: flex; align-items: center; gap: 20px; padding: 0 20px;}
.com-survey-01 .multiple-choice-03 .degree-box p {width: 12%;}
.com-survey-01 .multiple-choice-03 .degree-box p:last-of-type {text-align: right;}
.com-survey-01 .multiple-choice-03 .com-radio-02 label {margin: 0 auto;}
.com-survey-01 .multiple-choice-03 .list {width: 76%; display: flex; align-items: center;}
.com-survey-01 .multiple-choice-03 .list li {width: 100%; position: relative;}
.com-survey-01 .multiple-choice-03 .list li::before,
.com-survey-01 .multiple-choice-03 .list li::after {content: ""; width: 50%; border-top: 1px dashed #ddd; position: absolute; top: 50%; transform: translateY(-50%);}
.com-survey-01 .multiple-choice-03 .list li::before {left: 0;}
.com-survey-01 .multiple-choice-03 .list li::after {left: 50%;}
.com-survey-01 .multiple-choice-03 .list li:first-of-type::before,
.com-survey-01 .multiple-choice-03 .list li:last-of-type::after {display: none;}
.com-survey-01 .btn-01 {background-color: #eee; border-radius: 30px; padding: 5px 15px; font-size: 14px;}
html[data-mode="dark"] .com-survey-01 .btn-01 {background-color: #9292922C;}
.com-survey-01 .btn-01:where(:hover,:focus) {filter: brightness(0.9);}
.com-survey-01 .btn-box-01 {display: flex; flex-wrap: wrap; gap: 5px 10px;}
.com-survey-01 .chart-result-box-01 {display: flex; align-items: flex-start; gap: 40px; justify-content: space-between;}
.com-survey-01 .chart-result-box-01 .chart-box {width: 60%;}
.com-survey-01 .chart-result-box-01 .result-box {width: 40%;}
.com-survey-01 .chart-result-box-01 .result-box .list {}
.com-survey-01 .chart-result-box-01 .result-box .list li {display: flex; justify-content: space-between; gap: 20px;}
.com-survey-01 .chart-result-box-01 .result-box .list li:not(:last-of-type) {margin-bottom: 5px;}
.com-survey-01 .chart-result-box-01 .result-box .list .group-box {background-color: var(--bg--sub_content-box03);text-align: center;padding: 20px 10px;margin-bottom: 27px;font-weight: 500;display: flow-root;}
.com-survey-01 .chart-result-box-01 .result-box .list .type {display: flex; gap: 10px;}
.com-survey-01 .chart-result-box-01 .result-box .list .type .num {flex-shrink: 0; width: 26px; height: 26px; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #5479BF; border-radius: 3px; font-size: 13px; font-weight: 600;}
.com-survey-01 .chart-result-box-01 .result-box .list :where(.type .txt, .value) {padding-top: 4px;}
.com-survey-01 .chart-result-box-01 .result-box .list .value {flex-shrink: 0;}
.com-survey-01 .result-list-01 .cnt {text-align: right; margin-bottom: 10px;}
.com-survey-01 .result-list-01 .list {max-height: 201px; overflow: auto; background-color: #eee; border: 1px solid var(--border--table-td);}
html[data-mode="dark"] .com-survey-01 .result-list-01 .list {background-color: #9292922C;}
.com-survey-01 .result-list-01 .list > div {display: flex; align-items: center; padding: 10px 0;}
.com-survey-01 .result-list-01 .list > div:not(:last-of-type) {border-bottom: 1px solid var(--border--table-td);}
.com-survey-01 .result-list-01 dt {flex-shrink: 0; width: 130px; font-weight: 800; font-size: 14px; text-align: center;}
.com-survey-01 .result-list-01 dd {font-size: 16px; padding-right: 20px;}
html[data-mode="dark"] .com-survey-01 .apexcharts-text tspan {fill: #fff;}
html[data-mode="dark"] .com-survey-01 .apexcharts-menu-item {color: #000;}
html[data-mode="dark"] .com-survey-01 .apexcharts-tooltip {color: #000;}
html[data-mode="dark"] .com-survey-01 .apexcharts-data-labels text {fill: #fff;}

@media screen and (max-width: 1080px) {
    .com-survey-01 {--wh-pdl: 45px;}
    .com-survey-01 .title {font-size: 18px; margin-bottom: 20px;}
    .com-survey-01 .question-box .num {font-size: 16px;}
    .com-survey-01 .question-box .txt {font-size: 15px; padding: 10px 15px;}
    .com-survey-01 .answer-box {font-size: 14px; padding: 20px 0 20px var(--wh-pdl);}
    .com-survey-01 .com-radio-01 .circle,
    .com-survey-01 .com-checkbox-01 .square {width: 20px; height: 20px;}
    .com-survey-01 :where(.com-radio-01, .com-checkbox-01) label {gap: 9px;}
    .com-survey-01 .input-text-01 {height: 45px; padding: 0 15px;}
    .com-survey-01 .multiple-choice-02 .line-box > div::before,
    .com-survey-01 .multiple-choice-02 .line-box > div::after {bottom: 9px;}
    .com-survey-01 .multiple-choice-03 .com-radio-02 label {font-size: 15px; width: 45px; height: 45px;}
    .com-survey-01 .btn-01 {font-size: 13px; gap: 12px;}
    .com-survey-01 .btn-box-01 {gap: 5px;}
    .com-survey-01 .chart-result-box-01 .result-box .list .type {gap: 7px;}
    .com-survey-01 .chart-result-box-01 .result-box .list .type .num {font-size: 12px; width: 23px; height: 23px;}
    .com-survey-01 .result-list-01 dt {width: 90px; font-size: 13px;}
    .com-survey-01 .result-list-01 dd {font-size: 14px; padding-right: 10px;}
}

@media screen and (max-width: 768px) {
    .com-survey-01 {--wh-pdl : 40px;}
    .com-survey-01 textarea {padding: 10px; height: 120px;}
    .com-survey-01 .question-box .num {font-size: 15px;}
    .com-survey-01 .question-box .txt {font-size: 14px;}
    .com-survey-01 .multiple-choice-02 {gap: 30px;}
    .com-survey-01 .multiple-choice-02 .line-box.hd-box {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
    .com-survey-01 .multiple-choice-02 .line-box.hd-box > div {display: none;}
    .com-survey-01 .multiple-choice-02 .line-box.hd-box > div:first-of-type {opacity: 1; display: block; text-align: center; border: 1px solid var(--border--table-td); font-weight: 600; padding: 10px; margin-bottom: 0;}
    .com-survey-01 .multiple-choice-02 .line-box {flex-wrap: wrap;}
    .com-survey-01 .multiple-choice-02 .line-box > div {padding: 0; width: 20%;}
    .com-survey-01 .multiple-choice-02 .line-box > div:first-of-type {width: 100%; margin-bottom: 17px;}    .com-survey-01 .chart-result-box-01 {flex-wrap: wrap; gap: 0;}
    .com-survey-01 .multiple-choice-03 .hd-box {margin-bottom: 20px;}
    .com-survey-01 .multiple-choice-03 .degree-box {flex-wrap: wrap; justify-content: space-between; gap: 10px 0; padding: 0 10px;}
    .com-survey-01 .multiple-choice-03 .degree-box p {width: 40%; font-size: 13px;}
    .com-survey-01 .multiple-choice-03 .list {width: 100%; order: 3;}
    .com-survey-01 .multiple-choice-03 .com-radio-02 label {font-size: 13px; width: 40px; height: 40px;}
    .com-survey-01 .chart-result-box-01 .chart-box {width: 100%;}
    .com-survey-01 .chart-result-box-01 .result-box {width: 100%;}
}

@media screen and (max-width: 380px) {
    .com-survey-01 .answer-box {padding:20px 0 !important;}
}


/* 게시글 갤러리 슬라이드 01 */
.com-gallery-slider-01 {padding-bottom: 30px;}
.com-gallery-slider-01 .swiper-button-prev::after,
.com-gallery-slider-01 .swiper-button-next::after {display: none;}
.com-gallery-slider-01 :is(.swiper-button-prev, .swiper-button-next) {width: 30px; height: 100px; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translateY(-50%); margin: 0; padding: 0; background-color: #111;}
.com-gallery-slider-01 .swiper-button-prev {left: 0; right: unset;}
.com-gallery-slider-01 .swiper-button-next {right: 0; left: unset;}
.com-gallery-slider-01 .main-slider {height: 545px; margin-bottom: 20px; background-color: #333;}
.com-gallery-slider-01 .main-slider .swiper-slide {display: flex; justify-content: center; align-items: center; padding: 0 60px;}
.com-gallery-slider-01 .main-slider .swiper-slide img {max-height: 100%;}
.com-gallery-slider-01 .thumbnail-slider-wrapper {background-color: #333; position: relative; padding: 26px 54px;}
.com-gallery-slider-01 .thumbnail-slider {height: 120px;}
.com-gallery-slider-01 .thumbnail-slider .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}

@media screen and (max-width: 1080px) {
    .com-gallery-slider-01 :is(.swiper-button-prev, .swiper-button-next) {width: 27px; height: 90px;}
    .com-gallery-slider-01 :is(.swiper-button-prev, .swiper-button-next) img {width: 9px;}
    .com-gallery-slider-01 .main-slider {height: 480px; margin-bottom: 10px;}
    .com-gallery-slider-01 .main-slider .swiper-slide {padding: 0 45px;}
    .com-gallery-slider-01 .thumbnail-slider-wrapper {padding: 20px 45px;}
}

@media screen and (max-width: 768px) {
    .com-gallery-slider-01 :is(.swiper-button-prev, .swiper-button-next) {width: 24px; height: 75px;}
    .com-gallery-slider-01 :is(.swiper-button-prev, .swiper-button-next) img {width: 8px;}
    .com-gallery-slider-01 .main-slider {height: 420px;}
    .com-gallery-slider-01 .thumbnail-slider {height: 100px;}
}

@media screen and (max-width: 480px) {
    .com-gallery-slider-01 {padding-bottom: 20px;}
    .com-gallery-slider-01 .main-slider {height: 250px;}
    .com-gallery-slider-01 .main-slider .swiper-slide {padding: 0 35px;}
    .com-gallery-slider-01 .thumbnail-slider-wrapper {padding: 15px 35px;}
    .com-gallery-slider-01 .thumbnail-slider {height: 80px;}
}

/* 게시글 갤러리 슬라이드 02 */
.com-gallery-slider-02 {--h: 265px; padding: 25px 30px; display: flex; align-items: flex-start; column-gap: 54px; border: 1px solid var(--border--table-td);}
.com-gallery-slider-02 .slide-box {width: 35%; position: relative;}
.com-gallery-slider-02 .swiper-slide .img-box {height: var(--h);}
.com-gallery-slider-02 .swiper-slide .img-box img {width: 100%; height: 100%; object-fit: cover;}
.com-gallery-slider-02 :is(.swiper-button-prev,.swiper-button-next) {width: 45px; height: 45px; margin: 0; padding: 0; top: 50%; transform: translateY(-50%); background-color: #11111180; z-index: 10;}
.com-gallery-slider-02 :is(.swiper-button-prev,.swiper-button-next):where(:hover,:focus) {background-color: #111;}
.com-gallery-slider-02 .swiper-button-prev::after, .com-gallery-slider-02 .swiper-button-next::after {display: none;}
.com-gallery-slider-02 .swiper-button-prev {left: 0;}
.com-gallery-slider-02 .swiper-button-next {right: 0;}
.com-gallery-slider-02 .swiper-button-next img {transform: rotate(180deg);}
.com-gallery-slider-02 .swiper-pagination {width: auto; min-width: 60px; height: auto; background-color: #111111CB; color: #fff; font-size: 14px; padding: 5px 10px; text-align: center; position: absolute; top: unset; right: 10px; bottom: 10px; left: unset; border-radius: 50px;}
.com-gallery-slider-02 > .txt-box {width: 65%; min-height: var(--h); padding: 10px 0; display: flex; flex-direction: column; justify-content: center; gap: 9px; text-align:left;}
.com-gallery-slider-02 > .txt-box .txt-01 {font-size: 20px; font-weight: 600;}
.com-gallery-slider-02 > .txt-box .txt-02 {font-size: 15px; white-space: normal;}
.com-gallery-slider-02 > .txt-box .list-01 {font-size: 15px; padding: 7px;}
.com-gallery-slider-02 > .txt-box .list-01 > div {display: flex; gap: 10px;}
.com-gallery-slider-02 > .txt-box .list-01 > div:not(:last-of-type) {margin-bottom: 6px;}
.com-gallery-slider-02 > .txt-box .list-01 dt {flex-shrink: 0; width: 90px; font-weight: 600; position: relative; padding-left: 10px;}
.com-gallery-slider-02 > .txt-box .list-01 dt::before {content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: var(--contents--primary); position: absolute; top: 8px; left: 0;}
.com-gallery-slider-02 > .txt-box .list-01 dd {}

@media screen and (max-width: 1080px) {
    .com-gallery-slider-02 {--h: 192px; column-gap: 30px; padding: 20px;}
    .com-gallery-slider-02 > .txt-box {gap: 7px;}
    .com-gallery-slider-02 > .txt-box .txt-01 {font-size: 18px;}
    .com-gallery-slider-02 > .txt-box .txt-02 {font-size: 14px;}
    .com-gallery-slider-02 > .txt-box .list-01 {font-size: 14px;}
    .com-gallery-slider-02 > .txt-box .list-01 dt {width: 85px;}
    .com-gallery-slider-02 > .txt-box .list-01 dt::before {top: 7px;}
    .com-gallery-slider-02 :is(.swiper-button-prev,.swiper-button-next) {width: 35px; height: 35px;}
    .com-gallery-slider-02 :is(.swiper-button-prev,.swiper-button-next) img {width: 13px;}
    .com-gallery-slider-02 .swiper-pagination {font-size: 13px; min-width: 50px;}
}

@media screen and (max-width: 768px) {
    .com-gallery-slider-02 {--h: 450px; display: flex; flex-wrap: wrap; padding: 0;}
    .com-gallery-slider-02 .slide-box {width: 100%;}
    .com-gallery-slider-02 > .txt-box {width: 100%; min-height: unset; padding: 20px;}
}

@media screen and (max-width: 480px) {
    .com-gallery-slider-02 {--h: 235px;}
    .com-gallery-slider-02 > .txt-box {padding: 15px;}
    .com-gallery-slider-02 > .txt-box .txt-01 {font-size: 16px;}
    .com-gallery-slider-02 > .txt-box .txt-02 {font-size: 13px;}
    .com-gallery-slider-02 > .txt-box .list-01 {font-size: 13px;}
}

/* 게시판 자주 사용되는 틀 */
.com-ctt-box-01 {}
.com-ctt-box-01 .com-title-04 {text-align: left;}
.com-ctt-box-01 .com-tbl-wrap {font-size: 15px;}
.com-ctt-box-01 .com-tbl-wrap :where(th,td) {text-align: left; border: none;}
.com-ctt-box-01 .com-tbl-wrap table {border-left: none; border-bottom: 1px solid var(--border--table-td);}
.com-ctt-box-01 .com-tbl-wrap tr:not(:last-of-type) {border-bottom: 1px solid #e9e9e9;}
html[data-mode="dark"] .com-ctt-box-01 .com-tbl-wrap tr:not(:last-of-type) {border-color: var(--border--table-td);}
.com-ctt-box-01 .com-tbl-wrap th {padding: 8px 30px;}
.com-ctt-box-01 .com-tbl-wrap td {padding: 8px 20px;}
.com-ctt-box-01 .map-box {border-top: 2px solid var(--border--table-td); padding: 25px 35px;}

.com-ctt-box-02 {display: flex; align-items: center; border: 1px solid var(--border--table-td); font-size: 15px;}
.com-ctt-box-02 .img-box {width: 35%; height: 250px; display: flex; justify-content: center; align-items: center; padding: 30px 20px;}
.com-ctt-box-02 .img-box img {max-height: 100%;}
.com-ctt-box-02 .txt-box {width: 65%; display: flex; flex-direction: column; gap: 6px; justify-content: center; padding: 30px 20px;}
.com-ctt-box-02 .date-box {display: flex; align-items: flex-start; gap: 10px;}
.com-ctt-box-02 .dday {font-size: 14px; color: #fff; background-color: #004386; padding: 6px 12px; border-radius: 50px;}
.com-ctt-box-02 .deadline {padding-top: 5px; white-space: normal;}
.com-ctt-box-02 .title {font-size: 20px; font-weight: 600; margin-top: 5px; text-align:left; white-space: normal;}
.com-ctt-box-02 .location {text-align:left; white-space: normal;}
.com-ctt-box-02 .list {padding: 7px 10px; text-align:left; white-space: normal;}
.com-ctt-box-02 .list > div {display: flex; gap: 15px;}
.com-ctt-box-02 .list > div:not(:last-of-type) {margin-bottom: 5px;}
.com-ctt-box-02 .list dt {flex-shrink: 0; width: 80px; font-weight: 600; position: relative; padding-left: 11px;}
.com-ctt-box-02 .list dt::before {content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: var(--contents--primary); position: absolute; top: 7px; left: 0;}
.com-ctt-box-02 .list dd {width: 100%;}

@media screen and (max-width: 1080px) {
    .com-ctt-box-01 .com-tbl-wrap {font-size: 14px;}
    .com-ctt-box-01 .com-tbl-wrap th {padding: 8px 20px;}
    .com-ctt-box-01 .com-tbl-wrap td {padding: 8px 15px;}
    .com-ctt-box-01 .map-box {padding: 20px;}

    .com-ctt-box-02 {font-size: 14px;}
    .com-ctt-box-02 .img-box {height: 200px; padding: 20px;}
    .com-ctt-box-02 .txt-box {padding: 20px; gap: 4px;}
    .com-ctt-box-02 .dday {font-size: 13px;}
    .com-ctt-box-02 .title {font-size: 18px;}
}

@media screen and (max-width: 768px) {
    .com-ctt-box-01 .com-tbl-wrap :where(table,th,td,tr,tbody) {display: block; text-align: center;}
    .com-ctt-box-01 .com-tbl-wrap th {border-bottom: 1px solid #e9e9e9;}
    html[data-mode="dark"] .com-ctt-box-01 .com-tbl-wrap th {border-color: var(--border--table-td);}
    .com-ctt-box-01 .map-box {padding: 15px;}

    .com-ctt-box-02 {flex-wrap: wrap;}
    .com-ctt-box-02 .img-box {width: 100%; height: 150px;}
    .com-ctt-box-02 .txt-box {width: 100%;}


}

@media screen and (max-width: 480px) {
    .com-ctt-box-01 .map-box {height: 200px; padding: 10px;}
}



/* 게시판 리스트 10 */
.com-brd-list-10 {border-top: 2px solid var(--border--board-header);}
.com-brd-list-10 tr {border-bottom: 1px solid var(--border--table-td);}
.com-brd-list-10 tr:first-of-type {border-top: 1px solid var(--border--table-td);}
.com-brd-list-10 td {padding: 20px 10px;}
.com-brd-list-10 td .icon-notice {margin: 0 auto;}
.com-brd-list-10 td:first-of-type {padding-left: 20px;}
.com-brd-list-10 td:last-of-type {padding-right: 20px;}
.com-brd-list-10 td.td-type-01 {color: #004386; font-weight: 600; font-size: 16px; white-space: normal;}
html[data-mode="dark"] .com-brd-list-10 td.td-type-01 {color: #fff;}
.com-brd-list-10 .title-box {display: flex; flex-direction: column; gap: 10px;}
.com-brd-list-10 .title {font-size: 17px; font-weight: 600;}
.com-brd-list-10 .title img {display: inline-block;}
.com-brd-list-10 .title .icon-new {vertical-align: sub; margin-left: 5px;}
.com-brd-list-10 .title a {display: block; width: fit-content; line-height: 1.3; text-align:left; white-space: normal;}
.com-brd-list-10 .title a:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
.com-brd-list-10 .title-box .list {font-size: 15px; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 28px;}
.com-brd-list-10 .title-box .list > div {display: flex;}
.com-brd-list-10 .title-box .list dt {font-weight: 600;}
.com-brd-list-10 .title-box .list .type-01 {gap: 10px;}
.com-brd-list-10 .title-box .list .type-02 {gap: 5px;}
.com-brd-list-10 .date-box {display: flex; align-items: center; gap: 10px; justify-content: flex-end;}
.com-brd-list-10 .date-box .dday {flex-shrink: 0; font-size: 14px; border: 1px solid var(--border--table-td); border-radius: 50px; padding: 5px 15px; text-align: center; font-weight: 500;}
.com-brd-list-10 .date-box .deadline {font-size: 15px;}


@media screen and (max-width: 1080px) {
    .com-brd-list-10 {padding: 0;}
    .com-brd-list-10 tr:first-of-type {border-top: none;}
    .com-brd-list-10 td.td-type-01 {font-size: 14px;}
    .com-brd-list-10 .title-box {gap: 5px;}
    .com-brd-list-10 .title-box .list {font-size: 13px; column-gap: 20px;}
    .com-brd-list-10 .title {font-size: 15px;}
    .com-brd-list-10 .title .icon-new {width: 18px;}
    .com-brd-list-10 .date-box {gap: 7px;}
    .com-brd-list-10 .date-box .dday {font-size: 12px; padding: 4px 11px;}
    .com-brd-list-10 .date-box .deadline {font-size: 13px;}
    .com-brd-list-10 td {padding: 15px 10px;}
    .com-brd-list-10 td:first-of-type {padding-left: 10px;}
    .com-brd-list-10 td:last-of-type {padding-right: 10px;}
}

@media screen and (max-width: 768px) {
    .com-brd-list-10 colgroup {display: none;}
    .com-brd-list-10 :where(table,tbody,td) {display: block;}
    .com-brd-list-10 tr {display: flex; align-items: center; flex-wrap: wrap; padding: 13px 12px; row-gap: 7px; column-gap: 10px;}
    .com-brd-list-10 td {padding: 0;}
  	.com-brd-list-10 td.td-icon-notice {order: 3;}
    .com-brd-list-10 td.td-icon-notice img {width: 18px;}
    .com-brd-list-10 td:first-of-type {padding-left: 0;}
    .com-brd-list-10 td:last-of-type {padding-right: 0;}
    .com-brd-list-10 td.td-type-01 {order: 10; font-size: 13px;}
    .com-brd-list-10 td.td-title {width: 100%;}
    .com-brd-list-10 td.td-date {order: 12;}
    .com-brd-list-10 .title-box {gap: 7px;}
}


/* 게시판 리스트 11 */
.com-brd-list-11 {font-size: 15px; padding: 40px 30px; border-top: 2px solid var(--border--board-header);}
.com-brd-list-11 > ul {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-left: 1px solid var(--border--table-td); border-top: 1px solid var(--border--table-td);}
.com-brd-list-11 > ul > li {border-bottom: 1px solid var(--border--table-td); border-right: 1px solid var(--border--table-td);}
.com-brd-list-11 a {height: 100%; display: flex; flex-direction: column; padding: 0 30px;}
.com-brd-list-11 a:where(:hover,:focus) {background-color: #f1f1f1;}
html[data-mode="dark"] .com-brd-list-11 a:where(:hover,:focus) {background-color: #000;}
.com-brd-list-11 .img-box {height: 100%; display: flex; justify-content: center; align-items: center; padding: 25px; font-size: 22px; font-weight: 800;}
.com-brd-list-11 .img-box img {max-height: 100%;}
.com-brd-list-11 .txt-box-01 {display: flex; flex-direction: column; gap: 6px; margin-top: auto;}
.com-brd-list-11 .type-and-pay {display: flex; gap: 15px;}
.com-brd-list-11 .type-and-pay .type {flex-shrink: 0; font-weight: 600;}
.com-brd-list-11 .type-and-pay .type.type-01 {color: var(--contents--accent-color);}
.com-brd-list-11 .type-and-pay .payment {width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
html[data-mode="dark"] .com-brd-list-11 .type-and-pay .payment {color: #ddd;}
.com-brd-list-11 .title {font-size: 17px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com-brd-list-11 .time {font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com-brd-list-11 .txt-box-02 {display: flex; justify-content: space-between; gap: 10px; padding: 12px 7px; border-top: 1px solid var(--border--table-td); margin-top: 25px;}
.com-brd-list-11 .people-cnt .cnt {font-weight: 600;}
.com-brd-list-11 .dday {font-weight: 600;}

@media screen and (max-width: 1080px) {
    .com-brd-list-11 {font-size: 14px; padding: 0;}
    .com-brd-list-11 > ul {border-top: none; grid-template-columns: repeat(3, minmax(0,1fr));}
    .com-brd-list-11 .img-box {font-size: 20px;}
    .com-brd-list-11 a {padding: 0 15px;}
    .com-brd-list-11 .title {font-size: 16px;}
    .com-brd-list-11 .txt-box-01 {gap: 5px;}
    .com-brd-list-11 .txt-box-02 {margin-top: 20px; padding: 10px 7px;}
}

@media screen and (max-width: 768px) {
    .com-brd-list-11 > ul {grid-template-columns: repeat(2, minmax(0,1fr));}
    .com-brd-list-11 .img-box {font-size: 18px;}
}

@media screen and (max-width: 480px) {
    .com-brd-list-11 {font-size: 13px;}
    .com-brd-list-11 > ul {grid-template-columns: repeat(1, minmax(0,1fr)); gap: 15px; border-left: none;}
    .com-brd-list-11 > ul > li {border: 1px solid var(--border--table-td);}
    .com-brd-list-11 .img-box {font-size: 16px;}
    .com-brd-list-11 .title {font-size: 15px;}
    .com-brd-list-11 .type-and-pay .payment {white-space: unset;}
    .com-brd-list-11 .title {white-space: unset;}
    .com-brd-list-11 .time {white-space: unset;}
}


/* 게시판 리스트 09 */
.com-brd-list-09 {}
.com-brd-list-09 .list {padding: 40px 30px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 2px solid var(--border--board-header); gap: 25px;}
.com-brd-list-09 .list > li {}
.com-brd-list-09 .list a {}
.com-brd-list-09 .list a:where(:hover,:focus) .txt-box {filter: brightness(0.9);}
html[data-mode="dark"] .com-brd-list-09 .list a:where(:hover,:focus) .txt-box {background-color: #000;}
.com-brd-list-09 .list a:where(:hover,:focus) .img-box img {transform: scale(1.1);}
.com-brd-list-09 .img-box {height: 180px; overflow: hidden; border: 1px solid var(--border--table-td);}
.com-brd-list-09 .img-box img {width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.com-brd-list-09 .txt-box {padding: 25px 30px; border: 1px solid var(--border--table-td); border-top: none; font-size: 15px; color: #333; display: flex; flex-direction: column; gap: 6px; background-color: var(--bg--bg-primary); transition: 0.5s; text-align:left;}
html[data-mode="dark"] .com-brd-list-09 .txt-box {color: #fff;}
.com-brd-list-09 .txt-box p {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com-brd-list-09 .house-type {}
.com-brd-list-09 .house-type .type {font-weight: 600; padding-right: 10px;}
.com-brd-list-09 .house-type .type.type-01 {color: var(--contents--accent-color);}
.com-brd-list-09 .house-type .type.type-02 {color: #004386;}
html[data-mode="dark"] .com-brd-list-09 .house-type .type.type-02 {color: var(--contents--accent-color);}
.com-brd-list-09 .house-name {font-size: 17px; color: var(--contents--primary); font-weight: 600;}
.com-brd-list-09 .rent {color: var(--contents--primary); font-weight: 600;}
.com-brd-list-09 .location {}

@media screen and (max-width: 1080px) {
    .com-brd-list-09 .list {grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 25px 20px; gap: 20px;}
    .com-brd-list-09 .img-box {height: 180px;}
    .com-brd-list-09 .txt-box {font-size: 14px; padding: 15px 17px; gap: 5px;}
    .com-brd-list-09 .house-name {font-size: 16px;}

}

@media screen and (max-width: 768px) {
    .com-brd-list-09 .list {grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 15px 12px; gap: 13px;}
    .com-brd-list-09 .txt-box {font-size: 13px;}
    .com-brd-list-09 .img-box {height: 210px;}
    .com-brd-list-09 .house-name {font-size: 15px;}
}

@media screen and (max-width: 480px) {
    .com-brd-list-09 .list {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .com-brd-list-09 .img-box {height: 220px;}
    .com-brd-list-09 .txt-box p {white-space: unset;}
    .com-brd-list-09 .house-type {display: flex;}
    .com-brd-list-09 .house-type .type {flex-shrink: 0;}
}
@media screen and (max-width: 375px) {
    .com-brd-list-09 .list {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .com-brd-list-09 .img-box {height: 190px;}
    .com-brd-list-09 .txt-box p {white-space: unset;}
    .com-brd-list-09 .house-type {display: flex;}
    .com-brd-list-09 .house-type .type {flex-shrink: 0;}
}

@media screen and (max-width: 320px) {
    .com-brd-list-09 .img-box {height: 155px;}
}



/* 게시판 리스트 02 */

.com-brd-list-02 {}
.com-brd-list-02 table {border-top:2px solid #004386;}
.com-brd-list-02 table tr {border-bottom:1px solid #ddd; cursor: pointer;}
.com-brd-list-02 table tr td {padding:30px; text-align:left;}
.com-brd-list-02 table tr td div.tit {font-size:20px; font-weight:700; overflow: hidden; text-overflow: ellipsis; color:#000;}
.com-brd-list-02 table tr td div.con {margin-top:10px; display:flex; flex-direction:column; text-align:left;}
.com-brd-list-02 table tr td div.con span {font-size:18px; color:#666; line-height:1.5; white-space: normal;}
.com-brd-list-02 table tr td i {width:30px; height:30px; font-size:28px;}

.com-brd-list-02 table tr:hover {background:#fcfcfc;}
.com-brd-list-02 table tr:hover td div.tit {color:#004386;}
.com-brd-list-02 table tr:hover td div.con span:nth-child(2) {color:#004386;}
.com-brd-list-02 table tr:hover td i {color:#004386;}

@media screen and (max-width: 1280px) {
    .com-brd-list-02 table tr td {padding:25px;}
    .com-brd-list-02 table tr td div.tit {font-size:18px;}
    .com-brd-list-02 table tr td div.con span {font-size:16px;}
}

@media screen and (max-width: 768px) {
    .com-brd-list-02 table tr td {padding:20px 0;}
    .com-brd-list-02 table tr td div.tit {font-size:16px;}
    .com-brd-list-02 table tr td div.con span {font-size:14px;}

    .com-brd-list-02 table tr td i {width:24px; height:24px; font-size:22px;}
}

@media screen and (max-width: 480px) {
}


/* 게시판 리스트 03 */
.com-brd-list-03 {display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 25px 20px; border-top: 2px solid var(--border--board-header); padding-top: 20px;}
.com-brd-list-03 li {border: 1px solid var(--border--content-box);}
.com-brd-list-03 a {display: block;}
.com-brd-list-03 a:where(:hover,:focus) {box-shadow: 0 0 15px #ccc;}
.com-brd-list-03 a:where(:hover,:focus) .img-box img {transform: scale(1.1);}
.com-brd-list-03 a:where(:hover,:focus) .title {color: var(--contents--dominant-color);}
.com-brd-list-03 a:where(:hover,:focus) .arrow {background-color: var(--btn--btn-color02);}
html[data-mode="dark"] .com-brd-list-03 a:where(:hover,:focus) {box-shadow: none;}
html[data-mode="dark"] .com-brd-list-03 a:where(:hover,:focus) .txt-box {background-color: #2F2F31;}
html[data-mode="dark"] .com-brd-list-03 a:where(:hover,:focus) .title {color: inherit;}
html[data-mode="dark"] .com-brd-list-03 a:where(:hover,:focus) .arrow {background-color: #fff;}
.com-brd-list-03 .img-box {aspect-ratio: 310 / 188; width: 100%; overflow: hidden;}
.com-brd-list-03 .img-box img {width: 100%; height: 100%; transition: 0.5s; object-fit: cover;}
.com-brd-list-03 .txt-box {background-color: var(--bg--sub_content-box01); position: relative; padding: 20px 15px; border-top: none; transition: 0.3s;}
.com-brd-list-03 .title {font-size: 17px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.com-brd-list-03 .date {color: var(--contents--text-color555); margin-top: 10px; font-size: 14px; display: flex; justify-content: space-between;}
.com-brd-list-03 .arrow {width: 58px; height: 14px; clip-path: polygon(0 80%, 0 100%, 100% 100%, 80% 0, 74% 0, 90% 80%); background-color: #ddd; margin-top: 7px; transition: 0.3s;}
html[data-mode="dark"] .com-brd-list-03 .arrow {background-color: #6E6E6E65;}


@media screen and (max-width: 1080px) {
    .com-brd-list-03 {gap: 15px;}
    .com-brd-list-03 .txt-box {padding: 12px 10px;}
    .com-brd-list-03 .title {font-size: 15px;}
    .com-brd-list-03 .date {font-size: 13px; margin-top: 7px;}
    .com-brd-list-03 .arrow {width: 40px; height: 10px;}
}

@media screen and (max-width: 768px) {
    .com-brd-list-03 {grid-template-columns: repeat(2, minmax(0,1fr));}
}

@media screen and (max-width: 480px) {
    .com-brd-list-03 {grid-template-columns: repeat(1, minmax(0,1fr));}
}


@media screen and (max-width: 768px) {
    .com-brd-list-03 table tr {font-size:14px;}

    .com-brd-list-03 table thead tr th, .com-brd-list-03 table tbody tr td {padding:15px 10px;}
}

@media screen and (max-width: 480px) {
    .com-brd-list-03 table thead tr th, .com-brd-list-03 table tbody tr td {padding:10px; white-space: normal;}
}

/* 게시판 리스트 04 */

.com-brd-list-04 {}
.com-brd-list-04 table {border-top:2px solid #004386;}
.com-brd-list-04 table tr {border-bottom:1px solid #ddd;}
.com-brd-list-04 table tr td {text-align:left; padding:25px 30px;}
.com-brd-list-04 table tr td .tit {font-size:22px; color:#000; font-weight:600; overflow: hidden; text-overflow: ellipsis;}
.com-brd-list-04 table tr td .con {font-size:18px; color:#666; font-weight:500; margin-top:15px; line-height:1.6; display:flex;}
.com-brd-list-04 table tr td .con div {display:flex; flex-direction:column; flex-grow: 1;}
.com-brd-list-04 table tr td .con div span {padding-left:15px; white-space: normal;}
.com-brd-list-04 table tr td .con div span::before {display:block; position:relative; content: ""; width:4px; height:4px; background:#666; border-radius:50%; top:15px; left:-15px;}

.btn_extension {background:#006CD9; color:#fff; width:120px; border-radius:8px; font-size:16px;}
.btn_extension:hover {background:#004386;}

@media screen and (max-width: 1280px) {
    .com-brd-list-04 table tr td {padding:25px 20px;}
    .com-brd-list-04 table tr td .tit {font-size:18px;}
    .com-brd-list-04 table tr td .con {font-size:16px;}

    .btn_extension {width:100px; font-size:14px;}
}

@media screen and (max-width: 768px) {
    .com-brd-list-04 table tr td {padding:20px 30px;}
    .com-brd-list-04 table tr td .tit {font-size:16px;}
    .com-brd-list-04 table tr td .con {font-size:14px; margin-top:10px;}

    .btn_extension {width:80px; font-size:12px;}
}

@media screen and (max-width: 480px) {
    .com-brd-list-04 table tr td .con {display:block;}

    .btn_extension {width:100%; border-radius:0; margin-top:10px; padding:10px 0;}
}



/* 게시판 리스트 05 */

/* 게시판 리스트 05 */
.com-brd-list-05 {border-top: 2px solid var(--border--board-header);}
.com-brd-list-05 > li {border-bottom: 1px solid var(--border--table-td);}
.com-brd-list-05 a {display: flex; align-items: center; gap: 37px; padding: 30px 40px;}
html[data-mode="dark"] .com-brd-list-05 a:where(:hover,:focus) {background-color: #111;}
.com-brd-list-05 a:where(:hover,:focus) {background-color: #f1f1f1;}
.com-brd-list-05 a:where(:hover,:focus) .title {text-decoration: underline; text-underline-position: under;}
.com-brd-list-05 a:where(:hover,:focus) .img-box img {transform: scale(1.1);}
.com-brd-list-05 .img-box {flex-shrink: 0; width: 320px; aspect-ratio: 320 / 200; overflow: hidden;}
.com-brd-list-05 .img-box img {width: 100%; height: 100%; transition: 0.5s; object-fit: cover;}
.com-brd-list-05 .txt-box {width: 100%; font-weight: 500; display: flex; flex-direction: column; justify-content: center;}
.com-brd-list-05 .title {width: fit-content; font-size: 17px; font-weight: 800; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; position: relative; padding-right: 27px;}
.com-brd-list-05 .title img {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.com-brd-list-05 .ctt {font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; margin-top: 18px; line-height: 1.5; color: #555; font-weight: 400;}
.com-brd-list-05 .etc-list {--pd-r-mg-l: 12px;font-size: 15px;display: flex;margin-top: 34px;font-weight: 300;color: #666;}
.com-brd-list-05 .etc-list li:not(:last-of-type) {padding-right: var(--pd-r-mg-l); margin-right: var(--pd-r-mg-l); position: relative;}
.com-brd-list-05 .etc-list li:not(:last-of-type)::after {content: ""; width: 1px; height: 70%; background-color: #666; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

@media screen and (max-width: 1080px) {
    .com-brd-list-05 a {gap: 25px; padding: 20px 25px;}
    .com-brd-list-05 .title {font-size: 16px;}
    .com-brd-list-05 .ctt {font-size: 15px; margin-top: 13px;}
    .com-brd-list-05 .etc-list {font-size: 14px; margin-top: 26px;}
    .com-brd-list-05 .img-box {width: 280px;}
    .com-brd-list-05 .title img {margin-left: 5px; margin-bottom: 1px;}
    .com-brd-list-05 .icon-new {width: 18px;}
}

@media screen and (max-width: 768px) {
    .com-brd-list-05 a {flex-wrap: wrap; padding: 15px 10px; gap: 15px;}
    .com-brd-list-05 .img-box {width: 100%;}
    .com-brd-list-05 .txt-box {width: 100%;}
    .com-brd-list-05 .title {font-size: 15px;}
    .com-brd-list-05 .ctt {font-size: 14px; margin-top: 13px;}
    .com-brd-list-05 .etc-list {font-size: 13px; margin-top: 26px;}
    .com-brd-list-05 .icon-new {width: 16px;}
}

@media screen and (max-width: 480px) {

}

/* 설문조사 01 */
.com-survey-01 {--wh-pdl: 55px;}
.com-survey-01 .com-btn-box-05 {border-top: 1px solid var(--border--table-td); padding: 40px 0 60px;}
.com-survey-01 textarea {padding: 15px; height: 155px;}
.com-survey-01 .com-radio-01 .circle,
.com-survey-01 .com-checkbox-01 .square {width: 25px; height: 25px; border-color: #d9d9d9;}
html[data-mode="dark"] .com-survey-01 .com-radio-01 .circle,
html[data-mode="dark"] .com-survey-01 .com-checkbox-01 .square {background-color: var(--bg--bg-primary); border-color: #888;}

.com-survey-01 .com-radio-01 input[type="radio"]:checked + label .circle {border-width: 7px !important;}
.com-survey-01 :where(.com-radio-01, .com-checkbox-01) {width: fit-content;}
.com-survey-01 :where(.com-radio-01, .com-checkbox-01) label {gap: 11px;}
.com-survey-01 .survey-box {margin-top: 40px;}
.com-survey-01 .qa-box:not(:last-of-type) {margin-bottom: 20px;}
.com-survey-01 .title {font-size: 20px; font-weight: 600; margin-bottom: 26px;}
.com-survey-01 .question-box {display: flex; min-height: var(--wh-pdl);}
.com-survey-01 .question-box .num {flex-shrink: 0; width: var(--wh-pdl); display: flex; justify-content: center; align-items: center; background-color: #004386; color: #fff; font-weight: 600; font-size: 18px;}
.com-survey-01 .question-box .txt {width: 100%; white-space:normal; background-color: var(--bg--bg-content_01); font-size: 17px; font-weight: 600; display: flex; flex-direction: column; justify-content: center; padding: 10px 20px;}
.com-survey-01 .answer-box {padding: 25px 0 25px var(--wh-pdl); display: flex; flex-direction: column; gap: 40px;}
.com-survey-01 .answer-box textarea::placeholder {color: var(--contents--text-color888);}

.com-survey-01 .multiple-choice-01 > li {display: flex; flex-direction: column; gap: 15px;}
.com-survey-01 .multiple-choice-01 > li:not(:last-of-type) {margin-bottom: 10px;}
.com-survey-01 .input-text-01 {width: 100%; padding: 0 20px; height: 55px;}
.com-survey-01 .multiple-choice-02 {display: flex; flex-direction: column; gap: 10px;}
.com-survey-01 .multiple-choice-02 .line-box {display: flex; align-items: center;}
.com-survey-01 .multiple-choice-02 .line-box > div {padding: 0 10px;}
.com-survey-01 .multiple-choice-02 .line-box > div:first-of-type {width: 30%; text-align: left;}
.com-survey-01 .multiple-choice-02 .line-box > div:first-of-type::before,
.com-survey-01 .multiple-choice-02 .line-box > div:first-of-type::after {display: none;}
.com-survey-01 .multiple-choice-02 .line-box > div {width: calc(70% / 5); text-align: center; position: relative;}
.com-survey-01 .multiple-choice-02 .line-box > div::before,
.com-survey-01 .multiple-choice-02 .line-box > div::after {content: ""; width: 50%; border-top: 1px dashed var(--border--content-box); position: absolute; bottom: 12px;}
.com-survey-01 .multiple-choice-02 .line-box > div::before {left: 0;}
.com-survey-01 .multiple-choice-02 .line-box > div::after {left: 50%;}
.com-survey-01 .multiple-choice-02 .line-box > div:nth-of-type(2)::before,
.com-survey-01 .multiple-choice-02 .line-box > div:last-of-type::after {display: none;}
.com-survey-01 .multiple-choice-02 .line-box.hd-box {border-bottom: 1px solid var(--border--content-box); padding-bottom: 10px; margin-bottom: 7px;}
.com-survey-01 .multiple-choice-02 .line-box.hd-box > div:first-of-type {opacity: 0;}
.com-survey-01 .multiple-choice-02 .line-box.hd-box > div::before,
.com-survey-01 .multiple-choice-02 .line-box.hd-box > div::after {display: none;}
.com-survey-01 .multiple-choice-02 .com-radio-01 {margin: 0 auto; position: relative; z-index: 1;}
.com-survey-01 .multiple-choice-02 .com-radio-01 label {display: flex; flex-direction: column; gap: 5px; font-size: 13px;}
.com-survey-01 .multiple-choice-03 {}
.com-survey-01 .multiple-choice-03 .hd-box {background-color: var(--bg--sub_content-box03); text-align: center; padding: 20px 10px; margin-bottom: 27px; font-weight: 500;}
.com-survey-01 .multiple-choice-03 .degree-box {display: flex; align-items: center; gap: 20px; padding: 0 20px;}
.com-survey-01 .multiple-choice-03 .degree-box p {width: 12%;}
.com-survey-01 .multiple-choice-03 .degree-box p:last-of-type {text-align: right;}
.com-survey-01 .multiple-choice-03 .com-radio-02 label {margin: 0 auto;}
.com-survey-01 .multiple-choice-03 .list {width: 76%; display: flex; align-items: center;}
.com-survey-01 .multiple-choice-03 .list li {width: 100%; position: relative;}
.com-survey-01 .multiple-choice-03 .list li::before,
.com-survey-01 .multiple-choice-03 .list li::after {content: ""; width: 50%; border-top: 1px dashed #ddd; position: absolute; top: 50%; transform: translateY(-50%);}
.com-survey-01 .multiple-choice-03 .list li::before {left: 0;}
.com-survey-01 .multiple-choice-03 .list li::after {left: 50%;}
.com-survey-01 .multiple-choice-03 .list li:first-of-type::before,
.com-survey-01 .multiple-choice-03 .list li:last-of-type::after {display: none;}
.com-survey-01 .btn-01 {background-color: #eee; border-radius: 30px; padding: 5px 15px; font-size: 14px;}
html[data-mode="dark"] .com-survey-01 .btn-01 {background-color: #9292922C;}
.com-survey-01 .btn-01:where(:hover,:focus) {filter: brightness(0.9);}
.com-survey-01 .btn-box-01 {display: flex; flex-wrap: wrap; gap: 5px 10px;}
.com-survey-01 .chart-result-box-01 {display: flex; align-items: flex-start; gap: 40px; justify-content: space-between;}
.com-survey-01 .chart-result-box-01 .chart-box {width: 60%;}
.com-survey-01 .chart-result-box-01 .result-box {width: 40%;}
.com-survey-01 .chart-result-box-01 .result-box .list {}
.com-survey-01 .chart-result-box-01 .result-box .list li {display: flex; justify-content: space-between; gap: 20px;}
.com-survey-01 .chart-result-box-01 .result-box .list li:not(:last-of-type) {margin-bottom: 5px;}
.com-survey-01 .chart-result-box-01 .result-box .list .group-box {background-color: var(--bg--sub_content-box03);text-align: center;padding: 20px 10px;margin-bottom: 27px;font-weight: 500;display: flow-root;}
.com-survey-01 .chart-result-box-01 .result-box .list .type {display: flex; gap: 10px;}
.com-survey-01 .chart-result-box-01 .result-box .list .type .num {flex-shrink: 0; width: 26px; height: 26px; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #5479BF; border-radius: 3px; font-size: 13px; font-weight: 600;}
.com-survey-01 .chart-result-box-01 .result-box .list :where(.type .txt, .value) {padding-top: 4px;}
.com-survey-01 .chart-result-box-01 .result-box .list .value {flex-shrink: 0;}
.com-survey-01 .result-list-01 .cnt {text-align: right; margin-bottom: 10px;}
.com-survey-01 .result-list-01 .list {max-height: 201px; overflow: auto; background-color: #eee; border: 1px solid var(--border--table-td);}
html[data-mode="dark"] .com-survey-01 .result-list-01 .list {background-color: #9292922C;}
.com-survey-01 .result-list-01 .list > div {display: flex; align-items: center; padding: 10px 0;}
.com-survey-01 .result-list-01 .list > div:not(:last-of-type) {border-bottom: 1px solid var(--border--table-td);}
.com-survey-01 .result-list-01 dt {flex-shrink: 0; width: 130px; font-weight: 800; font-size: 14px; text-align: center;}
.com-survey-01 .result-list-01 dd {font-size: 16px; padding-right: 20px;}
html[data-mode="dark"] .com-survey-01 .apexcharts-text tspan {fill: #fff;}
html[data-mode="dark"] .com-survey-01 .apexcharts-menu-item {color: #000;}
html[data-mode="dark"] .com-survey-01 .apexcharts-tooltip {color: #000;}
html[data-mode="dark"] .com-survey-01 .apexcharts-data-labels text {fill: #fff;}

@media screen and (max-width: 1080px) {
    .com-survey-01 {--wh-pdl: 45px;}
    .com-survey-01 .title {font-size: 18px; margin-bottom: 20px;}
    .com-survey-01 .question-box .num {font-size: 16px;}
    .com-survey-01 .question-box .txt {font-size: 15px; padding: 10px 15px;}
    .com-survey-01 .answer-box {font-size: 14px; padding: 20px 0 20px var(--wh-pdl);}
    .com-survey-01 .com-radio-01 .circle,
    .com-survey-01 .com-checkbox-01 .square {width: 20px; height: 20px;}
    .com-survey-01 :where(.com-radio-01, .com-checkbox-01) label {gap: 9px;}
    .com-survey-01 .input-text-01 {height: 45px; padding: 0 15px;}
    .com-survey-01 .multiple-choice-02 .line-box > div::before,
    .com-survey-01 .multiple-choice-02 .line-box > div::after {bottom: 9px;}
    .com-survey-01 .multiple-choice-03 .com-radio-02 label {font-size: 15px; width: 45px; height: 45px;}
    .com-survey-01 .btn-01 {font-size: 13px; gap: 12px;}
    .com-survey-01 .btn-box-01 {gap: 5px;}
    .com-survey-01 .chart-result-box-01 .result-box .list .type {gap: 7px;}
    .com-survey-01 .chart-result-box-01 .result-box .list .type .num {font-size: 12px; width: 23px; height: 23px;}
    .com-survey-01 .result-list-01 dt {width: 90px; font-size: 13px;}
    .com-survey-01 .result-list-01 dd {font-size: 14px; padding-right: 10px;}
}

@media screen and (max-width: 768px) {
    .com-survey-01 {--wh-pdl : 40px;}
    .com-survey-01 textarea {padding: 10px; height: 120px;}
    .com-survey-01 .question-box .num {font-size: 15px;}
    .com-survey-01 .question-box .txt {font-size: 14px;}
    .com-survey-01 .multiple-choice-02 {gap: 30px;}
    .com-survey-01 .multiple-choice-02 .line-box.hd-box {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
    .com-survey-01 .multiple-choice-02 .line-box.hd-box > div {display: none;}
    .com-survey-01 .multiple-choice-02 .line-box.hd-box > div:first-of-type {opacity: 1; display: block; text-align: center; border: 1px solid var(--border--table-td); font-weight: 600; padding: 10px; margin-bottom: 0;}
    .com-survey-01 .multiple-choice-02 .line-box {flex-wrap: wrap;}
    .com-survey-01 .multiple-choice-02 .line-box > div {padding: 0; width: 20%;}
    .com-survey-01 .multiple-choice-02 .line-box > div:first-of-type {width: 100%; margin-bottom: 17px;}    .com-survey-01 .chart-result-box-01 {flex-wrap: wrap; gap: 0;}
    .com-survey-01 .multiple-choice-03 .hd-box {margin-bottom: 20px;}
    .com-survey-01 .multiple-choice-03 .degree-box {flex-wrap: wrap; justify-content: space-between; gap: 10px 0; padding: 0 10px;}
    .com-survey-01 .multiple-choice-03 .degree-box p {width: 40%; font-size: 13px;}
    .com-survey-01 .multiple-choice-03 .list {width: 100%; order: 3;}
    .com-survey-01 .multiple-choice-03 .com-radio-02 label {font-size: 13px; width: 40px; height: 40px;}
    .com-survey-01 .chart-result-box-01 .chart-box {width: 100%;}
    .com-survey-01 .chart-result-box-01 .result-box {width: 100%;}
}










@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 480px) {
}


/* 게시판 리스트 15 */
.com-brd-list-15 {}
.com-brd-list-15 table {border-top:2px solid #004386;}
.com-brd-list-15 table tr {border-bottom:1px solid #ddd;}
.com-brd-list-15 table tr td {padding:15px 30px; border-left:1px solid #ddd; text-align:left; font-size:18px; line-height:1.6;}
.com-brd-list-15 table tr td:first-child {border-left:none; background:#fcfcfc;}
.com-brd-list-15 table tr.dg01 td {border-left:1px solid #ddd;}
.com-brd-list-15 table tr.dg02 td:first-child {text-align:center;}
.com-brd-list-15 table tr.dg02 td:nth-child(2) {background:#fcfcfc;}

.com-brd-list-15 table tr td .tit_dg {display:flex; align-items:center; justify-content:flex-start;}
.com-brd-list-15 table tr td .tit_dg span {}
.com-brd-list-15 table tr td .tit_dg span:first-child {margin-right:10px;}
.com-brd-list-15 table tr td input {width:100%; height:45px;}

.com-brd-list-15 table tr.dg01 td.sty01 {display:flex; align-items:center;}

.com-brd-list-15 table tr td span:nth-child(2n) {margin:0 20px;}
.com-brd-list-15 table tr td span input {width:100%;}

.com-brd-list-15 table tr td.sty02 input {height:160px;}


@media screen and (max-width: 1280px) { 
    .com-brd-list-15 table tr td {padding:15px 25px; font-size:16px;}

    .com-brd-list-15 table tr td .tit_dg span:first-child {margin-right:5px;}
    .com-brd-list-15 table tr td input {height:40px;}

    .com-brd-list-15 table tr td span:nth-child(2n) {margin:0 10px;}
   
}

@media screen and (max-width: 1080px) {    
}

@media screen and (max-width: 768px) {    
    .com-brd-list-15 table tr td {padding:10px; font-size:14px;}

    .com-brd-list-15 table tr td input {height:36px;}

    .com-brd-list-15 table tr td span:nth-child(2n) {margin:0 5px;}
}

@media screen and (max-width: 480px) {  
    /* .com-brd-list-05 {overflow-x:scroll; min-width:480px; width:100%;}   */
    .com-brd-list-15 table colgroup {display:none;}
    .com-brd-list-15 table tr {display:flex; flex-direction:column; width: 100%; border-bottom:none;}
    .com-brd-list-15 table tr td {width:100%; border-bottom:1px solid #ddd; border-left:none;}
    .com-brd-list-15 table tr td br {display:none;}

    .com-brd-list-15 table tr.dg01 td {border-left:none;}
}