@charset "UTF-8";

/*+-----------------------------------+    
| Author: JS |         
| Title: Varable settings |
| "$font--" 로 시작하는 변수의 값만 변경 가능 나머지는 개인 변경 X |
+-------------------------------------+*/
/* ++++++++++++++++++++++++++++++++++++++
	@개인 변경 가능 OOOOOOOOOOOOOOOOOOOOOO
++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++++++++++
	@개인 변경 불가 XXXXXXXXXXXXXXXXXXXXX
++++++++++++++++++++++++++++++++++++++*/
/*+-----------------------------------+    
| Author: JS |       
| Title: Normalize Settings |
+-------------------------------------+*/
/* ########## Normalize */
html,
body {
    width: 100%;
    font: 12px /1.75em "Pretendard", sans-serif;
    color: #424242;
    line-height: 1.5;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

body,
div,
p,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
button,
input {
    margin: 0;
    padding: 0;
    font: 12px /1.75em "Pretendard";
    cursor: default;
}

ul,
li,
ol {
    list-style: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

select,
button,
textarea {
    outline: none;
}

textarea {
    resize: none;
}

fieldset,
iframe,
img,
button {
    border: 0;
}

button {
    background-color: transparent;
}

button:focus,
button:focus-visible {
    outline: 1px solid #000;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

table {
    width: 100%;
    border-collapse: collapse;
}

a {
    text-decoration: none;
    color: #424242;
    line-height: 1.5;
}

b,
strong {
    font-weight: bolder;
}

/* // Normalize ########## */
/*+-----------------------------------+    
| Author: JS |         
| Title: Varable settings |
| "$font--" 로 시작하는 변수의 값만 변경 가능 나머지는 개인 변경 X |
+-------------------------------------+*/
/* ++++++++++++++++++++++++++++++++++++++
	@개인 변경 가능 OOOOOOOOOOOOOOOOOOOOOO
++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++++++++++
	@개인 변경 불가 XXXXXXXXXXXXXXXXXXXXX
++++++++++++++++++++++++++++++++++++++*/
/*+-----------------------------------+    
| Author: JS |
| Version: V2.2 |           
| Title: DEMO Page를 기준으로 한 Publishing systems kit |
| Demo cm.공통, 고정 스타일, 자주 사용하는 스타일 |
+-------------------------------------+*/
/* ++++++++++++++++++++++++++++++++++++++
	CM STYLE : Demo cm.공통
	@Demo cm style : index, section
	@Board : 게시판
	@Member : 회원
	@Curriculum : 과정
	@etc : 기타 (개인정보처리방침, error, 메일링, 팝업, 플레이어)
++++++++++++++++++++++++++++++++++++++ */
.cm-share-list,
.cm-share-list-black {
    overflow: hidden;
    margin-left: auto;
}

.cm-share-list>li,
.cm-share-list-black>li {
    float: left;
    width: 36px;
    height: 36px;
    margin-left: 12px;
    background-color: #f5f5f5;
    border-radius: 50%;
    box-sizing: border-box;
    line-height: 34px;
    text-align: center;
}

@media (max-width: 1024px) {

    .cm-share-list>li,
    .cm-share-list-black>li {
        width: 32px;
        height: 32px;
        line-height: 30px;
    }
}

.cm-share-list>li:first-child,
.cm-share-list-black>li:first-child {
    margin-left: 0;
}

@media (max-width: 1024px) {

    .cm-share-list>li.print,
    .cm-share-list-black>li.print {
        display: none;
    }
}

.cm-share-list>li [class^=icon-],
.cm-share-list-black>li [class^=icon-],
.cm-share-list>li [class*=" icon-"],
.cm-share-list-black>li [class*=" icon-"] {
    vertical-align: middle;
    color: #9e9e9e;
    font-size: 16px;
}

.cm-share-list-black>li {
    background-color: #424242;
}

.cm-index-box {
    position: relative;
    padding: 24px 0 0;
    box-sizing: border-box;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .cm-index-box {
        padding: 16px 0 0;
    }
}

.cm-index-list {
    overflow: hidden;
}

.cm-index-list li {
    position: relative;
    float: left;
    padding-left: 32px;
    cursor: default;
}

@media (max-width: 1024px) {
    .cm-index-list li {
        padding-left: 25px;
        font-size: 12px;
    }
}

.cm-index-list li::before {
    content: "\e996";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    left: 9px;
    color: #9e9e9e;
    font: 20px "icomoon";
}

@media (max-width: 1024px) {
    .cm-index-list li::before {
        left: 5px;
        font-size: 16px;
    }
}

.cm-index-list li:first-child {
    padding-left: 0;
}

.cm-index-list li:first-child::before {
    content: none;
}

.cm-index-list li.now .inside {
    color: #000;
}

.cm-index-list li .inside {
    color: #9e9e9e;
    font-size: 14px;
}

.cm-index-title {
    position: relative;
    padding: 11px 0 0 0;
}

@media (max-width: 1024px) {
    .cm-index-title {
        padding: 19px 0 0 0;
    }
}

.cm-index-title .txt--b9 {
    width: 75%;
    margin: 0 auto;
    text-align: center;
}

@media (max-width: 1024px) {
    .cm-index-title .txt--b9 {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .cm-index-title .txt--b9 {
        font-size: 24px;
    }
}

.cm-index-title .cm-share-list,
.cm-index-title .cm-share-list-black {
    position: absolute;
    right: 0;
    top: 14px;
}

@media (max-width: 1024px) {

    .cm-index-title .cm-share-list,
    .cm-index-title .cm-share-list-black {
        top: 20px;
    }
}

.cm-depth-box {
    overflow-x: auto;
    margin-top: 40px;
    padding: 12px 0;
    box-sizing: border-box;
    background-color: #fafafa;
}

@media (max-width: 1024px) {
    .cm-depth-box {
        margin-top: 32px;
    }
}

@media (max-width: 1024px) {

    .cm-depth-box .inner,
    .cm-depth-box .container-inner {
        width: 100%;
    }
}

.cm-depth-list {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

@media (max-width: 390px) {
    .cm-depth-list {
        justify-content: flex-start;
    }
}

.cm-depth-list>li {
    position: relative;
}

@media (max-width: 1024px) {
    .cm-depth-list>li {
        min-width: fit-content;
    }
}

.cm-depth-list>li>.inside {
    display: inline-block;
    margin-left: 60px;
    color: #9e9e9e;
    font-size: 16px;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .cm-depth-list>li>.inside {
        margin-left: 32px;
        font-size: 14px;
    }
}

.cm-depth-list>li>.inside:hover {
    color: #000;
    font: 16px /1.4em "Pretendard";
}

.cm-depth-list>li:first-child>.inside {
    margin-left: 0;
}

@media (max-width: 1024px) {
    .cm-depth-list>li:first-child>.inside {
        margin-left: 24px;
    }
}

@media (max-width: 767px) {
    .cm-depth-list>li:first-child>.inside {
        margin-left: 20px;
    }
}

@media (max-width: 1024px) {
    .cm-depth-list>li:last-child>.inside {
        margin-right: 24px;
    }
}

@media (max-width: 767px) {
    .cm-depth-list>li:last-child>.inside {
        margin-right: 20px;
    }
}

.cm-depth-list>li.now>.inside {
    position: relative;
    color: #000;
    font: 16px /1.4em "Pretendard";
}

.cm-depth-list>li.now>.inside::after {
    content: "";
    position: absolute;
    right: -8px;
    top: 0;
    width: 4px;
    height: 4px;
    background-color: #e90000;
    border-radius: 50%;
}

.cm-txt__title--regular {
    font: 32px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .cm-txt__title--regular {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .cm-txt__title--regular {
        font-size: 24px;
    }
}

.cm-txt__title--normal {
    font: 28px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .cm-txt__title--normal {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .cm-txt__title--normal {
        font-size: 22px;
    }
}

.cm-txt__title--small {
    font: 20px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .cm-txt__title--small {
        font-size: 18px;
    }
}

.cm-txt__title--small-light {
    font: 20px /1.75em "spoqa-light";
    line-height: 1.4em;
}

@media (max-width: 1024px) {
    .cm-txt__title--small-light {
        font-size: 18px;
    }
}

.section-box {
    width: 100%;
    padding-top: 56px;
}

@media (max-width: 1024px) {
    .section-box {
        padding-top: 40px;
    }
}

@media (max-width: 767px) {
    .section-box {
        width: 100%;
        margin: 0 auto;
    }
}

.drop-menu {
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    margin-bottom: 40px;
}

@media (max-width: 1024px) {
    .drop-menu {
        display: block;
    }
}

.drop-menu__btn {
    display: block;
    position: relative;
    width: 100%;
    height: 48px;
    padding: 0 20px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    background-color: #fafafa;
    color: #000;
    font-size: 14px;
    line-height: 46px;
    cursor: pointer;
}

.drop-menu__btn .icon-chevron_down {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    left: auto;
    right: 16px;
    color: #000;
    font-size: 20px;
}

.drop-menu__btn.on .icon-chevron_down {
    top: 30%;
    transform: rotate(180deg);
}

.drop-menu__list {
    display: none;
    position: absolute;
    left: 0;
    top: 52px;
    z-index: 1;
    width: 100%;
    padding: 16px 0;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    background-color: #fafafa;
}

.drop-menu__list>li {
    padding: 0 20px;
}

.drop-menu__list>li:hover>.inside {
    color: #000;
}

.drop-menu__list>li>.inside {
    display: block;
    width: 100%;
    color: #9e9e9e;
    font-size: 14px;
    line-height: 48px;
}

.container {
    padding-bottom: 120px;
    transition: all 0.5s ease;
}

@media (max-width: 1024px) {
    .container {
        padding-bottom: 60px;
    }
}

.container-inner {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

@media (max-width: 1024px) {
    .container-inner {
        display: block;
    }
}

.container-inner .sidebar,
.container-inner>.content {
    flex: 1 1 auto;
}

.container-inner .sidebar {
    width: 266px;
}

@media (max-width: 1024px) {
    .container-inner .sidebar {
        display: none;
        background-color: #fff;
    }
}

.container-inner .sidebar.open {
    display: block;
    overflow-y: auto;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
    width: 100%;
    height: 100vh;
}

.container-inner .sidebar__title-frame {
    justify-content: center;
    height: 180px;
    margin: 24px 0 16px;
    background-color: #757575;
}

.container-inner .sidebar__title-frame p {
    color: #fff;
}

.container-inner .sidebar .input-icon,
.container-inner .sidebar .input-button,
.container-inner .sidebar .input-icon--green,
.container-inner .sidebar .input-icon--red {
    margin-bottom: 24px;
}

@media (max-width: 1024px) {

    .container-inner .sidebar .input-icon,
    .container-inner .sidebar .input-button,
    .container-inner .sidebar .input-icon--green,
    .container-inner .sidebar .input-icon--red {
        display: none;
    }
}

.container-inner .sidebar-list {
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    border-bottom: 0;
}

.container-inner .sidebar-list>li {
    border-bottom: 1px solid #e0e0e0;
}

.container-inner .sidebar-list>li.on>.inside {
    border-color: #1f5afc;
    color: #1f5afc;
    font: 16px /1.4em "Pretendard";
}

.container-inner .sidebar-list>li>.inside {
    position: relative;
    justify-content: space-between;
    height: 56px;
    padding: 14px 24px;
    box-sizing: border-box;
    border-bottom: 2px solid #fff;
    color: #616161;
    font-size: 16px;
}

.container-inner .sidebar-list>li>.inside:hover {
    border-color: #1f5afc;
    color: #1f5afc;
}

.container-inner .sidebar-depth2-list {
    display: none;
    padding: 8px 0;
    background-color: #fafafa;
}

.container-inner .sidebar-depth2-list>li {
    height: 32px;
}

.container-inner .sidebar-depth2-list>li:hover>.inside {
    color: #000;
}

.container-inner .sidebar-depth2-list>li>.inside {
    display: block;
    padding: 4px 24px 3px;
    box-sizing: border-box;
    color: #9e9e9e;
    font-size: 14px;
}

.container-inner .sidebar-depth2-list>li>.inside::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 2px;
    margin-right: 8px;
    background-color: #9e9e9e;
}

.container-inner .sidebar .btn-filter-fence {
    display: none;
}

@media (max-width: 1024px) {
    .container-inner .sidebar .btn-filter-fence {
        display: flex;
    }
}

.container-inner .sidebar .btn-filter .btn-regular--bg {
    display: none;
}

@media (max-width: 1024px) {
    .container-inner .sidebar .btn-filter .btn-regular--bg {
        display: block;
    }
}

.container-inner .sidebar .btn-filter .btn-regular-secondary {
    display: none;
}

@media (max-width: 1024px) {
    .container-inner .sidebar .btn-filter .btn-regular-secondary {
        display: block;
    }
}

.container-inner>.content {
    width: calc(100% - 306px);
}

@media (max-width: 1024px) {
    .container-inner>.content {
        width: 100%;
    }
}

.container-inner>.content .cm-index-box {
    padding-bottom: 32px;
}

.container-inner>.content .cm-index-box .inner,
.container-inner>.content .cm-index-box .container-inner {
    min-width: 100%;
    width: 100%;
}

.container-inner>.content .cm-index-title {
    padding-top: 40px;
}

.container-inner>.content .cm-index-title .txt--b9 {
    width: 100%;
    text-align: left;
}

@media (max-width: 1024px) {
    .container-inner>.content .cm-index-title .txt--b9 {
        width: calc(100% - 64px);
        text-align: center;
    }
}

.container-inner>.content .cm-index-title .cm-share-list,
.container-inner>.content .cm-index-title .cm-share-list-black {
    top: 40px;
}

.container-inner>.content .board__block {
    padding-top: 0;
}

.container-detail {
    position: relative;
    z-index: 0;
    padding-top: 60px;
}

@media (max-width: 1024px) {
    .container-detail {
        padding-top: 40px;
    }
}

.container-detail::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 320px;
    background-color: #ffc500;
}

@media (max-width: 1024px) {

    .container-detail>.inner,
    .container-detail>.container-inner {
        width: 100%;
    }
}

.board__tab,
.board__tab-line {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 32px;
}

@media (max-width: 1248px) {

    .board__tab,
    .board__tab-line {
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
    }
}

@media (max-width: 1024px) {

    .board__tab,
    .board__tab-line {
        margin-top: 24px;
    }
}

.board__tab>li,
.board__tab-line>li {
    min-width: 66px;
    height: 36px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 20px;
    border: 1px solid #e0e0e0;
}

@media (max-width: 1248px) {

    .board__tab>li,
    .board__tab-line>li {
        min-width: fit-content;
    }
}

@media (max-width: 1024px) {

    .board__tab>li,
    .board__tab-line>li {
        height: 32px;
        padding: 0 16px;
    }
}

.board__tab>li.now,
.board__tab-line>li.now {
    border-color: #1f5afc;
    background-color: #1f5afc;
}

.board__tab>li.now .board__tab--block,
.board__tab-line>li.now .board__tab--block {
    color: #fff;
}

.board__tab>li:hover,
.board__tab-line>li:hover {
    border-color: #1f5afc;
    background-color: #1f5afc;
}

.board__tab>li:hover .board__tab--block,
.board__tab-line>li:hover .board__tab--block {
    color: #fff;
}

.board__tab--block {
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #9e9e9e;
    font: 14px /1.75em "Pretendard";
    text-align: center;
}

@media (max-width: 1024px) {
    .board__tab--block {
        font-size: 12px;
    }
}

.board__tab-line {
    justify-content: center;
    border-bottom: 1px solid #e0e0e0;
}

@media (max-width: 767px) {
    .board__tab-line {
        justify-content: flex-start;
    }
}

.board__tab-line>li {
    height: 52px;
    border: 0;
    border-radius: 0;
}

@media (max-width: 1024px) {
    .board__tab-line>li {
        height: 48px;
    }
}

.board__tab-line>li .board__tab--block {
    color: #9e9e9e;
    font-size: 16px;
    transition: none;
}

@media (max-width: 1024px) {
    .board__tab-line>li .board__tab--block {
        font-size: 14px;
    }
}

.board__tab-line>li.now {
    background-color: transparent;
    border-bottom: 2px solid #1f5afc;
}

.board__tab-line>li.now .board__tab--block {
    color: #1f5afc;
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .board__tab-line>li.now .board__tab--block {
        font-size: 14px;
    }
}

.board__tab-line>li:hover {
    background-color: transparent;
    border-bottom: 2px solid #1f5afc;
}

.board__tab-line>li:hover .board__tab--block {
    color: #1f5afc;
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .board__tab-line>li:hover .board__tab--block {
        font-size: 14px;
    }
}

.board__block {
    width: 100%;
    padding-top: 32px;
}

@media (max-width: 1024px) {
    .board__block {
        padding-top: 24px;
    }
}

.board__block .cm-txt__title--small {
    padding-bottom: 24px;
}

.board__index-box {
    align-items: flex-end !important;
    padding-bottom: 24px;
}

@media (max-width: 1024px) {
    .board__index-box {
        padding-bottom: 16px;
    }
}

@media (max-width: 767px) {
    .board__index-box {
        flex-direction: column-reverse;
    }
}

@media (max-width: 767px) {
    .board__index-box>li {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .board__index-box>li.board__index-term {
        margin-bottom: 24px;
    }
}

.board__index-box>li.board__index-term .icon-custom-grid {
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    text-align: center;
    line-height: 44px;
}

.board__index-box>li.board__index-term .icon-custom-grid::before {
    content: "\e9ee";
    font: 24px "icomoon";
}

.board__index-box>li.board__index-term .icon-custom-grid:hover {
    border-color: #1f5afc;
    color: #1f5afc;
}

@media (max-width: 1024px) {
    .board__index-box>li.board__index-term .icon-custom-grid {
        display: none;
    }
}

.board__index-box>li.board__index-term .icon-custom-grid.list-on::before {
    content: "\ea12";
}

.board__index-box>li.board__index-term .icon-custom-filter {
    display: none;
    position: relative;
    width: 100px;
    height: 40px;
    padding: 6px 10px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    font: 14px /1.75em "Pretendard" !important;
}

@media (max-width: 1024px) {
    .board__index-box>li.board__index-term .icon-custom-filter {
        display: block;
    }
}

@media (max-width: 767px) {
    .board__index-box>li.board__index-term .icon-custom-filter {
        width: 40px;
        padding: 0;
    }
}

.board__index-box>li.board__index-term .icon-custom-filter::before {
    content: "\ea45";
    position: absolute;
    right: 10px;
    top: 10px;
    font: 16px "icomoon";
}

@media (max-width: 767px) {
    .board__index-box>li.board__index-term .icon-custom-filter::before {
        right: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .board__index-box>li.board__index-term .icon-custom-filter>span {
        display: none;
    }
}

@media (max-width: 767px) {
    .board__index-box.short-box {
        flex-direction: row;
    }
}

@media (max-width: 767px) {
    .board__index-box.short-box>li {
        width: auto;
    }
}

@media (max-width: 767px) {
    .board__index-box.short-box>li.board__index-term {
        flex-direction: row;
        margin: 0 0 0 auto;
    }
}

@media (max-width: 767px) {
    .board__index-box.short-box>li.board__index-term label {
        width: calc(100% - 48px);
    }
}

@media (max-width: 767px) {
    .board__index-box.short-box>li.board__index-term select {
        min-width: 120px;
    }
}

.board__index-box .input-icon,
.board__index-box .input-button,
.board__index-box .input-icon--green,
.board__index-box .input-icon--red {
    width: 280px;
}

.board__index--num {
    color: #9e9e9e;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .board__index--num {
        font-size: 14px;
    }
}

.board__index--num>span {
    color: #000;
}

.board__index-term {
    display: flex;
    align-items: stretch;
    gap: 8px;
    margin-left: auto;
}

@media (max-width: 767px) {
    .board__index-term {
        margin-left: 0;
    }
}

@media (max-width: 359px) {
    .board__index-term {
        flex-direction: column;
    }
}

.board__index-term>label {
    flex: 1 1 auto;
}

@media (max-width: 359px) {
    .board__index-term>label {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .board__index-term select {
        width: 100%;
    }
}

@media (max-width: 359px) {
    .board__index-term select {
        min-width: 100%;
    }
}

@media (max-width: 359px) {

    .board__index-term .input-icon,
    .board__index-term .input-button,
    .board__index-term .input-icon--green,
    .board__index-term .input-icon--red {
        width: 100%;
    }
}

@media (max-width: 767px) {

    .board__index-term .input-icon input,
    .board__index-term .input-button input,
    .board__index-term .input-icon--green input,
    .board__index-term .input-icon--red input {
        width: calc(100% - 28px);
        cursor: auto;
    }
}

.board__list {
    border-top: 1px solid #000;
    border-bottom: 1px solid #e0e0e0;
}

.board__list-title {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .board__list-title {
        display: none;
    }
}

.board__list-title>li {
    display: table-cell;
    vertical-align: middle;
    min-width: 100px;
    width: 10%;
    height: 49px;
    padding: 0 12px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
}

.board__list-title>li.title {
    width: 54%;
}

.board__list-title>li.title--period {
    width: 25%;
}

.board__list-title>li.title--btn {
    width: 12%;
}

.board__list-con>li {
    border-top: 1px solid #e0e0e0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.board__list-con>li:first-child {
    border-top: 0;
}

.board__list-con>li>.inside {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.board__list--inner {
    display: table-row;
    width: 100%;
    height: 68px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .board__list--inner {
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        height: auto;
        padding: 24px 8px;
    }
}

@media (max-width: 767px) {
    .board__list--inner {
        height: auto;
    }
}

.board__list--inner>li {
    display: table-cell;
    vertical-align: middle;
    min-width: 100px;
    width: 10%;
    padding: 0 12px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
}

@media (max-width: 1024px) {
    .board__list--inner>li {
        display: flex;
        align-items: center;
        min-width: initial;
        width: auto;
        padding: 0;
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--kinds>span {
        padding-left: 12px;
    }
}

.board__list--inner>li.list--kinds .board-tag-primary {
    line-height: 24px;
}

.board__list--inner>li.list--title {
    width: 54%;
    height: 68px;
    color: #000;
    text-align: left;
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--title {
        align-items: inherit !important;
        width: 100%;
        height: auto;
        padding-top: 9px;
    }
}

.board__list--inner>li.list--title>.inside {
    width: calc(100% - 34px);
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--title>.inside {
        width: 100%;
    }
}

.board__list--inner>li.list--title .word-line-single {
    display: inline-block;
    vertical-align: middle;
    width: 93%;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--title .word-line-single {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .board__list--inner>li.list--title .word-line-single {
        word-wrap: break-word;
        display: -ms-flexbox;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        line-height: 25px;
    }
}

.board__list--inner>li.list--title [class^=icon-],
.board__list--inner>li.list--title [class*=" icon-"] {
    vertical-align: top;
    margin: 0 4px 0 0;
    font-size: 20px;
}

@media (max-width: 1024px) {

    .board__list--inner>li.list--title [class^=icon-],
    .board__list--inner>li.list--title [class*=" icon-"] {
        line-height: 1.5;
    }
}

.board__list--inner>li.list--title .icon-lock_closed_outline {
    color: #9e9e9e;
    font-size: 20px;
    line-height: 24px;
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--title .icon-lock_closed_outline {
        font-size: 16px;
    }
}

.board__list--inner>li.list--name {
    color: #9e9e9e;
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--name {
        padding: 12px 12px 0 0;
    }
}

.board__list--inner>li.list--date {
    color: #9e9e9e;
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--date>span {
        width: 100%;
        padding-top: 12px;
        text-align: left;
    }
}

.board__list--inner>li.list--date-period {
    width: 25%;
    color: #9e9e9e;
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--date-period {
        width: 50%;
    }
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--date-period>span {
        padding-top: 12px;
    }
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--state {
        margin-left: auto;
    }
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--state>span {
        margin-top: 12px;
    }
}

.board__list--inner>li.list--btn {
    width: 12%;
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--btn {
        display: block;
        clear: both;
        float: none;
        width: 100%;
    }
}

@media (max-width: 1024px) {

    .board__list--inner>li.list--btn .btn,
    .board__list--inner>li.list--btn .btn-400--outline,
    .board__list--inner>li.list--btn .btn-400,
    .board__list--inner>li.list--btn .btn-micro-400--outline,
    .board__list--inner>li.list--btn .btn-micro-400,
    .board__list--inner>li.list--btn .btn-tiny-400--outline,
    .board__list--inner>li.list--btn .btn-tiny-400,
    .board__list--inner>li.list--btn .btn-small-400--outline,
    .board__list--inner>li.list--btn .btn-small-400,
    .board__list--inner>li.list--btn .btn-normal-400--outline,
    .board__list--inner>li.list--btn .btn-normal-400,
    .board__list--inner>li.list--btn .btn-regular-400--outline,
    .board__list--inner>li.list--btn .btn-regular-400,
    .board__list--inner>li.list--btn .btn-large-400--outline,
    .board__list--inner>li.list--btn .btn-large-400,
    .board__list--inner>li.list--btn .btn-300--outline,
    .board__list--inner>li.list--btn .btn-300,
    .board__list--inner>li.list--btn .btn-primary--300,
    .board__list--inner>li.list--btn .btn-large,
    .board__list--inner>li.list--btn .btn-large-white--outline,
    .board__list--inner>li.list--btn .btn-large-white,
    .board__list--inner>li.list--btn .btn-large-dark--outline,
    .board__list--inner>li.list--btn .btn-large-dark,
    .board__list--inner>li.list--btn .btn-large-secondary--outline,
    .board__list--inner>li.list--btn .btn-large-secondary,
    .board__list--inner>li.list--btn .btn-large-secondary--900,
    .board__list--inner>li.list--btn .btn-large-primary--outline,
    .board__list--inner>li.list--btn .btn-large-primary,
    .board__list--inner>li.list--btn .btn-large--bg,
    .board__list--inner>li.list--btn .btn-regular,
    .board__list--inner>li.list--btn .btn-regular-secondary--900,
    .board__list--inner>li.list--btn .btn-regular-white--outline,
    .board__list--inner>li.list--btn .btn-regular-white,
    .board__list--inner>li.list--btn .btn-regular-dark--outline,
    .board__list--inner>li.list--btn .btn-regular-dark,
    .board__list--inner>li.list--btn .btn-regular-secondary--outline,
    .board__list--inner>li.list--btn .btn-regular-secondary,
    .board__list--inner>li.list--btn .btn-regular-primary--outline,
    .board__list--inner>li.list--btn .btn-regular-primary,
    .board__list--inner>li.list--btn .btn-regular--bg,
    .board__list--inner>li.list--btn .btn-normal,
    .board__list--inner>li.list--btn .btn-normal-white--outline,
    .board__list--inner>li.list--btn .btn-normal-white,
    .board__list--inner>li.list--btn .btn-normal-dark--outline,
    .board__list--inner>li.list--btn .btn-normal-dark,
    .board__list--inner>li.list--btn .btn-normal-secondary--outline,
    .board__list--inner>li.list--btn .btn-normal-secondary,
    .board__list--inner>li.list--btn .btn-normal-primary--outline,
    .board__list--inner>li.list--btn .btn-normal-primary,
    .board__list--inner>li.list--btn .btn-normal--bg,
    .board__list--inner>li.list--btn .btn-small,
    .board__list--inner>li.list--btn .btn-small-white--outline,
    .board__list--inner>li.list--btn .btn-small-white,
    .board__list--inner>li.list--btn .btn-small-dark--outline,
    .board__list--inner>li.list--btn .btn-small-dark,
    .board__list--inner>li.list--btn .btn-small-secondary--outline,
    .board__list--inner>li.list--btn .btn-small-secondary,
    .board__list--inner>li.list--btn .btn-small-secondary--900,
    .board__list--inner>li.list--btn .btn-small-primary--outline,
    .board__list--inner>li.list--btn .btn-small-primary,
    .board__list--inner>li.list--btn .btn-small--bg,
    .board__list--inner>li.list--btn .btn-tiny,
    .board__list--inner>li.list--btn .list-tag>li .btn-tiny-refresh,
    .list-tag>li .board__list--inner>li.list--btn .btn-tiny-refresh,
    .board__list--inner>li.list--btn .list-tag>li .btn-tiny-category,
    .list-tag>li .board__list--inner>li.list--btn .btn-tiny-category,
    .board__list--inner>li.list--btn .btn-tiny-white--outline,
    .board__list--inner>li.list--btn .btn-tiny-white,
    .board__list--inner>li.list--btn .btn-tiny-dark--outline,
    .board__list--inner>li.list--btn .btn-tiny-dark,
    .board__list--inner>li.list--btn .btn-tiny-secondary--outline,
    .board__list--inner>li.list--btn .btn-tiny-secondary,
    .board__list--inner>li.list--btn .btn-tiny-primary--outline,
    .board__list--inner>li.list--btn .btn-tiny-primary,
    .board__list--inner>li.list--btn .btn-tiny--bg,
    .board__list--inner>li.list--btn .btn-micro,
    .board__list--inner>li.list--btn .btn-micro-white--outline,
    .board__list--inner>li.list--btn .btn-micro-white,
    .board__list--inner>li.list--btn .btn-micro-dark--outline,
    .board__list--inner>li.list--btn .btn-micro-dark,
    .board__list--inner>li.list--btn .btn-micro-secondary--outline,
    .board__list--inner>li.list--btn .btn-micro-secondary,
    .board__list--inner>li.list--btn .btn-micro-primary--outline,
    .board__list--inner>li.list--btn .btn-micro-primary,
    .board__list--inner>li.list--btn .btn-micro--bg,
    .board__list--inner>li.list--btn .btn-white--outline,
    .board__list--inner>li.list--btn .btn-white,
    .board__list--inner>li.list--btn .btn-dark--outline,
    .board__list--inner>li.list--btn .btn-dark,
    .board__list--inner>li.list--btn .btn-secondary--outline,
    .board__list--inner>li.list--btn .btn-secondary,
    .board__list--inner>li.list--btn .btn-primary--outline,
    .board__list--inner>li.list--btn .btn-primary,
    .board__list--inner>li.list--btn .btn--bg,
    .board__list--inner>li.list--btn .member-frame .btn-larger,
    .member-frame .board__list--inner>li.list--btn .btn-larger {
        width: 100%;
        margin-top: 24px;
        padding: 9px 7px 8px 7px;
    }
}

.board__list--inner.nodata {
    display: block;
    height: auto;
}

@media (max-width: 1024px) {
    .board__list--inner.nodata {
        padding: 0;
    }
}

.board__list--inner.nodata__message p {
    padding-top: 12px;
}

@media (max-width: 1024px) {
    .board__list--inner.nodata__message {
        padding-top: 8px;
    }
}

.board__list--inner.nodata li,
.board__list--inner.nodata div,
.board__list--inner.nodata p,
.board__list--inner.nodata span {
    color: #616161;
    font-size: 15px;
    text-align: center;
}

@media (max-width: 1024px) {

    .board__list--inner.nodata li,
    .board__list--inner.nodata div,
    .board__list--inner.nodata p,
    .board__list--inner.nodata span {
        font-size: 13px;
    }
}

.board__list--inner.nodata li {
    display: block;
    width: 100%;
    padding: 100px 0;
}

@media (max-width: 1024px) {
    .board__list--inner.nodata li {
        padding: 60px 0;
    }
}

.board__list--inner.nodata [class^=icon-],
.board__list--inner.nodata [class*=" icon-"] {
    display: block;
    font-size: 48px;
    color: #eee;
}

@media (max-width: 1024px) {

    .board__list--inner.nodata [class^=icon-],
    .board__list--inner.nodata [class*=" icon-"] {
        font-size: 40px;
    }
}

.board__drop-title {
    position: relative;
    padding: 32px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .board__drop-title {
        display: block !important;
        padding: 24px 20px;
    }
}

.board__drop-title::before {
    content: "\e98b";
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translate(0, -50%);
    color: #9e9e9e;
    font: 24px "icomoon";
}

@media (max-width: 1024px) {
    .board__drop-title::before {
        right: 20px;
    }
}

.board__drop-title .board-tag-primary {
    min-width: 48px;
    max-width: 140px;
    margin-right: 80px;
}

@media (max-width: 1024px) {
    .board__drop-title .board-tag-primary {
        margin-right: 0;
        padding: 0 0 4px 0;
    }
}

.board__drop-title .txt--m4 {
    width: calc(100% - 200px);
    height: auto;
    font-size: 18px;
}

@media (max-width: 1024px) {
    .board__drop-title .txt--m4.word-line-two {
        width: calc(100% - 28px);
        font-size: 16px;
    }
}

.board__drop-con {
    padding: 32px 31px;
    box-sizing: border-box;
    border-top: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .board__drop-con {
        padding: 24px 20px;
    }
}

.board__drop-con--txt {
    margin-bottom: 40px;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .board__drop-con--txt {
        margin-bottom: 32px;
        font-size: 14px;
    }
}

.board__drop-con .attach-box__left .txt-default {
    margin-top: 4px;
}

.board__drop-con .attach-box__list--left [class^=icon-],
.board__drop-con .attach-box__list--left [class*=" icon-"] {
    margin: 2px 4px 0 0;
    font-size: 24px;
}

@media (max-width: 1024px) {

    .board__drop-con .attach-box__list--left [class^=icon-],
    .board__drop-con .attach-box__list--left [class*=" icon-"] {
        font-size: 20px;
    }
}

.board__drop-box>li {
    overflow: hidden;
    position: relative;
    margin-top: 8px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
}

.board__drop-box>li:first-child {
    margin-top: 0;
}

.board__drop-box>li:hover {
    border-color: #1f5afc;
}

.board__drop-box>li:hover::before {
    color: #1f5afc;
}

.board__drop-box>li.on {
    border-color: #1f5afc;
}

.board__drop-box>li.on .board__drop-title::before {
    content: "\e997";
    color: #1f5afc;
}

.board__detail {
    padding: 40px 0 0;
    box-sizing: border-box;
    border-top: 1px solid #000;
    border-bottom: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .board__detail {
        padding: 24px 0 0;
    }
}

.board__detail-title {
    padding: 0 32px 40px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .board__detail-title {
        padding: 0 16px 24px;
    }
}

@media (max-width: 767px) {
    .board__detail-title {
        padding: 0 8px 24px;
    }
}

.board__detail-title--list {
    position: relative;
}

.board__detail-title--list>li .txt--m7 {
    margin: 16px 0 24px;
}

@media (max-width: 1024px) {
    .board__detail-title--list>li .txt--m7 {
        margin: 8px 0 16px;
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .board__detail-title--list>li .txt--m7 {
        font-size: 18px;
    }
}

.board__detail-title .board-tag-primary {
    font-size: 14px;
    line-height: 1.4em;
}

@media (max-width: 1024px) {
    .board__detail-title .board-tag-primary {
        font-size: 12px;
    }
}

.board__detail-title .icon-ellipsis_vertical {
    display: none;
    float: right;
    color: #9e9e9e;
    font-size: 20px;
}

@media (max-width: 1024px) {
    .board__detail-title .icon-ellipsis_vertical {
        display: block;
    }
}

.board__detail-title .state__green,
.board__detail-title .state__yellow,
.board__detail-title .state__gray,
.board__detail-title .state__red,
.board__detail-title .state-square__green {
    position: absolute;
    right: 0;
    top: 0;
}

@media (max-width: 1024px) {

    .board__detail-title .state__green,
    .board__detail-title .state__yellow,
    .board__detail-title .state__gray,
    .board__detail-title .state__red,
    .board__detail-title .state-square__green {
        position: static;
        right: auto;
        top: auto;
        margin-left: auto;
    }
}

.board__detail-con {
    padding: 40px 32px;
}

@media (max-width: 1024px) {
    .board__detail-con {
        padding: 24px 16px;
    }
}

@media (max-width: 767px) {
    .board__detail-con {
        padding: 24px 8px;
    }
}

.board__detail-show-box {
    display: none;
    position: absolute;
    right: 0;
    top: 29px;
    z-index: 1;
    width: 80px;
    padding: 8px 0;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08);
    border: solid 1px #eee;
    background-color: #fff;
}

.board__detail-show-box>li {
    width: 100%;
    padding: 4px;
    height: 32px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
}

.board__detail-show-box>li:hover {
    background-color: #f5f5f5;
}

.board__form--inner {
    padding: 40px 32px;
    box-sizing: border-box;
    border-top: 1px solid #e0e0e0;
}

.board__form--inner:first-child {
    padding-top: 0;
    border-top: 0;
}

@media (max-width: 1024px) {
    .board__form--inner {
        padding: 24px 16px;
    }
}

@media (max-width: 767px) {
    .board__form--inner {
        padding: 24px 8px;
    }
}

.board__form--list>li {
    margin-top: 24px;
}

.board__form--list>li:first-child {
    margin-top: 0;
}

@media (max-width: 1024px) {
    .board__form--list>li {
        margin-top: 16px;
    }
}



.board__form--list>li .input-icon,
.board__form--list>li .input-button,
.board__form--list>li .input-icon--green,
.board__form--list>li .input-icon--red,
.board__form--list>li input,
.board__form--list>li select,
.board__form--list>li textarea,
.board__form--list>li label {
    width: 100%;
}

.board__form--list>li .input-icon,
.board__form--list>li .input-button,
.board__form--list>li .input-icon--green,
.board__form--list>li .input-icon--red,
.board__form--list>li input,
.board__form--list>li select {
    height: 48px;
}

@media (max-width: 1024px) {

    .board__form--list>li .input-icon,
    .board__form--list>li .input-button,
    .board__form--list>li .input-icon--green,
    .board__form--list>li .input-icon--red,
    .board__form--list>li input,
    .board__form--list>li select {
        height: 44px;
    }
}

.board__form--list>li textarea {
    height: 120px;
}

.board__form--flex {
    display: flex;
    align-items: flex-start;
}

@media (max-width: 1024px) {
    .board__form--flex {
        display: block;
    }
}


.board__form--flex_join {
    align-items: flex-start;
}

@media (max-width: 1024px) {
    .board__form--flex_join {
        display: block;
    }
}

.board__form--title {
    width: 172px;
    padding-top: 12px;
}

@media (max-width: 1024px) {
    .board__form--title {
        width: 100%;
        padding-top: 0;
    }
}

.board__form--title span,
.board__form--title label {
    font-size: 14px;
}

@media (max-width: 1024px) {

    .board__form--title span,
    .board__form--title label {
        font-size: 12px;
    }
}

.board__form--title>label {
    height: auto !important;
}

.board__form--con {
    width: 690px;
}

@media (max-width: 1024px) {
    .board__form--con {
        width: 100%;
        padding-top: 4px;
    }
}

.board__form--con .attach-box__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 32px;
}

@media (max-width: 1024px) {
    .board__form--con .attach-box__list {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.board__form--con .attach-box__list>li {
    padding: 6px 8px 7px;
    box-sizing: border-box;
    border-radius: 4px;
    border: solid 1px #eee;
    background-color: #fafafa;
}

@media (max-width: 1024px) {
    .board__form--con .attach-box__list>li {
        display: flex;
        align-items: center;
        flex: 1 1 40%;
        height: 32px;
    }
}

@media (max-width: 767px) {
    .board__form--con .attach-box__list>li {
        flex: 1 1 100%;
        width: 100%;
    }
}

.board__form--con .attach-box__list>li [class^=icon-],
.board__form--con .attach-box__list>li [class*=" icon-"] {
    color: #9e9e9e;
}

.board__form--con .attach-box__list--left {
    width: 80%;
}

@media (max-width: 340px) {
    .board__form--con .attach-box__list--left {
        width: 60%;
    }
}

@media (max-width: 1024px) {
    .board__form--con .attach-box__list--right {
        display: flex;
        align-items: center;
    }
}

.board__form--con .attach-box__file {
    cursor: default;
}

.board__form--con .attach-box__volume {
    margin-right: 16px;
}

.board__form--txt {
    display: flex;
    align-items: flex-start;
    font-size: 13px;
    color: #9e9e9e;
}

@media (max-width: 1024px) {
    .board__form--txt {
        font-size: 12px;
    }
}

.board__form--txt [class^=icon-],
.board__form--txt [class*=" icon-"] {
    margin: 1px 8px 0 0;
    color: #bdbdbd;
}

@media (max-width: 1024px) {

    .board__form--txt [class^=icon-],
    .board__form--txt [class*=" icon-"] {
        margin: 2px 4px 0 0;
        font-size: 20px;
    }
}

@media (max-width: 1024px) {

    .board__form .btn-regular,
    .board__form .btn-regular-400--outline,
    .board__form .btn-regular-400,
    .board__form .btn-regular-secondary--900,
    .board__form .btn-regular-white--outline,
    .board__form .btn-regular-white,
    .board__form .btn-regular-dark--outline,
    .board__form .btn-regular-dark,
    .board__form .btn-regular-secondary--outline,
    .board__form .btn-regular-secondary,
    .board__form .btn-regular-primary--outline,
    .board__form .btn-regular-primary,
    .board__form .btn-regular--bg {
        min-width: 100px;
        height: 44px;
    }
}

.board__form .list-double>li label.radio-box,
.board__form .list-double-gap>li label.radio-box {
    display: flex;
    align-items: center;
    height: 44px;
}

.board-num {
    color: #9e9e9e;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .board-num {
        font-size: 12px;
    }
}

.board-num__square,
.board-num__square-purple,
.board-num__square-green,
.board-num__square-primary--bg,
.board-num__square-primary {
    display: inline-block;
    min-width: 52px;
    height: 28px;
    padding: 4px 7px;
    box-sizing: border-box;
    border: 1px solid #bdbdbd;
    color: #9e9e9e;
    font: 13px /1.4em "Pretendard";
    text-align: center;
}

@media (max-width: 1024px) {

    .board-num__square,
    .board-num__square-purple,
    .board-num__square-green,
    .board-num__square-primary--bg,
    .board-num__square-primary {
        min-width: 47px;
        height: 24px;
        padding: 3px 7px;
        font-size: 12px;
    }
}

.board-num__square-primary {
    border: 1px solid #1f5afc;
    color: #1f5afc;
}

.board-num__square-primary--bg {
    background-color: #1f5afc;
    border: 1px solid #1f5afc;
    color: #fff;
}

.board-tag,
.board-tag-primary {
    display: inline-block;
    font: 13px /1.4em "Pretendard";
    line-height: 1.75em;
}

@media (max-width: 1024px) {

    .board-tag,
    .board-tag-primary {
        font-size: 12px;
        color: #000;
    }
}

.board-tag-primary {
    color: #1f5afc;
}

.board-banner {
    width: 100%;
    box-sizing: border-box;
}

.board-banner.top-area {
    margin: 32px 0 48px;
}

@media (max-width: 1024px) {
    .board-banner.top-area {
        margin: 32px 0;
    }
}

@media (max-width: 767px) {
    .board-banner.top-area {
        margin: 24px 0 32px;
    }
}

.board-banner.bottom-area {
    margin-top: 60px;
}

@media (max-width: 1024px) {
    .board-banner.bottom-area {
        margin-top: 48px;
    }
}

.board-banner__flex {
    width: 100%;
    padding: 32px 40px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .board-banner__flex {
        padding: 24px 32px;
    }
}

@media (max-width: 767px) {
    .board-banner__flex {
        display: block !important;
        padding: 32px 24px;
        background-position: right 38% top;
    }
}

.board-banner__left {
    position: relative;
    padding: 18px 0 18px 140px;
}

@media (max-width: 1024px) {
    .board-banner__left {
        padding: 13px 0 13px 104px;
    }
}

@media (max-width: 767px) {
    .board-banner__left {
        padding: 0;
    }
}

.board-banner__left::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 102px;
    background: no-repeat center/contain;
    background-image: url(../img/sub/q_balloon.png);
}

@media (max-width: 1024px) {
    .board-banner__left::before {
        width: 80px;
        height: 82px;
    }
}

@media (max-width: 767px) {
    .board-banner__left::before {
        content: none;
    }
}

@media (max-width: 1024px) {
    .board-banner__left .txt--m5 {
        font-size: 18px;
    }
}

.board-banner__left--txt {
    padding-top: 8px;
    color: #616161;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .board-banner__left--txt {
        padding-top: 4px;
        font-size: 14px;
    }
}

.board-banner__right {
    margin-left: auto;
}

@media (max-width: 767px) {
    .board-banner__right {
        margin-top: 32px;
    }
}

@media (max-width: 1024px) {

    .board-banner__right .btn-normal,
    .board-banner__right .btn-normal-400--outline,
    .board-banner__right .btn-normal-400,
    .board-banner__right .btn-normal-white--outline,
    .board-banner__right .btn-normal-white,
    .board-banner__right .btn-normal-dark--outline,
    .board-banner__right .btn-normal-dark,
    .board-banner__right .btn-normal-secondary--outline,
    .board-banner__right .btn-normal-secondary,
    .board-banner__right .btn-normal-primary--outline,
    .board-banner__right .btn-normal-primary,
    .board-banner__right .btn-normal--bg {
        min-width: 100px;
        padding: 9px 12px 9.5px 12px;
    }
}

@media (max-width: 767px) {

    .board-banner__right .btn-normal,
    .board-banner__right .btn-normal-400--outline,
    .board-banner__right .btn-normal-400,
    .board-banner__right .btn-normal-white--outline,
    .board-banner__right .btn-normal-white,
    .board-banner__right .btn-normal-dark--outline,
    .board-banner__right .btn-normal-dark,
    .board-banner__right .btn-normal-secondary--outline,
    .board-banner__right .btn-normal-secondary,
    .board-banner__right .btn-normal-primary--outline,
    .board-banner__right .btn-normal-primary,
    .board-banner__right .btn-normal--bg {
        min-width: 100%;
        width: 100%;
    }
}

.attach-box {
    display: flex;
    align-items: flex-start;
    padding: 21px 32px;
    background-color: #fafafa;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 4px;
}

@media (max-width: 1024px) {
    .attach-box {
        padding: 8px 12px;
    }
}

@media (max-width: 1024px) {
    .attach-box__left {
        display: none;
    }
}

.attach-box__left .default-txt {
    margin-right: 56px;
    line-height: 32px;
}

.attach-box__right {
    width: calc(100% - 108px);
    margin-left: auto;
}

@media (max-width: 1024px) {
    .attach-box__right {
        width: 100%;
    }
}

.attach-box__list>li {
    display: flex;
    align-items: center;
    height: 32px;
}

@media (max-width: 1024px) {
    .attach-box__list>li {
        height: 28px;
    }
}

.attach-box__list .inside-attach {
    display: flex;
    align-items: center;
}

.attach-box__list--left {
    display: flex;
    align-items: center;
    width: calc(100% - 40px);
}

.attach-box__list--left [class^=icon-],
.attach-box__list--left [class*=" icon-"] {
    color: #616161;
    font-size: 20px;
}

.attach-box__list--right {
    margin-left: auto;
}

.attach-box__file {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 28px) !important;
    color: #616161;
    font-size: 13px;
}

@media (max-width: 1024px) {
    .attach-box__file {
        font-size: 12px;
    }
}

.attach-box__volume {
    color: #9e9e9e;
    font: 12px /1.75em "spoqa-light";
}

@media (max-width: 1024px) {
    .attach-box__volume {
        font-size: 11px;
    }
}

.reply-box {
    margin-top: 56px;
}

@media (max-width: 1024px) {
    .reply-box {
        margin-top: 40px;
    }
}

.reply-box .txt--m4 {
    padding-bottom: 16px;
}

@media (max-width: 767px) {
    .reply-box .txt--m4 {
        font-size: 16px;
    }
}

.reply-box .attach-box__list {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 32px;
}

.reply-box .attach-box__list>li {
    padding: 5px 8px 3px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #eee;
    background-color: #fafafa;
}

@media (max-width: 1024px) {
    .reply-box .attach-box__list>li {
        height: 32px;
    }
}

.reply-box .attach-box__list--left {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.reply-box .attach-box__list--right [class^=icon-],
.reply-box .attach-box__list--right [class*=" icon-"] {
    margin: 2px 0 0 8px;
    color: #9e9e9e;
}

.reply-box .attach-box__file {
    width: 100%;
}

.reply-box__outline {
    background-color: #fff;
    border: 1px solid #000;
    box-sizing: border-box;
}

.reply-box__outline--lining {
    padding: 16px 16px 8px;
}

@media (max-width: 1024px) {
    .reply-box__outline--lining {
        padding: 12px 12px 8px;
    }
}

.reply-box__outline--lining textarea.user-con {
    padding: 0;
    padding-bottom: 0;
}

.reply-box__outline--lining .attach-box__list {
    overflow-x: auto;
    flex-wrap: nowrap !important;
    width: 100%;
    margin-bottom: 0;
}

.reply-box__outline--lining .attach-box__list>li {
    flex: 0 0 auto !important;
    width: 118px;
    padding: 5px 8px 4px 8px;
}

.reply-box__outline--lining .attach-box__list>li .attach-box__list--left {
    width: 70px;
}

.reply-box__outline--lining .attach-box__file {
    width: 100% !important;
}

.reply-box__outline--bottom {
    display: flex;
    align-items: stretch;
    box-sizing: border-box;
}

.reply-box__outline--bottom-left {
    display: flex;
    align-items: center;
    width: calc(100% - 120px);
    padding: 9px 16px;
    box-sizing: border-box;
    border-top: 1px solid #eee;
}

@media (max-width: 1024px) {
    .reply-box__outline--bottom-left {
        width: calc(100% - 80px);
        padding: 7px 12px 8px;
    }
}

.reply-box__outline--bottom-left [class^=icon-],
.reply-box__outline--bottom-left [class*=" icon-"] {
    color: #616161;
}

.reply-box__outline--bottom-left .num-count {
    margin-left: auto;
}

@media (max-width: 1024px) {

    .reply-box__outline--bottom-right [class^=btn-],
    .reply-box__outline--bottom-right [class*=" btn-"] {
        min-width: 80px;
        height: 40px;
        padding: 9px 12px 9px 12px;
    }
}

.reply-box .user-con {
    width: 100%;
    box-sizing: border-box;
    border: 0;
    font-size: 14px;
}

.reply-box textarea {
    background-color: transparent;
    font: 14px /1.75em "Pretendard";
}

.reply-box textarea::placeholder {
    color: #9e9e9e;
}

.reply-box__list {
    margin-top: 32px;
}

.reply-box__list>li {
    padding-top: 24px;
    box-sizing: border-box;
    border-top: 1px solid #e0e0e0;
}

.reply-box__list>li .user-con {
    padding-bottom: 24px;
}

.reply-box__list>li textarea.user-con {
    padding: 0;
    padding-bottom: 0;
}

.reply-box__list>li .attach-box__list {
    flex-wrap: wrap;
}

.reply-box__list>li .attach-box__list>li {
    flex: 0 0 30%;
}

@media (max-width: 1024px) {
    .reply-box__list>li .attach-box__list>li {
        flex: 0 0 40%;
    }
}

@media (max-width: 767px) {
    .reply-box__list>li .attach-box__list>li {
        flex: 0 0 100%;
    }
}

.reply-box__list>li .attach-box__list>li .icon-vs_clip {
    margin-right: 4px;
    font-size: 24px;
}

@media (max-width: 1024px) {
    .reply-box__list>li .attach-box__list>li .icon-vs_clip {
        font-size: 20px;
    }
}

.reply-box__list--btn {
    margin-bottom: 24px;
}

.reply-box__title {
    position: relative;
    margin-bottom: 16px;
}

.reply-box__title--left {
    width: calc(100% - 24px);
}

.reply-box__title--right {
    margin-left: auto;
}

.reply-box__title--right [class^=icon-],
.reply-box__title--right [class*=" icon-"] {
    color: #9e9e9e;
}

@media (max-width: 1024px) {

    .reply-box__title--right [class^=icon-],
    .reply-box__title--right [class*=" icon-"] {
        font-size: 20px;
    }
}

.reply-box__title .txt--m3 {
    padding-right: 8px;
}

.reply-box__title .txt--m3 [class^=icon-],
.reply-box__title .txt--m3 [class*=" icon-"] {
    color: #9e9e9e;
}

.reply-box__title--small {
    color: #9e9e9e;
    font-size: 12px;
}

.reply-box__write {
    padding: 25px 24px 24px;
    box-sizing: border-box;
    background-color: #fafafa;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .reply-box__write {
        padding: 16px 16px 24px;
    }
}

.reply-box__write .reply-box__list {
    margin-top: 29px;
}

@media (max-width: 1024px) {
    .reply-box__write .reply-box__list {
        margin-top: 25px;
    }
}

.reply-box__write .reply-box__list>li {
    margin-top: 28px;
    padding: 0;
    border-top: 0;
    border-bottom: 1px solid #e0e0e0;
}

.reply-box__write .reply-box__list>li:first-child {
    margin-top: 0;
}

@media (max-width: 1024px) {
    .reply-box__write .reply-box__list>li {
        margin-top: 25px;
    }
}

.reply-box__write .reply-box__list .user-con {
    padding-left: 32px;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 56px;
}

@media (max-width: 1024px) {
    .pagination {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .pagination {
        justify-content: space-between;
    }
}

.pagination>li {
    width: 40px;
    height: 40px;
    margin: 0 4px;
    font-size: 16px;
    text-align: center;
}

@media (max-width: 1024px) {
    .pagination>li {
        width: 32px;
        height: 32px;
        margin: 0;
        font-size: 14px;
    }
}

.pagination>li>.inside {
    justify-content: center;
    width: 100%;
    height: 100%;
}

.pagination>li.now>.inside {
    color: #1f5afc;
}

.pagination__remote>.inside {
    font-size: 16px;
}

.pagination__remote.all-prev {
    margin-left: 0;
}

.pagination__remote.all-next {
    margin-right: 0;
}

.pagination__remote.prev {
    margin-right: 28px;
}

@media (max-width: 1024px) {
    .pagination__remote.prev {
        margin-right: 16px;
    }
}

.pagination__remote.next {
    margin-left: 24px;
}

@media (max-width: 1024px) {
    .pagination__remote.next {
        margin-left: 16px;
    }
}

.num-count {
    color: #9e9e9e;
    font: 12px /1.75em "spoqa-light";
}

.num-count .now {
    color: #616161;
}

@media (max-width: 1024px) {
    .num-count {
        font-size: 11px;
    }
}

.icon-custom,
.btn-regular-secondary--900.download::before,
.icon-custom-spot,
.icon-custom-tree,
.icon-custom-download,
.icon-custom-print,
.icon-custom-call,
.icon-custom-target,
.icon-custom-scroll,
.icon-custom-close,
.icon-custom-menu,
.icon-custom-remote,
.icon-custom-speed,
.icon-custom-subtitle,
.icon-custom-mute,
.icon-custom-big__pause,
.icon-custom-big__play {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: no-repeat center/contain;
}

.icon-custom-heart {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.icon-custom-heart::before {
    content: "\e9fb";
    color: #e0e0e0;
    font: 24px "icomoon";
}

.icon-custom-heart.full::before {
    content: "\e9f7";
    color: #1f5afc;
}

.icon-custom-heart--bg {
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.24);
}

.icon-custom-heart--bg::before {
    content: "\e9fb";
    color: #fff;
    font: 16px "icomoon";
}

.icon-custom-heart--bg.full::before {
    content: "\e9f7";
}

.icon-custom-play--bg {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.24);
}

.icon-custom-play--bg::before {
    content: "\ea57";
    color: #fff;
    font-size: 20px;
}

.icon-custom-big__play {
    width: 80px;
    height: 80px;
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0c22.084 0 40 17.916 40 40S62.084 80 40 80 0 62.084 0 40 17.916 0 40 0zm0 6.154C21.315 6.154 6.154 21.314 6.154 40c0 18.685 15.16 33.846 33.846 33.846 18.685 0 33.846-15.16 33.846-33.846 0-18.685-15.16-33.846-33.846-33.846zm-6.69 16.804a3.077 3.077 0 0 1 3.273.42l17.132 14.257a3.077 3.077 0 0 1 0 4.73L36.583 56.621a3.077 3.077 0 0 1-5.045-2.363V25.742a3.079 3.079 0 0 1 1.772-2.784z' fill='%23fff' opacity='.54'/%3E%3C/svg%3E");
}

.icon-custom-big__pause {
    width: 80px;
    height: 80px;
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0c22.084 0 40 17.916 40 40S62.084 80 40 80 0 62.084 0 40 17.916 0 40 0zm0 6.154C21.315 6.154 6.154 21.314 6.154 40c0 18.685 15.16 33.846 33.846 33.846 18.685 0 33.846-15.16 33.846-33.846 0-18.685-15.16-33.846-33.846-33.846zM34.857 23c.947 0 1.714.712 1.714 1.59v31.82c0 .878-.767 1.59-1.714 1.59h-5.143C28.768 58 28 57.288 28 56.41V24.59c0-.878.768-1.59 1.714-1.59h5.143zm15.429 0c.946 0 1.714.712 1.714 1.59v31.82c0 .878-.768 1.59-1.714 1.59h-5.143c-.947 0-1.714-.712-1.714-1.59V24.59c0-.878.767-1.59 1.714-1.59h5.143z' fill='%23fff' opacity='.54'/%3E%3C/svg%3E");
}

.icon-custom-mute {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.417 18c-.267 0-.526-.082-.74-.234l-.035-.026-4.763-3.745H1.25c-.69 0-1.25-.537-1.25-1.199V7.203c0-.662.56-1.198 1.25-1.198h3.628L9.64 2.259l.035-.026c.38-.268.884-.308 1.305-.104.42.204.686.618.686 1.07V16.8c0 .662-.56 1.199-1.25 1.199V18zm7.331-8 2.095-2.095a.53.53 0 0 0-.748-.75L17 9.25l-2.095-2.095a.53.53 0 1 0-.75.75L16.25 10l-2.095 2.095a.53.53 0 1 0 .75.75L17 10.75l2.095 2.095a.53.53 0 1 0 .75-.75L17.748 10z' fill='%23fff'/%3E%3C/svg%3E");
}

.icon-custom-subtitle {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.252 0H3.748A3.75 3.75 0 0 0 0 3.748v12.504A3.75 3.75 0 0 0 3.748 20h12.504A3.75 3.75 0 0 0 20 16.252V3.748A3.75 3.75 0 0 0 16.252 0zM9.175 11.004h5.982a.75.75 0 1 1 0 1.5H9.175a.75.75 0 1 1 0-1.5zm-4.333 0h1.35a.75.75 0 1 1 0 1.5h-1.35a.75.75 0 0 1 0-1.5zm7.347 4.498H4.842a.75.75 0 0 1 0-1.499h7.347a.75.75 0 1 1 0 1.5zm2.983 0a.765.765 0 0 1-.764-.75.743.743 0 0 1 .75-.749h.014a.75.75 0 1 1 0 1.5z' fill='%23fff'/%3E%3C/svg%3E");
}

.icon-custom-speed {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10 0 .33.006A10.001 10.001 0 1 1 0 10.036V10a1.176 1.176 0 0 1 2.353 0A7.648 7.648 0 1 0 10 2.353 1.176 1.176 0 1 1 10 0zm-.588 4.275a1.177 1.177 0 0 1 1.765 1.019v4.2l2.353 2.353a1.19 1.19 0 1 1-1.683 1.682l-2.7-2.694A1.048 1.048 0 0 1 9 10.653a.621.621 0 0 1-.047-.089.767.767 0 0 1-.064-.117l-.036-.112a.701.701 0 0 1-.03-.106 1.018 1.018 0 0 1 .001-.23V5.295c0-.42.224-.809.588-1.019zM1.416 5.47a1.176 1.176 0 1 1 .889 2.178 1.176 1.176 0 0 1-.889-2.178zm1.62-2.647a1.177 1.177 0 1 1 .817 2.024l.002-.001-.13-.006a1.177 1.177 0 0 1-.607-.25l-.1-.09a1.177 1.177 0 0 1 .017-1.677zM6.605.606a1.177 1.177 0 1 1 .413 2.317A1.177 1.177 0 0 1 6.606.606z' fill='%23FFF'/%3E%3C/svg%3E");
}

.member-frame {
    width: 560px;
    margin: 0 auto;
    padding-top: 120px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .member-frame {
        min-height: calc(100vh - 320px);
        margin-top: 56px;
    }
}

@media (max-width: 767px) {
    .member-frame {
        min-height: calc(100vh - 409px);
        width: 100%;
    }
}

@media (max-width: 520px) {
    .member-frame {
        min-height: calc(100vh - 499px);
    }
}

.member-frame--title {
    padding-bottom: 10px;
}

@media (max-width: 1024px) {
    .member-frame--title {
        padding-bottom: 5px;
    }
}

@media (max-width: 1024px) {
    .member-frame--title .txt--m5 {
        font-size: 18px;
    }
}

.member-frame--title .list-step {
    margin-left: auto;
}

.member-frame .icon-custom-chk {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    padding: 28px 0 48px;
    background: no-repeat center/contain;
}

@media (max-width: 1024px) {
    .member-frame .icon-custom-chk {
        width: 60px;
        height: 60px;
        padding: 8px 0 24px;
    }
}

.member-frame .cm-txt__title--regular {
    margin-bottom: 48px;
    text-align: center;
}

@media (max-width: 1024px) {
    .member-frame .cm-txt__title--regular {
        margin-bottom: 40px;
    }
}

.member-frame__txt {
    padding-top: 16px;
    color: #616161;
    font-size: 16px;
    text-align: center;
}

@media (max-width: 1024px) {
    .member-frame__txt {
        padding-top: 8px;
        font-size: 14px;
    }
}

.member-frame .btn-larger {
    width: 100%;
    height: 68px !important;
    padding: 22px 12px !important;
    border-radius: 34px;
}

@media (max-width: 1024px) {
    .member-frame .btn-larger {
        height: 56px !important;
        padding: 16px 12px !important;
    }
}

.member-frame .btn-larger span {
    color: #000;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .member-frame .btn-larger span {
        font-size: 14px;
    }
}

.member-frame .btn-larger span.primary-color {
    padding-left: 16px;
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .member-frame .btn-larger span.primary-color {
        font-size: 14px;
    }
}

.member__form {
    width: 100%;
}

@media (max-width: 1024px) {
    .member__form {
        display: block !important;
        padding: 55px 0 32px !important;
    }
}

.member__form .board__form--title {
    width: 100%;
}

.member__form .board__form--con {
    width: 100%;
    padding-top: 8px;
}

@media (max-width: 1024px) {
    .member__form .board__form--con {
        padding-top: 4px;
    }
}

.member__form .board__form--con>.flex-box,
.member__form .board__form--con>.history-ball,
.member__form .board__form--con.category-list>li,
.member__form .board__form--con>.box-schedule__month-list,
.member__form .box-schedule__year .board__form--con>.past,
.box-schedule__year .member__form .board__form--con>.past,
.member__form .box-schedule__year .board__form--con>.future,
.box-schedule__year .member__form .board__form--con>.future,
.member__form .board__form--con>.box-schedule__year,
.member__form .board__form--con>.box-symbol2,
.member__form .board__form--con>.box-clean__title,
.member__form .board__form--con>.box-nodata,
.member__form .list-learning .list-come__con--title .board__form--con>.fraction-remote,
.list-learning .list-come__con--title .member__form .board__form--con>.fraction-remote,
.member__form .board__form--con>.list-come__mark,
.member__form .board__form--con.list-come>li,
.member__form .drop-menu__list>li.board__form--con>.inside.js-drop-title,
.member__form .board__form--con>.title-frame,
.member__form .board__form--con>.cm-index-title,
.member__form .board__form--con>.main-banner__list,
.member__form .main__slider-fraction .board__form--con>.fraction-remote,
.main__slider-fraction .member__form .board__form--con>.fraction-remote,
.member__form .board__form--con>.main-list__top,
.member__form .board__form--con>.main-list__bottom,
.member__form .board__form--con>.main-title__sub,
.member__form .board__form--con>.main-title,
.member__form .main-container .board__form--con>.quick-box__list,
.main-container .member__form .board__form--con>.quick-box__list,
.member__form .board__form--con>.visual__login-inner,
.member__form .visual__login-con .board__form--con>.menu-activity,
.visual__login-con .member__form .board__form--con>.menu-activity,
.member__form .visual__login-con .board__form--con>.menu-comment__list,
.visual__login-con .member__form .board__form--con>.menu-comment__list,
.member__form .footer .board__form--con>.ars-frame__txt,
.footer .member__form .board__form--con>.ars-frame__txt,
.member__form .board__form--con>.footer__logo-list,
.member__form .board__form--con>.footer__link,
.member__form .banner-list__slider .swiper-slide .board__form--con>a,
.banner-list__slider .swiper-slide .member__form .board__form--con>a,
.member__form .board__form--con>.menu-before__top--list,
.member__form .header .board__form--con>.menu-before__top,
.header .member__form .board__form--con>.menu-before__top,
.member__form .header__bottom .board__form--con>.gnb-list__txt,
.header__bottom .member__form .board__form--con>.gnb-list__txt,
.member__form .header__top>.header__inner .lnb-right>li.board__form--con>.inside,
.header__top>.header__inner .member__form .lnb-right>li.board__form--con>.inside,
.member__form .header__top>.header__inner .lnb-left>li.tm .inside .board__form--con>.albums-num,
.header__top>.header__inner .lnb-left>li.tm .inside .member__form .board__form--con>.albums-num,
.member__form .header__top>.header__inner .board__form--con>.lnb-left,
.header__top>.header__inner .member__form .board__form--con>.lnb-left,
.member__form .header__top>.header__inner .board__form--con>.lnb-right,
.header__top>.header__inner .member__form .board__form--con>.lnb-right,
.member__form .board__form--con.header__top>.header__inner,
.member__form .board__form--con.box-history__list>li,
.member__form .board__form--con.box-history>li,
.member__form .box-middle .board__form--con>.box-middle__top,
.box-middle .member__form .board__form--con>.box-middle__top,
.member__form .board__form--con.list-map>li,
.member__form .board__form--con>.list-map,
.member__form .list-definition .board__form--con>dt,
.member__form .list-table-bg>li dl .board__form--con>dt,
.list-table-bg>li .member__form dl .board__form--con>dt,
.list-definition .member__form .board__form--con>dt,
.list-table-bg>li dl .member__form .board__form--con>dt,
.member__form .list-definition .board__form--con>dd,
.member__form .list-table-bg>li dl .board__form--con>dd,
.list-table-bg>li .member__form dl .board__form--con>dd,
.list-definition .member__form .board__form--con>dd,
.list-table-bg>li dl .member__form .board__form--con>dd,
.member__form .board__form--con>.list-tag,
.member__form .board__form--con>.list-fourth-decrease,
.member__form .board__form--con>.list-triple-decrease,
.member__form .board__form--con>.list-triple,
.member__form .board__form--con>.list-triple--interval-v2,
.member__form .board__form--con>.list-triple--interval,
.member__form .board__form--con>.list-fourth,
.member__form .board__form--con>.list-gallery,
.member__form .board__form--con>.list-fourth--interval-v2,
.member__form .list-border-gap--regular .board__form--con>.list__inner-flex--triple,
.list-border-gap--regular .member__form .board__form--con>.list__inner-flex--triple,
.member__form .board__form--con>.flex-direction--column,
.member__form .form-sort .board__form--con>[class^=btn-],
.member__form .form-sort-triple__registration .board__form--con>[class^=btn-],
.member__form .form-sort-single .board__form--con>[class^=btn-],
.member__form .form-sort-double__phone .board__form--con>[class^=btn-],
.member__form .form-sort-double .board__form--con>[class^=btn-],
.member__form .form-sort-triple__email .board__form--con>[class^=btn-],
.member__form .form-sort-triple .board__form--con>[class^=btn-],
.form-sort .member__form .board__form--con>[class^=btn-],
.form-sort-triple__registration .member__form .board__form--con>[class^=btn-],
.form-sort-single .member__form .board__form--con>[class^=btn-],
.form-sort-double__phone .member__form .board__form--con>[class^=btn-],
.form-sort-double .member__form .board__form--con>[class^=btn-],
.form-sort-triple__email .member__form .board__form--con>[class^=btn-],
.form-sort-triple .member__form .board__form--con>[class^=btn-],
.member__form .input-button .board__form--con>a[class^=icon-],
.input-button .member__form .board__form--con>a[class^=icon-],
.member__form .board__form--con>.input-icon,
.member__form .board__form--con>.input-button,
.member__form .board__form--con>.input-icon--green,
.member__form .board__form--con>.input-icon--red,
.member__form .board__form--con>.btn-interval__right,
.member__form .board__form--con>.btn-interval__left,
.member__form .board__form--con>.popup-page__window,
.member__form .board__form--con>.popup-page__title,
.member__form .board__form--con>.info-wrap__inner,
.member__form .board__form--con>.info-wrap,
.member__form .board__form--con>.info-data-box__top,
.member__form .detail-box__info .board__form--con>.box-application,
.detail-box__info .member__form .board__form--con>.box-application,
.member__form .board__form--con>.detail-index-box,
.member__form .board__form--con>.category-frame__title,
.member__form .container-inner .board__form--con>.sidebar__title-frame,
.container-inner .member__form .board__form--con>.sidebar__title-frame,
.member__form .container-inner .sidebar-list>li.board__form--con>.inside,
.container-inner .member__form .sidebar-list>li.board__form--con>.inside,
.member__form .board__form--con>.board__tab--block,
.member__form .board__form--con>.board__index-box,
.member__form .board__form--con>.board__drop-title,
.member__form .board__form--con>.board-banner__flex,
.member__form .board__form--con>.reply-box__title,
.member__form .pagination>li.board__form--con>.inside,
.member__form .board__form--con>.member-frame--title {
    gap: 16px;
}

@media (max-width: 1024px) {

    .member__form .board__form--con>.flex-box,
    .member__form .board__form--con>.history-ball,
    .member__form .board__form--con.category-list>li,
    .member__form .board__form--con>.box-schedule__month-list,
    .member__form .box-schedule__year .board__form--con>.past,
    .box-schedule__year .member__form .board__form--con>.past,
    .member__form .box-schedule__year .board__form--con>.future,
    .box-schedule__year .member__form .board__form--con>.future,
    .member__form .board__form--con>.box-schedule__year,
    .member__form .board__form--con>.box-symbol2,
    .member__form .board__form--con>.box-clean__title,
    .member__form .board__form--con>.box-nodata,
    .member__form .list-learning .list-come__con--title .board__form--con>.fraction-remote,
    .list-learning .list-come__con--title .member__form .board__form--con>.fraction-remote,
    .member__form .board__form--con>.list-come__mark,
    .member__form .board__form--con.list-come>li,
    .member__form .drop-menu__list>li.board__form--con>.inside.js-drop-title,
    .member__form .board__form--con>.title-frame,
    .member__form .board__form--con>.cm-index-title,
    .member__form .board__form--con>.main-banner__list,
    .member__form .main__slider-fraction .board__form--con>.fraction-remote,
    .main__slider-fraction .member__form .board__form--con>.fraction-remote,
    .member__form .board__form--con>.main-list__top,
    .member__form .board__form--con>.main-list__bottom,
    .member__form .board__form--con>.main-title__sub,
    .member__form .board__form--con>.main-title,
    .member__form .main-container .board__form--con>.quick-box__list,
    .main-container .member__form .board__form--con>.quick-box__list,
    .member__form .board__form--con>.visual__login-inner,
    .member__form .visual__login-con .board__form--con>.menu-activity,
    .visual__login-con .member__form .board__form--con>.menu-activity,
    .member__form .visual__login-con .board__form--con>.menu-comment__list,
    .visual__login-con .member__form .board__form--con>.menu-comment__list,
    .member__form .footer .board__form--con>.ars-frame__txt,
    .footer .member__form .board__form--con>.ars-frame__txt,
    .member__form .board__form--con>.footer__logo-list,
    .member__form .board__form--con>.footer__link,
    .member__form .banner-list__slider .swiper-slide .board__form--con>a,
    .banner-list__slider .swiper-slide .member__form .board__form--con>a,
    .member__form .board__form--con>.menu-before__top--list,
    .member__form .header .board__form--con>.menu-before__top,
    .header .member__form .board__form--con>.menu-before__top,
    .member__form .header__bottom .board__form--con>.gnb-list__txt,
    .header__bottom .member__form .board__form--con>.gnb-list__txt,
    .member__form .header__top>.header__inner .lnb-right>li.board__form--con>.inside,
    .header__top>.header__inner .member__form .lnb-right>li.board__form--con>.inside,
    .member__form .header__top>.header__inner .lnb-left>li.tm .inside .board__form--con>.albums-num,
    .header__top>.header__inner .lnb-left>li.tm .inside .member__form .board__form--con>.albums-num,
    .member__form .header__top>.header__inner .board__form--con>.lnb-left,
    .header__top>.header__inner .member__form .board__form--con>.lnb-left,
    .member__form .header__top>.header__inner .board__form--con>.lnb-right,
    .header__top>.header__inner .member__form .board__form--con>.lnb-right,
    .member__form .board__form--con.header__top>.header__inner,
    .member__form .board__form--con.box-history__list>li,
    .member__form .board__form--con.box-history>li,
    .member__form .box-middle .board__form--con>.box-middle__top,
    .box-middle .member__form .board__form--con>.box-middle__top,
    .member__form .board__form--con.list-map>li,
    .member__form .board__form--con>.list-map,
    .member__form .list-definition .board__form--con>dt,
    .member__form .list-table-bg>li dl .board__form--con>dt,
    .list-table-bg>li .member__form dl .board__form--con>dt,
    .list-definition .member__form .board__form--con>dt,
    .list-table-bg>li dl .member__form .board__form--con>dt,
    .member__form .list-definition .board__form--con>dd,
    .member__form .list-table-bg>li dl .board__form--con>dd,
    .list-table-bg>li .member__form dl .board__form--con>dd,
    .list-definition .member__form .board__form--con>dd,
    .list-table-bg>li dl .member__form .board__form--con>dd,
    .member__form .board__form--con>.list-tag,
    .member__form .board__form--con>.list-fourth-decrease,
    .member__form .board__form--con>.list-triple-decrease,
    .member__form .board__form--con>.list-triple,
    .member__form .board__form--con>.list-triple--interval-v2,
    .member__form .board__form--con>.list-triple--interval,
    .member__form .board__form--con>.list-fourth,
    .member__form .board__form--con>.list-gallery,
    .member__form .board__form--con>.list-fourth--interval-v2,
    .member__form .list-border-gap--regular .board__form--con>.list__inner-flex--triple,
    .list-border-gap--regular .member__form .board__form--con>.list__inner-flex--triple,
    .member__form .board__form--con>.flex-direction--column,
    .member__form .form-sort .board__form--con>[class^=btn-],
    .member__form .form-sort-triple__registration .board__form--con>[class^=btn-],
    .member__form .form-sort-single .board__form--con>[class^=btn-],
    .member__form .form-sort-double__phone .board__form--con>[class^=btn-],
    .member__form .form-sort-double .board__form--con>[class^=btn-],
    .member__form .form-sort-triple__email .board__form--con>[class^=btn-],
    .member__form .form-sort-triple .board__form--con>[class^=btn-],
    .form-sort .member__form .board__form--con>[class^=btn-],
    .form-sort-triple__registration .member__form .board__form--con>[class^=btn-],
    .form-sort-single .member__form .board__form--con>[class^=btn-],
    .form-sort-double__phone .member__form .board__form--con>[class^=btn-],
    .form-sort-double .member__form .board__form--con>[class^=btn-],
    .form-sort-triple__email .member__form .board__form--con>[class^=btn-],
    .form-sort-triple .member__form .board__form--con>[class^=btn-],
    .member__form .input-button .board__form--con>a[class^=icon-],
    .input-button .member__form .board__form--con>a[class^=icon-],
    .member__form .board__form--con>.input-icon,
    .member__form .board__form--con>.input-button,
    .member__form .board__form--con>.input-icon--green,
    .member__form .board__form--con>.input-icon--red,
    .member__form .board__form--con>.btn-interval__right,
    .member__form .board__form--con>.btn-interval__left,
    .member__form .board__form--con>.popup-page__window,
    .member__form .board__form--con>.popup-page__title,
    .member__form .board__form--con>.info-wrap__inner,
    .member__form .board__form--con>.info-wrap,
    .member__form .board__form--con>.info-data-box__top,
    .member__form .detail-box__info .board__form--con>.box-application,
    .detail-box__info .member__form .board__form--con>.box-application,
    .member__form .board__form--con>.detail-index-box,
    .member__form .board__form--con>.category-frame__title,
    .member__form .container-inner .board__form--con>.sidebar__title-frame,
    .container-inner .member__form .board__form--con>.sidebar__title-frame,
    .member__form .container-inner .sidebar-list>li.board__form--con>.inside,
    .container-inner .member__form .sidebar-list>li.board__form--con>.inside,
    .member__form .board__form--con>.board__tab--block,
    .member__form .board__form--con>.board__index-box,
    .member__form .board__form--con>.board__drop-title,
    .member__form .board__form--con>.board-banner__flex,
    .member__form .board__form--con>.reply-box__title,
    .member__form .pagination>li.board__form--con>.inside,
    .member__form .board__form--con>.member-frame--title {
        gap: 8px;
    }
}

.member__form .board__form--con>.flex-box select,
.member__form .board__form--con>.history-ball select,
.member__form .board__form--con.category-list>li select,
.member__form .board__form--con>.box-schedule__month-list select,
.member__form .box-schedule__year .board__form--con>.past select,
.box-schedule__year .member__form .board__form--con>.past select,
.member__form .box-schedule__year .board__form--con>.future select,
.box-schedule__year .member__form .board__form--con>.future select,
.member__form .board__form--con>.box-schedule__year select,
.member__form .board__form--con>.box-symbol2 select,
.member__form .board__form--con>.box-clean__title select,
.member__form .board__form--con>.box-nodata select,
.member__form .list-learning .list-come__con--title .board__form--con>.fraction-remote select,
.list-learning .list-come__con--title .member__form .board__form--con>.fraction-remote select,
.member__form .board__form--con>.list-come__mark select,
.member__form .board__form--con.list-come>li select,
.member__form .drop-menu__list>li.board__form--con>.inside.js-drop-title select,
.member__form .board__form--con>.title-frame select,
.member__form .board__form--con>.cm-index-title select,
.member__form .board__form--con>.main-banner__list select,
.member__form .main__slider-fraction .board__form--con>.fraction-remote select,
.main__slider-fraction .member__form .board__form--con>.fraction-remote select,
.member__form .board__form--con>.main-list__top select,
.member__form .board__form--con>.main-list__bottom select,
.member__form .board__form--con>.main-title__sub select,
.member__form .board__form--con>.main-title select,
.member__form .main-container .board__form--con>.quick-box__list select,
.main-container .member__form .board__form--con>.quick-box__list select,
.member__form .board__form--con>.visual__login-inner select,
.member__form .visual__login-con .board__form--con>.menu-activity select,
.visual__login-con .member__form .board__form--con>.menu-activity select,
.member__form .visual__login-con .board__form--con>.menu-comment__list select,
.visual__login-con .member__form .board__form--con>.menu-comment__list select,
.member__form .footer .board__form--con>.ars-frame__txt select,
.footer .member__form .board__form--con>.ars-frame__txt select,
.member__form .board__form--con>.footer__logo-list select,
.member__form .board__form--con>.footer__link select,
.member__form .banner-list__slider .swiper-slide .board__form--con>a select,
.banner-list__slider .swiper-slide .member__form .board__form--con>a select,
.member__form .board__form--con>.menu-before__top--list select,
.member__form .header .board__form--con>.menu-before__top select,
.header .member__form .board__form--con>.menu-before__top select,
.member__form .header__bottom .board__form--con>.gnb-list__txt select,
.header__bottom .member__form .board__form--con>.gnb-list__txt select,
.member__form .header__top>.header__inner .lnb-right>li.board__form--con>.inside select,
.header__top>.header__inner .member__form .lnb-right>li.board__form--con>.inside select,
.member__form .header__top>.header__inner .lnb-left>li.tm .inside .board__form--con>.albums-num select,
.header__top>.header__inner .lnb-left>li.tm .inside .member__form .board__form--con>.albums-num select,
.member__form .header__top>.header__inner .board__form--con>.lnb-left select,
.header__top>.header__inner .member__form .board__form--con>.lnb-left select,
.member__form .header__top>.header__inner .board__form--con>.lnb-right select,
.header__top>.header__inner .member__form .board__form--con>.lnb-right select,
.member__form .board__form--con.header__top>.header__inner select,
.member__form .board__form--con.box-history__list>li select,
.member__form .board__form--con.box-history>li select,
.member__form .box-middle .board__form--con>.box-middle__top select,
.box-middle .member__form .board__form--con>.box-middle__top select,
.member__form .board__form--con.list-map>li select,
.member__form .board__form--con>.list-map select,
.member__form .list-definition .board__form--con>dt select,
.member__form .list-table-bg>li dl .board__form--con>dt select,
.list-table-bg>li .member__form dl .board__form--con>dt select,
.list-definition .member__form .board__form--con>dt select,
.list-table-bg>li dl .member__form .board__form--con>dt select,
.member__form .list-definition .board__form--con>dd select,
.member__form .list-table-bg>li dl .board__form--con>dd select,
.list-table-bg>li .member__form dl .board__form--con>dd select,
.list-definition .member__form .board__form--con>dd select,
.list-table-bg>li dl .member__form .board__form--con>dd select,
.member__form .board__form--con>.list-tag select,
.member__form .board__form--con>.list-fourth-decrease select,
.member__form .board__form--con>.list-triple-decrease select,
.member__form .board__form--con>.list-triple select,
.member__form .board__form--con>.list-triple--interval-v2 select,
.member__form .board__form--con>.list-triple--interval select,
.member__form .board__form--con>.list-fourth select,
.member__form .board__form--con>.list-gallery select,
.member__form .board__form--con>.list-fourth--interval-v2 select,
.member__form .list-border-gap--regular .board__form--con>.list__inner-flex--triple select,
.list-border-gap--regular .member__form .board__form--con>.list__inner-flex--triple select,
.member__form .board__form--con>.flex-direction--column select,
.member__form .form-sort .board__form--con>[class^=btn-] select,
.member__form .form-sort-triple__registration .board__form--con>[class^=btn-] select,
.member__form .form-sort-single .board__form--con>[class^=btn-] select,
.member__form .form-sort-double__phone .board__form--con>[class^=btn-] select,
.member__form .form-sort-double .board__form--con>[class^=btn-] select,
.member__form .form-sort-triple__email .board__form--con>[class^=btn-] select,
.member__form .form-sort-triple .board__form--con>[class^=btn-] select,
.form-sort .member__form .board__form--con>[class^=btn-] select,
.form-sort-triple__registration .member__form .board__form--con>[class^=btn-] select,
.form-sort-single .member__form .board__form--con>[class^=btn-] select,
.form-sort-double__phone .member__form .board__form--con>[class^=btn-] select,
.form-sort-double .member__form .board__form--con>[class^=btn-] select,
.form-sort-triple__email .member__form .board__form--con>[class^=btn-] select,
.form-sort-triple .member__form .board__form--con>[class^=btn-] select,
.member__form .input-button .board__form--con>a[class^=icon-] select,
.input-button .member__form .board__form--con>a[class^=icon-] select,
.member__form .board__form--con>.input-icon select,
.member__form .board__form--con>.input-button select,
.member__form .board__form--con>.input-icon--green select,
.member__form .board__form--con>.input-icon--red select,
.member__form .board__form--con>.btn-interval__right select,
.member__form .board__form--con>.btn-interval__left select,
.member__form .board__form--con>.popup-page__window select,
.member__form .board__form--con>.popup-page__title select,
.member__form .board__form--con>.info-wrap__inner select,
.member__form .board__form--con>.info-wrap select,
.member__form .board__form--con>.info-data-box__top select,
.member__form .detail-box__info .board__form--con>.box-application select,
.detail-box__info .member__form .board__form--con>.box-application select,
.member__form .board__form--con>.detail-index-box select,
.member__form .board__form--con>.category-frame__title select,
.member__form .container-inner .board__form--con>.sidebar__title-frame select,
.container-inner .member__form .board__form--con>.sidebar__title-frame select,
.member__form .container-inner .sidebar-list>li.board__form--con>.inside select,
.container-inner .member__form .sidebar-list>li.board__form--con>.inside select,
.member__form .board__form--con>.board__tab--block select,
.member__form .board__form--con>.board__index-box select,
.member__form .board__form--con>.board__drop-title select,
.member__form .board__form--con>.board-banner__flex select,
.member__form .board__form--con>.reply-box__title select,
.member__form .pagination>li.board__form--con>.inside select,
.member__form .board__form--con>.member-frame--title select {
    max-width: 176px;
}

@media (max-width: 1024px) {

    .member__form .board__form--con>.flex-box select,
    .member__form .board__form--con>.history-ball select,
    .member__form .board__form--con.category-list>li select,
    .member__form .board__form--con>.box-schedule__month-list select,
    .member__form .box-schedule__year .board__form--con>.past select,
    .box-schedule__year .member__form .board__form--con>.past select,
    .member__form .box-schedule__year .board__form--con>.future select,
    .box-schedule__year .member__form .board__form--con>.future select,
    .member__form .board__form--con>.box-schedule__year select,
    .member__form .board__form--con>.box-symbol2 select,
    .member__form .board__form--con>.box-clean__title select,
    .member__form .board__form--con>.box-nodata select,
    .member__form .list-learning .list-come__con--title .board__form--con>.fraction-remote select,
    .list-learning .list-come__con--title .member__form .board__form--con>.fraction-remote select,
    .member__form .board__form--con>.list-come__mark select,
    .member__form .board__form--con.list-come>li select,
    .member__form .drop-menu__list>li.board__form--con>.inside.js-drop-title select,
    .member__form .board__form--con>.title-frame select,
    .member__form .board__form--con>.cm-index-title select,
    .member__form .board__form--con>.main-banner__list select,
    .member__form .main__slider-fraction .board__form--con>.fraction-remote select,
    .main__slider-fraction .member__form .board__form--con>.fraction-remote select,
    .member__form .board__form--con>.main-list__top select,
    .member__form .board__form--con>.main-list__bottom select,
    .member__form .board__form--con>.main-title__sub select,
    .member__form .board__form--con>.main-title select,
    .member__form .main-container .board__form--con>.quick-box__list select,
    .main-container .member__form .board__form--con>.quick-box__list select,
    .member__form .board__form--con>.visual__login-inner select,
    .member__form .visual__login-con .board__form--con>.menu-activity select,
    .visual__login-con .member__form .board__form--con>.menu-activity select,
    .member__form .visual__login-con .board__form--con>.menu-comment__list select,
    .visual__login-con .member__form .board__form--con>.menu-comment__list select,
    .member__form .footer .board__form--con>.ars-frame__txt select,
    .footer .member__form .board__form--con>.ars-frame__txt select,
    .member__form .board__form--con>.footer__logo-list select,
    .member__form .board__form--con>.footer__link select,
    .member__form .banner-list__slider .swiper-slide .board__form--con>a select,
    .banner-list__slider .swiper-slide .member__form .board__form--con>a select,
    .member__form .board__form--con>.menu-before__top--list select,
    .member__form .header .board__form--con>.menu-before__top select,
    .header .member__form .board__form--con>.menu-before__top select,
    .member__form .header__bottom .board__form--con>.gnb-list__txt select,
    .header__bottom .member__form .board__form--con>.gnb-list__txt select,
    .member__form .header__top>.header__inner .lnb-right>li.board__form--con>.inside select,
    .header__top>.header__inner .member__form .lnb-right>li.board__form--con>.inside select,
    .member__form .header__top>.header__inner .lnb-left>li.tm .inside .board__form--con>.albums-num select,
    .header__top>.header__inner .lnb-left>li.tm .inside .member__form .board__form--con>.albums-num select,
    .member__form .header__top>.header__inner .board__form--con>.lnb-left select,
    .header__top>.header__inner .member__form .board__form--con>.lnb-left select,
    .member__form .header__top>.header__inner .board__form--con>.lnb-right select,
    .header__top>.header__inner .member__form .board__form--con>.lnb-right select,
    .member__form .board__form--con.header__top>.header__inner select,
    .member__form .board__form--con.box-history__list>li select,
    .member__form .board__form--con.box-history>li select,
    .member__form .box-middle .board__form--con>.box-middle__top select,
    .box-middle .member__form .board__form--con>.box-middle__top select,
    .member__form .board__form--con.list-map>li select,
    .member__form .board__form--con>.list-map select,
    .member__form .list-definition .board__form--con>dt select,
    .member__form .list-table-bg>li dl .board__form--con>dt select,
    .list-table-bg>li .member__form dl .board__form--con>dt select,
    .list-definition .member__form .board__form--con>dt select,
    .list-table-bg>li dl .member__form .board__form--con>dt select,
    .member__form .list-definition .board__form--con>dd select,
    .member__form .list-table-bg>li dl .board__form--con>dd select,
    .list-table-bg>li .member__form dl .board__form--con>dd select,
    .list-definition .member__form .board__form--con>dd select,
    .list-table-bg>li dl .member__form .board__form--con>dd select,
    .member__form .board__form--con>.list-tag select,
    .member__form .board__form--con>.list-fourth-decrease select,
    .member__form .board__form--con>.list-triple-decrease select,
    .member__form .board__form--con>.list-triple select,
    .member__form .board__form--con>.list-triple--interval-v2 select,
    .member__form .board__form--con>.list-triple--interval select,
    .member__form .board__form--con>.list-fourth select,
    .member__form .board__form--con>.list-gallery select,
    .member__form .board__form--con>.list-fourth--interval-v2 select,
    .member__form .list-border-gap--regular .board__form--con>.list__inner-flex--triple select,
    .list-border-gap--regular .member__form .board__form--con>.list__inner-flex--triple select,
    .member__form .board__form--con>.flex-direction--column select,
    .member__form .form-sort .board__form--con>[class^=btn-] select,
    .member__form .form-sort-triple__registration .board__form--con>[class^=btn-] select,
    .member__form .form-sort-single .board__form--con>[class^=btn-] select,
    .member__form .form-sort-double__phone .board__form--con>[class^=btn-] select,
    .member__form .form-sort-double .board__form--con>[class^=btn-] select,
    .member__form .form-sort-triple__email .board__form--con>[class^=btn-] select,
    .member__form .form-sort-triple .board__form--con>[class^=btn-] select,
    .form-sort .member__form .board__form--con>[class^=btn-] select,
    .form-sort-triple__registration .member__form .board__form--con>[class^=btn-] select,
    .form-sort-single .member__form .board__form--con>[class^=btn-] select,
    .form-sort-double__phone .member__form .board__form--con>[class^=btn-] select,
    .form-sort-double .member__form .board__form--con>[class^=btn-] select,
    .form-sort-triple__email .member__form .board__form--con>[class^=btn-] select,
    .form-sort-triple .member__form .board__form--con>[class^=btn-] select,
    .member__form .input-button .board__form--con>a[class^=icon-] select,
    .input-button .member__form .board__form--con>a[class^=icon-] select,
    .member__form .board__form--con>.input-icon select,
    .member__form .board__form--con>.input-button select,
    .member__form .board__form--con>.input-icon--green select,
    .member__form .board__form--con>.input-icon--red select,
    .member__form .board__form--con>.btn-interval__right select,
    .member__form .board__form--con>.btn-interval__left select,
    .member__form .board__form--con>.popup-page__window select,
    .member__form .board__form--con>.popup-page__title select,
    .member__form .board__form--con>.info-wrap__inner select,
    .member__form .board__form--con>.info-wrap select,
    .member__form .board__form--con>.info-data-box__top select,
    .member__form .detail-box__info .board__form--con>.box-application select,
    .detail-box__info .member__form .board__form--con>.box-application select,
    .member__form .board__form--con>.detail-index-box select,
    .member__form .board__form--con>.category-frame__title select,
    .member__form .container-inner .board__form--con>.sidebar__title-frame select,
    .container-inner .member__form .board__form--con>.sidebar__title-frame select,
    .member__form .container-inner .sidebar-list>li.board__form--con>.inside select,
    .container-inner .member__form .sidebar-list>li.board__form--con>.inside select,
    .member__form .board__form--con>.board__tab--block select,
    .member__form .board__form--con>.board__index-box select,
    .member__form .board__form--con>.board__drop-title select,
    .member__form .board__form--con>.board-banner__flex select,
    .member__form .board__form--con>.reply-box__title select,
    .member__form .pagination>li.board__form--con>.inside select,
    .member__form .board__form--con>.member-frame--title select {
        min-width: initial;
        max-width: none;
    }
}

@media (max-width: 1024px) {

    .member__form .board__form--con>.flex-box select.phone-header,
    .member__form .board__form--con>.history-ball select.phone-header,
    .member__form .board__form--con.category-list>li select.phone-header,
    .member__form .board__form--con>.box-schedule__month-list select.phone-header,
    .member__form .box-schedule__year .board__form--con>.past select.phone-header,
    .box-schedule__year .member__form .board__form--con>.past select.phone-header,
    .member__form .box-schedule__year .board__form--con>.future select.phone-header,
    .box-schedule__year .member__form .board__form--con>.future select.phone-header,
    .member__form .board__form--con>.box-schedule__year select.phone-header,
    .member__form .board__form--con>.box-symbol2 select.phone-header,
    .member__form .board__form--con>.box-clean__title select.phone-header,
    .member__form .board__form--con>.box-nodata select.phone-header,
    .member__form .list-learning .list-come__con--title .board__form--con>.fraction-remote select.phone-header,
    .list-learning .list-come__con--title .member__form .board__form--con>.fraction-remote select.phone-header,
    .member__form .board__form--con>.list-come__mark select.phone-header,
    .member__form .board__form--con.list-come>li select.phone-header,
    .member__form .drop-menu__list>li.board__form--con>.inside.js-drop-title select.phone-header,
    .member__form .board__form--con>.title-frame select.phone-header,
    .member__form .board__form--con>.cm-index-title select.phone-header,
    .member__form .board__form--con>.main-banner__list select.phone-header,
    .member__form .main__slider-fraction .board__form--con>.fraction-remote select.phone-header,
    .main__slider-fraction .member__form .board__form--con>.fraction-remote select.phone-header,
    .member__form .board__form--con>.main-list__top select.phone-header,
    .member__form .board__form--con>.main-list__bottom select.phone-header,
    .member__form .board__form--con>.main-title__sub select.phone-header,
    .member__form .board__form--con>.main-title select.phone-header,
    .member__form .main-container .board__form--con>.quick-box__list select.phone-header,
    .main-container .member__form .board__form--con>.quick-box__list select.phone-header,
    .member__form .board__form--con>.visual__login-inner select.phone-header,
    .member__form .visual__login-con .board__form--con>.menu-activity select.phone-header,
    .visual__login-con .member__form .board__form--con>.menu-activity select.phone-header,
    .member__form .visual__login-con .board__form--con>.menu-comment__list select.phone-header,
    .visual__login-con .member__form .board__form--con>.menu-comment__list select.phone-header,
    .member__form .footer .board__form--con>.ars-frame__txt select.phone-header,
    .footer .member__form .board__form--con>.ars-frame__txt select.phone-header,
    .member__form .board__form--con>.footer__logo-list select.phone-header,
    .member__form .board__form--con>.footer__link select.phone-header,
    .member__form .banner-list__slider .swiper-slide .board__form--con>a select.phone-header,
    .banner-list__slider .swiper-slide .member__form .board__form--con>a select.phone-header,
    .member__form .board__form--con>.menu-before__top--list select.phone-header,
    .member__form .header .board__form--con>.menu-before__top select.phone-header,
    .header .member__form .board__form--con>.menu-before__top select.phone-header,
    .member__form .header__bottom .board__form--con>.gnb-list__txt select.phone-header,
    .header__bottom .member__form .board__form--con>.gnb-list__txt select.phone-header,
    .member__form .header__top>.header__inner .lnb-right>li.board__form--con>.inside select.phone-header,
    .header__top>.header__inner .member__form .lnb-right>li.board__form--con>.inside select.phone-header,
    .member__form .header__top>.header__inner .lnb-left>li.tm .inside .board__form--con>.albums-num select.phone-header,
    .header__top>.header__inner .lnb-left>li.tm .inside .member__form .board__form--con>.albums-num select.phone-header,
    .member__form .header__top>.header__inner .board__form--con>.lnb-left select.phone-header,
    .header__top>.header__inner .member__form .board__form--con>.lnb-left select.phone-header,
    .member__form .header__top>.header__inner .board__form--con>.lnb-right select.phone-header,
    .header__top>.header__inner .member__form .board__form--con>.lnb-right select.phone-header,
    .member__form .board__form--con.header__top>.header__inner select.phone-header,
    .member__form .board__form--con.box-history__list>li select.phone-header,
    .member__form .board__form--con.box-history>li select.phone-header,
    .member__form .box-middle .board__form--con>.box-middle__top select.phone-header,
    .box-middle .member__form .board__form--con>.box-middle__top select.phone-header,
    .member__form .board__form--con.list-map>li select.phone-header,
    .member__form .board__form--con>.list-map select.phone-header,
    .member__form .list-definition .board__form--con>dt select.phone-header,
    .member__form .list-table-bg>li dl .board__form--con>dt select.phone-header,
    .list-table-bg>li .member__form dl .board__form--con>dt select.phone-header,
    .list-definition .member__form .board__form--con>dt select.phone-header,
    .list-table-bg>li dl .member__form .board__form--con>dt select.phone-header,
    .member__form .list-definition .board__form--con>dd select.phone-header,
    .member__form .list-table-bg>li dl .board__form--con>dd select.phone-header,
    .list-table-bg>li .member__form dl .board__form--con>dd select.phone-header,
    .list-definition .member__form .board__form--con>dd select.phone-header,
    .list-table-bg>li dl .member__form .board__form--con>dd select.phone-header,
    .member__form .board__form--con>.list-tag select.phone-header,
    .member__form .board__form--con>.list-fourth-decrease select.phone-header,
    .member__form .board__form--con>.list-triple-decrease select.phone-header,
    .member__form .board__form--con>.list-triple select.phone-header,
    .member__form .board__form--con>.list-triple--interval-v2 select.phone-header,
    .member__form .board__form--con>.list-triple--interval select.phone-header,
    .member__form .board__form--con>.list-fourth select.phone-header,
    .member__form .board__form--con>.list-gallery select.phone-header,
    .member__form .board__form--con>.list-fourth--interval-v2 select.phone-header,
    .member__form .list-border-gap--regular .board__form--con>.list__inner-flex--triple select.phone-header,
    .list-border-gap--regular .member__form .board__form--con>.list__inner-flex--triple select.phone-header,
    .member__form .board__form--con>.flex-direction--column select.phone-header,
    .member__form .form-sort .board__form--con>[class^=btn-] select.phone-header,
    .member__form .form-sort-triple__registration .board__form--con>[class^=btn-] select.phone-header,
    .member__form .form-sort-single .board__form--con>[class^=btn-] select.phone-header,
    .member__form .form-sort-double__phone .board__form--con>[class^=btn-] select.phone-header,
    .member__form .form-sort-double .board__form--con>[class^=btn-] select.phone-header,
    .member__form .form-sort-triple__email .board__form--con>[class^=btn-] select.phone-header,
    .member__form .form-sort-triple .board__form--con>[class^=btn-] select.phone-header,
    .form-sort .member__form .board__form--con>[class^=btn-] select.phone-header,
    .form-sort-triple__registration .member__form .board__form--con>[class^=btn-] select.phone-header,
    .form-sort-single .member__form .board__form--con>[class^=btn-] select.phone-header,
    .form-sort-double__phone .member__form .board__form--con>[class^=btn-] select.phone-header,
    .form-sort-double .member__form .board__form--con>[class^=btn-] select.phone-header,
    .form-sort-triple__email .member__form .board__form--con>[class^=btn-] select.phone-header,
    .form-sort-triple .member__form .board__form--con>[class^=btn-] select.phone-header,
    .member__form .input-button .board__form--con>a[class^=icon-] select.phone-header,
    .input-button .member__form .board__form--con>a[class^=icon-] select.phone-header,
    .member__form .board__form--con>.input-icon select.phone-header,
    .member__form .board__form--con>.input-button select.phone-header,
    .member__form .board__form--con>.input-icon--green select.phone-header,
    .member__form .board__form--con>.input-icon--red select.phone-header,
    .member__form .board__form--con>.btn-interval__right select.phone-header,
    .member__form .board__form--con>.btn-interval__left select.phone-header,
    .member__form .board__form--con>.popup-page__window select.phone-header,
    .member__form .board__form--con>.popup-page__title select.phone-header,
    .member__form .board__form--con>.info-wrap__inner select.phone-header,
    .member__form .board__form--con>.info-wrap select.phone-header,
    .member__form .board__form--con>.info-data-box__top select.phone-header,
    .member__form .detail-box__info .board__form--con>.box-application select.phone-header,
    .detail-box__info .member__form .board__form--con>.box-application select.phone-header,
    .member__form .board__form--con>.detail-index-box select.phone-header,
    .member__form .board__form--con>.category-frame__title select.phone-header,
    .member__form .container-inner .board__form--con>.sidebar__title-frame select.phone-header,
    .container-inner .member__form .board__form--con>.sidebar__title-frame select.phone-header,
    .member__form .container-inner .sidebar-list>li.board__form--con>.inside select.phone-header,
    .container-inner .member__form .sidebar-list>li.board__form--con>.inside select.phone-header,
    .member__form .board__form--con>.board__tab--block select.phone-header,
    .member__form .board__form--con>.board__index-box select.phone-header,
    .member__form .board__form--con>.board__drop-title select.phone-header,
    .member__form .board__form--con>.board-banner__flex select.phone-header,
    .member__form .board__form--con>.reply-box__title select.phone-header,
    .member__form .pagination>li.board__form--con>.inside select.phone-header,
    .member__form .board__form--con>.member-frame--title select.phone-header {
        max-width: 101px;
    }
}

.member__form .board__form--list>li .chk-box,
.member__form .board__form--list>li .radio-box {
    display: flex;
    align-items: center;
    height: 56px;
}

@media (max-width: 1024px) {

    .member__form .board__form--list>li .chk-box,
    .member__form .board__form--list>li .radio-box {
        height: 48px;
    }
}

@media (max-width: 1024px) {

    .member__form .board__form--list>li .chk-box,
    .member__form .board__form--list>li .radio-box {
        height: 40px;
    }
}

.member__form select,
.member__form input,
.member__form .input-icon,
.member__form .input-icon--green,
.member__form .input-icon--red,
.member__form .input-button {
    width: 100% !important;
    height: 56px !important;
    color: #000;
    font-size: 16px;
}

.member__form select::placeholder,
.member__form input::placeholder,
.member__form .input-icon::placeholder,
.member__form .input-icon--green::placeholder,
.member__form .input-icon--red::placeholder,
.member__form .input-button::placeholder {
    font-size: 16px;
}

@media (max-width: 1024px) {

    .member__form select,
    .member__form input,
    .member__form .input-icon,
    .member__form .input-icon--green,
    .member__form .input-icon--red,
    .member__form .input-button {
        height: 48px !important;
        font-size: 14px;
    }

    .member__form select::placeholder,
    .member__form input::placeholder,
    .member__form .input-icon::placeholder,
    .member__form .input-icon--green::placeholder,
    .member__form .input-icon--red::placeholder,
    .member__form .input-button::placeholder {
        font-size: 14px;
    }
}

.member__form .input-icon input,
.member__form .input-icon--green input,
.member__form .input-icon--red input,
.member__form .input-button input {
    height: 100% !important;
}

.member__form .input-button [class^=icon-] {
    width: 54px;
}

@media (max-width: 1024px) {
    .member__form .input-button [class^=icon-] {
        width: 46px;
    }
}

.member__form label {
    width: 100% !important;
    height: 56px;
}

@media (max-width: 1024px) {
    .member__form label {
        height: 48px;
    }
}

.member__form label .chk-box__txt,
.member__form label .radio-box__txt {
    font-size: 16px;
}

@media (max-width: 1024px) {

    .member__form label .chk-box__txt,
    .member__form label .radio-box__txt {
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .member__form [class*=-large] {
        min-width: 100px;
        height: 48px;
        padding: 12px;
        font-size: 14px;
    }
}

.member__form textarea {
    font-size: 16px;
}

.member__form textarea::placeholder {
    font-size: 16px;
}

@media (max-width: 1024px) {
    .member__form textarea {
        font-size: 14px;
    }

    .member__form textarea::placeholder {
        font-size: 14px;
    }
}

.member__form .list-border>li,
.member__form .list-fourth--interval-v2>li,
.member__form .list-triple--interval-v2>li,
.member__form .list-triple--interval>li,
.member__form .list-border-gap--regular>li,
.member__form .list-border-gap>li {
    padding: 40px;
    border-radius: 6px;
}

@media (max-width: 1024px) {

    .member__form .list-border>li,
    .member__form .list-fourth--interval-v2>li,
    .member__form .list-triple--interval-v2>li,
    .member__form .list-triple--interval>li,
    .member__form .list-border-gap--regular>li,
    .member__form .list-border-gap>li {
        margin-top: 8px;
        padding: 32px;
    }
}

.member__form .list-border>li:first-child,
.member__form .list-fourth--interval-v2>li:first-child,
.member__form .list-triple--interval-v2>li:first-child,
.member__form .list-triple--interval>li:first-child,
.member__form .list-border-gap--regular>li:first-child,
.member__form .list-border-gap>li:first-child {
    margin-top: 0;
}

@media (max-width: 767px) {

    .member__form .list-border>li.member__line,
    .member__form .list-fourth--interval-v2>li.member__line,
    .member__form .list-triple--interval-v2>li.member__line,
    .member__form .list-triple--interval>li.member__line,
    .member__form .list-border-gap--regular>li.member__line,
    .member__form .list-border-gap>li.member__line {
        display: block;
    }
}

@media (max-width: 767px) {

    .member__form .list-border>li.member__line .member__line--right,
    .member__form .list-fourth--interval-v2>li.member__line .member__line--right,
    .member__form .list-triple--interval-v2>li.member__line .member__line--right,
    .member__form .list-triple--interval>li.member__line .member__line--right,
    .member__form .list-border-gap--regular>li.member__line .member__line--right,
    .member__form .list-border-gap>li.member__line .member__line--right {
        padding-top: 25px;
    }
}

@media (max-width: 767px) {

    .member__form .list-border>li.member__line .member__line--right .btn-normal,
    .member__form .list-border>li.member__line .member__line--right .btn-normal-400--outline,
    .member__form .list-border>li.member__line .member__line--right .btn-normal-400,
    .member__form .list-fourth--interval-v2>li.member__line .member__line--right .btn-normal,
    .member__form .list-fourth--interval-v2>li.member__line .member__line--right .btn-normal-400--outline,
    .member__form .list-fourth--interval-v2>li.member__line .member__line--right .btn-normal-400,
    .member__form .list-triple--interval-v2>li.member__line .member__line--right .btn-normal,
    .member__form .list-triple--interval-v2>li.member__line .member__line--right .btn-normal-400--outline,
    .member__form .list-triple--interval-v2>li.member__line .member__line--right .btn-normal-400,
    .member__form .list-triple--interval>li.member__line .member__line--right .btn-normal,
    .member__form .list-triple--interval>li.member__line .member__line--right .btn-normal-400--outline,
    .member__form .list-triple--interval>li.member__line .member__line--right .btn-normal-400,
    .member__form .list-border-gap--regular>li.member__line .member__line--right .btn-normal,
    .member__form .list-border-gap--regular>li.member__line .member__line--right .btn-normal-400--outline,
    .member__form .list-border-gap--regular>li.member__line .member__line--right .btn-normal-400,
    .member__form .list-border-gap>li.member__line .member__line--right .btn-normal,
    .member__form .list-border-gap>li.member__line .member__line--right .btn-normal-400--outline,
    .member__form .list-border-gap>li.member__line .member__line--right .btn-normal-400,
    .member__form .list-border>li.member__line .member__line--right .btn-normal-white--outline,
    .member__form .list-fourth--interval-v2>li.member__line .member__line--right .btn-normal-white--outline,
    .member__form .list-triple--interval-v2>li.member__line .member__line--right .btn-normal-white--outline,
    .member__form .list-triple--interval>li.member__line .member__line--right .btn-normal-white--outline,
    .member__form .list-border-gap--regular>li.member__line .member__line--right .btn-normal-white--outline,
    .member__form .list-border-gap>li.member__line .member__line--right .btn-normal-white--outline,
    .member__form .list-border>li.member__line .member__line--right .btn-normal-white,
    .member__form .list-fourth--interval-v2>li.member__line .member__line--right .btn-normal-white,
    .member__form .list-triple--interval-v2>li.member__line .member__line--right .btn-normal-white,
    .member__form .list-triple--interval>li.member__line .member__line--right .btn-normal-white,
    .member__form .list-border-gap--regular>li.member__line .member__line--right .btn-normal-white,
    .member__form .list-border-gap>li.member__line .member__line--right .btn-normal-white,
    .member__form .list-border>li.member__line .member__line--right .btn-normal-dark--outline,
    .member__form .list-fourth--interval-v2>li.member__line .member__line--right .btn-normal-dark--outline,
    .member__form .list-triple--interval-v2>li.member__line .member__line--right .btn-normal-dark--outline,
    .member__form .list-triple--interval>li.member__line .member__line--right .btn-normal-dark--outline,
    .member__form .list-border-gap--regular>li.member__line .member__line--right .btn-normal-dark--outline,
    .member__form .list-border-gap>li.member__line .member__line--right .btn-normal-dark--outline,
    .member__form .list-border>li.member__line .member__line--right .btn-normal-dark,
    .member__form .list-fourth--interval-v2>li.member__line .member__line--right .btn-normal-dark,
    .member__form .list-triple--interval-v2>li.member__line .member__line--right .btn-normal-dark,
    .member__form .list-triple--interval>li.member__line .member__line--right .btn-normal-dark,
    .member__form .list-border-gap--regular>li.member__line .member__line--right .btn-normal-dark,
    .member__form .list-border-gap>li.member__line .member__line--right .btn-normal-dark,
    .member__form .list-border>li.member__line .member__line--right .btn-normal-secondary--outline,
    .member__form .list-fourth--interval-v2>li.member__line .member__line--right .btn-normal-secondary--outline,
    .member__form .list-triple--interval-v2>li.member__line .member__line--right .btn-normal-secondary--outline,
    .member__form .list-triple--interval>li.member__line .member__line--right .btn-normal-secondary--outline,
    .member__form .list-border-gap--regular>li.member__line .member__line--right .btn-normal-secondary--outline,
    .member__form .list-border-gap>li.member__line .member__line--right .btn-normal-secondary--outline,
    .member__form .list-border>li.member__line .member__line--right .btn-normal-secondary,
    .member__form .list-fourth--interval-v2>li.member__line .member__line--right .btn-normal-secondary,
    .member__form .list-triple--interval-v2>li.member__line .member__line--right .btn-normal-secondary,
    .member__form .list-triple--interval>li.member__line .member__line--right .btn-normal-secondary,
    .member__form .list-border-gap--regular>li.member__line .member__line--right .btn-normal-secondary,
    .member__form .list-border-gap>li.member__line .member__line--right .btn-normal-secondary,
    .member__form .list-border>li.member__line .member__line--right .btn-normal-primary--outline,
    .member__form .list-fourth--interval-v2>li.member__line .member__line--right .btn-normal-primary--outline,
    .member__form .list-triple--interval-v2>li.member__line .member__line--right .btn-normal-primary--outline,
    .member__form .list-triple--interval>li.member__line .member__line--right .btn-normal-primary--outline,
    .member__form .list-border-gap--regular>li.member__line .member__line--right .btn-normal-primary--outline,
    .member__form .list-border-gap>li.member__line .member__line--right .btn-normal-primary--outline,
    .member__form .list-border>li.member__line .member__line--right .btn-normal-primary,
    .member__form .list-fourth--interval-v2>li.member__line .member__line--right .btn-normal-primary,
    .member__form .list-triple--interval-v2>li.member__line .member__line--right .btn-normal-primary,
    .member__form .list-triple--interval>li.member__line .member__line--right .btn-normal-primary,
    .member__form .list-border-gap--regular>li.member__line .member__line--right .btn-normal-primary,
    .member__form .list-border-gap>li.member__line .member__line--right .btn-normal-primary,
    .member__form .list-border>li.member__line .member__line--right .btn-normal--bg,
    .member__form .list-fourth--interval-v2>li.member__line .member__line--right .btn-normal--bg,
    .member__form .list-triple--interval-v2>li.member__line .member__line--right .btn-normal--bg,
    .member__form .list-triple--interval>li.member__line .member__line--right .btn-normal--bg,
    .member__form .list-border-gap--regular>li.member__line .member__line--right .btn-normal--bg,
    .member__form .list-border-gap>li.member__line .member__line--right .btn-normal--bg {
        min-width: auto;
        width: 100%;
    }
}

.member__form .list-border>li .icon-custom-commu,
.member__form .list-fourth--interval-v2>li .icon-custom-commu,
.member__form .list-triple--interval-v2>li .icon-custom-commu,
.member__form .list-triple--interval>li .icon-custom-commu,
.member__form .list-border-gap--regular>li .icon-custom-commu,
.member__form .list-border-gap>li .icon-custom-commu {
    margin-right: 32px;
}

@media (max-width: 767px) {

    .member__form .list-border>li .icon-custom-commu,
    .member__form .list-fourth--interval-v2>li .icon-custom-commu,
    .member__form .list-triple--interval-v2>li .icon-custom-commu,
    .member__form .list-triple--interval>li .icon-custom-commu,
    .member__form .list-border-gap--regular>li .icon-custom-commu,
    .member__form .list-border-gap>li .icon-custom-commu {
        margin-right: 24px;
    }
}

.member__term--list>li {
    margin-top: 40px;
    color: #616161;
    font-size: 15px;
}

@media (max-width: 1024px) {
    .member__term--list>li {
        margin-top: 32px;
    }
}

.member__term--list>li:first-child {
    margin-top: 0;
}

.member__term--list .box-scroll {
    height: 200px;
    margin-top: 20px;
    padding: 24px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .member__term--list .box-scroll {
        margin-top: 16px;
    }
}

@media (max-width: 767px) {
    .member__term--list .box-scroll {
        padding: 20px 16px;
        font-size: 12px;
    }
}

.member__term--list .chk-box {
    height: auto !important;
}

.member__term--list .chk-box.block .chk-box__icon {
    height: 60px;
}

@media (max-width: 1024px) {
    .member__term--list .chk-box.block .chk-box__icon {
        height: 52px;
    }
}

.member__term--list .chk-box.block .chk-box__txt {
    color: #9e9e9e;
}

@media (max-width: 1024px) {
    .member__term--list .chk-box.block .chk-box__txt .txt--m4 {
        font-size: 16px;
    }
}

@media (max-width: 1024px) {
    .member__term--list .chk-box.block .chk-box__txt {
        font-size: 12px;
    }
}

.member__term--list .chk-box__txt {
    color: #000;
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .member__term--list .chk-box__txt {
        font-size: 14px;
    }
}

.member__term--table th {
    text-align: center;
}

.member__term--table th,
.member__term--table td {
    padding: 7px;
    border: 1px solid #e0e0e0;
}

.member__list>li {
    margin-top: 8px;
}

.member__list>li:first-child {
    margin-top: 0;
}

.member__line {
    display: flex;
    align-items: center;
    margin-top: 16px;
    color: #616161;
}

.member__line--left .chk-box {
    height: auto !important;
}

.member__line--left .chk-box__txt {
    color: #616161;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .member__line--left .chk-box__txt {
        font-size: 12px;
    }
}

.member__line--left-center p,
.member__line--left-center span {
    text-align: left;
}

.member__line--left-center .default-txt {
    padding-top: 4px;
}

@media (max-width: 1024px) {
    .member__line--left-center .default-txt {
        font-size: 12px;
    }
}

.member__line--right {
    margin-left: auto;
}

.member__line--right .list-dot>li {
    padding-left: 18px;
}

.member__line--right .list-dot>li::before {
    left: 9px;
    top: 15px;
}

.member__line--right .list-dot>li .inside {
    color: #616161;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .member__line--right .list-dot>li .inside {
        font-size: 12px;
    }
}

.member__tab-title {
    overflow: hidden;
    width: 100%;
    margin-bottom: 32px;
}

@media (max-width: 1024px) {
    .member__tab-title {
        margin-bottom: 24px;
    }
}

.member__tab-title>li {
    float: left;
    width: 50%;
    height: 56px;
    padding: 16px 12px;
    background-color: #fafafa;
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid #eee;
    color: #9e9e9e;
    font: 16px /1.4em "Pretendard";
    text-align: center;
}

.member__tab-title>li:first-child {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.member__tab-title>li:last-child {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.member__tab-title>li.now,
.member__tab-title>li:hover {
    background-color: #fff;
    border: 1px solid #1f5afc;
    color: #1f5afc;
}

@media (max-width: 1024px) {
    .member__tab-title>li {
        height: 48px;
        padding: 13px 12px;
        font-size: 14px;
    }
}

.category-frame {
    border-bottom: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .category-frame {
        overflow-y: auto;
        height: calc(100vh - 140px);
        padding: 16px 24px;
        border-bottom: 0;
    }
}

@media (max-width: 767px) {
    .category-frame {
        padding: 16px 20px;
    }
}

.category-frame>li {
    border: 1px solid #e0e0e0;
    border-bottom: 0;
}

@media (max-width: 1024px) {
    .category-frame>li {
        margin-top: 16px;
        border: 0;
        border-bottom: 1px solid #e0e0e0;
    }

    .category-frame>li:first-child {
        margin-top: 0;
    }
}

.category-frame__title {
    justify-content: space-between;
    height: 60px;
    padding: 19px 24px;
    box-sizing: border-box;
}

.category-frame__title:hover {
    background-color: #eee;
}

@media (max-width: 1024px) {
    .category-frame__title {
        height: 48px;
        padding: 14px 0;
    }

    .category-frame__title:hover {
        background-color: transparent;
    }
}

.category-frame__title .txt--m3 {
    font-size: 14px;
}

@media (max-width: 1024px) {
    .category-frame__title .icon-custom-switch {
        display: none;
    }
}

.category-frame__title .icon-custom-switch::before {
    content: "\e900";
    color: #9e9e9e;
    font: 24px "icomoon";
}

@media (max-width: 1024px) {
    .category-frame__title.on .icon-custom-switch {
        display: none;
    }
}

.category-frame__title.on .icon-custom-switch::before {
    content: "\ea7e";
}

.category-frame__con {
    padding: 8px 24px 16px;
}

@media (max-width: 1024px) {
    .category-frame__con {
        padding: 0;
        padding-bottom: 32px;
    }
}

@media (max-width: 1024px) {
    .category-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }
}

.category-list>li:hover {
    background-color: #fafafa;
}

@media (max-width: 1024px) {
    .category-list>li {
        flex: 0 1 calc(25% - 6px);
        width: 25%;
    }
}

@media (max-width: 767px) {
    .category-list>li {
        flex: 0 1 calc(50% - 4px);
        width: 50%;
    }
}

.category-list>li>.chk-box {
    height: 40px;
}

@media (max-width: 1024px) {
    .category-list>li>.chk-box {
        position: relative;
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .category-list>li>.chk-box input~.chk-box__icon {
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        background-color: #fafafa;
        border-color: #eee;
        border-radius: 4px;
    }

    .category-list>li>.chk-box input~.chk-box__txt {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        top: 48%;
        width: 100%;
        padding: 0;
        color: #000;
        font-size: 14px;
        text-align: center;
    }

    .category-list>li>.chk-box input:checked~.chk-box__icon {
        background-color: #fff;
        border-color: #1f5afc;
    }

    .category-list>li>.chk-box input:checked~.chk-box__icon::before,
    .category-list>li>.chk-box input:checked~.chk-box__icon::after {
        content: none;
    }

    .category-list>li>.chk-box input:checked~.chk-box__txt {
        color: #1f5afc;
    }
}

.filter-fence {
    margin-bottom: 57px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .filter-fence {
        display: none;
        border: 0;
    }
}

.filter-fence.open {
    display: block;
    overflow-y: auto;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100vh;
    background-color: #fff;
}

.filter-fence__flexible {
    display: none;
    box-sizing: border-box;
    border-top: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .filter-fence__flexible {
        display: block !important;
        overflow-y: auto;
        height: calc(100vh - 140px);
        margin: 0 auto;
        padding: 16px 24px;
        box-sizing: border-box;
        border-top: 0;
    }
}

@media (max-width: 767px) {
    .filter-fence__flexible {
        padding: 16px 20px;
    }
}

.filter-fence__search {
    padding: 32px 51px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .filter-fence__search {
        display: none;
    }
}

.filter-fence__search .input-button {
    width: 792px;
    height: 52px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .filter-fence__search .input-button {
        width: 100%;
        height: 44px;
    }
}

.filter-fence__search .input-button [class^=icon-] {
    width: 50px;
    color: #000;
}

.filter-fence__list {
    padding: 40px 60px;
}

@media (max-width: 1024px) {
    .filter-fence__list {
        padding: 0;
    }
}

.filter-fence__list>li {
    display: flex;
    align-items: flex-start;
    gap: 81px;
    margin-top: 16px;
}

@media (max-width: 1024px) {
    .filter-fence__list>li {
        display: block;
        border-bottom: 1px solid #e0e0e0;
    }
}

.filter-fence__list>li:first-child {
    margin-top: 0;
}

.filter-fence__list>li>.inside {
    display: block;
    flex-basis: 60px;
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .filter-fence__list>li>.inside {
        height: 48px;
        padding: 14px 0;
        box-sizing: border-box;
        font-size: 14px;
    }
}

.filter-fence__list>li>.list-fourth,
.filter-fence__list>li>.list-gallery,
.filter-fence__list>li>.list-fourth--interval-v2 {
    gap: 16px;
    flex-basis: calc(100% - 140px);
    margin-left: auto;
}

@media (max-width: 1024px) {

    .filter-fence__list>li>.list-fourth,
    .filter-fence__list>li>.list-gallery,
    .filter-fence__list>li>.list-fourth--interval-v2 {
        gap: 8px;
        padding-bottom: 32px;
    }
}

.filter-fence__list>li>.list-fourth>li,
.filter-fence__list>li>.list-gallery>li,
.filter-fence__list>li>.list-fourth--interval-v2>li {
    flex-basis: calc(25% - 12px);
}

@media (max-width: 1024px) {

    .filter-fence__list>li>.list-fourth>li,
    .filter-fence__list>li>.list-gallery>li,
    .filter-fence__list>li>.list-fourth--interval-v2>li {
        flex-basis: calc(25% - 6px);
    }
}

@media (max-width: 767px) {

    .filter-fence__list>li>.list-fourth>li,
    .filter-fence__list>li>.list-gallery>li,
    .filter-fence__list>li>.list-fourth--interval-v2>li {
        flex-basis: calc(50% - 4px);
    }
}

.filter-fence .chk-box.block input~.chk-box__txt {
    font-size: 14px;
}

.filter-fence .btn-filter-fence {
    width: calc(100% - 120px);
    margin: 0 auto;
    padding: 24px 0;
    box-sizing: border-box;
    border-top: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .filter-fence .btn-filter-fence {
        width: 100%;
        padding: 0;
        border-top: 0;
    }
}

.filter-fence .btn-custom-refinement {
    display: block;
    width: 100%;
    height: 60px;
    padding: 18px 17px 17px;
    background-color: #fafafa;
    box-sizing: border-box;
    text-align: center;
}

@media (max-width: 1024px) {
    .filter-fence .btn-custom-refinement {
        display: none;
    }
}

.filter-fence .btn-custom-refinement::before {
    content: "상세검색 열기";
    display: inline-block;
}

.filter-fence .btn-custom-refinement:hover {
    background-color: #eee;
}

.filter-fence .btn-custom-refinement.on::before {
    content: "상세검색 닫기";
}

.filter-fence .btn-custom-refinement.on .btn-custom-refinement__arrow::after {
    content: "\e997";
}

.filter-fence .btn-custom-refinement__arrow::after {
    content: "\e98b";
    display: inline-block;
    vertical-align: -2px;
    margin-left: 8px;
    font: 16px "icomoon";
}

.filter__title {
    display: none;
    height: 60px;
    padding: 19px 24px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
    font: 16px /1.4em "Pretendard";
    text-align: center;
}

@media (max-width: 1024px) {
    .filter__title {
        display: flex;
        align-items: center;
        padding: 16px 24px;
    }
}

@media (max-width: 767px) {
    .filter__title {
        padding: 16px 20px;
    }
}

.filter__title .txt--m3 {
    width: calc(100% - 24px);
    text-align: center;
}

.filter__title .icon-close {
    font-size: 24px;
}

@media (max-width: 1024px) {
    .detail-index-box {
        width: calc(100% - 48px);
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .detail-index-box {
        width: calc(100% - 40px);
    }
}

.detail-index-box__txt {
    color: #fff;
    font: 14px /1.4em "Pretendard";
}

.detail-index-box [class^=icon-] {
    color: #fff;
}

.detail-box__title {
    padding-bottom: 85px;
    color: #fff;
    font: 28px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .detail-box__title {
        padding-bottom: 32px;
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .detail-box__title {
        padding-bottom: 24px;
        font-size: 22px;
    }
}

.detail-box__title-sub {
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px;
}

.detail-box__info {
    box-shadow: 0 0 5px 0 rgba(31, 90, 252, 0.16);
    border-color: #78a3fe;
    border-radius: 6px;
    top: 56px;
    width: 100%;
    padding: 24px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
}

.detail-box__info.fixed {
    position: fixed;
    left: 50%;
    top: 15px;
    z-index: 1;
    margin-left: 240px;
}

@media (max-width: 1024px) {
    .detail-box__info.fixed {
        position: static;
        left: auto;
        top: auto;
        margin-left: initial;
    }
}

@media (max-width: 1024px) {
    .detail-box__info {
        padding: 24px;
        position: static;
        right: auto;
        top: auto;
        width: calc(100% - 48px);
        margin: 0 auto;
        border: 0;
    }
}

@media (max-width: 767px) {
    .detail-box__info {
        width: calc(100% - 40px);
    }
}

.detail-box__info .box-img {
    width: 312px;
    margin-bottom: 24px;
}

@media (max-width: 1024px) {
    .detail-box__info .box-img {
        width: 100%;
    }
}

.detail-box__info .box-img img {
    width: 100%;
}

.detail-box__info .box-application {
    gap: 8px;
}

@media (max-width: 1024px) {
    .detail-box__info .box-application {
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 2;
        width: 100%;
        height: 58px;
        padding: 8px;
        box-sizing: border-box;
        border-top: 1px solid #eee;
        background-color: #fff;
    }
}

.detail-box__info .box-application [class^=icon-] {
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
}

.detail-box__info .box-application .icon-custom-tv {
    background: no-repeat center/contain;
    display: inline-block;
    background-image: url("../img/sub/tv_icon.png");
    background-size: 24px 24px;
}

.detail-box__info .box-application .icon-custom-heart {
    position: static;
    right: auto;
    top: auto;
}

.detail-box__info .box-application [class^=btn-normal] {
    min-width: 206px;
}

@media (max-width: 1024px) {
    .detail-box__info .box-application [class^=btn-normal] {
        min-width: auto;
        width: 100%;
    }
}

.detail-box__page {
    position: relative;
}

.detail-box__page .board__tab-line {
    justify-content: flex-start;
}

@media (max-width: 1024px) {
    .detail-box__page .board__tab-line {
        justify-content: space-evenly;
    }
}

.detail-box__page .board__tab-line.fixed {
    position: fixed;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    width: 792px;
    margin-top: 0;
    padding-right: 408px;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .detail-box__page .board__tab-line.fixed {
        left: 0;
        transform: translate(0, 0);
        width: 100%;
    }
}

.detail-box__page .board__tab-line.fixed::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 408px;
    height: 52px;
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .detail-box__page .board__tab-line.fixed::after {
        content: none;
    }
}

.detail-box__page .board__tab-line>li {
    height: 47px;
}

.detail-box__con {
    padding-top: 32px;
}

@media (max-width: 1024px) {
    .detail-box__con {
        width: calc(100% - 48px);
        margin: 0 auto;
        padding-top: 24px;
    }
}

@media (max-width: 767px) {
    .detail-box__con {
        width: calc(100% - 40px);
    }
}

@media (max-width: 1024px) {
    .detail-box__con .info-txt-title {
        padding-bottom: 16px;
        font-size: 18px;
    }
}

.detail-box__con .info-txt-title--sub-primary {
    padding-bottom: 8px;
    font-size: 16px;
}

.detail-box__con .info-txt-normal {
    padding-bottom: 40px;
}

@media (max-width: 1024px) {
    .detail-box__con .info-txt-normal {
        padding-bottom: 32px;
        font-size: 14px;
    }
}

.detail-box__con .info-txt-normal:last-child {
    padding-bottom: 0;
}

@media (max-width: 1024px) {
    .detail-box>.section-box {
        width: calc(100% - 48px);
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .detail-box>.section-box {
        width: calc(100% - 40px);
    }
}

.info-txt-title {
    padding-bottom: 24px;
    color: #000;
    font: 20px /1.4em "Pretendard";
}

.info-txt-title--sub,
.info-txt-title--sub-primary {
    padding-bottom: 16px;
    color: #000;
    font: 18px /1.4em "Pretendard";
}

.info-txt-title--sub-primary {
    color: #1f5afc;
}

.info-txt-normal {
    color: #000;
    font-size: 16px;
}

.info-txt-normal--gray {
    color: #000;
    font-size: 16px;
    color: #616161;
}

.info-txt-normal--pd {
    color: #000;
    font-size: 16px;
    padding-bottom: 40px;
}

.info-txt-normal--pd2 {
    color: #000;
    font-size: 16px;
    padding-bottom: 16px;
}

.info-data-box {
    padding: 20px 24px;
}

@media (max-width: 1024px) {
    .info-data-box {
        padding: 16px;
    }
}

.info-data-box-bg {
    box-sizing: border-box;
    padding: 32px 40px;
    background-color: #fafafa;
}

@media (max-width: 1024px) {
    .info-data-box-bg {
        padding: 24px 20px;
    }
}

@media (max-width: 1024px) {
    .info-data-box-bg .txt--m4 {
        font-size: 16px;
    }
}

.info-data-box-bg .info-txt-normal--gray {
    padding-top: 16px;
}

@media (max-width: 1024px) {
    .info-data-box-bg .info-txt-normal--gray {
        padding-top: 8px;
        font-size: 14px;
    }
}

.info-data-box__top {
    justify-content: space-between;
    padding-bottom: 8px;
}

@media (max-width: 1024px) {
    .info-data-box__top {
        padding-bottom: 4px;
    }
}

.info-data-box__top .txt--m,
.info-data-box__top .txt-default {
    color: #9e9e9e;
}

@media (max-width: 1024px) {

    .info-data-box__top .txt--m,
    .info-data-box__top .txt-default {
        padding-bottom: 0;
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .info-data-box__bottom .txt--m3 {
        font-size: 14px;
    }
}

.info-data-box__bottom .txt--m3.primary-color {
    margin-right: 8px;
}

.info-data-box__indent {
    padding: 16px 0 0 24px;
}

@media (max-width: 1024px) {
    .info-data-box__indent {
        padding: 8px 0 0 16px;
    }
}

.info-wrap {
    justify-content: center;
    width: 100%;
    height: 100vh;
    background-color: #333;
}

.info-wrap__img {
    display: block;
    width: 279px;
}

@media (max-width: 1024px) {
    .info-wrap__img {
        width: 239px;
    }
}

@media (max-width: 767px) {
    .info-wrap__img {
        width: 199px;
    }
}

.info-wrap__inner {
    flex-direction: column;
    justify-content: space-between;
    min-height: 491px;
}

@media (max-width: 1024px) {
    .info-wrap__inner {
        max-width: 407px;
        min-height: 384px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .info-wrap__inner {
        max-width: 100%;
        min-height: 417px;
    }
}

.info-wrap__middle p {
    color: #fff;
    text-align: center;
}

.info-wrap__middle .cm-txt__title--normal {
    padding-bottom: 40px;
}

@media (max-width: 1024px) {
    .info-wrap__middle .cm-txt__title--normal {
        max-width: 411px;
        margin: 0 auto;
        padding-bottom: 32px;
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .info-wrap__middle .cm-txt__title--normal {
        max-width: 87.2%;
        margin: 0 auto;
        font-size: 22px;
    }
}

.info-wrap__middle--txt {
    font-size: 16px;
}

@media (max-width: 1024px) {
    .info-wrap__middle--txt {
        max-width: 348px;
        margin: 0 auto;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .info-wrap__middle--txt {
        max-width: 79.3%;
        margin: 0 auto;
    }
}

.info-wrap .btn-interval [class^=btn-],
.info-wrap .btn-interval-tiny [class^=btn-],
.info-wrap .btn-interval-small [class^=btn-],
.info-wrap .btn-interval-small--side [class^=btn-],
.info-wrap .btn-interval-middle [class^=btn-],
.info-wrap .btn-interval-wide [class^=btn-] {
    height: 52px;
    padding: 13px 12px 15px 12px;
}

.policy-frame {
    color: #000;
    font-size: 16px !important;
}

@media (max-width: 1024px) {
    .policy-frame {
        font-size: 14px !important;
    }
}

.policy-frame ul,
.policy-frame li,
.policy-frame p,
.policy-frame div,
.policy-frame span,
.policy-frame a,
.policy-frame h1,
.policy-frame h2,
.policy-frame h3,
.policy-frame h4 {
    color: #000;
    font-size: 16px !important;
}

@media (max-width: 1024px) {

    .policy-frame ul,
    .policy-frame li,
    .policy-frame p,
    .policy-frame div,
    .policy-frame span,
    .policy-frame a,
    .policy-frame h1,
    .policy-frame h2,
    .policy-frame h3,
    .policy-frame h4 {
        font-size: 14px !important;
    }
}

.policy-frame ul {
    padding: 7px 0;
}

.policy-frame table td {
    padding: 7px 10px !important;
    font-size: 14px !important;
    line-height: 1.4em !important;
}

@media (max-width: 1024px) {
    .policy-frame table td {
        padding: 7px 5px !important;
        font-size: 13px !important;
    }
}

.policy-frame table td p {
    font-size: 14px !important;
    line-height: 1.4em !important;
}

@media (max-width: 1024px) {
    .policy-frame table td p {
        font-size: 13px !important;
    }
}

.policy-frame .info-txt-title {
    padding-bottom: 16px;
    font-size: 18px;
}

.policy-frame .info-txt-title--sub-primary {
    padding-bottom: 8px;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .policy-frame .info-txt-normal {
        font-size: 14px;
    }
}

.policy-table {
    min-width: 1200px;
}

.policy-table th,
.policy-table td {
    padding: 7px 5px;
    box-sizing: border-box;
    border: 1px solid #000;
    text-align: center;
}

.policy-table th {
    font-size: 15px;
}

.policy-table td {
    font-size: 14px;
}

.policy-table-frame {
    overflow-x: auto;
    width: 100%;
    margin-bottom: 40px;
    padding: 24px 0 12px;
}

.popup-dim {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 6;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.popup-page,
.popup-page-small,
.popup-page-middle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    z-index: 7;
    width: 720px;
    margin: 0 auto;
    background-color: #fff;
}

@media (max-width: 767px) {

    .popup-page,
    .popup-page-small,
    .popup-page-middle {
        width: calc(100% - 40px);
    }
}

.popup-page-middle {
    width: 480px;
}

@media (max-width: 520px) {
    .popup-page-middle {
        width: calc(100% - 40px);
    }
}

.popup-page-middle .popup-page__con>.flex-box,
.popup-page-middle .popup-page__con>.history-ball,
.popup-page-middle .popup-page__con.category-list>li,
.popup-page-middle .popup-page__con>.box-schedule__month-list,
.popup-page-middle .box-schedule__year .popup-page__con>.past,
.box-schedule__year .popup-page-middle .popup-page__con>.past,
.popup-page-middle .box-schedule__year .popup-page__con>.future,
.box-schedule__year .popup-page-middle .popup-page__con>.future,
.popup-page-middle .popup-page__con>.box-schedule__year,
.popup-page-middle .popup-page__con>.box-symbol2,
.popup-page-middle .popup-page__con>.box-clean__title,
.popup-page-middle .popup-page__con>.box-nodata,
.popup-page-middle .list-learning .list-come__con--title .popup-page__con>.fraction-remote,
.list-learning .list-come__con--title .popup-page-middle .popup-page__con>.fraction-remote,
.popup-page-middle .popup-page__con>.list-come__mark,
.popup-page-middle .popup-page__con.list-come>li,
.popup-page-middle .drop-menu__list>li.popup-page__con>.inside.js-drop-title,
.popup-page-middle .popup-page__con>.title-frame,
.popup-page-middle .popup-page__con>.cm-index-title,
.popup-page-middle .popup-page__con>.main-banner__list,
.popup-page-middle .main__slider-fraction .popup-page__con>.fraction-remote,
.main__slider-fraction .popup-page-middle .popup-page__con>.fraction-remote,
.popup-page-middle .popup-page__con>.main-list__top,
.popup-page-middle .popup-page__con>.main-list__bottom,
.popup-page-middle .popup-page__con>.main-title__sub,
.popup-page-middle .popup-page__con>.main-title,
.popup-page-middle .main-container .popup-page__con>.quick-box__list,
.main-container .popup-page-middle .popup-page__con>.quick-box__list,
.popup-page-middle .popup-page__con>.visual__login-inner,
.popup-page-middle .visual__login-con .popup-page__con>.menu-activity,
.visual__login-con .popup-page-middle .popup-page__con>.menu-activity,
.popup-page-middle .visual__login-con .popup-page__con>.menu-comment__list,
.visual__login-con .popup-page-middle .popup-page__con>.menu-comment__list,
.popup-page-middle .footer .popup-page__con>.ars-frame__txt,
.footer .popup-page-middle .popup-page__con>.ars-frame__txt,
.popup-page-middle .popup-page__con>.footer__logo-list,
.popup-page-middle .popup-page__con>.footer__link,
.popup-page-middle .banner-list__slider .swiper-slide .popup-page__con>a,
.banner-list__slider .swiper-slide .popup-page-middle .popup-page__con>a,
.popup-page-middle .popup-page__con>.menu-before__top--list,
.popup-page-middle .header .popup-page__con>.menu-before__top,
.header .popup-page-middle .popup-page__con>.menu-before__top,
.popup-page-middle .header__bottom .popup-page__con>.gnb-list__txt,
.header__bottom .popup-page-middle .popup-page__con>.gnb-list__txt,
.popup-page-middle .header__top>.header__inner .lnb-right>li.popup-page__con>.inside,
.header__top>.header__inner .popup-page-middle .lnb-right>li.popup-page__con>.inside,
.popup-page-middle .header__top>.header__inner .lnb-left>li.tm .inside .popup-page__con>.albums-num,
.header__top>.header__inner .lnb-left>li.tm .inside .popup-page-middle .popup-page__con>.albums-num,
.popup-page-middle .header__top>.header__inner .popup-page__con>.lnb-left,
.header__top>.header__inner .popup-page-middle .popup-page__con>.lnb-left,
.popup-page-middle .header__top>.header__inner .popup-page__con>.lnb-right,
.header__top>.header__inner .popup-page-middle .popup-page__con>.lnb-right,
.popup-page-middle .popup-page__con.header__top>.header__inner,
.popup-page-middle .popup-page__con.box-history__list>li,
.popup-page-middle .popup-page__con.box-history>li,
.popup-page-middle .box-middle .popup-page__con>.box-middle__top,
.box-middle .popup-page-middle .popup-page__con>.box-middle__top,
.popup-page-middle .popup-page__con.list-map>li,
.popup-page-middle .popup-page__con>.list-map,
.popup-page-middle .list-definition .popup-page__con>dt,
.popup-page-middle .list-table-bg>li dl .popup-page__con>dt,
.list-table-bg>li .popup-page-middle dl .popup-page__con>dt,
.list-definition .popup-page-middle .popup-page__con>dt,
.list-table-bg>li dl .popup-page-middle .popup-page__con>dt,
.popup-page-middle .list-definition .popup-page__con>dd,
.popup-page-middle .list-table-bg>li dl .popup-page__con>dd,
.list-table-bg>li .popup-page-middle dl .popup-page__con>dd,
.list-definition .popup-page-middle .popup-page__con>dd,
.list-table-bg>li dl .popup-page-middle .popup-page__con>dd,
.popup-page-middle .popup-page__con>.list-tag,
.popup-page-middle .popup-page__con>.list-fourth-decrease,
.popup-page-middle .popup-page__con>.list-triple-decrease,
.popup-page-middle .popup-page__con>.list-triple,
.popup-page-middle .popup-page__con>.list-triple--interval-v2,
.popup-page-middle .popup-page__con>.list-triple--interval,
.popup-page-middle .popup-page__con>.list-fourth,
.popup-page-middle .popup-page__con>.list-gallery,
.popup-page-middle .popup-page__con>.list-fourth--interval-v2,
.popup-page-middle .list-border-gap--regular .popup-page__con>.list__inner-flex--triple,
.list-border-gap--regular .popup-page-middle .popup-page__con>.list__inner-flex--triple,
.popup-page-middle .popup-page__con>.flex-direction--column,
.popup-page-middle .form-sort .popup-page__con>[class^=btn-],
.popup-page-middle .form-sort-triple__registration .popup-page__con>[class^=btn-],
.popup-page-middle .form-sort-single .popup-page__con>[class^=btn-],
.popup-page-middle .form-sort-double__phone .popup-page__con>[class^=btn-],
.popup-page-middle .form-sort-double .popup-page__con>[class^=btn-],
.popup-page-middle .form-sort-triple__email .popup-page__con>[class^=btn-],
.popup-page-middle .form-sort-triple .popup-page__con>[class^=btn-],
.form-sort .popup-page-middle .popup-page__con>[class^=btn-],
.form-sort-triple__registration .popup-page-middle .popup-page__con>[class^=btn-],
.form-sort-single .popup-page-middle .popup-page__con>[class^=btn-],
.form-sort-double__phone .popup-page-middle .popup-page__con>[class^=btn-],
.form-sort-double .popup-page-middle .popup-page__con>[class^=btn-],
.form-sort-triple__email .popup-page-middle .popup-page__con>[class^=btn-],
.form-sort-triple .popup-page-middle .popup-page__con>[class^=btn-],
.popup-page-middle .input-button .popup-page__con>a[class^=icon-],
.input-button .popup-page-middle .popup-page__con>a[class^=icon-],
.popup-page-middle .popup-page__con>.input-icon,
.popup-page-middle .popup-page__con>.input-button,
.popup-page-middle .popup-page__con>.input-icon--green,
.popup-page-middle .popup-page__con>.input-icon--red,
.popup-page-middle .popup-page__con>.btn-interval__right,
.popup-page-middle .popup-page__con>.btn-interval__left,
.popup-page-middle .popup-page__con>.popup-page__window,
.popup-page-middle .popup-page__con>.popup-page__title,
.popup-page-middle .container-inner .popup-page__con>.sidebar__title-frame,
.container-inner .popup-page-middle .popup-page__con>.sidebar__title-frame,
.popup-page-middle .container-inner .sidebar-list>li.popup-page__con>.inside,
.container-inner .popup-page-middle .sidebar-list>li.popup-page__con>.inside,
.popup-page-middle .popup-page__con>.board__tab--block,
.popup-page-middle .popup-page__con>.board__index-box,
.popup-page-middle .popup-page__con>.board__drop-title,
.popup-page-middle .popup-page__con>.board-banner__flex,
.popup-page-middle .popup-page__con>.reply-box__title,
.popup-page-middle .pagination>li.popup-page__con>.inside,
.popup-page-middle .popup-page__con>.member-frame--title,
.popup-page-middle .popup-page__con>.category-frame__title,
.popup-page-middle .popup-page__con>.detail-index-box,
.popup-page-middle .detail-box__info .popup-page__con>.box-application,
.detail-box__info .popup-page-middle .popup-page__con>.box-application,
.popup-page-middle .popup-page__con>.info-data-box__top,
.popup-page-middle .popup-page__con>.info-wrap,
.popup-page-middle .popup-page__con>.info-wrap__inner {
    width: 100%;
    min-height: 180px;
}

.popup-page-middle .popup-page__con>.flex-box>p,
.popup-page-middle .popup-page__con>.history-ball>p,
.popup-page-middle .popup-page__con.category-list>li>p,
.popup-page-middle .popup-page__con>.box-schedule__month-list>p,
.popup-page-middle .box-schedule__year .popup-page__con>.past>p,
.box-schedule__year .popup-page-middle .popup-page__con>.past>p,
.popup-page-middle .box-schedule__year .popup-page__con>.future>p,
.box-schedule__year .popup-page-middle .popup-page__con>.future>p,
.popup-page-middle .popup-page__con>.box-schedule__year>p,
.popup-page-middle .popup-page__con>.box-symbol2>p,
.popup-page-middle .popup-page__con>.box-clean__title>p,
.popup-page-middle .popup-page__con>.box-nodata>p,
.popup-page-middle .list-learning .list-come__con--title .popup-page__con>.fraction-remote>p,
.list-learning .list-come__con--title .popup-page-middle .popup-page__con>.fraction-remote>p,
.popup-page-middle .popup-page__con>.list-come__mark>p,
.popup-page-middle .popup-page__con.list-come>li>p,
.popup-page-middle .drop-menu__list>li.popup-page__con>.inside.js-drop-title>p,
.popup-page-middle .popup-page__con>.title-frame>p,
.popup-page-middle .popup-page__con>.cm-index-title>p,
.popup-page-middle .popup-page__con>.main-banner__list>p,
.popup-page-middle .main__slider-fraction .popup-page__con>.fraction-remote>p,
.main__slider-fraction .popup-page-middle .popup-page__con>.fraction-remote>p,
.popup-page-middle .popup-page__con>.main-list__top>p,
.popup-page-middle .popup-page__con>.main-list__bottom>p,
.popup-page-middle .popup-page__con>.main-title__sub>p,
.popup-page-middle .popup-page__con>.main-title>p,
.popup-page-middle .main-container .popup-page__con>.quick-box__list>p,
.main-container .popup-page-middle .popup-page__con>.quick-box__list>p,
.popup-page-middle .popup-page__con>.visual__login-inner>p,
.popup-page-middle .visual__login-con .popup-page__con>.menu-activity>p,
.visual__login-con .popup-page-middle .popup-page__con>.menu-activity>p,
.popup-page-middle .visual__login-con .popup-page__con>.menu-comment__list>p,
.visual__login-con .popup-page-middle .popup-page__con>.menu-comment__list>p,
.popup-page-middle .footer .popup-page__con>.ars-frame__txt>p,
.footer .popup-page-middle .popup-page__con>.ars-frame__txt>p,
.popup-page-middle .popup-page__con>.footer__logo-list>p,
.popup-page-middle .popup-page__con>.footer__link>p,
.popup-page-middle .banner-list__slider .swiper-slide .popup-page__con>a>p,
.banner-list__slider .swiper-slide .popup-page-middle .popup-page__con>a>p,
.popup-page-middle .popup-page__con>.menu-before__top--list>p,
.popup-page-middle .header .popup-page__con>.menu-before__top>p,
.header .popup-page-middle .popup-page__con>.menu-before__top>p,
.popup-page-middle .header__bottom .popup-page__con>.gnb-list__txt>p,
.header__bottom .popup-page-middle .popup-page__con>.gnb-list__txt>p,
.popup-page-middle .header__top>.header__inner .lnb-right>li.popup-page__con>.inside>p,
.header__top>.header__inner .popup-page-middle .lnb-right>li.popup-page__con>.inside>p,
.popup-page-middle .header__top>.header__inner .lnb-left>li.tm .inside .popup-page__con>.albums-num>p,
.header__top>.header__inner .lnb-left>li.tm .inside .popup-page-middle .popup-page__con>.albums-num>p,
.popup-page-middle .header__top>.header__inner .popup-page__con>.lnb-left>p,
.header__top>.header__inner .popup-page-middle .popup-page__con>.lnb-left>p,
.popup-page-middle .header__top>.header__inner .popup-page__con>.lnb-right>p,
.header__top>.header__inner .popup-page-middle .popup-page__con>.lnb-right>p,
.popup-page-middle .popup-page__con.header__top>.header__inner>p,
.popup-page-middle .popup-page__con.box-history__list>li>p,
.popup-page-middle .popup-page__con.box-history>li>p,
.popup-page-middle .box-middle .popup-page__con>.box-middle__top>p,
.box-middle .popup-page-middle .popup-page__con>.box-middle__top>p,
.popup-page-middle .popup-page__con.list-map>li>p,
.popup-page-middle .popup-page__con>.list-map>p,
.popup-page-middle .list-definition .popup-page__con>dt>p,
.popup-page-middle .list-table-bg>li dl .popup-page__con>dt>p,
.list-table-bg>li .popup-page-middle dl .popup-page__con>dt>p,
.list-definition .popup-page-middle .popup-page__con>dt>p,
.list-table-bg>li dl .popup-page-middle .popup-page__con>dt>p,
.popup-page-middle .list-definition .popup-page__con>dd>p,
.popup-page-middle .list-table-bg>li dl .popup-page__con>dd>p,
.list-table-bg>li .popup-page-middle dl .popup-page__con>dd>p,
.list-definition .popup-page-middle .popup-page__con>dd>p,
.list-table-bg>li dl .popup-page-middle .popup-page__con>dd>p,
.popup-page-middle .popup-page__con>.list-tag>p,
.popup-page-middle .popup-page__con>.list-fourth-decrease>p,
.popup-page-middle .popup-page__con>.list-triple-decrease>p,
.popup-page-middle .popup-page__con>.list-triple>p,
.popup-page-middle .popup-page__con>.list-triple--interval-v2>p,
.popup-page-middle .popup-page__con>.list-triple--interval>p,
.popup-page-middle .popup-page__con>.list-fourth>p,
.popup-page-middle .popup-page__con>.list-gallery>p,
.popup-page-middle .popup-page__con>.list-fourth--interval-v2>p,
.popup-page-middle .list-border-gap--regular .popup-page__con>.list__inner-flex--triple>p,
.list-border-gap--regular .popup-page-middle .popup-page__con>.list__inner-flex--triple>p,
.popup-page-middle .popup-page__con>.flex-direction--column>p,
.popup-page-middle .form-sort .popup-page__con>[class^=btn-]>p,
.popup-page-middle .form-sort-triple__registration .popup-page__con>[class^=btn-]>p,
.popup-page-middle .form-sort-single .popup-page__con>[class^=btn-]>p,
.popup-page-middle .form-sort-double__phone .popup-page__con>[class^=btn-]>p,
.popup-page-middle .form-sort-double .popup-page__con>[class^=btn-]>p,
.popup-page-middle .form-sort-triple__email .popup-page__con>[class^=btn-]>p,
.popup-page-middle .form-sort-triple .popup-page__con>[class^=btn-]>p,
.form-sort .popup-page-middle .popup-page__con>[class^=btn-]>p,
.form-sort-triple__registration .popup-page-middle .popup-page__con>[class^=btn-]>p,
.form-sort-single .popup-page-middle .popup-page__con>[class^=btn-]>p,
.form-sort-double__phone .popup-page-middle .popup-page__con>[class^=btn-]>p,
.form-sort-double .popup-page-middle .popup-page__con>[class^=btn-]>p,
.form-sort-triple__email .popup-page-middle .popup-page__con>[class^=btn-]>p,
.form-sort-triple .popup-page-middle .popup-page__con>[class^=btn-]>p,
.popup-page-middle .input-button .popup-page__con>a[class^=icon-]>p,
.input-button .popup-page-middle .popup-page__con>a[class^=icon-]>p,
.popup-page-middle .popup-page__con>.input-icon>p,
.popup-page-middle .popup-page__con>.input-button>p,
.popup-page-middle .popup-page__con>.input-icon--green>p,
.popup-page-middle .popup-page__con>.input-icon--red>p,
.popup-page-middle .popup-page__con>.btn-interval__right>p,
.popup-page-middle .popup-page__con>.btn-interval__left>p,
.popup-page-middle .popup-page__con>.popup-page__window>p,
.popup-page-middle .popup-page__con>.popup-page__title>p,
.popup-page-middle .container-inner .popup-page__con>.sidebar__title-frame>p,
.container-inner .popup-page-middle .popup-page__con>.sidebar__title-frame>p,
.popup-page-middle .container-inner .sidebar-list>li.popup-page__con>.inside>p,
.container-inner .popup-page-middle .sidebar-list>li.popup-page__con>.inside>p,
.popup-page-middle .popup-page__con>.board__tab--block>p,
.popup-page-middle .popup-page__con>.board__index-box>p,
.popup-page-middle .popup-page__con>.board__drop-title>p,
.popup-page-middle .popup-page__con>.board-banner__flex>p,
.popup-page-middle .popup-page__con>.reply-box__title>p,
.popup-page-middle .pagination>li.popup-page__con>.inside>p,
.popup-page-middle .popup-page__con>.member-frame--title>p,
.popup-page-middle .popup-page__con>.category-frame__title>p,
.popup-page-middle .popup-page__con>.detail-index-box>p,
.popup-page-middle .detail-box__info .popup-page__con>.box-application>p,
.detail-box__info .popup-page-middle .popup-page__con>.box-application>p,
.popup-page-middle .popup-page__con>.info-data-box__top>p,
.popup-page-middle .popup-page__con>.info-wrap>p,
.popup-page-middle .popup-page__con>.info-wrap__inner>p,
.popup-page-middle .popup-page__con>.flex-box>div,
.popup-page-middle .popup-page__con>.history-ball>div,
.popup-page-middle .popup-page__con.category-list>li>div,
.popup-page-middle .popup-page__con>.box-schedule__month-list>div,
.popup-page-middle .box-schedule__year .popup-page__con>.past>div,
.box-schedule__year .popup-page-middle .popup-page__con>.past>div,
.popup-page-middle .box-schedule__year .popup-page__con>.future>div,
.box-schedule__year .popup-page-middle .popup-page__con>.future>div,
.popup-page-middle .popup-page__con>.box-schedule__year>div,
.popup-page-middle .popup-page__con>.box-symbol2>div,
.popup-page-middle .popup-page__con>.box-clean__title>div,
.popup-page-middle .popup-page__con>.box-nodata>div,
.popup-page-middle .list-learning .list-come__con--title .popup-page__con>.fraction-remote>div,
.list-learning .list-come__con--title .popup-page-middle .popup-page__con>.fraction-remote>div,
.popup-page-middle .popup-page__con>.list-come__mark>div,
.popup-page-middle .popup-page__con.list-come>li>div,
.popup-page-middle .drop-menu__list>li.popup-page__con>.inside.js-drop-title>div,
.popup-page-middle .popup-page__con>.title-frame>div,
.popup-page-middle .popup-page__con>.cm-index-title>div,
.popup-page-middle .popup-page__con>.main-banner__list>div,
.popup-page-middle .main__slider-fraction .popup-page__con>.fraction-remote>div,
.main__slider-fraction .popup-page-middle .popup-page__con>.fraction-remote>div,
.popup-page-middle .popup-page__con>.main-list__top>div,
.popup-page-middle .popup-page__con>.main-list__bottom>div,
.popup-page-middle .popup-page__con>.main-title__sub>div,
.popup-page-middle .popup-page__con>.main-title>div,
.popup-page-middle .main-container .popup-page__con>.quick-box__list>div,
.main-container .popup-page-middle .popup-page__con>.quick-box__list>div,
.popup-page-middle .popup-page__con>.visual__login-inner>div,
.popup-page-middle .visual__login-con .popup-page__con>.menu-activity>div,
.visual__login-con .popup-page-middle .popup-page__con>.menu-activity>div,
.popup-page-middle .visual__login-con .popup-page__con>.menu-comment__list>div,
.visual__login-con .popup-page-middle .popup-page__con>.menu-comment__list>div,
.popup-page-middle .footer .popup-page__con>.ars-frame__txt>div,
.footer .popup-page-middle .popup-page__con>.ars-frame__txt>div,
.popup-page-middle .popup-page__con>.footer__logo-list>div,
.popup-page-middle .popup-page__con>.footer__link>div,
.popup-page-middle .banner-list__slider .swiper-slide .popup-page__con>a>div,
.banner-list__slider .swiper-slide .popup-page-middle .popup-page__con>a>div,
.popup-page-middle .popup-page__con>.menu-before__top--list>div,
.popup-page-middle .header .popup-page__con>.menu-before__top>div,
.header .popup-page-middle .popup-page__con>.menu-before__top>div,
.popup-page-middle .header__bottom .popup-page__con>.gnb-list__txt>div,
.header__bottom .popup-page-middle .popup-page__con>.gnb-list__txt>div,
.popup-page-middle .header__top>.header__inner .lnb-right>li.popup-page__con>.inside>div,
.header__top>.header__inner .popup-page-middle .lnb-right>li.popup-page__con>.inside>div,
.popup-page-middle .header__top>.header__inner .lnb-left>li.tm .inside .popup-page__con>.albums-num>div,
.header__top>.header__inner .lnb-left>li.tm .inside .popup-page-middle .popup-page__con>.albums-num>div,
.popup-page-middle .header__top>.header__inner .popup-page__con>.lnb-left>div,
.header__top>.header__inner .popup-page-middle .popup-page__con>.lnb-left>div,
.popup-page-middle .header__top>.header__inner .popup-page__con>.lnb-right>div,
.header__top>.header__inner .popup-page-middle .popup-page__con>.lnb-right>div,
.popup-page-middle .popup-page__con.header__top>.header__inner>div,
.popup-page-middle .popup-page__con.box-history__list>li>div,
.popup-page-middle .popup-page__con.box-history>li>div,
.popup-page-middle .box-middle .popup-page__con>.box-middle__top>div,
.box-middle .popup-page-middle .popup-page__con>.box-middle__top>div,
.popup-page-middle .popup-page__con.list-map>li>div,
.popup-page-middle .popup-page__con>.list-map>div,
.popup-page-middle .list-definition .popup-page__con>dt>div,
.popup-page-middle .list-table-bg>li dl .popup-page__con>dt>div,
.list-table-bg>li .popup-page-middle dl .popup-page__con>dt>div,
.list-definition .popup-page-middle .popup-page__con>dt>div,
.list-table-bg>li dl .popup-page-middle .popup-page__con>dt>div,
.popup-page-middle .list-definition .popup-page__con>dd>div,
.popup-page-middle .list-table-bg>li dl .popup-page__con>dd>div,
.list-table-bg>li .popup-page-middle dl .popup-page__con>dd>div,
.list-definition .popup-page-middle .popup-page__con>dd>div,
.list-table-bg>li dl .popup-page-middle .popup-page__con>dd>div,
.popup-page-middle .popup-page__con>.list-tag>div,
.popup-page-middle .popup-page__con>.list-fourth-decrease>div,
.popup-page-middle .popup-page__con>.list-triple-decrease>div,
.popup-page-middle .popup-page__con>.list-triple>div,
.popup-page-middle .popup-page__con>.list-triple--interval-v2>div,
.popup-page-middle .popup-page__con>.list-triple--interval>div,
.popup-page-middle .popup-page__con>.list-fourth>div,
.popup-page-middle .popup-page__con>.list-gallery>div,
.popup-page-middle .popup-page__con>.list-fourth--interval-v2>div,
.popup-page-middle .list-border-gap--regular .popup-page__con>.list__inner-flex--triple>div,
.list-border-gap--regular .popup-page-middle .popup-page__con>.list__inner-flex--triple>div,
.popup-page-middle .popup-page__con>.flex-direction--column>div,
.popup-page-middle .form-sort .popup-page__con>[class^=btn-]>div,
.popup-page-middle .form-sort-triple__registration .popup-page__con>[class^=btn-]>div,
.popup-page-middle .form-sort-single .popup-page__con>[class^=btn-]>div,
.popup-page-middle .form-sort-double__phone .popup-page__con>[class^=btn-]>div,
.popup-page-middle .form-sort-double .popup-page__con>[class^=btn-]>div,
.popup-page-middle .form-sort-triple__email .popup-page__con>[class^=btn-]>div,
.popup-page-middle .form-sort-triple .popup-page__con>[class^=btn-]>div,
.form-sort .popup-page-middle .popup-page__con>[class^=btn-]>div,
.form-sort-triple__registration .popup-page-middle .popup-page__con>[class^=btn-]>div,
.form-sort-single .popup-page-middle .popup-page__con>[class^=btn-]>div,
.form-sort-double__phone .popup-page-middle .popup-page__con>[class^=btn-]>div,
.form-sort-double .popup-page-middle .popup-page__con>[class^=btn-]>div,
.form-sort-triple__email .popup-page-middle .popup-page__con>[class^=btn-]>div,
.form-sort-triple .popup-page-middle .popup-page__con>[class^=btn-]>div,
.popup-page-middle .input-button .popup-page__con>a[class^=icon-]>div,
.input-button .popup-page-middle .popup-page__con>a[class^=icon-]>div,
.popup-page-middle .popup-page__con>.input-icon>div,
.popup-page-middle .popup-page__con>.input-button>div,
.popup-page-middle .popup-page__con>.input-icon--green>div,
.popup-page-middle .popup-page__con>.input-icon--red>div,
.popup-page-middle .popup-page__con>.btn-interval__right>div,
.popup-page-middle .popup-page__con>.btn-interval__left>div,
.popup-page-middle .popup-page__con>.popup-page__window>div,
.popup-page-middle .popup-page__con>.popup-page__title>div,
.popup-page-middle .container-inner .popup-page__con>.sidebar__title-frame>div,
.container-inner .popup-page-middle .popup-page__con>.sidebar__title-frame>div,
.popup-page-middle .container-inner .sidebar-list>li.popup-page__con>.inside>div,
.container-inner .popup-page-middle .sidebar-list>li.popup-page__con>.inside>div,
.popup-page-middle .popup-page__con>.board__tab--block>div,
.popup-page-middle .popup-page__con>.board__index-box>div,
.popup-page-middle .popup-page__con>.board__drop-title>div,
.popup-page-middle .popup-page__con>.board-banner__flex>div,
.popup-page-middle .popup-page__con>.reply-box__title>div,
.popup-page-middle .pagination>li.popup-page__con>.inside>div,
.popup-page-middle .popup-page__con>.member-frame--title>div,
.popup-page-middle .popup-page__con>.category-frame__title>div,
.popup-page-middle .popup-page__con>.detail-index-box>div,
.popup-page-middle .detail-box__info .popup-page__con>.box-application>div,
.detail-box__info .popup-page-middle .popup-page__con>.box-application>div,
.popup-page-middle .popup-page__con>.info-data-box__top>div,
.popup-page-middle .popup-page__con>.info-wrap>div,
.popup-page-middle .popup-page__con>.info-wrap__inner>div {
    width: 100%;
    text-align: center;
}

.popup-page-small {
    position: relative;
    left: auto;
    top: auto;
    transform: translate(0, 0);
    max-width: 100%;
    width: auto;
}

@media (max-width: 340px) {
    .popup-page-small {
        width: calc(100% - 40px);
    }
}

.popup-page-small__con .box-img {
    width: 100%;
}

.popup-page-small__con .box-img img {
    width: 100%;
}

.popup-page-small__con p {
    font-size: 16px;
    text-align: center;
}

.popup-page__title {
    position: relative;
    min-height: 84px;
    padding: 28px 32px;
    box-sizing: border-box;
}

.popup-page__title--fence {
    width: 100%;
    text-align: center;
}

.popup-page__title-txt {
    width: 88%;
    margin: 0 auto;
    color: #000;
    font: 20px /1.4em "Pretendard";
    text-align: center;
}

.popup-page__title-txt::after {
    content: "";
    float: right;
    width: 36px;
    height: 100%;
    background-color: red;
}

.popup-page__title--btn {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    left: auto;
    right: 32px;
    font-size: 44px;
}

.popup-page__con {
    min-height: 156px;
    padding: 0 32px;
    box-sizing: border-box;
}

.popup-page__con.box-scroll {
    min-height: 544px;
    max-height: 544px;
    margin: 32px;
    padding: 0;
}

.popup-page__con .info-txt-normal {
    padding-bottom: 40px;
}

.popup-page__single-box {
    padding-top: 76px;
}

.popup-page__single-box p {
    text-align: center;
}

.popup-page__btn {
    width: 100%;
    display: flex;
    align-items: stretch;
}

.popup-page__btn [class^=btn-] {
    flex: 1 1 auto;
    width: 50%;
    min-width: auto;
}

.popup-page__window {
    height: 60px;
    padding: 12px 20px;
    box-sizing: border-box;
}

.popup-page__window [class^=btn-] {
    margin-left: auto;
    min-width: 60px;
}

.player-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    background-color: #757575;
    z-index: 1;
}

.player-overlay__control {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 38px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.player-overlay__control>li {
    cursor: pointer;
}

.player-overlay__control>li .icon-play {
    font-size: 64px;
}

.player-overlay__control>li .icon-pause {
    font-size: 52px;
}

.player-overlay>.player-control__option {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    gap: 0;
}

@media (max-width: 767px) {
    .player-overlay>.player-control__option {
        display: flex;
    }
}

.player-overlay>.player-control__option [class^=icon-custom] {
    width: 22px;
    height: 22px;
}

.player-overlay>.player-control__option>li {
    width: 48px;
    height: 48px;
}

.player-overlay>.player-control__option>li.option-speed .box-speed {
    bottom: auto;
    top: 48px;
    right: 8px;
}

.player-control {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 51px;
    padding: 4.5px 24px;
    box-sizing: border-box;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

@media (max-width: 767px) {
    .player-control {
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        gap: 0 8px;
        padding: 15px 8px;
    }
}

.player-control__bar {
    position: relative;
    flex-basis: 100%;
    width: calc(100% - 20px);
    height: 3px;
    margin: 0 auto;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.32);
}

@media (max-width: 767px) {
    .player-control__bar {
        flex: 1 1 auto;
        order: 2;
        width: 50%;
    }
}

.player-control__bar .bar-on {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 10%;
    height: 3px;
    border-radius: 2px;
    background-color: #fff;
}

.player-control__left {
    flex-basis: 50%;
    display: flex;
    gap: 0 12px;
    padding-top: 3px;
}

@media (max-width: 767px) {
    .player-control__left {
        flex: 0 0 auto;
        order: 1;
    }
}

.player-control__left .list-sound {
    display: flex;
    align-items: center;
    gap: 0 12px;
}

@media (max-width: 1024px) {
    .player-control__left .list-sound {
        display: none;
    }
}

.player-control__left .list-sound__control {
    width: initial !important;
    padding-left: 10px;
}

.player-control__left .list-sound>li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.player-control__left .list-sound>li:hover {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.24);
}

.player-control__left .list-sound>li.list-sound__control:hover {
    border-radius: 0;
    background-color: transparent;
}

.player-control__left .list-sound>li #soundControl.ui-slider-horizontal {
    width: 80px;
    height: 3px;
    background-color: rgba(255, 255, 255, 0.32);
    border: 0;
}

.player-control__left .list-sound>li #soundControl.ui-slider-horizontal .ui-slider-handle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    border: 0;
    cursor: pointer;
}

.player-control__left .list-sound>li #soundControl.ui-slider-horizontal .ui-slider-handle:focus-visible {
    outline: 0;
}

.player-control__left .box-time {
    padding-left: 8px;
}

@media (max-width: 1024px) {
    .player-control__left .box-time {
        display: none;
    }
}

@media (max-width: 767px) {
    .player-control__left .box-time {
        display: block;
    }
}

.player-control__left .box-time .time-past {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
}

@media (max-width: 767px) {
    .player-control__left .box-time .time-past {
        font-size: 12px;
    }
}

.player-control__left .box-time .time-all {
    display: inline-block;
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    line-height: 36px;
}

@media (max-width: 767px) {
    .player-control__left .box-time .time-all {
        font-size: 12px;
    }
}

.player-control__right {
    margin-left: auto;
    padding-top: 3px;
}

@media (max-width: 767px) {
    .player-control__right {
        order: 3;
    }
}

.player-control [class^=icon-] {
    color: #fff;
}

.player-control [class^=icon-custom] {
    width: 20px;
    height: 20px;
}

.player-control .icon-play,
.player-control .icon-volume_medium {
    font-size: 28px;
}

.player-control .icon-pause {
    font-size: 26px;
}

.player-control__list {
    display: flex;
    gap: 0 12px;
}

@media (max-width: 767px) {
    .player-control__list {
        display: none;
    }
}

.player-control__list>li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.player-control__list>li:hover {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.24);
}

.player-control__option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 12px;
}

.player-control__option>li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.player-control__option>li:hover {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.24);
}

.player-control__option>li.option-speed {
    position: relative;
}

.player-control__option>li.option-speed .box-speed {
    display: none;
    position: absolute;
    bottom: 51px;
    right: 0;
    width: 180px;
    padding: 4px 0;
    background-color: rgba(0, 0, 0, 0.54);
}

.player-control__option>li.option-speed .box-speed__title {
    height: 32px;
    box-sizing: border-box;
    padding: 8px 13px 7px;
    color: #fff;
    font-size: 12px;
}

.player-control__option>li.option-speed .box-speed__list>li {
    position: relative;
    height: 32px;
    box-sizing: border-box;
    padding: 8px 13px 7px;
    font-size: 12px;
    color: #fff;
    opacity: 0.7;
    cursor: pointer;
}

.player-control__option>li.option-speed .box-speed__list>li:hover,
.player-control__option>li.option-speed .box-speed__list>li.on {
    background-color: rgba(255, 255, 255, 0.08);
    opacity: 1;
}

.player-control__option>li.option-speed .box-speed__list>li.on:after {
    content: "\e97e";
    position: absolute;
    right: 12px;
    top: 10px;
    color: #fff;
    font: 14px "icomoon";
}

/* ++++++++++++++++++++++++++++++++++++++
	FIXED STYLE : 고정 스타일
	@Primary, Secondary
	@Gray Scale/ State
	@Typo
	@Accessibility
	@Button
	@input/ select /checkbox/ radiobox
	@margin/ padding
	@float
	@Plugin
++++++++++++++++++++++++++++++++++++++ */
.primary-color {
    color: #1f5afc !important;
}

.primary-color--100 {
    color: #eef3ff !important;
}

.primary-color--200 {
    color: #cadaff !important;
}

.primary-color--300 {
    color: #78a3fe !important;
}

.primary-color--400 {
    color: #4476ff !important;
}

.primary-color--600 {
    color: #174fe7 !important;
}

.primary-color--700 {
    color: #1345ce !important;
}

.primary-color--800 {
    color: #0c37ab !important;
}

.primary-color--900 {
    color: #042785 !important;
}

.primary-bg {
    background-color: #1f5afc !important;
}

.primary-bg--100 {
    background-color: #eef3ff !important;
}

.primary-bg--200 {
    background-color: #cadaff !important;
}

.primary-bg--300 {
    background-color: #78a3fe !important;
}

.primary-bg--400 {
    background-color: #4476ff !important;
}

.primary-bg--600 {
    background-color: #174fe7 !important;
}

.primary-bg--700 {
    background-color: #1345ce !important;
}

.primary-bg--800 {
    background-color: #0c37ab !important;
}

.primary-bg--900 {
    background-color: #042785 !important;
}

.primary-bor {
    border: 1px solid #1f5afc !important;
}

.primary-bor--t {
    border-top: 1px solid #1f5afc !important;
}

.primary-bor--r {
    border-right: 1px solid #1f5afc !important;
}

.primary-bor--b {
    border-bottom: 1px solid #1f5afc !important;
}

.primary-bor--l {
    border-left: 1px solid #1f5afc !important;
}

.primary-bor--100 {
    border: 1px solid #eef3ff !important;
}

.primary-bor--100-t {
    border-top: 1px solid #eef3ff !important;
}

.primary-bor--100-r {
    border-right: 1px solid #eef3ff !important;
}

.primary-bor--100-b {
    border-bottom: 1px solid #eef3ff !important;
}

.primary-bor--100-l {
    border-left: 1px solid #eef3ff !important;
}

.primary-bor--200 {
    border: 1px solid #cadaff !important;
}

.primary-bor--200-t {
    border-top: 1px solid #cadaff !important;
}

.primary-bor--200-r {
    border-right: 1px solid #cadaff !important;
}

.primary-bor--200-b {
    border-bottom: 1px solid #cadaff !important;
}

.primary-bor--200-l {
    border-left: 1px solid #cadaff !important;
}

.primary-bor--300 {
    border: 1px solid #78a3fe !important;
}

.primary-bor--300-t {
    border-top: 1px solid #78a3fe !important;
}

.primary-bor--300-r {
    border-right: 1px solid #78a3fe !important;
}

.primary-bor--300-b {
    border-bottom: 1px solid #78a3fe !important;
}

.primary-bor--300-l {
    border-left: 1px solid #78a3fe !important;
}

.primary-bor--400 {
    border: 1px solid #4476ff !important;
}

.primary-bor--400-t {
    border-top: 1px solid #4476ff !important;
}

.primary-bor--400-r {
    border-right: 1px solid #4476ff !important;
}

.primary-bor--400-b {
    border-bottom: 1px solid #4476ff !important;
}

.primary-bor--400-l {
    border-left: 1px solid #4476ff !important;
}

.primary-bor--600 {
    border: 1px solid #174fe7 !important;
}

.primary-bor--600-t {
    border-top: 1px solid #174fe7 !important;
}

.primary-bor--600-r {
    border-right: 1px solid #174fe7 !important;
}

.primary-bor--600-b {
    border-bottom: 1px solid #174fe7 !important;
}

.primary-bor--600-l {
    border-left: 1px solid #174fe7 !important;
}

.primary-bor--700 {
    border: 1px solid #1345ce !important;
}

.primary-bor--700-t {
    border-top: 1px solid #1345ce !important;
}

.primary-bor--700-r {
    border-right: 1px solid #1345ce !important;
}

.primary-bor--700-b {
    border-bottom: 1px solid #1345ce !important;
}

.primary-bor--700-l {
    border-left: 1px solid #1345ce !important;
}

.primary-bor--800 {
    border: 1px solid #0c37ab !important;
}

.primary-bor--800-t {
    border-top: 1px solid #0c37ab !important;
}

.primary-bor--800-r {
    border-right: 1px solid #0c37ab !important;
}

.primary-bor--800-b {
    border-bottom: 1px solid #0c37ab !important;
}

.primary-bor--800-l {
    border-left: 1px solid #0c37ab !important;
}

.primary-bor--900 {
    border: 1px solid #042785 !important;
}

.primary-bor--900-t {
    border-top: 1px solid #042785 !important;
}

.primary-bor--900-r {
    border-right: 1px solid #042785 !important;
}

.primary-bor--900-b {
    border-bottom: 1px solid #042785 !important;
}

.primary-bor--900-l {
    border-left: 1px solid #042785 !important;
}

.now-color {
    color: #f44336 !important;
}

.now-color--100 {
    color: #ffebee !important;
}

.now-color--200 {
    color: #ffcdd2 !important;
}

.now-color--300 {
    color: #ef9a9a !important;
}

.now-color--400 {
    color: #e57373 !important;
}

.now-color--600 {
    color: #e53935 !important;
}

.now-color--700 {
    color: #d32f2f !important;
}

.now-color--800 {
    color: #c62828 !important;
}

.now-color--900 {
    color: #b71c1c !important;
}


.secondary-color {
    color: #ffc500 !important;
}

.secondary-color--100 {
    color: #fff9e6 !important;
}

.secondary-color--200 {
    color: #ffecb1 !important;
}

.secondary-color--300 {
    color: #ffe082 !important;
}

.secondary-color--400 {
    color: #ffd64a !important;
}

.secondary-color--600 {
    color: #ffb600 !important;
}

.secondary-color--700 {
    color: #ffae0c !important;
}

.secondary-color--800 {
    color: #ffa200 !important;
}

.secondary-color--900 {
    color: #ff9100 !important;
}

.secondary-bg {
    background-color: #ffc500 !important;
}

.secondary-bg--100 {
    background-color: #fff9e6 !important;
}

.secondary-bg--200 {
    background-color: #ffecb1 !important;
}

.secondary-bg--300 {
    background-color: #ffe082 !important;
}

.secondary-bg--400 {
    background-color: #ffd64a !important;
}

.secondary-bg--600 {
    background-color: #ffb600 !important;
}

.secondary-bg--700 {
    background-color: #ffae0c !important;
}

.secondary-bg--800 {
    background-color: #ffa200 !important;
}

.secondary-bg--900 {
    background-color: #ff9100 !important;
}

.secondary-bor {
    border: 1px solid #ffc500 !important;
}

.secondary-bor--t {
    border-top: 1px solid #ffc500 !important;
}

.secondary-bor--r {
    border-right: 1px solid #ffc500 !important;
}

.secondary-bor--b {
    border-bottom: 1px solid #ffc500 !important;
}

.secondary-bor--l {
    border-left: 1px solid #ffc500 !important;
}

.secondary-bor--100 {
    border: 1px solid #fff9e6 !important;
}

.secondary-bor--100-t {
    border-top: 1px solid #fff9e6 !important;
}

.secondary-bor--100-r {
    border-right: 1px solid #fff9e6 !important;
}

.secondary-bor--100-b {
    border-bottom: 1px solid #fff9e6 !important;
}

.secondary-bor--100-l {
    border-left: 1px solid #fff9e6 !important;
}

.secondary-bor--200 {
    border: 1px solid #ffecb1 !important;
}

.secondary-bor--200-t {
    border-top: 1px solid #ffecb1 !important;
}

.secondary-bor--200-r {
    border-right: 1px solid #ffecb1 !important;
}

.secondary-bor--200-b {
    border-bottom: 1px solid #ffecb1 !important;
}

.secondary-bor--200-l {
    border-left: 1px solid #ffecb1 !important;
}

.secondary-bor--300 {
    border: 1px solid #ffe082 !important;
}

.secondary-bor--300-t {
    border-top: 1px solid #ffe082 !important;
}

.secondary-bor--300-r {
    border-right: 1px solid #ffe082 !important;
}

.secondary-bor--300-b {
    border-bottom: 1px solid #ffe082 !important;
}

.secondary-bor--300-l {
    border-left: 1px solid #ffe082 !important;
}

.secondary-bor--400 {
    border: 1px solid #ffd64a !important;
}

.secondary-bor--400-t {
    border-top: 1px solid #ffd64a !important;
}

.secondary-bor--400-r {
    border-right: 1px solid #ffd64a !important;
}

.secondary-bor--400-b {
    border-bottom: 1px solid #ffd64a !important;
}

.secondary-bor--400-l {
    border-left: 1px solid #ffd64a !important;
}

.secondary-bor--600 {
    border: 1px solid #ffb600 !important;
}

.secondary-bor--600-t {
    border-top: 1px solid #ffb600 !important;
}

.secondary-bor--600-r {
    border-right: 1px solid #ffb600 !important;
}

.secondary-bor--600-b {
    border-bottom: 1px solid #ffb600 !important;
}

.secondary-bor--600-l {
    border-left: 1px solid #ffb600 !important;
}

.secondary-bor--700 {
    border: 1px solid #ffae0c !important;
}

.secondary-bor--700-t {
    border-top: 1px solid #ffae0c !important;
}

.secondary-bor--700-r {
    border-right: 1px solid #ffae0c !important;
}

.secondary-bor--700-b {
    border-bottom: 1px solid #ffae0c !important;
}

.secondary-bor--700-l {
    border-left: 1px solid #ffae0c !important;
}

.secondary-bor--800 {
    border: 1px solid #ffa200 !important;
}

.secondary-bor--800-t {
    border-top: 1px solid #ffa200 !important;
}

.secondary-bor--800-r {
    border-right: 1px solid #ffa200 !important;
}

.secondary-bor--800-b {
    border-bottom: 1px solid #ffa200 !important;
}

.secondary-bor--800-l {
    border-left: 1px solid #ffa200 !important;
}

.secondary-bor--900 {
    border: 1px solid #ff9100 !important;
}

.secondary-bor--900-t {
    border-top: 1px solid #ff9100 !important;
}

.secondary-bor--900-r {
    border-right: 1px solid #ff9100 !important;
}

.secondary-bor--900-b {
    border-bottom: 1px solid #ff9100 !important;
}

.secondary-bor--900-l {
    border-left: 1px solid #ff9100 !important;
}

.gray-color--fff {
    color: #fff !important;
}

.gray-color--050 {
    color: #fafafa !important;
}

.gray-color--100 {
    color: #f5f5f5 !important;
}

.gray-color--200 {
    color: #eee !important;
}

.gray-color--300 {
    color: #e0e0e0 !important;
}

.gray-color--400 {
    color: #bdbdbd !important;
}

.gray-color--500 {
    color: #9e9e9e !important;
}

.gray-color--600 {
    color: #757575 !important;
}

.gray-color--700 {
    color: #616161 !important;
}

.gray-color--800 {
    color: #424242 !important;
}

.gray-color--900 {
    color: #000 !important;
}

.gray-bg--fff {
    background-color: #fff !important;
}

.gray-bg--050 {
    background-color: #fafafa !important;
}

.gray-bg--100 {
    background-color: #f5f5f5 !important;
}

.gray-bg--200 {
    background-color: #eee !important;
}

.gray-bg--300 {
    background-color: #e0e0e0 !important;
}

.gray-bg--400 {
    background-color: #bdbdbd !important;
}

.gray-bg--500 {
    background-color: #9e9e9e !important;
}

.gray-bg--600 {
    background-color: #757575 !important;
}

.gray-bg--700 {
    background-color: #616161 !important;
}

.gray-bg--800 {
    background-color: #424242 !important;
}

.gray-bg--900 {
    background-color: #000 !important;
}

.gray-bor--fff {
    border: 1px solid #fff !important;
}

.gray-bor--fff-t {
    border-top: 1px solid #fff !important;
}

.gray-bor--fff-r {
    border-right: 1px solid #fff !important;
}

.gray-bor--fff-b {
    border-bottom: 1px solid #fff !important;
}

.gray-bor--fff-l {
    border-left: 1px solid #fff !important;
}

.gray-bor--050 {
    border: 1px solid #fafafa !important;
}

.gray-bor--050-t {
    border-top: 1px solid #fafafa !important;
}

.gray-bor--050-r {
    border-right: 1px solid #fafafa !important;
}

.gray-bor--050-b {
    border-bottom: 1px solid #fafafa !important;
}

.gray-bor--050-l {
    border-left: 1px solid #fafafa !important;
}

.gray-bor--100 {
    border: 1px solid #f5f5f5 !important;
}

.gray-bor--100-t {
    border-top: 1px solid #f5f5f5 !important;
}

.gray-bor--100-r {
    border-right: 1px solid #f5f5f5 !important;
}

.gray-bor--100-b {
    border-bottom: 1px solid #f5f5f5 !important;
}

.gray-bor--100-l {
    border-left: 1px solid #f5f5f5 !important;
}

.gray-bor--200 {
    border: 1px solid #eee !important;
}

.gray-bor--200-t {
    border-top: 1px solid #eee !important;
}

.gray-bor--200-r {
    border-right: 1px solid #eee !important;
}

.gray-bor--200-b {
    border-bottom: 1px solid #eee !important;
}

.gray-bor--200-l {
    border-left: 1px solid #eee !important;
}

.gray-bor--300 {
    border: 1px solid #e0e0e0 !important;
}

.gray-bor--300-t {
    border-top: 1px solid #e0e0e0 !important;
}

.gray-bor--300-r {
    border-right: 1px solid #e0e0e0 !important;
}

.gray-bor--300-b {
    border-bottom: 1px solid #e0e0e0 !important;
}

.gray-bor--300-l {
    border-left: 1px solid #e0e0e0 !important;
}

.gray-bor--400 {
    border: 1px solid #bdbdbd !important;
}

.gray-bor--400-t {
    border-top: 1px solid #bdbdbd !important;
}

.gray-bor--400-r {
    border-right: 1px solid #bdbdbd !important;
}

.gray-bor--400-b {
    border-bottom: 1px solid #bdbdbd !important;
}

.gray-bor--400-l {
    border-left: 1px solid #bdbdbd !important;
}

.gray-bor--500 {
    border: 1px solid #9e9e9e !important;
}

.gray-bor--500-t {
    border-top: 1px solid #9e9e9e !important;
}

.gray-bor--500-r {
    border-right: 1px solid #9e9e9e !important;
}

.gray-bor--500-b {
    border-bottom: 1px solid #9e9e9e !important;
}

.gray-bor--500-l {
    border-left: 1px solid #9e9e9e !important;
}

.gray-bor--600 {
    border: 1px solid #757575 !important;
}

.gray-bor--600-t {
    border-top: 1px solid #757575 !important;
}

.gray-bor--600-r {
    border-right: 1px solid #757575 !important;
}

.gray-bor--600-b {
    border-bottom: 1px solid #757575 !important;
}

.gray-bor--600-l {
    border-left: 1px solid #757575 !important;
}

.gray-bor--700 {
    border: 1px solid #616161 !important;
}

.gray-bor--700-t {
    border-top: 1px solid #616161 !important;
}

.gray-bor--700-r {
    border-right: 1px solid #616161 !important;
}

.gray-bor--700-b {
    border-bottom: 1px solid #616161 !important;
}

.gray-bor--700-l {
    border-left: 1px solid #616161 !important;
}

.gray-bor--800 {
    border: 1px solid #424242 !important;
}

.gray-bor--800-t {
    border-top: 1px solid #424242 !important;
}

.gray-bor--800-r {
    border-right: 1px solid #424242 !important;
}

.gray-bor--800-b {
    border-bottom: 1px solid #424242 !important;
}

.gray-bor--800-l {
    border-left: 1px solid #424242 !important;
}

.gray-bor--900 {
    border: 1px solid #000 !important;
}

.gray-bor--900-t {
    border-top: 1px solid #000 !important;
}

.gray-bor--900-r {
    border-right: 1px solid #000 !important;
}

.gray-bor--900-b {
    border-bottom: 1px solid #000 !important;
}

.gray-bor--900-l {
    border-left: 1px solid #000 !important;
}

.state__gray,
.state__green,
.state-square__green,
.state__red,
.state-square__red,
.state__yellow,
.state-square__yellow,
.state__blue,
.state-square__blue {
    display: inline-block;
    box-sizing: border-box;
    padding: 5px 16px 5px;
    font: 13px /1.4em "Pretendard";
    text-align: center;
}

@media (max-width: 1024px) {

    .state__gray,
    .state__green,
    .state-square__green,
    .state__red,
    .state-square__red,
    .state__yellow,
    .state-square__yellow,
    .state__blue,
    .state-square__blue {
        padding: 4px 12.5px 3px;
        font-size: 12px;
    }
}

.state__gray {
    background-color: #f5f5f5;
    color: #9e9e9e !important;
}

.state__gray--color {
    color: #9e9e9e !important;
}

.state__green,
.state-square__green {
    background-color: #4caf5014;
    color: #4caf50 !important;
}

.state__green--color {
    color: #4caf50 !important;
}

.state__red,
.state-square__red {
    background-color: #d32f2f14;
    color: #d32f2f !important;
}

.state__red--color {
    color: #d32f2f !important;
}

.state__yellow,
.state-square__yellow {
    background-color: #f9a82514;
    color: #f9a825 !important;
}

.state__yellow--color {
    color: #f9a825 !important;
}

.state__blue,
.state-square__blue {
    background-color: #0091ea14;
    color: #0091ea !important;
}

.state__blue--color {
    color: #0091ea !important;
}

.txt--b {
    font: 16px /1.4em "Pretendard";
}

.txt--b2 {
    font: 18px /1.4em "Pretendard";
}

.txt--b3 {
    font: 20px /1.4em "Pretendard";
}

.txt--b4 {
    font: 22px /1.4em "Pretendard";
}

.txt--b5 {
    font: 24px /1.4em "Pretendard";
}

.txt--b6 {
    font: 26px /1.4em "Pretendard";
}

.txt--b7 {
    font: 28px /1.4em "Pretendard";
}

.txt--b8 {
    font: 30px /1.4em "Pretendard";
}

.txt--b9 {
    font: 32px /1.4em "Pretendard";
}

.txt--b10 {
    font: 34px /1.4em "Pretendard";
}

.txt--b11 {
    font: 36px /1.4em "Pretendard";
}

.txt--b12 {
    font: 38px /1.4em "Pretendard";
}

.txt--m {
    font: 14px /1.4em "Pretendard";
}

.txt--m2 {
    font: 15px /1.4em "Pretendard";
}

.txt--m3 {
    font: 16px /1.4em "Pretendard";
}

.txt--m4 {
    font: 18px /1.4em "Pretendard";
}

.txt--m5 {
    font: 20px /1.4em "Pretendard";
}

.txt--m6 {
    font: 22px /1.4em "Pretendard";
}

.txt--m7 {
    font: 24px /1.4em "Pretendard";
}

.txt--m8 {
    font: 26px /1.4em "Pretendard";
}

.txt--m9 {
    font: 28px /1.4em "Pretendard";
}

.txt--m10 {
    font: 30px /1.4em "Pretendard";
}

.txt--m11 {
    font: 32px /1.4em "Pretendard";
}

.txt-l {
    text-align: left !important;
}

.txt-c {
    text-align: center !important;
}

.txt-r {
    text-align: right !important;
}

.txt-line {
    text-decoration: underline !important;
}

.skip-navigation a {
    position: absolute;
    left: 0px;
    top: -9999px;
}

.skip-navigation a:focus {
    display: block;
    top: 0px;
    width: 100%;
    line-height: 40px;
    font-size: 14px;
    font-weight: 700;
    background: #000;
    color: #fff;
    text-align: center;
    z-index: 50;
}

.blind {
    position: absolute;
    left: 0px;
    top: -9999px;
}

.inside {
    display: inline-block;
    vertical-align: middle;
}

.inside-attach {
    display: inline-block;
    width: 100%;
}

.btn,
.btn-400--outline,
.btn-400,
.btn-micro-400--outline,
.btn-micro-400,
.btn-tiny-400--outline,
.btn-tiny-400,
.btn-small-400--outline,
.btn-small-400,
.btn-normal-400--outline,
.btn-normal-400,
.btn-regular-400--outline,
.btn-regular-400,
.btn-large-400--outline,
.btn-large-400,
.btn-300--outline,
.btn-300,
.btn-primary--300,
.btn-large,
.btn-large-white--outline,
.btn-large-white,
.btn-large-dark--outline,
.btn-large-dark,
.btn-large-secondary--outline,
.btn-large-secondary,
.btn-large-secondary--900,
.btn-large-primary--outline,
.btn-large-primary,
.btn-large--bg,
.btn-regular,
.btn-regular-secondary--900,
.btn-regular-white--outline,
.btn-regular-white,
.btn-regular-dark--outline,
.btn-regular-dark,
.btn-regular-secondary--outline,
.btn-regular-secondary,
.btn-regular-primary--outline,
.btn-regular-primary,
.btn-regular--bg,
.btn-normal,
.btn-normal-white--outline,
.btn-normal-white,
.btn-normal-dark--outline,
.btn-normal-dark,
.btn-normal-secondary--outline,
.btn-normal-secondary,
.btn-normal-primary--outline,
.btn-normal-primary,
.btn-normal--bg,
.btn-small,
.btn-small-white--outline,
.btn-small-white,
.btn-small-dark--outline,
.btn-small-dark,
.btn-small-secondary--outline,
.btn-small-secondary,
.btn-small-secondary--900,
.btn-small-primary--outline,
.btn-small-primary,
.btn-small--bg,
.btn-tiny,
.list-tag>li .btn-tiny-refresh,
.list-tag>li .btn-tiny-category,
.btn-tiny-white--outline,
.btn-tiny-white,
.btn-tiny-dark--outline,
.btn-tiny-dark,
.btn-tiny-secondary--outline,
.btn-tiny-secondary,
.btn-tiny-primary--outline,
.btn-tiny-primary,
.btn-tiny--bg,
.btn-micro,
.btn-micro-white--outline,
.btn-micro-white,
.btn-micro-dark--outline,
.btn-micro-dark,
.btn-micro-secondary--outline,
.btn-micro-secondary,
.btn-micro-primary--outline,
.btn-micro-primary,
.btn-micro--bg,
.btn-white--outline,
.btn-white,
.btn-dark--outline,
.btn-dark,
.btn-secondary--outline,
.btn-secondary,
.btn-primary--outline,
.btn-primary,
.btn--bg,
.member-frame .btn-larger {
    display: inline-block;
    vertical-align: middle;
    height: 44px;
    padding: 10px 12px 9px 12px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    color: #9e9e9e;
    text-align: center;
    cursor: pointer;
}

.btn [class^=icon-],
.btn-400--outline [class^=icon-],
.btn-400 [class^=icon-],
.btn-micro-400--outline [class^=icon-],
.btn-micro-400 [class^=icon-],
.btn-tiny-400--outline [class^=icon-],
.btn-tiny-400 [class^=icon-],
.btn-small-400--outline [class^=icon-],
.btn-small-400 [class^=icon-],
.btn-normal-400--outline [class^=icon-],
.btn-normal-400 [class^=icon-],
.btn-regular-400--outline [class^=icon-],
.btn-regular-400 [class^=icon-],
.btn-large-400--outline [class^=icon-],
.btn-large-400 [class^=icon-],
.btn-300--outline [class^=icon-],
.btn-300 [class^=icon-],
.btn-primary--300 [class^=icon-],
.btn-large [class^=icon-],
.btn-large-white--outline [class^=icon-],
.btn-large-white [class^=icon-],
.btn-large-dark--outline [class^=icon-],
.btn-large-dark [class^=icon-],
.btn-large-secondary--outline [class^=icon-],
.btn-large-secondary [class^=icon-],
.btn-large-secondary--900 [class^=icon-],
.btn-large-primary--outline [class^=icon-],
.btn-large-primary [class^=icon-],
.btn-large--bg [class^=icon-],
.btn-regular [class^=icon-],
.btn-regular-secondary--900 [class^=icon-],
.btn-regular-white--outline [class^=icon-],
.btn-regular-white [class^=icon-],
.btn-regular-dark--outline [class^=icon-],
.btn-regular-dark [class^=icon-],
.btn-regular-secondary--outline [class^=icon-],
.btn-regular-secondary [class^=icon-],
.btn-regular-primary--outline [class^=icon-],
.btn-regular-primary [class^=icon-],
.btn-regular--bg [class^=icon-],
.btn-normal [class^=icon-],
.btn-normal-white--outline [class^=icon-],
.btn-normal-white [class^=icon-],
.btn-normal-dark--outline [class^=icon-],
.btn-normal-dark [class^=icon-],
.btn-normal-secondary--outline [class^=icon-],
.btn-normal-secondary [class^=icon-],
.btn-normal-primary--outline [class^=icon-],
.btn-normal-primary [class^=icon-],
.btn-normal--bg [class^=icon-],
.btn-small [class^=icon-],
.btn-small-white--outline [class^=icon-],
.btn-small-white [class^=icon-],
.btn-small-dark--outline [class^=icon-],
.btn-small-dark [class^=icon-],
.btn-small-secondary--outline [class^=icon-],
.btn-small-secondary [class^=icon-],
.btn-small-secondary--900 [class^=icon-],
.btn-small-primary--outline [class^=icon-],
.btn-small-primary [class^=icon-],
.btn-small--bg [class^=icon-],
.btn-tiny [class^=icon-],
.list-tag>li .btn-tiny-refresh [class^=icon-],
.list-tag>li .btn-tiny-category [class^=icon-],
.btn-tiny-white--outline [class^=icon-],
.btn-tiny-white [class^=icon-],
.btn-tiny-dark--outline [class^=icon-],
.btn-tiny-dark [class^=icon-],
.btn-tiny-secondary--outline [class^=icon-],
.btn-tiny-secondary [class^=icon-],
.btn-tiny-primary--outline [class^=icon-],
.btn-tiny-primary [class^=icon-],
.btn-tiny--bg [class^=icon-],
.btn-micro [class^=icon-],
.btn-micro-white--outline [class^=icon-],
.btn-micro-white [class^=icon-],
.btn-micro-dark--outline [class^=icon-],
.btn-micro-dark [class^=icon-],
.btn-micro-secondary--outline [class^=icon-],
.btn-micro-secondary [class^=icon-],
.btn-micro-primary--outline [class^=icon-],
.btn-micro-primary [class^=icon-],
.btn-micro--bg [class^=icon-],
.btn-white--outline [class^=icon-],
.btn-white [class^=icon-],
.btn-dark--outline [class^=icon-],
.btn-dark [class^=icon-],
.btn-secondary--outline [class^=icon-],
.btn-secondary [class^=icon-],
.btn-primary--outline [class^=icon-],
.btn-primary [class^=icon-],
.btn--bg [class^=icon-],
.member-frame .btn-larger [class^=icon-] {
    font-size: 16px;
}

.btn--bg,
.btn-micro--bg,
.btn-tiny--bg,
.btn-small--bg,
.btn-normal--bg,
.btn-regular--bg,
.btn-large--bg {
    border-color: #eee;
    background-color: #eee;
}

.btn-primary,
.btn-micro-primary,
.btn-tiny-primary,
.btn-small-primary,
.btn-normal-primary,
.btn-regular-primary,
.btn-large-primary {
    border-color: #1f5afc;
    background-color: #1f5afc;
    color: #fff;
}

.btn-primary--outline,
.btn-micro-primary--outline,
.btn-tiny-primary--outline,
.btn-small-primary--outline,
.btn-normal-primary--outline,
.btn-regular-primary--outline,
.btn-large-primary--outline {
    border-color: #1f5afc;
    background-color: #fff;
    color: #1f5afc;
}

.btn-secondary,
.btn-regular-secondary--900,
.btn-micro-secondary,
.btn-tiny-secondary,
.btn-small-secondary,
.btn-small-secondary--900,
.btn-normal-secondary,
.btn-regular-secondary,
.btn-large-secondary,
.btn-large-secondary--900 {
    border-color: #ffc500;
    background-color: #ffc500;
    color: #fff;
}

.btn-secondary--outline,
.btn-micro-secondary--outline,
.btn-tiny-secondary--outline,
.btn-small-secondary--outline,
.btn-normal-secondary--outline,
.btn-regular-secondary--outline,
.btn-large-secondary--outline {
    border-color: #ffc500;
    background-color: #fff;
    color: #ffc500;
}

.btn-dark,
.btn-micro-dark,
.btn-tiny-dark,
.btn-small-dark,
.btn-normal-dark,
.btn-regular-dark,
.btn-large-dark {
    border-color: #424242;
    background-color: #424242;
    color: #fff;
}

.btn-dark--outline,
.btn-micro-dark--outline,
.btn-tiny-dark--outline,
.btn-small-dark--outline,
.btn-normal-dark--outline,
.btn-regular-dark--outline,
.btn-large-dark--outline {
    border-color: #424242;
    color: #000;
}

.btn-white,
.btn-micro-white,
.btn-tiny-white,
.btn-small-white,
.btn-normal-white,
.btn-regular-white,
.btn-large-white {
    border-color: #fff;
    background-color: #fff;
    color: #333;
}

.btn-white--outline,
.btn-micro-white--outline,
.btn-tiny-white--outline,
.btn-small-white--outline,
.btn-normal-white--outline,
.btn-regular-white--outline,
.btn-large-white--outline {
    border-color: #fff;
    color: #fff;
    background-color: #333;
}

.btn-regular,
.btn-regular-400--outline,
.btn-regular-400,
.btn-regular-secondary--900,
.btn-regular-white--outline,
.btn-regular-white,
.btn-regular-dark--outline,
.btn-regular-dark,
.btn-regular-secondary--outline,
.btn-regular-secondary,
.btn-regular-primary--outline,
.btn-regular-primary,
.btn-regular--bg,
.btn-normal,
.btn-normal-400--outline,
.btn-normal-400,
.btn-normal-white--outline,
.btn-normal-white,
.btn-normal-dark--outline,
.btn-normal-dark,
.btn-normal-secondary--outline,
.btn-normal-secondary,
.btn-normal-primary--outline,
.btn-normal-primary,
.btn-normal--bg,
.btn-small,
.btn-small-400--outline,
.btn-small-400,
.btn-small-white--outline,
.btn-small-white,
.btn-small-dark--outline,
.btn-small-dark,
.btn-small-secondary--outline,
.btn-small-secondary,
.btn-small-secondary--900,
.btn-small-primary--outline,
.btn-small-primary,
.btn-small--bg {
    font-size: 14px;
}

.btn-regular,
.btn-regular-400--outline,
.btn-regular-400,
.btn-regular-secondary--900,
.btn-regular-white--outline,
.btn-regular-white,
.btn-regular-dark--outline,
.btn-regular-dark,
.btn-regular-secondary--outline,
.btn-regular-secondary,
.btn-regular-primary--outline,
.btn-regular-primary,
.btn-regular--bg,
.btn-normal,
.btn-normal-400--outline,
.btn-normal-400,
.btn-normal-white--outline,
.btn-normal-white,
.btn-normal-dark--outline,
.btn-normal-dark,
.btn-normal-secondary--outline,
.btn-normal-secondary,
.btn-normal-primary--outline,
.btn-normal-primary,
.btn-normal--bg {
    min-width: 120px;
}

.btn-small,
.btn-small-400--outline,
.btn-small-400,
.btn-small-white--outline,
.btn-small-white,
.btn-small-dark--outline,
.btn-small-dark,
.btn-small-secondary--outline,
.btn-small-secondary,
.btn-small-secondary--900,
.btn-small-primary--outline,
.btn-small-primary,
.btn-small--bg,
.btn-tiny,
.btn-tiny-400--outline,
.btn-tiny-400,
.list-tag>li .btn-tiny-refresh,
.list-tag>li .btn-tiny-category,
.btn-tiny-white--outline,
.btn-tiny-white,
.btn-tiny-dark--outline,
.btn-tiny-dark,
.btn-tiny-secondary--outline,
.btn-tiny-secondary,
.btn-tiny-primary--outline,
.btn-tiny-primary,
.btn-tiny--bg {
    min-width: 100px;
}

.btn-tiny,
.btn-tiny-400--outline,
.btn-tiny-400,
.list-tag>li .btn-tiny-refresh,
.list-tag>li .btn-tiny-category,
.btn-tiny-white--outline,
.btn-tiny-white,
.btn-tiny-dark--outline,
.btn-tiny-dark,
.btn-tiny-secondary--outline,
.btn-tiny-secondary,
.btn-tiny-primary--outline,
.btn-tiny-primary,
.btn-tiny--bg,
.btn-micro,
.btn-micro-400--outline,
.btn-micro-400,
.btn-micro-white--outline,
.btn-micro-white,
.btn-micro-dark--outline,
.btn-micro-dark,
.btn-micro-secondary--outline,
.btn-micro-secondary,
.btn-micro-primary--outline,
.btn-micro-primary,
.btn-micro--bg {
    font-size: 12px;
}

.btn-large,
.btn-large-400--outline,
.btn-large-400,
.btn-large-white--outline,
.btn-large-white,
.btn-large-dark--outline,
.btn-large-dark,
.btn-large-secondary--outline,
.btn-large-secondary,
.btn-large-secondary--900,
.btn-large-primary--outline,
.btn-large-primary,
.btn-large--bg {
    min-width: 140px;
    height: 56px;
    padding: 15px 12px 15.5px 12px;
    font-size: 16px;
}

.btn-regular,
.btn-regular-400--outline,
.btn-regular-400,
.btn-regular-secondary--900,
.btn-regular-white--outline,
.btn-regular-white,
.btn-regular-dark--outline,
.btn-regular-dark,
.btn-regular-secondary--outline,
.btn-regular-secondary,
.btn-regular-primary--outline,
.btn-regular-primary,
.btn-regular--bg {
    height: 48px;
    padding: 11px 12px;
}

.btn-normal,
.btn-normal-400--outline,
.btn-normal-400,
.btn-normal-white--outline,
.btn-normal-white,
.btn-normal-dark--outline,
.btn-normal-dark,
.btn-normal-secondary--outline,
.btn-normal-secondary,
.btn-normal-primary--outline,
.btn-normal-primary,
.btn-normal--bg {
    height: 44px;
}

.btn-small,
.btn-small-400--outline,
.btn-small-400,
.btn-small-white--outline,
.btn-small-white,
.btn-small-dark--outline,
.btn-small-dark,
.btn-small-secondary--outline,
.btn-small-secondary,
.btn-small-secondary--900,
.btn-small-primary--outline,
.btn-small-primary,
.btn-small--bg {
    height: 40px;
    padding: 8px 12px 6px 12px;
}

.btn-tiny,
.btn-tiny-400--outline,
.btn-tiny-400,
.list-tag>li .btn-tiny-refresh,
.list-tag>li .btn-tiny-category,
.btn-tiny-white--outline,
.btn-tiny-white,
.btn-tiny-dark--outline,
.btn-tiny-dark,
.btn-tiny-secondary--outline,
.btn-tiny-secondary,
.btn-tiny-primary--outline,
.btn-tiny-primary,
.btn-tiny--bg {
    height: 36px;
    padding: 8px 12px 6.5px 12px;
}

.btn-micro,
.btn-micro-400--outline,
.btn-micro-400,
.btn-micro-white--outline,
.btn-micro-white,
.btn-micro-dark--outline,
.btn-micro-dark,
.btn-micro-secondary--outline,
.btn-micro-secondary,
.btn-micro-primary--outline,
.btn-micro-primary,
.btn-micro--bg {
    min-width: 80px;
    height: 32px;
    padding: 6px 7px 4px 7px;
}

.btn-interval,
.btn-interval-tiny,
.btn-interval-small,
.btn-interval-small--side,
.btn-interval-middle,
.btn-interval-wide {
    display: flex;
    align-items: center;
    gap: 16px;
}

@media (max-width: 1024px) {

    .btn-interval,
    .btn-interval-tiny,
    .btn-interval-small,
    .btn-interval-small--side,
    .btn-interval-middle,
    .btn-interval-wide {
        gap: 8px;
    }
}

.btn-interval [class^=btn-],
.btn-interval-tiny [class^=btn-],
.btn-interval-small [class^=btn-],
.btn-interval-small--side [class^=btn-],
.btn-interval-middle [class^=btn-],
.btn-interval-wide [class^=btn-],
.btn-interval [class*=" btn-"],
.btn-interval-tiny [class*=" btn-"],
.btn-interval-small [class*=" btn-"],
.btn-interval-small--side [class*=" btn-"],
.btn-interval-middle [class*=" btn-"],
.btn-interval-wide [class*=" btn-"] {
    flex: 1 1 calc(50% - 8px);
}

@media (max-width: 1024px) {

    .btn-interval [class^=btn-],
    .btn-interval-tiny [class^=btn-],
    .btn-interval-small [class^=btn-],
    .btn-interval-small--side [class^=btn-],
    .btn-interval-middle [class^=btn-],
    .btn-interval-wide [class^=btn-],
    .btn-interval [class*=" btn-"],
    .btn-interval-tiny [class*=" btn-"],
    .btn-interval-small [class*=" btn-"],
    .btn-interval-small--side [class*=" btn-"],
    .btn-interval-middle [class*=" btn-"],
    .btn-interval-wide [class*=" btn-"] {
        flex: 1 1 calc(50% - 4px);
    }
}

.btn-interval__left [class^=btn-],
.btn-interval__left [class*=" btn-"] {
    flex: 0 0 auto;
}

.btn-interval__right {
    margin-left: auto;
}

.btn-interval__right [class^=btn-],
.btn-interval__right [class*=" btn-"] {
    flex: 0 0 auto;
    margin-left: auto;
}

.btn-interval-wide {
    margin-top: 80px;
}

@media (max-width: 1024px) {
    .btn-interval-wide {
        margin-top: 48px;
    }
}

.btn-interval-middle {
    margin-top: 48px;
}

@media (max-width: 1024px) {
    .btn-interval-middle {
        margin-top: 40px;
    }
}

@media (max-width: 1024px) {
    .btn-interval-middle [class*=-large] {
        min-width: auto;
        height: 52px;
        padding: 13px 12px 15px 12px;
    }
}

.btn-interval-small,
.btn-interval-small--side {
    margin-top: 40px;
}

@media (max-width: 1024px) {

    .btn-interval-small,
    .btn-interval-small--side {
        margin-top: 32px;
    }
}

@media (max-width: 1024px) {

    .btn-interval-small--side [class^=btn-],
    .btn-interval-small--side [class*=" btn-"] {
        min-width: 100px;
        height: 44px;
    }
}

.btn-filter-fence {
    display: flex;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

@media (max-width: 1024px) {
    .btn-filter-fence {
        gap: 0;
        display: flex;
        position: fixed;
        left: 0;
        bottom: 0;
    }
}

.btn-filter-fence .btn-regular--bg {
    background-color: #616161;
    border-color: #616161;
    color: #fff;
}

@media (max-width: 1024px) {
    .btn-filter-fence .btn-regular--bg {
        width: 300px;
    }
}

@media (max-width: 767px) {
    .btn-filter-fence .btn-regular--bg {
        width: 132px;
    }
}

.btn-filter-fence .btn-regular--bg [class^=icon-] {
    color: #fff;
    font-size: 24px;
}

@media (max-width: 1024px) {
    .btn-filter-fence .btn-regular-secondary {
        width: calc(100% - 300px);
    }
}

@media (max-width: 767px) {
    .btn-filter-fence .btn-regular-secondary {
        width: calc(100% - 132px);
    }
}

.btn-filter-fence [class^=btn-] {
    min-width: 140px;
}

label {
    display: inline-block;
}

input {
    height: 44px;
    padding: 0 0 0 16px;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    color: #000;
    font-size: 14px;
}

@media (max-width: 1024px) {
    input {
        height: 40px;
        padding: 0 12px;
    }
}

input::placeholder {
    color: #9e9e9e;
}

input:focus-visible,
input:focus {
    border: 1px solid #000;
}

input:disabled,
input:read-only {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #9e9e9e;
}

.input-icon,
.input-button,
.input-icon--green,
.input-icon--red {
    gap: 0 !important;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 44px;
    padding: 0 16px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {

    .input-icon,
    .input-button,
    .input-icon--green,
    .input-icon--red {
        height: 40px;
    }
}

.input-icon:active,
.input-button:active,
.input-icon--green:active,
.input-icon--red:active {
    border-color: #000;
}

.input-icon.disabled,
.disabled.input-button,
.disabled.input-icon--green,
.disabled.input-icon--red,
.input-icon.readonly,
.readonly.input-button,
.readonly.input-icon--green,
.readonly.input-icon--red {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.input-icon>p,
.input-button>p,
.input-icon--green>p,
.input-icon--red>p {
    margin-right: auto;
    margin-left: auto;
    color: #bdbdbd;
}

.input-icon>p.txt-time,
.input-button>p.txt-time,
.input-icon--green>p.txt-time,
.input-icon--red>p.txt-time {
    color: #1f5afc;
    font-size: 13px;
}

@media (max-width: 1024px) {

    .input-icon>p,
    .input-button>p,
    .input-icon--green>p,
    .input-icon--red>p {
        font-size: 13px;
    }
}

.input-icon input,
.input-button input,
.input-icon--green input,
.input-icon--red input {
    flex: 1 1 auto;
    width: calc(100% - 42px);
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: auto;
}

@media (max-width: 1024px) {

    .input-icon input,
    .input-button input,
    .input-icon--green input,
    .input-icon--red input {
        width: calc(100% - 38px);
        cursor: auto;
    }
}

.input-icon input::placeholder,
.input-button input::placeholder,
.input-icon--green input::placeholder,
.input-icon--red input::placeholder {
    color: #9e9e9e;
}

.input-icon input:focus,
.input-button input:focus,
.input-icon--green input:focus,
.input-icon--red input:focus,
.input-icon input:focus-visible,
.input-button input:focus-visible,
.input-icon--green input:focus-visible,
.input-icon--red input:focus-visible {
    border: 0;
    outline: 0;
}

.input-icon input:disabled,
.input-button input:disabled,
.input-icon--green input:disabled,
.input-icon--red input:disabled,
.input-icon input:read-only,
.input-button input:read-only,
.input-icon--green input:read-only,
.input-icon--red input:read-only {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.input-icon--red {
    border-color: #d32f2f;
}

.input-icon--red:focus-within {
    border-color: #d32f2f;
}

.input-icon--red:active {
    border-color: #d32f2f;
}

.input-icon--red [class^=icon-] {
    color: #d32f2f;
}

.input-icon--green {
    border-color: #4caf50;
}

.input-icon--green:focus-within {
    border-color: #4caf50;
}

.input-icon--green:active {
    border-color: #4caf50;
}

.input-icon--green [class^=icon-] {
    color: #4caf50;
}

.input-button {
    gap: 0 !important;
    padding: 0 0 0 16px;
}

.input-button a {
    flex: 0 0 auto;
}

.input-button a[class^=icon-] {
    justify-content: center;
    width: 42px;
    height: 100%;
}

@media (max-width: 1024px) {
    .input-button a[class^=icon-] {
        width: 38px;
    }
}

.input-button a.icon-eye.on::before {
    content: "\e9d7";
}

.input-comment,
.input-comment--red {
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 8px;
    color: #9e9e9e;
    font: 12px /1.75em "spoqa-light";
    text-align: left;
}

.input-comment-sub {
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 10px;
    color: #9e9e9e;
    font: 11.6px /1.75em "spoqa-light";
    text-align: left;
}



.input-comment [class^=icon-],
.input-comment--red [class^=icon-] {
    margin-right: 6px;
    font-size: 20px;
}

.input-comment--red {
    color: #d32f2f;
}

textarea {
    padding: 12px 16px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    font: 14px /1.75em "Pretendard";
}

textarea::placeholder {
    color: #9e9e9e;
}

textarea:disabled,
textarea:read-only {
    color: #9e9e9e;
}

select {
    min-width: 140px;
    height: 44px;
    padding: 0 16px;
    padding-right: 40px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    background: no-repeat right 8px center/24px 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='%23bdbdbd' fill-rule='nonzero' d='M16.856 8.5 18 9.621 12 15.5 6 9.621 7.144 8.5 12 13.257z'/%3E%3C/g%3E%3C/svg%3E");
    color: #000;
    font: 14px /1.75em "Pretendard";
    appearance: none;
    cursor: pointer;
}

@media (max-width: 1024px) {
    select {
        height: 40px;
        padding: 0 12px;
    }
}

select::-ms-expand {
    display: none;
}

select::placeholder {
    color: #9e9e9e;
}

select:focus-visible,
select:focus {
    border: 1px solid #000;
}

select:disabled {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #9e9e9e;
    cursor: default;
}

@media (max-width: 1024px) {
    select {
        min-width: 120px;
        background-size: 16px 16px;
    }
}

@media (max-width: 767px) {
    select {
        min-width: 100px;
    }
}

select.family-site {
    background-color: #eee;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M11.394 8.756a.845.845 0 0 1 1.202-.01l.01.01 5.143 5.25a.888.888 0 0 1 0 1.238.845.845 0 0 1-1.202.01l-.01-.01L12 10.612l-4.537 4.632a.845.845 0 0 1-1.202.01l-.01-.01a.888.888 0 0 1-.01-1.227l.01-.01 5.143-5.25Z' fill='%23bdbdbd' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 16px 16px;
    background-position: right 16px center;
    border-color: #eee;
    height: 40px;
    color: #616161;
    font-size: 14px;
}

@media (max-width: 1024px) {
    select.family-site {
        min-width: 120px;
        height: 36px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    select.family-site {
        min-width: 100%;
        width: 100%;
    }
}

.chk-box {
    display: flex;
    cursor: pointer;
}

.chk-box.single {
    padding-top: 24px;
}

@media (max-width: 1024px) {
    .chk-box.single {
        padding-top: 16px;
    }
}

.chk-box.single .chk-box__txt {
    font-size: 14px;
}

@media (max-width: 1024px) {
    .chk-box.single .chk-box__txt {
        font-size: 12px;
    }
}

.chk-box.block {
    position: relative;
    width: 100%;
}

.chk-box.block input~.chk-box__icon {
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    background-color: #fafafa;
    border-color: #eee;
}

@media (max-width: 1024px) {
    .chk-box.block input~.chk-box__icon {
        height: 40px;
    }
}

.chk-box.block input~.chk-box__icon::before,
.chk-box.block input~.chk-box__icon::after {
    content: none;
}

.chk-box.block input~.chk-box__txt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0;
    color: #000;
    text-align: center;
}

@media (max-width: 1024px) {
    .chk-box.block input~.chk-box__txt {
        font-size: 12px;
    }
}

.chk-box.block input~.chk-box__txt .txt--m4 {
    color: #000;
}

@media (max-width: 1024px) {
    .chk-box.block input~.chk-box__txt .txt--m4 {
        font-size: 16px;
    }
}

.chk-box.block input:checked~.chk-box__icon {
    background-color: #fff;
    border-color: #1f5afc;
}

.chk-box.block input:checked~.chk-box__icon::before,
.chk-box.block input:checked~.chk-box__icon::after {
    content: none;
}

.chk-box.block input:checked~.chk-box__txt {
    color: #1f5afc;
}

.chk-box.block__icon {
    width: 100%;
    background-color: #1f5afc;
    color: #fff;
}

.chk-box__icon {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    min-width: 17px;
    min-height: 17px;
    box-sizing: border-box;
    border: 1px solid #424242;
    background-color: #fff;
    position: relative;
}

.chk-box__txt {
    display: inline-block;
    vertical-align: middle;
    padding-left: 6px;
    user-select: none;
    font-size: 14px;
}

.chk-box input {
    display: none;
}

.chk-box input:checked~.chk-box__icon {
    border-color: #1f5afc;
    background-color: #1f5afc;
}

.chk-box input:checked~.chk-box__icon::before,
.chk-box input:checked~.chk-box__icon::after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 0;
    background-color: #fff;
    position: absolute;
    transform-origin: left top;
}

.chk-box input:checked~.chk-box__icon::before {
    top: 8px;
    left: 3px;
    transform: rotate(-45deg);
    height: 5px;
}

.chk-box input:checked~.chk-box__icon::after {
    top: 12px;
    left: 7px;
    transform: rotate(-135deg);
    height: 9px;
}

.chk-box.disabled {
    cursor: default;
}

.chk-box.disabled input:disabled~.chk-box__icon,
.chk-box.disabled input:read-only~.chk-box__icon {
    border-color: #eee;
    background-color: #eee;
    cursor: default;
}

.chk-box.disabled input:disabled~.chk-box__icon::before,
.chk-box.disabled input:disabled~.chk-box__icon::after,
.chk-box.disabled input:read-only~.chk-box__icon::before,
.chk-box.disabled input:read-only~.chk-box__icon::after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 0;
    background-color: #bdbdbd;
    position: absolute;
    transform-origin: left top;
}

.chk-box.disabled input:disabled~.chk-box__icon::before,
.chk-box.disabled input:read-only~.chk-box__icon::before {
    top: 9px;
    left: 4px;
    transform: rotate(-45deg);
    height: 4px;
}

.chk-box.disabled input:disabled~.chk-box__icon::after,
.chk-box.disabled input:read-only~.chk-box__icon::after {
    top: 13px;
    left: 8px;
    transform: rotate(-135deg);
    height: 9px;
}

.chk-box.disabled input:disabled~.chk-box__txt,
.chk-box.disabled input:read-only~.chk-box__txt {
    color: #000;
    cursor: default;
}

.radio-box {
    display: contents;
    align-items: center;
    cursor: pointer;
}

.radio-box__icon {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    min-width: 14px;
    min-height: 14px;
    box-sizing: border-box;
    border: 1px solid #424242;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    cursor: pointer;
}


.radio-box__txt {
    display: inline-block;
    vertical-align: middle;
    padding: 0 12px 0 2px;
    user-select: none;
    font-size: 14px;
}

.radio-box input {
    display: none;
}

.radio-box input:checked~.radio-box__icon {
    border-color: #1f5afc;
}

.radio-box input:checked~.radio-box__icon::before,
.radio-box input:checked~.radio-box__icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background-color: #1f5afc;
    border-radius: 50%;
}

.radio-box input:checked~.radio-box__txt {
    color: #000;
}

.radio-box.disabled {
    cursor: default;
}

.radio-box.disabled input:disabled~.radio-box__icon,
.radio-box.disabled input:read-only~.radio-box__icon {
    border-color: #bdbdbd;
    cursor: default;
}

.radio-box.disabled input:disabled~.radio-box__txt,
.radio-box.disabled input:read-only~.radio-box__txt {
    color: #000;
    cursor: default;
}

.radio-box.disabled input:disabled:checked~.radio-box__icon::before,
.radio-box.disabled input:disabled:checked~.radio-box__icon::after,
.radio-box.disabled input:read-only:checked~.radio-box__icon::before,
.radio-box.disabled input:read-only:checked~.radio-box__icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 11px;
    height: 11px;
    background-color: #bdbdbd;
    border-radius: 50%;
}

.form-sort,
.form-sort-triple__registration,
.form-sort-single,
.form-sort-double__phone,
.form-sort-double,
.form-sort-triple__email,
.form-sort-triple {
    display: flex;
    align-items: stretch;
    gap: 16px;
    width: 100%;
}

@media (max-width: 1024px) {

    .form-sort,
    .form-sort-triple__registration,
    .form-sort-single,
    .form-sort-double__phone,
    .form-sort-double,
    .form-sort-triple__email,
    .form-sort-triple {
        gap: 8px;
    }
}

.form-sort [class^=btn-],
.form-sort-triple__registration [class^=btn-],
.form-sort-single [class^=btn-],
.form-sort-double__phone [class^=btn-],
.form-sort-double [class^=btn-],
.form-sort-triple__email [class^=btn-],
.form-sort-triple [class^=btn-] {
    justify-content: center;
    height: auto;
    padding: 0;
}

.form-sort-triple>label {
    flex: 1 1 calc(33.3333333333% - 10.6666666667px) !important;
}

@media (max-width: 1024px) {
    .form-sort-triple>label {
        flex-basis: calc(33.3333333333% - 5.3333333333px) !important;
        min-width: auto;
    }
}

.form-sort-triple>label select {
    min-width: auto;
}

@media (max-width: 767px) {
    .form-sort-triple__email {
        display: block;
    }
}

.form-sort-triple__email>.flex-box,
.form-sort-triple__email>.history-ball,
.form-sort-triple__email.category-list>li,
.form-sort-triple__email>.box-schedule__month-list,
.box-schedule__year .form-sort-triple__email>.past,
.box-schedule__year .form-sort-triple__email>.future,
.form-sort-triple__email>.box-schedule__year,
.form-sort-triple__email>.box-symbol2,
.form-sort-triple__email>.box-clean__title,
.form-sort-triple__email>.box-nodata,
.list-learning .list-come__con--title .form-sort-triple__email>.fraction-remote,
.form-sort-triple__email>.list-come__mark,
.form-sort-triple__email.list-come>li,
.drop-menu__list>li.form-sort-triple__email>.inside.js-drop-title,
.form-sort-triple__email>.title-frame,
.form-sort-triple__email>.cm-index-title,
.form-sort-triple__email>.main-banner__list,
.main__slider-fraction .form-sort-triple__email>.fraction-remote,
.form-sort-triple__email>.main-list__top,
.form-sort-triple__email>.main-list__bottom,
.form-sort-triple__email>.main-title__sub,
.form-sort-triple__email>.main-title,
.main-container .form-sort-triple__email>.quick-box__list,
.form-sort-triple__email>.visual__login-inner,
.visual__login-con .form-sort-triple__email>.menu-activity,
.visual__login-con .form-sort-triple__email>.menu-comment__list,
.footer .form-sort-triple__email>.ars-frame__txt,
.form-sort-triple__email>.footer__logo-list,
.form-sort-triple__email>.footer__link,
.banner-list__slider .swiper-slide .form-sort-triple__email>a,
.form-sort-triple__email>.menu-before__top--list,
.header .form-sort-triple__email>.menu-before__top,
.header__bottom .form-sort-triple__email>.gnb-list__txt,
.header__top>.header__inner .lnb-right>li.form-sort-triple__email>.inside,
.header__top>.header__inner .lnb-left>li.tm .inside .form-sort-triple__email>.albums-num,
.header__top>.header__inner .form-sort-triple__email>.lnb-left,
.header__top>.header__inner .form-sort-triple__email>.lnb-right,
.form-sort-triple__email.header__top>.header__inner,
.form-sort-triple__email.box-history__list>li,
.form-sort-triple__email.box-history>li,
.box-middle .form-sort-triple__email>.box-middle__top,
.form-sort-triple__email.list-map>li,
.form-sort-triple__email>.list-map,
.list-definition .form-sort-triple__email>dt,
.list-table-bg>li dl .form-sort-triple__email>dt,
.list-definition .form-sort-triple__email>dd,
.list-table-bg>li dl .form-sort-triple__email>dd,
.form-sort-triple__email>.list-tag,
.form-sort-triple__email>.list-fourth-decrease,
.form-sort-triple__email>.list-triple-decrease,
.form-sort-triple__email>.list-triple,
.form-sort-triple__email>.list-triple--interval-v2,
.form-sort-triple__email>.list-triple--interval,
.form-sort-triple__email>.list-fourth,
.form-sort-triple__email>.list-gallery,
.form-sort-triple__email>.list-fourth--interval-v2,
.list-border-gap--regular .form-sort-triple__email>.list__inner-flex--triple,
.form-sort-triple__email>.flex-direction--column,
.container-inner .form-sort-triple__email>.sidebar__title-frame,
.container-inner .sidebar-list>li.form-sort-triple__email>.inside,
.form-sort-triple__email>.board__tab--block,
.form-sort-triple__email>.board__index-box,
.form-sort-triple__email>.board__drop-title,
.form-sort-triple__email>.board-banner__flex,
.form-sort-triple__email>.reply-box__title,
.pagination>li.form-sort-triple__email>.inside,
.form-sort-triple__email>.member-frame--title,
.form-sort-triple__email>.category-frame__title,
.form-sort-triple__email>.detail-index-box,
.detail-box__info .form-sort-triple__email>.box-application,
.form-sort-triple__email>.info-data-box__top,
.form-sort-triple__email>.info-wrap,
.form-sort-triple__email>.info-wrap__inner,
.form-sort-triple__email>.popup-page__title,
.form-sort-triple__email>.popup-page__window,
.form-sort-triple__email>.btn-interval__left,
.form-sort-triple__email>.btn-interval__right,
.form-sort-triple__email>.input-icon,
.form-sort-triple__email>.input-icon--red,
.form-sort-triple__email>.input-icon--green,
.form-sort-triple__email>.input-button,
.input-button .form-sort-triple__email>a[class^=icon-],
.form-sort-triple__email>[class^=btn-] {
    width: 70%;
}

@media (max-width: 767px) {

    .form-sort-triple__email>.flex-box,
    .form-sort-triple__email>.history-ball,
    .form-sort-triple__email.category-list>li,
    .form-sort-triple__email>.box-schedule__month-list,
    .box-schedule__year .form-sort-triple__email>.past,
    .box-schedule__year .form-sort-triple__email>.future,
    .form-sort-triple__email>.box-schedule__year,
    .form-sort-triple__email>.box-symbol2,
    .form-sort-triple__email>.box-clean__title,
    .form-sort-triple__email>.box-nodata,
    .list-learning .list-come__con--title .form-sort-triple__email>.fraction-remote,
    .form-sort-triple__email>.list-come__mark,
    .form-sort-triple__email.list-come>li,
    .drop-menu__list>li.form-sort-triple__email>.inside.js-drop-title,
    .form-sort-triple__email>.title-frame,
    .form-sort-triple__email>.cm-index-title,
    .form-sort-triple__email>.main-banner__list,
    .main__slider-fraction .form-sort-triple__email>.fraction-remote,
    .form-sort-triple__email>.main-list__top,
    .form-sort-triple__email>.main-list__bottom,
    .form-sort-triple__email>.main-title__sub,
    .form-sort-triple__email>.main-title,
    .main-container .form-sort-triple__email>.quick-box__list,
    .form-sort-triple__email>.visual__login-inner,
    .visual__login-con .form-sort-triple__email>.menu-activity,
    .visual__login-con .form-sort-triple__email>.menu-comment__list,
    .footer .form-sort-triple__email>.ars-frame__txt,
    .form-sort-triple__email>.footer__logo-list,
    .form-sort-triple__email>.footer__link,
    .banner-list__slider .swiper-slide .form-sort-triple__email>a,
    .form-sort-triple__email>.menu-before__top--list,
    .header .form-sort-triple__email>.menu-before__top,
    .header__bottom .form-sort-triple__email>.gnb-list__txt,
    .header__top>.header__inner .lnb-right>li.form-sort-triple__email>.inside,
    .header__top>.header__inner .lnb-left>li.tm .inside .form-sort-triple__email>.albums-num,
    .header__top>.header__inner .form-sort-triple__email>.lnb-left,
    .header__top>.header__inner .form-sort-triple__email>.lnb-right,
    .form-sort-triple__email.header__top>.header__inner,
    .form-sort-triple__email.box-history__list>li,
    .form-sort-triple__email.box-history>li,
    .box-middle .form-sort-triple__email>.box-middle__top,
    .form-sort-triple__email.list-map>li,
    .form-sort-triple__email>.list-map,
    .list-definition .form-sort-triple__email>dt,
    .list-table-bg>li dl .form-sort-triple__email>dt,
    .list-definition .form-sort-triple__email>dd,
    .list-table-bg>li dl .form-sort-triple__email>dd,
    .form-sort-triple__email>.list-tag,
    .form-sort-triple__email>.list-fourth-decrease,
    .form-sort-triple__email>.list-triple-decrease,
    .form-sort-triple__email>.list-triple,
    .form-sort-triple__email>.list-triple--interval-v2,
    .form-sort-triple__email>.list-triple--interval,
    .form-sort-triple__email>.list-fourth,
    .form-sort-triple__email>.list-gallery,
    .form-sort-triple__email>.list-fourth--interval-v2,
    .list-border-gap--regular .form-sort-triple__email>.list__inner-flex--triple,
    .form-sort-triple__email>.flex-direction--column,
    .container-inner .form-sort-triple__email>.sidebar__title-frame,
    .container-inner .sidebar-list>li.form-sort-triple__email>.inside,
    .form-sort-triple__email>.board__tab--block,
    .form-sort-triple__email>.board__index-box,
    .form-sort-triple__email>.board__drop-title,
    .form-sort-triple__email>.board-banner__flex,
    .form-sort-triple__email>.reply-box__title,
    .pagination>li.form-sort-triple__email>.inside,
    .form-sort-triple__email>.member-frame--title,
    .form-sort-triple__email>.category-frame__title,
    .form-sort-triple__email>.detail-index-box,
    .detail-box__info .form-sort-triple__email>.box-application,
    .form-sort-triple__email>.info-data-box__top,
    .form-sort-triple__email>.info-wrap,
    .form-sort-triple__email>.info-wrap__inner,
    .form-sort-triple__email>.popup-page__title,
    .form-sort-triple__email>.popup-page__window,
    .form-sort-triple__email>.btn-interval__left,
    .form-sort-triple__email>.btn-interval__right,
    .form-sort-triple__email>.input-icon,
    .form-sort-triple__email>.input-icon--red,
    .form-sort-triple__email>.input-icon--green,
    .form-sort-triple__email>.input-button,
    .input-button .form-sort-triple__email>a[class^=icon-],
    .form-sort-triple__email>[class^=btn-] {
        width: 100%;
    }
}

.form-sort-triple__email>.flex-box label,
.form-sort-triple__email>.history-ball label,
.form-sort-triple__email.category-list>li label,
.form-sort-triple__email>.box-schedule__month-list label,
.box-schedule__year .form-sort-triple__email>.past label,
.box-schedule__year .form-sort-triple__email>.future label,
.form-sort-triple__email>.box-schedule__year label,
.form-sort-triple__email>.box-symbol2 label,
.form-sort-triple__email>.box-clean__title label,
.form-sort-triple__email>.box-nodata label,
.list-learning .list-come__con--title .form-sort-triple__email>.fraction-remote label,
.form-sort-triple__email>.list-come__mark label,
.form-sort-triple__email.list-come>li label,
.drop-menu__list>li.form-sort-triple__email>.inside.js-drop-title label,
.form-sort-triple__email>.title-frame label,
.form-sort-triple__email>.cm-index-title label,
.form-sort-triple__email>.main-banner__list label,
.main__slider-fraction .form-sort-triple__email>.fraction-remote label,
.form-sort-triple__email>.main-list__top label,
.form-sort-triple__email>.main-list__bottom label,
.form-sort-triple__email>.main-title__sub label,
.form-sort-triple__email>.main-title label,
.main-container .form-sort-triple__email>.quick-box__list label,
.form-sort-triple__email>.visual__login-inner label,
.visual__login-con .form-sort-triple__email>.menu-activity label,
.visual__login-con .form-sort-triple__email>.menu-comment__list label,
.footer .form-sort-triple__email>.ars-frame__txt label,
.form-sort-triple__email>.footer__logo-list label,
.form-sort-triple__email>.footer__link label,
.banner-list__slider .swiper-slide .form-sort-triple__email>a label,
.form-sort-triple__email>.menu-before__top--list label,
.header .form-sort-triple__email>.menu-before__top label,
.header__bottom .form-sort-triple__email>.gnb-list__txt label,
.header__top>.header__inner .lnb-right>li.form-sort-triple__email>.inside label,
.header__top>.header__inner .lnb-left>li.tm .inside .form-sort-triple__email>.albums-num label,
.header__top>.header__inner .form-sort-triple__email>.lnb-left label,
.header__top>.header__inner .form-sort-triple__email>.lnb-right label,
.form-sort-triple__email.header__top>.header__inner label,
.form-sort-triple__email.box-history__list>li label,
.form-sort-triple__email.box-history>li label,
.box-middle .form-sort-triple__email>.box-middle__top label,
.form-sort-triple__email.list-map>li label,
.form-sort-triple__email>.list-map label,
.list-definition .form-sort-triple__email>dt label,
.list-table-bg>li dl .form-sort-triple__email>dt label,
.list-definition .form-sort-triple__email>dd label,
.list-table-bg>li dl .form-sort-triple__email>dd label,
.form-sort-triple__email>.list-tag label,
.form-sort-triple__email>.list-fourth-decrease label,
.form-sort-triple__email>.list-triple-decrease label,
.form-sort-triple__email>.list-triple label,
.form-sort-triple__email>.list-triple--interval-v2 label,
.form-sort-triple__email>.list-triple--interval label,
.form-sort-triple__email>.list-fourth label,
.form-sort-triple__email>.list-gallery label,
.form-sort-triple__email>.list-fourth--interval-v2 label,
.list-border-gap--regular .form-sort-triple__email>.list__inner-flex--triple label,
.form-sort-triple__email>.flex-direction--column label,
.container-inner .form-sort-triple__email>.sidebar__title-frame label,
.container-inner .sidebar-list>li.form-sort-triple__email>.inside label,
.form-sort-triple__email>.board__tab--block label,
.form-sort-triple__email>.board__index-box label,
.form-sort-triple__email>.board__drop-title label,
.form-sort-triple__email>.board-banner__flex label,
.form-sort-triple__email>.reply-box__title label,
.pagination>li.form-sort-triple__email>.inside label,
.form-sort-triple__email>.member-frame--title label,
.form-sort-triple__email>.category-frame__title label,
.form-sort-triple__email>.detail-index-box label,
.detail-box__info .form-sort-triple__email>.box-application label,
.form-sort-triple__email>.info-data-box__top label,
.form-sort-triple__email>.info-wrap label,
.form-sort-triple__email>.info-wrap__inner label,
.form-sort-triple__email>.popup-page__title label,
.form-sort-triple__email>.popup-page__window label,
.form-sort-triple__email>.btn-interval__left label,
.form-sort-triple__email>.btn-interval__right label,
.form-sort-triple__email>.input-icon label,
.form-sort-triple__email>.input-icon--red label,
.form-sort-triple__email>.input-icon--green label,
.form-sort-triple__email>.input-button label,
.input-button .form-sort-triple__email>a[class^=icon-] label,
.form-sort-triple__email>[class^=btn-] label {
    width: 50% !important;
}

.form-sort-triple__email>.flex-box+label,
.form-sort-triple__email>.history-ball+label,
.form-sort-triple__email.category-list>li+label,
.form-sort-triple__email>.box-schedule__month-list+label,
.box-schedule__year .form-sort-triple__email>.past+label,
.box-schedule__year .form-sort-triple__email>.future+label,
.form-sort-triple__email>.box-schedule__year+label,
.form-sort-triple__email>.box-symbol2+label,
.form-sort-triple__email>.box-clean__title+label,
.form-sort-triple__email>.box-nodata+label,
.list-learning .list-come__con--title .form-sort-triple__email>.fraction-remote+label,
.form-sort-triple__email>.list-come__mark+label,
.form-sort-triple__email.list-come>li+label,
.drop-menu__list>li.form-sort-triple__email>.inside.js-drop-title+label,
.form-sort-triple__email>.title-frame+label,
.form-sort-triple__email>.cm-index-title+label,
.form-sort-triple__email>.main-banner__list+label,
.main__slider-fraction .form-sort-triple__email>.fraction-remote+label,
.form-sort-triple__email>.main-list__top+label,
.form-sort-triple__email>.main-list__bottom+label,
.form-sort-triple__email>.main-title__sub+label,
.form-sort-triple__email>.main-title+label,
.main-container .form-sort-triple__email>.quick-box__list+label,
.form-sort-triple__email>.visual__login-inner+label,
.visual__login-con .form-sort-triple__email>.menu-activity+label,
.visual__login-con .form-sort-triple__email>.menu-comment__list+label,
.footer .form-sort-triple__email>.ars-frame__txt+label,
.form-sort-triple__email>.footer__logo-list+label,
.form-sort-triple__email>.footer__link+label,
.banner-list__slider .swiper-slide .form-sort-triple__email>a+label,
.form-sort-triple__email>.menu-before__top--list+label,
.header .form-sort-triple__email>.menu-before__top+label,
.header__bottom .form-sort-triple__email>.gnb-list__txt+label,
.header__top>.header__inner .lnb-right>li.form-sort-triple__email>.inside+label,
.header__top>.header__inner .lnb-left>li.tm .inside .form-sort-triple__email>.albums-num+label,
.header__top>.header__inner .form-sort-triple__email>.lnb-left+label,
.header__top>.header__inner .form-sort-triple__email>.lnb-right+label,
.form-sort-triple__email.header__top>.header__inner+label,
.form-sort-triple__email.box-history__list>li+label,
.form-sort-triple__email.box-history>li+label,
.box-middle .form-sort-triple__email>.box-middle__top+label,
.form-sort-triple__email.list-map>li+label,
.form-sort-triple__email>.list-map+label,
.list-definition .form-sort-triple__email>dt+label,
.list-table-bg>li dl .form-sort-triple__email>dt+label,
.list-definition .form-sort-triple__email>dd+label,
.list-table-bg>li dl .form-sort-triple__email>dd+label,
.form-sort-triple__email>.list-tag+label,
.form-sort-triple__email>.list-fourth-decrease+label,
.form-sort-triple__email>.list-triple-decrease+label,
.form-sort-triple__email>.list-triple+label,
.form-sort-triple__email>.list-triple--interval-v2+label,
.form-sort-triple__email>.list-triple--interval+label,
.form-sort-triple__email>.list-fourth+label,
.form-sort-triple__email>.list-gallery+label,
.form-sort-triple__email>.list-fourth--interval-v2+label,
.list-border-gap--regular .form-sort-triple__email>.list__inner-flex--triple+label,
.form-sort-triple__email>.flex-direction--column+label,
.container-inner .form-sort-triple__email>.sidebar__title-frame+label,
.container-inner .sidebar-list>li.form-sort-triple__email>.inside+label,
.form-sort-triple__email>.board__tab--block+label,
.form-sort-triple__email>.board__index-box+label,
.form-sort-triple__email>.board__drop-title+label,
.form-sort-triple__email>.board-banner__flex+label,
.form-sort-triple__email>.reply-box__title+label,
.pagination>li.form-sort-triple__email>.inside+label,
.form-sort-triple__email>.member-frame--title+label,
.form-sort-triple__email>.category-frame__title+label,
.form-sort-triple__email>.detail-index-box+label,
.detail-box__info .form-sort-triple__email>.box-application+label,
.form-sort-triple__email>.info-data-box__top+label,
.form-sort-triple__email>.info-wrap+label,
.form-sort-triple__email>.info-wrap__inner+label,
.form-sort-triple__email>.popup-page__title+label,
.form-sort-triple__email>.popup-page__window+label,
.form-sort-triple__email>.btn-interval__left+label,
.form-sort-triple__email>.btn-interval__right+label,
.form-sort-triple__email>.input-icon+label,
.form-sort-triple__email>.input-icon--red+label,
.form-sort-triple__email>.input-icon--green+label,
.form-sort-triple__email>.input-button+label,
.input-button .form-sort-triple__email>a[class^=icon-]+label,
.form-sort-triple__email>[class^=btn-]+label {
    width: 32% !important;
}

@media (max-width: 767px) {

    .form-sort-triple__email>.flex-box+label,
    .form-sort-triple__email>.history-ball+label,
    .form-sort-triple__email.category-list>li+label,
    .form-sort-triple__email>.box-schedule__month-list+label,
    .box-schedule__year .form-sort-triple__email>.past+label,
    .box-schedule__year .form-sort-triple__email>.future+label,
    .form-sort-triple__email>.box-schedule__year+label,
    .form-sort-triple__email>.box-symbol2+label,
    .form-sort-triple__email>.box-clean__title+label,
    .form-sort-triple__email>.box-nodata+label,
    .list-learning .list-come__con--title .form-sort-triple__email>.fraction-remote+label,
    .form-sort-triple__email>.list-come__mark+label,
    .form-sort-triple__email.list-come>li+label,
    .drop-menu__list>li.form-sort-triple__email>.inside.js-drop-title+label,
    .form-sort-triple__email>.title-frame+label,
    .form-sort-triple__email>.cm-index-title+label,
    .form-sort-triple__email>.main-banner__list+label,
    .main__slider-fraction .form-sort-triple__email>.fraction-remote+label,
    .form-sort-triple__email>.main-list__top+label,
    .form-sort-triple__email>.main-list__bottom+label,
    .form-sort-triple__email>.main-title__sub+label,
    .form-sort-triple__email>.main-title+label,
    .main-container .form-sort-triple__email>.quick-box__list+label,
    .form-sort-triple__email>.visual__login-inner+label,
    .visual__login-con .form-sort-triple__email>.menu-activity+label,
    .visual__login-con .form-sort-triple__email>.menu-comment__list+label,
    .footer .form-sort-triple__email>.ars-frame__txt+label,
    .form-sort-triple__email>.footer__logo-list+label,
    .form-sort-triple__email>.footer__link+label,
    .banner-list__slider .swiper-slide .form-sort-triple__email>a+label,
    .form-sort-triple__email>.menu-before__top--list+label,
    .header .form-sort-triple__email>.menu-before__top+label,
    .header__bottom .form-sort-triple__email>.gnb-list__txt+label,
    .header__top>.header__inner .lnb-right>li.form-sort-triple__email>.inside+label,
    .header__top>.header__inner .lnb-left>li.tm .inside .form-sort-triple__email>.albums-num+label,
    .header__top>.header__inner .form-sort-triple__email>.lnb-left+label,
    .header__top>.header__inner .form-sort-triple__email>.lnb-right+label,
    .form-sort-triple__email.header__top>.header__inner+label,
    .form-sort-triple__email.box-history__list>li+label,
    .form-sort-triple__email.box-history>li+label,
    .box-middle .form-sort-triple__email>.box-middle__top+label,
    .form-sort-triple__email.list-map>li+label,
    .form-sort-triple__email>.list-map+label,
    .list-definition .form-sort-triple__email>dt+label,
    .list-table-bg>li dl .form-sort-triple__email>dt+label,
    .list-definition .form-sort-triple__email>dd+label,
    .list-table-bg>li dl .form-sort-triple__email>dd+label,
    .form-sort-triple__email>.list-tag+label,
    .form-sort-triple__email>.list-fourth-decrease+label,
    .form-sort-triple__email>.list-triple-decrease+label,
    .form-sort-triple__email>.list-triple+label,
    .form-sort-triple__email>.list-triple--interval-v2+label,
    .form-sort-triple__email>.list-triple--interval+label,
    .form-sort-triple__email>.list-fourth+label,
    .form-sort-triple__email>.list-gallery+label,
    .form-sort-triple__email>.list-fourth--interval-v2+label,
    .list-border-gap--regular .form-sort-triple__email>.list__inner-flex--triple+label,
    .form-sort-triple__email>.flex-direction--column+label,
    .container-inner .form-sort-triple__email>.sidebar__title-frame+label,
    .container-inner .sidebar-list>li.form-sort-triple__email>.inside+label,
    .form-sort-triple__email>.board__tab--block+label,
    .form-sort-triple__email>.board__index-box+label,
    .form-sort-triple__email>.board__drop-title+label,
    .form-sort-triple__email>.board-banner__flex+label,
    .form-sort-triple__email>.reply-box__title+label,
    .pagination>li.form-sort-triple__email>.inside+label,
    .form-sort-triple__email>.member-frame--title+label,
    .form-sort-triple__email>.category-frame__title+label,
    .form-sort-triple__email>.detail-index-box+label,
    .detail-box__info .form-sort-triple__email>.box-application+label,
    .form-sort-triple__email>.info-data-box__top+label,
    .form-sort-triple__email>.info-wrap+label,
    .form-sort-triple__email>.info-wrap__inner+label,
    .form-sort-triple__email>.popup-page__title+label,
    .form-sort-triple__email>.popup-page__window+label,
    .form-sort-triple__email>.btn-interval__left+label,
    .form-sort-triple__email>.btn-interval__right+label,
    .form-sort-triple__email>.input-icon+label,
    .form-sort-triple__email>.input-icon--red+label,
    .form-sort-triple__email>.input-icon--green+label,
    .form-sort-triple__email>.input-button+label,
    .input-button .form-sort-triple__email>a[class^=icon-]+label,
    .form-sort-triple__email>[class^=btn-]+label {
        width: 100% !important;
        margin-top: 8px;
    }
}

.form-sort-triple__email .txt-default {
    margin: 0 8px;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .form-sort-triple__email .txt-default {
        margin: 0 5px;
        font-size: 14px;
    }
}

.form-sort-double__phone>label {
    flex: 1 1 auto;
}

.form-sort-double__phone .phone-header {
    flex: 1 1 176px;
}

.form-sort-double__phone .phone-header select {
    min-width: auto;
}

.form-sort-single {
    flex-direction: column;
}

.form-sort-single>label input {
    width: 100%;
}

.mg0 {
    margin: 0 !important;
}

.mg-auto {
    margin: 0 auto !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml-auto {
    margin-left: auto !important;
}

.pg0 {
    padding: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pl0 {
    padding-left: 0 !important;
}

.flo-l {
    float: left !important;
}

.flo-r {
    float: right !important;
}

.flo-none {
    float: none !important;
}

.swiper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

/* ++++++++++++++++++++++++++++++++++++++
	CUSTOM STYLE : 자주 사용하는 스타일
	@inner/ top
	@display
	@etc
++++++++++++++++++++++++++++++++++++++ */
.inner,
.container-inner {
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
}

@media (max-width: 1248px) {

    .inner,
    .container-inner {
        width: calc(100% - 48px);
        max-width: 100%;
    }
}

@media (max-width: 767px) {

    .inner,
    .container-inner {
        width: calc(100% - 40px);
    }
}

#top {
    position: fixed;
    right: 37px;
    bottom: 70px;
    z-index: 15;
    width: 48px;
    height: 48px;
    background-color: #1f5afc;
    color: #fff;
    font: 12px /1.4em "Pretendard";
    line-height: 48px;
    text-align: center;
    transition: all 0.2s ease;
    cursor: pointer;
}

#top_bar {
    position: fixed;
    right: 15px;
    bottom: 120px;
    z-index: 15;
    width: 48px;
    height: 48px;
    background-color: #1f5afc;
    color: #fff;
    font: 12px /1.4em "Pretendard";
    line-height: 48px;
    text-align: center;
    transition: all 0.2s ease;
    cursor: pointer;
}


@media (max-width: 1248px) {

    #top,
    #top_bar {
        right: 24px;
    }
}

@media (max-width: 1024px) {

    #top,
    #top_bar {
        width: 40px;
        height: 40px;
        font-size: 11px;
        line-height: 40px;
    }
}

@media (max-width: 767px) {

    #top,
    #top_bar {
        right: 20px;
    }
}

#top.no-fixed,
#top_bar.no-fixed {
    position: absolute;
    top: -168px;
}

#top.no-fixed2,
#top_bar.no-fixed2 {
    position: absolute;
    top: -168px;
}

.word-line-single {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.word-line-two {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    height: auto;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 1.75em;
}

.flex-box,
.history-ball,
.category-list>li,
.box-schedule__month-list,
.box-schedule__year .past,
.box-schedule__year .future,
.box-schedule__year,
.box-symbol2,
.box-clean__title,
.box-nodata,
.list-learning .list-come__con--title .fraction-remote,
.list-come__mark,
.list-come>li,
.drop-menu__list>li>.inside.js-drop-title,
.title-frame,
.cm-index-title,
.main-banner__list,
.main__slider-fraction .fraction-remote,
.main-list__top,
.main-list__bottom,
.main-title__sub,
.main-title,
.main-container .quick-box__list,
.visual__login-inner,
.visual__login-con .menu-activity,
.visual__login-con .menu-comment__list,
.footer .ars-frame__txt,
.footer__logo-list,
.footer__link,
.banner-list__slider .swiper-slide a,
.menu-before__top--list,
.header .menu-before__top,
.header__bottom .gnb-list__txt,
.header__top>.header__inner .lnb-right>li>.inside,
.header__top>.header__inner .lnb-left>li.tm .inside .albums-num,
.header__top>.header__inner .lnb-left,
.header__top>.header__inner .lnb-right,
.header__top>.header__inner,
.box-history__list>li,
.box-history>li,
.box-middle .box-middle__top,
.list-map>li,
.list-map,
.list-definition dt,
.list-table-bg>li dl dt,
.list-definition dd,
.list-table-bg>li dl dd,
.list-tag,
.list-fourth-decrease,
.list-triple-decrease,
.list-triple,
.list-triple--interval-v2,
.list-triple--interval,
.list-fourth,
.list-gallery,
.list-fourth--interval-v2,
.list-border-gap--regular .list__inner-flex--triple,
.flex-direction--column,
.container-inner .sidebar__title-frame,
.container-inner .sidebar-list>li>.inside,
.board__tab--block,
.board__index-box,
.board__drop-title,
.board-banner__flex,
.reply-box__title,
.pagination>li>.inside,
.member-frame--title,
.category-frame__title,
.detail-index-box,
.detail-box__info .box-application,
.info-data-box__top,
.info-wrap,
.info-wrap__inner,
.popup-page__title,
.popup-page__window,
.btn-interval__left,
.btn-interval__right,
.input-icon,
.input-icon--red,
.input-icon--green,
.input-button,
.input-button a[class^=icon-],
.form-sort [class^=btn-],
.form-sort-triple__registration [class^=btn-],
.form-sort-triple [class^=btn-],
.form-sort-triple__email [class^=btn-],
.form-sort-double [class^=btn-],
.form-sort-double__phone [class^=btn-],
.form-sort-single [class^=btn-] {
    display: flex;
    align-items: center;
}

.flex-direction--column {
    flex-direction: column;
}

.list-dot {
    overflow: hidden;
}

.list-dot>li {
    position: relative;
    float: left;
    padding-left: 34px;
    color: #9e9e9e;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .list-dot>li {
        padding-left: 18px;
        font-size: 14px;
    }
}

.list-dot>li::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 13px;
    width: 2px;
    height: 2px;
    background-color: #9e9e9e;
}

@media (max-width: 1024px) {
    .list-dot>li::before {
        left: 9px;
        top: 11px;
    }
}

.list-dot>li:first-child {
    padding-left: 0;
}

.list-dot>li:first-child::before {
    content: none;
}

.list-dot>li .inside {
    color: #9e9e9e;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .list-dot>li .inside {
        font-size: 14px;
    }
}

.list-dot>li [class^=icon-],
.list-dot>li [class*=" icon-"] {
    vertical-align: -3px;
    margin-right: 4px;
    font-size: 20px;
    color: #9e9e9e;
}

@media (max-width: 1024px) {

    .list-dot>li [class^=icon-],
    .list-dot>li [class*=" icon-"] {
        font-size: 16px;
    }
}

.list-step {
    display: flex;
    align-items: center;
    gap: 16px;
}

.list-step>li {
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #1f5afc;
    color: #fff;
    font: 12px /1.4em "Pretendard";
    line-height: 16px;
    text-align: center;
}

.list-step>li.disabled {
    background-color: #eee;
}

.list-step>li.now {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.list-bookmark {
    position: relative;
    padding: 32px 32px 32px 88px;
}

@media (max-width: 1024px) {
    .list-bookmark {
        padding: 24px 20px;
    }
}

.list-bookmark.list__inner-list>li {
    display: flex;
    padding-top: 8px;
}

@media (max-width: 1024px) {
    .list-bookmark.list__inner-list>li {
        padding-top: 4px;
    }
}

.list-bookmark.list__inner-list>li:first-child [class*=icon-bookmark] {
    position: absolute;
    left: 32px;
    top: 50%;
    transform: translate(0, -50%);
    color: #1f5afc;
}

@media (max-width: 1024px) {
    .list-bookmark.list__inner-list>li:first-child [class*=icon-bookmark] {
        left: 20px;
        top: 24px;
        transform: translate(0, 0);
        font-size: 20px;
    }
}

.list-bookmark.list__inner-list>li:nth-child(2) {
    padding-top: 0;
}

@media (max-width: 1024px) {
    .list-bookmark.list__inner-list>li:nth-child(2) {
        display: block;
    }
}

.list-bookmark.list__inner-list>li>p.list-bookmark__title {
    width: calc(100% - 90px);
    margin-left: auto;
    color: #000;
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .list-bookmark.list__inner-list>li>p.list-bookmark__title {
        width: 100%;
        padding-top: 16px;
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .list-bookmark.list__inner-list>li>p.txt--m3.primary-color {
        padding-left: 36px;
        font-size: 14px;
    }
}

.list-bookmark.list__inner-list>li>p.txt-default {
    padding-left: 16px;
    color: #9e9e9e;
}

@media (max-width: 1024px) {
    .list-bookmark.list__inner-list>li>p.txt-default {
        padding-left: 8px;
        font-size: 12px;
    }
}

.list-bookmark.list__inner-list>li>p.txt-default:first-child {
    padding-left: 0;
}

.list-float {
    overflow: hidden;
}

.list-float>li {
    float: left;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .list-float>li {
        width: 50%;
    }
}

.list-float>li label.chk-box {
    display: flex;
    align-items: center;
    width: 138px;
    height: 48px;
}

@media (max-width: 1024px) {
    .list-float>li label.chk-box {
        height: 44px;
    }
}

.list-border>li,
.list-fourth--interval-v2>li,
.list-triple--interval-v2>li,
.list-triple--interval>li,
.list-border-gap--regular>li,
.list-border-gap>li {
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
}

.list-border>li:first-child,
.list-fourth--interval-v2>li:first-child,
.list-triple--interval-v2>li:first-child,
.list-triple--interval>li:first-child,
.list-border-gap--regular>li:first-child,
.list-border-gap>li:first-child {
    margin-top: 0;
}

.list-border-gap>li {
    margin-top: 8px;
}

.list-border-gap--regular>li {
    margin-top: 16px;
}

@media (max-width: 1024px) {
    .list-border-gap--regular>li {
        margin-top: 8px;
    }
}

.list-border-gap--regular .list__inner-list>li {
    padding-top: 8px;
}

@media (max-width: 1024px) {
    .list-border-gap--regular .list__inner-list>li {
        padding-top: 4px;
    }
}

.list-border-gap--regular .list__inner-list>li:nth-child(2) {
    padding-top: 0;
}

@media (max-width: 1024px) {
    .list-border-gap--regular .list__inner-list>li:nth-child(2) {
        display: block;
    }
}

.list-border-gap--regular .list__inner-flex--triple {
    justify-content: space-between;
    width: 100%;
    padding: 16px 0 16px 16px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .list-border-gap--regular .list__inner-flex--triple {
        display: block;
        padding: 24px 20px;
    }
}

.list-border-gap--regular .list__inner-flex--triple>li {
    flex: 0 0 auto;
}

.list-border-gap--regular .list__inner-flex--triple>li.box-img {
    flex-basis: 282px;
    width: 282px;
}

@media (max-width: 1248px) {
    .list-border-gap--regular .list__inner-flex--triple>li.box-img {
        flex-basis: 25%;
        width: 25%;
    }
}

@media (max-width: 1024px) {
    .list-border-gap--regular .list__inner-flex--triple>li.box-img {
        display: none;
    }
}

.list-border-gap--regular .list__inner-flex--triple>li.box-img img {
    width: 100%;
}

.list-border-gap--regular .list__inner-flex--triple>li.box-middle {
    width: 686px;
    min-height: 126px;
    padding: 0 40px;
}

@media (max-width: 1248px) {
    .list-border-gap--regular .list__inner-flex--triple>li.box-middle {
        width: 56%;
        padding: 0;
    }
}

@media (max-width: 1024px) {
    .list-border-gap--regular .list__inner-flex--triple>li.box-middle {
        justify-content: flex-start;
        width: 100%;
        min-width: auto;
        min-height: auto;
        padding: 0;
    }
}

.list-border-gap--regular .list__inner-flex--triple>li.box-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 126px;
    padding: 0 56px;
    box-sizing: border-box;
    border-left: 1px solid #eee;
}

@media (max-width: 1248px) {
    .list-border-gap--regular .list__inner-flex--triple>li.box-right {
        width: 14%;
        padding: 0;
    }
}

@media (max-width: 1024px) {
    .list-border-gap--regular .list__inner-flex--triple>li.box-right {
        flex-direction: row-reverse;
        gap: 8px;
        width: 100%;
        min-height: auto;
        padding: 24px 0 0;
        border-left: 0;
    }
}

.list-border-gap--regular .list__inner-flex--triple>li.box-right [class^=btn-] {
    display: block;
    margin: 8px auto 0;
}

@media (max-width: 1024px) {
    .list-border-gap--regular .list__inner-flex--triple>li.box-right [class^=btn-] {
        flex: 1 1 calc(100% - 4px);
        height: 36px;
        margin-top: 0;
        font-size: 12px;
    }
}

.list-border-gap--regular .list__inner-flex--triple>li.box-right [class^=btn-]:first-child {
    margin-top: 0;
}

.list-double,
.list-double-gap {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
}

.list-double>li,
.list-double-gap>li {
    overflow: hidden;
    flex: 0 0 50%;
}

.list-double-gap {
    gap: 8px;
}

.list-double-gap>li {
    flex-basis: calc(50% - 4px);
}

.list-triple,
.list-triple--interval-v2,
.list-triple--interval,
.list-fourth,
.list-gallery,
.list-fourth--interval-v2 {
    align-items: stretch;
    gap: 32px 24px;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.list-triple>li,
.list-triple--interval-v2>li,
.list-triple--interval>li,
.list-fourth>li,
.list-gallery>li,
.list-fourth--interval-v2>li {
    overflow: hidden;
}

@media (max-width: 1024px) {

    .list-triple,
    .list-triple--interval-v2,
    .list-triple--interval {
        gap: 8px;
    }
}

@media (max-width: 767px) {

    .list-triple,
    .list-triple--interval-v2,
    .list-triple--interval {
        gap: 8px 0;
    }
}

.list-triple-decrease {
    align-items: stretch;
    gap: 32px 24px;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
}

@media (max-width: 1024px) {
    .list-triple-decrease {
        gap: 24px 16px;
    }
}

@media (max-width: 767px) {
    .list-triple-decrease {
        gap: 16px 8px;
    }
}

.list-triple-decrease>li {
    overflow: hidden;
    flex: 0 0 calc(33.3333333333% - 16px);
    width: 33.33%;
}

@media (max-width: 1024px) {
    .list-triple-decrease>li {
        flex: 0 0 calc(33.3333333333% - 10.6666666667px);
        width: 33.33%;
    }
}

@media (max-width: 767px) {
    .list-triple-decrease>li {
        flex: 0 0 calc(50% - 4px);
        width: 50%;
    }
}

@media (max-width: 767px) {
    .list-triple-decrease>li .box-middle {
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .list-triple-decrease>li .box-middle .box-middle__top .board-tag-primary {
        font-size: 11px;
    }
}

@media (max-width: 767px) {
    .list-triple-decrease>li .box-middle .box-middle__center {
        padding-bottom: 12px;
    }
}

@media (max-width: 767px) {
    .list-triple-decrease>li .box-middle .box-middle__center [class*=word-] {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .list-triple-decrease>li .box-middle .box-middle__bottom .txt-default {
        font-size: 11px;
    }
}

.list-triple>li,
.list-triple--interval-v2>li,
.list-triple--interval>li {
    flex: 0 0 calc(33.3333333333% - 16px);
    width: 33.33%;
}

@media (max-width: 1024px) {

    .list-triple>li,
    .list-triple--interval-v2>li,
    .list-triple--interval>li {
        flex-basis: calc(50% - 4px);
        width: 50%;
    }
}

@media (max-width: 767px) {

    .list-triple>li,
    .list-triple--interval-v2>li,
    .list-triple--interval>li {
        flex-basis: 100%;
        width: 100%;
    }
}

.list-triple--interval {
    gap: 24px;
}

.list-triple--interval>li {
    padding: 32px;
}

@media (max-width: 1024px) {
    .list-triple--interval>li {
        padding: 24px 20px;
    }
}

@media (max-width: 1024px) {
    .list-triple--interval-v2 {
        gap: 16px;
    }
}

@media (max-width: 767px) {
    .list-triple--interval-v2 {
        gap: 8px 0;
    }
}

.list-triple--interval-v2.list-transform>li {
    padding: 32px 40px;
}

.list-triple--interval-v2.list-transform>li .list__inner-list {
    width: 100%;
    height: auto;
    padding: 0;
    display: block;
}

.list-triple--interval-v2.list-transform>li .list__inner-list>li.box-middle {
    width: 100%;
}

.list-triple--interval-v2.list-transform>li .list__inner-list>li.box-middle .box-middle__bottom [class^=board-num] {
    position: static;
    right: auto;
    top: auto;
}

.list-triple--interval-v2>li {
    padding: 24px 20px;
}

@media (max-width: 1024px) {
    .list-triple--interval-v2>li {
        flex-basis: calc(33.3333333333% - 10.6666666667px);
        width: 33.33%;
    }
}

@media (max-width: 767px) {
    .list-triple--interval-v2>li {
        flex-basis: 100%;
    }
}

.list-triple--interval-v2>li .list__inner-list>li.box-middle {
    height: 100%;
    padding: 0;
}

.list-triple--interval-v2>li .list__inner-list>li.box-middle .box-middle__top {
    padding-bottom: 12px;
}

.list-triple--interval-v2>li .list__inner-list>li.box-middle .box-middle__bottom {
    margin-top: auto;
}

@media (max-width: 1024px) {

    .list-fourth,
    .list-gallery,
    .list-fourth--interval-v2 {
        gap: 24px 8px;
    }
}

@media (max-width: 767px) {

    .list-fourth,
    .list-gallery,
    .list-fourth--interval-v2 {
        gap: 16px 0;
    }
}

.list-fourth-decrease {
    align-items: stretch;
    gap: 32px 24px;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
}

@media (max-width: 1024px) {
    .list-fourth-decrease {
        gap: 24px 16px;
    }
}

@media (max-width: 767px) {
    .list-fourth-decrease {
        gap: 16px 8px;
    }
}

.list-fourth-decrease>li {
    overflow: hidden;
    flex: 0 0 calc(25% - 18px);
    width: 25%;
}

@media (max-width: 1024px) {
    .list-fourth-decrease>li {
        flex-basis: calc(33.3333333333% - 10.6666666667px);
        width: 33.33%;
    }
}

@media (max-width: 767px) {
    .list-fourth-decrease>li {
        flex-basis: calc(50% - 4px);
        width: 50%;
    }
}

@media (max-width: 767px) {
    .list-fourth-decrease>li .box-middle {
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .list-fourth-decrease>li .box-middle .box-middle__top .board-tag-primary {
        font-size: 11px;
    }
}

@media (max-width: 767px) {
    .list-fourth-decrease>li .box-middle .box-middle__center {
        padding-bottom: 12px;
    }
}

@media (max-width: 767px) {
    .list-fourth-decrease>li .box-middle .box-middle__center [class*=word-] {
        font-size: 14px;
    }
}

@media (max-width: 767px) {

    .list-fourth-decrease>li .box-middle .box-middle__bottom .board-num__square,
    .list-fourth-decrease>li .box-middle .box-middle__bottom .board-num__square-purple,
    .list-fourth-decrease>li .box-middle .box-middle__bottom .board-num__square-green,
    .list-fourth-decrease>li .box-middle .box-middle__bottom .board-num__square-primary,
    .list-fourth-decrease>li .box-middle .box-middle__bottom .board-num__square-primary--bg {
        min-width: 39px;
        height: 20px;
        padding: 1px 5px;
        font-size: 11px;
    }
}

@media (max-width: 767px) {
    .list-fourth-decrease>li .box-middle .box-middle__bottom .txt-default {
        font-size: 11px;
    }
}

.list-fourth>li,
.list-gallery>li,
.list-fourth--interval-v2>li {
    flex: 0 0 calc(25% - 18px);
    width: 25%;
}

@media (max-width: 1024px) {

    .list-fourth>li,
    .list-gallery>li,
    .list-fourth--interval-v2>li {
        flex-basis: calc(50% - 4px);
        width: 50%;
    }
}

@media (max-width: 767px) {

    .list-fourth>li,
    .list-gallery>li,
    .list-fourth--interval-v2>li {
        flex-basis: 100%;
        width: 100%;
    }
}

.list-fourth--interval-v2 {
    gap: 24px;
}

@media (max-width: 1024px) {
    .list-fourth--interval-v2 {
        gap: 16px;
    }
}

@media (max-width: 767px) {
    .list-fourth--interval-v2 {
        gap: 8px 0;
    }
}

.list-fourth--interval-v2.list-transform>li {
    padding: 32px 40px;
}

.list-fourth--interval-v2.list-transform>li .list__inner-list {
    width: 100%;
    height: auto;
    padding: 0;
    display: block;
}

.list-fourth--interval-v2.list-transform>li .list__inner-list>li.box-middle {
    width: 100%;
}

.list-fourth--interval-v2.list-transform>li .list__inner-list>li.box-middle .box-middle__bottom [class^=board-num] {
    position: static;
    right: auto;
    top: auto;
}

.list-fourth--interval-v2>li {
    padding: 24px 20px;
}

@media (max-width: 1024px) {
    .list-fourth--interval-v2>li {
        flex-basis: calc(33.3333333333% - 10.6666666667px);
        width: 33.33%;
    }
}

@media (max-width: 767px) {
    .list-fourth--interval-v2>li {
        flex-basis: 100%;
    }
}

.list-fourth--interval-v2>li .list__inner-list>li.box-middle {
    height: 100%;
    padding: 0;
}

.list-fourth--interval-v2>li .list__inner-list>li.box-middle .box-middle__top {
    padding-bottom: 12px;
}

.list-fourth--interval-v2>li .list__inner-list>li.box-middle .box-middle__bottom {
    margin-top: auto;
}

.list-gallery .list__inner-list>li.box-middle {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    padding: 24px 0 0;
}

@media (max-width: 1024px) {
    .list-gallery .list__inner-list>li.box-middle {
        gap: 12px 0;
        padding-top: 16px;
    }
}

.list__inner-list {
    height: 100%;
    box-sizing: border-box;
}

.list__inner-list>li {
    padding-top: 24px;
    color: #616161;
    font-size: 14px;
}

.list__inner-list>li:first-child {
    padding-top: 0;
}

@media (max-width: 1024px) {
    .list__inner-list>li {
        padding-top: 16px;
        font-size: 12px;
    }
}

.list__inner-list>li.box-middle {
    padding-top: 12px;
}

.list__inner-list>li.box-middle .box-middle__top {
    padding-bottom: 4px;
}

@media (max-width: 767px) {
    .list__inner-list>li.box-middle .box-middle__bottom .txt-default {
        font-size: 11px;
    }
}

@media (max-width: 767px) {

    .list__inner-list>li.box-middle .box-middle__bottom .board-num__square,
    .list__inner-list>li.box-middle .box-middle__bottom .board-num__square-purple,
    .list__inner-list>li.box-middle .box-middle__bottom .board-num__square-green,
    .list__inner-list>li.box-middle .box-middle__bottom .board-num__square-primary,
    .list__inner-list>li.box-middle .box-middle__bottom .board-num__square-primary--bg {
        min-width: 39px;
        height: 20px;
        padding: 1px 3px;
        font-size: 11px;
    }
}

.list__inner-list>li span.icon-vs_clip {
    font-size: 24px;
}

.list__inner-list .box-img {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.list__inner-list .box-img .board-num__square-primary--bg {
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 1;
}

@media (max-width: 767px) {
    .list__inner-list .box-img .board-num__square-primary--bg {
        left: 8px;
        top: 8px;
    }
}

.list__inner-list .box-img>img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.list__inner-list .board-tag-primary {
    margin-left: 16px;
    font-size: 13px;
}

@media (max-width: 1024px) {
    .list__inner-list .board-tag-primary {
        margin-left: 12px;
        font-size: 12px;
    }
}

.list__inner-list .txt--m4.word-line-two {
    width: 100% !important;
    color: #000;
    font-size: 18px;
    line-height: 1.4em;
}

@media (max-width: 1024px) {
    .list__inner-list .txt--m4.word-line-two {
        font-size: 16px;
    }
}

.list__inner-list--txt {
    margin-top: 16px;
    color: #616161;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .list__inner-list--txt {
        display: none;
    }
}

.list__inner-list--date {
    color: #9e9e9e;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .list__inner-list--date {
        font-size: 12px;
    }
}

.list__inner-list .icon__play {
    cursor: default;
}

.list__inner-flex--triple {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px 0 16px 16px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .list__inner-flex--triple {
        display: block;
        padding: 24px 20px;
    }
}

.list__inner-flex--triple>li {
    flex: 0 0 auto;
}

.list__inner-flex--triple>li.box-img {
    flex: 0 0 282px;
    width: 282px;
}

@media (max-width: 1024px) {
    .list__inner-flex--triple>li.box-img {
        display: none;
    }
}

.list__inner-flex--triple>li.box-img img {
    width: 100%;
}

.list__inner-flex--triple>li.box-middle {
    width: 686px;
    min-height: 126px;
    padding: 0 40px;
}

@media (max-width: 1024px) {
    .list__inner-flex--triple>li.box-middle {
        justify-content: flex-start;
        width: 100%;
        min-width: auto;
        min-height: auto;
        padding: 0;
    }
}

.list__inner-flex--triple>li.box-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 126px;
    padding: 0 56px;
    box-sizing: border-box;
    border-left: 1px solid #eee;
}

@media (max-width: 1024px) {
    .list__inner-flex--triple>li.box-right {
        flex-direction: row-reverse;
        gap: 8px;
        min-height: auto;
        padding: 24px 0 0;
        border-left: 0;
    }
}

.list__inner-flex--triple>li.box-right [class^=btn-] {
    display: block;
    margin: 8px auto 0;
}

@media (max-width: 1024px) {
    .list__inner-flex--triple>li.box-right [class^=btn-] {
        flex: 1 1 calc(100% - 4px);
        height: 36px;
        margin-top: 0;
        font-size: 12px;
    }
}

.list__inner-flex--triple>li.box-right [class^=btn-]:first-child {
    margin-top: 0;
}

.list-transform {
    gap: 16px 0;
    transition: all 0.3s ease;
}

.list-transform>li {
    flex-basis: 100%;
    border: 1px solid #e0e0e0;
}

.list-transform>li .list__inner-list {
    display: flex;
    gap: 0 40px;
    align-items: center;
    height: 190px;
    padding: 16px;
    box-sizing: border-box;
}

.list-transform>li .list__inner-list>li:first-child {
    flex: 0 0 282px;
    width: 282px;
}

.list-transform>li .list__inner-list>li:nth-child(2) {
    flex: 0 1 auto;
    width: calc(100% - 282px);
    margin-right: 24px;
    box-sizing: border-box;
}

.list-transform>li .list__inner-list>li.box-middle {
    position: relative;
    padding: 0;
}

.list-transform>li .list__inner-list>li .box-middle__center {
    width: 80%;
}

.list-transform>li .list__inner-list>li .box-middle__center .word-line-two {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-transform>li .list__inner-list>li .box-middle__bottom [class^=board-num] {
    position: absolute;
    right: 0;
    top: 0;
}

.list-tag {
    gap: 8px 16px;
    flex-wrap: wrap;
    padding: 22px 0 24px;
    box-sizing: border-box;
    border-top: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .list-tag {
        display: none;
    }
}

.list-tag>li .btn-tiny-refresh {
    min-width: 80px;
    border-color: #616161;
    background-color: #616161;
    color: #fff;
}

.list-tag>li .btn-tiny-refresh [class^=icon-] {
    margin-left: 3px;
    vertical-align: -2px;
    color: #fff;
}

.list-tag>li .btn-tiny-category {
    padding: 6px 9px 6.5px 9px;
    background-color: #fafafa;
    border-color: #eee;
    border-radius: 4px;
    color: #000;
    font-size: 14px;
}

.list-tag>li .btn-tiny-category [class^=icon-] {
    margin-left: 5px;
    font-size: 24px;
}

.list-definition,
.list-table-bg>li dl {
    display: flex;
    gap: 8px 28px;
}

.list-definition dt,
.list-table-bg>li dl dt {
    min-width: 52px;
    color: #9e9e9e;
    font: 14px /1.4em "Pretendard";
    justify-content: center;
    align-items: center;
}

.list-definition dd,
.list-table-bg>li dl dd {
    color: #000;
    font-size: 16px;
}

.list-table-bg {
    border-top: 1px solid #000;
    box-sizing: border-box;
}

.list-table-bg>li {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
}

@media (max-width: 767px) {
    .list-table-bg>li {
        display: block;
        border-bottom: 0;
    }
}

.list-table-bg>li dl {
    flex: 1 1 50%;
    align-items: stretch;
    gap: 0;
    background-color: #fafafa;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .list-table-bg>li dl {
        border-bottom: 1px solid #e0e0e0;
    }
}

.list-table-bg>li dl dt,
.list-table-bg>li dl dd {
    padding: 16px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {

    .list-table-bg>li dl dt,
    .list-table-bg>li dl dd {
        padding: 12px;
    }
}


@media (max-width: 1024px) {
    .list-table-bg>li dl dt {
        font-size: 12px;
    }
}

.list-table-bg>li dl dd {
    width: 100%;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .list-table-bg>li dl dd {
        font-size: 14px;
    }
}

.list-map {
    gap: 0 40px;
    width: 100%;
    padding: 28px 24px;
    box-sizing: border-box;
    background-color: #333;
}

@media (max-width: 1024px) {
    .list-map {
        padding: 24px 16px;
    }
}

@media (max-width: 767px) {
    .list-map {
        flex-direction: column;
        gap: 8px 0;
        align-items: flex-start;
    }
}

.list-map>li {
    align-items: flex-start;
}

.list-map>li .txt--m3 {
    color: #fff;
}

@media (max-width: 1024px) {
    .list-map>li .txt--m3 {
        font-size: 14px;
    }
}

.list-map>li [class^=icon-] {
    margin: 3px 8px 0 0;
    color: #fff;
    font-size: 24px;
}

@media (max-width: 1024px) {
    .list-map>li [class^=icon-] {
        font-size: 16px;
    }
}

.box-scroll {
    overflow-y: auto;
    box-sizing: border-box;
}

.box-scroll::-webkit-scrollbar {
    width: 16px;
}

.box-scroll::-webkit-scrollbar-thumb {
    background-color: #eee;
    border-radius: 8px;
    background-clip: padding-box;
    border: 5px solid transparent;
}

.box-info {
    margin-top: 32px;
    padding: 24px 32px;
    box-sizing: border-box;
    background-color: #fef5f5;
    color: #000;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .box-info {
        margin-top: 24px;
        padding: 16px;
        font-size: 12px;
    }
}

.box-info-bottom {
    margin-top: 32px;
}

@media (max-width: 1024px) {
    .box-info-bottom {
        margin-top: 24px;
    }
}

.box-info .flex-box,
.box-info .history-ball,
.box-info .category-list>li,
.box-info .box-schedule__month-list,
.box-info .box-schedule__year .past,
.box-schedule__year .box-info .past,
.box-info .box-schedule__year .future,
.box-schedule__year .box-info .future,
.box-info .box-schedule__year,
.box-info .box-symbol2,
.box-info .box-clean__title,
.box-info .box-nodata,
.box-info .list-learning .list-come__con--title .fraction-remote,
.list-learning .list-come__con--title .box-info .fraction-remote,
.box-info .list-come__mark,
.box-info .list-come>li,
.box-info .drop-menu__list>li>.inside.js-drop-title,
.box-info .title-frame,
.box-info .cm-index-title,
.box-info .main-banner__list,
.box-info .main__slider-fraction .fraction-remote,
.main__slider-fraction .box-info .fraction-remote,
.box-info .main-list__top,
.box-info .main-list__bottom,
.box-info .main-title__sub,
.box-info .main-title,
.box-info .main-container .quick-box__list,
.main-container .box-info .quick-box__list,
.box-info .visual__login-inner,
.box-info .visual__login-con .menu-activity,
.visual__login-con .box-info .menu-activity,
.box-info .visual__login-con .menu-comment__list,
.visual__login-con .box-info .menu-comment__list,
.box-info .footer .ars-frame__txt,
.footer .box-info .ars-frame__txt,
.box-info .footer__logo-list,
.box-info .footer__link,
.box-info .banner-list__slider .swiper-slide a,
.banner-list__slider .swiper-slide .box-info a,
.box-info .menu-before__top--list,
.box-info .header .menu-before__top,
.header .box-info .menu-before__top,
.box-info .header__bottom .gnb-list__txt,
.header__bottom .box-info .gnb-list__txt,
.box-info .header__top>.header__inner .lnb-right>li>.inside,
.header__top>.header__inner .box-info .lnb-right>li>.inside,
.box-info .header__top>.header__inner .lnb-left>li.tm .inside .albums-num,
.header__top>.header__inner .lnb-left>li.tm .inside .box-info .albums-num,
.box-info .header__top>.header__inner .lnb-left,
.header__top>.header__inner .box-info .lnb-left,
.box-info .header__top>.header__inner .lnb-right,
.header__top>.header__inner .box-info .lnb-right,
.box-info .header__top>.header__inner,
.box-info .box-history__list>li,
.box-info .box-history>li,
.box-info .box-middle .box-middle__top,
.box-middle .box-info .box-middle__top,
.box-info .container-inner .sidebar__title-frame,
.container-inner .box-info .sidebar__title-frame,
.box-info .container-inner .sidebar-list>li>.inside,
.container-inner .box-info .sidebar-list>li>.inside,
.box-info .board__tab--block,
.box-info .board__index-box,
.box-info .board__drop-title,
.box-info .board-banner__flex,
.box-info .reply-box__title,
.box-info .pagination>li>.inside,
.box-info .member-frame--title,
.box-info .category-frame__title,
.box-info .detail-index-box,
.box-info .detail-box__info .box-application,
.detail-box__info .box-info .box-application,
.box-info .info-data-box__top,
.box-info .info-wrap,
.box-info .info-wrap__inner,
.box-info .popup-page__title,
.box-info .popup-page__window,
.box-info .btn-interval__left,
.box-info .btn-interval__right,
.box-info .input-icon,
.box-info .input-icon--red,
.box-info .input-icon--green,
.box-info .input-button,
.box-info .input-button a[class^=icon-],
.input-button .box-info a[class^=icon-],
.box-info .form-sort [class^=btn-],
.box-info .form-sort-triple__registration [class^=btn-],
.form-sort .box-info [class^=btn-],
.form-sort-triple__registration .box-info [class^=btn-],
.box-info .form-sort-triple [class^=btn-],
.form-sort-triple .box-info [class^=btn-],
.box-info .form-sort-triple__email [class^=btn-],
.form-sort-triple__email .box-info [class^=btn-],
.box-info .form-sort-double [class^=btn-],
.form-sort-double .box-info [class^=btn-],
.box-info .form-sort-double__phone [class^=btn-],
.form-sort-double__phone .box-info [class^=btn-],
.box-info .form-sort-single [class^=btn-],
.form-sort-single .box-info [class^=btn-],
.box-info .flex-direction--column,
.box-info .list-border-gap--regular .list__inner-flex--triple,
.list-border-gap--regular .box-info .list__inner-flex--triple,
.box-info .list-triple,
.box-info .list-fourth,
.box-info .list-triple-decrease,
.box-info .list-triple--interval,
.box-info .list-triple--interval-v2,
.box-info .list-fourth-decrease,
.box-info .list-fourth--interval-v2,
.box-info .list-gallery,
.box-info .list-tag,
.box-info .list-definition dt,
.list-definition .box-info dt,
.box-info .list-definition dd,
.list-definition .box-info dd,
.box-info .list-table-bg>li dl dt,
.list-table-bg>li dl .box-info dt,
.box-info .list-table-bg>li dl dd,
.list-table-bg>li dl .box-info dd,
.box-info .list-map,
.box-info .list-map>li {
    align-items: flex-start;
}

.box-info p {
    color: #000;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .box-info p {
        font-size: 12px;
    }
}

.box-info [class^=icon-] {
    margin-right: 8px;
    color: #1f5afc;
}

@media (max-width: 1024px) {
    .box-info [class^=icon-] {
        margin-right: 4px;
        font-size: 20px;
    }
}

.box-info .list-dot {
    width: 100%;
}

.box-info .list-dot>li {
    float: none;
    padding-left: 10px;
    color: #000;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .box-info .list-dot>li {
        font-size: 12px;
    }
}

.box-info .list-dot>li::before {
    left: 0 !important;
}

.box-info .list-dot>li:first-child {
    padding-left: 10px;
}

.box-info .list-dot>li:first-child::before {
    content: "";
    left: 0;
}

.box-blur,
.box-blur--gray {
    opacity: 0.3;
    cursor: default;
}

.box-blur:hover .box-middle__center .txt--m4.word-line-two,
.box-blur--gray:hover .box-middle__center .txt--m4.word-line-two {
    cursor: default;
    text-decoration: none;
}

.box-blur--gray {
    filter: grayscale(100%);
}

.box-blur.box-img,
.box-img.box-blur--gray {
    cursor: default;
}

.box-middle {
    min-width: 460px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0;
}

@media (max-width: 1024px) {
    .box-middle .box-middle__top {
        padding-bottom: 1px;
    }

    .box-middle {
        min-width: auto;
    }
}

.box-middle .box-middle__top span {
    margin-left: 0;
}

.box-middle .box-middle__top [class^=board-num__square] {
    margin-left: auto;
}

.box-middle .box-middle__center {
    padding-bottom: 20px;
}

.box-middle .box-middle__center [class*=word-] {
    width: 90%;
}

@media (max-width: 1024px) {
    .box-middle .box-middle__center [class*=word-] {
        font-size: 16px;
    }
}

.box-middle .box-middle__bottom {
    gap: 16px 24px;
}

@media (max-width: 1024px) {
    .box-middle .box-middle__bottom {
        gap: 8px 16px;
    }
}

@media (max-width: 359px) {
    .box-middle .box-middle__bottom {
        flex-wrap: wrap;
        gap: 8px;
    }
}

.box-middle .box-middle__bottom.flex-direction--column {
    align-items: flex-start;
    gap: 4px;
}

.box-middle .box-middle__bottom .txt-default {
    color: #9e9e9e;
    font-size: 13px;
}

@media (max-width: 1024px) {
    .box-middle .box-middle__bottom .txt-default {
        font-size: 12px;
    }
}

.box-middle .box-middle__bottom .txt-default [class^=icon-] {
    font-size: 16px;
}

.box-map {
    margin-top: 32px;
}

.box-history {
    border-top: 1px solid #000;
    box-sizing: border-box;
    margin-top: 32px;
}

@media (max-width: 1024px) {
    .box-history {
        margin-top: 24px;
    }
}

.box-history>li {
    align-items: flex-start;
    padding: 40px 32px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .box-history>li {
        padding: 32px 24px;
    }
}

@media (max-width: 767px) {
    .box-history>li {
        flex-direction: column;
        padding: 24px 8px;
    }
}

.box-history>li .cm-txt__title--normal {
    flex-basis: 208px;
    padding-right: 112px;
    box-sizing: border-box;
    color: #1f5afc;
}

@media (max-width: 1024px) {
    .box-history>li .cm-txt__title--normal {
        flex-basis: 116px;
        padding-right: 39px;
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .box-history>li .cm-txt__title--normal {
        flex-basis: 100%;
        width: 100%;
        padding-right: 0;
        font-size: 22px;
    }
}

.box-history__list {
    flex-basis: calc(100% - 208px);
}

@media (max-width: 1024px) {
    .box-history__list {
        flex-basis: calc(100% - 116px);
    }
}

@media (max-width: 767px) {
    .box-history__list {
        flex-basis: 100%;
        width: 100%;
        margin-top: 16px;
    }
}

.box-history__list>li {
    align-items: flex-start;
    margin-top: 16px;
}

@media (max-width: 1024px) {
    .box-history__list>li {
        margin-top: 8px;
    }
}

.box-history__list>li:first-child {
    margin-top: 8px;
}

@media (max-width: 767px) {
    .box-history__list>li:first-child {
        margin-top: 0;
    }
}

.box-history__list>li .txt--m3 {
    flex-basis: 90px;
    box-sizing: border-box;
    padding-right: 56px;
}

@media (max-width: 1024px) {
    .box-history__list>li .txt--m3 {
        flex-basis: 62px;
        padding-right: 32px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .box-history__list>li .txt--m3 {
        flex-basis: 46px;
        padding-right: 16px;
    }
}

.box-history__month {
    flex-basis: calc(100% - 90px);
}

@media (max-width: 1024px) {
    .box-history__month {
        flex-basis: calc(100% - 62px);
    }
}

@media (max-width: 767px) {
    .box-history__month {
        flex-basis: calc(100% - 46px);
    }
}

.box-history__month>li {
    margin-top: 8px;
    color: #616161;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .box-history__month>li {
        margin-top: 0;
        font-size: 14px;
    }
}

.box-history__month>li:first-child {
    margin-top: 0;
}

.dis-none,
.ta-show,
.tm-show,
.mo-show,
.mo-inline-block {
    display: none !important;
}

@media (max-width: 1024px) {

    .tm-show,
    .ta-show {
        display: block !important;
    }

    .tm-hide {
        display: none !important;
    }
}

@media (max-width: 767px) {

    .ta-show,
    .mo-hide {
        display: none !important;
    }

    .mo-show {
        display: block !important;
    }

    .mo-inline-block {
        display: inline-block !important;
    }
}

.page-style {
    overflow-y: hidden;
    height: 100%;
}

.on .js-drop-title [class^=icon-]::before {
    content: "\e997";
}

/*+-----------------------------------+    
| Author: JS |   
| Title: 각 프로젝트별 스타일 |
| 레이아웃, 메인 페이지 스타일, 서브 페이지 스타일|
+-------------------------------------+*/
/* ++++++++++++++++++++++++++++++++++++++
	레이아웃
	@Element Custom
	@Animation
	@Layout : header/ banner/ footer/ top 
++++++++++++++++++++++++++++++++++++++ */
html,
body,
a {
    color: #000;
    font-size: 14px;
}

select,
input,
textarea,
[class^=btn-],
.input-button,
.input-icon,
.input-icon--red,
.input-icon--green {
    border-radius: 6px;
}

select {
    padding: 0 20px;
    padding-right: 44px;
    background-position: right 20px center;
}

@media (max-width: 1024px) {
    select {
        padding: 0 16px;
        background-size: 24px 24px;
        background-position: right 16px center;
    }
}

input:focus {
    border-radius: 6px;
}

input.cotton {
    box-shadow: 0 1px 5px 0 rgba(31, 90, 252, 0.08);
    border: solid 1px #eef3ff;
    cursor: auto;
}

input.cotton:focus-visible,
input.cotton:focus {
    border: 0;
    outline: 1px solid #78a3fe;
}

.input-button .icon-eye {
    color: #bdbdbd;
}

.input-button .icon-eye_off {
    color: #bdbdbd;
}

.input-comment,
.input-comment-sub,
.input-comment--red {
    align-items: flex-start;
}

@media (max-width: 1024px) {

    .input-comment [class^=icon-],
    .input-comment--red [class^=icon-] {
        margin-top: 1px;
    }
}

@media (max-width: 767px) {

    .input-comment [class^=icon-],
    .input-comment--red [class^=icon-] {
        margin-top: 2px;
    }
}

.chk-box {
    align-items: center;
}

.chk-box.secret {
    width: 20%;
}

@media (max-width: 1024px) {
    .chk-box.secret {
        width: 13%;
    }
}

@media (max-width: 767px) {
    .chk-box.secret {
        width: 100%;
    }
}

.chk-box.single .chk-box__txt {
    padding-left: 8px;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .chk-box.single .chk-box__txt {
        padding-left: 8px;
        font-size: 14px;
    }
}

.chk-box__icon {
    border-radius: 6px;
}

.chk-box__txt {
    padding-left: 8px;
}

.chk-box.block input~.chk-box__icon {
    background-color: #fafafa;
    border-color: #eee;
}

.chk-box.block input~.chk-box__txt {
    color: #9e9e9e;
    font: 14px /1.75em "Pretendard";
}

.chk-box.block input~.chk-box__txt .txt--m4 {
    color: #000;
}

.chk-box.block input:checked~.chk-box__icon {
    background-color: #1f5afc;
    border-color: #1f5afc;
}

.chk-box.block input:checked~.chk-box__txt {
    color: #fff;
}

.chk-box.block input:checked~.chk-box__txt .txt--m4 {
    color: #fff;
}

.icon-custom,
.btn-regular-secondary--900.download::before,
.icon-custom-spot,
.icon-custom-tree,
.icon-custom-download,
.icon-custom-print,
.icon-custom-call,
.icon-custom-target,
.icon-custom-scroll,
.icon-custom-close,
.icon-custom-menu,
.icon-custom-remote,
.icon-custom-big__play,
.icon-custom-big__pause,
.icon-custom-mute,
.icon-custom-subtitle,
.icon-custom-speed {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: no-repeat center/contain;
}

.icon-custom-remote {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.57 18.133c0 .755.64 1.367 1.429 1.367s1.428-.612 1.428-1.367-.64-1.366-1.428-1.366c-.79 0-1.43.611-1.43 1.366zm11.2-8.869a.938.938 0 0 1-1.27.083l-.014-.013C15.699 5.25 8.495 5.208 3.66 9.212l-.146.122a.938.938 0 0 1-1.283-.07.844.844 0 0 1 .073-1.228c5.524-4.715 13.868-4.715 19.392 0 .375.32.408.87.073 1.228zm-2.588 3.075a.939.939 0 0 1-1.27.054l-.015-.013c-3.286-2.939-8.372-2.968-11.694-.088l-.1.088a.938.938 0 0 1-1.285-.04.843.843 0 0 1 .043-1.23c4.018-3.594 10.26-3.594 14.278 0a.843.843 0 0 1 .043 1.23zm-2.88 2.754a.938.938 0 0 1-1.268.085l-.016-.012c-1.704-1.45-4.264-1.464-5.986-.044l-.052.044a.938.938 0 0 1-1.283-.073.844.844 0 0 1 .076-1.228c2.41-2.049 6.042-2.049 8.453 0 .375.32.41.87.076 1.228z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E%0A");
}

.icon-custom-menu {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M3.712 5.362h16.576a.712.712 0 1 1 0 1.425H3.712a.713.713 0 0 1 0-1.425zm0 5.925h16.576a.712.712 0 1 1 0 1.425H3.712a.712.712 0 1 1 0-1.425zm0 5.925h16.576a.712.712 0 1 1 0 1.425H3.712a.712.712 0 1 1 0-1.425z' fill='%23000' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-custom-close {
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.607 11.393c.52.521.52 1.365 0 1.886l-8.721 8.72 8.72 8.722a1.333 1.333 0 1 1-1.885 1.886L22 23.885l-8.721 8.722a1.333 1.333 0 0 1-1.886-1.886l8.721-8.722-8.72-8.72a1.333 1.333 0 0 1 1.885-1.886L22 20.113l8.721-8.72c.52-.52 1.365-.52 1.886 0z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E");
}

.icon-custom-scroll {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.288 9.187a.465.465 0 0 1 0 .674L6.68 12.38h8.66c.272 0 .492.213.492.476s-.22.476-.492.476H6.68l2.607 2.52c.19.184.192.48.007.666l-.007.008a.504.504 0 0 1-.697 0l-3.447-3.333a.465.465 0 0 1 0-.674l3.447-3.333a.504.504 0 0 1 .697 0zm2.954-5.714 3.447 3.333a.465.465 0 0 1 0 .674l-3.447 3.333a.504.504 0 0 1-.696 0 .465.465 0 0 1 0-.674l2.606-2.52h-8.66A.485.485 0 0 1 5 7.143c0-.263.22-.476.492-.476h8.66l-2.606-2.52a.465.465 0 0 1-.008-.666l.008-.008a.504.504 0 0 1 .696 0z' fill='%239e9e9e' fill-rule='nonzero'/%3E%3C/svg%3E%0A");
}

.icon-custom-target {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.283 2.5c-1.48 0-2.961.566-4.09 1.695a5.794 5.794 0 0 0 0 8.186A5.773 5.773 0 0 0 9.18 14l-.16-.408a5.35 5.35 0 0 1-4.526-1.52 5.355 5.355 0 0 1 0-7.577 5.345 5.345 0 0 1 7.578 0 5.347 5.347 0 0 1 1.52 4.528l.402.154A5.78 5.78 0 0 0 8.284 2.5zm0 2.144c-.932 0-1.867.354-2.577 1.065a3.646 3.646 0 0 0 0 5.15 3.626 3.626 0 0 0 2.67 1.06l-.16-.416a3.2 3.2 0 0 1-2.202-.945 3.215 3.215 0 0 1 0-4.548 3.198 3.198 0 0 1 4.539 0c.61.612.927 1.404.944 2.204l.421.167a3.623 3.623 0 0 0-3.635-3.737zm-1.03 2.425a.214.214 0 0 0-.168.294l3.782 9.847a.214.214 0 0 0 .389.027l1.352-2.498 2.704 2.699a.214.214 0 0 0 .302 0l1.82-1.815a.214.214 0 0 0 0-.308l-2.697-2.693 2.497-1.36a.214.214 0 0 0-.027-.389L7.359 7.082a.215.215 0 0 0-.107-.013zm.401.59 8.964 3.449-2.343 1.266a.214.214 0 0 0-.047.342l2.745 2.753-1.513 1.514-2.752-2.754a.214.214 0 0 0-.335.054l-1.272 2.344-3.447-8.969z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E%0A");
}

.icon-custom-call {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M2 2h20v20H2z'/%3E%3Cpath d='M17.423 21c-.784 0-1.886-.284-3.536-1.206-2.007-1.125-3.559-2.163-5.555-4.153-1.924-1.923-2.86-3.168-4.17-5.552-1.481-2.692-1.229-4.103-.947-4.706.336-.72.832-1.152 1.473-1.58.364-.238.75-.443 1.151-.61.04-.018.078-.034.111-.05.2-.089.5-.224.882-.08.255.096.483.292.839.643.73.72 1.728 2.324 2.096 3.111.247.531.41.882.41 1.275 0 .46-.23.814-.512 1.197-.052.072-.104.14-.155.208-.306.401-.373.517-.329.725.09.416.758 1.657 1.856 2.752 1.099 1.096 2.304 1.722 2.722 1.811.216.047.335-.023.75-.34l.184-.14c.428-.318.767-.543 1.216-.543h.002c.391 0 .726.17 1.28.449.724.365 2.376 1.35 3.1 2.08.353.355.55.582.646.836.144.383.008.683-.08.884l-.05.11c-.169.402-.374.786-.614 1.15-.427.638-.86 1.133-1.582 1.469a2.712 2.712 0 0 1-1.188.26z' fill='%234476ff' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-custom-print {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M2 2h20v20H2z'/%3E%3Cpath d='M17.143 4.421A.426.426 0 0 0 16.714 4H7.286a.426.426 0 0 0-.429.421v2.947h10.286V4.421zm-.429 9.263c.236 0 .429.19.429.421v5.474a.426.426 0 0 1-.429.421H7.286a.426.426 0 0 1-.429-.421v-5.474c0-.231.193-.42.429-.42zm3.857-5.473c.237 0 .429.188.429.42v8.422a.425.425 0 0 1-.429.42H18v-3.368c0-.696-.577-1.263-1.286-1.263H7.286c-.71 0-1.286.567-1.286 1.263v3.369H3.429A.425.425 0 0 1 3 17.053V8.632c0-.233.192-.421.429-.421zm-1.714 1.894h-1.714a.425.425 0 0 0-.429.421c0 .233.192.421.429.421h1.714a.425.425 0 0 0 .429-.42.425.425 0 0 0-.429-.422z' fill='%234476ff' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-custom-download {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.041 10.401c.172 0 .332.072.445.186.11.117.18.277.18.45v2.957a.677.677 0 0 1-.02.164.634.634 0 0 1-.617.509H1.967a.632.632 0 0 1-.625-.564c-.009-.038-.009-.072-.009-.114v-2.957c0-.349.286-.63.63-.63a.631.631 0 0 1 .63.63V13.4H13.41v-2.368c0-.349.286-.63.63-.63zM8.008 1.333a.728.728 0 0 1 .735.736v6.827l1.86-1.863a.739.739 0 0 1 1.04 0 .754.754 0 0 1-.012 1.043l-3.094 3.1c-.004.008-.012.012-.016.016a.728.728 0 0 1-.408.206l-.037.005c-.026.004-.05.004-.076.004l-.071-.004-.038-.005a.715.715 0 0 1-.407-.206l-.017-.016-3.094-3.1a.736.736 0 0 1-.214-.522.736.736 0 0 1 1.255-.521l1.86 1.863V2.069c0-.403.331-.736.734-.736z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E%0A");
}

.icon-custom-tree {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='9xvisff6ba'%3E%3Cpath d='M1920 0v2362H0V0h1920z'/%3E%3C/clipPath%3E%3CclipPath id='kck93pok0b'%3E%3Cpath d='M1 0v7h7v1H0V0h1z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%239xvisff6ba)' transform='translate(-376 -485)'%3E%3Cg clip-path='url(%23kck93pok0b)' transform='translate(382 488)'%3E%3Cpath fill='%23bdbdbd' d='M0 0h8v8H0V0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-custom-spot {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M1920 0v3457H0V0h1920z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath d='M225 0c8.284 0 15 6.716 15 15v445H0V0h225z'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath d='M2.201 1.935c2.775-2.62 7.168-2.58 9.891.123a6.994 6.994 0 0 1 0 9.944l-4.483 4.449a.747.747 0 0 1-1.051 0l-4.462-4.428-.146-.147a6.995 6.995 0 0 1 .124-9.817z'/%3E%3C/clipPath%3E%3CclipPath id='d'%3E%3Cpath d='M2.478 0a2.468 2.468 0 0 1 2.477 2.46 2.468 2.468 0 0 1-2.477 2.459A2.469 2.469 0 0 1 0 2.459 2.47 2.47 0 0 1 2.478 0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(-1335 -2149)'%3E%3Cg clip-path='url(%23b)' transform='translate(1319 2003)'%3E%3Cg clip-path='url(%23c)' transform='translate(18.917 147.667)'%3E%3Cpath fill='%23FF9100' d='M0 0h14.167v16.667H0V0z'/%3E%3C/g%3E%3Cg clip-path='url(%23d)' transform='translate(23.522 152.14)'%3E%3Cpath fill='%23fff9e6' d='M0 0h4.955v4.919H0V0z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@media (max-width: 1024px) {
    .icon-search {
        font-size: 20px;
    }
}

[class*=-outline] {
    background-color: transparent;
}

.btn,
.btn-400--outline,
.btn-400,
.btn-micro-400--outline,
.btn-micro-400,
.btn-tiny-400--outline,
.btn-tiny-400,
.btn-small-400--outline,
.btn-small-400,
.btn-normal-400--outline,
.btn-normal-400,
.btn-regular-400--outline,
.btn-regular-400,
.btn-large-400--outline,
.btn-large-400,
.btn-300--outline,
.btn-300,
.btn-primary--300,
.member-frame .btn-larger,
.btn--bg,
.btn-primary,
.btn-primary--outline,
.btn-secondary,
.btn-regular-secondary--900,
.btn-secondary--outline,
.btn-dark,
.btn-dark--outline,
.btn-white,
.btn-white--outline,
.btn-large,
.btn-regular,
.btn-normal,
.btn-small,
.btn-tiny,
.btn-micro,
.btn-large--bg,
.btn-large-primary,
.btn-large-primary--outline,
.btn-large-secondary,
.btn-large-secondary--900,
.btn-large-secondary--outline,
.btn-large-dark,
.btn-large-dark--outline,
.btn-large-white,
.btn-large-white--outline,
.btn-regular--bg,
.btn-regular-primary,
.btn-regular-primary--outline,
.btn-regular-secondary,
.btn-regular-secondary--outline,
.btn-regular-dark,
.btn-regular-dark--outline,
.btn-regular-white,
.btn-regular-white--outline,
.btn-normal--bg,
.btn-normal-primary,
.btn-normal-primary--outline,
.btn-normal-secondary,
.btn-normal-secondary--outline,
.btn-normal-dark,
.btn-normal-dark--outline,
.btn-normal-white,
.btn-normal-white--outline,
.btn-small--bg,
.btn-small-primary,
.btn-small-primary--outline,
.btn-small-secondary,
.btn-small-secondary--900,
.btn-small-secondary--outline,
.btn-small-dark,
.btn-small-dark--outline,
.btn-small-white,
.btn-small-white--outline,
.btn-tiny--bg,
.btn-tiny-primary,
.btn-tiny-primary--outline,
.btn-tiny-secondary,
.btn-tiny-secondary--outline,
.btn-tiny-dark,
.btn-tiny-dark--outline,
.btn-tiny-white,
.btn-tiny-white--outline,
.btn-micro--bg,
.btn-micro-primary,
.btn-micro-primary--outline,
.btn-micro-secondary,
.btn-micro-secondary--outline,
.btn-micro-dark,
.btn-micro-dark--outline,
.btn-micro-white,
.btn-micro-white--outline,
.list-tag>li .btn-tiny-refresh,
.list-tag>li .btn-tiny-category {
    min-width: 120px;
}

.btn-primary--300 {
    border-color: #78a3fe;
    background-color: #78a3fe;
    color: #fff;
}

.btn-300 {
    border-color: #e0e0e0;
    background-color: #e0e0e0;
    color: #fff;
}

.btn-300--outline {
    border-color: #e0e0e0;
    color: #9e9e9e;
}

.btn-400,
.btn-micro-400--outline,
.btn-micro-400,
.btn-tiny-400--outline,
.btn-tiny-400,
.btn-small-400--outline,
.btn-small-400,
.btn-normal-400--outline,
.btn-normal-400,
.btn-regular-400--outline,
.btn-regular-400,
.btn-large-400--outline,
.btn-large-400 {
    border-color: #bdbdbd;
    background-color: #bdbdbd;
    color: #fff;
}

.btn-400--outline {
    border-color: #bdbdbd;
    color: #000;
}

.btn-large-secondary--900 {
    border: 0;
    background-color: #ff9100;
}

.btn-regular-secondary--900 {
    position: relative;
    padding: 13px 16px;
    border: 0;
    background-color: #ff9100;
    text-align: left;
}

@media (max-width: 1024px) {
    .btn-regular-secondary--900 {
        height: 40px;
        padding: 10px 16px;
    }
}

.btn-regular-secondary--900::before {
    content: "\e991";
    position: absolute;
    right: 16px;
    top: 11px;
    font: 24px "icomoon";
}

@media (max-width: 1024px) {
    .btn-regular-secondary--900::before {
        font-size: 16px;
    }
}

.btn-regular-secondary--900.download::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-top: 3px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.041 10.401c.172 0 .332.072.445.186.11.117.18.277.18.45v2.957a.677.677 0 0 1-.02.164.634.634 0 0 1-.617.509H1.967a.632.632 0 0 1-.625-.564c-.009-.038-.009-.072-.009-.114v-2.957c0-.349.286-.63.63-.63a.631.631 0 0 1 .63.63V13.4H13.41v-2.368c0-.349.286-.63.63-.63zM8.008 1.333a.728.728 0 0 1 .735.736v6.827l1.86-1.863a.739.739 0 0 1 1.04 0 .754.754 0 0 1-.012 1.043l-3.094 3.1c-.004.008-.012.012-.016.016a.728.728 0 0 1-.408.206l-.037.005c-.026.004-.05.004-.076.004l-.071-.004-.038-.005a.715.715 0 0 1-.407-.206l-.017-.016-3.094-3.1a.736.736 0 0 1-.214-.522.736.736 0 0 1 1.255-.521l1.86 1.863V2.069c0-.403.331-.736.734-.736z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1024px) {
    .btn-regular-secondary--900.download::before {
        width: 16px;
        height: 16px;
        margin-top: 0;
    }
}

.btn-small-secondary--900 {
    border: 0;
    min-width: 140px;
    padding: 9px 16px 11px;
    background-color: #ff9100;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .btn-small-secondary--900 {
        min-width: 120px;
        height: 32px;
        padding: 8px 13px 7px;
        font-size: 12px;
    }
}

.btn-small-secondary--900 [class^=icon-custom] {
    width: 16px;
    height: 16px;
    margin-left: 4px;
}

@media (max-width: 767px) {
    .btn-small-secondary--900 [class^=icon-custom] {
        margin-left: 0;
    }
}

.btn-small .icon-custom-download,
.btn-small--bg .icon-custom-download,
.btn-small-primary .icon-custom-download,
.btn-small-primary--outline .icon-custom-download,
.btn-small-secondary .icon-custom-download,
.btn-small-secondary--outline .icon-custom-download,
.btn-small-dark .icon-custom-download,
.btn-small-dark--outline .icon-custom-download,
.btn-small-white .icon-custom-download,
.btn-small-white--outline .icon-custom-download,
.btn-small-secondary--900 .icon-custom-download,
.btn-small-400 .icon-custom-download,
.btn-small-400--outline .icon-custom-download {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.041 10.401c.172 0 .332.072.445.186.11.117.18.277.18.45v2.957a.677.677 0 0 1-.02.164.634.634 0 0 1-.617.509H1.967a.632.632 0 0 1-.625-.564c-.009-.038-.009-.072-.009-.114v-2.957c0-.349.286-.63.63-.63a.631.631 0 0 1 .63.63V13.4H13.41v-2.368c0-.349.286-.63.63-.63zM8.008 1.333a.728.728 0 0 1 .735.736v6.827l1.86-1.863a.739.739 0 0 1 1.04 0 .754.754 0 0 1-.012 1.043l-3.094 3.1c-.004.008-.012.012-.016.016a.728.728 0 0 1-.408.206l-.037.005c-.026.004-.05.004-.076.004l-.071-.004-.038-.005a.715.715 0 0 1-.407-.206l-.017-.016-3.094-3.1a.736.736 0 0 1-.214-.522.736.736 0 0 1 1.255-.521l1.86 1.863V2.069c0-.403.331-.736.734-.736z' fill='%239e9e9e' fill-rule='nonzero'/%3E%3C/svg%3E%0A");
}

.btn-tiny,
.btn-tiny-400--outline,
.btn-tiny-400,
.btn-tiny--bg,
.btn-tiny-primary,
.btn-tiny-primary--outline,
.btn-tiny-secondary,
.btn-tiny-secondary--outline,
.btn-tiny-dark,
.btn-tiny-dark--outline,
.btn-tiny-white,
.btn-tiny-white--outline,
.list-tag>li .btn-tiny-refresh,
.list-tag>li .btn-tiny-category {
    padding: 8px 12px 9px 12px;
}

.btn-tiny-400 {
    cursor: default;
}

.btn-micro .icon-custom-download,
.btn-micro-400--outline .icon-custom-download,
.btn-micro-400 .icon-custom-download,
.btn-micro--bg .icon-custom-download,
.btn-micro-primary .icon-custom-download,
.btn-micro-primary--outline .icon-custom-download,
.btn-micro-secondary .icon-custom-download,
.btn-micro-secondary--outline .icon-custom-download,
.btn-micro-dark .icon-custom-download,
.btn-micro-dark--outline .icon-custom-download,
.btn-micro-white .icon-custom-download,
.btn-micro-white--outline .icon-custom-download {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.041 10.401c.172 0 .332.072.445.186.11.117.18.277.18.45v2.957a.677.677 0 0 1-.02.164.634.634 0 0 1-.617.509H1.967a.632.632 0 0 1-.625-.564c-.009-.038-.009-.072-.009-.114v-2.957c0-.349.286-.63.63-.63a.631.631 0 0 1 .63.63V13.4H13.41v-2.368c0-.349.286-.63.63-.63zM8.008 1.333a.728.728 0 0 1 .735.736v6.827l1.86-1.863a.739.739 0 0 1 1.04 0 .754.754 0 0 1-.012 1.043l-3.094 3.1c-.004.008-.012.012-.016.016a.728.728 0 0 1-.408.206l-.037.005c-.026.004-.05.004-.076.004l-.071-.004-.038-.005a.715.715 0 0 1-.407-.206l-.017-.016-3.094-3.1a.736.736 0 0 1-.214-.522.736.736 0 0 1 1.255-.521l1.86 1.863V2.069c0-.403.331-.736.734-.736z' fill='%239e9e9e' fill-rule='nonzero'/%3E%3C/svg%3E%0A");
}

.btn-filter-fence {
    gap: 0 8px;
    left: auto;
    right: 0;
    width: calc(100% - 208px);
    padding: 12px 24px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .btn-filter-fence {
        width: 100%;
    }
}

.btn-filter-fence .btn-custom-search {
    flex: 1 1 auto;
    min-width: auto;
}

.btn-custom-300--outline {
    display: inline-block;
    vertical-align: middle;
    min-width: 120px;
    height: 44px;
    padding: 12px 12px 9px 12px;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    border-radius: 6px;
    color: #000;
    font-size: 12px;
    text-align: center;
}

.btn-custom-300--outline [class^=icon-] {
    font-size: 16px;
}

.btn-custom-vast {
    position: relative;
    display: block;
    width: 100%;
    height: 80px;
    padding: 28px 40px 27px;
    border-radius: 8px;
    background: no-repeat center/cover;
    background-image: url("../img/sub/btn_bg.png");
    box-sizing: border-box;
    color: #fff;
    font: 18px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .btn-custom-vast {
        height: 64px;
        padding: 21px 32px;
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .btn-custom-vast {
        padding: 22px 24px;
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    .btn-custom-vast {
        height: auto;
    }
}

.btn-custom-vast-br {
    display: none;
}

@media (max-width: 360px) {
    .btn-custom-vast-br {
        display: block;
    }
}

.btn-custom-vast [class^=icon-] {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 32px;
}

@media (max-width: 1024px) {
    .btn-custom-vast [class^=icon-] {
        right: 32px;
        font-size: 24px;
    }
}

.btn-interval,
.btn-interval-tiny,
.btn-interval-wide,
.btn-interval-middle,
.btn-interval-small,
.btn-interval-small--side {
    gap: 8px;
}

@media (max-width: 1024px) {

    .btn-interval,
    .btn-interval-tiny,
    .btn-interval-wide,
    .btn-interval-middle,
    .btn-interval-small,
    .btn-interval-small--side {
        width: calc(100% - 48px);
        margin: 32px auto 0;
    }
}

@media (max-width: 767px) {

    .btn-interval,
    .btn-interval-tiny,
    .btn-interval-wide,
    .btn-interval-middle,
    .btn-interval-small,
    .btn-interval-small--side {
        width: calc(100% - 40px);
    }
}

.btn-interval-tiny {
    gap: 0 8px;
    margin-top: 24px;
}

@media (max-width: 1024px) {
    .btn-interval-tiny {
        margin-top: 16px;
    }
}

.btn-expand {
    display: none;
    position: absolute;
    right: 12px;
    bottom: 12px;
    width: 48px;
    height: 48px;
    background-color: #616161;
    box-sizing: border-box;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    text-align: center;
    line-height: 46px;
}

@media (max-width: 1024px) {
    .btn-expand {
        display: block;
    }
}

.btn-expand>span {
    display: inline-block;
    color: #fff;
    font-size: 20px;
}

span[class^=btn] {
    cursor: pointer;
}

.txt-default {
    font: 14px /1.75em "Pretendard";
}

.txt-detail {
    padding-top: 24px;
    color: #fff;
    font: 15px /1.4em "Pretendard";
    cursor: pointer;
}

.txt-detail [class^=icon-] {
    color: #fff;
    font-size: 16px;
}

.txt-detail-con {
    display: none;
    padding-top: 16px;
    color: #9e9e9e;
    font-size: 15px;
}

.txt-reference {
    padding: 32px 0 16px;
    color: #9e9e9e;
    font: 14px /1.75em "Pretendard";
}

@media (max-width: 1024px) {
    .txt-reference {
        padding: 24px 0 12px;
        font-size: 12px;
    }
}

.txt-reference.spacing {
    padding: 16px 0 0;
}

@media (max-width: 1024px) {
    .txt-reference.spacing {
        padding: 12px 0 0;
    }
}

.txt-info {
    font: 14px /1.4em "Pretendard";
    text-align: center;
}

@media (max-width: 1024px) {
    .txt-info {
        font-size: 12px;
    }
}

.txt-info [class^=icon-] {
    margin-right: 4px;
    font-size: 20px;
}

@media (max-width: 1024px) {
    .txt-info [class^=icon-] {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .txt-info [class^=icon-] {
        display: block;
        margin: 0 0 8px 0;
    }
}

.txt-line {
    font: 26px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .txt-line {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .txt-line {
        text-align: center;
    }
}

.txt-line .line {
    position: relative;
    z-index: 0;
    display: inline-block;
}

.txt-line .line::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    top: 16px;
    z-index: -1;
    display: inline-block;
    width: 100%;
    height: 16px;
    padding: 0 8px;
    background-color: #ffecb1;
}

@media (max-width: 1024px) {
    .txt-line .line::before {
        top: 12px;
        height: 12px;
        padding: 0 4px;
    }
}

@media (max-width: 767px) {
    .txt-line .line::before {
        top: auto;
        bottom: 0;
    }
}

.txt-happiness {
    font-family: "happiness-bold";
}

.txt-more {
    color: #9e9e9e;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .txt-more {
        font-size: 14px;
    }
}

[class^=state__] {
    min-width: 72px;
    padding: 6px 11.5px 6px;
    border: 1px solid #bdbdbd;
    border-radius: 16px !important;
}

@media (max-width: 1024px) {
    [class^=state__] {
        min-width: 57px;
        padding: 3px 7.5px 3px;
        font-size: 11px;
    }
}

.state {
    border-color: #bdbdbd;
    color: black;
}

.state__dark {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #424242;
    background-color: #424242;
    color: #fff;
    font: 13px /1.4em "Pretendard";
    text-align: center;
}

@media (max-width: 1024px) {
    .state__dark {
        min-width: 57px;
        padding: 3px 7.5px 3px;
        font-size: 11px;
    }
}

.state__gray,
.state__green,
.state-square__green,
.state__red,
.state-square__red,
.state__yellow,
.state-square__yellow,
.state__blue,
.state-square__blue {
    border-radius: 4px;
}

.state__green,
.state-square__green {
    border-color: #4caf50;
}

.state__red,
.state-square__red {
    border-color: #d32f2f;
}

.state__yellow,
.state-square__yellow {
    border-color: #f9a825;
}

.state__blue,
.state-square__blue {
    background-color: rgba(31, 90, 252, 0.08);
    border-color: #1f5afc;
    color: #1f5afc !important;
}

.state__gray--color,
.state__green--color,
.state__red--color,
.state__yellow--color {
    border: 0;
}

.point-ball {
    display: inline-block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffc500;
    color: #fff;
    font: 12px /1.4em "Pretendard";
    text-align: center;
    line-height: 20px;
}

@media (max-width: 1024px) {
    .point-ball {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 10px;
        line-height: 16px;
    }
}

#top {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #78a3fe;
    box-shadow: 0 2px 20px 0 rgba(31, 90, 252, 0.16);
    font-size: 0;
    line-height: 60px;
}

#top_bar {
    display: block ;
    width: 110px;
    height: 392px;
    background-color: #fff;
    box-shadow: 0 2px 20px 0 rgba(31, 90, 252, 0.16);
    font-size: 0;
    line-height: 60px;
    display: none;
}


@media (max-width: 1248px) {

    #top,
    #top_bar {
        display: none !important;
    }
}


#top::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: "\e936";
    color: #fff;
    font: 32px "icomoon";
}

@media (max-width: 1024px) {
    #top.num::before {
        font-size: 24px;
    }
}

#top.no-fixed {
    top: -68px;
}

#top_bar.no-fixed {
    top: -450px;
}

#top.no-fixed2 {
    top: -68px;
}
#top_bar.no-fixed2 {
    top: -393px;
}

@media (max-width: 1024px) {

    #top.no-fixed,
    #top.no-fixed2,
    #top_bar.no-fixed,
    #top_bar.no-fixed2 {
        top: -68px;
    }
}

@media (max-width: 1024px) {
    #top {
        width: 48px;
        height: 48px;
        line-height: 48px;
    }
}

.justify {
    justify-content: space-between;
}

.flex-box.boundary,
.boundary.history-ball,
.category-list>li.boundary,
.boundary.box-schedule__month-list,
.box-schedule__year .boundary.past,
.box-schedule__year .boundary.future,
.boundary.box-schedule__year,
.boundary.box-symbol2,
.boundary.box-clean__title,
.boundary.box-nodata,
.list-learning .list-come__con--title .boundary.fraction-remote,
.boundary.list-come__mark,
.list-come>li.boundary,
.drop-menu__list>li>.boundary.inside.js-drop-title,
.boundary.title-frame,
.boundary.cm-index-title,
.boundary.main-banner__list,
.main__slider-fraction .boundary.fraction-remote,
.boundary.main-list__top,
.boundary.main-list__bottom,
.boundary.main-title__sub,
.boundary.main-title,
.main-container .boundary.quick-box__list,
.boundary.visual__login-inner,
.visual__login-con .boundary.menu-activity,
.visual__login-con .boundary.menu-comment__list,
.footer .boundary.ars-frame__txt,
.boundary.footer__logo-list,
.boundary.footer__link,
.banner-list__slider .swiper-slide a.boundary,
.boundary.menu-before__top--list,
.header .boundary.menu-before__top,
.header__bottom .boundary.gnb-list__txt,
.header__top>.header__inner .lnb-right>li>.boundary.inside,
.header__top>.header__inner .lnb-left>li.tm .inside .boundary.albums-num,
.header__top>.header__inner .boundary.lnb-left,
.header__top>.header__inner .boundary.lnb-right,
.header__top>.boundary.header__inner,
.container-inner .boundary.sidebar__title-frame,
.container-inner .sidebar-list>li>.boundary.inside,
.boundary.board__tab--block,
.boundary.board__index-box,
.boundary.board__drop-title,
.boundary.board-banner__flex,
.boundary.reply-box__title,
.pagination>li>.boundary.inside,
.boundary.member-frame--title,
.boundary.category-frame__title,
.boundary.detail-index-box,
.detail-box__info .boundary.box-application,
.boundary.info-data-box__top,
.boundary.info-wrap,
.boundary.info-wrap__inner,
.boundary.popup-page__title,
.boundary.popup-page__window,
.boundary.btn-interval__left,
.boundary.btn-interval__right,
.boundary.input-icon,
.boundary.input-icon--red,
.boundary.input-icon--green,
.boundary.input-button,
.input-button a.boundary[class^=icon-],
.form-sort .boundary[class^=btn-],
.form-sort-triple__registration .boundary[class^=btn-],
.form-sort-triple .boundary[class^=btn-],
.form-sort-triple__email .boundary[class^=btn-],
.form-sort-double .boundary[class^=btn-],
.form-sort-double__phone .boundary[class^=btn-],
.form-sort-single .boundary[class^=btn-],
.boundary.flex-direction--column,
.list-border-gap--regular .boundary.list__inner-flex--triple,
.boundary.list-triple,
.boundary.list-fourth,
.boundary.list-triple-decrease,
.boundary.list-triple--interval,
.boundary.list-triple--interval-v2,
.boundary.list-fourth-decrease,
.boundary.list-fourth--interval-v2,
.boundary.list-gallery,
.boundary.list-tag,
.list-definition dt.boundary,
.list-definition dd.boundary,
.list-table-bg>li dl dt.boundary,
.list-table-bg>li dl dd.boundary,
.boundary.list-map,
.list-map>li.boundary,
.box-middle .boundary.box-middle__top,
.box-history>li.boundary,
.box-history__list>li.boundary {
    gap: 0 37px;
    padding: 24px 32px;
    border-radius: 16px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.04);
    border: 1px solid #eee;
    background-color: #fff;
}

@media (max-width: 1024px) {

    .flex-box.boundary,
    .boundary.history-ball,
    .category-list>li.boundary,
    .boundary.box-schedule__month-list,
    .box-schedule__year .boundary.past,
    .box-schedule__year .boundary.future,
    .boundary.box-schedule__year,
    .boundary.box-symbol2,
    .boundary.box-clean__title,
    .boundary.box-nodata,
    .list-learning .list-come__con--title .boundary.fraction-remote,
    .boundary.list-come__mark,
    .list-come>li.boundary,
    .drop-menu__list>li>.boundary.inside.js-drop-title,
    .boundary.title-frame,
    .boundary.cm-index-title,
    .boundary.main-banner__list,
    .main__slider-fraction .boundary.fraction-remote,
    .boundary.main-list__top,
    .boundary.main-list__bottom,
    .boundary.main-title__sub,
    .boundary.main-title,
    .main-container .boundary.quick-box__list,
    .boundary.visual__login-inner,
    .visual__login-con .boundary.menu-activity,
    .visual__login-con .boundary.menu-comment__list,
    .footer .boundary.ars-frame__txt,
    .boundary.footer__logo-list,
    .boundary.footer__link,
    .banner-list__slider .swiper-slide a.boundary,
    .boundary.menu-before__top--list,
    .header .boundary.menu-before__top,
    .header__bottom .boundary.gnb-list__txt,
    .header__top>.header__inner .lnb-right>li>.boundary.inside,
    .header__top>.header__inner .lnb-left>li.tm .inside .boundary.albums-num,
    .header__top>.header__inner .boundary.lnb-left,
    .header__top>.header__inner .boundary.lnb-right,
    .header__top>.boundary.header__inner,
    .container-inner .boundary.sidebar__title-frame,
    .container-inner .sidebar-list>li>.boundary.inside,
    .boundary.board__tab--block,
    .boundary.board__index-box,
    .boundary.board__drop-title,
    .boundary.board-banner__flex,
    .boundary.reply-box__title,
    .pagination>li>.boundary.inside,
    .boundary.member-frame--title,
    .boundary.category-frame__title,
    .boundary.detail-index-box,
    .detail-box__info .boundary.box-application,
    .boundary.info-data-box__top,
    .boundary.info-wrap,
    .boundary.info-wrap__inner,
    .boundary.popup-page__title,
    .boundary.popup-page__window,
    .boundary.btn-interval__left,
    .boundary.btn-interval__right,
    .boundary.input-icon,
    .boundary.input-icon--red,
    .boundary.input-icon--green,
    .boundary.input-button,
    .input-button a.boundary[class^=icon-],
    .form-sort .boundary[class^=btn-],
    .form-sort-triple__registration .boundary[class^=btn-],
    .form-sort-triple .boundary[class^=btn-],
    .form-sort-triple__email .boundary[class^=btn-],
    .form-sort-double .boundary[class^=btn-],
    .form-sort-double__phone .boundary[class^=btn-],
    .form-sort-single .boundary[class^=btn-],
    .boundary.flex-direction--column,
    .list-border-gap--regular .boundary.list__inner-flex--triple,
    .boundary.list-triple,
    .boundary.list-fourth,
    .boundary.list-triple-decrease,
    .boundary.list-triple--interval,
    .boundary.list-triple--interval-v2,
    .boundary.list-fourth-decrease,
    .boundary.list-fourth--interval-v2,
    .boundary.list-gallery,
    .boundary.list-tag,
    .list-definition dt.boundary,
    .list-definition dd.boundary,
    .list-table-bg>li dl dt.boundary,
    .list-table-bg>li dl dd.boundary,
    .boundary.list-map,
    .list-map>li.boundary,
    .box-middle .boundary.box-middle__top,
    .box-history>li.boundary,
    .box-history__list>li.boundary {
        padding: 16px 24px;
    }
}

@media (max-width: 767px) {

    .flex-box.boundary,
    .boundary.history-ball,
    .category-list>li.boundary,
    .boundary.box-schedule__month-list,
    .box-schedule__year .boundary.past,
    .box-schedule__year .boundary.future,
    .boundary.box-schedule__year,
    .boundary.box-symbol2,
    .boundary.box-clean__title,
    .boundary.box-nodata,
    .list-learning .list-come__con--title .boundary.fraction-remote,
    .boundary.list-come__mark,
    .list-come>li.boundary,
    .drop-menu__list>li>.boundary.inside.js-drop-title,
    .boundary.title-frame,
    .boundary.cm-index-title,
    .boundary.main-banner__list,
    .main__slider-fraction .boundary.fraction-remote,
    .boundary.main-list__top,
    .boundary.main-list__bottom,
    .boundary.main-title__sub,
    .boundary.main-title,
    .main-container .boundary.quick-box__list,
    .boundary.visual__login-inner,
    .visual__login-con .boundary.menu-activity,
    .visual__login-con .boundary.menu-comment__list,
    .footer .boundary.ars-frame__txt,
    .boundary.footer__logo-list,
    .boundary.footer__link,
    .banner-list__slider .swiper-slide a.boundary,
    .boundary.menu-before__top--list,
    .header .boundary.menu-before__top,
    .header__bottom .boundary.gnb-list__txt,
    .header__top>.header__inner .lnb-right>li>.boundary.inside,
    .header__top>.header__inner .lnb-left>li.tm .inside .boundary.albums-num,
    .header__top>.header__inner .boundary.lnb-left,
    .header__top>.header__inner .boundary.lnb-right,
    .header__top>.boundary.header__inner,
    .container-inner .boundary.sidebar__title-frame,
    .container-inner .sidebar-list>li>.boundary.inside,
    .boundary.board__tab--block,
    .boundary.board__index-box,
    .boundary.board__drop-title,
    .boundary.board-banner__flex,
    .boundary.reply-box__title,
    .pagination>li>.boundary.inside,
    .boundary.member-frame--title,
    .boundary.category-frame__title,
    .boundary.detail-index-box,
    .detail-box__info .boundary.box-application,
    .boundary.info-data-box__top,
    .boundary.info-wrap,
    .boundary.info-wrap__inner,
    .boundary.popup-page__title,
    .boundary.popup-page__window,
    .boundary.btn-interval__left,
    .boundary.btn-interval__right,
    .boundary.input-icon,
    .boundary.input-icon--red,
    .boundary.input-icon--green,
    .boundary.input-button,
    .input-button a.boundary[class^=icon-],
    .form-sort .boundary[class^=btn-],
    .form-sort-triple__registration .boundary[class^=btn-],
    .form-sort-triple .boundary[class^=btn-],
    .form-sort-triple__email .boundary[class^=btn-],
    .form-sort-double .boundary[class^=btn-],
    .form-sort-double__phone .boundary[class^=btn-],
    .form-sort-single .boundary[class^=btn-],
    .boundary.flex-direction--column,
    .list-border-gap--regular .boundary.list__inner-flex--triple,
    .boundary.list-triple,
    .boundary.list-fourth,
    .boundary.list-triple-decrease,
    .boundary.list-triple--interval,
    .boundary.list-triple--interval-v2,
    .boundary.list-fourth-decrease,
    .boundary.list-fourth--interval-v2,
    .boundary.list-gallery,
    .boundary.list-tag,
    .list-definition dt.boundary,
    .list-definition dd.boundary,
    .list-table-bg>li dl dt.boundary,
    .list-table-bg>li dl dd.boundary,
    .boundary.list-map,
    .list-map>li.boundary,
    .box-middle .boundary.box-middle__top,
    .box-history>li.boundary,
    .box-history__list>li.boundary {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px 0;
        padding: 24px;
    }
}

@media (max-width: 767px) {

    .flex-box.boundary .checked-education__btn,
    .boundary.history-ball .checked-education__btn,
    .category-list>li.boundary .checked-education__btn,
    .boundary.box-schedule__month-list .checked-education__btn,
    .box-schedule__year .boundary.past .checked-education__btn,
    .box-schedule__year .boundary.future .checked-education__btn,
    .boundary.box-schedule__year .checked-education__btn,
    .boundary.box-symbol2 .checked-education__btn,
    .boundary.box-clean__title .checked-education__btn,
    .boundary.box-nodata .checked-education__btn,
    .list-learning .list-come__con--title .boundary.fraction-remote .checked-education__btn,
    .boundary.list-come__mark .checked-education__btn,
    .list-come>li.boundary .checked-education__btn,
    .drop-menu__list>li>.boundary.inside.js-drop-title .checked-education__btn,
    .boundary.title-frame .checked-education__btn,
    .boundary.cm-index-title .checked-education__btn,
    .boundary.main-banner__list .checked-education__btn,
    .main__slider-fraction .boundary.fraction-remote .checked-education__btn,
    .boundary.main-list__top .checked-education__btn,
    .boundary.main-list__bottom .checked-education__btn,
    .boundary.main-title__sub .checked-education__btn,
    .boundary.main-title .checked-education__btn,
    .main-container .boundary.quick-box__list .checked-education__btn,
    .boundary.visual__login-inner .checked-education__btn,
    .visual__login-con .boundary.menu-activity .checked-education__btn,
    .visual__login-con .boundary.menu-comment__list .checked-education__btn,
    .footer .boundary.ars-frame__txt .checked-education__btn,
    .boundary.footer__logo-list .checked-education__btn,
    .boundary.footer__link .checked-education__btn,
    .banner-list__slider .swiper-slide a.boundary .checked-education__btn,
    .boundary.menu-before__top--list .checked-education__btn,
    .header .boundary.menu-before__top .checked-education__btn,
    .header__bottom .boundary.gnb-list__txt .checked-education__btn,
    .header__top>.header__inner .lnb-right>li>.boundary.inside .checked-education__btn,
    .header__top>.header__inner .lnb-left>li.tm .inside .boundary.albums-num .checked-education__btn,
    .header__top>.header__inner .boundary.lnb-left .checked-education__btn,
    .header__top>.header__inner .boundary.lnb-right .checked-education__btn,
    .header__top>.boundary.header__inner .checked-education__btn,
    .container-inner .boundary.sidebar__title-frame .checked-education__btn,
    .container-inner .sidebar-list>li>.boundary.inside .checked-education__btn,
    .boundary.board__tab--block .checked-education__btn,
    .boundary.board__index-box .checked-education__btn,
    .boundary.board__drop-title .checked-education__btn,
    .boundary.board-banner__flex .checked-education__btn,
    .boundary.reply-box__title .checked-education__btn,
    .pagination>li>.boundary.inside .checked-education__btn,
    .boundary.member-frame--title .checked-education__btn,
    .boundary.category-frame__title .checked-education__btn,
    .boundary.detail-index-box .checked-education__btn,
    .detail-box__info .boundary.box-application .checked-education__btn,
    .boundary.info-data-box__top .checked-education__btn,
    .boundary.info-wrap .checked-education__btn,
    .boundary.info-wrap__inner .checked-education__btn,
    .boundary.popup-page__title .checked-education__btn,
    .boundary.popup-page__window .checked-education__btn,
    .boundary.btn-interval__left .checked-education__btn,
    .boundary.btn-interval__right .checked-education__btn,
    .boundary.input-icon .checked-education__btn,
    .boundary.input-icon--red .checked-education__btn,
    .boundary.input-icon--green .checked-education__btn,
    .boundary.input-button .checked-education__btn,
    .input-button a.boundary[class^=icon-] .checked-education__btn,
    .form-sort .boundary[class^=btn-] .checked-education__btn,
    .form-sort-triple__registration .boundary[class^=btn-] .checked-education__btn,
    .form-sort-triple .boundary[class^=btn-] .checked-education__btn,
    .form-sort-triple__email .boundary[class^=btn-] .checked-education__btn,
    .form-sort-double .boundary[class^=btn-] .checked-education__btn,
    .form-sort-double__phone .boundary[class^=btn-] .checked-education__btn,
    .form-sort-single .boundary[class^=btn-] .checked-education__btn,
    .boundary.flex-direction--column .checked-education__btn,
    .list-border-gap--regular .boundary.list__inner-flex--triple .checked-education__btn,
    .boundary.list-triple .checked-education__btn,
    .boundary.list-fourth .checked-education__btn,
    .boundary.list-triple-decrease .checked-education__btn,
    .boundary.list-triple--interval .checked-education__btn,
    .boundary.list-triple--interval-v2 .checked-education__btn,
    .boundary.list-fourth-decrease .checked-education__btn,
    .boundary.list-fourth--interval-v2 .checked-education__btn,
    .boundary.list-gallery .checked-education__btn,
    .boundary.list-tag .checked-education__btn,
    .list-definition dt.boundary .checked-education__btn,
    .list-definition dd.boundary .checked-education__btn,
    .list-table-bg>li dl dt.boundary .checked-education__btn,
    .list-table-bg>li dl dd.boundary .checked-education__btn,
    .boundary.list-map .checked-education__btn,
    .list-map>li.boundary .checked-education__btn,
    .box-middle .boundary.box-middle__top .checked-education__btn,
    .box-history>li.boundary .checked-education__btn,
    .box-history__list>li.boundary .checked-education__btn {
        width: 100%;
    }
}

@media (max-width: 767px) {

    .flex-box.boundary .checked-education__btn .btn-regular-secondary--900,
    .boundary.history-ball .checked-education__btn .btn-regular-secondary--900,
    .category-list>li.boundary .checked-education__btn .btn-regular-secondary--900,
    .boundary.box-schedule__month-list .checked-education__btn .btn-regular-secondary--900,
    .box-schedule__year .boundary.past .checked-education__btn .btn-regular-secondary--900,
    .box-schedule__year .boundary.future .checked-education__btn .btn-regular-secondary--900,
    .boundary.box-schedule__year .checked-education__btn .btn-regular-secondary--900,
    .boundary.box-symbol2 .checked-education__btn .btn-regular-secondary--900,
    .boundary.box-clean__title .checked-education__btn .btn-regular-secondary--900,
    .boundary.box-nodata .checked-education__btn .btn-regular-secondary--900,
    .list-learning .list-come__con--title .boundary.fraction-remote .checked-education__btn .btn-regular-secondary--900,
    .boundary.list-come__mark .checked-education__btn .btn-regular-secondary--900,
    .list-come>li.boundary .checked-education__btn .btn-regular-secondary--900,
    .drop-menu__list>li>.boundary.inside.js-drop-title .checked-education__btn .btn-regular-secondary--900,
    .boundary.title-frame .checked-education__btn .btn-regular-secondary--900,
    .boundary.cm-index-title .checked-education__btn .btn-regular-secondary--900,
    .boundary.main-banner__list .checked-education__btn .btn-regular-secondary--900,
    .main__slider-fraction .boundary.fraction-remote .checked-education__btn .btn-regular-secondary--900,
    .boundary.main-list__top .checked-education__btn .btn-regular-secondary--900,
    .boundary.main-list__bottom .checked-education__btn .btn-regular-secondary--900,
    .boundary.main-title__sub .checked-education__btn .btn-regular-secondary--900,
    .boundary.main-title .checked-education__btn .btn-regular-secondary--900,
    .main-container .boundary.quick-box__list .checked-education__btn .btn-regular-secondary--900,
    .boundary.visual__login-inner .checked-education__btn .btn-regular-secondary--900,
    .visual__login-con .boundary.menu-activity .checked-education__btn .btn-regular-secondary--900,
    .visual__login-con .boundary.menu-comment__list .checked-education__btn .btn-regular-secondary--900,
    .footer .boundary.ars-frame__txt .checked-education__btn .btn-regular-secondary--900,
    .boundary.footer__logo-list .checked-education__btn .btn-regular-secondary--900,
    .boundary.footer__link .checked-education__btn .btn-regular-secondary--900,
    .banner-list__slider .swiper-slide a.boundary .checked-education__btn .btn-regular-secondary--900,
    .boundary.menu-before__top--list .checked-education__btn .btn-regular-secondary--900,
    .header .boundary.menu-before__top .checked-education__btn .btn-regular-secondary--900,
    .header__bottom .boundary.gnb-list__txt .checked-education__btn .btn-regular-secondary--900,
    .header__top>.header__inner .lnb-right>li>.boundary.inside .checked-education__btn .btn-regular-secondary--900,
    .header__top>.header__inner .lnb-left>li.tm .inside .boundary.albums-num .checked-education__btn .btn-regular-secondary--900,
    .header__top>.header__inner .boundary.lnb-left .checked-education__btn .btn-regular-secondary--900,
    .header__top>.header__inner .boundary.lnb-right .checked-education__btn .btn-regular-secondary--900,
    .header__top>.boundary.header__inner .checked-education__btn .btn-regular-secondary--900,
    .container-inner .boundary.sidebar__title-frame .checked-education__btn .btn-regular-secondary--900,
    .container-inner .sidebar-list>li>.boundary.inside .checked-education__btn .btn-regular-secondary--900,
    .boundary.board__tab--block .checked-education__btn .btn-regular-secondary--900,
    .boundary.board__index-box .checked-education__btn .btn-regular-secondary--900,
    .boundary.board__drop-title .checked-education__btn .btn-regular-secondary--900,
    .boundary.board-banner__flex .checked-education__btn .btn-regular-secondary--900,
    .boundary.reply-box__title .checked-education__btn .btn-regular-secondary--900,
    .pagination>li>.boundary.inside .checked-education__btn .btn-regular-secondary--900,
    .boundary.member-frame--title .checked-education__btn .btn-regular-secondary--900,
    .boundary.category-frame__title .checked-education__btn .btn-regular-secondary--900,
    .boundary.detail-index-box .checked-education__btn .btn-regular-secondary--900,
    .detail-box__info .boundary.box-application .checked-education__btn .btn-regular-secondary--900,
    .boundary.info-data-box__top .checked-education__btn .btn-regular-secondary--900,
    .boundary.info-wrap .checked-education__btn .btn-regular-secondary--900,
    .boundary.info-wrap__inner .checked-education__btn .btn-regular-secondary--900,
    .boundary.popup-page__title .checked-education__btn .btn-regular-secondary--900,
    .boundary.popup-page__window .checked-education__btn .btn-regular-secondary--900,
    .boundary.btn-interval__left .checked-education__btn .btn-regular-secondary--900,
    .boundary.btn-interval__right .checked-education__btn .btn-regular-secondary--900,
    .boundary.input-icon .checked-education__btn .btn-regular-secondary--900,
    .boundary.input-icon--red .checked-education__btn .btn-regular-secondary--900,
    .boundary.input-icon--green .checked-education__btn .btn-regular-secondary--900,
    .boundary.input-button .checked-education__btn .btn-regular-secondary--900,
    .input-button a.boundary[class^=icon-] .checked-education__btn .btn-regular-secondary--900,
    .form-sort .boundary[class^=btn-] .checked-education__btn .btn-regular-secondary--900,
    .form-sort-triple__registration .boundary[class^=btn-] .checked-education__btn .btn-regular-secondary--900,
    .form-sort-triple .boundary[class^=btn-] .checked-education__btn .btn-regular-secondary--900,
    .form-sort-triple__email .boundary[class^=btn-] .checked-education__btn .btn-regular-secondary--900,
    .form-sort-double .boundary[class^=btn-] .checked-education__btn .btn-regular-secondary--900,
    .form-sort-double__phone .boundary[class^=btn-] .checked-education__btn .btn-regular-secondary--900,
    .form-sort-single .boundary[class^=btn-] .checked-education__btn .btn-regular-secondary--900,
    .boundary.flex-direction--column .checked-education__btn .btn-regular-secondary--900,
    .list-border-gap--regular .boundary.list__inner-flex--triple .checked-education__btn .btn-regular-secondary--900,
    .boundary.list-triple .checked-education__btn .btn-regular-secondary--900,
    .boundary.list-fourth .checked-education__btn .btn-regular-secondary--900,
    .boundary.list-triple-decrease .checked-education__btn .btn-regular-secondary--900,
    .boundary.list-triple--interval .checked-education__btn .btn-regular-secondary--900,
    .boundary.list-triple--interval-v2 .checked-education__btn .btn-regular-secondary--900,
    .boundary.list-fourth-decrease .checked-education__btn .btn-regular-secondary--900,
    .boundary.list-fourth--interval-v2 .checked-education__btn .btn-regular-secondary--900,
    .boundary.list-gallery .checked-education__btn .btn-regular-secondary--900,
    .boundary.list-tag .checked-education__btn .btn-regular-secondary--900,
    .list-definition dt.boundary .checked-education__btn .btn-regular-secondary--900,
    .list-definition dd.boundary .checked-education__btn .btn-regular-secondary--900,
    .list-table-bg>li dl dt.boundary .checked-education__btn .btn-regular-secondary--900,
    .list-table-bg>li dl dd.boundary .checked-education__btn .btn-regular-secondary--900,
    .boundary.list-map .checked-education__btn .btn-regular-secondary--900,
    .list-map>li.boundary .checked-education__btn .btn-regular-secondary--900,
    .box-middle .boundary.box-middle__top .checked-education__btn .btn-regular-secondary--900,
    .box-history>li.boundary .checked-education__btn .btn-regular-secondary--900,
    .box-history__list>li.boundary .checked-education__btn .btn-regular-secondary--900 {
        min-width: 100%;
    }
}

.flex-box.ground,
.ground.history-ball,
.category-list>li.ground,
.ground.box-schedule__month-list,
.box-schedule__year .ground.past,
.box-schedule__year .ground.future,
.ground.box-schedule__year,
.ground.box-symbol2,
.ground.box-clean__title,
.ground.box-nodata,
.list-learning .list-come__con--title .ground.fraction-remote,
.ground.list-come__mark,
.list-come>li.ground,
.drop-menu__list>li>.ground.inside.js-drop-title,
.ground.title-frame,
.ground.cm-index-title,
.ground.main-banner__list,
.main__slider-fraction .ground.fraction-remote,
.ground.main-list__top,
.ground.main-list__bottom,
.ground.main-title__sub,
.ground.main-title,
.main-container .ground.quick-box__list,
.ground.visual__login-inner,
.visual__login-con .ground.menu-activity,
.visual__login-con .ground.menu-comment__list,
.footer .ground.ars-frame__txt,
.ground.footer__logo-list,
.ground.footer__link,
.banner-list__slider .swiper-slide a.ground,
.ground.menu-before__top--list,
.header .ground.menu-before__top,
.header__bottom .ground.gnb-list__txt,
.header__top>.header__inner .lnb-right>li>.ground.inside,
.header__top>.header__inner .lnb-left>li.tm .inside .ground.albums-num,
.header__top>.header__inner .ground.lnb-left,
.header__top>.header__inner .ground.lnb-right,
.header__top>.ground.header__inner,
.container-inner .ground.sidebar__title-frame,
.container-inner .sidebar-list>li>.ground.inside,
.ground.board__tab--block,
.ground.board__index-box,
.ground.board__drop-title,
.ground.board-banner__flex,
.ground.reply-box__title,
.pagination>li>.ground.inside,
.ground.member-frame--title,
.ground.category-frame__title,
.ground.detail-index-box,
.detail-box__info .ground.box-application,
.ground.info-data-box__top,
.ground.info-wrap,
.ground.info-wrap__inner,
.ground.popup-page__title,
.ground.popup-page__window,
.ground.btn-interval__left,
.ground.btn-interval__right,
.ground.input-icon,
.ground.input-icon--red,
.ground.input-icon--green,
.ground.input-button,
.input-button a.ground[class^=icon-],
.form-sort .ground[class^=btn-],
.form-sort-triple__registration .ground[class^=btn-],
.form-sort-triple .ground[class^=btn-],
.form-sort-triple__email .ground[class^=btn-],
.form-sort-double .ground[class^=btn-],
.form-sort-double__phone .ground[class^=btn-],
.form-sort-single .ground[class^=btn-],
.ground.flex-direction--column,
.list-border-gap--regular .ground.list__inner-flex--triple,
.ground.list-triple,
.ground.list-fourth,
.ground.list-triple-decrease,
.ground.list-triple--interval,
.ground.list-triple--interval-v2,
.ground.list-fourth-decrease,
.ground.list-fourth--interval-v2,
.ground.list-gallery,
.ground.list-tag,
.list-definition dt.ground,
.list-definition dd.ground,
.list-table-bg>li dl dt.ground,
.list-table-bg>li dl dd.ground,
.ground.list-map,
.list-map>li.ground,
.box-middle .ground.box-middle__top,
.box-history>li.ground,
.box-history__list>li.ground {
    gap: 0 37px;
    margin-top: 24px;
    padding: 32px;
    background-color: #fff9e6;
    border-radius: 16px;
}

@media (max-width: 1024px) {

    .flex-box.ground,
    .ground.history-ball,
    .category-list>li.ground,
    .ground.box-schedule__month-list,
    .box-schedule__year .ground.past,
    .box-schedule__year .ground.future,
    .ground.box-schedule__year,
    .ground.box-symbol2,
    .ground.box-clean__title,
    .ground.box-nodata,
    .list-learning .list-come__con--title .ground.fraction-remote,
    .ground.list-come__mark,
    .list-come>li.ground,
    .drop-menu__list>li>.ground.inside.js-drop-title,
    .ground.title-frame,
    .ground.cm-index-title,
    .ground.main-banner__list,
    .main__slider-fraction .ground.fraction-remote,
    .ground.main-list__top,
    .ground.main-list__bottom,
    .ground.main-title__sub,
    .ground.main-title,
    .main-container .ground.quick-box__list,
    .ground.visual__login-inner,
    .visual__login-con .ground.menu-activity,
    .visual__login-con .ground.menu-comment__list,
    .footer .ground.ars-frame__txt,
    .ground.footer__logo-list,
    .ground.footer__link,
    .banner-list__slider .swiper-slide a.ground,
    .ground.menu-before__top--list,
    .header .ground.menu-before__top,
    .header__bottom .ground.gnb-list__txt,
    .header__top>.header__inner .lnb-right>li>.ground.inside,
    .header__top>.header__inner .lnb-left>li.tm .inside .ground.albums-num,
    .header__top>.header__inner .ground.lnb-left,
    .header__top>.header__inner .ground.lnb-right,
    .header__top>.ground.header__inner,
    .container-inner .ground.sidebar__title-frame,
    .container-inner .sidebar-list>li>.ground.inside,
    .ground.board__tab--block,
    .ground.board__index-box,
    .ground.board__drop-title,
    .ground.board-banner__flex,
    .ground.reply-box__title,
    .pagination>li>.ground.inside,
    .ground.member-frame--title,
    .ground.category-frame__title,
    .ground.detail-index-box,
    .detail-box__info .ground.box-application,
    .ground.info-data-box__top,
    .ground.info-wrap,
    .ground.info-wrap__inner,
    .ground.popup-page__title,
    .ground.popup-page__window,
    .ground.btn-interval__left,
    .ground.btn-interval__right,
    .ground.input-icon,
    .ground.input-icon--red,
    .ground.input-icon--green,
    .ground.input-button,
    .input-button a.ground[class^=icon-],
    .form-sort .ground[class^=btn-],
    .form-sort-triple__registration .ground[class^=btn-],
    .form-sort-triple .ground[class^=btn-],
    .form-sort-triple__email .ground[class^=btn-],
    .form-sort-double .ground[class^=btn-],
    .form-sort-double__phone .ground[class^=btn-],
    .form-sort-single .ground[class^=btn-],
    .ground.flex-direction--column,
    .list-border-gap--regular .ground.list__inner-flex--triple,
    .ground.list-triple,
    .ground.list-fourth,
    .ground.list-triple-decrease,
    .ground.list-triple--interval,
    .ground.list-triple--interval-v2,
    .ground.list-fourth-decrease,
    .ground.list-fourth--interval-v2,
    .ground.list-gallery,
    .ground.list-tag,
    .list-definition dt.ground,
    .list-definition dd.ground,
    .list-table-bg>li dl dt.ground,
    .list-table-bg>li dl dd.ground,
    .ground.list-map,
    .list-map>li.ground,
    .box-middle .ground.box-middle__top,
    .box-history>li.ground,
    .box-history__list>li.ground {
        margin-top: 16px;
        padding: 24px;
    }
}

@media (max-width: 767px) {

    .flex-box.ground,
    .ground.history-ball,
    .category-list>li.ground,
    .ground.box-schedule__month-list,
    .box-schedule__year .ground.past,
    .box-schedule__year .ground.future,
    .ground.box-schedule__year,
    .ground.box-symbol2,
    .ground.box-clean__title,
    .ground.box-nodata,
    .list-learning .list-come__con--title .ground.fraction-remote,
    .ground.list-come__mark,
    .list-come>li.ground,
    .drop-menu__list>li>.ground.inside.js-drop-title,
    .ground.title-frame,
    .ground.cm-index-title,
    .ground.main-banner__list,
    .main__slider-fraction .ground.fraction-remote,
    .ground.main-list__top,
    .ground.main-list__bottom,
    .ground.main-title__sub,
    .ground.main-title,
    .main-container .ground.quick-box__list,
    .ground.visual__login-inner,
    .visual__login-con .ground.menu-activity,
    .visual__login-con .ground.menu-comment__list,
    .footer .ground.ars-frame__txt,
    .ground.footer__logo-list,
    .ground.footer__link,
    .banner-list__slider .swiper-slide a.ground,
    .ground.menu-before__top--list,
    .header .ground.menu-before__top,
    .header__bottom .ground.gnb-list__txt,
    .header__top>.header__inner .lnb-right>li>.ground.inside,
    .header__top>.header__inner .lnb-left>li.tm .inside .ground.albums-num,
    .header__top>.header__inner .ground.lnb-left,
    .header__top>.header__inner .ground.lnb-right,
    .header__top>.ground.header__inner,
    .container-inner .ground.sidebar__title-frame,
    .container-inner .sidebar-list>li>.ground.inside,
    .ground.board__tab--block,
    .ground.board__index-box,
    .ground.board__drop-title,
    .ground.board-banner__flex,
    .ground.reply-box__title,
    .pagination>li>.ground.inside,
    .ground.member-frame--title,
    .ground.category-frame__title,
    .ground.detail-index-box,
    .detail-box__info .ground.box-application,
    .ground.info-data-box__top,
    .ground.info-wrap,
    .ground.info-wrap__inner,
    .ground.popup-page__title,
    .ground.popup-page__window,
    .ground.btn-interval__left,
    .ground.btn-interval__right,
    .ground.input-icon,
    .ground.input-icon--red,
    .ground.input-icon--green,
    .ground.input-button,
    .input-button a.ground[class^=icon-],
    .form-sort .ground[class^=btn-],
    .form-sort-triple__registration .ground[class^=btn-],
    .form-sort-triple .ground[class^=btn-],
    .form-sort-triple__email .ground[class^=btn-],
    .form-sort-double .ground[class^=btn-],
    .form-sort-double__phone .ground[class^=btn-],
    .form-sort-single .ground[class^=btn-],
    .ground.flex-direction--column,
    .list-border-gap--regular .ground.list__inner-flex--triple,
    .ground.list-triple,
    .ground.list-fourth,
    .ground.list-triple-decrease,
    .ground.list-triple--interval,
    .ground.list-triple--interval-v2,
    .ground.list-fourth-decrease,
    .ground.list-fourth--interval-v2,
    .ground.list-gallery,
    .ground.list-tag,
    .list-definition dt.ground,
    .list-definition dd.ground,
    .list-table-bg>li dl dt.ground,
    .list-table-bg>li dl dd.ground,
    .ground.list-map,
    .list-map>li.ground,
    .box-middle .ground.box-middle__top,
    .box-history>li.ground,
    .box-history__list>li.ground {
        flex-direction: column;
        gap: 16px 0;
        padding: 24px;
    }
}

.flex-box.ground .ground-left__point,
.ground.history-ball .ground-left__point,
.category-list>li.ground .ground-left__point,
.ground.box-schedule__month-list .ground-left__point,
.box-schedule__year .ground.past .ground-left__point,
.box-schedule__year .ground.future .ground-left__point,
.ground.box-schedule__year .ground-left__point,
.ground.box-symbol2 .ground-left__point,
.ground.box-clean__title .ground-left__point,
.ground.box-nodata .ground-left__point,
.list-learning .list-come__con--title .ground.fraction-remote .ground-left__point,
.ground.list-come__mark .ground-left__point,
.list-come>li.ground .ground-left__point,
.drop-menu__list>li>.ground.inside.js-drop-title .ground-left__point,
.ground.title-frame .ground-left__point,
.ground.cm-index-title .ground-left__point,
.ground.main-banner__list .ground-left__point,
.main__slider-fraction .ground.fraction-remote .ground-left__point,
.ground.main-list__top .ground-left__point,
.ground.main-list__bottom .ground-left__point,
.ground.main-title__sub .ground-left__point,
.ground.main-title .ground-left__point,
.main-container .ground.quick-box__list .ground-left__point,
.ground.visual__login-inner .ground-left__point,
.visual__login-con .ground.menu-activity .ground-left__point,
.visual__login-con .ground.menu-comment__list .ground-left__point,
.footer .ground.ars-frame__txt .ground-left__point,
.ground.footer__logo-list .ground-left__point,
.ground.footer__link .ground-left__point,
.banner-list__slider .swiper-slide a.ground .ground-left__point,
.ground.menu-before__top--list .ground-left__point,
.header .ground.menu-before__top .ground-left__point,
.header__bottom .ground.gnb-list__txt .ground-left__point,
.header__top>.header__inner .lnb-right>li>.ground.inside .ground-left__point,
.header__top>.header__inner .lnb-left>li.tm .inside .ground.albums-num .ground-left__point,
.header__top>.header__inner .ground.lnb-left .ground-left__point,
.header__top>.header__inner .ground.lnb-right .ground-left__point,
.header__top>.ground.header__inner .ground-left__point,
.container-inner .ground.sidebar__title-frame .ground-left__point,
.container-inner .sidebar-list>li>.ground.inside .ground-left__point,
.ground.board__tab--block .ground-left__point,
.ground.board__index-box .ground-left__point,
.ground.board__drop-title .ground-left__point,
.ground.board-banner__flex .ground-left__point,
.ground.reply-box__title .ground-left__point,
.pagination>li>.ground.inside .ground-left__point,
.ground.member-frame--title .ground-left__point,
.ground.category-frame__title .ground-left__point,
.ground.detail-index-box .ground-left__point,
.detail-box__info .ground.box-application .ground-left__point,
.ground.info-data-box__top .ground-left__point,
.ground.info-wrap .ground-left__point,
.ground.info-wrap__inner .ground-left__point,
.ground.popup-page__title .ground-left__point,
.ground.popup-page__window .ground-left__point,
.ground.btn-interval__left .ground-left__point,
.ground.btn-interval__right .ground-left__point,
.ground.input-icon .ground-left__point,
.ground.input-icon--red .ground-left__point,
.ground.input-icon--green .ground-left__point,
.ground.input-button .ground-left__point,
.input-button a.ground[class^=icon-] .ground-left__point,
.form-sort .ground[class^=btn-] .ground-left__point,
.form-sort-triple__registration .ground[class^=btn-] .ground-left__point,
.form-sort-triple .ground[class^=btn-] .ground-left__point,
.form-sort-triple__email .ground[class^=btn-] .ground-left__point,
.form-sort-double .ground[class^=btn-] .ground-left__point,
.form-sort-double__phone .ground[class^=btn-] .ground-left__point,
.form-sort-single .ground[class^=btn-] .ground-left__point,
.ground.flex-direction--column .ground-left__point,
.list-border-gap--regular .ground.list__inner-flex--triple .ground-left__point,
.ground.list-triple .ground-left__point,
.ground.list-fourth .ground-left__point,
.ground.list-triple-decrease .ground-left__point,
.ground.list-triple--interval .ground-left__point,
.ground.list-triple--interval-v2 .ground-left__point,
.ground.list-fourth-decrease .ground-left__point,
.ground.list-fourth--interval-v2 .ground-left__point,
.ground.list-gallery .ground-left__point,
.ground.list-tag .ground-left__point,
.list-definition dt.ground .ground-left__point,
.list-definition dd.ground .ground-left__point,
.list-table-bg>li dl dt.ground .ground-left__point,
.list-table-bg>li dl dd.ground .ground-left__point,
.ground.list-map .ground-left__point,
.list-map>li.ground .ground-left__point,
.box-middle .ground.box-middle__top .ground-left__point,
.box-history>li.ground .ground-left__point,
.box-history__list>li.ground .ground-left__point {
    color: #000;
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1024px) {

    .flex-box.ground .ground-left__point,
    .ground.history-ball .ground-left__point,
    .category-list>li.ground .ground-left__point,
    .ground.box-schedule__month-list .ground-left__point,
    .box-schedule__year .ground.past .ground-left__point,
    .box-schedule__year .ground.future .ground-left__point,
    .ground.box-schedule__year .ground-left__point,
    .ground.box-symbol2 .ground-left__point,
    .ground.box-clean__title .ground-left__point,
    .ground.box-nodata .ground-left__point,
    .list-learning .list-come__con--title .ground.fraction-remote .ground-left__point,
    .ground.list-come__mark .ground-left__point,
    .list-come>li.ground .ground-left__point,
    .drop-menu__list>li>.ground.inside.js-drop-title .ground-left__point,
    .ground.title-frame .ground-left__point,
    .ground.cm-index-title .ground-left__point,
    .ground.main-banner__list .ground-left__point,
    .main__slider-fraction .ground.fraction-remote .ground-left__point,
    .ground.main-list__top .ground-left__point,
    .ground.main-list__bottom .ground-left__point,
    .ground.main-title__sub .ground-left__point,
    .ground.main-title .ground-left__point,
    .main-container .ground.quick-box__list .ground-left__point,
    .ground.visual__login-inner .ground-left__point,
    .visual__login-con .ground.menu-activity .ground-left__point,
    .visual__login-con .ground.menu-comment__list .ground-left__point,
    .footer .ground.ars-frame__txt .ground-left__point,
    .ground.footer__logo-list .ground-left__point,
    .ground.footer__link .ground-left__point,
    .banner-list__slider .swiper-slide a.ground .ground-left__point,
    .ground.menu-before__top--list .ground-left__point,
    .header .ground.menu-before__top .ground-left__point,
    .header__bottom .ground.gnb-list__txt .ground-left__point,
    .header__top>.header__inner .lnb-right>li>.ground.inside .ground-left__point,
    .header__top>.header__inner .lnb-left>li.tm .inside .ground.albums-num .ground-left__point,
    .header__top>.header__inner .ground.lnb-left .ground-left__point,
    .header__top>.header__inner .ground.lnb-right .ground-left__point,
    .header__top>.ground.header__inner .ground-left__point,
    .container-inner .ground.sidebar__title-frame .ground-left__point,
    .container-inner .sidebar-list>li>.ground.inside .ground-left__point,
    .ground.board__tab--block .ground-left__point,
    .ground.board__index-box .ground-left__point,
    .ground.board__drop-title .ground-left__point,
    .ground.board-banner__flex .ground-left__point,
    .ground.reply-box__title .ground-left__point,
    .pagination>li>.ground.inside .ground-left__point,
    .ground.member-frame--title .ground-left__point,
    .ground.category-frame__title .ground-left__point,
    .ground.detail-index-box .ground-left__point,
    .detail-box__info .ground.box-application .ground-left__point,
    .ground.info-data-box__top .ground-left__point,
    .ground.info-wrap .ground-left__point,
    .ground.info-wrap__inner .ground-left__point,
    .ground.popup-page__title .ground-left__point,
    .ground.popup-page__window .ground-left__point,
    .ground.btn-interval__left .ground-left__point,
    .ground.btn-interval__right .ground-left__point,
    .ground.input-icon .ground-left__point,
    .ground.input-icon--red .ground-left__point,
    .ground.input-icon--green .ground-left__point,
    .ground.input-button .ground-left__point,
    .input-button a.ground[class^=icon-] .ground-left__point,
    .form-sort .ground[class^=btn-] .ground-left__point,
    .form-sort-triple__registration .ground[class^=btn-] .ground-left__point,
    .form-sort-triple .ground[class^=btn-] .ground-left__point,
    .form-sort-triple__email .ground[class^=btn-] .ground-left__point,
    .form-sort-double .ground[class^=btn-] .ground-left__point,
    .form-sort-double__phone .ground[class^=btn-] .ground-left__point,
    .form-sort-single .ground[class^=btn-] .ground-left__point,
    .ground.flex-direction--column .ground-left__point,
    .list-border-gap--regular .ground.list__inner-flex--triple .ground-left__point,
    .ground.list-triple .ground-left__point,
    .ground.list-fourth .ground-left__point,
    .ground.list-triple-decrease .ground-left__point,
    .ground.list-triple--interval .ground-left__point,
    .ground.list-triple--interval-v2 .ground-left__point,
    .ground.list-fourth-decrease .ground-left__point,
    .ground.list-fourth--interval-v2 .ground-left__point,
    .ground.list-gallery .ground-left__point,
    .ground.list-tag .ground-left__point,
    .list-definition dt.ground .ground-left__point,
    .list-definition dd.ground .ground-left__point,
    .list-table-bg>li dl dt.ground .ground-left__point,
    .list-table-bg>li dl dd.ground .ground-left__point,
    .ground.list-map .ground-left__point,
    .list-map>li.ground .ground-left__point,
    .box-middle .ground.box-middle__top .ground-left__point,
    .box-history>li.ground .ground-left__point,
    .box-history__list>li.ground .ground-left__point {
        font-size: 14px;
    }
}

.flex-box.ground .ground-left__txt,
.ground.history-ball .ground-left__txt,
.category-list>li.ground .ground-left__txt,
.ground.box-schedule__month-list .ground-left__txt,
.box-schedule__year .ground.past .ground-left__txt,
.box-schedule__year .ground.future .ground-left__txt,
.ground.box-schedule__year .ground-left__txt,
.ground.box-symbol2 .ground-left__txt,
.ground.box-clean__title .ground-left__txt,
.ground.box-nodata .ground-left__txt,
.list-learning .list-come__con--title .ground.fraction-remote .ground-left__txt,
.ground.list-come__mark .ground-left__txt,
.list-come>li.ground .ground-left__txt,
.drop-menu__list>li>.ground.inside.js-drop-title .ground-left__txt,
.ground.title-frame .ground-left__txt,
.ground.cm-index-title .ground-left__txt,
.ground.main-banner__list .ground-left__txt,
.main__slider-fraction .ground.fraction-remote .ground-left__txt,
.ground.main-list__top .ground-left__txt,
.ground.main-list__bottom .ground-left__txt,
.ground.main-title__sub .ground-left__txt,
.ground.main-title .ground-left__txt,
.main-container .ground.quick-box__list .ground-left__txt,
.ground.visual__login-inner .ground-left__txt,
.visual__login-con .ground.menu-activity .ground-left__txt,
.visual__login-con .ground.menu-comment__list .ground-left__txt,
.footer .ground.ars-frame__txt .ground-left__txt,
.ground.footer__logo-list .ground-left__txt,
.ground.footer__link .ground-left__txt,
.banner-list__slider .swiper-slide a.ground .ground-left__txt,
.ground.menu-before__top--list .ground-left__txt,
.header .ground.menu-before__top .ground-left__txt,
.header__bottom .ground.gnb-list__txt .ground-left__txt,
.header__top>.header__inner .lnb-right>li>.ground.inside .ground-left__txt,
.header__top>.header__inner .lnb-left>li.tm .inside .ground.albums-num .ground-left__txt,
.header__top>.header__inner .ground.lnb-left .ground-left__txt,
.header__top>.header__inner .ground.lnb-right .ground-left__txt,
.header__top>.ground.header__inner .ground-left__txt,
.container-inner .ground.sidebar__title-frame .ground-left__txt,
.container-inner .sidebar-list>li>.ground.inside .ground-left__txt,
.ground.board__tab--block .ground-left__txt,
.ground.board__index-box .ground-left__txt,
.ground.board__drop-title .ground-left__txt,
.ground.board-banner__flex .ground-left__txt,
.ground.reply-box__title .ground-left__txt,
.pagination>li>.ground.inside .ground-left__txt,
.ground.member-frame--title .ground-left__txt,
.ground.category-frame__title .ground-left__txt,
.ground.detail-index-box .ground-left__txt,
.detail-box__info .ground.box-application .ground-left__txt,
.ground.info-data-box__top .ground-left__txt,
.ground.info-wrap .ground-left__txt,
.ground.info-wrap__inner .ground-left__txt,
.ground.popup-page__title .ground-left__txt,
.ground.popup-page__window .ground-left__txt,
.ground.btn-interval__left .ground-left__txt,
.ground.btn-interval__right .ground-left__txt,
.ground.input-icon .ground-left__txt,
.ground.input-icon--red .ground-left__txt,
.ground.input-icon--green .ground-left__txt,
.ground.input-button .ground-left__txt,
.input-button a.ground[class^=icon-] .ground-left__txt,
.form-sort .ground[class^=btn-] .ground-left__txt,
.form-sort-triple__registration .ground[class^=btn-] .ground-left__txt,
.form-sort-triple .ground[class^=btn-] .ground-left__txt,
.form-sort-triple__email .ground[class^=btn-] .ground-left__txt,
.form-sort-double .ground[class^=btn-] .ground-left__txt,
.form-sort-double__phone .ground[class^=btn-] .ground-left__txt,
.form-sort-single .ground[class^=btn-] .ground-left__txt,
.ground.flex-direction--column .ground-left__txt,
.list-border-gap--regular .ground.list__inner-flex--triple .ground-left__txt,
.ground.list-triple .ground-left__txt,
.ground.list-fourth .ground-left__txt,
.ground.list-triple-decrease .ground-left__txt,
.ground.list-triple--interval .ground-left__txt,
.ground.list-triple--interval-v2 .ground-left__txt,
.ground.list-fourth-decrease .ground-left__txt,
.ground.list-fourth--interval-v2 .ground-left__txt,
.ground.list-gallery .ground-left__txt,
.ground.list-tag .ground-left__txt,
.list-definition dt.ground .ground-left__txt,
.list-definition dd.ground .ground-left__txt,
.list-table-bg>li dl dt.ground .ground-left__txt,
.list-table-bg>li dl dd.ground .ground-left__txt,
.ground.list-map .ground-left__txt,
.list-map>li.ground .ground-left__txt,
.box-middle .ground.box-middle__top .ground-left__txt,
.box-history>li.ground .ground-left__txt,
.box-history__list>li.ground .ground-left__txt {
    padding-top: 8px;
    color: #616161;
    font-size: 14px;
}

@media (max-width: 1024px) {

    .flex-box.ground .ground-left__txt,
    .ground.history-ball .ground-left__txt,
    .category-list>li.ground .ground-left__txt,
    .ground.box-schedule__month-list .ground-left__txt,
    .box-schedule__year .ground.past .ground-left__txt,
    .box-schedule__year .ground.future .ground-left__txt,
    .ground.box-schedule__year .ground-left__txt,
    .ground.box-symbol2 .ground-left__txt,
    .ground.box-clean__title .ground-left__txt,
    .ground.box-nodata .ground-left__txt,
    .list-learning .list-come__con--title .ground.fraction-remote .ground-left__txt,
    .ground.list-come__mark .ground-left__txt,
    .list-come>li.ground .ground-left__txt,
    .drop-menu__list>li>.ground.inside.js-drop-title .ground-left__txt,
    .ground.title-frame .ground-left__txt,
    .ground.cm-index-title .ground-left__txt,
    .ground.main-banner__list .ground-left__txt,
    .main__slider-fraction .ground.fraction-remote .ground-left__txt,
    .ground.main-list__top .ground-left__txt,
    .ground.main-list__bottom .ground-left__txt,
    .ground.main-title__sub .ground-left__txt,
    .ground.main-title .ground-left__txt,
    .main-container .ground.quick-box__list .ground-left__txt,
    .ground.visual__login-inner .ground-left__txt,
    .visual__login-con .ground.menu-activity .ground-left__txt,
    .visual__login-con .ground.menu-comment__list .ground-left__txt,
    .footer .ground.ars-frame__txt .ground-left__txt,
    .ground.footer__logo-list .ground-left__txt,
    .ground.footer__link .ground-left__txt,
    .banner-list__slider .swiper-slide a.ground .ground-left__txt,
    .ground.menu-before__top--list .ground-left__txt,
    .header .ground.menu-before__top .ground-left__txt,
    .header__bottom .ground.gnb-list__txt .ground-left__txt,
    .header__top>.header__inner .lnb-right>li>.ground.inside .ground-left__txt,
    .header__top>.header__inner .lnb-left>li.tm .inside .ground.albums-num .ground-left__txt,
    .header__top>.header__inner .ground.lnb-left .ground-left__txt,
    .header__top>.header__inner .ground.lnb-right .ground-left__txt,
    .header__top>.ground.header__inner .ground-left__txt,
    .container-inner .ground.sidebar__title-frame .ground-left__txt,
    .container-inner .sidebar-list>li>.ground.inside .ground-left__txt,
    .ground.board__tab--block .ground-left__txt,
    .ground.board__index-box .ground-left__txt,
    .ground.board__drop-title .ground-left__txt,
    .ground.board-banner__flex .ground-left__txt,
    .ground.reply-box__title .ground-left__txt,
    .pagination>li>.ground.inside .ground-left__txt,
    .ground.member-frame--title .ground-left__txt,
    .ground.category-frame__title .ground-left__txt,
    .ground.detail-index-box .ground-left__txt,
    .detail-box__info .ground.box-application .ground-left__txt,
    .ground.info-data-box__top .ground-left__txt,
    .ground.info-wrap .ground-left__txt,
    .ground.info-wrap__inner .ground-left__txt,
    .ground.popup-page__title .ground-left__txt,
    .ground.popup-page__window .ground-left__txt,
    .ground.btn-interval__left .ground-left__txt,
    .ground.btn-interval__right .ground-left__txt,
    .ground.input-icon .ground-left__txt,
    .ground.input-icon--red .ground-left__txt,
    .ground.input-icon--green .ground-left__txt,
    .ground.input-button .ground-left__txt,
    .input-button a.ground[class^=icon-] .ground-left__txt,
    .form-sort .ground[class^=btn-] .ground-left__txt,
    .form-sort-triple__registration .ground[class^=btn-] .ground-left__txt,
    .form-sort-triple .ground[class^=btn-] .ground-left__txt,
    .form-sort-triple__email .ground[class^=btn-] .ground-left__txt,
    .form-sort-double .ground[class^=btn-] .ground-left__txt,
    .form-sort-double__phone .ground[class^=btn-] .ground-left__txt,
    .form-sort-single .ground[class^=btn-] .ground-left__txt,
    .ground.flex-direction--column .ground-left__txt,
    .list-border-gap--regular .ground.list__inner-flex--triple .ground-left__txt,
    .ground.list-triple .ground-left__txt,
    .ground.list-fourth .ground-left__txt,
    .ground.list-triple-decrease .ground-left__txt,
    .ground.list-triple--interval .ground-left__txt,
    .ground.list-triple--interval-v2 .ground-left__txt,
    .ground.list-fourth-decrease .ground-left__txt,
    .ground.list-fourth--interval-v2 .ground-left__txt,
    .ground.list-gallery .ground-left__txt,
    .ground.list-tag .ground-left__txt,
    .list-definition dt.ground .ground-left__txt,
    .list-definition dd.ground .ground-left__txt,
    .list-table-bg>li dl dt.ground .ground-left__txt,
    .list-table-bg>li dl dd.ground .ground-left__txt,
    .ground.list-map .ground-left__txt,
    .list-map>li.ground .ground-left__txt,
    .box-middle .ground.box-middle__top .ground-left__txt,
    .box-history>li.ground .ground-left__txt,
    .box-history__list>li.ground .ground-left__txt {
        padding-top: 4px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {

    .flex-box.ground .checked-education__btn,
    .ground.history-ball .checked-education__btn,
    .category-list>li.ground .checked-education__btn,
    .ground.box-schedule__month-list .checked-education__btn,
    .box-schedule__year .ground.past .checked-education__btn,
    .box-schedule__year .ground.future .checked-education__btn,
    .ground.box-schedule__year .checked-education__btn,
    .ground.box-symbol2 .checked-education__btn,
    .ground.box-clean__title .checked-education__btn,
    .ground.box-nodata .checked-education__btn,
    .list-learning .list-come__con--title .ground.fraction-remote .checked-education__btn,
    .ground.list-come__mark .checked-education__btn,
    .list-come>li.ground .checked-education__btn,
    .drop-menu__list>li>.ground.inside.js-drop-title .checked-education__btn,
    .ground.title-frame .checked-education__btn,
    .ground.cm-index-title .checked-education__btn,
    .ground.main-banner__list .checked-education__btn,
    .main__slider-fraction .ground.fraction-remote .checked-education__btn,
    .ground.main-list__top .checked-education__btn,
    .ground.main-list__bottom .checked-education__btn,
    .ground.main-title__sub .checked-education__btn,
    .ground.main-title .checked-education__btn,
    .main-container .ground.quick-box__list .checked-education__btn,
    .ground.visual__login-inner .checked-education__btn,
    .visual__login-con .ground.menu-activity .checked-education__btn,
    .visual__login-con .ground.menu-comment__list .checked-education__btn,
    .footer .ground.ars-frame__txt .checked-education__btn,
    .ground.footer__logo-list .checked-education__btn,
    .ground.footer__link .checked-education__btn,
    .banner-list__slider .swiper-slide a.ground .checked-education__btn,
    .ground.menu-before__top--list .checked-education__btn,
    .header .ground.menu-before__top .checked-education__btn,
    .header__bottom .ground.gnb-list__txt .checked-education__btn,
    .header__top>.header__inner .lnb-right>li>.ground.inside .checked-education__btn,
    .header__top>.header__inner .lnb-left>li.tm .inside .ground.albums-num .checked-education__btn,
    .header__top>.header__inner .ground.lnb-left .checked-education__btn,
    .header__top>.header__inner .ground.lnb-right .checked-education__btn,
    .header__top>.ground.header__inner .checked-education__btn,
    .container-inner .ground.sidebar__title-frame .checked-education__btn,
    .container-inner .sidebar-list>li>.ground.inside .checked-education__btn,
    .ground.board__tab--block .checked-education__btn,
    .ground.board__index-box .checked-education__btn,
    .ground.board__drop-title .checked-education__btn,
    .ground.board-banner__flex .checked-education__btn,
    .ground.reply-box__title .checked-education__btn,
    .pagination>li>.ground.inside .checked-education__btn,
    .ground.member-frame--title .checked-education__btn,
    .ground.category-frame__title .checked-education__btn,
    .ground.detail-index-box .checked-education__btn,
    .detail-box__info .ground.box-application .checked-education__btn,
    .ground.info-data-box__top .checked-education__btn,
    .ground.info-wrap .checked-education__btn,
    .ground.info-wrap__inner .checked-education__btn,
    .ground.popup-page__title .checked-education__btn,
    .ground.popup-page__window .checked-education__btn,
    .ground.btn-interval__left .checked-education__btn,
    .ground.btn-interval__right .checked-education__btn,
    .ground.input-icon .checked-education__btn,
    .ground.input-icon--red .checked-education__btn,
    .ground.input-icon--green .checked-education__btn,
    .ground.input-button .checked-education__btn,
    .input-button a.ground[class^=icon-] .checked-education__btn,
    .form-sort .ground[class^=btn-] .checked-education__btn,
    .form-sort-triple__registration .ground[class^=btn-] .checked-education__btn,
    .form-sort-triple .ground[class^=btn-] .checked-education__btn,
    .form-sort-triple__email .ground[class^=btn-] .checked-education__btn,
    .form-sort-double .ground[class^=btn-] .checked-education__btn,
    .form-sort-double__phone .ground[class^=btn-] .checked-education__btn,
    .form-sort-single .ground[class^=btn-] .checked-education__btn,
    .ground.flex-direction--column .checked-education__btn,
    .list-border-gap--regular .ground.list__inner-flex--triple .checked-education__btn,
    .ground.list-triple .checked-education__btn,
    .ground.list-fourth .checked-education__btn,
    .ground.list-triple-decrease .checked-education__btn,
    .ground.list-triple--interval .checked-education__btn,
    .ground.list-triple--interval-v2 .checked-education__btn,
    .ground.list-fourth-decrease .checked-education__btn,
    .ground.list-fourth--interval-v2 .checked-education__btn,
    .ground.list-gallery .checked-education__btn,
    .ground.list-tag .checked-education__btn,
    .list-definition dt.ground .checked-education__btn,
    .list-definition dd.ground .checked-education__btn,
    .list-table-bg>li dl dt.ground .checked-education__btn,
    .list-table-bg>li dl dd.ground .checked-education__btn,
    .ground.list-map .checked-education__btn,
    .list-map>li.ground .checked-education__btn,
    .box-middle .ground.box-middle__top .checked-education__btn,
    .box-history>li.ground .checked-education__btn,
    .box-history__list>li.ground .checked-education__btn {
        width: 100%;
    }
}

@media (max-width: 767px) {

    .flex-box.ground .checked-education__btn .btn-regular-secondary--900,
    .ground.history-ball .checked-education__btn .btn-regular-secondary--900,
    .category-list>li.ground .checked-education__btn .btn-regular-secondary--900,
    .ground.box-schedule__month-list .checked-education__btn .btn-regular-secondary--900,
    .box-schedule__year .ground.past .checked-education__btn .btn-regular-secondary--900,
    .box-schedule__year .ground.future .checked-education__btn .btn-regular-secondary--900,
    .ground.box-schedule__year .checked-education__btn .btn-regular-secondary--900,
    .ground.box-symbol2 .checked-education__btn .btn-regular-secondary--900,
    .ground.box-clean__title .checked-education__btn .btn-regular-secondary--900,
    .ground.box-nodata .checked-education__btn .btn-regular-secondary--900,
    .list-learning .list-come__con--title .ground.fraction-remote .checked-education__btn .btn-regular-secondary--900,
    .ground.list-come__mark .checked-education__btn .btn-regular-secondary--900,
    .list-come>li.ground .checked-education__btn .btn-regular-secondary--900,
    .drop-menu__list>li>.ground.inside.js-drop-title .checked-education__btn .btn-regular-secondary--900,
    .ground.title-frame .checked-education__btn .btn-regular-secondary--900,
    .ground.cm-index-title .checked-education__btn .btn-regular-secondary--900,
    .ground.main-banner__list .checked-education__btn .btn-regular-secondary--900,
    .main__slider-fraction .ground.fraction-remote .checked-education__btn .btn-regular-secondary--900,
    .ground.main-list__top .checked-education__btn .btn-regular-secondary--900,
    .ground.main-list__bottom .checked-education__btn .btn-regular-secondary--900,
    .ground.main-title__sub .checked-education__btn .btn-regular-secondary--900,
    .ground.main-title .checked-education__btn .btn-regular-secondary--900,
    .main-container .ground.quick-box__list .checked-education__btn .btn-regular-secondary--900,
    .ground.visual__login-inner .checked-education__btn .btn-regular-secondary--900,
    .visual__login-con .ground.menu-activity .checked-education__btn .btn-regular-secondary--900,
    .visual__login-con .ground.menu-comment__list .checked-education__btn .btn-regular-secondary--900,
    .footer .ground.ars-frame__txt .checked-education__btn .btn-regular-secondary--900,
    .ground.footer__logo-list .checked-education__btn .btn-regular-secondary--900,
    .ground.footer__link .checked-education__btn .btn-regular-secondary--900,
    .banner-list__slider .swiper-slide a.ground .checked-education__btn .btn-regular-secondary--900,
    .ground.menu-before__top--list .checked-education__btn .btn-regular-secondary--900,
    .header .ground.menu-before__top .checked-education__btn .btn-regular-secondary--900,
    .header__bottom .ground.gnb-list__txt .checked-education__btn .btn-regular-secondary--900,
    .header__top>.header__inner .lnb-right>li>.ground.inside .checked-education__btn .btn-regular-secondary--900,
    .header__top>.header__inner .lnb-left>li.tm .inside .ground.albums-num .checked-education__btn .btn-regular-secondary--900,
    .header__top>.header__inner .ground.lnb-left .checked-education__btn .btn-regular-secondary--900,
    .header__top>.header__inner .ground.lnb-right .checked-education__btn .btn-regular-secondary--900,
    .header__top>.ground.header__inner .checked-education__btn .btn-regular-secondary--900,
    .container-inner .ground.sidebar__title-frame .checked-education__btn .btn-regular-secondary--900,
    .container-inner .sidebar-list>li>.ground.inside .checked-education__btn .btn-regular-secondary--900,
    .ground.board__tab--block .checked-education__btn .btn-regular-secondary--900,
    .ground.board__index-box .checked-education__btn .btn-regular-secondary--900,
    .ground.board__drop-title .checked-education__btn .btn-regular-secondary--900,
    .ground.board-banner__flex .checked-education__btn .btn-regular-secondary--900,
    .ground.reply-box__title .checked-education__btn .btn-regular-secondary--900,
    .pagination>li>.ground.inside .checked-education__btn .btn-regular-secondary--900,
    .ground.member-frame--title .checked-education__btn .btn-regular-secondary--900,
    .ground.category-frame__title .checked-education__btn .btn-regular-secondary--900,
    .ground.detail-index-box .checked-education__btn .btn-regular-secondary--900,
    .detail-box__info .ground.box-application .checked-education__btn .btn-regular-secondary--900,
    .ground.info-data-box__top .checked-education__btn .btn-regular-secondary--900,
    .ground.info-wrap .checked-education__btn .btn-regular-secondary--900,
    .ground.info-wrap__inner .checked-education__btn .btn-regular-secondary--900,
    .ground.popup-page__title .checked-education__btn .btn-regular-secondary--900,
    .ground.popup-page__window .checked-education__btn .btn-regular-secondary--900,
    .ground.btn-interval__left .checked-education__btn .btn-regular-secondary--900,
    .ground.btn-interval__right .checked-education__btn .btn-regular-secondary--900,
    .ground.input-icon .checked-education__btn .btn-regular-secondary--900,
    .ground.input-icon--red .checked-education__btn .btn-regular-secondary--900,
    .ground.input-icon--green .checked-education__btn .btn-regular-secondary--900,
    .ground.input-button .checked-education__btn .btn-regular-secondary--900,
    .input-button a.ground[class^=icon-] .checked-education__btn .btn-regular-secondary--900,
    .form-sort .ground[class^=btn-] .checked-education__btn .btn-regular-secondary--900,
    .form-sort-triple__registration .ground[class^=btn-] .checked-education__btn .btn-regular-secondary--900,
    .form-sort-triple .ground[class^=btn-] .checked-education__btn .btn-regular-secondary--900,
    .form-sort-triple__email .ground[class^=btn-] .checked-education__btn .btn-regular-secondary--900,
    .form-sort-double .ground[class^=btn-] .checked-education__btn .btn-regular-secondary--900,
    .form-sort-double__phone .ground[class^=btn-] .checked-education__btn .btn-regular-secondary--900,
    .form-sort-single .ground[class^=btn-] .checked-education__btn .btn-regular-secondary--900,
    .ground.flex-direction--column .checked-education__btn .btn-regular-secondary--900,
    .list-border-gap--regular .ground.list__inner-flex--triple .checked-education__btn .btn-regular-secondary--900,
    .ground.list-triple .checked-education__btn .btn-regular-secondary--900,
    .ground.list-fourth .checked-education__btn .btn-regular-secondary--900,
    .ground.list-triple-decrease .checked-education__btn .btn-regular-secondary--900,
    .ground.list-triple--interval .checked-education__btn .btn-regular-secondary--900,
    .ground.list-triple--interval-v2 .checked-education__btn .btn-regular-secondary--900,
    .ground.list-fourth-decrease .checked-education__btn .btn-regular-secondary--900,
    .ground.list-fourth--interval-v2 .checked-education__btn .btn-regular-secondary--900,
    .ground.list-gallery .checked-education__btn .btn-regular-secondary--900,
    .ground.list-tag .checked-education__btn .btn-regular-secondary--900,
    .list-definition dt.ground .checked-education__btn .btn-regular-secondary--900,
    .list-definition dd.ground .checked-education__btn .btn-regular-secondary--900,
    .list-table-bg>li dl dt.ground .checked-education__btn .btn-regular-secondary--900,
    .list-table-bg>li dl dd.ground .checked-education__btn .btn-regular-secondary--900,
    .ground.list-map .checked-education__btn .btn-regular-secondary--900,
    .list-map>li.ground .checked-education__btn .btn-regular-secondary--900,
    .box-middle .ground.box-middle__top .checked-education__btn .btn-regular-secondary--900,
    .box-history>li.ground .checked-education__btn .btn-regular-secondary--900,
    .box-history__list>li.ground .checked-education__btn .btn-regular-secondary--900 {
        min-width: 100%;
    }
}

.header {
    position: relative;
    z-index: 11;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 134px;
    box-shadow: 10px 8px 20px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .header {
        height: 60px;
    }
}

.header__inner {
    width: 1520px;
    max-width: 100%;
    max-width: 1520px;
    margin: 0 auto;
}

@media (max-width: 1248px) {
    .header__inner {
        width: calc(100% - 48px);
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .header__inner {
        width: calc(100% - 40px);
    }
}

.header__top {
    height: 85px;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .header__top {
        height: 100%;
    }
}

.header__top>.header__inner {
    position: relative;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 15px 0;
    box-sizing: border-box;
}

@media (max-width: 1568px) {
    .header__top>.header__inner {
        width: calc(100% - 48px);
        max-width: 100%;
    }
}

@media (max-width: 1024px) {
    .header__top>.header__inner {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .header__top>.header__inner {
        width: calc(100% - 40px);
    }
}

@media (max-width: 1024px) {
    .header__top>.header__inner .lnb-left>li {
        display: none;
    }
}

.header__top>.header__inner .lnb-left>li::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 2px;
    margin: 0 12px;
    border-radius: 50%;
    background-color: #9e9e9e;
}

@media (max-width: 1568px) {
    .header__top>.header__inner .lnb-left>li::before {
        margin: 0 5px 0 8px;
    }
}

.header__top>.header__inner .lnb-left>li:first-child::before {
    content: none;
}

.header__top>.header__inner .lnb-left>li.tm {
    display: none;
}

@media (max-width: 1024px) {
    .header__top>.header__inner .lnb-left>li.tm {
        display: block;
    }
}

.header__top>.header__inner .lnb-left>li.tm .inside {
    position: relative;
}

@media (max-width: 1024px) {
    .header__top>.header__inner .lnb-left>li.tm .inside [class^=icon-] {
        font-size: 28px;
    }
}

.header__top>.header__inner .lnb-left>li.tm .inside .albums-num {
    position: absolute;
    right: -6px;
    top: -2px;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #1f5afc;
    color: #fff;
    font-size: 10px;
    text-align: center;
}

.header__top>.header__inner .lnb-left>li>.inside {
    color: #616161;
    font: 15px /1.4em "Pretendard";
}

@media (max-width: 1248px) {
    .header__top>.header__inner .lnb-left>li>.inside {
        font-size: 14px;
    }
}

.header__top>.header__inner .lnb-left>li.point::before {
    content: none;
}

.header__top>.header__inner .lnb-left>li.point>.inside {
    color: #1f5afc;
}

.header__top>.header__inner .lnb-left>li.point>.inside::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: no-repeat center/contain;
    background-image: url("../img/common/logo/symbol.svg");
}

.header__top>.header__inner .lnb-right>li {
    width: 80px;
    height: 80px;
    text-align: center;
}

@media (max-width: 1568px) {
    .header__top>.header__inner .lnb-right>li {
        width: 70px;
    }
}

@media (max-width: 1024px) {
    .header__top>.header__inner .lnb-right>li {
        display: none;
    }
}

.header__top>.header__inner .lnb-right>li.tm {
    display: none;
    width: auto;
    height: auto;
}

@media (max-width: 1024px) {
    .header__top>.header__inner .lnb-right>li.tm {
        display: block;
    }
}

@media (max-width: 1024px) {
    .header__top>.header__inner .lnb-right>li.tm .inside [class^=icon-] {
        font-size: 28px;
    }
}

.header__top>.header__inner .lnb-right>li>.inside {
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: #616161;
    font-size: 15px;
}

.header__top>.header__inner .lnb-right>li>.inside [class^=icon-] {
    color: #000;
}

.header__bottom {
    position: relative;
    width: 100%;
    height: 61px;
    background-color: #fff;
    border-top: 1px solid #eee;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .header__bottom {
        display: none;
        position: fixed;
        right: 0;
        top: 0;
        width: 560px;
        height: 100%;
        border-top: 0;
    }
}

@media (max-width: 767px) {
    .header__bottom {
        width: 100%;
    }
}

.header__bottom::after {
    display: none;
}

@media (max-width: 1024px) {
    .header__bottom::after {
        content: "";
        position: fixed;
        left: 0;
        top: 0;
        z-index: -1;
        display: block;
        width: 100%;
        height: 100vh;
        background-color: #000;
        opacity: 0.4;
    }
}

.header__bottom>.header__inner {
    width: 100%;
    max-width: 100%;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .header__bottom>.header__inner {
        width: 100%;
        max-width: 100%;
        height: 100%;
        background: #fff;
        box-sizing: border-box;
    }
}

@media (max-width: 767px) {
    .header__bottom>.header__inner {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
}

.header__bottom--bg {
    display: none;
    position: absolute;
    left: 0;
    top: 58px;
    z-index: 0;
    background-color: #fff;
    width: 100%;
    height: calc(100% - 68px);
    box-sizing: border-box;
    border-top: 1px solid #eee;
}

.header__bottom .gnb-list {
    display: flex;
    width: 100%;
    max-width: 1520px;
    height: 100%;
    background-color: #fff;
    margin: 0 auto;
}

@media (max-width: 1568px) {
    .header__bottom .gnb-list {
        max-width: 100%;
        width: calc(100% - 47px);
    }
}

@media (max-width: 1024px) {
    .header__bottom .gnb-list {
        overflow-y: auto;
        flex-direction: column;
        width: 100%;
        height: auto;
        padding: 16px 24px 40px;
        box-sizing: border-box;
    }
}

@media (max-width: 767px) {
    .header__bottom .gnb-list {
        margin-bottom: 40px;
        padding-bottom: 0;
    }
}

.header__bottom .gnb-list>li {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1 1 16.6666666667%;
    position: relative;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .header__bottom .gnb-list>li {
        flex: 1 1 100%;
        height: auto;
    }
}

.header__bottom .gnb-list>li:hover .gnb-list__txt {
    border-bottom-color: #1f5afc;
    color: #1f5afc;
}

.header__bottom .gnb-list>li:hover .depth2-list {
    background-color: rgba(31, 90, 252, 0.04);
}

.header__bottom .gnb-list__txt {
    justify-content: center;
    padding: 18px 19px 16px 19px;
    box-sizing: border-box;
    border-bottom: 2px solid #fff;
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .header__bottom .gnb-list__txt {
        justify-content: flex-start;
        width: 100%;
        padding: 19px 0;
        height: 56px;
        border-bottom: 1px solid #eee;
        background-color: #fff;
        font-size: 16px;
    }
}

@media (max-width: 1024px) {
    .header__bottom .gnb-list__txt.there {
        position: relative;
    }

    .header__bottom .gnb-list__txt.there::after {
        content: "\e900";
        position: absolute;
        right: 24px;
        top: 15px;
        font: 24px "icomoon";
    }
}

.header__bottom .gnb-list__txt.now {
    border-bottom: 2px solid #1f5afc;
    color: #1f5afc;
}

.header__bottom .gnb-list__txt.now::after {
    content: "\ea7e";
    color: #1f5afc;
}

.header__bottom .depth2-list {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 324px;
    padding: 20px 0 40px;
    box-sizing: border-box;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    background-color: #fff;
}

.header__bottom .depth2-list:first-child {
    border-left: 0;
}

@media (max-width: 1024px) {
    .header__bottom .depth2-list {
        display: none;
        width: 100%;
        min-height: auto;
        padding: 12px 16px;
        box-sizing: border-box;
        background-color: #fff;
        border-top: 0;
        border-left: 0;
    }
}

.header__bottom .depth2-list__txt {
    display: block;
    padding: 8px 0;
    color: #616161;
    font-size: 16px;
    text-align: center;
}

@media (max-width: 1024px) {
    .header__bottom .depth2-list__txt {
        display: block;
        width: 100%;
        padding: 0;
        font-size: 14px;
        text-align: left;
    }
}

.header__bottom .depth2-list>li {
    margin-top: 4px;
    text-align: center;
}

@media (max-width: 1024px) {
    .header__bottom .depth2-list>li {
        display: flex;
        align-items: center;
        height: 36px;
        margin-top: 0;
        text-align: left;
    }
}

.header__bottom .depth2-list>li:hover .depth2-list__txt {
    color: #1f5afc;
}

.header__bottom .depth2-list>li:first-child {
    margin-top: 0;
}

.header__dim {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background-color: #000;
    opacity: 0.4;
}

.header .menu-before {
    display: none;
    padding: 0 24px 24px;
    box-sizing: border-box;
    border-bottom-right-radius: 40px;
    background-color: #f5f5f5;
}

@media (max-width: 1024px) {
    .header .menu-before {
        display: block;
    }
}

.header .menu-before__top {
    justify-content: space-between;
    height: 60px;
}

.header .menu-before__top .icon-custom-close {
    width: 30px;
    height: 30px;
}

.logo {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 198px;
    height: 56px;
    background: no-repeat center/contain;
}

@media (max-width: 1568px) {
    .logo {
        width: 168px;
    }
}

@media (max-width: 1024px) {
    .logo {
        width: 113px;
        height: 33px;
    }
}

.site-map {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 101;
    width: 100%;
}

.site-map__dim {
    display: none;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
}

.site-map__page {
    display: none;
    overflow-y: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    background-color: #fff;
}

.site-map__page--top>.inner,
.site-map__page--top>.container-inner {
    position: relative;
    width: 1522px;
    max-width: 1522px;
    height: 110px;
}

@media (max-width: 1248px) {

    .site-map__page--top>.inner,
    .site-map__page--top>.container-inner {
        width: calc(100% - 48px);
        max-width: 100%;
    }
}

.site-map__page--top .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.site-map__page--top .icon-custom-close {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    left: auto;
    right: 0;
    width: 44px;
    height: 44px;
}

.site-map__list {
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
}

@media (max-width: 1248px) {
    .site-map__list {
        width: calc(100% - 48px);
        max-width: 100%;
    }
}

.site-map__list>li {
    padding: 60px 0;
    box-sizing: border-box;
    border-top: 1px solid #eee;
}

.site-map__list>li:first-child {
    border-top: 0;
}

.site-map__list>li:hover>dl dt .inside {
    color: #1f5afc;
}

.site-map__list>li>dl {
    display: flex;
}

.site-map__list>li>dl dt {
    width: 306px;
}

.site-map__list>li>dl dt .inside {
    font: 26px /1.4em "Pretendard";
}

.site-map__list>li>dl dd {
    flex: 1 1 auto;
}

.site-map__list>li>dl dd .site-map__menu {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 40px 0;
}

.site-map__list>li>dl dd .site-map__menu>li {
    flex: 0 0 33.3333333333%;
}

.site-map__list>li>dl dd .site-map__menu>li:hover .inside {
    color: #1f5afc;
}

.site-map__list>li>dl dd .site-map__menu>li .inside {
    font: 18px /1.4em "Pretendard";
}

.site-map__list>li>dl dd .site-map__menu .depth3-list {
    padding-top: 12px;
}

.site-map__list>li>dl dd .site-map__menu .depth3-list>li {
    padding-top: 4px;
}

.site-map__list>li>dl dd .site-map__menu .depth3-list>li:hover .inside {
    color: #000;
}

.site-map__list>li>dl dd .site-map__menu .depth3-list>li .inside {
    color: #9e9e9e;
    font-size: 16px;
}

label.family-label {
    display: none;
}

@media (max-width: 1024px) {
    label.family-label {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 0 24px 24px;
    }
}

label.family-label select.family-site {
    min-width: 100%;
    height: 44px;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    font-size: 13px;
}

.menu-before__top--list {
    gap: 0 16px;
}

.menu-before__top--list>li.menu__logout .inside {
    min-width: 60px;
    padding: 3px 12px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    border-radius: 13px;
    color: #9e9e9e;
    font: 13px /1.4em "Pretendard";
    text-align: center;
}

.menu-before__top--list>li.menu__login .inside {
    min-width: 60px;
    padding: 3px 12px;
    box-sizing: border-box;
    border-radius: 13px;
    background-color: #1f5afc;
    color: #fff;
    font: 13px /1.4em "Pretendard";
    text-align: center;
}

.menu-before__top--list>li.menu__join .inside {
    color: #9e9e9e;
    font: 13px 1.4em Pretendard;
}

.menu-comment .btn-info {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 9px;
    color: #9e9e9e;
    font: 13px /1.4em "Pretendard";
}

.menu-comment .btn-info .icon-chevron_forward {
    font-size: 16px;
}

.menu-comment__txt {
    font: 20px /1.4em "Pretendard";
}

.menu-comment__txt2 {
    font-size: 18px;
    line-height: 1.4em;
}

.banner-list {
    box-sizing: border-box;
    border-top: 1px solid #e0e0e0;
}

.banner-list>.inner,
.banner-list>.container-inner {
    display: flex;
    align-items: center;
}

.banner-list>.inner .txt--m3,
.banner-list>.container-inner .txt--m3 {
    padding-right: 20px;
}

@media (max-width: 1024px) {

    .banner-list>.inner .txt--m3,
    .banner-list>.container-inner .txt--m3 {
        display: none;
    }
}

.banner-list__slider {
    width: 100%;
    height: 100px;
    margin-left: auto;
}

@media (max-width: 1024px) {
    .banner-list__slider {
        height: 60px;
    }
}

.banner-list__slider .swiper-slide a {
    justify-content: center;
    width: 100%;
    height: 100%;
}

.banner-list__slider .swiper-slide a img {
    display: inline-block;
    max-width: 140px;
    width: 100%;
}

@media (max-width: 1024px) {
    .banner-list__slider .swiper-slide a img {
        max-width: 100px;
    }
}

.banner-list__control {
    display: flex;
    align-items: center;
    gap: 0 8px;
}

@media (max-width: 1024px) {
    .banner-list__control {
        gap: 0;
    }
}

.banner-list__control [class^=banner-list__] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    color: #9e9e9e;
    font-size: 20px;
}

@media (max-width: 1024px) {
    .banner-list__control [class^=banner-list__] {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 1024px) {
    .banner-list__control [class^=banner-list__]::before {
        font-size: 16px;
    }
}

.banner-list__control [class^=banner-list__]:hover {
    border-color: #1f5afc;
    color: #1f5afc;
}

@media (max-width: 1024px) {
    .banner-list__control .banner-list__prev {
        border-right-width: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}

@media (max-width: 1024px) {
    .banner-list__control .banner-list__stop {
        border-radius: 0;
    }
}

@media (max-width: 1024px) {
    .banner-list__control .banner-list__next {
        border-left-width: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.footer {
    position: relative;
    box-sizing: border-box;
    background-color: #333;
}

.footer__inner {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.footer__top {
    padding: 33px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #424242;
}

@media (max-width: 1024px) {
    .footer__top {
        padding: 24px 10px;
    }
}

.footer__top .footer__inner {
    align-items: center;
}

@media (max-width: 767px) {
    .footer__top .footer__inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px 0;
    }
}

@media (max-width: 1024px) {
    .footer__bottom .footer__inner {
        flex-direction: column-reverse;
        width: 100%;
    }
}

.footer__bottom .footer__inner--left,
.footer__bottom .footer__inner--right {
    width: 50%;
    padding: 32px 32px 50px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {

    .footer__bottom .footer__inner--left,
    .footer__bottom .footer__inner--right {
        width: 100%;
    }
}

.footer__bottom .footer__inner--left {
    padding-left: 0;
}

@media (max-width: 1024px) {
    .footer__bottom .footer__inner--left {
        padding: 24px 24px 40px;
    }
}

@media (max-width: 767px) {
    .footer__bottom .footer__inner--left {
        padding: 24px 20px 40px;
    }
}

.footer__bottom .footer__inner--right {
    border-left: 1px solid #424242;
}

@media (max-width: 1024px) {
    .footer__bottom .footer__inner--right {
        padding: 0;
        border-left: 0;
    }
}

.footer__link {
    flex-wrap: wrap;
    gap: 0 32px;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .footer__link {
        gap: 8px 16px;
    }
}

.footer__link>li .inside {
    color: #fff;
    font-size: 15px;
}

@media (max-width: 1024px) {
    .footer__link>li .inside {
        font-size: 13px;
    }
}

.footer__link>li.point .inside {
    color: #ffc500;
}

.footer__phone {
    color: #fff;
    font: 20px "happiness-bold";
}

@media (max-width: 1024px) {
    .footer__phone {
        font-size: 18px;
    }
}

.footer__phone .icon-call {
    padding-right: 8px;
    font-size: 20px;
}

@media (max-width: 1024px) {
    .footer__phone .icon-call {
        font-size: 16px;
    }
}

.footer__info p,
.footer__info a {
    color: #9e9e9e;
    font-size: 15px;
}

@media (max-width: 1024px) {

    .footer__info p,
    .footer__info a {
        font-size: 13px;
    }
}

.footer__info p.copyright,
.footer__info a.copyright {
    padding: 24px 0 32px;
    color: #616161;
    font-size: 13px;
}

@media (max-width: 1024px) {

    .footer__info p.copyright,
    .footer__info a.copyright {
        padding: 16px 0 24px;
        font-size: 11px;
    }
}

.footer__info .txt-detail {
    color: #fff;
}

@media (max-width: 1024px) {
    .footer__info .txt-detail {
        padding-top: 16px;
        font-size: 13px;
    }
}

.footer__info .txt-detail.on>.icon-chevron_down::before {
    content: "\e997";
}

.footer__info .txt-detail.on+.txt-detail-con {
    display: block;
}

@media (max-width: 1024px) {
    .footer__info .txt-detail-con {
        padding-top: 8px;
    }
}

.footer__logo-list {
    flex-wrap: wrap;
    gap: 0 20px;
}

@media (max-width: 1024px) {
    .footer__logo-list {
        gap: 16px;
    }
}

.footer__logo-list>li img {
    max-width: 98px;
}

.footer .ars_frame__img {
    float: right;
    margin-top: 25px;
    margin-left: 0px;
}

@media (max-width: 1024px) {
    .footer .ars_frame__img {
        float: left;
        margin-left: 25px;

    }
}

@media (max-width: 767px) {
    .footer .ars_frame__img {
        float: left;
        margin-left: 25px;
    }
}

.footer .ars-frame__txt.on .icon-chevron_down::before {
    content: "\e997";
}

.footer .ars-frame__txt .icon-chevron_down {
    display: none;
}

@media (max-width: 1024px) {
    .footer .ars-frame__txt .icon-chevron_down {
        display: block;
        color: #fff;
    }
}

.footer .ars-frame__list {
    display: flex;
    align-items: flex-start;
    gap: 0 48px;
    padding-top: 16px;
}

@media (max-width: 1024px) {
    .footer .ars-frame__list {
        padding: 24px 24px 0;
    }
}

@media (max-width: 767px) {
    .footer .ars-frame__list {
        flex-direction: column;
        padding: 20px 20px 0;
    }
}

.footer .ars-frame__list-frame {
    display: none;
}

.footer .ars-frame__title {
    color: #9e9e9e;
    font: 15px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .footer .ars-frame__title {
        font-size: 13px;
    }
}

.footer .ars-frame__num {
    padding: 8px 0 0 8px;
}

.footer .ars-frame__num>li {
    color: #9e9e9e;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .footer .ars-frame__num>li {
        font-size: 12px;
    }
}

.footer .ars-frame__num>li::before {
    content: "- ";
}

.footer .ars-frame__divide {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
}

@media (max-width: 1024px) {
    .footer .ars-frame__divide {
        flex-direction: row;
        gap: 0 48px;
    }
}

@media (max-width: 767px) {
    .footer .ars-frame__divide {
        flex-direction: column;
    }
}

.footer .ars-frame__divide--item>li {
    margin-top: 8px;
}

.footer .ars-frame__divide--item>li:first-child {
    margin-top: 0;
}

@media (max-width: 1024px) {
    .footer .ars-frame__divide--item>li:first-child {
        margin-top: 8px;
    }
}

/* ++++++++++++++++++++++++++++++++++++++
	MAIN PAGE : 메인 페이지 스타일
	@Visual
	@MainContainer
++++++++++++++++++++++++++++++++++++++ */
.visual {
    position: relative;
    width: 1430px;
    height: 480px;
    margin: 0 auto;
    padding: 16px 0px 28px 0px;
}

@media (max-width: 1608px) {
    .visual {
        width: calc(100% - 10%);
        max-width: 100%;
        height: 480px;
    }
}

@media (max-width: 1024px) {
    .visual {
        padding-top: 8px;
        height: 388px;
    }
}

@media (max-width: 767px) {
    .visual {
        width: calc(100% - 40px);
        height: 490px;
    }
}

.visual__inner {
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #f5f5f5;
    box-shadow: 0 26px 40px 0 rgba(0, 0, 0, 0.08);
    border-bottom-right-radius: 100px;
    border-top-left-radius: 100px;
}

@media (max-width: 1024px) {
    .visual__inner {
        height: 380px;
        border-bottom-right-radius: 24px;
        border-top-left-radius: 24px;
    }
}

@media (max-width: 767px) {
    .visual__inner {
        height: auto;
    }
}

.visual__slider {
    position: static;
    width: 1020px;
    box-sizing: border-box;
    border-top-left-radius: 100px;
}

@media (max-width: 1024px) {
    .visual__slider {
        position: relative;
        width: 100%;
        height: 100%;
        border-top-left-radius: 24px;
    }
}

.visual__slider .swiper-slide {
    width: 100%;
    height: 480px;
}

@media (max-width: 1024px) {
    .visual__slider .swiper-slide {
        height: auto;
    }
}

.visual__slider .swiper-slide img {
    width: 100%;
}

.visual__slider .swiper-pagination {
    bottom: 24px;
    left: 50%;
    transform: translate(-50%, 0);
    width: auto;
}

@media (max-width: 1024px) {
    .visual__slider .swiper-pagination {
        bottom: 21%;
    }
}

.visual__slider .swiper-pagination-bullet {
    width: 20px;
    height: 6px;
    margin: 0 4px;
    background-color: #e0e0e0;
    opacity: 1;
    border-radius: 3px;
}

.visual__slider .swiper-pagination-bullet-active {
    width: 48px;
    height: 6px;
    margin-left: 0 !important;
    background-color: #4476ff;
    opacity: 1;
}

.visual__slider--prev,
.visual__slider--next {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
    background-image: none;
}

#next_b_auto {
    display: none !important;
}

@media (max-width: 1024px) {

    .visual__slider--prev,
    .visual__slider--next {
        display: none !important;
    }
}

.visual__slider--prev::before,
.visual__slider--next::before {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #9e9e9e;
    font: 24px "icomoon";
}

.visual__slider--prev {
    left: -24px;
}

.visual__slider--prev::before {
    content: "\e985";
}

.visual__slider--next {
    right: -24px;
}

.visual__slider--next::before {
    content: "\e991";
}

.visual__login {
    position: absolute;
    right: -180px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1;
    width: 700px;
    height: 700px;
    background-color: #fff;
    border-radius: 50%;
}

@media (max-width: 1248px) {
    .visual__login {
        right: -220px;
    }
}

@media (max-width: 1024px) {
    .visual__login {
        right: auto;
        left: 50%;
        top: auto;
        bottom: -36%;
        bottom: 0;
        z-index: 10;
        transform: translate(-50%, 0);
        width: 130%;
        height: 70px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}

@media (max-width: 1024px) {
    .visual__login.open {
        width: 200%;
        height: 360px !important;
    }
}

@media (max-width: 360px) {
    .visual__login.open {
        height: 99% !important;
    }
}

.visual__login--open {
    display: none;
}

@media (max-width: 1024px) {
    .visual__login--open {
        display: block;
        padding-top: 14px;
        text-align: center;
    }
}

.visual__login--open p {
    font: 13px /1.4em "Pretendard";
}

.visual__login--open p::before {
    content: "\e997";
    display: block;
    padding-bottom: 4px;
    font: 20px "icomoon";
    text-align: center;
}

.visual__login--open p.on::before {
    content: "\e98b";
}

.visual__login-con {
    width: 100%;
}

@media (max-width: 1024px) {
    .visual__login-con {
        display: none;
    }
}

.visual__login-con .member__form {
    display: none;
    padding: 24px 0 32px;
}

.visual__login-con .member__list {
    padding-bottom: 8px;
}

.visual__login-con .btn-info {
    padding-bottom: 0;
    font-size: 15px;
}

@media (max-width: 1024px) {
    .visual__login-con .btn-info {
        font-size: 13px;
    }
}

.visual__login-con .menu-before__top--list {
    margin-left: auto;
}

.visual__login-con .menu-before__top--list>li.menu__logout .inside {
    font-size: 15px;
}

@media (max-width: 1024px) {
    .visual__login-con .menu-before__top--list>li.menu__logout .inside {
        font-size: 13px;
    }
}

.visual__login-con .menu-comment {
    padding-top: 24px;
}

.visual__login-con .menu-comment__txt {
    padding-top: 8px;
    font-size: 26px;
}

@media (max-width: 1024px) {
    .visual__login-con .menu-comment__txt {
        padding-top: 4px;
        font-size: 20px;
    }
}

.visual__login-con .menu-comment__activity {
    font: 16px / 1.4em Pretendard;
}

@media (max-width: 1024px) {
    .visual__login-con .menu-comment__activity {
        font-size: 14px;
    }
}

.visual__login-con .menu-comment__list {
    margin: 16px 0;
    border-radius: 8px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
    border: solid 1px #eee;
}

@media (max-width: 1024px) {
    .visual__login-con .menu-comment__list {
        margin: 8px 0;
    }
}

.visual__login-con .menu-comment__list>li {
    flex: 0 0 33.3333333333%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 80px;
    border-left: 1px solid #eee;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .visual__login-con .menu-comment__list>li {
        min-height: 68px;
    }
}

.visual__login-con .menu-comment__list>li:first-child {
    border-left: 0;
}

.visual__login-con .menu-comment__list>li .inside {
    display: flex;
    justify-content: center;
    width: 100%;
}

.visual__login-con .menu-comment__list>li .inside .txt {
    color: #000;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

.visual__login-con .menu-activity {
    justify-content: space-between;
    padding: 32px 0 0;
}

@media (max-width: 1024px) {
    .visual__login-con .menu-activity {
        padding: 24px 0 0;
    }
}

.visual__login-con .menu-activity .btn-transform {
    display: inline-block;
    vertical-align: middle;
    width: 104px;
    padding: 3px 12px;
    box-sizing: border-box;
    background-color: #bdbdbd;
    border-radius: 18px;
    color: #fff;
    font: 15px /1.4em "Pretendard";
    text-align: center;
}

@media (max-width: 1024px) {
    .visual__login-con .menu-activity .btn-transform {
        width: 92px;
        font-size: 13px;
    }
}

.visual__login-con .menu-activity .btn-transform [class^=icon-] {
    font-size: 20px;
}

@media (max-width: 1024px) {
    .visual__login-con .menu-activity .btn-transform [class^=icon-] {
        font-size: 16px;
    }
}

.visual__login-inner {
    justify-content: center;
    flex-direction: column;
    width: 280px;
    height: 95%;
    margin: 0 auto 0 142px;
}

@media (max-width: 1248px) {
    .visual__login-inner {
        margin: 0 auto 0 110px;
    }
}

@media (max-width: 1024px) {
    .visual__login-inner {
        justify-content: flex-start;
        width: 272px;
        margin: 0 auto;
    }
}

@media (max-width: 360px) {
    .visual__login-inner {
        width: 224px;
    }
}

.visual__login-inner--comment {
    margin-bottom: 40px;
    font-size: 26px;
    line-height: 1.4em;
}

@media (max-width: 1024px) {
    .visual__login-inner--comment {
        display: none;
    }
}

.visual__login-inner [class^=btn-] {
    width: 100%;
}

@media (max-width: 1024px) {
    .visual__login-inner [class^=btn-regular] {
        padding: 10px 12px 11px;
    }
}

@media (max-width: 1024px) {
    .visual__login-inner [class^=btn-regular]::before {
        top: 13px;
    }
}

.visual__login-inner .btn-info {
    width: auto;
}

.visual__login-inner .member__line {
    width: 100%;
    margin-top: 8px;
}

.visual__login-inner .member__line--left .list-dot>li,
.visual__login-inner .member__line--right .list-dot>li {
    padding-left: 16px;
}

.visual__login-inner .member__line--left .list-dot>li:first-child,
.visual__login-inner .member__line--right .list-dot>li:first-child {
    padding-left: 0;
}

.visual__login-inner .member__line--left .list-dot>li::before,
.visual__login-inner .member__line--right .list-dot>li::before {
    left: 8px;
    top: 15px;
}

@media (max-width: 1024px) {

    .visual__login-inner .member__line--left .list-dot>li::before,
    .visual__login-inner .member__line--right .list-dot>li::before {
        left: 7px;
        top: 12px;
    }
}

@media (max-width: 767px) {

    .visual__login-inner .member__line--left .list-dot>li::before,
    .visual__login-inner .member__line--right .list-dot>li::before {
        left: 7px;
        transform: translate(0, -50%);
        top: 51%;
    }
}

.visual__login-inner .member__line--left .list-dot>li .inside,
.visual__login-inner .member__line--right .list-dot>li .inside {
    color: #9e9e9e;
    font: 15px /1.4em "Pretendard";
}

@media (max-width: 1024px) {

    .visual__login-inner .member__line--left .list-dot>li .inside,
    .visual__login-inner .member__line--right .list-dot>li .inside {
        font-size: 13px;
    }
}

.main-container {
    padding: 146px 0 80px;
}

@media (max-width: 1024px) {
    .main-container {
        padding: 61px 0 60px;
    }
}

.main-container .quick-box {
    padding: 80px 0;
}

@media (max-width: 1024px) {
    .main-container .quick-box {
        padding: 40px 0;
    }
}

.main-container .quick-box .inner,
.main-container .quick-box .container-inner {
    gap: 0 92px;
    justify-content: space-between;
}

@media (max-width: 1248px) {

    .main-container .quick-box .inner,
    .main-container .quick-box .container-inner {
        gap: 0 42px;
    }
}

@media (max-width: 1024px) {

    .main-container .quick-box .inner,
    .main-container .quick-box .container-inner {
        gap: 0 60px;
    }
}

@media (max-width: 767px) {

    .main-container .quick-box .inner,
    .main-container .quick-box .container-inner {
        flex-direction: column;
        gap: 16px 0;
    }
}

.main-container .quick-box .inner .flex-box__left,
.main-container .quick-box .container-inner .flex-box__left {
    flex: 1 1 190px;
}

@media (max-width: 1024px) {

    .main-container .quick-box .inner .flex-box__left,
    .main-container .quick-box .container-inner .flex-box__left {
        flex-basis: 150px;
    }
}

@media (max-width: 767px) {

    .main-container .quick-box .inner .flex-box__left,
    .main-container .quick-box .container-inner .flex-box__left {
        flex-basis: 100%;
    }
}

.main-container .quick-box .inner .flex-box__left .txt--m2,
.main-container .quick-box .container-inner .flex-box__left .txt--m2 {
    padding-bottom: 8px;
}

@media (max-width: 1024px) {

    .main-container .quick-box .inner .flex-box__left .txt--m2,
    .main-container .quick-box .container-inner .flex-box__left .txt--m2 {
        padding-bottom: 4px;
        font-size: 13px;
    }
}

@media (max-width: 767px) {

    .main-container .quick-box .inner .flex-box__left .txt--m2,
    .main-container .quick-box .container-inner .flex-box__left .txt--m2 {
        text-align: center;
    }
}

.main-container .quick-box .inner .flex-box__right,
.main-container .quick-box .container-inner .flex-box__right {
    flex: 1 1 calc(100% - 282px);
}

@media (max-width: 1248px) {

    .main-container .quick-box .inner .flex-box__right,
    .main-container .quick-box .container-inner .flex-box__right {
        flex-basis: calc(100% - 232px);
    }
}

@media (max-width: 1024px) {

    .main-container .quick-box .inner .flex-box__right,
    .main-container .quick-box .container-inner .flex-box__right {
        flex-basis: calc(100% - 210px);
    }
}

@media (max-width: 767px) {

    .main-container .quick-box .inner .flex-box__right,
    .main-container .quick-box .container-inner .flex-box__right {
        flex-basis: 100%;
        width: 100%;
    }
}

.main-container .quick-box__list {
    width: 918px;
    height: 148px;
    justify-content: space-between;
}

@media (max-width: 1248px) {
    .main-container .quick-box__list {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .main-container .quick-box__list {
        justify-content: space-between;
        height: 78px;
    }
}

@media (max-width: 767px) {
    .main-container .quick-box__list {
        flex-wrap: wrap;
        gap: 16px 0;
        justify-content: flex-start;
        height: auto;
    }
}

.main-container .quick-box__list li {
    flex: 0 0 16.6666666667%;
    position: relative;
    z-index: 0;
    height: 100%;
}

@media (max-width: 767px) {
    .main-container .quick-box__list li {
        flex-basis: 33.3333333333%;
    }
}

.main-container .quick-box__list li:hover .quick-box__bg {
    border: 2px solid #78a3fe;
    box-shadow: 0 2px 10px 0 rgba(31, 90, 252, 0.16);
}

.main-container .quick-box__list li:hover p {
    color: #1f5afc;
}

@media (max-width: 1024px) {
    .main-container .quick-box__list li.remote {
        display: none;
    }
}

.main-container .quick-box__list li>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.main-container .quick-box__list li>a .quick-box__bg {
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border-radius: 50%;
    box-shadow: 0 2px 10px 0 rgba(31, 90, 252, 0.08);
    border: 1px solid #eef3ff;
    background-color: #fff;
    background: no-repeat center/contain;
    background-size: 40px 40px;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .main-container .quick-box__list li>a .quick-box__bg {
        width: 52px;
        height: 52px;
        background-size: 28px 28px;
    }
}

.main-container .quick-box__list li>a .quick-box__bg.apply {
    background-image: url("../img/main/main_apply.png");
}

.main-container .quick-box__list li>a .quick-box__bg.study {
    background-image: url("../img/main/main_study.png");
}

.main-container .quick-box__list li>a .quick-box__bg.faq {
    background-image: url("../img/main/main_faq.png");
    background-size: 35%;
}


.main-container .quick-box__list li>a .quick-box__bg.map {
    background-image: url("../img/main/main_map.png");
}

.main-container .quick-box__list li>a .quick-box__bg.remote {
    background-image: url("../img/main/main_remote.png");
}

.main-container .quick-box__list li>a p {
    padding-top: 20px;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .main-container .quick-box__list li>a p {
        padding-top: 8px;
        font-size: 13px;
    }
}

.main-section {
    padding: 20px 10px;
}

@media (max-width: 1024px) {
    .main-section {
        padding: 40px 10px;
    }
}

.main-section.bg {
    background-color: #fafafa;
}

.main-section__flex {
    display: flex;
    align-items: flex-start;
    gap: 0 60px;
}

@media (max-width: 1248px) {
    .main-section__flex {
        gap: 0 6%;
    }
}

@media (max-width: 1024px) {
    .main-section__flex {
        gap: 0 40px;
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .main-section__flex {
        flex-direction: column;
        gap: 40px 0;
    }
}

.main-section__flex--left,
.main-section__flex--right {
    flex-grow: 0;
    flex-shrink: 0;
}

.main-section__flex--left {
    flex-basis: 420px;
    width: 420px;
}

@media (max-width: 1024px) {
    .main-section__flex--left {
        flex-basis: 340px;
        width: 340px;
    }
}

@media (max-width: 767px) {
    .main-section__flex--left {
        flex-basis: 100%;
        width: 100%;
    }
}

.main-section__flex--right {
    flex-basis: calc(94% - 420px);
    width: calc(94% - 420px);
}

@media (max-width: 1024px) {
    .main-section__flex--right {
        flex-basis: calc(100% - 380px);
        width: calc(100% - 380px);
    }
}

@media (max-width: 767px) {
    .main-section__flex--right {
        flex-basis: 100%;
        width: 100%;
    }
}

.main-section__more {
    display: inline-block;
    color: #9e9e9e;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .main-section__more {
        font-size: 14px;
    }
}

.main-title {
    padding-bottom: 5px;
}

@media (max-width: 1024px) {
    .main-title {
        padding-bottom: 5px;
    }
}


.main-title p {
    font: 30px / 1.4em Pretendard;
}

@media (max-width: 1024px) {
    .main-title p {
        font-size: 22px;
    }
}

.main-title p.single {
    flex-basis: 100%;
}

@media (max-width: 767px) {
    .main-title p.single {
        text-align: center;
    }
}

.main-title .main-section__more {
    flex-basis: 20%;
    text-align: right;
}

.main-title__sub {
    justify-content: space-between;
    padding-bottom: 25px;
}

@media (max-width: 1024px) {
    .main-title__sub {
        padding-bottom: 16px;
    }
}

.main-title__sub p {
    font: 26px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .main-title__sub p {
        font-size: 18px;
    }
}

.main-list {
    border-top: 1px solid #424242;
}

.main-list__top,
.main-list__bottom {
    flex-wrap: wrap;
    justify-content: space-between;
}

.main-list__top [class^=board-tag] {
    font-size: 15px;
}

@media (max-width: 1024px) {
    .main-list__top [class^=board-tag] {
        font-size: 13px;
    }
}

@media (max-width: 1024px) {
    .main-list__bottom .txt-default {
        font-size: 12px;
    }
}

.main-list__title.word-line-single {
    order: 3;
    width: 85%;
    font: 18px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .main-list__title.word-line-single {
        width: 75%;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .main-list__title.word-line-single {
        width: 70%;
    }
}

.main-list>li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px 0;
    height: 114px;
    box-sizing: border-box;
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .main-list>li {
        height: 90px;
    }
}

.main-list>li .board-tag-primary {
    order: 1;
}

.main-list>li [class^=state-square__] {
    order: 2;
    padding: 4px 12.5px;
    font-size: 12px;
}

@media (max-width: 1024px) {
    .main-list>li [class^=state-square__] {
        padding: 2.5px 9px;
        font-size: 11px;
    }
}

.main-list>li .txt-default {
    order: 4;
}

.main__slider-frame {
    position: relative;
    height: 632px;
    padding: 24px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.04);
    border: solid 1px #eee;
}

@media (max-width: 1024px) {
    .main__slider-frame {
        height: 512px;
        padding: 16px;
        border-radius: 8px;
    }
}

.main__slider-fraction {
    position: initial;
}

.main__slider-fraction .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.main__slider-fraction .swiper-slide .box-img {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 496px;
    background-color: #000;
    box-sizing: border-box;
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .main__slider-fraction .swiper-slide .box-img {
        height: 412px;
    }
}

@media (max-width: 767px) {
    .main__slider-fraction .swiper-slide .box-img {
        height: 0;
        padding-bottom: 140%;
        overflow: hidden;
    }
}

.main__slider-fraction .swiper-slide .box-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

@media (max-width: 767px) {
    .main__slider-fraction .swiper-slide .box-img img {
        width: initial;
        max-width: 100%;
    }
}

.main__slider-fraction--title {
    height: 87px;
}

@media (max-width: 1024px) {
    .main__slider-fraction--title {
        height: 68px;
    }
}

.main__slider-fraction--title>p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    height: auto;
    text-overflow: ellipsis;
    padding-top: 37px;
    font: 18px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .main__slider-fraction--title>p {
        padding-top: 28px;
        font-size: 14px;
    }
}

.main__slider-fraction .fraction-remote {
    justify-content: space-between;
    position: absolute;
    bottom: 96px;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, 0);
    width: 100px;
    height: 32px;
    padding: 7px 8px;
    box-sizing: border-box;
    border-radius: 16px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.04);
    border: 1px solid #eee;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .main__slider-fraction .fraction-remote {
        bottom: 70px;
        height: 28px;
    }
}

.main__slider-fraction .fraction-remote .swiper-button-prev,
.main__slider-fraction .fraction-remote .swiper-button-next {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    width: 16px;
    height: 16px;
    margin-top: 0;
    background: none;
}

.main__slider-fraction .fraction-remote .swiper-button-prev::before,
.main__slider-fraction .fraction-remote .swiper-button-next::before {
    color: #9e9e9e;
    font: 16px "icomoon";
}

.main__slider-fraction .fraction-remote .swiper-button-prev::before {
    content: "\e957";
}

.main__slider-fraction .fraction-remote .swiper-button-next::before {
    content: "\e963";
}

.main__slider-fraction .fraction-remote .swiper-pagination-fraction {
    position: static;
    bottom: auto;
    left: auto;
    color: #9e9e9e;
    font: 13px "happiness-bold";
}

.main__slider-fraction .fraction-remote .swiper-pagination-current {
    color: #1f5afc;
}

.main__slider-article .box-img {
    overflow: hidden;
    position: relative;
    border-top-left-radius: 24px;
    border-bottom-right-radius: 24px;
    width: 100%;
    height: 0;
    padding-bottom: 66.7%;
    background-color: #616161;
}

.main__slider-article .box-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.main__slider-article .article-box {
    padding: 32px 0 54.5px;
}

@media (max-width: 1024px) {
    .main__slider-article .article-box {
        padding: 24px 0 46px;
    }
}

.main__slider-article--title>p {
    padding-bottom: 24px;
    font: 20px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .main__slider-article--title>p {
        padding-bottom: 16px;
        font-size: 16px;
    }
}

.main__slider-article--sub>p {
    padding-bottom: 16px;
    color: #616161;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .main__slider-article--sub>p {
        font-size: 14px;
    }
}

.main__slider-article--date {
    color: #9e9e9e;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .main__slider-article--date {
        font-size: 12px;
    }
}

.main__slider-article .swiper-pagination-bullets {
    bottom: 0;
}

@media (max-width: 1024px) {
    .main__slider-article .swiper-pagination-bullets {
        bottom: 0;
    }
}

.main__slider-article .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 20px;
    height: 6px;
    margin: 0 4px;
    background-color: #e0e0e0;
    border-radius: 3px;
    opacity: 1;
}

.main__slider-article .swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 48px;
    height: 6px;
    background-color: #4476ff;
}

.main-map {
    position: absolute;
    left: 0;
    width: calc(100% - 240px);
    height: calc(100% - 121px);
    background-color: #eee;
}

.main-map-frame {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 582px;
    box-sizing: border-box;
    border-radius: 16px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.04);
    border: 1px solid #eee;
    background-color: #eee;
}

@media (max-width: 1024px) {
    .main-map-frame {
        height: 479px;
    }
}

@media (max-width: 767px) {
    .main-map-frame {
        height: auto;
        min-height: 480px;
    }
}

@media (max-width: 1024px) {
    .main-map {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 1024px) {
    .main-map__con {
        position: absolute;
        bottom: 0;
        z-index: 10;
        width: 100%;
        background-color: #fff;
        border-radius: 16px;
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
        overflow: hidden;
    }
}

@media (max-width: 1024px) {
    .main-map__con.on {
        bottom: 0;
        top: 35px;
    }
}

.main-map__con .icon-chevron_up,
.main-map__con .icon-chevron_down {
    display: none;
}

@media (max-width: 1024px) {

    .main-map__con .icon-chevron_up,
    .main-map__con .icon-chevron_down {
        display: block;
        padding: 14px 16px 16px;
        box-sizing: border-box;
        font-size: 20px;
        text-align: center;
    }
}

.main-map__title {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    padding: 26px 24px;
    box-sizing: border-box;
    border-top: 1px solid #eee;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .main-map__title {
        position: initial;
        left: auto;
        bottom: auto;
        padding: 0 20px 15px;
        border-top: 0;
    }
}

.main-map__title .title {
    font: 20px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .main-map__title .title {
        font-size: 16px;
    }
}

.main-map__title .list-address {
    display: flex;
    gap: 0 24px;
    padding-top: 12px;
}

@media (max-width: 1024px) {
    .main-map__title .list-address {
        flex-direction: column;
        gap: 0;
        padding-top: 8px;
    }
}

.main-map__title .list-address__definition {
    display: flex;
    align-items: baseline;
    gap: 0 12px;
}

.main-map__title .list-address__definition dt {
    color: #9e9e9e;
    font: 14px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .main-map__title .list-address__definition dt {
        font-size: 12px;
    }
}

.main-map__title .list-address__definition dd {
    color: #616161;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .main-map__title .list-address__definition dd {
        font-size: 14px;
    }
}

.main-map__list {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    width: 240px;
    height: calc(100% - 121px);
    background-color: #fff;
    box-sizing: border-box;
    border-left: 1px solid #eee;
}

@media (max-width: 1024px) {
    .main-map__list {
        position: initial;
        right: auto;
        top: auto;
        width: 100%;
        border-left: 0;
        border-top: 1px solid #eee;
    }
}

.main-map__list.off {
    display: none;
}

.main-map__search {
    padding: 24px 16px;
    box-sizing: border-box;
    border-top: 1px solid #eee;
}

@media (max-width: 1024px) {
    .main-map__search {
        padding: 16px 20px;
    }
}

.main-map__search .input-button {
    border-radius: 22px;
    border-color: #78a3fe;
    box-shadow: 0 0 4px 0 rgba(31, 90, 252, 0.16);
}

.main-map__search .input-button input {
    font-size: 13px;
}

.main-map__search .input-button input::placeholder {
    font-size: 13px;
}

.main-map__search .input-button .icon-search {
    color: #1f5afc;
    font-size: 20px;
}

.main-map__search-result .total {
    padding: 4px 16px 3px;
    box-sizing: border-box;
    border-top: 1px solid #eee;
    color: #9e9e9e;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .main-map__search-result .total {
        padding: 5px 16px;
        font-size: 12px;
    }
}

.main-map__search-result .list-result {
    overflow-y: auto;
    height: 335px;
    box-sizing: border-box;
    border-top: 1px solid #eee;
}

@media (max-width: 1024px) {
    .main-map__search-result .list-result {
        height: 192px;
    }
}

.main-map__search-result .list-result>li {
    display: flex;
    gap: 0 8px;
    padding: 20px 16px;
    box-sizing: border-box;
    border-top: 1px solid #eee;
}

.main-map__search-result .list-result>li:first-child {
    border-top: 0;
}

@media (max-width: 1024px) {
    .main-map__search-result .list-result>li {
        gap: 0 4px;
    }
}

.main-map__search-result .list-result>li .icon-custom-spot {
    flex: 0 0 20px;
}

@media (max-width: 1024px) {
    .main-map__search-result .list-result>li .icon-custom-spot {
        flex-basis: 16px;
    }
}

.main-map__search-result .list-result>li .txt-spot {
    font: 14px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .main-map__search-result .list-result>li .txt-spot {
        font-size: 12px;
    }
}

.main-banner {
    position: relative;
    width: 1170px;
    max-width: 1170px;
    margin: 0 auto;
    border-radius: 16px;
    background: no-repeat center/cover;
    background-image: url("../img/main/main_banner_bg.png");
}

@media (max-width: 1568px) {
    .main-banner {
        width: 1170px;
        max-width: 1170px;
    }
}

@media (max-width: 1248px) {
    .main-banner {
        width: calc(100% - 48px);
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .main-banner {
        width: calc(100% - 40px);
    }
}

@media (max-width: 1248px) {

    .main-banner>.inner,
    .main-banner>.container-inner {
        width: 100%;
    }
}

.main-banner__img {
    position: absolute;
    right: 8px;
    bottom: -40px;
    width: 260px;
}

@media (max-width: 1568px) {
    .main-banner__img {
        right: 8px;
    }
}

@media (max-width: 1248px) {
    .main-banner__img {
        display: none;
    }
}

.main-banner .line::before {
    background-color: #ffe082;
}

.main-banner__list {
    align-items: flex-start;
    gap: 0 130px;
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
}

@media (max-width: 1568px) {
    .main-banner__list {
        padding: 40px;
    }
}

@media (max-width: 1024px) {
    .main-banner__list {
        justify-content: space-between;
        gap: 0;
        padding: 32px;
    }
}

@media (max-width: 767px) {
    .main-banner__list {
        flex-direction: column;
        align-items: center;
        gap: 24px 0;
        padding: 32px;
    }
}

@media (max-width: 1024px) {
    .main-banner__list>li {
        flex: 0 0 calc((100% - 64px) / 3);
    }
}

@media (max-width: 767px) {
    .main-banner__list>li {
        flex-basis: 100%;
        width: 100%;
    }
}

.main-banner__list>li:last-child [class^=btn-] {
    width: 180px;
    margin-top: 40px;
}

@media (max-width: 1024px) {
    .main-banner__list>li:last-child [class^=btn-] {
        width: 100%;
        height: 36px;
        margin-top: 24px;
        font-size: 12px;
    }
}

.main-banner__list>li:last-child [class^=btn-]::before {
    top: 12px;
}

@media (max-width: 1024px) {
    .main-banner__list>li .txt--m2 {
        font-size: 13px;
    }
}

.main-banner__num {
    padding: 8px 0 16px;
    color: #ff9100;
    font: 30px "happiness-bold";
}

@media (max-width: 1024px) {
    .main-banner__num {
        padding: 4px 0 8px;
        font-size: 22px;
    }
}

.main-banner__time>li {
    font-size: 15px;
}

@media (max-width: 1024px) {
    .main-banner__time>li {
        font-size: 13px;
    }
}

.main-popup {
    overflow: hidden;
    width: 880px;
    background-color: transparent;
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
}

@media (max-width: 1024px) {
    .main-popup {
        width: 100%;
        left: auto;
        top: auto;
        bottom: 0;
        transform: translate(0, 0);
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
}

.main-popup__slider {
    z-index: 1;
    width: 720px;
    margin: 0 auto;
    background-color: #424242;
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
}

@media (max-width: 1024px) {
    .main-popup__slider {
        width: 100%;
    }
}

.main-popup__slider--prev,
.main-popup__slider--next {
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
    background-image: none;
}

@media (max-width: 1024px) {

    .main-popup__slider--prev,
    .main-popup__slider--next {
        display: none !important;
    }
}

.main-popup__slider--prev::before,
.main-popup__slider--next::before {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #9e9e9e;
    font: 24px "icomoon";
}

.main-popup__slider--prev {
    left: 0;
}

.main-popup__slider--prev::before {
    content: "\e985";
}

.main-popup__slider--next {
    right: 0;
}

.main-popup__slider--next::before {
    content: "\e991";
}

.main-popup__slider--pagination {
    position: absolute;
    bottom: auto;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 16;
    width: auto;
    padding: 7px 27px;
    border-radius: 16px;
    background-color: rgba(0, 0, 0, 0.48);
    color: #fff;
    font: 13px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .main-popup__slider--pagination {
        top: 16px;
        padding: 5px 27px;
    }
}

.main-popup__slider--pagination .swiper-pagination-current {
    color: #ffc500;
}

.main-popup .popup-page__window {
    width: 720px;
    margin: 0 auto;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
}

@media (max-width: 1024px) {
    .main-popup .popup-page__window {
        width: 100%;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

/* ++++++++++++++++++++++++++++++++++++++
	SUB PAGE : 서브 페이지 스타일
	@Container
++++++++++++++++++++++++++++++++++++++ */
.container {
    padding-top: 146px;
}

@media (max-width: 1024px) {
    .container {
        padding-top: 61px;
        padding-bottom: 80px;
    }
}

.container-inner {
    gap: 0 56px;
    padding-top: 60px;
}

@media (max-width: 1024px) {
    .container-inner {
        width: 100%;
        padding-top: 0;
    }
}

.container__txt--info {
    padding-top: 12px;
    color: #616161;
    font: 13px /1.75em "spoqa-light";
}

.container__txt--info [class^=icon-] {
    margin-right: 4px;
    font-size: 16px;
    line-height: 20.75px;
}

.container .sidebar {
    width: 250px;
}

.container .sidebar-dim {
    display: none;
}

.container .sidebar.open {
    left: auto;
    right: 0;
    width: calc(100% - 208px);
    z-index: 12;
}

@media (max-width: 767px) {
    .container .sidebar.open {
        width: 100%;
    }
}

.container .sidebar.open+.sidebar-dim {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
}

.container .sidebar-depth2-list {
    padding: 16px 0;
    border: 1px solid #e0e0e0;
    border-top: 0;
}

.container .sidebar-depth2-list>li {
    height: 36px;
}

.container .sidebar-depth2-list>li.on>.inside {
    color: #000;
}

.container .sidebar-depth2-list>li>.inside {
    padding: 7px 24px;
    cursor: pointer;
}

.container .sidebar-depth2-list>li>.inside::before {
    content: none;
}

.container .sidebar-list {
    overflow: hidden;
    border: 0;
}

.container .sidebar-list>li {
    border: 0;
}

.container .sidebar-list>li:first-child>.inside {
    border-top: 1px solid #e0e0e0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.container .sidebar-list>li:last-child>.inside {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.container .sidebar-list>li.on>.inside {
    border-color: #78a3fe;
    box-shadow: 0 0 5px 0 rgba(31, 90, 252, 0.16);
}

.container .sidebar-list>li.on>.inside [class^=icon-] {
    color: #1f5afc;
}

.container .sidebar-list>li.on:first-child>.inside {
    border-top: 1px solid #78a3fe;
    border-bottom: 1px solid #78a3fe;
}

.container .sidebar-list>li.on:last-child>.inside {
    border-top: 1px solid #78a3fe;
    border-bottom: 1px solid #78a3fe;
}

.container .sidebar-list>li.on:last-child>.inside.js-drop-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.container .sidebar-list>li>.inside {
    height: auto;
    min-height: 60px;
    padding: 16.5px 24px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    border-top: 1px solid #fff;
}

.container .sidebar-list>li>.inside:hover {
    border-color: #78a3fe;
}

.container .sidebar-list>li>.inside.enter {
    box-shadow: 0 0 5px 0 rgba(31, 90, 252, 0.16);
    border-right: 1px solid #78a3fe;
    border-left: 1px solid #78a3fe;
    font: 16px /1.4em "Pretendard";
}

.container .sidebar-list>li>.inside.enter [class^=icon-] {
    color: #1f5afc;
}

.container .sidebar-list>li>.inside.top {
    border-top: 1px solid #78a3fe;
    border-bottom: 1px solid #fff;
}

.container .sidebar-list>li>.inside.bottom {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #78a3fe;
}

.container .sidebar-list>li>.inside [class^=icon-] {
    color: #e0e0e0;
    font-size: 20px;
}

.cm-index-box {
    height: 130px;
    background: no-repeat center/cover;
    background-position: center bottom;
    background-image: url("../img/main/index_bg.svg");
}

@media (max-width: 1248px) {
    .cm-index-box {
        background-size: cover;
        height: 135px;
    }
}

.cm-index-title {
    justify-content: center;
    width: 100%;
    padding-top: 0;
}

@media (max-width: 1024px) {
    .cm-index-title {
        padding-top: 10px;
    }
}

.cm-index-title p {
    color: #fff;
    text-align: center;
}

@media (max-width: 1024px) {
    .cm-index-title p {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .cm-index-title p {
        font-size: 22px;
    }
}

.cm-index-list {
    float: right;
}

.cm-index-list>li {
    padding-left: 26px;
}

.cm-index-list>li::before {
    content: "·";
    left: 11px;
    top: 10px;
    color: #fff;
}

@media (max-width: 1024px) {
    .cm-index-list>li::before {
        left: 9px;
        top: 10px;
    }
}

.cm-index-list>li:first-child::before {
    content: none;
}

@media (max-width: 1024px) {
    .cm-index-list>li {
        padding-left: 18px;
    }
}

.cm-index-list>li>.inside {
    color: #fff;
    opacity: 0.6;
}

@media (max-width: 1024px) {
    .cm-index-list>li>.inside {
        font-size: 12px;
    }
}

.cm-index-list>li.now>.inside {
    color: #fff;
    opacity: 1;
}

.cm-title-sub {
    color: #9e9e9e;
    font: 15px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .cm-title-sub {
        font-size: 13px;
    }
}

.cm-list-dot {
    padding: 8px 0 8px 16px;
}

@media (max-width: 1024px) {
    .cm-list-dot {
        padding: 4px 0 8px 8px;
    }
}

.cm-list-dot>li {
    position: relative;
    padding-left: 7px;
    font-size: 16px;
    color: #9e9e9e;
}

@media (max-width: 1024px) {
    .cm-list-dot>li {
        font-size: 14px;
    }
}

.cm-list-dot>li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 2px;
    height: 2px;
    background-color: #9e9e9e;
}

.cm-txt {
    font-size: 16px;
}

@media (max-width: 1024px) {
    .cm-txt {
        font-size: 14px;
    }
}

.cm-txt.dot {
    position: relative;
    padding-left: 11px;
}

@media (max-width: 1024px) {
    .cm-txt.dot {
        padding-left: 8px;
    }
}

.cm-txt.dot::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 3px;
    height: 3px;
    background-color: #000;
}

@media (max-width: 1024px) {
    .cm-txt.dot::before {
        top: 10px;
        width: 2px;
        height: 2px;
    }
}

.cm-txt__title {
    padding-bottom: 16px;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .cm-txt__title {
        padding-bottom: 8px;
        font-size: 14px;
    }
}

.cm-txt__title--normal {
    font-size: 30px;
}

@media (max-width: 1024px) {
    .cm-txt__title--normal {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .cm-txt__title--normal {
        font-size: 22px;
    }
}

.cm-txt .gray-color--500 {
    font-size: 14px;
}

@media (max-width: 1024px) {
    .cm-txt .gray-color--500 {
        font-size: 12px;
    }
}

.cm-share-list>li,
.cm-share-list-black>li {
    width: 40px;
    height: 40px;
    border: 1px solid #eee;
    background-color: #fff;
}

.cm-share-list>li [class^=icon-],
.cm-share-list-black>li [class^=icon-] {
    color: #bdbdbd;
    font-size: 20px;
}

.cm-spacing {
    padding-top: 24px;
}

@media (max-width: 1024px) {
    .cm-spacing {
        padding-top: 16px;
    }
}

.cm-spacing-2 {
    padding-top: 32px;
}

@media (max-width: 1024px) {
    .cm-spacing-2 {
        padding-top: 24px;
    }
}

@media (max-width: 767px) {
    .cm-spacing-2 {
        padding-top: 16px;
    }
}

.title-frame {
    justify-content: space-between;
    padding-bottom: 24px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .title-frame {
        width: calc(100% - 48px);
        margin: 0 auto;
        padding-bottom: 16px;
    }
}

@media (max-width: 767px) {
    .title-frame {
        width: calc(100% - 40px);
    }
}

@media (max-width: 1248px) {
    .drop-menu {
        width: calc(100% - 48px);
        max-width: 100%;
    }
}

@media (max-width: 1024px) {
    .drop-menu {
        display: block;
        top: -28px;
        z-index: 2;
        width: calc(100% - 48px);
        margin: 0 auto 12px;
    }
}

@media (max-width: 767px) {
    .drop-menu {
        display: block;
        width: calc(100% - 40px);
    }
}

.drop-menu__btn {
    padding: 0 16px;
    background-color: #fff;
    border-radius: 6px;
    border-color: #78a3fe;
    box-shadow: 0 0 5px 0 rgba(31, 90, 252, 0.16);
    color: #1f5afc;
}

.drop-menu__btn .icon-chevron_down {
    color: #1f5afc;
}

.drop-menu__list {
    padding: 12px 0;
    border-radius: 6px;
    background-color: #fff;
}

.drop-menu__list>li {
    padding: 0;
}

.drop-menu__list>li:hover>.inside {
    color: #1f5afc;
}

.drop-menu__list>li>.inside {
    padding: 0 16px;
    box-sizing: border-box;
    color: #616161;
    line-height: 40px;
}

.drop-menu__list>li>.inside.js-drop-title {
    justify-content: space-between;
}

.drop-menu__list>li>.inside.js-drop-title [class^=icon-] {
    font-size: 16px;
}

.drop-menu__list>li.on>.inside {
    color: #1f5afc;
}

.drop-menu__list>li.on>.inside [class^=icon-] {
    color: #1f5afc;
}

.drop-menu__list>li .sidebar-depth2-list {
    padding: 8px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fafafa;
}

.drop-menu__list>li .sidebar-depth2-list>li.on>.inside {
    color: #000;
}

.drop-menu__list>li .sidebar-depth2-list>li>.inside {
    width: 100%;
    box-sizing: border-box;
    color: #9e9e9e;
    font-size: 12px;
}

.drop-menu__list>li .sidebar-depth2-list>li:hover>.inside {
    color: #000;
}

.list-double-gap {
    gap: 32px 40px;
}

@media (max-width: 1024px) {
    .list-double-gap {
        gap: 24px 32px;
    }
}

@media (max-width: 767px) {
    .list-double-gap {
        gap: 16px 0;
    }
}

.list-double-gap .list__inner-list .box-img {
    overflow: hidden;
    border-top-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

.list-double-gap>li {
    flex-basis: calc(50% - 20px);
}

@media (max-width: 1024px) {
    .list-double-gap>li {
        flex-basis: calc(50% - 16px);
    }
}

@media (max-width: 767px) {
    .list-double-gap>li {
        flex-basis: 100%;
    }
}

.list-double-gap>li .list__inner-list>li.box-middle {
    padding-top: 24px;
}

@media (max-width: 1024px) {
    .list-double-gap>li .list__inner-list>li.box-middle {
        padding-top: 16px;
    }
}

.list-triple,
.list-triple--interval,
.list-triple--interval-v2 {
    gap: 32px 40px;
}

@media (max-width: 1024px) {

    .list-triple,
    .list-triple--interval,
    .list-triple--interval-v2 {
        gap: 24px 32px;
    }
}

@media (max-width: 767px) {

    .list-triple,
    .list-triple--interval,
    .list-triple--interval-v2 {
        gap: 16px;
    }
}

.list-triple>li,
.list-triple--interval>li,
.list-triple--interval-v2>li {
    flex-basis: calc(33.3333333333% - 26.6666666667px);
}

@media (max-width: 1024px) {

    .list-triple>li,
    .list-triple--interval>li,
    .list-triple--interval-v2>li {
        flex-basis: calc(33.3333333333% - 21.3333333333px);
        width: 33.33%;
    }
}

@media (max-width: 767px) {

    .list-triple>li,
    .list-triple--interval>li,
    .list-triple--interval-v2>li {
        flex-basis: calc(50% - 8px);
        width: 50%;
    }
}

.list-triple>li .list__inner-list,
.list-triple--interval>li .list__inner-list,
.list-triple--interval-v2>li .list__inner-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.list-triple>li .list__inner-list>li:first-child,
.list-triple--interval>li .list__inner-list>li:first-child,
.list-triple--interval-v2>li .list__inner-list>li:first-child {
    flex-basis: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eee;
}

.list-triple>li .list__inner-list .box-img,
.list-triple--interval>li .list__inner-list .box-img,
.list-triple--interval-v2>li .list__inner-list .box-img {
    display: flex;
    align-items: center;
    height: auto;
    padding-bottom: 0;
    background-color: #eee;
}

@media (max-width: 767px) {

    .list-triple>li .list__inner-list .box-img,
    .list-triple--interval>li .list__inner-list .box-img,
    .list-triple--interval-v2>li .list__inner-list .box-img {
        min-height: auto;
    }
}

.list-triple>li .list__inner-list .box-img>img,
.list-triple--interval>li .list__inner-list .box-img>img,
.list-triple--interval-v2>li .list__inner-list .box-img>img {
    height: 100%;
}

@media (max-width: 767px) {

    .list-triple>li .list__inner-list .box-middle,
    .list-triple--interval>li .list__inner-list .box-middle,
    .list-triple--interval-v2>li .list__inner-list .box-middle {
        min-height: 128px;
    }
}

.list-triple>li .list__inner-list .box-middle__center,
.list-triple--interval>li .list__inner-list .box-middle__center,
.list-triple--interval-v2>li .list__inner-list .box-middle__center {
    padding-top: 20px !important;
}

@media (max-width: 1024px) {

    .list-triple>li .list__inner-list .box-middle__center,
    .list-triple--interval>li .list__inner-list .box-middle__center,
    .list-triple--interval-v2>li .list__inner-list .box-middle__center {
        padding-top: 16px !important;
    }
}

.list-triple--interval-v2>li {
    min-height: 246px;
    padding: 32px 24px;
    border-radius: 6px;
}

.list-triple--interval-v2>li:hover {
    border-color: #ffe082;
    box-shadow: 0 2px 20px 0 rgba(255, 197, 0, 0.08);
}

@media (max-width: 1024px) {
    .list-triple--interval-v2>li {
        min-height: 199px;
        padding: 24px 16px;
    }
}

@media (max-width: 767px) {
    .list-triple--interval-v2>li {
        min-height: 191px;
    }
}

.list-triple--interval-v2>li .list__inner-list>li:first-child {
    align-items: flex-start;
    background-color: transparent;
}

@media (max-width: 1024px) {
    .list-triple--interval-v2>li .list__inner-list>li.box-middle .box-middle__top {
        padding-bottom: 8px;
    }
}

.list-triple--interval-v2>li .list__inner-list>li.box-middle .box-middle__center {
    padding-top: 0 !important;
}

@media (max-width: 767px) {
    .list-triple--interval-v2>li .list__inner-list>li.box-middle .box-middle__center .txt--m4 {
        font-size: 14px;
    }
}

@media (max-width: 767px) {

    .list-triple--interval-v2>li .list__inner-list>li.box-middle .box-middle__bottom .list-table>li .list-definition,
    .list-triple--interval-v2>li .list__inner-list>li.box-middle .box-middle__bottom .list-table>li .list-table-bg>li dl,
    .list-table-bg>li .list-triple--interval-v2>li .list__inner-list>li.box-middle .box-middle__bottom .list-table>li dl {
        flex-wrap: wrap;
    }
}

@media (max-width: 1024px) {
    .list-dot>li {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .list-dot>li::before {
        left: 8px;
        top: 10px;
    }
}

.list-point>li {
    position: relative;
    padding-left: 10px;
    color: #000;
    font-size: 14px;
    text-align: left;
}

@media (max-width: 1024px) {
    .list-point>li {
        font-size: 13px;
    }
}

.list-point>li::before {
    content: "·";
    position: absolute;
    left: 0;
    top: 0;
    padding-right: 3px;
}

.list-point+.cm-list-dot {
    padding: 4px 0 8px 16px;
}

.list-point+.cm-list-dot>li {
    font-size: 14px;
}

.list-status {
    display: flex;
    align-items: stretch;
    border: 1px solid #eee;
    box-sizing: border-box;
    border-radius: 16px;
}

@media (max-width: 767px) {
    .list-status {
        flex-direction: column;
    }
}

.list-status>li {
    position: relative;
    flex: 1 1 33.33%;
}

@media (max-width: 767px) {
    .list-status>li {
        flex-basis: 100%;
    }
}

.list-status>li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 120px;
    background-color: #eee;
}

@media (max-width: 767px) {
    .list-status>li::before {
        content: none;
    }
}

.list-status>li:first-child::before {
    content: none;
}

.list-status>li:first-child .list-status__box {
    border-top: 0;
}

.list-status__box {
    height: 100%;
    padding: 40px;
    box-sizing: border-box;
    text-align: center;
}

@media (max-width: 1024px) {
    .list-status__box {
        padding: 32px 30px;
    }
}

@media (max-width: 767px) {
    .list-status__box {
        margin: 0 30px;
        padding: 32px 0;
        border-top: 1px solid #eee;
    }
}

.list-status__box>img {
    display: block;
    width: 40px;
    margin: 0 auto 16px;
}

@media (max-width: 1024px) {
    .list-status__box>img {
        width: 32px;
        margin-bottom: 12px;
    }
}

.list-status__box>p {
    font-size: 16px;
}

.list-status__con {
    padding-top: 20px;
}

@media (max-width: 1024px) {
    .list-status__con {
        padding-top: 12px;
    }
}

.list-status__con--txt {
    color: #757575;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .list-status__con--txt {
        font-size: 14px;
    }
}

.list-status__con--sub {
    color: #9e9e9e;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .list-status__con--sub {
        font-size: 12px;
    }
}

.list-procedure,
.list-procedure-double,
.list-procedure-v2 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 24px 87px;
}

@media (max-width: 767px) {

    .list-procedure,
    .list-procedure-double,
    .list-procedure-v2 {
        flex-direction: column;
        gap: 8px 0;
    }
}

.list-procedure>li,
.list-procedure-double>li,
.list-procedure-v2>li {
    position: relative;
    flex: 1 1 calc(33.3333333333% - 58px);
    width: 240px;
}

@media (max-width: 767px) {

    .list-procedure>li,
    .list-procedure-double>li,
    .list-procedure-v2>li {
        flex-basis: 100%;
        width: 100%;
    }
}

.list-procedure>li::after,
.list-procedure-double>li::after,
.list-procedure-v2>li::after {
    content: "\e924";
    position: absolute;
    left: -55px;
    top: 50%;
    transform: translateY(-50%);
    color: #ff9100;
    font: 24px "icomoon";
}

@media (max-width: 767px) {

    .list-procedure>li::after,
    .list-procedure-double>li::after,
    .list-procedure-v2>li::after {
        content: none;
    }
}

.list-procedure>li:nth-child(1)::after,
.list-procedure-double>li:nth-child(1)::after,
.list-procedure-v2>li:nth-child(1)::after,
.list-procedure>li:nth-child(4)::after,
.list-procedure-double>li:nth-child(4)::after,
.list-procedure-v2>li:nth-child(4)::after {
    content: none;
}

.list-procedure>li:first-child .list-procedure__box,
.list-procedure-double>li:first-child .list-procedure__box,
.list-procedure-v2>li:first-child .list-procedure__box {
    background-color: #ffecb1;
    border-color: transparent;
}

.list-procedure>li:last-child .list-procedure__box,
.list-procedure-double>li:last-child .list-procedure__box,
.list-procedure-v2>li:last-child .list-procedure__box {
    border-top: 0;
    background-image: linear-gradient(to top, #ff9100, #ffc500);
    border-color: transparent;
}

.list-procedure>li:last-child .list-procedure__box p,
.list-procedure-double>li:last-child .list-procedure__box p,
.list-procedure-v2>li:last-child .list-procedure__box p {
    color: #fff;
}

.list-procedure__box {
    padding: 32px 16px;
    box-sizing: border-box;
    border-radius: 16px;
    border: 1px solid #ffe082;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    height: 100%;
}

@media (max-width: 1024px) {
    .list-procedure__box {
        padding: 24px 16px;
        border-radius: 8px;
    }
}

.list-procedure__box p {
    width: 100%;
    text-align: center;
}

@media (max-width: 767px) {
    .list-procedure__box p {
        text-align: left;
    }
}

.list-procedure__num {
    padding-bottom: 12px;
    color: #ff9100;
    font: 15px "happiness-bold";
}

@media (max-width: 1024px) {
    .list-procedure__num {
        padding-bottom: 8px;
        font-size: 13px;
    }
}

.list-procedure__con {
    font: 18px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .list-procedure__con {
        font-size: 16px;
    }
}

.list-procedure__con--sub {
    font-size: 16px;
}

.list-procedure-v2 {
    gap: 24px;
}

@media (max-width: 1024px) {
    .list-procedure-v2 {
        gap: 16px 26px;
    }
}

@media (max-width: 767px) {
    .list-procedure-v2 {
        gap: 16px 0;
    }
}

.list-procedure-v2>li {
    flex-basis: calc(25% - 24px);
}

.list-procedure-v2>li:nth-child(3) {
    flex-basis: 50%;
}

.list-procedure-v2>li.clear {
    flex-basis: calc(25% - 24px);
}

.list-procedure-v2>li.arrow::after {
    content: "\e924";
}

@media (max-width: 767px) {
    .list-procedure-v2>li.arrow::after {
        content: none;
    }
}

.list-procedure-v2>li.no-arrow::after {
    content: none;
}

.list-procedure-v2>li::after {
    top: 52px;
    left: -25px;
    transform: translateY(0);
}

@media (max-width: 767px) {
    .list-procedure-v2>li::after {
        content: none;
    }
}

.list-procedure-v2>li .list-procedure__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 129px;
    padding: 24px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .list-procedure-v2>li .list-procedure__box {
        padding: 24px 12px;
        height: 114px;
    }
}

@media (max-width: 767px) {
    .list-procedure-v2>li .list-procedure__box {
        padding: 24px 16px;
        height: 94px;
    }
}

.list-procedure-v2>li .list-procedure__box.focus {
    border: 2px solid #ffc500;
}

.list-procedure-v2>li .list-procedure__detail {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
    padding: 16px 20px;
    box-sizing: border-box;
    border-radius: 16px;
    border: 1px dashed #9e9e9e;
}

@media (max-width: 1024px) {
    .list-procedure-v2>li .list-procedure__detail {
        padding: 10px;
        border-radius: 8px;
    }
}

.list-procedure-v2>li .list-procedure__detail p {
    color: #616161;
    font-size: 13px;
    text-align: center;
}

@media (max-width: 1024px) {
    .list-procedure-v2>li .list-procedure__detail p {
        font-size: 12px;
    }
}

.list-procedure-v2>li .list-procedure__detail.point {
    border-color: #ff9100;
}

.list-procedure-v2__con {
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .list-procedure-v2__con {
        font-size: 14px;
    }
}

.list-procedure-v2.first-last {
    padding-top: 24px;
}

.list-procedure-v2.first-last>li:first-child,
.list-procedure-v2.first-last>li:last-child,
.list-procedure-v2.first-last>li:nth-child(4) {
    flex-basis: calc(50% - 13px);
}

.list-procedure-v2.first-last>li:nth-child(3) {
    flex-basis: calc(25% - 24px);
}

.list-procedure-v2.first-last>li::after {
    top: 42px;
}

.list-procedure-v2.first-last>li .list-procedure__box {
    max-height: 107px;
}

@media (max-width: 767px) {
    .list-procedure-v2.first-last>li .list-procedure__box {
        max-height: 94px;
    }
}

.list-procedure-double {
    gap: 24px 32px;
}

@media (max-width: 1024px) {
    .list-procedure-double {
        gap: 16px 26px;
    }
}

@media (max-width: 767px) {
    .list-procedure-double {
        gap: 8px 0;
    }
}

.list-procedure-double>li {
    flex: 1 1 calc(50% - 58px);
    width: auto;
}

.list-procedure-double>li::after {
    left: -28px;
}

@media (max-width: 1024px) {
    .list-procedure-double>li::after {
        left: -25px;
    }
}

.list-procedure-double>li:nth-child(even)::after {
    content: "\e924";
}

@media (max-width: 767px) {
    .list-procedure-double>li:nth-child(even)::after {
        content: "";
    }
}

.list-procedure-double>li:nth-child(odd)::after {
    content: "";
}

.list-procedure .additional-txt,
.list-procedure-v2 .additional-txt,
.list-procedure-double .additional-txt {
    display: block;
    padding-top: 4px;
    color: #616161;
    font-size: 14px;
    text-align: center;
}

@media (max-width: 1024px) {

    .list-procedure .additional-txt,
    .list-procedure-v2 .additional-txt,
    .list-procedure-double .additional-txt {
        font-size: 12px;
    }
}

@media (max-width: 767px) {

    .list-procedure .additional-txt,
    .list-procedure-v2 .additional-txt,
    .list-procedure-double .additional-txt {
        text-align: left;
    }
}

.list-sub {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 24px;
}

@media (max-width: 1024px) {
    .list-sub {
        gap: 16px;
    }
}

@media (max-width: 767px) {
    .list-sub {
        gap: 16px 8px;
    }
}

.list-sub>li {
    flex: 0 0 calc(33.3333333333% - 16px);
}

@media (max-width: 1024px) {
    .list-sub>li {
        flex-basis: calc(33.3333333333% - 10.6666666667px);
    }
}

@media (max-width: 767px) {
    .list-sub>li {
        flex-basis: calc(50% - 4px);
    }
}

.list-sub .box-img {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.list-sub .box-img>img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.list-sub .box-txt {
    padding-top: 16px;
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .list-sub .box-txt {
        padding-top: 8px;
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .list__inner-list>li.box-middle {
        padding-top: 8px;
    }
}

.list__inner-list>li.box-middle .box-middle__top {
    padding-bottom: 12px;
}

@media (max-width: 1024px) {
    .list__inner-list>li.box-middle .box-middle__top {
        padding-bottom: 8px;
    }
}

.list__inner-list>li.box-middle .box-middle__center {
    padding: 0 0 16px;
}

@media (max-width: 1024px) {
    .list__inner-list>li.box-middle .box-middle__center {
        padding: 0 0 12px;
    }
}

.list__inner-list>li.box-middle .box-middle__center [class*=word-] {
    width: 100%;
}

@media (max-width: 767px) {
    .list__inner-list>li.box-middle .box-middle__center .txt--m4.word-line-single {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        width: 100%;
        height: auto;
        text-overflow: ellipsis;
        white-space: pre-wrap;
        font-size: 14px;
    }
}

.list__inner-list>li .icon-custom-download {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.041 10.401c.172 0 .332.072.445.186.11.117.18.277.18.45v2.957a.677.677 0 0 1-.02.164.634.634 0 0 1-.617.509H1.967a.632.632 0 0 1-.625-.564c-.009-.038-.009-.072-.009-.114v-2.957c0-.349.286-.63.63-.63a.631.631 0 0 1 .63.63V13.4H13.41v-2.368c0-.349.286-.63.63-.63zM8.008 1.333a.728.728 0 0 1 .735.736v6.827l1.86-1.863a.739.739 0 0 1 1.04 0 .754.754 0 0 1-.012 1.043l-3.094 3.1c-.004.008-.012.012-.016.016a.728.728 0 0 1-.408.206l-.037.005c-.026.004-.05.004-.076.004l-.071-.004-.038-.005a.715.715 0 0 1-.407-.206l-.017-.016-3.094-3.1a.736.736 0 0 1-.214-.522.736.736 0 0 1 1.255-.521l1.86 1.863V2.069c0-.403.331-.736.734-.736z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E%0A");
}

.list__inner-list .box-img {
    overflow: hidden;
}

.list__inner-list .box-img.box-pdf {
    min-height: 349px;
}

@media (max-width: 1248px) {
    .list__inner-list .box-img.box-pdf {
        min-height: 282px;
    }
}

@media (max-width: 767px) {
    .list__inner-list .box-img.box-pdf {
        min-height: 196px;
    }
}

.list__inner-list .box-img.box-pdf>img {
    position: static;
    left: auto;
    top: auto;
    transform: translate(0, 0);
    height: 100%;
}

.list__inner-list .box-img.box-pdf [class^=btn-] {
    position: absolute;
    top: 16px;
    right: 16px;
}

@media (max-width: 1024px) {
    .list__inner-list .box-img.box-pdf [class^=btn-] {
        top: 12px;
        right: 12px;
    }
}

.list__inner-list .box-img .icon-link {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.32);
    border-radius: 6px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 32px;
}

.list__inner-list .box-img .icon-custom-play--bg {
    left: auto;
    right: 16px;
    bottom: auto;
    top: 16px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.32);
}

@media (max-width: 1024px) {
    .list__inner-list .box-img .icon-custom-play--bg {
        right: 12px;
        top: 12px;
    }
}

.list-come {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
}

@media (max-width: 1024px) {
    .list-come {
        gap: 8px 0;
    }
}

.list-come>li {
    gap: 0 48px;
    padding: 32px;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #eee;
}

@media (max-width: 1024px) {
    .list-come>li {
        gap: 0 32px;
        padding: 24px;
    }
}

@media (max-width: 767px) {
    .list-come>li {
        flex-direction: column;
        gap: 24px 0;
        padding: 24px 16px;
    }
}

.list-come__mark {
    flex: 0 0 80px;
    justify-content: center;
    width: 80px;
    height: 80px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #fff9e6;
}

@media (max-width: 1024px) {
    .list-come__mark {
        flex-basis: 60px;
        width: 60px;
        height: 60px;
    }
}

.list-come__mark>img {
    display: inline-block;
    width: 36px;
}

@media (max-width: 1024px) {
    .list-come__mark>img {
        width: 24px;
        height: 24px;
    }
}

.list-come__con {
    flex: 1 1 auto;
}

@media (max-width: 767px) {
    .list-come__con {
        width: 100%;
    }
}

.list-come__con--title {
    padding-bottom: 24px;
    font: 22px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .list-come__con--title {
        padding-bottom: 16px;
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .list-come__con--title {
        font-size: 18px;
        text-align: center;
    }
}

.list-come__con--txt {
    color: #616161;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .list-come__con--txt {
        font-size: 14px;
    }
}

.list-come__lining {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
}

.list-come__lining>li {
    display: flex;
    align-items: flex-start;
    gap: 0 24px;
}

@media (max-width: 1024px) {
    .list-come__lining>li {
        flex-direction: row;
        gap: 0 16px;
    }
}

.list-come__lining--station {
    flex-shrink: 0;
    padding-top: 3px;
    color: #263b97;
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .list-come__lining--station {
        padding-top: 2px;
        font-size: 14px;
    }
}

.list-come__lining--station.light {
    color: #014fa4;
}

.list-come__lining--station.light .station-txt {
    display: inline-block;
    width: 40px;
    height: 24px;
    margin-right: 8px;
    box-sizing: border-box;
    background-color: #014fa4;
    border-radius: 12px;
    color: #fff;
    font: 13px /1.4em "Pretendard";
    text-align: center;
    line-height: 24px;
}

@media (max-width: 1024px) {
    .list-come__lining--station.light .station-txt {
        width: 34px;
        height: 18px;
        margin-right: 2px;
        font-size: 11px;
        line-height: 18px;
    }
}

.list-come__lining--station.dark {
    color: #000;
}

.list-come__lining--station .station-num {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #263b97;
    color: #fff;
    font: 13px "happiness-bold";
    text-align: center;
    line-height: 23px;
}

@media (max-width: 1024px) {
    .list-come__lining--station .station-num {
        width: 18px;
        height: 18px;
        margin-right: 2px;
        font-size: 11px;
        line-height: 18px;
    }
}

.list-come__lining--con {
    flex: 1 1 auto;
}

@media (max-width: 1024px) {
    .list-step {
        gap: 0 12px;
    }
}

.list-step>li {
    width: 32px;
    height: 32px;
    background-color: #f5f5f5;
    color: #9e9e9e;
    font: 13px "happiness-bold";
    line-height: 32px;
}

@media (max-width: 1024px) {
    .list-step>li {
        width: 28px;
        height: 28px;
        font-size: 11px;
        line-height: 28px;
    }
}

.list-step>li.past {
    background-color: #ffecb1;
    color: #fff;
}

.list-step>li.now {
    width: 32px;
    height: 32px;
    background-color: #ffc500;
    color: #fff;
    line-height: 32px;
}

.list-certification {
    display: flex;
    align-items: stretch;
    gap: 0 16px;
    margin-bottom: 60px;
}

@media (max-width: 1024px) {
    .list-certification {
        gap: 0 8px;
        margin-bottom: 40px;
    }
}

.list-certification>li {
    flex: 0 0 calc(50% - 8px);
    height: 220px;
}

@media (max-width: 1024px) {
    .list-certification>li {
        height: 180px;
    }
}

@media (max-width: 767px) {
    .list-certification>li {
        height: 140px;
    }
}

.list-certification>li .inside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px 0;
    height: 100%;
    box-sizing: border-box;
    border-radius: 16px;
    box-shadow: 0 2px 10px 0 rgba(31, 90, 252, 0.08);
    border: 2px solid #eef3ff;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .list-certification>li .inside {
        gap: 20px 0;
    }
}

.list-certification>li:hover>.inside {
    border-color: #78a3fe;
    color: #1f5afc;
}

.list-certification>li:hover .list-certification__txt {
    color: #1f5afc;
}

.list-certification__txt {
    font: 18px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .list-certification__txt {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .list-certification__txt {
        font-size: 14px;
    }
}

.list-certification img {
    display: block;
    width: 60px;
}

@media (max-width: 1024px) {
    .list-certification img {
        width: 40px;
    }
}

.list-chk-frame {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.list-chk-frame>li {
    flex: 1 1 calc(50% - 10px);
}

@media (max-width: 767px) {
    .list-chk-frame>li {
        flex-basis: calc(50% - 7.5px);
    }
}

.list-chk-frame>li .chk-box {
    height: 28px;
}

@media (max-width: 1024px) {
    .list-chk-frame>li .chk-box {
        height: 25px;
    }
}

@media (max-width: 1024px) {
    .list-chk-frame>li .chk-box__txt {
        font-size: 12px;
    }
}

.list-tag {
    gap: 8px;
    padding: 24px 0;
    border-top: 0;
}

.list-tag-frame {
    display: flex;
    align-items: flex-start;
    gap: 0 8px;
    border-top: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .list-tag-frame {
        display: none;
    }
}

.list-tag>li .btn-tiny-refresh,
.list-tag>li .btn-tiny-category {
    height: 32px;
    border-radius: 16px;
}

.list-tag>li .btn-tiny-refresh {
    min-width: 86px;
    padding: 7px 12px 6px;
    border-color: #e0e0e0;
    background-color: #fff;
    color: #000;
    font-size: 12px;
}

.list-tag>li .btn-tiny-refresh [class^=icon-] {
    margin-left: 0;
    color: #000;
}

.list-tag>li .btn-tiny-category {
    padding: 5px 12px 4px;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    font-size: 13px;
}

.list-tag>li .btn-tiny-category [class^=icon-] {
    color: #9e9e9e;
    font-size: 16px;
}

.list-border-gap>li {
    border-radius: 6px;
}

.list-border-gap>li .info-data-box {
    padding: 24px;
}

@media (max-width: 1024px) {
    .list-border-gap>li .info-data-box {
        padding: 16px;
    }
}

.list-border-gap--regular>li {
    border-radius: 6px;
}

@media (max-width: 1024px) {
    .list-border-gap--regular>li {
        margin-top: 12px;
    }
}

@media (max-width: 767px) {
    .list-border-gap--regular>li {
        margin-top: 8px;
    }
}

.list-border-gap--regular>li.disabled {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.list-border-gap--regular>li:hover,
.list-border-gap--regular>li:focus {
    box-shadow: 0 2px 20px 0 rgba(31, 90, 252, 0.08);
    border-color: #78a3fe;
}

.list-border-gap--regular .list__inner-flex--triple {
    padding: 32px 0;
}

@media (max-width: 1024px) {
    .list-border-gap--regular .list__inner-flex--triple {
        display: flex;
        padding: 24px 0;
    }
}

@media (max-width: 767px) {
    .list-border-gap--regular .list__inner-flex--triple {
        flex-direction: column;
        gap: 20px 0;
    }
}

.list-border-gap--regular .list__inner-flex--triple>li.box-middle {
    flex: 1 1 calc(100% - 180px);
    min-height: 147px;
    padding: 0 32px;
}

@media (max-width: 1024px) {
    .list-border-gap--regular .list__inner-flex--triple>li.box-middle {
        flex-basis: calc(100% - 148px);
        min-height: 138px;
        padding: 0 20px;
    }
}

@media (max-width: 767px) {
    .list-border-gap--regular .list__inner-flex--triple>li.box-middle {
        flex-basis: auto;
        min-height: auto;
    }
}

.list-border-gap--regular .list__inner-flex--triple>li.box-right {
    flex: 1 1 180px;
    align-items: center;
    min-height: 147px;
    padding: 0 32px;
    border-left: 1px solid #eee;
}

@media (max-width: 1024px) {
    .list-border-gap--regular .list__inner-flex--triple>li.box-right {
        flex-direction: column;
        flex-basis: 148px;
        width: auto;
        min-height: 138px;
        padding: 0 20px;
    }
}

@media (max-width: 767px) {
    .list-border-gap--regular .list__inner-flex--triple>li.box-right {
        flex-direction: row;
        flex-wrap: wrap;
        flex-basis: auto;
        width: 100%;
        min-height: auto;
        border-left: 0;
    }
}

.list-border-gap--regular .list__inner-flex--triple>li.box-right [class^=btn-] {
    flex: 0 0 auto;
}

@media (max-width: 767px) {
    .list-border-gap--regular .list__inner-flex--triple>li.box-right [class^=btn-] {
        flex: 1 1 auto;
    }
}

@media (max-width: 767px) {
    .list-border-gap--regular .list__inner-flex--triple>li.box-right .btn-normal-primary {
        flex-basis: 100%;
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .list-border-gap--regular .list__inner-flex--triple [class^=btn-] {
        min-width: 100px;
        padding: 8px 12px 9px 12px;
    }
}

.list-table {
    display: flex;
    flex-wrap: wrap;
    gap: 0 32px;
}

@media (max-width: 1024px) {
    .list-table {
        gap: 0 24px;
    }
}

@media (max-width: 767px) {
    .list-table {
        gap: 0;
    }
}

.list-table>li .list-definition,
.list-table>li .list-table-bg>li dl,
.list-table-bg>li .list-table>li dl {
    gap: 0 16px;
}

@media (max-width: 1024px) {

    .list-table>li .list-definition,
    .list-table>li .list-table-bg>li dl,
    .list-table-bg>li .list-table>li dl {
        gap: 0 8px;
    }
}

.list-table>li .list-definition>dt,
.list-table>li .list-table-bg>li dl>dt,
.list-table-bg>li .list-table>li dl>dt,
.list-table>li .list-definition>dd,
.list-table>li .list-table-bg>li dl>dd,
.list-table-bg>li .list-table>li dl>dd {
    font-size: 14px;
    line-height: 1.75em;
}

@media (max-width: 1024px) {

    .list-table>li .list-definition>dt,
    .list-table>li .list-table-bg>li dl>dt,
    .list-table-bg>li .list-table>li dl>dt,
    .list-table>li .list-definition>dd,
    .list-table>li .list-table-bg>li dl>dd,
    .list-table-bg>li .list-table>li dl>dd {
        font-size: 12px;
    }
}

.list-table>li .list-definition>dt,
.list-table>li .list-table-bg>li dl>dt,
.list-table-bg>li .list-table>li dl>dt {
    min-width: auto;
    color: #000;
}

@media (max-width: 767px) {

    .list-table>li .list-definition>dt,
    .list-table>li .list-table-bg>li dl>dt,
    .list-table-bg>li .list-table>li dl>dt {
        min-width: 45px;
    }
}

.list-table>li .list-definition>dd,
.list-table>li .list-table-bg>li dl>dd,
.list-table-bg>li .list-table>li dl>dd {
    color: #9e9e9e;
}

.list-table-bg>li>dl:nth-child(2) {
    border-left: 1px solid #e0e0e0;
}

@media (max-width: 767px) {
    .list-table-bg>li>dl:nth-child(2) {
        border-left: 0;
    }
}

.list-table-bg>li .list-definition dt,
.list-table-bg>li dl dt,
.list-table-bg>li .list-definition dd,
.list-table-bg>li dl dd {
    min-height: 57px;
    color: #000;
    font-size: 14px;
}

@media (max-width: 1024px) {

    .list-table-bg>li .list-definition dt,
    .list-table-bg>li dl dt,
    .list-table-bg>li .list-definition dd,
    .list-table-bg>li dl dd {
        min-height: 47px;
        padding: 15px 12px;
        font-size: 13px;
    }
}

@media (max-width: 767px) {

    .list-table-bg>li .list-definition dt,
    .list-table-bg>li dl dt,
    .list-table-bg>li .list-definition dd,
    .list-table-bg>li dl dd {
        height: auto;
    }
}


@media (max-width: 1024px) {

    .list-table-bg>li {
        min-width: 100px;
    }
}

.list-table-bg>li .list-definition dd,
.list-table-bg>li dl dd {
    border-left: 1px solid #e0e0e0;
}

.list-table-bg>li .list-definition dd .btn-micro,
.list-table-bg>li dl dd .btn-micro,
.list-table-bg>li .list-definition dd .btn-micro--bg,
.list-table-bg>li dl dd .btn-micro--bg,
.list-table-bg>li .list-definition dd .btn-micro-primary,
.list-table-bg>li dl dd .btn-micro-primary,
.list-table-bg>li .list-definition dd .btn-micro-primary--outline,
.list-table-bg>li dl dd .btn-micro-primary--outline,
.list-table-bg>li .list-definition dd .btn-micro-secondary,
.list-table-bg>li dl dd .btn-micro-secondary,
.list-table-bg>li .list-definition dd .btn-micro-secondary--outline,
.list-table-bg>li dl dd .btn-micro-secondary--outline,
.list-table-bg>li .list-definition dd .btn-micro-dark,
.list-table-bg>li dl dd .btn-micro-dark,
.list-table-bg>li .list-definition dd .btn-micro-dark--outline,
.list-table-bg>li dl dd .btn-micro-dark--outline,
.list-table-bg>li .list-definition dd .btn-micro-white,
.list-table-bg>li dl dd .btn-micro-white,
.list-table-bg>li .list-definition dd .btn-micro-white--outline,
.list-table-bg>li dl dd .btn-micro-white--outline,
.list-table-bg>li .list-definition dd .btn-micro-400,
.list-table-bg>li dl dd .btn-micro-400,
.list-table-bg>li .list-definition dd .btn-micro-400--outline,
.list-table-bg>li dl dd .btn-micro-400--outline {
    background-color: #ff9100;
    border-color: transparent;
    color: #fff;
}

.list-table-bg>li .list-definition dd .btn-micro [class^=icon-],
.list-table-bg>li dl dd .btn-micro [class^=icon-],
.list-table-bg>li .list-definition dd .btn-micro--bg [class^=icon-],
.list-table-bg>li dl dd .btn-micro--bg [class^=icon-],
.list-table-bg>li .list-definition dd .btn-micro-primary [class^=icon-],
.list-table-bg>li dl dd .btn-micro-primary [class^=icon-],
.list-table-bg>li .list-definition dd .btn-micro-primary--outline [class^=icon-],
.list-table-bg>li dl dd .btn-micro-primary--outline [class^=icon-],
.list-table-bg>li .list-definition dd .btn-micro-secondary [class^=icon-],
.list-table-bg>li dl dd .btn-micro-secondary [class^=icon-],
.list-table-bg>li .list-definition dd .btn-micro-secondary--outline [class^=icon-],
.list-table-bg>li dl dd .btn-micro-secondary--outline [class^=icon-],
.list-table-bg>li .list-definition dd .btn-micro-dark [class^=icon-],
.list-table-bg>li dl dd .btn-micro-dark [class^=icon-],
.list-table-bg>li .list-definition dd .btn-micro-dark--outline [class^=icon-],
.list-table-bg>li dl dd .btn-micro-dark--outline [class^=icon-],
.list-table-bg>li .list-definition dd .btn-micro-white [class^=icon-],
.list-table-bg>li dl dd .btn-micro-white [class^=icon-],
.list-table-bg>li .list-definition dd .btn-micro-white--outline [class^=icon-],
.list-table-bg>li dl dd .btn-micro-white--outline [class^=icon-],
.list-table-bg>li .list-definition dd .btn-micro-400 [class^=icon-],
.list-table-bg>li dl dd .btn-micro-400 [class^=icon-],
.list-table-bg>li .list-definition dd .btn-micro-400--outline [class^=icon-],
.list-table-bg>li dl dd .btn-micro-400--outline [class^=icon-] {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.041 10.401c.172 0 .332.072.445.186.11.117.18.277.18.45v2.957a.677.677 0 0 1-.02.164.634.634 0 0 1-.617.509H1.967a.632.632 0 0 1-.625-.564c-.009-.038-.009-.072-.009-.114v-2.957c0-.349.286-.63.63-.63a.631.631 0 0 1 .63.63V13.4H13.41v-2.368c0-.349.286-.63.63-.63zM8.008 1.333a.728.728 0 0 1 .735.736v6.827l1.86-1.863a.739.739 0 0 1 1.04 0 .754.754 0 0 1-.012 1.043l-3.094 3.1c-.004.008-.012.012-.016.016a.728.728 0 0 1-.408.206l-.037.005c-.026.004-.05.004-.076.004l-.071-.004-.038-.005a.715.715 0 0 1-.407-.206l-.017-.016-3.094-3.1a.736.736 0 0 1-.214-.522.736.736 0 0 1 1.255-.521l1.86 1.863V2.069c0-.403.331-.736.734-.736z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E%0A");
}

@media (max-width: 767px) {

    .list-table-bg>li .list-definition dd,
    .list-table-bg>li dl dd {
        /* display: block; */
    }
}

.list-table__more-frame {
    display: none;
}

@media (max-width: 767px) {
    .list-table__more-frame {
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding-top: 120px;
        background-color: rgba(255, 255, 255, 0.6);
    }
}

.list-table__more-frame.unfold-frame {
    position: initial;
    bottom: 0;
    padding-top: 16px;
    background-color: transparent;
}

@media (max-width: 767px) {
    .list-table__more-btn {
        border-radius: 16px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.04);
        border: 1px solid #e0e0e0;
        background-color: #fff;
        font: 12px /1.4em "Pretendard";
        text-align: center;
        line-height: 32px;
    }
}

@media (max-width: 767px) {
    .list-table__more-btn [class^=icon-] {
        font-size: 16px;
    }
}

.list-definition__txt {
    color: #000;
    font: 13px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .list-definition__txt {
        font-size: 12px;
    }
}

.list-logo {
    display: flex;
    justify-content: space-between;
    gap: 0 32px;
}

@media (max-width: 1024px) {
    .list-logo {
        gap: 0 24px;
    }
}

@media (max-width: 767px) {
    .list-logo {
        flex-direction: column;
        gap: 16px 0;
    }
}

.list-logo>li {
    flex: 0 0 calc(50% - 16px);
}

.list-activity {
    display: flex;
    justify-content: space-between;
    gap: 0 16px;
}

@media (max-width: 1248px) {
    .list-activity {
        gap: 0 8px;
    }
}

@media (max-width: 1024px) {
    .list-activity {
        width: calc(100% - 48px);
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .list-activity {
        flex-direction: column;
        gap: 8px 0;
        width: calc(100% - 40px);
    }
}

.list-activity>li {
    flex: 1 1 calc(33.3333333333% - 10.6666666667px);
    border-radius: 16px;
    padding: 32px;
    box-sizing: border-box;
}

@media (max-width: 1248px) {
    .list-activity>li {
        padding: 22.5px 24px;
    }
}

.list-activity>li.process {
    background-color: rgba(31, 90, 252, 0.04);
}

.list-activity>li.application {
    background-color: rgba(255, 197, 0, 0.08);
}

.list-activity>li.done {
    background-color: rgba(76, 175, 80, 0.08);
}

.list-activity>li .inside {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
}

.list-activity__title {
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1248px) {
    .list-activity__title {
        font-size: 14px;
    }
}

.list-activity__title>span {
    color: #616161;
    font-size: 14px;
}

@media (max-width: 1248px) {
    .list-activity__title>span {
        font-size: 12px;
    }
}

.list-activity__con {
    display: inline-block;
    vertical-align: middle;
    color: #616161;
    font-size: 14px;
}

@media (max-width: 1248px) {
    .list-activity__con {
        font-size: 12px;
    }
}

.list-activity__con--num {
    display: inline-block;
    vertical-align: -6px;
    padding-right: 8px;
    font: 30px "happiness-bold";
}

@media (max-width: 1248px) {
    .list-activity__con--num {
        padding-right: 4px;
        font-size: 26px;
    }
}

.list-learning {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 0 40px;
}

@media (max-width: 1024px) {
    .list-learning {
        gap: 0 24px;
    }
}

@media (max-width: 767px) {
    .list-learning {
        flex-direction: column;
        gap: 40px 0;
    }
}

.list-learning>li {
    flex: 1 1 calc(50% - 20px);
    width: calc(50% - 20px);
}

@media (max-width: 767px) {
    .list-learning>li {
        flex: 1 1 100%;
        width: 100%;
    }
}

.list-learning .list-come__con--title {
    display: flex;
    align-items: center;
}

@media (max-width: 1024px) {
    .list-learning .list-come__con--title {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .list-learning .list-come__con--title {
        font-size: 18px;
    }
}

.list-learning .list-come__con--title .fraction-remote {
    justify-content: space-between;
    width: 100px;
    margin-left: 16px;
    padding: 7px 8px;
    box-sizing: border-box;
    border-radius: 16px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.04);
    border: 1px solid #eee;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .list-learning .list-come__con--title .fraction-remote {
        padding: 4px 8px;
    }
}

.list-learning .list-come__con--title .fraction-remote .swiper-button-prev,
.list-learning .list-come__con--title .fraction-remote .swiper-button-next {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    width: 16px;
    height: 16px;
    margin-top: 0;
    background: none;
}

.list-learning .list-come__con--title .fraction-remote .swiper-button-prev::before,
.list-learning .list-come__con--title .fraction-remote .swiper-button-next::before {
    color: #9e9e9e;
    font: 16px "icomoon";
}

.list-learning .list-come__con--title .fraction-remote .swiper-button-prev::before {
    content: "\e957";
}

.list-learning .list-come__con--title .fraction-remote .swiper-button-next::before {
    content: "\e963";
}

.list-learning .list-come__con--title .fraction-remote .swiper-pagination-fraction {
    position: static;
    bottom: auto;
    left: auto;
    color: #9e9e9e;
    font: 13px "happiness-bold";
}

.list-learning .list-come__con--title .fraction-remote .swiper-pagination-current {
    color: #1f5afc;
}

.list-learning .list-come__con--title .txt-more {
    margin-left: auto;
}

.list-learning .list-notice-frame {
    min-height: 275px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    border-radius: 6px;
}

@media (max-width: 1024px) {
    .list-learning .list-notice-frame {
        min-height: 224px;
    }
}

.list-learning .list-notice>li {
    height: 68px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
}

.list-learning .list-notice>li:last-child {
    border-bottom: 0;
}

@media (max-width: 1024px) {
    .list-learning .list-notice>li {
        display: flex;
        align-items: center;
        width: 100%;
        height: auto;
        min-height: 56px;
    }
}

.list-learning .list-notice__definition {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 20px;
    width: 100%;
    padding: 20px 24px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .list-learning .list-notice__definition {
        padding: 16px;
    }
}

.list-learning .list-notice__definition dt {
    flex: 1 1 auto;
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .list-learning .list-notice__definition dt {
        font-size: 14px;
    }
}

.list-learning .list-notice__definition dt>a {
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .list-learning .list-notice__definition dt>a {
        font-size: 14px;
    }
}

.list-learning .list-notice__definition dd {
    flex: 1 0 auto;
}

.list-learning .list-notice__definition dd [class^=btn-] {
    min-width: 80px;
}

.list-learning .list-notice__definition [class^=icon-] {
    color: #616161;
    font-size: 20px;
}

@media (max-width: 1024px) {
    .list-learning .list-notice__definition .icon-lock_closed_outline {
        font-size: 16px;
    }
}

.list-balance {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px 0;
}

.list-balance>li {
    flex: 0 0 25%;
    font: 14px /1.75em "Pretendard";
    text-align: left;
}

@media (max-width: 1024px) {
    .list-balance>li {
        flex-basis: 33.3333333333%;
        font-size: 13px;
    }
}

.list-number {
    margin-top: 24px;
}

@media (max-width: 1024px) {
    .list-number {
        margin-top: 16px;
    }
}

.list-number>li {
    display: flex;
    align-items: flex-start;
    gap: 0 12px;
    margin-top: 8px;
}

@media (max-width: 1024px) {
    .list-number>li {
        gap: 0 8px;
        margin-top: 4px;
    }
}

.list-number>li:first-child {
    margin-top: 0;
}

.list-number>li .num {
    display: inline-block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    border-radius: 50%;
    background-color: #ffc500;
    color: #fff;
    font: 12px /1.4em "Pretendard";
    text-align: center;
    line-height: 20px;
}

@media (max-width: 1024px) {
    .list-number>li .num {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 10px;
        line-height: 16px;
    }
}

.list-number__con {
    min-width: calc(100% - 20px);
    font: 16px /1.75em "Pretendard";
}

@media (max-width: 1024px) {
    .list-number__con {
        min-width: calc(100% - 16px);
        font-size: 14px;
    }
}

.list-number__con .cm-list-dot {
    padding-top: 16px;
    padding-left: 0;
}

@media (max-width: 1024px) {
    .list-number__con .cm-list-dot {
        padding-top: 8px;
    }
}

.list-ball>li {
    display: flex;
    align-items: flex-start;
    gap: 0 12px;
    margin-top: 16px;
}

@media (max-width: 1024px) {
    .list-ball>li {
        gap: 0 8px;
        margin-top: 8px;
    }
}

.list-ball>li::first-child {
    margin-top: 0;
}

.list-ball>li .point-ball {
    margin-top: 5px;
}

@media (max-width: 1024px) {
    .pagination {
        width: calc(100% - 48px);
        margin: 40px auto 0;
    }
}

@media (max-width: 767px) {
    .pagination {
        justify-content: center;
        width: calc(100% - 40px);
    }
}

.pagination>li .inside {
    font-size: 16px;
}

@media (max-width: 1024px) {
    .pagination>li .inside {
        font-size: 14px;
    }
}

.pagination>li .inside[class^=icon-] {
    font-size: 16px;
}

@media (max-width: 1024px) {
    .pagination__remote.prev {
        margin-right: 16px;
    }
}

.pagination__remote.next {
    margin-left: 28px;
}

@media (max-width: 1024px) {
    .pagination__remote.next {
        margin-left: 16px;
    }
}

.box-nodata {
    justify-content: center;
    min-height: 300px;
    max-height: 300px;
}

.box-nodata__txt {
    font-size: 14px;
}

.box-info {
    margin-top: 0;
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 16px;
}

@media (max-width: 1024px) {
    .box-info {
        width: calc(100%);
        margin-right: auto;
        margin-left: auto;
        padding: 16px;
        border-radius: 8px;
    }
}

.box-info p {
    color: #616161;
}

.box-info.skyblue {
    background-color: rgba(31, 90, 252, 0.04);
}

@media (max-width: 1024px) {
    .box-info.skyblue {
        width: 100%;
    }
}

.box-info.skyblue.wide {
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .box-info.skyblue.wide {
        width: calc(100% - 48px);
        padding: 32px;
    }
}

@media (max-width: 767px) {
    .box-info.skyblue.wide {
        width: calc(100% - 40px);
    }
}

.box-info.skyblue.wide p {
    font-size: 16px;
}

@media (max-width: 1024px) {
    .box-info.skyblue.wide p {
        font-size: 14px;
    }
}

.box-info [class^=icon-] {
    color: #bdbdbd;
    font-size: 20px;
    line-height: 25px;
}

@media (max-width: 1024px) {
    .box-info [class^=icon-] {
        font-size: 16px;
    }
}

.box-clean {
    position: relative;
    padding: 52px 24px 0;
    box-sizing: border-box;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    background-color: #fafafa;
    text-align: center;
}

@media (max-width: 767px) {
    .box-clean {
        width: 100%;
        margin: 0 auto;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        padding: 48px 20px 0;
    }
}

.box-clean::after {
    content: "";
    display: block;
    width: 100%;
    height: 104px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}

@media (max-width: 1024px) {
    .box-clean::after {
        height: 125px;
    }
}

@media (max-width: 1024px) {
    .box-clean-frame {
        width: calc(100% - 48px);
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .box-clean-frame {
        width: 100%;
    }
}

.box-clean__slider {
    width: 588px;
    margin: 0 auto;
    border-top-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

@media (max-width: 1248px) {
    .box-clean__slider {
        width: 90%;
    }
}

.box-clean__slider .swiper-slide>img {
    width: 100%;
}

.box-clean__slider-frame {
    overflow: hidden;
    position: relative;
    width: 636px;
    margin: 0 auto;
    padding-bottom: 38px;
}

@media (max-width: 1248px) {
    .box-clean__slider-frame {
        width: 90%;
    }
}

@media (max-width: 1024px) {
    .box-clean__slider-frame {
        width: calc(100% - 132px);
    }
}

@media (max-width: 767px) {
    .box-clean__slider-frame {
        width: 100%;
    }
}

.box-clean__slider--prev,
.box-clean__slider--next {
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    margin-top: 0;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
    background-image: none;
}

@media (max-width: 1024px) {

    .box-clean__slider--prev,
    .box-clean__slider--next {
        display: none !important;
    }
}

.box-clean__slider--prev::before,
.box-clean__slider--next::before {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #9e9e9e;
    font: 24px "icomoon";
}

.box-clean__slider--prev {
    left: 0;
}

.box-clean__slider--prev::before {
    content: "\e985";
}

.box-clean__slider--next {
    right: 0;
}

.box-clean__slider--next::before {
    content: "\e991";
}

.box-clean__slider-pagination {
    left: 50%;
    bottom: -6px;
    transform: translateX(-50%);
    width: 100%;
}

@media (max-width: 1024px) {
    .box-clean__slider-pagination {
        bottom: 2px;
    }
}

.box-clean__slider-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 6px;
    margin: 0 4px;
    border-radius: 3px;
    background-color: #e0e0e0;
    opacity: 1;
}

.box-clean__slider-pagination .swiper-pagination-bullet-active {
    width: 48px;
    background-color: #ffd64a;
}

.box-clean__title {
    justify-content: center;
    gap: 0 16px;
    padding-bottom: 24px;
}

@media (max-width: 1024px) {
    .box-clean__title {
        padding-bottom: 16px;
    }
}

.box-clean__title>p {
    font: 26px /1.4em "Pretendard";
    text-align: center;
}

@media (max-width: 1024px) {
    .box-clean__title>p {
        font-size: 22px;
    }
}

.box-clean__title .list-bg {
    overflow: hidden;
}

.box-clean__title .list-bg>li {
    float: left;
    width: 6px;
    height: 6px;
    margin-left: 8px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #78a3fe;
}

.box-clean__txt {
    padding-bottom: 48px;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .box-clean__txt {
        padding-bottom: 40px;
        font-size: 14px;
    }
}

.box-editor {
    overflow: hidden;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
}

.box-editor textarea {
    border: 0;
}

.box-organization {
    padding: 60px 60px 80px;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 16px;
    border: 1px solid #eee;
}

@media (max-width: 1024px) {
    .box-organization {
        width: calc(100% - 48px);
        margin: 0 auto;
        padding: 40px 24px;
    }
}

@media (max-width: 767px) {
    .box-organization {
        width: calc(100% - 40px);
    }
}

.box-organization__list>li:nth-child(2) {
    position: relative;
    width: 600px;
    margin: 0 auto;
    padding-bottom: 40px;
    box-sizing: border-box;
    border-bottom: 1px solid #ffd64a;
}

@media (max-width: 1248px) {
    .box-organization__list>li:nth-child(2) {
        width: 78%;
    }
}

@media (max-width: 1024px) {
    .box-organization__list>li:nth-child(2) {
        width: 76.7%;
        padding-bottom: 32px;
    }
}

@media (max-width: 767px) {
    .box-organization__list>li:nth-child(2) {
        width: 51%;
    }
}

.box-organization__list>li:nth-child(2)::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 1px;
    height: 40px;
    margin: 0 auto;
    background-color: #ffd64a;
}

@media (max-width: 1024px) {
    .box-organization__list>li:nth-child(2)::after {
        height: 32px;
    }
}

.box-organization__list .list-bg {
    width: 6px;
    margin: 0 auto;
    padding: 20px 0;
}

@media (max-width: 1024px) {
    .box-organization__list .list-bg {
        padding: 16px 0;
    }
}

.box-organization__list .list-bg>li {
    width: 6px;
    height: 6px;
    margin-top: 12px;
    border-radius: 50%;
    background-color: #ffd64a;
}

@media (max-width: 1024px) {
    .box-organization__list .list-bg>li {
        margin-top: 8px;
    }
}

.box-organization__list .list-bg>li:first-child {
    background-color: #ffecb1;
}

.box-organization__list .list-bg>li:last-child {
    background-color: #ffb600;
}

.box-organization__list--inner {
    display: flex;
    justify-content: space-between;
    gap: 0 24px;
    overflow: hidden;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .box-organization__list--inner {
        gap: 0 17px;
    }
}

@media (max-width: 767px) {
    .box-organization__list--inner {
        flex-wrap: wrap;
        gap: 8px;
    }
}

.box-organization__list--inner>li {
    position: relative;
    width: 175px;
    padding: 19px;
    margin: 40px 0 0 0;
    box-sizing: border-box;
    border: 1px solid #ffd64a;
    border-radius: 6px;
    background-color: #fff9e6;
    font: 16px /1.4em "Pretendard";
    text-align: center;
}

@media (max-width: 1248px) {
    .box-organization__list--inner>li {
        margin-top: 32px;
        padding: 19px 10px;
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .box-organization__list--inner>li {
        padding: 11px 12px;
        font-size: 14px;
        flex: 1 1 auto;
        width: auto;
    }
}

@media (max-width: 767px) {
    .box-organization__list--inner>li {
        flex-basis: calc(50% - 16px);
        margin-top: 0;
    }
}

.box-organization__list--inner>li:first-child {
    margin-left: 0;
}

@media (max-width: 767px) {
    .box-organization__list--inner>li:first-child {
        margin-top: 32px;
    }
}

@media (max-width: 767px) {
    .box-organization__list--inner>li:first-child::before {
        content: "";
    }
}

@media (max-width: 767px) {
    .box-organization__list--inner>li:nth-child(2) {
        margin-top: 32px;
    }
}

@media (max-width: 767px) {
    .box-organization__list--inner>li:nth-child(2)::before {
        content: "";
    }
}

.box-organization__list--inner>li::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -40px;
    transform: translateX(-50%);
    width: 1px;
    height: 40px;
    margin: 0 auto;
    background-color: #ffd64a;
}

@media (max-width: 1024px) {
    .box-organization__list--inner>li::before {
        top: -32px;
        height: 32px;
    }
}

@media (max-width: 767px) {
    .box-organization__list--inner>li::before {
        content: none;
    }
}

.box-symbol2 {
    justify-content: center;
    width: 180px;
    height: 180px;
    margin: 0 auto;
    padding: 35px 30px;
    background-color: #4476ff;
    box-sizing: border-box;
    border-radius: 50%;
    box-shadow: 0 0 30px 0 rgba(31, 90, 252, 0.32);
}

@media (max-width: 1024px) {
    .box-symbol2 {
        width: 140px;
        height: 140px;
        padding: 24px 20px;
    }
}

.box-symbol-orange {
    position: absolute;
    top: -40px;
    right: 32px;
    z-index: 1;
    width: 80px;
    height: 80px;
    box-sizing: border-box;
    border-radius: 50%;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
    background: #fff url("../img/common/logo/symbol_orange.svg") no-repeat center/30px 36px;
}

@media (max-width: 1024px) {
    .box-symbol-orange {
        top: -30px;
        right: 24px;
        width: 60px;
        height: 60px;
        background-size: 20px 24px;
    }
}

.box-headquarters {
    width: 200px;
    margin: 0 auto;
    padding: 17px 18px 18px;
    box-sizing: border-box;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #ffa200;
    color: #fff;
    font: 18px /1.4em "Pretendard";
    text-align: center;
}

@media (max-width: 1024px) {
    .box-headquarters {
        width: 160px;
        padding: 12px 9px 13px;
        font-size: 14px;
    }
}

@media (max-width: 414px) {
    .box-headquarters {
        width: 100%;
    }
}

.box-condition {
    margin-top: 16px;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 16px;
    background-color: #f5f5f5;
}

@media (max-width: 1024px) {
    .box-condition {
        margin-top: 8px;
        padding: 16px;
    }
}

.box-condition p {
    color: #616161;
    font-size: 14px;
    text-align: center;
}

@media (max-width: 1024px) {
    .box-condition p {
        font-size: 12px;
    }
}

.box-manage {
    display: flex;
    align-items: stretch;
    gap: 0 24px;
}

@media (max-width: 1024px) {
    .box-manage {
        gap: 0 16px;
    }
}

@media (max-width: 767px) {
    .box-manage {
        flex-direction: column;
        gap: 8px 0;
    }
}

.box-manage>li {
    display: flex;
    flex: 1 1 50%;
    flex-direction: column;
    gap: 12px 0;
}

@media (max-width: 1024px) {
    .box-manage>li {
        gap: 8px 0;
    }
}

.box-manage>li>div {
    flex: 1 1 auto;
}

.box-manage__box {
    position: relative;
    padding: 40px 24px;
    box-sizing: border-box;
    border-radius: 16px;
    border: 1px solid #eee;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .box-manage__box {
        padding: 32px 16px;
    }
}

.box-manage__box.blue {
    border-color: transparent;
    background-color: rgba(31, 90, 252, 0.04);
}

.box-manage__box .num {
    position: absolute;
    top: 0;
    right: 24px;
    width: 26px;
    height: 32px;
    background: no-repeat center/contain;
    background-image: url("../img/common/num_bg.png");
    color: #fff;
    font: 13px "happiness-bold";
    line-height: 27px;
    text-align: center;
}

@media (max-width: 1024px) {
    .box-manage__box .num {
        width: 20px;
        height: 24px;
        font-size: 11px;
        line-height: 21px;
    }
}

.box-manage__box .num::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
}

.box-manage__txt {
    font-size: 16px;
}

@media (max-width: 1024px) {
    .box-manage__txt {
        font-size: 14px;
    }
}

.box-manage__txt.gray-color--500 {
    padding-top: 16px;
}

@media (max-width: 1024px) {
    .box-manage__txt.gray-color--500 {
        padding-top: 8px;
    }
}

.box-facility {
    position: relative;
    margin: 0 auto -60px;
}

@media (max-width: 1024px) {
    .box-facility {
        width: calc(100% - 48px);
    }
}

@media (max-width: 767px) {
    .box-facility {
        width: 100%;
    }
}

.box-facility__slider {
    height: 100%;
}

.box-facility__slider .swiper-slide {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
}

.box-facility__slider .swiper-slide>img {
    position: absolute;
    top: -50%;
    left: 0;
    max-width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    .box-facility__slider .swiper-slide>img {
        top: 0;
    }
}

.box-facility__slider-frame {
    overflow: hidden;
    height: 320px;
}

@media (max-width: 1024px) {
    .box-facility__slider-frame {
        height: 280px;
    }
}

@media (max-width: 767px) {
    .box-facility__slider-frame {
        height: auto;
    }
}

.box-facility__slider-pagination {
    bottom: 84px !important;
}

@media (max-width: 1024px) {
    .box-facility__slider-pagination {
        bottom: 81px !important;
    }
}

@media (max-width: 360px) {
    .box-facility__slider-pagination {
        bottom: 70px !important;
    }
}

.box-facility__slider-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 6px;
    margin: 0 4px;
    background-color: #e0e0e0;
    border-radius: 3px;
    opacity: 1;
}

.box-facility__slider-pagination .swiper-pagination-bullet-active {
    width: 48px;
    background-color: #ffd64a;
}

.box-facility-con {
    position: relative;
    top: -60px;
    z-index: 1;
    width: 774px;
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
    background: #fff9e6 url("../img/sub/facility_bg.png") no-repeat right bottom/215px auto;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 16px;
    text-align: center;
}

@media (max-width: 1248px) {
    .box-facility-con {
        width: calc(100% - 48px);
    }
}

@media (max-width: 1024px) {
    .box-facility-con {
        padding: 32px;
        background-size: 156px auto;
    }
}

@media (max-width: 767px) {
    .box-facility-con {
        width: calc(100% - 40px);
        padding: 32px 16px;
    }
}

.box-facility-con__title {
    padding-bottom: 16px;
    font: 22px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .box-facility-con__title {
        padding-bottom: 8px;
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .box-facility-con__title {
        font-size: 18px;
    }
}

.box-facility-con__txt {
    color: #616161;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .box-facility-con__txt {
        font-size: 14px;
    }
}

.box-map {
    overflow: hidden;
    margin-top: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    height: 320px;
}

@media (max-width: 1024px) {
    .box-map {
        height: 280px;
    }
}

.box-map-frame {
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .box-map-frame {
        width: calc(100% - 48px);
        margin: 0 auto;
    }
}

.box-map-frame__con {
    position: relative;
    padding: 40px 32px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.04);
    border: 1px solid #eee;
    border-top: 0;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .box-map-frame__con {
        padding: 32px 24px;
    }
}

@media (max-width: 767px) {
    .box-map-frame__con {
        padding: 32px 16px;
    }
}

.box-map-frame__con--txt {
    padding-bottom: 16px;
    font: 22px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .box-map-frame__con--txt {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .box-map-frame__con--txt {
        font-size: 18px;
    }
}

.box-map-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 24px;
}

@media (max-width: 1024px) {
    .box-map-list {
        gap: 0 16px;
    }
}

.box-map-list>li {
    vertical-align: middle;
    color: #616161;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .box-map-list>li {
        font-size: 14px;
    }
}

.box-map-list>li:first-child {
    flex-basis: 100%;
}

.box-map-list>li a {
    color: #616161;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .box-map-list>li a {
        font-size: 14px;
    }
}

.box-map-list>li [class^=icon-] {
    margin-right: 4px;
    color: #4476ff;
}

@media (max-width: 1024px) {
    .box-map-list>li [class^=icon-] {
        font-size: 20px;
        line-height: 1.4em;
    }
}

@media (max-width: 1024px) {
    .box-map-list>li [class^=icon-custom] {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 1024px) {
    .box-schedule {
        width: calc(100% - 48px);
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .box-schedule {
        width: calc(100% - 40px);
    }
}

.box-schedule__year {
    justify-content: space-between;
    height: 80px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .box-schedule__year {
        height: 60px;
        margin-bottom: 16px;
    }
}

.box-schedule__year .arrow-left,
.box-schedule__year .arrow-right {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #eee;
    box-sizing: border-box;
    background-color: #fff;
    color: #9e9e9e;
}

@media (max-width: 1024px) {

    .box-schedule__year .arrow-left,
    .box-schedule__year .arrow-right {
        width: 40px;
        height: 40px;
    }
}

.box-schedule__year .arrow-left::before,
.box-schedule__year .arrow-right::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font: 24px "icomoon";
}

@media (max-width: 1024px) {

    .box-schedule__year .arrow-left::before,
    .box-schedule__year .arrow-right::before {
        font-size: 20px;
    }
}

.box-schedule__year .arrow-left::before {
    content: "\e985";
}

.box-schedule__year .arrow-right::before {
    content: "\e991";
}

.box-schedule__year .past,
.box-schedule__year .future {
    gap: 0 16px;
    color: #9e9e9e;
    font: 18px /1.4em "Pretendard";
}

@media (max-width: 767px) {

    .box-schedule__year .past>span,
    .box-schedule__year .future>span {
        display: none;
    }
}

@media (max-width: 1024px) {

    .box-schedule__year .past,
    .box-schedule__year .future {
        font-size: 16px;
    }
}

.box-schedule__month-list {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 31px;
    padding: 26px 36px;
    box-sizing: border-box;
    background-color: #fafafa;
    border-radius: 16px;
}

@media (max-width: 1248px) {
    .box-schedule__month-list {
        justify-content: flex-start;
        gap: 22px;
    }
}

@media (max-width: 1024px) {
    .box-schedule__month-list {
        justify-content: space-between;
        gap: 28px;
        padding: 16px 26px;
    }
}

@media (max-width: 767px) {
    .box-schedule__month-list {
        justify-content: flex-start;
        gap: 16px 17px;
        padding: 20px;
    }
}

.box-schedule__month-list>li {
    min-width: 34px;
    color: #616161;
    font-size: 16px;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .box-schedule__month-list>li {
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .box-schedule__month-list>li.whole {
        display: none;
    }
}

.box-schedule__month-list>li.on {
    color: #1f5afc;
    font: 16px /1.4em "Pretendard";
}

.box-schedule__title {
    font: 26px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .box-schedule__title {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .box-schedule__title {
        font-size: 20px;
    }
}

.box-schedule-list {
    padding-top: 40px;
}

@media (max-width: 1024px) {
    .box-schedule-list {
        padding-top: 32px;
        border-bottom: 1px solid #e0e0e0;
    }
}

.box-schedule-list>li {
    display: flex;
    align-items: stretch;
    margin-top: 60px;
    border-top: 1px solid #000;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .box-schedule-list>li {
        margin-top: 16px;
        border-color: #e0e0e0;
    }
}

.box-schedule-list>li:first-child {
    margin-top: 0;
}

@media (max-width: 1024px) {
    .box-schedule-list>li:first-child {
        border-color: #000;
    }
}

.box-schedule-list__inner {
    display: flex;
    align-items: stretch;
    width: 100%;
}

@media (max-width: 1024px) {
    .box-schedule-list__inner {
        flex-direction: column;
    }
}

.box-schedule-list__inner--left {
    height: 480px;
    padding: 40px 24px;
    box-sizing: border-box;
    background-color: #fafafa;
}

@media (max-width: 1024px) {
    .box-schedule-list__inner--left {
        height: auto;
        padding: 16px;
    }
}

@media (max-width: 767px) {
    .box-schedule-list__inner--left {
        padding: 17.5px;
    }
}

.box-schedule-list__inner--left .calendar-month__title {
    font: 22px /1.4em "Pretendard";
    text-align: center;
}

@media (max-width: 1024px) {
    .box-schedule-list__inner--left .calendar-month__title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .box-schedule-list__inner--left .calendar-month__title {
        font-size: 18px;
    }
}

.box-schedule-list__inner--left .calendar-month__body {
    padding-top: 32px;
}

@media (max-width: 1024px) {
    .box-schedule-list__inner--left .calendar-month__body {
        display: none;
    }
}

.box-schedule-list__inner--left .calendar-month__body .pb-month {
    width: 312px;
    margin: 0 auto;
}

.box-schedule-list__inner--left .calendar-month__body .pb-month thead th,
.box-schedule-list__inner--left .calendar-month__body .pb-month thead td {
    padding-bottom: 16px;
    color: #9e9e9e;
}

.box-schedule-list__inner--left .calendar-month__body .pb-month th,
.box-schedule-list__inner--left .calendar-month__body .pb-month td {
    width: 32px;
    height: 32px;
    padding: 4px 0;
    color: #616161;
    font: 13px /1.4em "Pretendard";
    text-align: center;
    line-height: 30px;
}

.box-schedule-list__inner--left .calendar-month__body .pb-month td {
    position: relative;
    z-index: 0;
    cursor: pointer;
}

.box-schedule-list__inner--left .calendar-month__body .pb-month td::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #fafafa;
}

.box-schedule-list__inner--left .calendar-month__body .pb-month td.on::before {
    background-color: #cadaff;
}

.box-schedule-list__inner--left .calendar-month__body .pb-month [class^=state__] {
    min-width: 32px;
}

.box-schedule-list__inner--right {
    width: 100%;
    padding: 40px 32px 0;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .box-schedule-list__inner--right {
        padding: 16px 24px;
    }
}

@media (max-width: 767px) {
    .box-schedule-list__inner--right {
        padding: 0 16px;
    }
}

.box-schedule-detail__txt {
    padding-bottom: 16px;
    color: #9e9e9e;
    font: 17px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .box-schedule-detail__txt {
        display: none;
    }
}

.box-schedule-detail__list {
    width: 100%;
}

.box-schedule-detail__list>li {
    box-sizing: border-box;
    border-top: 1px solid #eee;
}

.box-schedule-detail__list>li:first-child {
    border-top: 0;
}

.box-schedule__inner {
    display: flex;
    align-items: flex-start;
    gap: 0 20px;
    width: 100%;
    padding: 16px 0;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .box-schedule__inner {
        padding: 12px 0;
    }
}

@media (max-width: 767px) {
    .box-schedule__inner {
        flex-direction: column;
        gap: 8px 0;
        padding: 16px 0;
    }
}

.box-schedule__inner--left {
    flex: 0 0 180px;
    font: 15px /1.4em "Pretendard";
}

@media (max-width: 1248px) {
    .box-schedule__inner--left {
        flex-shrink: 1;
        flex-basis: 83px;
    }
}

@media (max-width: 1024px) {
    .box-schedule__inner--left {
        flex-basis: 125px;
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .box-schedule__inner--left {
        flex-basis: auto;
    }
}

.box-schedule__inner--right {
    color: #616161;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .box-schedule__inner--right {
        font-size: 14px;
    }
}

.box-middle .box-middle__top {
    padding-bottom: 2px;
}



.box-middle .box-middle__top [class^=board-num__square] {
    margin-left: initial;
}

.box-middle .box-middle__top--item .board-num__square,
.box-middle .box-middle__top--item .board-num__square-purple,
.box-middle .box-middle__top--item .board-num__square-green,
.box-middle .box-middle__top--item .board-num__square-primary,
.box-middle .box-middle__top--item .board-num__square-primary--bg {
    margin-left: 6px;
}

.box-middle .box-middle__top--item .board-num__square:first-child,
.box-middle .box-middle__top--item .board-num__square-purple:first-child,
.box-middle .box-middle__top--item .board-num__square-green:first-child,
.box-middle .box-middle__top--item .board-num__square-primary:first-child,
.box-middle .box-middle__top--item .board-num__square-primary--bg:first-child {
    margin-left: 0;
}

.box-middle .box-middle__center {
    text-align: center;
    padding-bottom: 24px;
}

@media (max-width: 1024px) {
    .box-middle .box-middle__center {
        padding-bottom: 16px;
    }
}

.box-middle .box-middle__center .cm-title-sub {
    padding-bottom: 12px;
}

@media (max-width: 1024px) {
    .box-middle .box-middle__center .cm-title-sub {
        padding-bottom: 8px;
    }
}

@media (max-width: 767px) {
    .box-middle .box-middle__center [class*=word-line] {
        overflow: initial;
        white-space: initial;
    }
}

.box-middle .box-middle__bottom .txt-default {
    font-size: 14px;
}

.box-application [class^=btn-] {
    min-width: auto !important;
    width: 100%;
}

.box-border {
    padding: 32px;
    background-color: #fafafa;
    border: 1px solid #eee;
    box-sizing: border-box;
    border-radius: 6px;
}

@media (max-width: 1024px) {
    .box-border {
        padding: 24px;
    }
}

.box-border .info-txt-normal {
    padding-bottom: 0;
}

.box-greetings-summary {
    position: relative;
    height: 280px;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    background: url("../img/sub/greetings_bg.png") no-repeat center top/cover;
}

@media (max-width: 1024px) {
    .box-greetings-summary {
        height: 220px;
    }
}

@media (max-width: 767px) {
    .box-greetings-summary {
        height: 260px;
    }
}

.box-greetings-img {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 80px;
    width: calc(100% - 160px);
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 1248px) {
    .box-greetings-img {
        gap: 0 20px;
        top: 60px;
        width: calc(100% - 80px);
    }
}

@media (max-width: 1024px) {
    .box-greetings-img {
        gap: 0 20px;
        width: calc(100% - 120px);
    }
}

@media (max-width: 767px) {
    .box-greetings-img {
        flex-direction: column;
        gap: 32px 0;
        top: 48px;
        width: calc(100% - 64px);
    }
}

@media (max-width: 360px) {
    .box-greetings-img {
        width: calc(100% - 18px);
    }
}

@media (max-width: 1248px) {
    .box-greetings-img__left {
        flex-basis: 320px;
    }
}

@media (max-width: 767px) {
    .box-greetings-img__left {
        flex-basis: auto;
    }
}

.box-greetings-img__left p {
    color: #fff;
}

@media (max-width: 1024px) {
    .box-greetings-img__left p {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .box-greetings-img__left p {
        font-size: 20px;
    }
}

.box-greetings-img__right {
    overflow: hidden;
    width: 200px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    box-shadow: 0 2px 27px 0 rgba(0, 0, 0, 0.32);
}

@media (max-width: 1024px) {
    .box-greetings-img__right {
        width: 160px;
    }
}

@media (max-width: 767px) {
    .box-greetings-img__right {
        width: 110px;
        margin-left: auto;
    }
}

.box-greetings-detail {
    padding-top: 100px;
}

@media (max-width: 1024px) {
    .box-greetings-detail {
        padding-top: 72px;
    }
}

@media (max-width: 767px) {
    .box-greetings-detail {
        padding-top: 76px;
    }
}

.box-greetings-space {
    padding-top: 60px;
}

@media (max-width: 1024px) {
    .box-greetings-space {
        padding-top: 40px;
    }
}

.box-greetings__txt {
    font-size: 18px;
}

@media (max-width: 1024px) {
    .box-greetings__txt {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .box-greetings__txt {
        font-size: 14px;
    }
}

.box-greetings__sign {
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .box-greetings__sign {
        font-size: 14px;
    }
}

.box-greetings__name {
    padding-top: 12px;
    font: 22px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .box-greetings__name {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .box-greetings__name {
        font-size: 18px;
    }
}

.box-ui {
    padding-top: 8px;
}

.box-ui-btn,
.box-ui-btn-right {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px;
    margin-top: 24px;
}

@media (max-width: 1024px) {

    .box-ui-btn,
    .box-ui-btn-right {
        margin-top: 16px;
    }
}

.box-ui-btn [class^=btn-],
.box-ui-btn-right [class^=btn-] {
    min-width: 120px;
}

@media (max-width: 1024px) {

    .box-ui-btn [class^=btn-],
    .box-ui-btn-right [class^=btn-] {
        height: 32px;
        padding: 6px 12px;
        font-size: 12px;
    }
}

.box-ui-btn-right {
    justify-content: flex-end;
}

@media (max-width: 1024px) {
    .box-activity {
        width: calc(100% - 48px);
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .box-activity {
        width: calc(100% - 40px);
    }
}

@media (max-width: 1024px) {
    .box-activity .section-box-spacing.final {
        padding-top: 20px;
    }
}

@media (max-width: 767px) {
    .box-activity .section-box-spacing.final {
        padding-top: 40px;
    }
}

.box-feature {
    overflow: hidden;
    margin-top: 24px;
    box-sizing: border-box;
    border-radius: 16px;
    border: 1px solid #eee;
}

.box-feature__txt {
    padding: 40px;
    background-color: #fafafa;
    font-size: 18px;
    text-align: center;
}

@media (max-width: 1024px) {
    .box-feature__txt {
        padding: 32px;
        font-size: 16px;
    }
}

.box-feature__flex {
    display: flex;
    justify-content: space-between;
    gap: 0 58px;
    padding: 40px;
}

@media (max-width: 1024px) {
    .box-feature__flex {
        gap: 0 28px;
        padding: 32px 24px;
    }
}

.box-feature__flex>div>img {
    display: block;
    padding-bottom: 16px;
}

@media (max-width: 1024px) {
    .box-feature__flex>div>img {
        padding-bottom: 8px;
    }
}

.box-feature__flex>div>p {
    color: #9e9e9e;
    font-size: 16px;
    text-align: center;
}

@media (max-width: 1024px) {
    .box-feature__flex>div>p {
        font-size: 14px;
    }
}

.box-edu {
    margin-bottom: 32px;
    padding: 40px;
    border-radius: 16px;
    border: 1px solid #eee;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .box-edu {
        padding: 38px;
    }
}

.box-edu__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 80px;
    position: relative;
}

.box-edu__list::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 160px;
    background-color: #eee;
}

.box-edu__list>li {
    flex: 1 1 50%;
    text-align: center;
}

.box-edu__title img {
    display: block;
    width: 40px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .box-edu__title img {
        width: 32px;
    }
}

.box-edu__title p {
    padding-top: 16px;
    font: 18px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .box-edu__title p {
        padding-top: 12px;
        font-size: 16px;
    }
}

.box-edu__txt {
    padding-top: 20px;
    color: #616161;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .box-edu__txt {
        padding-top: 12px;
        font-size: 14px;
    }
}

.box-line>li {
    margin-top: 16px;
}

@media (max-width: 1024px) {
    .box-line>li {
        margin-top: 8px;
    }
}

.box-line>li:first-child {
    margin-top: 0;
}

.box-line__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 24px 26px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .box-line__inner {
        padding: 24px 16px;
    }
}

@media (max-width: 767px) {
    .box-line__inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px 0;
    }
}

.box-line__inner .gray-color--500 {
    display: inline-block;
    padding-left: 16px;
}

@media (max-width: 1024px) {
    .box-line__inner>.list-activity__title {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .box-line__inner>.list-activity__title {
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .box-line__inner>.txt-default {
        font-size: 12px;
    }
}

.box-diagram {
    padding-top: 24px;
}

.box-diagram>img {
    display: block;
    margin: 0 auto;
}

.box-diagram-base {
    display: flex;
    justify-content: space-between;
    gap: 0 24px;
    margin-top: 24px;
    padding: 24px 16px;
    border-radius: 16px;
    background-color: #fafafa;
    border: 1px solid #eee;
}

@media (max-width: 1024px) {
    .box-diagram-base {
        margin-top: 16px;
    }
}

@media (max-width: 767px) {
    .box-diagram-base {
        flex-direction: column;
        gap: 24px 0;
    }
}

.box-diagram-base>li {
    flex: 1 1 calc(100% - 12px);
    text-align: center;
}

@media (max-width: 767px) {
    .box-diagram-base>li {
        flex-basis: 100%;
    }
}

.box-diagram-base__title {
    display: inline-block;
    padding: 6px 16px;
    box-sizing: border-box;
    border-radius: 16px;
    background-color: #424242;
    color: #fff;
    font: 15px /1.4em "Pretendard";
    text-align: center;
}

@media (max-width: 1024px) {
    .box-diagram-base__title {
        padding: 5px 12px;
        font-size: 13px;
    }
}

.box-diagram-base__item {
    margin-top: 32px;
    padding: 7px;
    border-radius: 6px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    border: 1px solid #eee;
    background-color: #fff;
    color: #616161;
    font-size: 14px;
    text-align: center;
}

@media (max-width: 1024px) {
    .box-diagram-base__item {
        margin-top: 24px;
        font-size: 12px;
    }
}

.box-diagram-ncs {
    margin-top: 24px;
    padding: 60px 67px;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 16px;
    text-align: center;
}

.box-diagram-ncs>img {
    display: inline-block;
    width: 100%;
}

.box-diagram-procedure {
    margin-top: 24px;
    padding: 24px 16px;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 16px;
    background-color: #fafafa;
}

.box-diagram-procedure>img {
    display: inline-block;
    width: 100%;
}

.box-etc {
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 16px;
    border: 1px solid #eee;
    background-color: #fff;
}

.box-etc__list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 40px;
    padding: 40px;
}

@media (max-width: 1024px) {
    .box-etc__list {
        gap: 16px 24px;
        padding: 32px 24px;
    }
}

@media (max-width: 767px) {
    .box-etc__list {
        flex-direction: column;
        gap: 16px 0;
    }
}

.box-etc__list>li {
    flex: 0 0 calc(33.3333333333% - 26.6666666667px);
}

@media (max-width: 767px) {
    .box-etc__list>li {
        flex-basis: 100%;
    }
}

.box-etc__list>li>.num {
    padding-bottom: 12px;
    color: #1f5afc;
    font: 20px "happiness-bold";
}

@media (max-width: 1024px) {
    .box-etc__list>li>.num {
        padding-bottom: 8px;
        font-size: 18px;
    }
}

.box-etc__list.twin>li {
    flex-basis: calc(50% - 20px);
}

.box-etc__txt {
    font-size: 16px;
}

@media (max-width: 1024px) {
    .box-etc__txt {
        font-size: 14px;
    }
}

.box-etc__img {
    padding: 40px;
    box-sizing: border-box;
    background-color: #fafafa;
}

@media (max-width: 1024px) {
    .box-etc__img {
        padding: 32px 24px;
    }
}

.box-etc__img>img.mo-hide,
.box-etc__img>img.mo-show {
    display: block;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .box-etc__img>img.mo-show {
        width: 45%;
    }
}

@media (max-width: 767px) {
    .box-etc__img>img.mo-show {
        width: 100%;
    }
}

.box-number-info {
    overflow: hidden;
    padding: 20px;
    border-radius: 16px;
    border: 1px solid #eee;
    box-sizing: border-box;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.04);
}

@media (max-width: 1024px) {
    .box-number-info {
        padding: 16px;
    }
}

.box-number-info__item {
    float: left;
}

@media (max-width: 767px) {
    .box-number-info__item {
        float: none;
    }
}

.box-number-info__item:first-child {
    position: relative;
    padding-right: 40px;
}

@media (max-width: 1024px) {
    .box-number-info__item:first-child {
        padding-right: 32px;
    }
}

@media (max-width: 767px) {
    .box-number-info__item:first-child {
        display: inline-block;
        padding-right: 38px;
    }
}

.box-number-info__item:first-child::after {
    content: "|";
    position: absolute;
    right: 20px;
    top: 0;
    color: #bdbdbd;
}

.box-number-info__item>p {
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .box-number-info__item>p {
        font-size: 14px;
    }
}

.box-number-info__list {
    overflow: hidden;
    margin-top: 17px;
}

@media (max-width: 767px) {
    .box-number-info__list {
        padding-top: 8px;
    }
}

.box-number-info__list:first-child {
    margin-top: 0;
}

.box-number-info__list>li {
    float: left;
    padding-left: 24px;
}

@media (max-width: 1024px) {
    .box-number-info__list>li {
        padding-left: 16px;
    }
}

.box-number-info__list>li:first-child {
    padding-left: 0;
}

@media (max-width: 1024px) {
    .box-number-info__list>li:first-child {
        padding-left: 0;
    }
}

.box-number-info__list>li [class^=icon-] {
    font-size: 16px;
    color: #78a3fe;
}

.box-number-info__list>li>.txt {
    display: inline-block;
    vertical-align: middle;
    padding-left: 6px;
    color: #616161;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .box-number-info__list>li>.txt {
        font-size: 12px;
    }
}

.box-receipt {
    border-top: 1px solid #000;
}

.box-receipt__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    color: #1f5afc;
    font: 16px /1.4em "Pretendard";
}

.box-receipt__title--small {
    color: #616161;
    font-size: 12px;
}

.box-receipt__list {
    margin-bottom: 24px;
    padding: 24px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
}

.box-receipt__list>li {
    margin-top: 8px;
    padding: 0 8px;
}

.box-receipt__list>li:first-child {
    margin-top: 0;
}

.box-receipt__list>li>dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-receipt__list>li>dl dt,
.box-receipt__list>li>dl dd {
    font-size: 14px;
}

.box-receipt__list>li>dl dt {
    min-width: 50px;
    color: #9e9e9e;
}

.box-receipt__list>li>dl dd {
    color: #000;
    text-align: right;
}

.box-receipt__sum {
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
    padding: 0 0 24px;
}

.box-receipt__sum>li dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-receipt__sum>li dl dt,
.box-receipt__sum>li dl dd {
    color: #000;
}

.box-receipt__sum>li dl dt {
    font-size: 14px;
}

.box-receipt__sum>li dl dd {
    font: 18px /1.4em "Pretendard";
}

.box-receipt .btn-tiny-primary--outline {
    min-width: 100px;
    margin-top: 16px;
}

.box-refund {
    padding-top: 24px;
}

.box-refund__list {
    margin-bottom: 32px;
    padding: 24px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
}

.box-refund__list>li {
    margin-top: 16px;
}

.box-refund__list>li:first-child {
    margin-top: 0;
}

.box-refund__list>li label {
    padding-bottom: 4px;
}

.box-refund__list>li input,
.box-refund__list>li select {
    width: 100%;
}

.box-refund__list>li .board__form--con {
    width: 100%;
}

.box-refund__list>li .board__form--txt {
    font-size: 12px;
}

.box-refund__list>li .board__form--txt .icon-alert_circle_outline {
    font-size: 20px;
}

.box-refund__list>li .btn-normal-dark--outline {
    min-width: 100px;
}

.box-refund__list>li .attach-box__file {
    font-size: 12px;
}

.box-refund__list>li .attach-box__volume {
    font-size: 11px;
}

.box-refund .box-info {
    padding: 16px;
}

@media (max-width: 1024px) {
    .box-refund .box-info {
        width: 100%;
    }
}

.box-refund .box-info .icon-alert_circle {
    font-size: 16px;
}

@media (max-width: 1024px) {
    .box-refund+.btn-interval-small--side {
        width: 100%;
    }
}

.box-certificate {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 32px 0;
    background-color: #fff9e6;
    border-radius: 16px;
}

@media (max-width: 1024px) {
    .box-certificate {
        width: calc(100% - 48px);
        margin: 0 auto;
        padding: 24px 0;
    }
}

@media (max-width: 767px) {
    .box-certificate {
        flex-direction: column;
        gap: 24px 0;
        width: calc(100% - 40px);
    }
}

.box-certificate__item {
    flex: 1 1 auto;
    padding: 0 32px;
}

@media (max-width: 1024px) {
    .box-certificate__item {
        padding: 0 24px;
    }
}

@media (max-width: 767px) {
    .box-certificate__item {
        margin: 0 24px;
        padding: 0;
        width: calc(100% - 48px);
    }
}

.box-certificate__item.right {
    border-left: 1px solid #ffecb1;
}

@media (max-width: 767px) {
    .box-certificate__item.right {
        padding-top: 24px;
        border-top: 1px solid #ffecb1;
        border-left: 0;
    }
}

.box-certificate__item b {
    padding-bottom: 8px;
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .box-certificate__item b {
        padding-bottom: 4px;
        font-size: 14px;
    }
}

.box-certificate__item>p {
    color: #616161;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .box-certificate__item>p {
        font-size: 12px;
    }
}

.box-certificate__item .checked-education__btn {
    padding-top: 24px;
}

@media (max-width: 1024px) {
    .box-certificate__item .checked-education__btn {
        padding-top: 16px;
    }
}

.box-certificate__item .checked-education__btn [class^=btn-] {
    min-width: 180px;
}

@media (max-width: 1024px) {
    .box-certificate__item .checked-education__btn [class^=btn-] {
        min-width: 160px !important;
        height: 36px;
        padding: 7px 12px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .box-certificate__item .checked-education__btn [class^=btn-] {
        min-width: auto !important;
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .box-certificate__item .checked-education__btn [class^=btn-]::before {
        right: 12px;
    }
}

@media (max-width: 1024px) {
    .box-certificate__item .checked-education__btn .download::before {
        width: 16px;
        height: 16px;
        top: 8px;
    }
}

.box-certificate-slider .swiper-button-prev,
.box-certificate-slider .swiper-button-next {
    display: none;
    z-index: 2;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.16);
    background-image: none;
    text-align: center;
    line-height: 52px !important;
}

.box-certificate-slider .swiper-button-prev.swiper-button-disabled,
.box-certificate-slider .swiper-button-next.swiper-button-disabled {
    opacity: 0;
}

.box-certificate-slider .swiper-button-prev {
    left: 0;
}

.box-certificate-slider .swiper-button-prev::before {
    content: "\e985";
    color: #fff;
    font: 24px "icomoon";
}

.box-certificate-slider .swiper-button-next {
    right: 0;
}

.box-certificate-slider .swiper-button-next::before {
    content: "\e991";
    color: #fff;
    font: 24px "icomoon";
}

.box-certificate-tab {
    /*display: flex;
  align-items: stretch;
  justify-content: space-between;*/
}

@media (max-width: 1248px) {
    .box-certificate-tab {
        /*gap: 0 8px;*/
        border: 0;
    }
}

.box-certificate-tab li {
    /*flex: 1 1 225px;*/
    height: 112px;
}

@media (max-width: 1024px) {
    .box-certificate-tab li {
        margin-left: 8px;
    }
}

@media (max-width: 370px) {
    .box-certificate-tab li {
        height: auto;
    }
}

.box-certificate-tab li .tab__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px 0;
    height: 100%;
    padding: 20px 16px;
    box-sizing: border-box;
    background-color: #fafafa;
    border: 1px solid #eee;
    border-right: 0;
    cursor: pointer;
}

@media (max-width: 1248px) {
    .box-certificate-tab li .tab__inner {
        padding: 16px;
        border: 1px solid #eee;
        border-radius: 6px;
    }
}

@media (max-width: 500px) {
    .box-certificate-tab li .tab__inner {
        padding: 7px;
    }
}

.box-certificate-tab li .tab__inner h3 {
    color: #000;
    font-size: 16px;
    text-align: left;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .box-certificate-tab li .tab__inner h3 {
        font-size: 14px;
    }
}

.box-certificate-tab li .tab__inner p {
    color: #9e9e9e;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .box-certificate-tab li .tab__inner p {
        font-size: 12px;
    }
}

.box-certificate-tab li:first-child .tab__inner {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.box-certificate-tab li:first-child .tab__inner h3 {
    text-align: center;
}

.box-certificate-tab li:last-child .tab__inner {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-right: 1px solid #eee;
}

.box-certificate-tab li.on .tab__inner {
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(255, 197, 0, 0.16);
    border: 1px solid #ffae0c;
}

.box-certificate-tab li.on .tab__inner h3 {
    color: #ff9100;
}

.box-certificate-tab li:hover>.tab__inner {
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(255, 197, 0, 0.16);
    border: 1px solid #ffae0c;
}

.box-certificate-tab li:hover>.tab__inner h3 {
    color: #ff9100;
}

.box-flow {
    position: relative;
    padding: 32px 40px;
    background-color: #fafafa;
    border: 1px solid #eee;
    box-sizing: border-box;
    border-radius: 8px;
}

.box-flow>img {
    display: block;
    width: 734px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .box-flow>img {
        width: 640px;
    }
}

.attach-box {
    gap: 0 36px;
    padding: 20px 32px;
}

@media (max-width: 1024px) {
    .attach-box {
        padding: 8px 12px;
    }
}

.attach-box__left {
    flex: 0 0 calc(10% - 18px);
    width: calc(10% - 18px);
}

.attach-box__right {
    flex: 0 0 calc(90% - 18px);
    width: calc(90% - 18px);
}

@media (max-width: 1024px) {
    .attach-box__right {
        width: 100%;
        flex-basis: 100%;
    }
}

.reply-box__outline {
    overflow: hidden;
    border-radius: 6px;
}

.reply-box__outline [class^=btn-] {
    border-radius: 0;
}

.board-frame {
    padding: 56px 0 0;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .board-frame {
        padding: 40px 0 0;
    }
}

.board-frame.detail {
    padding: 0;
    border-top: 0;
}

.board-frame>.box-info {
    margin-bottom: 40px;
}

@media (max-width: 1024px) {
    .board-frame>.box-info {
        margin-bottom: 32px;
    }
}

.board-frame>.box-info.skyblue.wide {
    margin-bottom: 40px;
}

@media (max-width: 1024px) {
    .board-frame>.box-info.skyblue.wide {
        margin-bottom: 32px;
    }
}

.board-tag,
.board-tag-primary {
    font-size: 15px;
}

@media (max-width: 1024px) {

    .board-tag,
    .board-tag-primary {
        font-size: 13px;
    }
}

.board-tag-secondary--900 {
    color: #ff9100;
    font: 15px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .board-tag-secondary--900 {
        font-size: 13px;
    }
}

.board__tab,
.board__tab-line {
    gap: 12px;
    box-sizing: border-box;
    margin-top: 0;
}

@media (max-width: 1024px) {

    .board__tab,
    .board__tab-line {
        gap: 9px;
    }
}

.board__tab-frame {
    margin: 0 auto 40px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .board__tab-frame {
        margin: 0 auto 32px;
        padding: 0 24px;
    }
}

@media (max-width: 767px) {
    .board__tab-frame {
        padding: 0 20px;
    }
}

.board__tab-line {
    position: relative;
    justify-content: flex-start;
    border-bottom: 0;
}

.board__tab-line::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 1px;
    background-color: #eee;
}

.board__tab-line.wide>li {
    flex: 1 1 auto;
}

@media (max-width: 1024px) {
    .board__tab-line.wide>li {
        flex: 0 0 auto;
    }
}

.board__tab-line-frame {
    margin: 0 auto 40px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .board__tab-line-frame {
        margin: 0 auto 32px;
        padding: 0 24px;
    }
}

@media (max-width: 767px) {
    .board__tab-line-frame {
        padding: 0 20px;
    }
}

.board__tab-line-frame.wide .board__tab-line {
    gap: 0;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .board__tab-line-frame.wide .board__tab-line {
        justify-content: flex-start;
    }
}

.board__tab-line-frame.wide .board__tab-line>li {
    flex: 1 1 50%;
}

@media (max-width: 1024px) {
    .board__tab-line-frame.wide .board__tab-line>li {
        flex: 0 0 auto;
    }
}

.board__tab-line-frame.wide .board__tab-line>li::before {
    left: 0;
}

.board__tab-line>li {
    flex: 1 1 auto;
    position: relative;
    height: 51px;
    padding: 0 26px;
    background-color: transparent !important;
}

@media (max-width: 1024px) {
    .board__tab-line>li {
        height: 40px;
        flex: 0 0 auto;
    }
}

.board__tab-line>li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    left: -6px;
    width: 1px;
    height: 16px;
    background-color: #e0e0e0;
}

.board__tab-line>li:first-child::before {
    content: none;
}

.board__tab-line>li.now,
.board__tab-line>li:hover {
    position: relative;
    background-color: transparent !important;
    border-bottom: 0;
}

.board__tab-line>li.now::after,
.board__tab-line>li:hover::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ffae0c;
}

.board__tab-line>li.now .board__tab--block,
.board__tab-line>li:hover .board__tab--block {
    color: #ff9100;
    font-size: 15px;
}

@media (max-width: 1024px) {

    .board__tab-line>li.now .board__tab--block,
    .board__tab-line>li:hover .board__tab--block {
        font-size: 13px;
    }
}

.board__tab-line>li .board__tab--block {
    font-size: 15px;
}

@media (max-width: 1024px) {
    .board__tab-line>li .board__tab--block {
        font-size: 13px;
    }
}

.board__tab>li,
.board__tab-line>li {
    background-color: #eef3ff;
    border: 0;
}

.board__tab>li:hover,
.board__tab-line>li:hover {
    background-color: #1f5afc;
}

.board__tab>li.now,
.board__tab-line>li.now {
    background-color: #1f5afc;
}

.board__tab--block {
    color: #616161;
    font-size: 15px;
}

@media (max-width: 1024px) {
    .board__tab--block {
        font-size: 13px;
    }
}

@media (max-width: 1024px) {
    .board__block {
        width: calc(100% - 48px);
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .board__block {
        width: calc(100% - 40px);
    }
}

.board__block--spacing {
    padding-top: 40px;
}

@media (max-width: 1024px) {
    .board__block--spacing {
        padding-top: 32px;
    }
}

@media (max-width: 1024px) {
    .board__block--spacing.spacing {
        width: calc(100% - 48px);
        margin: 0 auto;
    }
}

.board__block--spacing2 {
    padding-top: 24px;
}

@media (max-width: 1024px) {
    .board__block--spacing2 {
        padding-top: 16px;
    }
}

@media (max-width: 1024px) {
    .board__block--spacing.box-scroll {
        overflow-y: hidden;
        overflow-x: auto;
        width: calc(100% - 24px);
        padding-left: 24px;
    }
}

@media (max-width: 767px) {
    .board__block--spacing.box-scroll {
        width: 100%;
        padding-left: 20px;
    }
}

.board__list-title>li.category {
    width: 15%;
}

@media (max-width: 1024px) {
    .board__list-title>li.category {
        width: 50%;
    }
}

.board__list-title>li:last-child,
.board__list-title>li.date {
    width: 20%;
}

.board__list-title>li.title {
    width: 46%;
}

@media (max-width: 1248px) {
    .board__list-title>li.title {
        width: 32%;
    }
}

.board__list-title>li.title--btn {
    width: 12%;
}

@media (max-width: 1248px) {
    .board__list-title>li.title--btn {
        width: 15%;
    }
}

.board__list-title>li.num,
.board__list-title>li.person {
    width: 13%;
}

.board__list-title>li.state {
    width: 20%;
}

.board__list--inner.nodata p {
    padding-top: 12px;
}

@media (max-width: 1024px) {
    .board__list--inner.nodata p {
        padding-top: 8px;
    }
}

@media (max-width: 1024px) {

    .board__list--inner>li.list--view,
    .board__list--inner>li.list--num {
        line-height: 24px;
    }
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--view {
        display: none;
    }

    .board__list--inner>li.list--num {
        line-height: 24px;
    }
}

.board__list--inner>li.list--kinds {
    width: 15%;
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--kinds {
        width: auto;
    }
}

.board__list--inner>li.list--date,
.board__list--inner>li.list--state {
    width: 20%;
}

@media (max-width: 1024px) {

    .board__list--inner>li.list--date,
    .board__list--inner>li.list--state {
        width: auto;
    }
}

.board__list--inner>li.list--date>.title {
    display: none;
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--date>.title {
        display: block;
    }
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--date-period {
        width: 100%;
    }
}

.board__list--inner>li.list--date-period>.title {
    display: none;
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--date-period>.title {
        display: block;
    }
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--date-period+.list--date>span {
        padding-top: 0;
    }
}

@media (max-width: 1248px) {
    .board__list--inner>li.list--state {
        width: 22%;
    }
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--state {
        width: auto;
    }
}

@media (max-width: 1248px) {
    .board__list--inner>li.list--btn {
        width: 15%;
    }
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--btn {
        width: 100%;
    }
}

.board__list--inner>li.list--btn [class^=btn-tiny] {
    min-width: 80px;
}

.board__list--inner>li.list--num,
.board__list--inner>li.list--view,
.board__list--inner>li.list--name {
    width: 13%;
}

@media (max-width: 1024px) {

    .board__list--inner>li.list--num,
    .board__list--inner>li.list--name {
        width: auto;
    }

    .board__list--inner>li.list--view {
        display: none;
    }
}

.board__list--inner>li.list--title {
    width: 47%;
}

@media (max-width: 1248px) {
    .board__list--inner>li.list--title {
        width: 32%;
    }
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--title {
        align-items: flex-start;
        width: 100%;
    }
}

.board__list--inner>li.list--title .word-line-single {
    width: 85%;
    font: 16px /1.4em "Pretendard";
}

@media (max-width: 1248px) {
    .board__list--inner>li.list--title .word-line-single {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--title .word-line-single {
        font-size: 14px;
    }
}

.board__list--inner>li.list--title [class^=icon-] {
    vertical-align: middle;
}

@media (max-width: 1024px) {
    .board__list--inner>li.list--title [class^=icon-] {
        line-height: 20px;
    }
}

.board__list-con>li:first-child {
    border-top: 0;
}

@media (max-width: 1024px) {
    .board__detail-title--list .txt--m5 {
        font-size: 18px;
    }
}

.board__detail-title--list>li .board-tag-primary {
    padding-bottom: 8px;
    font-size: 15px !important;
}

@media (max-width: 1024px) {
    .board__detail-title--list>li .board-tag-primary {
        padding-bottom: 4px;
        font-size: 13px !important;
    }
}

.board__detail-title--list>li.flex-box,
.board__detail-title--list>li.history-ball,
.board__detail-title--list.category-list>li,
.container-inner .board__detail-title--list>li.sidebar__title-frame,
.container-inner .sidebar-list>li.board__detail-title--list>li.inside,
.board__detail-title--list>li.board__tab--block,
.board__detail-title--list>li.board__index-box,
.board__detail-title--list>li.board__drop-title,
.board__detail-title--list>li.board-banner__flex,
.board__detail-title--list>li.reply-box__title,
.pagination>li.board__detail-title--list>li.inside,
.board__detail-title--list>li.member-frame--title,
.board__detail-title--list>li.category-frame__title,
.board__detail-title--list>li.detail-index-box,
.detail-box__info .board__detail-title--list>li.box-application,
.board__detail-title--list>li.info-data-box__top,
.board__detail-title--list>li.info-wrap,
.board__detail-title--list>li.info-wrap__inner,
.board__detail-title--list>li.popup-page__title,
.board__detail-title--list>li.popup-page__window,
.board__detail-title--list>li.btn-interval__left,
.board__detail-title--list>li.btn-interval__right,
.board__detail-title--list>li.input-icon,
.board__detail-title--list>li.input-icon--red,
.board__detail-title--list>li.input-icon--green,
.board__detail-title--list>li.input-button,
.form-sort .board__detail-title--list>li[class^=btn-],
.form-sort-triple__registration .board__detail-title--list>li[class^=btn-],
.form-sort-triple .board__detail-title--list>li[class^=btn-],
.form-sort-triple__email .board__detail-title--list>li[class^=btn-],
.form-sort-double .board__detail-title--list>li[class^=btn-],
.form-sort-double__phone .board__detail-title--list>li[class^=btn-],
.form-sort-single .board__detail-title--list>li[class^=btn-],
.board__detail-title--list>li.flex-direction--column,
.list-border-gap--regular .board__detail-title--list>li.list__inner-flex--triple,
.board__detail-title--list>li.list-triple,
.board__detail-title--list>li.list-fourth,
.board__detail-title--list>li.list-triple-decrease,
.board__detail-title--list>li.list-triple--interval,
.board__detail-title--list>li.list-triple--interval-v2,
.board__detail-title--list>li.list-fourth-decrease,
.board__detail-title--list>li.list-fourth--interval-v2,
.board__detail-title--list>li.list-gallery,
.board__detail-title--list>li.list-tag,
.board__detail-title--list>li.list-map,
.board__detail-title--list.list-map>li,
.box-middle .board__detail-title--list>li.box-middle__top,
.board__detail-title--list.box-history>li,
.board__detail-title--list.box-history__list>li,
.board__detail-title--list.header__top>li.header__inner,
.header__top>.header__inner .board__detail-title--list>li.lnb-left,
.header__top>.header__inner .board__detail-title--list>li.lnb-right,
.header__top>.header__inner .lnb-left>li.tm .inside .board__detail-title--list>li.albums-num,
.header__top>.header__inner .lnb-right>li.board__detail-title--list>li.inside,
.header__bottom .board__detail-title--list>li.gnb-list__txt,
.header .board__detail-title--list>li.menu-before__top,
.board__detail-title--list>li.menu-before__top--list,
.board__detail-title--list>li.footer__link,
.board__detail-title--list>li.footer__logo-list,
.footer .board__detail-title--list>li.ars-frame__txt,
.visual__login-con .board__detail-title--list>li.menu-comment__list,
.visual__login-con .board__detail-title--list>li.menu-activity,
.board__detail-title--list>li.visual__login-inner,
.main-container .board__detail-title--list>li.quick-box__list,
.board__detail-title--list>li.main-title,
.board__detail-title--list>li.main-title__sub,
.board__detail-title--list>li.main-list__top,
.board__detail-title--list>li.main-list__bottom,
.main__slider-fraction .board__detail-title--list>li.fraction-remote,
.board__detail-title--list>li.main-banner__list,
.board__detail-title--list>li.cm-index-title,
.board__detail-title--list>li.title-frame,
.drop-menu__list>li.board__detail-title--list>li.inside.js-drop-title,
.board__detail-title--list.list-come>li,
.board__detail-title--list>li.list-come__mark,
.list-learning .list-come__con--title .board__detail-title--list>li.fraction-remote,
.board__detail-title--list>li.box-nodata,
.board__detail-title--list>li.box-clean__title,
.board__detail-title--list>li.box-symbol2,
.board__detail-title--list>li.box-schedule__year,
.box-schedule__year .board__detail-title--list>li.past,
.box-schedule__year .board__detail-title--list>li.future,
.board__detail-title--list>li.box-schedule__month-list {
    padding-top: 16px;
}

@media (max-width: 1024px) {

    .board__detail-title--list>li.flex-box,
    .board__detail-title--list>li.history-ball,
    .board__detail-title--list.category-list>li,
    .container-inner .board__detail-title--list>li.sidebar__title-frame,
    .container-inner .sidebar-list>li.board__detail-title--list>li.inside,
    .board__detail-title--list>li.board__tab--block,
    .board__detail-title--list>li.board__index-box,
    .board__detail-title--list>li.board__drop-title,
    .board__detail-title--list>li.board-banner__flex,
    .board__detail-title--list>li.reply-box__title,
    .pagination>li.board__detail-title--list>li.inside,
    .board__detail-title--list>li.member-frame--title,
    .board__detail-title--list>li.category-frame__title,
    .board__detail-title--list>li.detail-index-box,
    .detail-box__info .board__detail-title--list>li.box-application,
    .board__detail-title--list>li.info-data-box__top,
    .board__detail-title--list>li.info-wrap,
    .board__detail-title--list>li.info-wrap__inner,
    .board__detail-title--list>li.popup-page__title,
    .board__detail-title--list>li.popup-page__window,
    .board__detail-title--list>li.btn-interval__left,
    .board__detail-title--list>li.btn-interval__right,
    .board__detail-title--list>li.input-icon,
    .board__detail-title--list>li.input-icon--red,
    .board__detail-title--list>li.input-icon--green,
    .board__detail-title--list>li.input-button,
    .form-sort .board__detail-title--list>li[class^=btn-],
    .form-sort-triple__registration .board__detail-title--list>li[class^=btn-],
    .form-sort-triple .board__detail-title--list>li[class^=btn-],
    .form-sort-triple__email .board__detail-title--list>li[class^=btn-],
    .form-sort-double .board__detail-title--list>li[class^=btn-],
    .form-sort-double__phone .board__detail-title--list>li[class^=btn-],
    .form-sort-single .board__detail-title--list>li[class^=btn-],
    .board__detail-title--list>li.flex-direction--column,
    .list-border-gap--regular .board__detail-title--list>li.list__inner-flex--triple,
    .board__detail-title--list>li.list-triple,
    .board__detail-title--list>li.list-fourth,
    .board__detail-title--list>li.list-triple-decrease,
    .board__detail-title--list>li.list-triple--interval,
    .board__detail-title--list>li.list-triple--interval-v2,
    .board__detail-title--list>li.list-fourth-decrease,
    .board__detail-title--list>li.list-fourth--interval-v2,
    .board__detail-title--list>li.list-gallery,
    .board__detail-title--list>li.list-tag,
    .board__detail-title--list>li.list-map,
    .board__detail-title--list.list-map>li,
    .box-middle .board__detail-title--list>li.box-middle__top,
    .board__detail-title--list.box-history>li,
    .board__detail-title--list.box-history__list>li,
    .board__detail-title--list.header__top>li.header__inner,
    .header__top>.header__inner .board__detail-title--list>li.lnb-left,
    .header__top>.header__inner .board__detail-title--list>li.lnb-right,
    .header__top>.header__inner .lnb-left>li.tm .inside .board__detail-title--list>li.albums-num,
    .header__top>.header__inner .lnb-right>li.board__detail-title--list>li.inside,
    .header__bottom .board__detail-title--list>li.gnb-list__txt,
    .header .board__detail-title--list>li.menu-before__top,
    .board__detail-title--list>li.menu-before__top--list,
    .board__detail-title--list>li.footer__link,
    .board__detail-title--list>li.footer__logo-list,
    .footer .board__detail-title--list>li.ars-frame__txt,
    .visual__login-con .board__detail-title--list>li.menu-comment__list,
    .visual__login-con .board__detail-title--list>li.menu-activity,
    .board__detail-title--list>li.visual__login-inner,
    .main-container .board__detail-title--list>li.quick-box__list,
    .board__detail-title--list>li.main-title,
    .board__detail-title--list>li.main-title__sub,
    .board__detail-title--list>li.main-list__top,
    .board__detail-title--list>li.main-list__bottom,
    .main__slider-fraction .board__detail-title--list>li.fraction-remote,
    .board__detail-title--list>li.main-banner__list,
    .board__detail-title--list>li.cm-index-title,
    .board__detail-title--list>li.title-frame,
    .drop-menu__list>li.board__detail-title--list>li.inside.js-drop-title,
    .board__detail-title--list.list-come>li,
    .board__detail-title--list>li.list-come__mark,
    .list-learning .list-come__con--title .board__detail-title--list>li.fraction-remote,
    .board__detail-title--list>li.box-nodata,
    .board__detail-title--list>li.box-clean__title,
    .board__detail-title--list>li.box-symbol2,
    .board__detail-title--list>li.box-schedule__year,
    .box-schedule__year .board__detail-title--list>li.past,
    .box-schedule__year .board__detail-title--list>li.future,
    .board__detail-title--list>li.box-schedule__month-list {
        padding-top: 12px;
    }
}

@media (max-width: 1024px) {
    .board__detail-con {
        padding-bottom: 32px;
    }
}

.board__detail-con .attach-box {
    margin-top: 48px;
}

@media (max-width: 1024px) {
    .board__detail-con .attach-box {
        margin-top: 32px;
    }
}

.board__drop-title {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px 0;
}

.board__drop-title::before {
    font-size: 32px;
}

@media (max-width: 1024px) {
    .board__drop-title::before {
        font-size: 24px;
    }
}

.board__drop-title .txt--m4.secondary-color {
    margin-right: 16px;
}

@media (max-width: 1024px) {
    .board__drop-title .txt--m4.secondary-color {
        margin-right: 8px;
        font-size: 16px;
    }
}

.board__drop-con {
    padding: 32px;
}

@media (max-width: 1024px) {
    .board__drop-con {
        padding: 24px 20px;
    }
}

.board__drop-con--txt {
    margin-bottom: 0;
}

.board__drop-con .attach-box {
    margin-top: 40px;
    padding: 16px 32px;
}

@media (max-width: 1024px) {
    .board__drop-con .attach-box {
        margin-top: 32px;
        padding: 12px;
    }
}

.board__drop-box>li {
    margin-top: 12px;
    border-radius: 6px;
}

@media (max-width: 1024px) {
    .board__drop-box>li {
        margin-top: 8px;
    }
}

.board__drop-box>li:first-child {
    margin-top: 0;
}

.board__drop-box>li:hover,
.board__drop-box>li.on {
    border-color: #78a3fe;
    box-shadow: 0 2px 10px 0 rgba(31, 90, 252, 0.16);
}

@media (max-width: 1024px) {
    .board__index-box .txt--m6 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .board__index-box .txt--m6 {
        font-size: 18px;
    }
}

@media (max-width: 1024px) {
    .board__index-box select {
        background-size: 16px 16px;
        background-position: right 8px center;
    }
}

.board__index-box>li.board__index-term .icon-custom-filter {
    min-width: 140px;
    border-radius: 6px;
    color: #1f5afc;
}

@media (max-width: 767px) {
    .board__index-box>li.board__index-term .icon-custom-filter {
        min-width: 156px;
        width: auto;
        padding: 6px 10px;
    }
}

.board__index-box>li.board__index-term .icon-custom-filter::before {
    font-size: 20px;
}

@media (max-width: 767px) {
    .board__index-box>li.board__index-term .icon-custom-filter::before {
        left: auto;
        right: 10px;
        top: 10px;
        transform: translate(0, 0);
    }
}

@media (max-width: 767px) {
    .board__index-box>li.board__index-term .icon-custom-filter>span {
        display: inline-block;
    }
}

.board-num__square,
.board-num__square-purple,
.board-num__square-green,
.board-num__square-primary,
.board-num__square-primary--bg {
    min-width: auto;
}

@media (max-width: 1024px) {

    .board-num__square,
    .board-num__square-purple,
    .board-num__square-green,
    .board-num__square-primary,
    .board-num__square-primary--bg {
        font-size: 11px;
    }
}

.board-num__square-green {
    border-color: #34c47a;
    color: #34c47a;
}

.board-num__square-purple {
    border-color: #9845ff;
    color: #9745ff;
}

@media (max-width: 1024px) {
    .member-frame {
        min-height: calc(100vh - 522px);
        margin-top: 60px;
        padding-top: 0;
    }
}

.member-frame-second {
    margin-top: 32px;
    padding-top: 32px;
    box-sizing: border-box;
    border-top: 2px solid #eee;
}

@media (max-width: 1024px) {
    .member-frame-second {
        margin-top: 24px;
        padding-top: 24px;
    }
}

.member-frame .board__tab-line {
    justify-content: space-between;
    gap: 0;
}

.member-frame .board__tab-line>li {
    flex: 1 1 50%;
}

.member-frame .board__tab-line>li::before {
    left: 0;
}

.member-frame .board__tab-line-frame {
    margin-bottom: 32px;
}

@media (max-width: 1024px) {
    .member-frame .board__tab-line-frame {
        margin-bottom: 24px;
        padding: 0;
    }
}

.member-frame .board__form--title {
    padding-top: 0;
}

.member-frame .board__form--con .chk-box__txt {
    padding-left: 8px;
}

@media (max-width: 1024px) {
    .member-frame .member__line {
        margin-top: 12px;
    }
}

.member-frame .member__line.first {
    margin-top: 24px;
}

@media (max-width: 1024px) {
    .member-frame .member__line.first {
        margin-top: 16px;
    }
}

.member-frame .member__line--left .list-dot>li,
.member-frame .member__line--right .list-dot>li {
    padding-left: 16px;
}

.member-frame .member__line--left .list-dot>li:first-child,
.member-frame .member__line--right .list-dot>li:first-child {
    padding-left: 0;
}

.member-frame .member__line--left .list-dot>li::before,
.member-frame .member__line--right .list-dot>li::before {
    left: 8px;
    top: 11px;
}

.member-frame .member__line--left .list-dot>li .inside,
.member-frame .member__line--right .list-dot>li .inside {
    color: #9e9e9e;
    font-size: 15px;
}

@media (max-width: 1024px) {

    .member-frame .member__line--left .list-dot>li .inside,
    .member-frame .member__line--right .list-dot>li .inside {
        font-size: 13px;
    }
}

.member-frame .cm-txt__title--regular {
    margin-bottom: 60px;
    font-size: 30px;
}

@media (max-width: 1024px) {
    .member-frame .cm-txt__title--regular {
        margin-bottom: 40px;
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .member-frame .cm-txt__title--regular {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .member-frame .btn-wide {
        height: 48px;
        padding: 11px 12px;
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .member-frame .btn-large-primary {
        height: 52px;
    }
}

.member-frame .icon-custom-chk {
    padding-bottom: 40px;
}

@media (max-width: 1024px) {
    .member-frame .icon-custom-chk {
        padding-bottom: 32px;
    }
}

.member-frame .icon-custom-chk+.txt--m6 {
    font-size: 20px;
}

.member-frame__title {
    font: 22px /1.4em "Pretendard";
    text-align: center;
}

@media (max-width: 1024px) {
    .member-frame__title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .member-frame__title {
        font-size: 18px;
    }
}

.member-frame--title-sub {
    display: flex;
    justify-content: space-between;
    padding-bottom: 24px;
}

@media (max-width: 1024px) {
    .member-frame--title-sub {
        padding-bottom: 16px;
    }
}

.member-frame--title-sub__txt {
    color: #1f5afc;
    font: 18px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .member-frame--title-sub__txt {
        font-size: 16px;
    }
}

.member-frame--title-sub .txt-default {
    color: #616161;
}

@media (max-width: 1024px) {
    .member-frame--title-sub .txt-default {
        font-size: 12px;
    }
}

.member-frame .txt-info {
    padding: 28px 0 32px;
}

@media (max-width: 1024px) {
    .member-frame .txt-info {
        padding: 16px 0 24px;
    }
}

.member__term--list>li {
    margin-top: 32px;
}

@media (max-width: 1024px) {
    .member__term--list>li {
        margin-top: 24px;
    }
}

.member__term--list>li:first-child {
    margin-top: 40px;
}

@media (max-width: 1024px) {
    .member__term--list>li:first-child {
        margin-top: 32px;
    }
}

.member__term--list .box-scroll {
    height: 120px;
    padding: 24px 24px 20px;
    border-radius: 6px;
}

.member__term--list .box-scroll>p {
    margin: 0px;
    padding: 0px;
    word-break: break-word;
    color: rgb(65, 65, 65);
    font-family: notokr-regular, NanumGothic, Roboto-Regular;
    font-size: 14px;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-weight: 400;
    letter-spacing: normal;
    orphans: 2;
    text-align: left;
    text-indent: 0px;
    text-transform: none;
    white-space: normal;
    widows: 2;
    word-spacing: 0px;
    -webkit-text-stroke-width: 0px;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: initial;
    background-color: rgb(255, 255, 255);
}

.form-sort,
.form-sort-triple__registration,
.form-sort-triple,
.form-sort-triple__email,
.form-sort-double,
.form-sort-double__phone,
.form-sort-single {
    gap: 8px;
}

.form-sort-double {
    gap: 0 8px;
}

.form-sort-double__phone {
    gap: 8px;
}

.form-sort-double [class^=btn-large] {
    min-width: 120px;
}

@media (max-width: 1024px) {
    .form-sort-double [class^=btn-large] {
        min-width: 100px;
    }
}

.form-sort-triple__registration {
    justify-content: space-between;
    gap: 8px;
}

.form-sort-triple__registration>.flex-box,
.form-sort-triple__registration>.history-ball,
.form-sort-triple__registration.category-list>li,
.container-inner .form-sort-triple__registration>.sidebar__title-frame,
.container-inner .sidebar-list>li.form-sort-triple__registration>.inside,
.form-sort-triple__registration>.board__tab--block,
.form-sort-triple__registration>.board__index-box,
.form-sort-triple__registration>.board__drop-title,
.form-sort-triple__registration>.board-banner__flex,
.form-sort-triple__registration>.reply-box__title,
.pagination>li.form-sort-triple__registration>.inside,
.form-sort-triple__registration>.member-frame--title,
.form-sort-triple__registration>.category-frame__title,
.form-sort-triple__registration>.detail-index-box,
.detail-box__info .form-sort-triple__registration>.box-application,
.form-sort-triple__registration>.info-data-box__top,
.form-sort-triple__registration>.info-wrap,
.form-sort-triple__registration>.info-wrap__inner,
.form-sort-triple__registration>.popup-page__title,
.form-sort-triple__registration>.popup-page__window,
.form-sort-triple__registration>.btn-interval__left,
.form-sort-triple__registration>.btn-interval__right,
.form-sort-triple__registration>.input-icon,
.form-sort-triple__registration>.input-icon--red,
.form-sort-triple__registration>.input-icon--green,
.form-sort-triple__registration>.input-button,
.input-button .form-sort-triple__registration>a[class^=icon-],
.form-sort-triple__registration>.flex-direction--column,
.list-border-gap--regular .form-sort-triple__registration>.list__inner-flex--triple,
.form-sort-triple__registration>.list-triple,
.form-sort-triple__registration>.list-fourth,
.form-sort-triple__registration>.list-triple-decrease,
.form-sort-triple__registration>.list-triple--interval,
.form-sort-triple__registration>.list-triple--interval-v2,
.form-sort-triple__registration>.list-fourth-decrease,
.form-sort-triple__registration>.list-fourth--interval-v2,
.form-sort-triple__registration>.list-gallery,
.form-sort-triple__registration>.list-tag,
.list-definition .form-sort-triple__registration>dt,
.list-definition .form-sort-triple__registration>dd,
.list-table-bg>li dl .form-sort-triple__registration>dt,
.list-table-bg>li dl .form-sort-triple__registration>dd,
.form-sort-triple__registration>.list-map,
.form-sort-triple__registration.list-map>li,
.box-middle .form-sort-triple__registration>.box-middle__top,
.form-sort-triple__registration.box-history>li,
.form-sort-triple__registration.box-history__list>li,
.form-sort-triple__registration.header__top>.header__inner,
.header__top>.header__inner .form-sort-triple__registration>.lnb-left,
.header__top>.header__inner .form-sort-triple__registration>.lnb-right,
.header__top>.header__inner .lnb-left>li.tm .inside .form-sort-triple__registration>.albums-num,
.header__top>.header__inner .lnb-right>li.form-sort-triple__registration>.inside,
.header__bottom .form-sort-triple__registration>.gnb-list__txt,
.header .form-sort-triple__registration>.menu-before__top,
.form-sort-triple__registration>.menu-before__top--list,
.banner-list__slider .swiper-slide .form-sort-triple__registration>a,
.form-sort-triple__registration>.footer__link,
.form-sort-triple__registration>.footer__logo-list,
.footer .form-sort-triple__registration>.ars-frame__txt,
.visual__login-con .form-sort-triple__registration>.menu-comment__list,
.visual__login-con .form-sort-triple__registration>.menu-activity,
.form-sort-triple__registration>.visual__login-inner,
.main-container .form-sort-triple__registration>.quick-box__list,
.form-sort-triple__registration>.main-title,
.form-sort-triple__registration>.main-title__sub,
.form-sort-triple__registration>.main-list__top,
.form-sort-triple__registration>.main-list__bottom,
.main__slider-fraction .form-sort-triple__registration>.fraction-remote,
.form-sort-triple__registration>.main-banner__list,
.form-sort-triple__registration>.cm-index-title,
.form-sort-triple__registration>.title-frame,
.drop-menu__list>li.form-sort-triple__registration>.inside.js-drop-title,
.form-sort-triple__registration.list-come>li,
.form-sort-triple__registration>.list-come__mark,
.list-learning .list-come__con--title .form-sort-triple__registration>.fraction-remote,
.form-sort-triple__registration>.box-nodata,
.form-sort-triple__registration>.box-clean__title,
.form-sort-triple__registration>.box-symbol2,
.form-sort-triple__registration>.box-schedule__year,
.box-schedule__year .form-sort-triple__registration>.past,
.box-schedule__year .form-sort-triple__registration>.future,
.form-sort-triple__registration>.box-schedule__month-list,
.form-sort-triple__registration>[class^=btn-] {
    flex: 1 1 auto;
}

.form-sort-triple__registration .txt-default {
    margin: 0 12px;
}

.form-sort-triple__registration [class^=btn-] {
    min-width: 120px;
}

@media (max-width: 1024px) {
    .form-sort-triple__registration [class^=btn-] {
        min-width: 100px;
    }
}

.sub-table {
    min-width: 894px;
    border-top: 1px solid #000;
    box-sizing: border-box;
}

.sub-table thead {
    height: 44px;
    font-size: 14px;
    text-align: center;
}

.sub-table tr th {
    padding: 12px 10px;
    box-sizing: border-box;
    background-color: #fafafa;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    font: 14px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .sub-table tr th {
        font-size: 13px;
    }
}

.sub-table tr th:first-child {
    border-left: 0;
}

.sub-table thead tr th {
    border-top: 1px solid #000;
}

.sub-table tbody tr th {
    padding: 16px 15px;
}

.sub-table tbody tr th[rowspan="2"],
.sub-table tbody tr th[rowspan="3"],
.sub-table tbody tr th[rowspan="4"],
.sub-table tbody tr th[rowspan="5"],
.sub-table tbody tr th[rowspan="6"],
.sub-table tbody tr th[rowspan="7"],
.sub-table tbody tr th[rowspan="8"],
.sub-table tbody tr th[rowspan="9"],
.sub-table tbody tr th[rowspan="10"],
.sub-table tbody tr th[rowspan="11"],
.sub-table tbody tr th[rowspan="12"],
.sub-table tbody tr th[rowspan="13"] {
    border-right: 1px solid #e0e0e0;
}

.sub-table tbody tr td {
    height: 57px;
    padding: 16px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    font-size: 14px;
    text-align: center;
}

@media (max-width: 1024px) {
    .sub-table tbody tr td {
        font-size: 13px;
    }
}

.sub-table tbody tr td[rowspan="2"],
.sub-table tbody tr td[rowspan="3"],
.sub-table tbody tr td[rowspan="4"] {
    border-left: 1px solid #e0e0e0;
}

.sub-table tbody tr td:first-child {
    border-left: 0;
}

.sub-table tbody tr td:last-child {
    border-right: 0;
}

.sub-table tbody tr td .txt-default {
    padding-top: 24px;
}

@media (max-width: 1024px) {
    .sub-table tbody tr td .txt-default {
        padding-top: 16px;
        font-size: 13px;
    }
}

.sub-table tbody tr td .txt-default:first-child {
    padding-top: 0;
}

.sub-table tbody tr td .cm-list-dot>li {
    font-size: 14px;
}

.sub-table tbody tr.table-line th,
.sub-table tbody tr.table-line td {
    border-top: 1px solid #000 !important;
}

.sub-detail-box {
    margin-bottom: 40px;
    padding: 40px 32px;
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid #eee;
    background-color: #fafafa;
}

@media (max-width: 1024px) {
    .sub-detail-box {
        margin-bottom: 24px;
        padding: 24px 16px;
    }
}

.sub-detail-box .content__detail-txt {
    padding-bottom: 0;
}

.table-existence {
    overflow-x: auto;
}

.table-existence a.secondary-color {
    text-decoration: underline;
}

.popup-page,
.popup-page-middle,
.popup-page-small {
    overflow: hidden;
    z-index: 17;
    border-radius: 24px;
}

.popup-page-middle .info-txt-normal {
    padding-bottom: 24px;
}

.popup-page__window {
    padding: 12px 24px;
    background-color: #fff;
}

.popup-page__window [class^=btn-] {
    min-width: 80px;
}

.popup-page__title {
    padding: 24px 32px;
}

.popup-page__title--btn {
    font-size: 36px;
}

.popup-page__con>.flex-box,
.popup-page__con>.history-ball,
.popup-page__con.category-list>li,
.container-inner .popup-page__con>.sidebar__title-frame,
.container-inner .sidebar-list>li.popup-page__con>.inside,
.popup-page__con>.board__tab--block,
.popup-page__con>.board__index-box,
.popup-page__con>.board__drop-title,
.popup-page__con>.board-banner__flex,
.popup-page__con>.reply-box__title,
.pagination>li.popup-page__con>.inside,
.popup-page__con>.member-frame--title,
.popup-page__con>.category-frame__title,
.popup-page__con>.detail-index-box,
.detail-box__info .popup-page__con>.box-application,
.popup-page__con>.info-data-box__top,
.popup-page__con>.info-wrap,
.popup-page__con>.info-wrap__inner,
.popup-page__con>.popup-page__title,
.popup-page__con>.popup-page__window,
.popup-page__con>.btn-interval__left,
.popup-page__con>.btn-interval__right,
.popup-page__con>.input-icon,
.popup-page__con>.input-icon--red,
.popup-page__con>.input-icon--green,
.popup-page__con>.input-button,
.input-button .popup-page__con>a[class^=icon-],
.form-sort .popup-page__con>[class^=btn-],
.form-sort-triple .popup-page__con>[class^=btn-],
.form-sort-triple__email .popup-page__con>[class^=btn-],
.form-sort-double .popup-page__con>[class^=btn-],
.form-sort-double__phone .popup-page__con>[class^=btn-],
.form-sort-single .popup-page__con>[class^=btn-],
.popup-page__con>.flex-direction--column,
.list-border-gap--regular .popup-page__con>.list__inner-flex--triple,
.popup-page__con>.list-triple,
.popup-page__con>.list-fourth,
.popup-page__con>.list-triple-decrease,
.popup-page__con>.list-triple--interval,
.popup-page__con>.list-triple--interval-v2,
.popup-page__con>.list-fourth-decrease,
.popup-page__con>.list-fourth--interval-v2,
.popup-page__con>.list-gallery,
.popup-page__con>.list-tag,
.list-definition .popup-page__con>dt,
.list-definition .popup-page__con>dd,
.list-table-bg>li dl .popup-page__con>dt,
.list-table-bg>li dl .popup-page__con>dd,
.popup-page__con>.list-map,
.popup-page__con.list-map>li,
.box-middle .popup-page__con>.box-middle__top,
.popup-page__con.box-history>li,
.popup-page__con.box-history__list>li,
.popup-page__con.header__top>.header__inner,
.header__top>.header__inner .popup-page__con>.lnb-left,
.header__top>.header__inner .popup-page__con>.lnb-right,
.header__top>.header__inner .lnb-left>li.tm .inside .popup-page__con>.albums-num,
.header__top>.header__inner .lnb-right>li.popup-page__con>.inside,
.header__bottom .popup-page__con>.gnb-list__txt,
.header .popup-page__con>.menu-before__top,
.popup-page__con>.menu-before__top--list,
.banner-list__slider .swiper-slide .popup-page__con>a,
.popup-page__con>.footer__link,
.popup-page__con>.footer__logo-list,
.footer .popup-page__con>.ars-frame__txt,
.visual__login-con .popup-page__con>.menu-comment__list,
.visual__login-con .popup-page__con>.menu-activity,
.popup-page__con>.visual__login-inner,
.main-container .popup-page__con>.quick-box__list,
.popup-page__con>.main-title,
.popup-page__con>.main-title__sub,
.popup-page__con>.main-list__top,
.popup-page__con>.main-list__bottom,
.main__slider-fraction .popup-page__con>.fraction-remote,
.popup-page__con>.main-banner__list,
.popup-page__con>.cm-index-title,
.popup-page__con>.title-frame,
.drop-menu__list>li.popup-page__con>.inside.js-drop-title,
.popup-page__con.list-come>li,
.popup-page__con>.list-come__mark,
.list-learning .list-come__con--title .popup-page__con>.fraction-remote,
.popup-page__con>.box-nodata,
.popup-page__con>.box-clean__title,
.popup-page__con>.box-symbol2,
.popup-page__con>.box-schedule__year,
.box-schedule__year .popup-page__con>.past,
.box-schedule__year .popup-page__con>.future,
.popup-page__con>.box-schedule__month-list,
.form-sort-triple__registration .popup-page__con>[class^=btn-] {
    min-height: 156px !important;
}

.popup-page__btn {
    gap: 0 8px;
    padding: 0 32px 24px;
    box-sizing: border-box;
}

.popup-dim {
    z-index: 16;
}

@media (max-width: 1024px) {

    .popup-dim+.popup-page,
    .popup-dim+.popup-page-middle,
    .popup-dim+.popup-page-small {
        border-bottom-right-radius: 24px;
        border-bottom-left-radius: 24px;
    }
}

.popup-member {
    overflow: hidden;
    position: absolute;
    z-index: 16;
    top: 7%;
    left: 50%;
    transform: translateX(-50%);
    width: 720px;
    background-color: #fff;
    border-radius: 24px;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .popup-member {
        width: calc(100% - 48px);
    }
}

@media (max-width: 767px) {
    .popup-member {
        top: 0;
        border-radius: 0;
        width: 100%;
    }
}

.popup-member__head {
    position: relative;
    height: 79px;
    padding: 24px 30px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .popup-member__head {
        height: 60px;
        padding: 17px 19px;
    }
}

.popup-member__head .icon-close {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    font-size: 30px;
}

@media (max-width: 767px) {
    .popup-member__head .icon-close {
        right: 19px;
        margin-top: -2px;
    }
}

.popup-member__title {
    font: 22px /1.4em "Pretendard";
    text-align: center;
}

@media (max-width: 1024px) {
    .popup-member__title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .popup-member__title {
        font-size: 18px;
    }
}

.popup-member__body {
    padding: 32px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .popup-member__body {
        padding: 20px;
    }
}

.popup-member__body .member-frame {
    width: 100%;
    padding-top: 0;
    border-bottom: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .popup-member__body .member-frame {
        margin-top: 0;
    }
}

.popup-member__body .member-frame--title-sub {
    padding-bottom: 16px;
    box-sizing: border-box;
    border-bottom: 1px solid #000;
}

.popup-member__body .member-frame--title-sub__txt {
    font-size: 16px;
}

.popup-member__body .member-frame--title-sub .txt-default {
    font-size: 12px;
}

.popup-member__body .member__form {
    padding: 24px 8px;
    box-sizing: border-box;
}

.popup-member__body .member__form--con {
    padding-top: 4px;
}

.popup-member__body .member__form .board__form--title span {
    font-size: 12px;
}

.popup-member__body .member__form .board__form--list>li {
    margin-top: 16px;
}

.popup-member__body .member__form .board__form--list>li:first-child {
    margin-top: 0;
}

.popup-member__body .member__form .board__form--list>li [class^=input-icon] {
    height: 44px !important;
}

.popup-member__body .member__form input,
.popup-member__body .member__form select {
    height: 44px !important;
    font-size: 14px;
}

.popup-member__body .member__form input::placeholder {
    font-size: 14px;
}

.popup-member__body .member__form select {
    padding: 0 16px;
    background-position: right 16px center;
}

.popup-member__body .member__form [class^=btn-large] {
    min-width: 100px !important;
    height: 44px !important;
    font-size: 14px;
}

.popup-member__body .btn-interval-small--side {
    margin-top: 32px;
}

.popup-member__body .btn-interval-small--side [class^=btn-] {
    min-width: 100px;
}

.popup-member__search {
    padding-bottom: 24px;
}

.popup-member__search .input-button {
    padding: 8px 12px;
    padding-right: 0;
    height: 40px;
}

.popup-member__search .input-button .icon-search {
    width: 40px;
    font-size: 20px;
}

.popup-member__comment {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
}

.popup-member__comment--left {
    color: #616161;
    font: 13px /1.75em "spoqa-light";
}

.popup-member__comment .btn-tiny-primary {
    min-width: 80px;
}

.popup-member__table {
    position: relative;
    border-top: 1px solid #000;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
}

.popup-member__table--head {
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 1px;
    width: 100%;
    height: 50px;
    background-color: #fff;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
}

@media (max-width: 767px) {
    .popup-member__table--head {
        display: none;
    }
}

.popup-member__table--head>li {
    height: 100%;
    padding: 12px 0;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
}

.popup-member__table--head>li:first-child {
    flex-basis: 80px;
}

.popup-member__table--head>li:nth-child(2) {
    flex-basis: 120px;
}

.popup-member__table--head>li:nth-child(3) {
    flex-basis: 336px;
}

.popup-member__table--head>li:last-child {
    flex-basis: 120px;
}

.popup-member__table--body {
    overflow-y: auto;
    min-height: 300px;
    max-height: 300px;
    margin-top: 50px;
}

@media (max-width: 767px) {
    .popup-member__table--body {
        min-height: auto;
        max-height: 555px;
        margin-top: 0;
    }
}

.popup-member__table--body>li {
    height: 49px;
    box-sizing: border-box;
    background-color: #fff;
}

@media (max-width: 767px) {
    .popup-member__table--body>li {
        height: auto;
    }
}

.popup-member__table--body>li:hover {
    background-color: #fafafa;
}

.popup-member__table--body>li:last-child .popup-member__table--item {
    border-bottom: 0;
}

.popup-member__table--item {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
}

@media (max-width: 767px) {
    .popup-member__table--item {
        flex-direction: column;
        justify-content: flex-start;
        gap: 3px 0;
        padding: 20px 8px;
    }
}

.popup-member__table--item>li {
    height: 100%;
    padding: 12px 0;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
}

@media (max-width: 767px) {
    .popup-member__table--item>li {
        padding: 0;
        font-size: 12px;
        text-align: left;
    }
}

.popup-member__table--item>li:first-child {
    flex-basis: 80px;
    color: #9e9e9e;
}

@media (max-width: 767px) {
    .popup-member__table--item>li:first-child {
        display: none;
        flex-basis: auto;
    }
}

.popup-member__table--item>li:nth-child(2) {
    flex-basis: 120px;
}

@media (max-width: 767px) {
    .popup-member__table--item>li:nth-child(2) {
        order: 2;
        flex-basis: auto;
    }
}

.popup-member__table--item>li:nth-child(3) {
    flex-basis: 336px;
}

@media (max-width: 767px) {
    .popup-member__table--item>li:nth-child(3) {
        order: 1;
        flex-basis: auto;
        padding-bottom: 1px;
    }
}

.popup-member__table--item>li:last-child {
    flex-basis: 120px;
}

@media (max-width: 767px) {
    .popup-member__table--item>li:last-child {
        order: 3;
        flex-basis: auto;
    }
}

.popup-member__explanation {
    display: none;
}

@media (max-width: 767px) {
    .popup-member__explanation {
        display: inline-block;
        color: #9e9e9e;
        font-size: 12px;
    }
}

.info-wrap {
    background-color: #fff9e6;
}

.info-wrap__inner {
    min-height: 418px;
}

@media (max-width: 1024px) {
    .info-wrap__inner {
        min-height: 348px;
    }
}

.info-wrap__img {
    width: 182px;
}

@media (max-width: 1024px) {
    .info-wrap__img {
        width: 130px;
    }
}

.info-wrap__middle p {
    color: #000;
}

.info-wrap__middle .cm-txt__title--normal {
    padding-bottom: 24px;
    font-size: 30px;
}

@media (max-width: 1024px) {
    .info-wrap__middle .cm-txt__title--normal {
        min-width: 100%;
        padding-bottom: 16px;
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .info-wrap__middle .cm-txt__title--normal {
        font-size: 22px;
    }
}

.info-wrap .btn-interval [class^=btn-],
.info-wrap .btn-interval-wide [class^=btn-],
.info-wrap .btn-interval-middle [class^=btn-],
.info-wrap .btn-interval-small [class^=btn-],
.info-wrap .btn-interval-small--side [class^=btn-],
.info-wrap .btn-interval-tiny [class^=btn-] {
    height: 56px;
    padding: 15px 12px 15.5px 12px;
}

@media (max-width: 1024px) {

    .info-wrap .btn-interval [class^=btn-],
    .info-wrap .btn-interval-wide [class^=btn-],
    .info-wrap .btn-interval-middle [class^=btn-],
    .info-wrap .btn-interval-small [class^=btn-],
    .info-wrap .btn-interval-small--side [class^=btn-],
    .info-wrap .btn-interval-tiny [class^=btn-] {
        min-width: 120px;
        height: 48px;
        padding: 12px 12px 15px 12px;
        font-size: 14px;
    }
}

.info-txt-title {
    font-size: 22px;
}

@media (max-width: 1024px) {
    .info-data-box__top .txt--m3 {
        font-size: 14px;
    }
}

.info-data-box__list>li>dl {
    display: flex;
    align-items: flex-start;
    gap: 7px 33px;
    width: 100%;
}

@media (max-width: 1024px) {
    .info-data-box__list>li>dl {
        gap: 7px 17px;
    }
}

@media (max-width: 767px) {
    .info-data-box__list>li>dl {
        gap: 7px;
    }
}

.info-data-box__list>li>dl dt {
    position: relative;
    font: 14px /1.4em "Pretendard";
    line-height: 1.75em;
}

@media (max-width: 1024px) {
    .info-data-box__list>li>dl dt {
        font-size: 12px;
    }
}

.info-data-box__list>li>dl dt::after {
    content: "";
    position: absolute;
    right: -16px;
    top: 6px;
    width: 1px;
    height: 12px;
    background-color: #eee;
}

@media (max-width: 1024px) {
    .info-data-box__list>li>dl dt::after {
        right: -8px;
        top: 5px;
    }
}

@media (max-width: 767px) {
    .info-data-box__list>li>dl dt::after {
        right: -5px;
    }
}

.info-data-box__list>li>dl dd {
    color: #9e9e9e;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .info-data-box__list>li>dl dd {
        font-size: 12px;
    }
}

.info-preface-box {
    padding: 12px 24px;
    background-color: #f6f9ff;
    border-radius: 6px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .info-preface-box {
        padding: 12px 16px;
    }
}

.info-preface-box .info-data-box__list>li>dl dd {
    color: #616161;
}

.info-preface-box .info-data-box__list>li>dl dd::before {
    background-color: #cadaff;
}

@media (max-width: 1024px) {
    .section-box {
        width: calc(100% - 48px);
        margin: 0 auto;
        padding-top: 40px;
    }
}

@media (max-width: 767px) {
    .section-box {
        width: calc(100% - 40px);
    }
}

.section-box-sub {
    padding-top: 40px;
}

@media (max-width: 1024px) {
    .section-box-sub {
        padding-top: 32px;
    }
}

.section-box-spacing {
    padding-top: 60px;
}

@media (max-width: 1024px) {
    .section-box-spacing {
        padding-top: 40px;
    }
}

.section-box__title {
    padding-bottom: 6px;
    font: 26px /1.4em "Pretendard";
}

.section-box__title#field1 {
    position: relative;
    z-index: -1;
    padding: 0;
    color: #fff;
}

@media (max-width: 1024px) {
    .section-box__title#field1 {
        display: none;
    }
}

@media (max-width: 1024px) {
    .section-box__title {
        padding-bottom: 24px;
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .section-box__title {
        font-size: 20px;
    }
}

.section-box__title+.history-tab {
    margin-top: 0;
}

.section-box__title-sub {
    position: relative;
    padding: 0 0 24px 32px;
    font: 22px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .section-box__title-sub {
        padding: 0 0 16px 28px;
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .section-box__title-sub {
        font-size: 18px;
    }
}

.section-box__title-sub::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 20px;
    height: 20px;
    background: no-repeat center/contain;
    background-image: url("../img/common/title_bg.png");
}

@media (max-width: 767px) {
    .section-box__title-sub::before {
        top: 3px;
    }
}

.section-box__comment {
    padding-bottom: 24px;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .section-box__comment {
        padding-bottom: 16px;
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .policy-frame {
        width: calc(100% - 48px);
        margin: 0 auto;
        padding-top: 40px;
    }
}

@media (max-width: 767px) {
    .policy-frame {
        width: calc(100% - 40px);
    }
}

@media (max-width: 1024px) {
    .policy-frame .section-box {
        width: 100%;
    }
}

.policy-frame .section-box__title {
    font-size: 26px !important;
}

@media (max-width: 1024px) {
    .policy-frame .section-box__title {
        font-size: 22px !important;
    }
}

@media (max-width: 767px) {
    .policy-frame .section-box__title {
        font-size: 20px !important;
    }
}

.policy-frame .section-box__title-sub {
    font-size: 22px !important;
}

@media (max-width: 1024px) {
    .policy-frame .section-box__title-sub {
        font-size: 20px !important;
    }
}

@media (max-width: 767px) {
    .policy-frame .section-box__title-sub {
        font-size: 18px !important;
    }
}

@media (max-width: 1024px) {
    .policy-frame .box-info {
        width: 100%;
    }
}

.policy-frame .box-info p {
    font-size: 14px !important;
}

@media (max-width: 1024px) {
    .policy-frame .box-info p {
        font-size: 12px !important;
    }
}

.policy-frame .box-info [class^=icon-] {
    font-size: 20px !important;
}

@media (max-width: 1024px) {
    .policy-frame .box-info [class^=icon-] {
        font-size: 16px !important;
    }
}

.category-frame {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .category-frame {
        height: calc(100vh - 128px);
        padding: 0;
        border: 0;
    }
}

.category-frame>li {
    border: 0;
    border-top: 1px solid #e0e0e0;
}

.category-frame>li:first-child {
    border-top: 0;
}

.category-frame__title {
    padding: 24px 16px;
}

@media (max-width: 1024px) {
    .category-frame__title {
        height: 64px;
        padding: 0 24px;
    }
}

.category-frame__title.on .icon-custom-switch {
    display: inline-block;
}

.category-frame__title:hover {
    background-color: transparent;
}

@media (max-width: 1024px) {
    .category-frame__title .icon-custom-switch {
        display: inline-block;
    }
}

.category-frame__title .icon-custom-switch::before {
    color: #000;
}

.category-frame__con {
    padding: 8px 16px 16px;
}

.category-list {
    display: none;
    padding-top: 16px;
}

@media (max-width: 1024px) {
    .category-list {
        padding-top: 12px;
    }
}

.category-list>li {
    margin-top: 8px;
}

@media (max-width: 1024px) {
    .category-list>li {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .category-list>li {
        margin-top: 6px;
    }
}

.category-list>li::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat center/contain;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='9xvisff6ba'%3E%3Cpath d='M1920 0v2362H0V0h1920z'/%3E%3C/clipPath%3E%3CclipPath id='kck93pok0b'%3E%3Cpath d='M1 0v7h7v1H0V0h1z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%239xvisff6ba)' transform='translate(-376 -485)'%3E%3Cg clip-path='url(%23kck93pok0b)' transform='translate(382 488)'%3E%3Cpath fill='%23bdbdbd' d='M0 0h8v8H0V0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

@media (max-width: 1024px) {
    .category-list>li::before {
        margin-right: 8px;
    }
}

.category-list>li:first-child {
    margin-top: 0;
}

.category-list>li:hover {
    background-color: transparent;
    color: #1f5afc;
}

.category-list>li .chk-box {
    height: auto;
}

.category-list>li .chk-box:hover .chk-box__txt {
    color: #1f5afc;
}

@media (max-width: 1024px) {
    .category-list>li .chk-box input~.chk-box__txt {
        text-align: left;
    }
}

.category-list>li .chk-box__txt {
    color: #9e9e9e;
}

.category-list-large>li {
    margin-top: 16px;
}

.category-list-large>li:first-child {
    margin-top: 0;
}

.category-list-large>li>.chk-box {
    display: inline-block;
}

.category-list-large .chk-box__txt {
    padding-left: 4px;
}

@media (max-width: 1024px) {
    .category-list-large .chk-box__txt {
        margin-left: 8px;
    }
}

.category-list .chk-box input:checked~.chk-box__txt {
    color: #1f5afc;
}

.category-list__rep {
    color: #000;
    font-size: 14px;
}

.filter-fence__search {
    margin-bottom: 40px;
    padding: 20px;
    background-color: rgba(31, 90, 252, 0.08);
    border-radius: 6px;
}

@media (max-width: 1024px) {
    .filter-fence__search {
        display: block;
        padding: 16px 20px;
        border-radius: 0;
    }
}

.filter-fence__search .input-button {
    width: 600px;
    padding-left: 20px;
    border-radius: 26px;
    border-color: #78a3fe;
    box-shadow: 0 0 4px 0 rgba(31, 90, 252, 0.16);
}

@media (max-width: 767px) {
    .filter-fence__search .input-button {
        width: 100%;
    }
}

.filter-fence__search .input-button [class^=icon-] {
    margin-right: 10px;
    color: #1f5afc;
}

.filter__title .icon-custom-close {
    width: 30px;
    height: 30px;
}

.detail-box {
    width: 100%;
}

@media (max-width: 1248px) {
    .detail-box {
        width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 1024px) {
    .detail-box {
        width: calc(100% - 48px);
        margin: 0 auto;
    }
}

.detail-box__title {
    padding-bottom: 10px;
    font: 20px /1.4em "Pretendard";
    color: #000;
}


.detail-box__title-frame {
    padding-bottom: 40px;
}

@media (max-width: 1024px) {
    .detail-box__title-frame {
        padding-bottom: 32px;
    }

    .detail-box__title {
        font: 17px /1.4em "Pretendard";
    }
}

.detail-box__title-sub {
    gap: 16px 0;
    align-items: center;
    padding-bottom: 0;
}

@media (max-width: 1024px) {
    .detail-box__title-sub {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 1024px) {
    .detail-box__title-sub .cm-title-sub {
        order: 2;
    }
}

@media (max-width: 1024px) {

    .detail-box__title-sub .state__blue,
    .detail-box__title-sub .state-square__blue {
        order: 1;
    }
}

.detail-box__page .board__tab-line {
    justify-content: flex-start;
}

.detail-box__page .board__tab-line>li {
    flex: 1 1 auto;
    padding: 0 16px;
}

@media (max-width: 1024px) {
    .detail-box__page .board__tab-line>li {
        height: 39px;
    }
}

.detail-box__page .board__tab-line.fixed {
    position: sticky;
    z-index: 1;
    transform: translate(0, 0);
    width: 100%;
    padding-right: 0;
}

.detail-box__page .board__tab-line.fixed::after {
    content: none;
}

.detail-box__page>.section-box {
    width: 100%;
}

.detail-box__info.fixed {
    top: 193px;
    margin-left: 350px;
}

@media (max-width: 1248px) {
    .detail-box__info.fixed {
        left: auto;
        right: 24px;
        margin-left: 0;
    }
}


@media (max-width: 1024px) {
    .detail-box__info .box-application {
        height: 68px;
        padding: 12px 24px;
    }
}

.detail-box__con {
    padding-top: 40px;
}

@media (max-width: 1024px) {
    .detail-box__con {
        width: 100%;
        margin: 0;
        padding-top: 32px;
    }
}

.detail-box__con>section {
    padding-bottom: 25px;
}


.detail-box__con .list-border-gap {
    padding-bottom: 24px;
}

@media (max-width: 1024px) {
    .detail-box__con .list-border-gap {
        padding-bottom: 16px;
    }
}

.detail-box__con .list-border-gap:last-child {
    padding-bottom: 0;
}

.detail-box__con .list-border-gap>li:first-child {
    border: 0;
}

.detail-box .list-table-ellipsis {
    position: relative;
}

@media (max-width: 767px) {
    .detail-box .list-table-ellipsis.unfold {
        height: auto;
    }
}

@media (max-width: 767px) {
    .detail-box .list-table-ellipsis {
        overflow: hidden;
        height: 217px;
    }
}

.application-chart-frame {
    width: 100%;
}

.application-chart-frame .chart-line1 .progressbar {
    height: 10px !important;
    margin: 0 !important;
    border-radius: 5px !important;
}

.application-chart-frame .chart-line1 .progressbar .proggress {
    height: 10px !important;
    border-radius: 5px !important;
}

.application-chart-frame .chart-line1 .progressbar .percentCount {
    display: none;
}

.applicants-cage-row {
    width: 100%;
    min-height: 44px;
    margin-bottom: 8px;
}

.applicants-cage-row__number {
    margin-left: auto;
}

.location-edu {
    display: inline-block;
    width: 32px;
    margin-right: 16px;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    border-radius: 6px;
    font-size: 20px;
    text-align: center;
    line-height: 29px;
    color: #ffb600;
}

@media (max-width: 1024px) {
    .location-edu {
        margin-right: 12px;
    }
}

.location-edu::before {
    content: "\ea17";
    font-family: "icomoon";
}

.schematic-img {
    display: block;
}

.schematic-structure {
    position: relative;
}

@media (max-width: 1024px) {
    .schematic-structure {
        width: calc(100% - 48px);
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .schematic-structure {
        width: calc(100% - 40px);
    }
}

.schematic-structure .icon-expand {
    display: none;
}

@media (max-width: 1024px) {
    .schematic-structure .icon-expand {
        display: block;
        position: absolute;
        right: 12px;
        bottom: 12px;
        z-index: 1;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background-color: #616161;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
        color: #fff;
        font-size: 20px;
        text-align: center;
        line-height: 46px;
    }
}

.schematic-frame {
    display: inline-block;
    position: relative;
}

.schematic-frame .item1,
.schematic-frame .item2,
.schematic-frame .item3,
.schematic-frame .item4,
.schematic-frame .item5,
.schematic-frame .item6,
.schematic-frame .item7,
.schematic-frame .item8,
.schematic-frame .item9,
.schematic-frame .item10 {
    position: absolute;
    opacity: 0.7;
    /*background-color: brown;*/
}

.schematic-frame .item1 {
    left: 0.8%;
    top: 7.8%;
    width: 14.5%;
    height: 22.3%;
}

.schematic-frame .item2 {
    left: 16.1%;
    top: 6.8%;
    width: 14.5%;
    height: 3.7%;
}

.schematic-frame .item3 {
    left: 16.1%;
    top: 11%;
    width: 14.5%;
    height: 5%;
}

.schematic-frame .item4 {
    left: 16.1%;
    top: 16.4%;
    width: 14.5%;
    height: 5%;
}

.schematic-frame .item5 {
    left: 16.1%;
    top: 22%;
    width: 14.5%;
    height: 8.5%;
}

.schematic-frame .item6 {
    left: 0.8%;
    top: 33.5%;
    width: 14.5%;
    height: 17%;
    /*background-color: pink;*/
}

.schematic-frame .item7 {
    left: 0.8%;
    top: 47.8%;
    width: 14.5%;
    height: 8%;
}

.schematic-frame .item8 {
    left: 0.8%;
    top: 63.2%;
    width: 30%;
    height: 5.7%;
    /*background-color: navajowhite;*/
}

.schematic-frame .item9 {
    left: 0.8%;
    top: 71.8%;
    width: 14.5%;
    height: 10.7%;
    /*background-color: teal;*/
}

.schematic-frame .item10 {
    left: 0.8%;
    top: 85.8%;
    width: 14.5%;
    height: 12.2%;
    /*background-color: yellowgreen;*/
}

.history-preface__bg {
    width: 100%;
    height: 200px;
    background: no-repeat center/cover;
    background-image: url("../img/sub/history_img.png");
}

.history-preface__con {
    position: relative;
    top: -60px;
    z-index: 0;
    width: 774px;
    margin: 0 auto;
    padding: 16px 32px;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 16px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
}

@media (max-width: 1248px) {
    .history-preface__con {
        width: calc(100% - 48px);
        padding: 8px 24px;
    }
}

@media (max-width: 1024px) {
    .history-preface__con {
        top: -40px;
    }
}

@media (max-width: 767px) {
    .history-preface__con {
        width: calc(100% - 40px);
    }
}

.history-preface__con>li {
    padding: 24px 0;
    border-top: 1px dashed #bdbdbd;
}

.history-preface__con>li:first-child {
    border-top: 0;
}

@media (max-width: 1248px) {
    .history-preface__con>li {
        padding: 24px 0 16px;
    }
}

.history-preface__inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .history-preface__inner {
        flex-direction: column;
        gap: 8px 0;
    }
}

.history-preface__inner--left {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-start;
    gap: 0 12px;
}

@media (max-width: 1248px) {
    .history-preface__inner--left {
        gap: 0 8px;
    }
}

.history-preface__inner--left .round-num {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    background-color: #ffc500;
    box-sizing: border-box;
    border-radius: 50%;
    color: #fff;
    font: 12px "happiness-bold";
    line-height: 20px;
    text-align: center;
}

@media (max-width: 1248px) {
    .history-preface__inner--left .round-num {
        width: 16px;
        height: 16px;
        font-size: 10px;
        line-height: 16px;
    }
}

.history-preface__inner--left p {
    font: 18px /1.4em "Pretendard";
}

@media (max-width: 1248px) {
    .history-preface__inner--left p {
        font-size: 16px;
    }
}

.history-preface__inner--right {
    flex: 1 1 470px;
}

@media (max-width: 1248px) {
    .history-preface__inner--right {
        flex-basis: 405px;
    }
}

@media (max-width: 767px) {
    .history-preface__inner--right {
        flex-basis: auto;
    }
}

.history-preface__inner--right p {
    color: #616161;
    font-size: 16px;
}

@media (max-width: 1248px) {
    .history-preface__inner--right p {
        font-size: 14px;
    }
}

.history-ball {
    justify-content: center;
}

@media (max-width: 767px) {
    .history-ball {
        flex-wrap: wrap;
        gap: 8px 0;
        margin: 0 auto;
        width: 80%;
    }
}

@media (max-width: 530px) {
    .history-ball {
        width: 100%;
    }
}

.history-ball>li {
    position: relative;
    flex: 0 0 200px;
    width: 200px;
    height: 200px;
    margin-left: -27px;
    padding: 42px;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #ffae0c;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16);
}

@media (max-width: 1248px) {
    .history-ball>li {
        flex-basis: 150px;
        width: 150px;
        height: 150px;
        padding: 24px;
    }
}

@media (max-width: 1024px) {
    .history-ball>li {
        flex-basis: 160px;
        width: 160px;
        height: 160px;
        margin-left: -20px;
        padding: 31px;
    }
}

@media (max-width: 767px) {
    .history-ball>li {
        flex-basis: 33.33%;
        width: 120px;
        height: 0;
        padding: 0;
        padding-top: 33.33%;
    }
}

.history-ball>li:nth-child(1) {
    margin-left: 0;
}

@media (max-width: 1024px) {
    .history-ball>li:nth-child(1) {
        margin-left: 0;
    }
}

.history-ball>li.pattern {
    background: no-repeat center/contain;
    background-color: #4476ff;
    background-image: url("../img/sub/history_ball_bg.png");
}

@media (max-width: 767px) {
    .history-ball.twin>li {
        flex-basis: 50%;
        padding-top: 50%;
    }
}

@media (max-width: 767px) {
    .history-ball.twin>li:nth-child(1) {
        margin-left: -20px;
    }
}

.history-ball__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    color: #fff;
    font: 18px /1.4em "Pretendard";
    text-align: center;
}

@media (max-width: 1248px) {
    .history-ball__inner {
        font-size: 14px;
    }
}

@media (max-width: 530px) {
    .history-ball__inner {
        font-size: 12px;
    }
}

.history-tab {
    margin-top: 32px;
    padding: 40px 60px;
    box-sizing: border-box;
    border-radius: 16px;
    background-color: rgba(31, 90, 252, 0.04);
}

@media (max-width: 1024px) {
    .history-tab {
        margin-top: 24px;
        padding: 32px 40px;
    }
}

@media (max-width: 767px) {
    .history-tab {
        padding: 32px 24px;
    }
}

.history-tab__year {
    min-width: 63px;
    padding-top: 36px;
    font: 26px "happiness-bold";
}

@media (max-width: 1024px) {
    .history-tab__year {
        padding-top: 24px;
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .history-tab__year {
        font-size: 20px;
    }
}

.history-tab__list {
    position: relative;
    border-left: 1px solid #eee;
    padding-top: 36px;
}

@media (max-width: 1024px) {
    .history-tab__list {
        padding-top: 24px;
    }
}

@media (max-width: 767px) {
    .history-tab__list {
        padding-top: 0;
        border-left: 0;
    }
}

.history-tab__list>li {
    font-size: 16px;
}

@media (max-width: 1024px) {
    .history-tab__list>li {
        font-size: 14px;
    }
}

.history-tab__list>li>p {
    position: relative;
    padding-left: 53px;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .history-tab__list>li>p {
        padding-left: 31px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .history-tab__list>li>p {
        padding-left: 35px;
    }
}

.history-tab__list>li>p::before {
    content: "";
    position: absolute;
    top: 7px;
    left: -6px;
    width: 13px;
    height: 13px;
    box-sizing: border-box;
    border-radius: 50%;
    box-shadow: 0 0 6px 0 rgba(31, 90, 252, 0.24);
    background-color: #4476ff;
}

@media (max-width: 1024px) {
    .history-tab__list>li>p::before {
        width: 11px;
        height: 11px;
    }
}

@media (max-width: 767px) {
    .history-tab__list>li>p::before {
        left: 0;
    }
}

.history-tab__inner {
    padding-top: 8px;
}

@media (max-width: 1024px) {
    .history-tab__inner {
        padding-top: 4px;
    }
}

.history-tab__inner>li {
    position: relative;
    padding-left: 53px;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .history-tab__inner>li {
        padding-left: 32px;
        font-size: 14px;
    }
}

.history-tab__inner>li::before {
    content: "";
    position: absolute;
    left: -4px;
    top: 8px;
    width: 7px;
    height: 7px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #cadaff;
}

@media (max-width: 767px) {
    .history-tab__inner>li::before {
        left: 2px;
    }
}

.history-tab>li {
    display: flex;
    gap: 0 160px;
}

@media (max-width: 1024px) {
    .history-tab>li {
        gap: 0 80px;
    }
}

@media (max-width: 767px) {
    .history-tab>li {
        flex-direction: column;
        gap: 8px 0;
    }
}

.history-tab>li:first-child {
    position: relative;
}

.history-tab>li:first-child .history-tab__year {
    padding-top: 0;
}

.history-tab>li:first-child .history-tab__list {
    padding-top: 0;
}

.history-tab>li:first-child .history-tab__list::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    width: 100%;
    height: 7px;
    background-color: rgb(246, 249, 255);
}

.history-tab>li:last-child {
    position: relative;
}

.history-tab>li:last-child .history-tab__list::after {
    content: "";
    position: absolute;
    left: -1px;
    bottom: 0;
    width: 100%;
    height: 6px;
    background-color: rgb(246, 249, 255);
}

.notice__slider {
    min-height: 329px;
    border-radius: 6px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .notice__slider {
        min-height: 285px;
    }
}

@media (max-width: 1024px) {
    .notice__slider-frame [class*=btn-interval] {
        width: 100%;
    }
}

.notice__slider .swiper-slide {
    display: flex;
    flex-direction: column;
    min-height: 329px;
    height: 100%;
    padding: 32px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .notice__slider .swiper-slide {
        min-height: 285px;
        padding: 24px 20px;
    }
}

.notice__slider .swiper-slide__inner .box-middle__top--item {
    display: flex;
    gap: 0 8px;
}

.notice__slider .swiper-slide__inner .box-middle__center {
    padding-top: 12px;
}

@media (max-width: 1024px) {
    .notice__slider .swiper-slide__inner .box-middle__center {
        padding-top: 8px;
    }
}

.notice__slider .swiper-slide__inner .box-middle__center .cm-title-sub {
    padding-bottom: 12px;
}

@media (max-width: 1024px) {
    .notice__slider .swiper-slide__inner .box-middle__center .cm-title-sub {
        padding-bottom: 8px;
    }
}

.notice__slider .swiper-slide__inner .box-middle__center .word-line-two {
    font: 18px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .notice__slider .swiper-slide__inner .box-middle__center .word-line-two {
        font-size: 16px;
    }
}

.notice__slider .swiper-slide__inner .box-middle__bottom {
    padding-top: 24px;
}

@media (max-width: 1024px) {
    .notice__slider .swiper-slide__inner .box-middle__bottom {
        padding-top: 16px;
    }
}

.notice__slider .swiper-slide__inner .box-middle__bottom .list-table {
    flex-direction: column;
    gap: 0;
}

.notice__slider .swiper-slide__inner .btn-interval,
.notice__slider .swiper-slide__inner .btn-interval-wide,
.notice__slider .swiper-slide__inner .btn-interval-middle,
.notice__slider .swiper-slide__inner .btn-interval-small,
.notice__slider .swiper-slide__inner .btn-interval-small--side,
.notice__slider .swiper-slide__inner .btn-interval-tiny {
    padding-top: 24px;
}

@media (max-width: 1024px) {

    .notice__slider .swiper-slide__inner .btn-interval,
    .notice__slider .swiper-slide__inner .btn-interval-wide,
    .notice__slider .swiper-slide__inner .btn-interval-middle,
    .notice__slider .swiper-slide__inner .btn-interval-small,
    .notice__slider .swiper-slide__inner .btn-interval-small--side,
    .notice__slider .swiper-slide__inner .btn-interval-tiny {
        padding-top: 20px;
    }
}

@media (max-width: 1024px) {

    .notice__slider .swiper-slide__inner .btn-interval [class^=btn-],
    .notice__slider .swiper-slide__inner .btn-interval-wide [class^=btn-],
    .notice__slider .swiper-slide__inner .btn-interval-middle [class^=btn-],
    .notice__slider .swiper-slide__inner .btn-interval-small [class^=btn-],
    .notice__slider .swiper-slide__inner .btn-interval-small--side [class^=btn-],
    .notice__slider .swiper-slide__inner .btn-interval-tiny [class^=btn-] {
        height: 36px;
        padding: 7px 12px 8px 12px;
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .field-work-frame {
        width: calc(100% - 48px);
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .field-work-frame {
        width: calc(100% - 40px);
    }
}

.field-work-frame .section-box__title {
    padding-top: 60px;
}

@media (max-width: 1024px) {
    .field-work-frame .section-box__title {
        padding-top: 40px;
    }
}

#tocFrame {
    left: auto;
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 3;
    transform: translate(0, -50%);
}

@media (max-width: 1024px) {
    #tocFrame {
        display: none;
    }
}

#tocFrame.toc-hidden {
    transform: translate(-10%, 300%);
    visibility: hidden;
}

#tocFrame.toc-close {
    right: -180px;
}

#tocFrame.toc-close>.toc-btn::before {
    content: "\e985";
}

#tocFrame .toc-btn {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    z-index: 1;
    width: 28px;
    height: 28px;
    background-color: #4476ff;
    box-sizing: border-box;
    border-radius: 50%;
    font: 20px "icomoon";
    color: #fff;
    line-height: 28px;
    text-align: center;
}

#tocFrame .toc-btn::before {
    content: "\e991";
}

#tocFrame #toc {
    width: 200px;
    margin: 0 0 0 14px;
    padding: 24px;
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
    border: solid 1px #eee;
    background-color: #fff;
    visibility: visible;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.4, 0.95);
}

#tocFrame #toc .toc-list-item {
    position: relative;
    margin-top: 8px;
}

#tocFrame #toc .toc-list-item:first-child {
    margin-top: 0;
}

#tocFrame #toc .toc-link::before {
    left: -10px;
    top: 10px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #000;
}

#tocFrame #toc .toc-link.is-active-link {
    color: #1f5afc;
}

#tocFrame #toc .toc-link.is-active-link::before {
    background-color: #1f5afc;
}

.checked-education {
    color: #9e9e9e;
    font: 15px /1.4em "Pretendard";
}

@media (max-width: 1024px) {
    .checked-education {
        font-size: 13px;
    }
}

.checked-education.certificate [class^=icon-] {
    color: #1f5afc;
}

@media (max-width: 1024px) {
    .checked-education.certificate [class^=icon-] {
        font-size: 16px;
    }
}

.checked-education .icon-checkmark_circle {
    color: #1f5afc;
}

@media (max-width: 1024px) {
    .checked-education .icon-checkmark_circle {
        font-size: 16px;
    }
}

.checked-education .icon-checkmark_circle::before {
    margin-left: -15px;
    padding-right: 18px;
}

.checked-education__btn [class^=btn-] {
    min-width: 160px;
}

@media (max-width: 1024px) {
    .checked-education__btn [class^=btn-] {
        min-width: 140px;
        height: 36px;
        padding: 8px 12px 10px 12px;
        font-size: 14px;
    }
}

.checked-education>a {
    display: inline-block;
    border-bottom: 1px solid #1f5afc;
}

.propel-point .btn-custom-vast {
    height: 114px;
    padding: 24px;
    text-align: center;
}

@media (max-width: 1024px) {
    .propel-point .btn-custom-vast {
        height: 101px;
    }
}

@media (max-width: 767px) {
    .propel-point .btn-custom-vast {
        height: auto;
    }
}

@media (max-width: 1024px) {
    .propel-point .btn-custom-vast .txt--b {
        font-size: 14px;
    }
}

.propel-point .btn-custom-vast .txt--m5 {
    padding-top: 16px;
}

@media (max-width: 1024px) {
    .propel-point .btn-custom-vast .txt--m5 {
        padding-top: 8px;
        font-size: 18px;
    }
}

.to-go {
    display: block;
    padding-top: 8px;
    color: #9e9e9e;
    font-size: 14px;
    text-align: right;
}

@media (max-width: 1024px) {
    .to-go {
        font-size: 12px;
    }
}

.education-spacing {
    padding: 40px;
}

@media (max-width: 1024px) {
    .education-spacing {
        padding: 32px;
    }
}

/* 교육마당 > 각 교육별 과정안내 */
.qualification-box {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .qualification-box {
        flex-direction: column;
    }
}

.qualification-box__item {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
}

.qualification-box__item:first-child {
    border-right: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .qualification-box__item:first-child {
        border-right: 0;
        border-bottom: 1px solid #e0e0e0;
    }
}

.qualification-box__item>li {
    height: 100%;
    box-sizing: border-box;
}

.qualification-box__item>li:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;
    max-height: 70px;
    padding: 24px 22px;
    background-color: #f6f9ff;
    border-bottom: 1px solid #e0e0e0;
    font: 16px /1.4em "Pretendard";
    text-align: center;
}

@media (max-width: 1248px) {
    .qualification-box__item>li:first-child {
        padding: 16px;
    }
}

@media (max-width: 1024px) {
    .qualification-box__item>li:first-child {
        min-height: 52px;
        max-height: 52px;
        font-size: 14px;
    }
}

.qualification-box__item>li:first-child.secondary-100 {
    background-color: #fff9e6;
}

.qualification-box__inner {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    .qualification-box__inner {
        flex-direction: column;
    }
}

.qualification-box__inner>li {
    flex: 1 1 33.33%;
    min-width: 178px;
    box-sizing: border-box;
    padding: 24px 12px;
    border-left: 1px solid #e0e0e0;
    cursor: pointer;
}

@media (max-width: 1248px) {
    .qualification-box__inner>li {
        min-width: auto;
    }
}

@media (max-width: 1024px) {
    .qualification-box__inner>li {
        padding: 16px 12px;
    }
}

@media (max-width: 767px) {
    .qualification-box__inner>li {
        border-top: 1px solid #e0e0e0;
        border-left: 0;
    }
}

.qualification-box__inner>li:first-child {
    border-left: 0;
}

@media (max-width: 767px) {
    .qualification-box__inner>li:first-child {
        border-top: 0;
    }
}

.qualification-box__inner>li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px 0;
    height: 100%;
    font: 16px /1.4em "Pretendard";
    text-align: center;
}

@media (max-width: 1024px) {
    .qualification-box__inner>li a {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .qualification-box__inner>li a {
        flex-direction: row;
        gap: 0 8px;
    }
}

.qualification-box__inner .icon-search {
    color: #9e9e9e;
    font-size: 20px;
}

.qualification-box__inner .icon-search.primary {
    color: #1f5afc;
}

.qualification-box__inner .icon-search.secondary-900 {
    color: #ff9100;
}

/*# sourceMappingURL=style.css.map */

.sub_title {
    margin-bottom: 20px;
}

.sub_title:after {
    content: '';
    display: block;
    clear: both
}

.sub_title>p {
    font-size: 15px;
}

.saup_sub_title {
    border-left: 0px;
    padding-left: 35px;
    margin-bottom: 5px;
    font-size: 20px !important;
    line-height: 38px;
    color: #212121;
    font-weight: 500;
    letter-spacing: -0.4px;
    background-image: url(../img/edu/bullet_title.png);
    background-repeat: no-repeat;
    background-position: left center;
    word-break: keep-all;
}

.saup_sub_tit {
    position: relative;
    padding-left: 12px;
    margin-bottom: 11px;
    font-size: 20px;
    line-height: 30px;
    color: #424242;
    font-weight: 500;
    letter-spacing: -0.5px;
    word-break: keep-all;
}

.saup_sub_tit:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    display: block;
    width: 5px;
    height: 17px;
    margin-top: -8px;
    background-color: #1c7fcb;
}


.saup_sub_list>li {
    padding-left: 12px;
    color: #666666;
    font-size: 14px;
    line-height: 28px;
    background-image: url(../img/edu/bullet_list.png);
    background-repeat: no-repeat;
    background-position: 0 13px;
    word-break: keep-all;
}

.saup_img_box {
    padding-bottom: 20px;
    text-align: center;
}

.title-type02 {
    margin-left: -25px;
    margin-bottom: 10px;
    padding-left: 24px;
    color: #333333;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    background-image: url(../img/edu/bullet_type.png);
    background-repeat: no-repeat;
    background-position: 0 8px;
    background-size: 15px 15px;
}

.contents-box {
    padding-left: 25px;
    margin-bottom: 40px;
}

.process-wrapper01 {
    display: flex;
    gap: 15px;
}

.process-wrapper01>.process-wrapper02 {
    position: relative;
    width: 100%;
    background: #fff;
    align-items: stretch;
}

.process-wrapper01>.process-wrapper02:before {
    position: absolute;
    top: 35px;
    right: 0;
    margin-right: -29px;
    content: "";
    display: block;
    width: 43px;
    height: 43px;
    background-image: url('https://www.hrd4u.or.kr/hrd4u_new/img/icon/icon_arrow_right07.png');
    background-repeat: no-repeat;
    background-size: 43px 43px;
    background-position: 0 0;
    z-index: 10;
}

.process-wrapper01>.process-wrapper02:last-of-type::before {
    display: none;
}

#dt_tit {
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 20px;
    font-weight: 600;
    flex-direction: column;
    padding: 0 10px;
    margin-bottom: 10px;
    color: #333333;
    line-height: 30px;
    text-align: center;
    word-break: keep-all;
}

.span_tit {
    min-height: 140px;
    padding: 25px;
    margin-top: 10px;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    font-size: 18px;
    background: #fff;
    flex-direction: column;
    justify-content: center;
}

.span_txt {
    line-height: 1.6;
    display: inline;
    margin: 0;
    padding: 0;
    color: #777777;
    font-family: "Pretendard", "맑은 고딕", "돋움", AppleSDGothicNeo, Dotum, Pretendard, Droid Sans, arial, sans-serif;
}

.arrow {
    width: 17px;
    height: 12px;
    margin: 0 10px;
}

.bg-color01 {
    background-color: #ecf4fb;
}

.bg-color02 {
    background-color: #edf5ec;
}

.bg-color04 {
    background-color: #faf3eb;
}

.bg-color03 {
    background-color: #f5f6f7;
}

@media (max-width: 1024px) {
    .process-wrapper01 {
        flex-wrap: wrap;
    }

    .process-wrapper01>.process-wrapper02 {
        width: calc(50% - 8px);
    }

    .process-wrapper01>.process-wrapper02:before {
        top: auto;
        right: auto;
        left: 50%;
        bottom: -22px;
        transform: translateX(-50%) rotate(90deg);
    }

    .t_style16 col:nth-child(1) {
        width: 10%;
    }

    .t_style16 col:nth-child(2) {
        width: 15%;
    }

    .t_style16 col:nth-child(3) {
        width: 75%;
    }
}

@media (max-width: 600px) {
    .process-wrapper01>.process-wrapper02 {
        width: 100%;
    }

    .process-wrapper01>.process-wrapper02:before {
        top: auto;
        right: auto;
        left: 50%;
        bottom: -22px;
        transform: translateX(-50%) rotate(90deg);
    }

    .span_tit {
        flex-direction: column;
        align-items: flex-start;
    }

    .t_style16 col:nth-child(1) {
        width: 14%;
    }

    .t_style16 col:nth-child(2) {
        width: 27%;
    }

    .t_style16 col:nth-child(3) {
        width: 59%;
    }
}


.t_style16 {
    width: 100%;
    margin-bottom: 10px;
    background-color: #ffffff;
    font-size: 13px;
    line-height: 1.6em
}

.t_style16 th {
    width: 100px;
    padding: 10px 15px;
    border: 1px solid #BCBCBC;
    background-color: #E4E4E4;
    text-align: center
}

.t_style16 td {
    padding: 10px 15px;
    border: 1px solid #bcbcbc
}

.t_style16 input[type="file"] {
    width: 100%;
    padding: 2px;
    border: 1px solid #bcbcbc;
    background-color: #ebebeb
}

.t_style16 textarea {
    width: 100%;
    height: 300px;
    padding: 10px;
    font-size: 14px;
    resize: none
}

.edu_table_title {
    background: #f7f7f7;
    text-align: center;
}

.file_uploader_item {
    position: relative;
    border: 1px solid #eee;
    font-size: 14px;
    line-height: 27px;
    list-style: none;
    margin-top: 10px;
    clear: both;
    cursor: pointer;
    background-color: #f3f3f3;
}

.file_name {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 11pt;
}

.file_del_btn {
    cursor: pointer;
    width: 10px;
}

.qna_write_content {
    overflow: hidden;
    position: relative;
    color: #ffffff;
    height: 50px;
    text-align: right;
}

.radio_ul {
    margin-top: 8px;
}

@media (max-width: 1024px) {
    .radio_ul {
        margin-top: 0px;
    }
}

.board_li_title {
    width: 85%;
}

/* 학습유의사항 */
.icon_list {
    width: 100%;
    padding: 30px 0;
    border-top: 1px solid #dedede;
    display: table
}

.icon_list:nth-child(even) {
    background: #f9f9f9
}

.icon_list:last-child {
    border-bottom: 1px solid #dedede
}

.icon_list .img {
    width: 200px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.icon_list .img>span {
    width: 141px;
    height: 141px;
    line-height: 141px;
    padding: 12px;
    margin: 0 auto;
    border-radius: 100%;
    display: block;
    background: #404040;
}

.icon_list .img i,
.icon_list .img svg {
    color: #ffffff;
    font-size: 50px;
    height: 138px;
}

.icon_list .con {
    padding: 0 20px;
    display: table-cell;
    vertical-align: middle
}

.icon_list .con .tit {
    margin-bottom: 10px;
    color: #464646;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -1px
}

.icon_list .con .txt {
    font-size: 15px;
    letter-spacing: -0.5px
}

.icon_list:nth-child(even) .img>span {
    background: #404040;
}

.icon_list:nth-child(even) .con .tit {
    color: #464646
}

@media screen and (max-width:525px) {
    .icon_list .img {
        margin: 0 auto 20px;
        display: block
    }

    .icon_list .con {
        display: block
    }

    .icon_list .con .tit {
        text-align: center
    }
}

/* 학습환경설정 */
.config_box {
    margin-bottom: 25px;
}

.config_box:after {
    content: '';
    display: block;
    clear: both
}

.config_box .content {
    width: calc(50% - 20px);
    float: left
}

.config_box .content:nth-child(even) {
    float: right
}

.config_box .content .txt {
    height: 55px;
    margin-bottom: 20px;
    font-size: 15px;
    letter-spacing: -1px
}

.config_box .content .txt02 {
    height: 55px;
    margin-bottom: 20px;
    font-size: 15px;
    letter-spacing: -1px
}

@media screen and (max-width:991px) {
    .config_box .content .txt02 {
        height: 80px
    }
}

@media screen and (max-width:768px) {
    .config_box .content {
        width: 100%;
        margin-bottom: 50px;
        float: none
    }

    .config_box .content:last-child {
        margin-bottom: 0
    }

    .config_box .content .txt,
    .config_box .content .txt02 {
        height: auto
    }
}

.config_txt {
    font-size: 16px !important;
    font-weight: 500;
}

@media (max-width: 767px) {
    .config_txt {
        font-size: 14px !important;
    }
}

/* 필수프로그램 */
.program_box {
    margin-bottom: 60px
}

.program_box:after {
    content: '';
    display: block;
    clear: both
}

.program_box:last-child {
    margin-bottom: 0
}

.program_box .tit {
    margin-bottom: 20px;
    color: #464646;
    font-size: 24px;
    font-weight: 700
}

.program_box .program_list {
    border-top: 2px solid #464646
}

.program_box .program_list li {
    width: 100%;
    padding: 7px 0;
    border-bottom: 1px dotted #B4B4B4;
    display: table;
}

.program_box .program_list li .name {
    width: 25%;
    display: table-cell;
    vertical-align: middle;
    color: #2578BB;
    font-size: 16px;
}

.program_box .program_list li .desc {
    width: 65%;
    padding: 0 20px;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
}

.program_box .program_list li .down {
    width: 10%;
    display: table-cell;
    vertical-align: middle;
    text-align: right
}

.program_box .program_list li .down .program_btn {
    width: 100px;
    padding: 5px 10px;
    margin: 0 auto;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    background: #2578bb
}

@media screen and (max-width:991px) {
    .program_box .program_list li .name {
        width: 250px
    }
}

@media screen and (max-width:680px) {
    .program_box .tit {
        text-align: center
    }

    .program_box .program_list li {
        padding: 20px 0;
        text-align: center
    }

    .program_box .program_list li .name {
        width: 100%;
        margin-bottom: 10px;
        display: block;
        font-weight: 700
    }

    .program_box .program_list li .desc {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
        display: block
    }

    .program_box .program_list li .down {
        width: 100%;
        display: block
    }

    .program_box .program_list li .down .program_btn {
        display: block
    }

}

/* 모사방지시스템 운영기준 */
.mosa_box {
    padding: 30px;
    margin-bottom: 20px;
    background: #f3f3f3
}

.mosa_box p {
    font-size: 15px;
}

.mosa_box .tit {
    color: #2578BB;
    font-size: 18px;
    font-weight: 500;
    ;
    letter-spacing: -1px
}

.mosa_box .tit02 {
    color: #F38034;
    font-weight: 500;
    letter-spacing: -1px
}

.list_num>li {
    font-size: 13px;
}

.box_title {
    color: #2578BB !important;
    font-size: 18px !important;
    font-weight: 500;
    letter-spacing: -1px;
}

.box_content {
    font-size: 16px !important;
}

ul[class^="type_box_"] {
    background-color: #fafafa;
    padding: 17px;
}

.lecture_contents {
    display: flex;
}

@media (max-width: 1024px) {
    .lecture_contents {
        display: table-cell;
    }
}

.lecture_select,
.lecture_date {
    width: 240px;
}

@media (max-width: 1024px) {

    .lecture_select,
    .lecture_date {
        width: 240px;
    }
}

@media (max-width: 767px) {

    .lecture_select,
    .lecture_date {
        width: 200px;
    }
}

@media (max-width: 450px) {

    .lecture_select,
    .lecture_date {
        width: 155px;
    }
}


.box-border {
    width: 100%;
    overflow: auto;
}

.box-border>p {
    font: 14px / 1.4em "Pretendard" !important;
}

.box-border>p>img {
    max-width: none;
}

.list_dt {
    border-left: 1px solid #e0e0e0;
    width: 100%;
}

.detail_box {
    display: block;
    color: #222;
    text-align: center;
    border: 1px solid #d6d6d6;
    border-radius: 35px;
    padding: 0px 8px;
    font-size: 14px;
    cursor: pointer;
}

#datepicker {
    color: #000;
    text-align: center;
}

.main_notice_roll {
    position: relative;
    width: 1140px;
    margin: 0 auto;
}

@media (max-width: 1248px) {
    .main_notice_roll {
        width: 86%;
    }
}

.main_notice_div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 70px;
    gap: 10px;
}

.main_news_img {
    width: 35px;
    padding: 0 4px 5px 30px;
}

@media (max-width: 1248px) {
    .main_news_img {
        padding: 0 4px 5px 8px;
    }
}

@media (max-width: 767px){
    .main_news_img {
        width: 30px;
    }
}

.main_notice_title {
    flex: 0 0 auto;
    font-weight: bold;
    font-size: 22px;
    padding-right: 30px;
}

.main_notice_list {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1 1 auto;
    position: relative;
    height: 50px;
    overflow: hidden;
}

.main_notice_list li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    display: none;
    cursor: pointer;
}

.main_notice_list li.active {
    display: block;
}

@media (max-width: 767px){
    .main_notice_title,
    .main_notice_list li {
        font-size: 16px;
    }
}

.main_notice_box_btn {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#main_notice-prev,
#main_notice-next {
    cursor: pointer;
    outline: none;
}


.main_left_btn_img,
.main_right_btn_img {
    width: 25px;
    cursor: pointer;
}


@media (max-width: 1024px) {

    .main_left_btn_img,
    .main_right_btn_img {
        width: 22px;
        cursor: pointer;
    }
}

@media (max-width: 767px) {

    .main_left_btn_img,
    .main_right_btn_img {
        display: none;
    }
}




.main_left_btn_img:focus,
.main_left_btn_img:active,
.main_right_btn_img:focus,
.main_right_btn_img:active {
    outline: none;
}

.main-collection-wrap {
    position: relative;
    margin: 0 auto;
}

.main-slide-wrap {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
   
    background: transparent;
    border-radius: 10px;
}

.content-list {
    padding: 0;
    margin: 12px;
    display: inline-block;
}

.notice_section {
    padding: 20px 30px 60px 0;
}

@media (max-width: 1248px) {
    .notice_section {
        padding-right: 0px;
    }
}

.etc_div {
    width: 100%;
    margin: 25px auto;
    overflow: hidden;
}

.etc_div .board {
    float: left;
    margin-left: 2%;
    width: 46%;
}

.etc_div .board .tit {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 12px;
    margin-bottom: 12px;
    font-size: 1.3em;
    font-weight: 600;
    color: #222;
}

.etc_div .board .tit a {
    float: right;
    font-size: 0.7em;
    padding-top: 4px;
}

.etc_div .board .tit .text {
    display: inline-block;
    position: relative;
    padding: 1px 13px 0 0;
    height: 21px;
    vertical-align: top;
    line-height: 1;
    font-size: 16px;
    letter-spacing: -0.05em;
}

.etc_div .board .tit .text:after {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    right: 0;
    width: 2px;
    height: 2px;
    background: #20222d;
    box-shadow: -4px 4px 0 0 #20222d, -3px 3px 0 0 #20222d, -2px 2px 0 0 #20222d, -1px 1px 0 0 #20222d, -1px -1px 0 0 #20222d, -2px -2px 0 0 #20222d, -3px -3px 0 0 #20222d, -4px -4px 0 0 #20222d;
}

/*기본게시판*/
.latestBBS {
    clear: both;
    margin-left: 0;
}

.latestBBS li {
    width: 100%;
    overflow: hidden;
}

.latestBBS li .title {
    display: inline-block;
    width: 320px;
    font-weight: 400;    
    color: #000 !important;
    font-size: 14px !important;
    line-height: 1.5em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.latestBBS li .date {
    display: ;
    float: right;
    font: 12px / 1.75em "Pretendard"  !important;
    color: #9e9e9e;
    line-height: 1.5em;
    letter-spacing: 0;
}

@media (max-width: 1248px) {
    .latestBBS li .title {
        width: 75%;
    }
}

@media (max-width: 767px) {
    .etc_div {
        margin-top: 0px;
    }

    .etc_div .board {
        margin-top: 25px;
        width: 94%;
    }
}

.signup_button_div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 1% 2%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
    .signup_button_div {
        width: calc(100% - 90px);
        margin: 0 auto;
    }
}

.signup_button_div a {
  width: 48%;
  text-align: center;
}

.question_icon {
    width: 16px;
    height: 16px;
    float: right;
}

.tag-area3 {
    position: relative;
    text-align: center;
    width: 100%;
}

.tag-area3 li {
    display: block;
    margin: 0 10% 10px;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .tag-area3 li {
        margin: 0 4px 10px;
    }
}

.tag-area3 li a {
    display: block;
    color: #222;
    text-align: center;
    border: 1px solid #d6d6d6;
    border-radius: 35px;
    padding: 5px 16px;
    font-size: 14px
}

.tag-area3 li a:before {
    content: "#";
    margin-right: 4px;
    color: #888
}

.tag-area3 li a.active {
    background: #1c1f2a;
    color: #fff;
    border-color: #1c1f2a
}

.tag-area3 li a.active:before {
    color: #fff
}