.cms_dd_section,
.cms_dd_introBox,
.cms_dd_box,
.cms_dd_lst { display: flex; flex-direction: column; }
.cms_dd_section { gap: 50px; }
.cms_dd_introBox { gap: 15px; }
.cms_dd_box { gap: 30px; }
.cms_dd_file { cursor: pointer; position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 15px; width: 100%; padding: 17px 44px 17px 0; border-bottom: 1px solid var(--primary); }
.cms_dd_lst > .cms_dd_file:first-of-type { padding: 0 44px 17px 0; }
.cms_dd_file_name { display: flex; align-items: center; gap: 15px; }
.cms_dd_file_icon1 { width: 15px; height: 19px; }
.cms_dd_file_icon1 > svg { display: flex; width: 15px; height: 19px; }
.cms_dd_file_icon1 > svg path { stroke: var(--primary); transition: var(--transition); }
.cms_dd_file:hover .cms_dd_file_icon1 > svg path { stroke: var(--secondary); }
.cms_dd_file_name > span { font-weight: 500; transition: var(--transition); }
.cms_dd_file:hover .cms_dd_file_name > span { color: var(--secondary); }
.cms_dd_file_size { font-weight: 400; font-size: 14px; line-height: 20px; transition: var(--transition); }
.cms_dd_file:hover .cms_dd_file_size { color: var(--secondary); }
.cms_dd_file_icon2 { position: absolute; z-index: 1; top: 50%; right: 13px; transform: translateY(-50%); width: 16px; height: 18px; }
.cms_dd_file_icon2 > svg { display: flex; width: 16px; height: 18px; }
.cms_dd_file_icon2 > svg path { stroke: var(--secondary); }
@media screen and (max-width: 640px) { .cms_dd_file { flex-direction: column; align-items: flex-start; } }