/* 메인 공통 타이틀 */
#main h3.title {
	position:relative;
	margin-bottom:42px;
	font-size: 40px;
	font-weight: 900;
}
#main h3.title.ko {
	font-weight:800;
}
#main h3.title.bar:after {
	position:absolute; top:50%; left:340px;
	width:0; height:1px;
	background:#000;
	-webkit-transition:width 1s ease-in-out;
	transition:width 1s ease-in-out;
	content:'';
}
#main h3.title.bar.active:after {
	width:100%;
}
#main h3.title.white {
	color:#fff;
}
#main h3.title span {
	display:block;
	padding-top:5px;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.42;
	color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 1024px) { 
	#main h3.title {
		font-size:35px;
	}
}
@media screen and (max-width: 768px) { 
	#main h3.title {
		margin-bottom:24px;
		font-size:24px;
	}
	#main h3.title.bar:after {
		left:180px;
	}
	#main h3.title span {
		padding-top:3px;
		font-size: 18px;
	}
}


/* 메인 비주얼 배너 */
#main .visual {
	overflow:hidden;
	position:relative;
	max-width:1920px;
	height:600px;
	margin:0 auto;
}
#main .visual .swiper {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-960px;
	width:1920px; 
	height:inherit;
}
#main .visual .swiper-slide > a {
	display:block;
	height:600px;
	background:no-repeat center/cover;
}
#main .visual .swiper-slide.slide01 > a {
	background-image:url('../images/main/visual01.jpg');
}
#main .visual .swiper-slide.slide02 > a {
	background-image:url('../images/main/visual02.jpg');
}
#main .visual .swiper-slide.slide03 > a {
	background-image:url('../images/main/visual03.jpg');
}
#main .visual .swiper-slide .text {
	position:absolute; top:100px; left:50%;
	width:1200px;
	margin-left:-600px;
	opacity:0;
	-webkit-transition:transform 1.2s ease-in-out, opacity 1s ease-in-out;
	transition:transform 1.2s ease-in-out, opacity 1s ease-in-out;
	-webkit-transform:translateY(60px);
	transform:translateY(60px);
}
#main .visual .swiper-slide-active .text {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
#main .visual .swiper-slide .text .tag {
	display:inline-block;
	padding:4px 17px;
	border-radius:7px;
	background:#f86e1a;
	color:#fff;
	font-size:20px;
	font-weight:700;
	letter-spacing:-0.2px;
	 box-shadow:4px 3px 6px 0 rgba(97, 51, 24, 0.15);

}
#main .visual .swiper-slide .text h3 {
	padding:20px 0 30px;
	font-size: 42px;
	font-weight: 800;
	line-height: 1.24;
	letter-spacing: 0.42px;
}
#main .visual .swiper-slide .text .sub {
	font-size: 20px;
	letter-spacing: 0.2px;
}
#main .visual .swiper-pagination {
	top:auto;
	bottom:0;
	left:50%;
	width:100vw;
	margin-left:-50vw;
	height:3px;
	background:rgba(0, 0, 0, 0.5);
}
#main .visual .swiper-pagination span {
	background:#f86e1a;
}
#main .visual .swiper-counter {
	position:absolute; bottom:20px; left:50%; z-index:5;
	width:1200px;
	margin-left:-600px;
	text-align:right;
}
#main .visual .swiper-counter p {
	display:inline-block;
	width:80px; height:30px;
	line-height:30px;
	border-radius: 15px;
	background: rgba(0, 0, 0, 0.6);
	font-size: 16px;
	letter-spacing: -0.32px;
	color: #ccc;
	text-align:center;
}
#main .visual .swiper-counter p .current {
	color:#fff;
	font-size:inherit;
	font-weight:600;
}
#main .visual .swiper-counter p .total {
	color:inherit;
	font:inherit;
}
@media screen and (max-width: 1200px) { 
	#main .visual .swiper-slide .text {
		width:100vw;
		margin-left:-50vw;
		padding:0 20px;
	}
	#main .visual .swiper-counter {
		width:100vw;
		margin-left:-50vw;
		padding:0 20px;
	}
}
@media screen and (max-width: 1024px) { 
	#main .visual .swiper-slide .text .tag {
		font-size:17px;
	}
	#main .visual .swiper-slide .text h3 {
		font-size:38px;
	}
	#main .visual .swiper-slide .text .sub {
		font-size:17px;
	}
	#main .visual .swiper-counter p {
		font-size:14px;
	}
}
@media screen and (max-width: 768px) { 
	#main .visual {
		max-width:100%;
		height:500px;
	}
	#main .visual .swiper {
		left:0;
		margin-left:0;
		width:100%; 
		height:inherit;
	}
	#main .visual .swiper-slide > a {
		height:500px;
	}
	#main .visual .swiper-slide.slide01 > a {
		background-image:url('../images/main/visual01_m.jpg');
	}
	#main .visual .swiper-slide.slide02 > a {
		background-image:url('../images/main/visual02_m.jpg');
	}
	#main .visual .swiper-slide.slide03 > a {
		background-image:url('../images/main/visual03_m.jpg');
	}
	#main .visual .swiper-slide .text {
		top:50px;
		padding:0 15px;
	}
	#main .visual .swiper-slide .text .tag {
		padding:2px 12px;
		font-size:16px;
	}
	#main .visual .swiper-slide .text h3 {
		font-size:30px;
		line-height: 1.2;
	}
	#main .visual .swiper-slide .text .sub {
		font-size:16px;
	}
	#main .visual .swiper-counter {
		padding:0 15px;
		bottom:12px;
	}
	#main .visual .swiper-counter p {
		width:60px;
		height:24px;
		line-height:24px;
		font-size:12px;
	}
}


