.kcx_li01{display: block; justify-content: space-between; align-items: stretch;flex-wrap: wrap;} .kcx_li01 .libk{width: 100%; background-color: #EDEDED; margin-bottom: 30px;} .kcx_li01 .libk .libkpa{padding: 40px 20px 40px 40px;} .kcx_li01 .libk .libkpa .titles{font-size: 24px; font-weight: bold; color: #060065; margin-bottom: 30px;} .kcx_li01 .libk .libkpa .neiheight{height: auto;} .kcx_li01 .libk .libkpa .neiheight2{height: auto;} .kcx_li01 .libk .libkpa .neiheight3{height: auto;} .kcx_lists{position: relative; display: flex; justify-content: space-between; align-items: center; border-bottom:2px #CECECE dashed; padding: 15px 0;} .kcx_lists .lfonw{width: calc(100% - 60px); font-size: 18px;} .kcx_lists .rneiw{display: flex;justify-content: right; align-items: center;} .kcx_lists .rneiw a{display: block; width: 25px; height: 25px; margin-left: 15px;} .kcx_lists .rneiw .icon01{background: url(/statics/gaiban/2024kcx/images/dee_icon8a.png) no-repeat center center;} .kcx_lists .rneiw .icon01:hover{background: url(/statics/gaiban/2024kcx/images/dee_icon8h.png) no-repeat center center;} .kcx_lists .rneiw .icon02{background: url(/statics/gaiban/2024kcx/images/dee_icon9a.png) no-repeat center center;} .kcx_lists .rneiw .icon02:hover{background: url(/statics/gaiban/2024kcx/images/dee_icon9h.png) no-repeat center center;} .kcx_lists2{position: relative; display: flex; justify-content: space-between; align-items: center; border-bottom:2px #CECECE dashed; padding: 15px 0;} .kcx_lists2 .lfonw{width:auto; font-size: 18px;} .kcx_lists2 .rneiw{width:auto; font-size: 18px;} .swiper { width: 100%; height: 100%; } .swiper-slide { height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding:0 20px 0 0; } .kcx_weee{display: flex; justify-content: space-between; align-items: stretch; margin-bottom: 50px;} .kcx_weee .leftw{width: 360px; background: #EEEEEE;} .kcx_weee .leftw .libkpa{padding: 30px;} .kcx_weee .leftw .libkpa .titles{font-size: 24px; font-weight: bold; color: #060065; margin-bottom: 30px;} .kcx_weee .leftw .libkpa .neiheight{position: relative;height: 530px;} .kcx_weee .leftw .libkpa .neiheight .kcx_lists{position: relative;border-bottom: 1px #CECECE dashed; display: flex; justify-content: left; align-items: center; line-height: normal; cursor: pointer;} .kcx_weee .leftw .libkpa .neiheight .kcx_lists span{display: block; width: 4px; height: 20px; margin-right: 6px; background-color: transparent;} .kcx_weee .leftw .libkpa .neiheight .on, .kcx_weee .leftw .libkpa .neiheight .kcx_lists:hover{color: #F8BC2A;} .kcx_weee .leftw .libkpa .neiheight .on span, .kcx_weee .leftw .libkpa .neiheight .kcx_lists:hover span{background-color: #F8BC2A;} .kcx_weee .rightw{width: calc(100% - 450px); background: #EEEEEE;} .kcx_weee .rightw .libkpa{padding: 30px; display: flex; justify-content: center; align-items: center;} .kcx_weee .rightw .libkpa img{max-width: 410px; margin: 0 auto;} @media screen and (max-width:1450px){ } @media screen and (max-width:1200px){ } @media screen and (max-width: 960px){ } @media screen and (max-width: 768px){ .kcx_li01{display: block;} .kcx_li01 .libk{width: 100%;} .kcx_li01 .libk .libkpa{padding: 20px;} .kcx_weee{ display: block; } .kcx_weee .leftw{ width: 100%; } .kcx_weee .leftw .libkpa{ padding: 20px; } .kcx_weee .leftw .libkpa .neiheight{ height: 300px; } .kcx_weee .rightw{ width: 100%; } .kcx_weee .rightw .libkpa{ padding: 10px; } .kcx_weee .rightw .libkpa img{ width: 100%; } } @media screen and (max-width: 326px){ }