/*********** List *************/
.partner_list{display: flex; flex-direction: column; gap:20px;}
.partner_list .list{position: relative; box-sizing:border-box; border:1px solid var(--border); transition:border-color 0.25s ease, box-shadow 0.25s ease;}
.partner_list .list:hover{border-color:var(--main); box-shadow:0 8px 24px rgba(0,0,0,0.06);}
.partner_list .list .checkbox{display: inline-block; position: absolute; left: 5px; top:5px; z-index: 5;}
.partner_list .list a{display: flex; position: relative; z-index: 2;}
.partner_list .list a .thumb{width: 375px; aspect-ratio:3/1.9; overflow: hidden;}
.partner_list .list a .thumb img{display: block; width: 100%; height: 100%; object-fit:contain; transition:transform 0.35s ease;}
.partner_list .list:hover a .thumb img{transform:scale(1.04);}
.partner_list .list a .desc{width: calc(100% - 375px); padding: 30px; box-sizing:border-box; display: flex; justify-content: center; flex-direction: column; gap:15px;}
.partner_list .list a .desc h4{font-size:1.222rem; font-family: var(--eng); font-weight: 600; color:var(--black); line-height: 140%; letter-spacing: var(--letter-spacing-default); transition:color 0.25s ease;}
.partner_list .list:hover a .desc h4{color:var(--main);}
.partner_list .list a .desc ul{display: flex; flex-direction: column; gap:6px;}
.partner_list .list a .desc ul li{font-size:0.889rem; letter-spacing: var(--letter-spacing-default); line-height: 160%; padding-left: 74px; box-sizing:border-box; position: relative;}
.partner_list .list a .desc ul li b{font-weight: 600; color:var(--black); position: absolute; left: 0; top:0;}







/*******************************************************************************
    @media  ~980px              
*******************************************************************************/
@media all and (max-width:980px){


/*********** List *************/
.partner_list{gap:10px;}
.partner_list .list a .thumb{width: 35%;}
.partner_list .list a .desc{width: 65%; padding:30px 25px; gap:10px;}



}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/*********** List *************/
.partner_list{gap:5px;}
.partner_list .list a{flex-wrap:wrap;}
.partner_list .list a .thumb{width: 100%;}
.partner_list .list a .desc{width: 100%; padding:25px 20px;  gap:6px;}
.partner_list .list a .desc ul{gap:4px;}
.partner_list .list a .desc ul li{padding-left: 60px;}




}