/* 메인 OUR STORY */
#main .our_story {
	margin:120px auto;
}
#main .our_story .info {
	padding-bottom:68px;
}
#main .our_story .info p {
	font-size: 28px;
	line-height: 1.79;
}
#main .our_story .info p strong {
	border-bottom:4px solid #fff;
	font-size:inherit;
	font-weight:800;
	transition:all 2.5s ease;
}
#main .our_story .info.active p strong {
	border-bottom:4px solid #f86e1a;
}
#main .our_story .info p br.mo {
	display:none;
}
#main .our_story .info .btn {
	padding-top:25px;
}
#main .our_story .info .btn a {
	display:inline-block;
	width: 160px;
	height: 60px;
	border-radius: 30px;
	border: solid 1px #f86e1a;
	background: #fff;
	font-size: 20px;
	line-height: 60px;
	color: #f86e1a;
	text-align:center;
	transition: all .3s ease;
}
#main .our_story .info .btn a:hover {
	font-weight:700;
	color:#b44400;
	border-color:#b44400;
}
#main .our_story .youtube {
	position:relative;
	padding:0 100px;
}
#main .our_story .youtube:after {
	display:block;
	position:absolute;
	top:-200px;
	right:-95px;
	z-index:-1;
	width:404px;
	height:404px;
	border-radius:50%;
	background:#f86e1a;
	-webkit-transform:scale(2);
	transform:scale(2);
	-webkit-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
	opacity:0;
	content:'';
}
#main .our_story.active .youtube:after {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
}
#main .our_story .youtube:before {
	display:block;
	position:absolute;
	bottom:-122px;
	left:0;
	z-index:-1;
	width:244px;
	height:244px;
	border-radius:50%;
	background:#fcf1d8;
	-webkit-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
	content:'';
}
#main .our_story .youtube .iframe a {
	position:relative; 
	display:block;
}
#main .our_story .youtube .iframe a:after {
	position:absolute; top:50%; left:50%;
	width:83px; height:60px;
	background:url('../images/main/video_btn.png') no-repeat center/cover;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	content:'';
}
#main .our_story .youtube .iframe a img {
	width:100%;
}
#main .our_story .story_slide {
	padding-top:80px;
}
#main .our_story .story_slide .swiper-slide img {
	width:100%;
}
#main .our_story .story_slide .swiper-pagination {
	display:none;
}
@media screen and (max-width: 1024px) { 
	#main .our_story .info p {
		font-size:22px;
	}
	#main .our_story .info .btn a {
		width:140px;
		height:50px;
		line-height:50px;
		font-size:17px;
	}
	#main .our_story .youtube {
		padding:0 60px;
	}
}
@media screen and (max-width: 768px) { 
	#main .our_story {
		margin:40px auto;
	}
	#main .our_story .info {
		padding-bottom:27px;
	}
	#main .our_story .info p {
		font-size:18px;
		line-height: 1.67;
	}
	#main .our_story .info p br.mo {
		display:block;
	}
	#main .our_story .info .btn {
		padding-top:15px;
	}
	#main .our_story .info .btn a {
		width:125px;
		height:45px;
		line-height:45px;
		font-size:14px;
	}
	#main .our_story .youtube {
		padding:0;
	}
	#main .our_story .youtube:after {
		top:-110px;
		right:-102px;
		width:208px;
		height:208px;
	}
	#main .our_story .youtube:before {
		bottom:-53px;
		left:-63px;
		width:128px;
		height:128px;
	}
	#main .our_story .story_slide {
		padding-top:36px;
	}
	#main .our_story .story_slide .swiper-pagination {
		display:block;
		position:static;
		margin-top:6px;
	}
	#main .our_story .story_slide .swiper-pagination span {
		background:#000;
		opacity:.2;
	}
	#main .our_story .story_slide .swiper-pagination span.swiper-pagination-bullet-active {
		opacity:1;
	}
}


