.con-detail-wrap { width: 100%; display: inline-block; background-color: #F9FBFF; }
.con-detail-wrap .contain-inner { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; }
.con-detail-wrap .left_side { padding: 75px 0px 35px 0px; width: 30%; display: inline-block; position: sticky; top: 0; }
.con-detail-wrap .right_side { width: 70%; display: inline-block; border-left: 1px solid #E4E8EC; }
.con-detail-wrap .sec-title { width: 100%; display: inline-block; padding-bottom: 20px; }
.con-detail-wrap .left_side .h2 { font-size: 30px; font-weight: bold; !; width: 100%; display: inline-block; }
.con-detail-wrap .left_side .text { width: 100%; display: inline-block; }
.con-detail-wrap .left_side .text p { width: 100%; display: inline-block; font-size: 16px; font-weight: 500; color: #15212E; line-height: normal; !; }
.con-detail-wrap .list-of-contain { width: 100%; display: inline-block; padding: 0; margin: 0; }
.con-detail-wrap .list-of-contain ul { width: 100%; display: inline-block; margin: 0; padding: 0; }
.con-detail-wrap .list-of-contain ul li { margin-bottom: 12px; width: 100%; align-items: center; display: flex; flex-wrap: wrap; border-bottom: solid 1px #E4E8EC; padding-bottom: 12px; position: relative; z-index: 1; }
.con-detail-wrap .list-of-contain ul li:last-child { margin-bottom: 0; }
.con-detail-wrap .list-of-contain ul li a { width: calc(100% - 32px); display: inline-block; color: #15212E; font-size: 14px; font-weight: 500; line-height: 18px; margin: 0; transition: 0.3s ease-in-out; }
.con-detail-wrap .list-of-contain ul li a:hover { color: #3290CE; }
.con-detail-wrap .list-of-contain ul li a i { width: auto; display: inline-block; position: absolute; top: 2px; left: calc(100%  - 25px); opacity: 0; transition: 0.3s ease-in-out; }
.con-detail-wrap .list-of-contain ul li a:hover i { opacity: 1; }
.con-detail-wrap .right_side .contain { width: 100%; display: inline-block; vertical-align: top; padding: 26px 0 48px 48px; border-bottom: 1px solid #E4E8EC; }
.con-detail-wrap .right_side .contain .h2 { color: #15212E; font-size: 30px; font-weight: 500; line-height: normal; width: 100%; display: inline-block; }
.con-detail-wrap .right_side .image { width: 100%; display: inline-block; vertical-align: top; line-height: 0; transition: transform .85s cubic-bezier(.15, .95, .4, 1), box-shadow .3s; }
.con-detail-wrap .right_side .image img { width: 100%; display: inline-block; object-fit: cover; object-position: center; height: 420px; border-radius: 12px; }
.con-detail-wrap .right_side .image:hover { transform: translateY(-3px); }

.con-detail-wrap .right_side .text { width: 100%; display: inline-block; padding: 10px 0 30px 0; text-align: left; color: #303841; font-size: 16px; font-weight: 500; line-height: 22px; }
.con-detail-wrap .right_side .text p { text-align: left; color: #303841; font-size: 16px; font-weight: 500; line-height: 22px; width: 100%; display: inline-block; }
.con-detail-wrap .right_side .text p a { width: auto; display: inline-block; color: #5b7bfb; transition: all .3s; }
.con-detail-wrap .right_side .text p a:hover { color: #181b31; }
.con-detail-wrap .right_side .text ul { width: 100%; display: inline-block; margin-bottom: 10px; }
.con-detail-wrap .right_side .text ul li { width: 100%; margin: 3px 0; text-align: left; color: #303841; font-size: 16px; font-weight: 500; line-height: 22px; }
.con-detail-wrap .right_side .contain:first-child { padding-top: 48px; }
.con-detail-wrap .right_side .image a { width: 100%; display: inline-block; }

@media(max-width:1199px){
  .con-detail-wrap .right_side .image img { height: 340px; }
  .con-detail-wrap .list-of-contain ul li { margin-bottom: 8px; padding-bottom: 8px; }
  .con-detail-wrap .right_side .contain .h2 { font-size: 26px; }
  .con-detail-wrap .right_side .contain { padding: 26px 0 26px 26px; }
}

@media(max-width:991px){
  .con-detail-wrap .contain-inner { flex-wrap: wrap; }
  .con-detail-wrap .left_side { width: 100%; position: unset; padding-bottom: 0; }
  .con-detail-wrap .right_side { width: 100%; border: none; }
  .con-detail-wrap .sec-title { text-align: center; }
  .con-detail-wrap .list-of-contain ul li { margin-bottom: 12px; padding-bottom: 12px; }
  .con-detail-wrap .right_side .contain { padding: 24px 0  24px 0; text-align: center; }
  .con-detail-wrap .right_side .contain .h2, .con-detail-wrap .right_side .text, .con-detail-wrap .right_side .text p, .con-detail-wrap .right_side .text * { text-align: center; }
  .con-detail-wrap { padding-bottom: 24px; }
  .con-detail-wrap .right_side .contain:last-child { border: none; }
}

@media(max-width:767px){
  .con-detail-wrap .left_side .h2 { font-size: 24px; }
  .con-detail-wrap .right_side .contain .h2 { font-size: 20px; }
  .con-detail-wrap .right_side .text { padding: 6px 0 16px 0; }
  .con-detail-wrap .right_side .image img { height: auto; max-height: 400px; }
  .con-detail-wrap .left_side { padding-top: 40px; }
  .con-detail-wrap .right_side .contain:first-child { padding-top: 32px; }
}