/* webfont */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
a {
  text-decoration: none;
}
/* Default Css */
* { padding: 0px; margin: 0px; }
body {
   width:100%;
   font-family: 'Nanum Gothic', dotum; 
   background-color: #2D383E;
   -webkit-text-size-adjust: none; 
}
li {list-style:none;}

/* layout css */
#container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.main_img {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e6e6e6;
}
.top_img {
  display:flex;
  justify-content: center;
  align-items: center;
  width:100%;
  background: linear-gradient(-70deg,#ffe100 50%,#eb6877 50%);
}
.top_img li {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 130px;
}
.top_img li:first-child {
  width:50%;
}
.top_img li:last-child {
  width:50%;
}
.main_img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.i_text {
  color:#fff;
  width:100%;
  font-size: 2rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  background:linear-gradient(to right, #ff72a3,#ff9482,#ff918a);
}
.i_text p {
  padding-top:10px;
  font-size:1.2rem;
}
.i_text li {
  padding:50px 0;
  background: url('./image/phone.png') no-repeat;
  background-position: right top;
}
.i_text a {
  color:#fff;
}
.girl img {
  width:100%;
  display: block;
}
.free img {
  width:100%;
  display: block;
}
.i_text2 {
  width: 100%;
  object-fit: contain;
  background: url('./image/i_text2.png') no-repeat;
  color: #fff;
  display: flex;
  justify-content: center;
  text-align: center;
}
.i_text2 li {
  margin-top:150px;
}
.i_text2 p {
  font-size: 4.5rem;
  line-height: 7rem;
  font-weight: 600;
  text-align: center;
  border:3px solid #fff;
  padding:100px;
  margin-top:40px;
  letter-spacing: 3;
}
.i_text2 h2 {
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
}
.i_text2 .loc {
  font-size: 1.7rem;
  font-weight: 600;
  text-align: center;
  padding:100px 0;
  color:#e0e0e0;
}
.i_text2 h2 span {
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
}
.process {
  padding:30px 0;
  background-color: #eb6877;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kakao {
  padding:30px 0;
  background-color:#eccd38;
  display: flex;
  align-items: center;
  justify-content: center;
}
.iwm_03 {
  padding:30px 0 0 0;
  background-color: #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.iwm_03 img {
  width: 100%;
}
.info {
  background-color:#63374b;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.info li {
  text-align: center;
  padding:20px 50px;
}
.info a {
  font-weight: 700;
  color: #fff;
  font-size:1.5em;
}
.info a:hover a:link {
  text-decoration: none;
}
.youtube {
  width: 100%;
  object-fit: contain;
  background-image: url('./image/youtube.png');
  display: flex;
  justify-content: center;
  align-items:center;
  flex-direction: column;
  color: #fff;
  font-size: 2.5rem;
  font-weight: 600;
  padding:100px 0;
}
.youtube iframe {
  width:1000px;
  height:600px;
  padding-top:50px;
}
.youtube span {
  color:#ffe100;
  text-emphasis-style: dot;
  text-emphasis-position: over left;
  -webkit-text-emphasis-style: dot;
  -webkit-text-emphasis-position: over;
}
.d_img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.d_img img {
  width: 100%;
}
.footer {
  display: flex;
  align-items: center;
  justify-content: center;
  color:#fff;
  padding:50px 0;
  width: 1300px;
}
.footer li:nth-child(1) {
  width:35%;
  padding-left:150px;
  text-align: center;
}
.footer li:nth-child(1) span {
font-size: 2rem;
}
.footer li:nth-child(1) span {
  font-size: 2rem;
}
.footer li:nth-child(1) p {
  font-size: 0.7rem;
  padding-top:5px;
}
.footer li:nth-child(2) {
  width:75%;
}

.text-stroke {
  -moz-text-stroke: 1px #fff;
  -webkit-text-stroke: 1px #fff
}
.icon_kakao img {
  position: fixed;
  max-width:130px;
  bottom:20px;
  right:20px;
  box-shadow: 0px 0px 20px 0px #191919;
  border-radius: 20px;
}

@media screen and (max-width:500px) {
  /* .top_img {
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width:100%;
    height:140px;
    background: linear-gradient(#ffe100 50%,#eb6877 50%);
  }
  .top_img li:first-child {
    width:100%;
  }
  .top_img li:last-child {
    width:100%;
  } */
  .free img {
    width:100%;
    display: block;
  }
  .youtube {
    font-size: 1.5rem;
    font-weight: 600;
    padding:50px 0;
  }
  .youtube iframe {
    width:330px;
    height:300px;
    padding-top:50px;
  }
  .i_text {
    font-size: 0.6rem;
  }
  .i_text h2 a {
    color:#fff;
  }
  .i_text p {
    font-size:0.5rem;
  }
  .i_text li {
    padding:20px 0;
    background: url('./image/phone_small.png') no-repeat 0px 0px;
    background-position: right top;
  }
  .i_text2 {
    padding:10px;
  }
  .i_text2 p {
    font-size:1.5rem;
    line-height: 1.2;
    padding:30px;
    letter-spacing: -0.9;
  }
  .i_text2 h2 {
    font-size:1.5rem;
  }
  .i_text2 h2 span {
    font-size:0.7rem;
  }
  .i_text2 li {
    margin-top:50px;
  }
  .i_text2 .loc {
    font-size:0.8rem;
    padding:40px 0;
  }
  .info li {
    padding:20px 20px;
  }
  .d_img img {
    width:100%;
  }
  .info a {
    font-size: 0.8rem;
  }

  .footer {
    display: flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    padding:50px 0;
    width:100%;
  }
  .footer li:nth-child(1) {
    width:35%;
    text-align: center;
    padding:0;
  }
  .footer li:nth-child(1) span {
  font-size: 1rem;
  }
  .footer li:nth-child(1) p {
    font-size: 0.3rem;
    padding-top:5px;
  }
  .footer li:nth-child(2) {
    width:75%;
    font-size: 0.3rem;
  }
}