* 모든 스타일은 css 충돌방지를 위해 .line2을 기준으로 작성 하시면 됩니다. 예) .line2 .box{}*/
.line2 {
}

* {
	transition-timing-function:ease-in-out;
	-ms-transition-timing-function:ease-in-out;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-timing-function:ease-in-out;
	-o-transition-timing-function:ease-in-out;
	transition-duration:.2s;
	-ms-transition-duration:.2s;
	-moz-transition-duration:.2s;
	-webkit-transition-duration:.2s;
	-o-transition-duration:.2s
}


.alt-font {
	font-family:Montserrat,sans-serif;
	font-weight:500
}
.text-extra-small {
	font-size:11px;
	line-height:14px
}
.text-small {
	font-size:12px;
	line-height:20px
}
.text-medium {
	font-size:16px;
	line-height:23px
}
.text-large {
	font-size:18px;
	line-height:26px
}
.text-extra-large {
	font-size:20px;
	line-height:26px
}
.btn.text-white-2,.text-white-2 {
	color:#fff
}
.btn.text-extra-dark-gray,.text-extra-dark-gray {
	color:#232323
}
.btn.text-dark-gray,.text-dark-gray {
	color:#626262
}
.btn.text-extra-medium-gray,.text-extra-medium-gray {
	color:#757575
}
.btn.text-medium-gray,.text-medium-gray {
	color:#939393
}
.btn.text-deep-pink,.text-deep-pink {
	color:#ff214f
}
.text-outside-line {
	position:relative
}
.text-outside-line::before {
	border-top:1px solid;
	content:"";
	height:0;
	left:auto;
	position:absolute;
	right:-60px;
	top:50%;
	width:40px;
	opacity:.4
}
.text-outside-line::after {
	border-top:1px solid;
	content:"";
	height:0;
	left:auto;
	position:absolute;
	left:-60px;
	top:50%;
	width:40px;
	opacity:.4
}
.text-outside-line-full {
	position:relative;
	display:inline-block
}
.text-outside-line-full::before {
	content:"";
	position:absolute;
	top:50%;
	height:1px;
	width:99%;
	display:block;
	border-bottom:1px solid;
	right:100%;
	margin-right:25px;
	opacity:.15
}
.text-outside-line-full::after {
	content:"";
	position:absolute;
	top:50%;
	height:1px;
	width:99%;
	display:block;
	border-bottom:1px solid;
	left:100%;
	margin-left:25px;
	opacity:.15
}
.text-bottom-line {
	width:1px;
	border-top:30px solid;
	margin-left:auto;
	margin-right:auto
}
.bg-white {
	background-color:#fff
}
.bg-extra-dark-gray {
	background-color:#1c1c1c
}
.bg-dark-gray {
	background-color:#757575
}
.bg-extra-medium-gray {
	background-color:#939393
}
.bg-medium-gray {
	background-color:#dbdbdb
}
.bg-deep-pink {
	background-color:#ff214f
}
.bg-white-opacity {
	background-color:rgba(255,255,255,.85)
}
.bg-deep-pink-opacity {
	background-color:rgba(255,33,79,.85)
}

.separator-line-horrizontal-full {
	width:100%;
	height:1px
}
.opacity-extra-medium {
	position:absolute;
	height:100%;
	width:100%;
	opacity:.5;
	top:0;
	left:0
}
.opacity-medium {
	position:absolute;
	height:100%;
	width:100%;
	opacity:.75;
	top:0;
	left:0
}
.opacity-full {
	position:absolute;
	height:100%;
	width:100%;
	opacity:.8;
	top:0;
	left:0
}
.opacity-full-dark {
	position:absolute;
	height:100%;
	width:100%;
	opacity:.9;
	top:0;
	left:0
}
.opacity1 {
	opacity:.1
}
.opacity2 {
	opacity:.2
}
.opacity3 {
	opacity:.3
}
.opacity4 {
	opacity:.4
}
.opacity5 {
	opacity:.5
}
.opacity6 {
	opacity:.6
}
.opacity7 {
	opacity:.7
}
.opacity8 {
	opacity:.8
}
.opacity9 {
	opacity:.9
}
.btn {
	display:inline-block;
	border:2px solid transparent;
	color:inherit;
	letter-spacing:.5px;
	line-height:inherit;
	border-radius:0;
	text-transform:uppercase;
	width:auto;
	font-family:Montserrat,sans-serif;
	font-weight:600;
	transition-duration:.3s;
	transition-timing-function:ease-in-out;
	white-space:nowrap
}
.btn.btn-very-small {
	font-size:9px;
	padding:1px 17px;
	line-height:22px
}
.btn.btn-small {
	font-size:11px;
	padding:4px 24px
}
.btn.btn-medium {
	font-size:12px;
	padding:6px 25px 5px
}
.btn.btn-large {
	font-size:13px;
	padding:9px 34px;
	line-height:25px
}
.btn.btn-extra-large {
	font-size:15px;
	padding:12px 40px 13px;
	line-height:25px
}
.btn.btn-white {
	background:#fff;
	border-color:#fff;
	color:#232323
}
.btn.btn-white:focus,.btn.btn-white:hover {
	background:0 0;
	color:#fff
}
.btn.btn-dark-gray {
	background:#232323;
	border-color:#232323;
	color:#fff
}
.btn.btn-dark-gray:focus,.btn.btn-dark-gray:hover {
	background:0 0;
	color:#232323
}
.btn.btn-deep-pink {
	background:#ff214f;
	border-color:#ff214f;
	color:#fff
}

