/****************************************
# 241105 서류다운로드
****************************************/
.form_down .cs_finish_box .info_box{margin: 0px 0 10px 0}

.box_list{display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}
.box_list li a{display:flex; justify-content: space-between; align-items: center; width:100%; height:100%; padding:15px;}
.box_list li{width: 100%; border:1px solid #dce1f4; margin-bottom: 10px; border-radius: 7px; transition: all 0.3s;}
.box_list li:hover,
.box_list li:active,
.box_list li:focus{border-color:#f1516c;}
.box_list li .txt_box{width:calc(100% - 40px);}
.box_list li:hover .title,
.box_list li:active .title,
.box_list li:focus .title{color:#f1516c;}
.box_list li .requir{font-size: 12px; color:#8a8e96; font-weight: 400}
.box_list li .down_img img{width: 20px;}
.box_list li .down_img img.hover{display: none;}
.box_list li:hover .down_img img.hover{display: inline-block;}
.box_list li:hover .down_img img.basic{display: none;}
.box_list li .title{font-size:14px;}

.box_list2{margin-bottom:30px; border-bottom:1px solid #e0e2e8}
.box_list2 li .item{display: flex; justify-content: space-between; align-items: center; padding: 15px; border-top: 1px solid #9199b1; background-color: #fafbff;}
.box_list2 li .item .title{font-size: 16px;}
.box_list2 li .item .down_img img{width: 20px; display:block;}
.box_list2 li .item .down_img img.hover{display: none;}
.box_list2 li .item .down_img:hover img.hover{display: block;}
.box_list2 li .item .down_img:hover img.basic{display: none;}
.box_list2 .sample{display: flex; flex-wrap: wrap; border-top: 1px solid #f2f5fc; padding: 15px; justify-content: space-between;}
.box_list2 .sample .ex_txt{width: 100%; padding-top: 5px; font-weight:400; color:#545454}
.box_list2 .btns {display: flex; flex-wrap: wrap; margin-top: 8px;}
.box_list2 .btns a{display: block; background:#545454; color:#fff; border-radius: 50px; margin-right: 8px; padding: 4px 15px; font-size: 13px; margin-bottom: 5px;}
.box_list2 .btns a:last-child{margin-right: 0;}
.box_list2 .btns a:hover{background:#f1516c; }

@media (min-width: 600px) {
    .box_list li{width: calc(100%/2 - 5px); margin-bottom:10px; height: 80px;}
    .box_list li a{padding:20px;}

    .box_list2{display: flex; border-top: 1px solid #9199b1;}
    .box_list2 li{width: 50%}
    .box_list2 li .item{border:none;}
    .box_list2 .sample{border-bottom:none; margin-bottom: 0;}
    .box_list2 .sample .ex_txt{padding-top: 3px;}
    .box_list2 li:last-child{border-left: 1px dashed #e0e2e8;}
}

@media (min-width: 1100px) {
    .box_list li{width: calc(100%/3 - 7px); margin-bottom:11px; height: 100px;}
    .box_list li a{padding:25px;}
    .box_list li .title{font-size: 16px;}
    .box_list li .requir{font-size: 14px;}
}