/* 메인 REVIEW */
#main .review {
	padding:120px 0;
	background:url('../images/main/review_bg.jpg') no-repeat center/cover;
}
#main .review .review_slide .swiper-slide .box {
	padding:40px 30px;
	background:#fff;
	border-radius: 8px;
	border:2px solid #fff;
}
#main .review .review_slide .swiper-slide .box h5 {
	font-size: 24px;
	font-weight: 800;
	line-height: 1.42;
}
#main .review .review_slide .swiper-slide .box .sub {
	overflow:hidden;
	margin:25px 0 20px;
	font-size: 16px;
	line-height: 1.5;
	color: rgba(0, 0, 0, 0.6);
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}
#main .review .review_slide .swiper-slide .box .name {
	display:flex;
	align-items: center;
	justify-content: space-between;
}
#main .review .review_slide .swiper-slide .box .name p {
	display:flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
}
#main .review .review_slide .swiper-slide .box .name p img {
	margin-right:8px;
}
#main .review .review_slide .swiper-slide .box .name .more {
	display:block;
	width:25px;
	height:24px;
	font-size:0;
	background:url('../images/main/icon_plus.png') no-repeat center/100% auto;
}
#main .review .review_slide .swiper-slide .box.active {
	border-color:#b44604;
	box-shadow: 6px 6px 30px 0 rgba(80, 39, 14, 0.2);
}
#main .review .review_slide .swiper-slide .box.active .sub {
	-webkit-line-clamp: unset;
}
#main .review .review_slide .swiper-slide .box.active .name .more {
	background-image:url('../images/main/icon_minus.png');
}
#main .review .review_slide .ctrl {
	display:none;
	align-items: center;
	width:100%;
	position:relative;
	margin-top:40px;
}
#main .review .review_slide .ctrl .swiper-pagination {
	position:static;
	width:calc(100% - 85px);
	border-radius:4px;
	background:rgba(0,0,0,.4);
}
#main .review .review_slide .ctrl .swiper-pagination span {
	border-radius:4px;
	background:#fff;
}
#main .review .review_slide .ctrl .swiper-counter {
	width:85px;
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	text-align:right;
}
#main .review .review_slide .ctrl .swiper-counter span {
	color:inherit;
}
#main .review .review_slide .ctrl .swiper-counter .current {
	font-weight:900;
}
@media screen and (max-width: 1024px) { 
	#main .review .review_slide .swiper-slide .box {
		padding:30px 20px;
	}
	#main .review .review_slide .swiper-slide .box h5 {
		font-size:20px;
	}
	#main .review .review_slide .swiper-slide .box .sub {
		font-size:14px;
	}
	#main .review .review_slide .swiper-slide .box .name p {
		font-size:14px
	}
}
@media screen and (max-width: 768px) { 
	#main .review {
		padding:45px 0;
	}
	#main .review .review_slide {
		margin-right:-15px;
	}
	#main .review .review_slide .swiper-slide .box {
		padding:25px 20px;
	}
	#main .review .review_slide .swiper-slide .box h5 {
	font-size: 16px;
	line-height: 1.38;
	}
	#main .review .review_slide .swiper-slide .box .sub {
		margin:16px 0;
		font-size: 12px;
		line-height: 1.5;
	}
	#main .review .review_slide .swiper-slide .box .name p img {
		width:24px;
	}
	#main .review .review_slide .ctrl {
		display:flex;
		margin-top:24px;
		padding-right:15px;
	}
	#main .review .review_slide .ctrl .swiper-pagination {
		width:calc(100% - 60px);
	}
	#main .review .review_slide .ctrl .swiper-counter {
		width:60px;
		font-size: 14px;
	}
}


