@import url("https://fonts.googleapis.com/css?family=Roboto:300,500,700&display=swap");
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*:after, *:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*::-moz-selection {
	background: #f04719;
	color: #fff;
}

*::selection {
	background: #f04719;
	color: #fff;
}

html,
body {
	min-width: 1200px;
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: none;
}

body {
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
	line-height: 1.5;
	font-weight: 400;
	overflow-x: hidden;
}

label {
	cursor: pointer;
}

code {
	display: block;
}

a:link,
a:visited {
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	text-decoration: none;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
blockquote,
big,
body,
center,
canvas,
caption,
cite,
code,
command,
datalist,
dd,
del,
details,
dfn,
dl,
div,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
keygen,
label,
legend,
li,
meter,
nav,
menu,
object,
ol,
output,
p,
pre,
progress,
q,
s,
samp,
section,
small,
span,
source,
strike,
strong,
sub,
sup,
table,
tbody,
tfoot,
thead,
th,
tr,
td,
video,
tt,
u,
ul,
var {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
th,
td,
table,
input,
button,
select,
textarea {
	font-size: 14px;
}

input,
button,
select,
textarea {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
	color: #111;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

em,
cite,
address,
optgroup {
	font-style: normal;
}

kbd,
samp,
code {
	font-family: monospace;
}

img,
input,
button,
select,
textarea {
	vertical-align: middle;
}

img {
	-ms-interpolation-mode: bicubic !important;
}

ul,
ol {
	list-style: none;
}

img,
fieldset {
	border: 0;
}

abbr,
acronym {
	border-bottom: 1px dotted black;
	cursor: help;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

legend {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}

legend,
caption {
	visibility: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

article,
aside,
audio,
canvas,
command,
datalist,
details,
embed,
figcaption,
figure,
footer,
header,
hgroup,
keygen,
meter,
nav,
output,
progress,
section,
source,
video {
	display: block;
}

mark,
rp,
rt,
ruby,
summary,
time {
	display: inline;
}

@-webkit-keyframes shake {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

@keyframes shake {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes flash {
	0% {
		background: #7940ff;
		color: #fff;
	span {
		width: 100px;
		background-color: #f60;
	}
}
25% {
	background: none;
	color: #7940ff;
}
50% {
	background: #7940ff;
	color: #fff;
}
65% {
	background: none;
	color: #7940ff;
}
}

@keyframes flash {
	0% {
		background: #7940ff;
		color: #fff;
	span {
		width: 100px;
		background-color: #f60;
	}
}
25% {
	background: none;
	color: #7940ff;
}
50% {
	background: #7940ff;
	color: #fff;
}
65% {
	background: none;
	color: #7940ff;
}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

@-webkit-keyframes flashIcon {
	0% {
		background: url(/assets/images/arrow.png) no-repeat 0 0;
	}
	25% {
		background: url(/assets/images/arrow.png) no-repeat 0 -6px;
	}
	50% {
		background: url(/assets/images/arrow.png) no-repeat 0 0;
	}
	75% {
		background: url(/assets/images/arrow.png) no-repeat 0 -6px;
	}
}

@keyframes flashIcon {
	0% {
		background: url(/assets/images/arrow.png) no-repeat 0 0;
	}
	25% {
		background: url(/assets/images/arrow.png) no-repeat 0 -6px;
	}
	50% {
		background: url(/assets/images/arrow.png) no-repeat 0 0;
	}
	75% {
		background: url(/assets/images/arrow.png) no-repeat 0 -6px;
	}
}

.flashIcon {
	-webkit-animation-name: flashIcon;
	animation-name: flashIcon;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}

@-webkit-keyframes ico-scale {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
	60% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
}

@keyframes ico-scale {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
	60% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
}

.ico-scale {
	-webkit-animation: ico-scale 0.1s cubic-bezier(0.6, -0.28, 0.735, 0.045) both;
	animation: ico-scale 0.1s cubic-bezier(0.6, -0.28, 0.735, 0.045) both;
}

@-webkit-keyframes move {
	0% {
		-webkit-transform: translate(0, 0px);
		transform: translate(0, 0px);
	}
	30% {
		-webkit-transform: translate(-980%, 0px);
		transform: translate(-980%, 0px);
	}
	60% {
		-webkit-transform: translate(0, 0px);
		transform: translate(0, 0px);
	}
	100% {
		-webkit-transform: translate(-260%, 0px);
		transform: translate(-260%, 0px);
	}
}

@keyframes move {
	0% {
		-webkit-transform: translate(0, 0px);
		transform: translate(0, 0px);
	}
	30% {
		-webkit-transform: translate(-980%, 0px);
		transform: translate(-980%, 0px);
	}
	60% {
		-webkit-transform: translate(0, 0px);
		transform: translate(0, 0px);
	}
	100% {
		-webkit-transform: translate(-260%, 0px);
		transform: translate(-260%, 0px);
	}
}

.move {
	-webkit-animation-name: move;
	animation-name: move;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}

.roboto {
	font-family: "Roboto", sans-serif;
}

@media (min-width: 1001px) {
	.pc {
		display: inline;
	}
	.mo {
		display: none;
	}
	.smart-inner {
		position: relative;
		width: 1080px;
		margin: 0 auto;
		padding: 0 10px;
	}
	.smart-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 60px;
		background: -webkit-gradient(linear, left top, right top, from(#eef2f1), to(#eff3f2));
		background: linear-gradient(to right, #eef2f1 0%, #eff3f2 100%);
		background-size: 100% 100%;
		background-position: left bottom;
		line-height: 58px;
		z-index: 100;
	}
	.smart-header:after {
		content: "";
		display: table;
		clear: both;
	}
	.smart-header__logo {
		float: left;
		font-size: 22px;
		font-weight: 700;
		color: #4a4a4a;
		word-spacing: -0.88px;
		letter-spacing: -0.88px;
	}
	.smart-header__logo img {
		position: relative;
		top: -1px;
		margin-right: -26px;
	}
	.smart-header__menu {
		float: right;
	}
	.smart-header__menu-btn > input,
	.smart-header__menu-btn > span {
		display: none;
	}
	.smart-header__menu-item {
		margin-left: 50px;
		font-size: 16px;
		color: #4a4a4a;
		word-spacing: -0.64px;
		letter-spacing: -0.64px;
	}
	.smart-header__menu-item--active {
		font-weight: 700;
	}
	.smart-subtext {
		position: relative;
		padding: 0 0 26px 0;
		font-size: 22px;
		line-height: 32px;
		color: #111;
		font-weight: 300;
		z-index: 40;
		word-spacing: -0.88px;
		letter-spacing: -0.88px;
	}
	/*.smart-section01 h2{*/
	/*	font-size:36px !important;*/
	/*}*/
	.smart-title {
		position: relative;
		font-size: 44px;
		line-height: 64px;
		color: #111;
		font-weight: 400;
		z-index: 20;
		overflow: hidden;
		word-spacing: -1.76px;
		letter-spacing: -1.76px;
	}
	.smart-title strong {
		font-weight: 500;
		color: #f04719;
	}
	.smart-title__text {
		display: inline-block;
		position: relative;
		height: 44px;
		overflow: hidden;
		line-height: 1;
	}
	.smart-title__text .bg01 {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 1000px;
		background-color: #eff3f2;
		z-index: 10;
	}
	.smart-title__text .bg02 {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 0;
		background-color: #f04719;
		z-index: 20;
	}
	.smart-title br {
		font-size: 0;
		line-height: 0;
	}
	.smart-stxt {
		position: relative;
		padding: 10px 0 0 5px;
		font-size: 16px;
		line-height: 24px;
		color: #666;
		font-weight: 300;
		z-index: 40;
		word-spacing: -0.88px;
		letter-spacing: -0.88px;
	}
	.smart-stxt li {}
	.smart-panel {
		position: relative;
		min-height: 115px;
		padding-top: 34px;
		z-index: 20;
	}
	.smart-panel__copy {
		display: none;
	}
	.smart-panel dt {
		position: relative;
		margin-left: -2px;
		font-size: 20px;
		line-height: 20px;
		font-weight: 700;
		word-spacing: -0.8px;
		letter-spacing: -0.8px;
	}
	.smart-panel dt::before {
		content: "";
		display: inline-block;
		position: relative;
		top: 3px;
		width: 31px;
		height: 35px;
		margin-right: 10px;
		background: url(/assets/images/ico_like.png) no-repeat 0 0;
	}
	.smart-panel dt a {
		display: inline-block;
		position: relative;
		top: -2px;
		margin-left: 5px;
		padding: 0 9px 0 10px;
		border: 1px solid #7940ff;
		border-radius: 11px;
		font-size: 13px;
		color: #7940ff;
		letter-spacing: 0;
		-webkit-transition: background 0.3s ease;
		transition: background 0.3s ease;
	}
	.smart-panel dt a:after {
		content: "";
		display: inline-block;
		position: relative;
		top: -3.5px;
		margin: 0 3px 0 5px;
		border: solid #7940ff;
		border-width: 0 1.5px 1.5px 0;
		padding: 2.5px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		display: none;
	}
	.smart-panel dt a span {
		content: "";
		display: inline-block;
		position: relative;
		top: -1px;
		width: 11px;
		height: 6px;
		margin-left: 7px;
		background: url(/assets/images/arrow.png) no-repeat 0 -6px;
		-webkit-transition: background 0s ease;
		transition: background 0s ease;
		-webkit-transition: -webkit-transform 0.2s ease;
		transition: -webkit-transform 0.2s ease;
		transition: transform 0.2s ease;
		transition: transform 0.2s ease, -webkit-transform 0.2s ease;
	}
    .smart-panel dt.active a span {
        background: url(/assets/images/arrow.png) no-repeat 0 -6px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        top: -2px;
    }
	.smart-panel dd {
		height: 120px;
		padding-top: 19px;
		overflow: hidden;
		-webkit-transition: height 0.3s ease;
		transition: height 0.3s ease;
	}
	.smart-panel dd.active {
		height: 230px;
	}
	.smart-panel dd ul li, .smart-stxt ul li {
		position: relative;
		padding-left: 15px;
		font-size: 16px;
		line-height: 30px;
		word-spacing: -0.64px;
		letter-spacing: -0.64px;
	}
	.smart-panel dd ul li:before, .smart-stxt ul li:before {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 5px;
		height: 5px;
		margin-top: -1.5px;
		border-radius: 100%;
		background-color: #cecece;
	}
	.smart-panel dd p {
		padding: 9px 0 0 14px;
		font-size: 16px;
		color: #858585;
		font-weight: 300;
	}
	.smart-section01 {
		background: -webkit-gradient(linear, left top, right top, from(#eef2f1), to(#eff3f2));
		background: linear-gradient(to right, #eef2f1 0%, #eff3f2 100%);
		background-size: 100% 100%;
		background-position: left bottom;
		overflow: hidden;
	}
	.smart-section01__text {
		position: relative;
		width: 110%;
		margin-left: -32px;
		padding: 26px 0 0 0;
		z-index: 20;
	}
	.smart-section01__text:after {
		content: "";
		display: table;
		clear: both;
	}
	.smart-section01__text ul:after {
		content: "";
		display: table;
		clear: both;
	}
	.smart-section01__text ul li {
		position: relative;
		float: left;
		margin-right: 24px;
		text-align: center;
		font-size: 14px;
		line-height: 19px;
		color: #353535;
		word-spacing: -0.7px;
		letter-spacing: -0.7px;
	}
	.smart-section01__text ul li p {
		padding-top: 6px;
	}
	.smart-section01__text ul li:last-child {
		margin-right: 0;
	}
	.smart-section01__obj01 {
		position: absolute;
		left: -200px;
		top: 100px;
		z-index: 10;
	}
	.smart-section01__obj01 img {
		width:560px;
	}
	.smart-section01__obj02 {
		position: absolute;
		left: 9px;
		top: 185px;
		z-index: 10;
	}
	.smart-section01__obj03 {
		position: absolute;
		left: 6px;
		top: 256px;
		z-index: 10;
	}
	.smart-section01__obj04 {
		position: absolute;
		left: -20px;
		top: 355px;
		z-index: 10;
		opacity: 0;
	}
	.smart-section01 .smart-inner {
		padding: 132px 0 0 460px;
	}
	.smart-section01 .smart-title__text {font-size:36px}
	.smart-section02 {
		height: 697px;
	}
	.smart-section02__obj01 {
		position: absolute;
		right: -75px;
		bottom: 30px;
		z-index: 10;
	}
	.smart-section02__obj01 img {
		width:540px;
	}
	.smart-section02__obj-wrap {
		position: absolute;
		right: 117px;
		bottom: 300px;
		z-index: 50;
		width: 330px;
		height: 165px;
		-webkit-perspective: 1500px;
		perspective: 1500px;
	}
	.smart-section02__obj02 {
		position: relative;
		width: 100%;
		padding: 20px 20px;
		background: #fff;
		z-index: 10;
		-webkit-transform: rotateY(-30deg) rotateX(20deg) rotateZ(2deg);
		transform: rotateY(-30deg) rotateX(20deg) rotateZ(2deg);
		-webkit-box-shadow: 12px 2px 36px 0px rgba(0, 0, 0, 0.16);
		box-shadow: 12px 2px 36px 0px rgba(0, 0, 0, 0.16);
	}
	.smart-section02__obj02 img {
		width: 100%;
	}
	.smart-section02__obj03 {
		position: absolute;
		top: 103px;
		left: 240px;
		z-index: 30;
		-webkit-transform: rotateY(-30deg) rotateX(20deg) rotateZ(2deg);
		transform: rotateY(-30deg) rotateX(20deg) rotateZ(2deg);
	}
	.smart-section02__obj03 img {
		width: 20px;
	}
	.smart-section02__obj03.active img {
		-webkit-animation-name: move;
		animation-name: move;
		-webkit-animation-duration: 2s;
		animation-duration: 2s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	.smart-section02__obj04 {
		position: absolute;
		top: 74px;
		left: 37px;
		width: 40px;
		height: 40px;
		-webkit-transform: rotateY(-30deg) rotateX(20deg) rotateZ(2deg);
		transform: rotateY(-30deg) rotateX(20deg) rotateZ(2deg);
		z-index: 30;
	}
	.smart-section02__obj04 img {
		width: 100%;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
	.smart-section02__obj04.active img {
		-webkit-animation-name: ico-scale;
		animation-name: ico-scale;
		-webkit-animation-duration: 0.8s;
		animation-duration: 0.8s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	.smart-section02__obj05 {
		position: absolute;
		top: 85px;
		right: 21px;
		width: 40px;
		height: 40px;
		-webkit-transform: rotateY(-30deg) rotateX(20deg) rotateZ(3deg);
		transform: rotateY(-30deg) rotateX(20deg) rotateZ(3deg);
		z-index: 30;
	}
	.smart-section02__obj05 img {
		width: 100%;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
	.smart-section02__obj05.active img {
		-webkit-animation-name: ico-scale;
		animation-name: ico-scale;
		-webkit-animation-duration: 0.8s;
		animation-duration: 0.8s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	.smart-section02 .smart-inner {
		height: 100%;
		padding: 203px 0 136px 0;
	}
	.smart-section02 .smart-title__text .bg01 {
		background-color: #fff;
	}
	.smart-section02 .smart-title > .smart-title__text:first-child{
		margin-bottom:10px
	}
	.smart-section02 .smart-subtext {
		margin-top:16px
	}
	.smart-section03 {
		position: relative;
		height: 700px;
		background-color: #f1f4f7;
	}
	.smart-section03__obj01 {
		position: absolute;
		left: 31px;
		bottom: 149px;
		z-index: 10;
	}
	.smart-section03__obj02 {
		position: absolute;
		left: 20px;
		bottom: 59px;
		z-index: 10;
	}
	.smart-section03__obj02 ul:after {
		content: "";
		display: table;
		clear: both;
	}
	.smart-section03__obj02 ul li {
		position: relative;
		float: left;
		width: 66px;
		height: 66px;
		margin-right: 14px;
		overflow: hidden;
	}
	.smart-section03__obj02 ul li p {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		font-size: 64px;
		font-weight: 100;
		text-align: center;
		color: #fff;
		-webkit-transform-origin: center center;
		transform-origin: center center;
		z-index: 20;
	}
	.smart-section03__obj02 ul li img {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
	}
	.smart-section03 .smart-inner {
		height: 100%;
		padding: 194px 0 141px 443px;
	}
	.smart-section04 {
		position: relative;
		height: 672px;
	}
	.smart-section04__btn {
		position: relative;
		display: inline-block;
		margin-top: 55px;
		padding: 17px 45px 17px 48px;
		background: #7940ff;
		border-radius: 35px;
		font-size: 24px;
		color: #fff;
		z-index: 20;
		word-spacing: -0.6px;
		letter-spacing: -0.6px;
	}
	.smart-section04__obj01 {
		position: absolute;
		left: 50%;
		margin-left: -990px;
		bottom: 0;
		z-index: 10;
	}
	/*.smart-section04__obj01 img {*/
	/*	width:1840px*/
	/*}*/
	.smart-section04 .smart-inner {
		height: 100%;
		padding: 114px 0 120px 0;
	}
	.smart-section04 .smart-title__text .bg01 {
		background-color: #fff;
	}
	.smart-section04 .smart-subtext {
		margin-top:20px;
		line-height: 1.7;
	}

	.smart-section05 {
		position: relative;
		padding: 87px 0 100px 0;
		background-color: #353535;
	}
	.smart-section05__text {
		padding: 35px 0 24px 0;
		color: #fff;
		font-size: 16px;
		line-height: 28px;
		font-weight: 300;
		word-spacing: -0.64px;
		letter-spacing: -0.64px;
	}
	.smart-section05__text h3 {
		display: block;
		margin-bottom: 12px;
		font-size: 20px;
		font-weight: 400;
		word-spacing: -0.5px;
		letter-spacing: -0.5px;
	}
	.smart-section05__text strong {
		display: inline-block;
		padding-bottom: 1px;
		color: #7940ff;
		border-bottom: 1px solid #7940ff;
		font-size: 24px;
		font-weight: 700;
	}
	.smart-section05__btn {
		display: inline-block;
		position: relative;
		width: 250px;
		height: 56px;
		line-height: 52px;
		margin-right: 17px;
		border: 1px solid #fff;
		font-size: 20px;
		border-radius: 28px;
		color: #fff;
		text-align: center;
		word-spacing: -0.5px;
		letter-spacing: -0.5px;
	}
	.smart-section05__btn:before {
		content: "";
		display: inline-block;
		position: relative;
		top: 4px;
		width: 23px;
		height: 24px;
		margin-right: 9px;
		background: url(/assets/images/ico_google.png) no-repeat 50% 50%;
	}
	.smart-section05__btn--appstore:before {
		top: 3px;
		background: url(/assets/images/ico_appstore.png) no-repeat 50% 50%;
	}
	.smart-section05__qr {
		position: absolute;
		bottom: -10px;
		right: 66px;
	}
	.smart-section05__qr h3 {
		padding-left: 2px;
		padding-bottom: 13px;
		font-size: 20px;
		line-height: 36px;
		color: #fff;
		word-spacing: -0.5px;
		letter-spacing: -0.5px;
	}
	.smart-section05__qr ul li {
		float: left;
		width: 132px;
		height: 145px;
		margin-right: 10px;
		padding: 16px 0 0 0;
		text-align: center;
		background-color: #fff;
		border-radius: 1px;
	}
	.smart-section05__qr ul li p {
		position: relative;
		padding-top: 6px;
		font-size: 12px;
		color: #858585;
		word-spacing: -0.3px;
		letter-spacing: -0.3px;
	}
	.smart-section05__qr ul li p:before {
		content: "";
		display: inline-block;
		position: relative;
		top: 2px;
		width: 12px;
		height: 13px;
		margin-right: 3px;
		background: url(/assets/images/ico_google02.png) no-repeat 50% 50%;
	}
	.smart-section05__qr ul li:nth-child(2) p:before {
		content: "";
		display: inline-block;
		position: relative;
		top: 2px;
		width: 11px;
		height: 12px;
		margin-right: 3px;
		background: url(/assets/images/ico_appstore02.png) no-repeat 50% 50%;
	}
	.smart-section05 .smart-title {
		font-weight: 300;
		color: #fff;
		word-spacing: -1.1px;
		letter-spacing: -1.1px;
	}
	.smart-section06 {
		padding: 94px 0 149px 0;
	}
	.smart-section06__contact {
		padding-top: 79px;
		text-align: center;
	}
	.smart-section06__contact ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.smart-section06__contact ul li {
		display: -ms-inline-flexbox;
		display: inline-flex;
		position: relative;
		text-align: center;
		font-size: 15px;
		line-height: 20px;
		color: #353535;
		word-spacing: -0.6px;
		letter-spacing: -0.6px;
	}
	.smart-section06__contact ul li p {
		padding: 10px 0 5px 0;
		font-size: 16px;
		color: #4a4a4a;
		letter-spacing: 0;
	}
	.smart-section06__contact ul li a,
	.smart-section06__contact ul li .txt {
		display: block;
		font-size: 22px;
		line-height: 36px;
		font-weight: 700;
		color: #111;
		letter-spacing: 0;
	}
	.smart-section06__contact ul li:before {
		content: "";
		display: block;
		min-width: 110px;
		width: 110px;
		height: 110px;
		margin: 0 20px 0 0;
	}
	.smart-section06__contact ul li > div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: left;
	}
	.smart-section06__contact ul li:nth-child(1):before {
		background: url(/assets/images/section05_ico01.png) no-repeat 0 0;
	}
	.smart-section06__contact ul li:nth-child(2):before {
		background: url(/assets/images/section05_ico02.png) no-repeat 0 0;
	}
	.smart-section06__contact ul li:nth-child(2) a {
		word-spacing: -0.375px;
		letter-spacing: -0.375px;
	}
	.smart-section06__contact ul li:nth-child(3):before {
		background: url(/assets/images/section05_ico03.png) no-repeat 0 0;
	}
	.smart-section06 .smart-title {
		font-weight: 300;
		word-spacing: -1.1px;
		letter-spacing: -1.1px;
	}
	.smart-section07 {
		padding: 50px 0;
		font-size: 15px;
		line-height: 22px;
		background-color: #f1f4f7;
		color: #4a4a4a;
	}
	.smart-footer {
		padding: 34px 0 33px 0;
		border-top: 1px solid #ddd;
		text-align: center;
		font-size: 16px;
		line-height: 26px;
		color: #4a4a4a;
		font-weight: 300;
		word-spacing: -0.64px;
		letter-spacing: -0.64px;
	}
	.smart-footer__link {
		padding-bottom: 30px;
		text-align: center;
	}
	.smart-footer__link a {
		margin: 0 10px;
		color: #4a4a4a;
	}
	.smart-footer__link a:hover {
		text-decoration: underline;
	}
	.smart-footer span {
		margin: 0 10px;
	}
	.smart-popup {
		display: none;
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -320px;
		margin-left: -180px;
		padding: 0 !important;
		border: 1px solid #ddd !important;
		font-family: "Noto Sans KR", sans-serif !important;
		z-index: 200;
	}
	.smart-popup:after {
		content: "";
		display: block;
		position: absolute;
		top: -1000%;
		left: -1000%;
		bottom: -1000%;
		right: -1000%;
		background: #000;
		opacity: 0.5;
		z-index: 1;
	}
	.smart-popup img {
		position: relative;
		width: 360px;
		z-index: 10;
	}
	.smart-popup__temp {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 1000;
		background-color: #fff;
		padding: 10px;
	}
	.smart-popup__temp a {
		margin: 0 10px;
		font-size: 14px;
		color: #222;
	}
	.smart-popup__contents {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 40px;
		left: 0;
		padding: 0 25px;
		z-index: 20;
	}
	.smart-popup__control {
		position: relative;
		height: 40px;
		border-top: 1px solid #ddd;
		z-index: 20;
	}
	.smart-popup__control:after {
		content: "";
		display: table;
		clear: both;
	}
	.smart-popup__control a {
		display: block;
		float: left;
		width: 50%;
		height: 100%;
		color: #666;
		text-align: center;
		font-size: 14px;
		line-height: 40px;
		background: #eee;
	}
	.smart-popup__control a:hover {
		background-color: #e6e6e6;
	}
	.smart-popup__control a:first-child {
		border-right: 1px solid #ddd;
	}
	.smart-popup__title {
		padding-bottom: 37px;
		font-size: 17px;
		line-height: 24px;
		color: #ec471a;
		font-weight: 500;
		word-spacing: -0.68px;
		letter-spacing: -0.68px;
	}
	.smart-popup__title p {
		margin-left: -3px;
		margin-top: 12px;
		font-size: 32.5px;
		line-height: 44px;
		color: #353535;
		font-weight: 300;
		word-spacing: -1.7875px;
		letter-spacing: -1.7875px;
	}
	.smart-popup__title p strong {
		font-weight: 700;
	}
	.smart-popup__text {
		font-size: 13px;
		line-height: 20.5px;
		color: #858585;
		word-spacing: -0.325px;
		letter-spacing: -0.325px;
	}
	.smart-popup__text strong {
		color: #111;
	}
	.smart-popup__btn {
		display: block;
		position: absolute;
		left: 25px;
		right: 25px;
		bottom: 40px;
		height: 45px;
		font-size: 18px;
		font-weight: 500;
		text-align: center;
		border-radius: 25px;
		line-height: 45px;
		word-spacing: -0.45px;
		letter-spacing: -0.45px;
	}
	.smart-popup__btn--green {
		background: #4a39f2;
		color: #fff !important;
	}
	.smart-popup__btn--red {
		background: #e63b1f;
		color: #fff !important;
	}
	.smart-popup__btn--redline {
		border: 1.5px solid #e63b1f;
		color: #e63b1f !important;
		line-height: 41px;
	}
	.smart-popup-custom01 .smart-popup__title {
		padding-top: 54px;
	}
	.smart-popup-custom02 .smart-popup__title {
		padding-top: 282px;
		padding-bottom: 19px;
		font-size: 13px;
		word-spacing: -0.52px;
		letter-spacing: -0.52px;
	}
	.smart-popup-custom02 .smart-popup__title p {
		margin-top: 5px;
		font-size: 29px;
		line-height: 40px;
		word-spacing: -1.885px;
		letter-spacing: -1.885px;
	}
	.smart-popup-custom02 .smart-popup__text {
		font-size: 14px;
		line-height: 23px;
		word-spacing: -0.84px;
		letter-spacing: -0.84px;
	}
	.smart-popup-custom02 .smart-popup__btn {
		bottom: 30px;
	}
	.smart-popup-custom03 .smart-popup__title {
		padding-top: 269px;
		padding-bottom: 24px;
	}
	.smart-popup-custom03 .smart-popup__btn {
		bottom: 36px;
	}
	.smart-popup-custom04 .smart-popup__notice {
		position: relative;
		width: 362px;
		background: #fff;
		z-index: 20;
		padding: 20px 20px 65px 20px;
		font-size: 13px;
		line-height: 20px;
		color: #353535;
		font-weight: 300;
		letter-spacing: -0.3px;
		word-break: keep-all;
	}
	.smart-popup-custom04 .smart-popup__notice h5 {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 2px solid #111;
		font-size: 22px;
		line-height: 35px;
		font-weight: 500;
		color: #111;
	}
    .smart-popup-custom05 {
        position: absolute;
        top: 50px !important;
        margin: 0 !important;
        border: none !important;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
      }
      .smart-popup-custom05 img {
        position: relative;
        width: auto !important;
        z-index: 10;
      }
      .smart-popup-custom05 .smart-popup__control-close {
        position: absolute;
        right: 35px;
        top: 33px;
        width: 55px;
        height: 55px;
        margin-left: 200px;
        z-index: 20;
        font-size: 0;
      }
      .smart-popup-custom05__submit {
        position: absolute;
        left: 212px;
        bottom: 46px;
        width: 212px;
        height: 46px;
        z-index: 20;
        font-size: 0;
      }
      .smart-popup-custom05__check01 {
        position: absolute;
        left: 195px;
        bottom: 151px;
        opacity: 0;
      }
      .smart-popup-custom05__check01 + label {
        position: absolute;
        left: 135px;
        bottom: 107px;
        width: 170px;
        height: 30px;
        z-index: 20;
        font-size: 0;
      }
      .smart-popup-custom05__check01:checked + label:after {
        content: "";
        display: block;
        position: absolute;
        top: 12px;
        left: 9px;
        width: 10px;
        height: 7px;
        background: url(../images/popup/event20210116_pc_check.png);
      }
      .smart-popup-custom05__check02 {
        position: absolute;
        left: 458px;
        bottom: 151px;
        opacity: 0;
      }
      .smart-popup-custom05__check02 + label {
        position: absolute;
        left: 319px;
        bottom: 107px;
        width: 190px;
        height: 30px;
        z-index: 20;
        font-size: 0;
      }
      .smart-popup-custom05__check02:checked + label:after {
        content: "";
        display: block;
        position: absolute;
        top: 12px;
        left: 9px;
        width: 10px;
        height: 7px;
        background: url(../images/popup/event20210116_pc_check.png);
      }
	.smart-join__temp {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1000;
		background-color: #fff;
		padding: 10px;
	}
	.smart-join__temp a {
		margin: 0 10px;
		font-size: 14px;
		color: #222;
	}
}

@media (max-width: 1000px) {
	html,
	body {
		min-width: 100%;
	}
	.pc {
		display: none;
	}
	.mo {
		display: inline;
	}
	.smart-inner {
		position: relative;
		height: 100%;
		padding: 0 20px;
		overflow: hidden;
	}
	.smart-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 60px;
		background-color: #eff3f2;
		line-height: 56px;
		z-index: 100;
	}
	.smart-header:after {
		content: "";
		display: table;
		clear: both;
	}
	.smart-header img {
		position: relative;
		top: -1px;
		margin-right: -15px;
		width: 54px;
	}
	.smart-header__logo {
		float: left; height:60px; display:flex; align-items:flex-start; padding-top:12px;
		font-size: 14px;
		font-weight: 700;
		color: #4a4a4a;
		word-spacing: -0.35px;
		letter-spacing: -0.35px;
	}
	.smart-header__logo> span {line-height: 1.2}
	.smart-header__menu-inner {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		width: 200px;
		padding: 100px 0 0 0;
		background-color: #fff;
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: translate(100%, 0);
		transform: translate(100%, 0);
		-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
		transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
		transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
		transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
	}
	.smart-header__menu-btn {
		position: absolute;
		top: 0;
		right: 0;
		width: 62px;
		height: 60px;
		padding: 20px 20px;
	}
	.smart-header__menu-btn span {
		display: block;
		width: 22px;
		height: 4px;
		margin-bottom: 3.5px;
		position: relative;
		background-color: #8551ff;
		/*outline: solid 1px red;*/
		z-index: 1;
		-webkit-transform-origin: 1px 0px;
		transform-origin: 1px 0px;
		-webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
		transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
		transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
		transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
	}
	.smart-header__menu-btn span:first-child {
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
	}
	.smart-header__menu-btn span:nth-last-child(2) {
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
	}
	.smart-header__menu-btn input {
		display: block;
		width: 62px;
		height: 61px;
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
		opacity: 0;
		/* hide this */
		z-index: 2;
		/* and place it over the hamburger */
		-webkit-touch-callout: none;
	}
	.smart-header__menu-btn input:checked ~ span {
		opacity: 1;
		width: 24px;
		-webkit-transform: rotate(45deg) translate(0, 0);
		transform: rotate(45deg) translate(0, 0);
		background:#8551ff;
	}
	.smart-header__menu-btn input:checked ~ span:nth-last-child(3) {
		opacity: 0;
		-webkit-transform: rotate(0deg) scale(0.2, 0.2);
		transform: rotate(0deg) scale(0.2, 0.2);
	}
	.smart-header__menu-btn input:checked ~ span:nth-last-child(2) {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		transform: rotate(-45deg) translate(0, 0);
	}
	.smart-header__menu-btn input:checked ~ .smart-header__menu-inner {
		-webkit-transform: none;
		transform: none;
	}
	.smart-header__menu-item {
		display: block;
		margin-left: 50px;
		font-size: 16px;
		color: #4a4a4a;
		word-spacing: -0.64px;
		letter-spacing: -0.64px;
	}
	.smart-header__menu-item--active {
		font-weight: 700;
	}
	.smart-subtext {
		position: relative;
		padding: 0 0 6px 0;
		font-size: 16px;
		line-height: 24px;
		color: #111;
		font-weight: 300;
		text-align: center;
		z-index: 50;
		word-spacing: -0.56px;
		letter-spacing: -0.56px;
	}
	/*.smart-section01 h2{*/
	/*	font-size:36px !important;*/
	/*}*/
	.smart-title {
		position: relative;
		z-index: 20;
		text-align: center;
		font-size: 29px;
		line-height: 37.5px;
		color: #111;
		font-weight: 400;
		word-spacing: -1.16px;
		letter-spacing: -1.16px;
	}
	.smart-title strong {
		font-weight: 500;
		color: #f04719;
	}
	.smart-title__text {
		display: inline-block;
		position: relative;
		margin-top: -7px;
		overflow: hidden;
		text-align: left;
	}
	.smart-title__text:first-child {
		margin-top: 0;
	}
	.smart-title__text p {
		display: block;
		width: 1000px;
		text-align: left;
	}
	.smart-title__text .bg01 {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 500px;
		background-color: #eff3f2;
		z-index: 10;
	}
	.smart-title__text .bg02 {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 0;
		background-color: #f04719;
		z-index: 20;
	}
	.smart-title br {
		font-size: 0;
		line-height: 0;
	}
}

@media (max-width: 1000px) and (max-width: 320px) {
	.smart-title {
		font-size: 24px !important;
		line-height: 1.3;
	}
}

@media (max-width: 1000px) {
	.smart-stxt {
		position: relative;
		padding: 10px 50px 0;
		font-size: 12px;
		line-height: 18px;
		color: #858585;
		font-weight: 300;
		z-index: 40;
		word-spacing: -0.88px;
		letter-spacing: -0.88px;
		text-align: center;
	}
	.smart-panel {
		display: none;
		position: relative;
		z-index: 50;
	}
	.smart-panel__copy .smart-panel {
		display: block;
	}
	.smart-panel__copy .smart-panel dt {
		opacity: 1 !important;
		visibility: visible !important;
	}
	.smart-panel dt {
		position: relative;
		height: 54px;
		padding: 0 20px;
		background-color: #7940ff;
		font-size: 14px;
		line-height: 54px;
		font-weight: 400;
		color: #fff;
		word-spacing: -0.35px;
		letter-spacing: -0.35px;
	}
	.smart-panel dt::before {
		content: "";
		display: inline-block;
		position: relative;
		top: 1px;
		width: 18.5px;
		height: 21px;
		margin-right: 7px;
		background: url(/assets/images/mo/ico_like.png) no-repeat 0 0;
		background-size: 18.5px 21px;
	}
	.smart-panel dt a {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		width: auto;
		height: 54px;
		font-size: 0;
	}
	.smart-panel dt a:after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 20px;
		width: 10px;
		height: 6px;
		margin-top: -5px;
		background: url(/assets/images/mo/arrow.png) no-repeat 0 0;
		background-size: 10px 6px;
		-webkit-transition: -webkit-transform 0.2s ease;
		transition: -webkit-transform 0.2s ease;
		transition: transform 0.2s ease;
		transition: transform 0.2s ease, -webkit-transform 0.2s ease;
	}
	.smart-panel dt.active a:after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.smart-panel dd {
		max-height: 0;
		padding: 0 20px;
		overflow: hidden;
		background-color: #7940ff;
		-webkit-transition: max-height 0.3s ease-out;
		transition: max-height 0.3s ease-out;
	}
	.smart-panel dd.active {
		max-height: 240px;
	}
	.smart-panel dd ul {
		margin-top: -4px;
	}
	.smart-panel dd ul li {
		position: relative;
		margin-bottom: 3px;
		padding-left: 8px;
		font-size: 11px;
		line-height: 17px;
		font-weight: 300;
		color: #fff;
		word-spacing: -0.275px;
		letter-spacing: -0.275px;
	}
	.smart-panel dd ul li:before {
		content: "";
		display: block;
		position: absolute;
		top: 8px;
		left: 0;
		width: 2.5px;
		height: 2.5px;
		border-radius: 100%;
		background-color: #cecece;
	}
	.smart-panel dd ul li:last-child {
		padding-bottom: 12px;
	}
	.smart-panel dd p {
		border-top: 1px solid #11a552;
		margin: -10px 0 10px 0;
		padding: 5px 0 0 8px;
		font-size: 11px;
		color: #def1e4;
		font-weight: 300;
	}
	.smart-section01 {
		position: relative;
		background-color: #eff3f2;
		overflow: hidden;
	}
	.smart-section01 .smart-title__text {
		text-align: center;
	}
	.smart-section01__text {
		position: relative;
		padding: 29px 0 0 0;
		z-index: 20;
	}
	.smart-section01__text:after {
		content: "";
		display: table;
		clear: both;
	}
	.smart-section01__text ul {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		min-width: 320px;
		max-width: 360px;
		margin: 0 auto;
	}
	.smart-section01__text ul li {
		display: inline-block;
		position: relative;
		width: 100%;
		text-align: center;
		font-size: 10px;
		line-height: 14px;
		color: #353535;
		word-spacing: -0.36px;
		letter-spacing: -0.36px;
		grid-column: span 2;
	}
	.smart-section01__text ul li p {
		margin: 0 -15px;
		margin-top: 9px;
	}
	.smart-section01__text ul li img {
		width: 57px;
		height: 57px;
	}
	.smart-section01__text ul li:nth-child(4) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 18px 0 0 20px;
		grid-column: span 3;
		text-align: left;
	}
	.smart-section01__text ul li:nth-child(4) p {
		margin: 0 0 0 12px;
	}
	.smart-section01__text ul li:nth-child(5) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 18px 0 0 20px;
		grid-column: span 3;
		text-align: left;
	}
	.smart-section01__text ul li:nth-child(5) p {
		margin: 0 0 0 12px;
	}
}

@media (max-width: 1000px) and (max-width: 320px) {
	.smart-section01__text ul li:nth-child(4) {
		padding: 18px 0 0 0px;
	}
	.smart-section01__text ul li:nth-child(5) {
		padding: 18px 0 0 0px;
	}
}

@media (max-width: 1000px) {
	.smart-section01__obj01 {
		position: absolute;
		top: 345px;
		left:50%;
		margin-left:-100px;
		z-index: 10;
	}
	.smart-section01 .smart-title.mo {
		display: block;
	}
	.smart-section01__obj01 img {
		width: 200px;
	}
	.smart-section01__obj02 {
		position: absolute;
		left: 50%;
		top: 401px;
		margin-left: -61px;
		z-index: 10;
	}
	.smart-section01__obj02 img {
		width: 179px;
	}
	.smart-section01__obj03 {
		position: absolute;
		left: 50%;
		top: 438px;
		margin-left: -62px;
		z-index: 10;
	}
	.smart-section01__obj03 img {
		width: 167px;
	}
	.smart-section01__obj04 {
		position: absolute;
		left: 50%;
		top: 491px;
		margin-left: -76px;
		z-index: 10;
	}
	.smart-section01__obj04 img {
		width: 144px;
	}
	.smart-section01 .smart-inner {
		height: 100%;
		padding: 45px 0 0 0px;
	}
	.smart-section01 .smart-panel {
		margin-top: 282px;
	}
	.smart-section02 {
		position: relative;
	}
	.smart-section02__obj01 {
		display: block;
		position: absolute;
		top: 340px;
		left: 50%;
		margin-left: -90px;
	}
	.smart-section02 .smart-title.mo {
		display: block;
	}
	.smart-section02__obj01 img {
		width: 180px;
	}
	.smart-section02__obj-wrap {
		position: absolute;
		right: 50%;
		top: 235px;
		margin-right: -40px;
		z-index: 50;
		width: 165px;
		height: 82px;
		-webkit-perspective: 1500px;
		perspective: 1500px;
	}
	.smart-section02__obj02 {
		position: relative;
		width: 100%;
		padding: 10px;
		background: #fff;
		z-index: 10;
		-webkit-transform: rotateY(-30deg) rotateX(20deg) rotateZ(2deg);
		transform: rotateY(-30deg) rotateX(20deg) rotateZ(2deg);
		-webkit-box-shadow: 12px 2px 36px 0px rgba(0, 0, 0, 0.16);
		box-shadow: 12px 2px 36px 0px rgba(0, 0, 0, 0.16);
	}
	.smart-section02__obj02 img {
		width: 100%;
	}
	.smart-section02__obj03 {
		position: absolute;
		top: 44px;
		left: 120px;
		z-index: 30;
		-webkit-transform: rotateY(-30deg) rotateX(20deg) rotateZ(2deg);
		transform: rotateY(-30deg) rotateX(20deg) rotateZ(2deg);
	}
	.smart-section02__obj03 img {
		width: 10px;
	}
	.smart-section02__obj03.active img {
		-webkit-animation-name: move;
		animation-name: move;
		-webkit-animation-duration: 2.5s;
		animation-duration: 2.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	.smart-section02__obj04 {
		position: absolute;
		top: 35px;
		left: 17px;
		width: 20px;
		height: 20px;
		-webkit-transform: rotateY(-30deg) rotateX(20deg) rotateZ(2deg);
		transform: rotateY(-30deg) rotateX(20deg) rotateZ(2deg);
		z-index: 30;
	}
	.smart-section02__obj04 img {
		width: 100%;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
	.smart-section02__obj04.active img {
		-webkit-animation-name: ico-scale;
		animation-name: ico-scale;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	.smart-section02__obj05 {
		position: absolute;
		top: 40px;
		right: 11px;
		width: 20px;
		height: 20px;
		-webkit-transform: rotateY(-30deg) rotateX(20deg) rotateZ(2deg);
		transform: rotateY(-30deg) rotateX(20deg) rotateZ(2deg);
		z-index: 30;
	}
	.smart-section02__obj05 img {
		width: 100%;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
	.smart-section02__obj05.active img {
		-webkit-animation-name: ico-scale;
		animation-name: ico-scale;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	.smart-section02 .smart-inner {
		height: 100%;
		padding: 40px 0 0 0;
	}
	.smart-section02 .smart-panel {
		margin-top: 261px;
	}
	.smart-section02 .smart-title__text .bg01 {
		background-color: #fff;
	}
	/*.smart-section02 .smart-title > .smart-title__text:first-child,*/
	/*.smart-section02 .smart-title > .smart-title__text:nth-child(2) {*/
	/*	margin-bottom:10px*/
	/*}*/
	.smart-section02 .smart-subtext {
		margin-top:10px
	}
	.smart-section03 {
		background-color: #f1f4f7;
	}
	.smart-section03__obj01 {
		position: absolute;
		top: 350px;
		left: 50%;
		margin-left: -92px;
	}
	.smart-section03__obj01 img {
		width: 188px;
	}
	.smart-section03__obj02 {
		position: absolute;
		left: 50%;
		top: 400px;
		margin-left: -87px;
		z-index: 10;
	}
	.smart-section03__obj02 img {
		width: 176.5px;
	}
	.smart-section03 .smart-inner {
		height: 100%;
		padding: 85px 0 0 0;
	}
	.smart-section03 .smart-subtext {
		padding-bottom: 9px;
	}
	.smart-section03 .smart-title.mo {
		display: block;
	}
	.smart-section03 .smart-panel {
		margin-top: 258px;
	}
	.smart-section04 {
		height: 627px;
	}
	.smart-section04__btn {
		position: relative;
		display: block;
		margin: 27px auto 0;
		width: 220px;
		height: 50px;
		background: #7940ff;
		border-radius: 35px;
		font-size: 16px;
		color: #fff;
		text-align: center;
		line-height: 50px;
		z-index: 20;
		word-spacing: -0.4px;
		letter-spacing: -0.4px;
	}
	.smart-section04__obj01 {
		position: absolute;
		top:30px;
		left:50%;
		margin-left:-500px;
		z-index: 10;
	}
	.smart-section04__obj01 img {
		width: 650px;
	}
	.smart-section04 .smart-inner {
		height: 100%;
		padding:290px 0 70px 0;
	}
	.smart-section04 .smart-title {
		font-size: 27px;
	}
	.smart-section04 .smart-title.mo {
		display: block;
	}
	.smart-section04 .smart-title__text .bg01 {
		background-color: #fff;
	}
	.smart-section05 {
		position: relative;
		padding: 39px 0 51px 0;
		background-color: #353535;
	}
	.smart-section05__text {
		padding: 32px 0 26px 0;
		color: #fff;
		font-size: 14px;
		line-height: 20px;
		font-weight: 300;
		text-align: center;
		word-spacing: -0.35px;
		letter-spacing: -0.35px;
	}
	.smart-section05__text h3 {
		display: block;
		margin-bottom: 13.5px;
		font-size: 16px;
		font-weight: 400;
		word-spacing: -0.4px;
		letter-spacing: -0.4px;
	}
	.smart-section05__text strong {
		display: inline-block;
		color: #7940ff;
		border-bottom: 1px solid #7940ff;
		font-size: 16px;
		font-weight: 700;
		line-height: 1;
		word-spacing: -0.4px;
		letter-spacing: -0.4px;
	}
	.smart-section05__btn {
		display: block;
		position: relative;
		width: 170px;
		height: 44.5px;
		margin: 0 auto 12.5px;
		line-height: 42.5px;
		border: 1px solid #fff;
		font-size: 13px;
		border-radius: 28px;
		color: #fff;
		text-align: center;
		word-spacing: -0.5px;
		letter-spacing: -0.5px;
	}
	.smart-section05__btn:before {
		content: "";
		display: inline-block;
		position: relative;
		top: 2px;
		width: 13.5px;
		height: 15.5px;
		margin-right: 11px;
		background: url(/assets/images/mo/ico_google.png) no-repeat 50% 50%;
		background-size: 13.5px 15.5px;
	}
	.smart-section05__btn--appstore {
		margin: 0 auto;
	}
	.smart-section05__btn--appstore:before {
		top: 2px;
		background: url(/assets/images/mo/ico_appstore.png) no-repeat 50% 50%;
		background-size: 12.5px 15.5px;
	}
	.smart-section05__qr {
		padding-top: 36px;
	}
	.smart-section05__qr h3 {
		padding-bottom: 23px;
		font-size: 16px;
		line-height: 18px;
		color: #fff;
		text-align: center;
		font-weight: 500;
		word-spacing: -0.4px;
		letter-spacing: -0.4px;
	}
	.smart-section05__qr ul {
		text-align: center;
	}
	.smart-section05__qr ul:after {
		content: "";
		display: table;
		clear: both;
	}
	.smart-section05__qr ul li {
		display: inline-block;
		width: 89px;
		height: 97px;
		margin-right: 24px;
		padding: 10.5px 0 0 0;
		text-align: center;
		background-color: #fff;
		border-radius: 1px;
	}
	.smart-section05__qr ul li img {
		width: 64.5px;
		height: 65.5px;
	}
	.smart-section05__qr ul li p {
		position: relative;
		padding-top: 4px;
		font-size: 8px;
		color: #858585;
		word-spacing: -0.3px;
		letter-spacing: -0.3px;
	}
	.smart-section05__qr ul li p:before {
		content: "";
		display: inline-block;
		position: relative;
		top: 1.5px;
		width: 8px;
		height: 9px;
		margin-right: 3px;
		background: url(/assets/images/mo/ico_google02.png) no-repeat 50% 50%;
		background-size: 8px 9px;
	}
	.smart-section05__qr ul li:nth-child(2) {
		margin-right: 0;
	}
	.smart-section05__qr ul li:nth-child(2) p:before {
		content: "";
		display: inline-block;
		position: relative;
		top: 1px;
		width: 7.5px;
		height: 9px;
		margin-right: 3px;
		background: url(/assets/images/mo/ico_appstore02.png) no-repeat 50% 50%;
		background-size: 7.5px 9px;
	}
	.smart-section05 .smart-title {
		color: #fff;
	}
	.smart-section06 {
		padding: 39px 0 50px 0;
	}
	.smart-section06__contact {
		width: 300px;
		margin: 0 auto;
		padding-top: 31.5px;
		text-align: center;
	}
	.smart-section06__contact ul {
		padding-left: 10px;
	}
	.smart-section06__contact ul:after {
		content: "";
		display: table;
		clear: both;
	}
	.smart-section06__contact ul li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		min-height: 73.5px;
		margin-top: 17px;
		padding-left: 94px;
		text-align: left;
		font-size: 16px;
		line-height: 18px;
		color: #353535;
		word-spacing: -0.6px;
		letter-spacing: -0.6px;
	}
	.smart-section06__contact ul li p {
		padding: 0 0 1.5px 0;
		font-size: 11px;
		color: #4a4a4a;
		letter-spacing: 0;
	}
	.smart-section06__contact ul li a {
		font-size: 16px;
		font-weight: 700;
		color: #111;
		letter-spacing: 0;
	}
	.smart-section06__contact ul li a:last-child {
		font-size: 14px;
	}
	.smart-section06__contact ul li a:last-child:first-child {
		font-size: 16px;
	}
	.smart-section06__contact ul li:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 73.5px;
		height: 73.5px;
	}
	.smart-section06__contact ul li > div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: left;
	}
	.smart-section06__contact ul li:nth-child(1) {
		margin-top: 0;
	}
	.smart-section06__contact ul li:nth-child(1):before {
		background: url(/assets/images/mo/section05_ico01.png) no-repeat 0 0;
		background-size: 73.5px 73.5px;
	}
	.smart-section06__contact ul li:nth-child(2):before {
		background: url(/assets/images/mo/section05_ico02.png) no-repeat 0 0;
		background-size: 73.5px 73.5px;
	}
	.smart-section06__contact ul li:nth-child(2) a {
		word-spacing: -0.375px;
		letter-spacing: -0.375px;
	}
	.smart-section06__contact ul li:nth-child(3) p {
		display: none;
	}
	.smart-section06__contact ul li:nth-child(3) span {
		display: block;
		padding-top: 26px;
	}
	.smart-section06__contact ul li:nth-child(3):before {
		background: url(/assets/images/mo/section05_ico03.png) no-repeat 0 0;
		background-size: 73.5px 73.5px;
	}
	.smart-section06 .smart-title {
		font-size: 26px;
		word-spacing: -1.04px;
		letter-spacing: -1.04px;
	}
	.smart-section07 {
		padding: 30px 0;
		font-size: 12px;
		line-height: 15px;
		background-color: #f1f4f7;
		color: #4a4a4a;
	}
	.smart-footer {
		padding: 16px 0 16px 0;
		border-top: 1px solid #ddd;
		text-align: center;
		font-size: 8px;
		line-height: 15.5px;
		color: #4a4a4a;
		font-weight: 300;
		word-spacing: -0.2px;
		letter-spacing: -0.2px;
	}
	.smart-footer__link {
		padding-bottom: 30px;
		text-align: center;
	}
	.smart-footer__link a {
		margin: 0 10px;
		color: #4a4a4a;
	}
	.smart-footer__link a:hover {
		text-decoration: underline;
	}
	.smart-footer span {
		margin: 0 10px;
	}
	.smart-popup {
		display: none;
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -256px;
		margin-left: -144px;
		padding: 0 !important;
		border: 1px solid #ddd !important;
		font-family: "Noto Sans KR", sans-serif !important;
		z-index: 200;
	}
	.smart-popup:after {
		content: "";
		display: block;
		position: absolute;
		top: -1000%;
		left: -1000%;
		bottom: -1000%;
		right: -1000%;
		background: #000;
		opacity: 0.5;
		z-index: 1;
	}
	.smart-popup img {
		position: relative;
		width: 288px;
		z-index: 10;
	}
	.smart-popup__temp {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 1000;
		background-color: #fff;
		padding: 8px;
	}
	.smart-popup__temp a {
		margin: 0 10px;
		font-size: 11.2px;
		color: #222;
	}
	.smart-popup__contents {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 32px;
		left: 0;
		padding: 0 20px;
		z-index: 20;
	}
	.smart-popup__control {
		position: relative;
		height: 32px;
		border-top: 1px solid #ddd;
		z-index: 20;
	}
	.smart-popup__control:after {
		content: "";
		display: table;
		clear: both;
	}
	.smart-popup__control a {
		display: block;
		float: left;
		width: 50%;
		height: 100%;
		color: #666;
		text-align: center;
		font-size: 11.2px;
		line-height: 32px;
		background: #eee;
	}
	.smart-popup__control a:hover {
		background-color: #e6e6e6;
	}
	.smart-popup__control a:first-child {
		border-right: 1px solid #ddd;
	}
	.smart-popup__title {
		padding-bottom: 29.6px;
		font-size: 13.6px;
		line-height: 19.2px;
		color: #ec471a;
		font-weight: 500;
		word-spacing: -0.544px;
		letter-spacing: -0.544px;
	}
	.smart-popup__title p {
		margin-left: -2.4px;
		margin-top: 9.6px;
		font-size: 26px;
		line-height: 35.2px;
		color: #353535;
		font-weight: 300;
		word-spacing: -1.43px;
		letter-spacing: -1.43px;
	}
	.smart-popup__title p strong {
		font-weight: 700;
	}
	.smart-popup__text {
		font-size: 10.4px;
		line-height: 16.4px;
		color: #858585;
		word-spacing: -0.26px;
		letter-spacing: -0.26px;
	}
	.smart-popup__text strong {
		color: #111;
	}
	.smart-popup__btn {
		display: block;
		position: absolute;
		left: 20px;
		right: 20px;
		bottom: 32px;
		height: 36px;
		font-size: 14.4px;
		font-weight: 500;
		text-align: center;
		border-radius: 20px;
		line-height: 36px;
		word-spacing: -0.36px;
		letter-spacing: -0.36px;
	}
	.smart-popup__btn--green {
		background: #4a39f2;
		color: #fff !important;
	}
	.smart-popup__btn--red {
		background: #e63b1f;
		color: #fff !important;
	}
	.smart-popup__btn--redline {
		border: 1.5px solid #e63b1f;
		color: #e63b1f !important;
		line-height: 32.8px;
	}
	.smart-popup-custom01 .smart-popup__title {
		padding-top: 43.2px;
	}
	.smart-popup-custom02 .smart-popup__title {
		padding-top: 225.6px;
		padding-bottom: 15.2px;
		font-size: 10.4px;
		word-spacing: -0.416px;
		letter-spacing: -0.416px;
	}
	.smart-popup-custom02 .smart-popup__title p {
		margin-top: 4px;
		font-size: 23.2px;
		line-height: 32px;
		word-spacing: -1.508px;
		letter-spacing: -1.508px;
	}
	.smart-popup-custom02 .smart-popup__text {
		font-size: 11.2px;
		line-height: 18.4px;
		word-spacing: -0.672px;
		letter-spacing: -0.672px;
	}
	.smart-popup-custom02 .smart-popup__btn {
		bottom: 24px;
	}
	.smart-popup-custom03 .smart-popup__title {
		padding-top: 215.2px;
		padding-bottom: 19.2px;
	}
	.smart-popup-custom03 .smart-popup__btn {
		bottom: 28.8px;
	}
	.smart-popup-custom04 .smart-popup__notice {
		position: relative;
		width: 290px;
		background: #fff;
		z-index: 20;
		padding: 16px 16px 52px 16px;
		font-size: 13px;
		line-height: 20px;
		color: #353535;
		font-weight: 300;
		letter-spacing: -0.24px;
		word-break: keep-all;
	}
	.smart-popup-custom04 .smart-popup__notice h5 {
		margin-bottom: 12px;
		padding-bottom: 12px;
		border-bottom: 1.6px solid #111;
		font-size: 18px;
		line-height: 26px;
		font-weight: 500;
		color: #111;
	}
	.smart-popup-custom05 {
        position: absolute;
        top: 60px !important;
        margin: 0 !important;
        border: none !important;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
      }
      .smart-popup-custom05 img {
        position: relative;
        width: 360px !important;
        z-index: 10;
      }
      .smart-popup-custom05 .smart-popup__control-close {
        position: absolute;
        right: 0;
        top: 0;
        width: 55px;
        height: 55px;
        margin-left: 200px;
        z-index: 20;
        font-size: 0;
      }
      .smart-popup-custom05__submit {
        position: absolute;
        left: 25px;
        bottom: 60px;
        width: 310px;
        height: 47px;
        z-index: 20;
        font-size: 0;
      }
      .smart-popup-custom05__check01 {
        display: none;
      }
      .smart-popup-custom05__check02 {
        display: none;
      }
	.smart-join__temp {
		position: fixed;
		top: 100px;
		right: 0;
		z-index: 1000;
		background-color: #fff;
		padding: 10px;
		z-index: 50;
	}
	.smart-join__temp a {
		margin: 0 10px;
		font-size: 14px;
		color: #222;
	}
}

.smart-popup-mo {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -256px;
    margin-left: -144px;
    padding: 0 !important;
    border: 1px solid #ddd !important;
    font-family: "Noto Sans KR", sans-serif !important;
    z-index: 200;
}

.smart-popup-mo:after {
    content: "";
    display: block;
    position: absolute;
    top: -1000%;
    left: -1000%;
    bottom: -1000%;
    right: -1000%;
    background: #000;
    opacity: 0.5;
    z-index: 1;
}

.smart-popup-mo img {
    position: relative;
    width: 288px;
    z-index: 10;
}

.smart-popup-custom05-mo {
    position: absolute;
    top: 60px !important;
    margin: 0 !important;
    border: none !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.smart-popup-custom05-mo img {
    position: relative;
    width: 360px !important;
    z-index: 10;
}

.smart-popup-custom05-mo .smart-popup__control-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    height: 55px;
    margin-left: 200px;
    z-index: 20;
    font-size: 0;
}

.smart-popup-custom05-mo .smart-popup-custom05__submit {
    position: absolute;
    left: 25px;
    bottom: 38px;
    width: 310px;
    height: 47px;
    z-index: 20;
    font-size: 0;
}

@media (max-width:460px) {
	.smart-section01__obj01 {
		top:475px;
	}
}
/*@media (max-width:360px) {*/
/*	.smart-section02 .smart-title > .smart-title__text:first-child {*/
/*		margin-bottom:0;*/
/*	}*/
/*}*/