.padding-5px-all {
    padding: 5px;
}
.btn.btn-deep-pink:focus,.btn.btn-deep-pink:hover {
	background:0 0;
	border-color:#ff214f;
	color:#ff214f
}
@-webkit-keyframes fadeIn {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@-moz-keyframes fadeIn {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@-o-keyframes fadeIn {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@keyframes fadeIn {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
.margin-100px-bottom {
    margin-bottom: 100px;
}
.m-0 {
    margin: 0!important;
}
.margin-10px-bottom {
    margin-bottom: 10px;
}
.margin-10px-bottom {
    margin-bottom: 10px;
}
.width-60 {
    width: 80%;
}

.margin-25px-bottom {
    margin-bottom: 25px;
}



figure {
	margin:0
}
.feature-box {
	overflow:hidden;
	position:relative;
	text-align:center;
	cursor:pointer
}
.feature-box .content {
	padding:35px 15px
}
.feature-box .content:after,.feature-box .content:before,.feature-box:after,.feature-box:before {
	display:inline-block;
	position:absolute;
	content:"";
	background-color:#ff214f;
	z-index:1
}
.feature-box .content:before,.feature-box:before {
	right:0;
	top:0;
	transition-duration:.5s;
	-webkit-transition-duration:.5s;
	-moz-transition-duration:.5s;
	-ms-transition-duration:.5s;
	-o-transition-duration:.5s
}
.feature-box .content:after,.feature-box:after {
	left:0;
	bottom:0;
	transition-duration:.5s;
	-webkit-transition-duration:.5s;
	-moz-transition-duration:.5s;
	-ms-transition-duration:.5s;
	-o-transition-duration:.5s
}
.feature-box:hover:after,.feature-box:hover:before {
	transform:scaleY(1);
	transition-duration:.5s;
	-webkit-transition-duration:.5s;
	-moz-transition-duration:.5s;
	-ms-transition-duration:.5s;
	-o-transition-duration:.5s
}
.feature-box:before {
	transform-origin:right top 0;
	-webkit-transform-origin:right top 0;
	-moz-transform-origin:right top 0;
	-ms-transform-origin:right top 0;
	-o-transform-origin:right top 0
}
.feature-box:after {
	transform-origin:left bottom 0;
	-webkit-transform-origin:left bottom 0;
	-moz-transform-origin:left bottom 0;
	-ms-transform-origin:left bottom 0;
	-o-transform-origin:left bottom 0
}
.feature-box .content:before {
	transform-origin:right top 0;
	-webkit-transform-origin:right top 0;
	-moz-transform-origin:right top 0;
	-ms-transform-origin:right top 0;
	-o-transform-origin:right top 0
}
.feature-box .content:after {
	transform-origin:top left 0;
	-webkit-transform-origin:top left 0;
	-moz-transform-origin:top left 0;
	-ms-transform-origin:top left 0;
	-o-transform-origin:top left 0
}
.feature-box:after,.feature-box:before {
	height:100%;
	width:3px;
	transform:scaleY(0);
	-webkit-transform:scaleY(0);
	-moz-transform:scaleY(0);
	-ms-transform:scaleY(0);
	-o-transform:scaleY(0);
	transition-duration:.5s;
	-webkit-transition-duration:.5s;
	-moz-transition-duration:.5s;
	-ms-transition-duration:.5s;
	-o-transition-duration:.5s
}
.feature-box:hover .content:after,.feature-box:hover .content:before {
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	transition-duration:.5s;
	-webkit-transition-duration:.5s;
	-moz-transition-duration:.5s;
	-ms-transition-duration:.5s;
	-o-transition-duration:.5s
}
.feature-box .content:after,.feature-box .content:before {
	width:100%;
	height:3px;
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	transition-duration:.5s;
	-webkit-transition-duration:.5s;
	-moz-transition-duration:.5s;
	-ms-transition-duration:.5s;
	-o-transition-duration:.5s
}
.feature-box-1 {
	display:table
}
.grid-item.feature-box-4 {
	overflow:hidden;
	position:relative
}
.grid-item.feature-box-4 figure img {
	width:100%;
	cursor:auto
}
.grid-item.feature-box-4 figure figcaption {
	position:absolute;
	left:0;
	top:auto;
	z-index:9;
	bottom:0;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transition:transform .35s ease-out;
	-webkit-transition:transform .35s ease-out;
	-moz-transition:transform .35s ease-out;
	-ms-transition:transform .35s ease-out;
	-o-transition:transform .35s ease-out;
	padding:0 0 15px 60px;
	width:auto;
	height:auto;
	text-align:left;
	opacity:1;
	cursor:default
}
.feature-box-4 figure:focus img,.grid-item.feature-box-4 figure:hover img {
	opacity:1;
	-ms-transform:none;
	-webkit-transform:none;
	-moz-transform:none;
	-o-transform:none;
	transform:none
}
.grid-item.feature-box-4 figure:hover figcaption {
	transform:translateY(-50px);
	-webkit-transform:translateY(-50px);
	-moz-transform:translateY(-50px);
	-ms-transform:translateY(-50px);
	-o-transform:translateY(-50px)
}
.grid-item.feature-box-4 figure figcaption .btn {
	opacity:0
}
.grid-item.feature-box-4 figure:hover .btn {
	opacity:1;
	display:inline-block
}
.grid-item.feature-box-4 figure:hover img {
	transition-timing-function:ease-in-out;
	-webkit-transition-timing-function:ease-in-out;
	-moz-transition-timing-function:ease-in-out;
	-ms-transition-timing-function:ease-in-out;
	-o-transition-timing-function:ease-in-out;
	transform:scale(1.09,1.09);
	-webkit-transform:scale(1.09,1.09);
	-moz-transform:scale(1.09,1.09);
	-ms-transform:scale(1.09,1.09);
	-o-transform:scale(1.09,1.09)
}
.feature-box-5 {
	padding-left:75px
}
.feature-box-6 {
	padding-left:70px
}
.feature-box.feature-box-7:after,.feature-box.feature-box-7:before {
	content:'';
	display:table
}
.feature-box.feature-box-7:hover,.feature-box.feature-box-7:hover:after,.feature-box.feature-box-7:hover:before {
	border:none
}
.feature-box.feature-box-7 .content::after,.feature-box.feature-box-7 .content::before,.feature-box.feature-box-7::after,.feature-box.feature-box-7::before {
	background:0 0
}
.feature-box.feature-box-7:after {
	clear:both
}
.feature-box.feature-box-7 .box {
	cursor:default;
	height:100%;
	width:100%;
	display:table;
	position:relative;
	-webkit-transition:all .4s cubic-bezier(.48,.83,.63,.91);
	-moz-transition:all .4s cubic-bezier(.48,.83,.63,.91);
	-mstransition:all .4s cubic-bezier(.48,.83,.63,.91);
	-o-transition:all .4s cubic-bezier(.48,.83,.63,.91);
	transition:all .4s cubic-bezier(.48,.83,.63,.91);
	border:1px solid #ededed;
	border-right:none;
	overflow:hidden
}
.feature-box.feature-box-7 div:first-child .box {
	border-left:none
}
.feature-box.feature-box-7 .box figure {
	-webkit-transition:all .4s cubic-bezier(.48,.83,.63,.91);
	-moz-transition:all .4s cubic-bezier(.48,.83,.63,.91);
	transition:all .4s cubic-bezier(.48,.83,.63,.91);
	-ms-transition:all .4s cubic-bezier(.48,.83,.63,.91);
	-o-transition:all .4s cubic-bezier(.48,.83,.63,.91);
	transition:all .4s cubic-bezier(.48,.83,.63,.91);
	padding:8% 0
}
.feature-box.feature-box-7 .box .content {
	display:table-cell;
	height:100%;
	vertical-align:middle;
	padding:0;
	position:relative;
	top:30px
}
.feature-box.feature-box-7 .box:hover .content {
	top:0;
	border-bottom-color:#ff214f
}
.container .feature-box.feature-box-7 .box .content {
	top:43px
}
.container .feature-box.feature-box-7 .box:hover .content {
	top:0
}
.feature-box-8:hover div {
	color:#fff
}
.feature-box-9 .text-bottom-line {
	margin-bottom:15px
}
.feature-box-9:hover .text-bottom-line {
	border-top:45px solid!important;
	margin-bottom:0
}
.feature-box-12 .feature-content-box {
	display:table-cell;
	vertical-align:middle;
	transform:rotateY(0);
	-webkit-transform:rotateY(0);
	-moz-transform:rotateY(0);
	-ms-transform:rotateY(0);
	-o-transform:rotateY(0);
	transition:ease-in-out .6s;
	-webkit-transition:ease-in-out .6s;
	-moz-transition:ease-in-out .6s;
	-ms-transition:ease-in-out .6s;
	-o-transition:ease-in-out .6s;
	opacity:1
}
.feature-box-12 .feature-content-box {
	backface-visibility:hidden;
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d
}
.feature-box-12:hover .feature-content-box {
	transform:rotateX(180deg);
	-webkit-transform:rotateX(180deg);
	-moz-transform:rotateX(180deg);
	-ms-transform:rotateX(180deg);
	-o-transform:rotateX(180deg);
	opacity:0
}
.feature-box-13 {
	overflow:hidden;
	z-index:1
}
.feature-box-13:before {
	background:#ff214f;
	left:0;
	height:100%;
	top:0;
	position:absolute;
	width:100%;
	z-index:-1;
	display:block;
	content:"";
	transition-duration:.3s;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-ms-transition-duration:.3s;
	-o-transition-duration:.3s;
	transform:scaleY(0);
	-webkit-transform:scaleY(0);
	-moz-transform:scaleY(0);
	-ms-transform:scaleY(0);
	-o-transform:scaleY(0);
	opacity:0
}
.feature-box-13:hover:before {
	transform:scaleY(1);
	-webkit-transform:scaleY(1);
	-moz-transform:scaleY(1);
	-ms-transform:scaleY(1);
	-o-transform:scaleY(1);
	transition-duration:.3s;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-ms-transition-duration:.3s;
	-o-transition-duration:.3s;
	opacity:1
}
.feature-box-14>div {
	border-right:1px solid #ededed;
	border-bottom:1px solid #ededed
}
.feature-box-14>div:last-child {
	border-right:0
}
.feature-box-15 .feature-box-content {
	position:relative;
	overflow:hidden
}
.feature-box-16 .feature-box-content {
	position:absolute;
	bottom:0;
	width:100%;
	transition:ease-in-out .4s;
	height:60px
}
.feature-box-16 {
	position:relative;
	overflow:hidden
}
.feature-box-16:hover .feature-box-content {
	height:100%
}
.feature-box.feature-box-17:after,.feature-box.feature-box-17:before {
	content:'';
	display:table
}
.feature-box.feature-box-17:hover,.feature-box.feature-box-17:hover:after,.feature-box.feature-box-17:hover:before {
	border:none
}
.feature-box.feature-box-17 .content::after,.feature-box.feature-box-17 .content::before,.feature-box.feature-box-17::after,.feature-box.feature-box-17::before {
	background:0 0
}
.feature-box.feature-box-17:after {
	clear:both
}
.feature-box.feature-box-17 .box {
	cursor:default;
	height:100%;
	width:100%;
	display:table;
	position:relative;
	-webkit-transition:all .4s cubic-bezier(.48,.83,.63,.91);
	-moz-transition:all .4s cubic-bezier(.48,.83,.63,.91);
	-ms-transition:all .4s cubic-bezier(.48,.83,.63,.91);
	transition:all .4s cubic-bezier(.48,.83,.63,.91);
	overflow:hidden
}
.feature-box.feature-box-17 div:first-child .box {
	border-left:none
}
.feature-box.feature-box-17 .box figure {
	-webkit-transition:all .4s cubic-bezier(.48,.83,.63,.91);
	-ms-transition:all .4s cubic-bezier(.48,.83,.63,.91);
	-moz-transition:all .4s cubic-bezier(.48,.83,.63,.91);
	-o-transition:all .4s cubic-bezier(.48,.83,.63,.91);
	transition:all .4s cubic-bezier(.48,.83,.63,.91);
	padding:10% 0
}
.feature-box.feature-box-17 .box .content {
	display:table-cell;
	height:100%;
	vertical-align:middle;
	padding:0;
	position:relative;
	top:30px
}
.feature-box.feature-box-17 .box:hover .content {
	top:0;
	border-bottom-color:#ff214f
}
.feature-box.feature-box-17 .box:hover {
	background-color:#ff214f
}
[class*=" ti-"],[class^=ti-] {
	display:inline-block
}
.box-separator-line {
	height:1px;
	content:"";
	position:absolute;
	left:-90px;
	top:130px
}
@-webkit-keyframes up-down-animation {
	0% {
		opacity:1;
		top:0
	}
	25% {
		opacity:.4;
		top:2px
	}
	50% {
		opacity:.3;
		top:4px
	}
	75% {
		opacity:.2;
		top:5px
	}
	100% {
		opacity:0;
		top:9px
	}
}
@keyframes up-down-animation {
	0% {
		opacity:1;
		top:0
	}
	25% {
		opacity:.4;
		top:4px
	}
	50% {
		opacity:.3;
		top:8px
	}
	75% {
		opacity:.2;
		top:12px
	}
	100% {
		opacity:0;
		top: 16px
	}
}