/*리셋*/
*{margin: 0; padding: 0; box-sizing: border-box; font-size:inherit; font-weight:normal}
body {font-family: 'Noto Sans KR', sans-serif;}
ul, ol, dl, li {list-style: none;}
a {color: #000; text-decoration: none;}
button {background: none; border: none; cursor: pointer;}

/*슬릭슬라이더*/
.slick-arrow {cursor: pointer;}
.slick-dots>li {cursor: pointer;}

/*클리어픽스*/
.row:after {content: ""; display: table; clear: both;}

/*작업용*/
.l {outline: 1px solid red;}
.b {background-color: palegreen;}

/*페이드업*/
.fi_ani01,.fi_ani02,.fi_ani03,.fi_up01,.fi_up02,.fi_up03,.fi_down01,.fi_down02,.fi_down03,.fi_left01,.fi_left02,.fi_left03,.fi_right01,.fi_right02, .fi_right03 {opacity: 0;}

.fi_ani01.on {animation: fi_ani 1s both;}
.fi_ani02.on {animation: fi_ani 1s .3s both;}
.fi_ani03.on {animation: fi_ani 1s .6s both;}
.fi_ani04.on {animation: fi_ani 1s .9s both;}
.fi_ani05.on {animation: fi_ani 1s 1.2s both;}

.fi_up01.on {animation: fi_up 1s both;}
.fi_up02.on {animation: fi_up 1s .3s both;}
.fi_up03.on {animation: fi_up 1s .6s both;}
.fi_up04.on {animation: fi_up 1s .9s both;}
.fi_up05.on {animation: fi_up 1s 1.2s both;}

.fi_down01.on {animation: fi_down 1s both;}
.fi_down02.on {animation: fi_down 1s .3s both;}
.fi_down03.on {animation: fi_down 1s .6s both;}
.fi_down04.on {animation: fi_down 1s .9s both;}
.fi_down05.on {animation: fi_down 1s 1.2s both;}

.fi_left01.on {animation: fi_left 1s both;}
.fi_left02.on {animation: fi_left 1s .3s both;}
.fi_left03.on {animation: fi_left 1s .6s both;}
.fi_left04.on {animation: fi_left 1s .9s both;}
.fi_left05.on {animation: fi_left 1s 1.2s both;}

.fi_right01.on {animation: fi_right 1s both;}
.fi_right02.on {animation: fi_right 1s .3s both;}
.fi_right03.on {animation: fi_right 1s .6s both;}
.fi_right04.on {animation: fi_right 1s .9s both;}
.fi_right05.on {animation: fi_right 1s 1.2s both;}

@keyframes fi_ani {
	0% {opacity: 0}
	100% {opacity: 1}
}
@keyframes fi_up {
	0% {transform: translateY(70px); opacity: 0}
	100% {transform: translateY(0); opacity: 1}
}
@keyframes fi_down {
	0% {transform: translateY(-70px); opacity: 0}
	100% {transform: translateY(0); opacity: 1}
}
@keyframes fi_left {
	0% {transform: translateX(-70px); opacity: 0}
	100% {transform: translateX(0); opacity: 1}
}
@keyframes fi_right {
	0% {transform: translateX(70px); opacity: 0}
	100% {transform: translateX(0); opacity: 1}
}