/* 메인 FOR YOU */
#main .for_you {
	padding:120px 0;
	background:#faf6f4;
}
#main .for_you .list {
	font-size:0;
	margin-left:-80px;
}
#main .for_you .list > li {
	display:inline-block;
	width:25%;
	padding-left:80px;
	text-align:center;
	vertical-align:top;
}
#main .for_you .list > li > a {
	display:block;
}
#main .for_you .list > li .img img {
	max-width:100%;
	transition:all .3s ease;
}
#main .for_you .list > li .info h5 {
	padding:30px 0 15px;
}
#main .for_you .list > li .info h5 span {
	position:relative;
	font-size: 24px;
	font-weight: 800;
}
#main .for_you .list > li .info h5 span:after {
	display:inline-block;
	position:absolute;
	bottom:2px;
	right:-12px;
	width: 8px;
	height: 8px;
	background: #f86e1a;
	border-radius:50%;
	content:'';
}
#main .for_you .list > li .info p {
	font-size: 18px;
	line-height: 1.56;
	color: rgba(0, 0, 0, 0.6);
}
#main .for_you .list > li > a:hover img {
	-ms-transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);
}
#main .for_you .list > li > a:hover .info h5 span {
	border-bottom:1px solid #000;
}
@media screen and (max-width: 1024px) { 
	#main .for_you .list {
		margin-left:-50px;
	}
	#main .for_you .list > li {
		padding-left:50px;
	}
	#main .for_you .list > li .info h5 span {
		font-size: 20px;
	}
	#main .for_you .list > li .info p {
		font-size: 16px;
	}
}
@media screen and (max-width: 768px) { 
	#main .for_you {
		padding:45px 0 15px;
	}
	#main .for_you .list {
		margin-left:-28px;
	}
	#main .for_you .list > li {
		width:50%;
		padding-left:28px;
		margin-bottom:30px;
	}
	#main .for_you .list > li .info h5 {
		padding:18px 0 10px;
	}
	#main .for_you .list > li .info h5 span {
		font-size: 16px;
	}
	#main .for_you .list > li .info p {
		font-size: 12px;
		line-height: 1.5;
	}
}


