/* #content */
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;}

.sub_visual {padding: 130px 0;text-align: center;position:relative}
.sub_visual::after{content:''; display: block; position:absolute; bottom: 0; left: 50%; transform:translate(-50%,0);width: 80%; height: 2px; background:#000;}
.sub_visual h1 {font-size: 44px;line-height: 1em;letter-spacing: -1px;}

.list_box{padding: 80px 16.6% 120px;}
.list_box ul{display : grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.list_box > ul > li  {padding: 16px 16px 25px;box-sizing: border-box;border: 1px solid #DCDCDC;border-radius: 12px;min-width: 0;}
.list_box > ul > li .text_box{ margin-top: 16px; text-align: center; }
.list_box > ul > li .text_box a{margin: 0 auto; display: block;letter-spacing: -0.02em; }
.list_box > ul > li .text_box a h3{font-size: 18px;margin-bottom:8px; line-height: 1.3;}
.list_box > ul > li .text_box a p{font-size: 16px;line-height: 1.4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list_box > ul > li .img_box img {width: 100%; height: 100%; object-fit: cover; border-radius: 8px;aspect-ratio: 330/220;}

.btn_write {font-size: 24px; font-weight: 500; letter-spacing: -1px; margin-left: 2em; position: relative; left: calc(100% - 196px); margin-bottom: 32px;
    line-height: 44px; padding: 7px 36px; white-space: nowrap; border-radius: 75px; border: 1px solid #777C81; background: #FFF;}
.btn_write::after {display: none !important;}
.btn_write:hover {border: 1px solid #713FFF; background: #713FFF; color: #fff;}

/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    .list_box {padding: 110px 12% 100px;}
}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {
    .list_box {padding: 110px 8% 100px;}
}
/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {
    .list_box {padding: 110px 6% 100px;}
}


/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    /* content */
    section .main_title {font-size: 28px; margin-bottom: 12px; line-height: 36px;}
    section .main_title i {display: block;}

    .sub_visual {padding: 60px 0;}
    .sub_visual h1 {font-size: 36px;}
    .sub_visual::after{width:100%;}

    .btn_write {display: none;}

    .list_box {padding: 80px 5% 100px;}
    .list_box > ul {grid-template-columns:repeat(2, 1fr); gap: 12px; margin-bottom: 60px;}
    .list_box > ul > li {border-radius: 10px;}
    .list_box > ul > li .text_box > a span {font-size: 16px;}
    .list_box > ul > li .text_box > a p {font-size: 20px;}
}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:768px) {
    .wrap { min-width: 375px; }
    #content {position: relative;}
    /* content */
    .sub_visual h1 {font-size: 34px;}

    .list_box {padding: 50px 5%;}
    .list_box > ul {grid-template-columns:repeat(1, 1fr);gap:24px }
    .list_box > ul > li { padding: 12px 12px 24px;}
    .list_box > ul > li .img_box .badge {font-size: 12px; line-height: 15px; padding: 4px 8px; top: 12px; left: 4%;}
    .list_box > ul > li .text_box {margin-top: 12px;}
    .list_box > ul > li .text_box .more_btn {font-size: 12px; line-height: 15px; padding: 12.5px 0;}
}