@charset "UTF-8";

#container.kgs_contents {position:relative; margin-top:86px; margin-bottom:-100px; background: linear-gradient(90deg, #FEE9EF 0.86%, #F1EAFE 100%); }
.kgs_contents .bottom_bg {width:100%;  padding-bottom:190px; background-image: url('../img/common/bg_bottom_icon.png'); background-position: 0px calc(100% - 30px); background-repeat: repeat-x; animation: scroll-bg 100s linear infinite;}
@keyframes scroll-bg {
  from {
    background-position: 0px calc(100% - 30px);
  }
  to {
    background-position: -2260px calc(100% - 30px);
  }
}
.kgs_contents h2 {position:absolute; top:-26px; left:0; width:100%; font-size:46px; font-weight:800; text-align: center; color:#000;}
.kgs_contents .inner {position: relative; max-width:1440px; padding:0 40px; margin:0 auto;}
.kgs_contents .inner .deco {position:absolute; top:-26px; right:-40px;}
.kgs_contents .inner .title {z-index:10; position:relative; color: #1A1A1A; font-size: 30px; font-weight: 400; line-height: 42px; padding-top:116px; padding-right:450px;}
.kgs_contents .inner .title .point {color:#F0386C; font-weight: 700;}
.kgs_contents .inner .info {z-index:10; position:relative; color:#000; font-size:20px; line-height:32px; margin-top:30px; padding-right:450px;}
.kgs_contents .inner .info_box {display:flex; padding:40px 70px; margin-top:60px; background-color: #fff;}
.kgs_contents .inner .info_box .col {width:50%; padding-right:60px}
.kgs_contents .inner .info_box .col + .col {padding-left: 60px; padding-right:0; border-left:2px solid #e5e5e5;}
.kgs_contents .inner .info_box dl {display: flex; align-items: flex-start;}
.kgs_contents .inner .info_box dl + dl {margin-top:24px;}
.kgs_contents .inner .info_box dl dt {min-width:130px; color:#1A1A1A; font-size:18px; line-height:24px; font-weight: 700;}
.kgs_contents .inner .info_box dl dd {width:100%; color:#1A1A1A; font-size:18px; line-height:24px; font-weight: 400;}
.kgs_contents .inner .btn_site {display:flex; align-items: center; gap:20px; margin-top:20px;}
.kgs_contents .inner .btn_site a {display:flex; align-items: center; width:100%; height:56px; color:#fff; font-size:16px; padding:0 16px; background-color: #333; background-position: calc(100% - 8px) 50%; background-size: 48px; background-repeat: no-repeat;}
.kgs_contents .inner .btn_site .btn_insar {background-image: url('../img/kgs/icon_instar.svg');}
.kgs_contents .inner .btn_site .btn_fb {background-image: url('../img/kgs/icon_fb.svg');}
.kgs_contents .inner .btn_site .btn_youtube {background-image: url('../img/kgs/icon_youtube.svg');}
.kgs_contents .inner .btn_site .btn_vkc {background-image: url('../img/kgs/icon_vkc.svg');}

@media(max-width:1100px) {
  .kgs_contents .inner .deco {width:400px; right:0; top:46px;}
  .kgs_contents .inner .title {padding-right:350px;}
  .kgs_contents .inner .info {padding-right:350px;}
  .kgs_contents .inner .info_box {display: block; margin-top:40px; padding:40px 50px;}
  .kgs_contents .inner .info_box .col {width: 100%; padding:0;}
  .kgs_contents .inner .info_box .col + .col {padding:0; border:0; margin-top:24px;}
}

@media(max-width:960px) {
  #container.kgs_contents {margin-bottom:-60px}
  .kgs_contents h2 {top:-50px; font-size:34px;}
  .kgs_contents .inner {padding:35px 20px 0;}
  .kgs_contents .bottom_bg {padding-bottom:115px; background-position: 0px calc(100% - 12px)}
  .kgs_contents .inner .deco {position:relative; top:0; display:block; width:100%; max-width:300px; padding:0 10px; margin: 0 auto;}
  .kgs_contents .inner .title {font-size:18px; line-height:25px; padding-right:0; padding-top:24px;}
  .kgs_contents .inner .info {font-size:18px; line-height:25px; padding-right:0; margin-top:24px;}
  .kgs_contents .inner .info_box  {margin-top:20px; padding:20px;}
  .kgs_contents .inner .info_box dl {flex-direction: column;}
  .kgs_contents .inner .info_box dl + dl {margin-top:20px;}
  .kgs_contents .inner .info_box dl dt {font-size:15px;}
  .kgs_contents .inner .info_box dl dd {font-size:15px;}
  .kgs_contents .inner .btn_site {flex-direction: column; gap:4px; margin-top:4px;}
}