@charset "utf-8";

/* 공통 inner */
.com-inner-1780 {width: 100%; max-width: 1780px; margin: 0 auto;}
.com-inner-1500 {width: 100%; max-width: 1500px; margin: 0 auto;}

/* PADDING */
.com-pdlr-20 {padding: 0 20px;}

/* COLOR */
.com-color-red {color: #FF0000 !important;}
.com-color-blue {color: #3A89FF !important;}
.com-color-main-01 {color: #004386 !important;}
.com-color-main-02 {color: #A6165F !important;}
.com-color-white {color: #fff !important;}


/* BUTTON */
.com-btn-more-01 {min-width: 175px; height: 58px; font-size: 20px; color: #fff; display: inline-flex; justify-content: space-between; align-items: center; border-radius: 50px; border: 1px solid #d9d9d9; padding: 0 20px; background-color: transparent; font-weight: 500; gap: 10px;}
.com-btn-more-01:where(:hover,:focus) {background-color: #fff; color: #000;}
.com-btn-more-01 i {font-weight: 800; font-size: 16px;}

.com-btn-01 {min-width: 100px; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 16px; border: 1px solid #aaa; padding: 0 10px; background-color: var(--bg--bg-primary);}justify-content: center; align-items: center;}
.com-btn-01:where(:hover,:focus) {background-color: #fff; color: #000;}
.com-btn-01 i:where(.xi-angle-left-min, .xi-angle-right-min) {font-size: 24px; font-weight: 800;}
.com-btn-01.type-02 {border-color: #333; color: #333;}

.com-btn-02 {font-size: 17px; color: #fff; padding: 10px 25px; background-color: #333; border-radius: 5px;}
.com-btn-02:where(:hover,:focus) {filter: brightness(0.8);}

.com-btn-download-01 {min-width: 110px; height: 40px; display: flex; justify-content: center; align-items: center; color: #fff; background-color: var(--btn--btn-color02); gap: 5px; padding: 0 10px;}
.com-btn-download-01:where(:hover,:focus) {filter: brightness(0.8);}
.com-btn-download-01.type-02 {background-color: #888; color: #fff;}
html[data-mode="dark"] .com-btn-download-01.type-02 {background-color: #434343;}
.com-btn-download-02 {display: inline-flex; justify-content: center; align-items: center; text-align: center; padding: 5px; background-color: var(--btn--btn444); color: var(--white); font-size: 12px; border-radius: 3px; font-weight: 300; gap: 3px;}
html[data-mode="dark"] .com-btn-download-02 {background-color: #444;}
.com-btn-download-02:where(:hover,:focus) {filter: brightness(0.8);}
.com-btn-download-03 {min-width: 275px; height: 60px; font-size: 15px; display: flex; justify-content: center; align-items: center; padding: 10px; background-color: var(--btn--btn-color02); color: #fff; font-weight: 600; gap: 5px;}
.com-btn-download-03.type-02 {color: var(--contents--accent-color); border: 1px solid var(--btn--btn-color02); background-color: var(--bg--bg-primary);}
.com-btn-download-03:where(:hover,:focus) {filter: brightness(0.8);}

.com-btn-kakaomap {font-size: 18px; color: #fff; background-color: #004286; display: flex; justify-content: center; align-items: center; gap: 10px; padding: 12px 20px; font-weight: 600;}
.com-btn-kakaomap:where(:hover,:focus) {filter: brightness(0.8);}

.com-btn-shortcut-01 {width: fit-content; padding: 10px 12px; font-size: 15px; color: var(--btn--btn-color03); border: 1px solid #A0A0A1; display: flex; justify-content: center; align-items: center; gap: 5px; font-weight: 600;}
.com-btn-shortcut-01:where(:hover,:focus) {background-color: #f1f1f1;}
.com-btn-shortcut-01 .arrow {transform: rotate(-45deg);}
.com-btn-shortcut-01.type-01 {background-color: var(--main03); color: var(--white); border: none;}
.com-btn-shortcut-01.type-01:where(:hover,:focus) {filter: brightness(0.8);}
.com-btn-shortcut-01.type-02 {color: var(--btn--btn-color02); border-color: var(--btn--btn-color02);}
.com-btn-shortcut-01.type-02:where(:hover,:focus) {color: #fff; background-color: var(--btn--btn-color02);}


@media screen and (max-width: 1080px) {
    .com-btn-more-01 {font-size: 18px; min-width: 160px; height: 47px; padding: 0 17px;}
    .com-btn-more-01 i {font-size: 14px;}

    .com-btn-02 {font-size: 15px; padding: 8px 17px;}

    .com-btn-kakaomap {font-size: 16px; padding: 10px 15px;}
}

@media screen and (max-width: 768px) {
    .com-btn-more-01 {font-size: 16px; min-width: 135px; height: 40px; padding: 0 14px;}
    .com-btn-more-01 i {font-size: 12px;}

    .com-btn-01 {width: 40px; height: 40px; font-size: 18px;}

    .com-btn-02 {font-size: 14px; padding: 10px 15px;}

    .com-btn-kakaomap {font-size: 14px; padding: 10px 12px;}
    .com-btn-kakaomap img {width: 18px;}
}

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

/* BUTTON BOX */
.com-btn-box-01 {display: flex; gap: 5px;}
.com-btn-box-02 {display: flex; flex-wrap: wrap; gap: 5px 10px; background-color: #f9f9f9; border: 1px solid #ddd; padding: 20px 30px;}
.com-btn-box-03 {display: flex; flex-wrap: wrap; gap: 5px 10px; padding: 5px 0;}
.com-btn-box-04 {display: flex; flex-wrap: wrap; justify-content: flex-end; padding: 15px 0; gap: 5px 10px;}
.com-btn-box-05 {display: flex; justify-content: center; margin-top: 30px; gap: 5px 10px;}
.com-btn-box-06 {display: flex; justify-content: center; row-gap: 5px; column-gap: 25px;}
.com-btn-box-07 {display: flex; justify-content: flex-end; margin-top: 15px; flex-wrap: wrap;}

@media screen and (max-width: 1080px) {
    .com-btn-box-02 {padding: 12px 15px;}

    .com-btn-box-06 {column-gap: 10px;}
}

@media screen and (max-width: 480px) {
    .com-btn-box-01 {gap: 3px 5px;}
    .com-btn-box-02 {gap: 3px 5px;}
}


/* TITLE */
.com-title-01 {font-size: 50px; color: #000; font-weight: 800; text-align:center; margin:90px 0;}
.com-title-01 .small {font-size: 20px; color: #004386; font-weight: 600; margin-bottom: 5px;}

.com-title-02 {display: flex; flex-wrap: wrap; align-items: center; font-size: 22px; font-weight: 600; gap: 7px 20px; margin-bottom: 18px;}
.com-title-02.type-02 {border-bottom: 1px solid var(--border--content-box); padding-bottom: 30px; margin-bottom: 20px;display: flex;justify-content: space-between;}
.com-title-02.type-03 {font-size: 20px;}
.com-title-02.type-03 .icon {top: 6px;}
.com-title-02.type-03 .title {padding-left: 18px; font-weight: 800;}
.com-title-02.type-04 {justify-content: space-between; font-size: 17px;}
.com-title-02.type-04 .srch-box {display: flex; height: 45px; gap: 10px; font-weight: 400;}
.com-title-02.type-04 .srch-box select {width: 135px; background-color: var(--bg--bg-primary); border: none; border-bottom: 1px solid var(--border--content-box);}
.com-title-02.type-04 .input-box {position: relative;}
.com-title-02.type-04 .input-box input {width: 260px; height: 100%; border: none; border-bottom: 1px solid #d9d9d9; padding-left: 10px; padding-right: 40px; color: var(--contents--placeholder); background-color: var(--bg--bg-primary); border-color: var(--border--content-box);}
.com-title-02.type-04 .input-box input::placeholder {color: var(--contents--placeholder);}
.com-title-02.type-04 .input-box .btn-srch {position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
html[data-mode="dark"] .com-title-02.type-04 .input-box .btn-srch img {filter: brightness(0) invert(1);}

.com-title-02 .title {position: relative; padding-left: 30px; word-break: break-all;}
.com-title-02 .icon {position: absolute; top: 3px; left: 0;}
.com-title-02 .icon.dark {display: none;}
html[data-mode="dark"] .com-title-02 .icon.light {display: none;}
html[data-mode="dark"] .com-title-02 .icon.dark {display: block;}
.com-title-02 .info-txt {font-size: 15px; color: #888; font-weight: 400;}
.com-title-02 .com-btn-shortcut-01 {margin-left: auto;}

.com-title-03 {font-size: 25px; font-weight: 800; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px 20px; margin-bottom: 20px;}
.com-title-03 .btn-list {display: flex; flex-wrap: wrap; align-items: center; gap: 5px; font-size: 15px; font-weight: 600;}
.com-title-03 .btn-list a {display: block; padding: 13px 23px;}
.com-title-03 .btn-list a:not(.active) {border: 1px solid #888; color: var(--contents--text-color888); background-color: var(--bg--bg-primary);}
.com-title-03 .btn-list a:not(.active):where(:hover,:focus) {outline: 2px dotted black; outline-offset: -6px;}
html[data-mode="dark"] .com-title-03 .btn-list a:not(.active) {border-color: var(--border--btn-a-a-a);}
html[data-mode="dark"] .com-title-03 .btn-list a:not(.active):where(:hover,:focus) {background-color: #222;}
.com-title-03 .btn-list a.active {background-color: #555; color: #fff;}

.com-title-04 {font-size: 20px; font-weight: 800; text-align: center; margin-bottom: 10px;}

.com-title-05 {font-size: 18px; font-weight: 600; margin-bottom: 15px;}



@media screen and (max-width: 1080px) {
    .com-title-01 {font-size: 30px; margin-bottom: 50px;}

    .com-title-02 {font-size: 20px; gap: 5px 15px;}
    .com-title-02 .icon {height: 18px;}
    .com-title-02 .info-txt {font-size: 14px;}
    .com-title-02.type-02 {padding-bottom: 15px; margin-bottom: 15px;}
    .com-title-02.type-03 {font-size: 18px;}
    .com-title-02.type-03 .icon {height: 9px;}
    .com-title-02.type-03 .title {padding-left: 15px;}
    .com-title-02.type-04 .srch-box {height: 38px; gap: 7px; font-size: 14px;}
    .com-title-02.type-04 .srch-box select {width: 85px;}
    .com-title-02.type-04 .input-box input {width: 200px;}
    .com-title-02.type-04 .input-box .btn-srch {width: 18px;}

    .com-title-03 {font-size: 22px; margin-bottom: 12px;}
    .com-title-03 .btn-list {font-size: 14px;}
    .com-title-03 .btn-list a {padding: 10px 15px;}

    .com-title-04 {font-size: 17px;}

    .com-title-05 {font-size: 16px;}
}

@media screen and (max-width: 768px) {  
    .com-title-01 {font-size: 26px; margin-bottom: 40px;}

    .com-title-02 {font-size: 18px;}
    .com-title-02 .title {padding-left: 25px;}
    .com-title-02 .icon {height: 16px;}
    .com-title-02.type-03 {font-size: 16px;}
    .com-title-02.type-03 .icon {height: 8px; top: 5px}
    .com-title-02.type-04 {}
    .com-title-02.type-04 .srch-box {width: 100%;}
    .com-title-02.type-04 .srch-box select {flex-shrink: 0;}
    .com-title-02.type-04 .input-box {width: 100%;}
    .com-title-02.type-04 .input-box input {width: 100%;}

}

@media screen and (max-width: 480px) {
    .com-title-02 .info-txt {font-size: 13px;}
}



/* 
.com-title-02 {font-weight: 800; font-size: 40px; color: #000; text-align: center; margin: 90px 0;}
.com-title-02.type-02 {border-bottom: 1px solid var(--border--content-box); padding-bottom: 30px; margin-bottom: 20px;}
.com-title-02.type-03 {font-size: 20px;}
.com-title-02.type-03 .icon {top: 6px;}
.com-title-02.type-03 .title {padding-left: 18px; font-weight: 800;}
.com-title-02.type-04 {justify-content: space-between; font-size: 17px;}
.com-title-02.type-04 .srch-box {display: flex; height: 45px; gap: 10px; font-weight: 400;}
.com-title-02.type-04 .srch-box select {width: 135px; background-color: var(--bg--bg-primary); border: none; border-bottom: 1px solid #d9d9d9;}
.com-title-02.type-04 .input-box {position: relative;}
.com-title-02.type-04 .input-box input {width: 260px; height: 100%; border: none; border-bottom: 1px solid #d9d9d9; padding-left: 10px; padding-right: 40px; color: var(--contents--placeholder);}
.com-title-02.type-04 .input-box input::placeholder {color: var(--contents--placeholder);}
.com-title-02.type-04 .input-box .btn-srch {position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}

.com-title-02.dg01 {display: flex; flex-wrap: wrap; align-items: center; font-size: 22px; font-weight: 600; gap: 7px 20px; margin-bottom: 18px;}
.com-title-02.dg01 .title {margin-top:0;}

.com-title-02 .title {position: relative; padding-left:30px; word-break: break-all; font-size:22px; margin-top:-80px;}
.com-title-02 .wd100 {width:100%;}
.com-title-02 .icon {position: absolute; top: 3px; left: 0;}
.com-title-02 .icon.dark {display: none;}
html[data-mode="dark"] .com-title-02 .icon.light {display: none;}
html[data-mode="dark"] .com-title-02 .icon.dark {display: block;}
.com-title-02 .info-txt {font-size: 15px; color: #888; font-weight: 400;}
.com-title-02 .com-btn-shortcut-01 {margin-left: auto;}

.com-title-03 {font-size: 25px; font-weight: 800; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px 20px; margin-bottom: 20px;}
.com-title-03 .btn-list {display: flex; flex-wrap: wrap; align-items: center; gap: 5px; font-size: 15px; font-weight: 600;}
.com-title-03 .btn-list a {display: block; padding: 13px 23px; border: 1px solid #888; color: #888;}
.com-title-03 .btn-list a.active {background-color: #555; color: var(--contents---secondary);}
.com-title-03 .btn-list a:where(:hover,:focus) {background-color: #f1f1f1;}
.com-title-03 .btn-list a.active:where(:hover,:focus) {filter: brightness(0.8);}

.com-title-04 {font-size: 20px; font-weight: 800; color: #000; text-align: center; margin-bottom: 10px;}

@media screen and (max-width: 1080px) {
    .com-title-01 {font-size: 40px;}
    .com-title-01 .small {font-size: 18px;}

    .com-title-02 {font-size: 30px; margin: 60px 0;}
    .com-title-02 .icon {height: 18px;}
    .com-title-02 .info-txt {font-size: 14px;}
    .com-title-02.type-02 {padding-bottom: 15px; margin-bottom: 15px;}
    .com-title-02.type-03 {font-size: 18px;}
    .com-title-02.type-03 .icon {height: 9px;}
    .com-title-02.type-03 .title {padding-left: 15px;}
    .com-title-02.type-04 .srch-box {height: 38px; gap: 7px; font-size: 14px;}
    .com-title-02.type-04 .srch-box select {width: 85px;}
    .com-title-02.type-04 .input-box input {width: 200px;}
    .com-title-02.type-04 .input-box .btn-srch {width: 18px;}

    .com-title-03 {font-size: 22px; margin-bottom: 12px;}
    .com-title-03 .btn-list {font-size: 14px;}
    .com-title-03 .btn-list a {padding: 10px 15px;}

    .com-title-04 {font-size: 17px;}
}

@media screen and (max-width: 768px) {
    .com-title-01 {font-size: 30px;}
    .com-title-01 .small {font-size: 16px; margin-bottom: 2px;}

    .com-title-02 {font-size: 25px; margin: 40px 0;}
    .com-title-02 .title {padding-left: 25px;}
    .com-title-02 .icon {height: 16px;}
    .com-title-02.type-03 {font-size: 16px;}
    .com-title-02.type-03 .icon {height: 8px; top: 5px}
    .com-title-02.type-04 {}
    .com-title-02.type-04 .srch-box {width: 100%;}
    .com-title-02.type-04 .srch-box select {flex-shrink: 0;}
    .com-title-02.type-04 .input-box {width: 100%;}
    .com-title-02.type-04 .input-box input {width: 100%;}
}

@media screen and (max-width: 480px) {
    .com-title-02 .info-txt {font-size: 13px;}
} */


/* TAB */
.com-tab-list-01 {display: flex; flex-wrap: wrap; color: var(--contents--text-color555); background-color: var(--bg--bg-content_01); border: 1px solid var(--border--content-box); font-weight: 500; margin-bottom: 37px; font-size: 18px;}
.com-tab-list-01 a {display: block; padding: 20px 30px;}
.com-tab-list-01 a.active {background-color: var(--btn--btn-color02); color: #fff;}
.com-tab-list-01 a:not(.active):where(:hover,:focus) {background-color: #e8e8e8;}
html[data-mode="dark"] .com-tab-list-01 a:not(.active):where(:hover,:focus) {background-color: #111;}
.com-tab-list-02 {display: grid; background-color: var(--bg--bg-content_01); font-size: 18px; color: var(--contents--text-color555); text-align: center; font-weight: 600; margin-bottom: 90px; border: 1px solid var(--border--table-td); border-bottom: none; position: relative;}
.com-tab-list-02::before {content: ""; width: 100%; height: 1px; background-color: var(--border--table-td); position: absolute; bottom: 0; left: 0;}
.com-tab-list-02 li {border-right: 1px solid var(--border--table-td); border-bottom: 1px solid var(--border--table-td);}
.com-tab-list-02 a {display: flex; justify-content: center; align-items: center; background-color: var(--bg--bg-primary); padding: 10px; min-height: 63px; height: 100%;}
.com-tab-list-02 a:not(.active):where(:hover,:focus) {background-color: #f1f1f1;}
html[data-mode="dark"] .com-tab-list-02 a:not(.active):where(:hover,:focus) {background-color: #000;}
.com-tab-list-02 a.active {background-color: var(--btn--btn-color02); color: var(--white);}
.com-tab-list-02.col-5 {grid-template-columns: repeat(5,minmax(0,1fr));}
.com-tab-list-02.col-5 li:nth-of-type(5n) {border-right: none;}
.com-tab-list-02.col-4 {grid-template-columns: repeat(4,minmax(0,1fr));}
.com-tab-list-02.col-4 li:nth-of-type(4n) {border-right: none;}
.com-tab-list-02.col-3 {grid-template-columns: repeat(3,minmax(0,1fr));}
.com-tab-list-02.col-3 li:nth-of-type(3n) {border-right: none;}
.com-tab-list-02.col-2 {grid-template-columns: repeat(2,minmax(0,1fr));}
.com-tab-list-02.col-2 li:nth-of-type(2n) {border-right: none;}

.com-tab-list-03 {display: grid; color: var(--contents--text-color555); font-size: 17px; font-weight: 500; border: 1px solid var(--border--content-box); background-color: var(--bg--list-box-bg); padding: 25px 30px; gap: 25px 15px; margin-bottom: 55px;}
.com-tab-list-03 a {width: fit-content; display: block; padding-left: 13px; transition: none; position: relative;}
.com-tab-list-03 a::before {content: ""; width: 3px; height: 3px; background-color: var(--contents--text-color555); border-radius: 50%; position: absolute; top: 8px; left: 0;}
.com-tab-list-03 a.active {color: var(--contents--primary);  text-decoration: underline; text-underline-position: under;}
.com-tab-list-03 a.active::before {background-color: var(--contents--primary);}
.com-tab-list-03 a:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}

.com-tab-list-03.col-6 {grid-template-columns: repeat(6, minmax(0,1fr));}
.com-tab-list-03.col-6-eng {grid-template-columns: repeat(4, minmax(0,1fr));}
.com-tab-list-03.col-3 {grid-template-columns: repeat(3, minmax(0,1fr));}

.com-tab-list-03.col-space-between {display: flex; justify-content: space-between; gap: 10px 20px;}

.com-tab-list-04 {display: flex; flex-wrap: wrap; gap: 8px 15px; justify-content: center; font-weight: 500; font-size: 18px; margin-bottom: 40px;}
.com-tab-list-04 > li {}
.com-tab-list-04 a {width: 220px; min-height: 60px; height: 100%; display: flex; justify-content: center; align-items: center; padding: 10px; border: 1px solid #ddd; color: var(--contents--text-color888); text-align: center; background-color: #fff;}
html[data-mode="dark"] .com-tab-list-04 a {border-color: var(--border--btn-a-a-a); background-color: var(--bg--bg-primary);}
.com-tab-list-04 a.active {background-color: var(--btn--btn-color02); color: #fff; border: none;}
html[data-mode="dark"] .com-tab-list-04 a.active {background-color: var(--btn--btn-color02);}
.com-tab-list-04 a:not(.active):where(:hover,:focus) {filter: brightness(0.9);}

.com-tab-list-05 {display: flex; flex-wrap: wrap; justify-content: center; font-size: 17px; font-weight: 600; color: var(--contents--tab-default); border-bottom: 1px solid var(--border--content-box); gap: 0 85px; margin-bottom: 50px;}
.com-tab-list-05 a {display: flex; height: 100%; justify-content: center; align-items: center; padding: 15px; position: relative;}
.com-tab-list-05 a::before {content: ""; display: none; width: 100%; height: 5px; background-color: #A61660; position: absolute; left: 0; bottom: 0;}
.com-tab-list-05 a.active {color: var(--contents--tab-active);}
.com-tab-list-05 a.active::before {display: block;}
.com-tab-list-05 a:not(.active):where(:hover,:focus) {background-color: #f1f1f1;}
html[data-mode="dark"] .com-tab-list-05 a:not(.active):where(:hover,:focus) {background-color: #222;}
.com-tab-list-05.type-02 {gap: 0 20px;}

.com-tab-list-06 {display: flex; border-top: 1px solid #ddd; border-left: 1px solid #ddd; font-size: 18px; font-weight: 500; margin-bottom: 30px;}
.com-tab-list-06 li {width: 100%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.com-tab-list-06 a {height: 100%; display: flex; justify-content: center; align-items: center; background-color: var(--bg--bg-primary); color: var(--contents--text-color888); text-align: center; padding: 15px 10px;}
.com-tab-list-06 a.active {color: var(--white); background-color: #888;}
.com-tab-list-06 a:not(.active):where(:hover,:focus) {background-color: #f1f1f1;}
html[data-mode="dark"] .com-tab-list-06 a:not(.active):where(:hover,:focus) {background-color: #000;}

.com-tab-list-07 {display: flex; border-top: 1px solid #ddd; border-left: 1px solid #ddd; font-size: 18px; font-weight: 500; margin-bottom: 30px; gap: 8px;}
.com-tab-list-07 li {width: 100%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.com-tab-list-07 a {height: 100%; display: flex; justify-content: center; align-items: center; background-color: var(--bg--bg-primary); color: var(--contents--text-color555); text-align: center; padding: 15px 10px;}
.com-tab-list-07 a.active {color: var(--white); background-color: var(--btn--btn-color02);}
.com-tab-list-07 a:not(.active):where(:hover,:focus) {background-color: #f1f1f1;}
html[data-mode="dark"] .com-tab-list-07 a:not(.active):where(:hover,:focus) {background-color: #000;}

.com-tab-list-08 {display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); border-left: 1px solid #ddd; border-top: 1px solid #ddd; font-size: 18px; font-weight: 400; text-align: center; margin-bottom: 30px;}
.com-tab-list-08 li {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.com-tab-list-08 a {height: 100%; display: flex; justify-content: center; align-items: center; background-color: var(--bg--bg-primary); color: var(--contents--text-color888); padding: 15px 10px;}
.com-tab-list-08 a.active {color: var(--white); background-color: #888;}
.com-tab-list-08 a:not(.active):where(:hover,:focus) {background-color: #f1f1f1;}
html[data-mode="dark"] .com-tab-list-08 a:not(.active):where(:hover,:focus) {background-color: #000;}

.com-tab-list-09 {display: flex; justify-content: center; flex-wrap: wrap; font-size: 21px; gap: 5px 30px; color: #000; margin-bottom: 40px;}
.com-tab-list-09 a {padding: 7px; display: block; position: relative;}
.com-tab-list-09 a::before {content: ""; display: none; width: 100%; height: 3px; background-color: #A61660; position: absolute; top: 0; left: 0;}
.com-tab-list-09 a:not(.active):where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
.com-tab-list-09 a.active {font-weight: 600;}
.com-tab-list-09 a.active::before {display: block;}

.com-tab-list-10 {display: flex; color: var(--contents--text-color555); border-top: 1px solid var(--border--table-td); border-left: 1px solid var(--border--table-td); font-size: 18px; font-weight: 600; text-align: center; margin-bottom: 60px;}
.com-tab-list-10 li {width: 100%; border-bottom: 1px solid var(--border--table-td); border-right: 1px solid var(--border--table-td);}
.com-tab-list-10 a {height: 100%; min-height: 63px; padding: 10px; background-color: var(--bg--bg-primary); display: flex; justify-content: center; align-items: center;}
.com-tab-list-10 a.active {background-color: var(--btn--btn-color02); color: var(--white);}
.com-tab-list-10 a:not(.active):where(:hover,:focus) {filter: brightness(0.9);}
.com-tab-list-10 a[target="_blank"]::after {content: '';display: inline-block;margin-left: 7px;width: 16px;height: 16px;background: url(/resources/user/eng/img/icon/gnb_link_icon.svg) no-repeat center;}

@media screen and (max-width: 1080px) { 
    .com-tab-list-01 {font-size: 15px;}
    .com-tab-list-01 a {padding: 15px 25px;}

    .com-tab-list-02 {font-size: 16px; margin-bottom: 60px;}
    .com-tab-list-02 a {min-height: 55px;}

    .com-tab-list-03 {font-size: 15px; padding: 20px; gap: 15px;}
    .com-tab-list-03 a {padding-left: 10px;}
    .com-tab-list-03 a::before {top: 7px;}

    .com-tab-list-04 {font-size: 16px; gap: 5px 10px; margin-bottom: 20px;}
    .com-tab-list-04 a {width: 180px; min-height: 50px;}

    .com-tab-list-05 {font-size: 15px; gap: 0 20px; margin-bottom: 30px;}
    .com-tab-list-05 a {padding: 12px 15px;}
    .com-tab-list-05 a::before {height: 3px;}
    .com-tab-list-05.type-02 {gap: 0 10px;}

    .com-tab-list-06 {font-size: 14px; margin-bottom: 20px;}
    .com-tab-list-06 a {padding: 12px 10px;}

    .com-tab-list-07 {font-size: 14px; margin-bottom: 20px;}
    .com-tab-list-07 a {padding: 12px 10px;}

    .com-tab-list-08 {font-size: 16px;}
    .com-tab-list-08 a {padding: 12px 10px;}

    .com-tab-list-09 {font-size: 18px; gap: 5px 20px;}

    .com-tab-list-10 {font-size: 16px; margin-bottom: 40px;}
    .com-tab-list-10 a {min-height: 50px;}

    .com-tab-list-03.col-6.dg01 {grid-template-columns: repeat(5, minmax(0,1fr));}
}

@media screen and (max-width: 768px) {  
    .com-tab-list-01 {font-size: 14px;}
    .com-tab-list-01 a {padding: 12px 20px;} 

    .com-tab-list-02 {font-size: 14px;}
    .com-tab-list-02 a {min-height: 50px;}
    .com-tab-list-02.col-5 {grid-template-columns: repeat(3,minmax(0,1fr));}
    .com-tab-list-02.col-5 li:nth-of-type(5n) {border-right: inherit;}
    .com-tab-list-02.col-5 li:nth-of-type(3n) {border-right: none;}

    .com-tab-list-03 {margin-bottom: 40px;}
    .com-tab-list-03.col-6 {grid-template-columns: repeat(4, minmax(0,1fr));}
    .com-tab-list-03.col-space-between {display: grid; grid-template-columns: repeat(2, minmax(0,1fr));}

    .com-tab-list-04 {flex-wrap: nowrap; font-size: 15px; gap: 5px;}
    .com-tab-list-04 > li {width: 100%;}
    .com-tab-list-04 a {width: 100%; min-height: 45px;}

    .com-tab-list-05 {font-size: 14px;}
    .com-tab-list-05 a {padding: 10px;}
    .com-tab-list-05.type-02 {gap: 0;}

    .com-tab-list-08 {grid-template-columns: repeat(4,minmax(0,1fr)); font-size: 14px;}
    .com-tab-list-08 a {padding: 10px;}

    .com-tab-list-09 {font-size: 16px; gap: 5px;}
    
    .com-tab-list-10 {font-size: 14px;}
    .com-tab-list-10 a {min-height: 45px;}
    .com-tab-list-10.col-2 {display: grid; grid-template-columns: repeat(2,minmax(0,1fr));}
    .com-tab-list-10.col-3 {display: grid; grid-template-columns: repeat(3,minmax(0,1fr));}

    .com-tab-list-03.col-6.dg01 {grid-template-columns: repeat(3, minmax(0,1fr));}
    .com-tab-list-03.col-6-eng {grid-template-columns: repeat(3, minmax(0,1fr));}
}

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

    .com-tab-list-05 {font-size: 13px;}

    .com-tab-list-08 {grid-template-columns: repeat(3,minmax(0,1fr));}

    .com-tab-list-03.col-6.dg01 {grid-template-columns: repeat(2, minmax(0,1fr));}
    .com-tab-list-03.col-6-eng {grid-template-columns: repeat(2, minmax(0,1fr));}
}

/* num */
.com-num-list >  {}
.com-num-list >  li {position: relative; font-size: 16px; line-height: 28px; padding-left: 20px;}
.com-num-list >  li::before {content: '①'; display: block; position: absolute; top: 0px; left: 0px; border-radius: 100%;}
.com-num-list >  li:nth-child(2):before {content: '②';}
.com-num-list >  li:nth-child(3):before {content: '③';}
.com-num-list >  li:nth-child(4):before {content: '④';}
.com-num-list >  li:nth-child(5):before {content: '⑤';}
.com-num-list >  li:nth-child(6):before {content: '⑥';}
.com-num-list >  li:nth-child(7):before {content: '⑦';}
.com-num-list >  li:nth-child(8):before {content: '⑧';}
.com-num-list >  li:nth-child(9):before {content: '⑨';}
.com-num-list >  li:nth-child(10):before {content: '⑩';}

/* SHAPE TEXT */
.com-with-shape-01 {text-align: left; font-size: 16px; line-height: 1.5;}
.com-with-shape-01 .com-with-shape-01 {margin-top: 4px;}
.com-with-shape-01 .com-with-shape-01.normal {padding-left: 12px; color: var(--contents--text-color555); font-weight: 400;}
.com-with-shape-01 .com-list-02 {margin-top: 4px; font-size: 15px;}
.com-with-shape-01 .com-list-04 {font-size: 15px;}
.com-with-shape-01 > li {position: relative;}
.com-with-shape-01 > li.no-shape {padding-left: 0 !important;}
.com-with-shape-01 > li.no-shape::before {display: none;}
.com-with-shape-01 > li:not(:last-of-type) {margin-bottom: 5px;}
.com-with-shape-01 .txt-add-01 {font-size: 15px; color: var(--contents--text-color888); padding-left: 10px; font-weight: 400;}
.com-with-shape-01 .txt-add-01 i {color: #0069D1; font-weight: 800; font-size: 14px;}
.com-with-shape-01 .txt-add-01.no-pdl {padding-left: 0;}
.com-with-shape-01 .com-tbl-wrap {margin-top: 15px;}

.com-with-shape-01.no-pdl {padding-left: 0 !important;}
.com-with-shape-01.gap-long-01 > li:not(:last-of-type) {margin-bottom: 30px;}
.com-with-shape-01.circle {font-weight: 600;}
.com-with-shape-01.circle > li {padding-left: 12px;}
.com-with-shape-01.circle > li::before {content: ""; width: 3px; height: 3px; background-color: #000; border-radius: 50%; position: absolute; top: 10px; left: 0; }
.com-with-shape-01.dash {color: var(--contents--text-color555); font-weight: 400;}
.com-with-shape-01.dash > li {padding-left: 12px;}
.com-with-shape-01.dash > li::before {content: ""; width: 5px; height: 1px; background-color: var(--contents--text-color555); position: absolute; top: 11px; left: 0; }
.com-with-shape-01.normal {font-weight: 600;}

.txt_dg01 {display:flex; flex-direction:column; font-size:16px; font-weight:500; margin:30px 0 40px; padding-top:15px; border-top:1px solid #ddd;}
.txt_dg01 span {margin-top:15px; padding-left:20px;}
.txt_dg01 span:first-child {margin-top:0;}
.txt_dg01 span::before {display:block; content: ""; position:relative; background:#000; width:3px; height:3px; border-radius:50%; top:10.5px; left:-20px;}

.txt_dg01.line_Sty01 {border-top:none; margin-top:30px; margin-bottom:20px;}

.txt_dg02 {font-size:16px; font-weight:500; margin-top:15px; display:flex; flex-direction:column;}

.txt_dg03 {display:flex; flex-direction:column; font-size:16px; font-weight:600; margin-top:15px;}
.txt_dg03 span {margin-top:15px; padding-left:20px;}
.txt_dg03 span:first-child {margin-top:0;}
.txt_dg03 span::before {display:block; content: ""; position:relative; background:#000; width:3px; height:3px; border-radius:50%; top:10.5px; left:-20px;}

.txt_dg04 {color:#fff; font-size:24px; font-weight:600; padding:10px; text-align:center;}

.txt_dg05 {font-size:16px; color:#000; font-weight:500; text-align:left; padding:30px; background:#F9F8F7; border-top:3px solid #aaa; border-bottom:1px solid #aaa;}


@media screen and (max-width: 1080px) { 
    .com-with-shape-01 {font-size: 14px;}
    .com-with-shape-01 .txt-add-01 {font-size: 13px;}
    .com-with-shape-01 .txt-add-01 i {font-size: 12px;}
    .com-with-shape-01 .com-list-02 {font-size: 13px;}
    .com-with-shape-01 .com-with-shape-01.normal {padding-left: 10px;}
    .com-with-shape-01 .com-list-04 {font-size: 14px;}

    .com-with-shape-01.circle > li {padding-left: 10px;}
    .com-with-shape-01.circle > li::before {top: 9px;}
    .com-with-shape-01.dash > li {padding-left: 10px;}
    .com-with-shape-01.dash > li::before {top: 10px;}
    .com-with-shape-01.gap-long-01 > li:not(:last-of-type) {margin-bottom: 20px;}

    .com-tab-list-10 {font-size: 16px; margin-bottom: 40px;}
    .com-tab-list-10 a {min-height: 50px;}

    .txt_dg01 {font-size:15px; margin:20px 0 30px; padding-top:12px;}
    .txt_dg01 span {padding-left:18px;}
    .txt_dg01 span::before {top:10px; left:-12px;}

    .txt_dg02 {font-size:15px;}

    .txt_dg03 {font-size:15px;}
    .txt_dg03 span {margin-top:10px;}
    .txt_dg03 span::before {top:10px; left:-12px;}

    .txt_dg04 {font-size:20px; padding:15px 10px;}

    .txt_dg05 {font-size:15px; padding:20px;}
}

@media screen and (max-width: 768px) {
    .com-tab-list-02.col-5 {grid-template-columns: repeat(3,minmax(0,1fr));}
    .com-tab-list-02.col-5 li:nth-of-type(3n) {border-right: none;}
    .com-tab-list-02.col-5 li:nth-of-type(5n) {border-right:1px solid #ddd;}

    .com-tab-list-10 {font-size: 14px;}
    .com-tab-list-10 a {min-height: 45px;}
    .com-tab-list-10.col-2 {display: grid; grid-template-columns: repeat(2,minmax(0,1fr));}
    .com-tab-list-10.col-3 {display: grid; grid-template-columns: repeat(3,minmax(0,1fr));}

    .txt_dg01 {font-size:14px;}
    .txt_dg01 span {padding-left:14px;}

    .txt_dg02 {font-size:15px;}

    .txt_dg03 {font-size:15px;}
    .txt_dg03 span {margin-top:7px;}

    .txt_dg04 {font-size:16px; padding:12px 10px;}

    .txt_dg05 {font-size:14px; padding:20px;}
    
}

@media screen and (max-width: 360px) {
    .com-tab-list-02.col-5 {grid-template-columns: repeat(2,minmax(0,1fr));}
    .com-tab-list-02.col-5 li:nth-of-type(2n) {border-right: none;}
    .com-tab-list-02.col-5 li:nth-of-type(3n) {border-right:1px solid #ddd;}
    .com-tab-list-02.col-5 li:nth-of-type(5n) {border-right:1px solid #ddd;}
    
}







@media screen and (max-width: 1560px) {
    
}
@media screen and (max-width: 1400px) {
    
}
@media screen and (max-width: 1240px) {
    
}
@media screen and (max-width: 1080px) {
    
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 480px) {
    
}

/* Loading box */
.loading_box {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 20000;/* display: none; */background-color: rgba(0, 0, 0, .6);}
.loading_box .wrapper {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.loading_box .wrapper span {position: absolute; top: 75px; font-family: 'Lato';font-size: 20px; letter-spacing: 8px;color: #fff;left: 50%; transform: translateX(-48%); }

.loading_box .cube {
    -webkit-animation: loading_cube 2s infinite ease;
            animation: loading_cube 2s infinite ease;
    height: 40px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 40px; }
    .loading_box .cube div {
    background-color: rgba(255, 255, 255, 0.25);
    height: 100%;
    position: absolute;
    width: 100%;
    border: 2px solid white; }

    .loading_box .cube div:nth-of-type(1) {
-webkit-transform: translateZ(-20px) rotateY(180deg);
        transform: translateZ(-20px) rotateY(180deg); }

        .loading_box .cube div:nth-of-type(2) {
-webkit-transform: rotateY(-270deg) translateX(50%);
        transform: rotateY(-270deg) translateX(50%);
-webkit-transform-origin: top right;
        transform-origin: top right; }

        .loading_box .cube div:nth-of-type(3) {
-webkit-transform: rotateY(270deg) translateX(-50%);
        transform: rotateY(270deg) translateX(-50%);
-webkit-transform-origin: center left;
        transform-origin: center left; }

        .loading_box .cube div:nth-of-type(4) {
-webkit-transform: rotateX(90deg) translateY(-50%);
        transform: rotateX(90deg) translateY(-50%);
-webkit-transform-origin: top center;
        transform-origin: top center; }

        .loading_box .cube div:nth-of-type(5) {
-webkit-transform: rotateX(-90deg) translateY(50%);
        transform: rotateX(-90deg) translateY(50%);
-webkit-transform-origin: bottom center;
        transform-origin: bottom center; }

        .loading_box .cube div:nth-of-type(6) {
-webkit-transform: translateZ(20px);
        transform: translateZ(20px); }

@-webkit-keyframes loading_cube {
    0% {
      -webkit-transform: rotate(45deg) rotateX(-25deg) rotateY(25deg);
              transform: rotate(45deg) rotateX(-25deg) rotateY(25deg); }
    50% {
      -webkit-transform: rotate(45deg) rotateX(-385deg) rotateY(25deg);
              transform: rotate(45deg) rotateX(-385deg) rotateY(25deg); }
    100% {
      -webkit-transform: rotate(45deg) rotateX(-385deg) rotateY(385deg);
              transform: rotate(45deg) rotateX(-385deg) rotateY(385deg); } }
  @keyframes loading_cube {
    0% {
      -webkit-transform: rotate(45deg) rotateX(-25deg) rotateY(25deg);
              transform: rotate(45deg) rotateX(-25deg) rotateY(25deg); }
    50% {
      -webkit-transform: rotate(45deg) rotateX(-385deg) rotateY(25deg);
              transform: rotate(45deg) rotateX(-385deg) rotateY(25deg); }
    100% {
      -webkit-transform: rotate(45deg) rotateX(-385deg) rotateY(385deg);
              transform: rotate(45deg) rotateX(-385deg) rotateY(385deg); } }



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

.com-move-box-02 {/* display: flex;  */ align-items: center; justify-content: space-between; border-top: 2px solid #333; border-bottom: 2px solid #333; padding: 30px 20px; text-align: center; gap: 20px;}
.com-move-box-02 .btn-box {flex-shrink: 0;}
.com-move-box-02 .btn-box button {width: 42px; height: 42px; border: 2px solid #666; display: flex; justify-content: center; align-items: center; font-size: 20px; border-radius: 50%;}
.com-move-box-02 .btn-box button i {font-weight: 800;}
.com-move-box-02 .btn-box button:where(:hover,:focus) {background-color: #f1f1f1;}
.com-move-box-02 .title {font-weight: 600; font-size: 25px; margin-bottom: 12px;}
.com-move-box-02 .date {font-weight: 500; font-size: 16px;}


@media screen and (max-width: 1080px) {
    .com-move-box-01 {padding: 10px 0;}
    .com-move-box-01 .btn-box {font-size: 15px;}
    .com-move-box-01 .btn-box button {width: 40px; height: 40px;}
    .com-move-box-01 .btn-box img {width: 9px;}
    .com-move-box-01 .txt {font-size: 18px;}

    .com-move-box-02 {padding: 20px 10px;}
    .com-move-box-02 .title {font-size: 22px; margin-bottom: 8px;}
    .com-move-box-02 .date {font-size: 14px;}
    .com-move-box-02 .btn-box button {width: 35px; height: 35px; font-size: 14px;}
}

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

    .com-move-box-02 {padding: 15px 5px; gap: 10px;}
    .com-move-box-02 .title {font-size: 20px; margin-bottom: 5px;}
    .com-move-box-02 .date {font-size: 13px;}
    .com-move-box-02 .btn-box button {width: 30px; height: 30px; font-size: 12px;}
}

@media screen and (max-width: 480px) {
    .com-move-box-01 {gap: 15px;}
    .com-move-box-01 .btn-box {font-size: 13px; gap: 6px;}
    .com-move-box-01 .btn-box button {width: 30px; height: 30px;}
    .com-move-box-01 .btn-box img {width: 7px;}
    .com-move-box-01 .txt {font-size: 16px;}
}

/* TEXT BOX */
.com-txt-box-01 {background-color: var(--bg--sub_content-box02); border: 1px solid var(--border--content-box); border-top: 2px solid #333; padding: 30px; font-weight: 500; margin-bottom: 25px;}
.com-txt-box-01 .txt-list-01 table {width: auto;}
.com-txt-box-01 .txt-list-01 :where(th,td) {padding-bottom: 7px;}
.com-txt-box-01 .txt-list-01 th {color: var(--contents--dominant-color); font-weight: 600;}
.com-txt-box-01 .txt-list-01 td {padding-left: 30px; color: var(--contents--third);}
.com-txt-box-01 .alarm-01 {display: flex; gap: 10px; margin-top: 15px; color: var(--contents--third);}
.com-txt-box-01 .alarm-01 .icon-01 {flex-shrink: 0; background-color: #A61660; width: 20px; height: 20px; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center;}

.com-txt-box-02 {color: #A6165F; text-align: center; font-size: 14px; font-weight: 600; position: relative; padding-top: 10px;}
.com-txt-box-02::before {content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 20px; height: 2px; background-color: #A6165F;}

@media screen and (max-width: 1080px) {
    .com-txt-box-01 {margin-bottom: 20px;}
    .com-txt-box-01 {font-size: 14px; padding: 20px;}
    .com-txt-box-01 .txt-list-01 td {padding-left: 15px;}
    .com-txt-box-01 .alarm-01 {gap: 8px; margin-top: 10px;}
    .com-txt-box-01 .alarm-01 .icon-01 {width: 18px; height: 18px;}
}

@media screen and (max-width: 480px) {
    .com-txt-box-01 {font-size: 13px; padding: 15px;}
    .com-txt-box-01 .alarm-01 .icon-01 {width: 16px; height: 16px;}

    .com-txt-box-02 {font-size: 13px;}
}


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

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

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

/* .com-calendar-01.main.calendar td {position: relative;}
.com-calendar-01.main.calendar td .day {z-index: 15;}
.com-calendar-01.main.calendar .event.one {width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; z-index: 10;}
.com-calendar-01.main.calendar .event.multi {width: 100%; height: 20px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;}
.com-calendar-01.main.calendar .event.multi.start {border-radius: 10px 0 0 10px;}
.com-calendar-01.main.calendar .event.multi.end {border-radius: 0 10px 10px 0;}
.com-calendar-01.main.calendar .event[data-evindex="1"] {background-color: #35769765;}
.com-calendar-01.main.calendar .event[data-evindex="2"] {background-color: #af615f19;}
.com-calendar-01.main.calendar .event[data-evindex="3"] {background-color: #7f7fa765;} */

/* opacity 40% */
/* #35769765 */
/* #af615f65 */
/* #7f7fa765 */
/* #6f9b7965 */
/* #eed48c65 */

/* opacity 10% */
/* #35769719 */
/* #af615f19 */
/* #7f7fa719 */
/* #6f9b7919 */
/* #eed48c19 */


/* 달력  */

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

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


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

    .com-calendar-02 .kor {font-size: 15px; margin-bottom: 3px;}
    .com-calendar-02 .eng {font-size: 13px;}
    .com-calendar-02 thead th {padding: 12px 10px;}
    .com-calendar-02 tbody {font-size: 13px;}
    .com-calendar-02 .day-box {gap: 7px;}
    .com-calendar-02 .day::before {width: 24px; height: 24px;}
    .com-calendar-02 .event-list {margin-top: 15px;}
    .com-calendar-02 .event-list > li.one::before {width: 6px; height: 20px;}
}

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

/* LINE */
.com-line-01 {text-align: left; padding: 0 10px;}
.com-line-02 {line-height: 1.5;}
.com-line-03 {font-size: 18px;}

/* HOVER,FOCUS */
.com-hf-01:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}

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

.com-list-02 {}
.com-list-02 > li:not(:last-of-type) {margin-bottom: 6px;}

.com-list-03 {}
.com-list-03 > li:not(:last-of-type) {margin-bottom: 4px;}
.com-list-03 .com-list-03 {margin-top: 6px; padding-left: 15px;}

.com-list-04 {text-align: left; width: fit-content; margin: 0 auto;}
.com-list-04 > li:not(:last-of-type) {margin-bottom: 3px;}

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


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

    .com-list-02 > li:not(:last-of-type) {margin-bottom: 3px;}
}

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

/* ALARM */
.com-alarm-01 {min-height: 85px; padding: 20px 40px; background-color: #F5FAFE; color: #333; font-weight: 500; display: flex; flex-direction: column; justify-content: center; line-height: 1.5;}
.com-alarm-01.guin {min-height: 85px; padding: 20px 40px; background-color: #fff; color: #333; font-weight: 500; display: flex; flex-direction: column; justify-content: center; line-height: 1.5; border: 1px solid #ddd;}
html[data-mode="dark"] .com-alarm-01.guin {border-color: #555;}
html[data-mode="dark"] .com-alarm-01 {background-color: var(--bg--sub_content-box01); color: var(--contents--third);}
.com-alarm-02 {text-align: center; padding: 20px 10px; background-color: #f9f9f9; border: 1px solid var(--border--content-box); line-height: 1.5;}
html[data-mode="dark"] .com-alarm-02 {background-color: var(--bg--sub_content-box01); color: var(--contents--third);}
.com-alarm-02 .source_font_color {color:#333333}

@media screen and (max-width: 1080px) { 
    .com-alarm-01 {font-size: 14px; min-height: 70px; padding: 15px 30px;}
    .com-alarm-02 {font-size: 14px; padding: 15px 10px;}
}

@media screen and (max-width: 768px) {  
    .com-alarm-01 {text-align: center; padding: 15px 10px;}
}

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

/* CHATBOT */
.com-chatbot-box {display: none; position: fixed; z-index: 999; bottom: 10px; right: 10px; width: 500px; max-width: calc(100% - 20px); height: 780px; max-height: calc(100% - 20px); background: linear-gradient(to bottom, #004385 50px, #ffffff 0px); border: 1px solid #004386; border-radius: 20px; overflow: hidden; box-shadow: 2px 6px 7px 4px rgba(12, 38, 81, .16);}

/* 관리자 버튼 */
.com-admin-btn-box-01 {display: flex; justify-content: flex-end; margin-bottom: 50px; gap: 5px;}
.com-admin-btn-box-01 :where(a,button) {min-width: 130px; padding: 12px 10px; display: flex; justify-content: center; align-items: center;}
.com-admin-btn-box-01 :where(a,button).type-01 {border: 1px solid #aaa; background-color: #fff;}
html[data-mode="dark"] .com-admin-btn-box-01 :where(a,button).type-01 {background-color: #292929; border-color: #666;}
.com-admin-btn-box-01 :where(a,button).type-01:where(:hover,:focus) {filter: brightness(0.9);}
html[data-mode="dark"] .com-admin-btn-box-01 :where(a,button).type-01:where(:hover,:focus) {background-color: #111;}

@media screen and (max-width: 1080px) { 
    .com-admin-btn-box-01 {font-size: 14px;}
    .com-admin-btn-box-01 :where(a,button) {min-width: 100px; padding: 10px;}
}


/* BOX */
.com-box-01 {margin-bottom: 50px; width: 100%;}
.com-box-02 {padding: 0 10px;}
.com-box-03 {margin-bottom: 40px;}
.com-box-04 {margin-bottom: 100px;}
.com-box-05 {padding: 20px 0;}
.com-box-06 {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid var(--border--content-box);}
.com-box-07 {margin-bottom: 50px;}
.com-box-08 {padding: 40px 30px; border-top: 2px solid var(--border--table-td);}
.com-box-09 > :is(.img-box,.txt-box) {padding: 30px;}
.com-box-09 > .img-box {flex-shrink: 0; width: 260px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; background-color: var(--bg--board-header); border-right: 1px solid var(--border--table-td);}
.com-box-09 > .txt-box {width: 100%; display: flex; flex-direction: column; justify-content: center;}

.com-box-09 {display: flex; border-top: 2px solid var(--border--board-header); border-bottom: 1px solid var(--border--table-td);}
@media screen and (max-width: 1080px) { 
    .com-box-04 {margin-bottom: 70px;}

    .com-box-05 {padding: 15px 0;}

    .com-box-08 {padding: 20px; font-size: 15px;}
  
     .com-box-09 > :is(.img-box,.txt-box) {padding: 20px;}
}

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

    .com-box-04 {margin-bottom: 50px;}

    .com-box-08 {padding: 15px 10px; font-size: 14px;}
  	.com-box-09 {flex-wrap: wrap;}
    .com-box-09 > :is(.img-box,.txt-box) {width: 100%; padding: 20px 10px;}
  	.com-box-09 > .img-box {border-right: none; border-bottom: 1px solid var(--border--table-td);}
}

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


/* LINK */
.com-link-01 {text-decoration: underline; text-underline-position: under;}