*{
  box-sizing: border-box;
}
main{
  position:relative;
  width:100%;
  box-sizing: border-box;
}
div.ws-intro-main--container{
  background-color:rgba(255,255,255,.2);
  position:relative;
  width:100%;
  height:100%;
  min-height:inherit;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -ms-flex-align:center;
  -ms-flex-pack: center;
}
div.ws-intro-main.back{
  width:100%;
  position:absolute;
  z-index:-1;
  background-color:#222222;
}
h2.ws-intro-main-flick--title{
  position:relative;
  margin:0px;
  font-size:24px;
  color:#222222;
  font-family:'Nanum Gothic',sans-serif;
  line-height:1.5;
  text-align:left;
}
div.ws-intro-main--container div{
  width:100%;
  position:relative;
}
div.ws-intro-main--container div div[ws-role="FLICK"]{
  width:80%;
  position:relative;
  padding:32px;
}
div.ws-intro-flick > img{
  width:100%;
  height:240px;
  object-fit: cover;
  position:relative;
}
div.ws-intro-main--container div.container__inner{
  width:100%;
  position:relative;
  height:auto;
  max-width:800px;
  margin:auto;
}
div.ws-intro-main--inner{
  position:relative;
  width:100%;
}
div.ws-intro-main--inner h1{
  color:#ffffff;
  font-size:32px;
  font-family: 'Raleway', sans-serif;
  margin:0px 0px 8px 0px;
  font-weight:900;
  line-height:1.4;
  position:relative;
  word-break: keep-all;
}
div.ws-intro-main--inner h2{
  color:#ffffff;
  font-size:17px;
  font-family: 'Raleway', sans-serif;
  margin:0px 0px 24px 0px;
  line-height:1.4;
  position:relative;
  word-break: keep-all;
}
div.ws-intro-main--inner button{
  text-transform: none;
  text-decoration: none;
  height:48px;
  font-size:18px;
}
div.ws_intro_main_box{
  width:100%;
  position:relative;
  padding:16px;
}
h2.ws_intro_main_text{
  color:#dddddd;
  line-height:1.0;
  font-size:18px;
  font-family:'Nanum Gothic', sans-serif;
  margin:0px 0px 24px 0px;
  position:relative;
}
button.ws_intro_main_button{
  color:#fff;
  font-family:'Raleway', sans-serif;
  text-transform: none;
  width:120px;
  height:48px;
  font-size:20px;
}
div.ws_intro_main_text{
  position:relative;
  width:100%;
  padding:16px;
}
div.ws_intro_main_container{
  position:relative;
  border-radius:6px;
  background-color:rgba(255,255,255,.2);
  padding:16px;
  width:100%;
  transition:all ease-out .3s;
}
div.ws_intro_main_container:hover{
  position:relative;
  background-color:rgba(255,255,255,.5);
}
div.ws_intro_header{
  position:relative;
  width:100%;
  padding:16px;
  text-align:center;
}
div.ws_intro_header > h3{
  margin:0px;
  font-size:20px;
  text-align:center;
  color:#ffffff;
}
@media screen and (min-width: 1024px) {
  h2.ws-intro-main-flick--title{
    padding-left:180px;
  }
}
@media screen and (min-width: 480px) and (max-width: 1023px) {
  h2.ws-intro-main-flick--title{
    padding-left:120px;
  }
}
@media screen and (max-width: 479px) {
  h2.ws-intro-main-flick--title{
    padding-left:16px;
  }
}