@import url('sub.css');



/* leadership */
.leadership_cont .t_box {margin-bottom:40px}
.leadership_cont .t_box p.fs20 {margin-bottom:15px}
.leadership_cont ul {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:30px;}
.leadership_cont ul li {background: var(--sub); border-radius: var(--borderR10); transition:all 0.3s linear;}
.leadership_cont ul li a {display:block;   text-align:center;  color: var(--white); padding:60px 30px; }
.leadership_cont ul li a i {display:block; transition:all 0.3s linear; font-style:normal; margin-bottom:18px}
.leadership_cont ul li:hover{background: var(--main);}
.leadership_cont ul li:hover a i {transform:translateY(-15px);}

/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){
.leadership_cont .t_box br {display:none}
}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){
.leadership_cont ul {grid-gap:15px;}
}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){
/* 쿠키셋팅 */
.preferences {padding:40px 25px}
.preferences ul li {padding-left:8px}
.preferences ul li::before {top:9px; width:2px; height:2px}
.preferences h2 {padding-bottom:15px}
.preferences .border_box {padding-bottom:20px}
.preferences .agree .checkbox_wrap .custom_checkbox {width:17px; height:17px;}
.preferences .agree .checkbox_wrap .custom_checkbox::before {width:9px; height:9px}
.preferences .btn_box {margin-top:20px}

/* leadership */
.leadership_cont .t_box p.fs20 {margin-bottom:10px}
.leadership_cont .t_box {margin-bottom:30px}
.leadership_cont ul {grid-template-columns: repeat(2, 1fr);}
.leadership_cont ul li a{padding:40px 20px;}
}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){
.leadership_cont ul li a img {max-height:60px}
.leadership_cont ul {grid-gap:10px;}
.leadership_cont ul li i {margin-bottom:12px;}
}