@charset "utf-8";
section + section {margin:120px 0}
.rent_sec1 .tit_sub_txt {background-color:#f7f7f7}
.note {background-color:#fff;padding: 3rem;border-radius: 2rem;border: 6px solid #ddd;}
.note ul {
    /* list-style: decimal; */
}
.note ul li {margin: 1rem 0;padding-inline-start: 3ch;border-bottom: 1px dashed #eee;padding-bottom: 1rem;font-size: 18px;font-weight: 500;position: relative;}
.note ul li:before {content:"1";background-color: var(--color-main);width:25px;height:25px;position:absolute;left:0;top:0;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;color: #fff;font-size: 16px;}
.note ul li:nth-child(2):before {content:"2";}
.note ul li:nth-child(3):before {content:"3";}
.note ul li:nth-child(4):before {content:"4";}
.note ul li:nth-child(5):before {content:"5";}
.note ul li:nth-child(6):before {content:"6";}
.note ul li:nth-child(7):before {content:"7";}
.note ul li:nth-child(8):before {content:"8";}
.note ul li:nth-child(9):before {content:"9";}
.note ul li > p {position: relative;padding-left: 1.5rem;margin-top: .5rem;color: var(--color-main);}
.note ul li > p:before {content:"\F309";position:absolute;left:0;top: 0;line-height: 1.2;font-family: 'remixicon';font-size: 20px;font-weight: 200;color: var(--color-main);}
.roundbox {border:1px solid #ddd;border-radius:2rem;margin-top:4rem;padding: 3rem;display: flex;flex-wrap: wrap;}
.roundbox dl {
    width: 50%;
    display: flex;
    align-items: center;
    gap: 2rem;
}
.roundbox dt {
    background-color: #fef5f5;
    color: var(--color-main);
    width: 25%;
    font-weight: 500;
    border-radius: 2rem;
    padding: .8rem 1rem;
    text-align: center;
}
.roundbox dd {width: 85%;}
.roundbox dd span {font-weight:600}
.rent_sec4 .contents table {border-top:2px solid var(--color-main);}
.rent_sec4 .contents table th {background-color:#f7f7f7}

/* PC */ 
@media only screen and (min-width:1024px) and (max-width: 1400px)  {

}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1023px) {
    .note {padding:1.5rem}
    .note ul li {word-break:keep-all}
    .roundbox {padding:1.5rem; border-radius:1rem}
    .roundbox dl {gap:1rem;}
    .roundbox dt {width:30%}
    .roundbox dd {width:70%}
}
/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
	section + section {margin:4rem 0}
	section:last-of-type {margin-bottom:4rem;} 
    .note {padding:1rem}
    .note ul li {font-size:1rem}
    .note ul li:before {width:20px; height:20px; font-size:.85rem}
    .roundbox {gap:1rem; padding:1rem; gap:.5rem}
    .roundbox dl {width:100%;gap:.5rem}
    .roundbox dt {width:35%}
    .roundbox dd {width:65%}
    .rent_sec4 .contents table {width:600px}
}