/* ------------------------------------------------------------------
    accordion.css > ko
    version : 202606
* ------------------------------------------------------------------ */

.accordion .sub-content-middle{width: 100%;max-width: 1120px;margin: auto;padding-bottom: 96px;}
.accordion-container{width: 100%;}
.accordion-container:not(:last-child){margin-bottom: 96px;}
.accordion-container .title-box{display: flex;flex-direction: row;justify-content: flex-end;align-items: flex-end;margin-bottom: 0;padding: 0 20px;padding-bottom: 20px;}
.accordion-container .title-box .title{flex-grow: 1;width: auto;font-family:'HyundaiKRMedium';font-size:24px;line-height:34px;text-align: left;}
.accordion-container .title-box .title.align-left{text-align: left;}
.accordion-container .btn-show-all{display: flex;flex-direction: row;justify-content: space-between;align-items: center;overflow: unset;margin-left: 40px;font-size: 16px;font-family:'HyundaiKRMedium';color: #002C5F;line-height: 24px;white-space: nowrap;}
.accordion-container .btn-show-all:after{content: "";display: block;width: 20px;height: 20px;margin-left: 6px;background: url("../../investorrelations/common/assets/images/ic_arr-down-2px.svg") center no-repeat;}
.accordion-container .btn-show-all.close-all:after{transform: rotate(180deg);}
.accordion-container .created-date{font-size: 14px;color: #666;line-height: 20px;}
.accordion-container .accordion-list-box{overflow: hidden;}
.accordion-container .accordion-list:first-child{border-top: 1px solid #000000;}
.accordion-container .accordion-list.expanded .accordion-bottom{display: block;}
.accordion-container .accordion-list.expanded .btn-toggle{background: url("../../investorrelations/common/assets/images/ic-minus-2px_black.svg") center no-repeat;}
.accordion-container .accordion-list.expanded .accordion-top-left .title{display: inherit;overflow: visible;-webkit-line-clamp: none;-webkit-box-orient: unset;}
.accordion-container .accordion-list .accordion-top-left .title{overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.accordion-container .accordion-top{display: flex;flex-direction: row;justify-content: space-between;align-items: center;border-bottom: 1px solid #d8d8d8;cursor: pointer;}
.accordion-container .accordion-top .accordion-top-left{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;width: 100%;margin-right: 16px;padding: 20px 0 20px 24px;font-size: 18px;color: #000000;line-height: 28px;}
.accordion-container .accordion-top .accordion-top-right{display: flex;flex-direction: row;justify-content: flex-end;align-items: center;font-size: 14px;color: #666;line-height: 20px;}
.accordion-container .ir{text-indent: -9999px;display: block !important;border: 0;clip: rect(0 0 0 0);clip-path: inset(50%);width: 1px;height: 1px;margin: 0 !important;padding: 0 !important;overflow: hidden;padding: 0;position: fixed;left: -9999px;white-space: nowrap;font-size: 1px !important;-webkit-transform: translateX(-100px) scale(0.0001);transform: translateX(-100px) scale(0.0001);z-index: -1;}
.accordion-container .accordion-top .file{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;font-size: 14px;color: #00AAD2;line-height: 20px;}
.accordion-container .accordion-top .file:before{content: "";display: block;width: 16px;height: 16px;margin-right: 4px;background: url("../../investorrelations/common/assets/images/ic_paperclip-2px.svg") center no-repeat;}
.accordion-container .accordion-top .file:after{content: "";display: block;width: 1px;height: 12px;margin: 0 16px;background-color: #d8d8d8;}
.accordion-container .accordion-top .btn-toggle{width: 72px;height: 24px;padding: 0 24px;background: url("../../investorrelations/common/assets/images/ic-plus-2px_black.svg") center no-repeat;}
.accordion-container .accordion-bottom{display: none;overflow: hidden;width: 100%;border-bottom: 1px solid #d8d8d8;background-color: #F6F3F2;}
.accordion-container .accordion-bottom .accordion-bottom-box{padding: 32px 24px;word-break: keep-all;}
.accordion-container .accordion-bottom .created-date{margin-bottom: 8px;}
.accordion-container .accordion-bottom .content{font-family:'HyundaiKRTextRegular';font-size: 16px;color: #000000;line-height: 24px;}
.accordion-container .accordion-bottom .content ol{padding-left: 20px;list-style-type: decimal;list-style-position: outside;}
.accordion-container .accordion-bottom .content ol li{font-family:'HyundaiKRTextRegular';}
.accordion-container .accordion-bottom .file-list{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;margin-top: 40px;}
.accordion-container .accordion-bottom .file-list .btn-file{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;height: 40px;margin-left: 0;margin-right: 4px;padding: 8px 16px;border-radius: 20px;border: 1px solid #d8d8d8;background-color: #ffffff;font-size: 14px;color: #000000;line-height: 20px;}
.accordion-container .accordion-bottom .file-list .btn-file .filename{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 160px;margin-left: 4px;margin-right: 4px;}
.accordion-container .accordion-bottom .file-list .btn-file .ic-file{display: block;width: 24px;height: 24px;background: url("../../investorrelations/common/assets/images/ic_file.svg") no-repeat center/24px}
.accordion-container .accordion-bottom .file-list .btn-file .ic-download-1px{display: block;width: 20px;height: 20px;background: url("../../investorrelations/common/assets/images/ic_download-1px.svg") no-repeat center/20px}
.accordion-container .table-box{padding: 0;}


@media screen and (max-width: 1280px){
    .accordion-container:not(:last-child){margin-bottom: 48px}
    .accordion-container .title-box{padding: 0 15px;padding-bottom: 16px}
    .accordion-container .title-box .title{padding: 0;font-size:18px;line-height:28px;}
    .accordion-container .btn-show-all{font-size: 14px;font-family:'HyundaiKRMedium';color: #002C5F;line-height: 20px}
    .accordion-container .btn-show-all:after{width: 18px;height: 18px}
    .accordion-container .accordion-top .accordion-top-left{padding: 20px 0 20px 15px;font-size: 16px;color: #000000;line-height: 24px}
    .accordion-container .accordion-top .btn-toggle{width: 54px;height: 64px;padding: 0 15px}
    .accordion-container .accordion-bottom .accordion-bottom-box{padding: 24px 15px}
    .accordion-container .accordion-bottom .content{font-size: 14px;color: #000000;line-height: 20px}
}
@media screen and (max-width: 1024px){
    .accordion-container .accordion-top .file:after{margin: 0 8px}
}
@media screen and (max-width: 768px){
    .accordion-container .accordion-bottom .file-list{display: block}
    .accordion-container .accordion-bottom .file-list .btn-file{margin: 0;margin-bottom: 8px;font-size: 12px;color: #000000;line-height: 16px}
    .accordion-container .accordion-bottom .file-list .btn-file .ic-pdf, 
    .accordion-container .accordion-bottom .file-list .btn-file .ic-download-1px{width: 18px;height: 18px;background-size: 18px 18px}
}