@charset "utf-8";


body { background:linear-gradient(90deg, #00dbe7, #00dbe7, #22273d, #232339); }
/* montserrat-300 - latin */
@font-face {
  font-family:'Montserrat'; font-weight:300;
  src:url('/fonts/montserrat-v15-latin-300.eot'); /* IE9 Compat Modes */
  src:url('/fonts/montserrat-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('/fonts/montserrat-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
      url('/fonts/montserrat-v15-latin-300.woff') format('woff'), /* Modern Browsers */
      url('/fonts/montserrat-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
      url('/fonts/montserrat-v15-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family:'Montserrat'; font-weight:400;
  src:url('/fonts/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src:url('/fonts/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('/fonts/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
      url('/fonts/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
      url('/fonts/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
      url('/fonts/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family:'Montserrat'; font-weight:700;
  src:url('/fonts/montserrat-v15-latin-700.eot'); /* IE9 Compat Modes */
  src:url('/fonts/montserrat-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('/fonts/montserrat-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
      url('/fonts/montserrat-v15-latin-700.woff') format('woff'), /* Modern Browsers */
      url('/fonts/montserrat-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
      url('/fonts/montserrat-v15-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

#wrap_main { width:100%; min-width:1200px; }
#wrap_main .row { width:1200px; margin:0 auto; }

#nav { width:100%; position:fixed; padding:20px 0; background-color:#fff; }
#nav .nav_titFx { display:flex; flex-direction:row; align-items:center; }
#nav .nav_titFx .logo_kcdsa { width:50%; }
#nav .nav_titFx .board_kcdsa { width:50%; }
#nav .nav_titFx .board_kcdsa button {
    width:20%; height:56px; color:#fff; background-color:#999;
    border:2px solid #999; border-radius:5px; margin-left:20px;
    font-size:20px; font-weight:bold;
    cursor:pointer; float:right;
}
#nav .board_kcdsa button:hover { color:#231916; background-color:#00aeef; border:1px solid #00aeef; }
#line01 { width:100%; height:3px; background-color:#ccc; }
#line02 {
    width:100%; height:5px;
    background: url(../img/00_main/line02.png);
    background-repeat:no-repeat;
}
#line03 {
    width:100%; height:5px;
    background: url(../img/00_main/line03.png);
    background-repeat:no-repeat;
}
#line04 { width:100%; height:3px; background-color:#ccc; margin-bottom:10px; }
#line05 { width:100%; height:3px; background-color:#ccc; margin-bottom:30px; }
#line06 { width:3px; height:50px; background-color:#ccc; margin-left:18.5px; }

#main_visual {
    width:100%; height:900px;
    background:url(../img/00_main/main_visual.png);
    background-repeat:no-repeat; background-position:center; background-size:cover;
}
/* #main_visual .main_container { float:left; } */
#main_visual .main_containerCover {
    width:100%; height:900px; margin-top:-903px;
    background-color:rgba(0, 0, 0, 0.05);
    animation-duration:6s;
    animation-name:slidein;
    animation-iteration-count:infinite;
}



@keyframes slidein {
    from { margin-left:0%; width:0%; }
    to { margin-left:0%; width:100%; }


}



#main_visual .row .main_tit { height:900px; margin-top:100px; }
#main_visual .row .main_titFx {
    height:900px; display:flex; flex-direction:row;
    justify-content:space-between; align-items:center;
}
/* #main_visual .row .main_tit .main_titFx { width:60%; } */
#main_visual .row .main_tit .main_titFx h2 { color:#fff; line-height:50px; }
#main_visual .row .main_tit .main_titFx p { color:#fff; font-size:20px; }
#main_visual .row .main_tit .main_titFx .ease_in_out { animation:motion 0.3s linear 0s infinite alternate; float:right; }



@keyframes motion {
  	0% { margin-top: 0; }
  	100% { margin-top: 10px; }


}


-webkit-@keyframes motion {
  	0% { margin-top:0; }
  	100% { margin-top:10px; }

}



.scroll a {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.scroll a:hover {
  opacity: .5;
}
#scrollDown a {
  padding-top: 60px;
}
#scrollDown a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#scrollDown a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
#scrollDown a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


#kcdsa01, #kcdsa02, #kcdsa03, #kcdsa04 { background:#232339; padding-top:80px; }
#kcdsa01 .row .bio { display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
#kcdsa01 .row .bio .bioImg { width:50%; }
#kcdsa01 .row .bio .bioTxt { width:50%; }
#kcdsa01 .row .bio .bioTxt p { font-size:22px; color:#fff; line-height:40px; }
#kcdsa01 .row .data { display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
#kcdsa01 .row .data .dataImg { width:50%; }
#kcdsa01 .row .data .dataImg img { float:right; }
#kcdsa01 .row .data .dataTxt { width:50%; }
#kcdsa01 .row .data .dataTxt p { font-size:22px; color:#fff; line-height:40px; }

#wrap_main .row .paragraph { display:flex; flex-direction: row; margin-top:40px; padding-bottom:80px; }
#wrap_main .row .paragraph .contentTit { width:20%; }
#wrap_main .row .paragraph .contentTit p { color:#fff; font-size:25px; font-weight:bold; }
#wrap_main .row .paragraph .content { width:80%; }
#wrap_main .row .paragraph .conVision { display:flex; align-items:center; }
#wrap_main .row .paragraph .content .content_txt { padding-bottom:20px; }
#wrap_main .row .paragraph .content .content_txt h3 {
    color:#fff; padding-bottom:20px; display:flex; align-items:center;
}

#kcdsa02 .row .paragraph .content .content_txt h3 .vision01 {
    float:left; background-color:#7be115;
    width:30px; height:30px; border-radius:50%;
}
#kcdsa02 .row .paragraph .content .content_txt h3 .vision02 {
    float:left; background-color:#0dca99;
    width:30px; height:30px; border-radius:50%;
}
#kcdsa02 .row .paragraph .content .content_txt h3 .vision03 {
    float:left; background-color:#4f59a9;
    width:30px; height:30px; border-radius:50%;
}
#kcdsa02 .row .paragraph .content .content_txt p { color:#fff; font-size:22px; line-height:40px; padding-bottom:50px; }
#kcdsa02 .row .paragraph .content .content_txt p:last-child { padding-bottom:0; }
#kcdsa02 .row .paragraph .content .txtVision { width:60%; padding-top:5px; }
#kcdsa02 .row .paragraph .content .imgVision { width:40%; }
#kcdsa02 .row .paragraph .content .imgVision img { float:right; }

#kcdsa04 .row .paragraph .content .content_txt { padding-top:5px; display:flex; flex-direction:row; }
#kcdsa04 .row .paragraph .content .content_txt .year {
    display:flex; flex-direction:column; width:20%;
}
#kcdsa04 .row .paragraph .content .content_txt .year .yearNum {
    font-family:'Montserrat', sans-serif; font-size:35px; color:#fff;
    display: flex; align-items: center; margin: -5px 0;
}
#kcdsa04 .row .paragraph .content .content_txt .year .yearNum .history01 {
    float:left; background-color:#7be115;
    width:40px; height:40px; border-radius:50%;
}
#kcdsa04 .row .paragraph .content .content_txt .year .yearNum .history02 {
    float:left; background-color:#0dca99;
    width:40px; height:40px; border-radius:50%;
}
#kcdsa04 .row .paragraph .content .content_txt .year_txt { display:flex; flex-direction:column; width:80%; }
#kcdsa04 .row .paragraph .content .content_txt .year_txt p { color:#fff; font-size:22px; line-height:40px; padding-bottom:40px; }
#kcdsa04 .row .paragraph .conMember {
    display:flex; flex-direction:column; flex-wrap:wrap;
    text-align:center; padding-top:10px;
}
#kcdsa04 .row .paragraph .conMember .conflex {
    display:flex; flex-direction:row; flex-wrap:wrap;
    text-align:center; justify-content:flex-start;
}
#kcdsa04 .row .paragraph .conMember .memberLogo { width:30%; margin-right:3%; }
#kcdsa04 .row .paragraph .conMember .memberLogo:last-child { margin-right:0; }
#kcdsa04 .row .paragraph .conMember .memberLogo .content_img { background-color:#fff; padding:10px; }
#kcdsa04 .row .paragraph .conMember .memberLogo .content_img img { width:175px; height:57px; }
#kcdsa04 .row .paragraph .conMember .content_txt {
    padding-top:5px;
    display:flex; flex-direction:column; justify-content:center; align-items:center;
}
#kcdsa04 .row .paragraph .conMember .content_txt p { color:#fff; }
#kcdsa04 .row .paragraph .conMember .content_txt .member {
    color:#fff; line-height:30px; font-size:20px;
}
#kcdsa04 .row .paragraph .conMember .content_txt .organization {
    color:#fff; line-height:20px; font-size:15px; font-weight:300; padding:10px 0;
}
#kcdsa04 .row .paragraph .conMember .content_txt .type {
    color:#fff; line-height:20px; font-size:15px; font-weight:300; margin-bottom:10px; width:50%; border:1px solid #fff;
}





#footer { width:100%; height:67px; font-size:16px; background-color:#262626; }
#footer .row .footer_container {
    width:100%; padding:20px 0;
    display:flex; flex-direction:row; align-items:center; justify-content:center;
}
#footer .row .footer_container p { color:#fff; }





/********************************* 반응형 적용 *********************************/

@media screen and (min-width: 360px) and (max-width: 1300px) {
    #wrap_main .row { padding:0 100px; width:100%; min-width:1200px; }
    #main_visual .row .main_tit .main_titFx .ease_in_out { display:none; }


}