/*---------------------------project common------------------------------*/
body {background-color: #0A0A0A; color: #fff}
/*---------------------------project common end------------------------------*/


/*---------------------------list_sec_01------------------------------*/
.list_sec_01 {padding: 11.375rem 0}
.list_sec_01 .title {margin-bottom: 3.5rem; font-size: 4.5rem; font-weight: 700}
.list_sec_01 .cate_wrap {display: flex; flex-wrap: wrap; gap: 1.5rem; margin-bottom: 7rem}
.list_sec_01 .cate_wrap li {position: relative;}
.list_sec_01 .cate_wrap input {position: absolute; left: 0; top: 0; width: 1px; height: 1px;}
.list_sec_01 .cate_wrap label {display: block; padding: 0.75rem 1rem; border: 1px solid #fff; font-size: 1.5rem; font-weight: 700; cursor: pointer}
.list_sec_01 .cate_wrap input[type="checkbox"]:checked + label {background-color: #fff; color: #161B20}
.list_sec_01 .list_wrap {display: flex; flex-wrap: wrap; gap: 4rem 1.5rem}
.list_sec_01 .list_wrap >li {width:calc((100% - (1.5rem * 1))/2);}
.list_sec_01 .list_wrap a {display: block; width: 100%}
.list_sec_01 .list_wrap .img {position: relative; width: 100%; height: 0; padding-bottom: 45%; background-size: cover; background-repeat: no-repeat; background-position: center}
.list_sec_01 .list_wrap h6 {margin-top: 1rem; font-size: 1.5rem; font-weight: 700}
.list_sec_01 .hover_wrap {display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); opacity: 0; visibility: hidden; transition: all 0.3s}
.list_sec_01 .hover_wrap ul {display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; max-width: 100%;}
.list_sec_01 .hover_wrap li {padding: 0.75rem 1rem; border: 1px solid #fff; font-size: 1.25rem; font-weight: 700}
@media (hover:hover) {
    .list_sec_01 .list_wrap a:hover .hover_wrap {opacity: 1; visibility: visible}
}/*hover*/
@media screen and (max-width:1024px) {
    .list_sec_01 .title {font-size: 4rem;}
    .list_sec_01 .list_wrap h6 {font-size: 1.25rem;}
    .list_sec_01 .hover_wrap li {font-size: 1rem;}
}/*md*/
@media screen and (max-width:767px) {
    .list_sec_01 {padding: 5rem 0 8rem}
    .list_sec_01 .title {margin-bottom: 2.5rem; font-size: 3.5rem;}
    .list_sec_01 .cate_wrap {gap: 1rem; margin-bottom: 5rem}
    .list_sec_01 .cate_wrap label {font-size: 1.25rem}
    .list_sec_01 .list_wrap >li {width:100%}
}/*sm*/
/*---------------------------list_sec_01 end------------------------------*/


/*---------------------------detail_sec_01------------------------------*/
.detail_sec_01 {padding: 10.875rem 0;}
.detail_sec_01 .top_img {width: 100%; height: 0; padding-bottom: 47.5%; background-size: cover; background-position: center; background-repeat: no-repeat}
.detail_sec_01 .top_text {margin-top: 7.75rem}
.detail_sec_01 .top_text h2 {font-size: 3rem; font-weight: 700}
.detail_sec_01 .top_text p {margin-top: 2rem; font-size: 1.25rem; font-weight: 500; line-height: 156%}
.detail_sec_01 .info_wrap {margin-top: 2.25rem; padding-top: 2.25rem; border-top: 1px solid #696969}
.detail_sec_01 .info_wrap ul {display: flex;}
.detail_sec_01 .info_wrap li {flex: 1 1 100%; text-align: center; font-size: 1.25rem; font-weight: 500;}
.detail_sec_01 .info_wrap li:not(:last-child) {border-right: 1px solid #696969;}
.detail_sec_01 .info_wrap h6 {display: inline-block; padding: 0.5rem 1rem; border: 1px solid #BEC1C7;}
.detail_sec_01 .info_wrap p {margin-top: 1rem;}
.detail_sec_01 .cont_wrap {margin-top: 8.5rem}
.detail_sec_01 .editor_wrap:not(:last-child) {margin-bottom: 3rem}
.detail_sec_01 .editor_wrap h3 {font-size: 2rem; font-weight: 700}
.detail_sec_01 .editor_wrap p {margin-top: 1rem; word-break: break-word; white-space: pre-line; font-size: 1.25rem; font-weight: 500}
.detail_sec_01 .editor_wrap .btn {display: inline-flex; align-items: center; gap: 0.5rem; margin-top: 1.5rem; padding: 0.615rem 1rem; background-color: #fff; color: #161B20; font-size: 1rem; font-weight: 500}
.detail_sec_01 .editor_wrap .btn::after {content: ""; display: block; width: 1rem; height: 1rem; background:url(/front/images/common/ico_iba_bk.png) no-repeat center/100% auto}
.detail_sec_01 .editor_wrap img {margin-top: 1.5rem;}
.detail_sec_01 .more_wrap {margin-top: 9.375rem; padding-top: 5rem; border-top: 1px solid #696969}
.detail_sec_01 .more_wrap h3{color: #FDFDFD; font-size: 2rem; font-weight: 700; line-height: 2.625rem; text-align:center; margin-bottom: 3rem; display:flex; justify-content:center; align-items:center; gap: 0.75rem}
.detail_sec_01 .more_wrap h3::before {content: ""; display: block; width: 2rem; height: 2rem; background:url(/front/images/common/ico_iba.png) no-repeat center/100% auto}
.detail_sec_01 .more_wrap ul {display: flex; justify-content: center; gap: 1.5rem; margin-bottom: 6.5rem}
.detail_sec_01 .more_wrap li {width:calc((100% - (1.5rem * 1))/2);}
.detail_sec_01 .more_wrap figure {width: 100%; height: 0; padding-bottom: 45%; background-size: cover; background-repeat: no-repeat; background-position: center}
.detail_sec_01 .more_wrap h6 {margin-top: 0.75rem; font-size: 1.5rem; font-weight: 500}
.detail_sec_01 .more_wrap .btn_list {display: flex; align-items: center; justify-content: center; width: 10.125rem; height: 5.25rem; margin: 0 auto; border: 1px solid #BEC1C7; font-size: 1.5rem; font-weight: 700}
@media screen and (min-width:1024.1px) {
    .detail_sec_01 .cont_wrap {max-width:75%; margin:8.5rem auto 0;}
}
@media screen and (max-width:767px) {
    .detail_sec_01 {padding: 4.875rem 0 6.875rem;}
    .detail_sec_01 .top_text {margin-top: 3.75rem}
    .detail_sec_01 .top_text h2 {font-size: 2.25rem}
    .detail_sec_01 .top_text p {margin-top: 1rem; font-size: 1.125rem}
    .detail_sec_01 .info_wrap ul {flex-wrap: wrap}
    .detail_sec_01 .info_wrap li {padding-bottom: 1.125rem; text-align: left; border-bottom: 1px solid #696969}
    .detail_sec_01 .info_wrap li:not(:last-child) {margin-bottom: 1.125rem; border-right: 0}
    .detail_sec_01 .cont_wrap {margin-top: 4rem}
    .detail_sec_01 .editor_wrap p {font-size: 1.125rem}
    .detail_sec_01 .more_wrap {margin-top: 5rem; padding-top: 2.5rem;}
    .detail_sec_01 .more_wrap ul {gap: 2rem 0; flex-wrap: wrap; margin-bottom: 3.5rem;}
    .detail_sec_01 .more_wrap li {width: 100%;}
    .detail_sec_01 .more_wrap .btn_list {width: 8rem; height: 4rem; font-size: 1.25rem}
}/*sm*/
/*---------------------------detail_sec_01 end------------------------------*/

.inquery_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 5rem;
    padding-top: 9.375rem;
    /*border-top: 1px solid #696969;*/
}

.inquery_wrap img {
    max-width: 100%;
    height: auto;
}

.inquery_wrap a {
    margin-top: 20px; /* space between text image and button */
}
@media screen and (max-width:767px) {
    .inquery_wrap {
        margin-top: 2.5rem;
        padding-top: 5rem;
    }
}/*sm*/