<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* #content */

.sub_visual { text-align: center; width: 100%; height:450px; position: relative;
    background-image: url(../images/img_visual_bg.webp);  background-repeat: no-repeat;  background-position: center bottom; background-size: cover;
    background-color: rgba(0, 0, 0, 0.2); background-blend-mode: darken;}
.sub_visual .text_box {text-align: center; color: #fff;}
.sub_visual .text_box .add_text{font-family: "El Messiri", sans-serif; font-size: 24px; font-weight: 400; line-height: 1.1; margin-bottom: 20px;}
.sub_visual .text_box h3{font-size: 40px; font-weight: 500; line-height: 1.3; }

section .main_title {letter-spacing: -0.02em; line-height: 56px; margin-bottom: 20px;}
section .main_title.on {display: none;}
section .sub_text {letter-spacing: -0.02em;}

.top_title {padding: 0 16.66%; margin-bottom: 64px; display: flex; justify-content: space-between; align-items: center;}
.top_title {padding: 70px 16.66% 80px; position: relative;}
.top_title h3 {font-size: 46px; line-height: 56px; letter-spacing: -0.02em; color: var(--gray-color-1000);}
.top_title form {width: 60%; display: flex; justify-content: flex-end; align-items: center;}
.top_title form div {width: 90%; margin-right: 2%; border: 1px solid #DFDFDF; border-radius: 100px; padding: 12px 3%; box-sizing: border-box;
    display: flex; justify-content: space-between; align-items: center;}
.top_title form input {border: none;}
.top_title form .search {width: calc(100% - 40px); font-family: 'Spoqa Han Sans Neo'; font-weight: 300; font-size: 18px; line-height: 26px; letter-spacing: -0.02em; color: #242424;}
.top_title form .search_btn1 {display: block; width: 24px; height: 24px; background: url(../images/sub05_05_btn_search.png) center no-repeat; background-size: contain;
    text-indent: -9999px; overflow: hidden; cursor: pointer; font-size: 0;}
.top_title form .search_btn2 {
    display: block;
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #fff;
    background: var(--primary-color);
    border-radius: 999px;
    padding: 11px 40px;
    cursor: pointer;
}

.list_box {padding: 0 16.66% 100px;}
.list_box .list_title {display: flex; align-items: center; border: 1px solid rgba(46, 21, 102, 0.15); border-left: none; border-right: none;}
.list_box .list_title li {font-weight: 500; font-size: 20px; line-height: 28px; color: var(--gray-color-1000); padding: 22px 20px; box-sizing: border-box;}
.list_box .list_title li:nth-child(1) {width: 15%; padding-right: 0;}
.list_box .list_title li:nth-child(2) {width: 75%;}
.list_box .list_title li:nth-child(3) {width: 10%; text-align: right; padding-left: 0; white-space: nowrap;}
.list_box .list_content .list_item {display: flex; align-items: center; border-bottom: 1px solid rgba(46, 21, 102, 0.15);}
.list_box .list_content .list_item li {padding: 0 20px; color: #64183c; box-sizing: border-box;}
.list_box .list_content .list_item li:nth-child(1) {width: 15%; color: var(--primary-color); font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: -0.02em; padding-right: 0;}
.list_box .list_content .list_item li:nth-child(2) {width: 75%;}
.list_box .list_content .list_item li:nth-child(2) a {display: block; padding: 22px 0; font-weight: 300; font-size: 20px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list_box .list_content .list_item li:nth-child(3) {width: 10%; text-align: right; font-weight: 250; font-size: 16px; line-height: 22px; padding-left: 0;}

.list_box .pagination_box {text-align: center; margin-top: 100px; position: relative;}
.list_box .pagination_box span {display: inline-block; width: 44px; height: 44px; line-height: 44px;
    font-family: 'Inter'; font-weight: 300; font-size: 28px; vertical-align: middle;}
.list_box .pagination_box span a {display: block;}
.list_box .pagination_box .pagination a {display: block; width: 100%; height: 100%;}
.list_box .pagination_box .pagination.on a {color: #8556E3; font-weight: 400; font-size: 32px; background: rgba(220, 204, 255, 0.42); border-radius: 50%;}
.list_box .pagination_box .front, .list_box .pagination_box .prev, .list_box .pagination_box .next, .list_box .pagination_box .end {
    font-size: 0; color: #fff; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.list_box .pagination_box .front {background-image: url(../images/sub05_05_btn_double_arrow_left.png);}
.list_box .pagination_box .prev {background-image: url(../images/sub05_05_btn_arrow_left.png);}
.list_box .pagination_box .next {background-image: url(../images/sub05_05_btn_arrow_right.png);}
.list_box .pagination_box .end {background-image: url(../images/sub05_05_btn_double_arrow_right.png);}
.list_box .pagination_box button {background: #8556E3; color: #FFFFFF; border: none; border-radius: 8px; padding: 11px 32px; cursor: pointer; white-space: nowrap;
    font-family: 'Spoqa Han Sans Neo'; font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: -0.02em; position: absolute; top: -80px; right: 0;}

/* PC (í•´ìƒë„ 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    .sub_visual {background-position: right bottom;}
    .top_title {padding: 70px 12% 0;}
    .list_box {padding: 0 12% 100px;}
}
/* PC (í•´ìƒë„ 1058px ~ 1440px) */
@media screen and (max-width:1440px) {
    .top_title { padding: 70px 8% 0; }
    .list_box {padding: 0 8% 100px;}
}
/* PC (í•´ìƒë„ 1024px ~ 1058px) */
@media screen and (max-width:1058px) {
    .top_title {padding: 0 6%;}
    .list_box {padding: 0 6% 100px;}
}


/* íƒœë¸”ë¦¿ (í•´ìƒë„ 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    html body #content {margin-top: 94px;}
    /* content */
    section .main_title {font-size: 28px; margin-bottom: 12px; line-height: 36px;}
    section .main_title i {display: block;}

    .top_title {padding: 70px 5% 0; margin-bottom: 68px; flex-direction: column; align-items: flex-start; gap: 20px;}
    .top_title h3 {font-size: 28px; line-height: 36px;}
    .top_title form {width: 80%; display: flex; justify-content: flex-end; align-items: center;}
    .top_title form div {width: 90%; padding: 5px 3%;}
    .top_title form .search {font-size: 16px; line-height: 22px;}
    .top_title form .search_btn2 {font-size: 14px; line-height: 20px; padding: 8px 16px;}


    .list_box {padding: 0 5% 80px;}
    .list_box .list_title li {font-size: 18px; line-height: 26px; padding: 16px 20px;}
    .list_box .list_title li:nth-child(1) {width: 18%;}
    .list_box .list_title li:nth-child(2) {width: 72%;}
    .list_box .list_content .list_item li:nth-child(1) {width: 18%; font-size: 15px; line-height: 22px;}
    .list_box .list_content .list_item li:nth-child(2) {width: 72%;}
    .list_box .list_content .list_item li:nth-child(2) a {width: 100%; display: block; padding: 12px 0; font-size: 14px; line-height: 20px; }
    .list_box .list_content .list_item li:nth-child(3) {font-size: 14px; line-height: 20px;}

    .list_box .pagination_box {margin-top: 40px;}
    .list_box .pagination_box span {font-size: 20px; height: 37px;}
    .list_box .pagination_box .pagination {width: 37px;}
    .list_box .pagination_box .pagination a {display: block; width: 100%; height: 100%; line-height: 37px;}
    .list_box .pagination_box .pagination.on a {font-size: 18px;}
    .list_box .pagination_box button {display: none;}
}

/* ëª¨ë°”ì¼ ê°€ë¡œ, ëª¨ë°”ì¼ ì„¸ë¡œ (í•´ìƒë„ 375px ~ 768px)*/
@media screen and (max-width:768px) {
    html body #content {margin-top: 72px;position : relative;}
    /* content */
    .sub_visual {box-sizing: border-box;height: 240px;background-image: url(../images/img_visual_bg_mo.jpg);background-position: center center;background-attachment:local ;}
    .sub_visual .text_box h3{font-size: 26px; }
    .sub_visual .text_box .add_text{font-size:20px;}

    .top_title h3 {display: none;}
    .top_title {padding: 20px 5% 0; margin-bottom: 0;}
    .top_title form {width: 90%;}

    .list_box {padding: 20px 5% 60px;}
    .list_box .list_title li {font-size: 16px; line-height: 20px; padding: 8px 12px;}
    .list_box .list_title li:nth-child(1) {display: none;}
    .list_box .list_title li:nth-child(2) {width: 75%;}
    .list_box .list_title li:nth-child(3) {width: 25%;}
    .list_box .list_content .list_item li {padding: 0 12px;}
    .list_box .list_content .list_item li:nth-child(1) {display: none;}
    .list_box .list_content .list_item li:nth-child(2) {width: 75%;}
    .list_box .list_content .list_item li:nth-child(2) a {padding: 12px 0;}
    .list_box .list_content .list_item li:nth-child(3) {width: 25%; font-size: 14px; line-height: 20px;}

    .list_box .pagination_box {margin-top: 28px;}
    .list_box .pagination_box span {font-size: 20px; width: 30px; height: 30px;}
    .list_box .pagination_box .pagination {width: 30px;}
    .list_box .pagination_box .pagination:nth-child(n+6) {display: none;}
    .list_box .pagination_box .pagination a {display: block; width: 100%; height: 100%; line-height: 30px;}
    .list_box .pagination_box .pagination.on a {font-size: 18px;}
}</pre></body></html>