.kcx_li01{display: flex; justify-content: space-between; align-items: center; background-color: #EEEEEE; margin-bottom: 26px;} .kcx_li01 .lifons{width: 50%;} .kcx_li01 .lifons .fonspa{padding: 30px 10%;} .kcx_li01 .lifons .fonspa .fons01{font-size: 24px; color: #333; font-weight: bold; margin-bottom: 15px; line-height: normal;} .kcx_li01 .lifons .fonspa .fons02{width: 30px; height: 5px; display: block; background-color: #F8BC2A; margin-bottom: 15px;} .kcx_li01 .lifons .fonspa .fons03{font-size: 32px; font-weight: bold; color: #060065; margin-bottom: 40px; line-height: normal;} .kcx_li01 .lifons .fonspa .fons04{ font-size: 16px; text-align: justify;} .kcx_li01 .lifons .fonspa .fons04 strong{font-size: 20px;} .kcx_li01 .litu{width: 50%;} .kcx_li01 .litu img{width: 100%;} @media screen and (max-width:1450px){ } @media screen and (max-width:1200px){ .kcx_li01 .lifons .fonspa{padding: 40px 5% 0 5%;} } @media screen and (max-width: 960px){ .kcx_li01 .lifons .fonspa{padding: 20px 5% 0 5%;} } @media screen and (max-width: 768px){ .kcx_li01{flex-direction: column;} .kcx_li01 .lifons{width: 100%;} .kcx_li01 .lifons .fonspa{padding:20px 5%;} .kcx_li01 .lifons .fonspa .fons01{font-size: 18px;} .kcx_li01 .lifons .fonspa .fons03{font-size: 24px; margin-bottom: 20px; line-height: normal;} .kcx_li01 .lifons .fonspa .fons04{ font-size: 14px;} .kcx_li01 .lifons .fonspa .fons04 strong{ font-size: 16px;} .kcx_li01 .litu{width: 100%;} .kcx_li02{flex-direction: column-reverse;} } @media screen and (max-width: 326px){ }