@charset "utf-8";
h2 {position: relative; font-size:42px; color:#333; margin:0 0 64px; text-align: center; font-weight: bold;}
h2 .more_btn {display: inline-block; width: 32px; height: 32px; line-height: 32px; background:url(../img/common/title_go.svg) no-repeat center; text-indent: -999999px;}
/***** main *****/

/** main popup **/
#mainPopup.pop_wrap {margin-bottom: 0;}
#mainPopup.pop_wrap img {max-width: 100%;}
#mainPopup.pop_wrap .layer_pop {max-width: 380px; padding:0; border:0;}
#mainPopup.pop_wrap .layer_pop .btn_wrap {margin-top: 0;}
#mainPopup.pop_wrap .layer_pop .swiper-button-prev {left: 0; background:url(../img/common/prev_icon_w.svg) no-repeat center rgba(0,0,0,0.6); outline: 0; background-size: 20px;}
#mainPopup.pop_wrap .layer_pop .swiper-button-next {right: 0; background:url(../img/common/next_icon_w.svg) no-repeat center rgba(0,0,0,0.6); outline: 0; background-size: 20px;}
#mainPopup.pop_wrap .layer_pop .pop_arrow div {width: 50px; height: 50px;}
#mainPopup.pop_wrap .layer_pop .pop_arrow div:after {content:none;}
#mainPopup.pop_wrap .layer_pop .btn_wrap .btn:last-child {position: relative;}
#mainPopup.pop_wrap .layer_pop .btn_wrap .btn:last-child:before {content:""; position: absolute; top:13px; left:0; width:1px; height:24px; background:#dcdcdc;}

section {position: relative; margin-bottom: 140px; z-index: 10;}

.swiper-button-prev {background:url(../img/common/prev.svg) no-repeat center; outline: 0;}
.swiper-button-next {background:url(../img/common/next.svg) no-repeat center; outline: 0;}

.arrow_area div {width: 33px; height: 62px; opacity: 0.4;}
.arrow_area div:after {content: none;}

.circle {position: fixed; width: 0; height: 0; border-radius: 50%; z-index: 999; pointer-events: none;  background: url(../img/common/cursor.png) no-repeat center; visibility: hidden;}
.circle.over {width:106px; height:106px; line-height: 106px; transition: width 0.3s, height 0.3s, transform 2s; visibility: visible;text-align: center; font-size:13px; color:#fff; font-style: italic;}

/** main banner **/
.main_banner {overflow: hidden;margin-bottom: 90px}
.main_banner .swiper-container {overflow: inherit;}
.main_banner .swiper-wrapper {height: 870px;}
.main_banner .swiper-slide {height: 668px; padding: 100px 0 0;}
.main_banner .swiper-pagination-bullet {width: 8px; height: 8px; background: #fff; opacity: 0.6;}
.main_banner .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1;}
.main_banner .swiper-button-prev {left:10%}
.main_banner .swiper-button-next {right:10%}

.main_banner .mb_area {position: relative; max-width: 1480px; height: 100%; margin: 0 auto;}
.main_banner .mb_area:after {content: ""; display: block; clear: both;}
.mb_area .mb_obj {position: absolute; right: 0px; bottom: -70px;}
.mb_area .mb_obj img {max-width: 90%;}
.mb_area .text_wrap {float: left; width: calc(100% - 60%); padding-top:190px; margin-left: 11%;}

.text_wrap .main_text {font-size: 45px; line-height: 60px; letter-spacing: -1.8px; font-weight: 300;}
.text_wrap .main_text strong {display: block; font-weight: 500;}
.text_wrap .sub_text {font-size:18px; line-height: 26px; margin-top: 30px; font-weight: 300;}
.text_wrap .sub_text strong {display: block; font-weight: 500; margin-top: 30px;}
.main_banner .banner_bottom_wrap {position: relative; max-width: 1480px; margin: 0 auto;}
.main_banner .banner_bottom {position: absolute; height: 14px; left: 11%; bottom:162px; z-index: 999;}

.main_banner .swiper-pagination.mb {position: static; float:left; width:auto; font-size:14px; color:#333;}
.main_banner .swiper-pagination.mb span {margin: 0 8px; font-weight: bold;}
.main_banner .swiper-pagination.mb span:first-child {margin-left: 0;}

/* mobile main banner */
.main_banner .mb_area .text_wrap .sub_text span {margin:0 4px;}
.main_banner .m_area .mb_obj {position: relative; text-align: center; margin: 0 auto; bottom: 12px;}
.main_banner .m_area .mb_obj img {max-width: 375px; width: 100%;}

/** banner List **/
.banner_list {margin-bottom: 130px;}
.banner_list ul::after {content:""; display: block; clear: both;}
.banner_list li {float: left; width: 32%; margin-right: 2%;}
.banner_list li:last-child {margin-right: 0;}

.banner_list .img_con {position: relative; margin-bottom: 28px;}
.banner_list .img_con img {max-width: 100%;}
.banner_list .img_con .banner_badge {position: absolute; top:20px; left:20px; padding:12px 16px; background:#6a7aef; border-radius: 10px; font-size: 18px; text-align: center; color:#fff;}

.banner_list p {font-size: 21px; line-height: 30px; color:#333;}
.banner_list p strong {color:#6a7aef;}

.banner_list .m_area .img_con {display: inline-block; vertical-align: middle; margin-bottom: 0;}
.banner_list .m_area .img_con img {width: 95px;}
.banner_list dl {display: inline-block; width: calc(100% - 150px); vertical-align: middle; margin-left: 20px;}
.banner_list dt {font-size: 16px; line-height: 30px; color:#6a7aef;}
.banner_list dd { font-size: 16px; line-height: 20px; color:#333; word-break: keep-all;}

/** best **/
.ico.wish {position: absolute; top:30px; right:30px;}
.best .best_list {text-align:center;}
.best .best_list::after {content:""; display: block; clear: both;}
.best .best_list li {position: relative; display:inline-block; vertical-align:top; width: 18%;  margin-right: 2.5%; text-align:left;}
.best .best_list li:nth-child(5n) {margin-right: 0;}
.best .best_list li .img_con {text-align: center; background:#f9f9f9; padding:70px 50px 50px;}
.best .best_list li .img_con img {max-width: 100%; border-radius: 12px; box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.1);}
.best .item_info {
	padding: 20px 0px 72px;
}

.best .item_info .item_category {
	font-size: 14px;
	color: #757575;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: normal;
	margin-bottom: 6px;
}

.best .item_info .item_title {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 4px;
	margin-top: 0px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
		/*
.best .item_info .item_title strong {
	font-family: 'Montserrat', sans-serif;
	word-break: keep-all;
	font-weight: bold;
}*/

.best .item_info .item_title span {
	position: relative;
	font-size: 14px;
	color: #9a9a9a;
	font-weight: 400;
}

.best .item_info .item_title span.line_l {
	padding-left: 12px;
	margin-left: 4px;
}

.best .item_info .item_title span.line_l::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 4px;
	width: 1px;
	height: 13px;
	background: #ebebeb;
	transform: translateY(-50%);
}

.best .item_info .price_box .discount {
	column-gap: 4px;
	margin-bottom: 2px;
}

.best .item_info .price_box .discount .product_sale {
	line-height: 24px;
}

.best .item_info .price_box .discount .product_discount {
	line-height: 24px;
}

.best .item_info .price_box .product_price {
	line-height: 20px;
	color: #9a9a9a;
}

.best .btn_wrap {
	margin-top: 50px;
}

.best .btn_wrap a {
	width: 266px;
	height: 64px;
	line-height: 64px;
	font-size: 18px;
	color: #333;
	border: 1px solid #ccc;
	padding: 0;
	font-weight: 300;
}

/** special **/
.ico.wish {position: absolute; top:30px; right:30px;}
.special .special_list {text-align:center;}
.special .special_list::after {content:""; display: block; clear: both;}
.special .special_list li {position: relative; display:inline-block; vertical-align:top; width: 18%;  margin-right: 2.5%; text-align:left;}
.special .special_list li:nth-child(5n) {margin-right: 0;}
.special .special_list li .img_con {text-align: center; background:#f9f9f9; padding:70px 50px 50px;}
.special .special_list li .img_con img {max-width: 100%; border-radius: 12px; box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.1);}
.special .item_info {padding:22px 0 38px;}
.special .item_info .item_category {font-size: 16px; font-weight: 300;}
.special .item_info .item_title {font-size: 18px; margin: 6px 0 10px;}
.special .btn_wrap {margin-top: 50px;}
.special .btn_wrap a {width: 266px; height: 64px; line-height: 64px; font-size: 18px; color:#333; border:1px solid #ccc; padding:0; font-weight: 300;}

.special .discount{display:flex;}
.special .item_info .discount{column-gap:4px;}
.special .product_price {font-size: 16px; color:#000; line-height: 21px;font-weight:400;}
.special .price_box .product_price {
	font-size: 14px;
	color: #ccc;
	line-height: 21px;
	text-decoration: line-through;
	font-weight: 400;
}
.special .product_sale {font-size: 16px; color: #ff2020;line-height:21px;font-weight:400;}
.special .product_discount {font-size: 16px; color: #000;line-height:21px;font-weight:400;}

/** intro **/
.intro {background:#f7f8f9; padding:100px 0 78px;}
.intro .intro_bullet {max-width: 1200px; margin: 0 auto;}
.intro .intro_bullet .swiper-pagination {position: static; max-width: 540px; width: 100%;}
.intro .intro_bullet .swiper-pagination-bullet {width: 25%; height: inherit; border-bottom: 2px solid #ccc; background: none; opacity: 1; border-radius: 0; padding-bottom: 8px; outline: 0;}
.intro .intro_bullet .swiper-pagination-bullet span {font-size: 18px; color:#ccc;}
.intro .intro_bullet .swiper-pagination-bullet-active {border-bottom: 2px solid #6a7aef;}
.intro .intro_bullet .swiper-pagination-bullet-active span {color:#6a7aef; font-weight: 500;}

.intro .slide_con {max-width: 1200px; margin: 0 auto; padding:0 44px;}
.intro .slide_con::after {content:""; display: block; clear: both;}
.intro .text_wrap {float: left; width: calc(100% - 50%); padding-top: 13%;}
.intro .img_con {float: right; width: 50%;}
.intro .img_con img {max-width: 90%;}
.intro h3 {font-size: 26px; letter-spacing: -0.65px; margin-bottom: 40px; font-weight: 500;}
.intro p {font-size: 42px; line-height: 58px; letter-spacing: -0.1px; font-weight: 200;} 

.intro .arrow_area div {top:45%}
.intro .arrow_area .swiper-button-prev {left: 0;}
.intro .arrow_area .swiper-button-next {right:0;}

/** set **/
.set {margin-bottom: 200px;}
.set .area {max-width: 1200px;}
.set h3 {font-size: 42px; font-weight: 300; line-height: 54px; margin: 40px 0; letter-spacing: -1px;}
.set h3 strong {display: block; font-weight: 500;}
.set p {font-size: 24px; color:#757575; line-height: 36px; letter-spacing: -0.6px;}
.set p:last-child {margin-top: 20px;}

.set .set_con.sc01 {float: left; width: 40%;}
.set .set_con.sc02 {float: right; position: relative; width: 60%; text-align: right;}
.set .set_con.sc02 img {max-width: 100%;}
.set .set_obj {position: absolute; top: 20%; left:30%; z-index: 101;}
.set .set_obj_con {display:none;}
.set .set_obj_con:first-child(1) {display:block;}
.set .set_detail {position: absolute; top:-18px; right:-3px; width: 66px; height: 66px; background: url(../img/main/set_more.png) no-repeat center; background-size: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.set .set_obj img {max-width: 100%;}

.set .arrow_area {position: absolute; right:0; bottom: 2px; width: 90px; height: 43px; background: rgba(255,255,255,0.8); z-index: 100;}
.set .arrow_area div {width: 50%; height: 100%;}
.set .arrow_area .swiper-button-prev {left: 0; background: url(../img/common/go_l_333.svg) no-repeat center; background-size: 8px;}
.set .arrow_area .swiper-button-next {right:0; background: url(../img/common/go_r_333.svg) no-repeat center; background-size: 8px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.set .arrow_area {bottom:0;}
	.set .arrow_area div {top:0;}
}
.set .swiper-pagination {text-align: left; margin:0 0 4px 30px;}
.set .swiper-pagination-bullet {background:rgba(255,255,255,0.4); opacity: 1;}
.set .swiper-pagination-bullet-active {width: 24px; background:rgba(255,255,255,1); border-radius: 10px;}

/** service **/
.service {}
/* .service .pc_area {background: #fcebb0;}
.service .m_area {background: #FFF5D1;} */
.service .area {max-width: 1200px; padding:80px 3% 120px;}
.service .service_text {}
.service h3 {font-size: 42px; font-weight: 300; margin-bottom: 20px;}
.service h3 strong {font-weight: 500;}
.service p {font-size: 24px;}
.service .img_con {position: absolute; top:0; right:0;}
.service .img_con img {max-width: 540px;}

.service .paging_area {max-width: 1200px; margin: 0 auto; padding: 0 3%;}
.service .swiper-pagination.middle {bottom: 50px;}
.service .swiper-pagination.middle .swiper-pagination-bullet {margin: 0 4px;}
.service .swiper-pagination.middle .swiper-pagination-bullet-active {background-color: #666;}

/** new **/
.new {padding-bottom: 60px;}
.new .swiper-slide a {display: block; width: 100%;}

.new .new_item .item_category {font-size: 18px; line-height: 28px; font-weight: 300;}
.new .new_item .item_title {font-size: 28px;}
.new .new_item .item_price {margin-top:42px;}
.new .new_item .item_text {font-size: 19px; line-height: 30px; letter-spacing: -0.5px; font-weight: 300;}

.new .swiper-slide-active .img_con {text-align: left;}
.new .swiper-slide .img_con img { border-radius: 12px; box-shadow: 8px 8px 16px 0 rgb(0,0,0,0.1);}
.new .swiper-button-prev {left:34px; z-index: 10000;}
.new .swiper-button-next {right:34px; z-index: 10000;}
/* .new .arrow_area {position: absolute; top:200px; max-width: 1000px; right: 50%; transform: translateX(50%); width: 100%; height: 50%; z-index: 10000;} */
.new .arrow_area {position: relative; top:-250px; display:table; margin: 0 auto; max-width: 960px;  width: 100%; height: 50%; z-index:1;}

@media screen and (max-width:1600px){

	/* main banner */
	.main_banner .swiper-button-prev {left:2%}
	.main_banner .swiper-button-next {right:2%}

	/* scroll area */
	.obj_wrap {padding: 110px 5%;}
	.obj_box img {max-width:80%;}
	.obj_box.obj02 {margin-top: 25%;}
	.obj_box.obj03 {margin-top: 15%; left: 2%;}
	.obj_box.obj04 {margin-top: 30%; right: 4%;}
	.obj_box.obj05 {margin-top: 25%; left: -20px;}
	.obj_box.obj06 {margin-top: 15%;}
	.obj_box.obj07 {margin-top: 15%;}
	.obj_box.obj08 {margin-top: 20%; right: -20px;}
}
	@media screen and (min-width:1201px) and (max-width:1300px) {
		.new .swiper-wrapper {
			left: -311px;
		}
	}

	@media screen and (min-width:1301px) {
		.new .swiper-wrapper {
			left: -288px;
		}
	}


	@media screen and (max-width:1400px) {

		/* main banner */
		.mb_area .mb_obj {
			text-align: right;
		}
	}

	@media screen and (min-width:1201px) {

		/* new */
		.new .swiper-slide {
			width: 380px;
			border: 1px solid #ebebeb;
			box-sizing: border-box;
			border-right: 0;
			display: -webkit-box;
		}

			.new .swiper-slide:last-child {
				border-right: 1px solid #ebebeb;
			}

			.new .swiper-slide .img_con {
				text-align: center;
				padding: 90px 0 90px 220px;
			}

			.new .swiper-slide.swiper-slide-active {
				width: 1000px !important;
				border: 1px solid #98a3f4;
			}

				.new .swiper-slide.swiper-slide-active .img_con {
					text-align: left;
				}

			.new .swiper-slide .new_item {
				position: absolute;
				right: 160px;
				top: 130px;
				width: 380px;
				opacity: 0;
			}

		.new .swiper-slide-active .new_item {
			opacity: 1;
			transition: all 1s ease-in-out;
		}

		.new .swiper-slide:not(.swiper-slide-active) {
			display: table;
			margin: 0 auto;
			text-align: center;
		}

			.new .swiper-slide:not(.swiper-slide-active) .img_con {
				padding: 90px 0;
			}
	}

	@media screen and (min-width:1201px) and (max-width:1600px) {
		/* new */
		.new .arrow_area {
			max-width: 920px;
		}

		#wrap .new .swiper-slide.swiper-slide-active {
			width: 900px !important;
		}

		.new .swiper-slide.swiper-slide-active .img_con {
			padding: 90px 0 90px 120px;
		}

		#wrap .new .swiper-slide .new_item {
			right: 120px;
		}
	}

	@media screen and (max-width:1200px) {
		.follow_btn {
			display: none;
		}

		/* main banner */
		.main_banner .swiper-wrapper {
			height: 720px;
		}

		.main_banner .swiper-slide {
			height: 548px;
		}

		.main_banner .mb_area .pc_area .text_wrap {
			padding-top: 120px;
		}

			.main_banner .mb_area .pc_area .text_wrap .main_text {
				font-size: 38px;
				line-height: 52px;
				letter-spacing: -1.52px;
			}

			.main_banner .mb_area .pc_area .text_wrap .sub_text {
				font-size: 17px;
				line-height: 26px;
				word-break: keep-all;
			}

		.main_banner .mb_area .pc_area .swiper-slide {
			height: 526px;
		}

		.main_banner .mb_area .pc_area .mb_obj {
			bottom: -70px;
		}

			.main_banner .mb_area .pc_area .mb_obj img {
				width: 80%;
				max-width: 100%;
			}

		.main_banner .banner_bottom {
			bottom: 130px;
		}

		/* intro */
		.intro {
			padding-top: 80px;
		}

			.intro .intro_bullet {
				margin-bottom: 80px;
			}

				.intro .intro_bullet .swiper-pagination {
					margin: 0 auto;
				}

			.intro .slide_con {
				padding: 0 64px;
			}

			.intro h3 {
				font-size: 21px;
			}

			.intro p {
				font-size: 28px;
				line-height: 45px;
			}

		/* new */
		.new .swiper-slide {
			background: #f6f7f8;
		}

		.item_info .item_title {
			margin-bottom: 24px;
		}

		.new .swiper-slide .img_con {
			float: left;
			text-align: left;
			padding: 80px 0 70px 90px;
		}

		.new .new_item {
			float: right;
			width: calc(100% - 310px);
			margin-top: 130px;
		}

		/* new */
		.new {
			padding: 0 0 0 30px;
			margin-bottom: 74px;
		}

			.new .new_item {
				position: static;
				opacity: 1;
			}

			.new .swiper-slide.swiper-slide-active {
				border: 0;
			}

			.new .img_con img {
				max-width: 90%;
			}

			.new .new_item .item_category {
				font-size: 16px;
			}

			.new .new_item .item_title {
				font-size: 18px;
				margin: 4px 0 15px;
			}

			.new .new_item .item_text {
				width: calc(100% - 40px);
				font-size: 16px;
				line-height: 28px;
			}

			.new .new_item .item_price {
				margin-top: 16px;
			}

			.new .arrow_area {
				display: none;
			}
	}

	@media screen and (max-width:1024px) {

		h2 {
			font-size: 30px;
			margin-bottom: 34px;
		}

		section {
			margin-bottom: 98px;
		}

		/* main banner */
		.main_banner .mb_area .pc_area .text_wrap {
			margin-left: 6%;
		}

		.main_banner .mb_area .pc_area .mb_obj {
			right: -8%;
			bottom: -56px;
		}

			.main_banner .mb_area .pc_area .mb_obj img {
				width: 75%;
			}

		.main_banner .banner_bottom {
			left: 6%;
		}

		.main_banner .swiper-button-prev {
			width: 30px;
			height: 58px;
			left: 2%;
		}

		.main_banner .swiper-button-next {
			width: 30px;
			height: 58px;
			right: 2%
		}

		/* banner List */
		.banner_list .img_con {
			margin-bottom: 20px;
		}

			.banner_list .img_con .banner_badge {
				top: 12px;
				left: 12px;
				font-size: 16px;
				padding: 7px 9px;
				border-radius: 5px;
			}

		.banner_list p {
			font-size: 16px;
			line-height: 24px;
		}

		/* best */
		.best .ico.wish {
			width: 24px;
			height: 20px;
		}

		.best .best_list li {
			width: 31%;
		}

			.best .best_list li:nth-child(5n) {
				margin-right: 2%;
			}

			.best .best_list li:nth-child(3n) {
				margin-right: 0;
			}

		/* special */
		.special .ico.wish {
			width: 24px;
			height: 20px;
		}

		.special .special_list li {
			width: 31%;
		}

			.special .special_list li:nth-child(5n) {
				margin-right: 2.5%;
			}

			.special .special_list li:nth-child(3n) {
				margin-right: 0;
			}

		.special .item_info {
			padding: 22px 0 54px;
		}

		/* intro */
		.intro h3 {
			margin-bottom: 24px;
		}

		.intro .text_wrap {
			padding-top: 8%;
		}

		/* set */
		.set h3 {
			font-size: 30px;
			line-height: 42px;
		}

		.set p {
			font-size: 21px;
			line-height: 35px;
		}

		.set .set_obj {
			left: 35%;
		}

			.set .set_obj img {
				max-width: 80%;
				margin-left: 20px;
			}

		.set .set_con.sc01 {
			margin: 20px 0 0 20px;
		}

		.set .set_con.sc02 {
			width: 50%;
			height: 390px;
			overflow: hidden;
		}

			.set .set_con.sc02 img {
				max-width: inherit;
				width: auto;
				transform: scale(1) translateX(0%);
			}

		.set .arrow_area {
			bottom: 88px;
		}

		/* service */
		.service h3 {
			font-size: 30px;
		}

		.service p {
			font-size: 17px;
		}

		.service .img_con img {
			max-width: 420px;
		}
	}

	@media screen and (min-width:800px) {
		.m_area {
			display: none;
		}

		.video_banner_m {
			display: none;
		}

		.main_banner .video_banner a {
			flex-shrink: 0;
			width: 100%;
			height: 100%;
			position: relative;
			display: block;
		}

		.main_banner .video_banner .main__banner-text {
			position: absolute;
			top: 50%;
			left: 0;
			width: 100%;
			transform:translateY(-50%)
		}

			.main_banner .video_banner .main__banner-text .inner {
				width: 1200px;
				margin: 0 auto;
				padding-left:20px;
			}

				.main_banner .video_banner .main__banner-text .inner h2 {
					color: #000;
					font-size: 42px;
					font-weight: 400;
					line-height: 54px;
					letter-spacing: 0;
					text-align: left;
					margin: 0;
				}

				.main_banner .video_banner .main__banner-text .inner p {
					color: #000;
					font-size: 16px;
					font-weight: 300;
					line-height: 24px;
					letter-spacing: 0;
					margin-top: 14px;
				}

				.main_banner .video_banner .main__banner-text .inner .btn-box {
					width: 184px;
					margin-top: 16px;
				}

					.main_banner .video_banner .main__banner-text .inner .btn-box .btn-basic {
						color: #fff;
						background-color: #000;
						font-size: 14px;
						font-weight: 400;
						line-height: 42px;
						letter-spacing: .14px;
						display: -webkit-box;
						word-wrap: break-word;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 0;
						text-overflow: ellipsis;
						overflow: hidden;
						height: 42px;
						border: 0;
						justify-content: center;
						align-items: center;
						flex-wrap: wrap;
						width: 100%;
						text-align: center;
						border-radius: 2px;
					}
	}

	@media screen and (max-width:800px) {
		.pc_area {
			display: none;
		}

		.video_banner {
			display: none;
		}

		h2 {
			font-size: 24px;
			margin-bottom: 24px;
		}

			h2 .more_btn {
				width: 24px;
				height: 24px;
				line-height: 24px;
			}

		section {
			margin-bottom: 74px;
		}

		/* main banner */
		.main_banner {
			margin-bottom: 0;
		}

			.main_banner .swiper-wrapper {
				height: 636px;
			}

			.main_banner .swiper-slide {
				height: 320px;
				padding-top: 110px;
			}

			.main_banner .mb_area .pc_area .mb_obj {
				float: none;
				width: 80%;
			}

				.main_banner .mb_area .pc_area .mb_obj img {
					width: 267px;
				}

			.main_banner .mb_area .text_wrap {
				width: 100%;
				text-align: center;
				margin-left: 0;
				padding-top: 15px;
			}

				.main_banner .mb_area .text_wrap .main_text {
					font-size: 26px;
					line-height: 34px;
				}

				.main_banner .mb_area .text_wrap .sub_text {
					font-size: 16px;
					line-height: 24px;
					margin-top: 20px;
				}

			.main_banner .banner_bottom_wrap {
				display: none;
			}

			.main_banner .banner_bottom {
				width: auto;
				top: inherit;
				bottom: 20px;
				left: inherit;
				right: 50%;
				transform: translateX(50%);
				margin: 0;
				z-index: 999;
			}

			.main_banner .swiper-button-prev,
			.main_banner .swiper-button-next {
				display: none;
			}

			.main_banner .video_banner_m a {
				flex-shrink: 0;
				width: 100%;
				height: 100%;
				position: relative;
				display: block;
			}

			.main_banner .video_banner_m .main__banner-text {
				position: absolute;
				right: 0;
				left: 0;
				bottom: 7%;
				text-align: center;
			}

				.main_banner .video_banner_m .main__banner-text h2 {
					font-size: 7vw;
					color: #000;
					font-weight: 500;
					line-height: 1.2;
					letter-spacing: -.004em;
				}

				.main_banner .video_banner_m .main__banner-text p {
					font-size: 4vw;
					color: #000;
					font-weight: 400;
					line-height: 20px;
					letter-spacing: -.003em;
					margin-top: 3%;
				}

		/* banner List */
		.banner_list {
			border-top: 5px solid #ebebeb;
			border-bottom: 5px solid #ebebeb;
			padding: 32px 0;
			margin-bottom: 60px;
		}

			.banner_list li {
				width: 100%;
				border-bottom: 1px solid #ebebeb;
				padding-bottom: 14px;
				margin: 0 0 14px;
			}

				.banner_list li:last-child {
					border-bottom: 0;
					padding-bottom: 0;
					margin-bottom: 0;
				}

		/* best */
		.best .ico.wish {
			top: 14px;
			right: 14px;
		}

		.best .best_list li {
			width: 48%;
		}

			.best .best_list li:nth-child(3n) {
				margin-right: 2%;
			}

			.best .best_list li:nth-child(2n) {
				margin-right: 0;
			}

			.best .best_list li .img_con {
				padding: 36px 30px;
			}

				.best .best_list li .img_con img {
					border-radius: 5px;
				}

		.best .item_info {
			padding: 20px 0px 52px;
		}

		.best .item_info .item_category {
			font-size: 14px;
			margin-bottom: 2px;
		}

		.best .item_info .item_title {
			font-size: 16px;
			margin-bottom: 2px;
		}

		.best .btn_wrap {
			margin-top: 30px;
		}

		.best .item_info .price_box .discount .product_sale {
			font-size: 14px;
			line-height: 20px;
		}

		.best .item_info .price_box .discount .product_discount {
			font-size: 14px;
			line-height: 20px;
		}

		.best .item_info .price_box .product_price {
			font-size: 12px;
			line-height: 16px;
		}

		.best .item_info .item_title span.line_l {
			display: none;
		}

		/* special */
		.special .ico.wish {
			top: 14px;
			right: 14px;
		}

		.special .special_list li {
			width: 48%;
		}

			.special .special_list li:nth-child(3n) {
				margin-right: 2.5%;
			}

			.special .special_list li:nth-child(2n) {
				margin-right: 0;
			}

			.special .special_list li .img_con {
				padding: 36px 30px;
			}

				.special .special_list li .img_con img {
					border-radius: 5px;
				}

		.special .item_info {
			padding: 22px 0px 36px;
		}

			.special .item_info .item_category {
				font-size: 14px;
			}

			.special .item_info .item_title {
				font-size: 16px;
			}

		.special .btn_wrap {
			margin-top: 30px;
		}

		.special .product_sale {
			font-size: 14px;
			line-height: 16px;
		}

		.special .product_discount {
			font-size: 14px;
			line-height: 16px;
		}

		.special .price_box .product_price {
			font-size: 12px;
			line-height: 18px;
		}

		/* scroll area */
		.scroll_bg,
		.video_wrap {
			display: none;
		}

		/* intro */
		.intro {
			padding: 60px 0 68px;
		}

			.intro .area {
				padding: 0;
			}

			.intro .intro_bullet {
				margin-bottom: 50px;
			}

				.intro .intro_bullet .swiper-pagination {
					max-width: inherit;
				}

				.intro .intro_bullet .swiper-pagination-bullet,
				.intro .intro_bullet .swiper-pagination-bullet-active {
					border-bottom-width: 1px;
				}

					.intro .intro_bullet .swiper-pagination-bullet span {
						font-size: 14px;
					}

			.intro .slide_con {
				padding: 0;
			}

			.intro .img_con {
				float: none;
				width: inherit;
				text-align: center;
				padding: 0 40px;
			}

			.intro .arrow_area .swiper-button-prev {
				width: 30px;
				height: 43px;
				left: 26px;
			}

			.intro .arrow_area .swiper-button-next {
				width: 30px;
				height: 43px;
				right: 26px;
			}

			.intro .text_wrap {
				float: none;
				width: inherit;
				padding: 20px 26px 0;
			}

			.intro h3 {
				font-size: 16px;
				margin-bottom: 12px;
			}

			.intro p {
				font-size: 21px;
				line-height: 30px;
			}

		/* set */
		.set {
			margin-bottom: 58px;
			overflow: hidden;
		}

			.set .area {
				padding: 0;
			}

			.set .set_con.sc01 {
				width: auto;
				margin: 0 0 0 26px;
			}

			.set .set_con.sc02 {
				float: left;
				width: 80%;
				height: auto;
			}

				.set .set_con.sc02 .swiper-slide {
					overflow: hidden;
				}

				.set .set_con.sc02 img {
					width: 100%;
					transform: scale(1) translateX(-10%);
				}

			.set h3 {
				font-size: 21px;
				line-height: 28px;
				margin: 38px 0 10px;
				letter-spacing: -0.5px;
			}

			.set p {
				display: inline-block;
				font-size: 16px;
				line-height: 24px;
				word-break: keep-all;
				letter-spacing: -0.4px;
			}

				.set p:last-child {
					margin-top: 0;
				}

				.set p br {
					display: none;
				}

			.set .set_obj {
				width: 50%;
				left: inherit;
				top: 4%;
				right: 28px;
				text-align: right;
			}

				.set .set_obj img {
					max-width: 60%;
				}

			.set .set_detail {
				width: 60px;
				height: 60px;
				right: -20px;
			}

			.set .arrow_area {
				display: none;
			}

		/* service */
		.service .area {
			padding: 24px 26px 34px;
		}

		.service .service_text {
			float: left;
			width: calc(100% - 76px);
			margin-left: 20px;
		}

		.service h3 {
			font-size: 18px;
			line-height: 34px;
			margin-bottom: 0;
			font-weight: 400;
		}

			.service h3 strong {
				font-weight: bold;
			}

		.service p {
			font-size: 13px;
			line-height: 18px;
			font-weight: 300;
			word-break: keep-all;
		}

		.service .img_con {
			position: static;
			float: left;
			margin-top: 2px;
		}

			.service .img_con img {
				width: 53px;
				border-radius: 10px;
			}

		.service .swiper-pagination.middle {
			bottom: 10px;
			right: 50%;
			transform: translateX(50%);
		}
		/* new */
		.new {
			padding: 0 0 0 30px;
		}

			.new .new_item {
				position: static;
				opacity: 1;
			}

			.new .swiper-slide {
				background: #fff;
			}

				.new .swiper-slide.swiper-slide-active {
					border: 0;
				}

				.new .swiper-slide .img_con {
					float: none;
					text-align: center;
					padding: 40px 0;
					background: #f6f7f8;
				}

					.new .swiper-slide .img_con img {
						max-width: 90%;
					}

				.new .swiper-slide .new_item {
					width: 100%;
					margin-top: 22px;
				}

					.new .swiper-slide .new_item .item_category {
						font-size: 14px;
					}

					.new .swiper-slide .new_item .item_title {
						font-size: 16px;
						margin: 0 0 12px;
					}

					.new .swiper-slide .new_item .item_text {
						font-size: 14px;
						line-height: 22px;
					}

					.new .swiper-slide .new_item .item_price {
						font-size: 14px;
					}
	}

	@media screen and (max-width:600px) {

		/* best */
		.best .swiper-wrapper {
			left: 60px;
		}

		/* scroll area */
		.scroll_obj {
			margin-bottom: 0;
		}

			.scroll_obj .obj_box {
				position: static;
				float: none;
				width: 100%;
				margin: 0 0 58px 0;
				text-align: center;
			}

				.scroll_obj .obj_box img {
					max-width: 90%;
				}
	}

	@media screen and (max-width:360px) {
	}

	/* 로그인 배너 플로팅 */
	.login_banner_floating {
		position: fixed;
		max-width: 144px;
		bottom: 16px;
		left: 16px;
		z-index: 99;
	}

		.login_banner_floating a {
			display: block;
			width: 144px;
			height: 56px;
			overflow: hidden;
			border-radius: 28px;
			box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.16);
			transition: width 0.3s ease, border-radius 0.3s ease;
			-webkit-transition: width 0.3s ease, border-radius 0.3s ease, opacity 0.3s ease;
			-webkit-border-radius: 28px;
		}

		.login_banner_floating img {
			display: block;
			height: 100%;
		}

		.login_banner_floating.down a {
			width: 56px;
		}

		.login_banner_floating .btn_close {
			position: absolute;
			width: 16px;
			height: 16px;
			top: 0;
			right: -18px;
			background: url(https://static.barunsoncard.com/barunsonmcard/invitation/ico_floating_close.png) 0 0 no-repeat;
			background-size: 16px 16px;
			border: 0 none;
			font-size: 0;
			line-height: 0;
			text-indent: -9999px;
		}

		.login_banner_floating.hidden {
			display: none;
		}