@charset "utf-8";
.sub_conts {margin-bottom:0}
.rent_fac {position:relative}
.fac_info > ul {
    display: flex;
    height:0;
    overflow:hidden;
    justify-content: space-between;
    flex-wrap: wrap;
}
.fac_info > ul.active {height:auto;}

.select_inner li {width: 35%;padding-top: 70px;}
.select_inner .photo {width:60%;border-radius: 2rem;overflow: hidden;padding: 0;}
.select_inner .photo img {width:100%;height: 100%;object-fit: cover;}
.select_inner li h4 {color:var(--color-main);font-size: 30px;margin-bottom: 2rem;line-height: 130%;}
.select_inner li dl {display:flex;flex-wrap:wrap;gap: .5rem 0;/* padding-left: 1rem; */}
.select_inner li dt {width: 23%;font-weight: 500;}
.select_inner li dd {width: 77%;color: var(--color-black2);word-break: keep-all;}
.select_inner li dd p {margin-bottom:5px}
.select_inner li dd p:last-child {margin-bottom:0}
.select_inner li .link {display:flex;flex-direction: column;align-items: flex-start;}
.select_inner li .link a {margin-bottom: .5rem; border-bottom:1px solid #fff}
.select_inner li .link a:hover {color:#3c60c3; border-bottom:1px solid #3c60c3}
.select_inner li .link img {object-fit:contain;height: 120px;}
.fac_select {
    position: absolute;
    right: 0;
    top: 0;
    width: 16%;
    height: 58px;
    z-index: 1;
}
.select_box {
    width: 100%;
    height: 100%;
    border-radius: 3rem;
    border: 1px solid #ddd;
    font-weight: 500;
    background-color: #f8f8f8;
    color: #555;
}
.select_box span {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    line-height: 20px;
    font-size: 18px;
    padding: 16px 25px;
    cursor: pointer;
    align-items: center;
}
.select_box .select {background-color: #fff;color: #232323;background-color: #fff;border-radius: 25px;width: 100%;margin-top: .5rem;border: 1px solid var(--color-main);padding: 10px;}
.select_box .select li {
    padding: 8px 15px;
    cursor: pointer;
}
.select_box .select li:hover {background-color:#0080cc1f; border-radius:40px;}
.select_box .select li a {display:block;width:100%;height: 100%;font-weight:400}
.select_box .select li:hover a {color:var(--color-main)}
.dot li {font-size:20px}
.guidelinebox {
    background-color: #ffffff;
    padding: 3rem;
    border-radius: 1rem;
    border: 1px solid #eaeaea;
}

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

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
    .select_inner li {width:100%}
    .select_inner .photo {width:100%}
    .fac_select {width:240px;margin-top: -1rem;}
    .guidelinebox {padding:2rem}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    .fac_select {width: 139px;height: 40px;}
    .select_box span {padding:.5rem 1rem; font-size:16px}
    .select_inner li {padding-top:2rem}
    .select_inner li dt {width:25%}
    .select_inner li dd {width:75%}
    .select_inner li h4 {font-size:22px;margin-bottom: 1rem;}
    .dot li {font-size:15px}
    .download a {width:80%}
    .guidelinebox {padding:1rem}
}