/* 메인 CAMPAIGN */
#main .campaign {
	padding:120px 0;
}
#main .campaign .campaign_slide {
	padding:3px;
}
#main .campaign .campaign_slide .box {
	padding:42px;
	background:#fff;
	border-radius: 8px;
	box-shadow: -1px 3px 8px 0 rgba(0, 0, 0, 0.1);
	background-color: #fff;
	border:1px solid #fff;
	transition: all .3s ease;
}
#main .campaign .campaign_slide .swiper-slide:hover .box {
	border:1px solid #f86e1a;
}
#main .campaign .campaign_slide .box .img {
	position:relative;
}
#main .campaign .campaign_slide .box .img img {
	width:100%;
	opacity:.4;
    transition: all .3s ease;
}
#main .campaign .campaign_slide .box .img .state {
	display:flex;
	align-items: center;
	justify-content: center;
	position:absolute;
	bottom:-19px;
	right:-24px;
	width: 85px;
	height: 85px;
	border-radius:50%;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
	background: #ccc;
	font-size: 22px;
	font-weight: 800;
	color: #fff;
}
#main .campaign .campaign_slide .box .info {
	padding-top:34px;
}
#main .campaign .campaign_slide .box .info h5 {
	font-size: 26px;
	font-weight: 800;
}
#main .campaign .campaign_slide .box .info p {
	margin:20px 0 40px;
	font-size: 24px;
	line-height: 1.5;
	color: rgba(0, 0, 0, 0.6);
	word-break: keep-all;
}
#main .campaign .campaign_slide .box .info .btn a {
	display:flex;
	align-items: center;
	justify-content: center;
	height: 86px;
	border-radius: 43px;
	background-color: #f0f0f0;
	font-size: 26px;
	font-weight: 700;
	color: rgba(0, 0, 0, 0.35);
}
#main .campaign .campaign_slide .box.ing .img img {
	opacity:1;
}
#main .campaign .campaign_slide .box.ing .img .state {
	background:#f86e1a;
}
#main .campaign .campaign_slide .box.ing .info .btn a {
	background:#fff;
	color:#f86e1a;
	border:1px solid #f86e1a;
	transition: all .3s ease;
}
#main .campaign .campaign_slide .box.ing .info .btn a:hover {
	background:#f86e1a;
	color:#fff;
}
#main .campaign .campaign_slide .box.prepare .img img {
	opacity:1;
}
#main .campaign .campaign_slide .box.prepare .img .state {
	background:#fcf1d8;
	color:#b4a481;
}
#main .campaign .campaign_slide .box:hover img {
	-ms-transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);
}
#main .campaign .campaign_slide .ctrl {
	display:flex;
	align-items: center;
	width:100%;
	position:relative;
	margin-top:55px;
}
#main .campaign .campaign_slide .ctrl .swiper-pagination {
	position:static;
	width:calc(100% - 85px);
	border-radius:4px;
	background:rgba(0,0,0,.1);
}
#main .campaign .campaign_slide .ctrl .swiper-pagination span {
	border-radius:4px;
	background:#000;
}
#main .campaign .campaign_slide .ctrl .swiper-counter {
	width:85px;
	font-size: 16px;
	font-weight: 400;
	color: #b3b3b3;
	text-align:right;
}
#main .campaign .campaign_slide .ctrl .swiper-counter span {
	color:inherit;
}
#main .campaign .campaign_slide .ctrl .swiper-counter .current {
	color:#f86e1a;
	font-weight:600;
}
@media screen and (max-width: 1024px) { 
	#main .campaign .campaign_slide .box {
		padding:30px;
	}
	#main .campaign .campaign_slide .box .img .state {
		width:75px;
		height:75px;
		font-size:18px;
	}
	#main .campaign .campaign_slide .box .info h5 {
		font-size:22px;
	}
	#main .campaign .campaign_slide .box .info p {
		font-size:20px;
	}
	#main .campaign .campaign_slide .box .info .btn a {
		font-size:20px;
		height:75px;
	}
}
@media screen and (max-width: 768px) { 
	#main .campaign {
		padding:45px 0;
	}
	#main .campaign .campaign_slide {
		margin-right:-15px;
	}
	#main .campaign .campaign_slide .box {
		padding:25px 20px;
	}
	#main .campaign .campaign_slide .box .img .state {
		right:-12px;
		bottom:-9px;
		width:42px;
		height:42px;
		font-size:12px;
	}
	#main .campaign .campaign_slide .box .info {
		padding-top:14px;
	}
	#main .campaign .campaign_slide .box .info h5 {
		font-size:16px;
	}
	#main .campaign .campaign_slide .box .info p {
		margin:8px 0 15px;
		font-size:12px;
		line-height: 1.5;
	}
	#main .campaign .campaign_slide .box .info .btn a {
		font-size:14px;
		height:40px;
	}
	#main .campaign .campaign_slide .ctrl {
		margin-top:24px;
		padding-right:15px;
	}
	#main .campaign .campaign_slide .ctrl .swiper-pagination {
		width:calc(100% - 60px);
	}
	#main .campaign .campaign_slide .ctrl .swiper-counter {
		width:60px;
		font-size: 14px;
	}
}


