@charset "utf-8";
section + section {margin: 120px 0;}
section:last-of-type {margin-bottom:120px;}
.spon_type {display:flex;gap: 3rem;width: 100%;}
.spon_type li {width:100%}
.spon_type .st_img {position: relative;}
.spon_type .st_img img {object-fit: contain;object-position: center;width: 100%;height: auto;border-radius: 2rem;}
.spon_type .icon {
    position: absolute;
    top: 70%;
    right: 0;
    width: 128px;
    height: 128px;
    background-color: var(--color-main);
    text-align: center;
    padding: 1rem;
    border-radius: 1.5rem 0 1.5rem 1.5rem;
}
.spon_type li:nth-child(2) .icon {background-color:#F86B7E}
.spon_type li:nth-child(3) .icon {background-color:#F678BF}
.spon_type .icon a {color:#fff;display: block;/* width: 100%; */height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;letter-spacing: -.5px;font-weight: 500;}
.spon_type .icon img {object-fit: none;width: 45px;height: 45px;margin-bottom: .5rem;border-radius: 0;}
.spon_type .st_txt {margin-top: 2.5rem;}
.spon_type .st_txt dl {}
.spon_type .st_txt dt {font-size:24px; font-weight:600; margin-bottom:1rem}
.spon_type .st_txt dd {letter-spacing:-.5px;line-height: 1.5;word-break: keep-all;}

.favor ul {
    display: flex;
    gap: 3rem;
}
.favor ul li {width:100%;border:1px solid #ddd;padding:2rem;text-align:center;display: flex;flex-direction: column;align-items: center;border-radius: 1rem;}
.favor ul li span {display: inline-flex;width: 36px;height: 36px;background-color:var(--color-main);color:#fff;border-radius:50%;align-items: center;justify-content: center;margin-bottom: 1rem;font-size: 16px;font-weight: 600;} 


/* PC */ 
@media only screen and (min-width:1024px) and (max-width: 1400px)  {
    .favor ul {gap:1rem;}
    .favor ul li {padding:2rem 1rem; word-break:keep-all}
    .favor ul li br {display:none;}
    .spon_type {gap:2rem}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ 
@media all and (max-width:1023px) {
    .spon_type {gap:1rem}
    .spon_type .icon {width: 78%;height: auto;border-radius: 1rem 0 1rem 1rem;}
    .spon_type .icon img {width:30px;height:30px;object-fit: contain;margin-bottom: 0;}
    .spon_type .icon a {display:flex;flex-direction: row;gap: .5rem;}
    .favor ul {gap:1rem}
    .favor ul li {padding:2rem 1rem; word-break:keep-all} 
    /*.spon_type {flex-wrap:wrap; }
    .spon_type li {display:flex;gap: 2rem;}
    .spon_type .st_img {width:55%;}
    .spon_type .st_txt {width:45%;}*/
}
/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media (max-width: 767px) {
    section + section {margin: 4rem 0;} 
    section:last-of-type {margin-bottom:4rem;} 
    .spon_type {flex-wrap:wrap;gap: 2rem;}
    .favor ul {flex-wrap:wrap;}
    .favor ul li {width:47%}
    .spon_type .icon {width:120px;}
    .spon_type .icon a {display:block;}
    .spon_type .st_txt {margin-top:1rem}
    .spon_type .st_txt dt {font-size:1.25rem;margin-bottom: .5rem;}
    .spon_type .st_txt dd {font-size:1rem}
    .spon_type .st_img img {border-radius:1rem}
}