@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanslao.css);

html,
body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	background: #ffffff;
}

body {
	overflow-x: hidden;
}

img {
	display: block;
	padding: 0;
	margin: 0;
}

ul,
li,
div {
	padding: 0;
	margin: 0
}

li {
	list-style: none;
}

a {cursor:pointer;}
.content-center {
	width: 1170px;
	padding-top: 10px;
	margin: 0 auto;
	text-align: center;
}

#content {
	position: relative;
	text-align: center;
	margin: 0 auto;
	height: 1346px;
}


#content img {
	position: absolute;
	top: 0;
}

#content .active {
	z-index: 1;
	opacity: 1;
}


.btn {
	width: 674px;
	text-align: center;
	margin: 0 auto;
	padding: 110px 0 100px 0;
}

.btn :hover {
	opacity: 0.9
}


.sub_bg {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.video {
	margin: 0 auto;
	text-align: center;
	width: 1024px;
	height: 580px;
}

.video2 {
	margin: 0 auto;
	text-align: center;
}

.mov_title {
	padding-top: 20px
}

.search {
	width: 1170px;
	margin: 0 auto;
	float: left;
}

.search a {
	text-decoration: none;
	cursor: pointer;
}

.search-btn:hover {
	background: #333;
	box-shadow: 0 0;
}

.search-btn {
	background: #092f87;
	color: #fff;
	height: 80px;
	text-align: center;
	font-size: 21px;
	font-weight: 600;
	text-decoration: none;
	line-height: 75px;
	border-radius: 8px;
	letter-spacing: -1px;
	box-shadow: 0 5px #dbdbdb;
}

.search-padding {
	padding: 120px 0;
	width: 100%;
	margin: 0 auto;
}

.hr {
	border-bottom: 1px solid #dadada;
	padding: 0;
	margin: 0 0 130px 0;
}


.motion-wrap {
  overflow: hidden; /* 화면 밖 숨김 */
	position: absolute;
	top:0;
	z-index: 10;
}

.btn-padding{
	margin: 20px 0;
}


.motion-in {
  transform: translateX(350px) scale(0.2);
  opacity: 0;
  animation: slideScaleIn 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

	@keyframes slideScaleIn {
	  to {
		transform: translateX(0) scale(1);
		opacity: 1;
	  }
	}

.btn-coupon {
	text-align: center;
	margin: 0 auto;
}
.btn-coupon img{		
	width: 560px;
	text-align: center;
	margin: 0 auto;
}

.copy-toast {
  /*position: fixed;
  bottom: 50%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);*/
  color: #fff;
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 17px;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 999999 !important;
}

.copy-toast {
  opacity: 1 !important;
}

.copy-toast.show {
  opacity: 1;
  font-size: 17px;
	
}
.dc-text{
	margin-top: 30px;
	font-size: 22px;
	line-height: 0.8;
	color: #7C7C7C;
	position: relative;
	top:55px;
}

.dc-text .p{
	font-size: 38px;
	font-weight: 700;
	color: #333;
}

.dc-text .blue{
	font-size: 39px;
	color: #1330c9;
}


@media all and (max-width: 710px) {
	img{ width:100%;}
	.content-center {
		width:100%;
	}
	#content {
		display:inherit;
		height:auto;
		padding-bottom: 400px;
		overflow: hidden;
	}

	.btn {
		max-width: 80%;
		padding: 30px 0 20px 0;
	}
	.btn-coupon img{
		width: 70%;
	}
	.dc-text{
		margin-top: 20px;
		font-size: 12px;
		top:5px;
	}

	.dc-text .p{
		font-size: 16px;
		font-weight: 700;
		color: #333;
	}

	.dc-text .blue{
		font-size: 17px;
		color: #1330c9;
	}

}