/* 메인 COMMUNITY */
#main .community {
	overflow:hidden;
	padding:120px 0;
	background:#fbf8f1;
}
#main .community .community_slide {
	overflow:visible;
}
#main .community .community_slide .swiper-slide > a .img {
	overflow:hidden;
	border:2px solid #fbf8f1;
	border-radius:10px;
	transition: all .3s ease;
}
#main .community .community_slide .swiper-slide > a .img img {
	width:100%;
}
#main .community .community_slide .swiper-slide > a .info {
	padding-top:30px;
}
#main .community .community_slide .swiper-slide > a .info h5 {
	font-size: 24px;
	font-weight: 800;
}
#main .community .community_slide .swiper-slide > a .info p {
	margin:15px 0 30px;
	font-size: 18px;
	line-height: 1.44;
	color: rgba(0, 0, 0, 0.6);
}
#main .community .community_slide .swiper-slide > a .info .tag {
	font-size:0;
}
#main .community .community_slide .swiper-slide > a .info .tag span {
	display:inline-block;
	margin-right:4px;
	margin-bottom:4px;
	padding:9px 14px;
	border-radius: 5px;
	background-color: #ece3cf;
	border:1px solid #ece3cf;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
	transition: all .3s ease;
}
#main .community .community_slide .swiper-slide > a:hover .img {
	border:2px solid #f86e1a;
}
#main .community .community_slide .swiper-slide > a:hover .info .tag span {
	background:#f6f0e3;
	border-color:#c2bba9;
}
@media screen and (max-width: 768px) { 
	#main .community {
		padding:44px 0;
	}
	#main .community .community_slide .swiper-slide > a .info {
		padding-top:15px;
	}
	#main .community .community_slide .swiper-slide > a .info h5 {
		font-size:18px;
	}
	#main .community .community_slide .swiper-slide > a .info p {
		margin:12px 0 20px;
		font-size:12px;
		line-height: 1.5;
	}
	#main .community .community_slide .swiper-slide > a .info .tag span {
		font-size:12px;
		padding:6px 8px;
	}
}


/* 메인 INSTAGRAM */
#main .instagram {
	padding:120px 0 150px;
}
#main .instagram .list {
	margin-left:-12px;
	font-size:0;
}
#main .instagram .list li {
	display:inline-block;
	vertical-align:top;
	width:20%;
	padding-left:12px;
	margin-bottom:12px;
}
#main .instagram .list li a {
	display:block;
	border-radius:8px;
	overflow:hidden;
}
#main .instagram .list li a img {
	width:100%;
}
#main .instagram .bnr {
	padding-top:28px;
	margin-left:-20px;
	font-size:0;
}
#main .instagram .bnr li {
	display:inline-block;
	vertical-align:top;
	width:50%;
	padding-left:20px;
}
#main .instagram .bnr li a {
	display:block;
	border-radius:8px;
	overflow:hidden;
}
#main .instagram .bnr li a img {
	width:100%;
}

@media screen and (max-width: 768px) { 
	#main .instagram {
		padding:44px 0 60px;
	}
	#main .instagram .list {
		margin-left:-8px;
	}
	#main .instagram .list li {
		width:33.333%;
		padding-left:8px;
		margin-bottom:8px;
	}
	#main .instagram .list li:nth-child(n+10) {
		display:none;
	}
	#main .instagram .bnr {
		padding-top:6px;
		margin-left:0;
	}
	#main .instagram .bnr li {
		width:100%;
		padding:10px 0 0;
	}
}