@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard.css');
:root{
	--primary-font: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	--secondary-font: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

.sec3-content{width:42.452%}
.sec3-img{width:50.35%}
.hero-section{background:url(../img/bg-welcome.png) no-repeat left center/cover}
.list-group-icon{width:65px}
.list-group-item .list-group-icon+span{width:calc(100% - 85px);padding-left:20px}
.hero-img .hero-thumb{position: absolute;top: 0; right: 0; width: 67.1875%;}
.hero-section{padding-bottom:23.44vw}
.list-group-custom li{
	padding-left: 45px;
	position: relative
}
.list-group-custom li:before{
	content: "";
	background:url('../img/icon_check.svg') no-repeat center/contain;
	width:26px;
	height:26px;
	position:absolute;
	top:50%;
	left:0;
	transform:translatey(-50%)
}
.download-button img{height:56px}
.image-box{padding: 45px 35px;height:100%}
.p-sec{
background:url('../img/bg-gradient.png') no-repeat center/cover
}
.p-sec__inner{
	max-width: 1170px;
  margin: 0 auto;
	padding: 0 15px;
	box-sizing: content-box;
	display: flex;
	align-items: center;
	flex-wrap: wrap
}
.p-sec__img{
	width:57.77%
}
.p-sec__content{
	width:41.452%
}
.p-sec__content h2, .p-sec__content p{
	color: #fff
}
.p-sec__content p{font-size:24px}

@media screen and (max-width:849px){
  .hero-img{
    width: 100%;
    padding: 0
  }
  .hero-img .hero-thumb{
    position: static;
    width: 100%
  }
  .sec3-content,.sec3-img,.p-sec__img,.p-sec__content{
    width: 100%;
  }
  .p-sec__img{
    order: 1
  }
  .p-sec__content{
    order: 0
  }
  .download-button a{
    width: calc((100% - 0.5em)/2)
  }
  .download-button img{
    max-width: 100%;
    height: auto;
  }
  section{
    padding: 50px 0
  }
}

:root{
	--h2-size: 1.5rem;
	--primary-color: #61CE70
}
h1{
	margin: 1.5rem 0;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
    word-wrap: break-word;
	text-align: center;
	position: relative
}
h1:after{
	position: absolute;
	content: "";
	height: 3px;
	width: 50px;
	background-color: #61CE70;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
}